@pivanov/utils 0.0.2 → 0.0.3

package/README.md

@@ -1,54 +1,54 @@
 # @pivanov/utils
 
 <p align="center">
-    <i>A comprehensive collection of TypeScript utilities for modern web development</i>
-    <br>
-    <br>
-    <img src="https://img.shields.io/npm/v/@pivanov/utils?logo=npm" alt="NPM Version">
-    &nbsp;&nbsp;
-    <img src="https://img.shields.io/bundlephobia/minzip/@pivanov/utils" alt="Bundle Size">
-    &nbsp;&nbsp;
-    <img src="https://github.com/pivanov/pivanov-utils/actions/workflows/ci.yml/badge.svg?branch=main" alt="CI Status" />
-    &nbsp;&nbsp;
-    <img src="https://codecov.io/github/pivanov/pivanov-utils/graph/badge.svg?token=EPRKTP7D79" alt="Coverage Status">
+  <i>A comprehensive collection of TypeScript utilities for modern web development</i>
+  <br />
+  <br />
+  <img src="https://img.shields.io/npm/v/@pivanov/utils?logo=npm" alt="NPM Version" />
+  &nbsp;&nbsp;
+  <img src="https://img.shields.io/bundlephobia/minzip/@pivanov/utils" alt="Bundle Size" />
+  &nbsp;&nbsp;
+  <img src="https://github.com/pivanov/pivanov-utils/actions/workflows/ci.yml/badge.svg?branch=main" alt="CI Status" />
+  &nbsp;&nbsp;
+  <img src="https://codecov.io/github/pivanov/pivanov-utils/graph/badge.svg?token=EPRKTP7D79" alt="Coverage Status" />
 </p>
 
 ## Features
 
-- 🔄 **Type-Safe** - Full TypeScript support with strict type checking
-- 🔄 **Immutable Operations** - Safe object and array manipulations
-- 🎨 **String Transformations** - Comprehensive string formatting utilities
-- 🛠️ **DOM Utilities** - Browser-safe DOM manipulation helpers
-- ⚡ **Performance Focused** - Optimized for both speed and bundle size
-- 📦 **Tree-Shakeable** - Import only what you need
-- 📝 **Well Documented** - Detailed documentation and examples
-- ✅ **Well Tested** - Comprehensive test coverage
+- 🔒 **Type-Safe** - Full TypeScript support with strict type checking and excellent type inference
+- 🎯 **Tree-Shakeable** - Import only what you need for minimal bundle size
+- ⚡ **Performance Focused** - Optimized implementations with no external dependencies
+- 🧪 **Well Tested** - Comprehensive test coverage for reliability
+- 📦 **Modular** - Organized into focused modules for easy navigation
+- 📝 **Well Documented** - Detailed JSDoc comments and examples
 
 ## Installation
 
 ```bash
-pnpm install @pivanov/utils
-# or
-yarn add @pivanov/utils
+pnpm add @pivanov/utils
 # or
 npm install @pivanov/utils
+# or
+yarn add @pivanov/utils
 ```
 
-## Documentation
+## Quick Start
 
-### Module Overview
+```typescript
+import { camelCase } from '@pivanov/utils/string';
+import { pick } from '@pivanov/utils/object';
+import { isString } from '@pivanov/utils/assertion';
 
-The package is organized into several modules:
+camelCase('foo-bar'); // 'fooBar'
+pick({ name: 'John', age: 30 }, ['name']); // { name: 'John' }
+isString('hello'); // true
+```
 
-- **assertion** - Type guards and runtime type checking
-- **object** - Object manipulation utilities
-- **promise** - Async utilities and promise helpers
-- **string** - String transformation utilities
-- **tools** - Various utilities including DOM, Event Bus, and more
+## API Reference
 
-### Assertion Module
+### Type Guards & Assertions
 
-Type-safe runtime type checking utilities.
+Runtime type checking with TypeScript type narrowing.
 
 ```typescript
 import {
@@ -58,32 +58,32 @@ import {
   isObject,
   isFunction,
   isNull,
-  isUndefined
+  isUndefined,
 } from '@pivanov/utils/assertion';
 
-// Type Guards with TypeScript type narrowing
-isString('hello');     // type narrowed to string
-isNumber(123);        // type narrowed to number
-isBoolean(true);      // type narrowed to boolean
-isObject({});         // type narrowed to object
-isFunction(() => {}); // type narrowed to function
-isNull(null);         // type narrowed to null
-isUndefined(void 0);  // type narrowed to undefined
-
-// Use in conditional checks
+// Type guards automatically narrow TypeScript types
 function processValue(value: unknown) {
   if (isString(value)) {
-    return value.toUpperCase(); // TypeScript knows value is string
+    return value.toUpperCase(); // TypeScript knows this is a string
   }
   if (isNumber(value)) {
-    return value.toFixed(2);    // TypeScript knows value is number
+    return value.toFixed(2); // TypeScript knows this is a number
   }
 }
+
+// Examples
+isString('hello'); // true
+isNumber(42); // true
+isBoolean(true); // true
+isObject({}); // true (plain objects only, not arrays)
+isFunction(() => {}); // true
+isNull(null); // true
+isUndefined(undefined); // true
 ```
 
-### Object Module
+### Object Utilities
 
-Type-safe object manipulation utilities.
+Immutable object manipulation with full type safety.
 
 ```typescript
 import { pick, omit, merge, deepMerge } from '@pivanov/utils/object';
@@ -98,8 +98,8 @@ omit(user, ['email']);
 // { name: 'John', age: 30 }
 
 // Shallow merge
-merge({ a: 1 }, { b: 2 });
-// { a: 1, b: 2 }
+merge({ a: 1, b: 2 }, { b: 3, c: 4 });
+// { a: 1, b: 3, c: 4 }
 
 // Deep merge with nested structures
 deepMerge(
@@ -109,24 +109,9 @@ deepMerge(
 // { user: { name: 'John', settings: { theme: 'dark', fontSize: 14 } } }
 ```
 
-### Promise Module
+### String Utilities
 
-Async utilities for better promise handling.
-
-```typescript
-import { sleep } from '@pivanov/utils/promise';
-
-// Pause execution for specified duration
-async function example() {
-  console.log('Start');
-  await sleep(1000); // Wait for 1 second
-  console.log('End');
-}
-```
-
-### String Module
-
-String manipulation utilities with TypeScript support.
+String transformation utilities with TypeScript template literal types support.
 
 ```typescript
 import {
@@ -136,234 +121,289 @@ import {
   slugify,
   capitalize,
   uncapitalize,
-  capitalizeFirstLetter
+  capitalizeFirstLetter,
 } from '@pivanov/utils/string';
 
 // Case transformations
-camelCase('foo-bar');      // 'fooBar'
-pascalCase('foo_bar');     // 'FooBar'
-kebabCase('fooBar');       // 'foo-bar'
-slugify('Hello World!');   // 'hello-world'
+camelCase('foo-bar'); // 'fooBar'
+camelCase('FOO_BAR'); // 'fooBar'
 
-// Capitalization with TypeScript support
-capitalize('hello');       // 'Hello' (with type Capitalize<'hello'>)
-uncapitalize('Hello');     // 'hello' (with type Uncapitalize<'Hello'>)
-capitalizeFirstLetter('hello world'); // 'Hello world'
-```
-
-### Tools Module
+pascalCase('foo-bar'); // 'FooBar'
+pascalCase('foo_bar_baz'); // 'FooBarBaz'
 
-Various utilities for DOM manipulation, event handling, and more.
+kebabCase('fooBar'); // 'foo-bar'
+kebabCase('XMLHttpRequest'); // 'xml-http-request'
 
-#### DOM Utilities
+slugify('Hello World!'); // 'hello-world'
+slugify('Über Café'); // 'uber-cafe'
 
-```typescript
-import { checkVisibility, setStyleProperties } from '@pivanov/utils/tools';
+// Capitalization with TypeScript support
+capitalize('hello'); // 'Hello' (type: Capitalize<'hello'>)
+uncapitalize('Hello'); // 'hello' (type: Uncapitalize<'Hello'>)
+capitalizeFirstLetter('hello world'); // 'Hello world'
+```
 
-// Check element visibility
-const isVisible = checkVisibility(element);
+**When to use each:**
 
-// Set CSS custom properties
-setStyleProperties(element, {
-  '--background-color': '#fff',
-  '--text-color': '#000'
-});
-```
+- `camelCase`: JavaScript/TypeScript variables and properties
+- `pascalCase`: Class names, React components, TypeScript types
+- `kebabCase`: CSS classes, HTML attributes, file names
+- `slugify`: URL slugs (more aggressive than kebabCase)
 
-#### Event Bus
+### Promise Utilities
 
-Type-safe event bus with React hooks support.
+Simple async utilities for better promise handling.
 
 ```typescript
-import { busDispatch, busSubscribe, useEventBus } from '@pivanov/utils/tools/eventBus';
-
-// Define your events interface
-interface Events {
-  'user-logged-in': { id: number; name: string };
-  'data-updated': { timestamp: number };
-}
+import { sleep } from '@pivanov/utils/promise';
 
