Debug meta issues again

tstirrat15 · tstirrat15 · commit 977f297481dc · 2025-12-05T17:51:59.000-07:00
diff --git a/app/authzed/api/_meta.ts b/app/authzed/api/_meta.ts
@@ -1,15 +1,15 @@
+import type { MetaRecord } from 'nextra'
+
 export default {
   "grpc-api": {
     title: "gRPC API Reference",
     href: "https://buf.build/authzed/api/docs/main:authzed.api.v1",
-    newWindow: true,
   },
   "http-api": {
     title: "HTTP API Reference",
   },
   "cloud-api": {
     title: "Cloud API Reference",
     href: "https://www.postman.com/authzed/spicedb/collection/5fm402n/authzed-cloud-api",
-    newWindow: true,
   },
-};
+} satisfies MetaRecord;
diff --git a/app/authzed/api/http-api/page.mdx b/app/authzed/api/http-api/page.mdx
@@ -1,4 +1,4 @@
-import { Swagger } from "../../../components/swagger";
+import { Swagger } from "@/components/swagger";
 
 # HTTP API Documentation
 
diff --git a/app/authzed/concepts/workload-isolation/page.mdx b/app/authzed/concepts/workload-isolation/page.mdx
@@ -1,4 +1,4 @@
-import YouTube from "react-youtube";
+import YouTube from "@/components/youtube-wrapper";
 
 # Workload Isolation
 
diff --git a/app/authzed/guides/cloud/page.mdx b/app/authzed/guides/cloud/page.mdx
@@ -1,5 +1,5 @@
 import { Callout } from "nextra/components";
-import YouTube from "react-youtube";
+import YouTube from "@/components/youtube-wrapper";
 
 # Getting Started with AuthZed Cloud
 
diff --git a/app/authzed/links/_meta.ts b/app/authzed/links/_meta.ts
@@ -1,22 +1,20 @@
+import type { MetaRecord } from 'nextra'
+
 export default {
   schedule: {
     title: "Schedule a Call",
     href: "https://authzed.com/call?utm_source=docs",
-    newWindow: true,
   },
   changelog: {
     title: "Changelog",
     href: "https://changelog.authzed.cloud?utm_source=docs",
-    newWindow: true,
   },
   "security-policies": {
     title: "Security Policies",
     href: "https://security.authzed.com?utm_source=docs",
-    newWindow: true,
   },
   status: {
     title: "Service Status Page",
     href: "https://status.authzed.com?utm_source=docs",
-    newWindow: true,
   },
-};
+} satisfies MetaRecord;
diff --git a/app/spicedb/api/_meta.ts b/app/spicedb/api/_meta.ts
@@ -1,15 +1,15 @@
+import type { MetaRecord } from 'nextra'
+
 export default {
   "grpc-api": {
     title: "gRPC API Reference",
     href: "https://buf.build/authzed/api/docs/main:authzed.api.v1",
-    newWindow: true,
   },
   "http-api": {
     title: "HTTP API Reference",
   },
   postman: {
     title: "Postman Collection",
     href: "https://www.postman.com/authzed/workspace/spicedb/overview",
-    newWindow: true,
   },
-};
+} satisfies MetaRecord;
diff --git a/app/spicedb/api/http-api/page.mdx b/app/spicedb/api/http-api/page.mdx
@@ -1,4 +1,4 @@
-import { Swagger } from "../../../components/swagger";
+import { Swagger } from "@/components/swagger";
 
 # HTTP API Documentation
 
diff --git a/app/spicedb/concepts/consistency/page.mdx b/app/spicedb/concepts/consistency/page.mdx
@@ -1,4 +1,4 @@
-import YouTube from "react-youtube";
+import YouTube from "@/components/youtube-wrapper";
 import { Callout } from "nextra/components";
 
 # Consistency
diff --git a/app/spicedb/concepts/schema/page.mdx b/app/spicedb/concepts/schema/page.mdx
@@ -1,5 +1,5 @@
 import { Callout } from "nextra/components";
-import YouTube from "react-youtube";
+import YouTube from "@/components/youtube-wrapper";
 import { InlinePlayground } from "@/components/playground";
 
 # Schema Language Reference
diff --git a/app/spicedb/concepts/zanzibar/page.mdx b/app/spicedb/concepts/zanzibar/page.mdx
@@ -1,4 +1,4 @@
-import YouTube from "react-youtube";
+import YouTube from "@/components/youtube-wrapper";
 import ObjectTypeDiagram from "@/public/images/object-type-regex.svg";
 import ObjectIDDiagram from "@/public/images/object-id-regex.svg";
 import { Callout } from "nextra/components";
diff --git a/app/spicedb/getting-started/first-steps/page.mdx b/app/spicedb/getting-started/first-steps/page.mdx
@@ -1,5 +1,5 @@
 import { Cards, Steps } from "nextra/components";
