@ozdao/martyrs 0.2.526 → 0.2.528

package/dist/builder.cjs

@@ -24,13 +24,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const history = require("connect-history-api-fallback");
 const path = require("path");
-const webpack = require("webpack");
+const chalk = require("chalk");
+const core = require("@rspack/core");
 const devMiddleware = require("webpack-dev-middleware");
 const express = require("express");
 const fs = require("fs");
-const chalk = require("chalk");
-const core = require("@rspack/core");
 const Mustache = require("mustache");
+const Beasties = require("beasties");
 const compression = require("compression");
 const vite = require("vite");
 const vueLoader = require("vue-loader");
@@ -45,11 +45,6 @@ const workboxRspackPlugin = require("@aaroon/workbox-rspack-plugin");
 const purgecssWebpackPlugin = require("purgecss-webpack-plugin");
 const rspackManifestPlugin = require("rspack-manifest-plugin");
 const nodeExternals = require("webpack-node-externals");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-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");
@@ -74,32 +69,21 @@ function _interopNamespaceDefault(e) {
   n.default = e;
   return Object.freeze(n);
 }
-const history__namespace = /* @__PURE__ */ _interopNamespaceDefault(history);
 const purgecss__namespace = /* @__PURE__ */ _interopNamespaceDefault(purgecss);
