@ozdao/martyrs 0.2.477 → 0.2.479

package/src/builder/vite/vite.config.client.js

@@ -1,23 +1,23 @@
-const path = require("path");
-const { createServer } = require('vite');
-const { merge } = require("lodash");
-const { generateSW } = require('workbox-build');
-const fs = require('fs');
-const baseConfig = require('./vite.config.base');
-
-module.exports = (projectRoot) => {
-  const isProd = process.env.NODE_ENV === "production";
-  
+import fs from 'fs';
+import lodash from 'lodash';
+import path from 'path';
+import * as purgecss from 'purgecss';
+import * as workboxBuild from 'workbox-build';
+import baseConfig from './vite.config.base.js';
+const { merge } = lodash;
+const { generateSW } = workboxBuild;
+export default projectRoot => {
+  const isProd = process.env.NODE_ENV === 'production';
   // Базовая конфигурация для клиентской части
   const clientConfig = {
     // Основная точка входа
     build: {
-      outDir: path.resolve(projectRoot, "builds/web/client"),
+      outDir: path.resolve(projectRoot, 'builds/web/client'),
       emptyOutDir: true, // эквивалент clean: true в Webpack
       sourcemap: true,
       rollupOptions: {
         input: {
-          main: path.resolve(projectRoot, "src/client.js"),
+          main: path.resolve(projectRoot, 'src/client.js'),
         },
         output: {
           // Настройки форматирования имен файлов
@@ -29,27 +29,27 @@ module.exports = (projectRoot) => {
             if (id.includes('node_modules')) {
               return 'vendors';
             }
-          }
-        }
+          },
+        },
       },
       // Оптимизация в production
       minify: isProd ? 'terser' : false,
-      terserOptions: isProd ? {
-        compress: {
-          drop_console: true,
-          drop_debugger: true,
-        }
-      } : undefined,
+      terserOptions: isProd
+        ? {
+            compress: {
+              drop_console: true,
+              drop_debugger: true,
+            },
+          }
+        : undefined,
       // Настройки CSS минификации
       cssMinify: isProd ? 'cssnano' : false,
       cssCodeSplit: true,
     },
-    
     // В режиме разработки используем HMR
     server: {
       hmr: !isProd,
     },
-    
     // Добавляем пользовательские плагины
     plugins: [
       // Плагин для PurgeCSS
@@ -61,19 +61,13 @@ module.exports = (projectRoot) => {
           enforce: 'post',
           transform(html, { bundle }) {
             if (!isProd) return html;
-            
             // Здесь можно реализовать PurgeCSS для HTML
-            return html; 
-          }
+            return html;
+          },
         },
         async generateBundle(options, bundle) {
           if (!isProd) return;
-          
-          // Здесь можно реализовать PurgeCSS для CSS файлов
-          // Это более сложная задача, которая требует анализа бандла
-          const purgecss = require('purgecss');
           const cssFiles = Object.keys(bundle).filter(key => key.endsWith('.css'));
-          
           for (const cssFile of cssFiles) {
             const content = bundle[cssFile].source;
             const purged = await new purgecss.PurgeCSS().purge({
@@ -81,32 +75,30 @@ module.exports = (projectRoot) => {
                 path.join(projectRoot, 'src/**/*.vue'),
                 path.join(projectRoot, 'martyrs/src/**/*.vue'),
                 path.join(projectRoot, '/node_modules/@ozdao/martyrs/src/**/*.vue'),
-                path.join(projectRoot, '/node_modules/@vuepic/vue-datepicker/**/*.js')
+                path.join(projectRoot, '/node_modules/@vuepic/vue-datepicker/**/*.js'),
               ],
               css: [{ raw: content }],
-              safelist: { 
-                standard: ["safelisted", /^html/, /^:root/],
+              safelist: {
+                standard: ['safelisted', /^html/, /^:root/],
                 deep: [/^safelisted-deep-/, /^html/, /^:root/],
-                greedy: [ /data-v-.*/ ] 
+                greedy: [/data-v-.*/],
               },
               extractors: [
                 {
-                  extractor: (content) => {
+                  extractor: content => {
                     // fix for escaped tailwind prefixes (sm:, lg:, etc)
-                    return content.match(/[A-Za-z0-9-_:\/]+/g) || []
+                    return content.match(/[A-Za-z0-9-_:/]+/g) || [];
                   },
                   extensions: ['vue'],
                 },
               ],
             });
-            
             if (purged.length > 0 && purged[0].css) {
               bundle[cssFile].source = purged[0].css;
             }
           }
-        }
+        },
       },
-      
       // Workbox плагин для PWA
       {
         name: 'vite-plugin-workbox',
@@ -118,29 +110,22 @@ module.exports = (projectRoot) => {
               self.addEventListener('install', () => self.skipWaiting());
               self.addEventListener('activate', () => self.clients.claim());
             `;
-            fs.writeFileSync(
-              path.join(path.resolve(projectRoot, "builds/web/client"), 'sw.js'), 
-              devSwContent
-            );
+            fs.writeFileSync(path.join(path.resolve(projectRoot, 'builds/web/client'), 'sw.js'), devSwContent);
             return;
           }
-          
           // Для продакшена используем полноценный Workbox
           const { swDest, count, size, warnings } = await generateSW({
-            globDirectory: path.resolve(projectRoot, "builds/web/client"),
-            swDest: path.join(path.resolve(projectRoot, "builds/web/client"), 'sw.js'),
+            globDirectory: path.resolve(projectRoot, 'builds/web/client'),
+            swDest: path.join(path.resolve(projectRoot, 'builds/web/client'), 'sw.js'),
             clientsClaim: true,
             skipWaiting: true,
           });
-          
           if (warnings.length > 0) {
             console.warn('Workbox warnings: ', warnings);
           }
-          
           console.log(`Generated service worker at ${swDest}, which will precache ${count} files (${size} bytes)`);
-        }
+        },
       },
-      
       // Плагин для записи статистики сборки
       {
         name: 'vite-plugin-stats-writer',
@@ -150,18 +135,16 @@ module.exports = (projectRoot) => {
           const stats = {
             entrypoints: {},
             assetsByChunkName: {},
-            assets: []
+            assets: [],
           };
-          
           // Заполняем статистику на основе бандла
           for (const [fileName, asset] of Object.entries(bundle)) {
             if (fileName.endsWith('.js')) {
               stats.assets.push({
                 name: fileName,
                 size: asset.code ? asset.code.length : 0,
-                emitted: true
+                emitted: true,
               });
-              
               if (fileName.includes('main')) {
                 stats.entrypoints.main = { assets: [fileName] };
                 stats.assetsByChunkName.main = [fileName];
@@ -170,17 +153,12 @@ module.exports = (projectRoot) => {
               }
             }
           }
-          
           // Записываем статистику в файл
-          fs.writeFileSync(
-            path.join(path.resolve(projectRoot, "builds/web/client"), 'stats.json'),
-            JSON.stringify(stats, null, 2)
-          );
-        }
-      }
-    ]
+          fs.writeFileSync(path.join(path.resolve(projectRoot, 'builds/web/client'), 'stats.json'), JSON.stringify(stats, null, 2));
+        },
+      },
+    ],
   };
-  
   // Объединяем базовый конфиг с клиентским
   return merge({}, baseConfig(projectRoot), clientConfig);
-};
+};

package/src/builder/vite/vite.config.server.js

@@ -1,10 +1,9 @@
-const path = require("path");
-const { builtinModules } = require('module');
-
-module.exports = (projectRoot) => {
+import module$0 from 'module';
+import path from 'path';
+const { builtinModules } = module$0;
+export default projectRoot => {
   // Получаем список встроенных модулей Node.js
   const nodeBuiltins = builtinModules.filter(m => m !== 'process');
-  
   return {
     // Обязательно указываем, что это SSR конфигурация
     ssr: {
@@ -14,20 +13,17 @@ module.exports = (projectRoot) => {
       // Можно указать какие модули включать в бандл, если нужно
       // external: [...nodeBuiltins],
     },
-    
     // Режим сборки для сервера всегда development
     // (production оптимизации менее важны для серверного кода)
-    mode: "development",
-    
+    mode: 'development',
     // Убираем оптимизации, не нужные для SSR
     optimizeDeps: {
       disabled: true,
     },
-    
     // Настройки сборки
     build: {
       ssr: path.resolve(projectRoot, 'src/server.js'),
-      outDir: path.resolve(projectRoot, "builds/web/server"),
+      outDir: path.resolve(projectRoot, 'builds/web/server'),
       emptyOutDir: true, // эквивалент clean: true в Webpack
       sourcemap: true,
       // Настройки сборки, специфичные для SSR
@@ -41,26 +37,23 @@ module.exports = (projectRoot) => {
         // Не включаем node_modules в бандл
         external: [
           ...nodeBuiltins,
-          /^node:/,  // Новый префикс импорта node:* модулей
-          /^[^.\/]/, // Все пакеты, которые не начинаются с . или / (node_modules)
+          /^node:/, // Новый префикс импорта node:* модулей
+          /^[^./]/, // Все пакеты, которые не начинаются с . или / (node_modules)
         ],
       },
       // Отключаем минимизацию для серверного кода
       minify: false,
     },
-    
     // Настройки разрешения путей
     resolve: {
       alias: {
         '@martyrs': path.resolve(projectRoot, 'martyrs'),
       },
     },
-    
     // Настройки сервера разработки
     server: {
       hmr: true, // Hot Module Replacement для серверного кода
     },
-    
     // Определяем, как обрабатывать определенные импорты
     plugins: [
       // Плагин для обработки импортов Node.js
@@ -70,14 +63,12 @@ module.exports = (projectRoot) => {
           // Добавляем пустышки для Node.js модулей, которые не нужны в бандле
           config.resolve = config.resolve || {};
           config.resolve.alias = config.resolve.alias || {};
-          
           // 'path: false' в Webpack эквивалентно:
           if (!config.resolve.alias.path) {
             config.resolve.alias.path = false;
           }
-        }
+        },
       },
-      
       // Плагин для поддержки HMR в серверном коде
       {
         name: 'vite-plugin-ssr-hmr',
@@ -85,17 +76,16 @@ module.exports = (projectRoot) => {
         configureServer(server) {
           // Наблюдение за серверными файлами
           server.watcher.add(path.resolve(projectRoot, 'src/**/*'));
-          
           // Можно добавить дополнительную логику для перезапуска сервера
           // при изменении серверных файлов
-          server.watcher.on('change', (file) => {
+          server.watcher.on('change', file => {
             if (file.includes('src/server')) {
               console.log('Server file changed, reloading...');
               // В Vite перезагрузка модулей обрабатывается автоматически
             }
           });
-        }
-      }
-    ]
+        },
+      },
+    ],
   };
-};
+};

package/src/builder/vite/vite.config.spa.js

@@ -1,59 +1,54 @@
-const path = require('path');
-const vue = require('@vitejs/plugin-vue');
-const dotenv = require('dotenv');
-const fs = require('fs');
-const { merge } = require('lodash');
-
-const baseConfig = require('./vite.config.base');
-
-module.exports = (projectRoot) => {
-  const isProd = process.env.NODE_ENV === "production";
-  
+import fs from 'fs';
+import lodash from 'lodash';
+import path from 'path';
+import { createHtmlPlugin } from 'vite-plugin-html';
+import page from '../templates/page.js';
+import baseConfig from './vite.config.base.js';
+const { merge } = lodash;
+export default projectRoot => {
+  const isProd = process.env.NODE_ENV === 'production';
   // SPA config - equivalent to the spaConfig in the original webpack
   const spaConfig = {
     // Set mode based on environment
-    mode: !isProd ? "development" : "production",
-    
+    mode: !isProd ? 'development' : 'production',
     // Entry point (entry is implicit in Vite but can be specified)
     build: {
       rollupOptions: {
-        input: path.resolve(projectRoot, "src/client.js")
+        input: path.resolve(projectRoot, 'src/client.js'),
       },
       // Override output directory
-      outDir: path.resolve(projectRoot, "builds/web/spa"),
+      outDir: path.resolve(projectRoot, 'builds/web/spa'),
       // Clean the output directory before build
-      emptyOutDir: true
+      emptyOutDir: true,
     },
-    
     // Add HTML plugin for SPA
     plugins: [
-      require('vite-plugin-html').createHtmlPlugin({
+      { createHtmlPlugin }.createHtmlPlugin({
         minify: isProd,
         inject: {
           data: {
             googleTagId: process.env.GOOGLE_TAG_ID,
             googleMapApiKey: process.env.GOOGLE_MAPS_API_KEY,
-          }
+          },
         },
-        template: require("../templates/page.js"),
+        template: page,
       }),
-      
       // Stats plugin (equivalent to StatsWriterPlugin)
       {
         name: 'stats-writer',
         apply: 'build',
         writeBundle(options, bundle) {
-          const stats = JSON.stringify(Object.keys(bundle).reduce((acc, key) => {
-            acc[key] = {
-              size: bundle[key].code?.length || 0
-            };
-            return acc;
-          }, {}));
-          
+          const stats = JSON.stringify(
+            Object.keys(bundle).reduce((acc, key) => {
+              acc[key] = {
+                size: bundle[key].code?.length || 0,
+              };
+              return acc;
+            }, {})
+          );
           fs.writeFileSync(path.resolve(options.dir, 'stats.json'), stats);
-        }
+        },
       },
-      
       // Limit chunks (equivalent to LimitChunkCountPlugin)
       {
         name: 'limit-chunks',
@@ -62,29 +57,25 @@ module.exports = (projectRoot) => {
           if (!config.build) config.build = {};
           if (!config.build.rollupOptions) config.build.rollupOptions = {};
           if (!config.build.rollupOptions.output) config.build.rollupOptions.output = {};
-          
           config.build.rollupOptions.output.manualChunks = () => 'main';
-        }
+        },
       },
-      
       // Uncomment if you need CopyWebpackPlugin equivalent
       /*
-      require('vite-plugin-static-copy').viteStaticCopy({
-        targets: [
-          { src: path.resolve(projectRoot, "../public/logo"), dest: '' },
-          { src: path.resolve(projectRoot, "../public/walkthrough"), dest: '' },
-          { src: path.resolve(projectRoot, "../public/icons"), dest: '' }
-        ]
-      })
-      */
+            require('vite-plugin-static-copy').viteStaticCopy({
+              targets: [
+                { src: path.resolve(projectRoot, "../public/logo"), dest: '' },
+                { src: path.resolve(projectRoot, "../public/walkthrough"), dest: '' },
+                { src: path.resolve(projectRoot, "../public/icons"), dest: '' }
+              ]
+            })
+            */
     ],
-    
     // Server options
     server: {
-      hot: true
-    }
+      hot: true,
+    },
   };
-  
   // Merge client config with spa config (equivalent to webpack-merge)
   return merge(baseConfig(projectRoot), spaConfig);
-};
+};

package/src/builder/vite/vite.config.ssr.js

@@ -1,21 +1,20 @@
-const path = require('path');
-const { merge } = require('lodash');
-const fs = require('fs');
-const getBaseConfig = require('./vite.config.base.js');
-
-module.exports = (projectRoot) => {
-  const isProd = process.env.NODE_ENV === "production";
-  
+import fs from 'fs';
+import lodash from 'lodash';
+import path from 'path';
+import getBaseConfig from './vite.config.base.js';
+const { merge } = lodash;
+export default projectRoot => {
+  const isProd = process.env.NODE_ENV === 'production';
   // SSR specific configuration
   const ssrConfig = {
     // Build for SSR
     build: {
       ssr: true,
       // Output location
-      outDir: path.resolve(projectRoot, "builds/web/server"),
+      outDir: path.resolve(projectRoot, 'builds/web/server'),
       // Entry point
       rollupOptions: {
-        input: path.resolve(projectRoot, "src/client.js"),
+        input: path.resolve(projectRoot, 'src/client.js'),
         output: {
           // Format for Node.js compatibility (equivalent to libraryTarget: "commonjs2")
           format: 'cjs',
@@ -28,20 +27,15 @@ module.exports = (projectRoot) => {
           'vue-router',
           'vuex',
           // Add other Node.js built-ins and dependencies that should be external
-          ...Object.keys(require(path.resolve(projectRoot, 'package.json')).dependencies || {})
-            .filter(dep => 
-              !dep.startsWith('vue-meta') && 
-              !/\.(css|sass|scss|vue|html)$/.test(dep)
-            )
+          ...Object.keys(require(path.resolve(projectRoot, 'package.json')).dependencies || {}).filter(dep => !dep.startsWith('vue-meta') && !/\.(css|sass|scss|vue|html)$/.test(dep)),
         ],
-        preserveEntrySignatures: 'strict'
+        preserveEntrySignatures: 'strict',
       },
       // Don't minify for SSR build
       minify: false,
       // Clean output directory before build
-      emptyOutDir: true
+      emptyOutDir: true,
     },
-    
     // Additional plugins for SSR
     plugins: [
       // Limit chunks plugin (equivalent to LimitChunkCountPlugin)
@@ -52,36 +46,30 @@ module.exports = (projectRoot) => {
           if (!config.build) config.build = {};
           if (!config.build.rollupOptions) config.build.rollupOptions = {};
           if (!config.build.rollupOptions.output) config.build.rollupOptions.output = {};
-          
           // Force single chunk
           config.build.rollupOptions.output.manualChunks = () => 'main';
-        }
+        },
       },
-      
       // Manifest plugin (equivalent to WebpackManifestPlugin)
-      ...(isProd ? [
-        {
-          name: 'manifest-plugin',
-          apply: 'build',
-          closeBundle() {
-            // Create a simple manifest of the build assets
-            const outDir = path.resolve(projectRoot, "builds/web/server");
-            const files = fs.readdirSync(outDir).filter(file => file.endsWith('.js'));
-            
-            const manifest = {};
-            files.forEach(file => {
-              const name = file.split('.')[0];
-              manifest[`${name}.js`] = file;
-            });
-            
-            fs.writeFileSync(
-              path.resolve(outDir, 'manifest.json'),
-              JSON.stringify(manifest, null, 2)
-            );
-          }
-        }
-      ] : []),
-      
+      ...(isProd
+        ? [
+            {
+              name: 'manifest-plugin',
+              apply: 'build',
+              closeBundle() {
+                // Create a simple manifest of the build assets
+                const outDir = path.resolve(projectRoot, 'builds/web/server');
+                const files = fs.readdirSync(outDir).filter(file => file.endsWith('.js'));
+                const manifest = {};
+                files.forEach(file => {
+                  const name = file.split('.')[0];
+                  manifest[`${name}.js`] = file;
+                });
+                fs.writeFileSync(path.resolve(outDir, 'manifest.json'), JSON.stringify(manifest, null, 2));
+              },
+            },
+          ]
+        : []),
       // Handle CSS for SSR (equivalent to null-loader for CSS)
       {
         name: 'ignore-css-for-ssr',
@@ -89,13 +77,12 @@ module.exports = (projectRoot) => {
           if (/\.(css|less|sass|scss)$/.test(id)) {
             return {
               code: 'export default {}',
-              map: null
+              map: null,
             };
           }
-        }
-      }
+        },
+      },
     ],
-    
     // Specify that this is for SSR
     ssr: {
       // Target is Node.js
@@ -104,10 +91,9 @@ module.exports = (projectRoot) => {
       format: 'cjs',
       // Don't optimize dependencies
       optimizeDeps: {
-        disabled: true
-      }
+        disabled: true,
+      },
     },
-    
     // Don't process CSS for SSR
     css: {
       devSourcemap: false,
@@ -118,19 +104,17 @@ module.exports = (projectRoot) => {
             postcssPlugin: 'postcss-empty-for-ssr',
             Once() {
               return {};
-            }
-          }
-        ]
-      }
+            },
+          },
+        ],
+      },
     },
-    
     // Server specific optimizations
     optimizeDeps: {
       // Disable optimization for server build
-      disabled: true
-    }
+      disabled: true,
+    },
   };
-  
   // Merge base config with SSR config
   return merge(getBaseConfig(projectRoot), ssrConfig);
-};
+};

package/src/builder/webpack/index.js

@@ -1,13 +1,13 @@
-const baseConfig = require('./webpack.config.base');
-const clientConfig = require('./webpack.config.client');
-const serverConfig = require('./webpack.config.server');
-const spaConfig = require('./webpack.config.spa');
-const ssrConfig = require('./webpack.config.ssr');
+import baseConfig from './webpack.config.base.js';
+import clientConfig from './webpack.config.client.js';
+import serverConfig from './webpack.config.server.js';
+import spaConfig from './webpack.config.spa.js';
+import ssrConfig from './webpack.config.ssr.js';
 
-module.exports = {
+export default {
   baseConfig,
   clientConfig,
   serverConfig,
   spaConfig,
   ssrConfig,
-};
+};