60 lines
1.9 KiB
JavaScript
60 lines
1.9 KiB
JavaScript
|
#!/usr/bin/env node
|
||
|
|
const path = require('path')
|
||
|
|
const fs = require('fs-extra')
|
||
|
|
const octicons = require('../../octicons_react')
|
||
|
|
|
||
|
|
const GENERATED_HEADER = '/* THIS FILE IS GENERATED. DO NOT EDIT IT. */'
|
||
|
|
|
||
|
|
const generatedDir = path.join(__dirname, '../src/__generated__')
|
||
|
|
const iconsDir = path.join(generatedDir, 'icons')
|
||
|
|
|
||
|
|
fs.ensureDirSync(iconsDir)
|
||
|
|
|
||
|
|
const icons = Object.keys(octicons).filter(name => name !== 'default')
|
||
|
|
|
||
|
|
const initialTypeDefinitions = `${GENERATED_HEADER}
|
||
|
|
import * as React from 'react'
|
||
|
|
import * as StyledSystem from 'styled-system'
|
||
|
|
import {SystemStyleObject} from '@styled-system/css'
|
||
|
|
|
||
|
|
type Size = 'small' | 'medium' | 'large'
|
||
|
|
|
||
|
|
export interface IconProps extends StyledSystem.ColorProps, StyledSystem.SpaceProps {
|
||
|
|
'aria-label'?: string
|
||
|
|
className?: string
|
||
|
|
size?: number | Size
|
||
|
|
verticalAlign?: 'middle' | 'text-bottom' | 'text-top' | 'top' | 'unset'
|
||
|
|
sx?: SystemStyleObject
|
||
|
|
}
|
||
|
|
|
||
|
|
export type Icon = React.FC<IconProps>
|
||
|
|
`
|
||
|
|
|
||
|
|
fs.writeFileSync(path.join(generatedDir, 'index.js'), '', 'utf-8')
|
||
|
|
fs.writeFileSync(path.join(generatedDir, 'index.d.ts'), initialTypeDefinitions, 'utf-8')
|
||
|
|
|
||
|
|
for (const name of icons) {
|
||
|
|
const location = path.join(iconsDir, `${name}.js`)
|
||
|
|
|
||
|
|
const code = `${GENERATED_HEADER}
|
||
|
|
import styled from 'styled-components'
|
||
|
|
import * as styledSystem from 'styled-system'
|
||
|
|
import {${name}} from '../../../../octicons_react/dist/index.esm'
|
||
|
|
import {COMMON, sx} from '../../utils'
|
||
|
|
|
||
|
|
const Styled${name} = styled(${name})(COMMON, sx)
|
||
|
|
|
||
|
|
export default Styled${name}
|
||
|
|
`
|
||
|
|
|
||
|
|
fs.writeFileSync(location, code, 'utf-8')
|
||
|
|
|
||
|
|
console.log('Successfully built', name)
|
||
|
|
|
||
|
|
const exportString = `export { default as ${name} } from './icons/${name}';\r\n`
|
||
|
|
fs.appendFileSync(path.join(generatedDir, 'index.js'), exportString, 'utf-8')
|
||
|
|
|
||
|
|
const exportTypeString = `export const ${name}: Icon;\n`
|
||
|
|
fs.appendFileSync(path.join(generatedDir, 'index.d.ts'), exportTypeString, 'utf-8')
|
||
|
|
}
|