@fxhash/params 0.0.5 → 0.0.8

package/dist/chunk-FZWZHHQ2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.ts"],"sourcesContent":["import {\n  hexString,\n  FxParamDefinition,\n  FxParamProcessor,\n  FxParamProcessors,\n  FxParamTypeMap,\n  FxParamType,\n  FxParamsData,\n  FxParamValue,\n  FxParamTranformType,\n  FxParamTransformationTypeMap,\n  FxParamProcessorTransformer,\n} from \"./types\"\n\nexport function rgbaToHex(r: number, g: number, b: number, a: number): string {\n  const outParts = [\n    r.toString(16),\n    g.toString(16),\n    b.toString(16),\n    Math.round(a * 255)\n      .toString(16)\n      .substring(0, 2),\n  ]\n\n  // Pad single-digit output values\n  outParts.forEach(function (part, i) {\n    if (part.length === 1) {\n      outParts[i] = \"0\" + part\n    }\n  })\n\n  return \"#\" + outParts.join(\"\")\n}\n\nfunction completeHexColor(hexCode: hexString | string): string {\n  let hex = hexCode.replace(\"#\", \"\")\n  if (hex.length === 6) {\n    hex = `${hex}ff`\n  }\n  if (hex.length === 3) {\n    hex = `${hex[0]}${hex[0]}${hex[1]}${hex[1]}${hex[2]}${hex[2]}ff`\n  }\n  return hex\n}\n\nexport function hexToRgba(hexCode: hexString) {\n  const hex = completeHexColor(hexCode)\n\n  const r = parseInt(hex.substring(0, 2), 16)\n  const g = parseInt(hex.substring(2, 4), 16)\n  const b = parseInt(hex.substring(4, 6), 16)\n  const a =\n    Math.round(\n      (parseInt(hex.substring(6, 8), 16) / 255 + Number.EPSILON) * 100\n    ) / 100\n\n  return { r, g, b, a }\n}\n\nconst stringToHex = function (s: string) {\n  let rtn = \"\"\n  for (let i = 0; i < s.length; i++) {\n    rtn += s.charCodeAt(i).toString(16).padStart(4, \"0\")\n  }\n  return rtn\n}\nconst hexToString = function (h: string) {\n  const hx = h.match(/.{1,4}/g) || []\n  let rtn = \"\"\n  for (let i = 0; i < hx.length; i++) {\n    const int = parseInt(hx[i], 16)\n    if (int === 0) break\n    rtn += String.fromCharCode(int)\n  }\n  return rtn\n}\n\nexport const MIN_SAFE_INT64 = BigInt(\"-9223372036854775808\")\nexport const MAX_SAFE_INT64 = BigInt(\"9223372036854775807\")\n\nexport const ParameterProcessors: FxParamProcessors = {\n  number: {\n    serialize: input => {\n      const view = new DataView(new ArrayBuffer(8))\n      view.setFloat64(0, input)\n      return view.getBigUint64(0).toString(16).padStart(16, \"0\")\n    },\n    deserialize: input => {\n      const view = new DataView(new ArrayBuffer(8))\n      for (let i = 0; i < 8; i++) {\n        view.setUint8(i, parseInt(input.substring(i * 2, i * 2 + 2), 16))\n      }\n      return view.getFloat64(0)\n    },\n    bytesLength: () => 8,\n    constrain: (value, definition) => {\n      let min = Number.MIN_SAFE_INTEGER\n      if (typeof definition.options?.min !== \"undefined\")\n        min = Number(definition.options.min)\n      let max = Number.MAX_SAFE_INTEGER\n      if (typeof definition.options?.max !== \"undefined\")\n        max = Number(definition.options.max)\n      max = Math.min(max, Number.MAX_SAFE_INTEGER)\n      min = Math.max(min, Number.MIN_SAFE_INTEGER)\n      const v = Math.min(Math.max(value, min), max)\n      if (definition?.options?.step) {\n        const t = 1.0 / definition?.options?.step\n        return Math.round(v * t) / t\n      }\n      return v\n    },\n    random: definition => {\n      let min = Number.MIN_SAFE_INTEGER\n      if (typeof definition.options?.min !== \"undefined\")\n        min = Number(definition.options.min)\n      let max = Number.MAX_SAFE_INTEGER\n      if (typeof definition.options?.max !== \"undefined\")\n        max = Number(definition.options.max)\n      max = Math.min(max, Number.MAX_SAFE_INTEGER)\n      min = Math.max(min, Number.MIN_SAFE_INTEGER)\n      const v = Math.random() * (max - min) + min\n      if (definition?.options?.step) {\n        const t = 1.0 / definition?.options?.step\n        return Math.round(v * t) / t\n      }\n      return v\n    },\n  },\n  bigint: {\n    serialize: (input: any) => {\n      const view = new DataView(new ArrayBuffer(8))\n      view.setBigInt64(0, BigInt(input))\n      return view.getBigUint64(0).toString(16).padStart(16, \"0\")\n    },\n    deserialize: (input: any) => {\n      const view = new DataView(new ArrayBuffer(8))\n      for (let i = 0; i < 8; i++) {\n        view.setUint8(i, parseInt(input.substring(i * 2, i * 2 + 2), 16))\n      }\n      return view.getBigInt64(0)\n    },\n    bytesLength: () => 8,\n    random: (definition) => {\n      let min = MIN_SAFE_INT64\n      let max = MAX_SAFE_INT64\n      if (typeof definition.options?.min !== \"undefined\")\n        min = BigInt(definition.options.min)\n      if (typeof definition.options?.max !== \"undefined\")\n        max = BigInt(definition.options.max)\n      const range = max - min\n      const bits = range.toString(2).length\n      let random\n      do {\n        random = BigInt(\n          \"0b\" +\n            Array.from(\n              crypto.getRandomValues(new Uint8Array(Math.ceil(bits / 8)))\n            )\n              .map((b) => b.toString(2).padStart(8, \"0\"))\n              .join(\"\")\n        )\n      } while (random > range)\n      return random + min\n    },\n  },\n  boolean: {\n    serialize: (input) => {\n      return typeof input === \"boolean\"\n        ? input\n          ? \"01\"\n          : \"00\"\n        : typeof input === \"string\"\n        ? input === \"true\"\n          ? \"01\"\n          : \"00\"\n        : \"00\"\n    },\n    deserialize: (input) => {\n      return input === \"00\" ? false : true\n    },\n    bytesLength: () => 1,\n    random: () => Math.random() < 0.5,\n  },\n\n  color: {\n    serialize: (input: string) => {\n      return completeHexColor(input)\n    },\n\n    deserialize: (input): hexString => {\n      return input as hexString\n    },\n    bytesLength: () => 4,\n    transform: (input: string) => {\n      const color = completeHexColor(input)\n      const r = parseInt(color.slice(0, 2), 16)\n      const g = parseInt(color.slice(2, 4), 16)\n      const b = parseInt(color.slice(4, 6), 16)\n      const a = parseInt(color.slice(6, 8), 16)\n      return {\n        hex: {\n          rgb: \"#\" + input.slice(0, 6),\n          rgba: \"#\" + input,\n        },\n        obj: {\n          rgb: { r, g, b },\n          rgba: { r, g, b, a },\n        },\n        arr: {\n          rgb: [r, g, b],\n          rgba: [r, g, b, a],\n        },\n      }\n    },\n    constrain: (value) => {\n      const hex = value.replace(\"#\", \"\")\n      return hex.slice(0, 8).padEnd(8, \"f\")\n    },\n    random: () =>\n      `${[...Array(8)]\n        .map(() => Math.floor(Math.random() * 16).toString(16))\n        .join(\"\")}`,\n  },\n\n  string: {\n    serialize: (input, def) => {\n      if (!def.version) {\n        let hex = stringToHex(input.substring(0, 64))\n        hex = hex.padEnd(64 * 4, \"0\")\n        return hex\n      }\n      let max = 64\n      if (typeof def.options?.maxLength !== \"undefined\")\n        max = Number(def.options.maxLength)\n      let hex = stringToHex(input.substring(0, max))\n      hex = hex.padEnd(max * 4, \"0\")\n      return hex\n    },\n    deserialize: (input) => {\n      return hexToString(input)\n    },\n\n    bytesLength: (def) => {\n      if (!def.version) {\n        return 64 * 2\n      }\n      if (typeof def.options?.maxLength !== \"undefined\")\n        return Number(def.options.maxLength) * 2\n      return 64 * 2\n    },\n    random: (definition) => {\n      let min = 0\n      if (typeof definition.options?.minLength !== \"undefined\")\n        min = definition.options.minLength\n      let max = 64\n      if (typeof definition.options?.maxLength !== \"undefined\")\n        max = definition.options.maxLength\n      const length = Math.round(Math.random() * (max - min) + min)\n      return [...Array(length)]\n        .map((i) => (~~(Math.random() * 36)).toString(36))\n        .join(\"\")\n    },\n    constrain: (value, definition) => {\n      let min = 0\n      if (typeof definition.options?.minLength !== \"undefined\")\n        min = definition.options.minLength\n      let max = 64\n      if (typeof definition.options?.maxLength !== \"undefined\")\n        max = definition.options.maxLength\n      const v = value.slice(0, max)\n      if (v.length < min) {\n        return v.padEnd(min)\n      }\n      return v\n    },\n  },\n\n  bytes: {\n    serialize: (input, def) => {\n      return Array.from(input)\n        .map((i) => i.toString(16).padStart(2, \"0\"))\n        .join(\"\")\n    },\n    deserialize: (input, def) => {\n      const len = input.length / 2\n      const uint8 = new Uint8Array(len)\n      let idx\n      for (let i = 0; i < len; i++) {\n        idx = i * 2\n        uint8[i] = parseInt(`${input[idx]}${input[idx + 1]}`, 16)\n      }\n      return uint8\n    },\n    bytesLength: (def) => def.options.length,\n    random: (def) => {\n      const len = def.options?.length || 0\n      const uint8 = new Uint8Array(len)\n      for (let i = 0; i < len; i++) {\n        uint8[i] = (Math.random() * 255) | 0\n      }\n      return uint8\n    },\n  },\n\n  select: {\n    serialize: (input, def) => {\n      // find the index of the input in the array of options\n      return Math.min(255, def.options?.options?.indexOf(input) || 0)\n        .toString(16)\n        .padStart(2, \"0\")\n    },\n\n    deserialize: (input, def) => {\n      // get the index, which is the input\n      const idx = parseInt(input, 16)\n      return def.options?.options?.[idx] || def.options?.options?.[0] || \"\"\n    },\n\n    bytesLength: () => 1, // index between 0 and 255\n    constrain: (value, definition) => {\n      if (definition.options.options.includes(value)) {\n        return value\n      }\n      return definition.options.options[0]\n    },\n    random: (definition) => {\n      const index = Math.round(\n        Math.random() * (definition.options.options.length - 1) + 0\n      )\n      return definition?.options?.options[index]\n    },\n  },\n}\n\n// params are injected into the piece using the binary representation of the\n// numbers, to keep precision\nexport function serializeParams(\n  params: any,\n  definition: FxParamDefinition<any>[]\n) {\n  // a single hex string will be used for all the params\n  let bytes = \"\"\n  if (!definition) return bytes\n  // loop through each parameter from the definition to find the associated\n  // parameter as set on the UI\n  for (const def of definition) {\n    const { id, type } = def\n    const processor = ParameterProcessors[\n      type as FxParamType\n    ] as FxParamProcessor<any>\n    // if the param is definined in the object\n\n    const v = params[id] as FxParamTypeMap[]\n    const val =\n      typeof v !== \"undefined\"\n        ? v\n        : typeof def.default !== \"undefined\"\n        ? def.default\n        : processor.random(def)\n    const serialized = processor.serialize(val, def)\n    bytes += serialized\n  }\n\n  return bytes\n}\n\n// takes an array of bytes, in hexadecimal format, and a parametric space\n// definition and outputs an array of parameters, mapping the definition and\n// validating input based on the definition constraints\nexport function deserializeParams(\n  bytes: string,\n  definition: FxParamDefinition<FxParamType>[],\n  options: { withTransform?: boolean, transformType?: FxParamTranformType }\n) {\n  const params: Record<string, FxParamValue<FxParamType> | FxParamTransformationTypeMap[FxParamType]> = {}\n  for (const def of definition) {\n    const processor = ParameterProcessors[\n      def.type as FxParamType\n    ] as FxParamProcessor<FxParamType>\n    const transformer = options.withTransform && processor[options.transformType || \"transform\"] as FxParamProcessorTransformer<FxParamType>\n    if (!bytes) {\n      let v\n      if (typeof def.default === \"undefined\") v = processor.random(def)\n      else v = def.default\n      params[def.id] = transformer ? transformer(v, def) : v\n      continue\n    }\n    // extract the length from the bytes & shift the initial bytes string\n    const bytesLen = processor.bytesLength(def)\n    const valueBytes = bytes.substring(0, bytesLen * 2)\n    bytes = bytes.substring(bytesLen * 2)\n    // deserialize the bytes into the params\n    const val = processor.deserialize(valueBytes, def) as FxParamValue<FxParamType>\n    params[def.id] = transformer ? transformer(val, def) : val\n  }\n  return params\n}\n\n\n// Consolidates parameters from both a params object provided by the token\n// and the dat object of params, which is stored by the controls component.\nexport function consolidateParams(params: any, data: any) {\n  if (!params) return []\n\n  const rtn = [...params]\n\n  for (const p in rtn) {\n    const definition = rtn[p]\n    const { id, type, default: def } = definition\n    if (data && data.hasOwnProperty(id)) {\n      rtn[p].value = data[id]\n    } else {\n      const processor = ParameterProcessors[\n        type as FxParamType\n      ] as FxParamProcessor<any>\n      let v\n      if (typeof def === \"undefined\") v = processor.random(definition)\n      else v = def\n      rtn[p].value = processor.transform?.(v) || v\n    }\n  }\n\n  return rtn\n}\n\nexport function getRandomParamValues(\n  params: FxParamDefinition<FxParamType>[],\n  options?: { noTransform: boolean }\n): any {\n  return params.reduce((acc, definition) => {\n    const processor = ParameterProcessors[\n      definition.type as FxParamType\n    ] as FxParamProcessor<FxParamType>\n    const v = processor.random(definition) as FxParamType\n    acc[definition.id] = options?.noTransform\n      ? v\n      : processor.transform?.(v) || v\n    return acc\n  }, {} as Record<string, any>)\n}\n\nexport function sumBytesParams(\n  definitions: FxParamDefinition<FxParamType>[]\n): number {\n  return (\n    definitions?.reduce(\n      (acc, def) =>\n        acc +\n        (\n          ParameterProcessors[\n            def.type as FxParamType\n          ] as FxParamProcessor<FxParamType>\n        ).bytesLength(def),\n      0\n    ) || 0\n  )\n}\n\nexport function stringifyParamsData(data: FxParamsData) {\n  return JSON.stringify(data, (key, value) => {\n    if (typeof value === \"bigint\") return value.toString()\n    return value\n  })\n}\n\nexport function jsonStringifyBigint(data: any): string {\n  return JSON.stringify(data, (key, value) => {\n    if (typeof value === \"bigint\") return value.toString()\n    return value\n  })\n}\n\n\nexport const processParam = (paramId: string, value: FxParamValue<FxParamType>, definitions: FxParamDefinition<FxParamType>[], transformType: FxParamTranformType): FxParamValue<FxParamType> | FxParamTransformationTypeMap[FxParamType] => {\n    const definition = definitions.find(d => d.id === paramId)\n    const processor = ParameterProcessors[definition.type]\n    const transformer = (processor[transformType] as FxParamProcessorTransformer<FxParamType>)\n    return transformer?.(value, definition) || value\n  }\n\nexport const processParams = (values: FxParamsData, definitions: FxParamDefinition<FxParamType>[], transformType: FxParamTranformType) => {\n    const paramValues = {}\n    for (const definition of definitions) {\n      const processor = ParameterProcessors[definition.type]\n      const value = values[definition.id]\n      // deserialize the bytes into the params\n      const transformer = (processor[transformType] as FxParamProcessorTransformer<FxParamType>)\n      paramValues[definition.id] = transformer?.(value, definition) || value\n\n    }\n    return paramValues\n  }\n\n"],"mappings":"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","names":["hex"]}

