@quilted/create 0.1.23 → 0.1.24

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @quilted/create
 
+## 0.1.24
+
+### Patch Changes
+
+- [`dae904fe`](https://github.com/lemonmade/quilt/commit/dae904fe489f7b869bcc2fa2398b3826651e75b9) Thanks [@lemonmade](https://github.com/lemonmade)! - Fix non-monorepo app creation issues
+
 ## 0.1.23
 
 ### Patch Changes

package/build/cjs/app.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var fs = require('fs');
-var path = require('path');
-var child_process = require('child_process');
+var fs = require('node:fs');
+var path = require('node:path');
+var node_child_process = require('node:child_process');
 var index = require('./index.cjs');
 var packageManager = require('./package-manager.cjs');
-require('tty');
-require('url');
-require('readline');
-require('events');
+require('node:tty');
+require('node:url');
+require('node:readline');
+require('node:events');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -126,6 +126,7 @@ async function createApp() {
       workspacePackageJson.name = packageManager.toValidPackageName(name);
       workspacePackageJson.eslintConfig = projectPackageJson.eslintConfig;
       workspacePackageJson.browserslist = projectPackageJson.browserslist;
+      workspacePackageJson.devDependencies = packageManager.mergeDependencies(workspacePackageJson.devDependencies, projectPackageJson.devDependencies);
       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, {
@@ -171,7 +172,7 @@ async function createApp() {
   if (shouldInstall) {
     process.stdout.write('\nInstalling dependencies...\n'); // TODO: better loading, handle errors
 
-    child_process.execSync(`${packageManager$1} install`, {
+    node_child_process.execSync(`${packageManager$1} install`, {
       cwd: rootDirectory
     });
     process.stdout.moveCursor(0, -1);
@@ -181,12 +182,14 @@ async function createApp() {
 
   const commands = [];
 
+  const packageManagerRun = command => packageManager$1 === 'npm' ? `npm run ${command}` : `pnpm ${command}`;
+
   if (!inWorkspace && directory !== process.cwd()) {
     commands.push(`cd ${index.cyan_1(packageManager.relativeDirectoryForDisplay(path__namespace.relative(process.cwd(), directory)))} ${index.dim_1('# Move into your new app’s directory')}`);
   }
 
   if (!shouldInstall) {
-    commands.push(`pnpm install ${index.dim_1('# Install all your dependencies')}`);
+    commands.push(`${packageManager$1} install ${index.dim_1('# Install all your dependencies')}`);
   }
 
   if (!inWorkspace) {
@@ -194,7 +197,7 @@ async function createApp() {
     commands.push(`git init && git add -A && git commit -m "Initial commit" ${index.dim_1('# Start your git history (optional)')}`);
   }
 
-  commands.push(`pnpm develop ${index.dim_1('# Start the development server')}`);
+  commands.push(`${packageManagerRun('develop')} ${index.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
     in order to start developing:

package/build/cjs/index.cjs

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var require$$0 = require('tty');
-var fs = require('fs');
-require('path');
-require('url');
-var require$$0$1 = require('readline');
-var require$$2 = require('events');
+var require$$0 = require('node:tty');
+var fs = require('node:fs');
+require('node:path');
+require('node:url');
+var require$$0$1 = require('node:readline');
+var require$$2 = require('node:events');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/package-manager.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var path = require('path');
-var fs = require('fs');
-var url = require('url');
+var path = require('node:path');
+var fs = require('node:fs');
+var node_url = require('node:url');
 require('./index.cjs');
 
 function _interopNamespace(e) {
@@ -90,7 +90,7 @@ async function getPackageRoot() {
         packageDirectory
       } = await Promise.resolve().then(function () { return require('./index2.cjs'); });
       return packageDirectory({
-        cwd: path__namespace.dirname(url.fileURLToPath((typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('package-manager.cjs', document.baseURI).href))))
+        cwd: path__namespace.dirname(node_url.fileURLToPath((typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('package-manager.cjs', document.baseURI).href))))
       });
     })();
   }
@@ -152,18 +152,32 @@ async function format(content, {
     format
   }, {
     default: babel
+  }, {
+    default: typescript
   }, {
     default: yaml
-  }] = await Promise.all([Promise.resolve().then(function () { return require('./standalone.cjs'); }).then(function (n) { return n.standalone; }), Promise.resolve().then(function () { return require('./parser-babel.cjs'); }).then(function (n) { return n.parserBabel; }), Promise.resolve().then(function () { return require('./parser-yaml.cjs'); }).then(function (n) { return n.parserYaml; })]);
+  }] = await Promise.all([Promise.resolve().then(function () { return require('./standalone.cjs'); }).then(function (n) { return n.standalone; }), Promise.resolve().then(function () { return require('./parser-babel.cjs'); }).then(function (n) { return n.parserBabel; }), Promise.resolve().then(function () { return require('./parser-typescript.cjs'); }).then(function (n) { return n.parserTypescript; }), Promise.resolve().then(function () { return require('./parser-yaml.cjs'); }).then(function (n) { return n.parserYaml; })]);
   return format(content, {
     arrowParens: 'always',
     bracketSpacing: false,
     singleQuote: true,
     trailingComma: 'all',
     parser,
-    plugins: [babel, yaml]
+    plugins: [babel, typescript, yaml]
   });
 }
+function mergeDependencies(first = {}, second = {}) {
+  const all = { ...first,
+    ...second
+  };
+  const merged = {};
+
+  for (const [key, value] of Object.entries(all).sort(([keyOne], [keyTwo]) => keyOne.localeCompare(keyTwo))) {
+    merged[key] = value;
+  }
+
+  return merged;
+}
 
 const ENDS_WITH_TSCONFIG = /[/]?tsconfig[.a-z0-9]*[.]json/i;
 async function addToTsConfig(directory, output) {
@@ -311,5 +325,6 @@ exports.emptyDirectory = emptyDirectory;
 exports.format = format;
 exports.isEmpty = isEmpty;
 exports.loadTemplate = loadTemplate;
+exports.mergeDependencies = mergeDependencies;
 exports.relativeDirectoryForDisplay = relativeDirectoryForDisplay;
 exports.toValidPackageName = toValidPackageName;

package/build/cjs/package.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var fs = require('fs');
-var path = require('path');
-var child_process = require('child_process');
+var fs = require('node:fs');
+var path = require('node:path');
+var node_child_process = require('node:child_process');
 var index = require('./index.cjs');
 var packageManager = require('./package-manager.cjs');
-require('tty');
-require('url');
-require('readline');
-require('events');
+require('node:tty');
+require('node:url');
+require('node:readline');
+require('node:events');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -149,9 +149,7 @@ async function createProject() {
         newPackageJson.dependencies = projectPackageJson.dependencies;
         newPackageJson.peerDependencies = projectPackageJson.peerDependencies;
         newPackageJson.peerDependenciesMeta = projectPackageJson.peerDependenciesMeta;
-        newPackageJson.devDependencies = sortKeys({ ...workspacePackageJson.devDependencies,
-          ...projectPackageJson.devDependencies
-        });
+        newPackageJson.devDependencies = packageManager.mergeDependencies(workspacePackageJson.devDependencies, projectPackageJson.devDependencies);
       }
 
       adjustPackageJson(newPackageJson, {
@@ -211,7 +209,7 @@ async function createProject() {
   if (shouldInstall) {
     process.stdout.write('\nInstalling dependencies...\n'); // TODO: better loading, handle errors
 
-    child_process.execSync(`${packageManager$1} install`, {
+    node_child_process.execSync(`${packageManager$1} install`, {
       cwd: rootDirectory
     });
     process.stdout.moveCursor(0, -1);
@@ -418,15 +416,4 @@ function adjustPackageJson(packageJson, {
   return packageJson;
 }
 
-function sortKeys(object) {
-  const newObject = {};
-  const sortedEntries = Object.entries(object).sort(([keyOne], [keyTwo]) => keyOne.localeCompare(keyTwo));
-
-  for (const [key, value] of sortedEntries) {
-    newObject[key] = value;
-  }
-
-  return newObject;
-}
-
 exports.createProject = createProject;