layerpro 3.1.0 → 3.1.5

package/package.json

@@ -1,12 +1,25 @@
 {
   "name": "layerpro",
   "codeName": "layerpro",
-  "version": "3.1.0",
+  "version": "3.1.5",
   "description": "The real custom modals, alert, confirm, prompt... for your browser",
   "main": "./index.cjs",
-  "browser": "./index.js",
+  "module": "./index.js",
+  "browser": "./dist/index.js",
   "types": "./index.d.ts",
-  "typing": "./types/*",
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "require": "./index.cjs",
+      "types": "./index.d.ts"
+    },
+    "./react": {
+      "import": "./react.js",
+      "require": "./react.cjs",
+      "types": "./react.d.ts"
+    },
+    "./types/*": "./types/*"
+  },
   "license": "MIT",
   "copyright": "Dario Passariello",
   "author": "Dario Passariello",
@@ -41,21 +54,30 @@
     "node": ">=18.0.0"
   },
   "files": [
-    "**/*"
+    "markdown/**/*",
+    "types/**/*",
+    "COPYRIGHT.md",
+    "FUNDING.yml",
+    "index.cjs",
+    "index.css",
+    "index.d.ts",
+    "index.js",
+    "LICENSE.md",
+    "llms.txt",
+    "package.json",
+    "react.cjs",
+    "react.js",
+    "README.md",
+    "SECURITY.md"
   ],
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
   "support": {
     "name": "Dario Passariello",
     "url": "https://dario.passariello.ca/",
     "email": "dariopassariello@gmail.com"
   },
-  "module": "./index.js",
-  "exports": {
-    ".": {
-      "import": "./index.js",
-      "require": "./index.cjs",
-      "types": "./index.d.ts"
-    },
-    "./types/*": "./types/*"
-  },
   "typings": "./index.d.ts"
 }

package/react.cjs

@@ -0,0 +1,18 @@
+"use strict";
+
+var e = require("react-dom/client"), o = (o, n, r) => {
+    const t = String(o.id);
+    try {
+        if (r) {
+            const e = r.get(t);
+            if (e) return void e.render(o.body);
+        }
+        const s = e.createRoot(n);
+        s.render(o.body), r && r.set(t, s);
+    } catch (e) {
+        const o = e instanceof Error ? e.message : String(e);
+        o.includes("Invalid hook call") || o.includes("hooks") ? console.error("LayerPro Error: React hooks error detected. This usually happens when:\n1. Multiple copies of React are loaded on the page\n2. The component is called as a function instead of being passed as JSX\n3. React version mismatch between the app and LayerPro\n\nMake sure body is passed as <Component /> not <Component />()") : console.error("Error rendering React component:", e);
+    }
+};
+
+module.exports = o;

package/react.js

@@ -0,0 +1,18 @@
+import { createRoot as e } from "react-dom/client";
+
+var o = (o, n, r) => {
+    const t = String(o.id);
+    try {
+        if (r) {
+            const e = r.get(t);
+            if (e) return void e.render(o.body);
+        }
+        const a = e(n);
+        a.render(o.body), r && r.set(t, a);
+    } catch (e) {
+        const o = e instanceof Error ? e.message : String(e);
+        o.includes("Invalid hook call") || o.includes("hooks") ? console.error("LayerPro Error: React hooks error detected. This usually happens when:\n1. Multiple copies of React are loaded on the page\n2. The component is called as a function instead of being passed as JSX\n3. React version mismatch between the app and LayerPro\n\nMake sure body is passed as <Component /> not <Component />()") : console.error("Error rendering React component:", e);
+    }
+};
+
+export { o as default };

package/types/layerpro.d.ts