-function createSpaDevServer$1(projectRoot, { spaConfig: spaConfig2, apiConfig: apiConfig2 }) {
-  const spaCompiler = webpack(spaConfig2);
-  const serverCompiler = webpack(apiConfig2);
+function createSpaDevServer(projectRoot, configs, createServer) {
+  const { spa, api } = configs;
+  const spaCompiler = core.rspack(spa);
+  const serverCompiler = core.rspack(api);
   const createDevRenderer = () => {
-    const colors2 = {
-      reset: "\x1B[0m",
-      greenBright: "\x1B[92;1m",
-      // яркий зеленый + жирный
-      blueBright: "\x1B[94m",
-      // яркий синий
-      yellow: "\x1B[33m"
-      // желтый
-    };
-    const progressPlugin = new webpack.ProgressPlugin((percentage, message, ...args) => {
-      process.stdout.write(
-        colors2.greenBright + `${(percentage * 100).toFixed(2)}% ` + colors2.reset + colors2.blueBright + message + colors2.reset + " " + args.map((arg) => colors2.yellow + arg + colors2.reset).join(" ")
-      );
+    const progressPlugin = new core.ProgressPlugin((percentage, message, ...args) => {
     });
-    spaConfig2.plugins.push(progressPlugin);
+    spa.plugins = spa.plugins || [];
+    spa.plugins.push(progressPlugin);
   };
   let serverInstance;
   let serverModule;
   const clientDevMiddleware = devMiddleware(spaCompiler, {
-    publicPath: spaConfig2.output.publicPath,
+    publicPath: spa.output.publicPath,
     stats: false
   });
   const port = process.env.PORT || 8080;
@@ -108,7 +92,6 @@ function createSpaDevServer$1(projectRoot, { spaConfig: spaConfig2, apiConfig: a
       serverInstance.close();
     }
     if (!serverModule) {
-      console.error("Серверный модуль еще не скомпилирован");
       return;
     }
     let { app, server, env } = await serverModule.createServer();
@@ -128,8 +111,6 @@ function createSpaDevServer$1(projectRoot, { spaConfig: spaConfig2, apiConfig: a
     serverInstance = server;
     try {
       await server.listen(port);
-      console.log(`Server started at http://localhost:${port}
-`);
     } catch (err) {
       console.error(err);
       process.exit(1);
@@ -140,16 +121,15 @@ function createSpaDevServer$1(projectRoot, { spaConfig: spaConfig2, apiConfig: a
       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;
+      const statsJson = stats.toJson();
+      const { outputPath } = statsJson;
+      const entryName = Object.keys(statsJson.entrypoints)[0];
+      const assetName = statsJson.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);
@@ -158,10 +138,18 @@ function createSpaDevServer$1(projectRoot, { spaConfig: spaConfig2, apiConfig: a
   createDevRenderer();
   return startServer;
 }
-function createSpaProdServer(projectRoot, config, createServer) {
+function createSpaProdServer(projectRoot, configs, createServer) {
   const port = process.env.PORT || 8080;
+  let cachedIndexHtml = null;
   const startServer = async () => {
     let { app, server } = await createServer.createServer();
+    try {
+      cachedIndexHtml = fs.readFileSync(path.resolve(projectRoot, "builds/web/spa", "index.html"), "utf-8");
+      console.log("Index.html cached in memory");
+    } catch (err) {
+      console.error("Cannot read index.html:", err);
+      process.exit(1);
+    }
     app.use(express.static(path.resolve(projectRoot, "builds/web/spa")));
     app.use(
       history({
@@ -169,20 +157,10 @@ function createSpaProdServer(projectRoot, config, createServer) {
       })
     );
     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);
+      res.writeHead(200, {
+        "Content-Type": "text/html; charset=utf-8"
       });
+      res.end(cachedIndexHtml);
     });
     try {
       await server.listen(port);
@@ -195,130 +173,21 @@ function createSpaProdServer(projectRoot, config, createServer) {
   };
   return startServer;
 }
-function createSpaDevServer(projectRoot, { spaConfig: spaConfig2, apiConfig: apiConfig2 }) {
-  const spaCompiler = core.rspack(spaConfig2);
-  const serverCompiler = core.rspack(apiConfig2);
-  const createDevRenderer = () => {
-    const progressPlugin = new core.ProgressPlugin((percentage, message, ...args) => {
-      console.log(
-        chalk.greenBright(`${(percentage * 100).toFixed(2)}% `) + chalk.blueBright(message) + " " + args.map((arg) => chalk.yellow(arg)).join(" ")
-      );
-    });
-    spaConfig2.plugins = spaConfig2.plugins || [];
-    spaConfig2.plugins.push(progressPlugin);
-  };
-  let serverInstance;
-  let serverModule;
-  const clientDevMiddleware = devMiddleware(spaCompiler, {
-    publicPath: spaConfig2.output.publicPath,
-    stats: false
-  });
-  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(history__namespace());
-    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));
-    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);
-    }
-  });
-  createDevRenderer();
-  return startServer;
-}
 const page = `
   <html {{{ meta.htmlAttrs }}}>
     <head {{{ meta.headAttrs }}}>
       {{{ meta.headTags }}}
-      <meta charset="UTF-8">
-      
-      <!-- Facebook Domain Verification -->
-      {{#facebookDomainVerification}}
-      <meta name="facebook-domain-verification" content="{{facebookDomainVerification}}">
-      {{/facebookDomainVerification}}
       
+      <meta charset="UTF-8">
       <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 }}}>
@@ -333,6 +202,25 @@ const page = `
       </script>
       
       {{{ meta.body }}} {{{ body }}}
+      
+      <script>
+        // Load PWA manifest after initial render
+        if ('requestIdleCallback' in window) {
+          requestIdleCallback(() => {
+            const link = document.createElement('link');
+            link.rel = 'manifest';
+            link.href = '/manifest.json';
+            document.head.appendChild(link);
+          });
+        } else {
+          setTimeout(() => {
+            const link = document.createElement('link');
+            link.rel = 'manifest';
+            link.href = '/manifest.json';
+            document.head.appendChild(link);
+          }, 0);
+        }
+      </script>
     </body>
   </html>
 `;
@@ -363,226 +251,194 @@ const createHtmlRenderer$1 = (onTemplateUpdate) => {
     return Mustache.render(page, 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) => {
-    return config;
-  };
-  const clientConfigWithHmr = addHmrToClientConfig({ ...clientConfig2 });
-  const clientCompiler = core.rspack(clientConfigWithHmr);
-  const ssrCompiler = core.rspack(ssrConfig2);
-  const createDevRenderer = () => {
-    const createHotReloadingServerRenderer = (config) => {
-      const progressPlugin = new core.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;
+function createAssetResolver(statsJson) {
+  return {
+    collect(usedModules = [], options = {}) {
+      const initialFiles = /* @__PURE__ */ new Set();
+      const moduleFiles = /* @__PURE__ */ new Set();
+      const entrypointName = statsJson?.entrypoints?.app ? "app" : "main";
+      if (statsJson?.entrypoints?.[entrypointName]?.assets) {
+        for (const asset of statsJson.entrypoints[entrypointName].assets) {
+          const filename = typeof asset === "string" ? asset : asset.name;
+          if (filename) initialFiles.add(filename);
         }
-        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()));
+      }
+      if (usedModules.length > 0 && statsJson?.assetsByChunkName) {
+        for (const moduleName of usedModules) {
+          const chunkName = `module-${moduleName}`;
+          if (statsJson.assetsByChunkName[chunkName]) {
+            const assets = statsJson.assetsByChunkName[chunkName];
+            const assetList = Array.isArray(assets) ? assets : [assets];
+            for (const asset of assetList) {
+              moduleFiles.add(asset);
             }
-          });
-          return;
+          }
+          if (statsJson.assetsByChunkName[moduleName]) {
+            const assets = statsJson.assetsByChunkName[moduleName];
+            const assetList = Array.isArray(assets) ? assets : [assets];
+            for (const asset of assetList) {
+              moduleFiles.add(asset);
+            }
+          }
         }
-        const { entrypoints, outputPath } = jsonStats;
-        const { main: { assets: [mainChunkPath] } } = entrypoints;
-        const mainModulePath = path.resolve(outputPath, mainChunkPath.name);
-        const module2 = await import(mainModulePath);
-        renderApp2 = module2.render;
-        setCompilationDone();
+      } else if (usedModules.length > 0 && statsJson?.modules && statsJson?.chunks) {
+        const neededChunks = /* @__PURE__ */ new Set();
+        for (const module2 of statsJson.modules) {
+          const moduleId = module2.identifier || module2.id || module2.name;
+          if (!moduleId) continue;
+          const isUsed = usedModules.some(
+            (used) => moduleId.includes(used) || used.includes(moduleId)
+          );
+          if (isUsed && module2.chunks) {
+            for (const chunkId of module2.chunks) {
+              neededChunks.add(chunkId);
+            }
+          }
+        }
+        for (const chunk of statsJson.chunks) {
+          if (neededChunks.has(chunk.id)) {
+            for (const file of chunk.files || []) {
+              moduleFiles.add(file);
+            }
+          }
+        }
+      }
+      const initialJs = [];
+      const moduleJs = [];
+      const css = [];
+      for (const file of initialFiles) {
+        if (file.endsWith(".js")) initialJs.push(file);
+        if (file.endsWith(".css")) css.push(file);
+      }
+      initialJs.sort((a, b) => {
+        const getPriority = (file) => {
+          if (file.includes("runtime")) return 1;
+          if (file.includes("vue")) return 2;
+          if (file.includes("vendor")) return 3;
+          if (file.includes("main")) return 4;
+          return 5;
+        };
+        return getPriority(a) - getPriority(b);
       });
-      return async (stuff) => {
-        await ssrCompilation;
-        return await renderApp2(stuff);
+      for (const file of moduleFiles) {
+        if (file.endsWith(".js") && !initialFiles.has(file)) {
+          moduleJs.push(file);
+        }
+        if (file.endsWith(".css") && !initialFiles.has(file)) {
+          css.push(file);
+        }
+      }
+      const publicPath = "/";
+      if (options.criticalCss) {
+        const result2 = {
+          head: [
+            // Modulepreload для ВСЕХ initial chunks для параллельной загрузки
+            ...initialJs.map((src) => `<link rel="modulepreload" href="${publicPath}${src}">`),
+            // Module chunks as modulepreload
+            ...moduleJs.map((src) => `<link rel="modulepreload" href="${publicPath}${src}">`),
+            // CSS файлы будут обработаны Beasties, поэтому добавляем их как обычные link теги
+            ...css.map((href) => `<link rel="stylesheet" href="${publicPath}${href}">`)
+          ].join("\n"),
+          // Script tags в body для выполнения после загрузки
+          body: initialJs.map((src) => `<script type="module" src="${publicPath}${src}"></script>`).join("\n")
+        };
+        return result2;
+      }
+      const result = {
+        head: [
+          // Modulepreload для ВСЕХ initial chunks для параллельной загрузки
+          ...initialJs.map((src) => `<link rel="modulepreload" href="${publicPath}${src}">`),
+          // Module chunks as modulepreload
+          ...moduleJs.map((src) => `<link rel="modulepreload" href="${publicPath}${src}">`),
+          ...css.map((href) => `<link rel="stylesheet" href="${publicPath}${href}">`)
+        ].join("\n"),
+        // Script tags в body для выполнения после загрузки
+        body: initialJs.map((src) => `<script type="module" src="${publicPath}${src}"></script>`).join("\n")
       };
-    };
-    const renderApp = createHotReloadingServerRenderer(ssrConfig2);
-    const renderHtml2 = createHtmlRenderer$1();
-    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) => {
-      });
+      return result;
     }
-    app.use("/*", async (req, res) => {
+  };
+}
+function createBeastiesProcessor(projectRoot, options = {}) {
+  const cssPath = path.join(projectRoot, "builds/web/client");
+  console.log("[Beasties] Initializing with CSS path:", cssPath);
+  const beasties = new Beasties({
+    // ВАЖНО: указываем путь к директории с CSS файлами
+    path: cssPath,
+    // Публичный путь для резолва URL в link тегах
+    publicPath: "/",
+    // Обрабатывать внешние CSS файлы
+    external: true,
+    // Встроить ВСЕ используемые стили без ограничений
+    inlineThreshold: 0,
+    // Lazy-load остальные стили через swap
+    preload: "swap",
+    // НЕ УДАЛЯТЬ встроенные правила из внешних файлов (иначе ломается для последующих запросов)
+    pruneSource: false,
+    // Добавить noscript fallback для браузеров без JS
+    noscriptFallback: true,
+    // Минифицировать встроенные стили
+    compress: true,
+    // Встраивать критические keyframes
+    keyframes: "critical",
+    // Встраивать используемые шрифты
+    fonts: true,
+    // Уровень логирования для отладки
+    logLevel: process.env.NODE_ENV === "production" ? "warn" : "info",
+    // Дополнительные опции пользователя
+    ...options
+  });
+  return {
+    async processHtml(html, { url } = {}) {
       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");
+        console.log("[Beasties] Processing HTML for URL:", url);
+        const cssLinks = html.match(/<link[^>]*rel="stylesheet"[^>]*>/g);
+        console.log("[Beasties] Found CSS links:", cssLinks?.length || 0);
+        const processedHtml = await beasties.process(html);
+        const hasInlineStyles = processedHtml.includes("<style>");
+        const hasSwapLinks = processedHtml.includes(`onload="this.media='all'`);
+        console.log("[Beasties] Critical CSS inlined:", hasInlineStyles);
+        console.log("[Beasties] CSS lazy-loading enabled:", hasSwapLinks);
+        const inlineStyleMatch = processedHtml.match(/<style[^>]*>([\s\S]*?)<\/style>/);
+        if (inlineStyleMatch) {
+          const inlineSize = inlineStyleMatch[1].length;
+          console.log("[Beasties] Inline CSS size:", Math.round(inlineSize / 1024), "KB");
+        }
+        const optimizedHtml = removeDuplicateStyles(processedHtml);
+        return optimizedHtml;
+      } catch (error) {
+        console.error("[Beasties] Processing error:", error);
+        console.error("[Beasties] Error stack:", error.stack);
+        return 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;
 }
-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();
-    app.use(
-      clientConfig2.output.publicPath,
-      express.static(path.resolve(projectRoot, "builds/web/client"), {
-        maxAge: "1d"
-        // Кэширование на 1 день
-      })
-    );
-    const { render } = await import(path.join(
-      apiConfig2.output.path,
-      serverManifest["main.js"]
-    ));
-    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);
+function removeDuplicateStyles(html) {
+  const styleRegex = /<style[^>]*>([\s\S]*?)<\/style>/gi;
+  const styles = /* @__PURE__ */ new Set();
+  return html.replace(styleRegex, (match, content) => {
+    const trimmedContent = content.trim();
+    if (styles.has(trimmedContent)) {
+      return "";
     }
-  };
-  return start;
+    styles.add(trimmedContent);
+    return match;
+  });
 }
-function createSsrDevServer(projectRoot, { clientConfig: clientConfig2, apiConfig: apiConfig2, ssrConfig: ssrConfig2 }) {
-  const clientCompiler = core.rspack(clientConfig2);
-  const ssrCompiler = core.rspack(ssrConfig2);
-  const serverCompiler = core.rspack(apiConfig2);
+function createSsrDevServer(projectRoot, configs, createServer) {
+  const { client, api, ssr } = configs;
+  const clientCompiler = core.rspack(client);
+  const ssrCompiler = core.rspack(ssr);
+  const serverCompiler = core.rspack(api);
+  const beastiesProcessor = createBeastiesProcessor(projectRoot);
   const createDevRenderer = (onUpdate) => {
-    const createHotReloadingServerRenderer = (config) => {
+    const createHotReloadingServerRenderer = () => {
       const progressPlugin = new core.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);
+      ssr.plugins = ssr.plugins || [];
+      ssr.plugins.push(progressPlugin);
       let renderApp2 = null;
-      let setCompilationDone = null;
-      let ssrCompilation = new Promise((resolve) => {
-        setCompilationDone = resolve;
-      });
       ssrCompiler.watch(
         {
           "info-verbosity": "none"
@@ -613,30 +469,54 @@ function createSsrDevServer(projectRoot, { clientConfig: clientConfig2, apiConfi
           const { entrypoints, outputPath } = jsonStats;
           const { main: { assets: [mainChunkPath] } } = entrypoints;
           const mainModulePath = path.resolve(outputPath, mainChunkPath.name);
-          const module2 = await import(mainModulePath);
-          renderApp2 = module2.render;
-          setCompilationDone();
+          const module2 = await import(`${mainModulePath}?t=${Date.now()}`);
+          renderApp2 = module2._renderApp;
         }
       );
       return async (stuff) => {
-        await ssrCompilation;
+        if (!renderApp2) {
+          throw new Error("SSR module not compiled yet");
+        }
         const result = await renderApp2(stuff);
         return result;
       };
     };
-    const renderApp = createHotReloadingServerRenderer(ssrConfig2);
+    const renderApp = createHotReloadingServerRenderer();
     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);
+      const ssrContext = {};
+      const { html, meta, state, statusCode, usedModules, loadedModules } = await renderApp({
+        ...stuff,
+        ssrContext
+      });
+      const modulesToLoad = loadedModules || usedModules || [];
+      let head = "";
+      let body = "";
+      if (cachedStatsJson) {
+        const resolver = createAssetResolver(cachedStatsJson);
+        const tags = resolver.collect(modulesToLoad);
+        head = tags.head;
+        body = tags.body;
+      } else if (stats && stats.toJson) {
+        const statsJson = stats.toJson();
+        const resolver = createAssetResolver(statsJson);
+        const tags = resolver.collect(modulesToLoad);
+        head = tags.head;
+        body = tags.body;
+      } else {
+        console.error("[DEBUG ssr.rspack.dev] No stats available!");
+      }
       const initialState = JSON.stringify(state);
-      const completeHtml = await renderHtml2({
+      let completeHtml = await renderHtml2({
         appHtml: html,
         meta,
         head,
         body,
         initialState
       });
+      completeHtml = await beastiesProcessor.processHtml(completeHtml, {
+        url: stuff.url
+      });
       return { html: completeHtml, statusCode };
     };
   };
@@ -648,7 +528,6 @@ function createSsrDevServer(projectRoot, { clientConfig: clientConfig2, apiConfi
       console.error(err);
       return;
     }
-    console.log(stats.toString(apiConfig2.stats));
     try {
       const { outputPath } = stats.toJson();
       const entryName = Object.keys(stats.toJson().entrypoints)[0];
@@ -657,19 +536,31 @@ function createSsrDevServer(projectRoot, { clientConfig: clientConfig2, apiConfi
       if (typeof serverModule.createServer !== "function") {
         throw new Error("Экспорт createServer не найден");
       }
-      console.log("Сервер скомпилирован, перезапуск...");
       await startServer();
     } catch (error) {
       console.error("Ошибка при загрузке серверного модуля:", error);
     }
   });
+  let cachedStatsJson = null;
+  clientCompiler.hooks.done.tap("cache-stats", (stats) => {
+    cachedStatsJson = stats.toJson({
+      assets: true,
+      chunks: true,
+      modules: true,
+      entrypoints: true,
+      chunkModules: true
+    });
+  });
   const clientDevMiddleware = devMiddleware(clientCompiler, {
-    publicPath: clientConfig2.output.publicPath,
+    publicPath: client.output.publicPath,
     serverSideRender: true,
-    stats: "minimal",
-    // или 'errors-only'
     stats: {
-      children: true
+      children: true,
+      assets: true,
+      chunks: true,
+      modules: true,
+      entrypoints: true,
+      chunkModules: true
     }
   });
   const port = process.env.PORT || 8080;
@@ -706,8 +597,6 @@ function createSsrDevServer(projectRoot, { clientConfig: clientConfig2, apiConfi
     serverInstance = server;
     try {
       await server.listen(port);
-      console.log(`Server started at localhost:${port}
-`);
     } catch (err) {
       console.error(err);
       process.exit(1);
@@ -757,7 +646,7 @@ const createSsrViteDevServer = function createSsrDevServer2(projectRoot, { clien
         };
       }
       try {
-        const { html, meta, state, statusCode } = await ssrEntry.render(stuff);
+        const { html, meta, state, statusCode } = await ssrEntry._renderApp(stuff);
         const headTags = [];
         const bodyTags = [];
         bodyTags.push(`<script type="module" src="/@vite/client"></script>`);
@@ -892,7 +781,62 @@ const createSsrViteDevServer = function createSsrDevServer2(projectRoot, { clien
   };
   return startServer;
 };
-const baseConfig$2 = (projectRoot) => {
+function createSsrProdServer(projectRoot, configs, createServer) {
+  const statsJson = 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 resolver = createAssetResolver(statsJson);
+  const beastiesProcessor = createBeastiesProcessor(projectRoot);
+  const startServer = async () => {
+    const { app, server, env } = await createServer.createServer();
+    const { _renderApp } = await import(path.join(
+      path.resolve(projectRoot, "builds/web/server"),
+      serverManifest["main.js"]
+    ));
+    app.use("/*", async (req, res) => {
+      if (req.originalUrl.includes(".js")) {
+        console.log("[SSR] JS request caught in SSR handler:", req.originalUrl);
+      }
+      const ssrContext = {};
+      const { html, meta, state, statusCode, usedModules, loadedModules } = await _renderApp({
+        url: req.originalUrl,
+        cookies: req.cookies,
+        languages: req.acceptsLanguages(),
+        ssrContext
+      });
+      if (state.NotFound) {
+        res.status(404);
+      }
+      const initialState = JSON.stringify(state);
+      const modulesToLoad = loadedModules || usedModules || [];
+      const { head, body } = resolver.collect(modulesToLoad, { criticalCss: true });
+      let completeHtml = await renderHtml({
+        appHtml: html,
+        meta,
+        head,
+        body,
+        initialState
+      });
+      completeHtml = await beastiesProcessor.processHtml(completeHtml, {
+        url: req.originalUrl
+      });
+      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, () => {
+      });
+    } catch (err) {
+      console.error(err);
+      process.exit(1);
+    }
+  };
+  return start;
+}
+const baseConfig$1 = (projectRoot) => {
   return {
     context: projectRoot,
     resolve: {
@@ -950,450 +894,18 @@ const baseConfig$2 = (projectRoot) => {
                       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" : core.rspack.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 rspackPlugin.RsdoctorRspackPlugin(), new webpackBundleAnalyzer.BundleAnalyzerPlugin()] : [],
-      new vueLoader.VueLoaderPlugin(),
-      ...process.env.NODE_ENV === "production" ? [new core.rspack.CssExtractRspackPlugin({
-        filename: "[name].[contenthash].css",
-        chunkFilename: "[id].[contenthash].css",
-        ignoreOrder: true
-      })] : [],
-      new cleanWebpackPlugin.CleanWebpackPlugin(),
-      new Dotenv({
-        path: `.env.${process.env.NODE_ENV}`
-        // ...(process.env.MODE === "SPA" ? [{path: '.env.mobile'}] : []),
-      }),
-      new core.rspack.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: {
-      // Минимальный вывод
-      preset: "minimal",
-      // Или более детальная настройка:
-      modules: false,
-      chunks: false,
-      chunkModules: false,
-      chunkOrigins: false,
-      entrypoints: false,
-      assets: false,
-      moduleTrace: false,
-      errorDetails: false,
-      // Показывать только ошибки и предупреждения
-      errors: true,
-      warnings: true,
-      // Цвета в терминале
-      colors: 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: 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 webpackStatsPlugin.StatsWriterPlugin(),
-      new purgecssWebpackPlugin.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 PWA PWA PWA PWA
-      ...isProd2 ? [
-        new workboxRspackPlugin.InjectManifest({
-          swSrc: path.resolve(projectRoot, "../public/sw.js"),
-          swDest: "sw.js",
-          exclude: [
-            /\.html$/,
-            /\.map$/,
-            /\.js$/,
-            // Исключаем JS из прекэша для SSR
-            /\.css$/
-            // Исключаем CSS из прекэша для SSR
-          ],
-          include: [
-            /\.(png|jpg|jpeg|gif|webp|svg|ico)$/,
-            /\.(woff|woff2|ttf|eot|otf)$/,
-            /favicon/
-          ],
-          manifestTransforms: [
-            (manifestEntries) => {
-              const manifest = manifestEntries.filter((entry) => {
-                return !entry.url.match(/\.(html|map)$/) && entry.size < 5 * 1024 * 1024;
-              });
-              return { manifest };
-            }
-          ]
-        }),
-        new rspackManifestPlugin.RspackManifestPlugin({
-          fileName: "manifest.json",
-          seed: {
-            name: process.env.APP_NAME || "App by Martyrs Framework",
-            short_name: process.env.APP_SHORT_NAME || "App",
-            description: process.env.APP_DESCRIPTION || "Progressive Web App by Martyrs Framework",
-            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 core.rspack.SwcJsMinimizerRspackPlugin(),
-        new core.rspack.LightningCssMinimizerRspackPlugin()
-      ]
-    }
-  };
-  return webpackMerge.merge(baseConfig$2(projectRoot), config);
-};
-const ssrConfig = (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 core.rspack.optimize.LimitChunkCountPlugin({
-        maxChunks: 1
-      }),
-      ...isProd2 ? [new rspackManifestPlugin.RspackManifestPlugin({
-        fileName: "manifest.json"
-      })] : []
-    ]
-  };
-  return webpackMerge.merge(baseConfig$2(projectRoot), ssrConfig2);
-};
-const { rspack: rspack$1 } = core;
-const isProd$1 = process.env.NODE_ENV === "production";
-const spaConfig = (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 webpackStatsPlugin.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(page, 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' }
-      //   ]
-      // })
-    ],
-    optimization: {
-      minimizer: [new rspack$1.SwcJsMinimizerRspackPlugin(), , new rspack$1.LightningCssMinimizerRspackPlugin()]
-    }
-  };
-  return webpackMerge.merge(clientConfig(projectRoot), spaConfig2);
-};
-const { rspack } = core;
-const apiConfig$2 = (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$2,
-  clientConfig,
-  apiConfig: apiConfig$2,
-  spaConfig,
-  ssrConfig
-};
-const baseConfig$1 = (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
-                }]
-              ]
+                  return { code: rewritten };
+                }
+              }
             }
           }
         },
-        {
-          test: /\.vue$/,
-          use: [
-            {
-              loader: "vue-loader"
-            }
-          ]
-        },
         {
           test: /\.(sa|sc|c)ss$/,
           use: [
-            process.env.NODE_ENV !== "production" ? "vue-style-loader" : MiniCssExtractPlugin.loader,
+            // ВСЕГДА используем CssExtractRspackPlugin для SSR
+            // Это нужно чтобы Beasties мог найти CSS файлы
+            core.rspack.CssExtractRspackPlugin.loader,
             {
               loader: "css-loader",
               options: {
@@ -1414,32 +926,33 @@ const baseConfig$1 = (projectRoot) => {
                 sourceMap: true
               }
             }
-          ]
+          ],
+          type: "javascript/auto"
         },
         {
           test: /\.(?:ico|gif|png|jpg|jpeg|mp4|webp|webm|svg|woff2?|eot|ttf|otf)$/i,
-          use: {
-            loader: "url-loader",
-            options: {
-              emitFile: false
-            }
-          }
+          type: "asset/resource"
         }
       ]
     },
+    experiments: {
+      css: false
+    },
     plugins: [
-      ...process.env.BUNDLE_ANALYZER ? [new webpackBundleAnalyzer.BundleAnalyzerPlugin()] : [],
-      new MiniCssExtractPlugin({
-        filename: "[name].[contenthash].css",
-        chunkFilename: "[id].[contenthash].css",
+      ...process.env.BUNDLE_ANALYZER ? [new rspackPlugin.RsdoctorRspackPlugin(), new webpackBundleAnalyzer.BundleAnalyzerPlugin()] : [],
+      new vueLoader.VueLoaderPlugin(),
+      // Используем CssExtractRspackPlugin в обоих режимах
+      new core.rspack.CssExtractRspackPlugin({
+        filename: process.env.NODE_ENV === "production" ? "[name].[contenthash].css" : "[name].css",
+        chunkFilename: process.env.NODE_ENV === "production" ? "[id].[contenthash].css" : "[id].css",
         ignoreOrder: true
       }),
       new cleanWebpackPlugin.CleanWebpackPlugin(),
-      new vueLoader.VueLoaderPlugin(),
       new Dotenv({
         path: `.env.${process.env.NODE_ENV}`
+        // ...(process.env.MODE === "SPA" ? [{path: '.env.mobile'}] : []),
       }),
-      new webpack.DefinePlugin({
+      new core.rspack.DefinePlugin({
         __VUE_I18N_LEGACY_API__: false,
         __VUE_OPTIONS_API__: true,
         __VUE_PROD_DEVTOOLS_: false,
@@ -1454,54 +967,59 @@ const baseConfig$1 = (projectRoot) => {
       level: "verbose"
     },
     stats: {
-      colors: true,
-      hash: true,
-      version: true,
-      timings: true,
-      assets: true,
-      chunks: true,
-      modules: true,
-      reasons: true,
-      children: true,
-      source: true,
+      // Минимальный вывод
+      preset: "minimal",
+      // Или более детальная настройка:
+      modules: false,
+      chunks: false,
+      chunkModules: false,
+      chunkOrigins: false,
+      entrypoints: false,
+      assets: false,
+      moduleTrace: false,
+      errorDetails: false,
+      // Показывать только ошибки и предупреждения
       errors: true,
-      errorDetails: true,
-      errorStack: true,
       warnings: true,
-      publicPath: true
+      // Цвета в терминале
+      colors: true
     }
   };
 };
-const ssrClientConfig$1 = (projectRoot) => {
+const clientConfig = (projectRoot) => {
   const isProd2 = process.env.NODE_ENV === "production";
   const config = {
+    target: "web",
     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")
+      main: path.resolve(projectRoot, "src/client.js")
     },
     module: {
       rules: []
     },
     output: {
-      filename: "[name].[fullhash].js",
-      chunkFilename: "[name].[contenthash].js",
+      filename: "[name].[contenthash:8].js",
+      chunkFilename: "chunks/[name].[contenthash:8].js",
       path: path.resolve(projectRoot, "builds/web/client"),
       publicPath: "/",
       clean: true
     },
     plugins: [
-      // ...(!isProd ? [new webpack.HotModuleReplacementPlugin()] : []),
-      new webpackStatsPlugin.StatsWriterPlugin(),
-      ...!isProd2 ? [
-        // new WorkboxPlugin.GenerateSW({
-        //   clientsClaim: true,
-        //   skipWaiting: true,
-        //   disableDevLogs: true
-        // }),
-      ] : [],
+      // ...(!isProd ? [new rspack.HotModuleReplacementPlugin()] : []),
+      new webpackStatsPlugin.StatsWriterPlugin({
+        filename: "stats.json",
+        stats: {
+          all: false,
+          assets: true,
+          chunks: true,
+          modules: true,
+          entrypoints: true,
+          chunkModules: true,
+          assetsByChunkName: true
+        }
+      }),
       new purgecssWebpackPlugin.PurgeCSSPlugin({
-        printRejected: true,
         paths: glob.sync([
           path.join(projectRoot, "src/**/*.vue"),
           path.join(projectRoot, "src/**/*.js"),
@@ -1516,75 +1034,207 @@ const ssrClientConfig$1 = (projectRoot) => {
         safelist: {
           standard: ["safelisted", /^html/, /^:root/],
           deep: [/^safelisted-deep-/, /^html/, /^:root/],
-          greedy: [/data-v-.*/]
+          greedy: [/^data-v-/, /\[data-v-.*\]/, /\[data-v-[a-zA-Z0-9]*\]/]
         },
+        rejected: true,
         extractors: [
           {
             extractor: (content) => {
-              return content.match(/[A-Za-z0-9-_:/]+/g) || [];
+              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"]
+            extensions: ["vue", "js", "css", "scss"]
           }
         ]
-      })
+      }),
+      // PWA PWA PWA PWA PWA
+      // Simple RspackManifestPlugin configuration
+      new rspackManifestPlugin.RspackManifestPlugin({
+        fileName: "manifest.json",
+        publicPath: "/"
+      }),
+      ...isProd2 ? [
+        new workboxRspackPlugin.InjectManifest({
+          swSrc: path.resolve(projectRoot, "../public/sw.js"),
+          swDest: "sw.js",
+          exclude: [
+            /\.html$/,
+            /\.map$/,
+            /\.js$/,
+            // Исключаем JS из прекэша для SSR
+            /\.css$/
+            // Исключаем CSS из прекэша для SSR
+          ],
+          include: [
+            /\.(png|jpg|jpeg|gif|webp|svg|ico)$/,
+            /\.(woff|woff2|ttf|eot|otf)$/,
+            /favicon/
+          ],
+          manifestTransforms: [
+            (manifestEntries) => {
+              const manifest = manifestEntries.filter((entry) => {
+                return !entry.url.match(/\.(html|map)$/) && entry.size < 5 * 1024 * 1024;
+              });
+              return { manifest };
+            }
+          ]
+        }),
+        new rspackManifestPlugin.RspackManifestPlugin({
+          fileName: "pwa-manifest.json",
+          seed: {
+            name: process.env.APP_NAME || "App by Martyrs Framework",
+            short_name: process.env.APP_SHORT_NAME || "App",
+            description: process.env.APP_DESCRIPTION || "Progressive Web App by Martyrs Framework",
+            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: {
+      sideEffects: false,
       usedExports: true,
+      innerGraph: true,
+      providedExports: true,
+      runtimeChunk: false,
       splitChunks: {
-        chunks: "async",
-        minSize: 0,
-        minRemainingSize: 0,
+        chunks: "all",
+        minSize: 1e4,
         minChunks: 1,
         maxAsyncRequests: 30,
-        maxInitialRequests: 30,
-        enforceSizeThreshold: 5e4,
+        maxInitialRequests: 5,
         cacheGroups: {
+          // Vendor libraries (except Vue)
           vendor: {
-            test: /[\\/]node_modules[\\/]/,
-            name: "vendors",
-            priority: -10,
-            reuseExistingChunk: true
+            test: /[\\/]node_modules[\\/](?!(vue|vue-router|vuex|@vue|@unhead|vue-i18n)[\\/])/,
+            name: "vendor",
+            priority: 10,
+            chunks: "initial",
+            enforce: true
+          },
+          // Vue core framework only
+          vue: {
+            test: /[\\/]node_modules[\\/](vue|vue-router|vuex|@vue|@unhead|vue-i18n)[\\/]/,
+            name: "vue",
+            priority: 20,
+            chunks: "initial",
+            reuseExistingChunk: true,
+            enforce: true
+          },
+          // Martyrs modules - only for async imports
+          modules: {
+            test: /[\\/]martyrs[\\/]src[\\/]modules[\\/]/,
+            chunks: "async",
+            name: false,
+            priority: 5,
+            enforce: true
+          },
+          // Combine all CSS into single file
+          styles: {
+            name: "styles",
+            type: "css/mini-extract",
+            chunks: "all",
+            enforce: true,
+            minChunks: 1,
+            reuseExistingChunk: true,
+            priority: 100
           }
         }
       },
       minimize: isProd2,
-      minimizer: [new TerserPlugin(), new CssMinimizerPlugin()]
+      minimizer: [
+        new core.rspack.SwcJsMinimizerRspackPlugin(),
+        new core.rspack.LightningCssMinimizerRspackPlugin()
+      ]
+    },
+    stats: {
+      assets: true,
+      chunks: true,
+      modules: true,
+      ids: true,
+      entrypoints: true,
+      chunkModules: true
     }
   };
   return webpackMerge.merge(baseConfig$1(projectRoot), config);
 };
-const apiConfig$1 = (projectRoot) => {
-  return {
+const ssrConfig = (projectRoot) => {
+  const isProd2 = process.env.NODE_ENV === "production";
+  const ssrConfig2 = {
     target: "node",
-    mode: "development",
-    entry: [path.resolve(projectRoot, "src/server.js")],
+    // Для совместимости с VueSsrAssetsServerPlugin
+    mode: !isProd2 ? "development" : "production",
+    entry: {
+      main: path.resolve(projectRoot, "src/client.js")
+    },
     output: {
-      filename: "server.[fullhash].js",
+      filename: "main.js",
       path: path.resolve(projectRoot, "builds/web/server"),
-      libraryTarget: "module",
+      // Явно указываем формат чанков
+      chunkFormat: "module",
+      library: {
+        type: "module"
+      },
+      clean: true,
       module: true,
-      clean: true
+      environment: {
+        module: true
+      }
     },
     experiments: {
       outputModule: true
     },
-    resolve: {
-      alias: {
-        "@martyrs": path.resolve(projectRoot, "martyrs")
-      },
-      fallback: {
-        path: false
-      }
+    module: {
+      rules: [
+        // CSS обрабатывается base конфигом, не нужен null-loader
+      ]
     },
-    externals: [nodeExternals({
-      // Добавляем опцию importType для использования ESM импортов
-      importType: "module"
-    })],
-    plugins: [new webpack.HotModuleReplacementPlugin()]
+    optimization: {
+      minimize: false
+    },
+    externals: [
+      nodeExternals({
+        allowlist: [
+          /^@ozdao*/,
+          /\.(css|sass|scss)$/,
+          /\.(vue)$/,
+          /\.(html)$/
+        ],
+        importType: "module"
+      })
+    ],
+    plugins: [
+      new core.rspack.optimize.LimitChunkCountPlugin({
+        maxChunks: 1
+      }),
+      ...isProd2 ? [new rspackManifestPlugin.RspackManifestPlugin({
+        fileName: "manifest.json"
+      })] : []
+    ]
   };
+  return webpackMerge.merge(baseConfig$1(projectRoot), ssrConfig2);
 };
+const { rspack: rspack$1 } = core;
 const isProd = process.env.NODE_ENV === "production";
-const spaClientConfig$1 = (projectRoot) => {
+const spaConfig = (projectRoot) => {
   const spaConfig2 = {
     mode: !isProd ? "development" : "production",
     devtool: "source-map",
@@ -1592,18 +1242,18 @@ const spaClientConfig$1 = (projectRoot) => {
       main: path.resolve(projectRoot, "src/client.js")
     },
     output: {
-      filename: "main.js",
+      filename: "[name].[contenthash:8].js",
       path: path.resolve(projectRoot, "builds/web/spa"),
       clean: true
     },
     target: "web",
     plugins: [
-      // ...(!isProd ? [new webpack.HotModuleReplacementPlugin()] : []),
+      // ...(!isProd ? [new rspack.HotModuleReplacementPlugin()] : []),
       new webpackStatsPlugin.StatsWriterPlugin(),
-      new webpack.optimize.LimitChunkCountPlugin({
+      new rspack$1.optimize.LimitChunkCountPlugin({
         maxChunks: 1
       }),
-      new HtmlWebpackPlugin({
+      new rspack$1.HtmlRspackPlugin({
         templateContent: async () => {
           const meta = {
             htmlAttrs: 'lang="en"',
@@ -1622,76 +1272,78 @@ const spaClientConfig$1 = (projectRoot) => {
         filename: "index.html",
         inject: "body"
       })
-      // new CopyWebpackPlugin({
+      // 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' }
       //   ]
       // })
-      // new ServiceWorkerPlugin()
     ],
     optimization: {
-      minimizer: [new TerserPlugin(), new CssMinimizerPlugin()]
+      minimizer: [new rspack$1.SwcJsMinimizerRspackPlugin(), , new rspack$1.LightningCssMinimizerRspackPlugin()]
     }
   };
-  return webpackMerge.merge(ssrClientConfig$1(projectRoot), spaConfig2);
+  return webpackMerge.merge(clientConfig(projectRoot), spaConfig2);
 };
-const ssrServerConfig$1 = (projectRoot) => {
-  const isProd2 = process.env.NODE_ENV === "production";
-  const ssrConfig2 = {
+const { rspack } = core;
+const apiConfig$1 = (projectRoot) => {
+  return {
     target: "node",
-    mode: !isProd2 ? "development" : "production",
-    entry: {
-      main: path.resolve(projectRoot, "src/client.js")
-    },
+    mode: "development",
+    entry: [path.resolve(projectRoot, "src/server.js")],
     output: {
-      filename: "main.[fullhash].js",
+      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: /\.css$/,
-          use: "null-loader"
+          test: /\.node$/,
+          loader: "node-loader"
         }
       ]
-    },
-    optimization: {
-      minimize: false
-    },
-    plugins: [
-      new webpack.optimize.LimitChunkCountPlugin({
-        maxChunks: 1
-      }),
-      ...isProd2 ? [
-        new webpackManifestPlugin.WebpackManifestPlugin({
-          fileName: "manifest.json"
-        })
-      ] : []
-    ],
-    externals: [
-      nodeExternals({
-        allowlist: [/^vue-meta*/, /\.(css|sass|scss)$/, /\.(vue)$/, /\.(html)$/],
-        // Добавляем опцию importType для использования ESM импортов
-        importType: "module"
-      })
-    ]
+    }
   };
-  return webpackMerge.merge(baseConfig$1(projectRoot), ssrConfig2);
 };
-const webpackConfigs = {
+const rspackConfigs = {
   baseConfig: baseConfig$1,
-  ssrClientConfig: ssrClientConfig$1,
+  clientConfig,
   apiConfig: apiConfig$1,
-  spaClientConfig: spaClientConfig$1,
-  ssrServerConfig: ssrServerConfig$1
+  spaConfig,
+  ssrConfig
 };
 function loadEnv(mode) {
   const envFile = `.env.${mode}`;
@@ -2204,24 +1856,18 @@ const viteConfigs = {
 };
 const builder = {
   rspackConfigs,
-  createSsrRspackDevServer: createSsrDevServer,
-  webpackConfigs,
   viteConfigs,
-  createSsrDevServer: createSsrDevServer$1,
+  createSsrRspackDevServer: createSsrDevServer,
   createSsrViteDevServer,
   createSsrProdServer,
-  createSpaDevServer: createSpaDevServer$1,
   createSpaRspackDevServer: createSpaDevServer,
   createSpaProdServer
 };
-exports.createSpaDevServer = createSpaDevServer$1;
 exports.createSpaProdServer = createSpaProdServer;
 exports.createSpaRspackDevServer = createSpaDevServer;
-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;