browser-runtime-solid 0.0.7 → 0.0.9

package/README.md

@@ -26,10 +26,10 @@ One standalone HTML page can import just the generic engine and aggregator using
 
 ```html
 <script src="https://raw.esm.sh/esmesm@0.0.3/bootstrap.js"
-  data-map="browser-module-runtime@0.0.3; browser-module-frameworks@0.0.2"></script>
+  data-map="browser-module-runtime@0.0.9; browser-module-frameworks@0.0.9"></script>
 ```
 
-The rest is controlled per runtime by `solid({version,...})`. See `examples/02-solid.html` in the workspace; before npm publication of this release candidate open `/examples/06-solid-versioning.html?local=1` through `bun run dev`.
+The rest is controlled per runtime by `solid({version,...})`. See `examples/02-solid.html` in the workspace; before npm publication of this release candidate run the local workspace with `npm run dev`.
 
 ## Host-managed imports (backward-compatible)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "browser-runtime-solid",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "type": "module",
   "exports": {
     ".": {
@@ -25,7 +25,7 @@
     "node": ">=20"
   },
   "peerDependencies": {
-    "browser-module-runtime": "0.0.7",
+    "browser-module-runtime": "0.0.9",
     "solid-tag": "0.0.3",
     "@solidjs/web": "*"
   },

package/src/index.js

@@ -1,3 +1,22 @@
+function snapshotProps(next){
+  if(next===null||typeof next!=="object"||Array.isArray(next)||
+    (Object.getPrototypeOf(next)!==Object.prototype&&Object.getPrototypeOf(next)!==null))
+    throw new TypeError('updateProps expects a plain object of next props');
+  // Preserve property identity, without mutating the caller's object.
+  return {...next};
+}
+function reactiveProps(read){
+  // Keep native Solid signal tracking at every property read. No eager spread.
+  return new Proxy(Object.create(null),{
+    get(_target,key){return read()[key];},
+    has(_target,key){return Object.hasOwn(read(),key);},
+    ownKeys(){return Reflect.ownKeys(read());},
+    getOwnPropertyDescriptor(_target,key){
+      if(!Object.hasOwn(read(),key))return undefined;
+      return {configurable:true,enumerable:true,get(){return read()[key];}};
+    }
+  });
+}
 import {createSolidFamilyRules,selectSolidMode} from './version-family.js';
 import {ensureSolidDelegation} from './delegation.js';
 export {SolidVersionError,selectSolidMode,createSolidFamilyRules,solidPackageUrl,SOLID_PACKAGES,TESTED_SOLID_VERSION} from './version-family.js';
@@ -16,8 +35,9 @@ export function solid({compiler,render,web,modules={},version,source='auto',prov
   let renderFunction=render;
   let webNamespace=web;
   let ownerRuntime;
+  let solidNamespace;
   return {
-    name:'solid',version:'0.0.7',frameworkVersion:selection.version,source:selection.mode,
+    name:'solid',version:'0.0.9',frameworkVersion:selection.version,source:selection.mode,
     cacheKey:JSON.stringify({solidMode:selection.mode,solidVersion:selection.version??null,tagVersion:selection.tagVersion??null,transformOptions}),
     ...(selection.mode==='pinned'?{
       packageFamilyRules:createSolidFamilyRules(selection.version),
@@ -46,8 +66,26 @@ export function solid({compiler,render,web,modules={},version,source='auto',prov
         }
         if(typeof renderFunction!=='function')throw new TypeError('@solidjs/web renderer requires render().');
         if(webNamespace)ensureSolidDelegation(webNamespace,target.ownerDocument||globalThis.document,delegatedEvents);
-        const dispose=renderFunction(()=>component(props),target);
-        return {dispose};
+        // The Solid family must be the SAME runtime family as the compiled component.
+        // Import through the owning module runtime, never a second global Solid copy.
+        solidNamespace ||= await (ownerRuntime ? ownerRuntime.import('solid-js') : import('solid-js'));
+        if(typeof solidNamespace.createSignal!=='function')throw new TypeError('Solid renderer requires createSignal() from its runtime family');
+        let setSnapshot;
+        const dispose=renderFunction(()=>{
+          const [snapshot,set]=solidNamespace.createSignal(snapshotProps(props));
+          setSnapshot=set;
+          return component(reactiveProps(snapshot));
+        },target);
+        let closed=false;
+        return {
+          updateProps(next){
+            if(closed)throw new Error('Solid mount has been disposed');
+            const value=snapshotProps(next);
+            if(typeof setSnapshot!=='function')throw new Error('Solid render() did not initialize the props bridge');
+            setSnapshot(()=>value);
+          },
+          dispose(){if(!closed){closed=true;return dispose?.();}}
+        };
       }
     }]
   };