@ozdao/martyrs 0.2.489 → 0.2.492

package/dist/builder.js

@@ -8,27 +8,38 @@ import fs from "fs";
 import chalk from "chalk";
 import core, { rspack as rspack$2, ProgressPlugin } from "@rspack/core";
 import Mustache from "mustache";
+import compression from "compression";
+import { createServer } from "vite";
 import { VueLoaderPlugin } from "vue-loader";
 import { CleanWebpackPlugin } from "clean-webpack-plugin";
 import { RsdoctorRspackPlugin } from "@rsdoctor/rspack-plugin";
 import { BundleAnalyzerPlugin } from "webpack-bundle-analyzer";
 import Dotenv from "dotenv-webpack";
 import glob from "glob-all";
-import { merge } from "webpack-merge";
+import { merge as merge$3 } from "webpack-merge";
 import { StatsWriterPlugin } from "webpack-stats-plugin";
 import { PurgeCSSPlugin } from "purgecss-webpack-plugin";
-import nodeExternals from "webpack-node-externals";
 import { RspackManifestPlugin } from "rspack-manifest-plugin";
+import nodeExternals from "webpack-node-externals";
+import { InjectManifest } from "@aaroon/workbox-rspack-plugin";
 import MiniCssExtractPlugin from "mini-css-extract-plugin";
 import CssMinimizerPlugin from "css-minimizer-webpack-plugin";
 import TerserPlugin from "terser-webpack-plugin";
 import HtmlWebpackPlugin from "html-webpack-plugin";
 import { WebpackManifestPlugin } from "webpack-manifest-plugin";
