@fluixi/compiler 1.0.0-alpha.83 → 1.0.0-alpha.84

package/dist/transform/source-locations.cjs

@@ -1 +1,330 @@
-"use strict";var h=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var U=Object.getOwnPropertyNames;var J=Object.prototype.hasOwnProperty;var H=(e,t)=>{for(var r in t)h(e,r,{get:t[r],enumerable:!0})},W=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of U(t))!J.call(e,i)&&i!==r&&h(e,i,{get:()=>t[i],enumerable:!(n=B(t,i))||n.enumerable});return e};var G=e=>W(h({},"__esModule",{value:!0}),e);var oe={};H(oe,{COMPONENT_MARKER:()=>P,HOLE_MARKER:()=>k,PROPS_MARKER:()=>F,SOURCE_MARKER:()=>O,collectSourceEdits:()=>se,markHole:()=>X,markProps:()=>Y,mayHaveReactiveCall:()=>Z});module.exports=G(oe);var u="@fluixi/reactive/signal",d={$signal:{export:"signal",module:u,returns:"signal-handle"},$memo:{export:"memo",module:u,returns:"memo-handle"},$effect:{export:"effect",module:u,returns:"effect"},$store:{export:"store",module:"@fluixi/reactive/store",returns:"store-handle"},$resource:{export:"resource",module:u,returns:"resource-handle"},$selector:{export:"createSelector",module:u,returns:"memo-accessor"},$deferred:{export:"createDeferred",module:u,returns:"memo-accessor"},$untrack:{export:"untrack",module:u,returns:"plain"},$untrackStore:{export:"untrackStore",module:"@fluixi/reactive/store",returns:"plain"}},M={signal:"signal-handle",memo:"memo-handle",effect:"effect",store:"store-handle",createSignal:["signal-accessor","signal-setter"],createMemo:"memo-accessor",createEffect:"effect",createRenderEffect:"effect",createStore:"reactive-object",resource:"resource-handle",createResource:"reactive-object",createSelector:"memo-accessor",createDeferred:"memo-accessor"},q=["@fluixi/reactive","@fluixi/reactive/signal","@fluixi/reactive/store","@fluixi/core"],ce=new RegExp(`\\$(?:${Object.keys(d).map(e=>e.slice(1)).join("|")})\\s*\\(`);function _(e){return Object.prototype.hasOwnProperty.call(d,e)}function A(e){return q.includes(e)}function c(e,t){if(e)switch(e.type){case"Identifier":t.add(e.name);return;case"ObjectPattern":for(let r of e.properties??[])r.type==="RestElement"?c(r.argument,t):c(r.value,t);return;case"ArrayPattern":for(let r of e.elements??[])c(r,t);return;case"AssignmentPattern":c(e.left,t);return;case"RestElement":c(e.argument,t);return}}function N(e,t){if(!(!e||typeof e!="object"||typeof e.type!="string")){t(e);for(let r of Object.keys(e)){if(r==="loc"||r==="leadingComments"||r==="trailingComments")continue;let n=e[r];if(Array.isArray(n))for(let i of n)N(i,t);else n&&typeof n=="object"&&N(n,t)}}}function z(e,t){if(e.type!=="CallExpression")return;let r=e.callee;if(r?.type!=="Identifier")return;let n=r.name,i=t.primitives.get(n);if(i)return i;let o=d[n];if(o&&!t.shadowed.has(n))return o.returns}function Q(e,t,r){if(Array.isArray(t)){e.type==="ArrayPattern"&&e.elements.forEach((n,i)=>{let o=t[i];n?.type==="Identifier"&&o&&r.set(n.name,o)});return}e.type==="Identifier"&&r.set(e.name,t)}function T(e){let t={kinds:new Map,primitives:new Map,shadowed:new Set},r=e;N(r,n=>{let i=new Set;if(n.type==="VariableDeclarator")c(n.id,i);else if(n.type==="FunctionDeclaration"||n.type==="ClassDeclaration")c(n.id,i);else if(n.type==="ImportDefaultSpecifier"||n.type==="ImportNamespaceSpecifier")c(n.local,i);else if(n.type==="ImportSpecifier")c(n.local,i);else if(n.type==="FunctionExpression"||n.type==="ArrowFunctionExpression"||n.type==="FunctionDeclaration")for(let o of n.params??[])c(o,i);for(let o of i)d[o]&&t.shadowed.add(o)});for(let n of r.body??[])if(n.type==="ImportDeclaration"&&A(n.source?.value))for(let i of n.specifiers??[]){if(i.type!=="ImportSpecifier")continue;let o=i.imported,l=o.type==="Identifier"?o.name:o.value,a=M[l];a&&t.primitives.set(i.local.name,a)}return N(r,n=>{if(n.type!=="VariableDeclarator"||!n.init)return;let i=z(n.init,t);i&&Q(n.id,i,t.kinds)}),t}var O="__fx_source",P="__fx_component",k="__fx_hole",X=(e,t,r,n)=>`(globalThis.${k} ?? ((f) => f))(${e},${t},${r}${n===void 0?"":`,${JSON.stringify(n)}`})`,F="__fx_props",Y=(e,t)=>`(globalThis.${F} ?? ((p) => p))(${e},${JSON.stringify(t)})`,j=new Set(["signal","memo","effect","store","resource","watch","createSignal","createMemo","createEffect","createStore","createResource"]);function Z(e){for(let t of j)if(e.includes(t))return!0;return e.includes("$signal")||e.includes("$memo")||e.includes("$effect")||e.includes("$store")}var ee=new Set(["IfStatement","ForStatement","ForInStatement","ForOfStatement","WhileStatement","DoWhileStatement","LabeledStatement","WithStatement"]);function te(e,t){return!t||e.type==="BlockStatement"?!1:ee.has(t.type)}function C(e){return e.type==="ExportNamedDeclaration"||e.type==="ExportDefaultDeclaration"}function ne(e){return e.type.endsWith("Statement")||e.type==="VariableDeclaration"}function E(e,t,r=[]){if(!(!e||typeof e.type!="string")){t(e,r),r.push(e);for(let n of Object.keys(e)){if(n==="loc"||n==="parent")continue;let i=e[n];if(Array.isArray(i))for(let o of i)E(o,t,r);else i&&typeof i.type=="string"&&E(i,t,r)}r.pop()}}function re(e){let t=e[e.length-1];if(t?.type!=="VariableDeclarator")return;let r=t.id;if(r?.type==="Identifier")return r.name;if(r?.type==="ArrayPattern"){let n=r.elements?.[0];if(n?.type==="Identifier")return n.name}}function ie(e){if(e.type==="FunctionDeclaration"){let t=e.id?.name;return t&&t[0]===t[0]?.toUpperCase()?t:void 0}if(e.type==="VariableDeclarator"){let t=e.id,r=e.init;if(t?.type!=="Identifier"||!r||r.type!=="ArrowFunctionExpression"&&r.type!=="FunctionExpression")return;let n=t.name;return n[0]===n[0]?.toUpperCase()?n:void 0}}function se(e,t){let r=[],n=new Set,{primitives:i,shadowed:o}=T(e);return E(e,(l,a)=>{let b=ie(l);if(b){let s=l.loc?.start,I=l.end;for(let R=a.length-1;R>=0;R--){let g=a[R];if(g.type!=="VariableDeclaration"&&g.type!=="ExportNamedDeclaration"&&g.type!=="ExportDefaultDeclaration")break;I=g.end}s&&r.push({start:I,end:I,code:`;globalThis.${P}?.(${JSON.stringify(b)},${JSON.stringify(t)},${s.line},${s.column});`})}if(l.type!=="CallExpression")return;let v=l.callee;if(v?.type!=="Identifier")return;let p=v.name,V=_(p)&&!o.has(p)?d[p]:void 0,K=i.has(p)||j.has(p);if(!V&&!K)return;let y=l.loc?.start;if(!y)return;let m,S,$=-1;for(let s=a.length-1;s>=0;s--)if(ne(a[s])||C(a[s])){m=a[s],S=a[s-1],$=s;break}if(!m)return;let f=m.start,x=m.end;for(let s=$-1;s>=0&&C(a[s]);s--)f=a[s].start,x=a[s].end,S=a[s-1];if(n.has(f))return;n.add(f);let w=re(a),L=[JSON.stringify(t),String(y.line),String(y.column),w?JSON.stringify(w):void 0].filter(s=>s!==void 0).join(","),D=`globalThis.${O}?.(${L});`;if(te(m,S)){r.push({start:f,end:f,code:`{${D}`}),r.push({start:x,end:x,code:"}"});return}r.push({start:f,end:f,code:D})}),{edits:r,marked:r.length}}
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/transform/source-locations.ts
+var source_locations_exports = {};
+__export(source_locations_exports, {
+  COMPONENT_MARKER: () => COMPONENT_MARKER,
+  HOLE_MARKER: () => HOLE_MARKER,
+  PROPS_MARKER: () => PROPS_MARKER,
+  SOURCE_MARKER: () => SOURCE_MARKER,
+  collectSourceEdits: () => collectSourceEdits,
+  markHole: () => markHole,
+  markProps: () => markProps,
+  mayHaveReactiveCall: () => mayHaveReactiveCall
+});
+module.exports = __toCommonJS(source_locations_exports);
+
+// src/analyze/intrinsics.ts
+var REACTIVE_MODULE = "@fluixi/reactive/signal";
+var INTRINSICS = {
+  $signal: { export: "signal", module: REACTIVE_MODULE, returns: "signal-handle" },
+  $memo: { export: "memo", module: REACTIVE_MODULE, returns: "memo-handle" },
+  $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" },
+  // 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.
+  $selector: { export: "createSelector", module: REACTIVE_MODULE, returns: "memo-accessor" },
+  $deferred: { export: "createDeferred", module: REACTIVE_MODULE, returns: "memo-accessor" },
+  // Not value constructors, but the compiler has to know them: they change what a read
+  // does. `untrack` suppresses dependency collection, which is exactly the kind of thing
+  // dependency analysis must not guess at.
+  $untrack: { export: "untrack", module: REACTIVE_MODULE, returns: "plain" },
+  $untrackStore: { export: "untrackStore", module: "@fluixi/reactive/store", returns: "plain" }
+};
+var RUNTIME_PRIMITIVES = {
+  signal: "signal-handle",
+  memo: "memo-handle",
+  effect: "effect",
+  store: "store-handle",
+  createSignal: ["signal-accessor", "signal-setter"],
+  createMemo: "memo-accessor",
+  createEffect: "effect",
+  createRenderEffect: "effect",
+  createStore: "reactive-object",
+  resource: "resource-handle",
+  createResource: "reactive-object",
+  createSelector: "memo-accessor",
+  createDeferred: "memo-accessor"
+};
+var PRIMITIVE_MODULES = [
+  "@fluixi/reactive",
+  "@fluixi/reactive/signal",
+  "@fluixi/reactive/store",
+  "@fluixi/core"
+];
+var INTRINSIC_CALL = new RegExp(`\\$(?:${Object.keys(INTRINSICS).map((n) => n.slice(1)).join("|")})\\s*\\(`);
+function isIntrinsicName(name) {
+  return Object.prototype.hasOwnProperty.call(INTRINSICS, name);
+}
+function isPrimitiveModule(source) {
+  return PRIMITIVE_MODULES.includes(source);
+}
+
+// src/analyze/reactive-bindings.ts
+function patternNames(node, out) {
+  if (!node) return;
+  switch (node.type) {
+    case "Identifier":
+      out.add(node.name);
+      return;
+    case "ObjectPattern":
+      for (const p of node.properties ?? []) {
+        if (p.type === "RestElement") patternNames(p.argument, out);
+        else patternNames(p.value, out);
+      }
+      return;
+    case "ArrayPattern":
+      for (const e of node.elements ?? []) patternNames(e, out);
+      return;
+    case "AssignmentPattern":
+      patternNames(node.left, out);
+      return;
+    case "RestElement":
+      patternNames(node.argument, out);
+      return;
+  }
+}
+function walk(root, visit) {
+  if (!root || typeof root !== "object" || typeof root.type !== "string") return;
+  visit(root);
+  for (const key of Object.keys(root)) {
+    if (key === "loc" || key === "leadingComments" || key === "trailingComments") continue;
+    const value = root[key];
+    if (Array.isArray(value)) for (const item of value) walk(item, visit);
+    else if (value && typeof value === "object") walk(value, visit);
+  }
+}
+function calledPrimitive(node, bindings) {
+  if (node.type !== "CallExpression") return void 0;
+  const callee = node.callee;
+  if (callee?.type !== "Identifier") return void 0;
+  const name = callee.name;
+  const imported = bindings.primitives.get(name);
+  if (imported) return imported;
+  const intrinsic = INTRINSICS[name];
+  if (intrinsic && !bindings.shadowed.has(name)) return intrinsic.returns;
+  return void 0;
+}
+function classify(id, returns, kinds) {
+  if (Array.isArray(returns)) {
+    if (id.type === "ArrayPattern") {
+      id.elements.forEach((element, index) => {
+        const kind = returns[index];
+        if (element?.type === "Identifier" && kind) kinds.set(element.name, kind);
+      });
+    }
+    return;
+  }
+  if (id.type === "Identifier") kinds.set(id.name, returns);
+}
+function resolveReactiveBindings(program) {
+  const bindings = { kinds: /* @__PURE__ */ new Map(), primitives: /* @__PURE__ */ new Map(), shadowed: /* @__PURE__ */ new Set() };
+  const root = program;
+  walk(root, (node) => {
+    const names = /* @__PURE__ */ new Set();
+    if (node.type === "VariableDeclarator") patternNames(node.id, names);
+    else if (node.type === "FunctionDeclaration" || node.type === "ClassDeclaration") patternNames(node.id, names);
+    else if (node.type === "ImportDefaultSpecifier" || node.type === "ImportNamespaceSpecifier") patternNames(node.local, names);
+    else if (node.type === "ImportSpecifier") patternNames(node.local, names);
+    else if (node.type === "FunctionExpression" || node.type === "ArrowFunctionExpression" || node.type === "FunctionDeclaration") {
+      for (const p of node.params ?? []) patternNames(p, names);
+    }
+    for (const name of names) if (INTRINSICS[name]) bindings.shadowed.add(name);
+  });
+  for (const statement of root.body ?? []) {
+    if (statement.type !== "ImportDeclaration") continue;
+    if (!isPrimitiveModule(statement.source?.value)) continue;
+    for (const specifier of statement.specifiers ?? []) {
+      if (specifier.type !== "ImportSpecifier") continue;
+      const importedNode = specifier.imported;
+      const imported = importedNode.type === "Identifier" ? importedNode.name : importedNode.value;
+      const returns = RUNTIME_PRIMITIVES[imported];
+      if (returns) bindings.primitives.set(specifier.local.name, returns);
+    }
+  }
+  walk(root, (node) => {
+    if (node.type !== "VariableDeclarator" || !node.init) return;
+    const returns = calledPrimitive(node.init, bindings);
+    if (returns) classify(node.id, returns, bindings.kinds);
+  });
+  return bindings;
+}
+
+// src/transform/source-locations.ts
+var SOURCE_MARKER = "__fx_source";
+var COMPONENT_MARKER = "__fx_component";
+var HOLE_MARKER = "__fx_hole";
+var markHole = (accessor, line, column, name) => `(globalThis.${HOLE_MARKER} ?? ((f) => f))(${accessor},${line},${column}${name === void 0 ? "" : `,${JSON.stringify(name)}`})`;
+var PROPS_MARKER = "__fx_props";
+var markProps = (object, at) => `(globalThis.${PROPS_MARKER} ?? ((p) => p))(${object},${JSON.stringify(at)})`;
+var RUNTIME_PRIMITIVES2 = /* @__PURE__ */ new Set([
+  "signal",
+  "memo",
+  "effect",
+  "store",
+  "resource",
+  "watch",
+  "createSignal",
+  "createMemo",
+  "createEffect",
+  "createStore",
+  "createResource"
+]);
+function mayHaveReactiveCall(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");
+}
+var SINGLE_STATEMENT_PARENTS = /* @__PURE__ */ new Set([
+  "IfStatement",
+  "ForStatement",
+  "ForInStatement",
+  "ForOfStatement",
+  "WhileStatement",
+  "DoWhileStatement",
+  "LabeledStatement",
+  "WithStatement"
+]);
+function isLoneBranch(statement, parent) {
+  if (!parent || statement.type === "BlockStatement") return false;
+  return SINGLE_STATEMENT_PARENTS.has(parent.type);
+}
+function isExport(node) {
+  return node.type === "ExportNamedDeclaration" || node.type === "ExportDefaultDeclaration";
+}
+function isStatement(node) {
+  return node.type.endsWith("Statement") || node.type === "VariableDeclaration";
+}
+function walk2(node, visit, stack = []) {
+  if (!node || typeof node.type !== "string") return;
+  visit(node, stack);
+  stack.push(node);
+  for (const key of Object.keys(node)) {
+    if (key === "loc" || key === "parent") continue;
+    const value = node[key];
+    if (Array.isArray(value)) {
+      for (const child of value) walk2(child, visit, stack);
+    } else if (value && typeof value.type === "string") {
+      walk2(value, visit, stack);
+    }
+  }
+  stack.pop();
+}
+function nameFor(stack) {
+  const declarator = stack[stack.length - 1];
+  if (declarator?.type !== "VariableDeclarator") return void 0;
+  const id = declarator.id;
+  if (id?.type === "Identifier") return id.name;
+  if (id?.type === "ArrayPattern") {
+    const first = id.elements?.[0];
+    if (first?.type === "Identifier") return first.name;
+  }
+  return void 0;
+}
+function componentName(node) {
+  if (node.type === "FunctionDeclaration") {
+    const name = node.id?.name;
+    return name && name[0] === name[0]?.toUpperCase() ? name : void 0;
+  }
+  if (node.type === "VariableDeclarator") {
+    const id = node.id;
+    const init = node.init;
+    if (id?.type !== "Identifier" || !init) return void 0;
+    if (init.type !== "ArrowFunctionExpression" && init.type !== "FunctionExpression") return void 0;
+    const name = id.name;
+    return name[0] === name[0]?.toUpperCase() ? name : void 0;
+  }
+  return void 0;
+}
+function collectSourceEdits(program, filename) {
+  const edits = [];
+  const claimed = /* @__PURE__ */ new Set();
+  const { primitives, shadowed } = resolveReactiveBindings(program);
+  walk2(program, (node, stack) => {
+    const component = componentName(node);
+    if (component) {
+      const at = node.loc?.start;
+      let end2 = node.end;
+      for (let i = stack.length - 1; i >= 0; i--) {
+        const up = stack[i];
+        if (up.type !== "VariableDeclaration" && up.type !== "ExportNamedDeclaration" && up.type !== "ExportDefaultDeclaration") {
+          break;
+        }
+        end2 = up.end;
+      }
+      if (at) {
+        edits.push({
+          start: end2,
+          end: end2,
+          code: `;globalThis.${COMPONENT_MARKER}?.(${JSON.stringify(component)},${JSON.stringify(filename)},${at.line},${at.column});`
+        });
+      }
+    }
+    if (node.type !== "CallExpression") return;
+    const callee = node.callee;
+    if (callee?.type !== "Identifier") return;
+    const name = callee.name;
+    const intrinsic = isIntrinsicName(name) && !shadowed.has(name) ? INTRINSICS[name] : void 0;
+    const imported = primitives.has(name) || RUNTIME_PRIMITIVES2.has(name);
+    if (!intrinsic && !imported) return;
+    const position = node.loc?.start;
+    if (!position) return;
+    let statement;
+    let parent;
+    let index = -1;
+    for (let i = stack.length - 1; i >= 0; i--) {
+      if (isStatement(stack[i]) || isExport(stack[i])) {
+        statement = stack[i];
+        parent = stack[i - 1];
+        index = i;
+        break;
+      }
+    }
+    if (!statement) return;
+    let start = statement.start;
+    let end = statement.end;
+    for (let i = index - 1; i >= 0; i--) {
+      if (!isExport(stack[i])) break;
+      start = stack[i].start;
+      end = stack[i].end;
+      parent = stack[i - 1];
+    }
+    if (claimed.has(start)) return;
+    claimed.add(start);
+    const label = nameFor(stack);
+    const args = [
+      JSON.stringify(filename),
+      String(position.line),
+      String(position.column),
+      label ? JSON.stringify(label) : void 0
+    ].filter((a) => a !== void 0).join(",");
+    const mark = `globalThis.${SOURCE_MARKER}?.(${args});`;
+    if (isLoneBranch(statement, parent)) {
+      edits.push({ start, end: start, code: `{${mark}` });
+      edits.push({ start: end, end, code: "}" });
+      return;
+    }
+    edits.push({ start, end: start, code: mark });
+  });
+  return { edits, marked: edits.length };
+}

