feat: add theme command

Author: Makisuo

bun.lock

@@ -7,7 +7,9 @@
         "@effect/cli": "^0.60.1",
         "@effect/platform": "^0.81.1",
         "@effect/platform-bun": "^0.62.1",
+        "chalk": "^5.4.1",
         "effect": "^3.14.22",
+        "figlet": "^1.8.1",
         "nanoid": "^5.1.5",
         "rc9": "^2.1.2",
         "shadcn": "^2.5.0",
@@ -19,6 +21,7 @@
         "@commitlint/config-conventional": "^19.8.1",
         "@release-it/conventional-changelog": "^10.0.1",
         "@types/bun": "latest",
+        "@types/figlet": "^1.7.0",
         "husky": "^9.1.7",
         "release-it": "^19.0.2",
         "rimraf": "^6.0.1",
@@ -341,6 +344,8 @@
 
     "@types/cookie": ["@types/cookie@0.6.0", "", {}, "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA=="],
 
+    "@types/figlet": ["@types/figlet@1.7.0", "", {}, "sha512-KwrT7p/8Eo3Op/HBSIwGXOsTZKYiM9NpWRBJ5sVjWP/SmlS+oxxRvJht/FNAtliJvja44N3ul1yATgohnVBV0Q=="],
+
     "@types/node": ["@types/node@22.15.3", "", { "dependencies": { "undici-types": "~6.21.0" } }, "sha512-lX7HFZeHf4QG/J7tBZqrCAXwz9J5RD56Y6MpP0eJkka8p+K0RY/yBTW7CYFJ4VGCclxqOLKmiGP5juQc6MKgcw=="],
 
     "@types/normalize-package-data": ["@types/normalize-package-data@2.4.4", "", {}, "sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA=="],
@@ -573,6 +578,8 @@
 
     "fetch-blob": ["fetch-blob@3.2.0", "", { "dependencies": { "node-domexception": "^1.0.0", "web-streams-polyfill": "^3.0.3" } }, "sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ=="],
 
+    "figlet": ["figlet@1.8.1", "", { "bin": { "figlet": "bin/index.js" } }, "sha512-kEC3Sme+YvA8Hkibv0NR1oClGcWia0VB2fC1SlMy027cwe795Xx40Xiv/nw/iFAwQLupymWh+uhAAErn/7hwPg=="],
+
     "fill-range": ["fill-range@7.1.1", "", { "dependencies": { "to-regex-range": "^5.0.1" } }, "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg=="],
 
     "find-my-way-ts": ["find-my-way-ts@0.1.5", "", {}, "sha512-4GOTMrpGQVzsCH2ruUn2vmwzV/02zF4q+ybhCIrw/Rkt3L8KWcycdC6aJMctJzwN4fXD4SD5F/4B9Sksh5rE0A=="],

package.json

@@ -36,6 +36,7 @@
     "@commitlint/config-conventional": "^19.8.1",
     "@release-it/conventional-changelog": "^10.0.1",
     "@types/bun": "latest",
+    "@types/figlet": "^1.7.0",
     "husky": "^9.1.7",
     "release-it": "^19.0.2",
     "rimraf": "^6.0.1",
@@ -45,7 +46,9 @@
     "@effect/cli": "^0.60.1",
     "@effect/platform": "^0.81.1",
     "@effect/platform-bun": "^0.62.1",
+    "chalk": "^5.4.1",
     "effect": "^3.14.22",
+    "figlet": "^1.8.1",
     "nanoid": "^5.1.5",
     "rc9": "^2.1.2",
     "shadcn": "^2.5.0"

src/commands/add.command.ts

@@ -6,7 +6,9 @@ import { Command as RawCommand } from "@effect/platform"
 
 export const componentNames = Args.text({ name: "componentNames" }).pipe(Args.repeated)
 
