create-jwn-js 1.2.1 → 1.2.3

package/template-vite-vue3-pinia-mts/dist/server/entry-server.mjs

@@ -3,20 +3,20 @@ import { renderToString } from "@vue/server-renderer";
 import { renderHeadToString, createHead, useHead } from "@vueuse/head";
 import { parse } from "node-html-parser";
 import { createRouter as createRouter$1, createWebHistory, createMemoryHistory } from "vue-router";
-import { mapMutations, mapState, createStore as createStore$1, useStore } from "vuex";
-import { ssrRenderAttrs, ssrInterpolate, ssrRenderComponent } from "vue/server-renderer";
-import { isBrowser } from "easy-ash";
-import fetch from "cross-fetch";
+import { defineStore, storeToRefs, createPinia } from "pinia";
+import { isBrowser, omit } from "easy-ash";
 import { ApiError } from "@jwn-js/common/ApiError.mjs";
+import { ssrRenderAttrs, ssrInterpolate, ssrRenderComponent } from "vue/server-renderer";
 import { createPrefetch } from "@vuemod/prefetch";
 import { amitt } from "amitt";
 import Multilang from "@jwn-js/plugins/Multilang/index.js";
 import PrimeVue from "primevue/config";
+import Aura from "@primevue/themes/aura";
 import ConfirmationService from "primevue/confirmationservice";
-import { Memcached, helpers, Server, Web, Ssr } from "@jwn-js/common";
+import ToastService from "primevue/toastservice";
+import { helpers, Server, Web, Ssr } from "@jwn-js/common";
 import margv from "margv";
 import { Query } from "buildmsql";
-import memjs from "memjs";
 import JSON5 from "json5";
 import path from "node:path";
 import fs from "node:fs";
