@nubisco/ui 1.7.0 → 1.7.2

package/dist/plugins/flags.js

@@ -0,0 +1,40 @@
+import fs from 'fs';
+import { resolve as resolver } from 'path';
+import str2kebab from '../utils/str2kebab.helper';
+import kebab2camel from '../utils/kebab2camel.helper';
+// Inline type helper to avoid esbuild resolution issues during config loading
+const VitePlugin = (p) => p;
+const virtualModuleId = 'virtual:flags';
+const resolvedVirtualModuleId = '\0' + virtualModuleId;
+export const flags = (basePath) => VitePlugin({
+    name: 'flags',
+    resolveId(id) {
+        if (id === virtualModuleId) {
+            return resolvedVirtualModuleId;
+        }
+    },
+    load(id) {
+        if (id !== resolvedVirtualModuleId)
+            return;
+        const result = [`import { defineAsyncComponent } from 'vue'\n`];
+        const names = [];
+        const flagsDir = resolver(basePath, 'src/assets/flags');
+        if (!fs.existsSync(flagsDir)) {
+            return `export default {}`;
+        }
+        fs.readdirSync(flagsDir)
+            .filter((file) => file !== 'index.js')
+            .filter((file) => file.toLowerCase().endsWith('.svg'))
+            .map((file) => {
+            const [fileName] = file.split('.');
+            return fileName;
+        })
+            .forEach((file) => {
+            const varName = kebab2camel(str2kebab(`f-${file}`));
+            result.push(`const ${varName} = defineAsyncComponent(() => import('@/assets/flags/${file}.svg'))`);
+            names.push(varName);
+        });
+        result.push(`\nexport default {\n${names.join(',\n')}\n}`);
+        return result.join('\n');
+    },
+});

package/dist/plugins/fonts.js

@@ -0,0 +1,16 @@
+import Unfonts from 'unplugin-fonts/vite';
+export const fonts = () => Unfonts({
+    google: {
+        injectTo: 'head-prepend',
+        families: [
+            {
+                name: 'Plus+Jakarta+Sans',
+                styles: 'ital,wght@0,200..800;1,200..800',
+            },
+            {
+                name: 'Fira+Code',
+                styles: 'wght@300..700',
+            },
+        ],
+    },
+});

package/dist/plugins/globalTypes.js

@@ -0,0 +1,59 @@
+import fs from 'fs';
+import path from 'path';
+/**
+ * Vite plugin that auto-generates src/global.d.ts by scanning src/components/*.vue.
+ * Runs at build start and in watch mode so the file is always up to date.
+ */
+export function globalTypes(basePath) {
+    function generate() {
+        const componentsDir = path.resolve(basePath, 'src/components');
+        const outFile = path.resolve(basePath, 'src/global.d.ts');
+        const files = fs
+            .readdirSync(componentsDir)
+            .filter((f) => f.endsWith('.vue'))
+            .sort();
+        const imports = files
+            .map((f) => {
+            const name = f.replace('.vue', '');
+            return `import ${name} from './components/${f}'`;
+        })
+            .join('\n');
+        const entries = files
+            .map((f) => {
+            const name = f.replace('.vue', '');
+            return `    Nb${name}: typeof ${name}`;
+        })
+            .join('\n');
+        const content = `// AUTO-GENERATED: do not edit by hand
+// Re-run the build to update this file when components change
+${imports}
+
+declare module 'vue' {
+  interface IGlobalComponents {
+${entries}
+  }
+}
+
+export {}
+`;
+        fs.writeFileSync(outFile, content, 'utf8');
+        console.log(`[globalTypes] wrote src/global.d.ts (${files.length} components)`);
+    }
+    return {
+        name: 'global-types',
+        buildStart() {
+            generate();
+        },
+        configureServer(server) {
+            // Regenerate on component add/remove in dev mode
+            server.watcher.on('add', (f) => {
+                if (f.includes('/components/') && f.endsWith('.vue'))
+                    generate();
+            });
+            server.watcher.on('unlink', (f) => {
+                if (f.includes('/components/') && f.endsWith('.vue'))
+                    generate();
+            });
+        },
+    };
+}

package/dist/plugins/icons.js

