@yaasl/core 0.11.0 → 0.12.0

package/dist/@types/base/config.d.ts

@@ -1,4 +1,4 @@
-import type { EffectAtomCallback } from "../effects/createEffect";
+import type { EffectAtomCallback } from "../effects/create-effect";
 interface Config {
     /** Global name to make internal keys unique
      *  among UIs on the same domain.

package/dist/@types/base/{createActions.d.ts → create-actions.d.ts}

@@ -1,5 +1,5 @@
-import type { Atom } from "./createAtom";
-import type { SettableDerive } from "./createDerived";
+import type { Atom } from "./create-atom";
+import type { SettableDerive } from "./create-derived";
 type Reducer<State> = (state: State, ...payloadArgs: any[]) => State;
 export type Reducers<State> = Record<string, Reducer<State>>;
 type Payload<R extends Reducer<any>> = Parameters<R> extends [any, ...infer PayloadArgs] ? PayloadArgs : [];

package/dist/@types/base/{createAtom.d.ts → create-atom.d.ts}

@@ -1,6 +1,6 @@
 import { Updater } from "@yaasl/utils";
-import { Stateful } from "./Stateful";
-import type { EffectAtomCallback } from "../effects/createEffect";
+import { Stateful } from "./stateful";
+import type { EffectAtomCallback } from "../effects/create-effect";
 export interface AtomConfig<Value> {
     /** Value that will be used initially. */
     defaultValue: Value;

package/dist/@types/base/{createDerived.d.ts → create-derived.d.ts}

@@ -1,6 +1,6 @@
 import { Updater } from "@yaasl/utils";
-import type { Atom } from "./createAtom";
-import { Stateful } from "./Stateful";
+import type { Atom } from "./create-atom";
+import { Stateful } from "./stateful";
 type GetterFn<Value> = (context: {
     get: <V>(dep: Stateful<V>) => V;
 }) => Value;

package/dist/@types/base/{createSelector.d.ts → create-selector.d.ts}

@@ -1,5 +1,5 @@
 import { Prettify } from "@yaasl/utils";
-import { Stateful } from "./Stateful";
+import { Stateful } from "./stateful";
 type PathableValue = Record<string | number, unknown>;
 export type ObjPath<Obj> = Prettify<Obj> extends PathableValue ? {
     [K in keyof Obj]: `${Exclude<K, symbol>}${"" | `.${ObjPath<Obj[K]>}`}`;

package/dist/@types/base/{createSlice.d.ts → create-slice.d.ts}

@@ -1,6 +1,6 @@
-import { Actions, Reducers } from "./createActions";
-import { Atom, AtomConfig } from "./createAtom";
-import { CombinerSelector, ObjPath, PathSelector } from "./createSelector";
+import { Actions, Reducers } from "./create-actions";
+import { Atom, AtomConfig } from "./create-atom";
+import { CombinerSelector, ObjPath, PathSelector } from "./create-selector";
 interface ReducersProp<State, R extends Reducers<State> | undefined> {
     /** Reducers for custom actions to set the atom's value. */
     reducers?: R;

package/dist/@types/base/{Destroyable.d.ts → destroyable.d.ts}

@@ -1,4 +1,4 @@
-import type { Callback, Stateful } from "./Stateful";
+import type { Callback, Stateful } from "./stateful";
 export declare class Destroyable {
     isDestroyed: boolean;
     private dependents;

package/dist/@types/base/index.d.ts

@@ -1,7 +1,7 @@
 export * from "./config";
-export * from "./createActions";
-export * from "./createAtom";
-export * from "./createDerived";
-export * from "./createSelector";
-export * from "./createSlice";
-export * from "./Stateful";
+export * from "./create-actions";
+export * from "./create-atom";
+export * from "./create-derived";
+export * from "./create-selector";
+export * from "./create-slice";
+export * from "./stateful";

package/dist/@types/base/{Stateful.d.ts → stateful.d.ts}

@@ -1,4 +1,4 @@
-import { Destroyable } from "./Destroyable";
+import { Destroyable } from "./destroyable";
 export type Callback<Value> = (value: Value, previous: Value) => void;
 export declare class Stateful<Value = unknown> extends Destroyable {
     protected value: Value;

package/dist/@types/effects/{EffectDispatcher.d.ts → effect-dispatcher.d.ts}

@@ -1,5 +1,5 @@
-import type { ActionType, EffectAtomCallback, EffectMeta } from "./createEffect";
-import type { Atom } from "../base/createAtom";
+import type { ActionType, EffectAtomCallback, EffectMeta } from "./create-effect";
+import type { Atom } from "../base/create-atom";
 export declare class EffectActions<Value> {
     private readonly atom;
     readonly meta?: EffectMeta;

package/dist/@types/effects/expiration.d.ts

@@ -14,4 +14,4 @@ export interface ExpirationOptions {
  *
  * @returns The effect to be used on atoms.
  **/
-export declare const expiration: (optionsArg: ExpirationOptions) => import("./createEffect").EffectAtomCallback<ExpirationOptions, any>;
+export declare const expiration: (optionsArg: ExpirationOptions) => import("./create-effect").EffectAtomCallback<ExpirationOptions, any>;

package/dist/@types/effects/index.d.ts

@@ -1,9 +1,11 @@
-export { createEffect } from "./createEffect";
-export type { Effect, EffectPayload, EffectAtomCallback } from "./createEffect";
-export { localStorage } from "./localStorage";
-export type { LocalStorageOptions, LocalStorageParser } from "./localStorage";
-export { indexedDb } from "./indexedDb";
-export type { IndexedDbOptions } from "./indexedDb";
+export { createEffect } from "./create-effect";
+export type { Effect, EffectPayload, EffectAtomCallback } from "./create-effect";
+export { localStorage } from "./local-storage";
+export type { LocalStorageOptions } from "./local-storage";
+export { sessionStorage } from "./session-storage";
+export type { SessionStorageOptions } from "./session-storage";
+export { indexedDb } from "./indexed-db";
+export type { IndexedDbOptions } from "./indexed-db";
 export { expiration } from "./expiration";
 export type { ExpirationOptions } from "./expiration";
 export { migration, createMigrationStep } from "./migration";

package/dist/@types/effects/{indexedDb.d.ts → indexed-db.d.ts}

@@ -12,4 +12,4 @@ export interface IndexedDbOptions {
  *
  * @returns The effect to be used on atoms.
  **/
-export declare const indexedDb: (...[optionsArg]: [] | [undefined] | [IndexedDbOptions]) => import("./createEffect").EffectAtomCallback<IndexedDbOptions | undefined, unknown>;
+export declare const indexedDb: (...[optionsArg]: [] | [undefined] | [IndexedDbOptions]) => import("./create-effect").EffectAtomCallback<IndexedDbOptions | undefined, unknown>;

package/dist/@types/effects/{localStorage.d.ts → local-storage.d.ts}

@@ -1,7 +1,4 @@
-export interface LocalStorageParser<T = any> {
-    parse: (value: string) => T;
-    stringify: (value: T) => string;
-}
+import { StringStorageParser } from "../utils/string-storage";
 export interface LocalStorageOptions {
     /** Use your own key for the local storage.
      *  Will be "{config-name}/{atom-name}" by default.
@@ -13,7 +10,7 @@ export interface LocalStorageOptions {
      *  Defaults to JSON.stringify and JSON.parse.
      *  Use this when handling complex datatypes like Maps or Sets.
      */
-    parser?: LocalStorageParser;
+    parser?: StringStorageParser;
 }
 /** Middleware to save and load atom values to the local storage.
  *
@@ -25,4 +22,4 @@ export interface LocalStorageOptions {
  *
  * @returns The effect to be used on atoms.
  **/
-export declare const localStorage: (...[optionsArg]: [] | [undefined] | [LocalStorageOptions]) => import("./createEffect").EffectAtomCallback<LocalStorageOptions | undefined, unknown>;
+export declare const localStorage: (...[optionsArg]: [] | [undefined] | [LocalStorageOptions]) => import("./create-effect").EffectAtomCallback<LocalStorageOptions | undefined, unknown>;

package/dist/@types/effects/migration.d.ts

@@ -25,7 +25,7 @@ export interface MigrationOptions {
  *
  *  @returns The effect to be used on atoms.
  **/
-export declare const migration: (optionsArg: MigrationOptions) => import("./createEffect").EffectAtomCallback<MigrationOptions, unknown>;
+export declare const migration: (optionsArg: MigrationOptions) => import("./create-effect").EffectAtomCallback<MigrationOptions, unknown>;
 /** Helper to create a step for the migration effect.
  *
  *  @param migration Migration step to create.

package/dist/@types/effects/session-storage.d.ts

@@ -0,0 +1,23 @@
+import { StringStorageParser } from "../utils/string-storage";
+export interface SessionStorageOptions {
+    /** Use your own key for the session storage.
+     *  Will be "{config-name}/{atom-name}" by default.
+     */
+    key?: string;
+    /** Custom functions to stringify and parse values.
+     *  Defaults to JSON.stringify and JSON.parse.
+     *  Use this when handling complex datatypes like Maps or Sets.
+     */
+    parser?: StringStorageParser;
+}
+/** Middleware to save and load atom values to the session storage.
+ *
+ * @param {SessionStorageOptions | undefined} options
+ * @param options.key Use your own key for the session storage.
+ *   Will be "{config-name}/{atom-name}" by default.
+ * @param options.noTabSync Disable the synchronization of values over browser tabs.
+ * @param options.parser Custom functions to stringify and parse values. Defaults to JSON.stringify and JSON.parse. Use this when handling complex datatypes like Maps or Sets.
+ *
+ * @returns The effect to be used on atoms.
+ **/
+export declare const sessionStorage: (...[optionsArg]: [] | [undefined] | [SessionStorageOptions]) => import("./create-effect").EffectAtomCallback<SessionStorageOptions | undefined, unknown>;

package/dist/@types/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./base";
 export * from "./effects";
+export type { StringStorageParser } from "./utils/string-storage";

package/dist/@types/utils/{Store.d.ts → idb-store.d.ts}

@@ -1,4 +1,4 @@
-export declare class Store<T> {
+export declare class IdbStore<T> {
     private name;
     private database?;
     constructor(name: string);

package/dist/@types/utils/string-storage.d.ts

@@ -0,0 +1,24 @@
+interface StringStore {
+    getItem: (key: string) => string | null;
+    setItem: (key: string, value: string) => void;
+    removeItem: (key: string) => void;
+}
+export interface StringStorageParser<T = any> {
+    parse: (value: string) => T;
+    stringify: (value: T) => string;
+}
+export interface StringStorageConstructorOptions<T> {
+    key: string;
+    store?: StringStore;
+    parser?: StringStorageParser<T>;
+}
+export declare class StringStorage<T = unknown> {
+    private readonly key;
+    private readonly store;
+    private readonly parser;
+    constructor({ key, store, parser, }: StringStorageConstructorOptions<T>);
+    get(): T | null;
+    set(value: T): void;
+    remove(): void;
+}
+export {};

package/dist/cjs/base/{createAtom.js → create-atom.js}

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createAtom = exports.Atom = void 0;
 const utils_1 = require("@yaasl/utils");
 const config_1 = require("./config");
-const Stateful_1 = require("./Stateful");
-const EffectDispatcher_1 = require("../effects/EffectDispatcher");
+const stateful_1 = require("./stateful");
+const effect_dispatcher_1 = require("../effects/effect-dispatcher");
 let key = 0;
-class Atom extends Stateful_1.Stateful {
+class Atom extends stateful_1.Stateful {
     constructor({ defaultValue, name = `atom-${++key}`, effects: localEffects = [], }) {
         super(defaultValue);
         this.name = name;
@@ -15,7 +15,7 @@ class Atom extends Stateful_1.Stateful {
             ...config_1.CONFIG.globalEffects,
             ...localEffects,
         ];
-        this.effects = new EffectDispatcher_1.EffectDispatcher(this, effects);
+        this.effects = new effect_dispatcher_1.EffectDispatcher(this, effects);
         if (effects.length === 0) {
             this.setDidInit(true);
             return;
@@ -29,6 +29,7 @@ class Atom extends Stateful_1.Stateful {
         }
     }
     initEffects() {
+        // eslint-disable-next-line unicorn/consistent-function-scoping
         const updateValue = (value) => {
             super.update(value);
             return value;

package/dist/cjs/base/{createDerived.js → create-derived.js}

@@ -3,20 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SettableDerive = exports.Derive = void 0;
 exports.createDerived = createDerived;
 const utils_1 = require("@yaasl/utils");
-const Stateful_1 = require("./Stateful");
+const stateful_1 = require("./stateful");
 const allDidInit = (atoms) => {
     const inits = atoms
         .map(atom => atom.didInit)
         .filter((didInit) => typeof didInit !== "boolean");
     return inits.length === 0 ? true : Promise.all(inits).then(utils_1.toVoid);
 };
-class Derive extends Stateful_1.Stateful {
+class Derive extends stateful_1.Stateful {
     constructor(getter) {
         super(undefined);
         this.getter = getter;
         this.getterDependencies = new Set();
         this.value = getter({ get: dep => this.addGetDependency(dep) });
-        this.setDidInit(allDidInit(Array.from(this.getterDependencies)));
+        this.setDidInit(allDidInit([...this.getterDependencies]));
     }
     addGetDependency(dependency) {
         if (!this.getterDependencies.has(dependency)) {
@@ -71,7 +71,7 @@ class SettableDerive extends Derive {
         if (getterDependencies.size !== setterDependencies.size) {
             return false;
         }
-        return Array.from(setterDependencies).every(dependency => getterDependencies.has(dependency));
+        return [...setterDependencies].every(dependency => getterDependencies.has(dependency));
     }
 }
 exports.SettableDerive = SettableDerive;

package/dist/cjs/base/{createSelector.js → create-selector.js}

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createSelector = exports.CombinerSelector = exports.PathSelector = void 0;
 const utils_1 = require("@yaasl/utils");
-const Stateful_1 = require("./Stateful");
+const stateful_1 = require("./stateful");
 const selectPath = (state, path) => path
     .split(".")
     .reduce((result, key) => result[key], state);
-class PathSelector extends Stateful_1.Stateful {
+class PathSelector extends stateful_1.Stateful {
     constructor(atom, path) {
         super(selectPath(atom.get(), path));
         this.subscribeTo(atom, state => this.update(selectPath(state, path)));
@@ -21,7 +21,7 @@ const allDidInit = (atoms) => {
         .filter((didInit) => typeof didInit !== "boolean");
     return inits.length === 0 ? true : Promise.all(inits).then(utils_1.toVoid);
 };
-class CombinerSelector extends Stateful_1.Stateful {
+class CombinerSelector extends stateful_1.Stateful {
     constructor(atoms, combiner) {
         const selectState = () => {
             const values = atoms.map(atom => atom.get());
@@ -34,7 +34,7 @@ class CombinerSelector extends Stateful_1.Stateful {
 }
 exports.CombinerSelector = CombinerSelector;
 const createSelector = (atoms, selector) => {
-    if (atoms instanceof Stateful_1.Stateful && typeof selector === "string") {
+    if (atoms instanceof stateful_1.Stateful && typeof selector === "string") {
         // eslint-disable-next-line @typescript-eslint/no-unsafe-return
         return new PathSelector(atoms, selector);
     }

package/dist/cjs/base/{createSlice.js → create-slice.js}

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createSlice = void 0;
-const createActions_1 = require("./createActions");
-const createAtom_1 = require("./createAtom");
-const createSelector_1 = require("./createSelector");
+const create_actions_1 = require("./create-actions");
+const create_atom_1 = require("./create-atom");
+const create_selector_1 = require("./create-selector");
 const isEmpty = (obj) => !obj || Object.keys(obj).length === 0;
 const createSelectors = (atom, selectors) => Object.fromEntries(Object.entries(selectors).map(([key, selector]) => [
     key,
     typeof selector === "string"
-        ? (0, createSelector_1.createSelector)(atom, selector)
-        : (0, createSelector_1.createSelector)([atom], selector),
+        ? (0, create_selector_1.createSelector)(atom, selector)
+        : (0, create_selector_1.createSelector)([atom], selector),
 ]));
 /** Creates a slice with actions and selectors.
  *
@@ -22,11 +22,11 @@ const createSelectors = (atom, selectors) => Object.fromEntries(Object.entries(s
  * @returns An atom instance with actions and selectors.
  **/
 const createSlice = (config) => {
-    const atom = new createAtom_1.Atom(config);
+    const atom = new create_atom_1.Atom(config);
     const actionsProp = isEmpty(config.reducers)
         ? {}
         : {
-            actions: (0, createActions_1.createActions)(atom, config.reducers),
+            actions: (0, create_actions_1.createActions)(atom, config.reducers),
         };
     const selectorsProp = isEmpty(config.selectors)
         ? {}

package/dist/cjs/base/{Destroyable.js → destroyable.js}

@@ -16,6 +16,7 @@ class Destroyable {
         this.dependents.clear();
         this.unsubscribers.clear();
         this.isDestroyed = true;
+        // eslint-disable-next-line unicorn/consistent-function-scoping
         const throwOnCall = () => {
             const name = "name" in this ? this.name : undefined;
             throw new Error((0, utils_1.consoleMessage)("The methods of a destroyed atom cannot be called.", {

package/dist/cjs/base/index.js

@@ -15,9 +15,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./config"), exports);
-__exportStar(require("./createActions"), exports);
-__exportStar(require("./createAtom"), exports);
-__exportStar(require("./createDerived"), exports);
-__exportStar(require("./createSelector"), exports);
-__exportStar(require("./createSlice"), exports);
-__exportStar(require("./Stateful"), exports);
+__exportStar(require("./create-actions"), exports);
+__exportStar(require("./create-atom"), exports);
+__exportStar(require("./create-derived"), exports);
+__exportStar(require("./create-selector"), exports);
+__exportStar(require("./create-slice"), exports);
+__exportStar(require("./stateful"), exports);

package/dist/cjs/base/{Stateful.js → stateful.js}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Stateful = void 0;
-const Destroyable_1 = require("./Destroyable");
-class Stateful extends Destroyable_1.Destroyable {
+const destroyable_1 = require("./destroyable");
+class Stateful extends destroyable_1.Destroyable {
     constructor(value) {
         super();
         this.value = value;

package/dist/cjs/effects/{EffectDispatcher.js → effect-dispatcher.js}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EffectDispatcher = exports.EffectActions = void 0;
 const utils_1 = require("@yaasl/utils");
-const Queue_1 = require("../utils/Queue");
+const queue_1 = require("../utils/queue");
 const isTruthy = (value) => !!value;
 class EffectActions {
     constructor(atom, effectCreator) {
@@ -35,7 +35,7 @@ exports.EffectActions = EffectActions;
 class EffectDispatcher {
     constructor(atom, effects) {
         this.effects = [];
-        this.queue = new Queue_1.Queue();
+        this.queue = new queue_1.Queue();
         this.effects = effects
             .map(create => new EffectActions(atom, create))
             .sort((a, b) => {

package/dist/cjs/effects/expiration.js

@@ -3,9 +3,9 @@ var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.expiration = void 0;
 const utils_1 = require("@yaasl/utils");
-const createEffect_1 = require("./createEffect");
+const create_effect_1 = require("./create-effect");
 const base_1 = require("../base");
-const Expiration_1 = require("../utils/Expiration");
+const expiration_1 = require("../utils/expiration");
 const STORAGE = (_b = (_a = (0, utils_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.localStorage) !== null && _b !== void 0 ? _b : {
     getItem: () => null,
     setItem: utils_1.toVoid,
@@ -32,13 +32,13 @@ const syncOverBrowserTabs = (observingKey, onChange) => {
  *
  * @returns The effect to be used on atoms.
  **/
-exports.expiration = (0, createEffect_1.createEffect)(({ atom, options = {} }) => {
+exports.expiration = (0, create_effect_1.createEffect)(({ atom, options = {} }) => {
     var _a;
     const hasExpiration = Boolean((_a = options.expiresAt) !== null && _a !== void 0 ? _a : options.expiresIn);
     if (!hasExpiration)
         return {};
     const key = base_1.CONFIG.name ? `${base_1.CONFIG.name}/${atom.name}` : atom.name;
-    const expiration = new Expiration_1.Expiration(Object.assign(Object.assign({}, options), { key: `${key}-expires-at` }));
+    const expiration = new expiration_1.Expiration(Object.assign(Object.assign({}, options), { key: `${key}-expires-at` }));
     const reset = () => {
         expiration.remove();
         atom.set(atom.defaultValue);

package/dist/cjs/effects/index.js

@@ -1,12 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createMigrationStep = exports.migration = exports.expiration = exports.indexedDb = exports.localStorage = exports.createEffect = void 0;
-var createEffect_1 = require("./createEffect");
-Object.defineProperty(exports, "createEffect", { enumerable: true, get: function () { return createEffect_1.createEffect; } });
-var localStorage_1 = require("./localStorage");
-Object.defineProperty(exports, "localStorage", { enumerable: true, get: function () { return localStorage_1.localStorage; } });
-var indexedDb_1 = require("./indexedDb");
-Object.defineProperty(exports, "indexedDb", { enumerable: true, get: function () { return indexedDb_1.indexedDb; } });
+exports.createMigrationStep = exports.migration = exports.expiration = exports.indexedDb = exports.sessionStorage = exports.localStorage = exports.createEffect = void 0;
+var create_effect_1 = require("./create-effect");
+Object.defineProperty(exports, "createEffect", { enumerable: true, get: function () { return create_effect_1.createEffect; } });
+var local_storage_1 = require("./local-storage");
+Object.defineProperty(exports, "localStorage", { enumerable: true, get: function () { return local_storage_1.localStorage; } });
+var session_storage_1 = require("./session-storage");
+Object.defineProperty(exports, "sessionStorage", { enumerable: true, get: function () { return session_storage_1.sessionStorage; } });
+var indexed_db_1 = require("./indexed-db");
+Object.defineProperty(exports, "indexedDb", { enumerable: true, get: function () { return indexed_db_1.indexedDb; } });
 var expiration_1 = require("./expiration");
 Object.defineProperty(exports, "expiration", { enumerable: true, get: function () { return expiration_1.expiration; } });
 var migration_1 = require("./migration");

package/dist/cjs/effects/{indexedDb.js → indexed-db.js}

@@ -10,9 +10,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.indexedDb = void 0;
-const createEffect_1 = require("./createEffect");
+const create_effect_1 = require("./create-effect");
 const base_1 = require("../base");
-const Store_1 = require("../utils/Store");
+const idb_store_1 = require("../utils/idb-store");
 let atomDb = null;
 /** Middleware to save and load atom values to an indexedDb.
  *
@@ -24,7 +24,7 @@ let atomDb = null;
  *
  * @returns The effect to be used on atoms.
  **/
-exports.indexedDb = (0, createEffect_1.createEffect)(({ atom, options }) => {
+exports.indexedDb = (0, create_effect_1.createEffect)(({ atom, options }) => {
     var _a;
     const key = (_a = options === null || options === void 0 ? void 0 : options.key) !== null && _a !== void 0 ? _a : atom.name;
     return {
@@ -32,7 +32,7 @@ exports.indexedDb = (0, createEffect_1.createEffect)(({ atom, options }) => {
         init: (_a) => __awaiter(void 0, [_a], void 0, function* ({ atom, set }) {
             var _b;
             if (!atomDb) {
-                atomDb = new Store_1.Store((_b = base_1.CONFIG.name) !== null && _b !== void 0 ? _b : "yaasl");
+                atomDb = new idb_store_1.IdbStore((_b = base_1.CONFIG.name) !== null && _b !== void 0 ? _b : "yaasl");
             }
             const existing = yield atomDb.get(key);
             if (existing != null) {

package/dist/cjs/effects/local-storage.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.localStorage = void 0;
+const utils_1 = require("@yaasl/utils");
+const create_effect_1 = require("./create-effect");
+const base_1 = require("../base");
+const string_storage_1 = require("../utils/string-storage");
+const syncOverBrowserTabs = (observingKey, onTabSync) => {
+    var _a;
+    return (_a = (0, utils_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.addEventListener("storage", ({ key, newValue }) => {
+        if (observingKey !== key)
+            return;
+        onTabSync(newValue);
+    });
+};
+/** Middleware to save and load atom values to the local storage.
+ *
+ * @param {LocalStorageOptions | undefined} options
+ * @param options.key Use your own key for the local storage.
+ *   Will be "{config-name}/{atom-name}" by default.
+ * @param options.noTabSync Disable the synchronization of values over browser tabs.
+ * @param options.parser Custom functions to stringify and parse values. Defaults to JSON.stringify and JSON.parse. Use this when handling complex datatypes like Maps or Sets.
+ *
+ * @returns The effect to be used on atoms.
+ **/
+exports.localStorage = (0, create_effect_1.createEffect)(({ atom, options = {} }) => {
+    var _a;
+    const internalKey = base_1.CONFIG.name ? `${base_1.CONFIG.name}/${atom.name}` : atom.name;
+    const { key = internalKey, parser, noTabSync } = options;
+    const storage = new string_storage_1.StringStorage({
+        key,
+        store: (_a = (0, utils_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.localStorage,
+        parser,
+    });
+    if (!noTabSync) {
+        syncOverBrowserTabs(key, () => { var _a; return atom.set((_a = storage.get()) !== null && _a !== void 0 ? _a : atom.defaultValue); });
+    }
+    return {
+        sort: "pre",
+        init: ({ set }) => {
+            const existing = storage.get();
+            if (existing != null) {
+                set(existing);
+            }
+        },
+        set: ({ value, atom }) => {
+            if (value === atom.defaultValue) {
+                storage.remove();
+            }
+            else {
+                storage.set(value);
+            }
+        },
+    };
+});

package/dist/cjs/effects/migration.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createMigrationStep = exports.migration = void 0;
 const utils_1 = require("@yaasl/utils");
-const createEffect_1 = require("./createEffect");
+const create_effect_1 = require("./create-effect");
 const base_1 = require("../base");
 const sortMigrations = (migrations) => {
     const first = migrations.find(migration => migration.previous === null);
@@ -70,7 +70,7 @@ const performMigration = (atom, version, migrations) => {
  *
  *  @returns The effect to be used on atoms.
  **/
-exports.migration = (0, createEffect_1.createEffect)({
+exports.migration = (0, create_effect_1.createEffect)({
     didInit: ({ atom, options, set }) => {
         var _a, _b;
         const steps = sortMigrations(options.steps);

package/dist/cjs/effects/{localStorage.js → session-storage.js}

@@ -1,25 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.localStorage = void 0;
-const createEffect_1 = require("./createEffect");
+exports.sessionStorage = void 0;
+const utils_1 = require("@yaasl/utils");
+const create_effect_1 = require("./create-effect");
 const base_1 = require("../base");
-const LocalStorage_1 = require("../utils/LocalStorage");
-/** Middleware to save and load atom values to the local storage.
+const string_storage_1 = require("../utils/string-storage");
+/** Middleware to save and load atom values to the session storage.
  *
- * @param {LocalStorageOptions | undefined} options
- * @param options.key Use your own key for the local storage.
+ * @param {SessionStorageOptions | undefined} options
+ * @param options.key Use your own key for the session storage.
  *   Will be "{config-name}/{atom-name}" by default.
  * @param options.noTabSync Disable the synchronization of values over browser tabs.
  * @param options.parser Custom functions to stringify and parse values. Defaults to JSON.stringify and JSON.parse. Use this when handling complex datatypes like Maps or Sets.
  *
  * @returns The effect to be used on atoms.
  **/
-exports.localStorage = (0, createEffect_1.createEffect)(({ atom, options = {} }) => {
+exports.sessionStorage = (0, create_effect_1.createEffect)(({ atom, options = {} }) => {
+    var _a;
     const internalKey = base_1.CONFIG.name ? `${base_1.CONFIG.name}/${atom.name}` : atom.name;
-    const { key = internalKey, parser, noTabSync } = options;
-    const storage = new LocalStorage_1.LocalStorage(key, {
+    const { key = internalKey, parser } = options;
+    const storage = new string_storage_1.StringStorage({
+        key,
+        store: (_a = (0, utils_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.sessionStorage,
         parser,
-        onTabSync: noTabSync ? undefined : value => atom.set(value),
     });
     return {
         sort: "pre",

package/dist/cjs/utils/{Store.js → idb-store.js}

@@ -9,13 +9,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Store = void 0;
+exports.IdbStore = void 0;
 const utils_1 = require("@yaasl/utils");
 const promisifyRequest = (request) => new Promise((resolve, reject) => {
     request.onsuccess = () => resolve(request.result);
     request.onerror = () => reject(request.error);
 });
-class Store {
+class IdbStore {
     constructor(name) {
         var _a;
         this.name = name;
@@ -49,4 +49,4 @@ class Store {
         return this.getStore("readwrite").then(store => !store ? undefined : promisifyRequest(store.delete(key)));
     }
 }
-exports.Store = Store;
+exports.IdbStore = IdbStore;

package/dist/cjs/utils/string-storage.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StringStorage = void 0;
+const utils_1 = require("@yaasl/utils");
+const createMemoryStore = () => {
+    const store = {};
+    return {
+        getItem: (key) => { var _a; return (_a = store[key]) !== null && _a !== void 0 ? _a : null; },
+        setItem: (key, value) => (store[key] = value),
+        removeItem: (key) => delete store[key],
+    };
+};
+class StringStorage {
+    constructor({ key, store = createMemoryStore(), parser = JSON, }) {
+        this.key = key;
+        this.store = store;
+        this.parser = parser;
+    }
+    get() {
+        const value = this.store.getItem(this.key);
+        try {
+            return typeof value !== "string" ? null : this.parser.parse(value);
+        }
+        catch (_a) {
+            throw new Error((0, utils_1.consoleMessage)(`Value of local storage key "${this.key}" could not be parsed.`));
+        }
+    }
+    set(value) {
+        try {
+            if (value === null) {
+                this.store.removeItem(this.key);
+            }
+            else {
+                this.store.setItem(this.key, this.parser.stringify(value));
+            }
+        }
+        catch (_a) {
+            utils_1.log.error(`Value of atom with local storage key "${this.key}" could not be set.`, { value });
+        }
+    }
+    remove() {
+        this.store.removeItem(this.key);
+    }
+}
+exports.StringStorage = StringStorage;

package/dist/esm/base/{createAtom.js → create-atom.js}

@@ -1,7 +1,7 @@
 import { updater, Thenable, toVoid } from "@yaasl/utils";
 import { CONFIG } from "./config";
-import { Stateful } from "./Stateful";
-import { EffectDispatcher } from "../effects/EffectDispatcher";
+import { Stateful } from "./stateful";
+import { EffectDispatcher } from "../effects/effect-dispatcher";
 let key = 0;
 export class Atom extends Stateful {
     /** Default value of the atom. */
@@ -31,6 +31,7 @@ export class Atom extends Stateful {
         }
     }
     initEffects() {
+        // eslint-disable-next-line unicorn/consistent-function-scoping
         const updateValue = (value) => {
             super.update(value);
             return value;

package/dist/esm/base/{createDerived.js → create-derived.js}

@@ -1,5 +1,5 @@
 import { consoleMessage, toVoid, updater } from "@yaasl/utils";
-import { Stateful } from "./Stateful";
+import { Stateful } from "./stateful";
 const allDidInit = (atoms) => {
     const inits = atoms
         .map(atom => atom.didInit)
@@ -13,7 +13,7 @@ export class Derive extends Stateful {
         super(undefined);
         this.getter = getter;
         this.value = getter({ get: dep => this.addGetDependency(dep) });
-        this.setDidInit(allDidInit(Array.from(this.getterDependencies)));
+        this.setDidInit(allDidInit([...this.getterDependencies]));
     }
     addGetDependency(dependency) {
         if (!this.getterDependencies.has(dependency)) {
@@ -68,7 +68,7 @@ export class SettableDerive extends Derive {
         if (getterDependencies.size !== setterDependencies.size) {
             return false;
         }
-        return Array.from(setterDependencies).every(dependency => getterDependencies.has(dependency));
+        return [...setterDependencies].every(dependency => getterDependencies.has(dependency));
     }
 }
 export function createDerived(getter, setter) {

package/dist/esm/base/{createSelector.js → create-selector.js}

@@ -1,5 +1,5 @@
 import { toVoid } from "@yaasl/utils";
-import { Stateful } from "./Stateful";
+import { Stateful } from "./stateful";
 const selectPath = (state, path) => path
     .split(".")
     .reduce((result, key) => result[key], state);

package/dist/esm/base/{createSlice.js → create-slice.js}

@@ -1,6 +1,6 @@
-import { createActions } from "./createActions";
-import { Atom } from "./createAtom";
-import { createSelector, } from "./createSelector";
+import { createActions } from "./create-actions";
+import { Atom } from "./create-atom";
+import { createSelector, } from "./create-selector";
 const isEmpty = (obj) => !obj || Object.keys(obj).length === 0;
 const createSelectors = (atom, selectors) => Object.fromEntries(Object.entries(selectors).map(([key, selector]) => [
     key,

package/dist/esm/base/{Destroyable.js → destroyable.js}

@@ -11,6 +11,7 @@ export class Destroyable {
         this.dependents.clear();
         this.unsubscribers.clear();
         this.isDestroyed = true;
+        // eslint-disable-next-line unicorn/consistent-function-scoping
         const throwOnCall = () => {
             const name = "name" in this ? this.name : undefined;
             throw new Error(consoleMessage("The methods of a destroyed atom cannot be called.", {

package/dist/esm/base/index.js

@@ -1,7 +1,7 @@
 export * from "./config";
-export * from "./createActions";
-export * from "./createAtom";
-export * from "./createDerived";
-export * from "./createSelector";
-export * from "./createSlice";
-export * from "./Stateful";
+export * from "./create-actions";
+export * from "./create-atom";
+export * from "./create-derived";
+export * from "./create-selector";
+export * from "./create-slice";
+export * from "./stateful";

package/dist/esm/base/{Stateful.js → stateful.js}

@@ -1,4 +1,4 @@
-import { Destroyable } from "./Destroyable";
+import { Destroyable } from "./destroyable";
 export class Stateful extends Destroyable {
     value;
     /** Promise that resolves when the states initialization was finished. */

package/dist/esm/effects/{EffectDispatcher.js → effect-dispatcher.js}

@@ -1,5 +1,5 @@
 import { isPromiseLike, updater } from "@yaasl/utils";
-import { Queue } from "../utils/Queue";
+import { Queue } from "../utils/queue";
 const isTruthy = (value) => !!value;
 export class EffectActions {
     atom;

package/dist/esm/effects/expiration.js

@@ -1,7 +1,7 @@
 import { toVoid, getWindow } from "@yaasl/utils";
-import { createEffect } from "./createEffect";
+import { createEffect } from "./create-effect";
 import { CONFIG } from "../base";
-import { Expiration } from "../utils/Expiration";
+import { Expiration } from "../utils/expiration";
 const STORAGE = getWindow()?.localStorage ?? {
     getItem: () => null,
     setItem: toVoid,

package/dist/esm/effects/index.js

@@ -1,5 +1,6 @@
-export { createEffect } from "./createEffect";
-export { localStorage } from "./localStorage";
-export { indexedDb } from "./indexedDb";
+export { createEffect } from "./create-effect";
+export { localStorage } from "./local-storage";
+export { sessionStorage } from "./session-storage";
+export { indexedDb } from "./indexed-db";
 export { expiration } from "./expiration";
 export { migration, createMigrationStep } from "./migration";

package/dist/esm/effects/{indexedDb.js → indexed-db.js}

@@ -1,6 +1,6 @@
-import { createEffect } from "./createEffect";
+import { createEffect } from "./create-effect";
 import { CONFIG } from "../base";
-import { Store } from "../utils/Store";
+import { IdbStore } from "../utils/idb-store";
 let atomDb = null;
 /** Middleware to save and load atom values to an indexedDb.
  *
@@ -18,7 +18,7 @@ export const indexedDb = createEffect(({ atom, options }) => {
         sort: "pre",
         init: async ({ atom, set }) => {
             if (!atomDb) {
-                atomDb = new Store(CONFIG.name ?? "yaasl");
+                atomDb = new IdbStore(CONFIG.name ?? "yaasl");
             }
             const existing = await atomDb.get(key);
             if (existing != null) {

package/dist/esm/effects/{localStorage.js → local-storage.js}

@@ -1,6 +1,12 @@
-import { createEffect } from "./createEffect";
+import { getWindow } from "@yaasl/utils";
+import { createEffect } from "./create-effect";
 import { CONFIG } from "../base";
-import { LocalStorage } from "../utils/LocalStorage";
+import { StringStorage } from "../utils/string-storage";
+const syncOverBrowserTabs = (observingKey, onTabSync) => getWindow()?.addEventListener("storage", ({ key, newValue }) => {
+    if (observingKey !== key)
+        return;
+    onTabSync(newValue);
+});
 /** Middleware to save and load atom values to the local storage.
  *
  * @param {LocalStorageOptions | undefined} options
@@ -14,10 +20,14 @@ import { LocalStorage } from "../utils/LocalStorage";
 export const localStorage = createEffect(({ atom, options = {} }) => {
     const internalKey = CONFIG.name ? `${CONFIG.name}/${atom.name}` : atom.name;
     const { key = internalKey, parser, noTabSync } = options;
-    const storage = new LocalStorage(key, {
+    const storage = new StringStorage({
+        key,
+        store: getWindow()?.localStorage,
         parser,
-        onTabSync: noTabSync ? undefined : value => atom.set(value),
     });
+    if (!noTabSync) {
+        syncOverBrowserTabs(key, () => atom.set(storage.get() ?? atom.defaultValue));
+    }
     return {
         sort: "pre",
         init: ({ set }) => {

package/dist/esm/effects/migration.js

@@ -1,5 +1,5 @@
 import { getWindow, log } from "@yaasl/utils";
-import { createEffect } from "./createEffect";
+import { createEffect } from "./create-effect";
 import { CONFIG } from "../base";
 const sortMigrations = (migrations) => {
     const first = migrations.find(migration => migration.previous === null);

package/dist/esm/effects/session-storage.js

@@ -0,0 +1,40 @@
+import { getWindow } from "@yaasl/utils";
+import { createEffect } from "./create-effect";
+import { CONFIG } from "../base";
+import { StringStorage } from "../utils/string-storage";
+/** Middleware to save and load atom values to the session storage.
+ *
+ * @param {SessionStorageOptions | undefined} options
+ * @param options.key Use your own key for the session storage.
+ *   Will be "{config-name}/{atom-name}" by default.
+ * @param options.noTabSync Disable the synchronization of values over browser tabs.
+ * @param options.parser Custom functions to stringify and parse values. Defaults to JSON.stringify and JSON.parse. Use this when handling complex datatypes like Maps or Sets.
+ *
+ * @returns The effect to be used on atoms.
+ **/
+export const sessionStorage = createEffect(({ atom, options = {} }) => {
+    const internalKey = CONFIG.name ? `${CONFIG.name}/${atom.name}` : atom.name;
+    const { key = internalKey, parser } = options;
+    const storage = new StringStorage({
+        key,
+        store: getWindow()?.sessionStorage,
+        parser,
+    });
+    return {
+        sort: "pre",
+        init: ({ set }) => {
+            const existing = storage.get();
+            if (existing != null) {
+                set(existing);
+            }
+        },
+        set: ({ value, atom }) => {
+            if (value === atom.defaultValue) {
+                storage.remove();
+            }
+            else {
+                storage.set(value);
+            }
+        },
+    };
+});

package/dist/esm/utils/{Store.js → idb-store.js}

@@ -3,7 +3,7 @@ const promisifyRequest = (request) => new Promise((resolve, reject) => {
     request.onsuccess = () => resolve(request.result);
     request.onerror = () => reject(request.error);
 });
-export class Store {
+export class IdbStore {
     name;
     database;
     constructor(name) {

package/dist/esm/utils/string-storage.js

@@ -0,0 +1,44 @@
+import { consoleMessage, log } from "@yaasl/utils";
+const createMemoryStore = () => {
+    const store = {};
+    return {
+        getItem: (key) => store[key] ?? null,
+        setItem: (key, value) => (store[key] = value),
+        removeItem: (key) => delete store[key],
+    };
+};
+export class StringStorage {
+    key;
+    store;
+    parser;
+    constructor({ key, store = createMemoryStore(), parser = JSON, }) {
+        this.key = key;
+        this.store = store;
+        this.parser = parser;
+    }
+    get() {
+        const value = this.store.getItem(this.key);
+        try {
+            return typeof value !== "string" ? null : this.parser.parse(value);
+        }
+        catch {
+            throw new Error(consoleMessage(`Value of local storage key "${this.key}" could not be parsed.`));
+        }
+    }
+    set(value) {
+        try {
+            if (value === null) {
+                this.store.removeItem(this.key);
+            }
+            else {
+                this.store.setItem(this.key, this.parser.stringify(value));
+            }
+        }
+        catch {
+            log.error(`Value of atom with local storage key "${this.key}" could not be set.`, { value });
+        }
+    }
+    remove() {
+        this.store.removeItem(this.key);
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yaasl/core",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "yet another atomic store library (vanilla-js)",
   "author": "PrettyCoffee",
   "license": "MIT",

package/dist/@types/utils/LocalStorage.d.ts

@@ -1,17 +0,0 @@
-import { Dispatch } from "@yaasl/utils";
-export interface LocalStorageParser<T = any> {
-    parse: (value: string) => T;
-    stringify: (value: T) => string;
-}
-export interface LocalStorageConstructorOptions<T> {
-    parser?: LocalStorageParser<T>;
-    onTabSync?: Dispatch<T | null>;
-}
-export declare class LocalStorage<T = unknown> {
-    private readonly key;
-    private parser;
-    constructor(key: string, options?: LocalStorageConstructorOptions<T>);
-    get(): T | null;
-    set(value: T): void;
-    remove(): void;
-}

package/dist/cjs/utils/LocalStorage.js

@@ -1,68 +0,0 @@
-"use strict";
-var _a, _b;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LocalStorage = void 0;
-const utils_1 = require("@yaasl/utils");
-const STORAGE = (_b = (_a = (0, utils_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.localStorage) !== null && _b !== void 0 ? _b : {
-    getItem: () => null,
-    setItem: utils_1.toVoid,
-    removeItem: utils_1.toVoid,
-};
-const defaultParser = {
-    parse: JSON.parse,
-    stringify: JSON.stringify,
-};
-const syncOverBrowserTabs = (observingKey, onTabSync) => {
-    var _a;
-    return (_a = (0, utils_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.addEventListener("storage", ({ key, newValue }) => {
-        if (observingKey !== key)
-            return;
-        onTabSync(newValue);
-    });
-};
-class LocalStorage {
-    constructor(key, options = {}) {
-        var _a;
-        this.key = key;
-        this.parser = (_a = options.parser) !== null && _a !== void 0 ? _a : defaultParser;
-        if (!options.onTabSync)
-            return;
-        syncOverBrowserTabs(key, value => {
-            var _a;
-            const newValue = value === null ? null : this.parser.parse(value);
-            if (newValue === null) {
-                this.remove();
-            }
-            else {
-                this.set(newValue);
-            }
-            (_a = options.onTabSync) === null || _a === void 0 ? void 0 : _a.call(options, newValue);
-        });
-    }
-    get() {
-        const value = STORAGE.getItem(this.key);
-        try {
-            return typeof value !== "string" ? null : this.parser.parse(value);
-        }
-        catch (_a) {
-            throw new Error((0, utils_1.consoleMessage)(`Value of local storage key "${this.key}" could not be parsed.`));
-        }
-    }
-    set(value) {
-        try {
-            if (value === null) {
-                STORAGE.removeItem(this.key);
-            }
-            else {
-                STORAGE.setItem(this.key, this.parser.stringify(value));
-            }
-        }
-        catch (_a) {
-            utils_1.log.error(`Value of atom with local storage key "${this.key}" could not be set.`, { value });
-        }
-    }
-    remove() {
-        STORAGE.removeItem(this.key);
-    }
-}
-exports.LocalStorage = LocalStorage;

package/dist/esm/utils/LocalStorage.js

@@ -1,60 +0,0 @@
-import { consoleMessage, log, toVoid, getWindow } from "@yaasl/utils";
-const STORAGE = getWindow()?.localStorage ?? {
-    getItem: () => null,
-    setItem: toVoid,
-    removeItem: toVoid,
-};
-const defaultParser = {
-    parse: JSON.parse,
-    stringify: JSON.stringify,
-};
-const syncOverBrowserTabs = (observingKey, onTabSync) => getWindow()?.addEventListener("storage", ({ key, newValue }) => {
-    if (observingKey !== key)
-        return;
-    onTabSync(newValue);
-});
-export class LocalStorage {
-    key;
-    parser;
-    constructor(key, options = {}) {
-        this.key = key;
-        this.parser = options.parser ?? defaultParser;
-        if (!options.onTabSync)
-            return;
-        syncOverBrowserTabs(key, value => {
-            const newValue = value === null ? null : this.parser.parse(value);
-            if (newValue === null) {
-                this.remove();
-            }
-            else {
-                this.set(newValue);
-            }
-            options.onTabSync?.(newValue);
-        });
-    }
-    get() {
-        const value = STORAGE.getItem(this.key);
-        try {
-            return typeof value !== "string" ? null : this.parser.parse(value);
-        }
-        catch {
-            throw new Error(consoleMessage(`Value of local storage key "${this.key}" could not be parsed.`));
-        }
-    }
-    set(value) {
-        try {
-            if (value === null) {
-                STORAGE.removeItem(this.key);
-            }
-            else {
-                STORAGE.setItem(this.key, this.parser.stringify(value));
-            }
-        }
-        catch {
-            log.error(`Value of atom with local storage key "${this.key}" could not be set.`, { value });
-        }
-    }
-    remove() {
-        STORAGE.removeItem(this.key);
-    }
-}