-export const componentType = Options.choice("type", ["ui", "block"]).pipe(Options.withDefault("ui"))
+export const componentType = Options.choice("type", ["ui", "block", "style"]).pipe(
+  Options.withDefault("ui"),
+)
 
 export const addCommand = Command.make("add", { componentNames, componentType }, (config) =>
   Effect.gen(function* () {

src/commands/theme.command.ts

@@ -0,0 +1,20 @@
+import { Args, Command } from "@effect/cli"
+import { Effect } from "effect"
+import { REGISTRY_URL } from "~/consts"
+
+import { Command as RawCommand } from "@effect/platform"
+
+export const theme = Args.text({ name: "theme" })
+
+export const themeCommand = Command.make("theme", { theme }, (config) =>
+  Effect.gen(function* () {
+    const themePath = `${REGISTRY_URL}/r/style/${config.theme}`
+
+    const exitCode = yield* RawCommand.make("bunx", "shadcn", "add", themePath).pipe(
+      RawCommand.stdin("inherit"),
+      RawCommand.stdout("inherit"),
+      RawCommand.stderr("inherit"),
+      RawCommand.exitCode,
+    )
+  }),
+).pipe(Command.withDescription("Adds UI components or blocks to your project."))

src/index.ts

@@ -5,22 +5,67 @@ import { Command } from "@effect/cli"
 import { BunContext, BunRuntime } from "@effect/platform-bun"
 import { Console, Effect } from "effect"
 
+import chalk from "chalk"
+import figlet from "figlet"
+
 import { addCommand } from "~/commands/add.command"
 import { diffCommand } from "~/commands/diff.command"
 import { initCommand } from "~/commands/init.command"
 import { loginCommand } from "~/commands/login.command"
+import { themeCommand } from "./commands/theme.command"
+
+const generateFigletText = (text: string, options: figlet.Options): Effect.Effect<string, Error> =>
+  Effect.async<string, Error>((resume) => {
+    figlet.text(text, options, (error, data) => {
+      if (error) {
+        resume(Effect.fail(new Error(error.message)))
+      } else if (data) {
+        resume(Effect.succeed(data))
+      } else {
+        resume(Effect.fail(new Error("Figlet returned undefined data")))
+      }
+    })
+  })
 
 const rootCommand = Command.make("root", {}, () =>
   Effect.gen(function* () {
-    yield* Console.log("IntentUI CLI is ready to use!")
+    const figletOptions: figlet.Options = {
+      font: "Standard",
+      horizontalLayout: "default",
+    }
+
+    const intentTextEffect = generateFigletText("Intent", figletOptions)
+    const uiTextEffect = generateFigletText("UI", figletOptions)
+
+    const [intentText, uiText] = yield* Effect.all([intentTextEffect, uiTextEffect]).pipe(
+      Effect.catchAll(() => Effect.succeed([chalk.bold.cyan("Intent"), chalk.bold.magenta("UI")])),
+    )
+
+    const intentLines = intentText.split("\n")
+    const uiLines = uiText.split("\n")
+    const maxLength = Math.max(intentLines.length, uiLines.length)
+    const isFigletOutput = intentText.includes("\n")
+
+    for (let i = 0; i < maxLength; i++) {
+      const intentLine = intentLines[i] || ""
+      const uiLine = uiLines[i] || ""
+      if (isFigletOutput) {
+        yield* Console.log(`${chalk.bold.cyan(intentLine.padEnd(20))}${chalk.bold.magenta(uiLine)}`)
+      } else {
+        yield* Console.log(`${intentLine} ${uiLine}`)
+      }
+    }
+
+    yield* Console.log("")
+    yield* Console.log(chalk.bold.yellow("IntentUI CLI is ready to use!"))
+    yield* Console.log("")
   }),
 )
 
 const command = rootCommand.pipe(
-  Command.withSubcommands([initCommand, addCommand, diffCommand, loginCommand]),
+  Command.withSubcommands([initCommand, addCommand, diffCommand, loginCommand, themeCommand]),
 )
 
-// Set up the CLI application
 const cli = Command.run(command, {
   name: "IntentUI Cli",
   version: "v0.0.1",