@keload/node-red-dxp 1.2.0

package/README.md

@@ -0,0 +1,52 @@
+<br/>
+<div align="center">
+<a href="https://github.com/clement-berard/node-red-dxp">
+<img src="https://nodered.org/about/resources/media/node-red-icon-2.svg" alt="Logo" width="80" height="80">
+</a>
+<h3 align="center">Node-Red</h3>
+<p align="center">
+Developer eXPerience
+<br/>
+<br/>
+<a href="https://github.com/clement-berard/node-red-dxp"><strong>Explore the docs »</strong></a>
+<br/>
+<br/>
+</div>
+
+Welcome to **node-red-dxp**, a comprehensive library designed to simplify and accelerate the development of custom nodes for Node-RED. 🚀
+
+With **node-red-dxp**, you get everything you need to build, style, and document your nodes—all in one package! Here's what makes it special:
+
+---
+
+## ✨ Features
+
+- **⚙️ Powerful Builder**:
+    - Leverages **esbuild** for lightning-fast JavaScript builds (controller & editor).
+    - Supports SCSS styles for polished, modern editor UIs.
+    - Automatically converts Markdown documentation into Node-RED compatible HTML.
+
+- **🎨 Effortless Styling**:
+    - Includes clean, minimal CSS styles tailored for Node-RED.
+    - Fully customizable SCSS for editor components.
+
+- **🛠️ Development Helpers**:
+    - Utility functions to streamline building custom node editors.
+    - Hassle-free configuration for common Node-RED workflows.
+
+- **⚡ Ultra-Fast Commands**:
+    - `build`: Quickly generate production-ready assets.
+    - `watch`: Monitor changes with blazing-fast incremental builds.
+
+---
+
+## 🚀 Why Choose node-red-dxp?
+
+- **Blazing Speed**: Thanks to **esbuild**, both builds and watches are ultra-fast, letting you focus on development, not waiting.
+- **All-in-One Toolkit**: No need to juggle multiple tools—**node-red-dxp** handles everything from JavaScript bundling to CSS and Markdown processing.
+- **Developer-Centric**: Designed with developer experience (DX) at its core, making custom node creation as seamless as possible.
+
+---
+## License
+
+MIT

package/dist/builder/index.cjs

