Hackweek/webapp builder

.depcheckrc.yaml

@@ -15,6 +15,7 @@ ignores: [
     '\#types',
     '\#components',
     '\#utils',
+    '\#plugins',
     # This is used in src/styles, which recognizes absolute paths from the repo root
     'src',
     # To support e2e-reports

.env

@@ -5,4 +5,6 @@ APP_PLAYER_ID=M4qoGvUk
 APP_DEFAULT_LANGUAGE=en
 
 # a comma separated list of languages that are enabled (this only works for languages that are enabled in the app)
-APP_ENABLED_LANGUAGES=en,es
+APP_ENABLED_LANGUAGES=en,es
+
+APP_BUILDER_COMPONENT="./plugins/appbuilder/AppBuilder"

.github/workflows/codeceptjs.yml

@@ -0,0 +1,38 @@
+name: CodeceptJS
+
+on: [workflow_dispatch]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      fail-fast: false
+      matrix:
+        node-version: [18.x]
+        config: [desktop, mobile]
+
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: Install dependencies
+        run: |
+          yarn
+          yarn global add wait-on
+      - name: Start preview server
+        run: yarn start:test &
+      - name: Run tests
+        run: wait-on -v -t 60000 -c ./scripts/waitOnConfig.js http-get://localhost:8080 && yarn codecept:${{ matrix.config }}
+        env:
+          TEST_RETRY_COUNT: 2
+          WORKER_COUNT: 2
+      - name: Uploading artifact
+        if: always()
+        uses: actions/upload-artifact@v3
+        with:
+          name: allure-report-${{ matrix.config }}
+          path: ./test-e2e/output/${{ matrix.config }}
+          retention-days: 7

.github/workflows/export.yml

@@ -0,0 +1,54 @@
+name: Export WebApp [ Hackweek ]
+
+on:
+  workflow_dispatch:
+    inputs:
+      tag:
+        type: input
+        description: 'unique tag'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/cache@v2
+        with:
+          path: '**/node_modules'
+          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
+
+      - name: Cache Build Artifacts
+        if: ${{ steps.check-cache.outputs.cache-exists != 'true' }}
+        uses: actions/cache@v2
+        with:
+          path: build
+          key: ${{ runner.os }}-build
+
+      - name: Use Node.js 18.x
+        uses: actions/setup-node@v1
+        with:
+          node-version: 18.x
+
+      - name: Check Build Cache
+        id: check-cache
+        run: echo "cache-exists=$(test -d build && echo true || echo false)" >> $GITHUB_OUTPUT
+
+      - name: Build WebApp
+        if: ${{ steps.check-cache.outputs.cache-exists != 'true' }}
+        run: |
+          yarn
+          npx vite build --mode prod
+
+      - name: Inject config-id in webapp.ini
+        run: |
+          touch build/public/.webapp.ini
+          echo "defaultConfigSource=${{ github.event.inputs.tag }}" > build/public/.webapp.ini
+
+      - name: Uploading artifact
+        if: always()
+        uses: actions/upload-artifact@v3
+        with:
+          name: webapp-${{ github.event.inputs.tag }}
+          path: ./build
+          retention-days: 1

.github/workflows/linting.yml

@@ -0,0 +1,24 @@
+name: Linting
+
+on: [workflow_dispatch]
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.x]
+
+    steps:
+      - uses: actions/checkout@v1
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: yarn install, lint
+        run: |
+          yarn install
+          yarn lint
+        env:
+          CI: true

.github/workflows/test-e2e.yml

@@ -1,13 +1,6 @@
 name: Test - End to End
 
-on:
-  pull_request:
-    branches: [ 'develop', 'feat/*', 'feature/*', 'release', 'release-candidate' ]
-  push:
-    branches: [ 'develop', 'release', 'release-candidate' ]
-  schedule:
-    - cron: '30 3 * * 1-5'
-  workflow_dispatch:
+on: [workflow_dispatch]
 
 jobs:
   build:

.github/workflows/test-linting.yml

@@ -1,6 +1,6 @@
 name: Test - Linting
 
-on: [pull_request]
+on: [workflow_dispatch]
 
 jobs:
   lint:

.github/workflows/test-unit-snapshot.yml

@@ -1,6 +1,6 @@
 name: Test - Unit and Snapshot
 
-on: [pull_request]
+on: [workflow_dispatch]
 
 jobs:
   build:

package.json

@@ -43,7 +43,7 @@
   "dependencies": {
     "@adyen/adyen-web": "^5.42.1",
     "@codeceptjs/allure-legacy": "^1.0.2",
-    "@inplayer-org/inplayer.js": "^3.13.13",
+    "@inplayer-org/inplayer.js": "^3.13.17",
     "classnames": "^2.3.1",
     "date-fns": "^2.28.0",
     "dompurify": "^2.3.8",

src/components/ChooseOfferForm/ChooseOfferForm.module.scss

@@ -20,7 +20,7 @@
   justify-content: center;
   margin-bottom: 24px;
 
-  > input  {
+  > input {
     &:checked + .label {
       border-radius: 4px;
       transform: scale(1.02);
@@ -137,3 +137,34 @@
     font-size: 12px;
   }
 }
+
+.productInfo {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+  padding: 16px 0;
+}
+
+.productImage {
+  width: 100%;
+  height: 300px;
+  object-fit: cover;
+  overflow: hidden;
+  border: 1px solid rgba(variables.$white, 0.34);
+  border-radius: 4px;
+  transition: all 0.2s ease;
+
+  &:hover {
+    border-color: variables.$white;
+    transform: scale(1.02);
+    cursor: pointer;
+  }
+}
+
+.productImageZoomed {
+  width: 100%;
+  height: auto;
+  border: 1px solid rgba(variables.$white, 0.34);
+  border-radius: 4px;
+}