@inzombieland/nuxt-common 1.19.19 → 1.19.20

package/dist/runtime/packages/layer-manager/LayersProvider.vue

@@ -1,176 +1,154 @@
-<script setup lang="ts">
-import { computed, onMounted, ref, watch } from "vue"
-import { useRoute, useRouter } from "vue-router"
-import LayerComponent from "./LayerComponent.vue"
-import { useLayerActions } from "./use-layer-actions"
-import type { ActiveLayer } from "./types"
-
-const router = useRouter()
-const route = useRoute()
-const layerActions = useLayerActions()
-const reactiveHistory = computed(() => ({ path: route.path, query: route.query }))
-const history = ref({ path: route.path, query: route.query })
-const activeLayers = ref<ActiveLayer[]>([])
-const pageTitle = ref("")
-const layersLimit = 5
-
-function getLayerHash(s: string): string {
-	const hash = s.split("").reduce((a, b) => {
-		a = (a << 5) - a + b.charCodeAt(0)
-		return a & a
-	}, 0)
-	return Math.abs(hash).toString()
-}
-
-const createLayer = (name: string, params?: { [p: string]: any }): ActiveLayer => {
-	return {
-		name,
-		layerId: getLayerHash(name),
-		component: name.charAt(0).toUpperCase() + name.slice(1),
-		params: Object.assign({}, history.value.query, params),
-		closeLayer: typeof window !== "undefined" ? () => {} : undefined,
-	}
-}
-
-const resolveLayer = (
-	layerName: string,
-	options: { isCloseOtherLayers: boolean } = { isCloseOtherLayers: false },
-	params?: { [p: string]: any }
-) => {
-	const activeLayer = activeLayers.value.find(({ name }) => name === layerName)
-	if (activeLayer) {
-		// слой с таким именем уже есть
-		const layer = activeLayers.value.splice(activeLayers.value.indexOf(activeLayer), 1)[0]
-		if (layer) {
-			if (params) {
-				layer.params = params
-			}
-			activeLayers.value.push(layer)
-		}
-	} else {
-		if (options.isCloseOtherLayers) {
-			activeLayers.value = []
-		}
-		if (activeLayers.value.length >= layersLimit) {
-			activeLayers.value.shift()
-		}
-		activeLayers.value.push(createLayer(layerName, params))
-	}
+<script setup>
+import { computed, onMounted, ref, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import LayerComponent from "./LayerComponent.vue";
+import { useLayerActions } from "./use-layer-actions";
+const router = useRouter();
+const route = useRoute();
+const layerActions = useLayerActions();
+const reactiveHistory = computed(() => ({ path: route.path, query: route.query }));
+const history = ref({ path: route.path, query: route.query });
+const activeLayers = ref([]);
+const pageTitle = ref("");
+const layersLimit = 5;
+function getLayerHash(s) {
+  const hash = s.split("").reduce((a, b) => {
+    a = (a << 5) - a + b.charCodeAt(0);
+    return a & a;
+  }, 0);
+  return Math.abs(hash).toString();
 }
-
-const closeLayer = (layerId: string) => {
-	if (typeof document !== "undefined") {
-		// eslint-disable-next-line unicorn/prefer-query-selector
-		const layerElement = document.getElementById(layerId)
-		if (layerElement) {
-			layerElement.classList.remove("open")
-			layerElement.classList.add("hide")
-		}
-		const layoutElement = document.querySelector("#layout")
-		if (layoutElement) {
-			layoutElement.classList.remove("layer-open")
-			layoutElement.classList.add("layer-hide")
-		}
-	}
-
-	setTimeout(() => {
-		if (!activeLayers.value.some(s => s.layerId === layerId)) {
-			return
-		}
-
-		activeLayers.value = activeLayers.value.filter(s => s.layerId !== layerId)
-
-		const layer = activeLayers.value.at(-1)
-		const queryLayer = layer ? { layer: layer.name, ...layer.params } : {}
-		const query = { ...(history.value.query?.layer ? queryLayer : {}) }
-
-		router.push({ path: history.value.path, query })
-		if (activeLayers.value.length === 0 && typeof document !== "undefined") {
-			document.title = pageTitle.value
-		}
-
-		if (activeLayers.value.length === 0) {
-			document.documentElement.style.removeProperty("overflow")
-			document.body.style.removeProperty("overflow")
-		}
-	}, 400)
-}
-
+const createLayer = (name, params) => {
+  return {
+    name,
+    layerId: getLayerHash(name),
+    component: name.charAt(0).toUpperCase() + name.slice(1),
+    params: Object.assign({}, history.value.query, params),
+    closeLayer: typeof window !== "undefined" ? () => {
+    } : void 0
+  };
+};
+const resolveLayer = (layerName, options = { isCloseOtherLayers: false }, params) => {
+  const activeLayer = activeLayers.value.find(({ name }) => name === layerName);
+  if (activeLayer) {
+    const layer = activeLayers.value.splice(activeLayers.value.indexOf(activeLayer), 1)[0];
+    if (layer) {
+      if (params) {
+        layer.params = params;
+      }
+      activeLayers.value.push(layer);
+    }
+  } else {
+    if (options.isCloseOtherLayers) {
+      activeLayers.value = [];
+    }
+    if (activeLayers.value.length >= layersLimit) {
+      activeLayers.value.shift();
+    }
+    activeLayers.value.push(createLayer(layerName, params));
+  }
+};
+const closeLayer = (layerId) => {
+  if (typeof document !== "undefined") {
+    const layerElement = document.getElementById(layerId);
+    if (layerElement) {
+      layerElement.classList.remove("open");
+      layerElement.classList.add("hide");
+    }
+    const layoutElement = document.querySelector("#layout");
+    if (layoutElement) {
+      layoutElement.classList.remove("layer-open");
+      layoutElement.classList.add("layer-hide");
+    }
+  }
+  setTimeout(() => {
+    if (!activeLayers.value.some((s) => s.layerId === layerId)) {
+      return;
+    }
+    activeLayers.value = activeLayers.value.filter((s) => s.layerId !== layerId);
+    const layer = activeLayers.value.at(-1);
+    const queryLayer = layer ? { layer: layer.name, ...layer.params } : {};
+    const query = { ...history.value.query?.layer ? queryLayer : {} };
+    router.push({ path: history.value.path, query });
+    if (activeLayers.value.length === 0 && typeof document !== "undefined") {
+      document.title = pageTitle.value;
+    }
+    if (activeLayers.value.length === 0) {
+      document.documentElement.style.removeProperty("overflow");
+      document.body.style.removeProperty("overflow");
+    }
+  }, 400);
+};
 const closeAllLayers = () => {
-	activeLayers.value = []
-	router.push(history.value.path)
-	document.title = pageTitle.value
-}
-
+  activeLayers.value = [];
+  router.push(history.value.path);
+  document.title = pageTitle.value;
+};
 watch(reactiveHistory, (value, prevValue) => {
-	history.value = value
-	if (value.path !== prevValue.path) {
-		if (value.query.layer) {
-			resolveLayer(value.query.layer.toString(), { isCloseOtherLayers: true })
-		} else if (activeLayers.value.length > 0) {
-			activeLayers.value = []
-			document.title = pageTitle.value
-		}
-	} else if (value.query.layer) {
-		if (value.query.layer !== prevValue.query.layer) {
-			resolveLayer(value.query.layer.toString())
-		} else {
-			const activeLayer = activeLayers.value.find(({ name }) => name === value.query.layer)
-			if (activeLayer) {
-				activeLayer.params = value.query
-			}
-		}
-	} else if (activeLayers.value.length > 0) {
-		activeLayers.value = []
-		document.title = pageTitle.value
-	}
-})
-
+  history.value = value;
+  if (value.path !== prevValue.path) {
+    if (value.query.layer) {
+      resolveLayer(value.query.layer.toString(), { isCloseOtherLayers: true });
+    } else if (activeLayers.value.length > 0) {
+      activeLayers.value = [];
+      document.title = pageTitle.value;
+    }
+  } else if (value.query.layer) {
+    if (value.query.layer !== prevValue.query.layer) {
+      resolveLayer(value.query.layer.toString());
+    } else {
+      const activeLayer = activeLayers.value.find(({ name }) => name === value.query.layer);
+      if (activeLayer) {
+        activeLayer.params = value.query;
+      }
+    }
+  } else if (activeLayers.value.length > 0) {
+    activeLayers.value = [];
+    document.title = pageTitle.value;
+  }
+});
 onMounted(() => {
-	pageTitle.value = document.title
-
-	layerActions.value = {
-		initialized: true,
-		open: (layerName: string, params?: { [p: string]: any }) => {
-			if (params?.mode === "router") {
-				const { mode, ...restParams } = params
-				router.push({ path: history.value.path, query: { layer: layerName, ...(restParams ?? {}) } })
-			} else {
-				resolveLayer(layerName, undefined, params)
-			}
-		},
-		getLayer: (layerName: string) => {
-			return activeLayers.value.find(({ name }) => name === layerName)
-		},
-		closeAllLayers: () => {
-			closeAllLayers()
-		},
-	}
-
-	window.addEventListener("keyup", event => {
-		if (event.key === "Escape") {
-			const lastLayer = activeLayers.value.at(-1)
-			if (lastLayer) {
-				closeLayer(lastLayer.layerId)
-			}
-		}
-	})
-})
-
+  pageTitle.value = document.title;
+  layerActions.value = {
+    initialized: true,
+    open: (layerName, params) => {
+      if (params?.mode === "router") {
+        const { mode, ...restParams } = params;
+        router.push({ path: history.value.path, query: { layer: layerName, ...restParams ?? {} } });
+      } else {
+        resolveLayer(layerName, void 0, params);
+      }
+    },
+    getLayer: (layerName) => {
+      return activeLayers.value.find(({ name }) => name === layerName);
+    },
+    closeAllLayers: () => {
+      closeAllLayers();
+    }
+  };
+  window.addEventListener("keyup", (event) => {
+    if (event.key === "Escape") {
+      const lastLayer = activeLayers.value.at(-1);
+      if (lastLayer) {
+        closeLayer(lastLayer.layerId);
+      }
+    }
+  });
+});
 if (!layerActions.value?.initialized && history.value.query?.layer) {
-	resolveLayer(history.value.query.layer.toString())
+  resolveLayer(history.value.query.layer.toString());
 }
 </script>
 
