@ivex0002/stack-modal 1.0.0 → 1.0.3

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@ivex0002/stack-modal",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "description": "A flexible and customizable modal stack management library for React",
   "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
   "files": [
@@ -54,7 +54,7 @@
     "typescript": "^5.0.0"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts",
+    "build": "tsup src/index.ts --format cjs,esm --dts --clean",
     "pack:test": "npm run build && npm pack"
   }
 }

package/dist/index.d.mts

@@ -1,24 +0,0 @@
-type ModalRegistry = {
-    [key: string]: (props?: unknown) => React.ReactNode;
-};
-type AnyFn = (...args: unknown[]) => unknown;
-type PushFn<F extends AnyFn> = Parameters<F> extends [] ? () => void : (props?: Parameters<F>[0]) => void;
-type ModalLayout = {
-    Background: React.ComponentType<{
-        children: React.ReactNode;
-        onClose: () => void;
-    }>;
-    ModalWrap: React.ComponentType<{
-        children: React.ReactNode;
-        depth: number;
-        isTop: boolean;
-    }>;
-};
-
-declare function createModalStack<M extends ModalRegistry = ModalRegistry>(modals: M, modalLayout: ModalLayout): { [K in Extract<keyof M, string>]: {
-    push: PushFn<M[K]>;
-}; } & {
-    pop: () => void;
-};
-
-export { type ModalLayout, createModalStack };

package/dist/index.mjs

@@ -1,83 +0,0 @@
-// src/ensureRoot.ts
-import { createRoot } from "react-dom/client";
-function ensureRoot(render) {
-  const container = document.createElement("div");
-  container.setAttribute("data-modal-root", "true");
-  document.body.appendChild(container);
-  const root = createRoot(container);
-  root.render(render());
-  return {
-    destroy: () => {
-      root.unmount();
-      container.remove();
-    }
-  };
-}
-
-// src/ModalRender.tsx
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-function ModalRender({
-  modals,
-  modalLayout,
-  store
-}) {
-  const stack = React.useSyncExternalStore(
-    store.subscribe,
-    store.get,
-    store.get
-  );
-  if (stack.length === 0) return null;
-  return /* @__PURE__ */ jsx(modalLayout.Background, { onClose: () => store.pop(), children: stack.map((item, index) => {
-    const depth = stack.length - 1 - index;
-    return /* @__PURE__ */ jsx(
-      modalLayout.ModalWrap,
-      {
-        depth,
-        isTop: index === stack.length - 1,
-        children: modals[item.key](item.props)
-      },
-      index
-    );
-  }) });
-}
-
-// src/createStackStore.ts
-var createStackStore = () => {
-  let stack = [];
-  const listeners = /* @__PURE__ */ new Set();
-  return {
-    push(item) {
-      stack = [...stack, item];
-      listeners.forEach((l) => l());
-    },
-    pop() {
-      stack = stack.slice(0, -1);
-      listeners.forEach((l) => l());
-    },
-    get() {
-      return stack;
-    },
-    subscribe(fn) {
-      listeners.add(fn);
-      return () => listeners.delete(fn);
-    }
-  };
-};
-
-// src/createModalStack.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function createModalStack(modals, modalLayout) {
-  const store = createStackStore();
-  ensureRoot(() => /* @__PURE__ */ jsx2(ModalRender, { modals, modalLayout, store }));
-  const modal = {};
-  Object.keys(modals).forEach((key) => {
-    modal[key] = {
-      push: (props) => store.push({ key, props })
-    };
-  });
-  return { ...modal, pop: () => store.pop() };
-}
-export {
-  createModalStack
-};