Merge branch 'main' into benjamindannegard/cloud-editor-naming-fix

Author: TaddyHC

.github/workflows/deploy-production.yml

@@ -26,7 +26,7 @@ jobs:
     steps:
       - uses: actions/checkout@v4
         with:
-          fetch-depth: 0
+          fetch-depth: 1
       - uses: actions/setup-node@v4
         with:
           node-version: 18
@@ -50,28 +50,48 @@ jobs:
         id: gatsby-cache-folder
         with:
           path: .cache
-          key: ${{ runner.os }}-cache-gatsby-${{ github.sha }}
+          key: ${{ runner.os }}-cache-gatsby-${{ github.ref_name }}
           restore-keys: |
-            ${{ runner.os }}-cache-gatsby-
+            ${{ runner.os }}-cache-gatsby-main
 
       - name: Gatsby Public Folder
         uses: actions/cache@v4
         id: gatsby-public-folder
         with:
           path: public/
-          key: ${{ runner.os }}-public-gatsby-${{ github.sha }}
+          key: ${{ runner.os }}-public-gatsby-${{ github.ref_name }}
           restore-keys: |
-            ${{ runner.os }}-public-gatsby-
+            ${{ runner.os }}-public-gatsby-main
 
       - run: npm install
       - run: npm run build
 
+      - name: Clean up node_modules
+        run: rm -rf node_modules
+
       - name: Configure AWS credentials from Production account
         uses: aws-actions/configure-aws-credentials@v4
         with:
           role-to-assume: ${{ secrets.PRODUCTION_IAM_ROLE }}
           aws-region: us-east-1
 
+      - name: Sync all cacheable assets
+        run: aws s3 sync --cache-control "public, max-age=31536000, immutable" --include "*.css" --include="*.js" --include="*.gif" --include="*.png" --include="*.svg" --exclude "*.html" --exclude="sw.js" --exclude="*.json" --exclude="*.pdf" --delete public/ s3://${{ secrets.PRODUCTION_BUCKET_NAME }}/
+
+      - name: Sync all non-cacheable assets
+        # Don't cache any HTML or JSON file: they should always be up-to-dates
+        run: aws s3 sync --cache-control "public, max-age=0, must-revalidate" --include "*.html" --include="sw.js" --include="*.json" --include "*.css" --exclude="*.js" --exclude="*.gif" --exclude="*.png" --exclude="*.svg" --exclude="*.pdf" --delete public/ s3://${{ secrets.PRODUCTION_BUCKET_NAME }}/
+
+      # - name: Sync PDF
+      #   run: aws s3 sync --cache-control "public, max-age=86400, must-revalidate" --include "*.pdf" --exclude="*.js" --exclude="*.gif" --exclude="*.png" --exclude="*.svg" --exclude="*.css" --exclude="*.html" --exclude="*.json" --exclude="sw.json" --delete public/ s3://${{ secrets.PRODUCTION_BUCKET_NAME }}/
+
+      # - name: Purge cache on CloudFlare
+      #   run: |
+      #     curl -X POST "https://api.cloudflare.com/client/v4/zones/${{ secrets.CLOUDFLARE_ZONE }}/purge_cache" \
+      #       -H "Authorization: Bearer ${{ secrets.CLOUDFLARE_PURGE_API_TOKEN }}" \
+      #       -H "Content-Type: application/json" \
+      #       --data '{"prefixes":["${{ vars.DATASHEETS_BASE_URL }}"]}'
+
       - name: Sync all cacheable assets
         run: aws s3 sync --cache-control "public, max-age=31536000, immutable" --include "*.css" --include="*.js" --include="*.gif" --include="*.png" --include="*.svg" --exclude "*.html" --exclude="sw.js" --exclude="*.json" --delete public/ s3://${{ secrets.PRODUCTION_BUCKET_NAME }}/
 

.github/workflows/deploy-staging.yml

@@ -25,8 +25,7 @@ jobs:
     steps:
       - uses: actions/checkout@v4
         with:
-          fetch-depth: 0
-      - run: git log -1 --pretty=format:%aI content/learn/04.electronics/05.servo-motors/servo-motors.md
+          fetch-depth: 1
       - uses: actions/setup-node@v4
         with:
           node-version: 18
@@ -50,31 +49,52 @@ jobs:
         id: gatsby-cache-folder
         with:
           path: .cache
-          key: ${{ runner.os }}-cache-gatsby-${{ github.sha }}
+          key: ${{ runner.os }}-cache-gatsby-${{ github.ref_name }}
           restore-keys: |
-            ${{ runner.os }}-cache-gatsby-
+            ${{ runner.os }}-cache-gatsby-main
 
       - name: Gatsby Public Folder
         uses: actions/cache@v4
         id: gatsby-public-folder
         with:
           path: public/
-          key: ${{ runner.os }}-public-gatsby-${{ github.sha }}
+          key: ${{ runner.os }}-public-gatsby-${{ github.ref_name }}
           restore-keys: |
-            ${{ runner.os }}-public-gatsby-
+            ${{ runner.os }}-public-gatsby-main
 
       - run: npm install
       - run: npm run build
 
+      - name: Clean up node_modules
+        run: rm -rf node_modules
+
       - name: Configure AWS credentials from Staging account
         uses: aws-actions/configure-aws-credentials@v4
         with:
           role-to-assume: ${{ secrets.STAGING_IAM_ROLE }}
           aws-region: us-east-1
 
+      # - name: Sync all cacheable assets
+      #   run: aws s3 sync --cache-control "public, max-age=31536000, immutable" --include "*.css" --include="*.js" --include="*.gif" --include="*.png" --include="*.svg" --exclude "*.html" --exclude="sw.js" --exclude="*.json" --exclude="*.pdf" --delete public/ s3://${{ secrets.STAGING_BUCKET_NAME }}/
+
+      # - name: Sync all non-cacheable assets
+      #   # Don't cache any HTML or JSON file: they should always be up-to-dates
+      #   run: aws s3 sync --cache-control "public, max-age=0, must-revalidate" --include "*.html" --include="sw.js" --include="*.json" --include "*.css" --exclude="*.js" --exclude="*.gif" --exclude="*.png" --exclude="*.svg" --exclude="*.pdf" --delete public/ s3://${{ secrets.STAGING_BUCKET_NAME }}/
+
+      # - name: Sync PDF
+      #   run: aws s3 sync --cache-control "public, max-age=86400, must-revalidate" --include "*.pdf" --exclude="*.js" --exclude="*.gif" --exclude="*.png" --exclude="*.svg" --exclude="*.css" --exclude="*.html" --exclude="*.json" --exclude="sw.json" --delete public/ s3://${{ secrets.STAGING_BUCKET_NAME }}/
+
+      # - name: Purge cache on CloudFlare
+      #   run: |
+      #     curl -X POST "https://api.cloudflare.com/client/v4/zones/${{ secrets.CLOUDFLARE_ZONE }}/purge_cache" \
+      #       -H "Authorization: Bearer ${{ secrets.CLOUDFLARE_PURGE_API_TOKEN }}" \
+      #       -H "Content-Type: application/json" \
+      #       --data '{"prefixes":["${{ vars.DATASHEETS_BASE_URL }}"]}'
+
       - name: Sync all cacheable assets
         run: aws s3 sync --cache-control "public, max-age=31536000, immutable" --include "*.css" --include="*.js" --include="*.gif" --include="*.png" --include="*.svg" --exclude "*.html" --exclude="sw.js" --exclude="*.json" --delete public/ s3://${{ secrets.STAGING_BUCKET_NAME }}/
 
       - name: Sync all non-cacheable assets
         # Don't cache any HTML or JSON file: they should always be up-to-dates
         run: aws s3 sync --cache-control "public, max-age=0, must-revalidate" --include "*.html" --include="sw.js" --include="*.json" --include "*.css" --exclude="*.js" --exclude="*.gif" --exclude="*.png" --exclude="*.svg" --delete public/ s3://${{ secrets.STAGING_BUCKET_NAME }}/