@@ -0,0 +1,46 @@
+'use strict';var x=require('fs'),ne=require('path'),ue=require('del'),V=require('esbuild'),cosmiconfig=require('cosmiconfig'),glob=require('glob'),radash=require('radash'),htmlMinifierTerser=require('html-minifier-terser'),A=require('sass');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var x__namespace=/*#__PURE__*/_interopNamespace(x);var ne__default=/*#__PURE__*/_interopDefault(ne);var ue__default=/*#__PURE__*/_interopDefault(ue);var V__default=/*#__PURE__*/_interopDefault(V);var A__namespace=/*#__PURE__*/_interopNamespace(A);var m=(e,t,r)=>new Promise((o,s)=>{var d=i=>{try{l(r.next(i));}catch(c){s(c);}},h=i=>{try{l(r.throw(i));}catch(c){s(c);}},l=i=>i.done?o(i.value):Promise.resolve(i.value).then(d,h);l((r=r.apply(e,t)).next());});function y(e){return Object.prototype.toString.call(e).slice(8,-1)}function u(e){if(y(e)!=="Object")return !1;let t=Object.getPrototypeOf(e);return !!t&&t.constructor===Object&&t===Object.prototype}function b(e){return y(e)==="Symbol"}function I(e,t,r,o){let s={}.propertyIsEnumerable.call(o,t)?"enumerable":"nonenumerable";s==="enumerable"&&(e[t]=r),s==="nonenumerable"&&Object.defineProperty(e,t,{value:r,enumerable:!1,writable:!0,configurable:!0});}function O(e,t,r){if(!u(t))return t;let o={};if(u(e)){let l=Object.getOwnPropertyNames(e),i=Object.getOwnPropertySymbols(e);o=[...l,...i].reduce((c,a)=>{let S=e[a];return (!b(a)&&!Object.getOwnPropertyNames(t).includes(a)||b(a)&&!Object.getOwnPropertySymbols(t).includes(a))&&I(c,a,S,e),c},{});}let s=Object.getOwnPropertyNames(t),d=Object.getOwnPropertySymbols(t);return [...s,...d].reduce((l,i)=>{let c=t[i],a=u(e)?e[i]:void 0;a!==void 0&&u(c)&&(c=O(a,c));let S=c;return I(l,i,S,t),l},o)}function w(e,...t){return t.reduce((r,o)=>O(r,o),e)}var C={libCacheDir:".node-red-dx",srcDir:"src",nodesDirName:"nodes",nodes:{controllerName:"index",editor:{dirName:"editor",htmlName:"index",tsName:"index"}},builder:{outputDir:"dist"},watcher:{nodeRed:{enabled:!0,path:"~/.node-red",url:"http://localhost:1880"}}};var z="node-red-dx",K=e=>e.replace("@","").replace("/","-");function Q(){let e=cosmiconfig.cosmiconfigSync(z);try{let t=e.search();return w(C,t?t.config:{})}catch(t){throw console.error("Error while loading configuration",t),t}}var p=Q(),f=process.cwd(),v=JSON.parse(x.readFileSync(`${f}/package.json`,"utf-8")),F=`${f}/${p.srcDir}`,X=`${f}/resources`,$=`${F}/${p.nodesDirName}`,D=`${f}/${p.libCacheDir}`;function Y(){return glob.globSync(`${$}/*`,{withFileTypes:!0}).map(t=>{let r=t.fullpath(),o=`${r}/${p.nodes.editor.dirName}`,s=r.replace(f,"").slice(1),d=`${s}/${p.nodes.editor.dirName}`,h=glob.globSync(`${o}/**/*.scss`),l=glob.globSync(`${r}/doc.mdx`),i=glob.globSync(`${r}/doc.md`),c=radash.dash(t.name);return {fullEditorPath:o,fullPath:r,name:t.name,pascalName:radash.pascal(t.name),dashName:c,relativeEditorPath:d,relativePath:s,nodeIdentifier:`${n.packageNameSlug}-${c}`,fullControllerPath:`${r}/${p.nodes.controllerName}.ts`,editor:{tsPath:`${o}/${p.nodes.editor.tsName}.ts`,htmlPath:`${o}/${p.nodes.editor.htmlName}.html`,scssFiles:h},doc:{mdxFiles:l,mdFiles:i}}})}function Z(){return {currentDir:f,pathSrcDir:F,pathSrcNodesDir:$,additionalResourcesDir:X,pathDist:`${f}/${p.builder.outputDir}`,cacheDirFiles:{controllerIndex:`${D}/controller-index.ts`,editorIndex:`${D}/editor-index.ts`},pathLibCacheDir:D,packageName:v.name,packageNameSlug:K(v.name),config:p,getResolvedSrcPathsScss:()=>glob.globSync(`${F}/**/*.scss`,{ignore:`${$}/**/*.scss`}),getResolvedNodesPaths:()=>glob.globSync(`${$}/*`),getListNodesFull:()=>Y()}}var n=Z();function re(e){return m(this,null,function*(){let t=x.readFileSync(e,"utf8");return htmlMinifierTerser.minify(t,{collapseWhitespace:!0,removeComments:!0,removeRedundantAttributes:!1,useShortDoctype:!0,removeEmptyAttributes:!1,minifyCSS:!1,minifyJS:!1})})}function oe(e,t,r,o){return `
+    <script type="text/html" data-template-name="${e}">
+        <div class="${r}">
+            <div class="${t}">${o}</div>
+        </div>
+    </script>
+`}function E(){return m(this,null,function*(){let e=n.getListNodesFull(),t=[];for(let r of e){let o=yield re(r.editor.htmlPath);t.push(oe(r.name,r.nodeIdentifier,n.packageNameSlug,o));}return t.join("").trim()})}function ie(e){return A__namespace.compile(e,{style:"compressed"}).css}function P(e){let t={};for(let r=0;r<e.length;r++){let o=e[r];t[o]=ie(o);}return t}function ce(){let e=n.getListNodesFull();return e.some(r=>r.editor.scssFiles.length)?e.map(r=>{let o=P(r.editor.scssFiles),s=Object.values(o).join("");return {name:r.name,styles:P(r.editor.scssFiles),mergedCompiledStyles:s,scssFinal:`#${r.nodeIdentifier}{${s}}`,hasStyles:!!r.editor.scssFiles.length}}).filter(r=>r.hasStyles):[]}function le(){let e=n.getResolvedSrcPathsScss(),t=glob.globSync(`${ne__default.default.resolve(__dirname,"..")}/editor/**/*.scss`),r=P([...e,...t]);return Object.values(r).join("")}function R(){let e=le(),t=ce();return !e&&!t.length?"":`.${n.packageNameSlug}{${e}${t.map(r=>r.scssFinal).join("")}}`}function L(e){return e.trim().replace(/\n\s+/g,"")}function ae(e=!0){return m(this,null,function*(){let t=yield E(),r=yield H(e),o=R(),s=M();return `${e?L(t):t}
+<style>${o}</style>
+<script type="application/javascript">
+${r.trim()}
+</script>
+${s}`})}function k(e=!1){return m(this,null,function*(){let t=yield ae(e);x__namespace.writeFileSync(`${n.pathDist}/index.html`,t);})}var N=n.getListNodesFull(),W=`
+// generated by @keload/node-red-dev-xp
+// do not modify this file
+// do not commit this file
+`;function me(){return `
+${W}
+import type { NodeAPI } from 'node-red';
+${N.map(e=>`import ${e.pascalName} from '${e.fullControllerPath}';`).join(`
+`)}
+
+
+export default async (RED: NodeAPI): Promise<void> => {
+    global.RED = RED;
+
+    ${N.map(e=>`// @ts-ignore
+global.RED.nodes.registerType('${e.name}', ${e.pascalName});`).join(`
+`)}
+};
+`.trim()}function pe(){return `
+${W}
+import type { NodeAPI } from 'node-red';
+${N.map(e=>`import ${e.pascalName} from '${e.editor.tsPath}';`).join(`
+`)}
+
+declare const RED: NodeAPI;
+
+${N.map(e=>`// @ts-ignore
+window.RED.nodes.registerType('${e.name}', ${e.pascalName});`).join(`
+`)}
+`.trim()}function _(){x__namespace.writeFileSync(`${n.cacheDirFiles.controllerIndex}`,me());}function J(){x__namespace.writeFileSync(`${n.cacheDirFiles.editorIndex}`,pe());}function M(){let e=n.getListNodesFull(),t=[];for(let r of e)if(r.doc.mdFiles[0]){let s=x__namespace.default.readFileSync(r.doc.mdFiles[0],"utf-8"),d=`
+<script type="text/markdown" data-help-name="${r.name}">
+${s}
+</script>
+      `;t.push(d);}return t.length?t.join(`
+`):""}function ge(e=!1){return m(this,null,function*(){return V__default.default.build({entryPoints:[n.cacheDirFiles.controllerIndex],outfile:`${n.pathDist}/index.js`,bundle:!0,minify:e,minifyWhitespace:e,minifyIdentifiers:e,minifySyntax:e,platform:"node",format:"cjs",target:"es2018",loader:{".ts":"ts"},packages:"external"})})}function H(e=!1){return m(this,null,function*(){let t=yield V__default.default.build({entryPoints:[n.cacheDirFiles.editorIndex],bundle:!0,platform:"browser",format:"iife",target:"es6",sourcemap:!1,minify:e,minifyWhitespace:e,minifySyntax:e,minifyIdentifiers:e,legalComments:"none",write:!1,loader:{".ts":"ts"}});return t.outputFiles&&t.outputFiles.length>0?t.outputFiles[0].text:""})}function xe(){ue__default.default.sync([n.pathDist]);}function he(){x__namespace.writeFileSync(`${n.pathLibCacheDir}/config.json`,JSON.stringify(n.config,null,2),"utf-8");}function ye(e){let t=ne__default.default.resolve(e);x__namespace.existsSync(t)||x__namespace.mkdirSync(t,{recursive:!0});}function pt(e=!1){return m(this,null,function*(){ye(n.pathLibCacheDir),xe(),he(),_(),J(),yield ge(e),yield k(e);})}exports.buildAllPackage=pt;exports.buildFinalDistIndexContent=ae;exports.buildNodeController=ge;exports.buildNodeEditor=H;exports.cleanDist=xe;exports.currentInstance=n;exports.getAllCompiledStyles=R;exports.getControllerIndex=me;exports.getEditorIndex=pe;exports.getNodeHtml=re;exports.getNodesHtml=E;exports.getNodesStyles=ce;exports.getSrcStyles=le;exports.handleAllDoc=M;exports.writeCacheConfigFile=he;exports.writeControllerIndex=_;exports.writeEditorIndex=J;exports.writeFinalDistIndexContent=k;

package/dist/builder/index.d.cts