@@ -52,8 +52,7 @@ const createUrl = (url) => {
   return new URL(url);
 };
 const fileType = (file) => {
-  var _a;
-  const ext = ((_a = file.split(".").pop()) == null ? void 0 : _a.toLowerCase()) || "";
+  const ext = file.split(".").pop()?.toLowerCase() || "";
   if (ext === "js") {
     return "script";
   } else if (ext === "css") {
@@ -65,11 +64,11 @@ const fileType = (file) => {
   }
   return "";
 };
-const findDependencies = (modules, manifest, shouldPreload, shouldPrefetch) => {
+const findDependencies = (modules, ssrManifest, shouldPreload, shouldPrefetch) => {
   const preload = /* @__PURE__ */ new Set();
   const prefetch = /* @__PURE__ */ new Set();
   for (const id of modules || []) {
-    for (const file of manifest[id] || []) {
+    for (const file of ssrManifest[id] || []) {
       const asType = fileType(file);
       if (!shouldPreload && asType !== "script" && asType !== "style") {
         continue;
@@ -80,8 +79,8 @@ const findDependencies = (modules, manifest, shouldPreload, shouldPrefetch) => {
       preload.add(file);
     }
   }
-  for (const id of Object.keys(manifest)) {
-    for (const file of manifest[id]) {
+  for (const id of Object.keys(ssrManifest)) {
+    for (const file of ssrManifest[id]) {
       if (!preload.has(file)) {
         const asType = fileType(file);
         if (!shouldPrefetch) {
@@ -97,22 +96,21 @@ const findDependencies = (modules, manifest, shouldPreload, shouldPrefetch) => {
   return { preload: [...preload], prefetch: [...prefetch] };
 };
 const renderPreloadLinks = (files) => {
-  var _a;
-  const link = [];
+  const links = [];
   for (const file of files || []) {
     const asType = fileType(file);
-    const ext = ((_a = file.split(".").pop()) == null ? void 0 : _a.toLowerCase()) || "";
+    const ext = file.split(".").pop()?.toLowerCase() || "";
     if (asType === "script") {
-      link.push(`<link rel="modulepreload" crossorigin href="${file}">`);
+      links.push(`<link rel="modulepreload" crossorigin href="${file}">`);
     } else if (asType === "style") {
-      link.push(`<link rel="stylesheet" href="${file}">`);
+      links.push(`<link rel="stylesheet" href="${file}">`);
     } else if (asType === "font") {
-      link.push(`<link rel="stylesheet" href="${file}" type="font/${ext}" crossorigin>`);
+      links.push(`<link rel="stylesheet" href="${file}" type="font/${ext}" crossorigin>`);
     } else {
-      link.push(`<link rel="stylesheet" href="${file}">`);
+      links.push(`<link rel="stylesheet" href="${file}">`);
     }
   }
-  return link;
+  return links;
 };
 const renderPrefetchLinks = (files) => {
   const link = [];
@@ -121,6 +119,30 @@ const renderPrefetchLinks = (files) => {
   }
   return link;
 };
+const findIndexHtmlDependencies = (manifest) => {
+  const output = [];
+  const indexHtmlDependencies = manifest["index.html"] || {};
+  indexHtmlDependencies.file && output.push(indexHtmlDependencies.file);
+  indexHtmlDependencies.css && indexHtmlDependencies.css.length && output.push(...indexHtmlDependencies.css);
+  output.forEach((file, index) => {
+    if (!/^\//.test(file)) {
+      output[index] = `/${file}`;
+    }
+  });
+  return output;
+};
+const renderPreloadLinksIndexHtml = (files) => {
+  const links = [];
+  for (const file of files || []) {
+    const asType = fileType(file);
+    if (asType === "script") {
+      links.push(`<link rel="modulepreload" crossorigin href="${file}">`);
+    } else if (asType === "style") {
+      links.push(`<link rel="preload" href="${file}" as="style">`);
+    }
+  }
+  return links;
+};
 const teleportsInject = (body, teleports = {}) => {
   const teleportsKeys = Object.keys(teleports);
   if (teleportsKeys.length) {
@@ -140,7 +162,7 @@ const teleportsInject = (body, teleports = {}) => {
   return body;
 };
 const createViteSsrVue = (App2, options2 = {}) => {
-  return async (url, { manifest, ...extra } = {}) => {
+  return async (url, { manifest, ssrManifest, ...extra } = {}) => {
     const app = createSSRApp(App2, options2.rootProps);
     const serializer = options2.serializer || serialize;
     const ssrContext = {
@@ -149,7 +171,8 @@ const createViteSsrVue = (App2, options2 = {}) => {
       initialState: {},
       ...extra
     };
-    const { head, router, store, inserts, context } = options2.created && await options2.created({
+    ssrManifest = ssrManifest || manifest;
+    const { head, router, store, inserts, context, pinia } = options2.created && await options2.created({
       app,
       ...ssrContext
     }) || {};
@@ -161,20 +184,29 @@ const createViteSsrVue = (App2, options2 = {}) => {
       app,
       router,
       store,
+      pinia,
       ...ssrContext
     });
     if (store) {
       ssrContext.initialState.state = store.state;
     }
-    const body = (inserts == null ? void 0 : inserts.body) || await renderToString(app, Object.assign(ssrContext, context || {}));
-    let headTags = (inserts == null ? void 0 : inserts.headTags) || "", htmlAttrs = (inserts == null ? void 0 : inserts.htmlAttrs) || "", bodyAttrs = (inserts == null ? void 0 : inserts.bodyAttrs) || "", dependencies = (inserts == null ? void 0 : inserts.dependencies) || [];
+    if (pinia) {
+      ssrContext.initialState.pinia = pinia.state.value;
+    }
+    const body = inserts?.body || await renderToString(app, Object.assign(ssrContext, context || {}));
+    let headTags = inserts?.headTags || "", htmlAttrs = inserts?.htmlAttrs || "", bodyAttrs = inserts?.bodyAttrs || "", dependencies = inserts?.dependencies || [];
     if (head) {
       ({ headTags, htmlAttrs, bodyAttrs } = await renderHeadToString(head));
     }
-    if (manifest) {
+    if (options2.preloadIndexHtml && manifest) {
+      const preloadIndexHtmlFiles = findIndexHtmlDependencies(manifest);
+      const links = renderPreloadLinksIndexHtml(preloadIndexHtmlFiles);
+      headTags += links.length ? "\n" + links.join("\n") : "";
+    }
+    if (ssrManifest) {
       const { preload, prefetch } = findDependencies(
         ssrContext.modules,
-        manifest,
+        ssrManifest,
         options2.shouldPreload,
         options2.shouldPrefetch
       );
@@ -192,10 +224,11 @@ const createViteSsrVue = (App2, options2 = {}) => {
       app,
       router,
       store,
+      pinia,
       ...ssrContext
     });
     const initialState = await serializer(ssrContext.initialState || {});
-    const teleports = (ssrContext == null ? void 0 : ssrContext.teleports) || {};
+    const teleports = ssrContext?.teleports || {};
     return {
       html: teleportsInject(`<!DOCTYPE html>
 <html${htmlAttrs}>
@@ -210,8 +243,8 @@ const createViteSsrVue = (App2, options2 = {}) => {
             }
         
 /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4Lmh0bWwlM0ZodG1sLXByb3h5JmlubGluZS1jc3MmaW5kZXg9MC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtZQUNZO2dCQUNJLFdBQVc7WUFDZiIsImZpbGUiOiJpbmRleC5odG1sP2h0bWwtcHJveHkmaW5saW5lLWNzcyZpbmRleD0wLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIlxuICAgICAgICAgICAgLmljb25pbmcge1xuICAgICAgICAgICAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgICAgICAgfVxuICAgICAgICAiXX0= */</style>
-      <script type="module" crossorigin src="/assets/index-DJNddzdM.js"><\/script>
-      <link rel="stylesheet" crossorigin href="/assets/index-B8XEaJMM.css">
+      <script type="module" crossorigin src="/assets/index-CIJvTamH.js"><\/script>
+      <link rel="stylesheet" crossorigin href="/assets/index-B40M1W6I.css">
     ${headTags}
 </head>
     <body${bodyAttrs}>
@@ -229,23 +262,155 @@ const createViteSsrVue = (App2, options2 = {}) => {
     };
   };
 };
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
+const langLink = (url, lang = "ru", defaultLang2 = "ru") => {
+  url = (url || "").replace(/\/(ru|ua|en)(\/|$)/, "/");
+  const result = (lang === defaultLang2 ? "" : "/" + lang) + url;
+  return result === "/" ? result : result.replace(/\/$/, "");
 };
+const useBaseStore = defineStore("baseStore", {
+  state: () => {
+    return {
+      context: {},
+      // Ssr context
+      page: {
+        h1: "",
+        title: "",
+        htmlAttrs: {}
+      },
+      way: [],
+      // breadcrumbs
+      microdata: "",
+      // Микроразметка
+      toLang: "ua",
+      // Before route - set to new value
+      lang: "ua",
+      // After route set to new value
+      loading: false
+      // is data loading
+    };
+  },
+  getters: {
+    getBaseUrl() {
+      return `${this.context.protocol}://${this.context.hostname}`;
+    }
+  },
+  actions: {
+    mergeContext(context) {
+      Object.assign(this.context, context);
+    },
+    addToastNotify(params) {
+      this.$emitter.emit("web-notification", params);
+    },
+    langLink(path2) {
+      return langLink(path2, this.lang);
+    },
+    async fetch(input, init = {}, opts = {}) {
+      const url = new URL(`${this.getBaseUrl}${input}`);
+      const token = init?.token || "";
+      const search = url.searchParams;
+      search.set("lang", search.get("lang") || this.lang);
+      const ssrHeaders = this.context.headers || {};
+      if (isBrowser()) {
+        [
+          "host",
+          "connection",
+          "user-agent",
+          "referer",
+          "accept-encoding",
+          "cookie",
+          "sec-ch-ua",
+          "sec-ch-ua-mobile",
+          "sec-fetch-site",
+          "sec-fetch-mode",
+          "sec-fetch-dest",
+          "sec-fetch-user",
+          "sec-ch-ua-platform"
+        ].map((key) => delete ssrHeaders[key]);
+      } else {
+        ssrHeaders["x-forwarded-for"] = this.context.ip;
+      }
+      init.headers = init.headers || {};
+      init.headers = Object.assign(
+        {},
+        ssrHeaders,
+        init?.body instanceof FormData ? {} : { "content-type": "application/json" },
+        token ? { "authorization": "Bearer " + token } : {},
+        init.headers
+      );
+      init.method = init.method || "GET";
+      if (["get", "head"].includes(init.method.toLowerCase())) {
+        url.search = new URLSearchParams(init?.data || url.search || {}).toString();
+      } else {
+        init.body = init?.body || JSON.stringify(init?.data || {});
+      }
+      try {
+        this.loading = true;
+        const response = await fetch(url, init);
+        if (!response.ok) {
+          const headers = {};
+          response.headers.forEach((value, key) => headers[key] = value);
+          const text = await response.text();
+          let json = {};
+          try {
+            json = JSON.parse(text);
+          } catch (e) {
+          }
+          throw new ApiError({
+            code: json.code || 0,
+            statusCode: response.status,
+            message: "Web api request error",
+            headers,
+            data: { json, text }
+          });
+        }
+        return response;
+      } catch (e) {
+        if (e instanceof TypeError) {
+          if (isBrowser()) {
+            this.addToastNotify({
+              severity: "error",
+              detail: "Check your internet connection. No contact)"
+            });
+          }
+        }
+        if (e instanceof ApiError) {
+          const statusCode = e.getStatusCode();
+          const error = e.getData()?.json?.error || e.getData().text || e.getMessage();
+          if (init.method.toLowerCase() === "get") {
+            if (statusCode === 410) {
+              const location = e.getHeaders().location;
+              if (location) {
+                await this.$redirect(location);
+              }
+            }
+          }
+          if (statusCode >= 400 && !opts.suppressError && statusCode !== 410) {
+            isBrowser() ? this.addToastNotify({ severity: "error", summary: "Request error", detail: error }) : this.$redirect(langLink(`/${statusCode}?error=${encodeURIComponent(error)}`, this.lang));
+          }
+        }
+        throw e;
+      } finally {
+        this.loading = false;
+      }
+    }
+  }
+});
 const _sfc_main$2 = defineComponent({
   name: "Error",
   async prefetch({ store, isClient }, to, from) {
-    store.commit("SET_PAGE", {
+    const baseStore = useBaseStore(store);
+    baseStore.page = {
       title: "Error page. Something went wrong",
       htmlAttrs: {
         lang: "en"
-      }
-    });
-    store.commit("MERGE_CONTEXT", { statusCode: 404 });
+      },
+      h1: ""
+    };
+    baseStore.mergeContext({ statusCode: 404 });
+  },
+  setup() {
+    const baseStore = useBaseStore();
+    return { baseStore };
   },
   props: {
     code: {
@@ -254,14 +419,19 @@ const _sfc_main$2 = defineComponent({
     }
   },
   created() {
-    this.mergeContext({ statusCode: this.code });
+    this.baseStore.mergeContext({ statusCode: parseInt(this.code) });
   },
-  methods: {
-    ...mapMutations({
-      mergeContext: "MERGE_CONTEXT"
-    })
+  mounted() {
+    console.log("Component mounted.");
   }
 });
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
 function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_RouterLink = resolveComponent("RouterLink");
   _push(`<div${ssrRenderAttrs(mergeProps({ class: "error-page" }, _attrs))}><div class="code">${ssrInterpolate(_ctx.code)}</div><div class="content">Oops. Something went wrong</div>`);
@@ -290,30 +460,37 @@ _sfc_main$2.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/frontend/views/Error/Error.vue");
   return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
 };
-const Error$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2], ["__file", "/Volumes/MacMiniAPFS/projects/packages/vite-node-template/template-vite-vue3-mts/src/frontend/views/Error/Error.vue"]]);
-const customerPrefetch = (options2, fn) => {
+const Error$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2], ["__file", "/Volumes/MacMiniAPFS/projects/packages/vite-node-template/template-vite-vue3-pinia-mts/src/frontend/views/Error/Error.vue"]]);
+const customerPrefetchPinia = (options2, fn) => {
   return async ({ store, isFetch }, to, from) => {
-    var _a, _b, _c;
     if (isFetch) {
-      const { body } = await store.dispatch("fetch", [{
-        lang: store.state.toLang,
-        route: to.fullPath,
-        ...to.query || {},
-        ...options2 || {}
-      }, {
-        ...((_b = (_a = store.state) == null ? void 0 : _a.Customer) == null ? void 0 : _b.jwt) ? { mergeHeaders: { "authorization": `Bearer ${store.state.Customer.jwt}` } } : {}
-      }]);
-      store.commit("SET_PAGE", ((_c = body.data) == null ? void 0 : _c.page) || {});
-      store.commit("MERGE_CONTEXT", { memcache: options2.memcache });
+      const baseStore = useBaseStore(store);
+      const res = await baseStore.fetch("/web", {
+        data: {
+          lang: baseStore.toLang,
+          route: to.fullPath,
+          ...to.query || {},
+          ...options2 || {}
+        }
+      });
+      const body = await res.json();
+      const page = body.data?.page;
+      baseStore.page = page ? omit(page, ["way"]) : {};
+      baseStore.way = page?.way || [];
+      baseStore.microdata = body.data?.microdata || "";
+      baseStore.mergeContext({ memcache: options2.memcache || null });
     }
   };
 };
 const _sfc_main$1 = defineComponent({
   name: "Index",
-  components: {},
-  prefetch: customerPrefetch({ controller: "Index" }),
-  computed: {
-    ...mapState(["page", "context"])
+  prefetch: customerPrefetchPinia({ controller: "Index" }),
+  setup() {
+    const baseStore = useBaseStore();
+    const { page } = storeToRefs(baseStore);
+    return {
+      page
+    };
   }
 });
 function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
@@ -325,7 +502,7 @@ _sfc_main$1.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/frontend/views/Index/Index.vue");
   return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
 };
-const Index = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1], ["__file", "/Volumes/MacMiniAPFS/projects/packages/vite-node-template/template-vite-vue3-mts/src/frontend/views/Index/Index.vue"]]);
+const Index = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1], ["__file", "/Volumes/MacMiniAPFS/projects/packages/vite-node-template/template-vite-vue3-pinia-mts/src/frontend/views/Index/Index.vue"]]);
 const createRouter = (opt) => createRouter$1({
   history: opt.isClient ? createWebHistory() : createMemoryHistory(),
   routes: [
@@ -347,284 +524,15 @@ const createRouter = (opt) => createRouter$1({
     }
   ],
   async scrollBehavior(to, from, savedPosition) {
-    var _a;
-    if ((_a = to.query) == null ? void 0 : _a.el) {
+    if (to.query?.el) {
       const el = to.query.el;
-      return {
-        el
-      };
+      return { el };
     }
     if (to.meta.scrollToTop) {
       return { left: 0, top: 0 };
     }
   }
 });
-const langLink = (url, lang = "ru", defaultLang2 = "ru") => {
-  url = (url || "").replace(/\/(ru|ua|en)(\/|$)/, "/");
-  const result = (lang === defaultLang2 ? "" : "/" + lang) + url;
-  return result === "/" ? result : result.replace(/\/$/, "");
-};
-const fetchAction = async ({ state, commit, getters, dispatch }, [
-  params = {},
-  options2
-]) => {
-  var _a, _b, _c;
-  const headers = {};
-  try {
-    const isFormData = typeof FormData !== "undefined" && params instanceof FormData;
-    const ssrHeaders = state.context.headers || {};
-    if (isFormData) {
-      if (!params.has("lang")) {
-        params.append("lang", state.lang);
-      }
-    } else {
-      if (!params.lang) {
-        params.lang = state.lang;
-      }
-    }
-    if (isBrowser()) {
-      [
-        "host",
-        "connection",
-        "user-agent",
-        "referer",
-        "accept-encoding",
-        "cookie",
-        "sec-ch-ua",
-        "sec-ch-ua-mobile",
-        "sec-fetch-site",
-        "sec-fetch-mode",
-        "sec-fetch-dest",
-        "sec-fetch-user",
-        "sec-ch-ua-platform"
-      ].map((key) => delete ssrHeaders[key]);
-    } else {
-      ssrHeaders["x-forwarded-for"] = state.context.ip;
-    }
-    const defaultOptions = {
-      url: `${getters.getBaseUrl}/web`,
-      method: "get",
-      preloader: true,
-      error: true,
-      compress: true,
-      headers: {
-        // Proxy ssr headers to request
-        ...ssrHeaders,
-        ...isFormData ? {} : { "content-type": "application/json" }
-      }
-    };
-    options2 = Object.assign(
-      {},
-      defaultOptions,
-      options2 || {}
-    );
-    if (options2 == null ? void 0 : options2.preloader) {
-      commit("SET_LOADING", true);
-    }
-    if (options2.mergeHeaders) {
-      options2.headers = Object.assign(options2.headers || {}, options2.mergeHeaders);
-      delete options2.mergeHeaders;
-    }
-    const url = new URL(options2.url);
-    if (!["get", "head"].includes((_a = options2 == null ? void 0 : options2.method) == null ? void 0 : _a.toLowerCase())) {
-      if (isFormData) {
-        options2.body = params;
-      } else {
-        options2.body = JSON.stringify(params);
-      }
-    } else {
-      url.search = new URLSearchParams(params).toString();
-    }
-    const response = await fetch(url.toString(), options2);
-    response.headers.forEach((value, key) => headers[key] = value);
-    const json = await response.json();
-    if (!response.ok) {
-      throw new ApiError({
-        code: json.code || 0,
-        statusCode: response.status,
-        message: "Api request error",
-        headers,
-        data: json
-      });
-    }
-    return { body: json, response };
-  } catch (e) {
-    if (e instanceof TypeError) {
-      if (isBrowser()) {
-        commit("SET_NOTIFICATION", {
-          type: "danger",
-          text: "Check your internet connection. No contact)"
-        });
-      }
-    }
-    if (e instanceof ApiError) {
-      const statusCode = e.getStatusCode();
-      if (statusCode === 400 && (options2 == null ? void 0 : options2.error)) {
-        commit("SET_NOTIFICATION", { type: "danger", text: e.getData()["error"] });
-      }
-      if (statusCode === 404 && (options2 == null ? void 0 : options2.error)) {
-        if (isBrowser()) {
-          commit("SET_NOTIFICATION", {
-            type: "danger",
-            text: "Something went wrong. We are working hard to fix this)"
-          });
-        } else {
-          await dispatch("redirect", {
-            url: "/404",
-            code: 307
-          });
-        }
-      }
-      if (((_b = options2 == null ? void 0 : options2.method) == null ? void 0 : _b.toLowerCase()) === "get") {
-        if (statusCode === 410) {
-          const location = (_c = e.getHeaders()) == null ? void 0 : _c.location;
-          if (location) {
-            await dispatch("redirect", { url: location, code: 307 });
-          }
-        }
-      }
-    }
-    throw e;
-  } finally {
-    if (options2 == null ? void 0 : options2.preloader) {
-      commit("SET_LOADING", false);
-    }
-  }
-};
-const createStore = (opt) => createStore$1({
-  state: () => {
-    return {
-      context: {},
-      page: {},
-      way: [],
-      toLang: "ru",
-      lang: "ru",
-      loading: false
-    };
-  },
-  mutations: {
-    MERGE_CONTEXT(state, context) {
-      Object.assign(state.context, context);
-    },
-    MERGE_CONTEXT_HEADERS(state, headers) {
-      state.context.responseHeaders = Object.assign(state.context.responseHeaders || {}, headers);
-    },
-    SET_PAGE(state, page) {
-      state.page = page || {};
-    },
-    SET_WAY(state, way) {
-      state.way = way || [];
-    },
-    SET_LANG(state, lang) {
-      state.lang = lang;
-    },
-    SET_TO_LANG(state, lang) {
-      state.toLang = lang;
-    },
-    SET_LOADING(state, loading) {
-      state.loading = loading;
-    }
-  },
-  getters: {
-    getToLang(state) {
-      return state.toLang;
-    },
-    getLang(state) {
-      return state.lang;
-    },
-    urlFromLang: (state) => (url = "/", lang = state.toLang) => langLink(url, lang),
-    /**
-     * Get absolute url for requests
-     * @param state
-     */
-    getBaseUrl(state) {
-      return `${state.context.protocol}://${state.context.hostname}`;
-    }
-  },
-  actions: {
-    /**
-     * Base fetch data action
-     * @param state
-     * @param payload
-     * @returns
-     */
-    async fetch(state, payload) {
-      return fetchAction(state, payload);
-    },
-    /**
-     * Redirect
-     * @param context
-     * @param url auto transform to multilang
-     * @param query query params
-     * @param code status code for server, when on the client is discarded
-     */
-    async redirect({ state, getters }, { url, code, query }) {
-      if (query) {
-        url = url + new URLSearchParams(query).toString();
-      }
-      await opt.redirect(langLink(url, state.toLang), code || 307);
-    }
-  }
-});
-/*!
- /**
-  * vuex-router-sync v6.0.0-rc.1
-  * (c) 2021 Evan You
-  * @license MIT
-  */
-function sync(store, router, options2) {
-  const moduleName = {}.moduleName || "route";
-  store.registerModule(moduleName, {
-    namespaced: true,
-    state: cloneRoute(router.currentRoute.value),
-    mutations: {
-      ROUTE_CHANGED(_state, transition) {
-        store.state[moduleName] = cloneRoute(transition.to, transition.from);
-      }
-    }
-  });
-  let isTimeTraveling = false;
-  let currentPath;
-  const storeUnwatch = store.watch((state) => state[moduleName], (route) => {
-    const { fullPath } = route;
-    if (fullPath === currentPath) {
-      return;
-    }
-    if (currentPath != null) {
-      isTimeTraveling = true;
-      router.push(route);
-    }
-    currentPath = fullPath;
-  }, { flush: "sync" });
-  const afterEachUnHook = router.afterEach((to, from) => {
-    if (isTimeTraveling) {
-      isTimeTraveling = false;
-      return;
-    }
-    currentPath = to.fullPath;
-    store.commit(moduleName + "/ROUTE_CHANGED", { to, from });
-  });
-  return function unsync() {
-    afterEachUnHook();
-    storeUnwatch();
-    store.unregisterModule(moduleName);
-  };
-}
-function cloneRoute(to, from) {
-  const clone = {
-    name: to.name,
-    path: to.path,
-    hash: to.hash,
-    query: to.query,
-    params: to.params,
-    fullPath: to.fullPath,
-    meta: to.meta
-  };
-  if (from) {
-    clone.from = cloneRoute(from);
-  }
-  return Object.freeze(clone);
-}
 const parseLang = (url, defaultLang2 = "ru") => {
   const result = url.match(/^\/(ru|ua|en)\/?/i);
   return result && result.length > 0 ? result[1] : defaultLang2;
@@ -635,48 +543,64 @@ const options = {
     const emitter = amitt();
     const head = createHead();
     const router = createRouter({ isClient });
-    const store = createStore({
-      redirect: async function(url, statusCode = 307) {
-        console.log("Redirecting: " + url);
-        if (isClient) {
-          await router.push(url);
-        } else {
-          res.redirect(url, statusCode);
-        }
-      }
+    const pinia = createPinia();
+    const redirect = async function(url, statusCode = 307) {
+      console.log("Redirecting: " + url);
+      isClient ? await router.push(url) : res.redirect(url, statusCode);
+    };
+    pinia.use(function() {
+      return {
+        "$redirect": redirect,
+        "$emitter": emitter
+      };
     });
     app.use(router);
-    app.use(store);
+    app.use(pinia);
     app.use(head);
     app.use(Multilang, {
       default: defaultLang,
-      getLang() {
-        return store.state.lang;
-      }
+      getLang: () => useBaseStore(pinia).lang
     });
-    sync(store, router);
     const prefetch = createPrefetch();
-    app.use(prefetch, router, store);
-    app.use(PrimeVue.default || PrimeVue);
-    app.use(ConfirmationService.default || ConfirmationService);
+    app.use(prefetch, router, pinia);
+    app.use(PrimeVue, {
+      theme: {
+        preset: Aura,
+        options: {
+          darkModeSelector: false
+        }
+      }
+    });
+    app.use(ConfirmationService);
+    app.use(ToastService);
     app.config.globalProperties.$emitter = emitter;
-    if (!isClient) {
-      store.state.context = context;
-    }
+    app.config.globalProperties.$emitter = emitter;
+    app.config.globalProperties.$redirect = redirect;
+    !isClient && (useBaseStore(pinia).context = context);
     router.beforeEach(async (to) => {
-      store.commit("SET_TO_LANG", parseLang(to.fullPath, defaultLang));
+      useBaseStore(pinia).toLang = parseLang(to.fullPath, defaultLang);
     });
     router.afterEach(async (to, from) => {
-      store.commit("SET_LANG", parseLang(to.fullPath, defaultLang));
+      useBaseStore(pinia).lang = parseLang(to.fullPath, defaultLang);
     });
-    return { head, router, store };
+    return { head, router, pinia };
+  },
+  // В случае кеширования нельзя кешировать весь контекст
+  rendered({ isClient, pinia }) {
+    if (!isClient) {
+      const baseStore = useBaseStore(pinia);
+      baseStore.context.cookies = {};
+      baseStore.context.headers = {};
+      baseStore.context.ip = "";
+      baseStore.context.memcache = null;
+    }
   }
 };
 const _sfc_main = defineComponent({
   name: "App",
   setup() {
-    const store = useStore();
-    useHead(computed(() => store.state.page));
+    const baseStore = useBaseStore();
+    useHead(computed(() => baseStore.page));
   }
 });
 function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
@@ -691,7 +615,7 @@ _sfc_main.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/frontend/App.vue");
   return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender], ["__file", "/Volumes/MacMiniAPFS/projects/packages/vite-node-template/template-vite-vue3-mts/src/frontend/App.vue"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender], ["__file", "/Volumes/MacMiniAPFS/projects/packages/vite-node-template/template-vite-vue3-pinia-mts/src/frontend/App.vue"]]);
 const args = margv();
 const createConfigServer = (config2, nodeEnv) => {
   const env = process.env.NODE_ENV || "development";
@@ -731,26 +655,13 @@ const webRoutes = [
   }
 ];
 const createMariadb = (config2) => {
-  var _a;
-  if ((_a = config2.db) == null ? void 0 : _a.home) {
+  if (config2.db?.home) {
     const home2 = new Query({ debug: process.env.NODE_ENV === "production" ? 0 : 1 });
     const homePool = home2.createPool(config2.db.home);
     return { homePool, home: home2 };
   }
   return {};
 };
-const createMemcached = () => {
-  const memcachedClient2 = memjs.Client.create("127.0.0.1:11211", {
-    timeout: 1,
-    conntimeout: 1,
-    logger: {
-      log: () => {
-      }
-    }
-  });
-  const memcached2 = new Memcached(memcachedClient2);
-  return { memcachedClient: memcachedClient2, memcached: memcached2 };
-};
 const readManifest = () => {
   let manifest = {};
   try {
@@ -766,13 +677,13 @@ const readJson5ConfigsSync = (configs, input = {}) => {
   }
   return input;
 };
+const { readConfigSync } = helpers;
 process.server = process.server || {};
-let memcachedClient, memcached, home;
+let home;
 const config = readJson5ConfigsSync(["./connect.json5", "./common.json5"]);
 const configServer = createConfigServer(config);
 if (process.env.NODE_ENV === "production") {
   ({ home } = createMariadb(config));
-  ({ memcachedClient, memcached } = createMemcached());
 }
 const webOptions = {
   routes: webRoutes,
@@ -780,12 +691,10 @@ const webOptions = {
   db: process.server.db || {
     home
   },
-  memcached: process.server.memcached || memcached,
   schema
 };
 const ssrOptions = {
-  manifest: readManifest(),
-  memcached: process.server.memcached || memcached
+  manifest: readManifest()
 };
 process.server.app = new Server({
   ...configServer,