Update dependencies

.eslintrc.json

@@ -0,0 +1,15 @@
+{
+  "extends": ["next/core-web-vitals", "prettier"],
+  "overrides": [
+    {
+      "files": ["**/*.stories.*"],
+      "rules": {
+        "import/no-anonymous-default-export": "off"
+      }
+    }
+  ],
+  "rules": {
+    // do not enforce using next/image for image optimization
+    "@next/next/no-img-element": "off"
+  }
+}

.github/workflows/storybook.yml

@@ -7,7 +7,7 @@ on:
   push:
     branches:
       - main
-  # vercel token expires if we dont use it regulaly so just run it nightly :-)
+  # vercel token expires if we don't use it regularly so just run it nightly :-)
   schedule:
     - cron: 23 4 * * 1/2
 

.prettierignore

@@ -0,0 +1,29 @@
+# Extends .gitignore
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# artefacts
+/build
+/storybook-static
+/out*
+.next
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+next.config.js
+iframe-embed.html
+/.github
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.prettierrc.json

@@ -0,0 +1,3 @@
+{
+  "singleQuote": true
+}

.storybook/main.js

@@ -4,9 +4,9 @@ module.exports = {
     '../src/components/**/*.stories.@(js|mdx|ts|tsx)',
   ],
   addons: [
-    '@storybook/addon-docs',
-    '@storybook/addon-knobs/register',
-    '@storybook/addon-actions/register',
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-a11y',
     '@storybook/preset-create-react-app',
   ],
-}
+};

.storybook/manager.js

@@ -1,8 +1,7 @@
 import { addons } from '@storybook/addons';
-import rbb24Theme from './rbb24Theme'
-
+import rbb24Theme from './rbb24Theme';
 
 addons.setConfig({
   theme: rbb24Theme,
   showRoots: true,
-});
+});

.storybook/preview.js

@@ -1,16 +1,16 @@
-import React from 'react'
-import rbb24Theme from './rbb24Theme'
-import 'global_styles/index.sass'
+import React from 'react';
+import rbb24Theme from './rbb24Theme';
+import 'global_styles/index.scss';
 
 const withInterstateFont = (Story, context) => {
   return (
     <div style={{ fontFamily: 'Interstate' }}>
       <Story {...context} />
     </div>
-  )
-}
+  );
+};
 
-export const decorators = [withInterstateFont]
+export const decorators = [withInterstateFont];
 export const parameters = {
   viewMode: 'docs',
   options: {
@@ -23,4 +23,4 @@ export const parameters = {
   docs: {
     theme: rbb24Theme,
   },
-}
+};

.storybook/rbb24Theme.js

@@ -1,5 +1,5 @@
-import { create } from '@storybook/theming/create'
-import logo from './rbb24Logo.png'
+import { create } from '@storybook/theming';
+import logo from './rbb24Logo.png';
 
 export default create({
   base: 'light',
@@ -15,4 +15,4 @@ export default create({
   brandTitle: 'rbb-data',
   brandUrl: 'https://github.com/rbb-data',
   brandImage: logo, //'https://www.rbb24.de/content/dam/rbb/rbb/logos/rbb24.svg.svg/img.svg',
-})
+});

.stylelintrc.json

@@ -0,0 +1,11 @@
+{
+  "extends": ["stylelint-config-sass-guidelines", "stylelint-config-prettier"],
+  "rules": {
+    "color-named": null,
+    "max-nesting-depth": 5,
+    "scss/dollar-variable-pattern": null,
+    "selector-class-pattern": null,
+    "selector-max-compound-selectors": 6,
+    "selector-no-qualifying-type": null
+  }
+}

.vscode/extensions.json

@@ -0,0 +1,11 @@
+{
+  // See https://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
+  // Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
+
+  // List of extensions which should be recommended for users of this workspace.
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "stylelint.vscode-stylelint"
+  ]
+}

next.config.js

@@ -1,3 +1,9 @@
 module.exports = {
-  basePath: process.env.URL_PREFIX
+  basePath: process.env.URL_PREFIX,
+  // required for source-map-explorer to work (makes build slower though!)
+  productionBrowserSourceMaps: true,
+  eslint: {
+    // prevents ESLint errors to fail the production build
+    ignoreDuringBuilds: true,
+  }
 }