@stencil/angular-output-target 0.8.4 → 0.9.0

package/dist/generate-angular-component.d.ts

@@ -21,4 +21,4 @@ export declare const createAngularComponentDefinition: (tagName: string, inputs:
  * @param customElementsDir The custom elements directory.
  * @returns The component interface type definition as a string.
  */
-export declare const createComponentTypeDefinition: (outputType: OutputType, tagNameAsPascal: string, events: readonly ComponentCompilerEvent[], componentCorePackage: string, customElementsDir?: string | undefined) => string;
+export declare const createComponentTypeDefinition: (outputType: OutputType, tagNameAsPascal: string, events: readonly ComponentCompilerEvent[], componentCorePackage: string, customElementsDir?: string) => string;

package/dist/generate-value-accessors.d.ts

@@ -1,8 +1,8 @@
-import type { OutputTargetAngular } from './types';
+import { OutputTargetAngular, OutputType } from './types';
 import type { CompilerCtx, ComponentCompilerMeta, Config } from '@stencil/core/internal';
 export interface ValueAccessor {
     elementSelectors: string[];
     eventTargets: [string, string][];
 }
 export default function generateValueAccessors(compilerCtx: CompilerCtx, components: ComponentCompilerMeta[], outputTarget: OutputTargetAngular, config: Config): Promise<void>;
-export declare function createValueAccessor(srcFileContents: string, valueAccessor: ValueAccessor): string;
+export declare function createValueAccessor(srcFileContents: string, valueAccessor: ValueAccessor, outputType?: OutputType): string;

package/dist/generate-value-accessors.js

@@ -1,5 +1,6 @@
 import { EOL } from 'os';
 import path from 'path';
+import { OutputTypes } from './utils';
 export default async function generateValueAccessors(compilerCtx, components, outputTarget, config) {
     if (!Array.isArray(outputTarget.valueAccessorConfigs) || outputTarget.valueAccessorConfigs.length === 0) {
         return;
@@ -25,20 +26,21 @@ export default async function generateValueAccessors(compilerCtx, components, ou
         const targetFilePath = path.join(targetDir, targetFileName);
         const srcFilePath = path.join(__dirname, '../resources/control-value-accessors/', targetFileName);
         const srcFileContents = await compilerCtx.fs.readFile(srcFilePath);
-        const finalText = createValueAccessor(srcFileContents, normalizedValueAccessors[valueAccessorType]);
+        const finalText = createValueAccessor(srcFileContents, normalizedValueAccessors[valueAccessorType], outputTarget.outputType);
         await compilerCtx.fs.writeFile(targetFilePath, finalText);
     }));
     await copyResources(config, ['value-accessor.ts'], targetDir);
 }