package/dist/transform/source-locations.d.cts

@@ -0,0 +1,43 @@
+export interface SourceEdit {
+    start: number;
+    end: number;
+    code: string;
+}
+export interface SourceLocationsResult {
+    edits: SourceEdit[];
+    /** How many creation sites were marked. */
+    marked: number;
+}
+/** Installed by @fluixi/devtools; undefined everywhere else. */
+export declare const SOURCE_MARKER = "__fx_source";
+/** Where a component was declared. Keyed by name, since that is all the runtime carries. */
+export declare const COMPONENT_MARKER = "__fx_component";
+/**
+ * Where one reactive hole was written. This one wraps: the position has to travel with the
+ * accessor to wherever the dom wires it up. A template is emitted as one overwrite, so the
+ * source map has a single entry for the root and every hole traces back to it.
+ *
+ * `?? (f => f)` and not `?.()`: the value is the accessor, and returning undefined would
+ * delete the binding.
+ */
+export declare const HOLE_MARKER = "__fx_hole";
+/**
+ * `_(() => x(), 9, 25)`, or the accessor untouched when nothing is watching.
+ *
+ * `name` is the source text the value came from, for a `ref` where knowing which variable
+ * holds the element is the whole question.
+ */
+export declare const markHole: (accessor: string, line: number, column: number, name?: string) => string;
+/**
+ * Where each prop of a component tag was written.
+ *
+ * The props object is built as getters, so nothing in it can carry a position of its own.
+ * The marker takes the object and a name-to-position map, and hands the object straight
+ * back — devtools keeps the map, and a build without it passes the object through.
+ */
+export declare const PROPS_MARKER = "__fx_props";
+/** `_({ get a() {…} }, {"a":[9,25]})`, or the object untouched when nothing is watching. */
+export declare const markProps: (object: string, at: Record<string, [number, number]>) => string;
+/** Cheap enough to run before parsing. */
+export declare function mayHaveReactiveCall(code: string): boolean;
+export declare function collectSourceEdits(program: unknown, filename: string): SourceLocationsResult;