@brickflow/cli 0.0.44 → 0.0.45

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @brickflow/cli
 
+## 0.0.45
+
+### Patch Changes
+
+- Fix icon sizes and text flow
+
 ## 0.0.44
 
 ### Patch Changes

package/package.json

@@ -1,9 +1,16 @@
 {
   "name": "@brickflow/cli",
-  "version": "0.0.44",
+  "version": "0.0.45",
   "description": "",
   "type": "module",
   "main": "index.mjs",
+  "exports": {
+    ".": "./index.mjs",
+    "./icon": {
+      "types": "./src/icon/generate.d.ts",
+      "import": "./src/icon/generate.js"
+    }
+  },
   "bin": {
     "brick": "./index.mjs"
   },

package/src/icon/generate.d.ts

@@ -0,0 +1,14 @@
+export interface GeneratedIconFiles {
+  cssPath: string
+  minifiedCssPath: string
+}
+
+export interface GenerateIconsOptions {
+  inputDir: string
+  name: string
+  outputDir: string
+}
+
+export declare const getIconFontCssPath: (outputDir: string, name: string) => string
+
+export declare function generateIcons(options: GenerateIconsOptions): Promise<GeneratedIconFiles>

package/src/icon/generate.js

@@ -0,0 +1,77 @@
+import { FontAssetType, generateFonts, OtherAssetType } from 'fantasticon'
+import { access, mkdir, readFile, writeFile } from 'node:fs/promises'
+import { join, parse } from 'node:path'
+
+export const getIconFontCssPath = (outputDir, name) => join(outputDir, `${name}.minify.css`)
+
+export async function generateIcons({ inputDir, name, outputDir }) {
+  await mkdir(outputDir, { recursive: true })
+  await generateFonts({
+    assetTypes: [OtherAssetType.CSS, OtherAssetType.JSON],
+    fontsUrl: '.',
+    fontTypes: [FontAssetType.EOT, FontAssetType.WOFF2, FontAssetType.WOFF],
+    formatOptions: {
+      json: {
+        indent: 2,
+      },
+    },
+    inputDir,
+    name,
+    normalize: true,
+    outputDir,
+  })
+
+  let cssSourceFile
+
+  for (const file of [`${name}.css`, 'icons.css', 'icon.css']) {
+    try {
+      await access(join(outputDir, file))
+      cssSourceFile = file
+      break
+    } catch {
+      // Try the next filename supported by fantasticon.
+    }
+  }
+
+  if (!cssSourceFile) {
+    throw new Error(`CSS output file was not generated for icon set "${name}"`)
+  }
+
+  const cssPath = join(outputDir, cssSourceFile)
+  const minifiedCssPath = join(outputDir, `${parse(cssSourceFile).name}.minify.css`)
+  const cssContent = await readFile(cssPath, 'utf8')
+  const normalizedCssContent = normalizeGeneratedCss(cssContent)
+
+  if (normalizedCssContent !== cssContent) {
+    await writeFile(cssPath, normalizedCssContent)
+  }
+
+  await writeFile(minifiedCssPath, minifyCss(normalizedCssContent))
+
+  return {
+    cssPath,
+    minifiedCssPath,
+  }
+}
+
+function minifyCss(css) {
+  return css
+    .replace(/\/\*[\s\S]*?\*\//g, '')
+    .replace(/\s+/g, ' ')
+    .replace(/\s*([{}:;,>+~])\s*/g, '$1')
+    .replace(/;\}/g, '}')
+    .trim()
+}
+
+function normalizeGeneratedCss(css) {
+  return `${css
+    .replace(/"/g, "'")
+    .replace(/^ {4}/gm, '  ')
+    .replace(/src: ([^\n]+),\n([^\n]+),\n([^\n]+);/, 'src:\n    $1,\n    $2,\n    $3;')
+    .replace(
+      /i\[class\^='icon-'\]:before, i\[class\*=' icon-'\]:before \{/,
+      "i[class^='icon-']:before,\ni[class*=' icon-']:before {",
+    )
+    .replace(/\n{3,}/g, '\n\n')
+    .trim()}\n`
+}

package/src/icon/index.js

@@ -1,8 +1,9 @@
-import { FontAssetType, generateFonts, OtherAssetType } from 'fantasticon'
 import fs from 'fs'
 import path from 'path'
 import { fileURLToPath } from 'url'
 
+import { generateIcons } from './generate.js'
+
 const currentDir = path.dirname(fileURLToPath(import.meta.url))
 const workspaceRoot = path.resolve(currentDir, '../../../..')
 const args = process.argv.slice(3)
@@ -37,68 +38,16 @@ if (/[\\/]/.test(iconName)) {
   throw new Error(`Icon name must not contain path separators: ${iconName}`)
 }
 
-fs.mkdirSync(outputDir, { recursive: true })
-
-await generateFonts({
-  assetTypes: [OtherAssetType.CSS, OtherAssetType.JSON],
-  fontsUrl: '.',
-  fontTypes: [FontAssetType.EOT, FontAssetType.WOFF2, FontAssetType.WOFF],
-  formatOptions: {
-    json: {
-      indent: 2,
-    },
-  },
+await generateIcons({
   inputDir,
   name: iconName,
-  normalize: true,
   outputDir,
 })
 
-const cssSourceFile = [`${iconName}.css`, 'icons.css', 'icon.css'].find((file) =>
-  fs.existsSync(path.join(outputDir, file)),
-)
-
-if (!cssSourceFile) {
-  throw new Error(`CSS output file was not generated for icon set "${iconName}"`)
-}
-
-const cssPath = path.join(outputDir, cssSourceFile)
-const minifiedCssPath = path.join(outputDir, `${path.parse(cssSourceFile).name}.minify.css`)
-const cssContent = fs.readFileSync(cssPath, 'utf8')
-const normalizedCssContent = normalizeGeneratedCss(cssContent)
-
-if (normalizedCssContent !== cssContent) {
-  fs.writeFileSync(cssPath, normalizedCssContent)
-}
-
-fs.writeFileSync(minifiedCssPath, minifyCss(normalizedCssContent))
-
 console.log(`✅ Icons generated for ${iconName}`)
 console.log(`   input:  ${inputDir}`)
 console.log(`   output: ${outputDir}`)
 
-function minifyCss(css) {
-  return css
-    .replace(/\/\*[\s\S]*?\*\//g, '')
-    .replace(/\s+/g, ' ')
-    .replace(/\s*([{}:;,>+~])\s*/g, '$1')
-    .replace(/;\}/g, '}')
-    .trim()
-}
-
-function normalizeGeneratedCss(css) {
-  return `${css
-    .replace(/"/g, "'")
-    .replace(/^ {4}/gm, '  ')
-    .replace(/src: ([^\n]+),\n([^\n]+),\n([^\n]+);/, 'src:\n    $1,\n    $2,\n    $3;')
-    .replace(
-      /i\[class\^='icon-'\]:before, i\[class\*=' icon-'\]:before \{/,
-      "i[class^='icon-']:before,\ni[class*=' icon-']:before {",
-    )
-    .replace(/\n{3,}/g, '\n\n')
-    .trim()}\n`
-}
-
 function parseArgs(rawArgs) {
   const parsedOptions = {
     name: null,