@theguild/components 7.2.0-alpha-20241101220642-0b6682d9cf4196529799e8ad0e38b83426590e93 → 8.0.0-alpha-20241103132221-f9d255adde945cffb98f9f7c914ac29896a15819

package/dist/server/npm.js

@@ -0,0 +1,75 @@
+import semver from "semver";
+const cache = {};
+function withoutStartingSlash(v) {
+  if (v === "/") return v;
+  if (v.startsWith("/")) return v.slice(1, v.length);
+  return v;
+}
+function withoutTrailingSlash(v) {
+  if (v === "/") return v;
+  if (v.endsWith("/")) return v.slice(0, v.length - 1);
+  return v;
+}
+function withStartingSlash(v) {
+  if (v.startsWith("/")) return v;
+  return `/${v}`;
+}
+async function tryRemoteReadme(repo, path) {
+  const fetchPath = `https://raw.githubusercontent.com/${withoutStartingSlash(
+    withoutTrailingSlash(repo)
+  )}/HEAD${withStartingSlash(path)}`;
+  try {
+    const response = await fetch(fetchPath, {
+      method: "GET"
+    });
+    if (response.status === 404) {
+      console.error(`ERROR | ${fetchPath} Not Found`);
+    }
+    return await response.text();
+  } catch (err) {
+    console.error(
+      `[@theguild/components] ERROR | Error while trying to get README from GitHub ${fetchPath}`
+    );
+    console.error(err);
+    return null;
+  }
+}
+const NO_NPM_README_PLACEHOLDER = "ERROR: No README data found!";
+const fetchPackageInfo = async (packageName, githubReadme) => {
+  const cacheKey = githubReadme ? `${githubReadme.repo}${githubReadme.path}` : packageName;
+  const cachedData = cache[cacheKey];
+  if (cachedData) {
+    return cachedData;
+  }
+  const encodedName = encodeURIComponent(packageName);
+  console.debug(`Loading NPM package info: ${packageName}`);
+  const [packageInfo, { downloads }] = await Promise.all([
+    fetch(`https://registry.npmjs.org/${encodedName}`).then((response) => response.json()),
+    fetch(`https://api.npmjs.org/downloads/point/last-week/${encodedName}`).then(
+      (response) => response.json()
+    )
+  ]);
+  const { readme, time, description } = packageInfo;
+  const latestVersion = packageInfo["dist-tags"].latest;
+  const readmeContent = githubReadme && await tryRemoteReadme(githubReadme.repo, githubReadme.path);
+  cache[cacheKey] = {
+    readme: readmeContent || readme !== NO_NPM_README_PLACEHOLDER && readme || // for some reason top level "readme" can be empty string, so we get the latest version readme
+    Object.values(packageInfo.versions).reverse().find((curr) => {
+      const isReadmeExist = curr.readme && curr.readme !== NO_NPM_README_PLACEHOLDER;
+      if (isReadmeExist) {
+        return semver.lte(curr.version, latestVersion);
+      }
+    })?.readme || "",
+    createdAt: time.created,
+    updatedAt: time.modified,
+    description,
+    weeklyNPMDownloads: downloads
+  };
+  return cache[cacheKey];
+};
+export {
+  fetchPackageInfo,
+  withStartingSlash,
+  withoutStartingSlash,
+  withoutTrailingSlash
+};

package/dist/server/package.json

@@ -0,0 +1 @@
+{"type":"module","sideEffects":false}

package/dist/server/pages.d.mts

@@ -0,0 +1 @@
+export { generateStaticParamsFor, importPage } from 'nextra/pages';

package/dist/server/pages.js

@@ -0,0 +1,5 @@
+import { generateStaticParamsFor, importPage } from "nextra/pages";
+export {
+  generateStaticParamsFor,
+  importPage
+};

package/dist/server/underscore-redirects.d.mts

@@ -0,0 +1,3 @@
+declare function applyUnderscoreRedirects(config: any, meta: any): void;
+
+export { applyUnderscoreRedirects };

package/dist/server/underscore-redirects.js

