@tokiui/cli 0.3.0 → 0.3.1

package/dist/index.js

@@ -189,20 +189,34 @@ var initCommand = new import_commander.Command("init").description("Initialize t
   spinner.start("Setting up global CSS");
   const globalsAbsPath = import_path2.default.join(cwd, answers.globalsPath);
   await import_fs_extra2.default.ensureDir(import_path2.default.dirname(globalsAbsPath));
-  let css = import_fs_extra2.default.existsSync(globalsAbsPath) ? await import_fs_extra2.default.readFile(globalsAbsPath, "utf-8") : "";
-  const prepend = [];
-  if (!css.includes('@import "tailwindcss"') && !css.includes("@import 'tailwindcss'")) {
-    prepend.push('@import "tailwindcss";');
-  }
-  if (!css.includes("@tokiui/ui/styles.css")) {
-    prepend.push('@import "@tokiui/ui/styles.css";');
-  }
-  if (prepend.length > 0) {
-    css = prepend.join("\n") + "\n\n" + css;
-    await import_fs_extra2.default.writeFile(globalsAbsPath, css);
-    spinner.succeed(`globals.css updated (${answers.globalsPath})`);
-  } else {
+  const TOKIUI_CSS = '@import "tailwindcss";\n@import "@tokiui/ui/styles.css";\n';
+  const existingCss = import_fs_extra2.default.existsSync(globalsAbsPath) ? await import_fs_extra2.default.readFile(globalsAbsPath, "utf-8") : "";
+  if (existingCss.includes("@tokiui/ui/styles.css")) {
     spinner.succeed("globals.css already configured");
+  } else if (!existingCss.trim()) {
+    await import_fs_extra2.default.writeFile(globalsAbsPath, TOKIUI_CSS);
+    spinner.succeed(`globals.css created (${answers.globalsPath})`);
+  } else {
+    const isStarterTheme = /@media\s*\(\s*prefers-color-scheme\s*:\s*dark\s*\)/.test(existingCss) || /@theme\s+inline/.test(existingCss);
+    if (isStarterTheme) {
+      await import_fs_extra2.default.writeFile(globalsAbsPath + ".bak", existingCss);
+      await import_fs_extra2.default.writeFile(globalsAbsPath, TOKIUI_CSS);
+      spinner.succeed("globals.css set up \u2014 tokiui now owns the theme");
+      console.log(
+        import_kleur.default.dim(`  Replaced the starter theme (saved a copy to ${import_path2.default.basename(globalsAbsPath)}.bak).`)
+      );
+    } else {
+      const lead = [];
+      if (!existingCss.includes('@import "tailwindcss"') && !existingCss.includes("@import 'tailwindcss'")) {
+        lead.push('@import "tailwindcss";');
+      }
+      lead.push('@import "@tokiui/ui/styles.css";');
+      await import_fs_extra2.default.writeFile(globalsAbsPath, lead.join("\n") + "\n\n" + existingCss);
+      spinner.succeed(`globals.css updated (${answers.globalsPath})`);
+      console.log(
+        import_kleur.default.dim("  Note: remove any :root / @theme / prefers-color-scheme rules that conflict with tokiui tokens.")
+      );
+    }
   }
   spinner.start("Checking TypeScript path aliases");
   const tsconfigPath = import_path2.default.join(cwd, "tsconfig.json");
@@ -266,7 +280,7 @@ function resolveRegistryRef() {
     }
     return envRef;
   }
-  return `cli-v${"0.3.0"}`;
+  return `cli-v${"0.3.1"}`;
 }
 var REGISTRY_REF = resolveRegistryRef();
 var REGISTRY_BASE = `${ALLOWED_FETCH_ORIGIN}${REGISTRY_REF}/packages/registry`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokiui/cli",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "CLI for adding tokiui components to your project",
   "license": "MIT",
   "author": "Topher Gacad",