Merge pull request #1011 from ProvableHQ/command-line-templating

Create Leo App - specify template via command line

Author: christianwwwwwwww

.circleci/config.yml

@@ -93,6 +93,15 @@ jobs:
           command: |
             yarn start
 
+  create-leo-app-cli:
+    executor: rust-node
+    steps:
+      - setup
+      - run:
+          working_directory: create-leo-app
+          command: |
+            npm i -D tsx
+            npx tsx src/index.ts test-app --template react-leo
 
   template-node:
     executor: rust-node
@@ -172,6 +181,9 @@ workflows:
       - e2e-mainnet:
           requires:
             - sdk
+      - create-leo-app-cli:
+          requires:
+            - sdk
       - template-node:
           requires:
             - sdk

create-leo-app/README.md

@@ -13,14 +13,14 @@ npm create leo-app@latest
 
 Then follow the prompts!
 
-You can also directly specify the project name you want to use via additional command line options. For example, to scaffold a Leo project, run:
+You can also directly specify the project name and template you want to use via additional command line options. For example, to scaffold a Leo project using the Vanilla JavaScript template, run:
 
 ```bash
 # npm 6.x
-npm create leo-app@latest my-leo-app
+npm create leo-app@latest my-leo-app --template vanilla
 
 # npm 7+, extra double-dash is needed:
-npm create leo-app@latest my-leo-app
+npm create leo-app@latest my-leo-app -- --template vanilla
 ```
 
 Currently supported template presets include:

create-leo-app/src/index.ts

@@ -92,6 +92,20 @@ async function init() {
   const getProjectName = () =>
     targetDir === "." ? path.basename(path.resolve()) : targetDir;
 
+  let selectedFramework: Framework | undefined;
+  let selectedVariant: string | undefined;
+
+  if (argTemplate && TEMPLATES.includes(argTemplate)) {
+    for (const framework of FRAMEWORKS) {
+      const match = framework.variants.find((v) => v.name === argTemplate);
+      if (match) {
+        selectedFramework = framework;
+        selectedVariant = match.name;
+        break;
+      }
+    }
+  }
+
   let result: prompts.Answers<
     "projectName" | "overwrite" | "packageName" | "framework" | "variant"
   >;
@@ -136,8 +150,7 @@ async function init() {
             isValidPackageName(dir) || "Invalid package.json name",
         },
         {
-          type:
-            argTemplate && TEMPLATES.includes(argTemplate) ? null : "select",
+          type: selectedFramework ? null : "select",
           name: "framework",
           message:
             typeof argTemplate === "string" && !TEMPLATES.includes(argTemplate)
@@ -155,8 +168,7 @@ async function init() {
           }),
         },
         {
-          type: (framework: Framework) =>
-            framework && framework.variants ? "select" : null,
+          type: selectedVariant ? null : "select",
           name: "variant",
           message: reset("Select a variant:"),
           choices: (framework: Framework) =>