@@ -0,0 +1,40 @@
+import { writeFile } from "fs/promises";
+import { join } from "path";
+class RunPromiseWebpackPlugin {
+  constructor(asyncHook) {
+    this.asyncHook = asyncHook;
+  }
+  apply(compiler) {
+    compiler.hooks.beforeCompile.tapPromise("RunPromiseWebpackPlugin", this.asyncHook);
+  }
+}
+let isWarningPrinted = false;
+function applyUnderscoreRedirects(config, meta) {
+  config.plugins.push(
+    new RunPromiseWebpackPlugin(async () => {
+      const outDir = meta.dir;
+      const outFile = join(outDir, "./public/_redirects");
+      try {
+        const redirects = meta.config.redirects ? Array.isArray(meta.config.redirects) ? meta.config.redirects : await meta.config.redirects() : [];
+        if (redirects.length === 0) {
+          if (!isWarningPrinted) {
+            console.warn(
+              '[@theguild/components] No redirects defined, no "_redirect" file is created!'
+            );
+            isWarningPrinted = true;
+          }
+          return;
+        }
+        const redirectsTxt = redirects.map((r) => `${r.source} ${r.destination} ${r.permanent ? 301 : 302}`).join("\n");
+        await writeFile(outFile, redirectsTxt);
+      } catch (error) {
+        throw new Error(
+          `Failed to generate "_redirects" file during build: ${error.message}`
+        );
+      }
+    })
+  );
+}
+export {
+  applyUnderscoreRedirects
+};

package/dist/static/illustrations/marketplace-cube-bl.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/static/illustrations/marketplace-cube-br.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/static/illustrations/marketplace-cube-tl.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/static/illustrations/marketplace-cube-tr.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/static/illustrations/marketplace-desktop.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/static/illustrations/marketplace-mobile.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/theme-layout.d.mts

@@ -0,0 +1,39 @@
+import { FC, ReactNode, ComponentProps } from 'react';
+import { Metadata } from 'next';
+import { Navbar, Layout } from 'nextra-theme-docs';
+import { Head } from 'nextra/components';
+
+type LP = ComponentProps<typeof Layout>;
+type LayoutProps = Omit<LP, 'navbar' | 'footer' | 'children' | 'docsRepositoryBase'> & Partial<Pick<LP, 'navbar' | 'footer'>> & Required<Pick<LP, 'docsRepositoryBase'>>;
+declare const GuildLayout: FC<{
+    children: ReactNode;
+    websiteName: string;
+    description: string;
+    /**
+     * In case you want to pass the html props, like overriding default `class`
+     */
+    htmlProps?: ComponentProps<'html'>;
+    /**
+     * Nextra's `<Head>` component props
+     */
+    headProps?: ComponentProps<typeof Head>;
+    /**
+     * Navbar logo, `null` is used in The Guild Blog
+     */
+    logo: ComponentProps<typeof Navbar>['logo'] | null;
+    /**
+     * Nextra's Docs Theme `<Layout>` component props
+     */
+    layoutProps: LayoutProps;
+    /**
+     * Nextra's Docs Theme `<Navbar>` component props
+     */
+    navbarProps?: LayoutProps;
+}>;
+declare function getDefaultMetadata({ websiteName, description, productName, ...additionalMetadata }: {
+    description?: string;
+    websiteName: string;
+    productName: string;
+} & Metadata): Metadata;
+
+export { GuildLayout, getDefaultMetadata };

package/dist/theme-layout.js

