@stencil/angular-output-target 0.8.1 → 0.8.3

package/angular-component-lib/utils.ts

@@ -12,6 +12,14 @@ export const proxyInputs = (Cmp: any, inputs: string[]) => {
       set(val: any) {
         this.z.runOutsideAngular(() => (this.el[item] = val));
       },
+      /**
+       * In the event that proxyInputs is called
+       * multiple times re-defining these inputs
+       * will cause an error to be thrown. As a result
+       * we set configurable: true to indicate these
+       * properties can be changed.
+       */
+      configurable: true,
     });
   });
 };

package/dist/generate-angular-component.js

@@ -70,6 +70,7 @@ export class ${tagNameAsPascal} {
  * @returns The sanitized event type as a string.
  */
 const formatOutputType = (componentClassName, event) => {
+    const prefix = `I${componentClassName}`;
     /**
      * The original attribute contains the original type defined by the devs.
      * This regexp normalizes the reference, by removing linebreaks,
@@ -78,11 +79,24 @@ const formatOutputType = (componentClassName, event) => {
     return Object.entries(event.complexType.references)
         .filter(([_, refObject]) => refObject.location === 'local' || refObject.location === 'import')
         .reduce((type, [src, dst]) => {
-        const renamedType = `I${componentClassName}${type}`;
+        let renamedType = type;
+        if (!type.startsWith(prefix)) {
+            renamedType = `I${componentClassName}${type}`;
+        }
         return (renamedType
             .replace(new RegExp(`^${src}$`, 'g'), `${dst}`)
             // Capture all instances of the `src` field surrounded by non-word characters on each side and join them.
-            .replace(new RegExp(`([^\\w])${src}([^\\w])`, 'g'), (v, p1, p2) => [p1, dst, p2].join('')));
+            .replace(new RegExp(`([^\\w])${src}([^\\w])`, 'g'), (v, p1, p2) => {
+            if ((dst === null || dst === void 0 ? void 0 : dst.location) === 'import') {
+                /**
+                 * Replaces a complex type reference within a generic type.
+                 * For example, remapping a type like `EventEmitter<CustomEvent<MyEvent<T>>>` to
+                 * `EventEmitter<CustomEvent<IMyComponentMyEvent<IMyComponentT>>>`.
+                 */
+                return [p1, `I${componentClassName}${v.substring(1, v.length - 1)}`, p2].join('');
+            }
+            return [p1, dst, p2].join('');
+        }));
     }, event.complexType.original
         .replace(/\n/g, ' ')
         .replace(/\s{2,}/g, ' ')

package/dist/index.cjs.js

@@ -215,6 +215,7 @@ export class ${tagNameAsPascal} {
  * @returns The sanitized event type as a string.
  */
 const formatOutputType = (componentClassName, event) => {
+    const prefix = `I${componentClassName}`;
     /**
      * The original attribute contains the original type defined by the devs.
      * This regexp normalizes the reference, by removing linebreaks,
@@ -223,11 +224,24 @@ const formatOutputType = (componentClassName, event) => {
     return Object.entries(event.complexType.references)
         .filter(([_, refObject]) => refObject.location === 'local' || refObject.location === 'import')
         .reduce((type, [src, dst]) => {
-        const renamedType = `I${componentClassName}${type}`;
+        let renamedType = type;
+        if (!type.startsWith(prefix)) {
+            renamedType = `I${componentClassName}${type}`;
+        }
         return (renamedType
             .replace(new RegExp(`^${src}$`, 'g'), `${dst}`)
             // Capture all instances of the `src` field surrounded by non-word characters on each side and join them.
-            .replace(new RegExp(`([^\\w])${src}([^\\w])`, 'g'), (v, p1, p2) => [p1, dst, p2].join('')));
+            .replace(new RegExp(`([^\\w])${src}([^\\w])`, 'g'), (v, p1, p2) => {
+            if ((dst === null || dst === void 0 ? void 0 : dst.location) === 'import') {
+                /**
+                 * Replaces a complex type reference within a generic type.
+                 * For example, remapping a type like `EventEmitter<CustomEvent<MyEvent<T>>>` to
+                 * `EventEmitter<CustomEvent<IMyComponentMyEvent<IMyComponentT>>>`.
+                 */
+                return [p1, `I${componentClassName}${v.substring(1, v.length - 1)}`, p2].join('');
+            }
+            return [p1, dst, p2].join('');
+        }));
     }, event.complexType.original
         .replace(/\n/g, ' ')
         .replace(/\s{2,}/g, ' ')