-// React hook usage
-function Component() {
-  useEventBus('user-logged-in', (data) => {
-    console.log('User logged in:', data.name);
-  });
+async function example() {
+  console.log('Start');
+  await sleep(1000); // Wait 1 second
+  console.log('Done');
 }
-
-// Direct subscription
-const unsubscribe = busSubscribe('data-updated', (data) => {
-  console.log('Data updated at:', data.timestamp);
-});
-
-// Dispatch events
-busDispatch('user-logged-in', { id: 1, name: 'John' });
 ```
 
-#### Deep Clone & Equality
+### Deep Clone & Equality
+
+High-performance deep cloning and comparison with circular reference handling.
 
 ```typescript
 import { deepClone, isEqual } from '@pivanov/utils/tools';
 
-// Deep clone with circular reference handling
+// Deep clone complex structures
 const original = {
   nested: { array: [1, 2, { value: 3 }] },
   date: new Date(),
-  circular: {} as any
+  map: new Map([['key', 'value']]),
+  set: new Set([1, 2, 3]),
+  circular: {} as any,
 };
-original.circular = original;
+original.circular = original; // Circular reference
+
 const cloned = deepClone(original);
+// Fully independent copy with circular references preserved
 
 // Deep equality comparison
 isEqual({ a: [1, 2, 3] }, { a: [1, 2, 3] }); // true
 isEqual(new Date('2024-01-01'), new Date('2024-01-01')); // true
 isEqual([1, 2, [3, 4]], [1, 2, [3, 4]]); // true
+isEqual(new Set([1, 2]), new Set([2, 1])); // false (Sets maintain order)
 ```
 
-#### Cache API
+**Supported types:**
 
-Browser-safe cache utilities with TypeScript support.
+- Primitives (string, number, boolean, null, undefined, symbol, bigint)
+- Arrays (including sparse arrays)
+- Plain objects (with getters/setters)
+- Date, RegExp, Map, Set
+- TypedArrays, ArrayBuffer, Buffer
+- Circular references
+
+### Event Bus
+
+Type-safe, lightweight event bus with React hooks support.
 
 ```typescript
-import { CacheAPI } from '@pivanov/utils/tools/cache-api';
+import { busDispatch, busSubscribe, useEventBus } from '@pivanov/utils/tools';
 
-// Initialize cache
-const cache = new CacheAPI('my-cache');
+// Define your application events (optional but recommended)
+type AppEvents = {
+  'user-logged-in': { id: number; name: string };
+  'data-updated': { timestamp: number };
+  'notification': { message: string; type: 'info' | 'error' };
+};
 
-// Store data with expiration
-await cache.set('user-data', { name: 'John' }, {
-  expireIn: '1h' // Supports: 's' (seconds), 'm' (minutes), 'h' (hours), 'd' (days)
-});
+// React hook usage (auto-unsubscribes on unmount)
+function UserProfile() {
+  useEventBus<AppEvents>('user-logged-in', (data) => {
+    console.log(`Welcome ${data.name}!`);
+  });
 
-// Retrieve data
-const userData = await cache.get('user-data');
+  return <div>Profile</div>;
+}
 
-// Check if data exists and is not expired
-const exists = await cache.has('user-data');
+// Vanilla JavaScript usage
+const unsubscribe = busSubscribe<AppEvents>('data-updated', (data) => {
+  console.log('Updated at:', data.timestamp);
+});
 
-// Remove data
-await cache.delete('user-data');
+// Later: cleanup
+unsubscribe();
 
-// Clear all cache
-await cache.clear();
+// Dispatch events anywhere in your app
+busDispatch<AppEvents>('user-logged-in', { id: 1, name: 'John' });
+busDispatch<AppEvents>('notification', {
+  message: 'Settings saved',
+  type: 'info',
+});
 ```
 
-#### React to Web Components (r2wc)
+**Features:**
+
+- Fully type-safe with TypeScript
+- Works across React and vanilla JavaScript
+- Automatic cleanup with React hook
+- Uses hashed topic names to avoid collisions
+- Zero dependencies
 
-A utility to convert React components into standalone Web Components that can be used in any application.
+### Browser Cache API
 
-##### Creating a Widget
+Type-safe wrapper around the browser Cache API with expiration support.
 
-Create a single file for your widget (e.g., `sparkline-widget.ts`):
 ```typescript
-import { registerWidget } from '@pivanov/utils';
+import {
+  storageSetItem,
+  storageGetItem,
+  storageRemoveItem,
+  storageExists,
+  storageClear,
+  storageClearByPrefixOrSuffix,
+  storageGetAllKeys,
+  storageCalculateSize,
+} from '@pivanov/utils/tools';
+
+const CACHE_NAME = 'my-app-cache';
+
+// Store data
+await storageSetItem(CACHE_NAME, 'user-data', {
+  id: 1,
+  name: 'John',
+  bigNumber: BigInt(9007199254740991), // BigInt support!
+});
 
-// Your React component
-const SparklineChart = ({ values, color }) => (
-  <div className="sparkline">
-    {/* Your chart implementation */}
-  </div>
+// Retrieve data
+const userData = await storageGetItem<{ id: number; name: string }>(
+  CACHE_NAME,
+  'user-data'
 );
 
-// Register the widget with optional configuration
-registerWidget({
-  name: 'sparkline',
-  component: SparklineChart,
-  styles: [
-    'https://cdn.example.com/styles/sparkline.css',  // Optional: CSS files to load
-  ],
-  svgSpritePath: 'https://cdn.example.com/icons/sprite.svg', // Optional: SVG sprite path
-});
+// Check existence
+const exists = await storageExists(CACHE_NAME, 'user-data');
+
+// Remove specific item
+await storageRemoveItem(CACHE_NAME, 'user-data');
+
+// Get all keys
+const keys = await storageGetAllKeys(CACHE_NAME);
+
+// Clear items by prefix
+await storageClearByPrefixOrSuffix(CACHE_NAME, 'temp-', true);
+
+// Clear items by suffix
+await storageClearByPrefixOrSuffix(CACHE_NAME, '-cache', false);
+
+// Calculate cache size (in bytes)
+const totalSize = await storageCalculateSize(CACHE_NAME);
+const itemSize = await storageCalculateSize(CACHE_NAME, 'user-data');
+
+// Clear all cache
+await storageClear(CACHE_NAME);
 ```
 
-##### Using in React Applications
+**Features:**
+
+- Automatic JSON serialization/deserialization
+- BigInt support (automatically converted to strings)
+- Type-safe with generics
+- Works with absolute URLs as keys
+- Size calculation utilities
+
+### DOM Utilities
+
+Browser-safe DOM manipulation helpers.
 
 ```typescript
-import { importWidgets } from '@pivanov/utils';
-import { createRoot } from 'react-dom/client';
-import { App } from './app';
-
-// Load widgets ... we need to do this once
-void importWidgets([
-  'https://cdn.example.com/widgets/sparkline.js'
-]);
-
-const container = document.getElementById('root');
-if (container) {
-  createRoot(container).render(<App />);
+import {
+  isBrowser,
+  checkVisibility,
+  setStyleProperties,
+  calculateRenderedTextWidth,
+} from '@pivanov/utils/tools';
+
+// Check if running in browser (SSR-safe)
+if (isBrowser()) {
+  // Browser-only code
+  window.addEventListener('scroll', handleScroll);
 }
 
-...
+// Check element visibility in viewport
+const element = document.querySelector('.my-element') as HTMLElement;
+if (checkVisibility(element)) {
+  element.classList.add('visible');
+}
 
-// Then use the widgets as React components
-<WidgetComponent
-  name="sparkline"
-  widgetProps={{ color: 'green', values: [1, 2, 3, 4, 5] }}
-/>
-```
+// Set CSS custom properties
+setStyleProperties(element, {
+  '--primary-color': '#3b82f6',
+  '--spacing': '1rem',
+  '--border-radius': '8px',
+});
 
-##### Using in Plain HTML
-
-```html
-<!DOCTYPE html>
-<html>
-<head>
-  <script type="module">
-    import { importWidgets, renderWidget } from 'https://esm.sh/@pivanov/utils';
-
-    void importWidgets([
-      'https://cdn.example.com/widgets/sparkline.js'
-    ]);
-
-    renderWidget({
-      name: 'sparkline',
-      mountTo: document.getElementById('sparkline'),
-      widgetProps: {
-        color: 'green',
-        values: [1, 2, 3, 4, 5]
-      }
-    });
-  </script>
-</head>
-<body>
-  <div id="sparkline"></div>
-</body>
-</html>
+// Calculate text width for dynamic layouts
+const width = calculateRenderedTextWidth('Hello World', 16);
+const widthUppercase = calculateRenderedTextWidth('Hello World', 16, true);
+const widthCustomFont = calculateRenderedTextWidth(
+  'Hello World',
+  16,
+  false,
+  'Arial'
+);
 ```
 
-Key Features:
-- Single-file widget definition
-- Automatic CSS and SVG sprite loading
-- ESM support for browser and bundler usage
-- TypeScript support with proper type inference
-- Works in both React and plain HTML environments
-
-### Tree Shaking
+## Tree Shaking
 
-Import specific utilities to minimize bundle size:
+Import only what you need to minimize bundle size:
 
 ```typescript
-// Import only what you need
+// ✅ Good: Import specific utilities
 import { camelCase } from '@pivanov/utils/string';
 import { deepClone } from '@pivanov/utils/tools';
-import { isString } from '@pivanov/utils/assertion';
+
+// ❌ Avoid: Importing everything
+import * as utils from '@pivanov/utils';
 ```
 
-### TypeScript Integration
+## TypeScript Support
 
-All utilities are written in TypeScript and provide excellent type inference:
+All utilities provide excellent type inference:
 
 ```typescript
 import { pick } from '@pivanov/utils/object';
+import { capitalize } from '@pivanov/utils/string';
+
+// TypeScript infers exact types
+const user = { name: 'John', age: 30, email: 'john@example.com' } as const;
+const picked = pick(user, ['name', 'email']);
+// Type: { name: "John"; email: "john@example.com" }
+
+const str = 'hello' as const;
+const capitalized = capitalize(str);
+// Type: "Hello"
+```
 
-// TypeScript will infer correct types
-const user = { name: 'John', age: 30 } as const;
-const picked = pick(user, ['name']); // Type: { name: "John" }
+## Module Overview
+
+```text
+@pivanov/utils
+├── /assertion    - Type guards (isString, isNumber, etc.)
+├── /object       - Object utilities (pick, omit, merge, deepMerge)
+├── /promise      - Async utilities (sleep)
+├── /string       - String utilities (camelCase, kebabCase, etc.)
+└── /tools        - Various tools
+    ├── deepClone
+    ├── isEqual
+    ├── DOM utilities (isBrowser, checkVisibility, etc.)
+    ├── eventBus (busDispatch, busSubscribe, useEventBus)
+    └── Cache API (storageSetItem, storageGetItem, etc.)
 ```
 
-## Contributing
+## Browser Compatibility
 
-Contributions are welcome! Please read our [Contributing Guide](CONTRIBUTING.md) for details.
+- Modern browsers with ES2015+ support
+- Cache API requires browser support (Chrome 40+, Firefox 41+, Safari 11.1+)
+- SSR-safe with browser environment detection
 
 ## License
 
-MIT © Pavel Ivanov
+MIT © [Pavel Ivanov](https://github.com/pivanov)

package/dist/cjs/index.js

@@ -1,7 +1,7 @@
 /*!
- * @pivanov/utils v0.0.2
+ * @pivanov/utils v0.0.3
  * (c) 2024-present Pavel Ivanov
  * Released under the MIT License.
  * https://github.com/pivanov/utils
  */
-"use strict";var e=require("react"),t=require("react/jsx-runtime"),r=require("react-dom/client");const n=e=>{if(null===e||"object"!=typeof e)return!1;const t=Object.getPrototypeOf(e);return t===Object.prototype||null===t},o=(e,...t)=>{if(!t.length)return e;const r=t.shift();if(void 0===r)return e;if(n(e)&&n(r))for(const t of Object.keys(r)){const s=r[t];if(n(s)){e[t]||Object.assign(e,{[t]:{}});const r=e[t];n(r)&&o(r,s)}else Object.assign(e,{[t]:s})}return o(e,...t)},s=(e,t)=>"bigint"==typeof t?t.toString():t,i=e=>`${((e,t="🚀")=>{let r=0;const n=e+t;for(let e=0;e<n.length;e++)r=(r<<5)-r+n.charCodeAt(e),r|=0;return(r>>>0).toString(16)})(e)}::${e}`,a=(e,t)=>{if(!e)return;const r=i(e);window.dispatchEvent(new CustomEvent(r,{detail:t,bubbles:!0,cancelable:!1}))},c=(e,t)=>{if(!e||"function"!=typeof t)return()=>{};const r=(e=>t=>{if(t instanceof CustomEvent)try{e(t.detail)}catch(e){console.error("Event listener error:",e)}})(t),n=i(e);return window.addEventListener(n,r),()=>window.removeEventListener(n,r)},l=(e,n,o={},s)=>{const i=class extends HTMLElement{constructor(){super();let e=Array.from(document.styleSheets).find((e=>e instanceof CSSStyleSheet&&!e.disabled));if(!e){const t=document.createElement("style");document.head.appendChild(t),e=t.sheet}Array.from(e.cssRules).find((e=>e.selectorText===`${this.tagName.toLowerCase()}`))||e.insertRule(`${this.tagName.toLowerCase()} { display: inline-flex; }`,e.cssRules.length);const t=o.shadow||(s?.length?"open":"closed");if(!o.shadow&&s?.length&&console.info("@@@ Styles are provided but shadowDOM is not enabled"),this.container=t?this.attachShadow({mode:t}):this,s&&t){const e=document.createElement("style");e.textContent=s.join("\n"),this.container.appendChild(e)}}connectedCallback(){this.root||(this.root=r.createRoot(this.container),this.subscribeToEvents())}disconnectedCallback(){this.root&&this.root.unmount()}subscribeToEvents(){c("@@-widget-create",(e=>{const{widgetProps:t,cacheKey:r}=e;this.cacheKey||r!==`${this.tagName.toLowerCase().replace("widget-","")}-${this.uuid}`||(this.cacheKey=r,this.mountComponent(t))})),c("@@-widget-update",(e=>{const{widgetProps:t,cacheKey:r}=e;this.cacheKey===r&&r===`${this.tagName.toLowerCase().replace("widget-","")}-${this.uuid}`&&a("@@-widget-update-props",{widgetProps:t,uuid:this.uuid})}))}mountComponent(e){this.root&&e&&this.root.render(t.jsx(n,{...e,container:this.container,root:this}))}};return customElements.get(e)||customElements.define(e,i),i},f=e.memo((r=>{const{name:n,uuid:o}=r,s=e.useRef(),i=`widget-${n}`;return e.useEffect((()=>{s.current&&(s.current.uuid=o)}),[o]),"string"==typeof o&&o.length?t.jsx(i,{ref:s}):null}),(()=>!0)),u=r=>{const{name:n,uuid:o,widgetProps:s}=r,i=e.useRef(!1),l=o?.trim()||crypto.randomUUID().replace(/-/g,"").slice(0,6),u=n.trim().toLowerCase(),p=`${u}-${l}`,d=!!u.length&&!!l.length;return e.useEffect((()=>{d&&i.current&&a("@@-widget-update",{widgetName:u,widgetProps:s,cacheKey:p})}),[s,l,u,d,p]),c("@@-widgets-loaded",(()=>{i.current=!0,a("@@-widget-create",{widgetName:u,widgetProps:s,cacheKey:p})})),d?t.jsx(f,{name:u,uuid:l}):(console.warn("Invalid widget!",u),null)},p=t=>{const{root:r,container:n,svgSpritePath:o,children:s}=t,[i,a]=e.useState(!1),[l,f]=e.useState();return e.useEffect((()=>{o?(async e=>{try{const t=await fetch(`${e}`);if(!t.ok)throw new Error(`Failed to fetch SVG: ${t.statusText}`);const r=await t.text(),n=(new DOMParser).parseFromString(r,"image/svg+xml");if(n.querySelector("parsererror"))throw new Error("SVG parsing failed");const o=n.documentElement;return o.setAttribute("xmlns","http://www.w3.org/2000/svg"),o.removeAttribute("id"),o}catch(e){return console.error("Error generating SVG sprite:",e),null}})(o).then((async e=>{n&&e&&n.appendChild(e),a(!0)})):a(!0)}),[]),c("@@-widget-update-props",(e=>{const{widgetProps:t,uuid:n}=e;r.uuid===n&&f(t)})),i?e.cloneElement(s,{...l,key:performance.now()}):null},d=(e,t)=>{if(null===e||"object"!=typeof e)return e;const r=t.get(e);if(r)return r;if(Array.isArray(e)){const r=e.length;if(r<32){const n=new Array(r);t.set(e,n);for(let o=0;o<r;o++)o in e&&(n[o]=d(e[o],t));return n}const n=new Array(r);if(t.set(e,n),Object.keys(e).length===r){let o=0;const s=r-r%8;for(;o<s;)n[o]=d(e[o],t),n[o+1]=d(e[o+1],t),n[o+2]=d(e[o+2],t),n[o+3]=d(e[o+3],t),n[o+4]=d(e[o+4],t),n[o+5]=d(e[o+5],t),n[o+6]=d(e[o+6],t),n[o+7]=d(e[o+7],t),o+=8;for(;o<r;)n[o]=d(e[o],t),o++}else for(let o=0;o<r;o++)o in e&&(n[o]=d(e[o],t));return n}if(e instanceof Date||e instanceof RegExp){return new(0,e.constructor)(e)}if("undefined"!=typeof Buffer)try{if(Buffer.isBuffer(e))return Buffer.from(e)}catch(e){if(e instanceof Error)throw e}if(ArrayBuffer.isView(e)){const t=e.constructor;if("buffer"in e){const r=e;return new t(r.buffer.slice(r.byteOffset,r.byteOffset+r.byteLength))}return new t(new ArrayBuffer(e.byteLength))}if(e instanceof ArrayBuffer)return e.slice(0);if(e&&"object"==typeof e&&"buffer"in e&&"byteLength"in e){const t=e;if("undefined"==typeof Buffer){const e=new Uint8Array(t.buffer,t.byteOffset||0,t.byteLength),r=new Uint8Array(e.length);return r.set(e),r}return{buffer:t.buffer instanceof ArrayBuffer?t.buffer.slice(0):new ArrayBuffer(t.byteLength),byteLength:t.byteLength,byteOffset:t.byteOffset||0,length:t.length||t.byteLength,BYTES_PER_ELEMENT:t.BYTES_PER_ELEMENT||1}}if(e instanceof Set){const r=new Set;t.set(e,r);const n=Array.from(e),o=n.length;for(let e=0;e<o;e++)r.add(d(n[e],t));return r}if(e instanceof Map){const r=new Map;t.set(e,r);const n=Array.from(e),o=n.length;for(let e=0;e<o;e++){const[o,s]=n[e];r.set(o,d(s,t))}return r}if(Object.getPrototypeOf(e)===Object.prototype){const r={};t.set(e,r);const n=Object.getOwnPropertySymbols(e),o=n.length;if(o>0)for(let t=0;t<o;t++){const o=n[t],s=Object.getOwnPropertyDescriptor(e,o);s?.enumerable&&Object.defineProperty(r,o,s)}const s=Object.getOwnPropertyDescriptors(e),i=Object.keys(e),a=i.length;let c=!1;for(let e=0;e<a;e++){const t=s[i[e]];if(t.get||t.set){c=!0;break}}if(c)for(let e=0;e<a;e++){const n=i[e],o=s[n];if(o.enumerable)if(o.get||o.set)Object.defineProperty(r,n,o);else{const e=d(o.value,t);Object.defineProperty(r,n,{...o,value:e})}}else{let n=0;const o=a-a%8;for(;n<o;){const o=i[n],s=i[n+1],a=i[n+2],c=i[n+3],l=i[n+4],f=i[n+5],u=i[n+6],p=i[n+7],g=e;r[o]=d(g[o],t),r[s]=d(g[s],t),r[a]=d(g[a],t),r[c]=d(g[c],t),r[l]=d(g[l],t),r[f]=d(g[f],t),r[u]=d(g[u],t),r[p]=d(g[p],t),n+=8}for(;n<a;){const o=i[n++];r[o]=d(e[o],t)}}return r}const n=Object.getPrototypeOf(e),o=Object.create(n);t.set(e,o);const s=Object.getOwnPropertyDescriptors(e),i=Object.keys(s),a=i.length;for(let e=0;e<a;e++){const r=i[e],n=s[r];if(n.enumerable)if(n.get||n.set)Object.defineProperty(o,r,n);else{const e=d(n.value,t);Object.defineProperty(o,r,{...n,value:e})}}const c=Object.getOwnPropertySymbols(e),l=c.length;for(let t=0;t<l;t++){const r=c[t],n=Object.getOwnPropertyDescriptor(e,r);n?.enumerable&&Object.defineProperty(o,r,n)}return o},g=(e,t)=>{if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(Array.isArray(e)&&Array.isArray(t)){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(!g(e[r],t[r]))return!1;return!0}if(e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(const r of e)if(!t.has(r))return!1;return!0}if(e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(const[r,n]of e)if(!t.has(r)||!g(n,t.get(r)))return!1;return!0}if(null!==e&&"object"==typeof e&&!Array.isArray(e)&&null!==t&&"object"==typeof t&&!Array.isArray(t)){const r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return!1;for(const n of r)if(!g(e[n],t[n]))return!1;return!0}return e===t};exports.WidgetComponent=u,exports.busDispatch=a,exports.busSubscribe=c,exports.calculateRenderedTextWidth=(e,t,r=!1,n='Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"')=>{const o=r?e.toUpperCase():e,s=document.createElement("canvas").getContext("2d");return s.font=`${t}px ${n}`,s.measureText(o).width},exports.camelCase=e=>e.trim().toLowerCase().replace(/^[-_\s]+/,"").replace(/[-_\s]+(.)?/g,((e,t)=>t?t.toUpperCase():"")),exports.capitalize=e=>e.charAt(0).toUpperCase()+e.slice(1),exports.capitalizeFirstLetter=e=>e.charAt(0).toUpperCase()+e.slice(1),exports.checkVisibility=e=>{const t=e.getBoundingClientRect(),r=Math.max(document.documentElement.clientHeight,window.innerHeight);return!(t.bottom<0||t.top-r>=0)},exports.deepClone=e=>d(e,new WeakMap),exports.deepMerge=o,exports.importWidgets=async e=>{const t=e.filter((e=>e?.length&&!document.querySelector(`script[src="${e}"]`)));(await Promise.allSettled(t.map((e=>(async e=>new Promise(((t,r)=>{const n=document.createElement("script");n.onload=()=>{t(!0)},n.onerror=()=>{const t=new Error(`Failed to load script: ${e}`);r(t)},n.type="module",n.src=e,document.head.appendChild(n)})))(e))))).forEach(((e,r)=>{"rejected"===e.status&&console.error(`Failed to load widget script ${t[r]}:`,e.reason)})),a("@@-widgets-loaded",!0)},exports.isBoolean=e=>"boolean"==typeof e,exports.isBrowser=()=>"undefined"!=typeof window,exports.isEqual=g,exports.isFunction=e=>"function"==typeof e,exports.isNull=e=>null===e,exports.isNumber=e=>"number"==typeof e,exports.isObject=n,exports.isString=e=>"string"==typeof e,exports.isUndefined=e=>void 0===e,exports.kebabCase=e=>null==e?e:e.normalize("NFKD").replace(/\p{Diacritic}/gu,"").replace(/[^\w\s-]/g," ").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z][a-z])/g,"$1-$2").replace(/[-_\s]+/g,"-").toLowerCase().replace(/^-+|-+$/g,"").trim(),exports.merge=(e,...t)=>Object.assign(e,...t),exports.omit=(e,t)=>t.reduce(((e,t)=>(delete e[t],e)),{...e}),exports.pascalCase=e=>e.split(/(?=[0-9])|(?<=[0-9])|[^a-zA-Z0-9]+/g).filter(Boolean).map((e=>e.toLowerCase())).map((e=>`${e.charAt(0).toUpperCase()}${e.slice(1)}`)).join(""),exports.pick=(e,t)=>{const r={};for(const n of t)n in e&&(r[n]=e[n]);return r},exports.r2wc=l,exports.registerWidget=e=>{const{name:r,styles:n,component:o,svgSpritePath:s}=e;return l(`widget-${r}`,(e=>{const{root:n,container:i,...a}=e;return t.jsx(p,{container:i,root:n,svgSpritePath:s,children:t.jsx(o,{...a,name:r})})}),{shadow:"open"},n)},exports.renderWidget=e=>{const{name:n,uuid:o,mountTo:s,widgetProps:i}=e,a=o?.trim()||crypto.randomUUID().replace(/-/g,"").slice(0,6),c=n.trim().toLowerCase();!!c.length&&!!a.length&&s&&s instanceof HTMLElement&&r.createRoot(s).render(t.jsx(u,{name:c,uuid:a,widgetProps:i}))},exports.setStyleProperties=(e,t)=>{if(e)for(const[r,n]of Object.entries(t))e.style.setProperty(r,n)},exports.sleep=e=>new Promise((t=>{setTimeout(t,e)})),exports.slugify=e=>e.normalize("NFKD").toLowerCase().trim().replace(/[^\w\s-]/g,"").replace(/[-\s_]+/g,"-").replace(/^-+|-+$/g,""),exports.storageCalculateSize=async(e,t)=>{const r=await caches.open(e);if(t){const e=await r.match(t);if(e){const t=e.clone();return(await t.arrayBuffer()).byteLength}return 0}const n=await r.keys();let o=0;for(const e of n){const t=await r.match(e);if(t){const e=t.clone();o+=(await e.arrayBuffer()).byteLength}}return o},exports.storageClear=async e=>{const t=await caches.open(e),r=await t.keys();for(const e of r)await t.delete(e)},exports.storageClearByPrefixOrSuffix=async(e,t,r=!0)=>{const n=await caches.open(e),o=await n.keys();for(const e of o){const o=e.url.split("/"),s=o[o.length-1]||"";(r&&s.startsWith(t)||!r&&s.endsWith(t))&&await n.delete(e)}},exports.storageExists=async(e,t)=>{const r=await caches.open(e);return void 0!==await r.match(t)},exports.storageGetAllKeys=async e=>{const t=await caches.open(e);return(await t.keys()).map((e=>{const t=e.url.split("/");return t[t.length-1]||""}))},exports.storageGetItem=async(e,t)=>{const r=await caches.open(e),n=await r.match(t);if(!n)return null;const o=await n.text();return JSON.parse(o)},exports.storageRemoveItem=async(e,t)=>{const r=await caches.open(e);return await r.delete(t)},exports.storageSetItem=async(e,t,r)=>{const n=await caches.open(e),o=JSON.stringify(r,s),i=new Response(o,{headers:{"Content-Type":"application/json"}});await n.put(t,i)},exports.stringifyBigIntValues=s,exports.uncapitalize=e=>e.charAt(0).toLowerCase()+e.slice(1),exports.useEventBus=(t,r,n=[])=>{e.useEffect((()=>{if(t&&"function"==typeof r)return c(t,r)}),[t,r,...n])};
+"use strict";var e=require("react");const t=e=>{if(null===e||"object"!=typeof e)return!1;const t=Object.getPrototypeOf(e);return t===Object.prototype||null===t},r=(e,...n)=>{if(!n.length)return e;const s=n.shift();if(void 0===s)return e;if(t(e)&&t(s))for(const n of Object.keys(s)){const o=s[n];if(t(o)){e[n]||Object.assign(e,{[n]:{}});const s=e[n];t(s)&&r(s,o)}else Object.assign(e,{[n]:o})}return r(e,...n)},n=(e,t)=>"bigint"==typeof t?t.toString():t,s=e=>e.startsWith("http://")||e.startsWith("https://")?e:`https://cache.internal/${e}`,o=e=>`${((e,t="🚀")=>{let r=0;const n=e+t;for(let e=0;e<n.length;e++)r=(r<<5)-r+n.charCodeAt(e),r|=0;return(r>>>0).toString(16)})(e)}::${e}`,i=(e,t)=>{if(!e||"function"!=typeof t)return()=>{};const r=(e=>t=>{if(t instanceof CustomEvent)try{e(t.detail)}catch(e){console.error("Event listener error:",e)}})(t),n=o(e);return window.addEventListener(n,r),()=>window.removeEventListener(n,r)},a=(e,t)=>{if(null===e||"object"!=typeof e)return e;const r=t.get(e);if(r)return r;if(Array.isArray(e)){const r=e.length;if(r<32){const n=new Array(r);t.set(e,n);for(let s=0;s<r;s++)s in e&&(n[s]=a(e[s],t));return n}const n=new Array(r);if(t.set(e,n),Object.keys(e).length===r){let s=0;const o=r-r%8;for(;s<o;)n[s]=a(e[s],t),n[s+1]=a(e[s+1],t),n[s+2]=a(e[s+2],t),n[s+3]=a(e[s+3],t),n[s+4]=a(e[s+4],t),n[s+5]=a(e[s+5],t),n[s+6]=a(e[s+6],t),n[s+7]=a(e[s+7],t),s+=8;for(;s<r;)n[s]=a(e[s],t),s++}else for(let s=0;s<r;s++)s in e&&(n[s]=a(e[s],t));return n}if(e instanceof Date||e instanceof RegExp){return new(0,e.constructor)(e)}if("undefined"!=typeof Buffer)try{if(Buffer.isBuffer(e))return Buffer.from(e)}catch(e){if(e instanceof Error)throw e}if(ArrayBuffer.isView(e)){const t=e.constructor;if("buffer"in e){const r=e;return new t(r.buffer.slice(r.byteOffset,r.byteOffset+r.byteLength))}return new t(new ArrayBuffer(e.byteLength))}if(e instanceof ArrayBuffer)return e.slice(0);if(e&&"object"==typeof e&&"buffer"in e&&"byteLength"in e){const t=e;if("undefined"==typeof Buffer){const e=new Uint8Array(t.buffer,t.byteOffset||0,t.byteLength),r=new Uint8Array(e.length);return r.set(e),r}return{buffer:t.buffer instanceof ArrayBuffer?t.buffer.slice(0):new ArrayBuffer(t.byteLength),byteLength:t.byteLength,byteOffset:t.byteOffset||0,length:t.length||t.byteLength,BYTES_PER_ELEMENT:t.BYTES_PER_ELEMENT||1}}if(e instanceof Set){const r=new Set;t.set(e,r);const n=Array.from(e),s=n.length;for(let e=0;e<s;e++)r.add(a(n[e],t));return r}if(e instanceof Map){const r=new Map;t.set(e,r);const n=Array.from(e),s=n.length;for(let e=0;e<s;e++){const[s,o]=n[e];r.set(s,a(o,t))}return r}if(Object.getPrototypeOf(e)===Object.prototype){const r={};t.set(e,r);const n=Object.getOwnPropertySymbols(e),s=n.length;if(s>0)for(let t=0;t<s;t++){const s=n[t],o=Object.getOwnPropertyDescriptor(e,s);o?.enumerable&&Object.defineProperty(r,s,o)}const o=Object.getOwnPropertyDescriptors(e),i=Object.keys(e),c=i.length;let f=!1;for(let e=0;e<c;e++){const t=o[i[e]];if(t.get||t.set){f=!0;break}}if(f)for(let e=0;e<c;e++){const n=i[e],s=o[n];if(s.enumerable)if(s.get||s.set)Object.defineProperty(r,n,s);else{const e=a(s.value,t);Object.defineProperty(r,n,{...s,value:e})}}else{let n=0;const s=c-c%8;for(;n<s;){const s=i[n],o=i[n+1],c=i[n+2],f=i[n+3],l=i[n+4],p=i[n+5],u=i[n+6],y=i[n+7],g=e;r[s]=a(g[s],t),r[o]=a(g[o],t),r[c]=a(g[c],t),r[f]=a(g[f],t),r[l]=a(g[l],t),r[p]=a(g[p],t),r[u]=a(g[u],t),r[y]=a(g[y],t),n+=8}for(;n<c;){const s=i[n++];r[s]=a(e[s],t)}}return r}const n=Object.getPrototypeOf(e),s=Object.create(n);t.set(e,s);const o=Object.getOwnPropertyDescriptors(e),i=Object.keys(o),c=i.length;for(let e=0;e<c;e++){const r=i[e],n=o[r];if(n.enumerable)if(n.get||n.set)Object.defineProperty(s,r,n);else{const e=a(n.value,t);Object.defineProperty(s,r,{...n,value:e})}}const f=Object.getOwnPropertySymbols(e),l=f.length;for(let t=0;t<l;t++){const r=f[t],n=Object.getOwnPropertyDescriptor(e,r);n?.enumerable&&Object.defineProperty(s,r,n)}return s},c=(e,t)=>{if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(Array.isArray(e)&&Array.isArray(t)){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(!c(e[r],t[r]))return!1;return!0}if(e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(const r of e)if(!t.has(r))return!1;return!0}if(e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(const[r,n]of e)if(!t.has(r)||!c(n,t.get(r)))return!1;return!0}if(null!==e&&"object"==typeof e&&!Array.isArray(e)&&null!==t&&"object"==typeof t&&!Array.isArray(t)){const r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return!1;for(const n of r)if(!c(e[n],t[n]))return!1;return!0}return e===t};exports.busDispatch=(e,t)=>{if(!e)return;const r=o(e);window.dispatchEvent(new CustomEvent(r,{detail:t,bubbles:!0,cancelable:!1}))},exports.busSubscribe=i,exports.calculateRenderedTextWidth=(e,t,r=!1,n='Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"')=>{const s=r?e.toUpperCase():e,o=document.createElement("canvas").getContext("2d");return o.font=`${t}px ${n}`,o.measureText(s).width},exports.camelCase=e=>e.trim().toLowerCase().replace(/^[-_\s]+/,"").replace(/[-_\s]+(.)?/g,((e,t)=>t?t.toUpperCase():"")),exports.capitalize=e=>e.charAt(0).toUpperCase()+e.slice(1),exports.capitalizeFirstLetter=e=>e.charAt(0).toUpperCase()+e.slice(1),exports.checkVisibility=e=>{const t=e.getBoundingClientRect(),r=Math.max(document.documentElement.clientHeight,window.innerHeight);return!(t.bottom<0||t.top-r>=0)},exports.deepClone=e=>a(e,new WeakMap),exports.deepMerge=r,exports.isBoolean=e=>"boolean"==typeof e,exports.isBrowser=()=>"undefined"!=typeof window,exports.isEqual=c,exports.isFunction=e=>"function"==typeof e,exports.isNull=e=>null===e,exports.isNumber=e=>"number"==typeof e,exports.isObject=t,exports.isString=e=>"string"==typeof e,exports.isUndefined=e=>void 0===e,exports.kebabCase=e=>null==e?e:e.normalize("NFKD").replace(/\p{Diacritic}/gu,"").replace(/[^\w\s-]/g," ").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z][a-z])/g,"$1-$2").replace(/[-_\s]+/g,"-").toLowerCase().replace(/^-+|-+$/g,"").trim(),exports.merge=(e,...t)=>Object.assign(e,...t),exports.omit=(e,t)=>t.reduce(((e,t)=>(delete e[t],e)),{...e}),exports.pascalCase=e=>e.split(/(?=[0-9])|(?<=[0-9])|[^a-zA-Z0-9]+/g).filter(Boolean).map((e=>e.toLowerCase())).map((e=>`${e.charAt(0).toUpperCase()}${e.slice(1)}`)).join(""),exports.pick=(e,t)=>{const r={};for(const n of t)n in e&&(r[n]=e[n]);return r},exports.setStyleProperties=(e,t)=>{if(e)for(const[r,n]of Object.entries(t))e.style.setProperty(r,n)},exports.sleep=e=>new Promise((t=>{setTimeout(t,e)})),exports.slugify=e=>e.normalize("NFKD").toLowerCase().trim().replace(/[^\w\s-]/g,"").replace(/[-\s_]+/g,"-").replace(/^-+|-+$/g,""),exports.storageCalculateSize=async(e,t)=>{const r=await caches.open(e);if(t){const e=s(t),n=await r.match(new Request(e));if(n){const e=n.clone();return(await e.arrayBuffer()).byteLength}return 0}const n=await r.keys();let o=0;for(const e of n){const t=await r.match(e);if(t){const e=t.clone();o+=(await e.arrayBuffer()).byteLength}}return o},exports.storageClear=async e=>{const t=await caches.open(e),r=await t.keys();for(const e of r)await t.delete(e)},exports.storageClearByPrefixOrSuffix=async(e,t,r=!0)=>{const n=await caches.open(e),s=await n.keys();for(const e of s){const s=e.url.split("/"),o=s[s.length-1]||"";(r&&o.startsWith(t)||!r&&o.endsWith(t))&&await n.delete(e)}},exports.storageExists=async(e,t)=>{const r=await caches.open(e),n=s(t);return void 0!==await r.match(new Request(n))},exports.storageGetAllKeys=async e=>{const t=await caches.open(e);return(await t.keys()).map((e=>{const t=e.url.split("/");return t[t.length-1]||""}))},exports.storageGetItem=async(e,t)=>{const r=await caches.open(e),n=s(t),o=await r.match(new Request(n));if(!o)return null;const i=await o.text();return JSON.parse(i)},exports.storageRemoveItem=async(e,t)=>{const r=await caches.open(e),n=s(t);return await r.delete(new Request(n))},exports.storageSetItem=async(e,t,r)=>{const o=await caches.open(e),i=JSON.stringify(r,n),a=new Response(i,{headers:{"Content-Type":"application/json"}}),c=s(t);await o.put(new Request(c),a)},exports.stringifyBigIntValues=n,exports.uncapitalize=e=>e.charAt(0).toLowerCase()+e.slice(1),exports.useEventBus=(t,r,n=[])=>{e.useEffect((()=>{if(t&&"function"==typeof r)return i(t,r)}),[t,r,...n])};

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 /*!
- * @pivanov/utils v0.0.2
+ * @pivanov/utils v0.0.3
  * (c) 2024-present Pavel Ivanov
  * Released under the MIT License.
  * https://github.com/pivanov/utils
  */
-import{useEffect as e,memo as t,useRef as r,useState as n,cloneElement as o}from"react";import{jsx as s}from"react/jsx-runtime";import{createRoot as i}from"react-dom/client";const c=e=>"boolean"==typeof e,a=e=>"number"==typeof e,f=e=>"string"==typeof e,l=e=>"function"==typeof e,u=e=>{if(null===e||"object"!=typeof e)return!1;const t=Object.getPrototypeOf(e);return t===Object.prototype||null===t},p=e=>void 0===e,d=e=>null===e,h=(e,t)=>t.reduce(((e,t)=>(delete e[t],e)),{...e}),g=(e,t)=>{const r={};for(const n of t)n in e&&(r[n]=e[n]);return r},y=(e,...t)=>Object.assign(e,...t),w=(e,...t)=>{if(!t.length)return e;const r=t.shift();if(void 0===r)return e;if(u(e)&&u(r))for(const t of Object.keys(r)){const n=r[t];if(u(n)){e[t]||Object.assign(e,{[t]:{}});const r=e[t];u(r)&&w(r,n)}else Object.assign(e,{[t]:n})}return w(e,...t)},m=e=>new Promise((t=>{setTimeout(t,e)})),b=e=>e.trim().toLowerCase().replace(/^[-_\s]+/,"").replace(/[-_\s]+(.)?/g,((e,t)=>t?t.toUpperCase():"")),O=e=>e.split(/(?=[0-9])|(?<=[0-9])|[^a-zA-Z0-9]+/g).filter(Boolean).map((e=>e.toLowerCase())).map((e=>`${e.charAt(0).toUpperCase()}${e.slice(1)}`)).join(""),j=e=>e.charAt(0).toUpperCase()+e.slice(1),E=e=>null==e?e:e.normalize("NFKD").replace(/\p{Diacritic}/gu,"").replace(/[^\w\s-]/g," ").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z][a-z])/g,"$1-$2").replace(/[-_\s]+/g,"-").toLowerCase().replace(/^-+|-+$/g,"").trim(),A=e=>e.normalize("NFKD").toLowerCase().trim().replace(/[^\w\s-]/g,"").replace(/[-\s_]+/g,"-").replace(/^-+|-+$/g,""),P=e=>e.charAt(0).toUpperCase()+e.slice(1),C=e=>e.charAt(0).toLowerCase()+e.slice(1),S=(e,t)=>"bigint"==typeof t?t.toString():t,L=async(e,t,r)=>{const n=await caches.open(e),o=JSON.stringify(r,S),s=new Response(o,{headers:{"Content-Type":"application/json"}});await n.put(t,s)},$=async(e,t)=>{const r=await caches.open(e),n=await r.match(t);if(!n)return null;const o=await n.text();return JSON.parse(o)},v=async(e,t)=>{const r=await caches.open(e);return await r.delete(t)},k=async e=>{const t=await caches.open(e),r=await t.keys();for(const e of r)await t.delete(e)},B=async(e,t,r=!0)=>{const n=await caches.open(e),o=await n.keys();for(const e of o){const o=e.url.split("/"),s=o[o.length-1]||"";(r&&s.startsWith(t)||!r&&s.endsWith(t))&&await n.delete(e)}},x=async(e,t)=>{const r=await caches.open(e);return void 0!==await r.match(t)},T=async e=>{const t=await caches.open(e);return(await t.keys()).map((e=>{const t=e.url.split("/");return t[t.length-1]||""}))},D=async(e,t)=>{const r=await caches.open(e);if(t){const e=await r.match(t);if(e){const t=e.clone();return(await t.arrayBuffer()).byteLength}return 0}const n=await r.keys();let o=0;for(const e of n){const t=await r.match(e);if(t){const e=t.clone();o+=(await e.arrayBuffer()).byteLength}}return o},M=e=>`${((e,t="🚀")=>{let r=0;const n=e+t;for(let e=0;e<n.length;e++)r=(r<<5)-r+n.charCodeAt(e),r|=0;return(r>>>0).toString(16)})(e)}::${e}`,U=(e,t)=>{if(!e)return;const r=M(e);window.dispatchEvent(new CustomEvent(r,{detail:t,bubbles:!0,cancelable:!1}))},N=(e,t)=>{if(!e||"function"!=typeof t)return()=>{};const r=(e=>t=>{if(t instanceof CustomEvent)try{e(t.detail)}catch(e){console.error("Event listener error:",e)}})(t),n=M(e);return window.addEventListener(n,r),()=>window.removeEventListener(n,r)},z=(t,r,n=[])=>{e((()=>{if(t&&"function"==typeof r)return N(t,r)}),[t,r,...n])},K=(e,t,r={},n)=>{const o=class extends HTMLElement{constructor(){super();let e=Array.from(document.styleSheets).find((e=>e instanceof CSSStyleSheet&&!e.disabled));if(!e){const t=document.createElement("style");document.head.appendChild(t),e=t.sheet}Array.from(e.cssRules).find((e=>e.selectorText===`${this.tagName.toLowerCase()}`))||e.insertRule(`${this.tagName.toLowerCase()} { display: inline-flex; }`,e.cssRules.length);const t=r.shadow||(n?.length?"open":"closed");if(!r.shadow&&n?.length&&console.info("@@@ Styles are provided but shadowDOM is not enabled"),this.container=t?this.attachShadow({mode:t}):this,n&&t){const e=document.createElement("style");e.textContent=n.join("\n"),this.container.appendChild(e)}}connectedCallback(){this.root||(this.root=i(this.container),this.subscribeToEvents())}disconnectedCallback(){this.root&&this.root.unmount()}subscribeToEvents(){N("@@-widget-create",(e=>{const{widgetProps:t,cacheKey:r}=e;this.cacheKey||r!==`${this.tagName.toLowerCase().replace("widget-","")}-${this.uuid}`||(this.cacheKey=r,this.mountComponent(t))})),N("@@-widget-update",(e=>{const{widgetProps:t,cacheKey:r}=e;this.cacheKey===r&&r===`${this.tagName.toLowerCase().replace("widget-","")}-${this.uuid}`&&U("@@-widget-update-props",{widgetProps:t,uuid:this.uuid})}))}mountComponent(e){this.root&&e&&this.root.render(s(t,{...e,container:this.container,root:this}))}};return customElements.get(e)||customElements.define(e,o),o},R=t((t=>{const{name:n,uuid:o}=t,i=r(),c=`widget-${n}`;return e((()=>{i.current&&(i.current.uuid=o)}),[o]),"string"==typeof o&&o.length?s(c,{ref:i}):null}),(()=>!0)),_=t=>{const{name:n,uuid:o,widgetProps:i}=t,c=r(!1),a=o?.trim()||crypto.randomUUID().replace(/-/g,"").slice(0,6),f=n.trim().toLowerCase(),l=`${f}-${a}`,u=!!f.length&&!!a.length;return e((()=>{u&&c.current&&U("@@-widget-update",{widgetName:f,widgetProps:i,cacheKey:l})}),[i,a,f,u,l]),N("@@-widgets-loaded",(()=>{c.current=!0,U("@@-widget-create",{widgetName:f,widgetProps:i,cacheKey:l})})),u?s(R,{name:f,uuid:a}):(console.warn("Invalid widget!",f),null)},F=e=>{const{name:t,uuid:r,mountTo:n,widgetProps:o}=e,c=r?.trim()||crypto.randomUUID().replace(/-/g,"").slice(0,6),a=t.trim().toLowerCase();!!a.length&&!!c.length&&n&&n instanceof HTMLElement&&i(n).render(s(_,{name:a,uuid:c,widgetProps:o}))},I=t=>{const{root:r,container:s,svgSpritePath:i,children:c}=t,[a,f]=n(!1),[l,u]=n();return e((()=>{i?(async e=>{try{const t=await fetch(`${e}`);if(!t.ok)throw new Error(`Failed to fetch SVG: ${t.statusText}`);const r=await t.text(),n=(new DOMParser).parseFromString(r,"image/svg+xml");if(n.querySelector("parsererror"))throw new Error("SVG parsing failed");const o=n.documentElement;return o.setAttribute("xmlns","http://www.w3.org/2000/svg"),o.removeAttribute("id"),o}catch(e){return console.error("Error generating SVG sprite:",e),null}})(i).then((async e=>{s&&e&&s.appendChild(e),f(!0)})):f(!0)}),[]),N("@@-widget-update-props",(e=>{const{widgetProps:t,uuid:n}=e;r.uuid===n&&u(t)})),a?o(c,{...l,key:performance.now()}):null},H=e=>{const{name:t,styles:r,component:n,svgSpritePath:o}=e;return K(`widget-${t}`,(e=>{const{root:r,container:i,...c}=e;return s(I,{container:i,root:r,svgSpritePath:o,children:s(n,{...c,name:t})})}),{shadow:"open"},r)},V=async e=>{const t=e.filter((e=>e?.length&&!document.querySelector(`script[src="${e}"]`)));(await Promise.allSettled(t.map((e=>(async e=>new Promise(((t,r)=>{const n=document.createElement("script");n.onload=()=>{t(!0)},n.onerror=()=>{const t=new Error(`Failed to load script: ${e}`);r(t)},n.type="module",n.src=e,document.head.appendChild(n)})))(e))))).forEach(((e,r)=>{"rejected"===e.status&&console.error(`Failed to load widget script ${t[r]}:`,e.reason)})),U("@@-widgets-loaded",!0)},Z=e=>G(e,new WeakMap),G=(e,t)=>{if(null===e||"object"!=typeof e)return e;const r=t.get(e);if(r)return r;if(Array.isArray(e)){const r=e.length;if(r<32){const n=new Array(r);t.set(e,n);for(let o=0;o<r;o++)o in e&&(n[o]=G(e[o],t));return n}const n=new Array(r);if(t.set(e,n),Object.keys(e).length===r){let o=0;const s=r-r%8;for(;o<s;)n[o]=G(e[o],t),n[o+1]=G(e[o+1],t),n[o+2]=G(e[o+2],t),n[o+3]=G(e[o+3],t),n[o+4]=G(e[o+4],t),n[o+5]=G(e[o+5],t),n[o+6]=G(e[o+6],t),n[o+7]=G(e[o+7],t),o+=8;for(;o<r;)n[o]=G(e[o],t),o++}else for(let o=0;o<r;o++)o in e&&(n[o]=G(e[o],t));return n}if(e instanceof Date||e instanceof RegExp){return new(0,e.constructor)(e)}if("undefined"!=typeof Buffer)try{if(Buffer.isBuffer(e))return Buffer.from(e)}catch(e){if(e instanceof Error)throw e}if(ArrayBuffer.isView(e)){const t=e.constructor;if("buffer"in e){const r=e;return new t(r.buffer.slice(r.byteOffset,r.byteOffset+r.byteLength))}return new t(new ArrayBuffer(e.byteLength))}if(e instanceof ArrayBuffer)return e.slice(0);if(e&&"object"==typeof e&&"buffer"in e&&"byteLength"in e){const t=e;if("undefined"==typeof Buffer){const e=new Uint8Array(t.buffer,t.byteOffset||0,t.byteLength),r=new Uint8Array(e.length);return r.set(e),r}return{buffer:t.buffer instanceof ArrayBuffer?t.buffer.slice(0):new ArrayBuffer(t.byteLength),byteLength:t.byteLength,byteOffset:t.byteOffset||0,length:t.length||t.byteLength,BYTES_PER_ELEMENT:t.BYTES_PER_ELEMENT||1}}if(e instanceof Set){const r=new Set;t.set(e,r);const n=Array.from(e),o=n.length;for(let e=0;e<o;e++)r.add(G(n[e],t));return r}if(e instanceof Map){const r=new Map;t.set(e,r);const n=Array.from(e),o=n.length;for(let e=0;e<o;e++){const[o,s]=n[e];r.set(o,G(s,t))}return r}if(Object.getPrototypeOf(e)===Object.prototype){const r={};t.set(e,r);const n=Object.getOwnPropertySymbols(e),o=n.length;if(o>0)for(let t=0;t<o;t++){const o=n[t],s=Object.getOwnPropertyDescriptor(e,o);s?.enumerable&&Object.defineProperty(r,o,s)}const s=Object.getOwnPropertyDescriptors(e),i=Object.keys(e),c=i.length;let a=!1;for(let e=0;e<c;e++){const t=s[i[e]];if(t.get||t.set){a=!0;break}}if(a)for(let e=0;e<c;e++){const n=i[e],o=s[n];if(o.enumerable)if(o.get||o.set)Object.defineProperty(r,n,o);else{const e=G(o.value,t);Object.defineProperty(r,n,{...o,value:e})}}else{let n=0;const o=c-c%8;for(;n<o;){const o=i[n],s=i[n+1],c=i[n+2],a=i[n+3],f=i[n+4],l=i[n+5],u=i[n+6],p=i[n+7],d=e;r[o]=G(d[o],t),r[s]=G(d[s],t),r[c]=G(d[c],t),r[a]=G(d[a],t),r[f]=G(d[f],t),r[l]=G(d[l],t),r[u]=G(d[u],t),r[p]=G(d[p],t),n+=8}for(;n<c;){const o=i[n++];r[o]=G(e[o],t)}}return r}const n=Object.getPrototypeOf(e),o=Object.create(n);t.set(e,o);const s=Object.getOwnPropertyDescriptors(e),i=Object.keys(s),c=i.length;for(let e=0;e<c;e++){const r=i[e],n=s[r];if(n.enumerable)if(n.get||n.set)Object.defineProperty(o,r,n);else{const e=G(n.value,t);Object.defineProperty(o,r,{...n,value:e})}}const a=Object.getOwnPropertySymbols(e),f=a.length;for(let t=0;t<f;t++){const r=a[t],n=Object.getOwnPropertyDescriptor(e,r);n?.enumerable&&Object.defineProperty(o,r,n)}return o},W=()=>"undefined"!=typeof window,q=(e,t)=>{if(e)for(const[r,n]of Object.entries(t))e.style.setProperty(r,n)},J=e=>{const t=e.getBoundingClientRect(),r=Math.max(document.documentElement.clientHeight,window.innerHeight);return!(t.bottom<0||t.top-r>=0)},Y=(e,t,r=!1,n='Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"')=>{const o=r?e.toUpperCase():e,s=document.createElement("canvas").getContext("2d");return s.font=`${t}px ${n}`,s.measureText(o).width},Q=(e,t)=>{if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(Array.isArray(e)&&Array.isArray(t)){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(!Q(e[r],t[r]))return!1;return!0}if(e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(const r of e)if(!t.has(r))return!1;return!0}if(e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(const[r,n]of e)if(!t.has(r)||!Q(n,t.get(r)))return!1;return!0}if(null!==e&&"object"==typeof e&&!Array.isArray(e)&&null!==t&&"object"==typeof t&&!Array.isArray(t)){const r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return!1;for(const n of r)if(!Q(e[n],t[n]))return!1;return!0}return e===t};export{_ as WidgetComponent,U as busDispatch,N as busSubscribe,Y as calculateRenderedTextWidth,b as camelCase,P as capitalize,j as capitalizeFirstLetter,J as checkVisibility,Z as deepClone,w as deepMerge,V as importWidgets,c as isBoolean,W as isBrowser,Q as isEqual,l as isFunction,d as isNull,a as isNumber,u as isObject,f as isString,p as isUndefined,E as kebabCase,y as merge,h as omit,O as pascalCase,g as pick,K as r2wc,H as registerWidget,F as renderWidget,q as setStyleProperties,m as sleep,A as slugify,D as storageCalculateSize,k as storageClear,B as storageClearByPrefixOrSuffix,x as storageExists,T as storageGetAllKeys,$ as storageGetItem,v as storageRemoveItem,L as storageSetItem,S as stringifyBigIntValues,C as uncapitalize,z as useEventBus};
+import{useEffect as e}from"react";const t=e=>"boolean"==typeof e,r=e=>"number"==typeof e,n=e=>"string"==typeof e,o=e=>"function"==typeof e,s=e=>{if(null===e||"object"!=typeof e)return!1;const t=Object.getPrototypeOf(e);return t===Object.prototype||null===t},c=e=>void 0===e,a=e=>null===e,i=(e,t)=>t.reduce(((e,t)=>(delete e[t],e)),{...e}),f=(e,t)=>{const r={};for(const n of t)n in e&&(r[n]=e[n]);return r},l=(e,...t)=>Object.assign(e,...t),u=(e,...t)=>{if(!t.length)return e;const r=t.shift();if(void 0===r)return e;if(s(e)&&s(r))for(const t of Object.keys(r)){const n=r[t];if(s(n)){e[t]||Object.assign(e,{[t]:{}});const r=e[t];s(r)&&u(r,n)}else Object.assign(e,{[t]:n})}return u(e,...t)},p=e=>new Promise((t=>{setTimeout(t,e)})),y=e=>e.trim().toLowerCase().replace(/^[-_\s]+/,"").replace(/[-_\s]+(.)?/g,((e,t)=>t?t.toUpperCase():"")),g=e=>e.split(/(?=[0-9])|(?<=[0-9])|[^a-zA-Z0-9]+/g).filter(Boolean).map((e=>e.toLowerCase())).map((e=>`${e.charAt(0).toUpperCase()}${e.slice(1)}`)).join(""),b=e=>e.charAt(0).toUpperCase()+e.slice(1),w=e=>null==e?e:e.normalize("NFKD").replace(/\p{Diacritic}/gu,"").replace(/[^\w\s-]/g," ").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z][a-z])/g,"$1-$2").replace(/[-_\s]+/g,"-").toLowerCase().replace(/^-+|-+$/g,"").trim(),h=e=>e.normalize("NFKD").toLowerCase().trim().replace(/[^\w\s-]/g,"").replace(/[-\s_]+/g,"-").replace(/^-+|-+$/g,""),O=e=>e.charAt(0).toUpperCase()+e.slice(1),m=e=>e.charAt(0).toLowerCase()+e.slice(1),d=(e,t)=>"bigint"==typeof t?t.toString():t,j=e=>e.startsWith("http://")||e.startsWith("https://")?e:`https://cache.internal/${e}`,A=async(e,t,r)=>{const n=await caches.open(e),o=JSON.stringify(r,d),s=new Response(o,{headers:{"Content-Type":"application/json"}}),c=j(t);await n.put(new Request(c),s)},E=async(e,t)=>{const r=await caches.open(e),n=j(t),o=await r.match(new Request(n));if(!o)return null;const s=await o.text();return JSON.parse(s)},L=async(e,t)=>{const r=await caches.open(e),n=j(t);return await r.delete(new Request(n))},P=async e=>{const t=await caches.open(e),r=await t.keys();for(const e of r)await t.delete(e)},B=async(e,t,r=!0)=>{const n=await caches.open(e),o=await n.keys();for(const e of o){const o=e.url.split("/"),s=o[o.length-1]||"";(r&&s.startsWith(t)||!r&&s.endsWith(t))&&await n.delete(e)}},C=async(e,t)=>{const r=await caches.open(e),n=j(t);return void 0!==await r.match(new Request(n))},v=async e=>{const t=await caches.open(e);return(await t.keys()).map((e=>{const t=e.url.split("/");return t[t.length-1]||""}))},S=async(e,t)=>{const r=await caches.open(e);if(t){const e=j(t),n=await r.match(new Request(e));if(n){const e=n.clone();return(await e.arrayBuffer()).byteLength}return 0}const n=await r.keys();let o=0;for(const e of n){const t=await r.match(e);if(t){const e=t.clone();o+=(await e.arrayBuffer()).byteLength}}return o},k=e=>`${((e,t="🚀")=>{let r=0;const n=e+t;for(let e=0;e<n.length;e++)r=(r<<5)-r+n.charCodeAt(e),r|=0;return(r>>>0).toString(16)})(e)}::${e}`,$=(e,t)=>{if(!e)return;const r=k(e);window.dispatchEvent(new CustomEvent(r,{detail:t,bubbles:!0,cancelable:!1}))},D=(e,t)=>{if(!e||"function"!=typeof t)return()=>{};const r=(e=>t=>{if(t instanceof CustomEvent)try{e(t.detail)}catch(e){console.error("Event listener error:",e)}})(t),n=k(e);return window.addEventListener(n,r),()=>window.removeEventListener(n,r)},R=(t,r,n=[])=>{e((()=>{if(t&&"function"==typeof r)return D(t,r)}),[t,r,...n])},z=e=>M(e,new WeakMap),M=(e,t)=>{if(null===e||"object"!=typeof e)return e;const r=t.get(e);if(r)return r;if(Array.isArray(e)){const r=e.length;if(r<32){const n=new Array(r);t.set(e,n);for(let o=0;o<r;o++)o in e&&(n[o]=M(e[o],t));return n}const n=new Array(r);if(t.set(e,n),Object.keys(e).length===r){let o=0;const s=r-r%8;for(;o<s;)n[o]=M(e[o],t),n[o+1]=M(e[o+1],t),n[o+2]=M(e[o+2],t),n[o+3]=M(e[o+3],t),n[o+4]=M(e[o+4],t),n[o+5]=M(e[o+5],t),n[o+6]=M(e[o+6],t),n[o+7]=M(e[o+7],t),o+=8;for(;o<r;)n[o]=M(e[o],t),o++}else for(let o=0;o<r;o++)o in e&&(n[o]=M(e[o],t));return n}if(e instanceof Date||e instanceof RegExp){return new(0,e.constructor)(e)}if("undefined"!=typeof Buffer)try{if(Buffer.isBuffer(e))return Buffer.from(e)}catch(e){if(e instanceof Error)throw e}if(ArrayBuffer.isView(e)){const t=e.constructor;if("buffer"in e){const r=e;return new t(r.buffer.slice(r.byteOffset,r.byteOffset+r.byteLength))}return new t(new ArrayBuffer(e.byteLength))}if(e instanceof ArrayBuffer)return e.slice(0);if(e&&"object"==typeof e&&"buffer"in e&&"byteLength"in e){const t=e;if("undefined"==typeof Buffer){const e=new Uint8Array(t.buffer,t.byteOffset||0,t.byteLength),r=new Uint8Array(e.length);return r.set(e),r}return{buffer:t.buffer instanceof ArrayBuffer?t.buffer.slice(0):new ArrayBuffer(t.byteLength),byteLength:t.byteLength,byteOffset:t.byteOffset||0,length:t.length||t.byteLength,BYTES_PER_ELEMENT:t.BYTES_PER_ELEMENT||1}}if(e instanceof Set){const r=new Set;t.set(e,r);const n=Array.from(e),o=n.length;for(let e=0;e<o;e++)r.add(M(n[e],t));return r}if(e instanceof Map){const r=new Map;t.set(e,r);const n=Array.from(e),o=n.length;for(let e=0;e<o;e++){const[o,s]=n[e];r.set(o,M(s,t))}return r}if(Object.getPrototypeOf(e)===Object.prototype){const r={};t.set(e,r);const n=Object.getOwnPropertySymbols(e),o=n.length;if(o>0)for(let t=0;t<o;t++){const o=n[t],s=Object.getOwnPropertyDescriptor(e,o);s?.enumerable&&Object.defineProperty(r,o,s)}const s=Object.getOwnPropertyDescriptors(e),c=Object.keys(e),a=c.length;let i=!1;for(let e=0;e<a;e++){const t=s[c[e]];if(t.get||t.set){i=!0;break}}if(i)for(let e=0;e<a;e++){const n=c[e],o=s[n];if(o.enumerable)if(o.get||o.set)Object.defineProperty(r,n,o);else{const e=M(o.value,t);Object.defineProperty(r,n,{...o,value:e})}}else{let n=0;const o=a-a%8;for(;n<o;){const o=c[n],s=c[n+1],a=c[n+2],i=c[n+3],f=c[n+4],l=c[n+5],u=c[n+6],p=c[n+7],y=e;r[o]=M(y[o],t),r[s]=M(y[s],t),r[a]=M(y[a],t),r[i]=M(y[i],t),r[f]=M(y[f],t),r[l]=M(y[l],t),r[u]=M(y[u],t),r[p]=M(y[p],t),n+=8}for(;n<a;){const o=c[n++];r[o]=M(e[o],t)}}return r}const n=Object.getPrototypeOf(e),o=Object.create(n);t.set(e,o);const s=Object.getOwnPropertyDescriptors(e),c=Object.keys(s),a=c.length;for(let e=0;e<a;e++){const r=c[e],n=s[r];if(n.enumerable)if(n.get||n.set)Object.defineProperty(o,r,n);else{const e=M(n.value,t);Object.defineProperty(o,r,{...n,value:e})}}const i=Object.getOwnPropertySymbols(e),f=i.length;for(let t=0;t<f;t++){const r=i[t],n=Object.getOwnPropertyDescriptor(e,r);n?.enumerable&&Object.defineProperty(o,r,n)}return o},T=()=>"undefined"!=typeof window,U=(e,t)=>{if(e)for(const[r,n]of Object.entries(t))e.style.setProperty(r,n)},_=e=>{const t=e.getBoundingClientRect(),r=Math.max(document.documentElement.clientHeight,window.innerHeight);return!(t.bottom<0||t.top-r>=0)},x=(e,t,r=!1,n='Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"')=>{const o=r?e.toUpperCase():e,s=document.createElement("canvas").getContext("2d");return s.font=`${t}px ${n}`,s.measureText(o).width},N=(e,t)=>{if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(Array.isArray(e)&&Array.isArray(t)){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(!N(e[r],t[r]))return!1;return!0}if(e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(const r of e)if(!t.has(r))return!1;return!0}if(e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(const[r,n]of e)if(!t.has(r)||!N(n,t.get(r)))return!1;return!0}if(null!==e&&"object"==typeof e&&!Array.isArray(e)&&null!==t&&"object"==typeof t&&!Array.isArray(t)){const r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return!1;for(const n of r)if(!N(e[n],t[n]))return!1;return!0}return e===t};export{$ as busDispatch,D as busSubscribe,x as calculateRenderedTextWidth,y as camelCase,O as capitalize,b as capitalizeFirstLetter,_ as checkVisibility,z as deepClone,u as deepMerge,t as isBoolean,T as isBrowser,N as isEqual,o as isFunction,a as isNull,r as isNumber,s as isObject,n as isString,c as isUndefined,w as kebabCase,l as merge,i as omit,g as pascalCase,f as pick,U as setStyleProperties,p as sleep,h as slugify,S as storageCalculateSize,P as storageClear,B as storageClearByPrefixOrSuffix,C as storageExists,v as storageGetAllKeys,E as storageGetItem,L as storageRemoveItem,A as storageSetItem,d as stringifyBigIntValues,m as uncapitalize,R as useEventBus};

