react-covideo-embed 1.0.61 → 1.0.63

package/.github/DEPLOYMENT_SETUP.md

@@ -0,0 +1,161 @@
+# Automated Deployment Setup Guide
+
+This document describes how to configure the automated deployment pipeline between `react-covideo-embed` and `embeddable-ecorder`.
+
+## Overview
+
+When a new version of `react-covideo-embed` is published to npm:
+1. The `react-covideo-embed` workflow publishes to npm
+2. It sends a repository dispatch event to `embeddable-ecorder`
+3. The `embeddable-ecorder` workflow deploys all 6 version branches to S3
+4. CloudFront cache is invalidated
+
+## Required Secrets
+
+### react-covideo-embed Repository
+
+Go to: `Settings → Secrets and variables → Actions → New repository secret`
+
+| Secret Name | Description | How to Get |
+|-------------|-------------|------------|
+| `ECORDER_DEPLOY_TOKEN` | GitHub PAT to trigger embeddable-ecorder workflow | See "Creating the Deploy Token" below |
+
+**Note:** npm publishing uses OIDC trusted publishing (no `NPM_TOKEN` needed). The repository is configured as a trusted publisher on npm.
+
+### embeddable-ecorder Repository
+
+Go to: `Settings → Secrets and variables → Actions → New repository secret`
+
+| Secret Name | Description | How to Get |
+|-------------|-------------|------------|
+| `AWS_ACCESS_KEY_ID` | AWS IAM access key for S3/CloudFront | AWS IAM Console |
+| `AWS_SECRET_ACCESS_KEY` | AWS IAM secret key | AWS IAM Console |
+| `CLOUDFRONT_DISTRIBUTION_ID` | CloudFront distribution ID for code.covideo.com | AWS CloudFront Console |
+
+**Note:** The workflow uses the built-in `GITHUB_TOKEN` to commit version bumps back to each branch. If your repository has branch protection rules that block pushes, you may need to either:
+- Allow GitHub Actions to bypass branch protection, OR
+- Create a PAT with write permissions and add it as a secret (e.g., `REPO_PAT`)
+
+## Creating the Deploy Token (ECORDER_DEPLOY_TOKEN)
+
+1. Go to GitHub → Settings → Developer settings → Personal access tokens → Fine-grained tokens
+2. Click "Generate new token"
+3. Configure:
+   - **Token name:** `ecorder-deploy-trigger`
+   - **Expiration:** Set appropriate expiration (or no expiration for automation)
+   - **Repository access:** Select "Only select repositories" → `covideodevteam/embeddable-ecorder`
+   - **Permissions:**
+     - Repository permissions → Contents: Read and write
+     - Repository permissions → Metadata: Read-only
+4. Generate and copy the token
+5. Add it as `ECORDER_DEPLOY_TOKEN` secret in `react-covideo-embed` repository
+
+## AWS IAM Policy
+
+The AWS credentials need these permissions:
+
+```json
+{
+  "Version": "2012-10-17",
+  "Statement": [
+    {
+      "Effect": "Allow",
+      "Action": [
+        "s3:PutObject",
+        "s3:PutObjectAcl",
+        "s3:GetObject",
+        "s3:ListBucket"
+      ],
+      "Resource": [
+        "arn:aws:s3:::covideo-code-cdn",
+        "arn:aws:s3:::covideo-code-cdn/recorder/*"
+      ]
+    },
+    {
+      "Effect": "Allow",
+      "Action": [
+        "cloudfront:CreateInvalidation"
+      ],
+      "Resource": "arn:aws:cloudfront::<ACCOUNT_ID>:distribution/<DISTRIBUTION_ID>"
+    }
+  ]
+}
+```
+
+## Deployment Flow
+
+```
+┌─────────────────────────────────────────────────────────────────────┐
+│                      react-covideo-embed                            │
+├─────────────────────────────────────────────────────────────────────┤
+│  1. Push to master with version change                              │
+│  2. CI detects version bump in package.json                         │
+│  3. npm ci && npm run build                                         │
+│  4. npm publish (to @latest tag)                                    │
+│  5. Send repository_dispatch to embeddable-ecorder                  │
+└─────────────────────────────────────────────────────────────────────┘
+                                  │
+                                  ▼
+┌─────────────────────────────────────────────────────────────────────┐
+│                      embeddable-ecorder                             │
+├─────────────────────────────────────────────────────────────────────┤
+│  Receives dispatch event with version number                        │
+│                                                                     │
+│  For EACH version branch (parallel):                                │
+│  ┌────────────────────────────────────────────────────────────────┐ │
+│  │  • version/elead      → s3://covideo-code-cdn/recorder/version-elead     │ │
+│  │  • version/dealersocket → s3://covideo-code-cdn/recorder/version-dealersocket │ │
+│  │  • version/sandbox    → s3://covideo-code-cdn/recorder/version-sandbox   │ │
+│  │  • version/mobile     → s3://covideo-code-cdn/recorder/version-mobile    │ │
+│  │  • version/cdk        → s3://covideo-code-cdn/recorder/version-cdk       │ │
+│  │  • version/momentum   → s3://covideo-code-cdn/recorder/version-momentum  │ │
+│  └────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│  Each branch:                                                       │
+│  1. Checkout branch                                                 │
+│  2. npm ci                                                          │
+│  3. npm install react-covideo-embed@<version>                       │
+│  4. npm run build                                                   │
+│  5. Rename main.*.js → main.js                                      │
+│  6. Upload to S3 with public-read ACL                               │
+│  7. Commit package.json update back to branch                       │
+│                                                                     │
+│  After all branches:                                                │
+│  • Invalidate CloudFront cache (/recorder/*)                        │
+└─────────────────────────────────────────────────────────────────────┘
+```
+
+## Manual Trigger
+
+You can manually trigger the embeddable-ecorder deployment:
+
+1. Go to embeddable-ecorder → Actions → "Deploy all version branches"
+2. Click "Run workflow"
+3. Optionally specify a version (leave empty for latest)
+
+## Verifying Deployment
+
+After deployment completes:
+
+1. Go to any production URL (e.g., https://www.covideo.com/api/elead/)
+2. Hard refresh (Cmd+Shift+R or Ctrl+Shift+R)
+3. Open DevTools → Network tab
+4. Look for `react-covideo-embed-version` header in requests
+5. Verify it matches the deployed version
+
+## Troubleshooting
+
+### Workflow not triggering
+- Ensure `ECORDER_DEPLOY_TOKEN` has correct permissions
+- Check that the token hasn't expired
+- Verify the repository dispatch event was sent (check react-covideo-embed Actions logs)
+
+### S3 upload failing
+- Verify AWS credentials are valid
+- Check IAM policy has required permissions
+- Ensure bucket name is correct
+
+### CloudFront not updating
+- Invalidation can take a few minutes
+- Verify distribution ID is correct
+- Check invalidation status in AWS CloudFront Console

package/.github/workflows/publish-and-deploy.yml

@@ -0,0 +1,91 @@
+name: Publish to npm and trigger deployments
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
+    outputs:
+      version: ${{ steps.get_version.outputs.version }}
+      should_publish: ${{ steps.check_version.outputs.should_publish }}
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 2
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '18'
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Check if version changed
+        id: check_version
+        run: |
+          # Get current version from package.json
+          CURRENT_VERSION=$(node -p "require('./package.json').version")
+
+          # Check if this commit changed package.json version
+          git diff HEAD~1 HEAD --name-only | grep -q "package.json" || {
+            echo "should_publish=false" >> $GITHUB_OUTPUT
+            echo "No package.json changes, skipping publish"
+            exit 0
+          }
+
+          # Check if version line changed
+          if git diff HEAD~1 HEAD -- package.json | grep -q '"version"'; then
+            echo "should_publish=true" >> $GITHUB_OUTPUT
+            echo "Version changed to $CURRENT_VERSION, will publish"
+          else
+            echo "should_publish=false" >> $GITHUB_OUTPUT
+            echo "Version not changed, skipping publish"
+          fi
+
+      - name: Get package version
+        id: get_version
+        if: steps.check_version.outputs.should_publish == 'true'
+        run: |
+          VERSION=$(node -p "require('./package.json').version")
+          echo "version=$VERSION" >> $GITHUB_OUTPUT
+          echo "Package version: $VERSION"
+
+      - name: Install dependencies
+        if: steps.check_version.outputs.should_publish == 'true'
+        run: npm ci
+
+      - name: Build package
+        if: steps.check_version.outputs.should_publish == 'true'
+        run: |
+          rm -rf build
+          npm run build
+
+      - name: Publish to npm
+        if: steps.check_version.outputs.should_publish == 'true'
+        run: npm publish --provenance --access public
+
+  trigger-deployments:
+    needs: publish
+    if: needs.publish.outputs.should_publish == 'true'
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Trigger embeddable-ecorder deployment
+        uses: peter-evans/repository-dispatch@v3
+        with:
+          token: ${{ secrets.ECORDER_DEPLOY_TOKEN }}
+          repository: covideodevteam/embeddable-ecorder
+          event-type: react-covideo-embed-published
+          client-payload: '{"version": "${{ needs.publish.outputs.version }}", "ref": "${{ github.sha }}"}'
+
+      - name: Log dispatch
+        run: |
+          echo "Dispatched deployment event for version ${{ needs.publish.outputs.version }}"
+          echo "Target repository: covideodevteam/embeddable-ecorder"

package/build/app/pages/login/SSOLogin.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    handleUpdateToken: Function;
+};
+export declare const SSOLogin: ({ handleUpdateToken }: Props) => JSX.Element;
+export {};