+ Swiftly document and share bugs like never before +
++ Free Forever. No Credit Card Required. +
++ Use AI to + reproduce and fix bugs +
++ + Screen Recording + {' '} + with{' '} + + Rewind (Upto 2-min) + +
++ Capture{' '} + + {' '} + backend logs + + with every bug report +
++ Assign bugs and{' '} + share at + single click +
+
+ {hero_section?.description
+ ?.split('BetterBugs.io')
+ .map((part: any, index: any, arr: any) => (
+
+ {desc.description} +
+ )} + {/* Render examples */} + {desc.example.map( + (exampleItem: any, exampleIndex: number) => { + const isExampleHeading = + exampleItem?.example_input?.startsWith( + 'Example' + ); + const isInputOrOutput = + exampleItem?.example_input === 'Input' || + exampleItem?.example_input === 'Output'; + const isStringOutput = + typeof exampleItem?.example_output === + 'string'; + const isArrayOutput = Array.isArray( + exampleItem?.example_output + ); + + return ( ++ {exampleItem.example_input} +
+ {isStringOutput && ( ++ {exampleItem.example_output} +
+ )} + + )} + {isInputOrOutput && ( + <> ++ {exampleItem.example_input} +
+ {isArrayOutput && ( ++ {outputItem?.value} +
+ ) + )} +
+ {splitDescriptions.map(
+ (text: any, subIndex: any) => {
+ const isQuoted =
+ typeof text === 'string' &&
+ /^(['"]).*\1$/.test(text);
+ const containsBetterBugs =
+ text.includes('BetterBugs.io');
+ if (containsBetterBugs) {
+ const parts = text.split('BetterBugs.io');
+ return (
+
+ {development_tools_user_agent_info?.intro_text} +
+ )} + {development_tools_user_agent_info?.example_string && ( ++ {development_tools_user_agent_info?.example_string} +
+ )} + {development_tools_user_agent_info?.example_string_description && ( ++ { + development_tools_user_agent_info?.example_string_description + } +
+ )} + {development_tools_user_agent_info?.info_items && ( ++ {development_tools_steps_guide?.guide_description + ?.split(/((['"]).*?\2)/g) + ?.map((parts: any, i: any) => { + const isQuoted = + typeof parts === 'string' && + /^(['"]).*\1$/.test(parts); + return isQuoted ? ( + + {parts} + + ) : ( + + {parts} + + ); + })} +
+ + )} + {development_tools_steps_guide?.steps?.length > 0 && ( +
+ {p?.steps_points_description
+ ?.split(/((['"]).*?\2)/)
+ .map(
+ (part: string, i: number) =>
+ typeof part === 'string' &&
+ /^(['"]).*\1$/.test(
+ part
+ ) ? (
+
+ {part}
+
+ ) : (
+
+ {development_tool_example?.example_description} +
+ )} + + {development_tool_example?.example_input && ( ++ {development_tool_example?.example_input?.title} +
+ )} + {development_tool_example?.example_input + ?.json_data && ( +
+
+ {
+ development_tool_example?.example_input
+ ?.json_data
+ }
+
+
+ )}
+ + {development_tool_example?.example_outputs?.intro} +
+ )} + {development_tool_example?.example_outputs?.outputs?.map( + (output: any, index: number) => ( ++ {output?.mode} +
+ )} + {output?.title && ( ++ {output?.title} +
+ )} + {output?.content && ( +
+
+ {output?.content}
+
+
+ )}
+ {output?.note && (
+ + {output?.note} +
+ )} ++ { + development_tool_example?.javascript_example + ?.description + } +
+ )} + + {development_tool_example?.javascript_example?.methods + ?.length > 0 && ( ++ {example?.title} +
+ )} + {example?.code && ( +
+
+ {example?.code}
+
+
+ )}
+ + { + development_tool_example?.javascript_example + ?.note + } +
+ )} ++ {splitDescriptions.map( + (text: any, subIndex: any) => { + const isQuoted = + typeof text === 'string' && + /^(['"]).*\1$/.test(text); + + return ( + + {text} + + ); + } + )} +
+ ); + } + )} ++ {development_tools_how_use?.how_use_description} +
+ + )} + {development_tools_how_use?.point?.length > 0 && ( ++ {how?.heading} +
+ ) : ( ++ {d?.desc} +
+ ) + )} ++ Swiftly document and share bugs like never before +
++ Free Forever. No Credit Card Required. +
++ Use AI{' '} + to reproduce and fix bugs +
++ + Screen Recording + {' '} + with{' '} + + Rewind (Upto 2-min) + +
++ Capture{' '} + + {' '} + backend logs + + with every bug report +
++ Assign bugs and{' '} + share at + single click +
+
+ Two-way sync with
+
popular tools
+
+ {tool?.name} +
+- Swiftly document and share bugs like never before -
-- Free Forever. No Credit Card Required. -
-- Use AI to - reproduce and fix bugs -
-- - Screen Recording - {' '} - with{' '} - - Rewind (Upto 2-min) - -
-- Capture{' '} - - {' '} - backend logs - - with every bug report -
-- Assign bugs and{' '} - share at - single click -
-
- {hero_section?.description
- ?.split('BetterBugs.io')
- .map((part: any, index: any, arr: any) => (
-
- {desc.description} -
- )} - {/* Render examples */} - {desc.example.map( - (exampleItem: any, exampleIndex: number) => { - const isExampleHeading = - exampleItem?.example_input?.startsWith( - 'Example' - ); - const isInputOrOutput = - exampleItem?.example_input === 'Input' || - exampleItem?.example_input === 'Output'; - const isStringOutput = - typeof exampleItem?.example_output === - 'string'; - const isArrayOutput = Array.isArray( - exampleItem?.example_output - ); - - return ( -- {exampleItem.example_input} -
- {isStringOutput && ( -- {exampleItem.example_output} -
- )} - - )} - {isInputOrOutput && ( - <> -- {exampleItem.example_input} -
- {isArrayOutput && ( -- {outputItem?.value} -
- ) - )} -
- {splitDescriptions.map(
- (text: any, subIndex: any) => {
- const isQuoted =
- typeof text === "string" && /^(['"]).*\1$/.test(text);
- const containsBetterBugs =
- text.includes('BetterBugs.io');
-
- if (containsBetterBugs) {
- // Split the text around 'BetterBugs.io' to wrap it in a link
- const parts = text.split('BetterBugs.io');
- return (
-
- {development_tools_user_agent_info?.intro_text} -
- )} - {development_tools_user_agent_info?.example_string && ( -- {development_tools_user_agent_info?.example_string} -
- )} - {development_tools_user_agent_info?.example_string_description && ( -- {development_tools_user_agent_info?.example_string_description} -
- )} - {development_tools_user_agent_info?.info_items && ( -- {development_tools_steps_guide?.guide_description - ?.split(/((['"]).*?\2)/g) - ?.map((parts: any, i: any) => { - const isQuoted = - typeof parts === "string" && - /^(['"]).*\1$/.test(parts); - return isQuoted ? ( - - {parts} - - ) : ( - - {parts} - - ); - })} -
- - )} - {development_tools_steps_guide?.steps?.length > 0 && ( -
- {p?.steps_points_description
- ?.split(/((['"]).*?\2)/)
- .map((part: string, i: number) =>
- typeof part === "string" &&
- /^(['"]).*\1$/.test(part) ? (
-
- {part}
-
- ) : (
-
- {development_tool_example?.example_description} -
- )} - - {development_tool_example?.example_input && ( -- {development_tool_example?.example_input?.title} -
- )} - {development_tool_example?.example_input - ?.json_data && ( -
-
- {
- development_tool_example?.example_input
- ?.json_data
- }
-
-
- )}
- - {development_tool_example?.example_outputs?.intro} -
- )} - {development_tool_example?.example_outputs?.outputs?.map( - (output: any, index: number) => ( -- {output?.mode} -
- )} - {output?.title && ( -- {output?.title} -
- )} - {output?.content && ( -
-
- {output?.content}
-
-
- )}
- {output?.note && (
- - {output?.note} -
- )} -- { - development_tool_example?.javascript_example - ?.description - } -
- )} - - {development_tool_example?.javascript_example?.methods - ?.length > 0 && ( -- {example?.title} -
- )} - {example?.code && ( -
-
- {example?.code}
-
-
- )}
- - { - development_tool_example?.javascript_example - ?.note - } -
- )} -- {splitDescriptions.map( - (text: any, subIndex: any) => { - const isQuoted = - typeof text === "string" && - /^(['"]).*\1$/.test(text); - - return ( - - {text} - - ); - } - )} -
- ); - } - )} -- {development_tools_how_use?.how_use_description} -
- - )} - {development_tools_how_use?.point?.length > 0 && ( -- {how?.heading} -
- ) : ( -- {d?.desc} -
- ) - )} -- Swiftly document and share bugs like never before -
-- Free Forever. No Credit Card Required. -
-- Use AI{' '} - to reproduce and fix bugs -
-- - Screen Recording - {' '} - with{' '} - - Rewind (Upto 2-min) - -
-- Capture{' '} - - {' '} - backend logs - - with every bug report -
-- Assign bugs and{' '} - share at - single click -
-
- Two-way sync with
-
popular tools
-
- {tool?.name} -
-{faq?.des}
- - ))} -{item?.label}
, - })), - }} + popupRender={() => menu?.dropdown?.[0]?.label ?? null} trigger={['hover']} >{
{item.content}
} -+ {item.header} +
+ ), + children: item.content &&{item.content}
, + }))} + /> {responsiveHeader?.map((data: any, index: any) => ({ + if (!pathname || pathname === "/") return CANONICAL_BASE_PATH; + + if ( + pathname === CANONICAL_BASE_PATH || + pathname.startsWith(`${CANONICAL_BASE_PATH}/`) + ) { + return pathname; + } + + return `${CANONICAL_BASE_PATH}${pathname.startsWith("/") ? pathname : `/${pathname}`}`; +}; + const CanonicalLink = () => { const router = usePathname(); - let url = ""; - if (router === "/use-cases/[slug]") { - url = WEB_URL + router; - } else { - url = WEB_URL + router; - } - const canonicalURL = url; + const canonicalURL = WEB_URL + buildCanonicalPath(router); return ( <> diff --git a/app/layout.tsx b/app/layout.tsx index 00e570a..76b2287 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,38 +1,16 @@ -'use client'; import 'antd/dist/reset.css'; import './styles/global.scss'; import { Poppins } from 'next/font/google'; -import HeaderComponent from './components/layout/Header/headerComponent'; -import CanonicalLink from './components/theme/canonicalLink/canonicalLink'; -import { - LayoutContext, - LayoutContextModel, - LayoutContextProvider, -} from './contexts/layoutContexts'; -import { ThemeProvider } from './contexts/themeContext'; -import FooterComponent from './components/layout/footer/footerComponent'; -import { useMediaQuery } from 'react-responsive'; -import { Suspense, useContext } from 'react'; -import { CookiesProvider } from 'react-cookie'; +import { AntdRegistry } from '@ant-design/nextjs-registry'; import Script from 'next/script'; -import dynamic from 'next/dynamic'; - -const AnimatedCursor = dynamic(() => import('react-animated-cursor'), { - ssr: false, -}); +import ClientLayout from './ClientLayout'; const inter = Poppins({ subsets: ['latin'], weight: ['100', '200', '300', '400', '500', '600', '700', '800', '900'], }); -const MyApp = ({ children }: { children: JSX.Element }): JSX.Element => { - const { isClient }: LayoutContextModel = useContext(LayoutContext); - - const isDesktopOrLaptop = useMediaQuery({ - query: '(min-width: 1024px)', - }); - +const RootLayout = ({ children }: { children: React.ReactNode }) => { return (
@@ -41,7 +19,7 @@ const MyApp = ({ children }: { children: JSX.Element }): JSX.Element => { content="MdnRMoBETw7d7ltRJoXu8nAIg6ah5iUdVXpNp_fFGH8" /> - + {process.env.NEXT_ENV === 'PRODUCTION' && ( <> + /> - + /> + -