nativescript 8.9.0-dev.0 → 8.9.0-dev.2

package/lib/commands/create-project.js

@@ -1,4 +1,13 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreateProjectCommand = void 0;
 const constants = require("../constants");
@@ -18,134 +27,141 @@ class CreateProjectCommand {
         this.allowedParameters = [this.$stringParameter];
         this.isInteractionIntroShown = false;
     }
-    async execute(args) {
-        const interactiveAdverbs = ["First", "Next", "Finally"];
-        const getNextInteractiveAdverb = () => {
-            return interactiveAdverbs.shift() || "Next";
-        };
-        if ((this.$options.tsc ||
-            this.$options.ng ||
-            this.$options.vue ||
-            this.$options.react ||
-            this.$options.solid ||
-            this.$options.svelte ||
-            this.$options.js) &&
-            this.$options.template) {
-            this.$errors.failWithHelp("You cannot use a flavor option like --ng, --vue, --react, --solid, --svelte, --tsc and --js together with --template.");
-        }
-        let projectName = args[0];
-        let selectedTemplate;
-        if (this.$options["vision-ng"] ||
-            (this.$options.vision && this.$options.ng)) {
-            selectedTemplate = constants.RESERVED_TEMPLATE_NAMES["vision-ng"];
-        }
-        else if (this.$options["vision-react"] ||
-            (this.$options.vision && this.$options.react)) {
-            selectedTemplate = constants.RESERVED_TEMPLATE_NAMES["vision-react"];
-        }
-        else if (this.$options["vision-solid"] ||
-            (this.$options.vision && this.$options.solid)) {
-            selectedTemplate = constants.RESERVED_TEMPLATE_NAMES["vision-solid"];
-        }
-        else if (this.$options["vision-svelte"] ||
-            (this.$options.vision && this.$options.svelte)) {
-            selectedTemplate = constants.RESERVED_TEMPLATE_NAMES["vision-svelte"];
-        }
-        else if (this.$options["vision-vue"] ||
-            (this.$options.vision && (this.$options.vue || this.$options.vuejs))) {
-            selectedTemplate = constants.RESERVED_TEMPLATE_NAMES["vision-vue"];
-        }
-        else if ((this.$options.vue || this.$options.vuejs) &&
-            this.$options.tsc) {
-            selectedTemplate = "@nativescript/template-blank-vue-ts";
-        }
-        else if (this.$options.vision) {
-            selectedTemplate = constants.RESERVED_TEMPLATE_NAMES["vision"];
-        }
-        else if (this.$options.js) {
-            selectedTemplate = constants.JAVASCRIPT_NAME;
-        }
-        else if (this.$options.tsc) {
-            selectedTemplate = constants.TYPESCRIPT_NAME;
-        }
-        else if (this.$options.ng) {
-            selectedTemplate = constants.ANGULAR_NAME;
-        }
-        else if (this.$options.vue || this.$options.vuejs) {
-            selectedTemplate = constants.VUE_NAME;
-        }
-        else if (this.$options.solid) {
-            selectedTemplate = constants.SOLID_NAME;
-        }
-        else if (this.$options.react) {
-            selectedTemplate = constants.REACT_NAME;
-        }
-        else if (this.$options.svelte) {
-            selectedTemplate = constants.SVELTE_NAME;
-        }
-        else {
-            selectedTemplate = this.$options.template;
-        }
-        if (!projectName && (0, helpers_1.isInteractive)()) {
-            this.printInteractiveCreationIntroIfNeeded();
-            projectName = await this.$prompter.getString(`${getNextInteractiveAdverb()}, what will be the name of your app?`, { allowEmpty: false });
-            this.$logger.info();
-        }
-        projectName = await this.$projectService.validateProjectName({
-            projectName: projectName,
-            force: this.$options.force,
-            pathToProject: this.$options.path,
-        });
-        if (!selectedTemplate && (0, helpers_1.isInteractive)()) {
-            this.printInteractiveCreationIntroIfNeeded();
-            selectedTemplate = await this.interactiveFlavorAndTemplateSelection(getNextInteractiveAdverb(), getNextInteractiveAdverb());
-        }
-        this.createdProjectData = await this.$projectService.createProject({
-            projectName: projectName,
-            template: selectedTemplate,
-            appId: this.$options.appid,
-            pathToProject: this.$options.path,
-            force: true,
-            ignoreScripts: this.$options.ignoreScripts,
+    execute(args) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const interactiveAdverbs = ["First", "Next", "Finally"];
+            const getNextInteractiveAdverb = () => {
+                return interactiveAdverbs.shift() || "Next";
+            };
+            if ((this.$options.tsc ||
+                this.$options.ng ||
+                this.$options.vue ||
+                this.$options.react ||
+                this.$options.solid ||
+                this.$options.svelte ||
+                this.$options.js) &&
+                this.$options.template) {
+                this.$errors.failWithHelp("You cannot use a flavor option like --ng, --vue, --react, --solid, --svelte, --tsc and --js together with --template.");
+            }
+            let projectName = args[0];
+            let selectedTemplate;
+            if (this.$options["vision-ng"] ||
+                (this.$options.vision && this.$options.ng)) {
+                selectedTemplate = constants.RESERVED_TEMPLATE_NAMES["vision-ng"];
+            }
+            else if (this.$options["vision-react"] ||
+                (this.$options.vision && this.$options.react)) {
+                selectedTemplate = constants.RESERVED_TEMPLATE_NAMES["vision-react"];
+            }
+            else if (this.$options["vision-solid"] ||
+                (this.$options.vision && this.$options.solid)) {
+                selectedTemplate = constants.RESERVED_TEMPLATE_NAMES["vision-solid"];
+            }
+            else if (this.$options["vision-svelte"] ||
+                (this.$options.vision && this.$options.svelte)) {
+                selectedTemplate = constants.RESERVED_TEMPLATE_NAMES["vision-svelte"];
+            }
+            else if (this.$options["vision-vue"] ||
+                (this.$options.vision && (this.$options.vue || this.$options.vuejs))) {
+                selectedTemplate = constants.RESERVED_TEMPLATE_NAMES["vision-vue"];
+            }
+            else if ((this.$options.vue || this.$options.vuejs) &&
+                this.$options.tsc) {
+                selectedTemplate = "@nativescript/template-blank-vue-ts";
+            }
+            else if (this.$options.vision) {
+                selectedTemplate = constants.RESERVED_TEMPLATE_NAMES["vision"];
+            }
+            else if (this.$options.js) {
+                selectedTemplate = constants.JAVASCRIPT_NAME;
+            }
+            else if (this.$options.tsc) {
+                selectedTemplate = constants.TYPESCRIPT_NAME;
+            }
+            else if (this.$options.ng) {
+                selectedTemplate = constants.ANGULAR_NAME;
+            }
+            else if (this.$options.vue || this.$options.vuejs) {
+                selectedTemplate = constants.VUE_NAME;
+            }
+            else if (this.$options.solid) {
+                selectedTemplate = constants.SOLID_NAME;
+            }
+            else if (this.$options.react) {
+                selectedTemplate = constants.REACT_NAME;
+            }
+            else if (this.$options.svelte) {
+                selectedTemplate = constants.SVELTE_NAME;
+            }
+            else {
+                selectedTemplate = this.$options.template;
+            }
+            if (!projectName && (0, helpers_1.isInteractive)()) {
+                this.printInteractiveCreationIntroIfNeeded();
+                projectName = yield this.$prompter.getString(`${getNextInteractiveAdverb()}, what will be the name of your app?`, { allowEmpty: false });
+                this.$logger.info();
+            }
+            projectName = yield this.$projectService.validateProjectName({
+                projectName: projectName,
+                force: this.$options.force,
+                pathToProject: this.$options.path,
+            });
+            if (!selectedTemplate && (0, helpers_1.isInteractive)()) {
+                this.printInteractiveCreationIntroIfNeeded();
+                selectedTemplate = yield this.interactiveFlavorAndTemplateSelection(getNextInteractiveAdverb(), getNextInteractiveAdverb());
+            }
+            this.createdProjectData = yield this.$projectService.createProject({
+                projectName: projectName,
+                template: selectedTemplate,
+                appId: this.$options.appid,
+                pathToProject: this.$options.path,
+                // its already validated above
+                force: true,
+                ignoreScripts: this.$options.ignoreScripts,
+            });
         });
     }
