@pplancq/create-react-app 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,6 @@
+## @pplancq/create-react-app 1.0.0 (2024-02-05)
+
+
+### Features
+
+* **create-react-app:** add create-react-app script ([6ac21f7](https://github.com/pplancq/dev-tools/commit/6ac21f7e8148822a31b61fb618a5dfccedf20a3c))

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023-present pplancq
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,22 @@
+# @pplancq/create-react-app
+
+This package includes a script that allows you to generate a new React project using the `@pplancq/react-template`.
+
+## Usage
+
+To create a new React project with this package, use the following command:
+
+```shell
+npm create @pplancq/react-app@latest <project_name>
+```
+
+Replace <project_name> with the name of your new project.
+
+## Template
+
+This package uses the `@pplancq/react-template` to generate a new React project.
+For more information about this template, please consult its documentation.
+
+## License
+
+This project is under the MIT license.

package/index.js

@@ -0,0 +1,91 @@
+#!/usr/bin/env node
+const { execSync } = require('child_process');
+const { Command } = require('commander');
+const { cpSync, existsSync, readFileSync, renameSync, rmSync, writeFileSync, mkdirSync } = require('fs');
+const { resolve } = require('path');
+
+const runCommand = (command, options = { stdio: 'inherit' }) => {
+  try {
+    execSync(command, options);
+  } catch (e) {
+    console.error(`Failed to execute ${command}`, e);
+    process.exit(-1);
+  }
+};
+
+const main = async () => {
+  const chalk = await import('chalk').then(m => m.default);
+
+  let projectName = '';
+  const packageJson = JSON.parse(readFileSync(resolve(__dirname, './package.json'), { encoding: 'utf-8' }));
+
+  const cli = new Command(packageJson.name);
+  cli
+    .version(packageJson.version)
+    .argument('<project-name>')
+    .usage(chalk.green('<project-name>'))
+    .action(name => {
+      projectName = name;
+    })
+    .parse(process.argv);
+
+  const reactTemplate = '@pplancq/react-template';
+
+  const repoDir = resolve(process.cwd(), `./${projectName}`);
+  const templateDir = resolve(repoDir, `./node_modules/${reactTemplate}`);
+
+  if (existsSync(repoDir)) {
+    console.error(`\nThe directory ${chalk.green(projectName)} is already exist.`);
+    console.error('Either try using a new directory name, or remove the files listed above.');
+    process.exit(-1);
+  }
+
+  console.info(`\nCreating a new App React in ${chalk.green(repoDir)}.`);
+
+  console.info(`\nInstall react template from ${chalk.green(reactTemplate)}`);
+  mkdirSync(repoDir);
+  runCommand(`cd ${repoDir} && npm install ${reactTemplate}`);
+  cpSync(templateDir, repoDir, { recursive: true });
+  renameSync(`${repoDir}/_gitignore`, `${repoDir}/.gitignore`);
+  const repoPackageJson = JSON.parse(readFileSync(resolve(repoDir, 'package.json'), { encoding: 'utf-8' }));
+  repoPackageJson.name = projectName;
+  repoPackageJson.description = projectName;
+  const { _prepare, ...scripts } = repoPackageJson.scripts;
+  repoPackageJson.scripts = { ...scripts, prepare: _prepare };
+
+  delete repoPackageJson.author;
+  delete repoPackageJson.repository;
+  delete repoPackageJson.bugs;
+  delete repoPackageJson.keywords;
+
+  writeFileSync(resolve(repoDir, 'package.json'), JSON.stringify(repoPackageJson, null, 2), { encoding: 'utf-8' });
+  rmSync(`${repoDir}/node_modules`, { recursive: true });
+  rmSync(`${repoDir}/package-lock.json`);
+  rmSync(`${repoDir}/LICENSE`);
+
+  console.info('\nInitialized a git repository.');
+  runCommand(`cd ${repoDir} && git init --initial-branch=main`, { stdio: 'ignore' });
+
+  console.info('\nInstalling packages. This might take a couple of minutes.');
+  runCommand(`cd ${repoDir} && npm install`);
+
+  console.info('\nCreated git commit.');
+  runCommand(`cd ${repoDir} && git add . && git commit --no-verify --message "Initial commit"`, {
+    stdio: 'ignore',
+  });
+
+  console.info(`\n${chalk.yellow('Success \\o/')}  Created ${chalk.green(projectName)} at ${chalk.green(repoDir)}`);
+  console.info('Inside that directory, you can run several commands:');
+  console.info(`\n  ${chalk.cyan('npm start')}`);
+  console.info('    Starts the development server.');
+  console.info(`\n  ${chalk.cyan('npm run build')}`);
+  console.info('    Bundles the app into static files for production.');
+  console.info(`\n  ${chalk.cyan('npm test')}`);
+  console.info('    Starts the test runner.');
+  console.info('\nWe suggest that you begin by typing:');
+  console.info(`\n  ${chalk.cyan('cd')} ${projectName}`);
+  console.info(`  ${chalk.cyan('npm start')}`);
+  console.info('\nHappy hacking!');
+};
+
+main();

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@pplancq/create-react-app",
+  "version": "1.0.0",
+  "license": "MIT",
+  "description": "pplancq create-react-app",
+  "author": "pplancq <paul.plancq@outlook.fr>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pplancq/dev-tools",
+    "directory": "packages/create-react-app"
+  },
+  "bin": "./index.js",
+  "bugs": {
+    "url": "https://github.com/pplancq/dev-tools/issues"
+  },
+  "main": "index.js",
+  "keywords": [
+    "create",
+    "react"
+  ],
+  "dependencies": {
+    "chalk": "^5.3.0",
+    "commander": "^11.1.0"
+  },
+  "volta": {
+    "node": "20.10.0",
+    "npm": "10.2.5"
+  }
+}