@@ -0,0 +1,109 @@
+import esbuild from 'esbuild';
+
+type Config = {
+    libCacheDir: string;
+    srcDir: string;
+    nodesDirName: string;
+    nodes: {
+        controllerName: string;
+        editor: {
+            dirName: string;
+            htmlName: string;
+            tsName: string;
+        };
+    };
+    builder: {
+        outputDir: string;
+    };
+    watcher: {
+        nodeRed: {
+            enabled: boolean;
+            path: string | undefined;
+            url: string;
+        };
+    };
+};
+
+declare const currentInstance: {
+    currentDir: string;
+    pathSrcDir: string;
+    pathSrcNodesDir: string;
+    additionalResourcesDir: string;
+    pathDist: string;
+    cacheDirFiles: {
+        controllerIndex: string;
+        editorIndex: string;
+    };
+    pathLibCacheDir: string;
+    packageName: any;
+    packageNameSlug: string;
+    config: Config;
+    getResolvedSrcPathsScss: () => string[];
+    getResolvedNodesPaths: () => string[];
+    getListNodesFull: () => {
+        fullEditorPath: string;
+        fullPath: string;
+        name: string;
+        pascalName: string;
+        dashName: string;
+        relativeEditorPath: string;
+        relativePath: string;
+        nodeIdentifier: string;
+        fullControllerPath: string;
+        editor: {
+            tsPath: string;
+            htmlPath: string;
+            scssFiles: string[];
+        };
+        doc: {
+            mdxFiles: string[];
+            mdFiles: string[];
+        };
+    }[];
+};
+
+declare function getControllerIndex(): string;
+declare function getEditorIndex(): string;
+declare function writeControllerIndex(): void;
+declare function writeEditorIndex(): void;
+
+declare function getNodesStyles(): {
+    name: string;
+    styles: Record<string, string>;
+    mergedCompiledStyles: string;
+    scssFinal: string;
+    hasStyles: boolean;
+}[];
+declare function getSrcStyles(): string;
+declare function getAllCompiledStyles(): string;
+
+declare function getNodeHtml(filePath: string): Promise<string>;
+declare function getNodesHtml(): Promise<string>;
+
+declare function buildFinalDistIndexContent(minify?: boolean): Promise<string>;
+declare function writeFinalDistIndexContent(minify?: boolean): Promise<void>;
+
+declare function handleAllDoc(): string;
+
+declare function buildNodeController(minify?: boolean): Promise<esbuild.BuildResult<{
+    entryPoints: string[];
+    outfile: string;
+    bundle: true;
+    minify: boolean;
+    minifyWhitespace: boolean;
+    minifyIdentifiers: boolean;
+    minifySyntax: boolean;
+    platform: "node";
+    format: "cjs";
+    target: string;
+    loader: {
+        '.ts': "ts";
+    };
+    packages: "external";
+}>>;
+declare function buildNodeEditor(minify?: boolean): Promise<string>;
+declare function cleanDist(): void;
+declare function writeCacheConfigFile(): void;
+declare function buildAllPackage(minify?: boolean): Promise<void>;
+
+export { buildAllPackage, buildFinalDistIndexContent, buildNodeController, buildNodeEditor, cleanDist, currentInstance, getAllCompiledStyles, getControllerIndex, getEditorIndex, getNodeHtml, getNodesHtml, getNodesStyles, getSrcStyles, handleAllDoc, writeCacheConfigFile, writeControllerIndex, writeEditorIndex, writeFinalDistIndexContent };

package/dist/builder/index.d.ts

@@ -0,0 +1,109 @@
+import esbuild from 'esbuild';
+
+type Config = {
+    libCacheDir: string;
+    srcDir: string;
+    nodesDirName: string;
+    nodes: {
+        controllerName: string;
+        editor: {
+            dirName: string;
+            htmlName: string;
+            tsName: string;
+        };
+    };
+    builder: {
+        outputDir: string;
+    };
+    watcher: {
+        nodeRed: {
+            enabled: boolean;
+            path: string | undefined;
+            url: string;
+        };
+    };
+};
+
+declare const currentInstance: {
+    currentDir: string;
+    pathSrcDir: string;
+    pathSrcNodesDir: string;
+    additionalResourcesDir: string;
+    pathDist: string;
+    cacheDirFiles: {
+        controllerIndex: string;
+        editorIndex: string;
+    };
+    pathLibCacheDir: string;
+    packageName: any;
+    packageNameSlug: string;
+    config: Config;
+    getResolvedSrcPathsScss: () => string[];
+    getResolvedNodesPaths: () => string[];
+    getListNodesFull: () => {
+        fullEditorPath: string;
+        fullPath: string;
+        name: string;
+        pascalName: string;
+        dashName: string;
+        relativeEditorPath: string;
+        relativePath: string;
+        nodeIdentifier: string;
+        fullControllerPath: string;
+        editor: {
+            tsPath: string;
+            htmlPath: string;
+            scssFiles: string[];
+        };
+        doc: {
+            mdxFiles: string[];
+            mdFiles: string[];
+        };
+    }[];
+};
+
+declare function getControllerIndex(): string;
+declare function getEditorIndex(): string;
+declare function writeControllerIndex(): void;
+declare function writeEditorIndex(): void;
+
+declare function getNodesStyles(): {
+    name: string;
+    styles: Record<string, string>;
+    mergedCompiledStyles: string;
+    scssFinal: string;
+    hasStyles: boolean;
+}[];
+declare function getSrcStyles(): string;
+declare function getAllCompiledStyles(): string;
+
+declare function getNodeHtml(filePath: string): Promise<string>;
+declare function getNodesHtml(): Promise<string>;
+
+declare function buildFinalDistIndexContent(minify?: boolean): Promise<string>;
+declare function writeFinalDistIndexContent(minify?: boolean): Promise<void>;
+
+declare function handleAllDoc(): string;
+
+declare function buildNodeController(minify?: boolean): Promise<esbuild.BuildResult<{
+    entryPoints: string[];
+    outfile: string;
+    bundle: true;
+    minify: boolean;
+    minifyWhitespace: boolean;
+    minifyIdentifiers: boolean;
+    minifySyntax: boolean;
+    platform: "node";
+    format: "cjs";
+    target: string;
+    loader: {
+        '.ts': "ts";
+    };
+    packages: "external";
+}>>;
+declare function buildNodeEditor(minify?: boolean): Promise<string>;
+declare function cleanDist(): void;
+declare function writeCacheConfigFile(): void;
+declare function buildAllPackage(minify?: boolean): Promise<void>;
+
+export { buildAllPackage, buildFinalDistIndexContent, buildNodeController, buildNodeEditor, cleanDist, currentInstance, getAllCompiledStyles, getControllerIndex, getEditorIndex, getNodeHtml, getNodesHtml, getNodesStyles, getSrcStyles, handleAllDoc, writeCacheConfigFile, writeControllerIndex, writeEditorIndex, writeFinalDistIndexContent };

package/dist/builder/index.js

