chore(website): update website wrt to current docs (#979)

* Update wrt to current docs

* example page added for mdx frontmatter

Author: nilubava

website/.gitignore

@@ -69,4 +69,10 @@ yarn-error.log
 # Yarn Integrity file
 .yarn-integrity
 
-.envrc
+.envrc
+
+# Example page
+# content/00-example.mdx
+
+# History
+.history/

website/.prettierignore

@@ -0,0 +1,4 @@
+node_modules/
+public/
+.cache/
+static/

website/README.md

@@ -9,8 +9,9 @@ This repository contains the [source code](./src) and the [content](./content) f
 Download the code and get started by running the following commands:
 
 ```
-git clone [email protected]:graphql-nexus/docs.git
-cd docs
+git clone [email protected]:graphql-nexus.git
+cd nexus
+cd website
 yarn
 yarn dev
 ```

website/config.js

@@ -3,21 +3,23 @@ const config = {
     pathPrefix: '',
     siteUrl: 'https://www.nexusjs.org', // replace with nexus site
   },
+  redirects: [],
   header: {
     logoLink: 'https://www.nexusjs.org', // replace with nexus site
     title: 'GraphQL Nexus',
     // check all links
-    links: [
-      { name: 'Docs', link: 'https://www.nexusjs.org/docs' },
-      { name: 'Quickstart', link: 'https://www.prisma.io/docs/getting-started/quickstart' },
-      {
-        name: 'Reference',
-        link: 'https://www.prisma.io/docs/reference/tools-and-interfaces/prisma-client/api',
-      },
-      { name: 'Blog', link: 'https://www.prisma.io/blog/' },
-      { name: 'Community', link: 'https://www.prisma.io/community/' },
-      { name: 'FAQ', link: 'https://www.prisma.io/docs/more/faq' },
-    ],
+    // links: [
+    //   { name: 'Docs', link: 'https://www.nexusjs.org/docs' },
+    //   { name: 'Quickstart', link: 'https://www.prisma.io/docs/getting-started/quickstart' },
+    //   {
+    //     name: 'Reference',
+    //     link: 'https://www.prisma.io/docs/reference/tools-and-interfaces/prisma-client/api',
+    //   },
+    //   { name: 'Blog', link: 'https://www.prisma.io/blog/' },
+    //   { name: 'Community', link: 'https://www.prisma.io/community/' },
+    //   { name: 'FAQ', link: 'https://www.prisma.io/docs/more/faq' },
+    // ],
+    links: [{ name: '', link: '' }],
     search: {
       indexName: process.env.GATSBY_ALGOLIA_INDEX_NAME,
       algoliaAppId: process.env.GATSBY_ALGOLIA_APP_ID,
@@ -29,7 +31,7 @@ const config = {
     title: 'GraphQL Nexus - title',
     description: 'GraphQL Nexus - desc',
     keywords: 'Docs, nexus, 1.0',
-    docsLocation: 'https://github.com/graphql-nexus/docs/tree/master/content',
+    docsLocation: 'https://github.com/graphql-nexus/nexus/tree/master/website/content',
     twitter: {
       site: '@nexus',
       creator: '@nexus',
@@ -48,7 +50,10 @@ const config = {
     },
   },
   feedback: {
-    function_name: 'https://nexus-docs.netlify.app/.netlify/functions/index', // Replace with correct one
+    function_name: '', // Replace with correct one
+  },
+  sidebar: {
+    tablet_menu_split: [], // Slugs for top level folders which should appear in right pane on tablet
   },
   footer: {
     logoLink: '/',

website/content/00-example.mdx

@@ -0,0 +1,49 @@
+---
+title: "Example"
+metaTitle: "Example metaTitle"
+metaDescription: "Example meta desc"
+staticLink: false
+experimental: false
+duration: "2 min"
+hidePage: true
+toc: false
+---
+
+## Overview
+
+This page won't be shown in sidebar. <FileWithIcon text="schema.ts" icon="file"/> For now, h2 tags cannot be written inside `SwitchTech` block. But still can include headings using `<h3>, <h4>` tags and not using `### headings`.
+`<h2>` tags wont be shown in TOC yet.
+```js
+sdd
+```
+
+
+<TabbedContent tabs={["Using include", "Fluent API"]}>
+<Tab>
+
+
+```ts
+const posts = await prisma.user.findOne({
+  where: {
+    id: 2,
+  },
+  include: {
+    post: true,
+  },
+});
+```
+</Tab>
+<Tab>
+
+```ts
+const posts = await prisma.user.findOne({
+  where: {
+    id: 2,
+  },
+  include: {
+    post: true,
+  },
+});
+```
+</Tab>
+</TabbedContent>

website/functions/index.js

@@ -1,36 +1,41 @@
-const { PrismaClient } = require('@prisma/client');
+const { PrismaClient } = require('@prisma/client')
 
-const client = new PrismaClient();
+const client = new PrismaClient()
 
 exports.handler = async function(event, context, callback) {
-  const body = JSON.parse(event.body);
-
+  const body = JSON.parse(event.body)
   if (!body.pageUrl) {
-    throw new Error(`Please provide a pageUrl`);
+    throw new Error(`Please provide a pageUrl`)
   }
 
   if (!body.sentiment) {
-    throw new Error(`Please provide a sentiment`);
+    throw new Error(`Please provide a sentiment`)
   }
 
   if (!['Happy', 'Unhappy'].includes(body.sentiment)) {
-    throw new Error(`Please provide "Happy" or "Unhappy" as the sentiment`);
+    throw new Error(`Please provide "Happy" or "Unhappy" as the sentiment`)
   }
+  const pageUrl = stripTrailingSlash(body.pageUrl)
 
   await client.feedback.create({
     data: {
+      pageUrl,
       ip: event.headers['x-forwarded-for'],
-      pageUrl: body.pageUrl,
       userAgent: event.headers['user-agent'],
       sentiment: body.sentiment,
     },
-  });
+  })
 
   return {
     statusCode: 200,
     body: JSON.stringify({ success: true }),
     headers: {
       'Access-Control-Allow-Origin': '*',
     },
-  };
-};
+  }
+}
+
+function stripTrailingSlash(url) {
+  return url.replace(/\/$/, '')
+}
+

website/gatsby-browser.js

@@ -1 +1,11 @@
-// require('prismjs/themes/prism.css');
+const { init, trackPage } = require('./src/utils/stats')
+const { goToNav } = require('./src/utils/goToNavItem')
+
+exports.onClientEntry = () => {
+  init()
+}
+
+exports.onRouteUpdate = ({ location }) => {
+  trackPage(location.pathname)
+  goToNav(location.pathname)
+}

website/gatsby-config.js

@@ -18,6 +18,27 @@ const gatsbyRemarkPlugins = [
   {
     resolve: `gatsby-remark-images`,
   },
+  {
+    resolve: `gatsby-remark-images`,
+    options: {
+      disableBgImageOnAlpha: true,
+    },
+  },
+  {
+    resolve: require.resolve('./plugins/gatsby-remark-to-absoluteurl'),
+    options: {
+      redirects: config.redirects,
+    },
+  },
+  {
+    resolve: require.resolve('./plugins/gatsby-remark-check-links-numberless'),
+  },
+  {
+    resolve: 'gatsby-remark-copy-linked-files',
+    options: {
+      destinationDir: 'static',
+    },
+  },
 ]
 
 module.exports = {
@@ -35,13 +56,13 @@ module.exports = {
     docsLocation: config.siteMetadata.docsLocation,
   },
   plugins: [
-    {
-      resolve: `gatsby-plugin-google-analytics`,
-      options: {
-        trackingId: 'UA-74131346-14',
-        anonymize: true,
-      },
-    },
+    // {
+    //   resolve: `gatsby-plugin-google-analytics`,
+    //   options: {
+    //     trackingId: 'UA-74131346-14',
+    //     anonymize: true,
+    //   },
+    // },
     'gatsby-plugin-react-helmet',
     'gatsby-transformer-sharp',
     'gatsby-plugin-sharp',
@@ -63,10 +84,12 @@ module.exports = {
     {
       resolve: 'gatsby-plugin-robots-txt',
       options: {
-            policy: [{
-              userAgent: '*',
-              disallow: '/'
-        }]
+        policy: [
+          {
+            userAgent: '*',
+            disallow: '/',
+          },
+        ],
       },
     },
     // 'gatsby-plugin-offline', // it causes infinite loop issue with workbox

website/gatsby-node.js

@@ -19,6 +19,11 @@ exports.onCreateNode = ({ node, getNode, actions }) => {
       name: 'id',
       value: node.id,
     })
+    createNodeField({
+      node,
+      name: 'modSlug',
+      value: `/${value.replace('/index', '')}`,
+    })
   }
 }
 
@@ -34,6 +39,7 @@ exports.createPages = ({ graphql, actions }) => {
               fields {
                 slug
                 id
+                modSlug
               }
               frontmatter {
                 title

website/package.json

@@ -15,7 +15,6 @@
     "gatsby-image": "^2.0.33",
     "gatsby-plugin-algolia": "^0.5.0",
     "gatsby-plugin-catch-links": "^2.3.0",
-    "gatsby-plugin-google-analytics": "^2.2.4",
     "gatsby-plugin-manifest": "^2.0.24",
     "gatsby-plugin-mdx": "^1.0.73",
     "gatsby-plugin-offline": "^2.0.25",
@@ -28,8 +27,10 @@
     "gatsby-plugin-styled-components": "^3.0.7",
     "gatsby-plugin-typescript": "^2.0.11",
     "gatsby-remark-autolink-headers": "^2.2.1",
+    "gatsby-remark-copy-linked-files": "^2.3.2",
     "gatsby-remark-images": "^3.2.1",
     "gatsby-remark-prismjs": "^3.2.5",
+    "gatsby-remark-rewrite-relative-links": "^1.0.8",
     "gatsby-source-filesystem": "^2.0.24",
     "gatsby-source-remote-file": "^0.1.9",
     "gatsby-transformer-remark": "^2.3.2",
@@ -43,6 +44,7 @@
     "react": "^16.8.4",
     "react-copy-to-clipboard": "^5.0.2",
     "react-dom": "^16.8.4",
+    "react-ga": "^2.7.0",
     "react-helmet": "^6.0.0",
     "react-hooks-global-state": "^1.0.0",
     "react-hooks-testing-library": "^0.3.6",
@@ -62,10 +64,10 @@
   "license": "MIT",
   "scripts": {
     "clean": "gatsby clean",
-    "build": "GATSBY_EXPERIMENTAL_PAGE_BUILD_ON_DATA_CHANGES=true gatsby build --prefix-paths --log-pages",
+    "build": "gatsby build --prefix-paths --log-pages",
     "dev": "gatsby develop",
     "serve": "yarn build && gatsby serve --prefix-paths -o",
-    "prettify": "prettier --write \"src/**/*.css\" \"src/**/*.ts\" \"src/**/*.tsx\" \"content/**/*.mdx\"",
+    "prettify": "prettier --write \"**/*.{js,mdx,json,md,ts,tsx,yml,toml,graphql,css}\"",
     "test": "jest"
   },
   "devDependencies": {