actions for preview www

Author: Barsnes

.github/workflows/azure-preview-www-cleanup.yml

@@ -0,0 +1,39 @@
+name: Azure Preview WWW Cleanup
+
+on:
+  pull_request:
+    types: [closed]
+
+permissions:
+  id-token: write
+  contents: read
+
+env:
+  RESOURCE_GROUP: rg-designsystemet-test
+  ACR_NAME: designsystemetacr
+  APP_NAME: www-pr-${{ github.event.number }}
+
+jobs:
+  cleanup:
+    if: ${{ github.repository == 'digdir/designsystemet' }}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: az login (oidc)
+        uses: azure/login@v2
+        with:
+          client-id: ${{ secrets.AZURE_CLIENT_ID }}
+          tenant-id: ${{ secrets.AZURE_TENANT_ID }}
+          subscription-id: ${{ secrets.AZURE_SUBSCRIPTION_ID }}
+
+      - name: Delete Container App
+        run: |
+          echo "Attempting delete of $APP_NAME in $RESOURCE_GROUP"
+          az containerapp show -n $APP_NAME -g $RESOURCE_GROUP >/dev/null 2>&1 \
+            && az containerapp delete -n $APP_NAME -g $RESOURCE_GROUP --yes \
+            && echo "Deleted $APP_NAME" \
+            || echo "Container app $APP_NAME not found (nothing to delete)"
+
+      - name: Summary
+        run: echo "Cleanup complete for $APP_NAME" >> $GITHUB_STEP_SUMMARY

.github/workflows/azure-preview-www.yml

@@ -0,0 +1,87 @@
+name: Azure Preview WWW
+
+on:
+  workflow_dispatch:
+  pull_request:
+    types: [opened, synchronize, reopened]
+    paths:
+      - 'apps/www/**'
+      - 'internal/components/**'
+
+permissions:
+  id-token: write
+  contents: read
+
+env:
+  RESOURCE_GROUP: rg-designsystemet-test
+  CONTAINERAPPS_ENV: www-test-ca
+  ACR_NAME: designsystemetacr
+  APP_NAME: www-pr-${{ github.event.number }}
+  PORT: '8000'
+
+concurrency:
+  group: azure-www-preview-${{ github.event.pull_request.number || github.run_id }}
+  cancel-in-progress: true
+
+jobs:
+  deploy:
+    if: ${{ github.repository == 'digdir/designsystemet' }}
+    runs-on: ubuntu-latest
+    outputs:
+      fqdn: ${{ steps.fqdn.outputs.fqdn }}
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: az login (oidc)
+        uses: azure/login@v2
+        with:
+          client-id: ${{ secrets.AZURE_CLIENT_ID }}
+          tenant-id: ${{ secrets.AZURE_TENANT_ID }}
+          subscription-id: ${{ secrets.AZURE_SUBSCRIPTION_ID }}
+
+      - name: acr login
+        run: az acr login --name ${{ env.ACR_NAME }}
+
+      - name: Build & push image
+        uses: docker/build-push-action@v5
+        with:
+          context: .
+          file: ./Dockerfile
+          target: www
+          platforms: linux/amd64
+          push: true
+          tags: ${{ env.ACR_NAME }}.azurecr.io/www:${{ env.APP_NAME }}-${{ github.sha }}
+
+      - name: Deploy / Update Container App
+        uses: azure/container-apps-deploy-action@v1
+        with:
+          resourceGroup: ${{ env.RESOURCE_GROUP }}
+          containerAppName: ${{ env.APP_NAME }}
+          containerAppEnvironment: ${{ env.CONTAINERAPPS_ENV }}
+          acrName: ${{ env.ACR_NAME }}
+          imageToDeploy: ${{ env.ACR_NAME }}.azurecr.io/www:${{ env.APP_NAME }}-${{ github.sha }}
+          targetPort: ${{ env.PORT }}
+          ingress: external
+          environmentVariables: |
+            PORT=${{ env.PORT }}
+            HOST=0.0.0.0
+
+      - name: Fetch FQDN
+        id: fqdn
+        run: |
+          echo "Retrieving FQDN for $APP_NAME"
+          FQDN=$(az containerapp show -n $APP_NAME -g $RESOURCE_GROUP --query properties.configuration.ingress.fqdn -o tsv)
+          echo "fqdn=$FQDN" >> $GITHUB_OUTPUT
+
+      - name: Summary
+        run: |
+          echo "Preview deployed: https://${{ steps.fqdn.outputs.fqdn }}" >> $GITHUB_STEP_SUMMARY
+
+  update-comment:
+    if: ${{ github.event_name == 'pull_request' }}
+    needs: deploy
+    uses: ./.github/workflows/preview-comment.yml
+    with:
+      pr_number: ${{ github.event.number }}
+      deployment_type: www
+      deployment_url: https://${{ needs.deploy.outputs.fqdn }}

apps/www/app/root.tsx

@@ -79,7 +79,7 @@ export const loader = async ({ params, request }: Route.LoaderArgs) => {
 
   const menu = [
     {
-      name: 'navigation.fundamentals!',
+      name: 'navigation.fundamentals!!',
       href: `/${lang}/fundamentals`,
     },
     {