@@ -1,129 +1,132 @@
-
-
-
-/// <reference types="react" />
-
-/** Generate custom alert using alert([text]) */
-declare function alert(f1?: string): void
-
-/** Generate custom confirm using confirm([text],[callback for YES],[optional callback for NO])
- *  WARNING: This overrides the native confirm(). The return value is NOT a usable
- *  boolean — callbacks are invoked asynchronously instead. Never rely on the
- *  return value; use the yes/no callbacks. */
-declare function confirm(message: string, func1: (yes: boolean) => void, func2?: (no: boolean) => void): void
-
-/** Generate custom message using message([text],[callback]) and option callback */
-declare function message(f1?: string, func1?: () => void): void
-
-/** Generate custom prompt using prompt([text],[callback]) and option callback
- *  WARNING: This overrides the native prompt(). The return value is NOT a usable
- *  string — use the callback to receive the input. */
-declare function prompt(f1?: string, func1?: (input: string) => void): void
-
-///
-
-interface GenLayerProps {
-
-  id: string | number
-  body?: React.ReactElement | string | HTMLElement
-  name?: string
-  style?: any
-  class?: string
-  icon?: string
-
-  buttons?: {
-    confirm?: {
-      text: string
-      cb?: () => void
-    }
-    cancel?: {
-      text: string
-      cb?: () => void
-    }
-  }
-
-  top?: number | string
-  left?: number | string
-  right?: number | string
-  bottom?: number | string
-
-  width?: number | string
-  height?: number | string
-
-  minWidth?: number
-  minHeight?: number
-  maxWidth?: number
-  maxHeight?: number
-
-  fadeIn?: number
-  fadeOut?: number
-  timer?: number
-
-  maximize?: boolean
-  isMaximize?: boolean
-  dockable?: boolean
-  movable?: boolean
-
-  resizable?: boolean
-  close?: boolean
-  raised?: boolean
-  modal?: boolean
-  iconize?: boolean
-  center?: boolean
-
-  source?: string
-  store?: any
-
-}
-
-/**
- * Interface for the layerpro object
- */
-interface _layerpro {
-
-  [key: string]: any
-
-  readonly alert: (txt: string) => void
-  readonly prompt: (txt: string, callback: (input: string) => void) => void
-  readonly message: (txt: string, callback: () => void) => void
-  readonly confirm: (txt: string, yesCallback: () => void, noCallback?: () => void) => void
-  readonly credits: (txt: string) => void
-
-  setProps: (obj: Record<string, unknown>, options?: { enumerable?: boolean, writable?: boolean }) => void
-
-  /** Remove the global alert/confirm/prompt/message overrides and restore
-   *  the native browser implementations. Call this right after importing
-   *  LayerPro if your codebase depends on synchronous native globals. */
-  readonly noGlobals: () => void
-
-  readonly popup: {
-    open: (props: GenLayerProps) => GenLayerProps
-    center: (id: string | number | GenLayerProps, offset?: number) => void
-    maximize: (props: GenLayerProps) => void
-    iconize: (id: string | number | GenLayerProps) => void
-    movable: (props: GenLayerProps) => void
-    resizable: (props: GenLayerProps) => void
-    store: (element: unknown) => void
-    index: (id: string | number | GenLayerProps) => void
-    zIndex: (props?: GenLayerProps) => number
-    close: (id: string | number | GenLayerProps) => void
-    // React root management for memory cleanup
-    unmount: (id: string) => void
-    getReactRoot: (id: string) => any
-    // Event listener cleanup
-    cleanupEvents: (id: string) => void
-  }
-
-}
-
-/**
- * LayerPro overrides the native alert/confirm/prompt globals and adds a
- * `message` global. They are callback-based and do NOT return native values.
- * Call `layerpro.noGlobals()` to restore the synchronous natives.
- */
-interface Window {
-  layerpro: _layerpro
-}
-
-declare var layerpro: _layerpro
-type layerpro = _layerpro
+/// <reference types="react" />
+
+/** Generate custom alert using alert([text]) */
+declare function alert(f1?: string): void
+
+/** Generate custom confirm using confirm([text],[callback for YES],[optional callback for NO])
+ *  WARNING: This overrides the native confirm(). The return value is NOT a usable
+ *  boolean — callbacks are invoked asynchronously instead. Never rely on the
+ *  return value; use the yes/no callbacks. */
+declare function confirm(message: string, func1: (yes: boolean) => void, func2?: (no: boolean) => void): void
+
+/** Generate custom message using message([text],[callback]) and option callback */
+declare function message(f1?: string, func1?: () => void): void
+
+/** Generate custom prompt using prompt([text],[callback]) and option callback
+ *  WARNING: This overrides the native prompt(). The return value is NOT a usable
+ *  string — use the callback to receive the input. */
+declare function prompt(f1?: string, func1?: (input: string) => void): void
+
+///
+
+interface LayerButtonConfig {
+  text: string
+  cb?: () => void
+}
+
+interface LayerButtonsConfig {
+  confirm?: LayerButtonConfig
+  cancel?: LayerButtonConfig
+}
+
+interface GenLayerProps {
+  id: string | number
+  body?: React.ReactElement | string | HTMLElement
+  name?: string
+  style?: Record<string, string | number>
+  class?: string
+  icon?: string
+
+  buttons?: LayerButtonsConfig
+
+  top?: number | string
+  left?: number | string
+  right?: number | string
+  bottom?: number | string
+
+  width?: number | string
+  height?: number | string
+
+  minWidth?: number
+  minHeight?: number
+  maxWidth?: number
+  maxHeight?: number
+
+  fadeIn?: number
+  fadeOut?: number
+  timer?: number
+
+  maximize?: boolean
+  isMaximize?: boolean
+  dockable?: boolean
+  movable?: boolean
+
+  resizable?: boolean
+  close?: boolean
+  raised?: boolean
+  modal?: boolean
+  iconize?: boolean
+  center?: boolean
+
+  source?: string
+  store?: unknown
+}
+
+/**
+ * Interface for the layerpro object
+ */
+interface _layerpro {
+
+  readonly alert: (txt: string) => void
+  readonly prompt: (txt: string, callback: (input: string) => void) => void
+  readonly message: (txt: string, callback: () => void) => void
+  readonly confirm: (txt: string, yesCallback: () => void, noCallback?: () => void) => void
+  readonly credits: (props: { name: string, version: string, description: string, license: string, author: { name: string, email: string } }) => void
+
+  setProps: (obj: Record<string, unknown>, options?: { enumerable?: boolean, writable?: boolean }) => void
+
+  /** Remove the global alert/confirm/prompt/message overrides and restore
+   *  the native browser implementations. Call this right after importing
+   *  LayerPro if your codebase depends on synchronous native globals. */
+  readonly noGlobals: () => void
+
+  /** Opt-in to override the browser's native alert/confirm/prompt/message
+   *  globals with LayerPro's callback-based versions. This is opt-in so
+   *  libraries embedded in other applications do not silently change
+   *  global behavior. */
+   readonly installGlobals: () => void
+
+   readonly popup: {
+    open: (props: GenLayerProps) => GenLayerProps
+    center: (id: string | number | GenLayerProps, offset?: number) => void
+    maximize: (props: GenLayerProps) => void
+    iconize: (id: string | number | GenLayerProps) => void
+    movable: (props: GenLayerProps) => void
+    resizable: (props: GenLayerProps) => void
+    store: (element: unknown) => void
+    index: (id: string | number | GenLayerProps) => void
+    zIndex: (props?: GenLayerProps) => number
+    close: (id: string | number | GenLayerProps | null | undefined) => void
+    unmount: (id: string) => void
+    getReactRoots: () => Map<string, { unmount: () => void }> | null
+    cleanupEvents: (id: string) => void
+    abortSource: (id: string) => void
+    useReactAdapter?: (props: GenLayerProps, container: HTMLElement) => void
+  }
+
+}
+
+/**
+ * LayerPro overrides the native alert/confirm/prompt globals and adds a
+ * `message` global. They are callback-based and do NOT return native values.
+ * Call `layerpro.noGlobals()` to restore the synchronous natives.
+ */
+interface Window {
+  layerpro: _layerpro
+}
+
+declare var layerpro: _layerpro
+type layerpro = _layerpro
+
+declare var popup: layerpro
+type popup = layerpro