@keload/node-red-dxp 1.7.0 → 1.8.1

package/dist/editor/assets/tailwind.scss

@@ -19,4 +19,11 @@
   .alert-dark {
     @apply text-gray-800 bg-gray-50;
   }
+
+  div.form-row {
+    select {
+      @apply w-[70%];
+    }
+  }
 }
+

package/dist/editor/dom-helper/index.cjs

@@ -0,0 +1 @@
+'use strict';var solidJs=require('solid-js');function f(t){let e=t.startsWith("$"),n=t.startsWith("$$"),r=t.startsWith("#node-config-input")||t.startsWith("#node-input");return {isNodeIdShortcut:e,isNodeConfigIdShortcut:n,isFullSelector:r,value:e||n||r}}function s(t){let e=f(t);return e.isNodeConfigIdShortcut?`#node-config-input-${t.replace("$$","")}`:e.isNodeIdShortcut?`#node-input-${t.replace("$","")}`:t}function S(t,e){let n=s(t),r=document.querySelector(n);if(!r)throw new Error(`Element with id '${t}' not found`);let[o,i]=solidJs.createSignal(e||""),l=()=>{i(r.value);},a=c=>{r.value!==c&&(r.value=c);};return r.addEventListener("input",l),solidJs.onCleanup(()=>{r.removeEventListener("input",l);}),solidJs.createEffect(()=>{a(o());}),i(r.value||e),[o,i]}function u(t,e,n){e.forEach(r=>{let o=document.querySelector(r);o&&n.forEach(i=>o.classList[t](i));});}function m(t,e){u("remove",t,e);}function x(t,e){u("add",t,e);}function h(t){return s(t).split("-input-")[1]}function E(t,e,n){let r=s(t),o=e;n!=null&&n.emptyValue&&(o=[{value:"",text:n.emptyValue},...e]),$(r).empty().append(o.map(i=>$("<option>",{value:i.value,text:i.text,selected:i.value===(n==null?void 0:n.selected)})));}function y(t,e){let r=(Array.isArray(t)?t:[t]).map(s).join(", ");$(r).on("input",()=>{let o=$(r).map(function(){return $(this).val()}).get();e(o);});}function I(t,e){let n=s(t);$(n).val(e);}function T(t,e){let n=s(t);$(n).text(e);}exports.addClassesOnSelectors=x;exports.createReactiveField=S;exports.handleAddRemoveClassesOnSelectors=u;exports.initSelect=E;exports.isNodeInput=f;exports.removeClassesOnSelectors=m;exports.resolveInputKey=h;exports.resolveSelector=s;exports.setInputValue=I;exports.setText=T;exports.watchInput=y;

package/dist/editor/dom-helper/index.d.cts

@@ -0,0 +1,33 @@
+import { E as EditorDomHelper } from '../../types-DGuXTnAE.cjs';
+import 'node-red';
+
+/**
+ * Checks if a given selector is a node input selector.
+ *
+ * @param selector - The selector string to check.
+ * @returns True if the selector is a node input selector, false otherwise.
+ */
+declare function isNodeInput(selector: string): {
+    isNodeIdShortcut: boolean;
+    isNodeConfigIdShortcut: boolean;
+    isFullSelector: boolean;
+    value: boolean;
+};
+/**
+ * Resolves a given selector to a specific format based on its prefix.
+ *
+ * @param inSelector - The input selector string to resolve.
+ * @returns The resolved selector string.
+ */
+declare function resolveSelector(inSelector: string): string;
+declare function createReactiveField<T extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>(selector: string, defaultValue?: string): [() => string, (value: string) => void];
+declare function handleAddRemoveClassesOnSelectors(action: 'add' | 'remove', selectors: string[], classesToRemove: string[]): void;
+declare function removeClassesOnSelectors(selectors: string[], classesToRemove: string[]): void;
+declare function addClassesOnSelectors(selectors: string[], classesToAdd: string[]): void;
+declare function resolveInputKey(selector: string): string;
+declare function initSelect(selector: string, options: Record<string, string>[], params?: EditorDomHelper.InitSelectParams): void;
+declare function watchInput<T = any>(selectors: string | string[], callback: (values: T[]) => void): void;
+declare function setInputValue(selector: string, val: string): void;
+declare function setText(selector: string, text: string): void;
+
+export { addClassesOnSelectors, createReactiveField, handleAddRemoveClassesOnSelectors, initSelect, isNodeInput, removeClassesOnSelectors, resolveInputKey, resolveSelector, setInputValue, setText, watchInput };

