River.build dev portal

.eslintrc

@@ -0,0 +1,4 @@
+{
+  "extends": "next/core-web-vitals",
+  "plugins": ["kentcdodds", "react"]
+}

.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# vercel
+.vercel
+
+# environment
+.env*
+
+# jetbrains
+.idea
+
+.eslintcache
+
+.pnpm-debug.log*
+
+yarn.lock
+package-lock.json

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged

.nvmrc

@@ -0,0 +1 @@
+v18

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "printWidth": 100,
+  "trailingComma": "all",
+  "tabWidth": 2,
+  "semi": false,
+  "singleQuote": true,
+  "plugins": ["prettier-plugin-organize-imports", "prettier-plugin-tailwindcss"]
+}

.storybook/main.js

@@ -0,0 +1,69 @@
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin')
+const path = require('path')
+const postcss = require('postcss')
+const tailwindcss = require('../tailwind.config')
+
+module.exports = {
+  stories: ['../src/stories/**/*.stories.mdx', '../src/stories/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    '@storybook/addon-a11y',
+    {
+      name: '@storybook/addon-postcss',
+      options: {
+        postcssLoaderOptions: {
+          implementation: postcss,
+          postcssOptions: {
+            plugins: {
+              tailwindcss, // or you can nest your options entirely here
+              autoprefixer: {
+                // autoprefixer options
+              },
+            },
+          },
+        },
+      },
+    },
+  ],
+  framework: {
+    name: '@storybook/nextjs',
+    options: {
+      image: {
+        loading: 'eager',
+      },
+      nextConfigPath: path.resolve(__dirname, '../next.config.js'),
+    },
+  },
+  core: {
+    builder: '@storybook/builder-webpack5',
+  },
+  typescript: {
+    reactDocgen: 'react-docgen-typescript-plugin',
+  },
+  webpackFinal: async (config, { configType }) => {
+    config.resolve.plugins = [new TsconfigPathsPlugin()]
+    // styles
+    config.module.rules.push({
+      test: /\.(sass|scss)$/,
+      use: ['resolve-url-loader'],
+      include: path.resolve(__dirname, '../'),
+    })
+    // fonts
+    config.module.rules.push({
+      test: /\.(png|woff|woff2|eot|ttf|svg)$/,
+      use: [
+        {
+          loader: 'file-loader',
+          options: {
+            name: '[name].[ext]',
+          },
+        },
+      ],
+      include: path.resolve(__dirname, '../'),
+    })
+
+    return config
+  },
+}

.storybook/preview-head.html

@@ -0,0 +1,3 @@
+<style type="text/css">
+  /* import custom css here */
+</style>

.storybook/preview.js

@@ -0,0 +1,26 @@
+import 'tailwindcss/tailwind.css'
+import '../src/styles/global.css'
+import './tailwind.css'
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+  backgrounds: {
+    default: 'light',
+    values: [
+      {
+        name: 'dark',
+        value: '#141F2F',
+      },
+      {
+        name: 'light',
+        value: '#ffffff',
+      },
+    ],
+  },
+}