package/dist/chunk-H5IMTNFG.js

@@ -0,0 +1,44 @@
+import {
+  Controller_module_default,
+  HTMLInputControllerWithTextInput
+} from "./chunk-CE3TPOSO.js";
+
+// src/Controller/Number.tsx
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+function NumberController(props) {
+  const { options, value, inputProps } = props;
+  const min = useMemo(() => {
+    if (typeof options?.min === "undefined")
+      return Number.MIN_SAFE_INTEGER;
+    return options.min;
+  }, [options?.min]);
+  const max = useMemo(() => {
+    if (typeof options?.max === "undefined")
+      return Number.MAX_SAFE_INTEGER;
+    return options.max;
+  }, [options?.max]);
+  const step = options?.step || 1;
+  const stringValue = `${value}`;
+  return /* @__PURE__ */ jsx(
+    HTMLInputControllerWithTextInput,
+    {
+      type: "range",
+      inputProps: { min, max, step },
+      textInputProps: {
+        type: "number",
+        min,
+        max,
+        step,
+        className: Controller_module_default.numberInput
+      },
+      ...props,
+      value: stringValue
+    }
+  );
+}
+
+export {
+  NumberController
+};
+//# sourceMappingURL=chunk-H5IMTNFG.js.map

package/dist/chunk-H5IMTNFG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/Number.tsx"],"sourcesContent":["import {\n  FxParamControllerProps,\n  HTMLInputControllerWithTextInput,\n} from \"./Controller\"\nimport classes from \"./Controller.module.scss\"\nimport { useMemo } from \"react\"\n\nexport function NumberController(props: FxParamControllerProps<\"number\">) {\n  const { options, value, inputProps } = props\n  const min = useMemo(() => {\n    if (typeof options?.min === \"undefined\") return Number.MIN_SAFE_INTEGER\n    return options.min\n  }, [options?.min])\n  const max = useMemo(() => {\n    if (typeof options?.max === \"undefined\") return Number.MAX_SAFE_INTEGER\n    return options.max\n  }, [options?.max])\n  const step = options?.step || 1\n  const stringValue = `${value}`\n  return (\n    <HTMLInputControllerWithTextInput\n      type=\"range\"\n      inputProps={{ min, max, step }}\n      textInputProps={{\n        type: \"number\",\n        min,\n        max,\n        step,\n        className: classes.numberInput,\n      }}\n      {...props}\n      value={stringValue}\n    />\n  )\n}\n"],"mappings":";;;;;;AAKA,SAAS,eAAe;AAepB;AAbG,SAAS,iBAAiB,OAAyC;AACxE,QAAM,EAAE,SAAS,OAAO,WAAW,IAAI;AACvC,QAAM,MAAM,QAAQ,MAAM;AACxB,QAAI,OAAO,SAAS,QAAQ;AAAa,aAAO,OAAO;AACvD,WAAO,QAAQ;AAAA,EACjB,GAAG,CAAC,SAAS,GAAG,CAAC;AACjB,QAAM,MAAM,QAAQ,MAAM;AACxB,QAAI,OAAO,SAAS,QAAQ;AAAa,aAAO,OAAO;AACvD,WAAO,QAAQ;AAAA,EACjB,GAAG,CAAC,SAAS,GAAG,CAAC;AACjB,QAAM,OAAO,SAAS,QAAQ;AAC9B,QAAM,cAAc,GAAG;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,YAAY,EAAE,KAAK,KAAK,KAAK;AAAA,MAC7B,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,0BAAQ;AAAA,MACrB;AAAA,MACC,GAAG;AAAA,MACJ,OAAO;AAAA;AAAA,EACT;AAEJ;","names":[]}

