Release 0.23.0

.github/workflows/ci.yml

@@ -102,7 +102,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4
-      - uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b # v4
+      - uses: actions/setup-node@0a44ba7841725637a19e28fa30b79a866c81b0a6 # v4
         with:
           node-version: "^20"
           cache: yarn
@@ -123,14 +123,20 @@ jobs:
       - name: Style lint
         run: yarn run style-lint
 
-      - name: Webpack build
-        run: yarn run build
-        env:
-          MITOL_API_BASE_URL: https://api.mitlearn-test.odl.mit.edu
-
       - name: Lints
         run: yarn run lint-check
 
+      - name: Build Next.js frontend
+        run: yarn workspace main build
+        env:
+          NODE_ENV: production
+          NEXT_PUBLIC_ORIGIN: https://ci.learn.mit.edu
+          NEXT_PUBLIC_MITOL_API_BASE_URL: https://api.ci.learn.mit.edu
+          NEXT_PUBLIC_CSRF_COOKIE_NAME: cookie-monster
+          NEXT_PUBLIC_SITE_NAME: MIT Learn
+          NEXT_PUBLIC_MITOL_SUPPORT_EMAIL: [email protected]
+        # do this before typecheck. See https://github.com/vercel/next.js/issues/53959#issuecomment-1735563224
+
       - name: Typecheck
         run: yarn run typecheck
 
@@ -144,24 +150,64 @@ jobs:
           CODECOV: true
           NODE_ENV: test
 
-      - name: Upload frontend build
-        uses: actions/upload-artifact@50769540e7f4bd5e21e526ee35c689e35e0d6874 # v4
-        with:
-          name: frontend-build
-          path: frontends/mit-learn/build
-
       - name: Upload coverage to CodeCov
         uses: codecov/codecov-action@e28ff129e5465c2c0dcc6f003fc735cb6ae0c673 # v4.5.0
         with:
           file: coverage/lcov.info
 
+  build-nextjs-container:
+    needs: javascript-tests
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4
+
+      - name: Build the Docker image
+        env:
+          ORIGIN: https://next.rc.learn.mit.edu
+          MITOL_API_BASE_URL: https://api.rc.learn.mit.edu
+          SITE_NAME: MIT Learn
+          SUPPORT_EMAIL: [email protected]
+          EMBEDLY_KEY: ${{ secrets.EMBEDLY_KEY_RC }}
+          MITOL_AXIOS_WITH_CREDENTIALS: true
+          CSRF_COOKIE_NAME: ${{ secrets.CSRF_COOKIE_NAME_RC }}
+          POSTHOG_API_HOST: https://app.posthog.com
+          POSTHOG_PROJECT_ID: ${{ secrets.POSTHOG_PROJECT_ID_RC }}
+          POSTHOG_API_KEY: ${{ secrets.POSTHOG_PROJECT_API_KEY_RC }}
+          SENTRY_DSN: ${{ secrets.SENTRY_DSN_RC }}
+          SENTRY_ENV: ${{ secrets.MITOL_ENVIRONMENT_RC }}
+          SENTRY_PROFILES_SAMPLE_RATE: ${{ secrets.SENTRY_PROFILES_SAMPLE_RATE_RC }}
+          SENTRY_TRACES_SAMPLE_RATE: ${{ secrets.SENTRY_TRACES_SAMPLE_RATE_RC }}
+          APPZI_URL: ${{ secrets.APPZI_URL_RC }}
+          VERSION: ${{ github.sha }}
+        run: |
+          docker build \
+            -f frontends/main/Dockerfile.web \
+            --build-arg NEXT_PUBLIC_ORIGIN=$ORIGIN \
+            --build-arg NEXT_PUBLIC_MITOL_API_BASE_URL=$MITOL_API_BASE_URL \
+            --build-arg NEXT_PUBLIC_SITE_NAME="$SITE_NAME" \
+            --build-arg NEXT_PUBLIC_MITOL_SUPPORT_EMAIL=$SUPPORT_EMAIL \
+            --build-arg NEXT_PUBLIC_EMBEDLY_KEY=$EMBEDLY_KEY \
+            --build-arg NEXT_PUBLIC_MITOL_AXIOS_WITH_CREDENTIALS=$MITOL_AXIOS_WITH_CREDENTIALS \
+            --build-arg NEXT_PUBLIC_CSRF_COOKIE_NAME=$CSRF_COOKIE_NAME \
+            --build-arg NEXT_PUBLIC_POSTHOG_API_HOST=$POSTHOG_API_HOST \
+            --build-arg NEXT_PUBLIC_POSTHOG_PROJECT_ID=$POSTHOG_PROJECT_ID \
+            --build-arg NEXT_PUBLIC_POSTHOG_API_KEY=$POSTHOG_API_KEY \
+            --build-arg NEXT_PUBLIC_SENTRY_DSN=$SENTRY_DSN \
+            --build-arg NEXT_PUBLIC_SENTRY_ENV=$SENTRY_ENV \
+            --build-arg NEXT_PUBLIC_SENTRY_PROFILES_SAMPLE_RATE=$SENTRY_PROFILES_SAMPLE_RATE \
+            --build-arg NEXT_PUBLIC_SENTRY_TRACES_SAMPLE_RATE=$SENTRY_TRACES_SAMPLE_RATE \
+            --build-arg NEXT_PUBLIC_APPZI_URL=$APPZI_URL \
+            --build-arg NEXT_PUBLIC_VERSION=$VERSION \
+            -t mitodl/mit-learn-frontend:$VERSION .
+
   build-storybook:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4
 
