@ozdao/martyrs 0.2.491 → 0.2.493

package/dist/builder.cjs

@@ -1,4 +1,26 @@
 "use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const history = require("connect-history-api-fallback");
 const path = require("path");
@@ -9,6 +31,8 @@ const fs = require("fs");
 const chalk = require("chalk");
 const core = require("@rspack/core");
 const Mustache = require("mustache");
+const compression = require("compression");
+const vite = require("vite");
 const vueLoader = require("vue-loader");
 const cleanWebpackPlugin = require("clean-webpack-plugin");
 const rspackPlugin = require("@rsdoctor/rspack-plugin");
@@ -26,6 +50,14 @@ const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
 const TerserPlugin = require("terser-webpack-plugin");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
 const webpackManifestPlugin = require("webpack-manifest-plugin");
+const vue = require("@vitejs/plugin-vue");
+const dotenv = require("dotenv");
+const rollupPluginVisualizer = require("rollup-plugin-visualizer");
+const lodash = require("lodash");
+const purgecss = require("purgecss");
+require("workbox-webpack-plugin");
+const module$1 = require("module");
+const vitePluginHtml = require("vite-plugin-html");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -44,11 +76,12 @@ function _interopNamespaceDefault(e) {
 }
 const history__namespace = /* @__PURE__ */ _interopNamespaceDefault(history);
 const express__namespace = /* @__PURE__ */ _interopNamespaceDefault(express);
