@ozdao/martyrs 0.2.491 → 0.2.492

package/src/builder/modes/ssr.vite.dev.js

@@ -2,7 +2,7 @@ import compression from 'compression';
 import fs from 'fs';
 import path from 'path';
 import { createServer as createViteServer } from 'vite';
-import { createHtmlRenderer } from '../ssr/ssr-render-html.js';
+import { createHtmlRenderer } from '../ssr/ssr-render-html.vite.js';
 // Цвета для консоли
 const colors = {
   reset: '\x1b[0m',
@@ -13,7 +13,7 @@ const colors = {
   yellow: '\x1b[33m',
   red: '\x1b[31m',
 };
-export default (function createSsrDevServer(projectRoot, { clientConfig, apiConfig, ssrConfig, createServer }) {
+export default (function createSsrDevServer(projectRoot, { clientConfig, apiConfig, ssrConfig }) {
   let serverInstance;
   let viteDevServer;
   let rendererInstance;
@@ -26,7 +26,8 @@ export default (function createSsrDevServer(projectRoot, { clientConfig, apiConf
       let ssrEntry;
       try {
         // Используем Vite для трансформации и загрузки SSR-скрипта
-        ssrEntry = await vite.ssrLoadModule(ssrConfig.entry);
+        const ssrEntryPath = ssrConfig.build.rollupOptions.input;
+        ssrEntry = await vite.ssrLoadModule(ssrEntryPath);
       } catch (error) {
         console.error(colors.red + 'SSR compilation error' + colors.reset);
         console.error(error);
@@ -43,8 +44,10 @@ export default (function createSsrDevServer(projectRoot, { clientConfig, apiConf
         const bodyTags = [];
         // Добавляем основной скрипт клиентской части
         bodyTags.push(`<script type="module" src="/@vite/client"></script>`);
-        bodyTags.push(`<script type="module" src="${clientConfig.entry}"></script>`);
-        const initialState = JSON.stringify(state);
+        const clientEntryPath = clientConfig.build.rollupOptions.input.main;
+        const relativePath = path.relative(projectRoot, clientEntryPath);
+        bodyTags.push(`<script type="module" src="/${relativePath}"></script>`);
+        const initialState = JSON.stringify(state).replace(/</g, '\\u003c').replace(/>/g, '\\u003e');
         // Рендерим финальный HTML
         const completeHtml = await renderHtml({
           appHtml: html,
@@ -69,10 +72,12 @@ export default (function createSsrDevServer(projectRoot, { clientConfig, apiConf
     if (serverInstance) {
       serverInstance.close();
     }
-    // Очистка кэша модулей
-    Object.keys(require.cache).forEach(id => {
-      delete require.cache[id];
-    });
+    // Очистка кэша модулей (для CJS модулей)
+    if (typeof require !== 'undefined' && require.cache) {
+      Object.keys(require.cache).forEach(id => {
+        delete require.cache[id];
+      });
+    }
     try {
       // Создаем Vite Dev Server
       if (!viteDevServer) {
@@ -80,14 +85,27 @@ export default (function createSsrDevServer(projectRoot, { clientConfig, apiConf
           root: projectRoot,
           server: {
             middlewareMode: true,
-            hmr: true,
+            hmr: {
+              port: 24678, // Используем отдельный порт для HMR
+            },
             watch: {
-              usePolling: true,
-              interval: 100,
+              usePolling: false, // Отключаем polling
+              ignored: ['**/node_modules/**', '**/builds/**'], // Игнорируем ненужные директории
             },
           },
           appType: 'custom',
           logLevel: 'info',
+          // Настройки для SSR
+          ssr: {
+            noExternal: [
+              // Обрабатываем только клиентские зависимости через Vite
+              'vue', 'vue-router', 'vuex', 'vue-meta', '@vue/server-renderer'
+            ],
+            external: [
+              // Исключаем серверные Node.js модули
+              'jsonwebtoken', 'bcryptjs', 'nodemailer', 'crypto'
+            ]
+          },
           // Используем настройки из клиентского конфига
           ...clientConfig,
         });
@@ -95,10 +113,19 @@ export default (function createSsrDevServer(projectRoot, { clientConfig, apiConf
       // Создаем рендерер, если его ещё нет
       if (!rendererInstance) {
         rendererInstance = createDevRenderer(() => {
-          console.log(colors.green + 'Client updated, triggering reload...' + colors.reset);
+          // Теперь этот callback не должен вызываться постоянно
+          console.log(colors.green + 'Template updated' + colors.reset);
         });
       }
-      let { app, server, env } = await createServer();
+      // Динамически импортируем серверный модуль через Vite
+      const serverPath = apiConfig.build.rollupOptions.input;
+      const serverModule = await viteDevServer.ssrLoadModule(serverPath);
+      
+      if (typeof serverModule.createServer !== 'function') {
+        throw new Error("Экспорт createServer не найден");
+      }
+      
+      let { app, server, env } = await serverModule.createServer();
       // Применяем Vite middleware
       app.use(viteDevServer.middlewares);
       // Middleware для SSR
@@ -125,16 +152,22 @@ export default (function createSsrDevServer(projectRoot, { clientConfig, apiConf
       await server.listen(port);
       console.log(`${colors.greenBright}Server started at localhost:${port}${colors.reset}\n`);
       // Настройка наблюдения за изменениями серверных файлов
-      const watcher = fs.watch(path.dirname(createServer), { recursive: true });
+      const watcher = fs.watch(path.dirname(serverPath), { recursive: true });
+      let debounceTimer;
       watcher.on('change', async (eventType, filename) => {
         if (filename && filename.endsWith('.js')) {
           console.log(`${colors.blue}Server file changed: ${filename}, updating...${colors.reset}`);
-          try {
-            await startServer();
-          } catch (err) {
-            console.error(colors.red + 'Server restart failed' + colors.reset);
-            console.error(err);
-          }
+          
+          // Debounce для предотвращения множественных перезагрузок
+          clearTimeout(debounceTimer);
+          debounceTimer = setTimeout(async () => {
+            try {
+              await startServer();
+            } catch (err) {
+              console.error(colors.red + 'Server restart failed' + colors.reset);
+              console.error(err);
+            }
+          }, 500);
         }
       });
     } catch (err) {

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

@@ -65,48 +65,49 @@ export default (projectRoot) => {
           },
         ],
       }),
+      // PWA PWA PWA PWA PWA
       // PWA: инжектим манифест в существующий sw.js
-      new InjectManifest({
-        swSrc: path.resolve(projectRoot, '../public/sw.js'),
-        swDest: 'sw.js',
-        exclude: [/\.html$/, /\.map$/],
-        manifestTransforms: [
-          (manifestEntries) => {
-            const manifest = manifestEntries.filter(entry => {
-              return !entry.url.match(/\.(html|map)$/) && entry.size < 5 * 1024 * 1024;
-            });
-            return { manifest };
-          }
-        ]
-      }),
-      // PWA Manifest
-      new RspackManifestPlugin({
-        fileName: 'manifest.json',
-        seed: {
-          name: process.env.APP_NAME || 'OZDAO App',
-          short_name: process.env.APP_SHORT_NAME || 'OZDAO',
-          description: process.env.APP_DESCRIPTION || 'OZDAO Progressive Web App',
-          theme_color: '#000000',
-          background_color: '#ffffff',
-          display: 'standalone',
-          orientation: 'portrait',
-          scope: '/',
-          start_url: '/',
-          icons: [
-            {
-              src: '/favicon/android-chrome-192x192.png',
-              sizes: '192x192',
-              type: 'image/png'
-            },
-            {
-              src: '/favicon/android-chrome-512x512.png', 
-              sizes: '512x512',
-              type: 'image/png'
-            }
-          ]
-        },
-        generate: (seed) => seed
-      }),
+      // 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,  

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

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

package/src/builder/vite/index.js

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

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

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

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

@@ -42,9 +42,8 @@ export default projectRoot => {
               name: 'bundle-analyzer',
               configResolved(config) {
                 // Динамически импортируем rollup-plugin-visualizer только когда нужно
-                const { visualizer } = rollupPluginVisualizer;
                 config.plugins.push(
-                  visualizer({
+                  rollupPluginVisualizer({
                     open: true,
                     filename: 'stats.html',
                     gzipSize: true,

package/src/builder/vite/{vite.config.spa.js → vite.config.spa.client.js}

@@ -23,7 +23,7 @@ export default projectRoot => {
     },
     // Add HTML plugin for SPA
     plugins: [
-      { createHtmlPlugin }.createHtmlPlugin({
+      createHtmlPlugin({
         minify: isProd,
         inject: {
           data: {

package/src/builder/vite/{vite.config.client.js → vite.config.ssr.client.js}

@@ -2,10 +2,9 @@ import fs from 'fs';
 import lodash from 'lodash';
 import path from 'path';
 import * as purgecss from 'purgecss';
-import * as workboxBuild from 'workbox-build';
+import { InjectManifest } from 'workbox-webpack-plugin';
 import baseConfig from './vite.config.base.js';
 const { merge } = lodash;
-const { generateSW } = workboxBuild;
 export default projectRoot => {
   const isProd = process.env.NODE_ENV === 'production';
   // Базовая конфигурация для клиентской части
@@ -24,13 +23,39 @@ export default projectRoot => {
           entryFileNames: '[name].[hash].js',
           chunkFileNames: '[name].[hash].js',
           assetFileNames: '[name].[hash].[ext]',
-          // Настройки разделения кода
+          // Оптимизированное разделение кода для уменьшения размера бандла
           manualChunks(id) {
+            // Вендорные библиотеки
             if (id.includes('node_modules')) {
-              return 'vendors';
+              // Vue экосистема
+              if (id.includes('vue') || id.includes('@vue')) {
+                return 'vue-vendor';
+              }
+              // Martyrs модули
+              if (id.includes('@martyrs') || id.includes('@ozdao')) {
+                return 'martyrs-vendor';
+              }
+              // UI библиотеки
+              if (id.includes('datepicker') || id.includes('chart') || id.includes('ui')) {
+                return 'ui-vendor';
+              }
+              // Остальные вендорные пакеты
+              return 'vendor';
+            }
+            // Модули приложения
+            if (id.includes('src/modules/')) {
+              const match = id.match(/src\/modules\/([^\/]+)/);
+              if (match) {
+                return `module-${match[1]}`;
+              }
             }
           },
         },
+        // Настройки tree-shaking
+        treeshake: {
+          preset: 'recommended',
+          moduleSideEffects: false,
+        },
       },
       // Оптимизация в production
       minify: isProd ? 'terser' : false,
@@ -73,23 +98,36 @@ export default projectRoot => {
             const purged = await new purgecss.PurgeCSS().purge({
               content: [
                 path.join(projectRoot, 'src/**/*.vue'),
+                path.join(projectRoot, 'src/**/*.js'),
                 path.join(projectRoot, 'martyrs/src/**/*.vue'),
+                path.join(projectRoot, 'martyrs/src/**/*.js'),
+                path.join(projectRoot, '/node_modules/@ozdao/martyrs/**/*.css'),
+                path.join(projectRoot, '/node_modules/@ozdao/martyrs/**/*.scss'),
                 path.join(projectRoot, '/node_modules/@ozdao/martyrs/src/**/*.vue'),
+                path.join(projectRoot, '/node_modules/@ozdao/martyrs/src/**/*.js'),
                 path.join(projectRoot, '/node_modules/@vuepic/vue-datepicker/**/*.js'),
               ],
               css: [{ raw: content }],
               safelist: {
                 standard: ['safelisted', /^html/, /^:root/],
                 deep: [/^safelisted-deep-/, /^html/, /^:root/],
-                greedy: [/data-v-.*/],
+                greedy: [/^data-v-/, /\[data-v-.*\]/, /\[data-v-[a-zA-Z0-9]*\]/],
               },
+              rejected: true,
               extractors: [
                 {
-                  extractor: content => {
-                    // fix for escaped tailwind prefixes (sm:, lg:, etc)
-                    return content.match(/[A-Za-z0-9-_:/]+/g) || [];
+                  extractor: (content) => {
+                    // Ищем классы и селекторы с префиксами Tailwind
+                    const normalClasses = content.match(/[A-Za-z0-9-_:\/]+/g) || [];
+                    
+                    // Дополнительно ищем Vue атрибуты data-v-*
+                    // Это важно для правильного распознавания scoped стилей
+                    const scopedAttrs = content.match(/\[data-v-[a-zA-Z0-9]*\]/g) || [];
+                    
+                    // Объединяем результаты
+                    return [...normalClasses, ...scopedAttrs];
                   },
-                  extensions: ['vue'],
+                  extensions: ['vue', 'js', 'css', 'scss'],
                 },
               ],
             });
@@ -99,9 +137,9 @@ export default projectRoot => {
           }
         },
       },
-      // Workbox плагин для PWA
+      // Workbox плагин для PWA (InjectManifest как в rspack)
       {
-        name: 'vite-plugin-workbox',
+        name: 'vite-plugin-workbox-inject',
         apply: 'build',
         closeBundle: async () => {
           if (!isProd) {
@@ -113,17 +151,22 @@ export default projectRoot => {
             fs.writeFileSync(path.join(path.resolve(projectRoot, 'builds/web/client'), 'sw.js'), devSwContent);
             return;
           }
-          // Для продакшена используем полноценный Workbox
-          const { swDest, count, size, warnings } = await generateSW({
-            globDirectory: path.resolve(projectRoot, 'builds/web/client'),
+          // Для продакшена используем InjectManifest
+          const { InjectManifest } = await import('workbox-webpack-plugin');
+          const injectManifest = new InjectManifest({
+            swSrc: path.resolve(projectRoot, '../public/sw.js'),
             swDest: path.join(path.resolve(projectRoot, 'builds/web/client'), 'sw.js'),
-            clientsClaim: true,
-            skipWaiting: true,
+            exclude: [/\.html$/, /\.map$/],
+            manifestTransforms: [
+              (manifestEntries) => {
+                const manifest = manifestEntries.filter(entry => {
+                  return !entry.url.match(/\.(html|map)$/) && entry.size < 5 * 1024 * 1024;
+                });
+                return { manifest };
+              }
+            ]
           });
-          if (warnings.length > 0) {
-            console.warn('Workbox warnings: ', warnings);
-          }
-          console.log(`Generated service worker at ${swDest}, which will precache ${count} files (${size} bytes)`);
+          await injectManifest.apply();
         },
       },
       // Плагин для записи статистики сборки
@@ -157,6 +200,43 @@ export default projectRoot => {
           fs.writeFileSync(path.join(path.resolve(projectRoot, 'builds/web/client'), 'stats.json'), JSON.stringify(stats, null, 2));
         },
       },
+      // Плагин для генерации PWA манифеста
+      {
+        name: 'vite-plugin-pwa-manifest',
+        apply: 'build',
+        closeBundle: async () => {
+          if (!isProd) return;
+          
+          const manifest = {
+            name: process.env.APP_NAME || 'OZDAO App',
+            short_name: process.env.APP_SHORT_NAME || 'OZDAO',
+            description: process.env.APP_DESCRIPTION || 'OZDAO Progressive Web App',
+            theme_color: '#000000',
+            background_color: '#ffffff',
+            display: 'standalone',
+            orientation: 'portrait',
+            scope: '/',
+            start_url: '/',
+            icons: [
+              {
+                src: '/favicon/android-chrome-192x192.png',
+                sizes: '192x192',
+                type: 'image/png'
+              },
+              {
+                src: '/favicon/android-chrome-512x512.png',
+                sizes: '512x512',
+                type: 'image/png'
+              }
+            ]
+          };
+          
+          fs.writeFileSync(
+            path.join(path.resolve(projectRoot, 'builds/web/client'), 'manifest.json'),
+            JSON.stringify(manifest, null, 2)
+          );
+        },
+      },
     ],
   };
   // Объединяем базовый конфиг с клиентским

package/src/builder/vite/{vite.config.ssr.js → vite.config.ssr.server.js}

@@ -3,42 +3,31 @@ import lodash from 'lodash';
 import path from 'path';
 import getBaseConfig from './vite.config.base.js';
 const { merge } = lodash;
+
 export default projectRoot => {
   const isProd = process.env.NODE_ENV === 'production';
-  // SSR specific configuration
+  
   const ssrConfig = {
-    // Build for SSR
     build: {
       ssr: true,
-      // Output location
       outDir: path.resolve(projectRoot, 'builds/web/server'),
-      // Entry point
       rollupOptions: {
         input: path.resolve(projectRoot, 'src/client.js'),
         output: {
-          // Format for Node.js compatibility (equivalent to libraryTarget: "commonjs2")
-          format: 'cjs',
-          // Generate filename with hash
+          format: 'esm',
           entryFileNames: 'main.[hash].js',
         },
-        // External packages that shouldn't be bundled (equivalent to nodeExternals)
-        external: [
-          'vue',
-          'vue-router',
-          'vuex',
-          // Add other Node.js built-ins and dependencies that should be external
-          ...Object.keys(require(path.resolve(projectRoot, 'package.json')).dependencies || {}).filter(dep => !dep.startsWith('vue-meta') && !/\.(css|sass|scss|vue|html)$/.test(dep)),
-        ],
-        preserveEntrySignatures: 'strict',
       },
-      // Don't minify for SSR build
       minify: false,
-      // Clean output directory before build
       emptyOutDir: true,
     },
-    // Additional plugins for SSR
+    ssr: {
+      noExternal: ['vue', 'vue-router', 'vuex', 'vue-meta']
+    },
+    optimizeDeps: {
+      disabled: true,
+    },
     plugins: [
-      // Limit chunks plugin (equivalent to LimitChunkCountPlugin)
       {
         name: 'limit-chunks',
         apply: 'build',
@@ -46,18 +35,15 @@ export default projectRoot => {
           if (!config.build) config.build = {};
           if (!config.build.rollupOptions) config.build.rollupOptions = {};
           if (!config.build.rollupOptions.output) config.build.rollupOptions.output = {};
-          // Force single chunk
           config.build.rollupOptions.output.manualChunks = () => 'main';
         },
       },
-      // Manifest plugin (equivalent to WebpackManifestPlugin)
       ...(isProd
         ? [
             {
               name: 'manifest-plugin',
               apply: 'build',
               closeBundle() {
-                // Create a simple manifest of the build assets
                 const outDir = path.resolve(projectRoot, 'builds/web/server');
                 const files = fs.readdirSync(outDir).filter(file => file.endsWith('.js'));
                 const manifest = {};
@@ -70,7 +56,6 @@ export default projectRoot => {
             },
           ]
         : []),
-      // Handle CSS for SSR (equivalent to null-loader for CSS)
       {
         name: 'ignore-css-for-ssr',
         transform(code, id) {
@@ -83,38 +68,7 @@ export default projectRoot => {
         },
       },
     ],
-    // Specify that this is for SSR
-    ssr: {
-      // Target is Node.js
-      target: 'node',
-      // Force CommonJS format
-      format: 'cjs',
-      // Don't optimize dependencies
-      optimizeDeps: {
-        disabled: true,
-      },
-    },
-    // Don't process CSS for SSR
-    css: {
-      devSourcemap: false,
-      // Empty CSS during SSR
-      postcss: {
-        plugins: [
-          {
-            postcssPlugin: 'postcss-empty-for-ssr',
-            Once() {
-              return {};
-            },
-          },
-        ],
-      },
-    },
-    // Server specific optimizations
-    optimizeDeps: {
-      // Disable optimization for server build
-      disabled: true,
-    },
   };
-  // Merge base config with SSR config
+  
   return merge(getBaseConfig(projectRoot), ssrConfig);
-};
+};