@@ -0,0 +1,46 @@
+import*as x from'node:fs';import x__default,{readFileSync}from'node:fs';import ne from'node:path';import ue from'del';import V from'esbuild';import {cosmiconfigSync}from'cosmiconfig';import {globSync}from'glob';import {dash,pascal}from'radash';import {minify}from'html-minifier-terser';import*as A from'sass';var m=(e,t,r)=>new Promise((o,s)=>{var d=i=>{try{l(r.next(i));}catch(c){s(c);}},h=i=>{try{l(r.throw(i));}catch(c){s(c);}},l=i=>i.done?o(i.value):Promise.resolve(i.value).then(d,h);l((r=r.apply(e,t)).next());});function y(e){return Object.prototype.toString.call(e).slice(8,-1)}function u(e){if(y(e)!=="Object")return !1;let t=Object.getPrototypeOf(e);return !!t&&t.constructor===Object&&t===Object.prototype}function b(e){return y(e)==="Symbol"}function I(e,t,r,o){let s={}.propertyIsEnumerable.call(o,t)?"enumerable":"nonenumerable";s==="enumerable"&&(e[t]=r),s==="nonenumerable"&&Object.defineProperty(e,t,{value:r,enumerable:!1,writable:!0,configurable:!0});}function O(e,t,r){if(!u(t))return t;let o={};if(u(e)){let l=Object.getOwnPropertyNames(e),i=Object.getOwnPropertySymbols(e);o=[...l,...i].reduce((c,a)=>{let S=e[a];return (!b(a)&&!Object.getOwnPropertyNames(t).includes(a)||b(a)&&!Object.getOwnPropertySymbols(t).includes(a))&&I(c,a,S,e),c},{});}let s=Object.getOwnPropertyNames(t),d=Object.getOwnPropertySymbols(t);return [...s,...d].reduce((l,i)=>{let c=t[i],a=u(e)?e[i]:void 0;a!==void 0&&u(c)&&(c=O(a,c));let S=c;return I(l,i,S,t),l},o)}function w(e,...t){return t.reduce((r,o)=>O(r,o),e)}var C={libCacheDir:".node-red-dx",srcDir:"src",nodesDirName:"nodes",nodes:{controllerName:"index",editor:{dirName:"editor",htmlName:"index",tsName:"index"}},builder:{outputDir:"dist"},watcher:{nodeRed:{enabled:!0,path:"~/.node-red",url:"http://localhost:1880"}}};var z="node-red-dx",K=e=>e.replace("@","").replace("/","-");function Q(){let e=cosmiconfigSync(z);try{let t=e.search();return w(C,t?t.config:{})}catch(t){throw console.error("Error while loading configuration",t),t}}var p=Q(),f=process.cwd(),v=JSON.parse(readFileSync(`${f}/package.json`,"utf-8")),F=`${f}/${p.srcDir}`,X=`${f}/resources`,$=`${F}/${p.nodesDirName}`,D=`${f}/${p.libCacheDir}`;function Y(){return globSync(`${$}/*`,{withFileTypes:!0}).map(t=>{let r=t.fullpath(),o=`${r}/${p.nodes.editor.dirName}`,s=r.replace(f,"").slice(1),d=`${s}/${p.nodes.editor.dirName}`,h=globSync(`${o}/**/*.scss`),l=globSync(`${r}/doc.mdx`),i=globSync(`${r}/doc.md`),c=dash(t.name);return {fullEditorPath:o,fullPath:r,name:t.name,pascalName:pascal(t.name),dashName:c,relativeEditorPath:d,relativePath:s,nodeIdentifier:`${n.packageNameSlug}-${c}`,fullControllerPath:`${r}/${p.nodes.controllerName}.ts`,editor:{tsPath:`${o}/${p.nodes.editor.tsName}.ts`,htmlPath:`${o}/${p.nodes.editor.htmlName}.html`,scssFiles:h},doc:{mdxFiles:l,mdFiles:i}}})}function Z(){return {currentDir:f,pathSrcDir:F,pathSrcNodesDir:$,additionalResourcesDir:X,pathDist:`${f}/${p.builder.outputDir}`,cacheDirFiles:{controllerIndex:`${D}/controller-index.ts`,editorIndex:`${D}/editor-index.ts`},pathLibCacheDir:D,packageName:v.name,packageNameSlug:K(v.name),config:p,getResolvedSrcPathsScss:()=>globSync(`${F}/**/*.scss`,{ignore:`${$}/**/*.scss`}),getResolvedNodesPaths:()=>globSync(`${$}/*`),getListNodesFull:()=>Y()}}var n=Z();function re(e){return m(this,null,function*(){let t=readFileSync(e,"utf8");return minify(t,{collapseWhitespace:!0,removeComments:!0,removeRedundantAttributes:!1,useShortDoctype:!0,removeEmptyAttributes:!1,minifyCSS:!1,minifyJS:!1})})}function oe(e,t,r,o){return `
+    <script type="text/html" data-template-name="${e}">
+        <div class="${r}">
+            <div class="${t}">${o}</div>
+        </div>
+    </script>
+`}function E(){return m(this,null,function*(){let e=n.getListNodesFull(),t=[];for(let r of e){let o=yield re(r.editor.htmlPath);t.push(oe(r.name,r.nodeIdentifier,n.packageNameSlug,o));}return t.join("").trim()})}function ie(e){return A.compile(e,{style:"compressed"}).css}function P(e){let t={};for(let r=0;r<e.length;r++){let o=e[r];t[o]=ie(o);}return t}function ce(){let e=n.getListNodesFull();return e.some(r=>r.editor.scssFiles.length)?e.map(r=>{let o=P(r.editor.scssFiles),s=Object.values(o).join("");return {name:r.name,styles:P(r.editor.scssFiles),mergedCompiledStyles:s,scssFinal:`#${r.nodeIdentifier}{${s}}`,hasStyles:!!r.editor.scssFiles.length}}).filter(r=>r.hasStyles):[]}function le(){let e=n.getResolvedSrcPathsScss(),t=globSync(`${ne.resolve(__dirname,"..")}/editor/**/*.scss`),r=P([...e,...t]);return Object.values(r).join("")}function R(){let e=le(),t=ce();return !e&&!t.length?"":`.${n.packageNameSlug}{${e}${t.map(r=>r.scssFinal).join("")}}`}function L(e){return e.trim().replace(/\n\s+/g,"")}function ae(e=!0){return m(this,null,function*(){let t=yield E(),r=yield H(e),o=R(),s=M();return `${e?L(t):t}
+<style>${o}</style>
+<script type="application/javascript">
+${r.trim()}
+</script>
+${s}`})}function k(e=!1){return m(this,null,function*(){let t=yield ae(e);x.writeFileSync(`${n.pathDist}/index.html`,t);})}var N=n.getListNodesFull(),W=`
+// generated by @keload/node-red-dev-xp
+// do not modify this file
+// do not commit this file
+`;function me(){return `
+${W}
+import type { NodeAPI } from 'node-red';
+${N.map(e=>`import ${e.pascalName} from '${e.fullControllerPath}';`).join(`
+`)}
+
+
+export default async (RED: NodeAPI): Promise<void> => {
+    global.RED = RED;
+
+    ${N.map(e=>`// @ts-ignore
+global.RED.nodes.registerType('${e.name}', ${e.pascalName});`).join(`
+`)}
+};
+`.trim()}function pe(){return `
+${W}
+import type { NodeAPI } from 'node-red';
+${N.map(e=>`import ${e.pascalName} from '${e.editor.tsPath}';`).join(`
+`)}
+
+declare const RED: NodeAPI;
+
+${N.map(e=>`// @ts-ignore
+window.RED.nodes.registerType('${e.name}', ${e.pascalName});`).join(`
+`)}
+`.trim()}function _(){x.writeFileSync(`${n.cacheDirFiles.controllerIndex}`,me());}function J(){x.writeFileSync(`${n.cacheDirFiles.editorIndex}`,pe());}function M(){let e=n.getListNodesFull(),t=[];for(let r of e)if(r.doc.mdFiles[0]){let s=x__default.readFileSync(r.doc.mdFiles[0],"utf-8"),d=`
+<script type="text/markdown" data-help-name="${r.name}">
+${s}
+</script>
+      `;t.push(d);}return t.length?t.join(`
+`):""}function ge(e=!1){return m(this,null,function*(){return V.build({entryPoints:[n.cacheDirFiles.controllerIndex],outfile:`${n.pathDist}/index.js`,bundle:!0,minify:e,minifyWhitespace:e,minifyIdentifiers:e,minifySyntax:e,platform:"node",format:"cjs",target:"es2018",loader:{".ts":"ts"},packages:"external"})})}function H(e=!1){return m(this,null,function*(){let t=yield V.build({entryPoints:[n.cacheDirFiles.editorIndex],bundle:!0,platform:"browser",format:"iife",target:"es6",sourcemap:!1,minify:e,minifyWhitespace:e,minifySyntax:e,minifyIdentifiers:e,legalComments:"none",write:!1,loader:{".ts":"ts"}});return t.outputFiles&&t.outputFiles.length>0?t.outputFiles[0].text:""})}function xe(){ue.sync([n.pathDist]);}function he(){x.writeFileSync(`${n.pathLibCacheDir}/config.json`,JSON.stringify(n.config,null,2),"utf-8");}function ye(e){let t=ne.resolve(e);x.existsSync(t)||x.mkdirSync(t,{recursive:!0});}function pt(e=!1){return m(this,null,function*(){ye(n.pathLibCacheDir),xe(),he(),_(),J(),yield ge(e),yield k(e);})}export{pt as buildAllPackage,ae as buildFinalDistIndexContent,ge as buildNodeController,H as buildNodeEditor,xe as cleanDist,n as currentInstance,R as getAllCompiledStyles,me as getControllerIndex,pe as getEditorIndex,re as getNodeHtml,E as getNodesHtml,ce as getNodesStyles,le as getSrcStyles,M as handleAllDoc,he as writeCacheConfigFile,_ as writeControllerIndex,J as writeEditorIndex,k as writeFinalDistIndexContent};

