@laser-ui/hooks 0.4.1 → 0.6.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.6.0](https://github.com/laser-ui/laser-ui/compare/v0.5.0...v0.6.0) (2024-03-06)
+
+**Note:** Version bump only for package @laser-ui/hooks
+
+# [0.5.0](https://github.com/laser-ui/laser-ui/compare/v0.4.1...v0.5.0) (2024-01-31)
+
+**Note:** Version bump only for package @laser-ui/hooks
+
 ## [0.4.1](https://github.com/laser-ui/laser-ui/compare/v0.4.0...v0.4.1) (2023-12-12)
 
 **Note:** Version bump only for package @laser-ui/hooks

package/index.d.ts

@@ -1,5 +1,3 @@
-export { useStorage } from './storage';
-export { useACL } from './useACL';
 export { useAsync } from './useAsync';
 export { useEvent } from './useEvent';
 export { useEventCallback } from './useEventCallback';

package/index.js

@@ -1,5 +1,3 @@
-export { useStorage } from './storage';
-export { useACL } from './useACL';
 export { useAsync } from './useAsync';
 export { useEvent } from './useEvent';
 export { useEventCallback } from './useEventCallback';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laser-ui/hooks",
-  "version": "0.4.1",
+  "version": "0.6.0",
   "description": "Shared hooks used by Laser UI packages.",
   "keywords": [
     "ui",
@@ -29,14 +29,11 @@
     "lodash": "^4.17.21"
   },
   "peerDependencies": {
-    "immer": ">=2.0.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "tslib": "^2.0.0"
+    "immer": ">=2.0.0"
   },
   "publishConfig": {
     "access": "public",
     "directory": "../../dist/libs/hooks"
   },
-  "gitHead": "83ceac5bb361608b2886a6697fc0943d49f520cc"
+  "gitHead": "b131bc22712979a5de35f237d1b0ef2d490ae62e"
 }

package/storage/index.d.ts

@@ -1,4 +0,0 @@
-export * from './useStorage';
-export * from './parser';
-export * from './storage';
-export * from './localStorage';

package/storage/index.js

@@ -1,4 +0,0 @@
-export * from './useStorage';
-export * from './parser';
-export * from './storage';
-export * from './localStorage';

package/storage/localStorage.d.ts

@@ -1,8 +0,0 @@
-import { AbstractStorage } from './storage';
-export declare class LocalStorageService extends AbstractStorage<string, string> {
-    getItem(key: string): string | null;
-    getItem(key: string, defaultValue: string): string;
-    setItem(key: string, value: string): void;
-    removeItem(key: string): void;
-    clear(): void;
-}

package/storage/localStorage.js

@@ -1,16 +0,0 @@
-import { AbstractStorage } from './storage';
-export class LocalStorageService extends AbstractStorage {
-    getItem(key, defaultValue) {
-        var _a, _b;
-        return (_b = (_a = localStorage.getItem(key)) !== null && _a !== void 0 ? _a : defaultValue) !== null && _b !== void 0 ? _b : null;
-    }
-    setItem(key, value) {
-        localStorage.setItem(key, value);
-    }
-    removeItem(key) {
-        localStorage.removeItem(key);
-    }
-    clear() {
-        localStorage.clear();
-    }
-}

package/storage/parser.d.ts

@@ -1,10 +0,0 @@
-export interface Parser<V, O> {
-    deserializer: (value: V) => O;
-    serializer: (value: O) => V;
-}
-export interface AbstractParserOptions<V> {
-    plain: Parser<V, string>;
-    number: Parser<V, number>;
-    json: Parser<V, any>;
-}
-export declare const STRING_PARSER: AbstractParserOptions<string>;

package/storage/parser.js

@@ -1,14 +0,0 @@
-export const STRING_PARSER = {
-    plain: {
-        serializer: (value) => value,
-        deserializer: (value) => value,
-    },
-    number: {
-        serializer: (value) => String(value),
-        deserializer: (value) => Number(value),
-    },
-    json: {
-        serializer: (value) => JSON.stringify(value),
-        deserializer: (value) => JSON.parse(value),
-    },
-};

package/storage/storage.d.ts

@@ -1,7 +0,0 @@
-export declare abstract class AbstractStorage<K, V> {
-    abstract getItem(key: K): V | null;
-    abstract getItem(key: K, defaultValue: V): V;
-    abstract setItem(key: K, value: V): void;
-    abstract removeItem(key: K): void;
-    abstract clear(): void;
-}

package/storage/storage.js

@@ -1,2 +0,0 @@
-export class AbstractStorage {
-}

package/storage/store.d.ts

@@ -1,18 +0,0 @@
-import type { AbstractStorage } from './storage';
-declare class Store {
-    private _listeners;
-    private _key;
-    private _storage;
-    constructor(key: any, storage: AbstractStorage<any, any>);
-    subscribe(onStoreChange: () => void): () => void;
-    getSnapshot(): any;
-    emitChange(): void;
-}
-export declare const stores: Map<any, Store>;
-export declare function useStore(key: any, defaultValue: any, storage: AbstractStorage<any, any>): {
-    subscribe: (onStoreChange: () => void) => () => void;
-    getSnapshot: () => any;
-    getServerSnapshot: () => any;
-    emitChange: () => void;
-};
-export {};

package/storage/store.js

