@modernman00/shared-js-lib 1.2.81 → 1.2.83

package/ShareManager.js

@@ -0,0 +1,462 @@
+/**
+ * ShareManager.js
+ * Universal Social Share Manager with native Web Share API and glassmorphic fallback modal.
+ * Part of @modernman00/shared-js-lib
+ */
+
+import { CardCanvasGenerator } from './CardCanvasGenerator.js';
+
+export class ShareManager {
+  /**
+   * Smart share dispatcher: attempts native share if supported, otherwise opens the universal modal.
+   * @param {Object} options
+   * @param {string} [options.title] - Share title
+   * @param {string} [options.text] - Share description / caption
+   * @param {string} [options.url] - URL to share (defaults to window.location.href)
+   * @param {Blob|File} [options.file] - Optional image file or blob to attach to native share
+   * @param {string} [options.imageUrl] - Preview image URL for the fallback modal
+   * @param {Object} [options.cardOptions] - Options to pass to CardCanvasGenerator if generating dynamically
+   * @param {boolean} [options.forceModal=false] - Force opening the modal even if native share is supported
+   * @returns {Promise<boolean>} True if shared or modal opened successfully
+   */
+  static async share(options = {}) {
+    const url = options.url || (typeof window !== 'undefined' ? window.location.href : '');
+    const title = options.title || (typeof document !== 'undefined' ? document.title : 'Share');
+    const text = options.text || '';
+
+    // If forced modal or running in an environment without navigator.share
+    if (!options.forceModal && typeof navigator !== 'undefined' && typeof navigator.share === 'function') {
+      try {
+        const shareData = { title, text, url };
+
+        // Attach file if provided and supported
+        if (options.file && typeof navigator.canShare === 'function') {
+          const testFile = options.file instanceof File
+            ? options.file
+            : new File([options.file], 'share-card.png', { type: options.file.type || 'image/png' });
+
+          if (navigator.canShare({ files: [testFile] })) {
+            shareData.files = [testFile];
+          }
+        }
+
+        await navigator.share(shareData);
+        return true;
+      } catch (err) {
+        // If user cancelled, don't force modal; return false
+        if (err && (err.name === 'AbortError' || err.message?.includes('abort') || err.message?.includes('cancel'))) {
+          return false;
+        }
+        // If native share failed for another reason, fallback to modal
+        console.warn('[ShareManager] Native share failed, falling back to modal:', err);
+      }
+    }
+
+    return this.openModal({ ...options, url, title, text });
+  }
+
+  /**
+   * Opens the glassmorphic Universal Share Modal
+   * @param {Object} options
+   * @returns {HTMLElement} The modal DOM element
+   */
+  static openModal(options = {}) {
+    if (typeof document === 'undefined') {
+      return null;
+    }
+
+    const modalId = 'shared-lib-universal-share-modal';
+    let modal = document.getElementById(modalId);
+    if (!modal) {
+      modal = this._createModalElement(modalId);
+      document.body.appendChild(modal);
+    }
+
+    this._populateModal(modal, options);
+
+    // Show modal with smooth fade
+    modal.style.display = 'flex';
+    requestAnimationFrame(() => {
+      modal.style.opacity = '1';
+      const dialog = modal.querySelector('.share-dialog');
+      if (dialog) {
+        dialog.style.transform = 'scale(1) translateY(0)';
+      }
+    });
+
+    return modal;
+  }
+
+  /**
+   * Closes the active share modal
+   */
+  static closeModal() {
+    if (typeof document === 'undefined') return;
+    const modal = document.getElementById('shared-lib-universal-share-modal');
+    if (!modal) return;
+
+    modal.style.opacity = '0';
+    const dialog = modal.querySelector('.share-dialog');
+    if (dialog) {
+      dialog.style.transform = 'scale(0.96) translateY(12px)';
+    }
+
+    setTimeout(() => {
+      modal.style.display = 'none';
+    }, 200);
+  }
+
+  /**
+   * Copies an image Blob to the user's system clipboard using ClipboardItem
+   * @param {Blob} imageBlob
+   * @returns {Promise<boolean>}
+   */
+  static async copyImageToClipboard(imageBlob) {
+    if (typeof navigator === 'undefined' || !navigator.clipboard || !window.ClipboardItem) {
+      throw new Error('ClipboardItem image copying is not supported in this browser.');
+    }
+
+    const item = new window.ClipboardItem({ [imageBlob.type || 'image/png']: imageBlob });
+    await navigator.clipboard.write([item]);
+    return true;
+  }
+
+  /**
+   * Downloads a Blob or DataURL as a file
+   * @param {Blob|string} source
+   * @param {string} [filename='share-card.png']
+   */
+  static downloadFile(source, filename = 'share-card.png') {
+    if (typeof document === 'undefined') return;
+    const link = document.createElement('a');
+    let url = '';
+
+    if (source instanceof Blob) {
+      url = typeof URL.createObjectURL === 'function' ? URL.createObjectURL(source) : '';
+    } else {
+      url = source;
+    }
+
+    link.href = url;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+
+    if (source instanceof Blob && typeof URL.revokeObjectURL === 'function') {
+      setTimeout(() => URL.revokeObjectURL(url), 5000);
+    }
+  }
+
+  // --- Internal DOM & Modal Construction ---
+
+  static _createModalElement(id) {
+    const modal = document.createElement('div');
+    modal.id = id;
+    modal.setAttribute('role', 'dialog');
+    modal.setAttribute('aria-modal', 'true');
+    modal.setAttribute('aria-label', 'Share');
+
+    // Overlay styles
+    modal.style.position = 'fixed';
+    modal.style.top = '0';
+    modal.style.left = '0';
+    modal.style.width = '100vw';
+    modal.style.height = '100vh';
+    modal.style.backgroundColor = 'rgba(5, 8, 16, 0.75)';
+    modal.style.backdropFilter = 'blur(10px)';
+    modal.style.webkitBackdropFilter = 'blur(10px)';
+    modal.style.zIndex = '99999';
+    modal.style.display = 'none';
+    modal.style.alignItems = 'center';
+    modal.style.justifyContent = 'center';
+    modal.style.opacity = '0';
+    modal.style.transition = 'opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1)';
+    modal.style.padding = '16px';
+    modal.style.boxSizing = 'border-box';
+
+    // Click backdrop to close
+    modal.addEventListener('click', (e) => {
+      if (e.target === modal) {
+        this.closeModal();
+      }
+    });
+
+    // ESC key to close
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape' && modal.style.display !== 'none') {
+        this.closeModal();
+      }
+    });
+
+    return modal;
+  }
+
+  static _populateModal(modal, options) {
+    const url = options.url || window.location.href;
+    const title = options.title || document.title;
+    const encodedUrl = encodeURIComponent(url);
+    const encodedTitle = encodeURIComponent(title);
+
+    // Escape user-supplied strings for safety
+    const safeTitle = this._escapeHtml(title);
+
+    modal.innerHTML = `
+      <div class="share-dialog" style="
+        background: #0f172a;
+        color: #ffffff;
+        border: 1px solid rgba(255, 255, 255, 0.12);
+        border-radius: 20px;
+        max-width: 580px;
+        width: 100%;
+        max-height: 90vh;
+        overflow-y: auto;
+        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7);
+        padding: 24px;
+        box-sizing: border-box;
+        transform: scale(0.96) translateY(12px);
+        transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      ">
+        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
+          <div>
+            <h3 style="margin: 0; font-size: 1.25rem; font-weight: 700; color: #ffffff;">Share</h3>
+            <p style="margin: 4px 0 0 0; font-size: 0.85rem; color: #94a3b8;">Distribute graphics & link with your network</p>
+          </div>
+          <button type="button" class="btn-close-modal" aria-label="Close" style="
+            background: rgba(255, 255, 255, 0.08);
+            border: none;
+            color: #94a3b8;
+            width: 44px;
+            height: 44px;
+            border-radius: 50%;
+            cursor: pointer;
+            font-size: 1.25rem;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: all 0.15s ease;
+          ">&times;</button>
+        </div>
+
+        <div class="card-preview-area" style="
+          border-radius: 12px;
+          overflow: hidden;
+          margin-bottom: 20px;
+          background: #090d16;
+          border: 1px solid rgba(255, 255, 255, 0.08);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          min-height: 180px;
+        ">
+          <!-- Live Canvas or Image Preview rendered below -->
+        </div>
+
+        <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 20px;">
+          <button type="button" class="btn-action-download" style="
+            background: rgba(255, 255, 255, 0.05);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 10px;
+            color: #ffffff;
+            padding: 10px 8px;
+            font-size: 0.8rem;
+            font-weight: 600;
+            cursor: pointer;
+            min-height: 44px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 6px;
+          ">
+            <span>⬇ Download Card</span>
+          </button>
+          <button type="button" class="btn-action-copy-img" style="
+            background: rgba(255, 255, 255, 0.05);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 10px;
+            color: #ffffff;
+            padding: 10px 8px;
+            font-size: 0.8rem;
+            font-weight: 600;
+            cursor: pointer;
+            min-height: 44px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 6px;
+          ">
+            <span>🖼 Copy Image</span>
+          </button>
+          <button type="button" class="btn-action-copy-link" style="
+            background: rgba(16, 185, 129, 0.15);
+            border: 1px solid rgba(16, 185, 129, 0.4);
+            border-radius: 10px;
+            color: #10b981;
+            padding: 10px 8px;
+            font-size: 0.8rem;
+            font-weight: 600;
+            cursor: pointer;
+            min-height: 44px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 6px;
+          ">
+            <span class="copy-link-text">🔗 Copy Link</span>
+          </button>
+        </div>
+
+        <div style="font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.05em; color: #64748b; font-weight: 700; margin-bottom: 10px;">
+          Share directly to platforms
+        </div>
+
+        <div style="display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px;">
+          <a href="https://www.linkedin.com/sharing/share-offsite/?url=${encodedUrl}" target="_blank" rel="noopener noreferrer" style="
+            background: #0a66c2; color: #fff; text-decoration: none; border-radius: 10px; min-height: 48px;
+            display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.72rem; font-weight: 600;
+          ">LinkedIn</a>
+
+          <a href="https://twitter.com/intent/tweet?text=${encodedTitle}&url=${encodedUrl}" target="_blank" rel="noopener noreferrer" style="
+            background: #000000; color: #fff; text-decoration: none; border: 1px solid rgba(255,255,255,0.2); border-radius: 10px; min-height: 48px;
+            display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.72rem; font-weight: 600;
+          ">X / Twitter</a>
+
+          <a href="https://api.whatsapp.com/send?text=${encodedTitle}%20${encodedUrl}" target="_blank" rel="noopener noreferrer" style="
+            background: #25d366; color: #fff; text-decoration: none; border-radius: 10px; min-height: 48px;
+            display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.72rem; font-weight: 600;
+          ">WhatsApp</a>
+
+          <a href="https://www.facebook.com/sharer/sharer.php?u=${encodedUrl}" target="_blank" rel="noopener noreferrer" style="
+            background: #1877f2; color: #fff; text-decoration: none; border-radius: 10px; min-height: 48px;
+            display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.72rem; font-weight: 600;
+          ">Facebook</a>
+
+          <a href="viber://forward?text=${encodedTitle}%20${encodedUrl}" style="
+            background: #7360f2; color: #fff; text-decoration: none; border-radius: 10px; min-height: 48px;
+            display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.72rem; font-weight: 600;
+          ">Viber</a>
+
+          <a href="sms:?&body=${encodedTitle}%20${encodedUrl}" style="
+            background: #334155; color: #fff; text-decoration: none; border-radius: 10px; min-height: 48px;
+            display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.72rem; font-weight: 600;
+          ">SMS</a>
+        </div>
+      </div>
+    `;
+
+    // Hook Close Button
+    const closeBtn = modal.querySelector('.btn-close-modal');
+    if (closeBtn) {
+      closeBtn.onclick = () => this.closeModal();
+    }
+
+    // Hook Preview & Actions
+    const previewContainer = modal.querySelector('.card-preview-area');
+    let activeBlob = options.file instanceof Blob ? options.file : null;
+
+    if (options.cardOptions) {
+      // Live dynamic canvas rendering
+      const canvas = document.createElement('canvas');
+      canvas.style.width = '100%';
+      canvas.style.height = 'auto';
+      canvas.style.display = 'block';
+      previewContainer.innerHTML = '';
+      previewContainer.appendChild(canvas);
+      CardCanvasGenerator.renderToCanvas(canvas, options.cardOptions);
+      canvas.toBlob((b) => {
+        activeBlob = b;
+      }, 'image/png');
+    } else if (options.imageUrl) {
+      const img = document.createElement('img');
+      img.src = options.imageUrl;
+      img.alt = safeTitle;
+      img.style.maxWidth = '100%';
+      img.style.height = 'auto';
+      img.style.display = 'block';
+      previewContainer.innerHTML = '';
+      previewContainer.appendChild(img);
+    } else {
+      previewContainer.innerHTML = `<div style="padding: 24px; text-align: center; color: #94a3b8; font-size: 0.85rem;">Ready to share: <strong>${safeTitle}</strong></div>`;
+    }
+
+    // Hook Download Action
+    const dlBtn = modal.querySelector('.btn-action-download');
+    if (dlBtn) {
+      dlBtn.onclick = async () => {
+        if (activeBlob) {
+          this.downloadFile(activeBlob, 'share-card.png');
+        } else if (options.imageUrl) {
+          this.downloadFile(options.imageUrl, 'share-card.png');
+        } else if (options.cardOptions) {
+          const b = await CardCanvasGenerator.generateBlob(options.cardOptions);
+          this.downloadFile(b, 'share-card.png');
+        }
+      };
+    }
+
+    // Hook Copy Image Action
+    const copyImgBtn = modal.querySelector('.btn-action-copy-img');
+    if (copyImgBtn) {
+      copyImgBtn.onclick = async () => {
+        try {
+          let b = activeBlob;
+          if (!b && options.cardOptions) {
+            b = await CardCanvasGenerator.generateBlob(options.cardOptions);
+          }
+          if (b) {
+            await this.copyImageToClipboard(b);
+            copyImgBtn.innerHTML = '<span>✅ Copied!</span>';
+            setTimeout(() => {
+              copyImgBtn.innerHTML = '<span>🖼 Copy Image</span>';
+            }, 2000);
+          } else {
+            alert('Image preview not ready to copy.');
+          }
+        } catch (err) {
+          console.warn('[ShareManager] Copy image failed:', err);
+          alert('Copy image is not supported in this browser. Please use Download Card instead.');
+        }
+      };
+    }
+
+    // Hook Copy Link Action
+    const copyLinkBtn = modal.querySelector('.btn-action-copy-link');
+    const copyLinkText = modal.querySelector('.copy-link-text');
+    if (copyLinkBtn) {
+      copyLinkBtn.onclick = async () => {
+        try {
+          if (navigator.clipboard && navigator.clipboard.writeText) {
+            await navigator.clipboard.writeText(url);
+          } else {
+            const input = document.createElement('input');
+            input.value = url;
+            document.body.appendChild(input);
+            input.select();
+            document.execCommand('copy');
+            document.body.removeChild(input);
+          }
+
+          if (copyLinkText) {
+            copyLinkText.textContent = '✅ Copied!';
+            setTimeout(() => {
+              copyLinkText.textContent = '🔗 Copy Link';
+            }, 2000);
+          }
+        } catch (err) {
+          console.warn('[ShareManager] Copy link failed:', err);
+        }
+      };
+    }
+  }
+
+  static _escapeHtml(str) {
+    if (!str) return '';
+    return String(str)
+      .replace(/&/g, '&amp;')
+      .replace(/</g, '&lt;')
+      .replace(/>/g, '&gt;')
+      .replace(/"/g, '&quot;')
+      .replace(/'/g, '&#39;');
+  }
+}

package/ShowResponse.js

@@ -1,4 +1,5 @@
 import { id, qSel } from './UtilityHtml.js';
+import { swalToast, swalSuccess, swalError } from './Alert.js';
 
 export const showError = (e) =>
   console.error(
@@ -9,6 +10,23 @@ export const msgException = (errorMessage) => {
   throw new Error(errorMessage);
 };
 
+/**
+ * Drop-in SweetAlert-backed notification.
+ * If status is true or 'green', shows success toast; otherwise shows error toast/modal.
+ * 
+ * @param {string} message - Message to display
+ * @param {boolean|string} [status=true] - true/'green' for success, false/'red' for error
+ * @param {boolean} [asToast=true] - true to show as sleek toast, false for modal
+ * @returns {Promise<any>}
+ */
+export const swalNotification = async (message, status = true, asToast = true) => {
+  const isSuccess = status === true || status === 'green' || status === 'is-success' || status === 'w3-green';
+  if (isSuccess) {
+    return await swalSuccess(message, asToast);
+  }
+  return await swalError(message, !asToast);
+};
+
 /**
  *
  * @param {*} elementId - element id
@@ -55,3 +73,105 @@ export const showResponse = (theId, message, status) => {
     responseEl.innerHTML = '';
   }, 5000); // Disappear after 5 seconds
 };
+
+
+/**
+ * Defensive Error Unwrapping Utility
+ *
+ * Extracts a human-readable string message from any error shape
+ * (string, Error object, Axios/Fetch HTTP response, validation map).
+ * Mathematically guarantees that [object Object] is NEVER returned.
+ *
+ * @param {any} err - The error object, string, or HTTP response error
+ * @param {string} defaultMessage - Fallback message if extraction yields empty
+ * @returns {string} Clean human-readable error text
+ */
+export const extractErrorMessage = (err, defaultMessage = "An unexpected error occurred.") => {
+  if (err === null || err === undefined) {
+    return defaultMessage;
+  }
+
+  if (typeof err === "string") {
+    const trimmed = err.trim();
+    return trimmed && trimmed !== "[object Object]" ? trimmed : defaultMessage;
+  }
+
+  // 1. Check Axios / HTTP response envelope (err.response.data)
+  if (err && typeof err === "object") {
+    const resData = err.response ? err.response.data : (err.data || null);
+
+    if (resData) {
+      if (typeof resData === "string") {
+        const trimmed = resData.trim();
+        if (trimmed && trimmed !== "[object Object]") return trimmed;
+      } else if (typeof resData === "object") {
+        // Check standard envelope fields: error, message, msg
+        if (typeof resData.error === "string" && resData.error.trim() && resData.error.trim() !== "[object Object]") {
+          return resData.error.trim();
+        }
+        if (typeof resData.message === "string" && resData.message.trim() && resData.message.trim() !== "[object Object]") {
+          return resData.message.trim();
+        }
+        if (typeof resData.msg === "string" && resData.msg.trim() && resData.msg.trim() !== "[object Object]") {
+          return resData.msg.trim();
+        }
+
+        // Check validation errors map (e.g. { errors: { email: ["Invalid"], password: ["Too short"] } })
+        const errorsSource = resData.errors || resData.error;
+        if (errorsSource && typeof errorsSource === "object") {
+          if (Array.isArray(errorsSource)) {
+            const msgs = errorsSource.map(m => typeof m === "string" ? m : (m?.message || JSON.stringify(m))).filter(Boolean);
+            if (msgs.length > 0) return msgs.join(", ");
+          } else {
+            const values = Object.values(errorsSource).flat().map(v => typeof v === "string" ? v : (v?.message || JSON.stringify(v))).filter(Boolean);
+            if (values.length > 0) return values.join(", ");
+          }
+        }
+      }
+    }
+
+    // 2. Check standard Error instance message
+    if (typeof err.message === "string" && err.message.trim() && err.message.trim() !== "[object Object]") {
+      return err.message.trim();
+    }
+
+    // 3. Check direct error/msg properties on object
+    if (typeof err.error === "string" && err.error.trim() && err.error.trim() !== "[object Object]") {
+      return err.error.trim();
+    }
+    if (typeof err.msg === "string" && err.msg.trim() && err.msg.trim() !== "[object Object]") {
+      return err.msg.trim();
+    }
+
+    // 4. Check errors map directly on object
+    if (err.errors && typeof err.errors === "object") {
+      if (Array.isArray(err.errors)) {
+        const msgs = err.errors.map(m => typeof m === "string" ? m : (m?.message || JSON.stringify(m))).filter(Boolean);
+        if (msgs.length > 0) return msgs.join(", ");
+      } else {
+        const values = Object.values(err.errors).flat().map(v => typeof v === "string" ? v : (v?.message || JSON.stringify(v))).filter(Boolean);
+        if (values.length > 0) return values.join(", ");
+      }
+    }
+
+    // 5. Check custom toString if not default Object toString
+    try {
+      if (typeof err.toString === "function") {
+        const str = err.toString();
+        if (str && str !== "[object Object]" && typeof str === "string") {
+          return str;
+        }
+      }
+    } catch (_) {}
+
+    // 6. Safe JSON stringify fallback
+    try {
+      const jsonStr = JSON.stringify(err);
+      if (jsonStr && jsonStr !== "{}" && jsonStr.length < 200) {
+        return jsonStr;
+      }
+    } catch (_) {}
+  }
+
+  return defaultMessage;
+};

package/axiosWrapper.js

@@ -4,6 +4,9 @@ import axiosRetry from 'axios-retry';
 
 axiosRetry(axios, { retries: 3 });
 
+// Ensure Axios always sends cookies (like the HttpOnly auth token) with every request
+axios.defaults.withCredentials = true;
+
 axios.interceptors.request.use(config => {
     config.headers['X-Requested-With'] = 'XMLHttpRequest';
 

package/config/version.php

@@ -1,3 +1,3 @@
 <?php
-define('APP_VERSION', 'v1.2.75');
+define('APP_VERSION', 'v1.2.83');
 

package/index.js

@@ -1,7 +1,17 @@
+export * from './OfflineQueue.js';
+export * from './PwaManager.js';
+export * from './PwaInstall.js';
 export * from './Http.js';
 export * from './UtilityHtml.js';
 export * from './Utility.js';
 export * from './Loader.js';
+export * from './Alert.js';
+export * from './ButtonLoader.js';
+export * from './FormLock.js';
+export * from './NetworkGuard.js';
+export * from './InlineValidation.js';
+export * from './Clipboard.js';
+export * from './AuthInterceptor.js';
 export * from './Cookie.js';
 export * from './FormHelper.js'
 export * from './ShowResponse.js';
@@ -15,4 +25,7 @@ export * from './AcctMgt/processAll.js';
 export * from './AcctMgt/update.js';
 export * from './AcctMgt/registerHandler.js';
 export * from './AcctMgt/recaptchaToken.js';
-export * from './general.js';
+export * from './AcctMgt/AdminAuthForm.js';
+export * from './general.js';
+export * from './CardCanvasGenerator.js';
+export * from './ShareManager.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modernman00/shared-js-lib",
-  "version": "1.2.81",
+  "version": "1.2.83",
   "description": "Reusable JS utilities for numerous js problems",
   "homepage": "https://github.com/modernman00/shared-js-lib#readme",
   "keywords": [
@@ -25,7 +25,8 @@
   "dependencies": {
     "axios": "^1.13.2",
     "axios-retry": "^4.5.0",
-    "settings": "^0.1.1"
+    "settings": "^0.1.1",
+    "sweetalert2": "^11.26.25"
   },
   "publishConfig": {
     "access": "public"
@@ -40,6 +41,13 @@
     "FormHelper.js",
     "Http.js",
     "Loader.js",
+    "Alert.js",
+    "ButtonLoader.js",
+    "FormLock.js",
+    "NetworkGuard.js",
+    "InlineValidation.js",
+    "Clipboard.js",
+    "AuthInterceptor.js",
     "ShowResponse.js",
     "Utility.js",
     "UtilityHtml.js",
@@ -48,11 +56,18 @@
     "general.js",
     "config/",
     "README.md",
-    "release-history.md"
+    "release-history.md",
+    "OfflineQueue.js",
+    "PwaManager.js",
+    "PwaInstall.js",
+    "CardCanvasGenerator.js",
+    "ShareManager.js",
+    "templates/"
   ],
   "devDependencies": {
     "@babel/core": "^7.28.3",
     "@babel/preset-env": "^7.28.3",
+    "@babel/runtime": "^8.0.5",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^11.0.4",