@statorjs/language-server 0.1.16 → 0.1.18

package/dist/server.cjs

@@ -44177,50 +44177,14 @@ var import_volar_service_typescript = __toESM(require_volar_service_typescript()
 // ../stator/src/compiler/client-emit.ts
 var import_typescript = __toESM(require("typescript"), 1);
 
-// ../stator/src/compiler/diagnostics.ts
-var CompileError = class extends Error {
-  loc;
-  constructor(message, loc2) {
-    super(message);
-    this.name = "CompileError";
-    this.loc = loc2;
-  }
-};
-function offsetToLineCol(source, offset) {
-  const clamped = Math.max(0, Math.min(offset, source.length));
-  let line = 1;
-  let lastNewline = -1;
-  for (let i = 0; i < clamped; i++) {
-    if (source.charCodeAt(i) === 10) {
-      line++;
-      lastNewline = i;
-    }
-  }
-  return { line, column: clamped - lastNewline };
-}
-function codeFrame(source, line, column) {
-  const lines = source.split("\n");
-  const start = Math.max(1, line - 1);
-  const end = Math.min(lines.length, line + 1);
-  const gutterWidth = String(end).length;
-  const out = [];
-  for (let n = start; n <= end; n++) {
-    const gutter = String(n).padStart(gutterWidth);
-    const marker = n === line ? ">" : " ";
-    out.push(`${marker} ${gutter} | ${lines[n - 1] ?? ""}`);
-    if (n === line) {
-      out.push(`  ${" ".repeat(gutterWidth)} | ${" ".repeat(Math.max(0, column - 1))}^`);
-    }
-  }
-  return out.join("\n");
-}
-function locAt(source, offset, file) {
-  const { line, column } = offsetToLineCol(source, offset);
-  return { file, line, column, frame: codeFrame(source, line, column) };
-}
+// ../stator/src/wire/island-markers.ts
+var ISLAND_MARKER_ATTR = "data-b";
+var elementMarker = (i) => `b${i}`;
+var slotMarker = (i) => `s${i}`;
+var elementMarkerSelector = (marker) => `[${ISLAND_MARKER_ATTR}="${marker}"]`;
 
 // ../stator/src/compiler/client-emit.ts
-var PRIMITIVES = "import { StatorElement, defineElement, use, machine, bind, effect, dispatch } from '@statorjs/stator/client'";
+var PRIMITIVES = "import { StatorElement, defineElement, use, machine, bind, bindSlot, effect, dispatch, attrValue, setAttr } from '@statorjs/stator/client'";
 function emitClientModule(input) {
   const { script, element, directives, members } = input;
   const impl = `__${element.className}Impl`;
@@ -44233,9 +44197,18 @@ function emitClientModule(input) {
   const lines = [];
   let i = 0;
   for (const [marker, group] of byMarker) {
+    if (group[0]?.kind === "slot") {
+      for (const d of group) {
+        const thunk = `() => (${rewriteMembers(d.expr, members)})`;
+        const deps = `[${d.deps.map((dep) => `this.${dep}`).join(", ")}]`;
+        lines.push(`    this.track(bindSlot(this, ${JSON.stringify(marker)}, ${deps}, ${thunk}))`);
+      }
+      continue;
+    }
     const node = `n${i++}`;
-    lines.push(`    const ${node} = this.querySelector('[data-b="${marker}"]')`);
-    lines.push(`    if (${node}) {`);
+    lines.push(
+      `    for (const ${node} of this.querySelectorAll(${JSON.stringify(elementMarkerSelector(marker))})) {`
+    );
     for (const d of group) lines.push(`      ${wireDirective(node, d, members)}`);
     lines.push("    }");
   }
@@ -44261,27 +44234,9 @@ function wireDirective(node, d, members) {
   const target = d.target ?? "text";
   const thunk = `() => (${rewriteMembers(d.expr, members)})`;
   const deps = `[${d.deps.map((dep) => `this.${dep}`).join(", ")}]`;
-  if (target === "value" || target === "checked") {
-    const path = parseTwoWayPath(d.expr);
-    if (!path) {
-      throw new CompileError(
-        `stator: bind:${target}={${d.expr}} must bind to a settable context path like \`actor.key\` (a derived value can't be two-way bound).`
-      );
-    }
-    const writer2 = emitWriter(node, target);
-    const read = target === "checked" ? `${node}.checked` : `${node}.value`;
-    const guard = target === "value" ? `if (e.isComposing) return; ` : "";
-    const setter = `${node}.addEventListener(${JSON.stringify(target === "value" ? "input" : "change")}, (e) => { ${guard}this.${path.actor}.send({ type: '@set', key: ${JSON.stringify(path.key)}, value: ${read} }) })`;
-    return `this.track(bind(${deps}, ${thunk}, ${writer2}));
-      ${setter}`;
-  }
   const writer = emitWriter(node, target);
   return `this.track(bind(${deps}, ${thunk}, ${writer}))`;
 }
-function parseTwoWayPath(expr) {
-  const m = expr.trim().match(/^([A-Za-z_$][\w$]*)\.([A-Za-z_$][\w$]*)$/);
-  return m ? { actor: m[1], key: m[2] } : null;
-}
 function emitHandler(expr, members) {
   const t = expr.trim();
   if (/^[A-Za-z_$][\w$]*$/.test(t) && members.has(t)) {
@@ -44291,18 +44246,11 @@ function emitHandler(expr, members) {
 }
 function emitWriter(node, target) {
   switch (target) {
-    case "text":
-      return `(v) => { ${node}.textContent = v == null ? '' : String(v) }`;
-    case "html":
-      return `(v) => { ${node}.innerHTML = v == null ? '' : String(v) }`;
-    case "value":
-      return `(v) => { const s = v == null ? '' : String(v); if (${node}.value !== s) ${node}.value = s }`;
     case "disabled":
     case "hidden":
-    case "checked":
       return `(v) => { if (${node}.${target} !== !!v) ${node}.${target} = !!v }`;
     default:
-      return `(v) => { if (v == null || v === false) ${node}.removeAttribute(${JSON.stringify(target)}); else ${node}.setAttribute(${JSON.stringify(target)}, v === true ? '' : String(v)) }`;
+      return `(v) => setAttr(${node}, ${JSON.stringify(target)}, attrValue(v))`;
   }
 }
 function stripClientPrimitiveImports(script) {
@@ -44341,6 +44289,50 @@ function rewriteMembers(expr, members) {
 
 // ../stator/src/compiler/client-script.ts
 var import_typescript2 = __toESM(require("typescript"), 1);
+
+// ../stator/src/compiler/diagnostics.ts
+var CompileError = class extends Error {
+  loc;
+  constructor(message, loc2) {
+    super(message);
+    this.name = "CompileError";
+    this.loc = loc2;
+  }
+};
+function offsetToLineCol(source, offset) {
+  const clamped = Math.max(0, Math.min(offset, source.length));
+  let line = 1;
+  let lastNewline = -1;
+  for (let i = 0; i < clamped; i++) {
+    if (source.charCodeAt(i) === 10) {
+      line++;
+      lastNewline = i;
+    }
+  }
+  return { line, column: clamped - lastNewline };
+}
+function codeFrame(source, line, column) {
+  const lines = source.split("\n");
+  const start = Math.max(1, line - 1);
+  const end = Math.min(lines.length, line + 1);
+  const gutterWidth = String(end).length;
+  const out = [];
+  for (let n = start; n <= end; n++) {
+    const gutter = String(n).padStart(gutterWidth);
+    const marker = n === line ? ">" : " ";
+    out.push(`${marker} ${gutter} | ${lines[n - 1] ?? ""}`);
+    if (n === line) {
+      out.push(`  ${" ".repeat(gutterWidth)} | ${" ".repeat(Math.max(0, column - 1))}^`);
+    }
+  }
+  return out.join("\n");
+}
+function locAt(source, offset, file) {
+  const { line, column } = offsetToLineCol(source, offset);
+  return { file, line, column, frame: codeFrame(source, line, column) };
+}
+
+// ../stator/src/compiler/client-script.ts
 function kebabToPascal(tag) {
   return tag.split("-").map((p) => p.charAt(0).toUpperCase() + p.slice(1)).join("");
 }
@@ -44492,7 +44484,7 @@ function cleanJsxText(raw) {
 var WRAP_PREFIX_LEN = "const __t = (<>".length;
 var INLINE_SCRIPT_RE = /<script\b([^>]*\bis:inline\b[^>]*)>([\s\S]*?)<\/script>/gi;
 var inlineMarker = (i) => `\0statorInlineScript${i}\0`;
-var INLINE_MARKER_RE = /statorInlineScript(\d+)/g;
+var INLINE_MARKER_RE = /\0statorInlineScript(\d+)\0/g;
 function eachItemParamsFor(jsx) {
   let node = jsx.parent;
   while (node && import_typescript3.default.isParenthesizedExpression(node)) node = node.parent;
@@ -44534,6 +44526,28 @@ function lowerTemplate(template, opts = {}) {
   let eachParams = null;
   const enableItemBind = !opts.client;
   const isItemRead = (n) => enableItemBind && eachParams !== null && import_typescript3.default.isCallExpression(n) && import_typescript3.default.isIdentifier(n.expression) && n.expression.text === "read" && n.arguments.length >= 2 && n.arguments[0] !== void 0 && import_typescript3.default.isIdentifier(n.arguments[0]) && n.arguments[0].text === eachParams.item;
+  const isClientRead = (n) => opts.client !== void 0 && import_typescript3.default.isCallExpression(n) && import_typescript3.default.isIdentifier(n.expression) && n.expression.text === "read" && n.arguments.length >= 2 && n.arguments[0] !== void 0 && import_typescript3.default.isIdentifier(n.arguments[0]) && opts.client.useFields.has(n.arguments[0].text);
+  const bindRemoved = (name, at) => new CompileError(
+    `stator: bind:${name} was removed in 2.0. Display state with read() \u2014 \`{read(m, (s) => s.value)}\` in text position, \`attr={read(m, \u2026)}\` on an attribute \u2014 and capture input at a commit boundary with a typed event (ref:/FormData + send/dispatch). See the forms guide.`,
+    at
+  );
+  const clientReadExpr = (call) => `(${call.arguments[1].getText(sf)})(${call.arguments[0].text})`;
+  const allocSlotMarker = () => {
+    const client = opts.client;
+    if (!client) throw new CompileError("stator: internal \u2014 slot marker outside client mode");
+    return slotMarker(client.directives.filter((d) => d.kind === "slot").length);
+  };
+  const assertNoClientRead = (n) => {
+    if (!opts.client) return;
+    if (import_typescript3.default.isJsxElement(n) || import_typescript3.default.isJsxSelfClosingElement(n) || import_typescript3.default.isJsxFragment(n)) return;
+    if (isClientRead(n)) {
+      throw new CompileError(
+        `stator: read(${n.arguments[0].text}, \u2026) on a client machine must be the entire expression \u2014 text position (\`{read(m, s => \u2026)}\`) or attribute position (\`attr={read(m, s => \u2026)}\`). Compose derived values inside the selector.`,
+        loc2(n)
+      );
+    }
+    import_typescript3.default.forEachChild(n, assertNoClientRead);
+  };
   const loc2 = (node) => {
     if (opts.source == null || opts.templateOffset == null) return void 0;
     const orig = opts.templateOffset + doctypeLen + (node.getStart(sf) - WRAP_PREFIX_LEN);
@@ -44642,6 +44656,17 @@ function lowerTemplate(template, opts = {}) {
     if (import_typescript3.default.isJsxText(node)) return escapeText(cleanJsxText(node.getFullText(sf)));
     if (import_typescript3.default.isJsxExpression(node)) {
       if (!node.expression) return "";
+      if (opts.client && isClientRead(node.expression)) {
+        const marker = allocSlotMarker();
+        const expr = clientReadExpr(node.expression);
+        opts.client.directives.push({
+          marker,
+          kind: "slot",
+          expr,
+          deps: inferDeps(expr, opts.client.useFields)
+        });
+        return `<!--${marker}-->`;
+      }
       return `\${${lowerExprText(node.expression)}}`;
     }
     if (import_typescript3.default.isJsxElement(node)) {
@@ -44675,6 +44700,7 @@ function lowerTemplate(template, opts = {}) {
     if (import_typescript3.default.isJsxElement(expr) || import_typescript3.default.isJsxSelfClosingElement(expr) || import_typescript3.default.isJsxFragment(expr)) {
       return `html\`${contentOfChild(expr)}\``;
     }
+    assertNoClientRead(expr);
     if (isItemRead(expr)) {
       return `itemBind(${lowerExprText(expr.arguments[1])})`;
     }
@@ -44720,56 +44746,72 @@ function lowerTemplate(template, opts = {}) {
         );
       }
     }
-    const clientMarker = opts.client ? collectClientDirectives(attrs) : void 0;
+    const collected = opts.client ? collectClientDirectives(attrs) : void 0;
     let out = "";
     for (const attr of attrs.properties) {
       if (import_typescript3.default.isJsxSpreadAttribute(attr)) {
-        throw new CompileError("stator: spread attributes ({...x}) are not supported", loc2(attr));
-      }
-      if (import_typescript3.default.isJsxAttribute(attr) && !import_typescript3.default.isJsxNamespacedName(attr.name) && attr.name.getText(sf) === "child") {
+        out += ` \${spreadAttrs(${lowerExprText(attr.expression)})}`;
         continue;
       }
-      if (opts.client && import_typescript3.default.isJsxAttribute(attr) && import_typescript3.default.isJsxNamespacedName(attr.name) && (attr.name.namespace.text === "on" || attr.name.namespace.text === "bind")) {
+      if (import_typescript3.default.isJsxAttribute(attr) && !import_typescript3.default.isJsxNamespacedName(attr.name) && attr.name.getText(sf) === "child") {
         continue;
       }
+      if (collected?.consumed.has(attr)) continue;
       const lowered = lowerAttribute(attr);
       if (lowered) out += ` ${lowered}`;
     }
-    if (clientMarker) out += ` data-b="${clientMarker}"`;
+    if (collected?.marker) out += ` ${ISLAND_MARKER_ATTR}="${collected.marker}"`;
     return out;
   };
   const collectClientDirectives = (attrs) => {
+    const consumed = /* @__PURE__ */ new Set();
     const client = opts.client;
-    if (!client) return void 0;
+    if (!client) return { consumed };
     const pending = [];
     for (const attr of attrs.properties) {
-      if (!import_typescript3.default.isJsxAttribute(attr) || !import_typescript3.default.isJsxNamespacedName(attr.name)) continue;
-      const ns = attr.name.namespace.text;
-      const name = attr.name.name.text;
-      if (ns !== "on" && ns !== "bind") continue;
-      const expr = attrExpr(attr);
-      if (!expr) {
-        throw new CompileError(`stator: ${ns}:${name} requires a value ({...})`, loc2(attr));
-      }
-      if (ns === "on") {
+      if (!import_typescript3.default.isJsxAttribute(attr)) continue;
+      if (import_typescript3.default.isJsxNamespacedName(attr.name)) {
+        const ns = attr.name.namespace.text;
+        const name = attr.name.name.text;
+        if (ns === "bind") throw bindRemoved(name, loc2(attr));
+        if (ns !== "on") continue;
+        const expr = attrExpr(attr);
+        if (!expr) {
+          throw new CompileError(`stator: on:${name} requires a handler ({...})`, loc2(attr));
+        }
         pending.push({ marker: "", kind: "on", event: name, expr, deps: [] });
-      } else {
+        consumed.add(attr);
+        continue;
+      }
+      const init = attr.initializer;
+      if (init && import_typescript3.default.isJsxExpression(init) && init.expression && isClientRead(init.expression)) {
+        const target = attr.name.getText(sf);
+        if (target === "value" || target === "checked") {
+          throw new CompileError(
+            `stator: read() can't live-drive ${target}= from a client machine \u2014 the control owns its draft. Pre-fill with a server-rendered ${target} attribute, populate/reset via ref: at safe moments, and capture input with a typed commit event. See the forms guide.`,
+            loc2(attr)
+          );
+        }
+        const expr = clientReadExpr(init.expression);
         pending.push({
           marker: "",
           kind: "bind",
-          target: name,
+          target,
           expr,
           deps: inferDeps(expr, client.useFields)
         });
+        consumed.add(attr);
       }
     }
-    if (pending.length === 0) return void 0;
-    const marker = `b${new Set(client.directives.map((d) => d.marker)).size}`;
+    if (pending.length === 0) return { consumed };
+    const marker = elementMarker(
+      new Set(client.directives.filter((d) => d.kind !== "slot").map((d) => d.marker)).size
+    );
     for (const d of pending) {
       d.marker = marker;
       client.directives.push(d);
     }
-    return marker;
+    return { marker, consumed };
   };
   const lowerChildrenPlaceholder = (attrs) => {
     if (meta) meta.usesChildren = true;
@@ -44823,10 +44865,8 @@ function lowerTemplate(template, opts = {}) {
         if (meta) meta.refs.add(name2);
         return `data-ref=${JSON.stringify(name2)}`;
       }
-      throw new CompileError(
-        `stator: directive "${ns}:${name2}" is not supported yet (Phase 3b)`,
-        loc2(attr)
-      );
+      if (ns === "bind") throw bindRemoved(name2, loc2(attr));
+      throw new CompileError(`stator: directive "${ns}:${name2}" is not supported`, loc2(attr));
     }
     const name = attr.name.getText(sf);
     if (!attr.initializer) return name;
@@ -44844,18 +44884,31 @@ function lowerTemplate(template, opts = {}) {
   };
   const lowerComponent = (tag, attrs, children) => {
     const entries = [];
+    const forwarded = [];
     for (const attr of attrs.properties) {
       if (import_typescript3.default.isJsxSpreadAttribute(attr)) {
-        throw new CompileError(
-          `stator: spread props ({...x}) on <${tag}/> are not supported`,
-          loc2(attr)
-        );
+        entries.push(`...${lowerExprText(attr.expression)}`);
+        continue;
       }
       if (import_typescript3.default.isJsxNamespacedName(attr.name)) {
-        throw new CompileError(
-          `stator: directive "${attr.name.namespace.text}:${attr.name.name.text}" is not valid on component <${tag}/> \u2014 directives apply to HTML elements, not components`,
-          loc2(attr)
-        );
+        const ns = attr.name.namespace.text;
+        const dirName = attr.name.name.text;
+        if (ns === "bind") throw bindRemoved(dirName, loc2(attr));
+        if (ns !== "on") {
+          throw new CompileError(
+            `stator: forwarding "${ns}:${dirName}" to a component isn't supported yet \u2014 only on:* event directives forward. Apply ref: on an element directly.`,
+            loc2(attr)
+          );
+        }
+        const value = attrExpr(attr);
+        if (!value) {
+          throw new CompileError(
+            `stator: on:${dirName} on <${tag}/> requires a handler ({...})`,
+            loc2(attr)
+          );
+        }
+        forwarded.push(`${JSON.stringify(`on:${dirName}`)}: ${value}`);
+        continue;
       }
       const name = attr.name.getText(sf);
       if (!attr.initializer) {
@@ -44892,6 +44945,7 @@ function lowerTemplate(template, opts = {}) {
       }
       if (bag.length > 0) entries.push(`children: { ${bag.join(", ")} }`);
     }
+    if (forwarded.length > 0) entries.push(`$directives: { ${forwarded.join(", ")} }`);
     return `${tag}({ ${entries.join(", ")} })`;
   };
   const body = `html\`${doctype}${contentOfChildren(fragment.children)}\``;
@@ -45145,7 +45199,7 @@ function isSubjectGlobal(sel) {
 }
 
 // ../stator/src/compiler/compile.ts
-var PRIMITIVES_IMPORT = "import { html, read, each, itemBind, when, match, defer, on, classList, styleList } from '@statorjs/stator/template'";
+var PRIMITIVES_IMPORT = "import { html, read, each, itemBind, when, match, defer, on, classList, styleList, spreadAttrs } from '@statorjs/stator/template'";
 function compile(source, opts = {}) {
   const { frontmatter, template, styles, scripts, scriptOffsets, templateOffset } = splitStator(source);
   const kind = opts.kind ?? "component";
@@ -45222,7 +45276,7 @@ function compileClient(template, script, ctx) {
   const attrDecl = `{ ${[...cls.staticAttrs].map(([k, v]) => `${k}: ${JSON.stringify(v)}`).join(", ")} }`;
   const rootScope = ctx.scopeAttr ? ` data-s-${ctx.hash}` : "";
   const serverCode = [
-    "import { html, read, each, when, match, defer, on, classList, styleList, createHtmlFragment, clientShellAttrs } from '@statorjs/stator/template'",
+    "import { html, read, each, when, match, defer, on, classList, styleList, spreadAttrs, createHtmlFragment, clientShellAttrs } from '@statorjs/stator/template'",
     "",
     `export default function (props = {}) {`,
     `  const __inner = ${innerExpr}`,
@@ -45351,6 +45405,23 @@ function processFrontmatter(fm, kind, source, file) {
         repls.push([n.getStart(sf), n.getEnd(), bound]);
         return;
       }
+      if (import_typescript4.default.isCallExpression(n) && isStatorCall(n, "forwarded")) {
+        if (kind === "route") {
+          throw new CompileError(
+            "stator: Stator.forwarded() is only available in a component \u2014 it reads a directive forwarded from a parent (`<Child on:click={h}/>`), and a route has no parent.",
+            locInFm(n)
+          );
+        }
+        const arg = n.arguments[0];
+        if (!arg) {
+          throw new CompileError(
+            "stator: Stator.forwarded(name) takes a directive name, e.g. Stator.forwarded('on:click')",
+            locInFm(n)
+          );
+        }
+        repls.push([n.getStart(sf), n.getEnd(), `props.$directives?.[${arg.getText(sf)}]`]);
+        return;
+      }
       if (import_typescript4.default.isPropertyAccessExpression(n) && isStatorMember(n, "request")) {
         requireRoute("Stator.request", kind, locInFm(n));
         repls.push([n.getStart(sf), n.getEnd(), "__req"]);
@@ -45449,6 +45520,26 @@ function isStatorMember(e, member) {
 
 // ../stator/src/compiler/dts.ts
 var import_typescript5 = __toESM(require("typescript"), 1);
+function statorPropsType(frontmatter, template, scripts) {
+  const { propsType } = extractFrontmatterTypes(frontmatter);
+  let propsT = componentPropsType(propsType, template);
+  let needsReadResult = false;
+  const classes = scripts.length > 0 ? analyzeScriptClasses(scripts.join("\n")) : [];
+  if (!propsType && classes.length > 0) {
+    const attrs = /* @__PURE__ */ new Map();
+    for (const cls of classes) {
+      for (const [key, kind] of cls.staticAttrs) attrs.set(key, kind);
+    }
+    if (attrs.size > 0) {
+      needsReadResult = true;
+      const fields = [...attrs].map(([key, kind]) => `${key}?: ${kind} | __SReadResult<${kind}>`).join("; ");
+      propsT = `{ ${fields} } & { [prop: string]: unknown }`;
+    } else {
+      propsT = "{ [prop: string]: unknown }";
+    }
+  }
+  return { propsT, needsReadResult };
+}
 function componentPropsType(propsType, template) {
   const usesChildren = /<children[\s/>]/.test(template);
   if (propsType) return usesChildren ? `${propsType} & { children?: any }` : propsType;
@@ -45512,16 +45603,17 @@ function injectImports(globals, modulePath, userCode) {
   return missing.length > 0 ? `import { ${missing.join(", ")} } from '${modulePath}';
 ` : "";
 }
-var AMBIENT_TYPE_IMPORTS = "import type { AnyMachineDef as __SMachineDef } from '@statorjs/stator/machine';\nimport type { InstanceOf as __SInstanceOf } from '@statorjs/stator/template';\n";
+var AMBIENT_TYPE_IMPORTS = "import type { AnyMachineDef as __SMachineDef } from '@statorjs/stator/machine';\nimport type { InstanceOf as __SInstanceOf } from '@statorjs/stator/template';\nimport type { StatorIntrinsicElements as __SIntrinsics } from '@statorjs/stator/template';\n";
 var STATOR_AMBIENT = `declare const Stator: {
   props<P>(): P;
   reads<const T extends readonly __SMachineDef[]>(defs: T): { -readonly [K in keyof T]: __SInstanceOf<T[K]> };
+  forwarded(name: \`on:\${string}\`): (() => unknown) | undefined;
   request: any;
   response: { status: number; headers: Record<string, string>; cookies: any };
 };
 declare global {
   namespace JSX {
-    interface IntrinsicElements extends Record<string, any> {}
+    interface IntrinsicElements extends __SIntrinsics {}
   }
 }
 `;
@@ -45553,7 +45645,14 @@ function buildServerTsx(regions) {
     tplOffset += doctype[0].length;
     tpl = tpl.slice(doctype[0].length);
   }
-  const propsT = componentPropsType(extractFrontmatterTypes(fm).propsType, regions.template.content);
+  const { propsT, needsReadResult } = statorPropsType(
+    fm,
+    regions.template.content,
+    regions.scripts.map((s) => s.content)
+  );
+  if (needsReadResult) {
+    code += "type __SReadResult<T> = import('@statorjs/stator/template').ReadResult<T>\n";
+  }
   code += `export default function (_props: ${propsT}) {
 `;
   for (const seg of body) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@statorjs/language-server",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "description": "Volar-based language server for .stator files.",
   "license": "MIT",
   "type": "module",
@@ -33,7 +33,7 @@
     "volar-service-typescript": "0.0.71",
     "vscode-css-languageservice": "^6.3.0",
     "vscode-uri": "^3.0.8",
-    "@statorjs/stator": "1.8.0"
+    "@statorjs/stator": "2.0.0"
   },
   "peerDependencies": {
     "typescript": "^5.6.0"