npm - @metapages/metapage - Versions diffs - 1.10.5 → 1.10.7 - Mend

@metapages/metapage 1.10.5 → 1.10.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/README.md +7 -7
package/dist/index.js +96 -84
package/dist/index.js.map +1 -1
package/dist/metapage/Metapage.d.ts.map +1 -1
package/package.json +1 -1
package/src/metapage/Metapage.ts +40 -1
package/src/metapage/MetapageIFrameRpcClient.ts +1 -1

package/README.md CHANGED Viewed

@@ -36,7 +36,7 @@ import {
   renderMetapage,
   Metapage,
   Metaframe,
-} from "https://cdn.jsdelivr.net/npm/@metapages/metapage@1.10.5";
+} from "https://cdn.jsdelivr.net/npm/@metapages/metapage@1.10.7";
 ```
 ## Quick Start
@@ -82,7 +82,7 @@ The `renderMetapage` function the `react-grid-layout` layout in `metapage.json`:
 If you're building a component to use in a metapage:
 ```javascript
-import { Metaframe } from "https://cdn.jsdelivr.net/npm/@metapages/metapage@1.10.5";
+import { Metaframe } from "https://cdn.jsdelivr.net/npm/@metapages/metapage@1.10.7";
 const metaframe = new Metaframe();