package/dist/editor/dom-helper/index.d.ts

@@ -0,0 +1,33 @@
+import { E as EditorDomHelper } from '../../types-DGuXTnAE.js';
+import 'node-red';
+
+/**
+ * Checks if a given selector is a node input selector.
+ *
+ * @param selector - The selector string to check.
+ * @returns True if the selector is a node input selector, false otherwise.
+ */
+declare function isNodeInput(selector: string): {
+    isNodeIdShortcut: boolean;
+    isNodeConfigIdShortcut: boolean;
+    isFullSelector: boolean;
+    value: boolean;
+};
+/**
+ * Resolves a given selector to a specific format based on its prefix.
+ *
+ * @param inSelector - The input selector string to resolve.
+ * @returns The resolved selector string.
+ */
+declare function resolveSelector(inSelector: string): string;
+declare function createReactiveField<T extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>(selector: string, defaultValue?: string): [() => string, (value: string) => void];
+declare function handleAddRemoveClassesOnSelectors(action: 'add' | 'remove', selectors: string[], classesToRemove: string[]): void;
+declare function removeClassesOnSelectors(selectors: string[], classesToRemove: string[]): void;
+declare function addClassesOnSelectors(selectors: string[], classesToAdd: string[]): void;
+declare function resolveInputKey(selector: string): string;
+declare function initSelect(selector: string, options: Record<string, string>[], params?: EditorDomHelper.InitSelectParams): void;
+declare function watchInput<T = any>(selectors: string | string[], callback: (values: T[]) => void): void;
+declare function setInputValue(selector: string, val: string): void;
+declare function setText(selector: string, text: string): void;
+
+export { addClassesOnSelectors, createReactiveField, handleAddRemoveClassesOnSelectors, initSelect, isNodeInput, removeClassesOnSelectors, resolveInputKey, resolveSelector, setInputValue, setText, watchInput };

package/dist/editor/dom-helper/index.js

@@ -0,0 +1 @@
+import'../../chunk-WOT6VMZA.js';import {createSignal,onCleanup,createEffect}from'solid-js';function f(t){let e=t.startsWith("$"),n=t.startsWith("$$"),r=t.startsWith("#node-config-input")||t.startsWith("#node-input");return {isNodeIdShortcut:e,isNodeConfigIdShortcut:n,isFullSelector:r,value:e||n||r}}function s(t){let e=f(t);return e.isNodeConfigIdShortcut?`#node-config-input-${t.replace("$$","")}`:e.isNodeIdShortcut?`#node-input-${t.replace("$","")}`:t}function S(t,e){let n=s(t),r=document.querySelector(n);if(!r)throw new Error(`Element with id '${t}' not found`);let[o,i]=createSignal(e||""),l=()=>{i(r.value);},a=c=>{r.value!==c&&(r.value=c);};return r.addEventListener("input",l),onCleanup(()=>{r.removeEventListener("input",l);}),createEffect(()=>{a(o());}),i(r.value||e),[o,i]}function u(t,e,n){e.forEach(r=>{let o=document.querySelector(r);o&&n.forEach(i=>o.classList[t](i));});}function m(t,e){u("remove",t,e);}function x(t,e){u("add",t,e);}function h(t){return s(t).split("-input-")[1]}function E(t,e,n){let r=s(t),o=e;n!=null&&n.emptyValue&&(o=[{value:"",text:n.emptyValue},...e]),$(r).empty().append(o.map(i=>$("<option>",{value:i.value,text:i.text,selected:i.value===(n==null?void 0:n.selected)})));}function y(t,e){let r=(Array.isArray(t)?t:[t]).map(s).join(", ");$(r).on("input",()=>{let o=$(r).map(function(){return $(this).val()}).get();e(o);});}function I(t,e){let n=s(t);$(n).val(e);}function T(t,e){let n=s(t);$(n).text(e);}export{x as addClassesOnSelectors,S as createReactiveField,u as handleAddRemoveClassesOnSelectors,E as initSelect,f as isNodeInput,m as removeClassesOnSelectors,h as resolveInputKey,s as resolveSelector,I as setInputValue,T as setText,y as watchInput};

