@kudzujs/core 0.2.3 → 0.4.0

package/framework/shared-runtime.js

@@ -16,20 +16,47 @@ export function applyCommands(state, commands, commit, log = console.log) {
 
 export const browserState = new Map()
 const committers = []
+const mountHooks = []
+const unmountHooks = []
 
 export function registerCommitter(commit) {
   committers.push(commit)
 }
 
+export function registerMountHook(mount) {
+  mountHooks.push(mount)
+}
+
+export function registerUnmountHook(unmount) {
+  unmountHooks.push(unmount)
+}
+
 export function commitDom(id, value) {
   for (const node of document.querySelectorAll(`[data-k-text="${id}"]`)) node.textContent = value
   for (const commit of committers) commit(id)
 }
 
+export function mountText(root) {
+  for (const node of matching(root, "[data-k-text]")) {
+    const id = node.dataset.kText
+    if (browserState.has(id)) node.textContent = browserState.get(id)
+    else browserState.set(id, JSON.parse(node.dataset.kValue))
+  }
+}
+
+export function mountDom(root) {
+  mountText(root)
+  for (const mount of mountHooks) mount(root)
+}
+
+export function unmountDom(root) {
+  for (const unmount of unmountHooks) unmount(root)
+}
+
 if (typeof document !== "undefined") {
   const initialState = document.body.dataset.kState
   if (initialState) for (const [id, value] of JSON.parse(initialState)) browserState.set(id, value)
-  for (const node of document.querySelectorAll("[data-k-text]")) browserState.set(node.dataset.kText, JSON.parse(node.dataset.kValue))
+  mountText(document)
 
   const eventNames = ["click", "input", "change"]
   for (const eventName of eventNames) {
@@ -42,6 +69,10 @@ if (typeof document !== "undefined") {
   }
 }
 
+function matching(root, selector) {
+  return [...(root.matches?.(selector) ? [root] : []), ...(root.querySelectorAll?.(selector) ?? [])]
+}
+
 function capitalize(value) {
   return value[0].toUpperCase() + value.slice(1)
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kudzujs/core",
-  "version": "0.2.3",
+  "version": "0.4.0",
   "description": "HTML-first TSX framework with synchronous state semantics and no virtual DOM",
   "type": "module",
   "license": "MIT",
@@ -46,7 +46,7 @@
   "scripts": {
     "build": "node ./bin/kudzu.mjs build",
     "dev": "node ./bin/kudzu.mjs dev",
-    "check": "tsc --noEmit && node ./bin/kudzu.mjs build",
+    "check": "tsc --noEmit && tsc -p test/fixtures/tsconfig.json --noEmit && node ./bin/kudzu.mjs build",
     "test": "node --test",
     "prepublishOnly": "npm run check && npm test",
     "deploy": "wrangler deploy",