Merge pull request #12937 from CesiumGS/sandcastle-banner-update

Sandcastle full release

Author: ggetz

.github/workflows/prod.yml

@@ -1,8 +1,8 @@
 name: prod
-on: 
+on:
   push:
-    branches: 
-      - 'cesium.com'
+    branches:
+      - "cesium.com"
 jobs:
   lint:
     runs-on: ubuntu-latest
@@ -11,7 +11,7 @@ jobs:
       - name: install node 22
         uses: actions/setup-node@v5
         with:
-          node-version: '22'
+          node-version: "22"
       - name: npm install
         run: npm install
       - name: lint *.js
@@ -36,13 +36,17 @@ jobs:
       - name: install node 22
         uses: actions/setup-node@v5
         with:
-          node-version: '22'
+          node-version: "22"
       - name: npm install
         run: npm install
       - name: build website release
         run: npm run website-release
       - name: build apps
         run: npm run build-apps
+      - name: build types
+        run: npm run build-ts
+      - name: build prod sandcastle
+        run: npm run build-prod -w packages/sandcastle -- -l warn
       - name: deploy to cesium.com
         if: ${{ env.AWS_ACCESS_KEY_ID != '' }}
         run: |
@@ -51,4 +55,4 @@ jobs:
           aws s3 sync Build/release/ s3://cesium-website/cesiumjs/releases/$(cat package.json | jq -r '.version' | sed 's/\.0$//')/ --cache-control "public, max-age=1800" --delete
           aws s3 sync Build/Documentation/ s3://cesium-website/cesiumjs/ref-doc/ --cache-control "public, max-age=1800" --delete
           aws s3 sync Build/CesiumViewer/ s3://cesium-website/cesiumjs/cesium-viewer/ --cache-control "public, max-age=1800" --delete
-          aws s3 sync Build/Sandcastle/ s3://cesium-sandcastle-website/ --cache-control "public, max-age=1800" --delete
+          aws s3 sync Build/Sandcastle2/ s3://cesium-sandcastle-website/ --cache-control "public, max-age=1800" --delete

Apps/Sandcastle/index.html

@@ -81,7 +81,7 @@
         data-dojo-type="dijit.layout.ContentPane"
         data-dojo-props="region: 'top'"
       >
-        <a href="https://dev-sandcastle.cesium.com"
+        <a href="https://sandcastle.cesium.com"
           >Try the new version of Sandcastle today!</a
         >
       </div>

CHANGES.md

@@ -2,6 +2,8 @@
 
 ## 1.134 - 2025-10-01
 
+- [Sandcastle](https://sandcastle.cesium.com/) has been updated at `https://sandcastle.cesium.com`! The [legacy Sandcastle app](https://cesium.com/downloads/cesiumjs/releases/1.134/Apps/Sandcastle/index.html) will remain available through November 3, 2025.
+
 ### @cesium/engine
 
 #### Fixes :wrench:

gulpfile.js

@@ -447,6 +447,13 @@ export const websiteRelease = gulp.series(
       node: false,
     });
   },
+  function () {
+    return buildCesium({
+      minify: true,
+      removePragmas: true,
+      node: false,
+    });
+  },
   combineForSandcastle,
   buildDocs,
 );
@@ -663,6 +670,7 @@ export const makeZip = gulp.series(release, async function createZipFile() {
           "!**/*.gitignore",
           "!Specs/e2e/*-snapshots/**",
           "!Apps/Sandcastle/gallery/development/**",
+          "!Apps/Sandcastle2/**",
         ],
         {
           encoding: false,

index.html

@@ -32,12 +32,11 @@
             <a href="Apps/HelloWorld.html">Hello World</a>
           </li>
           <li>
-            <a href="Apps/Sandcastle/index.html">Sandcastle</a>
+            <a href="Apps/Sandcastle2/index.html">Sandcastle</a>
             <ul>
               <li>
-                <a href="Build/Apps/Sandcastle/index.html">Built Sandcastle</a>
+                <a href="Apps/Sandcastle/index.html">Legacy Sandcastle</a>
               </li>
-              <li><a href="Apps/Sandcastle2/index.html">Sandcastle v2</a></li>
             </ul>
           </li>
           <li>

packages/sandcastle/sandcastle.config.js

@@ -1,3 +1,5 @@
+import process from "process";
+
 const config = {
   root: ".",
   sourceUrl: "https://github.com/CesiumGS/cesium/blob/main/packages/sandcastle",
@@ -19,7 +21,7 @@ const config = {
       labels: [],
       development: false,
     },
-    includeDevelopment: true,
+    includeDevelopment: !process.env.PROD,
   },
 };
 

packages/sandcastle/src/App.tsx

@@ -483,7 +483,10 @@ function App() {
       synchronizeColorScheme
     >
       <div className="banner">
-        <Anchor href="https://sandcastle.cesium.com" tone="accent">
+        <Anchor
+          href="https://cesium.com/downloads/cesiumjs/releases/1.134/Apps/Sandcastle/index.html"
+          tone="accent"
+        >
           Looking for the old Sandcastle? It's still here (for a little while) →
         </Anchor>
       </div>

packages/sandcastle/src/Gallery/Gallery.css

@@ -126,11 +126,9 @@
     padding: var(--stratakit-space-x2);
     gap: var(--stratakit-space-x2);
     overflow-y: auto;
-    &:focus-visible {
-      /* small margin to allow focus highlight to be visible all the way around */
-      margin: 0 3px 4px;
-      border-radius: var(--stratakit-ext-radius-xs);
-    }
+    /* small margin to allow focus highlight to be visible all the way around */
+    margin: 0 3px 4px;
+    border-radius: var(--stratakit-ext-radius-xs);
   }
 
   .empty-list div {