package/dist/index.d.ts

@@ -1,12 +1,11 @@
 /*!
- * @pivanov/utils v0.0.2
+ * @pivanov/utils v0.0.3
  * (c) 2024-present Pavel Ivanov
  * Released under the MIT License.
  * https://github.com/pivanov/utils
  */
 
-import { DependencyList, DetailedHTMLProps, HTMLAttributes, ComponentType } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DependencyList } from 'react';
 
 /**
  * Type guard to check if a value is a boolean
@@ -598,131 +597,6 @@ declare const busSubscribe: <T extends IEventBus>(topic: IEventBus["topic"], lis
 
 declare const useEventBus: <T extends IEventBus>(topic: T["topic"], listener: TEventBusListener<T["message"]>, deps?: DependencyList) => void;
 
-declare global {
-    interface HTMLElement {
-        uuid?: string;
-    }
-    interface ISharedValues {
-        baseStoreUI: unknown;
-    }
-    interface Window {
-        pivanov?: unknown;
-    }
-    interface Navigator {
-        [key: string | symbol]: unknown;
-    }
-    interface Document {
-        [key: string | symbol]: unknown;
-    }
-    namespace JSX {
-        interface IntrinsicElements {
-            [elementName: `${string}-${string}`]: DetailedHTMLProps<HTMLAttributes<HTMLElement> & {
-                [key: string]: unknown;
-            }, HTMLElement>;
-        }
-    }
-}
-interface IR2WCOptions {
-    shadow?: 'open' | 'closed';
-}
-interface IR2WCBaseProps {
-    container?: HTMLElement;
-}
-
-/**
- * Converts a React component into a Web Component (Custom Element)
- *
- * @template Props - The props type for the React component, must extend IR2WCBaseProps
- * @param ReactComponent - The React component to convert
- * @param options - Configuration options for the Web Component
- * @param styles - Optional array of CSS styles to be injected into the shadow DOM
- * @returns A Custom Element constructor that can be registered with customElements.define
- *
- * @example
- * ```tsx
- * const MyWebComponent = r2wc(MyReactComponent, {
- *   shadow: 'open',
- * });
- *
- * customElements.define('my-component', MyWebComponent);
- * ```
- */
-declare const r2wc: <Props extends IR2WCBaseProps>(elementName: string, ReactComponent: ComponentType<Props>, options?: IR2WCOptions, styles?: string[]) => CustomElementConstructor;
-
-/**
- * Props interface for Widget components
- * @interface IWidgetComponentProps
- * @property {string} name - The name of the widget
- * @property {string} [uuid] - Optional group identifier. Widgets sharing the same uuid will update together
- * @property {string[]} [jsFiles] - Array of JavaScript file URLs to load. Files are loaded sequentially in the specified order, useful for dependencies
- * @property {unknown} [widgetProps] - Optional props to pass to the widget
- */
-interface IWidgetComponentProps {
-    name: string;
-    uuid?: string;
-    jsFiles?: string[];
-    widgetProps?: unknown;
-}
-/**
- * React component that handles widget lifecycle and rendering
- * @component
- * @example
- * ```tsx
- * <WidgetComponent
- *   name="my-widget"
- *   uuid="group1"  // Widgets with the same uuid will update together
- *   widgetProps={{ color: 'blue' }}
- * />
- * ```
- * Multiple widgets with the same uuid will form a group - when one widget's props
- * are updated, all widgets in the group will receive the update.
- */
-declare const WidgetComponent: (props: IWidgetComponentProps) => react_jsx_runtime.JSX.Element | null;
-/**
- * Props interface for renderWidget function
- * @interface IRenderWidgetProps
- * @property {string} name - The name of the widget to load
- * @property {string} [uuid] - Optional unique identifier for the widget
- * @property {HTMLElement} mountTo - DOM element where the widget should be mounted
- * @property {Object.<string, unknown>} widgetProps - Props to pass to the widget
- */
-interface IRenderWidgetProps {
-    name: string;
-    uuid?: string;
-    mountTo: HTMLElement;
-    widgetProps?: {
-        [key: string]: unknown;
-    };
-}
-/**
- * Programmatically loads and mounts a widget into a specified DOM element
- * @function
- * @param {IRenderWidgetProps} widgetProps - Configuration options for loading the widget
- * @example
- * ```ts
- * renderWidget({
- *   widgetName: 'my-widget',
- *   uuid: 'group1',
- *   mountTo: document.getElementById('widget-container'),
- *   widgetProps: {
- *     color: 'blue',
- *     size: 'large'
- *   }
- * });
- * ```
- */
-declare const renderWidget: (props: IRenderWidgetProps) => void;
-
-interface IRegisterWidgetProps<T> {
-    name: string;
-    styles?: string[];
-    component: ComponentType<T>;
-    svgSpritePath?: string;
-}
-declare const registerWidget: <T extends object>(props: IRegisterWidgetProps<T>) => CustomElementConstructor;
-
-declare const importWidgets: (jsFiles: string[]) => Promise<void>;
-
 type TCloneable = object | number | string | boolean | symbol | bigint | null | undefined;
 declare const deepClone: <T extends TCloneable>(obj: T) => T;
 