package/dist/chunk-HJBHIE5T.cjs

@@ -0,0 +1,135 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkOFUKQ2TBcjs = require('./chunk-OFUKQ2TB.cjs');
+
+// src/Controller/Controller.module.scss
+var Controller_module_default = {
+  "controller": "_controller_1rjbl_1",
+  "inputContainer": "_inputContainer_1rjbl_12",
+  "default": "_default_1rjbl_18",
+  "invert": "_invert_1rjbl_31",
+  "box": "_box_1rjbl_44",
+  "numberInput": "_numberInput_1rjbl_58"
+};
+
+// src/Controller/Controller.tsx
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+var _jsxruntime = require('react/jsx-runtime');
+function BaseParamsInput(props) {
+  const { id } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOFUKQ2TBcjs.BaseInput, { name: `${id}-params-search`, autoComplete: "off", ...props });
+}
+function Controller(props) {
+  const {
+    id,
+    label,
+    layout = "default",
+    className,
+    inputContainerProps,
+    isCodeDriven
+  } = props;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _classnames2.default.call(void 0, Controller_module_default.controller, Controller_module_default[layout], className),
+      title: isCodeDriven ? "This parameter is solely code-driven. Controller is just shown for debugging purposes." : "",
+      children: [
+        id && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: id, children: label || id }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: Controller_module_default.inputContainer, ...inputContainerProps, children: props.children })
+      ]
+    }
+  );
+}
+function HTMLInputController(props) {
+  const {
+    label,
+    id,
+    onChange,
+    value,
+    type,
+    className,
+    inputProps,
+    layout = "default",
+    isCodeDriven
+  } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Controller,
+    {
+      id,
+      label,
+      layout,
+      isCodeDriven,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        BaseParamsInput,
+        {
+          className,
+          type,
+          id,
+          onChange,
+          value,
+          disabled: isCodeDriven,
+          ...inputProps
+        }
+      )
+    }
+  );
+}
+function HTMLInputControllerWithTextInput(props) {
+  const {
+    label,
+    id,
+    onChange,
+    value,
+    type,
+    className,
+    inputProps = {},
+    layout = "default",
+    textInputProps,
+    isCodeDriven
+  } = props;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    Controller,
+    {
+      id,
+      label,
+      layout,
+      isCodeDriven,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          BaseParamsInput,
+          {
+            className,
+            type,
+            id,
+            onChange,
+            value,
+            autoComplete: "off",
+            disabled: isCodeDriven,
+            ...inputProps
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          BaseParamsInput,
+          {
+            type: "text",
+            id: `text-${id}`,
+            onChange,
+            value,
+            autoComplete: "off",
+            disabled: isCodeDriven,
+            ...textInputProps
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+
+
+
+
+exports.Controller_module_default = Controller_module_default; exports.BaseParamsInput = BaseParamsInput; exports.Controller = Controller; exports.HTMLInputController = HTMLInputController; exports.HTMLInputControllerWithTextInput = HTMLInputControllerWithTextInput;
+//# sourceMappingURL=chunk-HJBHIE5T.cjs.map

package/dist/chunk-HJBHIE5T.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/Controller.module.scss","../src/Controller/Controller.tsx"],"names":[],"mappings":";;;;;AAAyD,IAAO,4BAAQ;AAAA,EACtE,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,eAAe;AACjB;;;ACCA,OAAO,QAAQ;AAWX,cA4BA,YA5BA;AAHG,SAAS,gBAAgB,OAA8C;AAC5E,QAAM,EAAE,GAAG,IAAI;AACf,SACE,oBAAC,aAAU,MAAM,GAAG,oBAAoB,cAAa,OAAO,GAAG,OAAO;AAE1E;AAgBO,SAAS,WAAW,OAAwB;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,0BAAQ,YAAY,0BAAQ,MAAM,GAAG,SAAS;AAAA,MAC5D,OACE,eACI,2FACA;AAAA,MAGL;AAAA,cAAM,oBAAC,WAAM,SAAS,IAAK,mBAAS,IAAG;AAAA,QACxC,oBAAC,SAAI,WAAW,0BAAQ,gBAAiB,GAAG,qBACzC,gBAAM,UACT;AAAA;AAAA;AAAA,EACF;AAEJ;AAuBO,SAAS,oBAAoB,OAAiC;AACnE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AAOO,SAAS,iCACd,OACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,CAAC;AAAA,IACd,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAa;AAAA,YACb,UAAU;AAAA,YACT,GAAG;AAAA;AAAA,QACN;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAI,QAAQ;AAAA,YACZ;AAAA,YACA;AAAA,YACA,cAAa;AAAA,YACb,UAAU;AAAA,YACT,GAAG;AAAA;AAAA,QACN;AAAA;AAAA;AAAA,EACF;AAEJ","sourcesContent":["import 'css-chunk:src/Controller/Controller.module.scss';export default {\n  \"controller\": \"_controller_1rjbl_1\",\n  \"inputContainer\": \"_inputContainer_1rjbl_12\",\n  \"default\": \"_default_1rjbl_18\",\n  \"invert\": \"_invert_1rjbl_31\",\n  \"box\": \"_box_1rjbl_44\",\n  \"numberInput\": \"_numberInput_1rjbl_58\"\n};","import {\n  HTMLInputTypeAttribute,\n  InputHTMLAttributes,\n  ReactNode,\n  RefObject,\n} from \"react\"\nimport { FxParamOptionsMap, FxParamType } from \"../types\"\nimport classes from \"./Controller.module.scss\"\nimport cx from \"classnames\"\nimport { BaseInput } from \"../BaseInput\"\n\n/*\n * Providing a name starting or ending with `search` prevents\n * 1Password extension to appear in the input fields\n * https://1password.community/discussion/comment/606453/#Comment_606453\n */\nexport function BaseParamsInput(props: InputHTMLAttributes<HTMLInputElement>) {\n  const { id } = props\n  return (\n    <BaseInput name={`${id}-params-search`} autoComplete=\"off\" {...props} />\n  )\n}\n\nexport type FxParamInputChangeHandler = (e: any) => void\n\nexport interface ControllerProps {\n  label?: string\n  id?: string\n  children: ReactNode\n  layout?: \"default\" | \"invert\" | \"box\"\n  className?: string\n  inputContainerProps?: {\n    ref: RefObject<HTMLDivElement>\n  }\n  isCodeDriven?: boolean\n}\n\nexport function Controller(props: ControllerProps) {\n  const {\n    id,\n    label,\n    layout = \"default\",\n    className,\n    inputContainerProps,\n    isCodeDriven,\n  } = props\n  return (\n    <div\n      className={cx(classes.controller, classes[layout], className)}\n      title={\n        isCodeDriven\n          ? \"This parameter is solely code-driven. Controller is just shown for debugging purposes.\"\n          : \"\"\n      }\n    >\n      {id && <label htmlFor={id}>{label || id}</label>}\n      <div className={classes.inputContainer} {...inputContainerProps}>\n        {props.children}\n      </div>\n    </div>\n  )\n}\n\nexport interface HTMLInputControllerProps {\n  id: string\n  value: string\n  onChange: FxParamInputChangeHandler\n  type: HTMLInputTypeAttribute\n  inputProps?: InputHTMLAttributes<HTMLInputElement | HTMLSelectElement>\n  className?: string\n  label?: string\n  layout?: \"default\" | \"invert\" | \"box\"\n  isCodeDriven?: boolean\n}\n\nexport type FxParamControllerProps<Type extends FxParamType> = Omit<\n  HTMLInputControllerProps,\n  \"type\"\n> & {\n  value: any\n  options?: FxParamOptionsMap[Type]\n  onChange: FxParamInputChangeHandler\n}\n\nexport function HTMLInputController(props: HTMLInputControllerProps) {\n  const {\n    label,\n    id,\n    onChange,\n    value,\n    type,\n    className,\n    inputProps,\n    layout = \"default\",\n    isCodeDriven,\n  } = props\n  return (\n    <Controller\n      id={id}\n      label={label}\n      layout={layout}\n      isCodeDriven={isCodeDriven}\n    >\n      <BaseParamsInput\n        className={className}\n        type={type}\n        id={id}\n        onChange={onChange}\n        value={value}\n        disabled={isCodeDriven}\n        {...inputProps}\n      />\n    </Controller>\n  )\n}\n\nexport interface HTMLInputControllerWithTextInputProps\n  extends HTMLInputControllerProps {\n  textInputProps?: InputHTMLAttributes<HTMLInputElement>\n}\n\nexport function HTMLInputControllerWithTextInput(\n  props: HTMLInputControllerWithTextInputProps\n) {\n  const {\n    label,\n    id,\n    onChange,\n    value,\n    type,\n    className,\n    inputProps = {},\n    layout = \"default\",\n    textInputProps,\n    isCodeDriven,\n  } = props\n  return (\n    <Controller\n      id={id}\n      label={label}\n      layout={layout}\n      isCodeDriven={isCodeDriven}\n    >\n      <BaseParamsInput\n        className={className}\n        type={type}\n        id={id}\n        onChange={onChange}\n        value={value}\n        autoComplete=\"off\"\n        disabled={isCodeDriven}\n        {...inputProps}\n      />\n      <BaseParamsInput\n        type=\"text\"\n        id={`text-${id}`}\n        onChange={onChange}\n        value={value}\n        autoComplete=\"off\"\n        disabled={isCodeDriven}\n        {...textInputProps}\n      />\n    </Controller>\n  )\n}\n"]}

package/dist/chunk-JAU4ONF2.cjs

@@ -0,0 +1,24 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkHJBHIE5Tcjs = require('./chunk-HJBHIE5T.cjs');
+
+// src/Controller/String.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function StringController(props) {
+  const { options } = props;
+  const minLength = Number(_optionalChain([options, 'optionalAccess', _ => _.minLength])) || 0;
+  const maxLength = Number(_optionalChain([options, 'optionalAccess', _2 => _2.maxLength])) || 64;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkHJBHIE5Tcjs.HTMLInputController,
+    {
+      type: "text",
+      inputProps: { minLength, maxLength },
+      ...props
+    }
+  );
+}
+
+
+
+exports.StringController = StringController;
+//# sourceMappingURL=chunk-JAU4ONF2.cjs.map

package/dist/chunk-JAU4ONF2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/String.tsx"],"names":[],"mappings":";;;;;AAQI;AANG,SAAS,iBAAiB,OAAyC;AACxE,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,YAAY,OAAO,SAAS,SAAS,KAAK;AAChD,QAAM,YAAY,OAAO,SAAS,SAAS,KAAK;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,YAAY,EAAE,WAAW,UAAU;AAAA,MAClC,GAAG;AAAA;AAAA,EACN;AAEJ","sourcesContent":["import { FxParamControllerProps, HTMLInputController } from \"./Controller\"\n\nexport function StringController(props: FxParamControllerProps<\"string\">) {\n  const { options } = props\n  const minLength = Number(options?.minLength) || 0\n  const maxLength = Number(options?.maxLength) || 64\n\n  return (\n    <HTMLInputController\n      type=\"text\"\n      inputProps={{ minLength, maxLength }}\n      {...props}\n    />\n  )\n}\n"]}

