vite-plugin-fenom 1.0.10 → 1.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vite-plugin-fenom",
-    "version": "1.0.10",
+    "version": "1.0.12",
     "type": "module",
     "main": "./vite-plugin-fenom.cjs",
     "exports": {

package/vite-plugin-fenom.cjs

@@ -1374,7 +1374,6 @@ function compile(ast, loader) {
     }
     if (parentFile) {
         return async function (context, filters) {
-            console.log('context', context);
             if (!loader) {
                 throw new Error(`Template uses {extends '${parentFile}'}, but no loader provided`);
             }
@@ -1410,7 +1409,6 @@ function compile(ast, loader) {
     }
     else {
         return async function (context, filters) {
-            console.log('context_no-parent', context);
             return await compileAST(ast, loader, context, filters);
         };
     }
@@ -1983,93 +1981,99 @@ function fenomPlugin(options = {}) {
             const searchPath = require$$0.resolve(config.root, pages);
             const pattern = require$$0.join(searchPath, '**/*.tpl').replace(/\\/g, '/');
             try {
-                const files = await fastGlob(pattern);
+                const templateFiles = await fastGlob(pattern);
                 if (debug)
-                    console.log('\x1b[36m[Fenom Plugin]\x1b[0m Found templates:', files);
-                // === Сбор информации о выходных файлах ===
-                const entryChunks = {}; // inputPath → /out/path.js
-                const cssAssets = {}; // inputPath → /out/path.css
+                    console.log('[Fenom Plugin] Found templates:', templateFiles);
+                // === Сбор всех выходных файлов ===
+                const emittedJs = {}; // relative moduleId → /out.js
+                const emittedCss = {}; // input basename → /out.css
                 for (const [fileName, file] of Object.entries(bundle)) {
-                    const outFile = `/${fileName}`;
+                    const publicPath = `/${fileName}`;
                     if (file.type === 'chunk' && file.facadeModuleId) {
-                        // Это JS-чанк, сопоставим с входом
-                        const inputPath = require$$0.relative(config.root, file.facadeModuleId).replace(/\\/g, '/');
-                        entryChunks[inputPath] = outFile;
+                        const moduleId = require$$0.relative(config.root, file.facadeModuleId).replace(/\\/g, '/');
+                        emittedJs[moduleId] = publicPath;
                     }
                     if (file.type === 'asset' && fileName.endsWith('.css')) {
-                        // Это CSS-ассет. Попробуем найти, из какого входа.
-                        // Vite не всегда хранит source, но имя может помочь
-                        if (file.name && file.name.endsWith('.css')) {
-                            // Пример: file.name = 'style.css' или 'style-hash.css'
-                            const baseName = require$$0.basename(file.name, '.css');
-                            // Пока просто запоминаем — уточним позже
-                            cssAssets[file.name] = outFile;
-                        }
+                        // Сохраняем по базовому имени (без хеша)
+                        const baseName = fileName.replace(/\.[^.]+\.css$/, '.css'); // main.hash.css → main.css
+                        const keyName = baseName === fileName ? require$$0.basename(fileName, '.css') : baseName.replace('.css', '');
+                        emittedCss[keyName] = publicPath;
                     }
                 }
-                // === Анализ входов ===
+                // === Получаем все входы как массив строк ===
                 const inputEntries = config.build.rollupOptions.input;
-                const inputs = [];
+                const inputPaths = [];
                 if (Array.isArray(inputEntries)) {
-                    inputs.push(...inputEntries.filter((i) => typeof i === 'string'));
+                    inputPaths.push(...inputEntries);
                 }
                 else if (typeof inputEntries === 'object' && inputEntries !== null) {
-                    inputs.push(...Object.values(inputEntries).filter((i) => typeof i === 'string'));
+                    inputPaths.push(...Object.values(inputEntries));
                 }
                 else if (typeof inputEntries === 'string') {
-                    inputs.push(inputEntries);
+                    inputPaths.push(inputEntries);
                 }
-                // === Карта замены: исходный путь → собранный файл ===
+                // Нормализуем: приводим к абсолютному пути, затем к относительному от корня
+                const normalizedInputs = inputPaths.map((input) => {
+                    // Если путь абсолютный (начинается с /), считаем его относительно корня
+                    const absolute = input.startsWith('/')
+                        ? require$$0.resolve(config.root, '.' + input) // /src/main.ts → root/src/main.ts
+                        : require$$0.resolve(config.root, input); // src/main.ts → root/src/main.ts
+                    return require$$0.relative(config.root, absolute).replace(/\\/g, '/');
+                });
+                // === Карта замены: исходный путь (в шаблоне) → выходной ассет ===
                 const replacementMap = new Map();
-                for (const input of inputs) {
-                    if (!input.endsWith('.js') && !input.endsWith('.ts') && !input.endsWith('.css'))
-                        continue;
-                    const normalizedInput = require$$0.resolve(input).replace(/\\/g, '/');
-                    const relativeInput = require$$0.relative(config.root, normalizedInput).replace(/\\/g, '/');
-                    if (input.endsWith('.ts') || input.endsWith('.js')) {
-                        const moduleId = require$$0.relative(config.root, normalizedInput).replace(/\\/g, '/');
-                        if (entryChunks[moduleId]) {
-                            replacementMap.set(relativeInput, entryChunks[moduleId]);
+                for (const input of normalizedInputs) {
+                    const ext = require$$0.extname(input).toLowerCase();
+                    const baseInputName = require$$0.basename(input, ext);
+                    if (ext === '.ts' || ext === '.js') {
+                        if (emittedJs[input]) {
+                            // Прямое совпадение
+                            replacementMap.set(`/${input}`, { type: 'js', path: emittedJs[input] });
                         }
                     }
-                    if (input.endsWith('.css')) {
-                        const cssFileName = require$$0.basename(input);
-                        // Ищем ассет, содержащий имя файла
-                        const matchedCss = Object.keys(cssAssets).find(name => name === cssFileName || name.startsWith(require$$0.basename(cssFileName, '.css')));
+                    if (ext === '.scss' || ext === '.css') {
+                        // Ищем CSS-файл по базовому имени
+                        const matchedCss = Object.keys(emittedCss).find(key => key === baseInputName ||
+                            key === require$$0.basename(input) ||
+                            key.includes(baseInputName));
                         if (matchedCss) {
-                            replacementMap.set(relativeInput, cssAssets[matchedCss]);
+                            replacementMap.set(`/${input}`, { type: 'css', path: emittedCss[matchedCss] });
                         }
                     }
                 }
                 // === Генерация HTML ===
-                for (const file of files) {
-                    const fileName = require$$0.basename(file, '.tpl');
-                    const outputFileName = fileName === 'index' ? 'index.html' : `${fileName}.html`;
+                for (const file of templateFiles) {
+                    const pageName = require$$0.basename(file, '.tpl');
+                    const outputFileName = pageName === 'index' ? 'index.html' : `${pageName}.html`;
                     const source = await fs__namespace.readFile(file, 'utf-8');
                     const context = {
-                        title: `${fileName.charAt(0).toUpperCase() + fileName.slice(1)} Page`,
+                        title: `${pageName.charAt(0).toUpperCase() + pageName.slice(1)} Page`,
                         debug: false,
-                        url: '/' + (fileName === 'index' ? '' : fileName),
+                        url: '/' + (pageName === 'index' ? '' : pageName),
                         ...globalData,
                     };
                     let html = await FenomJs(source, {
-                        context: context,
+                        context,
                         loader: templateLoader,
                         minify: minifyHtml,
                     });
-                    // === Замена путей ===
-                    for (const [devPath, prodPath] of replacementMap) {
-                        const fullDevPath = '/' + devPath;
-                        const escaped = fullDevPath.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-                        const scriptRegex = new RegExp(`<script[^>]+src=["']${escaped}["'][^>]*/?>`, 'gi');
-                        if (scriptRegex.test(html)) {
-                            html = html.replace(scriptRegex, `<script type="module" src="${prodPath}"></script>`);
+                    // === Замена тегов: поддержка путей с / и без / ===
+                    for (const [devPath, { type, path }] of replacementMap) {
+                        // devPath уже с `/` в начале: `/src/main.ts`
+                        const escaped = devPath.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+                        if (type === 'js') {
+                            const scriptRegex = new RegExp(`<script[^>]+src=["']${escaped}["'][^>]*/?>`, 'gi');
+                            html = html.replace(scriptRegex, `<script type="module" src="${path}"></script>`);
                         }
-                        const linkRegex = new RegExp(`<link[^>]+href=["']${escaped}["'][^>]*/?>`, 'gi');
-                        if (linkRegex.test(html)) {
-                            html = html.replace(linkRegex, `<link rel="stylesheet" href="${prodPath}">`);
+                        if (type === 'css') {
+                            const linkRegex = new RegExp(`<link[^>]+href=["']${escaped}["'][^>]*/?>`, 'gi');
+                            html = html.replace(linkRegex, `<link rel="stylesheet" href="${path}">`);
                         }
                     }
+                    // Минификация
+                    if (minifyHtml) {
+                        html = html.replace(/>\s+</g, '><').replace(/\s+/g, ' ').trim();
+                    }
                     this.emitFile({
                         type: 'asset',
                         fileName: outputFileName,
@@ -2080,7 +2084,7 @@ function fenomPlugin(options = {}) {
                 }
             }
             catch (err) {
-                console.error('\x1b[31m[Fenom Plugin]\x1b[0m Error during HTML generation:', err);
+                console.error('\x1b[31m[Fenom Plugin]\x1b[0m Build error:', err);
             }
         },
     };