@fynixorg/ui 1.0.20 → 1.0.22

package/dist/fynix/index.d.ts

@@ -2,4 +2,5 @@ export * from "../runtime.js";
 export * from "../router/router.js";
 export { default as createFynix } from "../router/router.js";
 export { Fynix } from "../runtime.js";
+export * from "../types/fnx.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/fynix/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../fynix/index.ts"],"names":[],"mappings":"AAuBA,cAAc,eAAe,CAAC;AAE9B,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../fynix/index.ts"],"names":[],"mappings":"AAuBA,cAAc,eAAe,CAAC;AAE9B,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGtC,cAAc,iBAAiB,CAAC"}

package/dist/fynix/index.js

@@ -2,3 +2,4 @@ export * from "../runtime.js";
 export * from "../router/router.js";
 export { default as createFynix } from "../router/router.js";
 export { Fynix } from "../runtime.js";
+export * from "../types/fnx.js";

package/dist/fynix/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../fynix/index.ts"],
-  "sourcesContent": ["/* MIT License\r\n\r\n* Copyright (c) 2026 Resty Gonzales\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a copy\r\nof this software and associated documentation files (the \"Software\"), to deal\r\nin the Software without restriction, including without limitation the rights\r\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r\ncopies of the Software, and to permit persons to whom the Software is\r\nfurnished to do so, subject to the following conditions:\r\n\r\nThe above copyright notice and this permission notice shall be included in all\r\ncopies or substantial portions of the Software.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\r\n* SOFTWARE.\r\n */\r\n// fynix/index.js - Single entry point for all core functionality\r\nexport * from \"../runtime.js\";\r\n// Re-export Fynix namespace and hooks under new names\r\nexport * from \"../router/router.js\";\r\nexport { default as createFynix } from \"../router/router.js\";\r\nexport { Fynix } from \"../runtime.js\";\r\n"],
-  "mappings": "AAuBA,cAAc;AAEd,cAAc;AACd,SAAoB,WAAXA,gBAA8B;AACvC,SAAS,aAAa;",
+  "sourcesContent": ["/* MIT License\r\n\r\n* Copyright (c) 2026 Resty Gonzales\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a copy\r\nof this software and associated documentation files (the \"Software\"), to deal\r\nin the Software without restriction, including without limitation the rights\r\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r\ncopies of the Software, and to permit persons to whom the Software is\r\nfurnished to do so, subject to the following conditions:\r\n\r\nThe above copyright notice and this permission notice shall be included in all\r\ncopies or substantial portions of the Software.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\r\n* SOFTWARE.\r\n */\r\n// fynix/index.js - Single entry point for all core functionality\r\nexport * from \"../runtime.js\";\r\n// Re-export Fynix namespace and hooks under new names\r\nexport * from \"../router/router.js\";\r\nexport { default as createFynix } from \"../router/router.js\";\r\nexport { Fynix } from \"../runtime.js\";\r\n\r\n// Export types for .fnx module resolution\r\nexport * from \"../types/fnx.js\";\r\n"],
+  "mappings": "AAuBA,cAAc;AAEd,cAAc;AACd,SAAoB,WAAXA,gBAA8B;AACvC,SAAS,aAAa;AAGtB,cAAc;",
   "names": ["default"]
 }

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fynixorg/ui",
-  "version": "1.0.19",
+  "version": "1.0.22",
   "type": "module",
   "description": "Core package for Fynix UI framework - A lightweight, reactive UI framework with TypeScript support.",
   "main": "./dist/fynix/index.js",
@@ -124,6 +124,10 @@
       "types": "./dist/plugins/vite-plugin-res.d.ts",
       "import": "./dist/plugins/vite-plugin-res.js"
     },
+    "./typescript-plugin": {
+      "import": "./dist/typescript-fynix-plugin/index.js",
+      "types": "./dist/typescript-fynix-plugin/index.d.ts"
+    },
     "./types": {
       "types": "./types/index.d.ts"
     },

package/dist/parser/fnx-parser.d.ts

