github-desktop/script/generate-octicons.ts

82 lines
1.9 KiB
TypeScript
Raw Normal View History

2016-06-14 18:22:47 +00:00
/* generate-octicons
*
* Utility script for generating a strongly typed representation of all
* octicons currently in the master branch of primer/octicons. Automatically
* downloads the latest version of the `sprite.octicons.svg` file.
*/
'use strict'
import fs = require('fs')
import process = require('process')
import xml2js = require('xml2js')
import path = require('path')
import toCamelCase = require('to-camel-case')
const filePath = path.resolve(
__dirname,
'..',
'node_modules',
'octicons',
'build',
'sprite.octicons.svg'
)
const file = fs.readFileSync(filePath)
interface XML2JSResult {
svg: { symbol: ReadonlyArray<XML2JSNode> }
}
interface XML2JSNode {
$: { [key: string]: string }
path: ReadonlyArray<XML2JSNode>
}
xml2js.parseString(file, function(err, result: XML2JSResult) {
const viewBoxRe = /0 0 (\d+) (\d+)/
const out = fs.createWriteStream(
path.resolve(__dirname, '../app/src/ui/octicons/octicons.generated.ts')
)
2016-06-15 17:47:16 +00:00
out.write('/*\n')
out.write(
' * This file is automatically generated by the generate-octicons tool.\n'
)
out.write(' * Manually changing this file will only lead to sadness.\n')
out.write(' */\n\n')
out.write('export class OcticonSymbol {\n')
2016-06-13 18:40:13 +00:00
out.write(
'\n public constructor(public w: number, public h: number, public d: string) { }\n\n'
)
let count = 0
result.svg.symbol.forEach(function(symbol) {
count++
const id = symbol.$.id
const viewBox = symbol.$.viewBox
const pathData = symbol.path[0].$.d
const viewBoxMatch = viewBoxRe.exec(viewBox)
if (!viewBoxMatch) {
console.error(`Unexpected viewBox format for ${id}`)
process.exit(1)
}
const [, w, h] = viewBoxMatch
const jsFriendlyName = toCamelCase(id)
out.write(
` public static get ${jsFriendlyName}() { return new OcticonSymbol(${w}, ${h}, '${pathData}') }\n`
)
})
out.write('}\n')
out.end()
console.log(`Wrote ${count} octicons`)
})