chore: Fix landing page ISR

* chore: Testing PPR for docs landing page

* chore: Remove PPR

* chore: Dump bundle size in a file

* chore: Try fixing demo path again

* chore: Only send ISR invalidation once

* chore: Unsuspend GHA status

.github/workflows/test-against-nextjs-release.yml

@@ -56,6 +56,12 @@ jobs:
           jobName: next@${{ inputs.version }}${{ matrix.base-path && ' basePath' || ''}}${{ matrix.window-history-support && ' WHS' || ''}}
         env:
           SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
+
+  invalidate-isr-cache:
+    name: Invalidate ISR cache
+    runs-on: ubuntu-latest
+    needs: test_against_nextjs_release
+    if: ${{ always() }}
+    steps:
       - name: Invalidate ISR cache for GitHub Actions status on landing page
         run: curl -s "https://nuqs.47ng.com/api/isr?tag=github-actions-status&token=${{ secrets.ISR_TOKEN }}"
-        if: always()

packages/docs/package.json

@@ -19,9 +19,8 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "dayjs": "^1.11.10",
-    "execa": "^8.0.1",
     "lucide-react": "^0.298.0",
-    "next": "14.0.4",
+    "next": "14.1.0",
     "next-docs-mdx": "^6.0.2",
     "next-docs-ui": "^6.0.2",
     "next-docs-zeta": "^6.0.2",

packages/docs/src/app/(pages)/_landing/bundle-size.tsx

@@ -1,11 +1,15 @@
-import { execa } from 'execa'
+import fs from 'node:fs/promises'
 import path from 'node:path'
 import prettyBytes from 'pretty-bytes'
 
 export async function BundleSize() {
-  const { stdout } = await execa('./node_modules/.bin/size-limit', ['--json'], {
-    cwd: path.resolve(process.cwd(), '../../packages/nuqs')
-  })
-  const [{ size }] = JSON.parse(stdout)
-  return prettyBytes(size)
+  const filePath = path.resolve(process.cwd(), '../../packages/nuqs/size.json')
+  try {
+    const json = await fs.readFile(filePath, 'utf8')
+    const [{ size }] = JSON.parse(json)
+    return prettyBytes(size)
+  } catch (error) {
+    console.error(error)
+    return 'less than 4KB'
+  }
 }

packages/docs/src/app/(pages)/_landing/demo.tsx

@@ -1,14 +1,11 @@
 import { CodeBlock } from '@/src/components/code-block'
 import fs from 'node:fs/promises'
-import path from 'node:path'
 import { Suspense } from 'react'
 import { Demo } from './demo.client'
 
 export async function LandingDemo() {
-  const demoFilePath = path.resolve(
-    process.cwd(),
-    'src/app/(pages)/_landing/demo.client.tsx'
-  )
+  const demoFilePath =
+    process.cwd() + '/src/app/(pages)/_landing/demo.client.tsx'
   const demoFile = await fs.readFile(demoFilePath, 'utf8')
   const demoCode = demoFile
     .split('\n')

packages/docs/src/app/(pages)/_landing/features.tsx

@@ -14,6 +14,7 @@ import {
 } from 'lucide-react'
 import React from 'react'
 import { BundleSize } from './bundle-size'
+import { GitHubActionsStatus } from './gha-status'
 
 export function FeaturesSection(props: React.ComponentProps<'section'>) {
   return (
@@ -113,7 +114,7 @@ export function FeaturesSection(props: React.ComponentProps<'section'>) {
         title={
           <span className="flex items-center">
             Tested
-            {/* <GitHubActionsStatus className="ml-4 inline-flex" /> */}
+            <GitHubActionsStatus className="ml-4 inline-flex" />
           </span>
         }
         description="Tested against every Next.js release."

packages/nuqs/.gitignore

@@ -0,0 +1 @@
+size.json

packages/nuqs/package.json

@@ -50,6 +50,7 @@
   "scripts": {
     "dev": "tsup --format esm --watch --external=react",
     "build": "tsup --clean --external=react",
+    "postbuild": "size-limit --json > size.json",
     "test": "run-p test:*",
     "test:types": "tsd",
     "test:unit": "vitest run",