-<script lang="ts">
+<script>
 export const useLayerManager = () => {
-	const layerActions = useLayerActions()
-	return {
-		open: (layerName: string, params?: { [p: string]: any }) => layerActions.value?.open?.(layerName, params),
-		getLayer: (layerName: string) => layerActions.value?.getLayer?.(layerName),
-		closeAllLayers: () => layerActions.value?.closeAllLayers?.(),
-	}
-}
+  const layerActions = useLayerActions();
+  return {
+    open: (layerName, params) => layerActions.value?.open?.(layerName, params),
+    getLayer: (layerName) => layerActions.value?.getLayer?.(layerName),
+    closeAllLayers: () => layerActions.value?.closeAllLayers?.()
+  };
+};
 </script>
 
 <template>

package/dist/runtime/packages/layer-manager/LayersProvider.vue.d.ts

@@ -0,0 +1,10 @@
+import type { ActiveLayer } from "./types.js";
+export declare const useLayerManager: () => {
+    open: (layerName: string, params?: {
+        [p: string]: any;
+    }) => void | undefined;
+    getLayer: (layerName: string) => ActiveLayer | undefined;
+    closeAllLayers: () => void | undefined;
+};
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/packages/layer-manager/index.d.ts

@@ -1,2 +1,2 @@
-import LayerManager, { useLayerManager } from "./LayersProvider.vue";
+import LayerManager, { useLayerManager } from "./LayersProvider.vue.js";
 export { LayerManager, useLayerManager };

