sample-cross-fx 0.14.23-beta.4124 → 0.14.23

package/app/index.d.ts

@@ -89,14 +89,14 @@ declare module "sample-cross-fx" {
      * @param Component The component to be rendered.
      * @param defaults Optionally, sets the default values for the expected data.
      */
-    registerExtension<TName>(name: TName extends string ? TName : string, Component: AnyComponent<ExtensionComponentProps<TName>>, defaults?: Partial<ExtensionParams<TName>>): RegistrationDisposer;
+    registerExtension<TName>(name: TName extends string ? TName : string, Component: AnyExtensionComponent<TName>, defaults?: Partial<ExtensionParams<TName>>): RegistrationDisposer;
     /**
      * Unregisters a global extension component.
      * Only previously registered extension components can be unregistered.
      * @param name The name of the extension slot to unregister from.
      * @param Component The registered extension component to unregister.
      */
-    unregisterExtension<TName>(name: TName extends string ? TName : string, Component: AnyComponent<ExtensionComponentProps<TName>>): void;
+    unregisterExtension<TName>(name: TName extends string ? TName : string, Component: AnyExtensionComponent<TName>): void;
     /**
      * React component for displaying extensions for a given name.
      * @param props The extension's rendering props.
@@ -464,14 +464,9 @@ declare module "sample-cross-fx" {
   }
 
   /**
-   * The props of an extension component.
+   * Shorthand for the definition of an extension component.
    */
-  export interface ExtensionComponentProps<T> extends BaseComponentProps {
-    /**
-     * The provided parameters for showing the extension.
-     */
-    params: T extends keyof PiralExtensionSlotMap ? PiralExtensionSlotMap[T] : T extends string ? any : T;
-  }
+  export type AnyExtensionComponent<TName> = TName extends keyof PiralExtensionSlotMap ? AnyComponent<ExtensionComponentProps<TName>> : TName extends string ? AnyComponent<ExtensionComponentProps<any>> : AnyComponent<ExtensionComponentProps<TName>>;
 
   /**
    * Gives the extension params shape for the given extension slot name.
@@ -875,6 +870,16 @@ declare module "sample-cross-fx" {
    */
   export interface PiralCustomPageMeta {}
 
+  /**
+   * The props of an extension component.
+   */
+  export interface ExtensionComponentProps<T> extends BaseComponentProps {
+    /**
+     * The provided parameters for showing the extension.
+     */
+    params: T extends keyof PiralExtensionSlotMap ? PiralExtensionSlotMap[T] : T extends string ? any : T;
+  }
+
   /**
    * The mapping of the existing (known) extension slots.
    */

package/app/{index.851526.js → index.e8d08a.js}

@@ -126900,11 +126900,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "createConverter": () => (/* binding */ createConverter)
 /* harmony export */ });
+/* harmony import */ var solid_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! solid-js/dom */ "../../../node_modules/solid-js/dist/index.js");
 /* harmony import */ var solid_js_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! solid-js/dom */ "../../../node_modules/solid-js/dist/dom/index.js");
-/* harmony import */ var solid_js_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! solid-js/dom */ "../../../node_modules/solid-js/dist/index.js");
 /* harmony import */ var _extension__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./extension */ "../../converters/piral-solid/esm/extension.js");
 
 
+
 function createConverter(config = {}) {
   const {
     rootName = 'slot'
@@ -126912,15 +126913,28 @@ function createConverter(config = {}) {
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_0__.createExtension)(rootName);
 
   const convert = root => ({
-    mount(el, props, context) {
-      (0,solid_js_dom__WEBPACK_IMPORTED_MODULE_1__.render)(() => (0,solid_js_dom__WEBPACK_IMPORTED_MODULE_2__.createComponent)(root, Object.assign({
-        context
-      }, props)), el);
+    mount(el, props, context, locals) {
+      locals.update = (props, context) => {
+        locals.destroy = (0,solid_js_dom__WEBPACK_IMPORTED_MODULE_1__.render)(() => {
+          (0,solid_js__WEBPACK_IMPORTED_MODULE_2__.onCleanup)(() => {
+            el.innerHTML = '';
+          });
+          return (0,solid_js__WEBPACK_IMPORTED_MODULE_2__.createComponent)(root, Object.assign({
+            context
+          }, props));
+        }, el);
+      };
+
+      locals.update(props, context);
     },
 
-    unmount(el) {
-      (0,solid_js_dom__WEBPACK_IMPORTED_MODULE_1__.render)(() => undefined, el);
-      el.innerHTML = '';
+    update(el, props, context, locals) {
+      locals.destroy();
+      locals.update(props, context);
+    },
+
+    unmount(el, locals) {
+      locals.destroy();
     }
 
   });
@@ -126982,6 +126996,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "createExtension": () => (/* binding */ createExtension)
 /* harmony export */ });
+/* harmony import */ var solid_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! solid-js */ "../../../node_modules/solid-js/dist/index.js");
+
 function createExtension(rootName) {
   return props => {
     const element = document.createElement(rootName);
@@ -126994,6 +127010,16 @@ function createExtension(rootName) {
         }
       }));
     }, 0);
+    (0,solid_js__WEBPACK_IMPORTED_MODULE_0__.createEffect)(() => {
+      element.dispatchEvent(new CustomEvent('extension-props-changed', {
+        detail: {
+          name: props.name,
+          empty: props.empty,
+          params: props.params,
+          render: props.render
+        }
+      }));
+    });
     return element;
   };
 }
@@ -129731,7 +129757,7 @@ function createInstance(config = {}) {
   const createApi = apiFactory(context, usedPlugins);
   const root = createApi({
     name: 'root',
-    version: "0.14.23-beta.4124" || 0,
+    version: "0.14.23" || 0,
     spec: ''
   });
   const options = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.createPiletOptions)({
@@ -131731,12 +131757,12 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-cross-fx",
-      version: "0.14.23-beta.4124",
+      version: "0.14.23",
       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,react,react-dom,react-router,react-router-dom,history,tslib,path-to-regexp,@libre/atom,@dbeining/react-atom"
     },
     build: {
-      date: "2022-04-27T15:09:34.920Z",
-      cli: "0.14.22",
+      date: "2022-05-01T12:50:23.676Z",
+      cli: "0.14.23",
       compat: "0.14"
     },
     pilets: {
@@ -253997,4 +254023,4 @@ const app = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__.createElement(piral_
 
 /******/ })()
 ;
-//# sourceMappingURL=index.851526.js.map
+//# sourceMappingURL=index.e8d08a.js.map