@baloise/angular-output-target 1.1.0 → 1.2.0

package/CHANGELOG.md

@@ -3,6 +3,40 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.2.0](https://github.com/baloise/stencil-ds-output-targets/compare/@baloise/angular-output-target@1.1.2...@baloise/angular-output-target@1.2.0) (2022-03-01)
+
+
+### Features
+
+* **react:** add custom react output ([11eabd3](https://github.com/baloise/stencil-ds-output-targets/commit/11eabd33271a12c9a5d15d64c114f30c017cc1d5))
+
+
+
+
+
+## [1.1.2](https://github.com/baloise/stencil-ds-output-targets/compare/@baloise/angular-output-target@1.1.1...@baloise/angular-output-target@1.1.2) (2022-02-10)
+
+
+### Bug Fixes
+
+* **angular:** remove all component module ([dcf567d](https://github.com/baloise/stencil-ds-output-targets/commit/dcf567d597313a5b5bf1ec003ef9f7f25dd4bcad))
+
+
+
+
+
+## [1.1.1](https://github.com/baloise/stencil-ds-output-targets/compare/@baloise/angular-output-target@1.1.0...@baloise/angular-output-target@1.1.1) (2022-01-31)
+
+
+### Bug Fixes
+
+* **angular:** add common module ([6387334](https://github.com/baloise/stencil-ds-output-targets/commit/63873341511fe0dfe9490fda06bb785df3fc1404))
+* **angular:** add common module ([10798bb](https://github.com/baloise/stencil-ds-output-targets/commit/10798bb22e435a87cf12d0ccd6d868ff0314f685))
+
+
+
+
+
 # [1.1.0](https://github.com/baloise/stencil-ds-output-targets/compare/@baloise/angular-output-target@1.0.26...@baloise/angular-output-target@1.1.0) (2022-01-31)
 
 

package/dist/generate-angular-component.js

@@ -40,7 +40,7 @@ ${getProxyCmp(inputs, methods)}
 @Component({
   ${directiveOpts.join(',\n  ')}
 })
-export class ${tagNameAsPascal} {`,
+class ${tagNameAsPascal} {`,
     ];
     // Generate outputs
     outputs.forEach(output => {

package/dist/generate-angular-module.js

@@ -44,6 +44,7 @@ ${declarationImports.join('\n  ')}
   declarations: [${[tagNameAsPascal, ...cmpImports, ...declarations].join(', ')}],
   exports: [${[tagNameAsPascal, ...cmpImports, ...declarations].join(', ')}],
   providers: [${providers.join(', ')}],
+  imports: [CommonModule],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class ${tagNameAsPascal}Module {

package/dist/index.cjs.js

@@ -128,7 +128,7 @@ ${getProxyCmp(inputs, methods)}
 @Component({
   ${directiveOpts.join(',\n  ')}
 })
-export class ${tagNameAsPascal} {`,
+class ${tagNameAsPascal} {`,
     ];
     // Generate outputs
     outputs.forEach(output => {
@@ -280,6 +280,7 @@ ${declarationImports.join('\n  ')}
   declarations: [${[tagNameAsPascal, ...cmpImports, ...declarations].join(', ')}],
   exports: [${[tagNameAsPascal, ...cmpImports, ...declarations].join(', ')}],
   providers: [${providers.join(', ')}],
+  imports: [CommonModule],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class ${tagNameAsPascal}Module {
@@ -295,10 +296,8 @@ async function angularDirectiveProxyOutput(compilerCtx, outputTarget, components
     const rootDir = config.rootDir;
     const pkgData = await readPackageJson(rootDir);
     const finalText = generateProxies(filteredComponents, pkgData, outputTarget, config.rootDir);
-    const allComponentModule = generateAllComponentModule(filteredComponents, outputTarget);
     await Promise.all([
         compilerCtx.fs.writeFile(outputTarget.directivesProxyFile, finalText),
-        compilerCtx.fs.writeFile(outputTarget.directivesProxyFile.replace('.ts', '.module.ts'), allComponentModule),
         copyResources(config, outputTarget),
         generateAngularDirectivesFile(compilerCtx, filteredComponents, outputTarget),
         generateValueAccessors(compilerCtx, filteredComponents, outputTarget, config),
@@ -322,34 +321,6 @@ async function copyResources(config, outputTarget) {
         },
     ], srcDirectory);
 }
-function generateAllComponentModule(components, outputTarget) {
-    const childComponent = Object.values(outputTarget.componentGroups || {})
-        .flat()
-        .map(o => o.components)
-        .flat();
-    const moduleImports = components
-        .map(c => c.tagName)
-        .filter(c => !childComponent.includes(c))
-        .map(c => `  ${dashToPascalCase(c)}Module,`);
-    return `/* tslint:disable */
-/* auto-generated angular directive proxies */
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'
-import {
-${moduleImports.join('\n')}
-} from './proxies'
-
-const modules = [
-${moduleImports.join('\n')}
-]
-
-@NgModule({
-  imports: [...modules],
-  exports: [...modules],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class BalAllComponentModule {}
-  `;
-}
 function generateProxies(components, pkgData, outputTarget, rootDir) {
     const distTypesDir = path__default['default'].dirname(pkgData.types);
     const dtsFilePath = path__default['default'].join(rootDir, distTypesDir, GENERATED_DTS);
@@ -357,6 +328,7 @@ function generateProxies(components, pkgData, outputTarget, rootDir) {
     const imports = `/* tslint:disable */
 /* auto-generated angular directive proxies */
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, NgZone, EventEmitter, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';\n`;
     const componentImports = components.map(c => `import { defineCustomElement as define${dashToPascalCase(c.tagName)} } from '${normalizePath(outputTarget.componentCorePackage || '')}/dist/components/${c.tagName}';`);
     const typeImports = !outputTarget.componentCorePackage

package/dist/index.js

@@ -119,7 +119,7 @@ ${getProxyCmp(inputs, methods)}
 @Component({
   ${directiveOpts.join(',\n  ')}
 })
-export class ${tagNameAsPascal} {`,
+class ${tagNameAsPascal} {`,
     ];
     // Generate outputs
     outputs.forEach(output => {
@@ -271,6 +271,7 @@ ${declarationImports.join('\n  ')}
   declarations: [${[tagNameAsPascal, ...cmpImports, ...declarations].join(', ')}],
   exports: [${[tagNameAsPascal, ...cmpImports, ...declarations].join(', ')}],
   providers: [${providers.join(', ')}],
+  imports: [CommonModule],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class ${tagNameAsPascal}Module {
@@ -286,10 +287,8 @@ async function angularDirectiveProxyOutput(compilerCtx, outputTarget, components
     const rootDir = config.rootDir;
     const pkgData = await readPackageJson(rootDir);
     const finalText = generateProxies(filteredComponents, pkgData, outputTarget, config.rootDir);
-    const allComponentModule = generateAllComponentModule(filteredComponents, outputTarget);
     await Promise.all([
         compilerCtx.fs.writeFile(outputTarget.directivesProxyFile, finalText),
-        compilerCtx.fs.writeFile(outputTarget.directivesProxyFile.replace('.ts', '.module.ts'), allComponentModule),
         copyResources(config, outputTarget),
         generateAngularDirectivesFile(compilerCtx, filteredComponents, outputTarget),
         generateValueAccessors(compilerCtx, filteredComponents, outputTarget, config),
@@ -313,34 +312,6 @@ async function copyResources(config, outputTarget) {
         },
     ], srcDirectory);
 }
-function generateAllComponentModule(components, outputTarget) {
-    const childComponent = Object.values(outputTarget.componentGroups || {})
-        .flat()
-        .map(o => o.components)
-        .flat();
-    const moduleImports = components
-        .map(c => c.tagName)
-        .filter(c => !childComponent.includes(c))
-        .map(c => `  ${dashToPascalCase(c)}Module,`);
-    return `/* tslint:disable */
-/* auto-generated angular directive proxies */
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'
-import {
-${moduleImports.join('\n')}
-} from './proxies'
-
-const modules = [
-${moduleImports.join('\n')}
-]
-
-@NgModule({
-  imports: [...modules],
-  exports: [...modules],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class BalAllComponentModule {}
-  `;
-}
 function generateProxies(components, pkgData, outputTarget, rootDir) {
     const distTypesDir = path.dirname(pkgData.types);
     const dtsFilePath = path.join(rootDir, distTypesDir, GENERATED_DTS);
@@ -348,6 +319,7 @@ function generateProxies(components, pkgData, outputTarget, rootDir) {
     const imports = `/* tslint:disable */
 /* auto-generated angular directive proxies */
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, NgZone, EventEmitter, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';\n`;
     const componentImports = components.map(c => `import { defineCustomElement as define${dashToPascalCase(c.tagName)} } from '${normalizePath(outputTarget.componentCorePackage || '')}/dist/components/${c.tagName}';`);
     const typeImports = !outputTarget.componentCorePackage

package/dist/output-angular.d.ts

@@ -1,5 +1,4 @@
 import type { CompilerCtx, ComponentCompilerMeta, Config } from '@stencil/core/internal';
 import type { OutputTargetAngular, PackageJSON } from './types';
 export declare function angularDirectiveProxyOutput(compilerCtx: CompilerCtx, outputTarget: OutputTargetAngular, components: ComponentCompilerMeta[], config: Config): Promise<void>;
-export declare function generateAllComponentModule(components: ComponentCompilerMeta[], outputTarget: OutputTargetAngular): string;
 export declare function generateProxies(components: ComponentCompilerMeta[], pkgData: PackageJSON, outputTarget: OutputTargetAngular, rootDir: string): string;

package/dist/output-angular.js

@@ -9,10 +9,8 @@ export async function angularDirectiveProxyOutput(compilerCtx, outputTarget, com
     const rootDir = config.rootDir;
     const pkgData = await readPackageJson(rootDir);
     const finalText = generateProxies(filteredComponents, pkgData, outputTarget, config.rootDir);
-    const allComponentModule = generateAllComponentModule(filteredComponents, outputTarget);
     await Promise.all([
         compilerCtx.fs.writeFile(outputTarget.directivesProxyFile, finalText),
-        compilerCtx.fs.writeFile(outputTarget.directivesProxyFile.replace('.ts', '.module.ts'), allComponentModule),
         copyResources(config, outputTarget),
         generateAngularDirectivesFile(compilerCtx, filteredComponents, outputTarget),
         generateValueAccessors(compilerCtx, filteredComponents, outputTarget, config),
@@ -36,34 +34,6 @@ async function copyResources(config, outputTarget) {
         },
     ], srcDirectory);
 }
-export function generateAllComponentModule(components, outputTarget) {
-    const childComponent = Object.values(outputTarget.componentGroups || {})
-        .flat()
-        .map(o => o.components)
-        .flat();
-    const moduleImports = components
-        .map(c => c.tagName)
-        .filter(c => !childComponent.includes(c))
-        .map(c => `  ${dashToPascalCase(c)}Module,`);
-    return `/* tslint:disable */
-/* auto-generated angular directive proxies */
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'
-import {
-${moduleImports.join('\n')}
-} from './proxies'
-
-const modules = [
-${moduleImports.join('\n')}
-]
-
-@NgModule({
-  imports: [...modules],
-  exports: [...modules],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class BalAllComponentModule {}
-  `;
-}
 export function generateProxies(components, pkgData, outputTarget, rootDir) {
     const distTypesDir = path.dirname(pkgData.types);
     const dtsFilePath = path.join(rootDir, distTypesDir, GENERATED_DTS);
@@ -71,6 +41,7 @@ export function generateProxies(components, pkgData, outputTarget, rootDir) {
     const imports = `/* tslint:disable */
 /* auto-generated angular directive proxies */
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, NgZone, EventEmitter, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';\n`;
     const componentImports = components.map(c => `import { defineCustomElement as define${dashToPascalCase(c.tagName)} } from '${normalizePath(outputTarget.componentCorePackage || '')}/dist/components/${c.tagName}';`);
     const typeImports = !outputTarget.componentCorePackage

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/angular-output-target",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Angular output target for @stencil/core components.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -61,5 +61,5 @@
     ],
     "testURL": "http://localhost"
   },
-  "gitHead": "6074bb9ab1b327fafca6ad13c5bc07366f7d27f2"
+  "gitHead": "63f0fcb394011881616c2cf16c65d07279fe9c1f"
 }