package/dist/cli/index.cjs

@@ -0,0 +1,47 @@
+#!/usr/bin/env node
+'use strict';var oe=require('process'),commander=require('commander'),consola=require('consola'),g=require('fs'),be=require('path'),Fe=require('del'),K=require('esbuild'),cosmiconfig=require('cosmiconfig'),glob=require('glob'),radash=require('radash'),htmlMinifierTerser=require('html-minifier-terser'),W=require('sass'),Te=require('prettyjson'),Me=require('browser-sync'),qe=require('chokidar'),Y=require('nodemon');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var oe__namespace=/*#__PURE__*/_interopNamespace(oe);var g__namespace=/*#__PURE__*/_interopNamespace(g);var be__default=/*#__PURE__*/_interopDefault(be);var Fe__default=/*#__PURE__*/_interopDefault(Fe);var K__default=/*#__PURE__*/_interopDefault(K);var W__namespace=/*#__PURE__*/_interopNamespace(W);var Te__default=/*#__PURE__*/_interopDefault(Te);var Me__default=/*#__PURE__*/_interopDefault(Me);var qe__default=/*#__PURE__*/_interopDefault(qe);var Y__default=/*#__PURE__*/_interopDefault(Y);var v={version:"1.1.0"};function b(e){return Object.prototype.toString.call(e).slice(8,-1)}function f(e){if(b(e)!=="Object")return !1;let t=Object.getPrototypeOf(e);return !!t&&t.constructor===Object&&t===Object.prototype}function N(e){return b(e)==="Symbol"}function k(e,t,r,n){let s={}.propertyIsEnumerable.call(n,t)?"enumerable":"nonenumerable";s==="enumerable"&&(e[t]=r),s==="nonenumerable"&&Object.defineProperty(e,t,{value:r,enumerable:!1,writable:!0,configurable:!0});}function A(e,t,r){if(!f(t))return t;let n={};if(f(e)){let p=Object.getOwnPropertyNames(e),m=Object.getOwnPropertySymbols(e);n=[...p,...m].reduce((i,c)=>{let w=e[c];return (!N(c)&&!Object.getOwnPropertyNames(t).includes(c)||N(c)&&!Object.getOwnPropertySymbols(t).includes(c))&&k(i,c,w,e),i},{});}let s=Object.getOwnPropertyNames(t),x=Object.getOwnPropertySymbols(t);return [...s,...x].reduce((p,m)=>{let i=t[m],c=f(e)?e[m]:void 0;c!==void 0&&f(i)&&(i=A(c,i));let w=i;return k(p,m,w,t),p},n)}function E(e,...t){return t.reduce((r,n)=>A(r,n),e)}var R={libCacheDir:".node-red-dx",srcDir:"src",nodesDirName:"nodes",nodes:{controllerName:"index",editor:{dirName:"editor",htmlName:"index",tsName:"index"}},builder:{outputDir:"dist"},watcher:{nodeRed:{enabled:!0,path:"~/.node-red",url:"http://localhost:1880"}}};var me="node-red-dx",le=e=>e.replace("@","").replace("/","-");function de(){let e=cosmiconfig.cosmiconfigSync(me);try{let t=e.search();return E(R,t?t.config:{})}catch(t){throw console.error("Error while loading configuration",t),t}}var a=de(),l=process.cwd(),B=JSON.parse(g.readFileSync(`${l}/package.json`,"utf-8")),C=`${l}/${a.srcDir}`,pe=`${l}/resources`,S=`${C}/${a.nodesDirName}`,j=`${l}/${a.libCacheDir}`;function fe(){return glob.globSync(`${S}/*`,{withFileTypes:!0}).map(t=>{let r=t.fullpath(),n=`${r}/${a.nodes.editor.dirName}`,s=r.replace(l,"").slice(1),x=`${s}/${a.nodes.editor.dirName}`,O=glob.globSync(`${n}/**/*.scss`),p=glob.globSync(`${r}/doc.mdx`),m=glob.globSync(`${r}/doc.md`),i=radash.dash(t.name);return {fullEditorPath:n,fullPath:r,name:t.name,pascalName:radash.pascal(t.name),dashName:i,relativeEditorPath:x,relativePath:s,nodeIdentifier:`${o.packageNameSlug}-${i}`,fullControllerPath:`${r}/${a.nodes.controllerName}.ts`,editor:{tsPath:`${n}/${a.nodes.editor.tsName}.ts`,htmlPath:`${n}/${a.nodes.editor.htmlName}.html`,scssFiles:O},doc:{mdxFiles:p,mdFiles:m}}})}function ue(){return {currentDir:l,pathSrcDir:C,pathSrcNodesDir:S,additionalResourcesDir:pe,pathDist:`${l}/${a.builder.outputDir}`,cacheDirFiles:{controllerIndex:`${j}/controller-index.ts`,editorIndex:`${j}/editor-index.ts`},pathLibCacheDir:j,packageName:B.name,packageNameSlug:le(B.name),config:a,getResolvedSrcPathsScss:()=>glob.globSync(`${C}/**/*.scss`,{ignore:`${S}/**/*.scss`}),getResolvedNodesPaths:()=>glob.globSync(`${S}/*`),getListNodesFull:()=>fe()}}var o=ue();async function xe(e){let t=g.readFileSync(e,"utf8");return htmlMinifierTerser.minify(t,{collapseWhitespace:!0,removeComments:!0,removeRedundantAttributes:!1,useShortDoctype:!0,removeEmptyAttributes:!1,minifyCSS:!1,minifyJS:!1})}function ye(e,t,r,n){return `
+    <script type="text/html" data-template-name="${e}">
+        <div class="${r}">
+            <div class="${t}">${n}</div>
+        </div>
+    </script>
+`}async function T(){let e=o.getListNodesFull(),t=[];for(let r of e){let n=await xe(r.editor.htmlPath);t.push(ye(r.name,r.nodeIdentifier,o.packageNameSlug,n));}return t.join("").trim()}function Se(e){return W__namespace.compile(e,{style:"compressed"}).css}function I(e){let t={};for(let r=0;r<e.length;r++){let n=e[r];t[n]=Se(n);}return t}function $e(){let e=o.getListNodesFull();return e.some(r=>r.editor.scssFiles.length)?e.map(r=>{let n=I(r.editor.scssFiles),s=Object.values(n).join("");return {name:r.name,styles:I(r.editor.scssFiles),mergedCompiledStyles:s,scssFinal:`#${r.nodeIdentifier}{${s}}`,hasStyles:!!r.editor.scssFiles.length}}).filter(r=>r.hasStyles):[]}function we(){let e=o.getResolvedSrcPathsScss(),t=glob.globSync(`${be__default.default.resolve(__dirname,"..")}/editor/**/*.scss`),r=I([...e,...t]);return Object.values(r).join("")}function L(){let e=we(),t=$e();return !e&&!t.length?"":`.${o.packageNameSlug}{${e}${t.map(r=>r.scssFinal).join("")}}`}function M(e){return e.trim().replace(/\n\s+/g,"")}async function je(e=!0){let t=await T(),r=await V(e),n=L(),s=J();return `${e?M(t):t}
+<style>${n}</style>
+<script type="application/javascript">
+${r.trim()}
+</script>
+${s}`}async function H(e=!1){let t=await je(e);g__namespace.writeFileSync(`${o.pathDist}/index.html`,t);}var $=o.getListNodesFull(),_=`
+// generated by @keload/node-red-dev-xp
+// do not modify this file
+// do not commit this file
+`;function Ce(){return `
+${_}
+import type { NodeAPI } from 'node-red';
+${$.map(e=>`import ${e.pascalName} from '${e.fullControllerPath}';`).join(`
+`)}
+
+
+export default async (RED: NodeAPI): Promise<void> => {
+    global.RED = RED;
+
+    ${$.map(e=>`// @ts-ignore
+global.RED.nodes.registerType('${e.name}', ${e.pascalName});`).join(`
+`)}
+};
+`.trim()}function Ie(){return `
+${_}
+import type { NodeAPI } from 'node-red';
+${$.map(e=>`import ${e.pascalName} from '${e.editor.tsPath}';`).join(`
+`)}
+
+declare const RED: NodeAPI;
+
+${$.map(e=>`// @ts-ignore
+window.RED.nodes.registerType('${e.name}', ${e.pascalName});`).join(`
+`)}
+`.trim()}function G(){g__namespace.writeFileSync(`${o.cacheDirFiles.controllerIndex}`,Ce());}function U(){g__namespace.writeFileSync(`${o.cacheDirFiles.editorIndex}`,Ie());}function J(){let e=o.getListNodesFull(),t=[];for(let r of e)if(r.doc.mdFiles[0]){let s=g__namespace.default.readFileSync(r.doc.mdFiles[0],"utf-8"),x=`
+<script type="text/markdown" data-help-name="${r.name}">
+${s}
+</script>
+      `;t.push(x);}return t.length?t.join(`
+`):""}async function Oe(e=!1){return K__default.default.build({entryPoints:[o.cacheDirFiles.controllerIndex],outfile:`${o.pathDist}/index.js`,bundle:!0,minify:e,minifyWhitespace:e,minifyIdentifiers:e,minifySyntax:e,platform:"node",format:"cjs",target:"es2018",loader:{".ts":"ts"},packages:"external"})}async function V(e=!1){let t=await K__default.default.build({entryPoints:[o.cacheDirFiles.editorIndex],bundle:!0,platform:"browser",format:"iife",target:"es6",sourcemap:!1,minify:e,minifyWhitespace:e,minifySyntax:e,minifyIdentifiers:e,legalComments:"none",write:!1,loader:{".ts":"ts"}});return t.outputFiles&&t.outputFiles.length>0?t.outputFiles[0].text:""}function ve(){Fe__default.default.sync([o.pathDist]);}function ke(){g__namespace.writeFileSync(`${o.pathLibCacheDir}/config.json`,JSON.stringify(o.config,null,2),"utf-8");}function Ae(e){let t=be__default.default.resolve(e);g__namespace.existsSync(t)||g__namespace.mkdirSync(t,{recursive:!0});}async function y(e=!1){Ae(o.pathLibCacheDir),ve(),ke(),G(),U(),await Oe(e),await H(e);}function z(e){let t=new commander.Command("checks").description("[WIP] Commands to check the some stuff");t.command("nodes-structure").description("[WIP] Verify the structure of the nodes").action(()=>{console.log("In construction");}),e.addCommand(t);}function Q(e){let t=new commander.Command("info").description("Command to get information").description("Get information about the package").action(()=>{consola.consola.log(Te__default.default.render(o));});e.addCommand(t);}function X(e){let t=new commander.Command("create-node").description("[WIP] Create a new node").action(async()=>{consola.consola.warn("Command in construction - not working yet");let r=await consola.consola.prompt("Enter node name:",{type:"text"}),n=radash.dash(r),s=await consola.consola.prompt(`This name is OK for you '${n}'?`,{type:"confirm"});console.log("userIsOk",s);});e.addCommand(t);}var ee,F;function He(){ee=Y__default.default({exec:`node-red -u ${o.config.watcher.nodeRed.path}`,ignore:["**/*"],ext:"js,html",verbose:!0}),Y__default.default.once("start",()=>{F=Me__default.default.create(),F.init({ui:!1,proxy:{target:o.config.watcher.nodeRed.url,ws:!0},ghostMode:!1,open:!1,reloadDelay:4e3});}).on("quit",()=>{consola.consola.info("Nodemon has quit"),process.exit(0);});}function Je(){ee.restart(),F.reload();}var Z=o.config.watcher.nodeRed.enabled&&o.config.watcher.nodeRed.path;function te(){qe__default.default.watch(o.pathSrcDir,{}).on("ready",async()=>{consola.consola.info("Initial scan complete. Ready for changes"),await y(!1),consola.consola.success("Initial Build completed"),Z?He():consola.consola.warn("Node-Red watcher is disabled. Please enable it in the config file");}).on("change",async t=>{consola.consola.info(`File ${t.replace(o.currentDir,"")} has been changed`),await y(!1),consola.consola.success("Build completed"),Z&&Je();});}var d=new commander.Command;d.name("node-red-dxp").description("node-red-dxp CLI").version(v.version);d.command("build").description("Build project").action(async e=>{consola.consola.start("Building..."),await y(!0),consola.consola.ready("Build completed");});d.command("watch").description("watch project").option("--minify <minify>","[WIP] Minify the output",!1).action(e=>{te();});z(d);Q(d);X(d);d.parse(oe__namespace.argv);

