@oscarpalmer/mora 0.13.0 → 0.15.0

package/src/{reactive.ts → value/reactive.ts}

@@ -1,11 +1,11 @@
-import type {Computed} from './computed';
-import type {Effect} from './effect';
+import type {Effect} from '../effect';
 import {
 	type Subscription,
 	type Unsubscribe,
 	subscribe,
 	unsubscribe,
-} from './subscription';
+} from '../subscription';
+import type {Computed} from './computed';
 
 export abstract class Reactive<Value> {
 	protected readonly state: ReactiveState<Value> = {

package/src/{signal.ts → value/signal.ts}

@@ -1,9 +1,10 @@
+import {signalName} from '../helpers/is';
+import {getValue, setValue} from '../helpers/value';
 import {Reactive} from './reactive';
-import {getValue, setValue} from './value';
 
 export class Signal<Value> extends Reactive<Value> {
 	constructor(value: Value) {
-		super('signal', value);
+		super(signalName, value);
 	}
 
 	/**

package/types/batch.d.cts

@@ -14,15 +14,6 @@ declare class Computed<Value> extends Reactive<Value> {
 	 */
 	get(): Value;
 }
-declare class Subscription<Value> {
-	state: ReactiveState<Value>;
-	callback: GenericCallback;
-	constructor(state: ReactiveState<Value>, callback: GenericCallback);
-}
-/**
- * Unsubscribe from changes
- */
-export type Unsubscribe = () => void;
 declare abstract class Reactive<Value> {
 	protected readonly state: ReactiveState<Value>;
 	constructor(name: string, value: Value);
@@ -57,6 +48,15 @@ export type ReactiveState<Value> = {
 	subscriptions: Map<(value: Value) => void, Subscription<Value>>;
 	value: Value;
 };
+declare class Subscription<Value> {
+	state: ReactiveState<Value>;
+	callback: GenericCallback;
+	constructor(state: ReactiveState<Value>, callback: GenericCallback);
+}
+/**
+ * Unsubscribe from changes
+ */
+export type Unsubscribe = () => void;
 export declare function flushEffects(): void;
 /**
  * Start batching effects _(use `stopBatch` to flush and run batched effects)_

package/types/helpers/emit.d.cts

@@ -0,0 +1,63 @@
+// Generated by dts-bundle-generator v9.5.1
+
+export type GenericCallback = (...args: any[]) => any;
+declare class Effect {
+	private readonly $mora;
+	private readonly state;
+	constructor(callback: GenericCallback);
+}
+declare class Computed<Value> extends Reactive<Value> {
+	private readonly effect;
+	constructor(callback: () => Value);
+	/**
+	 * @inheritdoc
+	 */
+	get(): Value;
+}
+declare abstract class Reactive<Value> {
+	protected readonly state: ReactiveState<Value>;
+	constructor(name: string, value: Value);
+	/**
+	 * Get the value
+	 */
+	abstract get(): Value;
+	/**
+	 * Get the value _(without reactivity)_
+	 */
+	peek(): Value;
+	/**
+	 * Subscribe to changes
+	 */
+	subscribe(callback: (value: Value) => void): Unsubscribe;
+	/**
+	 * JSON representation of the value
+	 */
+	toJSON(): Value;
+	/**
+	 * String representation of the value
+	 */
+	toString(): string;
+	/**
+	 * Unsubscribe from changes
+	 */
+	unsubscribe(callback: (value: Value) => void): void;
+}
+export type ReactiveState<Value> = {
+	computeds: Set<Computed<unknown>>;
+	effects: Set<Effect>;
+	subscriptions: Map<(value: Value) => void, Subscription<Value>>;
+	value: Value;
+};
+declare class Subscription<Value> {
+	state: ReactiveState<Value>;
+	callback: GenericCallback;
+	constructor(state: ReactiveState<Value>, callback: GenericCallback);
+}
+/**
+ * Unsubscribe from changes
+ */
+export type Unsubscribe = () => void;
+export declare function emitArrayChanges(first: unknown[], second: unknown[]): boolean;
+export declare function emitValue<Value>(state: ReactiveState<Value>): void;
+
+export {};

package/types/helpers/emit.d.ts

@@ -0,0 +1,3 @@
+import type { ReactiveState } from '../value/reactive';
+export declare function emitArrayChanges(first: unknown[], second: unknown[]): boolean;
+export declare function emitValue<Value>(state: ReactiveState<Value>): void;

package/types/{is.d.cts → helpers/is.d.cts}

@@ -14,15 +14,6 @@ declare class Computed<Value> extends Reactive<Value> {
 	 */
 	get(): Value;
 }
-declare class Subscription<Value> {
-	state: ReactiveState<Value>;
-	callback: GenericCallback;
-	constructor(state: ReactiveState<Value>, callback: GenericCallback);
-}
-/**
- * Unsubscribe from changes
- */
-export type Unsubscribe = () => void;
 declare abstract class Reactive<Value> {
 	protected readonly state: ReactiveState<Value>;
 	constructor(name: string, value: Value);
@@ -57,6 +48,83 @@ export type ReactiveState<Value> = {
 	subscriptions: Map<(value: Value) => void, Subscription<Value>>;
 	value: Value;
 };
+declare class Subscription<Value> {
+	state: ReactiveState<Value>;
+	callback: GenericCallback;
+	constructor(state: ReactiveState<Value>, callback: GenericCallback);
+}
+/**
+ * Unsubscribe from changes
+ */
+export type Unsubscribe = () => void;
+declare class ReactiveArray<Item> extends Reactive<Item[]> {
+	#private;
+	/**
+	 * The length of the array
+	 */
+	get length(): number;
+	/**
+	 * Set the length of the array
+	 */
+	set length(value: number);
+	constructor(value: Item[]);
+	/**
+	 * Get an indexed item
+	 */
+	at(index: number): Item | undefined;
+	/**
+	 * @inheritdoc
+	 */
+	get(): Item[];
+	/**
+	 * Create a computed, filtered array
+	 */
+	filter(callback: (item: Item, index: number, array: Item[]) => boolean): Computed<Item[]>;
+	/**
+	 * Create a computed, mapped array
+	 */
+	map<Mapped>(callback: (item: Item, index: number, array: Item[]) => Mapped): Computed<Mapped[]>;
+	/**
+	 * @inheritdoc
+	 */
+	peek(): Item[];
+	/**
+	 * Get the length of the array _(without reactivity)_
+	 */
+	peek(length: true): number;
+	/**
+	 * Remove and return the last item of the array
+	 */
+	pop(): Item | undefined;
+	/**
+	 * Add items to the end of the array
+	 */
+	push(...items: Item[]): number;
+	/**
+	 * Set the value
+	 */
+	set(value: Item[]): void;
+	/**
+	 * Set the value at an index
+	 */
+	set(index: number, value: Item): void;
+	/**
+	 * Set the length of the array
+	 */
+	set(property: "length", value: number): void;
+	/**
+	 * Remove and return the first item of the array
+	 */
+	shift(): Item | undefined;
+	/**
+	 * Remove and return items from the array _(and optionally add new items)_
+	 */
+	splice(from: number, to?: number, ...items: Item[]): Item[];
+	/**
+	 * Add items to the beginning of the array
+	 */
+	unshift(...items: Item[]): number;
+}
 declare class Signal<Value> extends Reactive<Value> {
 	constructor(value: Value);
 	/**
@@ -72,6 +140,10 @@ declare class Signal<Value> extends Reactive<Value> {
 	 */
 	update(callback: (value: Value) => Value): void;
 }
+/**
+ * Is the value a reactive array?
+ */
+export declare function isArray(value: unknown): value is ReactiveArray<unknown>;
 /**
  * Is the value a computed signal?
  */
@@ -85,5 +157,9 @@ export declare function isReactive(value: unknown): value is Reactive<unknown>;
  * Is the value a signal?
  */
 export declare function isSignal(value: unknown): value is Signal<unknown>;
+export declare const arrayName = "array";
+export declare const computedName = "computed";
+export declare const effectName = "effect";
+export declare const signalName = "signal";
 
 export {};

package/types/helpers/is.d.ts

@@ -0,0 +1,26 @@
+import type { Effect } from '../effect';
+import type { ReactiveArray } from '../value/array';
+import type { Computed } from '../value/computed';
+import type { Reactive } from '../value/reactive';
+import { type Signal } from '../value/signal';
+/**
+ * Is the value a reactive array?
+ */
+export declare function isArray(value: unknown): value is ReactiveArray<unknown>;
+/**
+ * Is the value a computed signal?
+ */
+export declare function isComputed(value: unknown): value is Computed<unknown>;
+/**
+ * Is the value an effect?
+ */
+export declare function isEffect(value: unknown): value is Effect;
+export declare function isReactive(value: unknown): value is Reactive<unknown>;
+/**
+ * Is the value a signal?
+ */
+export declare function isSignal(value: unknown): value is Signal<unknown>;
+export declare const arrayName = "array";
+export declare const computedName = "computed";
+export declare const effectName = "effect";
+export declare const signalName = "signal";

package/types/{value.d.cts → helpers/value.d.cts}

@@ -14,15 +14,6 @@ declare class Computed<Value> extends Reactive<Value> {
 	 */
 	get(): Value;
 }
-declare class Subscription<Value> {
-	state: ReactiveState<Value>;
-	callback: GenericCallback;
-	constructor(state: ReactiveState<Value>, callback: GenericCallback);
-}
-/**
- * Unsubscribe from changes
- */
-export type Unsubscribe = () => void;
 declare abstract class Reactive<Value> {
 	protected readonly state: ReactiveState<Value>;
 	constructor(name: string, value: Value);
@@ -57,7 +48,15 @@ export type ReactiveState<Value> = {
 	subscriptions: Map<(value: Value) => void, Subscription<Value>>;
 	value: Value;
 };
-export declare function emitValue<Value>(state: ReactiveState<Value>): void;
+declare class Subscription<Value> {
+	state: ReactiveState<Value>;
+	callback: GenericCallback;
+	constructor(state: ReactiveState<Value>, callback: GenericCallback);
+}
+/**
+ * Unsubscribe from changes
+ */
+export type Unsubscribe = () => void;
 export declare function getValue<Value>(state: ReactiveState<Value>): Value;
 export declare function setValue<Value>(state: ReactiveState<Value>, value: Value): void;
 

package/types/{value.d.ts → helpers/value.d.ts}

@@ -1,4 +1,3 @@
-import type { ReactiveState } from './reactive';
-export declare function emitValue<Value>(state: ReactiveState<Value>): void;
+import type { ReactiveState } from '../value/reactive';
 export declare function getValue<Value>(state: ReactiveState<Value>): Value;
 export declare function setValue<Value>(state: ReactiveState<Value>, value: Value): void;

package/types/index.d.cts

@@ -22,15 +22,6 @@ export declare class Computed<Value> extends Reactive<Value> {
  * Create a computed value
  */
 export declare function computed<Value>(callback: () => Value): Computed<Value>;
-declare class Subscription<Value> {
-	state: ReactiveState<Value>;
-	callback: GenericCallback;
-	constructor(state: ReactiveState<Value>, callback: GenericCallback);
-}
-/**
- * Unsubscribe from changes
- */
-export type Unsubscribe = () => void;
 export declare abstract class Reactive<Value> {
 	protected readonly state: ReactiveState<Value>;
 	constructor(name: string, value: Value);
@@ -65,38 +56,23 @@ export type ReactiveState<Value> = {
 	subscriptions: Map<(value: Value) => void, Subscription<Value>>;
 	value: Value;
 };
-export declare class Signal<Value> extends Reactive<Value> {
-	constructor(value: Value);
-	/**
-	 * @inheritdoc
-	 */
-	get(): Value;
-	/**
-	 * Set the value
-	 */
-	set(value: Value): void;
-	/**
-	 * Update the value
-	 */
-	update(callback: (value: Value) => Value): void;
+declare class Subscription<Value> {
+	state: ReactiveState<Value>;
+	callback: GenericCallback;
+	constructor(state: ReactiveState<Value>, callback: GenericCallback);
 }
 /**
- * Create a reactive value
- */
-export declare function signal<Value>(value: Value): Signal<Value>;
-/**
- * Is the value a computed signal?
+ * Unsubscribe from changes
  */
-export declare function isComputed(value: unknown): value is Computed<unknown>;
+export type Unsubscribe = () => void;
 /**
- * Is the value an effect?
+ * Start batching effects _(use `stopBatch` to flush and run batched effects)_
  */
-export declare function isEffect(value: unknown): value is Effect;
-export declare function isReactive(value: unknown): value is Reactive<unknown>;
+export declare function startBatch(): void;
 /**
- * Is the value a signal?
+ * Stop batching effects and flush _(run)_ them
  */
-export declare function isSignal(value: unknown): value is Signal<unknown>;
+export declare function stopBatch(): void;
 export declare class ReactiveArray<Item> extends Reactive<Item[]> {
 	#private;
 	/**
@@ -108,10 +84,22 @@ export declare class ReactiveArray<Item> extends Reactive<Item[]> {
 	 */
 	set length(value: number);
 	constructor(value: Item[]);
+	/**
+	 * Get an indexed item
+	 */
+	at(index: number): Item | undefined;
 	/**
 	 * @inheritdoc
 	 */
 	get(): Item[];
+	/**
+	 * Create a computed, filtered array
+	 */
+	filter(callback: (item: Item, index: number, array: Item[]) => boolean): Computed<Item[]>;
+	/**
+	 * Create a computed, mapped array
+	 */
+	map<Mapped>(callback: (item: Item, index: number, array: Item[]) => Mapped): Computed<Mapped[]>;
 	/**
 	 * @inheritdoc
 	 */
@@ -120,6 +108,14 @@ export declare class ReactiveArray<Item> extends Reactive<Item[]> {
 	 * Get the length of the array _(without reactivity)_
 	 */
 	peek(length: true): number;
+	/**
+	 * Remove and return the last item of the array
+	 */
+	pop(): Item | undefined;
+	/**
+	 * Add items to the end of the array
+	 */
+	push(...items: Item[]): number;
 	/**
 	 * Set the value
 	 */
@@ -132,18 +128,58 @@ export declare class ReactiveArray<Item> extends Reactive<Item[]> {
 	 * Set the length of the array
 	 */
 	set(property: "length", value: number): void;
+	/**
+	 * Remove and return the first item of the array
+	 */
+	shift(): Item | undefined;
+	/**
+	 * Remove and return items from the array _(and optionally add new items)_
+	 */
+	splice(from: number, to?: number, ...items: Item[]): Item[];
+	/**
+	 * Add items to the beginning of the array
+	 */
+	unshift(...items: Item[]): number;
 }
 /**
  * Create a reactive array
  */
 export declare function array<Item>(value: Item[]): ReactiveArray<Item>;
+export declare class Signal<Value> extends Reactive<Value> {
+	constructor(value: Value);
+	/**
+	 * @inheritdoc
+	 */
+	get(): Value;
+	/**
+	 * Set the value
+	 */
+	set(value: Value): void;
+	/**
+	 * Update the value
+	 */
+	update(callback: (value: Value) => Value): void;
+}
 /**
- * Start batching effects _(use `stopBatch` to flush and run batched effects)_
+ * Create a reactive value
  */
-export declare function startBatch(): void;
+export declare function signal<Value>(value: Value): Signal<Value>;
 /**
- * Stop batching effects and flush _(run)_ them
+ * Is the value a reactive array?
  */
-export declare function stopBatch(): void;
+export declare function isArray(value: unknown): value is ReactiveArray<unknown>;
+/**
+ * Is the value a computed signal?
+ */
+export declare function isComputed(value: unknown): value is Computed<unknown>;
+/**
+ * Is the value an effect?
+ */
+export declare function isEffect(value: unknown): value is Effect;
+export declare function isReactive(value: unknown): value is Reactive<unknown>;
+/**
+ * Is the value a signal?
+ */
+export declare function isSignal(value: unknown): value is Signal<unknown>;
 
 export {};

package/types/index.d.ts

@@ -1,7 +1,7 @@
-export { array, type ReactiveArray } from './array';
 export { startBatch, stopBatch } from './batch';
-export { computed, type Computed } from './computed';
 export { effect, type Effect } from './effect';
-export { isComputed, isEffect, isReactive, isSignal } from './is';
-export type { Reactive } from './reactive';
-export { signal, type Signal } from './signal';
+export { isArray, isComputed, isEffect, isReactive, isSignal, } from './helpers/is';
+export { array, type ReactiveArray } from './value/array';
+export { computed, type Computed } from './value/computed';
+export type { Reactive } from './value/reactive';
+export { signal, type Signal } from './value/signal';

package/types/subscription.d.cts

@@ -14,18 +14,6 @@ declare class Computed<Value> extends Reactive<Value> {
 	 */
 	get(): Value;
 }
-export declare class Subscription<Value> {
-	state: ReactiveState<Value>;
-	callback: GenericCallback;
-	constructor(state: ReactiveState<Value>, callback: GenericCallback);
-}
-/**
- * Unsubscribe from changes
- */
-export type Unsubscribe = () => void;
-export declare function noop(): void;
-export declare function subscribe<Value>(state: ReactiveState<Value>, callback: (value: Value) => void): Unsubscribe;
-export declare function unsubscribe<Value>(state: ReactiveState<Value>, callback: (value: Value) => void): void;
 declare abstract class Reactive<Value> {
 	protected readonly state: ReactiveState<Value>;
 	constructor(name: string, value: Value);
@@ -60,5 +48,17 @@ export type ReactiveState<Value> = {
 	subscriptions: Map<(value: Value) => void, Subscription<Value>>;
 	value: Value;
 };
+export declare class Subscription<Value> {
+	state: ReactiveState<Value>;
+	callback: GenericCallback;
+	constructor(state: ReactiveState<Value>, callback: GenericCallback);
+}
+/**
+ * Unsubscribe from changes
+ */
+export type Unsubscribe = () => void;
+export declare function noop(): void;
+export declare function subscribe<Value>(state: ReactiveState<Value>, callback: (value: Value) => void): Unsubscribe;
+export declare function unsubscribe<Value>(state: ReactiveState<Value>, callback: (value: Value) => void): void;
 
 export {};

package/types/subscription.d.ts

@@ -1,5 +1,5 @@
 import type { GenericCallback } from '@oscarpalmer/atoms/models';
-import type { ReactiveState } from './reactive';
+import type { ReactiveState } from './value/reactive';
 export declare class Subscription<Value> {
     state: ReactiveState<Value>;
     callback: GenericCallback;

package/types/{array.d.cts → value/array.d.cts}

@@ -14,15 +14,6 @@ declare class Computed<Value> extends Reactive<Value> {
 	 */
 	get(): Value;
 }
-declare class Subscription<Value> {
-	state: ReactiveState<Value>;
-	callback: GenericCallback;
-	constructor(state: ReactiveState<Value>, callback: GenericCallback);
-}
-/**
- * Unsubscribe from changes
- */
-export type Unsubscribe = () => void;
 declare abstract class Reactive<Value> {
 	protected readonly state: ReactiveState<Value>;
 	constructor(name: string, value: Value);
@@ -57,6 +48,15 @@ export type ReactiveState<Value> = {
 	subscriptions: Map<(value: Value) => void, Subscription<Value>>;
 	value: Value;
 };
+declare class Subscription<Value> {
+	state: ReactiveState<Value>;
+	callback: GenericCallback;
+	constructor(state: ReactiveState<Value>, callback: GenericCallback);
+}
+/**
+ * Unsubscribe from changes
+ */
+export type Unsubscribe = () => void;
 export declare class ReactiveArray<Item> extends Reactive<Item[]> {
 	#private;
 	/**
@@ -68,10 +68,22 @@ export declare class ReactiveArray<Item> extends Reactive<Item[]> {
 	 */
 	set length(value: number);
 	constructor(value: Item[]);
+	/**
+	 * Get an indexed item
+	 */
+	at(index: number): Item | undefined;
 	/**
 	 * @inheritdoc
 	 */
 	get(): Item[];
+	/**
+	 * Create a computed, filtered array
+	 */
+	filter(callback: (item: Item, index: number, array: Item[]) => boolean): Computed<Item[]>;
+	/**
+	 * Create a computed, mapped array
+	 */
+	map<Mapped>(callback: (item: Item, index: number, array: Item[]) => Mapped): Computed<Mapped[]>;
 	/**
 	 * @inheritdoc
 	 */
@@ -80,6 +92,14 @@ export declare class ReactiveArray<Item> extends Reactive<Item[]> {
 	 * Get the length of the array _(without reactivity)_
 	 */
 	peek(length: true): number;
+	/**
+	 * Remove and return the last item of the array
+	 */
+	pop(): Item | undefined;
+	/**
+	 * Add items to the end of the array
+	 */
+	push(...items: Item[]): number;
 	/**
 	 * Set the value
 	 */
@@ -92,6 +112,18 @@ export declare class ReactiveArray<Item> extends Reactive<Item[]> {
 	 * Set the length of the array
 	 */
 	set(property: "length", value: number): void;
+	/**
+	 * Remove and return the first item of the array
+	 */
+	shift(): Item | undefined;
+	/**
+	 * Remove and return items from the array _(and optionally add new items)_
+	 */
+	splice(from: number, to?: number, ...items: Item[]): Item[];
+	/**
+	 * Add items to the beginning of the array
+	 */
+	unshift(...items: Item[]): number;
 }
 /**
  * Create a reactive array