+

.github/workflows/preview.yml

@@ -69,18 +69,18 @@ jobs:
         id: gatsby-cache-folder
         with:
           path: .cache
-          key: ${{ runner.os }}-cache-gatsby-${{ github.sha }}
+          key: ${{ runner.os }}-cache-gatsby-${{ github.ref_name }}
           restore-keys: |
-            ${{ runner.os }}-cache-gatsby-
+            ${{ runner.os }}-cache-gatsby-main
 
       - name: Gatsby Public Folder
         uses: actions/cache@v4
         id: gatsby-public-folder
         with:
           path: public/
-          key: ${{ runner.os }}-public-gatsby-${{ github.sha }}
+          key: ${{ runner.os }}-public-gatsby-${{ github.ref_name }}
           restore-keys: |
-            ${{ runner.os }}-public-gatsby-
+            ${{ runner.os }}-public-gatsby-main
 
       - run: npm install
       - run: npm run build
@@ -135,4 +135,4 @@ jobs:
           body: |
             ## Preview Deployment
             🚀 Preview this PR: ${{ steps.url_preview.outputs.NETLIFY_PREVIEW_URL }}
-            📍 Commit SHA: ${{ github.sha }}
+            📍 Commit SHA: ${{ github.sha }}

.github/workflows/render-datasheets.yaml

@@ -10,8 +10,8 @@ jobs:
       REPO_ACCESS_TOKEN: ${{ secrets.REPO_ACCESS_TOKEN }}
 
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
         with:
           node-version: 18
           cache: "npm"
@@ -20,4 +20,5 @@ jobs:
       - name: Render
         run: |
          cd scripts/datasheet-rendering
-         ./render-datasheets.sh
+         ./render-datasheets.sh
+        continue-on-error: true

content/_dev-test/product.md

@@ -0,0 +1,13 @@
+---
+title: Test
+url_shop: /test/
+url_guide: /test/
+primary_button_url: /test/
+primary_button_title: Test
+secondary_button_url: /test/
+secondary_button_title: Test
+core: ""
+certifications: []
+sku: []
+essentials_title: "test"
+---

content/arduino-cloud/01.guides/01.cloud-editor/assets/WebEditorInstall_2.png

@@ -1,5 +1,5 @@
 ---
-title: 'Cloud Editor (New)'
+title: 'Cloud Editor'
 description: 'Get started with the Cloud Editor, an online IDE in the Arduino Cloud.'
 author: 'Karl Söderby'
 ---
@@ -26,6 +26,9 @@ The Cloud Editor features all the necessary tools to develop and test your Ardui
 
 1. First, log in or create an [Arduino account](https://app.arduino.cc/).
 2. Then install the [Cloud Agent](https://create.arduino.cc/getting-started/plugin/welcome).
+
+![Cloud Agent Installation](./assets/agentinstallation.png)
+
 3. After installing the Cloud Agent, navigate to the [Cloud Editor](https://app.arduino.cc/sketches/).
 4. Now connect an Arduino board to your computer. Once you connect it, it should show up in the editor.
 

content/arduino-cloud/01.guides/01.cloud-editor/assets/WebEditorInstall_3.png

@@ -446,3 +446,9 @@ if(valueDropDown == "string"){
   //if string matches, execute code
 }
 ```
+
+### Image
+
+![Image widget](assets/widget-image.png)
+
+Use the image widget to put a JPG, PNG or WEBP image on your dashboard! If you instead want to use an image URL, then chose the URL option under image source. Keep in mind the URL needs to be a HTTPS URL and not a HTTP URL. It is also possible to use local addresses. If you are using the URL option you can add a refresh frequency to the image widget, enabling the widget to function as a video or moving image. The image will then update  The image can be made to fill the widget frame or to fit within the widget frame. A grey background can be added to the widget to help with visibility issues for PNGs with transparent backgrounds.