kitzo 2.0.17 → 2.0.19

package/README.md

@@ -25,7 +25,7 @@ npm i kitzo
 or
 
 ```javascript
-<script src="https://cdn.jsdelivr.net/npm/kitzo@2.0.17/dist/kitzo.umd.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/kitzo@2.0.19/dist/kitzo.umd.min.js"></script>
 ```
 
 > Attach this script tag in the html head tag and you are good to go.
@@ -60,13 +60,10 @@ kitzo.clippath();
 ##### Copy API:
 
 ```javascript
-kitzo.copy(selector | element, {
-  doc: string,
-  event: 'click' | 'dblclick' | 'contextmenu' | 'mouseup' | 'touchend',
-});
+kitzo.copy(doc);
 ```
 
-> Instantly adds click-to-copy functionality to buttons, reliably and with fallback.
+> Copy functionality on call.
 
 ##### Tooltip API:
 
@@ -94,7 +91,7 @@ kitzo.ripple(selectors | element | NodeList, {
 });
 ```
 
-> Adds a lightweight, clean ripple effect to your buttons on click.
+> Adds a lightweight, clean ripple effect to your elements on click.
 
 ##### Debounce API:
 

package/dist/kitzo.d.ts

@@ -53,20 +53,7 @@ export type ripple = (
 ) => void;
 
 // Copy
-export type copy = (
-  element: string | Element | NodeListOf<Element>,
-  config?: {
-    /** The text to copy to clipboard (default: element textContent) */
-    doc?: string;
-
-    /**
-     * The DOM event that triggers the copy action
-     * Only allowed: 'click' | 'dblclick' | 'contextmenu' | 'mouseup' | 'touchend'
-     * Default: 'click'
-     */
-    event?: 'click' | 'dblclick' | 'contextmenu' | 'mouseup' | 'touchend';
-  }
-) => void;
+export type copy = (doc?: any) => void;
 
 // Debounce
 export type debounce = <Args extends any[]>(fn: (...args: Args) => any, delay?: number) => (...args: Args) => void;

package/dist/kitzo.esm.js

@@ -1,3 +1,48 @@
+//! Copy function
+function legecyCopy(docs) {
+  try {
+    const textarea = document.createElement('textarea');
+    textarea.value = docs;
+    document.body.appendChild(textarea);
+    textarea.select();
+    document.execCommand('copy');
+    document.body.removeChild(textarea);
+  } catch (error) {
+    alert('Couldn’t complete. Please copy manually.');
+    console.error(error);
+  }
+}
+
+async function copyText(docs) {
+  if (navigator.clipboard && navigator.clipboard.writeText) {
+    try {
+      await navigator.clipboard.writeText(docs);
+    } catch (error) {
+      legecyCopy(docs);
+      console.error(error);
+    }
+  } else {
+    legecyCopy(docs);
+  }
+}
+
+function copy(doc) {
+  if (typeof doc === 'string' || typeof doc === 'number') {
+    copyText(doc);
+  } else {
+    copyText(JSON.stringify(doc));
+  }
+}
+
+function debounce(fn, delay = 300) {
+  let timer;
+
+  return (...args) => {
+    clearTimeout(timer);
+    timer = setTimeout(() => fn(...args), delay);
+  };
+}
+
 //! Helper functions
 // Get elements from dom
 function getButtons(element) {
@@ -38,118 +83,6 @@ function addStyleTagToHtmlHead(type, styles) {
   }
 }
 
-//! Copy function
-function legecyCopy(docs) {
-  try {
-    const textarea = document.createElement('textarea');
-    textarea.value = docs;
-    document.body.appendChild(textarea);
-    textarea.select();
-    document.execCommand('copy');
-    document.body.removeChild(textarea);
-  } catch (error) {
-    alert('Couldn’t copy automatically. Please copy manually.');
-    console.error(error);
-  }
-}
-
-async function copyText(docs) {
-  if (navigator.clipboard && navigator.clipboard.writeText) {
-    try {
-      await navigator.clipboard.writeText(docs);
-    } catch (error) {
-      legecyCopy(docs);
-      console.error(error);
-    }
-  } else {
-    legecyCopy(docs);
-  }
-}
-
-const copyConfigMap = new WeakMap();
-const allowedEvents = ['click', 'dblclick', 'contextmenu', 'mouseup', 'touchend'];
-const attachedEvents = new Set();
-
-function copy(element, config = {}) {
-  config = Object.assign(
-    {
-      doc: '',
-      event: 'click',
-    },
-    config
-  );
-
-  const { doc, event } = config;
-
-  if (!element) {
-    console.error('A button element/selector is expected');
-    return;
-  }
-
-  if (!doc) {
-    console.error('doc cannot be empty');
-    return;
-  }
-
-  if (typeof doc !== 'string') {
-    console.error('Doc should be in string format');
-    return;
-  }
-
-  if (typeof event !== 'string') {
-    console.error('Only strings are allowed as events');
-    return;
-  }
-
-  if (!event.trim()) {
-    console.error('event cannot be empty');
-    return;
-  }
-
-  const allButtons = getButtons(element);
-  if (!allButtons) {
-    console.error('No elements found for kitzoCopy');
-    return;
-  }
-
-  if (!allowedEvents.includes(event)) {
-    console.warn(`[kitzo.copy] "${event}" is not allowed. Defaulting to "click".`);
-  }
-
-  const safeEvent = allowedEvents.includes(event) ? event : 'click';
-
-  allButtons.forEach((btn) => {
-    btn.setAttribute('data-kitzo-copy', 'true');
-
-    copyConfigMap.set(btn, {
-      doc,
-      event: safeEvent,
-    });
-  });
-
-  if (!attachedEvents.has(safeEvent)) {
-    document.addEventListener(safeEvent, (e) => {
-      const btn = e.target.closest('[data-kitzo-copy]');
-      if (!btn) return;
-
-      const { doc, event } = copyConfigMap.get(btn);
-      if (event && event === safeEvent) {
-        copyText(doc);
-      }
-    });
-    attachedEvents.add(safeEvent);
-  }
-}
-
-function debounce(fn, delay = 300) {
-  let timer;
-
-  return (...args) => {
-    clearTimeout(timer);
-    timer = setTimeout(() => fn(...args), delay);
-  };
-}
-
 function rippleStyles() {
   return `.kitzo-ripples {
   display: block;
@@ -622,4 +555,4 @@ function clippath(element, config = {}) {
 
 const kitzo = { copy, debounce, ripple, tooltip, clippath };
 
-export { kitzo as default };
+export { clippath, copy, debounce, kitzo as default, ripple, tooltip };

package/dist/kitzo.umd.js

@@ -1,8 +1,53 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-  typeof define === 'function' && define.amd ? define(['exports'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.kitzo = {}));
-})(this, (function (exports) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+  typeof define === 'function' && define.amd ? define(factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.kitzo = factory());
+})(this, (function () { 'use strict';
+
+  //! Copy function
+  function legecyCopy(docs) {
+    try {
+      const textarea = document.createElement('textarea');
+      textarea.value = docs;
+      document.body.appendChild(textarea);
+      textarea.select();
+      document.execCommand('copy');
+      document.body.removeChild(textarea);
+    } catch (error) {
+      alert('Couldn’t complete. Please copy manually.');
+      console.error(error);
+    }
+  }
+
+  async function copyText(docs) {
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+      try {
+        await navigator.clipboard.writeText(docs);
+      } catch (error) {
+        legecyCopy(docs);
+        console.error(error);
+      }
+    } else {
+      legecyCopy(docs);
+    }
+  }
+
+  function copy(doc) {
+    if (typeof doc === 'string' || typeof doc === 'number') {
+      copyText(doc);
+    } else {
+      copyText(JSON.stringify(doc));
+    }
+  }
+
+  function debounce(fn, delay = 300) {
+    let timer;
+
+    return (...args) => {
+      clearTimeout(timer);
+      timer = setTimeout(() => fn(...args), delay);
+    };
+  }
 
   //! Helper functions
   // Get elements from dom
@@ -44,118 +89,6 @@
     }
   }
 
