fix: restructure headless browser app to its own folder

Author: adklempner

.dockerignore

@@ -0,0 +1,25 @@
+**/node_modules
+**/.git
+**/.vscode
+**/dist
+**/build
+**/.DS_Store
+**/.env*
+**/*.log
+
+# Exclude all packages except browser-tests and browser-container
+packages/discovery/
+packages/tests/
+packages/utils/
+packages/sds/
+packages/sdk/
+packages/relay/
+packages/rln/
+packages/message-hash/
+packages/proto/
+packages/enr/
+packages/interfaces/
+packages/message-encryption/
+packages/core/
+packages/react-native-polyfills/
+packages/build-utils/

.eslintrc.json

@@ -5,7 +5,13 @@
     "project": ["./tsconfig.json"]
   },
   "env": { "es6": true },
-  "ignorePatterns": ["node_modules", "build", "coverage", "proto"],
+  "ignorePatterns": [
+    "node_modules",
+    "build",
+    "coverage",
+    "proto",
+    "**/webpack.config.js"
+  ],
   "plugins": ["import", "eslint-comments", "functional"],
   "extends": [
     "eslint:recommended",

.github/workflows/ci.yml

@@ -29,8 +29,6 @@ jobs:
         with:
           node-version: ${{ env.NODE_JS }}
       - uses: ./.github/actions/npm
-      - name: Install headless dependencies
-        run: cd packages/browser-tests/headless && npm install
       - run: npm run build
       - run: npm run check
       - run: npm run doc
@@ -45,8 +43,6 @@ jobs:
         with:
           node-version: ${{ env.NODE_JS }}
       - uses: ./.github/actions/npm
-      - name: Install headless dependencies
-        run: cd packages/browser-tests/headless && npm install
       - name: Generate protobuf code
         run: |
           npm run proto
@@ -72,8 +68,6 @@ jobs:
         with:
           node-version: ${{ env.NODE_JS }}
       - uses: ./.github/actions/npm
-      - name: Install headless dependencies
-        run: cd packages/browser-tests/headless && npm install
       - run: npm run build:esm
       - run: npm run test:browser
 

.github/workflows/playwright.yml

@@ -29,8 +29,8 @@ jobs:
 
     - uses: ./.github/actions/npm
 
-    - name: Install headless dependencies
-      run: cd packages/browser-tests/headless && npm install
+    - name: Build browser container
+      run: npm run build --workspace=@waku/browser-container
 
     - name: Build browser test environment
       run: npm run build --workspace=@waku/browser-tests

packages/browser-tests/Dockerfile renamed to Dockerfile

@@ -27,33 +27,36 @@ RUN apt-get update && apt-get install -y \
 # Set working directory
 WORKDIR /app
 
-# Copy package.json files
-COPY package.json ./
-COPY tsconfig.json ./
-COPY headless/package.json ./headless/
-COPY types/ ./types/
+# Copy package.json and install dependencies
+COPY package.json package-lock.json ./
+COPY packages/browser-tests/package.json ./packages/browser-tests/
+COPY packages/headless-tests/package.json ./packages/headless-tests/
 
 # Install dependencies
 RUN npm install
-RUN cd headless && npm install
+RUN cd packages/browser-tests && npm install
+RUN cd packages/headless-tests && npm install
 
-# Make sure serve is installed globally to avoid import issues
+# Install serve globally
 RUN npm install -g serve
 
-# Copy project files
-COPY . .
+# Copy source files
+COPY tsconfig.json ./
+COPY packages/browser-tests/tsconfig.json ./packages/browser-tests/
+COPY packages/headless-tests/ ./packages/headless-tests/
+COPY packages/browser-tests/src/ ./packages/browser-tests/src/
 
-# Build headless package
-RUN cd headless && npm run build
+# Build headless-tests package
+RUN cd packages/headless-tests && npm run build
 
 # Install Playwright browsers
 RUN npx playwright install chromium
 
 # Build TypeScript server
-RUN npm run build:server
+RUN cd packages/browser-tests && npm run build:server
 
 # Expose port for the API server
 EXPOSE 3000
 
 # Start the API server
-CMD ["npm", "run", "start:server"]
+CMD ["sh", "-c", "cd packages/browser-tests && npm run start:server"]