@@ -540,9 +554,6 @@ function normalizeOutputTarget(config, outputTarget) {
     if (outputTarget.includeSingleComponentAngularModules !== undefined) {
         throw new Error("The 'includeSingleComponentAngularModules' option has been removed. Please use 'outputType' instead.");
     }
-    if (outputTarget.outputType === OutputTypes.Scam) {
-        console.warn(`**Experimental**: outputType: "${OutputTypes.Scam}" is a developer preview feature and may change or be removed in the future.`);
-    }
     return results;
 }
 

package/dist/index.js

@@ -207,6 +207,7 @@ export class ${tagNameAsPascal} {
  * @returns The sanitized event type as a string.
  */
 const formatOutputType = (componentClassName, event) => {
+    const prefix = `I${componentClassName}`;
     /**
      * The original attribute contains the original type defined by the devs.
      * This regexp normalizes the reference, by removing linebreaks,
@@ -215,11 +216,24 @@ const formatOutputType = (componentClassName, event) => {
     return Object.entries(event.complexType.references)
         .filter(([_, refObject]) => refObject.location === 'local' || refObject.location === 'import')
         .reduce((type, [src, dst]) => {
-        const renamedType = `I${componentClassName}${type}`;
+        let renamedType = type;
+        if (!type.startsWith(prefix)) {
+            renamedType = `I${componentClassName}${type}`;
+        }
         return (renamedType
             .replace(new RegExp(`^${src}$`, 'g'), `${dst}`)
             // Capture all instances of the `src` field surrounded by non-word characters on each side and join them.
-            .replace(new RegExp(`([^\\w])${src}([^\\w])`, 'g'), (v, p1, p2) => [p1, dst, p2].join('')));
+            .replace(new RegExp(`([^\\w])${src}([^\\w])`, 'g'), (v, p1, p2) => {
+            if ((dst === null || dst === void 0 ? void 0 : dst.location) === 'import') {
+                /**
+                 * Replaces a complex type reference within a generic type.
+                 * For example, remapping a type like `EventEmitter<CustomEvent<MyEvent<T>>>` to
+                 * `EventEmitter<CustomEvent<IMyComponentMyEvent<IMyComponentT>>>`.
+                 */
+                return [p1, `I${componentClassName}${v.substring(1, v.length - 1)}`, p2].join('');
+            }
+            return [p1, dst, p2].join('');
+        }));
     }, event.complexType.original
         .replace(/\n/g, ' ')
         .replace(/\s{2,}/g, ' ')
@@ -532,9 +546,6 @@ function normalizeOutputTarget(config, outputTarget) {
     if (outputTarget.includeSingleComponentAngularModules !== undefined) {
         throw new Error("The 'includeSingleComponentAngularModules' option has been removed. Please use 'outputType' instead.");
     }
-    if (outputTarget.outputType === OutputTypes.Scam) {
-        console.warn(`**Experimental**: outputType: "${OutputTypes.Scam}" is a developer preview feature and may change or be removed in the future.`);
-    }
     return results;
 }
 

package/dist/plugin.js

@@ -33,8 +33,5 @@ export function normalizeOutputTarget(config, outputTarget) {
     if (outputTarget.includeSingleComponentAngularModules !== undefined) {
         throw new Error("The 'includeSingleComponentAngularModules' option has been removed. Please use 'outputType' instead.");
     }
-    if (outputTarget.outputType === OutputTypes.Scam) {
-        console.warn(`**Experimental**: outputType: "${OutputTypes.Scam}" is a developer preview feature and may change or be removed in the future.`);
-    }
     return results;
 }

package/dist/types.d.ts

@@ -23,7 +23,7 @@ export interface OutputTargetAngular {
     /**
      * The type of output that should be generated.
      * - `component` - Generate many component wrappers tied to a single Angular module (lazy/hydrated approach).
-     * - `scam` - **Experimental** - Generate a Single Component Angular Module for each component.
+     * - `scam` - Generate a Single Component Angular Module for each component.
      * - `standalone` - Generate a component with the `standalone` flag set to `true`.
      */
     outputType?: OutputType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/angular-output-target",
-  "version": "0.8.1",
+  "version": "0.8.3",
   "description": "Angular output target for @stencil/core components.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",