chore: remove sentry-nextjs (#1605)

packages/ui/app/package.json

@@ -57,7 +57,6 @@
     "@radix-ui/react-tooltip": "^1.1.2",
     "@radix-ui/react-visually-hidden": "^1.1.0",
     "@segment/snippet": "^5.2.1",
-    "@sentry/nextjs": "^8.30.0",
     "@shikijs/transformers": "^1.2.2",
     "@types/nprogress": "^0.2.3",
     "algoliasearch": "^4.24.0",

packages/ui/app/src/analytics/posthog.ts

@@ -3,7 +3,15 @@ import { Router } from "next/router";
 import type { PostHog } from "posthog-js";
 import { useEffect } from "react";
 import { useApiRoute } from "../hooks/useApiRoute";
-import { safeCall } from "./sentry";
+
+export function safeCall(action: () => void): void {
+    try {
+        return action();
+    } catch (e) {
+        // eslint-disable-next-line no-console
+        console.error(e);
+    }
+}
 
 /**
  * Posthog natively allows us to define additional capture objects with distinct configs on the global instance,

packages/ui/app/src/api-reference/examples/stringifyHttpRequestExampleToCurl.ts

@@ -1,5 +1,4 @@
 import { unknownToString, visitDiscriminatedUnion } from "@fern-ui/core-utils";
-import { captureSentryError } from "../../analytics/sentry";
 import { HttpRequestExample } from "./HttpRequestExample";
 
 function requiresUrlEncode(str: string): boolean {
@@ -10,15 +9,12 @@ export function stringifyHttpRequestExampleToCurl(request: HttpRequestExample):
     try {
         return unsafeStringifyHttpRequestExampleToCurl(request);
     } catch (e) {
+        // TODO: sentry
         // eslint-disable-next-line no-console
-        console.error(e);
-
-        captureSentryError(e, {
-            context: "ApiPage",
-            errorSource: "unsafeStringifyHttpRequestExampleToCurl",
-            errorDescription:
-                "Unable to stringify HTTP request example to curl. This is used to generate a curl command for the user to copy and paste into their terminal. When this fails, the user will not be able to see the curl command.",
-        });
+        console.error(
+            "Unable to stringify HTTP request example to curl. This is used to generate a curl command for the user to copy and paste into their terminal. When this fails, the user will not be able to see the curl command.",
+            e,
+        );
 
         return "";
     }

packages/ui/app/src/api-reference/examples/useHighlightJsonLines.ts

@@ -1,5 +1,4 @@
 import { isPlainObject } from "@fern-ui/core-utils";
-import { captureException } from "@sentry/nextjs";
 import jsonpath from "jsonpath";
 import { useMemo } from "react";
 import { JsonPropertyPath, JsonPropertyPathPart } from "./JsonPropertyPath";
@@ -104,7 +103,9 @@ export function useHighlightJsonLines(
         try {
             return getJsonLineNumbers(json, hoveredPropertyPath, jsonStartLine + 1);
         } catch (error) {
-            captureException(error);
+            // TODO: sentry
+            // eslint-disable-next-line no-console
+            console.error("Error thrown while highlighting json lines", error);
             return [];
         }
     }, [hoveredPropertyPath, json, jsonStartLine]);

packages/ui/app/src/atoms/playground.ts

@@ -1,6 +1,5 @@
 import * as FernNavigation from "@fern-api/fdr-sdk/navigation";
 import { useEventCallback } from "@fern-ui/react-commons";
-import { captureMessage } from "@sentry/nextjs";
 import { WritableAtom, atom, useAtom, useAtomValue, useSetAtom } from "jotai";
 import { atomFamily, atomWithStorage, useAtomCallback } from "jotai/utils";
 import { Dispatch, SetStateAction, useEffect } from "react";
@@ -270,7 +269,9 @@ export function useSetAndOpenPlayground(): (node: FernNavigation.NavigationNodeA
                     const context = createEndpointContext(node, definition);
 
                     if (context == null) {
-                        captureMessage("Could not find endpoint for API playground selection state", "fatal");
+                        // TODO: sentry
+                        // eslint-disable-next-line no-console
+                        console.error("Could not find endpoint for API playground selection state");
                         return;
                     }
 
@@ -282,7 +283,9 @@ export function useSetAndOpenPlayground(): (node: FernNavigation.NavigationNodeA
                     const context = createWebSocketContext(node, definition);
 
                     if (context == null) {
-                        captureMessage("Could not find websocket for API playground selection state", "fatal");
+                        // TODO: sentry
+                        // eslint-disable-next-line no-console
+                        console.error("Could not find websocket for API playground selection state");
                         playgroundFormStateFamily.remove(node.id);
                         return;
                     }

packages/ui/app/src/components/FernErrorBoundary.tsx

@@ -5,7 +5,6 @@ import { memoize } from "lodash-es";
 import { Router, useRouter } from "next/router";
 import React, { PropsWithChildren, ReactElement, useEffect } from "react";
 import { ErrorBoundary, FallbackProps } from "react-error-boundary";
-import { captureSentryError, captureSentryErrorMessage } from "../analytics/sentry";
 import { useIsLocalPreview } from "../contexts/local-preview";
 
 export declare interface FernErrorBoundaryProps {
@@ -37,15 +36,13 @@ export function FernErrorTag({
 }): ReactElement | null {
     const isLocalPreview = useIsLocalPreview();
     useEffect(() => {
+        // TODO: sentry
         // eslint-disable-next-line no-console
-        console.error(error);
-        captureSentryError(error, {
-            context: component,
-            errorSource: "FernErrorTag",
-            errorDescription:
-                errorDescription ??
+        console.error(
+            errorDescription ??
                 "An unknown UI error occurred. This could be a critical user-facing error that should be investigated.",
-        });
+            error,
+        );
     }, [component, error, errorDescription]);
 
     // if local preview, always show the error tag for markdown errors
@@ -99,8 +96,9 @@ const FernErrorBoundaryInternal: React.FC<FernErrorBoundaryProps> = ({
 
     useEffect(() => {
         if (refreshOnError) {
+            // TODO: sentry
             // eslint-disable-next-line no-console
-            captureSentryErrorMessage("Fern Docs crashed. Reloading the page might fix the issue.");
+            console.error("Fern Docs crashed. Reloading the page might fix the issue.");
             router.reload();
         }
     }, [refreshOnError, router]);

packages/ui/app/src/components/table-of-contents/useTableOfContentsObserver.ts

@@ -2,7 +2,6 @@ import fastdom from "fastdom";
 import { useAtomValue } from "jotai";
 import { useEffect, useRef } from "react";
 import { useCallbackOne } from "use-memo-one";
-import { captureSentryError } from "../../analytics/sentry";
 import { SCROLL_BODY_ATOM } from "../../atoms";
 
 function toIdQuerySelector(id: string): string {
@@ -120,7 +119,9 @@ export function useTableOfContentsObserver(ids: string[], setActiveId: (id: stri
                     return prev;
                 }, {});
             } catch (e) {
-                captureSentryError(e, { errorDescription: "Error measuring table of contents" });
+                // TODO: sentry
+                // eslint-disable-next-line no-console
+                console.error("Error measuring table of contents", e);
             }
         });
 

packages/ui/app/src/mdx/bundlers/next-mdx-remote.ts

@@ -7,7 +7,6 @@ import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 import remarkSmartypants from "remark-smartypants";
 import type { PluggableList } from "unified";
-import { captureSentryError } from "../../analytics/sentry";
 import { stringHasMarkdown } from "../common/util";
 import { FernDocsFrontmatter } from "../frontmatter";
 import { rehypeFernCode } from "../plugins/rehypeFernCode";
@@ -117,14 +116,9 @@ export async function serializeMdx(
             scope: {},
         };
     } catch (e) {
+        // TODO: sentry
         // eslint-disable-next-line no-console
-        console.error(e);
-
-        captureSentryError(e, {
-            context: "MDX",
-            errorSource: "maybeSerializeMdxContent",
-            errorDescription: "Failed to serialize MDX content",
-        });
+        console.error("Failed to serialize MDX content", e);
 
         return content;
     }

packages/ui/app/src/mdx/components/launchdarkly/LaunchDarkly.tsx

@@ -1,4 +1,3 @@
-import { captureException } from "@sentry/nextjs";
 import { atom, useAtomValue } from "jotai";
 import { loadable } from "jotai/utils";
 import * as LDClient from "launchdarkly-js-client-sdk";
@@ -35,7 +34,7 @@ const useLaunchDarklyFlag = (flag: string): boolean => {
     const loadableClient = useAtomValue(loadable(ldClientAtom));
     const client = loadableClient.state === "hasData" ? loadableClient.data : undefined;
     if (loadableClient.state === "hasError") {
-        captureException(loadableClient.error);
+        // TODO: sentry
     }
 
     const getFlagEnabled = useCallback(() => {

packages/ui/app/src/playground/endpoint/PlaygroundEndpoint.tsx

@@ -7,7 +7,6 @@ import { SendSolid } from "iconoir-react";
 import { useSetAtom } from "jotai";
 import { mapValues } from "lodash-es";
 import { ReactElement, useCallback, useState } from "react";
-import { captureSentryError } from "../../analytics/sentry";
 import {
     PLAYGROUND_AUTH_STATE_ATOM,
     PLAYGROUND_AUTH_STATE_OAUTH_ATOM,
@@ -159,22 +158,13 @@ export const PlaygroundEndpoint = ({ context }: { context: EndpointContext }): R
                 }
             }
         } catch (e) {
+            // TODO: sentry
             // eslint-disable-next-line no-console
-            console.error(e);
+            console.error(
+                "An unexpected error occurred while sending request to the proxy server. This is likely a bug, rather than a user error.",
+                e,
+            );
             setResponse(failed(e));
-
-            captureSentryError(e, {
-                context: "ApiPlayground",
-                errorSource: "sendRequest",
-                errorDescription:
-                    "An unexpected error occurred while sending request to the proxy server. This is likely a bug, rather than a user error.",
-                data: {
-                    endpointId: endpoint.id,
-                    endpointName: node.title,
-                    method: endpoint.method,
-                    route: `/${node.slug}`,
-                },
-            });
         }
     }, [
         endpoint,

packages/ui/app/src/resolver/ApiDefinitionResolver.ts

@@ -2,7 +2,6 @@ import type { DocsV1Read } from "@fern-api/fdr-sdk";
 import type * as FernNavigation from "@fern-api/fdr-sdk/navigation";
 import { isNonNullish, visitDiscriminatedUnion } from "@fern-ui/core-utils";
 import { FernRegistry } from "../../../../fdr-sdk/src/client/generated";
-import { captureSentryErrorMessage } from "../analytics/sentry";
 import type { FeatureFlags } from "../atoms";
 import { type MDX_SERIALIZER } from "../mdx/bundler";
 import type { FernSerializeMdxOptions } from "../mdx/types";
@@ -151,9 +150,9 @@ export class ApiDefinitionResolver {
                     },
                     endpointPair: async (endpointPair) => {
                         if (this.featureFlags.isBatchStreamToggleDisabled) {
-                            captureSentryErrorMessage(
-                                "Batch stream toggle is disabled, but an endpoint pair was found",
-                            );
+                            // TODO: sentry
+                            // eslint-disable-next-line no-console
+                            console.error("Batch stream toggle is disabled, but an endpoint pair was found");
                         }
                         const [nonStream, stream] = await Promise.all([
                             this.resolveEndpointDefinitionCached(endpointPair.nonStream),

packages/ui/app/src/resolver/ApiEndpointResolver.ts

@@ -2,7 +2,6 @@ import { APIV1Read } from "@fern-api/fdr-sdk/client/types";
 import * as FernNavigation from "@fern-api/fdr-sdk/navigation";
 import { visitDiscriminatedUnion } from "@fern-ui/core-utils";
 import { compact, mapValues } from "lodash-es";
-import { captureSentryError } from "../analytics/sentry";
 import { sortKeysByShape } from "../api-reference/examples/sortKeysByShape";
 import type { FeatureFlags } from "../atoms";
 import { MDX_SERIALIZER } from "../mdx/bundler";
@@ -755,15 +754,12 @@ export class ApiEndpointResolver {
         try {
             return this.stripUndefines(sortKeysByShape(value, shape, this.resolvedTypes));
         } catch (e) {
+            // TODO: sentry
             // eslint-disable-next-line no-console
-            console.error("Failed to sort JSON keys by type shape", e);
-
-            captureSentryError(e, {
-                context: "ApiPage",
-                errorSource: "sortKeysByShape",
-                errorDescription:
-                    "Failed to sort and strip undefines from JSON value, indicating a bug in the resolver. This error should be investigated.",
-            });
+            console.error(
+                "Failed to sort and strip undefines from JSON value, indicating a bug in the resolver. This error should be investigated.",
+                e,
+            );
 
             return value;
         }

packages/ui/app/src/search/SearchDialog.tsx

@@ -3,7 +3,6 @@ import { useAtomValue, useSetAtom } from "jotai";
 import dynamic from "next/dynamic";
 import { PropsWithChildren, ReactElement, useMemo, useRef } from "react";
 import { Configure, InstantSearch } from "react-instantsearch";
-import { captureSentryError } from "../analytics/sentry";
 import {
     CURRENT_VERSION_ATOM,
     IS_MOBILE_SCREEN_ATOM,
@@ -37,12 +36,11 @@ export const SearchDialog = (): ReactElement | null => {
     const [config] = useSearchConfig();
 
     if (!config.isAvailable) {
-        isSearchDialogOpen &&
-            captureSentryError(new Error("Search dialog config is null"), {
-                context: "SearchDialogOpen",
-                errorSource: "SearchDialog",
-                errorDescription: "Search dialog is null, when attempting to use search.",
-            });
+        if (isSearchDialogOpen) {
+            // TODO: sentry
+            // eslint-disable-next-line no-console
+            console.error("Search dialog is null, when attempting to use search.");
+        }
         return null;
     }
 

packages/ui/app/src/search/algolia/AlgoliaSearchDialog.tsx

@@ -3,7 +3,7 @@ import * as Dialog from "@radix-ui/react-dialog";
 import { SearchClient } from "algoliasearch";
 import clsx from "clsx";
 import { useAtomValue, useSetAtom } from "jotai";
-import { ReactElement, useMemo, useRef } from "react";
+import { ReactElement, ReactNode, useMemo, useRef } from "react";
 import { Configure, InstantSearch, useInstantSearch } from "react-instantsearch";
 import {
     CURRENT_VERSION_ATOM,
@@ -14,6 +14,7 @@ import {
     useIsSearchDialogOpen,
     useSidebarNodes,
 } from "../../atoms";
+import { getFeatureFlagFilters } from "../../util/getFeatureFlagFilters";
 import { SearchHits } from "../SearchHits";
 import { SearchBox } from "./SearchBox";
 import { useAlgoliaSearchClient } from "./useAlgoliaSearchClient";
@@ -27,12 +28,11 @@ export function AlgoliaSearchDialog(): ReactElement | null {
     const setSearchDialogState = useSetAtom(SEARCH_DIALOG_OPEN_ATOM);
     const algoliaSearchClient = useAlgoliaSearchClient();
     if (algoliaSearchClient == null || isMobileScreen) {
-        algoliaSearchClient == null &&
-            captureSentryError(new Error("Algolia search client is null"), {
-                context: "AlgoliaSearchClient",
-                errorSource: "AlgoliaSearchDialog",
-                errorDescription: "Algolia search client is null, when attempting to use search.",
-            });
+        if (!isMobileScreen) {
+            // TODO: sentry
+            // eslint-disable-next-line no-console
+            console.error("Algolia search client is null, when attempting to use search.");
+        }
         return null;
     }
     const [searchClient, index] = algoliaSearchClient;
@@ -59,10 +59,6 @@ interface FernInstantSearchProps {
     inputRef: React.RefObject<HTMLInputElement>;
 }
 
-import { ReactNode } from "react";
-import { captureSentryError } from "../../analytics/sentry";
-import { getFeatureFlagFilters } from "../../util/getFeatureFlagFilters";
-
 function NoResultsBoundary({ children, fallback }: { children: ReactNode; fallback: ReactNode }) {
     const { results } = useInstantSearch();