react-modal-port 0.2.6 → 1.0.0

package/dist/index.js

@@ -0,0 +1,194 @@
+"use client";
+
+// src/context.tsx
+import {
+  createContext,
+  use,
+  useCallback,
+  useMemo,
+  useReducer
+} from "react";
+
+// src/store.ts
+function reducer(stack, action) {
+  switch (action.type) {
+    case "push":
+      return [...stack, action.item];
+    case "remove":
+      return stack.some((item) => item.id === action.id) ? stack.filter((item) => item.id !== action.id) : stack;
+    case "setState": {
+      const { id, update } = action;
+      if (!stack.some((item) => item.id === id)) return stack;
+      return stack.map(
+        (item) => item.id === id ? { ...item, state: typeof update === "function" ? update(item.state) : { ...update } } : item
+      );
+    }
+  }
+}
+
+// src/context.tsx
+import { jsx } from "react/jsx-runtime";
+var ActionsContext = createContext(null);
+var StackContext = createContext(null);
+var ItemContext = createContext(null);
+var nextId = 0;
+var warned = /* @__PURE__ */ new Set();
+var isProduction = () => {
+  try {
+    return process.env.NODE_ENV === "production";
+  } catch {
+    return false;
+  }
+};
+function warnOnce(key, message) {
+  if (isProduction() || warned.has(key)) return;
+  warned.add(key);
+  console.warn(`[react-modal-port] ${message}`);
+}
+function ModalProvider({ children }) {
+  const [stack, dispatch] = useReducer(reducer, []);
+  const actions = useMemo(() => {
+    const launchModal = ((render, resolvers, props = {}, options = {}) => {
+      const id = ++nextId;
+      let settled = false;
+      const wrap = (fn) => async (...args) => {
+        if (settled) return void 0;
+        settled = true;
+        try {
+          const result = await fn(...args);
+          dispatch({ type: "remove", id });
+          return result;
+        } catch (error) {
+          settled = false;
+          throw error;
+        }
+      };
+      const { onBackdropClick: legacyDismiss, ...ownResolvers } = resolvers;
+      if (legacyDismiss) {
+        warnOnce(
+          "onBackdropClick",
+          "Passing `onBackdropClick` as a resolver is deprecated. Use `launchModal(Modal, resolvers, props, { onDismiss })`."
+        );
+      }
+      const onDismiss = options.onDismiss ?? legacyDismiss;
+      for (const key of Object.keys(props)) {
+        if (key in ownResolvers) {
+          warnOnce(
+            `collision:${key}`,
+            `Prop "${key}" has the same name as a resolver and is ignored. Resolvers take precedence.`
+          );
+        }
+      }
+      dispatch({
+        type: "push",
+        item: {
+          id,
+          render,
+          props,
+          resolvers: Object.fromEntries(Object.entries(ownResolvers).map(([key, fn]) => [key, wrap(fn)])),
+          onDismiss: onDismiss ? wrap(onDismiss) : void 0,
+          state: {}
+        }
+      });
+      return {
+        id,
+        close: () => {
+          settled = true;
+          dispatch({ type: "remove", id });
+        }
+      };
+    });
+    return {
+      launchModal,
+      setState: (id, update) => dispatch({ type: "setState", id, update })
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(ActionsContext, { value: actions, children: /* @__PURE__ */ jsx(StackContext, { value: stack, children }) });
+}
+var ModalContextProvider = ModalProvider;
+function useRequired(context, hook) {
+  const value = use(context);
+  if (value === null) {
+    throw new Error(`${hook} must be used within a <ModalProvider>`);
+  }
+  return value;
+}
+function useModalItems(hook = "ModalPort") {
+  return useRequired(StackContext, hook);
+}
+function toEntry({ id, render, props, state }) {
+  return { id, render, props, state };
+}
+function useModal() {
+  return useRequired(ActionsContext, "useModal").launchModal;
+}
+function useModalStack() {
+  const items = useModalItems("useModalStack");
+  return useMemo(() => items.map(toEntry), [items]);
+}
+function useModalState() {
+  const { setState } = useRequired(ActionsContext, "useModalState");
+  const items = useModalItems("useModalState");
+  const ownId = use(ItemContext);
+  const item = ownId === null ? items.at(-1) : items.find((entry) => entry.id === ownId);
+  const id = item?.id;
+  const update = useCallback(
+    (next) => {
+      if (id !== void 0) setState(id, next);
+    },
+    [id, setState]
+  );
+  return [item ? item.state : null, update];
+}
+function useModalContext() {
+  const launchModal = useRequired(ActionsContext, "useModalContext").launchModal;
+  const stack = useModalStack();
+  const [, updateState] = useModalState();
+  return { stack, launchModal, updateState };
+}
+
+// src/modal-port.tsx
+import { Fragment, useEffect, useRef } from "react";
+import { createPortal } from "react-dom";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var NoBackdrop = ({ children }) => /* @__PURE__ */ jsx2(Fragment, { children });
+function ModalPort({
+  backdrop,
+  render,
+  container,
+  onModalLaunch,
+  onModalClose,
+  onStackChange
+}) {
+  const stack = useModalItems();
+  const size = stack.length;
+  const previousSize = useRef(0);
+  useEffect(() => {
+    const previous = previousSize.current;
+    if (previous === size) return;
+    previousSize.current = size;
+    onStackChange?.(size);
+    if (previous === 0) onModalLaunch?.();
+    else if (size === 0) onModalClose?.();
+  }, [size, onModalLaunch, onModalClose, onStackChange]);
+  const top = stack.at(-1);
+  if (!top) return null;
+  const Backdrop = backdrop ?? render ?? NoBackdrop;
+  const Modal = top.render;
+  const { onDismiss } = top;
+  const onBackdropClick = onDismiss ? (event) => {
+    if (event.currentTarget === event.target) void onDismiss(event);
+  } : void 0;
+  const content = /* @__PURE__ */ jsx2(Backdrop, { onBackdropClick, modalId: top.id, stackSize: size, children: /* @__PURE__ */ jsx2(ItemContext, { value: top.id, children: /* @__PURE__ */ jsx2(Modal, { ...top.props, ...top.resolvers }) }, top.id) });
+  return container ? createPortal(content, container) : content;
+}
+export {
+  ModalContextProvider,
+  ModalPort,
+  ModalProvider,
+  useModal,
+  useModalContext,
+  useModalStack,
+  useModalState
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context.tsx","../src/store.ts","../src/modal-port.tsx"],"sourcesContent":["import {\n  createContext,\n  use,\n  useCallback,\n  useMemo,\n  useReducer,\n  type ComponentType,\n  type Context,\n  type ReactNode,\n} from 'react';\nimport { reducer, type ModalItem, type StateUpdate } from './store';\nimport type {\n  LaunchModal,\n  LaunchOptions,\n  ModalContextProperties,\n  ModalStackEntry,\n  ModalState,\n  UpdateModalState,\n} from './types';\n\ntype Actions = {\n  launchModal: LaunchModal;\n  setState: (id: number, update: StateUpdate) => void;\n};\n\nconst ActionsContext = createContext<Actions | null>(null);\nconst StackContext = createContext<readonly ModalItem[] | null>(null);\n/** Id of the modal a component is rendered inside, if any. */\nexport const ItemContext = createContext<number | null>(null);\n\nlet nextId = 0;\nconst warned = new Set<string>();\ndeclare const process: { env: { NODE_ENV?: string } };\n// Bundlers replace the literal `process.env.NODE_ENV` but usually do not define `process`,\n// so read it directly; unbundled ESM (no `process` at all) falls back to development.\nconst isProduction = () => {\n  try {\n    return process.env.NODE_ENV === 'production';\n  } catch {\n    return false;\n  }\n};\nfunction warnOnce(key: string, message: string) {\n  if (isProduction() || warned.has(key)) return;\n  warned.add(key);\n  console.warn(`[react-modal-port] ${message}`);\n}\n\ntype AnyResolver = (...args: unknown[]) => unknown;\n\nexport function ModalProvider({ children }: { children?: ReactNode }) {\n  const [stack, dispatch] = useReducer(reducer, []);\n\n  const actions = useMemo<Actions>(() => {\n    const launchModal = ((\n      render: ComponentType<never>,\n      resolvers: Record<string, AnyResolver>,\n      props: Record<string, unknown> = {},\n      options: LaunchOptions = {},\n    ) => {\n      // Created outside the reducer so StrictMode's double-invoked reducers stay pure.\n      const id = ++nextId;\n      let settled = false;\n\n      const wrap =\n        (fn: AnyResolver) =>\n        async (...args: unknown[]) => {\n          if (settled) return undefined;\n          settled = true;\n          try {\n            const result = await fn(...args);\n            dispatch({ type: 'remove', id });\n            return result;\n          } catch (error) {\n            // Keep the modal open so the user can retry; let the caller handle the error.\n            settled = false;\n            throw error;\n          }\n        };\n\n      const { onBackdropClick: legacyDismiss, ...ownResolvers } = resolvers;\n      if (legacyDismiss) {\n        warnOnce(\n          'onBackdropClick',\n          'Passing `onBackdropClick` as a resolver is deprecated. Use `launchModal(Modal, resolvers, props, { onDismiss })`.',\n        );\n      }\n      const onDismiss = options.onDismiss ?? legacyDismiss;\n\n      for (const key of Object.keys(props)) {\n        if (key in ownResolvers) {\n          warnOnce(\n            `collision:${key}`,\n            `Prop \"${key}\" has the same name as a resolver and is ignored. Resolvers take precedence.`,\n          );\n        }\n      }\n\n      dispatch({\n        type: 'push',\n        item: {\n          id,\n          render,\n          props,\n          resolvers: Object.fromEntries(Object.entries(ownResolvers).map(([key, fn]) => [key, wrap(fn)])),\n          onDismiss: onDismiss ? wrap(onDismiss as AnyResolver) : undefined,\n          state: {},\n        },\n      });\n\n      return {\n        id,\n        close: () => {\n          settled = true;\n          dispatch({ type: 'remove', id });\n        },\n      };\n    }) as LaunchModal;\n\n    return {\n      launchModal,\n      setState: (id, update) => dispatch({ type: 'setState', id, update }),\n    };\n  }, []);\n\n  return (\n    <ActionsContext value={actions}>\n      <StackContext value={stack}>{children}</StackContext>\n    </ActionsContext>\n  );\n}\n\n/** @deprecated Use `ModalProvider`. */\nexport const ModalContextProvider = ModalProvider;\n\nfunction useRequired<T>(context: Context<T | null>, hook: string): T {\n  const value = use(context);\n  if (value === null) {\n    throw new Error(`${hook} must be used within a <ModalProvider>`);\n  }\n  return value;\n}\n\n/** @internal Full stack items, including wrapped resolvers. Used by `ModalPort`. */\nexport function useModalItems(hook = 'ModalPort'): readonly ModalItem[] {\n  return useRequired(StackContext, hook);\n}\n\nfunction toEntry({ id, render, props, state }: ModalItem): ModalStackEntry {\n  return { id, render, props, state };\n}\n\n/** Returns the `launchModal` function. Does not re-render when the stack changes. */\nexport function useModal(): LaunchModal {\n  return useRequired(ActionsContext, 'useModal').launchModal;\n}\n\n/** A read-only view of the modal stack, bottom first. */\nexport function useModalStack(): readonly ModalStackEntry[] {\n  const items = useModalItems('useModalStack');\n  return useMemo(() => items.map(toEntry), [items]);\n}\n\n/**\n * State shared by the modal this hook is called in (or the top modal, when called\n * outside any modal). Survives while other modals are stacked on top and is\n * discarded when the modal closes. `null` when there is no such modal.\n */\nexport function useModalState<S extends ModalState = ModalState>(): [S | null, UpdateModalState<S>] {\n  const { setState } = useRequired(ActionsContext, 'useModalState');\n  const items = useModalItems('useModalState');\n  const ownId = use(ItemContext);\n  const item = ownId === null ? items.at(-1) : items.find((entry) => entry.id === ownId);\n  const id = item?.id;\n\n  const update = useCallback<UpdateModalState<S>>(\n    (next) => {\n      if (id !== undefined) setState(id, next as StateUpdate);\n    },\n    [id, setState],\n  );\n\n  return [item ? (item.state as S) : null, update];\n}\n\n/**\n * @deprecated Use `useModal`, `useModalStack` and `useModalState`. This hook re-renders\n * on every stack change.\n */\nexport function useModalContext(): ModalContextProperties {\n  const launchModal = useRequired(ActionsContext, 'useModalContext').launchModal;\n  const stack = useModalStack();\n  const [, updateState] = useModalState();\n  return { stack, launchModal, updateState };\n}\n","import type { ComponentType } from 'react';\nimport type { ModalState } from './types';\n\nexport type ModalItem = {\n  readonly id: number;\n  readonly render: ComponentType<never>;\n  /** Resolvers, already wrapped so that they close this item. */\n  readonly resolvers: Readonly<Record<string, (...args: unknown[]) => Promise<unknown>>>;\n  readonly props: Readonly<Record<string, unknown>>;\n  readonly onDismiss: ((...args: unknown[]) => Promise<unknown>) | undefined;\n  readonly state: ModalState;\n};\n\nexport type StateUpdate = ModalState | ((prev: ModalState) => ModalState);\n\nexport type Action =\n  | { type: 'push'; item: ModalItem }\n  | { type: 'remove'; id: number }\n  | { type: 'setState'; id: number; update: StateUpdate };\n\n/** Pure stack reducer. Ids are created by the caller, so this stays StrictMode-safe. */\nexport function reducer(stack: readonly ModalItem[], action: Action): readonly ModalItem[] {\n  switch (action.type) {\n    case 'push':\n      return [...stack, action.item];\n    case 'remove':\n      return stack.some((item) => item.id === action.id)\n        ? stack.filter((item) => item.id !== action.id)\n        : stack;\n    case 'setState': {\n      const { id, update } = action;\n      if (!stack.some((item) => item.id === id)) return stack;\n      return stack.map((item) =>\n        item.id === id\n          ? { ...item, state: typeof update === 'function' ? update(item.state) : { ...update } }\n          : item,\n      );\n    }\n  }\n}\n","import { Fragment, useEffect, useRef, type ComponentType, type SyntheticEvent } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ItemContext, useModalItems } from './context';\nimport type { ModalPortProps, ModalPortRenderProps } from './types';\n\nconst NoBackdrop = ({ children }: ModalPortRenderProps) => <Fragment>{children}</Fragment>;\n\n/** Renders the top modal of the stack inside `backdrop`. */\nexport function ModalPort({\n  backdrop,\n  render,\n  container,\n  onModalLaunch,\n  onModalClose,\n  onStackChange,\n}: ModalPortProps) {\n  const stack = useModalItems();\n  const size = stack.length;\n  const previousSize = useRef(0);\n\n  useEffect(() => {\n    const previous = previousSize.current;\n    if (previous === size) return;\n    previousSize.current = size;\n    onStackChange?.(size);\n    if (previous === 0) onModalLaunch?.();\n    else if (size === 0) onModalClose?.();\n  }, [size, onModalLaunch, onModalClose, onStackChange]);\n\n  const top = stack.at(-1);\n  if (!top) return null;\n\n  const Backdrop = backdrop ?? render ?? NoBackdrop;\n  // Props are typed per launch; the stack stores them loosely.\n  const Modal = top.render as ComponentType<Record<string, unknown>>;\n  const { onDismiss } = top;\n  const onBackdropClick = onDismiss\n    ? (event: SyntheticEvent) => {\n        // Ignore clicks that bubble up from the modal content.\n        if (event.currentTarget === event.target) void onDismiss(event);\n      }\n    : undefined;\n\n  const content = (\n    <Backdrop onBackdropClick={onBackdropClick} modalId={top.id} stackSize={size}>\n      <ItemContext key={top.id} value={top.id}>\n        <Modal {...top.props} {...top.resolvers} />\n      </ItemContext>\n    </Backdrop>\n  );\n\n  return container ? createPortal(content, container) : content;\n}\n"],"mappings":"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","names":["jsx"]}

package/package.json

@@ -1,48 +1,56 @@
 {
   "name": "react-modal-port",
-  "version": "0.2.6",
-  "description": "Launch modals from any React component.",
+  "version": "1.0.0",
+  "description": "Launch type-safe modals from any React component and render them in one place.",
   "type": "module",
-  "source": "src/index.ts",
-  "types": "types/index.d.ts",
-  "main": "dist/index.cjs",
-  "main:umd": "dist/index.umd.js",
-  "module": "dist/index.mjs",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
-    "import": "./dist/index.mjs",
-    "require": "./dist/index.cjs",
-    "types": "./types/index.d.ts",
-    "default": "./dist/index.modern.mjs"
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./package.json": "./package.json"
   },
   "files": [
     "dist",
-    "types"
+    "CHANGELOG.md",
+    "MIGRATION.md"
   ],
+  "sideEffects": false,
+  "engines": {
+    "node": ">=18"
+  },
   "scripts": {
-    "build": "npm run build:esm && npm run build:esm-modern && npm run build:cjs && npm run build:umd",
-    "build:esm": "microbundle -o dist/index.mjs --format esm --globals react/jsx-runtime=jsx",
-    "build:esm-modern": "microbundle -o dist/index.modern.mjs --format modern --globals react/jsx-runtime=jsx",
-    "build:cjs": "microbundle -o dist/index.cjs --format cjs --globals react/jsx-runtime=jsx",
-    "build:umd": "microbundle -o dist/index.umd.js --format umd --globals react/jsx-runtime=jsx",
-    "prepare": "npm run build",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage"
+    "build": "tsup",
+    "typecheck": "tsc -p tsconfig.json",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "check:package": "publint && attw --pack . && node scripts/smoke-test.mjs",
+    "verify": "npm run lint && npm run typecheck && npm run test:coverage && npm run build && npm run check:package",
+    "prepublishOnly": "npm_config_dry_run=false npm run verify",
+    "test:react": "node scripts/test-react-versions.mjs"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/oliverwehn/react-modal-port.git"
   },
-  "tags": [
-    "react",
-    "modal",
-    "dialog"
-  ],
   "keywords": [
     "react",
     "react-component",
     "modal",
-    "dialog"
+    "dialog",
+    "typescript",
+    "stack"
   ],
   "author": "Oliver Greuter-Wehn",
   "license": "MIT",
@@ -50,25 +58,35 @@
     "url": "https://github.com/oliverwehn/react-modal-port/issues"
   },
   "homepage": "https://github.com/oliverwehn/react-modal-port#readme",
-  "dependencies": {},
-  "devDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+  "peerDependencies": {
     "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
-    "@types/jest": "^29.5.14",
-    "microbundle": "^0.15.1",
-    "typescript": "^5.7.2",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "ts-jest": "^29.2.5",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/user-event": "^14.5.2"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
-  "peerDependencies": {
-    "@types/react": "^18.0.0 || ^19.0.0",
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@arethetypeswrong/cli": "^0.18.5",
+    "@eslint/js": "^10.0.1",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitest/coverage-v8": "^5.0.3",
+    "eslint": "^10.11.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "jsdom": "^30.1.1",
+    "publint": "^0.3.25",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "tsup": "^8.5.1",
+    "typescript": "~6.0.3",
+    "typescript-eslint": "^8.71.0",
+    "vitest": "^5.0.3"
   }
 }