Add Prettier, format files (#185)

Author: huntie

.github/ISSUE_TEMPLATE.md

@@ -1,4 +1,3 @@
 ✋ To keep the backlog clean and actionable, issues will be
 🚫 closed if they do not follow one of the issue templates:
 👉 https://github.com/react-native-community/template/issues/new/choose
-

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -1,10 +1,10 @@
 name: 🐛 Bug Report
 description: Report a reproducible bug or regression in React Native Community Template.
-labels: ["Needs: Triage :mag:"]
+labels: ['Needs: Triage :mag:']
 body:
   - type: markdown
     attributes:
-      value: "## Reporting a bug to the React Native Community Template"
+      value: '## Reporting a bug to the React Native Community Template'
   - type: markdown
     attributes:
       value: |
@@ -42,7 +42,7 @@ body:
     attributes:
       label: React Native Community Template Version
       description: The version of Template that this issue reproduces on. Bear in mind that only issues on the latest version of the Template will be supported.
-      placeholder: "0.75.0"
+      placeholder: '0.75.0'
     validations:
       required: true
   - type: dropdown
@@ -107,7 +107,7 @@ body:
     attributes:
       label: Reproducer
       description: A link to the public repository that reproduces this bug, using [this template](https://github.com/react-native-community/reproducer-react-native). Reproducers are **mandatory**.
-      placeholder: "https://github.com/<myuser>/<myreproducer>"
+      placeholder: 'https://github.com/<myuser>/<myreproducer>'
     validations:
       required: true
   - type: textarea

.github/workflows/release.yaml

@@ -4,16 +4,16 @@ on:
   workflow_dispatch:
     inputs:
       version:
-        description: "The version of the react-native we the template to use in this release. For example 0.75.0-rc.0"
+        description: 'The version of the react-native we the template to use in this release. For example 0.75.0-rc.0'
         required: true
         type: string
       is_latest_on_npm:
-        description: "Whether we want to tag this template release as `latest` on NPM"
+        description: 'Whether we want to tag this template release as `latest` on NPM'
         required: true
         type: boolean
         default: false
       dry_run:
-        description: "Run without making persistent changes to git or npm"
+        description: 'Run without making persistent changes to git or npm'
         type: boolean
         default: true
 

.github/workflows/tests.yaml

@@ -19,5 +19,3 @@ jobs:
           node-version: 18
       - name: Run unit tests
         run: npm install && npm test
-
-

.prettierignore

@@ -0,0 +1,2 @@
+template/android/
+template/ios/

.prettierrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  arrowParens: 'avoid',
+  singleQuote: true,
+  trailingComma: 'all',
+};

README.md

@@ -4,22 +4,23 @@ The template used by `npx @react-native-community/cli init` to bootstrap a React
 
 [![Build Status][build-badge]][build] [![Version][version-badge]][package] [![MIT License][license-badge]][license] [![PRs Welcome][prs-welcome-badge]][prs-welcome]
 
-
 # Create Latest CLI Project
+
 Using this command create latest react-native project with this template
+
 ```
 npx @react-native-community/cli@latest init TestApp
 ```
 
 # Create Specific Version React-Native CLI Project
+
 Add version flag and specify that existing version of react-native to create project.
 Note that this command will create a new project from the template using the specific version passed to the flag
 
     npx @react-native-community/cli init TestApp --version <VERSION>
 
 Replace `<VERSION>` with the version number you need. For example: 0.75.2.
 
-
 ## Contents
 
 - [About](#about)

jest.config.js

@@ -1,9 +1,7 @@
 /** @type {import('jest').Config} */
 const config = {
-  coverageProvider: "v8",
-  testMatch: [
-    "**/__tests__/*.js",
-  ],
+  coverageProvider: 'v8',
+  testMatch: ['**/__tests__/*.js'],
 };
 
 module.exports = config;

package.json

@@ -7,6 +7,7 @@
     "access": "public"
   },
   "scripts": {
+    "format": "prettier --write .",
     "test": "jest"
   },
   "type": "commonjs",
@@ -17,6 +18,7 @@
   "dependencies": {},
   "devDependencies": {
     "jest": "^29.7.0",
+    "prettier": "^3.6.2",
     "semver": "^7.6.3"
   },
   "homepage": "https://github.com/react-native-community/template/tree/main",

scripts/__tests__/bumpTemplateVersion-test.js

@@ -1,34 +1,37 @@
-const {execSync, exec: _exec} = require('child_process');
+const { execSync, exec: _exec } = require('child_process');
 const fs = require('fs');
-const {promisify} = require('util');
+const { promisify } = require('util');
 const path = require('path');
 const semver = require('semver');
 
 function run(version) {
-  return execSync(`./bumpedTemplateVersion.sh ${version}`, { cwd: 'scripts', stdio: ['ignore', 'pipe', 'ignore'] }).toString().trim();
+  return execSync(`./bumpedTemplateVersion.sh ${version}`, {
+    cwd: 'scripts',
+    stdio: ['ignore', 'pipe', 'ignore'],
+  })
+    .toString()
+    .trim();
 }
 
-const FIFO_PATH = '/tmp/_npm_fifo'
+const FIFO_PATH = '/tmp/_npm_fifo';
 
 const exec = promisify(_exec);
 const writeFile = promisify(fs.writeFile);
 
 async function runStubbedNpm(version, response) {
   cleanUpStubbedNpm();
   execSync(`mkfifo ${FIFO_PATH}`);
-  return Promise.all(
-    [
-      writeFile(FIFO_PATH, JSON.stringify(response)),
-      exec(`./bumpedTemplateVersion.sh ${version}`, {
-        cwd: 'scripts',
-        stdio: ['ignore', 'pipe', 'ignore'],
-        env: { 
-          PATH: `${__dirname}/stub:${process.env.PATH}`,
-          NPM_STUB_FIFO: FIFO_PATH,
-        }
-      }).then(raw => raw.stdout.toString().trim()),
-    ]
-  ).then(([, resp]) => resp);
+  return Promise.all([
+    writeFile(FIFO_PATH, JSON.stringify(response)),
+    exec(`./bumpedTemplateVersion.sh ${version}`, {
+      cwd: 'scripts',
+      stdio: ['ignore', 'pipe', 'ignore'],
+      env: {
+        PATH: `${__dirname}/stub:${process.env.PATH}`,
+        NPM_STUB_FIFO: FIFO_PATH,
+      },
+    }).then(raw => raw.stdout.toString().trim()),
+  ]).then(([, resp]) => resp);
 }
 
 function cleanUpStubbedNpm() {
@@ -40,9 +43,10 @@ function cleanUpStubbedNpm() {
 }
 
 describe('bumpTemplateVersion.sh', () => {
-
   it('nightlies stay the same', () => {
-    expect(run('0.75.0-nightly-20240606-4324f0874')).toEqual('0.75.0-nightly-20240606-4324f0874');
+    expect(run('0.75.0-nightly-20240606-4324f0874')).toEqual(
+      '0.75.0-nightly-20240606-4324f0874',
+    );
   });
 
   it('release candidates appended with a sha', () => {
@@ -56,24 +60,32 @@ describe('bumpTemplateVersion.sh', () => {
 
   it('bumps the patch if a version of the template already exists', async () => {
     // This sucks I know:
-    const {version} = await fetch('https://registry.npmjs.com/@react-native-community/template/latest').then(resp => resp.json());
-    const {major, minor, patch} = semver.parse(version);
-    expect(run(`${major}.${minor}.${patch}`)).toEqual(`${major}.${minor}.${patch+1}`);
+    const { version } = await fetch(
+      'https://registry.npmjs.com/@react-native-community/template/latest',
+    ).then(resp => resp.json());
+    const { major, minor, patch } = semver.parse(version);
+    expect(run(`${major}.${minor}.${patch}`)).toEqual(
+      `${major}.${minor}.${patch + 1}`,
+    );
   });
 
   describe('handles different npm responses', () => {
     afterAll(cleanUpStubbedNpm);
     it('arrays of versions', async () => {
-      expect(await runStubbedNpm('0.76.0', [
-        { version: '0.76.0' },
-        { version: '0.76.2' },
-        // Expecting +1 on this:
-        { version: '0.76.3' },
-      ])).toEqual('0.76.4');
+      expect(
+        await runStubbedNpm('0.76.0', [
+          { version: '0.76.0' },
+          { version: '0.76.2' },
+          // Expecting +1 on this:
+          { version: '0.76.3' },
+        ]),
+      ).toEqual('0.76.4');
     });
 
     it('single version', async () => {
-      expect(await runStubbedNpm('0.76.0', { version: '0.76.0' })).toEqual('0.76.1');
+      expect(await runStubbedNpm('0.76.0', { version: '0.76.0' })).toEqual(
+        '0.76.1',
+      );
     });
   });
 });