@@ -223,7 +223,7 @@ metaframe.onInput("file", (file) => {
     <div id="metapage-container"></div>
     <script type="module">
-      import { renderMetapage } from "https://cdn.jsdelivr.net/npm/@metapages/metapage@1.10.5";
+      import { renderMetapage } from "https://cdn.jsdelivr.net/npm/@metapages/metapage@1.10.7";
       const definition = await fetch(
         "https://metapage.io/m/87ae11673508447e883b598bf7da9c5d/metapage.json",
@@ -258,7 +258,7 @@ metaframe.onInput("file", (file) => {
 ### Building a Metaframe Component
 ```javascript
-import { Metaframe } from "https://cdn.jsdelivr.net/npm/@metapages/metapage@1.10.5";
+import { Metaframe } from "https://cdn.jsdelivr.net/npm/@metapages/metapage@1.10.7";
 const metaframe = new Metaframe();
@@ -335,7 +335,7 @@ Metaframes can read and write to their URL hash parameters:
 import {
   getHashParamValueJsonFromWindow,
   setHashParamValueJsonInWindow,
-} from "https://cdn.jsdelivr.net/npm/@metapages/metapage@1.10.5";
+} from "https://cdn.jsdelivr.net/npm/@metapages/metapage@1.10.7";
 // Read from URL hash
 const config = getHashParamValueJsonFromWindow("config");
@@ -621,7 +621,7 @@ Example minimal metaframe:
   </head>
   <body>
     <script type="module">
-      import { Metaframe } from "https://cdn.jsdelivr.net/npm/@metapages/metapage@1.10.5";
+      import { Metaframe } from "https://cdn.jsdelivr.net/npm/@metapages/metapage@1.10.7";
       const metaframe = new Metaframe();
@@ -645,7 +645,7 @@ import {
   MetapageDefinition,
   MetaframeInputMap,
   MetapageInstanceInputs,
-} from "https://cdn.jsdelivr.net/npm/@metapages/metapage@1.10.5";
+} from "https://cdn.jsdelivr.net/npm/@metapages/metapage@1.10.7";
 const definition: MetapageDefinition = {
   metaframes: {

package/dist/index.js CHANGED Viewed

@@ -1017,7 +1017,7 @@ const Bn = (t) => {
       throw je(T(M)), O;
     }) : P(E);
   };
-}, C = Bn();
+}, I = Bn();
 Object.prototype.constructor.toString();
 const Vs = (t) => {
   var s, n, i;
@@ -1040,7 +1040,7 @@ const Vs = (t) => {
     throw "Metapage definition null";
   if (!t.version) {
     const n = Vs(t);
-    t = C(t, (i) => {
+    t = I(t, (i) => {
       i.version = n;
     });
   }
@@ -1067,7 +1067,7 @@ const Vs = (t) => {
     throw "Metapage definition null";
   if (!t.version) {
     const i = Vs(t);
-    t = C(t, (o) => {
+    t = I(t, (o) => {
       o.version = i;
     });
   }
@@ -1102,17 +1102,17 @@ const Vs = (t) => {
         throw `Unknow version ${s} to ${e}`;
     }
   return n;
-}, Wn = (t) => C(t, (e) => {
+}, Wn = (t) => I(t, (e) => {
   e.version = "0.3";
-}), Gn = (t) => C(t, (e) => {
+}), Gn = (t) => I(t, (e) => {
   e.version = "0.2";
-}), Jn = (t) => C(t, (e) => {
+}), Jn = (t) => I(t, (e) => {
   const s = e;
   delete s.plugins, s.version = "1";
-}), Qn = (t) => C(t, (e) => (e.version = "0.3", e)), Kn = (t) => C(t, (e) => {
+}), Qn = (t) => I(t, (e) => (e.version = "0.3", e)), Kn = (t) => I(t, (e) => {
   var s, n;
   return e.version = "1", (s = e == null ? void 0 : e.meta) != null && s.tags && (e.meta.keywords = e.meta.tags, delete e.meta.tags), (n = e == null ? void 0 : e.meta) != null && n.authors && (e.meta.author = e.meta.authors[0], delete e.meta.authors), e;
-}), Xn = (t) => C(t, (e) => {
+}), Xn = (t) => I(t, (e) => {
   var s, n;
   return e.version = "2", (s = e == null ? void 0 : e.meta) != null && s.keywords && (e.meta.tags = e.meta.keywords, delete e.meta.keywords), (n = e == null ? void 0 : e.meta) != null && n.author && (e.meta.authors = [e.meta.author], delete e.meta.author), e;
 }), wt = (t) => {
@@ -1146,7 +1146,7 @@ const Vs = (t) => {
     throw "Metaframe definition null";
   if (!t.version) {
     const n = Ws(t);
-    t = C(t, (i) => {
+    t = I(t, (i) => {
       i.version = n;
     });
   }
@@ -1173,7 +1173,7 @@ const Vs = (t) => {
     throw "Metaframe definition null";
   if (!t.version) {
     const i = Ws(t);
-    t = C(t, (o) => {
+    t = I(t, (o) => {
       o.version = i;
     });
   }
@@ -1221,11 +1221,11 @@ const Vs = (t) => {
     return;
   const s = await Zn(t);
   return s != null && s.hashParams && (s.hashParams = Yn(s.hashParams)), s;
-}, ei = (t) => C(t, (e) => {
+}, ei = (t) => I(t, (e) => {
   e.version = "0.3", delete e.allow;
-}), si = (t) => C(t, (e) => {
+}), si = (t) => I(t, (e) => {
   e.version = "0.4";
-}), ni = (t) => C(t, (e) => {
+}), ni = (t) => I(t, (e) => {
   if (e.version = "0.5", !(e != null && e.metadata))
     return;
   const s = e.metadata.title;
@@ -1234,7 +1234,7 @@ const Vs = (t) => {
   delete e.metadata.descriptionUrl, e.metadata.description = n;
   const i = e.metadata.keywords;
   delete e.metadata.keywords, e.metadata.tags = i;
-}), ii = (t) => C(t, (e) => {
+}), ii = (t) => I(t, (e) => {
   if (e.version = "0.4", !(e != null && e.metadata))
     return;
   const s = e.metadata.name;
@@ -1243,24 +1243,24 @@ const Vs = (t) => {
   delete e.metadata.description, e.metadata.descriptionUrl = n;
   const i = e.metadata.tags;
   delete e.metadata.tags, e.metadata.keywords = i;
-}), ri = (t) => C(t, (e) => {
+}), ri = (t) => I(t, (e) => {
   var s;
   e.version = "1", (s = e == null ? void 0 : e.metadata) != null && s.operations && delete e.metadata.operations;
-}), oi = (t) => C(t, (e) => {
+}), oi = (t) => I(t, (e) => {
   var s;
   e.version = "0.6", (s = e == null ? void 0 : e.metadata) != null && s.operations && delete e.metadata.operations;
-}), ai = (t) => C(t, (e) => {
+}), ai = (t) => I(t, (e) => {
   var s, n;
   return e.version = "1", (s = e == null ? void 0 : e.metadata) != null && s.authors && (e.metadata.author = (n = e == null ? void 0 : e.metadata) == null ? void 0 : n.authors[0], delete e.metadata.authors), e;
-}), ui = (t) => C(t, (e) => {
+}), ui = (t) => I(t, (e) => {
   var s;
   return e.version = "2", (s = e == null ? void 0 : e.metadata) != null && s.author && (e.metadata.authors = [
     e.metadata.author
   ], delete e.metadata.author), e;
-}), ci = (t) => C(t, (e) => {
+}), ci = (t) => I(t, (e) => {
   var s;
   e.version = "0.6", (s = e == null ? void 0 : e.metadata) != null && s.operations && delete e.metadata.operations;
-}), li = (t) => C(t, (e) => {
+}), li = (t) => I(t, (e) => {
   var s;
   e.version = "0.5", (s = e == null ? void 0 : e.metadata) != null && s.operations && delete e.metadata.operations;
 }), ot = (t) => {
@@ -2175,10 +2175,10 @@ function Li(t) {
     }
   return t;
 }
-var I;
+var C;
 (function(t) {
   t.Inputs = "inputs", t.Outputs = "outputs", t.State = "state", t.Definition = "definition", t.DefinitionUpdate = "definitionupdate", t.Error = "error", t.Warning = "warning", t.UrlHashUpdate = "urlhashupdate", t.Message = "Message";
-})(I || (I = {}));
+})(C || (C = {}));
 var q;
 (function(t) {
   t.InputsUpdate = "InputsUpdate", t.OutputsUpdate = "OutputsUpdate", t.SetupIframeClientRequest = "SetupIframeClientRequest", t.SetupIframeServerResponseAck = "SetupIframeServerResponseAck", t.HashParamsUpdate = "HashParamsUpdate";
@@ -2520,7 +2520,7 @@ class rr extends os.EventEmitter {
     return this._definition;
   }
 }
-const de = (t, e) => e ? C(t, (s) => {
+const de = (t, e) => e ? I(t, (s) => {
   Object.keys(e).forEach((n) => {
     e[n] === void 0 ? delete s[n] : s[n] = e[n];
   });
@@ -3742,7 +3742,7 @@ class zr extends os.EventEmitter {
         s = s.substring(1);
       s = window.location.protocol + "//" + window.location.hostname + (window.location.port && window.location.port != "" ? ":" + window.location.port : "") + "/" + s;
     }
-    if (this.url = s, this._metapage = e, this._debug = r, r) {
+    if (this.url = s, this._metapage = e, this._debug = r, r && !s.startsWith("data:")) {
       var a = new URL(this.url);
       a.searchParams.set(Gt.mp_debug, "true"), this.url = a.href;
     }
@@ -3793,7 +3793,7 @@ class zr extends os.EventEmitter {
         return this._definition = s, this._definition;
     } catch (s) {
       var e = this.getDefinitionUrl();
-      this.emit(I.Warning, `Failed to fetch or convert: ${e}
+      this.emit(C.Warning, `Failed to fetch or convert: ${e}
 Error: ${s != null && s.message ? s == null ? void 0 : s.message : s == null ? void 0 : s.toString()}`);
     }
   }
@@ -3807,9 +3807,9 @@ Error: ${s != null && s.message ? s == null ? void 0 : s.message : s == null ? v
     const s = e;
     if (this.inputs = de(this.inputs, e), this.inputs === s)
       return this;
-    if (this._loaded || (this._sendInputsAfterRegistration = !0), this._iframe.parentNode && this._loaded && this.sendInputs(e), this.emit(I.Inputs, this.inputs), this._metapage.listenerCount(I.Inputs) > 0) {
+    if (this._loaded || (this._sendInputsAfterRegistration = !0), this._iframe.parentNode && this._loaded && this.sendInputs(e), this.emit(C.Inputs, this.inputs), this._metapage.listenerCount(C.Inputs) > 0) {
       var n = {};
-      n[this.id] = e, this._metapage.emit(I.Inputs, n);
+      n[this.id] = e, this._metapage.emit(C.Inputs, n);
     }
     return this;
   }
@@ -3822,28 +3822,28 @@ Error: ${s != null && s.message ? s == null ? void 0 : s.message : s == null ? v
     const s = e;
     if (this.outputs = de(this.outputs, e), this.outputs === s)
       return this;
-    if (this.emit(I.Outputs, e), this._metapage.listenerCount(I.Outputs) > 0) {
+    if (this.emit(C.Outputs, e), this._metapage.listenerCount(C.Outputs) > 0) {
       var n = {};
-      n[this.id] = e, this._metapage.emit(I.Outputs, n);
+      n[this.id] = e, this._metapage.emit(C.Outputs, n);
     }
   }
   onInputs(e) {
-    return this.addListenerReturnDisposer(I.Inputs, e);
+    return this.addListenerReturnDisposer(C.Inputs, e);
   }
   onInput(e, s) {
     var n = function(i) {
       i.hasOwnProperty(e) && s(i[e]);
     };
-    return this.addListenerReturnDisposer(I.Inputs, n);
+    return this.addListenerReturnDisposer(C.Inputs, n);
   }
   onOutputs(e) {
-    return this.addListenerReturnDisposer(I.Outputs, e);
+    return this.addListenerReturnDisposer(C.Outputs, e);
   }
   onOutput(e, s) {
     var n = function(i) {
       i.hasOwnProperty(e) && s(i[e]);
     };
-    return this.addListenerReturnDisposer(I.Outputs, n);
+    return this.addListenerReturnDisposer(C.Outputs, n);
   }
   isDisposed() {
     return this.inputs === void 0;
@@ -3934,7 +3934,7 @@ Error: ${s != null && s.message ? s == null ? void 0 : s.message : s == null ? v
     }
   }
 }
-const vt = C({
+const vt = I({
   metaframes: {
     inputs: {},
     outputs: {}
@@ -3954,7 +3954,7 @@ class nt extends rr {
     return n.debug = (s == null ? void 0 : s.debug) || !1, n.setDefinition(e);
   }
   constructor(e) {
-    super(), this._state = vt, this._metaframes = C({}, (s) => s), this.debug = Fe(), this._originalSecretHashParams = {}, this._originalSecretQueryParams = {}, this._injectedSecrets = {}, this._injectedQuerySecrets = {}, this._internalReceivedMessageCounter = 0, this._cachedInputLookupMap = C({}, (s) => s), this._inputMap = {}, this._id = e && e.id ? e.id : or(), this._consoleBackgroundColor = e && e.color ? e.color : Vr, this.addPipe = this.addPipe.bind(this), this.dispose = this.dispose.bind(this), this.addMetaframe = this.addMetaframe.bind(this), this.getInputsFromOutput = this.getInputsFromOutput.bind(this), this.getMetaframe = this.getMetaframe.bind(this), this.getMetaframeIds = this.getMetaframeIds.bind(this), this.getMetaframe = this.getMetaframe.bind(this), this.getMetaframes = this.getMetaframes.bind(this), this.getState = this.getState.bind(this), this.getStateMetaframes = this.getStateMetaframes.bind(this), this.isValidJSONRpcMessage = this.isValidJSONRpcMessage.bind(this), this.log = this.log.bind(this), this.logInternal = this.logInternal.bind(this), this.metaframeIds = this.metaframeIds.bind(this), this.metaframes = this.metaframes.bind(this), this.onMessage = this.onMessage.bind(this), this.onMessageJsonRpc = this.onMessageJsonRpc.bind(this), this.removeAll = this.removeAll.bind(this), this.removeMetaframe = this.removeMetaframe.bind(this), this.setDebugFromUrlParams = this.setDebugFromUrlParams.bind(this), this.setDefinition = this.setDefinition.bind(this), this.updateDefinition = this.updateDefinition.bind(this), this.setInput = this.setInput.bind(this), this.setInputs = this.setInputs.bind(this), this.setOutputs = this.setOutputs.bind(this), this.onInputs = this.onInputs.bind(this), this.onOutputs = this.onOutputs.bind(this), this.onState = this.onState.bind(this), this.setMetaframeOutputs = this.setMetaframeOutputs.bind(this), this.setInputStateOnlyMetaframeInputValue = this.setInputStateOnlyMetaframeInputValue.bind(this), this.setInputStateOnlyMetaframeInputMap = this.setInputStateOnlyMetaframeInputMap.bind(this), this.setInputStateOnlyMetapageInstanceInputs = this.setInputStateOnlyMetapageInstanceInputs.bind(this), this.setOutputStateOnlyMetaframeInputValue = this.setOutputStateOnlyMetaframeInputValue.bind(this), this.setOutputStateOnlyMetaframeInputMap = this.setOutputStateOnlyMetaframeInputMap.bind(this), this.setOutputStateOnlyMetapageInstanceInputs = this.setOutputStateOnlyMetapageInstanceInputs.bind(this), this.setMetadata = this.setMetadata.bind(this), this.setMetaframeClientInputAndSentClientEvent = this.setMetaframeClientInputAndSentClientEvent.bind(this), this.setState = this.setState.bind(this), this.isDisposed = this.isDisposed.bind(this), this._emitDefinitionEvent = this._emitDefinitionEvent.bind(this), this._emitDefinitionUpdateEvent = this._emitDefinitionUpdateEvent.bind(this), ve().then(() => {
+    super(), this._state = vt, this._metaframes = I({}, (s) => s), this.debug = Fe(), this._originalSecretHashParams = {}, this._originalSecretQueryParams = {}, this._injectedSecrets = {}, this._injectedQuerySecrets = {}, this._internalReceivedMessageCounter = 0, this._cachedInputLookupMap = I({}, (s) => s), this._inputMap = {}, this._id = e && e.id ? e.id : or(), this._consoleBackgroundColor = e && e.color ? e.color : Vr, this.addPipe = this.addPipe.bind(this), this.dispose = this.dispose.bind(this), this.addMetaframe = this.addMetaframe.bind(this), this.getInputsFromOutput = this.getInputsFromOutput.bind(this), this.getMetaframe = this.getMetaframe.bind(this), this.getMetaframeIds = this.getMetaframeIds.bind(this), this.getMetaframe = this.getMetaframe.bind(this), this.getMetaframes = this.getMetaframes.bind(this), this.getState = this.getState.bind(this), this.getStateMetaframes = this.getStateMetaframes.bind(this), this.isValidJSONRpcMessage = this.isValidJSONRpcMessage.bind(this), this.log = this.log.bind(this), this.logInternal = this.logInternal.bind(this), this.metaframeIds = this.metaframeIds.bind(this), this.metaframes = this.metaframes.bind(this), this.onMessage = this.onMessage.bind(this), this.onMessageJsonRpc = this.onMessageJsonRpc.bind(this), this.removeAll = this.removeAll.bind(this), this.removeMetaframe = this.removeMetaframe.bind(this), this.setDebugFromUrlParams = this.setDebugFromUrlParams.bind(this), this.setDefinition = this.setDefinition.bind(this), this.updateDefinition = this.updateDefinition.bind(this), this.setInput = this.setInput.bind(this), this.setInputs = this.setInputs.bind(this), this.setOutputs = this.setOutputs.bind(this), this.onInputs = this.onInputs.bind(this), this.onOutputs = this.onOutputs.bind(this), this.onState = this.onState.bind(this), this.setMetaframeOutputs = this.setMetaframeOutputs.bind(this), this.setInputStateOnlyMetaframeInputValue = this.setInputStateOnlyMetaframeInputValue.bind(this), this.setInputStateOnlyMetaframeInputMap = this.setInputStateOnlyMetaframeInputMap.bind(this), this.setInputStateOnlyMetapageInstanceInputs = this.setInputStateOnlyMetapageInstanceInputs.bind(this), this.setOutputStateOnlyMetaframeInputValue = this.setOutputStateOnlyMetaframeInputValue.bind(this), this.setOutputStateOnlyMetaframeInputMap = this.setOutputStateOnlyMetaframeInputMap.bind(this), this.setOutputStateOnlyMetapageInstanceInputs = this.setOutputStateOnlyMetapageInstanceInputs.bind(this), this.setMetadata = this.setMetadata.bind(this), this.setMetaframeClientInputAndSentClientEvent = this.setMetaframeClientInputAndSentClientEvent.bind(this), this.setState = this.setState.bind(this), this.isDisposed = this.isDisposed.bind(this), this._emitDefinitionEvent = this._emitDefinitionEvent.bind(this), this._emitDefinitionUpdateEvent = this._emitDefinitionUpdateEvent.bind(this), ve().then(() => {
       this.isDisposed() || (window.addEventListener("message", this.onMessage), this.log("Initialized"));
     });
   }
@@ -3967,13 +3967,13 @@ class nt extends rr {
     };
   }
   onInputs(e) {
-    return this.addListenerReturnDisposer(I.Inputs, e);
+    return this.addListenerReturnDisposer(C.Inputs, e);
   }
   onOutputs(e) {
-    return this.addListenerReturnDisposer(I.Outputs, e);
+    return this.addListenerReturnDisposer(C.Outputs, e);
   }
   onState(e) {
-    return this.addListenerReturnDisposer(I.State, e);
+    return this.addListenerReturnDisposer(C.State, e);
   }
   setDebugFromUrlParams() {
     const e = new URL(window.location.href);
@@ -3983,10 +3983,10 @@ class nt extends rr {
     return this._state;
   }
   setState(e) {
-    this._state = C(e, (s) => s), this.getMetaframeIds().forEach((s) => {
+    this._state = I(e, (s) => s), this.getMetaframeIds().forEach((s) => {
       var n, i;
       (n = this.getMetaframe(s)) == null || n.setInputs(this._state.metaframes.inputs[s]), (i = this.getMetaframe(s)) == null || i.setOutputs(this._state.metaframes.outputs[s]);
-    }), this.listenerCount(I.State) > 0 && vt !== this._state && this.emit(I.State, this._state);
+    }), this.listenerCount(C.State) > 0 && vt !== this._state && this.emit(C.State, this._state);
   }
   getStateMetaframes() {
     return this._state.metaframes;
@@ -4002,6 +4002,8 @@ class nt extends rr {
         this.log(`Warning: Cannot inject secrets for unknown metaframe: ${s}`);
         return;
       }
+      if (i.url.startsWith("data:"))
+        return;
       this._injectedSecrets[s] || (this._injectedSecrets[s] = {}), this._injectedQuerySecrets[s] || (this._injectedQuerySecrets[s] = {}), this._originalSecretHashParams[s] || (this._originalSecretHashParams[s] = {}), this._originalSecretQueryParams[s] || (this._originalSecretQueryParams[s] = {});
       const o = new URL(i.url);
       n.hashParams && Object.entries(n.hashParams).forEach(([c, l]) => {
@@ -4023,13 +4025,13 @@ class nt extends rr {
       }), Object.entries(this._injectedQuerySecrets[s]).forEach(([c, l]) => {
         const f = btoa(encodeURIComponent(l));
         r.searchParams.set(c, f);
-      }), i.url = r.href, (u = (a = this._definition) == null ? void 0 : a.metaframes) != null && u[s] && (this._definition = C(this._definition, (c) => {
+      }), i.url = r.href, (u = (a = this._definition) == null ? void 0 : a.metaframes) != null && u[s] && (this._definition = I(this._definition, (c) => {
         c.metaframes[s].url = r.href;
       }));
     });
   }
   _getDefinitionWithoutSecrets() {
-    return Object.keys(this._injectedSecrets).length === 0 && Object.keys(this._injectedQuerySecrets).length === 0 ? this._definition : C(this._definition, (e) => {
+    return Object.keys(this._injectedSecrets).length === 0 && Object.keys(this._injectedQuerySecrets).length === 0 ? this._definition : I(this._definition, (e) => {
       (/* @__PURE__ */ new Set([
         ...Object.keys(this._injectedSecrets),
         ...Object.keys(this._injectedQuerySecrets)
@@ -4038,7 +4040,7 @@ class nt extends rr {
         if (!((l = e.metaframes) != null && l[n]))
           return;
         const i = this._metaframes[n];
-        if (!i)
+        if (!i || i.url.startsWith("data:"))
           return;
         let o = i.url;
         const r = this._injectedSecrets[n] || {}, a = this._originalSecretHashParams[n] || {};
@@ -4083,21 +4085,29 @@ class nt extends rr {
       (!n.metaframes || !n.metaframes[f]) && (u[f] = this._metaframes[f]);
     }), Object.keys(u).forEach((f) => {
       this.removeMetaframe(f);
-    }), s && (this._state = C(s, (f) => f));
+    }), s && (this._state = I(s, (f) => f));
     const c = {};
     return n.metaframes && Object.keys(n.metaframes).forEach((f) => {
       if (!this._metaframes.hasOwnProperty(f)) {
         const p = n.metaframes[f], g = this.addMetaframe(f, p);
         c[f] = g;
       }
-    }), (/* @__PURE__ */ new Set([
+    }), n.metaframes && (Object.keys(n.metaframes).forEach((f) => {
+      if (c[f])
+        return;
+      this._inputMap = I(this._inputMap, (g) => {
+        delete g[f];
+      });
+      const p = n.metaframes[f];
+      p.inputs && p.inputs.forEach((g) => this.addPipe(f, g));
+    }), this._cachedInputLookupMap = I({}, (f) => f)), (/* @__PURE__ */ new Set([
       ...Object.keys(i),
       ...Object.keys(o)
     ])).forEach((f) => {
       var p, g, m, _, v;
       if (this._metaframes[f]) {
         const M = i[f] || {}, w = o[f] || {}, E = this._metaframes[f], P = (m = (g = (p = this._definition) == null ? void 0 : p.metaframes) == null ? void 0 : g[f]) == null ? void 0 : m.url;
-        if (!P)
+        if (!P || P.startsWith("data:"))
           return;
         let O = new URL(P);
         if (Object.keys(M).length > 0) {
@@ -4119,7 +4129,7 @@ class nt extends rr {
         }), Object.entries(w).forEach(([$, D]) => {
           const b = btoa(encodeURIComponent(D));
           O.searchParams.set($, b);
-        }), E.url = O.href, (v = (_ = this._definition) == null ? void 0 : _.metaframes) != null && v[f] && (this._definition = C(this._definition, ($) => {
+        }), E.url = O.href, (v = (_ = this._definition) == null ? void 0 : _.metaframes) != null && v[f] && (this._definition = I(this._definition, ($) => {
           $.metaframes[f].url = O.href;
         }));
       }
@@ -4128,7 +4138,7 @@ class nt extends rr {
   async setDefinition(e, s) {
     const n = this._definition, { newDefinition: i } = await this._applyDefinition(e, s);
     return this.isDisposed() ? this : (n !== ln && window.setTimeout(() => {
-      !this.isDisposed() && i === this._definition && (this._emitDefinitionEvent(), s && this.listenerCount(I.State) > 0 && vt !== this._state && this.emit(I.State, this._state));
+      !this.isDisposed() && i === this._definition && (this._emitDefinitionEvent(), s && this.listenerCount(C.State) > 0 && vt !== this._state && this.emit(C.State, this._state));
     }, 0), this);
   }
   async updateDefinition(e, s) {
@@ -4137,26 +4147,26 @@ class nt extends rr {
       if (!this.isDisposed()) {
         this._emitDefinitionUpdateEvent(n, i);
         const o = Object.keys(n).length > 0 || Object.keys(i).length > 0;
-        this.listenerCount(I.State) > 0 && (o || s && vt !== this._state) && this.emit(I.State, this._state);
+        this.listenerCount(C.State) > 0 && (o || s && vt !== this._state) && this.emit(C.State, this._state);
       }
     }, 0), this);
   }
   setMetadata(e) {
-    this._definition = C(this._definition, (s) => {
+    this._definition = I(this._definition, (s) => {
       s.meta = e;
     }), this._emitDefinitionEvent();
   }
   _emitDefinitionEvent() {
-    if (this.listenerCount(I.Definition) > 0) {
+    if (this.listenerCount(C.Definition) > 0) {
       const e = {
         definition: this._getDefinitionWithoutSecrets(),
         metaframes: this._metaframes
       };
-      this.emit(I.Definition, e);
+      this.emit(C.Definition, e);
     }
   }
   _emitDefinitionUpdateEvent(e, s) {
-    if (this.listenerCount(I.DefinitionUpdate) > 0) {
+    if (this.listenerCount(C.DefinitionUpdate) > 0) {
       const n = {
         definition: this._getDefinitionWithoutSecrets(),
         metaframes: {
@@ -4165,30 +4175,30 @@ class nt extends rr {
           removed: s
         }
       };
-      this.emit(I.DefinitionUpdate, n);
+      this.emit(C.DefinitionUpdate, n);
     }
   }
   addPipe(e, s) {
-    this._inputMap = C(this._inputMap, (n) => {
+    this._inputMap = I(this._inputMap, (n) => {
       n[e] || (n[e] = []), n[e].push(s);
     });
   }
   removeMetaframe(e) {
-    this._metaframes[e] && (this._metaframes[e].dispose(), this._metaframes = C(this._metaframes, (s) => {
+    this._metaframes[e] && (this._metaframes[e].dispose(), this._metaframes = I(this._metaframes, (s) => {
       delete s[e];
-    }), this._state = C(this._state, (s) => {
+    }), this._state = I(this._state, (s) => {
       delete s.metaframes.inputs[e], delete s.metaframes.outputs[e];
-    }), this._inputMap = C(this._inputMap, (s) => {
+    }), this._inputMap = I(this._inputMap, (s) => {
       delete s[e], Object.keys(s).forEach((n) => {
         const i = s[n];
         let o = 0;
         for (; o <= i.length; )
           i[o] && i[o].metaframe === e ? i.splice(o, 1) : o++;
       });
-    }), delete this._injectedSecrets[e], delete this._injectedQuerySecrets[e], delete this._originalSecretHashParams[e], delete this._originalSecretQueryParams[e], this._cachedInputLookupMap = C({}, (s) => s));
+    }), delete this._injectedSecrets[e], delete this._injectedQuerySecrets[e], delete this._originalSecretHashParams[e], delete this._originalSecretQueryParams[e], this._cachedInputLookupMap = I({}, (s) => s));
   }
   removeAll() {
-    Object.keys(this._metaframes).forEach((e) => this._metaframes[e].dispose()), this._metaframes = C({}, (e) => e), this._state = vt, this._inputMap = C({}, (e) => e), this._cachedInputLookupMap = C({}, (e) => e), this._injectedSecrets = {}, this._injectedQuerySecrets = {}, this._originalSecretHashParams = {}, this._originalSecretQueryParams = {};
+    Object.keys(this._metaframes).forEach((e) => this._metaframes[e].dispose()), this._metaframes = I({}, (e) => e), this._state = vt, this._inputMap = I({}, (e) => e), this._cachedInputLookupMap = I({}, (e) => e), this._injectedSecrets = {}, this._injectedQuerySecrets = {}, this._originalSecretHashParams = {}, this._originalSecretQueryParams = {};
   }
   metaframes() {
     return this.getMetaframes();
@@ -4216,10 +4226,10 @@ class nt extends rr {
     if (!s.url)
       throw this.emitErrorMessage(`Metaframe definition missing url id=${e}`), `Metaframe definition missing url id=${e}`;
     var n = new zr(this, s.url, e, this._id, this._consoleBackgroundColor, this.debug).setMetapage(this);
-    return this._metaframes = C(this._metaframes, (i) => {
+    return this._metaframes = I(this._metaframes, (i) => {
       i[e] = n;
-    }), n.addListener(I.Error, (i) => {
-      this.emit(I.Error, {
+    }), n.addListener(C.Error, (i) => {
+      this.emit(C.Error, {
         metaframeId: n.id,
         metaframeUrl: n.url,
         error: i
@@ -4236,12 +4246,12 @@ class nt extends rr {
     this.logInternal(e, "f00", this._consoleBackgroundColor), this.emitErrorMessage(`${e}`);
   }
   emitErrorMessage(e) {
-    this.emit(I.Error, e);
+    this.emit(C.Error, e);
   }
   getInputsFromOutput(e, s) {
-    return this._cachedInputLookupMap[e] || (this._cachedInputLookupMap = C(this._cachedInputLookupMap, (n) => {
-      n[e] = C({}, (i) => i);
-    })), this._cachedInputLookupMap[e][s] || (this._cachedInputLookupMap = C(this._cachedInputLookupMap, (n) => {
+    return this._cachedInputLookupMap[e] || (this._cachedInputLookupMap = I(this._cachedInputLookupMap, (n) => {
+      n[e] = I({}, (i) => i);
+    })), this._cachedInputLookupMap[e][s] || (this._cachedInputLookupMap = I(this._cachedInputLookupMap, (n) => {
       var i = [];
       n[e][s] = i, Object.keys(this._inputMap).forEach((o) => {
         o !== e && this._inputMap[o].forEach((r) => {
@@ -4266,7 +4276,7 @@ class nt extends rr {
   }
   setInput(e, s, n) {
     var i, o;
-    typeof e == "object" ? this.setInputStateOnlyMetapageInstanceInputs(e) : typeof s == "string" ? this.setInputStateOnlyMetaframeInputValue(e, s, n) : this.setInputStateOnlyMetaframeInputMap(e, s || {}), this.setMetaframeClientInputAndSentClientEvent(e, s, n), (this.listenerCount(I.State) > 0 || this.listenerCount(I.Inputs) > 0) && vt !== this._state && (this.emit(I.State, this._state), this.emit(I.Inputs, (o = (i = this._state) == null ? void 0 : i.metaframes) == null ? void 0 : o.inputs));
+    typeof e == "object" ? this.setInputStateOnlyMetapageInstanceInputs(e) : typeof s == "string" ? this.setInputStateOnlyMetaframeInputValue(e, s, n) : this.setInputStateOnlyMetaframeInputMap(e, s || {}), this.setMetaframeClientInputAndSentClientEvent(e, s, n), (this.listenerCount(C.State) > 0 || this.listenerCount(C.Inputs) > 0) && vt !== this._state && (this.emit(C.State, this._state), this.emit(C.Inputs, (o = (i = this._state) == null ? void 0 : i.metaframes) == null ? void 0 : o.inputs));
   }
   setMetaframeClientInputAndSentClientEvent(e, s, n) {
     if (typeof e == "object") {
@@ -4313,7 +4323,7 @@ class nt extends rr {
     this._setStateOnlyMetaframeInputMap(!0, e, s);
   }
   _setStateOnlyMetaframeInputValue(e, s, n, i) {
-    this._state = C(this._state, (o) => {
+    this._state = I(this._state, (o) => {
       if (!this._metaframes.hasOwnProperty(s))
         throw `No metaframe: ${s}`;
       o.metaframes || (o.metaframes = { inputs: {}, outputs: {} }), e ? o.metaframes.inputs || (o.metaframes.inputs = {}) : o.metaframes.outputs || (o.metaframes.outputs = {});
@@ -4322,7 +4332,7 @@ class nt extends rr {
     });
   }
   _setStateOnlyMetaframeInputMap(e, s, n) {
-    !n || Object.keys(n).length === 0 || (this._state = C(this._state, (i) => {
+    !n || Object.keys(n).length === 0 || (this._state = I(this._state, (i) => {
       if (!this._metaframes.hasOwnProperty(s))
         throw `No metaframe: ${s}`;
       let r = e ? i.metaframes.inputs : i.metaframes.outputs;
@@ -4332,7 +4342,7 @@ class nt extends rr {
     }));
   }
   _setStateOnlyMetaframes(e, s) {
-    !s || Object.keys(s).length === 0 || (this._state = C(this._state, (n) => {
+    !s || Object.keys(s).length === 0 || (this._state = I(this._state, (n) => {
       Object.keys(s).forEach((i) => {
         var o = s[i];
         if (typeof o != "object")
@@ -4402,19 +4412,21 @@ class nt extends rr {
               });
             }), r && (this.setInputStateOnlyMetapageInstanceInputs(l), Object.keys(l).forEach((f) => {
               this._metaframes[f].setInputs(l[f]);
-            })), this.listenerCount(I.State) > 0 && vt !== this._state && this.emit(I.State, this._state), this.debug && o.ack({ jsonrpc: e, state: this._state });
+            })), this.listenerCount(C.State) > 0 && vt !== this._state && this.emit(C.State, this._state), this.debug && o.ack({ jsonrpc: e, state: this._state });
           } else
             this.error(`missing metaframe=${n}`);
           break;
         case q.InputsUpdate:
           var a = e.params;
-          this.debug && this.log(`inputs ${JSON.stringify(a)} from ${n}`), this._metaframes[n] ? (this.setInputStateOnlyMetaframeInputMap(n, a), this._metaframes[n].setInputs(a), this.listenerCount(I.State) > 0 && vt !== this._state && this.emit(I.State, this._state), this.debug && this._metaframes[n].ack({
+          this.debug && this.log(`inputs ${JSON.stringify(a)} from ${n}`), this._metaframes[n] ? (this.setInputStateOnlyMetaframeInputMap(n, a), this._metaframes[n].setInputs(a), this.listenerCount(C.State) > 0 && vt !== this._state && this.emit(C.State, this._state), this.debug && this._metaframes[n].ack({
             jsonrpc: e,
             state: this._state
           })) : (console.error(`InputsUpdate failed no metaframe id: "${n}"`), this.error(`InputsUpdate failed no metaframe id: "${n}"`));
           break;
         case q.HashParamsUpdate:
           if (i) {
+            if (i.url.startsWith("data:"))
+              break;
             const c = e.params, l = c.metaframe;
             let f = new URL(i.url);
             f.hash = c.hash, this._injectedSecrets[l] && Object.entries(this._injectedSecrets[l]).forEach(([m, _]) => {
@@ -4450,7 +4462,7 @@ class nt extends rr {
               });
             }
             const g = new URL(p);
-            this._definition = C(this._definition, (m) => {
+            this._definition = I(this._definition, (m) => {
               m.metaframes[l].url = g.href;
             }), this._emitDefinitionEvent();
           }
@@ -4458,7 +4470,7 @@ class nt extends rr {
         default:
           this.debug && this.log(`Unknown RPC method: "${s}"`);
       }
-      this.listenerCount(I.Message) > 0 && this.emit(I.Message, e);
+      this.listenerCount(C.Message) > 0 && this.emit(C.Message, e);
     }
   }
   logInternal(e, s, n) {
@@ -4468,13 +4480,13 @@ class nt extends rr {
   }
 }
 nt.version = Ls;
-nt.DEFINITION = I.Definition;
-nt.DEFINITION_UPDATE = I.DefinitionUpdate;
-nt.ERROR = I.Error;
-nt.INPUTS = I.Inputs;
-nt.MESSAGE = I.Message;
-nt.OUTPUTS = I.Outputs;
-nt.STATE = I.State;
+nt.DEFINITION = C.Definition;
+nt.DEFINITION_UPDATE = C.DefinitionUpdate;
+nt.ERROR = C.Error;
+nt.INPUTS = C.Inputs;
+nt.MESSAGE = C.Message;
+nt.OUTPUTS = C.Outputs;
+nt.STATE = C.State;
 nt.deserializeInputs = Ft;
 nt.serializeInputs = _e;
 function ds(t) {
@@ -4557,7 +4569,7 @@ async function yo(t) {
     throw r.dispose(), new Error(`Failed to set metapage definition: ${b}`);
   }
   const a = [];
-  n && a.push(r.addListenerReturnDisposer(I.Outputs, n));
+  n && a.push(r.addListenerReturnDisposer(C.Outputs, n));
   const u = (O = (P = s == null ? void 0 : s.meta) == null ? void 0 : P.layouts) == null ? void 0 : O["react-grid-layout"], c = u == null ? void 0 : u.layout;
   if (!u || !c)
     throw new Error("No valid layout found in metapage definition");
@@ -4702,7 +4714,7 @@ export {
   ge as MetaframeVersionCurrent,
   ys as MetaframeVersionsAll,
   nt as Metapage,
-  I as MetapageEvents,
+  C as MetapageEvents,
   Gt as MetapageHashParams,
   zr as MetapageIFrameRpcClient,
   rr as MetapageShared,