package/dist/chunk-K4EW6YY3.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkHJBHIE5Tcjs = require('./chunk-HJBHIE5T.cjs');
+
+
+var _chunkOFUKQ2TBcjs = require('./chunk-OFUKQ2TB.cjs');
+
+// src/Controller/Select.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function SelectController({
+  id,
+  label,
+  value,
+  onChange,
+  options,
+  isCodeDriven
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJBHIE5Tcjs.Controller, { id, label, isCodeDriven, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkOFUKQ2TBcjs.BaseSelect,
+    {
+      name: id,
+      id,
+      onChange,
+      value,
+      disabled: isCodeDriven,
+      children: _optionalChain([options, 'optionalAccess', _ => _.options, 'access', _2 => _2.map, 'call', _3 => _3((o) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: o, children: o }, o))])
+    }
+  ) });
+}
+
+
+
+exports.SelectController = SelectController;
+//# sourceMappingURL=chunk-K4EW6YY3.cjs.map

package/dist/chunk-K4EW6YY3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/Select.tsx"],"names":[],"mappings":";;;;;;;;AAqBU;AAlBH,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE,oBAAC,cAAW,IAAQ,OAAc,cAChC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MAET,mBAAS,QAAQ,IAAI,CAAC,MACrB,oBAAC,YAAe,OAAO,GACpB,eADU,CAEb,CACD;AAAA;AAAA,EACH,GACF;AAEJ","sourcesContent":["import { Controller, FxParamControllerProps } from \"./Controller\"\nimport { BaseSelect } from \"../BaseInput\"\n\nexport function SelectController({\n  id,\n  label,\n  value,\n  onChange,\n  options,\n  isCodeDriven,\n}: FxParamControllerProps<\"select\">) {\n  return (\n    <Controller id={id} label={label} isCodeDriven={isCodeDriven}>\n      <BaseSelect\n        name={id}\n        id={id}\n        onChange={onChange}\n        value={value}\n        disabled={isCodeDriven}\n      >\n        {options?.options.map((o) => (\n          <option key={o} value={o}>\n            {o}\n          </option>\n        ))}\n      </BaseSelect>\n    </Controller>\n  )\n}\n"]}