@@ -0,0 +1,144 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Layout, Navbar } from "nextra-theme-docs";
+import { Head } from "nextra/components";
+import { Footer } from "./components/footer";
+import { getNavbarLogo } from "./components/guild-navbar-logo";
+import { MoonIcon } from "./components/icons";
+import { ThemeSwitcherButton } from "./components/theme-switcher";
+import { siteOrigin, siteUrl } from "./constants";
+import { PRODUCTS } from "./products";
+const companyItem = {
+  type: "menu",
+  title: "Company",
+  items: {
+    about: { title: "About", href: `${siteOrigin}/about-us` },
+    blog: { title: "Blog", href: `${siteOrigin}/blog` },
+    contact: { title: "Contact", href: `${siteOrigin}/#get-in-touch` }
+  }
+};
+const productsItems = {
+  type: "menu",
+  title: "Products",
+  items: Object.fromEntries(
+    Object.values(PRODUCTS).map((product) => [
+      product.name,
+      {
+        title: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", title: product.title, children: [
+          /* @__PURE__ */ jsx(product.logo, { className: "size-7 shrink-0" }),
+          product.name
+        ] }),
+        href: product.href
+      }
+    ])
+  )
+};
+const GuildLayout = async ({
+  children,
+  websiteName,
+  description,
+  htmlProps,
+  headProps,
+  logo,
+  layoutProps,
+  navbarProps
+}) => {
+  const url = new URL(layoutProps.docsRepositoryBase);
+  const [, org, repoName] = url.pathname.split("/");
+  const [meta, ...pageMap] = layoutProps.pageMap;
+  const pageMapWithCompanyMenu = [
+    {
+      data: {
+        // Add for every website except The Guild Blog
+        ...siteOrigin && { company: companyItem },
+        products: productsItems,
+        ...meta.data
+      }
+    },
+    // Add for every website except The Guild Blog
+    ...siteOrigin ? [{ name: "company", route: "#", ...companyItem }] : [],
+    { name: "products", route: "#", ...productsItems },
+    ...pageMap
+  ];
+  return /* @__PURE__ */ jsxs(
+    "html",
+    {
+      lang: "en",
+      dir: "ltr",
+      suppressHydrationWarning: true,
+      ...htmlProps,
+      children: [
+        /* @__PURE__ */ jsx(Head, { ...headProps }),
+        /* @__PURE__ */ jsx("body", { children: /* @__PURE__ */ jsx(
+          Layout,
+          {
+            footer: /* @__PURE__ */ jsx(Footer, {}),
+            navbar: /* @__PURE__ */ jsx(
+              Navbar,
+              {
+                logo: getNavbarLogo({ logo, websiteName, description }),
+                logoLink: false,
+                projectLink: `${url.origin}/${org}/${repoName}`,
+                ...navbarProps,
+                children: /* @__PURE__ */ jsx(ThemeSwitcherButton, { children: /* @__PURE__ */ jsx(MoonIcon, { className: "fill-transparent stroke-gray-500 dark:fill-gray-100 dark:stroke-gray-100" }) })
+              }
+            ),
+            editLink: "Edit this page on GitHub",
+            ...layoutProps,
+            pageMap: pageMapWithCompanyMenu,
+            feedback: {
+              labels: "kind/docs",
+              ...layoutProps.feedback
+            },
+            sidebar: {
+              defaultMenuCollapseLevel: 1,
+              ...layoutProps.sidebar
+            },
+            children
+          }
+        ) })
+      ]
+    }
+  );
+};
+function getDefaultMetadata({
+  websiteName,
+  description = `${websiteName} Documentation`,
+  productName,
+  ...additionalMetadata
+}) {
+  return {
+    description,
+    title: {
+      // Use `absolute` title if `metadata.title` was not provided in the page
+      absolute: websiteName,
+      template: `%s | ${websiteName}`
+    },
+    twitter: {
+      card: "summary_large_image",
+      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
+    },
+    robots: {
+      index: true,
+      follow: true
+    },
+    alternates: {
+      canonical: siteUrl
+    },
+    ...additionalMetadata
+  };
+}
+export {
+  GuildLayout,
+  getDefaultMetadata
+};

package/dist/types/components.d.mts

