mirror of
https://github.com/coreui/coreui-icons.git
synced 2025-08-27 10:14:38 +02:00
refactor: remove build scripts
This commit is contained in:
mrholek
@@ -1,58 +0,0 @@
|
||||
const fs = require('fs')
|
||||
const mkdirp = require('mkdirp')
|
||||
const path = require('path')
|
||||
const rimraf = require('rimraf')
|
||||
const walkSync = require('./walk-sync.js')
|
||||
|
||||
const dataDir = path.join(__dirname, '../data')
|
||||
const examplesDir = path.join(__dirname, '../examples')
|
||||
|
||||
const prefixes = {
|
||||
brand: 'cib-',
|
||||
duotone: 'cid-',
|
||||
flag: 'cif-',
|
||||
free: 'cil-',
|
||||
linear: 'cil-',
|
||||
solid: 'cis-'
|
||||
}
|
||||
|
||||
const unique = (array, key) => array.map(e => e[key]).map((e, i, final) => final.indexOf(e) === i && i).filter(e => array[e]).map(e => array[e])
|
||||
|
||||
const main = () => {
|
||||
rimraf.sync(examplesDir)
|
||||
mkdirp(examplesDir).then(() => {
|
||||
|
||||
const files = walkSync(dataDir).filter(element => path.extname(element) === '.json')
|
||||
files.forEach(file => {
|
||||
const rawdata = fs.readFileSync(file)
|
||||
const icons = JSON.parse(rawdata).icons.sort((a,b) => (a.name > b.name) ? 1 : ((b.name > a.name) ? -1 : 0))
|
||||
|
||||
const type = path.basename(file).replace('.json', '')
|
||||
const prefix = prefixes[type.toLowerCase()]
|
||||
|
||||
let html = `<!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n`
|
||||
html += ` <title>CoreUI Icons - ${type}</title>\n`
|
||||
html += ` <link rel="stylesheet" type="text/css" href="https://unpkg.com/@coreui/coreui@3.0.0/dist/css/coreui.min.css">\n`
|
||||
html += ` <link rel="stylesheet" type="text/css" href="../css/${type.toLowerCase()}.min.css">\n`
|
||||
html += `</head>\n<body>\n`
|
||||
|
||||
html += ` <div class="row">\n`
|
||||
unique(icons, 'name').forEach(icon => {
|
||||
const name = icon.name
|
||||
html += ` <div class="col-1 py-4 text-center"><i class="c-icon c-icon-2xl ${prefix}${name.toLowerCase()}"></i></div>\n`
|
||||
})
|
||||
html += ` </div>\n<hr>\n`
|
||||
html += ` <div class="row">\n`
|
||||
unique(icons, 'name').forEach(icon => {
|
||||
const name = icon.name
|
||||
html += ` <div class="col-1 py-4 text-center"><svg class="c-icon c-icon-2xl"><use xlink:href="../sprites/${type.toLowerCase()}.svg#${prefix}${name.toLowerCase()}"></use></svg></div>\n`
|
||||
})
|
||||
html += ` </div>\n`
|
||||
html += `</body>\n</html>`
|
||||
|
||||
fs.writeFileSync(path.join(examplesDir, path.basename(file).replace('.json', '.html')), html)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
main()
|
||||
@@ -1,84 +0,0 @@
|
||||
const fs = require('fs')
|
||||
const mkdirp = require('mkdirp');
|
||||
const path = require('path')
|
||||
const webfont = require('webfont').default
|
||||
|
||||
const argv = require('minimist')(process.argv.slice(2), {
|
||||
string: ['src', 'name', 'prefix']
|
||||
})
|
||||
|
||||
const dataDir = path.join(__dirname, '../data')
|
||||
const fontDir = path.join(__dirname, '../fonts')
|
||||
const svgDir = path.join(__dirname, '../svg', argv.src.toLowerCase())
|
||||
|
||||
webfont({
|
||||
files: `${svgDir}/**/*.svg`,
|
||||
fontName: argv.name,
|
||||
fontHeight: 5000,
|
||||
startUnicode: 'ec0f',
|
||||
verbose: true,
|
||||
}).then(result => {
|
||||
|
||||
mkdirp(fontDir).then(() => {
|
||||
|
||||
fs.writeFile(`${path.join(fontDir, argv.name)}.eot`, result.eot, (err) => {
|
||||
if (err) throw err
|
||||
console.log(`The ${path.join(fontDir, argv.name)}.eot file has been saved!`)
|
||||
})
|
||||
|
||||
fs.writeFile(`${path.join(fontDir, argv.name)}.svg`, result.svg, (err) => {
|
||||
if (err) throw err
|
||||
console.log(`The ${path.join(fontDir, argv.name)}.eot file has been saved!`)
|
||||
})
|
||||
|
||||
fs.writeFile(`${path.join(fontDir, argv.name)}.ttf`, result.ttf, (err) => {
|
||||
if (err) throw err
|
||||
console.log(`The ${path.join(fontDir, argv.name)}.eot file has been saved!`)
|
||||
})
|
||||
|
||||
fs.writeFile(`${path.join(fontDir, argv.name)}.woff`, result.woff, (err) => {
|
||||
if (err) throw err
|
||||
console.log(`The ${path.join(fontDir, argv.name)}.eot file has been saved!`)
|
||||
})
|
||||
|
||||
fs.writeFile(`${path.join(fontDir, argv.name)}.woff2`, result.woff2, (err) => {
|
||||
if (err) throw err
|
||||
console.log(`The ${path.join(fontDir, argv.name)}.eot file has been saved!`)
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
const iconsList = []
|
||||
|
||||
result.glyphsData.forEach(element => {
|
||||
const name = element.metadata.name
|
||||
const unicode = element.metadata.unicode
|
||||
|
||||
iconsList.push({
|
||||
name: name.replace(`${argv.prefix}-`,''),
|
||||
unicode: `\\${unicode[0].codePointAt(0).toString(16)}`
|
||||
})
|
||||
})
|
||||
|
||||
// Add unicodes to icons lists
|
||||
fs.readFile(`${dataDir}/${argv.name.replace('CoreUI-Icons-', '')}.json`, 'utf8', function readFileCallback(err, data){
|
||||
if (err) throw err
|
||||
obj = JSON.parse(data)
|
||||
|
||||
const mergeByName = (a1, a2) => a1.map(itm => ({
|
||||
...a2.find((item) => (item.name === itm.name) && item),
|
||||
...itm
|
||||
}))
|
||||
|
||||
json = JSON.stringify(mergeByName(obj, iconsList), null, 2)
|
||||
|
||||
fs.writeFileSync(`${dataDir}/${argv.name.replace('CoreUI-Icons-', '')}.json`, json)
|
||||
})
|
||||
})
|
||||
.catch(error => {
|
||||
throw error
|
||||
})
|
||||
|
||||
|
||||
// formats: [ 'svg', 'ttf', 'eot', 'woff', 'woff2' ]
|
||||
// Bufer ttf, eot, woff
|
||||
@@ -1,123 +0,0 @@
|
||||
const fs = require('fs')
|
||||
const mkdirp = require('mkdirp')
|
||||
const path = require('path')
|
||||
const { extname } = path
|
||||
|
||||
const dirnames = process.mainModule.filename.includes('pro') ?
|
||||
['solid', 'linear', 'duotone', 'brand', 'flag']
|
||||
: ['free', 'brand', 'flag']
|
||||
|
||||
let allNames = {}
|
||||
dirnames.forEach(setName => {
|
||||
mkdirp(`js/${setName}/`).then(() => {
|
||||
const dirname = `svg/${setName}/`
|
||||
let contents = {}
|
||||
let names = []
|
||||
fs.readdirSync(dirname).forEach(filename => {
|
||||
console.log(filename)
|
||||
if (extname(filename) === '.svg') {
|
||||
const content = fs.readFileSync(dirname + filename, {encoding:'utf8'})
|
||||
const variableName = toCamel(filename.replace('.svg', ''))
|
||||
const jsFilename = filename.replace('.svg', '.js')
|
||||
const tsFilename = filename.replace('.svg', '.d.ts')
|
||||
const viewBox = getAttributeValue(content, 'viewBox').split(' ')
|
||||
const dimensions = `${viewBox[2]} ${viewBox[3]}`
|
||||
|
||||
let iconData = []
|
||||
if (dimensions !== '64 64') {
|
||||
iconData.push(dimensions)
|
||||
}
|
||||
const computedContent =
|
||||
content
|
||||
.replace(/(<svg([^>]+)>)|(<\/svg>)/ig, '')
|
||||
.replace(/\n\s\s+/g, '')
|
||||
.replace(/\n/g, '')
|
||||
.replace(/"/g, '\'')
|
||||
iconData.push(computedContent)
|
||||
|
||||
contents[variableName] = iconData
|
||||
|
||||
importName = validate(variableName)
|
||||
|
||||
names.push({
|
||||
jsFilename,
|
||||
variableName,
|
||||
importName
|
||||
})
|
||||
|
||||
// Create single icon
|
||||
fs.writeFileSync(
|
||||
`js/${setName}/${jsFilename}`,
|
||||
`export const ${importName} = ` + JSON.stringify(iconData)
|
||||
)
|
||||
|
||||
// Create typings for single icon
|
||||
fs.writeFileSync(
|
||||
`js/${setName}/${tsFilename}`,
|
||||
`export declare const ${importName}: any[];`
|
||||
)
|
||||
}
|
||||
})
|
||||
|
||||
fs.writeFileSync(`js/${setName}/${setName}-set.js`, `export const ${setName}Set = ` + JSON.stringify(contents))
|
||||
fs.writeFileSync(`js/${setName}/${setName}-set.d.ts`, typings(names, setName, false))
|
||||
fs.writeFileSync(`js/${setName}/index.js`, getImports(names, setName))
|
||||
fs.writeFileSync(`js/${setName}/index.d.ts`, typings(names, setName))
|
||||
|
||||
allNames[setName] = names
|
||||
})
|
||||
})
|
||||
|
||||
let imports = ''
|
||||
Object.keys(allNames).forEach(set => {
|
||||
imports += getImports(allNames[set], set, true)
|
||||
imports += '\n\n\n'
|
||||
})
|
||||
fs.writeFileSync(`index.js`, imports)
|
||||
|
||||
const getAttributeValue = (string, attribute) => {
|
||||
const regex = new RegExp(`${attribute}="([^"]+)"`, 'g')
|
||||
return string.match(regex, '')[0]
|
||||
.match(/"(.*?)"/ig, '')[0]
|
||||
.replace(/"/g, '')
|
||||
}
|
||||
|
||||
const toCamel = (str) => {
|
||||
return str.replace(/([-_][a-z0-9])/ig, ($1) => {
|
||||
return $1.toUpperCase().replace('-', '')
|
||||
})
|
||||
}
|
||||
|
||||
const validate = (str) => {
|
||||
if (!isNaN(str.charAt(0))) {
|
||||
return 'n' + str
|
||||
} else {
|
||||
return str
|
||||
}
|
||||
}
|
||||
|
||||
const getImports = (names, setName, deep = false) => {
|
||||
const folder = deep ? `/js/${setName}/` : '/'
|
||||
const defaultImport = `import { ${setName}Set } from '.${folder}${setName}-set.js' \n`
|
||||
const defaultExport = `export { ${setName}Set } \n\n`
|
||||
const importString = names.map(name => {
|
||||
return `import { ${name.importName} } from '.${folder}${name.jsFilename}'`
|
||||
}).join('\n')
|
||||
const exportString = names.map(name => {
|
||||
return `export { ${name.importName} }`
|
||||
}).join('\n')
|
||||
return defaultImport + defaultExport + importString + '\n' + exportString
|
||||
}
|
||||
|
||||
const typings = (names, setName, all = true) => {
|
||||
const icons = names.map(name => {
|
||||
return ` "${name.importName}": any[];`
|
||||
}).join('\n')
|
||||
const set = `export declare const ${setName}Set: {\n${icons}\n}`
|
||||
|
||||
const exportString = names.map(name => {
|
||||
return `export declare const ${name.importName}: any[];`
|
||||
}).join('\n')
|
||||
|
||||
return all ? set + '\n' + exportString : set
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
const sharp = require('sharp')
|
||||
const fs = require('fs')
|
||||
const mkdirp = require('mkdirp');
|
||||
const dirnames = process.mainModule.filename.includes('pro') ?
|
||||
['solid', 'linear', 'duotone', 'brand', 'flag']
|
||||
: ['free', 'brand', 'flag']
|
||||
const dest = 'png/'
|
||||
let sizes
|
||||
|
||||
const argv = require('minimist')(process.argv.slice(2), {
|
||||
array: ['sizes']
|
||||
})
|
||||
|
||||
argv.sizes ? sizes = argv.sizes : sizes = [16, 32, 64]
|
||||
|
||||
dirnames.forEach(setName => {
|
||||
const dirname = `svg/${setName}/`
|
||||
const svgs = fs.readdirSync(dirname)
|
||||
|
||||
sizes.forEach(size => {
|
||||
mkdirp(`${dest}${setName}/${size}x${size}/`).then(() => {
|
||||
svgs.forEach((svg) => {
|
||||
const file = dirname + svg
|
||||
sharp(file, { density: 72 * size / 16 })
|
||||
.png()
|
||||
.resize(size, size, {fit: 'inside'})
|
||||
.toFile(`${dest}${setName}/${size}x${size}/${svg.replace('svg', 'png')}`)
|
||||
.then(function(info) {
|
||||
console.log(info)
|
||||
})
|
||||
.catch(function(err) {
|
||||
console.log(err)
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
@@ -1,54 +0,0 @@
|
||||
const fs = require('fs')
|
||||
const mkdirp = require('mkdirp');
|
||||
const path = require('path')
|
||||
const dirnames = process.mainModule.filename.includes('pro') ?
|
||||
['solid', 'linear', 'duotone', 'brand', 'flag']
|
||||
: ['free', 'brand', 'flag']
|
||||
|
||||
const prefixes = {
|
||||
brand: 'cib-',
|
||||
duotone: 'cid-',
|
||||
flag: 'cif-',
|
||||
free: 'cil-',
|
||||
linear: 'cil-',
|
||||
solid: 'cis-'
|
||||
}
|
||||
|
||||
const getAttributeValue = (string, attribute) => {
|
||||
const regex = new RegExp(`${attribute}="([^"]+)"`, 'g')
|
||||
return string.match(regex, '')[0]
|
||||
.match(/"(.*?)"/ig, '')[0]
|
||||
.replace(/"/g, '')
|
||||
}
|
||||
|
||||
mkdirp('sprites/').then(() => {
|
||||
dirnames.forEach(setName => {
|
||||
const dirname = `svg/${setName}/`
|
||||
const svgs = fs.readdirSync(dirname).filter(element => path.extname(element) === '.svg')
|
||||
let symbols = []
|
||||
svgs.forEach((svg, idx, svgs) => {
|
||||
let symbol = {}
|
||||
const file = dirname + svg
|
||||
const content = fs.readFileSync(file, 'utf8')
|
||||
const viewBox = getAttributeValue(content, 'viewBox')
|
||||
const computedContent =
|
||||
content
|
||||
.replace(/(<svg([^>]+)>)|(<\/svg>)/ig, '')
|
||||
.replace(/\n\s\s+/g, '')
|
||||
.replace(/\n/g, '')
|
||||
.replace(/"/g, '\'')
|
||||
.replace('<!-- Generated by IcoMoon.io -->', '')
|
||||
symbol = `<symbol id="${svg.replace('.svg', '').toLowerCase()}" viewBox="${viewBox}">\n ${computedContent}\n</symbol>`
|
||||
idx === svgs.length - 1 ? symbols.push(symbol) : symbols.push(`${symbol}\n`)
|
||||
})
|
||||
fs.writeFile(
|
||||
`sprites/${setName}.svg`,
|
||||
`<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
${symbols.join('')}
|
||||
</defs>
|
||||
</svg>`,
|
||||
() => ''
|
||||
)
|
||||
})
|
||||
})
|
||||
@@ -1,46 +0,0 @@
|
||||
const fs = require('fs')
|
||||
const path = require('path')
|
||||
|
||||
const argv = require('minimist')(process.argv.slice(2), {
|
||||
string: ['type', 'prefix'],
|
||||
boolean: ['font']
|
||||
})
|
||||
|
||||
const dataDir = path.join(__dirname, '../data')
|
||||
const scssDir = path.join(__dirname, '../scss', argv.type.toLowerCase())
|
||||
|
||||
const json = path.join(dataDir, `${argv.type}.json`)
|
||||
|
||||
const unique = (array, key) => array.map(e => e[key]).map((e, i, final) => final.indexOf(e) === i && i).filter(e => array[e]).map(e => array[e])
|
||||
|
||||
const main = () => {
|
||||
const rawdata = fs.readFileSync(json)
|
||||
const icons = JSON.parse(rawdata).sort((a,b) => (a.name > b.name) ? 1 : ((b.name > a.name) ? -1 : 0))
|
||||
let content = `$coreui-icons-prefix: "${argv.prefix}-" !default;\n`
|
||||
|
||||
if (argv.font) {
|
||||
content += `$coreui-icons-font-path: "../fonts" !default;\n`
|
||||
}
|
||||
|
||||
content += `\n$icons: (\n`
|
||||
|
||||
unique(icons, 'name').forEach(icon => {
|
||||
const name = icon.name
|
||||
const unicode = icon.unicode
|
||||
|
||||
if (unicode) {
|
||||
content += ` "${name}": ${unicode},\n`
|
||||
} else {
|
||||
content += ` "${name}",\n`
|
||||
}
|
||||
})
|
||||
|
||||
content += ') !default;'
|
||||
|
||||
fs.writeFile(path.join(scssDir, '_variables.scss'), content, (err) => {
|
||||
if (err) throw err
|
||||
console.log('The _variables.scss file has been saved!')
|
||||
})
|
||||
}
|
||||
|
||||
main()
|
||||
@@ -1,42 +0,0 @@
|
||||
const fs = require('fs')
|
||||
const mkdirp = require('mkdirp')
|
||||
const path = require('path')
|
||||
const rimraf = require('rimraf')
|
||||
const { basename } = path
|
||||
const walkSync = require('./walk-sync.js')
|
||||
|
||||
const argv = require('minimist')(process.argv.slice(2), {
|
||||
string: ['src', 'prefix']
|
||||
})
|
||||
|
||||
const rawDir = path.join(__dirname, '../raw', argv.src)
|
||||
const svgDir = path.join(__dirname, '../svg', argv.src.toLowerCase())
|
||||
|
||||
const main = () => {
|
||||
rimraf.sync(svgDir)
|
||||
mkdirp(svgDir, (err) => {
|
||||
if (err) {
|
||||
return
|
||||
}
|
||||
|
||||
const files = walkSync(rawDir).filter(element => path.extname(element) === '.svg')
|
||||
files.forEach(file => {
|
||||
if (basename(file).indexOf('#') !== -1) {
|
||||
const arrayOfFiles = basename(file).replace('.svg', '').split('#')
|
||||
arrayOfFiles.forEach(singleFile => {
|
||||
fs.copyFile(file, path.join(svgDir, `${argv.prefix}-${singleFile}.svg`), (err) => {
|
||||
if (err) throw err
|
||||
console.log(`${basename(file)} was copied ${svgDir}`)
|
||||
})
|
||||
})
|
||||
} else {
|
||||
fs.copyFile(file, path.join(svgDir, `${argv.prefix}-${basename(file)}`), (err) => {
|
||||
if (err) throw err
|
||||
console.log(`${basename(file)} was copied ${svgDir}`)
|
||||
})
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
main()
|
||||
@@ -1,14 +0,0 @@
|
||||
'use strict'
|
||||
|
||||
const fs = require('fs')
|
||||
const path = require('path')
|
||||
|
||||
// Get list of all files in directory
|
||||
const walkSync = (dir, filelist = []) => {
|
||||
fs.readdirSync(dir).forEach(file => {
|
||||
filelist = fs.statSync(path.join(dir, file)).isDirectory() ? walkSync(path.join(dir, file), filelist) : filelist.concat(path.join(dir, file))
|
||||
})
|
||||
return filelist
|
||||
}
|
||||
|
||||
module.exports = walkSync
|
||||
Reference in New Issue
Block a user