-import YouTube from "react-youtube";
+import YouTube from "@/components/youtube-wrapper";
 import {
   faTerminal,
   faServer,
diff --git a/app/spicedb/getting-started/install/debian/page.mdx b/app/spicedb/getting-started/install/debian/page.mdx
diff --git a/app/spicedb/getting-started/install/docker/page.mdx b/app/spicedb/getting-started/install/docker/page.mdx
diff --git a/app/spicedb/getting-started/install/kubernetes/page.mdx b/app/spicedb/getting-started/install/kubernetes/page.mdx
diff --git a/app/spicedb/getting-started/install/macos/page.mdx b/app/spicedb/getting-started/install/macos/page.mdx
diff --git a/app/spicedb/getting-started/install/rhel/page.mdx b/app/spicedb/getting-started/install/rhel/page.mdx
diff --git a/app/spicedb/getting-started/install/windows/page.mdx b/app/spicedb/getting-started/install/windows/page.mdx
diff --git a/app/spicedb/links/_meta.ts b/app/spicedb/links/_meta.ts
@@ -1,27 +1,24 @@
+import type { MetaRecord } from 'nextra'
+
 export default {
   discord: {
     title: "SpiceDB Discord",
     href: "https://authzed.com/discord",
-    newWindow: true,
   },
   discussions: {
     title: "GitHub Discussions",
     href: "https://github.com/orgs/authzed/discussions/new?category=q-a",
-    newWindow: true,
   },
   "zanzibar-paper": {
     title: "Annotated Zanzibar Paper",
     href: "https://authzed.com/zanzibar",
-    newWindow: true,
   },
   "awesome-list": {
     title: "SpiceDB Awesome List",
     href: "https://github.com/authzed/awesome-spicedb#user-content-awesome-spicedb",
-    newWindow: true,
   },
   examples: {
     title: "Community Examples",
     href: "https://github.com/authzed/examples",
-    newWindow: true,
   },
-};
+} satisfies MetaRecord;
diff --git a/app/spicedb/modeling/developing-a-schema/page.mdx b/app/spicedb/modeling/developing-a-schema/page.mdx
@@ -1,5 +1,5 @@
 import { Callout } from "nextra/components";
-import YouTube from "react-youtube";
+import YouTube from "@/components/youtube-wrapper";
 import { InlinePlayground } from "@/components/playground";
 
 # Developing a Schema
diff --git a/app/spicedb/modeling/validation-testing-debugging/page.mdx b/app/spicedb/modeling/validation-testing-debugging/page.mdx
@@ -1,5 +1,5 @@
 import { Callout } from "nextra/components";
-import YouTube from "react-youtube";
+import YouTube from "@/components/youtube-wrapper";
 
 # Validation, Testing, Debugging SpiceDB Schemas
 
diff --git a/app/spicedb/ops/eks/page.mdx b/app/spicedb/ops/eks/page.mdx
@@ -1,5 +1,5 @@
 import { Callout, Steps } from "nextra/components";
-import YouTube from "react-youtube";
+import YouTube from "@/components/youtube-wrapper";
 
 # Installing SpiceDB on Amazon EKS
 
diff --git a/app/spicedb/ops/load-testing/page.mdx b/app/spicedb/ops/load-testing/page.mdx
@@ -1,5 +1,5 @@
 import { Callout, Tabs } from "nextra/components";
-import YouTube from "react-youtube";
+import YouTube from "@/components/youtube-wrapper";
 
 import { InlinePlayground } from "@/components/playground";
 
diff --git a/app/spicedb/ops/observability/page.mdx b/app/spicedb/ops/observability/page.mdx
@@ -1,5 +1,5 @@
 import { Callout, Tabs } from "nextra/components";
-import YouTube from "react-youtube";
+import YouTube from "@/components/youtube-wrapper";
 
 # Observability Tooling
 
diff --git a/components/providers.tsx b/components/providers.tsx
@@ -2,6 +2,7 @@
 
 import posthog from "posthog-js";
 import { PostHogProvider } from "posthog-js/react";
+import type { ReactNode } from 'react';
 
 export default function Providers({ children }: { children: ReactNode }) {
   return (
diff --git a/components/youtube-wrapper.tsx b/components/youtube-wrapper.tsx
@@ -0,0 +1,8 @@
+// NOTE: this file exists because Next complains
+// that you can't use class-based components in server
+// components otherwise.
+"use client"
+
+import Youtube from 'react-youtube'
+
+export default Youtube
diff --git a/next.config.mjs b/next.config.mjs
@@ -1,29 +1,10 @@
 import nextra from "nextra";
 import { createHighlighter } from "shiki";
-import { readFileSync } from "fs";
-import { join } from "path";
-
-const authzedGrammar = JSON.parse(
-  readFileSync(
-    join(import.meta.dirname, "./grammars/authzed.tmLanguage.json"),
-    "utf8",
-  ),
-);
-const celGrammar = JSON.parse(
-  readFileSync(
-    join(import.meta.dirname, "./grammars/cel.tmLanguage.json"),
-    "utf8",
-  ),
-);
-const textProtoGrammar = JSON.parse(
-  readFileSync(
-    join(import.meta.dirname, "./grammars/textproto.tmLanguage.json"),
-    "utf8",
-  ),
-);
+import authzedGrammar from "./grammars/authzed.tmLanguage.json" with { type: "json" };
+import celGrammar from "./grammars/cel.tmLanguage.json" with { type: "json" };
+import textProtoGrammar from "./grammars/textproto.tmLanguage.json" with { type: "json" };
 
 const withNextra = nextra({
-  contentDirBasePath: '/docs',
   latex: true,
   search: { codeblocks: false },
   defaultShowCopyCode: true,
diff --git a/scripts/postbuild.sh b/scripts/postbuild.sh
@@ -6,4 +6,4 @@ set -e
 pnpm exec next-sitemap
 
 # Generate search
-pagefind --site out --output-path public/_pagefind --verbose
+pagefind --site .next/server/app --output-path public/_pagefind --verbose

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { Swagger } from "../../../components/swagger";`
	`1`	`+import { Swagger } from "@/components/swagger";`
`2`	`2`
`3`	`3`	`# HTTP API Documentation`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import YouTube from "react-youtube";`
	`1`	`+import YouTube from "@/components/youtube-wrapper";`
`2`	`2`
`3`	`3`	`# Workload Isolation`
`4`	`4`