Fix policy overview index (#519)

Author: dan-lee

scripts/generate-policies.ts

@@ -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" }),
 );
 

sidebar.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",

src/components.tsx

@@ -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,

vercel.json

@@ -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
     },
     {

zudoku.config.tsx

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