@@ -0,0 +1,49 @@
+export interface SourceMap {
+    originalToTransformed: Map<number, number>;
+    transformedToOriginal: Map<number, number>;
+}
+export interface ParsedFnxFile {
+    logic: string;
+    view: string;
+    style: string;
+    logicLang: "ts" | "js";
+    hasLogic: boolean;
+    hasView: boolean;
+    hasStyle: boolean;
+    isStyleScoped: boolean;
+    imports: string[];
+    exports: string[];
+    logicStartLine: number;
+    viewStartLine: number;
+    styleStartLine: number;
+}
+export interface TransformResult {
+    code: string;
+    lineMap: number[];
+    sourceMap: SourceMap;
+}
+export interface ParseOptions {
+    debug?: boolean;
+    logger?: (message: string) => void;
+}
+export interface TransformOptions extends ParseOptions {
+    filePath: string;
+    jsxFactory?: string;
+    includeStyleInjection?: boolean;
+    includeMetaInjection?: boolean;
+}
+export declare function parseFnxFile(source: string, options?: ParseOptions): ParsedFnxFile;
+export declare function validateParsedFnx(parsed: ParsedFnxFile, filePath: string): void;
+export declare function generateStyleId(filePath: string): string;
+export declare function scopeStyles(css: string, scopeId: string): string;
+export declare function buildSourceMap(originalContent: string, transformedContent: string, lineMap: number[]): SourceMap;
+export declare function transformToComponent(parsed: ParsedFnxFile, options: TransformOptions): TransformResult;
+export declare function transformToTsx(source: string, options?: ParseOptions): TransformResult;
+export declare function getLineAndCharacterOfPosition(text: string, pos: number): {
+    line: number;
+    character: number;
+};
+export declare function getPositionOfLineAndCharacter(text: string, line: number, character: number): number;
+export declare function mapTransformedToOriginal(position: number, transformedCode: string, originalContent: string, lineMap: number[], sourceMap: SourceMap): number;
+export declare function mapOriginalToTransformed(position: number, transformedCode: string, originalContent: string, lineMap: number[], sourceMap: SourceMap): number;
+//# sourceMappingURL=fnx-parser.d.ts.map

package/dist/parser/fnx-parser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fnx-parser.d.ts","sourceRoot":"","sources":["../../parser/fnx-parser.ts"],"names":[],"mappings":"AAgCA,MAAM,WAAW,SAAS;IACtB,qBAAqB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3C,qBAAqB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC9C;AAKD,MAAM,WAAW,aAAa;IAE1B,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,EAAE,MAAM,CAAC;IAEb,KAAK,EAAE,MAAM,CAAC;IAEd,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IAEvB,QAAQ,EAAE,OAAO,CAAC;IAElB,OAAO,EAAE,OAAO,CAAC;IAEjB,QAAQ,EAAE,OAAO,CAAC;IAElB,aAAa,EAAE,OAAO,CAAC;IAEvB,OAAO,EAAE,MAAM,EAAE,CAAC;IAElB,OAAO,EAAE,MAAM,EAAE,CAAC;IAElB,cAAc,EAAE,MAAM,CAAC;IAEvB,aAAa,EAAE,MAAM,CAAC;IAEtB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAKD,MAAM,WAAW,eAAe;IAE5B,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,EAAE,CAAC;IAElB,SAAS,EAAE,SAAS,CAAC;CACxB;AAKD,MAAM,WAAW,YAAY;IAEzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAKD,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IAElD,QAAQ,EAAE,MAAM,CAAC;IAEjB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAcD,wBAAgB,YAAY,CACxB,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,YAAiB,GAC3B,aAAa,CAuJf;AAUD,wBAAgB,iBAAiB,CAC7B,MAAM,EAAE,aAAa,EACrB,QAAQ,EAAE,MAAM,GACjB,IAAI,CAyCN;AASD,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAQxD;AAKD,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAsBhE;AAKD,wBAAgB,cAAc,CAC1B,eAAe,EAAE,MAAM,EACvB,kBAAkB,EAAE,MAAM,EAC1B,OAAO,EAAE,MAAM,EAAE,GAClB,SAAS,CAiDX;AAUD,wBAAgB,oBAAoB,CAChC,MAAM,EAAE,aAAa,EACrB,OAAO,EAAE,gBAAgB,GAC1B,eAAe,CAiKjB;AAUD,wBAAgB,cAAc,CAC1B,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,YAAiB,GAC3B,eAAe,CA6HjB;AA6CD,wBAAgB,6BAA6B,CACzC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GACZ;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAiBrC;AAKD,wBAAgB,6BAA6B,CACzC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAClB,MAAM,CAWR;AAKD,wBAAgB,wBAAwB,CACpC,QAAQ,EAAE,MAAM,EAChB,eAAe,EAAE,MAAM,EACvB,eAAe,EAAE,MAAM,EACvB,OAAO,EAAE,MAAM,EAAE,EACjB,SAAS,EAAE,SAAS,GACrB,MAAM,CAmBR;AAKD,wBAAgB,wBAAwB,CACpC,QAAQ,EAAE,MAAM,EAChB,eAAe,EAAE,MAAM,EACvB,eAAe,EAAE,MAAM,EACvB,OAAO,EAAE,MAAM,EAAE,EACjB,SAAS,EAAE,SAAS,GACrB,MAAM,CAkBR"}

