nexa-compiler 0.7.2 → 0.7.3

package/dist/codegen/render.d.ts

@@ -10,11 +10,12 @@ export declare function generateComponentCode(sfc: {
     setup?: boolean;
     scoped: boolean;
     hmrId?: string;
-}): string;
+}, filename?: string): string;
 export declare function generateComponentCodeWithSourceMap(sfc: {
     template: string | null;
     script: string | null;
     style: string | null;
+    setup?: boolean;
     scoped: boolean;
     hmrId?: string;
 }, options?: GenerateOptions): {

package/dist/codegen/render.js

@@ -2,7 +2,8 @@ import { transformStyle } from '../transform/style.js';
 import { generateSourceMap } from './sourcemap.js';
 import { parseDefineProps, parseDefineEmits, stripMacroLines, extractBindings, extractImportBindings } from './macros.js';
 import { generateRenderCode } from './template.js';
-export function generateComponentCode(sfc) {
+import { validateTemplateBindings } from './validate.js';
+export function generateComponentCode(sfc, filename) {
     const lines = [];
     const scriptContent = sfc.script || '';
     const importRegex = /import\s+[\s\S]*?\s+from\s+['"][^'"]+['"]|import\s+['"][^'"]+['"]/g;
@@ -163,6 +164,8 @@ export function generateComponentCode(sfc) {
     lines.push('');
     lines.push(`const _sfc_main = ${componentDefinition}`);
     if (sfc.template) {
+        const renderBindings = [...new Set([...allBindings, ...propsKeys])];
+        validateTemplateBindings(sfc.template, renderBindings, filename);
         lines.push('// Injected render function');
         lines.push('_sfc_main.render = function(ctx) {');
         const usedBuiltIns = ['Fragment'];
@@ -170,7 +173,6 @@ export function generateComponentCode(sfc) {
             usedBuiltIns.push('Teleport');
         if (sfc.template.includes('<Transition'))
             usedBuiltIns.push('Transition');
-        const renderBindings = [...new Set([...allBindings, ...propsKeys])];
         const componentBindings = renderBindings.map(b => /^[A-Z]/.test(b) ? `${b}: _ntc_${b}` : b);
         const allRenderBindings = [...componentBindings, ...usedBuiltIns.map(b => `${b}: _ntc_${b}`)];
         if (allRenderBindings.length > 0) {
@@ -195,11 +197,10 @@ export function generateComponentCode(sfc) {
     return lines.join('\n');
 }
 export function generateComponentCodeWithSourceMap(sfc, options = {}) {
-    const code = generateComponentCode(sfc);
+    const code = generateComponentCode(sfc, options.filename);
     if (!options.sourceMap || !options.filename || !options.source) {
         return { code, map: null };
     }
-    const scriptLines = (options.source.split('\n<script')[0].match(/\n/g) || []).length + 2;
-    const map = generateSourceMap(options.filename, code, options.source, scriptLines);
+    const map = generateSourceMap(options.filename, code, options.source);
     return { code, map };
 }

package/dist/codegen/sourcemap.d.ts

@@ -1 +1 @@
-export declare function generateSourceMap(filename: string, code: string, source: string, scriptLineCount: number): string;
+export declare function generateSourceMap(filename: string, code: string, source: string): string | null;

package/dist/codegen/sourcemap.js

@@ -17,7 +17,7 @@ function encodeVLQ(value) {
     }
     return result;
 }
-function encodeMappings(generatedLines, scriptLines, _templateLineStart) {
+function encodeMappings(generatedLines, lineMap) {
     let result = '';
     let lastGenCol = 0;
     let lastSrcIdx = 0;
@@ -26,36 +26,74 @@ function encodeMappings(generatedLines, scriptLines, _templateLineStart) {
     for (let genLine = 0; genLine < generatedLines; genLine++) {
         if (genLine > 0)
             result += ';';
-        if (genLine < scriptLines) {
-            const srcLine = genLine;
-            const genCol = 0;
-            const srcCol = 0;
-            const srcIdx = 0;
-            const dGenCol = genCol - lastGenCol;
-            const dSrcIdx = srcIdx - lastSrcIdx;
-            const dSrcLine = srcLine - lastSrcLine;
-            const dSrcCol = srcCol - lastSrcCol;
-            result += encodeVLQ(dGenCol);
-            result += encodeVLQ(dSrcIdx);
-            result += encodeVLQ(dSrcLine);
-            result += encodeVLQ(dSrcCol);
-            lastGenCol = genCol;
-            lastSrcIdx = srcIdx;
-            lastSrcLine = srcLine;
-            lastSrcCol = srcCol;
-        }
+        const srcLine = lineMap[genLine];
+        const dGenCol = 0 - lastGenCol;
+        const dSrcIdx = 0 - lastSrcIdx;
+        const dSrcLine = srcLine - lastSrcLine;
+        const dSrcCol = 0 - lastSrcCol;
+        result += encodeVLQ(dGenCol);
+        result += encodeVLQ(dSrcIdx);
+        result += encodeVLQ(dSrcLine);
+        result += encodeVLQ(dSrcCol);
+        lastGenCol = 0;
+        lastSrcIdx = 0;
+        lastSrcLine = srcLine;
+        lastSrcCol = 0;
     }
     return result;
 }
-export function generateSourceMap(filename, code, source, scriptLineCount) {
-    const generatedLines = code.split('\n').length;
+export function generateSourceMap(filename, code, source) {
+    if (!code || !source)
+        return null;
+    const genLines = code.split('\n');
+    const srcLines = source.split('\n');
+    const generatedLines = genLines.length;
+    const templateOpen = srcLines.findIndex(l => l.trim().startsWith('<template'));
+    const templateClose = srcLines.findIndex(l => l.trim().startsWith('</template'));
+    const templateContentStart = templateOpen >= 0 ? templateOpen + 1 : 0;
+    const templateContentEnd = templateClose >= 0 ? templateClose - 1 : srcLines.length - 1;
+    const templateContentCount = Math.max(1, templateContentEnd - templateContentStart + 1);
+    const renderFuncLine = genLines.findIndex(l => /_sfc_main\.render\s*=/.test(l));
+    const lineMap = [];
+    if (renderFuncLine < 0) {
+        for (let i = 0; i < generatedLines; i++) {
+            lineMap.push(Math.min(i, srcLines.length - 1));
+        }
+    }
+    else {
+        let renderBodyStart = renderFuncLine + 1;
+        let renderDepth = 0;
+        let renderBodyEnd = genLines.length;
+        if (genLines[renderFuncLine].includes('{')) {
+            renderDepth = (genLines[renderFuncLine].match(/\{/g) || []).length;
+            renderDepth -= (genLines[renderFuncLine].match(/\}/g) || []).length;
+        }
+        for (let i = renderFuncLine + 1; i < genLines.length; i++) {
+            const opens = (genLines[i].match(/\{/g) || []).length;
+            const closes = (genLines[i].match(/\}/g) || []).length;
+            renderDepth += opens - closes;
+            if (renderDepth <= 0) {
+                renderBodyEnd = i;
+                break;
+            }
+        }
+        for (let genLine = 0; genLine < generatedLines; genLine++) {
+            if (genLine >= renderBodyStart && genLine < renderBodyEnd) {
+                const relativeLine = genLine - renderBodyStart;
+                lineMap.push(templateContentStart + (relativeLine % templateContentCount));
+            }
+            else {
+                lineMap.push(0);
+            }
+        }
+    }
     const map = {
         version: 3,
         file: filename.replace(/\.nexa$/, '.js'),
         sources: [filename],
         sourcesContent: [source],
         names: [],
-        mappings: encodeMappings(generatedLines, scriptLineCount, 0),
+        mappings: encodeMappings(generatedLines, lineMap),
     };
     return JSON.stringify(map);
 }

package/dist/codegen/validate.d.ts

@@ -0,0 +1 @@
+export declare function validateTemplateBindings(template: string, knownBindings: string[], filename?: string): void;

package/dist/codegen/validate.js

@@ -0,0 +1,138 @@
+const JS_GLOBALS = new Set([
+    'Math', 'JSON', 'console', 'Object', 'Array', 'Number', 'String',
+    'Boolean', 'Date', 'RegExp', 'Map', 'Set', 'Promise', 'Symbol',
+    'parseInt', 'parseFloat', 'isNaN', 'isFinite', 'undefined', 'null',
+    'true', 'false', 'this', 'NaN', 'Infinity', 'globalThis',
+    'Error', 'TypeError', 'RangeError', 'SyntaxError', 'ReferenceError',
+    'Intl', 'URL', 'URLSearchParams', 'AbortController', 'AbortSignal',
+    'setTimeout', 'setInterval', 'clearTimeout', 'clearInterval',
+    'requestAnimationFrame', 'cancelAnimationFrame',
+    'window', 'document', 'localStorage', 'sessionStorage',
+    'fetch', 'navigator', 'history', 'location', 'location',
+    '$event', 'event',
+    'h', 'hText', 'Fragment', 'Teleport', 'Transition',
+    'in', 'of', 'typeof', 'instanceof', 'delete', 'void',
+]);
+const PROPERTY_NAMES = new Set([
+    'length', 'name', 'value', 'id', 'key', 'title', 'type', 'size',
+    'x', 'y', 'w', 'h', 'top', 'bottom', 'left', 'right',
+    'slice', 'charAt', 'charCodeAt', 'toUpperCase', 'toLowerCase', 'trim',
+    'toString', 'toFixed', 'toPrecision', 'toExponential',
+    'map', 'filter', 'reduce', 'reduceRight', 'forEach', 'find', 'findIndex',
+    'push', 'pop', 'shift', 'unshift', 'splice', 'concat', 'join', 'split',
+    'indexOf', 'lastIndexOf', 'includes', 'has', 'every', 'some', 'sort',
+    'keys', 'values', 'entries', 'from', 'of',
+    'prototype', 'constructor', 'call', 'apply', 'bind',
+    'column', 'columns', 'data', 'row', 'rows', 'index', 'idx',
+    'option', 'options', 'item', 'items', 'group', 'groups',
+    'field', 'fields', 'label', 'labels', 'icon', 'icons',
+    'footer', 'header', 'slot', 'scopedSlots',
+    'message', 'messages', 'toast', 'toasts', 'tab', 'tabs',
+    'step', 'page', 'pages', 'mode', 'theme',
+]);
+export function validateTemplateBindings(template, knownBindings, filename) {
+    if (!template)
+        return;
+    const known = new Set(knownBindings);
+    const used = new Set();
+    const forLoopVars = new Set();
+    const mustacheRe = /\{\{(.*?)\}\}/g;
+    let m;
+    while ((m = mustacheRe.exec(template)) !== null) {
+        extractUsedIds(m[1].trim(), used, forLoopVars);
+    }
+    const attrRe = /([\w.-]+)\s*=\s*(?:"([^"]*)"|'([^']*)')/g;
+    while ((m = attrRe.exec(template)) !== null) {
+        const attrName = m[1];
+        const value = m[2] ?? m[3];
+        if (!value)
+            continue;
+        if (attrName === 'v-for') {
+            const forParts = value.match(/^\s*(?:\(?\s*(\w+)\s*(?:,\s*(\w+))?\s*\)?\s+)?(?:in|of)\s+([\s\S]+)$/);
+            if (forParts) {
+                if (forParts[1])
+                    forLoopVars.add(forParts[1]);
+                if (forParts[2])
+                    forLoopVars.add(forParts[2]);
+                const listExpr = forParts[3].trim();
+                if (!/^\d+$/.test(listExpr)) {
+                    extractUsedIds(listExpr, used, forLoopVars);
+                }
+            }
+        }
+        else if (attrName.startsWith(':') || attrName.startsWith('@') || attrName.startsWith('v-')) {
+            extractUsedIds(value, used, forLoopVars);
+        }
+    }
+    const missing = [];
+    for (const id of used) {
+        if (JS_GLOBALS.has(id))
+            continue;
+        if (PROPERTY_NAMES.has(id))
+            continue;
+        if (forLoopVars.has(id))
+            continue;
+        if (known.has(id))
+            continue;
+        missing.push(id);
+    }
+    if (missing.length > 0) {
+        const source = filename ? ` in ${filename}` : '';
+        const listed = [...new Set(missing)].sort().join(', ');
+        console.warn(`[nexa-compiler]${source} template references undefined binding(s): ${listed}. ` +
+            `Make sure these are declared in <script setup> or passed as props.`);
+    }
+}
+function extractUsedIds(expr, used, loopVars) {
+    let inString = null;
+    let prevDot = false;
+    let braceDepth = 0;
+    for (let i = 0; i < expr.length; i++) {
+        const c = expr[i];
+        if ((c === "'" || c === '"' || c === '`') && expr[i - 1] !== '\\') {
+            if (!inString)
+                inString = c;
+            else if (inString === c)
+                inString = null;
+            continue;
+        }
+        if (inString)
+            continue;
+        if (c === '{') {
+            braceDepth++;
+            continue;
+        }
+        if (c === '}') {
+            braceDepth = Math.max(0, braceDepth - 1);
+            prevDot = false;
+            continue;
+        }
+        if (c === '.') {
+            prevDot = true;
+            continue;
+        }
+        if (/[a-zA-Z_$]/.test(c)) {
+            const start = i;
+            while (i < expr.length && /[\w$]/.test(expr[i])) {
+                i++;
+            }
+            const ident = expr.slice(start, i);
+            if (ident && !prevDot) {
+                const isObjectKey = braceDepth > 0 && skipSpace(expr, i) === ':';
+                if (!isObjectKey) {
+                    used.add(ident);
+                }
+            }
+            prevDot = false;
+            i--;
+            continue;
+        }
+        prevDot = false;
+    }
+}
+function skipSpace(s, i) {
+    while (i < s.length && (s[i] === ' ' || s[i] === '\t' || s[i] === '\n' || s[i] === '\r')) {
+        i++;
+    }
+    return s[i];
+}

package/dist/parse/errors.js

@@ -75,10 +75,19 @@ export function getErrorHelp(code) {
     const helpUrls = {
         E001: 'https://nexajs.dev/docs/compiler/errors#e001',
         E002: 'https://nexajs.dev/docs/compiler/errors#e002',
+        E003: 'https://nexajs.dev/docs/compiler/errors#e003',
+        E004: 'https://nexajs.dev/docs/compiler/errors#e004',
+        E005: 'https://nexajs.dev/docs/compiler/errors#e005',
+        E006: 'https://nexajs.dev/docs/compiler/errors#e006',
         E007: 'https://nexajs.dev/docs/compiler/errors#e007',
         E008: 'https://nexajs.dev/docs/compiler/errors#e008',
         E009: 'https://nexajs.dev/docs/compiler/errors#e009',
         E010: 'https://nexajs.dev/docs/compiler/errors#e010',
+        E011: 'https://nexajs.dev/docs/compiler/errors#e011',
+        E012: 'https://nexajs.dev/docs/compiler/errors#e012',
+        E013: 'https://nexajs.dev/docs/compiler/errors#e013',
+        E014: 'https://nexajs.dev/docs/compiler/errors#e014',
+        E015: 'https://nexajs.dev/docs/compiler/errors#e015',
     };
     return helpUrls[code];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nexa-compiler",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",