@nx-extend/shadcn-ui 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,11 @@
+# Changelog
+
+This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
+
+# 0.1.0 (2024-01-18)
+
+
+### Features
+
+* **shadcn-ui:** Added `add` executor to add new components ([eac038e](https://github.com/TriPSs/nx-extend/commit/eac038e97a673493a249a6c2a5d639f54d816453))
+* **shadcn-ui:** Added package ([954889d](https://github.com/TriPSs/nx-extend/commit/954889dff1b7b618a002b6f38ba62f8254806232))

package/README.md

@@ -0,0 +1,24 @@
+# @nx-extend/shadcn-ui
+
+<a href="https://www.npmjs.com/package/@nx-extend/shadcn-ui" rel="nofollow">
+  <img src="https://badgen.net/npm/v/@nx-extend/shadcn-ui" alt="@nx-extend/shadcn-ui NPM package">
+</a>
+
+**Nx plugin for working with [shadcn/ui](https://ui.shadcn.com/)**.
+
+## Setup
+
+### Install
+
+```sh
+npm install -D @nx-extend/shadcn-ui
+nx g @nx-extend/shadcn-ui:init
+```
+
+## Usage
+
+### Add
+
+```sh
+nx g @nx-extend/shadcn-ui:add button
+```

package/executors.json

@@ -0,0 +1,16 @@
+{
+  "executors": {
+    "add": {
+      "implementation": "./src/executors/add/add.impl",
+      "schema": "./src/executors/add/schema.json",
+      "description": "add executor"
+    }
+  },
+  "builders": {
+    "add": {
+      "implementation": "./src/executors/add/add.impl",
+      "schema": "./src/executors/add/schema.json",
+      "description": "add executor"
+    }
+  }
+}

package/generators.json

@@ -0,0 +1,12 @@
+{
+  "$schema": "https://json-schema.org/schema",
+  "name": "shadcn-ui",
+  "version": "0.0.1",
+  "generators": {
+    "init": {
+      "factory": "./src/generators/init/init.impl",
+      "schema": "./src/generators/init/schema.json",
+      "description": "init generator"
+    }
+  }
+}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@nx-extend/shadcn-ui",
+  "version": "0.1.0",
+  "keywords": [
+    "nx",
+    "shadcn-ui"
+  ],
+  "homepage": "https://github.com/TriPSs/nx-extend/blob/master/packages/shadcn-ui/README.md",
+  "bugs": {
+    "url": "https://github.com/tripss/nx-extend/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tripss/nx-extend"
+  },
+  "license": "MIT",
+  "main": "./src/index.js",
+  "devDependencies": {
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "lucide-react": "^0.312.0",
+    "tailwind-merge": "^2.2.0",
+    "tailwindcss-animate": "^1.0.7"
+  },
+  "builders": "./executors.json",
+  "generators": "./generators.json",
+  "dependencies": {
+    "@nx/devkit": "17.2.7",
+    "@nx/workspace": "17.2.7",
+    "class-variance-authority": "0.7.0",
+    "clsx": "2.1.0",
+    "lucide-react": "0.312.0",
+    "shelljs": "^0.8.5",
+    "tailwind-merge": "2.2.0",
+    "tailwindcss-animate": "1.0.7",
+    "@nx-extend/core": "5.2.1",
+    "tslib": "2.6.2"
+  },
+  "type": "commonjs"
+}

package/src/executors/add/add.impl.d.ts

@@ -0,0 +1,9 @@
+import { ExecutorContext } from '@nx/devkit';
+export interface ExecutorSchema {
+    component: string;
+    overwrite?: boolean;
+}
+export declare function addExecutor(options: ExecutorSchema, context: ExecutorContext): Promise<{
+    success: boolean;
+}>;
+export default addExecutor;

package/src/executors/add/add.impl.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addExecutor = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@nx-extend/core");
+function addExecutor(options, context) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { root } = context.workspace.projects[context.projectName];
+        return (0, core_1.execCommand)((0, core_1.buildCommand)([
+            'npx shadcn-ui@latest add',
+            options.component,
+            options.overwrite && '--overwrite',
+            '--path=src',
+            `--cwd=${root}`
+        ]), {});
+    });
+}
+exports.addExecutor = addExecutor;
+exports.default = addExecutor;
+//# sourceMappingURL=add.impl.js.map

package/src/executors/add/add.impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add.impl.js","sourceRoot":"","sources":["../../../../../../packages/shadcn-ui/src/executors/add/add.impl.ts"],"names":[],"mappings":";;;;AACA,0CAA2D;AAO3D,SAAsB,WAAW,CAC/B,OAAuB,EACvB,OAAwB;;QAExB,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;QAEhE,OAAO,IAAA,kBAAW,EAAC,IAAA,mBAAY,EAAC;YAC9B,0BAA0B;YAC1B,OAAO,CAAC,SAAS;YACjB,OAAO,CAAC,SAAS,IAAI,aAAa;YAClC,YAAY;YACZ,SAAS,IAAI,EAAE;SAChB,CAAC,EAAC,EAEF,CAAC,CAAA;IACJ,CAAC;CAAA;AAfD,kCAeC;AAED,kBAAe,WAAW,CAAA"}

package/src/executors/add/add.impl.ts

@@ -0,0 +1,26 @@
+import { ExecutorContext } from '@nx/devkit'
+import { buildCommand, execCommand } from '@nx-extend/core'
+
+export interface ExecutorSchema {
+  component: string
+  overwrite?: boolean
+}
+
+export async function addExecutor(
+  options: ExecutorSchema,
+  context: ExecutorContext
+): Promise<{ success: boolean }> {
+  const { root } = context.workspace.projects[context.projectName]
+
+  return execCommand(buildCommand([
+    'npx shadcn-ui@latest add',
+    options.component,
+    options.overwrite && '--overwrite',
+    '--path=src',
+    `--cwd=${root}`
+  ]),{
+
+  })
+}
+
+export default addExecutor

package/src/executors/add/compat.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/src/executors/add/compat.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const add_impl_1 = require("./add.impl");
+exports.default = (0, devkit_1.convertNxExecutor)(add_impl_1.addExecutor);
+//# sourceMappingURL=compat.js.map

package/src/executors/add/compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../packages/shadcn-ui/src/executors/add/compat.ts"],"names":[],"mappings":";;AAAA,uCAA8C;AAE9C,yCAAwC;AAExC,kBAAe,IAAA,0BAAiB,EAAC,sBAAW,CAAC,CAAA"}

package/src/executors/add/schema.json

@@ -0,0 +1,22 @@
+{
+  "version": 2,
+  "outputCapture": "direct-nodejs",
+  "$schema": "http://json-schema.org/schema",
+  "type": "object",
+  "title": "add executor",
+  "description": "",
+  "properties": {
+    "component": {
+      "type": "string",
+      "description": "",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What component would you like to add?"
+    }
+  },
+  "required": [
+    "component"
+  ]
+}

package/src/generators/init/files-utils/cn.ts.template

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export const cn = function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+};

