@julien-lin/universal-pwa-cli 1.3.1 → 1.3.3

package/README.md

@@ -37,13 +37,23 @@ pnpm build
 # or
 yarn build
 
-# 2. Then initialize PWA (CLI will auto-detect dist/ directory)
+# 2. Then initialize PWA
+# In interactive mode, select "Production" when prompted
+# The CLI will auto-detect dist/ directory and suggest it
+universal-pwa init
+
+# Or explicitly specify output directory
 universal-pwa init --output-dir dist
 ```
 
 **Why?** The service worker needs to precache all your built assets (JS/CSS with hashes). If you initialize before building, the service worker won't know about the hashed filenames.
 
-The CLI automatically detects `dist/` directory for React/Vite projects if it exists. You can also explicitly specify it with `--output-dir dist`.
+**Environment Detection:**
+- The CLI automatically detects your environment:
+  - **Production**: If `dist/` or `build/` exists with recent files (< 24h)
+  - **Local**: Otherwise, defaults to `public/`
+- Detection indicators are displayed during interactive prompts
+- You can override the detection by explicitly choosing Local or Production
 
 #### Interactive Mode (Recommended)
 
@@ -53,13 +63,22 @@ Simply run without arguments to launch interactive prompts:
 universal-pwa init
 ```
 
-The CLI will guide you through:
+The CLI will guide you through a 2-phase workflow:
+
+**Phase 1: Environment Selection**
+- Choose between **Local** (development) or **Production** (build)
+- The CLI automatically detects your environment based on the presence of `dist/` or `build/` directories
+- Displays detection indicators (e.g., "dist/ directory exists with 15 built files")
+
+**Phase 2: Application Configuration**
 - App name (auto-detected from `package.json`)
-- Short name (max 12 characters)
+- Short name (max 12 characters, auto-generated from app name)
 - Icon source path (auto-detected from common locations)
-- Theme and background colors
+- Theme and background colors (suggested based on detected framework)
 - Icon generation options
 