package/dist/editor/index.cjs

@@ -1,176 +1 @@
-'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
+'use strict';function u(e){return Object.prototype.toString.call(e).slice(8,-1)}function n(e){if(u(e)!=="Object")return !1;let r=Object.getPrototypeOf(e);return !!r&&r.constructor===Object&&r===Object.prototype}function c(e){return u(e)==="Symbol"}function x(e,r,o,p){let f={}.propertyIsEnumerable.call(p,r)?"enumerable":"nonenumerable";f==="enumerable"&&(e[r]=o),f==="nonenumerable"&&Object.defineProperty(e,r,{value:o,enumerable:!1,writable:!0,configurable:!0});}function d(e,r,o){if(!n(r))return r;let p={};if(n(e)){let m=Object.getOwnPropertyNames(e),i=Object.getOwnPropertySymbols(e);p=[...m,...i].reduce((s,t)=>{let l=e[t];return (!c(t)&&!Object.getOwnPropertyNames(r).includes(t)||c(t)&&!Object.getOwnPropertySymbols(r).includes(t))&&x(s,t,l,e),s},{});}let f=Object.getOwnPropertyNames(r),a=Object.getOwnPropertySymbols(r);return [...f,...a].reduce((m,i)=>{let s=r[i],t=n(e)?e[i]:void 0;t!==void 0&&n(s)&&(s=d(t,s));let l=s;return x(m,i,l,r),m},p)}function b(e,...r){return r.reduce((o,p)=>d(o,p),e)}var O={};function F(e){return b(O,e)}exports.createEditorNode=F;

package/dist/editor/index.d.cts

@@ -1,27 +1,6 @@
-import { NodeDef, Node, EditorNodeProperties, EditorNodeDef, EditorNodeInstance } from 'node-red';
-
-type NodeControllerConfig<T> = NodeDef & T;
-type NodeControllerInst<T> = Node & T;
-type NodeEditorProps<T> = EditorNodeProperties & T;
-declare namespace EditorDomHelper {
-    type InitSelectParams = {
-        selected?: string | number | unknown;
-        emptyValue?: string;
-    };
-}
-
-declare function resolveSelector(inSelector: string): string;
-
-declare function createReactiveField<T extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>(selector: string, defaultValue?: string): [() => string, (value: string) => void];
+import { EditorNodeProperties, EditorNodeDef } from 'node-red';
+export { E as EditorDomHelper, N as NodeControllerConfig, a as NodeControllerInst, b as NodeEditorProps } from '../types-DGuXTnAE.cjs';
 
 declare function createEditorNode<TProps extends EditorNodeProperties, TCreds = undefined, TInstProps extends TProps = TProps>(props: Partial<EditorNodeDef<TProps, TCreds, TInstProps>>): EditorNodeDef<TProps, TCreds, TInstProps>;
-declare function domHelper<TProps>(vm: EditorNodeInstance): {
-    getInputValue: (key: Exclude<keyof TProps, "inputs">) => string | number | string[];
-    watchInput: <T = any>(selectors: string | string[], callback: (values: T[]) => void) => void;
-    setText: (selector: string, text: string) => void;
-    setInputValue: (selector: string, val: string) => void;
-    jqSelector: (selector: string) => JQuery<HTMLElement>;
-    initSelect: (selector: string, options: Record<string, string>[], params?: EditorDomHelper.InitSelectParams) => void;
-};
 