-  //! Copy function
-  function legecyCopy(docs) {
-    try {
-      const textarea = document.createElement('textarea');
-      textarea.value = docs;
-      document.body.appendChild(textarea);
-      textarea.select();
-      document.execCommand('copy');
-      document.body.removeChild(textarea);
-    } catch (error) {
-      alert('Couldn’t copy automatically. Please copy manually.');
-      console.error(error);
-    }
-  }
-
-  async function copyText(docs) {
-    if (navigator.clipboard && navigator.clipboard.writeText) {
-      try {
-        await navigator.clipboard.writeText(docs);
-      } catch (error) {
-        legecyCopy(docs);
-        console.error(error);
-      }
-    } else {
-      legecyCopy(docs);
-    }
-  }
-
-  const copyConfigMap = new WeakMap();
-  const allowedEvents = ['click', 'dblclick', 'contextmenu', 'mouseup', 'touchend'];
-  const attachedEvents = new Set();
-
-  function copy(element, config = {}) {
-    config = Object.assign(
-      {
-        doc: '',
-        event: 'click',
-      },
-      config
-    );
-
-    const { doc, event } = config;
-
-    if (!element) {
-      console.error('A button element/selector is expected');
-      return;
-    }
-
-    if (!doc) {
-      console.error('doc cannot be empty');
-      return;
-    }
-
-    if (typeof doc !== 'string') {
-      console.error('Doc should be in string format');
-      return;
-    }
-
-    if (typeof event !== 'string') {
-      console.error('Only strings are allowed as events');
-      return;
-    }
-
-    if (!event.trim()) {
-      console.error('event cannot be empty');
-      return;
-    }
-
-    const allButtons = getButtons(element);
-    if (!allButtons) {
-      console.error('No elements found for kitzoCopy');
-      return;
-    }
-
-    if (!allowedEvents.includes(event)) {
-      console.warn(`[kitzo.copy] "${event}" is not allowed. Defaulting to "click".`);
-    }
-
-    const safeEvent = allowedEvents.includes(event) ? event : 'click';
-
-    allButtons.forEach((btn) => {
-      btn.setAttribute('data-kitzo-copy', 'true');
-
-      copyConfigMap.set(btn, {
-        doc,
-        event: safeEvent,
-      });
-    });
-
-    if (!attachedEvents.has(safeEvent)) {
-      document.addEventListener(safeEvent, (e) => {
-        const btn = e.target.closest('[data-kitzo-copy]');
-        if (!btn) return;
-
-        const { doc, event } = copyConfigMap.get(btn);
-        if (event && event === safeEvent) {
-          copyText(doc);
-        }
-      });
-      attachedEvents.add(safeEvent);
-    }
-  }
-
-  function debounce(fn, delay = 300) {
-    let timer;
-
-    return (...args) => {
-      clearTimeout(timer);
-      timer = setTimeout(() => fn(...args), delay);
-    };
-  }
-
   function rippleStyles() {
     return `.kitzo-ripples {
   display: block;
@@ -626,10 +559,8 @@
     }
   }
 
-  exports.clippath = clippath;
-  exports.copy = copy;
-  exports.debounce = debounce;
-  exports.ripple = ripple;
-  exports.tooltip = tooltip;
+  const kitzo = { copy, debounce, ripple, tooltip, clippath };
+
+  return kitzo;
 
 }));

package/dist/react.d.ts

@@ -1,7 +1,7 @@
 export interface ToastOptions {
   duration?: number;
   style?: React.CSSProperties;
-  showIcon?: true | false;
+  showIcon?: boolean;
 }
 
 export interface ToastAPI {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitzo",
-  "version": "2.0.17",
+  "version": "2.0.19",
   "description": "A lightweight JavaScript UI micro-library.",
   "type": "module",
   "main": "./dist/kitzo.umd.js",