@oscarpalmer/mora 0.14.0 → 0.16.0

package/dist/batch.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const effect = require("./effect.cjs");
 const helpers_is = require("./helpers/is.cjs");
-function flushEffects() {
+function flushHandlers() {
   while (exports.batchDepth === 0 && batchedHandlers.size > 0) {
     const handlers = [...batchedHandlers];
     batchedHandlers.clear();
@@ -22,11 +22,11 @@ function stopBatch() {
   if (exports.batchDepth > 0) {
     exports.batchDepth -= 1;
   }
-  flushEffects();
+  flushHandlers();
 }
 const batchedHandlers = /* @__PURE__ */ new Set();
 exports.batchDepth = 0;
 exports.batchedHandlers = batchedHandlers;
-exports.flushEffects = flushEffects;
+exports.flushHandlers = flushHandlers;
 exports.startBatch = startBatch;
 exports.stopBatch = stopBatch;

package/dist/batch.js

@@ -1,6 +1,6 @@
 import { runEffect } from "./effect.js";
 import { isEffect } from "./helpers/is.js";
-function flushEffects() {
+function flushHandlers() {
   while (batchDepth === 0 && batchedHandlers.size > 0) {
     const handlers = [...batchedHandlers];
     batchedHandlers.clear();
@@ -20,14 +20,14 @@ function stopBatch() {
   if (batchDepth > 0) {
     batchDepth -= 1;
   }
-  flushEffects();
+  flushHandlers();
 }
 const batchedHandlers = /* @__PURE__ */ new Set();
 let batchDepth = 0;
 export {
   batchDepth,
   batchedHandlers,
-  flushEffects,
+  flushHandlers,
   startBatch,
   stopBatch
 };

package/dist/helpers/value.cjs

@@ -1,8 +1,48 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const batch = require("../batch.cjs");
 const effect = require("../effect.cjs");
 const value_computed = require("../value/computed.cjs");
-const helpers_emit = require("./emit.cjs");
+function differentArrays(first, second) {
+  let { length } = first;
+  if (length !== second.length) {
+    return true;
+  }
+  let offset = 0;
+  if (length >= 100) {
+    offset = Math.round(length / 10);
+    offset = offset > 25 ? 25 : offset;
+    for (let index = 0; index < offset; index += 1) {
+      if (!Object.is(first[index], second[index])) {
+        return true;
+      }
+    }
+  }
+  length -= offset;
+  for (let index = offset; index < length; index += 1) {
+    if (!Object.is(first[index], second[index])) {
+      return true;
+    }
+  }
+  return false;
+}
+function differentValues(first, second) {
+  return Array.isArray(first) && Array.isArray(second) ? differentArrays(first, second) : !Object.is(first, second);
+}
+function emitValue(state) {
+  for (const computed of state.computeds) {
+    computed.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.flushHandlers();
+  }
+}
 function getValue(state) {
   if (value_computed.activeComputed != null) {
     state.computeds.add(value_computed.activeComputed);
@@ -12,11 +52,7 @@ function getValue(state) {
   }
   return state.value;
 }
-function setValue(state, value) {
-  if (!Object.is(state.value, value)) {
-    state.value = value;
-    helpers_emit.emitValue(state);
-  }
-}
+exports.differentArrays = differentArrays;
+exports.differentValues = differentValues;
+exports.emitValue = emitValue;
 exports.getValue = getValue;
-exports.setValue = setValue;

package/dist/helpers/value.js

@@ -1,6 +1,46 @@
+import { batchedHandlers, batchDepth, flushHandlers } from "../batch.js";
 import { activeEffect } from "../effect.js";
 import { activeComputed } from "../value/computed.js";
-import { emitValue } from "./emit.js";
+function differentArrays(first, second) {
+  let { length } = first;
+  if (length !== second.length) {
+    return true;
+  }
+  let offset = 0;
+  if (length >= 100) {
+    offset = Math.round(length / 10);
+    offset = offset > 25 ? 25 : offset;
+    for (let index = 0; index < offset; index += 1) {
+      if (!Object.is(first[index], second[index])) {
+        return true;
+      }
+    }
+  }
+  length -= offset;
+  for (let index = offset; index < length; index += 1) {
+    if (!Object.is(first[index], second[index])) {
+      return true;
+    }
+  }
+  return false;
+}
+function differentValues(first, second) {
+  return Array.isArray(first) && Array.isArray(second) ? differentArrays(first, second) : !Object.is(first, second);
+}
+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) {
+    flushHandlers();
+  }
+}
 function getValue(state) {
   if (activeComputed != null) {
     state.computeds.add(activeComputed);
@@ -10,13 +50,9 @@ function getValue(state) {
   }
   return state.value;
 }
-function setValue(state, value) {
-  if (!Object.is(state.value, value)) {
-    state.value = value;
-    emitValue(state);
-  }
-}
 export {
-  getValue,
-  setValue
+  differentArrays,
+  differentValues,
+  emitValue,
+  getValue
 };

package/dist/mora.full.js

@@ -68,7 +68,7 @@ function effect(callback) {
 }
 let activeEffect;
 
-function flushEffects() {
+function flushHandlers() {
     while (batchDepth === 0 && batchedHandlers.size > 0) {
         const handlers = [...batchedHandlers];
         batchedHandlers.clear();
@@ -95,49 +95,11 @@ function stopBatch() {
     if (batchDepth > 0) {
         batchDepth -= 1;
     }
-    flushEffects();
+    flushHandlers();
 }
 const batchedHandlers = new Set();
 let batchDepth = 0;
 
-function emitArrayChanges(first, second) {
-    let { length } = first;
-    if (length !== second.length) {
-        return true;
-    }
-    let offset = 0;
-    if (length >= 100) {
-        offset = Math.round(length / 10);
-        offset = offset > 25 ? 25 : offset;
-        for (let index = 0; index < offset; index += 1) {
-            if (!Object.is(first[index], second[index])) {
-                return true;
-            }
-        }
-    }
-    length -= offset;
-    for (let index = offset; index < length; index += 1) {
-        if (!Object.is(first[index], second[index])) {
-            return true;
-        }
-    }
-    return false;
-}
-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();
-    }
-}
-
 class Subscription {
     state;
     callback;
@@ -245,7 +207,7 @@ class Computed extends Reactive {
      * @inheritdoc
      */
     get() {
-        if (activeComputed != null && activeComputed !== this) {
+        if (activeComputed != null && this !== activeComputed) {
             this.state.computeds.add(activeComputed);
         }
         if (activeEffect != null && activeEffect !== this.effect.instance) {
@@ -264,6 +226,48 @@ function computed(callback) {
     return new Computed(callback);
 }
 
+function differentArrays(first, second) {
+    let { length } = first;
+    if (length !== second.length) {
+        return true;
+    }
+    let offset = 0;
+    if (length >= 100) {
+        offset = Math.round(length / 10);
+        offset = offset > 25 ? 25 : offset;
+        for (let index = 0; index < offset; index += 1) {
+            if (!Object.is(first[index], second[index])) {
+                return true;
+            }
+        }
+    }
+    length -= offset;
+    for (let index = offset; index < length; index += 1) {
+        if (!Object.is(first[index], second[index])) {
+            return true;
+        }
+    }
+    return false;
+}
+function differentValues(first, second) {
+    return Array.isArray(first) && Array.isArray(second)
+        ? differentArrays(first, second)
+        : !Object.is(first, second);
+}
+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) {
+        flushHandlers();
+    }
+}
 function getValue(state) {
     if (activeComputed != null) {
         state.computeds.add(activeComputed);
@@ -273,12 +277,6 @@ function getValue(state) {
     }
     return state.value;
 }
-function setValue$1(state, value) {
-    if (!Object.is(state.value, value)) {
-        state.value = value;
-        emitValue(state);
-    }
-}
 
 class Signal extends Reactive {
     constructor(value) {
@@ -294,7 +292,10 @@ class Signal extends Reactive {
      * Set the value
      */
     set(value) {
-        setValue$1(this.state, value);
+        if (differentValues(this.state.value, value)) {
+            this.state.value = value;
+            emitValue(this.state);
+        }
     }
     /**
      * Update the value
@@ -337,15 +338,51 @@ class ReactiveArray extends Reactive {
         }));
         this.#size.set(value.length);
     }
+    /**
+     * Get an indexed item
+     */
+    at(index) {
+        return this.get().at(index);
+    }
+    /**
+     * Clear the array
+     */
+    clear() {
+        this.length = 0;
+    }
     /**
      * @inheritdoc
      */
     get() {
         return getValue(this.state);
     }
+    /**
+     * Create a computed, filtered array
+     */
+    filter(callback) {
+        return computed(() => this.get().filter(callback));
+    }
+    /**
+     * Create a computed, mapped array
+     */
+    map(callback) {
+        return computed(() => this.get().map(callback));
+    }
     peek(length) {
         return length === true ? this.#size.peek() : [...this.state.value];
     }
+    /**
+     * Remove and return the last item of the array
+     */
+    pop() {
+        return this.state.value.pop();
+    }
+    /**
+     * Add items to the end of the array
+     */
+    push(...items) {
+        return this.state.value.push(...items);
+    }
     set(first, second) {
         if (Array.isArray(first)) {
             this.state.value.splice(0, this.state.value.length, ...first);
@@ -357,6 +394,24 @@ class ReactiveArray extends Reactive {
             this.state.value[first] = second;
         }
     }
+    /**
+     * Remove and return the first item of the array
+     */
+    shift() {
+        return this.state.value.shift();
+    }
+    /**
+     * Remove and return items from the array _(and optionally add new items)_
+     */
+    splice(from, to, ...items) {
+        return this.state.value.splice(from, to ?? this.state.value.length, ...items);
+    }
+    /**
+     * Add items to the beginning of the array
+     */
+    unshift(...items) {
+        return this.state.value.unshift(...items);
+    }
 }
 /**
  * Create a reactive array
@@ -386,7 +441,7 @@ function updateArray(type, array, state, length) {
         const result = array[type](...args);
         if (affectsLength
             ? array.length !== previousLength
-            : emitArrayChanges(previousArray, array)) {
+            : differentArrays(previousArray, array)) {
             emitValue(state);
             length.set(array.length);
         }

package/dist/value/array.cjs

@@ -7,9 +7,9 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var _size;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const helpers_emit = require("../helpers/emit.cjs");
 const helpers_is = require("../helpers/is.cjs");
 const helpers_value = require("../helpers/value.cjs");
+const value_computed = require("./computed.cjs");
 const value_reactive = require("./reactive.cjs");
 const value_signal = require("./signal.cjs");
 class ReactiveArray extends value_reactive.Reactive {
@@ -38,15 +38,51 @@ class ReactiveArray extends value_reactive.Reactive {
       this.get().length = value;
     }
   }
+  /**
+   * Get an indexed item
+   */
+  at(index) {
+    return this.get().at(index);
+  }
+  /**
+   * Clear the array
+   */
+  clear() {
+    this.length = 0;
+  }
   /**
    * @inheritdoc
    */
   get() {
     return helpers_value.getValue(this.state);
   }
+  /**
+   * Create a computed, filtered array
+   */
+  filter(callback) {
+    return value_computed.computed(() => this.get().filter(callback));
+  }
+  /**
+   * Create a computed, mapped array
+   */
+  map(callback) {
+    return value_computed.computed(() => this.get().map(callback));
+  }
   peek(length) {
     return length === true ? __privateGet(this, _size).peek() : [...this.state.value];
   }
+  /**
+   * Remove and return the last item of the array
+   */
+  pop() {
+    return this.state.value.pop();
+  }
+  /**
+   * Add items to the end of the array
+   */
+  push(...items) {
+    return this.state.value.push(...items);
+  }
   set(first, second) {
     if (Array.isArray(first)) {
       this.state.value.splice(0, this.state.value.length, ...first);
@@ -56,6 +92,28 @@ class ReactiveArray extends value_reactive.Reactive {
       this.state.value[first] = second;
     }
   }
+  /**
+   * Remove and return the first item of the array
+   */
+  shift() {
+    return this.state.value.shift();
+  }
+  /**
+   * Remove and return items from the array _(and optionally add new items)_
+   */
+  splice(from, to, ...items) {
+    return this.state.value.splice(
+      from,
+      to ?? this.state.value.length,
+      ...items
+    );
+  }
+  /**
+   * Add items to the beginning of the array
+   */
+  unshift(...items) {
+    return this.state.value.unshift(...items);
+  }
 }
 _size = new WeakMap();
 function array(value) {
@@ -70,7 +128,7 @@ function setValue(target, property, value, state, length) {
   const previous = Reflect.get(target, property);
   if (!Object.is(previous, value)) {
     Reflect.set(target, property, value);
-    helpers_emit.emitValue(state);
+    helpers_value.emitValue(state);
     length.set(target.length);
   }
   return true;
@@ -83,8 +141,8 @@ function updateArray(type, array2, state, length) {
     const result = array2[type](
       ...args
     );
-    if (affectsLength ? array2.length !== previousLength : helpers_emit.emitArrayChanges(previousArray, array2)) {
-      helpers_emit.emitValue(state);
+    if (affectsLength ? array2.length !== previousLength : helpers_value.differentArrays(previousArray, array2)) {
+      helpers_value.emitValue(state);
       length.set(array2.length);
     }
     return result;

package/dist/value/array.js

@@ -5,9 +5,9 @@ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var _size;
-import { emitValue, emitArrayChanges } from "../helpers/emit.js";
 import { arrayName } from "../helpers/is.js";
-import { getValue } from "../helpers/value.js";
+import { getValue, emitValue, differentArrays } from "../helpers/value.js";
+import { computed } from "./computed.js";
 import { Reactive } from "./reactive.js";
 import { signal } from "./signal.js";
 class ReactiveArray extends Reactive {
@@ -36,15 +36,51 @@ class ReactiveArray extends Reactive {
       this.get().length = value;
     }
   }
+  /**
+   * Get an indexed item
+   */
+  at(index) {
+    return this.get().at(index);
+  }
+  /**
+   * Clear the array
+   */
+  clear() {
+    this.length = 0;
+  }
   /**
    * @inheritdoc
    */
   get() {
     return getValue(this.state);
   }
+  /**
+   * Create a computed, filtered array
+   */
+  filter(callback) {
+    return computed(() => this.get().filter(callback));
+  }
+  /**
+   * Create a computed, mapped array
+   */
+  map(callback) {
+    return computed(() => this.get().map(callback));
+  }
   peek(length) {
     return length === true ? __privateGet(this, _size).peek() : [...this.state.value];
   }
+  /**
+   * Remove and return the last item of the array
+   */
+  pop() {
+    return this.state.value.pop();
+  }
+  /**
+   * Add items to the end of the array
+   */
+  push(...items) {
+    return this.state.value.push(...items);
+  }
   set(first, second) {
     if (Array.isArray(first)) {
       this.state.value.splice(0, this.state.value.length, ...first);
@@ -54,6 +90,28 @@ class ReactiveArray extends Reactive {
       this.state.value[first] = second;
     }
   }
+  /**
+   * Remove and return the first item of the array
+   */
+  shift() {
+    return this.state.value.shift();
+  }
+  /**
+   * Remove and return items from the array _(and optionally add new items)_
+   */
+  splice(from, to, ...items) {
+    return this.state.value.splice(
+      from,
+      to ?? this.state.value.length,
+      ...items
+    );
+  }
+  /**
+   * Add items to the beginning of the array
+   */
+  unshift(...items) {
+    return this.state.value.unshift(...items);
+  }
 }
 _size = new WeakMap();
 function array(value) {
@@ -81,7 +139,7 @@ function updateArray(type, array2, state, length) {
     const result = array2[type](
       ...args
     );
-    if (affectsLength ? array2.length !== previousLength : emitArrayChanges(previousArray, array2)) {
+    if (affectsLength ? array2.length !== previousLength : differentArrays(previousArray, array2)) {
       emitValue(state);
       length.set(array2.length);
     }

package/dist/value/computed.cjs

@@ -41,7 +41,7 @@ class Computed extends value_reactive.Reactive {
    * @inheritdoc
    */
   get() {
-    if (exports.activeComputed != null && exports.activeComputed !== this) {
+    if (exports.activeComputed != null && this !== exports.activeComputed) {
       this.state.computeds.add(exports.activeComputed);
     }
     if (effect.activeEffect != null && effect.activeEffect !== this.effect.instance) {

package/dist/value/computed.js

@@ -39,7 +39,7 @@ class Computed extends Reactive {
    * @inheritdoc
    */
   get() {
-    if (activeComputed != null && activeComputed !== this) {
+    if (activeComputed != null && this !== activeComputed) {
       this.state.computeds.add(activeComputed);
     }
     if (activeEffect != null && activeEffect !== this.effect.instance) {

package/dist/value/signal.cjs

@@ -17,7 +17,10 @@ class Signal extends value_reactive.Reactive {
    * Set the value
    */
   set(value) {
-    helpers_value.setValue(this.state, value);
+    if (helpers_value.differentValues(this.state.value, value)) {
+      this.state.value = value;
+      helpers_value.emitValue(this.state);
+    }
   }
   /**
    * Update the value

package/dist/value/signal.js

@@ -1,5 +1,5 @@
 import { signalName } from "../helpers/is.js";
-import { getValue, setValue } from "../helpers/value.js";
+import { getValue, differentValues, emitValue } from "../helpers/value.js";
 import { Reactive } from "./reactive.js";
 class Signal extends Reactive {
   constructor(value) {
@@ -15,7 +15,10 @@ class Signal extends Reactive {
    * Set the value
    */
   set(value) {
-    setValue(this.state, value);
+    if (differentValues(this.state.value, value)) {
+      this.state.value = value;
+      emitValue(this.state);
+    }
   }
   /**
    * Update the value

package/package.json

@@ -12,14 +12,14 @@
 		"@rollup/plugin-node-resolve": "^16",
 		"@rollup/plugin-typescript": "^12.1",
 		"@types/node": "^22.15",
-		"@vitest/coverage-istanbul": "^3.1",
+		"@vitest/coverage-istanbul": "^3.2",
 		"dts-bundle-generator": "^9.5",
 		"glob": "^11",
 		"jsdom": "^26.1",
 		"tslib": "^2.8",
 		"typescript": "^5.8",
 		"vite": "^6.3",
-		"vitest": "^3.1"
+		"vitest": "^3.2"
 	},
 	"exports": {
 		".": {
@@ -54,5 +54,5 @@
 	},
 	"type": "module",
 	"types": "./types/index.d.ts",
-	"version": "0.14.0"
+	"version": "0.16.0"
 }