Configuration needed for using unified website (dotansimha#8238)

Co-authored-by: Dotan Simha <dotansimha@gmail.com>

Author: dimaMachina

.github/workflows/website.yml

@@ -0,0 +1,40 @@
+name: website
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    branches:
+      - master
+
+jobs:
+  deployment:
+    runs-on: ubuntu-latest
+    if: github.event.pull_request.head.repo.full_name == github.repository
+    steps:
+      - name: checkout
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - uses: the-guild-org/shared-config/setup@main
+        name: setup env
+        with:
+          nodeVersion: 17
+          packageManager: yarn
+
+      - uses: the-guild-org/shared-config/website-cf@wip-fix
+        name: build and deploy website
+        env:
+          NEXT_BASE_PATH: ${{ github.ref == 'refs/heads/master' && '/graphql/codegen' || '' }}
+          SITE_URL: ${{ github.ref == 'refs/heads/master' && 'https://the-guild.dev/graphql/codegen' || '' }}
+        with:
+          cloudflareApiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          cloudflareAccountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          githubToken: ${{ secrets.GITHUB_TOKEN }}
+          projectName: graphql-code-generator
+          prId: ${{ github.event.pull_request.number }}
+          websiteDirectory: ./
+          buildScript: yarn build && cd website && yarn build && yarn next export
+          artifactDir: website/out

.gitignore

@@ -16,3 +16,4 @@ tsconfig.tsbuildinfo
 recompile.sh
 
 .next/
+out

website/.eslintrc.js renamed to website/.eslintrc.cjs

@@ -2,16 +2,24 @@ import { withGuildDocs } from 'guild-docs/next.config';
 import { CategoryToPackages } from './src/category-to-packages.mjs';
 
 const PLUGINS_REDIRECTS = Object.entries(CategoryToPackages).flatMap(([category, packageNames]) =>
-  packageNames.map(packageName => ({
-    source: `/plugins/${packageName}`,
-    destination: `/plugins/${category}/${packageName}`,
-  }))
+  packageNames.map(packageName => [`/plugins/${packageName}`, `/plugins/${category}/${packageName}`])
 );
-
 export default withGuildDocs({
+  basePath: process.env.NEXT_BASE_PATH && process.env.NEXT_BASE_PATH !== '' ? process.env.NEXT_BASE_PATH : undefined,
   eslint: {
     ignoreDuringBuilds: true,
   },
+  experimental: {
+    urlImports: [
+      'https://graphql-modules.com/assets/subheader-logo.svg',
+      'https://pbs.twimg.com/profile_images/1004185780313395200/ImZxrDWf_400x400.jpg',
+      'https://raw.githubusercontent.com/mswjs/msw/HEAD/media/msw-logo.svg',
+    ],
+    images: {
+      unoptimized: true, // doesn't work with `next export`
+      allowFutureImage: true,
+    },
+  },
   typescript: {
     // Todo: remove it before merge to master
     ignoreBuildErrors: true,
@@ -24,54 +32,23 @@ export default withGuildDocs({
     return config;
   },
   redirects: () =>
-    [
-      {
-        source: '/docs/presets/:presetName',
-        destination: '/plugins/:presetName-preset',
-      },
-      {
-        source: '/docs/plugins/:pluginName',
-        destination: '/plugins/:pluginName',
-      },
-      {
-        source: '/docs/getting-started/config-reference/codegen-config',
-        destination: '/docs/config-reference/codegen-config',
-      },
-      {
-        source: '/docs/getting-started/codegen-config',
-        destination: '/docs/config-reference/codegen-config',
-      },
-      {
-        source: '/docs/getting-started/documents-field',
-        destination: '/docs/config-reference/documents-field',
-      },
-      {
-        source: '/docs/getting-started/schema-field',
-        destination: '/docs/config-reference/schema-field',
-      },
-      {
-        source: '/docs/getting-started/config-field',
-        destination: '/docs/config-reference/config-field',
-      },
-      {
-        source: '/docs/getting-started/lifecycle-hooks',
-        destination: '/docs/config-reference/lifecycle-hooks',
-      },
-      {
-        source: '/docs/getting-started/require-field',
-        destination: '/docs/config-reference/require-field',
-      },
-      {
-        source: '/docs/getting-started/naming-convention',
-        destination: '/docs/config-reference/naming-convention',
-      },
-      {
-        source: '/docs/getting-started/how-does-it-work',
-        destination: '/docs/advanced/how-does-it-work',
-      },
-      ...PLUGINS_REDIRECTS,
-    ].map(redirect => ({
-      ...redirect,
-      permanent: true,
-    })),
+    Object.entries({
+      '/docs/presets/:presetName': '/plugins/:presetName-preset',
+      '/docs/plugins/:pluginName': '/plugins/:pluginName',
+      '/docs/getting-started/config-reference/codegen-config': '/docs/config-reference/codegen-config',
+      '/docs/getting-started/codegen-config': '/docs/config-reference/codegen-config',
+      '/docs/getting-started/documents-field': '/docs/config-reference/documents-field',
+      '/docs/getting-started/schema-field': '/docs/config-reference/schema-field',
+      '/docs/getting-started/config-field': '/docs/config-reference/config-field',
+      '/docs/getting-started/lifecycle-hooks': '/docs/config-reference/lifecycle-hooks',
+      '/docs/getting-started/require-field': '/docs/config-reference/require-field',
+      '/docs/getting-started/naming-convention': '/docs/config-reference/naming-convention',
+      '/docs/getting-started/how-does-it-work': '/docs/advanced/how-does-it-work',
+    })
+      .concat(PLUGINS_REDIRECTS)
+      .map(([from, to]) => ({
+        source: from,
+        destination: to,
+        permanent: true,
+      })),
 });

website/next.config.mjs

@@ -0,0 +1,16 @@
+{
+  "https://graphql-modules.com/assets/subheader-logo.svg": {
+    "resolved": "https://www.graphql-modules.com/assets/subheader-logo.svg",
+    "integrity": "sha512-eleU6ZkDs8fTba3J5sUDInGhqo1xacMxD/1qqxDbVxxLH2uAtkpuT/meJdwR52j1w5XCA/4Q7THYHqy8Gnv6ew==",
+    "contentType": "image/svg+xml"
+  },
+  "https://pbs.twimg.com/profile_images/1004185780313395200/ImZxrDWf_400x400.jpg": {
+    "integrity": "sha512-cG48xw2bbCeB4A3ln54VIDa+FA/1FaVALiXO7RTkZx0a6tGdQwVGzLPKHfdDLZRWct4mmE1X+iCpenB/MpiTQg==",
+    "contentType": "image/jpeg"
+  },
+  "https://raw.githubusercontent.com/mswjs/msw/HEAD/media/msw-logo.svg": {
+    "integrity": "sha512-VlGvK9swTGVafmZnTCLw9T70xQvv0Oyge/mGF1p5h1fiZ7WK2XL/dB2WrodoiF+xOtB4NAEVQKHjtc9o9amgXw==",
+    "contentType": "image/svg+xml"
+  },
+  "version": 1
+}

website/next.lock/data/https_pbs.twimg.com/profile_images_1004185780313395200_ImZxrDWf_400x400_64a261ab784263974901.jpg

@@ -65,7 +65,7 @@
     "@graphql-codegen/typescript-vue-apollo-smart-ops": "2.3.3",
     "@graphql-codegen/typescript-vue-urql": "2.3.3",
     "@monaco-editor/react": "4.4.5",
-    "@theguild/components": "2.0.5",
+    "@theguild/components": "2.1.0-alpha-20220818233926-7ce4562",
     "classnames": "2.3.1",
     "date-fns": "2.29.2",
     "dedent": "0.7.0",