-export { EditorDomHelper, type NodeControllerConfig, type NodeControllerInst, type NodeEditorProps, createEditorNode, createReactiveField, domHelper, resolveSelector };
+export { createEditorNode };

package/dist/editor/index.d.ts

@@ -1,27 +1,6 @@
-import { NodeDef, Node, EditorNodeProperties, EditorNodeDef, EditorNodeInstance } from 'node-red';
-
-type NodeControllerConfig<T> = NodeDef & T;
-type NodeControllerInst<T> = Node & T;
-type NodeEditorProps<T> = EditorNodeProperties & T;
-declare namespace EditorDomHelper {
-    type InitSelectParams = {
-        selected?: string | number | unknown;
-        emptyValue?: string;
-    };
-}
-
-declare function resolveSelector(inSelector: string): string;
-
-declare function createReactiveField<T extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>(selector: string, defaultValue?: string): [() => string, (value: string) => void];
+import { EditorNodeProperties, EditorNodeDef } from 'node-red';
+export { E as EditorDomHelper, N as NodeControllerConfig, a as NodeControllerInst, b as NodeEditorProps } from '../types-DGuXTnAE.js';
 
 declare function createEditorNode<TProps extends EditorNodeProperties, TCreds = undefined, TInstProps extends TProps = TProps>(props: Partial<EditorNodeDef<TProps, TCreds, TInstProps>>): EditorNodeDef<TProps, TCreds, TInstProps>;
-declare function domHelper<TProps>(vm: EditorNodeInstance): {
-    getInputValue: (key: Exclude<keyof TProps, "inputs">) => string | number | string[];
-    watchInput: <T = any>(selectors: string | string[], callback: (values: T[]) => void) => void;
-    setText: (selector: string, text: string) => void;
-    setInputValue: (selector: string, val: string) => void;
-    jqSelector: (selector: string) => JQuery<HTMLElement>;
-    initSelect: (selector: string, options: Record<string, string>[], params?: EditorDomHelper.InitSelectParams) => void;
-};
 
-export { EditorDomHelper, type NodeControllerConfig, type NodeControllerInst, type NodeEditorProps, createEditorNode, createReactiveField, domHelper, resolveSelector };
+export { createEditorNode };

package/dist/editor/index.js

@@ -1,105 +1 @@
-import { merge } from '../chunk-DATO2UPN.js';
-import { createSignal, onCleanup, createEffect } from 'solid-js';
-
-// 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
+import {b}from'../chunk-TEASWJ66.js';import'../chunk-WOT6VMZA.js';var o={};function d(r){return b(o,r)}export{d as createEditorNode};

package/dist/index.cjs

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

package/dist/index.js

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

package/dist/scaffolding/create-node/hbs/controller-config.ts.hbs

@@ -0,0 +1,17 @@
+import type { NodeControllerConfig, NodeControllerInst } from '@keload/node-red-dxp/editor';
+import type { Node{{nodePascalName}}Props } from './types';
+
+export const credentials = {
+    user: { type: 'text' },
+    password: { type: 'password' },
+};
+
+export default function (this: NodeControllerInst<Node{{nodePascalName}}Props>, config: NodeControllerConfig<Node{{nodePascalName}}Props>) {
+    RED.nodes.createNode(this, config);
+
+    this.on('input', async (msg) => {
+        this.send({
+            payload: 'foo',
+        });
+    });
+}

package/dist/scaffolding/create-node/hbs/editor/index-config.html.hbs

