@coopenomics/desktop 2025.4.29 → 2025.5.4

package/alias-resolver.js

@@ -0,0 +1,35 @@
+// Перенаправление импортов для ESM модулей в SSR
+const path = require('path');
+const fs = require('fs');
+
+// Список модулей, которые нужно перенаправить
+const modulesToResolve = {
+  '@dicebear/core': path.resolve(__dirname, 'src/shared/lib/proxy/dicebear-core.cjs'),
+  '@dicebear/collection': path.resolve(__dirname, 'src/shared/lib/proxy/dicebear-collection.cjs'),
+  'email-regex': path.resolve(__dirname, 'src/shared/lib/proxy/email-regex.cjs')
+};
+
+// Проверяем, существуют ли прокси-файлы
+Object.entries(modulesToResolve).forEach(([moduleName, proxyPath]) => {
+  if (!fs.existsSync(proxyPath)) {
+    console.error(`Прокси-файл для ${moduleName} не найден по пути ${proxyPath}`);
+    process.exit(1);
+  }
+});
+
+// Регистрируем перехватчик для require
+require.extensions['.js'] = function(module, filename) {
+  const originalCompile = module._compile;
+
+  module._compile = function(content, filename) {
+    // Заменяем импорты проблемных модулей на наши прокси
+    Object.keys(modulesToResolve).forEach(moduleName => {
+      const regex = new RegExp(`require\\(['"]${moduleName}['"]\\)`, 'g');
+      content = content.replace(regex, `require('${modulesToResolve[moduleName]}')`);
+    });
+
+    return originalCompile.call(this, content, filename);
+  };
+
+  module._compile(fs.readFileSync(filename, 'utf8'), filename);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coopenomics/desktop",
-  "version": "2025.4.29",
+  "version": "2025.5.4",
   "description": "A Desktop Project",
   "productName": "Desktop App",
   "author": "Alex Ant <dacom.dark.sun@gmail.com>",
@@ -16,13 +16,16 @@
     "test": "echo \"No test specified\" && exit 0",
     "dev": "concurrently -n 'DESKTOP' -c 'bgRed.white' \"quasar dev\"",
     "devnet": "quasar dev",
+    "ssr": "quasar dev --mode ssr",
     "build:lib": "vite build",
-    "build": "quasar build",
-    "prepublishOnly": "npm run build:lib"
+    "build:spa": "quasar build",
+    "build": "quasar build --mode ssr",
+    "prepublishOnly": "npm run build:lib",
+    "start": "node -r ./alias-resolver.js dist/ssr/index.js"
   },
   "dependencies": {
-    "@coopenomics/controller": "2025.4.29",
-    "@coopenomics/sdk": "2025.4.29",
+    "@coopenomics/controller": "2025.5.4",
+    "@coopenomics/sdk": "2025.5.3",
     "@dicebear/collection": "^9.0.1",
     "@dicebear/core": "^9.0.1",
     "@fortawesome/fontawesome-svg-core": "^6.5.2",
@@ -46,13 +49,15 @@
     "@wharfkit/wallet-plugin-privatekey": "^1.1.0",
     "axios": "^1.2.1",
     "compression": "^1.7.4",
-    "cooptypes": "2025.4.29",
+    "cooptypes": "2025.5.3",
     "dompurify": "^3.1.7",
     "dotenv": "^16.4.5",
     "email-regex": "^5.0.0",
     "eosjs": "^22.1.0",
     "express": "^4.21.0",
+    "graphql-ws": "^5.16.0",
     "idb": "^8.0.0",
+    "isomorphic-ws": "^5.0.0",
     "lodash": "^4.17.21",
     "moment-with-locales-es6": "^1.0.1",
     "pinia": "^2.0.11",
@@ -60,6 +65,7 @@
     "pug": "^3.0.3",
     "qrcode": "^1.5.4",
     "quasar": "^2.16.0",
+    "serialize-javascript": "^6.0.2",
     "swiper": "^11.1.7",
     "vite": "2.9.16",
     "vue": "^3.4.18",
@@ -95,5 +101,5 @@
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   },
-  "gitHead": "397670473ae57d53b0b48cd1c3bc6e2d531015fa"
+  "gitHead": "8d7c91933210969a574f111dd24e8270142e6717"
 }

package/quasar.config.cjs

@@ -7,11 +7,22 @@
 // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js
 
 // const config = require('./src/shared/config/Env.ts');
-require('dotenv').config();
+
 const { configure } = require('quasar/wrappers');
 const path = require('path');
 
