From 78b0bef9f44e2d5a3ffaeb28fbcfd483875c1160 Mon Sep 17 00:00:00 2001
From: Nayden Naydenov <31909318+nnaydenow@users.noreply.github.com>
Date: Mon, 16 Dec 2024 11:22:34 +0200
Subject: [PATCH] chore: update to 2.0 (#105)
---
.commitlintrc.json | 4 +-
.eslintrc.json | 14 +-
.github/workflows/codeql-analysis.yml | 2 +-
.github/workflows/deploy.yml | 34 +-
.husky/skip.js | 2 +-
.prettierrc.json | 32 +-
config/env.js | 93 -
config/jest/cssTransform.js | 14 -
config/jest/fileTransform.js | 30 -
config/paths.js | 87 -
config/webpack.config.dev.js | 430 -
config/webpack.config.js | 618 -
config/webpack.config.prod.js | 547 -
config/webpackDevServer.config.js | 104 -
package-lock.json | 53249 +++++++-----------------
package.json | 152 +-
public/index.html | 33 +-
scripts/build.js | 192 -
scripts/start.js | 117 -
scripts/test.js | 53 -
src/App.test.js | 9 -
src/App.test.tsx | 9 +
src/{App.js => App.tsx} | 249 +-
src/TodoItem.js | 43 -
src/TodoList.js | 33 -
src/components/TodoItem.tsx | 58 +
src/components/TodoList.tsx | 39 +
src/index.css | 2 +-
src/index.js | 12 -
src/index.tsx | 17 +
src/react-app-env.d.ts | 1 +
src/reportWebVitals.ts | 15 +
src/serviceWorker.js | 130 -
src/setupTests.ts | 5 +
src/types/index.ts | 79 +
tsconfig.json | 20 +
36 files changed, 14469 insertions(+), 42059 deletions(-)
delete mode 100644 config/env.js
delete mode 100644 config/jest/cssTransform.js
delete mode 100644 config/jest/fileTransform.js
delete mode 100644 config/paths.js
delete mode 100644 config/webpack.config.dev.js
delete mode 100644 config/webpack.config.js
delete mode 100644 config/webpack.config.prod.js
delete mode 100644 config/webpackDevServer.config.js
delete mode 100644 scripts/build.js
delete mode 100644 scripts/start.js
delete mode 100644 scripts/test.js
delete mode 100644 src/App.test.js
create mode 100644 src/App.test.tsx
rename src/{App.js => App.tsx} (52%)
delete mode 100644 src/TodoItem.js
delete mode 100644 src/TodoList.js
create mode 100644 src/components/TodoItem.tsx
create mode 100644 src/components/TodoList.tsx
delete mode 100644 src/index.js
create mode 100644 src/index.tsx
create mode 100644 src/react-app-env.d.ts
create mode 100644 src/reportWebVitals.ts
delete mode 100644 src/serviceWorker.js
create mode 100644 src/setupTests.ts
create mode 100644 src/types/index.ts
create mode 100644 tsconfig.json
diff --git a/.commitlintrc.json b/.commitlintrc.json
index b6cd998..c30e5a9 100644
--- a/.commitlintrc.json
+++ b/.commitlintrc.json
@@ -1,3 +1,3 @@
{
- "extends": ["@commitlint/config-conventional"]
-}
\ No newline at end of file
+ "extends": ["@commitlint/config-conventional"]
+}
diff --git a/.eslintrc.json b/.eslintrc.json
index 300cce0..c79c56a 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,8 +1,8 @@
{
- "env": {
- "browser": true,
- "es6": true,
- "node": true
- },
- "extends": "react-app"
-}
\ No newline at end of file
+ "env": {
+ "browser": true,
+ "es6": true,
+ "node": true
+ },
+ "extends": "react-app"
+}
diff --git a/.github/workflows/codeql-analysis.yml b/.github/workflows/codeql-analysis.yml
index 2816bfc..5ba254e 100644
--- a/.github/workflows/codeql-analysis.yml
+++ b/.github/workflows/codeql-analysis.yml
@@ -68,4 +68,4 @@ jobs:
# ./location_of_script_within_repo/buildscript.sh
- name: Perform CodeQL Analysis
- uses: github/codeql-action/analyze@v2
\ No newline at end of file
+ uses: github/codeql-action/analyze@v2
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 3d1b3ca..f7a142a 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -2,27 +2,27 @@ name: Deploy
on:
push:
- branches: [ main ]
+ branches: [main]
jobs:
deploy:
runs-on: ubuntu-latest
steps:
- - uses: actions/checkout@v3
- - uses: actions/setup-node@v3
- with:
- node-version: 16
- cache: 'npm'
+ - uses: actions/checkout@v3
+ - uses: actions/setup-node@v3
+ with:
+ node-version: 16
+ cache: "npm"
- - name: Build
- run: |
- npm install
- npm run build
+ - name: Build
+ run: |
+ npm install
+ npm run build
- - name: Deploy
- uses: JamesIves/github-pages-deploy-action@v4.3.3
- with:
- branch: gh-pages # The branch the action should deploy to.
- folder: build # The folder the action should deploy.
- target-folder: ./
- clean: true
+ - name: Deploy
+ uses: JamesIves/github-pages-deploy-action@v4.3.3
+ with:
+ branch: gh-pages # The branch the action should deploy to.
+ folder: build # The folder the action should deploy.
+ target-folder: ./
+ clean: true
diff --git a/.husky/skip.js b/.husky/skip.js
index 8e5c8f4..25c11ea 100644
--- a/.husky/skip.js
+++ b/.husky/skip.js
@@ -2,4 +2,4 @@ if (process.env.HUSKY_SKIP) {
process.exit(0);
} else {
process.exit(1);
-}
\ No newline at end of file
+}
diff --git a/.prettierrc.json b/.prettierrc.json
index b91f05a..d7060f5 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -1,18 +1,16 @@
{
- "singleQuote": false,
- "printWidth": 200,
- "endOfLine": "lf",
- "tabWidth": 4,
- "useTabs": true,
- "overrides": [
- {
- "files": ["*.yaml", "*.yml", "*.md", "*.json", "*.xml", "*.properties"],
- "options": {
- "useTabs": false,
- "tabWidth": 2,
- "keySeparator": "=",
- "xmlWhitespaceSensitivity": "ignore"
- }
- }
- ]
-}
\ No newline at end of file
+ "singleQuote": false,
+ "printWidth": 200,
+ "endOfLine": "lf",
+ "tabWidth": 4,
+ "useTabs": true,
+ "overrides": [
+ {
+ "files": ["*.yaml", "*.yml", "*.md", "*.json", "*.xml", "*.properties"],
+ "options": {
+ "useTabs": false,
+ "tabWidth": 2
+ }
+ }
+ ]
+}
diff --git a/config/env.js b/config/env.js
deleted file mode 100644
index 6712891..0000000
--- a/config/env.js
+++ /dev/null
@@ -1,93 +0,0 @@
-'use strict';
-
-const fs = require('fs');
-const path = require('path');
-const paths = require('./paths');
-
-// Make sure that including paths.js after env.js will read .env variables.
-delete require.cache[require.resolve('./paths')];
-
-const NODE_ENV = process.env.NODE_ENV;
-if (!NODE_ENV) {
- throw new Error(
- 'The NODE_ENV environment variable is required but was not specified.'
- );
-}
-
-// https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
-var dotenvFiles = [
- `${paths.dotenv}.${NODE_ENV}.local`,
- `${paths.dotenv}.${NODE_ENV}`,
- // Don't include `.env.local` for `test` environment
- // since normally you expect tests to produce the same
- // results for everyone
- NODE_ENV !== 'test' && `${paths.dotenv}.local`,
- paths.dotenv,
-].filter(Boolean);
-
-// Load environment variables from .env* files. Suppress warnings using silent
-// if this file is missing. dotenv will never modify any environment variables
-// that have already been set. Variable expansion is supported in .env files.
-// https://github.com/motdotla/dotenv
-// https://github.com/motdotla/dotenv-expand
-dotenvFiles.forEach(dotenvFile => {
- if (fs.existsSync(dotenvFile)) {
- require('dotenv-expand')(
- require('dotenv').config({
- path: dotenvFile,
- })
- );
- }
-});
-
-// We support resolving modules according to `NODE_PATH`.
-// This lets you use absolute paths in imports inside large monorepos:
-// https://github.com/facebook/create-react-app/issues/253.
-// It works similar to `NODE_PATH` in Node itself:
-// https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders
-// Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.
-// Otherwise, we risk importing Node.js core modules into an app instead of Webpack shims.
-// https://github.com/facebook/create-react-app/issues/1023#issuecomment-265344421
-// We also resolve them to make sure all tools using them work consistently.
-const appDirectory = fs.realpathSync(process.cwd());
-process.env.NODE_PATH = (process.env.NODE_PATH || '')
- .split(path.delimiter)
- .filter(folder => folder && !path.isAbsolute(folder))
- .map(folder => path.resolve(appDirectory, folder))
- .join(path.delimiter);
-
-// Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
-// injected into the application via DefinePlugin in Webpack configuration.
-const REACT_APP = /^REACT_APP_/i;
-
-function getClientEnvironment(publicUrl) {
- const raw = Object.keys(process.env)
- .filter(key => REACT_APP.test(key))
- .reduce(
- (env, key) => {
- env[key] = process.env[key];
- return env;
- },
- {
- // Useful for determining whether we’re running in production mode.
- // Most importantly, it switches React into the correct mode.
- NODE_ENV: process.env.NODE_ENV || 'development',
- // Useful for resolving the correct path to static assets in `public`.
- // For example, .
- // This should only be used as an escape hatch. Normally you would put
- // images into the `src` and `import` them in code to get their paths.
- PUBLIC_URL: publicUrl,
- }
- );
- // Stringify all values so we can feed into Webpack DefinePlugin
- const stringified = {
- 'process.env': Object.keys(raw).reduce((env, key) => {
- env[key] = JSON.stringify(raw[key]);
- return env;
- }, {}),
- };
-
- return { raw, stringified };
-}
-
-module.exports = getClientEnvironment;
diff --git a/config/jest/cssTransform.js b/config/jest/cssTransform.js
deleted file mode 100644
index 9459da3..0000000
--- a/config/jest/cssTransform.js
+++ /dev/null
@@ -1,14 +0,0 @@
-'use strict';
-
-// This is a custom Jest transformer turning style imports into empty objects.
-// http://facebook.github.io/jest/docs/en/webpack.html
-
-module.exports = {
- process() {
- return 'module.exports = {};';
- },
- getCacheKey() {
- // The output is always the same.
- return 'cssTransform';
- },
-};
diff --git a/config/jest/fileTransform.js b/config/jest/fileTransform.js
deleted file mode 100644
index 3411244..0000000
--- a/config/jest/fileTransform.js
+++ /dev/null
@@ -1,30 +0,0 @@
-'use strict';
-
-const path = require('path');
-
-// This is a custom Jest transformer turning file imports into filenames.
-// http://facebook.github.io/jest/docs/en/webpack.html
-
-module.exports = {
- process(src, filename) {
- const assetFilename = JSON.stringify(path.basename(filename));
-
- if (filename.match(/\.svg$/)) {
- return `module.exports = {
- __esModule: true,
- default: ${assetFilename},
- ReactComponent: (props) => ({
- $$typeof: Symbol.for('react.element'),
- type: 'svg',
- ref: null,
- key: null,
- props: Object.assign({}, props, {
- children: ${assetFilename}
- })
- }),
- };`;
- }
-
- return `module.exports = ${assetFilename};`;
- },
-};
diff --git a/config/paths.js b/config/paths.js
deleted file mode 100644
index 14102ad..0000000
--- a/config/paths.js
+++ /dev/null
@@ -1,87 +0,0 @@
-'use strict';
-
-const path = require('path');
-const fs = require('fs');
-const url = require('url');
-
-// Make sure any symlinks in the project folder are resolved:
-// https://github.com/facebook/create-react-app/issues/637
-const appDirectory = fs.realpathSync(process.cwd());
-const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
-
-const envPublicUrl = process.env.PUBLIC_URL;
-
-function ensureSlash(inputPath, needsSlash) {
- const hasSlash = inputPath.endsWith('/');
- if (hasSlash && !needsSlash) {
- return inputPath.substr(0, inputPath.length - 1);
- } else if (!hasSlash && needsSlash) {
- return `${inputPath}/`;
- } else {
- return inputPath;
- }
-}
-
-const getPublicUrl = appPackageJson =>
- envPublicUrl || require(appPackageJson).homepage;
-
-// We use `PUBLIC_URL` environment variable or "homepage" field to infer
-// "public path" at which the app is served.
-// Webpack needs to know it to put the right