package/dist/editor/assets/styles.scss

@@ -0,0 +1,182 @@
+@use "sass:color";
+@use "sass:list";
+
+$spacing-scale: (
+        0: 0,
+        1: 0.25rem,
+        2: 0.5rem,
+        3: 1rem,
+        4: 1.5rem,
+        5: 2rem
+);
+
+@mixin generate-spacing-classes($property, $prefix) {
+  @each $key, $value in $spacing-scale {
+    .#{$prefix}#{$key} {
+      #{$property}: #{$value};
+    }
+    .#{$prefix}t-#{$key} {
+      #{$property}-top: #{$value};
+    }
+    .#{$prefix}r-#{$key} {
+      #{$property}-right: #{$value};
+    }
+    .#{$prefix}b-#{$key} {
+      #{$property}-bottom: #{$value};
+    }
+    .#{$prefix}l-#{$key} {
+      #{$property}-left: #{$value};
+    }
+    .#{$prefix}x-#{$key} {
+      #{$property}-left: #{$value};
+      #{$property}-right: #{$value};
+    }
+    .#{$prefix}y-#{$key} {
+      #{$property}-top: #{$value};
+      #{$property}-bottom: #{$value};
+    }
+  }
+}
+
+@include generate-spacing-classes(margin, m);
+@include generate-spacing-classes(padding, p);
+
+$text-size-scale: (
+        "xs": 0.75rem,
+        "sm": 0.875rem,
+        "base": 1rem,
+        "lg": 1.25rem,
+        "xl": 1.5rem,
+        "2xl": 2rem
+);
+
+$text-weight-scale: (
+        "thin": 100,
+        "light": 300,
+        "normal": 400,
+        "medium": 500,
+        "bold": 700,
+        "black": 900
+);
+
+$text-color-scale: (
+        "primary": #1a202c,
+        "secondary": #4a5568,
+        "accent": #f56565,
+        "success": #48bb78,
+        "warning": #ecc94b,
+        "danger": #e53e3e,
+        "info": #4299e1
+);
+
+@mixin generate-text-classes() {
+  @each $key, $value in $text-size-scale {
+    .text-#{$key} {
+      font-size: #{$value};
+    }
+  }
+
+  @each $key, $value in $text-weight-scale {
+    .font-#{$key} {
+      font-weight: #{$value};
+    }
+  }
+
+  .text-left {
+    text-align: left;
+  }
+  .text-center {
+    text-align: center;
+  }
+  .text-right {
+    text-align: right;
+  }
+  .text-justify {
+    text-align: justify;
+  }
+
+  .text-uppercase {
+    text-transform: uppercase;
+  }
+  .text-lowercase {
+    text-transform: lowercase;
+  }
+  .text-capitalize {
+    text-transform: capitalize;
+  }
+
+  @each $key, $value in $text-color-scale {
+    .text-#{$key} {
+      color: #{$value};
+    }
+  }
+}
+
+@include generate-text-classes();
+
+// Couleurs des alertes
+$alert-color-scale: (
+        "success": (#48bb78, "✔️"),
+        "warning": (#ecc94b, "⚠️"),
+        "danger": (#e53e3e, "❌"),
+        "info": (#4299e1, "ℹ️")
+);
+
+// Styles généraux pour les alertes
+.alert {
+  display: flex;
+  align-items: center;
+  padding: 1rem;
+  margin: 1rem 0;
+  border-radius: 0.1rem;
+
+  &::before {
+    content: '';
+    display: inline-block;
+    margin-right: 0.75rem;
+    font-size: 1.25rem;
+    line-height: 1;
+  }
+}
+
+// Génération des classes pour les alertes
+@each $key, $value in $alert-color-scale {
+  $color: list.nth($value, 1);
+  $emoji: list.nth($value, 2);
+
+  .alert-#{$key} {
+    background-color: color.adjust($color, $lightness: 40%);
+    color: $color;
+    border: 1px solid color.adjust($color, $lightness: 20%);
+
+    &::before {
+      content: "#{$emoji}";
+      color: $color;
+    }
+  }
+}
+
+$percentage-scale: (
+        10: 10%,
+        20: 20%,
+        30: 30%,
+        40: 40%,
+        50: 50%,
+        60: 60%,
+        70: 70%,
+        80: 80%,
+        90: 90%,
+        100: 100%
+);
+
+@mixin generate-dimension-classes($property, $prefix) {
+  @each $key, $value in $percentage-scale {
+    .#{$prefix}-#{$key}p {
+      #{$property}: #{$value};
+    }
+  }
+}
+
+@include generate-dimension-classes(width, w);
+@include generate-dimension-classes(height, h);
+

package/dist/editor/index.cjs

@@ -0,0 +1 @@
+'use strict';function m(t){return Object.prototype.toString.call(t).slice(8,-1)}function f(t){if(m(t)!=="Object")return !1;let o=Object.getPrototypeOf(t);return !!o&&o.constructor===Object&&o===Object.prototype}function a(t){return m(t)==="Symbol"}function O(t,o,s,i){let u={}.propertyIsEnumerable.call(i,o)?"enumerable":"nonenumerable";u==="enumerable"&&(t[o]=s),u==="nonenumerable"&&Object.defineProperty(t,o,{value:s,enumerable:!1,writable:!0,configurable:!0});}function P(t,o,s){if(!f(o))return o;let i={};if(f(t)){let c=Object.getOwnPropertyNames(t),e=Object.getOwnPropertySymbols(t);i=[...c,...e].reduce((n,r)=>{let p=t[r];return (!a(r)&&!Object.getOwnPropertyNames(o).includes(r)||a(r)&&!Object.getOwnPropertySymbols(o).includes(r))&&O(n,r,p,t),n},{});}let u=Object.getOwnPropertyNames(o),d=Object.getOwnPropertySymbols(o);return [...u,...d].reduce((c,e)=>{let n=o[e],r=f(t)?t[e]:void 0;r!==void 0&&f(n)&&(n=P(r,n));let p=n;return O(c,e,p,o),c},i)}function T(t,...o){return o.reduce((s,i)=>P(s,i),t)}var j={};function R(t){return T(j,t)}function l(t){return t.startsWith("$$")?`#node-config-input-${t.replace("$$","")}`:t.startsWith("$")?`#node-input-${t.replace("$","")}`:t}function N(t){return l(t).split("-input-")[1]}function w(t){function o(e){return t[e]}let s=(e,n,r)=>{let p=(r==null?void 0:r.selected)||o(N(e)),x=l(e),y=n;r!=null&&r.emptyValue&&(y=[{value:"",text:r.emptyValue},...n]),$(x).empty().append(y.map(b=>$("<option>",{value:b.value,text:b.text,selected:b.value===p})));},i=e=>{let n=e;return $(`#node-input-${n}`).val()};function u(e,n){let r=l(e);$(r).text(n);}function d(e){let n=l(e);return $(n)}function g(e,n){let r=l(e);$(r).val(n);}function c(e,n){let p=(Array.isArray(e)?e:[e]).map(l).join(", ");$(p).on("input",()=>{let x=$(p).map(function(){return $(this).val()}).get();n(x);});}return {getInputValue:i,watchInput:c,setText:u,setInputValue:g,jqSelector:d,initSelect:s}}exports.createEditorNode=R;exports.domHelper=w;

package/dist/editor/index.d.cts

@@ -0,0 +1,23 @@
+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;
+        emptyValue?: string;
+    };
+}
+
+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, domHelper };

