Migrate CI to GitHub Actions and deprecate Create React App

.github/workflows/build-and-test.yml

@@ -12,36 +12,32 @@ jobs:
   build:
     name: 'Build (${{ matrix.os }}, Node ${{ matrix.node }})'
     runs-on: ${{ matrix.os }}
+    if: "!contains(github.event.head_commit.message, '[skip ci]')" # شرط اختياري لتجاوز البناء
     strategy:
       fail-fast: false
       matrix:
-        os:
-          - 'ubuntu-latest'
-        node:
-          - '16'
+        os: [ubuntu-latest]
+        node: [16]
     steps:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node }}
           cache: 'npm'
       - name: Install dependencies
-        run: npm ci --prefer-offline
+        run: npm ci
       - name: Build
         run: npm run build
 
   integration:
     name: 'Integration Tests (${{ matrix.os }}, Node ${{ matrix.node }})'
     runs-on: ${{ matrix.os }}
+    if: "!contains(github.event.head_commit.message, '[skip ci]')" # نفس الشرط
     strategy:
       fail-fast: false
       matrix:
-        os:
-          - 'ubuntu-latest'
-          - 'macos-latest'
-          - 'windows-latest'
-        node:
-          - '16'
+        os: [ubuntu-latest, macos-latest, windows-latest]
+        node: [16]
     steps:
       - uses: actions/checkout@v3
       - name: Setup node
@@ -50,27 +46,29 @@ jobs:
           node-version: ${{ matrix.node }}
           cache: 'npm'
       - name: Install dependencies
-        run: npm ci --prefer-offline
-      # The integration tests are run with yarn, so we need to install it.
+        run: npm ci
       - name: Install yarn
-        run: npm i -g yarn
+        run: npm install --global yarn
       - name: Run integration tests
         run: npm run test:integration
 
   e2e-simple:
-    name: E2E Simple
+    name: 'E2E Simple'
+    if: "!contains(github.event.head_commit.message, '[skip ci]')" # الشرط هنا أيضاً
     uses: ./.github/workflows/e2e-base.yml
     with:
       testScript: 'tasks/e2e-simple.sh'
 
   e2e-installs:
-    name: E2E Installs
+    name: 'E2E Installs'
+    if: "!contains(github.event.head_commit.message, '[skip ci]')"
     uses: ./.github/workflows/e2e-base.yml
     with:
       testScript: 'tasks/e2e-installs.sh'
 
   e2e-kitchensink:
-    name: E2E Kitchensink
+    name: 'E2E Kitchensink'
+    if: "!contains(github.event.head_commit.message, '[skip ci]')"
     uses: ./.github/workflows/e2e-base.yml
     with:
-      testScript: 'tasks/e2e-kitchensink.sh'
+      testScript: 'tasks/e2e-kitchensink.sh'

README.md

@@ -1,4 +1,4 @@
-## Create React App [![Build & Test](https://github.com/facebook/create-react-app/actions/workflows/build-and-test.yml/badge.svg?branch=main)](https://github.com/facebook/create-react-app/actions/workflows/build-and-test.yml) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-green.svg)](https://github.com/facebook/create-react-app/blob/main/CONTRIBUTING.md)
+Create React App [![Build & Test](https://github.com/facebook/create-react-app/actions/workflows/build-and-test.yml/badge.svg?branch=main)](https://github.com/facebook/create-react-app/actions/workflows/build-and-test.yml) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-green.svg)](https://github.com/facebook/create-react-app/blob/main/CONTRIBUTING.md)
 
 > [!CAUTION]
 >

packages/cra-template-typescript/package.json

@@ -1,27 +1,22 @@
 {
-  "name": "cra-template-typescript",
-  "version": "1.3.0",
-  "keywords": [
-    "react",
-    "create-react-app",
-    "template",
-    "typescript"
-  ],
-  "description": "The base TypeScript template for Create React App.",
+  "name": "babel-preset-react-app",
+  "version": "10.0.0",
+  "description": "Babel preset for Create React App",
+  "main": "index.js",
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/facebook/create-react-app.git",
-    "directory": "packages/cra-template-typescript"
-  },
-  "license": "MIT",
-  "engines": {
-    "node": ">=14"
+    "directory": "packages/babel-preset-react-app"
   },
-  "bugs": {
-    "url": "https://github.com/facebook/create-react-app/issues"
+  "dependencies": {
+    "@babel/core": "^7.22.0",
+    "@babel/plugin-transform-react-jsx": "^7.22.0",
+    "@babel/plugin-transform-react-jsx-development": "^7.22.0",
+    "@babel/plugin-transform-react-jsx-self": "^7.22.0",
+    "@babel/plugin-transform-react-jsx-source": "^7.22.0"
   },
-  "files": [
-    "template",
-    "template.json"
-  ]
-}
+  "peerDependencies": {
+    "@babel/core": "^7.0.0"
+  }
+}

packages/cra-template-typescript/template.json

@@ -1,19 +1,26 @@
 {
-  "package": {
-    "dependencies": {
-      "@testing-library/dom": "^10.4.0",
-      "@testing-library/jest-dom": "^6.6.3",
-      "@testing-library/react": "^16.1.0",
-      "@testing-library/user-event": "^13.2.1",
-      "@types/jest": "^27.0.1",
-      "@types/node": "^16.7.13",
-      "@types/react": "^19.0.0",
-      "@types/react-dom": "^19.0.0",
-      "typescript": "^4.4.2",
-      "web-vitals": "^2.1.0"
-    },
-    "eslintConfig": {
-      "extends": ["react-app", "react-app/jest"]
-    }
+  "name": "babel-preset-react-app",
+  "version": "11.0.0",
+  "description": "Babel preset optimized for React 18 applications",
+  "main": "index.js",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/facebook/create-react-app.git",
+    "directory": "packages/babel-preset-react-app"
+  },
+  "dependencies": {
+    "@babel/core": "^7.22.10",
+    "@babel/plugin-transform-react-jsx": "^7.22.5",
+    "@babel/plugin-transform-react-jsx-development": "^7.22.5",
+    "@babel/plugin-transform-react-jsx-self": "^7.22.5",
+    "@babel/plugin-transform-react-jsx-source": "^7.22.5",
+    "@babel/preset-env": "^7.22.10",
+    "@babel/preset-typescript": "^7.22.5"
+  },
+  "peerDependencies": {
+    "@babel/core": "^7.22.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   }
-}
+}