@linkdlab/funcnodes_pyodide_react_flow 0.1.0 → 0.1.1

package/dist/esm/style.css

@@ -12,98 +12,6 @@
   stroke: #11ff00;
 }
 
-.dialogoverlay {
-  background-color: rgba(0, 0, 0, 0.5);
-  position: fixed;
-  inset: 0;
-  animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
-  z-index: 2000;
-}
-
-.dialogconent {
-  background-color: var(--funcnodesbackground1);
-  border-radius: 6px;
-  box-shadow: var(--funheadercolor) 0px 10px 38px -10px, var(--funheadercolor) 0px 10px 20px -15px;
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 90vw;
-  max-width: 85vw;
-  max-height: 85vh;
-  padding: 25px;
-  animation: contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
-  color: var(--funcnodestextcolor1);
-  border: 1px solid var(--funheadercolor);
-  display: flex;
-  flex-direction: column;
-  z-index: 2001;
-}
-
-.dialogtitle {
-  margin: 0;
-  font-weight: 500;
-  color: var(--funheadercolor);
-  font-size: 17px;
-}
-
-.dialogdescription {
-  margin: 10px 0 20px;
-  font-size: 15px;
-  line-height: 1.5;
-}
-
-.dialogclosebutton {
-  border-radius: 100%;
-  height: 25px;
-  width: 25px;
-  display: inline-flex;
-  background-color: inherit;
-  align-items: center;
-  justify-content: center;
-  color: var(--funheadercolor);
-  position: absolute;
-  top: 10px;
-  right: 10px;
-  border: none;
-}
-
-.dialogclosebutton:hover {
-  background-color: var(--funheadercolor);
-  color: var(--funcnodesbackground1);
-}
-
-.dialogclosebutton:active {
-  background-color: var(--funheadercolor);
-  color: var(--funcnodestextcolor1);
-}
-
-.dialogsendbutton {
-  background-color: var(--funcnodesbackground1);
-  color: var(--funheadercolor);
-  border: 1px solid var(--funheadercolor);
-  border-radius: 99rem;
-  padding: 10px 20px;
-  cursor: pointer;
-  font-size: 15px;
-  margin-top: 20px;
-}
-
-.dialogsendbutton:hover {
-  background-color: var(--funheadercolor);
-  color: var(--funcnodesbackground1);
-}
-
-.dialogsendbutton:active {
-  background-color: var(--funheadercolor);
-  color: var(--funcnodestextcolor1);
-}
-
-.dialogchildren {
-  margin-top: 20px;
-  overflow: auto;
-}
-
 :root {
   --expandtime: 0.3s;
   --libnodebgcolor: #48465f;
@@ -381,6 +289,98 @@
   color: #0056b3;
 }
 
+.dialogoverlay {
+  background-color: rgba(0, 0, 0, 0.5);
+  position: fixed;
+  inset: 0;
+  animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  z-index: 2000;
+}
+
+.dialogconent {
+  background-color: var(--funcnodesbackground1);
+  border-radius: 6px;
+  box-shadow: var(--funheadercolor) 0px 10px 38px -10px, var(--funheadercolor) 0px 10px 20px -15px;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 90vw;
+  max-width: 85vw;
+  max-height: 85vh;
+  padding: 25px;
+  animation: contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  color: var(--funcnodestextcolor1);
+  border: 1px solid var(--funheadercolor);
+  display: flex;
+  flex-direction: column;
+  z-index: 2001;
+}
+
+.dialogtitle {
+  margin: 0;
+  font-weight: 500;
+  color: var(--funheadercolor);
+  font-size: 17px;
+}
+
+.dialogdescription {
+  margin: 10px 0 20px;
+  font-size: 15px;
+  line-height: 1.5;
+}
+
+.dialogclosebutton {
+  border-radius: 100%;
+  height: 25px;
+  width: 25px;
+  display: inline-flex;
+  background-color: inherit;
+  align-items: center;
+  justify-content: center;
+  color: var(--funheadercolor);
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  border: none;
+}
+
+.dialogclosebutton:hover {
+  background-color: var(--funheadercolor);
+  color: var(--funcnodesbackground1);
+}
+
+.dialogclosebutton:active {
+  background-color: var(--funheadercolor);
+  color: var(--funcnodestextcolor1);
+}
+
+.dialogsendbutton {
+  background-color: var(--funcnodesbackground1);
+  color: var(--funheadercolor);
+  border: 1px solid var(--funheadercolor);
+  border-radius: 99rem;
+  padding: 10px 20px;
+  cursor: pointer;
+  font-size: 15px;
+  margin-top: 20px;
+}
+
+.dialogsendbutton:hover {
+  background-color: var(--funheadercolor);
+  color: var(--funcnodesbackground1);
+}
+
+.dialogsendbutton:active {
+  background-color: var(--funheadercolor);
+  color: var(--funcnodestextcolor1);
+}
+
+.dialogchildren {
+  margin-top: 20px;
+  overflow: auto;
+}
+
 /* this gets exported as style.css and can be used for the default theming */
 /* these are the necessary styles for React Flow, they get used by base.css and style.css */
 .react-flow {
@@ -869,112 +869,46 @@
   top: 100%;
 }
 
