Use local docs images

Author: danharrin

docs/README.md

@@ -9,7 +9,7 @@
         "dev": "astro dev",
         "start": "astro dev",
         "build": "astro build",
-        "publicize-assets": "rm -rf ../public/docs && cp -R dist ../public/docs && rm ../public/docs/index.html && rm -rf ../public/docs/1.x && rm -rf ../public/docs/2.x && rm -rf ../public/docs/3.x && rm -rf ../public/docs/4.x && rm -rf ./preserved-dist && cp -R dist ./preserved-dist",
+        "publicize-assets": "rm -rf ../public/docs && cp -R dist ../public/docs && rm ../public/docs/index.html && rm -rf ../public/docs/1.x && rm -rf ../public/docs/2.x && rm -rf ../public/docs/3.x && rm -rf ../public/docs/4.x && rm -rf ./preserved-dist && cp -R dist ./preserved-dist && mkdir -p ../public/docs/3.x && cp -R filament/3.x/docs-assets/screenshots/images ../public/docs/3.x/images",
         "generate": "npm run checkout && npm run sync && npm run build && npm run publicize-assets",
         "generate-dev": "npm run sync && npm run build && npm run publicize-assets",
         "preview": "astro preview",

docs/package.json

@@ -11,21 +11,21 @@ const image = fs.readFileSync(new URL(
 const dimensions = probe.sync(image);
 ---
 
-<div style={`aspect-ratio: ${dimensions.width} / ${dimensions.height}`} class="rounded-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10">
-  <img
-    src={`https://github.com/filamentphp/filament/blob/${version}/docs-assets/screenshots/images/light/${name}.jpg?raw=true`}
-    alt={alt}
-    loading="lazy"
-    decoding="async"
-    class="rounded-xl dark:hidden"
-  />
+<div style={`aspect-ratio: ${dimensions.width} / ${dimensions.height}`} class="rounded-xl mb-6 ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10">
+    <img
+        src={`/docs/${version}/images/light/${name}.jpg`}
+        alt={alt}
+        loading="lazy"
+        decoding="async"
+        class="rounded-xl dark:hidden"
+    />
 
-  <img
-    src={`https://github.com/filamentphp/filament/blob/${version}/docs-assets/screenshots/images/dark/${name}.jpg?raw=true`}
-    alt={alt}
-    loading="lazy"
-    decoding="async"
-    class="rounded-xl hidden dark:block"
-  />
+    <img
+        src={`/docs/${version}/images/dark/${name}.jpg`}
+        alt={alt}
+        loading="lazy"
+        decoding="async"
+        class="rounded-xl hidden dark:block"
+    />
 </div>