stera-ui 0.3.0 → 0.3.2

package/dist/cli.js

@@ -370,27 +370,39 @@ function hasGlobalsCss(config, projectRoot) {
 var transforms = [transformImports];
 async function add(components, options) {
   const cwd = options.cwd ? path6.resolve(options.cwd) : process.cwd();
-  for (const name of components) {
-    const item = await getComponent(name);
-    if (!item) {
-      console.error(`  Error: Component "${name}" not found in registry.`);
-      console.error(`  Run "stera-ui list" to see available components.`);
-      process.exit(1);
+  const spinner = createSpinner("Fetching registry");
+  try {
+    for (const name of components) {
+      const item = await getComponent(name);
+      if (!item) {
+        spinner.fail(`Component "${name}" not found in registry.`);
+        console.error(`  Run "stera-ui list" to see available components.`);
+        process.exit(1);
+      }
     }
+  } catch (err) {
+    spinner.fail("Failed to fetch registry");
+    throw err;
   }
   const configPath = findConfigPath(cwd);
   if (!configPath) {
-    console.error(
-      `  Error: ${CONFIG_FILE} not found. Run "stera-ui init" first.`
-    );
+    spinner.fail(`${CONFIG_FILE} not found. Run "stera-ui init" first.`);
     process.exit(1);
   }
   const config = loadConfig(cwd);
   if (!config) {
-    console.error(`  Error: Failed to parse ${CONFIG_FILE}.`);
+    spinner.fail(`Failed to parse ${CONFIG_FILE}.`);
     process.exit(1);
   }
   const projectRoot = path6.dirname(configPath);
+  let resolved;
+  try {
+    resolved = await resolveDependencies(components);
+  } catch (err) {
+    spinner.fail("Failed to fetch registry");
+    throw err;
+  }
+  spinner.succeed("Registry resolved");
   const isAddingGlobals = components.includes("globals");
   if (!isAddingGlobals && !hasGlobalsCss(config, projectRoot)) {
     console.warn(`
@@ -399,7 +411,6 @@ async function add(components, options) {
     console.warn(`     Run "stera-ui add globals" to install base styles.
 `);
   }
-  const resolved = await resolveDependencies(components);
   for (const item of resolved) {
     for (const file of item.files ?? []) {
       if (file.content) {
@@ -968,11 +979,28 @@ function buildConfig(project, strategy) {
     }
   };
 }
-function stripTailwindCoreImport(content) {
-  return content.split("\n").filter((line) => !line.trim().match(/^@import\s+["']tailwindcss["']/)).join("\n");
+function stripImportLines(content) {
+  const lines = content.split("\n");
+  const imports = [];
+  const kept = [];
+  for (const line of lines) {
+    if (line.trim().match(/^@import\s+["'].+["']/)) {
+      if (!line.trim().match(/^@import\s+["']tailwindcss["']/)) {
+        imports.push(line.trim());
+      }
+    } else {
+      kept.push(line);
+    }
+  }
+  return { content: kept.join("\n"), imports };
 }
 function insertImportLine(filePath, importStatement) {
   const content = fs9.readFileSync(filePath, "utf-8");
+  const importPath = importStatement.match(/["']([^"']+)["']/)?.[1];
+  if (importPath) {
+    const escaped = importPath.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    if (new RegExp(`@import\\s+["']${escaped}["']`).test(content)) return;
+  }
   const lines = content.split("\n");
   let lastImportIndex = -1;
   for (let i = 0; i < lines.length; i++) {
@@ -1028,16 +1056,23 @@ async function promptFontStrategy(detected, skipPrompts) {
   return strategy;
 }
 async function fetchDefaultFonts() {
+  const spinner = createSpinner("Fetching fonts");
   const fonts = [];
-  for (const name of DEFAULT_FONT_NAMES) {
-    try {
-      const item = await fetchRegistryItem(name);
-      if (item.type === "registry:font") {
-        fonts.push(item);
+  try {
+    for (const name of DEFAULT_FONT_NAMES) {
+      try {
+        const item = await fetchRegistryItem(name);
+        if (item.type === "registry:font") {
+          fonts.push(item);
+        }
+      } catch {
       }
-    } catch {
     }
+  } catch (err) {
+    spinner.fail("Failed to fetch fonts");
+    throw err;
   }
+  spinner.succeed("Fonts resolved");
   return fonts;
 }
 async function executeFontStrategy(strategy, project, detected, config, cwd) {
@@ -1142,22 +1177,40 @@ async function init(options) {
         `  ${CHECK}  Stera already initialised ${dim(`(${path10.join(path10.dirname(project.existingCssFile), "stera-ui.css")} exists)`)}`
       );
     } else {
+      const fetchSpinner = createSpinner("Fetching base styles");
+      let globalsItem;
       try {
-        const globalsItem = await fetchRegistryItem("globals");
+        globalsItem = await fetchRegistryItem("globals");
+      } catch {
+        fetchSpinner.fail("Base styles not found \u2014 skipping");
+        globalsItem = null;
+      }
+      if (globalsItem) {
+        fetchSpinner.succeed("Base styles resolved");
         const globalsContent = globalsItem.files?.[0]?.content ?? "";
-        const steraUiContent = stripTailwindCoreImport(globalsContent);
+        const { content: steraUiContent, imports } = stripImportLines(globalsContent);
         const steraUiPath = path10.join(cssDir, "stera-ui.css");
         fs9.mkdirSync(cssDir, { recursive: true });
         fs9.writeFileSync(steraUiPath, steraUiContent, "utf-8");
         console.log(`  ${CHECK}  Created ${path10.relative(cwd, steraUiPath)}`);
         const existingCssPath = path10.resolve(cwd, project.existingCssFile);
+        for (const imp of imports) {
+          insertImportLine(existingCssPath, imp);
+        }
         insertImportLine(existingCssPath, "@import './stera-ui.css';");
         console.log(`  ${CHECK}  Added @import to ${project.existingCssFile}`);
-      } catch {
       }
     }
   } else {
-    const resolved = await resolveDependencies(["globals"]);
+    const fetchSpinner = createSpinner("Fetching base styles");
+    let resolved;
+    try {
+      resolved = await resolveDependencies(["globals"]);
+    } catch (err) {
+      fetchSpinner.fail("Failed to fetch base styles");
+      throw err;
+    }
+    fetchSpinner.succeed("Base styles resolved");
     const filtered = resolved.filter((item) => item.name !== "fonts");
     const { written } = await writeComponentFiles(filtered, config, cwd);
     for (const file of written) {
@@ -1171,14 +1224,21 @@ async function init(options) {
     config,
     cwd
   );
+  const depsSpinner = createSpinner("Fetching package list");
+  let globalsForDeps;
   try {
-    const globalsItem = await fetchRegistryItem("globals");
-    if (globalsItem.dependencies) {
-      const deps = [...new Set(globalsItem.dependencies)].sort();
+    globalsForDeps = await fetchRegistryItem("globals");
+  } catch {
+    depsSpinner.fail("Package list unavailable \u2014 skipping");
+    globalsForDeps = null;
+  }
+  if (globalsForDeps) {
+    depsSpinner.succeed("Package list resolved");
+    if (globalsForDeps.dependencies) {
+      const deps = [...new Set(globalsForDeps.dependencies)].sort();
       console.log("");
       await installDependencies(deps, cwd);
     }
-  } catch {
   }
   console.log("");
   console.log("  Next steps:");
@@ -1192,7 +1252,15 @@ async function init(options) {
 
 // src/commands/list.ts
 async function list() {
-  const items = await getAllComponents();
+  const spinner = createSpinner("Fetching registry");
+  let items;
+  try {
+    items = await getAllComponents();
+  } catch (err) {
+    spinner.fail("Failed to fetch registry");
+    throw err;
+  }
+  spinner.succeed("Registry resolved");
   const groups = /* @__PURE__ */ new Map();
   for (const item of items) {
     const type = item.type.replace("registry:", "");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stera-ui",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "type": "module",
   "description": "Add Stera UI components to your project.",
   "license": "MIT",