@quilted/create 0.1.55 → 0.1.57

package/build/cjs/_virtual/reader2.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var reader = {};
+
+exports.__exports = reader;

package/build/cjs/_virtual/resolve-block-map.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var resolveBlockMap = {};
+
+exports.__exports = resolveBlockMap;

package/build/cjs/_virtual/resolve-block-scalar.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var resolveBlockScalar = {};
+
+exports.__exports = resolveBlockScalar;

package/build/cjs/_virtual/resolve-block-seq.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var resolveBlockSeq = {};
+
+exports.__exports = resolveBlockSeq;

package/build/cjs/_virtual/resolve-end.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var resolveEnd = {};
+
+exports.__exports = resolveEnd;

package/build/cjs/_virtual/resolve-flow-collection.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var resolveFlowCollection = {};
+
+exports.__exports = resolveFlowCollection;

package/build/cjs/_virtual/resolve-flow-scalar.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var resolveFlowScalar = {};
+
+exports.__exports = resolveFlowScalar;

package/build/cjs/_virtual/resolve-props.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var resolveProps = {};
+
+exports.__exports = resolveProps;

package/build/cjs/_virtual/schema2.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var schema = {};
+
+exports.__exports = schema;

package/build/cjs/_virtual/schema3.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var schema = {};
+
+exports.__exports = schema;

package/build/cjs/_virtual/schema4.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var schema = {};
+
+exports.__exports = schema;

package/build/cjs/_virtual/seq.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var seq = {};
+
+exports.__exports = seq;

package/build/cjs/_virtual/set.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var set = {};
+
+exports.__exports = set;

package/build/cjs/_virtual/settings.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var settings = {};
+
+exports.__exports = settings;

package/build/cjs/_virtual/settings2.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var settings = {};
+
+exports.__exports = settings;

package/build/cjs/_virtual/settings3.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var settings = {};
+
+exports.__exports = settings;

package/build/cjs/_virtual/settings4.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var settings = {};
+
+exports.__exports = settings;

package/build/cjs/_virtual/standalone.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var standalone = {exports: {}};
+
+exports.standalone = standalone;

package/build/cjs/_virtual/stream.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var stream = {};
+
+exports.__exports = stream;

package/build/cjs/_virtual/stream2.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var stream = {};
+
+exports.__exports = stream;

package/build/cjs/_virtual/stream3.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var stream = {};
+
+exports.__exports = stream;

package/build/cjs/_virtual/stream4.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var stream = {};
+
+exports.__exports = stream;

package/build/cjs/_virtual/string.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var string = {};
+
+exports.__exports = string;

package/build/cjs/_virtual/string2.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var string = {};
+
+exports.__exports = string;

package/build/cjs/_virtual/stringify.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var stringify = {};
+
+exports.__exports = stringify;

package/build/cjs/_virtual/stringifyCollection.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var stringifyCollection = {};
+
+exports.__exports = stringifyCollection;

package/build/cjs/_virtual/stringifyComment.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var stringifyComment = {};
+
+exports.__exports = stringifyComment;

package/build/cjs/_virtual/stringifyDocument.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var stringifyDocument = {};
+
+exports.__exports = stringifyDocument;

package/build/cjs/_virtual/stringifyNumber.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var stringifyNumber = {};
+
+exports.__exports = stringifyNumber;

package/build/cjs/_virtual/stringifyPair.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var stringifyPair = {};
+
+exports.__exports = stringifyPair;

package/build/cjs/_virtual/stringifyString.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var stringifyString = {};
+
+exports.__exports = stringifyString;

package/build/cjs/_virtual/sync.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var sync = {};
+
+exports.__exports = sync;

package/build/cjs/_virtual/sync2.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var sync = {};
+
+exports.__exports = sync;

package/build/cjs/_virtual/sync3.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var sync = {};
+
+exports.__exports = sync;

package/build/cjs/_virtual/sync4.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var sync = {};
+
+exports.__exports = sync;

package/build/cjs/_virtual/sync5.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var sync = {};
+
+exports.__exports = sync;

package/build/cjs/_virtual/sync6.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var sync = {};
+
+exports.__exports = sync;

package/build/cjs/_virtual/tags.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var tags = {};
+
+exports.__exports = tags;

