- Release commit

Signed-off-by: Dave Richer <dave@imexsystems.ca>

.circleci/config.yml

@@ -5,30 +5,23 @@ orbs:
   aws-s3: circleci/aws-s3@4.0.0
   aws-cli: circleci/aws-cli@4.0
   eb: circleci/aws-elastic-beanstalk@2.0.1
-  jira: circleci/jira@2.1.0
 jobs:
-  imex-api-deploy:
+  api-deploy:
     docker:
-      - image: cimg/node:22.13.1
+      - image: cimg/node:18.18.2
     steps:
       - checkout
       - eb/setup
       - run:
           command: |
-            eb init imex-online-production-api -r ca-central-1 -p "Node.js 22 running on 64bit Amazon Linux 2023"
+            eb init imex-online-production-api -r ca-central-1 -p "Node.js 18 running on 64bit Amazon Linux 2"
             eb status --verbose
             eb deploy
             eb status
-      - jira/notify:
-          environment: Production (ImEX) - API
-          environment_type: production
-          job_type: deployment
-          pipeline_id: << pipeline.id >>
-          pipeline_number: << pipeline.number >>
 
-  imex-hasura-migrate:
+  hasura-migrate:
     docker:
-      - image: cimg/node:22.13.1
+      - image: cimg/node:16.15.0
     parameters:
       secret:
         type: string
@@ -40,21 +33,17 @@ jobs:
       - run:
           name: Execute migration
           command: |
-            curl -L https://github.com/hasura/graphql-engine/raw/stable/cli/get.sh | bash
+            npm install hasura-cli -g
             hasura migrate apply --endpoint https://db.imex.online/ --admin-secret << parameters.secret >>
             hasura metadata apply --endpoint https://db.imex.online/ --admin-secret << parameters.secret >>
             hasura metadata reload --endpoint https://db.imex.online/ --admin-secret << parameters.secret >>
-      - jira/notify:
-          environment: Production (ImEX) - Hasura
-          environment_type: production
-          pipeline_id: << pipeline.id >>
-          job_type: deployment
-          pipeline_number: << pipeline.number >>
-  imex-app-build:
+
+  app-build:
     docker:
-      - image: cimg/node:22.13.1
+      - image: cimg/node:16.15.0
     resource_class: large
     working_directory: ~/repo/client
+
     steps:
       - checkout:
           path: ~/repo
@@ -62,7 +51,27 @@ jobs:
           name: Install Dependencies
           command: npm i
 
-      - run: npm run build:imex
+      - run: npm run build
+
+      - aws-s3/sync:
+          from: build
+          to: "s3://imex-online-production/"
+          arguments: "--exclude '*.map'"
+
+  app-beta-build:
+    docker:
+      - image: cimg/node:18.18.2
+    resource_class: large
+    working_directory: ~/repo/client
+
+    steps:
+      - checkout:
+          path: ~/repo
+      - run:
+          name: Install Dependencies
+          command: npm i
+
+      - run: npm run build
 
       - aws-cli/setup:
           aws_access_key_id: AWS_ACCESS_KEY_ID
@@ -71,175 +80,12 @@ jobs:
 
       - aws-s3/sync:
           from: build
-          to: "s3://imex-online-production/"
-          arguments: "--exclude '*.map'"
-
-
-  imex-app-beta-build:
-    docker:
-      - image: cimg/node:22.13.1
-    resource_class: large
-    working_directory: ~/repo/client
-
-    steps:
-      - checkout:
-          path: ~/repo
-      - run:
-          name: Install Dependencies
-          command: npm i
-
-      - run: NODE_OPTIONS=--max-old-space-size=8192 npm run build:production:imex
-
-      - aws-cli/setup:
-          aws_access_key_id: AWS_ACCESS_KEY_ID
-          aws_secret_access_key: AWS_SECRET_ACCESS_KEY
-          region: AWS_REGION
-
-      - aws-s3/sync:
-          from: dist
           to: "s3://imex-online-beta/"
           arguments: "--exclude '*.map'"
-      - jira/notify:
-          environment: Production (ImEX) - Front End
-          environment_type: production
-          pipeline_id: << pipeline.id >>
-          job_type: deployment
-          pipeline_number: << pipeline.number >>
-
-  rome-api-deploy:
-    docker:
-      - image: "cimg/base:stable"
-    steps:
-      - checkout
-      - eb/setup
-      - run:
-          command: |
-            eb init romeonline-productionapi -r us-east-2 -p "Node.js 22 running on 64bit Amazon Linux 2023"
-            eb status --verbose
-            eb deploy
-            eb status
-      - jira/notify:
-          environment: Production (Rome) - API
-          environment_type: production
-          pipeline_id: << pipeline.id >>
-          job_type: deployment
-          pipeline_number: << pipeline.number >>
-  rome-hasura-migrate:
-    docker:
-      - image: cimg/node:22.13.1
-    parameters:
-      secret:
-        type: string
-        default: $HASURA_ROME_PROD_SECRET
-    working_directory: ~/repo/hasura
-    steps:
-      - checkout:
-          path: ~/repo
-      - run:
-          name: Execute migration
-          command: |
-            curl -L https://github.com/hasura/graphql-engine/raw/stable/cli/get.sh | bash
-            hasura migrate apply --endpoint https://db.romeonline.io/ --admin-secret << parameters.secret >>
-            hasura metadata apply --endpoint https://db.romeonline.io/ --admin-secret << parameters.secret >>
-            hasura metadata reload --endpoint https://db.romeonline.io/ --admin-secret << parameters.secret >>
-      - jira/notify:
-          environment: Production (Rome) - Hasura
-          environment_type: production
-          pipeline_id: << pipeline.id >>
-          job_type: deployment
-          pipeline_number: << pipeline.number >>
-  rome-app-build:
-    docker:
-      - image: cimg/node:22.13.1
-    resource_class: large
-    working_directory: ~/repo/client
-
-    steps:
-      - checkout:
-          path: ~/repo
-      - run:
-          name: Install Dependencies
-          command: npm i
-
-      - run: NODE_OPTIONS=--max-old-space-size=8192 npm run build:production:rome
-
-      - aws-cli/setup:
-          aws_access_key_id: AWS_ACCESS_KEY_ID
-          aws_secret_access_key: AWS_SECRET_ACCESS_KEY
-          region: AWS_REGION
-
-      - aws-s3/sync:
-          from: dist
-          to: "s3://rome-online-production/"
-          arguments: "--exclude '*.map'"
-      - jira/notify:
-          environment: Production (Rome) - Front End
-          environment_type: production
-          pipeline_id: << pipeline.id >>
-          job_type: deployment
-          pipeline_number: << pipeline.number >>
-
-  test-rome-hasura-migrate:
-    docker:
-      - image: cimg/node:22.13.1
-    parameters:
-      secret:
-        type: string
-        default: $HASURA_ROME_TEST_SECRET
-    working_directory: ~/repo/hasura
-    steps:
-      - checkout:
-          path: ~/repo
-      - run:
-          name: Execute migration
-          command: |
-            curl -L https://github.com/hasura/graphql-engine/raw/stable/cli/get.sh | bash
-            hasura migrate apply --endpoint https://db.test.romeonline.io/ --admin-secret << parameters.secret >>
-            sleep 5
-            hasura metadata apply --endpoint https://db.test.romeonline.io/ --admin-secret << parameters.secret >>
-            sleep 10
-            hasura metadata reload --endpoint https://db.test.romeonline.io/ --admin-secret << parameters.secret >>
-      - jira/notify:
-          environment: Test (Rome) - Hasura
-          environment_type: testing
-          pipeline_id: << pipeline.id >>
-          job_type: deployment
-          pipeline_number: << pipeline.number >>
-
-  test-rome-app-build:
-    docker:
-      - image: cimg/node:22.13.1
-    resource_class: large
-    working_directory: ~/repo/client
-
-    steps:
-      - checkout:
-          path: ~/repo
-      - run:
-          name: Install Dependencies
-          command: npm i
-
-      - run: NODE_OPTIONS=--max-old-space-size=8192 npm run build:test:rome
-
-      - aws-cli/setup:
-          aws_access_key_id: AWS_ACCESS_KEY_ID
-          aws_secret_access_key: AWS_SECRET_ACCESS_KEY
-          region: AWS_REGION
-
-      - aws-s3/sync:
-          from: dist
-          to: "s3://rome-online-test/"
-          arguments: "--exclude '*.map'"
-      - jira/notify:
-          environment: Test (Rome) - Front End
-          environment_type: testing
-          pipeline_id: << pipeline.id >>
-          job_type: deployment
-          pipeline_number: << pipeline.number >>
 
   test-hasura-migrate:
     docker:
-      - image: cimg/node:22.13.1
+      - image: cimg/node:16.15.0
     parameters:
       secret:
         type: string
@@ -251,22 +97,15 @@ jobs:
       - run:
           name: Execute migration
           command: |
-            curl -L https://github.com/hasura/graphql-engine/raw/stable/cli/get.sh | bash
+            npm install hasura-cli -g
+            echo ${HASURA_TEST_SECRET}
             hasura migrate apply --endpoint https://db.test.bodyshop.app/ --admin-secret << parameters.secret >>
-            sleep 15
             hasura metadata apply --endpoint https://db.test.bodyshop.app/ --admin-secret << parameters.secret >>
-            sleep 30
             hasura metadata reload --endpoint https://db.test.bodyshop.app/ --admin-secret << parameters.secret >>
-      - jira/notify:
-          environment: Test (ImEX) - Hasura
-          environment_type: testing
-          pipeline_id: << pipeline.id >>
-          job_type: deployment
-          pipeline_number: << pipeline.number >>
 
-  imex-test-app-build:
+  test-app-build:
     docker:
-      - image: cimg/node:22.13.1
+      - image: cimg/node:16.15.0
     resource_class: large
     working_directory: ~/repo/client
 
@@ -277,16 +116,16 @@ jobs:
           name: Install Dependencies
           command: npm i
 
-      - run: NODE_OPTIONS=--max-old-space-size=8192 npm run build:test:imex
+      - run: npm run build:test
 
       - aws-s3/sync:
           from: build
           to: "s3://imex-online-test/"
           arguments: "--exclude '*.map'"
 
-  imex-test-app-beta-build:
+  test-app-beta-build:
     docker:
-      - image: cimg/node:22.13.1
+      - image: cimg/node:18.18.2
     resource_class: large
     working_directory: ~/repo/client
 
@@ -298,7 +137,9 @@ jobs:
           name: Install Dependencies
           command: npm i
 
-      - run: NODE_OPTIONS=--max-old-space-size=8192 npm run build:test:imex
+      - run: npm run build:test
+
+      - run: npm run sentry:sourcemaps
 
       - aws-cli/setup:
           aws_access_key_id: AWS_ACCESS_KEY_ID
@@ -306,15 +147,9 @@ jobs:
           region: AWS_REGION
 
       - aws-s3/sync:
-          from: dist
+          from: build
           to: "s3://imex-online-test-beta/"
           arguments: "--exclude '*.map'"
-      - jira/notify:
-          environment: Test (ImEX) - Front End
-          environment_type: testing
-          pipeline_id: << pipeline.id >>
-          job_type: deployment
-          pipeline_number: << pipeline.number >>
 
   admin-app-build:
     docker:
@@ -349,58 +184,36 @@ jobs:
 workflows:
   deploy_and_build:
     jobs:
-      - imex-api-deploy:
-          filters:
-            branches:
-              only: master-AIO
-      - imex-app-build:
+      - api-deploy:
           filters:
             branches:
               only: master
-      - imex-app-beta-build:
+      - app-build:
           filters:
             branches:
-              only: master-AIO
-      - imex-hasura-migrate:
+              only: master
+      - app-beta-build:
+          filters:
+            branches:
+              only: master-beta
+      - hasura-migrate:
           secret: ${HASURA_PROD_SECRET}
           filters:
             branches:
-              only: master-AIO
-      - rome-api-deploy:
-          filters:
-            branches:
-              only: master-AIO
-      - rome-app-build:
-          filters:
-            branches:
-              only: master-AIO
-      - rome-hasura-migrate:
-          secret: ${HASURA_ROME_PROD_SECRET}
-          filters:
-            branches:
-              only: master-AIO
-      - imex-test-app-build:
+              only: master
+      - test-app-build:
           filters:
             branches:
               only: test
-      - imex-test-app-beta-build:
+      - test-app-beta-build:
           filters:
             branches:
-              only: test-AIO
+              only: test-beta
       - test-hasura-migrate:
           secret: ${HASURA_TEST_SECRET}
           filters:
             branches:
-              only: test-AIO
-      - test-rome-app-build:
-          filters:
-            branches:
-              only: test-AIO
-      - test-rome-hasura-migrate:
-          secret: ${HASURA_ROME_TEST_SECRET}
-          filters:
-            branches:
-              only: test-AIO
+              only: test
       #- admin-app-build:
       #filters:
       #branches:

.dockerignore

@@ -1,24 +0,0 @@
-# Directories to exclude
-.circleci
-.idea
-.platform
-.vscode
-_reference
-client
-redis/dockerdata
-hasura
-node_modules
-# Files to exclude
-.ebignore
-.editorconfig
-.eslintrc.json
-.gitignore
-.prettierrc.js
-Dockerfile
-README.MD
-bodyshop_translations.babel
-docker-compose.yml
-ecosystem.config.js
-
-# Optional: Exclude logs and temporary files
-*.log

.editorconfig

@@ -1,21 +0,0 @@
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = false
-quote_type = single
-max_line_length = 100
-bracketSpacing = false
-
-[*.md]
-trim_trailing_whitespace = false
-
-[*.yml]
-indent_size = 2
-
-[*.json]
-indent_size = 2

.gitattributes

@@ -1,80 +0,0 @@
-# Ensure all text files use LF for line endings
-* text eol=lf
-
-# Binary files should not be modified by Git
-*.png binary
-*.jpg binary
-*.jpeg binary
-*.gif binary
-*.ico binary
-*.webp binary
-*.svg binary
-
-# Fonts
-*.woff binary
-*.woff2 binary
-*.ttf binary
-*.otf binary
-*.eot binary
-
-# Videos
-*.mp4 binary
-*.mov binary
-*.avi binary
-*.mkv binary
-*.webm binary
-
-# Audio
-*.mp3 binary
-*.wav binary
-*.ogg binary
-*.flac binary
-
-# Archives and compressed files
-*.zip binary
-*.gz binary
-*.tar binary
-*.7z binary
-*.rar binary
-
-# PDF and documents
-*.pdf binary
-*.doc binary
-*.docx binary
-*.xls binary
-*.xlsx binary
-*.ppt binary
-*.pptx binary
-
-# Exclude JSON and other data files from text processing, if necessary
-*.json text
-*.xml text
-*.csv text
-
-# Scripts and code files should maintain LF endings
-*.js text eol=lf
-*.jsx text eol=lf
-*.ts text eol=lf
-*.tsx text eol=lf
-*.css text eol=lf
-*.scss text eol=lf
-*.html text eol=lf
-*.yml text eol=lf
-*.yaml text eol=lf
-*.md text eol=lf
-*.sh text eol=lf
-*.py text eol=lf
-*.rb text eol=lf
-*.java text eol=lf
-*.php text eol=lf
-
-# Git configuration files
-.gitattributes text eol=lf
-.gitignore text eol=lf
-*.gitattributes text eol=lf
-
-# Exclude some other potential binary files
-*.db binary
-*.sqlite binary
-*.exe binary
-*.dll binary

.gitignore

@@ -21,7 +21,6 @@ admin/coverage
 /build
 client/build
 admin/build
-client/dist
 # misc
 .DS_Store
 .env
@@ -120,15 +119,4 @@ logs/oAuthClient-log.log
 
 /*.env.*
 .idea/*
-.idea
-
-# Vitest
-vitest-report*/ 
-vitest-coverage/
-*.vitest.log
-test-output.txt
-server/job/test/fixtures
-
-.github
-_reference/ragmate/.ragmate.env
-docker_data
+.idea

.platform/hooks/predeploy/00-install-fonts.sh

@@ -1,24 +0,0 @@
-#!/bin/bash
-
-# Install required packages
-dnf install -y fontconfig freetype
-
-# Move to the /tmp directory for temporary download and extraction
-cd /tmp
-
-# Download the Montserrat font zip file
-wget https://images.imex.online/fonts/montserrat.zip -O montserrat.zip
-
-# Unzip the downloaded font file
-unzip montserrat.zip -d montserrat
-
-# Move the font files to the system fonts directory
-mv montserrat/montserrat/*.ttf /usr/share/fonts
-
-# Rebuild the font cache
-fc-cache -fv
-
-# Clean up
-rm -rf /tmp/montserrat /tmp/montserrat.zip
-
-echo "Montserrat fonts installed and cached successfully."

.platform/hooks/predeploy/01-install-dd.sh

@@ -1,5 +0,0 @@
-#!/bin/bash
-
-DD_API_KEY=58d91898a70c6fd659f6eea768a57976 DD_SITE="us3.datadoghq.com" bash -c "$(curl -L https://install.datadoghq.com/scripts/install_script_agent7.sh)"
-
-echo "Datadog agent installed."

.platform/nginx/conf.d/proxy.conf

@@ -1,2 +1 @@
-client_max_body_size 50M;
-client_body_buffer_size 5M;
+client_max_body_size 50M;

.prettierrc.js

@@ -1,18 +1,16 @@
-const config = {
+exports.default = {
   printWidth: 120,
   useTabs: false,
   tabWidth: 2,
-  trailingComma: "none",
+  trailingComma: "es5",
   semi: true,
   singleQuote: false,
   bracketSpacing: true,
   arrowParens: "always",
   jsxSingleQuote: false,
   bracketSameLine: false,
-  endOfLine: "lf"
-  // importOrder: ["^@core/(.*)$", "^@server/(.*)$", "^@ui/(.*)$", "^[./]"],
-  // importOrderSeparation: true,
-  // importOrderSortSpecifiers: true
+  endOfLine: "lf",
+  importOrder: ["^@core/(.*)$", "^@server/(.*)$", "^@ui/(.*)$", "^[./]"],
+  importOrderSeparation: true,
+  importOrderSortSpecifiers: true,
 };
-
-module.exports = config;

.vscode/launch.json

@@ -14,21 +14,6 @@
       "request": "launch",
       "url": "http://localhost:3000",
       "webRoot": "${workspaceRoot}/client/src"
-    },
-    {
-      "name": "Attach to Node.js in Docker",
-      "type": "node",
-      "request": "attach",
-      "address": "localhost",
-      "port": 9229,
-      "localRoot": "${workspaceFolder}",
-      "remoteRoot": "/app",
-      "protocol": "inspector",
-      "restart": true,
-      "sourceMaps": true,
-      "skipFiles": [
-        "<node_internals>/**"
-      ]
     }
   ]
 }

.vscode/settings.json

@@ -8,36 +8,5 @@
       "pattern": "**/IMEX.xml",
       "systemId": "logs/IMEX.xsd"
     }
-  ],
-  "cSpell.words": [
-    "antd",
-    "appointmentconfirmation",
-    "appt",
-    "autohouse",
-    "autohouseid",
-    "billlines",
-    "bodyshop",
-    "bodyshopid",
-    "bodyshops",
-    "CIECA",
-    "claimscorp",
-    "claimscorpid",
-    "Dinero",
-    "driveable",
-    "IMEX",
-    "imexshopid",
-    "jobid",
-    "joblines",
-    "Kaizen",
-    "labhrs",
-    "larhrs",
-    "mixdata",
-    "ownr",
-    "promanager",
-    "shopname",
-    "smartscheduling",
-    "timetickets",
-    "touchtime"
-  ],
-  "eslint.workingDirectories": ["./", "./client"]
+  ]
 }

Dockerfile

