@youcan/create-app 2.1.4 → 2.2.0

package/dist/commands/init.d.ts

@@ -1,11 +1,11 @@
-import { Cli } from '@youcan/cli-kit';
-export default class Init extends Cli.Command {
-    static aliases: string[];
-    static description: string;
-    static flags: {
-        path: import("@oclif/core/lib/interfaces").OptionFlag<string, import("@oclif/core/lib/interfaces/parser").CustomOptions>;
-        'no-color': import("@oclif/core/lib/interfaces").BooleanFlag<boolean>;
-        verbose: import("@oclif/core/lib/interfaces").BooleanFlag<boolean>;
-    };
-    run(): Promise<void>;
-}
+import { Cli } from '@youcan/cli-kit';
+export default class Init extends Cli.Command {
+    static aliases: string[];
+    static description: string;
+    static flags: {
+        path: import("@oclif/core/lib/interfaces").OptionFlag<string, import("@oclif/core/lib/interfaces/parser").CustomOptions>;
+        'no-color': import("@oclif/core/lib/interfaces").BooleanFlag<boolean>;
+        verbose: import("@oclif/core/lib/interfaces").BooleanFlag<boolean>;
+    };
+    run(): Promise<void>;
+}

package/dist/commands/init.js

@@ -1,31 +1,37 @@
 import { cwd } from 'node:process';
 import { Flags } from '@oclif/core';
-import { Cli, Path } from '@youcan/cli-kit';
+import { Cli, Path, System } from '@youcan/cli-kit';
 import initPrompt from '../prompts/init.js';
 import initService from '../services/init.js';
 