package/dist/parser/fnx-parser.js

@@ -0,0 +1,483 @@
+export function parseFnxFile(source, options = {}) {
+    const { debug = false, logger = console.log } = options;
+    const result = {
+        logic: "",
+        view: "",
+        style: "",
+        logicLang: "ts",
+        hasLogic: false,
+        hasView: false,
+        hasStyle: false,
+        isStyleScoped: false,
+        imports: [],
+        exports: [],
+        logicStartLine: 0,
+        viewStartLine: 0,
+        styleStartLine: 0,
+    };
+    const logicMatch = source.match(/<logic\s+setup\s*=\s*["']?(ts|js)["']?\s*>([\s\S]*?)<\/logic>/i);
+    if (logicMatch && logicMatch[1] && logicMatch[2] !== undefined) {
+        result.hasLogic = true;
+        result.logicLang = logicMatch[1].toLowerCase();
+        const beforeLogic = source.slice(0, logicMatch.index);
+        const beforeLineCount = beforeLogic.split("\n").length - 1;
+        const openingTag = logicMatch[0].substring(0, logicMatch[0].indexOf(">") + 1);
+        const tagLineCount = openingTag.split("\n").length - 1;
+        result.logicStartLine = beforeLineCount + tagLineCount + 1;
+        const rawLogic = logicMatch[2].trim();
+        const leadingNewlines = logicMatch[2].match(/^\n*/)?.[0].length || 0;
+        result.logicStartLine += leadingNewlines;
+        const logicLines = rawLogic.split("\n");
+        const imports = [];
+        const exports = [];
+        const otherLogic = [];
+        let inExportBlock = false;
+        let exportBuffer = [];
+        let exportBraceDepth = 0;
+        for (let i = 0; i < logicLines.length; i++) {
+            const line = logicLines[i] ?? "";
+            const trimmed = line.trim();
+            if (inExportBlock) {
+                exportBuffer.push(line);
+                const openBraces = ((line && line.match(/{/g)) || []).length;
+                const closeBraces = ((line && line.match(/}/g)) || []).length;
+                exportBraceDepth += openBraces - closeBraces;
+                if (exportBraceDepth <= 0) {
+                    exports.push(exportBuffer.join("\n"));
+                    exportBuffer = [];
+                    inExportBlock = false;
+                    exportBraceDepth = 0;
+                }
+                continue;
+            }
+            if (trimmed.startsWith("import ")) {
+                imports.push(line ?? "");
+            }
+            else if (trimmed.startsWith("export ")) {
+                if (/export\s+\w+\s*=\s*{/.test(trimmed) || trimmed.endsWith("{")) {
+                    inExportBlock = true;
+                    exportBuffer = [line];
+                    exportBraceDepth =
+                        ((line && line.match(/{/g)) || []).length -
+                            ((line && line.match(/}/g)) || []).length;
+                    if (exportBraceDepth <= 0) {
+                        exports.push(exportBuffer.join("\n"));
+                        exportBuffer = [];
+                        inExportBlock = false;
+                        exportBraceDepth = 0;
+                    }
+                }
+                else {
+                    exports.push(line ?? "");
+                }
+            }
+            else if (trimmed) {
+                otherLogic.push(line ?? "");
+            }
+        }
+        if (exportBuffer.length > 0) {
+            exports.push(exportBuffer.join("\n"));
+        }
+        result.imports = imports;
+        result.exports = exports;
+        result.logic = otherLogic.join("\n");
+        if (debug) {
+            logger(`[FnxParser] Logic block: lang=${result.logicLang}, start=${result.logicStartLine}, imports=${imports.length}, exports=${exports.length}`);
+        }
+    }
+    const viewMatch = source.match(/<view\s*>([\s\S]*?)<\/view>/i);
+    if (viewMatch && viewMatch[1] !== undefined) {
+        result.hasView = true;
+        result.view = viewMatch[1].trim();
+        const beforeView = source.slice(0, viewMatch.index);
+        result.viewStartLine = beforeView.split("\n").length;
+        const leadingNewlines = viewMatch[1].match(/^\n*/)?.[0].length || 0;
+        result.viewStartLine += leadingNewlines;
+        if (debug) {
+            logger(`[FnxParser] View block: start=${result.viewStartLine}`);
+        }
+    }
+    const styleMatch = source.match(/<style(\s+scoped)?\s*>([\s\S]*?)<\/style>/i);
+    if (styleMatch && styleMatch[2] !== undefined) {
+        result.hasStyle = true;
+        result.isStyleScoped = !!styleMatch[1];
+        result.style = styleMatch[2].trim();
+        const beforeStyle = source.slice(0, styleMatch.index);
+        result.styleStartLine = beforeStyle.split("\n").length;
+        if (debug) {
+            logger(`[FnxParser] Style block: scoped=${result.isStyleScoped}, start=${result.styleStartLine}`);
+        }
+    }
+    return result;
+}
+export function validateParsedFnx(parsed, filePath) {
+    if (!parsed.hasView) {
+        throw new Error(`[FnxParser] Missing <view> block in ${filePath}. Every .fnx file must have a <view> section.`);
+    }
+    if (parsed.hasLogic && !["ts", "js"].includes(parsed.logicLang)) {
+        throw new Error(`[FnxParser] Invalid setup attribute in <logic> block in ${filePath}. Must be "ts" or "js".`);
+    }
+    if (parsed.hasLogic && parsed.logicLang === "js") {
+        const tsPatterns = [
+            { pattern: /\binterface\s+\w+/, name: "interface declaration" },
+            { pattern: /\btype\s+\w+\s*=/, name: "type alias" },
+            { pattern: /:\s*\w+(\[\]|<[^>]+>)?\s*[;,=)]/, name: "type annotation" },
+            { pattern: /<\w+>(?!\s*<)/, name: "generic type" },
+            { pattern: /\benum\s+\w+/, name: "enum declaration" },
+            { pattern: /\bas\s+\w+/, name: "type assertion" },
+            { pattern: /\bnamespace\s+\w+/, name: "namespace" },
+            { pattern: /\babstract\s+class/, name: "abstract class" },
+            {
+                pattern: /\bpublic\s+|private\s+|protected\s+/,
+                name: "access modifier",
+            },
+        ];
+        const allCode = parsed.logic + "\n" + parsed.imports.join("\n");
+        for (const { pattern, name } of tsPatterns) {
+            if (pattern.test(allCode)) {
+                throw new Error(`[FnxParser] TypeScript syntax detected (${name}) in ${filePath} with setup="js". ` +
+                    `Either change to setup="ts" or remove TypeScript-specific syntax.`);
+            }
+        }
+    }
+}
+export function generateStyleId(filePath) {
+    let hash = 0;
+    for (let i = 0; i < filePath.length; i++) {
+        const char = filePath.charCodeAt(i);
+        hash = (hash << 5) - hash + char;
+        hash = hash & hash;
+    }
+    return `fynix-${Math.abs(hash).toString(36)}`;
+}
+export function scopeStyles(css, scopeId) {
+    const dataAttr = `[data-${scopeId}]`;
+    return css.replace(/([^{}]+)\{([^{}]*)\}/g, (match, selector, rules) => {
+        if (selector.trim().startsWith("@")) {
+            return match;
+        }
+        const selectors = selector.split(",").map((s) => {
+            const trimmed = s.trim();
+            const pseudoMatch = trimmed.match(/^(.+?)(::?[a-z-]+(?:\([^)]*\))?)$/i);
+            if (pseudoMatch) {
+                return `${dataAttr} ${pseudoMatch[1]}${pseudoMatch[2]}`;
+            }
+            return `${dataAttr} ${trimmed}`;
+        });
+        return `${selectors.join(", ")}{${rules}}`;
+    });
+}
+export function buildSourceMap(originalContent, transformedContent, lineMap) {
+    const originalToTransformed = new Map();
+    const transformedToOriginal = new Map();
+    const originalLines = originalContent.split("\n");
+    const transformedLines = transformedContent.split("\n");
+    let transformedPos = 0;
+    for (let tLine = 0; tLine < transformedLines.length; tLine++) {
+        const originalLine = lineMap[tLine];
+        if (originalLine !== undefined && originalLine >= 0 && originalLine < originalLines.length) {
+            let originalPos = 0;
+            for (let i = 0; i < originalLine; i++) {
+                const lineLen = originalLines[i];
+                originalPos += (lineLen?.length ?? 0) + 1;
+            }
+            transformedToOriginal.set(transformedPos, originalPos);
+            originalToTransformed.set(originalPos, transformedPos);
+            const transformedLineText = transformedLines[tLine] ?? "";
+            const originalLineText = originalLines[originalLine] ?? "";
+            const tTrimmed = transformedLineText.trimStart();
+            const oTrimmed = originalLineText.trimStart();
+            for (let char = 0; char < Math.min(tTrimmed.length, oTrimmed.length); char++) {
+                const tPos = transformedPos + char + (transformedLineText.length - tTrimmed.length);
+                const oPos = originalPos + char + (originalLineText.length - oTrimmed.length);
+                transformedToOriginal.set(tPos, oPos);
+                originalToTransformed.set(oPos, tPos);
+            }
+        }
+        const currentTransLine = transformedLines[tLine];
+        transformedPos += (currentTransLine?.length ?? 0) + 1;
+    }
+    return { originalToTransformed, transformedToOriginal };
+}
+export function transformToComponent(parsed, options) {
+    const { filePath, jsxFactory = "Fynix", includeStyleInjection = true, includeMetaInjection = true, debug = false, logger = console.log, } = options;
+    const styleId = generateStyleId(filePath);
+    const lines = [];
+    const lineMap = [];
+    const push = (line, origin = -1) => {
+        lines.push(line);
+        lineMap.push(origin);
+    };
+    push(`import { ${jsxFactory} } from '@fynixorg/ui';`);
+    if (parsed.imports.length > 0) {
+        parsed.imports.forEach((importLine, i) => {
+            push(importLine, parsed.logicStartLine + i);
+        });
+    }
+    push("");
+    if (parsed.hasStyle && includeStyleInjection) {
+        let processedStyle = parsed.style;
+        if (parsed.isStyleScoped) {
+            processedStyle = scopeStyles(parsed.style, styleId);
+        }
+        push(`// Inject styles`);
+        push(`if (typeof document !== 'undefined') {`);
+        push(`  const styleId = '${styleId}';`);
+        push(`  if (!document.getElementById(styleId)) {`);
+        push(`    const styleEl = document.createElement('style');`);
+        push(`    styleEl.id = styleId;`);
+        push(`    styleEl.textContent = ${JSON.stringify(processedStyle)};`);
+        push(`    document.head.appendChild(styleEl);`);
+        push(`  }`);
+        push(`}`);
+        push("");
+    }
+    if (parsed.exports.length > 0) {
+        parsed.exports.forEach((exportLine) => {
+            const exportLines = exportLine.split("\n");
+            exportLines.forEach((line) => push(line));
+        });
+        push("");
+    }
+    push(`function FynixComponent(props = {}) {`);
+    if (parsed.hasLogic && parsed.logic.trim()) {
+        push(`  // Component logic`);
+        const logicLines = parsed.logic.split("\n");
+        logicLines.forEach((line, i) => {
+            if (line.trim()) {
+                push(`  ${line}`, parsed.logicStartLine + parsed.imports.length + i);
+            }
+        });
+        push("");
+    }
+    if (includeMetaInjection &&
+        parsed.exports.some((e) => e.trim().startsWith("export const meta"))) {
+        push(`  if (typeof document !== "undefined" && typeof meta !== "undefined") {`);
+        push(`    document.title = meta.title;`);
+        push(`    const metaTags = [`);
+        push(`      { name: "description", content: meta.description },`);
+        push(`      { name: "keywords", content: meta.keywords },`);
+        push(`      { property: "og:title", content: meta.ogTitle },`);
+        push(`      { property: "og:description", content: meta.ogDescription },`);
+        push(`      { property: "og:image", content: meta.ogImage },`);
+        push(`    ];`);
+        push(`    metaTags.forEach(({ name, property, content }) => {`);
+        push(`      if (!content) return;`);
+        push(`      let tag;`);
+        push(`      if (name) {`);
+        push(`        tag = document.querySelector(\`meta[name='\${name}']\`);`);
+        push(`        if (!tag) {`);
+        push(`          tag = document.createElement("meta");`);
+        push(`          tag.setAttribute("name", name);`);
+        push(`          document.head.appendChild(tag);`);
+        push(`        }`);
+        push(`      } else if (property) {`);
+        push(`        tag = document.querySelector(\`meta[property='\${property}']\`);`);
+        push(`        if (!tag) {`);
+        push(`          tag = document.createElement("meta");`);
+        push(`          tag.setAttribute("property", property);`);
+        push(`          document.head.appendChild(tag);`);
+        push(`        }`);
+        push(`      }`);
+        push(`      if (tag) tag.setAttribute("content", content);`);
+        push(`    });`);
+        push(`  }`);
+        push("");
+    }
+    if (parsed.hasView) {
+        push(`  // Component view`);
+        if (parsed.isStyleScoped) {
+            push(`  return (`);
+            push(`    <div data-${styleId}="">`);
+            const viewLines = parsed.view.split("\n");
+            viewLines.forEach((line, i) => {
+                push(`      ${line}`, parsed.viewStartLine + i);
+            });
+            push(`    </div>`);
+            push(`  );`);
+        }
+        else {
+            push(`  return (`);
+            const viewLines = parsed.view.split("\n");
+            viewLines.forEach((line, i) => {
+                push(`    ${line}`, parsed.viewStartLine + i);
+            });
+            push(`  );`);
+        }
+    }
+    else {
+        push(`  return null;`);
+    }
+    push(`}`);
+    push("");
+    push(`export default FynixComponent;`);
+    const code = lines.join("\n");
+    const sourceMap = buildSourceMap(createOriginalContent(parsed), code, lineMap);
+    if (debug) {
+        logger(`[FnxParser] Transformed ${filePath}: ${code.length} bytes`);
+    }
+    return { code, lineMap, sourceMap };
+}
+export function transformToTsx(source, options = {}) {
+    const { debug = false, logger = console.log } = options;
+    const lines = [];
+    const lineMap = [];
+    const push = (line, origin = -1) => {
+        lines.push(line);
+        lineMap.push(origin);
+    };
+    const logicMatch = source.match(/<logic\s+setup\s*=\s*["']?(ts|js)["']?\s*>([\s\S]*?)<\/logic>/i);
+    let logicStart = 0;
+    let logicContent = "";
+    if (logicMatch) {
+        const before = source.slice(0, logicMatch.index);
+        const beforeLineCount = before.split("\n").length - 1;
+        const openingTag = logicMatch[0].substring(0, logicMatch[0].indexOf(">") + 1);
+        const tagLineCount = openingTag.split("\n").length - 1;
+        logicStart = beforeLineCount + tagLineCount + 1;
+        logicContent = logicMatch[2] ?? "";
+        const leadingNewlines = logicContent.match(/^\n*/)?.[0].length || 0;
+        logicStart += leadingNewlines;
+        logicContent = logicContent.trimStart();
+        if (debug) {
+            logger(`[FnxParser TSX] Logic starts at line ${logicStart}`);
+        }
+    }
+    const userImports = [];
+    const userBody = [];
+    let hasFynixImport = false;
+    if (logicContent) {
+        const logicLines = logicContent.split("\n");
+        const lastLine = logicLines[logicLines.length - 1];
+        if (logicLines.length > 0 &&
+            lastLine !== undefined &&
+            lastLine.trim() === "") {
+            logicLines.pop();
+        }
+        logicLines.forEach((line, i) => {
+            const trimmed = line.trim();
+            const origin = logicStart + i;
+            if (trimmed.startsWith("import ")) {
+                userImports.push({ line, origin });
+                if (trimmed.includes("@fynixorg/ui")) {
+                    hasFynixImport = true;
+                }
+            }
+            else {
+                userBody.push({ line, origin });
+            }
+        });
+    }
+    userImports.forEach((item) => {
+        push(item.line, item.origin);
+    });
+    if (!hasFynixImport) {
+        push(`import { Fynix } from "@fynixorg/ui";`);
+    }
+    push("");
+    push("export default function FynixComponent(props: any = {}) {");
+    userBody.forEach((item) => {
+        push("  " + item.line, item.origin);
+    });
+    const viewMatch = source.match(/<view\s*>([\s\S]*?)<\/view>/i);
+    if (viewMatch) {
+        let viewContent = viewMatch[1] ?? "";
+        const before = source.slice(0, viewMatch.index);
+        const beforeLineCount = before.split("\n").length - 1;
+        let viewStart = beforeLineCount + 1;
+        const leadingNewlines = viewContent.match(/^\n*/)?.[0].length || 0;
+        viewStart += leadingNewlines;
+        viewContent = viewContent.trimStart();
+        if (debug) {
+            logger(`[FnxParser TSX] View starts at line ${viewStart}`);
+        }
+        push("  return (");
+        const viewLines = viewContent.split("\n");
+        viewLines.forEach((line, i) => {
+            push("    " + line, viewStart + i);
+        });
+        push("  );");
+    }
+    else {
+        push("  return null;");
+    }
+    push("}");
+    const code = lines.join("\n");
+    const sourceMap = buildSourceMap(source, code, lineMap);
+    return { code, lineMap, sourceMap };
+}
+function createOriginalContent(parsed) {
+    const parts = [];
+    if (parsed.hasLogic) {
+        parts.push(`<logic setup="${parsed.logicLang}">`);
+        if (parsed.imports.length > 0) {
+            parts.push(parsed.imports.join("\n"));
+        }
+        if (parsed.exports.length > 0) {
+            parts.push(parsed.exports.join("\n"));
+        }
+        if (parsed.logic.trim()) {
+            parts.push(parsed.logic);
+        }
+        parts.push("</logic>");
+    }
+    if (parsed.hasView) {
+        parts.push(`<view>`);
+        parts.push(parsed.view);
+        parts.push("</view>");
+    }
+    if (parsed.hasStyle) {
+        parts.push(parsed.isStyleScoped ? `<style scoped>` : `<style>`);
+        parts.push(parsed.style);
+        parts.push("</style>");
+    }
+    return parts.join("\n");
+}
+export function getLineAndCharacterOfPosition(text, pos) {
+    const lines = text.split("\n");
+    let currentPos = 0;
+    for (let line = 0; line < lines.length; line++) {
+        const currentLine = lines[line];
+        const lineLength = (currentLine?.length ?? 0) + 1;
+        if (currentPos + lineLength > pos) {
+            return {
+                line,
+                character: pos - currentPos,
+            };
+        }
+        currentPos += lineLength;
+    }
+    return { line: Math.max(0, lines.length - 1), character: 0 };
+}
+export function getPositionOfLineAndCharacter(text, line, character) {
+    const lines = text.split("\n");
+    let pos = 0;
+    for (let i = 0; i < line && i < lines.length; i++) {
+        const currentLine = lines[i];
+        pos += (currentLine?.length ?? 0) + 1;
+    }
+    const targetLine = lines[line];
+    return pos + Math.min(character, targetLine?.length ?? 0);
+}
+export function mapTransformedToOriginal(position, transformedCode, originalContent, lineMap, sourceMap) {
+    if (sourceMap.transformedToOriginal.has(position)) {
+        return sourceMap.transformedToOriginal.get(position);
+    }
+    const { line: tLine, character: tChar } = getLineAndCharacterOfPosition(transformedCode, position);
+    const originalLine = lineMap[tLine];
+    if (originalLine === undefined || originalLine < 0) {
+        return 0;
+    }
+    return getPositionOfLineAndCharacter(originalContent, originalLine, tChar);
+}
+export function mapOriginalToTransformed(position, transformedCode, originalContent, lineMap, sourceMap) {
+    if (sourceMap.originalToTransformed.has(position)) {
+        return sourceMap.originalToTransformed.get(position);
+    }
+    const { line: oLine, character: oChar } = getLineAndCharacterOfPosition(originalContent, position);
+    const tLine = lineMap.indexOf(oLine);
+    if (tLine < 0) {
+        return 0;
+    }
+    return getPositionOfLineAndCharacter(transformedCode, tLine, oChar);
+}

package/dist/plugins/vite-plugin-res.d.ts

@@ -1,4 +1,4 @@
-import { type TransformOptions } from "esbuild";
+import { type TransformOptions as EsbuildTransformOptions } from "esbuild";
 import * as ts from "typescript";
 interface FynixPluginOptions {
     jsxFactory?: string;
@@ -6,25 +6,13 @@ interface FynixPluginOptions {
     include?: string[];
     exclude?: string[];
     sourcemap?: boolean;
-    esbuildOptions?: Partial<TransformOptions>;
+    esbuildOptions?: Partial<EsbuildTransformOptions>;
     enableSFC?: boolean;
     debug?: boolean;
     showGeneratedCode?: boolean;
     typeCheck?: boolean;
     tsConfig?: ts.CompilerOptions;
 }
-interface SFCParsedResult {
-    logic: string;
-    view: string;
-    style: string;
-    logicLang: "js" | "ts";
-    hasLogic: boolean;
-    hasView: boolean;
-    hasStyle: boolean;
-    isStyleScoped: boolean;
-    imports: string[];
-    exports: string[];
-}
 declare class TypeScriptChecker {
     private compilerOptions;
     private virtualFiles;
@@ -37,5 +25,5 @@ declare class TypeScriptChecker {
 }
 export default function fynixPlugin(options?: FynixPluginOptions): any;
 export { fynixPlugin, TypeScriptChecker };
-export type { FynixPluginOptions, SFCParsedResult };
+export type { FynixPluginOptions };
 //# sourceMappingURL=vite-plugin-res.d.ts.map

package/dist/plugins/vite-plugin-res.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite-plugin-res.d.ts","sourceRoot":"","sources":["../../plugins/vite-plugin-res.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3D,OAAO,KAAK,EAAE,MAAM,YAAY,CAAC;AA8IjC,UAAU,kBAAkB;IAK1B,UAAU,CAAC,EAAE,MAAM,CAAC;IAMpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAMrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAMnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAMnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAKpB,cAAc,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAM3C,SAAS,CAAC,EAAE,OAAO,CAAC;IAMpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAMhB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAM5B,SAAS,CAAC,EAAE,OAAO,CAAC;IAKpB,QAAQ,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC;CAC/B;AAaD,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAgkBD,cAAM,iBAAiB;IACrB,OAAO,CAAC,eAAe,CAAqB;IAC5C,OAAO,CAAC,YAAY,CAAkC;IACtD,OAAO,CAAC,OAAO,CAA2B;gBAE9B,aAAa,CAAC,EAAE,EAAE,CAAC,eAAe;IAuB9C,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;IAKhD,OAAO,CAAC,kBAAkB;IA8C1B,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE;IA0ErC,KAAK,IAAI,IAAI;CAId;AAKD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,OAAO,GAAE,kBAAuB,GAAG,GAAG,CAwWzE;AAED,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC;AAC1C,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"vite-plugin-res.d.ts","sourceRoot":"","sources":["../../plugins/vite-plugin-res.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,IAAI,uBAAuB,EACjD,MAAM,SAAS,CAAC;AAGjB,OAAO,KAAK,EAAE,MAAM,YAAY,CAAC;AAyBjC,UAAU,kBAAkB;IAK1B,UAAU,CAAC,EAAE,MAAM,CAAC;IAMpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAMrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAMnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAMnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAKpB,cAAc,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAMlD,SAAS,CAAC,EAAE,OAAO,CAAC;IAMpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAMhB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAM5B,SAAS,CAAC,EAAE,OAAO,CAAC;IAKpB,QAAQ,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC;CAC/B;AAaD,cAAM,iBAAiB;IACrB,OAAO,CAAC,eAAe,CAAqB;IAC5C,OAAO,CAAC,YAAY,CAAkC;IACtD,OAAO,CAAC,OAAO,CAA2B;gBAE9B,aAAa,CAAC,EAAE,EAAE,CAAC,eAAe;IAuB9C,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;IAKhD,OAAO,CAAC,kBAAkB;IA8C1B,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE;IAmErC,KAAK,IAAI,IAAI;CAId;AAKD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,OAAO,GAAE,kBAAuB,GAAG,GAAG,CAqOzE;AAED,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC;AAC1C,YAAY,EAAE,kBAAkB,EAAE,CAAC"}