package/build/cjs/_virtual/tasks.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var tasks = {};
+
+exports.__exports = tasks;

package/build/cjs/_virtual/timestamp.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var timestamp = {};
+
+exports.__exports = timestamp;

package/build/cjs/_virtual/toJS.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var toJS = {};
+
+exports.__exports = toJS;

package/build/cjs/_virtual/util-contains-newline.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var utilContainsNewline = {};
+
+exports.__exports = utilContainsNewline;

package/build/cjs/_virtual/util-empty-scalar-position.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var utilEmptyScalarPosition = {};
+
+exports.__exports = utilEmptyScalarPosition;

package/build/cjs/_virtual/util-flow-indent-check.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var utilFlowIndentCheck = {};
+
+exports.__exports = utilFlowIndentCheck;

package/build/cjs/_virtual/util-map-includes.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var utilMapIncludes = {};
+
+exports.__exports = utilMapIncludes;

package/build/cjs/_virtual/utils.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var utils = {};
+
+exports.__exports = utils;

package/build/cjs/_virtual/utils2.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var utils = {};
+
+exports.__exports = utils;

package/build/cjs/_virtual/visit.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var visit = {};
+
+exports.__exports = visit;

package/build/cjs/app.cjs

@@ -2,14 +2,29 @@
 
 var fs = require('node:fs');
 var path = require('node:path');