-    async interactiveFlavorAndTemplateSelection(flavorAdverb, templateAdverb) {
-        const selectedFlavor = await this.interactiveFlavorSelection(flavorAdverb);
-        const selectedTemplate = await this.interactiveTemplateSelection(selectedFlavor, templateAdverb);
-        return selectedTemplate;
+    interactiveFlavorAndTemplateSelection(flavorAdverb, templateAdverb) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const selectedFlavor = yield this.interactiveFlavorSelection(flavorAdverb);
+            const selectedTemplate = yield this.interactiveTemplateSelection(selectedFlavor, templateAdverb);
+            return selectedTemplate;
+        });
     }
-    async interactiveFlavorSelection(adverb) {
-        const flavorSelection = await this.$prompter.promptForDetailedChoice(`${adverb}, which style of NativeScript project would you like to use:`, [
-            {
-                key: constants.NgFlavorName,
-                description: "Learn more at https://nativescript.org/angular",
-            },
-            {
-                key: constants.ReactFlavorName,
-                description: "Learn more at https://github.com/shirakaba/react-nativescript",
-            },
-            {
-                key: constants.VueFlavorName,
-                description: "Learn more at https://nativescript.org/vue",
-            },
-            {
-                key: constants.SolidFlavorName,
-                description: "Learn more at https://www.solidjs.com",
-            },
-            {
-                key: constants.SvelteFlavorName,
-                description: "Learn more at https://svelte-native.technology",
-            },
-            {
-                key: constants.TsFlavorName,
-                description: "Learn more at https://nativescript.org/typescript",
-            },
-            {
-                key: constants.JsFlavorName,
-                description: "Use NativeScript without any framework",
-            },
-        ]);
-        return flavorSelection;
+    interactiveFlavorSelection(adverb) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const flavorSelection = yield this.$prompter.promptForDetailedChoice(`${adverb}, which style of NativeScript project would you like to use:`, [
+                {
+                    key: constants.NgFlavorName,
+                    description: "Learn more at https://nativescript.org/angular",
+                },
+                {
+                    key: constants.ReactFlavorName,
+                    description: "Learn more at https://github.com/shirakaba/react-nativescript",
+                },
+                {
+                    key: constants.VueFlavorName,
+                    description: "Learn more at https://nativescript.org/vue",
+                },
+                {
+                    key: constants.SolidFlavorName,
+                    description: "Learn more at https://www.solidjs.com",
+                },
+                {
+                    key: constants.SvelteFlavorName,
+                    description: "Learn more at https://svelte-native.technology",
+                },
+                {
+                    key: constants.TsFlavorName,
+                    description: "Learn more at https://nativescript.org/typescript",
+                },
+                {
+                    key: constants.JsFlavorName,
+                    description: "Use NativeScript without any framework",
+                },
+            ]);
+            return flavorSelection;
+        });
     }
     printInteractiveCreationIntroIfNeeded() {
         if (!this.isInteractionIntroShown) {
@@ -158,51 +174,53 @@ can skip this prompt next time using the --template option, or using --ng, --rea
 `);
         }
     }
-    async interactiveTemplateSelection(flavorSelection, adverb) {
-        const selectedFlavorTemplates = [];
-        let selectedTemplate;
-        switch (flavorSelection) {
-            case constants.NgFlavorName: {
-                selectedFlavorTemplates.push(...this.getNgTemplates());
-                break;
+    interactiveTemplateSelection(flavorSelection, adverb) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const selectedFlavorTemplates = [];
+            let selectedTemplate;
+            switch (flavorSelection) {
+                case constants.NgFlavorName: {
+                    selectedFlavorTemplates.push(...this.getNgTemplates());
+                    break;
+                }
+                case constants.ReactFlavorName: {
+                    selectedFlavorTemplates.push(...this.getReactTemplates());
+                    break;
+                }
+                case constants.VueFlavorName: {
+                    selectedFlavorTemplates.push(...this.getVueTemplates());
+                    break;
+                }
+                case constants.SolidFlavorName: {
+                    selectedFlavorTemplates.push(...this.getSolidTemplates());
+                    break;
+                }
+                case constants.SvelteFlavorName: {
+                    selectedFlavorTemplates.push(...this.getSvelteTemplates());
+                    break;
+                }
+                case constants.TsFlavorName: {
+                    selectedFlavorTemplates.push(...this.getTsTemplates());
+                    break;
+                }
+                case constants.JsFlavorName: {
+                    selectedFlavorTemplates.push(...this.getJsTemplates());
+                    break;
+                }
             }
-            case constants.ReactFlavorName: {
-                selectedFlavorTemplates.push(...this.getReactTemplates());
-                break;
+            if (selectedFlavorTemplates.length > 1) {
+                this.$logger.info();
+                const templateChoices = selectedFlavorTemplates.map((template) => {
+                    return { key: template.key, description: template.description };
+                });
+                const selectedTemplateKey = yield this.$prompter.promptForDetailedChoice(`${adverb}, which template would you like to start from:`, templateChoices);
+                selectedTemplate = selectedFlavorTemplates.find((t) => t.key === selectedTemplateKey).value;
             }
-            case constants.VueFlavorName: {
-                selectedFlavorTemplates.push(...this.getVueTemplates());
-                break;
+            else {
+                selectedTemplate = selectedFlavorTemplates[0].value;
             }
-            case constants.SolidFlavorName: {
-                selectedFlavorTemplates.push(...this.getSolidTemplates());
-                break;
-            }
-            case constants.SvelteFlavorName: {
-                selectedFlavorTemplates.push(...this.getSvelteTemplates());
-                break;
-            }
-            case constants.TsFlavorName: {
-                selectedFlavorTemplates.push(...this.getTsTemplates());
-                break;
-            }
-            case constants.JsFlavorName: {
-                selectedFlavorTemplates.push(...this.getJsTemplates());
-                break;
-            }
-        }
-        if (selectedFlavorTemplates.length > 1) {
-            this.$logger.info();
-            const templateChoices = selectedFlavorTemplates.map((template) => {
-                return { key: template.key, description: template.description };
-            });
-            const selectedTemplateKey = await this.$prompter.promptForDetailedChoice(`${adverb}, which template would you like to start from:`, templateChoices);
-            selectedTemplate = selectedFlavorTemplates.find((t) => t.key === selectedTemplateKey).value;
-        }
-        else {
-            selectedTemplate = selectedFlavorTemplates[0].value;
-        }
-        return selectedTemplate;
+            return selectedTemplate;
+        });
     }
     getJsTemplates() {
         const templates = [
@@ -354,54 +372,59 @@ can skip this prompt next time using the --template option, or using --ng, --rea
         ];
         return templates;
     }
-    async postCommandAction(args) {
-        const { projectDir, projectName } = this.createdProjectData;
-        const relativePath = path.relative(process.cwd(), projectDir);
-        const greyDollarSign = color_1.color.grey("$");
-        this.$logger.clearScreen();
-        let runDebugNotes = [];
-        if (this.$options.vision ||
-            this.$options["vision-ng"] ||
-            this.$options["vision-react"] ||
-            this.$options["vision-solid"] ||
-            this.$options["vision-svelte"] ||
-            this.$options["vision-vue"]) {
-            runDebugNotes = [
-                `Run the project on Vision Pro with:`,
-                "",
-                `  ${greyDollarSign} ${color_1.color.green("ns run visionos --no-hmr")}`,
-            ];
-        }
-        else {
-            runDebugNotes = [
-                `Run the project on multiple devices:`,
+    postCommandAction(args) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { projectDir, projectName } = this.createdProjectData;
+            const relativePath = path.relative(process.cwd(), projectDir);
+            const greyDollarSign = color_1.color.grey("$");
+            this.$logger.clearScreen();
+            let runDebugNotes = [];
+            if (this.$options.vision ||
+                this.$options["vision-ng"] ||
+                this.$options["vision-react"] ||
+                this.$options["vision-solid"] ||
+                this.$options["vision-svelte"] ||
+                this.$options["vision-vue"]) {
+                runDebugNotes = [
+                    `Run the project on Vision Pro with:`,
+                    "",
+                    `  ${greyDollarSign} ${color_1.color.green("ns run visionos --no-hmr")}`,
+                ];
+            }
+            else {
+                runDebugNotes = [
+                    `Run the project on multiple devices:`,
+                    "",
+                    `  ${greyDollarSign} ${color_1.color.green("ns run ios")}`,
+                    `  ${greyDollarSign} ${color_1.color.green("ns run android")}`,
+                    "",
+                    "Debug the project with Chrome DevTools:",
+                    "",
+                    `  ${greyDollarSign} ${color_1.color.green("ns debug ios")}`,
+                    `  ${greyDollarSign} ${color_1.color.green("ns debug android")}`,
+                ];
+            }
+            this.$logger.info([
+                [
+                    color_1.color.green(`Project`),
+                    color_1.color.cyan(projectName),
+                    color_1.color.green(`was successfully created.`),
+                ].join(" "),
                 "",
-                `  ${greyDollarSign} ${color_1.color.green("ns run ios")}`,
-                `  ${greyDollarSign} ${color_1.color.green("ns run android")}`,
+                `Now you can navigate to your project with ${color_1.color.cyan(`cd ${relativePath}`)} and then:`,
                 "",
-                "Debug the project with Chrome DevTools:",
+                ...runDebugNotes,
+                ``,
+                `For more options consult the docs or run ${color_1.color.green("ns --help")}`,
                 "",
-                `  ${greyDollarSign} ${color_1.color.green("ns debug ios")}`,
-                `  ${greyDollarSign} ${color_1.color.green("ns debug android")}`,
-            ];
-        }
-        this.$logger.info([
-            [
-                color_1.color.green(`Project`),
-                color_1.color.cyan(projectName),
-                color_1.color.green(`was successfully created.`),
-            ].join(" "),
-            "",
-            `Now you can navigate to your project with ${color_1.color.cyan(`cd ${relativePath}`)} and then:`,
-            "",
-            ...runDebugNotes,
-            ``,
-            `For more options consult the docs or run ${color_1.color.green("ns --help")}`,
-            "",
-        ].join("\n"));
+            ].join("\n"));
+            // todo: add back ns preview
+            // this.$logger.printMarkdown(
+            // 	`After that you can preview it on device by executing \`$ ns preview\``
+            // );
+        });
     }
 }
-exports.CreateProjectCommand = CreateProjectCommand;
 CreateProjectCommand.BlankTemplateKey = "Blank";
 CreateProjectCommand.BlankTemplateDescription = "A blank app";
 CreateProjectCommand.BlankTsTemplateKey = "Blank Typescript";
@@ -414,4 +437,6 @@ CreateProjectCommand.DrawerTemplateKey = "SideDrawer";
 CreateProjectCommand.DrawerTemplateDescription = "An app with pre-built pages that uses a drawer for navigation";
 CreateProjectCommand.TabsTemplateKey = "Tabs";
 CreateProjectCommand.TabsTemplateDescription = "An app with pre-built pages that uses tabs for navigation";
+exports.CreateProjectCommand = CreateProjectCommand;
 yok_1.injector.registerCommand("create", CreateProjectCommand);
+//# sourceMappingURL=create-project.js.map