sample-cross-fx 0.15.2 → 0.15.3-beta.4970

package/app/{index.7ab0a3.js → index.1a270c.js}

@@ -54285,16 +54285,20 @@ function createConverter(lazy) {
   let listener = undefined;
 
   const enqueueChange = (locals, update) => {
-    if (locals.state === 'mounted') {
+    if (typeof update !== 'function') {// nothing to do in this case
+    } else if (locals.state === 'mounted') {
       loader.then(update);
     } else {
-      locals.update = update;
+      locals.next = update;
     }
   };
 
   const convert = (moduleName, dependency, args, options) => ({
     mount(el, data, ctx, locals) {
       const props = Object.assign(Object.assign({}, args), data);
+      const {
+        piral
+      } = data;
       const nav = ctx.navigation;
       el.setAttribute('data-blazor-pilet-root', 'true');
       (0,_events__WEBPACK_IMPORTED_MODULE_2__.addGlobalEventListeners)(el);
@@ -54313,27 +54317,67 @@ function createConverter(lazy) {
       }
 
       locals.state = 'fresh';
-      locals.update = noop;
-      locals.dispose = (0,_events__WEBPACK_IMPORTED_MODULE_2__.attachEvents)(el, ev => data.piral.renderHtmlExtension(ev.detail.target, ev.detail.props), ev => ev.detail.replace ? nav.replace(ev.detail.to, ev.detail.store) : nav.push(ev.detail.to, ev.detail.state));
-      (loader || (loader = boot())).then(config => dependency(config).then(() => (0,_interop__WEBPACK_IMPORTED_MODULE_1__.activate)(moduleName, props)).then(refId => {
-        const [root] = config;
+      locals.next = noop;
+      locals.dispose = (0,_events__WEBPACK_IMPORTED_MODULE_2__.attachEvents)(el, ev => piral.renderHtmlExtension(ev.detail.target, ev.detail.props), ev => ev.detail.replace ? nav.replace(ev.detail.to, ev.detail.store) : nav.push(ev.detail.to, ev.detail.state));
+
+      function mountClassic(config) {
+        return (0,_interop__WEBPACK_IMPORTED_MODULE_1__.activate)(moduleName, props).then(refId => {
+          const [root] = config;
+          const node = root.querySelector(`#${refId} > div`);
+
+          locals.unmount = () => {
+            var _a;
+
+            (_a = root.querySelector(`#${refId}`)) === null || _a === void 0 ? void 0 : _a.appendChild(node);
+            (0,_interop__WEBPACK_IMPORTED_MODULE_1__.deactivate)(moduleName, refId);
+            el.innerHTML = '';
+          };
+
+          locals.update = props => {
+            (0,_interop__WEBPACK_IMPORTED_MODULE_1__.reactivate)(moduleName, refId, props);
+          };
+
+          project(node, el, options);
+        });
+      }
+
+      function mountModern(_) {
+        return (0,_interop__WEBPACK_IMPORTED_MODULE_1__.createElement)(moduleName, props).then(refId => {
+          const child = document.createElement('piral-blazor-component');
+          child.setAttribute('rid', refId);
+          el.appendChild(child);
+
+          locals.unmount = () => {
+            (0,_interop__WEBPACK_IMPORTED_MODULE_1__.destroyElement)(refId);
+            child.remove();
+            el.innerHTML = '';
+          };
+
+          locals.update = props => {
+            (0,_interop__WEBPACK_IMPORTED_MODULE_1__.updateElement)(refId, props);
+          };
+        });
+      }
 
+      (loader || (loader = boot())).then(config => dependency(config).then(() => {
         if (locals.state === 'fresh') {
-          locals.id = refId;
-          locals.node = root.querySelector(`#${locals.id} > div`);
-          project(locals.node, el, options);
-          locals.state = 'mounted';
-          locals.referenceId = refId;
-          locals.update(config);
-          locals.update = noop;
+          const [_, capabilities, applyChanges] = config;
+          const fn = capabilities.includes('custom-element') ? mountModern : mountClassic;
+          applyChanges(piral.meta);
+          return fn(config).then(() => {
+            locals.state = 'mounted';
+            locals.next(config);
+            locals.next = noop;
+          });
         }
       })).catch(err => console.error(err));
     },
 
     update(el, data, ctx, locals) {
       enqueueChange(locals, () => {
-        const props = Object.assign(Object.assign({}, args), data);
-        (0,_interop__WEBPACK_IMPORTED_MODULE_1__.reactivate)(moduleName, locals.referenceId, props);
+        var _a;
+
+        (_a = locals.update) === null || _a === void 0 ? void 0 : _a.call(locals, Object.assign(Object.assign({}, args), data));
       });
     },
 
@@ -54341,13 +54385,7 @@ function createConverter(lazy) {
       (0,_events__WEBPACK_IMPORTED_MODULE_2__.removeGlobalEventListeners)(el);
       el.removeAttribute('data-blazor-pilet-root');
       locals.dispose();
-      enqueueChange(locals, ([root]) => {
-        var _a;
-
-        (_a = root.querySelector(`#${locals.id}`)) === null || _a === void 0 ? void 0 : _a.appendChild(locals.node);
-        (0,_interop__WEBPACK_IMPORTED_MODULE_1__.deactivate)(moduleName, locals.referenceId);
-        el.innerHTML = '';
-      });
+      enqueueChange(locals, locals.unmount);
       locals.state = 'removed';
     }
 
@@ -54674,7 +54712,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "activate": () => (/* binding */ activate),
 /* harmony export */   "callNotifyLocationChanged": () => (/* binding */ callNotifyLocationChanged),
 /* harmony export */   "createBootLoader": () => (/* binding */ createBootLoader),
+/* harmony export */   "createElement": () => (/* binding */ createElement),
 /* harmony export */   "deactivate": () => (/* binding */ deactivate),
+/* harmony export */   "destroyElement": () => (/* binding */ destroyElement),
 /* harmony export */   "getCapabilities": () => (/* binding */ getCapabilities),
 /* harmony export */   "initialize": () => (/* binding */ initialize),
 /* harmony export */   "loadBlazorPilet": () => (/* binding */ loadBlazorPilet),
@@ -54682,7 +54722,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "loadResourceWithSymbol": () => (/* binding */ loadResourceWithSymbol),
 /* harmony export */   "reactivate": () => (/* binding */ reactivate),
 /* harmony export */   "unloadBlazorPilet": () => (/* binding */ unloadBlazorPilet),
-/* harmony export */   "unloadResource": () => (/* binding */ unloadResource)
+/* harmony export */   "unloadResource": () => (/* binding */ unloadResource),
+/* harmony export */   "updateElement": () => (/* binding */ updateElement)
 /* harmony export */ });
 /* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./events */ "../../converters/piral-blazor/esm/events.js");
 
@@ -54715,6 +54756,30 @@ function createBase() {
   return document.head.appendChild(el);
 }
 
+function prepareForStartup() {
+  const originalApplyHotReload = window.Blazor._internal.applyHotReload;
+  const queue = [];
+
+  const applyChanges = pilet => {
+    if (pilet.config && pilet.config.blazorHotReload) {
+      for (const item of queue.splice(0, queue.length)) {
+        item();
+      }
+
+      window.Blazor._internal.applyHotReload = originalApplyHotReload;
+    }
+  };
+
+  window.Blazor._internal.applyHotReload = function (...args) {
+    queue.push(() => originalApplyHotReload.apply(this, args));
+  };
+
+  return getCapabilities().then(capabilities => ({
+    capabilities,
+    applyChanges
+  }));
+}
+
 function createBlazorStarter(publicPath) {
   const root = document.body.appendChild(document.createElement('div'));
   root.style.display = 'none';
@@ -54737,14 +54802,20 @@ function createBlazorStarter(publicPath) {
 
       navManager.getBaseURI = () => originalBase;
 
-      return window.Blazor.start().then(getCapabilities).then(capabilities => {
+      return window.Blazor.start().then(prepareForStartup).then(({
+        capabilities,
+        applyChanges
+      }) => {
         baseElement.href = originalBase;
-        return [root, capabilities];
+        return [root, capabilities, applyChanges];
       });
     };
   }
 
-  return () => window.Blazor.start().then(getCapabilities).then(capabilities => [root, capabilities]);
+  return () => window.Blazor.start().then(prepareForStartup).then(({
+    capabilities,
+    applyChanges
+  }) => [root, capabilities, applyChanges]);
 }
 
 function computePath() {
@@ -54774,6 +54845,15 @@ function addScript(url) {
   });
 }
 
+function createElement(moduleName, props) {
+  return window.DotNet.invokeMethodAsync(coreLib, 'CreateElement', moduleName, props);
+}
+function updateElement(referenceId, props) {
+  return window.DotNet.invokeMethodAsync(coreLib, 'UpdateElement', referenceId, props);
+}
+function destroyElement(referenceId) {
+  return window.DotNet.invokeMethodAsync(coreLib, 'DestroyElement', referenceId);
+}
 function activate(moduleName, props) {
   return window.DotNet.invokeMethodAsync(coreLib, 'Activate', moduleName, props);
 }
@@ -63607,12 +63687,12 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-cross-fx",
-      version: "0.15.2",
+      version: "0.15.3-beta.4970",
       dependencies: "@angular/common,@angular/compiler,@angular/core,@angular/platform-browser,@angular/platform-browser-dynamic,@webcomponents/webcomponentsjs,angular,aurelia-framework,aurelia-templating-binding,aurelia-templating-resources,aurelia-pal-browser,aurelia-event-aggregator,aurelia-history-browser,hyperapp,inferno,inferno-create-element,mithril,lit-element,solid-js,solid-js/dom,piral-ng/common,preact,riot,rxjs,vue,zone.js,tslib,react,react-dom,react-router,react-router-dom"
     },
     build: {
-      date: "2022-12-05T01:10:58.804Z",
-      cli: "0.15.2",
+      date: "2022-12-13T11:15:47.413Z",
+      cli: "0.15.3-beta.4970",
       compat: "0.15"
     }
   };
@@ -216460,4 +216540,4 @@ root.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement(piral
 
 /******/ })()
 ;
-//# sourceMappingURL=index.7ab0a3.js.map
+//# sourceMappingURL=index.1a270c.js.map