chore: update Docusaurus to v3.0.1

Included minor changes:
* Update Node to 18.18.2
* Add 'self' to connect-src to fix website search
* Remove sass plugin

Author: TheZoker

.nvmrc

@@ -1 +1 @@
-v16.19.1
+v18.18.2

content/news/2022-07-25-jsonforms-3-0-0-rc0.md

@@ -8,4 +8,4 @@ author_image_url: /img/logo.svg
 ---
 Great news! We are in the final stretches of the long awaited JSON Forms 3.0 release. Today we published the release candidate "3.0.0-rc.0" 🎉
 
-We welcome any feedback of curious users. Any questions? Check out our community forum <http://jsonforms.discourse.group>.
+We welcome any feedback of curious users. Any questions? Check out our [community forum](http://jsonforms.discourse.group).

content/pages/assets/index.module.css

@@ -0,0 +1,151 @@
+/* stylelint-disable docusaurus/copyright-header */
+/**
+* CSS files with the .module.css suffix will be treated as CSS modules
+* and scoped locally.
+*/
+
+.heroBanner {
+  padding: 4rem 0;
+  text-align: center;
+  position: relative;
+  overflow: hidden;
+  color: #000;
+}
+
+.heroBanner h1 {
+  font-weight: normal;
+}
+
+.heroBanner .subtitle {
+  font-size: 1.5rem;
+  line-height: 1.5;
+  margin-bottom: 0;
+}
+
+.heroBanner .subsubtitle {
+  font-size: 1.3rem;
+  line-height: 1.5;
+  color: #747474;
+  margin-bottom: 10px;
+}
+
+@media screen and (max-width: 966px) {
+  .heroBanner {
+    padding: 2rem;
+  }
+}
+
+.logo {
+  max-width: 200px;
+  filter: invert(1);
+}
+
+.home h2 {
+  text-align: center;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  font-size: 2rem;
+}
+
+.home h3 {
+  text-align: center;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  font-size: 1.25rem;
+}
+
+.home section {
+  padding: 2rem;
+}
+
+.buttons {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  --ifm-color-secondary: #ababab;
+}
+
+.sectionFeatures {
+  display: flex;
+  align-items: center;
+  padding: 2rem 0;
+  width: 100%;
+  background: var(--background-inverted);
+  color: var(--background);
+}
+
+.sectionFeatures .customFeatureIcon {
+  height: 3em !important;
+  width: auto !important;
+  font-size: 1.5rem;
+}
+
+.sectionFeatures .featureIcon {
+  height: 4em !important;
+  width: auto !important;
+  font-size: 1.5rem;
+  fill: var(--background);
+}
+
+.sectionFeatures p {
+  text-align: center;
+}
+
+.sectionDemo {
+  border-top: 1px solid #000;
+}
+
+.sectionDemo .frameworkLogos {
+  text-align: center;
+}
+
+.sectionDemo .frameworkLogos svg {
+  height: 80px;
+  width: 80px;
+}
+
+.sectionDemo .demoContent {
+  margin: auto;
+  max-width: 900px;
+}
+
+.sectionNews {
+  max-width: 700px;
+  margin: auto;
+}
+
+.sectionNews .newsCard {
+  background: #f5f5f5;
+}
+
+.sectionNews .newsButton {
+  margin: 20px auto;
+  text-align: center;
+  display: block;
+}
+
+.sectionNews .newsButton:hover {
+  text-decoration: none;
+}
+
+.sectionArchitecture {
+  background: #f5f5f5;
+}
+
+.sectionArchitecture h2 {
+  color: #000;
+}
+
+.sectionArchitectureContent {
+  max-width: 1000px;
+  margin: auto;
+  padding: 2em;
+  align-items: center;
+}
+
+.architectureDiagram {
+  max-width: 900px;
+  width: 100%;
+  margin: auto;
+  display: block;
+}

content/pages/assets/index.module.scss

@@ -4,7 +4,7 @@ import Layout from '@theme/Layout';
 import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import useBaseUrl from '@docusaurus/useBaseUrl';
-import styles from './assets/index.module.scss';
+import styles from './assets/index.module.css';
 import corePackageJson from '@jsonforms/core/package';
 
 import SchemaIcon from '../../static/img/schemaIcon.svg';

content/pages/assets/support.module.scss renamed to content/pages/assets/support.module.css

@@ -1,7 +1,7 @@
 import React from 'react';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import Layout from '@theme/Layout';
-import styles from './assets/support.module.scss';
+import styles from './assets/support.module.css';
 
 function Support() {
   return (

content/pages/index.js

@@ -24,6 +24,9 @@ module.exports = {
       defaultMode: 'light',
       disableSwitch: true,
     },
+    prism: {
+      additionalLanguages: ['json'],
+    },
     navbar: {
       title: 'JSON Forms',
       style: 'dark',
@@ -121,7 +124,7 @@ module.exports = {
       '@docusaurus/preset-classic',
       {
         theme: {
-          customCss: require.resolve('./src/css/global.scss'),
+          customCss: require.resolve('./src/css/global.css'),
         },
         docs: false,
         blog: false,
@@ -131,7 +134,6 @@ module.exports = {
   ],
   plugins: [
     path.resolve(__dirname, './src/custom-webpack'),
-    'docusaurus-plugin-sass',
     'docusaurus2-dotenv',
     [
       '@docusaurus/plugin-content-pages',

content/pages/support.js

@@ -34,7 +34,7 @@
    [headers.values]
       Access-Control-Allow-Origin = "*"
       Referrer-Policy = "strict-origin-when-cross-origin"
-      Content-Security-Policy = "default-src 'self'; script-src 'self' 'unsafe-eval' 'sha256-mC5lwOEBZZZXJoN3sDvzxnxAdNIEKujq9NSXgmhc4HM=' 'sha256-iIf+c/EMxKD/FXoUDy0YsZ3mE+JhzPsmR+aVbrjkdwM=' static.cloudflareinsights.com cloudflareinsights.com/cdn-cgi/rum; connect-src cloudflareinsights.com/cdn-cgi/rum; style-src 'self' 'unsafe-inline'; img-src 'self' data:; object-src 'none'; frame-ancestors 'self';"
+      Content-Security-Policy = "default-src 'self'; script-src 'self' 'unsafe-eval' 'sha256-mC5lwOEBZZZXJoN3sDvzxnxAdNIEKujq9NSXgmhc4HM=' 'sha256-iIf+c/EMxKD/FXoUDy0YsZ3mE+JhzPsmR+aVbrjkdwM=' static.cloudflareinsights.com cloudflareinsights.com/cdn-cgi/rum; connect-src 'self' cloudflareinsights.com/cdn-cgi/rum; style-src 'self' 'unsafe-inline'; img-src 'self' data:; object-src 'none'; frame-ancestors 'self';"
       X-Frame-Options = "SAMEORIGIN"
       X-Content-Type-Options = "nosniff"
       Permissions-Policy = "accelerometer=(), camera=(), geolocation=(), gyroscope=(), magnetometer=(), microphone=(), payment=(), usb=()"