@theguild/components 8.2.0-alpha-20250103134229-59b7cae7900a3bc5e262bfbf14f9433af6cf3e73 → 8.2.0-alpha-20250103141522-0f0514ca373add829e5ba2d8422426460c6240a5

package/dist/components/dropdown.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useId, useRef, useState } from "react";
 import { cn } from "../cn";

package/dist/components/version-dropdown.js

@@ -1,16 +1,29 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../cn";
 import { Dropdown, DropdownContent, DropdownItem, DropdownTrigger } from "./dropdown";
+import { CaretSlimIcon, CheckIcon } from "./icons";
 function VersionDropdown({ currentVersion, versions }) {
   return /* @__PURE__ */ jsxs(Dropdown, { type: "hover", className: "relative", children: [
-    /* @__PURE__ */ jsx(DropdownTrigger, { className: "hive-focus cursor-default rounded p-3 font-medium leading-normal text-green-800 aria-expanded:text-green-1000 dark:text-neutral-300 dark:aria-expanded:text-neutral-100", children: currentVersion }),
-    /* @__PURE__ */ jsx(DropdownContent, { className: "absolute left-full min-w-16 -translate-x-full translate-y-2 rounded-xl border border-beige-200 bg-white p-1 shadow-[0px_16px_32px_-12px_rgba(14,18,27,0.10)] transition ease-in-out data-[state=closed]:translate-y-0 data-[state=closed]:scale-95 data-[state=closed]:opacity-0 data-[state=open]:fade-in-90 dark:border-neutral-800 dark:bg-neutral-900", children: versions.map((version) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(DropdownTrigger, { className: "hive-focus flex cursor-default items-center gap-1 py-2 font-medium leading-normal text-green-800 aria-expanded:text-green-1000 dark:text-neutral-300 dark:aria-expanded:text-neutral-100", children: [
+      currentVersion,
+      " ",
+      /* @__PURE__ */ jsx(CaretSlimIcon, { className: "size-3.5" })
+    ] }),
+    /* @__PURE__ */ jsx(DropdownContent, { className: "absolute left-full min-w-16 -translate-x-full translate-y-2 rounded-xl border border-beige-200 bg-white p-1 shadow-[0px_16px_32px_-12px_rgba(14,18,27,0.10)] transition ease-in-out data-[state=closed]:pointer-events-none data-[state=closed]:translate-y-0 data-[state=closed]:scale-95 data-[state=closed]:opacity-0 data-[state=open]:fade-in-90 dark:border-neutral-800 dark:bg-neutral-900", children: versions.map((version) => /* @__PURE__ */ jsxs(
       DropdownItem,
       {
         href: version.href,
         onClick: version.onClick,
-        className: "block whitespace-nowrap rounded p-2 text-green-800 transition-colors hover:bg-beige-100 hover:text-green-1000 dark:text-neutral-300 dark:hover:bg-neutral-800/50 dark:hover:text-neutral-100",
-        children: version.label ?? version.value
+        className: cn(
+          "flex items-center justify-between gap-1 whitespace-nowrap rounded p-2 text-green-800 transition-colors hover:bg-beige-100 hover:text-green-1000 dark:text-neutral-300 dark:hover:bg-neutral-800/50 dark:hover:text-neutral-100",
+          version.value === currentVersion && "pointer-events-none font-medium"
+        ),
+        children: [
+          version.label ?? version.value,
+          " ",
+          version.value === currentVersion && /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+        ]
       },
       version.value
     )) })

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-20250103141522-0f0514ca373add829e5ba2d8422426460c6240a5",
   "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 */