@zag-js/stringify-state 0.0.0-dev-20240627164007

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Chakra UI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,19 @@
+# @zag-js/stringify-state
+
+Helper to stringify state of Zag machines
+
+## Installation
+
+```sh
+yarn add @zag-js/stringify-state
+# or
+npm i @zag-js/stringify-state
+```
+
+## Contribution
+
+Yes please! See the [contributing guidelines](https://github.com/chakra-ui/zag/blob/main/CONTRIBUTING.md) for details.
+
+## Licence
+
+This project is licensed under the terms of the [MIT license](https://github.com/chakra-ui/zag/blob/main/LICENSE).

package/dist/index.d.mts

@@ -0,0 +1,7 @@
+interface Dict {
+    [key: string]: any;
+}
+declare function stringifyState(state: Dict, omit?: string[]): string;
+declare function highlightState(state: Dict, omit?: string[]): string;
+
+export { highlightState, stringifyState };

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+interface Dict {
+    [key: string]: any;
+}
+declare function stringifyState(state: Dict, omit?: string[]): string;
+declare function highlightState(state: Dict, omit?: string[]): string;
+
+export { highlightState, stringifyState };

package/dist/index.js

@@ -0,0 +1,97 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  highlightState: () => highlightState,
+  stringifyState: () => stringifyState
+});
+module.exports = __toCommonJS(src_exports);
+var import_json_format_highlight = __toESM(require("json-format-highlight"));
+var pick = (obj, keys) => Object.fromEntries(keys.filter((key) => key in obj).map((key) => [key, obj[key]]));
+var hasProp = (v, prop) => Object.prototype.hasOwnProperty.call(v, prop);
+var isTimeObject = (v) => hasProp(v, "hour") && hasProp(v, "minute") && hasProp(v, "second");
+function stringifyState(state, omit) {
+  const code = JSON.stringify(
+    state,
+    (key, value) => {
+      try {
+        if (hasProp(value, "target") && hasProp(value, "timeStamp"))
+          return pick(value, ["type", "target", "currentTarget", "relatedTarget"]);
+        if (omit?.includes(key)) {
+          return void 0;
+        }
+        if (hasProp(value, "calendar") || isTimeObject(value)) {
+          return value.toString();
+        }
+        if (value?.toJSON) {
+          return value.toJSON();
+        }
+        if (Number.isNaN(value)) {
+          return "NaN";
+        }
+        if (value instanceof File) {
+          return value.name;
+        }
+        if (value instanceof Set) {
+          return Array.from(value);
+        }
+        switch (value?.toString()) {
+          case "[object Machine]":
+            const id = value.state.context.id ?? value.id;
+            return `Machine: ${id}`;
+          case "[object ShadowRoot]":
+            return "#shadow-root";
+          case "[object HTMLDocument]":
+            return "#document";
+          case "[object Window]":
+            return "#window";
+          case "[object AbortController]":
+            return "#abort-controller";
+          default:
+            return value !== null && typeof value === "object" && value.nodeType === 1 ? value.tagName : value;
+        }
+      } catch {
+        return value;
+      }
+    },
+    4
+  );
+  return code;
+}
+function highlightState(state, omit) {
+  return (0, import_json_format_highlight.default)(stringifyState(state, omit));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  highlightState,
+  stringifyState
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import formatHighlight from \"json-format-highlight\"\n\ninterface Dict {\n  [key: string]: any\n}\n\nconst pick = (obj: Dict, keys: string[]) =>\n  Object.fromEntries(keys.filter((key) => key in obj).map((key) => [key, obj[key]]))\n\nconst hasProp = (v: any, prop: string) => Object.prototype.hasOwnProperty.call(v, prop)\n\nconst isTimeObject = (v: any) => hasProp(v, \"hour\") && hasProp(v, \"minute\") && hasProp(v, \"second\")\n\nexport function stringifyState(state: Dict, omit?: string[]) {\n  const code = JSON.stringify(\n    state,\n    (key, value) => {\n      try {\n        if (hasProp(value, \"target\") && hasProp(value, \"timeStamp\"))\n          return pick(value, [\"type\", \"target\", \"currentTarget\", \"relatedTarget\"])\n\n        if (omit?.includes(key)) {\n          return undefined\n        }\n\n        if (hasProp(value, \"calendar\") || isTimeObject(value)) {\n          return value.toString()\n        }\n\n        if (value?.toJSON) {\n          return value.toJSON()\n        }\n\n        if (Number.isNaN(value)) {\n          return \"NaN\"\n        }\n\n        if (value instanceof File) {\n          return value.name\n        }\n\n        if (value instanceof Set) {\n          return Array.from(value)\n        }\n\n        switch (value?.toString()) {\n          case \"[object Machine]\":\n            const id = value.state.context.id ?? value.id\n            return `Machine: ${id}`\n\n          case \"[object ShadowRoot]\":\n            return \"#shadow-root\"\n\n          case \"[object HTMLDocument]\":\n            return \"#document\"\n\n          case \"[object Window]\":\n            return \"#window\"\n\n          case \"[object AbortController]\":\n            return \"#abort-controller\"\n\n          default:\n            return value !== null && typeof value === \"object\" && value.nodeType === 1 ? value.tagName : value\n        }\n      } catch {\n        return value\n      }\n    },\n    4,\n  )\n\n  return code\n}\n\nexport function highlightState(state: Dict, omit?: string[]) {\n  return formatHighlight(stringifyState(state, omit))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAA4B;AAM5B,IAAM,OAAO,CAAC,KAAW,SACvB,OAAO,YAAY,KAAK,OAAO,CAAC,QAAQ,OAAO,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC;AAEnF,IAAM,UAAU,CAAC,GAAQ,SAAiB,OAAO,UAAU,eAAe,KAAK,GAAG,IAAI;AAEtF,IAAM,eAAe,CAAC,MAAW,QAAQ,GAAG,MAAM,KAAK,QAAQ,GAAG,QAAQ,KAAK,QAAQ,GAAG,QAAQ;AAE3F,SAAS,eAAe,OAAa,MAAiB;AAC3D,QAAM,OAAO,KAAK;AAAA,IAChB;AAAA,IACA,CAAC,KAAK,UAAU;AACd,UAAI;AACF,YAAI,QAAQ,OAAO,QAAQ,KAAK,QAAQ,OAAO,WAAW;AACxD,iBAAO,KAAK,OAAO,CAAC,QAAQ,UAAU,iBAAiB,eAAe,CAAC;AAEzE,YAAI,MAAM,SAAS,GAAG,GAAG;AACvB,iBAAO;AAAA,QACT;AAEA,YAAI,QAAQ,OAAO,UAAU,KAAK,aAAa,KAAK,GAAG;AACrD,iBAAO,MAAM,SAAS;AAAA,QACxB;AAEA,YAAI,OAAO,QAAQ;AACjB,iBAAO,MAAM,OAAO;AAAA,QACtB;AAEA,YAAI,OAAO,MAAM,KAAK,GAAG;AACvB,iBAAO;AAAA,QACT;AAEA,YAAI,iBAAiB,MAAM;AACzB,iBAAO,MAAM;AAAA,QACf;AAEA,YAAI,iBAAiB,KAAK;AACxB,iBAAO,MAAM,KAAK,KAAK;AAAA,QACzB;AAEA,gBAAQ,OAAO,SAAS,GAAG;AAAA,UACzB,KAAK;AACH,kBAAM,KAAK,MAAM,MAAM,QAAQ,MAAM,MAAM;AAC3C,mBAAO,YAAY,EAAE;AAAA,UAEvB,KAAK;AACH,mBAAO;AAAA,UAET,KAAK;AACH,mBAAO;AAAA,UAET,KAAK;AACH,mBAAO;AAAA,UAET,KAAK;AACH,mBAAO;AAAA,UAET;AACE,mBAAO,UAAU,QAAQ,OAAO,UAAU,YAAY,MAAM,aAAa,IAAI,MAAM,UAAU;AAAA,QACjG;AAAA,MACF,QAAQ;AACN,eAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,eAAe,OAAa,MAAiB;AAC3D,aAAO,6BAAAA,SAAgB,eAAe,OAAO,IAAI,CAAC;AACpD;","names":["formatHighlight"]}

