@oscarpalmer/mora 0.17.0 → 0.18.1

package/dist/helpers/is.cjs

@@ -18,11 +18,15 @@ function isReactive(value) {
 function isSignal(value) {
   return isMora(value, signalName);
 }
+function isStore(value) {
+  return isMora(value, storeName);
+}
 const arrayName = "array";
 const computedName = "computed";
 const effectName = "effect";
 const signalName = "signal";
-const reactiveNames = /* @__PURE__ */ new Set([arrayName, computedName, signalName]);
+const storeName = "store";
+const reactiveNames = /* @__PURE__ */ new Set([arrayName, computedName, signalName, storeName]);
 exports.arrayName = arrayName;
 exports.computedName = computedName;
 exports.effectName = effectName;
@@ -31,4 +35,6 @@ exports.isComputed = isComputed;
 exports.isEffect = isEffect;
 exports.isReactive = isReactive;
 exports.isSignal = isSignal;
+exports.isStore = isStore;
 exports.signalName = signalName;
+exports.storeName = storeName;

package/dist/helpers/is.js

@@ -16,11 +16,15 @@ function isReactive(value) {
 function isSignal(value) {
   return isMora(value, signalName);
 }
+function isStore(value) {
+  return isMora(value, storeName);
+}
 const arrayName = "array";
 const computedName = "computed";
 const effectName = "effect";
 const signalName = "signal";
-const reactiveNames = /* @__PURE__ */ new Set([arrayName, computedName, signalName]);
+const storeName = "store";
+const reactiveNames = /* @__PURE__ */ new Set([arrayName, computedName, signalName, storeName]);
 export {
   arrayName,
   computedName,
@@ -30,5 +34,7 @@ export {
   isEffect,
   isReactive,
   isSignal,
-  signalName
+  isStore,
+  signalName,
+  storeName
 };

package/dist/helpers/proxy.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const batch = require("../batch.cjs");
+const helpers_value = require("./value.cjs");
+function setProxyValue(proxy, value) {
+  batch.startBatch();
+  const proxyKeys = Object.keys(proxy);
+  const valueKeys = Object.keys(value);
+  let { length } = proxyKeys;
+  for (let index = 0; index < length; index += 1) {
+    const key = proxyKeys[index];
+    proxy[key] = valueKeys.includes(key) ? value[key] : void 0;
+  }
+  length = valueKeys.length;
+  for (let index = 0; index < length; index += 1) {
+    const key = valueKeys[index];
+    if (!proxyKeys.includes(key)) {
+      const keyedValue = value[key];
+      proxy[key] = keyedValue;
+    }
+  }
+  batch.stopBatch();
+}
+function setValueInProxy(target, property, value, state, isArray, length) {
+  if (isArray) {
+    const isIndex = !Number.isNaN(Number(property));
+    const isLength = property === "length";
+    if (!isIndex && !isLength) {
+      return Reflect.set(target, property, value);
+    }
+  }
+  const previous = Reflect.get(target, property);
+  if (!state.equal(previous, value)) {
+    Reflect.set(target, property, value);
+    helpers_value.emitValue(state);
+    if (isArray) {
+      length == null ? void 0 : length.set(target.length);
+    }
+  }
+  return true;
+}
+exports.setProxyValue = setProxyValue;
+exports.setValueInProxy = setValueInProxy;

package/dist/helpers/proxy.js

@@ -0,0 +1,43 @@
+import { startBatch, stopBatch } from "../batch.js";
+import { emitValue } from "./value.js";
+function setProxyValue(proxy, value) {
+  startBatch();
+  const proxyKeys = Object.keys(proxy);
+  const valueKeys = Object.keys(value);
+  let { length } = proxyKeys;
+  for (let index = 0; index < length; index += 1) {
+    const key = proxyKeys[index];
+    proxy[key] = valueKeys.includes(key) ? value[key] : void 0;
+  }
+  length = valueKeys.length;
+  for (let index = 0; index < length; index += 1) {
+    const key = valueKeys[index];
+    if (!proxyKeys.includes(key)) {
+      const keyedValue = value[key];
+      proxy[key] = keyedValue;
+    }
+  }
+  stopBatch();
+}
+function setValueInProxy(target, property, value, state, isArray, length) {
+  if (isArray) {
+    const isIndex = !Number.isNaN(Number(property));
+    const isLength = property === "length";
+    if (!isIndex && !isLength) {
+      return Reflect.set(target, property, value);
+    }
+  }
+  const previous = Reflect.get(target, property);
+  if (!state.equal(previous, value)) {
+    Reflect.set(target, property, value);
+    emitValue(state);
+    if (isArray) {
+      length == null ? void 0 : length.set(target.length);
+    }
+  }
+  return true;
+}
+export {
+  setProxyValue,
+  setValueInProxy
+};

package/dist/helpers/value.cjs

@@ -3,10 +3,24 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const batch = require("../batch.cjs");
 const effect = require("../effect.cjs");
 const value_computed = require("../value/computed.cjs");
-function differentArrays(state, 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 equalArrays(state, first, second) {
   let { length } = first;
   if (length !== second.length) {
-    return true;
+    return false;
   }
   let offset = 0;
   if (length >= 100) {
@@ -14,34 +28,17 @@ function differentArrays(state, first, second) {
     offset = offset > 25 ? 25 : offset;
     for (let index = 0; index < offset; index += 1) {
       if (!state.equal(first[index], second[index])) {
-        return true;
+        return false;
       }
     }
   }
   length -= offset;
   for (let index = offset; index < length; index += 1) {
     if (!state.equal(first[index], second[index])) {
-      return true;
+      return false;
     }
   }
-  return false;
-}
-function differentValues(state, first, second) {
-  return Array.isArray(first) && Array.isArray(second) ? differentArrays(state, first, second) : !state.equal(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();
-  }
+  return true;
 }
 function getValue(state) {
   if (value_computed.activeComputed != null) {
@@ -52,7 +49,6 @@ function getValue(state) {
   }
   return state.value;
 }
-exports.differentArrays = differentArrays;
-exports.differentValues = differentValues;
 exports.emitValue = emitValue;
+exports.equalArrays = equalArrays;
 exports.getValue = getValue;

package/dist/helpers/value.js

@@ -1,10 +1,24 @@
 import { batchedHandlers, batchDepth, flushHandlers } from "../batch.js";
 import { activeEffect } from "../effect.js";
 import { activeComputed } from "../value/computed.js";
-function differentArrays(state, 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 equalArrays(state, first, second) {
   let { length } = first;
   if (length !== second.length) {
-    return true;
+    return false;
   }
   let offset = 0;
   if (length >= 100) {
@@ -12,34 +26,17 @@ function differentArrays(state, first, second) {
     offset = offset > 25 ? 25 : offset;
     for (let index = 0; index < offset; index += 1) {
       if (!state.equal(first[index], second[index])) {
-        return true;
+        return false;
       }
     }
   }
   length -= offset;
   for (let index = offset; index < length; index += 1) {
     if (!state.equal(first[index], second[index])) {
-      return true;
+      return false;
     }
   }
-  return false;
-}
-function differentValues(state, first, second) {
-  return Array.isArray(first) && Array.isArray(second) ? differentArrays(state, first, second) : !state.equal(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();
-  }
+  return true;
 }
 function getValue(state) {
   if (activeComputed != null) {
@@ -51,8 +48,7 @@ function getValue(state) {
   return state.value;
 }
 export {
-  differentArrays,
-  differentValues,
   emitValue,
+  equalArrays,
   getValue
 };

package/dist/index.cjs

@@ -6,6 +6,7 @@ const helpers_is = require("./helpers/is.cjs");
 const value_array = require("./value/array.cjs");
 const value_computed = require("./value/computed.cjs");
 const value_signal = require("./value/signal.cjs");
+const value_store = require("./value/store.cjs");
 exports.startBatch = batch.startBatch;
 exports.stopBatch = batch.stopBatch;
 exports.effect = effect.effect;
@@ -17,3 +18,4 @@ exports.isSignal = helpers_is.isSignal;
 exports.array = value_array.array;
 exports.computed = value_computed.computed;
 exports.signal = value_signal.signal;
+exports.store = value_store.store;

package/dist/index.js

@@ -4,6 +4,7 @@ import { isArray, isComputed, isEffect, isReactive, isSignal } from "./helpers/i
 import { array } from "./value/array.js";
 import { computed } from "./value/computed.js";
 import { signal } from "./value/signal.js";
+import { store } from "./value/store.js";
 export {
   array,
   computed,
@@ -15,5 +16,6 @@ export {
   isSignal,
   signal,
   startBatch,
-  stopBatch
+  stopBatch,
+  store
 };

package/dist/mora.full.js

@@ -37,7 +37,8 @@ const arrayName = 'array';
 const computedName = 'computed';
 const effectName = 'effect';
 const signalName = 'signal';
-const reactiveNames = new Set([arrayName, computedName, signalName]);
+const storeName = 'store';
+const reactiveNames = new Set([arrayName, computedName, signalName, storeName]);
 
 class Effect {
     constructor(callback) {
@@ -230,10 +231,24 @@ function computed(callback, options) {
     return new Computed(callback, options);
 }
 
-function differentArrays(state, 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 equalArrays(state, first, second) {
     let { length } = first;
     if (length !== second.length) {
-        return true;
+        return false;
     }
     let offset = 0;
     if (length >= 100) {
@@ -241,36 +256,17 @@ function differentArrays(state, first, second) {
         offset = offset > 25 ? 25 : offset;
         for (let index = 0; index < offset; index += 1) {
             if (!state.equal(first[index], second[index])) {
-                return true;
+                return false;
             }
         }
     }
     length -= offset;
     for (let index = offset; index < length; index += 1) {
         if (!state.equal(first[index], second[index])) {
-            return true;
+            return false;
         }
     }
-    return false;
-}
-function differentValues(state, first, second) {
-    return Array.isArray(first) && Array.isArray(second)
-        ? differentArrays(state, first, second)
-        : !state.equal(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();
-    }
+    return true;
 }
 function getValue(state) {
     if (activeComputed != null) {
@@ -282,6 +278,46 @@ function getValue(state) {
     return state.value;
 }
 
+function setProxyValue(proxy, value) {
+    startBatch();
+    const proxyKeys = Object.keys(proxy);
+    const valueKeys = Object.keys(value);
+    let { length } = proxyKeys;
+    for (let index = 0; index < length; index += 1) {
+        const key = proxyKeys[index];
+        proxy[key] = valueKeys.includes(key)
+            ? value[key]
+            : undefined;
+    }
+    length = valueKeys.length;
+    for (let index = 0; index < length; index += 1) {
+        const key = valueKeys[index];
+        if (!proxyKeys.includes(key)) {
+            const keyedValue = value[key];
+            proxy[key] = keyedValue;
+        }
+    }
+    stopBatch();
+}
+function setValueInProxy(target, property, value, state, isArray, length) {
+    if (isArray) {
+        const isIndex = !Number.isNaN(Number(property));
+        const isLength = property === 'length';
+        if (!isIndex && !isLength) {
+            return Reflect.set(target, property, value);
+        }
+    }
+    const previous = Reflect.get(target, property);
+    if (!state.equal(previous, value)) {
+        Reflect.set(target, property, value);
+        emitValue(state);
+        if (isArray) {
+            length?.set(target.length);
+        }
+    }
+    return true;
+}
+
 class Signal extends Reactive {
     constructor(value, options) {
         super(signalName, value, options);
@@ -296,7 +332,7 @@ class Signal extends Reactive {
      * Set the value
      */
     set(value) {
-        if (differentValues(this.state, this.state.value, value)) {
+        if (!this.state.equal(this.state.value, value)) {
             this.state.value = value;
             emitValue(this.state);
         }
@@ -338,7 +374,7 @@ class ReactiveArray extends Reactive {
             get: (target, property) => updateMethods.has(property)
                 ? updateArray(property, target, this.state, this.#size)
                 : Reflect.get(target, property),
-            set: (target, property, value) => setValue(target, property, value, this.state, this.#size),
+            set: (target, property, value) => setValueInProxy(target, property, value, this.state, true, this.#size),
         }), options);
         this.#size.set(value.length);
     }
@@ -423,20 +459,6 @@ class ReactiveArray extends Reactive {
 function array(value, options) {
     return new ReactiveArray(Array.isArray(value) ? value : [], options);
 }
-function setValue(target, property, value, state, length) {
-    const isIndex = !Number.isNaN(Number(property));
-    const isLength = property === 'length';
-    if (!isIndex && !isLength) {
-        return Reflect.set(target, property, value);
-    }
-    const previous = Reflect.get(target, property);
-    if (!state.equal(previous, value)) {
-        Reflect.set(target, property, value);
-        emitValue(state);
-        length.set(target.length);
-    }
-    return true;
-}
 function updateArray(type, array, state, length) {
     const affectsLength = lengthAffectingMethods.has(type);
     const previousArray = affectsLength ? [] : [...array];
@@ -445,7 +467,7 @@ function updateArray(type, array, state, length) {
         const result = array[type](...args);
         if (affectsLength
             ? array.length !== previousLength
-            : differentArrays(state, previousArray, array)) {
+            : !equalArrays(state, previousArray, array)) {
             emitValue(state);
             length.set(array.length);
         }
@@ -467,4 +489,46 @@ const updateMethods = new Set([
     'splice',
 ]);
 
-export { array, computed, effect, isArray, isComputed, isEffect, isReactive, isSignal, signal, startBatch, stopBatch };
+function isKey(value) {
+  return typeof value === "number" || typeof value === "string";
+}
+function isPlainObject(value) {
+  if (value === null || typeof value !== "object") {
+    return false;
+  }
+  if (Symbol.toStringTag in value || Symbol.iterator in value) {
+    return false;
+  }
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null;
+}
+
+class Store extends Reactive {
+    constructor(value, options) {
+        super(storeName, new Proxy(value, {
+            set: (target, property, value) => setValueInProxy(target, property, value, this.state, false),
+        }), options);
+    }
+    get(key) {
+        return isKey(key) ? this.state.value[key] : getValue(this.state);
+    }
+    peek(key) {
+        return isKey(key) ? this.state.value[key] : { ...this.state.value };
+    }
+    set(first, second) {
+        if (isKey(first)) {
+            this.state.value[first] = second;
+        }
+        else if (first == null || isPlainObject(first)) {
+            setProxyValue(this.state.value, first ?? {});
+        }
+    }
+}
+/**
+ * Create a reactive store
+ */
+function store(value, options) {
+    return new Store((isPlainObject(value) ? value : {}), options);
+}
+
+export { array, computed, effect, isArray, isComputed, isEffect, isReactive, isSignal, signal, startBatch, stopBatch, store };

package/dist/node_modules/@oscarpalmer/atoms/dist/internal/is.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function isKey(value) {
+  return typeof value === "number" || typeof value === "string";
+}
+function isPlainObject(value) {
+  if (value === null || typeof value !== "object") {
+    return false;
+  }
+  if (Symbol.toStringTag in value || Symbol.iterator in value) {
+    return false;
+  }
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null;
+}
+exports.isKey = isKey;
+exports.isPlainObject = isPlainObject;

package/dist/node_modules/@oscarpalmer/atoms/dist/internal/is.js

@@ -0,0 +1,17 @@
+function isKey(value) {
+  return typeof value === "number" || typeof value === "string";
+}
+function isPlainObject(value) {
+  if (value === null || typeof value !== "object") {
+    return false;
+  }
+  if (Symbol.toStringTag in value || Symbol.iterator in value) {
+    return false;
+  }
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null;
+}
+export {
+  isKey,
+  isPlainObject
+};

package/dist/value/array.cjs

@@ -8,6 +8,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
 var _size;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const helpers_is = require("../helpers/is.cjs");
+const helpers_proxy = require("../helpers/proxy.cjs");
 const helpers_value = require("../helpers/value.cjs");
 const value_computed = require("./computed.cjs");
 const value_reactive = require("./reactive.cjs");
@@ -18,7 +19,14 @@ class ReactiveArray extends value_reactive.Reactive {
       helpers_is.arrayName,
       new Proxy(value, {
         get: (target, property) => updateMethods.has(property) ? updateArray(property, target, this.state, __privateGet(this, _size)) : Reflect.get(target, property),
-        set: (target, property, value2) => setValue(target, property, value2, this.state, __privateGet(this, _size))
+        set: (target, property, value2) => helpers_proxy.setValueInProxy(
+          target,
+          property,
+          value2,
+          this.state,
+          true,
+          __privateGet(this, _size)
+        )
       }),
       options
     );
@@ -120,20 +128,6 @@ _size = new WeakMap();
 function array(value, options) {
   return new ReactiveArray(Array.isArray(value) ? value : [], options);
 }
-function setValue(target, property, value, state, length) {
-  const isIndex = !Number.isNaN(Number(property));
-  const isLength = property === "length";
-  if (!isIndex && !isLength) {
-    return Reflect.set(target, property, value);
-  }
-  const previous = Reflect.get(target, property);
-  if (!state.equal(previous, value)) {
-    Reflect.set(target, property, value);
-    helpers_value.emitValue(state);
-    length.set(target.length);
-  }
-  return true;
-}
 function updateArray(type, array2, state, length) {
   const affectsLength = lengthAffectingMethods.has(type);
   const previousArray = affectsLength ? [] : [...array2];
@@ -142,7 +136,7 @@ function updateArray(type, array2, state, length) {
     const result = array2[type](
       ...args
     );
-    if (affectsLength ? array2.length !== previousLength : helpers_value.differentArrays(state, previousArray, array2)) {
+    if (affectsLength ? array2.length !== previousLength : !helpers_value.equalArrays(state, previousArray, array2)) {
       helpers_value.emitValue(state);
       length.set(array2.length);
     }

package/dist/value/array.js

@@ -6,7 +6,8 @@ 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;
 import { arrayName } from "../helpers/is.js";
-import { getValue, emitValue, differentArrays } from "../helpers/value.js";
+import { setValueInProxy } from "../helpers/proxy.js";
+import { getValue, equalArrays, emitValue } from "../helpers/value.js";
 import { computed } from "./computed.js";
 import { Reactive } from "./reactive.js";
 import { signal } from "./signal.js";
@@ -16,7 +17,14 @@ class ReactiveArray extends Reactive {
       arrayName,
       new Proxy(value, {
         get: (target, property) => updateMethods.has(property) ? updateArray(property, target, this.state, __privateGet(this, _size)) : Reflect.get(target, property),
-        set: (target, property, value2) => setValue(target, property, value2, this.state, __privateGet(this, _size))
+        set: (target, property, value2) => setValueInProxy(
+          target,
+          property,
+          value2,
+          this.state,
+          true,
+          __privateGet(this, _size)
+        )
       }),
       options
     );
@@ -118,20 +126,6 @@ _size = new WeakMap();
 function array(value, options) {
   return new ReactiveArray(Array.isArray(value) ? value : [], options);
 }
-function setValue(target, property, value, state, length) {
-  const isIndex = !Number.isNaN(Number(property));
-  const isLength = property === "length";
-  if (!isIndex && !isLength) {
-    return Reflect.set(target, property, value);
-  }
-  const previous = Reflect.get(target, property);
-  if (!state.equal(previous, value)) {
-    Reflect.set(target, property, value);
-    emitValue(state);
-    length.set(target.length);
-  }
-  return true;
-}
 function updateArray(type, array2, state, length) {
   const affectsLength = lengthAffectingMethods.has(type);
   const previousArray = affectsLength ? [] : [...array2];
@@ -140,7 +134,7 @@ function updateArray(type, array2, state, length) {
     const result = array2[type](
       ...args
     );
-    if (affectsLength ? array2.length !== previousLength : differentArrays(state, previousArray, array2)) {
+    if (affectsLength ? array2.length !== previousLength : !equalArrays(state, previousArray, array2)) {
       emitValue(state);
       length.set(array2.length);
     }

package/dist/value/signal.cjs

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