@@ -1,60 +0,0 @@
-# Use Amazon Linux 2023 as the base image
-FROM amazonlinux:2023
-
-# Install Git and Node.js (Amazon Linux 2023 uses the DNF package manager)
-RUN dnf install -y git \
-    && curl -sL https://rpm.nodesource.com/setup_22.x | bash - \
-    && dnf install -y nodejs \
-    && dnf clean all
-
-# Install dependencies required by node-canvas
-RUN dnf install -y \
-    gcc \
-    gcc-c++ \
-    cairo-devel \
-    pango-devel \
-    libjpeg-turbo-devel \
-    giflib-devel \
-    libpng-devel \
-    make \
-    python3 \
-    fontconfig \
-    freetype \
-    python3-pip \
-    wget \
-    unzip \
-    && dnf clean all
-
-# Install Montserrat fonts
-RUN cd /tmp \
-    && wget https://images.imex.online/fonts/montserrat.zip -O montserrat.zip \
-    && unzip montserrat.zip -d montserrat \
-    && mv montserrat/montserrat/*.ttf /usr/share/fonts \
-    && fc-cache -fv \
-    && rm -rf /tmp/montserrat /tmp/montserrat.zip \
-    && echo "Montserrat fonts installed and cached successfully."
-
-# Set the working directory
-WORKDIR /app
-
-# This is because our test route uses a git commit hash
-RUN git config --global --add safe.directory /app
-
-# Copy package.json and package-lock.json
-COPY package.json ./
-
-# Install Nodemon
-RUN npm install -g nodemon
-
-# Install dependencies
-RUN npm i --no-package-lock
-
-# Copy the rest of your application code
-COPY . .
-
-# Expose the port your app runs on (adjust if necessary)
-EXPOSE 4000 9229
-
-# Start the application
-RUN echo "Starting the application..."
-CMD ["nodemon", "--ignore", "./server/job/test/fixtures", "--legacy-watch", "--inspect=0.0.0.0:9229", "server.js"]

README.MD

@@ -2,7 +2,7 @@ NGROK TEsting:
 ./ngrok.exe http http://localhost:4000 -host-header="localhost:4000"
 
 Finding deadfiles - run from client directory
-npx deadfile ./src/index.jsx --exclude build templates
+npx deadfile ./src/index.js --exclude build templates
 
 #Crushing all hasura migrations by creating a new initialization from the server.
 hasura migrate create "Init" --from-server --endpoint https://db.imex.online/ --admin-secret 'Production-ImEXOnline!@#'
@@ -11,4 +11,4 @@ Production-ImEXOnline!@#'
 hasura migrate status --endpoint https://db.imex.online/ --admin-secret 'Production-ImEXOnline!@#'
 
 Generate the license file:
-$ generate-license-file --input package.json --output third-party-licenses.txt --overwrite
+$ generate-license-file --input package.json --output third-party-licenses.txt --overwrite

_reference/Documents/dockerreadme.md

@@ -1,64 +0,0 @@
-# Setting up External Networking and Static IP for WSL2 using Hyper-V
-
-This guide will walk you through the steps to configure your WSL2 (Windows Subsystem for Linux) instance to use an external Hyper-V virtual switch, enabling it to connect directly to your local network. Additionally, you'll learn how to assign a static IP address to your WSL2 instance.
-
-## Prerequisites
-
-1. **Windows 11**
-2. **Docker Desktop For Windows (Latest Version)
-
-# Docker Setup
-Inside the root of the project exists the `docker-compose.yaml` file, you can simply run
-`docker-compose up` to launch the backend.
-
-Things to note:
-- When installing NPM packages, you will need to rebuild the `node-app` container 
-- Making changes to the server files will restart the `node-app`
-
-# Local Stack 
-- LocalStack Front end (Optional) - https://apps.microsoft.com/detail/9ntrnft9zws2?hl=en-us&gl=US
-- http://localhost:4566/_aws/ses will allow you to see emails sent
-
-# Docker Commands
-
-##  General `docker-compose` Commands:
-1. Bring up the services, force a rebuild of all services, and do not use the cache: `docker-compose up --build --no-cache`
-2. Start Containers in Detached Mode: This will run the containers in the background (detached mode): `docker-compose up -d`
-3. Stop and Remove Containers: Stops and removes the containers gracefully: `docker-compose down`
-4. Stop containers without removing them: `docker-compose stop`
-5. Remove Containers, Volumes, and Networks: `docker-compose down --volumes`
-6. Force rebuild of containers: `docker-compose build --no-cache`
-7. View running Containers:  `docker-compose ps`
-8. View a specific containers logs: `docker-compose logs <container-name>`
-9. Scale services (multiple instances of a service): `docker-compose up --scale <container-name>=<instances number> -d`
-10. Watch a specific containers logs in realtime with timestamps: `docker-compose logs -f --timestamps <container-name>`
-
-## Volume Management Commands
-1. List  Docker volumes: `docker volume ls`
-2. Remove Unused volumes `docker volume prune`
-3. Remove specific volumes `docker volume rm <volume-name>`
-4. Inspect a volume: `docker volume inspect <volume-name>`
-
-## Container Image Management Commands:
-1. List running containers: `docker ps`
-2. List all containers: `docker os -a`
-3. Remove Stopped containers: `docker container prune`
-4. Remove a specific container: `docker container rm <container-name>`
-5. Remove a specific image: `docker rmi <image-name>:<version>`
-6. Remove all unused images: `docker image prune -a`
-
-## Network Management Commands:
-1. List networks: `docker network ls`
-2. Inspect a specific network: `docker network inspect <network-name>`
-3. Remove a specific network: `docker network rm <network-name>`
-4. Remove unused networks: `docker network prune`
-
-## Debugging and maintenance:
-1. Enter a Running container: `docker exec -it <container name> /bin/bash` (could also be `/bin/sh` or for example `redis-cli` on a redis node)
-2. View container resource usage: `docker stats`
-3. Check Disk space used by Docker: `docker system df`
-4. Remove all unused Data (Nuclear option): `docker system prune`
-
-## Specific examples
-1. To simulate a Clean state, one should run `docker system prune` followed by `docker volume prune -a`
-2. You can run `docker-compose up` without the `-d` option, and you will get what is identical to the experience you were used to, this includes being able to control-c and bring the entire stack down

_reference/Documents/productionBoardNotes.md

@@ -1,41 +0,0 @@
-# Production Board Notes:
-
-## General Notes
-
-- You can single click the lane footer to collapse/un-collapse the lane
-- You can double click the lane header to collapse/un-collapse the lane
-- If you need to scroll horizontally, you can hold shift and use the mouse scroll wheel, or press the mouse scroll wheel while scrolling
-
-## Board Settings
-
-#### Layout
-
-- Board Orientation (Vertical or Horizontal) 
-  - This determines the orientation of the card layout on the board.
-  - Horizontal is the default setting, and how the prior board was set up.
-  - Vertical is the new setting and allows lanes to be displayed vertically, with a grid of cards
-- Card Size (Small, Medium, Large)
-  - This determines the size of the cards on the board.
-  - Small is the default setting, and how the prior board was set up.
-  - Medium and Large are new settings and allow for larger cards to be displayed on the board.
-- Compact Cards (Tall or Wide)
-   - Formally called 'Compact'
-   - When on, data is displayed on the card vertically
-   - when turned off, some fields may share horizontal space, tightening the card layout
-- Colored Cards (On or Off)
-  - When on, cards are colored based on the Status color
-- Kiosk Mode (On or Off)
-   - This should be turned on if the shop is using it on a tablet (Ipad)
-
-#### Information
-
-These allow users to turn fields on or off, turning them all off will show the card in the most minimal form
-
-
-### Statistics
-
-- The statistics section allows users to see accumulations of both jobs on the board, and jobs in production.
-- you can click a statistic to turn it on and off, and drag and drop the statistics to rearrange them
-
-### Filters
-- Allows you to set, and persist filters for estimators and insurance companies

_reference/JSON/BodyshopFeatures.json

@@ -1,17 +0,0 @@
-{
-  "mobile": "date",
-  "allAccess": "bool",
-  "timetickets": "date",
-  "payments": "date",
-  "partsorders": "date",
-  "bills": "Date",
-  "export": "date",
-  "csi": "Date",
-  "courtesycars": "date",
-  "media": "date",
-  "visualboard": "date",
-  "scoreboard": "date",
-  "checklist": "date",
-  "smartscheduling" :"date",
-  "roguard": "date"
-}

_reference/Test_CDK_Acct Config.json

@@ -567,4 +567,4 @@
       "description": "Exempt"
     }
   ]
-}
+}

_reference/localEmailViewer/.gitignore

@@ -1 +0,0 @@
-node_modules

_reference/localEmailViewer/README.md

@@ -1,7 +0,0 @@
-This will connect to your dockers local stack session and render the email in HTML.
-
-```shell
-node index.js
-```
-
-http://localhost:3334

_reference/localEmailViewer/index.js

@@ -1,116 +0,0 @@
-// index.js
-
-import express from 'express';
-import fetch from 'node-fetch';
-import {simpleParser} from 'mailparser';
-
-const app = express();
-const PORT = 3334;
-
-app.get('/', async (req, res) => {
-    try {
-        const response = await fetch('http://localhost:4566/_aws/ses');
-        if (!response.ok) {
-            throw new Error('Network response was not ok');
-        }
-        const data = await response.json();
-        const messagesHtml = await parseMessages(data.messages);
-        res.send(renderHtml(messagesHtml));
-    } catch (error) {
-        console.error('Error fetching messages:', error);
-        res.status(500).send('Error fetching messages');
-    }
-});
-
-async function parseMessages(messages) {
-    const parsedMessages = await Promise.all(
-        messages.map(async (message, index) => {
-            try {
-                const parsed = await simpleParser(message.RawData);
-                return `
-                    <div class="shadow-md rounded-lg p-4 mb-6" style="background-color: lightgray">
-                     <div class="shadow-md rounded-lg p-4 mb-6" style="background-color: white">
-                        <div class="mb-2">
-                            <span class="font-bold text-lg">Message ${index + 1}</span>
-                        </div>
-                        <div class="mb-2">
-                            <span class="font-semibold">From:</span> ${message.Source}
-                        </div>
-                        <div class="mb-2">
-                            <span class="font-semibold">Region:</span> ${message.Region}
-                        </div>
-                        <div class="mb-2">
-                            <span class="font-semibold">Timestamp:</span> ${message.Timestamp}
-                        </div>
-                     </div>
-                        <div class="prose">
-                            ${parsed.html || parsed.textAsHtml || 'No HTML content available'}
-                        </div>
-                    </div>
-                `;
-            } catch (error) {
-                console.error('Error parsing email:', error);
-                return `
-                    <div class="bg-white shadow-md rounded-lg p-4 mb-6">
-                        <div class="mb-2">
-                            <span class="font-bold text-lg">Message ${index + 1}</span>
-                        </div>
-                        <div class="mb-2">
-                            <span class="font-semibold">From:</span> ${message.Source}
-                        </div>
-                        <div class="mb-2">
-                            <span class="font-semibold">Region:</span> ${message.Region}
-                        </div>
-                        <div class="mb-2">
-                            <span class="font-semibold">Timestamp:</span> ${message.Timestamp}
-                        </div>
-                        <div class="text-red-500">
-                            Error parsing email content
-                        </div>
-                    </div>
-                `;
-            }
-        })
-    );
-    return parsedMessages.join('');
-}
-
-function renderHtml(messagesHtml) {
-    return `
-        <!DOCTYPE html>
-        <html lang="en">
-        <head>
-            <meta charset="UTF-8">
-            <meta name="viewport" content="width=device-width, initial-scale=1.0">
-            <title>Email Messages Viewer</title>
-            <script src="https://cdn.tailwindcss.com"></script>
-            <style>
-                body {
-                    background-color: #f3f4f6;
-                    font-family: Arial, sans-serif;
-                }
-                .container {
-                    max-width: 800px;
-                    margin: 50px auto;
-                    padding: 20px;
-                }
-                .prose {
-                    line-height: 1.6;
-                }
-            </style>
-        </head>
-        <body>
-            <div class="container bg-white shadow-lg rounded-lg p-6">
-                <h1 class="text-2xl font-bold text-center mb-6">Email Messages Viewer</h1>
-                <div id="messages-container">
-                    ${messagesHtml}
-                </div>
-            </div>
-        </body>
-        </html>
-    `;
-}
-
-app.listen(PORT, () => {
-    console.log(`Server is running on http://localhost:${PORT}`);
-});

_reference/localEmailViewer/package.json

@@ -1,18 +0,0 @@
-{
-  "name": "localemailviewer",
-  "version": "1.0.0",
-  "main": "index.js",
-  "type": "module",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "description": "",
-  "dependencies": {
-    "express": "^5.1.0",
-    "mailparser": "^3.7.2",
-    "node-fetch": "^3.3.2"
-  }
-}

_reference/prHelper/index.html

@@ -1,59 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>IMEX IO Extractor</title>
-  <style>
-    body {
-      font-family: Arial, sans-serif;
-      padding: 20px;
-    }
-    textarea {
-      width: 100%;
-      height: 200px;
-    }
-    .output-box {
-      margin-top: 20px;
-      padding: 10px;
-      border: 1px solid #ccc;
-      background-color: #f9f9f9;
-      min-height: 40px;
-    }
-    .copy-button {
-      margin-top: 10px;
-    }
-  </style>
-</head>
-<body>
-<h1>IMEX IO Extractor</h1>
-<textarea id="inputText" placeholder="Paste your text here..."></textarea>
-<br>
-<button onclick="extractIO()">Extract</button>
-
-<div class="output-box" id="outputBox" contenteditable="true"></div>
-<button class="copy-button" onclick="copyToClipboard()">Copy to Clipboard</button>
-
-<script>
-  function extractIO() {
-    const inputText = document.getElementById('inputText').value;
-    const ioNumbers = [...new Set(inputText.match(/IO-\d{4}/g))] // Extract unique IO-#### matches
-      .map(io => ({ io, num: parseInt(io.split('-')[1]) }))    // Extract number part for sorting
-      .sort((a, b) => a.num - b.num)                           // Sort by the number
-      .map(item => item.io);                                   // Extract sorted IO-####
-
-    document.getElementById('outputBox').innerText = ioNumbers.join(', '); // Display horizontally
-  }
-
-  function copyToClipboard() {
-    const outputBox = document.getElementById('outputBox');
-    const range = document.createRange();
-    range.selectNodeContents(outputBox);
-    const selection = window.getSelection();
-    selection.removeAllRanges();
-    selection.addRange(range);
-    document.execCommand('copy');
-  }
-</script>
-</body>
-</html>

_reference/test api setup.md

@@ -4,7 +4,7 @@ Clone Repository for:
 {
   "name": "node-webhook-scripts",
   "version": "1.0.0",
-  "main": "index.jsx",
+  "main": "index.js",
   "dependencies": {
     "express": "^4.16.4"
   },

_reference/test-ecoystem.config.js

@@ -1,20 +1,20 @@
 module.exports = {
-  apps: [
-    {
-      name: "IO Test API",
-      cwd: "./io",
-      script: "./server.js",
-      env: {
-        NODE_ENV: "test"
-      }
-    },
+    apps: [
+        {
+            name: "IO Test API",
+            cwd: "./io",
+            script: "./server.js",
+            env: {
+                NODE_ENV: "test",
+            },
+        },
 
-    {
-      name: "Bitbucket Webhook",
-      script: "./webhook/index.jsx",
-      env: {
-        NODE_ENV: "production"
-      }
-    }
-  ]
+        {
+            name: "Bitbucket Webhook",
+            script: "./webhook/index.js",
+            env: {
+                NODE_ENV: "production",
+            },
+        },
+    ],
 };

certs/cert.pem

@@ -1,20 +0,0 @@
------BEGIN CERTIFICATE-----
-MIIDWzCCAkOgAwIBAgIUD/QBSAXy/AlJ/cS4DaPWJLpChxgwDQYJKoZIhvcNAQEL
-BQAwPTELMAkGA1UEBhMCQ0ExCzAJBgNVBAgMAk9OMSEwHwYDVQQKDBhJbnRlcm5l
-dCBXaWRnaXRzIFB0eSBMdGQwHhcNMjQwOTA5MTU0MjA1WhcNMjUwOTA5MTU0MjA1
-WjA9MQswCQYDVQQGEwJDQTELMAkGA1UECAwCT04xITAfBgNVBAoMGEludGVybmV0
-IFdpZGdpdHMgUHR5IEx0ZDCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEB
-AKSd0l7NJCNBwvtPU+dVPQkteg0AfC3sGqRnZMQteCRVa2oIgC4NoF3A9BK/yHbF
-ZF25OnXTck5vzc8yb3v73ndfTD9ASKNoiaZE84/GFBsxqlKR8cs0qVwzuAsdijMv
-vlMPNlMRyE1Rb7nR6HXGkPXNyxgMko03NXPkvIje9zRudm0Lf8L4q/hPyPkS7Mrm
-/uQfAAJe+xFcupkEX2XY7r0x1C+z6E8lA1UcuhK3SHdW7CWYqp1vU5/dnnUiXwCa
-GiC6Y1bCJB0pDAVISzy3JUDdINZdiqGR+y8ho3pstChf2mp/76s3N9eG9KA/qaFK
-BrGk2PvCoZ8/Aj1aMsRYFHECAwEAAaNTMFEwHQYDVR0OBBYEFDLJ2fbWP4VUJgOp
-PSs+NGHcVgRmMB8GA1UdIwQYMBaAFDLJ2fbWP4VUJgOpPSs+NGHcVgRmMA8GA1Ud
-EwEB/wQFMAMBAf8wDQYJKoZIhvcNAQELBQADggEBABfv5ut/y03atq0NMB0jeDY4
-AvW4ukk0k1svyqxFZCw9o7m2lHb/IjmVrZG1Sj4JWrrSv0s02ccb26/t6vazNa5L
-Powe3eyfHgfjTZJmgs8hyeMwKS0wWk/SPuu9JDhIJakiquqD+UVBGkHpP+XYvhDv
-vhS2XRlW+aEjpUmr1oCyyrc6WbzrYRNadqEsn/AxwcMyUbht3Ugjkg+OpidcTIQp
-5lv63waKo6I1vQofzBQ3L7JYsKo8kC0vAP7wkLxvzBii335uZJzzpFYFVOyVNezi
-dJdazPbRYbXz4LjltdEn/SNfRuKX8ZRiN2OSo7OfSrZaMTS87SfCSFJGgQM8Yrk=
------END CERTIFICATE-----

certs/id_rsa.key

@@ -1,27 +0,0 @@
------BEGIN OPENSSH PRIVATE KEY-----
-b3BlbnNzaC1rZXktdjEAAAAABG5vbmUAAAAEbm9uZQAAAAAAAAABAAABFwAAAAdzc2gtcn
-NhAAAAAwEAAQAAAQEAvNl5fuVmLNv72BZNxnTqX5CHf5Xi8UxjYaYxHITSCx7blnhpVYLd
-qXvcOWXzbsfjch/den73QiW4n2FYz75oGMhUGlOYzdWKA9I9Sj09Qy1R06RhwDiZGd5qaM
-swEeXpkNmi2u4Qd2kJeDfUQUigjC09V81O/vrniGtQAJScfiG/itdm+Ufn09Z4MYk0HWjq
-iDokNEskoEPsibYIrb+Q6vdtuPkZO+wU/smXhPtgw5ST6oQdmm/gVNsRg5XNzxrire+z1G
-WatnnVL3hPnnfpnf8W589dyms7GGJwhPerSGTN1bn0T4+9C69Cd7LBJtxiuFdRmdlGLLLP
-RR48Rur71wAAA9AEfVsdBH1bHQAAAAdzc2gtcnNhAAABAQC82Xl+5WYs2/vYFk3GdOpfkI
-d/leLxTGNhpjEchNILHtuWeGlVgt2pe9w5ZfNux+NyH916fvdCJbifYVjPvmgYyFQaU5jN
-1YoD0j1KPT1DLVHTpGHAOJkZ3mpoyzAR5emQ2aLa7hB3aQl4N9RBSKCMLT1XzU7++ueIa1
-AAlJx+Ib+K12b5R+fT1ngxiTQdaOqIOiQ0SySgQ+yJtgitv5Dq9224+Rk77BT+yZeE+2DD
-lJPqhB2ab+BU2xGDlc3PGuKt77PUZZq2edUveE+ed+md/xbnz13KazsYYnCE96tIZM3Vuf
-RPj70Lr0J3ssEm3GK4V1GZ2UYsss9FHjxG6vvXAAAAAwEAAQAAAQAQTosSLQbMmtY9S3e9
-yjyusdExcCTfhyQRu4MEHmfws+JsNMuLqbgwOVTD1AzYJQR7x0qdmDcLjCxL/uDnV16vvS
-Sd/Vf1dhnryIyoS29tzI0DRG94ZKq7tBvmHp1w/jRT4KcSVnovhW9e5Rs74+SRFhr06PKI
-S+wQOIv48Nwue9+QUMsMCpWgKXHx7SHNTHvnAfqdhi9O29SWlMA+v+mELZ5Cl+HU0UTt2I
-A1BxOe1N8FjN7KE2viJexsl3is1PuqMkpLl/wyHBJTVzUadl6DRALJQIm7/YO5goE72YOV
-Lpo27do3zjhC87dlKdATvZUzfKV0LuUVdxq/PNDZMUbBAAAAgQDShAqDZiDrdTUaGXfUVm
-QzcnVNbh2/KgZh4uux9QNHST562W6cnN7qxoRwVrM4BCOk1Kl73QQZW4nDvXX3PVC5j038
-8AXkcBHS9j9f4h72ue7D2jqlbHFa7aGU9zYgk9mbBF+GX3tDntkAIQjLtwOLfj1iiJ/clX
-mHFUAY1V4L8AAAAIEA3E4t/v0yU5D9AOI0r17UNYqfeyDoKAEDR4QbbFjO1l0kLnEJy7Zx
-Mhj18GilYg2y0P0v8dSM/oWXS8Hua2t5i9Exlv6gHhGlQ80mwYcVGIxewZ/pPeCPw0U+kt
-EKUjt09m9Oe7+6xHQsTBj9hY8/vqPmQwRalZFcLdhHiDiVKTcAAACBANtykaPXdVzEFx7D
-UOlsjVL7zM0EVOFXf9JJQ6BhazhmsEI2PYt3IpgGMo8cXkoUofAOIYjf421AabN1BqSO5J
-XTMxM0ZV3JmLLi804Mu9h1iFrVTBdLYOMJdc2VCo1EwHWpo9SXOyjxce/znvcIOU04aZhu
-TaPg816X+E+gw5JhAAAAFGRhdmVARGF2ZVJpY2hlci1JTUVYAQIDBAUG
------END OPENSSH PRIVATE KEY-----

certs/id_rsa.pub

@@ -1 +0,0 @@
-ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQC82Xl+5WYs2/vYFk3GdOpfkId/leLxTGNhpjEchNILHtuWeGlVgt2pe9w5ZfNux+NyH916fvdCJbifYVjPvmgYyFQaU5jN1YoD0j1KPT1DLVHTpGHAOJkZ3mpoyzAR5emQ2aLa7hB3aQl4N9RBSKCMLT1XzU7++ueIa1AAlJx+Ib+K12b5R+fT1ngxiTQdaOqIOiQ0SySgQ+yJtgitv5Dq9224+Rk77BT+yZeE+2DDlJPqhB2ab+BU2xGDlc3PGuKt77PUZZq2edUveE+ed+md/xbnz13KazsYYnCE96tIZM3VufRPj70Lr0J3ssEm3GK4V1GZ2UYsss9FHjxG6vvX dave@DaveRicher-IMEX

certs/io-ftp-test.key

@@ -1,12 +0,0 @@
------BEGIN OPENSSH PRIVATE KEY-----
-b3BlbnNzaC1rZXktdjEAAAAABG5vbmUAAAAEbm9uZQAAAAAAAAABAAAArAAAABNlY2RzYS
-1zaGEyLW5pc3RwNTIxAAAACG5pc3RwNTIxAAAAhQQBYJnAujo17diR0fM2Ze1d1Ft6XHm5
-U31pXdFEN+rGC4SoYTdZE8q3relxMS5GwwBOvgvVUuayfid2XS8ls/CMDiMBJAYqEK4CRY
-PbbPB7lLnMWsF7muFhvs+SIpPQC+vtDwM2TKlxF0Y8p+iVRpvCADoggsSze7skmJWKmMTt
-8jEdEOcAAAEQIyXsOSMl7DkAAAATZWNkc2Etc2hhMi1uaXN0cDUyMQAAAAhuaXN0cDUyMQ
-AAAIUEAWCZwLo6Ne3YkdHzNmXtXdRbelx5uVN9aV3RRDfqxguEqGE3WRPKt63pcTEuRsMA
-Tr4L1VLmsn4ndl0vJbPwjA4jASQGKhCuAkWD22zwe5S5zFrBe5rhYb7PkiKT0Avr7Q8DNk
-ypcRdGPKfolUabwgA6IILEs3u7JJiVipjE7fIxHRDnAAAAQUO5dO9G7i0bxGTP0zV3eIwv
-5g0NhrQJfW/bMHS6XWwaxdpr+QZ+DbBJVzZPwYC0wLMW4bJAf+kjqUnj4wGocoTeAAAAD2
-lvLWZ0cC10ZXN0LWtleQECAwQ=
------END OPENSSH PRIVATE KEY-----

certs/io-ftp-test.key.pub

@@ -1 +0,0 @@
-ecdsa-sha2-nistp521 AAAAE2VjZHNhLXNoYTItbmlzdHA1MjEAAAAIbmlzdHA1MjEAAACFBAFgmcC6OjXt2JHR8zZl7V3UW3pceblTfWld0UQ36sYLhKhhN1kTyret6XExLkbDAE6+C9VS5rJ+J3ZdLyWz8IwOIwEkBioQrgJFg9ts8HuUucxawXua4WG+z5Iik9AL6+0PAzZMqXEXRjyn6JVGm8IAOiCCxLN7uySYlYqYxO3yMR0Q5w== io-ftp-test-key

certs/io-ftp-test.ppk

@@ -1,12 +0,0 @@
-PuTTY-User-Key-File-3: ecdsa-sha2-nistp521
-Encryption: none
-Comment: io-ftp-test-key
-Public-Lines: 4
-AAAAE2VjZHNhLXNoYTItbmlzdHA1MjEAAAAIbmlzdHA1MjEAAACFBAFgmcC6OjXt
-2JHR8zZl7V3UW3pceblTfWld0UQ36sYLhKhhN1kTyret6XExLkbDAE6+C9VS5rJ+
-J3ZdLyWz8IwOIwEkBioQrgJFg9ts8HuUucxawXua4WG+z5Iik9AL6+0PAzZMqXEX
-Rjyn6JVGm8IAOiCCxLN7uySYlYqYxO3yMR0Q5w==
-Private-Lines: 2
-AAAAQUO5dO9G7i0bxGTP0zV3eIwv5g0NhrQJfW/bMHS6XWwaxdpr+QZ+DbBJVzZP
-wYC0wLMW4bJAf+kjqUnj4wGocoTe
-Private-MAC: d67001d47e13c43dc8bdb9c68a25356a96c1c4a6714f3c5a1836fca646b78b54

certs/key.pem

@@ -1,28 +0,0 @@
------BEGIN PRIVATE KEY-----
-MIIEvAIBADANBgkqhkiG9w0BAQEFAASCBKYwggSiAgEAAoIBAQCkndJezSQjQcL7
-T1PnVT0JLXoNAHwt7BqkZ2TELXgkVWtqCIAuDaBdwPQSv8h2xWRduTp103JOb83P
-Mm97+953X0w/QEijaImmRPOPxhQbMapSkfHLNKlcM7gLHYozL75TDzZTEchNUW+5
-0eh1xpD1zcsYDJKNNzVz5LyI3vc0bnZtC3/C+Kv4T8j5EuzK5v7kHwACXvsRXLqZ
-BF9l2O69MdQvs+hPJQNVHLoSt0h3VuwlmKqdb1Of3Z51Il8AmhogumNWwiQdKQwF
-SEs8tyVA3SDWXYqhkfsvIaN6bLQoX9pqf++rNzfXhvSgP6mhSgaxpNj7wqGfPwI9
-WjLEWBRxAgMBAAECggEAUNpHYlLFxh9dokujPUMreF+Cy/IKDBAkQc2au5RNpyLh
-YDIOqw/8TTAhcTgLQPLQygvZP9f8E7RsVLFD+pSJ/v2qmIJ9au1Edor1Sg+S/oxV
-SLrwFMunx2aLpcH7iAqSI3+cQg7A3+D4zD7iOz6tIl3Su9wo+v073tFhHKTOrEwv
-Qgr9Jf3viIiKV1ym+uQEVQndocfsj46FnFpXTQ2qs7kAF6FgAOLDGfQQwzkiqEBD
-NsqsDmbYIx6foZL+DEz1ZVO2M5B+xxpbNK82KwuQilVpimW8ui4LZHCe+RIFzt9+
-BK6KGlLpSEwTFliivI3nahy18JzskZsfyah0CPZlQQKBgQDVv+A0qIPGvOP3Sx+9
-HyeQCV23SkvvSvw8p8pMB0gvwv63YdJ7N/rJzBGS6YUHFWWZZgEeTgkJ6VJvoe0r
-8JL1el9uSUa7f0eayjmFBOGuzpktNVdIn2Tg7A9MWA4JqPNNC69RMOh86ewGD4J3
-a8Hz2a1bHxAmy/AZt2ukypY6eQKBgQDFJ7kqeOPkRBz9WbALRgVIXo8YWf5di0sQ
-r0HC03GAISHQ725A2IFBPHJWeqj0jaMiIZD0y+Obgp7KAskrJaLfsd7Ug775kFfw
-oUI9UAl6kRuPKvm3BaVAm46SQm+56VsgxTi73YN0NUp75THHZgAJjepF9zSpVJxq
-VY9DjEGruQKBgQCQCpGIatcCol/tUg69X7VFd0pULhkl1J5OMbQ9r9qRdRI5eg5h
-QsQaIQ7mtb8TmvOwf/DY/zVQHI+U8sXlCmW+TwzoQTENQSR7xzMj1LpRFqBaustr
-AR72A537kItFLzll/i3SxOam5uxK2UDOQSuerF4KPdCglGXkrpo3nt3F4QKBgQCa
-RArPAOjQo7tLQfJN3+wiRFsTYtd1uphx5bA/EdOtvj8HjVFnzADXWsTchf3N3UXY
-XwtdgGwIMpys1KEz8a8P+c2x26SDAj7NOmDqOMYx8Xju/WGHpBM6Cn30U6e4gK+d
-ZLSPyzQgqdIuP5hDvbwpvbGiLVw3Ys1BJtGCuSxpgQJ/eHnRiuSi5Zq5jGg+GpA+
-FEEc9NCy772rR+4uzEOqyIwqewffqzSuVWuIsY/8MP3fh+NDxl/mU6cB5QVeD54Z
-JZUKwmpM26muiM6WvVnM4ExPdSGA2+l4pZjby/KKd6F/w0tgZ1jb9Pb2/0vN3qVA
-Y4U4XNTMt2fxUACqiL4SHA==
------END PRIVATE KEY-----

client/.env.development

@@ -0,0 +1,13 @@
+REACT_APP_GRAPHQL_ENDPOINT=https://db.dev.bodyshop.app/v1/graphql
+REACT_APP_GRAPHQL_ENDPOINT_WS=wss://db.dev.bodyshop.app/v1/graphql
+REACT_APP_GA_CODE=231099835
+REACT_APP_FIREBASE_CONFIG={"apiKey":"AIzaSyDPLT8GiDHDR1R4nI66Qi0BY1aYviDPioc","authDomain":"imex-dev.firebaseapp.com","databaseURL":"https://imex-dev.firebaseio.com","projectId":"imex-dev","storageBucket":"imex-dev.appspot.com","messagingSenderId":"759548147434","appId":"1:759548147434:web:e8239868a48ceb36700993","measurementId":"G-K5XRBVVB4S"}
+REACT_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/io-test
+REACT_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/io-test
+REACT_APP_CLOUDINARY_API_KEY=957865933348715
+REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
+REACT_APP_FIREBASE_PUBLIC_VAPID_KEY='BG3tzU7L2BXlGZ_3VLK4PNaRceoEXEnmHfxcVbRMF5o5g05ejslhVPki9kBM9cBBT-08Ad9kN3HSpS6JmrWD6h4'
+REACT_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
+REACT_APP_AXIOS_BASE_API_URL=http://localhost:4000
+REACT_APP_REPORTS_SERVER_URL=https://reports3.test.imex.online
+REACT_APP_SPLIT_API=ts615lqgnmk84thn72uk18uu5pgce6e0l4rc

client/.env.development.imex

@@ -1,16 +0,0 @@
-VITE_APP_GRAPHQL_ENDPOINT=https://db.dev.imex.online/v1/graphql
-VITE_APP_GRAPHQL_ENDPOINT_WS=wss://db.dev.imex.online/v1/graphql
-VITE_APP_GA_CODE=231099835
-VITE_APP_FIREBASE_CONFIG={"apiKey":"AIzaSyDPLT8GiDHDR1R4nI66Qi0BY1aYviDPioc","authDomain":"imex-dev.firebaseapp.com","databaseURL":"https://imex-dev.firebaseio.com","projectId":"imex-dev","storageBucket":"imex-dev.appspot.com","messagingSenderId":"759548147434","appId":"1:759548147434:web:e8239868a48ceb36700993","measurementId":"G-K5XRBVVB4S"}
-VITE_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/io-test
-VITE_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/io-test
-VITE_APP_CLOUDINARY_API_KEY=957865933348715
-VITE_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
-VITE_APP_FIREBASE_PUBLIC_VAPID_KEY='BG3tzU7L2BXlGZ_3VLK4PNaRceoEXEnmHfxcVbRMF5o5g05ejslhVPki9kBM9cBBT-08Ad9kN3HSpS6JmrWD6h4'
-VITE_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
-VITE_APP_AXIOS_BASE_API_URL=/api/
-VITE_APP_REPORTS_SERVER_URL=https://reports.test.imex.online
-VITE_APP_SPLIT_API=ts615lqgnmk84thn72uk18uu5pgce6e0l4rc
-VITE_APP_INSTANCE=IMEX
-TEST_USERNAME="test@imex.dev"
-TEST_PASSWORD="test123"

client/.env.development.rome

@@ -1,18 +0,0 @@
-VITE_APP_GRAPHQL_ENDPOINT=https://db.dev.imex.online/v1/graphql
-VITE_APP_GRAPHQL_ENDPOINT_WS=wss://db.dev.imex.online/v1/graphql
-VITE_APP_GA_CODE=231099835
-# VITE_APP_FIREBASE_CONFIG={  "apiKey": "AIzaSyAuLQR9SV5LsVxjU8wh9hvFLdhcAHU6cxE",  "authDomain": "rome-prod-1.firebaseapp.com",  "projectId": "rome-prod-1",  "storageBucket": "rome-prod-1.appspot.com",  "messagingSenderId": "147786367145",  "appId": "1:147786367145:web:9d4cba68071c3f29a8a9b8",  "measurementId": "G-G8Z9DRHTZS"}
-VITE_APP_FIREBASE_CONFIG={"apiKey":"AIzaSyDPLT8GiDHDR1R4nI66Qi0BY1aYviDPioc","authDomain":"imex-dev.firebaseapp.com","databaseURL":"https://imex-dev.firebaseio.com","projectId":"imex-dev","storageBucket":"imex-dev.appspot.com","messagingSenderId":"759548147434","appId":"1:759548147434:web:e8239868a48ceb36700993","measurementId":"G-K5XRBVVB4S"}
-VITE_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/io-test
-VITE_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/io-test
-VITE_APP_CLOUDINARY_API_KEY=957865933348715
-VITE_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
-VITE_APP_FIREBASE_PUBLIC_VAPID_KEY='BP1B7ZTYpn-KMt6nOxlld6aS8Skt3Q7ZLEqP0hAvGHxG4UojPYiXZ6kPlzZkUC5jH-EcWXomTLtmadAIxurfcHo'
-VITE_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
-VITE_APP_AXIOS_BASE_API_URL=/api/
-VITE_APP_REPORTS_SERVER_URL=https://reports.test.romeonline.io
-VITE_APP_SPLIT_API=ts615lqgnmk84thn72uk18uu5pgce6e0l4rc
-VITE_APP_COUNTRY=USA
-VITE_APP_INSTANCE=ROME
-TEST_USERNAME="test@imex.dev"
-TEST_PASSWORD="test123"

client/.env.production

@@ -0,0 +1,14 @@
+GENERATE_SOURCEMAP=true
+REACT_APP_GRAPHQL_ENDPOINT=https://db.imex.online/v1/graphql
+REACT_APP_GRAPHQL_ENDPOINT_WS=wss://db.imex.online/v1/graphql
+REACT_APP_GA_CODE=231103507
+REACT_APP_FIREBASE_CONFIG={"apiKey":"AIzaSyDSezy-jGJreo7ulgpLdlpOwAOrgcaEkhU","authDomain":"imex-prod.firebaseapp.com","databaseURL":"https://imex-prod.firebaseio.com","projectId":"imex-prod","storageBucket":"imex-prod.appspot.com","messagingSenderId":"253497221485","appId":"1:253497221485:web:3c81c483b94db84b227a64","measurementId":"G-NTWBKG2L0M"}
+REACT_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/bodyshop
+REACT_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/bodyshop
+REACT_APP_CLOUDINARY_API_KEY=473322739956866
+REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
+REACT_APP_FIREBASE_PUBLIC_VAPID_KEY='BMgZT1NZztW2DsJl8Mg2L04hgY9FzAg6b8fbzgNAfww2VDzH3VE63Ot9EaP_U7KWS2JT-7HPHaw0T_Tw_5vkZc8'
+REACT_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
+REACT_APP_AXIOS_BASE_API_URL=https://api.imex.online/
+REACT_APP_REPORTS_SERVER_URL=https://reports.imex.online
+REACT_APP_SPLIT_API=et9pjkik6bn67he5evpmpr1agoo7gactphgk

client/.env.production.imex

@@ -1,15 +0,0 @@
-GENERATE_SOURCEMAP=true
-VITE_APP_GRAPHQL_ENDPOINT=https://db.imex.online/v1/graphql
-VITE_APP_GRAPHQL_ENDPOINT_WS=wss://db.imex.online/v1/graphql
-VITE_APP_GA_CODE=231103507
-VITE_APP_FIREBASE_CONFIG={"apiKey":"AIzaSyDSezy-jGJreo7ulgpLdlpOwAOrgcaEkhU","authDomain":"imex-prod.firebaseapp.com","databaseURL":"https://imex-prod.firebaseio.com","projectId":"imex-prod","storageBucket":"imex-prod.appspot.com","messagingSenderId":"253497221485","appId":"1:253497221485:web:3c81c483b94db84b227a64","measurementId":"G-NTWBKG2L0M"}
-VITE_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/bodyshop
-VITE_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/bodyshop
-VITE_APP_CLOUDINARY_API_KEY=473322739956866
-VITE_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
-VITE_APP_FIREBASE_PUBLIC_VAPID_KEY='BMgZT1NZztW2DsJl8Mg2L04hgY9FzAg6b8fbzgNAfww2VDzH3VE63Ot9EaP_U7KWS2JT-7HPHaw0T_Tw_5vkZc8'
-VITE_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
-VITE_APP_AXIOS_BASE_API_URL=https://api.imex.online/
-VITE_APP_REPORTS_SERVER_URL=https://reports.imex.online
-VITE_APP_SPLIT_API=et9pjkik6bn67he5evpmpr1agoo7gactphgk
-VITE_APP_INSTANCE=IMEX

client/.env.production.rome

@@ -1,15 +0,0 @@
-GENERATE_SOURCEMAP=true
-VITE_APP_GRAPHQL_ENDPOINT=https://db.romeonline.io/v1/graphql
-VITE_APP_GRAPHQL_ENDPOINT_WS=wss://db.romeonline.io/v1/graphql
-VITE_APP_GA_CODE=231103507
-VITE_APP_FIREBASE_CONFIG={  "apiKey": "AIzaSyAuLQR9SV5LsVxjU8wh9hvFLdhcAHU6cxE",  "authDomain": "rome-prod-1.firebaseapp.com",  "projectId": "rome-prod-1",  "storageBucket": "rome-prod-1.appspot.com",  "messagingSenderId": "147786367145",  "appId": "1:147786367145:web:9d4cba68071c3f29a8a9b8",  "measurementId": "G-G8Z9DRHTZS"}
-VITE_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/bodyshop
-VITE_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/bodyshop
-VITE_APP_CLOUDINARY_API_KEY=473322739956866
-VITE_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
-VITE_APP_FIREBASE_PUBLIC_VAPID_KEY='BP1B7ZTYpn-KMt6nOxlld6aS8Skt3Q7ZLEqP0hAvGHxG4UojPYiXZ6kPlzZkUC5jH-EcWXomTLtmadAIxurfcHo'
-VITE_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
-VITE_APP_AXIOS_BASE_API_URL=https://api.romeonline.io/
-VITE_APP_REPORTS_SERVER_URL=https://reports.romeonline.io
-VITE_APP_SPLIT_API=et9pjkik6bn67he5evpmpr1agoo7gactphgk
-VITE_APP_INSTANCE=ROME

client/.env.test

@@ -0,0 +1,14 @@
+REACT_APP_GRAPHQL_ENDPOINT=https://db.test.bodyshop.app/v1/graphql
+REACT_APP_GRAPHQL_ENDPOINT_WS=wss://db.test.bodyshop.app/v1/graphql
+REACT_APP_GA_CODE=231099835
+REACT_APP_FIREBASE_CONFIG={   "apiKey":"AIzaSyBw7_GTy7GtQyfkIRPVrWHEGKfcqeyXw0c",   "authDomain":"imex-test.firebaseapp.com",   "projectId":"imex-test",   "storageBucket":"imex-test.appspot.com",   "messagingSenderId":"991923618608",   "appId":"1:991923618608:web:633437569cdad78299bef5",   "measurementId":"G-TW0XLZEH18"}
+REACT_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/bodyshop
+REACT_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/bodyshop
+REACT_APP_CLOUDINARY_API_KEY=473322739956866
+REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
+REACT_APP_FIREBASE_PUBLIC_VAPID_KEY='BN2GcDPjipR5MTEosO5dT4CfQ3cmrdBIsI4juoOQrRijn_5aRiHlwj1mlq0W145mOusx6xynEKl_tvYJhpCc9lo'
+REACT_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
+REACT_APP_AXIOS_BASE_API_URL=https://api.test.imex.online/
+REACT_APP_REPORTS_SERVER_URL=https://reports3.test.imex.online
+REACT_APP_IS_TEST=true
+REACT_APP_SPLIT_API=ts615lqgnmk84thn72uk18uu5pgce6e0l4rc

client/.env.test.imex

@@ -1,15 +0,0 @@
-VITE_APP_GRAPHQL_ENDPOINT=https://db.test.bodyshop.app/v1/graphql
-VITE_APP_GRAPHQL_ENDPOINT_WS=wss://db.test.bodyshop.app/v1/graphql
-VITE_APP_GA_CODE=231099835
-VITE_APP_FIREBASE_CONFIG={   "apiKey":"AIzaSyBw7_GTy7GtQyfkIRPVrWHEGKfcqeyXw0c",   "authDomain":"imex-test.firebaseapp.com",   "projectId":"imex-test",   "storageBucket":"imex-test.appspot.com",   "messagingSenderId":"991923618608",   "appId":"1:991923618608:web:633437569cdad78299bef5",   "measurementId":"G-TW0XLZEH18"}
-VITE_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/bodyshop
-VITE_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/bodyshop
-VITE_APP_CLOUDINARY_API_KEY=473322739956866
-VITE_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
-VITE_APP_FIREBASE_PUBLIC_VAPID_KEY='BN2GcDPjipR5MTEosO5dT4CfQ3cmrdBIsI4juoOQrRijn_5aRiHlwj1mlq0W145mOusx6xynEKl_tvYJhpCc9lo'
-VITE_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
-VITE_APP_AXIOS_BASE_API_URL=https://api.test.imex.online/
-VITE_APP_REPORTS_SERVER_URL=https://reports.test.imex.online
-VITE_APP_IS_TEST=true
-VITE_APP_SPLIT_API=ts615lqgnmk84thn72uk18uu5pgce6e0l4rc
-VITE_APP_INSTANCE=IMEX

client/.env.test.rome

@@ -1,15 +0,0 @@
-VITE_APP_GRAPHQL_ENDPOINT=https://db.test.romeonline.io/v1/graphql
-VITE_APP_GRAPHQL_ENDPOINT_WS=wss://db.test.romeonline.io/v1/graphql
-VITE_APP_GA_CODE=231103507
-VITE_APP_FIREBASE_CONFIG={  "apiKey": "AIzaSyAuLQR9SV5LsVxjU8wh9hvFLdhcAHU6cxE",  "authDomain": "rome-prod-1.firebaseapp.com",  "projectId": "rome-prod-1",  "storageBucket": "rome-prod-1.appspot.com",  "messagingSenderId": "147786367145",  "appId": "1:147786367145:web:9d4cba68071c3f29a8a9b8",  "measurementId": "G-G8Z9DRHTZS"}
-VITE_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/bodyshop
-VITE_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/bodyshop
-VITE_APP_CLOUDINARY_API_KEY=473322739956866
-VITE_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
-VITE_APP_FIREBASE_PUBLIC_VAPID_KEY='BP1B7ZTYpn-KMt6nOxlld6aS8Skt3Q7ZLEqP0hAvGHxG4UojPYiXZ6kPlzZkUC5jH-EcWXomTLtmadAIxurfcHo'
-VITE_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
-VITE_APP_AXIOS_BASE_API_URL=https://api.test.romeonline.io/
-VITE_APP_REPORTS_SERVER_URL=https://reports.test.romeonline.io
-VITE_APP_IS_TEST=true
-VITE_APP_SPLIT_API=ts615lqgnmk84thn72uk18uu5pgce6e0l4rc
-VITE_APP_INSTANCE=ROME

client/.eslintrc

@@ -1,8 +0,0 @@
-{
-  "extends": [
-    "react-app"
-  ],
-  "rules": {
-    "no-useless-rename": "off"
-  }
-}

client/.gitignore

@@ -1,15 +1,3 @@
-# Vitest
-vitest-report*/ 
-vitest-coverage/
-*.vitest.log
-test-output.txt
-
-# Playwright
-playwright-report/
-test-results/
-playwright/.cache/
-*.playwright.log
 
 # Sentry Config File
 .sentryclirc