package/src/generators/init/files-utils/global.css.template

@@ -0,0 +1,64 @@
+/**
+ * Don't forget to update your APPs global.css to include this file!
+ */
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 240 10% 3.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 240 10% 3.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 240 10% 3.9%;
+    --primary: 240 5.9% 10%;
+    --primary-foreground: 0 0% 98%;
+    --secondary: 240 4.8% 95.9%;
+    --secondary-foreground: 240 5.9% 10%;
+    --muted: 240 4.8% 95.9%;
+    --muted-foreground: 240 3.8% 46.1%;
+    --accent: 240 4.8% 95.9%;
+    --accent-foreground: 240 5.9% 10%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 240 5.9% 90%;
+    --input: 240 5.9% 90%;
+    --ring: 240 5.9% 10%;
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 240 10% 3.9%;
+    --foreground: 0 0% 98%;
+    --card: 240 10% 3.9%;
+    --card-foreground: 0 0% 98%;
+    --popover: 240 10% 3.9%;
+    --popover-foreground: 0 0% 98%;
+    --primary: 0 0% 98%;
+    --primary-foreground: 240 5.9% 10%;
+    --secondary: 240 3.7% 15.9%;
+    --secondary-foreground: 0 0% 98%;
+    --muted: 240 3.7% 15.9%;
+    --muted-foreground: 240 5% 64.9%;
+    --accent: 240 3.7% 15.9%;
+    --accent-foreground: 0 0% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 240 3.7% 15.9%;
+    --input: 240 3.7% 15.9%;
+    --ring: 240 4.9% 83.9%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+    font-feature-settings: "rlig" 1, "calt" 1;
+  }
+}

