@ozdao/martyrs 0.2.547 → 0.2.548

package/src/builder/ssr/ssr-render-html.vite.js

@@ -1,35 +0,0 @@
-import Mustache from 'mustache';
-import template from '../templates/page.js';
-
-const renderHtml = async stuff => {
-  const data = {
-    ...stuff,
-    googleTagId: process.env.GOOGLE_TAG_ID,
-    facebookPixelId: process.env.FACEBOOK_PIXEL_ID,
-    facebookDomainVerification: process.env.FACEBOOK_DOMAIN_VERIFICATION,
-    googleMapApiKey: process.env.GOOGLE_MAPS_API_KEY,
-  };
-  return Mustache.render(template, data);
-};
-
-const createHtmlRenderer = onTemplateUpdate => {
-  // Для Vite не нужен setInterval - HMR сам обновляет модули
-  // onTemplateUpdate используется только если нужно принудительно обновить
-  
-  return async stuff => {
-    const data = {
-      ...stuff,
-      googleTagId: process.env.GOOGLE_TAG_ID,
-      facebookPixelId: process.env.FACEBOOK_PIXEL_ID,
-      facebookDomainVerification: process.env.FACEBOOK_DOMAIN_VERIFICATION,
-      googleMapApiKey: process.env.GOOGLE_MAPS_API_KEY,
-    };
-    return Mustache.render(template, data);
-  };
-};
-
-export { createHtmlRenderer, renderHtml };
-export default {
-  createHtmlRenderer,
-  renderHtml,
-};

package/src/builder/vite/index.js

@@ -1,13 +0,0 @@
-import baseConfig from './vite.config.base.js';
-import ssrClientConfig from './vite.config.ssr.client.js';
-import apiConfig from './vite.config.api.js';
-import spaClientConfig from './vite.config.spa.client.js';
-import ssrServerConfig from './vite.config.ssr.server.js';
-export { baseConfig, ssrClientConfig, apiConfig, spaClientConfig, ssrServerConfig };
-export default {
-  baseConfig,
-  ssrClientConfig,
-  apiConfig,
-  spaClientConfig,
-  ssrServerConfig,
-};

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

@@ -1,52 +0,0 @@
-import { builtinModules } from 'module';
-import path from 'path';
-
-export default projectRoot => {
-  return {
-    // Режим разработки для сервера
-    mode: 'development',
-    
-    // Настройки сборки для Node.js сервера
-    build: {
-      ssr: true,
-      outDir: path.resolve(projectRoot, 'builds/web/server'),
-      emptyOutDir: true,
-      sourcemap: true,
-      minify: false,
-      
-      rollupOptions: {
-        input: path.resolve(projectRoot, 'src/server.js'),
-        output: {
-          format: 'esm', // Используем ESM для современного Node.js
-          entryFileNames: 'server.js',
-        },
-        // Внешние зависимости - не включаем их в бандл
-        external: [
-          ...builtinModules,
-          ...builtinModules.map(m => `node:${m}`),
-          // Все пакеты из node_modules кроме тех, что нужны для бандла
-          /^[^./]/,
-        ],
-      },
-    },
-    
-    // Отключаем оптимизацию для серверного кода
-    optimizeDeps: {
-      disabled: true,
-    },
-    
-    // Настройки разрешения путей
-    resolve: {
-      alias: {
-        '@martyrs': path.resolve(projectRoot, 'martyrs'),
-      },
-    },
-    
-    // SSR настройки для сервера
-    ssr: {
-      target: 'node',
-      // Форматирование ошибок в Node.js стиле
-      format: 'esm',
-    },
-  };
-};

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