package/dist/runtime/packages/layer-manager/use-layer-actions.d.ts

@@ -1,4 +1,4 @@
-import type { ActiveLayer } from "./types";
+import type { ActiveLayer } from "./types.js";
 export declare const useLayerActions: () => import("vue").Ref<{
     initialized: boolean;
     open?: ((layerName: string, params?: {

package/dist/runtime/{plugin.mjs → plugin.js}

@@ -1,10 +1,10 @@
 import { addRouteMiddleware, defineNuxtPlugin } from "#app";
 import { useNuxtApp, useRequestHeaders, useRuntimeConfig, useState } from "#imports";
 import { watch } from "vue";
-import { fetch, getUser } from "./api/index.mjs";
-import { authMiddleware, guestMiddleware, localeMiddleware } from "./middleware/index.mjs";
-import { defineVuePlugins, useThemeMode } from "./packages/core/index.mjs";
-import { flush, setToken, setUser } from "./packages/core/api-client.mjs";
+import { fetch, getUser } from "./api/index.js";
+import { authMiddleware, guestMiddleware, localeMiddleware } from "./middleware/index.js";
+import { defineVuePlugins, useThemeMode } from "./packages/core/index.js";
+import { flush, setToken, setUser } from "./packages/core/api-client.js";
 const useAuth = () => {
   return useState("auth", () => null);
 };

package/dist/runtime/plugins/{device.mjs → device.js}

@@ -1,6 +1,6 @@
 import { defineNuxtPlugin } from "#app";
 import { useNuxtApp } from "#imports";
-import { deviceHelper } from "../packages/core/helpers/index.mjs";
+import { deviceHelper } from "../packages/core/helpers/index.js";
 export default defineNuxtPlugin(() => {
   const device = deviceHelper();
   return {

package/dist/types.d.mts

@@ -1,8 +1,3 @@
+export { default } from './module.mjs'
 
-import type {  } from './module.js'
-
-
-
-
-
-export type { default } from './module.js'
+export { type ModuleOptions } from './module.mjs'

package/package.json

@@ -1,18 +1,24 @@
 {
   "name": "@inzombieland/nuxt-common",
-  "version": "1.19.19",
+  "version": "1.19.20",
   "license": "ISC",
   "type": "module",
   "exports": {
     ".": {
-      "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
     },
     "./assets/": "./assets/",
-    "./helpers": "./dist/runtime/thirdparty/helpers/index.mjs"
+    "./helpers": "./dist/runtime/thirdparty/helpers/index.js"
+  },
+  "main": "./dist/module.mjs",
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types.d.mts"
+      ]
+    }
   },
-  "main": "./dist/module.cjs",
-  "types": "./dist/types.d.ts",
   "files": [
     "dist",
     "assets"
@@ -24,10 +30,10 @@
   },
   "scripts": {
     "build": "nuxt-module-build build",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
-    "dev": "nuxi dev playground --dotenv .env.dev",
-    "dev:build:dev": "nuxi build playground --dotenv .env.dev",
-    "dev:build:prod": "nuxi build playground --dotenv .env.prod",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playground",
+    "dev": "nuxt dev playground --dotenv .env.dev",
+    "dev:build:dev": "nuxt build playground --dotenv .env.dev",
+    "dev:build:prod": "nuxt build playground --dotenv .env.prod",
     "rollup": "rollup -c",
     "lint": "eslint --config=eslint.config.js ./src",
     "lint:fix": "eslint --config=eslint.config.js --fix ./src",
@@ -43,15 +49,16 @@
   "devDependencies": {
     "@braintree/sanitize-url": "^7.1.1",
     "@fingerprintjs/fingerprintjs": "^4.6.2",
+    "@inzombieland/nuxt-common": "^1.19.19",
     "@nuxt/devtools": "latest",
     "@nuxt/icon": "^1.15.0",
-    "@nuxt/kit": "^3.19.2",
-    "@nuxt/module-builder": "0.6.0",
-    "@nuxt/schema": "^3.19.2",
+    "@nuxt/kit": "^4.3.0",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^4.3.0",
     "@nuxtjs/i18n": "^10.1.0",
     "@nuxtjs/tailwindcss": "^6.14.0",
-    "@pinia/colada": "^0.17.6",
-    "@pinia/colada-nuxt": "^0.2.3",
+    "@pinia/colada": "^0.21.2",
+    "@pinia/colada-nuxt": "^0.3.1",
     "@pinia/nuxt": "^0.11.2",
     "@primeuix/themes": "^1.2.3",
     "@primevue/nuxt-module": "^4.3.9",
@@ -67,11 +74,11 @@
     "@vite-pwa/nuxt": "^1.0.4",
     "@vueuse/nuxt": "^13.9.0",
     "autoprefixer": "^10.4.20",
-    "changelogen": "^0.5.7",
+    "changelogen": "^0.6.2",
     "config": "^3.3.12",
     "eslint": "^9.36.0",
     "lerna": "^8.2.2",
-    "nuxt": "^3.19.2",
+    "nuxt": "^4.3.0",
     "ofetch": "^1.4.1",
     "pinia": "^3.0.3",
     "postcss": "^8.5.6",

package/dist/module.cjs

@@ -1,5 +0,0 @@
-module.exports = function(...args) {
-  return import('./module.mjs').then(m => m.default.call(this, ...args))
-}
-const _meta = module.exports.meta = require('./module.json')
-module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/module.d.ts

@@ -1,8 +0,0 @@
-import * as _nuxt_schema from '@nuxt/schema';
-
-interface ModuleOptions {
-}
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
-
-export { _default as default };
-export type { ModuleOptions };

package/dist/runtime/api/user-actions.mjs

@@ -1,2 +0,0 @@
-import { userActions } from "./index.mjs";
-export default userActions;

package/dist/runtime/composables/index.mjs

@@ -1 +0,0 @@
-export * from "../packages/core/composables/index.mjs";

package/dist/runtime/middleware/index.mjs

@@ -1,4 +0,0 @@
-import authMiddleware from "./auth.mjs";
-import guestMiddleware from "./guest.mjs";
-import localeMiddleware from "./locale.global.mjs";
-export { authMiddleware, guestMiddleware, localeMiddleware };

package/dist/runtime/packages/core/composables/index.mjs

@@ -1,10 +0,0 @@
-export * from "../helpers/composables.mjs";
-export * from "./use-active-sessions.mjs";
-export { useApiActions } from "./use-api-actions.mjs";
-export { useAppLocale } from "./use-app-locale.mjs";
-export { useCookies } from "./use-cookies.mjs";
-export { useSubscribe } from "./use-subscribe.mjs";
-export { useThemeMode } from "./use-theme-mode.mjs";
-export { useUser } from "./use-user.mjs";
-export { useValidators } from "./use-validators.mjs";
-export { useVisitor } from "./use-visitor.mjs";

package/dist/runtime/packages/core/helpers/composables.mjs

@@ -1,4 +0,0 @@
-export { useApiHelper } from "./api-helper.mjs";
-export { useDevice } from "./device-helper.mjs";
-export { usePhoneHelper } from "./phone-helper.mjs";
-export { useStringHelper } from "./string-helper.mjs";

package/dist/runtime/packages/core/plugins/index.mjs

@@ -1,2 +0,0 @@
-export * from "./sanitize-html.mjs";
-export * from "./sanitize-url.mjs";

package/dist/types.d.ts

@@ -1,8 +0,0 @@
-
-import type {  } from './module'
-
-
-
-
-
-export type { default } from './module'