* chore: Issue 2022 - Changes for new React boilerplate code

Author: bhushan-ebi

.github/workflows/deploy.yml

@@ -1,28 +1,51 @@
-name: Deployment
+name: CI/CD Pipeline
 on:
   push:
     branches:
       - master
+  pull_request:
+    branches:
+      - master
+
 env:
-  CI: false
+  CI: true
+
 jobs:
+  # test:
+  #   runs-on: ubuntu-latest
+  #   strategy:
+  #     matrix:
+  #       node-version: [18.x] # Updated Node.js version
+  #   steps:
+  #     - uses: actions/checkout@v4
+  #     - name: Use Node.js ${{ matrix.node-version }}
+  #       uses: actions/setup-node@v4
+  #       with:
+  #         node-version: ${{ matrix.node-version }}
+  #     - name: Install dependencies
+  #       run: yarn install
+  #     - name: Run tests
+  #       run: yarn test --watchAll=false --ci
+
   deploy:
+    # needs: test
     runs-on: ubuntu-latest
+    if: github.ref == 'refs/heads/master'
     strategy:
       matrix:
-        node-version: [12.x]
+        node-version: [18.x] # Updated Node.js version
     steps:
-    - uses: actions/checkout@v2
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
-      with:
-        node-version: ${{ matrix.node-version }}
-    - name: Install Packages
-      run: npm install
-    - name: Build page
-      run: npm run build
-    - name: Deploy to gh-pages
-      uses: peaceiris/actions-gh-pages@v3
-      with:
-        deploy_key: ${{ secrets.ACTIONS_DEPLOY_KEY }}
-        publish_dir: ./build
+      - uses: actions/checkout@v4
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: Install Packages
+        run: yarn install
+      - name: Build page
+        run: yarn build
+      - name: Deploy to gh-pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          deploy_key: ${{ secrets.ACTIONS_DEPLOY_KEY }}
+          publish_dir: ./build

.gitignore