-/dev-dist

client/craco.config.js

@@ -0,0 +1,68 @@
+// craco.config.js
+const TerserPlugin = require("terser-webpack-plugin");
+const CracoLessPlugin = require("craco-less");
+const {convertLegacyToken} = require('@ant-design/compatible/lib');
+const {theme} = require('antd/lib');
+
+const {defaultAlgorithm, defaultSeed} = theme;
+
+const mapToken = defaultAlgorithm(defaultSeed);
+const v4Token = convertLegacyToken(mapToken);
+
+// TODO, At the moment we are using less in the Dashboard. Once we remove this we can remove the less processor entirely.
+
+module.exports = {
+    plugins: [
+        // {
+        //     plugin: SentryWebpackPlugin,
+        //     options: {
+        //         // sentry-cli configuration
+        //         authToken:
+        //             "6b45b028a02342db97a9a2f92c0959058665443d379d4a3a876430009e744260",
+        //         org: "snapt-software",
+        //         project: "imexonline",
+        //         release: process.env.REACT_APP_GIT_SHA,
+        //
+        //         // webpack-specific configuration
+        //         include: ".",
+        //         ignore: ["node_modules", "webpack.config.js"],
+        //     },
+        // },
+        {
+            plugin: CracoLessPlugin,
+            options: {
+                lessLoaderOptions: {
+                    lessOptions: {
+                        modifyVars: {...v4Token},
+                        javascriptEnabled: true,
+                    },
+                },
+            },
+        },
+    ],
+    webpack: {
+        configure: (webpackConfig) => {
+            return {
+                ...webpackConfig,
+                // Required for Dev Server
+                devServer: {
+                    ...webpackConfig.devServer,
+                    allowedHosts: 'all',
+                },
+                optimization: {
+                    ...webpackConfig.optimization,
+                    // Workaround for CircleCI bug caused by the number of CPUs shown
+                    // https://github.com/facebook/create-react-app/issues/8320
+                    minimizer: webpackConfig.optimization.minimizer.map((item) => {
+                        if (item instanceof TerserPlugin) {
+                            item.options.parallel = 2;
+                        }
+
+                        return item;
+                    }),
+                },
+            };
+        },
+    },
+    devtool: "source-map",
+};

