@ozdao/martyrs 0.2.488 → 0.2.491

package/dist/builder.js

@@ -0,0 +1,1431 @@
+import * as history from "connect-history-api-fallback";
+import path from "path";
+import webpack from "webpack";
+import devMiddleware from "webpack-dev-middleware";
+import * as express from "express";
+import express__default from "express";
+import fs from "fs";
+import chalk from "chalk";
+import core, { rspack as rspack$2, ProgressPlugin } from "@rspack/core";
+import Mustache from "mustache";
+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 { StatsWriterPlugin } from "webpack-stats-plugin";
+import { InjectManifest } from "@aaroon/workbox-rspack-plugin";
+import { PurgeCSSPlugin } from "purgecss-webpack-plugin";
+import { RspackManifestPlugin } from "rspack-manifest-plugin";
+import nodeExternals from "webpack-node-externals";
+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 }) {
+  const spaCompiler = webpack(spaConfig2);
+  const serverCompiler = webpack(apiConfig2);
+  const createDevRenderer = () => {
+    const colors = {
+      reset: "\x1B[0m",
+      greenBright: "\x1B[92;1m",
+      // яркий зеленый + жирный
+      blueBright: "\x1B[94m",
+      // яркий синий
+      yellow: "\x1B[33m"
+      // желтый
+    };
+    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(" ")
+      );
+    });
+    spaConfig2.plugins.push(progressPlugin);
+  };
+  let serverInstance;
+  const clientDevMiddleware = devMiddleware(spaCompiler, {
+    publicPath: spaConfig2.output.publicPath,
+    stats: false
+  });
+  const port = process.env.PORT || 8080;
+  const startServer = async () => {
+    if (serverInstance) {
+      serverInstance.close();
+    }
+    Object.keys(require.cache).forEach((id) => {
+      delete require.cache[id];
+    });
+    const { createServer: createServer2 } = createServer2;
+    let { app, server, env } = await createServer2();
+    app.use(history());
+    app.use(clientDevMiddleware);
+    app.get("*", (req, res, next) => {
+      const filename = path.join(spaCompiler.outputPath, "index.html");
+      spaCompiler.outputFileSystem.readFile(filename, (err, result) => {
+        if (err) {
+          return next(err);
+        }
+        res.set("content-type", "text/html");
+        res.send(result);
+        res.end();
+      });
+    });
+    serverInstance = server;
+    try {
+      await server.listen(port);
+      console.log(`Server started at http://localhost:${port}
+`);
+    } catch (err) {
+      console.error(err);
+      process.exit(1);
+    }
+  };
+  serverCompiler.watch({}, async (err, stats) => {
+    if (err) {
+      console.error(err);
+      return;
+    }
+    console.log(stats.toString(apiConfig2.stats));
+    console.log("Server.js has changed, updating...");
+    await startServer();
+  });
+  createDevRenderer();
+  return startServer;
+};
+const createSpaProdServer = function createSpaProdServer2(projectRoot, { createServer }) {
+  const port = process.env.PORT || 8080;
+  const startServer = async () => {
+    const { createServer: createServer2 } = createServer2;
+    let { app, server } = await createServer2();
+    app.use(express.static(path.resolve(projectRoot, "builds/web/spa")));
+    app.use(
+      history({
+        index: "/index.html"
+      })
+    );
+    app.get("*", (req, res) => {
+      fs.readFile(path.resolve(projectRoot, "builds/web/spa", "index.html"), "utf-8", (err, content) => {
+        if (err) {
+          console.log('We cannot open "index.html" file.');
+          res.writeHead(500, {
+            "Content-Type": "text/plain; charset=utf-8"
+          });
+          res.end("Internal Server Error");
+          return;
+        }
+        res.writeHead(200, {
+          "Content-Type": "text/html; charset=utf-8"
+        });
+        res.end(content);
+      });
+    });
+    try {
+      await server.listen(port);
+      console.log(`Production server started at http://localhost:${port}
+`);
+    } catch (err) {
+      console.error(err);
+      process.exit(1);
+    }
+  };
+  return startServer;
+};
+const template = `
+  <html {{{ meta.htmlAttrs }}}>
+    <head {{{ meta.headAttrs }}}>
+      {{{ meta.headTags }}}
+      <meta charset="UTF-8">
+      
+      <!-- Facebook Domain Verification -->
+      {{#facebookDomainVerification}}
+      <meta name="facebook-domain-verification" content="{{facebookDomainVerification}}">
+      {{/facebookDomainVerification}}
+      
+      <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="/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">
+      <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+      <!-- Facebook Pixel Code -->
+      {{#facebookPixelId}}
+      <script>
+      !function(f,b,e,v,n,t,s)
+      {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
+      n.callMethod.apply(n,arguments):n.queue.push(arguments)};
+      if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
+      n.queue=[];t=b.createElement(e);t.async=!0;
+      t.src=v;s=b.getElementsByTagName(e)[0];
+      s.parentNode.insertBefore(t,s)}(window, document,'script',
+      'https://connect.facebook.net/en_US/fbevents.js');
+      fbq('init', '{{facebookPixelId}}');
+      fbq('track', 'PageView');
+      </script>
+      <noscript><img height="1" width="1" style="display:none"
+      src="https://www.facebook.com/tr?id={{facebookPixelId}}&ev=PageView&noscript=1"
+      /></noscript>
+      {{/facebookPixelId}}
+      
+      {{{ head }}}
+      
+      <!-- Google Tag (gtag.js) -->
+      {{#googleTagId}}
+      <script async src="https://www.googletagmanager.com/gtag/js?id={{googleTagId}}"></script>
+      <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', '{{googleTagId}}');
+      </script>
+      {{/googleTagId}}
+    </head>
+    
+    <body {{{ meta.bodyAttrs }}}>
+      <div id="app">{{{ appHtml }}}</div>
+      
+      <script type="application/json" data-user-state>
+         {{{ userState }}}
+      </script>
+
+      <script type="application/json" data-state>
+        {{{ initialState }}}
+      </script>
+      
+      {{{ meta.body }}} {{{ body }}}
+    </body>
+  </html>
+`;
+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) => {
+  setInterval(() => {
+    if (onTemplateUpdate) {
+      onTemplateUpdate();
+    }
+  }, 1e3);
+  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);
+  };
+};
+const normalizeAssets = (assets) => {
+  if (Array.isArray(assets)) return assets;
+  if (typeof assets === "object") return Object.values(assets);
+  return [assets];
+};
+const transformDevStats = (stats, outputFileSystem) => {
+  const {
+    assetsByChunkName: { main },
+    outputPath,
+    publicPath
+  } = stats;
+  const head = `
+      <style>
+      ${normalizeAssets(main).filter((path2) => path2.endsWith(".css")).map((path2) => outputFileSystem.readFileSync(path2.join(outputPath, path2))).join("\n")}
+      </style>
+    `;
+  const body = normalizeAssets(main).filter((path2) => path2.endsWith(".js")).map((path2) => `<script src="${publicPath}${path2}"></script>`).join("\n");
+  return { head, body };
+};
+const transformProdStats = ({ stats, publicPath }) => {
+  const {
+    assetsByChunkName: { main }
+  } = stats;
+  const head = normalizeAssets(main).filter((path2) => path2.endsWith(".css")).map((path2) => `<link rel="stylesheet" href="${publicPath}${path2}">`).join("\n");
+  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 }) {
+  const addHmrToClientConfig = (config) => {
+    config.plugins = config.plugins || [];
+    config.plugins.push(new rspack$2.HotModuleReplacementPlugin());
+    config.entry = {
+      main: [
+        "webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000",
+        ...Array.isArray(config.entry.main) ? config.entry.main : [config.entry.main]
+      ]
+    };
+    return config;
+  };
+  const clientConfigWithHmr = addHmrToClientConfig({ ...clientConfig2 });
+  const clientCompiler = rspack$2(clientConfigWithHmr);
+  const ssrCompiler = rspack$2(ssrConfig2);
+  const createDevRenderer = () => {
+    const createHotReloadingServerRenderer = (config) => {
+      const progressPlugin = new ProgressPlugin((percentage, message, ...args) => {
+        console.log(
+          chalk.greenBright(`${(percentage * 100).toFixed(2)}% `) + chalk.blueBright(message) + " " + args.map((arg) => chalk.yellow(arg)).join(" ")
+        );
+      });
+      config.plugins = config.plugins || [];
+      config.plugins.push(progressPlugin);
+      let renderApp2 = null;
+      let setCompilationDone = null;
+      let ssrCompilation = new Promise((resolve) => {
+        setCompilationDone = resolve;
+      });
+      ssrCompiler.watch({ "info-verbosity": "none" }, async (error, stats) => {
+        if (error) {
+          console.error(chalk.red("Server critical error"));
+          console.error(JSON.stringify(error, null, 2));
+          throw error;
+        }
+        const jsonStats = stats.toJson();
+        if (stats.hasErrors()) {
+          console.error(chalk.red("Server compilation error"));
+          jsonStats.errors.forEach((err) => {
+            if (err.details) {
+              console.error(err.details);
+            } else if (typeof err === "object") {
+              try {
+                console.error(JSON.stringify(err, null, 2));
+              } catch (e) {
+                console.error(e);
+              }
+            } else {
+              console.error(chalk.red(err.slice()));
+            }
+          });
+          return;
+        }
+        const { entrypoints, outputPath } = jsonStats;
+        const { main: { assets: [mainChunkPath] } } = entrypoints;
+        const mainModulePath = path.resolve(outputPath, mainChunkPath.name);
+        const module = await import(mainModulePath);
+        renderApp2 = module.render;
+        setCompilationDone();
+      });
+      return async (stuff) => {
+        await ssrCompilation;
+        return await renderApp2(stuff);
+      };
+    };
+    const renderApp = createHotReloadingServerRenderer(ssrConfig2);
+    const renderHtml2 = createHtmlRenderer();
+    return async (stuff, stats) => {
+      const { html, meta, state, statusCode } = await renderApp(stuff);
+      const publicPath = clientConfigWithHmr.output.publicPath;
+      const { head, body } = extractAssets(stats, publicPath);
+      const initialState = JSON.stringify(state);
+      const completeHtml = await renderHtml2({
+        appHtml: html,
+        meta,
+        head,
+        body,
+        initialState
+      });
+      return { html: completeHtml, statusCode };
+    };
+  };
+  let serverInstance;
+  let rendererInstance;
+  const port = process.env.PORT || 8080;
+  const startServer = async () => {
+    if (serverInstance) {
+      serverInstance.close();
+    }
+    const { app, server } = await createServer.createServer();
+    clientCompiler.devMiddleware(app, {
+      publicPath: clientConfigWithHmr.output.publicPath,
+      stats: false
+    });
+    clientCompiler.hotMiddleware(app);
+    if (!rendererInstance) {
+      rendererInstance = createDevRenderer();
+      clientCompiler.hooks.done.tap("reload", (stats) => {
+      });
+    }
+    app.use("/*", async (req, res) => {
+      try {
+        const stats = clientCompiler.getStats().toJson();
+        const result = await rendererInstance(
+          {
+            url: req.originalUrl,
+            cookies: req.cookies,
+            languages: req.acceptsLanguages()
+          },
+          stats
+        );
+        res.status(result.statusCode).header("Content-Type", "text/html; charset=utf-8").send(result.html);
+      } catch (err) {
+        console.error(err);
+        res.status(500).send("Internal Server Error");
+      }
+    });
+    serverInstance = server;
+    try {
+      await server.listen(port);
+      console.log(`Server started at localhost:${port}
+`);
+    } catch (err) {
+      console.error(err);
+      process.exit(1);
+    }
+  };
+  return startServer;
+}
+const createSsrProdServer = function createSsrProdServer2(projectRoot, { clientConfig: clientConfig2, apiConfig: apiConfig2, createServer }) {
+  const startServer = async () => {
+    const { app, server, env } = await createServer.createServer();
+    app.use(
+      clientConfig2.output.publicPath,
+      express__default.static(path.resolve(projectRoot, "builds/web/client"), {
+        maxAge: "1d"
+        // Кэширование на 1 день
+      })
+    );
+    const { head, body } = transformProdStats({
+      stats: clientStats,
+      publicPath: clientConfig2.output.publicPath
+    });
+    app.use("/*", async (req, res) => {
+      const { html, meta, state, statusCode } = await render({
+        url: req.originalUrl,
+        cookies: req.cookies,
+        languages: req.acceptsLanguages()
+      });
+      if (state.NotFound) {
+        res.status(404);
+      }
+      const initialState = JSON.stringify(state);
+      const completeHtml = await renderHtml({
+        appHtml: html,
+        meta,
+        head,
+        body,
+        initialState
+      });
+      res.status(statusCode).header("Content-Type", "text/html; charset=utf-8").send(completeHtml);
+    });
+    return server;
+  };
+  const port = process.env.PORT || 8080;
+  const start = async () => {
+    const server = await startServer();
+    try {
+      server.listen(port, () => console.log(`Server running on port ${port}`));
+    } catch (err) {
+      console.error(err);
+      process.exit(1);
+    }
+  };
+  return start;
+};
+function createSsrDevServer(projectRoot, { clientConfig: clientConfig2, apiConfig: apiConfig2, ssrConfig: ssrConfig2 }) {
+  const clientCompiler = rspack$2(clientConfig2);
+  const ssrCompiler = rspack$2(ssrConfig2);
+  const serverCompiler = rspack$2(apiConfig2);
+  const createDevRenderer = (onUpdate) => {
+    const createHotReloadingServerRenderer = (config) => {
+      const progressPlugin = new ProgressPlugin((percentage, message, ...args) => {
+        console.log(
+          chalk.greenBright(`${(percentage * 100).toFixed(2)}% `) + chalk.blueBright(message) + " " + args.map((arg) => chalk.yellow(arg)).join(" ")
+        );
+      });
+      config.plugins = config.plugins || [];
+      config.plugins.push(progressPlugin);
+      let renderApp2 = null;
+      let setCompilationDone = null;
+      let ssrCompilation = new Promise((resolve) => {
+        setCompilationDone = resolve;
+      });
+      ssrCompiler.watch(
+        {
+          "info-verbosity": "none"
+        },
+        async (error, stats) => {
+          if (error) {
+            console.error(chalk.red("Server critical error"));
+            console.error(JSON.stringify(error, null, 2));
+            throw error;
+          }
+          const jsonStats = stats.toJson();
+          if (stats.hasErrors()) {
+            console.error(chalk.red("Client compilation error"));
+            jsonStats.errors.forEach((err) => {
+              if (err.details) {
+                console.error(err.details);
+              } else if (typeof err === "object") {
+                try {
+                  console.error(JSON.stringify(err, null, 2));
+                } catch (e) {
+                  console.error(e);
+                }
+              } else {
+                console.error(chalk.red(err.slice()));
+              }
+            });
+            return;
+          }
+          const { entrypoints, outputPath } = jsonStats;
+          const { main: { assets: [mainChunkPath] } } = entrypoints;
+          const mainModulePath = path.resolve(outputPath, mainChunkPath.name);
+          const module = await import(mainModulePath);
+          renderApp2 = module.render;
+          setCompilationDone();
+        }
+      );
+      return async (stuff) => {
+        await ssrCompilation;
+        const result = await renderApp2(stuff);
+        return result;
+      };
+    };
+    const renderApp = createHotReloadingServerRenderer(ssrConfig2);
+    const renderHtml2 = createHtmlRenderer(onUpdate);
+    return async (stuff, { stats, outputFileSystem }) => {
+      const { html, meta, state, statusCode } = await renderApp(stuff);
+      const { head, body } = transformDevStats(stats.toJson(), outputFileSystem);
+      const initialState = JSON.stringify(state);
+      const completeHtml = await renderHtml2({
+        appHtml: html,
+        meta,
+        head,
+        body,
+        initialState
+      });
+      return { html: completeHtml, statusCode };
+    };
+  };
+  let serverInstance;
+  let rendererInstance;
+  let serverModule;
+  serverCompiler.watch({}, async (err, stats) => {
+    if (err) {
+      console.error(err);
+      return;
+    }
+    console.log(stats.toString(apiConfig2.stats));
+    try {
+      const { outputPath } = stats.toJson();
+      const entryName = Object.keys(stats.toJson().entrypoints)[0];
+      const assetName = stats.toJson().entrypoints[entryName].assets[0].name;
+      serverModule = await import(`file://${path.resolve(outputPath, assetName)}?t=${Date.now()}`);
+      if (typeof serverModule.createServer !== "function") {
+        throw new Error("Экспорт createServer не найден");
+      }
+      console.log("Сервер скомпилирован, перезапуск...");
+      await startServer();
+    } catch (error) {
+      console.error("Ошибка при загрузке серверного модуля:", error);
+    }
+  });
+  const clientDevMiddleware = devMiddleware(clientCompiler, {
+    publicPath: clientConfig2.output.publicPath,
+    serverSideRender: true,
+    stats: {
+      children: true
+    }
+  });
+  const port = process.env.PORT || 8080;
+  const startServer = async () => {
+    if (serverInstance) {
+      serverInstance.close();
+    }
+    if (!serverModule) {
+      console.error("Серверный модуль еще не скомпилирован");
+      return;
+    }
+    let { app, server, env } = await serverModule.createServer();
+    app.use(clientDevMiddleware);
+    if (!rendererInstance) {
+      rendererInstance = createDevRenderer(() => {
+        clientCompiler.hooks.done.tap("reload", () => {
+          setTimeout(() => {
+          }, 500);
+        });
+      });
+    }
+    app.use("/*", async (req, res) => {
+      const result = await rendererInstance(
+        {
+          url: req.originalUrl,
+          cookies: req.cookies,
+          languages: req.acceptsLanguages()
+        },
+        res.locals.webpack.devMiddleware
+        // Update to rspack middleware context
+      );
+      res.status(result.statusCode).header("Content-Type", "text/html; charset=utf-8").send(result.html);
+    });
+    serverInstance = server;
+    try {
+      await server.listen(port);
+      console.log(`Server started at localhost:${port}
+`);
+    } catch (err) {
+      console.error(err);
+      process.exit(1);
+    }
+  };
+  return startServer;
+}
+const baseConfig$1 = (projectRoot) => {
+  return {
+    context: 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")
+      }
+    },
+    module: {
+      rules: [
+        {
+          test: /\.m?js$/,
+          exclude: /node_modules\/(?!(vue-meta)\/).*/,
+          use: {
+            loader: "builtin:swc-loader",
+            options: {
+              jsc: {
+                parser: {
+                  syntax: "ecmascript",
+                  jsx: false
+                },
+                target: "es2020"
+              }
+            }
+          }
+        },
+        {
+          test: /\.vue$/,
+          loader: "vue-loader",
+          options: {
+            experimentalInlineMatchResource: true,
+            preprocessOptions: {
+              template: {
+                preprocess: (content, { filename }) => {
+                  const rewritten = content.replace(
+                    /<(\w+)\s+v-slot(:[\w\-]+)?=("|'){([^"'}]+)}("|')\s*>/g,
+                    (_match, tag, slotName, _q1, slotProps, _q2) => {
+                      const slotAttr = slotName || "";
+                      return `<template v-slot${slotAttr}="{${slotProps}}"><${tag}>`;
+                    }
+                  ).replace(
+                    /<\/(\w+)>\s*<!--\s*v-slot-close\s*-->/g,
+                    (_match, tag) => `</${tag}></template>`
+                  ).replace(
+                    /<(\w+)(\s+#[\w\-]+)([^>]*)\/>/g,
+                    (_match, tag, slotDirective, attrs) => {
+                      return `<template${slotDirective}><${tag}${attrs}/></template>`;
+                    }
+                  ).replace(
+                    /<(\w+)(\s+#[\w\-]+)([^>]*)>(.*?)<\/\1>/gs,
+                    (_match, tag, slotDirective, attrs, content2) => {
+                      return `<template${slotDirective}><${tag}${attrs}>${content2}</${tag}></template>`;
+                    }
+                  );
+                  return { code: rewritten };
+                }
+              }
+            }
+          }
+        },
+        {
+          test: /\.(sa|sc|c)ss$/,
+          use: [
+            process.env.NODE_ENV !== "production" ? "vue-style-loader" : rspack$2.CssExtractRspackPlugin.loader,
+            {
+              loader: "css-loader",
+              options: {
+                sourceMap: true,
+                url: {
+                  filter: (url, resourcePath) => {
+                    if (url.indexOf("/fonts/") == 0) {
+                      return false;
+                    }
+                    return true;
+                  }
+                }
+              }
+            },
+            {
+              loader: "sass-loader",
+              options: {
+                sourceMap: true
+              }
+            }
+          ],
+          type: "javascript/auto"
+        },
+        {
+          test: /\.(?:ico|gif|png|jpg|jpeg|mp4|webp|webm|svg|woff2?|eot|ttf|otf)$/i,
+          type: "asset/resource"
+        }
+      ]
+    },
+    experiments: {
+      css: false
+    },
+    plugins: [
+      ...process.env.BUNDLE_ANALYZER ? [new RsdoctorRspackPlugin(), new BundleAnalyzerPlugin()] : [],
+      new VueLoaderPlugin(),
+      ...process.env.NODE_ENV === "production" ? [new rspack$2.CssExtractRspackPlugin({
+        filename: "[name].[contenthash].css",
+        chunkFilename: "[id].[contenthash].css",
+        ignoreOrder: true
+      })] : [],
+      new CleanWebpackPlugin(),
+      new Dotenv({
+        path: `.env.${process.env.NODE_ENV}`
+        // ...(process.env.MODE === "SPA" ? [{path: '.env.mobile'}] : []),
+      }),
+      new rspack$2.DefinePlugin({
+        __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
+      })
+    ],
+    infrastructureLogging: {
+      level: "verbose"
+    },
+    stats: {
+      colors: true,
+      hash: true,
+      version: true,
+      timings: true,
+      assets: true,
+      chunks: true,
+      modules: true,
+      reasons: true,
+      children: true,
+      source: true,
+      errors: true,
+      errorDetails: true,
+      errorStack: true,
+      warnings: true,
+      publicPath: true
+    }
+  };
+};
+const clientConfig$1 = (projectRoot) => {
+  const isProd2 = process.env.NODE_ENV === "production";
+  const config = {
+    mode: !isProd2 ? "development" : "production",
+    devtool: !isProd2 ? "inline-source-map" : "source-map",
+    entry: {
+      main: path.resolve(projectRoot, "src/client.js")
+    },
+    module: {
+      rules: []
+    },
+    output: {
+      filename: "[name].js",
+      chunkFilename: "[name].js",
+      path: path.resolve(projectRoot, "builds/web/client"),
+      publicPath: "/",
+      clean: true
+    },
+    plugins: [
+      // ...(!isProd ? [new rspack.HotModuleReplacementPlugin()] : []),
+      new StatsWriterPlugin(),
+      new PurgeCSSPlugin({
+        paths: glob.sync([
+          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")
+        ]),
+        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) => {
+              const normalClasses = content.match(/[A-Za-z0-9-_:\/]+/g) || [];
+              const scopedAttrs = content.match(/\[data-v-[a-zA-Z0-9]*\]/g) || [];
+              return [...normalClasses, ...scopedAttrs];
+            },
+            extensions: ["vue", "js", "css", "scss"]
+          }
+        ]
+      }),
+      // 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,
+      splitChunks: {
+        chunks: "async",
+        minSize: 0,
+        // minRemainingSize: 0,
+        minChunks: 1,
+        maxAsyncRequests: 30,
+        maxInitialRequests: 30
+        // enforceSizeThreshold: 50000,
+      },
+      minimize: isProd2,
+      minimizer: [
+        new rspack$2.SwcJsMinimizerRspackPlugin(),
+        new rspack$2.LightningCssMinimizerRspackPlugin()
+      ]
+    }
+  };
+  return merge(baseConfig$1(projectRoot), config);
+};
+const ssrConfig$1 = (projectRoot) => {
+  const isProd2 = process.env.NODE_ENV === "production";
+  const ssrConfig2 = {
+    target: ["node", "es2022"],
+    // Явно указываем современную версию Node.js с поддержкой ESM
+    mode: !isProd2 ? "development" : "production",
+    entry: {
+      main: path.resolve(projectRoot, "src/client.js")
+    },
+    output: {
+      filename: "main.js",
+      path: path.resolve(projectRoot, "builds/web/server"),
+      // Явно указываем формат чанков
+      chunkFormat: "module",
+      library: {
+        type: "module"
+      },
+      clean: true,
+      module: true,
+      environment: {
+        module: true
+      }
+    },
+    experiments: {
+      outputModule: true
+    },
+    module: {
+      rules: [
+        {
+          test: /\.css$/,
+          use: "null-loader"
+        }
+      ]
+    },
+    optimization: {
+      minimize: false
+    },
+    externals: [
+      nodeExternals({
+        allowlist: [
+          /^@ozdao*/,
+          /\.(css|sass|scss)$/,
+          /\.(vue)$/,
+          /\.(html)$/
+        ],
+        importType: "module"
+      })
+    ],
+    plugins: [
+      new rspack$2.optimize.LimitChunkCountPlugin({
+        maxChunks: 1
+      }),
+      ...isProd2 ? [new RspackManifestPlugin({
+        fileName: "manifest.json"
+      })] : []
+    ]
+  };
+  return merge(baseConfig$1(projectRoot), ssrConfig2);
+};
+const { rspack: rspack$1 } = core;
+const isProd$1 = process.env.NODE_ENV === "production";
+const spaConfig$1 = (projectRoot) => {
+  const spaConfig2 = {
+    mode: !isProd$1 ? "development" : "production",
+    devtool: "source-map",
+    entry: {
+      main: path.resolve(projectRoot, "src/client.js")
+    },
+    output: {
+      filename: "main.js",
+      path: path.resolve(projectRoot, "builds/web/spa"),
+      clean: true
+    },
+    target: "web",
+    plugins: [
+      // ...(!isProd ? [new rspack.HotModuleReplacementPlugin()] : []),
+      new StatsWriterPlugin(),
+      new rspack$1.optimize.LimitChunkCountPlugin({
+        maxChunks: 1
+      }),
+      new rspack$1.HtmlRspackPlugin({
+        templateContent: async () => {
+          const meta = {
+            htmlAttrs: 'lang="en"',
+            headAttrs: "",
+            bodyAttrs: "",
+            // head: '<meta name="description" content="Example">',
+            body: ""
+          };
+          const data = {
+            googleTagId: process.env.GOOGLE_TAG_ID,
+            googleMapApiKey: process.env.GOOGLE_MAPS_API_KEY,
+            meta
+          };
+          return Mustache.render(template, data);
+        },
+        filename: "index.html",
+        inject: "body"
+      }),
+      // new rspack.CopyRspackPlugin({
+      //   patterns: [
+      //     { from: path.resolve(projectRoot, "../public/logo"), to: 'logo' },
+      //     { from: path.resolve(projectRoot, "../public/walkthrough"), to: 'walkthrough' },
+      //     { from: path.resolve(projectRoot, "../public/icons"), to: 'icons' }
+      //   ]
+      // })
+      // 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);
+};
+const { rspack } = core;
+const apiConfig = (projectRoot) => {
+  return {
+    target: "node",
+    mode: "development",
+    entry: [path.resolve(projectRoot, "src/server.js")],
+    output: {
+      filename: "server.js",
+      path: path.resolve(projectRoot, "builds/web/server"),
+      libraryTarget: "module",
+      chunkFormat: "module",
+      module: true,
+      clean: true
+    },
+    experiments: {
+      outputModule: true
+    },
+    resolve: {
+      alias: {
+        "@martyrs": path.resolve(projectRoot, "martyrs")
+      },
+      fallback: {
+        path: false
+      }
+    },
+    // Добавляем externalsType для ES modules
+    externalsType: "module",
+    externals: [
+      nodeExternals({
+        allowlist: [],
+        // Важно! Указываем importType для ES modules
+        importType: "module"
+      }),
+      // Для .node файлов тоже используем module
+      function({ context, request }, callback) {
+        if (/\.node$/.test(request)) {
+          return callback(null, `module ${request}`);
+        }
+        callback();
+      }
+    ],
+    plugins: [],
+    module: {
+      rules: [
+        {
+          test: /\.node$/,
+          loader: "node-loader"
+        }
+      ]
+    }
+  };
+};
+const rspackConfigs = {
+  baseConfig: baseConfig$1,
+  clientConfig: clientConfig$1,
+  apiConfig,
+  spaConfig: spaConfig$1,
+  ssrConfig: ssrConfig$1
+};
+const baseConfig = (projectRoot) => {
+  return {
+    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")
+      },
+      fallback: {
+        path: false
+      },
+      extensions: [".js", ".json", ".jsx", ".ts", ".tsx"]
+    },
+    module: {
+      rules: [
+        {
+          test: /\.m?js$/,
+          exclude: /node_modules\/(?!(vue-meta)\/).*/,
+          use: {
+            loader: "babel-loader",
+            options: {
+              configFile: path.resolve(projectRoot, "babel.config.js"),
+              // Добавляем опции для ESM
+              presets: [
+                ["@babel/preset-env", {
+                  modules: false,
+                  // Важно: отключаем преобразование в CommonJS
+                  targets: {
+                    node: "current"
+                  }
+                }]
+              ],
+              plugins: [
+                // Заменяем @babel/plugin-transform-runtime на ESM совместимую версию
+                ["@babel/plugin-transform-runtime", {
+                  useESModules: true,
+                  // Важно: используем ESM версию хелперов
+                  regenerator: true
+                }]
+              ]
+            }
+          }
+        },
+        {
+          test: /\.vue$/,
+          use: [
+            {
+              loader: "vue-loader"
+            }
+          ]
+        },
+        {
+          test: /\.(sa|sc|c)ss$/,
+          use: [
+            process.env.NODE_ENV !== "production" ? "vue-style-loader" : MiniCssExtractPlugin.loader,
+            {
+              loader: "css-loader",
+              options: {
+                sourceMap: true,
+                url: {
+                  filter: (url, resourcePath) => {
+                    if (url.indexOf("/fonts/") == 0) {
+                      return false;
+                    }
+                    return true;
+                  }
+                }
+              }
+            },
+            {
+              loader: "sass-loader",
+              options: {
+                sourceMap: true
+              }
+            }
+          ]
+        },
+        {
+          test: /\.(?:ico|gif|png|jpg|jpeg|mp4|webp|webm|svg|woff2?|eot|ttf|otf)$/i,
+          use: {
+            loader: "url-loader",
+            options: {
+              emitFile: false
+            }
+          }
+        }
+      ]
+    },
+    plugins: [
+      ...process.env.BUNDLE_ANALYZER ? [new BundleAnalyzerPlugin()] : [],
+      new MiniCssExtractPlugin({
+        filename: "[name].[contenthash].css",
+        chunkFilename: "[id].[contenthash].css",
+        ignoreOrder: true
+      }),
+      new CleanWebpackPlugin(),
+      new VueLoaderPlugin(),
+      new Dotenv({
+        path: `.env.${process.env.NODE_ENV}`
+      }),
+      new webpack.DefinePlugin({
+        __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
+      })
+    ],
+    infrastructureLogging: {
+      level: "verbose"
+    },
+    stats: {
+      colors: true,
+      hash: true,
+      version: true,
+      timings: true,
+      assets: true,
+      chunks: true,
+      modules: true,
+      reasons: true,
+      children: true,
+      source: true,
+      errors: true,
+      errorDetails: true,
+      errorStack: true,
+      warnings: true,
+      publicPath: true
+    }
+  };
+};
+const clientConfig = (projectRoot) => {
+  const isProd2 = process.env.NODE_ENV === "production";
+  const config = {
+    mode: !isProd2 ? "development" : "production",
+    devtool: !isProd2 ? "inline-source-map" : "source-map",
+    entry: {
+      main: !isProd2 ? [path.resolve("../utils/hot-reload.js"), path.resolve(projectRoot, "src/client.js")] : path.resolve(projectRoot, "src/client.js")
+    },
+    module: {
+      rules: []
+    },
+    output: {
+      filename: "[name].[fullhash].js",
+      chunkFilename: "[name].[contenthash].js",
+      path: path.resolve(projectRoot, "builds/web/client"),
+      publicPath: "/",
+      clean: true
+    },
+    plugins: [
+      // ...(!isProd ? [new webpack.HotModuleReplacementPlugin()] : []),
+      new StatsWriterPlugin(),
+      ...!isProd2 ? [
+        // new WorkboxPlugin.GenerateSW({
+        //   clientsClaim: true,
+        //   skipWaiting: true,
+        //   disableDevLogs: true
+        // }),
+      ] : [],
+      new PurgeCSSPlugin({
+        printRejected: true,
+        paths: glob.sync([
+          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")
+        ]),
+        safelist: {
+          standard: ["safelisted", /^html/, /^:root/],
+          deep: [/^safelisted-deep-/, /^html/, /^:root/],
+          greedy: [/data-v-.*/]
+        },
+        extractors: [
+          {
+            extractor: (content) => {
+              return content.match(/[A-Za-z0-9-_:/]+/g) || [];
+            },
+            extensions: ["vue"]
+          }
+        ]
+      })
+    ],
+    optimization: {
+      usedExports: true,
+      splitChunks: {
+        chunks: "async",
+        minSize: 0,
+        minRemainingSize: 0,
+        minChunks: 1,
+        maxAsyncRequests: 30,
+        maxInitialRequests: 30,
+        enforceSizeThreshold: 5e4,
+        cacheGroups: {
+          vendor: {
+            test: /[\\/]node_modules[\\/]/,
+            name: "vendors",
+            priority: -10,
+            reuseExistingChunk: true
+          }
+        }
+      },
+      minimize: isProd2,
+      minimizer: [new TerserPlugin(), new CssMinimizerPlugin()]
+    }
+  };
+  return merge(baseConfig(projectRoot), config);
+};
+const serverConfig = (projectRoot) => {
+  return {
+    target: "node",
+    mode: "development",
+    entry: [path.resolve(projectRoot, "src/server.js")],
+    output: {
+      filename: "server.[fullhash].js",
+      path: path.resolve(projectRoot, "builds/web/server"),
+      libraryTarget: "module",
+      module: true,
+      clean: true
+    },
+    experiments: {
+      outputModule: true
+    },
+    resolve: {
+      alias: {
+        "@martyrs": path.resolve(projectRoot, "martyrs")
+      },
+      fallback: {
+        path: false
+      }
+    },
+    externals: [nodeExternals({
+      // Добавляем опцию importType для использования ESM импортов
+      importType: "module"
+    })],
+    plugins: [new webpack.HotModuleReplacementPlugin()]
+  };
+};
+const isProd = process.env.NODE_ENV === "production";
+const spaConfig = (projectRoot) => {
+  const spaConfig2 = {
+    mode: !isProd ? "development" : "production",
+    devtool: "source-map",
+    entry: {
+      main: path.resolve(projectRoot, "src/client.js")
+    },
+    output: {
+      filename: "main.js",
+      path: path.resolve(projectRoot, "builds/web/spa"),
+      clean: true
+    },
+    target: "web",
+    plugins: [
+      // ...(!isProd ? [new webpack.HotModuleReplacementPlugin()] : []),
+      new StatsWriterPlugin(),
+      new webpack.optimize.LimitChunkCountPlugin({
+        maxChunks: 1
+      }),
+      new HtmlWebpackPlugin({
+        templateContent: async () => {
+          const meta = {
+            htmlAttrs: 'lang="en"',
+            headAttrs: "",
+            bodyAttrs: "",
+            // head: '<meta name="description" content="Example">',
+            body: ""
+          };
+          const data = {
+            googleTagId: process.env.GOOGLE_TAG_ID,
+            googleMapApiKey: process.env.GOOGLE_MAPS_API_KEY,
+            meta
+          };
+          return Mustache.render(template, data);
+        },
+        filename: "index.html",
+        inject: "body"
+      })
+      // new CopyWebpackPlugin({
+      //   patterns: [
+      //     { from: path.resolve(projectRoot, "../public/logo"), to: 'logo' },
+      //     { from: path.resolve(projectRoot, "../public/walkthrough"), to: 'walkthrough' },
+      //     { from: path.resolve(projectRoot, "../public/icons"), to: 'icons' }
+      //   ]
+      // })
+      // new ServiceWorkerPlugin()
+    ],
+    optimization: {
+      minimizer: [new TerserPlugin(), new CssMinimizerPlugin()]
+    }
+  };
+  return merge(clientConfig(projectRoot), spaConfig2);
+};
+const ssrConfig = (projectRoot) => {
+  const isProd2 = process.env.NODE_ENV === "production";
+  const ssrConfig2 = {
+    target: "node",
+    mode: !isProd2 ? "development" : "production",
+    entry: {
+      main: path.resolve(projectRoot, "src/client.js")
+    },
+    output: {
+      filename: "main.[fullhash].js",
+      path: path.resolve(projectRoot, "builds/web/server"),
+      libraryTarget: "module",
+      module: true,
+      clean: true
+    },
+    experiments: {
+      outputModule: true
+    },
+    module: {
+      rules: [
+        {
+          test: /\.css$/,
+          use: "null-loader"
+        }
+      ]
+    },
+    optimization: {
+      minimize: false
+    },
+    plugins: [
+      new webpack.optimize.LimitChunkCountPlugin({
+        maxChunks: 1
+      }),
+      ...isProd2 ? [
+        new WebpackManifestPlugin({
+          fileName: "manifest.json"
+        })
+      ] : []
+    ],
+    externals: [
+      nodeExternals({
+        allowlist: [/^vue-meta*/, /\.(css|sass|scss)$/, /\.(vue)$/, /\.(html)$/],
+        // Добавляем опцию importType для использования ESM импортов
+        importType: "module"
+      })
+    ]
+  };
+  return merge(baseConfig(projectRoot), ssrConfig2);
+};
+const webpackConfigs = {
+  baseConfig,
+  clientConfig,
+  serverConfig,
+  spaConfig,
+  ssrConfig
+};
+const builder = {
+  rspackConfigs,
+  createSsrRspackDevServer: createSsrDevServer,
+  webpackConfigs,
+  createSsrDevServer: createSsrDevServer$1,
+  createSsrProdServer,
+  createSpaDevServer,
+  createSpaProdServer
+};
+export {
+  createSpaDevServer,
+  createSpaProdServer,
+  createSsrDevServer$1 as createSsrDevServer,
+  createSsrProdServer,
+  createSsrDevServer as createSsrRspackDevServer,
+  builder as default,
+  rspackConfigs,
+  webpackConfigs
+};