mirror of
https://github.com/lucide-icons/lucide.git
synced 2025-12-23 05:29:22 +01:00
Merge branch 'refs/heads/main' into package/angularv17
# Conflicts: # packages/lucide-angular/package.json # packages/lucide-angular/scripts/exportTemplate.mts # pnpm-lock.yaml # tools/build-icons/building/generateExportsFile.ts # tools/build-icons/building/generateIconFiles.ts
This commit is contained in:
75
packages/lucide-angular/scripts/exportTemplate.mts
Normal file
75
packages/lucide-angular/scripts/exportTemplate.mts
Normal file
@@ -0,0 +1,75 @@
|
||||
import base64SVG from '@lucide/build-icons/utils/base64SVG';
|
||||
import defineExportTemplate from '@lucide/build-icons/utils/defineExportTemplate';
|
||||
|
||||
export default defineExportTemplate(async ({
|
||||
componentName,
|
||||
iconName,
|
||||
children,
|
||||
getSvg,
|
||||
deprecated,
|
||||
deprecationReason,
|
||||
aliases = [],
|
||||
toPascalCase,
|
||||
}) => {
|
||||
const svgContents = await getSvg();
|
||||
const svgBase64 = base64SVG(svgContents);
|
||||
const angularComponentName = `Lucide${componentName}Component`;
|
||||
const selectors = [`svg[lucide-${iconName}]`];
|
||||
const aliasExports: {[aliasComponentName: string]: string[]} = {};
|
||||
for (const alias of aliases) {
|
||||
const aliasName = typeof alias === 'string' ? alias : alias.name;
|
||||
const aliasComponentName = `Lucide${toPascalCase(aliasName)}Component`;
|
||||
const aliasSelector = `svg[lucide-${aliasName}]`;
|
||||
if (aliasComponentName === angularComponentName) {
|
||||
selectors.push(aliasSelector);
|
||||
} else {
|
||||
if (aliasComponentName in aliasExports) {
|
||||
aliasExports[aliasComponentName] = [aliasSelector];
|
||||
} else {
|
||||
aliasExports[aliasComponentName].push(aliasSelector);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return `\
|
||||
import { LucideIconData } from './types';
|
||||
import { LucideAngularComponent } from '../lib/lucide-angular.component';
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
/**
|
||||
* @component @name ${componentName}
|
||||
* @description Lucide SVG icon component, renders SVG Element with children.
|
||||
*
|
||||
* @preview  - https://lucide.dev/icons/${iconName}
|
||||
* @see https://lucide.dev/guide/packages/lucide-angular - Documentation
|
||||
*
|
||||
* @param {Object} props - Lucide icons props and any valid SVG attribute
|
||||
* ${deprecated ? `@deprecated ${deprecationReason}` : ''}
|
||||
*/
|
||||
@Component({
|
||||
selector: '${selectors.join(', ')}',
|
||||
template: '',
|
||||
standalone: true,
|
||||
})
|
||||
export class ${angularComponentName} extends LucideAngularComponent {
|
||||
override icon = ${JSON.stringify(children)} as LucideIconData;
|
||||
override name = '${iconName}';
|
||||
}
|
||||
|
||||
${Object.entries(aliasExports).map(([aliasComponentName, aliasSelectors]) => {
|
||||
return `
|
||||
/**
|
||||
* @deprecated
|
||||
* @see ${angularComponentName}
|
||||
*/
|
||||
@Component({
|
||||
selector: '${aliasSelectors.join(', ')}',
|
||||
template: '',
|
||||
standalone: true,
|
||||
})
|
||||
export class ${aliasComponentName} extends ${angularComponentName} {
|
||||
}
|
||||
`;
|
||||
}).join(`\n\n`)}
|
||||
`;
|
||||
});
|
||||
Reference in New Issue
Block a user