From e70759853d51f64ca8c24e2bce67a9c428e6c22c Mon Sep 17 00:00:00 2001 From: Dimitri POSTOLOV Date: Tue, 12 Jul 2022 14:27:15 +0200 Subject: [PATCH] fixes select styles on home page --- .prettierignore | 4 +- package.json | 5 +- website/package.json | 2 +- website/src/components/live-demo/Editor.tsx | 2 +- website/src/components/live-demo/LiveDemo.tsx | 102 ++++++++---------- .../components/live-demo/styles.module.css | 33 ------ website/src/pages/_app.tsx | 3 +- .../docs/custom-codegen/contributing.mdx | 2 +- .../plugins/c-sharp/c-sharp-operations.mdx | 1 + .../pages/plugins/flow/flow-operations.mdx | 1 + .../src/pages/plugins/flow/flow-resolvers.mdx | 1 + .../plugins/java/java-apollo-android.mdx | 1 + .../src/pages/plugins/java/java-resolvers.mdx | 1 + website/src/pages/plugins/java/java.mdx | 1 + website/src/pages/plugins/java/kotlin.mdx | 1 + website/src/pages/plugins/other/add.mdx | 1 + .../pages/plugins/other/fragment-matcher.mdx | 1 + .../pages/plugins/other/hasura-allow-list.mdx | 1 + .../src/pages/plugins/other/introspection.mdx | 1 + website/src/pages/plugins/other/jsdoc.mdx | 1 + .../src/pages/plugins/other/reason-client.mdx | 1 + .../src/pages/plugins/other/schema-ast.mdx | 1 + website/src/pages/plugins/other/time.mdx | 1 + .../plugins/other/urql-introspection.mdx | 1 + .../presets/gql-tag-operations-preset.mdx | 1 + .../presets/graphql-modules-preset.mdx | 1 + .../plugins/presets/import-types-preset.mdx | 1 + .../presets/near-operation-file-preset.mdx | 1 + .../typescript/named-operations-object.mdx | 1 + .../typescript/relay-operation-optimizer.mdx | 1 + .../typescript/typed-document-node.mdx | 1 + .../typescript/typescript-apollo-angular.mdx | 1 + .../typescript-apollo-client-helpers.mdx | 1 + .../typescript/typescript-apollo-next.mdx | 1 + .../typescript/typescript-document-nodes.mdx | 1 + .../typescript/typescript-generic-sdk.mdx | 1 + .../typescript-graphql-files-modules.mdx | 1 + .../typescript/typescript-graphql-request.mdx | 1 + .../plugins/typescript/typescript-mongodb.mdx | 1 + .../plugins/typescript/typescript-msw.mdx | 1 + .../plugins/typescript/typescript-oclif.mdx | 1 + .../typescript/typescript-operations.mdx | 1 + .../typescript/typescript-react-apollo.mdx | 1 + .../typescript/typescript-react-query.mdx | 1 + .../typescript/typescript-resolvers.mdx | 1 + .../typescript/typescript-rtk-query.mdx | 1 + .../typescript/typescript-stencil-apollo.mdx | 1 + .../typescript/typescript-svelte-apollo.mdx | 1 + .../typescript/typescript-type-graphql.mdx | 1 + .../plugins/typescript/typescript-urql.mdx | 1 + .../typescript-validation-schema.mdx | 1 + .../typescript-vue-apollo-smart-ops.mdx | 1 + .../typescript/typescript-vue-apollo.mdx | 1 + .../typescript/typescript-vue-urql.mdx | 1 + .../pages/plugins/typescript/typescript.mdx | 1 + yarn.lock | 8 +- 56 files changed, 101 insertions(+), 107 deletions(-) diff --git a/.prettierignore b/.prettierignore index 40bb0d42569..5be49635241 100644 --- a/.prettierignore +++ b/.prettierignore @@ -17,5 +17,5 @@ website/src/pages/docs/config-reference/schema-field.mdx website/src/pages/docs/getting-started/index.mdx website/src/pages/docs/guides/graphql-server-apollo-yoga.mdx website/src/pages/docs/guides/react.mdx -website/src/pages/plugin-hub/index.mdx -website/src/pages/plugin-hub/presets/near-operation-file-preset.mdx +website/src/pages/plugins/index.mdx +website/src/pages/plugins/presets/near-operation-file-preset.mdx diff --git a/package.json b/package.json index aa59757a940..4ea8f305ed3 100644 --- a/package.json +++ b/package.json @@ -100,10 +100,7 @@ "packages/**/src/**/*.{ts,tsx}": [ "eslint --fix" ], - "**/*.{ts,tsx,graphql,yml}": [ - "prettier --write" - ], - "**/*.json": [ + "**/*.{js,jsx,cjs,mjs,ts,tsx,graphql,gql,yml,yaml,json,md}": [ "prettier --write" ], "yarn.lock": [ diff --git a/website/package.json b/website/package.json index ed62b544d6c..1a902c3ffc0 100644 --- a/website/package.json +++ b/website/package.json @@ -75,7 +75,7 @@ "@guild-docs/client": "4.0.0-alpha-977f9d3.0", "@guild-docs/server": "4.0.0", "@monaco-editor/react": "4.4.5", - "@theguild/components": "2.0.0-alpha-067b6c4.0", + "@theguild/components": "2.0.0-alpha-8c5e72a.0", "classnames": "2.3.1", "date-fns": "2.28.0", "dedent": "0.7.0", diff --git a/website/src/components/live-demo/Editor.tsx b/website/src/components/live-demo/Editor.tsx index ed129af8121..7d77411d37d 100644 --- a/website/src/components/live-demo/Editor.tsx +++ b/website/src/components/live-demo/Editor.tsx @@ -14,7 +14,7 @@ const Editor = ({ readOnly?: boolean; onEdit: (value?: string) => void; }): ReactElement | null => { - const { theme } = useTheme() + const { theme } = useTheme(); if (!canUseDOM) { return null; } diff --git a/website/src/components/live-demo/LiveDemo.tsx b/website/src/components/live-demo/LiveDemo.tsx index 86d851cd193..f00d3e3f516 100644 --- a/website/src/components/live-demo/LiveDemo.tsx +++ b/website/src/components/live-demo/LiveDemo.tsx @@ -1,15 +1,14 @@ -import { useState, useEffect, Suspense, Fragment, ReactElement } from 'react'; +import { useState, useEffect, Suspense, ReactElement } from 'react'; import { load } from 'js-yaml'; import dynamic from 'next/dynamic'; import Image from 'next/image'; -import { useTheme } from 'next-themes'; +import { useTheme } from '@theguild/components'; import Select from 'react-select'; import { EXAMPLES, EXAMPLES_ICONS } from './examples'; import { getMode } from './formatter'; import { generate } from './generate'; import { Loading } from '../ui/Loading'; import LiveDemoEditors from './LiveDemoEditors'; -import classes from './styles.module.css'; const ErrorBoundary = dynamic(import('./ErrorBoundary'), { ssr: false }); @@ -49,8 +48,8 @@ const DEFAULT_EXAMPLE = { } as const; export const LiveDemo = (): ReactElement => { - const { theme } = useTheme() - const isDarkTheme = theme === 'dark' + const { theme } = useTheme(); + const isDarkTheme = theme === 'dark'; const [template, setTemplate] = useState(`${DEFAULT_EXAMPLE.catName}__${DEFAULT_EXAMPLE.index}`); const [schema, setSchema] = useState(EXAMPLES[DEFAULT_EXAMPLE.catName][DEFAULT_EXAMPLE.index].schema); const [documents, setDocuments] = useState(EXAMPLES[DEFAULT_EXAMPLE.catName][DEFAULT_EXAMPLE.index].documents); @@ -83,60 +82,45 @@ export const LiveDemo = (): ReactElement => { return (
-
-

Choose Live Example:

-
- ({ + ...styles, + fontSize: 13, + ...(isFocused && isDarkTheme && { backgroundColor: 'gray' }), + }), + }} + isMulti={false} + isClearable={false} + onChange={e => changeTemplate(e.selectId)} + getOptionValue={o => o.selectId} + getOptionLabel={o => ( +
+ {o.name} + {o.tags?.map((t, index) => { + const icon = EXAMPLES_ICONS[t]; + const key = `${o.name}_${index}`; + return icon ? ( + {icon.alt} + ) : ( + + {t} + + ); + })} +
+ )} + defaultValue={groupedExamples[0].options[0]} + options={groupedExamples} + />
diff --git a/website/src/components/live-demo/styles.module.css b/website/src/components/live-demo/styles.module.css index 7a222e9f191..4bb62a5ede4 100644 --- a/website/src/components/live-demo/styles.module.css +++ b/website/src/components/live-demo/styles.module.css @@ -1,43 +1,10 @@ @import url('https://fonts.googleapis.com/css2?family=Inconsolata&display=swap'); -.picker { - padding-left: 30px; - padding-right: 30px; - padding-bottom: 5px; - margin: 30px auto 0 auto; - text-align: center; - width: 50%; -} - -.exampleDesc { - font-size: 0.9em; - border-left: 10px #f1f1f1 solid; - padding-left: 10px; - margin-top: 10px; - text-align: left; -} - .react-monaco-editor-container, .monaco-editor { height: 400px; } -.exampleTag { - background-color: gainsboro; - border-radius: 10px; - font-size: 11px; - padding: 3px 5px 3px 5px; - color: black !important; - margin-right: 3px; - margin-left: 3px; -} - -.exampleTags { - padding-right: 20px; - float: right; - display: flex; -} - .column { align-self: stretch; flex-flow: column; diff --git a/website/src/pages/_app.tsx b/website/src/pages/_app.tsx index 2952207f847..e9ea5b7b9ac 100644 --- a/website/src/pages/_app.tsx +++ b/website/src/pages/_app.tsx @@ -1,9 +1,8 @@ import { ReactElement } from 'react'; import Script from 'next/script'; import { AppProps } from 'next/app'; -import { ThemeProvider } from 'next-themes'; import { useGoogleAnalytics } from '@guild-docs/client'; -import { Header, FooterExtended } from '@theguild/components'; +import { Header, ThemeProvider, FooterExtended } from '@theguild/components'; import 'nextra-theme-docs/style.css'; import '../../public/style.css'; diff --git a/website/src/pages/docs/custom-codegen/contributing.mdx b/website/src/pages/docs/custom-codegen/contributing.mdx index eb9be82453c..ded3c1654c0 100644 --- a/website/src/pages/docs/custom-codegen/contributing.mdx +++ b/website/src/pages/docs/custom-codegen/contributing.mdx @@ -261,7 +261,7 @@ const PACKAGES: Package[] = [ title: 'my-plugin', // page title npmPackage: '@graphql-codegen/my-plugin', // name of the npm package iconUrl: '/assets/img/icons/codegen.svg', // you can specify a custom icon, or use codegen's - tags: ['plugin', 'utilities'], // add tags for the search engine + tags: ['plugin', 'utilities'] // add tags for the search engine } // … ] diff --git a/website/src/pages/plugins/c-sharp/c-sharp-operations.mdx b/website/src/pages/plugins/c-sharp/c-sharp-operations.mdx index 3a9c43823ae..6fd81ad77e2 100644 --- a/website/src/pages/plugins/c-sharp/c-sharp-operations.mdx +++ b/website/src/pages/plugins/c-sharp/c-sharp-operations.mdx @@ -1,6 +1,7 @@ --- title: c-sharp-operations --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/flow/flow-operations.mdx b/website/src/pages/plugins/flow/flow-operations.mdx index 7c492c187ce..6fb0ca7bed5 100644 --- a/website/src/pages/plugins/flow/flow-operations.mdx +++ b/website/src/pages/plugins/flow/flow-operations.mdx @@ -1,6 +1,7 @@ --- title: flow-operations --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/flow/flow-resolvers.mdx b/website/src/pages/plugins/flow/flow-resolvers.mdx index 8b78f7f6f0c..18c01afdc2f 100644 --- a/website/src/pages/plugins/flow/flow-resolvers.mdx +++ b/website/src/pages/plugins/flow/flow-resolvers.mdx @@ -1,6 +1,7 @@ --- title: flow-resolvers --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/java/java-apollo-android.mdx b/website/src/pages/plugins/java/java-apollo-android.mdx index 108579ba4dc..05604dd916e 100644 --- a/website/src/pages/plugins/java/java-apollo-android.mdx +++ b/website/src/pages/plugins/java/java-apollo-android.mdx @@ -1,6 +1,7 @@ --- title: java-apollo-android --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader, PackageCmd } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/java/java-resolvers.mdx b/website/src/pages/plugins/java/java-resolvers.mdx index 0f161918551..097d4d51cc6 100644 --- a/website/src/pages/plugins/java/java-resolvers.mdx +++ b/website/src/pages/plugins/java/java-resolvers.mdx @@ -1,6 +1,7 @@ --- title: java-resolvers --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/java/java.mdx b/website/src/pages/plugins/java/java.mdx index 4163006b59d..1fe0dad54f0 100644 --- a/website/src/pages/plugins/java/java.mdx +++ b/website/src/pages/plugins/java/java.mdx @@ -1,6 +1,7 @@ --- title: java --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/java/kotlin.mdx b/website/src/pages/plugins/java/kotlin.mdx index c3b976b4872..ac91341540f 100644 --- a/website/src/pages/plugins/java/kotlin.mdx +++ b/website/src/pages/plugins/java/kotlin.mdx @@ -1,6 +1,7 @@ --- title: kotlin --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader, PackageCmd } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/other/add.mdx b/website/src/pages/plugins/other/add.mdx index c13a126ffde..b053e46908f 100644 --- a/website/src/pages/plugins/other/add.mdx +++ b/website/src/pages/plugins/other/add.mdx @@ -1,6 +1,7 @@ --- title: add --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/other/fragment-matcher.mdx b/website/src/pages/plugins/other/fragment-matcher.mdx index e903b63f880..653776daad7 100644 --- a/website/src/pages/plugins/other/fragment-matcher.mdx +++ b/website/src/pages/plugins/other/fragment-matcher.mdx @@ -1,6 +1,7 @@ --- title: fragment-matcher --- + import Callout from 'nextra-theme-docs/callout' import { Tabs, Tab } from 'nextra-theme-docs/tabs' import { PackageApiDocs, PackageHeader } from '@/components' diff --git a/website/src/pages/plugins/other/hasura-allow-list.mdx b/website/src/pages/plugins/other/hasura-allow-list.mdx index 89ca39ae523..903461bbbbe 100644 --- a/website/src/pages/plugins/other/hasura-allow-list.mdx +++ b/website/src/pages/plugins/other/hasura-allow-list.mdx @@ -1,6 +1,7 @@ --- title: hasura-allow-list --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/other/introspection.mdx b/website/src/pages/plugins/other/introspection.mdx index 05f976e63f8..505b55d988b 100644 --- a/website/src/pages/plugins/other/introspection.mdx +++ b/website/src/pages/plugins/other/introspection.mdx @@ -1,6 +1,7 @@ --- title: introspection --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/other/jsdoc.mdx b/website/src/pages/plugins/other/jsdoc.mdx index 2d56ce8cc42..226a226bcad 100644 --- a/website/src/pages/plugins/other/jsdoc.mdx +++ b/website/src/pages/plugins/other/jsdoc.mdx @@ -1,6 +1,7 @@ --- title: jsdoc --- + import { PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/other/reason-client.mdx b/website/src/pages/plugins/other/reason-client.mdx index ed5bd007fe7..75fe80bfd54 100644 --- a/website/src/pages/plugins/other/reason-client.mdx +++ b/website/src/pages/plugins/other/reason-client.mdx @@ -1,6 +1,7 @@ --- title: reason-client --- + import { PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/other/schema-ast.mdx b/website/src/pages/plugins/other/schema-ast.mdx index 9735dd674ef..3d01d9d3c27 100644 --- a/website/src/pages/plugins/other/schema-ast.mdx +++ b/website/src/pages/plugins/other/schema-ast.mdx @@ -1,6 +1,7 @@ --- title: schema-ast --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/other/time.mdx b/website/src/pages/plugins/other/time.mdx index 5eab6521ead..935c29ae3b8 100644 --- a/website/src/pages/plugins/other/time.mdx +++ b/website/src/pages/plugins/other/time.mdx @@ -1,6 +1,7 @@ --- title: time --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/other/urql-introspection.mdx b/website/src/pages/plugins/other/urql-introspection.mdx index ba2be8eedee..0f2820d6fa7 100644 --- a/website/src/pages/plugins/other/urql-introspection.mdx +++ b/website/src/pages/plugins/other/urql-introspection.mdx @@ -1,6 +1,7 @@ --- title: urql-introspection --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/presets/gql-tag-operations-preset.mdx b/website/src/pages/plugins/presets/gql-tag-operations-preset.mdx index 5e256a378f9..9a5d6c720e9 100644 --- a/website/src/pages/plugins/presets/gql-tag-operations-preset.mdx +++ b/website/src/pages/plugins/presets/gql-tag-operations-preset.mdx @@ -1,6 +1,7 @@ --- title: gql-tag-operations-preset --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/presets/graphql-modules-preset.mdx b/website/src/pages/plugins/presets/graphql-modules-preset.mdx index 968277f73f4..ed9d4b1a5c0 100644 --- a/website/src/pages/plugins/presets/graphql-modules-preset.mdx +++ b/website/src/pages/plugins/presets/graphql-modules-preset.mdx @@ -1,6 +1,7 @@ --- title: graphql-modules-preset --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/presets/import-types-preset.mdx b/website/src/pages/plugins/presets/import-types-preset.mdx index b5bc0c05226..d10d3278af7 100644 --- a/website/src/pages/plugins/presets/import-types-preset.mdx +++ b/website/src/pages/plugins/presets/import-types-preset.mdx @@ -1,6 +1,7 @@ --- title: import-types-preset --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/presets/near-operation-file-preset.mdx b/website/src/pages/plugins/presets/near-operation-file-preset.mdx index 58067b9ceb0..7d2a165e920 100644 --- a/website/src/pages/plugins/presets/near-operation-file-preset.mdx +++ b/website/src/pages/plugins/presets/near-operation-file-preset.mdx @@ -1,6 +1,7 @@ --- title: near-operation-file-preset --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/named-operations-object.mdx b/website/src/pages/plugins/typescript/named-operations-object.mdx index 8ee0596826e..bc43535446b 100644 --- a/website/src/pages/plugins/typescript/named-operations-object.mdx +++ b/website/src/pages/plugins/typescript/named-operations-object.mdx @@ -1,6 +1,7 @@ --- title: named-operations-object --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/relay-operation-optimizer.mdx b/website/src/pages/plugins/typescript/relay-operation-optimizer.mdx index be1044e6b9d..dd20284c7dc 100644 --- a/website/src/pages/plugins/typescript/relay-operation-optimizer.mdx +++ b/website/src/pages/plugins/typescript/relay-operation-optimizer.mdx @@ -1,6 +1,7 @@ --- title: relay-operation-optimizer --- + import Callout from 'nextra-theme-docs/callout' import { PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typed-document-node.mdx b/website/src/pages/plugins/typescript/typed-document-node.mdx index 5f3d69786d0..de6f0af2791 100644 --- a/website/src/pages/plugins/typescript/typed-document-node.mdx +++ b/website/src/pages/plugins/typescript/typed-document-node.mdx @@ -1,6 +1,7 @@ --- title: typed-document-node --- + import Callout from 'nextra-theme-docs/callout' import { PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-apollo-angular.mdx b/website/src/pages/plugins/typescript/typescript-apollo-angular.mdx index 487a19dbca4..bba558425d6 100644 --- a/website/src/pages/plugins/typescript/typescript-apollo-angular.mdx +++ b/website/src/pages/plugins/typescript/typescript-apollo-angular.mdx @@ -1,6 +1,7 @@ --- title: typescript-apollo-angular --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-apollo-client-helpers.mdx b/website/src/pages/plugins/typescript/typescript-apollo-client-helpers.mdx index 32e75c179c1..49c15000fbb 100644 --- a/website/src/pages/plugins/typescript/typescript-apollo-client-helpers.mdx +++ b/website/src/pages/plugins/typescript/typescript-apollo-client-helpers.mdx @@ -1,6 +1,7 @@ --- title: typescript-apollo-client-helpers --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-apollo-next.mdx b/website/src/pages/plugins/typescript/typescript-apollo-next.mdx index 01369a1c7dd..d3faad6504a 100644 --- a/website/src/pages/plugins/typescript/typescript-apollo-next.mdx +++ b/website/src/pages/plugins/typescript/typescript-apollo-next.mdx @@ -1,6 +1,7 @@ --- title: typescript-apollo-next --- + import { PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-document-nodes.mdx b/website/src/pages/plugins/typescript/typescript-document-nodes.mdx index 32c2446fcc2..68d0ab716c6 100644 --- a/website/src/pages/plugins/typescript/typescript-document-nodes.mdx +++ b/website/src/pages/plugins/typescript/typescript-document-nodes.mdx @@ -1,6 +1,7 @@ --- title: typescript-document-nodes --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-generic-sdk.mdx b/website/src/pages/plugins/typescript/typescript-generic-sdk.mdx index 102e95f2aa1..921c72b37c2 100644 --- a/website/src/pages/plugins/typescript/typescript-generic-sdk.mdx +++ b/website/src/pages/plugins/typescript/typescript-generic-sdk.mdx @@ -1,6 +1,7 @@ --- title: typescript-generic-sdk --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-graphql-files-modules.mdx b/website/src/pages/plugins/typescript/typescript-graphql-files-modules.mdx index 47382f2d6b6..ff5386571a3 100644 --- a/website/src/pages/plugins/typescript/typescript-graphql-files-modules.mdx +++ b/website/src/pages/plugins/typescript/typescript-graphql-files-modules.mdx @@ -1,6 +1,7 @@ --- title: typescript-graphql-files-modules --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-graphql-request.mdx b/website/src/pages/plugins/typescript/typescript-graphql-request.mdx index aded3280972..32694bfbcb4 100644 --- a/website/src/pages/plugins/typescript/typescript-graphql-request.mdx +++ b/website/src/pages/plugins/typescript/typescript-graphql-request.mdx @@ -1,6 +1,7 @@ --- title: typescript-graphql-request --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-mongodb.mdx b/website/src/pages/plugins/typescript/typescript-mongodb.mdx index 8651b1f8ab7..9910755c908 100644 --- a/website/src/pages/plugins/typescript/typescript-mongodb.mdx +++ b/website/src/pages/plugins/typescript/typescript-mongodb.mdx @@ -1,6 +1,7 @@ --- title: typescript-mongodb --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-msw.mdx b/website/src/pages/plugins/typescript/typescript-msw.mdx index ae55a356df8..7039828e399 100644 --- a/website/src/pages/plugins/typescript/typescript-msw.mdx +++ b/website/src/pages/plugins/typescript/typescript-msw.mdx @@ -1,6 +1,7 @@ --- title: typescript-msw --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-oclif.mdx b/website/src/pages/plugins/typescript/typescript-oclif.mdx index acdab3a810f..71b1dd9726b 100644 --- a/website/src/pages/plugins/typescript/typescript-oclif.mdx +++ b/website/src/pages/plugins/typescript/typescript-oclif.mdx @@ -1,6 +1,7 @@ --- title: typescript-oclif --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-operations.mdx b/website/src/pages/plugins/typescript/typescript-operations.mdx index dcd09d6d090..5e729f9ec13 100644 --- a/website/src/pages/plugins/typescript/typescript-operations.mdx +++ b/website/src/pages/plugins/typescript/typescript-operations.mdx @@ -1,6 +1,7 @@ --- title: typescript-operations --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-react-apollo.mdx b/website/src/pages/plugins/typescript/typescript-react-apollo.mdx index 1b7b1a68ea3..b914141d6af 100644 --- a/website/src/pages/plugins/typescript/typescript-react-apollo.mdx +++ b/website/src/pages/plugins/typescript/typescript-react-apollo.mdx @@ -1,6 +1,7 @@ --- title: typescript-react-apollo --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-react-query.mdx b/website/src/pages/plugins/typescript/typescript-react-query.mdx index 7e0fd698de1..e2ab6d502da 100644 --- a/website/src/pages/plugins/typescript/typescript-react-query.mdx +++ b/website/src/pages/plugins/typescript/typescript-react-query.mdx @@ -1,6 +1,7 @@ --- title: typescript-react-query --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-resolvers.mdx b/website/src/pages/plugins/typescript/typescript-resolvers.mdx index 1360eeb73be..513a11f4d49 100644 --- a/website/src/pages/plugins/typescript/typescript-resolvers.mdx +++ b/website/src/pages/plugins/typescript/typescript-resolvers.mdx @@ -1,6 +1,7 @@ --- title: typescript-resolvers --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-rtk-query.mdx b/website/src/pages/plugins/typescript/typescript-rtk-query.mdx index 1a3355ab161..110462f3c39 100644 --- a/website/src/pages/plugins/typescript/typescript-rtk-query.mdx +++ b/website/src/pages/plugins/typescript/typescript-rtk-query.mdx @@ -1,6 +1,7 @@ --- title: typescript-rtk-query --- + import Callout from 'nextra-theme-docs/callout' import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-stencil-apollo.mdx b/website/src/pages/plugins/typescript/typescript-stencil-apollo.mdx index b87106d5877..0bda19bc22f 100644 --- a/website/src/pages/plugins/typescript/typescript-stencil-apollo.mdx +++ b/website/src/pages/plugins/typescript/typescript-stencil-apollo.mdx @@ -1,6 +1,7 @@ --- title: typescript-stencil-apollo --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-svelte-apollo.mdx b/website/src/pages/plugins/typescript/typescript-svelte-apollo.mdx index 4cf73c5c9ea..2f85b1a6611 100644 --- a/website/src/pages/plugins/typescript/typescript-svelte-apollo.mdx +++ b/website/src/pages/plugins/typescript/typescript-svelte-apollo.mdx @@ -1,6 +1,7 @@ --- title: typescript-svelte-apollo --- + import { PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-type-graphql.mdx b/website/src/pages/plugins/typescript/typescript-type-graphql.mdx index 43e7819ee18..8acc9ed0596 100644 --- a/website/src/pages/plugins/typescript/typescript-type-graphql.mdx +++ b/website/src/pages/plugins/typescript/typescript-type-graphql.mdx @@ -1,6 +1,7 @@ --- title: typescript-type-graphql --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-urql.mdx b/website/src/pages/plugins/typescript/typescript-urql.mdx index 389e587bb80..1cc95f92b2b 100644 --- a/website/src/pages/plugins/typescript/typescript-urql.mdx +++ b/website/src/pages/plugins/typescript/typescript-urql.mdx @@ -1,6 +1,7 @@ --- title: typescript-urql --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-validation-schema.mdx b/website/src/pages/plugins/typescript/typescript-validation-schema.mdx index de301aa7b13..4f4d2332110 100644 --- a/website/src/pages/plugins/typescript/typescript-validation-schema.mdx +++ b/website/src/pages/plugins/typescript/typescript-validation-schema.mdx @@ -1,6 +1,7 @@ --- title: typescript-validation-schema --- + import { PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-vue-apollo-smart-ops.mdx b/website/src/pages/plugins/typescript/typescript-vue-apollo-smart-ops.mdx index 64b474bbafa..13e599b4fb7 100644 --- a/website/src/pages/plugins/typescript/typescript-vue-apollo-smart-ops.mdx +++ b/website/src/pages/plugins/typescript/typescript-vue-apollo-smart-ops.mdx @@ -1,6 +1,7 @@ --- title: typescript-vue-apollo-smart-ops --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-vue-apollo.mdx b/website/src/pages/plugins/typescript/typescript-vue-apollo.mdx index f9a71d21e98..0aa02b50309 100644 --- a/website/src/pages/plugins/typescript/typescript-vue-apollo.mdx +++ b/website/src/pages/plugins/typescript/typescript-vue-apollo.mdx @@ -1,6 +1,7 @@ --- title: typescript-vue-apollo --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript-vue-urql.mdx b/website/src/pages/plugins/typescript/typescript-vue-urql.mdx index 7e1c6dec08d..31dfa1f76d8 100644 --- a/website/src/pages/plugins/typescript/typescript-vue-urql.mdx +++ b/website/src/pages/plugins/typescript/typescript-vue-urql.mdx @@ -1,6 +1,7 @@ --- title: typescript-vue-urql --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/website/src/pages/plugins/typescript/typescript.mdx b/website/src/pages/plugins/typescript/typescript.mdx index c46c1d3c759..5fb11142d95 100644 --- a/website/src/pages/plugins/typescript/typescript.mdx +++ b/website/src/pages/plugins/typescript/typescript.mdx @@ -1,6 +1,7 @@ --- title: typescript --- + import { PackageApiDocs, PackageHeader } from '@/components' import { getNpmInfo } from '@/lib/get-npm-info' diff --git a/yarn.lock b/yarn.lock index abd46045539..b1cd0dbcf2f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3624,10 +3624,10 @@ dependencies: tslib "^2.4.0" -"@theguild/components@2.0.0-alpha-067b6c4.0": - version "2.0.0-alpha-067b6c4.0" - resolved "https://registry.yarnpkg.com/@theguild/components/-/components-2.0.0-alpha-067b6c4.0.tgz#8c45a5cafdf1e270d7adb79d9ca2135ad395e4aa" - integrity sha512-yXWUv3a7YWoWh+1/p66YrXbbuee1DBs0x6Fk4j1vFfMa5MfA0DN0sbZC762ubahafKPjNTiUbYABC8Ji0AuAFw== +"@theguild/components@2.0.0-alpha-8c5e72a.0": + version "2.0.0-alpha-8c5e72a.0" + resolved "https://registry.yarnpkg.com/@theguild/components/-/components-2.0.0-alpha-8c5e72a.0.tgz#e34fe7905836c8d229e8a28b703d21d494c7568c" + integrity sha512-GDY5DM2xS6RvhbXJd/FsLp1jF6zTm/Q/xAnPklqvgBCuH8ND7CVCbrFNfiLnz6P83nlkCSV8xHeGo6SKy7/iXg== dependencies: "@algolia/autocomplete-js" "^1.6.2" "@algolia/autocomplete-plugin-algolia-insights" "^1.6.2"