@constela/runtime 0.19.1 → 0.19.3

package/README.md

@@ -243,6 +243,44 @@ Features:
 - Dual theme support (light/dark)
 - Built-in copy button
 
+### Component Local State
+
+Components can have their own independent local state and actions:
+
+```json
+{
+  "components": {
+    "Counter": {
+      "localState": {
+        "count": { "type": "number", "initial": 0 }
+      },
+      "localActions": [
+        {
+          "name": "increment",
+          "steps": [{ "do": "update", "target": "count", "operation": "increment" }]
+        }
+      ],
+      "view": {
+        "kind": "element",
+        "tag": "button",
+        "props": { "onClick": { "event": "click", "action": "increment" } },
+        "children": [
+          { "kind": "text", "value": { "expr": "state", "name": "count" } }
+        ]
+      }
+    }
+  }
+}
+```
+
+Features:
+- Each instance has independent state
+- Local actions operate on local state only
+- `state` expressions check local state first, then fall back to global
+- Supported steps: `set`, `update`, `setPath`
+
+Use cases: Accordions, dropdowns, form fields, toggles, tooltips
+
 ### Hydration
 
 Server-rendered HTML is hydrated on the client without DOM reconstruction:

package/dist/index.js

@@ -1337,6 +1337,9 @@ async function executeStep(step, ctx) {
     case "focus":
       await executeFocusStep(step, ctx);
       break;
+    case "generate":
+      await executeGenerateStep(step, ctx);
+      break;
   }
 }
 async function executeSetStep(target, value, ctx) {
@@ -1834,6 +1837,48 @@ async function executeFocusStep(step, ctx) {
     }
   }
 }
+async function executeGenerateStep(step, ctx) {
+  const { createDslGenerator } = await import("@constela/ai");
+  const evalCtx = createEvalContext(ctx);
+  const promptValue = evaluate(step.prompt, evalCtx);
+  try {
+    const generator = createDslGenerator({
+      provider: step.provider
+    });
+    const result = await generator.generate({
+      prompt: promptValue,
+      output: step.output
+    });
+    ctx.locals[step.result] = result.dsl;
+    if (!result.validated && result.errors && result.errors.length > 0) {
+      ctx.locals["error"] = {
+        message: `AI generated DSL validation failed: ${result.errors.join(", ")}`,
+        name: "ValidationError"
+      };
+      if (step.onError) {
+        for (const errorStep of step.onError) {
+          await executeStep(errorStep, ctx);
+        }
+      }
+      return;
+    }
+    if (step.onSuccess) {
+      for (const successStep of step.onSuccess) {
+        await executeStep(successStep, ctx);
+      }
+    }
+  } catch (err) {
+    ctx.locals["error"] = {
+      message: err instanceof Error ? err.message : String(err),
+      name: err instanceof Error ? err.name : "Error"
+    };
+    if (step.onError) {
+      for (const errorStep of step.onError) {
+        await executeStep(errorStep, ctx);
+      }
+    }
+  }
+}
 
 // ../../node_modules/.pnpm/marked@17.0.1/node_modules/marked/lib/marked.esm.js
 function L() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constela/runtime",
-  "version": "0.19.1",
+  "version": "0.19.3",
   "description": "Runtime DOM renderer for Constela UI framework",
   "type": "module",
   "main": "./dist/index.js",
@@ -18,8 +18,9 @@
     "dompurify": "^3.3.1",
     "marked": "^17.0.1",
     "shiki": "^3.20.0",
-    "@constela/compiler": "0.14.3",
-    "@constela/core": "0.15.2"
+    "@constela/ai": "1.0.0",
+    "@constela/core": "0.16.0",
+    "@constela/compiler": "0.14.5"
   },
   "devDependencies": {
     "@types/dompurify": "^3.2.0",
@@ -29,7 +30,7 @@
     "tsup": "^8.0.0",
     "typescript": "^5.3.0",
     "vitest": "^2.0.0",
-    "@constela/server": "11.0.1"
+    "@constela/server": "12.0.0"
   },
   "engines": {
     "node": ">=20.0.0"