@opentf/web 0.2.0 → 0.3.0

package/dist/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @opentf/web
 
+## 0.3.0
+
+### Minor Changes
+
+- 476d65a: Fix reactivity issues by re-exporting all signals from the core package and updating the compiler to use a unified reactivity instance. This prevents state-update failures in complex project structures.
+
 ## 0.2.0
 
 ### Minor Changes

package/dist/compiler/babel-plugin.cjs

@@ -114,9 +114,9 @@ module.exports = function (babel) {
               state.stateVars.add(parent.node.id.name);
             }
             if (name === "$state") {
-              path.get("callee").replaceWith(getImport("signal", "@preact/signals-core"));
+              path.get("callee").replaceWith(getImport("signal", state.runtimeSource));
             } else if (name === "$derived") {
-              path.get("callee").replaceWith(getImport("computed", "@preact/signals-core"));
+              path.get("callee").replaceWith(getImport("computed", state.runtimeSource));
             } else if (name === "$ref") {
               // Track this variable as a ref variable
               const parent = path.findParent(p => p.isVariableDeclarator());
@@ -126,10 +126,10 @@ module.exports = function (babel) {
                 if (!state.stateVars) state.stateVars = new Set();
                 state.stateVars.add(parent.node.id.name);
               }
-              path.get("callee").replaceWith(getImport("signal", "@preact/signals-core"));
+              path.get("callee").replaceWith(getImport("signal", state.runtimeSource));
             }
           } else if (name === "$effect") {
-            path.get("callee").replaceWith(getImport("effect", "@preact/signals-core"));
+            path.get("callee").replaceWith(getImport("effect", state.runtimeSource));
           } else if (name === "$expose") {
             // $expose({ a, b }) -> Object.assign(this, { a, b })
             path.get("callee").replaceWith(t.memberExpression(t.identifier("Object"), t.identifier("assign")));
@@ -360,7 +360,7 @@ module.exports = function (babel) {
       // Transform to Web Component Class
       const tagName = "web-" + name.toLowerCase();
       const observedAttributes = Array.from(allSignals);
-      const signalId = getImport("signal", "@preact/signals-core");
+      const signalId = getImport("signal", state.runtimeSource);
       const createPropsProxyId = getImport("createPropsProxy", state.runtimeSource);
       const classId = t.identifier(name + "Element");
 
@@ -548,7 +548,7 @@ module.exports = function (babel) {
                 return;
               }
               collectSignals(value.expression);
-              const effectId = getImport("effect", "@preact/signals-core");
+              const effectId = getImport("effect", state.runtimeSource);
               statements.push(t.expressionStatement(t.callExpression(effectId, [
                 t.arrowFunctionExpression([], t.assignmentExpression("=", t.memberExpression(elId, t.identifier(targetProp)), value.expression))
               ])));
@@ -607,7 +607,7 @@ module.exports = function (babel) {
 
             collectSignals(value.expression);
             
-            const effectId = getImport("effect", "@preact/signals-core");
+            const effectId = getImport("effect", state.runtimeSource);
             const attrProp = (name === "class" || name === "classname") ? "className" : name;
             const isStyle = attrProp === "style";
             const isProperty = ["className", "style", "value", "checked", "id", "title", "href", "src", "key"].includes(attrProp);

package/dist/index.js

@@ -1,3 +1,4 @@
+export * from '@preact/signals-core';
 export { mountApp } from './core/mount.js';
 export * from './runtime/dom.js';
 export * from './runtime/lifecycle.js';

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentf/web",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "The core engine of the Web App Framework, including the zero-VDOM compiler and signal-based runtime.",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/dist/router/Link.js

@@ -1,7 +1,4 @@
-import { createPropsProxy as _createPropsProxy, withInstance as _withInstance } from "../index.js";
-import { signal as _signal } from "@preact/signals-core";
-import { renderDynamic as _renderDynamic } from "../index.js";
-import { effect as _effect } from "@preact/signals-core";
+import { effect as _effect, renderDynamic as _renderDynamic, signal as _signal, createPropsProxy as _createPropsProxy, withInstance as _withInstance } from "../index.js";
 import { navigate } from "./index";
 class LinkElement extends HTMLElement {
   static observedAttributes = ["href", "className", "style", "children"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentf/web",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "The core engine of the Web App Framework, including the zero-VDOM compiler and signal-based runtime.",
   "main": "dist/index.js",
   "module": "dist/index.js",