client/cypress.config.js

@@ -0,0 +1,17 @@
+const {defineConfig} = require('cypress')
+
+module.exports = defineConfig({
+    experimentalStudio: true,
+    env: {
+        FIREBASE_USERNAME: 'cypress@imex.test',
+        FIREBASE_PASSWORD: 'cypress',
+    },
+    e2e: {
+        // We've imported your old cypress plugins here.
+        // You may want to clean this up later by importing these.
+        setupNodeEvents(on, config) {
+            return require('./cypress/plugins/index.js')(on, config)
+        },
+        baseUrl: 'http://localhost:3000',
+    },
+})

client/cypress/e2e/01-General Render/01-home.cy.js

@@ -0,0 +1,24 @@
+/// <reference types="Cypress" />
+const {FIREBASE_USERNAME, FIREBASE_PASSWORcD} = Cypress.env();
+describe("Renders the General Page", () => {
+    beforeEach(() => {
+        cy.visit("/");
+    });
+    it("Renders Correctly", () => {
+    });
+    it("Has the Slogan", () => {
+        cy.findByText("A whole x22new kind of shop management system.").should(
+            "exist"
+        );
+        /* ==== Generated with Cypress Studio ==== */
+        cy.get(
+            ".ant-menu-item-active > .ant-menu-title-content > .header0-item-block"
+        ).click();
+        cy.get("#email").clear();
+        cy.get("#email").type("patrick@imex.dev");
+        cy.get("#password").clear();
+        cy.get("#password").type("patrick123{enter}");
+        cy.get(".ant-form > .ant-btn").click();
+        /* ==== End Cypress Studio ==== */
+    });
+});

client/cypress/e2e/1-getting-started/todo.cy.js

@@ -0,0 +1,143 @@
+/// <reference types="cypress" />
+
+// Welcome to Cypress!
+//
+// This spec file contains a variety of sample tests
+// for a todo list app that are designed to demonstrate
+// the power of writing tests in Cypress.
+//
+// To learn more about how Cypress works and
+// what makes it such an awesome testing tool,
+// please read our getting started guide:
+// https://on.cypress.io/introduction-to-cypress
+
+describe('example to-do app', () => {
+    beforeEach(() => {
+        // Cypress starts out with a blank slate for each test
+        // so we must tell it to visit our website with the `cy.visit()` command.
+        // Since we want to visit the same URL at the start of all our tests,
+        // we include it in our beforeEach function so that it runs before each test
+        cy.visit('https://example.cypress.io/todo')
+    })
+
+    it('displays two todo items by default', () => {
+        // We use the `cy.get()` command to get all elements that match the selector.
+        // Then, we use `should` to assert that there are two matched items,
+        // which are the two default items.
+        cy.get('.todo-list li').should('have.length', 2)
+
+        // We can go even further and check that the default todos each contain
+        // the correct text. We use the `first` and `last` functions
+        // to get just the first and last matched elements individually,
+        // and then perform an assertion with `should`.
+        cy.get('.todo-list li').first().should('have.text', 'Pay electric bill')
+        cy.get('.todo-list li').last().should('have.text', 'Walk the dog')
+    })
+
+    it('can add new todo items', () => {
+        // We'll store our item text in a variable so we can reuse it
+        const newItem = 'Feed the cat'
+
+        // Let's get the input element and use the `type` command to
+        // input our new list item. After typing the content of our item,
+        // we need to type the enter key as well in order to submit the input.
+        // This input has a data-test attribute so we'll use that to select the
+        // element in accordance with best practices:
+        // https://on.cypress.io/selecting-elements
+        cy.get('[data-test=new-todo]').type(`${newItem}{enter}`)
+
+        // Now that we've typed our new item, let's check that it actually was added to the list.
+        // Since it's the newest item, it should exist as the last element in the list.
+        // In addition, with the two default items, we should have a total of 3 elements in the list.
+        // Since assertions yield the element that was asserted on,
+        // we can chain both of these assertions together into a single statement.
+        cy.get('.todo-list li')
+            .should('have.length', 3)
+            .last()
+            .should('have.text', newItem)
+    })
+
+    it('can check off an item as completed', () => {
+        // In addition to using the `get` command to get an element by selector,
+        // we can also use the `contains` command to get an element by its contents.
+        // However, this will yield the <label>, which is lowest-level element that contains the text.
+        // In order to check the item, we'll find the <input> element for this <label>
+        // by traversing up the dom to the parent element. From there, we can `find`
+        // the child checkbox <input> element and use the `check` command to check it.
+        cy.contains('Pay electric bill')
+            .parent()
+            .find('input[type=checkbox]')
+            .check()
+
+        // Now that we've checked the button, we can go ahead and make sure
+        // that the list element is now marked as completed.
+        // Again we'll use `contains` to find the <label> element and then use the `parents` command
+        // to traverse multiple levels up the dom until we find the corresponding <li> element.
+        // Once we get that element, we can assert that it has the completed class.
+        cy.contains('Pay electric bill')
+            .parents('li')
+            .should('have.class', 'completed')
+    })
+
+    context('with a checked task', () => {
+        beforeEach(() => {
+            // We'll take the command we used above to check off an element
+            // Since we want to perform multiple tests that start with checking
+            // one element, we put it in the beforeEach hook
+            // so that it runs at the start of every test.
+            cy.contains('Pay electric bill')
+                .parent()
+                .find('input[type=checkbox]')
+                .check()
+        })
+
+        it('can filter for uncompleted tasks', () => {
+            // We'll click on the "active" button in order to
+            // display only incomplete items
+            cy.contains('Active').click()
+
+            // After filtering, we can assert that there is only the one
+            // incomplete item in the list.
+            cy.get('.todo-list li')
+                .should('have.length', 1)
+                .first()
+                .should('have.text', 'Walk the dog')
+
+            // For good measure, let's also assert that the task we checked off
+            // does not exist on the page.
+            cy.contains('Pay electric bill').should('not.exist')
+        })
+
+        it('can filter for completed tasks', () => {
+            // We can perform similar steps as the test above to ensure
+            // that only completed tasks are shown
+            cy.contains('Completed').click()
+
+            cy.get('.todo-list li')
+                .should('have.length', 1)
+                .first()
+                .should('have.text', 'Pay electric bill')
+
+            cy.contains('Walk the dog').should('not.exist')
+        })
+
+        it('can delete all completed tasks', () => {
+            // First, let's click the "Clear completed" button
+            // `contains` is actually serving two purposes here.
+            // First, it's ensuring that the button exists within the dom.
+            // This button only appears when at least one task is checked
+            // so this command is implicitly verifying that it does exist.
+            // Second, it selects the button so we can click it.
+            cy.contains('Clear completed').click()
+
+            // Then we can make sure that there is only one element
+            // in the list and our element does not exist
+            cy.get('.todo-list li')
+                .should('have.length', 1)
+                .should('not.have.text', 'Pay electric bill')
+
+            // Finally, make sure that the clear button no longer exists.
+            cy.contains('Clear completed').should('not.exist')
+        })
+    })
+})

client/cypress/e2e/2-advanced-examples/actions.cy.js

@@ -0,0 +1,299 @@
+/// <reference types="cypress" />
+
+context('Actions', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/commands/actions')
+    })
+
+    // https://on.cypress.io/interacting-with-elements
+
+    it('.type() - type into a DOM element', () => {
+        // https://on.cypress.io/type
+        cy.get('.action-email')
+            .type('fake@email.com').should('have.value', 'fake@email.com')
+
+            // .type() with special character sequences
+            .type('{leftarrow}{rightarrow}{uparrow}{downarrow}')
+            .type('{del}{selectall}{backspace}')
+
+            // .type() with key modifiers
+            .type('{alt}{option}') //these are equivalent
+            .type('{ctrl}{control}') //these are equivalent
+            .type('{meta}{command}{cmd}') //these are equivalent
+            .type('{shift}')
+
+            // Delay each keypress by 0.1 sec
+            .type('slow.typing@email.com', {delay: 100})
+            .should('have.value', 'slow.typing@email.com')
+
+        cy.get('.action-disabled')
+            // Ignore error checking prior to type
+            // like whether the input is visible or disabled
+            .type('disabled error checking', {force: true})
+            .should('have.value', 'disabled error checking')
+    })
+
+    it('.focus() - focus on a DOM element', () => {
+        // https://on.cypress.io/focus
+        cy.get('.action-focus').focus()
+            .should('have.class', 'focus')
+            .prev().should('have.attr', 'style', 'color: orange;')
+    })
+
+    it('.blur() - blur off a DOM element', () => {
+        // https://on.cypress.io/blur
+        cy.get('.action-blur').type('About to blur').blur()
+            .should('have.class', 'error')
+            .prev().should('have.attr', 'style', 'color: red;')
+    })
+
+    it('.clear() - clears an input or textarea element', () => {
+        // https://on.cypress.io/clear
+        cy.get('.action-clear').type('Clear this text')
+            .should('have.value', 'Clear this text')
+            .clear()
+            .should('have.value', '')
+    })
+
+    it('.submit() - submit a form', () => {
+        // https://on.cypress.io/submit
+        cy.get('.action-form')
+            .find('[type="text"]').type('HALFOFF')
+
+        cy.get('.action-form').submit()
+            .next().should('contain', 'Your form has been submitted!')
+    })
+
+    it('.click() - click on a DOM element', () => {
+        // https://on.cypress.io/click
+        cy.get('.action-btn').click()
+
+        // You can click on 9 specific positions of an element:
+        //  -----------------------------------
+        // | topLeft        top       topRight |
+        // |                                   |
+        // |                                   |
+        // |                                   |
+        // | left          center        right |
+        // |                                   |
+        // |                                   |
+        // |                                   |
+        // | bottomLeft   bottom   bottomRight |
+        //  -----------------------------------
+
+        // clicking in the center of the element is the default
+        cy.get('#action-canvas').click()
+
+        cy.get('#action-canvas').click('topLeft')
+        cy.get('#action-canvas').click('top')
+        cy.get('#action-canvas').click('topRight')
+        cy.get('#action-canvas').click('left')
+        cy.get('#action-canvas').click('right')
+        cy.get('#action-canvas').click('bottomLeft')
+        cy.get('#action-canvas').click('bottom')
+        cy.get('#action-canvas').click('bottomRight')
+
+        // .click() accepts an x and y coordinate
+        // that controls where the click occurs :)
+
+        cy.get('#action-canvas')
+            .click(80, 75) // click 80px on x coord and 75px on y coord
+            .click(170, 75)
+            .click(80, 165)
+            .click(100, 185)
+            .click(125, 190)
+            .click(150, 185)
+            .click(170, 165)
+
+        // click multiple elements by passing multiple: true
+        cy.get('.action-labels>.label').click({multiple: true})
+
+        // Ignore error checking prior to clicking
+        cy.get('.action-opacity>.btn').click({force: true})
+    })
+
+    it('.dblclick() - double click on a DOM element', () => {
+        // https://on.cypress.io/dblclick
+
+        // Our app has a listener on 'dblclick' event in our 'scripts.js'
+        // that hides the div and shows an input on double click
+        cy.get('.action-div').dblclick().should('not.be.visible')
+        cy.get('.action-input-hidden').should('be.visible')
+    })
+
+    it('.rightclick() - right click on a DOM element', () => {
+        // https://on.cypress.io/rightclick
+
+        // Our app has a listener on 'contextmenu' event in our 'scripts.js'
+        // that hides the div and shows an input on right click
+        cy.get('.rightclick-action-div').rightclick().should('not.be.visible')
+        cy.get('.rightclick-action-input-hidden').should('be.visible')
+    })
+
+    it('.check() - check a checkbox or radio element', () => {
+        // https://on.cypress.io/check
+
+        // By default, .check() will check all
+        // matching checkbox or radio elements in succession, one after another
+        cy.get('.action-checkboxes [type="checkbox"]').not('[disabled]')
+            .check().should('be.checked')
+
+        cy.get('.action-radios [type="radio"]').not('[disabled]')
+            .check().should('be.checked')
+
+        // .check() accepts a value argument
+        cy.get('.action-radios [type="radio"]')
+            .check('radio1').should('be.checked')
+
+        // .check() accepts an array of values
+        cy.get('.action-multiple-checkboxes [type="checkbox"]')
+            .check(['checkbox1', 'checkbox2']).should('be.checked')
+
+        // Ignore error checking prior to checking
+        cy.get('.action-checkboxes [disabled]')
+            .check({force: true}).should('be.checked')
+
+        cy.get('.action-radios [type="radio"]')
+            .check('radio3', {force: true}).should('be.checked')
+    })
+
+    it('.uncheck() - uncheck a checkbox element', () => {
+        // https://on.cypress.io/uncheck
+
+        // By default, .uncheck() will uncheck all matching
+        // checkbox elements in succession, one after another
+        cy.get('.action-check [type="checkbox"]')
+            .not('[disabled]')
+            .uncheck().should('not.be.checked')
+
+        // .uncheck() accepts a value argument
+        cy.get('.action-check [type="checkbox"]')
+            .check('checkbox1')
+            .uncheck('checkbox1').should('not.be.checked')
+
+        // .uncheck() accepts an array of values
+        cy.get('.action-check [type="checkbox"]')
+            .check(['checkbox1', 'checkbox3'])
+            .uncheck(['checkbox1', 'checkbox3']).should('not.be.checked')
+
+        // Ignore error checking prior to unchecking
+        cy.get('.action-check [disabled]')
+            .uncheck({force: true}).should('not.be.checked')
+    })
+
+    it('.select() - select an option in a <select> element', () => {
+        // https://on.cypress.io/select
+
+        // at first, no option should be selected
+        cy.get('.action-select')
+            .should('have.value', '--Select a fruit--')
+
+        // Select option(s) with matching text content
+        cy.get('.action-select').select('apples')
+        // confirm the apples were selected
+        // note that each value starts with "fr-" in our HTML
+        cy.get('.action-select').should('have.value', 'fr-apples')
+
+        cy.get('.action-select-multiple')
+            .select(['apples', 'oranges', 'bananas'])
+            // when getting multiple values, invoke "val" method first
+            .invoke('val')
+            .should('deep.equal', ['fr-apples', 'fr-oranges', 'fr-bananas'])
+
+        // Select option(s) with matching value
+        cy.get('.action-select').select('fr-bananas')
+            // can attach an assertion right away to the element
+            .should('have.value', 'fr-bananas')
+
+        cy.get('.action-select-multiple')
+            .select(['fr-apples', 'fr-oranges', 'fr-bananas'])
+            .invoke('val')
+            .should('deep.equal', ['fr-apples', 'fr-oranges', 'fr-bananas'])
+
+        // assert the selected values include oranges
+        cy.get('.action-select-multiple')
+            .invoke('val').should('include', 'fr-oranges')
+    })
+
+    it('.scrollIntoView() - scroll an element into view', () => {
+        // https://on.cypress.io/scrollintoview
+
+        // normally all of these buttons are hidden,
+        // because they're not within
+        // the viewable area of their parent
+        // (we need to scroll to see them)
+        cy.get('#scroll-horizontal button')
+            .should('not.be.visible')
+
+        // scroll the button into view, as if the user had scrolled
+        cy.get('#scroll-horizontal button').scrollIntoView()
+            .should('be.visible')
+
+        cy.get('#scroll-vertical button')
+            .should('not.be.visible')
+
+        // Cypress handles the scroll direction needed
+        cy.get('#scroll-vertical button').scrollIntoView()
+            .should('be.visible')
+
+        cy.get('#scroll-both button')
+            .should('not.be.visible')
+
+        // Cypress knows to scroll to the right and down
+        cy.get('#scroll-both button').scrollIntoView()
+            .should('be.visible')
+    })
+
+    it('.trigger() - trigger an event on a DOM element', () => {
+        // https://on.cypress.io/trigger
+
+        // To interact with a range input (slider)
+        // we need to set its value & trigger the
+        // event to signal it changed
+
+        // Here, we invoke jQuery's val() method to set
+        // the value and trigger the 'change' event
+        cy.get('.trigger-input-range')
+            .invoke('val', 25)
+            .trigger('change')
+            .get('input[type=range]').siblings('p')
+            .should('have.text', '25')
+    })
+
+    it('cy.scrollTo() - scroll the window or element to a position', () => {
+        // https://on.cypress.io/scrollto
+
+        // You can scroll to 9 specific positions of an element:
+        //  -----------------------------------
+        // | topLeft        top       topRight |
+        // |                                   |
+        // |                                   |
+        // |                                   |
+        // | left          center        right |
+        // |                                   |
+        // |                                   |
+        // |                                   |
+        // | bottomLeft   bottom   bottomRight |
+        //  -----------------------------------
+
+        // if you chain .scrollTo() off of cy, we will
+        // scroll the entire window
+        cy.scrollTo('bottom')
+
+        cy.get('#scrollable-horizontal').scrollTo('right')
+
+        // or you can scroll to a specific coordinate:
+        // (x axis, y axis) in pixels
+        cy.get('#scrollable-vertical').scrollTo(250, 250)
+
+        // or you can scroll to a specific percentage
+        // of the (width, height) of the element
+        cy.get('#scrollable-both').scrollTo('75%', '25%')
+
+        // control the easing of the scroll (default is 'swing')
+        cy.get('#scrollable-vertical').scrollTo('center', {easing: 'linear'})
+
+        // control the duration of the scroll (in ms)
+        cy.get('#scrollable-both').scrollTo('center', {duration: 2000})
+    })
+})

