mohiit1502/lucide
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Build d.ts for use in typescript

Browse Source
This commit is contained in:
SMAH1
2021-03-31 11:52:23 +04:30
parent 53d3a31574
commit ef3da7d14d
1 changed files with 44 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
packages/lucide/scripts/buildTypes.js
View File

@@ -8,16 +8,52 @@ const TYPES_FILE_NAME = 'lucide.d.ts';
// Generates header of d.ts file include some types and functions // Generates header of d.ts file include some types and functions
const typeDefinitions = `\ const typeDefinitions = `\
export type IconName = string; export interface Attributes {
export type IconNode = readonly [tag: string, object:SVGProps<SVGSVGElement>, children:IconNode?]; width?: number;
export type IconsObj = { [IconName]: IconNode } height?: number;
viewBox?: string;
fill?: string;
stroke?: string;
'stroke-width'?: number;
'stroke-linecap'?: string;
'stroke-linejoin'?: string;
}
export interface Attributes extends Partial<Props<Element>> {} export declare type IconNode = readonly [string, object];
export declare type IconData = readonly [tag: string, object: object, children: IconNode[]];
export type Icons = { [key: string]: IconData }
export function createElement(icon: IconNode): SVGSVGElement; export interface CreateIconsOptions {
export function createIcons({ icons: IconsObj, nameAttr: string = 'icon-name', attrs: Attributes = {} }): VoidFunction; /**
* List of icons you want to replace
*
* For example: \`{ Menu, Circle}\`.
*
* For replace all icons in lucide library, import \`icons\` and use it.
*/
icons: Icons;
export declare const icons: IconsObj; /**
* Search HTML emelemt by \`nameAttr\` property.
*
* For example if define \`<i lucide-icon="circle"></i>\`, fill by \`lucide-icon\`.
*
* @default 'icon-name'
*/
nameAttr?: string;
/**
* Change defult attribute for show like color, fill, width , ...
*
* @default undefined
*/
attrs?: Attributes;
}
export function createElement(icon: IconData): SVGSVGElement;
export function createIcons(options: CreateIconsOptions): VoidFunction;
export declare const icons: Icons;
// Generated icons // Generated icons
`; `;
@@ -31,7 +67,7 @@ svgFiles.forEach(svgFile => {
const nameSvg = path.basename(svgFile, '.svg'); const nameSvg = path.basename(svgFile, '.svg');
const namePascal = toPascalCase(nameSvg); const namePascal = toPascalCase(nameSvg);
appendFile(`export declare const ${namePascal}: IconNode;\n`, TYPES_FILE_NAME, TARGET_DIR); appendFile(`export declare const ${namePascal}: IconData;\n`, TYPES_FILE_NAME, TARGET_DIR);
}); });
console.log(`Generated ${TYPES_FILE_NAME} file with`, svgFiles.length, 'icons'); console.log(`Generated ${TYPES_FILE_NAME} file with`, svgFiles.length, 'icons');