[lucide-angular] Export aliases + fix global configuration issues (#1166)

* [lucide-angular] Exports injection token and provider

* [lucide-angular] Export aliases + fix global config issues

* Add aliases of aliases :)

* Update public-api.ts

---------

Co-authored-by: Karsa <karsa@karsa.org>
This commit is contained in:
Karsa
2023-04-28 06:26:30 +02:00
committed by GitHub
parent 7816ed88f6
commit 02fddd3aac
4 changed files with 6 additions and 3 deletions

View File

@@ -28,7 +28,7 @@
"build": "pnpm clean && pnpm copy:license && pnpm build:icons && pnpm build:ng", "build": "pnpm clean && pnpm copy:license && pnpm build:icons && pnpm build:ng",
"copy:license": "cp ../../LICENSE ./LICENSE", "copy:license": "cp ../../LICENSE ./LICENSE",
"clean": "rm -rf dist && rm -rf ./src/icons/*.ts", "clean": "rm -rf dist && rm -rf ./src/icons/*.ts",
"build:icons": "build-icons --output=./src --templateSrc=./scripts/exportTemplate.mjs --iconFileExtension=.ts --exportFileName=lucide-icons.ts", "build:icons": "build-icons --output=./src --templateSrc=./scripts/exportTemplate.mjs --renderUniqueKey --withAliases --aliasesFileExtension=.ts --iconFileExtension=.ts --exportFileName=lucide-icons.ts",
"build:ng": "ng build --configuration production", "build:ng": "ng build --configuration production",
"test": "ng test --no-watch --no-progress --browsers=ChromeHeadlessCI", "test": "ng test --no-watch --no-progress --browsers=ChromeHeadlessCI",
"test:watch": "ng test", "test:watch": "ng test",

View File

@@ -66,11 +66,11 @@ export class LucideAngularComponent implements OnChanges {
ngOnChanges(changes: LucideAngularComponentChanges): void { ngOnChanges(changes: LucideAngularComponentChanges): void {
this.color = this.color ?? this.iconConfig.color; this.color = this.color ?? this.iconConfig.color;
this.size = this.parseNumber(this.size ?? this.defaultSize); this.size = this.parseNumber(this.size ?? this.iconConfig.size);
this.strokeWidth = this.parseNumber( this.strokeWidth = this.parseNumber(
this.strokeWidth ?? this.iconConfig.strokeWidth this.strokeWidth ?? this.iconConfig.strokeWidth
); );
this.absoluteStrokeWidth = this.absoluteStrokeWidth ?? false; this.absoluteStrokeWidth = this.absoluteStrokeWidth ?? this.iconConfig.absoluteStrokeWidth;
if (changes.name || changes.img) { if (changes.name || changes.img) {
const name = changes.img?.currentValue ?? changes.name?.currentValue; const name = changes.img?.currentValue ?? changes.name?.currentValue;
if (typeof name === 'string') { if (typeof name === 'string') {

View File

@@ -5,4 +5,5 @@ export * from './lib/lucide-angular.module';
export * from './lib/lucide-icon.config'; export * from './lib/lucide-icon.config';
export * from './lib/lucide-icon.provider'; export * from './lib/lucide-icon.provider';
export * from './icons/lucide-icons'; export * from './icons/lucide-icons';
export * from './aliases';
export { icons }; export { icons };

View File

@@ -32,6 +32,8 @@ export default function generateAliasesFile({
iconAliases.forEach((alias) => { iconAliases.forEach((alias) => {
const componentNameAlias = toPascalCase(alias); const componentNameAlias = toPascalCase(alias);
importString += getImportString(componentNameAlias, iconName, aliasImportFileExtension); importString += getImportString(componentNameAlias, iconName, aliasImportFileExtension);
importString += getImportString(`${componentNameAlias}Icon`, iconName, aliasImportFileExtension);
importString += getImportString(`Lucide${componentNameAlias}`, iconName, aliasImportFileExtension);
}); });
} }