@kinetixui/cli 0.16.0 → 0.17.0

package/dist/index.js

@@ -91,6 +91,14 @@ function assertComponentName(name) {
   }
   return name;
 }
+function assertThemeName(name) {
+  if (typeof name !== "string" || !/^[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i.test(name)) {
+    throw new Error(
+      `Invalid theme name ${JSON.stringify(name)} \u2014 expected letters, digits and dashes.`
+    );
+  }
+  return name;
+}
 function assertRegistryUrl(url) {
   let parsed;
   try {
@@ -248,6 +256,13 @@ async function doctor() {
         levels.push(report("warn", `"${alias}" alias points to ${path5.relative(cwd, dir) || "."}, which doesn't exist yet.`));
       }
     }
+    const utilsBase = resolveAliasDir(cwd, config, "utils");
+    const utilsFile = [".ts", ".tsx", ".js", ".jsx"].map((ext) => `${utilsBase}${ext}`).find((f) => existsSync5(f));
+    if (utilsFile) {
+      levels.push(report("pass", `"utils" alias resolves to ${path5.relative(cwd, utilsFile)}`));
+    } else {
+      levels.push(report("warn", `"utils" alias points to ${path5.relative(cwd, utilsBase)}, which doesn't exist yet.`));
+    }
     const cssPath2 = path5.join(cwd, config.srcDir ? "src" : "", config.tailwind.css);
     if (existsSync5(cssPath2)) {
       levels.push(report("pass", `Tailwind CSS file found at ${path5.relative(cwd, cssPath2)}`));
@@ -381,7 +396,12 @@ async function inspect(name, options) {
   console.log();
   console.log(`${pc4.dim("Type")}         ${item.type}`);
   const cwd = process.cwd();
-  const config = await readConfig(cwd);
+  let config = null;
+  try {
+    config = await readConfig(cwd);
+  } catch {
+    console.log(`${pc4.dim("Installed")}    ${pc4.yellow("? (kinetixui.json exists but isn't valid JSON)")}`);
+  }
   if (config) {
     const uiDir = resolveAliasDir(cwd, config, "ui");
     const installed = item.files.some(
@@ -402,10 +422,25 @@ async function inspect(name, options) {
   }
   const spec = await fetchComponentSpec(options.registry, name);
   if (spec) {
-    console.log();
-    console.log(pc4.dim("Variants:"));
-    for (const [axis, options_] of Object.entries(spec.variants)) {
-      console.log(`  ${pc4.dim(axis)}   ${options_.join(", ")}`);
+    if (spec.since || spec.status) {
+      console.log();
+      console.log(`${pc4.dim("Since:")}  ${spec.since ?? "\u2014"}  ${pc4.dim(spec.status ? `(${spec.status})` : "")}`);
+    }
+    const axes = Object.entries(spec.variants ?? {});
+    if (axes.length) {
+      console.log();
+      console.log(pc4.dim("Variants:"));
+      for (const [axis, options_] of axes) {
+        console.log(`  ${pc4.dim(axis)}   ${options_.join(", ")}`);
+      }
+    }
+    if (spec.components?.length) {
+      console.log();
+      console.log(pc4.dim("Parts:"));
+      for (const part of spec.components) {
+        const own = part.props.map((p) => p.required ? p.name : `${p.name}?`);
+        console.log(`  ${part.name}${own.length ? `   ${pc4.dim(own.join(", "))}` : ""}`);
+      }
     }
   }
   console.log();
@@ -447,7 +482,7 @@ var COLOR_PATTERNS = [
   // style={{ color: "#1a2b3c" }} / a plain CSS declaration `color: #1a2b3c;`
   new RegExp(`:\\s*["']?#${HEX}["']?`, "g")
 ];
-var SPACING_UTILITY_PATTERN = "-?(?:p|m)[trblxy]?|gap(?:-[xy])?|space-[xy]|inset(?:-[xy])?|top|right|bottom|left";
+var SPACING_UTILITY_PATTERN = "-?(?:(?:p|m)[trblxy]?|gap(?:-[xy])?|space-[xy]|inset(?:-[xy])?|top|right|bottom|left)";
 var SPACING_VALUE = "-?[\\d.]+(?:px|rem|em|%)?";
 var SPACING_PATTERNS = [
   new RegExp(`\\b(?:${SPACING_UTILITY_PATTERN})-\\[${SPACING_VALUE}\\]`, "g")
@@ -494,6 +529,14 @@ var SUGGESTION = {
   color: "consider a semantic token utility instead (e.g. bg-primary, text-foreground)",
   spacing: "consider a token-backed spacing utility instead (e.g. p-4, gap-2)"
 };
+function dedupeNestedDirs(dirs) {
+  const sorted = [...new Set(dirs)].sort((a, b) => a.length - b.length);
+  const kept = [];
+  for (const dir of sorted) {
+    if (!kept.some((k) => dir === k || dir.startsWith(k + path8.sep))) kept.push(dir);
+  }
+  return kept;
+}
 async function collectFiles(dir) {
   if (!existsSync8(dir)) return [];
   const files = [];
@@ -523,7 +566,7 @@ async function lint(targetArg, options) {
     }
     const config = await readConfig(cwd);
     if (!config) throw new Error(`${CONFIG_FILE} exists but isn't valid JSON.`);
-    dirs = [resolveAliasDir(cwd, config, "components"), resolveAliasDir(cwd, config, "ui")];
+    dirs = dedupeNestedDirs([resolveAliasDir(cwd, config, "components"), resolveAliasDir(cwd, config, "ui")]);
   }
   const seenFiles = /* @__PURE__ */ new Set();
   const files = [];
@@ -817,6 +860,7 @@ function cssPath(cwd, name) {
   return path9.join(cwd, THEME_DIR, `${name}.css`);
 }
 async function themeCreate(name, options) {
+  assertThemeName(name);
   const cwd = process.cwd();
   const file = csvPath(cwd, name);
   if (existsSync9(file) && !options.force) {
@@ -829,6 +873,7 @@ async function themeCreate(name, options) {
   console.log(pc8.dim(`  kinetixui theme build ${name}`));
 }
 async function themeBuild(name, options) {
+  assertThemeName(name);
   const cwd = process.cwd();
   const src = csvPath(cwd, name);
   if (!existsSync9(src)) {
@@ -870,7 +915,7 @@ async function themeBuild(name, options) {
 // package.json
 var package_default = {
   name: "@kinetixui/cli",
-  version: "0.16.0",
+  version: "0.17.0",
   description: "Add KinetixUI components and tokens to your project.",
   type: "module",
   license: "MIT",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kinetixui/cli",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "Add KinetixUI components and tokens to your project.",
   "type": "module",
   "license": "MIT",