tabler-icons/packages/icons-svelte/build.mjs

76 lines
1.9 KiB
JavaScript

#!/usr/bin/env node
import { buildJsIcons, buildIconsList } from '../../.build/build-icons.mjs'
import { readFileSync, writeFileSync } from 'fs'
import { getAllIcons, toPascalCase } from '../../.build/helpers.mjs'
const updatePackageJson = () => {
let packageJson = JSON.parse(readFileSync('package.json', 'utf-8'))
if (packageJson.exports) {
for (const key in packageJson.exports) {
if (key.match(/^\.\/[^\.]+\.svelte$/)) {
delete packageJson.exports[key]
}
}
}
const allIcons = getAllIcons(false, false)
Object.entries(allIcons).forEach(([type, icons]) => {
icons.forEach((icon, i) => {
const iconName = `${icon.name}${type !== 'outline' ? `-${type}` : ''}`,
iconNamePascal = `${icon.namePascal}${type !== 'outline' ? toPascalCase(type) : ''}`
packageJson.exports[`./${iconNamePascal}.svelte`] = {
types: `./dist/icons/${iconName}.svelte.d.ts`,
svelte: `./dist/icons/${iconName}.svelte`
}
})
})
writeFileSync('package.json', JSON.stringify(packageJson, null, 2))
}
const componentTemplate = ({
type,
name,
children,
stringify
}) => {
return `\
<script lang="ts">
import Icon from '../Icon.svelte';
import type { IconNode, IconProps } from '../types.js';
type $$Props = IconProps;
const iconNode: IconNode = ${JSON.stringify(children)};
</script>
<Icon type="${type}" name="${name}" {...$$props} iconNode={iconNode}>
<slot/>
</Icon>
`;
};
const aliasTemplate = ({ fromPascal, to }) => `export { default as Icon${fromPascal} } from './icons/${to}.svelte';\n`
const indexItemTemplate = ({
name,
namePascal
}) => `export { default as ${namePascal} } from './${name}.svelte';`
buildJsIcons({
name: 'icons-svelte',
componentTemplate,
indexItemTemplate,
aliasTemplate,
extension: 'svelte',
key: false,
indexFile: 'index.ts',
pascalName: false,
})
updatePackageJson()
buildIconsList('icons-svelte')