-      - uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b # v4
+      - uses: actions/setup-node@0a44ba7841725637a19e28fa30b79a866c81b0a6 # v4
         with:
           node-version: "^20"
           cache: yarn
@@ -171,7 +217,7 @@ jobs:
         run: yarn install
 
       - name: Build Storybook
-        run: yarn workspace mit-learn build-storybook
+        run: yarn workspace ol-components build-storybook
 
   openapi-generated-client-check-v0:
     # This job checks that the output of openapi-generator-typescript-axios that
@@ -184,7 +230,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4
-      - uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b # v4
+      - uses: actions/setup-node@0a44ba7841725637a19e28fa30b79a866c81b0a6 # v4
         with:
           node-version: "^20"
           cache: yarn
@@ -223,7 +269,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4
-      - uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b # v4
+      - uses: actions/setup-node@0a44ba7841725637a19e28fa30b79a866c81b0a6 # v4
         with:
           node-version: "^20"
           cache: yarn
@@ -259,7 +305,7 @@ jobs:
     steps:
       - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4
 
-      - uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b # v4
+      - uses: actions/setup-node@0a44ba7841725637a19e28fa30b79a866c81b0a6 # v4
         with:
           node-version: "^20"
           cache: yarn

.github/workflows/production.yml

@@ -19,64 +19,78 @@ jobs:
         with:
           ref: release
 
-      - uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b # v4
-        with:
-          node-version: "^20"
-          cache: yarn
-          cache-dependency-path: yarn.lock
+      - name: Set VERSION
+        run: echo "VERSION=$(./scripts/get_version.sh)" >> $GITHUB_ENV
 
-      - name: Setup environment
-        run: sudo apt-get install libelf1
+      - name: Write commit SHA to file
+        run: echo $GITHUB_SHA > frontends/main/public/hash.txt
 
-      - name: Install frontend dependencies
-        run: yarn install --immutable
+      - name: Heroku login
+        env:
+          HEROKU_API_KEY: ${{ secrets.HEROKU_API_KEY }}
+        run: heroku container:login
 
-      - name: Set VERSION
-        run: echo "VERSION=$(./scripts/get_version.sh)" >> $GITHUB_ENV
+      - name: Release Backend on Heroku
+        uses: akhileshns/heroku-deploy@581dd286c962b6972d427fcf8980f60755c15520
+        with:
+          heroku_api_key: ${{ secrets.HEROKU_API_KEY }}
+          heroku_app_name: mitopen-production
+          heroku_email: ${{ secrets.HEROKU_EMAIL }}
+          branch: release
 
-      - name: Build frontend
-        run: NODE_ENV=production yarn build
+      - name: Build and push the Docker image
         env:
+          HEROKU_APP_NAME: mitopen-production-nextjs
+          HEROKU_API_KEY: ${{ secrets.HEROKU_API_KEY }}
+          ORIGIN: https://learn.mit.edu
+          MITOL_API_BASE_URL: https://api.learn.mit.edu
+          SITE_NAME: MIT Learn
+          SUPPORT_EMAIL: [email protected]
           EMBEDLY_KEY: ${{ secrets.EMBEDLY_KEY_PROD }}
-          POSTHOG_ENABLED: true
+          MITOL_AXIOS_WITH_CREDENTIALS: true
+          CSRF_COOKIE_NAME: ${{ secrets.CSRF_COOKIE_NAME_PROD }}
           POSTHOG_API_HOST: https://app.posthog.com
-          POSTHOG_TIMEOUT_MS: 1000
           POSTHOG_PROJECT_ID: ${{ secrets.POSTHOG_PROJECT_ID_PROD }}
-          POSTHOG_PROJECT_API_KEY: ${{ secrets.POSTHOG_PROJECT_API_KEY_PROD }}
+          POSTHOG_API_KEY: ${{ secrets.POSTHOG_PROJECT_API_KEY_PROD }}
           SENTRY_DSN: ${{ secrets.SENTRY_DSN_PROD }}
           SENTRY_ENV: ${{ secrets.MITOL_ENVIRONMENT_PROD }}
+          SENTRY_PROFILES_SAMPLE_RATE: ${{ secrets.SENTRY_PROFILES_SAMPLE_RATE_PROD }}
+          SENTRY_TRACES_SAMPLE_RATE: ${{ secrets.SENTRY_TRACES_SAMPLE_RATE_PROD }}
           APPZI_URL: ${{ secrets.APPZI_URL_PROD }}
