Mirrors/lucide
1
0
Fork 0
mirror of https://github.com/lucide-icons/lucide.git synced 2025-12-24 04:09:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(packages/icons): finalize exportTemplate before migration to input signals & effect to build component data

Browse Source
This commit is contained in:
Karsa
2025-12-17 09:34:20 +01:00
parent e851a03672
commit a3e7e75b90
5 changed files with 54 additions and 338 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
packages/lucide-angular/scripts/exportTemplate.mts
View File

@@ -13,22 +13,24 @@ export default defineExportTemplate(async ({
}) => {
const svgContents = await getSvg();
const svgBase64 = base64SVG(svgContents);
const angularComponentName = `Lucide${componentName}Component`;
const selectors = [`svg[lucide-${iconName}]`];
const aliasExports: {[aliasComponentName: string]: boolean} = {};
const angularComponentName = `Lucide${componentName}`;
const selectors = [`svg[lucide${toPascalCase(iconName)}]`];
const aliasComponentNames: 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}]`;
selectors.push(aliasSelector);
if (aliasComponentName !== angularComponentName && !(aliasComponentName in aliasExports)) {
aliasExports[aliasComponentName] = true;
const aliasComponentName = `Lucide${toPascalCase(aliasName)}`;
const aliasSelector = `svg[lucide${toPascalCase(aliasName)}]`;
if (!selectors.includes(aliasSelector)) {
selectors.push(aliasSelector);
}
if (aliasComponentName !== angularComponentName && !aliasComponentNames.includes(aliasComponentName)) {
aliasComponentNames.push(aliasComponentName);
}
}
return `\
import { LucideIconData } from './types';
import { LucideAngularComponent } from '../lib/lucide-angular.component';
import { LucideIcon } from '../lib/lucide-icon.component';
import { Component } from '@angular/core';
/**
@@ -46,12 +48,18 @@ import { Component } from '@angular/core';
template: '',
standalone: true,
})
export class ${angularComponentName} extends LucideAngularComponent {
override icon = ${JSON.stringify(children)} as LucideIconData;
override name = '${iconName}';
export class ${angularComponentName} extends LucideIcon {
static iconData: LucideIconData = ${JSON.stringify(children)};
static iconName = '${iconName}';
override get icon() {
return ${angularComponentName}.iconData;
}
override get name() {
return ${angularComponentName}.iconName;
}
}
${Object.entries(aliasExports).map(([aliasComponentName]) => {
${aliasComponentNames.map(([aliasComponentName]) => {
return `
/**
* @deprecated