@@ -1,90 +1,51 @@
 {
   "name": "vf-react",
   "version": "0.1.0",
-  "vfConfig": {
-    "vfName": "VF Boilerplate for React",
-    "vfNamespace": "vfreact-",
-    "vfComponentPath": "@visual-framework",
-    "vfBuildDestination": "./build/vf-generated-assets",
-    "vfThemePath": "@frctl/mandelbrot"
-  },
-  "homepage": "/vf-react",
-  "scripts": {
-    "start": "gulp dev",
-    "predeploy": "gulp build",
-    "deploy": "gh-pages -d build",
-    "build": "gulp build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "update-components": "yarn upgrade-interactive --latest"
-  },
+  "private": true,
   "dependencies": {
-    "@visual-framework/embl-grid": "2.1.2",
-    "@visual-framework/vf-banner": "1.9.0",
-    "@visual-framework/vf-body": "1.2.0",
-    "@visual-framework/vf-breadcrumbs": "2.0.4",
-    "@visual-framework/vf-button": "1.4.3",
-    "@visual-framework/vf-card": "2.6.0",
-    "@visual-framework/vf-cluster": "1.0.2",
-    "@visual-framework/vf-code-example": "1.3.0",
-    "@visual-framework/vf-collapse": "0.0.2",
-    "@visual-framework/vf-config": "1.0.1-alpha.0",
-    "@visual-framework/vf-content": "1.6.1",
-    "@visual-framework/vf-core": "2.2.30",
-    "@visual-framework/vf-design-tokens": "3.6.0",
-    "@visual-framework/vf-details": "1.2.0",
-    "@visual-framework/vf-extensions-react": "0.0.4",
-    "@visual-framework/vf-flag": "1.0.0-alpha.2",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@visual-framework/vf-back-to-top": "^1.0.1",
+    "@visual-framework/vf-badge": "^3.0.3",
+    "@visual-framework/vf-banner": "2.0.3",
+    "@visual-framework/vf-blockquote": "^1.2.8",
+    "@visual-framework/vf-body": "^1.2.0",
+    "@visual-framework/vf-box": "^2.4.0",
+    "@visual-framework/vf-button": "3.0.2",
+    "@visual-framework/vf-card": "2.7.2",
+    "@visual-framework/vf-content": "1.6.16",
+    "@visual-framework/vf-core": "2.2.47",
     "@visual-framework/vf-font-plex-mono": "1.1.1",
     "@visual-framework/vf-font-plex-sans": "1.1.1",
-    "@visual-framework/vf-footer": "1.2.0",
-    "@visual-framework/vf-form__checkbox": "3.0.0-alpha.0",
-    "@visual-framework/vf-form__select": "3.0.0-alpha.0",
-    "@visual-framework/vf-global-header": "3.1.2",
-    "@visual-framework/vf-grid": "1.4.1",
-    "@visual-framework/vf-grid-page": "3.0.0",
-    "@visual-framework/vf-header": "2.0.2",
-    "@visual-framework/vf-heading": "1.0.1",
-    "@visual-framework/vf-hero": "3.3.0",
-    "@visual-framework/vf-intro": "1.5.0",
-    "@visual-framework/vf-lede": "1.0.1",
-    "@visual-framework/vf-logo": "1.5.1",
-    "@visual-framework/vf-navigation": "3.0.0-beta.1",
-    "@visual-framework/vf-no-js": "1.0.1",
-    "@visual-framework/vf-page-header": "1.1.2",
+    "@visual-framework/vf-grid": "^1.4.1",
+    "@visual-framework/vf-hero": "^4.0.3",
+    "@visual-framework/vf-global-header": "^3.1.6",
+    "@visual-framework/vf-footer": "^1.2.1",
+    "@visual-framework/vf-link": "^2.0.2",
     "@visual-framework/vf-sass-config": "2.6.1",
-    "@visual-framework/vf-sass-starter": "0.1.23",
-    "@visual-framework/vf-search": "3.0.0-alpha.0",
-    "@visual-framework/vf-sidebar": "1.0.0-alpha.2",
-    "@visual-framework/vf-stack": "2.1.1",
-    "@visual-framework/vf-table": "1.2.0-rc.2",
-    "@visual-framework/vf-tabs": "2.0.1",
-    "@visual-framework/vf-text": "1.0.2",
-    "@visual-framework/vf-u-fullbleed": "1.2.2",
+    "@visual-framework/vf-sass-starter": "^0.1.30",
     "@visual-framework/vf-utility-classes": "2.0.0",
-    "gh-pages": "3.2.3",
-    "gulp": "4.0.2",
-    "gulp-autoprefixer": "8.0.0",
-    "gulp-babel": "8.0.0",
-    "gulp-better-rollup": "4.0.1",
-    "gulp-cssnano": "2.1.3",
-    "gulp-notify": "4.0.0",
-    "gulp-rename": "2.0.0",
-    "gulp-sass": "5.0.0",
-    "gulp-shell": "0.8.0",
-    "gulp-sourcemaps": "3.0.0",
-    "gulp-stylelint": "13.0.0",
-    "gulp-svgmin": "4.0.1",
-    "gulp-watch": "5.0.1",
-    "list-stream": "2.0.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-router-dom": "5.2.0",
-    "react-scripts": "4.0.3",
-    "rollup-plugin-includepaths": "0.2.4"
+    "@visual-framework/vf-mega-menu": "^1.0.2",
+    "@visual-framework/vf-profile": "^1.4.0",
+    "@visual-framework/vf-search": "^1.0.0",
+    "@visual-framework/vf-stack": "^3.0.0",
+    "@visual-framework/vf-tabs": "^2.1.5",
+    "@visual-framework/vf-text": "^1.1.1",
+    "@visual-framework/vf-u-fullbleed": "^1.2.2",
+    "@visual-framework/vf-extensions-react": "^0.0.8",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.21.1",
+    "react-scripts": "5.0.1",
+    "sass": "^1.69.5",
+    "web-vitals": "^2.1.4"
   },
-  "eslintConfig": {
-    "extends": "react-app"
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
   },
   "browserslist": {
     "production": [