-class Init extends Cli.Command {
-    static aliases = ['create-app'];
-    static description = 'bootstaps a new youcan app';
-    static flags = {
-        ...Cli.commonFlags,
-        path: Flags.string({
-            char: 'p',
-            env: 'YC_FLAG_PATH',
-            parse: async (input) => Path.resolve(input),
-            default: async () => cwd(),
-            hidden: false,
-        }),
-    };
-    async run() {
-        const { flags } = await this.parse(Init);
-        const response = await initPrompt(this);
-        await initService(this, {
-            name: response.name,
-            directory: flags.path,
-            template: response.template,
-        });
-    }
+class Init extends Cli.Command {
+    static aliases = ['create-app'];
+    static description = 'bootstraps a new youcan app';
+    static flags = {
+        ...Cli.commonFlags,
+        path: Flags.string({
+            char: 'p',
+            env: 'YC_FLAG_PATH',
+            parse: async (input) => Path.resolve(input),
+            default: async () => cwd(),
+            hidden: false,
+        }),
+    };
+    async run() {
+        const { flags } = await this.parse(Init);
+        const response = await initPrompt(this);
+        if (typeof response.name === 'undefined'
+            || typeof response.template === 'undefined') {
+            this.log('Operation cancelled');
+            this.exit(130);
+        }
+        await initService(this, {
+            name: response.name,
+            directory: flags.path,
+            template: response.template,
+            packageManager: System.inferUserPackageManager(),
+        });
+    }
 }
 
 export { Init as default };

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-declare function execCreateAppCli(development: boolean): Promise<void>;
-export default execCreateAppCli;
+declare function execCreateAppCli(development: boolean): Promise<void>;
+export default execCreateAppCli;

package/dist/index.js

@@ -1,10 +1,10 @@
 import { Cli } from '@youcan/cli-kit';
 
-async function execCreateAppCli(development) {
-    await Cli.execCreate('app', {
-        moduleUrl: import.meta.url,
-        development,
-    });
+async function execCreateAppCli(development) {
+    await Cli.execCreate('app', {
+        moduleUrl: import.meta.url,
+        development,
+    });
 }
 
 export { execCreateAppCli as default };

package/dist/prompts/init.d.ts

@@ -1,11 +1,11 @@
-import type { Cli } from '@youcan/cli-kit';
-interface InitOutput {
-    name: string;
-    template: string;
-}
-export declare const TEMPLATES: Record<string, {
-    label: string;
-    url?: string;
-}>;
-declare function initPrompt(command: Cli.Command): Promise<InitOutput>;
-export default initPrompt;
+import type { Cli } from '@youcan/cli-kit';
+interface InitOutput {
+    name?: string;
+    template?: string;
+}
+export declare const TEMPLATES: Record<string, {
+    label: string;
+    url?: string;
+}>;
+declare function initPrompt(command: Cli.Command): Promise<InitOutput>;
+export default initPrompt;

package/dist/prompts/init.js

@@ -1,49 +1,49 @@
-const TEMPLATES = {
-    'nuxt': {
-        label: 'Start with Nuxt (recommended)',
-        url: 'https://github.com/youcan-shop/shop-app-template-nuxt',
-    },
-    'extension-only': {
-        label: 'Start with an extension only',
-        url: 'https://github.com/youcan-shop/shop-app-template-none',
-    },
-    'none': {
-        label: 'A blank canvas',
-    },
-};
-async function initPrompt(command) {
-    const defaults = {
-        name: 'my-youcan-shop-app',
-        template: TEMPLATES.nuxt.url,
-    };
-    command.log('\nHello! Start by picking a name for your app.');
-    const response = await command.prompt([
-        {
-            name: 'name',
-            type: 'text',
-            initial: defaults.name,
-            message: 'Your app\'s name',
-            validate: (v) => {
-                if (!v.length) {
-                    return 'App name cannot be empty';
-                }
-                if (v.length > 32) {
-                    return 'App name cannot exceed 32 characters';
-                }
-                return true;
-            },
-        },
-        {
-            type: 'select',
-            name: 'template',
-            message: 'Your app\'s starting template',
-            format: v => TEMPLATES[v]?.url,
-            choices: Object
-                .entries(TEMPLATES)
-                .map(([k, v]) => ({ title: v.label, value: k })),
-        },
-    ]);
-    return response;
+const TEMPLATES = {
+    'nuxt': {
+        label: 'Start with Nuxt (recommended)',
+        url: 'https://github.com/youcan-shop/shop-app-template-nuxt',
+    },
+    'extension-only': {
+        label: 'Start with an extension only',
+        url: 'https://github.com/youcan-shop/shop-app-template-none',
+    },
+    'none': {
+        label: 'A blank canvas',
+    },
+};
+async function initPrompt(command) {
+    const defaults = {
+        name: 'my-youcan-shop-app',
+        template: TEMPLATES.nuxt.url,
+    };
+    command.log('\nHello! Start by picking a name for your app.');
+    const response = await command.prompt([
+        {
+            name: 'name',
+            type: 'text',
+            initial: defaults.name,
+            message: 'Your app\'s name',
+            validate: (v) => {
+                if (!v.length) {
+                    return 'App name cannot be empty';
+                }
+                if (v.length > 32) {
+                    return 'App name cannot exceed 32 characters';
+                }
+                return true;
+            },
+        },
+        {
+            type: 'select',
+            name: 'template',
+            message: 'Your app\'s starting template',
+            format: v => TEMPLATES[v]?.url,
+            choices: Object
+                .entries(TEMPLATES)
+                .map(([k, v]) => ({ title: v.label, value: k })),
+        },
+    ]);
+    return response;
 }
 
 export { TEMPLATES, initPrompt as default };

package/dist/services/init.d.ts

@@ -1,8 +1,10 @@
-import type { Cli } from '@youcan/cli-kit';
-interface InitServiceOptions {
-    name: string;
-    directory: string;
-    template?: string;
-}
-declare function initService(command: Cli.Command, options: InitServiceOptions): Promise<void>;
-export default initService;
+import type { Cli } from '@youcan/cli-kit';
+import { System } from '@youcan/cli-kit';
+interface InitServiceOptions {
+    name: string;
+    directory: string;
+    template?: string;
+    packageManager: System.PackageManagerType;
+}
+declare function initService(command: Cli.Command, options: InitServiceOptions): Promise<void>;
+export default initService;

package/dist/services/init.js

@@ -1,54 +1,69 @@
-import { String, Path, Github, Filesystem, Tasks, Git } from '@youcan/cli-kit';
+import path from 'node:path';
+import { String, Path, Github, Filesystem, Tasks, Git, System } from '@youcan/cli-kit';
 
-async function initService(command, options) {
-    const slug = String.hyphenate(options.name);
-    const outdir = Path.join(options.directory, slug);
-    await assertDirectoryAvailability(outdir, slug);
-    const repo = options.template
-        ? Github.parseRepositoryReference(options.template)
-        : null;
-    await Filesystem.tapIntoTmp(async (tmp) => {
-        const templateDownloadDirectory = Path.join(tmp, 'download');
-        await Filesystem.mkdir(templateDownloadDirectory);
-        await Tasks.run({}, [
-            {
-                title: 'Closing app template...',
-                skip: () => repo == null,
-                task: async () => {
-                    const url = repo.branch
-                        ? `${repo.baseUrl}#${repo.branch}`
-                        : repo.baseUrl;
-                    await Git.clone({
-                        url,
-                        shallow: true,
-                        destination: templateDownloadDirectory,
-                    });
-                },
-            },
-            {
-                title: 'Configuring app...',
-                task: async () => {
-                    await Filesystem.writeJsonFile(Path.join(templateDownloadDirectory, 'youcan.app.json'), { name: slug });
-                },
-            },
-            {
-                title: `Copying files to ${outdir}...`,
-                task: async () => {
-                    await Filesystem.move(templateDownloadDirectory, outdir);
-                },
-            },
-        ]);
-    });
-    command.output.info(`${slug} is ready for your to develop! Head to the docs for more information`);
-    command.output.info('   Developer Docs: https://developer.youcan.shop\n\n');
-    command.output.info('   To preview your app, run `pnpm dev`');
-    command.output.info('   For an overview of all the command, run `pnpm youcan app help`');
-}
-async function assertDirectoryAvailability(directory, name) {
-    const exists = await Filesystem.exists(directory);
-    if (exists) {
-        throw new Error(`\nThe directory \`${name}\` already exists, please choose a new name for your app`);
-    }
+async function initService(command, options) {
+    const slug = String.hyphenate(options.name);
+    const outdir = Path.join(options.directory, slug);
+    const relativeOutdir = path.relative(process.cwd(), outdir);
+    await assertDirectoryAvailability(outdir, slug);
+    const repo = options.template
+        ? Github.parseRepositoryReference(options.template)
+        : null;
+    await Filesystem.tapIntoTmp(async (tmp) => {
+        const templateDownloadDirectory = Path.join(tmp, 'download');
+        await Filesystem.mkdir(templateDownloadDirectory);
+        await Tasks.run({}, [
+            {
+                title: 'Closing app template...',
+                skip: () => repo == null,
+                task: async () => {
+                    const url = repo.branch
+                        ? `${repo.baseUrl}#${repo.branch}`
+                        : repo.baseUrl;
+                    await Git.clone({
+                        url,
+                        shallow: true,
+                        destination: templateDownloadDirectory,
+                    });
+                },
+            },
+            {
+                title: 'Configuring app...',
+                task: async () => {
+                    await Filesystem.writeJsonFile(Path.join(templateDownloadDirectory, 'youcan.app.json'), { name: slug });
+                },
+            },
+            {
+                title: `Copying files to ${relativeOutdir}...`,
+                task: async () => {
+                    await Filesystem.move(templateDownloadDirectory, outdir);
+                },
+            },
+            {
+                title: 'Installing dependencies...',
+                loadable: false,
+                task: async () => {
+                    await System.exec(options.packageManager, ['install'], {
+                        stdout: 'inherit',
+                        stderr: 'inherit',
+                        cwd: outdir,
+                    });
+                },
+            },
+        ]);
+    });
+    command.output.info(`${slug} is ready for your to develop! Head to the docs for more information`);
+    command.output.info('   Developer Docs: https://developer.youcan.shop\n\n');
+    command.output.info('   To preview your app, run');
+    command.output.info(`      cd ${relativeOutdir}`);
+    command.output.info(`      ${options.packageManager} dev`);
+    command.output.info('   For an overview of all the command, run `pnpm youcan app help`');
+}
+async function assertDirectoryAvailability(directory, name) {
+    const exists = await Filesystem.exists(directory);
+    if (exists) {
+        throw new Error(`\nThe directory \`${name}\` already exists, please choose a new name for your app`);
+    }
 }
 
 export { initService as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/create-app",
   "type": "module",
-  "version": "2.1.4",
+  "version": "2.2.0",
   "description": "A CLI for creating YouCan Shop apps",
   "author": "YouCan <contact@youcan.shop> (https://youcan.shop)",
   "license": "MIT",
@@ -23,7 +23,7 @@
   ],
   "dependencies": {
     "@oclif/core": "^2.15.0",
-    "@youcan/cli-kit": "2.1.4"
+    "@youcan/cli-kit": "2.2.0"
   },
   "devDependencies": {
     "@oclif/plugin-legacy": "^1.3.0",