client/cypress/e2e/2-advanced-examples/aliasing.cy.js

@@ -0,0 +1,39 @@
+/// <reference types="cypress" />
+
+context('Aliasing', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/commands/aliasing')
+    })
+
+    it('.as() - alias a DOM element for later use', () => {
+        // https://on.cypress.io/as
+
+        // Alias a DOM element for use later
+        // We don't have to traverse to the element
+        // later in our code, we reference it with @
+
+        cy.get('.as-table').find('tbody>tr')
+            .first().find('td').first()
+            .find('button').as('firstBtn')
+
+        // when we reference the alias, we place an
+        // @ in front of its name
+        cy.get('@firstBtn').click()
+
+        cy.get('@firstBtn')
+            .should('have.class', 'btn-success')
+            .and('contain', 'Changed')
+    })
+
+    it('.as() - alias a route for later use', () => {
+        // Alias the route to wait for its response
+        cy.intercept('GET', '**/comments/*').as('getComment')
+
+        // we have code that gets a comment when
+        // the button is clicked in scripts.js
+        cy.get('.network-btn').click()
+
+        // https://on.cypress.io/wait
+        cy.wait('@getComment').its('response.statusCode').should('eq', 200)
+    })
+})

client/cypress/e2e/2-advanced-examples/assertions.cy.js

@@ -0,0 +1,177 @@
+/// <reference types="cypress" />
+
+context('Assertions', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/commands/assertions')
+    })
+
+    describe('Implicit Assertions', () => {
+        it('.should() - make an assertion about the current subject', () => {
+            // https://on.cypress.io/should
+            cy.get('.assertion-table')
+                .find('tbody tr:last')
+                .should('have.class', 'success')
+                .find('td')
+                .first()
+                // checking the text of the <td> element in various ways
+                .should('have.text', 'Column content')
+                .should('contain', 'Column content')
+                .should('have.html', 'Column content')
+                // chai-jquery uses "is()" to check if element matches selector
+                .should('match', 'td')
+                // to match text content against a regular expression
+                // first need to invoke jQuery method text()
+                // and then match using regular expression
+                .invoke('text')
+                .should('match', /column content/i)
+
+            // a better way to check element's text content against a regular expression
+            // is to use "cy.contains"
+            // https://on.cypress.io/contains
+            cy.get('.assertion-table')
+                .find('tbody tr:last')
+                // finds first <td> element with text content matching regular expression
+                .contains('td', /column content/i)
+                .should('be.visible')
+
+            // for more information about asserting element's text
+            // see https://on.cypress.io/using-cypress-faq#How-do-I-get-an-element’s-text-contents
+        })
+
+        it('.and() - chain multiple assertions together', () => {
+            // https://on.cypress.io/and
+            cy.get('.assertions-link')
+                .should('have.class', 'active')
+                .and('have.attr', 'href')
+                .and('include', 'cypress.io')
+        })
+    })
+
+    describe('Explicit Assertions', () => {
+        // https://on.cypress.io/assertions
+        it('expect - make an assertion about a specified subject', () => {
+            // We can use Chai's BDD style assertions
+            expect(true).to.be.true
+            const o = {foo: 'bar'}
+
+            expect(o).to.equal(o)
+            expect(o).to.deep.equal({foo: 'bar'})
+            // matching text using regular expression
+            expect('FooBar').to.match(/bar$/i)
+        })
+
+        it('pass your own callback function to should()', () => {
+            // Pass a function to should that can have any number
+            // of explicit assertions within it.
+            // The ".should(cb)" function will be retried
+            // automatically until it passes all your explicit assertions or times out.
+            cy.get('.assertions-p')
+                .find('p')
+                .should(($p) => {
+                    // https://on.cypress.io/$
+                    // return an array of texts from all of the p's
+                    // @ts-ignore TS6133 unused variable
+                    const texts = $p.map((i, el) => Cypress.$(el).text())
+
+                    // jquery map returns jquery object
+                    // and .get() convert this to simple array
+                    const paragraphs = texts.get()
+
+                    // array should have length of 3
+                    expect(paragraphs, 'has 3 paragraphs').to.have.length(3)
+
+                    // use second argument to expect(...) to provide clear
+                    // message with each assertion
+                    expect(paragraphs, 'has expected text in each paragraph').to.deep.eq([
+                        'Some text from first p',
+                        'More text from second p',
+                        'And even more text from third p',
+                    ])
+                })
+        })
+
+        it('finds element by class name regex', () => {
+            cy.get('.docs-header')
+                .find('div')
+                // .should(cb) callback function will be retried
+                .should(($div) => {
+                    expect($div).to.have.length(1)
+
+                    const className = $div[0].className
+
+                    expect(className).to.match(/heading-/)
+                })
+                // .then(cb) callback is not retried,
+                // it either passes or fails
+                .then(($div) => {
+                    expect($div, 'text content').to.have.text('Introduction')
+                })
+        })
+
+        it('can throw any error', () => {
+            cy.get('.docs-header')
+                .find('div')
+                .should(($div) => {
+                    if ($div.length !== 1) {
+                        // you can throw your own errors
+                        throw new Error('Did not find 1 element')
+                    }
+
+                    const className = $div[0].className
+
+                    if (!className.match(/heading-/)) {
+                        throw new Error(`Could not find class "heading-" in ${className}`)
+                    }
+                })
+        })
+
+        it('matches unknown text between two elements', () => {
+            /**
+             * Text from the first element.
+             * @type {string}
+             */
+            let text
+
+            /**
+             * Normalizes passed text,
+             * useful before comparing text with spaces and different capitalization.
+             * @param {string} s Text to normalize
+             */
+            const normalizeText = (s) => s.replace(/\s/g, '').toLowerCase()
+
+            cy.get('.two-elements')
+                .find('.first')
+                .then(($first) => {
+                    // save text from the first element
+                    text = normalizeText($first.text())
+                })
+
+            cy.get('.two-elements')
+                .find('.second')
+                .should(($div) => {
+                    // we can massage text before comparing
+                    const secondText = normalizeText($div.text())
+
+                    expect(secondText, 'second text').to.equal(text)
+                })
+        })
+
+        it('assert - assert shape of an object', () => {
+            const person = {
+                name: 'Joe',
+                age: 20,
+            }
+
+            assert.isObject(person, 'value is object')
+        })
+
+        it('retries the should callback until assertions pass', () => {
+            cy.get('#random-number')
+                .should(($div) => {
+                    const n = parseFloat($div.text())
+
+                    expect(n).to.be.gte(1).and.be.lte(10)
+                })
+        })
+    })
+})

client/cypress/e2e/2-advanced-examples/connectors.cy.js

@@ -0,0 +1,97 @@
+/// <reference types="cypress" />
+
+context('Connectors', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/commands/connectors')
+    })
+
+    it('.each() - iterate over an array of elements', () => {
+        // https://on.cypress.io/each
+        cy.get('.connectors-each-ul>li')
+            .each(($el, index, $list) => {
+                console.log($el, index, $list)
+            })
+    })
+
+    it('.its() - get properties on the current subject', () => {
+        // https://on.cypress.io/its
+        cy.get('.connectors-its-ul>li')
+            // calls the 'length' property yielding that value
+            .its('length')
+            .should('be.gt', 2)
+    })
+
+    it('.invoke() - invoke a function on the current subject', () => {
+        // our div is hidden in our script.js
+        // $('.connectors-div').hide()
+
+        // https://on.cypress.io/invoke
+        cy.get('.connectors-div').should('be.hidden')
+            // call the jquery method 'show' on the 'div.container'
+            .invoke('show')
+            .should('be.visible')
+    })
+
+    it('.spread() - spread an array as individual args to callback function', () => {
+        // https://on.cypress.io/spread
+        const arr = ['foo', 'bar', 'baz']
+
+        cy.wrap(arr).spread((foo, bar, baz) => {
+            expect(foo).to.eq('foo')
+            expect(bar).to.eq('bar')
+            expect(baz).to.eq('baz')
+        })
+    })
+
+    describe('.then()', () => {
+        it('invokes a callback function with the current subject', () => {
+            // https://on.cypress.io/then
+            cy.get('.connectors-list > li')
+                .then(($lis) => {
+                    expect($lis, '3 items').to.have.length(3)
+                    expect($lis.eq(0), 'first item').to.contain('Walk the dog')
+                    expect($lis.eq(1), 'second item').to.contain('Feed the cat')
+                    expect($lis.eq(2), 'third item').to.contain('Write JavaScript')
+                })
+        })
+
+        it('yields the returned value to the next command', () => {
+            cy.wrap(1)
+                .then((num) => {
+                    expect(num).to.equal(1)
+
+                    return 2
+                })
+                .then((num) => {
+                    expect(num).to.equal(2)
+                })
+        })
+
+        it('yields the original subject without return', () => {
+            cy.wrap(1)
+                .then((num) => {
+                    expect(num).to.equal(1)
+                    // note that nothing is returned from this callback
+                })
+                .then((num) => {
+                    // this callback receives the original unchanged value 1
+                    expect(num).to.equal(1)
+                })
+        })
+
+        it('yields the value yielded by the last Cypress command inside', () => {
+            cy.wrap(1)
+                .then((num) => {
+                    expect(num).to.equal(1)
+                    // note how we run a Cypress command
+                    // the result yielded by this Cypress command
+                    // will be passed to the second ".then"
+                    cy.wrap(2)
+                })
+                .then((num) => {
+                    // this callback receives the value yielded by "cy.wrap(2)"
+                    expect(num).to.equal(2)
+                })
+        })
+    })
+})

client/cypress/e2e/2-advanced-examples/cookies.cy.js

@@ -0,0 +1,77 @@
+/// <reference types="cypress" />
+
+context('Cookies', () => {
+    beforeEach(() => {
+        Cypress.Cookies.debug(true)
+
+        cy.visit('https://example.cypress.io/commands/cookies')
+
+        // clear cookies again after visiting to remove
+        // any 3rd party cookies picked up such as cloudflare
+        cy.clearCookies()
+    })
+
+    it('cy.getCookie() - get a browser cookie', () => {
+        // https://on.cypress.io/getcookie
+        cy.get('#getCookie .set-a-cookie').click()
+
+        // cy.getCookie() yields a cookie object
+        cy.getCookie('token').should('have.property', 'value', '123ABC')
+    })
+
+    it('cy.getCookies() - get browser cookies', () => {
+        // https://on.cypress.io/getcookies
+        cy.getCookies().should('be.empty')
+
+        cy.get('#getCookies .set-a-cookie').click()
+
+        // cy.getCookies() yields an array of cookies
+        cy.getCookies().should('have.length', 1).should((cookies) => {
+            // each cookie has these properties
+            expect(cookies[0]).to.have.property('name', 'token')
+            expect(cookies[0]).to.have.property('value', '123ABC')
+            expect(cookies[0]).to.have.property('httpOnly', false)
+            expect(cookies[0]).to.have.property('secure', false)
+            expect(cookies[0]).to.have.property('domain')
+            expect(cookies[0]).to.have.property('path')
+        })
+    })
+
+    it('cy.setCookie() - set a browser cookie', () => {
+        // https://on.cypress.io/setcookie
+        cy.getCookies().should('be.empty')
+
+        cy.setCookie('foo', 'bar')
+
+        // cy.getCookie() yields a cookie object
+        cy.getCookie('foo').should('have.property', 'value', 'bar')
+    })
+
+    it('cy.clearCookie() - clear a browser cookie', () => {
+        // https://on.cypress.io/clearcookie
+        cy.getCookie('token').should('be.null')
+
+        cy.get('#clearCookie .set-a-cookie').click()
+
+        cy.getCookie('token').should('have.property', 'value', '123ABC')
+
+        // cy.clearCookies() yields null
+        cy.clearCookie('token').should('be.null')
+
+        cy.getCookie('token').should('be.null')
+    })
+
+    it('cy.clearCookies() - clear browser cookies', () => {
+        // https://on.cypress.io/clearcookies
+        cy.getCookies().should('be.empty')
+
+        cy.get('#clearCookies .set-a-cookie').click()
+
+        cy.getCookies().should('have.length', 1)
+
+        // cy.clearCookies() yields null
+        cy.clearCookies()
+
+        cy.getCookies().should('be.empty')
+    })
+})

client/cypress/e2e/2-advanced-examples/cypress_api.cy.js

@@ -0,0 +1,202 @@
+/// <reference types="cypress" />
+
+context('Cypress.Commands', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/cypress-api')
+    })
+
+    // https://on.cypress.io/custom-commands
+
+    it('.add() - create a custom command', () => {
+        Cypress.Commands.add('console', {
+            prevSubject: true,
+        }, (subject, method) => {
+            // the previous subject is automatically received
+            // and the commands arguments are shifted
+
+            // allow us to change the console method used
+            method = method || 'log'
+
+            // log the subject to the console
+            // @ts-ignore TS7017
+            console[method]('The subject is', subject)
+
+            // whatever we return becomes the new subject
+            // we don't want to change the subject so
+            // we return whatever was passed in
+            return subject
+        })
+
+        // @ts-ignore TS2339
+        cy.get('button').console('info').then(($button) => {
+            // subject is still $button
+        })
+    })
+})
+
+context('Cypress.Cookies', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/cypress-api')
+    })
+
+    // https://on.cypress.io/cookies
+    it('.debug() - enable or disable debugging', () => {
+        Cypress.Cookies.debug(true)
+
+        // Cypress will now log in the console when
+        // cookies are set or cleared
+        cy.setCookie('fakeCookie', '123ABC')
+        cy.clearCookie('fakeCookie')
+        cy.setCookie('fakeCookie', '123ABC')
+        cy.clearCookie('fakeCookie')
+        cy.setCookie('fakeCookie', '123ABC')
+    })
+
+    it('.preserveOnce() - preserve cookies by key', () => {
+        // normally cookies are reset after each test
+        cy.getCookie('fakeCookie').should('not.be.ok')
+
+        // preserving a cookie will not clear it when
+        // the next test starts
+        cy.setCookie('lastCookie', '789XYZ')
+        Cypress.Cookies.preserveOnce('lastCookie')
+    })
+
+    it('.defaults() - set defaults for all cookies', () => {
+        // now any cookie with the name 'session_id' will
+        // not be cleared before each new test runs
+        Cypress.Cookies.defaults({
+            preserve: 'session_id',
+        })
+    })
+})
+
+context('Cypress.arch', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/cypress-api')
+    })
+
+    it('Get CPU architecture name of underlying OS', () => {
+        // https://on.cypress.io/arch
+        expect(Cypress.arch).to.exist
+    })
+})
+
+context('Cypress.config()', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/cypress-api')
+    })
+
+    it('Get and set configuration options', () => {
+        // https://on.cypress.io/config
+        let myConfig = Cypress.config()
+
+        expect(myConfig).to.have.property('animationDistanceThreshold', 5)
+        expect(myConfig).to.have.property('baseUrl', null)
+        expect(myConfig).to.have.property('defaultCommandTimeout', 4000)
+        expect(myConfig).to.have.property('requestTimeout', 5000)
+        expect(myConfig).to.have.property('responseTimeout', 30000)
+        expect(myConfig).to.have.property('viewportHeight', 660)
+        expect(myConfig).to.have.property('viewportWidth', 1000)
+        expect(myConfig).to.have.property('pageLoadTimeout', 60000)
+        expect(myConfig).to.have.property('waitForAnimations', true)
+
+        expect(Cypress.config('pageLoadTimeout')).to.eq(60000)
+
+        // this will change the config for the rest of your tests!
+        Cypress.config('pageLoadTimeout', 20000)
+
+        expect(Cypress.config('pageLoadTimeout')).to.eq(20000)
+
+        Cypress.config('pageLoadTimeout', 60000)
+    })
+})
+
+context('Cypress.dom', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/cypress-api')
+    })
+
+    // https://on.cypress.io/dom
+    it('.isHidden() - determine if a DOM element is hidden', () => {
+        let hiddenP = Cypress.$('.dom-p p.hidden').get(0)
+        let visibleP = Cypress.$('.dom-p p.visible').get(0)
+
+        // our first paragraph has css class 'hidden'
+        expect(Cypress.dom.isHidden(hiddenP)).to.be.true
+        expect(Cypress.dom.isHidden(visibleP)).to.be.false
+    })
+})
+
+context('Cypress.env()', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/cypress-api')
+    })
+
+    // We can set environment variables for highly dynamic values
+
+    // https://on.cypress.io/environment-variables
+    it('Get environment variables', () => {
+        // https://on.cypress.io/env
+        // set multiple environment variables
+        Cypress.env({
+            host: 'veronica.dev.local',
+            api_server: 'http://localhost:8888/v1/',
+        })
+
+        // get environment variable
+        expect(Cypress.env('host')).to.eq('veronica.dev.local')
+
+        // set environment variable
+        Cypress.env('api_server', 'http://localhost:8888/v2/')
+        expect(Cypress.env('api_server')).to.eq('http://localhost:8888/v2/')
+
+        // get all environment variable
+        expect(Cypress.env()).to.have.property('host', 'veronica.dev.local')
+        expect(Cypress.env()).to.have.property('api_server', 'http://localhost:8888/v2/')
+    })
+})
+
+context('Cypress.log', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/cypress-api')
+    })
+
+    it('Control what is printed to the Command Log', () => {
+        // https://on.cypress.io/cypress-log
+    })
+})
+
+context('Cypress.platform', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/cypress-api')
+    })
+
+    it('Get underlying OS name', () => {
+        // https://on.cypress.io/platform
+        expect(Cypress.platform).to.be.exist
+    })
+})
+
+context('Cypress.version', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/cypress-api')
+    })
+
+    it('Get current version of Cypress being run', () => {
+        // https://on.cypress.io/version
+        expect(Cypress.version).to.be.exist
+    })
+})
+
+context('Cypress.spec', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/cypress-api')
+    })
+
+    it('Get current spec information', () => {
+        // https://on.cypress.io/spec
+        // wrap the object so we can inspect it easily by clicking in the command log
+        cy.wrap(Cypress.spec).should('include.keys', ['name', 'relative', 'absolute'])
+    })
+})

client/cypress/e2e/2-advanced-examples/files.cy.js

@@ -0,0 +1,88 @@
+/// <reference types="cypress" />
+
+/// JSON fixture file can be loaded directly using
+// the built-in JavaScript bundler
+// @ts-ignore
+const requiredExample = require('../../fixtures/example')
+
+context('Files', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/commands/files')
+    })
+
+    beforeEach(() => {
+        // load example.json fixture file and store
+        // in the test context object
+        cy.fixture('example.json').as('example')
+    })
+
+    it('cy.fixture() - load a fixture', () => {
+        // https://on.cypress.io/fixture
+
+        // Instead of writing a response inline you can
+        // use a fixture file's content.
+
+        // when application makes an Ajax request matching "GET **/comments/*"
+        // Cypress will intercept it and reply with the object in `example.json` fixture
+        cy.intercept('GET', '**/comments/*', {fixture: 'example.json'}).as('getComment')
+
+        // we have code that gets a comment when
+        // the button is clicked in scripts.js
+        cy.get('.fixture-btn').click()
+
+        cy.wait('@getComment').its('response.body')
+            .should('have.property', 'name')
+            .and('include', 'Using fixtures to represent data')
+    })
+
+    it('cy.fixture() or require - load a fixture', function () {
+        // we are inside the "function () { ... }"
+        // callback and can use test context object "this"
+        // "this.example" was loaded in "beforeEach" function callback
+        expect(this.example, 'fixture in the test context')
+            .to.deep.equal(requiredExample)
+
+        // or use "cy.wrap" and "should('deep.equal', ...)" assertion
+        cy.wrap(this.example)
+            .should('deep.equal', requiredExample)
+    })
+
+    it('cy.readFile() - read file contents', () => {
+        // https://on.cypress.io/readfile
+
+        // You can read a file and yield its contents
+        // The filePath is relative to your project's root.
+        cy.readFile('cypress.json').then((json) => {
+            expect(json).to.be.an('object')
+        })
+    })
+
+    it('cy.writeFile() - write to a file', () => {
+        // https://on.cypress.io/writefile
+
+        // You can write to a file
+
+        // Use a response from a request to automatically
+        // generate a fixture file for use later
+        cy.request('https://jsonplaceholder.cypress.io/users')
+            .then((response) => {
+                cy.writeFile('cypress/fixtures/users.json', response.body)
+            })
+
+        cy.fixture('users').should((users) => {
+            expect(users[0].name).to.exist
+        })
+
+        // JavaScript arrays and objects are stringified
+        // and formatted into text.
+        cy.writeFile('cypress/fixtures/profile.json', {
+            id: 8739,
+            name: 'Jane',
+            email: 'jane@example.com',
+        })
+
+        cy.fixture('profile').should((profile) => {
+            expect(profile.name).to.eq('Jane')
+        })
+    })
+})

client/cypress/e2e/2-advanced-examples/local_storage.cy.js

