@t007/dialog 0.0.1 → 0.0.2

package/dist/index.global.js

@@ -1,5 +1,6 @@
-"use strict";
-(() => {
+(function (exports) {
+  'use strict';
+
   // ../utils/dist/index.js
   function isSameURL(src1, src2) {
     if (typeof src1 !== "string" || typeof src2 !== "string" || !src1 || !src2) return false;
@@ -20,7 +21,7 @@
     for (const k of Object.keys(styles)) if (styles[k] !== void 0) el.style[k] = styles[k];
   }
   function loadResource(src, type = "style", { module, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts = 3, retryKey = false } = {}, w = window) {
-    w.t007 ??= {}, w.t007._resourceCache ??= {};
+    w.t007._resourceCache ??= {};
     if (w.t007._resourceCache[src]) return w.t007._resourceCache[src];
     const existing = type === "script" ? Array.prototype.find.call(w.document.scripts, (s) => isSameURL(s.src, src)) : type === "style" ? Array.prototype.find.call(w.document.styleSheets, (s) => isSameURL(s.href, src)) : null;
     if (existing) return w.t007._resourceCache[src] = Promise.resolve(existing);
@@ -60,17 +61,15 @@
       owner2[method] = owner2[method].bind(owner2);
     });
   }
-  var _SCROLLERS = /* @__PURE__ */ new WeakMap();
-  var _SCROLLER_R_OBSERVER = typeof window !== "undefined" ? new ResizeObserver((entries) => entries.forEach(({ target }) => _SCROLLERS.get(target)?.update())) : null;
-  var _SCROLLER_M_OBSERVER = typeof window !== "undefined" ? new MutationObserver((entries) => {
-    const els = /* @__PURE__ */ new Set();
-    for (const entry of entries) {
-      let node = entry.target instanceof Element ? entry.target : null;
-      while (node && !_SCROLLERS.has(node)) node = node.parentElement;
-      if (node) els.add(node);
-    }
-    for (const el of els) _SCROLLERS.get(el)?.update();
-  }) : null;
+  if (typeof window !== "undefined") {
+    window.t007 ??= {};
+    window.T007_TOAST_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest`;
+    window.T007_INPUT_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest`;
+    window.T007_DIALOG_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`;
+    window.T007_TOAST_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/style.css`;
+    window.T007_INPUT_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/style.css`;
+    window.T007_DIALOG_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/style.css`;
+  }
 
   // src/index.js
   var T007_Dialog = class {
@@ -197,9 +196,6 @@
     return new Promise((resolve) => new T007_Prompt_Dialog({ question, defaultValue, resolve, options }));
   }
   if (typeof window !== "undefined") {
-    window.t007 ??= {};
-    window.T007_DIALOG_CSS_SRC ??= `https://unpkg.com/@t007/dialog@latest/style.css`;
-    window.T007_INPUT_JS_SRC ??= `https://unpkg.com/@t007/input@latest`;
     t007.alert = alert;
     t007.confirm = confirm;
     t007.prompt = prompt;
@@ -209,4 +205,11 @@
     window.Prompt ??= t007.prompt;
     console.log("%cT007 Dialogs attached to window!", "color: darkturquoise");
   }
-})();
+
+  exports.alert = alert;
+  exports.confirm = confirm;
+  exports.prompt = prompt;
+
+  return exports;
+
+})({});

package/dist/index.js