@@ -1,64 +0,0 @@
-import { useMemo } from 'react';
-class Store {
-    constructor(key, storage) {
-        Object.defineProperty(this, "_listeners", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "_key", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "_storage", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this._key = key;
-        this._storage = storage;
-    }
-    subscribe(onStoreChange) {
-        this._listeners = this._listeners.concat([onStoreChange]);
-        return () => {
-            this._listeners = this._listeners.filter((f) => f !== onStoreChange);
-        };
-    }
-    getSnapshot() {
-        return this._storage.getItem(this._key);
-    }
-    emitChange() {
-        for (const listener of this._listeners) {
-            listener();
-        }
-    }
-}
-export const stores = new Map();
-export function useStore(key, defaultValue, storage) {
-    return useMemo(() => {
-        let store = stores.get(key);
-        if (!store) {
-            store = new Store(key, storage);
-            stores.set(key, store);
-        }
-        return {
-            subscribe: store.subscribe.bind(store),
-            getSnapshot: store.getSnapshot.bind(store),
-            getServerSnapshot: () => {
-                try {
-                    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                    return store.getSnapshot().bind(store);
-                }
-                catch (error) {
-                    return defaultValue !== null && defaultValue !== void 0 ? defaultValue : null;
-                }
-            },
-            emitChange: store.emitChange.bind(store),
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [key, storage]);
-}

package/storage/useStorage.d.ts

@@ -1,18 +0,0 @@
-import type { AbstractParserOptions } from './parser';
-import type { AbstractStorage } from './storage';
-interface UseStorageMethod<V> {
-    set: (value: V) => void;
-    remove: () => void;
-}
-export declare function useStorage<V, K = string>(key: K | null, defaultValue?: undefined, parser?: keyof AbstractParserOptions<any>): {
-    readonly value: V | null;
-} & UseStorageMethod<V>;
-export declare function useStorage<V, K = string>(key: K, defaultValue: V, parser?: keyof AbstractParserOptions<any>): {
-    readonly value: V;
-} & UseStorageMethod<V>;
-export declare namespace useStorage {
-    var SERVICE: AbstractStorage<any, any>;
-    var PARSER: AbstractParserOptions<any>;
-    var clear: () => void;
-}
-export {};

package/storage/useStorage.js

@@ -1,36 +0,0 @@
-import { isNull, isUndefined } from 'lodash';
-import { useMemo, useSyncExternalStore } from 'react';
-import { LocalStorageService } from './localStorage';
-import { STRING_PARSER } from './parser';
-import { useStore, stores } from './store';
-export function useStorage(key, defaultValue, parser = 'plain') {
-    const { SERVICE, PARSER } = useStorage;
-    const { serializer, deserializer } = isUndefined(parser) ? PARSER.plain : PARSER[parser];
-    const store = useStore(key, defaultValue, SERVICE);
-    const value = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getServerSnapshot);
-    return useMemo(() => ({
-        get value() {
-            if (isNull(value)) {
-                return defaultValue !== null && defaultValue !== void 0 ? defaultValue : null;
-            }
-            return deserializer(value);
-        },
-        set: (value) => {
-            const originValue = serializer(value);
-            SERVICE.setItem(key, originValue);
-            store.emitChange();
-        },
-        remove: () => {
-            SERVICE.removeItem(key);
-            store.emitChange();
-        },
-    }), [SERVICE, defaultValue, deserializer, key, serializer, store, value]);
-}
-useStorage.SERVICE = new LocalStorageService();
-useStorage.PARSER = STRING_PARSER;
-useStorage.clear = () => {
-    useStorage.SERVICE.clear();
-    for (const [, store] of stores) {
-        store.emitChange();
-    }
-};

package/useACL.d.ts

@@ -1,14 +0,0 @@
-export type Control = string | number;
-export type ControlMode = 'one' | 'all';
-export declare class ACL {
-    private _full;
-    private _controls;
-    get full(): boolean;
-    get controls(): Control[];
-    setFull(full: boolean): void;
-    set(control: Control[]): void;
-    add(control: Control | Control[]): void;
-    remove(control: Control | Control[]): void;
-    can(control: Control | Control[], mode?: ControlMode): boolean;
-}
-export declare function useACL(): ACL;

package/useACL.js

@@ -1,79 +0,0 @@
-import { isArray } from 'lodash';
-import { useSyncExternalStore } from 'react';
-export class ACL {
-    constructor() {
-        Object.defineProperty(this, "_full", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "_controls", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Set()
-        });
-    }
-    get full() {
-        return this._full;
-    }
-    get controls() {
-        return Array.from(this._controls);
-    }
-    setFull(full) {
-        this._full = full;
-        emitChange();
-    }
-    set(control) {
-        this._controls = new Set(control);
-        emitChange();
-    }
-    add(control) {
-        for (const v of isArray(control) ? control : [control]) {
-            this._controls.add(v);
-        }
-        emitChange();
-    }
-    remove(control) {
-        for (const v of isArray(control) ? control : [control]) {
-            this._controls.delete(v);
-        }
-        emitChange();
-    }
-    can(control, mode = 'one') {
-        if (this._full) {
-            return true;
-        }
-        const arr = isArray(control) ? control : [control];
-        let n = 0;
-        for (const v of arr) {
-            if (this._controls.has(v)) {
-                n += 1;
-            }
-        }
-        if (n > 0 && (mode === 'one' || (mode === 'all' && n === arr.length))) {
-            return true;
-        }
-        return false;
-    }
-}
-const acl = new ACL();
-let listeners = [];
-function subscribe(onStoreChange) {
-    listeners = listeners.concat([onStoreChange]);
-    return () => {
-        listeners = listeners.filter((f) => f !== onStoreChange);
-    };
-}
-function getSnapshot() {
-    return acl;
-}
-function emitChange() {
-    for (const listener of listeners) {
-        listener();
-    }
-}
-export function useACL() {
-    return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-}