@nqlib/nqui 0.1.0 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nqlib/nqui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "A React component library with enhanced UI components and developer tools",
   "type": "module",
   "main": "./dist/nqui.cjs.js",

package/scripts/init-css.js

@@ -19,10 +19,15 @@ const __dirname = dirname(__filename);
 const projectRoot = resolve(__dirname, '..');
 const indexCssPath = join(projectRoot, 'src', 'index.css');
 const colorsCssPath = join(projectRoot, 'src', 'styles', 'colors.css');
+const distStylesPath = join(projectRoot, 'dist', 'styles.css');
 const examplesDir = join(projectRoot, 'scripts', 'examples');
 
+// Check if we're in a published package (source files don't exist, but dist/styles.css does)
+const isPublishedPackage = !existsSync(indexCssPath) && existsSync(distStylesPath);
+
 // Function to find actual CSS file location for Next.js
 function findNextJsCssFile() {
+  // Check for existing CSS files first (prioritize globals.css)
   const possiblePaths = [
     'src/app/globals.css',
     'app/globals.css',
@@ -37,10 +42,20 @@ function findNextJsCssFile() {
     }
   }
 
-  // Default fallback based on directory structure
+  // If no CSS file exists, determine based on directory structure
+  // Check for src/app/ first (Next.js with src directory)
   if (existsSync(join(process.cwd(), 'src', 'app'))) {
     return 'src/app/globals.css';
   }
+  // Check for app/ (Next.js without src directory)
+  if (existsSync(join(process.cwd(), 'app'))) {
+    return 'app/globals.css';
+  }
+
+  // Final fallback: prefer src/app/ if src exists, otherwise app/
+  if (existsSync(join(process.cwd(), 'src'))) {
+    return 'src/app/globals.css';
+  }
   return 'app/globals.css';
 }
 
@@ -80,8 +95,11 @@ function getDefaultPath(projectType) {
 
 function findProjectType() {
   // Check for framework-specific files
+  // Next.js: check for next.config.js/ts OR app directory OR src/app directory
   if (existsSync(join(process.cwd(), 'next.config.js')) ||
-      existsSync(join(process.cwd(), 'next.config.ts'))) {
+      existsSync(join(process.cwd(), 'next.config.ts')) ||
+      existsSync(join(process.cwd(), 'app')) ||
+      existsSync(join(process.cwd(), 'src', 'app'))) {
     return 'nextjs';
   }
   if (existsSync(join(process.cwd(), 'vite.config.js')) ||
@@ -98,7 +116,15 @@ function findProjectType() {
 }
 
 function extractStandaloneCSS() {
-  // Read the source CSS files
+  // If we're in a published package, use dist/styles.css directly
+  if (isPublishedPackage) {
+    if (!existsSync(distStylesPath)) {
+      throw new Error(`Published package CSS file not found: ${distStylesPath}`);
+    }
+    return readFileSync(distStylesPath, 'utf-8');
+  }
+
+  // Read the source CSS files (for local development)
   if (!existsSync(indexCssPath)) {
     throw new Error(`Source CSS file not found: ${indexCssPath}`);
   }
@@ -405,7 +431,19 @@ async function copyNextJsExamples() {
 
 async function main() {
   const args = process.argv.slice(2);
-  const targetPath = args[0];
+  let targetPath = args[0];
+
+  // Ignore command names that might be passed as arguments when called via npx
+  // Common command names: 'init-css', 'nqui', 'nqui-init-css'
+  if (targetPath === 'init-css' || targetPath === 'nqui' || targetPath === 'nqui-init-css') {
+    targetPath = args[1] || undefined;
+  }
+
+  // If targetPath doesn't look like a file path (no extension, no directory separators), ignore it
+  // This prevents treating command names or other non-path arguments as file paths
+  if (targetPath && !targetPath.includes('.') && !targetPath.includes('/') && !targetPath.includes('\\')) {
+    targetPath = undefined;
+  }
 
   try {
     // Extract standalone CSS