@roku-ui/nuxt 0.30.0

package/README.md

@@ -0,0 +1,22 @@
+# Roku UI Nuxt Module
+
+Nuxt module that auto-registers Roku UI Vue components with an `R` prefix.
+
+## Usage
+
+```bash
+pnpm add @roku-ui/nuxt @roku-ui/vue
+```
+
+```ts
+// nuxt.config.ts
+export default defineNuxtConfig({
+  modules: ['@roku-ui/nuxt'],
+  rokuUi: {
+    // Optional: customize the prefix
+    prefix: 'R',
+  },
+})
+```
+
+If `@unocss/nuxt` is present, this module will automatically add `rokuPreset()` to the UnoCSS configuration, so you do not need to include it manually.

package/dist/module.d.ts

@@ -0,0 +1,21 @@
+import type { UserConfig } from 'unocss';
+export interface RokuUiNuxtOptions {
+    /**
+     * Prefix applied to every auto-registered component.
+     * Defaults to `R`.
+     */
+    prefix?: string;
+}
+declare const _default: import("@nuxt/schema").NuxtModule<RokuUiNuxtOptions, RokuUiNuxtOptions, false>;
+export default _default;
+declare module '@nuxt/schema' {
+    interface NuxtConfig {
+        rokuUi?: RokuUiNuxtOptions;
+    }
+    interface NuxtOptions {
+        rokuUi?: RokuUiNuxtOptions;
+    }
+    interface NuxtHooks {
+        'unocss:config': (config: UserConfig) => void;
+    }
+}

package/dist/module.js

@@ -0,0 +1,111 @@
+import { addComponent, createResolver, defineNuxtModule } from '@nuxt/kit';
+import { rokuPreset } from '@roku-ui/preset';
+const components = [
+    'AppShell',
+    'AppShellAside',
+    'AppShellFooter',
+    'AppShellHeader',
+    'AppShellMain',
+    'AppShellNavbar',
+    'AspectRatio',
+    'AutoHeightTransition',
+    'Avatar',
+    'Btn',
+    'BtnGroup',
+    'Calendar',
+    'CalendarInput',
+    'ChatContainer',
+    'ChatMessage',
+    'ChatSystem',
+    'Checkbox',
+    'Chip',
+    'ColorInput',
+    'ColorSwatch',
+    'Drawer',
+    'Dropzone',
+    'FullscreenOverlay',
+    'Icon',
+    'Image',
+    'Indicator',
+    'Menu',
+    'MenuItem',
+    'Modal',
+    'ModalSystem',
+    'Notification',
+    'NotificationSystem',
+    'NumberField',
+    'Overlay',
+    'Paper',
+    'PinInput',
+    'Popover',
+    'Progress',
+    'Rating',
+    'RokuProvider',
+    'SchemeSwitch',
+    'ScrollArea',
+    'Select',
+    'SelectArea',
+    'Slider',
+    'Step',
+    'Switch',
+    'TabItem',
+    'Tabs',
+    'Tag',
+    'TextField',
+    'ThemeProvider',
+    'Tooltip',
+    'TreeList',
+    'VirtualWaterfall',
+    'Waterfall',
+];
+export default defineNuxtModule({
+    meta: {
+        name: '@roku-ui/nuxt',
+        configKey: 'rokuUi',
+    },
+    defaults: {
+        prefix: 'R',
+    },
+    setup(options, nuxt) {
+        const prefix = options.prefix ?? 'R';
+        const { resolve } = createResolver(import.meta.url);
+        for (const component of components) {
+            addComponent({
+                name: `${prefix}${component}`,
+                export: component,
+                filePath: '@roku-ui/vue',
+                global: true,
+            });
+        }
+        const css = nuxt.options.css ?? [];
+        if (!css.includes('@roku-ui/vue/style.css')) {
+            css.push('@roku-ui/vue/style.css');
+            nuxt.options.css = css;
+        }
+        const transpile = nuxt.options.build.transpile ?? [];
+        if (!transpile.includes('@roku-ui/vue')) {
+            transpile.push('@roku-ui/vue');
+            nuxt.options.build.transpile = transpile;
+        }
+        nuxt.hook('prepare:types', ({ references }) => {
+            references.push({
+                path: resolve('./module.d.ts'),
+            });
+        });
+        nuxt.hook('unocss:config', (config) => {
+            const presets = config.presets || [];
+            const filteredPresets = presets.filter((preset) => {
+                const name = preset.name;
+                return !(name && name.startsWith('preset-wind'));
+            });
+            config.presets = filteredPresets;
+            const hasRokuPreset = config.presets.some((preset) => {
+                const name = preset.name;
+                return name === '@roku-ui/preset';
+            });
+            if (!hasRokuPreset) {
+                config.presets.push(rokuPreset());
+            }
+        });
+    },
+});

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@roku-ui/nuxt",
+  "type": "module",
+  "version": "0.30.0",
+  "author": "Jianqi Pan <jannchie@gmail.com>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/roku-ui/roku-ui-vue"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/module.d.ts",
+      "import": "./dist/module.js",
+      "require": "./dist/module.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/module.js",
+  "module": "./dist/module.js",
+  "types": "./dist/module.d.ts",
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@nuxt/kit": "^3.0.0 || ^4.0.0",
+    "nuxt": "^3.0.0 || ^4.0.0",
+    "@roku-ui/vue": "^0.30.0"
+  },
+  "peerDependenciesMeta": {
+    "@nuxt/kit": {
+      "optional": true
+    },
+    "nuxt": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@roku-ui/preset": "^0.30.0"
+  },
+  "devDependencies": {
+    "@nuxt/kit": "^4.2.1",
+    "@nuxt/schema": "^4.2.1",
+    "typescript": "5.9.3",
+    "unocss": "66.5.10"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json"
+  }
+}