2/4 move @graphprotocol/nextra-theme to @graphprotocol/docs

website/next.config.js

@@ -23,7 +23,7 @@ const env = {
 }
 
 const withNextra = nextra({
-  theme: '@graphprotocol/nextra-theme',
+  theme: './src/nextra-theme/index.tsx',
   search: false,
   codeHighlight: false,
   defaultShowCopyCode: false,

website/package.json

@@ -12,12 +12,17 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@docsearch/react": "^3.6.1",
+    "@radix-ui/react-collapsible": "^1.1.0",
+    "@radix-ui/react-visually-hidden": "^1.1.0",
+    "lodash": "^4.17.21",
+    "react-intersection-observer": "^9.13.0",
+    "react-use": "^17.5.0",
     "@edgeandnode/common": "^6.13.0",
     "@edgeandnode/gds": "^5.23.0",
     "@edgeandnode/go": "^6.33.0",
     "@emotion/react": "^11.12.0",
     "@graphprotocol/contracts": "6.2.1",
-    "@graphprotocol/nextra-theme": "workspace:*",
     "@phosphor-icons/react": "^2.1.7",
     "mixpanel-browser": "^2.53.0",
     "next": "^14.2.5",
@@ -31,6 +36,7 @@
     "unist-util-visit": "^5.0.0"
   },
   "devDependencies": {
+    "@types/lodash": "^4.17.7",
     "@graphprotocol/client-cli": "3.0.3",
     "@types/mdast": "^4.0.4",
     "@types/mixpanel-browser": "^2.49.1",

website/pages/[locale]/[...404].tsx

@@ -1,6 +1,6 @@
-import { LinkInline } from '@graphprotocol/nextra-theme'
 import type { GetStaticPaths, GetStaticProps, NextPage } from 'next'
 
+import { Link } from '@edgeandnode/gds'
 import { NotFound, Spacing } from '@edgeandnode/gds'
 
 import { supportedLocales, useI18n } from '@/i18n'
@@ -26,7 +26,7 @@ const Page: NextPage = () => {
       <NotFound
         title={t('global.notFoundTitle')}
         subtitle={t('global.notFoundSubtitle')}
-        link={<LinkInline href="/">{t('global.goHome')}</LinkInline>}
+        link={<Link.Inline href="/">{t('global.goHome')}</Link.Inline>}
       />
     </div>
   )

website/pages/_app.tsx

@@ -1,4 +1,3 @@
-import { DocSearch } from '@graphprotocol/nextra-theme'
 import mixpanel from 'mixpanel-browser'
 import type { AppProps } from 'next/app'
 import NextLink from 'next/link'
@@ -18,6 +17,7 @@ import {
 import { CookieBanner, GlobalFooter, GlobalHeader } from '@edgeandnode/go'
 
 import { supportedLocales, translations, useI18n } from '@/i18n'
+import { DocSearch } from '@/src/nextra-theme/components'
 
 import '@edgeandnode/gds/style.css'
 import '@docsearch/css'

website/pages/en/developing/graph-ts/README.md

@@ -73,8 +73,8 @@ For examples of `graph-ts` in use take a look at one of the following subgraphs:
 
 Copyright © 2018 Graph Protocol, Inc. and contributors.
 
-The Graph TypeScript library is dual-licensed under the [MIT license](LICENSE-MIT) and the
-[Apache License, Version 2.0](LICENSE-APACHE).
+The Graph TypeScript library is dual-licensed under the [MIT license](../../LICENSE-MIT) and the
+[Apache License, Version 2.0](../../LICENSE-APACHE).
 
 Unless required by applicable law or agreed to in writing, software distributed under the License is
 distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or

website/src/IndexPage.tsx

@@ -1,10 +1,10 @@
-import { Image, LinkInline } from '@graphprotocol/nextra-theme'
 import { useData } from 'nextra/hooks'
 
 import { BorderRadius, buildBorder, buildTransition, Flex, Link, Spacing, Text } from '@edgeandnode/gds'
 import { NetworkIcon } from '@edgeandnode/go'
 
 import { useI18n } from '@/i18n'
+import { Image } from '@/src/nextra-theme/components'
 
 import { getSupportedNetworks } from './supportedNetworks'
 
@@ -139,7 +139,7 @@ export function NetworkRoles() {
             </Text>
           </div>
           <Text as="div" weight="SEMIBOLD" size="16px" sx={{ mt: 'auto' }}>
-            <LinkInline href={role.href}>{t('index.readMore')}</LinkInline>
+            <Link.Inline href={role.href}>{t('index.readMore')}</Link.Inline>
           </Text>
         </Flex.Column>
       ))}
@@ -187,7 +187,7 @@ export function Products() {
             </Text>
           </div>
           <Text as="div" weight="SEMIBOLD" size="16px" sx={{ mt: 'auto' }}>
-            <LinkInline href={product.href}>{t('index.readMore')}</LinkInline>
+            <Link.Inline href={product.href}>{t('index.readMore')}</Link.Inline>
           </Text>
         </Flex.Column>
       ))}

website/src/contracts.tsx

@@ -1,9 +1,10 @@
 import ContractAddresses from '@graphprotocol/contracts/addresses.json'
-import { Table } from '@graphprotocol/nextra-theme'
 
 import { getAddressLink } from '@edgeandnode/common'
 import { Link } from '@edgeandnode/gds'
 
+import { Table } from '@/src/nextra-theme/components'
+
 type ValueOf<T> = T[keyof T]
 const contractsByNetworkId = ContractAddresses as Record<string, ValueOf<typeof ContractAddresses>>