@theguild/components 8.2.0-alpha-20250103134229-59b7cae7900a3bc5e262bfbf14f9433af6cf3e73 → 8.2.0-alpha-20250103134517-7241e5d50a127ba369dfaaacfd133dea72b9c87d

package/dist/index.d.mts

@@ -39,6 +39,7 @@ export { IEditorProps, IFeatureListProps, IHeroGradientProps, IHeroIllustrationP
 export { AngularLettermark, ConductorLettermark, ConfigLettermark, EnvelopLettermark, FetsLettermark, GraphQLESlintLettermark, HeltinLettermark, InspectorLettermark, KitQLLettermark, ModulesLettermark, SSELettermark, ScalarsLettermark, SofaLettermark, StitchingLettermark, ToolsLettermark, WSLettermark, WhatsAppLettermark } from './logos/index.mjs';
 export { cn } from './cn.mjs';
 export { NextPageProps } from './next-types.mjs';
+export { normalizePages } from 'nextra/normalize-pages';
 export { GraphQLConfCard, GraphQLConfCardProps } from './components/hive-navigation/graphql-conf-card.mjs';
 import 'react';
 import 'url';

package/dist/index.js

@@ -20,6 +20,7 @@ export * from "./types/components";
 export * from "./logos";
 import { cn } from "./cn";
 export * from "./next-types";
+import { normalizePages } from "nextra/normalize-pages";
 export {
   Banner,
   Bleed,
@@ -37,6 +38,7 @@ export {
   Table,
   Tabs,
   cn,
+  normalizePages,
   useConfig,
   useMounted,
   useTheme,

package/dist/server/index.d.mts

@@ -2,14 +2,17 @@ export { useMDXComponents } from './mdx-components.mjs';
 export { MDXRemote } from 'nextra/mdx-remote';
 export { fetchFilePathsFromGitHub } from 'nextra/fetch-filepaths-from-github';
 export { compileMdx } from 'nextra/compile';
-export { createIndexPage, getPageMap } from 'nextra/page-map';
+export { convertToPageMap, createIndexPage, getPageMap, mergeMetaWithPageMap, normalizePageMap } from 'nextra/page-map';
+export { evaluate } from 'nextra/evaluate';
 export { fetchPackageInfo } from './npm.mjs';
+export { sharedMetaItems } from './shared-meta-items.mjs';
 export { GuildLayout, getDefaultMetadata } from './theme-layout.mjs';
 import 'next/image';
 import 'nextra';
 import 'nextra/mdx-components/pre/index';
 import 'react/jsx-runtime';
 import 'react';
+import '../products.mjs';
 import 'next';
 import 'nextra-theme-docs';
 import 'nextra/components';

package/dist/server/index.js

@@ -2,17 +2,30 @@ import { useMDXComponents } from "./mdx-components.js";
 import { MDXRemote } from "nextra/mdx-remote";
 import { fetchFilePathsFromGitHub } from "nextra/fetch-filepaths-from-github";
 import { compileMdx } from "nextra/compile";
-import { getPageMap, createIndexPage } from "nextra/page-map";
+import {
+  getPageMap,
+  createIndexPage,
+  convertToPageMap,
+  mergeMetaWithPageMap,
+  normalizePageMap
+} from "nextra/page-map";
+import { evaluate } from "nextra/evaluate";
 import { fetchPackageInfo } from "./npm.js";
+import { sharedMetaItems } from "./shared-meta-items";
 import { GuildLayout, getDefaultMetadata } from "./theme-layout.js";
 export {
   GuildLayout,
   MDXRemote,
   compileMdx,
+  convertToPageMap,
   createIndexPage,
+  evaluate,
   fetchFilePathsFromGitHub,
   fetchPackageInfo,
   getDefaultMetadata,
   getPageMap,
+  mergeMetaWithPageMap,
+  normalizePageMap,
+  sharedMetaItems,
   useMDXComponents
 };

package/dist/server/next.config.js

@@ -50,7 +50,7 @@ const defaultNextraOptions = {
   defaultShowCopyCode: true,
   whiteListTagsStyling: ["iframe", "video", "source"],
   search: {
-    codeblocks: true
+    codeblocks: false
   },
   mdxOptions: {
     // Check front matter only in production (when Webpack is used)

package/dist/server/shared-meta-items.d.mts

@@ -0,0 +1,57 @@
+import * as react from 'react';
+import { ProductType } from '../products.mjs';
+
+declare function sharedMetaItems(options: {
+    githubUrl: string;
+    product: ProductType;
+}): {
+    products: {
+        title: string;
+        type: string;
+        items: {
+            [k: string]: {
+                type: "separator";
+                title: react.ReactElement;
+            } | {
+                href: string;
+                title: react.ReactElement;
+            };
+        };
+    };
+    ecosystem: {
+        href?: string | undefined;
+        title: string;
+        type: string;
+    };
+    blog: {
+        title: string;
+        type: string;
+        href: string;
+    };
+    github: {
+        title: string;
+        type: string;
+        href: string;
+    };
+    'the-guild': {
+        title: string;
+        type: string;
+        items: {
+            'about-us': {
+                title: string;
+                href: string;
+            };
+            'brand-assets': {
+                title: string;
+                href: string;
+            };
+        };
+    };
+    'graphql-foundation': {
+        title: string;
+        type: string;
+        href: string;
+    };
+};
+
+export { sharedMetaItems };

package/dist/server/shared-meta-items.js

@@ -0,0 +1,47 @@
+import { PRODUCTS_MENU_LIST } from "../products";
+function sharedMetaItems(options) {
+  return {
+    products: {
+      title: "Products",
+      type: "menu",
+      items: PRODUCTS_MENU_LIST
+    },
+    ecosystem: {
+      title: "Ecosystem",
+      type: "page",
+      ...options.product !== "HIVE" && { href: "https://the-guild.dev/graphql/hive/ecosystem" }
+    },
+    blog: {
+      title: "Blog",
+      type: "page",
+      href: "https://the-guild.dev/blog"
+    },
+    github: {
+      title: "GitHub",
+      type: "page",
+      href: options.githubUrl
+    },
+    "the-guild": {
+      title: "The Guild",
+      type: "menu",
+      items: {
+        "about-us": {
+          title: "About Us",
+          href: "https://the-guild.dev/about-us"
+        },
+        "brand-assets": {
+          title: "Brand Assets",
+          href: "https://the-guild.dev/logos"
+        }
+      }
+    },
+    "graphql-foundation": {
+      title: "GraphQL Foundation",
+      type: "page",
+      href: "https://graphql.org/community/foundation"
+    }
+  };
+}
+export {
+  sharedMetaItems
+};

package/dist/server/theme-layout.d.mts

@@ -1,5 +1,6 @@
 import { FC, ReactNode, ComponentProps } from 'react';
 import { Metadata } from 'next';
+import { PageMapItem } from 'nextra';
 import { Navbar, Layout } from 'nextra-theme-docs';
 import { Head } from 'nextra/components';
 import { HiveNavigation } from '../components/hive-navigation/index.mjs';
@@ -35,6 +36,7 @@ declare const GuildLayout: FC<{
      * Nextra's Docs Theme `<Navbar>` component props
      */
     navbarProps: NavbarProps;
+    pageMap?: PageMapItem[];
 }>;
 declare function getDefaultMetadata({ websiteName, description, productName, ...additionalMetadata }: {
     description?: string;

package/dist/server/theme-layout.js

@@ -40,9 +40,10 @@ const GuildLayout = async ({
   headProps,
   logo,
   layoutProps,
-  navbarProps
+  navbarProps,
+  ...props
 }) => {
-  const [meta, ...pageMap] = await getPageMap();
+  const [meta, ...pageMap] = props.pageMap || await getPageMap();
   const pageMapWithCompanyMenu = [
     {
       data: {
@@ -136,12 +137,6 @@ function getDefaultMetadata({
       site: "https://the-guild.dev",
       creator: "@TheGuildDev"
     },
-    openGraph: {
-      siteName: websiteName,
-      type: "website",
-      images: `https://og-image.the-guild.dev/?product=${productName}`,
-      url: siteUrl
-    },
     applicationName: websiteName,
     appleWebApp: {
       title: websiteName
@@ -151,9 +146,20 @@ function getDefaultMetadata({
       follow: true
     },
     alternates: {
-      canonical: siteUrl
+      // https://github.com/vercel/next.js/discussions/50189#discussioncomment-10826632
+      canonical: "./"
     },
-    ...additionalMetadata
+    metadataBase: new URL(siteUrl),
+    ...additionalMetadata,
+    openGraph: {
+      siteName: websiteName,
+      type: "website",
+      images: `https://og-image.the-guild.dev/?product=${productName}`,
+      // https://github.com/vercel/next.js/discussions/50189#discussioncomment-10826632
+      url: "./",
+      locale: "en_US",
+      ...additionalMetadata.openGraph
+    }
   };
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theguild/components",
-  "version": "8.2.0-alpha-20250103134229-59b7cae7900a3bc5e262bfbf14f9433af6cf3e73",
+  "version": "8.2.0-alpha-20250103134517-7241e5d50a127ba369dfaaacfd133dea72b9c87d",
   "repository": {
     "url": "https://github.com/the-guild-org/docs",
     "directory": "packages/components"
@@ -45,12 +45,12 @@
   },
   "dependencies": {
     "@giscus/react": "3.0.0",
-    "@next/bundle-analyzer": "15.1.0",
+    "@next/bundle-analyzer": "15.1.1",
     "@radix-ui/react-navigation-menu": "^1.2.0",
     "clsx": "2.1.1",
     "fuzzy": "0.1.3",
-    "nextra": "4.0.0-app-router.35",
-    "nextra-theme-docs": "4.0.0-app-router.36",
+    "nextra": "4.0.0-app-router.39",
+    "nextra-theme-docs": "4.0.0-app-router.39",
     "react-paginate": "8.2.0",
     "react-player": "2.16.0",
     "semver": "^7.3.8",
@@ -60,13 +60,13 @@
     "@svgr/babel-plugin-remove-jsx-attribute": "^8.0.0",
     "@theguild/tailwind-config": "0.6.2",
     "@types/dedent": "0.7.2",
-    "@types/react": "18.3.17",
+    "@types/react": "18.3.18",
     "@types/react-dom": "18.3.5",
     "@types/semver": "7.5.8",
     "dedent": "1.5.3",
     "esbuild-plugin-svgr": "^3.0.0",
     "graphql": "16.10.0",
-    "next": "15.1.0",
+    "next": "15.1.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "unified": "^11.0.3",

package/style.css

@@ -67,6 +67,10 @@
   &::before {
     background-color: rgb(229, 231, 235);
   }
+
+  & mark {
+    background-color: oklch(0.611752 0.07807 214.47 / 0.8);
+  }
 }
 
 /* #endregion search results */