First commit

First commit

Author: Akke

.gitignore

@@ -0,0 +1 @@
+node_modules/

next.config.js

@@ -0,0 +1,12 @@
+module.exports = {
+    future: {
+        webpack5: true,
+    },
+    webpack: (config, { isServer }) => {
+        if (!isServer) {
+            config.resolve.fallback.fs = false;
+        }
+
+        return config;
+    },
+}

package.json

@@ -0,0 +1,28 @@
+{
+  "name": "botdocs",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "i18next": "^20.3.0",
+    "next": "^10.2.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-i18next": "^11.9.0",
+    "react-icons": "^4.2.0",
+    "react-markdown": "^6.0.2",
+    "sass": "^1.32.13",
+    "swr": "^0.5.6"
+  },
+  "devDependencies": {
+    "webpack": "^5.37.0",
+    "webpack-cli": "^4.7.0"
+  }
+}

public/static/fonts/NotoSans-Bold.ttf

@@ -0,0 +1,26 @@
+import Link from "next/link";
+import { countDeconstructedCategories } from "../../utils/json";
+import styles from "./_categories.module.sass";
+
+export default function List({ categories, commands, current, colors, t }) {
+    console.log(colors)
+    return (
+        <div className={styles.categories}>
+            <div className={styles.categories__caption}>{t("categories")}</div>
+
+            <ul>
+                {categories.map((category, i) => (
+                    <Link href={`/category/${category.toLowerCase()}`} shallow={true} key={i}>
+                        <li className={(current[1] ? current[1].substr(1) : null) === category.toLowerCase() ? `${styles.category} ${styles["category--active"]}` : styles.category}>
+                            <div className={styles.category__title}>
+                                <span className={styles["category__title-marker"]} style={{"backgroundColor": colors[category.toLowerCase()]}}></span>
+                                <span>{category}</span>
+                                <span className={styles["category__title-counter"]}>{countDeconstructedCategories(commands, category)}</span>
+                            </div>
+                        </li>
+                    </Link>
+                ))}
+            </ul>
+        </div>
+    );
+}

public/static/fonts/NotoSans-BoldItalic.ttf

@@ -0,0 +1,49 @@
+@import "../../styles/includes"
+@import "../../styles/theme"
+
+.categories
+    width: $categories-width
+
+    &__caption
+        text-transform: uppercase
+        font-weight: bold
+        color: $categories-caption-text-color
+        padding: 1em 0
+
+    ul
+        list-style-type: none
+        padding: 0
+        margin: 0
+
+        .category
+            padding: 1em
+            @include borderRadius($categories-item-radius)
+            @include transition(background-color, 0.1s, ease)
+            cursor: pointer
+
+            &--active
+                background-color: $categories-item-background-color-active
+
+            &__title
+                font-weight: bold
+                color: $categories-item-text-color
+                display: flex
+                align-items: center
+
+                &-marker
+                    background-color: $theme-primary-color
+                    margin-right: 1em
+                    height: $categories-item-title-marker-size
+                    width: $categories-item-title-marker-size
+                    @include borderRadius($categories-item-title-marker-radius)
+
+                &-counter
+                    background-color: $categories-item-title-counter-background-color
+                    padding: 0 0.5em
+                    @include borderRadius($categories-item-title-counter-radius)
+                    margin-left: auto
+                    color: $categories-item-title-counter-text-color
+                    font-size: $categories-item-title-counter-font-size
+
+            &:hover
+                background-color: $categories-item-background-color-hover