@keload/node-red-dxp 1.3.1 → 1.4.0

package/README.md

@@ -1,6 +1,6 @@
 <br/>
 <div align="center">
-<a href="https://github.com/clement-berard/node-red-dxp">
+<a href="https://clement-berard.github.io/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>
@@ -8,7 +8,7 @@
 Developer eXPerience
 <br/>
 <br/>
-<a href="https://github.com/clement-berard/node-red-dxp"><strong>Explore the docs »</strong></a>
+<a href="https://clement-berard.github.io/node-red-dxp/"><strong>Explore the docs »</strong></a>
 <br/>
 <br/>
 </div>

package/dist/builder/index.cjs

@@ -1,46 +1,45 @@
-'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}
+'use strict';var k=require('fs'),B=require('path'),cosmiconfig=require('cosmiconfig'),glob=require('glob'),radash=require('radash'),E=require('fs/promises'),dt=require('esbuild'),htmlMinifierTerser=require('html-minifier-terser'),Nt=require('@fullhuman/postcss-purgecss'),$t=require('autoprefixer'),St=require('cssnano'),V=require('postcss'),U=require('sass'),Ct=require('tailwindcss');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 k__default=/*#__PURE__*/_interopDefault(k);var B__default=/*#__PURE__*/_interopDefault(B);var E__default=/*#__PURE__*/_interopDefault(E);var dt__default=/*#__PURE__*/_interopDefault(dt);var Nt__default=/*#__PURE__*/_interopDefault(Nt);var $t__default=/*#__PURE__*/_interopDefault($t);var St__default=/*#__PURE__*/_interopDefault(St);var V__default=/*#__PURE__*/_interopDefault(V);var U__namespace=/*#__PURE__*/_interopNamespace(U);var Ct__default=/*#__PURE__*/_interopDefault(Ct);var Q=Object.defineProperty;var v=Object.getOwnPropertySymbols;var X=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var D=(e,t,r)=>t in e?Q(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,u=(e,t)=>{for(var r in t||(t={}))X.call(t,r)&&D(e,r,t[r]);if(v)for(var r of v(t))Y.call(t,r)&&D(e,r,t[r]);return e};var Z=(e=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(e,{get:(t,r)=>(typeof require!="undefined"?require:t)[r]}):e)(function(e){if(typeof require!="undefined")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var g=(e,t,r)=>D(e,typeof t!="symbol"?t+"":t,r);var a=(e,t,r)=>new Promise((o,i)=>{var n=l=>{try{c(r.next(l));}catch(m){i(m);}},d=l=>{try{c(r.throw(l));}catch(m){i(m);}},c=l=>l.done?o(l.value):Promise.resolve(l.value).then(n,d);c((r=r.apply(e,t)).next());});function N(e){return Object.prototype.toString.call(e).slice(8,-1)}function x(e){if(N(e)!=="Object")return !1;let t=Object.getPrototypeOf(e);return !!t&&t.constructor===Object&&t===Object.prototype}function $(e){return N(e)==="Symbol"}function I(e,t,r,o){let i={}.propertyIsEnumerable.call(o,t)?"enumerable":"nonenumerable";i==="enumerable"&&(e[t]=r),i==="nonenumerable"&&Object.defineProperty(e,t,{value:r,enumerable:!1,writable:!0,configurable:!0});}function A(e,t,r){if(!x(t))return t;let o={};if(x(e)){let c=Object.getOwnPropertyNames(e),l=Object.getOwnPropertySymbols(e);o=[...c,...l].reduce((m,p)=>{let w=e[p];return (!$(p)&&!Object.getOwnPropertyNames(t).includes(p)||$(p)&&!Object.getOwnPropertySymbols(t).includes(p))&&I(m,p,w,e),m},{});}let i=Object.getOwnPropertyNames(t),n=Object.getOwnPropertySymbols(t);return [...i,...n].reduce((c,l)=>{let m=t[l],p=x(e)?e[l]:void 0;p!==void 0&&x(m)&&(m=A(p,m));let w=m;return I(c,l,w,t),c},o)}function H(e,...t){return t.reduce((r,o)=>A(r,o),e)}var T={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 it="node-red-dx",nt=e=>e.replace("@","").replace("/","-");function at(){let e=cosmiconfig.cosmiconfigSync(it);try{let t=e.search();return H(T,t?t.config:{})}catch(t){throw console.error("Error while loading configuration",t),t}}var f=at(),y=process.cwd(),L=JSON.parse(k.readFileSync(`${y}/package.json`,"utf-8")),O=`${y}/${f.srcDir}`,lt=`${y}/resources`,S=`${O}/${f.nodesDirName}`,j=`${y}/${f.libCacheDir}`,mt=`${B__default.default.resolve(__dirname,"..")}`,R=nt(L.name);function ct(){return glob.globSync(`${S}/*`,{withFileTypes:!0}).map(t=>{let r=t.fullpath(),o=`${r}/${f.nodes.editor.dirName}`,i=r.replace(y,"").slice(1),n=`${i}/${f.nodes.editor.dirName}`,d=glob.globSync(`${o}/**/*.scss`),c=glob.globSync(`${r}/doc.mdx`),l=glob.globSync(`${r}/doc.md`),m=radash.dash(t.name);return {fullEditorPath:o,fullPath:r,name:t.name,pascalName:radash.pascal(t.name),dashName:m,relativeEditorPath:n,relativePath:i,nodeIdentifier:`${R}-${m}`,fullControllerPath:`${r}/${f.nodes.controllerName}.ts`,editor:{tsPath:`${o}/${f.nodes.editor.tsName}.ts`,htmlPath:`${o}/${f.nodes.editor.htmlName}.html`,scssFiles:d},doc:{mdxFiles:c,mdFiles:l}}})}function pt(){return {currentDir:y,pathSrcDir:O,pathSrcNodesDir:S,additionalResourcesDir:lt,pathDist:`${y}/${f.builder.outputDir}`,currentPackagedDistPath:mt,cacheDirFiles:{controllerIndex:`${j}/controller-index.ts`,editorIndex:`${j}/editor-index.ts`},pathLibCacheDir:j,packageName:L.name,packageNameSlug:R,config:f,resolvedSrcPathsScss:glob.globSync(`${O}/**/*.scss`,{ignore:`${S}/**/*.scss`}),resolvedNodesPaths:glob.globSync(`${S}/*`),listNodesFull:ct()}}var s=pt();var W=`${B__default.default.resolve(__dirname,"..")}`;function M(e){k__default.default.existsSync(e)||k__default.default.mkdirSync(e,{recursive:!0});}function h(e,t){return a(this,null,function*(){try{yield E__default.default.writeFile(e,t);}catch(r){console.error("Error writing controller index:",r);}})}function _(e){return a(this,null,function*(){for(let t of e)try{let r=B__default.default.resolve(t),o=yield E__default.default.stat(r).catch(()=>null);o!=null&&o.isDirectory()&&(yield E__default.default.rm(r,{recursive:!0,force:!0}));}catch(r){console.error(`Error cleaning path (${t}): ${r}`);}})}var P=class{constructor(t){g(this,"params");this.params=u({minify:!1},t);}getControllerIndexContent(){return a(this,null,function*(){return `
 import type { NodeAPI } from 'node-red';
-${N.map(e=>`import ${e.pascalName} from '${e.fullControllerPath}';`).join(`
+${s.listNodesFull.map(t=>`import ${t.pascalName} from '${t.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(`
+    ${s.listNodesFull.map(t=>`// @ts-ignore
+global.RED.nodes.registerType('${t.name}', ${t.pascalName});`).join(`
 `)}
 };
-`.trim()}function pe(){return `
-${W}
+`.trim()})}buildScript(){return dt__default.default.build({entryPoints:[s.cacheDirFiles.controllerIndex],outfile:`${s.pathDist}/index.js`,bundle:!0,minify:this.params.minify,minifyWhitespace:this.params.minify,minifyIdentifiers:this.params.minify,minifySyntax:this.params.minify,platform:"node",format:"cjs",target:"es2018",loader:{".ts":"ts"},packages:"external"})}getControllerTask(){return a(this,null,function*(){return this.getControllerIndexContent().then(t=>{h(`${s.cacheDirFiles.controllerIndex}`,t).then(()=>{this.buildScript();});})})}};var C=class{getAllDocContent(){let t=[];for(let r of s.listNodesFull)if(r.doc.mdFiles[0]){let i=k__default.default.readFileSync(r.doc.mdFiles[0],"utf-8"),n=`
+<script type="text/markdown" data-help-name="${r.name}">
+${i}
+</script>
+      `;t.push(n);}return t.length?t.join(`
+`):""}};function G(e){return e.trim().replace(/\n\s+/g,"")}function yt(e){return a(this,null,function*(){return htmlMinifierTerser.minify(e,{collapseWhitespace:!0,removeComments:!0,removeRedundantAttributes:!1,useShortDoctype:!0,removeEmptyAttributes:!1,minifyCSS:!1,minifyJS:!1})})}function ht(e,t){return `
+    <script type="text/html" data-template-name="${e}">
+        ${t}
+    </script>
+`}function xt(e,t,r=!1){return a(this,null,function*(){let o=k.readFileSync(e.editor.htmlPath,"utf8"),i=`
+  <div class="${t}">
+    <div class="${e.nodeIdentifier}">${o}</div>
+  </div>
+  `,n=r?yield yt(i):i,d=ht(e.name,n);return {nodeName:e.name,nodeIdentifier:e.nodeIdentifier,html:n,wrappedHtml:d}})}function J(e){return a(this,null,function*(){let{nodes:t,minify:r=!1}=e,o=yield Promise.all(t.map(n=>xt(n,e.packageNameSlug,r)));return {html:o.map(n=>n.html).join("").trim(),allWrappedHtml:o.map(n=>r?G(n.wrappedHtml):n.wrappedHtml).join("").trim()}})}function Ft(e,t){return a(this,null,function*(){return (yield V__default.default([Nt__default.default({content:[{raw:t,extension:"html"}]}),$t__default.default,St__default.default({preset:"default"})]).process(e,{from:void 0})).css})}function wt(e){return U__namespace.compile(e,{style:"expanded"}).css}function q(e){let t={};for(let r=0;r<e.length;r++){let o=e[r];t[o]=wt(o);}return t}function Dt(e){return e.some(r=>r.editor.scssFiles.length)?e.filter(r=>r.editor.scssFiles.length).map(r=>{let o=q(r.editor.scssFiles),i=Object.values(o).join("");return {name:r.name,mergedCompiledStyles:i,scssFinal:`
+        #${r.nodeIdentifier}{
+          ${i}
+        }`}}):[]}function jt(r){return a(this,arguments,function*(e,t={}){let i=u(u({},{content:[{raw:e}],theme:{}}),t),n=glob.globSync(`${W}/${s.config.nodes.editor.dirName}/assets/tailwind.scss`)[0],d=n.length?k__default.default.readFileSync(n,"utf8"):"";return (yield V__default.default([Ct__default.default(i),Z("autoprefixer")]).process(d,{from:void 0})).css})}function Ot(){let e=s.resolvedSrcPathsScss,t=q([...e]);return Object.values(t).join("")}function z(e){return a(this,null,function*(){let{rawHtml:t,minify:r=!1,nodes:o}=e||{},i=Ot(),n=Dt(o),d=yield jt(t),c=p=>`.${s.packageNameSlug}{${p}}`,l=n.map(p=>p.scssFinal).join(`
+`),m=c(`${d}${i}${l}`);return r?Ft(m,t):m})}var F=class{constructor(t){g(this,"params");this.params=u({minify:!1},t);}getEditorIndexContent(){return a(this,null,function*(){return `
 import type { NodeAPI } from 'node-red';
-${N.map(e=>`import ${e.pascalName} from '${e.editor.tsPath}';`).join(`
+${s.listNodesFull.map(t=>`import ${t.pascalName} from '${t.editor.tsPath}';`).join(`
 `)}
 
 declare const RED: NodeAPI;
 
-${N.map(e=>`// @ts-ignore
-window.RED.nodes.registerType('${e.name}', ${e.pascalName});`).join(`
+${s.listNodesFull.map(t=>`// @ts-ignore
+window.RED.nodes.registerType('${t.name}', ${t.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;
+`.trim()})}getBuiltScript(){return a(this,null,function*(){let t=yield dt__default.default.build({entryPoints:[s.cacheDirFiles.editorIndex],bundle:!0,platform:"browser",format:"iife",target:"es6",sourcemap:!1,minify:this.params.minify,minifyWhitespace:this.params.minify,minifySyntax:this.params.minify,minifyIdentifiers:this.params.minify,legalComments:"none",inject:[`${s.currentPackagedDistPath}/editor/global-solid.ts`],write:!1,loader:{".ts":"ts"}});return t.outputFiles&&t.outputFiles.length>0?t.outputFiles[0].text:""})}prepareEditorIndex(){return a(this,null,function*(){let t=yield this.getBuiltScript(),r=yield J({minify:this.params.minify,nodes:s.listNodesFull,packageNameSlug:s.packageNameSlug}),o=yield z({rawHtml:r.html,minify:this.params.minify,nodes:s.listNodesFull}),n=new C().getAllDocContent(),d=`<script type="application/javascript">${t.trim()}</script>`,c=`<style>${o}</style>`;return `
+${r.allWrappedHtml}
+${c}
+${d}
+${n}`.trim()})}getEditorTask(){return a(this,null,function*(){return this.getEditorIndexContent().then(t=>{h(`${s.cacheDirFiles.editorIndex}`,t).then(()=>{this.prepareEditorIndex().then(r=>a(this,null,function*(){yield h(`${s.pathDist}/${s.config.nodes.editor.htmlName}.html`,r);}));});})})}};var K=class{constructor(t){g(this,"params");g(this,"builderController");g(this,"builderEditor");this.params=u({minify:!1},t),this.builderController=new P({minify:this.params.minify}),this.builderEditor=new F({minify:this.params.minify});}prepare(){M(s.pathLibCacheDir);let t=[_([s.pathDist]),h(`${s.pathLibCacheDir}/config.json`,JSON.stringify(s.config,null,2))];return Promise.all(t)}buildAll(){return a(this,null,function*(){return yield this.prepare(),Promise.all([this.builderController.getControllerTask(),this.builderEditor.getEditorTask()])})}};exports.Builder=K;

package/dist/builder/index.d.cts

@@ -1,109 +1,13 @@
-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[];
-        };
-    }[];
+type BuilderClassParams = {
+    minify?: boolean;
 };
-
-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 };
+declare class Builder {
+    private params;
+    private builderController;
+    private builderEditor;
+    constructor(params?: BuilderClassParams);
+    prepare(): Promise<void[]>;
+    buildAll(): Promise<[void, void]>;
+}
+
+export { Builder };

package/dist/builder/index.d.ts

@@ -1,109 +1,13 @@
-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[];
-        };
-    }[];
+type BuilderClassParams = {
+    minify?: boolean;
 };
-
-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 };
+declare class Builder {
+    private params;
+    private builderController;
+    private builderEditor;
+    constructor(params?: BuilderClassParams);
+    prepare(): Promise<void[]>;
+    buildAll(): Promise<[void, void]>;
+}
+
+export { Builder };

package/dist/builder/index.js

@@ -1,46 +1,45 @@
-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 k,{readFileSync}from'node:fs';import B from'node:path';import {cosmiconfigSync}from'cosmiconfig';import {globSync}from'glob';import {dash,pascal}from'radash';import E from'node:fs/promises';import dt from'esbuild';import {minify}from'html-minifier-terser';import Nt from'@fullhuman/postcss-purgecss';import $t from'autoprefixer';import St from'cssnano';import V from'postcss';import*as U from'sass';import Ct from'tailwindcss';var Q=Object.defineProperty;var v=Object.getOwnPropertySymbols;var X=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var D=(e,t,r)=>t in e?Q(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,u=(e,t)=>{for(var r in t||(t={}))X.call(t,r)&&D(e,r,t[r]);if(v)for(var r of v(t))Y.call(t,r)&&D(e,r,t[r]);return e};var Z=(e=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(e,{get:(t,r)=>(typeof require!="undefined"?require:t)[r]}):e)(function(e){if(typeof require!="undefined")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var g=(e,t,r)=>D(e,typeof t!="symbol"?t+"":t,r);var a=(e,t,r)=>new Promise((o,i)=>{var n=l=>{try{c(r.next(l));}catch(m){i(m);}},d=l=>{try{c(r.throw(l));}catch(m){i(m);}},c=l=>l.done?o(l.value):Promise.resolve(l.value).then(n,d);c((r=r.apply(e,t)).next());});function N(e){return Object.prototype.toString.call(e).slice(8,-1)}function x(e){if(N(e)!=="Object")return !1;let t=Object.getPrototypeOf(e);return !!t&&t.constructor===Object&&t===Object.prototype}function $(e){return N(e)==="Symbol"}function I(e,t,r,o){let i={}.propertyIsEnumerable.call(o,t)?"enumerable":"nonenumerable";i==="enumerable"&&(e[t]=r),i==="nonenumerable"&&Object.defineProperty(e,t,{value:r,enumerable:!1,writable:!0,configurable:!0});}function A(e,t,r){if(!x(t))return t;let o={};if(x(e)){let c=Object.getOwnPropertyNames(e),l=Object.getOwnPropertySymbols(e);o=[...c,...l].reduce((m,p)=>{let w=e[p];return (!$(p)&&!Object.getOwnPropertyNames(t).includes(p)||$(p)&&!Object.getOwnPropertySymbols(t).includes(p))&&I(m,p,w,e),m},{});}let i=Object.getOwnPropertyNames(t),n=Object.getOwnPropertySymbols(t);return [...i,...n].reduce((c,l)=>{let m=t[l],p=x(e)?e[l]:void 0;p!==void 0&&x(m)&&(m=A(p,m));let w=m;return I(c,l,w,t),c},o)}function H(e,...t){return t.reduce((r,o)=>A(r,o),e)}var T={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 it="node-red-dx",nt=e=>e.replace("@","").replace("/","-");function at(){let e=cosmiconfigSync(it);try{let t=e.search();return H(T,t?t.config:{})}catch(t){throw console.error("Error while loading configuration",t),t}}var f=at(),y=process.cwd(),L=JSON.parse(readFileSync(`${y}/package.json`,"utf-8")),O=`${y}/${f.srcDir}`,lt=`${y}/resources`,S=`${O}/${f.nodesDirName}`,j=`${y}/${f.libCacheDir}`,mt=`${B.resolve(__dirname,"..")}`,R=nt(L.name);function ct(){return globSync(`${S}/*`,{withFileTypes:!0}).map(t=>{let r=t.fullpath(),o=`${r}/${f.nodes.editor.dirName}`,i=r.replace(y,"").slice(1),n=`${i}/${f.nodes.editor.dirName}`,d=globSync(`${o}/**/*.scss`),c=globSync(`${r}/doc.mdx`),l=globSync(`${r}/doc.md`),m=dash(t.name);return {fullEditorPath:o,fullPath:r,name:t.name,pascalName:pascal(t.name),dashName:m,relativeEditorPath:n,relativePath:i,nodeIdentifier:`${R}-${m}`,fullControllerPath:`${r}/${f.nodes.controllerName}.ts`,editor:{tsPath:`${o}/${f.nodes.editor.tsName}.ts`,htmlPath:`${o}/${f.nodes.editor.htmlName}.html`,scssFiles:d},doc:{mdxFiles:c,mdFiles:l}}})}function pt(){return {currentDir:y,pathSrcDir:O,pathSrcNodesDir:S,additionalResourcesDir:lt,pathDist:`${y}/${f.builder.outputDir}`,currentPackagedDistPath:mt,cacheDirFiles:{controllerIndex:`${j}/controller-index.ts`,editorIndex:`${j}/editor-index.ts`},pathLibCacheDir:j,packageName:L.name,packageNameSlug:R,config:f,resolvedSrcPathsScss:globSync(`${O}/**/*.scss`,{ignore:`${S}/**/*.scss`}),resolvedNodesPaths:globSync(`${S}/*`),listNodesFull:ct()}}var s=pt();var W=`${B.resolve(__dirname,"..")}`;function M(e){k.existsSync(e)||k.mkdirSync(e,{recursive:!0});}function h(e,t){return a(this,null,function*(){try{yield E.writeFile(e,t);}catch(r){console.error("Error writing controller index:",r);}})}function _(e){return a(this,null,function*(){for(let t of e)try{let r=B.resolve(t),o=yield E.stat(r).catch(()=>null);o!=null&&o.isDirectory()&&(yield E.rm(r,{recursive:!0,force:!0}));}catch(r){console.error(`Error cleaning path (${t}): ${r}`);}})}var P=class{constructor(t){g(this,"params");this.params=u({minify:!1},t);}getControllerIndexContent(){return a(this,null,function*(){return `
 import type { NodeAPI } from 'node-red';
-${N.map(e=>`import ${e.pascalName} from '${e.fullControllerPath}';`).join(`
+${s.listNodesFull.map(t=>`import ${t.pascalName} from '${t.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(`
+    ${s.listNodesFull.map(t=>`// @ts-ignore
+global.RED.nodes.registerType('${t.name}', ${t.pascalName});`).join(`
 `)}
 };
-`.trim()}function pe(){return `
-${W}
+`.trim()})}buildScript(){return dt.build({entryPoints:[s.cacheDirFiles.controllerIndex],outfile:`${s.pathDist}/index.js`,bundle:!0,minify:this.params.minify,minifyWhitespace:this.params.minify,minifyIdentifiers:this.params.minify,minifySyntax:this.params.minify,platform:"node",format:"cjs",target:"es2018",loader:{".ts":"ts"},packages:"external"})}getControllerTask(){return a(this,null,function*(){return this.getControllerIndexContent().then(t=>{h(`${s.cacheDirFiles.controllerIndex}`,t).then(()=>{this.buildScript();});})})}};var C=class{getAllDocContent(){let t=[];for(let r of s.listNodesFull)if(r.doc.mdFiles[0]){let i=k.readFileSync(r.doc.mdFiles[0],"utf-8"),n=`
+<script type="text/markdown" data-help-name="${r.name}">
+${i}
+</script>
+      `;t.push(n);}return t.length?t.join(`
+`):""}};function G(e){return e.trim().replace(/\n\s+/g,"")}function yt(e){return a(this,null,function*(){return minify(e,{collapseWhitespace:!0,removeComments:!0,removeRedundantAttributes:!1,useShortDoctype:!0,removeEmptyAttributes:!1,minifyCSS:!1,minifyJS:!1})})}function ht(e,t){return `
+    <script type="text/html" data-template-name="${e}">
+        ${t}
+    </script>
+`}function xt(e,t,r=!1){return a(this,null,function*(){let o=readFileSync(e.editor.htmlPath,"utf8"),i=`
+  <div class="${t}">
+    <div class="${e.nodeIdentifier}">${o}</div>
+  </div>
+  `,n=r?yield yt(i):i,d=ht(e.name,n);return {nodeName:e.name,nodeIdentifier:e.nodeIdentifier,html:n,wrappedHtml:d}})}function J(e){return a(this,null,function*(){let{nodes:t,minify:r=!1}=e,o=yield Promise.all(t.map(n=>xt(n,e.packageNameSlug,r)));return {html:o.map(n=>n.html).join("").trim(),allWrappedHtml:o.map(n=>r?G(n.wrappedHtml):n.wrappedHtml).join("").trim()}})}function Ft(e,t){return a(this,null,function*(){return (yield V([Nt({content:[{raw:t,extension:"html"}]}),$t,St({preset:"default"})]).process(e,{from:void 0})).css})}function wt(e){return U.compile(e,{style:"expanded"}).css}function q(e){let t={};for(let r=0;r<e.length;r++){let o=e[r];t[o]=wt(o);}return t}function Dt(e){return e.some(r=>r.editor.scssFiles.length)?e.filter(r=>r.editor.scssFiles.length).map(r=>{let o=q(r.editor.scssFiles),i=Object.values(o).join("");return {name:r.name,mergedCompiledStyles:i,scssFinal:`
+        #${r.nodeIdentifier}{
+          ${i}
+        }`}}):[]}function jt(r){return a(this,arguments,function*(e,t={}){let i=u(u({},{content:[{raw:e}],theme:{}}),t),n=globSync(`${W}/${s.config.nodes.editor.dirName}/assets/tailwind.scss`)[0],d=n.length?k.readFileSync(n,"utf8"):"";return (yield V([Ct(i),Z("autoprefixer")]).process(d,{from:void 0})).css})}function Ot(){let e=s.resolvedSrcPathsScss,t=q([...e]);return Object.values(t).join("")}function z(e){return a(this,null,function*(){let{rawHtml:t,minify:r=!1,nodes:o}=e||{},i=Ot(),n=Dt(o),d=yield jt(t),c=p=>`.${s.packageNameSlug}{${p}}`,l=n.map(p=>p.scssFinal).join(`
+`),m=c(`${d}${i}${l}`);return r?Ft(m,t):m})}var F=class{constructor(t){g(this,"params");this.params=u({minify:!1},t);}getEditorIndexContent(){return a(this,null,function*(){return `
 import type { NodeAPI } from 'node-red';
-${N.map(e=>`import ${e.pascalName} from '${e.editor.tsPath}';`).join(`
+${s.listNodesFull.map(t=>`import ${t.pascalName} from '${t.editor.tsPath}';`).join(`
 `)}
 
 declare const RED: NodeAPI;
 
-${N.map(e=>`// @ts-ignore
-window.RED.nodes.registerType('${e.name}', ${e.pascalName});`).join(`
+${s.listNodesFull.map(t=>`// @ts-ignore
+window.RED.nodes.registerType('${t.name}', ${t.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};
+`.trim()})}getBuiltScript(){return a(this,null,function*(){let t=yield dt.build({entryPoints:[s.cacheDirFiles.editorIndex],bundle:!0,platform:"browser",format:"iife",target:"es6",sourcemap:!1,minify:this.params.minify,minifyWhitespace:this.params.minify,minifySyntax:this.params.minify,minifyIdentifiers:this.params.minify,legalComments:"none",inject:[`${s.currentPackagedDistPath}/editor/global-solid.ts`],write:!1,loader:{".ts":"ts"}});return t.outputFiles&&t.outputFiles.length>0?t.outputFiles[0].text:""})}prepareEditorIndex(){return a(this,null,function*(){let t=yield this.getBuiltScript(),r=yield J({minify:this.params.minify,nodes:s.listNodesFull,packageNameSlug:s.packageNameSlug}),o=yield z({rawHtml:r.html,minify:this.params.minify,nodes:s.listNodesFull}),n=new C().getAllDocContent(),d=`<script type="application/javascript">${t.trim()}</script>`,c=`<style>${o}</style>`;return `
+${r.allWrappedHtml}
+${c}
+${d}
+${n}`.trim()})}getEditorTask(){return a(this,null,function*(){return this.getEditorIndexContent().then(t=>{h(`${s.cacheDirFiles.editorIndex}`,t).then(()=>{this.prepareEditorIndex().then(r=>a(this,null,function*(){yield h(`${s.pathDist}/${s.config.nodes.editor.htmlName}.html`,r);}));});})})}};var K=class{constructor(t){g(this,"params");g(this,"builderController");g(this,"builderEditor");this.params=u({minify:!1},t),this.builderController=new P({minify:this.params.minify}),this.builderEditor=new F({minify:this.params.minify});}prepare(){M(s.pathLibCacheDir);let t=[_([s.pathDist]),h(`${s.pathLibCacheDir}/config.json`,JSON.stringify(s.config,null,2))];return Promise.all(t)}buildAll(){return a(this,null,function*(){return yield this.prepare(),Promise.all([this.builderController.getControllerTask(),this.builderEditor.getEditorTask()])})}};export{K as Builder};

package/dist/cli/index.cjs

@@ -1,47 +1,46 @@
 #!/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.3.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 `
-${_}
+'use strict';var perf_hooks=require('perf_hooks'),ne=require('process'),commander=require('commander'),consola=require('consola'),M=require('fs'),q=require('path'),cosmiconfig=require('cosmiconfig'),glob=require('glob'),radash=require('radash'),O=require('fs/promises'),we=require('esbuild'),htmlMinifierTerser=require('html-minifier-terser'),Ie=require('@fullhuman/postcss-purgecss'),Oe=require('autoprefixer'),ke=require('cssnano'),U=require('postcss'),z=require('sass'),He=require('tailwindcss'),_e=require('prettyjson'),ze=require('handlebars'),et=require('browser-sync'),tt=require('chokidar'),te=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 ne__namespace=/*#__PURE__*/_interopNamespace(ne);var M__default=/*#__PURE__*/_interopDefault(M);var q__default=/*#__PURE__*/_interopDefault(q);var O__default=/*#__PURE__*/_interopDefault(O);var we__default=/*#__PURE__*/_interopDefault(we);var Ie__default=/*#__PURE__*/_interopDefault(Ie);var Oe__default=/*#__PURE__*/_interopDefault(Oe);var ke__default=/*#__PURE__*/_interopDefault(ke);var U__default=/*#__PURE__*/_interopDefault(U);var z__namespace=/*#__PURE__*/_interopNamespace(z);var He__default=/*#__PURE__*/_interopDefault(He);var _e__default=/*#__PURE__*/_interopDefault(_e);var ze__default=/*#__PURE__*/_interopDefault(ze);var et__default=/*#__PURE__*/_interopDefault(et);var tt__default=/*#__PURE__*/_interopDefault(tt);var te__default=/*#__PURE__*/_interopDefault(te);var ae=(t=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(t,{get:(e,r)=>(typeof require<"u"?require:e)[r]}):t)(function(t){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+t+'" is not supported')});var A={name:"@keload/node-red-dxp",version:"1.3.2",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","docs:dev":"vitepress dev docs","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs"},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\xE9ment 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/handlebars":"4.1.0","release-it":"17.10.0",tsup:"8.3.5",tsx:"4.19.2",typescript:"5.6.3",vitepress:"1.5.0"},dependencies:{"@fullhuman/postcss-purgecss":"^6.0.0","@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",autoprefixer:"^10.4.20","browser-sync":"3.0.3",chokidar:"4.0.1",commander:"12.1.0",consola:"3.2.3",cosmiconfig:"9.0.0",cssnano:"^7.0.6",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",postcss:"^8.4.49",prettyjson:"1.2.5",radash:"12.1.0",sass:"1.81.0","solid-js":"1.9.3",tailwindcss:"^3.4.15"},files:["dist"]};function w(t){return Object.prototype.toString.call(t).slice(8,-1)}function g(t){if(w(t)!=="Object")return !1;let e=Object.getPrototypeOf(t);return !!e&&e.constructor===Object&&e===Object.prototype}function P(t){return w(t)==="Symbol"}function H(t,e,r,o){let n={}.propertyIsEnumerable.call(o,e)?"enumerable":"nonenumerable";n==="enumerable"&&(t[e]=r),n==="nonenumerable"&&Object.defineProperty(t,e,{value:r,enumerable:!1,writable:!0,configurable:!0});}function B(t,e,r){if(!g(e))return e;let o={};if(g(t)){let m=Object.getOwnPropertyNames(t),c=Object.getOwnPropertySymbols(t);o=[...m,...c].reduce((a,l)=>{let v=t[l];return (!P(l)&&!Object.getOwnPropertyNames(e).includes(l)||P(l)&&!Object.getOwnPropertySymbols(e).includes(l))&&H(a,l,v,t),a},{});}let n=Object.getOwnPropertyNames(e),i=Object.getOwnPropertySymbols(e);return [...n,...i].reduce((m,c)=>{let a=e[c],l=g(t)?t[c]:void 0;l!==void 0&&g(a)&&(a=B(l,a));let v=a;return H(m,c,v,e),m},o)}function R(t,...e){return e.reduce((r,o)=>B(r,o),t)}var T={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 ue="node-red-dx",he=t=>t.replace("@","").replace("/","-");function ge(){let t=cosmiconfig.cosmiconfigSync(ue);try{let e=t.search();return R(T,e?e.config:{})}catch(e){throw console.error("Error while loading configuration",e),e}}var d=ge(),u=process.cwd(),L=JSON.parse(M.readFileSync(`${u}/package.json`,"utf-8")),I=`${u}/${d.srcDir}`,ye=`${u}/resources`,$=`${I}/${d.nodesDirName}`,E=`${u}/${d.libCacheDir}`,xe=`${q__default.default.resolve(__dirname,"..")}`,W=he(L.name);function be(){return glob.globSync(`${$}/*`,{withFileTypes:!0}).map(e=>{let r=e.fullpath(),o=`${r}/${d.nodes.editor.dirName}`,n=r.replace(u,"").slice(1),i=`${n}/${d.nodes.editor.dirName}`,p=glob.globSync(`${o}/**/*.scss`),m=glob.globSync(`${r}/doc.mdx`),c=glob.globSync(`${r}/doc.md`),a=radash.dash(e.name);return {fullEditorPath:o,fullPath:r,name:e.name,pascalName:radash.pascal(e.name),dashName:a,relativeEditorPath:i,relativePath:n,nodeIdentifier:`${W}-${a}`,fullControllerPath:`${r}/${d.nodes.controllerName}.ts`,editor:{tsPath:`${o}/${d.nodes.editor.tsName}.ts`,htmlPath:`${o}/${d.nodes.editor.htmlName}.html`,scssFiles:p},doc:{mdxFiles:m,mdFiles:c}}})}function Ne(){return {currentDir:u,pathSrcDir:I,pathSrcNodesDir:$,additionalResourcesDir:ye,pathDist:`${u}/${d.builder.outputDir}`,currentPackagedDistPath:xe,cacheDirFiles:{controllerIndex:`${E}/controller-index.ts`,editorIndex:`${E}/editor-index.ts`},pathLibCacheDir:E,packageName:L.name,packageNameSlug:W,config:d,resolvedSrcPathsScss:glob.globSync(`${I}/**/*.scss`,{ignore:`${$}/**/*.scss`}),resolvedNodesPaths:glob.globSync(`${$}/*`),listNodesFull:be()}}var s=Ne();var G=`${q__default.default.resolve(__dirname,"..")}`;function C(t){M__default.default.existsSync(t)||M__default.default.mkdirSync(t,{recursive:!0});}async function f(t,e){try{await O__default.default.writeFile(t,e);}catch(r){console.error("Error writing controller index:",r);}}async function J(t){for(let e of t)try{let r=q__default.default.resolve(e),o=await O__default.default.stat(r).catch(()=>null);o!=null&&o.isDirectory()&&await O__default.default.rm(r,{recursive:!0,force:!0});}catch(r){console.error(`Error cleaning path (${e}): ${r}`);}}var S=class{params;constructor(e){this.params={minify:!1,...e};}async getControllerIndexContent(){return `
 import type { NodeAPI } from 'node-red';
-${$.map(e=>`import ${e.pascalName} from '${e.fullControllerPath}';`).join(`
+${s.listNodesFull.map(e=>`import ${e.pascalName} from '${e.fullControllerPath}';`).join(`
 `)}
 
 
 export default async (RED: NodeAPI): Promise<void> => {
     global.RED = RED;
 
-    ${$.map(e=>`// @ts-ignore
+    ${s.listNodesFull.map(e=>`// @ts-ignore
 global.RED.nodes.registerType('${e.name}', ${e.pascalName});`).join(`
 `)}
 };
-`.trim()}function Ie(){return `
-${_}
+`.trim()}buildScript(){return we__default.default.build({entryPoints:[s.cacheDirFiles.controllerIndex],outfile:`${s.pathDist}/index.js`,bundle:!0,minify:this.params.minify,minifyWhitespace:this.params.minify,minifyIdentifiers:this.params.minify,minifySyntax:this.params.minify,platform:"node",format:"cjs",target:"es2018",loader:{".ts":"ts"},packages:"external"})}async getControllerTask(){return this.getControllerIndexContent().then(e=>{f(`${s.cacheDirFiles.controllerIndex}`,e).then(()=>{this.buildScript();});})}};var D=class{getAllDocContent(){let e=[];for(let r of s.listNodesFull)if(r.doc.mdFiles[0]){let n=M__default.default.readFileSync(r.doc.mdFiles[0],"utf-8"),i=`
+<script type="text/markdown" data-help-name="${r.name}">
+${n}
+</script>
+      `;e.push(i);}return e.length?e.join(`
+`):""}};function _(t){return t.trim().replace(/\n\s+/g,"")}function V(t=""){return {name:t,dashName:radash.dash(t),pascalName:radash.pascal(t)}}async function Fe(t){return htmlMinifierTerser.minify(t,{collapseWhitespace:!0,removeComments:!0,removeRedundantAttributes:!1,useShortDoctype:!0,removeEmptyAttributes:!1,minifyCSS:!1,minifyJS:!1})}function je(t,e){return `
+    <script type="text/html" data-template-name="${t}">
+        ${e}
+    </script>
+`}async function ve(t,e,r=!1){let o=M.readFileSync(t.editor.htmlPath,"utf8"),n=`
+  <div class="${e}">
+    <div class="${t.nodeIdentifier}">${o}</div>
+  </div>
+  `,i=r?await Fe(n):n,p=je(t.name,i);return {nodeName:t.name,nodeIdentifier:t.nodeIdentifier,html:i,wrappedHtml:p}}async function K(t){let{nodes:e,minify:r=!1}=t,o=await Promise.all(e.map(i=>ve(i,t.packageNameSlug,r)));return {html:o.map(i=>i.html).join("").trim(),allWrappedHtml:o.map(i=>r?_(i.wrappedHtml):i.wrappedHtml).join("").trim()}}async function Be(t,e){return (await U__default.default([Ie__default.default({content:[{raw:e,extension:"html"}]}),Oe__default.default,ke__default.default({preset:"default"})]).process(t,{from:void 0})).css}function Re(t){return z__namespace.compile(t,{style:"expanded"}).css}function Q(t){let e={};for(let r=0;r<t.length;r++){let o=t[r];e[o]=Re(o);}return e}function Te(t){return t.some(r=>r.editor.scssFiles.length)?t.filter(r=>r.editor.scssFiles.length).map(r=>{let o=Q(r.editor.scssFiles),n=Object.values(o).join("");return {name:r.name,mergedCompiledStyles:n,scssFinal:`
+        #${r.nodeIdentifier}{
+          ${n}
+        }`}}):[]}async function Le(t,e={}){let o={...{content:[{raw:t}],theme:{}},...e},n=glob.globSync(`${G}/${s.config.nodes.editor.dirName}/assets/tailwind.scss`)[0],i=n.length?M__default.default.readFileSync(n,"utf8"):"";return (await U__default.default([He__default.default(o),ae("autoprefixer")]).process(i,{from:void 0})).css}function We(){let t=s.resolvedSrcPathsScss,e=Q([...t]);return Object.values(e).join("")}async function X(t){let{rawHtml:e,minify:r=!1,nodes:o}=t||{},n=We(),i=Te(o),p=await Le(e),m=l=>`.${s.packageNameSlug}{${l}}`,c=i.map(l=>l.scssFinal).join(`
+`),a=m(`${p}${n}${c}`);return r?Be(a,e):a}var F=class{params;constructor(e){this.params={minify:!1,...e};}async getEditorIndexContent(){return `
 import type { NodeAPI } from 'node-red';
-${$.map(e=>`import ${e.pascalName} from '${e.editor.tsPath}';`).join(`
+${s.listNodesFull.map(e=>`import ${e.pascalName} from '${e.editor.tsPath}';`).join(`
 `)}
 
 declare const RED: NodeAPI;
 
-${$.map(e=>`// @ts-ignore
+${s.listNodesFull.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);
+`.trim()}async getBuiltScript(){let e=await we__default.default.build({entryPoints:[s.cacheDirFiles.editorIndex],bundle:!0,platform:"browser",format:"iife",target:"es6",sourcemap:!1,minify:this.params.minify,minifyWhitespace:this.params.minify,minifySyntax:this.params.minify,minifyIdentifiers:this.params.minify,legalComments:"none",inject:[`${s.currentPackagedDistPath}/editor/global-solid.ts`],write:!1,loader:{".ts":"ts"}});return e.outputFiles&&e.outputFiles.length>0?e.outputFiles[0].text:""}async prepareEditorIndex(){let e=await this.getBuiltScript(),r=await K({minify:this.params.minify,nodes:s.listNodesFull,packageNameSlug:s.packageNameSlug}),o=await X({rawHtml:r.html,minify:this.params.minify,nodes:s.listNodesFull}),i=new D().getAllDocContent(),p=`<script type="application/javascript">${e.trim()}</script>`,m=`<style>${o}</style>`;return `
+${r.allWrappedHtml}
+${m}
+${p}
+${i}`.trim()}async getEditorTask(){return this.getEditorIndexContent().then(e=>{f(`${s.cacheDirFiles.editorIndex}`,e).then(()=>{this.prepareEditorIndex().then(async r=>{await f(`${s.pathDist}/${s.config.nodes.editor.htmlName}.html`,r);});});})}};var x=class{params;builderController;builderEditor;constructor(e){this.params={minify:!1,...e},this.builderController=new S({minify:this.params.minify}),this.builderEditor=new F({minify:this.params.minify});}prepare(){C(s.pathLibCacheDir);let e=[J([s.pathDist]),f(`${s.pathLibCacheDir}/config.json`,JSON.stringify(s.config,null,2))];return Promise.all(e)}async buildAll(){return await this.prepare(),Promise.all([this.builderController.getControllerTask(),this.builderEditor.getEditorTask()])}};function Y(t){let e=new commander.Command("checks").description("[WIP] Commands to check the some stuff");e.command("nodes-structure").description("[WIP] Verify the structure of the nodes").action(()=>{console.log("In construction");}),t.addCommand(e);}function Z(t){let e=new commander.Command("info").description("Command to get information").description("Get information about the package").action(()=>{consola.consola.log(_e__default.default.render(s));});t.addCommand(e);}async function Qe(t){try{let e=q__default.default.resolve(t);return await O__default.default.readFile(e,"utf-8")}catch(e){throw new Error(`Failed to load file: ${e.message}`)}}async function Xe(t,e){try{let r=await Qe(t);return ze__default.default.compile(r)(e)}catch(r){throw new Error(`Failed to render template: ${r.message}`)}}var j=class{nodePascalName;nodeDashName;newNodeDistPath;newNodeEditorDistPath;scaffoldedDistHbs;constructor(e){let{pascalName:r,dashName:o}=V(e);this.nodePascalName=r,this.nodeDashName=o,this.newNodeDistPath=`${s.pathSrcNodesDir}/${o}`,this.newNodeEditorDistPath=`${this.newNodeDistPath}/${s.config.nodes.editor.dirName}`,this.scaffoldedDistHbs=`${s.currentPackagedDistPath}/scaffolding/create-node/hbs`;}distFolderExist(){return M__default.default.existsSync(this.newNodeDistPath)}prepareStructure(){return [{finalPath:`${this.newNodeDistPath}/index.ts`,templatePath:`${this.scaffoldedDistHbs}/controller.ts.hbs`,templateData:{nodePascalName:this.nodePascalName,nodeName:this.nodeDashName}},{finalPath:`${this.newNodeDistPath}/types.ts`,templatePath:`${this.scaffoldedDistHbs}/types.ts.hbs`,templateData:{nodePascalName:this.nodePascalName,nodeName:this.nodeDashName}},{finalPath:`${this.newNodeDistPath}/doc.md`,templatePath:`${this.scaffoldedDistHbs}/doc.md.hbs`,templateData:{}},{finalPath:`${this.newNodeEditorDistPath}/index.ts`,templatePath:`${this.scaffoldedDistHbs}/editor/index.ts.hbs`,templateData:{nodePascalName:this.nodePascalName,nodeName:this.nodeDashName}},{finalPath:`${this.newNodeEditorDistPath}/styles.scss`,templatePath:`${this.scaffoldedDistHbs}/editor/styles.scss.hbs`,templateData:{nodeName:this.nodeDashName}},{finalPath:`${this.newNodeEditorDistPath}/index.html`,templatePath:`${this.scaffoldedDistHbs}/editor/index.html.hbs`,templateData:{}}]}async renderFilesTemplates(){let e=this.prepareStructure().map(async r=>Xe(r.templatePath,r.templateData).then(o=>({finalPath:r.finalPath,content:o})));return await Promise.all(e)}async writeNewNode(){let e=await this.renderFilesTemplates();await Promise.all(e.map(r=>f(r.finalPath,r.content)));}};function ee(t){let e=new commander.Command("create-node").description("Create new node").action(async()=>{let r=await consola.consola.prompt("Enter node name:",{type:"text"}),o=radash.dash(r);if(!await consola.consola.prompt(`This name is OK for you '${o}'?`,{type:"confirm"})){consola.consola.info("\u{1F44C} OK. Exiting...");return}let i=new j(o);if(i.distFolderExist()){consola.consola.error(`Node ${i.nodeDashName} already exists`),consola.consola.info(`In ${i.newNodeDistPath}`);return}C(i.newNodeEditorDistPath),await i.writeNewNode();});t.addCommand(e);}var re,k;function rt(){re=te__default.default({exec:`node-red -u ${s.config.watcher.nodeRed.path}`,ignore:["**/*"],ext:"js,html",verbose:!0}),te__default.default.once("start",()=>{k=et__default.default.create(),k.init({ui:!1,proxy:{target:s.config.watcher.nodeRed.url,ws:!0},ghostMode:!1,open:!1,reloadDelay:4e3});}).on("quit",()=>{consola.consola.info("Nodemon has quit"),process.exit(0);});}function ot(){re.restart(),k.reload();}function oe(){let t=s.config.watcher.nodeRed.enabled&&s.config.watcher.nodeRed.path,e=tt__default.default.watch(s.pathSrcDir,{}),r=new x({minify:!1});e.on("ready",async()=>{consola.consola.info("Initial scan complete. Ready for changes"),await r.buildAll(),consola.consola.success("Initial Build completed"),t?rt():consola.consola.warn("Node-Red watcher is disabled. Please enable it in the config file");}).on("change",async o=>{consola.consola.info(`File ${o.replace(s.currentDir,"")} has been changed`),await r.buildAll(),consola.consola.success("Build completed"),t&&ot();});}var h=new commander.Command;h.name("node-red-dxp").description("node-red-dxp CLI").version(A.version);h.command("build").description("Build project").action(async t=>{let e=perf_hooks.performance.now();consola.consola.start("Building..."),await new x({minify:!0}).buildAll();let n=perf_hooks.performance.now()-e,i=n>1e3?`${(n/1e3).toFixed(2)}s`:`${n.toFixed(2)}ms`;consola.consola.ready(`Build completed in ${i}`);});h.command("watch").description("watch project").option("--minify <minify>","[WIP] Minify the output",!1).action(t=>{oe();});Y(h);Z(h);ee(h);h.parse(ne__namespace.argv);

package/dist/editor/assets/tailwind.scss

@@ -0,0 +1,22 @@
+@tailwind utilities; @tailwind components; @tailwind base;
+
+@layer components {
+  .alert {
+    @apply p-4 mb-4 text-sm rounded-lg;
+  }
+  .alert-info {
+    @apply text-blue-800 bg-blue-50;
+  }
+  .alert-danger {
+    @apply text-red-800 bg-red-50;
+  }
+  .alert-success {
+    @apply text-green-800 bg-green-50;
+  }
+  .alert-warning {
+    @apply text-yellow-800 bg-yellow-50;
+  }
+  .alert-dark {
+    @apply text-gray-800 bg-gray-50;
+  }
+}

package/dist/editor/global-solid.ts

@@ -0,0 +1,15 @@
+import * as Solid from 'solid-js';
+
+declare global {
+  var SolidJS: typeof import('solid-js');
+}
+
+declare global {
+  interface Window {
+    SolidJS: typeof import('solid-js');
+  }
+}
+
+if (!window.SolidJS) {
+  window.SolidJS = Solid;
+}

package/dist/editor/index.cjs

@@ -1 +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;
+'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;

package/dist/editor/index.d.cts

@@ -10,6 +10,10 @@ declare namespace EditorDomHelper {
     };
 }
 
+declare function resolveSelector(inSelector: string): string;
+
+declare function createReactiveField<T extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>(selector: string, defaultValue?: string): [() => string, (value: string) => void];
+
 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[];
@@ -20,4 +24,4 @@ declare function domHelper<TProps>(vm: EditorNodeInstance): {
     initSelect: (selector: string, options: Record<string, string>[], params?: EditorDomHelper.InitSelectParams) => void;
 };
 
-export { EditorDomHelper, type NodeControllerConfig, type NodeControllerInst, type NodeEditorProps, createEditorNode, domHelper };
+export { EditorDomHelper, type NodeControllerConfig, type NodeControllerInst, type NodeEditorProps, createEditorNode, createReactiveField, domHelper, resolveSelector };

package/dist/editor/index.d.ts

@@ -10,6 +10,10 @@ declare namespace EditorDomHelper {
     };
 }
 
+declare function resolveSelector(inSelector: string): string;
+
+declare function createReactiveField<T extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>(selector: string, defaultValue?: string): [() => string, (value: string) => void];
+
 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[];
@@ -20,4 +24,4 @@ declare function domHelper<TProps>(vm: EditorNodeInstance): {
     initSelect: (selector: string, options: Record<string, string>[], params?: EditorDomHelper.InitSelectParams) => void;
 };
 
-export { EditorDomHelper, type NodeControllerConfig, type NodeControllerInst, type NodeEditorProps, createEditorNode, domHelper };
+export { EditorDomHelper, type NodeControllerConfig, type NodeControllerInst, type NodeEditorProps, createEditorNode, createReactiveField, domHelper, resolveSelector };

package/dist/editor/index.js

@@ -1 +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};
+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};

package/dist/index.cjs

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

package/dist/index.d.cts

@@ -1,9 +1,14 @@
-import * as node_red from 'node-red';
+import * as solid_js from 'solid-js';
 import { NodeAPI } from 'node-red';
 
 declare global {
     var RED: NodeAPI;
 }
-declare const _RED: NodeAPI<node_red.NodeAPISettingsWithData>;
-
-export { _RED };
+declare global {
+    var SolidJS: typeof solid_js;
+}
+declare global {
+    interface Window {
+        SolidJS: typeof solid_js;
+    }
+}

package/dist/index.d.ts

@@ -1,9 +1,14 @@
-import * as node_red from 'node-red';
+import * as solid_js from 'solid-js';
 import { NodeAPI } from 'node-red';
 
 declare global {
     var RED: NodeAPI;
 }
-declare const _RED: NodeAPI<node_red.NodeAPISettingsWithData>;
-
-export { _RED };
+declare global {
+    var SolidJS: typeof solid_js;
+}
+declare global {
+    interface Window {
+        SolidJS: typeof solid_js;
+    }
+}

package/dist/index.js

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

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

@@ -0,0 +1,12 @@
+import type { NodeControllerConfig, NodeControllerInst } from '@keload/node-red-dxp/editor';
+import type { Node{{nodePascalName}}Props } from './types';
+
+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/doc.md.hbs

@@ -0,0 +1,32 @@
+Connects to a MQTT broker and publishes messages.
+
+### Inputs
+
+: payload (string | buffer) :  the payload of the message to publish.
+: *topic* (string)          :  the MQTT topic to publish to.
+
+
+### Outputs
+
+1. Standard output
+: payload (string) : the standard output of the command.
+
+2. Standard error
+: payload (string) : the standard error of the command.
+
+### Details
+
+`msg.payload` is used as the payload of the published message.
+If it contains an Object it will be converted to a JSON string before being sent.
+If it contains a binary Buffer the message will be published as-is.
+
+The topic used can be configured in the node or, if left blank, can be set
+`msg.topic`.
+
+Likewise the QoS and retain values can be configured in the node or, if left
+blank, set by `msg.qos` and `msg.retain` respectively.
+
+### References
+
+- [Twitter API docs]() - full description of `msg.tweet` property
+- [GitHub]() - the nodes github repository

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

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

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

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

package/dist/scaffolding/create-node/hbs/editor/styles.scss.hbs

@@ -0,0 +1,2 @@
+// this file is optional and can be removed if you don't need it
+// all styles are scoped to the editor of this node `{{nodeName}}`

package/dist/scaffolding/create-node/hbs/types.ts.hbs

@@ -0,0 +1,3 @@
+export interface Node{{nodePascalName}}Props {
+    age: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keload/node-red-dxp",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "",
   "type": "module",
   "scripts": {
@@ -10,7 +10,10 @@
     "lint": "pnpm biome lint",
     "lint:check": "pnpm biome check",
     "release": "pnpm release-it",
-    "release:test": "pnpm release-it --dry-run"
+    "release:test": "pnpm release-it --dry-run",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs"
   },
   "publishConfig": {
     "access": "public"
@@ -47,32 +50,39 @@
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
     "@release-it/conventional-changelog": "9.0.3",
+    "@types/handlebars": "4.1.0",
     "release-it": "17.10.0",
     "tsup": "8.3.5",
     "tsx": "4.19.2",
-    "typescript": "5.6.3"
+    "typescript": "5.6.3",
+    "vitepress": "1.5.0"
   },
   "dependencies": {
+    "@fullhuman/postcss-purgecss": "^6.0.0",
     "@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",
+    "autoprefixer": "^10.4.20",
     "browser-sync": "3.0.3",
     "chokidar": "4.0.1",
     "commander": "12.1.0",
     "consola": "3.2.3",
     "cosmiconfig": "9.0.0",
-    "del": "^6.1.1",
+    "cssnano": "^7.0.6",
     "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",
+    "postcss": "^8.4.49",
     "prettyjson": "1.2.5",
     "radash": "12.1.0",
-    "sass": "1.81.0"
+    "sass": "1.81.0",
+    "solid-js": "1.9.3",
+    "tailwindcss": "^3.4.15"
   },
   "files": [
     "dist"

package/dist/editor/assets/styles.scss

@@ -1,182 +0,0 @@
-@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);
-