aetherx-dt-ui 0.1.2 → 0.1.3

package/dist/cli/index.mjs

@@ -182,6 +182,12 @@ function appendComponentDoc(componentName) {
   const separator = "\n---\n\n";
   fs.appendFileSync(agentPath, docContent + separator, "utf-8");
 }
+function rebuildAgentMd(config) {
+  createAgentMd();
+  for (const componentName of config.installedComponents) {
+    appendComponentDoc(componentName);
+  }
+}
 
 async function initCommand() {
   p.intro(pc.bold(pc.cyan("dt-ui init")));
@@ -432,9 +438,82 @@ async function listCommand() {
   p.outro("");
 }
 
+async function updateCommand() {
+  p.intro(pc.bold(pc.cyan("dt-ui update")));
+  if (!configExists()) {
+    p.cancel("No .dtui.json found. Run `npx dt-ui init` first.");
+    process.exit(1);
+  }
+  const config = readConfig();
+  const registry = loadRegistry();
+  const s = p.spinner();
+  s.start("Updating base.css...");
+  const stylesPath = path.resolve(process.cwd(), config.stylesDir);
+  fs.mkdirSync(stylesPath, { recursive: true });
+  fs.writeFileSync(
+    path.join(stylesPath, "base.css"),
+    getStylesContent(),
+    "utf-8"
+  );
+  s.stop("base.css updated");
+  s.start("Updating lib/utils.ts...");
+  const libPath = path.resolve(process.cwd(), config.libDir);
+  fs.mkdirSync(libPath, { recursive: true });
+  fs.writeFileSync(
+    path.join(libPath, "utils.ts"),
+    getLibContent(),
+    "utf-8"
+  );
+  s.stop("lib/utils.ts updated");
+  if (config.installedComponents.length > 0) {
+    const updateComponents = await p.confirm({
+      message: `Update ${config.installedComponents.length} installed component(s)? This will overwrite any local changes.`,
+      initialValue: false
+    });
+    if (!p.isCancel(updateComponents) && updateComponents) {
+      const updatedComponents = [];
+      for (const componentName of config.installedComponents) {
+        const comp = registry.components[componentName];
+        if (!comp) continue;
+        s.start(`Updating ${pc.cyan(comp.name)}...`);
+        const files = getComponentFiles(componentName);
+        const targetDir = path.resolve(
+          process.cwd(),
+          config.componentsDir,
+          componentName
+        );
+        fs.mkdirSync(targetDir, { recursive: true });
+        for (const file of files) {
+          fs.writeFileSync(path.join(targetDir, file.name), file.content, "utf-8");
+        }
+        updatedComponents.push(componentName);
+        s.stop(`${pc.green("\u2713")} ${comp.name} updated`);
+      }
+      if (updatedComponents.length > 0) {
+        p.log.success(`${updatedComponents.length} component(s) updated`);
+      }
+    }
+  }
+  if (config.agent) {
+    s.start("Rebuilding AGENT.md...");
+    rebuildAgentMd(config);
+    s.stop("AGENT.md rebuilt");
+  }
+  p.note(
+    [
+      `${pc.green("\u2713")} base.css \u2014 latest design tokens`,
+      `${pc.green("\u2713")} lib/utils.ts \u2014 latest helpers`,
+      config.agent ? `${pc.green("\u2713")} AGENT.md \u2014 rebuilt with current components` : ""
+    ].filter(Boolean).join("\n"),
+    "Updated files"
+  );
+  p.outro(pc.green("dt-ui updated successfully!"));
+}
+
 const program = new Command();
 program.name("dt-ui").description("DT UI \u2014 Lightweight, customizable Vue components for DT projects").version("0.1.0");
 program.command("init").description("Initialize dt-ui in your project").action(initCommand);
 program.command("add").description("Add a component to your project").argument("[components...]", "Component names to add").action(addCommand);
 program.command("list").description("List all available components").action(listCommand);
+program.command("update").description("Update base.css, utils, and AGENT.md to latest version").action(updateCommand);
 program.parse();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aetherx-dt-ui",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Lightweight, customizable Vue components for DT projects",
   "type": "module",
   "bin": {

package/src/registry/styles/base.css

@@ -3,7 +3,7 @@
   --dt-background: hsl(0 0% 100%);
   --dt-foreground: hsl(240 10% 10%);
 
-  /* Primary — the brand color (RGB 0, 150, 178) */
+  /* Primary — brand color (RGB 0, 150, 178) */
   --dt-primary: hsl(190 100% 35%);
   --dt-primary-hover: hsl(190 100% 28%);
   --dt-primary-foreground: hsl(0 0% 100%);