Show the version in the footer on preview.tabler.io (#3025)

.changeset/footer-version-on-production.md

@@ -0,0 +1,5 @@
+---
+"@tabler/preview": patch
+---
+
+Fixed the footer on `preview.tabler.io` to show the version link instead of the `Generated` build stamp.

shared/components/layout/Footer.astro

@@ -3,8 +3,10 @@ import Icon from '@ui/Icon.astro'
 import { site } from '@shared/lib/site'
 import { formatUtcTimestamp } from '@shared/lib/date-format'
 
-// Set to "preview" on the branch deploys, same as robots.txt and sitemap.xml.
+// Vercel sets VERCEL_ENV to "production" on preview.tabler.io and to "preview"
-const environment = process.env.NODE_ENV || 'production'
+// on branch deploys. Only branch deploys get the build stamp next to the
+// version; production and local/packaged builds stay byte-stable.
+const isBranchDeploy = process.env.VERCEL_ENV === 'preview'
 
 const now = new Date()
 ---
@@ -41,16 +43,11 @@ const now = new Date()
             <a href="." class="link-secondary">{site.title}</a>. All rights reserved.
           </li>
           <li class="list-inline-item">
-            {
+            <a href="./changelog.html" class="link-secondary" rel="noopener">
-              environment === 'preview' ? (
+              v{site.version}
-                `Generated ${formatUtcTimestamp(now)}`
+            </a>
-              ) : (
-                <a href="./changelog.html" class="link-secondary" rel="noopener">
-                  v{site.version}
-                </a>
-              )
-            }
           </li>
+          {isBranchDeploy && <li class="list-inline-item">Generated {formatUtcTimestamp(now)}</li>}
         </ul>
       </div>
     </div>

turbo.json

@@ -1,62 +1,28 @@
 {
   "$schema": "https://turbo.build/schema.json",
-  "globalEnv": [
+  "globalEnv": ["NODE_ENV", "VERCEL_ENV", "NEXT_PUBLIC_POSTHOG_KEY", "NEXT_PUBLIC_POSTHOG_HOST", "DOCSEARCH_API_KEY", "DOCSEARCH_APP_ID", "DOCSEARCH_INDEX_NAME"],
-    "NODE_ENV",
-    "NEXT_PUBLIC_POSTHOG_KEY",
-    "NEXT_PUBLIC_POSTHOG_HOST",
-    "DOCSEARCH_API_KEY",
-    "DOCSEARCH_APP_ID",
-    "DOCSEARCH_INDEX_NAME"
-  ],
   "tasks": {
     "build": {
-      "dependsOn": [
+      "dependsOn": ["^build"],
-        "^build"
+      "outputs": ["dist/**"],
-      ],
-      "outputs": [
-        "dist/**"
-      ],
       "cache": true
     },
     "@tabler/preview#build": {
-      "dependsOn": [
+      "dependsOn": ["^build"],
-        "^build"
+      "inputs": ["$TURBO_DEFAULT$", "$TURBO_ROOT$/shared/**"],
-      ],
+      "outputs": ["dist/**", "tmp-assets/**"],
-      "inputs": [
-        "$TURBO_DEFAULT$",
-        "$TURBO_ROOT$/shared/**"
-      ],
-      "outputs": [
-        "dist/**",
-        "tmp-assets/**"
-      ],
       "cache": true
     },
     "@tabler/docs#build": {
-      "dependsOn": [
+      "dependsOn": ["^build"],
-        "^build"
+      "inputs": ["$TURBO_DEFAULT$", "$TURBO_ROOT$/shared/**"],
-      ],
+      "outputs": ["dist/**", "tmp-assets/**"],
-      "inputs": [
-        "$TURBO_DEFAULT$",
-        "$TURBO_ROOT$/shared/**"
-      ],
-      "outputs": [
-        "dist/**",
-        "tmp-assets/**"
-      ],
       "cache": true
     },
     "@tabler/screenshots#build": {
-      "dependsOn": [
+      "dependsOn": ["^build"],
-        "^build"
+      "inputs": ["$TURBO_DEFAULT$", "$TURBO_ROOT$/shared/**"],
-      ],
+      "outputs": ["dist/**"],
-      "inputs": [
-        "$TURBO_DEFAULT$",
-        "$TURBO_ROOT$/shared/**"
-      ],
-      "outputs": [
-        "dist/**"
-      ],
       "cache": true
     },
     "dev": {
@@ -67,56 +33,39 @@
       "cache": false
     },
     "@tabler/preview#dev:prepare": {
-      "dependsOn": [
+      "dependsOn": ["@tabler/core#dev:prepare"],
-        "@tabler/core#dev:prepare"
-      ],
       "cache": false
     },
     "@tabler/core#dev": {
-      "dependsOn": [
+      "dependsOn": ["@tabler/core#dev:prepare"],
-        "@tabler/core#dev:prepare"
-      ],
       "cache": false,
       "persistent": true
     },
     "@tabler/preview#dev": {
-      "dependsOn": [
+      "dependsOn": ["@tabler/preview#dev:prepare"],
-        "@tabler/preview#dev:prepare"
-      ],
       "cache": false,
       "persistent": true
     },
     "@tabler/screenshots#dev": {
-      "dependsOn": [
+      "dependsOn": ["@tabler/core#dev:prepare"],
-        "@tabler/core#dev:prepare"
-      ],
       "cache": false,
       "persistent": true
     },
     "@tabler/docs#dev": {
-      "dependsOn": [
+      "dependsOn": ["@tabler/core#dev:prepare", "@tabler/preview#dev:prepare"],
-        "@tabler/core#dev:prepare",
-        "@tabler/preview#dev:prepare"
-      ],
       "cache": false,
       "persistent": true
     },
     "clean": {
-      "dependsOn": [
+      "dependsOn": ["^clean"],
-        "^clean"
-      ],
       "cache": false
     },
     "bundlewatch": {
-      "dependsOn": [
+      "dependsOn": ["build"],
-        "build"
-      ],
       "cache": true
     },
     "type-check": {
-      "dependsOn": [
+      "dependsOn": ["^type-check"],
-        "^type-check"
-      ],
       "cache": true
     },
     "test": {
@@ -130,4 +79,4 @@
       "cache": false
     }
   }
-}
+}