-var index$1 = require('./index2.cjs');
+var index$1 = require('./node_modules/.pnpm/arg@5.0.1/node_modules/arg/index.cjs');
+var index = require('./node_modules/.pnpm/colorette@2.0.16/node_modules/colorette/index.cjs');
+require('./node_modules/.pnpm/common-tags@1.8.2/node_modules/common-tags/es/TemplateTag/TemplateTag.cjs');
+require('./node_modules/.pnpm/common-tags@1.8.2/node_modules/common-tags/es/commaLists/commaLists.cjs');
+require('./node_modules/.pnpm/common-tags@1.8.2/node_modules/common-tags/es/commaListsAnd/commaListsAnd.cjs');
+require('./node_modules/.pnpm/common-tags@1.8.2/node_modules/common-tags/es/commaListsOr/commaListsOr.cjs');
+require('./node_modules/.pnpm/common-tags@1.8.2/node_modules/common-tags/es/html/html.cjs');
+require('./node_modules/.pnpm/common-tags@1.8.2/node_modules/common-tags/es/safeHtml/safeHtml.cjs');
+require('./node_modules/.pnpm/common-tags@1.8.2/node_modules/common-tags/es/oneLine/oneLine.cjs');
+require('./node_modules/.pnpm/common-tags@1.8.2/node_modules/common-tags/es/oneLineTrim/oneLineTrim.cjs');
+require('./node_modules/.pnpm/common-tags@1.8.2/node_modules/common-tags/es/oneLineCommaLists/oneLineCommaLists.cjs');
+require('./node_modules/.pnpm/common-tags@1.8.2/node_modules/common-tags/es/oneLineCommaListsOr/oneLineCommaListsOr.cjs');
+require('./node_modules/.pnpm/common-tags@1.8.2/node_modules/common-tags/es/oneLineCommaListsAnd/oneLineCommaListsAnd.cjs');
+require('./node_modules/.pnpm/common-tags@1.8.2/node_modules/common-tags/es/inlineLists/inlineLists.cjs');
+require('./node_modules/.pnpm/common-tags@1.8.2/node_modules/common-tags/es/oneLineInlineLists/oneLineInlineLists.cjs');
+var stripIndent = require('./node_modules/.pnpm/common-tags@1.8.2/node_modules/common-tags/es/stripIndent/stripIndent.cjs');
+require('./node_modules/.pnpm/common-tags@1.8.2/node_modules/common-tags/es/stripIndents/stripIndents.cjs');
+var help = require('./help.cjs');
+var shared = require('./shared.cjs');
+var prompts = require('./shared/prompts.cjs');
+var tsconfig = require('./shared/tsconfig.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');
+var prompt = require('./packages/cli-kit/source/prompt.cjs');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -34,23 +49,23 @@ var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path);
 async function createApp() {
   const argv = getArgv();
   if (argv['--help']) {
-    const additionalOptions = index.stripIndent`
-      ${packageManager.cyan_1(`--template`)}
+    const additionalOptions = stripIndent["default"]`
+      ${index.cyan(`--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:
 
-       - ${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
-       - ${packageManager.bold_1('empty')}, a basic React app without any extra runtime dependencies
+       - ${index.bold('basic')}, a web app with a minimal file structure
+       - ${index.bold('single-file')}, an entire web app in a single file
+       - ${index.bold('empty')}, a basic React app without any extra runtime dependencies
     `;
-    index.printHelp({
+    help.printHelp({
       kind: 'app',
       options: additionalOptions,
       packageManager: argv['--package-manager']?.toLowerCase()
     });
     return;
   }
-  const inWorkspace = await packageManager.getInWorkspace(argv);
+  const inWorkspace = await prompts.getInWorkspace(argv);
   const name = await getName(argv, {
     inWorkspace
   });
@@ -58,23 +73,23 @@ async function createApp() {
     name
   });
   const template = await getTemplate(argv);
-  const createAsMonorepo = !inWorkspace && (await packageManager.getCreateAsMonorepo(argv, {
+  const createAsMonorepo = !inWorkspace && (await prompts.getCreateAsMonorepo(argv, {
     type: 'app',
     default: template !== 'single-file'
   }));
-  const setupExtras = await packageManager.getExtrasToSetup(argv, {
+  const setupExtras = await prompts.getExtrasToSetup(argv, {
     inWorkspace
   });
-  const shouldInstall = await packageManager.getShouldInstall(argv, {
+  const shouldInstall = await prompts.getShouldInstall(argv, {
     type: 'app'
   });
-  const packageManager$1 = await packageManager.getPackageManager(argv, {
+  const packageManager$1 = await prompts.getPackageManager(argv, {
     root: directory
   });
   const partOfMonorepo = inWorkspace || createAsMonorepo;
   const appDirectory = createAsMonorepo ? path__namespace.join(directory, 'app') : directory;
   if (fs__namespace.existsSync(directory)) {
-    await packageManager.emptyDirectory(directory);
+    await shared.emptyDirectory(directory);
     if (appDirectory !== directory) {
       fs__namespace.mkdirSync(appDirectory, {
         recursive: true
@@ -86,9 +101,9 @@ async function createApp() {
     });
   }
   const rootDirectory = inWorkspace ? process.cwd() : directory;
-  const outputRoot = packageManager.createOutputTarget(rootDirectory);
-  const appTemplate = packageManager.loadTemplate(`app-${template}`);
-  const workspaceTemplate = packageManager.loadTemplate('workspace');
+  const outputRoot = shared.createOutputTarget(rootDirectory);
+  const appTemplate = shared.loadTemplate(`app-${template}`);
+  const workspaceTemplate = shared.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.
@@ -105,12 +120,12 @@ async function createApp() {
     // If we are creating a monorepo, we need to add the root package.json and
     // package manager workspace configuration.
     if (createAsMonorepo) {
-      const appRelativeToRoot = packageManager.relativeDirectoryForDisplay(path__namespace.relative(directory, appDirectory));
+      const appRelativeToRoot = shared.relativeDirectoryForDisplay(path__namespace.relative(directory, appDirectory));
       const workspacePackageJson = JSON.parse(await workspaceTemplate.read('package.json'));
-      workspacePackageJson.name = packageManager.toValidPackageName(name);
+      workspacePackageJson.name = shared.toValidPackageName(name);
       workspacePackageJson.workspaces = [appRelativeToRoot, './packages/*'];
       if (packageManager$1.type === 'pnpm') {
-        await outputRoot.write('pnpm-workspace.yaml', await packageManager.format(`
+        await outputRoot.write('pnpm-workspace.yaml', await shared.format(`
               packages:
               - '${appRelativeToRoot}'
               - './packages/*'
@@ -118,31 +133,31 @@ async function createApp() {
           as: 'yaml'
         }));
       }
-      await outputRoot.write('package.json', await packageManager.format(JSON.stringify(workspacePackageJson), {
+      await outputRoot.write('package.json', await shared.format(JSON.stringify(workspacePackageJson), {
         as: 'json-stringify'
       }));
     } else {
       const [projectPackageJson, projectTSConfig, workspacePackageJson] = await Promise.all([appTemplate.read('package.json').then(content => JSON.parse(content)), appTemplate.read('tsconfig.json').then(content => JSON.parse(content)), workspaceTemplate.read('package.json').then(content => JSON.parse(content))]);
-      const combinedPackageJson = packageManager.mergeWorkspaceAndProjectPackageJsons(projectPackageJson, workspacePackageJson);
-      combinedPackageJson.name = packageManager.toValidPackageName(name);
+      const combinedPackageJson = shared.mergeWorkspaceAndProjectPackageJsons(projectPackageJson, workspacePackageJson);
+      combinedPackageJson.name = shared.toValidPackageName(name);
       delete combinedPackageJson.workspaces;
       let quiltProject = await appTemplate.read('quilt.project.ts');
       quiltProject = quiltProject.replace('quiltApp', 'quiltWorkspace, quiltApp').replace('quiltApp(', 'quiltWorkspace(), quiltApp(');
-      await outputRoot.write('quilt.project.ts', await packageManager.format(quiltProject, {
+      await outputRoot.write('quilt.project.ts', await shared.format(quiltProject, {
         as: 'typescript'
       }));
-      await outputRoot.write('package.json', await packageManager.format(JSON.stringify(combinedPackageJson), {
+      await outputRoot.write('package.json', await shared.format(JSON.stringify(combinedPackageJson), {
         as: 'json-stringify'
       }));
-      await outputRoot.write('tsconfig.json', await packageManager.format(JSON.stringify(projectTSConfig), {
+      await outputRoot.write('tsconfig.json', await shared.format(JSON.stringify(projectTSConfig), {
         as: 'json'
       }));
     }
     if (setupExtras.has('github')) {
-      await packageManager.loadTemplate('github').copy(directory);
+      await shared.loadTemplate('github').copy(directory);
     }
     if (setupExtras.has('vscode')) {
-      await packageManager.loadTemplate('vscode').copy(directory);
+      await shared.loadTemplate('vscode').copy(directory);
     }
   }
   await appTemplate.copy(appDirectory, file => {
@@ -156,7 +171,7 @@ async function createApp() {
   });
   if (template === 'graphql' && !inWorkspace) {
     const relativeFromRootToAppPath = filePath => path__namespace.relative(outputRoot.root, path__namespace.join(appDirectory, filePath));
-    await outputRoot.write('graphql.config.ts', index.stripIndent`
+    await outputRoot.write('graphql.config.ts', stripIndent["default"]`
         import {type Configuration} from '@quilted/craft/graphql';
 
         const configuration: Configuration = {
@@ -176,10 +191,10 @@ async function createApp() {
     // Write the app’s package.json (the root one was already created)
     const projectPackageJson = JSON.parse(await appTemplate.read('package.json'));
     projectPackageJson.name = path__namespace.basename(appDirectory);
-    await outputRoot.write(path__namespace.join(appDirectory, 'package.json'), await packageManager.format(JSON.stringify(projectPackageJson), {
+    await outputRoot.write(path__namespace.join(appDirectory, 'package.json'), await shared.format(JSON.stringify(projectPackageJson), {
       as: 'json-stringify'
     }));
-    await Promise.all([packageManager.addToTsConfig(appDirectory, outputRoot), packageManager.addToPackageManagerWorkspaces(appDirectory, outputRoot, packageManager$1.type)]);
+    await Promise.all([tsconfig.addToTsConfig(appDirectory, outputRoot), packageManager.addToPackageManagerWorkspaces(appDirectory, outputRoot, packageManager$1.type)]);
   }
   if (shouldInstall) {
     console.log();
@@ -188,13 +203,13 @@ async function createApp() {
   }
   const commands = [];
   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')}`);
+    commands.push(`cd ${index.cyan(shared.relativeDirectoryForDisplay(path__namespace.relative(process.cwd(), directory)))} ${index.dim('# Move into your new app’s directory')}`);
   }
   if (!shouldInstall) {
-    commands.push(`${packageManager$1.commands.install()} ${packageManager.dim_1('# Install all your dependencies')}`);
+    commands.push(`${packageManager$1.commands.install()} ${index.dim('# Install all your dependencies')}`);
   }
-  commands.push(`${packageManager$1.commands.run('develop')} ${packageManager.dim_1('# Start the development server')}`);
-  const whatsNext = index.stripIndent`
+  commands.push(`${packageManager$1.commands.run('develop')} ${index.dim('# Start the development server')}`);
+  const whatsNext = stripIndent["default"]`
     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:
   `;
@@ -202,10 +217,10 @@ async function createApp() {
   console.log(whatsNext);
   console.log();
   console.log(commands.map(command => `  ${command}`).join('\n'));
-  const followUp = index.stripIndent`
+  const followUp = stripIndent["default"]`
     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:
-    ${packageManager.underline_1(packageManager.magenta_1('https://github.com/lemonmade/quilt/tree/main/documentation'))}
+    ${index.underline(index.magenta('https://github.com/lemonmade/quilt/tree/main/documentation'))}
 
     Have fun! 🎉
   `;
@@ -216,7 +231,7 @@ async function createApp() {
 // Argument handling
 
 function getArgv() {
-  const argv = index$1.arg_1({
+  const argv = index$1["default"]({
     '--yes': Boolean,
     '-y': '--yes',
     '--name': String,
@@ -243,7 +258,7 @@ async function getName(argv, {
     '--name': name
   } = argv;
   if (name == null) {
-    name = await index.prompt({
+    name = await prompt.prompt({
       type: 'text',
       message: 'What would you like to name your new app?',
       initial: inWorkspace ? 'app' : 'my-quilt-app'
@@ -254,17 +269,17 @@ async function getName(argv, {
 async function getDirectory(argv, {
   name
 }) {
-  let directory = path__namespace.resolve(argv['--directory'] ?? packageManager.toValidPackageName(name));
+  let directory = path__namespace.resolve(argv['--directory'] ?? shared.toValidPackageName(name));
   while (!argv['--yes']) {
-    if (fs__namespace.existsSync(directory) && !(await packageManager.isEmpty(directory))) {
+    if (fs__namespace.existsSync(directory) && !(await shared.isEmpty(directory))) {
       const relativeDirectory = path__namespace.relative(process.cwd(), directory);
-      const empty = await index.prompt({
+      const empty = await prompt.prompt({
         type: 'confirm',
-        message: `Directory ${packageManager.bold_1(packageManager.relativeDirectoryForDisplay(relativeDirectory))} is not empty, is it safe to empty it?`,
+        message: `Directory ${index.bold(shared.relativeDirectoryForDisplay(relativeDirectory))} is not empty, is it safe to empty it?`,
         initial: true
       });
       if (empty) break;
-      const promptDirectory = await index.prompt({
+      const promptDirectory = await prompt.prompt({
         type: 'text',
         message: 'What directory do you want to create your new app in?'
       });
@@ -280,21 +295,21 @@ async function getTemplate(argv) {
   if (argv['--template'] && VALID_TEMPLATES.has(argv['--template'])) {
     return argv['--template'];
   }
-  const template = await index.prompt({
+  const template = await prompt.prompt({
     type: 'select',
     message: 'What template would you like to use?',
-    hint: `Use ${packageManager.bold_1('arrow keys')} to select, and ${packageManager.bold_1('return')} to submit`,
+    hint: `Use ${index.bold('arrow keys')} to select, and ${index.bold('return')} to submit`,
     choices: [{
-      title: `${packageManager.bold_1('The basics')}, a web app with a minimal file structure`,
+      title: `${index.bold('The basics')}, a web app with a minimal file structure`,
       value: 'basic'
     }, {
-      title: `${packageManager.bold_1('Itty-bitty')}, an entire web app in a single file`,
+      title: `${index.bold('Itty-bitty')}, an entire web app in a single file`,
       value: 'single-file'
     }, {
-      title: `${packageManager.bold_1('Empty')}, a basic React app without any extra runtime dependencies`,
+      title: `${index.bold('Empty')}, a basic React app without any extra runtime dependencies`,
       value: 'empty'
     }, {
-      title: `${packageManager.bold_1('GraphQL')}, a web app with a GraphQL API, fetched using @tanstack/react-query`,
+      title: `${index.bold('GraphQL')}, a web app with a GraphQL API, fetched using @tanstack/react-query`,
       value: 'graphql'
     }]
   });