backflow-ui-renderer 0.1.62 → 0.1.63

package/dist/vite.cjs

@@ -1,17 +1,23 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("node:fs"),f=require("node:path"),S=require("node:module");var u=typeof document<"u"?document.currentScript:null;const g=S.createRequire(typeof document>"u"?require("url").pathToFileURL(__filename).href:u&&u.tagName.toUpperCase()==="SCRIPT"&&u.src||new URL("vite.cjs",document.baseURI).href),h="virtual:backflow-workflow-icons",d=`\0${h}`,$="@squeed/flow-sdk",y="\0backflow-empty-flow-sdk",I=e=>e.split("-").filter(Boolean).map(t=>t[0].toUpperCase()+t.slice(1)).join("");function p(e,t=new Set){if(Array.isArray(e)){for(const r of e)p(r,t);return t}if(!e||typeof e!="object")return t;for(const[r,o]of Object.entries(e)){const n=r==="icon"||r==="iconName"||r.endsWith("Icon"),s=typeof o=="string"&&/^[a-z0-9]+(?:-[a-z0-9]+)*$/i.test(o);n&&s&&t.add(o),p(o,t)}return t}function m(e){return Array.isArray(e)?e.some(m):!e||typeof e!="object"?!1:e.type==="flow"?!0:Object.values(e).some(m)}function k(e){const t=g.resolve(`react-icons/${e}`,{paths:[process.cwd()]}),r=w.readFileSync(f.join(f.dirname(t),"index.d.ts"),"utf-8");return new Set(Array.from(r.matchAll(/export declare const (\w+)/g),o=>o[1]))}function _(e,t){const[r,...o]=e.split("-");let n;if(o.length>0)try{t.has(r)||t.set(r,k(r)),n=r}catch{}const s=n?[n]:["fi","lu"],i=n?o.join("-"):e;for(const c of s){const l=`${I(c)}${I(i)}`;let a=t.get(c);if(!a)try{a=k(c),t.set(c,a)}catch{continue}if(a.has(l))return{name:e,packageName:`react-icons/${c}`,exportName:l}}throw new Error(`Unsupported workflow icon: ${e}`)}function b(e){const t=JSON.parse(w.readFileSync(e,"utf-8")),r=new Map,o=Array.from(p(t)).sort().map(i=>_(i,r)),n=o.map(({packageName:i,exportName:c},l)=>`import { ${c} as Icon${l} } from "${i}";`).join(`
-`),s=o.map(({name:i},c)=>`  ${JSON.stringify(i)}: Icon${c},`).join(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("node:fs"),u=require("node:path"),U=require("node:module");var m=typeof document<"u"?document.currentScript:null;const L=U.createRequire(typeof document>"u"?require("url").pathToFileURL(__filename).href:m&&m.tagName.toUpperCase()==="SCRIPT"&&m.src||new URL("vite.cjs",document.baseURI).href),x="virtual:backflow-workflow-icons",d=`\0${x}`,A="@squeed/flow-sdk",I="\0backflow-empty-flow-sdk",S=e=>e.split("-").filter(Boolean).map(t=>t[0].toUpperCase()+t.slice(1)).join("");function g(e,t=new Set){if(Array.isArray(e)){for(const o of e)g(o,t);return t}if(!e||typeof e!="object")return t;for(const[o,r]of Object.entries(e)){const n=o==="icon"||o==="iconName"||o.endsWith("Icon"),c=typeof r=="string"&&/^[a-z0-9]+(?:-[a-z0-9]+)*$/i.test(r);n&&c&&t.add(r),g(r,t)}return t}function y(e){return Array.isArray(e)?e.some(y):!e||typeof e!="object"?!1:e.type==="flow"?!0:Object.values(e).some(y)}function k(e){const t=L.resolve(`react-icons/${e}`,{paths:[process.cwd()]}),o=h.readFileSync(u.join(u.dirname(t),"index.d.ts"),"utf-8");return new Set(Array.from(o.matchAll(/export declare const (\w+)/g),r=>r[1]))}function W(e,t){const[o,...r]=e.split("-");let n;if(r.length>0)try{t.has(o)||t.set(o,k(o)),n=o}catch{}const c=n?[n]:["fi","lu"],s=n?r.join("-"):e;for(const i of c){const a=`${S(i)}${S(s)}`;let l=t.get(i);if(!l)try{l=k(i),t.set(i,l)}catch{continue}if(l.has(a))return{name:e,packageName:`react-icons/${i}`,exportName:a}}throw new Error(`Unsupported workflow icon: ${e}`)}function D(e){const t=JSON.parse(h.readFileSync(e,"utf-8")),o=new Map,r=Array.from(g(t)).sort().map(s=>W(s,o)),n=r.map(({packageName:s,exportName:i},a)=>`import { ${i} as Icon${a} } from "${s}";`).join(`
+`),c=r.map(({name:s},i)=>`  ${JSON.stringify(s)}: Icon${i},`).join(`
 `);return`${n}
 import { createElement } from "react";
 
 const icons = {
-${s}
+${c}
 };
 
 export const workflowIconResolver = (name, size, style) => {
   const Icon = icons[name];
   return Icon ? createElement(Icon, { size, style: { ...style, flexShrink: 0 } }) : null;
 };
-`}const F=`
+`}const O=`
 export const createFlowDiagram = () => ({ nodes: [], edges: [] });
 export const FlowDiagram = () => null;
-`;function j({workflowPath:e}){const t=f.resolve(e),r=()=>JSON.parse(w.readFileSync(t,"utf-8"));return{name:"backflow-workflow-icons",enforce:"pre",buildStart(){this.addWatchFile(t)},resolveId(o){return o===$&&!m(r())?y:o===h?d:null},load(o){return o===y?F:o===d?b(t):null},handleHotUpdate({file:o,server:n}){if(f.resolve(o)!==t)return;const s=n.moduleGraph.getModuleById(d);return s?[s]:[]}}}exports.workflowIcons=j;
+`,$="manifest.webmanifest",v="sw.js";function R(e){var c;const t=/^data:([^;,]+)(;base64)?,(.*)$/s.exec(e||"");if(!t)return null;const o=t[1],r=t[2]?Buffer.from(t[3],"base64"):Buffer.from(decodeURIComponent(t[3])),n=o.includes("svg")?"svg":((c=o.split("/")[1])==null?void 0:c.split("+")[0])||"png";return{mime:o,buffer:r,ext:n}}function B(e){var w,b;const t=(e==null?void 0:e.config)||{},o=String((e==null?void 0:e.title)||t.title||"App"),r=String(((w=t.colors)==null?void 0:w.primary)||"#111827"),n=String(((b=t.colors)==null?void 0:b.background)||"#ffffff"),c=String(t.logo||"");let s,i,a,l="512x512";const f=c.startsWith("data:image/")?R(c):null;if(f)s=`backflow-pwa-icon.${f.ext}`,i=f.mime,a=f.buffer,f.ext==="svg"&&(l="any");else{const E=(o.trim()[0]||"B").toUpperCase(),N=`<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512"><rect width="512" height="512" rx="96" fill="${r}"/><text x="50%" y="52%" font-size="300" font-family="Georgia,serif" fill="#ffffff" text-anchor="middle" dominant-baseline="middle">${E}</text></svg>`;s="backflow-pwa-icon.svg",i="image/svg+xml",a=Buffer.from(N),l="any"}const p=`/${s}`,_={name:o,short_name:o.slice(0,12),start_url:"/",scope:"/",display:"standalone",orientation:"portrait",background_color:n,theme_color:r,icons:[{src:p,sizes:l,type:i,purpose:"any"},{src:p,sizes:l,type:i,purpose:"maskable"}]},F=`// Backflow PWA service worker (network pass-through)
+self.addEventListener("install", () => self.skipWaiting());
+self.addEventListener("activate", (event) => event.waitUntil(self.clients.claim()));
+self.addEventListener("fetch", () => { /* network only */ });
+`,j=[`<link rel="manifest" href="/${$}">`,`<meta name="theme-color" content="${r}">`,'<meta name="mobile-web-app-capable" content="yes">','<meta name="apple-mobile-web-app-capable" content="yes">','<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">',`<link rel="apple-touch-icon" href="${p}">`,`<script>if('serviceWorker' in navigator){window.addEventListener('load',function(){navigator.serviceWorker.register('/${v}').catch(function(){});});}<\/script>`].join(`
+    `);return{files:[{name:$,source:JSON.stringify(_),type:"application/manifest+json"},{name:v,source:F,type:"text/javascript"},{name:s,source:a,type:i}],html:j}}function z({workflowPath:e}){const t=u.resolve(e),o=()=>JSON.parse(h.readFileSync(t,"utf-8")),r=()=>B(o());return{name:"backflow-workflow-icons",enforce:"pre",buildStart(){this.addWatchFile(t)},configureServer(n){n.middlewares.use((c,s,i)=>{const a=(c.url||"").split("?")[0];try{const f=r().files.find(p=>a===`/${p.name}`);if(f){s.setHeader("Content-Type",f.type),s.end(f.source);return}}catch{}i()})},generateBundle(){for(const n of r().files)this.emitFile({type:"asset",fileName:n.name,source:n.source})},transformIndexHtml:{order:"post",handler(n){const c=r().html;return n.replace("</head>",`    ${c}
+  </head>`)}},resolveId(n){return n===A&&!y(o())?I:n===x?d:null},load(n){return n===I?O:n===d?D(t):null},handleHotUpdate({file:n,server:c}){if(u.resolve(n)!==t)return;const s=c.moduleGraph.getModuleById(d);return s?[s]:[]}}}exports.workflowIcons=z;

package/dist/vite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAQnC,UAAU,oBAAoB;IAC5B,YAAY,EAAE,MAAM,CAAC;CACtB;AAsHD,wBAAgB,aAAa,CAAC,EAAE,YAAY,EAAE,EAAE,oBAAoB,GAAG,MAAM,CA4B5E"}
+{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAQnC,UAAU,oBAAoB;IAC5B,YAAY,EAAE,MAAM,CAAC;CACtB;AA4MD,wBAAgB,aAAa,CAAC,EAAE,YAAY,EAAE,EAAE,oBAAoB,GAAG,MAAM,CA2D5E"}

package/dist/vite.js

@@ -1,67 +1,67 @@
-import { readFileSync as m } from "node:fs";
-import { resolve as d, join as $, dirname as h } from "node:path";
-import { createRequire as g } from "node:module";
-const x = g(import.meta.url), k = "virtual:backflow-workflow-icons", f = `\0${k}`, S = "@squeed/flow-sdk", w = "\0backflow-empty-flow-sdk", y = (o) => o.split("-").filter(Boolean).map((t) => t[0].toUpperCase() + t.slice(1)).join("");
-function p(o, t = /* @__PURE__ */ new Set()) {
-  if (Array.isArray(o)) {
-    for (const r of o) p(r, t);
+import { readFileSync as g } from "node:fs";
+import { resolve as w, join as N, dirname as A } from "node:path";
+import { createRequire as L } from "node:module";
+const W = L(import.meta.url), v = "virtual:backflow-workflow-icons", m = `\0${v}`, D = "@squeed/flow-sdk", b = "\0backflow-empty-flow-sdk", x = (e) => e.split("-").filter(Boolean).map((t) => t[0].toUpperCase() + t.slice(1)).join("");
+function u(e, t = /* @__PURE__ */ new Set()) {
+  if (Array.isArray(e)) {
+    for (const o of e) u(o, t);
     return t;
   }
-  if (!o || typeof o != "object") return t;
-  for (const [r, e] of Object.entries(o)) {
-    const n = r === "icon" || r === "iconName" || r.endsWith("Icon"), c = typeof e == "string" && /^[a-z0-9]+(?:-[a-z0-9]+)*$/i.test(e);
-    n && c && t.add(e), p(e, t);
+  if (!e || typeof e != "object") return t;
+  for (const [o, r] of Object.entries(e)) {
+    const n = o === "icon" || o === "iconName" || o.endsWith("Icon"), i = typeof r == "string" && /^[a-z0-9]+(?:-[a-z0-9]+)*$/i.test(r);
+    n && i && t.add(r), u(r, t);
   }
   return t;
 }
-function u(o) {
-  return Array.isArray(o) ? o.some(u) : !o || typeof o != "object" ? !1 : o.type === "flow" ? !0 : Object.values(o).some(u);
+function d(e) {
+  return Array.isArray(e) ? e.some(d) : !e || typeof e != "object" ? !1 : e.type === "flow" ? !0 : Object.values(e).some(d);
 }
-function I(o) {
-  const t = x.resolve(`react-icons/${o}`, {
+function $(e) {
+  const t = W.resolve(`react-icons/${e}`, {
     paths: [process.cwd()]
-  }), r = m($(h(t), "index.d.ts"), "utf-8");
+  }), o = g(N(A(t), "index.d.ts"), "utf-8");
   return new Set(
     Array.from(
-      r.matchAll(/export declare const (\w+)/g),
-      (e) => e[1]
+      o.matchAll(/export declare const (\w+)/g),
+      (r) => r[1]
     )
   );
 }
-function b(o, t) {
-  const [r, ...e] = o.split("-");
+function U(e, t) {
+  const [o, ...r] = e.split("-");
   let n;
-  if (e.length > 0)
+  if (r.length > 0)
     try {
-      t.has(r) || t.set(r, I(r)), n = r;
+      t.has(o) || t.set(o, $(o)), n = o;
     } catch {
     }
-  const c = n ? [n] : ["fi", "lu"], i = n ? e.join("-") : o;
-  for (const s of c) {
-    const l = `${y(s)}${y(i)}`;
-    let a = t.get(s);
-    if (!a)
+  const i = n ? [n] : ["fi", "lu"], s = n ? r.join("-") : e;
+  for (const c of i) {
+    const a = `${x(c)}${x(s)}`;
+    let l = t.get(c);
+    if (!l)
       try {
-        a = I(s), t.set(s, a);
+        l = $(c), t.set(c, l);
       } catch {
         continue;
       }
-    if (a.has(l))
-      return { name: o, packageName: `react-icons/${s}`, exportName: l };
+    if (l.has(a))
+      return { name: e, packageName: `react-icons/${c}`, exportName: a };
   }
-  throw new Error(`Unsupported workflow icon: ${o}`);
+  throw new Error(`Unsupported workflow icon: ${e}`);
 }
-function j(o) {
-  const t = JSON.parse(m(o, "utf-8")), r = /* @__PURE__ */ new Map(), e = Array.from(p(t)).sort().map((i) => b(i, r)), n = e.map(
-    ({ packageName: i, exportName: s }, l) => `import { ${s} as Icon${l} } from "${i}";`
+function B(e) {
+  const t = JSON.parse(g(e, "utf-8")), o = /* @__PURE__ */ new Map(), r = Array.from(u(t)).sort().map((s) => U(s, o)), n = r.map(
+    ({ packageName: s, exportName: c }, a) => `import { ${c} as Icon${a} } from "${s}";`
   ).join(`
-`), c = e.map(({ name: i }, s) => `  ${JSON.stringify(i)}: Icon${s},`).join(`
+`), i = r.map(({ name: s }, c) => `  ${JSON.stringify(s)}: Icon${c},`).join(`
 `);
   return `${n}
 import { createElement } from "react";
 
 const icons = {
-${c}
+${i}
 };
 
 export const workflowIconResolver = (name, size, style) => {
@@ -70,31 +70,114 @@ export const workflowIconResolver = (name, size, style) => {
 };
 `;
 }
-const A = `
+const O = `
 export const createFlowDiagram = () => ({ nodes: [], edges: [] });
 export const FlowDiagram = () => null;
-`;
-function O({ workflowPath: o }) {
-  const t = d(o), r = () => JSON.parse(m(t, "utf-8"));
+`, k = "manifest.webmanifest", I = "sw.js";
+function z(e) {
+  var i;
+  const t = /^data:([^;,]+)(;base64)?,(.*)$/s.exec(e || "");
+  if (!t) return null;
+  const o = t[1], r = t[2] ? Buffer.from(t[3], "base64") : Buffer.from(decodeURIComponent(t[3])), n = o.includes("svg") ? "svg" : ((i = o.split("/")[1]) == null ? void 0 : i.split("+")[0]) || "png";
+  return { mime: o, buffer: r, ext: n };
+}
+function M(e) {
+  var y, h;
+  const t = (e == null ? void 0 : e.config) || {}, o = String((e == null ? void 0 : e.title) || t.title || "App"), r = String(((y = t.colors) == null ? void 0 : y.primary) || "#111827"), n = String(((h = t.colors) == null ? void 0 : h.background) || "#ffffff"), i = String(t.logo || "");
+  let s, c, a, l = "512x512";
+  const f = i.startsWith("data:image/") ? z(i) : null;
+  if (f)
+    s = `backflow-pwa-icon.${f.ext}`, c = f.mime, a = f.buffer, f.ext === "svg" && (l = "any");
+  else {
+    const j = (o.trim()[0] || "B").toUpperCase(), F = `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512"><rect width="512" height="512" rx="96" fill="${r}"/><text x="50%" y="52%" font-size="300" font-family="Georgia,serif" fill="#ffffff" text-anchor="middle" dominant-baseline="middle">${j}</text></svg>`;
+    s = "backflow-pwa-icon.svg", c = "image/svg+xml", a = Buffer.from(F), l = "any";
+  }
+  const p = `/${s}`, S = {
+    name: o,
+    short_name: o.slice(0, 12),
+    start_url: "/",
+    scope: "/",
+    display: "standalone",
+    orientation: "portrait",
+    background_color: n,
+    theme_color: r,
+    icons: [
+      { src: p, sizes: l, type: c, purpose: "any" },
+      { src: p, sizes: l, type: c, purpose: "maskable" }
+    ]
+  }, E = `// Backflow PWA service worker (network pass-through)
+self.addEventListener("install", () => self.skipWaiting());
+self.addEventListener("activate", (event) => event.waitUntil(self.clients.claim()));
+self.addEventListener("fetch", () => { /* network only */ });
+`, _ = [
+    `<link rel="manifest" href="/${k}">`,
+    `<meta name="theme-color" content="${r}">`,
+    '<meta name="mobile-web-app-capable" content="yes">',
+    '<meta name="apple-mobile-web-app-capable" content="yes">',
+    '<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">',
+    `<link rel="apple-touch-icon" href="${p}">`,
+    `<script>if('serviceWorker' in navigator){window.addEventListener('load',function(){navigator.serviceWorker.register('/${I}').catch(function(){});});}<\/script>`
+  ].join(`
+    `);
+  return {
+    files: [
+      { name: k, source: JSON.stringify(S), type: "application/manifest+json" },
+      { name: I, source: E, type: "text/javascript" },
+      { name: s, source: a, type: c }
+    ],
+    html: _
+  };
+}
+function C({ workflowPath: e }) {
+  const t = w(e), o = () => JSON.parse(g(t, "utf-8")), r = () => M(o());
   return {
     name: "backflow-workflow-icons",
     enforce: "pre",
     buildStart() {
       this.addWatchFile(t);
     },
-    resolveId(e) {
-      return e === S && !u(r()) ? w : e === k ? f : null;
+    configureServer(n) {
+      n.middlewares.use((i, s, c) => {
+        const a = (i.url || "").split("?")[0];
+        try {
+          const f = r().files.find((p) => a === `/${p.name}`);
+          if (f) {
+            s.setHeader("Content-Type", f.type), s.end(f.source);
+            return;
+          }
+        } catch {
+        }
+        c();
+      });
+    },
+    generateBundle() {
+      for (const n of r().files)
+        this.emitFile({ type: "asset", fileName: n.name, source: n.source });
+    },
+    transformIndexHtml: {
+      order: "post",
+      handler(n) {
+        const i = r().html;
+        return n.replace(
+          "</head>",
+          `    ${i}
+  </head>`
+        );
+      }
+    },
+    resolveId(n) {
+      return n === D && !d(o()) ? b : n === v ? m : null;
     },
-    load(e) {
-      return e === w ? A : e === f ? j(t) : null;
+    load(n) {
+      return n === b ? O : n === m ? B(t) : null;
     },
-    handleHotUpdate({ file: e, server: n }) {
-      if (d(e) !== t) return;
-      const c = n.moduleGraph.getModuleById(f);
-      return c ? [c] : [];
+    handleHotUpdate({ file: n, server: i }) {
+      if (w(n) !== t) return;
+      const s = i.moduleGraph.getModuleById(m);
+      return s ? [s] : [];
     }
   };
 }
 export {
-  O as workflowIcons
+  C as workflowIcons
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "backflow-ui-renderer",
-  "version": "0.1.62",
+  "version": "0.1.63",
   "description": "Standalone React workflow renderer for Backflow",
   "type": "module",
   "main": "./dist/index.cjs",