@exem-ui/cli 0.1.0 → 0.3.2-next.20260227091619

package/dist/index.js

@@ -793,10 +793,11 @@ var import_picocolors2 = __toESM(require_picocolors(), 1);
 
 // src/templates/tailwind-v3.ts
 var TAILWIND_V3_CONFIG = `import type { Config } from 'tailwindcss';
-import { exemPreset } from '@exem-ui/tailwindcss3/preset';
+import exemPlugin from '@exem-ui/tailwindcss3/plugin';
 
 const config: Config = {
-  presets: [exemPreset],
+  darkMode: 'class',
+  plugins: [exemPlugin],
   content: [
     './src/**/*.{js,ts,jsx,tsx}',
     './node_modules/@exem-ui/react/dist/**/*.{js,mjs}',
@@ -806,17 +807,20 @@ const config: Config = {
 export default config;
 `;
 var TAILWIND_V3_MANUAL_MSG = `
-Add the EXEM UI preset to your existing tailwind.config.ts:
+Add the Exem UI plugin to your existing tailwind.config.ts:
 
-  import { exemPreset } from '@exem-ui/tailwindcss3/preset';
+  import exemPlugin from '@exem-ui/tailwindcss3/plugin';
 
   export default {
-    presets: [exemPreset],
+    darkMode: 'class',
+    plugins: [exemPlugin],
     content: [
       // ... your existing content paths
       './node_modules/@exem-ui/react/dist/**/*.{js,mjs}',
     ],
   };
+
+  \u{1F4D6} https://ui.ex-em.com/getting-started/installation
 `;
 
 // src/templates/tailwind-v4.ts
