@oscarpalmer/mora 0.23.0 → 0.24.0

package/dist/constants.js

@@ -23,6 +23,7 @@ const METHODS_UPDATE = new Set([
 const NAME_ARRAY = "array";
 const NAME_COMPUTED = "computed";
 const NAME_EFFECT = "effect";
+const NAME_MORA = "$mora";
 const NAME_SIGNAL = "signal";
 const NAME_STORE = "store";
 const NAMES = new Set([
@@ -31,4 +32,5 @@ const NAMES = new Set([
 	NAME_SIGNAL,
 	NAME_STORE
 ]);
-export { ACTIVE, ARRAY_OFFSET, ARRAY_PEEK, ARRAY_THRESHOLD, BATCH, METHODS_AFFECTING_LENGTH, METHODS_UPDATE, NAMES, NAME_ARRAY, NAME_COMPUTED, NAME_EFFECT, NAME_SIGNAL, NAME_STORE };
+const PROPERTY_LENGTH = "length";
+export { ACTIVE, ARRAY_OFFSET, ARRAY_PEEK, ARRAY_THRESHOLD, BATCH, METHODS_AFFECTING_LENGTH, METHODS_UPDATE, NAMES, NAME_ARRAY, NAME_COMPUTED, NAME_EFFECT, NAME_MORA, NAME_SIGNAL, NAME_STORE, PROPERTY_LENGTH };

package/dist/effect.js

@@ -1,7 +1,7 @@
-import { ACTIVE, NAME_EFFECT } from "./constants.js";
+import { ACTIVE, NAME_EFFECT, NAME_MORA } from "./constants.js";
 var Effect = class {
 	constructor(callback) {
-		Object.defineProperty(this, "$mora", { value: NAME_EFFECT });
+		Object.defineProperty(this, NAME_MORA, { value: NAME_EFFECT });
 		this.state = { callback };
 		runEffect(this);
 	}

package/dist/helpers/is.js

@@ -1,4 +1,4 @@
-import { NAMES, NAME_ARRAY, NAME_COMPUTED, NAME_EFFECT, NAME_SIGNAL, NAME_STORE } from "../constants.js";
+import { NAMES, NAME_ARRAY, NAME_COMPUTED, NAME_EFFECT, NAME_MORA, NAME_SIGNAL, NAME_STORE } from "../constants.js";
 function isArray(value) {
 	return isMora(value, NAME_ARRAY);
 }
@@ -9,7 +9,7 @@ function isEffect(value) {
 	return isMora(value, NAME_EFFECT);
 }
 function isMora(value, name) {
-	return typeof value === "object" && value != null && "$mora" in value && (typeof name === "string" ? value.$mora === name : name.has(value.$mora));
+	return typeof value === "object" && value != null && "$mora" in value && (typeof name === "string" ? value["$mora"] === name : name.has(value["$mora"]));
 }
 function isReactive(value) {
 	return isMora(value, NAMES);

package/dist/helpers/proxy.js

@@ -1,13 +1,17 @@
+import { PROPERTY_LENGTH } from "../constants.js";
 import { startBatch, stopBatch } from "../batch.js";
 import { computed } from "../value/computed.js";
 import { emitValue } from "./value.js";
+function emityProxyValues(state, mapped) {
+	const values = [...mapped.values()];
+	const { length } = values;
+	for (let index = 0; index < length; index += 1) values[index].effect.dirty = true;
+	emitValue(state);
+}
 function getReactiveValueInProxy(reactive, mapped, key, isArray) {
 	let item = mapped.get(key);
 	if (item == null) {
-		item = computed(() => {
-			const value = reactive.get();
-			return isArray ? value.at(key) : value[key];
-		});
+		item = computed(() => isArray ? reactive.get().at(key) : reactive.get()[key]);
 		mapped.set(key, item);
 	}
 	return item;
@@ -41,4 +45,4 @@ function setValueInProxy(parameters) {
 	}
 	return true;
 }
-export { getReactiveValueInProxy, setProxyValue, setValueInProxy };
+export { emityProxyValues, getReactiveValueInProxy, setProxyValue, setValueInProxy };

package/dist/mora.full.js

@@ -23,6 +23,7 @@ const METHODS_UPDATE = new Set([
 const NAME_ARRAY = 'array';
 const NAME_COMPUTED = 'computed';
 const NAME_EFFECT = 'effect';
+const NAME_MORA = '$mora';
 const NAME_SIGNAL = 'signal';
 const NAME_STORE = 'store';
 const NAMES = new Set([
@@ -31,10 +32,11 @@ const NAMES = new Set([
     NAME_SIGNAL,
     NAME_STORE,
 ]);
+const PROPERTY_LENGTH = 'length';
 
 class Effect {
     constructor(callback) {
-        Object.defineProperty(this, '$mora', {
+        Object.defineProperty(this, NAME_MORA, {
             value: NAME_EFFECT,
         });
         this.state = {
@@ -91,10 +93,10 @@ function isEffect(value) {
 function isMora(value, name) {
     return (typeof value === 'object' &&
         value != null &&
-        '$mora' in value &&
+        NAME_MORA in value &&
         (typeof name === 'string'
-            ? value.$mora === name
-            : name.has(value.$mora)));
+            ? value[NAME_MORA] === name
+            : name.has(value[NAME_MORA])));
 }
 /**
  * Is the value reactive?
@@ -186,7 +188,7 @@ class Reactive {
         if (typeof options === 'object' && typeof options.equal === 'function') {
             this.state.equal = options.equal;
         }
-        Object.defineProperty(this, '$mora', {
+        Object.defineProperty(this, NAME_MORA, {
             value: name,
         });
     }
@@ -328,15 +330,20 @@ function getValue(state) {
     return state.value;
 }
 
+function emityProxyValues(state, mapped) {
+    const values = [...mapped.values()];
+    const { length } = values;
+    for (let index = 0; index < length; index += 1) {
+        values[index].effect.dirty = true;
+    }
+    emitValue(state);
+}
 function getReactiveValueInProxy(reactive, mapped, key, isArray) {
     let item = mapped.get(key);
     if (item == null) {
-        item = computed(() => {
-            const value = reactive.get();
-            return isArray
-                ? value.at(key)
-                : value[key];
-        });
+        item = computed(() => isArray
+            ? reactive.get().at(key)
+            : reactive.get()[key]);
         mapped.set(key, item);
     }
     return item;
@@ -366,7 +373,7 @@ function setValueInProxy(parameters) {
     const { isArray, length, property, state, target, value } = parameters;
     if (isArray) {
         const isIndex = !Number.isNaN(Number(property));
-        const isLength = property === 'length';
+        const isLength = property === PROPERTY_LENGTH;
         if (!(isIndex || isLength)) {
             return Reflect.set(target, property, value);
         }
@@ -473,10 +480,7 @@ class ReactiveArray extends Reactive {
         if (typeof first === 'number') {
             return getReactiveValueInProxy(this, this.#indiced, first, true).get();
         }
-        if (first === 'length') {
-            return this.length;
-        }
-        return getValue(this.state);
+        return first === PROPERTY_LENGTH ? this.length : getValue(this.state);
     }
     /**
      * Create a computed, mapped array
@@ -493,16 +497,15 @@ class ReactiveArray extends Reactive {
      * Use this only if you're modifying nested data that would be ignored by equality checks._
      */
     notify() {
-        emitValue(this.state);
+        emityProxyValues(this.state, this.#indiced);
     }
     peek(value) {
         if (value === 'length') {
             return this.#size.peek();
         }
-        if (typeof value === 'number') {
-            return this.state.value.at(value);
-        }
-        return [...this.state.value];
+        return typeof value === 'number'
+            ? this.state.value.at(value)
+            : [...this.state.value];
     }
     /**
      * Remove and return the last item of the array
@@ -631,6 +634,15 @@ class Store extends Reactive {
             ? getReactiveValueInProxy(this, this.#keyed, key, false).get()
             : getValue(this.state);
     }
+    /**
+     * Notify dependents of changes
+     *
+     * _This bypasses equality checks and will immediately notify dependents.
+     * Use this only if you're modifying nested data that would be ignored by equality checks._
+     */
+    notify() {
+        emityProxyValues(this.state, this.#keyed);
+    }
     peek(key) {
         return isKey(key) ? this.state.value[key] : { ...this.state.value };
     }

package/dist/value/array.js

@@ -1,9 +1,9 @@
+import { METHODS_AFFECTING_LENGTH, METHODS_UPDATE, NAME_ARRAY, PROPERTY_LENGTH } from "../constants.js";
 import { noop, subscribe } from "../subscription.js";
-import { METHODS_AFFECTING_LENGTH, METHODS_UPDATE, NAME_ARRAY } from "../constants.js";
 import { Reactive } from "./reactive.js";
 import { computed } from "./computed.js";
 import { emitValue, equalArrays, getValue } from "../helpers/value.js";
-import { getReactiveValueInProxy, setValueInProxy } from "../helpers/proxy.js";
+import { emityProxyValues, getReactiveValueInProxy, setValueInProxy } from "../helpers/proxy.js";
 import { signal } from "./signal.js";
 var ReactiveArray = class extends Reactive {
 	#indiced = /* @__PURE__ */ new Map();
@@ -36,19 +36,17 @@ var ReactiveArray = class extends Reactive {
 	}
 	get(first) {
 		if (typeof first === "number") return getReactiveValueInProxy(this, this.#indiced, first, true).get();
-		if (first === "length") return this.length;
-		return getValue(this.state);
+		return first === "length" ? this.length : getValue(this.state);
 	}
 	map(callback) {
 		return computed(() => this.get().map(callback));
 	}
 	notify() {
-		emitValue(this.state);
+		emityProxyValues(this.state, this.#indiced);
 	}
 	peek(value) {
 		if (value === "length") return this.#size.peek();
-		if (typeof value === "number") return this.state.value.at(value);
-		return [...this.state.value];
+		return typeof value === "number" ? this.state.value.at(value) : [...this.state.value];
 	}
 	pop() {
 		return this.state.value.pop();

package/dist/value/reactive.js

@@ -1,3 +1,4 @@
+import { NAME_MORA } from "../constants.js";
 import { subscribe, unsubscribe } from "../subscription.js";
 var Reactive = class {
 	state = {
@@ -10,7 +11,7 @@ var Reactive = class {
 	constructor(name, value, options) {
 		this.state.value = value;
 		if (typeof options === "object" && typeof options.equal === "function") this.state.equal = options.equal;
-		Object.defineProperty(this, "$mora", { value: name });
+		Object.defineProperty(this, NAME_MORA, { value: name });
 	}
 	peek() {
 		return this.state.value;

package/dist/value/store.js

@@ -1,8 +1,8 @@
-import { noop, subscribe } from "../subscription.js";
 import { NAME_STORE } from "../constants.js";
+import { noop, subscribe } from "../subscription.js";
 import { Reactive } from "./reactive.js";
 import { getValue } from "../helpers/value.js";
-import { getReactiveValueInProxy, setProxyValue, setValueInProxy } from "../helpers/proxy.js";
+import { emityProxyValues, getReactiveValueInProxy, setProxyValue, setValueInProxy } from "../helpers/proxy.js";
 import { isKey, isPlainObject } from "@oscarpalmer/atoms/is";
 var Store = class extends Reactive {
 	#keyed = /* @__PURE__ */ new Map();
@@ -18,6 +18,9 @@ var Store = class extends Reactive {
 	get(key) {
 		return isKey(key) ? getReactiveValueInProxy(this, this.#keyed, key, false).get() : getValue(this.state);
 	}
+	notify() {
+		emityProxyValues(this.state, this.#keyed);
+	}
 	peek(key) {
 		return isKey(key) ? this.state.value[key] : { ...this.state.value };
 	}

package/package.json

@@ -11,11 +11,10 @@
 		"@biomejs/biome": "^2.3",
 		"@rollup/plugin-node-resolve": "^16",
 		"@rollup/plugin-typescript": "^12.3",
-		"@types/node": "^24.9",
+		"@types/node": "^24.10",
 		"@vitest/coverage-istanbul": "^4",
-		"glob": "^11",
-		"jsdom": "^27.1",
-		"rollup": "^4.52",
+		"jsdom": "^27.2",
+		"rollup": "^4.53",
 		"tslib": "^2.8",
 		"typescript": "^5.9",
 		"vite": "npm:rolldown-vite@latest",
@@ -47,5 +46,5 @@
 	},
 	"type": "module",
 	"types": "./types/index.d.ts",
-	"version": "0.23.0"
+	"version": "0.24.0"
 }

package/src/constants.ts

@@ -37,6 +37,8 @@ export const NAME_COMPUTED = 'computed';
 
 export const NAME_EFFECT = 'effect';
 
+export const NAME_MORA = '$mora';
+
 export const NAME_SIGNAL = 'signal';
 
 export const NAME_STORE = 'store';
@@ -47,3 +49,5 @@ export const NAMES: Set<string> = new Set([
 	NAME_SIGNAL,
 	NAME_STORE,
 ]);
+
+export const PROPERTY_LENGTH = 'length';

package/src/effect.ts

@@ -1,5 +1,5 @@
 import type {GenericCallback} from '@oscarpalmer/atoms/models';
-import {ACTIVE, NAME_EFFECT} from './constants';
+import {ACTIVE, NAME_EFFECT, NAME_MORA} from './constants';
 import type {EffectState, InternalEffect} from './models';
 
 export class Effect {
@@ -8,7 +8,7 @@ export class Effect {
 	private declare readonly state: EffectState;
 
 	constructor(callback: GenericCallback) {
-		Object.defineProperty(this, '$mora', {
+		Object.defineProperty(this, NAME_MORA, {
 			value: NAME_EFFECT,
 		});
 

package/src/helpers/is.ts

@@ -3,6 +3,7 @@ import {
 	NAME_ARRAY,
 	NAME_COMPUTED,
 	NAME_EFFECT,
+	NAME_MORA,
 	NAME_SIGNAL,
 	NAME_STORE,
 	NAMES,
@@ -45,10 +46,10 @@ function isMora<T>(value: unknown, name: string | Set<string>): value is T {
 	return (
 		typeof value === 'object' &&
 		value != null &&
-		'$mora' in value &&
+		NAME_MORA in value &&
 		(typeof name === 'string'
-			? (value as PlainObject).$mora === name
-			: name.has((value as PlainObject).$mora as never))
+			? (value as PlainObject)[NAME_MORA] === name
+			: name.has((value as PlainObject)[NAME_MORA] as never))
 	);
 }
 

package/src/helpers/proxy.ts

@@ -4,12 +4,41 @@ import type {
 	PlainObject,
 } from '@oscarpalmer/atoms/models';
 import {startBatch, stopBatch} from '../batch';
-import type {SetValueInProxyParameters} from '../models';
+import {PROPERTY_LENGTH} from '../constants';
+import type {
+	InternalComputed,
+	ReactiveState,
+	SetValueInProxyParameters,
+} from '../models';
 import type {ReactiveArray} from '../value/array';
 import {type Computed, computed} from '../value/computed';
 import type {Store} from '../value/store';
 import {emitValue} from './value';
 
+export function emityProxyValues<Value>(
+	state: ReactiveState<Value, Value>,
+	mapped: Map<Key, Computed<unknown>>,
+): void;
+
+export function emityProxyValues<Value>(
+	state: ReactiveState<Value[], Value>,
+	mapped: Map<Key, Computed<unknown>>,
+): void;
+
+export function emityProxyValues(
+	state: ReactiveState<unknown, unknown>,
+	mapped: Map<Key, Computed<unknown>>,
+): void {
+	const values = [...mapped.values()];
+	const {length} = values;
+
+	for (let index = 0; index < length; index += 1) {
+		(values[index] as unknown as InternalComputed).effect.dirty = true;
+	}
+
+	emitValue(state);
+}
+
 export function getReactiveValueInProxy<Value>(
 	array: ReactiveArray<Value>,
 	mapped: Map<Key, Computed<unknown>>,
@@ -33,13 +62,11 @@ export function getReactiveValueInProxy(
 	let item = mapped.get(key);
 
 	if (item == null) {
-		item = computed(() => {
-			const value = reactive.get();
-
-			return isArray
-				? (value as unknown[]).at(key as number)
-				: (value as PlainObject)[key];
-		}) as Computed<unknown>;
+		item = computed(() =>
+			isArray
+				? (reactive.get() as unknown[]).at(key as number)
+				: (reactive.get() as PlainObject)[key],
+		) as Computed<unknown>;
 
 		mapped.set(key, item);
 	}
@@ -88,7 +115,7 @@ export function setValueInProxy<Value extends ArrayOrPlainObject, Equal>(
 
 	if (isArray) {
 		const isIndex = !Number.isNaN(Number(property));
-		const isLength = property === 'length';
+		const isLength = property === PROPERTY_LENGTH;
 
 		if (!(isIndex || isLength)) {
 			return Reflect.set(target, property, value);

package/src/value/array.ts

@@ -3,8 +3,9 @@ import {
 	METHODS_AFFECTING_LENGTH,
 	METHODS_UPDATE,
 	NAME_ARRAY,
+	PROPERTY_LENGTH,
 } from '../constants';
-import {getReactiveValueInProxy, setValueInProxy} from '../helpers/proxy';
+import {emityProxyValues, getReactiveValueInProxy, setValueInProxy} from '../helpers/proxy';
 import {emitValue, equalArrays, getValue} from '../helpers/value';
 import type {ReactiveOptions, ReactiveState, Unsubscribe} from '../models';
 import {noop, subscribe} from '../subscription';
@@ -102,11 +103,7 @@ export class ReactiveArray<Item> extends Reactive<Item[], Item> {
 			return getReactiveValueInProxy(this, this.#indiced, first, true).get();
 		}
 
-		if (first === 'length') {
-			return this.length;
-		}
-
-		return getValue(this.state);
+		return first === PROPERTY_LENGTH ? this.length : getValue(this.state);
 	}
 
 	/**
@@ -127,7 +124,7 @@ export class ReactiveArray<Item> extends Reactive<Item[], Item> {
 	 * Use this only if you're modifying nested data that would be ignored by equality checks._
 	 */
 	notify(): void {
-		emitValue(this.state);
+		emityProxyValues(this.state, this.#indiced);
 	}
 
 	/**
@@ -153,11 +150,9 @@ export class ReactiveArray<Item> extends Reactive<Item[], Item> {
 			return this.#size.peek();
 		}
 
-		if (typeof value === 'number') {
-			return this.state.value.at(value);
-		}
-
-		return [...this.state.value];
+		return typeof value === 'number'
+			? this.state.value.at(value)
+			: [...this.state.value];
 	}
 
 	/**

package/src/value/reactive.ts

@@ -1,3 +1,4 @@
+import {NAME_MORA} from '../constants';
 import type {ReactiveOptions, ReactiveState, Unsubscribe} from '../models';
 import {subscribe, unsubscribe} from '../subscription';
 
@@ -17,7 +18,7 @@ export abstract class Reactive<Value, Equal = Value> {
 			this.state.equal = options.equal;
 		}
 
-		Object.defineProperty(this, '$mora', {
+		Object.defineProperty(this, NAME_MORA, {
 			value: name,
 		});
 	}

package/src/value/store.ts

@@ -7,11 +7,12 @@ import type {
 import {NAME_STORE} from '../constants';
 import {
 	getReactiveValueInProxy,
+	emityProxyValues,
 	setProxyValue,
 	setValueInProxy,
 } from '../helpers/proxy';
-import {getValue} from '../helpers/value';
-import type {ReactiveOptions, Unsubscribe} from '../models';
+import {emitValue, getValue} from '../helpers/value';
+import type {InternalComputed, ReactiveOptions, Unsubscribe} from '../models';
 import {noop, subscribe} from '../subscription';
 import type {Computed} from './computed';
 import {Reactive} from './reactive';
@@ -46,7 +47,7 @@ export class Store<Value extends PlainObject> extends Reactive<Value, Value> {
 	 * @param key Key of the value to get
 	 * @returns Value for the specified key, or `undefined` if it doesn't exist
 	 */
-	get(key: keyof Value): Value[keyof Value];
+	get<Key extends keyof Value>(key: Key): Value[Key];
 
 	/**
 	 * Get a value by key
@@ -61,6 +62,16 @@ export class Store<Value extends PlainObject> extends Reactive<Value, Value> {
 			: getValue(this.state);
 	}
 
+	/**
+	 * Notify dependents of changes
+	 *
+	 * _This bypasses equality checks and will immediately notify dependents.
+	 * Use this only if you're modifying nested data that would be ignored by equality checks._
+	 */
+	notify(): void {
+		emityProxyValues(this.state, this.#keyed);
+	}
+
 	/**
 	 * Get the value _(without reactivity)_
 	 * @returns The current value
@@ -72,7 +83,7 @@ export class Store<Value extends PlainObject> extends Reactive<Value, Value> {
 	 * @param key Key of the value to get
 	 * @returns Value for the specified key, or `undefined` if it doesn't exist
 	 */
-	peek(key: keyof Value): Value[keyof Value];
+	peek<Key extends keyof Value>(key: Key): Value[Key];
 
 	/**
 	 * Get a value by key _(without reactivity)_
@@ -96,7 +107,7 @@ export class Store<Value extends PlainObject> extends Reactive<Value, Value> {
 	 * @param key Key of the value to set
 	 * @param value New value
 	 */
-	set(key: keyof Value, value: Value[keyof Value]): void;
+	set<Key extends keyof Value>(key: Key, value: Value[Key]): void;
 
 	/**
 	 * Set a value by key

package/types/constants.d.ts

@@ -9,6 +9,8 @@ export declare const METHODS_UPDATE: Set<string>;
 export declare const NAME_ARRAY = "array";
 export declare const NAME_COMPUTED = "computed";
 export declare const NAME_EFFECT = "effect";
+export declare const NAME_MORA = "$mora";
 export declare const NAME_SIGNAL = "signal";
 export declare const NAME_STORE = "store";
 export declare const NAMES: Set<string>;
+export declare const PROPERTY_LENGTH = "length";

package/types/helpers/proxy.d.ts

@@ -1,8 +1,10 @@
 import type { ArrayOrPlainObject, Key, PlainObject } from '@oscarpalmer/atoms/models';
-import type { SetValueInProxyParameters } from '../models';
+import type { ReactiveState, SetValueInProxyParameters } from '../models';
 import type { ReactiveArray } from '../value/array';
 import { type Computed } from '../value/computed';
 import type { Store } from '../value/store';
+export declare function emityProxyValues<Value>(state: ReactiveState<Value, Value>, mapped: Map<Key, Computed<unknown>>): void;
+export declare function emityProxyValues<Value>(state: ReactiveState<Value[], Value>, mapped: Map<Key, Computed<unknown>>): void;
 export declare function getReactiveValueInProxy<Value>(array: ReactiveArray<Value>, mapped: Map<Key, Computed<unknown>>, index: number, isArray: true): Computed<unknown>;
 export declare function getReactiveValueInProxy<Value extends PlainObject>(store: Store<Value>, mapped: Map<Key, Computed<unknown>>, key: Key, isArray: false): Computed<unknown>;
 export declare function setProxyValue(proxy: ArrayOrPlainObject, value: ArrayOrPlainObject): void;

package/types/value/store.d.ts

@@ -13,13 +13,20 @@ export declare class Store<Value extends PlainObject> extends Reactive<Value, Va
      * @param key Key of the value to get
      * @returns Value for the specified key, or `undefined` if it doesn't exist
      */
-    get(key: keyof Value): Value[keyof Value];
+    get<Key extends keyof Value>(key: Key): Value[Key];
     /**
      * Get a value by key
      * @param key Key of the value to get
      * @returns Value for the specified key, or `undefined` if it doesn't exist
      */
     get(key: Key): unknown;
+    /**
+     * Notify dependents of changes
+     *
+     * _This bypasses equality checks and will immediately notify dependents.
+     * Use this only if you're modifying nested data that would be ignored by equality checks._
+     */
+    notify(): void;
     /**
      * Get the value _(without reactivity)_
      * @returns The current value
@@ -30,7 +37,7 @@ export declare class Store<Value extends PlainObject> extends Reactive<Value, Va
      * @param key Key of the value to get
      * @returns Value for the specified key, or `undefined` if it doesn't exist
      */
-    peek(key: keyof Value): Value[keyof Value];
+    peek<Key extends keyof Value>(key: Key): Value[Key];
     /**
      * Get a value by key _(without reactivity)_
      * @param key Key of the value to get
@@ -47,7 +54,7 @@ export declare class Store<Value extends PlainObject> extends Reactive<Value, Va
      * @param key Key of the value to set
      * @param value New value
      */
-    set(key: keyof Value, value: Value[keyof Value]): void;
+    set<Key extends keyof Value>(key: Key, value: Value[Key]): void;
     /**
      * Set a value by key
      * @param key Key of the value to set