foldkit 0.146.0 → 0.147.0

package/dist/tagName.js

@@ -0,0 +1,11 @@
+/** Extracts the tag name from a snabbdom selector, dropping any `#id` or
+ *  `.class` suffix. Foldkit builds bare-tag selectors, so in practice this
+ *  returns the selector unchanged, but the id/class handling keeps it correct
+ *  for any selector snabbdom itself would accept. */
+export const tagNameFromSelector = (selector) => {
+    const hashIndex = selector.indexOf('#');
+    const dotIndex = selector.indexOf('.');
+    const hashEnd = hashIndex > 0 ? hashIndex : selector.length;
+    const dotEnd = dotIndex > 0 ? dotIndex : selector.length;
+    return selector.slice(0, Math.min(hashEnd, dotEnd));
+};

package/dist/vdom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vdom.d.ts","sourceRoot":"","sources":["../src/vdom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAa,MAAM,QAAQ,CAAA;AAG1C,OAAO,EACL,KAAK,KAAK,EAQV,OAAO,EACR,MAAM,qBAAqB,CAAA;AAE5B,YAAY,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,eAAO,MAAM,KAAK,uEAOhB,CAAA;AAsBF,eAAO,MAAM,cAAc,gBAAuB,CAAA;AA2ClD;;;;mBAImB;AACnB,eAAO,MAAM,kBAAkB,GAC7B,MAAM,KAAK,EACX,OAAM,GAAG,CAAC,MAAM,CAAa,KAC5B,KAA0B,CAAA;AAE7B;;;;;mBAKmB;AACnB,eAAO,MAAM,oBAAoB,GAC/B,MAAM,KAAK,EACX,OAAM,GAAG,CAAC,MAAM,CAAa,KAC5B,KAMF,CAAA;AAED,eAAO,MAAM,YAAY,GACvB,mBAAmB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EACvC,WAAW,KAAK,GAAG,IAAI,EACvB,WAAW,WAAW,EACtB,OAAO,GAAG,CAAC,MAAM,CAAC,KACjB,KASF,CAAA"}
+{"version":3,"file":"vdom.d.ts","sourceRoot":"","sources":["../src/vdom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAa,MAAM,QAAQ,CAAA;AAG1C,OAAO,EACL,KAAK,KAAK,EAQV,OAAO,EACR,MAAM,qBAAqB,CAAA;AAE5B,YAAY,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,CAAA;AASlB,eAAO,MAAM,KAAK,uEAOhB,CAAA;AAsBF,eAAO,MAAM,cAAc,gBAAuB,CAAA;AA2ClD;;;;mBAImB;AACnB,eAAO,MAAM,kBAAkB,GAC7B,MAAM,KAAK,EACX,OAAM,GAAG,CAAC,MAAM,CAAa,KAC5B,KAA0B,CAAA;AAE7B;;;;;mBAKmB;AACnB,eAAO,MAAM,oBAAoB,GAC/B,MAAM,KAAK,EACX,OAAM,GAAG,CAAC,MAAM,CAAa,KAC5B,KAMF,CAAA;AAoBD,eAAO,MAAM,YAAY,GACvB,mBAAmB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EACvC,WAAW,KAAK,GAAG,IAAI,EACvB,WAAW,WAAW,EACtB,OAAO,GAAG,CAAC,MAAM,CAAC,KACjB,KASF,CAAA"}

package/dist/vdom.js

@@ -2,6 +2,13 @@ import { Option, Predicate } from 'effect';
 import { propsModule } from './propsModule.js';
 import { attributesModule, classModule, datasetModule, eventListenersModule, h, init, styleModule, toVNode, } from './snabbdom/index.js';
 export { toVNode };
+// NOTE: module order is load-bearing for hydration. `attributesModule` must run
+// before `propsModule`. When a controlled input is adopted, the seeded server
+// `value` attribute is removed by the attrs module first, which resets
+// `elm.value`; only then does the props module reassert the model value, its
+// `elm[key] !== cur` guard now seeing a cleared value. In the reverse order the
+// props write is skipped as a no-op and the later attribute removal blanks the
+// input. The controlled-input hydration tests fail if this order is changed.
 export const patch = init([
     attributesModule,
     classModule,
@@ -85,12 +92,29 @@ export const dedupeMemoizedResult = (root, seen = new Set()) => {
     const nextChildren = dedupeChildList(root.children, seen);
     return nextChildren === undefined ? root : { ...root, children: nextChildren };
 };
+// NOTE: a fresh boot builds the whole tree so snabbdom fires every insert hook,
+// which is what runs Mounts. Patching `toVNode(container)` directly would let
+// snabbdom reuse a container whose existing DOM happens to match the new tree (a
+// fresh `run` over server-rendered DOM, or an HMR restore), leaving those hooks
+// unfired and Mounts unattached. Patching against a comment placed where the
+// container was is never `sameVnode` with an element, so `createElm` builds the
+// tree fresh and replaces the container, exactly as a boot into an empty
+// container does.
+const patchFreshInto = (container, nextVNode) => {
+    const parent = container.parentNode;
+    if (parent === null) {
+        return patch(toVNode(container), nextVNode);
+    }
+    const placeholder = container.ownerDocument.createComment('');
+    parent.replaceChild(placeholder, container);
+    return patch(toVNode(placeholder), nextVNode);
+};
 export const __patchVNode = (maybeCurrentVNode, nextVNode, container, seen) => {
     const dedupedVNode = Predicate.isNotNull(nextVNode)
         ? dedupeSharedVNodes(nextVNode, seen)
         : h('!');
     return Option.match(maybeCurrentVNode, {
-        onNone: () => patch(toVNode(container), dedupedVNode),
+        onNone: () => patchFreshInto(container, dedupedVNode),
         onSome: currentVNode => patch(currentVNode, dedupedVNode),
     });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foldkit",
-  "version": "0.146.0",
+  "version": "0.147.0",
   "description": "A TypeScript frontend framework, built on Effect and architected like Elm",
   "type": "module",
   "main": "./dist/index.js",
@@ -47,6 +47,10 @@
       "types": "./dist/experimental/machine/public.d.ts",
       "import": "./dist/experimental/machine/public.js"
     },
+    "./experimental/server": {
+      "types": "./dist/experimental/server/public.d.ts",
+      "import": "./dist/experimental/server/public.js"
+    },
     "./html": {
       "types": "./dist/html/public.d.ts",
       "import": "./dist/html/public.js"
@@ -153,6 +157,9 @@
     "dist",
     "THIRD-PARTY-NOTICES.md"
   ],
+  "dependencies": {
+    "parse5": "^8.0.1"
+  },
   "peerDependencies": {
     "effect": "4.0.0-rc.109"
   },