svelte-origin 1.0.0-next.18 → 1.0.0-next.19

package/dist/cli.js

@@ -2065,7 +2065,32 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
 ` + `})`);
     }
   } else {
-    propsLines.push("const __props = __inputAttrs");
+    propsLines.push("let __props = $state({ ...__inputAttrs })", "const __syncState = new Map()", `$effect.pre(() => {
+` + `			// Bidirectional sync between __inputAttrs and __props
+` + `			for (const key of Object.keys(__inputAttrs)) {
+` + `				const parentVal = __inputAttrs[key]
+` + `				const localVal = __props[key]
+` + `				const state = __syncState.get(key) ?? { parent: parentVal, local: localVal }
+` + `				__syncState.set(key, state)
+
+` + `				// Parent changed -> update local
+` + `				if (parentVal !== state.parent) {
+` + `					state.parent = parentVal
+` + `					if (localVal !== parentVal) {
+` + `						__props[key] = parentVal
+` + `						state.local = parentVal
+` + `					}
+` + `					continue
+` + `				}
+
+` + `				// Local changed -> update parent (for bindable props)
+` + `				if (localVal !== state.local) {
+` + `					state.local = localVal
+` + `					try { __inputAttrs[key] = localVal } catch {}
+` + `					state.parent = __inputAttrs[key]
+` + `				}
+` + `			}
+` + `		})`);
   }
   const propsObjectCode = "\t\t" + propsLines.join(`
 		`);

package/dist/index.js

@@ -6153,7 +6153,32 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
 ` + `})`);
     }
   } else {
-    propsLines.push("const __props = __inputAttrs");
+    propsLines.push("let __props = $state({ ...__inputAttrs })", "const __syncState = new Map()", `$effect.pre(() => {
+` + `			// Bidirectional sync between __inputAttrs and __props
+` + `			for (const key of Object.keys(__inputAttrs)) {
+` + `				const parentVal = __inputAttrs[key]
+` + `				const localVal = __props[key]
+` + `				const state = __syncState.get(key) ?? { parent: parentVal, local: localVal }
+` + `				__syncState.set(key, state)
+
+` + `				// Parent changed -> update local
+` + `				if (parentVal !== state.parent) {
+` + `					state.parent = parentVal
+` + `					if (localVal !== parentVal) {
+` + `						__props[key] = parentVal
+` + `						state.local = parentVal
+` + `					}
+` + `					continue
+` + `				}
+
+` + `				// Local changed -> update parent (for bindable props)
+` + `				if (localVal !== state.local) {
+` + `					state.local = localVal
+` + `					try { __inputAttrs[key] = localVal } catch {}
+` + `					state.parent = __inputAttrs[key]
+` + `				}
+` + `			}
+` + `		})`);
   }
   const propsObjectCode = "\t\t" + propsLines.join(`
 		`);

package/dist/plugin.js

@@ -2059,7 +2059,32 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
 ` + `})`);
     }
   } else {
-    propsLines.push("const __props = __inputAttrs");
+    propsLines.push("let __props = $state({ ...__inputAttrs })", "const __syncState = new Map()", `$effect.pre(() => {
+` + `			// Bidirectional sync between __inputAttrs and __props
+` + `			for (const key of Object.keys(__inputAttrs)) {
+` + `				const parentVal = __inputAttrs[key]
+` + `				const localVal = __props[key]
+` + `				const state = __syncState.get(key) ?? { parent: parentVal, local: localVal }
+` + `				__syncState.set(key, state)
+
+` + `				// Parent changed -> update local
+` + `				if (parentVal !== state.parent) {
+` + `					state.parent = parentVal
+` + `					if (localVal !== parentVal) {
+` + `						__props[key] = parentVal
+` + `						state.local = parentVal
+` + `					}
+` + `					continue
+` + `				}
+
+` + `				// Local changed -> update parent (for bindable props)
+` + `				if (localVal !== state.local) {
+` + `					state.local = localVal
+` + `					try { __inputAttrs[key] = localVal } catch {}
+` + `					state.parent = __inputAttrs[key]
+` + `				}
+` + `			}
+` + `		})`);
   }
   const propsObjectCode = "\t\t" + propsLines.join(`
 		`);

package/dist/post-process.js

@@ -2063,7 +2063,32 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
 ` + `})`);
     }
   } else {
-    propsLines.push("const __props = __inputAttrs");
+    propsLines.push("let __props = $state({ ...__inputAttrs })", "const __syncState = new Map()", `$effect.pre(() => {
+` + `			// Bidirectional sync between __inputAttrs and __props
+` + `			for (const key of Object.keys(__inputAttrs)) {
+` + `				const parentVal = __inputAttrs[key]
+` + `				const localVal = __props[key]
+` + `				const state = __syncState.get(key) ?? { parent: parentVal, local: localVal }
+` + `				__syncState.set(key, state)
+
+` + `				// Parent changed -> update local
+` + `				if (parentVal !== state.parent) {
+` + `					state.parent = parentVal
+` + `					if (localVal !== parentVal) {
+` + `						__props[key] = parentVal
+` + `						state.local = parentVal
+` + `					}
+` + `					continue
+` + `				}
+
+` + `				// Local changed -> update parent (for bindable props)
+` + `				if (localVal !== state.local) {
+` + `					state.local = localVal
+` + `					try { __inputAttrs[key] = localVal } catch {}
+` + `					state.parent = __inputAttrs[key]
+` + `				}
+` + `			}
+` + `		})`);
   }
   const propsObjectCode = "\t\t" + propsLines.join(`
 		`);

package/dist/preprocess.js

@@ -2059,7 +2059,32 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
 ` + `})`);
     }
   } else {
-    propsLines.push("const __props = __inputAttrs");
+    propsLines.push("let __props = $state({ ...__inputAttrs })", "const __syncState = new Map()", `$effect.pre(() => {
+` + `			// Bidirectional sync between __inputAttrs and __props
+` + `			for (const key of Object.keys(__inputAttrs)) {
+` + `				const parentVal = __inputAttrs[key]
+` + `				const localVal = __props[key]
+` + `				const state = __syncState.get(key) ?? { parent: parentVal, local: localVal }
+` + `				__syncState.set(key, state)
+
+` + `				// Parent changed -> update local
+` + `				if (parentVal !== state.parent) {
+` + `					state.parent = parentVal
+` + `					if (localVal !== parentVal) {
+` + `						__props[key] = parentVal
+` + `						state.local = parentVal
+` + `					}
+` + `					continue
+` + `				}
+
+` + `				// Local changed -> update parent (for bindable props)
+` + `				if (localVal !== state.local) {
+` + `					state.local = localVal
+` + `					try { __inputAttrs[key] = localVal } catch {}
+` + `					state.parent = __inputAttrs[key]
+` + `				}
+` + `			}
+` + `		})`);
   }
   const propsObjectCode = "\t\t" + propsLines.join(`
 		`);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "svelte-origin",
-	"version": "1.0.0-next.18",
+	"version": "1.0.0-next.19",
 	"description": "Compiler-assisted state and prop ergonomics for Svelte 5",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",