@@ -814,4 +688,4 @@ declare const calculateRenderedTextWidth: (text: string, fontSize: number, isUpp
  */
 declare const isEqual: <T, K>(obj: T | T[], objToCompare: K | K[]) => boolean;
 
-export { type IEventBus, type TBooleanish, type TCloneable, type TDict, type TObjType, WidgetComponent, busDispatch, busSubscribe, calculateRenderedTextWidth, camelCase, capitalize, capitalizeFirstLetter, checkVisibility, deepClone, deepMerge, importWidgets, isBoolean, isBrowser, isEqual, isFunction, isNull, isNumber, isObject, isString, isUndefined, kebabCase, merge, omit, pascalCase, pick, r2wc, registerWidget, renderWidget, setStyleProperties, sleep, slugify, storageCalculateSize, storageClear, storageClearByPrefixOrSuffix, storageExists, storageGetAllKeys, storageGetItem, storageRemoveItem, storageSetItem, stringifyBigIntValues, uncapitalize, useEventBus };
+export { type IEventBus, type TBooleanish, type TCloneable, type TDict, type TObjType, busDispatch, busSubscribe, calculateRenderedTextWidth, camelCase, capitalize, capitalizeFirstLetter, checkVisibility, deepClone, deepMerge, isBoolean, isBrowser, isEqual, isFunction, isNull, isNumber, isObject, isString, isUndefined, kebabCase, merge, omit, pascalCase, pick, setStyleProperties, sleep, slugify, storageCalculateSize, storageClear, storageClearByPrefixOrSuffix, storageExists, storageGetAllKeys, storageGetItem, storageRemoveItem, storageSetItem, stringifyBigIntValues, uncapitalize, useEventBus };

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@pivanov/utils",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "A collection of personal utilities to live a happier life",
   "type": "module",
-  "packageManager": "pnpm@9.0.0",
   "repository": {
     "type": "git",
     "url": "git://github.com/pivanov/pivanov-utils.git"
@@ -12,16 +11,6 @@
   "bugs": {
     "url": "https://github.com/pivanov/pivanov-utils/issues"
   },
-  "scripts": {
-    "build": "rm -rf dist && pnpm rollup -c",
-    "test": "pnpm vitest",
-    "test:coverage": "pnpm vitest --coverage",
-    "test:ui": "pnpm vitest --ui",
-    "lint": "biome lint .",
-    "format": "biome format . --write",
-    "check": "biome check . --write",
-    "prepublishOnly": "pnpm build"
-  },
   "author": {
     "name": "Pavel Ivanov",
     "email": "iweb.ivanov@gmail.com",
@@ -31,15 +20,13 @@
     "utils",
     "typescript",
     "react",
-    "web-components",
     "dom",
     "cache",
+    "browser cache api",
     "event-bus",
     "string",
     "object",
-    "promise",
-    "r2wc",
-    "react-to-web-component"
+    "promise"
   ],
   "license": "MIT",
   "main": "dist/cjs/index.js",
@@ -52,7 +39,9 @@
       "require": "./dist/cjs/index.js"
     }
   },
-  "files": ["dist/"],
+  "files": [
+    "dist/"
+  ],
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
@@ -85,5 +74,14 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "build": "rm -rf dist && pnpm rollup -c",
+    "test": "pnpm vitest",
+    "test:coverage": "pnpm vitest --coverage",
+    "test:ui": "pnpm vitest --ui",
+    "lint": "biome lint .",
+    "format": "biome format . --write",
+    "check": "biome check . --write"
   }
-}
+}