@bikariya/modals 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2025-present KazariEX
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/module.d.mts

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

package/dist/module.json

@@ -0,0 +1,9 @@
+{
+  "name": "@bikariya/modals",
+  "configKey": "modals",
+  "version": "0.0.1",
+  "builder": {
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,34 @@
+import { defineNuxtModule, createResolver, addImportsDir, addComponent, addTemplate } from '@nuxt/kit';
+
+const name = "@bikariya/modals";
+const packageJson = {
+	name: name};
+
+const module$1 = defineNuxtModule({
+  meta: {
+    name: packageJson.name,
+    configKey: "modals"
+  },
+  moduleDependencies: {
+    "@bikariya/core": {}
+  },
+  setup(options) {
+    const resolver = createResolver(import.meta.url);
+    addImportsDir(resolver.resolve("runtime/stores"));
+    addComponent({
+      name: "BikariyaModals",
+      filePath: resolver.resolve("runtime/modals.vue")
+    });
+    addTemplate({
+      filename: "nuxt-modal.mjs",
+      getContents: () => (
+        /* TS */
+        `
+export const overlayClass = \`${options.overlayClass}\`;
+`.trimStart()
+      )
+    });
+  }
+});
+
+export { module$1 as default };

package/dist/runtime/modals.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/modals.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { storeToRefs, useModalStore } from "#imports";
+const modalStore = useModalStore();
+const { modals } = storeToRefs(modalStore);
+</script>
+
+<template>
+    <template v-for="{ vnode, zIndex, isOpening, close } in modals" :key="zIndex">
+        <transition>
+            <div
+                v-if="isOpening.value"
+                class="bikariya-overlay"
+                :style="{ zIndex: zIndex - 1 }"
+                @click="close.value"
+            ></div>
+        </transition>
+        <component :is="vnode.value" :is-opening="isOpening.value" :style="{ zIndex }"/>
+    </template>
+</template>

package/dist/runtime/modals.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/stores/modal.d.ts

@@ -0,0 +1,33 @@
+import { type ComputedRef, type Ref, type VNode } from "#imports";
+interface ModalContext {
+    vnode: ComputedRef<VNode>;
+    zIndex: number;
+    duration: number;
+    isOpening: Ref<boolean>;
+    close: ComputedRef<() => void>;
+}
+interface UseModalOptions {
+    duration?: number;
+    immediate?: boolean;
+    unique?: boolean;
+}
+export declare const useModalStore: import("pinia").StoreDefinition<"modal", Pick<{
+    modals: import("vue").ShallowReactive<ModalContext[]>;
+    use: (render: () => VNode, options?: UseModalOptions) => {
+        open: () => void;
+        close: () => Promise<void>;
+    };
+}, "modals">, Pick<{
+    modals: import("vue").ShallowReactive<ModalContext[]>;
+    use: (render: () => VNode, options?: UseModalOptions) => {
+        open: () => void;
+        close: () => Promise<void>;
+    };
+}, never>, Pick<{
+    modals: import("vue").ShallowReactive<ModalContext[]>;
+    use: (render: () => VNode, options?: UseModalOptions) => {
+        open: () => void;
+        close: () => Promise<void>;
+    };
+}, "use">>;
+export {};

package/dist/runtime/stores/modal.js

@@ -0,0 +1,59 @@
+import { promiseTimeout } from "@vueuse/core";
+import { computed, defineStore, ref, shallowReactive, watchEffect } from "#imports";
+export const useModalStore = defineStore("modal", () => {
+  const modals = shallowReactive([]);
+  function use(render, options = {}) {
+    const {
+      duration = 400,
+      immediate = false,
+      unique = false
+    } = options;
+    let ctx;
+    const isOpening = ref(false);
+    immediate && open();
+    function open() {
+      if (unique && indexOf() !== -1) {
+        return;
+      }
+      const vnode = computed(render);
+      watchEffect(() => {
+        vnode.value.props = {
+          onClose: close,
+          onVnodeMounted() {
+            isOpening.value = true;
+          },
+          ...vnode.value.props
+        };
+      });
+      const last = modals.at(-1);
+      const zIndex = (last?.zIndex ?? 510) + 2;
+      ctx = {
+        vnode,
+        zIndex,
+        duration,
+        isOpening,
+        close: computed(() => vnode.value.props?.onClose)
+      };
+      modals.push(ctx);
+    }
+    async function close() {
+      isOpening.value = false;
+      await promiseTimeout(duration);
+      const i = indexOf();
+      if (i !== -1) {
+        modals.splice(i, 1);
+      }
+    }
+    function indexOf() {
+      return modals.indexOf(ctx);
+    }
+    return {
+      open,
+      close
+    };
+  }
+  return {
+    modals,
+    use
+  };
+});

package/dist/types.d.mts

@@ -0,0 +1,7 @@
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module.mjs'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { default } from './module.mjs'

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@bikariya/modals",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "",
+  "author": "KazariEX",
+  "license": "MIT",
+  "repository": "KazariEX/bikariya",
+  "keywords": [],
+  "exports": {
+    ".": "./dist/module.mjs"
+  },
+  "main": "./dist/module.mjs",
+  "types": "./dist/module.d.mts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@bikariya/core": "",
+    "@nuxt/kit": "^4.2.2"
+  },
+  "scripts": {
+    "build": "nuxt-module-build build",
+    "dev": "nuxt-module-build build --stub",
+    "dev:prepare": "nuxt-module-build prepare"
+  }
+}