@@ -0,0 +1,52 @@
+/// <reference types="cypress" />
+
+context('Local Storage', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/commands/local-storage')
+    })
+    // Although local storage is automatically cleared
+    // in between tests to maintain a clean state
+    // sometimes we need to clear the local storage manually
+
+    it('cy.clearLocalStorage() - clear all data in local storage', () => {
+        // https://on.cypress.io/clearlocalstorage
+        cy.get('.ls-btn').click().should(() => {
+            expect(localStorage.getItem('prop1')).to.eq('red')
+            expect(localStorage.getItem('prop2')).to.eq('blue')
+            expect(localStorage.getItem('prop3')).to.eq('magenta')
+        })
+
+        // clearLocalStorage() yields the localStorage object
+        cy.clearLocalStorage().should((ls) => {
+            expect(ls.getItem('prop1')).to.be.null
+            expect(ls.getItem('prop2')).to.be.null
+            expect(ls.getItem('prop3')).to.be.null
+        })
+
+        cy.get('.ls-btn').click().should(() => {
+            expect(localStorage.getItem('prop1')).to.eq('red')
+            expect(localStorage.getItem('prop2')).to.eq('blue')
+            expect(localStorage.getItem('prop3')).to.eq('magenta')
+        })
+
+        // Clear key matching string in Local Storage
+        cy.clearLocalStorage('prop1').should((ls) => {
+            expect(ls.getItem('prop1')).to.be.null
+            expect(ls.getItem('prop2')).to.eq('blue')
+            expect(ls.getItem('prop3')).to.eq('magenta')
+        })
+
+        cy.get('.ls-btn').click().should(() => {
+            expect(localStorage.getItem('prop1')).to.eq('red')
+            expect(localStorage.getItem('prop2')).to.eq('blue')
+            expect(localStorage.getItem('prop3')).to.eq('magenta')
+        })
+
+        // Clear keys matching regex in Local Storage
+        cy.clearLocalStorage(/prop1|2/).should((ls) => {
+            expect(ls.getItem('prop1')).to.be.null
+            expect(ls.getItem('prop2')).to.be.null
+            expect(ls.getItem('prop3')).to.eq('magenta')
+        })
+    })
+})

client/cypress/e2e/2-advanced-examples/location.cy.js

@@ -0,0 +1,32 @@
+/// <reference types="cypress" />
+
+context('Location', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/commands/location')
+    })
+
+    it('cy.hash() - get the current URL hash', () => {
+        // https://on.cypress.io/hash
+        cy.hash().should('be.empty')
+    })
+
+    it('cy.location() - get window.location', () => {
+        // https://on.cypress.io/location
+        cy.location().should((location) => {
+            expect(location.hash).to.be.empty
+            expect(location.href).to.eq('https://example.cypress.io/commands/location')
+            expect(location.host).to.eq('example.cypress.io')
+            expect(location.hostname).to.eq('example.cypress.io')
+            expect(location.origin).to.eq('https://example.cypress.io')
+            expect(location.pathname).to.eq('/commands/location')
+            expect(location.port).to.eq('')
+            expect(location.protocol).to.eq('https:')
+            expect(location.search).to.be.empty
+        })
+    })
+
+    it('cy.url() - get the current URL', () => {
+        // https://on.cypress.io/url
+        cy.url().should('eq', 'https://example.cypress.io/commands/location')
+    })
+})

client/cypress/e2e/2-advanced-examples/misc.cy.js

@@ -0,0 +1,106 @@
+/// <reference types="cypress" />
+
+context('Misc', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/commands/misc')
+    })
+
+    it('.end() - end the command chain', () => {
+        // https://on.cypress.io/end
+
+        // cy.end is useful when you want to end a chain of commands
+        // and force Cypress to re-query from the root element
+        cy.get('.misc-table').within(() => {
+            // ends the current chain and yields null
+            cy.contains('Cheryl').click().end()
+
+            // queries the entire table again
+            cy.contains('Charles').click()
+        })
+    })
+
+    it('cy.exec() - execute a system command', () => {
+        // execute a system command.
+        // so you can take actions necessary for
+        // your test outside the scope of Cypress.
+        // https://on.cypress.io/exec
+
+        // we can use Cypress.platform string to
+        // select appropriate command
+        // https://on.cypress/io/platform
+        cy.log(`Platform ${Cypress.platform} architecture ${Cypress.arch}`)
+
+        // on CircleCI Windows build machines we have a failure to run bash shell
+        // https://github.com/cypress-io/cypress/issues/5169
+        // so skip some of the tests by passing flag "--env circle=true"
+        const isCircleOnWindows = Cypress.platform === 'win32' && Cypress.env('circle')
+
+        if (isCircleOnWindows) {
+            cy.log('Skipping test on CircleCI')
+
+            return
+        }
+
+        // cy.exec problem on Shippable CI
+        // https://github.com/cypress-io/cypress/issues/6718
+        const isShippable = Cypress.platform === 'linux' && Cypress.env('shippable')
+
+        if (isShippable) {
+            cy.log('Skipping test on ShippableCI')
+
+            return
+        }
+
+        cy.exec('echo Jane Lane')
+            .its('stdout').should('contain', 'Jane Lane')
+
+        if (Cypress.platform === 'win32') {
+            cy.exec('print cypress.json')
+                .its('stderr').should('be.empty')
+        } else {
+            cy.exec('cat cypress.json')
+                .its('stderr').should('be.empty')
+
+            cy.exec('pwd')
+                .its('code').should('eq', 0)
+        }
+    })
+
+    it('cy.focused() - get the DOM element that has focus', () => {
+        // https://on.cypress.io/focused
+        cy.get('.misc-form').find('#name').click()
+        cy.focused().should('have.id', 'name')
+
+        cy.get('.misc-form').find('#description').click()
+        cy.focused().should('have.id', 'description')
+    })
+
+    context('Cypress.Screenshot', function () {
+        it('cy.screenshot() - take a screenshot', () => {
+            // https://on.cypress.io/screenshot
+            cy.screenshot('my-image')
+        })
+
+        it('Cypress.Screenshot.defaults() - change default config of screenshots', function () {
+            Cypress.Screenshot.defaults({
+                blackout: ['.foo'],
+                capture: 'viewport',
+                clip: {x: 0, y: 0, width: 200, height: 200},
+                scale: false,
+                disableTimersAndAnimations: true,
+                screenshotOnRunFailure: true,
+                onBeforeScreenshot() {
+                },
+                onAfterScreenshot() {
+                },
+            })
+        })
+    })
+
+    it('cy.wrap() - wrap an object', () => {
+        // https://on.cypress.io/wrap
+        cy.wrap({foo: 'bar'})
+            .should('have.property', 'foo')
+            .and('include', 'bar')
+    })
+})

client/cypress/e2e/2-advanced-examples/navigation.cy.js

@@ -0,0 +1,56 @@
+/// <reference types="cypress" />
+
+context('Navigation', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io')
+        cy.get('.navbar-nav').contains('Commands').click()
+        cy.get('.dropdown-menu').contains('Navigation').click()
+    })
+
+    it('cy.go() - go back or forward in the browser\'s history', () => {
+        // https://on.cypress.io/go
+
+        cy.location('pathname').should('include', 'navigation')
+
+        cy.go('back')
+        cy.location('pathname').should('not.include', 'navigation')
+
+        cy.go('forward')
+        cy.location('pathname').should('include', 'navigation')
+
+        // clicking back
+        cy.go(-1)
+        cy.location('pathname').should('not.include', 'navigation')
+
+        // clicking forward
+        cy.go(1)
+        cy.location('pathname').should('include', 'navigation')
+    })
+
+    it('cy.reload() - reload the page', () => {
+        // https://on.cypress.io/reload
+        cy.reload()
+
+        // reload the page without using the cache
+        cy.reload(true)
+    })
+
+    it('cy.visit() - visit a remote url', () => {
+        // https://on.cypress.io/visit
+
+        // Visit any sub-domain of your current domain
+
+        // Pass options to the visit
+        cy.visit('https://example.cypress.io/commands/navigation', {
+            timeout: 50000, // increase total time for the visit to resolve
+            onBeforeLoad(contentWindow) {
+                // contentWindow is the remote page's window object
+                expect(typeof contentWindow === 'object').to.be.true
+            },
+            onLoad(contentWindow) {
+                // contentWindow is the remote page's window object
+                expect(typeof contentWindow === 'object').to.be.true
+            },
+        })
+    })
+})

client/cypress/e2e/2-advanced-examples/network_requests.cy.js

@@ -0,0 +1,163 @@
+/// <reference types="cypress" />
+
+context('Network Requests', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/commands/network-requests')
+    })
+
+    // Manage HTTP requests in your app
+
+    it('cy.request() - make an XHR request', () => {
+        // https://on.cypress.io/request
+        cy.request('https://jsonplaceholder.cypress.io/comments')
+            .should((response) => {
+                expect(response.status).to.eq(200)
+                // the server sometimes gets an extra comment posted from another machine
+                // which gets returned as 1 extra object
+                expect(response.body).to.have.property('length').and.be.oneOf([500, 501])
+                expect(response).to.have.property('headers')
+                expect(response).to.have.property('duration')
+            })
+    })
+
+    it('cy.request() - verify response using BDD syntax', () => {
+        cy.request('https://jsonplaceholder.cypress.io/comments')
+            .then((response) => {
+                // https://on.cypress.io/assertions
+                expect(response).property('status').to.equal(200)
+                expect(response).property('body').to.have.property('length').and.be.oneOf([500, 501])
+                expect(response).to.include.keys('headers', 'duration')
+            })
+    })
+
+    it('cy.request() with query parameters', () => {
+        // will execute request
+        // https://jsonplaceholder.cypress.io/comments?postId=1&id=3
+        cy.request({
+            url: 'https://jsonplaceholder.cypress.io/comments',
+            qs: {
+                postId: 1,
+                id: 3,
+            },
+        })
+            .its('body')
+            .should('be.an', 'array')
+            .and('have.length', 1)
+            .its('0') // yields first element of the array
+            .should('contain', {
+                postId: 1,
+                id: 3,
+            })
+    })
+
+    it('cy.request() - pass result to the second request', () => {
+        // first, let's find out the userId of the first user we have
+        cy.request('https://jsonplaceholder.cypress.io/users?_limit=1')
+            .its('body') // yields the response object
+            .its('0') // yields the first element of the returned list
+            // the above two commands its('body').its('0')
+            // can be written as its('body.0')
+            // if you do not care about TypeScript checks
+            .then((user) => {
+                expect(user).property('id').to.be.a('number')
+                // make a new post on behalf of the user
+                cy.request('POST', 'https://jsonplaceholder.cypress.io/posts', {
+                    userId: user.id,
+                    title: 'Cypress Test Runner',
+                    body: 'Fast, easy and reliable testing for anything that runs in a browser.',
+                })
+            })
+            // note that the value here is the returned value of the 2nd request
+            // which is the new post object
+            .then((response) => {
+                expect(response).property('status').to.equal(201) // new entity created
+                expect(response).property('body').to.contain({
+                    title: 'Cypress Test Runner',
+                })
+
+                // we don't know the exact post id - only that it will be > 100
+                // since JSONPlaceholder has built-in 100 posts
+                expect(response.body).property('id').to.be.a('number')
+                    .and.to.be.gt(100)
+
+                // we don't know the user id here - since it was in above closure
+                // so in this test just confirm that the property is there
+                expect(response.body).property('userId').to.be.a('number')
+            })
+    })
+
+    it('cy.request() - save response in the shared test context', () => {
+        // https://on.cypress.io/variables-and-aliases
+        cy.request('https://jsonplaceholder.cypress.io/users?_limit=1')
+            .its('body').its('0') // yields the first element of the returned list
+            .as('user') // saves the object in the test context
+            .then(function () {
+                // NOTE 👀
+                //  By the time this callback runs the "as('user')" command
+                //  has saved the user object in the test context.
+                //  To access the test context we need to use
+                //  the "function () { ... }" callback form,
+                //  otherwise "this" points at a wrong or undefined object!
+                cy.request('POST', 'https://jsonplaceholder.cypress.io/posts', {
+                    userId: this.user.id,
+                    title: 'Cypress Test Runner',
+                    body: 'Fast, easy and reliable testing for anything that runs in a browser.',
+                })
+                    .its('body').as('post') // save the new post from the response
+            })
+            .then(function () {
+                // When this callback runs, both "cy.request" API commands have finished
+                // and the test context has "user" and "post" objects set.
+                // Let's verify them.
+                expect(this.post, 'post has the right user id').property('userId').to.equal(this.user.id)
+            })
+    })
+
+    it('cy.intercept() - route responses to matching requests', () => {
+        // https://on.cypress.io/intercept
+
+        let message = 'whoa, this comment does not exist'
+
+        // Listen to GET to comments/1
+        cy.intercept('GET', '**/comments/*').as('getComment')
+
+        // we have code that gets a comment when
+        // the button is clicked in scripts.js
+        cy.get('.network-btn').click()
+
+        // https://on.cypress.io/wait
+        cy.wait('@getComment').its('response.statusCode').should('be.oneOf', [200, 304])
+
+        // Listen to POST to comments
+        cy.intercept('POST', '**/comments').as('postComment')
+
+        // we have code that posts a comment when
+        // the button is clicked in scripts.js
+        cy.get('.network-post').click()
+        cy.wait('@postComment').should(({request, response}) => {
+            expect(request.body).to.include('email')
+            expect(request.headers).to.have.property('content-type')
+            expect(response && response.body).to.have.property('name', 'Using POST in cy.intercept()')
+        })
+
+        // Stub a response to PUT comments/ ****
+        cy.intercept({
+            method: 'PUT',
+            url: '**/comments/*',
+        }, {
+            statusCode: 404,
+            body: {error: message},
+            headers: {'access-control-allow-origin': '*'},
+            delayMs: 500,
+        }).as('putComment')
+
+        // we have code that puts a comment when
+        // the button is clicked in scripts.js
+        cy.get('.network-put').click()
+
+        cy.wait('@putComment')
+
+        // our 404 statusCode logic in scripts.js executed
+        cy.get('.network-put-comment').should('contain', message)
+    })
+})

client/cypress/e2e/2-advanced-examples/querying.cy.js

@@ -0,0 +1,114 @@
+/// <reference types="cypress" />
+
+context('Querying', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/commands/querying')
+    })
+
+    // The most commonly used query is 'cy.get()', you can
+    // think of this like the '$' in jQuery
+
+    it('cy.get() - query DOM elements', () => {
+        // https://on.cypress.io/get
+
+        cy.get('#query-btn').should('contain', 'Button')
+
+        cy.get('.query-btn').should('contain', 'Button')
+
+        cy.get('#querying .well>button:first').should('contain', 'Button')
+        //              ↲
+        // Use CSS selectors just like jQuery
+
+        cy.get('[data-test-id="test-example"]').should('have.class', 'example')
+
+        // 'cy.get()' yields jQuery object, you can get its attribute
+        // by invoking `.attr()` method
+        cy.get('[data-test-id="test-example"]')
+            .invoke('attr', 'data-test-id')
+            .should('equal', 'test-example')
+
+        // or you can get element's CSS property
+        cy.get('[data-test-id="test-example"]')
+            .invoke('css', 'position')
+            .should('equal', 'static')
+
+        // or use assertions directly during 'cy.get()'
+        // https://on.cypress.io/assertions
+        cy.get('[data-test-id="test-example"]')
+            .should('have.attr', 'data-test-id', 'test-example')
+            .and('have.css', 'position', 'static')
+    })
+
+    it('cy.contains() - query DOM elements with matching content', () => {
+        // https://on.cypress.io/contains
+        cy.get('.query-list')
+            .contains('bananas')
+            .should('have.class', 'third')
+
+        // we can pass a regexp to `.contains()`
+        cy.get('.query-list')
+            .contains(/^b\w+/)
+            .should('have.class', 'third')
+
+        cy.get('.query-list')
+            .contains('apples')
+            .should('have.class', 'first')
+
+        // passing a selector to contains will
+        // yield the selector containing the text
+        cy.get('#querying')
+            .contains('ul', 'oranges')
+            .should('have.class', 'query-list')
+
+        cy.get('.query-button')
+            .contains('Save Form')
+            .should('have.class', 'btn')
+    })
+
+    it('.within() - query DOM elements within a specific element', () => {
+        // https://on.cypress.io/within
+        cy.get('.query-form').within(() => {
+            cy.get('input:first').should('have.attr', 'placeholder', 'Email')
+            cy.get('input:last').should('have.attr', 'placeholder', 'Password')
+        })
+    })
+
+    it('cy.root() - query the root DOM element', () => {
+        // https://on.cypress.io/root
+
+        // By default, root is the document
+        cy.root().should('match', 'html')
+
+        cy.get('.query-ul').within(() => {
+            // In this within, the root is now the ul DOM element
+            cy.root().should('have.class', 'query-ul')
+        })
+    })
+
+    it('best practices - selecting elements', () => {
+        // https://on.cypress.io/best-practices#Selecting-Elements
+        cy.get('[data-cy=best-practices-selecting-elements]').within(() => {
+            // Worst - too generic, no context
+            cy.get('button').click()
+
+            // Bad. Coupled to styling. Highly subject to change.
+            cy.get('.btn.btn-large').click()
+
+            // Average. Coupled to the `name` attribute which has HTML semantics.
+            cy.get('[name=submission]').click()
+
+            // Better. But still coupled to styling or JS event listeners.
+            cy.get('#main').click()
+
+            // Slightly better. Uses an ID but also ensures the element
+            // has an ARIA role attribute
+            cy.get('#main[role=button]').click()
+
+            // Much better. But still coupled to text content that may change.
+            cy.contains('Submit').click()
+
+            // Best. Insulated from all changes.
+            cy.get('[data-cy=submit]').click()
+        })
+    })
+})

client/cypress/e2e/2-advanced-examples/spies_stubs_clocks.cy.js

@@ -0,0 +1,206 @@
+/// <reference types="cypress" />
+// remove no check once Cypress.sinon is typed
+// https://github.com/cypress-io/cypress/issues/6720
+
+context('Spies, Stubs, and Clock', () => {
+    it('cy.spy() - wrap a method in a spy', () => {
+        // https://on.cypress.io/spy
+        cy.visit('https://example.cypress.io/commands/spies-stubs-clocks')
+
+        const obj = {
+            foo() {
+            },
+        }
+
+        const spy = cy.spy(obj, 'foo').as('anyArgs')
+
+        obj.foo()
+
+        expect(spy).to.be.called
+    })
+
+    it('cy.spy() retries until assertions pass', () => {
+        cy.visit('https://example.cypress.io/commands/spies-stubs-clocks')
+
+        const obj = {
+            /**
+             * Prints the argument passed
+             * @param x {any}
+             */
+            foo(x) {
+                console.log('obj.foo called with', x)
+            },
+        }
+
+        cy.spy(obj, 'foo').as('foo')
+
+        setTimeout(() => {
+            obj.foo('first')
+        }, 500)
+
+        setTimeout(() => {
+            obj.foo('second')
+        }, 2500)
+
+        cy.get('@foo').should('have.been.calledTwice')
+    })
+
+    it('cy.stub() - create a stub and/or replace a function with stub', () => {
+        // https://on.cypress.io/stub
+        cy.visit('https://example.cypress.io/commands/spies-stubs-clocks')
+
+        const obj = {
+            /**
+             * prints both arguments to the console
+             * @param a {string}
+             * @param b {string}
+             */
+            foo(a, b) {
+                console.log('a', a, 'b', b)
+            },
+        }
+
+        const stub = cy.stub(obj, 'foo').as('foo')
+
+        obj.foo('foo', 'bar')
+
+        expect(stub).to.be.called
+    })
+
+    it('cy.clock() - control time in the browser', () => {
+        // https://on.cypress.io/clock
+
+        // create the date in UTC so its always the same
+        // no matter what local timezone the browser is running in
+        const now = new Date(Date.UTC(2017, 2, 14)).getTime()
+
+        cy.clock(now)
+        cy.visit('https://example.cypress.io/commands/spies-stubs-clocks')
+        cy.get('#clock-div').click()
+            .should('have.text', '1489449600')
+    })
+
+    it('cy.tick() - move time in the browser', () => {
+        // https://on.cypress.io/tick
+
+        // create the date in UTC so its always the same
+        // no matter what local timezone the browser is running in
+        const now = new Date(Date.UTC(2017, 2, 14)).getTime()
+
+        cy.clock(now)
+        cy.visit('https://example.cypress.io/commands/spies-stubs-clocks')
+        cy.get('#tick-div').click()
+            .should('have.text', '1489449600')
+
+        cy.tick(10000) // 10 seconds passed
+        cy.get('#tick-div').click()
+            .should('have.text', '1489449610')
+    })
+
+    it('cy.stub() matches depending on arguments', () => {
+        // see all possible matchers at
+        // https://sinonjs.org/releases/latest/matchers/
+        const greeter = {
+            /**
+             * Greets a person
+             * @param {string} name
+             */
+            greet(name) {
+                return `Hello, ${name}!`
+            },
+        }
+
+        cy.stub(greeter, 'greet')
+            .callThrough() // if you want non-matched calls to call the real method
+            .withArgs(Cypress.sinon.match.string).returns('Hi')
+            .withArgs(Cypress.sinon.match.number).throws(new Error('Invalid name'))
+
+        expect(greeter.greet('World')).to.equal('Hi')
+        // @ts-ignore
+        expect(() => greeter.greet(42)).to.throw('Invalid name')
+        expect(greeter.greet).to.have.been.calledTwice
+
+        // non-matched calls goes the actual method
+        // @ts-ignore
+        expect(greeter.greet()).to.equal('Hello, undefined!')
+    })
+
+    it('matches call arguments using Sinon matchers', () => {
+        // see all possible matchers at
+        // https://sinonjs.org/releases/latest/matchers/
+        const calculator = {
+            /**
+             * returns the sum of two arguments
+             * @param a {number}
+             * @param b {number}
+             */
+            add(a, b) {
+                return a + b
+            },
+        }
+
+        const spy = cy.spy(calculator, 'add').as('add')
+
+        expect(calculator.add(2, 3)).to.equal(5)
+
+        // if we want to assert the exact values used during the call
+        expect(spy).to.be.calledWith(2, 3)
+
+        // let's confirm "add" method was called with two numbers
+        expect(spy).to.be.calledWith(Cypress.sinon.match.number, Cypress.sinon.match.number)
+
+        // alternatively, provide the value to match
+        expect(spy).to.be.calledWith(Cypress.sinon.match(2), Cypress.sinon.match(3))
+
+        // match any value
+        expect(spy).to.be.calledWith(Cypress.sinon.match.any, 3)
+
+        // match any value from a list
+        expect(spy).to.be.calledWith(Cypress.sinon.match.in([1, 2, 3]), 3)
+
+        /**
+         * Returns true if the given number is event
+         * @param {number} x
+         */
+        const isEven = (x) => x % 2 === 0
+
+        // expect the value to pass a custom predicate function
+        // the second argument to "sinon.match(predicate, message)" is
+        // shown if the predicate does not pass and assertion fails
+        expect(spy).to.be.calledWith(Cypress.sinon.match(isEven, 'isEven'), 3)
+
+        /**
+         * Returns a function that checks if a given number is larger than the limit
+         * @param {number} limit
+         * @returns {(x: number) => boolean}
+         */
+        const isGreaterThan = (limit) => (x) => x > limit
+
+        /**
+         * Returns a function that checks if a given number is less than the limit
+         * @param {number} limit
+         * @returns {(x: number) => boolean}
+         */
+        const isLessThan = (limit) => (x) => x < limit
+
+        // you can combine several matchers using "and", "or"
+        expect(spy).to.be.calledWith(
+            Cypress.sinon.match.number,
+            Cypress.sinon.match(isGreaterThan(2), '> 2').and(Cypress.sinon.match(isLessThan(4), '< 4')),
+        )
+
+        expect(spy).to.be.calledWith(
+            Cypress.sinon.match.number,
+            Cypress.sinon.match(isGreaterThan(200), '> 200').or(Cypress.sinon.match(3)),
+        )
+
+        // matchers can be used from BDD assertions
+        cy.get('@add').should('have.been.calledWith',
+            Cypress.sinon.match.number, Cypress.sinon.match(3))
+
+        // you can alias matchers for shorter test code
+        const {match: M} = Cypress.sinon
+
+        cy.get('@add').should('have.been.calledWith', M.number, M(3))
+    })
+})