@@ -0,0 +1,56 @@
+import path from 'path';
+import { createRequire } from 'module';
+// Inline type helper to avoid esbuild resolution issues during config loading
+const VitePlugin = (p) => p;
+const virtualModuleId = 'virtual:icons';
+const resolvedVirtualModuleId = '\0' + virtualModuleId;
+const WEIGHTS = ['bold', 'duotone', 'fill', 'light', 'regular', 'thin'];
+export const icons = () => VitePlugin({
+    name: 'icons',
+    resolveId(id) {
+        if (id === virtualModuleId) {
+            return resolvedVirtualModuleId;
+        }
+    },
+    load(id) {
+        if (id === resolvedVirtualModuleId) {
+            const _require = createRequire(import.meta.url);
+            const { icons: phosphorIcons } = _require('@phosphor-icons/core');
+            const phosphorAssetsPath = path.resolve(process.cwd(), 'node_modules/@phosphor-icons/core/assets');
+            const lines = ['import { defineAsyncComponent } from "vue"'];
+            const iconVariables = {};
+            const catalogEntries = [];
+            phosphorIcons.forEach((icon) => {
+                const iconKey = `i${icon.pascal_name}`;
+                iconVariables[iconKey] = {};
+                WEIGHTS.forEach((weight) => {
+                    const varName = `${iconKey}_${weight}`;
+                    const filename = weight === 'regular'
+                        ? `${icon.name}.svg`
+                        : `${icon.name}-${weight}.svg`;
+                    const filePath = path.resolve(phosphorAssetsPath, weight, filename);
+                    lines.push(`const ${varName} = defineAsyncComponent(() => import("${filePath}"))`);
+                    iconVariables[iconKey][weight] = varName;
+                });
+                // Strip meta-tags (wrapped in asterisks like *new*, *updated*)
+                const tags = icon.tags.filter((t) => !t.startsWith('*'));
+                catalogEntries.push(`  "${iconKey}": { name: ${JSON.stringify(icon.name)}, tags: ${JSON.stringify(tags)}, categories: ${JSON.stringify([...icon.categories])} }`);
+            });
+            // Named export: static metadata for each icon (name, tags, categories)
+            lines.push(`\nexport const catalog = {`);
+            lines.push(catalogEntries.join(',\n'));
+            lines.push(`}`);
+            // Default export: component map
+            const componentEntries = Object.entries(iconVariables).map(([iconKey, weights]) => {
+                const weightLines = Object.entries(weights)
+                    .map(([weight, varName]) => `    "${weight}": ${varName}`)
+                    .join(',\n');
+                return `  "${iconKey}": {\n${weightLines}\n  }`;
+            });
+            lines.push(`\nexport default {`);
+            lines.push(componentEntries.join(',\n'));
+            lines.push(`}`);
+            return lines.join('\n');
+        }
+    },
+});

package/dist/utils/kebab2camel.helper.js

@@ -0,0 +1,9 @@
+/**
+ * Converts kebab-case tokens to lower camelCase.
+ */
+export function kebab2camel(str) {
+    return str.toLowerCase().replace(/-([a-z0-9])/g, (g) => {
+        return g[1].toUpperCase();
+    });
+}
+export default kebab2camel;

package/dist/utils/str2kebab.helper.js

@@ -0,0 +1,13 @@
+/**
+ * Normalizes an identifier-like string into kebab-case.
+ * Handles camelCase, PascalCase, snake_case, and whitespace-delimited input.
+ */
+export function str2kebab(source) {
+    return source
+        .replace(/(?<=[A-Z0-9])([A-Z])(?=[a-z])/g, ' $1')
+        .replace(/_/g, ' ')
+        .replace(/([a-z])([A-Z])/g, '$1-$2')
+        .replace(/\s+/g, '-')
+        .toLowerCase();
+}
+export default str2kebab;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nubisco/ui",
-  "version": "1.7.0",
+  "version": "1.7.2",
   "description": "Vue 3 UI component library",
   "repository": {
     "type": "git",
@@ -41,7 +41,7 @@
     "./dist/ui.css": "./dist/ui.css",
     "./plugins/*": {
       "types": "./dist/plugins/*.d.ts",
-      "import": "./src/plugins/*"
+      "import": "./dist/plugins/*.js"
     },
     "./components/*": {
       "types": "./dist/components/*.d.ts",
@@ -76,9 +76,10 @@
   "scripts": {
     "clean": "rm -rf dist",
     "prebuild": "pnpm run clean",
-    "build": "pnpm run build:lib && pnpm run build:types",
+    "build": "pnpm run build:lib && pnpm run build:types && pnpm run build:plugins",
     "build:lib": "vite build",
     "build:types": "vue-tsc --noEmit false --declaration --emitDeclarationOnly --outDir dist",
+    "build:plugins": "tsc --project tsconfig.plugins.json",
     "dev": "vite build --watch",
     "prepublishOnly": "pnpm run build",
     "test": "vitest run",

package/src/plugins/flags.ts

@@ -1,8 +1,8 @@
 import fs from 'fs'
 import { resolve as resolver } from 'path'
 import type { Plugin } from 'vite'
-import str2kebab from '../utils/str2kebab.helper.ts'
-import kebab2camel from '../utils/kebab2camel.helper.ts'
+import str2kebab from '../utils/str2kebab.helper'
+import kebab2camel from '../utils/kebab2camel.helper'
 
 // Inline type helper to avoid esbuild resolution issues during config loading
 const VitePlugin = <T extends Plugin>(p: T): Plugin & T => p