piral-aurelia 0.13.8 → 0.14.0-beta.3156

package/convert.d.ts

@@ -1,9 +1,11 @@
 import type { HtmlComponent } from 'piral-core';
-import { createExtension } from './lib/extension';
-declare const convert: <TProps extends import("piral-core").BaseComponentProps>(root: any) => import("piral-core").ForeignComponent<TProps>;
+import { createConverter } from './lib/converter';
 export interface AureliaConverter {
-    (...params: Parameters<typeof convert>): HtmlComponent<any>;
+    (...params: Parameters<ReturnType<typeof createConverter>>): HtmlComponent<any>;
 }
-export declare const fromAurelia: AureliaConverter;
-export declare const createAureliaExtension: typeof createExtension;
-export {};
+export declare function createAureliaConverter(...params: Parameters<typeof createConverter>): {
+    from: AureliaConverter;
+    Extension: any;
+};
+declare const fromAurelia: AureliaConverter, AureliaExtension: any;
+export { fromAurelia, AureliaExtension };

package/convert.js

@@ -1,12 +1,21 @@
 "use strict";
 exports.__esModule = true;
-exports.createAureliaExtension = exports.fromAurelia = void 0;
+exports.AureliaExtension = exports.fromAurelia = exports.createAureliaConverter = void 0;
 var converter_1 = require("./lib/converter");
-var extension_1 = require("./lib/extension");
-var convert = converter_1.createConverter();
-var fromAurelia = function (root) { return ({
-    type: 'html',
-    component: convert(root)
-}); };
+function createAureliaConverter() {
+    var params = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        params[_i] = arguments[_i];
+    }
+    var convert = converter_1.createConverter.apply(void 0, params);
+    var Extension = convert.Extension;
+    var from = function (root) { return ({
+        type: 'html',
+        component: convert(root)
+    }); };
+    return { from: from, Extension: Extension };
+}
+exports.createAureliaConverter = createAureliaConverter;
+var _a = createAureliaConverter(), fromAurelia = _a.from, AureliaExtension = _a.Extension;
 exports.fromAurelia = fromAurelia;
-exports.createAureliaExtension = extension_1.createExtension;
+exports.AureliaExtension = AureliaExtension;

package/esm/DefaultLoader.js

@@ -1,91 +1,85 @@
-import { __extends } from "tslib";
 import 'aurelia-templating-binding';
 import 'aurelia-templating-resources';
 import 'aurelia-event-aggregator';
 import 'aurelia-history-browser';
 import { Loader } from 'aurelia-framework';
-var DefaultLoader = /** @class */ (function (_super) {
-    __extends(DefaultLoader, _super);
-    function DefaultLoader() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.mapping = {};
-        return _this;
+export class DefaultLoader extends Loader {
+    constructor() {
+        super(...arguments);
+        this.mapping = {};
     }
     /**
      * Maps a module id to a source.
      * @param id The module id.
      * @param source The source to map the module to.
      */
-    DefaultLoader.prototype.map = function (id, source) {
+    map(id, source) {
         this.mapping[id] = source;
-    };
+    }
     /**
      * Normalizes a module id.
      * @param moduleId The module id to normalize.
      * @param relativeTo What the module id should be normalized relative to.
      * @return The normalized module id.
      */
-    DefaultLoader.prototype.normalizeSync = function (moduleId, _relativeTo) {
+    normalizeSync(moduleId, _relativeTo) {
         return moduleId;
-    };
+    }
     /**
      * Normalizes a module id.
      * @param moduleId The module id to normalize.
      * @param relativeTo What the module id should be normalized relative to.
      * @return A promise for the normalized module id.
      */
-    DefaultLoader.prototype.normalize = function (moduleId, relativeTo) {
+    normalize(moduleId, relativeTo) {
         return Promise.resolve(this.normalizeSync(moduleId, relativeTo));
-    };
+    }
     /**
      * Loads a module.
      * @param id The module id to normalize.
      * @return A Promise for the loaded module.
      */
-    DefaultLoader.prototype.loadModule = function (id) {
+    loadModule(id) {
         return Promise.resolve(require(id));
-    };
+    }
     /**
      * Loads a collection of modules.
      * @param ids The set of module ids to load.
      * @return A Promise for an array of loaded modules.
      */
-    DefaultLoader.prototype.loadAllModules = function (ids) {
-        var _this = this;
-        return Promise.all(ids.map(function (id) { return _this.loadModule(id); }));
-    };
+    loadAllModules(ids) {
+        return Promise.all(ids.map((id) => this.loadModule(id)));
+    }
     /**
      * Loads a template.
      * @param url The url of the template to load.
      * @return A Promise for a TemplateRegistryEntry containing the template.
      */
-    DefaultLoader.prototype.loadTemplate = function (url) {
-        return fetch(url).then(function (res) { return res.json(); });
-    };
+    loadTemplate(url) {
+        return fetch(url).then((res) => res.json());
+    }
     /**
      * Loads a text-based resource.
      * @param url The url of the text file to load.
      * @return A Promise for text content.
      */
-    DefaultLoader.prototype.loadText = function (url) {
-        return fetch(url).then(function (res) { return res.text(); });
-    };
+    loadText(url) {
+        return fetch(url).then((res) => res.text());
+    }
     /**
      * Alters a module id so that it includes a plugin loader.
      * @param url The url of the module to load.
      * @param pluginName The plugin to apply to the module id.
      * @return The plugin-based module id.
      */
-    DefaultLoader.prototype.applyPluginToUrl = function (url, pluginName) {
-        return url + "?plugin=" + pluginName;
-    };
+    applyPluginToUrl(url, pluginName) {
+        return `${url}?plugin=${pluginName}`;
+    }
     /**
      * Registers a plugin with the loader.
      * @param pluginName The name of the plugin.
      * @param implementation The plugin implementation.
      */
-    DefaultLoader.prototype.addPlugin = function (_pluginName, _implementation) { };
-    return DefaultLoader;
-}(Loader));
-export { DefaultLoader };
+    addPlugin(_pluginName, _implementation) { }
+}
 //# sourceMappingURL=DefaultLoader.js.map