client/cypress/e2e/2-advanced-examples/traversal.cy.js

@@ -0,0 +1,121 @@
+/// <reference types="cypress" />
+
+context('Traversal', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/commands/traversal')
+    })
+
+    it('.children() - get child DOM elements', () => {
+        // https://on.cypress.io/children
+        cy.get('.traversal-breadcrumb')
+            .children('.active')
+            .should('contain', 'Data')
+    })
+
+    it('.closest() - get closest ancestor DOM element', () => {
+        // https://on.cypress.io/closest
+        cy.get('.traversal-badge')
+            .closest('ul')
+            .should('have.class', 'list-group')
+    })
+
+    it('.eq() - get a DOM element at a specific index', () => {
+        // https://on.cypress.io/eq
+        cy.get('.traversal-list>li')
+            .eq(1).should('contain', 'siamese')
+    })
+
+    it('.filter() - get DOM elements that match the selector', () => {
+        // https://on.cypress.io/filter
+        cy.get('.traversal-nav>li')
+            .filter('.active').should('contain', 'About')
+    })
+
+    it('.find() - get descendant DOM elements of the selector', () => {
+        // https://on.cypress.io/find
+        cy.get('.traversal-pagination')
+            .find('li').find('a')
+            .should('have.length', 7)
+    })
+
+    it('.first() - get first DOM element', () => {
+        // https://on.cypress.io/first
+        cy.get('.traversal-table td')
+            .first().should('contain', '1')
+    })
+
+    it('.last() - get last DOM element', () => {
+        // https://on.cypress.io/last
+        cy.get('.traversal-buttons .btn')
+            .last().should('contain', 'Submit')
+    })
+
+    it('.next() - get next sibling DOM element', () => {
+        // https://on.cypress.io/next
+        cy.get('.traversal-ul')
+            .contains('apples').next().should('contain', 'oranges')
+    })
+
+    it('.nextAll() - get all next sibling DOM elements', () => {
+        // https://on.cypress.io/nextall
+        cy.get('.traversal-next-all')
+            .contains('oranges')
+            .nextAll().should('have.length', 3)
+    })
+
+    it('.nextUntil() - get next sibling DOM elements until next el', () => {
+        // https://on.cypress.io/nextuntil
+        cy.get('#veggies')
+            .nextUntil('#nuts').should('have.length', 3)
+    })
+
+    it('.not() - remove DOM elements from set of DOM elements', () => {
+        // https://on.cypress.io/not
+        cy.get('.traversal-disabled .btn')
+            .not('[disabled]').should('not.contain', 'Disabled')
+    })
+
+    it('.parent() - get parent DOM element from DOM elements', () => {
+        // https://on.cypress.io/parent
+        cy.get('.traversal-mark')
+            .parent().should('contain', 'Morbi leo risus')
+    })
+
+    it('.parents() - get parent DOM elements from DOM elements', () => {
+        // https://on.cypress.io/parents
+        cy.get('.traversal-cite')
+            .parents().should('match', 'blockquote')
+    })
+
+    it('.parentsUntil() - get parent DOM elements from DOM elements until el', () => {
+        // https://on.cypress.io/parentsuntil
+        cy.get('.clothes-nav')
+            .find('.active')
+            .parentsUntil('.clothes-nav')
+            .should('have.length', 2)
+    })
+
+    it('.prev() - get previous sibling DOM element', () => {
+        // https://on.cypress.io/prev
+        cy.get('.birds').find('.active')
+            .prev().should('contain', 'Lorikeets')
+    })
+
+    it('.prevAll() - get all previous sibling DOM elements', () => {
+        // https://on.cypress.io/prevall
+        cy.get('.fruits-list').find('.third')
+            .prevAll().should('have.length', 2)
+    })
+
+    it('.prevUntil() - get all previous sibling DOM elements until el', () => {
+        // https://on.cypress.io/prevuntil
+        cy.get('.foods-list').find('#nuts')
+            .prevUntil('#veggies').should('have.length', 3)
+    })
+
+    it('.siblings() - get all sibling DOM elements', () => {
+        // https://on.cypress.io/siblings
+        cy.get('.traversal-pills .active')
+            .siblings().should('have.length', 2)
+    })
+})

client/cypress/e2e/2-advanced-examples/utilities.cy.js

@@ -0,0 +1,110 @@
+/// <reference types="cypress" />
+
+context('Utilities', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/utilities')
+    })
+
+    it('Cypress._ - call a lodash method', () => {
+        // https://on.cypress.io/_
+        cy.request('https://jsonplaceholder.cypress.io/users')
+            .then((response) => {
+                let ids = Cypress._.chain(response.body).map('id').take(3).value()
+
+                expect(ids).to.deep.eq([1, 2, 3])
+            })
+    })
+
+    it('Cypress.$ - call a jQuery method', () => {
+        // https://on.cypress.io/$
+        let $li = Cypress.$('.utility-jquery li:first')
+
+        cy.wrap($li)
+            .should('not.have.class', 'active')
+            .click()
+            .should('have.class', 'active')
+    })
+
+    it('Cypress.Blob - blob utilities and base64 string conversion', () => {
+        // https://on.cypress.io/blob
+        cy.get('.utility-blob').then(($div) => {
+            // https://github.com/nolanlawson/blob-util#imgSrcToDataURL
+            // get the dataUrl string for the javascript-logo
+            return Cypress.Blob.imgSrcToDataURL('https://example.cypress.io/assets/img/javascript-logo.png', undefined, 'anonymous')
+                .then((dataUrl) => {
+                    // create an <img> element and set its src to the dataUrl
+                    let img = Cypress.$('<img />', {src: dataUrl})
+
+                    // need to explicitly return cy here since we are initially returning
+                    // the Cypress.Blob.imgSrcToDataURL promise to our test
+                    // append the image
+                    $div.append(img)
+
+                    cy.get('.utility-blob img').click()
+                        .should('have.attr', 'src', dataUrl)
+                })
+        })
+    })
+
+    it('Cypress.minimatch - test out glob patterns against strings', () => {
+        // https://on.cypress.io/minimatch
+        let matching = Cypress.minimatch('/users/1/comments', '/users/*/comments', {
+            matchBase: true,
+        })
+
+        expect(matching, 'matching wildcard').to.be.true
+
+        matching = Cypress.minimatch('/users/1/comments/2', '/users/*/comments', {
+            matchBase: true,
+        })
+
+        expect(matching, 'comments').to.be.false
+
+        // ** matches against all downstream path segments
+        matching = Cypress.minimatch('/foo/bar/baz/123/quux?a=b&c=2', '/foo/**', {
+            matchBase: true,
+        })
+
+        expect(matching, 'comments').to.be.true
+
+        // whereas * matches only the next path segment
+
+        matching = Cypress.minimatch('/foo/bar/baz/123/quux?a=b&c=2', '/foo/*', {
+            matchBase: false,
+        })
+
+        expect(matching, 'comments').to.be.false
+    })
+
+    it('Cypress.Promise - instantiate a bluebird promise', () => {
+        // https://on.cypress.io/promise
+        let waited = false
+
+        /**
+         * @return Bluebird<string>
+         */
+        function waitOneSecond() {
+            // return a promise that resolves after 1 second
+            // @ts-ignore TS2351 (new Cypress.Promise)
+            return new Cypress.Promise((resolve, reject) => {
+                setTimeout(() => {
+                    // set waited to true
+                    waited = true
+
+                    // resolve with 'foo' string
+                    resolve('foo')
+                }, 1000)
+            })
+        }
+
+        cy.then(() => {
+            // return a promise to cy.then() that
+            // is awaited until it resolves
+            // @ts-ignore TS7006
+            return waitOneSecond().then((str) => {
+                expect(str).to.eq('foo')
+                expect(waited).to.be.true
+            })
+        })
+    })
+})

client/cypress/e2e/2-advanced-examples/viewport.cy.js

@@ -0,0 +1,59 @@
+/// <reference types="cypress" />
+
+context('Viewport', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/commands/viewport')
+    })
+
+    it('cy.viewport() - set the viewport size and dimension', () => {
+        // https://on.cypress.io/viewport
+
+        cy.get('#navbar').should('be.visible')
+        cy.viewport(320, 480)
+
+        // the navbar should have collapse since our screen is smaller
+        cy.get('#navbar').should('not.be.visible')
+        cy.get('.navbar-toggle').should('be.visible').click()
+        cy.get('.nav').find('a').should('be.visible')
+
+        // lets see what our app looks like on a super large screen
+        cy.viewport(2999, 2999)
+
+        // cy.viewport() accepts a set of preset sizes
+        // to easily set the screen to a device's width and height
+
+        // We added a cy.wait() between each viewport change so you can see
+        // the change otherwise it is a little too fast to see :)
+
+        cy.viewport('macbook-15')
+        cy.wait(200)
+        cy.viewport('macbook-13')
+        cy.wait(200)
+        cy.viewport('macbook-11')
+        cy.wait(200)
+        cy.viewport('ipad-2')
+        cy.wait(200)
+        cy.viewport('ipad-mini')
+        cy.wait(200)
+        cy.viewport('iphone-6+')
+        cy.wait(200)
+        cy.viewport('iphone-6')
+        cy.wait(200)
+        cy.viewport('iphone-5')
+        cy.wait(200)
+        cy.viewport('iphone-4')
+        cy.wait(200)
+        cy.viewport('iphone-3')
+        cy.wait(200)
+
+        // cy.viewport() accepts an orientation for all presets
+        // the default orientation is 'portrait'
+        cy.viewport('ipad-2', 'portrait')
+        cy.wait(200)
+        cy.viewport('iphone-4', 'landscape')
+        cy.wait(200)
+
+        // The viewport will be reset back to the default dimensions
+        // in between tests (the  default can be set in cypress.json)
+    })
+})

client/cypress/e2e/2-advanced-examples/waiting.cy.js

@@ -0,0 +1,31 @@
+/// <reference types="cypress" />
+
+context('Waiting', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/commands/waiting')
+    })
+    // BE CAREFUL of adding unnecessary wait times.
+    // https://on.cypress.io/best-practices#Unnecessary-Waiting
+
+    // https://on.cypress.io/wait
+    it('cy.wait() - wait for a specific amount of time', () => {
+        cy.get('.wait-input1').type('Wait 1000ms after typing')
+        cy.wait(1000)
+        cy.get('.wait-input2').type('Wait 1000ms after typing')
+        cy.wait(1000)
+        cy.get('.wait-input3').type('Wait 1000ms after typing')
+        cy.wait(1000)
+    })
+
+    it('cy.wait() - wait for a specific route', () => {
+        // Listen to GET to comments/1
+        cy.intercept('GET', '**/comments/*').as('getComment')
+
+        // we have code that gets a comment when
+        // the button is clicked in scripts.js
+        cy.get('.network-btn').click()
+
+        // wait for GET comments/1
+        cy.wait('@getComment').its('response.statusCode').should('be.oneOf', [200, 304])
+    })
+})

client/cypress/e2e/2-advanced-examples/window.cy.js

@@ -0,0 +1,22 @@
+/// <reference types="cypress" />
+
+context('Window', () => {
+    beforeEach(() => {
+        cy.visit('https://example.cypress.io/commands/window')
+    })
+
+    it('cy.window() - get the global window object', () => {
+        // https://on.cypress.io/window
+        cy.window().should('have.property', 'top')
+    })
+
+    it('cy.document() - get the document object', () => {
+        // https://on.cypress.io/document
+        cy.document().should('have.property', 'charset').and('eq', 'UTF-8')
+    })
+
+    it('cy.title() - get the title', () => {
+        // https://on.cypress.io/title
+        cy.title().should('include', 'Kitchen Sink')
+    })
+})

client/cypress/fixtures/example.json

@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}

client/cypress/fixtures/profile.json

@@ -0,0 +1,5 @@
+{
+  "id": 8739,
+  "name": "Jane",
+  "email": "jane@example.com"
+}

client/cypress/fixtures/users.json

@@ -0,0 +1 @@
+[]

client/cypress/plugins/index.js

@@ -0,0 +1,22 @@
+/// <reference types="cypress" />
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+// eslint-disable-next-line no-unused-vars
+module.exports = (on, config) => {
+    // `on` is used to hook into various events Cypress emits
+    // `config` is the resolved Cypress config
+}

client/cypress/support/commands.js

@@ -0,0 +1,27 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+
+import "@testing-library/cypress/add-commands";

client/cypress/support/e2e.js

@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')

client/cypress/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "baseUrl": "../node_modules",
+    "types": [
+      "cypress"
+    ]
+  },
+  "include": [
+    "**/*.*"
+  ]
+}

client/dev-dist/registerSW.js

@@ -1,2 +0,0 @@
-if ("serviceWorker" in navigator)
-  navigator.serviceWorker.register("/dev-sw.js?dev-sw", { scope: "/", type: "classic" });

client/dev-dist/sw.js

@@ -1,96 +0,0 @@
-/**
- * Copyright 2018 Google Inc. All Rights Reserved.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *     http://www.apache.org/licenses/LICENSE-2.0
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-// If the loader is already loaded, just stop.
-if (!self.define) {
-  let registry = {};
-
-  // Used for `eval` and `importScripts` where we can't get script URL by other means.
-  // In both cases, it's safe to use a global var because those functions are synchronous.
-  let nextDefineUri;
-
-  const singleRequire = (uri, parentUri) => {
-    uri = new URL(uri + ".js", parentUri).href;
-    return (
-      registry[uri] ||
-      new Promise((resolve) => {
-        if ("document" in self) {
-          const script = document.createElement("script");
-          script.src = uri;
-          script.onload = resolve;
-          document.head.appendChild(script);
-        } else {
-          nextDefineUri = uri;
-          importScripts(uri);
-          resolve();
-        }
-      }).then(() => {
-        let promise = registry[uri];
-        if (!promise) {
-          throw new Error(`Module ${uri} didn’t register its module`);
-        }
-        return promise;
-      })
-    );
-  };
-
-  self.define = (depsNames, factory) => {
-    const uri = nextDefineUri || ("document" in self ? document.currentScript.src : "") || location.href;
-    if (registry[uri]) {
-      // Module is already loading or loaded.
-      return;
-    }
-    let exports = {};
-    const require = (depUri) => singleRequire(depUri, uri);
-    const specialDeps = {
-      module: { uri },
-      exports,
-      require
-    };
-    registry[uri] = Promise.all(depsNames.map((depName) => specialDeps[depName] || require(depName))).then((deps) => {
-      factory(...deps);
-      return exports;
-    });
-  };
-}
-define(["./workbox-b5f7729d"], function (workbox) {
-  "use strict";
-
-  self.skipWaiting();
-  workbox.clientsClaim();
-
-  /**
-   * The precacheAndRoute() method efficiently caches and responds to
-   * requests for URLs in the manifest.
-   * See https://goo.gl/S9QRab
-   */
-  workbox.precacheAndRoute(
-    [
-      {
-        url: "registerSW.js",
-        revision: "3ca0b8505b4bec776b69afdba2768812"
-      },
-      {
-        url: "index.html",
-        revision: "0.sa702m4aq68"
-      }
-    ],
-    {}
-  );
-  workbox.cleanupOutdatedCaches();
-  workbox.registerRoute(
-    new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
-      allowlist: [/^\/$/]
-    })
-  );
-});

client/eslint.config.js

@@ -1,21 +0,0 @@
-import globals from "globals";
-import pluginJs from "@eslint/js";
-import pluginReact from "eslint-plugin-react";
-
-/** @type {import('eslint').Linter.Config[]} */
-
-export default [
-  {
-    files: ["**/*.{js,mjs,cjs,jsx}"]
-  },
-  { languageOptions: { globals: globals.browser } },
-  pluginJs.configs.recommended,
-  {
-    ...pluginReact.configs.flat.recommended,
-    rules: {
-      ...pluginReact.configs.flat.recommended.rules,
-      "react/prop-types": 0
-    }
-  },
-  pluginReact.configs.flat["jsx-runtime"]
-];

client/index.html

@@ -1,86 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
-    <meta http-equiv="Pragma" content="no-cache" />
-    <meta http-equiv="Expires" content="0" />
-    <% if (env.VITE_APP_INSTANCE === 'IMEX') { %>
-    <link rel="icon" href="/favicon.png" />
-    <% } %> <% if (env.VITE_APP_INSTANCE === 'ROME') { %>
-    <link rel="icon" href="/ro-favicon.png" />
-    <% } %>
-
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#1690ff" />
-    <!-- <link rel="apple-touch-icon" href="logo192.png" /> -->
-    <link rel="apple-touch-icon" href="/logo192.png" />
-    <link rel="mask-icon" href="/mask-icon.svg" color="#FFFFFF" />
-    <!--
-    manifest.json provides metadata used when your web app is installed on a
-    user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-  -->
-    <!--
-    Notice the use of %PUBLIC_URL% in the tags above.
-    It will be replaced with the URL of the `public` folder during the build.
-    Only files inside the `public` folder can be referenced from the HTML.
-
-    Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-    work correctly both with client-side routing and a non-root public URL.
-    Learn how to configure a non-root public URL by running `npm run build`.
-  -->
-    <% if (env.VITE_APP_INSTANCE === 'IMEX') { %>
-    <meta name="description" content="ImEX Online" />
-    <title>ImEX Online</title>
-    <script type="text/javascript">
-      window.$crisp = [];
-      window.CRISP_WEBSITE_ID = "36724f62-2eb0-4b29-9cdd-9905fb99913e";
-      (function () {
-        d = document;
-        s = d.createElement("script");
-        s.src = "https://client.crisp.chat/l.js";
-        s.async = 1;
-        d.getElementsByTagName("head")[0].appendChild(s);
-      })();
-    </script>
-    <% } %> <% if (env.VITE_APP_INSTANCE === 'ROME') { %>
-    <meta name="description" content="Rome Online" />
-    <title>Rome Online</title>
-    <script type="text/javascript" id="zsiqchat">
-      var $zoho = $zoho || {};
-      $zoho.salesiq = $zoho.salesiq || {
-        widgetcode: "siq01bb8ac617280bdacddfeb528f07734dadc64ef3f05efef9f769c1ec171af666",
-        values: {},
-        ready: function () {}
-      };
-      var d = document;
-      s = d.createElement("script");
-      s.type = "text/javascript";
-      s.id = "zsiqscript";
-      s.defer = true;
-      s.src = "https://salesiq.zohopublic.com/widget";
-      t = d.getElementsByTagName("script")[0];
-      t.parentNode.insertBefore(s, t);
-    </script>
-    <script type="text/javascript">
-      window.$crisp = [];
-      window.CRISP_WEBSITE_ID = "36724f62-2eb0-4b29-9cdd-9905fb99913e";
-      (function () {
-        d = document;
-        s = d.createElement("script");
-        s.src = "https://client.crisp.chat/l.js";
-        s.async = 1;
-        d.getElementsByTagName("head")[0].appendChild(s);
-      })();
-    </script>
-    <% } %>
-    <script>!function(w,d,i,s){function l(){if(!d.getElementById(i)){var f=d.getElementsByTagName(s)[0],e=d.createElement(s);e.type="text/javascript",e.async=!0,e.src="https://canny.io/sdk.js",f.parentNode.insertBefore(e,f)}}if("function"!=typeof w.Canny){var c=function(){c.q.push(arguments)};c.q=[],w.Canny=c,"complete"===d.readyState?l():w.attachEvent?w.attachEvent("onload",l):w.addEventListener("load",l,!1)}}(window,document,"canny-jssdk","script");</script>
-
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-
-    <script type="module" src="src/index.jsx"></script>
-  </body>
-</html>