-export function createValueAccessor(srcFileContents, valueAccessor) {
+export function createValueAccessor(srcFileContents, valueAccessor, outputType) {
     const hostContents = valueAccessor.eventTargets.map((listItem) => VALUE_ACCESSOR_EVENTTARGETS.replace(VALUE_ACCESSOR_EVENT, listItem[0]).replace(VALUE_ACCESSOR_TARGETATTR, listItem[1]));
     return srcFileContents
         .replace(VALUE_ACCESSOR_SELECTORS, valueAccessor.elementSelectors.join(', '))
-        .replace(VALUE_ACCESSOR_EVENTTARGETS, hostContents.join(`,${EOL}`));
+        .replace(VALUE_ACCESSOR_EVENTTARGETS, hostContents.join(`,${EOL}`))
+        .replace(VALUE_ACCESSOR_STANDALONE, outputType && outputType === OutputTypes.Standalone ? ',standalone: true' : '');
 }
 function copyResources(config, resourcesFilesToCopy, directory) {
     if (!config.sys || !config.sys.copy) {
-        throw new Error('stencil is not properly intialized at this step. Notify the developer');
+        throw new Error('stencil is not properly initialized at this step. Notify the developer');
     }
     const copyTasks = resourcesFilesToCopy.map((rf) => {
         return {
@@ -53,4 +55,5 @@ function copyResources(config, resourcesFilesToCopy, directory) {
 const VALUE_ACCESSOR_SELECTORS = `<VALUE_ACCESSOR_SELECTORS>`;
 const VALUE_ACCESSOR_EVENT = `<VALUE_ACCESSOR_EVENT>`;
 const VALUE_ACCESSOR_TARGETATTR = '<VALUE_ACCESSOR_TARGETATTR>';
+const VALUE_ACCESSOR_STANDALONE = '<VALUE_ACCESSOR_STANDALONE>';
 const VALUE_ACCESSOR_EVENTTARGETS = `    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.target.<VALUE_ACCESSOR_TARGETATTR>)'`;

package/dist/index.cjs.js

@@ -58,18 +58,18 @@ function normalizePath(str) {
     return str;
 }
 function relativeImport(pathFrom, pathTo, ext) {
-    let relativePath = path__default['default'].relative(path__default['default'].dirname(pathFrom), path__default['default'].dirname(pathTo));
+    let relativePath = path__default["default"].relative(path__default["default"].dirname(pathFrom), path__default["default"].dirname(pathTo));
     if (relativePath === '') {
         relativePath = '.';
     }
     else if (relativePath[0] !== '.') {
         relativePath = './' + relativePath;
     }
-    return normalizePath(`${relativePath}/${path__default['default'].basename(pathTo, ext)}`);
+    return normalizePath(`${relativePath}/${path__default["default"].basename(pathTo, ext)}`);
 }
 async function readPackageJson(config, rootDir) {
     var _a;
-    const pkgJsonPath = path__default['default'].join(rootDir, 'package.json');
+    const pkgJsonPath = path__default["default"].join(rootDir, 'package.json');
     let pkgJson;
     try {
         pkgJson = (await ((_a = config.sys) === null || _a === void 0 ? void 0 : _a.readFile(pkgJsonPath, 'utf8')));
@@ -336,7 +336,7 @@ async function generateValueAccessors(compilerCtx, components, outputTarget, con
     if (!Array.isArray(outputTarget.valueAccessorConfigs) || outputTarget.valueAccessorConfigs.length === 0) {
         return;
     }
-    const targetDir = path__default['default'].dirname(outputTarget.directivesProxyFile);
+    const targetDir = path__default["default"].dirname(outputTarget.directivesProxyFile);
     const normalizedValueAccessors = outputTarget.valueAccessorConfigs.reduce((allAccessors, va) => {
         const elementSelectors = Array.isArray(va.elementSelectors) ? va.elementSelectors : [va.elementSelectors];
         const type = va.type;
@@ -354,37 +354,39 @@ async function generateValueAccessors(compilerCtx, components, outputTarget, con
     await Promise.all(Object.keys(normalizedValueAccessors).map(async (type) => {
         const valueAccessorType = type; // Object.keys converts to string
         const targetFileName = `${type}-value-accessor.ts`;
-        const targetFilePath = path__default['default'].join(targetDir, targetFileName);
-        const srcFilePath = path__default['default'].join(__dirname, '../resources/control-value-accessors/', targetFileName);
+        const targetFilePath = path__default["default"].join(targetDir, targetFileName);
+        const srcFilePath = path__default["default"].join(__dirname, '../resources/control-value-accessors/', targetFileName);
         const srcFileContents = await compilerCtx.fs.readFile(srcFilePath);
-        const finalText = createValueAccessor(srcFileContents, normalizedValueAccessors[valueAccessorType]);
+        const finalText = createValueAccessor(srcFileContents, normalizedValueAccessors[valueAccessorType], outputTarget.outputType);
         await compilerCtx.fs.writeFile(targetFilePath, finalText);
     }));
-    await copyResources(config, ['value-accessor.ts'], targetDir);
+    await copyResources$1(config, ['value-accessor.ts'], targetDir);
 }
-function createValueAccessor(srcFileContents, valueAccessor) {
+function createValueAccessor(srcFileContents, valueAccessor, outputType) {
     const hostContents = valueAccessor.eventTargets.map((listItem) => VALUE_ACCESSOR_EVENTTARGETS.replace(VALUE_ACCESSOR_EVENT, listItem[0]).replace(VALUE_ACCESSOR_TARGETATTR, listItem[1]));
     return srcFileContents
         .replace(VALUE_ACCESSOR_SELECTORS, valueAccessor.elementSelectors.join(', '))
-        .replace(VALUE_ACCESSOR_EVENTTARGETS, hostContents.join(`,${os.EOL}`));
+        .replace(VALUE_ACCESSOR_EVENTTARGETS, hostContents.join(`,${os.EOL}`))
+        .replace(VALUE_ACCESSOR_STANDALONE, outputType && outputType === OutputTypes.Standalone ? ',standalone: true' : '');
 }
-function copyResources(config, resourcesFilesToCopy, directory) {
+function copyResources$1(config, resourcesFilesToCopy, directory) {
     if (!config.sys || !config.sys.copy) {
-        throw new Error('stencil is not properly intialized at this step. Notify the developer');
+        throw new Error('stencil is not properly initialized at this step. Notify the developer');
     }
     const copyTasks = resourcesFilesToCopy.map((rf) => {
         return {
-            src: path__default['default'].join(__dirname, '../resources/control-value-accessors/', rf),
-            dest: path__default['default'].join(directory, rf),
+            src: path__default["default"].join(__dirname, '../resources/control-value-accessors/', rf),
+            dest: path__default["default"].join(directory, rf),
             keepDirStructure: false,
             warn: false,
         };
     });
-    return config.sys.copy(copyTasks, path__default['default'].join(directory));
+    return config.sys.copy(copyTasks, path__default["default"].join(directory));
 }
 const VALUE_ACCESSOR_SELECTORS = `<VALUE_ACCESSOR_SELECTORS>`;
 const VALUE_ACCESSOR_EVENT = `<VALUE_ACCESSOR_EVENT>`;
 const VALUE_ACCESSOR_TARGETATTR = '<VALUE_ACCESSOR_TARGETATTR>';
+const VALUE_ACCESSOR_STANDALONE = '<VALUE_ACCESSOR_STANDALONE>';
 const VALUE_ACCESSOR_EVENTTARGETS = `    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.target.<VALUE_ACCESSOR_TARGETATTR>)'`;
 
 /**
@@ -411,7 +413,7 @@ async function angularDirectiveProxyOutput(compilerCtx, outputTarget, components
     const finalText = generateProxies(filteredComponents, pkgData, outputTarget, config.rootDir);
     await Promise.all([
         compilerCtx.fs.writeFile(outputTarget.directivesProxyFile, finalText),
-        copyResources$1(config, outputTarget),
+        copyResources(config, outputTarget),
         generateAngularDirectivesFile(compilerCtx, filteredComponents, outputTarget),
         generateValueAccessors(compilerCtx, filteredComponents, outputTarget, config),
     ]);
@@ -419,12 +421,12 @@ async function angularDirectiveProxyOutput(compilerCtx, outputTarget, components
 function getFilteredComponents(excludeComponents = [], cmps) {
     return sortBy(cmps, (cmp) => cmp.tagName).filter((c) => !excludeComponents.includes(c.tagName) && !c.internal);
 }
-async function copyResources$1(config, outputTarget) {
+async function copyResources(config, outputTarget) {
     if (!config.sys || !config.sys.copy || !config.sys.glob) {
         throw new Error('stencil is not properly initialized at this step. Notify the developer');
     }
-    const srcDirectory = path__default['default'].join(__dirname, '..', 'angular-component-lib');
-    const destDirectory = path__default['default'].join(path__default['default'].dirname(outputTarget.directivesProxyFile), 'angular-component-lib');
+    const srcDirectory = path__default["default"].join(__dirname, '..', 'angular-component-lib');
+    const destDirectory = path__default["default"].join(path__default["default"].dirname(outputTarget.directivesProxyFile), 'angular-component-lib');
     return config.sys.copy([
         {
             src: srcDirectory,
@@ -435,8 +437,8 @@ async function copyResources$1(config, outputTarget) {
     ], srcDirectory);
 }
 function generateProxies(components, pkgData, outputTarget, rootDir) {
-    const distTypesDir = path__default['default'].dirname(pkgData.types);
-    const dtsFilePath = path__default['default'].join(rootDir, distTypesDir, GENERATED_DTS);
+    const distTypesDir = path__default["default"].dirname(pkgData.types);
+    const dtsFilePath = path__default["default"].join(rootDir, distTypesDir, GENERATED_DTS);
     const { outputType } = outputTarget;
     const componentsTypeFile = relativeImport(outputTarget.directivesProxyFile, dtsFilePath, '.d.ts');
     const includeSingleComponentAngularModules = outputType === OutputTypes.Scam;
@@ -560,11 +562,11 @@ function normalizeOutputTarget(config, outputTarget) {
     if (outputTarget.directivesProxyFile == null) {
         throw new Error('directivesProxyFile is required. Please set it in the Stencil config.');
     }
-    if (outputTarget.directivesProxyFile && !path__default['default'].isAbsolute(outputTarget.directivesProxyFile)) {
-        results.directivesProxyFile = normalizePath(path__default['default'].join(config.rootDir, outputTarget.directivesProxyFile));
+    if (outputTarget.directivesProxyFile && !path__default["default"].isAbsolute(outputTarget.directivesProxyFile)) {
+        results.directivesProxyFile = normalizePath(path__default["default"].join(config.rootDir, outputTarget.directivesProxyFile));
     }
-    if (outputTarget.directivesArrayFile && !path__default['default'].isAbsolute(outputTarget.directivesArrayFile)) {
-        results.directivesArrayFile = normalizePath(path__default['default'].join(config.rootDir, outputTarget.directivesArrayFile));
+    if (outputTarget.directivesArrayFile && !path__default["default"].isAbsolute(outputTarget.directivesArrayFile)) {
+        results.directivesArrayFile = normalizePath(path__default["default"].join(config.rootDir, outputTarget.directivesArrayFile));
     }
     if (outputTarget.includeSingleComponentAngularModules !== undefined) {
         throw new Error("The 'includeSingleComponentAngularModules' option has been removed. Please use 'outputType' instead.");

package/dist/index.js

@@ -349,20 +349,21 @@ async function generateValueAccessors(compilerCtx, components, outputTarget, con
         const targetFilePath = path.join(targetDir, targetFileName);
         const srcFilePath = path.join(__dirname, '../resources/control-value-accessors/', targetFileName);
         const srcFileContents = await compilerCtx.fs.readFile(srcFilePath);
-        const finalText = createValueAccessor(srcFileContents, normalizedValueAccessors[valueAccessorType]);
+        const finalText = createValueAccessor(srcFileContents, normalizedValueAccessors[valueAccessorType], outputTarget.outputType);
         await compilerCtx.fs.writeFile(targetFilePath, finalText);
     }));
-    await copyResources(config, ['value-accessor.ts'], targetDir);
+    await copyResources$1(config, ['value-accessor.ts'], targetDir);
 }
-function createValueAccessor(srcFileContents, valueAccessor) {
+function createValueAccessor(srcFileContents, valueAccessor, outputType) {
     const hostContents = valueAccessor.eventTargets.map((listItem) => VALUE_ACCESSOR_EVENTTARGETS.replace(VALUE_ACCESSOR_EVENT, listItem[0]).replace(VALUE_ACCESSOR_TARGETATTR, listItem[1]));
     return srcFileContents
         .replace(VALUE_ACCESSOR_SELECTORS, valueAccessor.elementSelectors.join(', '))
-        .replace(VALUE_ACCESSOR_EVENTTARGETS, hostContents.join(`,${EOL}`));
+        .replace(VALUE_ACCESSOR_EVENTTARGETS, hostContents.join(`,${EOL}`))
+        .replace(VALUE_ACCESSOR_STANDALONE, outputType && outputType === OutputTypes.Standalone ? ',standalone: true' : '');
 }
-function copyResources(config, resourcesFilesToCopy, directory) {
+function copyResources$1(config, resourcesFilesToCopy, directory) {
     if (!config.sys || !config.sys.copy) {
-        throw new Error('stencil is not properly intialized at this step. Notify the developer');
+        throw new Error('stencil is not properly initialized at this step. Notify the developer');
     }
     const copyTasks = resourcesFilesToCopy.map((rf) => {
         return {
@@ -377,6 +378,7 @@ function copyResources(config, resourcesFilesToCopy, directory) {
 const VALUE_ACCESSOR_SELECTORS = `<VALUE_ACCESSOR_SELECTORS>`;
 const VALUE_ACCESSOR_EVENT = `<VALUE_ACCESSOR_EVENT>`;
 const VALUE_ACCESSOR_TARGETATTR = '<VALUE_ACCESSOR_TARGETATTR>';
+const VALUE_ACCESSOR_STANDALONE = '<VALUE_ACCESSOR_STANDALONE>';
 const VALUE_ACCESSOR_EVENTTARGETS = `    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.target.<VALUE_ACCESSOR_TARGETATTR>)'`;
 
 /**
@@ -403,7 +405,7 @@ async function angularDirectiveProxyOutput(compilerCtx, outputTarget, components
     const finalText = generateProxies(filteredComponents, pkgData, outputTarget, config.rootDir);
     await Promise.all([
         compilerCtx.fs.writeFile(outputTarget.directivesProxyFile, finalText),
-        copyResources$1(config, outputTarget),
+        copyResources(config, outputTarget),
         generateAngularDirectivesFile(compilerCtx, filteredComponents, outputTarget),
         generateValueAccessors(compilerCtx, filteredComponents, outputTarget, config),
     ]);
@@ -411,7 +413,7 @@ async function angularDirectiveProxyOutput(compilerCtx, outputTarget, components
 function getFilteredComponents(excludeComponents = [], cmps) {
     return sortBy(cmps, (cmp) => cmp.tagName).filter((c) => !excludeComponents.includes(c.tagName) && !c.internal);
 }
-async function copyResources$1(config, outputTarget) {
+async function copyResources(config, outputTarget) {
     if (!config.sys || !config.sys.copy || !config.sys.glob) {
         throw new Error('stencil is not properly initialized at this step. Notify the developer');
     }

package/dist/types.d.ts

@@ -4,7 +4,7 @@
  * - `scam` - Generate a Single Component Angular Module for each component.
  * - `standalone` - Generate a component with the `standalone` flag set to `true`.
  */
-export declare type OutputType = 'component' | 'scam' | 'standalone';
+export type OutputType = 'component' | 'scam' | 'standalone';
 export interface OutputTargetAngular {
     /**
      * The package name of the component library.
@@ -28,7 +28,7 @@ export interface OutputTargetAngular {
      */
     outputType?: OutputType;
 }
-export declare type ValueAccessorTypes = 'text' | 'radio' | 'select' | 'number' | 'boolean';
+export type ValueAccessorTypes = 'text' | 'radio' | 'select' | 'number' | 'boolean';
 export interface ValueAccessorConfig {
     elementSelectors: string | string[];
     event: string;

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/angular-output-target",
-  "version": "0.8.4",
+  "version": "0.9.0",
   "description": "Angular output target for @stencil/core components.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -14,15 +14,15 @@
     "access": "public"
   },
   "scripts": {
-    "prepublishOnly": "npm run build",
-    "prebuild": "rimraf ./dist && npm run test",
-    "build": "tsc && npm run rollup",
+    "prepublishOnly": "pnpm run build",
+    "prebuild": "rimraf ./dist && pnpm run test",
+    "build": "tsc && pnpm run rollup",
     "watch": "tsc --watch",
     "rollup": "rollup -c",
-    "version": "npm run build",
-    "prettier": "npm run prettier.base -- --write",
+    "version": "pnpm run build",
+    "prettier": "pnpm run prettier.base --write",
     "prettier.base": "prettier \"./({angular-component-lib,src,test,__tests__}/**/*.{ts,tsx,js,jsx})|*.{ts,tsx,js,jsx}\"",
-    "prettier.dry-run": "npm run prettier.base -- --list-different",
+    "prettier.dry-run": "pnpm run prettier.base --list-different",
     "release": "np",
     "test": "jest --passWithNoTests",
     "test.watch": "jest --watch"
@@ -39,7 +39,13 @@
   },
   "devDependencies": {
     "@angular/core": "8.2.14",
-    "@angular/forms": "8.2.14"
+    "@angular/forms": "8.2.14",
+    "@types/node": "^18.0.0",
+    "jest": "^27.0.0",
+    "jest-environment-jsdom": "^27.0.0",
+    "rimraf": "^5.0.0",
+    "rollup": "^2.23.1",
+    "typescript": "~5.0.4"
   },
   "peerDependencies": {
     "@stencil/core": ">=2.0.0 || >=3 || >= 4.0.0-beta.0 || >= 4.0.0"
@@ -58,8 +64,5 @@
     ],
     "testURL": "http://localhost"
   },
-  "gitHead": "a3588e905186a0e86e7f88418fd5b2f9531b55e0",
-  "volta": {
-    "extends": "../../package.json"
-  }
+  "gitHead": "a3588e905186a0e86e7f88418fd5b2f9531b55e0"
 }

package/resources/control-value-accessors/boolean-value-accessor.ts

@@ -15,7 +15,7 @@ import { ValueAccessor } from './value-accessor';
       useExisting: BooleanValueAccessor,
       multi: true
     }
-  ]
+  ]<VALUE_ACCESSOR_STANDALONE>
 })
 export class BooleanValueAccessor extends ValueAccessor {
   constructor(el: ElementRef) {

package/resources/control-value-accessors/number-value-accessor.ts

@@ -15,7 +15,7 @@ import { ValueAccessor } from './value-accessor';
       useExisting: NumericValueAccessor,
       multi: true
     }
-  ]
+  ]<VALUE_ACCESSOR_STANDALONE>
 })
 export class NumericValueAccessor extends ValueAccessor {
   constructor(el: ElementRef) {

package/resources/control-value-accessors/radio-value-accessor.ts

@@ -15,7 +15,7 @@ import { ValueAccessor } from './value-accessor';
       useExisting: RadioValueAccessor,
       multi: true
     }
-  ]
+  ]<VALUE_ACCESSOR_STANDALONE>
 })
 export class RadioValueAccessor extends ValueAccessor {
   constructor(el: ElementRef) {

package/resources/control-value-accessors/select-value-accessor.ts

@@ -15,7 +15,7 @@ import { ValueAccessor } from './value-accessor';
       useExisting: SelectValueAccessor,
       multi: true
     }
-  ]
+  ]<VALUE_ACCESSOR_STANDALONE>
 })
 export class SelectValueAccessor extends ValueAccessor {
   constructor(el: ElementRef) {

package/resources/control-value-accessors/text-value-accessor.ts

@@ -15,7 +15,7 @@ import { ValueAccessor } from './value-accessor';
       useExisting: TextValueAccessor,
       multi: true
     }
-  ]
+  ]<VALUE_ACCESSOR_STANDALONE>
 })
 export class TextValueAccessor extends ValueAccessor {
   constructor(el: ElementRef) {