nue-ui-resolver 0.1.0

package/README.md

@@ -0,0 +1,120 @@
+# @nue-ui/resolver
+
+Resolver for `unplugin-vue-components` to auto-import NueUI Vue 3 components.
+
+## Installation
+
+```bash
+# npm
+npm install @nue-ui/resolver -D
+
+# pnpm
+pnpm add @nue-ui/resolver -D
+```
+
+## Usage
+
+### Vite Configuration
+
+```ts
+// vite.config.ts
+import Components from 'unplugin-vue-components/vite';
+import { NueUiResolver } from '@nue-ui/resolver';
+
+export default defineConfig({
+    plugins: [
+        Components({
+            resolvers: [NueUiResolver()]
+        })
+    ]
+});
+```
+
+### With Additional Options
+
+```ts
+// vite.config.ts
+import Components from 'unplugin-vue-components/vite';
+import { NueUiResolver } from '@nue-ui/resolver';
+
+export default defineConfig({
+    plugins: [
+        Components({
+            resolvers: [
+                NueUiResolver({
+                    // Custom import path (default: '@nue-ui/components')
+                    importPath: '@nue-ui/components'
+                })
+            ]
+        })
+    ]
+});
+```
+
+## Important: Manual CSS Import
+
+This resolver only handles **component auto-import**. You must manually import the component CSS:
+
+```ts
+// main.ts
+import 'nue-ui/dist/index.css';
+```
+
+Or import individual component CSS:
+
+```ts
+// main.ts
+import 'nue-ui/dist/theme/button.css';
+import 'nue-ui/dist/theme/dialog.css';
+```
+
+## Supported Components
+
+- NueAside
+- NueAvatar
+- NueBadge
+    - NueBreadcrumb
+- NueBreadcrumbItem
+- NueButton
+- NueButtonGroup
+- NueCheckbox
+- NueCheckboxGroup
+- NueCollapse
+- NueCollapseItem
+- NueContainer
+- NueContent
+- NueDialog
+- NueDiv
+- NueDivider
+- NueDrawer
+- NueDropdown
+- NueDropdownItem
+- NueEmpty
+- NueFooter
+- NueHeader
+- NueIcon
+- NueInfiniteScroll
+- NueInput
+- NueLink
+- NueMain
+- NueMarquee
+- NueMessageWrapper
+- NuePopupPool
+- NueProgress
+- NueSwitch
+- NueSelect
+- NueSelectOption
+- NueSeparator
+- NueText
+- NueTextarea
+- NueTooltip
+
+## Options
+
+| Option       | Type     | Default              | Description                |
+| ------------ | -------- | -------------------- | -------------------------- |
+| `importPath` | `string` | `@nue-ui/components` | Import path for components |
+
+## TypeScript
+
+This package includes TypeScript declarations.

package/index.ts

@@ -0,0 +1,90 @@
+/**
+ * NueUI Resolver
+ * Resolver for unplugin-vue-components to auto-import NueUI components
+ */
+
+import type { ComponentResolver } from 'unplugin-vue-components';
+
+const COMPONENTS = [
+    'NueAvatar',
+    'NueBadge',
+    'NueBreadcrumb',
+    'NueButton',
+    'NueButtonGroup',
+    'NueCheckbox',
+    'NueCheckboxGroup',
+    'NueCollapse',
+    'NueConfirm',
+    'NueContainer',
+    'NueDialog',
+    'NueDiv',
+    'NueDivider',
+    'NueDrawer',
+    'NueDropdown',
+    'NueEmpty',
+    'NueIcon',
+    'NueInfiniteScroll',
+    'NueInput',
+    'NueLink',
+    'NuePopupPool',
+    'NueProgress',
+    'NuePrompt',
+    'NueSelect',
+    'NueSwitch',
+    'NueText',
+    'NueTooltip',
+    'NueMarquee',
+    'NueMessage'
+] as const;
+
+const COMPONENT_SET = new Set<string>(COMPONENTS);
+
+function pascalToKebab(str: string): string {
+    // Strip 'Nue' prefix if present (NueButton -> button)
+    const nameWithoutPrefix = str.replace(/^Nue/, '');
+    return nameWithoutPrefix.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+}
+
+function normalizeToPascal(name: string): string {
+    // If already PascalCase (starts with uppercase and has no dashes), return as-is
+    if (!name.includes('-') && /^[A-Z]/.test(name)) {
+        return name;
+    }
+    // Convert kebab-case to PascalCase
+    return name
+        .split('-')
+        .map(part => part.charAt(0).toUpperCase() + part.slice(1).toLowerCase())
+        .join('');
+}
+
+export interface NueUiResolverOptions {
+    /** @default '@nue-ui/components' */
+    importPath?: string;
+}
+
+export function resolve(options: NueUiResolverOptions = {}): ComponentResolver {
+    const importPath = options.importPath || '@nue-ui/components';
+
+    return {
+        type: 'component',
+        resolve: (name: string) => {
+            const pascalName = normalizeToPascal(name);
+
+            if (!COMPONENT_SET.has(pascalName)) {
+                return undefined;
+            }
+
+            const kebabName = pascalToKebab(pascalName);
+
+            return {
+                from: `${importPath}/${kebabName}`,
+                name: pascalName
+            };
+        }
+    };
+}
+
+// Alias for easier import: NueUiResolver
+export const NueUiResolver = resolve;
+
+export default resolve;

package/package.json

@@ -0,0 +1,28 @@
+{
+    "name": "nue-ui-resolver",
+    "version": "0.1.0",
+    "description": "NueUI resolver for unplugin-vue-components",
+    "type": "module",
+    "main": "index.ts",
+    "types": "index.ts",
+    "author": "Nathan Lee",
+    "license": "MIT",
+    "exports": {
+        ".": {
+            "types": "./index.ts",
+            "import": "./index.ts",
+            "require": "./index.ts"
+        }
+    },
+    "peerDependencies": {
+        "unplugin-vue-components": "^0.27.0",
+        "vue": "^3.5.0"
+    },
+    "devDependencies": {
+        "unplugin-vue-components": "^0.27.0",
+        "vue": "^3.5.0"
+    },
+    "dependencies": {
+        "@nue-ui/utils": "workspace:*"
+    }
+}

package/tsconfig.json

@@ -0,0 +1,3 @@
+{
+    "extends": "../../../tsconfig.base.json"
+}

package/types.ts

@@ -0,0 +1,16 @@
+/**
+ * NueUI Resolver Types
+ * Type definitions for unplugin-vue-components resolver
+ */
+
+import type { ComponentResolver } from 'unplugin-vue-components';
+
+export interface NueUiResolverOptions {
+    /**
+     * Import path for NueUI components
+     * @default '@nue-ui/components'
+     */
+    importPath?: string;
+}
+
+export type { ComponentResolver };