@veltra/vite 1.0.6

package/dist/index.d.mts

@@ -0,0 +1,23 @@
+import { ComponentResolver } from "unplugin-vue-components/types";
+
+//#region src/resolver.d.ts
+interface VeltraDesktopUIResolverOptions {
+  /**
+   * Whether to import component styles as side effects.
+   * @default true
+   */
+  importStyle?: boolean;
+}
+/**
+ * Resolver for `unplugin-vue-components` that auto-imports `@veltra/desktop`
+ * components and their style side effects.
+ *
+ * Style resolution relies on `@veltra/desktop` package exports conditions:
+ * - **development** (Vite dev): resolves to `src/components/<dir>/style.ts`
+ *   (source SCSS pipeline, full HMR)
+ * - **production** (Vite build): resolves to `dist/components/<dir>/style.js`
+ *   (pre-compiled, CSS already injected)
+ */
+declare function VeltraDesktopUIResolver(options?: VeltraDesktopUIResolverOptions): ComponentResolver;
+//#endregion
+export { VeltraDesktopUIResolver, type VeltraDesktopUIResolverOptions };

package/dist/index.mjs

@@ -0,0 +1,52 @@
+//#region src/resolver.ts
+/**
+* Components that reside in another component's directory and share its style entry.
+*
+* These components don't have their own `style.ts` — they live inside a parent
+* component directory and use the parent's style (e.g. `UButtonGroup` lives in
+* `button/` and uses `button/style.ts`).
+*/
+const SHARED_STYLE_DIR = {
+	"button-group": "button",
+	"action-group": "action",
+	"card-header": "card",
+	"card-cover": "card",
+	"card-content": "card",
+	"card-action": "card",
+	"checkbox-button": "checkbox",
+	"grid-item": "grid",
+	"list-item": "list",
+	"menu-sub": "menu",
+	"menu-item": "menu"
+};
+function pascalToKebab(str) {
+	return str.replace(/[A-Z]/g, (char, index) => (index > 0 ? "-" : "") + char.toLowerCase());
+}
+/**
+* Resolver for `unplugin-vue-components` that auto-imports `@veltra/desktop`
+* components and their style side effects.
+*
+* Style resolution relies on `@veltra/desktop` package exports conditions:
+* - **development** (Vite dev): resolves to `src/components/<dir>/style.ts`
+*   (source SCSS pipeline, full HMR)
+* - **production** (Vite build): resolves to `dist/components/<dir>/style.js`
+*   (pre-compiled, CSS already injected)
+*/
+function VeltraDesktopUIResolver(options = {}) {
+	const { importStyle = true } = options;
+	return {
+		type: "component",
+		resolve(name) {
+			if (!/^U[A-Z]/.test(name)) return;
+			const kebabName = pascalToKebab(name.slice(1));
+			const styleDir = SHARED_STYLE_DIR[kebabName] ?? kebabName;
+			return {
+				name,
+				from: "@veltra/desktop",
+				sideEffects: importStyle ? `@veltra/desktop/components/${styleDir}/style` : void 0
+			};
+		}
+	};
+}
+//#endregion
+export { VeltraDesktopUIResolver };

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@veltra/vite",
+  "version": "1.0.6",
+  "description": "Vite helpers for Veltra UI (e.g. unplugin-vue-components resolver for @veltra/desktop)",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
+    }
+  },
+  "scripts": {
+    "build": "tsdown",
+    "check-types": "tsc -p tsconfig.json --noEmit"
+  },
+  "devDependencies": {
+    "@veltra/desktop": "workspace:*"
+  },
+  "peerDependencies": {
+    "@veltra/desktop": "1.0.6",
+    "unplugin-vue-components": ">=32.0.0"
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export { VeltraDesktopUIResolver } from './resolver'
+export type { VeltraDesktopUIResolverOptions } from './resolver'

package/src/resolver.ts

@@ -0,0 +1,66 @@
+import type { ComponentResolver } from 'unplugin-vue-components/types'
+
+export interface VeltraDesktopUIResolverOptions {
+  /**
+   * Whether to import component styles as side effects.
+   * @default true
+   */
+  importStyle?: boolean
+}
+
+/**
+ * Components that reside in another component's directory and share its style entry.
+ *
+ * These components don't have their own `style.ts` — they live inside a parent
+ * component directory and use the parent's style (e.g. `UButtonGroup` lives in
+ * `button/` and uses `button/style.ts`).
+ */
+const SHARED_STYLE_DIR: Record<string, string> = {
+  'button-group': 'button',
+  'action-group': 'action',
+  'card-header': 'card',
+  'card-cover': 'card',
+  'card-content': 'card',
+  'card-action': 'card',
+  'checkbox-button': 'checkbox',
+  'grid-item': 'grid',
+  'list-item': 'list',
+  'menu-sub': 'menu',
+  'menu-item': 'menu'
+}
+
+function pascalToKebab(str: string): string {
+  return str.replace(/[A-Z]/g, (char, index) => (index > 0 ? '-' : '') + char.toLowerCase())
+}
+
+/**
+ * Resolver for `unplugin-vue-components` that auto-imports `@veltra/desktop`
+ * components and their style side effects.
+ *
+ * Style resolution relies on `@veltra/desktop` package exports conditions:
+ * - **development** (Vite dev): resolves to `src/components/<dir>/style.ts`
+ *   (source SCSS pipeline, full HMR)
+ * - **production** (Vite build): resolves to `dist/components/<dir>/style.js`
+ *   (pre-compiled, CSS already injected)
+ */
+export function VeltraDesktopUIResolver(
+  options: VeltraDesktopUIResolverOptions = {}
+): ComponentResolver {
+  const { importStyle = true } = options
+
+  return {
+    type: 'component',
+    resolve(name: string) {
+      if (!/^U[A-Z]/.test(name)) return
+
+      const kebabName = pascalToKebab(name.slice(1))
+      const styleDir = SHARED_STYLE_DIR[kebabName] ?? kebabName
+
+      return {
+        name,
+        from: '@veltra/desktop',
+        sideEffects: importStyle ? `@veltra/desktop/components/${styleDir}/style` : undefined
+      }
+    }
+  }
+}