package/src/generators/init/files-utils/index.ts.template

@@ -0,0 +1 @@
+export * from './cn'

package/src/generators/init/files-utils/tailwind.config.js.template

@@ -0,0 +1,77 @@
+/**
+ * Don't forget to update your APPs tailwind.config.js to include this file!
+ */
+const { join } = require('path');
+
+const defaultTheme = require('tailwindcss/defaultTheme');
+const TailwindAnimate = require('tailwindcss-animate');
+
+module.exports = {
+  content: [
+    join(
+      __dirname,
+      '{src,pages,components,app}/**/*!(*.stories|*.spec).{ts,tsx,html}'
+    ),
+    ...createGlobPatternsForDependencies(__dirname),
+  ],
+  theme: {
+    extend: {
+      colors: {
+        border: 'hsl(var(--border))',
+        input: 'hsl(var(--input))',
+        ring: 'hsl(var(--ring))',
+        background: 'hsl(var(--background))',
+        foreground: 'hsl(var(--foreground))',
+        primary: {
+          DEFAULT: 'hsl(var(--primary))',
+          foreground: 'hsl(var(--primary-foreground))',
+        },
+        secondary: {
+          DEFAULT: 'hsl(var(--secondary))',
+          foreground: 'hsl(var(--secondary-foreground))',
+        },
+        destructive: {
+          DEFAULT: 'hsl(var(--destructive))',
+          foreground: 'hsl(var(--destructive-foreground))',
+        },
+        muted: {
+          DEFAULT: 'hsl(var(--muted))',
+          foreground: 'hsl(var(--muted-foreground))',
+        },
+        accent: {
+          DEFAULT: 'hsl(var(--accent))',
+          foreground: 'hsl(var(--accent-foreground))',
+        },
+        popover: {
+          DEFAULT: 'hsl(var(--popover))',
+          foreground: 'hsl(var(--popover-foreground))',
+        },
+        card: {
+          DEFAULT: 'hsl(var(--card))',
+          foreground: 'hsl(var(--card-foreground))',
+        },
+      },
+      borderRadius: {
+        lg: `var(--radius)`,
+        md: `calc(var(--radius) - 2px)`,
+        sm: 'calc(var(--radius) - 4px)',
+      },
+      keyframes: {
+        'accordion-down': {
+          from: { height: 0 },
+          to: { height: 'var(--radix-accordion-content-height)' },
+        },
+        'accordion-up': {
+          from: { height: 'var(--radix-accordion-content-height)' },
+          to: { height: 0 },
+        },
+      },
+      animation: {
+        'accordion-down': 'accordion-down 0.2s ease-out',
+        'accordion-up': 'accordion-up 0.2s ease-out',
+      },
+    },
+  },
+  plugins: [TailwindAnimate],
+  darkMode: ['class'],
+};

package/src/generators/init/init.impl.d.ts

@@ -0,0 +1,3 @@
+import { Tree } from '@nx/devkit';
+import type { ShadecnUiSchema } from './schema';
+export default function (tree: Tree, options: ShadecnUiSchema): Promise<import("@nx/devkit").GeneratorCallback>;

