shadcn-svelte 0.0.1

package/LICENSE.md

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2023 shadcn
+Copyright (c) 2023 huntabyte
+
+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,43 @@
+# shadcn-svelte
+
+A CLI for adding shadcn components to your project.
+
+## Usage
+
+Use the `init` command to initialize dependencies for a new project.
+
+The `init` command installs dependencies, adds the `cn` util, configures `tailwind.config.cjs`, and sets up CSS variables for the project.
+
+```bash
+npx shadcn-svelte init
+```
+
+## add
+
+Use the `add` command to add components to your project.
+
+The `add` command adds a component to your project and installs all required dependencies.
+
+```bash
+npx shadcn-svelte add [component]
+```
+
+### Example
+
+```bash
+npx shadcn-svelte add alert-dialog
+```
+
+You can also run the command without any arguments to view a list of all available components:
+
+```bash
+npx shadcn-svelte add
+```
+
+## Documentation
+
+Visit https://shadcn-svelte.com to view the documentation.
+
+## License
+
+Licensed under the [MIT license](https://github.com/huntabyte/shadcn-svelte/blob/main/LICENSE.md).

package/dist/index.d.ts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/index.js

@@ -0,0 +1,422 @@
+#!/usr/bin/env node
+
+// src/utils/get-components.ts
+import fetch from "node-fetch";
+import * as z from "zod";
+var baseUrl = process.env.COMPONENTS_BASE_URL ?? "http://localhost:5173";
+var componentSchema = z.object({
+  component: z.string(),
+  name: z.string(),
+  dependencies: z.array(z.string()).optional(),
+  files: z.array(
+    z.object({
+      name: z.string(),
+      dir: z.string(),
+      content: z.string()
+    })
+  )
+});
+var componentsSchema = z.array(componentSchema);
+async function getAvailableComponents() {
+  try {
+    const response = await fetch(`${baseUrl}/api/components`);
+    const components = await response.json();
+    return componentsSchema.parse(components);
+  } catch (error) {
+    throw new Error(
+      `Failed to fetch components from ${baseUrl}/api/components.`
+    );
+  }
+}
+
+// src/utils/get-package-info.ts
+import fs from "fs-extra";
+import path from "path";
+function getPackageInfo() {
+  const packageJsonPath = path.join("package.json");
+  return fs.readJSONSync(packageJsonPath);
+}
+
+// src/utils/get-package-manager.ts
+function getPackageManager() {
+  const userAgent = process.env.npm_config_user_agent;
+  if (!userAgent) {
+    return "npm";
+  }
+  if (userAgent.startsWith("yarn")) {
+    return "yarn";
+  }
+  if (userAgent.startsWith("pnpm")) {
+    return "pnpm";
+  }
+  return "npm";
+}
+
+// src/utils/get-project-info.ts
+import { existsSync } from "fs";
+import fs2 from "fs-extra";
+import path2 from "path";
+async function getProjectInfo() {
+  const info = {
+    tsconfig: null,
+    alias: null,
+    srcDir: false,
+    appDir: false
+  };
+  try {
+    const tsconfig = await getTsConfig();
+    const paths = tsconfig?.compilerOptions?.paths;
+    const alias = paths ? Object.keys(paths)[0].replace("*", "") : null;
+    return {
+      tsconfig,
+      alias,
+      srcDir: existsSync(path2.resolve("./src")),
+      appDir: existsSync(path2.resolve("./app")) || existsSync(path2.resolve("./src/app"))
+    };
+  } catch (error) {
+    return info;
+  }
+}
+async function getTsConfig() {
+  try {
+    const tsconfigPath = path2.join("tsconfig.json");
+    const tsconfig = await fs2.readJSON(tsconfigPath);
+    if (!tsconfig) {
+      throw new Error("tsconfig.json is missing");
+    }
+    return tsconfig;
+  } catch (error) {
+    return null;
+  }
+}
+
+// src/utils/logger.ts
+import chalk from "chalk";
+var logger = {
+  error(...args) {
+    console.log(chalk.red(...args));
+  },
+  warn(...args) {
+    console.log(chalk.yellow(...args));
+  },
+  info(...args) {
+    console.log(chalk.cyan(...args));
+  },
+  success(...args) {
+    console.log(chalk.green(...args));
+  }
+};
+
+// src/utils/templates.ts
+var STYLES = `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+ 
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 47.4% 11.2%;
+ 
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+ 
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 47.4% 11.2%;
+ 
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 47.4% 11.2%;
+ 
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+ 
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+ 
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+ 
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+ 
+    --destructive: 0 100% 50%;
+    --destructive-foreground: 210 40% 98%;
+ 
+    --ring: 215 20.2% 65.1%;
+ 
+    --radius: 0.5rem;
+  }
+ 
+  .dark {
+    --background: 224 71% 4%;
+    --foreground: 213 31% 91%;
+ 
+    --muted: 223 47% 11%;
+    --muted-foreground: 215.4 16.3% 56.9%;
+ 
+    --popover: 224 71% 4%;
+    --popover-foreground: 215 20.2% 65.1%;
+ 
+    --card: 224 71% 4%;
+    --card-foreground: 213 31% 91%;
+ 
+    --border: 216 34% 17%;
+    --input: 216 34% 17%;
+ 
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 1.2%;
+ 
+    --secondary: 222.2 47.4% 11.2%;
+    --secondary-foreground: 210 40% 98%;
+ 
+    --accent: 216 34% 17%;
+    --accent-foreground: 210 40% 98%;
+ 
+    --destructive: 0 63% 31%;
+    --destructive-foreground: 210 40% 98%;
+ 
+    --ring: 216 34% 17%;
+ 
+    --radius: 0.5rem;
+  }
+}
+ 
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+    font-feature-settings: "rlig" 1, "calt" 1;
+  }
+}`;
+var UTILS = `import { ClassValue, clsx } from "clsx"
+import { twMerge } from "tailwind-merge"
+ 
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
+`;
+var TAILWIND_CONFIG = `const { fontFamily } = require("tailwindcss/defaultTheme")
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: ["class"],
+  content: [
+    "./src/**/*.{html,js,svelte,ts}",
+  ],
+  theme: {
+    container: {
+      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "1400px",
+      },
+    },
+    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)",
+      },
+      fontFamily: {
+        sans: [...fontFamily.sans]
+      }
+    }
+  },
+  plugins: [require("tailwindcss-animate")],
+}`;
+
+// src/index.ts
+import { Command } from "commander";
+import { execa } from "execa";
+import { existsSync as existsSync2, promises as fs3 } from "fs";
+import ora from "ora";
+import path3 from "path";
+import prompts from "prompts";
+process.on("SIGINT", () => process.exit(0));
+process.on("SIGTERM", () => process.exit(0));
+var PROJECT_DEPENDENCIES = [
+  "tailwindcss-animate",
+  "class-variance-authority",
+  "clsx",
+  "tailwind-merge",
+  "lucide-svelte"
+];
+async function main() {
+  const packageInfo = getPackageInfo();
+  const projectInfo = await getProjectInfo();
+  const packageManager = getPackageManager();
+  const program = new Command().name("shadcn-svelte").description("Add shadcn-svelte components to your project").version(
+    packageInfo.version || "1.0.0",
+    "-v, --version",
+    "display the version number"
+  );
+  program.command("init").description("Configure your SvelteKit project.").option("-y, --yes", "Skip confirmation prompt.").action(async (options) => {
+    logger.warn(
+      "This command assumes a SvelteKit project with TypeScript and Tailwind CSS."
+    );
+    logger.warn(
+      "If you don't have these, follow the manual steps at https://ui.shadcn.com/docs/installation."
+    );
+    logger.warn("");
+    if (!options.yes) {
+      const { proceed } = await prompts({
+        type: "confirm",
+        name: "proceed",
+        message: "Running this command will install dependencies and overwrite your existing tailwind.config.cjs. Proceed?",
+        initial: true
+      });
+      if (!proceed) {
+        process.exit(0);
+      }
+    }
+    const dependenciesSpinner = ora(`Installing dependencies...`).start();
+    await execa(packageManager, [
+      packageManager === "npm" ? "install" : "add",
+      ...PROJECT_DEPENDENCIES
+    ]);
+    dependenciesSpinner.succeed();
+    if (!projectInfo?.appDir) {
+      const stylesDir = "./src/styles";
+      if (!existsSync2(path3.resolve(stylesDir))) {
+        await fs3.mkdir(path3.resolve(stylesDir), { recursive: true });
+      }
+    }
+    let stylesDestination = "./src/styles/globals.css";
+    if (projectInfo?.appDir) {
+      stylesDestination = "./src/app/globals.css";
+    }
+    const stylesSpinner = ora(`Adding styles with CSS variables...`).start();
+    await fs3.writeFile(stylesDestination, STYLES, "utf8");
+    stylesSpinner.succeed();
+    const libDir = "./src/lib";
+    if (!existsSync2(path3.resolve(libDir))) {
+      await fs3.mkdir(path3.resolve(libDir), { recursive: true });
+    }
+    const utilsDestination = "./src/lib/utils.ts";
+    const utilsSpinner = ora(`Adding utils...`).start();
+    await fs3.writeFile(utilsDestination, UTILS, "utf8");
+    utilsSpinner.succeed();
+    const tailwindDestination = "./tailwind.config.cjs";
+    const tailwindSpinner = ora(`Updating tailwind.config.cjs...`).start();
+    await fs3.writeFile(tailwindDestination, TAILWIND_CONFIG, "utf8");
+    tailwindSpinner.succeed();
+  });
+  program.command("add").description("add components to your project").argument("[components...]", "name of components").action(async (components) => {
+    logger.warn(
+      "Running the following command will overwrite existing files."
+    );
+    logger.warn(
+      "Make sure you have committed your changes before proceeding."
+    );
+    logger.warn("");
+    const availableComponents = await getAvailableComponents();
+    if (!availableComponents?.length) {
+      logger.error(
+        "An error occurred while fetching components. Please try again."
+      );
+      process.exit(0);
+    }
+    let selectedComponents = availableComponents.filter(
+      (component) => components.includes(component.component)
+    );
+    if (!selectedComponents?.length) {
+      selectedComponents = await promptForComponents(availableComponents);
+    }
+    const dir = await promptForDestinationDir();
+    if (!selectedComponents?.length) {
+      logger.warn("No components selected. Nothing to install.");
+      process.exit(0);
+    }
+    const destinationDir = path3.resolve(dir);
+    if (!existsSync2(destinationDir)) {
+      const spinner = ora(`Creating ${dir}...`).start();
+      await fs3.mkdir(destinationDir, { recursive: true });
+      spinner.succeed();
+    }
+    logger.success(
+      `Installing ${selectedComponents.length} component(s) and dependencies...`
+    );
+    for (const component of selectedComponents) {
+      const componentSpinner = ora(`${component.name}...`).start();
+      for (const file of component.files) {
+        if (projectInfo?.alias) {
+          file.content = file.content.replace(/$\//g, projectInfo.alias);
+        }
+        const dirPath = path3.join(dir, file.dir);
+        await fs3.mkdir(dirPath, { recursive: true });
+        const filePath = path3.resolve(dirPath, file.name);
+        await fs3.writeFile(filePath, file.content);
+      }
+      if (component.dependencies?.length) {
+        await execa(packageManager, [
+          packageManager === "npm" ? "install" : "add",
+          ...component.dependencies
+        ]);
+      }
+      componentSpinner.succeed(component.name);
+    }
+  });
+  program.parse();
+}
+async function promptForComponents(components) {
+  const { components: selectedComponents } = await prompts({
+    type: "autocompleteMultiselect",
+    name: "components",
+    message: "Which component(s) would you like to add?",
+    hint: "Space to select. A to select all. I to invert selection.",
+    instructions: false,
+    choices: components.map((component) => ({
+      title: component.name,
+      value: component
+    }))
+  });
+  return selectedComponents;
+}
+async function promptForDestinationDir() {
+  const { dir } = await prompts([
+    {
+      type: "text",
+      name: "dir",
+      message: "Where would you like to install the component(s)?",
+      initial: "./src/lib/components/ui"
+    }
+  ]);
+  return dir;
+}
+main();
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/get-components.ts","../src/utils/get-package-info.ts","../src/utils/get-package-manager.ts","../src/utils/get-project-info.ts","../src/utils/logger.ts","../src/utils/templates.ts","../src/index.ts"],"sourcesContent":["import fetch from \"node-fetch\"\nimport * as z from \"zod\"\n\nconst baseUrl =\n    process.env.COMPONENTS_BASE_URL ?? \"http://localhost:5173\"\n\nconst componentSchema = z.object({\n    component: z.string(),\n    name: z.string(),\n    dependencies: z.array(z.string()).optional(),\n    files: z.array(\n        z.object({\n            name: z.string(),\n            dir: z.string(),\n            content: z.string(),\n        })\n    ),\n})\n\nexport type Component = z.infer<typeof componentSchema>\n\nconst componentsSchema = z.array(componentSchema)\n\nexport async function getAvailableComponents() {\n    try {\n        const response = await fetch(`${baseUrl}/api/components`)\n        const components = await response.json()\n\n        return componentsSchema.parse(components)\n    } catch (error) {\n        throw new Error(\n            `Failed to fetch components from ${baseUrl}/api/components.`\n        )\n    }\n}\n","import fs from \"fs-extra\"\nimport path from \"path\"\nimport { type PackageJson } from \"type-fest\"\n\nexport function getPackageInfo() {\n    const packageJsonPath = path.join(\"package.json\")\n\n    return fs.readJSONSync(packageJsonPath) as PackageJson\n}\n","export function getPackageManager() {\n    const userAgent = process.env.npm_config_user_agent\n\n    if (!userAgent) {\n        return \"npm\"\n    }\n\n    if (userAgent.startsWith(\"yarn\")) {\n        return \"yarn\"\n    }\n\n    if (userAgent.startsWith(\"pnpm\")) {\n        return \"pnpm\"\n    }\n\n    return \"npm\"\n}\n","import { existsSync } from \"fs\";\nimport fs from \"fs-extra\";\nimport path from \"path\";\n\nexport async function getProjectInfo() {\n  const info = {\n    tsconfig: null,\n    alias: null,\n    srcDir: false,\n    appDir: false\n  };\n\n  try {\n    const tsconfig = await getTsConfig();\n    const paths = tsconfig?.compilerOptions?.paths;\n    const alias = paths ? Object.keys(paths)[0].replace(\"*\", \"\") : null;\n\n    return {\n      tsconfig,\n      alias,\n      srcDir: existsSync(path.resolve(\"./src\")),\n      appDir:\n        existsSync(path.resolve(\"./app\")) ||\n        existsSync(path.resolve(\"./src/app\"))\n    };\n  } catch (error) {\n    return info;\n  }\n}\n\nexport async function getTsConfig() {\n  try {\n    const tsconfigPath = path.join(\"tsconfig.json\");\n    const tsconfig = await fs.readJSON(tsconfigPath);\n\n    if (!tsconfig) {\n      throw new Error(\"tsconfig.json is missing\");\n    }\n\n    return tsconfig;\n  } catch (error) {\n    return null;\n  }\n}\n","import chalk from \"chalk\";\n\nexport const logger = {\n  error(...args: unknown[]) {\n    console.log(chalk.red(...args));\n  },\n  warn(...args: unknown[]) {\n    console.log(chalk.yellow(...args));\n  },\n  info(...args: unknown[]) {\n    console.log(chalk.cyan(...args));\n  },\n  success(...args: unknown[]) {\n    console.log(chalk.green(...args));\n  }\n};\n","export const STYLES = `@tailwind base;\n@tailwind components;\n@tailwind utilities;\n \n@layer base {\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 222.2 47.4% 11.2%;\n \n    --muted: 210 40% 96.1%;\n    --muted-foreground: 215.4 16.3% 46.9%;\n \n    --popover: 0 0% 100%;\n    --popover-foreground: 222.2 47.4% 11.2%;\n \n    --card: 0 0% 100%;\n    --card-foreground: 222.2 47.4% 11.2%;\n \n    --border: 214.3 31.8% 91.4%;\n    --input: 214.3 31.8% 91.4%;\n \n    --primary: 222.2 47.4% 11.2%;\n    --primary-foreground: 210 40% 98%;\n \n    --secondary: 210 40% 96.1%;\n    --secondary-foreground: 222.2 47.4% 11.2%;\n \n    --accent: 210 40% 96.1%;\n    --accent-foreground: 222.2 47.4% 11.2%;\n \n    --destructive: 0 100% 50%;\n    --destructive-foreground: 210 40% 98%;\n \n    --ring: 215 20.2% 65.1%;\n \n    --radius: 0.5rem;\n  }\n \n  .dark {\n    --background: 224 71% 4%;\n    --foreground: 213 31% 91%;\n \n    --muted: 223 47% 11%;\n    --muted-foreground: 215.4 16.3% 56.9%;\n \n    --popover: 224 71% 4%;\n    --popover-foreground: 215 20.2% 65.1%;\n \n    --card: 224 71% 4%;\n    --card-foreground: 213 31% 91%;\n \n    --border: 216 34% 17%;\n    --input: 216 34% 17%;\n \n    --primary: 210 40% 98%;\n    --primary-foreground: 222.2 47.4% 1.2%;\n \n    --secondary: 222.2 47.4% 11.2%;\n    --secondary-foreground: 210 40% 98%;\n \n    --accent: 216 34% 17%;\n    --accent-foreground: 210 40% 98%;\n \n    --destructive: 0 63% 31%;\n    --destructive-foreground: 210 40% 98%;\n \n    --ring: 216 34% 17%;\n \n    --radius: 0.5rem;\n  }\n}\n \n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n    font-feature-settings: \"rlig\" 1, \"calt\" 1;\n  }\n}`;\n\nexport const UTILS = `import { ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n \nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n`;\n\nexport const TAILWIND_CONFIG = `const { fontFamily } = require(\"tailwindcss/defaultTheme\")\n/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n  darkMode: [\"class\"],\n  content: [\n    \"./src/**/*.{html,js,svelte,ts}\",\n  ],\n  theme: {\n    container: {\n      center: true,\n      padding: \"2rem\",\n      screens: {\n        \"2xl\": \"1400px\",\n      },\n    },\n    extend: {\n      colors: {\n        border: \"hsl(var(--border))\",\n        input: \"hsl(var(--input))\",\n        ring: \"hsl(var(--ring))\",\n        background: \"hsl(var(--background))\",\n        foreground: \"hsl(var(--foreground))\",\n        primary: {\n          DEFAULT: \"hsl(var(--primary))\",\n          foreground: \"hsl(var(--primary-foreground))\",\n        },\n        secondary: {\n          DEFAULT: \"hsl(var(--secondary))\",\n          foreground: \"hsl(var(--secondary-foreground))\",\n        },\n        destructive: {\n          DEFAULT: \"hsl(var(--destructive))\",\n          foreground: \"hsl(var(--destructive-foreground))\",\n        },\n        muted: {\n          DEFAULT: \"hsl(var(--muted))\",\n          foreground: \"hsl(var(--muted-foreground))\",\n        },\n        accent: {\n          DEFAULT: \"hsl(var(--accent))\",\n          foreground: \"hsl(var(--accent-foreground))\",\n        },\n        popover: {\n          DEFAULT: \"hsl(var(--popover))\",\n          foreground: \"hsl(var(--popover-foreground))\",\n        },\n        card: {\n          DEFAULT: \"hsl(var(--card))\",\n          foreground: \"hsl(var(--card-foreground))\",\n        },\n      },\n      borderRadius: {\n        lg: \"var(--radius)\",\n        md: \"calc(var(--radius) - 2px)\",\n        sm: \"calc(var(--radius) - 4px)\",\n      },\n      fontFamily: {\n        sans: [...fontFamily.sans]\n      }\n    }\n  },\n  plugins: [require(\"tailwindcss-animate\")],\n}`;\n","#!/usr/bin/env node\nimport { Component, getAvailableComponents } from \"./utils/get-components\";\nimport { getPackageInfo } from \"./utils/get-package-info\";\nimport { getPackageManager } from \"./utils/get-package-manager\";\nimport { getProjectInfo } from \"./utils/get-project-info\";\nimport { logger } from \"./utils/logger\";\nimport { STYLES, TAILWIND_CONFIG, UTILS } from \"./utils/templates\";\nimport { Command } from \"commander\";\nimport { execa } from \"execa\";\nimport { existsSync, promises as fs } from \"fs\";\nimport ora from \"ora\";\nimport path, { dirname } from \"path\";\nimport prompts from \"prompts\";\n\nprocess.on(\"SIGINT\", () => process.exit(0));\nprocess.on(\"SIGTERM\", () => process.exit(0));\n\nconst PROJECT_DEPENDENCIES = [\n  \"tailwindcss-animate\",\n  \"class-variance-authority\",\n  \"clsx\",\n  \"tailwind-merge\",\n  \"lucide-svelte\"\n];\n\nasync function main() {\n  const packageInfo = getPackageInfo();\n  const projectInfo = await getProjectInfo();\n  const packageManager = getPackageManager();\n\n  const program = new Command()\n    .name(\"shadcn-svelte\")\n    .description(\"Add shadcn-svelte components to your project\")\n    .version(\n      packageInfo.version || \"1.0.0\",\n      \"-v, --version\",\n      \"display the version number\"\n    );\n\n  program\n    .command(\"init\")\n    .description(\"Configure your SvelteKit project.\")\n    .option(\"-y, --yes\", \"Skip confirmation prompt.\")\n    .action(async (options) => {\n      logger.warn(\n        \"This command assumes a SvelteKit project with TypeScript and Tailwind CSS.\"\n      );\n      logger.warn(\n        \"If you don't have these, follow the manual steps at https://ui.shadcn.com/docs/installation.\"\n      );\n      logger.warn(\"\");\n\n      if (!options.yes) {\n        const { proceed } = await prompts({\n          type: \"confirm\",\n          name: \"proceed\",\n          message:\n            \"Running this command will install dependencies and overwrite your existing tailwind.config.cjs. Proceed?\",\n          initial: true\n        });\n\n        if (!proceed) {\n          process.exit(0);\n        }\n      }\n\n      // Install dependencies.\n      const dependenciesSpinner = ora(`Installing dependencies...`).start();\n      await execa(packageManager, [\n        packageManager === \"npm\" ? \"install\" : \"add\",\n        ...PROJECT_DEPENDENCIES\n      ]);\n      dependenciesSpinner.succeed();\n\n      // Ensure styles directory exists.\n      if (!projectInfo?.appDir) {\n        const stylesDir = \"./src/styles\";\n        if (!existsSync(path.resolve(stylesDir))) {\n          await fs.mkdir(path.resolve(stylesDir), { recursive: true });\n        }\n      }\n\n      // Update styles.css\n      let stylesDestination = \"./src/styles/globals.css\";\n      if (projectInfo?.appDir) {\n        stylesDestination = \"./src/app/globals.css\";\n      }\n      const stylesSpinner = ora(`Adding styles with CSS variables...`).start();\n      await fs.writeFile(stylesDestination, STYLES, \"utf8\");\n      stylesSpinner.succeed();\n\n      // Ensure lib directory exists.\n      const libDir = \"./src/lib\";\n      if (!existsSync(path.resolve(libDir))) {\n        await fs.mkdir(path.resolve(libDir), { recursive: true });\n      }\n\n      // Create lib/utils.ts\n      const utilsDestination = \"./src/lib/utils.ts\";\n\n      const utilsSpinner = ora(`Adding utils...`).start();\n      await fs.writeFile(utilsDestination, UTILS, \"utf8\");\n      utilsSpinner.succeed();\n\n      const tailwindDestination = \"./tailwind.config.cjs\";\n      const tailwindSpinner = ora(`Updating tailwind.config.cjs...`).start();\n      await fs.writeFile(tailwindDestination, TAILWIND_CONFIG, \"utf8\");\n      tailwindSpinner.succeed();\n    });\n\n  program\n    .command(\"add\")\n    .description(\"add components to your project\")\n    .argument(\"[components...]\", \"name of components\")\n    .action(async (components: string[]) => {\n      logger.warn(\n        \"Running the following command will overwrite existing files.\"\n      );\n      logger.warn(\n        \"Make sure you have committed your changes before proceeding.\"\n      );\n      logger.warn(\"\");\n\n      const availableComponents = await getAvailableComponents();\n\n      if (!availableComponents?.length) {\n        logger.error(\n          \"An error occurred while fetching components. Please try again.\"\n        );\n        process.exit(0);\n      }\n\n      let selectedComponents = availableComponents.filter((component) =>\n        components.includes(component.component)\n      );\n\n      if (!selectedComponents?.length) {\n        selectedComponents = await promptForComponents(availableComponents);\n      }\n\n      const dir = await promptForDestinationDir();\n\n      if (!selectedComponents?.length) {\n        logger.warn(\"No components selected. Nothing to install.\");\n        process.exit(0);\n      }\n\n      // Create componentPath directory if it doesn't exist.\n      const destinationDir = path.resolve(dir);\n      if (!existsSync(destinationDir)) {\n        const spinner = ora(`Creating ${dir}...`).start();\n        await fs.mkdir(destinationDir, { recursive: true });\n        spinner.succeed();\n      }\n\n      logger.success(\n        `Installing ${selectedComponents.length} component(s) and dependencies...`\n      );\n      for (const component of selectedComponents) {\n        const componentSpinner = ora(`${component.name}...`).start();\n\n        // Write the files.\n        for (const file of component.files) {\n          // Replace alias with the project's alias.\n          if (projectInfo?.alias) {\n            file.content = file.content.replace(/$\\//g, projectInfo.alias);\n          }\n          const dirPath = path.join(dir, file.dir)\n          await fs.mkdir(dirPath, { recursive: true })\n          const filePath = path.resolve(dirPath, file.name)\n          await fs.writeFile(filePath, file.content)\n\n        }\n\n        // Install dependencies.\n        if (component.dependencies?.length) {\n          await execa(packageManager, [\n            packageManager === \"npm\" ? \"install\" : \"add\",\n            ...component.dependencies\n          ]);\n        }\n        componentSpinner.succeed(component.name);\n      }\n    });\n\n  program.parse();\n}\n\nasync function promptForComponents(components: Component[]) {\n  const { components: selectedComponents } = await prompts({\n    type: \"autocompleteMultiselect\",\n    name: \"components\",\n    message: \"Which component(s) would you like to add?\",\n    hint: \"Space to select. A to select all. I to invert selection.\",\n    instructions: false,\n    choices: components.map((component) => ({\n      title: component.name,\n      value: component\n    }))\n  });\n\n  return selectedComponents;\n}\n\nasync function promptForDestinationDir() {\n  const { dir } = await prompts([\n    {\n      type: \"text\",\n      name: \"dir\",\n      message: \"Where would you like to install the component(s)?\",\n      initial: \"./src/lib/components/ui\"\n    }\n  ]);\n\n  return dir;\n}\n\nmain();\n"],"mappings":"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","names":["fs","path","existsSync","fs","path"]}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "shadcn-svelte",
+  "version": "0.0.1",
+  "description": "Add components to your apps.",
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "author": {
+    "name": "huntabyte",
+    "url": "https://twitter.com/huntabyte"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/huntabyte/shadcn-svelte.git",
+    "directory": "packages/cli"
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "components",
+    "ui",
+    "tailwind",
+    "radix-ui",
+    "shadcn",
+    "svelte",
+    "sveltekit",
+    "radix-svelte"
+  ],
+  "type": "module",
+  "exports": "./dist/index.js",
+  "bin": "./dist/index.js",
+  "dependencies": {
+    "chalk": "5.2.0",
+    "commander": "^10.0.0",
+    "execa": "^7.0.0",
+    "fs-extra": "^11.1.0",
+    "node-fetch": "^3.3.0",
+    "ora": "^6.1.2",
+    "prompts": "^2.4.2",
+    "zod": "^3.20.2"
+  },
+  "devDependencies": {
+    "@ianvs/prettier-plugin-sort-imports": "^3.7.2",
+    "@types/fs-extra": "^11.0.1",
+    "@types/prompts": "^2.4.2",
+    "prettier": "^2.8.8",
+    "rimraf": "^4.1.3",
+    "tsup": "^6.6.3",
+    "type-fest": "^3.8.0",
+    "typescript": "^4.9.3"
+  },
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "clean": "rimraf dist && rimraf components",
+    "start:dev": "cross-env COMPONENTS_BASE_URL=http://localhost:5173 node dist/index.js",
+    "start": "node dist/index.js",
+    "format:write": "prettier --write \"**/*.{ts,md}\" --cache",
+    "format:check": "prettier --check \"**/*.{ts,md}\" --cache",
+    "release": "changeset version",
+    "pub:beta": "pnpm build && pnpm publish --no-git-checks --access public --tag beta",
+    "pub:next": "pnpm build && pnpm publish --no-git-checks --access public --tag next",
+    "pub:release": "pnpm build && pnpm publish --access public"
+  }
+}