-const createSpaDevServer = function createSpaDevServer2(projectRoot, { spaConfig: spaConfig2, apiConfig: apiConfig2, createServer }) {
+import vue from "@vitejs/plugin-vue";
+import dotenv from "dotenv";
+import rollupPluginVisualizer from "rollup-plugin-visualizer";
+import lodash from "lodash";
+import * as purgecss from "purgecss";
+import "workbox-webpack-plugin";
+import { builtinModules } from "module";
+import { createHtmlPlugin } from "vite-plugin-html";
+const createSpaDevServer = function createSpaDevServer2(projectRoot, { spaConfig: spaConfig2, apiConfig: apiConfig2, createServer: createServer2 }) {
   const spaCompiler = webpack(spaConfig2);
   const serverCompiler = webpack(apiConfig2);
   const createDevRenderer = () => {
-    const colors = {
+    const colors2 = {
       reset: "\x1B[0m",
       greenBright: "\x1B[92;1m",
       // яркий зеленый + жирный
@@ -39,7 +50,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);
@@ -57,8 +68,8 @@ const createSpaDevServer = function createSpaDevServer2(projectRoot, { spaConfig
     Object.keys(require.cache).forEach((id) => {
       delete require.cache[id];
     });
-    const { createServer: createServer2 } = createServer2;
-    let { app, server, env } = await createServer2();
+    const { createServer: createServer3 } = createServer3;
+    let { app, server, env } = await createServer3();
     app.use(history());
     app.use(clientDevMiddleware);
     app.get("*", (req, res, next) => {
@@ -94,11 +105,11 @@ const createSpaDevServer = function createSpaDevServer2(projectRoot, { spaConfig
   createDevRenderer();
   return startServer;
 };
-const createSpaProdServer = function createSpaProdServer2(projectRoot, { createServer }) {
+const createSpaProdServer = function createSpaProdServer2(projectRoot, { createServer: createServer2 }) {
   const port = process.env.PORT || 8080;
   const startServer = async () => {
-    const { createServer: createServer2 } = createServer2;
-    let { app, server } = await createServer2();
+    const { createServer: createServer3 } = createServer3;
+    let { app, server } = await createServer3();
     app.use(express.static(path.resolve(projectRoot, "builds/web/spa")));
     app.use(
       history({
@@ -132,7 +143,7 @@ const createSpaProdServer = function createSpaProdServer2(projectRoot, { createS
   };
   return startServer;
 };
-const template = `
+const page = `
   <html {{{ meta.htmlAttrs }}}>
     <head {{{ meta.headAttrs }}}>
       {{{ meta.headTags }}}
@@ -146,7 +157,7 @@ const template = `
       <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
       <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
       <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
-      <link rel="manifest" href="/favicon/site.webmanifest">
+      <link rel="manifest" href="/manifest.json">
       <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5">
       <meta name="msapplication-TileColor" content="#000000">
       <meta name="theme-color" content="#ffffff">
@@ -207,9 +218,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();
@@ -223,7 +234,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) => {
@@ -253,7 +264,7 @@ const transformProdStats = ({ stats, publicPath }) => {
   const body = normalizeAssets(main).filter((path2) => path2.endsWith(".js")).map((path2) => `<script src="${publicPath}${path2}"></script>`).join("\n");
   return { head, body };
 };
-function createSsrDevServer$1(projectRoot, { clientConfig: clientConfig2, apiConfig: apiConfig2, ssrConfig: ssrConfig2, createServer }) {
+function createSsrDevServer$1(projectRoot, { clientConfig: clientConfig2, apiConfig: apiConfig2, ssrConfig: ssrConfig2, createServer: createServer2 }) {
   const addHmrToClientConfig = (config) => {
     config.plugins = config.plugins || [];
     config.plugins.push(new rspack$2.HotModuleReplacementPlugin());
@@ -319,7 +330,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;
@@ -342,7 +353,7 @@ function createSsrDevServer$1(projectRoot, { clientConfig: clientConfig2, apiCon
     if (serverInstance) {
       serverInstance.close();
     }
-    const { app, server } = await createServer.createServer();
+    const { app, server } = await createServer2.createServer();
     clientCompiler.devMiddleware(app, {
       publicPath: clientConfigWithHmr.output.publicPath,
       stats: false
@@ -382,9 +393,9 @@ function createSsrDevServer$1(projectRoot, { clientConfig: clientConfig2, apiCon
   };
   return startServer;
 }
-const createSsrProdServer = function createSsrProdServer2(projectRoot, { clientConfig: clientConfig2, apiConfig: apiConfig2, createServer }) {
+const createSsrProdServer = function createSsrProdServer2(projectRoot, { clientConfig: clientConfig2, apiConfig: apiConfig2, createServer: createServer2 }) {
   const startServer = async () => {
-    const { app, server, env } = await createServer.createServer();
+    const { app, server, env } = await createServer2.createServer();
     app.use(
       clientConfig2.output.publicPath,
       express__default.static(path.resolve(projectRoot, "builds/web/client"), {
@@ -490,7 +501,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);
@@ -578,7 +589,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, vite) => {
+      let ssrEntry;
+      try {
+        const ssrEntryPath = ssrConfig2.build.rollupOptions.input;
+        ssrEntry = await vite.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 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: {
@@ -724,7 +912,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",
@@ -774,6 +962,49 @@ const clientConfig$1 = (projectRoot) => {
           }
         ]
       })
+      // PWA PWA PWA PWA PWA
+      // PWA: инжектим манифест в существующий sw.js
+      // new InjectManifest({
+      //   swSrc: path.resolve(projectRoot, '../public/sw.js'),
+      //   swDest: '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 };
+      //     }
+      //   ]
+      // }),
+      // // PWA Manifest
+      // new RspackManifestPlugin({
+      //   fileName: 'manifest.json',
+      //   seed: {
+      //     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'
+      //       }
+      //     ]
+      //   },
+      //   generate: (seed) => seed
+      // }),
     ],
     optimization: {
       usedExports: true,
@@ -793,9 +1024,9 @@ const clientConfig$1 = (projectRoot) => {
       ]
     }
   };
-  return merge(baseConfig$1(projectRoot), config);
+  return merge$3(baseConfig$2(projectRoot), config);
 };
-const ssrConfig$1 = (projectRoot) => {
+const ssrConfig = (projectRoot) => {
   const isProd2 = process.env.NODE_ENV === "production";
   const ssrConfig2 = {
     target: ["node", "es2022"],
@@ -852,11 +1083,11 @@ const ssrConfig$1 = (projectRoot) => {
       })] : []
     ]
   };
-  return merge(baseConfig$1(projectRoot), ssrConfig2);
+  return merge$3(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",
@@ -889,11 +1120,11 @@ 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"
-      })
+      }),
       // new rspack.CopyRspackPlugin({
       //   patterns: [
       //     { from: path.resolve(projectRoot, "../public/logo"), to: 'logo' },
@@ -901,16 +1132,59 @@ const spaConfig$1 = (projectRoot) => {
       //     { from: path.resolve(projectRoot, "../public/icons"), to: 'icons' }
       //   ]
       // })
-      // new ServiceWorkerPlugin()
+      // PWA: инжектим манифест в существующий sw.js (унифицированно с SSR)
+      new InjectManifest({
+        swSrc: path.resolve(projectRoot, "../public/sw.js"),
+        swDest: "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 };
+          }
+        ]
+      }),
+      // PWA Manifest
+      new RspackManifestPlugin({
+        fileName: "manifest.json",
+        seed: {
+          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"
+            }
+          ]
+        },
+        generate: (seed, files, entrypoints) => {
+          return seed;
+        }
+      })
     ],
     optimization: {
       minimizer: [new rspack$1.SwcJsMinimizerRspackPlugin(), , new rspack$1.LightningCssMinimizerRspackPlugin()]
     }
   };
-  return merge(clientConfig$1(projectRoot), spaConfig2);
+  return merge$3(clientConfig(projectRoot), spaConfig2);
 };
 const { rspack } = core;
-const apiConfig = (projectRoot) => {
+const apiConfig$2 = (projectRoot) => {
   return {
     target: "node",
     mode: "development",
@@ -962,13 +1236,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: {
@@ -1103,7 +1377,7 @@ const baseConfig = (projectRoot) => {
     }
   };
 };
-const clientConfig = (projectRoot) => {
+const ssrClientConfig$1 = (projectRoot) => {
   const isProd2 = process.env.NODE_ENV === "production";
   const config = {
     mode: !isProd2 ? "development" : "production",
@@ -1182,9 +1456,9 @@ const clientConfig = (projectRoot) => {
       minimizer: [new TerserPlugin(), new CssMinimizerPlugin()]
     }
   };
-  return merge(baseConfig(projectRoot), config);
+  return merge$3(baseConfig$1(projectRoot), config);
 };
-const serverConfig = (projectRoot) => {
+const apiConfig$1 = (projectRoot) => {
   return {
     target: "node",
     mode: "development",
@@ -1215,7 +1489,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",
@@ -1248,7 +1522,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"
@@ -1266,9 +1540,9 @@ const spaConfig = (projectRoot) => {
       minimizer: [new TerserPlugin(), new CssMinimizerPlugin()]
     }
   };
-  return merge(clientConfig(projectRoot), spaConfig2);
+  return merge$3(ssrClientConfig$1(projectRoot), spaConfig2);
 };
-const ssrConfig = (projectRoot) => {
+const ssrServerConfig$1 = (projectRoot) => {
   const isProd2 = process.env.NODE_ENV === "production";
   const ssrConfig2 = {
     target: "node",
@@ -1315,20 +1589,531 @@ const ssrConfig = (projectRoot) => {
       })
     ]
   };
-  return merge(baseConfig(projectRoot), ssrConfig2);
+  return merge$3(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.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: InjectManifest2 } = await import("workbox-webpack-plugin");
+          const injectManifest = new InjectManifest2({
+            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: [
+          ...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"
+    }
+  };
+};
+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: [
+      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
@@ -1339,7 +2124,9 @@ export {
   createSsrDevServer$1 as createSsrDevServer,
   createSsrProdServer,
   createSsrDevServer as createSsrRspackDevServer,
+  createSsrViteDevServer,
   builder as default,
   rspackConfigs,
+  viteConfigs,
   webpackConfigs
 };