@@ -925,7 +929,7 @@ var PACKAGES = [
 
 // src/commands/init.ts
 async function init() {
-  we(import_picocolors2.default.bgCyan(import_picocolors2.default.black(" EXEM UI Setup ")));
+  we(import_picocolors2.default.bgCyan(import_picocolors2.default.black(" Exem UI Setup ")));
   const detectedPm = detectPackageManager();
   const pm = await de({
     message: "Which package manager do you use?",
@@ -938,24 +942,21 @@ async function init() {
     ve("Setup cancelled.");
     process.exit(0);
   }
-  const selectedPackages = await pe({
-    message: "Which packages do you want to install?",
-    options: PACKAGES.map((pkg) => ({
-      value: pkg.name,
-      label: pkg.name,
-      hint: pkg.description
-    })),
-    initialValues: PACKAGES.filter((pkg) => pkg.required).map((pkg) => pkg.name),
-    required: true
+  const framework = await de({
+    message: "Which framework are you using?",
+    options: [
+      { value: "react", label: "React", hint: "React 19+ components available" },
+      {
+        value: "none",
+        label: "Other / None",
+        hint: "Core tokens + Tailwind preset only"
+      }
+    ]
   });
-  if (BD(selectedPackages)) {
+  if (BD(framework)) {
     ve("Setup cancelled.");
     process.exit(0);
   }
-  if (!selectedPackages.includes("@exem-ui/core")) {
-    selectedPackages.unshift("@exem-ui/core");
-    v2.info(`${import_picocolors2.default.cyan("@exem-ui/core")} is required and has been added.`);
-  }
   const tailwind = await de({
     message: "Which Tailwind CSS version are you using?",
     options: [
@@ -968,11 +969,46 @@ async function init() {
     ve("Setup cancelled.");
     process.exit(0);
   }
-  if (tailwind === "v3" && !selectedPackages.includes("@exem-ui/tailwindcss3")) {
-    selectedPackages.push("@exem-ui/tailwindcss3");
+  const initialPackages = ["@exem-ui/core"];
+  if (framework === "react") {
+    initialPackages.push("@exem-ui/react");
+  }
+  if (tailwind === "v3") {
+    initialPackages.push("@exem-ui/tailwindcss3");
+  } else if (tailwind === "v4") {
+    initialPackages.push("@exem-ui/tailwindcss4");
+  }
+  const packageOptions = PACKAGES.filter((pkg) => {
+    if (tailwind === "v3" && pkg.name === "@exem-ui/tailwindcss4") {
+      return false;
+    }
+    if (tailwind === "v4" && pkg.name === "@exem-ui/tailwindcss3") {
+      return false;
+    }
+    if (tailwind === "none") {
+      if (pkg.name === "@exem-ui/tailwindcss3" || pkg.name === "@exem-ui/tailwindcss4") {
+        return false;
+      }
+    }
+    return true;
+  });
+  const selectedPackages = await pe({
+    message: "Which packages do you want to install?",
+    options: packageOptions.map((pkg) => ({
+      value: pkg.name,
+      label: pkg.name,
+      hint: pkg.description
+    })),
+    initialValues: initialPackages,
+    required: true
+  });
+  if (BD(selectedPackages)) {
+    ve("Setup cancelled.");
+    process.exit(0);
   }
-  if (tailwind === "v4" && !selectedPackages.includes("@exem-ui/tailwindcss4")) {
-    selectedPackages.push("@exem-ui/tailwindcss4");
+  if (!selectedPackages.includes("@exem-ui/core")) {
+    selectedPackages.unshift("@exem-ui/core");
+    v2.info(`${import_picocolors2.default.cyan("@exem-ui/core")} is required and has been added.`);
   }
   const channel = await de({
     message: "Which release channel?",
@@ -987,6 +1023,7 @@ async function init() {
   }
   const options = {
     packageManager: pm,
+    framework,
     packages: selectedPackages,
     tailwind,
     channel
@@ -1017,6 +1054,7 @@ async function init() {
   } else if (options.tailwind === "v4") {
     configureTailwindV4();
   }
+  configureBaseStyles(options.tailwind);
   const addScript = await me({
     message: "Add an update:exem-ui script to package.json?",
     initialValue: true
@@ -1024,13 +1062,13 @@ async function init() {
   if (!BD(addScript) && addScript) {
     addUpdateScript(options);
   }
-  fe(import_picocolors2.default.green("EXEM UI setup complete!"));
+  fe(import_picocolors2.default.green("Exem UI setup complete!"));
 }
 function configureTailwindV3() {
   const configPath = resolveFromCwd("tailwind.config.ts");
   if (!fileExists(configPath)) {
     writeFile(configPath, TAILWIND_V3_CONFIG);
-    v2.success(`Created ${import_picocolors2.default.cyan("tailwind.config.ts")} with EXEM UI preset.`);
+    v2.success(`Created ${import_picocolors2.default.cyan("tailwind.config.ts")} with Exem UI preset.`);
   } else {
     v2.warning(`${import_picocolors2.default.cyan("tailwind.config.ts")} already exists.`);
     v2.message(TAILWIND_V3_MANUAL_MSG);
@@ -1049,16 +1087,46 @@ function configureTailwindV4() {
   if (targetCss) {
     const content = readFile(targetCss);
     if (content?.includes("@exem-ui/tailwindcss4")) {
-      v2.info("EXEM UI Tailwind v4 import already present. Skipping.");
+      v2.info("Exem UI Tailwind v4 import already present. Skipping.");
       return;
     }
     writeFile(targetCss, TAILWIND_V4_IMPORT + (content ?? ""));
-    v2.success(`Added EXEM UI import to ${import_picocolors2.default.cyan(targetCss)}.`);
+    v2.success(`Added Exem UI import to ${import_picocolors2.default.cyan(targetCss)}.`);
   } else {
     v2.warning("Could not find a CSS entry file.");
     v2.message(TAILWIND_V4_MANUAL_MSG);
   }
 }
+var BASE_STYLES = `
+/* Exem UI base styles */
+body {
+  background-color: var(--color-background-primary);
+  color: var(--color-text-primary);
+}
+`;
+function configureBaseStyles(tailwind) {
+  if (tailwind === "none") {
+    return;
+  }
+  const cssFiles = ["src/index.css", "src/app.css", "src/global.css", "app/globals.css"];
+  let targetCss = null;
+  for (const file of cssFiles) {
+    const resolved = resolveFromCwd(file);
+    if (fileExists(resolved)) {
+      targetCss = resolved;
+      break;
+    }
+  }
+  if (!targetCss) {
+    return;
+  }
+  const content = readFile(targetCss);
+  if (content?.includes("--color-background-primary")) {
+    return;
+  }
+  writeFile(targetCss, (content ?? "") + BASE_STYLES);
+  v2.success(`Added base body styles to ${import_picocolors2.default.cyan(targetCss)}.`);
+}
 function addUpdateScript(options) {
   const pkgPath = resolveFromCwd("package.json");
   const pkg = readJson(pkgPath);
@@ -1076,15 +1144,40 @@ function addUpdateScript(options) {
 }
 
 // src/index.ts
+var VERSION = "0.1.0";
 var args = process.argv.slice(2);
 var command = args[0];
+function showHelp() {
+  process.stdout.write(`
+  @exem-ui/cli v${VERSION}
+
+  Usage: npx @exem-ui/cli [command]
+
+  Commands:
+    init    Set up Exem UI in your project (default)
+
+  Options:
+    --help, -h       Show this help message
+    --version, -v    Show version number
+
+`);
+}
 async function main() {
+  if (command === "--help" || command === "-h") {
+    showHelp();
+    return;
+  }
+  if (command === "--version" || command === "-v") {
+    process.stdout.write(`${VERSION}
+`);
+    return;
+  }
   if (!command || command === "init") {
     await init();
   } else {
     process.stderr.write(`Unknown command: ${command}
 `);
-    process.stderr.write("Usage: npx @exem-ui/cli init\n");
+    showHelp();
     process.exit(1);
   }
 }