package/dist/index.mjs

@@ -0,0 +1,61 @@
+// src/index.ts
+import formatHighlight from "json-format-highlight";
+var pick = (obj, keys) => Object.fromEntries(keys.filter((key) => key in obj).map((key) => [key, obj[key]]));
+var hasProp = (v, prop) => Object.prototype.hasOwnProperty.call(v, prop);
+var isTimeObject = (v) => hasProp(v, "hour") && hasProp(v, "minute") && hasProp(v, "second");
+function stringifyState(state, omit) {
+  const code = JSON.stringify(
+    state,
+    (key, value) => {
+      try {
+        if (hasProp(value, "target") && hasProp(value, "timeStamp"))
+          return pick(value, ["type", "target", "currentTarget", "relatedTarget"]);
+        if (omit?.includes(key)) {
+          return void 0;
+        }
+        if (hasProp(value, "calendar") || isTimeObject(value)) {
+          return value.toString();
+        }
+        if (value?.toJSON) {
+          return value.toJSON();
+        }
+        if (Number.isNaN(value)) {
+          return "NaN";
+        }
+        if (value instanceof File) {
+          return value.name;
+        }
+        if (value instanceof Set) {
+          return Array.from(value);
+        }
+        switch (value?.toString()) {
+          case "[object Machine]":
+            const id = value.state.context.id ?? value.id;
+            return `Machine: ${id}`;
+          case "[object ShadowRoot]":
+            return "#shadow-root";
+          case "[object HTMLDocument]":
+            return "#document";
+          case "[object Window]":
+            return "#window";
+          case "[object AbortController]":
+            return "#abort-controller";
+          default:
+            return value !== null && typeof value === "object" && value.nodeType === 1 ? value.tagName : value;
+        }
+      } catch {
+        return value;
+      }
+    },
+    4
+  );
+  return code;
+}
+function highlightState(state, omit) {
+  return formatHighlight(stringifyState(state, omit));
+}
+export {
+  highlightState,
+  stringifyState
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import formatHighlight from \"json-format-highlight\"\n\ninterface Dict {\n  [key: string]: any\n}\n\nconst pick = (obj: Dict, keys: string[]) =>\n  Object.fromEntries(keys.filter((key) => key in obj).map((key) => [key, obj[key]]))\n\nconst hasProp = (v: any, prop: string) => Object.prototype.hasOwnProperty.call(v, prop)\n\nconst isTimeObject = (v: any) => hasProp(v, \"hour\") && hasProp(v, \"minute\") && hasProp(v, \"second\")\n\nexport function stringifyState(state: Dict, omit?: string[]) {\n  const code = JSON.stringify(\n    state,\n    (key, value) => {\n      try {\n        if (hasProp(value, \"target\") && hasProp(value, \"timeStamp\"))\n          return pick(value, [\"type\", \"target\", \"currentTarget\", \"relatedTarget\"])\n\n        if (omit?.includes(key)) {\n          return undefined\n        }\n\n        if (hasProp(value, \"calendar\") || isTimeObject(value)) {\n          return value.toString()\n        }\n\n        if (value?.toJSON) {\n          return value.toJSON()\n        }\n\n        if (Number.isNaN(value)) {\n          return \"NaN\"\n        }\n\n        if (value instanceof File) {\n          return value.name\n        }\n\n        if (value instanceof Set) {\n          return Array.from(value)\n        }\n\n        switch (value?.toString()) {\n          case \"[object Machine]\":\n            const id = value.state.context.id ?? value.id\n            return `Machine: ${id}`\n\n          case \"[object ShadowRoot]\":\n            return \"#shadow-root\"\n\n          case \"[object HTMLDocument]\":\n            return \"#document\"\n\n          case \"[object Window]\":\n            return \"#window\"\n\n          case \"[object AbortController]\":\n            return \"#abort-controller\"\n\n          default:\n            return value !== null && typeof value === \"object\" && value.nodeType === 1 ? value.tagName : value\n        }\n      } catch {\n        return value\n      }\n    },\n    4,\n  )\n\n  return code\n}\n\nexport function highlightState(state: Dict, omit?: string[]) {\n  return formatHighlight(stringifyState(state, omit))\n}\n"],"mappings":";AAAA,OAAO,qBAAqB;AAM5B,IAAM,OAAO,CAAC,KAAW,SACvB,OAAO,YAAY,KAAK,OAAO,CAAC,QAAQ,OAAO,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC;AAEnF,IAAM,UAAU,CAAC,GAAQ,SAAiB,OAAO,UAAU,eAAe,KAAK,GAAG,IAAI;AAEtF,IAAM,eAAe,CAAC,MAAW,QAAQ,GAAG,MAAM,KAAK,QAAQ,GAAG,QAAQ,KAAK,QAAQ,GAAG,QAAQ;AAE3F,SAAS,eAAe,OAAa,MAAiB;AAC3D,QAAM,OAAO,KAAK;AAAA,IAChB;AAAA,IACA,CAAC,KAAK,UAAU;AACd,UAAI;AACF,YAAI,QAAQ,OAAO,QAAQ,KAAK,QAAQ,OAAO,WAAW;AACxD,iBAAO,KAAK,OAAO,CAAC,QAAQ,UAAU,iBAAiB,eAAe,CAAC;AAEzE,YAAI,MAAM,SAAS,GAAG,GAAG;AACvB,iBAAO;AAAA,QACT;AAEA,YAAI,QAAQ,OAAO,UAAU,KAAK,aAAa,KAAK,GAAG;AACrD,iBAAO,MAAM,SAAS;AAAA,QACxB;AAEA,YAAI,OAAO,QAAQ;AACjB,iBAAO,MAAM,OAAO;AAAA,QACtB;AAEA,YAAI,OAAO,MAAM,KAAK,GAAG;AACvB,iBAAO;AAAA,QACT;AAEA,YAAI,iBAAiB,MAAM;AACzB,iBAAO,MAAM;AAAA,QACf;AAEA,YAAI,iBAAiB,KAAK;AACxB,iBAAO,MAAM,KAAK,KAAK;AAAA,QACzB;AAEA,gBAAQ,OAAO,SAAS,GAAG;AAAA,UACzB,KAAK;AACH,kBAAM,KAAK,MAAM,MAAM,QAAQ,MAAM,MAAM;AAC3C,mBAAO,YAAY,EAAE;AAAA,UAEvB,KAAK;AACH,mBAAO;AAAA,UAET,KAAK;AACH,mBAAO;AAAA,UAET,KAAK;AACH,mBAAO;AAAA,UAET,KAAK;AACH,mBAAO;AAAA,UAET;AACE,mBAAO,UAAU,QAAQ,OAAO,UAAU,YAAY,MAAM,aAAa,IAAI,MAAM,UAAU;AAAA,QACjG;AAAA,MACF,QAAQ;AACN,eAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,eAAe,OAAa,MAAiB;AAC3D,SAAO,gBAAgB,eAAe,OAAO,IAAI,CAAC;AACpD;","names":[]}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@zag-js/stringify-state",
+  "version": "0.0.0-dev-20240627164007",
+  "description": "Helper to stringify state of Zag machines",
+  "keywords": [
+    "js",
+    "utils",
+    "stringify",
+    "zag",
+    "state"
+  ],
+  "author": "Segun Adebayo <sage@adebayosegun.com>",
+  "homepage": "https://github.com/chakra-ui/zag#readme",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "repository": "https://github.com/chakra-ui/zag/tree/main/packages/utilities/stringify-state",
+  "sideEffects": false,
+  "files": [
+    "dist/**/*"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "bugs": {
+    "url": "https://github.com/chakra-ui/zag/issues"
+  },
+  "clean-package": "../../../clean-package.config.json",
+  "devDependencies": {
+    "clean-package": "2.2.0"
+  },
+  "dependencies": {
+    "json-format-highlight": "1.0.4"
+  },
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "tsup",
+    "lint": "eslint src --ext .ts,.tsx",
+    "typecheck": "tsc --noEmit"
+  }
+}