Fix policy overview index

Author: dan-lee

package-lock.json

@@ -30,7 +30,7 @@
     "posthog-js": "^1.205.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "zudoku": "^0.32.3"
+    "zudoku": "^0.33.0"
   },
   "devDependencies": {
     "@types/json-schema": "7.0.15",

package.json

@@ -351,7 +351,7 @@ In addition to the built-in policies, Zuplo is [fully programmable](/docs/polici
 
 await fs.mkdir(policyDir, { recursive: true });
 await fs.writeFile(
-  path.join(policyDir, "index.mdx"),
+  path.join(policyDir, "overview.mdx"),
   await prettier.format(policyIndex, { parser: "mdx" }),
 );
 

scripts/generate-policies.ts

@@ -389,7 +389,7 @@ export const policies: SidebarEntry = [
   {
     type: "category",
     label: "Overview",
-    items: ["policies/index", "articles/policies"],
+    items: ["policies/overview", "articles/policies"],
   },
   {
     type: "category",

sidebar.ts

@@ -52,7 +52,7 @@
     "icon": "blocks",
     "items": [
       "dev-portal/zudoku/custom-plugins",
-      "dev-portal/zudoku/api-keys"
+      "dev-portal/zudoku/extending/events"
     ]
   },
   {
@@ -62,9 +62,10 @@
     "items": [
       "dev-portal/zudoku/components/callout",
       "dev-portal/zudoku/components/icons",
-      "dev-portal/zudoku/components/shadcn",
+      "dev-portal/zudoku/components/stepper",
+      "dev-portal/zudoku/components/syntax-highlight",
       "dev-portal/zudoku/components/playground",
-      "dev-portal/zudoku/components/syntax-highlight"
+      "dev-portal/zudoku/components/shadcn"
     ]
   }
 ]

sidebar.zudoku.json

@@ -26,7 +26,10 @@ export const mdxComponents = {
     />
   ),
   img: (props: any) => {
+    let srcSet;
+
     if (
+      process.env.NODE_ENV === "production" &&
       props.src &&
       !props.srcSet &&
       !props.src.endsWith(".svg") &&
@@ -37,7 +40,7 @@ export const mdxComponents = {
           ? new URL(props.src).pathname
           : props.src;
 
-        props.srcSet = [
+        srcSet = [
           `https://cdn.zuplo.com/cdn-cgi/image/fit=contain,width=640,format=auto${path}   640w`,
           `https://cdn.zuplo.com/cdn-cgi/image/fit=contain,width=960,format=auto${path}   960w`,
           `https://cdn.zuplo.com/cdn-cgi/image/fit=contain,width=1280,format=auto${path} 1280w`,
@@ -48,7 +51,7 @@ export const mdxComponents = {
       }
     }
 
-    return <img {...props} />;
+    return <img {...props} srcSet={srcSet} />;
   },
   PolicyOverview,
   EnterpriseFeature,

src/components.tsx

@@ -460,7 +460,12 @@
     },
     {
       "source": "/docs/overview/policies{/}?",
-      "destination": "/docs/policies/index",
+      "destination": "/docs/policies/overview",
+      "permanent": true
+    },
+    {
+      "source": "/docs/policies/index{/}?",
+      "destination": "/docs/policies/overview",
       "permanent": true
     },
     {

vercel.json

@@ -30,6 +30,10 @@ const config: ZudokuConfig = {
       from: "/",
       to: "/articles/what-is-zuplo",
     },
+    {
+      from: "/policies/index",
+      to: "/policies/overview",
+    },
   ],
   theme: {
     dark: {