mirror of
https://github.com/GitbookIO/gitbook.git
synced 2026-09-15 07:05:18 +00:00
Compare commits
154 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 80d2733c25 | |||
| feb6735a4d | |||
| f1d1d2fd81 | |||
| a749c67803 | |||
| c808bb1483 | |||
| e24206ebf0 | |||
| 3410785a3a | |||
| b4a12d606e | |||
| a0545545d7 | |||
| 1f11650ca1 | |||
| da55facf2c | |||
| dc2dbc5710 | |||
| bdd6303bcc | |||
| 66d0fc0683 | |||
| 05e1d8cd96 | |||
| 9f0de74caa | |||
| a820739bd2 | |||
| 304042017c | |||
| 82cd9f2979 | |||
| a3f1fea27b | |||
| bb5c6a42e7 | |||
| 445baaaa61 | |||
| 7419ee7dba | |||
| aa6be381a4 | |||
| 61575838f3 | |||
| 359bb979f8 | |||
| b29a885bae | |||
| 919da7f2c9 | |||
| d222c116e0 | |||
| df840dac18 | |||
| f8d4c7697c | |||
| dddb4ecbb8 | |||
| 470d10cb47 | |||
| dae11e9607 | |||
| 3d1eb53708 | |||
| a76c9a56a7 | |||
| eaad0d4e09 | |||
| 46edde9da6 | |||
| dda0cc635e | |||
| 727bde2d16 | |||
| 9f30af1b33 | |||
| ff05e20537 | |||
| 53de5b13c1 | |||
| a025118f69 | |||
| 71688a817b | |||
| 00c476ea7f | |||
| 5576906914 | |||
| d5aaccd2c4 | |||
| 7059c2ba25 | |||
| aaab157d49 | |||
| 9943276c0c | |||
| c31cf5243a | |||
| 0c03676efb | |||
| 883d10acf8 | |||
| 3e5e458118 | |||
| 0510b6f29e | |||
| 92b7668bf3 | |||
| 3973b1cbf3 | |||
| 160fca1ea1 | |||
| e90c96f7e9 | |||
| d935fb1b2e | |||
| a6529584a5 | |||
| 18953b2d6b | |||
| 21cbd9e3b0 | |||
| 38061bdf65 | |||
| d9029c7e1e | |||
| fe8acc986e | |||
| e721f17f7e | |||
| 2f73db785e | |||
| 9e18ae6587 | |||
| 9eca010f94 | |||
| 6e54a06d9c | |||
| 1f8e416e41 | |||
| cfccc44406 | |||
| 45b30c9c27 | |||
| 67f78368fb | |||
| d9c8d57e8e | |||
| 0d615e3888 | |||
| 68287d3df4 | |||
| dff08ae3e3 | |||
| 8cfa67c1dd | |||
| b41d425993 | |||
| 12c7862250 | |||
| 6f54826296 | |||
| ccf2cffc4b | |||
| f7b801b4c8 | |||
| 95f2aa45eb | |||
| 9524ff5f5a | |||
| 1823101b03 | |||
| 1a8cfd2a8b | |||
| 5b4e710770 | |||
| 1762f85ef9 | |||
| d370a3f0e3 | |||
| d3e573c2e9 | |||
| 94876e3ad1 | |||
| ad190602c7 | |||
| 162b4b78b6 | |||
| e5dc05e994 | |||
| b46cff70c0 | |||
| b6c3870eda | |||
| 1c1f504601 | |||
| 1b8a45678c | |||
| 38de9eb9d7 | |||
| eac1314a7d | |||
| 29d59793dc | |||
| 128ad20280 | |||
| 994ebff8c1 | |||
| 142938401c | |||
| 65cc4afb23 | |||
| e000f23c44 | |||
| 1de9d1aa33 | |||
| 0e601e277b | |||
| e582a47f37 | |||
| 1b251a78b0 | |||
| 24f5249ae9 | |||
| 17c1631013 | |||
| cb100d5e00 | |||
| 1fcc807513 | |||
| 5664e5a30f | |||
| 26e64019d8 | |||
| 56331d2e74 | |||
| 55b095e503 | |||
| 6a073e1dd5 | |||
| 960e25a3f6 | |||
| 1de338c312 | |||
| dbba50cea4 | |||
| 8f046a9cd6 | |||
| 2906e6038a | |||
| 87b8ea8c05 | |||
| 47971dce31 | |||
| 528a05398c | |||
| f584148ab9 | |||
| 0de22f7a96 | |||
| 09c7c30779 | |||
| fde32e26bf | |||
| a6f65916f1 | |||
| 6059efe094 | |||
| 16194c50ba | |||
| af3c6a971c | |||
| ecfdb976a3 | |||
| 08acea651a | |||
| 6b503608cd | |||
| d8763997a5 | |||
| 32aa1f99c1 | |||
| 718a8a54b1 | |||
| 741dd490d4 | |||
| 02d876e6d8 | |||
| 56c52e0bb0 | |||
| 6036becf93 | |||
| 3a7210d514 | |||
| 6088fa582d | |||
| 6691492ef7 | |||
| 7ee9158cd3 | |||
| 5ae1b883ab |
+1
-1
@@ -1 +1 @@
|
|||||||
1.1.40
|
1.2.1
|
||||||
|
|||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Fix empty sitemap
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': minor
|
|
||||||
---
|
|
||||||
|
|
||||||
Adapt code to pull token from customer backend generated custom cookies
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Log component stack in Sentry
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'@gitbook/react-openapi': minor
|
|
||||||
---
|
|
||||||
|
|
||||||
Add an optional client context to get a callback called when the Scalar client is opened for a block.
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Fix pass Sentry release properly
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': minor
|
|
||||||
---
|
|
||||||
|
|
||||||
Add support for sidebar background styles
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Ignore invalid API calls to `getSiteRedirectFromSource` API
|
|
||||||
|
|
||||||
To reduce the load on the API and also avoid errors.
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Ignore errors from event flushing
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Improve emoji setup, align with GitBook app
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': minor
|
|
||||||
---
|
|
||||||
|
|
||||||
Fix an issue where the redirects of potentially malicious images were not going through.
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Make cookies access safer
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Improve contrast of search box placeholder
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Simplify the `useHash` algo used.
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': minor
|
|
||||||
---
|
|
||||||
|
|
||||||
Track events for site insights using the new dedicated API.
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Improve colour contrast of list item decoration
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Set Sentry release
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
---
|
|
||||||
'@gitbook/react-openapi': minor
|
|
||||||
'gitbook': minor
|
|
||||||
---
|
|
||||||
|
|
||||||
Revert scalar to 1.0.87 to mitigate an issue with ApiClientModalProvider
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
---
|
|
||||||
'@gitbook/react-contentkit': minor
|
|
||||||
'gitbook': minor
|
|
||||||
---
|
|
||||||
|
|
||||||
Send redirectOnError param to getPublishedContent when token is pulled from cookie
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'@gitbook/react-contentkit': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Fix potential invalid URL error in react-contentkit
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Avoid error on fetch by passing a string URL
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': minor
|
|
||||||
---
|
|
||||||
|
|
||||||
Track clicks on links (header, footer, content) for site insights.
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Fix code format overriding inline link styles
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Fix emojis display
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Implement a safer way to interact with localStorage.
|
|
||||||
|
|
||||||
If it's disabled on the browser it should not throw error.
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Fix two issues where pages would crash due Recoil not behaving correctly in RSC.
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Fix dynamic tabs infinite loop
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'@gitbook/react-openapi': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Prevent codemirror from loading multiple versions in scalar
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Fix variant selector contrast for non-default themes
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'@gitbook/react-openapi': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Updated scalar depdenency
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Fix search loading state
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Fix Sentry instrumentation
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Even safer localStorage
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Avoid errors on legacy browsers
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': minor
|
|
||||||
---
|
|
||||||
|
|
||||||
Improve readability of tables with hover style and vertical dividers
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': minor
|
|
||||||
---
|
|
||||||
|
|
||||||
Image optimization endpoint redirects to underlying image URL if the signature is not the latest.
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Fix bullet list display on full size blocks
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Fix "Parser" language syntax highlighting
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': minor
|
|
||||||
---
|
|
||||||
|
|
||||||
Fix a vulnerability issue for images using an older version of the image signing parameter.
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': minor
|
|
||||||
---
|
|
||||||
|
|
||||||
Track an event into site insights when visitor is opening the Scalar API client.
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Upgrade Next.js to v15, upgrade Shiki and use JS RegExp engine
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Improve smoothness of scroll listener
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'gitbook': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
Fix Sentry instrumentation server-side
|
|
||||||
+214
-10
@@ -18,7 +18,8 @@ jobs:
|
|||||||
checks: write
|
checks: write
|
||||||
statuses: write
|
statuses: write
|
||||||
outputs:
|
outputs:
|
||||||
deployment_url: ${{ steps.deploy.outputs.deployment-url }}
|
deployment-url: ${{ steps.deploy.outputs.deployment-url }}
|
||||||
|
deployment-alias-url: ${{ steps.deploy.outputs.deployment-alias-url }}
|
||||||
steps:
|
steps:
|
||||||
- name: Checkout
|
- name: Checkout
|
||||||
uses: actions/checkout@v4
|
uses: actions/checkout@v4
|
||||||
@@ -38,16 +39,17 @@ jobs:
|
|||||||
echo "SENTRY_ENVIRONMENT=preview" >> $GITHUB_ENV
|
echo "SENTRY_ENVIRONMENT=preview" >> $GITHUB_ENV
|
||||||
if: 1 && !startsWith(github.ref, 'refs/heads/main')
|
if: 1 && !startsWith(github.ref, 'refs/heads/main')
|
||||||
- name: Build Next.js with next-on-pages
|
- name: Build Next.js with next-on-pages
|
||||||
run: bun run build:cloudflare
|
run: bun run turbo gitbook#build:cloudflare
|
||||||
env:
|
env:
|
||||||
SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
|
SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
|
||||||
|
NEXT_SERVER_ACTIONS_ENCRYPTION_KEY: ${{ secrets.NEXT_SERVER_ACTIONS_ENCRYPTION_KEY }}
|
||||||
SENTRY_ORG: ${{ vars.SENTRY_ORG }}
|
SENTRY_ORG: ${{ vars.SENTRY_ORG }}
|
||||||
SENTRY_PROJECT: ${{ vars.SENTRY_PROJECT }}
|
SENTRY_PROJECT: ${{ vars.SENTRY_PROJECT }}
|
||||||
SENTRY_DSN: ${{ vars.SENTRY_DSN }}
|
SENTRY_DSN: ${{ vars.SENTRY_DSN }}
|
||||||
SENTRY_RELEASE: ${{ github.sha }}
|
SENTRY_RELEASE: ${{ github.sha }}
|
||||||
- id: deploy
|
- id: deploy
|
||||||
name: Deploy to Cloudflare
|
name: Deploy to Cloudflare
|
||||||
uses: cloudflare/wrangler-action@v3.11.0
|
uses: cloudflare/wrangler-action@v3.14.0
|
||||||
with:
|
with:
|
||||||
apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
|
apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
|
||||||
accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
|
accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
|
||||||
@@ -73,27 +75,229 @@ jobs:
|
|||||||
-H "Accept: application/vnd.github.v3+json" \
|
-H "Accept: application/vnd.github.v3+json" \
|
||||||
-d '{"state": "success", "target_url": "${{ steps.deploy.outputs.deployment-url }}", "description": "Deployed Preview URL for commit", "context": "cloudflare/preview"}' \
|
-d '{"state": "success", "target_url": "${{ steps.deploy.outputs.deployment-url }}", "description": "Deployed Preview URL for commit", "context": "cloudflare/preview"}' \
|
||||||
https://api.github.com/repos/${{ github.repository }}/statuses/${{ github.sha }}
|
https://api.github.com/repos/${{ github.repository }}/statuses/${{ github.sha }}
|
||||||
|
deploy-v2-vercel:
|
||||||
|
name: Deploy v2 to Vercel
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
permissions:
|
||||||
|
contents: read
|
||||||
|
deployments: write
|
||||||
|
issues: write
|
||||||
|
pull-requests: write
|
||||||
|
checks: write
|
||||||
|
statuses: write
|
||||||
|
outputs:
|
||||||
|
deployment-url: ${{ steps.deploy.outputs.deployment-url }}
|
||||||
|
env:
|
||||||
|
VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
|
||||||
|
VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
|
||||||
|
steps:
|
||||||
|
- name: Checkout
|
||||||
|
uses: actions/checkout@v4
|
||||||
|
- name: Setup Bun
|
||||||
|
uses: ./.github/composite/setup-bun
|
||||||
|
- name: Install dependencies
|
||||||
|
run: bun install --frozen-lockfile
|
||||||
|
env:
|
||||||
|
PUPPETEER_SKIP_DOWNLOAD: 1
|
||||||
|
- name: Sets env vars for production
|
||||||
|
run: |
|
||||||
|
echo "VERCEL_ENVIRONMENT=production" >> $GITHUB_ENV
|
||||||
|
echo "SENTRY_ENVIRONMENT=production" >> $GITHUB_ENV
|
||||||
|
echo "GITBOOK_URL=https://open-2v.gitbook.com" >> $GITHUB_ENV
|
||||||
|
echo "GITBOOK_ASSETS_PREFIX=https://static-2v.gitbook.com" >> $GITHUB_ENV
|
||||||
|
if: startsWith(github.ref, 'refs/heads/main')
|
||||||
|
- name: Sets env vars for preview
|
||||||
|
run: |
|
||||||
|
echo "VERCEL_ENVIRONMENT=preview" >> $GITHUB_ENV
|
||||||
|
echo "SENTRY_ENVIRONMENT=preview" >> $GITHUB_ENV
|
||||||
|
if: 1 && !startsWith(github.ref, 'refs/heads/main')
|
||||||
|
- name: Pull Vercel Environment Information
|
||||||
|
run: bun run vercel pull --yes --environment=$VERCEL_ENVIRONMENT --token=${{ secrets.VERCEL_TOKEN }}
|
||||||
|
- name: Build Project Artifacts
|
||||||
|
run: bun run vercel build --token=${{ secrets.VERCEL_TOKEN }}
|
||||||
|
env:
|
||||||
|
SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
|
||||||
|
NEXT_SERVER_ACTIONS_ENCRYPTION_KEY: ${{ secrets.NEXT_SERVER_ACTIONS_ENCRYPTION_KEY }}
|
||||||
|
SENTRY_ORG: ${{ vars.SENTRY_ORG }}
|
||||||
|
SENTRY_PROJECT: ${{ vars.SENTRY_PROJECT }}
|
||||||
|
SENTRY_DSN: ${{ vars.SENTRY_DSN }}
|
||||||
|
SENTRY_RELEASE: ${{ github.sha }}
|
||||||
|
- name: Deploy Project Artifacts to Vercel
|
||||||
|
id: deploy
|
||||||
|
run: |
|
||||||
|
DEPLOYMENT_URL=$(bun run vercel deploy --prebuilt --target=$VERCEL_ENVIRONMENT $([ "$VERCEL_ENVIRONMENT" = "production" ] && echo "--prod") --token=${{ secrets.VERCEL_TOKEN }})
|
||||||
|
echo "deployment-url=$DEPLOYMENT_URL" >> "$GITHUB_OUTPUT"
|
||||||
|
- name: Outputs
|
||||||
|
run: |
|
||||||
|
echo "URL: ${{ steps.deploy.outputs.deployment-url }}"
|
||||||
|
deploy-v2-cloudflare:
|
||||||
|
name: Deploy v2 to Cloudflare Worker
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
permissions:
|
||||||
|
contents: read
|
||||||
|
deployments: write
|
||||||
|
issues: write
|
||||||
|
pull-requests: write
|
||||||
|
checks: write
|
||||||
|
statuses: write
|
||||||
|
outputs:
|
||||||
|
deployment-url: ${{ steps.deploy.outputs.deployment-url }}
|
||||||
|
env:
|
||||||
|
VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
|
||||||
|
VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
|
||||||
|
steps:
|
||||||
|
- name: Checkout
|
||||||
|
uses: actions/checkout@v4
|
||||||
|
- name: Setup Bun
|
||||||
|
uses: ./.github/composite/setup-bun
|
||||||
|
- name: Install dependencies
|
||||||
|
run: bun install --frozen-lockfile
|
||||||
|
env:
|
||||||
|
PUPPETEER_SKIP_DOWNLOAD: 1
|
||||||
|
- name: Sets env vars for production
|
||||||
|
run: |
|
||||||
|
echo "SENTRY_ENVIRONMENT=production" >> $GITHUB_ENV
|
||||||
|
echo "GITBOOK_URL=https://open-2c.gitbook.com" >> $GITHUB_ENV
|
||||||
|
echo "GITBOOK_ASSETS_PREFIX=https://static-2c.gitbook.com" >> $GITHUB_ENV
|
||||||
|
if: startsWith(github.ref, 'refs/heads/main')
|
||||||
|
- name: Sets env vars for preview
|
||||||
|
run: |
|
||||||
|
echo "SENTRY_ENVIRONMENT=preview" >> $GITHUB_ENV
|
||||||
|
if: 1 && !startsWith(github.ref, 'refs/heads/main')
|
||||||
|
- name: Build worker
|
||||||
|
run: bun run turbo build:v2:cloudflare
|
||||||
|
env:
|
||||||
|
SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
|
||||||
|
NEXT_SERVER_ACTIONS_ENCRYPTION_KEY: ${{ secrets.NEXT_SERVER_ACTIONS_ENCRYPTION_KEY }}
|
||||||
|
SENTRY_ORG: ${{ vars.SENTRY_ORG }}
|
||||||
|
SENTRY_PROJECT: ${{ vars.SENTRY_PROJECT }}
|
||||||
|
SENTRY_DSN: ${{ vars.SENTRY_DSN }}
|
||||||
|
SENTRY_RELEASE: ${{ github.sha }}
|
||||||
|
- id: deploy
|
||||||
|
name: Deploy to Cloudflare
|
||||||
|
uses: cloudflare/wrangler-action@v3.14.0
|
||||||
|
with:
|
||||||
|
apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
|
||||||
|
accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
|
||||||
|
workingDirectory: ./
|
||||||
|
wranglerVersion: '3.82.0'
|
||||||
|
command: versions upload --config ./packages/gitbook-v2/wrangler.toml
|
||||||
|
- name: Outputs
|
||||||
|
run: |
|
||||||
|
echo "URL: ${{ steps.deploy.outputs.deployment-url }}"
|
||||||
|
comment-deployments:
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
name: Comment Deployments
|
||||||
|
if: always() && !startsWith(github.ref, 'refs/heads/main')
|
||||||
|
needs:
|
||||||
|
- deploy
|
||||||
|
- deploy-v2-vercel
|
||||||
|
- deploy-v2-cloudflare
|
||||||
|
steps:
|
||||||
- name: Find GitHub Comment
|
- name: Find GitHub Comment
|
||||||
uses: peter-evans/find-comment@v3
|
uses: peter-evans/find-comment@v3
|
||||||
id: fc
|
id: fc
|
||||||
if: 1 && !startsWith(github.ref, 'refs/heads/main')
|
|
||||||
with:
|
with:
|
||||||
issue-number: ${{ github.event.pull_request.number }}
|
issue-number: ${{ github.event.pull_request.number }}
|
||||||
comment-author: 'github-actions[bot]'
|
comment-author: 'github-actions[bot]'
|
||||||
body-includes: GitBook Preview
|
body-includes: 'Summary of the deployments'
|
||||||
|
|
||||||
- name: Create or update GitHub comment
|
- name: Create or update GitHub comment
|
||||||
uses: peter-evans/create-or-update-comment@v4
|
uses: peter-evans/create-or-update-comment@v4
|
||||||
if: 1 && !startsWith(github.ref, 'refs/heads/main')
|
|
||||||
with:
|
with:
|
||||||
comment-id: ${{ steps.fc.outputs.comment-id }}
|
comment-id: ${{ steps.fc.outputs.comment-id }}
|
||||||
issue-number: ${{ github.event.pull_request.number }}
|
issue-number: ${{ github.event.pull_request.number }}
|
||||||
body: |
|
body: |
|
||||||
**GitBook Preview**
|
Summary of the deployments:
|
||||||
Latest commit: [${{ steps.deploy.outputs.deployment-url }}](${{ steps.deploy.outputs.deployment-url }})
|
|
||||||
PR: [${{ steps.deploy.outputs.deployment-alias-url }}](${{ steps.deploy.outputs.deployment-alias-url }})
|
### Version 1 (production)
|
||||||
|
|
||||||
|
| Version | URL | Status |
|
||||||
|
| --- | --- | --- |
|
||||||
|
| Latest commit | [${{ needs.deploy.outputs.deployment-url }}](${{ needs.deploy.outputs.deployment-url }}) | ${{ needs.deploy.result == 'success' && '✅' || '❌' }} |
|
||||||
|
| PR | [${{ needs.deploy.outputs.deployment-alias-url }}](${{ needs.deploy.outputs.deployment-alias-url }}) | ${{ needs.deploy.result == 'success' && '✅' || '❌' }} |
|
||||||
|
|
||||||
|
### Version 2 (experimental)
|
||||||
|
|
||||||
|
| Version | URL | Status |
|
||||||
|
| --- | --- | --- |
|
||||||
|
| Vercel | [${{ needs.deploy-v2-vercel.outputs.deployment-url }}](${{ needs.deploy-v2-vercel.outputs.deployment-url }}) | ${{ needs.deploy-v2-vercel.result == 'success' && '✅' || '❌' }} |
|
||||||
|
| Cloudflare | [${{ needs.deploy-v2-cloudflare.outputs.deployment-url }}](${{ needs.deploy-v2-cloudflare.outputs.deployment-url }}) | ${{ needs.deploy-v2-cloudflare.result == 'success' && '✅' || '❌' }} |
|
||||||
|
|
||||||
|
### Test content
|
||||||
|
|
||||||
|
| Site | v1 | v2 |
|
||||||
|
| --- | --- | --- |
|
||||||
|
| GitBook | [${{ needs.deploy.outputs.deployment-url }}/docs.gitbook.com](${{ needs.deploy.outputs.deployment-url }}/docs.gitbook.com) | [${{ needs.deploy-v2-vercel.outputs.deployment-url }}/url/docs.gitbook.com](${{ needs.deploy-v2-vercel.outputs.deployment-url }}/url/docs.gitbook.com) |
|
||||||
|
| E2E | [${{ needs.deploy.outputs.deployment-url }}/gitbook.gitbook.io/test-gitbook-open](${{ needs.deploy.outputs.deployment-url }}/gitbook.gitbook.io/test-gitbook-open) | [${{ needs.deploy-v2-vercel.outputs.deployment-url }}/url/gitbook.gitbook.io/test-gitbook-open](${{ needs.deploy-v2-vercel.outputs.deployment-url }}/url/gitbook.gitbook.io/test-gitbook-open) |
|
||||||
edit-mode: replace
|
edit-mode: replace
|
||||||
|
visual-testing:
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
name: Visual Testing
|
||||||
|
needs: deploy
|
||||||
|
steps:
|
||||||
|
- name: Checkout
|
||||||
|
uses: actions/checkout@v4
|
||||||
|
- name: Setup Bun
|
||||||
|
uses: ./.github/composite/setup-bun
|
||||||
|
- name: Install dependencies
|
||||||
|
run: bun install --frozen-lockfile
|
||||||
|
- name: Setup Playwright
|
||||||
|
uses: ./.github/actions/setup-playwright
|
||||||
|
- name: Run Playwright tests
|
||||||
|
run: bun e2e
|
||||||
|
env:
|
||||||
|
BASE_URL: ${{needs.deploy.outputs.deployment-url}}
|
||||||
|
ARGOS_TOKEN: ${{ secrets.ARGOS_TOKEN }}
|
||||||
|
- uses: actions/upload-artifact@v4
|
||||||
|
if: ${{ !cancelled() }}
|
||||||
|
with:
|
||||||
|
name: playwright-test-results
|
||||||
|
path: packages/gitbook/test-results/
|
||||||
|
retention-days: 3
|
||||||
|
visual-testing-customers:
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
name: Visual Testing Customers
|
||||||
|
needs: deploy
|
||||||
|
steps:
|
||||||
|
- name: Checkout
|
||||||
|
uses: actions/checkout@v4
|
||||||
|
- name: Setup Bun
|
||||||
|
uses: ./.github/composite/setup-bun
|
||||||
|
- name: Install dependencies
|
||||||
|
run: bun install --frozen-lockfile
|
||||||
|
- name: Setup Playwright
|
||||||
|
uses: ./.github/actions/setup-playwright
|
||||||
|
- name: Run Playwright tests
|
||||||
|
run: bun e2e-customers
|
||||||
|
env:
|
||||||
|
BASE_URL: ${{needs.deploy.outputs.deployment-url}}
|
||||||
|
ARGOS_TOKEN: ${{ secrets.ARGOS_TOKEN }}
|
||||||
|
ARGOS_BUILD_NAME: 'customers'
|
||||||
|
- uses: actions/upload-artifact@v4
|
||||||
|
if: ${{ !cancelled() }}
|
||||||
|
with:
|
||||||
|
name: playwright-test-results-customers
|
||||||
|
path: packages/gitbook/test-results/
|
||||||
|
retention-days: 3
|
||||||
|
pagespeed-testing:
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
name: PageSpeed Testing
|
||||||
|
needs: deploy
|
||||||
|
steps:
|
||||||
|
- name: Checkout
|
||||||
|
uses: actions/checkout@v4
|
||||||
|
- name: Setup Bun
|
||||||
|
uses: ./.github/composite/setup-bun
|
||||||
|
- name: Install dependencies
|
||||||
|
run: bun install --frozen-lockfile
|
||||||
|
env:
|
||||||
|
PUPPETEER_SKIP_DOWNLOAD: 1
|
||||||
|
- name: Run pagespeed tests
|
||||||
|
run: bun ./packages/gitbook/tests/pagespeed-testing.ts $DEPLOYMENT_URL
|
||||||
|
env:
|
||||||
|
DEPLOYMENT_URL: ${{needs.deploy.outputs.deployment-url}}
|
||||||
|
PAGESPEED_API_KEY: ${{ secrets.PAGESPEED_API_KEY }}
|
||||||
format:
|
format:
|
||||||
runs-on: ubuntu-latest
|
runs-on: ubuntu-latest
|
||||||
name: Format
|
name: Format
|
||||||
|
|||||||
@@ -32,7 +32,7 @@ jobs:
|
|||||||
# Using a PAT instead of GITHUB_TOKEN because we need to run workflows when releases are created
|
# Using a PAT instead of GITHUB_TOKEN because we need to run workflows when releases are created
|
||||||
# https://github.com/orgs/community/discussions/26875#discussioncomment-3253761
|
# https://github.com/orgs/community/discussions/26875#discussioncomment-3253761
|
||||||
GITHUB_TOKEN: ${{ secrets.GH_PERSONAL_TOKEN }}
|
GITHUB_TOKEN: ${{ secrets.GH_PERSONAL_TOKEN }}
|
||||||
NPM_TOKEN_READONLY: ${{ secrets.NPM_TOKEN_READONLY }}
|
NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
|
||||||
CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
|
CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
|
||||||
CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
|
CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
|
||||||
release-preview:
|
release-preview:
|
||||||
|
|||||||
@@ -22,3 +22,6 @@ yarn-error.log*
|
|||||||
|
|
||||||
# Env files
|
# Env files
|
||||||
.env.local
|
.env.local
|
||||||
|
|
||||||
|
# TypeScript
|
||||||
|
*.tsbuildinfo
|
||||||
|
|||||||
@@ -1,5 +1,6 @@
|
|||||||
.next
|
.next
|
||||||
.vercel
|
.vercel
|
||||||
|
.open-next
|
||||||
|
|
||||||
# Generated
|
# Generated
|
||||||
packages/emoji-codepoints/index.ts
|
packages/emoji-codepoints/index.ts
|
||||||
@@ -8,3 +9,9 @@ packages/icons/src/data/*.json
|
|||||||
|
|
||||||
# Build files
|
# Build files
|
||||||
dist/
|
dist/
|
||||||
|
|
||||||
|
README.md
|
||||||
|
CHANGELOG.md
|
||||||
|
|
||||||
|
# v2
|
||||||
|
packages/gitbook-v2/public/~gitbook/static/
|
||||||
@@ -35,8 +35,10 @@ To run a local version of this project, please follow these simple steps.
|
|||||||
|
|
||||||
### Prerequisites
|
### Prerequisites
|
||||||
|
|
||||||
- Node.js (Version: >=18.x)
|
- Node.js (Version: >=20.6)
|
||||||
- Bun
|
- Use nvm for easy Node management
|
||||||
|
- Bun (Version: >=1.2.1)
|
||||||
|
- We use a text-based lockfile which isn't supported below 1.2.1
|
||||||
|
|
||||||
### Set up
|
### Set up
|
||||||
|
|
||||||
|
|||||||
+12
-6
@@ -2,19 +2,24 @@
|
|||||||
"name": "gitbook",
|
"name": "gitbook",
|
||||||
"version": "0.1.0",
|
"version": "0.1.0",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@changesets/cli": "^2.27.7",
|
"@changesets/cli": "^2.27.12",
|
||||||
"prettier": "^3.0.3",
|
"prettier": "^3.0.3",
|
||||||
"turbo": "^2.1.2"
|
"turbo": "^2.4.1-canary.2",
|
||||||
|
"vercel": "^39.3.0"
|
||||||
},
|
},
|
||||||
"packageManager": "bun@1.1.18",
|
"packageManager": "bun@1.1.18",
|
||||||
"overrides": {
|
"overrides": {
|
||||||
"@codemirror/state": "6.4.1"
|
"@codemirror/state": "6.4.1",
|
||||||
|
"react": "18.3.1",
|
||||||
|
"react-dom": "18.3.1"
|
||||||
},
|
},
|
||||||
"private": true,
|
"private": true,
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "turbo run dev --ui=stream",
|
"dev": "turbo run dev",
|
||||||
|
"dev:v2": "turbo run dev:v2",
|
||||||
"build": "turbo run build",
|
"build": "turbo run build",
|
||||||
"build:cloudflare": "turbo run build:cloudflare",
|
"build:v2": "turbo run build:v2",
|
||||||
|
"clean-deps": "rm -rf node_modules && rm -rf packages/*/node_modules",
|
||||||
"lint": "turbo run lint",
|
"lint": "turbo run lint",
|
||||||
"lint:fix": "turbo run lint -- --fix",
|
"lint:fix": "turbo run lint -- --fix",
|
||||||
"typecheck": "turbo run typecheck",
|
"typecheck": "turbo run typecheck",
|
||||||
@@ -22,6 +27,7 @@
|
|||||||
"format:check": "prettier ./ --ignore-unknown --list-different",
|
"format:check": "prettier ./ --ignore-unknown --list-different",
|
||||||
"unit": "turbo run unit",
|
"unit": "turbo run unit",
|
||||||
"e2e": "turbo run e2e",
|
"e2e": "turbo run e2e",
|
||||||
|
"e2e-customers": "turbo run e2e-customers",
|
||||||
"changeset": "changeset",
|
"changeset": "changeset",
|
||||||
"release": "turbo run release && changeset publish",
|
"release": "turbo run release && changeset publish",
|
||||||
"release:preview": "turbo run release:preview",
|
"release:preview": "turbo run release:preview",
|
||||||
@@ -33,6 +39,6 @@
|
|||||||
],
|
],
|
||||||
"patchedDependencies": {
|
"patchedDependencies": {
|
||||||
"decode-named-character-reference@1.0.2": "patches/decode-named-character-reference@1.0.2.patch",
|
"decode-named-character-reference@1.0.2": "patches/decode-named-character-reference@1.0.2.patch",
|
||||||
"@vercel/next@4.3.15": "patches/@vercel%2Fnext@4.3.15.patch"
|
"@vercel/next@4.4.2": "patches/@vercel%2Fnext@4.4.2.patch"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -21,7 +21,7 @@
|
|||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"typescript": "^5.5.3",
|
"typescript": "^5.5.3",
|
||||||
"wrangler": "^3.100.0"
|
"wrangler": "^3.109.2"
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"generate": "wrangler types --experimental-include-runtime",
|
"generate": "wrangler types --experimental-include-runtime",
|
||||||
|
|||||||
@@ -0,0 +1 @@
|
|||||||
|
dist/
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
# @gitbook/colors
|
||||||
|
|
||||||
|
## 0.2.0
|
||||||
|
|
||||||
|
### Minor Changes
|
||||||
|
|
||||||
|
- 445baaa: Initial release
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
# `@gitbook/colors`
|
||||||
|
|
||||||
|
A set of default colors and transformation functions used throughout the GitBook Open and app.
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
{
|
||||||
|
"name": "@gitbook/colors",
|
||||||
|
"type": "module",
|
||||||
|
"exports": {
|
||||||
|
".": {
|
||||||
|
"types": "./dist/index.d.ts",
|
||||||
|
"development": "./src/index.ts",
|
||||||
|
"default": "./dist/index.js"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"version": "0.2.0",
|
||||||
|
"devDependencies": {
|
||||||
|
"typescript": "^5.5.3"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"build": "tsc",
|
||||||
|
"typecheck": "tsc --noEmit",
|
||||||
|
"dev": "tsc -w"
|
||||||
|
},
|
||||||
|
"files": [
|
||||||
|
"dist",
|
||||||
|
"src",
|
||||||
|
"README.md",
|
||||||
|
"CHANGELOG.md"
|
||||||
|
]
|
||||||
|
}
|
||||||
@@ -0,0 +1,39 @@
|
|||||||
|
/**
|
||||||
|
* Default primary color throughout the GitBook ecosystem.
|
||||||
|
*/
|
||||||
|
export const DEFAULT_PRIMARY_COLOR = '#346DDB';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The darkest color that exists in GitBook, used as the relative minimum of every generated color scale.
|
||||||
|
*/
|
||||||
|
export const DARK_BASE = '#1D1D1D';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The lightest color that exists in GitBook, used as the relative maximum of every generated color scale.
|
||||||
|
*/
|
||||||
|
export const LIGHT_BASE = '#FFFFFF';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Used as the basis of all UI elements that are not colored by the primary color. Neutral gray by default, overridden by site customization.
|
||||||
|
*/
|
||||||
|
export const DEFAULT_TINT_COLOR = '#787878';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Used for informational messages and neutral alerts.
|
||||||
|
*/
|
||||||
|
export const DEFAULT_HINT_INFO_COLOR = '#787878';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Used for showing important information or non-critical warnings.
|
||||||
|
*/
|
||||||
|
export const DEFAULT_HINT_WARNING_COLOR = '#FE9A00';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Used for destructive actions or raising attention to critical information.
|
||||||
|
*/
|
||||||
|
export const DEFAULT_HINT_DANGER_COLOR = '#FB2C36';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Used for showing positive actions or achievements.
|
||||||
|
*/
|
||||||
|
export const DEFAULT_HINT_SUCCESS_COLOR = '#00C950';
|
||||||
@@ -0,0 +1,2 @@
|
|||||||
|
export * from './colors';
|
||||||
|
export * from './transformations';
|
||||||
@@ -0,0 +1,408 @@
|
|||||||
|
import { DARK_BASE, LIGHT_BASE, DEFAULT_TINT_COLOR } from './colors';
|
||||||
|
|
||||||
|
type ColorShades = {
|
||||||
|
[key: string]: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type RGBColor = [number, number, number];
|
||||||
|
type OKLABColor = { L: number; A: number; B: number };
|
||||||
|
type OKLCHColor = { L: number; C: number; H: number };
|
||||||
|
|
||||||
|
const D65 = [95.047, 100.0, 108.883]; // Reference white (D65)
|
||||||
|
|
||||||
|
export enum ColorCategory {
|
||||||
|
backgrounds = 'backgrounds',
|
||||||
|
components = 'components',
|
||||||
|
borders = 'borders',
|
||||||
|
accents = 'accents',
|
||||||
|
text = 'text',
|
||||||
|
}
|
||||||
|
|
||||||
|
type ColorSubScale = {
|
||||||
|
[key: string]: number;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Main color scale object.
|
||||||
|
*
|
||||||
|
* Each `ColorCategory` can be in/excluded in Tailwind's utility classes generation.
|
||||||
|
* Each subitem maps a semantic name within that category to a step in the scale.
|
||||||
|
*/
|
||||||
|
export const scale: Record<ColorCategory, ColorSubScale> = {
|
||||||
|
[ColorCategory.backgrounds]: {
|
||||||
|
/** Base background */
|
||||||
|
base: 1,
|
||||||
|
/** Accent background */
|
||||||
|
subtle: 2,
|
||||||
|
},
|
||||||
|
[ColorCategory.components]: {
|
||||||
|
/** Component background */
|
||||||
|
DEFAULT: 3,
|
||||||
|
/** Component hover background */
|
||||||
|
hover: 4,
|
||||||
|
/** Component active background */
|
||||||
|
active: 5,
|
||||||
|
},
|
||||||
|
[ColorCategory.borders]: {
|
||||||
|
/** Subtle borders, separators */
|
||||||
|
subtle: 6,
|
||||||
|
/** Element border, focus rings */
|
||||||
|
DEFAULT: 7,
|
||||||
|
/** Element hover border */
|
||||||
|
hover: 8,
|
||||||
|
},
|
||||||
|
[ColorCategory.accents]: {
|
||||||
|
/** Solid backgrounds */
|
||||||
|
solid: 9,
|
||||||
|
/** Hovered solid backgrounds */
|
||||||
|
'solid-hover': 10,
|
||||||
|
},
|
||||||
|
[ColorCategory.text]: {
|
||||||
|
/** Very low-contrast text
|
||||||
|
* Caution: this contrast does not meet accessiblity guidelines.
|
||||||
|
* Always check if you need to include a mitigating contrast-more style for users who need it. */
|
||||||
|
subtle: 9,
|
||||||
|
/** Low-contrast text */
|
||||||
|
DEFAULT: 11,
|
||||||
|
/** High-contrast text */
|
||||||
|
strong: 12,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The mix of foreground and background for every step in a colour scale.
|
||||||
|
* 0: 100% of the background color's luminosity, white in light mode
|
||||||
|
* 1: 100% of the foreground color's luminosity, black in light mode
|
||||||
|
*/
|
||||||
|
export const colorMixMapping = {
|
||||||
|
// bgs |components |borders |solid |text
|
||||||
|
light: [0, 0.02, 0.03, 0.05, 0.07, 0.1, 0.15, 0.2, 0.5, 0.55, 0.6, 1],
|
||||||
|
dark: [0, 0.03, 0.08, 0.1, 0.13, 0.15, 0.2, 0.25, 0.5, 0.55, 0.75, 1],
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Convert a hex color to an RGB color.
|
||||||
|
*/
|
||||||
|
export function hexToRgb(hex: string): string {
|
||||||
|
const [r, g, b] = hexToRgbArray(hex);
|
||||||
|
// Return the RGB values separated by spaces
|
||||||
|
return `${r} ${g} ${b}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Convert a hex color to a RGBA color.
|
||||||
|
*/
|
||||||
|
export function hexToRgba(hex: string, alpha: number): string {
|
||||||
|
const [r, g, b] = hexToRgbArray(hex);
|
||||||
|
// Return the RGBA values separated by spaces
|
||||||
|
return `rgba(${r}, ${g}, ${b}, ${alpha})`;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Generate Tailwind-compatible shades from a single color
|
||||||
|
* @param {string} hex The hex code to generate shades from
|
||||||
|
* @param {boolean} halfShades Generate additional shades, e.g. at 150
|
||||||
|
* @returns {{[key: number]: string}}
|
||||||
|
*/
|
||||||
|
export function shadesOfColor(hex: string, halfShades = false) {
|
||||||
|
const baseColor = hex;
|
||||||
|
|
||||||
|
const shades = [
|
||||||
|
50,
|
||||||
|
100,
|
||||||
|
200,
|
||||||
|
300,
|
||||||
|
400,
|
||||||
|
500,
|
||||||
|
600,
|
||||||
|
700,
|
||||||
|
800,
|
||||||
|
900,
|
||||||
|
...(halfShades ? [150, 250, 350, 450, 550, 650, 750, 850] : []),
|
||||||
|
].sort();
|
||||||
|
|
||||||
|
const result: ColorShades = {};
|
||||||
|
|
||||||
|
for (const shade of shades) {
|
||||||
|
const key = shade.toString();
|
||||||
|
|
||||||
|
if (shade === 500) {
|
||||||
|
result[key] = hex;
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
let shadeIndex = shade;
|
||||||
|
const isDarkShade = shadeIndex > 500;
|
||||||
|
if (isDarkShade) {
|
||||||
|
shadeIndex -= 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
const percentage = shadeIndex / 500;
|
||||||
|
const startColor = isDarkShade ? DARK_BASE : baseColor;
|
||||||
|
const endColor = isDarkShade ? baseColor : LIGHT_BASE;
|
||||||
|
|
||||||
|
result[key] = getColor(percentage, hexToRgbArray(startColor), hexToRgbArray(endColor));
|
||||||
|
}
|
||||||
|
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
export type ColorScaleOptions = {
|
||||||
|
/** If set to `true`, inverts the scale (so 1 is black instead of white) and uses `colorMixMapping.dark` with different mix ratios per step. */
|
||||||
|
darkMode?: boolean;
|
||||||
|
|
||||||
|
/** Define a custom background color to use. If left undefined, the global `light`/`dark` values (in `colors.ts`) will be used. */
|
||||||
|
background?: string;
|
||||||
|
|
||||||
|
/** Define a custom foreground color to use. If left undefined, the global `light`/`dark` values (in `colors.ts`) will be used. */
|
||||||
|
foreground?: string;
|
||||||
|
|
||||||
|
mix?: {
|
||||||
|
/** If set to a hex code, this color will be additionally mixed into the generated scale according to `mix.ratio`. */
|
||||||
|
color: string;
|
||||||
|
|
||||||
|
/** Define a custom mix ratio to mix the `mix` color with. If left undefined, the default ratio will be used. */
|
||||||
|
ratio: number;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Generate a [Radix-like](https://www.radix-ui.com/colors/docs/palette-composition/understanding-the-scale) colour scale based of a hex colour.
|
||||||
|
* @param {string} hex The hex code to generate shades from
|
||||||
|
* @param {object} options
|
||||||
|
*/
|
||||||
|
export function colorScale(
|
||||||
|
hex: string,
|
||||||
|
{
|
||||||
|
darkMode = false,
|
||||||
|
background = darkMode ? DARK_BASE : LIGHT_BASE,
|
||||||
|
foreground = darkMode ? LIGHT_BASE : DARK_BASE,
|
||||||
|
mix,
|
||||||
|
}: ColorScaleOptions = {},
|
||||||
|
) {
|
||||||
|
const baseColor = rgbToOklch(hexToRgbArray(hex));
|
||||||
|
const mixColor = mix?.color ? rgbToOklch(hexToRgbArray(mix.color)) : null;
|
||||||
|
const foregroundColor = rgbToOklch(hexToRgbArray(foreground));
|
||||||
|
const backgroundColor = rgbToOklch(hexToRgbArray(background));
|
||||||
|
|
||||||
|
if (mixColor && mix?.ratio && mix.ratio > 0) {
|
||||||
|
// If defined, we mix in a (tiny) bit of the mix color with the base color.
|
||||||
|
baseColor.L = mixColor.L * mix.ratio + baseColor.L * (1 - mix.ratio);
|
||||||
|
baseColor.C = mixColor.C * mix.ratio + baseColor.C * (1 - mix.ratio);
|
||||||
|
baseColor.H = mix.color === DEFAULT_TINT_COLOR ? baseColor.H : mixColor.H;
|
||||||
|
}
|
||||||
|
|
||||||
|
const mapping = darkMode ? colorMixMapping.dark : colorMixMapping.light;
|
||||||
|
|
||||||
|
const result = [];
|
||||||
|
|
||||||
|
for (let index = 0; index < mapping.length; index++) {
|
||||||
|
const targetL =
|
||||||
|
foregroundColor.L * mapping[index] + backgroundColor.L * (1 - mapping[index]);
|
||||||
|
|
||||||
|
if (index === 8 && !mix && Math.abs(baseColor.L - targetL) < 0.2) {
|
||||||
|
// Original colour is close enough to target, so let's use the original colour as step 9.
|
||||||
|
result.push(hex);
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
const chromaRatio = index < 8 ? (index + 1) * 0.05 : 1;
|
||||||
|
|
||||||
|
const shade = {
|
||||||
|
L: targetL, // Blend lightness
|
||||||
|
C: baseColor.C * chromaRatio,
|
||||||
|
H: baseColor.H, // Maintain the hue from the base color
|
||||||
|
};
|
||||||
|
|
||||||
|
const newHex = rgbArrayToHex(oklchToRgb(shade));
|
||||||
|
|
||||||
|
result.push(newHex);
|
||||||
|
}
|
||||||
|
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Convert a hex color to an RGB color set.
|
||||||
|
*/
|
||||||
|
export function hexToRgbArray(hex: string): RGBColor {
|
||||||
|
const originalHex = hex;
|
||||||
|
|
||||||
|
let value = hex.replace('#', '');
|
||||||
|
if (hex.length === 3) value = value + value;
|
||||||
|
|
||||||
|
const r = value.substring(0, 2);
|
||||||
|
const g = value.substring(2, 4);
|
||||||
|
const b = value.substring(4, 6);
|
||||||
|
|
||||||
|
const rgb = [r, g, b].map((channel) => {
|
||||||
|
try {
|
||||||
|
const channelInt = Number.parseInt(channel, 16);
|
||||||
|
if (channelInt < 0 || channelInt > 255) throw new Error();
|
||||||
|
return channelInt;
|
||||||
|
} catch {
|
||||||
|
throw new Error(`Invalid hex color provided: ${originalHex}`);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return rgb as RGBColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Convert a RGB color set to a hex color.
|
||||||
|
*/
|
||||||
|
export function rgbArrayToHex(rgb: RGBColor): string {
|
||||||
|
return `#${rgb
|
||||||
|
.map((channel) => {
|
||||||
|
const component = channel.toString(16);
|
||||||
|
if (component.length === 1) return `0${component}`;
|
||||||
|
return component;
|
||||||
|
})
|
||||||
|
.join('')}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getColor(percentage: number, start: RGBColor, end: RGBColor) {
|
||||||
|
const rgb = end.map((channel, index) => {
|
||||||
|
return Math.round(channel + percentage * (start[index] - channel));
|
||||||
|
});
|
||||||
|
|
||||||
|
return rgbArrayToHex(rgb as RGBColor);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Utility constants and helper functions
|
||||||
|
export function rgbToLinear(rgb: RGBColor): [number, number, number] {
|
||||||
|
return rgb.map((v) => {
|
||||||
|
const scaled = v / 255;
|
||||||
|
return scaled <= 0.04045 ? scaled / 12.92 : ((scaled + 0.055) / 1.055) ** 2.4;
|
||||||
|
}) as [number, number, number];
|
||||||
|
}
|
||||||
|
|
||||||
|
export function linearToRgb(linear: [number, number, number]): RGBColor {
|
||||||
|
return linear.map((v) => {
|
||||||
|
const scaled = v <= 0.0031308 ? 12.92 * v : 1.055 * v ** (1 / 2.4) - 0.055;
|
||||||
|
return Math.round(Math.max(0, Math.min(1, scaled)) * 255);
|
||||||
|
}) as RGBColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function rgbToOklab(rgb: RGBColor): OKLABColor {
|
||||||
|
const [r, g, b] = rgbToLinear(rgb);
|
||||||
|
|
||||||
|
const l = 0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b;
|
||||||
|
const m = 0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b;
|
||||||
|
const s = 0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b;
|
||||||
|
|
||||||
|
const lRoot = Math.cbrt(l);
|
||||||
|
const mRoot = Math.cbrt(m);
|
||||||
|
const sRoot = Math.cbrt(s);
|
||||||
|
|
||||||
|
return {
|
||||||
|
L: 0.2104542553 * lRoot + 0.793617785 * mRoot - 0.0040720468 * sRoot,
|
||||||
|
A: 1.9779984951 * lRoot - 2.428592205 * mRoot + 0.4505937099 * sRoot,
|
||||||
|
B: 0.0259040371 * lRoot + 0.7827717662 * mRoot - 0.808675766 * sRoot,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function oklabToRgb(oklab: OKLABColor): RGBColor {
|
||||||
|
const { L, A, B } = oklab;
|
||||||
|
|
||||||
|
const lRoot = L + 0.3963377774 * A + 0.2158037573 * B;
|
||||||
|
const mRoot = L - 0.1055613458 * A - 0.0638541728 * B;
|
||||||
|
const sRoot = L - 0.0894841775 * A - 1.291485548 * B;
|
||||||
|
|
||||||
|
const l = lRoot ** 3;
|
||||||
|
const m = mRoot ** 3;
|
||||||
|
const s = sRoot ** 3;
|
||||||
|
|
||||||
|
const r = 4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s;
|
||||||
|
const g = -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s;
|
||||||
|
const b = -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s;
|
||||||
|
|
||||||
|
return linearToRgb([r, g, b]);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function oklabToOklch(oklab: OKLABColor): OKLCHColor {
|
||||||
|
const { L, A, B } = oklab;
|
||||||
|
const C = Math.sqrt(A ** 2 + B ** 2);
|
||||||
|
const H = (Math.atan2(B, A) * 180) / Math.PI;
|
||||||
|
return { L, C, H: H < 0 ? H + 360 : H };
|
||||||
|
}
|
||||||
|
|
||||||
|
export function oklchToOklab(oklch: OKLCHColor): OKLABColor {
|
||||||
|
const { L, C, H } = oklch;
|
||||||
|
const rad = (H * Math.PI) / 180;
|
||||||
|
return {
|
||||||
|
L,
|
||||||
|
A: C * Math.cos(rad),
|
||||||
|
B: C * Math.sin(rad),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function rgbToOklch(rgb: RGBColor): OKLCHColor {
|
||||||
|
return oklabToOklch(rgbToOklab(rgb));
|
||||||
|
}
|
||||||
|
|
||||||
|
export function oklchToRgb(oklch: OKLCHColor): RGBColor {
|
||||||
|
return oklabToRgb(oklchToOklab(oklch));
|
||||||
|
}
|
||||||
|
|
||||||
|
export function rgbToXyz(rgb: RGBColor): [number, number, number] {
|
||||||
|
const [r, g, b] = rgbToLinear(rgb);
|
||||||
|
return [
|
||||||
|
(r * 0.4124564 + g * 0.3575761 + b * 0.1804375) * 100,
|
||||||
|
(r * 0.2126729 + g * 0.7151522 + b * 0.072175) * 100,
|
||||||
|
(r * 0.0193339 + g * 0.119192 + b * 0.9503041) * 100,
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
export function xyzToLab65(xyz: [number, number, number]): {
|
||||||
|
L: number;
|
||||||
|
A: number;
|
||||||
|
B: number;
|
||||||
|
} {
|
||||||
|
const [x, y, z] = xyz.map((v, i) => {
|
||||||
|
const scaled = v / D65[i];
|
||||||
|
return scaled > 0.008856 ? Math.cbrt(scaled) : 7.787 * scaled + 16 / 116;
|
||||||
|
});
|
||||||
|
|
||||||
|
return {
|
||||||
|
L: 116 * y - 16,
|
||||||
|
A: 500 * (x - y),
|
||||||
|
B: 200 * (y - z),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function rgbTolab65(rgb: RGBColor): { L: number; A: number; B: number } {
|
||||||
|
return xyzToLab65(rgbToXyz(rgb));
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Delta Phi Star perceptual lightness contrast by Andrew Somers:
|
||||||
|
https://github.com/Myndex/deltaphistar
|
||||||
|
*/
|
||||||
|
export const PHI = 0.5 + Math.sqrt(1.25);
|
||||||
|
|
||||||
|
export function dpsContrast(a: RGBColor, b: RGBColor) {
|
||||||
|
const dps = Math.abs(rgbTolab65(a).L ** PHI - rgbTolab65(b).L ** PHI);
|
||||||
|
const contrast = dps ** (1 / PHI) * Math.SQRT2 - 40;
|
||||||
|
return contrast < 7.5 ? 0 : contrast;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function colorContrast(background: string, foreground: string[] = [LIGHT_BASE, DARK_BASE]) {
|
||||||
|
const bg = hexToRgbArray(background);
|
||||||
|
|
||||||
|
const best: { color?: RGBColor; contrast: number } = {
|
||||||
|
color: undefined,
|
||||||
|
contrast: 0,
|
||||||
|
};
|
||||||
|
for (const color of foreground) {
|
||||||
|
const c = hexToRgbArray(color);
|
||||||
|
|
||||||
|
const contrast = dpsContrast(c, bg);
|
||||||
|
if (contrast > best.contrast) {
|
||||||
|
best.color = c;
|
||||||
|
best.contrast = contrast;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return best.color ? rgbArrayToHex(best.color) : foreground[0];
|
||||||
|
}
|
||||||
@@ -0,0 +1,24 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"target": "esnext",
|
||||||
|
"lib": ["dom", "dom.iterable", "esnext"],
|
||||||
|
"allowJs": true,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"strict": true,
|
||||||
|
"noEmit": false,
|
||||||
|
"declaration": true,
|
||||||
|
"outDir": "dist",
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"module": "esnext",
|
||||||
|
"moduleResolution": "bundler",
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"isolatedModules": true,
|
||||||
|
"jsx": "react",
|
||||||
|
"incremental": true,
|
||||||
|
"types": [
|
||||||
|
"bun-types" // add Bun global
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"include": ["src/**/*.ts", "src/**/*.tsx"],
|
||||||
|
"exclude": ["node_modules"]
|
||||||
|
}
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
# next.js
|
||||||
|
/.next/
|
||||||
|
|
||||||
|
# vercel
|
||||||
|
.vercel
|
||||||
|
|
||||||
|
# cloudflare
|
||||||
|
.open-next
|
||||||
|
|
||||||
|
# Symbolic links
|
||||||
|
public
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
# gitbook-v2
|
||||||
|
|
||||||
|
## 0.1.0
|
||||||
|
|
||||||
|
### Minor Changes
|
||||||
|
|
||||||
|
- cfccc44: Setup structure and deployment for new version
|
||||||
Vendored
+5
@@ -0,0 +1,5 @@
|
|||||||
|
/// <reference types="next" />
|
||||||
|
/// <reference types="next/image-types/global" />
|
||||||
|
|
||||||
|
// NOTE: This file should not be edited
|
||||||
|
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
// @ts-check
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @type {import('next').NextConfig}
|
||||||
|
*/
|
||||||
|
const nextConfig = {
|
||||||
|
experimental: {
|
||||||
|
useCache: true,
|
||||||
|
},
|
||||||
|
|
||||||
|
env: {
|
||||||
|
BUILD_VERSION: (process.env.GITHUB_SHA ?? '').slice(0, 7),
|
||||||
|
GITBOOK_URL: process.env.GITBOOK_URL,
|
||||||
|
GITBOOK_ASSETS_PREFIX: process.env.GITBOOK_ASSETS_PREFIX,
|
||||||
|
GITBOOK_ICONS_URL: process.env.GITBOOK_ICONS_URL,
|
||||||
|
GITBOOK_ICONS_TOKEN: process.env.GITBOOK_ICONS_TOKEN,
|
||||||
|
NEXT_SERVER_ACTIONS_ENCRYPTION_KEY: process.env.NEXT_SERVER_ACTIONS_ENCRYPTION_KEY,
|
||||||
|
},
|
||||||
|
|
||||||
|
assetPrefix: process.env.GITBOOK_ASSETS_PREFIX,
|
||||||
|
poweredByHeader: false,
|
||||||
|
|
||||||
|
images: {
|
||||||
|
remotePatterns: [
|
||||||
|
{
|
||||||
|
protocol: 'https',
|
||||||
|
hostname: '*.gitbook.io',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
export default nextConfig;
|
||||||
@@ -0,0 +1,30 @@
|
|||||||
|
// default open-next.config.ts file created by @opennextjs/cloudflare
|
||||||
|
|
||||||
|
import cache from '@opennextjs/cloudflare/kvCache';
|
||||||
|
|
||||||
|
const config = {
|
||||||
|
default: {
|
||||||
|
override: {
|
||||||
|
wrapper: 'cloudflare-node',
|
||||||
|
converter: 'edge',
|
||||||
|
incrementalCache: async () => cache,
|
||||||
|
tagCache: 'dummy',
|
||||||
|
queue: 'dummy',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
middleware: {
|
||||||
|
external: true,
|
||||||
|
override: {
|
||||||
|
wrapper: 'cloudflare-edge',
|
||||||
|
converter: 'edge',
|
||||||
|
proxyExternalRequest: 'fetch',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
dangerous: {
|
||||||
|
enableCacheInterception: false,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
export default config;
|
||||||
@@ -0,0 +1,29 @@
|
|||||||
|
{
|
||||||
|
"name": "gitbook-v2",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"private": true,
|
||||||
|
"dependencies": {
|
||||||
|
"next": "canary",
|
||||||
|
"react": "^19.0.0",
|
||||||
|
"react-dom": "^19.0.0",
|
||||||
|
"@gitbook/api": "^0.96.0",
|
||||||
|
"@sindresorhus/fnv1a": "^3.1.0",
|
||||||
|
"server-only": "^0.0.1"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"gitbook": "*",
|
||||||
|
"@opennextjs/cloudflare": "^0.5.3",
|
||||||
|
"tailwindcss": "^3.4.0",
|
||||||
|
"postcss": "^8"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"generate": "rm -rf ./public && cp -r ../gitbook/public ./public",
|
||||||
|
"dev:v2": "env-cmd --silent -f ../../.env.local next",
|
||||||
|
"build": "next build",
|
||||||
|
"build:v2": "next build",
|
||||||
|
"start": "next start",
|
||||||
|
"build:v2:cloudflare": "opennextjs-cloudflare",
|
||||||
|
"dev:v2:cloudflare": "wrangler dev --port 8771",
|
||||||
|
"unit": "bun test"
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
module.exports = {
|
||||||
|
plugins: {
|
||||||
|
tailwindcss: {},
|
||||||
|
autoprefixer: {},
|
||||||
|
},
|
||||||
|
};
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
import { SitePageSkeleton } from '@/components/SitePage';
|
||||||
|
|
||||||
|
export default function Loading() {
|
||||||
|
return <SitePageSkeleton />;
|
||||||
|
}
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
import { SitePageNotFound } from '@/components/SitePage';
|
||||||
|
|
||||||
|
export default async function NotFound() {
|
||||||
|
return <SitePageNotFound />;
|
||||||
|
}
|
||||||
@@ -0,0 +1,38 @@
|
|||||||
|
import { getDynamicSiteContext, getPagePathFromParams, RouteParams } from '@v2/app/utils';
|
||||||
|
import {
|
||||||
|
generateSitePageMetadata,
|
||||||
|
generateSitePageViewport,
|
||||||
|
SitePage,
|
||||||
|
} from '@/components/SitePage';
|
||||||
|
import { Metadata, Viewport } from 'next';
|
||||||
|
|
||||||
|
type PageProps = {
|
||||||
|
params: Promise<RouteParams>;
|
||||||
|
searchParams: Promise<{ fallback?: string }>;
|
||||||
|
};
|
||||||
|
|
||||||
|
export default async function Page(props: PageProps) {
|
||||||
|
const params = await props.params;
|
||||||
|
const context = await getDynamicSiteContext(params);
|
||||||
|
const pathname = getPagePathFromParams(params);
|
||||||
|
|
||||||
|
return <SitePage context={context} pageParams={{ pathname }} redirectOnFallback={true} />;
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function generateViewport(props: PageProps): Promise<Viewport> {
|
||||||
|
const context = await getDynamicSiteContext(await props.params);
|
||||||
|
return generateSitePageViewport(context);
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function generateMetadata(props: PageProps): Promise<Metadata> {
|
||||||
|
const [params, searchParams] = await Promise.all([props.params, props.searchParams]);
|
||||||
|
const context = await getDynamicSiteContext(params);
|
||||||
|
const pathname = getPagePathFromParams(params);
|
||||||
|
|
||||||
|
return generateSitePageMetadata({
|
||||||
|
context,
|
||||||
|
pageParams: { pathname },
|
||||||
|
redirectOnFallback: true,
|
||||||
|
fallback: !!searchParams.fallback,
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -0,0 +1,28 @@
|
|||||||
|
import { CustomizationRootLayout } from '@/components/RootLayout';
|
||||||
|
import { SiteLayout } from '@/components/SiteLayout';
|
||||||
|
import { getDynamicSiteContext, RouteLayoutParams } from '@v2/app/utils';
|
||||||
|
import { GITBOOK_DISABLE_TRACKING } from '@v2/lib/env';
|
||||||
|
import { getThemeFromMiddleware } from '@v2/lib/middleware';
|
||||||
|
|
||||||
|
export default async function SiteDynamicLayout({
|
||||||
|
params,
|
||||||
|
children,
|
||||||
|
}: {
|
||||||
|
params: Promise<RouteLayoutParams>;
|
||||||
|
children: React.ReactNode;
|
||||||
|
}) {
|
||||||
|
const context = await getDynamicSiteContext(await params);
|
||||||
|
const forcedTheme = await getThemeFromMiddleware();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<CustomizationRootLayout customization={context.customization}>
|
||||||
|
<SiteLayout
|
||||||
|
context={context}
|
||||||
|
forcedTheme={forcedTheme}
|
||||||
|
withTracking={!GITBOOK_DISABLE_TRACKING}
|
||||||
|
>
|
||||||
|
{children}
|
||||||
|
</SiteLayout>
|
||||||
|
</CustomizationRootLayout>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
import { SitePageSkeleton } from '@/components/SitePage';
|
||||||
|
|
||||||
|
export default function Loading() {
|
||||||
|
return <SitePageSkeleton />;
|
||||||
|
}
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
import { SitePageNotFound } from '@/components/SitePage';
|
||||||
|
|
||||||
|
export default async function NotFound() {
|
||||||
|
return <SitePageNotFound />;
|
||||||
|
}
|
||||||
@@ -0,0 +1,44 @@
|
|||||||
|
import { unstable_cacheTag as cacheTag } from 'next/cache';
|
||||||
|
import { getSiteCacheTag } from '@v2/lib/cache';
|
||||||
|
import { getPagePathFromParams, getStaticSiteContext, RouteParams } from '@v2/app/utils';
|
||||||
|
import {
|
||||||
|
generateSitePageMetadata,
|
||||||
|
generateSitePageViewport,
|
||||||
|
SitePage,
|
||||||
|
} from '@/components/SitePage';
|
||||||
|
import { Metadata, Viewport } from 'next';
|
||||||
|
|
||||||
|
export const dynamic = 'force-static';
|
||||||
|
|
||||||
|
type PageProps = {
|
||||||
|
params: Promise<RouteParams>;
|
||||||
|
};
|
||||||
|
|
||||||
|
export default async function Page(props: PageProps) {
|
||||||
|
'use cache';
|
||||||
|
|
||||||
|
const params = await props.params;
|
||||||
|
const context = await getStaticSiteContext(params);
|
||||||
|
const pathname = getPagePathFromParams(params);
|
||||||
|
|
||||||
|
cacheTag(getSiteCacheTag(context.site.id));
|
||||||
|
|
||||||
|
return <SitePage context={context} pageParams={{ pathname }} redirectOnFallback={true} />;
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function generateViewport(props: PageProps): Promise<Viewport> {
|
||||||
|
const context = await getStaticSiteContext(await props.params);
|
||||||
|
return generateSitePageViewport(context);
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function generateMetadata(props: PageProps): Promise<Metadata> {
|
||||||
|
const params = await props.params;
|
||||||
|
const context = await getStaticSiteContext(params);
|
||||||
|
const pathname = getPagePathFromParams(params);
|
||||||
|
|
||||||
|
return generateSitePageMetadata({
|
||||||
|
context,
|
||||||
|
pageParams: { pathname },
|
||||||
|
redirectOnFallback: true,
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -0,0 +1,28 @@
|
|||||||
|
import { unstable_cacheTag as cacheTag } from 'next/cache';
|
||||||
|
import { getSiteCacheTag } from '@v2/lib/cache';
|
||||||
|
import { getStaticSiteContext, RouteLayoutParams } from '@v2/app/utils';
|
||||||
|
import { CustomizationRootLayout } from '@/components/RootLayout';
|
||||||
|
import { SiteLayout } from '@/components/SiteLayout';
|
||||||
|
import { GITBOOK_DISABLE_TRACKING } from '@v2/lib/env';
|
||||||
|
|
||||||
|
export default async function SiteStaticLayout({
|
||||||
|
params,
|
||||||
|
children,
|
||||||
|
}: {
|
||||||
|
params: Promise<RouteLayoutParams>;
|
||||||
|
children: React.ReactNode;
|
||||||
|
}) {
|
||||||
|
'use cache';
|
||||||
|
|
||||||
|
const context = await getStaticSiteContext(await params);
|
||||||
|
|
||||||
|
cacheTag(getSiteCacheTag(context.site.id));
|
||||||
|
|
||||||
|
return (
|
||||||
|
<CustomizationRootLayout customization={context.customization}>
|
||||||
|
<SiteLayout context={context} withTracking={!GITBOOK_DISABLE_TRACKING}>
|
||||||
|
{children}
|
||||||
|
</SiteLayout>
|
||||||
|
</CustomizationRootLayout>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,116 @@
|
|||||||
|
import { fetchSiteContextByURL } from '@v2/lib/context';
|
||||||
|
import { createDataFetcher } from '@v2/lib/data';
|
||||||
|
import { GITBOOK_API_TOKEN, GITBOOK_API_URL, GITBOOK_URL } from '@v2/lib/env';
|
||||||
|
import { createNoopImageResizer } from '@v2/lib/images';
|
||||||
|
import { createLinker } from '@v2/lib/links';
|
||||||
|
import { headers } from 'next/headers';
|
||||||
|
|
||||||
|
export type RouteParamMode = 'url-host' | 'url';
|
||||||
|
|
||||||
|
export type RouteLayoutParams = {
|
||||||
|
mode: string;
|
||||||
|
|
||||||
|
/** URL encoded site URL */
|
||||||
|
siteURL: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type RouteParams = RouteLayoutParams & {
|
||||||
|
pagePath: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the static context when rendering statically a site.
|
||||||
|
*/
|
||||||
|
export function getStaticSiteContext(params: RouteLayoutParams) {
|
||||||
|
const url = getSiteURLFromParams(params);
|
||||||
|
|
||||||
|
const dataFetcher = createDataFetcher();
|
||||||
|
const linker = createLinkerFromParams(params);
|
||||||
|
const imageResizer = createNoopImageResizer();
|
||||||
|
|
||||||
|
return fetchSiteContextByURL(
|
||||||
|
{
|
||||||
|
dataFetcher,
|
||||||
|
linker,
|
||||||
|
imageResizer,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
url: url.toString(),
|
||||||
|
visitorAuthToken: null,
|
||||||
|
redirectOnError: false,
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the site context when rendering dynamically.
|
||||||
|
* The context will depend on the request.
|
||||||
|
*/
|
||||||
|
export async function getDynamicSiteContext(params: RouteLayoutParams) {
|
||||||
|
const url = getSiteURLFromParams(params);
|
||||||
|
const headersSet = await headers();
|
||||||
|
|
||||||
|
const dataFetcher = createDataFetcher({
|
||||||
|
apiToken: headersSet.get('x-gitbook-token') ?? GITBOOK_API_TOKEN,
|
||||||
|
apiEndpoint: headersSet.get('x-gitbook-api') ?? GITBOOK_API_URL,
|
||||||
|
});
|
||||||
|
|
||||||
|
const linker = createLinkerFromParams(params);
|
||||||
|
const imageResizer = createNoopImageResizer();
|
||||||
|
|
||||||
|
return fetchSiteContextByURL(
|
||||||
|
{
|
||||||
|
dataFetcher,
|
||||||
|
linker,
|
||||||
|
imageResizer,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
url: url.toString(),
|
||||||
|
visitorAuthToken: headersSet.get('x-gitbook-visitor-token'),
|
||||||
|
|
||||||
|
// TODO: set it only when the token comes from the cookies.
|
||||||
|
redirectOnError: true,
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the decoded page path from the params.
|
||||||
|
*/
|
||||||
|
export function getPagePathFromParams(params: RouteParams) {
|
||||||
|
const decoded = decodeURIComponent(params.pagePath);
|
||||||
|
return decoded;
|
||||||
|
}
|
||||||
|
|
||||||
|
function createLinkerFromParams(params: RouteLayoutParams) {
|
||||||
|
const url = getSiteURLFromParams(params);
|
||||||
|
const mode = getModeFromParams(params.mode);
|
||||||
|
|
||||||
|
if (mode === 'url-host') {
|
||||||
|
return createLinker({
|
||||||
|
host: url.host,
|
||||||
|
pathname: '/',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const gitbookURL = new URL(GITBOOK_URL);
|
||||||
|
return createLinker({
|
||||||
|
protocol: gitbookURL.protocol,
|
||||||
|
host: gitbookURL.host,
|
||||||
|
pathname: `/url/${url.host}`,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function getSiteURLFromParams(params: RouteLayoutParams) {
|
||||||
|
const decoded = decodeURIComponent(params.siteURL);
|
||||||
|
const url = new URL('https://' + decoded);
|
||||||
|
return url;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getModeFromParams(mode: string): RouteParamMode {
|
||||||
|
if (mode === 'url-host') {
|
||||||
|
return 'url-host';
|
||||||
|
}
|
||||||
|
|
||||||
|
return 'url';
|
||||||
|
}
|
||||||
@@ -0,0 +1,34 @@
|
|||||||
|
/**
|
||||||
|
* Get the cache tag for a site.
|
||||||
|
*/
|
||||||
|
export function getSiteCacheTag(siteId: string) {
|
||||||
|
return `site:${siteId}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the cache tag for a hostname.
|
||||||
|
*/
|
||||||
|
export function getHostnameCacheTag(hostname: string) {
|
||||||
|
return `url:${hostname}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the cache tag for an OpenAPI spec.
|
||||||
|
*/
|
||||||
|
export function getOpenAPISpecCacheTag(organizationId: string, slug: string) {
|
||||||
|
return `organization:${organizationId}:openapi:${slug}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the cache tag for a space.
|
||||||
|
*/
|
||||||
|
export function getSpaceCacheTag(spaceId: string) {
|
||||||
|
return `space:${spaceId}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the cache tag for a change request.
|
||||||
|
*/
|
||||||
|
export function getChangeRequestCacheTag(spaceId: string, changeRequestId: string) {
|
||||||
|
return `space:${spaceId}:change-request:${changeRequestId}`;
|
||||||
|
}
|
||||||
@@ -0,0 +1,289 @@
|
|||||||
|
import {
|
||||||
|
ChangeRequest,
|
||||||
|
RevisionPage,
|
||||||
|
RevisionPageDocument,
|
||||||
|
Site,
|
||||||
|
SiteCustomizationSettings,
|
||||||
|
SiteIntegrationScript,
|
||||||
|
SiteSection,
|
||||||
|
SiteSectionGroup,
|
||||||
|
SiteSpace,
|
||||||
|
SiteStructure,
|
||||||
|
Space,
|
||||||
|
} from '@gitbook/api';
|
||||||
|
import { redirect } from 'next/navigation';
|
||||||
|
import { assert } from 'ts-essentials';
|
||||||
|
import { getSiteStructureSections } from '@/lib/sites';
|
||||||
|
import { createDataFetcher, GitBookDataFetcher } from '@v2/lib/data';
|
||||||
|
import { GitBookSpaceLinker, appendPrefixToLinker } from './links';
|
||||||
|
import { ImageResizer } from './images';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Generic context when rendering content.
|
||||||
|
*/
|
||||||
|
export type GitBookBaseContext = {
|
||||||
|
/**
|
||||||
|
* Data fetcher to fetch data from GitBook.
|
||||||
|
*/
|
||||||
|
dataFetcher: GitBookDataFetcher;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Linker to generate links in the current space.
|
||||||
|
*/
|
||||||
|
linker: GitBookSpaceLinker;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Image resizer to resize images.
|
||||||
|
*/
|
||||||
|
imageResizer: ImageResizer;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Any context when rendering content.
|
||||||
|
*/
|
||||||
|
export type GitBookAnyContext = GitBookSpaceContext | GitBookSiteContext | GitBookPageContext;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Context when rendering a space content.
|
||||||
|
*/
|
||||||
|
export type GitBookSpaceContext = GitBookBaseContext & {
|
||||||
|
organizationId: string;
|
||||||
|
|
||||||
|
space: Space;
|
||||||
|
changeRequest: ChangeRequest | null;
|
||||||
|
|
||||||
|
/** ID of the current revision. */
|
||||||
|
revisionId: string;
|
||||||
|
|
||||||
|
/** Pages of the space. */
|
||||||
|
pages: RevisionPage[];
|
||||||
|
|
||||||
|
/** Share key of the space. */
|
||||||
|
shareKey: string | undefined;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type SiteSections = {
|
||||||
|
list: (SiteSectionGroup | SiteSection)[];
|
||||||
|
current: SiteSection;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Context when rendering a site.
|
||||||
|
*/
|
||||||
|
export type GitBookSiteContext = GitBookSpaceContext & {
|
||||||
|
site: Site;
|
||||||
|
|
||||||
|
/** Current site space. */
|
||||||
|
siteSpace: SiteSpace;
|
||||||
|
|
||||||
|
/** All site spaces in the current section / or entire site */
|
||||||
|
siteSpaces: SiteSpace[];
|
||||||
|
|
||||||
|
/** Sections of the site. */
|
||||||
|
sections: null | SiteSections;
|
||||||
|
|
||||||
|
/** Customizations of the site. */
|
||||||
|
customization: SiteCustomizationSettings;
|
||||||
|
|
||||||
|
/** Structure of the site. */
|
||||||
|
structure: SiteStructure;
|
||||||
|
|
||||||
|
/** Scripts to load for the site. */
|
||||||
|
scripts: SiteIntegrationScript[];
|
||||||
|
|
||||||
|
/** Visitor token used to fetch the site */
|
||||||
|
visitorAuthToken: string | null;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Context when rendering a page.
|
||||||
|
*/
|
||||||
|
export type GitBookPageContext = (GitBookSpaceContext | GitBookSiteContext) & {
|
||||||
|
page: RevisionPageDocument;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Fetch the context of a site for a given URL and a base context.
|
||||||
|
*/
|
||||||
|
export async function fetchSiteContextByURL(
|
||||||
|
baseContext: GitBookBaseContext,
|
||||||
|
input: {
|
||||||
|
url: string;
|
||||||
|
visitorAuthToken: string | null;
|
||||||
|
redirectOnError: boolean;
|
||||||
|
},
|
||||||
|
): Promise<GitBookSiteContext> {
|
||||||
|
const { dataFetcher } = baseContext;
|
||||||
|
const data = await dataFetcher.getPublishedContentByUrl({
|
||||||
|
url: input.url,
|
||||||
|
visitorAuthToken: input.visitorAuthToken,
|
||||||
|
redirectOnError: input.redirectOnError,
|
||||||
|
});
|
||||||
|
|
||||||
|
if ('redirect' in data) {
|
||||||
|
redirect(data.redirect);
|
||||||
|
}
|
||||||
|
|
||||||
|
const context = await fetchSiteContextByIds(
|
||||||
|
{
|
||||||
|
...baseContext,
|
||||||
|
dataFetcher: createDataFetcher({
|
||||||
|
apiEndpoint: dataFetcher.apiEndpoint,
|
||||||
|
apiToken: data.apiToken,
|
||||||
|
}),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
organization: data.organization,
|
||||||
|
site: data.site,
|
||||||
|
siteSection: data.siteSection,
|
||||||
|
siteSpace: data.siteSpace,
|
||||||
|
space: data.space,
|
||||||
|
shareKey: data.shareKey,
|
||||||
|
changeRequest: data.changeRequest,
|
||||||
|
revision: data.revision,
|
||||||
|
visitorAuthToken: input.visitorAuthToken,
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
const siteContext = {
|
||||||
|
...context,
|
||||||
|
linker: appendPrefixToLinker(context.linker, data.basePath),
|
||||||
|
};
|
||||||
|
|
||||||
|
return siteContext;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Fetch a site context by IDs.
|
||||||
|
*/
|
||||||
|
export async function fetchSiteContextByIds(
|
||||||
|
baseContext: GitBookBaseContext,
|
||||||
|
ids: {
|
||||||
|
organization: string;
|
||||||
|
site: string;
|
||||||
|
siteSection: string | undefined;
|
||||||
|
siteSpace: string | undefined;
|
||||||
|
space: string;
|
||||||
|
shareKey: string | undefined;
|
||||||
|
changeRequest: string | undefined;
|
||||||
|
revision: string | undefined;
|
||||||
|
visitorAuthToken: string | null;
|
||||||
|
},
|
||||||
|
): Promise<GitBookSiteContext> {
|
||||||
|
const { dataFetcher } = baseContext;
|
||||||
|
|
||||||
|
const [{ site: orgSite, structure: siteStructure, customizations, scripts }, spaceContext] =
|
||||||
|
await Promise.all([
|
||||||
|
dataFetcher.getPublishedContentSite({
|
||||||
|
organizationId: ids.organization,
|
||||||
|
siteId: ids.site,
|
||||||
|
siteShareKey: ids.shareKey,
|
||||||
|
}),
|
||||||
|
fetchSpaceContextByIds(baseContext, ids),
|
||||||
|
]);
|
||||||
|
|
||||||
|
// override the title with the customization title
|
||||||
|
// TODO: remove this hack once we have a proper way to handle site customizations
|
||||||
|
const site = {
|
||||||
|
...orgSite,
|
||||||
|
...(customizations.site?.title ? { title: customizations.site.title } : {}),
|
||||||
|
};
|
||||||
|
|
||||||
|
const sections = ids.siteSection ? parseSiteSectionsList(siteStructure, ids.siteSection) : null;
|
||||||
|
|
||||||
|
const siteSpace = (
|
||||||
|
siteStructure.type === 'siteSpaces' && siteStructure.structure
|
||||||
|
? siteStructure.structure
|
||||||
|
: sections?.current.siteSpaces
|
||||||
|
)?.find((siteSpace) => siteSpace.id === ids.siteSpace);
|
||||||
|
if (!siteSpace) {
|
||||||
|
throw new Error('Site space not found');
|
||||||
|
}
|
||||||
|
|
||||||
|
const siteSpaces =
|
||||||
|
siteStructure.type === 'siteSpaces'
|
||||||
|
? siteStructure.structure
|
||||||
|
: (sections?.current.siteSpaces ?? []);
|
||||||
|
|
||||||
|
const customization = (() => {
|
||||||
|
if (ids.siteSpace) {
|
||||||
|
const siteSpaceSettings = customizations.siteSpaces[ids.siteSpace];
|
||||||
|
if (siteSpaceSettings) {
|
||||||
|
return siteSpaceSettings;
|
||||||
|
}
|
||||||
|
// We got the pointer from an API and customizations from another.
|
||||||
|
// It's possible that the two are unsynced leading to not found customizations for the space.
|
||||||
|
// It's better to fallback on customization of the site that displaying an error.
|
||||||
|
console.warn('Customization not found for site space', ids.siteSpace);
|
||||||
|
}
|
||||||
|
return customizations.site;
|
||||||
|
})();
|
||||||
|
|
||||||
|
return {
|
||||||
|
...spaceContext,
|
||||||
|
organizationId: ids.organization,
|
||||||
|
site,
|
||||||
|
siteSpaces,
|
||||||
|
siteSpace,
|
||||||
|
customization,
|
||||||
|
structure: siteStructure,
|
||||||
|
sections,
|
||||||
|
scripts,
|
||||||
|
visitorAuthToken: ids.visitorAuthToken,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Fetch a space context by IDs.
|
||||||
|
*/
|
||||||
|
export async function fetchSpaceContextByIds(
|
||||||
|
baseContext: GitBookBaseContext,
|
||||||
|
ids: {
|
||||||
|
space: string;
|
||||||
|
shareKey: string | undefined;
|
||||||
|
changeRequest: string | undefined;
|
||||||
|
revision: string | undefined;
|
||||||
|
},
|
||||||
|
): Promise<GitBookSpaceContext> {
|
||||||
|
const { dataFetcher } = baseContext;
|
||||||
|
|
||||||
|
const [space, changeRequest] = await Promise.all([
|
||||||
|
dataFetcher.getSpace({
|
||||||
|
spaceId: ids.space,
|
||||||
|
shareKey: ids.shareKey,
|
||||||
|
}),
|
||||||
|
ids.changeRequest
|
||||||
|
? dataFetcher.getChangeRequest({
|
||||||
|
spaceId: ids.space,
|
||||||
|
changeRequestId: ids.changeRequest,
|
||||||
|
})
|
||||||
|
: null,
|
||||||
|
]);
|
||||||
|
|
||||||
|
const revisionId = changeRequest?.revision ?? ids.revision ?? space.revision;
|
||||||
|
|
||||||
|
const pages = await dataFetcher.getRevisionPages({
|
||||||
|
spaceId: ids.space,
|
||||||
|
revisionId,
|
||||||
|
// We only care about the Git metadata when the Git sync is enabled,
|
||||||
|
// otherwise we can optimize performance by not fetching it
|
||||||
|
metadata: !!space.gitSync,
|
||||||
|
});
|
||||||
|
|
||||||
|
return {
|
||||||
|
...baseContext,
|
||||||
|
organizationId: space.organization,
|
||||||
|
space,
|
||||||
|
pages,
|
||||||
|
changeRequest,
|
||||||
|
revisionId,
|
||||||
|
shareKey: ids.shareKey,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function parseSiteSectionsList(structure: SiteStructure, siteSectionId: string) {
|
||||||
|
const sections = getSiteStructureSections(structure);
|
||||||
|
const section = sections.find((section) => section.id === siteSectionId);
|
||||||
|
assert(section, 'A section must be defined when there are multiple sections');
|
||||||
|
return { list: sections, current: section } satisfies SiteSections;
|
||||||
|
}
|
||||||
@@ -0,0 +1,465 @@
|
|||||||
|
import { unstable_cacheLife as cacheLife, unstable_cacheTag as cacheTag } from 'next/cache';
|
||||||
|
import { ComputedContentSource, GitBookAPI } from '@gitbook/api';
|
||||||
|
import { GITBOOK_API_TOKEN, GITBOOK_API_URL, GITBOOK_USER_AGENT } from '@v2/lib/env';
|
||||||
|
import { GitBookDataFetcher } from './types';
|
||||||
|
import {
|
||||||
|
getChangeRequestCacheTag,
|
||||||
|
getHostnameCacheTag,
|
||||||
|
getOpenAPISpecCacheTag,
|
||||||
|
getSiteCacheTag,
|
||||||
|
getSpaceCacheTag,
|
||||||
|
} from '../cache';
|
||||||
|
|
||||||
|
interface DataFetcherInput {
|
||||||
|
/**
|
||||||
|
* API host to use.
|
||||||
|
*/
|
||||||
|
apiEndpoint: string;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* API token.
|
||||||
|
*/
|
||||||
|
apiToken: string | null;
|
||||||
|
}
|
||||||
|
|
||||||
|
const commonInput: DataFetcherInput = {
|
||||||
|
apiEndpoint: GITBOOK_API_URL,
|
||||||
|
apiToken: GITBOOK_API_TOKEN,
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create a data fetcher using an API token.
|
||||||
|
* The data are being cached by Next.js built-in cache.
|
||||||
|
*/
|
||||||
|
export function createDataFetcher(input: DataFetcherInput = commonInput): GitBookDataFetcher {
|
||||||
|
return {
|
||||||
|
apiEndpoint: input.apiEndpoint,
|
||||||
|
|
||||||
|
//
|
||||||
|
// API that are tied to the token
|
||||||
|
//
|
||||||
|
getPublishedContentSite(params) {
|
||||||
|
return getPublishedContentSite(input, {
|
||||||
|
organizationId: params.organizationId,
|
||||||
|
siteId: params.siteId,
|
||||||
|
siteShareKey: params.siteShareKey,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getSiteRedirectBySource(params) {
|
||||||
|
return getSiteRedirectBySource(input, {
|
||||||
|
organizationId: params.organizationId,
|
||||||
|
siteId: params.siteId,
|
||||||
|
siteShareKey: params.siteShareKey,
|
||||||
|
source: params.source,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getRevision(params) {
|
||||||
|
return getRevision(input, {
|
||||||
|
spaceId: params.spaceId,
|
||||||
|
revisionId: params.revisionId,
|
||||||
|
metadata: params.metadata,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getRevisionPages(params) {
|
||||||
|
return getRevisionPages(input, {
|
||||||
|
spaceId: params.spaceId,
|
||||||
|
revisionId: params.revisionId,
|
||||||
|
metadata: params.metadata,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getRevisionFile(params) {
|
||||||
|
return getRevisionFile(input, {
|
||||||
|
spaceId: params.spaceId,
|
||||||
|
revisionId: params.revisionId,
|
||||||
|
fileId: params.fileId,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getRevisionPageByPath(params) {
|
||||||
|
return getRevisionPageByPath(input, {
|
||||||
|
spaceId: params.spaceId,
|
||||||
|
revisionId: params.revisionId,
|
||||||
|
path: params.path,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getReusableContent(params) {
|
||||||
|
return getReusableContent(input, {
|
||||||
|
spaceId: params.spaceId,
|
||||||
|
revisionId: params.revisionId,
|
||||||
|
reusableContentId: params.reusableContentId,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getLatestOpenAPISpecVersionContent(params) {
|
||||||
|
return getLatestOpenAPISpecVersionContent(input, {
|
||||||
|
organizationId: params.organizationId,
|
||||||
|
slug: params.slug,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getSpace(params) {
|
||||||
|
return getSpace(input, {
|
||||||
|
spaceId: params.spaceId,
|
||||||
|
shareKey: params.shareKey,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getChangeRequest(params) {
|
||||||
|
return getChangeRequest(input, {
|
||||||
|
spaceId: params.spaceId,
|
||||||
|
changeRequestId: params.changeRequestId,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getDocument(params) {
|
||||||
|
return getDocument(input, {
|
||||||
|
spaceId: params.spaceId,
|
||||||
|
documentId: params.documentId,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getComputedDocument(params) {
|
||||||
|
return getComputedDocument(input, {
|
||||||
|
spaceId: params.spaceId,
|
||||||
|
source: params.source,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
//
|
||||||
|
// API that are not tied to the token
|
||||||
|
// where the data is the same for all users
|
||||||
|
//
|
||||||
|
getUserById(userId) {
|
||||||
|
return getUserById(commonInput, userId);
|
||||||
|
},
|
||||||
|
getPublishedContentByUrl(params) {
|
||||||
|
return getPublishedContentByUrl(commonInput, {
|
||||||
|
url: params.url,
|
||||||
|
visitorAuthToken: params.visitorAuthToken,
|
||||||
|
redirectOnError: params.redirectOnError,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getUserById(input: DataFetcherInput, userId: string) {
|
||||||
|
'use cache';
|
||||||
|
|
||||||
|
try {
|
||||||
|
const res = await getAPI(input).users.getUserById(userId);
|
||||||
|
return res.data;
|
||||||
|
} catch (error) {
|
||||||
|
if (checkHasErrorCode(error, 404)) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getSpace(
|
||||||
|
input: DataFetcherInput,
|
||||||
|
params: {
|
||||||
|
spaceId: string;
|
||||||
|
shareKey: string | undefined;
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
'use cache';
|
||||||
|
|
||||||
|
cacheTag(getSpaceCacheTag(params.spaceId));
|
||||||
|
|
||||||
|
const res = await getAPI(input).spaces.getSpaceById(params.spaceId, {
|
||||||
|
shareKey: params.shareKey,
|
||||||
|
});
|
||||||
|
return res.data;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getChangeRequest(
|
||||||
|
input: DataFetcherInput,
|
||||||
|
params: {
|
||||||
|
spaceId: string;
|
||||||
|
changeRequestId: string;
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
'use cache';
|
||||||
|
|
||||||
|
try {
|
||||||
|
const res = await getAPI(input).spaces.getChangeRequestById(
|
||||||
|
params.spaceId,
|
||||||
|
params.changeRequestId,
|
||||||
|
);
|
||||||
|
cacheTag(getChangeRequestCacheTag(params.spaceId, res.data.id));
|
||||||
|
return res.data;
|
||||||
|
} catch (error) {
|
||||||
|
if (checkHasErrorCode(error, 404)) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getRevision(
|
||||||
|
input: DataFetcherInput,
|
||||||
|
params: {
|
||||||
|
spaceId: string;
|
||||||
|
revisionId: string;
|
||||||
|
metadata: boolean;
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
'use cache';
|
||||||
|
|
||||||
|
const res = await getAPI(input).spaces.getRevisionById(params.spaceId, params.revisionId, {
|
||||||
|
metadata: params.metadata,
|
||||||
|
});
|
||||||
|
return res.data;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getRevisionPages(
|
||||||
|
input: DataFetcherInput,
|
||||||
|
params: {
|
||||||
|
spaceId: string;
|
||||||
|
revisionId: string;
|
||||||
|
metadata: boolean;
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
'use cache';
|
||||||
|
|
||||||
|
const res = await getAPI(input).spaces.listPagesInRevisionById(
|
||||||
|
params.spaceId,
|
||||||
|
params.revisionId,
|
||||||
|
{
|
||||||
|
metadata: params.metadata,
|
||||||
|
},
|
||||||
|
);
|
||||||
|
return res.data.pages;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getRevisionFile(
|
||||||
|
input: DataFetcherInput,
|
||||||
|
params: {
|
||||||
|
spaceId: string;
|
||||||
|
revisionId: string;
|
||||||
|
fileId: string;
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
'use cache';
|
||||||
|
|
||||||
|
try {
|
||||||
|
const res = await getAPI(input).spaces.getFileInRevisionById(
|
||||||
|
params.spaceId,
|
||||||
|
params.revisionId,
|
||||||
|
params.fileId,
|
||||||
|
);
|
||||||
|
return res.data;
|
||||||
|
} catch (error) {
|
||||||
|
if (checkHasErrorCode(error, 404)) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getRevisionPageByPath(
|
||||||
|
input: DataFetcherInput,
|
||||||
|
params: {
|
||||||
|
spaceId: string;
|
||||||
|
revisionId: string;
|
||||||
|
path: string;
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
'use cache';
|
||||||
|
|
||||||
|
const encodedPath = encodeURIComponent(params.path);
|
||||||
|
|
||||||
|
try {
|
||||||
|
const res = await getAPI(input).spaces.getPageInRevisionByPath(
|
||||||
|
params.spaceId,
|
||||||
|
params.revisionId,
|
||||||
|
encodedPath,
|
||||||
|
);
|
||||||
|
|
||||||
|
return res.data;
|
||||||
|
} catch (error) {
|
||||||
|
if (checkHasErrorCode(error, 404)) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getDocument(
|
||||||
|
input: DataFetcherInput,
|
||||||
|
params: {
|
||||||
|
spaceId: string;
|
||||||
|
documentId: string;
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
'use cache';
|
||||||
|
|
||||||
|
const res = await getAPI(input).spaces.getDocumentById(params.spaceId, params.documentId);
|
||||||
|
return res.data;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getComputedDocument(
|
||||||
|
input: DataFetcherInput,
|
||||||
|
params: {
|
||||||
|
spaceId: string;
|
||||||
|
source: ComputedContentSource;
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
'use cache';
|
||||||
|
|
||||||
|
const res = await getAPI(input).spaces.getComputedDocument(params.spaceId, {
|
||||||
|
source: params.source,
|
||||||
|
});
|
||||||
|
return res.data;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getReusableContent(
|
||||||
|
input: DataFetcherInput,
|
||||||
|
params: {
|
||||||
|
spaceId: string;
|
||||||
|
revisionId: string;
|
||||||
|
reusableContentId: string;
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
'use cache';
|
||||||
|
|
||||||
|
try {
|
||||||
|
const res = await getAPI(input).spaces.getReusableContentInRevisionById(
|
||||||
|
params.spaceId,
|
||||||
|
params.revisionId,
|
||||||
|
params.reusableContentId,
|
||||||
|
);
|
||||||
|
return res.data;
|
||||||
|
} catch (error) {
|
||||||
|
if (checkHasErrorCode(error, 404)) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getLatestOpenAPISpecVersionContent(
|
||||||
|
input: DataFetcherInput,
|
||||||
|
params: {
|
||||||
|
organizationId: string;
|
||||||
|
slug: string;
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
'use cache';
|
||||||
|
|
||||||
|
cacheTag(getOpenAPISpecCacheTag(params.organizationId, params.slug));
|
||||||
|
|
||||||
|
try {
|
||||||
|
const res = await getAPI(input).orgs.getLatestOpenApiSpecVersionContent(
|
||||||
|
params.organizationId,
|
||||||
|
params.slug,
|
||||||
|
);
|
||||||
|
return res.data;
|
||||||
|
} catch (error) {
|
||||||
|
if (checkHasErrorCode(error, 404)) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getPublishedContentByUrl(
|
||||||
|
input: DataFetcherInput,
|
||||||
|
params: {
|
||||||
|
url: string;
|
||||||
|
visitorAuthToken: string | null;
|
||||||
|
redirectOnError: boolean;
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
'use cache';
|
||||||
|
|
||||||
|
const { url, visitorAuthToken, redirectOnError } = params;
|
||||||
|
|
||||||
|
const hostname = new URL(url).hostname;
|
||||||
|
cacheTag(getHostnameCacheTag(hostname));
|
||||||
|
|
||||||
|
const res = await getAPI(input).urls.getPublishedContentByUrl({
|
||||||
|
url,
|
||||||
|
visitorAuthToken: visitorAuthToken ?? undefined,
|
||||||
|
redirectOnError,
|
||||||
|
});
|
||||||
|
|
||||||
|
if ('site' in res.data) {
|
||||||
|
cacheTag(getSiteCacheTag(res.data.site));
|
||||||
|
}
|
||||||
|
|
||||||
|
return res.data;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getPublishedContentSite(
|
||||||
|
input: DataFetcherInput,
|
||||||
|
params: {
|
||||||
|
organizationId: string;
|
||||||
|
siteId: string;
|
||||||
|
siteShareKey: string | undefined;
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
'use cache';
|
||||||
|
cacheTag(getSiteCacheTag(params.siteId));
|
||||||
|
const res = await getAPI(input).orgs.getPublishedContentSite(
|
||||||
|
params.organizationId,
|
||||||
|
params.siteId,
|
||||||
|
{
|
||||||
|
shareKey: params.siteShareKey,
|
||||||
|
},
|
||||||
|
);
|
||||||
|
return res.data;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getSiteRedirectBySource(
|
||||||
|
input: DataFetcherInput,
|
||||||
|
params: {
|
||||||
|
organizationId: string;
|
||||||
|
siteId: string;
|
||||||
|
siteShareKey: string | undefined;
|
||||||
|
source: string;
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
'use cache';
|
||||||
|
|
||||||
|
try {
|
||||||
|
const res = await getAPI(input).orgs.getSiteRedirectBySource(
|
||||||
|
params.organizationId,
|
||||||
|
params.siteId,
|
||||||
|
{
|
||||||
|
shareKey: params.siteShareKey,
|
||||||
|
source: params.source,
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
return res.data;
|
||||||
|
} catch (error) {
|
||||||
|
// 422 is returned when the source is invalid
|
||||||
|
// we don't want to throw but just return null
|
||||||
|
if (checkHasErrorCode(error, 422)) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (checkHasErrorCode(error, 404)) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getAPI(input: DataFetcherInput) {
|
||||||
|
const { apiEndpoint, apiToken } = input;
|
||||||
|
const api = new GitBookAPI({
|
||||||
|
authToken: apiToken ?? undefined,
|
||||||
|
endpoint: apiEndpoint,
|
||||||
|
userAgent: GITBOOK_USER_AGENT,
|
||||||
|
});
|
||||||
|
|
||||||
|
return api;
|
||||||
|
}
|
||||||
|
|
||||||
|
function checkHasErrorCode(error: unknown, code: number) {
|
||||||
|
return error instanceof Error && 'code' in error && error.code === code;
|
||||||
|
}
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
export * from './api';
|
||||||
|
export * from './types';
|
||||||
|
export * from './utils';
|
||||||
|
export * from './urls';
|
||||||
@@ -0,0 +1,124 @@
|
|||||||
|
import type * as api from '@gitbook/api';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Generic fetcher for GitBook data.
|
||||||
|
* It is used between v1 and v2.
|
||||||
|
*/
|
||||||
|
export interface GitBookDataFetcher {
|
||||||
|
/**
|
||||||
|
* Endpoint of the API.
|
||||||
|
*/
|
||||||
|
apiEndpoint: string;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a user by its ID.
|
||||||
|
*/
|
||||||
|
getUserById(userId: string): Promise<api.User | null>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a published content by its URL.
|
||||||
|
*/
|
||||||
|
getPublishedContentByUrl(params: {
|
||||||
|
url: string;
|
||||||
|
visitorAuthToken: string | null;
|
||||||
|
redirectOnError: boolean;
|
||||||
|
}): Promise<api.PublishedSiteContentLookup>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a published content site by its organization ID and site ID.
|
||||||
|
*/
|
||||||
|
getPublishedContentSite(params: {
|
||||||
|
organizationId: string;
|
||||||
|
siteId: string;
|
||||||
|
siteShareKey: string | undefined;
|
||||||
|
}): Promise<api.PublishedContentSite>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a space by its ID.
|
||||||
|
*/
|
||||||
|
getSpace(params: { spaceId: string; shareKey: string | undefined }): Promise<api.Space>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a change request by its space ID and change request ID.
|
||||||
|
*/
|
||||||
|
getChangeRequest(params: {
|
||||||
|
spaceId: string;
|
||||||
|
changeRequestId: string;
|
||||||
|
}): Promise<api.ChangeRequest | null>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the revision by its space ID and revision ID.
|
||||||
|
*/
|
||||||
|
getRevision(params: {
|
||||||
|
spaceId: string;
|
||||||
|
revisionId: string;
|
||||||
|
metadata: boolean;
|
||||||
|
}): Promise<api.Revision>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the revision pages by its space ID and revision ID.
|
||||||
|
*/
|
||||||
|
getRevisionPages(params: {
|
||||||
|
spaceId: string;
|
||||||
|
revisionId: string;
|
||||||
|
metadata: boolean;
|
||||||
|
}): Promise<api.RevisionPage[]>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a revision file by its space ID, revision ID and file ID.
|
||||||
|
*/
|
||||||
|
getRevisionFile(params: {
|
||||||
|
spaceId: string;
|
||||||
|
revisionId: string;
|
||||||
|
fileId: string;
|
||||||
|
}): Promise<api.RevisionFile | null>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a revision page by its path.
|
||||||
|
*/
|
||||||
|
getRevisionPageByPath(params: {
|
||||||
|
spaceId: string;
|
||||||
|
revisionId: string;
|
||||||
|
path: string;
|
||||||
|
}): Promise<api.RevisionPageDocument | api.RevisionPageGroup | null>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a document by its space ID and document ID.
|
||||||
|
*/
|
||||||
|
getDocument(params: { spaceId: string; documentId: string }): Promise<api.JSONDocument>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a computed document by its space ID and computed source.
|
||||||
|
*/
|
||||||
|
getComputedDocument(params: {
|
||||||
|
spaceId: string;
|
||||||
|
source: api.ComputedContentSource;
|
||||||
|
}): Promise<api.JSONDocument>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a reusable content by its space ID, revision ID and reusable content ID.
|
||||||
|
*/
|
||||||
|
getReusableContent(params: {
|
||||||
|
spaceId: string;
|
||||||
|
revisionId: string;
|
||||||
|
reusableContentId: string;
|
||||||
|
}): Promise<api.RevisionReusableContent | null>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the latest OpenAPI spec version content by its organization ID and slug.
|
||||||
|
*/
|
||||||
|
getLatestOpenAPISpecVersionContent(params: {
|
||||||
|
organizationId: string;
|
||||||
|
slug: string;
|
||||||
|
}): Promise<api.OpenAPISpecContent | null>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a site redirect by its source path.
|
||||||
|
*/
|
||||||
|
getSiteRedirectBySource(params: {
|
||||||
|
organizationId: string;
|
||||||
|
siteId: string;
|
||||||
|
siteShareKey: string | undefined;
|
||||||
|
source: string;
|
||||||
|
}): Promise<{ redirect: api.SiteRedirect | null; target: string } | null>;
|
||||||
|
}
|
||||||
+1
-1
@@ -1,6 +1,6 @@
|
|||||||
import { describe, it, expect } from 'bun:test';
|
import { describe, it, expect } from 'bun:test';
|
||||||
|
|
||||||
import { getURLLookupAlternatives, normalizeURL } from './middleware';
|
import { getURLLookupAlternatives, normalizeURL } from './urls';
|
||||||
|
|
||||||
describe('getURLLookupAlternatives', () => {
|
describe('getURLLookupAlternatives', () => {
|
||||||
it('should return all URLs up to the root', () => {
|
it('should return all URLs up to the root', () => {
|
||||||
@@ -0,0 +1,252 @@
|
|||||||
|
import { race, tryCatch } from '@/lib/async';
|
||||||
|
import { joinPath } from '@/lib/paths';
|
||||||
|
import { GitBookAPI, type GitBookAPIError, type PublishedSiteContentLookup } from '@gitbook/api';
|
||||||
|
import { GITBOOK_API_TOKEN, GITBOOK_API_URL, GITBOOK_USER_AGENT } from '@v2/lib/env';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Lookup a content by its URL using the GitBook API.
|
||||||
|
* To optimize caching, we try multiple lookup alternatives and return the first one that matches.
|
||||||
|
*/
|
||||||
|
export async function getPublishedContentByURL(input: {
|
||||||
|
url: string;
|
||||||
|
visitorAuthToken: string | null;
|
||||||
|
redirectOnError: boolean;
|
||||||
|
}): Promise<
|
||||||
|
| { data: PublishedSiteContentLookup; error?: undefined }
|
||||||
|
| { data?: undefined; error: Error | GitBookAPIError }
|
||||||
|
> {
|
||||||
|
const lookupURL = new URL(input.url);
|
||||||
|
const url = stripURLSearch(lookupURL);
|
||||||
|
const lookup = getURLLookupAlternatives(url);
|
||||||
|
|
||||||
|
console.log(
|
||||||
|
`lookup content for url "${url.toString()}", with ${lookup.urls.length} alternatives`,
|
||||||
|
);
|
||||||
|
|
||||||
|
const result = await race(lookup.urls, async (alternative, { signal }) => {
|
||||||
|
const api = new GitBookAPI({
|
||||||
|
authToken: GITBOOK_API_TOKEN ?? undefined,
|
||||||
|
endpoint: GITBOOK_API_URL,
|
||||||
|
userAgent: GITBOOK_USER_AGENT,
|
||||||
|
});
|
||||||
|
|
||||||
|
const callResult = await tryCatch(
|
||||||
|
api.urls.getPublishedContentByUrl(
|
||||||
|
{
|
||||||
|
url: alternative.url,
|
||||||
|
visitorAuthToken: input.visitorAuthToken ?? undefined,
|
||||||
|
redirectOnError: input.redirectOnError,
|
||||||
|
cache: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
signal,
|
||||||
|
headers: {
|
||||||
|
'x-gitbook-force-cache': 'true',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
|
||||||
|
if (callResult.error) {
|
||||||
|
if (alternative.primary) {
|
||||||
|
// We only return an error for the primary alternative (full URL),
|
||||||
|
// as other parts could result in errors due to the URL being incomplete (share links, etc).
|
||||||
|
return { error: callResult.error };
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
const {
|
||||||
|
data: { data },
|
||||||
|
} = callResult;
|
||||||
|
|
||||||
|
if ('redirect' in data) {
|
||||||
|
if (alternative.primary) {
|
||||||
|
// Append the path to the redirect URL
|
||||||
|
// because we might have matched a shorter path and the redirect is relative to it
|
||||||
|
if (alternative.extraPath) {
|
||||||
|
if (data.target === 'content') {
|
||||||
|
const redirect = new URL(data.redirect);
|
||||||
|
redirect.pathname = joinPath(redirect.pathname, alternative.extraPath);
|
||||||
|
data.redirect = redirect.toString();
|
||||||
|
} else {
|
||||||
|
const redirect = new URL(data.redirect);
|
||||||
|
if (redirect.searchParams.has('location')) {
|
||||||
|
redirect.searchParams.set(
|
||||||
|
'location',
|
||||||
|
joinPath(
|
||||||
|
redirect.searchParams.get('location') ?? '',
|
||||||
|
alternative.extraPath,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
data.redirect = redirect.toString();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return { data };
|
||||||
|
}
|
||||||
|
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* We use the following criteria to determine if the lookup result is the right one:
|
||||||
|
* - the primary alternative was resolved (because that's the longest or most inclusive path)
|
||||||
|
* - the resolution of the site URL is complete (because we want to resolve the deepest path possible)
|
||||||
|
*
|
||||||
|
* In both cases, the idea is to use the deepest/longest/most inclusive path to resolve the content.
|
||||||
|
*/
|
||||||
|
if (alternative.primary || ('site' in data && data.complete)) {
|
||||||
|
const siteResult: PublishedSiteContentLookup = {
|
||||||
|
...data,
|
||||||
|
changeRequest: data.changeRequest ?? lookup.changeRequest,
|
||||||
|
revision: data.revision ?? lookup.revision,
|
||||||
|
basePath: joinPath(data.basePath, lookup.basePath ?? ''),
|
||||||
|
pathname: joinPath(data.pathname, alternative.extraPath),
|
||||||
|
};
|
||||||
|
return { data: siteResult };
|
||||||
|
}
|
||||||
|
|
||||||
|
return null;
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!result) {
|
||||||
|
return {
|
||||||
|
error: new Error('No content found'),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* For a given GitBook URL, return a list of alternative URLs that could be matched against to lookup the content.
|
||||||
|
* The approach is optimized to aim at reusing cached lookup results as much as possible.
|
||||||
|
*
|
||||||
|
* The cases can be:
|
||||||
|
*
|
||||||
|
* Custom hostname
|
||||||
|
* - Public content has a custom hostname: docs.company.com/<path>
|
||||||
|
* - Public content has a custom hostname with a share-link: docs.company.com/<link>/<path>
|
||||||
|
* - Public content has a custom hostname with a variant: docs.company.com/v/<variant>/<path>
|
||||||
|
* - Public content has a custom hostname with a variant and a share-link: docs.company.com/<link>/v/<variant>/<path>
|
||||||
|
* - Revisions in a custom hostname: docs.company.com/~/revisions/<id>/<path>
|
||||||
|
* - Changes in a custom hostname: docs.company.com/~/changes/<id>/<path>
|
||||||
|
*
|
||||||
|
* Custom hostname in the organization or GitBook domain (company.gitbook.io)
|
||||||
|
* - Public content has a custom hostname in the organization: docs.company.com/<space>/<path>
|
||||||
|
* - Public content has a custom hostname in the organization with a share-link: docs.company.com/<space>/<link>/<path>
|
||||||
|
* - Public content has a custom hostname in the organization with a variant: docs.company.com/<space>/v/<variant>/<path>
|
||||||
|
* - Public content has a custom hostname in the organization with a variant and a share-link: docs.company.com/<space>/<link>/v/<variant>/<path>
|
||||||
|
*/
|
||||||
|
export function getURLLookupAlternatives(input: URL) {
|
||||||
|
const url = normalizeURL(input);
|
||||||
|
|
||||||
|
let basePath: string | undefined = undefined;
|
||||||
|
let changeRequest: string | undefined = undefined;
|
||||||
|
let revision: string | undefined = undefined;
|
||||||
|
const alternatives: Array<{ url: string; extraPath: string; primary: boolean }> = [];
|
||||||
|
|
||||||
|
const pushAlternative = (adding: URL, extraPath: string) => {
|
||||||
|
const existing = alternatives.find((alt) => alt.url === adding.toString());
|
||||||
|
if (existing) {
|
||||||
|
if (existing.extraPath !== extraPath) {
|
||||||
|
throw new Error(
|
||||||
|
`Invalid extraPath ${extraPath} for url ${adding.toString()}, already set to ${
|
||||||
|
existing.extraPath
|
||||||
|
}`,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
alternatives.push({
|
||||||
|
url: adding.toString(),
|
||||||
|
extraPath,
|
||||||
|
primary: adding.toString() === url.toString(),
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const pathSegments = url.pathname.slice(1).split('/');
|
||||||
|
const tildeIndex = pathSegments.indexOf('~');
|
||||||
|
|
||||||
|
// URL looks like a specific content url (with ~/revisions/ or ~/changes/ in the path)
|
||||||
|
// We only start matching after the ~/revisions/ or ~/changes/ segment and we ignore everything before it
|
||||||
|
if (
|
||||||
|
tildeIndex >= 0 &&
|
||||||
|
(pathSegments[tildeIndex + 1] === 'revisions' || pathSegments[tildeIndex + 1] === 'changes')
|
||||||
|
) {
|
||||||
|
const tildeIndex = pathSegments.indexOf('~');
|
||||||
|
const revisionOrChangeIdIndex = tildeIndex + 2;
|
||||||
|
|
||||||
|
basePath = pathSegments.slice(tildeIndex, revisionOrChangeIdIndex + 1).join('/');
|
||||||
|
if (pathSegments[tildeIndex + 1] === 'revisions') {
|
||||||
|
revision = pathSegments[revisionOrChangeIdIndex];
|
||||||
|
} else {
|
||||||
|
changeRequest = pathSegments[revisionOrChangeIdIndex];
|
||||||
|
}
|
||||||
|
|
||||||
|
// Match up to the tilde
|
||||||
|
const contentURL = new URL(url);
|
||||||
|
contentURL.pathname = pathSegments.slice(0, tildeIndex).join('/');
|
||||||
|
pushAlternative(contentURL, pathSegments.slice(revisionOrChangeIdIndex + 1).join('/'));
|
||||||
|
}
|
||||||
|
|
||||||
|
// URL looks like a collection url (with /v/ in the path)
|
||||||
|
// We only start matching after the /v/ segment and we ignore everything before it
|
||||||
|
// to avoid potentially matching as a page not found under the default space in the collection
|
||||||
|
else if (pathSegments.includes('v')) {
|
||||||
|
const collectionURL = new URL(url);
|
||||||
|
const vIndex = pathSegments.indexOf('v');
|
||||||
|
collectionURL.pathname = pathSegments.slice(0, vIndex + 2).join('/');
|
||||||
|
|
||||||
|
pushAlternative(collectionURL, pathSegments.slice(vIndex + 2).join('/'));
|
||||||
|
} else {
|
||||||
|
// Match only with the host, if it can be a custom hostname
|
||||||
|
// It should cover most cases of custom domains, and with caching, it should be fast.
|
||||||
|
if (!url.hostname.includes('.gitbook.io') || pathSegments.length === 0) {
|
||||||
|
const noPathURL = new URL(url);
|
||||||
|
noPathURL.pathname = '/';
|
||||||
|
|
||||||
|
pushAlternative(noPathURL, url.pathname.slice(1));
|
||||||
|
}
|
||||||
|
|
||||||
|
// Otherwise match with the first four segments of the path
|
||||||
|
for (let i = 1; i <= 4; i++) {
|
||||||
|
if (pathSegments.length >= i) {
|
||||||
|
const shortURL = new URL(url);
|
||||||
|
shortURL.pathname = pathSegments.slice(0, i).join('/');
|
||||||
|
|
||||||
|
pushAlternative(shortURL, pathSegments.slice(i).join('/'));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Mark the longuest entry to lookup as primary
|
||||||
|
alternatives.sort((a, b) => b.extraPath.length - a.extraPath.length);
|
||||||
|
if (alternatives.length > 0) {
|
||||||
|
alternatives[alternatives.length - 1].primary = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
return { urls: alternatives, basePath, changeRequest, revision };
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Normalize a URL to remove duplicate slashes and trailing slashes
|
||||||
|
* and transform the pathname to lowercase.
|
||||||
|
*/
|
||||||
|
export function normalizeURL(url: URL) {
|
||||||
|
const result = new URL(url);
|
||||||
|
result.pathname = url.pathname.replace(/\/{2,}/g, '/').replace(/\/$/, '');
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Strip the search params from a URL
|
||||||
|
*/
|
||||||
|
export function stripURLSearch(url: URL): URL {
|
||||||
|
const stripped = new URL(url.toString());
|
||||||
|
stripped.search = '';
|
||||||
|
return stripped;
|
||||||
|
}
|
||||||
@@ -0,0 +1,19 @@
|
|||||||
|
import { RevisionPageDocument } from '@gitbook/api';
|
||||||
|
import { GitBookDataFetcher } from './types';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the document for a page.
|
||||||
|
*/
|
||||||
|
export async function getPageDocument(
|
||||||
|
dataFetcher: GitBookDataFetcher,
|
||||||
|
spaceId: string,
|
||||||
|
page: RevisionPageDocument,
|
||||||
|
) {
|
||||||
|
if (page.documentId) {
|
||||||
|
return dataFetcher.getDocument({ spaceId, documentId: page.documentId });
|
||||||
|
} else if (page.computed) {
|
||||||
|
return dataFetcher.getComputedDocument({ spaceId, source: page.computed });
|
||||||
|
}
|
||||||
|
|
||||||
|
return null;
|
||||||
|
}
|
||||||
@@ -0,0 +1,38 @@
|
|||||||
|
/**
|
||||||
|
* Main host on which GitBook is running.
|
||||||
|
*/
|
||||||
|
export const GITBOOK_URL =
|
||||||
|
process.env.NODE_ENV === 'development'
|
||||||
|
? 'http://localhost:3000'
|
||||||
|
: ((process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : undefined) ??
|
||||||
|
process.env.GITBOOK_URL ??
|
||||||
|
'');
|
||||||
|
|
||||||
|
/**
|
||||||
|
* GitBook app URL.
|
||||||
|
*/
|
||||||
|
export const GITBOOK_APP_URL = process.env.NEXT_PUBLIC_GITBOOK_APP_URL ?? `https://app.gitbook.com`;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Default GitBook API URL endpoint.
|
||||||
|
*/
|
||||||
|
export const GITBOOK_API_URL = process.env.GITBOOK_API_URL ?? 'https://api.gitbook.com';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Default GitBook API token.
|
||||||
|
* It can be use to avoid rate-limiting.
|
||||||
|
*/
|
||||||
|
export const GITBOOK_API_TOKEN = process.env.GITBOOK_API_TOKEN ?? null;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* User agent to use for API requests.
|
||||||
|
*/
|
||||||
|
export const GITBOOK_USER_AGENT = process.env.GITBOOK_USER_AGENT ?? 'GitBook-Open/2.0.0';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Whether to disable tracking of events into site insights.
|
||||||
|
* This is used to disable tracking in development mode.
|
||||||
|
*/
|
||||||
|
export const GITBOOK_DISABLE_TRACKING = Boolean(
|
||||||
|
!!process.env.GITBOOK_DISABLE_TRACKING || process.env.NODE_ENV !== 'production',
|
||||||
|
);
|
||||||
+94
-65
@@ -1,12 +1,10 @@
|
|||||||
import 'server-only';
|
import 'server-only';
|
||||||
|
|
||||||
import { noCacheFetchOptions } from '@/lib/cache/http';
|
import type { ImageResizer } from './types';
|
||||||
|
import { generateImageSignature, SignatureVersion } from './signatures';
|
||||||
|
import { GitBookSpaceLinker } from '../links';
|
||||||
|
|
||||||
import { generateImageSignature } from './image-signatures';
|
interface CloudflareImageJsonFormat {
|
||||||
import { getRootUrl } from './links';
|
|
||||||
import { getImageAPIUrl } from './urls';
|
|
||||||
|
|
||||||
export interface CloudflareImageJsonFormat {
|
|
||||||
width: number;
|
width: number;
|
||||||
height: number;
|
height: number;
|
||||||
original: {
|
original: {
|
||||||
@@ -30,6 +28,78 @@ export interface CloudflareImageOptions {
|
|||||||
quality?: number;
|
quality?: number;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create an image resizer for a rendering context.
|
||||||
|
*/
|
||||||
|
export function createImageResizer({
|
||||||
|
host,
|
||||||
|
linker,
|
||||||
|
}: {
|
||||||
|
/** The linker to use to create URLs. */
|
||||||
|
linker: GitBookSpaceLinker;
|
||||||
|
/** The host name of the current site. */
|
||||||
|
host: string;
|
||||||
|
}): ImageResizer {
|
||||||
|
return {
|
||||||
|
resize: (urlInput) => {
|
||||||
|
if (!checkIsSizableImageURL(urlInput)) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
let cachedSignature: {
|
||||||
|
signature: string;
|
||||||
|
version: SignatureVersion;
|
||||||
|
} | null = null;
|
||||||
|
|
||||||
|
return async (options) => {
|
||||||
|
cachedSignature ??= await generateImageSignature({
|
||||||
|
host,
|
||||||
|
url: urlInput,
|
||||||
|
});
|
||||||
|
|
||||||
|
const url = new URL(linker.toAbsoluteURL('/~gitbook/image'));
|
||||||
|
url.searchParams.set('url', getImageAPIUrl(urlInput));
|
||||||
|
|
||||||
|
if (options.width) {
|
||||||
|
url.searchParams.set('width', options.width.toString());
|
||||||
|
}
|
||||||
|
if (options.height) {
|
||||||
|
url.searchParams.set('height', options.height.toString());
|
||||||
|
}
|
||||||
|
if (options.dpr) {
|
||||||
|
url.searchParams.set('dpr', options.dpr.toString());
|
||||||
|
}
|
||||||
|
if (options.quality) {
|
||||||
|
url.searchParams.set('quality', options.quality.toString());
|
||||||
|
}
|
||||||
|
|
||||||
|
url.searchParams.set('sign', cachedSignature.signature);
|
||||||
|
url.searchParams.set('sv', cachedSignature.version);
|
||||||
|
|
||||||
|
return url.toString();
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
getImageSize: async (input, options) => {
|
||||||
|
if (!checkIsSizableImageURL(input)) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
return getImageSize(input, options);
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create an image resizer that doesn't do any resizing.
|
||||||
|
*/
|
||||||
|
export function createNoopImageResizer(): ImageResizer {
|
||||||
|
return {
|
||||||
|
resize: () => null,
|
||||||
|
getImageSize: async (input) => null,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Return true if images resizing is enabled.
|
* Return true if images resizing is enabled.
|
||||||
*/
|
*/
|
||||||
@@ -74,64 +144,6 @@ export function checkIsSizableImageURL(input: string): boolean {
|
|||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
interface ResizeImageOptions {
|
|
||||||
width?: number;
|
|
||||||
height?: number;
|
|
||||||
dpr?: number;
|
|
||||||
quality?: number;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Create a function to get resized image URLs for a given image URL.
|
|
||||||
*/
|
|
||||||
export async function getResizedImageURLFactory(
|
|
||||||
input: string,
|
|
||||||
): Promise<((options: ResizeImageOptions) => string) | null> {
|
|
||||||
if (!checkIsSizableImageURL(input)) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
const [{ signature, version }, rootUrl] = await Promise.all([
|
|
||||||
generateImageSignature(input),
|
|
||||||
getRootUrl(),
|
|
||||||
]);
|
|
||||||
|
|
||||||
return (options) => {
|
|
||||||
const url = new URL('/~gitbook/image', rootUrl);
|
|
||||||
url.searchParams.set('url', getImageAPIUrl(input));
|
|
||||||
|
|
||||||
if (options.width) {
|
|
||||||
url.searchParams.set('width', options.width.toString());
|
|
||||||
}
|
|
||||||
if (options.height) {
|
|
||||||
url.searchParams.set('height', options.height.toString());
|
|
||||||
}
|
|
||||||
if (options.dpr) {
|
|
||||||
url.searchParams.set('dpr', options.dpr.toString());
|
|
||||||
}
|
|
||||||
if (options.quality) {
|
|
||||||
url.searchParams.set('quality', options.quality.toString());
|
|
||||||
}
|
|
||||||
|
|
||||||
url.searchParams.set('sign', signature);
|
|
||||||
url.searchParams.set('sv', version);
|
|
||||||
|
|
||||||
return url.toString();
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Create a new URL for an image with resized parameters.
|
|
||||||
* The URL is signed and verified by the server.
|
|
||||||
*/
|
|
||||||
export async function getResizedImageURL(
|
|
||||||
input: string,
|
|
||||||
options: ResizeImageOptions,
|
|
||||||
): Promise<string> {
|
|
||||||
const factory = await getResizedImageURLFactory(input);
|
|
||||||
return factory?.(options) ?? input;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Get the size of an image.
|
* Get the size of an image.
|
||||||
*/
|
*/
|
||||||
@@ -205,7 +217,6 @@ export async function resizeImage(
|
|||||||
: `image/${resizeOptions.format || 'jpeg'}`,
|
: `image/${resizeOptions.format || 'jpeg'}`,
|
||||||
},
|
},
|
||||||
signal,
|
signal,
|
||||||
...noCacheFetchOptions,
|
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|
||||||
@@ -226,3 +237,21 @@ function stringifyOptions(options: CloudflareImageOptions): string {
|
|||||||
return `${rest}${rest ? ',' : ''}${key}=${value}`;
|
return `${rest}${rest ? ',' : ''}${key}=${value}`;
|
||||||
}, '');
|
}, '');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Because of a bug in Cloudflare, 127.0.0.1 is replaced by localhost.
|
||||||
|
* We protect against it by converting to a special token, and then parsing
|
||||||
|
* the token in the image API.
|
||||||
|
*/
|
||||||
|
const GITBOOK_LOCALHOST_TOKEN = '$GITBOOK_LOCALHOST$';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prepare a URL for the GitBook Open Image API.
|
||||||
|
*/
|
||||||
|
export function getImageAPIUrl(url: string): string {
|
||||||
|
return url.replaceAll('127.0.0.1', GITBOOK_LOCALHOST_TOKEN);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function parseImageAPIURL(url: string): string {
|
||||||
|
return url.replaceAll(GITBOOK_LOCALHOST_TOKEN, '127.0.0.1');
|
||||||
|
}
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
export * from './types';
|
||||||
|
export * from './createImageResizer';
|
||||||
|
export * from './signatures';
|
||||||
|
export * from './utils';
|
||||||
+29
-26
@@ -3,8 +3,6 @@ import 'server-only';
|
|||||||
import fnv1a from '@sindresorhus/fnv1a';
|
import fnv1a from '@sindresorhus/fnv1a';
|
||||||
import type { MaybePromise } from 'p-map';
|
import type { MaybePromise } from 'p-map';
|
||||||
|
|
||||||
import { getHost } from './links';
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* GitBook has supported different version of image signing in the past. To maintain backwards
|
* GitBook has supported different version of image signing in the past. To maintain backwards
|
||||||
* compatibility, we retain the ability to verify older signatures.
|
* compatibility, we retain the ability to verify older signatures.
|
||||||
@@ -16,25 +14,18 @@ export type SignatureVersion = '0' | '1' | '2';
|
|||||||
*/
|
*/
|
||||||
export const CURRENT_SIGNATURE_VERSION: SignatureVersion = '2';
|
export const CURRENT_SIGNATURE_VERSION: SignatureVersion = '2';
|
||||||
|
|
||||||
/**
|
type SignFnInput = {
|
||||||
* A mapping of signature versions to signature functions.
|
url: string;
|
||||||
*/
|
host: string;
|
||||||
const IMAGE_SIGNATURE_FUNCTIONS: Record<SignatureVersion, (input: string) => MaybePromise<string>> =
|
};
|
||||||
{
|
|
||||||
'0': generateSignatureV0,
|
|
||||||
'1': generateSignatureV1,
|
|
||||||
'2': generateSignatureV2,
|
|
||||||
};
|
|
||||||
|
|
||||||
export function isSignatureVersion(input: string): input is SignatureVersion {
|
type SignFn = (input: SignFnInput) => MaybePromise<string>;
|
||||||
return Object.keys(IMAGE_SIGNATURE_FUNCTIONS).includes(input);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Verify a signature of an image URL
|
* Verify a signature of an image URL
|
||||||
*/
|
*/
|
||||||
export async function verifyImageSignature(
|
export async function verifyImageSignature(
|
||||||
input: string,
|
input: SignFnInput,
|
||||||
{ signature, version }: { signature: string; version: SignatureVersion },
|
{ signature, version }: { signature: string; version: SignatureVersion },
|
||||||
): Promise<boolean> {
|
): Promise<boolean> {
|
||||||
const generator = IMAGE_SIGNATURE_FUNCTIONS[version];
|
const generator = IMAGE_SIGNATURE_FUNCTIONS[version];
|
||||||
@@ -48,7 +39,7 @@ export async function verifyImageSignature(
|
|||||||
* This function is sync. If you need to implement an async version of image signing, you'll need to change
|
* This function is sync. If you need to implement an async version of image signing, you'll need to change
|
||||||
* ths signature of this fn and where it's used.
|
* ths signature of this fn and where it's used.
|
||||||
*/
|
*/
|
||||||
export async function generateImageSignature(input: string): Promise<{
|
export async function generateImageSignature(input: SignFnInput): Promise<{
|
||||||
signature: string;
|
signature: string;
|
||||||
version: SignatureVersion;
|
version: SignatureVersion;
|
||||||
}> {
|
}> {
|
||||||
@@ -63,17 +54,16 @@ const fnv1aUtf8Buffer = new Uint8Array(512);
|
|||||||
* Generate a signature for an image.
|
* Generate a signature for an image.
|
||||||
* The signature is relative to the current site being rendered to avoid serving images from other sites on the same domain.
|
* The signature is relative to the current site being rendered to avoid serving images from other sites on the same domain.
|
||||||
*/
|
*/
|
||||||
async function generateSignatureV2(input: string): Promise<string> {
|
const generateSignatureV2: SignFn = async (input) => {
|
||||||
const hostName = await getHost();
|
|
||||||
const all = [
|
const all = [
|
||||||
input,
|
input.url,
|
||||||
hostName, // The hostname is used to avoid serving images from other sites on the same domain
|
input.host, // The hostname is used to avoid serving images from other sites on the same domain
|
||||||
process.env.GITBOOK_IMAGE_RESIZE_SIGNING_KEY,
|
process.env.GITBOOK_IMAGE_RESIZE_SIGNING_KEY,
|
||||||
]
|
]
|
||||||
.filter(Boolean)
|
.filter(Boolean)
|
||||||
.join(':');
|
.join(':');
|
||||||
return fnv1a(all, { utf8Buffer: fnv1aUtf8Buffer }).toString(16);
|
return fnv1a(all, { utf8Buffer: fnv1aUtf8Buffer }).toString(16);
|
||||||
}
|
};
|
||||||
|
|
||||||
// Reused buffer for FNV-1a hashing in the v1 algorithm
|
// Reused buffer for FNV-1a hashing in the v1 algorithm
|
||||||
const fnv1aUtf8BufferV1 = new Uint8Array(512);
|
const fnv1aUtf8BufferV1 = new Uint8Array(512);
|
||||||
@@ -83,22 +73,35 @@ const fnv1aUtf8BufferV1 = new Uint8Array(512);
|
|||||||
* When setting it in a URL, we use version '1' for the 'sv' querystring parameneter
|
* When setting it in a URL, we use version '1' for the 'sv' querystring parameneter
|
||||||
* to know that it was the algorithm that was used.
|
* to know that it was the algorithm that was used.
|
||||||
*/
|
*/
|
||||||
function generateSignatureV1(input: string): string {
|
const generateSignatureV1: SignFn = async (input) => {
|
||||||
const all = [input, process.env.GITBOOK_IMAGE_RESIZE_SIGNING_KEY].filter(Boolean).join(':');
|
const all = [input.url, process.env.GITBOOK_IMAGE_RESIZE_SIGNING_KEY].filter(Boolean).join(':');
|
||||||
return fnv1a(all, { utf8Buffer: fnv1aUtf8BufferV1 }).toString(16);
|
return fnv1a(all, { utf8Buffer: fnv1aUtf8BufferV1 }).toString(16);
|
||||||
}
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Initial algorithm used to generate a signature for an image. It didn't use any versioning in the URL.
|
* Initial algorithm used to generate a signature for an image. It didn't use any versioning in the URL.
|
||||||
* We still need it to validate older signatures that were generated without versioning
|
* We still need it to validate older signatures that were generated without versioning
|
||||||
* but still exist in previously generated and cached content.
|
* but still exist in previously generated and cached content.
|
||||||
*/
|
*/
|
||||||
async function generateSignatureV0(input: string): Promise<string> {
|
const generateSignatureV0: SignFn = async (input) => {
|
||||||
const all = [input, process.env.GITBOOK_IMAGE_RESIZE_SIGNING_KEY].filter(Boolean).join(':');
|
const all = [input.url, process.env.GITBOOK_IMAGE_RESIZE_SIGNING_KEY].filter(Boolean).join(':');
|
||||||
const hash = await crypto.subtle.digest('SHA-256', new TextEncoder().encode(all));
|
const hash = await crypto.subtle.digest('SHA-256', new TextEncoder().encode(all));
|
||||||
|
|
||||||
// Convert ArrayBuffer to hex string
|
// Convert ArrayBuffer to hex string
|
||||||
const hashArray = Array.from(new Uint8Array(hash));
|
const hashArray = Array.from(new Uint8Array(hash));
|
||||||
const hashHex = hashArray.map((b) => b.toString(16).padStart(2, '0')).join('');
|
const hashHex = hashArray.map((b) => b.toString(16).padStart(2, '0')).join('');
|
||||||
return hashHex;
|
return hashHex;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* A mapping of signature versions to signature functions.
|
||||||
|
*/
|
||||||
|
const IMAGE_SIGNATURE_FUNCTIONS: Record<SignatureVersion, SignFn> = {
|
||||||
|
'0': generateSignatureV0,
|
||||||
|
'1': generateSignatureV1,
|
||||||
|
'2': generateSignatureV2,
|
||||||
|
};
|
||||||
|
|
||||||
|
export function isSignatureVersion(input: string): input is SignatureVersion {
|
||||||
|
return Object.keys(IMAGE_SIGNATURE_FUNCTIONS).includes(input);
|
||||||
}
|
}
|
||||||
@@ -0,0 +1,29 @@
|
|||||||
|
export type GetImageSizeOptions = {
|
||||||
|
dpr?: number;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type ResizeImageOptions = GetImageSizeOptions & {
|
||||||
|
width?: number;
|
||||||
|
height?: number;
|
||||||
|
dpr?: number;
|
||||||
|
quality?: number;
|
||||||
|
};
|
||||||
|
|
||||||
|
interface ImageSize {
|
||||||
|
width: number;
|
||||||
|
height: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
export type ImageResizer = {
|
||||||
|
/**
|
||||||
|
* Resize an image.
|
||||||
|
* @param input - The image URL to resize.
|
||||||
|
* @param options - The options to resize the image.
|
||||||
|
*/
|
||||||
|
resize(input: string): null | ((options: ResizeImageOptions) => Promise<string>);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the size of an image.
|
||||||
|
*/
|
||||||
|
getImageSize(input: string, options: GetImageSizeOptions): Promise<ImageSize | null>;
|
||||||
|
};
|
||||||
@@ -0,0 +1,17 @@
|
|||||||
|
import { ImageResizer, ResizeImageOptions } from './types';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Quick utility to get a resized image URL.
|
||||||
|
*/
|
||||||
|
export async function getResizedImageURL(
|
||||||
|
resizer: ImageResizer,
|
||||||
|
url: string,
|
||||||
|
options: ResizeImageOptions,
|
||||||
|
) {
|
||||||
|
const getURL = resizer.resize(url);
|
||||||
|
if (!getURL) {
|
||||||
|
return url;
|
||||||
|
}
|
||||||
|
|
||||||
|
return await getURL(options);
|
||||||
|
}
|
||||||
@@ -0,0 +1,91 @@
|
|||||||
|
import { RevisionPage, RevisionPageDocument, RevisionPageGroup } from '@gitbook/api';
|
||||||
|
import { getPagePath } from '@/lib/pages';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Generic interface to generate links based on a given context.
|
||||||
|
*/
|
||||||
|
export interface GitBookSpaceLinker {
|
||||||
|
/**
|
||||||
|
* Generate an absolute path for a relative path in the current space content.
|
||||||
|
*/
|
||||||
|
toPathInSpace(relativePath: string): string;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Generate an absolute path for a page in the current space.
|
||||||
|
*/
|
||||||
|
toPathForPage(input: {
|
||||||
|
pages: RevisionPage[];
|
||||||
|
page: RevisionPageDocument | RevisionPageGroup;
|
||||||
|
anchor?: string;
|
||||||
|
}): string;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Generate an absolute URL for a given path.
|
||||||
|
*/
|
||||||
|
toAbsoluteURL(absolutePath: string): string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create a linker to resolve links in a context being served on a specific URL.
|
||||||
|
*/
|
||||||
|
export function createLinker(
|
||||||
|
/** Where the top of the space is served on */
|
||||||
|
servedOn: {
|
||||||
|
protocol?: string;
|
||||||
|
host: string;
|
||||||
|
pathname: string;
|
||||||
|
},
|
||||||
|
): GitBookSpaceLinker {
|
||||||
|
if (servedOn.host.includes('/')) {
|
||||||
|
throw new Error('Host cannot include a slash');
|
||||||
|
}
|
||||||
|
|
||||||
|
const linker: GitBookSpaceLinker = {
|
||||||
|
toPathInSpace(relativePath: string): string {
|
||||||
|
return joinPaths(servedOn.pathname, relativePath);
|
||||||
|
},
|
||||||
|
|
||||||
|
toAbsoluteURL(absolutePath: string): string {
|
||||||
|
return `${servedOn.protocol ?? 'https:'}//${joinPaths(servedOn.host, absolutePath)}`;
|
||||||
|
},
|
||||||
|
|
||||||
|
toPathForPage({ pages, page, anchor }) {
|
||||||
|
return linker.toPathInSpace(getPagePath(pages, page)) + (anchor ? '#' + anchor : '');
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
return linker;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Append a prefix to a linker.
|
||||||
|
*/
|
||||||
|
export function appendPrefixToLinker(
|
||||||
|
linker: GitBookSpaceLinker,
|
||||||
|
prefix: string,
|
||||||
|
): GitBookSpaceLinker {
|
||||||
|
const linkerWithPrefix: GitBookSpaceLinker = {
|
||||||
|
toPathInSpace(relativePath: string): string {
|
||||||
|
return linker.toPathInSpace(joinPaths(prefix, relativePath));
|
||||||
|
},
|
||||||
|
|
||||||
|
toAbsoluteURL(absolutePath: string): string {
|
||||||
|
return linker.toAbsoluteURL(joinPaths(prefix, absolutePath));
|
||||||
|
},
|
||||||
|
|
||||||
|
toPathForPage({ pages, page, anchor }) {
|
||||||
|
return (
|
||||||
|
linkerWithPrefix.toPathInSpace(getPagePath(pages, page)) +
|
||||||
|
(anchor ? '#' + anchor : '')
|
||||||
|
);
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
return linkerWithPrefix;
|
||||||
|
}
|
||||||
|
|
||||||
|
function joinPaths(prefix: string, path: string): string {
|
||||||
|
const prefixPath = prefix.endsWith('/') ? prefix : prefix + '/';
|
||||||
|
const suffixPath = path.startsWith('/') ? path.slice(1) : path;
|
||||||
|
return prefixPath + suffixPath;
|
||||||
|
}
|
||||||
@@ -0,0 +1,36 @@
|
|||||||
|
import { CustomizationThemeMode } from '@gitbook/api';
|
||||||
|
import { headers } from 'next/headers';
|
||||||
|
|
||||||
|
export enum MiddlewareHeaders {
|
||||||
|
URLMode = 'x-gitbook-url-mode',
|
||||||
|
Theme = 'x-gitbook-theme',
|
||||||
|
Customization = 'x-gitbook-customization',
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the URL mode from the middleware headers.
|
||||||
|
*/
|
||||||
|
export async function getURLModeFromMiddleware(): Promise<'url' | 'url-host'> {
|
||||||
|
const headersList = await headers();
|
||||||
|
const mode = headersList.get(MiddlewareHeaders.URLMode);
|
||||||
|
if (!mode) {
|
||||||
|
throw new Error('URL mode is not set by the middleware');
|
||||||
|
}
|
||||||
|
|
||||||
|
return mode as 'url' | 'url-host';
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* For preview, the theme can be set via query string (?theme=light).
|
||||||
|
*/
|
||||||
|
export async function getThemeFromMiddleware() {
|
||||||
|
const headersList = await headers();
|
||||||
|
const queryStringTheme = headersList.get(MiddlewareHeaders.Theme);
|
||||||
|
if (!queryStringTheme) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
return queryStringTheme === 'light'
|
||||||
|
? CustomizationThemeMode.Light
|
||||||
|
: CustomizationThemeMode.Dark;
|
||||||
|
}
|
||||||
@@ -0,0 +1,111 @@
|
|||||||
|
import { NextResponse } from 'next/server';
|
||||||
|
import type { NextRequest } from 'next/server';
|
||||||
|
import { GitBookAPIError } from '@gitbook/api';
|
||||||
|
|
||||||
|
import { removeTrailingSlash } from '@/lib/paths';
|
||||||
|
import { MiddlewareHeaders } from '@v2/lib/middleware';
|
||||||
|
import { getPublishedContentByURL } from '@v2/lib/data';
|
||||||
|
|
||||||
|
export const config = {
|
||||||
|
matcher: ['/((?!_next/|_static/|_vercel|[\\w-]+\\.\\w+).*)'],
|
||||||
|
};
|
||||||
|
|
||||||
|
type URLWithMode = { url: URL; mode: 'url' | 'url-host' };
|
||||||
|
|
||||||
|
export async function middleware(request: NextRequest) {
|
||||||
|
const extracted = extractURL(request);
|
||||||
|
if (extracted) {
|
||||||
|
return serveSiteByURL(request, extracted);
|
||||||
|
}
|
||||||
|
|
||||||
|
return NextResponse.next();
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Serve site by URL.
|
||||||
|
*/
|
||||||
|
async function serveSiteByURL(request: NextRequest, urlWithMode: URLWithMode) {
|
||||||
|
const dynamicHeaders = getDynamicHeaders(request);
|
||||||
|
const { url, mode } = urlWithMode;
|
||||||
|
|
||||||
|
const result = await getPublishedContentByURL({
|
||||||
|
url: url.toString(),
|
||||||
|
visitorAuthToken: null,
|
||||||
|
redirectOnError: false,
|
||||||
|
});
|
||||||
|
|
||||||
|
if (result.error) {
|
||||||
|
if (result.error instanceof GitBookAPIError) {
|
||||||
|
return NextResponse.json(
|
||||||
|
{
|
||||||
|
error: result.error.message,
|
||||||
|
},
|
||||||
|
{ status: result.error.code },
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
throw result.error;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const { data } = result;
|
||||||
|
|
||||||
|
if ('redirect' in data) {
|
||||||
|
return NextResponse.redirect(data.redirect);
|
||||||
|
}
|
||||||
|
|
||||||
|
const requestHeaders = new Headers(request.headers);
|
||||||
|
requestHeaders.set(MiddlewareHeaders.URLMode, mode);
|
||||||
|
if (dynamicHeaders) {
|
||||||
|
for (const [key, value] of Object.entries(dynamicHeaders)) {
|
||||||
|
requestHeaders.set(key, value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const route = [
|
||||||
|
'sites',
|
||||||
|
dynamicHeaders ? 'dynamic' : 'static',
|
||||||
|
mode,
|
||||||
|
encodeURIComponent(url.host + data.basePath),
|
||||||
|
encodeURIComponent(removeTrailingSlash(data.pathname) || '/'),
|
||||||
|
].join('/');
|
||||||
|
|
||||||
|
return NextResponse.rewrite(new URL('/' + route, request.url), {
|
||||||
|
headers: requestHeaders,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The URL of the GitBook content can be passed in 2 different ways:
|
||||||
|
* - Hostname is in the `X-GitBook-Host` header and the pathname is the path in the request URL.
|
||||||
|
* - The request URL is matching `/url/:url`
|
||||||
|
*/
|
||||||
|
function extractURL(request: NextRequest): URLWithMode | null {
|
||||||
|
const xGitbookHost = request.headers.get('x-gitbook-host');
|
||||||
|
if (xGitbookHost) {
|
||||||
|
return {
|
||||||
|
url: new URL(`https://${xGitbookHost}${request.nextUrl.pathname}`),
|
||||||
|
mode: 'url-host',
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
const prefix = '/url/';
|
||||||
|
if (request.nextUrl.pathname.startsWith(prefix)) {
|
||||||
|
return {
|
||||||
|
url: new URL(`https://${request.nextUrl.pathname.slice(prefix.length)}`),
|
||||||
|
mode: 'url',
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Evaluate if a request is dynamic or static.
|
||||||
|
*/
|
||||||
|
function getDynamicHeaders(request: NextRequest): null | Record<string, string> {
|
||||||
|
// TODO:
|
||||||
|
// - check token in query string
|
||||||
|
// - check token in cookies
|
||||||
|
// - check special headers or query string
|
||||||
|
return null;
|
||||||
|
}
|
||||||
@@ -0,0 +1,10 @@
|
|||||||
|
import config from '../gitbook/tailwind.config';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
...config,
|
||||||
|
content: [
|
||||||
|
'../gitbook/src/pages/**/*.{js,ts,jsx,tsx,mdx}',
|
||||||
|
'../gitbook/src/components/**/*.{js,ts,jsx,tsx,mdx}',
|
||||||
|
'../gitbook/src/app/**/*.{js,ts,jsx,tsx,mdx}',
|
||||||
|
],
|
||||||
|
};
|
||||||
@@ -0,0 +1,44 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"target": "esnext",
|
||||||
|
"lib": ["dom", "dom.iterable", "esnext"],
|
||||||
|
"allowJs": true,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"strict": true,
|
||||||
|
"noEmit": true,
|
||||||
|
"incremental": true,
|
||||||
|
"module": "esnext",
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"moduleResolution": "bundler",
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"isolatedModules": true,
|
||||||
|
"jsx": "preserve",
|
||||||
|
"plugins": [
|
||||||
|
{
|
||||||
|
"name": "next"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"paths": {
|
||||||
|
"@v2/*": ["./src/*"],
|
||||||
|
"@/*": ["../gitbook/src/*"]
|
||||||
|
},
|
||||||
|
"types": [
|
||||||
|
"bun-types" // add Bun global
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"include": [
|
||||||
|
"next-env.d.ts",
|
||||||
|
".next/types/**/*.ts",
|
||||||
|
"**/*.ts",
|
||||||
|
"**/*.tsx",
|
||||||
|
"../gitbook/types/**/*.d.ts",
|
||||||
|
"../gitbook/cf-env.d.ts"
|
||||||
|
],
|
||||||
|
"exclude": [
|
||||||
|
"node_modules",
|
||||||
|
"packages/openapi-parser",
|
||||||
|
"packages/react-openapi",
|
||||||
|
"packages/react-math",
|
||||||
|
"packages/gitbook"
|
||||||
|
]
|
||||||
|
}
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
main = ".open-next/worker.js"
|
||||||
|
name = "gitbook-v2"
|
||||||
|
compatibility_date = "2024-09-23"
|
||||||
|
compatibility_flags = ["nodejs_compat"]
|
||||||
|
assets = { directory = ".open-next/assets", binding = "ASSETS" }
|
||||||
@@ -1,5 +1,213 @@
|
|||||||
# gitbook
|
# gitbook
|
||||||
|
|
||||||
|
## 0.6.3
|
||||||
|
|
||||||
|
### Patch Changes
|
||||||
|
|
||||||
|
- a820739: Remove unused search api method from gitbook/api/lib
|
||||||
|
- a054554: Implement a trusted mode to speed up OpenAPI spec validation
|
||||||
|
- 66d0fc0: Update design for hint block: use semantic colors (info, warning, danger, success) and add alternative styling for hints with headings
|
||||||
|
- 9f0de74: Add support for new OpenAPI ref
|
||||||
|
- da55fac: Render GitBook blocks in OpenAPI operation description
|
||||||
|
- Updated dependencies [c808bb1]
|
||||||
|
- Updated dependencies [dc2dbc5]
|
||||||
|
- Updated dependencies [f1d1d2f]
|
||||||
|
- Updated dependencies [e24206e]
|
||||||
|
- Updated dependencies [a054554]
|
||||||
|
- Updated dependencies [05e1d8c]
|
||||||
|
- Updated dependencies [b4a12d6]
|
||||||
|
- Updated dependencies [9f0de74]
|
||||||
|
- Updated dependencies [da55fac]
|
||||||
|
- @gitbook/openapi-parser@2.0.0
|
||||||
|
- @gitbook/react-openapi@1.0.3
|
||||||
|
|
||||||
|
## 0.6.2
|
||||||
|
|
||||||
|
### Patch Changes
|
||||||
|
|
||||||
|
- 359bb97: Fix opening external links when the GitBook page is embedded in an iframe
|
||||||
|
- 6157583: Improve Markdown parsing
|
||||||
|
- 82cd9f2: Add support for anchor links in OpenAPI blocks
|
||||||
|
- Updated dependencies [445baaa]
|
||||||
|
- Updated dependencies [bb5c6a4]
|
||||||
|
- Updated dependencies [a3f1fea]
|
||||||
|
- Updated dependencies [6157583]
|
||||||
|
- Updated dependencies [7419ee7]
|
||||||
|
- Updated dependencies [82cd9f2]
|
||||||
|
- @gitbook/colors@0.2.0
|
||||||
|
- @gitbook/react-openapi@1.0.2
|
||||||
|
- @gitbook/openapi-parser@1.0.1
|
||||||
|
|
||||||
|
## 0.6.1
|
||||||
|
|
||||||
|
### Patch Changes
|
||||||
|
|
||||||
|
- dddb4ec: Fix long tab group description
|
||||||
|
- Updated dependencies [f8d4c76]
|
||||||
|
- Updated dependencies [dddb4ec]
|
||||||
|
- Updated dependencies [f8d4c76]
|
||||||
|
- @gitbook/react-openapi@1.0.1
|
||||||
|
|
||||||
|
## 0.6.0
|
||||||
|
|
||||||
|
### Minor Changes
|
||||||
|
|
||||||
|
- 98245e5: Adapt code to pull token from customer backend generated custom cookies
|
||||||
|
- af3c6a9: Reintroduce a safety check around search whilst we continue investigating caching.
|
||||||
|
- 95f2aa4: Track new events for site insights when ads are being clicked
|
||||||
|
- 08acea6: Investigate an issue causing caches to return empty objects instead of null/undefined.
|
||||||
|
- 1138d59: Add support for sidebar background styles
|
||||||
|
- 9e18ae6: Overhaul colour scale & Tailwind colour classes
|
||||||
|
- e86e51f: Fix an issue where the redirects of potentially malicious images were not going through.
|
||||||
|
- 7059c2b: Add support for computed content by fetching computed documents for pages.
|
||||||
|
- c71d159: Track events for site insights using the new dedicated API.
|
||||||
|
- eb7c22f: Revert scalar to 1.0.87 to mitigate an issue with ApiClientModalProvider
|
||||||
|
- ea1468c: Send redirectOnError param to getPublishedContent when token is pulled from cookie
|
||||||
|
- 7ee9158: Restyle PageAside to use sidebar list styles
|
||||||
|
- dbba50c: Fix an issue where search and Ask AI triggers unnecessary renders when in a Visitor Authenticated site.
|
||||||
|
- 1417279: Track clicks on links (header, footer, content) for site insights.
|
||||||
|
- 9eca010: Improve the display of recommended questions by streaming them.
|
||||||
|
- 160fca1: new OpenAPI blocks design
|
||||||
|
- 71688a8: Introduction of new themes: Clean, Muted, Bold, and Gradient
|
||||||
|
- 1823101: Fix internal properties appearing in OpenAPI docs.
|
||||||
|
- 6a073e1: Add antialiasing for text rendering
|
||||||
|
- 8126a83: Improve readability of tables with hover style and vertical dividers
|
||||||
|
- db74ea3: Image optimization endpoint redirects to underlying image URL if the signature is not the latest.
|
||||||
|
- 99579ac: Fix a vulnerability issue for images using an older version of the image signing parameter.
|
||||||
|
- e4e2f52: Track an event into site insights when visitor is opening the Scalar API client.
|
||||||
|
|
||||||
|
### Patch Changes
|
||||||
|
|
||||||
|
- d876399: Fix UI search without ask AI enabled and fix error with questions not returned from API
|
||||||
|
- c30bc24: Fix empty sitemap
|
||||||
|
- e90c96f: page outline on the right remains visible when scrolling, move mode toggler to PageAside
|
||||||
|
- 5b4e710: Support llms.txt
|
||||||
|
- b6c3870: Add support for keyboard marks
|
||||||
|
- 6059efe: Fix search no results error showing while there are results
|
||||||
|
- c77142a: Log component stack in Sentry
|
||||||
|
- 1de9d1a: Apply antialiasing on any text that are not code inline/blocks to avoid contrast issues
|
||||||
|
- 32aa1f9: Handle security issue with cookies on Safari
|
||||||
|
- d935fb1: Don't add extra page scroll when footer is not present
|
||||||
|
- 53de5b1: Fix site section URL resolution in Ask AI sources
|
||||||
|
- 24f5249: Fix vertical section overflow color
|
||||||
|
- 1762f85: Reduce gap between subsequent header buttons
|
||||||
|
- c1e27cc: Fix pass Sentry release properly
|
||||||
|
- 5ae1b88: Fix shrinking page icons
|
||||||
|
- 8f046a9: Start using tint in more places, TOC and PageAside
|
||||||
|
- 665b6be: Ignore invalid API calls to `getSiteRedirectFromSource` API
|
||||||
|
|
||||||
|
To reduce the load on the API and also avoid errors.
|
||||||
|
|
||||||
|
- 26e6401: Remove KV cache backend and only rely on DO as an external cache backend
|
||||||
|
- 8cfa67c: Fix default outline list styling
|
||||||
|
- d66c184: Ignore errors from event flushing
|
||||||
|
- 6088fa5: Simplify search results logic to investigate a bug
|
||||||
|
- 68287d3: Cache API spec for 24 hours, revalidated every 2 hours
|
||||||
|
- 09c7c30: Try to fix error on og image generation
|
||||||
|
- ae99f87: Improve emoji setup, align with GitBook app
|
||||||
|
- 2906e60: Downgrade to Next.js v14 to fix incompatibilities with next-on-pages causing multiple bugs.
|
||||||
|
- 3a7210d: Fix zoom image view transition on Safari
|
||||||
|
- 718a8a5: Position the variant picker in the ToC
|
||||||
|
- e5dc05e: Update footer styling and allow for more than 4 footer groups
|
||||||
|
- 8276ba0: Make cookies access safer
|
||||||
|
- 1b8a456: Fix Image blocks zoomable behaviour
|
||||||
|
- 56c52e0: Handle Firefox security error on localStorage
|
||||||
|
- 0510b6f: Add section description to SectionGroupTile
|
||||||
|
- 1fcc807: Fix errors from customization not found
|
||||||
|
- 46edde9: Improve the OpenAPI package API
|
||||||
|
- 8af1abc: Improve contrast of search box placeholder
|
||||||
|
- 92b7668: Improve header offset
|
||||||
|
- d9c8d57: Do not dereference before caching OpenAPI spec.
|
||||||
|
- 94876e3: Fix regression issue with page icons for multi-line titles
|
||||||
|
- 47971dc: Fix OG image generation for non-latin characters
|
||||||
|
- 82dc9c4: Simplify the `useHash` algo used.
|
||||||
|
- 128ad20: Ignore cache invalidation error from local backend
|
||||||
|
- ff05e20: Improvements to inline images in headings
|
||||||
|
- cb100d5: Allow only good values for theme query parameter. Avoid having a 500 error when we pass an invalid value.
|
||||||
|
- d5aaccd: Remove use of deprecatd API createSitesPageFeedback
|
||||||
|
- 48ab59f: Improve colour contrast of list item decoration
|
||||||
|
- d2bc567: Set Sentry release
|
||||||
|
- 37d13d8: Avoid error on fetch by passing a string URL
|
||||||
|
- d3e573c: Generate sitemap for all sections and spaces
|
||||||
|
- f7b801b: Add feedback form to page rating control
|
||||||
|
- d370a3f: Update the routes for changes/revisions in multi-id mode to match the normal mode
|
||||||
|
- 46f63cb: Fix code format overriding inline link styles
|
||||||
|
- 5950657: Fix emojis display
|
||||||
|
- 528a053: Fix server actions stability leading to no results found sometimes on search
|
||||||
|
- eac1314: Lazy load iframely script to make page more responsive
|
||||||
|
- ad19060: Cards stand out slighly more on tinted and dark mode sites, and have better support for headings inside them
|
||||||
|
- 6f54826: New highlight colors
|
||||||
|
- 5c87ec7: Implement a safer way to interact with localStorage.
|
||||||
|
|
||||||
|
If it's disabled on the browser it should not throw error.
|
||||||
|
|
||||||
|
- 02d876e: Fix search UI behaviour
|
||||||
|
- f4a90de: Fix two issues where pages would crash due Recoil not behaving correctly in RSC.
|
||||||
|
- 5576906: Fix table of content displaying arrow next to page with only hidden pages
|
||||||
|
- aaab157: Visual fix for section group in Safari
|
||||||
|
- cbe6139: Fix dynamic tabs infinite loop
|
||||||
|
- 65cc4af: Fix error when accessing a change request not found
|
||||||
|
- 727bde2: Improve and split OpenAPI parser into its own package
|
||||||
|
- 0b6ddca: Fix variant selector contrast for non-default themes
|
||||||
|
- 87b8ea8: Fix issue leading to increase the storage write and the stability of the platform
|
||||||
|
- fde32e2: Force route handler to be dynamic to avoid errors
|
||||||
|
- a025118: Change card layout depending on cover aspect ratio
|
||||||
|
- 300f7bf: Fix search loading state
|
||||||
|
- 29d5979: Disable C/C++ highlight temporarily
|
||||||
|
- 18953b2: Subtler tint color when based on the primary color, by mixing in some gray
|
||||||
|
- 1c97536: Fix Sentry instrumentation
|
||||||
|
- b0bd871: Even safer localStorage
|
||||||
|
- b950a64: Avoid errors on legacy browsers
|
||||||
|
- 38061bd: Add section groups to section tabs
|
||||||
|
- 160fca1: Support deprecated and x-deprecated-sunset in OpenAPI spec
|
||||||
|
- 0e601e2: Improve styling of header buttons with shadows and high-contrast styles
|
||||||
|
- 6691492: Fix viewing PDF from space
|
||||||
|
- e8e64bf: Fix bullet list display on full size blocks
|
||||||
|
- 16194c5: Vertical orientation for sections list on sites without header
|
||||||
|
- b41d425: Improve OpenAPI rendering performances by caching markdown parsing
|
||||||
|
- 1f8e416: Improve performances by highlighting code client-side if the code block is offscreen
|
||||||
|
- 1429384: Fix error when accessing some not found pages.
|
||||||
|
- 21cbd9e: Change link color to primary-subtle
|
||||||
|
- 5dab70f: Fix "Parser" language syntax highlighting
|
||||||
|
- deb8c54: Upgrade Next.js to v15, upgrade Shiki and use JS RegExp engine
|
||||||
|
- 56331d2: Fix breadcrumbs emoji display + add contrast styles
|
||||||
|
- a6f6591: Fix server actions cache compromised. Leading to some bugs on frontend.
|
||||||
|
- 44a20fe: Improve smoothness of scroll listener
|
||||||
|
- 5664e5a: Fix variant dropdown styling in header
|
||||||
|
- 6b50360: Fix view transition error on Safari
|
||||||
|
- 741dd49: Bump `heading-3` font size to offset it from paragraphs
|
||||||
|
- 5112e3e: Fix Sentry instrumentation server-side
|
||||||
|
- 1de338c: Remove animation on section tabs. Page is reloaded (for technical reasons), so the animation is not accurate here.
|
||||||
|
- Updated dependencies [d9029c7]
|
||||||
|
- Updated dependencies [6e54a06]
|
||||||
|
- Updated dependencies [162b4b7]
|
||||||
|
- Updated dependencies [e4e2f52]
|
||||||
|
- Updated dependencies [0c03676]
|
||||||
|
- Updated dependencies [3e5e458]
|
||||||
|
- Updated dependencies [46edde9]
|
||||||
|
- Updated dependencies [d9c8d57]
|
||||||
|
- Updated dependencies [ccf2cff]
|
||||||
|
- Updated dependencies [dda0cc6]
|
||||||
|
- Updated dependencies [eb7c22f]
|
||||||
|
- Updated dependencies [ea1468c]
|
||||||
|
- Updated dependencies [648f0e9]
|
||||||
|
- Updated dependencies [160fca1]
|
||||||
|
- Updated dependencies [f92e906]
|
||||||
|
- Updated dependencies [e721f17]
|
||||||
|
- Updated dependencies [727bde2]
|
||||||
|
- Updated dependencies [dff08ae]
|
||||||
|
- Updated dependencies [fc7b16f]
|
||||||
|
- Updated dependencies [fe8acc9]
|
||||||
|
- Updated dependencies [1823101]
|
||||||
|
- Updated dependencies [a652958]
|
||||||
|
- Updated dependencies [2f73db7]
|
||||||
|
- Updated dependencies [160fca1]
|
||||||
|
- Updated dependencies [12c7862]
|
||||||
|
- Updated dependencies [b41d425]
|
||||||
|
- @gitbook/react-openapi@1.0.0
|
||||||
|
- @gitbook/openapi-parser@1.0.0
|
||||||
|
- @gitbook/react-contentkit@0.6.0
|
||||||
|
|
||||||
## 0.5.0
|
## 0.5.0
|
||||||
|
|
||||||
### Minor Changes
|
### Minor Changes
|
||||||
|
|||||||
@@ -0,0 +1,240 @@
|
|||||||
|
import { runTestCases, TestsCase, waitForCookiesDialog } from './util';
|
||||||
|
|
||||||
|
/** A list of test cases to run on the customers' docs sites. */
|
||||||
|
const testCases: TestsCase[] = [
|
||||||
|
{
|
||||||
|
name: 'Snyk',
|
||||||
|
baseUrl: 'https://docs.snyk.io',
|
||||||
|
tests: [
|
||||||
|
{ name: 'Home', url: '/' },
|
||||||
|
{ name: 'OpenAPI', url: '/snyk-api/reference/apps' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Nexthink',
|
||||||
|
baseUrl: 'https://docs.nexthink.com',
|
||||||
|
tests: [{ name: 'Home', url: '/', screenshot: { waitForTOCScrolling: false } }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'asiksupport-stg.dto.kemkes.go.id',
|
||||||
|
baseUrl: 'https://asiksupport-stg.dto.kemkes.go.id',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'jasons-tutorials.gitbook.io',
|
||||||
|
baseUrl: 'https://jasons-tutorials.gitbook.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'faq.deltaemulator.com',
|
||||||
|
baseUrl: 'https://faq.deltaemulator.com',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.dify.ai',
|
||||||
|
baseUrl: 'https://docs.dify.ai',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'seeddao.gitbook.io',
|
||||||
|
baseUrl: 'https://seeddao.gitbook.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'faq.altstore.io',
|
||||||
|
baseUrl: 'https://faq.altstore.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'support.audacityteam.org',
|
||||||
|
baseUrl: 'https://support.audacityteam.org',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.gmgn.ai',
|
||||||
|
baseUrl: 'https://docs.gmgn.ai',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.spicychat.ai',
|
||||||
|
baseUrl: 'https://docs.spicychat.ai',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.portainer.io',
|
||||||
|
baseUrl: 'https://docs.portainer.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.chirptoken.io',
|
||||||
|
baseUrl: 'https://docs.chirptoken.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.dexscreener.com',
|
||||||
|
baseUrl: 'https://docs.dexscreener.com',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.pancakeswap.finance',
|
||||||
|
baseUrl: 'https://docs.pancakeswap.finance',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'book.character.ai',
|
||||||
|
baseUrl: 'https://book.character.ai',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.tradeonnova.io',
|
||||||
|
baseUrl: 'https://docs.tradeonnova.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'azcoiner.gitbook.io',
|
||||||
|
baseUrl: 'https://azcoiner.gitbook.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.midas.app',
|
||||||
|
baseUrl: 'https://docs.midas.app',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.keeper.io',
|
||||||
|
baseUrl: 'https://docs.keeper.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'adiblar.gitbook.io',
|
||||||
|
baseUrl: 'https://adiblar.gitbook.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.gradient.network',
|
||||||
|
baseUrl: 'https://docs.gradient.network',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'mygate-network.gitbook.io',
|
||||||
|
baseUrl: 'https://mygate-network.gitbook.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'treasurenft.gitbook.io',
|
||||||
|
baseUrl: 'https://treasurenft.gitbook.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'browndust2.gitbook.io',
|
||||||
|
baseUrl: 'https://browndust2.gitbook.io',
|
||||||
|
tests: [{ name: 'Home', url: '/', screenshot: { waitForTOCScrolling: false } }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'junookyo.gitbook.io',
|
||||||
|
baseUrl: 'https://junookyo.gitbook.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'meshnet.nordvpn.com',
|
||||||
|
baseUrl: 'https://meshnet.nordvpn.com',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'manual.bubble.io',
|
||||||
|
baseUrl: 'https://manual.bubble.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.tickettool.xyz',
|
||||||
|
baseUrl: 'https://docs.tickettool.xyz',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'wiki.redmodding.org',
|
||||||
|
baseUrl: 'https://wiki.redmodding.org',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.cherry-ai.com',
|
||||||
|
baseUrl: 'https://docs.cherry-ai.com',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.snyk.io',
|
||||||
|
baseUrl: 'https://docs.snyk.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.realapp.link',
|
||||||
|
baseUrl: 'https://docs.realapp.link',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.plaza.finance',
|
||||||
|
baseUrl: 'https://docs.plaza.finance',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.publicai.io',
|
||||||
|
baseUrl: 'https://docs.publicai.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'hyperliquid.gitbook.io',
|
||||||
|
baseUrl: 'https://hyperliquid.gitbook.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.umbraco.com',
|
||||||
|
baseUrl: 'https://docs.umbraco.com',
|
||||||
|
tests: [{ name: 'Home', url: '/welcome', screenshot: { waitForTOCScrolling: false } }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'sosovalue-white-paper.gitbook.io',
|
||||||
|
baseUrl: 'https://sosovalue-white-paper.gitbook.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.revrobotics.com',
|
||||||
|
baseUrl: 'https://docs.revrobotics.com',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'chartschool.stockcharts.com',
|
||||||
|
baseUrl: 'https://chartschool.stockcharts.com',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.soniclabs.com',
|
||||||
|
baseUrl: 'https://docs.soniclabs.com',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.meshchain.ai',
|
||||||
|
baseUrl: 'https://docs.meshchain.ai',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.thousandeyes.com',
|
||||||
|
baseUrl: 'https://docs.thousandeyes.com',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.raydium.io',
|
||||||
|
baseUrl: 'https://docs.raydium.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.solv.finance',
|
||||||
|
baseUrl: 'https://docs.solv.finance',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'docs.fluentbit.io',
|
||||||
|
baseUrl: 'https://docs.fluentbit.io',
|
||||||
|
tests: [{ name: 'Home', url: '/' }],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
runTestCases(testCases);
|
||||||
@@ -1,21 +1,12 @@
|
|||||||
import { argosScreenshot } from '@argos-ci/playwright';
|
|
||||||
import {
|
import {
|
||||||
CustomizationBackground,
|
CustomizationBackground,
|
||||||
CustomizationCorners,
|
CustomizationCorners,
|
||||||
CustomizationFont,
|
|
||||||
CustomizationHeaderPreset,
|
CustomizationHeaderPreset,
|
||||||
CustomizationIconsStyle,
|
CustomizationIconsStyle,
|
||||||
CustomizationLocale,
|
|
||||||
CustomizationSidebarBackgroundStyle,
|
|
||||||
CustomizationSidebarListStyle,
|
CustomizationSidebarListStyle,
|
||||||
CustomizationThemeMode,
|
|
||||||
SiteCustomizationSettings,
|
|
||||||
} from '@gitbook/api';
|
} from '@gitbook/api';
|
||||||
import { test, expect, Page, BrowserContext } from '@playwright/test';
|
import { expect } from '@playwright/test';
|
||||||
import deepMerge from 'deepmerge';
|
|
||||||
import jwt from 'jsonwebtoken';
|
import jwt from 'jsonwebtoken';
|
||||||
import rison from 'rison';
|
|
||||||
import { DeepPartial } from 'ts-essentials';
|
|
||||||
|
|
||||||
import {
|
import {
|
||||||
getVisitorAuthCookieName,
|
getVisitorAuthCookieName,
|
||||||
@@ -23,55 +14,19 @@ import {
|
|||||||
VISITOR_TOKEN_COOKIE,
|
VISITOR_TOKEN_COOKIE,
|
||||||
} from '@/lib/visitor-token';
|
} from '@/lib/visitor-token';
|
||||||
|
|
||||||
import { getContentTestURL } from '../tests/utils';
|
import {
|
||||||
|
allDeprecatedThemePresets,
|
||||||
interface Test {
|
allLocales,
|
||||||
name: string;
|
allSidebarBackgroundStyles,
|
||||||
url: string; // URL to visit for testing
|
allThemeModes,
|
||||||
cookies?: Parameters<BrowserContext['addCookies']>[0];
|
allThemes,
|
||||||
run?: (page: Page) => Promise<unknown>; // The test to run
|
allTintColors,
|
||||||
fullPage?: boolean; // Whether the test should be fullscreened during testing
|
getCustomizationURL,
|
||||||
screenshot?: false; // Should a screenshot be stored
|
headerLinks,
|
||||||
only?: boolean; // Only run this test
|
runTestCases,
|
||||||
}
|
TestsCase,
|
||||||
|
waitForCookiesDialog,
|
||||||
interface TestsCase {
|
} from './util';
|
||||||
name: string;
|
|
||||||
baseUrl: string;
|
|
||||||
tests: Array<Test>;
|
|
||||||
}
|
|
||||||
|
|
||||||
const allLocales: CustomizationLocale[] = [
|
|
||||||
CustomizationLocale.Fr,
|
|
||||||
CustomizationLocale.Es,
|
|
||||||
CustomizationLocale.Ja,
|
|
||||||
CustomizationLocale.Zh,
|
|
||||||
];
|
|
||||||
|
|
||||||
const allThemeModes: CustomizationThemeMode[] = [
|
|
||||||
CustomizationThemeMode.Light,
|
|
||||||
CustomizationThemeMode.Dark,
|
|
||||||
];
|
|
||||||
|
|
||||||
const allThemePresets: CustomizationHeaderPreset[] = [
|
|
||||||
CustomizationHeaderPreset.Default,
|
|
||||||
CustomizationHeaderPreset.Bold,
|
|
||||||
CustomizationHeaderPreset.Contrast,
|
|
||||||
CustomizationHeaderPreset.Custom,
|
|
||||||
];
|
|
||||||
|
|
||||||
const allSidebarBackgroundStyles: CustomizationSidebarBackgroundStyle[] = [
|
|
||||||
CustomizationSidebarBackgroundStyle.Default,
|
|
||||||
CustomizationSidebarBackgroundStyle.Filled,
|
|
||||||
];
|
|
||||||
|
|
||||||
async function waitForCookiesDialog(page: Page) {
|
|
||||||
const dialog = page.getByRole('dialog', { name: 'Cookies' });
|
|
||||||
const accept = dialog.getByRole('button', { name: 'Accept' });
|
|
||||||
const reject = dialog.getByRole('button', { name: 'Reject' });
|
|
||||||
await expect(accept).toBeVisible();
|
|
||||||
await expect(reject).toBeVisible();
|
|
||||||
}
|
|
||||||
|
|
||||||
const testCases: TestsCase[] = [
|
const testCases: TestsCase[] = [
|
||||||
{
|
{
|
||||||
@@ -95,19 +50,28 @@ const testCases: TestsCase[] = [
|
|||||||
{
|
{
|
||||||
name: 'Search',
|
name: 'Search',
|
||||||
url: '?q=',
|
url: '?q=',
|
||||||
|
screenshot: false,
|
||||||
|
run: async (page) => {
|
||||||
|
await expect(page.getByTestId('search-results')).toBeVisible();
|
||||||
|
const allItems = await page.getByTestId('search-result-item').all();
|
||||||
|
// Expect at least 3 questions
|
||||||
|
await expect(allItems.length).toBeGreaterThan(2);
|
||||||
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Search Results',
|
name: 'Search Results',
|
||||||
url: '?q=gitbook',
|
url: '?q=gitbook',
|
||||||
run: async (page) => {
|
run: async (page) => {
|
||||||
await page.waitForSelector('[data-test="search-results"]');
|
await expect(page.getByTestId('search-results')).toBeVisible();
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'AI Search',
|
name: 'AI Search',
|
||||||
url: '?q=What+is+GitBook%3F&ask=true',
|
url: '?q=What+is+GitBook%3F&ask=true',
|
||||||
run: async (page) => {
|
run: async (page) => {
|
||||||
await page.waitForSelector('[data-test="search-ask-answer"]');
|
await expect(page.getByTestId('search-ask-answer')).toBeVisible({
|
||||||
|
timeout: 15_000,
|
||||||
|
});
|
||||||
},
|
},
|
||||||
screenshot: false,
|
screenshot: false,
|
||||||
},
|
},
|
||||||
@@ -268,19 +232,28 @@ const testCases: TestsCase[] = [
|
|||||||
{
|
{
|
||||||
name: 'Search',
|
name: 'Search',
|
||||||
url: '?q=',
|
url: '?q=',
|
||||||
|
screenshot: false,
|
||||||
|
run: async (page) => {
|
||||||
|
await expect(page.getByTestId('search-results')).toBeVisible();
|
||||||
|
const allItems = await page.getByTestId('search-result-item').all();
|
||||||
|
// Expect at least 3 questions
|
||||||
|
await expect(allItems.length).toBeGreaterThan(2);
|
||||||
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Search Results',
|
name: 'Search Results',
|
||||||
url: '?q=gitbook',
|
url: '?q=gitbook',
|
||||||
run: async (page) => {
|
run: async (page) => {
|
||||||
await page.waitForSelector('[data-test="search-results"]');
|
await expect(page.getByTestId('search-results')).toBeVisible();
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'AI Search',
|
name: 'AI Search',
|
||||||
url: '?q=What+is+GitBook%3F&ask=true',
|
url: '?q=What+is+GitBook%3F&ask=true',
|
||||||
run: async (page) => {
|
run: async (page) => {
|
||||||
await page.waitForSelector('[data-test="search-ask-answer"]');
|
await expect(page.getByTestId('search-ask-answer')).toBeVisible({
|
||||||
|
timeout: 15_000,
|
||||||
|
});
|
||||||
},
|
},
|
||||||
screenshot: false,
|
screenshot: false,
|
||||||
},
|
},
|
||||||
@@ -309,6 +282,9 @@ const testCases: TestsCase[] = [
|
|||||||
{
|
{
|
||||||
name: 'PDF',
|
name: 'PDF',
|
||||||
url: '~gitbook/pdf?limit=10',
|
url: '~gitbook/pdf?limit=10',
|
||||||
|
screenshot: {
|
||||||
|
waitForTOCScrolling: false,
|
||||||
|
},
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -331,11 +307,38 @@ const testCases: TestsCase[] = [
|
|||||||
url: 'blocks/block-images',
|
url: 'blocks/block-images',
|
||||||
run: waitForCookiesDialog,
|
run: waitForCookiesDialog,
|
||||||
fullPage: true,
|
fullPage: true,
|
||||||
|
screenshot: { threshold: 0.8 },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Images (with zoom)',
|
||||||
|
url: 'blocks/block-images',
|
||||||
|
run: async (page) => {
|
||||||
|
await waitForCookiesDialog(page);
|
||||||
|
const zoomImage = page.getByTestId('zoom-image');
|
||||||
|
await zoomImage.first().click();
|
||||||
|
await expect(page.getByTestId('zoom-image-modal')).toBeVisible();
|
||||||
|
},
|
||||||
|
fullPage: true,
|
||||||
|
screenshot: { threshold: 0.8 },
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Inline Images',
|
name: 'Inline Images',
|
||||||
url: 'blocks/inline-images',
|
url: 'blocks/inline-images',
|
||||||
run: waitForCookiesDialog,
|
run: async (page) => {
|
||||||
|
await waitForCookiesDialog(page);
|
||||||
|
// Make the text invisible to fix flakiness due to the text position.
|
||||||
|
await page.evaluate(() => {
|
||||||
|
for (const p of document.querySelectorAll('p')) {
|
||||||
|
if (
|
||||||
|
p.textContent?.includes(
|
||||||
|
'This image has intrinsic 400px width, but renders as 300px:',
|
||||||
|
)
|
||||||
|
) {
|
||||||
|
p.style.color = 'transparent';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Tabs',
|
name: 'Tabs',
|
||||||
@@ -406,6 +409,18 @@ const testCases: TestsCase[] = [
|
|||||||
{
|
{
|
||||||
name: 'Math',
|
name: 'Math',
|
||||||
url: 'blocks/math',
|
url: 'blocks/math',
|
||||||
|
run: async (page) => {
|
||||||
|
await page.waitForFunction(() => {
|
||||||
|
const fonts = Array.from(document.fonts.values());
|
||||||
|
const mjxFonts = fonts.filter(
|
||||||
|
(font) => font.family === 'MJXZERO' || font.family === 'MJXTEX',
|
||||||
|
);
|
||||||
|
return (
|
||||||
|
mjxFonts.length === 2 &&
|
||||||
|
mjxFonts.every((font) => font.status === 'loaded')
|
||||||
|
);
|
||||||
|
});
|
||||||
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Files',
|
name: 'Files',
|
||||||
@@ -459,6 +474,9 @@ const testCases: TestsCase[] = [
|
|||||||
name: 'With cover and no TOC',
|
name: 'With cover and no TOC',
|
||||||
url: 'page-options/page-with-cover-and-no-toc',
|
url: 'page-options/page-with-cover-and-no-toc',
|
||||||
run: waitForCookiesDialog,
|
run: waitForCookiesDialog,
|
||||||
|
screenshot: {
|
||||||
|
waitForTOCScrolling: false,
|
||||||
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'With icon',
|
name: 'With icon',
|
||||||
@@ -470,23 +488,23 @@ const testCases: TestsCase[] = [
|
|||||||
{
|
{
|
||||||
name: 'Customization',
|
name: 'Customization',
|
||||||
baseUrl: 'https://gitbook.gitbook.io/test-gitbook-open/',
|
baseUrl: 'https://gitbook.gitbook.io/test-gitbook-open/',
|
||||||
tests: allThemeModes.flatMap((theme) => [
|
tests: allThemeModes.flatMap((themeMode) => [
|
||||||
{
|
{
|
||||||
name: `Without header - Theme ${theme}`,
|
name: `Without header - Theme mode ${themeMode}`,
|
||||||
url: getCustomizationURL({
|
url: getCustomizationURL({
|
||||||
header: {
|
header: {
|
||||||
preset: CustomizationHeaderPreset.None,
|
preset: CustomizationHeaderPreset.None,
|
||||||
links: [],
|
links: [],
|
||||||
},
|
},
|
||||||
themes: {
|
themes: {
|
||||||
default: theme,
|
default: themeMode,
|
||||||
toggeable: false,
|
toggeable: false,
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
run: waitForCookiesDialog,
|
run: waitForCookiesDialog,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: `With duotone icons - Theme ${theme}`,
|
name: `With duotone icons - Theme mode ${themeMode}`,
|
||||||
url:
|
url:
|
||||||
'page-options/page-with-icon' +
|
'page-options/page-with-icon' +
|
||||||
getCustomizationURL({
|
getCustomizationURL({
|
||||||
@@ -494,66 +512,70 @@ const testCases: TestsCase[] = [
|
|||||||
icons: CustomizationIconsStyle.Duotone,
|
icons: CustomizationIconsStyle.Duotone,
|
||||||
},
|
},
|
||||||
themes: {
|
themes: {
|
||||||
default: theme,
|
default: themeMode,
|
||||||
toggeable: false,
|
toggeable: false,
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
run: waitForCookiesDialog,
|
run: waitForCookiesDialog,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: `With header buttons - Theme ${theme}`,
|
name: `With header buttons - Theme mode ${themeMode}`,
|
||||||
url: getCustomizationURL({
|
url: getCustomizationURL({
|
||||||
header: {
|
header: {
|
||||||
preset: CustomizationHeaderPreset.Default,
|
preset: CustomizationHeaderPreset.Default,
|
||||||
links: [
|
links: headerLinks,
|
||||||
{
|
|
||||||
title: 'Secondary button',
|
|
||||||
to: { kind: 'url', url: 'https://www.gitbook.com' },
|
|
||||||
style: 'button-secondary',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Primary button',
|
|
||||||
to: { kind: 'url', url: 'https://www.gitbook.com' },
|
|
||||||
style: 'button-primary',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
themes: {
|
themes: {
|
||||||
default: theme,
|
default: themeMode,
|
||||||
toggeable: false,
|
toggeable: false,
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
run: waitForCookiesDialog,
|
run: waitForCookiesDialog,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: `Without tint - Default preset - Theme ${theme}`,
|
name: `Without tint - Default preset - Theme mode ${themeMode}`,
|
||||||
url: getCustomizationURL({
|
url: getCustomizationURL({
|
||||||
header: {
|
header: {
|
||||||
preset: CustomizationHeaderPreset.Default,
|
preset: CustomizationHeaderPreset.Default,
|
||||||
links: [
|
links: headerLinks,
|
||||||
{
|
|
||||||
title: 'Secondary button',
|
|
||||||
to: { kind: 'url', url: 'https://www.gitbook.com' },
|
|
||||||
style: 'button-secondary',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Primary button',
|
|
||||||
to: { kind: 'url', url: 'https://www.gitbook.com' },
|
|
||||||
style: 'button-primary',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
themes: {
|
themes: {
|
||||||
default: theme,
|
default: themeMode,
|
||||||
toggeable: false,
|
toggeable: false,
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
run: waitForCookiesDialog,
|
run: waitForCookiesDialog,
|
||||||
},
|
},
|
||||||
// Theme-specific tests
|
// New site themes
|
||||||
...allThemePresets.flatMap((preset) => [
|
...allThemes.flatMap((theme) => [
|
||||||
|
...allTintColors.flatMap((tint) => [
|
||||||
|
...allSidebarBackgroundStyles.flatMap((sidebarStyle) => ({
|
||||||
|
name: `Theme ${theme} - Tint ${tint.label} - Sidebar ${sidebarStyle} - Mode ${themeMode}`,
|
||||||
|
url: getCustomizationURL({
|
||||||
|
styling: {
|
||||||
|
theme,
|
||||||
|
...(tint.value ? { tint: { color: tint.value } } : {}),
|
||||||
|
sidebar: {
|
||||||
|
background: sidebarStyle,
|
||||||
|
list: CustomizationSidebarListStyle.Default,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
header: {
|
||||||
|
links: headerLinks,
|
||||||
|
},
|
||||||
|
themes: {
|
||||||
|
default: themeMode,
|
||||||
|
toggeable: false,
|
||||||
|
},
|
||||||
|
}),
|
||||||
|
run: waitForCookiesDialog,
|
||||||
|
})),
|
||||||
|
]),
|
||||||
|
]),
|
||||||
|
// Deprecated header themes
|
||||||
|
...allDeprecatedThemePresets.flatMap((preset) => [
|
||||||
...allSidebarBackgroundStyles.flatMap((sidebarStyle) => ({
|
...allSidebarBackgroundStyles.flatMap((sidebarStyle) => ({
|
||||||
name: `With tint - Preset ${preset} - Sidebar ${sidebarStyle} - Theme ${theme}`,
|
name: `With tint - Legacy header preset ${preset} - Sidebar ${sidebarStyle} - Theme mode ${themeMode}`,
|
||||||
url: getCustomizationURL({
|
url: getCustomizationURL({
|
||||||
styling: {
|
styling: {
|
||||||
tint: { color: { light: '#346DDB', dark: '#346DDB' } },
|
tint: { color: { light: '#346DDB', dark: '#346DDB' } },
|
||||||
@@ -570,21 +592,10 @@ const testCases: TestsCase[] = [
|
|||||||
linkColor: { light: '#4DDE98', dark: '#0C693D' },
|
linkColor: { light: '#4DDE98', dark: '#0C693D' },
|
||||||
}
|
}
|
||||||
: {}),
|
: {}),
|
||||||
links: [
|
links: headerLinks,
|
||||||
{
|
|
||||||
title: 'Secondary button',
|
|
||||||
to: { kind: 'url', url: 'https://www.gitbook.com' },
|
|
||||||
style: 'button-secondary',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Primary button',
|
|
||||||
to: { kind: 'url', url: 'https://www.gitbook.com' },
|
|
||||||
style: 'button-primary',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
themes: {
|
themes: {
|
||||||
default: theme,
|
default: themeMode,
|
||||||
toggeable: false,
|
toggeable: false,
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
@@ -592,28 +603,17 @@ const testCases: TestsCase[] = [
|
|||||||
})),
|
})),
|
||||||
]),
|
]),
|
||||||
{
|
{
|
||||||
name: `With tint - Legacy background match - Theme ${theme}`,
|
name: `With tint - Legacy background match - Theme mode ${themeMode}`,
|
||||||
url: getCustomizationURL({
|
url: getCustomizationURL({
|
||||||
styling: {
|
styling: {
|
||||||
background: CustomizationBackground.Match,
|
background: CustomizationBackground.Match,
|
||||||
},
|
},
|
||||||
header: {
|
header: {
|
||||||
preset: CustomizationHeaderPreset.Default,
|
preset: CustomizationHeaderPreset.Default,
|
||||||
links: [
|
links: headerLinks,
|
||||||
{
|
|
||||||
title: 'Secondary button',
|
|
||||||
to: { kind: 'url', url: 'https://www.gitbook.com' },
|
|
||||||
style: 'button-secondary',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Primary button',
|
|
||||||
to: { kind: 'url', url: 'https://www.gitbook.com' },
|
|
||||||
style: 'button-primary',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
themes: {
|
themes: {
|
||||||
default: theme,
|
default: themeMode,
|
||||||
toggeable: false,
|
toggeable: false,
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
@@ -642,11 +642,14 @@ const testCases: TestsCase[] = [
|
|||||||
run: async (page) => {
|
run: async (page) => {
|
||||||
const sharedSpaceLink = page.locator('a.underline');
|
const sharedSpaceLink = page.locator('a.underline');
|
||||||
await sharedSpaceLink.click();
|
await sharedSpaceLink.click();
|
||||||
expect(page.locator('h1')).toHaveText('shared');
|
await expect(
|
||||||
|
page.getByRole('heading', { level: 1, name: 'shared' }),
|
||||||
|
).toBeVisible();
|
||||||
const url = page.url();
|
const url = page.url();
|
||||||
expect(url.includes('shared-space-uno')).toBeTruthy(); // same uno site
|
expect(url.includes('shared-space-uno')).toBeTruthy(); // same uno site
|
||||||
expect(url.endsWith('/shared')).toBeTruthy(); // correct page
|
expect(url.endsWith('/shared')).toBeTruthy(); // correct page
|
||||||
},
|
},
|
||||||
|
screenshot: false,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -658,13 +661,15 @@ const testCases: TestsCase[] = [
|
|||||||
name: 'Navigation to shared space',
|
name: 'Navigation to shared space',
|
||||||
url: '',
|
url: '',
|
||||||
run: async (page) => {
|
run: async (page) => {
|
||||||
const sharedSpaceLink = page.locator('a.underline');
|
await page.locator('a.underline').click();
|
||||||
await sharedSpaceLink.click();
|
await expect(
|
||||||
expect(page.locator('h1')).toHaveText('shared');
|
page.getByRole('heading', { level: 1, name: 'shared' }),
|
||||||
|
).toBeVisible();
|
||||||
const url = page.url();
|
const url = page.url();
|
||||||
expect(url.includes('shared-space-dos')).toBeTruthy(); // same dos site
|
expect(url.includes('shared-space-dos')).toBeTruthy(); // same dos site
|
||||||
expect(url.endsWith('/shared')).toBeTruthy(); // correct page
|
expect(url.endsWith('/shared')).toBeTruthy(); // correct page
|
||||||
},
|
},
|
||||||
|
screenshot: false,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -678,6 +683,7 @@ const testCases: TestsCase[] = [
|
|||||||
run: async (page) => {
|
run: async (page) => {
|
||||||
await expect(page.locator('h1')).toHaveText('SSO');
|
await expect(page.locator('h1')).toHaveText('SSO');
|
||||||
},
|
},
|
||||||
|
screenshot: false,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -697,6 +703,7 @@ const testCases: TestsCase[] = [
|
|||||||
page.getByText('Authentication missing to access this content'),
|
page.getByText('Authentication missing to access this content'),
|
||||||
).toBeVisible();
|
).toBeVisible();
|
||||||
},
|
},
|
||||||
|
screenshot: false,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -719,7 +726,12 @@ const testCases: TestsCase[] = [
|
|||||||
);
|
);
|
||||||
return `first?jwt_token=${token}`;
|
return `first?jwt_token=${token}`;
|
||||||
})(),
|
})(),
|
||||||
run: waitForCookiesDialog,
|
run: async (page) => {
|
||||||
|
await expect(
|
||||||
|
page.getByRole('heading', { level: 1, name: 'first' }),
|
||||||
|
).toBeVisible();
|
||||||
|
},
|
||||||
|
screenshot: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Second',
|
name: 'Second',
|
||||||
@@ -736,7 +748,12 @@ const testCases: TestsCase[] = [
|
|||||||
);
|
);
|
||||||
return `second?jwt_token=${token}`;
|
return `second?jwt_token=${token}`;
|
||||||
})(),
|
})(),
|
||||||
run: waitForCookiesDialog,
|
run: async (page) => {
|
||||||
|
await expect(
|
||||||
|
page.getByRole('heading', { level: 1, name: 'second' }),
|
||||||
|
).toBeVisible();
|
||||||
|
},
|
||||||
|
screenshot: false,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -850,7 +867,12 @@ const testCases: TestsCase[] = [
|
|||||||
);
|
);
|
||||||
return `first?jwt_token=${token}`;
|
return `first?jwt_token=${token}`;
|
||||||
})(),
|
})(),
|
||||||
run: waitForCookiesDialog,
|
run: async (page) => {
|
||||||
|
await expect(
|
||||||
|
page.getByRole('heading', { level: 1, name: 'first' }),
|
||||||
|
).toBeVisible();
|
||||||
|
},
|
||||||
|
screenshot: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Custom page',
|
name: 'Custom page',
|
||||||
@@ -1326,110 +1348,4 @@ const testCases: TestsCase[] = [
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
for (const testCase of testCases) {
|
runTestCases(testCases);
|
||||||
test.describe(testCase.name, () => {
|
|
||||||
for (const testEntry of testCase.tests) {
|
|
||||||
const testFn = testEntry.only ? test.only : test;
|
|
||||||
testFn(testEntry.name, async ({ page, baseURL, context }) => {
|
|
||||||
const contentUrl = new URL(testEntry.url, testCase.baseUrl);
|
|
||||||
const url = getContentTestURL(contentUrl.toString(), baseURL);
|
|
||||||
if (testEntry.cookies) {
|
|
||||||
await context.addCookies(
|
|
||||||
testEntry.cookies.map((cookie) => ({
|
|
||||||
...cookie,
|
|
||||||
domain: new URL(url).host,
|
|
||||||
path: '/',
|
|
||||||
})),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
await page.goto(url);
|
|
||||||
if (testEntry.run) {
|
|
||||||
await testEntry.run(page);
|
|
||||||
}
|
|
||||||
if (testEntry.screenshot !== false) {
|
|
||||||
await argosScreenshot(page, `${testCase.name} - ${testEntry.name}`, {
|
|
||||||
viewports: ['macbook-16', 'macbook-13', 'iphone-x', 'ipad-2'],
|
|
||||||
argosCSS: `
|
|
||||||
/* Hide Intercom */
|
|
||||||
.intercom-lightweight-app {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
`,
|
|
||||||
fullPage: testEntry.fullPage ?? false,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Create a URL with customization settings.
|
|
||||||
*/
|
|
||||||
function getCustomizationURL(partial: DeepPartial<SiteCustomizationSettings>): string {
|
|
||||||
/**
|
|
||||||
* Default customization settings.
|
|
||||||
*
|
|
||||||
* The customization object passed to the URL should be a valid API settings object. Hence we extend the test with necessary defaults.
|
|
||||||
*/
|
|
||||||
const DEFAULT_CUSTOMIZATION: SiteCustomizationSettings = {
|
|
||||||
styling: {
|
|
||||||
primaryColor: { light: '#346DDB', dark: '#346DDB' },
|
|
||||||
corners: CustomizationCorners.Rounded,
|
|
||||||
font: CustomizationFont.Inter,
|
|
||||||
background: CustomizationBackground.Plain,
|
|
||||||
icons: CustomizationIconsStyle.Regular,
|
|
||||||
sidebar: {
|
|
||||||
background: CustomizationSidebarBackgroundStyle.Default,
|
|
||||||
list: CustomizationSidebarListStyle.Default,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
internationalization: {
|
|
||||||
locale: CustomizationLocale.En,
|
|
||||||
},
|
|
||||||
favicon: {},
|
|
||||||
header: {
|
|
||||||
preset: CustomizationHeaderPreset.Default,
|
|
||||||
links: [],
|
|
||||||
},
|
|
||||||
footer: {
|
|
||||||
groups: [],
|
|
||||||
},
|
|
||||||
themes: {
|
|
||||||
default: CustomizationThemeMode.Light,
|
|
||||||
toggeable: true,
|
|
||||||
},
|
|
||||||
pdf: {
|
|
||||||
enabled: true,
|
|
||||||
},
|
|
||||||
feedback: {
|
|
||||||
enabled: false,
|
|
||||||
},
|
|
||||||
aiSearch: {
|
|
||||||
enabled: true,
|
|
||||||
},
|
|
||||||
advancedCustomization: {
|
|
||||||
enabled: true,
|
|
||||||
},
|
|
||||||
git: {
|
|
||||||
showEditLink: false,
|
|
||||||
},
|
|
||||||
pagination: {
|
|
||||||
enabled: true,
|
|
||||||
},
|
|
||||||
trademark: {
|
|
||||||
enabled: true,
|
|
||||||
},
|
|
||||||
privacyPolicy: {
|
|
||||||
url: 'https://www.gitbook.com/privacy',
|
|
||||||
},
|
|
||||||
socialPreview: {},
|
|
||||||
};
|
|
||||||
|
|
||||||
const encoded = rison.encode_object(deepMerge(DEFAULT_CUSTOMIZATION, partial));
|
|
||||||
|
|
||||||
const searchParams = new URLSearchParams();
|
|
||||||
searchParams.set('customization', encoded);
|
|
||||||
|
|
||||||
return `?${searchParams.toString()}`;
|
|
||||||
}
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user