client/package.json

@@ -1,113 +1,110 @@
 {
   "name": "bodyshop",
   "version": "0.2.1",
-  "engines": {
-    "node": ">=22.0.0"
-  },
-  "type": "module",
   "private": true,
   "proxy": "http://localhost:4000",
   "dependencies": {
-    "@ant-design/pro-layout": "^7.22.4",
-    "@apollo/client": "^3.13.6",
-    "@emotion/is-prop-valid": "^1.3.1",
-    "@fingerprintjs/fingerprintjs": "^4.6.1",
-    "@firebase/analytics": "^0.10.16",
-    "@firebase/app": "^0.13.1",
-    "@firebase/auth": "^1.10.6",
-    "@firebase/firestore": "^4.7.17",
-    "@firebase/messaging": "^0.12.21",
+    "@ant-design/compatible": "^5.1.2",
+    "@ant-design/pro-layout": "^7.17.16",
+    "@apollo/client": "^3.8.10",
+    "@asseinfo/react-kanban": "^2.2.0",
+    "@craco/craco": "^7.1.0",
+    "@fingerprintjs/fingerprintjs": "^4.2.2",
     "@jsreport/browser-client": "^3.1.0",
-    "@reduxjs/toolkit": "^2.8.2",
-    "@sentry/cli": "^2.47.1",
-    "@sentry/react": "^9.38.0",
-    "@sentry/vite-plugin": "^3.5.0",
-    "@splitsoftware/splitio-react": "^2.3.1",
-    "@tanem/react-nprogress": "^5.0.53",
-    "antd": "^5.25.4",
+    "@reduxjs/toolkit": "^2.2.1",
+    "@sentry/cli": "^2.28.6",
+    "@sentry/react": "^7.104.0",
+    "@sentry/tracing": "^7.104.0",
+    "@splitsoftware/splitio-react": "^1.11.0",
+    "@tanem/react-nprogress": "^5.0.51",
+    "antd": "^5.14.2",
     "apollo-link-logger": "^2.0.1",
-    "apollo-link-sentry": "^4.3.0",
-    "autosize": "^6.0.1",
-    "axios": "^1.8.4",
-    "classnames": "^2.5.1",
-    "css-box-model": "^1.2.1",
-    "dayjs": "^1.11.13",
-    "dayjs-business-days2": "^1.3.0",
+    "apollo-link-sentry": "^3.3.0",
+    "axios": "^1.6.7",
+    "craco-less": "^3.0.1",
+    "dayjs": "^1.11.10",
+    "dayjs-business-days2": "^1.2.2",
     "dinero.js": "^1.9.1",
-    "dotenv": "^16.4.7",
+    "dotenv": "^16.4.5",
+    "enquire-js": "^0.2.1",
     "env-cmd": "^10.1.0",
     "exifr": "^7.1.3",
-    "graphql": "^16.11.0",
-    "i18next": "^24.2.3",
-    "i18next-browser-languagedetector": "^8.1.0",
-    "immutability-helper": "^3.1.1",
-    "libphonenumber-js": "^1.12.10",
-    "logrocket": "^9.0.2",
-    "markerjs2": "^2.32.4",
-    "memoize-one": "^6.0.0",
-    "normalize-url": "^8.0.2",
-    "object-hash": "^3.0.0",
-    "phone": "^3.1.59",
+    "firebase": "^10.8.1",
+    "graphql": "^16.6.0",
+    "i18next": "^23.10.0",
+    "i18next-browser-languagedetector": "^7.0.2",
+    "jsoneditor": "^10.0.1",
+    "jsreport-browser-client-dist": "^1.3.0",
+    "libphonenumber-js": "^1.10.57",
+    "logrocket": "^8.0.1",
+    "markerjs2": "^2.32.0",
+    "normalize-url": "^8.0.0",
+    "phone": "^3.1.42",
+    "preval.macro": "^5.0.0",
     "prop-types": "^15.8.1",
-    "query-string": "^9.2.0",
-    "raf-schd": "^4.0.3",
-    "react": "^18.3.1",
-    "react-big-calendar": "^1.19.2",
+    "query-string": "^9.0.0",
+    "rc-queue-anim": "^2.0.0",
+    "rc-scroll-anim": "^2.7.6",
+    "react": "^18.2.0",
+    "react-big-calendar": "^1.11.0",
     "react-color": "^2.19.3",
-    "react-cookie": "^8.0.1",
-    "react-dom": "^18.3.1",
+    "react-cookie": "^7.1.0",
+    "react-dom": "^18.2.0",
     "react-drag-listview": "^2.0.0",
-    "react-grid-gallery": "^1.0.1",
+    "react-grid-gallery": "^1.0.0",
     "react-grid-layout": "1.3.4",
-    "react-i18next": "^15.5.2",
-    "react-icons": "^5.5.0",
+    "react-i18next": "^14.0.5",
+    "react-icons": "^5.0.1",
     "react-image-lightbox": "^5.1.4",
-    "react-markdown": "^10.1.0",
-    "react-number-format": "^5.4.3",
-    "react-popopo": "^2.1.9",
-    "react-product-fruits": "^2.2.61",
-    "react-redux": "^9.2.0",
+    "react-intersection-observer": "^9.8.1",
+    "react-markdown": "^9.0.1",
+    "react-number-format": "^5.3.3",
+    "react-redux": "^9.1.0",
     "react-resizable": "^3.0.5",
-    "react-router-dom": "^6.30.0",
+    "react-router-dom": "^6.22.2",
+    "react-scripts": "^5.0.1",
     "react-sticky": "^6.0.3",
-    "react-virtuoso": "^4.12.8",
-    "recharts": "^2.15.2",
+    "react-sublime-video": "^0.2.5",
+    "react-virtualized": "^9.22.5",
+    "recharts": "^2.12.2",
     "redux": "^5.0.1",
-    "redux-actions": "^3.0.3",
     "redux-persist": "^6.0.0",
     "redux-saga": "^1.3.0",
     "redux-state-sync": "^3.1.4",
-    "reselect": "^5.1.1",
-    "sass": "^1.89.1",
-    "socket.io-client": "^4.8.1",
-    "styled-components": "^6.1.18",
+    "reselect": "^5.1.0",
+    "sass": "^1.71.1",
+    "socket.io-client": "^4.7.4",
+    "styled-components": "^6.1.8",
     "subscriptions-transport-ws": "^0.11.0",
-    "use-memo-one": "^1.1.3",
-    "vite-plugin-ejs": "^1.7.0",
-    "web-vitals": "^3.5.2"
+    "terser-webpack-plugin": "^5.3.10",
+    "web-vitals": "^3.5.2",
+    "workbox-core": "^7.0.0",
+    "workbox-expiration": "^7.0.0",
+    "workbox-navigation-preload": "^7.0.0",
+    "workbox-precaching": "^7.0.0",
+    "workbox-routing": "^7.0.0",
+    "workbox-strategies": "^7.0.0",
+    "yauzl": "^3.1.1"
   },
   "scripts": {
-    "postinstall": "echo 'when updating react-big-calendar, remember to check to localizer in the calendar wrapper'",
     "analyze": "source-map-explorer 'build/static/js/*.js'",
-    "start": "vite",
-    "build": "dotenvx run --env-file=.env.development.imex -- vite build",
-    "start:imex": "dotenvx run --env-file=.env.development.imex -- vite",
-    "start:rome": "dotenvx run --env-file=.env.development.rome -- vite",
-    "preview:imex": "dotenvx run --env-file=.env.development.imex -- vite preview",
-    "preview:rome": "dotenvx run --env-file=.env.development.rome -- vite preview",
-    "build:test:imex": "env-cmd -f .env.test.imex npm run build",
-    "build:test:rome": "env-cmd -f .env.test.rome npm run build",
-    "build:production:imex": "env-cmd -f .env.production.imex npm run build",
-    "build:production:rome": "env-cmd -f .env.production.rome npm run build",
+    "start": "craco start",
+    "build": "REACT_APP_GIT_SHA=`git rev-parse --short HEAD` craco build",
+    "build:test": "env-cmd -f .env.test npm run build",
+    "build-deploy:test": "npm run build:test && s3cmd sync build/* s3://imex-online-test && echo '🚀 TESTING Deployed!'",
+    "buildcra": "REACT_APP_GIT_SHA=`git rev-parse --short HEAD` craco build",
+    "test": "cypress open",
+    "eject": "react-scripts eject",
     "madge": "madge  --image ./madge-graph.svg --extensions js,jsx,ts,tsx --circular .",
     "eulaize": "node src/utils/eulaize.js",
-    "test:unit": "vitest run",
-    "test:watch": "vitest",
-    "test:e2e:imex": "playwright test --config playwright.config.js",
-    "test:e2e:rome": "playwright test --config playwright.rome.config.js",
-    "test:e2e:imex:headed": "playwright test --config playwright.config.js --headed",
-    "test:e2e:rome:headed": "playwright test --config playwright.rome.config.js --headed",
-    "test:e2e:report": "playwright show-report"
+    "sentry:sourcemaps": "sentry-cli sourcemaps inject --org imex --project imexonline ./build && sentry-cli sourcemaps upload --org imex --project imexonline ./build"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest",
+      "plugin:cypress/recommended"
+    ]
   },
   "browserslist": {
     "production": [
@@ -124,44 +121,14 @@
   "resolutions": {
     "react-error-overlay": "6.0.9"
   },
-  "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.6.1"
-  },
   "devDependencies": {
-    "@ant-design/icons": "^6.0.0",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/preset-react": "^7.27.1",
-    "@dotenvx/dotenvx": "^1.47.5",
-    "@emotion/babel-plugin": "^11.13.5",
-    "@emotion/react": "^11.14.0",
-    "@eslint/js": "^9.31.0",
-    "@playwright/test": "^1.54.1",
-    "@sentry/webpack-plugin": "^3.5.0",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.3.0",
-    "@vitejs/plugin-react": "^4.5.1",
-    "browserslist": "^4.25.0",
-    "browserslist-to-esbuild": "^2.1.1",
-    "chalk": "^5.4.1",
-    "eslint": "^8.57.1",
-    "eslint-config-react-app": "^7.0.1",
-    "eslint-plugin-react": "^7.37.5",
-    "globals": "^15.15.0",
-    "jsdom": "^26.0.0",
-    "memfs": "^4.17.2",
-    "os-browserify": "^0.3.0",
-    "playwright": "^1.54.1",
-    "react-error-overlay": "^6.1.0",
+    "@sentry/webpack-plugin": "^2.14.2",
+    "@testing-library/cypress": "^10.0.1",
+    "cypress": "^13.6.6",
+    "eslint-plugin-cypress": "^2.15.1",
+    "react-error-overlay": "6.0.11",
     "redux-logger": "^3.0.6",
-    "source-map-explorer": "^2.5.3",
-    "vite": "^6.3.5",
-    "vite-plugin-babel": "^1.3.1",
-    "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-node-polyfills": "^0.23.0",
-    "vite-plugin-pwa": "^1.0.0",
-    "vite-plugin-style-import": "^2.0.0",
-    "vitest": "^3.2.3",
-    "workbox-window": "^7.3.0"
+    "source-map-explorer": "^2.5.3"
   }
 }

client/playwright.config.js

@@ -1,25 +0,0 @@
-import { defineConfig } from "@playwright/test";
-import dotenv from "dotenv";
-
-dotenv.config({
-  path: "./.env.development.imex",
-  prefix: "TEST_"
-});
-
-export default defineConfig({
-  testDir: "./tests/e2e",
-  testMatch: "*.e2e.js",
-  timeout: 60 * 1000,
-  reporter: [["list"], ["html"]],
-  use: {
-    baseURL: "https://localhost:3000",
-    browser: "chromium",
-    ignoreHTTPSErrors: true
-  },
-  webServer: {
-    command: "npm run start:imex",
-    ignoreHTTPSErrors: true,
-    url: "https://localhost:3000/health", // Health check endpoint will tell us when the server is ready
-    reuseExistingServer: !process.env.CI // Reuse server locally, not in CI
-  }
-});

client/playwright.rome.config.js

@@ -1,25 +0,0 @@
-import { defineConfig } from "@playwright/test";
-import dotenv from "dotenv";
-
-dotenv.config({
-  path: "./.env.development.rome",
-  prefix: "TEST_"
-});
-
-export default defineConfig({
-  testDir: "./tests/e2e",
-  testMatch: "*.e2e.js",
-  timeout: 60 * 1000,
-  reporter: [["list"], ["html"]],
-  use: {
-    baseURL: "https://localhost:3000",
-    browser: "chromium",
-    ignoreHTTPSErrors: true
-  },
-  webServer: {
-    command: "npm run start:rome",
-    ignoreHTTPSErrors: true,
-    url: "https://localhost:3000/health", // Health check endpoint will tell us when the server is ready
-    reuseExistingServer: !process.env.CI // Reuse server locally, not in CI
-  }
-});

client/public/3rdparty-api.txt

@@ -16422,7 +16422,7 @@ For when you don't want to write the same thing over and over to cache a method
 $ npm install --save-dev stubs
 ```
 ```js
-var mylib = require('./lib/index.jsx')
+var mylib = require('./lib/index.js')
 var stubs = require('stubs')
 
 // make it a noop

client/public/3rdparty-app.txt

@@ -16567,7 +16567,7 @@ even more slower.
 ## Benchmarks
 
 ```bash
-$ node benchmarks/index.jsx
+$ node benchmarks/index.js
 Benchmarking: sign
 elliptic#sign x 262 ops/sec ±0.51% (177 runs sampled)
 eccjs#sign x 55.91 ops/sec ±0.90% (144 runs sampled)

client/public/editor.js

@@ -0,0 +1,95 @@
+// unlayer.registerPropertyEditor({
+//   name: "field_name",
+//   layout: "bottom",
+//   Widget: unlayer.createWidget({
+//     render(value) {
+//       return `
+//         <input class="field" value=${value} />
+//       `;
+//     },
+//     mount(node, value, updateValue) {
+//       var input = node.getElementsByClassName("field")[0];
+//       input.onchange = function (event) {
+//         updateValue(event.target.value);
+//       };
+//     },
+//   }),
+// });
+
+// unlayer.registerTool({
+//   type: "whatever",
+//   category: "contents",
+//   label: "Begin Repeat",
+//   icon: "fa-smile",
+//   values: {},
+//   options: {
+//     default: {
+//       title: null,
+//     },
+//     text: {
+//       title: "Field",
+//       position: 1,
+//       options: {
+//         field: {
+//           label: "Field",
+//           defaultValue: "",
+//           widget: "field_name",
+//         },
+//       },
+//     },
+//   },
+//   renderer: {
+//     Viewer: unlayer.createViewer({
+//       render(values) {
+//         console.log(values);
+//         return `
+//           <div style="display: none;">{{#each ${values.field}}}</div>
+//         `;
+//       },
+//     }),
+//     exporters: {
+//       web: function () {},
+//       email: function () {},
+//     },
+//   },
+// });
+
+// unlayer.registerTool({
+//   type: "whatever",
+//   category: "contents",
+//   label: "End Repeat",
+//   icon: "fa-smile",
+//   values: {},
+//   options: {
+//     default: {
+//       title: null,
+//     },
+//     text: {
+//       title: "Field",
+//       position: 1,
+//       options: {
+//         field: {
+//           label: "Field",
+//           defaultValue: "",
+//           widget: "field_name",
+//         },
+//       },
+//     },
+//   },
+//   renderer: {
+//     Viewer: unlayer.createViewer({
+//       render(values) {
+//         return `
+//           <div style="display: none;">{{ /each }}</div>
+//         `;
+//       },
+//     }),
+//     exporters: {
+//       web: function () {},
+//       email: function () {},
+//     },
+//   },
+// });
+
+unlayer.registerColumns([2, 2, 2, 2, 2, 2]);
+unlayer.registerColumns([1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]);

client/public/firebase-messaging-sw.js

@@ -1,45 +1,45 @@
 // Scripts for firebase and firebase messaging
-importScripts("https://www.gstatic.com/firebasejs/10.14.1/firebase-app-compat.js");
-importScripts("https://www.gstatic.com/firebasejs/10.14.1/firebase-messaging-compat.js");
+importScripts("https://www.gstatic.com/firebasejs/8.2.0/firebase-app.js");
+importScripts("https://www.gstatic.com/firebasejs/8.2.0/firebase-messaging.js");
 
 // Initialize the Firebase app in the service worker by passing the generated config
 let firebaseConfig;
 switch (this.location.hostname) {
-  case "localhost":
-    firebaseConfig = {
-      apiKey: "AIzaSyDPLT8GiDHDR1R4nI66Qi0BY1aYviDPioc",
-      authDomain: "imex-dev.firebaseapp.com",
-      databaseURL: "https://imex-dev.firebaseio.com",
-      projectId: "imex-dev",
-      storageBucket: "imex-dev.appspot.com",
-      messagingSenderId: "759548147434",
-      appId: "1:759548147434:web:e8239868a48ceb36700993",
-      measurementId: "G-K5XRBVVB4S"
-    };
-    break;
-  case "test.imex.online":
-    firebaseConfig = {
-      apiKey: "AIzaSyBw7_GTy7GtQyfkIRPVrWHEGKfcqeyXw0c",
-      authDomain: "imex-test.firebaseapp.com",
-      projectId: "imex-test",
-      storageBucket: "imex-test.appspot.com",
-      messagingSenderId: "991923618608",
-      appId: "1:991923618608:web:633437569cdad78299bef5"
-      // measurementId: "${config.measurementId}",
-    };
-    break;
-  case "imex.online":
-  default:
-    firebaseConfig = {
-      apiKey: "AIzaSyDSezy-jGJreo7ulgpLdlpOwAOrgcaEkhU",
-      authDomain: "imex-prod.firebaseapp.com",
-      databaseURL: "https://imex-prod.firebaseio.com",
-      projectId: "imex-prod",
-      storageBucket: "imex-prod.appspot.com",
-      messagingSenderId: "253497221485",
-      appId: "1:253497221485:web:3c81c483b94db84b227a64",
-      measurementId: "G-NTWBKG2L0M"
-    };
+    case "localhost":
+        firebaseConfig = {
+            apiKey: "AIzaSyDPLT8GiDHDR1R4nI66Qi0BY1aYviDPioc",
+            authDomain: "imex-dev.firebaseapp.com",
+            databaseURL: "https://imex-dev.firebaseio.com",
+            projectId: "imex-dev",
+            storageBucket: "imex-dev.appspot.com",
+            messagingSenderId: "759548147434",
+            appId: "1:759548147434:web:e8239868a48ceb36700993",
+            measurementId: "G-K5XRBVVB4S",
+        };
+        break;
+    case "test.imex.online":
+        firebaseConfig = {
+            apiKey: "AIzaSyBw7_GTy7GtQyfkIRPVrWHEGKfcqeyXw0c",
+            authDomain: "imex-test.firebaseapp.com",
+            projectId: "imex-test",
+            storageBucket: "imex-test.appspot.com",
+            messagingSenderId: "991923618608",
+            appId: "1:991923618608:web:633437569cdad78299bef5",
+            // measurementId: "${config.measurementId}",
+        };
+        break;
+    case "imex.online":
+    default:
+        firebaseConfig = {
+            apiKey: "AIzaSyDSezy-jGJreo7ulgpLdlpOwAOrgcaEkhU",
+            authDomain: "imex-prod.firebaseapp.com",
+            databaseURL: "https://imex-prod.firebaseio.com",
+            projectId: "imex-prod",
+            storageBucket: "imex-prod.appspot.com",
+            messagingSenderId: "253497221485",
+            appId: "1:253497221485:web:3c81c483b94db84b227a64",
+            measurementId: "G-NTWBKG2L0M",
+        };
 }
 
 firebase.initializeApp(firebaseConfig);
@@ -48,7 +48,9 @@ firebase.initializeApp(firebaseConfig);
 const messaging = firebase.messaging();
 
 messaging.onBackgroundMessage(function (payload) {
-  // Customize notification here
-  console.log("[firebase-messaging-sw.js] Received background message ", payload);
-  self.registration.showNotification(notificationTitle, notificationOptions);
+    // Customize notification here
+    const channel = new BroadcastChannel("imex-sw-messages");
+    channel.postMessage(payload);
+
+    //self.registration.showNotification(notificationTitle, notificationOptions);
 });