@@ -0,0 +1,121 @@
+import { ComponentProps, ReactNode, ReactElement } from 'react';
+import { ImageProps } from 'next/image';
+import { LinkProps } from 'next/link';
+import { ReactPlayerProps } from 'react-player';
+
+interface IVideo {
+    src: string;
+    placeholder: string;
+}
+type ILink = LinkProps & Pick<ComponentProps<'a'>, 'target' | 'rel' | 'title' | 'className' | 'style'> & {
+    children: ReactNode;
+    newWindow?: boolean;
+};
+interface IFooterExtendedProps {
+    className?: string;
+    resources?: ILink[];
+    logo?: ILink;
+}
+interface IFeatureListProps {
+    className?: string;
+    title?: string;
+    description?: string;
+    items: {
+        title: string;
+        description: string;
+        image: ImageProps;
+        link?: ILink;
+    }[];
+    link?: ILink;
+}
+interface IInfoListProps {
+    className?: string;
+    title?: string | ReactNode;
+    items: {
+        title: string | ReactNode;
+        description: string | ReactNode;
+        link?: ILink;
+    }[];
+}
+interface IHeroVideoProps {
+    className?: string;
+    title: string | ReactNode;
+    description: string | ReactNode;
+    flipped?: boolean;
+    link?: ILink;
+    video: IVideo;
+    videoProps?: ReactPlayerProps;
+}
+interface IHeroIllustrationProps {
+    className?: string;
+    title: string | ReactNode;
+    description: string | ReactNode;
+    flipped?: boolean;
+    link?: ILink;
+    image: ImageProps;
+}
+interface IHeroGradientProps {
+    className?: string;
+    title: string | ReactNode;
+    description: string | ReactNode;
+    colors?: string[];
+    version?: string | ReactNode;
+    link?: ILink | ILink[];
+    image?: ImageProps;
+}
+interface IHeroMarketplaceProps {
+    className?: string;
+    title: string | ReactNode;
+    description: string | ReactNode;
+    link: ILink;
+    image?: ImageProps;
+}
+interface IMarketplaceItemProps {
+    title: string;
+    description: string | ReactNode;
+    tags?: string[];
+    modal?: {
+        header: {
+            image?: ImageProps;
+            description?: string | ILink;
+        };
+        content: string | (() => ReactNode) | ReactNode;
+    };
+    update: string;
+    image: ImageProps;
+    link: Omit<ILink, 'children'>;
+}
+interface IMarketplaceItemsProps {
+    items: IMarketplaceItemProps[];
+}
+interface IMarketplaceListProps {
+    className?: string;
+    title?: string;
+    placeholder: string | ReactElement;
+    pagination: number;
+    items: IMarketplaceItemProps[];
+}
+interface IMarketplaceSearchProps {
+    className?: string;
+    title: string | ReactNode;
+    placeholder: string;
+    primaryList: IMarketplaceListProps;
+    secondaryList?: IMarketplaceListProps;
+    queryList?: IMarketplaceListProps;
+    tagsFilter?: string[] | ReadonlyArray<string>;
+}
+interface ISchemaPageProps {
+    schemaName: string;
+    tags?: string[];
+    editorData: Omit<IEditorProps, 'icon' | 'children'>[];
+}
+interface IEditorProps {
+    children: ReactNode;
+    title: string;
+    frameworks?: string[];
+    schema?: string;
+    image?: string;
+    operations?: string;
+}
+
+export type { IEditorProps, IFeatureListProps, IFooterExtendedProps, IHeroGradientProps, IHeroIllustrationProps, IHeroMarketplaceProps, IHeroVideoProps, IInfoListProps, ILink, IMarketplaceItemProps, IMarketplaceItemsProps, IMarketplaceListProps, IMarketplaceSearchProps, ISchemaPageProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theguild/components",
-  "version": "7.2.0-alpha-20241101220642-0b6682d9cf4196529799e8ad0e38b83426590e93",
+  "version": "8.0.0-alpha-20241103132221-f9d255adde945cffb98f9f7c914ac29896a15819",
   "repository": {
     "url": "https://github.com/the-guild-org/docs",
     "directory": "packages/components"
@@ -11,48 +11,33 @@
     "./style.css": "./style.css",
     "./package.json": "./package.json",
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.mts"
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.js"
     },
     "./next.config": {
-      "import": "./dist/next.config.mjs",
-      "types": "./dist/next.config.d.mts"
+      "types": "./dist/server/next.config.d.mts",
+      "import": "./dist/server/next.config.js",
+      "require": "./dist/server/next.config.js"
     },
-    "./compile": {
-      "import": "./dist/compile.mjs",
-      "types": "./dist/compile.d.mts"
+    "./server": {
+      "types": "./dist/server/index.d.mts",
+      "import": "./dist/server/index.js"
+    },
+    "./pages": {
+      "types": "./dist/server/pages.d.mts",
+      "import": "./dist/server/pages.js"
     },
     "./*": {
-      "import": "./dist/*.js",
-      "types": "./dist/*.d.mts"
+      "types": "./dist/*.d.mts",
+      "import": "./dist/*.js"
     }
   },
   "types": "./dist/index.d.mts",
-  "typesVersions": {
-    "*": {
-      ".": [
-        "./dist/index.d.mts"
-      ],
-      "logos": [
-        "./dist/logos.d.mts"
-      ],
-      "products": [
-        "./dist/products.d.mts"
-      ],
-      "next.config": [
-        "./dist/next.config.d.mts"
-      ],
-      "compile": [
-        "./dist/compile.d.mts"
-      ]
-    }
-  },
   "files": [
     "dist",
     "style.css"
   ],
   "peerDependencies": {
-    "@tailwindcss/container-queries": "^0.1.1",
     "next": "^13 || ^14 || ^15.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
@@ -61,20 +46,18 @@
     "@giscus/react": "3.0.0",
     "@next/bundle-analyzer": "15.0.1",
     "@radix-ui/react-navigation-menu": "^1.2.0",
-    "@theguild/tailwind-config": "0.5.0",
     "clsx": "2.1.1",
     "fuzzy": "0.1.3",
-    "next-videos": "1.5.0",
-    "nextra": "3.2.0",
-    "nextra-theme-docs": "3.2.0",
+    "nextra": "4.0.0-app-router.21",
+    "nextra-theme-docs": "4.0.0-app-router.21",
     "react-paginate": "8.2.0",
     "react-player": "2.16.0",
-    "remark-mdx-disable-explicit-jsx": "0.1.0",
     "semver": "^7.3.8",
     "tailwind-merge": "^2.5.2"
   },
   "devDependencies": {
     "@svgr/babel-plugin-remove-jsx-attribute": "^8.0.0",
+    "@theguild/tailwind-config": "0.6.0-alpha-20241102200946-31ab833bd95d2219fe5b6db5a21a2df6c60c5dce",
     "@types/dedent": "0.7.2",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
@@ -82,7 +65,7 @@
     "dedent": "1.5.3",
     "esbuild-plugin-svgr": "^3.0.0",
     "graphql": "16.9.0",
-    "next": "15.0.1",
+    "next": "15.0.2",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "unified": "^11.0.3",

package/style.css

@@ -1,25 +1,26 @@
 @layer l-base, l-nextra, l-components;
 
-@import 'tailwindcss/base' layer(l-base);
+/*@import 'tailwindcss/base' layer(l-base);*/
 @import 'nextra-theme-docs/dist/style.css' layer(l-nextra);
 @import 'tailwindcss/components' layer(l-components);
 @import 'tailwindcss/utilities';
 
-@import './dist/index.css';
-
 .nextra-banner-container._bg-neutral-900._flex {
   @apply bg-[#48224e] bg-none;
 }
+
 :root {
   --nextra-navbar-height: 72px;
 }
 
-.nextra-nav-container [role='menu']:has(a[href='https://the-guild.dev/graphql/hive'])
-{
-  @apply grid max-h-[unset] w-[470px] grid-cols-3 gap-y-2 p-2;
+@layer l-nextra {
+  #headlessui-portal-root [role='menu']:has(a[href='https://the-guild.dev/graphql/hive'])
+  {
+    @apply grid !max-h-[unset] w-[700px] grid-cols-5 gap-y-2 p-2;
 
-  a:nth-child(-n + 3) {
-    @apply rounded-b-none border-b border-black/20 pb-3 dark:border-white/20;
+    a:nth-child(-n + 5) {
+      @apply rounded-b-none border-b border-black/20 pb-3 dark:border-white/20;
+    }
   }
 }
 
@@ -80,6 +81,7 @@
     &:focus {
       outline: none;
     }
+
     &:focus-visible {
       @apply ring ring-[hsl(var(--nextra-primary-hue)_var(--nextra-primary-saturation)_86%)] ring-offset-1 ring-offset-[hsl(var(--nextra-primary-hue)_var(--nextra-primary-saturation)_77%)] dark:ring-[hsl(var(--nextra-primary-hue)_var(--nextra-primary-saturation)_32%)] dark:ring-offset-[hsl(var(--nextra-primary-hue)_var(--nextra-primary-saturation)_39%)];
     }

package/dist/compile.mjs

@@ -1,11 +0,0 @@
-// src/compile.ts
-export * from "nextra/compile";
-import { remarkLinkRewrite } from "nextra/remark-plugins";
-import { buildDynamicMDX, buildDynamicMeta } from "nextra/remote";
-import { fetchFilePathsFromGitHub } from "nextra/fetch-filepaths-from-github";
-export {
-  buildDynamicMDX,
-  buildDynamicMeta,
-  fetchFilePathsFromGitHub,
-  remarkLinkRewrite
-};