package/src/generators/init/init.impl.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const project_name_and_root_utils_1 = require("@nx/devkit/src/generators/project-name-and-root-utils");
+const js_1 = require("@nx/js");
+const path_1 = require("path");
+const package_json_1 = require("../../../package.json");
+function cleanupLib(tree, libDirectory) {
+    // Remove the unneeded files
+    tree.delete(`${libDirectory}/package.json`);
+    tree.delete(`${libDirectory}/src/index.ts`);
+    const libFiles = tree.children(`${libDirectory}/src/lib`);
+    for (const file of libFiles) {
+        tree.delete(`${libDirectory}/src/lib/${file}`);
+    }
+}
+function addFilesToUtilsLib(host, libDirectory) {
+    (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, 'files-utils'), libDirectory, {
+        template: ''
+    });
+}
+function getLibRoot(host, fileName) {
+    return (0, devkit_1.joinPathFragments)((0, devkit_1.getWorkspaceLayout)(host).libsDir, fileName);
+}
+function default_1(tree, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        yield (0, js_1.libraryGenerator)(tree, {
+            name: options.uiName,
+            skipFormat: true
+        });
+        const uiLibOptions = yield (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(tree, {
+            callingGenerator: '@nx-extend/shadcn-ui:init',
+            name: options.uiName,
+            projectType: 'library'
+        });
+        const uiRoot = getLibRoot(tree, uiLibOptions.projectRoot);
+        (0, js_1.addTsConfigPath)(tree, `${uiLibOptions.importPath}/*`, [`${uiRoot}/src/*`]);
+        cleanupLib(tree, uiRoot);
+        yield (0, js_1.libraryGenerator)(tree, {
+            name: options.utilsName,
+            skipFormat: true
+        });
+        const utilsLibOptions = yield (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(tree, {
+            callingGenerator: '@nx-extend/shadcn-ui:init',
+            name: options.utilsName,
+            projectType: 'library'
+        });
+        const utilRoot = getLibRoot(tree, utilsLibOptions.projectRoot);
+        (0, js_1.addTsConfigPath)(tree, `${utilsLibOptions.importPath}/*`, [`${utilRoot}/src/*`]);
+        cleanupLib(tree, utilRoot);
+        addFilesToUtilsLib(tree, `${getLibRoot(tree, options.utilsName)}/src`);
+        (0, devkit_1.writeJson)(tree, 'components.json', {
+            '$schema': 'https://ui.shadcn.com/schema.json',
+            'style': 'default',
+            'rsc': false,
+            'tailwind': {
+                'config': (0, path_1.join)(utilRoot, 'tailwind.config.js'),
+                'css': (0, path_1.join)(utilRoot, 'global.css'),
+                'baseColor': 'neutral',
+                'cssVariables': true
+            },
+            'aliases': {
+                'components': uiLibOptions.importPath,
+                'utils': utilsLibOptions.importPath
+            }
+        });
+        (0, devkit_1.updateProjectConfiguration)(tree, uiLibOptions.projectName, Object.assign(Object.assign({}, (0, devkit_1.readProjectConfiguration)(tree, uiLibOptions.projectName)), { targets: {
+                add: {
+                    executor: '@nx-extend/shadcn-ui:add'
+                }
+            } }));
+        return (0, devkit_1.runTasksInSerial)((0, devkit_1.addDependenciesToPackageJson)(tree, {
+            'class-variance-authority': package_json_1.devDependencies['class-variance-authority'],
+            'clsx': package_json_1.devDependencies['clsx'],
+            'lucide-react': package_json_1.devDependencies['lucide-react'],
+            'tailwind-merge': package_json_1.devDependencies['tailwind-merge'],
+            'tailwindcss-animate': package_json_1.devDependencies['tailwindcss-animate']
+        }, {}));
+    });
+}
+exports.default = default_1;
+//# sourceMappingURL=init.impl.js.map

package/src/generators/init/init.impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init.impl.js","sourceRoot":"","sources":["../../../../../../packages/shadcn-ui/src/generators/init/init.impl.ts"],"names":[],"mappings":"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"}

package/src/generators/init/init.impl.ts