package/dist/editor/index.d.ts

@@ -0,0 +1,23 @@
+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;
+        emptyValue?: string;
+    };
+}
+
+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, domHelper };

package/dist/editor/index.js

@@ -0,0 +1 @@
+function m(t){return Object.prototype.toString.call(t).slice(8,-1)}function f(t){if(m(t)!=="Object")return !1;let o=Object.getPrototypeOf(t);return !!o&&o.constructor===Object&&o===Object.prototype}function a(t){return m(t)==="Symbol"}function O(t,o,s,i){let u={}.propertyIsEnumerable.call(i,o)?"enumerable":"nonenumerable";u==="enumerable"&&(t[o]=s),u==="nonenumerable"&&Object.defineProperty(t,o,{value:s,enumerable:!1,writable:!0,configurable:!0});}function P(t,o,s){if(!f(o))return o;let i={};if(f(t)){let c=Object.getOwnPropertyNames(t),e=Object.getOwnPropertySymbols(t);i=[...c,...e].reduce((n,r)=>{let p=t[r];return (!a(r)&&!Object.getOwnPropertyNames(o).includes(r)||a(r)&&!Object.getOwnPropertySymbols(o).includes(r))&&O(n,r,p,t),n},{});}let u=Object.getOwnPropertyNames(o),d=Object.getOwnPropertySymbols(o);return [...u,...d].reduce((c,e)=>{let n=o[e],r=f(t)?t[e]:void 0;r!==void 0&&f(n)&&(n=P(r,n));let p=n;return O(c,e,p,o),c},i)}function T(t,...o){return o.reduce((s,i)=>P(s,i),t)}var j={};function R(t){return T(j,t)}function l(t){return t.startsWith("$$")?`#node-config-input-${t.replace("$$","")}`:t.startsWith("$")?`#node-input-${t.replace("$","")}`:t}function N(t){return l(t).split("-input-")[1]}function w(t){function o(e){return t[e]}let s=(e,n,r)=>{let p=(r==null?void 0:r.selected)||o(N(e)),x=l(e),y=n;r!=null&&r.emptyValue&&(y=[{value:"",text:r.emptyValue},...n]),$(x).empty().append(y.map(b=>$("<option>",{value:b.value,text:b.text,selected:b.value===p})));},i=e=>{let n=e;return $(`#node-input-${n}`).val()};function u(e,n){let r=l(e);$(r).text(n);}function d(e){let n=l(e);return $(n)}function g(e,n){let r=l(e);$(r).val(n);}function c(e,n){let p=(Array.isArray(e)?e:[e]).map(l).join(", ");$(p).on("input",()=>{let x=$(p).map(function(){return $(this).val()}).get();n(x);});}return {getInputValue:i,watchInput:c,setText:u,setInputValue:g,jqSelector:d,initSelect:s}}export{R as createEditorNode,w as domHelper};