@@ -1,110 +0,0 @@
-import vue from '@vitejs/plugin-vue';
-import dotenv from 'dotenv';
-import fs from 'fs';
-import path from 'path';
-import rollupPluginVisualizer from 'rollup-plugin-visualizer';
-// Функция для загрузки переменных окружения
-function loadEnv(mode) {
-  const envFile = `.env.${mode}`;
-  if (fs.existsSync(envFile)) {
-    const envConfig = dotenv.parse(fs.readFileSync(envFile));
-    for (const [key, value] of Object.entries(envConfig)) {
-      process.env[key] = value;
-    }
-  }
-}
-export default projectRoot => {
-  // Загружаем переменные окружения
-  loadEnv(process.env.NODE_ENV || 'development');
-  return {
-    root: projectRoot,
-    resolve: {
-      alias: {
-        '@': path.resolve(projectRoot, 'src'),
-        '@martyrs': path.resolve(projectRoot, 'martyrs'),
-        vue: path.resolve(projectRoot, 'node_modules/vue'),
-        'vue-router': path.resolve(projectRoot, 'node_modules/vue-router'),
-        'vue-i18n': path.resolve(projectRoot, 'node_modules/vue-i18n'),
-      },
-    },
-    plugins: [
-      vue({
-        template: {
-          compilerOptions: {
-            // Настройки компилятора Vue
-          },
-        },
-      }),
-      // Дополнительные плагины для анализа бандла по условию
-      ...(process.env.BUNDLE_ANALYZER
-        ? [
-            {
-              name: 'bundle-analyzer',
-              configResolved(config) {
-                // Динамически импортируем rollup-plugin-visualizer только когда нужно
-                config.plugins.push(
-                  rollupPluginVisualizer({
-                    open: true,
-                    filename: 'stats.html',
-                    gzipSize: true,
-                    brotliSize: true,
-                  })
-                );
-              },
-            },
-          ]
-        : []),
-    ],
-    // Настройки для CSS
-    css: {
-      preprocessorOptions: {
-        scss: {
-          sourceMap: true,
-        },
-      },
-      // Экстракция CSS в продакшн
-      // В Vite это делается автоматически в production режиме
-    },
-    // Настройки сборки
-    build: {
-      outDir: 'dist',
-      emptyOutDir: true, // Эквивалент CleanWebpackPlugin
-      sourcemap: true,
-      rollupOptions: {
-        output: {
-          // Настройки для получения хэша в имени файла
-          entryFileNames: 'assets/[name].[hash].js',
-          chunkFileNames: 'assets/[name].[hash].js',
-          assetFileNames: 'assets/[name].[hash].[ext]',
-        },
-      },
-    },
-    // Определение глобальных переменных для Vue
-    define: {
-      __VUE_I18N_LEGACY_API__: false,
-      __VUE_OPTIONS_API__: true,
-      __VUE_PROD_DEVTOOLS_: false,
-      __VUE_PROD_DEVTOOLS__: true,
-      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: true,
-      __VUE_I18N_FULL_INSTALL__: true,
-      __INTLIFY_PROD_DEVTOOLS__: false,
-      __MOBILE_APP__: process.env.MODE === 'SPA' ? true : false,
-    },
-    // Настройки лога
-    logLevel: 'info', // 'info' | 'warn' | 'error' | 'silent'
-    // Настройка для assets
-    assetsInclude: ['**/*.ico', '**/*.gif', '**/*.png', '**/*.jpg', '**/*.jpeg', '**/*.mp4', '**/*.webp', '**/*.webm', '**/*.svg', '**/*.woff', '**/*.woff2', '**/*.eot', '**/*.ttf', '**/*.otf'],
-    // Опция для URL в CSS, аналогичная той что была в Rspack
-    experimental: {
-      // Vite по умолчанию обрабатывает asset URLs в CSS
-      // Если нужно отключить обработку URL для определенных файлов,
-      // это можно сделать через свой плагин
-      renderBuiltUrl(filename, { hostType }) {
-        if (filename.includes('/fonts/')) {
-          return { relative: true }; // Не обрабатывать URL для фонтов
-        }
-        return { relative: true }; // Для остальных использовать относительные пути
-      },
-    },
-  };
-};

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

@@ -1,81 +0,0 @@
-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',
-    // Entry point (entry is implicit in Vite but can be specified)
-    build: {
-      rollupOptions: {
-        input: path.resolve(projectRoot, 'src/client.js'),
-      },
-      // Override output directory
-      outDir: path.resolve(projectRoot, 'builds/web/spa'),
-      // Clean the output directory before build
-      emptyOutDir: true,
-    },
-    // Add HTML plugin for SPA
-    plugins: [
-      createHtmlPlugin({
-        minify: isProd,
-        inject: {
-          data: {
-            googleTagId: process.env.GOOGLE_TAG_ID,
-            googleMapApiKey: process.env.GOOGLE_MAPS_API_KEY,
-          },
-        },
-        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;
-            }, {})
-          );
-          fs.writeFileSync(path.resolve(options.dir, 'stats.json'), stats);
-        },
-      },
-      // Limit chunks (equivalent to LimitChunkCountPlugin)
-      {
-        name: 'limit-chunks',
-        apply: 'build',
-        config(config) {
-          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: '' }
-              ]
-            })
-            */
-    ],
-    // Server options
-    server: {
-      hot: true,
-    },
-  };
-  // Merge client config with spa config (equivalent to webpack-merge)
-  return merge(baseConfig(projectRoot), spaConfig);
-};

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

