Link to proper /docs and remove Hive-specific links (#2818)

* Link to proper /docs and remove Hive-specific links

* Update @theguild/components to fix developer menu

* Update @theguild/components to fix sign in link

* upd

* try

---------

Co-authored-by: Dimitri POSTOLOV <[email protected]>

Author: hasparus

pnpm-lock.yaml

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
-import { Banner, PRODUCTS } from '@theguild/components';
+import { Banner, GitHubIcon, PaperIcon, PencilIcon, PRODUCTS, RightCornerIcon, TargetIcon } from '@theguild/components';
 import { getDefaultMetadata, GuildLayout } from '@theguild/components/server';
 import '@theguild/components/style.css';
 
@@ -47,6 +47,19 @@ const RootLayout: FC<{
           { children: 'Rules', href: '/rules' },
           { children: 'Playground', href: '/play' },
         ],
+        developerMenu: [
+          {
+            href: '/docs',
+            icon: <PaperIcon />,
+            children: 'Documentation',
+          },
+          { href: 'https://the-guild.dev/blog', icon: <PencilIcon />, children: 'Blog' },
+          {
+            href: 'https://github.com/dimaMachina/graphql-eslint',
+            icon: <GitHubIcon />,
+            children: 'GitHub',
+          },
+        ]
       }}
     >
       {children}

website/app/layout.tsx

@@ -1,6 +1,5 @@
 import fs from 'node:fs/promises';
 import path from 'node:path';
-import { addBasePath } from 'next/dist/client/add-base-path';
 import {
   compileMdx,
   useMDXComponents as getDocsMDXComponents,
@@ -67,29 +66,6 @@ ${legacyConfig}`)}
       />
     );
   },
-  async source({ src, type, ...props }) {
-    if (!src) {
-      throw new Error('Must provide `src` prop');
-    }
-    if (src.startsWith('/')) {
-      const filePath = path.join(process.cwd(), 'public', src);
-      try {
-        await fs.access(filePath);
-      } catch (error) {
-        const relativePath = path.relative(process.cwd(), filePath);
-        if ((error as any).code === 'ENOENT') {
-          throw new Error(`File doesn't exist: ${relativePath}`);
-        }
-        throw new Error(`Error checking file: ${relativePath}`);
-      }
-    }
-
-    let ext = path.extname(src).slice(1); // remove dot;
-    if (ext === 'mov') {
-      ext = 'quicktime';
-    }
-    return <source {...props} src={addBasePath(src)} type={type || `video/${ext}`} />;
-  },
 });
 
 export const useMDXComponents: typeof getDocsMDXComponents = components => ({

website/mdx-components.tsx

@@ -16,7 +16,7 @@
     "@monaco-editor/react": "^4.6.0",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-select": "^2.0.0",
-    "@theguild/components": "8.0.0-alpha-20241120035725-2b8cadd078ebc2ace612021973b3e50944386052",
+    "@theguild/components": "8.0.0-alpha-20241205144621-2f6170e406a6235f71ab4756e1dd369735420a88",
     "clsx": "^2.0.0",
     "graphql": "^16.9.0",
     "lodash.debounce": "^4.0.8",
@@ -30,7 +30,7 @@
   },
   "devDependencies": {
     "@svgr/webpack": "^8.1.0",
-    "@theguild/tailwind-config": "0.6.0",
+    "@theguild/tailwind-config": "0.6.1",
     "@types/lodash.debounce": "4.0.9",
     "@types/lodash.uniqwith": "4.5.9",
     "@types/node": "22.10.1",

website/package.json

@@ -3,8 +3,6 @@ import tailwindConfig from '@theguild/tailwind-config';
 
 export default {
   ...tailwindConfig,
-  // todo: add to shared config
-  content: [...tailwindConfig.content, './content/**/*.{md,mdx}'],
   // @ts-expect-error -- fixme
-  plugins: [tailwindRadix()],
+  plugins: [...tailwindConfig.plugins, tailwindRadix()],
 };