xertica-ui 1.2.1 → 1.2.2

package/bin/cli.ts

@@ -287,6 +287,62 @@ program
             componentsToUpdate = response.selected;
         }
 
+
+
+        // --- Theme Update Logic ---
+        // Ask if user wants to update theme
+        const themeResponse = await prompts({
+            type: 'confirm',
+            name: 'updateTheme',
+            message: 'Do you want to update/change the project theme?',
+            initial: false
+        });
+
+        if (themeResponse.updateTheme) {
+            const themeSelection = await prompts({
+                type: 'select',
+                name: 'theme',
+                message: 'Select the new color theme:',
+                choices: colorThemes.map(t => ({
+                    title: t.name,
+                    description: t.description,
+                    value: t.id
+                })),
+                initial: 0
+            });
+
+            if (themeSelection.theme) {
+                const spinnerTheme = ora('Updating theme...').start();
+                // 1. Update React Context
+                const contextPath = path.join(targetDir, 'contexts', 'BrandColorsContext.tsx');
+                if (await fs.pathExists(contextPath)) {
+                    let content = await fs.readFile(contextPath, 'utf8');
+                    // Replace existing default. We can try to find any string like "return saved || '...';"
+                    // The regex needs to be robust to catch whatever is there currently.
+                    // It might be 'xertica-original' or previously set 'rose', etc.
+                    // Regex: /return saved \|\| '([a-zA-Z0-9-]+)';/
+                    content = content.replace(
+                        /return saved \|\| '([a-zA-Z0-9-]+)';/,
+                        `return saved || '${themeSelection.theme}';`
+                    );
+                    await fs.writeFile(contextPath, content);
+                } else {
+                    spinnerTheme.warn('BrandColorsContext.tsx not found. Skipping context update.');
+                }
+
+                // 2. Update styles/xertica/tokens.css
+                const tokensPath = path.join(targetDir, 'styles', 'xertica', 'tokens.css');
+                const selectedTheme = colorThemes.find(t => t.id === themeSelection.theme);
+
+                if (selectedTheme) {
+                    await fs.ensureDir(path.dirname(tokensPath));
+                    const newTokensCss = generateTokensCss(selectedTheme);
+                    await fs.writeFile(tokensPath, newTokensCss);
+                }
+                spinnerTheme.succeed('Theme updated successfully!');
+            }
+        }
+
         const spinner = ora('Updating components...').start();
 
         try {

package/dist/cli.js

@@ -713,6 +713,47 @@ program.command("update").description("Update components in your project").argum
     if (!response.selected) return;
     componentsToUpdate = response.selected;
   }
+  const themeResponse = await prompts({
+    type: "confirm",
+    name: "updateTheme",
+    message: "Do you want to update/change the project theme?",
+    initial: false
+  });
+  if (themeResponse.updateTheme) {
+    const themeSelection = await prompts({
+      type: "select",
+      name: "theme",
+      message: "Select the new color theme:",
+      choices: colorThemes.map((t) => ({
+        title: t.name,
+        description: t.description,
+        value: t.id
+      })),
+      initial: 0
+    });
+    if (themeSelection.theme) {
+      const spinnerTheme = ora("Updating theme...").start();
+      const contextPath = path.join(targetDir, "contexts", "BrandColorsContext.tsx");
+      if (await fs.pathExists(contextPath)) {
+        let content = await fs.readFile(contextPath, "utf8");
+        content = content.replace(
+          /return saved \|\| '([a-zA-Z0-9-]+)';/,
+          `return saved || '${themeSelection.theme}';`
+        );
+        await fs.writeFile(contextPath, content);
+      } else {
+        spinnerTheme.warn("BrandColorsContext.tsx not found. Skipping context update.");
+      }
+      const tokensPath = path.join(targetDir, "styles", "xertica", "tokens.css");
+      const selectedTheme = colorThemes.find((t) => t.id === themeSelection.theme);
+      if (selectedTheme) {
+        await fs.ensureDir(path.dirname(tokensPath));
+        const newTokensCss = generateTokensCss(selectedTheme);
+        await fs.writeFile(tokensPath, newTokensCss);
+      }
+      spinnerTheme.succeed("Theme updated successfully!");
+    }
+  }
   const spinner = ora("Updating components...").start();
   try {
     let updatedCount = 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xertica-ui",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Xertica UI - Design System completo com componentes React e Tailwind CSS",
   "type": "module",
   "bin": "./dist/cli.js",