@@ -1,5 +1,74 @@
+// ../utils/dist/index.js
+function isSameURL(src1, src2) {
+  if (typeof src1 !== "string" || typeof src2 !== "string" || !src1 || !src2) return false;
+  try {
+    const u1 = new URL(src1, window.location.href), u2 = new URL(src2, window.location.href);
+    return decodeURIComponent(u1.origin + u1.pathname) === decodeURIComponent(u2.origin + u2.pathname);
+  } catch {
+    return src1.replace(/\\/g, "/").split("?")[0].trim() === src2.replace(/\\/g, "/").split("?")[0].trim();
+  }
+}
+function createEl(tag, props = {}, dataset = {}, styles = {}) {
+  return assignEl(tag ? document?.createElement(tag) : void 0, props, dataset, styles) ?? null;
+}
+function assignEl(el, props = {}, dataset = {}, styles = {}) {
+  if (!el) return;
+  for (const k of Object.keys(props)) if (props[k] !== void 0) el[k] = props[k];
+  for (const k of Object.keys(dataset)) if (dataset[k] !== void 0) el.dataset[k] = String(dataset[k]);
+  for (const k of Object.keys(styles)) if (styles[k] !== void 0) el.style[k] = styles[k];
+}
+function loadResource(src, type = "style", { module, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts = 3, retryKey = false } = {}, w = window) {
+  w.t007._resourceCache ??= {};
+  if (w.t007._resourceCache[src]) return w.t007._resourceCache[src];
+  const existing = type === "script" ? Array.prototype.find.call(w.document.scripts, (s) => isSameURL(s.src, src)) : type === "style" ? Array.prototype.find.call(w.document.styleSheets, (s) => isSameURL(s.href, src)) : null;
+  if (existing) return w.t007._resourceCache[src] = Promise.resolve(existing);
+  w.t007._resourceCache[src] = new Promise((resolve, reject) => {
+    (function tryLoad(remaining, el) {
+      const onerror = () => {
+        el?.remove?.();
+        if (remaining > 1) {
+          setTimeout(tryLoad, 1e3, remaining - 1);
+          console.warn(`Retrying ${type} load (${attempts - remaining + 1}): ${src}...`);
+        } else {
+          delete w.t007._resourceCache[src];
+          reject(new Error(`${type} load failed after ${attempts} attempts: ${src}`));
+        }
+      };
+      const url = retryKey && remaining < attempts ? `${src}${src.includes("?") ? "&" : "?"}_${retryKey}=${Date.now()}` : src;
+      if (type === "script") w.document.body.append(el = createEl("script", { src: url, type: module ? "module" : "text/javascript", crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, onload: () => resolve(el), onerror }) || "");
+      else if (type === "style") w.document.head.append(el = createEl("link", { rel: "stylesheet", href: url, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, onload: () => resolve(el), onerror }) || "");
+      else reject(new Error(`Unsupported resource type: ${type}`));
+    })(attempts);
+  });
+  return w.t007._resourceCache[src];
+}
+function onAllMethods(owner, callback) {
+  let proto = owner;
+  while (proto && proto !== Object.prototype) {
+    for (const method of Object.getOwnPropertyNames(proto)) {
+      if (method === "constructor") continue;
+      if ("function" !== typeof Object.getOwnPropertyDescriptor(proto, method)?.value) continue;
+      callback(method, owner);
+    }
+    proto = Object.getPrototypeOf(proto);
+  }
+}
+function bindAllMethods(owner) {
+  onAllMethods(owner, (method, owner2) => {
+    owner2[method] = owner2[method].bind(owner2);
+  });
+}
+if (typeof window !== "undefined") {
+  window.t007 ??= {};
+  window.T007_TOAST_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest`;
+  window.T007_INPUT_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest`;
+  window.T007_DIALOG_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`;
+  window.T007_TOAST_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/style.css`;
+  window.T007_INPUT_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/style.css`;
+  window.T007_DIALOG_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/style.css`;
+}
+
 // src/index.js
-import { bindAllMethods, createEl, loadResource } from "@t007/utils";
 var T007_Dialog = class {
   dialog;
   confirmBtn;
@@ -124,9 +193,6 @@ function prompt(question, defaultValue, options) {
   return new Promise((resolve) => new T007_Prompt_Dialog({ question, defaultValue, resolve, options }));
 }
 if (typeof window !== "undefined") {
-  window.t007 ??= {};
-  window.T007_DIALOG_CSS_SRC ??= `https://unpkg.com/@t007/dialog@latest/style.css`;
-  window.T007_INPUT_JS_SRC ??= `https://unpkg.com/@t007/input@latest`;
   t007.alert = alert;
   t007.confirm = confirm;
   t007.prompt = prompt;
@@ -136,8 +202,5 @@ if (typeof window !== "undefined") {
   window.Prompt ??= t007.prompt;
   console.log("%cT007 Dialogs attached to window!", "color: darkturquoise");
 }
-export {
-  alert,
-  confirm,
-  prompt
-};
+
+export { alert, confirm, prompt };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t007/dialog",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "A lightweight, pure JS dialog system.",
   "author": "Oketade Oluwatobiloba <tobioketade007@gmail.com>",
   "license": "MIT",
@@ -17,7 +17,6 @@
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "browser": "./dist/index.global.js",
-  "unpkg": "./dist/index.global.js",
   "types": "./src/ts/types/index.d.ts",
   "style": "./src/css/index.css",
   "sideEffects": [
@@ -32,14 +31,19 @@
     "./style.css": "./src/css/index.css"
   },
   "scripts": {
-    "build": "tsup src/index.js --format esm,iife --clean"
+    "build": "tsup src/index.js --format esm,iife --clean --treeshake"
+  },
+  "tsup": {
+    "noExternal": [
+      "@t007/utils"
+    ]
   },
   "files": [
     "dist",
     "./src/ts/types/index.d.ts",
     "./src/css/index.css"
   ],
-"keywords": [
+  "keywords": [
     "t007",
     "dialog",
     "modal",

package/src/ts/types/index.d.ts

@@ -24,11 +24,6 @@ declare global {
   }
 
   interface Window {
-    t007: T007Namespace;
-
-    T007_DIALOG_CSS_SRC?: string;
-    T007_INPUT_JS_SRC?: string;
-
     Alert?: T007Namespace["alert"];
     Confirm?: T007Namespace["confirm"];
     Prompt?: T007Namespace["prompt"];