@legendapp/state 3.0.0-beta.45 → 3.0.0-beta.46

package/index.js

@@ -1229,6 +1229,16 @@ function observe(selectorOrRun, reactionOrOptions, options) {
   };
 }
 
+// src/toPrimitive.ts
+function toPrimitive(node, hint) {
+  const value = peek(node);
+  if (value === null || value === void 0 || isPrimitive(value)) {
+    return value;
+  }
+  const method = hint === "string" ? isFunction(value.toString) ? value.toString : value.valueOf : isFunction(value.valueOf) ? value.valueOf : value.toString;
+  return isFunction(method) ? method.call(value) : value;
+}
+
 // src/when.ts
 function _when(predicate, effect, checkReady) {
   if (isPromise(predicate)) {
@@ -1546,9 +1556,7 @@ var proxyHandler = {
   get(node, p, receiver) {
     var _a, _b, _c;
     if (p === symbolToPrimitive) {
-      throw new Error(
-        process.env.NODE_ENV === "development" ? "[legend-state] observable should not be used as a primitive. You may have forgotten to use .get() or .peek() to get the value of the observable." : "[legend-state] observable is not a primitive."
-      );
+      return (hint) => toPrimitive(node, hint);
     }
     if (p === symbolGetNode) {
       return node;
@@ -2432,6 +2440,12 @@ Object.defineProperty(ObservablePrimitiveClass.prototype, symbolGetNode, {
     return this._node;
   }
 });
+Object.defineProperty(ObservablePrimitiveClass.prototype, symbolToPrimitive, {
+  configurable: true,
+  value(hint) {
+    return toPrimitive(this._node, hint);
+  }
+});
 ObservablePrimitiveClass.prototype.toggle = function() {
   const value = this.peek();
   if (value === void 0 || value === null || isBoolean(value)) {

package/index.mjs

@@ -1227,6 +1227,16 @@ function observe(selectorOrRun, reactionOrOptions, options) {
   };
 }
 
+// src/toPrimitive.ts
+function toPrimitive(node, hint) {
+  const value = peek(node);
+  if (value === null || value === void 0 || isPrimitive(value)) {
+    return value;
+  }
+  const method = hint === "string" ? isFunction(value.toString) ? value.toString : value.valueOf : isFunction(value.valueOf) ? value.valueOf : value.toString;
+  return isFunction(method) ? method.call(value) : value;
+}
+
 // src/when.ts
 function _when(predicate, effect, checkReady) {
   if (isPromise(predicate)) {
@@ -1544,9 +1554,7 @@ var proxyHandler = {
   get(node, p, receiver) {
     var _a, _b, _c;
     if (p === symbolToPrimitive) {
-      throw new Error(
-        process.env.NODE_ENV === "development" ? "[legend-state] observable should not be used as a primitive. You may have forgotten to use .get() or .peek() to get the value of the observable." : "[legend-state] observable is not a primitive."
-      );
+      return (hint) => toPrimitive(node, hint);
     }
     if (p === symbolGetNode) {
       return node;
@@ -2430,6 +2438,12 @@ Object.defineProperty(ObservablePrimitiveClass.prototype, symbolGetNode, {
     return this._node;
   }
 });
+Object.defineProperty(ObservablePrimitiveClass.prototype, symbolToPrimitive, {
+  configurable: true,
+  value(hint) {
+    return toPrimitive(this._node, hint);
+  }
+});
 ObservablePrimitiveClass.prototype.toggle = function() {
   const value = this.peek();
   if (value === void 0 || value === null || isBoolean(value)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@legendapp/state",
-  "version": "3.0.0-beta.45",
+  "version": "3.0.0-beta.46",
   "description": "legend-state",
   "sideEffects": false,
   "private": false,