Cherry-pick TurboWarp/packager@2be1dae

Author: GarboMuffin

src/monitor.js

@@ -1,6 +1,7 @@
 import ContextMenu from './context-menu.js';
 import DropArea from './drop-area.js';
 import downloadBlob from './download-file.js';
+import {safeStringify} from './safe-stringify.js';
 
 const readAsText = (blob) => new Promise((resolve, reject) => {
   const fr = new FileReader();
@@ -200,9 +201,11 @@ class VariableMonitor extends Monitor {
     }
 
     let value = monitor.get('value');
-    if (typeof value === 'number') {
+    if (typeof value === 'number' && !Object.is(value, -0)) {
       value = Number(value.toFixed(6));
     }
+    value = safeStringify(value);
+
     if (this._value !== value) {
       this._value = value;
       this.valueElement.textContent = value;
@@ -364,6 +367,8 @@ class Row {
   }
 
   setValue (value) {
+    value = safeStringify(value);
+
     if (this.value !== value && !this.locked) {
       this.value = value;
       if (this.editable) {

src/safe-stringify.js

@@ -0,0 +1,29 @@
+const circularReplacer = () => {
+  const seen = new WeakSet();
+  return (_, value) => {
+    if (typeof value === 'object' && value !== null) {
+      if (seen.has(value)) {
+        return Array.isArray(value) ? '[...]' : '{...}';
+      }
+      seen.add(value);
+    }
+    return value;
+  };
+};
+
+/**
+ * Safely stringify, properly handling circular relations and -0.
+ * @param {unknown} input Any value
+ * @returns {string} A stringified version of the input.
+ */
+export const safeStringify = input => {
+  if (typeof input === 'object' && input !== null) {
+    // TODO: this will not handle -0 inside the input properly, though that is very low priority.
+    return JSON.stringify(input, circularReplacer());
+  }
+  // -0 stringifies as "0" by default.
+  if (Object.is(input, -0)) {
+    return '-0';
+  }
+  return `${input}`;
+};