npm - @coopenomics/desktop - Versions diffs - 2025.7.3 → 2025.11.8-alpha-2 - Mend

@coopenomics/desktop 2025.7.3 → 2025.11.8-alpha-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (977) hide show

package/public/offline.html ADDED Viewed

@@ -0,0 +1,85 @@
+<!doctype html>
+<html lang="ru">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Оффлайн режим - Цифровой Кооператив</title>
+    <style>
+      body {
+        font-family: 'Roboto', Arial, sans-serif;
+        margin: 0;
+        padding: 0;
+        background: #ffffff;
+        color: #333333;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        min-height: 100vh;
+        text-align: center;
+        transition:
+          background-color 0.3s ease,
+          color 0.3s ease;
+      }
+      /* Адаптация под темную тему */
+      @media (prefers-color-scheme: dark) {
+        body {
+          background: #1d1d1d;
+          color: #ffffff;
+        }
+        .retry-btn {
+          background: rgba(255, 255, 255, 0.1) !important;
+          border-color: rgba(255, 255, 255, 0.2) !important;
+        }
+        .retry-btn:hover {
+          background: rgba(255, 255, 255, 0.2) !important;
+          border-color: rgba(255, 255, 255, 0.3) !important;
+        }
+      }
+      .container {
+        max-width: 400px;
+        padding: 2rem;
+      }
+      .icon {
+        font-size: 4rem;
+        margin-bottom: 1rem;
+      }
+      h1 {
+        font-size: 1.5rem;
+        margin-bottom: 1rem;
+        font-weight: 600;
+      }
+      p {
+        font-size: 1rem;
+        margin-bottom: 1.5rem;
+        opacity: 0.8;
+      }
+      .retry-btn {
+        background: rgba(0, 0, 0, 0.1);
+        border: 2px solid rgba(0, 0, 0, 0.2);
+        color: inherit;
+        padding: 0.75rem 1.5rem;
+        border-radius: 8px;
+        font-size: 1rem;
+        cursor: pointer;
+        transition: all 0.3s ease;
+        font-family: inherit;
+      }
+      .retry-btn:hover {
+        background: rgba(0, 0, 0, 0.2);
+        border-color: rgba(0, 0, 0, 0.3);
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <div class="icon">📱</div>
+      <h1>Приложение работает в оффлайн режиме</h1>
+      <p>Проверьте подключение к интернету и попробуйте снова</p>
+      <button class="retry-btn" onclick="window.location.reload()">
+        Попробовать снова
+      </button>
+    </div>
+  </body>
+</html>

package/public/widget-example.html ADDED Viewed

@@ -0,0 +1,422 @@
+<!doctype html>
+<html lang="ru">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>MonoCoop Widget Example</title>
+    <style>
+      body {
+        font-family:
+          -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        margin: 0;
+        padding: 20px;
+        background: #f5f5f5;
+      }
+      .container {
+        max-width: 1200px;
+        margin: 0 auto;
+        background: white;
+        padding: 20px;
+        border-radius: 8px;
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+      }
+      h1 {
+        color: #333;
+        margin-bottom: 20px;
+      }
+      .widget-container {
+        border: 2px solid #e0e0e0;
+        border-radius: 8px;
+        margin: 20px 0;
+        min-height: 400px;
+        background: white;
+        position: relative;
+      }
+      .controls {
+        display: flex;
+        gap: 10px;
+        margin: 20px 0;
+        flex-wrap: wrap;
+      }
+      .control-group {
+        display: flex;
+        flex-direction: column;
+        gap: 5px;
+      }
+      .control-group label {
+        font-weight: 500;
+        color: #555;
+      }
+      button {
+        padding: 8px 16px;
+        border: none;
+        border-radius: 4px;
+        background: #007bff;
+        color: white;
+        cursor: pointer;
+        font-size: 14px;
+      }
+      button:hover {
+        background: #0056b3;
+      }
+      button:disabled {
+        background: #ccc;
+        cursor: not-allowed;
+      }
+      input,
+      select {
+        padding: 8px;
+        border: 1px solid #ddd;
+        border-radius: 4px;
+        font-size: 14px;
+      }
+      .log {
+        background: #f8f9fa;
+        border: 1px solid #dee2e6;
+        border-radius: 4px;
+        padding: 10px;
+        margin: 20px 0;
+        font-family: monospace;
+        font-size: 12px;
+        max-height: 200px;
+        overflow-y: auto;
+      }
+      .log-entry {
+        margin: 2px 0;
+        padding: 2px 4px;
+        border-radius: 2px;
+      }
+      .log-entry.info {
+        background: #d1ecf1;
+        color: #0c5460;
+      }
+      .log-entry.success {
+        background: #d4edda;
+        color: #155724;
+      }
+      .log-entry.error {
+        background: #f8d7da;
+        color: #721c24;
+      }
+      .log-entry.warning {
+        background: #fff3cd;
+        color: #856404;
+      }
+      .status {
+        display: inline-block;
+        padding: 4px 8px;
+        border-radius: 4px;
+        font-size: 12px;
+        font-weight: bold;
+      }
+      .status.ready {
+        background: #d4edda;
+        color: #155724;
+      }
+      .status.loading {
+        background: #fff3cd;
+        color: #856404;
+      }
+      .status.error {
+        background: #f8d7da;
+        color: #721c24;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <h1>MonoCoop Widget Example</h1>
+      <div class="controls">
+        <div class="control-group">
+          <label for="baseUrl">Base URL:</label>
+          <input
+            type="text"
+            id="baseUrl"
+            value="http://localhost:3005"
+            placeholder="http://localhost:3005"
+          />
+        </div>
+        <div class="control-group">
+          <label for="page">Page:</label>
+          <select id="page">
+            <option value="">Default</option>
+            <option value="/signup">Sign Up</option>
+            <option value="/signin">Sign In</option>
+            <option value="/home">Home</option>
+          </select>
+        </div>
+        <div class="control-group">
+          <label for="theme">Theme:</label>
+          <select id="theme">
+            <option value="light">Light</option>
+            <option value="dark">Dark</option>
+          </select>
+        </div>
+        <div class="control-group">
+          <label for="width">Width:</label>
+          <input type="text" id="width" value="100%" placeholder="100%" />
+        </div>
+        <div class="control-group">
+          <label for="height">Height:</label>
+          <input type="text" id="height" value="500px" placeholder="500px" />
+        </div>
+      </div>
+      <div class="controls">
+        <button onclick="createWidget()">Create Widget</button>
+        <button onclick="destroyWidget()" disabled id="destroyBtn">
+          Destroy Widget
+        </button>
+        <button onclick="sendData()" disabled id="sendDataBtn">
+          Send Data
+        </button>
+        <button onclick="getData()" disabled id="getDataBtn">Get Data</button>
+        <button onclick="navigate()" disabled id="navigateBtn">Navigate</button>
+        <button onclick="clearLog()">Clear Log</button>
+      </div>
+      <div>
+        Status: <span id="status" class="status loading">Not Created</span>
+      </div>
+      <div id="widgetContainer" class="widget-container">
+        <div
+          style="
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            height: 100%;
+            color: #666;
+          "
+        >
+          Widget will appear here
+        </div>
+      </div>
+      <div class="log" id="log"></div>
+    </div>
+    <!-- Подключаем SDK -->
+    <script src="monocoop-widget-sdk.js"></script>
+    <script>
+      let widget = null;
+      let widgetReady = false;
+      // Элементы UI
+      const statusEl = document.getElementById('status');
+      const logEl = document.getElementById('log');
+      const destroyBtn = document.getElementById('destroyBtn');
+      const sendDataBtn = document.getElementById('sendDataBtn');
+      const getDataBtn = document.getElementById('getDataBtn');
+      const navigateBtn = document.getElementById('navigateBtn');
+      // Функции логирования
+      function log(message, type = 'info') {
+        const timestamp = new Date().toLocaleTimeString();
+        const entry = document.createElement('div');
+        entry.className = `log-entry ${type}`;
+        entry.textContent = `[${timestamp}] ${message}`;
+        logEl.appendChild(entry);
+        logEl.scrollTop = logEl.scrollHeight;
+        console.log(`[Widget Example] ${message}`);
+      }
+      function clearLog() {
+        logEl.innerHTML = '';
+      }
+      function updateStatus(status, className) {
+        statusEl.textContent = status;
+        statusEl.className = `status ${className}`;
+      }
+      function updateButtons(ready) {
+        destroyBtn.disabled = !widget;
+        sendDataBtn.disabled = !ready;
+        getDataBtn.disabled = !ready;
+        navigateBtn.disabled = !ready;
+      }
+      // Создание виджета
+      function createWidget() {
+        if (widget) {
+          log('Widget already exists, destroying first', 'warning');
+          destroyWidget();
+        }
+        const baseUrl = document.getElementById('baseUrl').value;
+        const page = document.getElementById('page').value;
+        const theme = document.getElementById('theme').value;
+        const width = document.getElementById('width').value;
+        const height = document.getElementById('height').value;
+        if (!baseUrl) {
+          log('Base URL is required', 'error');
+          return;
+        }
+        log('Creating widget...');
+        updateStatus('Creating...', 'loading');
+        try {
+          widget = MonoCoopWidget.create({
+            baseUrl: baseUrl,
+            container: document.getElementById('widgetContainer'),
+            page: page || undefined,
+            theme: theme,
+            width: width,
+            height: height,
+            hideHeader: true,
+            hideFooter: true,
+            autoResize: true,
+            loadingText: 'Загрузка виджета...',
+            errorText: 'Ошибка загрузки виджета',
+            timeout: 15000,
+            allowedOrigins: ['*'], // В production нужно указать конкретные домены
+            // Начальные данные
+            initialData: {
+              source: 'widget-example',
+              timestamp: Date.now(),
+              userAgent: navigator.userAgent,
+            },
+          });
+          // Подписываемся на события
+          widget
+            .on('ready', (data) => {
+              widgetReady = true;
+              updateStatus('Ready', 'ready');
+              updateButtons(true);
+              log('Widget is ready!', 'success');
+              log(`Ready data: ${JSON.stringify(data)}`, 'info');
+            })
+            .on('dataChange', (data) => {
+              log(`Data changed: ${JSON.stringify(data)}`, 'info');
+            })
+            .on('error', (error) => {
+              log(`Error: ${error.message || error}`, 'error');
+              updateStatus('Error', 'error');
+              updateButtons(false);
+            })
+            .on('navigate', (data) => {
+              log(`Navigation: ${JSON.stringify(data)}`, 'info');
+            })
+            .on('resize', (dimensions) => {
+              log(`Resize: ${dimensions.width}x${dimensions.height}`, 'info');
+            });
+          // Монтируем виджет
+          widget.mount();
+          log('Widget created and mounted', 'success');
+          updateButtons(false);
+        } catch (error) {
+          log(`Failed to create widget: ${error.message}`, 'error');
+          updateStatus('Error', 'error');
+          updateButtons(false);
+        }
+      }
+      // Уничтожение виджета
+      function destroyWidget() {
+        if (!widget) return;
+        log('Destroying widget...');
+        widget.destroy();
+        widget = null;
+        widgetReady = false;
+        updateStatus('Destroyed', 'loading');
+        updateButtons(false);
+        // Очищаем контейнер
+        const container = document.getElementById('widgetContainer');
+        container.innerHTML =
+          '<div style="display: flex; align-items: center; justify-content: center; height: 100%; color: #666;">Widget will appear here</div>';
+        log('Widget destroyed', 'success');
+      }
+      // Отправка данных
+      function sendData() {
+        if (!widget || !widgetReady) return;
+        const data = {
+          message: 'Hello from parent!',
+          timestamp: Date.now(),
+          randomValue: Math.random(),
+          userInput: prompt('Enter some data to send:') || 'No input',
+        };
+        log(`Sending data: ${JSON.stringify(data)}`);
+        widget.setData(data);
+      }
+      // Получение данных
+      async function getData() {
+        if (!widget || !widgetReady) return;
+        log('Requesting data from widget...');
+        try {
+          const data = await widget.getData();
+          log(`Received data: ${JSON.stringify(data)}`, 'success');
+        } catch (error) {
+          log(`Failed to get data: ${error.message}`, 'error');
+        }
+      }
+      // Навигация
+      function navigate() {
+        if (!widget || !widgetReady) return;
+        const path = prompt('Enter path to navigate to:');
+        if (path) {
+          log(`Navigating to: ${path}`);
+          widget.navigateTo(path);
+        }
+      }
+      // Обработка ошибок
+      window.addEventListener('error', (event) => {
+        log(`Global error: ${event.error.message}`, 'error');
+      });
+      // Инициализация
+      log('Widget example loaded', 'success');
+      log(`SDK Version: ${MonoCoopWidget.version}`, 'info');
+      // Автоматическое создание виджета для демонстрации
+      setTimeout(() => {
+        createWidget();
+      }, 1000);
+    </script>
+  </body>
+</html>

package/quasar.config.cjs CHANGED Viewed

@@ -11,18 +11,21 @@
 const { configure } = require('quasar/wrappers');
 const path = require('path');
+require('dotenv').config();
 module.exports = configure(function (ctx) {
-  const isSSR = ctx.mode.ssr;
   const isDev = ctx.dev;
+  const isPWAEnabled = !isDev || process.env.ENABLE_PWA_DEV === 'true';
+  const isSPA = ctx.mode.spa;
   // Загружаем переменные окружения всегда в режиме разработки
   // или только для клиентской части в продакшн
-  const env = (isDev || !isSSR) ? require('dotenv').config().parsed : {
-    CLIENT: process.env.CLIENT,
-    SERVER: process.env.SERVER,
-  };
+  const env =
+    isDev || isSPA
+      ? require('dotenv').config().parsed
+      : {
+          CLIENT: process.env.CLIENT,
+          SERVER: process.env.SERVER,
+        };
   return {
     htmlVariables: {
@@ -39,18 +42,15 @@ module.exports = configure(function (ctx) {
     // app boot file (/src/boot)
     // --> boot files are part of "main.js"
     // https://v2.quasar.dev/quasar-cli-vite/boot-files
-    boot: [
-      'init',
-      'i18n', 'axios', 'sentry'
-    ],
+    boot: ['widget', 'init', 'i18n', 'axios', 'sentry', 'network'],
     // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#css
     css: [
       '../app/styles/app.scss',
       '../app/styles/style.css',
-      '../app/styles/quasar-variables.sass',
+      '../app/styles/variables.sass',
     ],
-    sassVariables: '/src/app/styles/quasar-variables.sass',
+    sassVariables: '/src/app/styles/variables.sass',
     // , '../app/styles/quasar-variables.sass'
     // https://github.com/quasarframework/quasar/tree/dev/extras
@@ -118,27 +118,25 @@ module.exports = configure(function (ctx) {
             eslint: {
               lintCommand: 'eslint "./**/*.{js,ts,mjs,cjs,vue}"',
             },
-            overlay: true
+            overlay: true,
           },
           { server: false },
         ],
       ],
       optimizeDeps: {
-        include: ['@dicebear/core', '@dicebear/collection']
+        include: ['@dicebear/core', '@dicebear/collection'],
       },
     },
     // Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#devServer
     devServer: {
-      // https: true
+      https: false,
       vueDevtools: false,
-      open: false, // opens browser window automatically
+      open: false,
       port: 3005,
-      hmr:{
-        // clientPort: 3005,
-      //   overlay: false
-      }
+      strictPort: true,
+      host: '0.0.0.0',
     },
     // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#framework
@@ -175,22 +173,24 @@ module.exports = configure(function (ctx) {
       rootComponent: 'src/app/App.vue',
       router: 'src/app/providers/router',
       //   store: 'src/store/index',
-      //   registerServiceWorker: 'src-pwa/register-service-worker',
-      //   serviceWorker: 'src-pwa/custom-service-worker',
-      //   pwaManifestFile: 'src-pwa/manifest.json',
+      registerServiceWorker: isPWAEnabled
+        ? 'src-pwa/register-service-worker'
+        : undefined,
+      serviceWorker: isPWAEnabled ? 'src-pwa/custom-service-worker' : undefined,
+      pwaManifestFile: isPWAEnabled ? 'src-pwa/manifest.json' : undefined,
       //   electronMain: 'src-electron/electron-main',
       //   electronPreload: 'src-electron/electron-preload'
     },
     // https://v2.quasar.dev/quasar-cli-vite/developing-ssr/configuring-ssr
     ssr: {
-      // ssrPwaHtmlFilename: 'offline.html', // do NOT use index.html as name!
+      ssrPwaHtmlFilename: 'offline.html', // do NOT use index.html as name!
       // will mess up SSR
       // extendSSRWebserverConf (esbuildConf) {},
       // extendPackageJson (json) {},
-      pwa: false,
+      pwa: isPWAEnabled, // Включаем PWA в prod или при наличии флага ENABLE_PWA_DEV
       // manualStoreHydration: true,
       // manualPostHydrationTrigger: true,
@@ -199,27 +199,44 @@ module.exports = configure(function (ctx) {
       // (gets superseded if process.env.PORT is specified at runtime)
       middlewares: [
-        'injectEnv', // middleware для инъекции process.env в window.__ENV__
+        'generateConfig', // middleware для генерации config.js с переменными окружения
         'render', // keep this as last one
       ],
       // Не обрабатывать эти модули для SSR
-      noExternal: ['@dicebear/core', '@dicebear/collection']
+      noExternal: ['@dicebear/core', '@dicebear/collection', '@editorjs/editorjs', '@editorjs/header', '@editorjs/list', '@editorjs/quote', '@editorjs/code', '@editorjs/inline-code', '@editorjs/marker'],
     },
     // https://v2.quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa
-    pwa: {
-      workboxMode: 'generateSW', // or 'injectManifest'
-      injectPwaMetaTags: true,
-      swFilename: 'sw.js',
-      manifestFilename: 'manifest.json',
-      useCredentialsForManifestTag: false,
-      // useFilenameHashes: true,
-      // extendGenerateSWOptions (cfg) {}
-      // extendInjectManifestOptions (cfg) {},
-      // extendManifestJson (json) {}
-      // extendPWACustomSWConf (esbuildConf) {}
-    },
+    pwa: !isPWAEnabled
+      ? {}
+      : {
+          workboxMode: 'generateSW', // Генерируем service worker и manifest.json автоматически
+          injectPwaMetaTags: true,
+          swFilename: 'service-worker.js',
+          manifestFilename: 'manifest.json',
+          useCredentialsForManifestTag: false,
+          useFilenameHashes: true, // Включаем хеширование файлов
+          extendGenerateSWOptions(cfg) {
+            // Увеличиваем максимальный размер файла для кэширования
+            cfg.maximumFileSizeToCacheInBytes = 5 * 1024 * 1024; // 5MB
+            // Не включаем ревизию для определенных файлов
+            cfg.dontCacheBustURLsMatching = /\.\w{8}\./;
+          },
+          extendManifestJson(json) {
+            json.name = process.env.COOP_SHORT_NAME || 'Цифровой Кооператив';
+            json.short_name = process.env.COOP_SHORT_NAME || 'Кооператив';
+            json.description =
+              process.env.SITE_DESCRIPTION ||
+              'кооперативная экономика для сообществ и бизнеса';
+            json.start_url = '/';
+            json.display = 'standalone';
+            json.categories = ['business', 'finance', 'productivity'];
+            json.lang = 'ru';
+            json.dir = 'ltr';
+          },
+          // extendPWACustomSWConf (esbuildConf) {}
+        },
     // Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-cordova-apps/configuring-cordova
     cordova: {