@@ -1,244 +0,0 @@
-import fs from 'fs';
-import lodash from 'lodash';
-import path from 'path';
-import * as purgecss from 'purgecss';
-import { InjectManifest } from 'workbox-webpack-plugin';
-import baseConfig from './vite.config.base.js';
-const { merge } = lodash;
-export default projectRoot => {
-  const isProd = process.env.NODE_ENV === 'production';
-  // Базовая конфигурация для клиентской части
-  const clientConfig = {
-    // Основная точка входа
-    build: {
-      outDir: path.resolve(projectRoot, 'builds/web/client'),
-      emptyOutDir: true, // эквивалент clean: true в Webpack
-      sourcemap: true,
-      rollupOptions: {
-        input: {
-          main: path.resolve(projectRoot, 'src/client.js'),
-        },
-        output: {
-          // Настройки форматирования имен файлов
-          entryFileNames: '[name].[hash].js',
-          chunkFileNames: '[name].[hash].js',
-          assetFileNames: '[name].[hash].[ext]',
-          // Оптимизированное разделение кода для уменьшения размера бандла
-          manualChunks(id) {
-            // Вендорные библиотеки
-            if (id.includes('node_modules')) {
-              // Vue экосистема
-              if (id.includes('vue') || id.includes('@vue')) {
-                return 'vue-vendor';
-              }
-              // Martyrs модули
-              if (id.includes('@martyrs') || id.includes('@ozdao')) {
-                return 'martyrs-vendor';
-              }
-              // UI библиотеки
-              if (id.includes('datepicker') || id.includes('chart') || id.includes('ui')) {
-                return 'ui-vendor';
-              }
-              // Остальные вендорные пакеты
-              return 'vendor';
-            }
-            // Модули приложения
-            if (id.includes('src/modules/')) {
-              const match = id.match(/src\/modules\/([^\/]+)/);
-              if (match) {
-                return `module-${match[1]}`;
-              }
-            }
-          },
-        },
-        // Настройки tree-shaking
-        treeshake: {
-          preset: 'recommended',
-          moduleSideEffects: false,
-        },
-      },
-      // Оптимизация в production
-      minify: isProd ? 'terser' : false,
-      terserOptions: isProd
-        ? {
-            compress: {
-              drop_console: true,
-              drop_debugger: true,
-            },
-          }
-        : undefined,
-      // Настройки CSS минификации
-      cssMinify: isProd ? 'cssnano' : false,
-      cssCodeSplit: true,
-    },
-    // В режиме разработки используем HMR
-    server: {
-      hmr: !isProd,
-    },
-    // Добавляем пользовательские плагины
-    plugins: [
-      // Плагин для PurgeCSS
-      {
-        name: 'vite-plugin-purge-css',
-        apply: 'build', // Применяем только при сборке
-        enforce: 'post', // После всех других плагинов
-        transformIndexHtml: {
-          enforce: 'post',
-          transform(html, { bundle }) {
-            if (!isProd) return html;
-            // Здесь можно реализовать PurgeCSS для HTML
-            return html;
-          },
-        },
-        async generateBundle(options, bundle) {
-          if (!isProd) return;
-          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({
-              content: [
-                path.join(projectRoot, 'src/**/*.vue'),
-                path.join(projectRoot, 'src/**/*.js'),
-                path.join(projectRoot, 'martyrs/src/**/*.vue'),
-                path.join(projectRoot, 'martyrs/src/**/*.js'),
-                path.join(projectRoot, '/node_modules/@ozdao/martyrs/**/*.css'),
-                path.join(projectRoot, '/node_modules/@ozdao/martyrs/**/*.scss'),
-                path.join(projectRoot, '/node_modules/@ozdao/martyrs/src/**/*.vue'),
-                path.join(projectRoot, '/node_modules/@ozdao/martyrs/src/**/*.js'),
-                path.join(projectRoot, '/node_modules/@vuepic/vue-datepicker/**/*.js'),
-              ],
-              css: [{ raw: content }],
-              safelist: {
-                standard: ['safelisted', /^html/, /^:root/],
-                deep: [/^safelisted-deep-/, /^html/, /^:root/],
-                greedy: [/^data-v-/, /\[data-v-.*\]/, /\[data-v-[a-zA-Z0-9]*\]/],
-              },
-              rejected: true,
-              extractors: [
-                {
-                  extractor: (content) => {
-                    // Ищем классы и селекторы с префиксами Tailwind
-                    const normalClasses = content.match(/[A-Za-z0-9-_:\/]+/g) || [];
-                    
-                    // Дополнительно ищем Vue атрибуты data-v-*
-                    // Это важно для правильного распознавания scoped стилей
-                    const scopedAttrs = content.match(/\[data-v-[a-zA-Z0-9]*\]/g) || [];
-                    
-                    // Объединяем результаты
-                    return [...normalClasses, ...scopedAttrs];
-                  },
-                  extensions: ['vue', 'js', 'css', 'scss'],
-                },
-              ],
-            });
-            if (purged.length > 0 && purged[0].css) {
-              bundle[cssFile].source = purged[0].css;
-            }
-          }
-        },
-      },
-      // Workbox плагин для PWA (InjectManifest как в rspack)
-      {
-        name: 'vite-plugin-workbox-inject',
-        apply: 'build',
-        closeBundle: async () => {
-          if (!isProd) {
-            // Для режима разработки можно создать минимальный сервис-воркер
-            const devSwContent = `
-              self.addEventListener('install', () => self.skipWaiting());
-              self.addEventListener('activate', () => self.clients.claim());
-            `;
-            fs.writeFileSync(path.join(path.resolve(projectRoot, 'builds/web/client'), 'sw.js'), devSwContent);
-            return;
-          }
-          // Для продакшена используем InjectManifest
-          const { InjectManifest } = await import('workbox-webpack-plugin');
-          const injectManifest = new InjectManifest({
-            swSrc: path.resolve(projectRoot, '../public/sw.js'),
-            swDest: path.join(path.resolve(projectRoot, 'builds/web/client'), 'sw.js'),
-            exclude: [/\.html$/, /\.map$/],
-            manifestTransforms: [
-              (manifestEntries) => {
-                const manifest = manifestEntries.filter(entry => {
-                  return !entry.url.match(/\.(html|map)$/) && entry.size < 5 * 1024 * 1024;
-                });
-                return { manifest };
-              }
-            ]
-          });
-          await injectManifest.apply();
-        },
-      },
-      // Плагин для записи статистики сборки
-      {
-        name: 'vite-plugin-stats-writer',
-        apply: 'build',
-        closeBundle: async (options, bundle) => {
-          // Создаем статистику сборки
-          const stats = {
-            entrypoints: {},
-            assetsByChunkName: {},
-            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,
-              });
-              if (fileName.includes('main')) {
-                stats.entrypoints.main = { assets: [fileName] };
-                stats.assetsByChunkName.main = [fileName];
-              } else if (fileName.includes('vendors')) {
-                stats.assetsByChunkName.vendors = [fileName];
-              }
-            }
-          }
-          // Записываем статистику в файл
-          fs.writeFileSync(path.join(path.resolve(projectRoot, 'builds/web/client'), 'stats.json'), JSON.stringify(stats, null, 2));
-        },
-      },
-      // Плагин для генерации PWA манифеста
-      {
-        name: 'vite-plugin-pwa-manifest',
-        apply: 'build',
-        closeBundle: async () => {
-          if (!isProd) return;
-          
-          const manifest = {
-            name: process.env.APP_NAME || 'OZDAO App',
-            short_name: process.env.APP_SHORT_NAME || 'OZDAO',
-            description: process.env.APP_DESCRIPTION || 'OZDAO Progressive Web App',
-            theme_color: '#000000',
-            background_color: '#ffffff',
-            display: 'standalone',
-            orientation: 'portrait',
-            scope: '/',
-            start_url: '/',
-            icons: [
-              {
-                src: '/favicon/android-chrome-192x192.png',
-                sizes: '192x192',
-                type: 'image/png'
-              },
-              {
-                src: '/favicon/android-chrome-512x512.png',
-                sizes: '512x512',
-                type: 'image/png'
-              }
-            ]
-          };
-          
-          fs.writeFileSync(
-            path.join(path.resolve(projectRoot, 'builds/web/client'), 'manifest.json'),
-            JSON.stringify(manifest, null, 2)
-          );
-        },
-      },
-    ],
-  };
-  // Объединяем базовый конфиг с клиентским
-  return merge({}, baseConfig(projectRoot), clientConfig);
-};

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