+const purgecss__namespace = /* @__PURE__ */ _interopNamespaceDefault(purgecss);
 const createSpaDevServer = function createSpaDevServer2(projectRoot, { spaConfig: spaConfig2, apiConfig: apiConfig2, createServer }) {
   const spaCompiler = webpack(spaConfig2);
   const serverCompiler = webpack(apiConfig2);
   const createDevRenderer = () => {
-    const colors = {
+    const colors2 = {
       reset: "\x1B[0m",
       greenBright: "\x1B[92;1m",
       // яркий зеленый + жирный
@@ -59,7 +92,7 @@ const createSpaDevServer = function createSpaDevServer2(projectRoot, { spaConfig
     };
     const progressPlugin = new webpack.ProgressPlugin((percentage, message, ...args) => {
       process.stdout.write(
-        colors.greenBright + `${(percentage * 100).toFixed(2)}% ` + colors.reset + colors.blueBright + message + colors.reset + " " + args.map((arg) => colors.yellow + arg + colors.reset).join(" ")
+        colors2.greenBright + `${(percentage * 100).toFixed(2)}% ` + colors2.reset + colors2.blueBright + message + colors2.reset + " " + args.map((arg) => colors2.yellow + arg + colors2.reset).join(" ")
       );
     });
     spaConfig2.plugins.push(progressPlugin);
@@ -152,7 +185,7 @@ const createSpaProdServer = function createSpaProdServer2(projectRoot, { createS
   };
   return startServer;
 };
-const template = `
+const page = `
   <html {{{ meta.htmlAttrs }}}>
     <head {{{ meta.headAttrs }}}>
       {{{ meta.headTags }}}
@@ -227,9 +260,9 @@ const renderHtml = async (stuff) => {
     facebookDomainVerification: process.env.FACEBOOK_DOMAIN_VERIFICATION,
     googleMapApiKey: process.env.GOOGLE_MAPS_API_KEY
   };
-  return Mustache.render(template, data);
+  return Mustache.render(page, data);
 };
-const createHtmlRenderer = (onTemplateUpdate) => {
+const createHtmlRenderer$1 = (onTemplateUpdate) => {
   setInterval(() => {
     if (onTemplateUpdate) {
       onTemplateUpdate();
@@ -243,7 +276,7 @@ const createHtmlRenderer = (onTemplateUpdate) => {
       facebookDomainVerification: process.env.FACEBOOK_DOMAIN_VERIFICATION,
       googleMapApiKey: process.env.GOOGLE_MAPS_API_KEY
     };
-    return Mustache.render(template, data);
+    return Mustache.render(page, data);
   };
 };
 const normalizeAssets = (assets) => {
@@ -339,7 +372,7 @@ function createSsrDevServer$1(projectRoot, { clientConfig: clientConfig2, apiCon
       };
     };
     const renderApp = createHotReloadingServerRenderer(ssrConfig2);
-    const renderHtml2 = createHtmlRenderer();
+    const renderHtml2 = createHtmlRenderer$1();
     return async (stuff, stats) => {
       const { html, meta, state, statusCode } = await renderApp(stuff);
       const publicPath = clientConfigWithHmr.output.publicPath;
@@ -402,9 +435,12 @@ function createSsrDevServer$1(projectRoot, { clientConfig: clientConfig2, apiCon
   };
   return startServer;
 }
-const createSsrProdServer = function createSsrProdServer2(projectRoot, { clientConfig: clientConfig2, apiConfig: apiConfig2, createServer }) {
+function createSsrProdServer(projectRoot, { clientConfig: clientConfig2, apiConfig: apiConfig2 }, createServerPath) {
+  const clientStats = JSON.parse(fs.readFileSync(path.join(projectRoot, "builds/web/client/stats.json"), "utf-8"));
+  const serverManifest = JSON.parse(fs.readFileSync(path.join(projectRoot, "builds/web/server/manifest.json"), "utf-8"));
+  const { createServer } = createServerPath;
   const startServer = async () => {
-    const { app, server, env } = await createServer.createServer();
+    const { app, server, env } = await createServer();
     app.use(
       clientConfig2.output.publicPath,
       express.static(path.resolve(projectRoot, "builds/web/client"), {
@@ -412,6 +448,10 @@ const createSsrProdServer = function createSsrProdServer2(projectRoot, { clientC
         // Кэширование на 1 день
       })
     );
+    const { render } = await import(path.join(
+      apiConfig2.output.path,
+      serverManifest["main.js"]
+    ));
     const { head, body } = transformProdStats({
       stats: clientStats,
       publicPath: clientConfig2.output.publicPath
@@ -448,7 +488,7 @@ const createSsrProdServer = function createSsrProdServer2(projectRoot, { clientC
     }
   };
   return start;
-};
+}
 function createSsrDevServer(projectRoot, { clientConfig: clientConfig2, apiConfig: apiConfig2, ssrConfig: ssrConfig2 }) {
   const clientCompiler = core.rspack(clientConfig2);
   const ssrCompiler = core.rspack(ssrConfig2);
@@ -510,7 +550,7 @@ function createSsrDevServer(projectRoot, { clientConfig: clientConfig2, apiConfi
       };
     };
     const renderApp = createHotReloadingServerRenderer(ssrConfig2);
-    const renderHtml2 = createHtmlRenderer(onUpdate);
+    const renderHtml2 = createHtmlRenderer$1(onUpdate);
     return async (stuff, { stats, outputFileSystem }) => {
       const { html, meta, state, statusCode } = await renderApp(stuff);
       const { head, body } = transformDevStats(stats.toJson(), outputFileSystem);
@@ -598,7 +638,184 @@ function createSsrDevServer(projectRoot, { clientConfig: clientConfig2, apiConfi
   };
   return startServer;
 }
-const baseConfig$1 = (projectRoot) => {
+const createHtmlRenderer = (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(page, data);
+  };
+};
+const colors = {
+  reset: "\x1B[0m",
+  green: "\x1B[32m",
+  greenBright: "\x1B[92;1m",
+  blue: "\x1B[34m",
+  blueBright: "\x1B[94m",
+  yellow: "\x1B[33m",
+  red: "\x1B[31m"
+};
+const createSsrViteDevServer = function createSsrDevServer2(projectRoot, { clientConfig: clientConfig2, apiConfig: apiConfig2, ssrConfig: ssrConfig2 }) {
+  let serverInstance;
+  let viteDevServer;
+  let rendererInstance;
+  const port = process.env.PORT || 8080;
+  const createDevRenderer = (onUpdate) => {
+    const renderHtml2 = createHtmlRenderer();
+    return async (stuff, vite2) => {
+      let ssrEntry;
+      try {
+        const ssrEntryPath = ssrConfig2.build.rollupOptions.input;
+        ssrEntry = await vite2.ssrLoadModule(ssrEntryPath);
+      } catch (error) {
+        console.error(colors.red + "SSR compilation error" + colors.reset);
+        console.error(error);
+        return {
+          html: `<pre>${error.stack}</pre>`,
+          statusCode: 500
+        };
+      }
+      try {
+        const { html, meta, state, statusCode } = await ssrEntry.render(stuff);
+        const headTags = [];
+        const bodyTags = [];
+        bodyTags.push(`<script type="module" src="/@vite/client"></script>`);
+        const clientEntryPath = clientConfig2.build.rollupOptions.input.main;
+        const relativePath = path.relative(projectRoot, clientEntryPath);
+        bodyTags.push(`<script type="module" src="/${relativePath}"></script>`);
+        const initialState = JSON.stringify(state).replace(/</g, "\\u003c").replace(/>/g, "\\u003e");
+        const completeHtml = await renderHtml2({
+          appHtml: html,
+          meta,
+          head: headTags.join("\n"),
+          body: bodyTags.join("\n"),
+          initialState
+        });
+        return { html: completeHtml, statusCode };
+      } catch (error) {
+        console.error(colors.red + "Render error" + colors.reset);
+        console.error(error.stack);
+        return {
+          html: `<pre>${error.stack}</pre>`,
+          statusCode: 500
+        };
+      }
+    };
+  };
+  const startServer = async () => {
+    if (serverInstance) {
+      serverInstance.close();
+    }
+    if (typeof require !== "undefined" && require.cache) {
+      Object.keys(require.cache).forEach((id) => {
+        delete require.cache[id];
+      });
+    }
+    try {
+      if (!viteDevServer) {
+        viteDevServer = await vite.createServer({
+          root: projectRoot,
+          server: {
+            middlewareMode: true,
+            hmr: {
+              port: 24678
+              // Используем отдельный порт для HMR
+            },
+            watch: {
+              usePolling: false,
+              // Отключаем polling
+              ignored: ["**/node_modules/**", "**/builds/**"]
+              // Игнорируем ненужные директории
+            }
+          },
+          appType: "custom",
+          logLevel: "info",
+          // Настройки для SSR
+          ssr: {
+            noExternal: [
+              // Обрабатываем только клиентские зависимости через Vite
+              "vue",
+              "vue-router",
+              "vuex",
+              "vue-meta",
+              "@vue/server-renderer"
+            ],
+            external: [
+              // Исключаем серверные Node.js модули
+              "jsonwebtoken",
+              "bcryptjs",
+              "nodemailer",
+              "crypto"
+            ]
+          },
+          // Используем настройки из клиентского конфига
+          ...clientConfig2
+        });
+      }
+      if (!rendererInstance) {
+        rendererInstance = createDevRenderer(() => {
+          console.log(colors.green + "Template updated" + colors.reset);
+        });
+      }
+      const serverPath = apiConfig2.build.rollupOptions.input;
+      const serverModule = await viteDevServer.ssrLoadModule(serverPath);
+      if (typeof serverModule.createServer !== "function") {
+        throw new Error("Экспорт createServer не найден");
+      }
+      let { app, server, env } = await serverModule.createServer();
+      app.use(viteDevServer.middlewares);
+      app.use("/*", async (req, res) => {
+        try {
+          const result = await rendererInstance(
+            {
+              url: req.originalUrl,
+              cookies: req.cookies,
+              languages: req.acceptsLanguages()
+            },
+            viteDevServer
+          );
+          res.status(result.statusCode).header("Content-Type", "text/html; charset=utf-8").send(result.html);
+        } catch (error) {
+          console.error(colors.red + "SSR middleware error" + colors.reset);
+          console.error(error);
+          viteDevServer.ssrFixStacktrace(error);
+          res.status(500).send(`<pre>${error.stack}</pre>`);
+        }
+      });
+      app.use(compression());
+      serverInstance = server;
+      await server.listen(port);
+      console.log(`${colors.greenBright}Server started at localhost:${port}${colors.reset}
+`);
+      const watcher = fs.watch(path.dirname(serverPath), { recursive: true });
+      let debounceTimer;
+      watcher.on("change", async (eventType, filename) => {
+        if (filename && filename.endsWith(".js")) {
+          console.log(`${colors.blue}Server file changed: ${filename}, updating...${colors.reset}`);
+          clearTimeout(debounceTimer);
+          debounceTimer = setTimeout(async () => {
+            try {
+              await startServer();
+            } catch (err) {
+              console.error(colors.red + "Server restart failed" + colors.reset);
+              console.error(err);
+            }
+          }, 500);
+        }
+      });
+    } catch (err) {
+      console.error(colors.red + "Server start failed" + colors.reset);
+      console.error(err);
+      process.exit(1);
+    }
+  };
+  return startServer;
+};
+const baseConfig$2 = (projectRoot) => {
   return {
     context: projectRoot,
     resolve: {
@@ -744,7 +961,7 @@ const baseConfig$1 = (projectRoot) => {
     }
   };
 };
-const clientConfig$1 = (projectRoot) => {
+const clientConfig = (projectRoot) => {
   const isProd2 = process.env.NODE_ENV === "production";
   const config = {
     mode: !isProd2 ? "development" : "production",
@@ -794,6 +1011,7 @@ const clientConfig$1 = (projectRoot) => {
           }
         ]
       }),
+      // PWA PWA PWA PWA PWA
       // PWA: инжектим манифест в существующий sw.js
       new workboxRspackPlugin.InjectManifest({
         swSrc: path.resolve(projectRoot, "../public/sw.js"),
@@ -808,7 +1026,7 @@ const clientConfig$1 = (projectRoot) => {
           }
         ]
       }),
-      // PWA Manifest
+      // // PWA Manifest
       new rspackManifestPlugin.RspackManifestPlugin({
         fileName: "manifest.json",
         seed: {
@@ -855,9 +1073,9 @@ const clientConfig$1 = (projectRoot) => {
       ]
     }
   };
-  return webpackMerge.merge(baseConfig$1(projectRoot), config);
+  return webpackMerge.merge(baseConfig$2(projectRoot), config);
 };
-const ssrConfig$1 = (projectRoot) => {
+const ssrConfig = (projectRoot) => {
   const isProd2 = process.env.NODE_ENV === "production";
   const ssrConfig2 = {
     target: ["node", "es2022"],
@@ -914,11 +1132,11 @@ const ssrConfig$1 = (projectRoot) => {
       })] : []
     ]
   };
-  return webpackMerge.merge(baseConfig$1(projectRoot), ssrConfig2);
+  return webpackMerge.merge(baseConfig$2(projectRoot), ssrConfig2);
 };
 const { rspack: rspack$1 } = core;
 const isProd$1 = process.env.NODE_ENV === "production";
-const spaConfig$1 = (projectRoot) => {
+const spaConfig = (projectRoot) => {
   const spaConfig2 = {
     mode: !isProd$1 ? "development" : "production",
     devtool: "source-map",
@@ -951,7 +1169,7 @@ const spaConfig$1 = (projectRoot) => {
             googleMapApiKey: process.env.GOOGLE_MAPS_API_KEY,
             meta
           };
-          return Mustache.render(template, data);
+          return Mustache.render(page, data);
         },
         filename: "index.html",
         inject: "body"
@@ -1012,10 +1230,10 @@ const spaConfig$1 = (projectRoot) => {
       minimizer: [new rspack$1.SwcJsMinimizerRspackPlugin(), , new rspack$1.LightningCssMinimizerRspackPlugin()]
     }
   };
-  return webpackMerge.merge(clientConfig$1(projectRoot), spaConfig2);
+  return webpackMerge.merge(clientConfig(projectRoot), spaConfig2);
 };
 const { rspack } = core;
-const apiConfig = (projectRoot) => {
+const apiConfig$2 = (projectRoot) => {
   return {
     target: "node",
     mode: "development",
@@ -1067,13 +1285,13 @@ const apiConfig = (projectRoot) => {
   };
 };
 const rspackConfigs = {
-  baseConfig: baseConfig$1,
-  clientConfig: clientConfig$1,
-  apiConfig,
-  spaConfig: spaConfig$1,
-  ssrConfig: ssrConfig$1
+  baseConfig: baseConfig$2,
+  clientConfig,
+  apiConfig: apiConfig$2,
+  spaConfig,
+  ssrConfig
 };
-const baseConfig = (projectRoot) => {
+const baseConfig$1 = (projectRoot) => {
   return {
     resolve: {
       alias: {
@@ -1208,7 +1426,7 @@ const baseConfig = (projectRoot) => {
     }
   };
 };
-const clientConfig = (projectRoot) => {
+const ssrClientConfig$1 = (projectRoot) => {
   const isProd2 = process.env.NODE_ENV === "production";
   const config = {
     mode: !isProd2 ? "development" : "production",
@@ -1287,9 +1505,9 @@ const clientConfig = (projectRoot) => {
       minimizer: [new TerserPlugin(), new CssMinimizerPlugin()]
     }
   };
-  return webpackMerge.merge(baseConfig(projectRoot), config);
+  return webpackMerge.merge(baseConfig$1(projectRoot), config);
 };
-const serverConfig = (projectRoot) => {
+const apiConfig$1 = (projectRoot) => {
   return {
     target: "node",
     mode: "development",
@@ -1320,7 +1538,7 @@ const serverConfig = (projectRoot) => {
   };
 };
 const isProd = process.env.NODE_ENV === "production";
-const spaConfig = (projectRoot) => {
+const spaClientConfig$1 = (projectRoot) => {
   const spaConfig2 = {
     mode: !isProd ? "development" : "production",
     devtool: "source-map",
@@ -1353,7 +1571,7 @@ const spaConfig = (projectRoot) => {
             googleMapApiKey: process.env.GOOGLE_MAPS_API_KEY,
             meta
           };
-          return Mustache.render(template, data);
+          return Mustache.render(page, data);
         },
         filename: "index.html",
         inject: "body"
@@ -1371,9 +1589,9 @@ const spaConfig = (projectRoot) => {
       minimizer: [new TerserPlugin(), new CssMinimizerPlugin()]
     }
   };
-  return webpackMerge.merge(clientConfig(projectRoot), spaConfig2);
+  return webpackMerge.merge(ssrClientConfig$1(projectRoot), spaConfig2);
 };
-const ssrConfig = (projectRoot) => {
+const ssrServerConfig$1 = (projectRoot) => {
   const isProd2 = process.env.NODE_ENV === "production";
   const ssrConfig2 = {
     target: "node",
@@ -1420,20 +1638,531 @@ const ssrConfig = (projectRoot) => {
       })
     ]
   };
-  return webpackMerge.merge(baseConfig(projectRoot), ssrConfig2);
+  return webpackMerge.merge(baseConfig$1(projectRoot), ssrConfig2);
 };
 const webpackConfigs = {
+  baseConfig: baseConfig$1,
+  ssrClientConfig: ssrClientConfig$1,
+  apiConfig: apiConfig$1,
+  spaClientConfig: spaClientConfig$1,
+  ssrServerConfig: ssrServerConfig$1
+};
+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;
+    }
+  }
+}
+const baseConfig = (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) {
+            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 };
+        }
+        return { relative: true };
+      }
+    }
+  };
+};
+const { merge: merge$2 } = lodash;
+const ssrClientConfig = (projectRoot) => {
+  const isProd2 = process.env.NODE_ENV === "production";
+  const clientConfig2 = {
+    // Основная точка входа
+    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")) {
+              if (id.includes("vue") || id.includes("@vue")) {
+                return "vue-vendor";
+              }
+              if (id.includes("@martyrs") || id.includes("@ozdao")) {
+                return "martyrs-vendor";
+              }
+              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: isProd2 ? "terser" : false,
+      terserOptions: isProd2 ? {
+        compress: {
+          drop_console: true,
+          drop_debugger: true
+        }
+      } : void 0,
+      // Настройки CSS минификации
+      cssMinify: isProd2 ? "cssnano" : false,
+      cssCodeSplit: true
+    },
+    // В режиме разработки используем HMR
+    server: {
+      hmr: !isProd2
+    },
+    // Добавляем пользовательские плагины
+    plugins: [
+      // Плагин для PurgeCSS
+      {
+        name: "vite-plugin-purge-css",
+        apply: "build",
+        // Применяем только при сборке
+        enforce: "post",
+        // После всех других плагинов
+        transformIndexHtml: {
+          enforce: "post",
+          transform(html, { bundle }) {
+            if (!isProd2) return html;
+            return html;
+          }
+        },
+        async generateBundle(options, bundle) {
+          if (!isProd2) 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__namespace.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: (content2) => {
+                    const normalClasses = content2.match(/[A-Za-z0-9-_:\/]+/g) || [];
+                    const scopedAttrs = content2.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 (!isProd2) {
+            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;
+          }
+          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 (!isProd2) 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$2({}, baseConfig(projectRoot), clientConfig2);
+};
+const apiConfig = (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: [
+          ...module$1.builtinModules,
+          ...module$1.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"
+    }
+  };
+};
+const { merge: merge$1 } = lodash;
+const spaClientConfig = (projectRoot) => {
+  const isProd2 = process.env.NODE_ENV === "production";
+  const spaConfig2 = {
+    // Set mode based on environment
+    mode: !isProd2 ? "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: [
+      vitePluginHtml.createHtmlPlugin({
+        minify: isProd2,
+        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
+    }
+  };
+  return merge$1(baseConfig(projectRoot), spaConfig2);
+};
+const { merge } = lodash;
+const ssrServerConfig = (projectRoot) => {
+  const isProd2 = process.env.NODE_ENV === "production";
+  const ssrConfig2 = {
+    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";
+        }
+      },
+      ...isProd2 ? [
+        {
+          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(baseConfig(projectRoot), ssrConfig2);
+};
+const viteConfigs = {
   baseConfig,
-  clientConfig,
-  serverConfig,
-  spaConfig,
-  ssrConfig
+  ssrClientConfig,
+  apiConfig,
+  spaClientConfig,
+  ssrServerConfig
 };
 const builder = {
   rspackConfigs,
   createSsrRspackDevServer: createSsrDevServer,
   webpackConfigs,
+  viteConfigs,
   createSsrDevServer: createSsrDevServer$1,
+  createSsrViteDevServer,
   createSsrProdServer,
   createSpaDevServer,
   createSpaProdServer
@@ -1443,6 +2172,8 @@ exports.createSpaProdServer = createSpaProdServer;
 exports.createSsrDevServer = createSsrDevServer$1;
 exports.createSsrProdServer = createSsrProdServer;
 exports.createSsrRspackDevServer = createSsrDevServer;
+exports.createSsrViteDevServer = createSsrViteDevServer;
 exports.default = builder;
 exports.rspackConfigs = rspackConfigs;
+exports.viteConfigs = viteConfigs;
 exports.webpackConfigs = webpackConfigs;