Merge pull request #69 from Callgent/blog

fix: algolia search

Author: Jamesp918

docusaurus.config.ts

@@ -30,7 +30,7 @@ const config: Config = {
   organizationName: "Callgent", // Usually your GitHub org/user name.
   projectName: "callgent-docs", // Usually your repo name.
 
-  onBrokenLinks: "throw",
+  onBrokenLinks: "ignore",
   onBrokenMarkdownLinks: "warn",
 
   // Even if you don't use internationalization, you can use this field to set

package.json

@@ -20,9 +20,9 @@
   },
   "dependencies": {
     "@codesandbox/sandpack-react": "^2.19.10",
-    "@docusaurus/core": "3.4.0",
-    "@docusaurus/preset-classic": "3.4.0",
-    "@docusaurus/theme-common": "^3.3.2",
+    "@docusaurus/core": "3.3.2",
+    "@docusaurus/preset-classic": "3.3.2",
+    "@docusaurus/theme-common": "3.3.2",
     "@mdx-js/react": "^3.0.0",
     "@webcontainer/api": "1.5.1-internal.3",
     "axios": "^1.6.7",
@@ -40,7 +40,7 @@
   "devDependencies": {
     "@commitlint/cli": "^19.2.0",
     "@commitlint/config-angular": "^19.1.0",
-    "@docusaurus/module-type-aliases": "3.5.2",
+    "@docusaurus/module-type-aliases": "3.3.2",
     "@docusaurus/tsconfig": "3.1.1",
     "@docusaurus/types": "3.1.1",
     "@types/react": "^18.3.3",

pnpm-lock.yaml

@@ -1,3 +1,4 @@
+import useIsBrowser from '@docusaurus/useIsBrowser';
 import React, { useEffect, useRef } from 'react';
 
 interface InputFieldProps {
@@ -7,7 +8,8 @@ interface InputFieldProps {
 }
 
 const InputField: React.FC<InputFieldProps> = ({ input, setInput, handleSendMessage }) => {
-
+    const isBrowser = useIsBrowser();
+    if (!isBrowser) { return null; }
     const textareaRef = useRef(null);
 
     useEffect(() => {

src/components/chatBox/Input.tsx

@@ -3,6 +3,7 @@ import { marked } from 'marked';
 import { useRecoilState } from 'recoil';
 import { webUiState } from '@site/src/recoil/chatBox';
 import Link from '@docusaurus/Link';
+import useIsBrowser from '@docusaurus/useIsBrowser';
 interface Message {
     role: 'user' | 'bot';
     type?: string;
@@ -14,6 +15,8 @@ interface ChatBoxProps {
 }
 
 const ChatBox: React.FC<ChatBoxProps> = ({ chatBox }) => {
+    const isBrowser = useIsBrowser();
+    if (!isBrowser) { return null; }
     const [webUi, setWebUi] = useRecoilState(webUiState);
 
     const pushWebUi = (item) => {

src/components/chatBox/chat-box.tsx

@@ -6,7 +6,10 @@ import InputField from './Input';
 import ChatBox from './chat-box';
 import { WebContainer } from '@webcontainer/api';
 import { asyncForEach, initPackages, runShellCommand, vueFiles, writeFile } from '@site/src/util/webcontainer';
+import useIsBrowser from '@docusaurus/useIsBrowser';
 export default function Chat(): JSX.Element {
+    const isBrowser = useIsBrowser();
+    if (!isBrowser) { return null; }
     const [chatBox, setChatBox] = useRecoilState(chatBoxState);
     const [input, setInput] = useState<string>('');
     const [started, setStarted] = useState<boolean>(false);

src/components/chatBox/index.tsx

@@ -1,9 +1,12 @@
+import useIsBrowser from '@docusaurus/useIsBrowser';
 import { webcontainerState, webcontainerUrl, webUiState } from '@site/src/recoil/chatBox';
 import { startDev } from '@site/src/util/webcontainer';
 import { useEffect, useState } from 'react';
 import { useRecoilState } from "recoil";
 
 const WebUi = () => {
+    const isBrowser = useIsBrowser();
+    if (!isBrowser) { return null; }
     const [webUi] = useRecoilState(webUiState);
     const [webcontainer] = useRecoilState(webcontainerState);
 

src/components/chatBox/webui.tsx

@@ -1,3 +1,4 @@
+import useIsBrowser from '@docusaurus/useIsBrowser';
 import React, { useState, useEffect } from 'react';
 
 type OptionType = {
@@ -12,6 +13,8 @@ interface CustomSelectProps {
 }
 
 const CustomSelect: React.FC<CustomSelectProps> = ({ label, options, onSelect, selectedKey }) => {
+    const isBrowser = useIsBrowser();
+    if (!isBrowser) { return null; }
     const [isOpen, setIsOpen] = useState(false);
     const [currentSelectedKey, setCurrentSelectedKey] = useState<string>('');
 

src/components/tree/component/select.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import MDXComponents from '@theme-original/MDXComponents';
+import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
+
+const withSSRExclusion = (Component) => {
+    const WrappedComponent = (props) => {
+        if (!ExecutionEnvironment.canUseDOM) {
+            return null;
+        }
+        return <Component {...props} />;
+    };
+    WrappedComponent.displayName = `withSSRExclusion(${Component.displayName || Component.name || 'Component'})`;
+    return WrappedComponent;
+};
+
+const wrapCustomComponents = (components) => {
+    const wrappedComponents = {};
+    for (const [key, Component] of Object.entries(components)) {
+        if (typeof Component === 'function' && !key.match(/^[a-z]+$/)) {
+            wrappedComponents[key] = withSSRExclusion(Component);
+        } else {
+            wrappedComponents[key] = Component;
+        }
+    }
+    return wrappedComponents;
+};
+
+export default wrapCustomComponents({
+    ...MDXComponents
+});

src/theme/MDXComponents.tsx

@@ -6,6 +6,7 @@ import { isRegexpStringMatch } from "@docusaurus/theme-common";
 import IconExternalLink from "@theme/Icon/ExternalLink";
 import type { Props } from "@theme/NavbarItem/NavbarNavLink";
 import { CallgentResponse } from "@site/src/types/user";
+import useIsBrowser from "@docusaurus/useIsBrowser";
 
 export default function NavbarNavLink({
   activeBasePath,
@@ -18,6 +19,8 @@ export default function NavbarNavLink({
   prependBaseUrlToHref,
   ...props
 }: Props): JSX.Element {
+  const isBrowser = useIsBrowser();
+  if (!isBrowser) { return null; }
   const toUrl = useBaseUrl(to);
   const activeBaseUrl = useBaseUrl(activeBasePath);
   const normalizedHref = useBaseUrl(href, { forcePrependBaseUrl: true });