-:root {
-  --funheadercolor: #00d9ff;
-  --funcnodesbackground1: hsl(243, 26%, 13%);
-  --funcnodesbackground2: hsl(245, 22%, 22%);
-  --funcnodesbackground_light: hsl(240, 22%, 38%);
-  --containerboarderradius: 1rem;
-  --funcnodestextcolor1: #ffffff;
-}
-
-.funcnodescontainer {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.funcnodescontainer code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
+.smooth-expand-expanded {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
 }
 
-.funcnodesreactflowcontainer {
-  width: 100%;
-  height: 100%;
+.basicstyleelement, .headermenucontent, .styled-select__menu, .styleelement, .styledcheckbox, .styledinput, .styledbtn, .styleddropdown {
   background-color: var(--funcnodesbackground1);
-  position: relative;
-  display: flex;
-  flex-direction: column;
   color: var(--funcnodestextcolor1);
+  border-radius: 0.75rem;
+  border: 1px solid var(--funheadercolor);
 }
 
-.funcnodesreactflowcontainer * {
-  box-sizing: border-box;
+.styleelement, .styledcheckbox, .styledinput, .styledbtn, .styleddropdown {
+  height: 2rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
 }
 
-.funcnodesreactflowbody {
-  flex-grow: 1;
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  overflow: hidden;
+.styleelement:hover, .styledcheckbox:hover, .styledinput:hover, .styledbtn:hover, .styleddropdown:hover {
+  background-color: var(--funcnodesbackground_light);
 }
 
-.reactflowlayer {
-  flex-grow: 1;
-  position: relative;
-  overflow: hidden;
-  background-color: var(--funcnodesbackground2);
-  margin: 0.5rem;
-  border-radius: var(--containerboarderradius);
+.styleelement:active, .styledcheckbox:active, .styledinput:active, .styledbtn:active, .styleddropdown:active {
+  background-color: var(--funheadercolor);
+  color: var(--funcnodesbackground1);
 }
 
-.vscrollcontainer {
-  overflow-y: auto;
-  overflow-x: hidden;
-  flex-grow: 1;
-  padding: 0.5rem;
-  box-sizing: border-box;
+.styleelement:focus, .styledcheckbox:focus, .styledinput:focus, .styledbtn:focus, .styleddropdown:focus {
+  outline: 1px solid var(--funheadercolor);
 }
 
-.workerselect {
-  max-width: 140px;
+.styleddropdown {
+  padding-right: 0.25rem;
 }
 
-.workerselectoption.selected {
-  color: var(--funcnodestextcolor1);
-}
-
-.workerselectoption.active {
-  color: green;
-}
-
-.workerselectoption.inactive {
-  color: red;
-}
-
-.basicstyleelement, .headermenucontent, .styled-select__menu, .styleelement, .styledcheckbox, .styledinput, .styledbtn, .styleddropdown {
-  background-color: var(--funcnodesbackground1);
-  color: var(--funcnodestextcolor1);
-  border-radius: 0.75rem;
-  border: 1px solid var(--funheadercolor);
-}
-
-.styleelement, .styledcheckbox, .styledinput, .styledbtn, .styleddropdown {
-  height: 2rem;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-
-.styleelement:hover, .styledcheckbox:hover, .styledinput:hover, .styledbtn:hover, .styleddropdown:hover {
-  background-color: var(--funcnodesbackground_light);
-}
-
-.styleelement:active, .styledcheckbox:active, .styledinput:active, .styledbtn:active, .styleddropdown:active {
-  background-color: var(--funheadercolor);
-  color: var(--funcnodesbackground1);
-}
-
-.styleelement:focus, .styledcheckbox:focus, .styledinput:focus, .styledbtn:focus, .styleddropdown:focus {
-  outline: 1px solid var(--funheadercolor);
-}
-
-.styleddropdown {
-  padding-right: 0.25rem;
-}
-
-.styledbtn {
-  cursor: pointer;
+.styledbtn {
+  cursor: pointer;
 }
 
 .styledinput :focus {
@@ -1081,6 +1015,90 @@ button {
   font-size: inherit;
 }
 
+:root {
+  --funheadercolor: #00d9ff;
+  --funcnodesbackground1: hsl(243, 26%, 13%);
+  --funcnodesbackground2: hsl(245, 22%, 22%);
+  --funcnodesbackground_light: hsl(240, 22%, 38%);
+  --containerboarderradius: 1rem;
+  --funcnodestextcolor1: #ffffff;
+}
+
+.funcnodescontainer {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.funcnodescontainer code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
+}
+
+.funcnodesreactflowcontainer {
+  width: 100%;
+  height: 100%;
+  background-color: var(--funcnodesbackground1);
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  color: var(--funcnodestextcolor1);
+}
+
+.funcnodesreactflowcontainer * {
+  box-sizing: border-box;
+}
+
+.funcnodesreactflowbody {
+  flex-grow: 1;
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  overflow: hidden;
+}
+
+.reactflowlayer {
+  flex-grow: 1;
+  position: relative;
+  overflow: hidden;
+  background-color: var(--funcnodesbackground2);
+  margin: 0.5rem;
+  border-radius: var(--containerboarderradius);
+}
+
+.vscrollcontainer {
+  overflow-y: auto;
+  overflow-x: hidden;
+  flex-grow: 1;
+  padding: 0.5rem;
+  box-sizing: border-box;
+}
+
+.workerselect {
+  max-width: 140px;
+}
+
+.workerselectoption.selected {
+  color: var(--funcnodestextcolor1);
+}
+
+.workerselectoption.active {
+  color: green;
+}
+
+.workerselectoption.inactive {
+  color: red;
+}
+
+.funcnodesflaotingmenu {
+  position: absolute;
+  right: 0;
+  padding: 10px;
+  z-index: 1001;
+  display: flex;
+  flex-direction: row;
+  margin-right: 10px;
+}
+
 .funcnodesreactflowheader {
   display: flex;
   flex-direction: row;
@@ -1198,6 +1216,92 @@ button {
   margin-top: 0.5rem;
 }
 
+.tablecontainer {
+  overflow: auto;
+  background-color: white;
+  min-height: 20rem;
+}
+
+.tableHead {
+  color: var(--funheadercolor) !important;
+  background-color: var(--funcnodesbackground1);
+  font-weight: bold !important;
+}
+
+.tableheadercolor {
+  color: inherit !important;
+  font-family: inherit !important;
+  font-weight: inherit !important;
+}
+
+.indexcol {
+  background-color: var(--funcnodesbackground2);
+  color: var(--funheadercolor) !important;
+  font-family: inherit !important;
+  font-weight: inherit !important;
+}
+
+.styled-select__control {
+  height: 100%;
+  min-height: initial;
+  min-width: 10px;
+}
+
+.styled-select__menu-list {
+  max-height: 200px;
+}
+
+.styled-select__single-value {
+  text-align: start;
+}
+
+.styled-select__option {
+  text-align: start;
+  padding: 2px 5px;
+}
+
+.styled-select__option:hover {
+  cursor: pointer;
+}
+
+.colorspace {
+  margin: 0.2rem;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+}
+
+.colorspace_title {
+  font-size: 0.7em;
+  font-weight: bold;
+}
+
+.colorspace label {
+  font-size: 0.7rem;
+}
+
+.colorspace input {
+  font-size: 0.7rem;
+  max-height: 0.7rem;
+}
+
+.colorspace input[type=range] {
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  -webkit-appearance: none;
+  background-color: #666;
+  height: 0.7rem;
+  border-radius: 5px;
+}
+
+.colorspace input[type=range]::-webkit-slider-thumb, .colorspace input[type=range]::-webkit-range-thumb, .colorspace input[type=range]::-moz-range-thumb {
+  width: 0.7rem;
+  height: 0.7rem;
+  background-color: #cc1c1c;
+  border-radius: 50%;
+  cursor: pointer;
+}
+
 :root {
   --node_border_radius: 5px;
   --handle_outer_radius: 4px;
@@ -1496,92 +1600,6 @@ input.nodedatainput.styledinput,
   transition: width 0.3s ease;
 }
 
-.styled-select__control {
-  height: 100%;
-  min-height: initial;
-  min-width: 10px;
-}
-
-.styled-select__menu-list {
-  max-height: 200px;
-}
-
-.styled-select__single-value {
-  text-align: start;
-}
-
-.styled-select__option {
-  text-align: start;
-  padding: 2px 5px;
-}
-
-.styled-select__option:hover {
-  cursor: pointer;
-}
-
-.tablecontainer {
-  overflow: auto;
-  background-color: white;
-  min-height: 20rem;
-}
-
-.tableHead {
-  color: var(--funheadercolor) !important;
-  background-color: var(--funcnodesbackground1);
-  font-weight: bold !important;
-}
-
-.tableheadercolor {
-  color: inherit !important;
-  font-family: inherit !important;
-  font-weight: inherit !important;
-}
-
-.indexcol {
-  background-color: var(--funcnodesbackground2);
-  color: var(--funheadercolor) !important;
-  font-family: inherit !important;
-  font-weight: inherit !important;
-}
-
-.colorspace {
-  margin: 0.2rem;
-  display: grid;
-  grid-template-columns: auto minmax(0, 1fr);
-}
-
-.colorspace_title {
-  font-size: 0.7em;
-  font-weight: bold;
-}
-
-.colorspace label {
-  font-size: 0.7rem;
-}
-
-.colorspace input {
-  font-size: 0.7rem;
-  max-height: 0.7rem;
-}
-
-.colorspace input[type=range] {
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  -webkit-appearance: none;
-  background-color: #666;
-  height: 0.7rem;
-  border-radius: 5px;
-}
-
-.colorspace input[type=range]::-webkit-slider-thumb, .colorspace input[type=range]::-webkit-range-thumb, .colorspace input[type=range]::-moz-range-thumb {
-  width: 0.7rem;
-  height: 0.7rem;
-  background-color: #cc1c1c;
-  border-radius: 50%;
-  cursor: pointer;
-}
-
 s slideUpAndFade from {
   opacity: 0;
   transform: translateY(2px);

package/dist/index.d.ts

@@ -4,14 +4,20 @@ interface FuncnodesPyodideWorkerProps extends Partial<WorkerProps> {
     debug?: boolean;
     worker_url: string;
     shared_worker?: boolean;
+    worker?: Worker | SharedWorker;
 }
 declare class FuncnodesPyodideWorker extends FuncNodesWorker {
     _worker: Worker | SharedWorker;
     initPromise: Promise<void>;
-    _workerstate: any;
+    _workerstate: {
+        loaded: boolean;
+    };
     _port: MessagePort | undefined;
+    _message_hooks: ((data: any) => Promise<void>)[];
     constructor(_data: FuncnodesPyodideWorkerProps);
     send(data: any): Promise<void>;
+    postMessage(data: any): void;
+    registerMessageHook(hook: (data: any) => Promise<void>): () => void;
     onmessage(event: MessageEvent): void;
 }
 

package/dist/style.css

@@ -1 +1 @@
-import{FuncNodesWorker as t}from"@linkdlab/funcnodes_react_flow";function e(t,e,r,s){return new(r||(r=Promise))((function(o,n){function i(t){try{d(s.next(t))}catch(t){n(t)}}function a(t){try{d(s.throw(t))}catch(t){n(t)}}function d(t){var e;t.done?o(t.value):(e=t.value,e instanceof r?e:new r((function(t){t(e)}))).then(i,a)}d((s=s.apply(t,e||[])).next())}))}let r;"function"==typeof SuppressedError&&SuppressedError;const s=new Uint8Array(16);function o(){if(!r&&(r="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!r))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return r(s)}const n=[];for(let t=0;t<256;++t)n.push((t+256).toString(16).slice(1));var i={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function a(t,e,r){if(i.randomUUID&&!t)return i.randomUUID();const s=(t=t||{}).random||(t.rng||o)();return s[6]=15&s[6]|64,s[8]=63&s[8]|128,function(t,e=0){return n[t[e+0]]+n[t[e+1]]+n[t[e+2]]+n[t[e+3]]+"-"+n[t[e+4]]+n[t[e+5]]+"-"+n[t[e+6]]+n[t[e+7]]+"-"+n[t[e+8]]+n[t[e+9]]+"-"+n[t[e+10]]+n[t[e+11]]+n[t[e+12]]+n[t[e+13]]+n[t[e+14]]+n[t[e+15]]}(s)}class d extends t{constructor(t){const r=Object.assign({uuid:a()},t);super(r);const s=`${r.worker_url}?debug=${r.debug}`;r.shared_worker?(this._worker=new SharedWorker(s,{type:"module",name:r.uuid}),this._port=this._worker.port,this._port.start(),this._port.addEventListener("message",this.onmessage.bind(this)),setInterval((()=>{var t;null===(t=this._port)||void 0===t||t.postMessage({cmd:"state"})}),1e3)):(this._worker=new Worker(s,{type:"module"}),this._worker.addEventListener("message",this.onmessage.bind(this)),setInterval((()=>{this._worker.postMessage({cmd:"state"})}),1e3)),this._workerstate={loaded:!1},this.initPromise=new Promise((t=>e(this,void 0,void 0,(function*(){for(var e;!this._workerstate.loaded;)yield new Promise((t=>setTimeout(t,100)));this.is_open=!0,null===(e=this._zustand)||void 0===e||e.auto_progress(),t()})))),this.initPromise.then((()=>{this.stepwise_fullsync()}))}send(t){return e(this,void 0,void 0,(function*(){yield this.initPromise,this._port?this._port.postMessage({cmd:"send",msg:JSON.stringify(t)}):yield this._worker.postMessage({cmd:"send",msg:JSON.stringify(t)})}))}onmessage(t){t.data.result?t.data.result.state&&(this._workerstate=t.data.result.state):t.data.cmd&&"receive"===t.data.cmd&&this.receive(JSON.parse(t.data.msg))}}export{d as default};
+import{FuncNodesWorker as e}from"@linkdlab/funcnodes_react_flow";function r(e,r,t,s){return new(t||(t=Promise))((function(o,i){function n(e){try{d(s.next(e))}catch(e){i(e)}}function a(e){try{d(s.throw(e))}catch(e){i(e)}}function d(e){var r;e.done?o(e.value):(r=e.value,r instanceof t?r:new t((function(e){e(r)}))).then(n,a)}d((s=s.apply(e,r||[])).next())}))}let t;"function"==typeof SuppressedError&&SuppressedError;const s=new Uint8Array(16);function o(){if(!t&&(t="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!t))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return t(s)}const i=[];for(let e=0;e<256;++e)i.push((e+256).toString(16).slice(1));var n={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function a(e,r,t){if(n.randomUUID&&!e)return n.randomUUID();const s=(e=e||{}).random||(e.rng||o)();return s[6]=15&s[6]|64,s[8]=63&s[8]|128,function(e,r=0){return i[e[r+0]]+i[e[r+1]]+i[e[r+2]]+i[e[r+3]]+"-"+i[e[r+4]]+i[e[r+5]]+"-"+i[e[r+6]]+i[e[r+7]]+"-"+i[e[r+8]]+i[e[r+9]]+"-"+i[e[r+10]]+i[e[r+11]]+i[e[r+12]]+i[e[r+13]]+i[e[r+14]]+i[e[r+15]]}(s)}class d extends e{constructor(e){const t=Object.assign({uuid:a()},e);super(t),this._message_hooks=[];const s=`${t.worker_url}?debug=${t.debug}`;if(t.worker)if(t.worker instanceof SharedWorker)t.shared_worker=!0;else{if(!(t.worker instanceof Worker))throw new Error("worker must be an instance of Worker or SharedWorker");t.shared_worker=!1}t.shared_worker?(t.worker||(t.worker=new SharedWorker(s,{type:"module",name:t.uuid})),this._worker=t.worker,this._port=this._worker.port,this._port.start(),this._port.addEventListener("message",this.onmessage.bind(this))):(t.worker||(t.worker=new Worker(s,{type:"module"})),this._worker=t.worker,this._worker.addEventListener("message",this.onmessage.bind(this))),setInterval((()=>{this.postMessage({cmd:"state"})}),1e3),this._workerstate={loaded:!1},this.initPromise=new Promise((e=>r(this,void 0,void 0,(function*(){for(var r;!this._workerstate.loaded;)yield new Promise((e=>setTimeout(e,100)));this.is_open=!0,null===(r=this._zustand)||void 0===r||r.auto_progress(),e()})))),this.initPromise.then((()=>{this.stepwise_fullsync()}))}send(e){return r(this,void 0,void 0,(function*(){yield this.initPromise,this.postMessage({cmd:"worker:send",msg:JSON.stringify(e),worker_id:this.uuid})}))}postMessage(e){this._port?this._port.postMessage(e):this._worker.postMessage(e)}registerMessageHook(e){return this._message_hooks.push(e),()=>{this._message_hooks=this._message_hooks.filter((r=>r!==e))}}onmessage(e){for(const r of this._message_hooks)r(e.data);if(e.data.result)e.data.result.state&&(this._workerstate=Object.assign(Object.assign({},this._workerstate),e.data.result.state));else if(e.data.cmd&&"receive"===e.data.cmd){if(void 0===e.data.worker_id)throw new Error("worker_id is undefined");e.data.worker_id===this.uuid&&this.receive(JSON.parse(e.data.msg))}}}export{d as default};

package/dist/umd/index.umd.js

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@linkdlab/funcnodes_react_flow");function t(e,t,r,s){return new(r||(r=Promise))((function(o,n){function i(e){try{d(s.next(e))}catch(e){n(e)}}function a(e){try{d(s.throw(e))}catch(e){n(e)}}function d(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,a)}d((s=s.apply(e,t||[])).next())}))}let r;"function"==typeof SuppressedError&&SuppressedError;const s=new Uint8Array(16);function o(){if(!r&&(r="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!r))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return r(s)}const n=[];for(let e=0;e<256;++e)n.push((e+256).toString(16).slice(1));var i={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function a(e,t,r){if(i.randomUUID&&!e)return i.randomUUID();const s=(e=e||{}).random||(e.rng||o)();return s[6]=15&s[6]|64,s[8]=63&s[8]|128,function(e,t=0){return n[e[t+0]]+n[e[t+1]]+n[e[t+2]]+n[e[t+3]]+"-"+n[e[t+4]]+n[e[t+5]]+"-"+n[e[t+6]]+n[e[t+7]]+"-"+n[e[t+8]]+n[e[t+9]]+"-"+n[e[t+10]]+n[e[t+11]]+n[e[t+12]]+n[e[t+13]]+n[e[t+14]]+n[e[t+15]]}(s)}class d extends e.FuncNodesWorker{constructor(e){const r=Object.assign({uuid:a()},e);super(r);const s=`${r.worker_url}?debug=${r.debug}`;r.shared_worker?(this._worker=new SharedWorker(s,{type:"module",name:r.uuid}),this._port=this._worker.port,this._port.start(),this._port.addEventListener("message",this.onmessage.bind(this)),setInterval((()=>{var e;null===(e=this._port)||void 0===e||e.postMessage({cmd:"state"})}),1e3)):(this._worker=new Worker(s,{type:"module"}),this._worker.addEventListener("message",this.onmessage.bind(this)),setInterval((()=>{this._worker.postMessage({cmd:"state"})}),1e3)),this._workerstate={loaded:!1},this.initPromise=new Promise((e=>t(this,void 0,void 0,(function*(){for(var t;!this._workerstate.loaded;)yield new Promise((e=>setTimeout(e,100)));this.is_open=!0,null===(t=this._zustand)||void 0===t||t.auto_progress(),e()})))),this.initPromise.then((()=>{this.stepwise_fullsync()}))}send(e){return t(this,void 0,void 0,(function*(){yield this.initPromise,this._port?this._port.postMessage({cmd:"send",msg:JSON.stringify(e)}):yield this._worker.postMessage({cmd:"send",msg:JSON.stringify(e)})}))}onmessage(e){e.data.result?e.data.result.state&&(this._workerstate=e.data.result.state):e.data.cmd&&"receive"===e.data.cmd&&this.receive(JSON.parse(e.data.msg))}}exports.default=d;
+Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@linkdlab/funcnodes_react_flow");function r(e,r,t,s){return new(t||(t=Promise))((function(o,i){function n(e){try{d(s.next(e))}catch(e){i(e)}}function a(e){try{d(s.throw(e))}catch(e){i(e)}}function d(e){var r;e.done?o(e.value):(r=e.value,r instanceof t?r:new t((function(e){e(r)}))).then(n,a)}d((s=s.apply(e,r||[])).next())}))}let t;"function"==typeof SuppressedError&&SuppressedError;const s=new Uint8Array(16);function o(){if(!t&&(t="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!t))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return t(s)}const i=[];for(let e=0;e<256;++e)i.push((e+256).toString(16).slice(1));var n={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function a(e,r,t){if(n.randomUUID&&!e)return n.randomUUID();const s=(e=e||{}).random||(e.rng||o)();return s[6]=15&s[6]|64,s[8]=63&s[8]|128,function(e,r=0){return i[e[r+0]]+i[e[r+1]]+i[e[r+2]]+i[e[r+3]]+"-"+i[e[r+4]]+i[e[r+5]]+"-"+i[e[r+6]]+i[e[r+7]]+"-"+i[e[r+8]]+i[e[r+9]]+"-"+i[e[r+10]]+i[e[r+11]]+i[e[r+12]]+i[e[r+13]]+i[e[r+14]]+i[e[r+15]]}(s)}class d extends e.FuncNodesWorker{constructor(e){const t=Object.assign({uuid:a()},e);super(t),this._message_hooks=[];const s=`${t.worker_url}?debug=${t.debug}`;if(t.worker)if(t.worker instanceof SharedWorker)t.shared_worker=!0;else{if(!(t.worker instanceof Worker))throw new Error("worker must be an instance of Worker or SharedWorker");t.shared_worker=!1}t.shared_worker?(t.worker||(t.worker=new SharedWorker(s,{type:"module",name:t.uuid})),this._worker=t.worker,this._port=this._worker.port,this._port.start(),this._port.addEventListener("message",this.onmessage.bind(this))):(t.worker||(t.worker=new Worker(s,{type:"module"})),this._worker=t.worker,this._worker.addEventListener("message",this.onmessage.bind(this))),setInterval((()=>{this.postMessage({cmd:"state"})}),1e3),this._workerstate={loaded:!1},this.initPromise=new Promise((e=>r(this,void 0,void 0,(function*(){for(var r;!this._workerstate.loaded;)yield new Promise((e=>setTimeout(e,100)));this.is_open=!0,null===(r=this._zustand)||void 0===r||r.auto_progress(),e()})))),this.initPromise.then((()=>{this.stepwise_fullsync()}))}send(e){return r(this,void 0,void 0,(function*(){yield this.initPromise,this.postMessage({cmd:"worker:send",msg:JSON.stringify(e),worker_id:this.uuid})}))}postMessage(e){this._port?this._port.postMessage(e):this._worker.postMessage(e)}registerMessageHook(e){return this._message_hooks.push(e),()=>{this._message_hooks=this._message_hooks.filter((r=>r!==e))}}onmessage(e){for(const r of this._message_hooks)r(e.data);if(e.data.result)e.data.result.state&&(this._workerstate=Object.assign(Object.assign({},this._workerstate),e.data.result.state));else if(e.data.cmd&&"receive"===e.data.cmd){if(void 0===e.data.worker_id)throw new Error("worker_id is undefined");e.data.worker_id===this.uuid&&this.receive(JSON.parse(e.data.msg))}}}exports.default=d;
 //# sourceMappingURL=index.umd.js.map