fix: path

Author: irsyadadl

package.json

@@ -9,12 +9,7 @@
     "intentui": "dist/index.js",
     "shadcnClone": "dist/shadcn/index.js"
   },
-  "files": [
-    "dist",
-    "LICENSE",
-    "README.md",
-    "package.json"
-  ],
+  "files": ["dist", "LICENSE", "README.md", "package.json"],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/intentuilabs/cli.git"
@@ -34,12 +29,7 @@
     "release": "export GITHUB_TOKEN=$(cat .github_token) && release-it",
     "typecheck": "tsc --noEmit"
   },
-  "keywords": [
-    "cli",
-    "intentui cli",
-    "Intent UI",
-    "design-system"
-  ],
+  "keywords": ["cli", "intentui cli", "Intent UI", "design-system"],
   "author": "Irsyad A. Panjaitan",
   "license": "MIT",
   "devDependencies": {

src/commands/add.command.ts

@@ -1,4 +1,7 @@
 import { Args, Command, Options } from "@effect/cli"
+import * as FileSystem from "@effect/platform/FileSystem"
+
+import * as Path from "node:path"
 import {
   HttpClient,
   HttpClientRequest,
@@ -8,6 +11,14 @@ import {
 import chalk from "chalk"
 import { Console, Effect, Schema, pipe } from "effect"
 import { REGISTRY_URL } from "~/consts"
+import { applyUserAliases } from "~/lib/apply-user-aliases"
+import {
+  isLaravel,
+  isNextWithSrc,
+  isNextWithoutSrc,
+  isRemix,
+} from "~/lib/check-current-user-project"
+import { walkFiles } from "~/lib/walk-files"
 import { Component } from "~/schema/component"
 
 export const componentNames = Args.text({ name: "componentNames" }).pipe(Args.repeated)
@@ -78,13 +89,61 @@ export const addCommand = Command.make(
       }
       args.push(...componentPaths)
 
-      return yield* pipe(
+      const exitCode = yield* pipe(
         RawCommand.make("shadcnClone", ...args).pipe(
           RawCommand.stdin("inherit"),
           RawCommand.stdout("inherit"),
           RawCommand.stderr("inherit"),
           RawCommand.exitCode,
         ),
       )
+
+      if (exitCode === 0) {
+        const fileSystem = yield* FileSystem.FileSystem
+
+        const userConfigPath = Path.resolve(process.cwd(), "components.json")
+        const userConfigRaw = yield* fileSystem.readFileString(userConfigPath)
+        const userConfig = JSON.parse(userConfigRaw)
+
+        const cwd = process.cwd()
+
+        const hasSrc = yield* Effect.promise(() => isNextWithSrc(cwd))
+        const noSrc = yield* Effect.promise(() => isNextWithoutSrc(cwd))
+        const isRemixApp = yield* Effect.promise(() => isRemix(cwd))
+        const isLaravelApp = yield* Effect.promise(() => isLaravel(cwd))
+
+        function resolveAliasPath(aliasPath: string): string {
+          const base =
+            isLaravelApp || noSrc ? cwd : hasSrc || isRemixApp ? Path.join(cwd, "src") : cwd
+
+          return Path.resolve(aliasPath.replace(/^@\//, `${base}/`))
+        }
+
+        const foldersToPatch = Object.values(userConfig.aliases as Record<string, string>)
+          .filter((dir) => typeof dir === "string" && dir.startsWith("@/"))
+          .map((aliasPath) => resolveAliasPath(aliasPath))
+
+        for (const folder of foldersToPatch) {
+          const exists = yield* fileSystem.exists(folder)
+          if (!exists) continue
+
+          const allFiles = yield* walkFiles(fileSystem, folder)
+
+          for (const file of allFiles) {
+            const fullPath = Path.join(folder, file)
+            if (!fullPath.endsWith(".tsx")) continue
+
+            const raw = yield* fileSystem.readFileString(fullPath)
+            const updated = applyUserAliases(raw, userConfig.aliases)
+
+            if (updated !== raw) {
+              yield* fileSystem.writeFile(fullPath, Buffer.from(updated))
+            }
+          }
+        }
+
+      }
+
+      return exitCode
     }),
 ).pipe(Command.withDescription("Adds UI components or blocks to your project."))

src/lib/apply-user-aliases.ts

@@ -0,0 +1,10 @@
+export function applyUserAliases(content: string, aliases: Record<string, string>) {
+  return Object.entries(aliases).reduce((updated, [alias, resolved]) => {
+    const escaped = alias.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&")
+    const regex = new RegExp(`(["'])@/${escaped}(/[^"']*)?\\1`, "g")
+
+    return updated.replace(regex, (_match, quote, subpath = "") => {
+      return `${quote}${resolved}${subpath}${quote}`
+    })
+  }, content)
+}

src/lib/walk-files.ts

@@ -0,0 +1,28 @@
+// biome-ignore lint/style/useImportType: <explanation>
+import * as FS from "@effect/platform/FileSystem"
+import * as Path from "node:path"
+import { Effect } from "effect"
+
+export function walkFiles(
+  fs: FS.FileSystem,
+  dir: string,
+): Effect.Effect<string[], unknown> {
+  return Effect.gen(function* () {
+    const entries = yield* fs.readDirectory(dir)
+    const out: string[] = []
+
+    for (const entry of entries) {
+      const full = Path.join(dir, entry)
+      const info = yield* fs.stat(full)
+
+      if (info.type === "Directory") {
+        const nested = yield* walkFiles(fs, full)
+        out.push(...nested.map((f) => Path.join(entry, f)))
+      } else if (info.type === "File") {
+        out.push(entry)
+      }
+    }
+
+    return out
+  })
+}