package/dist/index.cjs

@@ -0,0 +1 @@
+'use strict';var o=typeof global!="undefined"?global.RED:window.RED;exports._RED=o;

package/dist/index.d.cts

@@ -0,0 +1,9 @@
+import * as node_red from 'node-red';
+import { NodeAPI } from 'node-red';
+
+declare global {
+    var RED: NodeAPI;
+}
+declare const _RED: NodeAPI<node_red.NodeAPISettingsWithData>;
+
+export { _RED };

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import * as node_red from 'node-red';
+import { NodeAPI } from 'node-red';
+
+declare global {
+    var RED: NodeAPI;
+}
+declare const _RED: NodeAPI<node_red.NodeAPISettingsWithData>;
+
+export { _RED };

package/dist/index.js

@@ -0,0 +1 @@
+var o=typeof global!="undefined"?global.RED:window.RED;export{o as _RED};

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@keload/node-red-dxp",
+  "version": "1.2.0",
+  "description": "",
+  "type": "module",
+  "scripts": {
+    "build": "tsup",
+    "watch": "tsup --watch",
+    "format": "pnpm biome format",
+    "lint": "pnpm biome lint",
+    "lint:check": "pnpm biome check",
+    "release": "pnpm release-it",
+    "release:test": "pnpm release-it --dry-run"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "bin": {
+    "node-red-dxp": "./dist/cli/index.cjs"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./builder": {
+      "import": "./dist/builder/index.js",
+      "require": "./dist/builder/index.cjs"
+    },
+    "./editor": {
+      "import": "./dist/editor/index.js",
+      "require": "./dist/editor/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "keywords": [],
+  "author": "Clément BERARD <contact@berard.dev>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/clement-berard/node-red-dxp.git"
+  },
+  "bugs": {
+    "url": "https://github.com/clement-berard/node-red-dxp/issues"
+  },
+  "homepage": "https://github.com/clement-berard/node-red-dxp",
+  "devDependencies": {
+    "@biomejs/biome": "1.9.4",
+    "@release-it/conventional-changelog": "9.0.3",
+    "@types/html-minifier-terser": "7.0.2",
+    "@types/jquery": "3.5.32",
+    "@types/jqueryui": "1.12.23",
+    "@types/node-red": "1.3.5",
+    "@types/prettyjson": "0.0.33",
+    "browser-sync": "3.0.3",
+    "chokidar": "4.0.1",
+    "consola": "3.2.3",
+    "cssnano": "7.0.6",
+    "del": "^6.1.1",
+    "esbuild": "0.24.0",
+    "glob": "11.0.0",
+    "handlebars": "4.7.8",
+    "html-minifier-terser": "7.2.0",
+    "merge-anything": "6.0.2",
+    "nodemon": "3.1.7",
+    "prettyjson": "1.2.5",
+    "release-it": "17.10.0",
+    "sass": "1.81.0",
+    "tsup": "8.3.5",
+    "tsx": "4.19.2",
+    "typescript": "5.6.3"
+  },
+  "dependencies": {
+    "commander": "12.1.0",
+    "cosmiconfig": "9.0.0",
+    "radash": "12.1.0"
+  },
+  "files": [
+    "dist"
+  ]
+}