alchemy 0.62.2 → 0.63.0

package/src/web/shadcn.ts

@@ -1,221 +0,0 @@
-import { exec } from "node:child_process";
-import path from "node:path";
-import { promisify } from "node:util";
-import type { Context } from "../context.ts";
-import { Folder } from "../fs/folder.ts";
-import { StaticJsonFile } from "../fs/static-json-file.ts";
-import { StaticTypeScriptFile } from "../fs/static-typescript-file.ts";
-import { Resource } from "../resource.ts";
-import { logger } from "../util/logger.ts";
-import { ShadcnComponent } from "./shadcn-component.ts";
-
-const execAsync = promisify(exec);
-
-/**
- * Properties for initializing Shadcn UI
- */
-export interface ShadcnUIProps {
-  /**
-   * The working directory where Shadcn UI should be installed
-   */
-  cwd: string;
-
-  /**
-   * The base color to use
-   * @default "neutral"
-   */
-  baseColor?: "neutral" | "gray" | "zinc" | "stone" | "slate";
-
-  /**
-   * Use default configuration
-   * @default false
-   */
-  defaults?: boolean;
-
-  /**
-   * Force overwrite of existing configuration
-   * @default false
-   */
-  force?: boolean;
-
-  /**
-   * Mute output
-   * @default false
-   */
-  silent?: boolean;
-
-  /**
-   * Use the src directory when creating a new project
-   * @default true
-   */
-  srcDir?: boolean;
-
-  /**
-   * Use css variables for theming
-   * @default true
-   */
-  cssVariables?: boolean;
-
-  /**
-   * The components to add
-   */
-  components?: string[];
-
-  /**
-   * Whether tailwind is already installed and configured.
-   * Shadcn UI requires Tailwind CSS to be installed and configured.
-   * @default false
-   */
-  tailwind?: boolean;
-
-  /**
-   * Whether react is already installed
-   * @default false
-   */
-  react?: boolean;
-}
-
-/**
- * Shadcn UI resource
- */
-export interface ShadcnUI extends ShadcnUIProps, Resource<"project::ShadcnUI"> {
-  /**
-   * The working directory where Shadcn UI is installed
-   */
-  cwd: string;
-
-  /**
-   * The ui directory
-   */
-  ui: Folder;
-
-  /**
-   * The lib directory
-   */
-  lib: Folder;
-}
-
-/**
- * Initializes Shadcn UI in a project directory
- *
- * @example
- * // Initialize Shadcn UI with default settings
- * const shadcn = await ShadcnUI("my-shadcn", {
- *   cwd: "my-project",
- *   tailwind: true,  // Tailwind must be installed separately
- *   react: true     // React must be installed separately
- * });
- *
- * @example
- * // Initialize Shadcn UI with custom settings and components
- * const shadcn = await ShadcnUI("custom-shadcn", {
- *   cwd: "my-project",
- *   baseColor: "zinc",
- *   force: true,
- *   components: ["button", "card", "input"],
- *   tailwind: true,  // Tailwind must be installed separately
- *   react: true     // React must be installed separately
- * });
- */
-export const ShadcnUI = Resource(
-  "project::ShadcnUI",
-  async function (
-    this: Context<ShadcnUI>,
-    _id: string,
-    props: ShadcnUIProps,
-  ): Promise<ShadcnUI> {
-    if (this.phase === "delete") {
-      // For a delete phase, we don't perform any action
-      // as removing Shadcn UI would require removing many files
-      // which could be destructive to the project
-      logger.log(
-        "Note: ShadcnUI delete phase does not remove installed components",
-      );
-
-      return this.destroy();
-    }
-
-    // Setup execAsync with the correct cwd
-    const exec = (command: string) => execAsync(command, { cwd: props.cwd });
-
-    // Ensure React is installed if not already
-    if (!props.react) {
-      await exec("bun add react react-dom");
-    }
-
-    // Install shadcn dependencies
-    await exec("bun add -D @types/node");
-
-    // Create components.json directly instead of running shadcn init
-    await StaticJsonFile(path.join(props.cwd, "components.json"), {
-      $schema: "https://ui.shadcn.com/schema.json",
-      style: props.cssVariables !== false ? "default" : "new-york",
-      tsx: true,
-      rsc: false,
-      tailwind: {
-        config: "tailwind.config.js",
-        css:
-          props.srcDir !== false
-            ? "src/styles/globals.css"
-            : "styles/globals.css",
-        baseColor: props.baseColor || "neutral",
-        cssVariables: props.cssVariables !== false,
-      },
-      aliases: {
-        components: props.srcDir !== false ? "@/components" : "./components",
-        utils: props.srcDir !== false ? "@/lib/utils" : "./lib/utils",
-      },
-    });
-
-    // Ensure ui components directory exists
-    const ui = await Folder(
-      path.join(
-        props.cwd,
-        props.srcDir !== false ? "src" : "",
-        "components",
-        "ui",
-      ),
-    );
-
-    // Create lib directory
-    const libPath = path.join(
-      props.cwd,
-      props.srcDir !== false ? "src" : "",
-      "lib",
-    );
-    const lib = await Folder(libPath);
-
-    // Create utils.ts file
-    const utilsContent = `
-      import { type ClassValue, clsx } from "clsx";
-      import { twMerge } from "tailwind-merge";
-       
-      export function cn(...inputs: ClassValue[]) {
-        return twMerge(clsx(inputs));
-      }
-    `;
-
-    await StaticTypeScriptFile(path.join(libPath, "utils.ts"), utilsContent);
-
-    // Install clsx and tailwind-merge
-    await exec("bun add clsx tailwind-merge");
-
-    // Install requested components
-    if (props.components && props.components.length > 0) {
-      for (const componentName of props.components) {
-        await ShadcnComponent(`shadcn-component-${componentName}`, {
-          name: componentName,
-          cwd: props.cwd,
-          force: props.force,
-          silent: props.silent,
-        });
-      }
-    }
-
-    return this({
-      ...props,
-      ui,
-      lib,
-    });
-  },
-);

