@kirill.konshin/utils 0.0.14 → 0.0.15

package/.ctirc

@@ -2,7 +2,8 @@
   "addNewline": true,
   "fileExcludePatterns": [
     "*.stories.*",
-    "*.test.*"
+    "*.test.*",
+    "*.fixture.*"
   ],
   "verbose": false,
   "withoutBackupFile": true,

package/.turbo/turbo-build.log

@@ -1,15 +1,15 @@
 vite v6.0.11 building SSR bundle for production...
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/bootstrap
-create succeeded: /home/runner/work/utils/utils/packages/utils/src/core
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/electron
+create succeeded: /home/runner/work/utils/utils/packages/utils/src/core
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/electron-builder
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/mui
-create succeeded: /home/runner/work/utils/utils/packages/utils/src/react-native
-create succeeded: /home/runner/work/utils/utils/packages/utils/src/tailwind
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/next
+create succeeded: /home/runner/work/utils/utils/packages/utils/src/tailwind
+create succeeded: /home/runner/work/utils/utils/packages/utils/src/react-native
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/react
 transforming...
-✓ 50 modules transformed.
+✓ 55 modules transformed.
 rendering chunks...
 
 [vite:dts] Start generate declaration files...
@@ -29,23 +29,27 @@ rendering chunks...
 dist/bootstrap/globalLoading.js      0.43 kB │ map:  0.82 kB
 dist/next/noSSR.js                   0.45 kB │ map:  0.89 kB
 dist/react-native/useAppState.js     0.47 kB │ map:  0.84 kB
-dist/react/index.js                  0.48 kB │ map:  0.09 kB
 dist/mui/genericControl.js           0.50 kB │ map:  1.02 kB
+dist/core/ls.js                      0.50 kB │ map:  0.90 kB
 dist/bootstrap/loading.js            0.54 kB │ map:  1.01 kB
-dist/core/index.js                   0.56 kB │ map:  0.09 kB
 dist/react/useFetch.js               0.57 kB │ map:  1.70 kB
 dist/mui/formControlFieldset.js      0.64 kB │ map:  1.23 kB
+dist/react/index.js                  0.65 kB │ map:  0.10 kB
 dist/core/mutex.js                   0.76 kB │ map:  1.19 kB
 dist/next/appLink.js                 0.77 kB │ map:  1.58 kB
+dist/core/files.js                   0.79 kB │ map:  1.57 kB
 dist/bootstrap/field.js              0.79 kB │ map:  1.56 kB
 dist/bootstrap/error.js              0.79 kB │ map:  1.66 kB
 dist/tailwind/responsiveHelper.js    0.84 kB │ map:  1.14 kB
 dist/react-native/share.js           0.85 kB │ map:  1.75 kB
 dist/react/apiCall.js                0.85 kB │ map:  1.47 kB
 dist/bootstrap/useWrappedForm.js     0.90 kB │ map:  2.22 kB
-dist/bootstrap/index.js              0.95 kB │ map:  0.10 kB
+dist/core/index.js                   0.90 kB │ map:  0.10 kB
+dist/bootstrap/index.js              0.97 kB │ map:  0.10 kB
+dist/core/workerUtils.js             0.97 kB │ map:  1.83 kB
 dist/electron-builder/images.js      1.02 kB │ map:  1.95 kB
 dist/react-native/update.js          1.03 kB │ map:  1.97 kB
+dist/react/keyboard.js               1.19 kB │ map:  2.31 kB
 dist/react/useFetcher.js             1.20 kB │ map:  2.47 kB
 dist/bootstrap/toaster.js            1.25 kB │ map:  2.08 kB
 dist/core/measure.js                 1.43 kB │ map:  2.88 kB
@@ -54,14 +58,15 @@ rendering chunks...
 dist/react/form/client.js            1.58 kB │ map:  3.36 kB
 dist/bootstrap/responsiveHelper.js   1.78 kB │ map:  2.87 kB
 dist/bootstrap/useModal.js           2.09 kB │ map:  4.75 kB
-dist/react/form/form.js              2.57 kB │ map:  5.74 kB
-dist/bootstrap/controls.js           2.74 kB │ map:  5.81 kB
-dist/core/cache.js                   3.02 kB │ map:  9.95 kB
+dist/react/form/form.js              2.34 kB │ map:  6.18 kB
+dist/bootstrap/controls.js           2.75 kB │ map:  5.83 kB
+dist/core/cache.js                   3.08 kB │ map:  9.97 kB
 dist/electron-builder/builder.js     3.09 kB │ map:  6.76 kB
 dist/bootstrap/screen.js             3.37 kB │ map:  7.04 kB
 dist/electron/createWindow.js        5.39 kB │ map: 10.88 kB
-dist/core/worker.js                  7.45 kB │ map: 15.67 kB
-[vite:dts] Declaration files built in 5278ms.
+dist/core/worker.js                  7.95 kB │ map: 16.41 kB
+dist/core/wrpc.js                    8.83 kB │ map: 20.60 kB
+[vite:dts] Declaration files built in 6324ms.
 
-✓ built in 5.59s
+✓ built in 6.68s
 Updated package.json with exports

package/.turbo/turbo-test.log

