fix: security spacedf docs

next-env.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
 import "./.next/dev/types/routes.d.ts";
+import "./.next/dev/types/root-params.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package.json

@@ -2,6 +2,23 @@
   "name": "example-docs",
   "license": "MIT",
   "private": true,
+  "resolutions": {
+    "@isaacs/brace-expansion": "^5.0.1",
+    "@xmldom/xmldom": "^0.9.12",
+    "baseline-browser-mapping": "^2.11.24",
+    "dompurify": "^3.4.15",
+    "js-yaml": "^3.15.2",
+    "lodash-es": "^4.18.1",
+    "mermaid": "^11.16.1",
+    "minimatch": "^10.2.3",
+    "nanoid": "^3.3.18",
+    "nextra/fast-glob/micromatch/picomatch": "^2.3.2",
+    "nextra/ts-morph/@ts-morph/common/tinyglobby/picomatch": "^4.0.4",
+    "postcss": "^8.5.23",
+    "sharp": "^0.35.4",
+    "uuid": "^11.1.1",
+    "yaml": "^2.8.3"
+  },
   "scripts": {
     "build": "next build --webpack",
     "dev": "next",
@@ -18,7 +35,7 @@
     "clsx": "^2.1.1",
     "dayjs": "^1.11.19",
     "lucide-react": "^0.563.0",
-    "next": "^16.0.7",
+    "next": "16.3.5",
     "nextra": "^4.6.1",
     "nextra-theme-docs": "^4.6.1",
     "postcss": "^8.5.6",

src/app/blog/(post)/v2026.02.13/page.jsx

@@ -0,0 +1,16 @@
+import { useMDXComponents as getMDXComponents } from '../../../../../mdx-components'
+import Content, { metadata, toc, sourceCode } from './content.mdx'
+
+const Wrapper = getMDXComponents().wrapper
+
+export function generateMetadata() {
+  return metadata
+}
+
+export default function Page() {
+  return (
+    <Wrapper toc={toc} metadata={metadata} sourceCode={sourceCode}>
+      <Content />
+    </Wrapper>
+  )
+}

src/app/blog/(post)/v2026.03.20/page.jsx

@@ -0,0 +1,16 @@
+import { useMDXComponents as getMDXComponents } from '../../../../../mdx-components'
+import Content, { metadata, toc, sourceCode } from './content.mdx'
+
+const Wrapper = getMDXComponents().wrapper
+
+export function generateMetadata() {
+  return metadata
+}
+
+export default function Page() {
+  return (
+    <Wrapper toc={toc} metadata={metadata} sourceCode={sourceCode}>
+      <Content />
+    </Wrapper>
+  )
+}

src/app/blog/(post)/v2026.04.03/page.jsx

@@ -0,0 +1,16 @@
+import { useMDXComponents as getMDXComponents } from '../../../../../mdx-components'
+import Content, { metadata, toc, sourceCode } from './content.mdx'
+
+const Wrapper = getMDXComponents().wrapper
+
+export function generateMetadata() {
+  return metadata
+}
+
+export default function Page() {
+  return (
+    <Wrapper toc={toc} metadata={metadata} sourceCode={sourceCode}>
+      <Content />
+    </Wrapper>
+  )
+}

src/app/blog/(post)/v2026.04.17/page.jsx

@@ -0,0 +1,16 @@
+import { useMDXComponents as getMDXComponents } from '../../../../../mdx-components'
+import Content, { metadata, toc, sourceCode } from './content.mdx'
+
+const Wrapper = getMDXComponents().wrapper
+
+export function generateMetadata() {
+  return metadata
+}
+
+export default function Page() {
+  return (
+    <Wrapper toc={toc} metadata={metadata} sourceCode={sourceCode}>
+      <Content />
+    </Wrapper>
+  )
+}

src/app/blog/BlogPage.jsx

@@ -11,7 +11,7 @@ const getBlogs = async () => {
   const files = fs.readdirSync(DOCS_DIR)
 
   for (const file of files) {
-    const fullPath = path.join(DOCS_DIR, file, "page.mdx")
+    const fullPath = path.join(DOCS_DIR, file, "content.mdx")
     const raw = fs.readFileSync(fullPath, "utf-8")
 
     if (!raw) continue

src/app/blog/page.jsx

@@ -0,0 +1,16 @@
+import { useMDXComponents as getMDXComponents } from '../../../mdx-components'
+import Content, { metadata, toc, sourceCode } from './content.mdx'
+
+const Wrapper = getMDXComponents().wrapper
+
+export function generateMetadata() {
+  return metadata
+}
+
+export default function Page() {
+  return (
+    <Wrapper toc={toc} metadata={metadata} sourceCode={sourceCode}>
+      <Content />
+    </Wrapper>
+  )
+}

src/app/community/page.jsx

@@ -0,0 +1,16 @@
+import { useMDXComponents as getMDXComponents } from '../../../mdx-components'
+import Content, { metadata, toc, sourceCode } from './content.mdx'
+
+const Wrapper = getMDXComponents().wrapper
+
+export function generateMetadata() {
+  return metadata
+}
+
+export default function Page() {
+  return (
+    <Wrapper toc={toc} metadata={metadata} sourceCode={sourceCode}>
+      <Content />
+    </Wrapper>
+  )
+}

src/app/page.jsx

@@ -0,0 +1,16 @@
+import { useMDXComponents as getMDXComponents } from '../../mdx-components'
+import Content, { metadata, toc, sourceCode } from './content.mdx'
+
+const Wrapper = getMDXComponents().wrapper
+
+export function generateMetadata() {
+  return metadata
+}
+
+export default function Page() {
+  return (
+    <Wrapper toc={toc} metadata={metadata} sourceCode={sourceCode}>
+      <Content />
+    </Wrapper>
+  )
+}

src/app/troubleshooting/index.jsx

@@ -20,7 +20,7 @@ const getTroubleshootingFiles = async () => {
   const walk = (dir) => {
     const files = fs.readdirSync(dir)
     for (const file of files) {
-      const fullPath = path.join(dir, file, "page.mdx")
+      const fullPath = path.join(dir, file, "content.mdx")
 
       const raw = fs.readFileSync(fullPath, "utf-8")
       const stats = fs.statSync(fullPath)

src/app/troubleshooting/issues/aws-s3-ses-access-denied/page.jsx

@@ -0,0 +1,16 @@
+import { useMDXComponents as getMDXComponents } from '../../../../../mdx-components'
+import Content, { metadata, toc, sourceCode } from './content.mdx'
+
+const Wrapper = getMDXComponents().wrapper
+
+export function generateMetadata() {
+  return metadata
+}
+
+export default function Page() {
+  return (
+    <Wrapper toc={toc} metadata={metadata} sourceCode={sourceCode}>
+      <Content />
+    </Wrapper>
+  )
+}

src/app/troubleshooting/issues/google-oauth-redirect-uri-mismatch/page.jsx

@@ -0,0 +1,16 @@
+import { useMDXComponents as getMDXComponents } from '../../../../../mdx-components'
+import Content, { metadata, toc, sourceCode } from './content.mdx'
+
+const Wrapper = getMDXComponents().wrapper
+
+export function generateMetadata() {
+  return metadata
+}
+
+export default function Page() {
+  return (
+    <Wrapper toc={toc} metadata={metadata} sourceCode={sourceCode}>
+      <Content />
+    </Wrapper>
+  )
+}

src/app/troubleshooting/issues/rabbitmq-existing-setup-with-different-credentials/page.jsx

@@ -0,0 +1,16 @@
+import { useMDXComponents as getMDXComponents } from '../../../../../mdx-components'
+import Content, { metadata, toc, sourceCode } from './content.mdx'
+
+const Wrapper = getMDXComponents().wrapper
+
+export function generateMetadata() {
+  return metadata
+}
+
+export default function Page() {
+  return (
+    <Wrapper toc={toc} metadata={metadata} sourceCode={sourceCode}>
+      <Content />
+    </Wrapper>
+  )
+}

src/app/troubleshooting/page.jsx

@@ -0,0 +1,16 @@
+import { useMDXComponents as getMDXComponents } from '../../../mdx-components'
+import Content, { metadata, toc, sourceCode } from './content.mdx'
+
+const Wrapper = getMDXComponents().wrapper
+
+export function generateMetadata() {
+  return metadata
+}
+
+export default function Page() {
+  return (
+    <Wrapper toc={toc} metadata={metadata} sourceCode={sourceCode}>
+      <Content />
+    </Wrapper>
+  )
+}

src/lib/version.ts

@@ -21,7 +21,7 @@ export const getLatestVersion = async (): Promise<LatestVersion | null> => {
   const folders = fs.readdirSync(POSTS_DIR)
 
   for (const folder of folders) {
-    const fullPath = path.join(POSTS_DIR, folder, "page.mdx")
+    const fullPath = path.join(POSTS_DIR, folder, "content.mdx")
     if (!fs.existsSync(fullPath)) continue
 
     const raw = fs.readFileSync(fullPath, "utf-8")

tsconfig.json

@@ -1,21 +1,27 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": false,
     "noEmit": true,
     "incremental": true,
     "module": "esnext",
     "esModuleInterop": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "react-jsx",
     "baseUrl": ".",
     "paths": {
-      "@/*": ["src/*"]
+      "@/*": [
+        "src/*"
+      ]
     },
     "plugins": [
       {
@@ -36,5 +42,7 @@
     "src/app/_components/CardInfo.jsx",
     "src/app/troubleshooting/_containers/index.jsx"
   ],
-  "exclude": ["node_modules"]
+  "exclude": [
+    "node_modules"
+  ]
 }