-module.exports = configure(function (/* ctx */) {
+
+module.exports = configure(function (ctx) {
+
+  const isSSR = ctx.mode.ssr;
+  const isDev = ctx.dev;
+
+  // Загружаем переменные окружения всегда в режиме разработки
+  // или только для клиентской части в продакшн
+  const env = (isDev || !isSSR) ? require('dotenv').config().parsed : {
+    CLIENT: process.env.CLIENT,
+    SERVER: process.env.SERVER,
+  };
 
   return {
     htmlVariables: {
@@ -72,7 +83,8 @@ module.exports = configure(function (/* ctx */) {
 
       // publicPath: '/',
       // analyze: true,
-      env: require('dotenv').config().parsed,
+      // env: require('dotenv').config().parsed,
+      env,
       // rawDefine: {}
       // ignorePublicFolder: true,
       // minify: false,
@@ -111,6 +123,10 @@ module.exports = configure(function (/* ctx */) {
           { server: false },
         ],
       ],
+
+      optimizeDeps: {
+        include: ['@dicebear/core', '@dicebear/collection']
+      },
     },
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#devServer
@@ -120,7 +136,7 @@ module.exports = configure(function (/* ctx */) {
       open: false, // opens browser window automatically
       port: 3005,
       hmr:{
-        clientPort: 3005,
+        // clientPort: 3005,
       //   overlay: false
       }
     },
@@ -183,8 +199,12 @@ module.exports = configure(function (/* ctx */) {
       // (gets superseded if process.env.PORT is specified at runtime)
 
       middlewares: [
+        'injectEnv', // middleware для инъекции process.env в window.__ENV__
         'render', // keep this as last one
       ],
+
+      // Не обрабатывать эти модули для SSR
+      noExternal: ['@dicebear/core', '@dicebear/collection']
     },
 
     // https://v2.quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa

package/src/app/providers/router.ts

@@ -7,17 +7,18 @@ import {
   createWebHistory,
 } from 'vue-router';
 import { routes } from 'src/app/providers/routes';
+import { env } from 'src/shared/config';
 
 // Helper function to determine router history mode
 function getHistoryMode() {
-  if (process.env.SERVER) return createMemoryHistory;
-  return process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory;
+  if (env.SERVER) return createMemoryHistory;
+  return env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory;
 }
 
 // Main route export
 export default route(function () {
   const Router = createRouter({
-    history: getHistoryMode()(process.env.VUE_ROUTER_BASE),
+    history: getHistoryMode()(env.VUE_ROUTER_BASE),
     routes, // Базовые маршруты
     scrollBehavior(to, from, savedPosition) {
       return savedPosition || { top: 0 };

package/src/boot/sentry.ts

@@ -1,25 +1,26 @@
 import { boot } from 'quasar/wrappers';
 import { App } from 'vue';
 import { Router } from 'vue-router';
-import Tracker from '@openreplay/tracker';
-import trackerAssist from '@openreplay/tracker-assist'
-import { useSessionStore } from 'src/entities/Session';
+import { env } from 'src/shared/config';
+// import Tracker from '@openreplay/tracker';
+// import trackerAssist from '@openreplay/tracker-assist'
+// import { useSessionStore } from 'src/entities/Session';
 export default boot(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   ({ app, router }: { app: App<Element>; router: Router }) => {
-    if ((process.env.NODE_ENV as string) === 'production') {
-      const session = useSessionStore()
+    if ((env.NODE_ENV as string) === 'production') {
+      // const session = useSessionStore()
 
-      const tracker = new Tracker({
-        projectKey: 'mgaCVSShnDNbPRFDZehd',
-      });
+      // const tracker = new Tracker({
+      //   projectKey: 'mgaCVSShnDNbPRFDZehd',
+      // });
 
-      if (session.username)
-        tracker.setUserID(session.username)
+      // if (session.username)
+      //   tracker.setUserID(session.username)
 
-      // .start() returns a promise
-      tracker.start().then(sessionData => console.log(sessionData) ).catch(e => console.error('on tracker: ', e) )
-      tracker.use(trackerAssist({}));
+      // // .start() returns a promise
+      // tracker.start().then(sessionData => console.log(sessionData) ).catch(e => console.error('on tracker: ', e) )
+      // tracker.use(trackerAssist({}));
     }
   }
 );

package/src/entities/Session/model/store.ts

@@ -6,7 +6,7 @@ import { WalletPluginPrivateKey } from '@wharfkit/wallet-plugin-privatekey';
 import { FailAlert, readBlockchain } from 'src/shared/api';
 import { PrivateKey, Serializer } from '@wharfkit/antelope';
 import { GetInfoResult } from 'eosjs/dist/eosjs-rpc-interfaces';
-
+import { env } from 'src/shared/config';
 interface ISessionStore {
   isAuth: Ref<boolean>;
   username: ComputedRef<string>;
@@ -67,8 +67,8 @@ export const useSessionStore = defineStore('session', (): ISessionStore => {
             actor: globalStore.username,
             permission: 'active',
             chain: {
-              id: process.env.CHAIN_ID as string,
-              url: process.env.CHAIN_URL as string,
+              id: env.CHAIN_ID as string,
+              url: env.CHAIN_URL as string,
             },
             walletPlugin: new WalletPluginPrivateKey(
               globalStore.wif as PrivateKey

package/src/env.d.ts

@@ -6,6 +6,7 @@ declare namespace NodeJS {
     VUE_ROUTER_MODE: 'hash' | 'history' | 'abstract' | undefined;
     VUE_ROUTER_BASE: string | undefined;
   }
+
 }
 
 declare global {
@@ -13,6 +14,7 @@ declare global {
     YooMoneyCheckoutWidget: any;
     chatwootSDK: any;
   }
+
 }
 
 import 'vue-router';

package/src/features/Request/CreateParentOffer/ui/CreateParentOfferForm/CreateParentOfferForm.vue

@@ -6,6 +6,7 @@ import { computed, ref } from 'vue'
 import { Form } from 'src/shared/ui/Form'
 import { useCooperativeStore } from 'src/entities/Cooperative'
 import { ImageUploaderWithPreview } from '../ImageUploaderWithPreview'
+import { env } from 'src/shared/config'
 
 const props = defineProps({
   username: {
@@ -48,7 +49,7 @@ const handlerSubmit = async () => {
       coopname: props.coopname,
       program_id: formData.value.program_id,
       units: formData.value.units,
-      unit_cost: parseFloat(unit_cost.toString()).toFixed(4) + ' ' + process.env.CURRENCY,
+      unit_cost: parseFloat(unit_cost.toString()).toFixed(4) + ' ' + env.CURRENCY,
       product_lifecycle_secs: 86400 * formData.value.product_lifecycle_days,
       data: {
         title: formData.value.title,

package/src/features/Request/CreateParentOffer/ui/ImageUploaderWithPreview/ImageUploaderWithPreview.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { ref, computed } from 'vue'
 import { ImagesPreview } from '../ImagesPreview'
+import { env } from 'src/shared/config'
 
 const emit = defineEmits(['updateImages'])
 
@@ -38,7 +39,7 @@ const triggerUploader = () => {
   uploaderRef.value.pickFiles()
 }
 
-const upload_url = computed(() => process.env.UPLOAD_URL)
+const upload_url = computed(() => env.UPLOAD_URL)
 </script>
 
 <template lang="pug">

package/src/features/Union/AddCooperative/model/index.ts

@@ -2,6 +2,7 @@ import { TransactResult } from '@wharfkit/session';
 import { RegistratorContract } from 'cooptypes';
 import { useSessionStore } from 'src/entities/Session';
 import { useGlobalStore } from 'src/shared/store';
+import { env } from 'src/shared/config';
 
 export function useAddCooperative() {
   async function addCooperative(
@@ -9,10 +10,10 @@ export function useAddCooperative() {
   ): Promise<TransactResult | undefined> {
     const session = useSessionStore();
 
-    data.params.initial = `${parseFloat(data.params.initial).toFixed(4)} ${process.env.CURRENCY}`
-    data.params.minimum = `${parseFloat(data.params.minimum).toFixed(4)} ${process.env.CURRENCY}`
-    data.params.org_initial = `${parseFloat(data.params.org_initial).toFixed(4)} ${process.env.CURRENCY}`
-    data.params.org_minimum = `${parseFloat(data.params.org_minimum).toFixed(4)} ${process.env.CURRENCY}`
+    data.params.initial = `${parseFloat(data.params.initial).toFixed(4)} ${env.CURRENCY}`
+    data.params.minimum = `${parseFloat(data.params.minimum).toFixed(4)} ${env.CURRENCY}`
+    data.params.org_initial = `${parseFloat(data.params.org_initial).toFixed(4)} ${env.CURRENCY}`
+    data.params.org_minimum = `${parseFloat(data.params.org_minimum).toFixed(4)} ${env.CURRENCY}`
 
     const result = await useGlobalStore().transact({
       account: RegistratorContract.contractName.production,

package/src/features/Union/AddCooperative/ui/AddCooperativeForm.vue

@@ -29,11 +29,12 @@ import { useSessionStore } from 'src/entities/Session';
 import { RegistratorContract } from 'cooptypes';
 import { FailAlert, SuccessAlert } from 'src/shared/api';
 import type { IObjectedDocument } from 'src/shared/lib/types/document';
+import { env } from 'src/shared/config';
 
 const emit = defineEmits(['finish'])
 
 const {addCooperative} = useAddCooperative()
-const currency = computed(() => process.env.CURRENCY)
+const currency = computed(() => env.CURRENCY)
 const isSubmitting = ref(false)
 
 const props = defineProps({
@@ -82,9 +83,6 @@ const addNow = async () => {
   } catch(e: any){
     FailAlert(e.message)
   }
-
-
-
 }
 
 </script>

package/src/features/User/LoginUser/model/index.ts

@@ -14,7 +14,6 @@ export function useLoginUser() {
   async function login(email: string, wif: string): Promise<void> {
     const auth = await api.loginUser(email, wif);
     const { tokens, account } = await client.login(email, wif);
-
     // Создаём объект tokens с правильными типами
     const adaptedTokens: ITokens = {
       access: {
@@ -36,7 +35,6 @@ export function useLoginUser() {
 
     const { run } = useInitWalletProcess()
     await run() //запускаем фоновое обновление кошелька - заменить на подписку потом
-
     if (!currentUser.isRegistrationComplete){
       const {state, steps} = useRegistratorStore()
       state.userData.type = currentUser.userAccount?.type as 'individual' | 'entrepreneur' | 'organization'
@@ -48,7 +46,6 @@ export function useLoginUser() {
         organization: state.userData.organization_data,
         entrepreneur: state.userData.entrepreneur_data
       };
-
       const data = dataMap[state.userData.type];
       if (data) {
         for (const key of Object.keys(privateData)) {
@@ -74,7 +71,6 @@ export function useLoginUser() {
       else if (currentUser.userAccount?.status === 'registered')
         state.step = steps.Welcome
     }
-
   }
 
   return {

package/src/features/User/Logout/model/index.ts

@@ -8,7 +8,6 @@ export function useLogoutUser() {
   async function logout(): Promise<void> {
     const global = useGlobalStore()
     //TODO: "начать с начала" при регистрации бажит на это - да и в целом пора бы маршруты срезать эти
-    // if (global.tokens?.refresh.token) await api.logoutUser(global.tokens?.refresh.token)
     await useRegistratorStore().clearUserData()
 
     await global.logout()

package/src/features/Wallet/DepositToWallet/ui/DepositButton/DepositButton.vue

@@ -32,6 +32,8 @@ import { useSessionStore } from 'src/entities/Session'
 import type { IPaymentOrder } from 'src/shared/lib/types/payments'
 import { formatAssetToReadable } from 'src/shared/lib/utils/formatAssetToReadable'
 import { useSystemStore } from 'src/entities/System/model';
+import { env } from 'src/shared/config';
+
 const { info } = useSystemStore()
 
 const { createDeposit, loadUserWallet } = useWalletStore()
@@ -54,7 +56,7 @@ const handlerSubmit = async (): Promise<void> => {
   isSubmitting.value = true
   try {
     paymentOrder.value = (await createDeposit({
-      quantity: `${parseFloat(quantity.value.toString()).toFixed(4)} ${process.env.CURRENCY}`
+      quantity: `${parseFloat(quantity.value.toString()).toFixed(4)} ${env.CURRENCY}`
     })) as IPaymentOrder
     isSubmitting.value = false
   } catch (e: any) {
@@ -64,7 +66,7 @@ const handlerSubmit = async (): Promise<void> => {
   }
 }
 
-const currency = computed(() => process.env.CURRENCY)
+const currency = computed(() => env.CURRENCY)
 
 const paymentFail = (): void => {
   clear()

package/src/features/Wallet/WithdrawFromWallet/ui/withdrawButton.vue

@@ -18,7 +18,9 @@ q-btn(@click="showDialog = true" color="primary")
 import { ref, computed } from 'vue';
 import { ModalBase } from 'src/shared/ui/ModalBase';
 import { Form } from 'src/shared/ui/Form';
-const currency = computed(() => process.env.CURRENCY)
+import { env } from 'src/shared/config';
+
+const currency = computed(() => env.CURRENCY)
 const showDialog = ref(false)
 const quantity = ref(1000)
 const isSubmitting = ref(false)
@@ -33,7 +35,7 @@ const handlerSubmit = async (): Promise<void> => {
   isSubmitting.value = true
   try {
     // paymentOrder.value = (await createDeposit({
-    //   quantity: `${parseFloat(quantity.value.toString()).toFixed(4)} ${process.env.CURRENCY}`,
+    //   quantity: `${parseFloat(quantity.value.toString()).toFixed(4)} ${env.CURRENCY}`,
     //   provider: 'yookassa',
     // })) as IPaymentOrder
     isSubmitting.value = false

package/src/pages/Cooperative/ChangeRegisterPayments/ui/ChangeRegisterPayments.vue

@@ -7,8 +7,10 @@ import { FailAlert, SuccessAlert } from 'src/shared/api';
 import { formatToAsset } from 'src/shared/lib/utils/formatToAsset';
 import { ref, watch, computed } from 'vue';
 import { useSystemStore } from 'src/entities/System/model';
+import { env } from 'src/shared/config';
+
 const { info } = useSystemStore()
-const currency = computed(() => process.env.CURRENCY)
+const currency = computed(() => env.CURRENCY)
 const coop = useCooperativeStore()
 coop.loadPublicCooperativeData(info.coopname)
 coop.loadPrivateCooperativeData()
@@ -28,10 +30,10 @@ const save = async () => {
       await updateCoop({
         coopname: info.coopname,
         username: session.username,
-        initial: formatToAsset(localCoop.value.initial, process.env.CURRENCY as string),
-        minimum: formatToAsset(localCoop.value.minimum, process.env.CURRENCY as string),
-        org_initial: formatToAsset(localCoop.value.org_initial, process.env.CURRENCY as string),
-        org_minimum: formatToAsset(localCoop.value.org_minimum, process.env.CURRENCY as string),
+        initial: formatToAsset(localCoop.value.initial, env.CURRENCY as string),
+        minimum: formatToAsset(localCoop.value.minimum, env.CURRENCY as string),
+        org_initial: formatToAsset(localCoop.value.org_initial, env.CURRENCY as string),
+        org_minimum: formatToAsset(localCoop.value.org_minimum, env.CURRENCY as string),
         announce: coop.publicCooperativeData?.announce,
         description: coop.publicCooperativeData?.description
       })

package/src/pages/ExtensionStore/ExtensionPage/ExtensionPage.vue

@@ -33,7 +33,7 @@ div(v-if="extension").row
               span.q-ml-xs удалить
 
   div.col-md-9.col-sm-8.col-xs-12.q-pa-md
-    div(v-if="isMain")
+    div(v-if="isMain").info-card
       div
         span.text-h1 {{extension.title}}
           //- q-chip(square dense size="sm" color="green" outline v-if="extension.is_installed && extension.enabled").q-ml-sm установлено
@@ -42,29 +42,43 @@ div(v-if="extension").row
         div
           q-chip(outline v-for="tag in extension.tags" v-bind:key="tag" dense size="sm") {{tag}}
 
-      vue-markdown(:source="extension.readme").description.q-mt-md
-    div(v-if="(isSettings || isInstall) && extension.schema")
+      ClientOnly
+        template(#default)
+          vue-markdown(:source="extension.readme").description.q-mt-md
+    div(v-if="(isSettings || isInstall) && extension.schema").info-card
       q-form(ref="myFormRef")
         div(v-if="isEmpty && !isInstall")
           div.q-pa-md
             p.text-h6 Нет настроек
             span Расширение не предоставило настроек для изменения.
-        div(v-if="!isEmpty")
-          vue-markdown(:source="extension.instructions").description.q-mt-md
-          ZodForm(:schema="extension.schema" v-model="data")
+        div(v-if="!isEmpty && !isInstall")
+
+          //- vue-markdown(:source="extension.instructions").description.q-mt-md
+          ClientOnly
+            template(#default)
+              vue-markdown(v-if="extension.instructions && isInstall" :source="extension.instructions").description.q-mt-md
+          div
+            p.text-h5 Настройки
+            ZodForm(:schema="extension.schema" v-model="data").q-mt-lg
 
 </template>
 <script lang="ts" setup>
 import { useExtensionStore } from 'src/entities/Extension/model';
-import { computed, onMounted, ref, watch } from 'vue';
+import { computed, onMounted, ref, watch, defineAsyncComponent } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { ZodForm } from 'src/shared/ui/ZodForm';
-import VueMarkdown from 'vue-markdown-render'
+// import VueMarkdown from 'vue-markdown-render'
 import { extractGraphQLErrorMessages, FailAlert, SuccessAlert } from 'src/shared/api';
 import { useUpdateExtension } from 'src/features/Extension/UpdateExtension';
 import { useUninstallExtension } from 'src/features/Extension/UninstallExtension';
 import { useInstallExtension } from 'src/features/Extension/InstallExtension';
 import { useDesktopStore } from 'src/entities/Desktop/model';
+import { ClientOnly } from 'src/shared/ui/ClientOnly';
+
+// Клиентский компонент для markdown, загружаемый только на клиенте
+const VueMarkdown = defineAsyncComponent(() =>
+  import('vue-markdown-render').then(mod => mod.default)
+);
 
 const route = useRoute();
 const router = useRouter();

package/src/pages/Registrator/SignUp/EmailInput.vue

@@ -28,12 +28,14 @@ import { ref, computed, watch } from 'vue'
 import { useCreateUser } from 'src/features/User/CreateUser'
 import { debounce } from 'quasar'
 import { useRegistratorStore } from 'src/entities/Registrator'
+import { env } from 'src/shared/config'
+
 const store = useRegistratorStore()
 
 const api = useCreateUser()
 
 watch(() => store.state.email, () => email.value = store.state.email)
-const coopTitle = computed(() => process.env.COOP_SHORT_NAME)
+const coopTitle = computed(() => env.COOP_SHORT_NAME)
 const email = ref(store.state.email)
 
 const inLoading = ref(false)

package/src/pages/Registrator/SignUp/Welcome.vue

@@ -20,9 +20,11 @@ div
 import { computed } from 'vue'
 import { useRouter } from 'vue-router';
 import { useRegistratorStore } from 'src/entities/Registrator';
+import { env } from 'src/shared/config';
+
 const router = useRouter()
 const store = useRegistratorStore()
-const coopTitle = computed(() => process.env.COOP_SHORT_NAME)
+const coopTitle = computed(() => env.COOP_SHORT_NAME)
 
 const next = () => {
   router.push({ name: 'index' })

package/src/shared/api/axios.ts

@@ -1,5 +1,6 @@
 import axios from 'axios';
 import { useGlobalStore } from '../store';
+import { env } from 'src/shared/config';
 
 export async function sendGET(
   url: string,
@@ -13,7 +14,7 @@ export async function sendGET(
       // if (!tokens || !tokens.access || !tokens.access.token)
       //   throw new Error('Ошибка авторизации: токен доступа не найден');
 
-      const response = await axios.get(process.env.BACKEND_URL + url, {
+      const response = await axios.get(env.BACKEND_URL + url, {
         params,
         headers: {
           Authorization: `Bearer ${tokens?.access?.token}`,
@@ -21,7 +22,7 @@ export async function sendGET(
       });
       return response.data;
     } else {
-      const response = await axios.get(process.env.BACKEND_URL + url, {
+      const response = await axios.get(env.BACKEND_URL + url, {
         params,
       });
       return response.data;
@@ -49,14 +50,14 @@ export async function sendPOST(
       // if (!tokens || !tokens.access || !tokens.access.token)
       //   throw new Error('Ошибка авторизации: токен доступа не найден');
 
-      const response = await axios.post(process.env.BACKEND_URL + url, data, {
+      const response = await axios.post(env.BACKEND_URL + url, data, {
         headers: {
           Authorization: `Bearer ${tokens?.access?.token}`,
         },
       });
       return response.data;
     } else {
-      const response = await axios.post(process.env.BACKEND_URL + url, data);
+      const response = await axios.post(env.BACKEND_URL + url, data);
       return response.data;
     }
   } catch (e: any) {

package/src/shared/api/client.ts

@@ -1,12 +1,13 @@
 import { Client } from '@coopenomics/sdk'
+import { env } from 'src/shared/config'
 
 // Создаем и экспортируем экземпляр API-клиента
 export const client = Client.create({
-  api_url: process.env.BACKEND_URL + '/v1/graphql',
+  api_url: env.BACKEND_URL + '/v1/graphql',
   headers: {
     'Content-Type': 'application/json',
   },
-  chain_url: process.env.CHAIN_URL as string,
-  chain_id: process.env.CHAIN_ID as string,
+  chain_url: env.CHAIN_URL as string,
+  chain_id: env.CHAIN_ID as string,
 })
 

package/src/shared/api/eosio.ts

@@ -3,9 +3,10 @@ import { APIClient, PrivateKey } from '@wharfkit/antelope';
 import { ContractKit } from '@wharfkit/contract';
 import { useGlobalStore } from '../store';
 import { Account } from '@wharfkit/account'
+import { env } from 'src/shared/config';
 
 export const readBlockchain = new APIClient({
-  url: process.env.CHAIN_URL,
+  url: env.CHAIN_URL,
 });
 
 export const contractKit = new ContractKit({

package/src/shared/api/indexDB.ts

@@ -1,6 +1,8 @@
 import { openDB } from 'idb';
+import { env } from '../config';
 
 async function openIndexedDB(dbName: string, storeName: string) {
+
   if (!process.env.CLIENT) {
     return;
   }
@@ -21,6 +23,7 @@ export async function getFromIndexedDB(dbName: string, storeName: string, key: s
     return;
   }
 
+
   const db = await openIndexedDB(dbName, storeName);
   if (db) {
     return db.get(storeName, key);

package/src/shared/api/utils.ts

@@ -1,7 +1,9 @@
+import { env } from 'src/shared/config';
+
 export function constructImageSrc(name: string): string {
   if (name.startsWith('https://')) {
     return name;
   } else {
-    return process.env.STORAGE_URL + name;
+    return env.STORAGE_URL + name;
   }
 }

package/src/shared/config/Environment.ts

@@ -0,0 +1,68 @@
+// Типы для переменных окружения
+export interface EnvVars {
+  NODE_ENV?: string;
+  BACKEND_URL?: string;
+  CHAIN_URL?: string;
+  CHAIN_ID?: string;
+  CURRENCY?: string;
+  COOP_SHORT_NAME?: string;
+  SITE_DESCRIPTION?: string;
+  SITE_IMAGE?: string;
+  STORAGE_URL?: string;
+  UPLOAD_URL?: string;
+  CLIENT?: boolean;
+  SERVER?: boolean;
+  VUE_ROUTER_MODE?: string;
+  VUE_ROUTER_BASE?: string;
+  [key: string]: string | boolean | undefined;
+}
+
+// Расширяем глобальный Window чтобы TypeScript понимал window.__ENV__
+declare global {
+  interface Window {
+    __ENV__?: EnvVars;
+  }
+}
+
+/**
+ * Определение переменных окружения для разных сред
+ * - На сервере (SSR): берем напрямую из process.env
+ * - На клиенте (SSR): используем window.__ENV__, инжектированные с сервера
+ * - В SPA режиме: переменные заменяются при сборке
+ */
+function getEnv(): EnvVars {
+  // SSR сервер или SPA сборка
+
+  if (typeof process !== 'undefined' && process.env) {
+    // Для SSR сервера - берем реальные переменные
+    // Для SPA - эти значения заменятся при сборке
+    return {
+      NODE_ENV: process.env.NODE_ENV,
+      BACKEND_URL: process.env.BACKEND_URL,
+      CHAIN_URL: process.env.CHAIN_URL,
+      CHAIN_ID: process.env.CHAIN_ID,
+      CURRENCY: process.env.CURRENCY,
+      COOP_SHORT_NAME: process.env.COOP_SHORT_NAME,
+      SITE_DESCRIPTION: process.env.SITE_DESCRIPTION,
+      SITE_IMAGE: process.env.SITE_IMAGE,
+      STORAGE_URL: process.env.STORAGE_URL,
+      UPLOAD_URL: process.env.UPLOAD_URL,
+      CLIENT: process.env.CLIENT as unknown as boolean,
+      SERVER: process.env.SERVER as unknown as boolean,
+      VUE_ROUTER_MODE: process.env.VUE_ROUTER_MODE,
+      VUE_ROUTER_BASE: process.env.VUE_ROUTER_BASE
+    };
+  }
+
+  // SSR клиент - берем из window.__ENV__
+  if (typeof window !== 'undefined' && window.__ENV__) {
+    return window.__ENV__;
+  }
+
+  // Запасной вариант, если ничего не сработало
+  console.warn('Не удалось получить переменные окружения!');
+  return {};
+}
+
+// Экспортируем переменные окружения
+export const env: EnvVars = getEnv();

package/src/shared/config/index.ts

@@ -3,3 +3,5 @@ export * from './TablesList';
 export * from './LimitsList';
 export * from './SecondaryIndexesNumbersList';
 export * from './SecondaryIndexesTypesList';
+export * from './ActionsList';
+export * from './Environment';

package/src/shared/lib/proxy/dicebear-collection.cjs

@@ -0,0 +1,21 @@
+// Прокси-файл для @dicebear/collection
+let cachedModule = null;
+
+async function loadModule() {
+  if (!cachedModule) {
+    cachedModule = await import('@dicebear/collection');
+  }
+  return cachedModule;
+}
+
+// Экспортируем пустой объект для CommonJS
+// В SSR мы можем проверять наличие функций перед их использованием
+module.exports = {
+  loadModule,
+  // Добавляем заглушки для основных стилей
+  thumbs: {},
+  lorelei: {},
+  bottts: {},
+  avataaars: {},
+  // Другие стили можно добавить при необходимости
+};

package/src/shared/lib/proxy/dicebear-core.cjs

@@ -0,0 +1,20 @@
+// Прокси-файл для @dicebear/core
+let cachedModule = null;
+
+async function loadModule() {
+  if (!cachedModule) {
+    cachedModule = await import('@dicebear/core');
+  }
+  return cachedModule;
+}
+
+// Экспортируем пустой объект для CommonJS
+// В SSR мы можем проверять наличие функций перед их использованием
+module.exports = {
+  loadModule,
+  // Добавляем заглушки для основных функций
+  createAvatar: async function(...args) {
+    const module = await loadModule();
+    return module.createAvatar(...args);
+  }
+};

package/src/shared/lib/proxy/email-regex.cjs

@@ -0,0 +1,19 @@
+// CJS прокси для email-regex
+const originalModule = require('email-regex');
+
+// Преобразуем default export из ESM в CJS
+module.exports = function emailRegex(options = {}) {
+  // Проверяем, является ли оригинальный модуль функцией или объектом с default
+  if (typeof originalModule === 'function') {
+    return originalModule(options);
+  } else if (originalModule && typeof originalModule.default === 'function') {
+    return originalModule.default(options);
+  } else {
+    // Запасная реализация, если что-то пошло не так
+    const exact = options && options.exact;
+    const pattern = exact
+      ? /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/
+      : /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*/g;
+    return pattern;
+  }
+};

package/src/shared/ui/ClientOnly/ClientOnly.vue

@@ -0,0 +1,15 @@
+<template lang="pug">
+slot(v-if="isMounted")
+template(v-else)
+  slot(name="fallback")
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue'
+
+const isMounted = ref(false)
+
+onMounted(() => {
+  isMounted.value = true
+})
+</script>

package/src/shared/ui/ClientOnly/index.ts

@@ -0,0 +1 @@
+export { default as ClientOnly } from './ClientOnly.vue';

package/src/shared/ui/ZodForm/ZodForm.vue

@@ -1,12 +1,12 @@
 <template lang="pug">
 div
-  q-card(flat v-for="(property, propertyName) in schema.properties" :key="propertyName")
+  div(flat v-for="(property, propertyName) in schema.properties" :key="propertyName")
     div(v-if="isVisible(property)")
       component(
         standout="bg-teal text-white"
         :is="getComponentType(property)"
         v-bind="getComponentProps(property, propertyName)"
-      ).q-mt-md
+      ).q-mt-lg
         // Слот для prepend, если указано
         template(v-slot:prepend v-if="property.description?.prepend")
           span {{ property.description.prepend }}

package/src/widgets/Header/CommonHeader/MainHeader.vue

@@ -41,6 +41,7 @@ import { useWindowSize } from 'src/shared/hooks'
 import { SettingsDropdown } from 'src/widgets/Header/SettingsDropdown'
 import { BackButton } from 'src/widgets/Header/BackButton'
 import './HeaderStyles.scss'
+// import { env } from 'src/shared/config'
 
 const router = useRouter()
 const route = useRoute()
@@ -50,7 +51,7 @@ const { isMobile } = useWindowSize()
 const emit = defineEmits(['toggle-left-drawer'])
 
 // Получаем информацию для навигации назад
-// const coopTitle = computed(() => process.env.COOP_SHORT_NAME)
+// const coopTitle = computed(() => env.COOP_SHORT_NAME)
 
 const isDark = computed(() => $q.dark.isActive)
 const headerClass = computed(() =>

package/src/widgets/Marketplace/SupplyOrderRequestCard/ui/Base/Base.vue

@@ -11,6 +11,7 @@ import {
   SeventhStep,
   EightStep,
 } from '../Steps'
+import { env } from 'src/shared/config'
 
 //TODO изменить на обязательный импорт с типом
 const props = defineProps<{
@@ -53,7 +54,7 @@ const src = computed(() => {
   if (preview && preview.startsWith('https://')) {
     return preview // Превью уже содержит HTTPS, оставляем его как есть
   } else {
-    return process.env.STORAGE_URL + preview // Иначе, добавляем config.storageUrl
+    return env.STORAGE_URL + preview // Иначе, добавляем config.storageUrl
   }
 })
 </script>

package/src-ssr/middlewares/injectEnv.ts

@@ -0,0 +1,49 @@
+import { ssrMiddleware } from 'quasar/wrappers';
+import { EnvVars } from '../../src/shared/config/Environment';
+
+/**
+ * SSR middleware для инъекции переменных окружения в браузер
+ * Создает window.__ENV__ со всеми переменными, которые должны быть доступны на клиенте
+ */
+export default ssrMiddleware(({ app }) => {
+  // Регистрируем middleware для всех запросов
+  app.use((req, res, next) => {
+    // Получаем переменные из process.env, которые нужны клиенту
+    const envForClient: EnvVars = {
+      NODE_ENV: process.env.NODE_ENV,
+      BACKEND_URL: process.env.BACKEND_URL,
+      CHAIN_URL: process.env.CHAIN_URL,
+      CHAIN_ID: process.env.CHAIN_ID,
+      CURRENCY: process.env.CURRENCY,
+      COOP_SHORT_NAME: process.env.COOP_SHORT_NAME,
+      SITE_DESCRIPTION: process.env.SITE_DESCRIPTION,
+      SITE_IMAGE: process.env.SITE_IMAGE,
+      STORAGE_URL: process.env.STORAGE_URL,
+      UPLOAD_URL: process.env.UPLOAD_URL,
+      VUE_ROUTER_MODE: process.env.VUE_ROUTER_MODE,
+      VUE_ROUTER_BASE: process.env.VUE_ROUTER_BASE
+    };
+
+    // Создаем скрипт, который добавит переменные в window.__ENV__
+    const script = `
+    <script>
+      window.__ENV__ = ${JSON.stringify(envForClient)};
+      console.log('SSR: Переменные окружения загружены');
+    </script>
+    `;
+
+    // Оригинальный метод отправки HTML
+    const originalSend = res.send;
+
+    // Переопределяем метод, чтобы вставить наш скрипт перед закрывающим тегом </head>
+    res.send = function (html) {
+      if (typeof html === 'string') {
+        html = html.replace('</head>', `${script}</head>`);
+      }
+      return originalSend.call(this, html);
+    };
+
+    // Продолжаем обработку запроса
+    next();
+  });
+});