@@ -1,74 +0,0 @@
-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';
-  
-  const ssrConfig = {
-    build: {
-      ssr: true,
-      outDir: path.resolve(projectRoot, 'builds/web/server'),
-      rollupOptions: {
-        input: path.resolve(projectRoot, 'src/client.js'),
-        output: {
-          format: 'esm',
-          entryFileNames: 'main.[hash].js',
-        },
-      },
-      minify: false,
-      emptyOutDir: true,
-    },
-    ssr: {
-      noExternal: ['vue', 'vue-router', 'vuex', 'vue-meta']
-    },
-    optimizeDeps: {
-      disabled: true,
-    },
-    plugins: [
-      {
-        name: 'limit-chunks',
-        apply: 'build',
-        config(config) {
-          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';
-        },
-      },
-      ...(isProd
-        ? [
-            {
-              name: 'manifest-plugin',
-              apply: 'build',
-              closeBundle() {
-                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));
-              },
-            },
-          ]
-        : []),
-      {
-        name: 'ignore-css-for-ssr',
-        transform(code, id) {
-          if (/\.(css|less|sass|scss)$/.test(id)) {
-            return {
-              code: 'export default {}',
-              map: null,
-            };
-          }
-        },
-      },
-    ],
-  };
-  
-  return merge(getBaseConfig(projectRoot), ssrConfig);
-};