@@ -0,0 +1,16 @@
+<div class="form-row">
+    <label for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
+    <input type="text" id="node-config-input-name" placeholder="custom name"/>
+</div>
+<div class="form-row">
+    <label for="node-config-input-age" ><i class="fa fa-tag"></i> Age</label>
+    <input type="text" id="node-config-input-age" placeholder="enter age"/>
+</div>
+<div class="form-row">
+    <label for="node-config-input-user" ><i class="fa fa-tag"></i> User</label>
+    <input type="text" id="node-config-input-user" placeholder="enter user"/>
+</div>
+<div class="form-row">
+    <label for="node-config-input-password" ><i class="fa fa-tag"></i> Password</label>
+    <input type="password" id="node-config-input-password" placeholder="enter password"/>
+</div>

package/dist/scaffolding/create-node/hbs/editor/index-config.ts.hbs

@@ -0,0 +1,35 @@
+import { type NodeEditorProps, createEditorNode } from '@keload/node-red-dxp/editor';
+import { watchInput } from '@keload/node-red-dxp/editor/dom-helper';
+import type { Node{{nodePascalName}}Props } from '../types';
+
+interface NodeCredentials {
+    user: string;
+    password: string;
+}
+
+const {{nodePascalName}} = createEditorNode<NodeEditorProps<Node{{nodePascalName}}Props>, NodeCredentials>({
+    category: 'config',
+    color: '#a6bbcf',
+    defaults: {
+        name: { value: '', required: true },
+        age: { value: '' },
+    },
+    credentials: {
+        user: { type: 'text' },
+        password: { type: 'password' },
+    },
+    inputs: 1,
+    outputs: 1,
+    icon: 'font-awesome/fa-tower-broadcast',
+    label: function () {
+    return this.name || '{{nodePascalName}}';
+    },
+    oneditprepare: () => {
+        // $age == #node-input-age in DOM
+        watchInput('$age', ([ageValue]) => {
+            console.log('ageValue', ageValue);
+        });
+    },
+});
+
+export default {{nodePascalName}};

package/dist/scaffolding/create-node/hbs/editor/index.ts.hbs