+All prompts include smart defaults, validation, and contextual suggestions!
+
 #### Command Line Mode
 
 ```bash

package/dist/chunk-35T5DDFX.js

@@ -0,0 +1,88 @@
+// src/utils/environment-detector.ts
+import { existsSync, statSync } from "fs";
+import { join } from "path";
+import { glob } from "glob";
+function detectEnvironment(projectPath, framework) {
+  const indicators = [];
+  let environment = "local";
+  let confidence = "low";
+  let suggestedOutputDir = "public";
+  const distDir = join(projectPath, "dist");
+  const publicDir = join(projectPath, "public");
+  const buildDir = join(projectPath, "build");
+  if (existsSync(distDir)) {
+    try {
+      const distFiles = glob.sync("**/*.{js,css,html}", {
+        cwd: distDir,
+        absolute: false,
+        maxDepth: 2
+      });
+      if (distFiles.length > 0) {
+        indicators.push(`dist/ directory exists with ${distFiles.length} built files`);
+        const recentFiles = distFiles.filter((file) => {
+          try {
+            const filePath = join(distDir, file);
+            const stats = statSync(filePath);
+            const ageInHours = (Date.now() - stats.mtimeMs) / (1e3 * 60 * 60);
+            return ageInHours < 24;
+          } catch {
+            return false;
+          }
+        });
+        if (recentFiles.length > 0) {
+          indicators.push(`${recentFiles.length} recent files in dist/ (last 24h)`);
+          environment = "production";
+          confidence = "high";
+          suggestedOutputDir = "dist";
+        } else {
+          indicators.push("dist/ exists but files are old (may be stale)");
+          environment = "production";
+          confidence = "medium";
+          suggestedOutputDir = "dist";
+        }
+      } else {
+        indicators.push("dist/ directory exists but is empty");
+      }
+    } catch {
+    }
+  }
+  if (existsSync(buildDir) && environment === "local") {
+    try {
+      const buildFiles = glob.sync("**/*.{js,css,html}", {
+        cwd: buildDir,
+        absolute: false,
+        maxDepth: 2
+      });
+      if (buildFiles.length > 0) {
+        indicators.push(`build/ directory exists with ${buildFiles.length} built files`);
+        environment = "production";
+        confidence = "high";
+        suggestedOutputDir = "build";
+      }
+    } catch {
+    }
+  }
+  if ((framework === "React" || framework === "Vite") && existsSync(distDir)) {
+    if (environment === "local") {
+      environment = "production";
+      confidence = "medium";
+      suggestedOutputDir = "dist";
+      indicators.push("React/Vite project with dist/ directory (likely production)");
+    }
+  }
+  if (environment === "local" && indicators.length === 0) {
+    indicators.push("No production build detected, using local mode");
+    confidence = "medium";
+    suggestedOutputDir = "public";
+  }
+  return {
+    environment,
+    confidence,
+    indicators,
+    suggestedOutputDir
+  };
+}
+
+export {
+  detectEnvironment
+};

package/dist/chunk-Y2M6FMPR.js

@@ -0,0 +1,87 @@
+// src/utils/environment-detector.ts
+import { existsSync, statSync } from "fs";
+import { join } from "path";
+import { glob } from "glob";
+function detectEnvironment(projectPath, framework) {
+  const indicators = [];
+  let environment = "local";
+  let confidence = "low";
+  let suggestedOutputDir = "public";
+  const distDir = join(projectPath, "dist");
+  const buildDir = join(projectPath, "build");
+  if (existsSync(distDir)) {
+    try {
+      const distFiles = glob.sync("**/*.{js,css,html}", {
+        cwd: distDir,
+        absolute: false,
+        maxDepth: 2
+      });
+      if (distFiles.length > 0) {
+        indicators.push(`dist/ directory exists with ${distFiles.length} built files`);
+        const recentFiles = distFiles.filter((file) => {
+          try {
+            const filePath = join(distDir, file);
+            const stats = statSync(filePath);
+            const ageInHours = (Date.now() - stats.mtimeMs) / (1e3 * 60 * 60);
+            return ageInHours < 24;
+          } catch {
+            return false;
+          }
+        });
+        if (recentFiles.length > 0) {
+          indicators.push(`${recentFiles.length} recent files in dist/ (last 24h)`);
+          environment = "production";
+          confidence = "high";
+          suggestedOutputDir = "dist";
+        } else {
+          indicators.push("dist/ exists but files are old (may be stale)");
+          environment = "production";
+          confidence = "medium";
+          suggestedOutputDir = "dist";
+        }
+      } else {
+        indicators.push("dist/ directory exists but is empty");
+      }
+    } catch {
+    }
+  }
+  if (existsSync(buildDir) && environment === "local") {
+    try {
+      const buildFiles = glob.sync("**/*.{js,css,html}", {
+        cwd: buildDir,
+        absolute: false,
+        maxDepth: 2
+      });
+      if (buildFiles.length > 0) {
+        indicators.push(`build/ directory exists with ${buildFiles.length} built files`);
+        environment = "production";
+        confidence = "high";
+        suggestedOutputDir = "build";
+      }
+    } catch {
+    }
+  }
+  if ((framework === "React" || framework === "Vite") && existsSync(distDir)) {
+    if (environment === "local") {
+      environment = "production";
+      confidence = "medium";
+      suggestedOutputDir = "dist";
+      indicators.push("React/Vite project with dist/ directory (likely production)");
+    }
+  }
+  if (environment === "local" && indicators.length === 0) {
+    indicators.push("No production build detected, using local mode");
+    confidence = "medium";
+    suggestedOutputDir = "public";
+  }
+  return {
+    environment,
+    confidence,
+    indicators,
+    suggestedOutputDir
+  };
+}
+
+export {
+  detectEnvironment
+};

package/dist/environment-detector-7AC3BRDB.js

@@ -0,0 +1,6 @@
+import {
+  detectEnvironment
+} from "./chunk-Y2M6FMPR.js";
+export {
+  detectEnvironment
+};

package/dist/environment-detector-SV7DMPWT.js

@@ -0,0 +1,6 @@
+import {
+  detectEnvironment
+} from "./chunk-35T5DDFX.js";
+export {
+  detectEnvironment
+};