@@ -1,46 +1,93 @@
 [?25lcreate succeeded: /home/runner/work/utils/utils/packages/utils/src/bootstrap
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/electron
-create succeeded: /home/runner/work/utils/utils/packages/utils/src/core
+create succeeded: /home/runner/work/utils/utils/packages/utils/src/mui
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/electron-builder
+create succeeded: /home/runner/work/utils/utils/packages/utils/src/core
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/next
-create succeeded: /home/runner/work/utils/utils/packages/utils/src/react-native
-create succeeded: /home/runner/work/utils/utils/packages/utils/src/mui
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/tailwind
+create succeeded: /home/runner/work/utils/utils/packages/utils/src/react-native
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/react
 
  RUN  v3.0.4 /home/runner/work/utils/utils/packages/utils
       Coverage enabled with v8
 
-stderr | src/core/cache.test.ts > TransformerMap > simple
-CREATE cache test
-
-stderr | src/core/cache.test.ts > TransformerMap > key transform
-CREATE cache test
-
 stdout | src/core/cache.test.ts > TransformerMap > key transform
 CLEAR cache test
 
- ✓ src/core/cache.test.ts (4 tests) 15ms
+stderr | src/core/wrpc.test.ts
+Using an object as a third argument is deprecated. Vitest 4 will throw an error if the third argument is not a timeout number. Please use the second argument for options. See more at https://vitest.dev/guide/migration
+
+ ✓ src/core/cache.test.ts (4 tests) 14ms
+ ✓ src/core/worker.test.ts (8 tests) 16ms
+stdout | src/core/wrpc.test.ts > WRPC > for await ... of return yield
+DATA 1
+
+stdout | src/core/wrpc.test.ts > WRPC > for await ... of return yield
+DATA 2
+
+stdout | src/core/wrpc.test.ts > WRPC > for await ... of return yield
+DATA 3
+
+stdout | src/core/wrpc.test.ts > WRPC > for await ... of return yield
+DATA { value: 1, done: false }
+
+stdout | src/core/wrpc.test.ts > WRPC > for await ... of return yield
+DATA { value: 2, done: false }
+
+stdout | src/core/wrpc.test.ts > WRPC > for await ... of return yield
+DATA { value: 3, done: false }
 
- Test Files  1 passed (1)
-      Tests  4 passed (4)
-   Start at  06:19:05
-   Duration  914ms (transform 47ms, setup 0ms, collect 49ms, tests 15ms, environment 0ms, prepare 69ms)
+stdout | src/core/wrpc.test.ts > WRPC > for await ... of return yield
+DATA { value: undefined, done: true }
+
+stdout | src/core/wrpc.test.ts > WRPC > for await ... of separate return & yield
+DATA { progress: 0 }
+
+stdout | src/core/wrpc.test.ts > WRPC > for await ... of separate return & yield
+DATA { progress: 0.5 }
+
+stdout | src/core/wrpc.test.ts > WRPC > for await ... of separate return & yield
+DATA { progress: 1, aborted: false }
+
+stdout | src/core/wrpc.test.ts > WRPC > do ... while
+DATA { value: { progress: 0 }, done: false }
+
+stdout | src/core/wrpc.test.ts > WRPC > do ... while
+DATA { value: { progress: 0.5 }, done: false }
+
+stdout | src/core/wrpc.test.ts > WRPC > do ... while
+DATA { value: { progress: 1, aborted: false }, done: false }
+
+stdout | src/core/wrpc.test.ts > WRPC > do ... while
+DATA { value: 'foo', done: true }
+
+stdout | src/core/wrpc.test.ts > WRPC > break
+DATA { progress: 0 }
+
+stdout | src/core/wrpc.test.ts > WRPC > abort
+DATA { progress: 0 }
+
+ ✓ src/core/wrpc.test.ts (13 tests | 1 skipped) 729ms
+   ✓ WRPC > stop 503ms
+
+ Test Files  3 passed (3)
+      Tests  24 passed | 1 skipped (25)
+   Start at  20:57:07
+   Duration  1.84s (transform 251ms, setup 0ms, collect 344ms, tests 759ms, environment 1ms, prepare 370ms)
 
  % Coverage report from v8
 -------------------|---------|----------|---------|---------|-------------------
 File               | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s 
 -------------------|---------|----------|---------|---------|-------------------
-All files          |    3.28 |    63.82 |   53.08 |    3.28 |                   
+All files          |   22.23 |    81.64 |   66.44 |   22.23 |                   
  utils             |       0 |        0 |       0 |       0 |                   
   vite.exports.ts  |       0 |        0 |       0 |       0 | 1-121             
  utils/builders    |       0 |        0 |       0 |       0 |                   
   bun.build.js     |       0 |        0 |       0 |       0 | 1-23              
   perf.mjs         |       0 |        0 |       0 |       0 | 1-63              
   rslib.config.ts  |       0 |        0 |       0 |       0 | 1-26              
- utils/demo        |       0 |       50 |      50 |       0 |                   
-  ...demo-clean.ts |       0 |        0 |       0 |       0 | 1-73              
-  cache-demo.ts    |       0 |      100 |     100 |       0 | 3-343             
+ utils/demo        |       0 |        0 |       0 |       0 |                   
+  worker-demo.ts   |       0 |        0 |       0 |       0 | 1-73              
  utils/src-todo    |       0 |        0 |       0 |       0 |                   
   auth0.tsx        |       0 |        0 |       0 |       0 |                   
  .../src/bootstrap |       0 |    71.42 |   71.42 |       0 |                   
@@ -65,13 +112,18 @@ All files          |    3.28 |    63.82 |   53.08 |    3.28 |
   ...l.stories.tsx |       0 |      100 |     100 |       0 | 3-51              
   useModal.tsx     |       0 |        0 |       0 |       0 | 1-88              
   ...rappedForm.ts |       0 |        0 |       0 |       0 | 1-40              
- utils/src/core    |    20.2 |    82.35 |   52.38 |    20.2 |                   
-  cache.ts         |   81.25 |    89.65 |   56.25 |   81.25 | ...98-199,218-219 
+ utils/src/core    |   78.75 |    88.28 |      75 |   78.75 |                   
+  cache.ts         |   81.25 |    89.65 |   56.25 |   81.25 | ...94-195,218-219 
   errors.ts        |       0 |      100 |     100 |       0 | 2-14              
-  index.ts         |       0 |        0 |       0 |       0 | 1-5               
+  files.ts         |       0 |        0 |       0 |       0 | 1-24              
+  index.ts         |       0 |        0 |       0 |       0 | 1-9               
+  ls.ts            |       0 |        0 |       0 |       0 | 1-11              
   measure.ts       |       0 |        0 |       0 |       0 | 1-61              
   mutex.ts         |       0 |      100 |     100 |       0 | 3-22              
-  worker.ts        |       0 |        0 |       0 |       0 | 1-327             
+  worker.ts        |     100 |    98.71 |     100 |     100 | 57                
+  workerUtils.ts   |     100 |    83.33 |     100 |     100 | 26-27             
+  wrpc.fixture.ts  |   78.84 |    77.77 |   66.66 |   78.84 | 28,62-63,65-72    
+  wrpc.ts          |   97.11 |    85.24 |   69.69 |   97.11 | ...79-180,225-226 
  ...s/src/electron |       0 |    33.33 |   33.33 |       0 |                   
   createWindow.ts  |       0 |        0 |       0 |       0 | 1-234             
   index.ts         |       0 |        0 |       0 |       0 | 1-2               
@@ -94,9 +146,10 @@ All files          |    3.28 |    63.82 |   53.08 |    3.28 |
   noSSR.tsx        |       0 |      100 |     100 |       0 | 3-17              
   redirect.tsx     |       0 |      100 |     100 |       0 | 3-13              
   useIsInner.ts    |       0 |      100 |     100 |       0 | 3-13              
- utils/src/react   |       0 |       25 |      25 |       0 |                   
+ utils/src/react   |       0 |       40 |      40 |       0 |                   
   apiCall.ts       |       0 |        0 |       0 |       0 | 1-25              
-  index.ts         |       0 |        0 |       0 |       0 | 1-4               
+  index.ts         |       0 |        0 |       0 |       0 | 1-5               
+  keyboard.tsx     |       0 |      100 |     100 |       0 | 3-49              
   useFetch.ts      |       0 |      100 |     100 |       0 | 3-29              
   useFetcher.ts    |       0 |        0 |       0 |       0 | 1-49              
  ...c/react-native |       0 |        0 |       0 |       0 |                   
@@ -106,7 +159,7 @@ All files          |    3.28 |    63.82 |   53.08 |    3.28 |
   useAppState.ts   |       0 |        0 |       0 |       0 | 1-18              
  ...src/react/form |       0 |    33.33 |   33.33 |       0 |                   
   client.tsx       |       0 |      100 |     100 |       0 | 3-62              
-  form.tsx         |       0 |        0 |       0 |       0 | 1-109             
+  form.tsx         |       0 |        0 |       0 |       0 | 1-129             
   index.ts         |       0 |        0 |       0 |       0 | 1-2               
  ...s/src/tailwind |       0 |    66.66 |   66.66 |       0 |                   
   fullpage.tsx     |       0 |      100 |     100 |       0 | 3-10              

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @kirill.konshin/utils
 
+## 0.0.15
+
+### Patch Changes
+
+- WRPC
+
 ## 0.0.14
 
 ### Patch Changes

package/README.md

@@ -36,7 +36,7 @@ https://jakeginnivan.medium.com/options-for-publishing-typescript-libraries-9c37
     - ⚠️ Seem to reemit all files all the time
 - `vite`
     - ✅ Fast
-    - ✅ Comes with `vitest`
+    - ✅ Comes with `vitest` (reasoning https://youtu.be/w9xQRJXKrV0)
     - ✅ Comes with Storybook plugin
     - ⚠️ Based on Rollup, inherits its quirks
     - ⚠️ Awkward configuration, half Vite half Rollup

package/demo/{cache-demo-clean.ts → worker-demo.ts}

@@ -1,4 +1,4 @@
-import { RespondersBase, WorkerDialog } from '../src/worker';
+import { RespondersBase, WorkerDialog } from '../src/core';
 
 class Responders extends RespondersBase<Responders> {
     encode = this.create(

package/dist/bootstrap/controls.d.ts

@@ -1,5 +1,5 @@
 import { default as React, HTMLInputTypeAttribute } from 'react';
-interface ControlProps {
+export interface ControlProps {
     value?: any;
     setValue?: (v: any) => void;
     defaultValue?: any;
@@ -22,6 +22,10 @@ interface ControlProps {
     } & any;
     hideValue?: boolean;
 }
+export type LabelProps = Pick<ControlProps, 'name' | 'value' | 'defaultValue'> & {
+    reset: () => void;
+};
+export declare const Label: React.NamedExoticComponent<LabelProps>;
 export declare const Control: React.NamedExoticComponent<ControlProps>;
 export interface RangeProps extends ControlProps {
     min: number;
@@ -31,5 +35,4 @@ export interface RangeProps extends ControlProps {
 export declare const Range: React.NamedExoticComponent<RangeProps>;
 export declare const Checkbox: React.NamedExoticComponent<ControlProps>;
 export declare const Select: React.NamedExoticComponent<ControlProps>;
-export {};
 //# sourceMappingURL=controls.d.ts.map

package/dist/bootstrap/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/bootstrap/controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,sBAAsB,EAAQ,MAAM,OAAO,CAAC;AAM5D,UAAU,YAAY;IAClB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE;QACT,IAAI,EAAE,sBAAsB,CAAC;QAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;QACjC,SAAS,CAAC,EAAE,MAAM,CAAC;KACtB,GAAG,GAAG,CAAC;IACR,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAmBD,eAAO,MAAM,OAAO,0CAsClB,CAAC;AAEH,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,KAAK,wCAchB,CAAC;AAEH,eAAO,MAAM,QAAQ,0CAOnB,CAAC;AAEH,eAAO,MAAM,MAAM,0CAMjB,CAAC"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/bootstrap/controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,sBAAsB,EAAQ,MAAM,OAAO,CAAC;AAM5D,MAAM,WAAW,YAAY;IACzB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE;QACT,IAAI,EAAE,sBAAsB,CAAC;QAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;QACjC,SAAS,CAAC,EAAE,MAAM,CAAC;KACtB,GAAG,GAAG,CAAC;IACR,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAEvG,eAAO,MAAM,KAAK,wCAahB,CAAC;AAEH,eAAO,MAAM,OAAO,0CAsClB,CAAC;AAEH,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,KAAK,wCAchB,CAAC;AAEH,eAAO,MAAM,QAAQ,0CAOnB,CAAC;AAEH,eAAO,MAAM,MAAM,0CAMjB,CAAC"}

package/dist/bootstrap/controls.js

@@ -71,6 +71,7 @@ const Select = memo(function Select2({ children, ...props }) {
 export {
   Checkbox,
   Control,
+  Label,
   Range,
   Select
 };

package/dist/bootstrap/controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"controls.js","sources":["../../src/bootstrap/controls.tsx"],"sourcesContent":["import React, { HTMLInputTypeAttribute, memo } from 'react';\n\nconst lcFirst = (str) => str[0].toLowerCase() + str.substring(1, str.length);\n\nconst toProperty = (str) => lcFirst(str).split(' ').join('');\n\ninterface ControlProps {\n    value?: any;\n    setValue?: (v: any) => void;\n    defaultValue?: any;\n    options?: { [key: string]: any };\n    setOptions?: (v: { [key: string]: any }) => void;\n    defaultOptions?: { [key: string]: any };\n    name: string;\n    children?: React.ReactNode;\n    inputProps?: {\n        type: HTMLInputTypeAttribute;\n        property?: string;\n        valueExtractor?: (e: any) => any;\n        className?: string;\n    } & any;\n    hideValue?: boolean;\n}\n\ntype LabelProps = Pick<ControlProps, 'name' | 'value' | 'defaultValue'> & { reset: () => void };\n\nconst Label = memo<LabelProps>(function Label({ name, reset, value, defaultValue }) {\n    return (\n        <label className=\"flex-grow-1 mb-0 d-flex align-items-center justify-content-start gap-2\">\n            {name}\n            {value !== defaultValue && (\n                <>\n                    <a href=\"javascript: void(0)\" onClick={reset}>\n                        <small>reset</small>\n                    </a>\n                </>\n            )}\n        </label>\n    );\n});\n\nexport const Control = memo<ControlProps>(function Control({\n    value = null,\n    setValue,\n    defaultValue = null,\n    options = {},\n    setOptions,\n    defaultOptions = {},\n    name,\n    inputProps: { Tag = 'input', property = 'value', valueExtractor = (e) => e.target.value, ...inputProps } = {},\n    hideValue = false,\n    children,\n}) {\n    const prop = toProperty(name);\n\n    defaultValue = defaultValue || defaultOptions[prop];\n    value = value || options?.[prop];\n    setValue = setValue || ((v) => setOptions?.({ [prop]: v }));\n\n    const reset = () => setValue(defaultValue);\n\n    return (\n        <div className=\"d-flex align-items-center gap-2\">\n            <Label name={name} reset={reset} value={value} defaultValue={defaultValue} />\n            <Tag\n                {...inputProps}\n                {...{ [property]: value || '' }} // null is needed to make it always controlled\n                className={`${value === defaultValue ? 'opacity-75' : ''} ${inputProps.className}`}\n                onChange={(e) => setValue(valueExtractor(e))}\n            >\n                {children}\n            </Tag>\n            {!hideValue && (\n                <span onDoubleClick={reset} className=\"text-start\" style={{ width: '20px' }}>\n                    {value}\n                </span>\n            )}\n        </div>\n    );\n});\n\nexport interface RangeProps extends ControlProps {\n    min: number;\n    max: number;\n    step?: number;\n}\n\nexport const Range = memo<RangeProps>(function Range({ min, max, step = 0.1, ...props }) {\n    return (\n        <Control\n            inputProps={{\n                type: 'range',\n                min,\n                max,\n                step,\n                className: 'form-control-range',\n                valueExtractor: (e) => parseFloat(e.target.value),\n            }}\n            {...props}\n        />\n    );\n});\n\nexport const Checkbox = memo<ControlProps>(function Checkbox(props) {\n    return (\n        <Control\n            inputProps={{ type: 'checkbox', property: 'checked', valueExtractor: (e) => e.target.checked }}\n            {...props}\n        />\n    );\n});\n\nexport const Select = memo<ControlProps>(function Select({ children, ...props }) {\n    return (\n        <Control inputProps={{ Tag: 'select', className: 'form-select' }} {...props} hideValue={true}>\n            {children}\n        </Control>\n    );\n});\n"],"names":["Label","Control","Range","Checkbox","Select"],"mappings":";;AAEA,MAAM,UAAU,CAAC,QAAQ,IAAI,CAAC,EAAE,gBAAgB,IAAI,UAAU,GAAG,IAAI,MAAM;AAE3E,MAAM,aAAa,CAAC,QAAQ,QAAQ,GAAG,EAAE,MAAM,GAAG,EAAE,KAAK,EAAE;AAsB3D,MAAM,QAAQ,KAAiB,SAASA,OAAM,EAAE,MAAM,OAAO,OAAO,gBAAgB;AAE5E,SAAA,qBAAC,SAAM,EAAA,WAAU,0EACZ,UAAA;AAAA,IAAA;AAAA,IACA,UAAU,gBAEH,oBAAA,UAAA,EAAA,UAAA,oBAAC,KAAE,EAAA,MAAK,uBAAsB,SAAS,OACnC,UAAA,oBAAC,SAAM,EAAA,UAAA,SAAK,GAChB,EACJ,CAAA;AAAA,EAAA,GAER;AAER,CAAC;AAEY,MAAA,UAAU,KAAmB,SAASC,SAAQ;AAAA,EACvD,QAAQ;AAAA,EACR;AAAA,EACA,eAAe;AAAA,EACf,UAAU,CAAC;AAAA,EACX;AAAA,EACA,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY,EAAE,MAAM,SAAS,WAAW,SAAS,iBAAiB,CAAC,MAAM,EAAE,OAAO,OAAO,GAAG,eAAe,CAAC;AAAA,EAC5G,YAAY;AAAA,EACZ;AACJ,GAAG;AACO,QAAA,OAAO,WAAW,IAAI;AAEb,iBAAA,gBAAgB,eAAe,IAAI;AAC1C,UAAA,UAAS,mCAAU;AAChB,aAAA,aAAa,CAAC,MAAM,yCAAa,EAAE,CAAC,IAAI,GAAG,EAAA;AAEhD,QAAA,QAAQ,MAAM,SAAS,YAAY;AAGrC,SAAA,qBAAC,OAAI,EAAA,WAAU,mCACX,UAAA;AAAA,IAAA,oBAAC,OAAM,EAAA,MAAY,OAAc,OAAc,cAA4B;AAAA,IAC3E;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACH,GAAG,EAAE,CAAC,QAAQ,GAAG,SAAS,GAAG;AAAA,QAC9B,WAAW,GAAG,UAAU,eAAe,eAAe,EAAE,IAAI,WAAW,SAAS;AAAA,QAChF,UAAU,CAAC,MAAM,SAAS,eAAe,CAAC,CAAC;AAAA,QAE1C;AAAA,MAAA;AAAA,IACL;AAAA,IACC,CAAC,aACG,oBAAA,QAAA,EAAK,eAAe,OAAO,WAAU,cAAa,OAAO,EAAE,OAAO,OAAA,GAC9D,UACL,MAAA,CAAA;AAAA,EAAA,GAER;AAER,CAAC;AAQY,MAAA,QAAQ,KAAiB,SAASC,OAAM,EAAE,KAAK,KAAK,OAAO,KAAK,GAAG,SAAS;AAEjF,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,QACR,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,gBAAgB,CAAC,MAAM,WAAW,EAAE,OAAO,KAAK;AAAA,MACpD;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACR;AAER,CAAC;AAEM,MAAM,WAAW,KAAmB,SAASC,UAAS,OAAO;AAE5D,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY,EAAE,MAAM,YAAY,UAAU,WAAW,gBAAgB,CAAC,MAAM,EAAE,OAAO,QAAQ;AAAA,MAC5F,GAAG;AAAA,IAAA;AAAA,EACR;AAER,CAAC;AAEY,MAAA,SAAS,KAAmB,SAASC,QAAO,EAAE,UAAU,GAAG,SAAS;AAC7E,SACK,oBAAA,SAAA,EAAQ,YAAY,EAAE,KAAK,UAAU,WAAW,cAAA,GAAkB,GAAG,OAAO,WAAW,MACnF,SACL,CAAA;AAER,CAAC;"}
+{"version":3,"file":"controls.js","sources":["../../src/bootstrap/controls.tsx"],"sourcesContent":["import React, { HTMLInputTypeAttribute, memo } from 'react';\n\nconst lcFirst = (str) => str[0].toLowerCase() + str.substring(1, str.length);\n\nconst toProperty = (str) => lcFirst(str).split(' ').join('');\n\nexport interface ControlProps {\n    value?: any;\n    setValue?: (v: any) => void;\n    defaultValue?: any;\n    options?: { [key: string]: any };\n    setOptions?: (v: { [key: string]: any }) => void;\n    defaultOptions?: { [key: string]: any };\n    name: string;\n    children?: React.ReactNode;\n    inputProps?: {\n        type: HTMLInputTypeAttribute;\n        property?: string;\n        valueExtractor?: (e: any) => any;\n        className?: string;\n    } & any;\n    hideValue?: boolean;\n}\n\nexport type LabelProps = Pick<ControlProps, 'name' | 'value' | 'defaultValue'> & { reset: () => void };\n\nexport const Label = memo<LabelProps>(function Label({ name, reset, value, defaultValue }) {\n    return (\n        <label className=\"flex-grow-1 mb-0 d-flex align-items-center justify-content-start gap-2\">\n            {name}\n            {value !== defaultValue && (\n                <>\n                    <a href=\"javascript: void(0)\" onClick={reset}>\n                        <small>reset</small>\n                    </a>\n                </>\n            )}\n        </label>\n    );\n});\n\nexport const Control = memo<ControlProps>(function Control({\n    value = null,\n    setValue,\n    defaultValue = null,\n    options = {},\n    setOptions,\n    defaultOptions = {},\n    name,\n    inputProps: { Tag = 'input', property = 'value', valueExtractor = (e) => e.target.value, ...inputProps } = {},\n    hideValue = false,\n    children,\n}) {\n    const prop = toProperty(name);\n\n    defaultValue = defaultValue || defaultOptions[prop];\n    value = value || options?.[prop];\n    setValue = setValue || ((v) => setOptions?.({ [prop]: v }));\n\n    const reset = () => setValue(defaultValue);\n\n    return (\n        <div className=\"d-flex align-items-center gap-2\">\n            <Label name={name} reset={reset} value={value} defaultValue={defaultValue} />\n            <Tag\n                {...inputProps}\n                {...{ [property]: value || '' }} // null is needed to make it always controlled\n                className={`${value === defaultValue ? 'opacity-75' : ''} ${inputProps.className}`}\n                onChange={(e) => setValue(valueExtractor(e))}\n            >\n                {children}\n            </Tag>\n            {!hideValue && (\n                <span onDoubleClick={reset} className=\"text-start\" style={{ width: '20px' }}>\n                    {value}\n                </span>\n            )}\n        </div>\n    );\n});\n\nexport interface RangeProps extends ControlProps {\n    min: number;\n    max: number;\n    step?: number;\n}\n\nexport const Range = memo<RangeProps>(function Range({ min, max, step = 0.1, ...props }) {\n    return (\n        <Control\n            inputProps={{\n                type: 'range',\n                min,\n                max,\n                step,\n                className: 'form-control-range',\n                valueExtractor: (e) => parseFloat(e.target.value),\n            }}\n            {...props}\n        />\n    );\n});\n\nexport const Checkbox = memo<ControlProps>(function Checkbox(props) {\n    return (\n        <Control\n            inputProps={{ type: 'checkbox', property: 'checked', valueExtractor: (e) => e.target.checked }}\n            {...props}\n        />\n    );\n});\n\nexport const Select = memo<ControlProps>(function Select({ children, ...props }) {\n    return (\n        <Control inputProps={{ Tag: 'select', className: 'form-select' }} {...props} hideValue={true}>\n            {children}\n        </Control>\n    );\n});\n"],"names":["Label","Control","Range","Checkbox","Select"],"mappings":";;AAEA,MAAM,UAAU,CAAC,QAAQ,IAAI,CAAC,EAAE,gBAAgB,IAAI,UAAU,GAAG,IAAI,MAAM;AAE3E,MAAM,aAAa,CAAC,QAAQ,QAAQ,GAAG,EAAE,MAAM,GAAG,EAAE,KAAK,EAAE;AAsB9C,MAAA,QAAQ,KAAiB,SAASA,OAAM,EAAE,MAAM,OAAO,OAAO,gBAAgB;AAEnF,SAAA,qBAAC,SAAM,EAAA,WAAU,0EACZ,UAAA;AAAA,IAAA;AAAA,IACA,UAAU,gBAEH,oBAAA,UAAA,EAAA,UAAA,oBAAC,KAAE,EAAA,MAAK,uBAAsB,SAAS,OACnC,UAAA,oBAAC,SAAM,EAAA,UAAA,SAAK,GAChB,EACJ,CAAA;AAAA,EAAA,GAER;AAER,CAAC;AAEY,MAAA,UAAU,KAAmB,SAASC,SAAQ;AAAA,EACvD,QAAQ;AAAA,EACR;AAAA,EACA,eAAe;AAAA,EACf,UAAU,CAAC;AAAA,EACX;AAAA,EACA,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY,EAAE,MAAM,SAAS,WAAW,SAAS,iBAAiB,CAAC,MAAM,EAAE,OAAO,OAAO,GAAG,eAAe,CAAC;AAAA,EAC5G,YAAY;AAAA,EACZ;AACJ,GAAG;AACO,QAAA,OAAO,WAAW,IAAI;AAEb,iBAAA,gBAAgB,eAAe,IAAI;AAC1C,UAAA,UAAS,mCAAU;AAChB,aAAA,aAAa,CAAC,MAAM,yCAAa,EAAE,CAAC,IAAI,GAAG,EAAA;AAEhD,QAAA,QAAQ,MAAM,SAAS,YAAY;AAGrC,SAAA,qBAAC,OAAI,EAAA,WAAU,mCACX,UAAA;AAAA,IAAA,oBAAC,OAAM,EAAA,MAAY,OAAc,OAAc,cAA4B;AAAA,IAC3E;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACH,GAAG,EAAE,CAAC,QAAQ,GAAG,SAAS,GAAG;AAAA,QAC9B,WAAW,GAAG,UAAU,eAAe,eAAe,EAAE,IAAI,WAAW,SAAS;AAAA,QAChF,UAAU,CAAC,MAAM,SAAS,eAAe,CAAC,CAAC;AAAA,QAE1C;AAAA,MAAA;AAAA,IACL;AAAA,IACC,CAAC,aACG,oBAAA,QAAA,EAAK,eAAe,OAAO,WAAU,cAAa,OAAO,EAAE,OAAO,OAAA,GAC9D,UACL,MAAA,CAAA;AAAA,EAAA,GAER;AAER,CAAC;AAQY,MAAA,QAAQ,KAAiB,SAASC,OAAM,EAAE,KAAK,KAAK,OAAO,KAAK,GAAG,SAAS;AAEjF,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,QACR,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,gBAAgB,CAAC,MAAM,WAAW,EAAE,OAAO,KAAK;AAAA,MACpD;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACR;AAER,CAAC;AAEM,MAAM,WAAW,KAAmB,SAASC,UAAS,OAAO;AAE5D,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY,EAAE,MAAM,YAAY,UAAU,WAAW,gBAAgB,CAAC,MAAM,EAAE,OAAO,QAAQ;AAAA,MAC5F,GAAG;AAAA,IAAA;AAAA,EACR;AAER,CAAC;AAEY,MAAA,SAAS,KAAmB,SAASC,QAAO,EAAE,UAAU,GAAG,SAAS;AAC7E,SACK,oBAAA,SAAA,EAAQ,YAAY,EAAE,KAAK,UAAU,WAAW,cAAA,GAAkB,GAAG,OAAO,WAAW,MACnF,SACL,CAAA;AAER,CAAC;"}

package/dist/bootstrap/controls.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Control } from './controls';
+declare const meta: Meta<typeof Control>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const RangeControl: Story;
+export declare const CheckboxControl: Story;
+export declare const SelectControl: Story;
+//# sourceMappingURL=controls.stories.d.ts.map

package/dist/bootstrap/controls.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.stories.d.ts","sourceRoot":"","sources":["../../src/bootstrap/controls.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAU,OAAO,EAAmB,MAAM,YAAY,CAAC;AAK9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAyB9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAI7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC"}

package/dist/bootstrap/error.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ErrorAlert } from './error';
+declare const meta: Meta<typeof ErrorAlert>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const String: Story;
+export declare const ErrorObject: Story;
+//# sourceMappingURL=error.stories.d.ts.map

package/dist/bootstrap/error.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.stories.d.ts","sourceRoot":"","sources":["../../src/bootstrap/error.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAYjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}

package/dist/bootstrap/field.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FieldGroup } from './field';
+declare const meta: Meta<typeof FieldGroup>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Vertical: Story;
+export declare const Horizontal: Story;
+//# sourceMappingURL=field.stories.d.ts.map

package/dist/bootstrap/field.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.stories.d.ts","sourceRoot":"","sources":["../../src/bootstrap/field.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAajC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC"}

package/dist/bootstrap/globalLoading.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { GlobalLoading } from './globalLoading';
+declare const meta: Meta<typeof GlobalLoading>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=globalLoading.stories.d.ts.map

package/dist/bootstrap/globalLoading.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalLoading.stories.d.ts","sourceRoot":"","sources":["../../src/bootstrap/globalLoading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAUpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

package/dist/bootstrap/index.js

@@ -1,5 +1,5 @@
 import { AdaptiveContainer } from "./adaptiveContainer.js";
-import { Checkbox, Control, Range, Select } from "./controls.js";
+import { Checkbox, Control, Label, Range, Select } from "./controls.js";
 import { ErrorAlert } from "./error.js";
 import { FieldGroup } from "./field.js";
 import { Footer, FooterNavItem } from "./footer.js";
@@ -19,6 +19,7 @@ export {
   Footer,
   FooterNavItem,
   GlobalLoading,
+  Label,
   Loading,
   Range,
   ResponsiveHelperBS,

package/dist/bootstrap/loading.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Loading } from './loading';
+declare const meta: Meta<typeof Loading>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Children: Story;
+export declare const Size: Story;
+//# sourceMappingURL=loading.stories.d.ts.map

package/dist/bootstrap/loading.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.stories.d.ts","sourceRoot":"","sources":["../../src/bootstrap/loading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAY9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC"}

package/dist/bootstrap/screen.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Screen } from './screen';
+declare const meta: Meta<typeof Screen>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const LongContent: Story;
+export declare const Loader: Story;
+export declare const Centered: Story;
+export declare const ForwardCb: Story;
+export declare const ForwardIcon: Story;
+export declare const ForwardBtn: Story;
+export declare const HeaderForm: Story;
+//# sourceMappingURL=screen.stories.d.ts.map

package/dist/bootstrap/screen.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen.stories.d.ts","sourceRoot":"","sources":["../../src/bootstrap/screen.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AA2ClC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA8B7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAcpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC"}

package/dist/bootstrap/toaster.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Toaster } from './toaster';
+declare const meta: Meta<typeof Toaster>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Object: Story;
+//# sourceMappingURL=toaster.stories.d.ts.map

package/dist/bootstrap/toaster.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.stories.d.ts","sourceRoot":"","sources":["../../src/bootstrap/toaster.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAS9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC"}

package/dist/bootstrap/useModal.stories.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { Meta, StoryObj } from '@storybook/react';
+import { UseModalProps } from './useModal';
+declare const meta: Meta<FC<UseModalProps>>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Offcanvas: Story;
+//# sourceMappingURL=useModal.stories.d.ts.map

package/dist/bootstrap/useModal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModal.stories.d.ts","sourceRoot":"","sources":["../../src/bootstrap/useModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAIrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,CA8BjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}

