Add Pro chart docs previews

Author: iexitdev

.github/workflows/site.yml

@@ -0,0 +1,47 @@
+name: Site
+
+on:
+  workflow_dispatch:
+  push:
+    branches:
+      - master
+      - next
+    paths:
+      - ".github/workflows/site.yml"
+      - "apps/site/**"
+      - "docs/**"
+      - "packages/**"
+      - "package-lock.json"
+      - "package.json"
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v5
+
+      - name: Setup Node
+        uses: actions/setup-node@v5
+        with:
+          node-version: 22
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci --ignore-scripts
+
+      - name: Install Pro docs package
+        env:
+          CHART_KIT_PRO_NPM_TOKEN: ${{ secrets.CHART_KIT_PRO_NPM_TOKEN }}
+        run: |
+          if [ -n "$CHART_KIT_PRO_NPM_TOKEN" ]; then
+            npm config set //registry.npmjs.org/:_authToken "$CHART_KIT_PRO_NPM_TOKEN"
+            npm install --no-save --package-lock=false --ignore-scripts @chart-kit/pro
+            echo "CHART_KIT_PRO_DOCS=true" >> "$GITHUB_ENV"
+          else
+            echo "CHART_KIT_PRO_NPM_TOKEN is not set; building with local Pro docs stubs."
+          fi
+
+      - name: Build site
+        run: npm run site:build

apps/site/astro.config.mjs

@@ -25,6 +25,15 @@ const expoVectorIconsStub = localSource(
 const svgTransformParserStub = localSource(
   "./src/previews/svgTransformParserStub.ts"
 );
+const useRealProCharts = process.env.CHART_KIT_PRO_DOCS === "true";
+const chartKitProAliases = useRealProCharts
+  ? []
+  : [
+      {
+        find: /^@chart-kit\/pro$/,
+        replacement: localSource("./src/previews/proStub.tsx")
+      }
+    ];
 
 const chartKitPreviewWebAliases = () => ({
   name: "chart-kit-preview-web-aliases",
@@ -95,6 +104,14 @@ export default defineConfig({
             { slug: docsSlug("charts/contribution-heatmap") }
           ]
         },
+        {
+          label: "Pro Charts",
+          items: [
+            { slug: docsSlug("charts/candlebar") },
+            { slug: docsSlug("charts/radar") },
+            { slug: docsSlug("charts/combo") }
+          ]
+        },
         {
           label: "Guides",
           items: [
@@ -125,6 +142,7 @@ export default defineConfig({
         "react-native",
         "react-native-chart-kit",
         "react-native-chart-kit/v2",
+        "@chart-kit/pro",
         "react-native-gesture-handler",
         "react-native-svg"
       ]
@@ -147,6 +165,7 @@ export default defineConfig({
           find: /^@chart-kit\/svg-renderer$/,
           replacement: packageSource("svg-renderer/src/index.ts")
         },
+        ...chartKitProAliases,
         {
           find: /^react-native$/,
           replacement: reactNativeWebStub