shadcn-nuxt 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 radix-vue
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,93 @@
+<!--
+Get your module up and running quickly.
+
+Find and replace all on all files (CMD+SHIFT+F):
+- Name: Shadcn Nuxt
+- Package name: shadcn-nuxt
+- Description: My new Nuxt module
+-->
+
+# Shadcn Nuxt
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![License][license-src]][license-href]
+[![Nuxt][nuxt-src]][nuxt-href]
+
+Shadcn Vue module for Nuxt. 
+
+- [✨ &nbsp;Release Notes](/CHANGELOG.md)
+<!-- - [🏀 Online playground](https://stackblitz.com/github/radix-vue/shadcn-vue?file=playground%2Fapp.vue) -->
+- [📖 &nbsp;Documentation](https://www.shadcn-vue.com/docs/installation/nuxt.html)
+
+## Features
+
+<!-- Highlight some of the features your module provide here -->
+- ⛰ Auto-import correct and relevant components
+- more to come...
+
+## Quick Setup
+
+1. Add `shadcn-nuxt` dependency to your project
+
+```bash
+# Using pnpm
+pnpm add -D shadcn-nuxt
+
+# Using yarn
+yarn add --dev shadcn-nuxt
+
+# Using npm
+npm install --save-dev shadcn-nuxt
+```
+
+2. Add `shadcn-nuxt` to the `modules` section of `nuxt.config.ts`
+
+```js
+export default defineNuxtConfig({
+  modules: [
+    'shadcn-nuxt'
+  ]
+})
+```
+
+That's it! You can now use Shadcn Nuxt in your Nuxt app ✨
+
+## Development
+
+```bash
+# Install dependencies
+npm install
+
+# Generate type stubs
+npm run dev:prepare
+
+# Develop with the playground
+npm run dev
+
+# Build the playground
+npm run dev:build
+
+# Run ESLint
+npm run lint
+
+# Run Vitest
+npm run test
+npm run test:watch
+
+# Release new version
+npm run release
+```
+
+<!-- Badges -->
+[npm-version-src]: https://img.shields.io/npm/v/shadcn-nuxt/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-version-href]: https://npmjs.com/package/shadcn-nuxt
+
+[npm-downloads-src]: https://img.shields.io/npm/dm/shadcn-nuxt.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-downloads-href]: https://npmjs.com/package/shadcn-nuxt
+
+[license-src]: https://img.shields.io/npm/l/shadcn-nuxt.svg?style=flat&colorA=18181B&colorB=28CF8D
+[license-href]: https://npmjs.com/package/shadcn-nuxt
+
+[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
+[nuxt-href]: https://nuxt.com

package/dist/module.cjs

@@ -0,0 +1,5 @@
+module.exports = function(...args) {
+  return import('./module.mjs').then(m => m.default.call(this, ...args))
+}
+const _meta = module.exports.meta = require('./module.json')
+module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/module.d.mts

@@ -0,0 +1,16 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface ModuleOptions {
+    /**
+     * Prefix for all the imported component
+     */
+    prefix?: string;
+    /**
+     * Directory that the component lives in.
+     * @default "./components/ui"
+     */
+    componentDir?: string;
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+
+export { type ModuleOptions, _default as default };

package/dist/module.d.ts

@@ -0,0 +1,16 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface ModuleOptions {
+    /**
+     * Prefix for all the imported component
+     */
+    prefix?: string;
+    /**
+     * Directory that the component lives in.
+     * @default "./components/ui"
+     */
+    componentDir?: string;
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+
+export { type ModuleOptions, _default as default };

package/dist/module.json

@@ -0,0 +1,5 @@
+{
+  "name": "shadcn",
+  "configKey": "shadcn",
+  "version": "0.1.0"
+}

package/dist/module.mjs

@@ -0,0 +1,47 @@
+import { readdirSync } from 'node:fs';
+import { defineNuxtModule, createResolver, addComponent } from '@nuxt/kit';
+import { Project } from 'ts-morph';
+
+const module = defineNuxtModule({
+  meta: {
+    name: "shadcn",
+    configKey: "shadcn"
+  },
+  defaults: {
+    prefix: "",
+    componentDir: "./components/ui"
+  },
+  async setup(options, nuxt) {
+    const IGNORE_DIR = "**/components/ui";
+    const COMPONENT_DIR_PATH = options.componentDir;
+    const ROOT_DIR_PATH = nuxt.options.rootDir;
+    const { resolve } = createResolver(ROOT_DIR_PATH);
+    nuxt.options.ignore.push(IGNORE_DIR);
+    nuxt._ignore?.add(IGNORE_DIR);
+    nuxt._ignorePatterns?.push(IGNORE_DIR);
+    try {
+      readdirSync(resolve(COMPONENT_DIR_PATH)).forEach(async (dir) => {
+        const filePath = resolve(COMPONENT_DIR_PATH, dir, "index.ts");
+        const project = new Project();
+        project.addSourceFileAtPath(filePath);
+        const sourceFile = project.getSourceFileOrThrow(filePath);
+        const exportedDeclarations = sourceFile.getExportedDeclarations();
+        const exportedKeys = Array.from(exportedDeclarations.keys()).filter((key) => /^[A-Z]/.test(key));
+        exportedKeys.forEach((key) => {
+          addComponent({
+            name: `${options.prefix}${key}`,
+            // name of the component to be used in vue templates
+            export: key,
+            // (optional) if the component is a named (rather than default) export
+            filePath: resolve(filePath)
+          });
+        });
+      });
+    } catch (err) {
+      if (err instanceof Error)
+        console.warn(err.message);
+    }
+  }
+});
+
+export { module as default };

package/dist/types.d.mts

@@ -0,0 +1,16 @@
+
+import type { ModuleOptions } from './module'
+
+
+declare module '@nuxt/schema' {
+  interface NuxtConfig { ['shadcn']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['shadcn']?: ModuleOptions }
+}
+
+declare module 'nuxt/schema' {
+  interface NuxtConfig { ['shadcn']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['shadcn']?: ModuleOptions }
+}
+
+
+export type { ModuleOptions, default } from './module'

package/dist/types.d.ts

@@ -0,0 +1,16 @@
+
+import type { ModuleOptions } from './module'
+
+
+declare module '@nuxt/schema' {
+  interface NuxtConfig { ['shadcn']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['shadcn']?: ModuleOptions }
+}
+
+declare module 'nuxt/schema' {
+  interface NuxtConfig { ['shadcn']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['shadcn']?: ModuleOptions }
+}
+
+
+export type { ModuleOptions, default } from './module'

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "shadcn-nuxt",
+  "type": "module",
+  "version": "0.1.0",
+  "description": "Add shadcn-vue module to Nuxt",
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/radix-vue/shadcn-vue.git",
+    "directory": "packages/module"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/module.mjs",
+      "require": "./dist/module.cjs"
+    }
+  },
+  "main": "./dist/module.cjs",
+  "types": "./dist/types.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@nuxt/kit": "^3.8.2",
+    "ts-morph": "^19.0.0"
+  },
+  "devDependencies": {
+    "@nuxt/devtools": "latest",
+    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxt/module-builder": "^0.5.4",
+    "@nuxt/schema": "^3.8.2",
+    "@nuxt/test-utils": "^3.8.1",
+    "@types/node": "^20.9.3",
+    "nuxt": "^3.8.2",
+    "vitest": "^0.33.0"
+  },
+  "scripts": {
+    "dev": "nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "release": "pnpm run prepack && pnpm publish && git push --follow-tags"
+  }
+}