@fluixi/compiler 1.0.0-alpha.92 → 1.0.0-alpha.93

package/dist/integrations.cjs

@@ -1,4 +1,4 @@
-/*! @fluixi/compiler v1.0.0-alpha.92 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+/*! @fluixi/compiler v1.0.0-alpha.93 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -156,6 +156,7 @@ var init_intrinsics = __esm({
       $effect: { export: "effect", module: REACTIVE_MODULE, returns: "effect" },
       $store: { export: "store", module: "@fluixi/reactive/store", returns: "store-handle" },
       $resource: { export: "resource", module: REACTIVE_MODULE, returns: "resource-handle" },
+      $cachedResource: { export: "cachedResource", module: "@fluixi/reactive/cached-resource", returns: "resource-handle" },
       // No short runtime form for these yet, so the intrinsic stands for the `create*`
       // name. Still worth having: no import to write, and when a shorter form is
       // designed, the change is this line rather than a compiler pass.
@@ -166,6 +167,19 @@ var init_intrinsics = __esm({
       // dependency analysis must not guess at.
       $untrack: { export: "untrack", module: REACTIVE_MODULE, returns: "plain" },
       $untrackStore: { export: "untrackStore", module: "@fluixi/reactive/store", returns: "plain" },
+      // Scopes, scheduling and lifecycle: no value to classify, but the same authoring promise,
+      // no import to write. `$cleanup` registers a callback on the current owner (`onCleanup`).
+      $batch: { export: "batch", module: REACTIVE_MODULE, returns: "plain" },
+      $cleanup: { export: "onCleanup", module: REACTIVE_MODULE, returns: "plain" },
+      $root: { export: "root", module: REACTIVE_MODULE, returns: "plain" },
+      $context: { export: "context", module: REACTIVE_MODULE, returns: "plain" },
+      $renderEffect: { export: "renderEffect", module: REACTIVE_MODULE, returns: "effect" },
+      $computed: { export: "computed", module: REACTIVE_MODULE, returns: "effect" },
+      // Storage for where the code runs, and a signal kept in it. `$persisted` is a signal
+      // handle as far as reads go: the same accessor with `set` on it.
+      $storage: { export: "useStorage", module: "@fluixi/core/storage", returns: "plain" },
+      $asyncStorage: { export: "useAsyncStorage", module: "@fluixi/core/storage", returns: "plain" },
+      $persisted: { export: "persisted", module: "@fluixi/core/storage", returns: "signal-handle" },
       // An environment variable, public or server-only; the browser build refuses a secret.
       $env: { export: "env", module: "@fluixi/start/env", returns: "plain" }
     };
@@ -178,8 +192,11 @@ var init_intrinsics = __esm({
       createMemo: "memo-accessor",
       createEffect: "effect",
       createRenderEffect: "effect",
+      renderEffect: "effect",
+      computed: "effect",
       createStore: "reactive-object",
       resource: "resource-handle",
+      cachedResource: "resource-handle",
       createResource: "reactive-object",
       createSelector: "memo-accessor",
       createDeferred: "memo-accessor"
@@ -188,6 +205,7 @@ var init_intrinsics = __esm({
       "@fluixi/reactive",
       "@fluixi/reactive/signal",
       "@fluixi/reactive/store",
+      "@fluixi/reactive/cached-resource",
       "@fluixi/core"
     ];
     INTRINSIC_CALL = new RegExp(`\\$(?:${Object.keys(INTRINSICS).map((n) => n.slice(1)).join("|")})\\s*\\(`);
@@ -686,11 +704,12 @@ var init_reactive_bindings = __esm({
 });
 
 // src/transform/source-locations.ts
-function mayHaveReactiveCall(code) {
+function mayHaveSourceMarks(code) {
   for (const name of RUNTIME_PRIMITIVES2) {
     if (code.includes(name)) return true;
   }
-  return code.includes("$signal") || code.includes("$memo") || code.includes("$effect") || code.includes("$store");
+  if (code.includes("$signal") || code.includes("$memo") || code.includes("$effect") || code.includes("$store")) return true;
+  return /\bclass\b[^{;]*\bextends\b/.test(code);
 }
 function isLoneBranch(statement, parent) {
   if (!parent || statement.type === "BlockStatement") return false;
@@ -719,6 +738,14 @@ function walk3(node, visit, stack = []) {
 }
 function nameFor(stack) {
   const declarator = stack[stack.length - 1];
+  if (declarator && CLASS_FIELDS.has(declarator.type)) {
+    const key = declarator.key;
+    if (key?.type === "Identifier" || key?.type === "PrivateIdentifier" || key?.type === "PrivateName") {
+      const name = key.name ?? key.id?.name;
+      return name;
+    }
+    return void 0;
+  }
   if (declarator?.type !== "VariableDeclarator") return void 0;
   const id = declarator.id;
   if (id?.type === "Identifier") return id.name;
@@ -767,6 +794,17 @@ function collectSourceEdits(program, filename) {
         });
       }
     }
+    if ((node.type === "ClassDeclaration" || node.type === "ClassExpression") && node.superClass && !node.declare) {
+      const at = node.loc?.start;
+      const body = node.body;
+      if (at && body) {
+        edits.push({
+          start: body.start + 1,
+          end: body.start + 1,
+          code: `static{globalThis.${CLASS_MARKER}?.(this,${JSON.stringify(filename)},${at.line},${at.column});}`
+        });
+      }
+    }
     if (node.type !== "CallExpression") return;
     const callee = node.callee;
     if (callee?.type !== "Identifier") return;
@@ -776,6 +814,26 @@ function collectSourceEdits(program, filename) {
     if (!intrinsic && !imported) return;
     const position = node.loc?.start;
     if (!position) return;
+    for (let i = stack.length - 1; i >= 0; i--) {
+      const up = stack[i];
+      if (isStatement(up)) break;
+      if (CLASS_FIELDS.has(up.type)) {
+        if (claimed.has(node.start)) return;
+        claimed.add(node.start);
+        const label2 = nameFor(stack);
+        const own = !up.static;
+        const args2 = [
+          JSON.stringify(filename),
+          String(position.line),
+          String(position.column),
+          label2 ? JSON.stringify(label2) : own ? "undefined" : void 0,
+          own ? "this" : void 0
+        ].filter((a) => a !== void 0).join(",");
+        edits.push({ start: node.start, end: node.start, code: `(globalThis.${SOURCE_MARKER}?.(${args2}),` });
+        edits.push({ start: node.end, end: node.end, code: ")" });
+        return;
+      }
+    }
     let statement;
     let parent;
     let index = -1;
@@ -815,7 +873,7 @@ function collectSourceEdits(program, filename) {
   });
   return { edits, marked: edits.length };
 }
-var SOURCE_MARKER, COMPONENT_MARKER, HOLE_MARKER, markHole, PROPS_MARKER, markProps, RUNTIME_PRIMITIVES2, SINGLE_STATEMENT_PARENTS;
+var SOURCE_MARKER, COMPONENT_MARKER, CLASS_MARKER, HOLE_MARKER, markHole, PROPS_MARKER, markProps, RUNTIME_PRIMITIVES2, SINGLE_STATEMENT_PARENTS, CLASS_FIELDS;
 var init_source_locations = __esm({
   "src/transform/source-locations.ts"() {
     "use strict";
@@ -823,6 +881,7 @@ var init_source_locations = __esm({
     init_reactive_bindings();
     SOURCE_MARKER = "__fx_source";
     COMPONENT_MARKER = "__fx_component";
+    CLASS_MARKER = "__fx_class";
     HOLE_MARKER = "__fx_hole";
     markHole = (accessor, line, column, name) => `(globalThis.${HOLE_MARKER} ?? ((f) => f))(${accessor},${line},${column}${name === void 0 ? "" : `,${JSON.stringify(name)}`})`;
     PROPS_MARKER = "__fx_props";
@@ -850,6 +909,7 @@ var init_source_locations = __esm({
       "LabeledStatement",
       "WithStatement"
     ]);
+    CLASS_FIELDS = /* @__PURE__ */ new Set(["PropertyDefinition", "ClassProperty", "ClassPrivateProperty", "AccessorProperty"]);
   }
 });
 