-          CSRF_COOKIE_NAME: ${{ secrets.CSRF_COOKIE_NAME_PROD }}
-          MITOL_AXIOS_WITH_CREDENTIALS: true
-          MITOL_API_BASE_URL: https://api.learn.mit.edu
-          MITOL_SUPPORT_EMAIL: [email protected]
-
-      - uses: akhileshns/heroku-deploy@581dd286c962b6972d427fcf8980f60755c15520
-        with:
-          heroku_api_key: ${{ secrets.HEROKU_API_KEY }}
-          heroku_app_name: "mitopen-production"
-          heroku_email: ${{ secrets.HEROKU_EMAIL }}
-          branch: release
+          VERSION: ${{ github.sha }}
+        run: |
+          heroku container:push web \
+          --app $HEROKU_APP_NAME \
+          --recursive \
+          --arg NEXT_PUBLIC_ORIGIN=$ORIGIN,\
+          NEXT_PUBLIC_MITOL_API_BASE_URL=$MITOL_API_BASE_URL,\
+          NEXT_PUBLIC_SITE_NAME="$SITE_NAME",\
+          NEXT_PUBLIC_MITOL_SUPPORT_EMAIL=$SUPPORT_EMAIL,\
+          NEXT_PUBLIC_EMBEDLY_KEY=$EMBEDLY_KEY,\
+          NEXT_PUBLIC_MITOL_AXIOS_WITH_CREDENTIALS=$MITOL_AXIOS_WITH_CREDENTIALS,\
+          NEXT_PUBLIC_CSRF_COOKIE_NAME=$CSRF_COOKIE_NAME,\
+          NEXT_PUBLIC_POSTHOG_API_HOST=$POSTHOG_API_HOST,\
+          NEXT_PUBLIC_POSTHOG_PROJECT_ID=$POSTHOG_PROJECT_ID,\
+          NEXT_PUBLIC_POSTHOG_API_KEY=$POSTHOG_API_KEY,\
+          NEXT_PUBLIC_SENTRY_DSN=$SENTRY_DSN,\
+          NEXT_PUBLIC_SENTRY_ENV=$SENTRY_ENV,\
+          NEXT_PUBLIC_SENTRY_PROFILES_SAMPLE_RATE=$SENTRY_PROFILES_SAMPLE_RATE,\
+          NEXT_PUBLIC_SENTRY_TRACES_SAMPLE_RATE=$SENTRY_TRACES_SAMPLE_RATE,\
+          NEXT_PUBLIC_APPZI_URL=$APPZI_URL,\
+          NEXT_PUBLIC_VERSION=$VERSION \
+          --context-path .
 
-      - name: Write commit SHA to file
-        run: echo $GITHUB_SHA > frontends/mit-learn/build/static/hash.txt
-
-      - name: Upload frontend build to s3
-        uses: jakejarvis/s3-sync-action@master
-        with:
-          args: --acl public-read --follow-symlinks
+      - name: Release Frontend on Heroku
         env:
-          AWS_S3_BUCKET: ol-mitlearn-app-storage-production
-          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID_PROD }}
-          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY_PROD }}
-          SOURCE_DIR: "frontends/mit-learn/build" # optional: defaults to entire repository
-          DEST_DIR: "frontend" # This dir will get cluttered but it is okay for now
+          HEROKU_APP_NAME: mitopen-production-nextjs
+          HEROKU_API_KEY: ${{ secrets.HEROKU_API_KEY }}
+        run: heroku container:release --app $HEROKU_APP_NAME web
 
       - name: Purge Fastly cache
         uses: jcoene/fastly-purge-action@master
         with:
-          api_key: "${{ secrets.FASTLY_API_KEY_PROD }}"
-          service_id: "${{ secrets.FASTLY_SERVICE_ID_PROD }}"
+          api_key: "${{ secrets.FASTLY_API_KEY_PROD_NEXTJS }}"
+          service_id: "${{ secrets.FASTLY_SERVICE_ID_PROD_NEXTJS }}"
 
   # runs ONLY on a failure of the CI workflow
   on-failure:

.github/workflows/publish-pages.yml

@@ -1,3 +1,5 @@
+name: Publish Storybook
+
 on:
   # Runs on pushes targeting the default branch
   push:
@@ -13,7 +15,7 @@ jobs:
       - name: Checkout
         uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4
 
-      - uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b # v4
+      - uses: actions/setup-node@0a44ba7841725637a19e28fa30b79a866c81b0a6 # v4
         with:
           node-version: "^20"
           cache: yarn
@@ -23,12 +25,12 @@ jobs:
         run: yarn install
 
       - name: Build Storybook
-        run: yarn workspace mit-learn build-storybook
+        run: yarn workspace ol-components build-storybook
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@56afc609e74202658d3ffba0e8f6dda462b719fa # v3
         with:
-          path: ./frontends/mit-learn/storybook-static
+          path: ./frontends/ol-components/storybook-static
 
   deploy:
     needs: build