Website: update guild/component + config (#2281)

Author: TuvalSimha

website/package.json

@@ -11,7 +11,7 @@
     "analyze": "cross-env ANALYZE=true next build"
   },
   "dependencies": {
-    "@theguild/components": "4.2.4",
+    "@theguild/components": "4.3.6",
     "next": "12.3.1",
     "next-sitemap": "3.1.23",
     "react": "18.2.0",
@@ -32,7 +32,7 @@
   },
   "devDependencies": {
     "@theguild/algolia": "1.0.1",
-    "@theguild/tailwind-config": "0.1.3",
+    "@theguild/tailwind-config": "0.2.1",
     "@types/node": "18.7.18",
     "@types/react": "18.0.21",
     "cross-env": "7.0.3",

website/src/pages/_meta.json

@@ -2,6 +2,7 @@
   "index": {
     "title": "Home",
     "type": "page",
+    "display": "hidden",
     "theme": {
       "layout": "raw"
     }

website/src/pages/docs/di/introduction.mdx

@@ -8,7 +8,7 @@ We learned not to force Dependency Injection too early in the process, because d
 
 GraphQL Modules let you choose whether to use dependency injection or not.
 
-<Callout type="warning" emoji='⚠️'>
+<Callout type="warning">
 GraphQL Modules depend on **Reflect API** and specifically **design:paramtypes** for reflection and for defining dependencies between DI parts, please install and import `reflect-metadata` before every other module.
 
 ```typescript

website/src/pages/docs/di/scopes.mdx

@@ -8,7 +8,7 @@ Scope defines a life cycle of `Providers` and `InjectionToken`. There are two ki
 
 As mentioned before, `Singleton` scope is the default choice in GraphQL Modules. Every Service and Token is created even before the first incoming GraphQL operation and never gets destroyed (only when Node process is terminated).
 
-<Callout type='warning' emoji='⚠️'>
+<Callout type='warning' >
   We decided to make it the default choice, because of performance-related
   reasons. In most cases, there's no need to instantiate classes on every new
   request and dispose them later on.
@@ -58,7 +58,7 @@ export const myModule = createModule({
 
 All classes and values are created within the context of execution, meaning every incoming GraphQL Operation.
 
-<Callout type="warning" emoji='⚠️'>
+<Callout type="warning">
   Because of performance-related reasons, we recommend using Singletons whenever
   possible.
 </Callout>

website/src/pages/docs/essentials/testing.mdx

@@ -12,7 +12,7 @@ import { testkit } from 'graphql-modules'
 
 The `testkit` object and its API will grow over time, we expect to implement more and more useful features in upcoming releases.
 
-<Callout type="warning" emoji='⚠️'>
+<Callout type="warning">
   GraphQL Modules depend on **Reflect API** for reflection and for defining
   dependencies between DI parts, please import `reflect-metadata` in every test
   file or setup your testing framework to import it somewhere globally.
@@ -61,7 +61,7 @@ In the example above we modified the original application by setting testing `EN
 
 Now let's talk about `addProviders()` function. It allows you to overwrite application-level providers.
 
-<Callout type="warning" emoji='⚠️'>
+<Callout type="warning">
   In GraphQL Modules, always the last provider wins. What does it mean? When you
   pass a list of providers and two of them try to provide the same token, only
   the last one counts.

website/src/pages/docs/essentials/type-definitions.mdx

@@ -27,7 +27,7 @@ export const myModule = createModule({
 })
 ```
 
-<Callout type="warning" emoji='⚠️'>
+<Callout type="warning">
   Using `string`s could be possible, but we decided to force a better pattern.
   Using `gql` tag means your IDE can highlight the GraphQL SDL and in general
   works better with other tools from the GraphQL ecosystem.

website/src/pages/docs/get-started.mdx

@@ -4,7 +4,7 @@ import { PackageCmd, Tabs, Tab, Callout } from '@theguild/components'
 
 To start using GraphQL Modules, all you need is to install its package and `graphql`.
 
-<Callout type="warning" emoji='⚠️'>
+<Callout type="warning">
   We highly recommend to use TypeScript for writing your backend, since it
   provides support for Reflection (if you plan to use dependency injection) and
   makes it easier to develop API services.
@@ -73,7 +73,7 @@ const application = createApplication({
 const mySchema = application.schema
 ```
 
-<Callout type="warning" emoji='⚠️'>
+<Callout type="warning">
   Application doesn't allow providing schemas or resolvers, since it's only
   a loader of your various modules.
 </Callout>

website/theme.config.tsx

@@ -1,56 +1,32 @@
 /* eslint sort-keys: error */
-import {
-  defineConfig,
-  Giscus,
-  ModulesLogo,
-  useTheme,
-} from '@theguild/components';
+import { defineConfig, Giscus, useTheme } from '@theguild/components';
 import { useRouter } from 'next/router';
 
-const SITE_NAME = 'GraphQL Modules';
-
 export default defineConfig({
   docsRepositoryBase:
     'https://github.com/Urigo/graphql-modules/tree/master/website',
-  head: (
-    <>
-      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-      <meta name="description" content={`${SITE_NAME}: documentation`} />
-      <meta name="og:title" content={`${SITE_NAME}: documentation`} />
-    </>
-  ),
-  logo: (
-    <>
-      <ModulesLogo className="mr-1.5 h-9 w-9" />
-      <div>
-        <h1 className="md:text-md text-sm font-medium">{SITE_NAME}</h1>
-        <h2 className="hidden text-xs sm:block">
-          Enterprise Grade Tooling for Your GraphQL Server
-        </h2>
-      </div>
-    </>
-  ),
-  main: {
-    extraContent() {
-      const { resolvedTheme } = useTheme();
-      const { route } = useRouter();
+  main({ children }) {
+    const { resolvedTheme } = useTheme();
+    const { route } = useRouter();
 
-      if (route === '/') {
-        return null;
-      }
-      return (
-        <Giscus
-          // ensure giscus is reloaded when client side route is changed
-          key={route}
-          repo="Urigo/graphql-modules"
-          repoId="MDEwOlJlcG9zaXRvcnkxMzI5Mjc2NjU="
-          category="Docs Discussions"
-          categoryId="DIC_kwDOB-xQsc4CSDST"
-          mapping="pathname"
-          theme={resolvedTheme}
-        />
-      );
-    },
+    const comments = route !== '/' && (
+      <Giscus
+        // ensure giscus is reloaded when client side route is changed
+        key={route}
+        repo="Urigo/graphql-modules"
+        repoId="MDEwOlJlcG9zaXRvcnkxMzI5Mjc2NjU="
+        category="Docs Discussions"
+        categoryId="DIC_kwDOB-xQsc4CSDST"
+        mapping="pathname"
+        theme={resolvedTheme}
+      />
+    );
+    return (
+      <>
+        {children}
+        {comments}
+      </>
+    );
   },
-  titleSuffix: ` – ${SITE_NAME}`,
+  siteName: 'MODULES',
 });