package/dist/chunk-KZMSUHQX.cjs

@@ -0,0 +1,120 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _chunkHJBHIE5Tcjs = require('./chunk-HJBHIE5T.cjs');
+
+
+
+var _chunkQDLMFMLLcjs = require('./chunk-QDLMFMLL.cjs');
+
+
+var _chunkOFUKQ2TBcjs = require('./chunk-OFUKQ2TB.cjs');
+
+// src/Controller/Color.tsx
+
+
+
+
+
+var _react = require('react');
+
+// src/Controller/Color.module.scss
+var Color_module_default = {
+  "squaredButton": "_squaredButton_13v06_1",
+  "active": "_active_13v06_9",
+  "square": "_square_13v06_1",
+  "pickerWrapper": "_pickerWrapper_13v06_24",
+  "pickerAbsoluteWrapper": "_pickerAbsoluteWrapper_13v06_28",
+  "picker": "_picker_13v06_24",
+  "colorful": "_colorful_13v06_42"
+};
+
+// src/Controller/Color.tsx
+var _reactcolorful = require('react-colorful');
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+var _jsxruntime = require('react/jsx-runtime');
+function ColorController(props) {
+  const ref = _react.useRef.call(void 0, null);
+  const { label, id, onChange, value, layout = "box", isCodeDriven } = props;
+  const [showPicker, setShowPicker] = _react.useState.call(void 0, false);
+  const handleToggleShowPicker = () => {
+    setShowPicker((show) => !show);
+  };
+  const handleInputChange = (e) => {
+    onChange(e.target.value);
+  };
+  _react.useEffect.call(void 0, () => {
+    function handleClickOutside(event) {
+      if (ref.current && !_optionalChain([ref, 'access', _ => _.current, 'optionalAccess', _2 => _2.contains, 'call', _3 => _3(event.target)])) {
+        setShowPicker(false);
+      }
+    }
+    window.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      window.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [ref]);
+  const handleChangeColor = (newColor) => {
+    onChange(_chunkQDLMFMLLcjs.rgbaToHex.call(void 0, newColor.r, newColor.g, newColor.b, newColor.a));
+  };
+  const color = _react.useMemo.call(void 0, () => _chunkQDLMFMLLcjs.hexToRgba.call(void 0, value), [value]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkHJBHIE5Tcjs.Controller,
+    {
+      id,
+      label,
+      layout,
+      className: Color_module_default.pickerWrapper,
+      inputContainerProps: { ref },
+      isCodeDriven,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkOFUKQ2TBcjs.BaseButton,
+          {
+            className: _classnames2.default.call(void 0, Color_module_default.squaredButton, { [Color_module_default.active]: showPicker }),
+            onClick: handleToggleShowPicker,
+            disabled: isCodeDriven,
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: _classnames2.default.call(void 0, Color_module_default.square, Color_module_default.leftTop),
+                style: {
+                  background: `linear-gradient(-45deg, ${value} 0%, ${value} 50%, ${value.slice(
+                    0,
+                    7
+                  )} 50%, ${value.slice(0, 7)} 100%)`
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkHJBHIE5Tcjs.BaseParamsInput,
+          {
+            type: "text",
+            id: `text-${id}`,
+            onChange: handleInputChange,
+            value,
+            autoComplete: "off",
+            maxLength: 9,
+            minLength: 2,
+            disabled: isCodeDriven
+          }
+        ),
+        showPicker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: Color_module_default.pickerAbsoluteWrapper, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: Color_module_default.picker, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _reactcolorful.RgbaColorPicker,
+          {
+            color,
+            onChange: handleChangeColor,
+            className: Color_module_default.colorful
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+
+
+
+exports.ColorController = ColorController;
+//# sourceMappingURL=chunk-KZMSUHQX.cjs.map

package/dist/chunk-KZMSUHQX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/Color.tsx","../src/Controller/Color.module.scss"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAKA;AAAA,OACK;;;ACT6C,IAAO,uBAAQ;AAAA,EACjE,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,yBAAyB;AAAA,EACzB,UAAU;AAAA,EACV,YAAY;AACd;;;ADSA,SAAoB,uBAAuB;AAC3C,OAAO,QAAQ;AA8BX,SAaI,KAbJ;AA3BG,SAAS,gBAAgB,OAAwC;AACtE,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,EAAE,OAAO,IAAI,UAAU,OAAO,SAAS,OAAO,aAAa,IAAI;AACrE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,yBAAyB,MAAM;AACnC,kBAAc,CAAC,SAAS,CAAC,IAAI;AAAA,EAC/B;AACA,QAAM,oBAAoB,CAAC,MAAqC;AAC9D,aAAS,EAAE,OAAO,KAAK;AAAA,EACzB;AACA,YAAU,MAAM;AACd,aAAS,mBAAmB,OAAmB;AAC7C,UAAI,IAAI,WAAW,CAAC,IAAI,SAAS,SAAS,MAAM,MAAc,GAAG;AAC/D,sBAAc,KAAK;AAAA,MACrB;AAAA,IACF;AACA,WAAO,iBAAiB,aAAa,kBAAkB;AACvD,WAAO,MAAM;AACX,aAAO,oBAAoB,aAAa,kBAAkB;AAAA,IAC5D;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AACR,QAAM,oBAAoB,CAAC,aAAwB;AACjD,aAAS,UAAU,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;AAAA,EACpE;AACA,QAAM,QAAQ,QAAQ,MAAM,UAAU,KAAK,GAAG,CAAC,KAAK,CAAC;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,qBAAQ;AAAA,MACnB,qBAAqB,EAAE,IAAI;AAAA,MAC3B;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,qBAAQ,eAAe,EAAE,CAAC,qBAAQ,MAAM,GAAG,WAAW,CAAC;AAAA,YACrE,SAAS;AAAA,YACT,UAAU;AAAA,YAEV;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,GAAG,qBAAQ,QAAQ,qBAAQ,OAAO;AAAA,gBAC7C,OAAO;AAAA,kBACL,YAAY,2BAA2B,aAAa,cAAc,MAAM;AAAA,oBACtE;AAAA,oBACA;AAAA,kBACF,UAAU,MAAM,MAAM,GAAG,CAAC;AAAA,gBAC5B;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAI,QAAQ;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA,cAAa;AAAA,YACb,WAAW;AAAA,YACX,WAAW;AAAA,YACX,UAAU;AAAA;AAAA,QACZ;AAAA,QACC,cACC,oBAAC,SAAI,WAAW,qBAAQ,uBACtB,8BAAC,SAAI,WAAW,qBAAQ,QACtB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,UAAU;AAAA,YACV,WAAW,qBAAQ;AAAA;AAAA,QACrB,GACF,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ","sourcesContent":["import {\n  useState,\n  useEffect,\n  useRef,\n  LegacyRef,\n  MutableRefObject,\n  RefObject,\n  ChangeEvent,\n  useMemo,\n} from \"react\"\nimport { hexToRgba, rgbaToHex } from \"../utils\"\nimport {\n  FxParamControllerProps,\n  Controller,\n  BaseParamsInput,\n} from \"./Controller\"\nimport classes from \"./Color.module.scss\"\nimport { RgbaColor, RgbaColorPicker } from \"react-colorful\"\nimport cx from \"classnames\"\nimport { BaseButton } from \"../BaseInput\"\n\nexport function ColorController(props: FxParamControllerProps<\"color\">) {\n  const ref = useRef<HTMLDivElement>(null)\n  const { label, id, onChange, value, layout = \"box\", isCodeDriven } = props\n  const [showPicker, setShowPicker] = useState(false)\n  const handleToggleShowPicker = () => {\n    setShowPicker((show) => !show)\n  }\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    onChange(e.target.value)\n  }\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (ref.current && !ref.current?.contains(event.target as Node)) {\n        setShowPicker(false)\n      }\n    }\n    window.addEventListener(\"mousedown\", handleClickOutside)\n    return () => {\n      window.removeEventListener(\"mousedown\", handleClickOutside)\n    }\n  }, [ref])\n  const handleChangeColor = (newColor: RgbaColor) => {\n    onChange(rgbaToHex(newColor.r, newColor.g, newColor.b, newColor.a))\n  }\n  const color = useMemo(() => hexToRgba(value), [value])\n\n  return (\n    <Controller\n      id={id}\n      label={label}\n      layout={layout}\n      className={classes.pickerWrapper}\n      inputContainerProps={{ ref }}\n      isCodeDriven={isCodeDriven}\n    >\n      <BaseButton\n        className={cx(classes.squaredButton, { [classes.active]: showPicker })}\n        onClick={handleToggleShowPicker}\n        disabled={isCodeDriven}\n      >\n        <div\n          className={cx(classes.square, classes.leftTop)}\n          style={{\n            background: `linear-gradient(-45deg, ${value} 0%, ${value} 50%, ${value.slice(\n              0,\n              7\n            )} 50%, ${value.slice(0, 7)} 100%)`,\n          }}\n        />\n      </BaseButton>\n      <BaseParamsInput\n        type=\"text\"\n        id={`text-${id}`}\n        onChange={handleInputChange}\n        value={value}\n        autoComplete=\"off\"\n        maxLength={9}\n        minLength={2}\n        disabled={isCodeDriven}\n      />\n      {showPicker && (\n        <div className={classes.pickerAbsoluteWrapper}>\n          <div className={classes.picker}>\n            <RgbaColorPicker\n              color={color}\n              onChange={handleChangeColor}\n              className={classes.colorful}\n            />\n          </div>\n        </div>\n      )}\n    </Controller>\n  )\n}\n","import 'css-chunk:src/Controller/Color.module.scss';export default {\n  \"squaredButton\": \"_squaredButton_13v06_1\",\n  \"active\": \"_active_13v06_9\",\n  \"square\": \"_square_13v06_1\",\n  \"pickerWrapper\": \"_pickerWrapper_13v06_24\",\n  \"pickerAbsoluteWrapper\": \"_pickerAbsoluteWrapper_13v06_28\",\n  \"picker\": \"_picker_13v06_24\",\n  \"colorful\": \"_colorful_13v06_42\"\n};"]}

package/dist/chunk-LX23UR4X.cjs

@@ -0,0 +1,115 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _chunkQDLMFMLLcjs = require('./chunk-QDLMFMLL.cjs');
+
+// src/RuntimeContext.tsx
+var _react = require('react');
+
+var _sha1 = require('sha1'); var _sha12 = _interopRequireDefault(_sha1);
+var _jsxruntime = require('react/jsx-runtime');
+function hashRuntimeState(state) {
+  return _sha12.default.call(void 0, _chunkQDLMFMLLcjs.jsonStringifyBigint.call(void 0, state));
+}
+function hashRuntimeHardState(state, definition) {
+  const staticParams = {};
+  for (const id in state.params) {
+    const def = _optionalChain([definition, 'optionalAccess', _ => _.find, 'call', _2 => _2((def2) => def2.id === id)]);
+    if (!def || !def.update || def.update === "page-reload") {
+      staticParams[id] = state.params[id];
+    }
+  }
+  return hashRuntimeState({
+    ...state,
+    params: staticParams
+  });
+}
+var defaultRuntimeContext = {
+  state: {
+    hash: "",
+    minter: "",
+    params: {},
+    update: () => {
+    },
+    iteration: 1,
+    context: "standalone"
+  },
+  definition: {
+    params: null,
+    version: null,
+    update: () => {
+    }
+  },
+  details: {
+    paramsByteSize: 0,
+    stateHash: {
+      soft: "",
+      hard: ""
+    }
+  }
+};
+var RuntimeContext = _react.createContext.call(void 0, defaultRuntimeContext);
+function RuntimeProvider({ children }) {
+  const [state, setState] = _react.useState.call(void 0, {
+    hash: "",
+    minter: "",
+    params: {},
+    iteration: 1,
+    context: new URLSearchParams(window.location.search).get(
+      "fxcontext"
+    ) || "standalone"
+  });
+  const [definition, setDefinition] = _react.useState.call(void 0, {
+    params: null,
+    version: null
+  });
+  const update = (data) => {
+    setState((lastState) => ({
+      ...lastState,
+      ...data
+    }));
+  };
+  const updateDefinition = (data) => {
+    setDefinition((lastDefinition) => ({
+      ...lastDefinition,
+      ...data
+    }));
+  };
+  const definitionEnhanced = _react.useMemo.call(void 0, 
+    () => ({
+      ...definition,
+      params: _optionalChain([definition, 'access', _3 => _3.params, 'optionalAccess', _4 => _4.map, 'call', _5 => _5((p) => ({
+        ...p,
+        version: definition.version || "0"
+      }))]) || null
+    }),
+    [definition]
+  );
+  const ctx = {
+    state: {
+      ...state,
+      update
+    },
+    definition: {
+      ...definitionEnhanced,
+      update: updateDefinition
+    },
+    details: _react.useMemo.call(void 0, 
+      () => ({
+        paramsByteSize: _chunkQDLMFMLLcjs.sumBytesParams.call(void 0, definition.params || []),
+        stateHash: {
+          soft: hashRuntimeState(state),
+          hard: hashRuntimeHardState(state, definition.params)
+        }
+      }),
+      [state, definition.params]
+    )
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RuntimeContext.Provider, { value: ctx, children });
+}
+
+
+
+
+exports.RuntimeContext = RuntimeContext; exports.RuntimeProvider = RuntimeProvider;
+//# sourceMappingURL=chunk-LX23UR4X.cjs.map

package/dist/chunk-LX23UR4X.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/RuntimeContext.tsx"],"names":["def"],"mappings":";;;;;;AAKA,SAA4B,SAAS,gBAAgB;AACrD,SAAS,qBAAqB;AAC9B,OAAO,UAAU;AAwKb;AAtIJ,SAAS,iBAAiB,OAA6B;AACrD,SAAO,KAAK,oBAAoB,KAAK,CAAC;AACxC;AAQA,SAAS,qBACP,OACA,YACQ;AACR,QAAM,eAA6B,CAAC;AACpC,aAAW,MAAM,MAAM,QAAQ;AAC7B,UAAM,MAAM,YAAY,KAAK,CAACA,SAAQA,KAAI,OAAO,EAAE;AAEnD,QAAI,CAAC,OAAO,CAAC,IAAI,UAAU,IAAI,WAAW,eAAe;AACvD,mBAAa,EAAE,IAAI,MAAM,OAAO,EAAE;AAAA,IACpC;AAAA,EACF;AACA,SAAO,iBAAiB;AAAA,IACtB,GAAG;AAAA,IACH,QAAQ;AAAA,EACV,CAAC;AACH;AAiBA,IAAM,wBAAyC;AAAA,EAC7C,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ,CAAC;AAAA,IACT,QAAQ,MAAM;AAAA,IAAC;AAAA,IACf,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ,MAAM;AAAA,IAAC;AAAA,EACjB;AAAA,EACA,SAAS;AAAA,IACP,gBAAgB;AAAA,IAChB,WAAW;AAAA,MACT,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,IAAM,iBAAiB,cAAc,qBAAqB;AAG1D,SAAS,gBAAgB,EAAE,SAAS,GAAU;AACnD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAuB;AAAA,IAC/C,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ,CAAC;AAAA,IACT,WAAW;AAAA,IACX,SACG,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAAE;AAAA,MAC3C;AAAA,IACF,KAA2B;AAAA,EAC/B,CAAC;AACD,QAAM,CAAC,YAAY,aAAa,IAAI,SAA4B;AAAA,IAC9D,QAAQ;AAAA,IACR,SAAS;AAAA,EACX,CAAC;AAED,QAAM,SAAuC,CAAC,SAAS;AACrD,aAAS,CAAC,eAAe;AAAA,MACvB,GAAG;AAAA,MACH,GAAG;AAAA,IACL,EAAE;AAAA,EACJ;AAEA,QAAM,mBAAsD,CAAC,SAAS;AACpE,kBAAc,CAAC,oBAAoB;AAAA,MACjC,GAAG;AAAA,MACH,GAAG;AAAA,IACL,EAAE;AAAA,EACJ;AAGA,QAAM,qBAAqB;AAAA,IACzB,OAAO;AAAA,MACL,GAAG;AAAA,MACH,QACE,WAAW,QAAQ,IAAI,CAAC,OAAuC;AAAA,QAC7D,GAAG;AAAA,QACH,SAAS,WAAW,WAAW;AAAA,MACjC,EAAE,KAAK;AAAA,IACX;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,MAAuB;AAAA,IAC3B,OAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,GAAG;AAAA,MACH,QAAQ;AAAA,IACV;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,QACL,gBAAgB,eAAe,WAAW,UAAU,CAAC,CAAC;AAAA,QACtD,WAAW;AAAA,UACT,MAAM,iBAAiB,KAAK;AAAA,UAC5B,MAAM,qBAAqB,OAAO,WAAW,MAAM;AAAA,QACrD;AAAA,MACF;AAAA,MACA,CAAC,OAAO,WAAW,MAAM;AAAA,IAC3B;AAAA,EACF;AAEA,SACE,oBAAC,eAAe,UAAf,EAAwB,OAAO,KAAM,UAAS;AAEnD","sourcesContent":["import {\n  FxParamDefinition,\n  FxParamType,\n  FxParamsData,\n} from \"types\"\nimport { PropsWithChildren, useMemo, useState } from \"react\"\nimport { createContext } from \"react\"\nimport sha1 from \"sha1\"\nimport { jsonStringifyBigint, sumBytesParams } from \"utils\"\n\nexport type TUpdateStateFn<T> = (data: Partial<T>) => void\n\nexport type TUpdateableState<T> = T & {\n  update: TUpdateStateFn<T>\n}\n/**\n * The Runtime Context is responsible for managing the state of a project ran\n * in a frame. It centralizes any source of data to derive the project and\n * facilitate their manipulation from the outside.\n *\n * See comments on IRuntimeContext for more details.\n */\n\nexport type TExecutionContext = \"minting\" | \"standalone\" | \"capture\"\n\nexport interface RuntimeState {\n  hash: string\n  minter: string\n  params: FxParamsData\n  iteration: number\n  context: TExecutionContext\n}\n\nexport interface RuntimeDefinition {\n  params: FxParamDefinition<FxParamType>[] | null\n  version: string | null\n}\n\n/**\n * Hashes a runtime state using sha1\n */\nfunction hashRuntimeState(state: RuntimeState): string {\n  return sha1(jsonStringifyBigint(state))\n}\n\n/**\n * Hashes the hard-refresh properties of a runtime state:\n * - hash\n * - minter address\n * - params in update mode \"page-reload\"\n */\nfunction hashRuntimeHardState(\n  state: RuntimeState,\n  definition: FxParamDefinition<FxParamType>[] | null\n): string {\n  const staticParams: FxParamsData = {}\n  for (const id in state.params) {\n    const def = definition?.find((def) => def.id === id)\n    // if no definition, or update == \"page-reload\" (which is default value)\n    if (!def || !def.update || def.update === \"page-reload\") {\n      staticParams[id] = state.params[id]\n    }\n  }\n  return hashRuntimeState({\n    ...state,\n    params: staticParams,\n  })\n}\n\nexport interface IRuntimeContext {\n  // the base state of the runtime\n  state: TUpdateableState<RuntimeState>\n  // definitions, used to manipulate the state\n  definition: TUpdateableState<RuntimeDefinition>\n  // extra details derived from the state & definition\n  details: {\n    paramsByteSize: number\n    stateHash: {\n      soft: string\n      hard: string\n    }\n  }\n}\n\nconst defaultRuntimeContext: IRuntimeContext = {\n  state: {\n    hash: \"\",\n    minter: \"\",\n    params: {},\n    update: () => {},\n    iteration: 1,\n    context: \"standalone\",\n  },\n  definition: {\n    params: null,\n    version: null,\n    update: () => {},\n  },\n  details: {\n    paramsByteSize: 0,\n    stateHash: {\n      soft: \"\",\n      hard: \"\",\n    },\n  },\n}\n\nexport const RuntimeContext = createContext(defaultRuntimeContext)\n\ntype Props = PropsWithChildren<any>\nexport function RuntimeProvider({ children }: Props) {\n  const [state, setState] = useState<RuntimeState>({\n    hash: \"\",\n    minter: \"\",\n    params: {},\n    iteration: 1,\n    context:\n      (new URLSearchParams(window.location.search).get(\n        \"fxcontext\"\n      ) as TExecutionContext) || \"standalone\",\n  })\n  const [definition, setDefinition] = useState<RuntimeDefinition>({\n    params: null,\n    version: null,\n  })\n\n  const update: TUpdateStateFn<RuntimeState> = (data) => {\n    setState((lastState) => ({\n      ...lastState,\n      ...data,\n    }))\n  }\n\n  const updateDefinition: TUpdateStateFn<RuntimeDefinition> = (data) => {\n    setDefinition((lastDefinition) => ({\n      ...lastDefinition,\n      ...data,\n    }))\n  }\n\n  // enhance each param definition with the version (useful for serialization)\n  const definitionEnhanced = useMemo(\n    () => ({\n      ...definition,\n      params:\n        definition.params?.map((p: FxParamDefinition<FxParamType>) => ({\n          ...p,\n          version: definition.version || \"0\",\n        })) || null,\n    }),\n    [definition]\n  )\n\n  const ctx: IRuntimeContext = {\n    state: {\n      ...state,\n      update,\n    },\n    definition: {\n      ...definitionEnhanced,\n      update: updateDefinition,\n    },\n    details: useMemo(\n      () => ({\n        paramsByteSize: sumBytesParams(definition.params || []),\n        stateHash: {\n          soft: hashRuntimeState(state),\n          hard: hashRuntimeHardState(state, definition.params),\n        },\n      }),\n      [state, definition.params]\n    ),\n  }\n\n  return (\n    <RuntimeContext.Provider value={ctx}>{children}</RuntimeContext.Provider>\n  )\n}\n"]}