From 10da8f3f317e21d58811b1cf3813afa31cd6b572 Mon Sep 17 00:00:00 2001 From: Charis <26616127+charislam@users.noreply.github.com> Date: Wed, 10 Jan 2024 05:45:44 -0500 Subject: [PATCH] =?UTF-8?q?Revert=20"feat:=20display=20api=20urls=20and=20?= =?UTF-8?q?keys=20instead=20of=20placeholders=20in=20do=E2=80=A6=20(#20302?= =?UTF-8?q?)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Revert "feat: display api urls and keys instead of placeholders in docs (#19672)" This reverts commit 0e8ee2e8901e6412ebe7a35e68acb4d655178687. --- .../Navigation/NavigationMenu/TopNavBar.tsx | 49 +- .../components/ProjectConfigVariables.tsx | 451 - apps/docs/components/index.tsx | 2 - apps/docs/lib/constants.ts | 6 +- apps/docs/lib/fetch/branches.ts | 87 - apps/docs/lib/fetch/fetchWrappers.ts | 82 - apps/docs/lib/fetch/organizations.ts | 28 - apps/docs/lib/fetch/projectApi.ts | 45 - apps/docs/lib/fetch/projects.ts | 28 - apps/docs/lib/fetch/queryClient.ts | 45 - apps/docs/lib/fetchWrappers.tsx | 18 + apps/docs/lib/storage.ts | 34 - apps/docs/lib/userAuth.ts | 36 - apps/docs/package.json | 5 - apps/docs/pages/__dev-secret-auth.tsx | 62 - apps/docs/pages/_app.tsx | 101 +- .../getting-started/quickstarts/flutter.mdx | 5 +- .../getting-started/quickstarts/kotlin.mdx | 6 +- .../getting-started/quickstarts/nextjs.mdx | 9 +- .../getting-started/quickstarts/nuxtjs.mdx | 5 +- .../getting-started/quickstarts/reactjs.mdx | 5 +- .../getting-started/quickstarts/refine.mdx | 3 - .../getting-started/quickstarts/solidjs.mdx | 5 +- .../getting-started/quickstarts/sveltekit.mdx | 5 +- .../getting-started/quickstarts/vue.mdx | 5 +- apps/docs/types/api.d.ts | 12587 ---------------- apps/docs/types/fetch.ts | 5 - package-lock.json | 60 +- packages/ui/index.tsx | 2 - 29 files changed, 110 insertions(+), 13671 deletions(-) delete mode 100644 apps/docs/components/ProjectConfigVariables.tsx delete mode 100644 apps/docs/lib/fetch/branches.ts delete mode 100644 apps/docs/lib/fetch/fetchWrappers.ts delete mode 100644 apps/docs/lib/fetch/organizations.ts delete mode 100644 apps/docs/lib/fetch/projectApi.ts delete mode 100644 apps/docs/lib/fetch/projects.ts delete mode 100644 apps/docs/lib/fetch/queryClient.ts create mode 100644 apps/docs/lib/fetchWrappers.tsx delete mode 100644 apps/docs/lib/storage.ts delete mode 100644 apps/docs/lib/userAuth.ts delete mode 100644 apps/docs/pages/__dev-secret-auth.tsx delete mode 100644 apps/docs/types/api.d.ts delete mode 100644 apps/docs/types/fetch.ts diff --git a/apps/docs/components/Navigation/NavigationMenu/TopNavBar.tsx b/apps/docs/components/Navigation/NavigationMenu/TopNavBar.tsx index 20197b92b81..7d0070fb107 100644 --- a/apps/docs/components/Navigation/NavigationMenu/TopNavBar.tsx +++ b/apps/docs/components/Navigation/NavigationMenu/TopNavBar.tsx @@ -1,16 +1,58 @@ import { useTheme } from 'next-themes' import Image from 'next/legacy/image' import Link from 'next/link' -import { FC } from 'react' +import { useRouter } from 'next/router' +import { FC, useState } from 'react' import { Button, IconCommand, IconGitHub, IconSearch, SearchButton } from 'ui' import { useIsLoggedIn, useIsUserLoading } from 'common' +import { getPageType } from '~/lib/helpers' +import { REFERENCES } from './NavigationMenu.constants' import ThemeToggle from '@ui/components/ThemeProvider/ThemeToggle' const TopNavBar: FC = () => { const isLoggedIn = useIsLoggedIn() const isUserLoading = useIsUserLoading() const { resolvedTheme } = useTheme() + const [mobileMenuOpen, setMobileMenuOpen] = useState(false) + + const { asPath, push } = useRouter() + const pathSegments = asPath.split('/') + + const library = pathSegments.length >= 3 ? pathSegments[2] : undefined + const libraryMeta = REFERENCES?.[library] ?? undefined + const versions = libraryMeta?.versions ?? [] + + const version = versions.includes(pathSegments[pathSegments.indexOf(library) + 1]) + ? pathSegments[pathSegments.indexOf(library) + 1] + : versions[0] + + const pageType = getPageType(asPath) + + const pageLinks = [ + { text: 'Guides', key: 'docs', link: '/' }, + { text: 'Reference', key: 'reference', link: '/reference' }, + ] + + const onSelectVersion = (version: string) => { + // [Joshen] Ideally we use but this works for now + if (!library) return + if (version === versions[0]) { + push(`/reference/${library}`) + } else { + push(`/reference/${library}/${version}`) + } + } + + // [Joshen] Kaizen: Use UI library's SidePanel for this + const toggleMobileMenu = () => { + setMobileMenuOpen(!mobileMenuOpen) + const sidebar = document.querySelector('.sidebar-menu-container') + const contentPane = document.querySelector('.main-content-pane') + + sidebar.classList.toggle('hidden') + contentPane.classList.toggle('hidden') + } return (