@quilted/create 0.1.20 → 0.1.21

package/build/esm/_commonjsHelpers.mjs

@@ -0,0 +1,7 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+export { commonjsGlobal as c, getDefaultExportFromCjs as g };

package/build/esm/app.mjs

@@ -0,0 +1,567 @@
+import { r as relativeDirectoryForDisplay, a as addToTsConfig, b as addToPackageManagerWorkspaces, f as format, l as loadTemplate, _ as _slicedToArray, t as toValidPackageName, c as createOutputTarget, e as emptyDirectory, i as isEmpty } from './package-manager.mjs';
+import { _ as _asyncToGenerator, r as regenerator, c as cyan_1, d as dim_1, s as stripIndent, a as _taggedTemplateLiteral, u as underline_1, m as magenta_1, g as getExtrasToSetup, b as getPackageManager, e as getShouldInstall, f as getCreateAsMonorepo, h as bold_1, p as printHelp, i as arg_1, j as prompt } from './index.mjs';
+import * as fs from 'fs';
+import * as path from 'path';
+import { execSync } from 'child_process';
+import 'url';
+import 'tty';
+import 'readline';
+import 'events';
+
+var _templateObject, _templateObject2, _templateObject3;
+function createApp() {
+  return _createApp.apply(this, arguments);
+} // Argument handling
+
+function _createApp() {
+  _createApp = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+    var argv, _argv$PackageManag, additionalOptions, inWorkspace, name, directory, template, createAsMonorepo, shouldInstall, packageManager, setupExtras, partOfMonorepo, appDirectory, rootDirectory, outputRoot, appTemplate, workspaceTemplate, workspacePackageJson, _yield$Promise$all, _yield$Promise$all2, projectPackageJson, projectTSConfig, _workspacePackageJson, quiltProject, _projectPackageJson, commands, whatsNext, followUp;
+
+    return regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            argv = getArgv();
+
+            if (!argv['--help']) {
+              _context.next = 5;
+              break;
+            }
+
+            additionalOptions = stripIndent(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", "\n      The template to use for your new application. If you don\u2019t specify a template,\n      this command will ask you for one instead. Must be one of the following:\n\n       - ", ", a web app with a minimal file structure\n       - ", ", an entire web app in a single file\n    "])), cyan_1("--template"), bold_1('basic'), bold_1('single-file'));
+            printHelp({
+              kind: 'app',
+              options: additionalOptions,
+              packageManager: (_argv$PackageManag = argv['--package-manager']) === null || _argv$PackageManag === void 0 ? void 0 : _argv$PackageManag.toLowerCase()
+            });
+            return _context.abrupt("return");
+
+          case 5:
+            inWorkspace = fs.existsSync('quilt.workspace.ts');
+            _context.next = 8;
+            return getName(argv, {
+              inWorkspace: inWorkspace
+            });
+
+          case 8:
+            name = _context.sent;
+            _context.next = 11;
+            return getDirectory(argv, {
+              name: name
+            });
+
+          case 11:
+            directory = _context.sent;
+            _context.next = 14;
+            return getTemplate(argv);
+
+          case 14:
+            template = _context.sent;
+            _context.t0 = !inWorkspace;
+
+            if (!_context.t0) {
+              _context.next = 20;
+              break;
+            }
+
+            _context.next = 19;
+            return getCreateAsMonorepo(argv);
+
+          case 19:
+            _context.t0 = _context.sent;
+
+          case 20:
+            createAsMonorepo = _context.t0;
+            _context.next = 23;
+            return getShouldInstall(argv);
+
+          case 23:
+            shouldInstall = _context.sent;
+            _context.next = 26;
+            return getPackageManager(argv);
+
+          case 26:
+            packageManager = _context.sent;
+            _context.next = 29;
+            return getExtrasToSetup(argv, {
+              inWorkspace: inWorkspace
+            });
+
+          case 29:
+            setupExtras = _context.sent;
+            partOfMonorepo = inWorkspace || createAsMonorepo;
+            appDirectory = createAsMonorepo ? path.join(directory, 'app') : directory;
+
+            if (!fs.existsSync(directory)) {
+              _context.next = 38;
+              break;
+            }
+
+            _context.next = 35;
+            return emptyDirectory(directory);
+
+          case 35:
+            if (appDirectory !== directory) {
+              fs.mkdirSync(appDirectory, {
+                recursive: true
+              });
+            }
+
+            _context.next = 39;
+            break;
+
+          case 38:
+            fs.mkdirSync(appDirectory, {
+              recursive: true
+            });
+
+          case 39:
+            rootDirectory = inWorkspace ? process.cwd() : directory;
+            outputRoot = createOutputTarget(rootDirectory);
+            appTemplate = loadTemplate(template === 'basic' ? 'app-basic' : 'app-single-file');
+            workspaceTemplate = 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) {
+              _context.next = 109;
+              break;
+            }
+
+            _context.next = 46;
+            return workspaceTemplate.copy(directory, function (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
+
+              return file !== 'package.json';
+            });
+
+          case 46:
+            if (!createAsMonorepo) {
+              _context.next = 71;
+              break;
+            }
+
+            _context.t1 = JSON;
+            _context.next = 50;
+            return workspaceTemplate.read('package.json');
+
+          case 50:
+            _context.t2 = _context.sent;
+            workspacePackageJson = _context.t1.parse.call(_context.t1, _context.t2);
+            workspacePackageJson.name = toValidPackageName(name);
+
+            if (!(packageManager === 'pnpm')) {
+              _context.next = 62;
+              break;
+            }
+
+            _context.t3 = outputRoot;
+            _context.next = 57;
+            return format("\n              packages:\n              - './packages/*'\n            ", {
+              as: 'yaml'
+            });
+
+          case 57:
+            _context.t4 = _context.sent;
+            _context.next = 60;
+            return _context.t3.write.call(_context.t3, 'pnpm-workspace.yaml', _context.t4);
+
+          case 60:
+            _context.next = 63;
+            break;
+
+          case 62:
+            workspacePackageJson.workspaces = ['packages/*'];
+
+          case 63:
+            _context.t5 = outputRoot;
+            _context.next = 66;
+            return format(JSON.stringify(workspacePackageJson), {
+              as: 'json-stringify'
+            });
+
+          case 66:
+            _context.t6 = _context.sent;
+            _context.next = 69;
+            return _context.t5.write.call(_context.t5, 'package.json', _context.t6);
+
+          case 69:
+            _context.next = 103;
+            break;
+
+          case 71:
+            _context.next = 73;
+            return Promise.all([appTemplate.read('package.json').then(function (content) {
+              return JSON.parse(content);
+            }), appTemplate.read('tsconfig.json').then(function (content) {
+              return JSON.parse(content);
+            }), workspaceTemplate.read('package.json').then(function (content) {
+              return JSON.parse(content);
+            })]);
+
+          case 73:
+            _yield$Promise$all = _context.sent;
+            _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 3);
+            projectPackageJson = _yield$Promise$all2[0];
+            projectTSConfig = _yield$Promise$all2[1];
+            _workspacePackageJson = _yield$Promise$all2[2];
+            _workspacePackageJson.name = toValidPackageName(name);
+            _workspacePackageJson.eslintConfig = projectPackageJson.eslintConfig;
+            _workspacePackageJson.browserslist = projectPackageJson.browserslist;
+            _context.next = 83;
+            return appTemplate.read('quilt.project.ts');
+
+          case 83:
+            quiltProject = _context.sent;
+            quiltProject = quiltProject.replace('quiltApp', 'quiltWorkspace, quiltApp').replace('quiltApp(', 'quiltWorkspace(), quiltApp(');
+            _context.t7 = outputRoot;
+            _context.next = 88;
+            return format(quiltProject, {
+              as: 'typescript'
+            });
+
+          case 88:
+            _context.t8 = _context.sent;
+            _context.next = 91;
+            return _context.t7.write.call(_context.t7, 'quilt.project.ts', _context.t8);
+
+          case 91:
+            _context.t9 = outputRoot;
+            _context.next = 94;
+            return format(JSON.stringify(_workspacePackageJson), {
+              as: 'json-stringify'
+            });
+
+          case 94:
+            _context.t10 = _context.sent;
+            _context.next = 97;
+            return _context.t9.write.call(_context.t9, 'package.json', _context.t10);
+
+          case 97:
+            _context.t11 = outputRoot;
+            _context.next = 100;
+            return format(JSON.stringify(projectTSConfig), {
+              as: 'json'
+            });
+
+          case 100:
+            _context.t12 = _context.sent;
+            _context.next = 103;
+            return _context.t11.write.call(_context.t11, 'tsconfig.json', _context.t12);
+
+          case 103:
+            if (!setupExtras.has('github')) {
+              _context.next = 106;
+              break;
+            }
+
+            _context.next = 106;
+            return loadTemplate('github').copy(directory);
+
+          case 106:
+            if (!setupExtras.has('vscode')) {
+              _context.next = 109;
+              break;
+            }
+
+            _context.next = 109;
+            return loadTemplate('vscode').copy(directory);
+
+          case 109:
+            _context.next = 111;
+            return appTemplate.copy(appDirectory, function (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
+
+
+              return file !== 'package.json';
+            });
+
+          case 111:
+            if (!partOfMonorepo) {
+              _context.next = 127;
+              break;
+            }
+
+            _context.t13 = JSON;
+            _context.next = 115;
+            return appTemplate.read('package.json');
+
+          case 115:
+            _context.t14 = _context.sent;
+            _projectPackageJson = _context.t13.parse.call(_context.t13, _context.t14);
+            _projectPackageJson.name = path.basename(appDirectory);
+            _context.t15 = outputRoot;
+            _context.t16 = path.join(appDirectory, 'package.json');
+            _context.next = 122;
+            return format(JSON.stringify(_projectPackageJson), {
+              as: 'json-stringify'
+            });
+
+          case 122:
+            _context.t17 = _context.sent;
+            _context.next = 125;
+            return _context.t15.write.call(_context.t15, _context.t16, _context.t17);
+
+          case 125:
+            _context.next = 127;
+            return Promise.all([addToTsConfig(appDirectory, outputRoot), addToPackageManagerWorkspaces(appDirectory, outputRoot, packageManager)]);
+
+          case 127:
+            if (shouldInstall) {
+              process.stdout.write('\nInstalling dependencies...\n'); // TODO: better loading, handle errors
+
+              execSync("".concat(packageManager, " install"), {
+                cwd: rootDirectory
+              });
+              process.stdout.moveCursor(0, -1);
+              process.stdout.clearLine(1);
+              console.log('Installed dependencies.');
+            }
+
+            commands = [];
+
+            if (!inWorkspace && directory !== process.cwd()) {
+              commands.push("cd ".concat(cyan_1(relativeDirectoryForDisplay(path.relative(process.cwd(), directory))), " ").concat(dim_1('# Move into your new app’s directory')));
+            }
+
+            if (!shouldInstall) {
+              commands.push("pnpm install ".concat(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\" ".concat(dim_1('# Start your git history (optional)')));
+            }
+
+            commands.push("pnpm develop ".concat(dim_1('# Start the development server')));
+            whatsNext = stripIndent(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    Your new app is ready to go! There\u2019s just ", " you\u2019ll need to take\n    in order to start developing:\n  "])), commands.length > 1 ? 'a few more steps' : 'one more step');
+            console.log();
+            console.log(whatsNext);
+            console.log();
+            console.log(commands.map(function (command) {
+              return "  ".concat(command);
+            }).join('\n'));
+            followUp = stripIndent(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    Quilt can also help you build, test, lint, and type-check your new application.\n    You can learn more about building apps with Quilt by reading the documentation:\n    ", "\n\n    Have fun! \uD83C\uDF89\n  "])), underline_1(magenta_1('https://github.com/lemonmade/quilt/tree/main/documentation')));
+            console.log();
+            console.log(followUp);
+
+          case 141:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _createApp.apply(this, arguments);
+}
+
+function getArgv() {
+  var argv = arg_1({
+    '--yes': Boolean,
+    '-y': '--yes',
+    '--name': String,
+    '--template': String,
+    '--directory': String,
+    '--install': Boolean,
+    '--no-install': Boolean,
+    '--monorepo': Boolean,
+    '--no-monorepo': Boolean,
+    '--package-manager': String,
+    '--extras': [String],
+    '--no-extras': Boolean,
+    '--help': Boolean,
+    '-h': '--help'
+  }, {
+    permissive: true
+  });
+  return argv;
+}
+
+function getName(_x, _x2) {
+  return _getName.apply(this, arguments);
+}
+
+function _getName() {
+  _getName = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(argv, _ref) {
+    var inWorkspace, name;
+    return regenerator.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            inWorkspace = _ref.inWorkspace;
+            name = argv['--name'];
+
+            if (!(name == null)) {
+              _context2.next = 6;
+              break;
+            }
+
+            _context2.next = 5;
+            return prompt({
+              type: 'text',
+              message: 'What would you like to name your new app?',
+              initial: inWorkspace ? 'app' : 'my-quilt-app'
+            });
+
+          case 5:
+            name = _context2.sent;
+
+          case 6:
+            return _context2.abrupt("return", name);
+
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+  return _getName.apply(this, arguments);
+}
+
+function getDirectory(_x3, _x4) {
+  return _getDirectory.apply(this, arguments);
+}
+
+function _getDirectory() {
+  _getDirectory = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3(argv, _ref2) {
+    var _argv$Directory;
+
+    var name, directory, relativeDirectory, empty, promptDirectory;
+    return regenerator.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            name = _ref2.name;
+            directory = path.resolve((_argv$Directory = argv['--directory']) !== null && _argv$Directory !== void 0 ? _argv$Directory : toValidPackageName(name));
+
+          case 2:
+            if (argv['--yes']) {
+              _context3.next = 24;
+              break;
+            }
+
+            _context3.t0 = fs.existsSync(directory);
+
+            if (!_context3.t0) {
+              _context3.next = 8;
+              break;
+            }
+
+            _context3.next = 7;
+            return isEmpty(directory);
+
+          case 7:
+            _context3.t0 = !_context3.sent;
+
+          case 8:
+            if (!_context3.t0) {
+              _context3.next = 21;
+              break;
+            }
+
+            relativeDirectory = path.relative(process.cwd(), directory);
+            _context3.next = 12;
+            return prompt({
+              type: 'confirm',
+              message: "Directory ".concat(bold_1(relativeDirectoryForDisplay(relativeDirectory)), " is not empty, is it safe to empty it?"),
+              initial: true
+            });
+
+          case 12:
+            empty = _context3.sent;
+
+            if (!empty) {
+              _context3.next = 15;
+              break;
+            }
+
+            return _context3.abrupt("break", 24);
+
+          case 15:
+            _context3.next = 17;
+            return prompt({
+              type: 'text',
+              message: 'What directory do you want to create your new app in?'
+            });
+
+          case 17:
+            promptDirectory = _context3.sent;
+            directory = path.resolve(promptDirectory);
+            _context3.next = 22;
+            break;
+
+          case 21:
+            return _context3.abrupt("break", 24);
+
+          case 22:
+            _context3.next = 2;
+            break;
+
+          case 24:
+            return _context3.abrupt("return", directory);
+
+          case 25:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  }));
+  return _getDirectory.apply(this, arguments);
+}
+
+var VALID_TEMPLATES = new Set(['basic', 'single-file']);
+
+function getTemplate(_x5) {
+  return _getTemplate.apply(this, arguments);
+}
+
+function _getTemplate() {
+  _getTemplate = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee4(argv) {
+    var template;
+    return regenerator.wrap(function _callee4$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            if (!(argv['--template'] && VALID_TEMPLATES.has(argv['--template']))) {
+              _context4.next = 2;
+              break;
+            }
+
+            return _context4.abrupt("return", argv['--template']);
+
+          case 2:
+            _context4.next = 4;
+            return prompt({
+              type: 'select',
+              message: 'What template would you like to use?',
+              hint: "Use ".concat(bold_1('arrow keys'), " to select, and ").concat(bold_1('return'), " to submit"),
+              choices: [{
+                title: "".concat(bold_1('The basics'), ", a web app with a minimal file structure"),
+                value: 'basic'
+              }, {
+                title: "".concat(bold_1('Itty-bitty'), ", an entire web app in a single file"),
+                value: 'single-file'
+              } // TODO: GraphQL API
+              ]
+            });
+
+          case 4:
+            template = _context4.sent;
+            return _context4.abrupt("return", template);
+
+          case 6:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee4);
+  }));
+  return _getTemplate.apply(this, arguments);
+}
+
+export { createApp };