@slimlib/store 1.0.1 → 1.1.0

package/README.md

@@ -2,6 +2,11 @@
 
 Proxy-based store for SPAs.
 
+1. Simple
+2. Relatively fast
+3. Small size (less than 1Kb minified not gzipped)
+4. Typescript support
+
 # Installation
 
 Using npm:
@@ -11,19 +16,92 @@ npm install --save-dev @slimlib/store
 
 # Usage
 
-TBD
+React:
+
+```javascript
+import { createStore, useStore } from '@slimlib/store/react';
+
+// create store
+const [state, store] = createStore();
+
+// action
+function doSomething() {
+    state.field = value;
+}
+
+//component
+function Component() {
+    const state = useStore(store);
+    
+    // use state
+}
+```
+
+Preact:
+
+```javascript
+import { createStore, useStore } from '@slimlib/store/preact';
+
+// create store
+const [state, store] = createStore();
+
+// action
+function doSomething() {
+    state.field = value;
+}
+
+//component
+function Component() {
+    const state = useStore(store);
+    
+    // use state
+}
+```
+
+Svelte:
+
+In store
+
+```javascript
+import { createStore, useStore } from '@slimlib/store/svelte';
+
+// create store
+const [state, store] = createStore();
+
+// action
+function doSomething() {
+    state.field = value;
+}
+
+export const storeName = {
+    subscribe: store
+};
+```
+
+In component
+
+```svelte
+<script>
+import { storeName } from './stores/storeName';
+</script>
+
+// use it in reactive way for reading data
+$storeName
+```
 
 ## API
 
-###  `createStoreFactory(notifyAfterCreation: boolean)`
+### `main` and `core` exports
 
-The only exported function. It returns createStore factory (see next).
+####  `createStoreFactory(notifyAfterCreation: boolean)`
 
-### `createStore<T>(initialState: T): [T, Store<T>]`
+The only exported function. It returns createStore factory (see next) which notifies innidiately after creating store if `notifyAfterCreation` is truethy.
+
+#### `createStore<T>(initialState: T): [T, Store<T>]`
 
 Store factory function that takes initial state and returns proxy object and store tuple. Proxy object ment to be left for actions implementations and store is for subscription for changes.
 
