@quilted/create 0.1.30 → 0.1.32

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @quilted/create
 
+## 0.1.32
+
+### Patch Changes
+
+- [#429](https://github.com/lemonmade/quilt/pull/429) [`69a5d2a1`](https://github.com/lemonmade/quilt/commit/69a5d2a1f9c2fe8d93be3157eb33506b0b8f7df7) Thanks [@lemonmade](https://github.com/lemonmade)! - Update all development dependencies to their latest versions
+
+## 0.1.31
+
+### Patch Changes
+
+- [`20390858`](https://github.com/lemonmade/quilt/commit/2039085884e75951ff020f63a4fcc94f6d06d135) Thanks [@lemonmade](https://github.com/lemonmade)! - Add package manager running utilities to cli-kit
+
 ## 0.1.30
 
 ### Patch Changes

package/build/cjs/app.cjs

@@ -2,16 +2,15 @@
 
 var fs = require('node:fs');
 var path = require('node:path');
-var node_child_process = require('node:child_process');
-var packageManager = require('./package-manager.cjs');
+var packageManager = require('./shared/package-manager.cjs');
 var index = require('./index.cjs');
 require('node:tty');
+require('node:child_process');
 require('node:url');
 require('node:readline');
 require('node:events');
 
-function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -28,8 +27,8 @@ function _interopNamespace(e) {
 	return Object.freeze(n);
 }
 
-var fs__namespace = /*#__PURE__*/_interopNamespace(fs);
-var path__namespace = /*#__PURE__*/_interopNamespace(path);
+var fs__namespace = /*#__PURE__*/_interopNamespaceDefault(fs);
+var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path);
 
 const flagSymbol = Symbol('arg flag');
 
@@ -227,32 +226,24 @@ arg.ArgError = ArgError;
 
 var arg_1 = arg;
 
-let _ = t => t,
-    _t,
-    _t2,
-    _t3;
 async function createApp() {
   const argv = getArgv();
-
   if (argv['--help']) {
-    var _argv$PackageManag;
-
-    const additionalOptions = index.stripIndent(_t || (_t = _`
-      ${0}
+    const additionalOptions = index.stripIndent`
+      ${packageManager.cyan_1(`--template`)}
       The template to use for your new application. If you don’t specify a template,
       this command will ask you for one instead. Must be one of the following:
 
-       - ${0}, a web app with a minimal file structure
-       - ${0}, an entire web app in a single file
-    `), packageManager.cyan_1(`--template`), packageManager.bold_1('basic'), packageManager.bold_1('single-file'));
+       - ${packageManager.bold_1('basic')}, a web app with a minimal file structure
+       - ${packageManager.bold_1('single-file')}, an entire web app in a single file
+    `;
     index.printHelp({
       kind: 'app',
       options: additionalOptions,
-      packageManager: (_argv$PackageManag = argv['--package-manager']) === null || _argv$PackageManag === void 0 ? void 0 : _argv$PackageManag.toLowerCase()
+      packageManager: argv['--package-manager']?.toLowerCase()
     });
     return;
   }
-
   const inWorkspace = fs__namespace.existsSync('quilt.workspace.ts');
   const name = await getName(argv, {
     inWorkspace
@@ -263,16 +254,16 @@ async function createApp() {
   const template = await getTemplate(argv);
   const createAsMonorepo = !inWorkspace && (await packageManager.getCreateAsMonorepo(argv));
   const shouldInstall = await packageManager.getShouldInstall(argv);
-  const packageManager$1 = await packageManager.getPackageManager(argv);
+  const packageManager$1 = await packageManager.getPackageManager(argv, {
+    root: directory
+  });
   const setupExtras = await packageManager.getExtrasToSetup(argv, {
     inWorkspace
   });
   const partOfMonorepo = inWorkspace || createAsMonorepo;
   const appDirectory = createAsMonorepo ? path__namespace.join(directory, 'app') : directory;
-
   if (fs__namespace.existsSync(directory)) {
     await packageManager.emptyDirectory(directory);
-
     if (appDirectory !== directory) {
       fs__namespace.mkdirSync(appDirectory, {
         recursive: true
@@ -283,27 +274,28 @@ async function createApp() {
       recursive: true
     });
   }
-
   const rootDirectory = inWorkspace ? process.cwd() : directory;
   const outputRoot = packageManager.createOutputTarget(rootDirectory);
   const appTemplate = packageManager.loadTemplate(template === 'basic' ? 'app-basic' : 'app-single-file');
-  const workspaceTemplate = packageManager.loadTemplate('workspace'); // If we aren’t already in a workspace, copy the workspace files over, which
-  // are needed if we are making a monorepo or not.
+  const workspaceTemplate = packageManager.loadTemplate('workspace');
 
+  // If we aren’t already in a workspace, copy the workspace files over, which
+  // are needed if we are making a monorepo or not.
   if (!inWorkspace) {
     await workspaceTemplate.copy(directory, file => {
       // When this is a single project, we use the project’s Quilt  configuration as the base.
-      if (file === 'quilt.workspace.ts') return createAsMonorepo; // We need to make some adjustments to the root package.json
+      if (file === 'quilt.workspace.ts') return createAsMonorepo;
 
+      // We need to make some adjustments to the root package.json
       return file !== 'package.json';
-    }); // If we are creating a monorepo, we need to add the root package.json and
-    // package manager workspace configuration.
+    });
 
+    // If we are creating a monorepo, we need to add the root package.json and
+    // package manager workspace configuration.
     if (createAsMonorepo) {
       const workspacePackageJson = JSON.parse(await workspaceTemplate.read('package.json'));
       workspacePackageJson.name = packageManager.toValidPackageName(name);
-
-      if (packageManager$1 === 'pnpm') {
+      if (packageManager$1.type === 'pnpm') {
         await outputRoot.write('pnpm-workspace.yaml', await packageManager.format(`
               packages:
               - './packages/*'
@@ -313,7 +305,6 @@ async function createApp() {
       } else {
         workspacePackageJson.workspaces = ['packages/*'];
       }
-
       await outputRoot.write('package.json', await packageManager.format(JSON.stringify(workspacePackageJson), {
         as: 'json-stringify'
       }));
@@ -335,26 +326,22 @@ async function createApp() {
         as: 'json'
       }));
     }
-
     if (setupExtras.has('github')) {
       await packageManager.loadTemplate('github').copy(directory);
     }
-
     if (setupExtras.has('vscode')) {
       await packageManager.loadTemplate('vscode').copy(directory);
     }
   }
-
   await appTemplate.copy(appDirectory, file => {
     // If we are in a monorepo, we can use all the template files as they are
     if (file === 'quilt.project.ts' || file === 'tsconfig.json') {
       return partOfMonorepo;
-    } // We need to make some adjustments the project’s package.json
-
+    }
 
+    // We need to make some adjustments the project’s package.json
     return file !== 'package.json';
   });
-
   if (partOfMonorepo) {
     // Write the app’s package.json (the root one was already created)
     const projectPackageJson = JSON.parse(await appTemplate.read('package.json'));
@@ -362,56 +349,48 @@ async function createApp() {
     await outputRoot.write(path__namespace.join(appDirectory, 'package.json'), await packageManager.format(JSON.stringify(projectPackageJson), {
       as: 'json-stringify'
     }));
-    await Promise.all([packageManager.addToTsConfig(appDirectory, outputRoot), packageManager.addToPackageManagerWorkspaces(appDirectory, outputRoot, packageManager$1)]);
+    await Promise.all([packageManager.addToTsConfig(appDirectory, outputRoot), packageManager.addToPackageManagerWorkspaces(appDirectory, outputRoot, packageManager$1.type)]);
   }
-
   if (shouldInstall) {
-    process.stdout.write('\nInstalling dependencies...\n'); // TODO: better loading, handle errors
-
-    node_child_process.execSync(`${packageManager$1} install`, {
-      cwd: rootDirectory
-    });
+    process.stdout.write('\nInstalling dependencies...\n');
+    // TODO: better loading, handle errors
+    await packageManager$1.install();
     process.stdout.moveCursor(0, -1);
     process.stdout.clearLine(1);
     console.log('Installed dependencies.');
   }
-
   const commands = [];
-
-  const packageManagerRun = command => packageManager$1 === 'npm' ? `npm run ${command}` : `pnpm ${command}`;
-
   if (!inWorkspace && directory !== process.cwd()) {
     commands.push(`cd ${packageManager.cyan_1(packageManager.relativeDirectoryForDisplay(path__namespace.relative(process.cwd(), directory)))} ${packageManager.dim_1('# Move into your new app’s directory')}`);
   }
-
   if (!shouldInstall) {
-    commands.push(`${packageManager$1} install ${packageManager.dim_1('# Install all your dependencies')}`);
+    commands.push(`${packageManager$1.commands.install()} ${packageManager.dim_1('# Install all your dependencies')}`);
   }
-
   if (!inWorkspace) {
     // TODO: change this condition to check if git was initialized already
     commands.push(`git init && git add -A && git commit -m "Initial commit" ${packageManager.dim_1('# Start your git history (optional)')}`);
   }
-
-  commands.push(`${packageManagerRun('develop')} ${packageManager.dim_1('# Start the development server')}`);
-  const whatsNext = index.stripIndent(_t2 || (_t2 = _`
-    Your new app is ready to go! There’s just ${0} you’ll need to take
+  commands.push(`${packageManager$1.commands.run('develop')} ${packageManager.dim_1('# Start the development server')}`);
+  const whatsNext = index.stripIndent`
+    Your new app is ready to go! There’s just ${commands.length > 1 ? 'a few more steps' : 'one more step'} you’ll need to take
     in order to start developing:
-  `), commands.length > 1 ? 'a few more steps' : 'one more step');
+  `;
   console.log();
   console.log(whatsNext);
   console.log();
   console.log(commands.map(command => `  ${command}`).join('\n'));
-  const followUp = index.stripIndent(_t3 || (_t3 = _`
+  const followUp = index.stripIndent`
     Quilt can also help you build, test, lint, and type-check your new application.
     You can learn more about building apps with Quilt by reading the documentation:
-    ${0}
+    ${packageManager.underline_1(packageManager.magenta_1('https://github.com/lemonmade/quilt/tree/main/documentation'))}
 
     Have fun! 🎉
-  `), packageManager.underline_1(packageManager.magenta_1('https://github.com/lemonmade/quilt/tree/main/documentation')));
+  `;
   console.log();
   console.log(followUp);
-} // Argument handling
+}
+
+// Argument handling
 
 function getArgv() {
   const argv = arg_1({
@@ -434,14 +413,12 @@ function getArgv() {
   });
   return argv;
 }
-
 async function getName(argv, {
   inWorkspace
 }) {
   let {
     '--name': name
   } = argv;
-
   if (name == null) {
     name = await index.prompt({
       type: 'text',
@@ -449,17 +426,12 @@ async function getName(argv, {
       initial: inWorkspace ? 'app' : 'my-quilt-app'
     });
   }
-
   return name;
 }
-
 async function getDirectory(argv, {
   name
 }) {
-  var _argv$Directory;
-
-  let directory = path__namespace.resolve((_argv$Directory = argv['--directory']) !== null && _argv$Directory !== void 0 ? _argv$Directory : packageManager.toValidPackageName(name));
-
+  let directory = path__namespace.resolve(argv['--directory'] ?? packageManager.toValidPackageName(name));
   while (!argv['--yes']) {
     if (fs__namespace.existsSync(directory) && !(await packageManager.isEmpty(directory))) {
       const relativeDirectory = path__namespace.relative(process.cwd(), directory);
@@ -478,17 +450,13 @@ async function getDirectory(argv, {
       break;
     }
   }
-
   return directory;
 }
-
 const VALID_TEMPLATES = new Set(['basic', 'single-file']);
-
 async function getTemplate(argv) {
   if (argv['--template'] && VALID_TEMPLATES.has(argv['--template'])) {
     return argv['--template'];
   }
-
   const template = await index.prompt({
     type: 'select',
     message: 'What template would you like to use?',
@@ -499,9 +467,11 @@ async function getTemplate(argv) {
     }, {
       title: `${packageManager.bold_1('Itty-bitty')}, an entire web app in a single file`,
       value: 'single-file'
-    } // TODO: GraphQL API
+    }
+    // TODO: GraphQL API
     ]
   });
+
   return template;
 }