@mintjamsinc/ichigojs 0.1.75 → 0.1.76

package/dist/ichigo.umd.js

@@ -9176,6 +9176,83 @@
         }
     }
 
+    // Copyright (c) 2025 MintJams Inc. Licensed under MIT License.
+    /**
+     * The default Object.prototype.toString, used to detect plain objects that
+     * have not overridden their string representation.
+     */
+    const objectToString = Object.prototype.toString;
+    /**
+     * Checks if the value is a non-null object.
+     */
+    function isObject(value) {
+        return value !== null && typeof value === 'object';
+    }
+    /**
+     * Checks if the value is a plain object (i.e. `[object Object]`).
+     */
+    function isPlainObject(value) {
+        return objectToString.call(value) === '[object Object]';
+    }
+    /**
+     * Converts a symbol to a readable string, leaving other values untouched.
+     * Used when rendering Map keys and Set entries.
+     */
+    function stringifySymbol(value, index = '') {
+        return typeof value === 'symbol' ? `Symbol(${value.description ?? index})` : value;
+    }
+    /**
+     * JSON.stringify replacer that renders values JSON cannot represent natively
+     * (Map, Set, Symbol, and non-plain objects) in a readable form.
+     */
+    function replacer(_key, value) {
+        if (value instanceof Map) {
+            return {
+                [`Map(${value.size})`]: [...value.entries()].reduce((entries, [key, val], i) => {
+                    entries[`${stringifySymbol(key, i)} =>`] = val;
+                    return entries;
+                }, {}),
+            };
+        }
+        if (value instanceof Set) {
+            return {
+                [`Set(${value.size})`]: [...value.values()].map(v => stringifySymbol(v)),
+            };
+        }
+        if (typeof value === 'symbol') {
+            return stringifySymbol(value);
+        }
+        if (isObject(value) && !Array.isArray(value) && !isPlainObject(value)) {
+            // Non-plain objects (Date, RegExp, DOM nodes, ...) render via their own toString
+            return String(value);
+        }
+        return value;
+    }
+    /**
+     * Converts a value to a string suitable for display in rendered output,
+     * following Vue's `toDisplayString` semantics:
+     * - strings are returned as-is
+     * - null and undefined become an empty string
+     * - arrays and plain objects (without a custom toString) are rendered as
+     *   pretty-printed JSON, with Map/Set/Symbol entries made readable
+     * - everything else is converted with String()
+     * @param value The value to convert.
+     * @returns The display string for the value.
+     */
+    function toDisplayString(value) {
+        if (typeof value === 'string') {
+            return value;
+        }
+        if (value === null || value === undefined) {
+            return '';
+        }
+        if (Array.isArray(value) ||
+            (isObject(value) && (value.toString === objectToString || typeof value.toString !== 'function'))) {
+            return JSON.stringify(value, replacer, 2);
+        }
+        return String(value);
+    }
+
     // Copyright (c) 2025 MintJams Inc. Licensed under MIT License.
     /**
      * List of standard JavaScript global objects that should be available in expressions.
@@ -9296,8 +9373,9 @@
                             return GLOBAL_OBJECTS[name];
                         return undefined;
                     });
-                    // Evaluate the expression and replace {{...}} in the text
-                    result = result.replace(matches[i][0], String(evaluator.func(...values)));
+                    // Evaluate the expression and replace {{...}} in the text.
+                    // A function replacement keeps `$`-patterns in the value literal.
+                    result = result.replace(matches[i][0], () => toDisplayString(evaluator.func(...values)));
                 });
                 return result;
             };
@@ -13058,8 +13136,7 @@
                 },
                 applyToDOM() {
                     const element = vNode.node;
-                    const textContent = evaluator.evaluate();
-                    element.textContent = textContent ?? '';
+                    element.textContent = toDisplayString(evaluator.evaluate());
                 }
             };
             return updater;
@@ -15046,6 +15123,7 @@
     exports.VComponentRegistry = VComponentRegistry;
     exports.VDOM = VDOM;
     exports.defineComponent = defineComponent;
+    exports.toDisplayString = toDisplayString;
 
 }));
 //# sourceMappingURL=ichigo.umd.js.map