@oscarpalmer/mora 0.13.0 → 0.14.0

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,51 @@ 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[]);
+	/**
+	 * @inheritdoc
+	 */
+	get(): Item[];
+	/**
+	 * @inheritdoc
+	 */
+	peek(): Item[];
+	/**
+	 * Get the length of the array _(without reactivity)_
+	 */
+	peek(length: true): 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;
+}
 declare class Signal<Value> extends Reactive<Value> {
 	constructor(value: Value);
 	/**
@@ -72,6 +108,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 +125,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;
 	/**
@@ -137,13 +113,41 @@ export declare class ReactiveArray<Item> extends Reactive<Item[]> {
  * 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/{computed.d.ts → value/computed.d.ts}

@@ -1,4 +1,4 @@
-import { type Effect } from './effect';
+import { type Effect } from '../effect';
 import { Reactive, type ReactiveState } from './reactive';
 type ComputedEffect = {
     dirty: boolean;

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

@@ -1,6 +1,6 @@
+import type { Effect } from '../effect';
+import { type Subscription, type Unsubscribe } from '../subscription';
 import type { Computed } from './computed';
-import type { Effect } from './effect';
-import { type Subscription, type Unsubscribe } from './subscription';
 export declare abstract class Reactive<Value> {
     protected readonly state: ReactiveState<Value>;
     constructor(name: string, value: Value);

package/dist/is.cjs

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function isComputed(value) {
-  return isMora(value, "computed");
-}
-function isEffect(value) {
-  return isMora(value, "effect");
-}
-function isMora(value, name) {
-  return typeof value === "object" && value != null && "$mora" in value && value.$mora === name;
-}
-function isReactive(value) {
-  return isComputed(value) || isSignal(value);
-}
-function isSignal(value) {
-  return isMora(value, "signal");
-}
-exports.isComputed = isComputed;
-exports.isEffect = isEffect;
-exports.isReactive = isReactive;
-exports.isSignal = isSignal;

package/dist/is.js

@@ -1,21 +0,0 @@
-function isComputed(value) {
-  return isMora(value, "computed");
-}
-function isEffect(value) {
-  return isMora(value, "effect");
-}
-function isMora(value, name) {
-  return typeof value === "object" && value != null && "$mora" in value && value.$mora === name;
-}
-function isReactive(value) {
-  return isComputed(value) || isSignal(value);
-}
-function isSignal(value) {
-  return isMora(value, "signal");
-}
-export {
-  isComputed,
-  isEffect,
-  isReactive,
-  isSignal
-};

package/dist/signal.cjs

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactive = require("./reactive.cjs");
-const value = require("./value.cjs");
-class Signal extends reactive.Reactive {
-  constructor(value2) {
-    super("signal", value2);
-  }
-  /**
-   * @inheritdoc
-   */
-  get() {
-    return value.getValue(this.state);
-  }
-  /**
-   * Set the value
-   */
-  set(value$1) {
-    value.setValue(this.state, value$1);
-  }
-  /**
-   * Update the value
-   */
-  update(callback) {
-    this.set(callback(this.state.value));
-  }
-}
-function signal(value2) {
-  return new Signal(value2);
-}
-exports.Signal = Signal;
-exports.signal = signal;

package/dist/value.cjs

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const batch = require("./batch.cjs");
-const computed = require("./computed.cjs");
-const effect = require("./effect.cjs");
-function emitValue(state) {
-  for (const computed2 of state.computeds) {
-    computed2.effect.dirty = true;
-  }
-  for (const effect2 of state.effects) {
-    batch.batchedHandlers.add(effect2);
-  }
-  for (const [, subscription] of state.subscriptions) {
-    batch.batchedHandlers.add(subscription);
-  }
-  if (batch.batchDepth === 0) {
-    batch.flushEffects();
-  }
-}
-function getValue(state) {
-  if (computed.activeComputed != null) {
-    state.computeds.add(computed.activeComputed);
-  }
-  if (effect.activeEffect != null) {
-    state.effects.add(effect.activeEffect);
-  }
-  return state.value;
-}
-function setValue(state, value) {
-  if (Object.is(state.value, value)) {
-    return;
-  }
-  state.value = value;
-  emitValue(state);
-}
-exports.emitValue = emitValue;
-exports.getValue = getValue;
-exports.setValue = setValue;

package/dist/value.js

@@ -1,38 +0,0 @@
-import { batchedHandlers, flushEffects, batchDepth } from "./batch.js";
-import { activeComputed } from "./computed.js";
-import { activeEffect } from "./effect.js";
-function emitValue(state) {
-  for (const computed of state.computeds) {
-    computed.effect.dirty = true;
-  }
-  for (const effect of state.effects) {
-    batchedHandlers.add(effect);
-  }
-  for (const [, subscription] of state.subscriptions) {
-    batchedHandlers.add(subscription);
-  }
-  if (batchDepth === 0) {
-    flushEffects();
-  }
-}
-function getValue(state) {
-  if (activeComputed != null) {
-    state.computeds.add(activeComputed);
-  }
-  if (activeEffect != null) {
-    state.effects.add(activeEffect);
-  }
-  return state.value;
-}
-function setValue(state, value) {
-  if (Object.is(state.value, value)) {
-    return;
-  }
-  state.value = value;
-  emitValue(state);
-}
-export {
-  emitValue,
-  getValue,
-  setValue
-};

package/src/is.ts

@@ -1,39 +0,0 @@
-import type {PlainObject} from '@oscarpalmer/atoms/models';
-import type {Computed} from './computed';
-import type {Effect} from './effect';
-import type {Reactive} from './reactive';
-import type {Signal} from './signal';
-
-/**
- * Is the value a computed signal?
- */
-export function isComputed(value: unknown): value is Computed<unknown> {
-	return isMora<Computed<unknown>>(value, 'computed');
-}
-
-/**
- * Is the value an effect?
- */
-export function isEffect(value: unknown): value is Effect {
-	return isMora<Effect>(value, 'effect');
-}
-
-function isMora<T>(value: unknown, name: string): value is T {
-	return (
-		typeof value === 'object' &&
-		value != null &&
-		'$mora' in value &&
-		(value as PlainObject).$mora === name
-	);
-}
-
-export function isReactive(value: unknown): value is Reactive<unknown> {
-	return isComputed(value) || isSignal(value);
-}
-
-/**
- * Is the value a signal?
- */
-export function isSignal(value: unknown): value is Signal<unknown> {
-	return isMora<Signal<unknown>>(value, 'signal');
-}