package/esm/DefaultLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultLoader.js","sourceRoot":"","sources":["../src/DefaultLoader.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,0BAA0B,CAAC;AAClC,OAAO,yBAAyB,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C;IAAmC,iCAAM;IAAzC;QAAA,qEAoFC;QAnFS,aAAO,GAA2B,EAAE,CAAC;;IAmF/C,CAAC;IAjFC;;;;OAIG;IACH,2BAAG,GAAH,UAAI,EAAE,EAAE,MAAM;QACZ,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC;IAC5B,CAAC;IAED;;;;;OAKG;IACH,qCAAa,GAAb,UAAc,QAAQ,EAAE,WAAW;QACjC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;;;;OAKG;IACH,iCAAS,GAAT,UAAU,QAAQ,EAAE,UAAU;QAC5B,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IACnE,CAAC;IAED;;;;OAIG;IACH,kCAAU,GAAV,UAAW,EAAE;QACX,OAAO,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;IACtC,CAAC;IAED;;;;OAIG;IACH,sCAAc,GAAd,UAAe,GAAG;QAAlB,iBAEC;QADC,OAAO,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,UAAC,EAAE,IAAK,OAAA,KAAI,CAAC,UAAU,CAAC,EAAE,CAAC,EAAnB,CAAmB,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED;;;;OAIG;IACH,oCAAY,GAAZ,UAAa,GAAG;QACd,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,IAAI,EAAE,EAAV,CAAU,CAAC,CAAC;IAC9C,CAAC;IAED;;;;OAIG;IACH,gCAAQ,GAAR,UAAS,GAAG;QACV,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,IAAI,EAAE,EAAV,CAAU,CAAC,CAAC;IAC9C,CAAC;IAED;;;;;OAKG;IACH,wCAAgB,GAAhB,UAAiB,GAAG,EAAE,UAAU;QAC9B,OAAU,GAAG,gBAAW,UAAY,CAAC;IACvC,CAAC;IAED;;;;OAIG;IACH,iCAAS,GAAT,UAAU,WAAW,EAAE,eAAe,IAAG,CAAC;IAC5C,oBAAC;AAAD,CAAC,AApFD,CAAmC,MAAM,GAoFxC"}
+{"version":3,"file":"DefaultLoader.js","sourceRoot":"","sources":["../src/DefaultLoader.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,0BAA0B,CAAC;AAClC,OAAO,yBAAyB,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,OAAO,aAAc,SAAQ,MAAM;IAAzC;;QACU,YAAO,GAA2B,EAAE,CAAC;IAmF/C,CAAC;IAjFC;;;;OAIG;IACH,GAAG,CAAC,EAAE,EAAE,MAAM;QACZ,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC;IAC5B,CAAC;IAED;;;;;OAKG;IACH,aAAa,CAAC,QAAQ,EAAE,WAAW;QACjC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;;;;OAKG;IACH,SAAS,CAAC,QAAQ,EAAE,UAAU;QAC5B,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IACnE,CAAC;IAED;;;;OAIG;IACH,UAAU,CAAC,EAAE;QACX,OAAO,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;IACtC,CAAC;IAED;;;;OAIG;IACH,cAAc,CAAC,GAAG;QAChB,OAAO,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED;;;;OAIG;IACH,YAAY,CAAC,GAAG;QACd,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED;;;;OAIG;IACH,QAAQ,CAAC,GAAG;QACV,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED;;;;;OAKG;IACH,gBAAgB,CAAC,GAAG,EAAE,UAAU;QAC9B,OAAO,GAAG,GAAG,WAAW,UAAU,EAAE,CAAC;IACvC,CAAC;IAED;;;;OAIG;IACH,SAAS,CAAC,WAAW,EAAE,eAAe,IAAG,CAAC;CAC3C"}

package/esm/converter.d.ts

@@ -1,3 +1,13 @@
-import { ForeignComponent, BaseComponentProps } from 'piral-core';
-import { AureliaModule } from './types';
-export declare function createConverter(): <TProps extends BaseComponentProps>(root: any) => ForeignComponent<TProps>;
+import type { ForeignComponent, BaseComponentProps } from 'piral-core';
+import type { AureliaModule } from './types';
+export interface AureliaConverterOptions {
+    /**
+     * Defines the name of the root element.
+     * @default span
+     */
+    rootName?: string;
+}
+export declare function createConverter(config?: AureliaConverterOptions): {
+    <TProps extends BaseComponentProps>(root: any): ForeignComponent<TProps>;
+    Extension: any;
+};

package/esm/converter.js

@@ -1,33 +1,37 @@
 import { Aurelia } from 'aurelia-framework';
 import { initialize } from 'aurelia-pal-browser';
 import { DefaultLoader } from './DefaultLoader';
-export function createConverter() {
+import { createExtension } from './extension';
+export function createConverter(config = {}) {
+    const { rootName = 'span' } = config;
     initialize();
-    var convert = function (root) {
-        var aurelia = undefined;
+    const Extension = createExtension(rootName);
+    const convert = (root) => {
+        let aurelia = undefined;
         return {
-            mount: function (el, props, ctx) {
-                var piral = props.piral;
+            mount(el, props, ctx) {
                 aurelia = new Aurelia(new DefaultLoader());
                 aurelia.use
                     .eventAggregator()
                     .history()
                     .defaultBindingLanguage()
-                    .globalResources([piral.AureliaExtension])
+                    .globalResources([Extension])
                     .defaultResources();
                 aurelia.container.registerInstance('props', props);
                 aurelia.container.registerInstance('ctx', ctx);
-                aurelia.start().then(function () { return aurelia.setRoot(root, el); });
+                aurelia.container.registerInstance('piral', props.piral);
+                aurelia.start().then(() => aurelia.setRoot(root, el));
             },
-            update: function (_, props, ctx) {
+            update(_, props, ctx) {
                 aurelia.container.registerInstance('props', props);
                 aurelia.container.registerInstance('ctx', ctx);
             },
-            unmount: function () {
+            unmount() {
                 aurelia = undefined;
             },
         };
     };
+    convert.Extension = Extension;
     return convert;
 }
 //# sourceMappingURL=converter.js.map

package/esm/converter.js.map

@@ -1 +1 @@
-{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,MAAM,UAAU,eAAe;IAC7B,UAAU,EAAE,CAAC;IACb,IAAM,OAAO,GAAG,UAAoC,IAA2B;QAC7E,IAAI,OAAO,GAAY,SAAS,CAAC;QAEjC,OAAO;YACL,KAAK,YAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBACV,IAAA,KAAK,GAAK,KAAK,MAAV,CAAW;gBAExB,OAAO,GAAG,IAAI,OAAO,CAAC,IAAI,aAAa,EAAE,CAAC,CAAC;gBAE3C,OAAO,CAAC,GAAG;qBACR,eAAe,EAAE;qBACjB,OAAO,EAAE;qBACT,sBAAsB,EAAE;qBACxB,eAAe,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;qBACzC,gBAAgB,EAAE,CAAC;gBAEtB,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;gBACnD,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;gBAE/C,OAAO,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,cAAM,OAAA,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,EAAzB,CAAyB,CAAC,CAAC;YACxD,CAAC;YACD,MAAM,YAAC,CAAC,EAAE,KAAK,EAAE,GAAG;gBAClB,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;gBACnD,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;YACjD,CAAC;YACD,OAAO;gBACL,OAAO,GAAG,SAAS,CAAC;YACtB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,OAAO,CAAC;AACjB,CAAC"}
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAW9C,MAAM,UAAU,eAAe,CAAC,SAAkC,EAAE;IAClE,MAAM,EAAE,QAAQ,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC;IAErC,UAAU,EAAE,CAAC;IAEb,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG,CAAoC,IAA2B,EAA4B,EAAE;QAC3G,IAAI,OAAO,GAAY,SAAS,CAAC;QAEjC,OAAO;YACL,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBAClB,OAAO,GAAG,IAAI,OAAO,CAAC,IAAI,aAAa,EAAE,CAAC,CAAC;gBAE3C,OAAO,CAAC,GAAG;qBACR,eAAe,EAAE;qBACjB,OAAO,EAAE;qBACT,sBAAsB,EAAE;qBACxB,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC;qBAC5B,gBAAgB,EAAE,CAAC;gBAEtB,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;gBACnD,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;gBAC/C,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;gBAEzD,OAAO,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;YACxD,CAAC;YACD,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG;gBAClB,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;gBACnD,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;YACjD,CAAC;YACD,OAAO;gBACL,OAAO,GAAG,SAAS,CAAC;YACtB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/esm/create.d.ts

@@ -1,14 +1,10 @@
 import type { PiralPlugin } from 'piral-core';
+import { AureliaConverterOptions } from './converter';
 import type { PiletAureliaApi } from './types';
 /**
  * Available configuration options for the Aurelia plugin.
  */
-export interface AureliaConfig {
-    /**
-     * Defines the name of the root element.
-     * @default span
-     */
-    rootName?: string;
+export interface AureliaConfig extends AureliaConverterOptions {
 }
 /**
  * Creates new Pilet API extensions for integrating Aurelia.

package/esm/create.js

@@ -1,28 +1,19 @@
-import { createExtension } from './extension';
 import { createConverter } from './converter';
 /**
  * Creates new Pilet API extensions for integrating Aurelia.
  */
-export function createAureliaApi(config) {
-    if (config === void 0) { config = {}; }
-    var rootName = config.rootName;
-    return function (context) {
-        var convert = createConverter();
-        context.converters.aurelia = function (_a) {
-            var root = _a.root;
-            return convert(root);
-        };
-        return function (api) {
-            var AureliaExtension = createExtension(api, rootName);
-            return {
-                fromAurelia: function (root) {
-                    return {
-                        type: 'aurelia',
-                        root: root,
-                    };
-                },
-                AureliaExtension: AureliaExtension,
-            };
+export function createAureliaApi(config = {}) {
+    return (context) => {
+        const convert = createConverter(config);
+        context.converters.aurelia = ({ root }) => convert(root);
+        return {
+            fromAurelia(root) {
+                return {
+                    type: 'aurelia',
+                    root,
+                };
+            },
+            AureliaExtension: convert.Extension,
         };
     };
 }

package/esm/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAc9C;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,MAA0B;IAA1B,uBAAA,EAAA,WAA0B;IACjD,IAAA,QAAQ,GAAK,MAAM,SAAX,CAAY;IAE5B,OAAO,UAAC,OAAO;QACb,IAAM,OAAO,GAAG,eAAe,EAAE,CAAC;QAClC,OAAO,CAAC,UAAU,CAAC,OAAO,GAAG,UAAC,EAAQ;gBAAN,IAAI,UAAA;YAAO,OAAA,OAAO,CAAC,IAAI,CAAC;QAAb,CAAa,CAAC;QAEzD,OAAO,UAAC,GAAG;YACT,IAAM,gBAAgB,GAAG,eAAe,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;YAExD,OAAO;gBACL,WAAW,YAAC,IAAI;oBACd,OAAO;wBACL,IAAI,EAAE,SAAS;wBACf,IAAI,MAAA;qBACL,CAAC;gBACJ,CAAC;gBACD,gBAAgB,kBAAA;aACjB,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAA2B,MAAM,aAAa,CAAC;AAQvE;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,SAAwB,EAAE;IACzD,OAAO,CAAC,OAAO,EAAE,EAAE;QACjB,MAAM,OAAO,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;QACxC,OAAO,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAEzD,OAAO;YACL,WAAW,CAAC,IAAI;gBACd,OAAO;oBACL,IAAI,EAAE,SAAS;oBACf,IAAI;iBACL,CAAC;YACJ,CAAC;YACD,gBAAgB,EAAE,OAAO,CAAC,SAAS;SACpC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/esm/extension.d.ts

@@ -1,3 +1,3 @@
-import type { PiletApi, ExtensionSlotProps } from 'piral-core';
+import type { ExtensionSlotProps } from 'piral-core';
 import type { AureliaModule } from './types';
-export declare function createExtension(api: PiletApi, rootName?: string): AureliaModule<ExtensionSlotProps>;
+export declare function createExtension(rootName: string): AureliaModule<ExtensionSlotProps>;

package/esm/extension.js

@@ -1,40 +1,44 @@
 import { __decorate, __metadata } from "tslib";
-import { inlineView, customElement, bindable } from 'aurelia-framework';
-export function createExtension(api, rootName) {
-    if (rootName === void 0) { rootName = 'span'; }
-    var AureliaExtension = /** @class */ (function () {
-        function AureliaExtension() {
+import { inlineView, customElement, bindable, inject } from 'aurelia-framework';
+export function createExtension(rootName) {
+    let AureliaExtension = class AureliaExtension {
+        constructor(piral) {
+            this.piral = piral;
         }
-        AureliaExtension.prototype.attached = function () {
-            api.renderHtmlExtension(this.host, {
+        attached() {
+            this.piral.renderHtmlExtension(this.host, {
                 name: this.name,
                 render: this.render,
                 empty: this.empty,
                 params: this.params,
             });
-        };
-        __decorate([
-            bindable(),
-            __metadata("design:type", String)
-        ], AureliaExtension.prototype, "name", void 0);
-        __decorate([
-            bindable(),
-            __metadata("design:type", Object)
-        ], AureliaExtension.prototype, "render", void 0);
-        __decorate([
-            bindable(),
-            __metadata("design:type", Object)
-        ], AureliaExtension.prototype, "empty", void 0);
-        __decorate([
-            bindable(),
-            __metadata("design:type", Object)
-        ], AureliaExtension.prototype, "params", void 0);
-        AureliaExtension = __decorate([
-            customElement('extension-component'),
-            inlineView("\n    <template>\n      <" + rootName + " ref=\"host\"></" + rootName + ">\n    <template>")
-        ], AureliaExtension);
-        return AureliaExtension;
-    }());
+        }
+    };
+    __decorate([
+        bindable(),
+        __metadata("design:type", String)
+    ], AureliaExtension.prototype, "name", void 0);
+    __decorate([
+        bindable(),
+        __metadata("design:type", Object)
+    ], AureliaExtension.prototype, "render", void 0);
+    __decorate([
+        bindable(),
+        __metadata("design:type", Object)
+    ], AureliaExtension.prototype, "empty", void 0);
+    __decorate([
+        bindable(),
+        __metadata("design:type", Object)
+    ], AureliaExtension.prototype, "params", void 0);
+    AureliaExtension = __decorate([
+        inject('piral'),
+        customElement('extension-component'),
+        inlineView(`
+    <template>
+      <${rootName} ref="host"></${rootName}>
+    <template>`),
+        __metadata("design:paramtypes", [Object])
+    ], AureliaExtension);
     return AureliaExtension;
 }
 //# sourceMappingURL=extension.js.map

package/esm/extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAIxE,MAAM,UAAU,eAAe,CAAC,GAAa,EAAE,QAAiB;IAAjB,yBAAA,EAAA,iBAAiB;IAM9D;QAAA;QAeA,CAAC;QARC,mCAAQ,GAAR;YACE,GAAG,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,EAAE;gBACjC,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;aACpB,CAAC,CAAC;QACL,CAAC;QAZW;YAAX,QAAQ,EAAE;;sDAAsB;QACrB;YAAX,QAAQ,EAAE;;wDAAqB;QACpB;YAAX,QAAQ,EAAE;;uDAAoB;QACnB;YAAX,QAAQ,EAAE;;wDAAqB;QAL5B,gBAAgB;YALrB,aAAa,CAAC,qBAAqB,CAAC;YACpC,UAAU,CAAC,8BAEL,QAAQ,wBAAiB,QAAQ,sBAC3B,CAAC;WACR,gBAAgB,CAerB;QAAD,uBAAC;KAAA,AAfD,IAeC;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC"}
+{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAIhF,MAAM,UAAU,eAAe,CAAC,QAAgB;IAO9C,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB;QAOpB,YAAoB,KAAU;YAAV,UAAK,GAAL,KAAK,CAAK;QAAG,CAAC;QAElC,QAAQ;YACN,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,EAAE;gBACxC,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;aACpB,CAAC,CAAC;QACL,CAAC;KACF,CAAA;IAfa;QAAX,QAAQ,EAAE;;kDAAsB;IACrB;QAAX,QAAQ,EAAE;;oDAAqB;IACpB;QAAX,QAAQ,EAAE;;mDAAoB;IACnB;QAAX,QAAQ,EAAE;;oDAAqB;IAL5B,gBAAgB;QANrB,MAAM,CAAC,OAAO,CAAC;QACf,aAAa,CAAC,qBAAqB,CAAC;QACpC,UAAU,CAAC;;SAEL,QAAQ,iBAAiB,QAAQ;eAC3B,CAAC;;OACR,gBAAgB,CAiBrB;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC"}

package/lib/DefaultLoader.js

@@ -1,94 +1,89 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DefaultLoader = void 0;
-var tslib_1 = require("tslib");
 require("aurelia-templating-binding");
 require("aurelia-templating-resources");
 require("aurelia-event-aggregator");
 require("aurelia-history-browser");
-var aurelia_framework_1 = require("aurelia-framework");
-var DefaultLoader = /** @class */ (function (_super) {
-    tslib_1.__extends(DefaultLoader, _super);
-    function DefaultLoader() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.mapping = {};
-        return _this;
+const aurelia_framework_1 = require("aurelia-framework");
+class DefaultLoader extends aurelia_framework_1.Loader {
+    constructor() {
+        super(...arguments);
+        this.mapping = {};
     }
     /**
      * Maps a module id to a source.
      * @param id The module id.
      * @param source The source to map the module to.
      */
-    DefaultLoader.prototype.map = function (id, source) {
+    map(id, source) {
         this.mapping[id] = source;
-    };
+    }
     /**
      * Normalizes a module id.
      * @param moduleId The module id to normalize.
      * @param relativeTo What the module id should be normalized relative to.
      * @return The normalized module id.
      */
-    DefaultLoader.prototype.normalizeSync = function (moduleId, _relativeTo) {
+    normalizeSync(moduleId, _relativeTo) {
         return moduleId;
-    };
+    }
     /**
      * Normalizes a module id.
      * @param moduleId The module id to normalize.
      * @param relativeTo What the module id should be normalized relative to.
      * @return A promise for the normalized module id.
      */
-    DefaultLoader.prototype.normalize = function (moduleId, relativeTo) {
+    normalize(moduleId, relativeTo) {
         return Promise.resolve(this.normalizeSync(moduleId, relativeTo));
-    };
+    }
     /**
      * Loads a module.
      * @param id The module id to normalize.
      * @return A Promise for the loaded module.
      */
-    DefaultLoader.prototype.loadModule = function (id) {
+    loadModule(id) {
         return Promise.resolve(require(id));
-    };
+    }
     /**
      * Loads a collection of modules.
      * @param ids The set of module ids to load.
      * @return A Promise for an array of loaded modules.
      */
-    DefaultLoader.prototype.loadAllModules = function (ids) {
-        var _this = this;
-        return Promise.all(ids.map(function (id) { return _this.loadModule(id); }));
-    };
+    loadAllModules(ids) {
+        return Promise.all(ids.map((id) => this.loadModule(id)));
+    }
     /**
      * Loads a template.
      * @param url The url of the template to load.
      * @return A Promise for a TemplateRegistryEntry containing the template.
      */
-    DefaultLoader.prototype.loadTemplate = function (url) {
-        return fetch(url).then(function (res) { return res.json(); });
-    };
+    loadTemplate(url) {
+        return fetch(url).then((res) => res.json());
+    }
     /**
      * Loads a text-based resource.
      * @param url The url of the text file to load.
      * @return A Promise for text content.
      */
-    DefaultLoader.prototype.loadText = function (url) {
-        return fetch(url).then(function (res) { return res.text(); });
-    };
+    loadText(url) {
+        return fetch(url).then((res) => res.text());
+    }
     /**
      * Alters a module id so that it includes a plugin loader.
      * @param url The url of the module to load.
      * @param pluginName The plugin to apply to the module id.
      * @return The plugin-based module id.
      */
-    DefaultLoader.prototype.applyPluginToUrl = function (url, pluginName) {
-        return url + "?plugin=" + pluginName;
-    };
+    applyPluginToUrl(url, pluginName) {
+        return `${url}?plugin=${pluginName}`;
+    }
     /**
      * Registers a plugin with the loader.
      * @param pluginName The name of the plugin.
      * @param implementation The plugin implementation.
      */
-    DefaultLoader.prototype.addPlugin = function (_pluginName, _implementation) { };
-    return DefaultLoader;
-}(aurelia_framework_1.Loader));
+    addPlugin(_pluginName, _implementation) { }
+}
 exports.DefaultLoader = DefaultLoader;
 //# sourceMappingURL=DefaultLoader.js.map

package/lib/DefaultLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultLoader.js","sourceRoot":"","sources":["../src/DefaultLoader.ts"],"names":[],"mappings":";;;;AAAA,sCAAoC;AACpC,wCAAsC;AACtC,oCAAkC;AAClC,mCAAiC;AACjC,uDAA2C;AAE3C;IAAmC,yCAAM;IAAzC;QAAA,qEAoFC;QAnFS,aAAO,GAA2B,EAAE,CAAC;;IAmF/C,CAAC;IAjFC;;;;OAIG;IACH,2BAAG,GAAH,UAAI,EAAE,EAAE,MAAM;QACZ,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC;IAC5B,CAAC;IAED;;;;;OAKG;IACH,qCAAa,GAAb,UAAc,QAAQ,EAAE,WAAW;QACjC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;;;;OAKG;IACH,iCAAS,GAAT,UAAU,QAAQ,EAAE,UAAU;QAC5B,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IACnE,CAAC;IAED;;;;OAIG;IACH,kCAAU,GAAV,UAAW,EAAE;QACX,OAAO,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;IACtC,CAAC;IAED;;;;OAIG;IACH,sCAAc,GAAd,UAAe,GAAG;QAAlB,iBAEC;QADC,OAAO,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,UAAC,EAAE,IAAK,OAAA,KAAI,CAAC,UAAU,CAAC,EAAE,CAAC,EAAnB,CAAmB,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED;;;;OAIG;IACH,oCAAY,GAAZ,UAAa,GAAG;QACd,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,IAAI,EAAE,EAAV,CAAU,CAAC,CAAC;IAC9C,CAAC;IAED;;;;OAIG;IACH,gCAAQ,GAAR,UAAS,GAAG;QACV,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,IAAI,EAAE,EAAV,CAAU,CAAC,CAAC;IAC9C,CAAC;IAED;;;;;OAKG;IACH,wCAAgB,GAAhB,UAAiB,GAAG,EAAE,UAAU;QAC9B,OAAU,GAAG,gBAAW,UAAY,CAAC;IACvC,CAAC;IAED;;;;OAIG;IACH,iCAAS,GAAT,UAAU,WAAW,EAAE,eAAe,IAAG,CAAC;IAC5C,oBAAC;AAAD,CAAC,AApFD,CAAmC,0BAAM,GAoFxC;AApFY,sCAAa"}
+{"version":3,"file":"DefaultLoader.js","sourceRoot":"","sources":["../src/DefaultLoader.ts"],"names":[],"mappings":";;;AAAA,sCAAoC;AACpC,wCAAsC;AACtC,oCAAkC;AAClC,mCAAiC;AACjC,yDAA2C;AAE3C,MAAa,aAAc,SAAQ,0BAAM;IAAzC;;QACU,YAAO,GAA2B,EAAE,CAAC;IAmF/C,CAAC;IAjFC;;;;OAIG;IACH,GAAG,CAAC,EAAE,EAAE,MAAM;QACZ,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC;IAC5B,CAAC;IAED;;;;;OAKG;IACH,aAAa,CAAC,QAAQ,EAAE,WAAW;QACjC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;;;;OAKG;IACH,SAAS,CAAC,QAAQ,EAAE,UAAU;QAC5B,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IACnE,CAAC;IAED;;;;OAIG;IACH,UAAU,CAAC,EAAE;QACX,OAAO,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;IACtC,CAAC;IAED;;;;OAIG;IACH,cAAc,CAAC,GAAG;QAChB,OAAO,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED;;;;OAIG;IACH,YAAY,CAAC,GAAG;QACd,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED;;;;OAIG;IACH,QAAQ,CAAC,GAAG;QACV,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED;;;;;OAKG;IACH,gBAAgB,CAAC,GAAG,EAAE,UAAU;QAC9B,OAAO,GAAG,GAAG,WAAW,UAAU,EAAE,CAAC;IACvC,CAAC;IAED;;;;OAIG;IACH,SAAS,CAAC,WAAW,EAAE,eAAe,IAAG,CAAC;CAC3C;AApFD,sCAoFC"}

package/lib/converter.d.ts

@@ -1,3 +1,13 @@
-import { ForeignComponent, BaseComponentProps } from 'piral-core';
-import { AureliaModule } from './types';
-export declare function createConverter(): <TProps extends BaseComponentProps>(root: any) => ForeignComponent<TProps>;
+import type { ForeignComponent, BaseComponentProps } from 'piral-core';
+import type { AureliaModule } from './types';
+export interface AureliaConverterOptions {
+    /**
+     * Defines the name of the root element.
+     * @default span
+     */
+    rootName?: string;
+}
+export declare function createConverter(config?: AureliaConverterOptions): {
+    <TProps extends BaseComponentProps>(root: any): ForeignComponent<TProps>;
+    Extension: any;
+};

package/lib/converter.js

@@ -1,36 +1,40 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createConverter = void 0;
-var aurelia_framework_1 = require("aurelia-framework");
-var aurelia_pal_browser_1 = require("aurelia-pal-browser");
-var DefaultLoader_1 = require("./DefaultLoader");
-function createConverter() {
-    aurelia_pal_browser_1.initialize();
-    var convert = function (root) {
-        var aurelia = undefined;
+const aurelia_framework_1 = require("aurelia-framework");
+const aurelia_pal_browser_1 = require("aurelia-pal-browser");
+const DefaultLoader_1 = require("./DefaultLoader");
+const extension_1 = require("./extension");
+function createConverter(config = {}) {
+    const { rootName = 'span' } = config;
+    (0, aurelia_pal_browser_1.initialize)();
+    const Extension = (0, extension_1.createExtension)(rootName);
+    const convert = (root) => {
+        let aurelia = undefined;
         return {
-            mount: function (el, props, ctx) {
-                var piral = props.piral;
+            mount(el, props, ctx) {
                 aurelia = new aurelia_framework_1.Aurelia(new DefaultLoader_1.DefaultLoader());
                 aurelia.use
                     .eventAggregator()
                     .history()
                     .defaultBindingLanguage()
-                    .globalResources([piral.AureliaExtension])
+                    .globalResources([Extension])
                     .defaultResources();
                 aurelia.container.registerInstance('props', props);
                 aurelia.container.registerInstance('ctx', ctx);
-                aurelia.start().then(function () { return aurelia.setRoot(root, el); });
+                aurelia.container.registerInstance('piral', props.piral);
+                aurelia.start().then(() => aurelia.setRoot(root, el));
             },
-            update: function (_, props, ctx) {
+            update(_, props, ctx) {
                 aurelia.container.registerInstance('props', props);
                 aurelia.container.registerInstance('ctx', ctx);
             },
-            unmount: function () {
+            unmount() {
                 aurelia = undefined;
             },
         };
     };
+    convert.Extension = Extension;
     return convert;
 }
 exports.createConverter = createConverter;

package/lib/converter.js.map

@@ -1 +1 @@
-{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AACA,uDAA4C;AAC5C,2DAAiD;AACjD,iDAAgD;AAGhD,SAAgB,eAAe;IAC7B,gCAAU,EAAE,CAAC;IACb,IAAM,OAAO,GAAG,UAAoC,IAA2B;QAC7E,IAAI,OAAO,GAAY,SAAS,CAAC;QAEjC,OAAO;YACL,KAAK,YAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBACV,IAAA,KAAK,GAAK,KAAK,MAAV,CAAW;gBAExB,OAAO,GAAG,IAAI,2BAAO,CAAC,IAAI,6BAAa,EAAE,CAAC,CAAC;gBAE3C,OAAO,CAAC,GAAG;qBACR,eAAe,EAAE;qBACjB,OAAO,EAAE;qBACT,sBAAsB,EAAE;qBACxB,eAAe,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;qBACzC,gBAAgB,EAAE,CAAC;gBAEtB,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;gBACnD,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;gBAE/C,OAAO,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,cAAM,OAAA,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,EAAzB,CAAyB,CAAC,CAAC;YACxD,CAAC;YACD,MAAM,YAAC,CAAC,EAAE,KAAK,EAAE,GAAG;gBAClB,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;gBACnD,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;YACjD,CAAC;YACD,OAAO;gBACL,OAAO,GAAG,SAAS,CAAC;YACtB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,OAAO,CAAC;AACjB,CAAC;AAjCD,0CAiCC"}
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AACA,yDAA4C;AAC5C,6DAAiD;AACjD,mDAAgD;AAChD,2CAA8C;AAW9C,SAAgB,eAAe,CAAC,SAAkC,EAAE;IAClE,MAAM,EAAE,QAAQ,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC;IAErC,IAAA,gCAAU,GAAE,CAAC;IAEb,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC,QAAQ,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG,CAAoC,IAA2B,EAA4B,EAAE;QAC3G,IAAI,OAAO,GAAY,SAAS,CAAC;QAEjC,OAAO;YACL,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBAClB,OAAO,GAAG,IAAI,2BAAO,CAAC,IAAI,6BAAa,EAAE,CAAC,CAAC;gBAE3C,OAAO,CAAC,GAAG;qBACR,eAAe,EAAE;qBACjB,OAAO,EAAE;qBACT,sBAAsB,EAAE;qBACxB,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC;qBAC5B,gBAAgB,EAAE,CAAC;gBAEtB,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;gBACnD,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;gBAC/C,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;gBAEzD,OAAO,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;YACxD,CAAC;YACD,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG;gBAClB,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;gBACnD,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;YACjD,CAAC;YACD,OAAO;gBACL,OAAO,GAAG,SAAS,CAAC;YACtB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC;AAtCD,0CAsCC"}

package/lib/create.d.ts

@@ -1,14 +1,10 @@
 import type { PiralPlugin } from 'piral-core';
+import { AureliaConverterOptions } from './converter';
 import type { PiletAureliaApi } from './types';
 /**
  * Available configuration options for the Aurelia plugin.
  */
-export interface AureliaConfig {
-    /**
-     * Defines the name of the root element.
-     * @default span
-     */
-    rootName?: string;
+export interface AureliaConfig extends AureliaConverterOptions {
 }
 /**
  * Creates new Pilet API extensions for integrating Aurelia.

package/lib/create.js

@@ -1,31 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createAureliaApi = void 0;
-var extension_1 = require("./extension");
-var converter_1 = require("./converter");
+const converter_1 = require("./converter");
 /**
  * Creates new Pilet API extensions for integrating Aurelia.
  */
-function createAureliaApi(config) {
-    if (config === void 0) { config = {}; }
-    var rootName = config.rootName;
-    return function (context) {
-        var convert = converter_1.createConverter();
-        context.converters.aurelia = function (_a) {
-            var root = _a.root;
-            return convert(root);
-        };
-        return function (api) {
-            var AureliaExtension = extension_1.createExtension(api, rootName);
-            return {
-                fromAurelia: function (root) {
-                    return {
-                        type: 'aurelia',
-                        root: root,
-                    };
-                },
-                AureliaExtension: AureliaExtension,
-            };
+function createAureliaApi(config = {}) {
+    return (context) => {
+        const convert = (0, converter_1.createConverter)(config);
+        context.converters.aurelia = ({ root }) => convert(root);
+        return {
+            fromAurelia(root) {
+                return {
+                    type: 'aurelia',
+                    root,
+                };
+            },
+            AureliaExtension: convert.Extension,
         };
     };
 }

package/lib/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";;;AACA,yCAA8C;AAC9C,yCAA8C;AAc9C;;GAEG;AACH,SAAgB,gBAAgB,CAAC,MAA0B;IAA1B,uBAAA,EAAA,WAA0B;IACjD,IAAA,QAAQ,GAAK,MAAM,SAAX,CAAY;IAE5B,OAAO,UAAC,OAAO;QACb,IAAM,OAAO,GAAG,2BAAe,EAAE,CAAC;QAClC,OAAO,CAAC,UAAU,CAAC,OAAO,GAAG,UAAC,EAAQ;gBAAN,IAAI,UAAA;YAAO,OAAA,OAAO,CAAC,IAAI,CAAC;QAAb,CAAa,CAAC;QAEzD,OAAO,UAAC,GAAG;YACT,IAAM,gBAAgB,GAAG,2BAAe,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;YAExD,OAAO;gBACL,WAAW,YAAC,IAAI;oBACd,OAAO;wBACL,IAAI,EAAE,SAAS;wBACf,IAAI,MAAA;qBACL,CAAC;gBACJ,CAAC;gBACD,gBAAgB,kBAAA;aACjB,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AArBD,4CAqBC"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";;;AACA,2CAAuE;AAQvE;;GAEG;AACH,SAAgB,gBAAgB,CAAC,SAAwB,EAAE;IACzD,OAAO,CAAC,OAAO,EAAE,EAAE;QACjB,MAAM,OAAO,GAAG,IAAA,2BAAe,EAAC,MAAM,CAAC,CAAC;QACxC,OAAO,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAEzD,OAAO;YACL,WAAW,CAAC,IAAI;gBACd,OAAO;oBACL,IAAI,EAAE,SAAS;oBACf,IAAI;iBACL,CAAC;YACJ,CAAC;YACD,gBAAgB,EAAE,OAAO,CAAC,SAAS;SACpC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAfD,4CAeC"}

package/lib/extension.d.ts

@@ -1,3 +1,3 @@
-import type { PiletApi, ExtensionSlotProps } from 'piral-core';
+import type { ExtensionSlotProps } from 'piral-core';
 import type { AureliaModule } from './types';
-export declare function createExtension(api: PiletApi, rootName?: string): AureliaModule<ExtensionSlotProps>;
+export declare function createExtension(rootName: string): AureliaModule<ExtensionSlotProps>;

package/lib/extension.js

@@ -1,43 +1,47 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createExtension = void 0;
-var tslib_1 = require("tslib");
-var aurelia_framework_1 = require("aurelia-framework");
-function createExtension(api, rootName) {
-    if (rootName === void 0) { rootName = 'span'; }
-    var AureliaExtension = /** @class */ (function () {
-        function AureliaExtension() {
+const tslib_1 = require("tslib");
+const aurelia_framework_1 = require("aurelia-framework");
+function createExtension(rootName) {
+    let AureliaExtension = class AureliaExtension {
+        constructor(piral) {
+            this.piral = piral;
         }
-        AureliaExtension.prototype.attached = function () {
-            api.renderHtmlExtension(this.host, {
+        attached() {
+            this.piral.renderHtmlExtension(this.host, {
                 name: this.name,
                 render: this.render,
                 empty: this.empty,
                 params: this.params,
             });
-        };
-        tslib_1.__decorate([
-            aurelia_framework_1.bindable(),
-            tslib_1.__metadata("design:type", String)
-        ], AureliaExtension.prototype, "name", void 0);
-        tslib_1.__decorate([
-            aurelia_framework_1.bindable(),
-            tslib_1.__metadata("design:type", Object)
-        ], AureliaExtension.prototype, "render", void 0);
-        tslib_1.__decorate([
-            aurelia_framework_1.bindable(),
-            tslib_1.__metadata("design:type", Object)
-        ], AureliaExtension.prototype, "empty", void 0);
-        tslib_1.__decorate([
-            aurelia_framework_1.bindable(),
-            tslib_1.__metadata("design:type", Object)
-        ], AureliaExtension.prototype, "params", void 0);
-        AureliaExtension = tslib_1.__decorate([
-            aurelia_framework_1.customElement('extension-component'),
-            aurelia_framework_1.inlineView("\n    <template>\n      <" + rootName + " ref=\"host\"></" + rootName + ">\n    <template>")
-        ], AureliaExtension);
-        return AureliaExtension;
-    }());
+        }
+    };
+    (0, tslib_1.__decorate)([
+        (0, aurelia_framework_1.bindable)(),
+        (0, tslib_1.__metadata)("design:type", String)
+    ], AureliaExtension.prototype, "name", void 0);
+    (0, tslib_1.__decorate)([
+        (0, aurelia_framework_1.bindable)(),
+        (0, tslib_1.__metadata)("design:type", Object)
+    ], AureliaExtension.prototype, "render", void 0);
+    (0, tslib_1.__decorate)([
+        (0, aurelia_framework_1.bindable)(),
+        (0, tslib_1.__metadata)("design:type", Object)
+    ], AureliaExtension.prototype, "empty", void 0);
+    (0, tslib_1.__decorate)([
+        (0, aurelia_framework_1.bindable)(),
+        (0, tslib_1.__metadata)("design:type", Object)
+    ], AureliaExtension.prototype, "params", void 0);
+    AureliaExtension = (0, tslib_1.__decorate)([
+        (0, aurelia_framework_1.inject)('piral'),
+        (0, aurelia_framework_1.customElement)('extension-component'),
+        (0, aurelia_framework_1.inlineView)(`
+    <template>
+      <${rootName} ref="host"></${rootName}>
+    <template>`),
+        (0, tslib_1.__metadata)("design:paramtypes", [Object])
+    ], AureliaExtension);
     return AureliaExtension;
 }
 exports.createExtension = createExtension;

package/lib/extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":";;;;AAAA,uDAAwE;AAIxE,SAAgB,eAAe,CAAC,GAAa,EAAE,QAAiB;IAAjB,yBAAA,EAAA,iBAAiB;IAM9D;QAAA;QAeA,CAAC;QARC,mCAAQ,GAAR;YACE,GAAG,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,EAAE;gBACjC,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;aACpB,CAAC,CAAC;QACL,CAAC;QAZW;YAAX,4BAAQ,EAAE;;sDAAsB;QACrB;YAAX,4BAAQ,EAAE;;wDAAqB;QACpB;YAAX,4BAAQ,EAAE;;uDAAoB;QACnB;YAAX,4BAAQ,EAAE;;wDAAqB;QAL5B,gBAAgB;YALrB,iCAAa,CAAC,qBAAqB,CAAC;YACpC,8BAAU,CAAC,8BAEL,QAAQ,wBAAiB,QAAQ,sBAC3B,CAAC;WACR,gBAAgB,CAerB;QAAD,uBAAC;KAAA,AAfD,IAeC;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAxBD,0CAwBC"}
+{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":";;;;AAAA,yDAAgF;AAIhF,SAAgB,eAAe,CAAC,QAAgB;IAO9C,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB;QAOpB,YAAoB,KAAU;YAAV,UAAK,GAAL,KAAK,CAAK;QAAG,CAAC;QAElC,QAAQ;YACN,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,EAAE;gBACxC,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;aACpB,CAAC,CAAC;QACL,CAAC;KACF,CAAA;IAfa;QAAX,IAAA,4BAAQ,GAAE;;kDAAsB;IACrB;QAAX,IAAA,4BAAQ,GAAE;;oDAAqB;IACpB;QAAX,IAAA,4BAAQ,GAAE;;mDAAoB;IACnB;QAAX,IAAA,4BAAQ,GAAE;;oDAAqB;IAL5B,gBAAgB;QANrB,IAAA,0BAAM,EAAC,OAAO,CAAC;QACf,IAAA,iCAAa,EAAC,qBAAqB,CAAC;QACpC,IAAA,8BAAU,EAAC;;SAEL,QAAQ,iBAAiB,QAAQ;eAC3B,CAAC;;OACR,gBAAgB,CAiBrB;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AA3BD,0CA2BC"}

package/lib/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./create"), exports);
-tslib_1.__exportStar(require("./types"), exports);
+const tslib_1 = require("tslib");
+(0, tslib_1.__exportStar)(require("./create"), exports);
+(0, tslib_1.__exportStar)(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB;AACzB,kDAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,uDAAwB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-aurelia",
-  "version": "0.13.8",
+  "version": "0.14.0-beta.3156",
   "description": "Plugin for integrating Aurelia components in Piral.",
   "keywords": [
     "piral",
@@ -25,7 +25,6 @@
     "lib",
     "src",
     "convert.d.ts",
-    "convert.ts",
     "convert.js"
   ],
   "repository": {
@@ -50,7 +49,7 @@
     "aurelia-pal-browser": "1.8.1",
     "aurelia-templating-binding": "1.5.3",
     "aurelia-templating-resources": "1.13.1",
-    "piral-core": "^0.13.8"
+    "piral-core": "^0.14.0-beta.3156"
   },
   "peerDependencies": {
     "aurelia-event-aggregator": "^1.0.0",
@@ -59,7 +58,7 @@
     "aurelia-pal-browser": "^1.0.0",
     "aurelia-templating-binding": "^1.0.0",
     "aurelia-templating-resources": "^1.0.0",
-    "piral-core": "0.13.x"
+    "piral-core": "0.14.x"
   },
-  "gitHead": "26a9a75314886ad9d81ff9d17b5d05296af3d04f"
+  "gitHead": "e368a181defdfca4722d7bd478a9dcd47d90a51b"
 }

package/src/converter.ts

@@ -1,29 +1,42 @@
-import { ForeignComponent, BaseComponentProps } from 'piral-core';
+import type { ForeignComponent, BaseComponentProps } from 'piral-core';
 import { Aurelia } from 'aurelia-framework';
 import { initialize } from 'aurelia-pal-browser';
 import { DefaultLoader } from './DefaultLoader';
-import { AureliaModule } from './types';
+import { createExtension } from './extension';
+import type { AureliaModule } from './types';
+
+export interface AureliaConverterOptions {
+  /**
+   * Defines the name of the root element.
+   * @default span
+   */
+  rootName?: string;
+}
+
+export function createConverter(config: AureliaConverterOptions = {}) {
+  const { rootName = 'span' } = config;
 
-export function createConverter() {
   initialize();
+
+  const Extension = createExtension(rootName);
+
   const convert = <TProps extends BaseComponentProps>(root: AureliaModule<TProps>): ForeignComponent<TProps> => {
     let aurelia: Aurelia = undefined;
 
     return {
       mount(el, props, ctx) {
-        const { piral } = props;
-
         aurelia = new Aurelia(new DefaultLoader());
 
         aurelia.use
           .eventAggregator()
           .history()
           .defaultBindingLanguage()
-          .globalResources([piral.AureliaExtension])
+          .globalResources([Extension])
           .defaultResources();
 
         aurelia.container.registerInstance('props', props);
         aurelia.container.registerInstance('ctx', ctx);
+        aurelia.container.registerInstance('piral', props.piral);
 
         aurelia.start().then(() => aurelia.setRoot(root, el));
       },
@@ -36,5 +49,6 @@ export function createConverter() {
       },
     };
   };
+  convert.Extension = Extension;
   return convert;
 }

package/src/create.ts

@@ -1,41 +1,28 @@
 import type { PiralPlugin } from 'piral-core';
-import { createExtension } from './extension';
-import { createConverter } from './converter';
+import { createConverter, AureliaConverterOptions } from './converter';
 import type { PiletAureliaApi } from './types';
 
 /**
  * Available configuration options for the Aurelia plugin.
  */
-export interface AureliaConfig {
-  /**
-   * Defines the name of the root element.
-   * @default span
-   */
-  rootName?: string;
-}
+export interface AureliaConfig extends AureliaConverterOptions {}
 
 /**
  * Creates new Pilet API extensions for integrating Aurelia.
  */
 export function createAureliaApi(config: AureliaConfig = {}): PiralPlugin<PiletAureliaApi> {
-  const { rootName } = config;
-
   return (context) => {
-    const convert = createConverter();
+    const convert = createConverter(config);
     context.converters.aurelia = ({ root }) => convert(root);
 
-    return (api) => {
-      const AureliaExtension = createExtension(api, rootName);
-
-      return {
-        fromAurelia(root) {
-          return {
-            type: 'aurelia',
-            root,
-          };
-        },
-        AureliaExtension,
-      };
+    return {
+      fromAurelia(root) {
+        return {
+          type: 'aurelia',
+          root,
+        };
+      },
+      AureliaExtension: convert.Extension,
     };
   };
 }

package/src/extension.ts

@@ -1,8 +1,9 @@
-import { inlineView, customElement, bindable } from 'aurelia-framework';
-import type { PiletApi, ExtensionSlotProps } from 'piral-core';
+import { inlineView, customElement, bindable, inject } from 'aurelia-framework';
+import type { ExtensionSlotProps } from 'piral-core';
 import type { AureliaModule } from './types';
 
-export function createExtension(api: PiletApi, rootName = 'span'): AureliaModule<ExtensionSlotProps> {
+export function createExtension(rootName: string): AureliaModule<ExtensionSlotProps> {
+  @inject('piral')
   @customElement('extension-component')
   @inlineView(`
     <template>
@@ -15,8 +16,10 @@ export function createExtension(api: PiletApi, rootName = 'span'): AureliaModule
     @bindable() private empty: any;
     @bindable() private params: any;
 
+    constructor(private piral: any) {}
+
     attached() {
-      api.renderHtmlExtension(this.host, {
+      this.piral.renderHtmlExtension(this.host, {
         name: this.name,
         render: this.render,
         empty: this.empty,

package/convert.ts

@@ -1,16 +0,0 @@
-import type { HtmlComponent } from 'piral-core';
-import { createConverter } from './lib/converter';
-import { createExtension } from './lib/extension';
-
-const convert = createConverter();
-
-export interface AureliaConverter {
-  (...params: Parameters<typeof convert>): HtmlComponent<any>;
-}
-
-export const fromAurelia: AureliaConverter = (root) => ({
-  type: 'html',
-  component: convert(root),
-});
-
-export const createAureliaExtension = createExtension;