package/dist/core/cache.d.ts

@@ -37,17 +37,12 @@ export declare function memo<Key extends any[], Val, SerializedKey extends any[]
  *
  * This makes possible to implement various one-off and subsequent transformations.
  *
- * 1. `write`: Before writing to cache, called only once if cache is present and valid
- * 2. `read`: After it's read from cache, always called if cache is valid
- * TODO Better names: once, folloing
- * TODO Better names: memoize, recover
- * TODO Better names: writeTransformer, readTransformer
- * TODO Better names: writeModifier, readModifier
- * TODO Better names: write, read
+ * 1. `write`: Transform value BEFORE writing to cache, called only once if cache IS NOT present or IS NOT valid
+ * 2. `read`: Transform value AFTER it's read from cache, always called if cache IS valid, keep in mind this transform is applied on top of BEFORE
  *
  * Both should return same type or null.
  *
- * If newValue is null, old is returned, and no cache is set.
+ * If `newValue` is null, old is returned, and no cache is set.
  *
  * ```ts
  * class InputCache extends TypedCache<string, ImageBitmap> {
@@ -113,6 +108,10 @@ export declare abstract class TransformerMap<Key, Val = Key> extends Map<Key, Va
     protected write(key: Key, newValue?: Val, oldValue?: Val): MaybePromise<Val>;
     protected read(oldValue: Val, key: Key): MaybePromise<Val>;
     delete(key: Key): boolean;
+    /**
+     * Do something with the value and key before removing it from cache
+     * For example, close a file or a bitmap
+     */
     protected dispose(value: Val, key: Key): void;
     clear(): void;
     set(key: Key, value: Val): this;

package/dist/core/cache.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cache.d.ts","sourceRoot":"","sources":["../../src/core/cache.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAE7C,eAAO,MAAM,cAAc,SAAU,GAAG,QAAQ,GAAG,YAC0D,CAAC;AAE9G,eAAO,MAAM,KAAK,SAAU,GAAG,QAAQ,GAAG,YAAkB,CAAC;AAG7D,eAAO,MAAM,GAAG,eAAc,CAAC;AAE/B,wBAAgB,aAAa,CAAC,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,GAAG,EAAE,OAAO,UAAQ,gBAK/D,GAAG,SAgB1C;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,IAAI,CAAC,GAAG,SAAS,GAAG,EAAE,EAAE,GAAG,EAAE,aAAa,SAAS,GAAG,EAAE,GAAG,GAAG,EAC1E,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,YAAY,CAAC,GAAG,CAAC,EACvC,EACI,GAAgD,EAChD,UAAU,EACV,OAAO,GACV,GAAE;IACC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,GAAG,KAAK,aAAa,CAAC;IACrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,EAAE,aAAa,KAAK,OAAO,CAAC;IAC3D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;CACnD;cAwB2B,GAAG;;;;0BApBP,GAAG,GAAG,GAAG,EAAE;;EA2C3C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EG;AACH,8BAAsB,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAAE,SAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC;IAC1D,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM;gBAAZ,IAAI,EAAE,MAAM;IAK3C,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC;IAI5E,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC;IAI1D,MAAM,CAAC,GAAG,EAAE,GAAG;IAQf,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;IAEtC,KAAK;IAML,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI;IAIzB,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;CAkBrD"}
+{"version":3,"file":"cache.d.ts","sourceRoot":"","sources":["../../src/core/cache.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAE7C,eAAO,MAAM,cAAc,SAAU,GAAG,QAAQ,GAAG,YAC0D,CAAC;AAE9G,eAAO,MAAM,KAAK,SAAU,GAAG,QAAQ,GAAG,YAAkB,CAAC;AAG7D,eAAO,MAAM,GAAG,eAAc,CAAC;AAE/B,wBAAgB,aAAa,CAAC,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,GAAG,EAAE,OAAO,UAAQ,gBAK/D,GAAG,SAgB1C;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,IAAI,CAAC,GAAG,SAAS,GAAG,EAAE,EAAE,GAAG,EAAE,aAAa,SAAS,GAAG,EAAE,GAAG,GAAG,EAC1E,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,YAAY,CAAC,GAAG,CAAC,EACvC,EACI,GAAgD,EAChD,UAAU,EACV,OAAO,GACV,GAAE;IACC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,GAAG,KAAK,aAAa,CAAC;IACrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,EAAE,aAAa,KAAK,OAAO,CAAC;IAC3D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;CACnD;cAyB2B,GAAG;;;;0BApBP,GAAG,GAAG,GAAG,EAAE;;EA2C3C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AACH,8BAAsB,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAAE,SAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC;IAC1D,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM;gBAAZ,IAAI,EAAE,MAAM;IAK3C,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC;IAI5E,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC;IAI1D,MAAM,CAAC,GAAG,EAAE,GAAG;IAQf;;;OAGG;IACH,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;IAEtC,KAAK;IAML,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI;IAIzB,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;CAkBrD"}

package/dist/core/cache.js

@@ -54,7 +54,6 @@ function memo(fn, {
 }
 class TransformerMap extends Map {
   constructor(name) {
-    console.warn("CREATE cache", name);
     super();
     this.name = name;
   }
@@ -65,12 +64,16 @@ class TransformerMap extends Map {
     return oldValue;
   }
   delete(key) {
-    const has = this.has(key);
-    if (has) this.dispose(this.get(key), key);
+    const val = this.get(key);
+    const has = typeof val !== "undefined";
+    if (has) this.dispose(val, key);
     super.delete(key);
     return has;
   }
-  // do something with the value and key before removing it
+  /**
+   * Do something with the value and key before removing it from cache
+   * For example, close a file or a bitmap
+   */
   dispose(value, key) {
   }
   clear() {

package/dist/core/cache.js.map

@@ -1 +1 @@
-{"version":3,"file":"cache.js","sources":["../../src/core/cache.ts"],"sourcesContent":["import ManyKeysMap from 'many-keys-map';\n\nexport type MaybePromise<T> = T | Promise<T>;\n\nexport const shallowCompare = (prev: any, next: any) =>\n    Array.from(new Set([...Object.keys(prev), ...Object.keys(next)])).every((key) => prev[key] === next[key]);\n\nexport const equal = (prev: any, next: any) => prev === next;\n\nconst UNUSED = Symbol('UNUSED');\nexport const ANY = Symbol('*');\n\nexport function createTracker<Dep = any>(whenDifferent: (next: Dep, prev?: Dep) => any, shallow = false) {\n    let lastDependency: Dep = UNUSED as any;\n\n    const comparator = shallow ? shallowCompare : equal;\n\n    return function tracker(dependency: Dep) {\n        // console.log('Tracker', lastDependency, dependency);\n\n        if (lastDependency !== UNUSED && comparator(lastDependency, dependency)) {\n            // console.log('RETAINED cache', { lastDependency, dependency });\n            return false;\n        }\n\n        // console.log('INVALIDATED cache', {lastDependency, dependency});\n\n        const res = whenDifferent(dependency, lastDependency === UNUSED ? undefined : lastDependency) || true;\n\n        lastDependency = dependency;\n\n        return res;\n    };\n}\n\n/**\n * https://github.com/futpib/deep-weak-map\n * https://github.com/fregante/many-keys-map\n * https://github.com/fregante/many-keys-weakmap\n * https://github.com/sindresorhus/memoize?tab=readme-ov-file#example-multiple-non-serializable-arguments\n *\n * ```ts\n * const memoized = memo(\n *   (file, options, ...args) => { ... },\n *   {\n *     key: (file, options, ...args) => [file, JSON.stringify(options), ...args],\n *     invalidate: (bitmap) => !bitmap.width,\n *     dispose: (bitmap) => bitmap.close(),\n *   }\n * );\n * ```\n */\nexport function memo<Key extends any[], Val, SerializedKey extends any[] = Key>(\n    fn: (...args: Key) => MaybePromise<Val>,\n    {\n        key = (...k: Key) => k as never as SerializedKey,\n        invalidate,\n        dispose,\n    }: {\n        key?: (...key: Key) => SerializedKey;\n        invalidate?: (prev: Val, ...key: SerializedKey) => boolean;\n        dispose?: (prev: Val, ...key: SerializedKey) => void;\n    } = {},\n) {\n    const map = new ManyKeysMap<SerializedKey, Val>();\n\n    const clear = (...condition: Key | any[]) => {\n        if (!condition?.length) {\n            map.forEach((value, serializedKey) => {\n                dispose?.(value, ...serializedKey);\n            });\n            map.clear();\n            return;\n        }\n\n        const keyToClear = key(...(condition as any));\n\n        map.forEach((value, serializedKey) => {\n            if (!serializedKey.every((kk, i) => keyToClear[i] === ANY || kk === keyToClear[i])) return;\n            dispose?.(value, ...serializedKey);\n            map.delete(serializedKey);\n        });\n    };\n\n    const size = () => map.size;\n\n    async function memoized(...args: Key) {\n        const k = key(...args);\n\n        const has = map.has(k);\n        const old = map.get(k);\n\n        if (has && !invalidate?.(old as never as Val, ...k)) {\n            return { value: map.get(k), hit: true };\n        }\n\n        const value = await fn(...args);\n\n        map.set(k, value);\n\n        return { hit: false, value };\n    }\n\n    memoized.clear = clear;\n    memoized.size = size;\n\n    //TODO return mimic-function(memorized, fn);\n\n    return memoized;\n}\n\n/**\n * Allows to memoize values by key and invalidate them based on the previous value.\n *\n * This makes possible to implement various one-off and subsequent transformations.\n *\n * 1. `write`: Before writing to cache, called only once if cache is present and valid\n * 2. `read`: After it's read from cache, always called if cache is valid\n * TODO Better names: once, folloing\n * TODO Better names: memoize, recover\n * TODO Better names: writeTransformer, readTransformer\n * TODO Better names: writeModifier, readModifier\n * TODO Better names: write, read\n *\n * Both should return same type or null.\n *\n * If newValue is null, old is returned, and no cache is set.\n *\n * ```ts\n * class InputCache extends TypedCache<string, ImageBitmap> {\n *     dispose(bitmap: ImageBitmap, key: string) {\n *         bitmap.close();\n *     }\n * }\n *\n * const cache = new InputCache('input');\n *\n * // Cache provided OffscreenCanvas by name and create context once per canvas\n *\n * class CanvasCache extends TypedCache<string, OffscreenCanvas> {\n *     protected write(key: string, canvas: OffscreenCanvas): OffscreenCanvas {\n *         const canvas = newValue.getContext('2d');\n *         canvas.ctx = canvas;\n *         return canvas;\n *     }\n * }\n *\n * // Transfer control to offscreen canvas and track removal of original\n * // When called again, always return null, because canvas is handed to worker, and never returned to main\n *\n * class CanvasCache extends TypedCache<HTMLCanvasElement, OffscreenCanvas> {\n *\n *     protected write(canvas: HTMLCanvasElement): OffscreenCanvas {\n *         let l;\n *         canvas.addEventListener(\n *             'remove',\n *             (l = () => {\n *                 console.log('Removing canvas from cache', key);\n *                 this.delete(canvas);\n *                 key.removeEventListener('remove', l);\n *             }),\n *         );\n *         return canvas.transferControlToOffscreen();\n *     }\n *\n *     protected read() {\n *         return null;\n *     }\n * }\n *\n * // Create bitmap from file and check if was used, return null if used\n * // Since bitmaps are also cached in worker, used bitmaps are not sent\n *\n * class BitmapCache extends TypedCache<File, ImageBitmap, File> {\n *     protected async write(file: File): Promise<ImageBitmap> {\n *         return await createImageBitmap(file);\n *     }\n *\n *     protected read(bitmap: ImageBitmap): Promise<ImageBitmap> | ImageBitmap {\n *         if (!bitmap.width) return null;\n *         return bitmap;\n *     }\n * }\n *\n * ```\n */\nexport abstract class TransformerMap<Key, Val = Key> extends Map<Key, Val> {\n    constructor(protected readonly name: string) {\n        console.warn('CREATE cache', name);\n        super();\n    }\n\n    protected write(key: Key, newValue?: Val, oldValue?: Val): MaybePromise<Val> {\n        return newValue as Val;\n    }\n\n    protected read(oldValue: Val, key: Key): MaybePromise<Val> {\n        return oldValue;\n    }\n\n    delete(key: Key) {\n        const has = this.has(key);\n        if (has) this.dispose(this.get(key) as Val, key);\n        super.delete(key);\n        return has;\n    }\n\n    // do something with the value and key before removing it\n    protected dispose(value: Val, key: Key) {}\n\n    clear() {\n        console.log('CLEAR cache', this.name);\n        this.forEach(this.dispose);\n        super.clear();\n    }\n\n    set(key: Key, value: Val): this {\n        throw new Error('Use memo() method instead');\n    }\n\n    async memo(key: Key, newValue?: Val): Promise<Val> {\n        const oldValue = this.get(key);\n\n        if (!!oldValue && (!newValue || newValue === oldValue)) {\n            // console.log('FROM cache', this.name, key, 'old value', oldValue);\n            return this.read?.(oldValue, key);\n        }\n\n        if (this.has(key)) this.delete(key);\n\n        const value = await this.write(key, newValue, oldValue);\n\n        super.set(key, value);\n\n        // console.log('INVALIDATED KEY cache', this.name, key, 'has', has, 'invalidate', invalidate, 'new value', value);\n\n        return value;\n    }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cache.js","sources":["../../src/core/cache.ts"],"sourcesContent":["import ManyKeysMap from 'many-keys-map';\n\nexport type MaybePromise<T> = T | Promise<T>;\n\nexport const shallowCompare = (prev: any, next: any) =>\n    Array.from(new Set([...Object.keys(prev), ...Object.keys(next)])).every((key) => prev[key] === next[key]);\n\nexport const equal = (prev: any, next: any) => prev === next;\n\nconst UNUSED = Symbol('UNUSED');\nexport const ANY = Symbol('*');\n\nexport function createTracker<Dep = any>(whenDifferent: (next: Dep, prev?: Dep) => any, shallow = false) {\n    let lastDependency: Dep = UNUSED as any;\n\n    const comparator = shallow ? shallowCompare : equal;\n\n    return function tracker(dependency: Dep) {\n        // console.log('Tracker', lastDependency, dependency);\n\n        if (lastDependency !== UNUSED && comparator(lastDependency, dependency)) {\n            // console.log('RETAINED cache', { lastDependency, dependency });\n            return false;\n        }\n\n        // console.log('INVALIDATED cache', {lastDependency, dependency});\n\n        const res = whenDifferent(dependency, lastDependency === UNUSED ? undefined : lastDependency) || true;\n\n        lastDependency = dependency;\n\n        return res;\n    };\n}\n\n/**\n * https://github.com/futpib/deep-weak-map\n * https://github.com/fregante/many-keys-map\n * https://github.com/fregante/many-keys-weakmap\n * https://github.com/sindresorhus/memoize?tab=readme-ov-file#example-multiple-non-serializable-arguments\n *\n * ```ts\n * const memoized = memo(\n *   (file, options, ...args) => { ... },\n *   {\n *     key: (file, options, ...args) => [file, JSON.stringify(options), ...args],\n *     invalidate: (bitmap) => !bitmap.width,\n *     dispose: (bitmap) => bitmap.close(),\n *   }\n * );\n * ```\n */\nexport function memo<Key extends any[], Val, SerializedKey extends any[] = Key>(\n    fn: (...args: Key) => MaybePromise<Val>,\n    {\n        key = (...k: Key) => k as never as SerializedKey,\n        invalidate,\n        dispose,\n    }: {\n        key?: (...key: Key) => SerializedKey;\n        invalidate?: (prev: Val, ...key: SerializedKey) => boolean;\n        dispose?: (prev: Val, ...key: SerializedKey) => void;\n    } = {},\n) {\n    const map = new ManyKeysMap<SerializedKey, Val>();\n\n    //TODO Extend ManyKeysMap\n    const clear = (...condition: Key | any[]) => {\n        if (!condition?.length) {\n            map.forEach((value, serializedKey) => {\n                dispose?.(value, ...serializedKey);\n            });\n            map.clear();\n            return;\n        }\n\n        const keyToClear = key(...(condition as any));\n\n        map.forEach((value, serializedKey) => {\n            if (!serializedKey.every((kk, i) => keyToClear[i] === ANY || kk === keyToClear[i])) return;\n            dispose?.(value, ...serializedKey);\n            map.delete(serializedKey);\n        });\n    };\n\n    const size = () => map.size;\n\n    async function memoized(...args: Key) {\n        const k = key(...args);\n\n        const has = map.has(k);\n        const old = map.get(k);\n\n        if (has && !invalidate?.(old as never as Val, ...k)) {\n            return { value: map.get(k), hit: true };\n        }\n\n        const value = await fn(...args);\n\n        map.set(k, value);\n\n        return { hit: false, value };\n    }\n\n    memoized.clear = clear;\n    memoized.size = size;\n\n    //TODO return mimic-function(memorized, fn);\n\n    return memoized;\n}\n\n/**\n * Allows to memoize values by key and invalidate them based on the previous value.\n *\n * This makes possible to implement various one-off and subsequent transformations.\n *\n * 1. `write`: Transform value BEFORE writing to cache, called only once if cache IS NOT present or IS NOT valid\n * 2. `read`: Transform value AFTER it's read from cache, always called if cache IS valid, keep in mind this transform is applied on top of BEFORE\n *\n * Both should return same type or null.\n *\n * If `newValue` is null, old is returned, and no cache is set.\n *\n * ```ts\n * class InputCache extends TypedCache<string, ImageBitmap> {\n *     dispose(bitmap: ImageBitmap, key: string) {\n *         bitmap.close();\n *     }\n * }\n *\n * const cache = new InputCache('input');\n *\n * // Cache provided OffscreenCanvas by name and create context once per canvas\n *\n * class CanvasCache extends TypedCache<string, OffscreenCanvas> {\n *     protected write(key: string, canvas: OffscreenCanvas): OffscreenCanvas {\n *         const canvas = newValue.getContext('2d');\n *         canvas.ctx = canvas;\n *         return canvas;\n *     }\n * }\n *\n * // Transfer control to offscreen canvas and track removal of original\n * // When called again, always return null, because canvas is handed to worker, and never returned to main\n *\n * class CanvasCache extends TypedCache<HTMLCanvasElement, OffscreenCanvas> {\n *\n *     protected write(canvas: HTMLCanvasElement): OffscreenCanvas {\n *         let l;\n *         canvas.addEventListener(\n *             'remove',\n *             (l = () => {\n *                 console.log('Removing canvas from cache', key);\n *                 this.delete(canvas);\n *                 key.removeEventListener('remove', l);\n *             }),\n *         );\n *         return canvas.transferControlToOffscreen();\n *     }\n *\n *     protected read() {\n *         return null;\n *     }\n * }\n *\n * // Create bitmap from file and check if was used, return null if used\n * // Since bitmaps are also cached in worker, used bitmaps are not sent\n *\n * class BitmapCache extends TypedCache<File, ImageBitmap, File> {\n *     protected async write(file: File): Promise<ImageBitmap> {\n *         return await createImageBitmap(file);\n *     }\n *\n *     protected read(bitmap: ImageBitmap): Promise<ImageBitmap> | ImageBitmap {\n *         if (!bitmap.width) return null;\n *         return bitmap;\n *     }\n * }\n *\n * ```\n */\nexport abstract class TransformerMap<Key, Val = Key> extends Map<Key, Val> {\n    constructor(protected readonly name: string) {\n        // console.warn('CREATE cache', name);\n        super();\n    }\n\n    protected write(key: Key, newValue?: Val, oldValue?: Val): MaybePromise<Val> {\n        return newValue as Val;\n    }\n\n    protected read(oldValue: Val, key: Key): MaybePromise<Val> {\n        return oldValue;\n    }\n\n    delete(key: Key) {\n        const val = this.get(key);\n        const has = typeof val !== 'undefined';\n        if (has) this.dispose(val, key);\n        super.delete(key);\n        return has;\n    }\n\n    /**\n     * Do something with the value and key before removing it from cache\n     * For example, close a file or a bitmap\n     */\n    protected dispose(value: Val, key: Key) {}\n\n    clear() {\n        console.log('CLEAR cache', this.name);\n        this.forEach(this.dispose);\n        super.clear();\n    }\n\n    set(key: Key, value: Val): this {\n        throw new Error('Use memo() method instead');\n    }\n\n    async memo(key: Key, newValue?: Val): Promise<Val> {\n        const oldValue = this.get(key);\n\n        if (!!oldValue && (!newValue || newValue === oldValue)) {\n            // console.log('FROM cache', this.name, key, 'old value', oldValue);\n            return this.read?.(oldValue, key);\n        }\n\n        if (this.has(key)) this.delete(key);\n\n        const value = await this.write(key, newValue, oldValue);\n\n        super.set(key, value);\n\n        // console.log('INVALIDATED KEY cache', this.name, key, 'has', has, 'invalidate', invalidate, 'new value', value);\n\n        return value;\n    }\n}\n"],"names":[],"mappings":"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"}