piral-aurelia 1.0.0-pre.2093 → 1.0.1-beta.5640

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019 - 2021 smapiot
+Copyright (c) 2019 - 2023 smapiot
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,8 +1,8 @@
-[![Piral Logo](https://github.com/smapiot/piral/raw/master/docs/assets/logo.png)](https://piral.io)
+[![Piral Logo](https://github.com/smapiot/piral/raw/main/docs/assets/logo.png)](https://piral.io)
 
-# [Piral Aurelia](https://piral.io) · [![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/smapiot/piral/blob/master/LICENSE) [![npm version](https://img.shields.io/npm/v/piral-aurelia.svg?style=flat)](https://www.npmjs.com/package/piral-aurelia) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://jestjs.io) [![Gitter Chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/piral-io/community)
+# [Piral Aurelia](https://piral.io) · [![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/smapiot/piral/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/piral-aurelia.svg?style=flat)](https://www.npmjs.com/package/piral-aurelia) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://jestjs.io) [![Gitter Chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/piral-io/community)
 
-This is a plugin that only has a peer dependency to `piral-core`. What `piral-aurelia` brings to the table is a set of Pilet API extensions that can be used with `piral` or `piral-core`.
+This is a plugin that only has a peer dependency to `aurelia-framework` and related packages. What `piral-aurelia` brings to the table is a set of Pilet API extensions that can be used with `piral` or `piral-core`.
 
 The set includes an Aurelia converter for any component registration, as well as a `fromAurelia` shortcut and a `AureliaExtension` component.
 
@@ -47,7 +47,7 @@ Alternatively, if `piral-aurelia` has not been added to the Piral instance you c
 
 ```ts
 import { PiletApi } from '<name-of-piral-instance>';
-import { fromAurelia } from 'piral-aurelia';
+import { fromAurelia } from 'piral-aurelia/convert';
 import { AureliaPage } from './AureliaPage';
 
 export function setup(piral: PiletApi) {
@@ -59,10 +59,16 @@ export function setup(piral: PiletApi) {
 
 ::: summary: For Piral instance developers
 
-Using Aurelia with Piral is as simple as installing `piral-aurelia` and `aurelia-framework`.
+Using Aurelia with Piral is as simple as installing `piral-aurelia` and `aurelia-framework` together with the following Aurelia packages:
+
+- `aurelia-event-aggregator`: 1.x
+- `aurelia-framework`: 1.x
+- `aurelia-history-browser`: 1.x
+- `aurelia-pal-browser`: 1.x
+- `aurelia-templating-binding`: 1.x
+- `aurelia-templating-resources`: 1.x
 
 ```ts
-import 'aurelia-framework';
 import { createAureliaApi } from 'piral-aurelia';
 ```
 
@@ -80,15 +86,15 @@ The `aurelia` related packages should be shared with the pilets via the *package
 
 ```json
 {
-  "pilets": {
-    "externals": [
-      "aurelia-framework",
-      "aurelia-templating-binding",
-      "aurelia-templating-resources",
-      "aurelia-pal-browser",
-      "aurelia-event-aggregator",
-      "aurelia-history-browser"
-    ]
+  "importmap": {
+    "imports": {
+      "aurelia-framework": "",
+      "aurelia-templating-binding": "",
+      "aurelia-templating-resources": "",
+      "aurelia-pal-browser": "",
+      "aurelia-event-aggregator": "",
+      "aurelia-history-browser": ""
+    }
   }
 }
 ```

package/convert.d.ts

@@ -1,9 +1,18 @@
-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 './esm/converter';
+export interface HtmlComponent<TProps> {
+    component: {
+        mount(element: HTMLElement, props: TProps, ctx: any, locals: any): void;
+        update?(element: HTMLElement, props: TProps, ctx: any, locals: any): void;
+        unmount?(element: HTMLElement, locals: any): void;
+    };
+    type: 'html';
+}
 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,11 +1,16 @@
-"use strict";
-exports.__esModule = true;
-exports.createAureliaExtension = exports.fromAurelia = void 0;
-var converter_1 = require("./lib/converter");
-var extension_1 = require("./lib/extension");
-var convert = converter_1.createConverter();
-exports.fromAurelia = function (root) { return ({
-    type: 'html',
-    component: convert(root)
-}); };
-exports.createAureliaExtension = extension_1.createExtension;
+import { createConverter } from './esm/converter';
+export function createAureliaConverter() {
+    var params = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        params[_i] = arguments[_i];
+    }
+    var convert = createConverter.apply(void 0, params);
+    var Extension = convert.Extension;
+    var from = function (root) { return ({
+        type: 'html',
+        component: convert(root),
+    }); };
+    return { from: from, Extension: Extension };
+}
+var _a = createAureliaConverter(), fromAurelia = _a.from, AureliaExtension = _a.Extension;
+export { fromAurelia, AureliaExtension };

package/esm/DefaultLoader.d.ts

@@ -0,0 +1,66 @@
+/// <reference types="systemjs" />
+import 'aurelia-templating-binding';
+import 'aurelia-templating-resources';
+import 'aurelia-event-aggregator';
+import 'aurelia-history-browser';
+import { Loader } from 'aurelia-framework';
+export declare class DefaultLoader extends Loader {
+    private mapping;
+    /**
+     * Maps a module id to a source.
+     * @param id The module id.
+     * @param source The source to map the module to.
+     */
+    map(id: any, source: any): void;
+    /**
+     * 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.
+     */
+    normalizeSync(moduleId: any, _relativeTo: any): any;
+    /**
+     * 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.
+     */
+    normalize(moduleId: any, relativeTo: any): Promise<any>;
+    /**
+     * Loads a module.
+     * @param id The module id to normalize.
+     * @return A Promise for the loaded module.
+     */
+    loadModule(id: any): Promise<System.Module>;
+    /**
+     * Loads a collection of modules.
+     * @param ids The set of module ids to load.
+     * @return A Promise for an array of loaded modules.
+     */
+    loadAllModules(ids: any): Promise<any[]>;
+    /**
+     * Loads a template.
+     * @param url The url of the template to load.
+     * @return A Promise for a TemplateRegistryEntry containing the template.
+     */
+    loadTemplate(url: any): Promise<any>;
+    /**
+     * Loads a text-based resource.
+     * @param url The url of the text file to load.
+     * @return A Promise for text content.
+     */
+    loadText(url: any): Promise<string>;
+    /**
+     * 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.
+     */
+    applyPluginToUrl(url: any, pluginName: any): string;
+    /**
+     * Registers a plugin with the loader.
+     * @param pluginName The name of the plugin.
+     * @param implementation The plugin implementation.
+     */
+    addPlugin(_pluginName: any, _implementation: any): void;
+}

package/esm/DefaultLoader.js

@@ -0,0 +1,85 @@
+import 'aurelia-templating-binding';
+import 'aurelia-templating-resources';
+import 'aurelia-event-aggregator';
+import 'aurelia-history-browser';
+import { Loader } from 'aurelia-framework';
+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.
+     */
+    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.
+     */
+    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.
+     */
+    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.
+     */
+    loadModule(id) {
+        return System.import(id);
+    }
+    /**
+     * Loads a collection of modules.
+     * @param ids The set of module ids to load.
+     * @return A Promise for an array of loaded modules.
+     */
+    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.
+     */
+    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.
+     */
+    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.
+     */
+    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.
+     */
+    addPlugin(_pluginName, _implementation) { }
+}
+//# sourceMappingURL=DefaultLoader.js.map

package/esm/DefaultLoader.js.map

@@ -0,0 +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,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,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC3B,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

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

package/esm/converter.js

@@ -0,0 +1,30 @@
+import { Aurelia } from 'aurelia-framework';
+import { initialize } from 'aurelia-pal-browser';
+import { DefaultLoader } from './DefaultLoader';
+import { createExtension } from './extension';
+export function createConverter(config = {}) {
+    const { rootName = 'piral-slot' } = config;
+    initialize();
+    const Extension = createExtension(rootName);
+    const convert = (root) => ({
+        mount(el, props, ctx, locals) {
+            const aurelia = new Aurelia(new DefaultLoader());
+            aurelia.use.eventAggregator().history().defaultBindingLanguage().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));
+            locals.aurelia = aurelia;
+        },
+        update(el, props, ctx, locals) {
+            locals.aurelia.container.registerInstance('props', props);
+            locals.aurelia.container.registerInstance('ctx', ctx);
+        },
+        unmount(el, locals) {
+            locals.aurelia = undefined;
+        },
+    });
+    convert.Extension = Extension;
+    return convert;
+}
+//# sourceMappingURL=converter.js.map

package/esm/converter.js.map

@@ -0,0 +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;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAe9C,MAAM,UAAU,eAAe,CAAC,SAAkC,EAAE;IAClE,MAAM,EAAE,QAAQ,GAAG,YAAY,EAAE,GAAG,MAAM,CAAC;IAE3C,UAAU,EAAE,CAAC;IAEb,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG,CAAoC,IAA2B,EAA4B,EAAE,CAAC,CAAC;QAC7G,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAqB;YACzC,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,IAAI,aAAa,EAAE,CAAC,CAAC;YAEjD,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,CAAC,sBAAsB,EAAE,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;YAEjH,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YACnD,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;YAC/C,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;YAEzD,OAAO,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;YACtD,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;QAC3B,CAAC;QACD,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAqB;YAC1C,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YAC1D,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACxD,CAAC;QACD,OAAO,CAAC,EAAE,EAAE,MAAqB;YAC/B,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC;QAC7B,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/esm/create.d.ts

@@ -0,0 +1,12 @@
+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 extends AureliaConverterOptions {
+}
+/**
+ * Creates new Pilet API extensions for integrating Aurelia.
+ */
+export declare function createAureliaApi(config?: AureliaConfig): PiralPlugin<PiletAureliaApi>;

package/esm/create.js

@@ -0,0 +1,20 @@
+import { createConverter } from './converter';
+/**
+ * Creates new Pilet API extensions for integrating Aurelia.
+ */
+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,
+        };
+    };
+}
+//# sourceMappingURL=create.js.map

package/esm/create.js.map

@@ -0,0 +1 @@
+{"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

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

package/esm/extension.js

@@ -0,0 +1,44 @@
+import { __decorate, __metadata } from "tslib";
+import { inlineView, customElement, bindable, inject } from 'aurelia-framework';
+export function createExtension(rootName) {
+    let AureliaExtension = class AureliaExtension {
+        constructor(piral) {
+            this.piral = piral;
+        }
+        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([
+        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

@@ -0,0 +1 @@
+{"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;IAC9C,IAMM,gBAAgB,GANtB,MAMM,gBAAgB;QAOpB,YAAoB,KAAe;YAAf,UAAK,GAAL,KAAK,CAAU;QAAG,CAAC;QAEvC,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;IAfqB;QAAnB,QAAQ,EAAE;;kDAAsB;IACb;QAAnB,QAAQ,EAAE;;oDAAqB;IACZ;QAAnB,QAAQ,EAAE;;mDAAoB;IACX;QAAnB,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/esm/index.d.ts

@@ -0,0 +1,2 @@
+export * from './create';
+export * from './types';

package/esm/index.js

@@ -0,0 +1,3 @@
+export * from './create';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/esm/types.d.ts

@@ -0,0 +1,34 @@
+import type { ForeignComponent, ExtensionSlotProps } from 'piral-core';
+declare module 'piral-core/lib/types/custom' {
+    interface PiletCustomApi extends PiletAureliaApi {
+    }
+    interface PiralCustomComponentConverters<TProps> {
+        aurelia(component: AureliaComponent<TProps>): ForeignComponent<TProps>;
+    }
+}
+export type AureliaModule<TProps> = any;
+export interface AureliaComponent<TProps> {
+    /**
+     * The component root.
+     */
+    root: AureliaModule<TProps>;
+    /**
+     * The type of the Aurelia component.
+     */
+    type: 'aurelia';
+}
+/**
+ * Defines the provided set of Aurelia Pilet API extensions.
+ */
+export interface PiletAureliaApi {
+    /**
+     * Wraps an Aurelia component for use in Piral.
+     * @param component The component root.
+     * @returns The Piral Aurelia component.
+     */
+    fromAurelia<TProps>(component: AureliaModule<TProps>): AureliaComponent<TProps>;
+    /**
+     * Aurelia component for displaying extensions of the given name.
+     */
+    AureliaExtension: AureliaModule<ExtensionSlotProps>;
+}

package/esm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/esm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/lib/DefaultLoader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="systemjs" />
 import 'aurelia-templating-binding';
 import 'aurelia-templating-resources';
 import 'aurelia-event-aggregator';
@@ -30,13 +31,13 @@ export declare class DefaultLoader extends Loader {
      * @param id The module id to normalize.
      * @return A Promise for the loaded module.
      */
-    loadModule(id: any): Promise<any>;
+    loadModule(id: any): Promise<System.Module>;
     /**
      * Loads a collection of modules.
      * @param ids The set of module ids to load.
      * @return A Promise for an array of loaded modules.
      */
-    loadAllModules(ids: any): Promise<[unknown, unknown, unknown, unknown, unknown, unknown, unknown, unknown, unknown, unknown]>;
+    loadAllModules(ids: any): Promise<any[]>;
     /**
      * Loads a template.
      * @param url The url of the template to load.

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) {
-        return Promise.resolve(require(id));
-    };
+    loadModule(id) {
+        return System.import(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,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC3B,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 piral-slot
+     */
+    rootName?: string;
+}
+export declare function createConverter(config?: AureliaConverterOptions): {
+    <TProps extends BaseComponentProps>(root: any): ForeignComponent<TProps>;
+    Extension: any;
+};

package/lib/converter.js

@@ -1,36 +1,33 @@
 "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;
-        return {
-            mount: function (el, props, ctx) {
-                var piral = props.piral;
-                aurelia = new aurelia_framework_1.Aurelia(new DefaultLoader_1.DefaultLoader());
-                aurelia.use
-                    .eventAggregator()
-                    .history()
-                    .defaultBindingLanguage()
-                    .globalResources([piral.AureliaExtension])
-                    .defaultResources();
-                aurelia.container.registerInstance('props', props);
-                aurelia.container.registerInstance('ctx', ctx);
-                aurelia.start().then(function () { return aurelia.setRoot(root, el); });
-            },
-            update: function (_, props, ctx) {
-                aurelia.container.registerInstance('props', props);
-                aurelia.container.registerInstance('ctx', ctx);
-            },
-            unmount: function () {
-                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 = 'piral-slot' } = config;
+    (0, aurelia_pal_browser_1.initialize)();
+    const Extension = (0, extension_1.createExtension)(rootName);
+    const convert = (root) => ({
+        mount(el, props, ctx, locals) {
+            const aurelia = new aurelia_framework_1.Aurelia(new DefaultLoader_1.DefaultLoader());
+            aurelia.use.eventAggregator().history().defaultBindingLanguage().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));
+            locals.aurelia = aurelia;
+        },
+        update(el, props, ctx, locals) {
+            locals.aurelia.container.registerInstance('props', props);
+            locals.aurelia.container.registerInstance('ctx', ctx);
+        },
+        unmount(el, locals) {
+            locals.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;AAe9C,SAAgB,eAAe,CAAC,SAAkC,EAAE;IAClE,MAAM,EAAE,QAAQ,GAAG,YAAY,EAAE,GAAG,MAAM,CAAC;IAE3C,IAAA,gCAAU,GAAE,CAAC;IAEb,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC,QAAQ,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG,CAAoC,IAA2B,EAA4B,EAAE,CAAC,CAAC;QAC7G,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAqB;YACzC,MAAM,OAAO,GAAG,IAAI,2BAAO,CAAC,IAAI,6BAAa,EAAE,CAAC,CAAC;YAEjD,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,CAAC,sBAAsB,EAAE,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;YAEjH,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YACnD,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;YAC/C,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;YAEzD,OAAO,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;YACtD,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;QAC3B,CAAC;QACD,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAqB;YAC1C,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YAC1D,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACxD,CAAC;QACD,OAAO,CAAC,EAAE,EAAE,MAAqB;YAC/B,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC;QAC7B,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC;AA9BD,0CA8BC"}

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;
-    }());
+        }
+    };
+    tslib_1.__decorate([
+        (0, aurelia_framework_1.bindable)(),
+        tslib_1.__metadata("design:type", String)
+    ], AureliaExtension.prototype, "name", void 0);
+    tslib_1.__decorate([
+        (0, aurelia_framework_1.bindable)(),
+        tslib_1.__metadata("design:type", Object)
+    ], AureliaExtension.prototype, "render", void 0);
+    tslib_1.__decorate([
+        (0, aurelia_framework_1.bindable)(),
+        tslib_1.__metadata("design:type", Object)
+    ], AureliaExtension.prototype, "empty", void 0);
+    tslib_1.__decorate([
+        (0, aurelia_framework_1.bindable)(),
+        tslib_1.__metadata("design:type", Object)
+    ], AureliaExtension.prototype, "params", void 0);
+    AureliaExtension = 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>`),
+        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;IAC9C,IAMM,gBAAgB,GANtB,MAMM,gBAAgB;QAOpB,YAAoB,KAAe;YAAf,UAAK,GAAL,KAAK,CAAU;QAAG,CAAC;QAEvC,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;IAfqB;QAAnB,IAAA,4BAAQ,GAAE;;kDAAsB;IACb;QAAnB,IAAA,4BAAQ,GAAE;;oDAAqB;IACZ;QAAnB,IAAA,4BAAQ,GAAE;;mDAAoB;IACX;QAAnB,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");
+const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./create"), exports);
 tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/lib/types.d.ts

@@ -1,4 +1,4 @@
-import { ForeignComponent, ExtensionSlotProps } from 'piral-core';
+import type { ForeignComponent, ExtensionSlotProps } from 'piral-core';
 declare module 'piral-core/lib/types/custom' {
     interface PiletCustomApi extends PiletAureliaApi {
     }
@@ -6,7 +6,7 @@ declare module 'piral-core/lib/types/custom' {
         aurelia(component: AureliaComponent<TProps>): ForeignComponent<TProps>;
     }
 }
-export declare type AureliaModule<TProps> = any;
+export type AureliaModule<TProps> = any;
 export interface AureliaComponent<TProps> {
     /**
      * The component root.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-aurelia",
-  "version": "1.0.0-pre.2093",
+  "version": "1.0.1-beta.5640",
   "description": "Plugin for integrating Aurelia components in Piral.",
   "keywords": [
     "piral",
@@ -16,14 +16,35 @@
   "author": "smapiot",
   "homepage": "https://piral.io",
   "license": "MIT",
+  "module": "esm/index.js",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./lib/index.js"
+    },
+    "./convert": {
+      "import": "./convert.js"
+    },
+    "./esm/*": {
+      "import": "./esm/*"
+    },
+    "./lib/*": {
+      "require": "./lib/*"
+    },
+    "./_/*": {
+      "import": "./esm/*.js",
+      "require": "./lib/*.js"
+    },
+    "./package.json": "./package.json"
+  },
   "sideEffects": false,
   "files": [
+    "esm",
     "lib",
     "src",
     "convert.d.ts",
-    "convert.ts",
     "convert.js"
   ],
   "repository": {
@@ -34,27 +55,22 @@
     "url": "https://github.com/smapiot/piral/issues"
   },
   "scripts": {
-    "build": "tsc && tsc convert.ts --skipLibCheck --declaration",
+    "cleanup": "rimraf esm lib convert.d.ts convert.js",
+    "build": "yarn build:commonjs && yarn build:esnext && yarn build:convert",
+    "build:convert": "tsc convert.ts --skipLibCheck --declaration --module esnext",
+    "build:commonjs": "tsc --project tsconfig.json --outDir lib --module commonjs",
+    "build:esnext": "tsc --project tsconfig.json --outDir esm --module esnext",
     "typedoc": "typedoc --json ../../../docs/types/piral-aurelia.json src --exclude \"src/**/*.test.*\"",
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
   "devDependencies": {
     "aurelia-event-aggregator": "1.0.3",
-    "aurelia-framework": "1.3.1",
+    "aurelia-framework": "1.4.1",
     "aurelia-history-browser": "1.4.0",
     "aurelia-pal-browser": "1.8.1",
     "aurelia-templating-binding": "1.5.3",
-    "aurelia-templating-resources": "1.12.0",
-    "piral-core": "^1.0.0-pre.2093"
-  },
-  "peerDependencies": {
-    "aurelia-event-aggregator": "^1.0.0",
-    "aurelia-framework": "^1.0.0",
-    "aurelia-history-browser": "^1.0.0",
-    "aurelia-pal-browser": "^1.0.0",
-    "aurelia-templating-binding": "^1.0.0",
-    "aurelia-templating-resources": "^1.0.0",
-    "piral-core": "1.x"
+    "aurelia-templating-resources": "1.13.1",
+    "piral-core": "1.0.1-beta.5640"
   },
-  "gitHead": "fe44f381fb31094a5f8873817c4a5f3c54870b44"
+  "gitHead": "fa0a72b28fd0a20afec7ef491ec19e93c090fc72"
 }

package/src/DefaultLoader.ts

@@ -42,7 +42,7 @@ export class DefaultLoader extends Loader {
    * @return A Promise for the loaded module.
    */
   loadModule(id) {
-    return Promise.resolve(require(id));
+    return System.import(id);
   }
 
   /**

package/src/converter.ts

@@ -1,40 +1,50 @@
-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 piral-slot
+   */
+  rootName?: string;
+}
+
+interface AureliaLocals {
+  aurelia: Aurelia;
+}
+
+export function createConverter(config: AureliaConverterOptions = {}) {
+  const { rootName = 'piral-slot' } = config;
 
-export function createConverter() {
   initialize();
-  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])
-          .defaultResources();
-
-        aurelia.container.registerInstance('props', props);
-        aurelia.container.registerInstance('ctx', ctx);
-
-        aurelia.start().then(() => aurelia.setRoot(root, el));
-      },
-      update(_, props, ctx) {
-        aurelia.container.registerInstance('props', props);
-        aurelia.container.registerInstance('ctx', ctx);
-      },
-      unmount() {
-        aurelia = undefined;
-      },
-    };
-  };
+
+  const Extension = createExtension(rootName);
+
+  const convert = <TProps extends BaseComponentProps>(root: AureliaModule<TProps>): ForeignComponent<TProps> => ({
+    mount(el, props, ctx, locals: AureliaLocals) {
+      const aurelia = new Aurelia(new DefaultLoader());
+
+      aurelia.use.eventAggregator().history().defaultBindingLanguage().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));
+      locals.aurelia = aurelia;
+    },
+    update(el, props, ctx, locals: AureliaLocals) {
+      locals.aurelia.container.registerInstance('props', props);
+      locals.aurelia.container.registerInstance('ctx', ctx);
+    },
+    unmount(el, locals: AureliaLocals) {
+      locals.aurelia = undefined;
+    },
+  });
+  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, PiletApi } 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: PiletApi) {}
+
     attached() {
-      api.renderHtmlExtension(this.host, {
+      this.piral.renderHtmlExtension(this.host, {
         name: this.name,
         render: this.render,
         empty: this.empty,

package/src/types.ts

@@ -1,4 +1,4 @@
-import { ForeignComponent, ExtensionSlotProps } from 'piral-core';
+import type { ForeignComponent, ExtensionSlotProps } from 'piral-core';
 
 declare module 'piral-core/lib/types/custom' {
   interface PiletCustomApi extends PiletAureliaApi {}

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;