expo-desktop 0.1.2 → 0.1.4

package/build/create-app/command.js

@@ -0,0 +1,124 @@
+import { confirm, isCancel, text, log, select } from "@clack/prompts";
+import { default as kleur } from "kleur";
+import { green, grey } from "kleur/colors";
+import { title } from "../common/clack.js";
+import { createExpoDesktopApp } from "./create-expo-desktop-app.js";
+import { previewFileTree } from "./preview-file-tree.js";
+import { promptForVersion } from "./prompt-for-version.js";
+export async function newExpoDesktopProject(args) {
+    // A dev-time switch for skipping the questions
+    const skip = true;
+    if (skip) {
+        await createExpoDesktopApp({
+            name: {
+                displayName: "My App Display Name",
+                filesafeName: "MyApp6",
+                rdns: "com.example.my-app-123",
+            },
+            packageManager: "bun",
+            versions: {
+                expoMajor: 54,
+                expoBlankTypeScript: "54.0.45",
+                minor: 81,
+                mobile: "0.81.6",
+                windows: "0.81.15",
+                macos: "0.81.7",
+            },
+        });
+        return;
+    }
+    log.info(`🏎️  Running ${kleur.yellow("expo-desktop create-app")}. Let's create a new Expo Desktop app!`, { withGuide: false });
+    title("Configuring app name");
+    const name = await configureAppName(args);
+    title("Configuring installation");
+    const versions = await promptForVersion(args.version);
+    log.info(`Will use versions: ${green(`react-native@${versions.mobile}`)}, ${green(`react-native-macos@${versions.macos}`)}, and ${green(`react-native-windows@${versions.windows}`)}, with ${green(`Expo ${versions.expoMajor}`)}.`);
+    const packageManager = await select({
+        message: "What package manager shall we install with?",
+        options: [
+            { value: "npm", label: "npm" },
+            { value: "bun", label: "Bun (recommended)" },
+            { value: "pnpm", label: "pnpm" },
+        ],
+        initialValue: "bun",
+    });
+    if (isCancel(packageManager)) {
+        process.exit(0);
+    }
+    await createExpoDesktopApp({ name, packageManager, versions });
+}
+async function configureAppName(args) {
+    const { initialFilesafeName, initialDisplayName, initialRdns } = args;
+    // TODO: Upon any cancel, provide the CLI command to get back to the cancelled
+    //       step.
+    let filesafeName = args["filesafe-name"];
+    if (!filesafeName) {
+        filesafeName = await text({
+            message: `Please provide the ${kleur.bold("filesafe name")} for the app in ${kleur.bold("alphanumeric")} format. ${grey("(Example: 'MyApp123')")}`,
+            placeholder: initialFilesafeName ?? "MyApp",
+            initialValue: initialFilesafeName ?? "MyApp",
+            validate(value) {
+                if (!value?.length) {
+                    return "Must be at least one character long.";
+                }
+            },
+        });
+    }
+    if (isCancel(filesafeName)) {
+        process.exit(0);
+    }
+    let displayName = args["display-name"];
+    if (!displayName) {
+        displayName = await text({
+            message: `Please provide the ${kleur.bold("display name")} for the app. ${grey("(Examples: 'My App 123', '俺のアプリ')")}`,
+            placeholder: initialDisplayName ?? "My App",
+            initialValue: initialDisplayName ?? "My App",
+            validate(value) {
+                if (!value?.length) {
+                    return "Must be at least one character long.";
+                }
+            },
+        });
+    }
+    if (isCancel(displayName)) {
+        process.exit(0);
+    }
+    let rdns = args.rdns;
+    if (!rdns) {
+        rdns = await text({
+            message: `Please provide the ${kleur.bold("reverse DNS")} for the app. ${grey("(Example: 'com.example.my-app-123')")}`,
+            placeholder: initialRdns ?? "com.example.my-app",
+            initialValue: initialRdns ?? "com.example.my-app",
+            validate(value) {
+                if (!value?.length) {
+                    return "Must be at least one character long.";
+                }
+            },
+        });
+    }
+    if (isCancel(rdns)) {
+        process.exit(0);
+    }
+    const structureIsOkay = await confirm({
+        message: `Will create an Expo app with the following structure. Does this look okay?\n\n${previewFileTree({ filesafeName, rdns })}\n`,
+        initialValue: true,
+    });
+    if (isCancel(structureIsOkay)) {
+        process.exit(0);
+    }
+    if (!structureIsOkay) {
+        return await configureAppName({
+            "filesafe-name": undefined,
+            initialFilesafeName: filesafeName,
+            "display-name": undefined,
+            initialDisplayName: displayName,
+            rdns: undefined,
+            initialRdns: rdns,
+        });
+    }
+    return {
+        filesafeName,
+        displayName,
+        rdns,
+    };
+}