@brickflow/ui 0.0.45 → 0.0.47

package/dist/module.json

@@ -4,7 +4,7 @@
   },
   "configKey": "brickflowUi",
   "name": "@brickflow/ui",
-  "version": "0.0.45",
+  "version": "0.0.47",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,10 +1,63 @@
 import { defineNuxtModule, createResolver, resolvePath, addTypeTemplate, addTemplate, updateTemplates, addImportsDir, addComponentsDir } from '@nuxt/kit';
 import tailwindcss from '@tailwindcss/vite';
 import { createJiti } from 'jiti';
-import { readdir, readFile } from 'node:fs/promises';
-import { basename, extname, dirname, resolve, relative, join } from 'node:path';
+import { mkdir, access, readFile, writeFile, readdir } from 'node:fs/promises';
+import { join, parse, basename, extname, dirname, resolve, relative } from 'node:path';
 import { isBrickflowUiStyleReference, getBrickflowUiStyleReferencePath, defineBrickflowUi } from '../dist/runtime/tailwind.js';
-import { getIconFontCssPath as getIconFontCssPath$1, generateIcons } from '@brickflow/cli/icon';
+import { generateFonts, FontAssetType, OtherAssetType } from 'fantasticon';
+
+const getIconFontCssPath$1 = (outputDir, name) => join(outputDir, `${name}.minify.css`);
+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 {
+    }
+  }
+  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()}
+`;
+}
 
 const ICON_FILE_PATTERN = /\.svg$/i;
 const ICON_FONT_NAME = "brickflow-icon";

package/dist/runtime/components/Icon/basic.demo.vue

@@ -51,6 +51,10 @@
     </p>
 
     <div class="flex items-start gap-2">
+      <Icon
+        :name="iconName"
+        class="bg-linear-to-tr from-red-400 to-blue-400 bg-clip-text text-transparent"
+      />
       <div class="bg-gray-700">
         <Icon :name="iconName" />
       </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brickflow/ui",
-  "version": "0.0.45",
+  "version": "0.0.47",
   "type": "module",
   "description": "brickflow UI Nuxt module.",
   "files": [
@@ -33,8 +33,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@brickflow/cli": "workspace:*",
     "@tailwindcss/vite": "4.3.3",
+    "fantasticon": "4.1.0",
     "jiti": "2.7.0",
     "tailwindcss": "4.3.3"
   },