package/src/web/tailwind.ts

@@ -1,167 +0,0 @@
-import { exec } from "node:child_process";
-import path from "node:path";
-import { promisify } from "node:util";
-import type { Context } from "../context.ts";
-import { Folder } from "../fs/folder.ts";
-import { StaticTextFile } from "../fs/static-text-file.ts";
-import { Resource } from "../resource.ts";
-
-const execAsync = promisify(exec);
-
-/**
- * Framework types supported by the Tailwind resource
- */
-export type TailwindFramework = "vite" | "astro" | "next" | "standalone";
-
-/**
- * Properties for Tailwind configuration
- */
-export interface TailwindConfigProps {
-  /**
-   * The working directory where Tailwind should be installed
-   */
-  cwd: string;
-
-  /**
-   * The framework being used (determines which dependencies to install)
-   * @default "standalone"
-   */
-  framework?: TailwindFramework;
-
-  /**
-   * The path to the CSS file where Tailwind directives should be added
-   * If not provided, a new file will be created at src/styles/base.css
-   */
-  cssPath?: string;
-
-  /**
-   * Custom additional packages to install with Tailwind
-   */
-  additionalPackages?: string[];
-}
-
-/**
- * Tailwind configuration resource
- */
-export interface TailwindConfig
-  extends TailwindConfigProps,
-    Resource<"config::TailwindConfig"> {
-  /**
-   * The working directory where Tailwind is installed
-   */
-  cwd: string;
-}
-
-/**
- * Installs and configures Tailwind CSS for a project
- *
- * @example
- * // Install Tailwind for a Vite project
- * const tailwind = await TailwindConfig("vite-tailwind", {
- *   cwd: "my-vite-app",
- *   framework: "vite"
- * });
- *
- * @example
- * // Install Tailwind for an Astro project
- * const tailwind = await TailwindConfig("astro-tailwind", {
- *   cwd: "my-astro-app",
- *   framework: "astro"
- * });
- *
- * @example
- * // Install Tailwind as standalone with a custom CSS path
- * const tailwind = await TailwindConfig("custom-tailwind", {
- *   cwd: "my-project",
- *   cssPath: "src/css/main.css",
- *   additionalPackages: ["@tailwindcss/typography", "@tailwindcss/forms"]
- * });
- */
-export const TailwindConfig = Resource(
-  "config::TailwindConfig",
-  async function (
-    this: Context<TailwindConfig>,
-    id: string,
-    props: TailwindConfigProps,
-  ): Promise<TailwindConfig> {
-    if (this.phase === "delete") {
-      // Nothing to clean up specifically for Tailwind
-      return this.destroy();
-    }
-
-    const framework = props.framework || "standalone";
-
-    // Setup execAsync with the correct cwd
-    const exec = (command: string) => execAsync(command, { cwd: props.cwd });
-
-    // Install Tailwind and framework-specific dependencies
-    await installTailwindDependencies(framework);
-
-    // Create CSS file with Tailwind directives
-    await createTailwindCssFile();
-
-    return this({
-      ...props,
-      framework: framework,
-    });
-
-    /**
-     * Install Tailwind and framework-specific dependencies
-     */
-    async function installTailwindDependencies(framework: TailwindFramework) {
-      const basePackages = ["tailwindcss", "postcss", "autoprefixer"];
-
-      // Add framework-specific packages
-      const frameworkPackages = getFrameworkPackages(framework);
-
-      // Add custom additional packages
-      const additionalPackages = props.additionalPackages || [];
-
-      // Combine all packages
-      const allPackages = [
-        ...basePackages,
-        ...frameworkPackages,
-        ...additionalPackages,
-      ];
-
-      // Install all packages
-      await exec(`bun add -D ${allPackages.join(" ")}`);
-    }
-
-    /**
-     * Get framework-specific packages for Tailwind
-     */
-    function getFrameworkPackages(framework: TailwindFramework): string[] {
-      switch (framework) {
-        case "vite":
-          return ["@tailwindcss/vite"];
-        case "astro":
-          return ["@astrojs/tailwind"];
-        case "next":
-          return [];
-        default:
-          return [];
-      }
-    }
-
-    /**
-     * Create or update CSS file with Tailwind directives
-     */
-    async function createTailwindCssFile() {
-      const tailwindDirectives = `@import 'tailwindcss';`;
-
-      // Determine CSS file path
-      const cssPath =
-        props.cssPath || path.join(props.cwd, "src", "styles", "global.css");
-
-      // Create directory structure if needed
-      const cssDir = path.dirname(cssPath);
-      await Folder(path.join(id, "css-dir"), {
-        path: cssDir,
-      });
-
-      // Create CSS file with Tailwind directives
-      await StaticTextFile(cssPath, tailwindDirectives);
-    }
-  },
-);