@@ -0,0 +1,112 @@
+import {
+  addDependenciesToPackageJson,
+  generateFiles,
+  getWorkspaceLayout,
+  joinPathFragments, readProjectConfiguration,
+  runTasksInSerial,
+  Tree, updateProjectConfiguration, writeJson
+} from '@nx/devkit'
+import { determineProjectNameAndRootOptions } from '@nx/devkit/src/generators/project-name-and-root-utils'
+import { addTsConfigPath, libraryGenerator } from '@nx/js'
+import { join } from 'path'
+
+import type { ShadecnUiSchema } from './schema'
+
+import { devDependencies } from '../../../package.json'
+
+function cleanupLib(tree: Tree, libDirectory: string) {
+  // Remove the unneeded files
+  tree.delete(`${libDirectory}/package.json`)
+  tree.delete(`${libDirectory}/src/index.ts`)
+  const libFiles = tree.children(`${libDirectory}/src/lib`)
+
+  for (const file of libFiles) {
+    tree.delete(`${libDirectory}/src/lib/${file}`)
+  }
+}
+
+function addFilesToUtilsLib(host: Tree, libDirectory: string) {
+  generateFiles(host, join(__dirname, 'files-utils'), libDirectory, {
+    template: ''
+  })
+}
+
+function getLibRoot(host: Tree, fileName: string) {
+  return joinPathFragments(
+    getWorkspaceLayout(host).libsDir,
+    fileName
+  )
+}
+
+export default async function (tree: Tree, options: ShadecnUiSchema) {
+  await libraryGenerator(tree, {
+    name: options.uiName,
+    skipFormat: true
+  })
+
+  const uiLibOptions = await determineProjectNameAndRootOptions(tree, {
+    callingGenerator: '@nx-extend/shadcn-ui:init',
+    name: options.uiName,
+    projectType: 'library'
+  })
+
+  const uiRoot = getLibRoot(tree, uiLibOptions.projectRoot)
+  addTsConfigPath(tree, `${uiLibOptions.importPath}/*`, [`${uiRoot}/src/*`])
+  cleanupLib(tree, uiRoot)
+
+  await libraryGenerator(tree, {
+    name: options.utilsName,
+    skipFormat: true
+  })
+
+  const utilsLibOptions = await determineProjectNameAndRootOptions(tree, {
+    callingGenerator: '@nx-extend/shadcn-ui:init',
+    name: options.utilsName,
+    projectType: 'library'
+  })
+
+  const utilRoot = getLibRoot(tree, utilsLibOptions.projectRoot)
+  addTsConfigPath(tree, `${utilsLibOptions.importPath}/*`, [`${utilRoot}/src/*`])
+  cleanupLib(tree, utilRoot)
+
+  addFilesToUtilsLib(tree, `${getLibRoot(tree, options.utilsName)}/src`)
+
+  writeJson(tree, 'components.json', {
+    '$schema': 'https://ui.shadcn.com/schema.json',
+    'style': 'default',
+    'rsc': false,
+    'tailwind': {
+      'config': join(utilRoot, 'tailwind.config.js'),
+      'css': join(utilRoot, 'global.css'),
+      'baseColor': 'neutral',
+      'cssVariables': true
+    },
+    'aliases': {
+      'components': uiLibOptions.importPath,
+      'utils': utilsLibOptions.importPath
+    }
+  })
+
+  updateProjectConfiguration(tree, uiLibOptions.projectName, {
+    ...readProjectConfiguration(tree, uiLibOptions.projectName),
+    targets: {
+      add: {
+        executor: '@nx-extend/shadcn-ui:add'
+      }
+    }
+  })
+
+  return runTasksInSerial(
+    addDependenciesToPackageJson(
+      tree,
+      {
+        'class-variance-authority': devDependencies['class-variance-authority'],
+        'clsx': devDependencies['clsx'],
+        'lucide-react': devDependencies['lucide-react'],
+        'tailwind-merge': devDependencies['tailwind-merge'],
+        'tailwindcss-animate': devDependencies['tailwindcss-animate']
+      },
+      {}
+    )
+  )
+}

package/src/generators/init/schema.d.ts

@@ -0,0 +1,4 @@
+export interface ShadecnUiSchema {
+  uiName: string
+  utilsName: string
+}

package/src/generators/init/schema.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "type": "object",
+  "id": "Strapi",
+  "title": "",
+  "properties": {
+    "uiName": {
+      "type": "string",
+      "description": "",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the ui lib?"
+    },
+    "utilsName": {
+      "type": "string",
+      "description": "",
+      "$default": {
+        "$source": "argv",
+        "index": 1
+      },
+      "x-prompt": "What name would you like to use for the utils lib?"
+    }
+  },
+  "required": [
+    "uiName",
+    "utilsName"
+  ]
+}

package/src/index.js

@@ -0,0 +1 @@
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/shadcn-ui/src/index.ts"],"names":[],"mappings":""}