Update dependencies + add sunrise announcement banner (#692)

* Update dependencies + add sunrise announcement banner

* Update GDS and GO

Dockerfile

@@ -6,7 +6,7 @@ ENV ENVIRONMENT=$ENVIRONMENT
 ENV PNPM_HOME="/usr/bin"
 
 RUN apk add --no-cache git
-RUN npm install -g pnpm@9.0.5
+RUN npm install -g pnpm@9.1.0
 
 WORKDIR /app
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "the-graph-docs-monorepo",
   "private": true,
-  "packageManager": "pnpm@9.0.5",
+  "packageManager": "pnpm@9.1.0",
   "scripts": {
     "build": "NODE_OPTIONS='--max_old_space_size=4096' turbo run build",
     "check": "pnpm typecheck && pnpm lint && pnpm prettier:check",

packages/nextra-theme/package.json

@@ -25,29 +25,29 @@
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@edgeandnode/gds": "^5.6.1",
-    "@edgeandnode/go": "^6.7.1",
-    "@emotion/react": "^11.11",
+    "@edgeandnode/gds": "^5",
+    "@edgeandnode/go": "^6",
+    "@emotion/react": "^11",
     "next": "^13",
     "next-seo": "^6",
-    "nextra": "^2.12",
-    "react-dom": "^18.2",
+    "nextra": "^2",
+    "react-dom": "^18",
     "theme-ui": "^0.16"
   },
   "dependencies": {
     "@docsearch/react": "^3.6.0",
     "@radix-ui/react-collapsible": "^1.0.3",
     "@radix-ui/react-visually-hidden": "^1.0.3",
     "lodash": "^4.17.21",
-    "react-intersection-observer": "^9.10.1",
+    "react-intersection-observer": "^9.10.2",
     "react-use": "^17.5.0"
   },
   "devDependencies": {
-    "@edgeandnode/gds": "^5.8.1",
-    "@edgeandnode/go": "^6.10.0",
+    "@edgeandnode/gds": "^5.12.0",
+    "@edgeandnode/go": "^6.18.1",
     "@emotion/react": "^11.11.4",
-    "@types/lodash": "^4.17.0",
-    "@types/react": "^18.3.1",
+    "@types/lodash": "^4.17.4",
+    "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "next": "^14.2.3",
     "next-seo": "^6.5.0",

packages/nextra-theme/src/components/Callout.tsx

@@ -1,4 +1,4 @@
-import { buildBorder, Spacing, Text, TextProps } from '@edgeandnode/gds'
+import { buildBorder, Spacing, Text, type TextProps } from '@edgeandnode/gds'
 
 export type CalloutProps = Omit<TextProps, 'color'>
 

packages/nextra-theme/src/components/Code.tsx

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from 'react'
+import type { HTMLAttributes, ReactNode } from 'react'
 
 import { Code, Spacing } from '@edgeandnode/gds'
 

packages/nextra-theme/src/components/DocSearch.tsx

@@ -1,4 +1,4 @@
-import { DocSearchModal, DocSearchProps, useDocSearchKeyboardEvents } from '@docsearch/react'
+import { DocSearchModal, type DocSearchProps, useDocSearchKeyboardEvents } from '@docsearch/react'
 import { keyframes } from '@emotion/react'
 import { useCallback, useRef, useState } from 'react'
 import { createPortal } from 'react-dom'
@@ -64,8 +64,8 @@ export function DocSearch(props: DocSearchProps) {
         onClick={onOpen}
         innerFocusRing
         sx={{
-          borderRadius: [BorderRadius.FULL, null, BorderRadius.S],
-          '&:focus-visible': { outline: ['none', null, `${BorderWidth['4px']} solid ${theme.colors!.Purple16}`] },
+          borderRadius: [BorderRadius.FULL, null, null, BorderRadius.S],
+          '&:focus-visible': { outline: ['none', null, null, `${BorderWidth['4px']} solid ${theme.colors!.Purple16}`] },
         }}
       >
         <Responsive.Multiple as="span" cases={['mobile', null, null, 'desktop']}>

packages/nextra-theme/src/components/EditPageLink.tsx

@@ -1,4 +1,4 @@
-import { HTMLAttributes, useContext } from 'react'
+import { type HTMLAttributes, useContext } from 'react'
 
 import { Icon, Link, useI18n } from '@edgeandnode/gds'
 

packages/nextra-theme/src/components/Heading.tsx

@@ -1,9 +1,9 @@
 import * as VisuallyHidden from '@radix-ui/react-visually-hidden'
-import { ElementType, useContext } from 'react'
+import { type ElementType, useContext } from 'react'
 import { useInView } from 'react-intersection-observer'
 import { useDebounce } from 'react-use'
 
-import { buildTransition, Opacity, Spacing, Text, TextProps, useI18n } from '@edgeandnode/gds'
+import { buildTransition, Opacity, Spacing, Text, type TextProps, useI18n } from '@edgeandnode/gds'
 
 import { LinkInline } from '@/components'
 import { DocumentContext } from '@/layout/DocumentContext'

packages/nextra-theme/src/components/Image.tsx

@@ -1,4 +1,4 @@
-import { ImgHTMLAttributes } from 'react'
+import type { ImgHTMLAttributes } from 'react'
 
 export type ImageProps = Omit<ImgHTMLAttributes<HTMLImageElement>, 'children'>
 

packages/nextra-theme/src/components/Link.tsx

@@ -1,4 +1,4 @@
-import { AnchorHTMLAttributes } from 'react'
+import type { AnchorHTMLAttributes } from 'react'
 
 import { Link } from '@edgeandnode/gds'
 

packages/nextra-theme/src/components/List.tsx

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react'
+import type { HTMLAttributes } from 'react'
 
 import { List, Spacing } from '@edgeandnode/gds'
 

packages/nextra-theme/src/components/NavTree.tsx

@@ -1,18 +1,18 @@
 import { keyframes } from '@emotion/react'
 import * as Collapsible from '@radix-ui/react-collapsible'
-import { AnchorHTMLAttributes, createContext, HTMLAttributes, useContext, useState } from 'react'
-import { SxProp } from 'theme-ui'
+import { type AnchorHTMLAttributes, createContext, type HTMLAttributes, useContext, useState } from 'react'
+import type { SxProp } from 'theme-ui'
 
 import {
   buildTransition,
   Divider,
   Flex,
   Icon,
-  IconProps,
+  type IconProps,
   Link,
   Spacing,
   Text,
-  TextProps,
+  type TextProps,
   useI18n,
 } from '@edgeandnode/gds'
 

packages/nextra-theme/src/components/Paragraph.tsx

@@ -1,4 +1,4 @@
-import { Spacing, Text, TextProps } from '@edgeandnode/gds'
+import { Spacing, Text, type TextProps } from '@edgeandnode/gds'
 
 export type ParagraphProps = Omit<TextProps, 'color'>
 

packages/nextra-theme/src/components/Table.tsx

@@ -1,4 +1,4 @@
-import { TableHTMLAttributes } from 'react'
+import type { TableHTMLAttributes } from 'react'
 
 import { buildBorder, buildColor, FontWeight, Spacing, Text } from '@edgeandnode/gds'
 

packages/nextra-theme/src/components/VideoEmbed.tsx

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react'
+import type { HTMLAttributes } from 'react'
 
 import { useI18n } from '@edgeandnode/gds'
 

packages/nextra-theme/src/index.tsx

@@ -1,14 +1,14 @@
 import merge from 'lodash/merge'
-import { NextSeo, NextSeoProps } from 'next-seo'
-import { NextraThemeLayoutProps } from 'nextra'
+import { NextSeo, type NextSeoProps } from 'next-seo'
+import type { NextraThemeLayoutProps } from 'nextra'
 import { useFSRoute } from 'nextra/hooks'
 import { MDXProvider } from 'nextra/mdx'
 import { normalizePages } from 'nextra/normalize-pages'
-import { ReactElement, useCallback, useMemo } from 'react'
+import { type ReactElement, useCallback, useMemo } from 'react'
 import { useSet } from 'react-use'
-import { ThemeUICSSObject } from 'theme-ui'
+import type { ThemeUICSSObject } from 'theme-ui'
 
-import { Divider, DividerProps, Flex, Icon, Spacing, useI18n } from '@edgeandnode/gds'
+import { Divider, type DividerProps, Flex, Icon, Spacing, useI18n } from '@edgeandnode/gds'
 import { NPSForm } from '@edgeandnode/go'
 
 import {

packages/nextra-theme/src/layout/DocumentContext.ts

@@ -1,5 +1,5 @@
-import { NextSeoProps } from 'next-seo'
-import { Heading } from 'nextra'
+import type { NextSeoProps } from 'next-seo'
+import type { Heading } from 'nextra'
 import { createContext } from 'react'
 
 export type Frontmatter = {

packages/nextra-theme/src/layout/MDXLayoutNav.tsx

@@ -1,7 +1,7 @@
 import { keyframes } from '@emotion/react'
 import * as Collapsible from '@radix-ui/react-collapsible'
-import { Item } from 'nextra/normalize-pages'
-import { Fragment, PropsWithChildren, useContext, useEffect, useState } from 'react'
+import type { Item } from 'nextra/normalize-pages'
+import { Fragment, type PropsWithChildren, useContext, useEffect, useState } from 'react'
 
 import { BorderRadius, buildTransition, Flex, Icon, Spacing, Text, useI18n } from '@edgeandnode/gds'
 

packages/og-image/package.json

@@ -16,12 +16,12 @@
     "yoga-wasm-web": "0.3.3"
   },
   "devDependencies": {
-    "@cloudflare/workers-types": "^4.20240423.0",
-    "@types/react": "^18.3.1",
+    "@cloudflare/workers-types": "^4.20240524.0",
+    "@types/react": "^18.3.3",
     "jest-image-snapshot": "^6.4.0",
-    "tsx": "^4.7.3",
+    "tsx": "^4.11.0",
     "typescript": "^5.4.5",
-    "vitest": "^0.34.6",
-    "wrangler": "^3.53.0"
+    "vitest": "^1.6.0",
+    "wrangler": "^3.57.2"
   }
 }

packages/og-image/tsconfig.json

@@ -9,10 +9,12 @@
     "resolveJsonModule": true,
     "moduleDetection": "force",
     "isolatedModules": true,
+    "verbatimModuleSyntax": true,
     "incremental": true,
     /* Strictness */
     "strict": true,
     "noUncheckedIndexedAccess": true,
+    "noImplicitOverride": true,
     /* NOT transpiling with TS */
     "module": "ESNext",
     "moduleResolution": "bundler",