chore: wip

Author: glennmichael123

bun.lock

@@ -67,7 +67,11 @@
     "packages/vue": {
       "name": "ts-maps-vue",
       "version": "0.1.6",
+      "dependencies": {
+        "bun-types": "^1.2.20",
+      },
       "devDependencies": {
+        "@happy-dom/global-registrator": "^18.0.1",
         "@microsoft/api-extractor": "^7.52.5",
         "@stacksjs/docs": "^0.70.23",
         "@stacksjs/eslint-config": "^4.2.1-beta.1",
@@ -452,6 +456,8 @@
 
     "@floating-ui/utils": ["@floating-ui/[email protected]", "", {}, "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ=="],
 
+    "@happy-dom/global-registrator": ["@happy-dom/[email protected]", "", { "dependencies": { "@types/node": "^20.0.0", "happy-dom": "^18.0.1" } }, "sha512-xCy/cpEP8xyJ6u0eokYgaQxeUmcKqHx/+aC3R0DLa7/S38efhZAVDQqLJ5zzTguLFS0gvAzZHP40NGaLwRyapQ=="],
+
     "@humanfs/core": ["@humanfs/[email protected]", "", {}, "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA=="],
 
     "@humanfs/node": ["@humanfs/[email protected]", "", { "dependencies": { "@humanfs/core": "^0.19.1", "@humanwhocodes/retry": "^0.3.0" } }, "sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw=="],
@@ -3138,6 +3144,8 @@
 
     "@eslint/plugin-kit/@eslint/core": ["@eslint/[email protected]", "", { "dependencies": { "@types/json-schema": "^7.0.15" } }, "sha512-78Md3/Rrxh83gCxoUc0EiciuOHsIITzLy53m3d9UyiW8y9Dj2D29FeETqyKA+BRK76tnTp6RXWb3pCay8Oyomg=="],
 
+    "@happy-dom/global-registrator/@types/node": ["@types/[email protected]", "", { "dependencies": { "undici-types": "~6.21.0" } }, "sha512-uug3FEEGv0r+jrecvUUpbY8lLisvIjg6AAic6a2bSP5OEOLeJsDSnvhCDov7ipFFMXS3orMpzlmi0ZcuGkBbow=="],
+
     "@humanfs/node/@humanwhocodes/retry": ["@humanwhocodes/[email protected]", "", {}, "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA=="],
 
     "@iconify/utils/@antfu/utils": ["@antfu/[email protected]", "", {}, "sha512-Mex9nXf9vR6AhcXmMrlz/HVgYYZpVGJ6YlPgwl7UnaFpnshXs6EK/oa5Gpf3CzENMjkvEx2tQtntGnb7UtSTOQ=="],
@@ -3566,6 +3574,8 @@
 
     "@electron/get/fs-extra/universalify": ["[email protected]", "", {}, "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg=="],
 
+    "@happy-dom/global-registrator/@types/node/undici-types": ["[email protected]", "", {}, "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ=="],
+
     "@isaacs/cliui/string-width/emoji-regex": ["[email protected]", "", {}, "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="],
 
     "@isaacs/cliui/wrap-ansi/ansi-styles": ["[email protected]", "", {}, "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug=="],

bunfig.toml

@@ -1,2 +1,5 @@
 [install]
 registry = { url = "https://registry.npmjs.org/", token = "$BUN_AUTH_TOKEN" }
+
+[test]
+preload = [ "./packages/vue/happydom.ts" ]

packages/vue/.gitignore

@@ -0,0 +1,34 @@
+# dependencies (bun install)
+node_modules
+
+# output
+out
+dist
+*.tgz
+
+# code coverage
+coverage
+*.lcov
+
+# logs
+logs
+_.log
+report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# caches
+.eslintcache
+.cache
+*.tsbuildinfo
+
+# IntelliJ based IDEs
+.idea
+
+# Finder (MacOS) folder config
+.DS_Store

packages/vue/bunfig.toml

@@ -0,0 +1,2 @@
+[test]
+preload = "./happydom.ts"

packages/vue/happydom.ts

@@ -0,0 +1,3 @@
+import { GlobalRegistrator } from '@happy-dom/global-registrator'
+
+GlobalRegistrator.register()

packages/vue/package.json

@@ -38,7 +38,11 @@
     "lint:fix": "bunx --bun eslint . --fix",
     "test": "bun test"
   },
+  "dependencies": {
+    "bun-types": "^1.2.20"
+  },
   "devDependencies": {
+    "@happy-dom/global-registrator": "^18.0.1",
     "@microsoft/api-extractor": "^7.52.5",
     "@stacksjs/docs": "^0.70.23",
     "@stacksjs/eslint-config": "^4.2.1-beta.1",

packages/vue/test/dom.test.ts

@@ -0,0 +1,49 @@
+/// <reference lib="dom" />
+
+import { expect, test } from 'bun:test'
+
+test('DOM environment is working', () => {
+  document.body.innerHTML = `<button>My button</button>`
+  const button = document.querySelector('button')
+  expect(button?.textContent).toEqual('My button')
+})
+
+test('can create and manipulate DOM elements', () => {
+  const container = document.createElement('div')
+  container.id = 'map-container'
+  container.style.width = '800px'
+  container.style.height = '600px'
+  container.style.position = 'relative'
+
+  document.body.appendChild(container)
+
+  expect(container).toBeDefined()
+  expect(container.id).toBe('map-container')
+  expect(container.style.width).toBe('800px')
+  expect(container.style.height).toBe('600px')
+  expect(container.style.position).toBe('relative')
+})
+
+test('can handle map container styling', () => {
+  const mapDiv = document.createElement('div')
+  mapDiv.setAttribute('data-testid', 'map-container')
+  mapDiv.style.width = '100%'
+  mapDiv.style.height = '400px'
+
+  document.body.appendChild(mapDiv)
+
+  expect(mapDiv.getAttribute('data-testid')).toBe('map-container')
+  expect(mapDiv.style.width).toBe('100%')
+  expect(mapDiv.style.height).toBe('400px')
+})
+
+test('can create loading state element', () => {
+  const loadingDiv = document.createElement('div')
+  loadingDiv.className = 'ts-maps-loading'
+  loadingDiv.textContent = 'Loading map...'
+
+  document.body.appendChild(loadingDiv)
+
+  expect(loadingDiv.className).toBe('ts-maps-loading')
+  expect(loadingDiv.textContent).toBe('Loading map...')
+})