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

package/dist/cli.js

@@ -19,27 +19,32 @@ const PLUGIN_CHOICES = [
     { name: "solid", packageName: "@wc-toolkit/cem-generator-solid", factory: "solidPlugin" },
     { name: "svelte", packageName: "@wc-toolkit/cem-generator-svelte", factory: "sveltePlugin" },
 ];
+const LIBRARY_CHOICES = [{ name: "nothing" }, ...PLUGIN_CHOICES];
 const INTEGRATION_CHOICES = [
     {
         name: "react-wrappers",
+        label: "React wrappers - react v18 and below",
         packageName: "@wc-toolkit/react-wrappers",
         factory: "reactWrapperGeneratorPlugin",
         options: { stronglyTypedEvents: true },
     },
     {
         name: "jsx-types",
+        label: "JSX Types - react 19+, SolidJS, Preact, etc.",
         packageName: "@wc-toolkit/jsx-types",
         factory: "jsxTypesGeneratorPlugin",
         options: { outdir: "./types", stronglyTypedEvents: true },
     },
     {
         name: "vuejs-types",
+        label: "Vue.js Types",
         packageName: "@wc-toolkit/vuejs-types",
         factory: "vuejsTypesGeneratorPlugin",
         options: { outdir: "./types", stronglyTypedEvents: true },
     },
     {
         name: "svelte-types",
+        label: "Svelte Types",
         packageName: "@wc-toolkit/svelte-types",
         factory: "svelteTypesGeneratorPlugin",
         options: { outdir: "./types", stronglyTypedEvents: true },
@@ -254,16 +259,16 @@ async function promptForModeAndPlugins(pluginNames) {
         if (modeLine.done)
             throw new Error("No mode selected.");
         const mode = validateInitMode(modeLine.value.trim() === "1" ? "cli" : modeLine.value.trim() === "2" ? "code" : modeLine.value.trim());
-        console.log("Which framework plugins should be included?");
-        PLUGIN_CHOICES.forEach((plugin, index) => console.log(`  ${index + 1}. ${plugin.name}`));
-        console.log("Enter numbers separated by commas, or press Enter for vanilla only.");
-        output.write("Plugins: ");
+        console.log("What library are you using to author your web components?");
+        LIBRARY_CHOICES.forEach((plugin, index) => console.log(`  ${index + 1}. ${plugin.name}`));
+        console.log("Enter a number, or press Enter for nothing.");
+        output.write("Library: ");
         const pluginsLine = await lines.next();
         if (pluginsLine.done)
             throw new Error("No plugin selection provided.");
         const selectedNames = parsePluginSelection(pluginsLine.value);
-        console.log("Which project integrations should be included? (multi-select)");
-        INTEGRATION_CHOICES.forEach((integration, index) => console.log(`  ${index + 1}. ${integration.name}`));
+        console.log("Which integrations would you like to include? (multi-select)");
+        INTEGRATION_CHOICES.forEach((integration, index) => console.log(`  ${index + 1}. ${integration.label}`));
         console.log("Enter numbers separated by commas, or press Enter for no integrations.");
         output.write("Integrations: ");
         const integrationsLine = await lines.next();
@@ -423,15 +428,15 @@ async function promptForPluginsAndIntegrations() {
             {
                 type: "select",
                 name: "plugin",
-                message: "Which framework plugins should be included?",
-                choices: PLUGIN_CHOICES.map((plugin) => ({ name: plugin.name, value: plugin.name })),
+                message: "What library are you using to author your web components?",
+                choices: LIBRARY_CHOICES.map((plugin) => ({ name: plugin.name, value: plugin.name })),
             },
             {
                 type: "checkbox",
                 name: "integrations",
-                message: "Which project integrations should be included?",
+                message: "Which integrations would you like to include?",
                 choices: INTEGRATION_CHOICES.map((integration) => ({
-                    name: integration.name,
+                    name: integration.label,
                     value: integration.name,
                 })),
             },
@@ -441,15 +446,15 @@ async function promptForPluginsAndIntegrations() {
     const prompt = readline.createInterface({ input, output });
     const lines = prompt[Symbol.asyncIterator]();
     try {
-        console.log("Which framework plugins should be included?");
-        PLUGIN_CHOICES.forEach((plugin, index) => console.log(`  ${index + 1}. ${plugin.name}`));
-        console.log("Enter numbers separated by commas, or press Enter for vanilla only.");
-        output.write("Plugins: ");
+        console.log("What library are you using to author your web components?");
+        LIBRARY_CHOICES.forEach((plugin, index) => console.log(`  ${index + 1}. ${plugin.name}`));
+        console.log("Enter a number, or press Enter for nothing.");
+        output.write("Library: ");
         const pluginsLine = await lines.next();
         if (pluginsLine.done)
             throw new Error("No plugin selection provided.");
-        console.log("Which project integrations should be included? (multi-select)");
-        INTEGRATION_CHOICES.forEach((integration, index) => console.log(`  ${index + 1}. ${integration.name}`));
+        console.log("Which integrations would you like to include? (multi-select)");
+        INTEGRATION_CHOICES.forEach((integration, index) => console.log(`  ${index + 1}. ${integration.label}`));
         console.log("Enter numbers separated by commas, or press Enter for no integrations.");
         output.write("Integrations: ");
         const integrationsLine = await lines.next();
@@ -478,15 +483,15 @@ async function promptForInteractiveSelections() {
         {
             type: "select",
             name: "plugin",
-            message: "Which framework plugins should be included?",
-            choices: PLUGIN_CHOICES.map((plugin) => ({ name: plugin.name, value: plugin.name })),
+            message: "What library are you using to author your web components?",
+            choices: LIBRARY_CHOICES.map((plugin) => ({ name: plugin.name, value: plugin.name })),
         },
         {
             type: "checkbox",
             name: "integrations",
-            message: "Which project integrations should be included?",
+            message: "Which integrations would you like to include?",
             choices: INTEGRATION_CHOICES.map((integration) => ({
-                name: integration.name,
+                name: integration.label,
                 value: integration.name,
             })),
         },
@@ -497,7 +502,7 @@ function isInteractiveTerminal() {
     return Boolean(input.isTTY && output.isTTY);
 }
 function parsePluginSelection(answer) {
-    return parseSelection(answer, PLUGIN_CHOICES, "plugin");
+    return parseSelection(answer, LIBRARY_CHOICES, "library").filter((name) => name !== "nothing");
 }
 function parseIntegrationSelection(answer) {
     return validateIntegrationNames(parseSelection(answer, INTEGRATION_CHOICES, "integration"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wc-toolkit/cem-generator-cli",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "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.3",
+    "@wc-toolkit/cem-generator": "0.1.4",
     "@wc-toolkit/cem-generator-utils": "0.1.1"
   },
   "devDependencies": {