@@ -1013,13 +1073,16 @@ function emitComponent(name, props, children, used, templates, at) {
   used.add("createComponent");
   const spreads = props.filter((p) => p.kind === "spread");
   const normal = props.filter((p) => p.kind !== "spread");
-  const entries = normal.map(
-    (p) => `get ${propKey(p.name)}() { return ${componentPropValue(p)}; }`
-  );
+  const bodies = normal.map((p) => [p.name, componentPropValue(p)]);
   if (children.length > 0) {
-    entries.push(`get children() { return ${emitChildren(children, used, templates)}; }`);
+    bodies.push(["children", emitChildren(children, used, templates)]);
+  }
+  let obj = `{ ${bodies.map(([name2, body]) => `get ${propKey(name2)}() { return ${body}; }`).join(", ")} }`;
+  if (bodies.some(([, body]) => /\bthis\b/.test(body))) {
+    const thunks = bodies.map(([name2, body]) => `${JSON.stringify(name2)}: () => ${body}`);
+    const getters = bodies.map(([name2]) => `get ${propKey(name2)}() { return _$t[${JSON.stringify(name2)}](); }`);
+    obj = `((_$t) => ({ ${getters.join(", ")} }))({ ${thunks.join(", ")} })`;
   }
-  let obj = `{ ${entries.join(", ")} }`;
   if (spreads.length > 0) {
     used.add("mergeProps");
     obj = `mergeProps(${spreads.map((s) => s.expr).join(", ")}, ${obj})`;
@@ -1100,7 +1163,8 @@ function emitNode(node, used, templates) {
         } else {
           used.add("spread");
           const svgFlag = node.svg ? ", isSVG: true" : "";
-          const customFlag = node.tag.includes("-") ? ", isCustomElement: true" : "";
+          const accessors = node.props.filter((p) => p.kind !== "spread" && p.expr !== void 0 && p.reactive && p.name !== "ref").map((p) => p.name);
+          const customFlag = node.tag.includes("-") ? `, isCustomElement: true, accessors: ${JSON.stringify(accessors)}` : "";
           parts.push(
             `spread({ element: ${el}, props: ${emitProps(node.props, null, used)}${svgFlag}${customFlag} });`
           );
@@ -1191,7 +1255,7 @@ function lowerTemplate(pieces, holes, used, opts = {}) {
   const { root } = (0, import_template_parser.parseTemplate)(pieces, { svg: opts.svg });
   return new Lowerer(holes, used, opts.sourceFile, opts.positionAt).lowerRoot(root.children);
 }
-var import_template_parser, DELEGATED, Lowerer;
+var import_template_parser, DELEGATED, CONTAINER, Lowerer;
 var init_template = __esm({
   "src/lower/template.ts"() {
     "use strict";
@@ -1214,6 +1278,7 @@ var init_template = __esm({
       "mousedown",
       "mouseup"
     ]);
+    CONTAINER = "container";
     Lowerer = class {
       constructor(holes, used, sourceFile, positionAt) {
         this.holes = holes;
@@ -1265,10 +1330,6 @@ var init_template = __esm({
               if (hasElse) i = elseIdx;
               continue;
             }
-            if (child.attributes.some((a) => a.kind === "EachDirective")) {
-              out.push(this.lowerEach(child));
-              continue;
-            }
           }
           const node = this.lowerNode(child);
           if (node) out.push(node);
@@ -1310,13 +1371,16 @@ var init_template = __esm({
           node.props.unshift({ name: "component", kind: "attr", expr: `() => ${paren(this.hole(isAttr.value.hole).code, "arrowBody")}` });
           return node;
         }
+        const each = this.lowerEach(el);
+        const children = each ? [each] : this.lowerChildren(el.children);
+        if (el.tag === CONTAINER) return children.length === 1 ? children[0] : { kind: "fragment", children };
         const at = this.tagAt(el);
         return {
           kind: "element",
           tag: el.tag,
           svg: el.namespace === "svg",
           props: this.lowerAttributes(el.attributes),
-          children: this.lowerChildren(el.children),
+          children,
           static: false,
           ...at ? { at } : {}
         };
@@ -1388,10 +1452,14 @@ var init_template = __esm({
         const at = this.tagAt(el);
         return { kind: "component", name: "Show", props, children: [child], ...at ? { at } : {}, ...cond.at ? { bindAt: cond.at } : {} };
       }
-      /** `<el each=${items} key?>${item => …}</el>` → `<For each>{item => <el>…</el>}</For>`. */
+      /**
+       * `<el each=${items} key?>${item => …}</el>` → `<el><For each>{item => …}</For></el>`: the
+       * content is repeated per item. Content that is not a `${item => …}` arrow is repeated as
+       * it is. Null when the element has no `each`.
+       */
       lowerEach(el) {
         const eachDir = el.attributes.find((a) => a.kind === "EachDirective");
-        if (!eachDir || eachDir.kind !== "EachDirective") return this.lowerNode(el);
+        if (!eachDir || eachDir.kind !== "EachDirective") return null;
         const each = this.hole(eachDir.hole);
         const props = [{ name: "each", kind: "attr", expr: each.code, reactive: each.reactive, ...each.at ? { at: each.at } : {} }];
         if (eachDir.key) {
@@ -1401,12 +1469,12 @@ var init_template = __esm({
         const arrow = this.itemArrow(el);
         let childrenCode;
         if (arrow) {
-          const bodyIR = { kind: "expr", code: arrow.body, reactive: arrow.bodyReactive };
-          const repeated = this.rebuildWithChildren(el, [bodyIR]);
-          childrenCode = `(${arrow.params.join(", ")}) => ${paren(this.emit(repeated), "arrowBody")}`;
+          const body = arrow.bodyReactive ? `() => ${paren(arrow.body, "arrowBody")}` : paren(arrow.body, "arrowBody");
+          childrenCode = `(${arrow.params.join(", ")}) => ${body}`;
         } else {
-          const repeated = this.stripAndLower(el, (a) => a.kind === "EachDirective");
-          childrenCode = `() => ${paren(this.emit(repeated), "arrowBody")}`;
+          const content = this.lowerChildren(el.children);
+          const ir = content.length === 1 ? content[0] : { kind: "fragment", children: content };
+          childrenCode = `() => ${paren(this.emit(ir), "arrowBody")}`;
         }
         const children = [{ kind: "expr", code: childrenCode, reactive: false }];
         const at = this.tagAt(el);
@@ -1423,25 +1491,6 @@ var init_template = __esm({
         const clone = { ...el, attributes: el.attributes.filter((a) => !drop(a)) };
         return clone.kind === "Element" ? this.lowerElement(clone) : this.lowerComponent(clone);
       }
-      /** Same element (minus each/key) but with explicit IR children. */
-      rebuildWithChildren(el, children) {
-        const props = this.lowerAttributes(
-          el.attributes.filter((a) => a.kind !== "EachDirective")
-        );
-        if (el.kind === "Element") {
-          const at = this.tagAt(el);
-          return {
-            kind: "element",
-            tag: el.tag,
-            svg: el.namespace === "svg",
-            props,
-            children,
-            static: false,
-            ...at ? { at } : {}
-          };
-        }
-        return { kind: "component", name: el.tag, props, children };
-      }
       // --- attributes ---------------------------------------------------------
       lowerAttributes(attrs) {
         const props = [];
@@ -1855,6 +1904,21 @@ var init_expr_shape = __esm({
 });
 
 // src/lower/jsx.ts
+function directive(node, name) {
+  if (node.type !== "JSXElement") return void 0;
+  const opening = node.openingElement;
+  if (opening.name.type !== "JSXIdentifier" || opening.name.name[0] !== opening.name.name[0].toLowerCase()) return void 0;
+  return opening.attributes.find((a) => a.type === "JSXAttribute" && a.name.type === "JSXIdentifier" && a.name.name === name);
+}
+function directiveExpr(attr) {
+  const v = attr.value;
+  return v?.type === "JSXExpressionContainer" && v.expression?.type !== "JSXEmptyExpression" ? v.expression : void 0;
+}
+function emitIR(ir, ctx) {
+  const { code, imports, templates } = imperativeBackend.emit(ir, {});
+  for (const s of imports) ctx.used.add(s);
+  return inlineTemplates(code, templates);
+}
 function literalOf(node) {
   if (node.type === "StringLiteral" || node.type === "NumericLiteral" || node.type === "BooleanLiteral") {
     return node.value;
@@ -1957,7 +2021,16 @@ function buildProps(attrs, ctx) {
 }
 function buildChildren(children, ctx) {
   const out = [];
-  for (const child of children) {
+  for (let i = 0; i < children.length; i++) {
+    const child = children[i];
+    if (directive(child, "if")) {
+      let next = i + 1;
+      while (next < children.length && children[next].type === "JSXText" && !cleanTemplateText(children[next].value)) next++;
+      const fallback = directive(children[next], "else") ? children[next] : null;
+      out.push(buildIf(child, fallback, ctx));
+      if (fallback) i = next;
+      continue;
+    }
     if (child.type === "JSXText") {
       const text = cleanTemplateText(child.value);
       if (text) out.push({ kind: "text", value: text });
@@ -1994,26 +2067,75 @@ function readLoad(attrs) {
   }
   return void 0;
 }
+function buildIf(node, fallback, ctx) {
+  const cond = directiveExpr(directive(node, "if"));
+  const props = [
+    cond ? { name: "when", kind: "attr", expr: ctx.code(cond), reactive: isReactive(cond), at: posOf(cond, ctx) } : { name: "when", kind: "attr", literal: true }
+  ];
+  if (fallback) {
+    props.push({ name: "fallback", kind: "attr", expr: emitIR(buildElement(fallback, ctx, ["else"]), ctx), jsxElement: true });
+  }
+  return { kind: "component", name: "Show", props, children: [buildElement(node, ctx, ["if"])] };
+}
+function buildEach(node, ctx) {
+  const attr = directive(node, "each");
+  if (!attr) return null;
+  const list = directiveExpr(attr);
+  const props = [
+    list ? { name: "each", kind: "attr", expr: ctx.code(list), reactive: isReactive(list), at: posOf(list, ctx) } : { name: "each", kind: "attr", expr: "[]" }
+  ];
+  const key = directive(node, "key");
+  if (key) {
+    const keyExpr = directiveExpr(key);
+    const by = isString(key.value) ? `(item) => item[${JSON.stringify(literalOf(key.value))}]` : keyExpr ? ctx.code(keyExpr) : void 0;
+    if (by) props.push({ name: "by", kind: "attr", expr: by });
+  }
+  const content = node.children.filter((c) => !(c.type === "JSXText" && !cleanTemplateText(c.value)));
+  const only = content.length === 1 && content[0].type === "JSXExpressionContainer" ? content[0].expression : null;
+  let render;
+  if (only && (only.type === "ArrowFunctionExpression" || only.type === "FunctionExpression")) {
+    const fn = ctx.code(only);
+    const live = only.type === "ArrowFunctionExpression" && only.body.type !== "BlockStatement" && isReactive(only.body);
+    render = live ? `(...args) => () => (${fn})(...args)` : fn;
+  } else {
+    const built = buildChildren(node.children, ctx);
+    const ir = built.length === 1 ? built[0] : { kind: "fragment", children: built };
+    render = `() => ${paren(emitIR(ir, ctx), "arrowBody")}`;
+  }
+  return { kind: "component", name: "For", props, children: [{ kind: "expr", code: render, reactive: false }] };
+}
+function buildElement(node, ctx, handled) {
+  const skip = new Set(handled);
+  const directives = /* @__PURE__ */ new Set(["if", "else", "each", ...directive(node, "each") ? ["key"] : []]);
+  const attributes = node.openingElement.attributes.filter(
+    (a) => !(a.type === "JSXAttribute" && a.name.type === "JSXIdentifier" && (skip.has(a.name.name) || directives.has(a.name.name)))
+  );
+  const { tag } = tagInfo(node.openingElement.name, ctx);
+  const each = buildEach(node, ctx);
+  const children = each ? [each] : buildChildren(node.children, ctx);
+  if (tag === CONTAINER2) return children.length === 1 ? children[0] : { kind: "fragment", children };
+  const at = ctx.sourceFile && node.loc?.start ? { file: ctx.sourceFile, line: node.loc.start.line, column: node.loc.start.column } : void 0;
+  return { kind: "element", tag, svg: SVG_TAGS.has(tag), props: buildProps(attributes, ctx), children, static: false, ...at ? { at } : {} };
+}
 function buildNode(node, ctx) {
   if (node.type === "JSXFragment") {
     return { kind: "fragment", children: buildChildren(node.children, ctx) };
   }
+  if (directive(node, "if")) return buildIf(node, null, ctx);
   const { tag, component } = tagInfo(node.openingElement.name, ctx);
+  if (!component) return buildElement(node, ctx, []);
   const props = buildProps(node.openingElement.attributes, ctx);
   const children = buildChildren(node.children, ctx);
   const at = ctx.sourceFile && node.loc?.start ? { file: ctx.sourceFile, line: node.loc.start.line, column: node.loc.start.column } : void 0;
-  if (component) {
-    const load = readLoad(node.openingElement.attributes);
-    return { kind: "component", name: tag, props, children, ...load ? { load } : {}, ...at ? { at } : {} };
-  }
-  return { kind: "element", tag, svg: SVG_TAGS.has(tag), props, children, static: false, ...at ? { at } : {} };
+  const load = readLoad(node.openingElement.attributes);
+  return { kind: "component", name: tag, props, children, ...load ? { load } : {}, ...at ? { at } : {} };
 }
 function buildJsxIR(node, ctx) {
   const ir = buildNode(node, ctx);
   analyzeStatic(ir);
   return ir;
 }
-var SVG_TAGS, EVENT_RE, DELEGATED2, isReactive, posOf, isString;
+var SVG_TAGS, EVENT_RE, DELEGATED2, isReactive, CONTAINER2, posOf, isString;
 var init_jsx = __esm({
   "src/lower/jsx.ts"() {
     "use strict";
@@ -2023,6 +2145,7 @@ var init_jsx = __esm({
     init_analyze_static();
     init_text();
     init_paren();
+    init_imperative();
     SVG_TAGS = /* @__PURE__ */ new Set([
       "svg",
       "path",
@@ -2053,6 +2176,7 @@ var init_jsx = __esm({
       "mouseup"
     ]);
     isReactive = (node) => isReactiveShape(shapeOf(node));
+    CONTAINER2 = "container";
     posOf = (node, ctx) => {
       if (!ctx.sourceFile) return void 0;
       const at = node.loc?.start;
@@ -3378,7 +3502,7 @@ function transformTemplates(code, id, options = {}) {
   const wantsJsx = format !== "lit";
   const mayHaveTemplate = wantsLit && (code.includes(`${litTag}\``) || code.includes("svg`"));
   const wantsIntrinsics = options.intrinsics !== false && mayHaveIntrinsic(code);
-  const wantsSources = options.sourceLocations === true && mayHaveReactiveCall(code);
+  const wantsSources = options.sourceLocations === true && mayHaveSourceMarks(code);
   const sourceName = relativeToRoot(id, options.sourceRoot);
   if (!mayHaveTemplate && !(wantsJsx && code.includes("<")) && !wantsIntrinsics && !wantsSources) return null;
   const ast = (0, import_parser2.parse)(code, {
@@ -3733,7 +3857,7 @@ var server_fns_exports = {};
 __export(server_fns_exports, {
   transformServerFns: () => transformServerFns
 });
-function directive(node) {
+function directive2(node) {
   if (!FUNCTION_TYPES.has(node.type)) return null;
   const body = node.body;
   if (!body || body.type !== "BlockStatement") return null;
@@ -3749,7 +3873,7 @@ function findServerFns(node, out) {
     return;
   }
   if (typeof node.type === "string") {
-    const found = directive(node);
+    const found = directive2(node);
     if (found) {
       out.push({ fn: node, directive: found });
       return;

package/dist/integrations.mjs

@@ -1,12 +1,12 @@
-/*! @fluixi/compiler v1.0.0-alpha.92 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+/*! @fluixi/compiler v1.0.0-alpha.93 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
 import {
   INTRINSICS,
   builtinComponentMap,
   createComponentResolver
-} from "./chunk-XJ5H2MXY.mjs";
+} from "./chunk-OD53TMER.mjs";
 import {
   __require
-} from "./chunk-VOUI6XPV.mjs";
+} from "./chunk-TJIH7TLX.mjs";
 
 // src/resolve/write-globals.ts
 import { mkdirSync, readdirSync, readFileSync, writeFileSync } from "node:fs";
@@ -238,7 +238,7 @@ import { join as _join } from "node:path";
 async function createBabelPlugin(options = {}) {
   let pluginModule = null;
   try {
-    pluginModule = await import("./babel-GI375YZ2.mjs");
+    pluginModule = await import("./babel-RJHJQVEM.mjs");
   } catch (e) {
     console.warn("Could not load the babel front-end:", e);
   }
@@ -409,7 +409,7 @@ function transformOptions(options, id) {
 }
 async function rewriteProps(code, id, options) {
   if (options.propsDestructure === false) return code;
-  const { transformProps } = await import("./transform-UWZ7ZGJ2.mjs");
+  const { transformProps } = await import("./transform-QWWQDCXE.mjs");
   const result = transformProps(code, id);
   reportDiagnostics({ propsDiagnostics: result.diagnostics }, id);
   return result.rewritten > 0 ? result.code : code;
@@ -432,7 +432,7 @@ function reportDiagnostics(result, id) {
 }
 async function compileModule(code, id, options) {
   if (!options.babel) {
-    const { transformTemplates } = await import("./transform-UWZ7ZGJ2.mjs");
+    const { transformTemplates } = await import("./transform-QWWQDCXE.mjs");
     const result2 = transformTemplates(code, id, transformOptions(options, id));
     reportDiagnostics(result2, id);
     return result2;
@@ -551,10 +551,10 @@ export { isServerFnRequest, handleServerFn } from '@fluixi/start/server-fn';
       if (!code.includes("use server")) return null;
       const args = { ssr: !!opts?.ssr, filename: id, root };
       if (options.babel) {
-        const { transformServerFunctions } = await import("./server-functions-VEGLIFCE.mjs");
+        const { transformServerFunctions } = await import("./server-functions-CTDXX67X.mjs");
         return transformServerFunctions(code, args);
       }
-      const { transformServerFns } = await import("./server-fns-BBZRZUPP.mjs");
+      const { transformServerFns } = await import("./server-fns-ZFRDIQ2X.mjs");
       return transformServerFns(code, args);
     }
   };