Merge pull request #765 from filamentphp/4.x

4.x-beta

Author: danharrin

.prettierignore

@@ -6,6 +6,7 @@ composer.lock
 docs/dist
 docs/filament
 docs/node_modules
+docs/preserved-dist
 docs/src/navigation.json
 docs/src/pages
 docs/torchlight-cache

app/Providers/AppServiceProvider.php

@@ -49,7 +49,9 @@ public function boot(): void
             'plugin' => Plugin::class,
         ]);
 
-        URL::forceScheme('https');
+        if ($this->app->environment('production')) {
+            URL::forceScheme('https');
+        }
 
         RateLimiter::for('vpn_api', function (CheckIfIpIsVpn $job): Limit {
             if (

content/articles/leandrocfe-filament-v4-beta-feature-overview.md

@@ -4,6 +4,7 @@ DOCS_VERSIONS=(
     1.x
     2.x
     3.x
+    4.x
 )
 
 for v in "${DOCS_VERSIONS[@]}"; do

docs/bin/checkout-latest-filament

@@ -0,0 +1,17 @@
+#!/bin/bash
+
+DOCS_VERSIONS=(
+    1.x
+    2.x
+    3.x
+)
+
+for v in "${DOCS_VERSIONS[@]}"; do
+    if [ ! -d "filament/$v" ]; then
+        echo "Cloning $v..."
+        git clone --single-branch --branch "$v" [email protected]:filamentphp/filament.git "filament/$v"
+    fi;
+done
+
+rm -rf filament/4.x
+ln -sf ../../../filament filament/4.x

docs/bin/checkout-local-filament-4.x

@@ -7,11 +7,12 @@
         "checkout": "bin/checkout-latest-filament",
         "sync": "node sync.mjs",
         "dev": "astro dev",
+        "dev:checkout-4.x": "bin/checkout-local-filament-4.x",
+        "dev:generate-4.x": "npm run dev:checkout-4.x && npm run sync && npm run build && npm run publicize-assets",
         "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 && mkdir -p ../public/docs/3.x && cp -R filament/3.x/docs-assets/screenshots/images ../public/docs/3.x/images",
+        "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 && mkdir -p ../public/docs/4.x && cp -R filament/4.x/docs-assets/screenshots/images ../public/docs/4.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",
         "astro": "astro"
     },

docs/package.json

@@ -10,7 +10,7 @@ const { variant } = Astro.props as Props;
 
 <div
     class:list={[
-        "my-3 rounded-lg border-s-4 px-4 py-3 prose-p:my-0",
+        "mb-6 rounded-lg border-s-4 px-4 py-3 prose-p:my-0",
         {
             "border-purple-400 bg-purple-400/10 text-purple-950 dark:bg-purple-500/20 dark:text-purple-100 prose-code:[p_&]:bg-purple-600/10 prose-code:dark:[p_&]:bg-white/20":
                 variant === "tip",

docs/src/components/Aside.astro

@@ -12,20 +12,20 @@ const dimensions = probe.sync(image);
 ---
 
 <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={`/docs/${version}/images/light/${name}.jpg`}
+    alt={alt}
+    loading="lazy"
+    decoding="async"
+    class="rounded-xl dark:hidden"
+  />
 
-    <img
-        src={`/docs/${version}/images/dark/${name}.jpg`}
-        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>
 

docs/src/components/AutoScreenshot.astro

@@ -1,6 +1,6 @@
 <details
     {...Astro.props}
-    class="rounded-lg bg-[#ffede0] dark:bg-[#100f1b] border-2 border-[#ffd6b6] dark:border-[#282732] px-4 py-2 mb-3"
+    class="rounded-lg bg-[#ffede0] dark:bg-[#100f1b] border-2 border-[#ffd6b6] dark:border-[#282732] px-4 py-2 mb-6"
 >
     <summary class="font-medium">
         <slot name="summary" />