@@ -1,4 +1,5 @@
-import { type NodeEditorProps, createEditorNode, domHelper } from '@keload/node-red-dxp/editor';
+import { type NodeEditorProps, createEditorNode } from '@keload/node-red-dxp/editor';
+import { watchInput } from '@keload/node-red-dxp/editor/dom-helper';
 import type { Node{{nodePascalName}}Props } from '../types';
 
 const {{nodePascalName}} = createEditorNode<NodeEditorProps<Node{{nodePascalName}}Props>>({
@@ -14,8 +15,7 @@ const {{nodePascalName}} = createEditorNode<NodeEditorProps<Node{{nodePascalName
     label: function () {
     return this.name || '{{nodePascalName}}';
     },
-    oneditprepare: function () {
-    const { watchInput } = domHelper<Node{{nodePascalName}}Props>(this);
+    oneditprepare: () => {
         // $age == #node-input-age in DOM
         watchInput('$age', ([ageValue]) => {
             console.log('ageValue', ageValue);

package/dist/types-DGuXTnAE.d.cts

@@ -0,0 +1,13 @@
+import { NodeDef, Node, EditorNodeProperties } from 'node-red';
+
+type NodeControllerConfig<T> = NodeDef & T;
+type NodeControllerInst<T> = Node & T;
+type NodeEditorProps<T = Record<any, any>> = EditorNodeProperties & T;
+declare namespace EditorDomHelper {
+    type InitSelectParams = {
+        selected?: string | number | unknown;
+        emptyValue?: string;
+    };
+}
+
+export { EditorDomHelper as E, type NodeControllerConfig as N, type NodeControllerInst as a, type NodeEditorProps as b };

package/dist/types-DGuXTnAE.d.ts

@@ -0,0 +1,13 @@
+import { NodeDef, Node, EditorNodeProperties } from 'node-red';
+
+type NodeControllerConfig<T> = NodeDef & T;
+type NodeControllerInst<T> = Node & T;
+type NodeEditorProps<T = Record<any, any>> = EditorNodeProperties & T;
+declare namespace EditorDomHelper {
+    type InitSelectParams = {
+        selected?: string | number | unknown;
+        emptyValue?: string;
+    };
+}
+
+export { EditorDomHelper as E, type NodeControllerConfig as N, type NodeControllerInst as a, type NodeEditorProps as b };

package/dist/utils/index.cjs

@@ -0,0 +1,13 @@
+'use strict';var $t=Object.defineProperty;var W=(t,e)=>{for(var r in e)$t(t,r,{get:e[r],enumerable:!0});};var _="[a-fA-F\\d:]",a=t=>t&&t.includeBoundaries?`(?:(?<=\\s|^)(?=${_})|(?<=${_})(?=\\s|$))`:"",f="(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}",i="[a-fA-F\\d]{1,4}",w=`
+(?:
+(?:${i}:){7}(?:${i}|:)|                                    // 1:2:3:4:5:6:7::  1:2:3:4:5:6:7:8
+(?:${i}:){6}(?:${f}|:${i}|:)|                             // 1:2:3:4:5:6::    1:2:3:4:5:6::8   1:2:3:4:5:6::8  1:2:3:4:5:6::1.2.3.4
+(?:${i}:){5}(?::${f}|(?::${i}){1,2}|:)|                   // 1:2:3:4:5::      1:2:3:4:5::7:8   1:2:3:4:5::8    1:2:3:4:5::7:1.2.3.4
+(?:${i}:){4}(?:(?::${i}){0,1}:${f}|(?::${i}){1,3}|:)| // 1:2:3:4::        1:2:3:4::6:7:8   1:2:3:4::8      1:2:3:4::6:7:1.2.3.4
+(?:${i}:){3}(?:(?::${i}){0,2}:${f}|(?::${i}){1,4}|:)| // 1:2:3::          1:2:3::5:6:7:8   1:2:3::8        1:2:3::5:6:7:1.2.3.4
+(?:${i}:){2}(?:(?::${i}){0,3}:${f}|(?::${i}){1,5}|:)| // 1:2::            1:2::4:5:6:7:8   1:2::8          1:2::4:5:6:7:1.2.3.4
+(?:${i}:){1}(?:(?::${i}){0,4}:${f}|(?::${i}){1,6}|:)| // 1::              1::3:4:5:6:7:8   1::8            1::3:4:5:6:7:1.2.3.4
+(?::(?:(?::${i}){0,5}:${f}|(?::${i}){1,7}|:))             // ::2:3:4:5:6:7:8  ::2:3:4:5:6:7:8  ::8             ::1.2.3.4
+)(?:%[0-9a-zA-Z]{1,})?                                             // %eth0            %1
+`.replace(/\s*\/\/.*$/gm,"").replace(/\n/g,"").trim(),jt=new RegExp(`(?:^${f}$)|(?:^${w}$)`),Tt=new RegExp(`^${f}$`),Pt=new RegExp(`^${w}$`),A=t=>t&&t.exact?jt:new RegExp(`(?:${a(t)}${f}${a(t)})|(?:${a(t)}${w}${a(t)})`,"g");A.v4=t=>t&&t.exact?Tt:new RegExp(`${a(t)}${f}${a(t)}`,"g");A.v6=t=>t&&t.exact?Pt:new RegExp(`${a(t)}${w}${a(t)}`,"g");var $=A;function R(t){let e=(...r)=>t(...r);return Object.defineProperty(e,"name",{value:`functionTimeout(${t.name||"<anonymous>"})`,configurable:!0}),e}var{toString:Nt}=Object.prototype;function k(t){return Nt.call(t)==="[object RegExp]"}var Y={global:"g",ignoreCase:"i",multiline:"m",dotAll:"s",sticky:"y",unicode:"u"};function F(t,e={}){if(!k(t))throw new TypeError("Expected a RegExp instance");let r=Object.keys(Y).map(s=>(typeof e[s]=="boolean"?e[s]:t[s])?Y[s]:"").join(""),n=new RegExp(e.source||t.source,r);return n.lastIndex=typeof e.lastIndex=="number"?e.lastIndex:t.lastIndex,n}function j(t,e,{timeout:r}={}){try{return R(()=>F(t).test(e),{timeout:r})()}catch(n){throw n}}var Et=15,q=45,M={timeout:400};function K(t){return t.length>q?!1:j($({exact:!0}),t,M)}function v(t){return t.length>q?!1:j($.v6({exact:!0}),t,M)}function U(t){return t.length>Et?!1:j($.v4({exact:!0}),t,M)}function X(t){if(v(t))return 6;if(U(t))return 4}function Z(t,{lenient:e=!1}={}){if(typeof t!="string")throw new TypeError("isUrl: Expected a string");let r=t.trim();if(r.includes(" "))return !1;try{return new URL(r),!0}catch(n){return e?Z(`https://${r}`):!1}}var Ht={isIP:K,isIPv4:U,isIPv6:v,ipVersion:X,isUrl:Z};var D={};W(D,{concatArrays:()=>z,merge:()=>St,mergeAndCompare:()=>It,mergeAndConcat:()=>At});var B={};W(B,{getType:()=>o,isAnyObject:()=>T,isArray:()=>p,isBlob:()=>G,isBoolean:()=>P,isDate:()=>H,isEmptyArray:()=>J,isEmptyObject:()=>Q,isEmptyString:()=>C,isError:()=>tt,isFile:()=>et,isFullArray:()=>rt,isFullObject:()=>ot,isFullString:()=>nt,isFunction:()=>it,isInstanceOf:()=>st,isMap:()=>ct,isNaNValue:()=>ft,isNegativeNumber:()=>ut,isNull:()=>d,isNullOrUndefined:()=>pt,isNumber:()=>l,isObject:()=>mt,isObjectLike:()=>at,isOneOf:()=>E,isPlainObject:()=>c,isPositiveNumber:()=>lt,isPrimitive:()=>xt,isPromise:()=>gt,isRegExp:()=>bt,isSet:()=>yt,isString:()=>y,isSymbol:()=>g,isType:()=>N,isUndefined:()=>h,isWeakMap:()=>dt,isWeakSet:()=>ht});function o(t){return Object.prototype.toString.call(t).slice(8,-1)}function T(t){return o(t)==="Object"}function p(t){return o(t)==="Array"}function G(t){return o(t)==="Blob"}function P(t){return o(t)==="Boolean"}function H(t){return o(t)==="Date"&&!isNaN(t)}function J(t){return p(t)&&t.length===0}function c(t){if(o(t)!=="Object")return !1;let e=Object.getPrototypeOf(t);return !!e&&e.constructor===Object&&e===Object.prototype}function Q(t){return c(t)&&Object.keys(t).length===0}function C(t){return t===""}function tt(t){return o(t)==="Error"||t instanceof Error}function et(t){return o(t)==="File"}function rt(t){return p(t)&&t.length>0}function ot(t){return c(t)&&Object.keys(t).length>0}function y(t){return o(t)==="String"}function nt(t){return y(t)&&t!==""}function it(t){return typeof t=="function"}function N(t,e){if(!(e instanceof Function))throw new TypeError("Type must be a function");if(!Object.prototype.hasOwnProperty.call(e,"prototype"))throw new TypeError("Type is not a class");let r=e.name;return o(t)===r||!!(t&&t.constructor===e)}function st(t,e){if(typeof e=="function"){for(let r=t;r;r=Object.getPrototypeOf(r))if(N(r,e))return !0;return !1}else {for(let r=t;r;r=Object.getPrototypeOf(r))if(o(r)===e)return !0;return !1}}function ct(t){return o(t)==="Map"}function ft(t){return o(t)==="Number"&&isNaN(t)}function l(t){return o(t)==="Number"&&!isNaN(t)}function ut(t){return l(t)&&t<0}function d(t){return o(t)==="Null"}function E(t,e,r,n,s){return x=>t(x)||e(x)||!!r&&r(x)||!!n&&n(x)||!!s&&s(x)}function h(t){return o(t)==="Undefined"}var pt=E(d,h);function mt(t){return c(t)}function at(t){return T(t)}function lt(t){return l(t)&&t>0}function g(t){return o(t)==="Symbol"}function xt(t){return P(t)||d(t)||h(t)||l(t)||y(t)||g(t)}function gt(t){return o(t)==="Promise"}function bt(t){return o(t)==="RegExp"}function yt(t){return o(t)==="Set"}function dt(t){return o(t)==="WeakMap"}function ht(t){return o(t)==="WeakSet"}function z(t,e){return p(t)&&p(e)?t.concat(e):e}function Ot(t,e,r,n){let s={}.propertyIsEnumerable.call(n,e)?"enumerable":"nonenumerable";s==="enumerable"&&(t[e]=r),s==="nonenumerable"&&Object.defineProperty(t,e,{value:r,enumerable:!1,writable:!0,configurable:!0});}function S(t,e,r){if(!c(e))return e;let n={};if(c(t)){let O=Object.getOwnPropertyNames(t),b=Object.getOwnPropertySymbols(t);n=[...O,...b].reduce((m,u)=>{let I=t[u];return (!g(u)&&!Object.getOwnPropertyNames(e).includes(u)||g(u)&&!Object.getOwnPropertySymbols(e).includes(u))&&Ot(m,u,I,t),m},{});}let s=Object.getOwnPropertyNames(e),x=Object.getOwnPropertySymbols(e);return [...s,...x].reduce((O,b)=>{let m=e[b],u=c(t)?t[b]:void 0;u!==void 0&&c(m)&&(m=S(u,m,r));let I=r?r(u,m,b):m;return Ot(O,b,I,e),O},n)}function St(t,...e){return e.reduce((r,n)=>S(r,n),t)}function It(t,e,...r){return r.reduce((n,s)=>S(n,s,t),e)}function At(t,...e){return e.reduce((r,n)=>S(r,n,z),t)}var kt=t=>!!(t&&t.constructor&&t.call&&t.apply);var wt=t=>!(!t||!t.then||!kt(t.then));var V=t=>(...e)=>{try{let r=t(...e);return wt(r)?r.then(n=>[void 0,n]).catch(n=>[n,void 0]):[void 0,r]}catch(r){return [r,void 0]}};
+exports.isWhat=B;exports.mergeAnything=D;exports.tryit=V;exports.validators=Ht;

package/dist/{utils.d.cts → utils/index.d.cts}

@@ -1,12 +1,19 @@
 import { isIP, isIPv4, isIPv6, ipVersion } from 'is-ip';
 import * as mergeAnything from 'merge-anything';
 export { mergeAnything };
+import * as isWhat from 'is-what';
+export { isWhat };
+export { tryit } from 'radash';
 
+declare function isUrl(string: string, { lenient }?: {
+    lenient?: boolean;
+}): boolean;
 declare const validators: {
     isIP: typeof isIP;
     isIPv4: typeof isIPv4;
     isIPv6: typeof isIPv6;
     ipVersion: typeof ipVersion;
+    isUrl: typeof isUrl;
 };
 
 export { validators };

package/dist/{utils.d.ts → utils/index.d.ts}

@@ -1,12 +1,19 @@
 import { isIP, isIPv4, isIPv6, ipVersion } from 'is-ip';
 import * as mergeAnything from 'merge-anything';
 export { mergeAnything };
+import * as isWhat from 'is-what';
+export { isWhat };
+export { tryit } from 'radash';
 
+declare function isUrl(string: string, { lenient }?: {
+    lenient?: boolean;
+}): boolean;
 declare const validators: {
     isIP: typeof isIP;
     isIPv4: typeof isIPv4;
     isIPv6: typeof isIPv6;
     ipVersion: typeof ipVersion;
+    isUrl: typeof isUrl;
 };
 
 export { validators };