@oscarpalmer/mora 0.26.0 → 0.27.0

package/dist/value/{reactive.js → reactive.mjs}

@@ -1,5 +1,6 @@
-import { NAME_MORA } from "../constants.js";
-import { subscribe, unsubscribe } from "../subscription.js";
+import { NAME_MORA } from "../constants.mjs";
+import { subscribe, unsubscribe } from "../subscription.mjs";
+//#region src/value/reactive.ts
 var Reactive = class {
 	state = {
 		computeds: /* @__PURE__ */ new Set(),
@@ -13,20 +14,42 @@ var Reactive = class {
 		if (typeof options === "object" && typeof options.equal === "function") this.state.equal = options.equal;
 		Object.defineProperty(this, NAME_MORA, { value: name });
 	}
+	/**
+	* Get the value _(without reactivity)_
+	* @return Current value
+	*/
 	peek() {
 		return this.state.value;
 	}
+	/**
+	* Subscribe to changes
+	* @param callback Callback for changes
+	* @return Unsubscribe callback
+	*/
 	subscribe(callback) {
 		return subscribe(this.state, callback);
 	}
+	/**
+	* JSON representation of the value
+	* @return JSON value
+	*/
 	toJSON() {
 		return this.get();
 	}
+	/**
+	* String representation of the value
+	* @return Value as string
+	*/
 	toString() {
 		return String(this.get());
 	}
+	/**
+	* Unsubscribe from changes
+	* @param callback Callback to unsubscribe
+	*/
 	unsubscribe(callback) {
 		unsubscribe(this.state, callback);
 	}
 };
+//#endregion
 export { Reactive };

package/dist/value/signal.d.mts

@@ -0,0 +1,2 @@
+import { d as Signal, f as signal } from "../models-QwNga87R.mjs";
+export { Signal, signal };

package/dist/value/signal.mjs

@@ -0,0 +1,43 @@
+import { NAME_SIGNAL } from "../constants.mjs";
+import { Reactive } from "./reactive.mjs";
+import { emitValue, getValue } from "../helpers/value.mjs";
+//#region src/value/signal.ts
+var Signal = class extends Reactive {
+	constructor(value, options) {
+		super(NAME_SIGNAL, value, options);
+	}
+	/**
+	* @inheritdoc
+	*/
+	get() {
+		return getValue(this.state);
+	}
+	/**
+	* Set the value
+	* @param value New value
+	*/
+	set(value) {
+		if (!this.state.equal(this.state.value, value)) {
+			this.state.value = value;
+			emitValue(this.state);
+		}
+	}
+	/**
+	* Update the value _(based on the current value)_
+	* @param callback Callback to update the value
+	*/
+	update(callback) {
+		this.set(callback(this.state.value));
+	}
+};
+/**
+* Create a reactive value
+* @param value Initial value
+* @param options Reactivity options
+* @returns Reactive value
+*/
+function signal(value, options) {
+	return new Signal(value, options);
+}
+//#endregion
+export { Signal, signal };

package/dist/value/store.d.mts

@@ -0,0 +1,97 @@
+import { h as Reactive, s as ReactiveOptions, u as Unsubscribe } from "../models-QwNga87R.mjs";
+import { Key, PlainObject } from "@oscarpalmer/atoms/models";
+
+//#region src/value/store.d.ts
+declare class Store<Value extends PlainObject> extends Reactive<Value, Value> {
+  #private;
+  constructor(value: Value, options?: ReactiveOptions<Value>);
+  /**
+   * @inheritdoc
+   */
+  get(): Value;
+  /**
+   * 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 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
+   */
+  peek(): Value;
+  /**
+   * Get a value by key _(without reactivity)_
+   * @param key Key of the value to get
+   * @returns Value for the specified key, or `undefined` if it doesn't exist
+   */
+  peek<Key extends keyof Value>(key: Key): Value[Key];
+  /**
+   * Get a value by key _(without reactivity)_
+   * @param key Key of the value to get
+   * @returns Value for the specified key, or `undefined` if it doesn't exist
+   */
+  peek(key: Key): unknown;
+  /**
+   * Set the value
+   * @param value New value _(defaults to an empty object)_
+   */
+  set(value?: Value): void;
+  /**
+   * Set a value by key
+   * @param key Key of the value to set
+   * @param value New value
+   */
+  set<Key extends keyof Value>(key: Key, value: Value[Key]): void;
+  /**
+   * Set a value by key
+   * @param key Key of the value to set
+   * @param value New value
+   */
+  set(key: Key, value: unknown): void;
+  /**
+   * @inheritdoc
+   */
+  subscribe(callback: (value: Value) => void): Unsubscribe;
+  /**
+   * Subscribe to changes for a specific key
+   * @param key Key of the value to subscribe to
+   * @param callback Callback for changes
+   * @returns Unsubscribe callback
+   */
+  subscribe<Key extends keyof Value>(key: Key, callback: (value: Value[Key] | undefined) => void): Unsubscribe;
+  /**
+   * Subscribe to changes for a specific key
+   * @param key Key of the value to subscribe to
+   * @param callback Callback for changes
+   * @returns Unsubscribe callback
+   */
+  subscribe(key: Key, callback: (value: unknown) => void): Unsubscribe;
+  /**
+   * Update the value _(based on the current value)_
+   * @param callback Callback to update the value
+   */
+  update(callback: (value: Value) => Value): void;
+}
+/**
+ * Create a reactive store
+ * @param value Initial object value
+ * @param options Reactivity options
+ * @returns Reactive store
+ */
+declare function store<Value extends PlainObject>(value: Value, options?: ReactiveOptions<Value>): Store<Value>;
+//#endregion
+export { Store, store };

package/dist/value/{store.js → store.mjs}

@@ -1,16 +1,17 @@
-import { NAME_STORE } from "../constants.js";
-import { noop, subscribe } from "../subscription.js";
-import { Reactive } from "./reactive.js";
-import { getValue } from "../helpers/value.js";
-import { emityProxyValues, getReactiveValueInProxy, setProxyValue, setValueInProxy } from "../helpers/proxy.js";
+import { NAME_STORE } from "../constants.mjs";
+import { noop, subscribe } from "../subscription.mjs";
+import { Reactive } from "./reactive.mjs";
+import { getValue } from "../helpers/value.mjs";
+import { emityProxyValues, getReactiveValueInProxy, setProxyValue, setValueInProxy } from "../helpers/proxy.mjs";
 import { isKey, isPlainObject } from "@oscarpalmer/atoms/is";
+//#region src/value/store.ts
 var Store = class extends Reactive {
 	#keyed = /* @__PURE__ */ new Map();
 	constructor(value, options) {
-		super(NAME_STORE, new Proxy(value, { set: (target, property, value$1) => setValueInProxy({
+		super(NAME_STORE, new Proxy(value, { set: (target, property, value) => setValueInProxy({
 			target,
 			property,
-			value: value$1,
+			value,
 			isArray: false,
 			state: this.state
 		}) }), options);
@@ -18,6 +19,12 @@ var Store = class extends Reactive {
 	get(key) {
 		return isKey(key) ? 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);
 	}
@@ -32,12 +39,23 @@ var Store = class extends Reactive {
 		if (isKey(first) && typeof second === "function") return getReactiveValueInProxy(this, this.#keyed, first, false).subscribe(second);
 		return typeof first === "function" ? subscribe(this.state, first) : noop;
 	}
+	/**
+	* Update the value _(based on the current value)_
+	* @param callback Callback to update the value
+	*/
 	update(callback) {
 		const updated = callback({ ...this.state.value });
 		if (updated == null || isPlainObject(updated)) setProxyValue(this.state.value, updated ?? {});
 	}
 };
+/**
+* Create a reactive store
+* @param value Initial object value
+* @param options Reactivity options
+* @returns Reactive store
+*/
 function store(value, options) {
 	return new Store(isPlainObject(value) ? value : {}, options);
 }
+//#endregion
 export { Store, store };

package/package.json

@@ -1,49 +1,55 @@
 {
+	"name": "@oscarpalmer/mora",
+	"version": "0.27.0",
+	"description": "Signals and stuff…",
+	"keywords": [
+		"reactive",
+		"signal",
+		"signals"
+	],
+	"license": "MIT",
 	"author": {
 		"name": "Oscar Palmér",
 		"url": "https://oscarpalmer.se"
 	},
-	"dependencies": {
-		"@oscarpalmer/atoms": "^0.124"
-	},
-	"description": "Signals and stuff…",
-	"devDependencies": {
-		"@types/node": "^25",
-		"@vitest/coverage-istanbul": "^4",
-		"jsdom": "^27.3",
-		"oxfmt": "^0.21",
-		"oxlint": "^1.36",
-		"rolldown": "1.0.0-beta.58",
-		"tslib": "^2.8",
-		"typescript": "^5.9",
-		"vite": "8.0.0-beta.5",
-		"vitest": "^4"
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/oscarpalmer/mora.git"
 	},
+	"files": [
+		"dist",
+		"src",
+		"types"
+	],
+	"type": "module",
+	"module": "./dist/index.mjs",
+	"types": "./dist/index.d.mts",
 	"exports": {
 		"./package.json": "./package.json",
 		".": {
-			"types": "./types/index.d.ts",
-			"default": "./dist/index.js"
+			"types": "./dist/index.d.mts",
+			"default": "./dist/index.mjs"
 		}
 	},
-	"files": ["dist", "src", "types"],
-	"keywords": ["signal", "signals", "reactive"],
-	"license": "MIT",
-	"module": "./dist/index.js",
-	"name": "@oscarpalmer/mora",
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/oscarpalmer/mora.git"
-	},
 	"scripts": {
-		"build": "npm run clean && npx vite build && npm run rolldown:build && npx tsc",
-		"clean": "rm -rf ./dist && rm -rf ./types && rm -f ./tsconfig.tsbuildinfo",
-		"rolldown:build": "npx rolldown -c",
-		"rolldown:watch": "npx rolldown -c --watch",
-		"test": "npx vitest --coverage",
-		"watch": "npx vite build --watch"
+		"build": "vpx vp run tsdown:build && vpx vp pack",
+		"tsdown:build": "vpx tsdown -c ./tsdown.config.ts",
+		"tsdown:watch": "vpx tsdown -c ./tsdown.config.ts --watch",
+		"test": "vpx vp test run --coverage",
+		"test:leak": "vpx vp test run --detect-async-leaks --coverage"
 	},
-	"type": "module",
-	"types": "./types/index.d.ts",
-	"version": "0.26.0"
+	"dependencies": {
+		"@oscarpalmer/atoms": "^0.165"
+	},
+	"devDependencies": {
+		"@types/node": "^25.5",
+		"@vitest/coverage-istanbul": "^4.1",
+		"jsdom": "^28.1",
+		"tsdown": "^0.21",
+		"typescript": "^5.9",
+		"vite": "npm:@voidzero-dev/vite-plus-core@latest",
+		"vite-plus": "latest",
+		"vitest": "npm:@voidzero-dev/vite-plus-test@latest"
+	},
+	"packageManager": "npm@11.11.1"
 }

package/src/constants.ts

@@ -15,12 +15,7 @@ export const BATCH: Batch = {
 	handlers: new Set<Effect | Subscription>(),
 };
 
-export const METHODS_AFFECTING_LENGTH = new Set<string>([
-	'pop',
-	'push',
-	'shift',
-	'unshift',
-]);
+export const METHODS_AFFECTING_LENGTH = new Set<string>(['pop', 'push', 'shift', 'unshift']);
 
 export const METHODS_UPDATE = new Set<string>([
 	...METHODS_AFFECTING_LENGTH,

package/src/helpers/is.ts

@@ -1,12 +1,12 @@
 import type {PlainObject} from '@oscarpalmer/atoms/models';
 import {
+	NAME_ALL,
 	NAME_ARRAY,
 	NAME_COMPUTED,
 	NAME_EFFECT,
 	NAME_MORA,
 	NAME_SIGNAL,
 	NAME_STORE,
-	NAME_ALL,
 } from '../constants';
 import type {Effect} from '../effect';
 import type {ReactiveArray} from '../value/array';

package/src/value/array.ts

@@ -85,7 +85,7 @@ export class ReactiveArray<Item> extends Reactive<Item[], Item> {
 	 * Get the length of the array
 	 * @returns Length of the array
 	 */
-	get(property: 'length'): number;
+	get(property: typeof PROPERTY_LENGTH): number;
 
 	get(first?: unknown): unknown {
 		if (typeof first === 'number') {
@@ -130,10 +130,10 @@ export class ReactiveArray<Item> extends Reactive<Item[], Item> {
 	 * Get the length of the array _(without reactivity)_
 	 * @returns Length of the array
 	 */
-	override peek(property: 'length'): number;
+	override peek(property: typeof PROPERTY_LENGTH): number;
 
 	override peek(value?: unknown): unknown {
-		if (value === 'length') {
+		if (value === PROPERTY_LENGTH) {
 			return this.#size.peek();
 		}
 
@@ -174,12 +174,12 @@ export class ReactiveArray<Item> extends Reactive<Item[], Item> {
 	 * Set the length of the array
 	 * @param value New array length
 	 */
-	set(property: 'length', value: number): void;
+	set(property: typeof PROPERTY_LENGTH, value: number): void;
 
-	set(first?: number | 'length' | Item[], second?: number | Item): void {
+	set(first?: number | typeof PROPERTY_LENGTH | Item[], second?: number | Item): void {
 		if (first == null || Array.isArray(first)) {
 			this.state.value.splice(0, this.state.value.length, ...(first ?? []));
-		} else if (first === 'length') {
+		} else if (first === PROPERTY_LENGTH) {
 			this.length = second as number;
 		} else if (typeof first === 'number' && !Number.isNaN(first)) {
 			setAtIndex(this.state.value, first, second as Item);

package/src/value/store.ts

@@ -2,8 +2,8 @@ import {isKey, isPlainObject} from '@oscarpalmer/atoms/is';
 import type {GenericCallback, Key, PlainObject} from '@oscarpalmer/atoms/models';
 import {NAME_STORE} from '../constants';
 import {
-	getReactiveValueInProxy,
 	emityProxyValues,
+	getReactiveValueInProxy,
 	setProxyValue,
 	setValueInProxy,
 } from '../helpers/proxy';

package/dist/helpers/is.js

@@ -1,23 +0,0 @@
-import { NAME_ALL, NAME_ARRAY, NAME_COMPUTED, NAME_EFFECT, NAME_MORA, NAME_SIGNAL, NAME_STORE } from "../constants.js";
-function isArray(value) {
-	return isMora(value, NAME_ARRAY);
-}
-function isComputed(value) {
-	return isMora(value, NAME_COMPUTED);
-}
-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"]));
-}
-function isReactive(value) {
-	return isMora(value, NAME_ALL);
-}
-function isSignal(value) {
-	return isMora(value, NAME_SIGNAL);
-}
-function isStore(value) {
-	return isMora(value, NAME_STORE);
-}
-export { isArray, isComputed, isEffect, isReactive, isSignal, isStore };

package/dist/index.js

@@ -1,8 +0,0 @@
-import { effect } from "./effect.js";
-import { isArray, isComputed, isEffect, isReactive, isSignal } from "./helpers/is.js";
-import { startBatch, stopBatch } from "./batch.js";
-import { computed } from "./value/computed.js";
-import { signal } from "./value/signal.js";
-import { array } from "./value/array.js";
-import { store } from "./value/store.js";
-export { array, computed, effect, isArray, isComputed, isEffect, isReactive, isSignal, signal, startBatch, stopBatch, store };

package/dist/value/signal.js

@@ -1,24 +0,0 @@
-import { NAME_SIGNAL } from "../constants.js";
-import { Reactive } from "./reactive.js";
-import { emitValue, getValue } from "../helpers/value.js";
-var Signal = class extends Reactive {
-	constructor(value, options) {
-		super(NAME_SIGNAL, value, options);
-	}
-	get() {
-		return getValue(this.state);
-	}
-	set(value) {
-		if (!this.state.equal(this.state.value, value)) {
-			this.state.value = value;
-			emitValue(this.state);
-		}
-	}
-	update(callback) {
-		this.set(callback(this.state.value));
-	}
-};
-function signal(value, options) {
-	return new Signal(value, options);
-}
-export { Signal, signal };