-### `Store<T>`
+#### `Store<T>`
 
 ```typescript
 type StoreCallback<T> = (value: T) => void;
@@ -36,6 +114,22 @@ interface Store<T> {
 
 Publish/subscribe/read pattern implementation. Ment to be used in components / services that want to subscribe for store changes.
 
+### `react` and `preact` exports
+
+#### `createStore<T>(initialState: T): [T, Store<T>]`
+
+Store factory created with `notifyAfterCreation` === `false`.
+
+### `useStore<T>(store: Store<T>): Readonly<T>`
+
+Function to subscribe to store inside component. Returns current state.
+
+### `svelte` export
+
+#### `createStore<T>(initialState: T): [T, Store<T>]`
+
+Store factory created with `notifyAfterCreation` === `true`.
+
 ## Limitations
 
 `Map`, `Set`, `WeakMap`, `WeakSet` cannot be used as values in current implementation.
@@ -45,4 +139,4 @@ Mixing proxied values and values from underlying object can fail for cases where
 For example searching array element from underlying object in proxified array will fail.
 # License
 
-[MIT](./LICENSE)
+[MIT](./LICENSE)

package/core/package.json

@@ -0,0 +1,3 @@
+{
+  "types": "../dist/core.d.ts"
+}

package/dist/core.cjs

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const unwrap = Symbol();
+const unwrapValue = (value) => (value != null && value[unwrap]) || value;
+const createStoreFactory = (notifyAfterCreation) => {
+    return (object = {}) => {
+        let willNotifyNextTick = false;
+        const proxiesCache = new WeakMap();
+        const storeListeners = new Set();
+        const enqueueNotification = () => {
+            if (!willNotifyNextTick) {
+                willNotifyNextTick = true;
+                queueMicrotask(() => {
+                    willNotifyNextTick = false;
+                    for (const listener of storeListeners) {
+                        listener(object);
+                    }
+                });
+            }
+        };
+        const handler = {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            set(target, p, value, receiver) {
+                const realValue = unwrapValue(value);
+                if (Reflect.get(target, p, receiver) !== realValue) {
+                    Reflect.set(target, p, realValue, receiver);
+                    enqueueNotification();
+                }
+                return true;
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            get(target, p, receiver) {
+                if (p === unwrap)
+                    return target;
+                const value = Reflect.get(target, p, receiver);
+                return value !== null && typeof value === 'object' && !(value instanceof RegExp) ? createProxy(value) : value;
+            },
+            defineProperty(...args) {
+                enqueueNotification();
+                return Reflect.defineProperty(...args);
+            },
+            deleteProperty(target, p) {
+                const result = Reflect.deleteProperty(target, p);
+                if (result) {
+                    enqueueNotification();
+                }
+                return result;
+            }
+        };
+        const proxy = createProxy(object);
+        return [
+            proxy,
+            ((cb) => {
+                if (!cb) {
+                    return object;
+                }
+                storeListeners.add(cb);
+                if (notifyAfterCreation) {
+                    cb(object);
+                }
+                return () => storeListeners.delete(cb);
+            })
+        ];
+        function createProxy(object) {
+            if (proxiesCache.has(object)) {
+                return proxiesCache.get(object);
+            }
+            else {
+                const proxy = new Proxy(object, handler);
+                proxiesCache.set(object, proxy);
+                return proxy;
+            }
+        }
+    };
+};
+
+exports.createStoreFactory = createStoreFactory;

package/dist/core.d.ts

@@ -0,0 +1,7 @@
+export declare type StoreCallback<T> = (value: T) => void;
+export declare type UnsubscribeCallback = () => void;
+export interface Store<T> {
+    (cb: StoreCallback<T>): UnsubscribeCallback;
+    (): Readonly<T>;
+}
+export declare const createStoreFactory: (notifyAfterCreation: boolean) => <T extends object>(object?: T) => [T, Store<T>];

package/dist/core.mjs

@@ -0,0 +1,75 @@
+const unwrap = Symbol();
+const unwrapValue = (value) => (value != null && value[unwrap]) || value;
+const createStoreFactory = (notifyAfterCreation) => {
+    return (object = {}) => {
+        let willNotifyNextTick = false;
+        const proxiesCache = new WeakMap();
+        const storeListeners = new Set();
+        const enqueueNotification = () => {
+            if (!willNotifyNextTick) {
+                willNotifyNextTick = true;
+                queueMicrotask(() => {
+                    willNotifyNextTick = false;
+                    for (const listener of storeListeners) {
+                        listener(object);
+                    }
+                });
+            }
+        };
+        const handler = {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            set(target, p, value, receiver) {
+                const realValue = unwrapValue(value);
+                if (Reflect.get(target, p, receiver) !== realValue) {
+                    Reflect.set(target, p, realValue, receiver);
+                    enqueueNotification();
+                }
+                return true;
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            get(target, p, receiver) {
+                if (p === unwrap)
+                    return target;
+                const value = Reflect.get(target, p, receiver);
+                return value !== null && typeof value === 'object' && !(value instanceof RegExp) ? createProxy(value) : value;
+            },
+            defineProperty(...args) {
+                enqueueNotification();
+                return Reflect.defineProperty(...args);
+            },
+            deleteProperty(target, p) {
+                const result = Reflect.deleteProperty(target, p);
+                if (result) {
+                    enqueueNotification();
+                }
+                return result;
+            }
+        };
+        const proxy = createProxy(object);
+        return [
+            proxy,
+            ((cb) => {
+                if (!cb) {
+                    return object;
+                }
+                storeListeners.add(cb);
+                if (notifyAfterCreation) {
+                    cb(object);
+                }
+                return () => storeListeners.delete(cb);
+            })
+        ];
+        function createProxy(object) {
+            if (proxiesCache.has(object)) {
+                return proxiesCache.get(object);
+            }
+            else {
+                const proxy = new Proxy(object, handler);
+                proxiesCache.set(object, proxy);
+                return proxy;
+            }
+        }
+    };
+};
+
+export { createStoreFactory };

package/dist/index.cjs

@@ -2,78 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const unwrap = Symbol();
-const unwrapValue = (value) => (value != null && value[unwrap]) || value;
-const createStoreFactory = (notifyAfterCreation) => {
-    return (object = {}) => {
-        let willNotifyNextTick = false;
-        const proxiesCache = new WeakMap();
-        const storeListeners = new Set();
-        const enqueueNotification = () => {
-            if (!willNotifyNextTick) {
-                willNotifyNextTick = true;
-                queueMicrotask(() => {
-                    willNotifyNextTick = false;
-                    for (const listener of storeListeners) {
-                        listener(object);
-                    }
-                });
-            }
-        };
-        const handler = {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            set(target, p, value, receiver) {
-                const realValue = unwrapValue(value);
-                if (Reflect.get(target, p, receiver) !== realValue) {
-                    Reflect.set(target, p, realValue, receiver);
-                    enqueueNotification();
-                }
-                return true;
-            },
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            get(target, p, receiver) {
-                if (p === unwrap)
-                    return target;
-                const value = Reflect.get(target, p, receiver);
-                return value !== null && typeof value === 'object' && !(value instanceof RegExp) ? createProxy(value) : value;
-            },
-            defineProperty(...args) {
-                enqueueNotification();
-                return Reflect.defineProperty(...args);
-            },
-            deleteProperty(target, p) {
-                const result = Reflect.deleteProperty(target, p);
-                if (result) {
-                    enqueueNotification();
-                }
-                return result;
-            }
-        };
-        const proxy = createProxy(object);
-        return [
-            proxy,
-            ((cb) => {
-                if (!cb) {
-                    return object;
-                }
-                storeListeners.add(cb);
-                if (notifyAfterCreation) {
-                    cb(object);
-                }
-                return () => storeListeners.delete(cb);
-            })
-        ];
-        function createProxy(object) {
-            if (proxiesCache.has(object)) {
-                return proxiesCache.get(object);
-            }
-            else {
-                const proxy = new Proxy(object, handler);
-                proxiesCache.set(object, proxy);
-                return proxy;
-            }
-        }
-    };
-};
+var core = require('./core.cjs');
 
-exports.createStoreFactory = createStoreFactory;
+
+
+exports.createStoreFactory = core.createStoreFactory;

package/dist/index.d.ts

@@ -1,7 +1 @@
-export declare type StoreCallback<T> = (value: T) => void;
-export declare type UnsubscribeCallback = () => void;
-export interface Store<T> {
-    (cb: StoreCallback<T>): UnsubscribeCallback;
-    (): Readonly<T>;
-}
-export declare const createStoreFactory: (notifyAfterCreation: boolean) => <T extends object>(object?: T) => [T, Store<T>];
+export * from './core';

package/dist/index.mjs

@@ -1,75 +1 @@
-const unwrap = Symbol();
-const unwrapValue = (value) => (value != null && value[unwrap]) || value;
-const createStoreFactory = (notifyAfterCreation) => {
-    return (object = {}) => {
-        let willNotifyNextTick = false;
-        const proxiesCache = new WeakMap();
-        const storeListeners = new Set();
-        const enqueueNotification = () => {
-            if (!willNotifyNextTick) {
-                willNotifyNextTick = true;
-                queueMicrotask(() => {
-                    willNotifyNextTick = false;
-                    for (const listener of storeListeners) {
-                        listener(object);
-                    }
-                });
-            }
-        };
-        const handler = {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            set(target, p, value, receiver) {
-                const realValue = unwrapValue(value);
-                if (Reflect.get(target, p, receiver) !== realValue) {
-                    Reflect.set(target, p, realValue, receiver);
-                    enqueueNotification();
-                }
-                return true;
-            },
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            get(target, p, receiver) {
-                if (p === unwrap)
-                    return target;
-                const value = Reflect.get(target, p, receiver);
-                return value !== null && typeof value === 'object' && !(value instanceof RegExp) ? createProxy(value) : value;
-            },
-            defineProperty(...args) {
-                enqueueNotification();
-                return Reflect.defineProperty(...args);
-            },
-            deleteProperty(target, p) {
-                const result = Reflect.deleteProperty(target, p);
-                if (result) {
-                    enqueueNotification();
-                }
-                return result;
-            }
-        };
-        const proxy = createProxy(object);
-        return [
-            proxy,
-            ((cb) => {
-                if (!cb) {
-                    return object;
-                }
-                storeListeners.add(cb);
-                if (notifyAfterCreation) {
-                    cb(object);
-                }
-                return () => storeListeners.delete(cb);
-            })
-        ];
-        function createProxy(object) {
-            if (proxiesCache.has(object)) {
-                return proxiesCache.get(object);
-            }
-            else {
-                const proxy = new Proxy(object, handler);
-                proxiesCache.set(object, proxy);
-                return proxy;
-            }
-        }
-    };
-};
-
-export { createStoreFactory };
+export { createStoreFactory } from './core.mjs';

package/dist/index.umd.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).slimlibStore={})}(this,(function(e){"use strict";const t=Symbol();e.createStoreFactory=e=>(n={})=>{let o=!1;const f=new WeakMap,r=new Set,c=()=>{o||(o=!0,queueMicrotask((()=>{o=!1;for(const e of r)e(n)})))},u={set(e,n,o,f){const r=(e=>null!=e&&e[t]||e)(o);return Reflect.get(e,n,f)!==r&&(Reflect.set(e,n,r,f),c()),!0},get(e,n,o){if(n===t)return e;const f=Reflect.get(e,n,o);return null===f||"object"!=typeof f||f instanceof RegExp?f:l(f)},defineProperty:(...e)=>(c(),Reflect.defineProperty(...e)),deleteProperty(e,t){const n=Reflect.deleteProperty(e,t);return n&&c(),n}};return[l(n),t=>t?(r.add(t),e&&t(n),()=>r.delete(t)):n];function l(e){if(f.has(e))return f.get(e);{const t=new Proxy(e,u);return f.set(e,t),t}}},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("./core")):"function"==typeof define&&define.amd?define(["exports","./core"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).slimlibStore={},e.slimlibStoreCore)}(this,(function(e,t){"use strict";Object.keys(t).forEach((function(n){"default"===n||e.hasOwnProperty(n)||Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[n]}})})),Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.js","sources":["../src/index.ts"],"sourcesContent":["export type StoreCallback<T> = (value: T) => void;\nexport type UnsubscribeCallback = () => void;\n\nexport interface Store<T> {\n    (cb: StoreCallback<T>): UnsubscribeCallback;\n    (): Readonly<T>;\n}\n\nconst unwrap = Symbol();\n\ntype Unwrappable<T> = {\n    [unwrap]: T;\n} & T;\n\nconst unwrapValue = <T>(value: T) => (value != null && (value as Unwrappable<T>)[unwrap]) || value;\n\nexport const createStoreFactory = (notifyAfterCreation: boolean) => {\n    return <T extends object>(object: T = {} as T): [T, Store<T>] => {\n        let willNotifyNextTick = false;\n        const proxiesCache = new WeakMap<T, T>();\n        const storeListeners = new Set<StoreCallback<T>>();\n        const enqueueNotification = () => {\n            if (!willNotifyNextTick) {\n                willNotifyNextTick = true;\n                queueMicrotask(() => {\n                    willNotifyNextTick = false;\n                    for (const listener of storeListeners) {\n                        listener(object);\n                    }\n                });\n            }\n        };\n        const handler: ProxyHandler<T> = {\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            set(target: T, p: string | symbol, value: any, receiver: any) {\n                const realValue = unwrapValue(value);\n                if (Reflect.get(target, p, receiver) !== realValue) {\n                    Reflect.set(target, p, realValue, receiver);\n                    enqueueNotification();\n                }\n                return true;\n            },\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            get(target: T, p: string | symbol, receiver: any) {\n                if (p === unwrap) return target;\n                const value = Reflect.get(target, p, receiver);\n                return value !== null && typeof value === 'object' && !(value instanceof RegExp) ? createProxy(value) : value;\n            },\n            defineProperty(...args: [T, string | symbol, PropertyDescriptor]) {\n                enqueueNotification();\n                return Reflect.defineProperty(...args);\n            },\n            deleteProperty(target: T, p: string | symbol) {\n                const result = Reflect.deleteProperty(target, p);\n                if (result) {\n                    enqueueNotification();\n                }\n                return result;\n            }\n        };\n        const proxy = createProxy(object);\n        return [\n            proxy,\n            ((cb?: StoreCallback<T>): UnsubscribeCallback | T => {\n                if (!cb) {\n                    return object;\n                }\n                storeListeners.add(cb);\n                if (notifyAfterCreation) {\n                    cb(object);\n                }\n                return () => storeListeners.delete(cb);\n            }) as Store<T>\n        ];\n        function createProxy(object: T): T {\n            if (proxiesCache.has(object)) {\n                return proxiesCache.get(object) as T;\n            } else {\n                const proxy = new Proxy(object, handler);\n                proxiesCache.set(object, proxy);\n                return proxy;\n            }\n        }\n    };\n};"],"names":["unwrap","Symbol","notifyAfterCreation","object","willNotifyNextTick","proxiesCache","WeakMap","storeListeners","Set","enqueueNotification","queueMicrotask","listener","handler","set","target","p","value","receiver","realValue","unwrapValue","Reflect","get","RegExp","createProxy","defineProperty","args","deleteProperty","result","cb","add","delete","has","proxy","Proxy"],"mappings":"oPAQA,MAAMA,EAASC,8BAQoBC,GACxB,CAAmBC,EAAY,MAClC,IAAIC,GAAqB,EACzB,MAAMC,EAAe,IAAIC,QACnBC,EAAiB,IAAIC,IACrBC,EAAsB,KACnBL,IACDA,GAAqB,EACrBM,gBAAe,KACXN,GAAqB,EACrB,IAAK,MAAMO,KAAYJ,EACnBI,EAASR,QAKnBS,EAA2B,CAE7BC,IAAIC,EAAWC,EAAoBC,EAAYC,GAC3C,MAAMC,EArBF,CAAIF,GAAuB,MAATA,GAAkBA,EAAyBhB,IAAYgB,EAqB3DG,CAAYH,GAK9B,OAJII,QAAQC,IAAIP,EAAQC,EAAGE,KAAcC,IACrCE,QAAQP,IAAIC,EAAQC,EAAGG,EAAWD,GAClCR,MAEG,GAGXY,IAAIP,EAAWC,EAAoBE,GAC/B,GAAIF,IAAMf,EAAQ,OAAOc,EACzB,MAAME,EAAQI,QAAQC,IAAIP,EAAQC,EAAGE,GACrC,OAAiB,OAAVD,GAAmC,iBAAVA,GAAwBA,aAAiBM,OAA+BN,EAArBO,EAAYP,IAEnGQ,eAAc,IAAIC,KACdhB,IACOW,QAAQI,kBAAkBC,IAErCC,eAAeZ,EAAWC,GACtB,MAAMY,EAASP,QAAQM,eAAeZ,EAAQC,GAI9C,OAHIY,GACAlB,IAEGkB,IAIf,MAAO,CADOJ,EAAYpB,GAGpByB,GACOA,GAGLrB,EAAesB,IAAID,GACf1B,GACA0B,EAAGzB,GAEA,IAAMI,EAAeuB,OAAOF,IANxBzB,GASnB,SAASoB,EAAYpB,GACjB,GAAIE,EAAa0B,IAAI5B,GACjB,OAAOE,EAAagB,IAAIlB,GACrB,CACH,MAAM6B,EAAQ,IAAIC,MAAM9B,EAAQS,GAEhC,OADAP,EAAaQ,IAAIV,EAAQ6B,GAClBA"}
+{"version":3,"file":"index.umd.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/preact.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks = require('preact/hooks');
+var core = require('./core.cjs');
+
+const createStore = core.createStoreFactory(false);
+const useStore = (store) => {
+    const [, setState] = hooks.useState();
+    hooks.useEffect(() => {
+        return store(() => setState({}));
+    }, []);
+    return store();
+};
+
+exports.createStore = createStore;
+exports.useStore = useStore;

package/dist/preact.d.ts

@@ -0,0 +1,3 @@
+import { Store } from './core';
+export declare const createStore: <T extends object>(object?: T) => [T, Store<T>];
+export declare const useStore: <T>(store: Store<T>) => Readonly<T>;

package/dist/preact.mjs

@@ -0,0 +1,13 @@
+import { useState, useEffect } from 'preact/hooks';
+import { createStoreFactory } from './core.mjs';
+
+const createStore = createStoreFactory(false);
+const useStore = (store) => {
+    const [, setState] = useState();
+    useEffect(() => {
+        return store(() => setState({}));
+    }, []);
+    return store();
+};
+
+export { createStore, useStore };

package/dist/preact.umd.js

@@ -0,0 +1,2 @@
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("preact/hooks"),require("./core")):"function"==typeof define&&define.amd?define(["exports","preact/hooks","./core"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).slimlibStorePreact={},e.preactHooks,e.slimlibStoreCore)}(this,(function(e,o,t){"use strict";const n=t.createStoreFactory(!1);e.createStore=n,e.useStore=e=>{const[,t]=o.useState();return o.useEffect((()=>e((()=>t({})))),[]),e()},Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=preact.umd.js.map

package/dist/preact.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preact.umd.js","sources":["../src/preact.ts"],"sourcesContent":["import { useState, useEffect } from 'preact/hooks';\nimport { createStoreFactory, Store } from './core';\n\nexport const createStore = createStoreFactory(false);\n\nexport const useStore = <T>(store: Store<T>) => {\n    const [, setState] = useState<object>();\n    \n    useEffect(() => {\n        return store(() => setState({}));\n    }, []);\n    \n    return store();\n};\n"],"names":["createStore","createStoreFactory","store","setState","useState","useEffect"],"mappings":"uWAGaA,EAAcC,sBAAmB,8BAElBC,IACxB,OAASC,GAAYC,aAMrB,OAJAC,aAAU,IACCH,GAAM,IAAMC,EAAS,OAC7B,IAEID"}

package/dist/react.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var core = require('./core.cjs');
+
+const createStore = core.createStoreFactory(false);
+const useStore = (store) => {
+    const [, setState] = react.useState();
+    react.useEffect(() => {
+        return store(() => setState({}));
+    }, []);
+    return store();
+};
+
+exports.createStore = createStore;
+exports.useStore = useStore;

package/dist/react.d.ts

@@ -0,0 +1,3 @@
+import { Store } from './core';
+export declare const createStore: <T extends object>(object?: T) => [T, Store<T>];
+export declare const useStore: <T>(store: Store<T>) => Readonly<T>;

package/dist/react.mjs

@@ -0,0 +1,13 @@
+import { useState, useEffect } from 'react';
+import { createStoreFactory } from './core.mjs';
+
+const createStore = createStoreFactory(false);
+const useStore = (store) => {
+    const [, setState] = useState();
+    useEffect(() => {
+        return store(() => setState({}));
+    }, []);
+    return store();
+};
+
+export { createStore, useStore };

package/dist/react.umd.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("./core")):"function"==typeof define&&define.amd?define(["exports","react","./core"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).slimlibStoreReact={},e.react,e.slimlibStoreCore)}(this,(function(e,t,o){"use strict";const n=o.createStoreFactory(!1);e.createStore=n,e.useStore=e=>{const[,o]=t.useState();return t.useEffect((()=>e((()=>o({})))),[]),e()},Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=react.umd.js.map

package/dist/react.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.umd.js","sources":["../src/react.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { createStoreFactory, Store } from './core';\n\nexport const createStore = createStoreFactory(false);\n\nexport const useStore = <T>(store: Store<T>) => {\n    const [, setState] = useState<object>();\n    \n    useEffect(() => {\n        return store(() => setState({}));\n    }, []);\n    \n    return store();\n};\n"],"names":["createStore","createStoreFactory","store","setState","useState","useEffect"],"mappings":"kVAGaA,EAAcC,sBAAmB,8BAElBC,IACxB,OAASC,GAAYC,aAMrB,OAJAC,aAAU,IACCH,GAAM,IAAMC,EAAS,OAC7B,IAEID"}

package/dist/svelte.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('./core.cjs');
+
+const createStore = core.createStoreFactory(true);
+
+exports.createStore = createStore;

package/dist/svelte.d.ts

@@ -0,0 +1 @@
+export declare const createStore: <T extends object>(object?: T) => [T, import("./core").Store<T>];

package/dist/svelte.mjs

@@ -0,0 +1,5 @@
+import { createStoreFactory } from './core.mjs';
+
+const createStore = createStoreFactory(true);
+
+export { createStore };

package/dist/svelte.umd.js

@@ -0,0 +1,2 @@
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("./core")):"function"==typeof define&&define.amd?define(["exports","./core"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).slimlibStoreSvelte={},e.slimlibStoreCore)}(this,(function(e,o){"use strict";const t=o.createStoreFactory(!0);e.createStore=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=svelte.umd.js.map

package/dist/svelte.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svelte.umd.js","sources":["../src/svelte.ts"],"sourcesContent":["import { createStoreFactory } from './core';\n\nexport const createStore = createStoreFactory(true);\n"],"names":["createStore","createStoreFactory"],"mappings":"gTAEaA,EAAcC,sBAAmB"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.1",
+  "version": "1.1.0",
   "license": "MIT",
   "name": "@slimlib/store",
   "author": "Konstantin Shutkin",
@@ -8,6 +8,22 @@
     ".": {
       "require": "./dist/index.cjs",
       "default": "./dist/index.mjs"
+    },
+    "./core": {
+      "require": "./dist/core.cjs",
+      "default": "./dist/core.mjs"
+    },
+    "./react": {
+      "require": "./dist/react.cjs",
+      "default": "./dist/react.mjs"
+    },
+    "./preact": {
+      "require": "./dist/preact.cjs",
+      "default": "./dist/preact.mjs"
+    },
+    "./svelte": {
+      "require": "./dist/svelte.cjs",
+      "default": "./dist/svelte.mjs"
     }
   },
   "main": "./dist/index.cjs",
@@ -15,7 +31,11 @@
   "typings": "./dist/index.d.ts",
   "unpkg": "./dist/index.umd.js",
   "files": [
-    "dist"
+    "dist",
+    "react",
+    "preact",
+    "core",
+    "svelte"
   ],
   "engines": {
     "node": ">=15"
@@ -29,11 +49,23 @@
   },
   "homepage": "https://github.com/kshutkin/slimlib/store/README.md",
   "scripts": {
-    "build": "pkgbld --umd=index",
+    "build": "pkgbld --umd=index,preact,react,svelte",
     "test": "jest --collectCoverage",
     "lint": "eslint ./src",
     "semantic-release": "npx semantic-release"
   },
+  "peerDependencies": {
+    "preact": ">=10.0.0",
+    "react": ">=17.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "preact": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@semantic-release/changelog": "6.0.1",
     "@semantic-release/commit-analyzer": "9.0.2",
@@ -41,18 +73,26 @@
     "@semantic-release/npm": "9.0.0",
     "@semantic-release/release-notes-generator": "10.0.3",
     "@types/jest": "27.4.0",
+    "@types/react": "^17.0.39",
     "@typescript-eslint/eslint-plugin": "5.11.0",
     "@typescript-eslint/parser": "5.11.0",
     "conventional-changelog-angular": "5.0.13",
     "eslint": "8.8.0",
     "jest": "27.5.1",
+    "pkgbld": "1.1.9",
+    "preact": ">=10.0.0",
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0",
+    "@testing-library/react": "12.1.3",
+    "@types/react-dom": ">=17.0.0",
     "semantic-release": "19.0.2",
     "semantic-release-monorepo": "7.0.5",
     "ts-jest": "27.1.3",
     "typescript": "4.5.x",
     "update-monorepo-package-json": "0.2.0",
-    "pkgbld": "1.1.9"
+    "@testing-library/svelte": "3.0.3",
+    "svelte": "3.46.4",
+    "svelte-jester": "2.3.2"
   },
-  "dependencies": {},
   "description": "Simple Proxy-based store for SPA"
 }

package/preact/package.json

@@ -0,0 +1,3 @@
+{
+  "types": "../dist/preact.d.ts"
+}

package/react/package.json

@@ -0,0 +1,3 @@
+{
+  "types": "../dist/react.d.ts"
+}

package/svelte/package.json

@@ -0,0 +1,3 @@
+{
+  "types": "../dist/svelte.d.ts"
+}