@wc-toolkit/cem-generator-cli 0.1.2 → 0.1.3

package/README.md

@@ -21,7 +21,7 @@ cem init --plugin lit svelte
 cem generate
 
 # Specify custom tsconfig and output path
-cem generate --config ./tsconfig.json --output ./custom-elements.json
+cem generate --tsconfig ./tsconfig.json --output ./custom-elements.json
 
 # Include/exclude specific files
 cem generate --include "src/components/**" --exclude "**/*.test.ts"
@@ -39,13 +39,27 @@ cem generate --no-inheritance
 which parser plugins to use, then presents a multi-select list of integrations:
 `react-wrappers`, `jsx-types`, `vuejs-types`, and `svelte-types`. The type
 integrations use `./types` and strongly typed events by default. The command
-also supports `--plugin <names...>`,
+also asks whether to add the generated manifest to `package.json` as the
+`customElements` property. It supports `--plugin <names...>`,
 `--yes`, `--force`, and `--config <path>`.
 
+When accepted, the package.json property uses the default manifest path:
+
+```json
+{
+  "customElements": "custom-elements.json"
+}
+```
+
+Use `filePath` in the config when the manifest belongs in a build directory.
+
 `cem generate` uses source-oriented include/exclude defaults when those flags
 are omitted. Supplying either flag replaces its defaults. The TypeScript
 configuration still controls which files enter the program.
 
+The config file may set `filePath` to choose the generated manifest path. The
+`--output` flag takes precedence when supplied.
+
 When `cem init` installs dependencies, CLI mode installs
 `@wc-toolkit/cem-generator-cli`, while code mode installs
 `@wc-toolkit/cem-generator` and `tsx`. Selected parser and integration
@@ -58,7 +72,8 @@ back to comma-separated selection numbers.
 
 | Option | Description | Default |
 |--------|-------------|---------|
-| `-c, --config <path>` | Path to tsconfig.json | `./tsconfig.json` |
+| `--tsconfig <path>` | Path to tsconfig.json | `./tsconfig.json` |
+| `-c, --config <path>` | Path to the generator config file | auto-detected |
 | `-o, --output <path>` | Output file path | `./custom-elements.json` |
 | `--include <patterns...>` | Glob patterns to include | `src/**/*.{ts,tsx,js,jsx}` when `src/` exists |
 | `--exclude <patterns...>` | Glob patterns to exclude | Tests, specs, stories, `dist/`, and `node_modules/` |
@@ -66,9 +81,12 @@ back to comma-separated selection numbers.
 | `--plugin <paths...>` | Additional plugin paths to load | - |
 | `--conflict-policy <policy>` | Detector conflict policy: `throw` \| `last-wins` | `last-wins` |
 
+The config file may set `filePath` for the manifest path. The `--output` flag
+takes precedence over `filePath`.
+
 ## Example
 
 ```bash
 # Basic manifest generation
-cem generate --config tsconfig.json --output custom-elements.json
+cem generate --tsconfig tsconfig.json --output custom-elements.json
 ```

package/dist/cli.js

@@ -46,6 +46,7 @@ const INTEGRATION_CHOICES = [
     },
 ];
 const DEFAULT_SOURCE_INCLUDE = ["src/**/*.{ts,tsx,js,jsx}"];
+const DEFAULT_MANIFEST_PATH = "./custom-elements.json";
 const DEFAULT_SOURCE_EXCLUDE = [
     "**/*.test.*",
     "**/*.spec.*",
@@ -63,7 +64,7 @@ program
     .description("Generate a Custom Elements Manifest")
     .option("--tsconfig <path>", "Path to tsconfig.json", "./tsconfig.json")
     .option("-c, --config <path>", "Path to cem-generator config file (auto-detected if omitted)")
-    .option("-o, --output <path>", "Output file path", "./custom-elements.json")
+    .option("-o, --output <path>", "Output file path")
     .option("--include <patterns...>", "Glob patterns to include")
     .option("--exclude <patterns...>", "Glob patterns to exclude")
     .option("--no-inheritance", "Disable inheritance materialization")
@@ -127,7 +128,7 @@ program
             console.log(`Using config file: ${configPath}`);
         }
         const manifest = generateCem(mergedOptions);
