@multicomma/arkcn 0.1.0 → 0.1.1

package/cli/commands.mjs

@@ -4,6 +4,7 @@ import {
   CONFIG_FILE,
   defaultConfig,
   detectBundlerAlias,
+  ensureViteConfig,
   detectPackageManager,
   ensureTsconfigAlias,
   installDependencies,
@@ -96,10 +97,15 @@ export async function init(cwd, registry, flags) {
   else if (alias === "ok") ok(`tsconfig already maps "${config.alias}/*"`)
   else warn(`Add "paths": { "${config.alias}/*": ["./${config.srcDir}/*"] } to your tsconfig compilerOptions.`)
   const bundler = detectBundlerAlias(cwd, config.alias)
-  if (bundler.framework === "vite" && !bundler.ok)
-    warn(
-      `Add the alias to ${bundler.file}: resolve.alias { "${config.alias}": path.resolve(__dirname, "./${config.srcDir}") }`
-    )
+  if (bundler.framework === "vite") {
+    const vite = ensureViteConfig(cwd, config.alias, config.srcDir)
+    if (vite.added.length) ok(`Added ${vite.added.join(" and ")} to ${vite.file}`)
+    else if (vite.manual)
+      warn(
+        `Add to ${vite.file}: the @tailwindcss/vite plugin and resolve.alias { "${config.alias}": "./${config.srcDir}" }`
+      )
+    else ok(`${vite.file} already has the alias and the Tailwind plugin`)
+  }
 
   const { items } = await registry.closure(["utils"])
   for (const item of items) writeItem(cwd, config, item, { overwrite: false })
@@ -118,6 +124,7 @@ export async function init(cwd, registry, flags) {
   const deps = Object.entries(index.baseDependencies)
     .filter(([dep]) => !installedVersion(cwd, dep))
     .map(([dep, version]) => `${dep}@${version}`)
+  if (bundler.framework === "vite" && !installedVersion(cwd, "@tailwindcss/vite")) deps.push("@tailwindcss/vite")
   await install(cwd, deps, flags)
   log(`\nNext: ${c.cyan("npx @multicomma/arkcn add button card dialog")}`)
 }

package/cli/project.mjs

@@ -120,33 +120,79 @@ export function installDependencies(cwd, deps) {
   return { ok: result.status === 0, pm, args }
 }
 
-/** Ensure tsconfig paths has "<alias>/*": ["./<srcDir>/*"]. Returns "ok" | "added" | "manual". */
+/**
+ * Ensure tsconfig paths has "<alias>/*": ["./<srcDir>/*"]. Works on JSON with comments (Vite's
+ * templates) by inserting text instead of re-serialising. Returns "ok" | "added" | "manual".
+ */
 export function ensureTsconfigAlias(cwd, alias, srcDir = "src") {
   for (const name of ["tsconfig.app.json", "tsconfig.json"]) {
     const file = join(cwd, name)
     if (!existsSync(file)) continue
     const raw = readFileSync(file, "utf8")
-    let json
-    try {
-      json = JSON.parse(
-        raw
-          .replace(/\/\*[\s\S]*?\*\//g, "")
-          .replace(/^\s*\/\/.*$/gm, "")
-          .replace(/,(\s*[}\]])/g, "$1")
-      )
-    } catch {
-      return "manual"
+    const key = `"${alias}/*"`
+    if (raw.includes(key)) return "ok"
+    const entry = `${key}: ["./${srcDir}/*"]`
+    const pathsMatch = raw.match(/"paths"\s*:\s*\{/)
+    if (pathsMatch) {
+      const at = pathsMatch.index + pathsMatch[0].length
+      const rest = raw.slice(at)
+      const empty = /^\s*\}/.test(rest)
+      writeFileSync(file, raw.slice(0, at) + `\n      ${entry}${empty ? "" : ","}` + rest)
+      return "added"
     }
-    const paths = json.compilerOptions?.paths ?? {}
-    if (paths[`${alias}/*`]) return "ok"
-    if (raw.includes("//") || raw.includes("/*")) return "manual"
-    json.compilerOptions = { ...json.compilerOptions, paths: { ...paths, [`${alias}/*`]: [`./${srcDir}/*`] } }
-    writeFileSync(file, JSON.stringify(json, null, 2) + "\n")
+    const optionsMatch = raw.match(/"compilerOptions"\s*:\s*\{/)
+    if (!optionsMatch) continue
+    const at = optionsMatch.index + optionsMatch[0].length
+    const rest = raw.slice(at)
+    const empty = /^\s*\}/.test(rest)
+    writeFileSync(file, raw.slice(0, at) + `\n    "paths": {\n      ${entry}\n    }${empty ? "" : ","}` + rest)
     return "added"
   }
   return "manual"
 }
 
+/**
+ * Ensure a Vite config has the "@" alias and the Tailwind plugin. Returns what was added.
+ * Next.js reads tsconfig paths on its own, so it only needs the tsconfig step.
+ */
+export function ensureViteConfig(cwd, alias, srcDir = "src") {
+  const name = ["vite.config.ts", "vite.config.mts", "vite.config.js", "vite.config.mjs"].find((n) =>
+    existsSync(join(cwd, n))
+  )
+  if (!name) return { file: null, added: [] }
+  const file = join(cwd, name)
+  let raw = readFileSync(file, "utf8")
+  const added = []
+  const hasAlias = raw.includes(`"${alias}"`) || raw.includes(`'${alias}'`) || raw.includes("tsconfigPaths")
+  const hasTailwind = raw.includes("@tailwindcss/vite")
+  const config = raw.match(/defineConfig\(\s*\{/)
+  if (!config) return { file: name, added, manual: !hasAlias || !hasTailwind }
+  if (!hasTailwind) {
+    raw = `import tailwindcss from "@tailwindcss/vite"\n` + raw
+    const plugins = raw.match(/plugins\s*:\s*\[/)
+    if (plugins) {
+      const at = plugins.index + plugins[0].length
+      raw = raw.slice(0, at) + "tailwindcss(), " + raw.slice(at)
+    } else {
+      const m = raw.match(/defineConfig\(\s*\{/)
+      raw = raw.slice(0, m.index + m[0].length) + "\n  plugins: [tailwindcss()]," + raw.slice(m.index + m[0].length)
+    }
+    added.push("tailwind plugin")
+  }
+  if (!hasAlias) {
+    if (!/from ["']node:path["']|from ["']path["']/.test(raw)) raw = `import path from "node:path"\n` + raw
+    const m = raw.match(/defineConfig\(\s*\{/)
+    const at = m.index + m[0].length
+    raw =
+      raw.slice(0, at) +
+      `\n  resolve: {\n    alias: { "${alias}": path.resolve(import.meta.dirname, "./${srcDir}") },\n  },` +
+      raw.slice(at)
+    added.push("alias")
+  }
+  if (added.length) writeFileSync(file, raw)
+  return { file: name, added }
+}
+
 export function detectBundlerAlias(cwd, alias) {
   const candidates = [
     "vite.config.ts",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multicomma/arkcn",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "arkcn: shadcn/ui-style components ported to Ark UI, plus data-heavy primitives (data grid, kanban, gantt, scheduler, node graph, ...). Tailwind v4. Ships a copy-into-your-project CLI and an MCP server.",
   "type": "module",
   "license": "MIT",

package/registry/index.json

@@ -1,6 +1,6 @@
 {
   "name": "@multicomma/arkcn",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "baseDependencies": {
     "react": "^19.2.8",
     "react-dom": "^19.2.8",