@constela/compiler 0.10.0 → 0.11.0

package/dist/index.d.ts

@@ -89,7 +89,7 @@ interface CompiledAction {
     name: string;
     steps: CompiledActionStep[];
 }
-type CompiledActionStep = CompiledSetStep | CompiledUpdateStep | CompiledSetPathStep | CompiledFetchStep | CompiledStorageStep | CompiledClipboardStep | CompiledNavigateStep | CompiledImportStep | CompiledCallStep | CompiledSubscribeStep | CompiledDisposeStep | CompiledDomStep | CompiledIfStep | CompiledSendStep | CompiledCloseStep;
+type CompiledActionStep = CompiledSetStep | CompiledUpdateStep | CompiledSetPathStep | CompiledFetchStep | CompiledStorageStep | CompiledClipboardStep | CompiledNavigateStep | CompiledImportStep | CompiledCallStep | CompiledSubscribeStep | CompiledDisposeStep | CompiledDomStep | CompiledIfStep | CompiledSendStep | CompiledCloseStep | CompiledDelayStep | CompiledIntervalStep | CompiledClearTimerStep | CompiledFocusStep;
 interface CompiledSetStep {
     do: 'set';
     target: string;
@@ -217,6 +217,41 @@ interface CompiledCloseStep {
     do: 'close';
     connection: string;
 }
+/**
+ * Compiled delay step - executes steps after a delay (setTimeout equivalent)
+ */
+interface CompiledDelayStep {
+    do: 'delay';
+    ms: CompiledExpression;
+    then: CompiledActionStep[];
+    result?: string;
+}
+/**
+ * Compiled interval step - executes an action repeatedly (setInterval equivalent)
+ */
+interface CompiledIntervalStep {
+    do: 'interval';
+    ms: CompiledExpression;
+    action: string;
+    result?: string;
+}
+/**
+ * Compiled clearTimer step - clears a timer (clearTimeout/clearInterval equivalent)
+ */
+interface CompiledClearTimerStep {
+    do: 'clearTimer';
+    target: CompiledExpression;
+}
+/**
+ * Compiled focus step - manages form element focus
+ */
+interface CompiledFocusStep {
+    do: 'focus';
+    target: CompiledExpression;
+    operation: 'focus' | 'blur' | 'select';
+    onSuccess?: CompiledActionStep[];
+    onError?: CompiledActionStep[];
+}
 /**
  * Compiled local action
  */
@@ -236,7 +271,7 @@ interface CompiledLocalStateNode {
     actions: Record<string, CompiledLocalAction>;
     child: CompiledNode;
 }
-type CompiledNode = CompiledElementNode | CompiledTextNode | CompiledIfNode | CompiledEachNode | CompiledMarkdownNode | CompiledCodeNode | CompiledSlotNode | CompiledLocalStateNode;
+type CompiledNode = CompiledElementNode | CompiledTextNode | CompiledIfNode | CompiledEachNode | CompiledMarkdownNode | CompiledCodeNode | CompiledSlotNode | CompiledPortalNode | CompiledLocalStateNode;
 interface CompiledElementNode {
     kind: 'element';
     tag: string;
@@ -275,7 +310,12 @@ interface CompiledSlotNode {
     kind: 'slot';
     name?: string;
 }
-type CompiledExpression = CompiledLitExpr | CompiledStateExpr | CompiledVarExpr | CompiledBinExpr | CompiledNotExpr | CompiledCondExpr | CompiledGetExpr | CompiledRouteExpr | CompiledImportExpr | CompiledDataExpr | CompiledRefExpr | CompiledIndexExpr | CompiledParamExpr | CompiledStyleExpr | CompiledConcatExpr;
+interface CompiledPortalNode {
+    kind: 'portal';
+    target: 'body' | 'head' | string;
+    children: CompiledNode[];
+}
+type CompiledExpression = CompiledLitExpr | CompiledStateExpr | CompiledVarExpr | CompiledBinExpr | CompiledNotExpr | CompiledCondExpr | CompiledGetExpr | CompiledRouteExpr | CompiledImportExpr | CompiledDataExpr | CompiledRefExpr | CompiledIndexExpr | CompiledParamExpr | CompiledStyleExpr | CompiledConcatExpr | CompiledValidityExpr;
 interface CompiledLitExpr {
     expr: 'lit';
     value: string | number | boolean | null | unknown[];
@@ -345,10 +385,26 @@ interface CompiledConcatExpr {
     expr: 'concat';
     items: CompiledExpression[];
 }
+interface CompiledValidityExpr {
+    expr: 'validity';
+    ref: string;
+    property?: string;
+}
+/**
+ * Compiled event handler options for special events like intersect
+ */
+interface CompiledEventHandlerOptions {
+    threshold?: number;
+    rootMargin?: string;
+    once?: boolean;
+}
 interface CompiledEventHandler {
     event: string;
     action: string;
     payload?: CompiledExpression | Record<string, CompiledExpression>;
+    debounce?: number;
+    throttle?: number;
+    options?: CompiledEventHandlerOptions;
 }
 /**
  * Transforms the validated and analyzed AST into a CompiledProgram
@@ -478,4 +534,4 @@ declare function transformLayoutPass(layout: LayoutProgram, _context: LayoutAnal
  */
 declare function composeLayoutWithPage(layout: CompiledProgram, page: CompiledProgram, layoutParams?: Record<string, Expression>, slots?: Record<string, ViewNode>): CompiledProgram;
 
-export { type AnalysisContext, type AnalyzePassFailure, type AnalyzePassResult, type AnalyzePassSuccess, type CompileFailure, type CompileResult, type CompileSuccess, type CompiledAction, type CompiledActionStep, type CompiledBinExpr, type CompiledCallStep, type CompiledClipboardStep, type CompiledCloseStep, type CompiledCodeNode, type CompiledConcatExpr, type CompiledCondExpr, type CompiledDataExpr, type CompiledDisposeStep, type CompiledDomStep, type CompiledEachNode, type CompiledElementNode, type CompiledEventHandler, type CompiledExpression, type CompiledFetchStep, type CompiledGetExpr, type CompiledIfNode, type CompiledIfStep, type CompiledImportExpr, type CompiledImportStep, type CompiledIndexExpr, type CompiledLayoutProgram, type CompiledLifecycleHooks, type CompiledLitExpr, type CompiledLocalAction, type CompiledLocalStateNode, type CompiledMarkdownNode, type CompiledNavigateStep, type CompiledNode, type CompiledNotExpr, type CompiledParamExpr, type CompiledProgram, type CompiledRefExpr, type CompiledRouteDefinition, type CompiledRouteExpr, type CompiledSendStep, type CompiledSetPathStep, type CompiledSetStep, type CompiledSlotNode, type CompiledStateExpr, type CompiledStorageStep, type CompiledStyleExpr, type CompiledSubscribeStep, type CompiledTextNode, type CompiledUpdateStep, type CompiledVarExpr, type LayoutAnalysisContext, type LayoutAnalysisFailure, type LayoutAnalysisResult, type LayoutAnalysisSuccess, type ValidatePassFailure, type ValidatePassResult, type ValidatePassSuccess, analyzeLayoutPass, analyzePass, compile, composeLayoutWithPage, transformLayoutPass, transformPass, validatePass };
+export { type AnalysisContext, type AnalyzePassFailure, type AnalyzePassResult, type AnalyzePassSuccess, type CompileFailure, type CompileResult, type CompileSuccess, type CompiledAction, type CompiledActionStep, type CompiledBinExpr, type CompiledCallStep, type CompiledClearTimerStep, type CompiledClipboardStep, type CompiledCloseStep, type CompiledCodeNode, type CompiledConcatExpr, type CompiledCondExpr, type CompiledDataExpr, type CompiledDelayStep, type CompiledDisposeStep, type CompiledDomStep, type CompiledEachNode, type CompiledElementNode, type CompiledEventHandler, type CompiledEventHandlerOptions, type CompiledExpression, type CompiledFetchStep, type CompiledFocusStep, type CompiledGetExpr, type CompiledIfNode, type CompiledIfStep, type CompiledImportExpr, type CompiledImportStep, type CompiledIndexExpr, type CompiledIntervalStep, type CompiledLayoutProgram, type CompiledLifecycleHooks, type CompiledLitExpr, type CompiledLocalAction, type CompiledLocalStateNode, type CompiledMarkdownNode, type CompiledNavigateStep, type CompiledNode, type CompiledNotExpr, type CompiledParamExpr, type CompiledPortalNode, type CompiledProgram, type CompiledRefExpr, type CompiledRouteDefinition, type CompiledRouteExpr, type CompiledSendStep, type CompiledSetPathStep, type CompiledSetStep, type CompiledSlotNode, type CompiledStateExpr, type CompiledStorageStep, type CompiledStyleExpr, type CompiledSubscribeStep, type CompiledTextNode, type CompiledUpdateStep, type CompiledValidityExpr, type CompiledVarExpr, type LayoutAnalysisContext, type LayoutAnalysisFailure, type LayoutAnalysisResult, type LayoutAnalysisSuccess, type ValidatePassFailure, type ValidatePassResult, type ValidatePassSuccess, analyzeLayoutPass, analyzePass, compile, composeLayoutWithPage, transformLayoutPass, transformPass, validatePass };

package/dist/index.js

@@ -1235,6 +1235,16 @@ function transformExpression(expr, ctx) {
         expr: "concat",
         items: expr.items.map((item) => transformExpression(item, ctx))
       };
+    case "validity": {
+      const validityExpr = {
+        expr: "validity",
+        ref: expr.ref
+      };
+      if (expr.property) {
+        validityExpr.property = expr.property;
+      }
+      return validityExpr;
+    }
   }
 }
 function transformEventHandler(handler, ctx) {
@@ -1245,6 +1255,24 @@ function transformEventHandler(handler, ctx) {
   if (handler.payload) {
     result.payload = transformExpression(handler.payload, ctx);
   }
+  if (handler.debounce !== void 0) {
+    result.debounce = handler.debounce;
+  }
+  if (handler.throttle !== void 0) {
+    result.throttle = handler.throttle;
+  }
+  if (handler.options) {
+    result.options = {};
+    if (handler.options.threshold !== void 0) {
+      result.options.threshold = handler.options.threshold;
+    }
+    if (handler.options.rootMargin !== void 0) {
+      result.options.rootMargin = handler.options.rootMargin;
+    }
+    if (handler.options.once !== void 0) {
+      result.options.once = handler.options.once;
+    }
+  }
   return result;
 }
 var emptyContext = { components: {} };
@@ -1436,6 +1464,52 @@ function transformActionStep(step) {
         connection: closeStep.connection
       };
     }
+    case "delay": {
+      const delayStep = step;
+      const compiledDelayStep = {
+        do: "delay",
+        ms: transformExpression(delayStep.ms, emptyContext),
+        then: delayStep.then.map(transformActionStep)
+      };
+      if (delayStep.result) {
+        compiledDelayStep.result = delayStep.result;
+      }
+      return compiledDelayStep;
+    }
+    case "interval": {
+      const intervalStep = step;
+      const compiledIntervalStep = {
+        do: "interval",
+        ms: transformExpression(intervalStep.ms, emptyContext),
+        action: intervalStep.action
+      };
+      if (intervalStep.result) {
+        compiledIntervalStep.result = intervalStep.result;
+      }
+      return compiledIntervalStep;
+    }
+    case "clearTimer": {
+      const clearTimerStep = step;
+      return {
+        do: "clearTimer",
+        target: transformExpression(clearTimerStep.target, emptyContext)
+      };
+    }
+    case "focus": {
+      const focusStep = step;
+      const compiledFocusStep = {
+        do: "focus",
+        target: transformExpression(focusStep.target, emptyContext),
+        operation: focusStep.operation
+      };
+      if (focusStep.onSuccess) {
+        compiledFocusStep.onSuccess = focusStep.onSuccess.map(transformActionStep);
+      }
+      if (focusStep.onError) {
+        compiledFocusStep.onError = focusStep.onError.map(transformActionStep);
+      }
+      return compiledFocusStep;
+    }
   }
 }
 function flattenSlotChildren(children, ctx) {
@@ -1568,6 +1642,18 @@ function transformViewNode(node, ctx) {
       }
       return { kind: "text", value: { expr: "lit", value: "" } };
     }
+    case "portal": {
+      const portalNode = node;
+      const compiledChildren = [];
+      for (const child of portalNode.children) {
+        compiledChildren.push(transformViewNode(child, ctx));
+      }
+      return {
+        kind: "portal",
+        target: portalNode.target,
+        children: compiledChildren
+      };
+    }
   }
 }
 function transformState(state) {
@@ -2254,6 +2340,14 @@ function transformViewNode2(node, ctx) {
         language: node.language,
         content: node.content
       };
+    case "portal":
+      return {
+        kind: "portal",
+        target: node.target,
+        children: (node.children ?? []).map(
+          (child) => transformViewNode2(child, ctx)
+        )
+      };
   }
 }
 function transformLayoutPass(layout, _context) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constela/compiler",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Compiler for Constela UI framework - AST to Program transformation",
   "type": "module",
   "main": "./dist/index.js",
@@ -15,7 +15,7 @@
     "dist"
   ],
   "dependencies": {
-    "@constela/core": "0.10.0"
+    "@constela/core": "0.11.0"
   },
   "devDependencies": {
     "@types/node": "^20.10.0",