-        const outputPath = path.resolve(options.output);
+        const outputPath = path.resolve(options.output ?? mergedOptions.filePath ?? "./custom-elements.json");
         const outputDir = path.dirname(outputPath);
         if (!fs.existsSync(outputDir)) {
             fs.mkdirSync(outputDir, { recursive: true });
@@ -200,12 +201,16 @@ program
         if (shouldInstall) {
             installPluginDependencies(packagesToInstall);
         }
+        const addManifestToPackageJson = !options.yes && await promptForPackageManifest(cwd);
         fs.writeFileSync(configPath, createConfigSource(selectedPlugins, selectedIntegrations, getDefaultInclude(cwd), DEFAULT_SOURCE_EXCLUDE), "utf-8");
         console.log(`Created config file at ${configPath}`);
         if (mode === "code") {
             fs.writeFileSync(outputPath, createCodeSource(configPath, outputPath), "utf-8");
             console.log(`Created code file at ${outputPath}`);
         }
+        if (addManifestToPackageJson) {
+            updatePackageJsonManifestPath(cwd, DEFAULT_MANIFEST_PATH);
+        }
         printNextSteps(mode, configPath, outputPath);
     }
     catch (error) {
@@ -314,6 +319,35 @@ async function promptForInstall() {
         prompt.close();
     }
 }
+async function promptForPackageManifest(cwd) {
+    const packageJsonPath = path.join(cwd, "package.json");
+    if (!fs.existsSync(packageJsonPath))
+        return false;
+    if (isInteractiveTerminal()) {
+        const { addManifest } = await inquirer.prompt({
+            type: "confirm",
+            name: "addManifest",
+            message: `Add \"customElements\": \"${DEFAULT_MANIFEST_PATH.slice(2)}\" to package.json?`,
+            default: false,
+        });
+        return addManifest;
+    }
+    const prompt = readline.createInterface({ input, output });
+    try {
+        const answer = await prompt.question(`Add "customElements": "${DEFAULT_MANIFEST_PATH.slice(2)}" to package.json? (y/N): `);
+        return /^y(es)?$/i.test(answer.trim());
+    }
+    finally {
+        prompt.close();
+    }
+}
+function updatePackageJsonManifestPath(cwd, manifestPath) {
+    const packageJsonPath = path.join(cwd, "package.json");
+    const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
+    packageJson.customElements = manifestPath.replace(/^\.\//, "");
+    fs.writeFileSync(packageJsonPath, `${JSON.stringify(packageJson, null, 2)}\n`, "utf-8");
+    console.log(`Updated package.json with customElements: ${packageJson.customElements}`);
+}
 function installPluginDependencies(packages) {
     const packageManager = detectPackageManager();
     const args = packageManager === "npm"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wc-toolkit/cem-generator-cli",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "CLI for generating Custom Elements Manifests.",
   "license": "MIT",
   "repository": {
@@ -35,7 +35,7 @@
     "commander": "^12.1.0",
     "custom-elements-manifest": "^2.1.0",
     "inquirer": "^14.2.2",
-    "@wc-toolkit/cem-generator": "0.1.2",
+    "@wc-toolkit/cem-generator": "0.1.3",
     "@wc-toolkit/cem-generator-utils": "0.1.1"
   },
   "devDependencies": {
@@ -46,6 +46,6 @@
     "build": "tsc",
     "test": "node --test tests/*.test.mjs",
     "dev": "tsx src/cli.ts",
-    "demo": "node dist/cli.js generate --config ../../examples/tsconfig.json --output ../../examples/custom-elements-demo.json --conflict-policy last-wins"
+    "demo": "node dist/cli.js generate --tsconfig ../../examples/tsconfig.json --output ../../examples/custom-elements-demo.json --conflict-policy last-wins"
   }
 }