@keload/node-red-dxp 1.4.1 → 1.5.0

package/dist/editor/index.cjs

@@ -1 +1,176 @@
-'use strict';var solidJs=require('solid-js');function d(e){return Object.prototype.toString.call(e).slice(8,-1)}function m(e){if(d(e)!=="Object")return !1;let r=Object.getPrototypeOf(e);return !!r&&r.constructor===Object&&r===Object.prototype}function x(e){return d(e)==="Symbol"}function O(e,r,s,i){let p={}.propertyIsEnumerable.call(i,r)?"enumerable":"nonenumerable";p==="enumerable"&&(e[r]=s),p==="nonenumerable"&&Object.defineProperty(e,r,{value:s,enumerable:!1,writable:!0,configurable:!0});}function T(e,r,s){if(!m(r))return r;let i={};if(m(e)){let l=Object.getOwnPropertyNames(e),t=Object.getOwnPropertySymbols(e);i=[...l,...t].reduce((n,o)=>{let c=e[o];return (!x(o)&&!Object.getOwnPropertyNames(r).includes(o)||x(o)&&!Object.getOwnPropertySymbols(r).includes(o))&&O(n,o,c,e),n},{});}let p=Object.getOwnPropertyNames(r),f=Object.getOwnPropertySymbols(r);return [...p,...f].reduce((l,t)=>{let n=r[t],o=m(e)?e[t]:void 0;o!==void 0&&m(n)&&(n=T(o,n));let c=n;return O(l,t,c,r),l},i)}function P(e,...r){return r.reduce((s,i)=>T(s,i),e)}function u(e){return e.startsWith("$$")?`#node-config-input-${e.replace("$$","")}`:e.startsWith("$")?`#node-input-${e.replace("$","")}`:e}function B(e,r){let s=u(e),i=document.querySelector(s);if(!i)throw new Error(`Element with id '${e}' not found`);let[p,f]=solidJs.createSignal(r||""),a=()=>{f(i.value);},l=t=>{i.value!==t&&(i.value=t);};return i.addEventListener("input",a),solidJs.onCleanup(()=>{console.log("JE CLEAN"),i.removeEventListener("input",a);}),solidJs.createEffect(()=>{l(p());}),f(i.value||r),[p,f]}var N={};function J(e){return P(N,e)}function j(e){return u(e).split("-input-")[1]}function z(e){function r(t){return e[t]}let s=(t,n,o)=>{let c=(o==null?void 0:o.selected)||r(j(t)),g=u(t),y=n;o!=null&&o.emptyValue&&(y=[{value:"",text:o.emptyValue},...n]),$(g).empty().append(y.map(b=>$("<option>",{value:b.value,text:b.text,selected:b.value===c})));},i=t=>{let n=t;return $(`#node-input-${n}`).val()};function p(t,n){let o=u(t);$(o).text(n);}function f(t){let n=u(t);return $(n)}function a(t,n){let o=u(t);$(o).val(n);}function l(t,n){let c=(Array.isArray(t)?t:[t]).map(u).join(", ");$(c).on("input",()=>{let g=$(c).map(function(){return $(this).val()}).get();n(g);});}return {getInputValue:i,watchInput:l,setText:p,setInputValue:a,jqSelector:f,initSelect:s}}exports.createEditorNode=J;exports.createReactiveField=B;exports.domHelper=z;exports.resolveSelector=u;
+'use strict';
+
+var solidJs = require('solid-js');
+
+// node_modules/.pnpm/is-what@5.0.2/node_modules/is-what/dist/getType.js
+function getType(payload) {
+  return Object.prototype.toString.call(payload).slice(8, -1);
+}
+
+// node_modules/.pnpm/is-what@5.0.2/node_modules/is-what/dist/isPlainObject.js
+function isPlainObject(payload) {
+  if (getType(payload) !== "Object")
+    return false;
+  const prototype = Object.getPrototypeOf(payload);
+  return !!prototype && prototype.constructor === Object && prototype === Object.prototype;
+}
+
+// node_modules/.pnpm/is-what@5.0.2/node_modules/is-what/dist/isSymbol.js
+function isSymbol(payload) {
+  return getType(payload) === "Symbol";
+}
+
+// node_modules/.pnpm/merge-anything@6.0.2/node_modules/merge-anything/dist/merge.js
+function assignProp(carry, key, newVal, originalObject) {
+  const propType = {}.propertyIsEnumerable.call(originalObject, key) ? "enumerable" : "nonenumerable";
+  if (propType === "enumerable")
+    carry[key] = newVal;
+  if (propType === "nonenumerable") {
+    Object.defineProperty(carry, key, {
+      value: newVal,
+      enumerable: false,
+      writable: true,
+      configurable: true
+    });
+  }
+}
+function mergeRecursively(origin, newComer, compareFn) {
+  if (!isPlainObject(newComer))
+    return newComer;
+  let newObject = {};
+  if (isPlainObject(origin)) {
+    const props2 = Object.getOwnPropertyNames(origin);
+    const symbols2 = Object.getOwnPropertySymbols(origin);
+    newObject = [...props2, ...symbols2].reduce((carry, key) => {
+      const targetVal = origin[key];
+      if (!isSymbol(key) && !Object.getOwnPropertyNames(newComer).includes(key) || isSymbol(key) && !Object.getOwnPropertySymbols(newComer).includes(key)) {
+        assignProp(carry, key, targetVal, origin);
+      }
+      return carry;
+    }, {});
+  }
+  const props = Object.getOwnPropertyNames(newComer);
+  const symbols = Object.getOwnPropertySymbols(newComer);
+  const result = [...props, ...symbols].reduce((carry, key) => {
+    let newVal = newComer[key];
+    const targetVal = isPlainObject(origin) ? origin[key] : void 0;
+    if (targetVal !== void 0 && isPlainObject(newVal)) {
+      newVal = mergeRecursively(targetVal, newVal);
+    }
+    const propToAssign = newVal;
+    assignProp(carry, key, propToAssign, newComer);
+    return carry;
+  }, newObject);
+  return result;
+}
+function merge(object, ...otherObjects) {
+  return otherObjects.reduce((result, newComer) => {
+    return mergeRecursively(result, newComer);
+  }, object);
+}
+
+// src/editor/utils.ts
+function resolveSelector(inSelector) {
+  if (inSelector.startsWith("$$")) {
+    return `#node-config-input-${inSelector.replace("$$", "")}`;
+  }
+  if (inSelector.startsWith("$")) {
+    return `#node-input-${inSelector.replace("$", "")}`;
+  }
+  return inSelector;
+}
+function createReactiveField(selector, defaultValue) {
+  const realSelector = resolveSelector(selector);
+  const formElement = document.querySelector(realSelector);
+  if (!formElement) {
+    throw new Error(`Element with id '${selector}' not found`);
+  }
+  const [fieldValue, setFieldValue] = solidJs.createSignal(defaultValue || "");
+  const updateSignal = () => {
+    setFieldValue(formElement.value);
+  };
+  const updateDOM = (newValue) => {
+    if (formElement.value !== newValue) {
+      formElement.value = newValue;
+    }
+  };
+  formElement.addEventListener("input", updateSignal);
+  solidJs.onCleanup(() => {
+    console.log("JE CLEAN");
+    formElement.removeEventListener("input", updateSignal);
+  });
+  solidJs.createEffect(() => {
+    updateDOM(fieldValue());
+  });
+  setFieldValue(formElement.value || defaultValue);
+  return [fieldValue, setFieldValue];
+}
+
+// src/editor/index.ts
+var defaultNodeDef = {};
+function createEditorNode(props) {
+  return merge(defaultNodeDef, props);
+}
+function resolveInputKey(selector) {
+  const realSelector = resolveSelector(selector);
+  return realSelector.split("-input-")[1];
+}
+function domHelper(vm) {
+  function getVmInputKey(key) {
+    return vm[key];
+  }
+  const initSelect = (selector, options, params) => {
+    const selectedValue = (params == null ? void 0 : params.selected) || getVmInputKey(resolveInputKey(selector));
+    const realSelector = resolveSelector(selector);
+    let realOptions = options;
+    if (params == null ? void 0 : params.emptyValue) {
+      realOptions = [{ value: "", text: params.emptyValue }, ...options];
+    }
+    $(realSelector).empty().append(
+      realOptions.map((opt) => {
+        return $("<option>", { value: opt.value, text: opt.text, selected: opt.value === selectedValue });
+      })
+    );
+  };
+  const getInputValue = (key) => {
+    const keyStr = key;
+    return $(`#node-input-${keyStr}`).val();
+  };
+  function setText(selector, text) {
+    const realSelector = resolveSelector(selector);
+    $(realSelector).text(text);
+  }
+  function jqSelector(selector) {
+    const realSelector = resolveSelector(selector);
+    return $(realSelector);
+  }
+  function setInputValue(selector, val) {
+    const realSelector = resolveSelector(selector);
+    $(realSelector).val(val);
+  }
+  function watchInput(selectors, callback) {
+    const selectorsArray = Array.isArray(selectors) ? selectors : [selectors];
+    const realSelectors = selectorsArray.map(resolveSelector).join(", ");
+    $(realSelectors).on("input", () => {
+      const values = $(realSelectors).map(function() {
+        return $(this).val();
+      }).get();
+      callback(values);
+    });
+  }
+  return {
+    getInputValue,
+    watchInput,
+    setText,
+    setInputValue,
+    jqSelector,
+    initSelect
+  };
+}
+
+exports.createEditorNode = createEditorNode;
+exports.createReactiveField = createReactiveField;
+exports.domHelper = domHelper;
+exports.resolveSelector = resolveSelector;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/editor/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../node_modules/.pnpm/is-what@5.0.2/node_modules/is-what/dist/getType.js","../../node_modules/.pnpm/is-what@5.0.2/node_modules/is-what/dist/isPlainObject.js","../../node_modules/.pnpm/is-what@5.0.2/node_modules/is-what/dist/isSymbol.js","../../node_modules/.pnpm/merge-anything@6.0.2/node_modules/merge-anything/dist/merge.js","../../src/editor/utils.ts","../../src/editor/dom.ts","../../src/editor/index.ts"],"names":["props","symbols","createSignal","onCleanup","createEffect"],"mappings":"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","file":"index.cjs","sourcesContent":["/** Returns the object type of the given payload */\nexport function getType(payload) {\n    return Object.prototype.toString.call(payload).slice(8, -1);\n}\n","import { getType } from './getType.js';\n/**\n * Returns whether the payload is a plain JavaScript object (excluding special classes or objects\n * with other prototypes)\n */\nexport function isPlainObject(payload) {\n    if (getType(payload) !== 'Object')\n        return false;\n    const prototype = Object.getPrototypeOf(payload);\n    return !!prototype && prototype.constructor === Object && prototype === Object.prototype;\n}\n","import { getType } from './getType.js';\n/** Returns whether the payload is a Symbol */\nexport function isSymbol(payload) {\n    return getType(payload) === 'Symbol';\n}\n","import { isPlainObject, isSymbol } from 'is-what';\nimport { concatArrays } from './extensions.js';\nfunction assignProp(carry, key, newVal, originalObject) {\n    const propType = {}.propertyIsEnumerable.call(originalObject, key)\n        ? 'enumerable'\n        : 'nonenumerable';\n    if (propType === 'enumerable')\n        carry[key] = newVal;\n    if (propType === 'nonenumerable') {\n        Object.defineProperty(carry, key, {\n            value: newVal,\n            enumerable: false,\n            writable: true,\n            configurable: true,\n        });\n    }\n}\nfunction mergeRecursively(origin, newComer, compareFn) {\n    // always return newComer if its not an object\n    if (!isPlainObject(newComer))\n        return newComer;\n    // define newObject to merge all values upon\n    let newObject = {};\n    if (isPlainObject(origin)) {\n        const props = Object.getOwnPropertyNames(origin);\n        const symbols = Object.getOwnPropertySymbols(origin);\n        newObject = [...props, ...symbols].reduce((carry, key) => {\n            const targetVal = origin[key];\n            if ((!isSymbol(key) && !Object.getOwnPropertyNames(newComer).includes(key)) ||\n                (isSymbol(key) && !Object.getOwnPropertySymbols(newComer).includes(key))) {\n                assignProp(carry, key, targetVal, origin);\n            }\n            return carry;\n        }, {});\n    }\n    // newObject has all properties that newComer hasn't\n    const props = Object.getOwnPropertyNames(newComer);\n    const symbols = Object.getOwnPropertySymbols(newComer);\n    const result = [...props, ...symbols].reduce((carry, key) => {\n        // re-define the origin and newComer as targetVal and newVal\n        let newVal = newComer[key];\n        const targetVal = isPlainObject(origin) ? origin[key] : undefined;\n        // When newVal is an object do the merge recursively\n        if (targetVal !== undefined && isPlainObject(newVal)) {\n            newVal = mergeRecursively(targetVal, newVal, compareFn);\n        }\n        const propToAssign = compareFn ? compareFn(targetVal, newVal, key) : newVal;\n        assignProp(carry, key, propToAssign, newComer);\n        return carry;\n    }, newObject);\n    return result;\n}\n/**\n * Merge anything recursively.\n * Objects get merged, special objects (classes etc.) are re-assigned \"as is\".\n * Basic types overwrite objects or other basic types.\n */\nexport function merge(object, ...otherObjects) {\n    return otherObjects.reduce((result, newComer) => {\n        return mergeRecursively(result, newComer);\n    }, object);\n}\nexport function mergeAndCompare(compareFn, object, ...otherObjects) {\n    return otherObjects.reduce((result, newComer) => {\n        return mergeRecursively(result, newComer, compareFn);\n    }, object);\n}\nexport function mergeAndConcat(object, ...otherObjects) {\n    return otherObjects.reduce((result, newComer) => {\n        return mergeRecursively(result, newComer, concatArrays);\n    }, object);\n}\n// import { Timestamp } from '../test/Timestamp'\n// type T1 = { date: Timestamp }\n// type T2 = [{ b: string[] }, { b: number[] }, { date: Timestamp }]\n// type TestT = Merge<T1, T2>\n// type A1 = { arr: string[] }\n// type A2 = { arr: number[] }\n// type A3 = { arr: boolean[] }\n// type TestA = Merge<A1, [A2, A3]>\n// interface I1 {\n//   date: Timestamp\n// }\n// interface I2 {\n//   date: Timestamp\n// }\n// const _a: I2 = { date: '' } as unknown as I2\n// type TestI = Merge<I1, [I2]>\n// // ReturnType<(typeof merge)<I1, I2>>\n// const a = merge(_a, [_a])\n// interface Arguments extends Record<string | number | symbol, unknown> {\n//     key: string;\n// }\n// const aa1: Arguments = { key: \"value1\" }\n// const aa2: Arguments = { key: \"value2\" }\n// const aa = merge(a1, a2);\n// interface Barguments {\n//   key: string\n// }\n// const ba1: Barguments = { key: 'value1' }\n// const ba2: Barguments = { key: 'value2' }\n// const ba = merge(ba1, ba2)\n// interface Carguments {\n//   key: string\n// }\n// const ca = merge<Carguments, Carguments[]>({ key: 'value1' }, { key: 'value2' })\n// type P = Pop<Carguments[]>\n","export function resolveSelector(inSelector: string) {\n  if (inSelector.startsWith('$$')) {\n    return `#node-config-input-${inSelector.replace('$$', '')}`;\n  }\n\n  if (inSelector.startsWith('$')) {\n    return `#node-input-${inSelector.replace('$', '')}`;\n  }\n\n  return inSelector;\n}\n\nfunction isNodeInput(selector: string) {\n  const isShortcut = selector.startsWith('$$') || selector.startsWith('$');\n  const isFullSelector = selector.startsWith('#node-config-input') || selector.startsWith('#node-input');\n\n  return isShortcut || isFullSelector;\n}\n","import { createEffect, createSignal, onCleanup } from 'solid-js';\nimport { resolveSelector } from './utils';\n\nexport function createReactiveField<T extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>(\n  selector: string,\n  defaultValue?: string,\n): [() => string, (value: string) => void] {\n  const realSelector = resolveSelector(selector);\n\n  const formElement = document.querySelector(realSelector) as T;\n\n  if (!formElement) {\n    throw new Error(`Element with id '${selector}' not found`);\n  }\n\n  const [fieldValue, setFieldValue] = createSignal(defaultValue || '');\n\n  const updateSignal = () => {\n    setFieldValue(formElement.value);\n  };\n\n  const updateDOM = (newValue: string) => {\n    if (formElement.value !== newValue) {\n      formElement.value = newValue;\n    }\n  };\n\n  formElement.addEventListener('input', updateSignal);\n\n  onCleanup(() => {\n    console.log('JE CLEAN');\n    formElement.removeEventListener('input', updateSignal);\n  });\n\n  createEffect(() => {\n    updateDOM(fieldValue());\n  });\n\n  setFieldValue(formElement.value || defaultValue);\n\n  return [fieldValue, setFieldValue];\n}\n","// @ts-ignore\nimport { merge } from 'merge-anything';\nimport type { EditorNodeDef, EditorNodeInstance, EditorNodeProperties } from 'node-red';\nimport type { EditorDomHelper } from './types';\nimport { resolveSelector } from './utils';\nexport type * from './types';\nexport * from './utils';\nexport * from './dom';\n\nconst defaultNodeDef: Partial<EditorNodeDef> = {};\n\nexport function createEditorNode<\n  TProps extends EditorNodeProperties,\n  TCreds = undefined,\n  TInstProps extends TProps = TProps,\n>(props: Partial<EditorNodeDef<TProps, TCreds, TInstProps>>): EditorNodeDef<TProps, TCreds, TInstProps> {\n  return merge(defaultNodeDef, props) as EditorNodeDef<TProps, TCreds, TInstProps>;\n}\n\nfunction resolveInputKey(selector: string) {\n  const realSelector = resolveSelector(selector);\n  return realSelector.split('-input-')[1];\n}\n\nexport function domHelper<TProps>(vm: EditorNodeInstance) {\n  function getVmInputKey(key: string) {\n    return vm[key];\n  }\n\n  const initSelect = (\n    selector: string,\n    options: Record<string, string>[],\n    params?: EditorDomHelper.InitSelectParams,\n  ) => {\n    const selectedValue = params?.selected || getVmInputKey(resolveInputKey(selector));\n    const realSelector = resolveSelector(selector);\n    let realOptions = options;\n    if (params?.emptyValue) {\n      realOptions = [{ value: '', text: params.emptyValue }, ...options];\n    }\n    $(realSelector)\n      .empty()\n      .append(\n        realOptions.map((opt) => {\n          return $('<option>', { value: opt.value, text: opt.text, selected: opt.value === selectedValue });\n        }),\n      );\n  };\n\n  const getInputValue = (key: Exclude<keyof TProps, 'inputs'>) => {\n    const keyStr = key as string;\n    return $(`#node-input-${keyStr}`).val();\n  };\n\n  function setText(selector: string, text: string) {\n    const realSelector = resolveSelector(selector);\n    $(realSelector).text(text);\n  }\n\n  function jqSelector(selector: string) {\n    const realSelector = resolveSelector(selector);\n    return $(realSelector);\n  }\n\n  function setInputValue(selector: string, val: string) {\n    const realSelector = resolveSelector(selector);\n    $(realSelector).val(val);\n  }\n\n  function watchInput<T = any>(selectors: string | string[], callback: (values: T[]) => void) {\n    const selectorsArray = Array.isArray(selectors) ? selectors : [selectors];\n    const realSelectors = selectorsArray.map(resolveSelector).join(', ');\n\n    $(realSelectors).on('input', () => {\n      const values = $(realSelectors)\n        .map(function () {\n          return $(this).val() as T;\n        })\n        .get();\n\n      callback(values);\n    });\n  }\n\n  return {\n    getInputValue,\n    watchInput,\n    setText,\n    setInputValue,\n    jqSelector,\n    initSelect,\n  };\n}\n"]}

package/dist/editor/index.js

@@ -1 +1,171 @@
-import {createSignal,onCleanup,createEffect}from'solid-js';function d(e){return Object.prototype.toString.call(e).slice(8,-1)}function m(e){if(d(e)!=="Object")return !1;let r=Object.getPrototypeOf(e);return !!r&&r.constructor===Object&&r===Object.prototype}function x(e){return d(e)==="Symbol"}function O(e,r,s,i){let p={}.propertyIsEnumerable.call(i,r)?"enumerable":"nonenumerable";p==="enumerable"&&(e[r]=s),p==="nonenumerable"&&Object.defineProperty(e,r,{value:s,enumerable:!1,writable:!0,configurable:!0});}function T(e,r,s){if(!m(r))return r;let i={};if(m(e)){let l=Object.getOwnPropertyNames(e),t=Object.getOwnPropertySymbols(e);i=[...l,...t].reduce((n,o)=>{let c=e[o];return (!x(o)&&!Object.getOwnPropertyNames(r).includes(o)||x(o)&&!Object.getOwnPropertySymbols(r).includes(o))&&O(n,o,c,e),n},{});}let p=Object.getOwnPropertyNames(r),f=Object.getOwnPropertySymbols(r);return [...p,...f].reduce((l,t)=>{let n=r[t],o=m(e)?e[t]:void 0;o!==void 0&&m(n)&&(n=T(o,n));let c=n;return O(l,t,c,r),l},i)}function P(e,...r){return r.reduce((s,i)=>T(s,i),e)}function u(e){return e.startsWith("$$")?`#node-config-input-${e.replace("$$","")}`:e.startsWith("$")?`#node-input-${e.replace("$","")}`:e}function B(e,r){let s=u(e),i=document.querySelector(s);if(!i)throw new Error(`Element with id '${e}' not found`);let[p,f]=createSignal(r||""),a=()=>{f(i.value);},l=t=>{i.value!==t&&(i.value=t);};return i.addEventListener("input",a),onCleanup(()=>{console.log("JE CLEAN"),i.removeEventListener("input",a);}),createEffect(()=>{l(p());}),f(i.value||r),[p,f]}var N={};function J(e){return P(N,e)}function j(e){return u(e).split("-input-")[1]}function z(e){function r(t){return e[t]}let s=(t,n,o)=>{let c=(o==null?void 0:o.selected)||r(j(t)),g=u(t),y=n;o!=null&&o.emptyValue&&(y=[{value:"",text:o.emptyValue},...n]),$(g).empty().append(y.map(b=>$("<option>",{value:b.value,text:b.text,selected:b.value===c})));},i=t=>{let n=t;return $(`#node-input-${n}`).val()};function p(t,n){let o=u(t);$(o).text(n);}function f(t){let n=u(t);return $(n)}function a(t,n){let o=u(t);$(o).val(n);}function l(t,n){let c=(Array.isArray(t)?t:[t]).map(u).join(", ");$(c).on("input",()=>{let g=$(c).map(function(){return $(this).val()}).get();n(g);});}return {getInputValue:i,watchInput:l,setText:p,setInputValue:a,jqSelector:f,initSelect:s}}export{J as createEditorNode,B as createReactiveField,z as domHelper,u as resolveSelector};
+import { createSignal, onCleanup, createEffect } from 'solid-js';
+
+// node_modules/.pnpm/is-what@5.0.2/node_modules/is-what/dist/getType.js
+function getType(payload) {
+  return Object.prototype.toString.call(payload).slice(8, -1);
+}
+
+// node_modules/.pnpm/is-what@5.0.2/node_modules/is-what/dist/isPlainObject.js
+function isPlainObject(payload) {
+  if (getType(payload) !== "Object")
+    return false;
+  const prototype = Object.getPrototypeOf(payload);
+  return !!prototype && prototype.constructor === Object && prototype === Object.prototype;
+}
+
+// node_modules/.pnpm/is-what@5.0.2/node_modules/is-what/dist/isSymbol.js
+function isSymbol(payload) {
+  return getType(payload) === "Symbol";
+}
+
+// node_modules/.pnpm/merge-anything@6.0.2/node_modules/merge-anything/dist/merge.js
+function assignProp(carry, key, newVal, originalObject) {
+  const propType = {}.propertyIsEnumerable.call(originalObject, key) ? "enumerable" : "nonenumerable";
+  if (propType === "enumerable")
+    carry[key] = newVal;
+  if (propType === "nonenumerable") {
+    Object.defineProperty(carry, key, {
+      value: newVal,
+      enumerable: false,
+      writable: true,
+      configurable: true
+    });
+  }
+}
+function mergeRecursively(origin, newComer, compareFn) {
+  if (!isPlainObject(newComer))
+    return newComer;
+  let newObject = {};
+  if (isPlainObject(origin)) {
+    const props2 = Object.getOwnPropertyNames(origin);
+    const symbols2 = Object.getOwnPropertySymbols(origin);
+    newObject = [...props2, ...symbols2].reduce((carry, key) => {
+      const targetVal = origin[key];
+      if (!isSymbol(key) && !Object.getOwnPropertyNames(newComer).includes(key) || isSymbol(key) && !Object.getOwnPropertySymbols(newComer).includes(key)) {
+        assignProp(carry, key, targetVal, origin);
+      }
+      return carry;
+    }, {});
+  }
+  const props = Object.getOwnPropertyNames(newComer);
+  const symbols = Object.getOwnPropertySymbols(newComer);
+  const result = [...props, ...symbols].reduce((carry, key) => {
+    let newVal = newComer[key];
+    const targetVal = isPlainObject(origin) ? origin[key] : void 0;
+    if (targetVal !== void 0 && isPlainObject(newVal)) {
+      newVal = mergeRecursively(targetVal, newVal);
+    }
+    const propToAssign = newVal;
+    assignProp(carry, key, propToAssign, newComer);
+    return carry;
+  }, newObject);
+  return result;
+}
+function merge(object, ...otherObjects) {
+  return otherObjects.reduce((result, newComer) => {
+    return mergeRecursively(result, newComer);
+  }, object);
+}
+
+// src/editor/utils.ts
+function resolveSelector(inSelector) {
+  if (inSelector.startsWith("$$")) {
+    return `#node-config-input-${inSelector.replace("$$", "")}`;
+  }
+  if (inSelector.startsWith("$")) {
+    return `#node-input-${inSelector.replace("$", "")}`;
+  }
+  return inSelector;
+}
+function createReactiveField(selector, defaultValue) {
+  const realSelector = resolveSelector(selector);
+  const formElement = document.querySelector(realSelector);
+  if (!formElement) {
+    throw new Error(`Element with id '${selector}' not found`);
+  }
+  const [fieldValue, setFieldValue] = createSignal(defaultValue || "");
+  const updateSignal = () => {
+    setFieldValue(formElement.value);
+  };
+  const updateDOM = (newValue) => {
+    if (formElement.value !== newValue) {
+      formElement.value = newValue;
+    }
+  };
+  formElement.addEventListener("input", updateSignal);
+  onCleanup(() => {
+    console.log("JE CLEAN");
+    formElement.removeEventListener("input", updateSignal);
+  });
+  createEffect(() => {
+    updateDOM(fieldValue());
+  });
+  setFieldValue(formElement.value || defaultValue);
+  return [fieldValue, setFieldValue];
+}
+
+// src/editor/index.ts
+var defaultNodeDef = {};
+function createEditorNode(props) {
+  return merge(defaultNodeDef, props);
+}
+function resolveInputKey(selector) {
+  const realSelector = resolveSelector(selector);
+  return realSelector.split("-input-")[1];
+}
+function domHelper(vm) {
+  function getVmInputKey(key) {
+    return vm[key];
+  }
+  const initSelect = (selector, options, params) => {
+    const selectedValue = (params == null ? void 0 : params.selected) || getVmInputKey(resolveInputKey(selector));
+    const realSelector = resolveSelector(selector);
+    let realOptions = options;
+    if (params == null ? void 0 : params.emptyValue) {
+      realOptions = [{ value: "", text: params.emptyValue }, ...options];
+    }
+    $(realSelector).empty().append(
+      realOptions.map((opt) => {
+        return $("<option>", { value: opt.value, text: opt.text, selected: opt.value === selectedValue });
+      })
+    );
+  };
+  const getInputValue = (key) => {
+    const keyStr = key;
+    return $(`#node-input-${keyStr}`).val();
+  };
+  function setText(selector, text) {
+    const realSelector = resolveSelector(selector);
+    $(realSelector).text(text);
+  }
+  function jqSelector(selector) {
+    const realSelector = resolveSelector(selector);
+    return $(realSelector);
+  }
+  function setInputValue(selector, val) {
+    const realSelector = resolveSelector(selector);
+    $(realSelector).val(val);
+  }
+  function watchInput(selectors, callback) {
+    const selectorsArray = Array.isArray(selectors) ? selectors : [selectors];
+    const realSelectors = selectorsArray.map(resolveSelector).join(", ");
+    $(realSelectors).on("input", () => {
+      const values = $(realSelectors).map(function() {
+        return $(this).val();
+      }).get();
+      callback(values);
+    });
+  }
+  return {
+    getInputValue,
+    watchInput,
+    setText,
+    setInputValue,
+    jqSelector,
+    initSelect
+  };
+}
+
+export { createEditorNode, createReactiveField, domHelper, resolveSelector };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../node_modules/.pnpm/is-what@5.0.2/node_modules/is-what/dist/getType.js","../../node_modules/.pnpm/is-what@5.0.2/node_modules/is-what/dist/isPlainObject.js","../../node_modules/.pnpm/is-what@5.0.2/node_modules/is-what/dist/isSymbol.js","../../node_modules/.pnpm/merge-anything@6.0.2/node_modules/merge-anything/dist/merge.js","../../src/editor/utils.ts","../../src/editor/dom.ts","../../src/editor/index.ts"],"names":["props","symbols"],"mappings":"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","file":"index.js","sourcesContent":["/** Returns the object type of the given payload */\nexport function getType(payload) {\n    return Object.prototype.toString.call(payload).slice(8, -1);\n}\n","import { getType } from './getType.js';\n/**\n * Returns whether the payload is a plain JavaScript object (excluding special classes or objects\n * with other prototypes)\n */\nexport function isPlainObject(payload) {\n    if (getType(payload) !== 'Object')\n        return false;\n    const prototype = Object.getPrototypeOf(payload);\n    return !!prototype && prototype.constructor === Object && prototype === Object.prototype;\n}\n","import { getType } from './getType.js';\n/** Returns whether the payload is a Symbol */\nexport function isSymbol(payload) {\n    return getType(payload) === 'Symbol';\n}\n","import { isPlainObject, isSymbol } from 'is-what';\nimport { concatArrays } from './extensions.js';\nfunction assignProp(carry, key, newVal, originalObject) {\n    const propType = {}.propertyIsEnumerable.call(originalObject, key)\n        ? 'enumerable'\n        : 'nonenumerable';\n    if (propType === 'enumerable')\n        carry[key] = newVal;\n    if (propType === 'nonenumerable') {\n        Object.defineProperty(carry, key, {\n            value: newVal,\n            enumerable: false,\n            writable: true,\n            configurable: true,\n        });\n    }\n}\nfunction mergeRecursively(origin, newComer, compareFn) {\n    // always return newComer if its not an object\n    if (!isPlainObject(newComer))\n        return newComer;\n    // define newObject to merge all values upon\n    let newObject = {};\n    if (isPlainObject(origin)) {\n        const props = Object.getOwnPropertyNames(origin);\n        const symbols = Object.getOwnPropertySymbols(origin);\n        newObject = [...props, ...symbols].reduce((carry, key) => {\n            const targetVal = origin[key];\n            if ((!isSymbol(key) && !Object.getOwnPropertyNames(newComer).includes(key)) ||\n                (isSymbol(key) && !Object.getOwnPropertySymbols(newComer).includes(key))) {\n                assignProp(carry, key, targetVal, origin);\n            }\n            return carry;\n        }, {});\n    }\n    // newObject has all properties that newComer hasn't\n    const props = Object.getOwnPropertyNames(newComer);\n    const symbols = Object.getOwnPropertySymbols(newComer);\n    const result = [...props, ...symbols].reduce((carry, key) => {\n        // re-define the origin and newComer as targetVal and newVal\n        let newVal = newComer[key];\n        const targetVal = isPlainObject(origin) ? origin[key] : undefined;\n        // When newVal is an object do the merge recursively\n        if (targetVal !== undefined && isPlainObject(newVal)) {\n            newVal = mergeRecursively(targetVal, newVal, compareFn);\n        }\n        const propToAssign = compareFn ? compareFn(targetVal, newVal, key) : newVal;\n        assignProp(carry, key, propToAssign, newComer);\n        return carry;\n    }, newObject);\n    return result;\n}\n/**\n * Merge anything recursively.\n * Objects get merged, special objects (classes etc.) are re-assigned \"as is\".\n * Basic types overwrite objects or other basic types.\n */\nexport function merge(object, ...otherObjects) {\n    return otherObjects.reduce((result, newComer) => {\n        return mergeRecursively(result, newComer);\n    }, object);\n}\nexport function mergeAndCompare(compareFn, object, ...otherObjects) {\n    return otherObjects.reduce((result, newComer) => {\n        return mergeRecursively(result, newComer, compareFn);\n    }, object);\n}\nexport function mergeAndConcat(object, ...otherObjects) {\n    return otherObjects.reduce((result, newComer) => {\n        return mergeRecursively(result, newComer, concatArrays);\n    }, object);\n}\n// import { Timestamp } from '../test/Timestamp'\n// type T1 = { date: Timestamp }\n// type T2 = [{ b: string[] }, { b: number[] }, { date: Timestamp }]\n// type TestT = Merge<T1, T2>\n// type A1 = { arr: string[] }\n// type A2 = { arr: number[] }\n// type A3 = { arr: boolean[] }\n// type TestA = Merge<A1, [A2, A3]>\n// interface I1 {\n//   date: Timestamp\n// }\n// interface I2 {\n//   date: Timestamp\n// }\n// const _a: I2 = { date: '' } as unknown as I2\n// type TestI = Merge<I1, [I2]>\n// // ReturnType<(typeof merge)<I1, I2>>\n// const a = merge(_a, [_a])\n// interface Arguments extends Record<string | number | symbol, unknown> {\n//     key: string;\n// }\n// const aa1: Arguments = { key: \"value1\" }\n// const aa2: Arguments = { key: \"value2\" }\n// const aa = merge(a1, a2);\n// interface Barguments {\n//   key: string\n// }\n// const ba1: Barguments = { key: 'value1' }\n// const ba2: Barguments = { key: 'value2' }\n// const ba = merge(ba1, ba2)\n// interface Carguments {\n//   key: string\n// }\n// const ca = merge<Carguments, Carguments[]>({ key: 'value1' }, { key: 'value2' })\n// type P = Pop<Carguments[]>\n","export function resolveSelector(inSelector: string) {\n  if (inSelector.startsWith('$$')) {\n    return `#node-config-input-${inSelector.replace('$$', '')}`;\n  }\n\n  if (inSelector.startsWith('$')) {\n    return `#node-input-${inSelector.replace('$', '')}`;\n  }\n\n  return inSelector;\n}\n\nfunction isNodeInput(selector: string) {\n  const isShortcut = selector.startsWith('$$') || selector.startsWith('$');\n  const isFullSelector = selector.startsWith('#node-config-input') || selector.startsWith('#node-input');\n\n  return isShortcut || isFullSelector;\n}\n","import { createEffect, createSignal, onCleanup } from 'solid-js';\nimport { resolveSelector } from './utils';\n\nexport function createReactiveField<T extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>(\n  selector: string,\n  defaultValue?: string,\n): [() => string, (value: string) => void] {\n  const realSelector = resolveSelector(selector);\n\n  const formElement = document.querySelector(realSelector) as T;\n\n  if (!formElement) {\n    throw new Error(`Element with id '${selector}' not found`);\n  }\n\n  const [fieldValue, setFieldValue] = createSignal(defaultValue || '');\n\n  const updateSignal = () => {\n    setFieldValue(formElement.value);\n  };\n\n  const updateDOM = (newValue: string) => {\n    if (formElement.value !== newValue) {\n      formElement.value = newValue;\n    }\n  };\n\n  formElement.addEventListener('input', updateSignal);\n\n  onCleanup(() => {\n    console.log('JE CLEAN');\n    formElement.removeEventListener('input', updateSignal);\n  });\n\n  createEffect(() => {\n    updateDOM(fieldValue());\n  });\n\n  setFieldValue(formElement.value || defaultValue);\n\n  return [fieldValue, setFieldValue];\n}\n","// @ts-ignore\nimport { merge } from 'merge-anything';\nimport type { EditorNodeDef, EditorNodeInstance, EditorNodeProperties } from 'node-red';\nimport type { EditorDomHelper } from './types';\nimport { resolveSelector } from './utils';\nexport type * from './types';\nexport * from './utils';\nexport * from './dom';\n\nconst defaultNodeDef: Partial<EditorNodeDef> = {};\n\nexport function createEditorNode<\n  TProps extends EditorNodeProperties,\n  TCreds = undefined,\n  TInstProps extends TProps = TProps,\n>(props: Partial<EditorNodeDef<TProps, TCreds, TInstProps>>): EditorNodeDef<TProps, TCreds, TInstProps> {\n  return merge(defaultNodeDef, props) as EditorNodeDef<TProps, TCreds, TInstProps>;\n}\n\nfunction resolveInputKey(selector: string) {\n  const realSelector = resolveSelector(selector);\n  return realSelector.split('-input-')[1];\n}\n\nexport function domHelper<TProps>(vm: EditorNodeInstance) {\n  function getVmInputKey(key: string) {\n    return vm[key];\n  }\n\n  const initSelect = (\n    selector: string,\n    options: Record<string, string>[],\n    params?: EditorDomHelper.InitSelectParams,\n  ) => {\n    const selectedValue = params?.selected || getVmInputKey(resolveInputKey(selector));\n    const realSelector = resolveSelector(selector);\n    let realOptions = options;\n    if (params?.emptyValue) {\n      realOptions = [{ value: '', text: params.emptyValue }, ...options];\n    }\n    $(realSelector)\n      .empty()\n      .append(\n        realOptions.map((opt) => {\n          return $('<option>', { value: opt.value, text: opt.text, selected: opt.value === selectedValue });\n        }),\n      );\n  };\n\n  const getInputValue = (key: Exclude<keyof TProps, 'inputs'>) => {\n    const keyStr = key as string;\n    return $(`#node-input-${keyStr}`).val();\n  };\n\n  function setText(selector: string, text: string) {\n    const realSelector = resolveSelector(selector);\n    $(realSelector).text(text);\n  }\n\n  function jqSelector(selector: string) {\n    const realSelector = resolveSelector(selector);\n    return $(realSelector);\n  }\n\n  function setInputValue(selector: string, val: string) {\n    const realSelector = resolveSelector(selector);\n    $(realSelector).val(val);\n  }\n\n  function watchInput<T = any>(selectors: string | string[], callback: (values: T[]) => void) {\n    const selectorsArray = Array.isArray(selectors) ? selectors : [selectors];\n    const realSelectors = selectorsArray.map(resolveSelector).join(', ');\n\n    $(realSelectors).on('input', () => {\n      const values = $(realSelectors)\n        .map(function () {\n          return $(this).val() as T;\n        })\n        .get();\n\n      callback(values);\n    });\n  }\n\n  return {\n    getInputValue,\n    watchInput,\n    setText,\n    setInputValue,\n    jqSelector,\n    initSelect,\n  };\n}\n"]}

package/dist/index.cjs

@@ -1 +1,4 @@
-'use strict';
+'use strict';
+
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/index.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keload/node-red-dxp",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "description": "",
   "type": "module",
   "scripts": {
@@ -13,7 +13,8 @@
     "release:test": "pnpm release-it --dry-run",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs"
+    "docs:preview": "vitepress preview docs",
+    "test:unit": "vitest"
   },
   "publishConfig": {
     "access": "public"
@@ -51,7 +52,8 @@
     "tsup": "8.3.5",
     "tsx": "4.19.2",
     "typescript": "5.6.3",
-    "vitepress": "1.5.0"
+    "vitepress": "1.5.0",
+    "vitest": "2.1.5"
   },
   "dependencies": {
     "@fullhuman/postcss-purgecss": "^6.0.0",