@vesk/compiler 0.2.72 → 0.2.74

package/dist/client-codegen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client-codegen.d.ts","sourceRoot":"","sources":["../src/client-codegen.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAuB,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAGL,cAAc,EAQd,gBAAgB,EAUjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAkGxD,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAI1D;AAiDD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,UAAU,GAAG,gBAAgB,GAAG,cAAc,EAAE,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,MAAM,CAgJlI;AAID,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAI5E;AAyCD;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,MAAM,EAAE,CAuB9F;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,MAAM,CAY5F;AAoFD,qDAAqD;AACrD,MAAM,MAAM,SAAS,GAAG;IAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtC;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,SAAS,CAQtE;AA+nED,iBAAS,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAe3C;AAmJD,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAO9C;AAuED,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,GAAE;IAAE,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,aAAa,CAAC,EAAE,SAAS,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAO,GAAG,MAAM,CAOpQ;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,MAAM,GAAG,IAAI,EAC7B,UAAU,CAAC,EAAE,MAAM,EACnB,IAAI,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,GACjD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,OAAO,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,aAAa,EAAE,MAAM,EAAE,CAAC;IAAC,cAAc,EAAE,MAAM,EAAE,CAAA;CAAE,CAyC5J;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAG/E;AAED,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"client-codegen.d.ts","sourceRoot":"","sources":["../src/client-codegen.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAuB,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAGL,cAAc,EAQd,gBAAgB,EAUjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAkGxD,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAI1D;AAiDD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,UAAU,GAAG,gBAAgB,GAAG,cAAc,EAAE,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,MAAM,CAgJlI;AAID,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAI5E;AAyCD;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,MAAM,EAAE,CAuB9F;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,MAAM,CAY5F;AAoFD,qDAAqD;AACrD,MAAM,MAAM,SAAS,GAAG;IAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtC;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,SAAS,CAQtE;AAupED,iBAAS,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAe3C;AAuKD,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAO9C;AAuED,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,GAAE;IAAE,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,aAAa,CAAC,EAAE,SAAS,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAO,GAAG,MAAM,CAOpQ;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,MAAM,GAAG,IAAI,EAC7B,UAAU,CAAC,EAAE,MAAM,EACnB,IAAI,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,GACjD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,OAAO,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,aAAa,EAAE,MAAM,EAAE,CAAC;IAAC,cAAc,EAAE,MAAM,EAAE,CAAA;CAAE,CAyC5J;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAG/E;AAED,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/client-codegen.js

@@ -857,8 +857,29 @@ function emitStatic(ctx, node, tracked, effectsVar, skipK = 0, regionBudget) {
         // (which would miss because SSR emits no marker for static children of dynamic parents).
         const isPureStaticChild = ctx.hydrate && child instanceof StaticNode && isStaticIR(child.children);
         if (isPureStaticChild) {
-            const ssrEl = `${el}.__vsk_ssrEls[${residueBefore}]`;
-            childVar = ssrEl;
+            // `__vsk_ssrEls` only exists on CLAIMED elements — the runtime captures it
+            // in captureSsrElementChildren. A FRESH parent (walker exhausted, or a
+            // tag-mismatch recovery) holds no SSR residue at all, so the unguarded
+            // retrieval crashed every post-hydration re-render that mounted new
+            // static content (opening a dropdown whose panel starts with a plain
+            // header: waterline "Cannot read properties of undefined (reading '0')").
+            // Fall back to building the subtree fresh — the non-hydrate emission —
+            // exactly when the residue is absent. The claimed path is unchanged and
+            // still retrieves, so SSR text is never duplicated.
+            const savedHydrate = ctx.hydrate;
+            ctx.hydrate = false;
+            const buildStart = ctx.lines.length;
+            const freshChild = emitStatic(ctx, child, tracked, effectsVar);
+            const buildLines = ctx.lines.splice(buildStart, ctx.lines.length - buildStart);
+            ctx.hydrate = savedHydrate;
+            const childSlot = ctx.n();
+            ctx.push(`const ${childSlot} = ${el}.__vsk_ssrEls ? ${el}.__vsk_ssrEls[${residueBefore}] : (() => {`);
+            for (const line of buildLines)
+                ctx.push(`\t${line}`);
+            ctx.push(`\treturn ${freshChild ?? "document.createElement('div')"};`);
+            ctx.push(`})();`);
+            childVar = childSlot;
+            const ssrEl = childSlot;
             // Process dynamic attributes on the retrieved SSR element
             const dynAttrs = [];
             const staticChildren = [];
@@ -1185,7 +1206,9 @@ function emitDynamicBinding(ctx, node, tracked, effectsVar, ssrTextExpr = null)
     const expr = transformTracked(node.expression, tracked);
     const v = ctx.n();
     if (!isReactiveExpression(node.expression, tracked)) {
-        ctx.push(`const ${v} = document.createTextNode(String(${expr}));`);
+        // Parens around `expr`: `a || b ?? ''` is a SyntaxError, and the IR keeps
+        // user precedence verbatim.
+        ctx.push(`const ${v} = document.createTextNode(String((${expr}) ?? ''));`);
         return v;
     }
     // Hydrate-mode sole-dynamic-text snapshot (Hydrate-Todo A5): initialize from
@@ -1195,7 +1218,9 @@ function emitDynamicBinding(ctx, node, tracked, effectsVar, ssrTextExpr = null)
     // nothing and the `?? ''` keeps the old empty initial.
     const init = ssrTextExpr ? `String(${ssrTextExpr} ?? '')` : `''`;
     ctx.push(`const ${v} = document.createTextNode(${init});`);
-    const eff = `effect(() => { ${v}.data = String(${expr}); })`;
+    // `null`/`undefined` render nothing (matching the SSR `raw()` helper), so a
+    // dynamically absent value never paints the literal string "undefined".
+    const eff = `effect(() => { const __v = ${expr}; ${v}.data = __v == null ? '' : String(__v); })`;
     if (effectsVar) {
         ctx.push(`${effectsVar}.push(${eff});`);
     }
@@ -2866,8 +2891,16 @@ function claimsWalkerNode(ctx, node) {
         return ctx.claimStatic || !isStaticIR(node.children);
     if (node instanceof ComponentCall)
         return true;
-    if (node instanceof OpaqueDynamicRegion)
-        return true;
+    // A hydration-mode `if` emits comment fences even when neither branch
+    // contains an element. Those fences are created client-side and do not move
+    // the SSR walker, so the region must not clear an inherited first-claim
+    // budget unless one of its branches actually claims. Treating every region
+    // as claiming made a top-level statement-only `if` (a debug assignment, a
+    // store write) before the first island element consume `takeSkipK()` and
+    // claim the preceding server node.
+    if (node instanceof OpaqueDynamicRegion) {
+        return branchClaimsWalker(ctx, node.consequentNodes) || branchClaimsWalker(ctx, node.alternateNodes);
+    }
     if (node instanceof MapRegion)
         return true;
     if (node instanceof ForLoop)
@@ -2880,6 +2913,16 @@ function claimsWalkerNode(ctx, node) {
         return true;
     return false;
 }
+// Opaque-region branches are emitted with `claimStatic = true`, so a static
+// element in a branch does consume a walker slot. Evaluate the branch under
+// that same flag without leaking it into the caller.
+function branchClaimsWalker(ctx, nodes) {
+    const previous = ctx.claimStatic;
+    ctx.claimStatic = true;
+    const claims = nodes.some((node) => claimsWalkerNode(ctx, node));
+    ctx.claimStatic = previous;
+    return claims;
+}
 function isStaticComponent(comp) {
     if (comp.style)
         return false;

package/dist/ir-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ir-generator.d.ts","sourceRoot":"","sources":["../src/ir-generator.ts"],"names":[],"mappings":"AACA,OAAO,EACL,MAAM,EAuBP,MAAM,uBAAuB,CAAC;AA2T/B,wBAAgB,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAC;IAAC,cAAc,CAAC,EAAE,GAAG,CAAC;IAAC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;CAAE,CAAC,GAAG,SAAS,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAkCnL;AAytDD,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAqV9E"}
+{"version":3,"file":"ir-generator.d.ts","sourceRoot":"","sources":["../src/ir-generator.ts"],"names":[],"mappings":"AACA,OAAO,EACL,MAAM,EAuBP,MAAM,uBAAuB,CAAC;AAkW/B,wBAAgB,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAC;IAAC,cAAc,CAAC,EAAE,GAAG,CAAC;IAAC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;CAAE,CAAC,GAAG,SAAS,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAkCnL;AAsvDD,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAsV9E"}

package/dist/ir-generator.js

@@ -1,7 +1,7 @@
 import { IRRoot, ComponentIR, StaticNode, TextNode, DynamicBinding, OpaqueDynamicRegion, MapRegion, WhileLoop, SwitchBlock, TryCatch, RuntimeStatement, ForLoop, TrackDecl, ComponentRef, ComponentCall, ServerBlock, ClientBlock, HeadBlock, BreakSignal, Expression, SlotNode, PropSlot, PropSlotRender, } from '@vesk/compiler/src/ir';
 import { VeskError, codeFrame } from '@vesk/compiler/src/errors';
 import { createBaseParser } from '@vesk/compiler/src/parser';
-import { skipWhitespace, findBalancedEnd, splitTopLevel, startsWithIdentifier, stripDeclKeyword, isWhitespaceChar, collapseNewlineWhitespace } from '@vesk/compiler/src/scan';
+import { skipWhitespace, findBalancedEnd, splitTopLevel, startsWithIdentifier, stripDeclKeyword, isWhitespaceChar, collapseNewlineWhitespace, skipString, skipComment } from '@vesk/compiler/src/scan';
 import { stripCodeTypes } from '@vesk/compiler/src/strip-ts';
 import { stripTypeImport } from '@vesk/compiler/src/vsk-imports';
 import { importBindingPairs } from '@vesk/compiler/src/module-imports';
@@ -15,6 +15,47 @@ let __vskAnnotations = [];
  * slot handed to it by a caller that wrote `name={<div/>}`.
  */
 let __slotProps = null;
+/**
+ * Named type declarations (`interface SectionTitleProps { … }`,
+ * `type Foo = { … }`) in the file being compiled, keyed by name. A component
+ * that annotates its props with a named type must have that type resolved
+ * before slot-prop detection: `slotPropNamesFromType` only understands object
+ * literals, so `props: SectionTitleProps` with `action?: Component` used to
+ * degrade `{props.action}` into a stringified text binding.
+ */
+let __typeTexts = null;
+function resolveNamedTypeText(text) {
+    if (!text || !__typeTexts || __typeTexts.size === 0)
+        return text;
+    let t = text.trim();
+    for (let i = 0; i < 8; i++) {
+        if (!/^[A-Za-z_$][\w$]*$/.test(t))
+            return t;
+        const next = __typeTexts.get(t);
+        if (!next || next === t)
+            return t;
+        t = next.trim();
+    }
+    return t;
+}
+function collectTypeTexts(ast, source) {
+    const out = new Map();
+    for (const node of (ast?.body || [])) {
+        const decl = (node.type === 'ExportNamedDeclaration' || node.type === 'ExportDefaultDeclaration') && node.declaration
+            ? node.declaration
+            : node;
+        if (decl?.type !== 'TSInterfaceDeclaration' && decl?.type !== 'TSTypeAliasDeclaration')
+            continue;
+        const name = decl.id?.name;
+        if (!name)
+            continue;
+        const typeNode = decl.type === 'TSInterfaceDeclaration' ? decl.body : decl.typeAnnotation;
+        if (!typeNode || typeof typeNode.start !== 'number' || typeof typeNode.end !== 'number')
+            continue;
+        out.set(name, source.slice(typeNode.start, typeNode.end).trim());
+    }
+    return out;
+}
 /**
  * The identifier a component binds its props to (`props` by convention, but
  * any first-parameter name is legal). Slot detection used to hardcode the
@@ -990,6 +1031,43 @@ function slotReadPropName(expr) {
     }
     return null;
 }
+/**
+ * Splits a type body into members on top-level `;` or newlines. Unlike
+ * `splitTopLevel`, member separators are recognised even when flanked by
+ * identifier characters (`string; action` — the common interface shape).
+ */
+function splitTypeMembers(text) {
+    const parts = [];
+    let depth = 0;
+    let last = 0;
+    let i = 0;
+    while (i < text.length) {
+        const c = text[i];
+        if (c === '"' || c === "'" || c === '`') {
+            i = skipString(text, i);
+            continue;
+        }
+        if (c === '/' && (text[i + 1] === '/' || text[i + 1] === '*')) {
+            i = skipComment(text, i);
+            continue;
+        }
+        if (c === '(' || c === '[' || c === '{' || c === '<')
+            depth++;
+        else if (c === ')' || c === ']' || c === '}' || c === '>') {
+            if (depth > 0)
+                depth--;
+        }
+        else if (depth === 0 && (c === ';' || c === '\n')) {
+            parts.push(text.slice(last, i));
+            last = i + 1;
+            i++;
+            continue;
+        }
+        i++;
+    }
+    parts.push(text.slice(last));
+    return parts;
+}
 /**
  * Parses an inline component props type (`{ trigger: Component; ... }`) and
  * returns the set of prop names declared as renderable content — any member
@@ -1005,13 +1083,14 @@ function slotPropNamesFromType(propsType) {
         const inner = findBalancedEnd(trimmed, 0) === trimmed.length - 1
             ? trimmed.slice(1, -1)
             : trimmed;
-        for (const part of splitTopLevel(inner, ';')) {
+        const members = splitTypeMembers(inner);
+        for (const part of members) {
             const colon = findTopLevelColon(part);
             if (colon === -1)
                 continue;
-            const namePart = part.slice(0, colon).trim().replace(/^\$/, '').replace(/\?$/, '').trim();
+            const namePart = part.slice(0, colon).trim().replace(/^readonly\s+/, '').replace(/^\$/, '').replace(/\?$/, '').trim();
             const typePart = part.slice(colon + 1).trim();
-            if (namePart && typePart.includes('Component'))
+            if (namePart && /^[A-Za-z_$][\w$]*$/.test(namePart) && typePart.includes('Component'))
                 out.add(namePart);
         }
     }
@@ -2249,6 +2328,7 @@ function collectIdentifiers(node, into) {
 export function generateIR(ast, source, filename) {
     __vskAnnotations = ast.__vskAnnotations ?? [];
     __slotProps = null;
+    __typeTexts = collectTypeTexts(ast, source);
     const file = filename || '';
     const components = [];
     const imports = [];
@@ -2451,7 +2531,7 @@ export function generateIR(ast, source, filename) {
                 // so content reads of `props.<name>` compile to slot renders instead of
                 // value bindings for THIS component only.
                 const prevSlotProps = __slotProps;
-                __slotProps = slotPropNamesFromType(propsType);
+                __slotProps = slotPropNamesFromType(resolveNamedTypeText(propsType));
                 __propsParam = propsAlias || null;
                 if (isStatementMode(bodyStmts)) {
                     const raw = processStatementModeBody(source, bodyStmts, file);

package/dist/vsk-imports.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vsk-imports.d.ts","sourceRoot":"","sources":["../src/vsk-imports.ts"],"names":[],"mappings":"AAQA;;;;;;;GAOG;AAEH,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAQjE;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAahE;AA0BD,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAUrF;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,eAAe,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAQ/F;AAWD;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAW/D;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAEvD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,EAAE,EACrB,aAAa,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,GACxD,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,CAgB5C;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACrC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,EACnC,OAAO,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,GAClD,IAAI,CAMN;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAKnD;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAsBhE"}
+{"version":3,"file":"vsk-imports.d.ts","sourceRoot":"","sources":["../src/vsk-imports.ts"],"names":[],"mappings":"AAQA;;;;;;;GAOG;AAEH,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAQjE;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAahE;AA0BD,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAUrF;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,eAAe,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAQ/F;AAkBD;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAW/D;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAEvD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,EAAE,EACrB,aAAa,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,GACxD,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,CAgB5C;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACrC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,EACnC,OAAO,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,GAClD,IAAI,CAMN;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAKnD;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAsBhE"}

package/dist/vsk-imports.js

@@ -3,7 +3,7 @@ import { existsSync } from 'node:fs';
 import { print } from 'esrap';
 import ts from 'esrap/languages/ts';
 import { parse } from '@vesk/compiler/src/parser';
-import { importBindingPairs, resolveImportPath } from '@vesk/compiler/src/module-imports';
+import { importBindingPairs, resolveImportPath, resolveSsrModule } from '@vesk/compiler/src/module-imports';
 import { importModuleTarget, tokenizeCode } from '@vesk/compiler/src/tokens';
 /**
  * Resolve `import ... from './path.vsk'` statements so helper components can
@@ -115,8 +115,16 @@ function resolveVskTarget(target, sourcePath) {
         const full = resolve(dirname(sourcePath), target);
         return existsSync(full) ? full : null;
     }
+    // Bare specifiers (`vesk-paystack/components/PayButton.vsk`) are a package
+    // subpath, not a tsconfig alias. `resolveImportPath` only knows aliases and
+    // returns the specifier untouched, so a component library's `.vsk` import
+    // never resolved even though Node's `exports` map — and Vesk's own SSR
+    // resolver — handle it fine. Use the resolver that understands packages.
     const aliased = resolveImportPath(target, dirname(sourcePath));
-    return aliased !== target && existsSync(aliased) ? aliased : null;
+    if (aliased !== target && existsSync(aliased))
+        return aliased;
+    const published = resolveSsrModule(target, dirname(sourcePath));
+    return published !== null && published.endsWith('.vsk') && existsSync(published) ? published : null;
 }
 /**
  * Local names bound by *named* value imports from a `.vsk` module.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vesk/compiler",
-  "version": "0.2.72",
+  "version": "0.2.74",
   "type": "module",
   "description": "Vesk compiler — lexer, parser, semantic analysis, IR, codegen",
   "main": "./dist/index.js",
@@ -20,7 +20,7 @@
   },
   "dependencies": {
     "@sveltejs/acorn-typescript": "^1.0.0",
-    "@vesk/types": "^0.2.72",
+    "@vesk/types": "^0.2.74",
     "acorn": "^8.15.0",
     "esrap": "^2.3.0",
     "is-reference": "^3.0.0",