feat(components): ayu_mirage, ayu_light, nord, polar themes (#90)

* Fixed error not showing.

* Update Upload.tsx

.github/workflows/docker.yml

@@ -3,6 +3,10 @@ name: 'CD: Push Docker Images'
 on:
   push:
     branches: [ trunk ]
+    paths:
+      - 'src/**'
+      - 'server/**'
+      - 'prisma/**'
   workflow_dispatch:
 
 jobs:

.gitignore

@@ -36,6 +36,4 @@ yarn-error.log*
 # zipline
 config.toml
 uploads/
-prisma/schema.prisma
-data.db*
-migrations/
+data.db*

Dockerfile

@@ -4,9 +4,9 @@ WORKDIR /build
 COPY src ./src
 COPY server ./server
 COPY scripts ./scripts
-COPY prisma/schema.shared.prisma ./prisma/schema.shared.prisma
+COPY prisma ./prisma
 
-COPY package.json yarn.lock next.config.js next-env.d.ts tsconfig.json ./
+COPY package.json yarn.lock next.config.js next-env.d.ts zip-env.d.ts tsconfig.json ./
 
 RUN yarn install
 
@@ -23,6 +23,7 @@ COPY --from=builder /build/node_modules ./node_modules
 COPY --from=builder /build/src ./src
 COPY --from=builder /build/server ./server
 COPY --from=builder /build/scripts ./scripts
+COPY --from=builder /build/prisma ./prisma
 COPY --from=builder /build/.next ./.next
 COPY --from=builder /build/tsconfig.json ./tsconfig.json
 COPY --from=builder /build/package.json ./package.json

README.md

@@ -2,7 +2,7 @@
 
 ![Version](https://img.shields.io/github/package-json/v/diced/zipline)
 ![LICENCE](https://img.shields.io/github/license/diced/zipline)
-[![Discord](https://img.shields.io/discord/729771078196527176)](https://discord.gg/AtTSecwqeV)
+[![Discord](https://img.shields.io/discord/729771078196527176)](https://discord.gg/EAhCRfGxCF)
 ![Stars](https://img.shields.io/github/stars/diced/zipline)
 ![GitHub repo size](https://img.shields.io/github/repo-size/diced/zipline)
 ![GitHub last commit (branch)](https://img.shields.io/github/last-commit/diced/zipline/trunk)
@@ -17,10 +17,9 @@ Fast & lightweight file uploading.
 - Configurable
 - Fast
 - Built with Next.js & React
-- Support for **multible database types**
 - Token protected uploading
-- Easy setup instructions on [docs](https://zipline.diced.me)
+- Easy setup instructions on [docs](https://zipline.diced.me) (One command install `docker-compose up`)
 
 # Installing
 
-[See how to install here](https://zipline.diced.me/docs/getting-started)
+[See how to install here](https://zipline.diced.me/docs/getting-started)

config.example.toml

@@ -5,18 +5,9 @@ host = '0.0.0.0'
 port = 3000
 
 [database]
-# postgresql
 type = 'psql'
 url = 'postgres://postgres:postgres@postgres/postgres'
 
-# mysql
-# type = 'mysql'
-# url = 'mysql://postgres:postgres@mysql/mysql'
-
-# sqlite
-# type = 'sqlite'
-# url = 'file:sqlite.db'
-
 [uploader]
 route = '/u'
 embed_route = '/a'

docker-compose.yml

@@ -15,9 +15,7 @@ services:
       retries: 5
 
   zipline:
-    build:
-      context: .
-      dockerfile: Dockerfile
+    image: diced/zipline:trunk
     ports:
       - '3000:3000'
     restart: unless-stopped

next-env.d.ts

@@ -1,14 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
 
-import type { PrismaClient } from '@prisma/client';
-import type { Config } from './src/lib/types';
-
-declare global {
-  namespace NodeJS {
-    interface Global {
-      prisma: PrismaClient;
-      config: Config
-    }
-  }
-}
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

package.json

@@ -1,15 +1,15 @@
 {
   "name": "zip3",
-  "version": "3.0.0",
+  "version": "3.2.0",
   "scripts": {
     "prepare": "husky install",
     "dev": "NODE_ENV=development node server",
     "build": "npm-run-all build:schema build:next",
     "build:next": "next build",
-    "build:schema": "prisma generate --schema=prisma/schema.shared.prisma",
+    "build:schema": "prisma generate --schema=prisma/schema.prisma",
     "start": "node server",
     "lint": "next lint",
-    "ts-node": "./node_modules/.bin/ts-node --compiler-options \"{\\\"module\\\":\\\"commonjs\\\"}\" --transpile-only",
+    "ts-node": "ts-node --compiler-options \"{\\\"module\\\":\\\"commonjs\\\"}\" --transpile-only",
     "create-all-migrations": "node scripts/create-migrations",
     "semantic-release": "semantic-release"
   },
@@ -21,32 +21,30 @@
     "@material-ui/data-grid": "^4.0.0-alpha.32",
     "@material-ui/icons": "^5.0.0-alpha.37",
     "@material-ui/styles": "^5.0.0-alpha.35",
-    "@prisma/client": "2.25.0",
+    "@prisma/client": "^2.30.0",
     "@reduxjs/toolkit": "^1.6.0",
     "argon2": "^0.28.2",
-    "busboy": "^0.3.1",
     "colorette": "^1.2.2",
     "cookie": "^0.4.1",
     "copy-to-clipboard": "^3.3.1",
     "fecha": "^4.2.1",
     "formik": "^2.2.9",
-    "next": "11.0.0",
-    "prisma": "2.25.0",
+    "multer": "^1.4.2",
+    "next": "11.1.0",
+    "prisma": "^2.30.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-dropzone": "^11.3.2",
     "react-redux": "^7.2.4",
     "redux": "^4.1.0",
     "redux-thunk": "^2.3.0",
-    "rimraf": "^3.0.2",
     "yup": "^0.32.9"
   },
   "devDependencies": {
     "@commitlint/cli": "^12.1.4",
     "@commitlint/config-conventional": "^12.1.4",
-    "@types/bcryptjs": "^2.4.2",
-    "@types/busboy": "^0.2.3",
     "@types/cookie": "^0.4.0",
+    "@types/multer": "^1.4.6",
     "@types/node": "^15.12.2",
     "babel-plugin-transform-imports": "^2.0.0",
     "eslint": "7.28.0",

prisma/migrations/20210825043706_init/migration.sql

@@ -40,12 +40,24 @@ CREATE TABLE "Url" (
     PRIMARY KEY ("id")
 );
 
+-- CreateTable
+CREATE TABLE "InvisibleUrl" (
+    "id" INTEGER NOT NULL,
+    "invis" TEXT NOT NULL
+);
+
 -- CreateIndex
 CREATE UNIQUE INDEX "InvisibleImage.invis_unique" ON "InvisibleImage"("invis");
 
 -- CreateIndex
 CREATE UNIQUE INDEX "InvisibleImage_id_unique" ON "InvisibleImage"("id");
 
+-- CreateIndex
+CREATE UNIQUE INDEX "InvisibleUrl.invis_unique" ON "InvisibleUrl"("invis");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "InvisibleUrl_id_unique" ON "InvisibleUrl"("id");
+
 -- AddForeignKey
 ALTER TABLE "Image" ADD FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
 
@@ -54,3 +66,6 @@ ALTER TABLE "InvisibleImage" ADD FOREIGN KEY ("id") REFERENCES "Image"("id") ON
 
 -- AddForeignKey
 ALTER TABLE "Url" ADD FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "InvisibleUrl" ADD FOREIGN KEY ("id") REFERENCES "Url"("id") ON DELETE CASCADE ON UPDATE CASCADE;

prisma/migrations/20210826034827_custom_themes/migration.sql

@@ -0,0 +1,25 @@
+-- AlterTable
+ALTER TABLE "User" ADD COLUMN     "systemTheme" TEXT NOT NULL DEFAULT E'dark_blue';
+
+-- CreateTable
+CREATE TABLE "Theme" (
+    "id" SERIAL NOT NULL,
+    "type" TEXT NOT NULL,
+    "primary" TEXT NOT NULL,
+    "secondary" TEXT NOT NULL,
+    "error" TEXT NOT NULL,
+    "warning" TEXT NOT NULL,
+    "info" TEXT NOT NULL,
+    "border" TEXT NOT NULL,
+    "mainBackground" TEXT NOT NULL,
+    "paperBackground" TEXT NOT NULL,
+    "userId" INTEGER NOT NULL,
+
+    PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Theme_userId_unique" ON "Theme"("userId");
+
+-- AddForeignKey
+ALTER TABLE "Theme" ADD FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;

prisma/migrations_mysql/migration_lock.toml

@@ -1,3 +0,0 @@
-# Please do not edit this file manually
-# It should be added in your version-control system (i.e. Git)
-provider = "mysql"

prisma/migrations_mysql/mysql/migration.sql

@@ -1,53 +0,0 @@
--- CreateTable
-CREATE TABLE `User` (
-    `id` INTEGER NOT NULL AUTO_INCREMENT,
-    `username` VARCHAR(191) NOT NULL,
-    `password` VARCHAR(191) NOT NULL,
-    `token` VARCHAR(191) NOT NULL,
-    `administrator` BOOLEAN NOT NULL DEFAULT false,
-    `embedTitle` VARCHAR(191),
-    `embedColor` VARCHAR(191) NOT NULL DEFAULT '#2f3136',
-
-    PRIMARY KEY (`id`)
-) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
-
--- CreateTable
-CREATE TABLE `Image` (
-    `id` INTEGER NOT NULL AUTO_INCREMENT,
-    `file` VARCHAR(191) NOT NULL,
-    `mimetype` VARCHAR(191) NOT NULL DEFAULT 'image/png',
-    `created_at` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
-    `views` INTEGER NOT NULL DEFAULT 0,
-    `userId` INTEGER NOT NULL,
-
-    PRIMARY KEY (`id`)
-) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
-
--- CreateTable
-CREATE TABLE `InvisibleImage` (
-    `id` INTEGER NOT NULL,
-    `invis` VARCHAR(191) NOT NULL,
-
-    UNIQUE INDEX `InvisibleImage.invis_unique`(`invis`),
-    UNIQUE INDEX `InvisibleImage_id_unique`(`id`)
-) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
-
--- CreateTable
-CREATE TABLE `Url` (
-    `id` INTEGER NOT NULL AUTO_INCREMENT,
-    `to` VARCHAR(191) NOT NULL,
-    `created_at` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
-    `views` INTEGER NOT NULL DEFAULT 0,
-    `userId` INTEGER NOT NULL,
-
-    PRIMARY KEY (`id`)
-) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
-
--- AddForeignKey
-ALTER TABLE `Image` ADD FOREIGN KEY (`userId`) REFERENCES `User`(`id`) ON DELETE CASCADE ON UPDATE CASCADE;
-
--- AddForeignKey
-ALTER TABLE `InvisibleImage` ADD FOREIGN KEY (`id`) REFERENCES `Image`(`id`) ON DELETE CASCADE ON UPDATE CASCADE;
-
--- AddForeignKey
-ALTER TABLE `Url` ADD FOREIGN KEY (`userId`) REFERENCES `User`(`id`) ON DELETE CASCADE ON UPDATE CASCADE;

prisma/migrations_sqlite/migration_lock.toml

@@ -1,3 +0,0 @@
-# Please do not edit this file manually
-# It should be added in your version-control system (i.e. Git)
-provider = "sqlite"

prisma/migrations_sqlite/sqlite/migration.sql

@@ -1,44 +0,0 @@
--- CreateTable
-CREATE TABLE "User" (
-    "id" INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,
-    "username" TEXT NOT NULL,
-    "password" TEXT NOT NULL,
-    "token" TEXT NOT NULL,
-    "administrator" BOOLEAN NOT NULL DEFAULT false,
-    "embedTitle" TEXT,
-    "embedColor" TEXT NOT NULL DEFAULT '#2f3136'
-);
-
--- CreateTable
-CREATE TABLE "Image" (
-    "id" INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,
-    "file" TEXT NOT NULL,
-    "mimetype" TEXT NOT NULL DEFAULT 'image/png',
-    "created_at" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
-    "views" INTEGER NOT NULL DEFAULT 0,
-    "userId" INTEGER NOT NULL,
-    FOREIGN KEY ("userId") REFERENCES "User" ("id") ON DELETE CASCADE ON UPDATE CASCADE
-);
-
--- CreateTable
-CREATE TABLE "InvisibleImage" (
-    "id" INTEGER NOT NULL,
-    "invis" TEXT NOT NULL,
-    FOREIGN KEY ("id") REFERENCES "Image" ("id") ON DELETE CASCADE ON UPDATE CASCADE
-);
-
--- CreateTable
-CREATE TABLE "Url" (
-    "id" INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,
-    "to" TEXT NOT NULL,
-    "created_at" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
-    "views" INTEGER NOT NULL DEFAULT 0,
-    "userId" INTEGER NOT NULL,
-    FOREIGN KEY ("userId") REFERENCES "User" ("id") ON DELETE CASCADE ON UPDATE CASCADE
-);
-
--- CreateIndex
-CREATE UNIQUE INDEX "InvisibleImage.invis_unique" ON "InvisibleImage"("invis");
-
--- CreateIndex
-CREATE UNIQUE INDEX "InvisibleImage_id_unique" ON "InvisibleImage"("id");

prisma/schema.mysql.prisma

@@ -1,55 +0,0 @@
-datasource db {
-  provider = "mysql"
-  url      = env("DATABASE_URL")
-}
-
-generator client {
-  provider = "prisma-client-js"
-}
-
-model User {
-  id            Int     @id @default(autoincrement())
-  username      String
-  password      String
-  token         String
-  administrator Boolean @default(false)
-  embedTitle    String?
-  embedColor    String  @default("#2f3136")
-  images        Image[]
-  urls          Url[]
-}
-
-model Image {
-  id         Int             @id @default(autoincrement())
-  file       String
-  mimetype   String          @default("image/png")
-  created_at DateTime        @default(now())
-  views      Int             @default(0)
-  invisible  InvisibleImage?
-  user       User            @relation(fields: [userId], references: [id])
-  userId     Int
-}
-
-model InvisibleImage {
-  id     Int
-  image  Image @relation(fields: [id], references: [id])
-
-  invis  String @unique
-}
-
-model Url {
-  id         Int      @id @default(autoincrement())
-  to         String
-  created_at DateTime @default(now())
-  views      Int      @default(0)
-  invisible  InvisibleUrl?
-  user       User     @relation(fields: [userId], references: [id])
-  userId     Int
-}
-
-model InvisibleUrl {
-  id     Int
-  url    Url    @relation(fields: [id], references: [id])
-
-  invis  String @unique
-}

prisma/schema.prisma

@@ -13,12 +13,29 @@ model User {
   password      String
   token         String
   administrator Boolean @default(false)
+  systemTheme   String  @default("dark_blue")
+  customTheme   Theme?
   embedTitle    String?
   embedColor    String  @default("#2f3136")
   images        Image[]
   urls          Url[]
 }
 
+model Theme {
+  id              Int    @id @default(autoincrement())
+  type            String
+  primary         String
+  secondary       String
+  error           String
+  warning         String
+  info            String
+  border          String
+  mainBackground  String
+  paperBackground String
+  user            User   @relation(fields: [userId], references: [id])
+  userId          Int
+}
+
 model Image {
   id         Int             @id @default(autoincrement())
   file       String
@@ -31,25 +48,25 @@ model Image {
 }
 
 model InvisibleImage {
-  id     Int
-  image  Image @relation(fields: [id], references: [id])
+  id    Int
+  image Image @relation(fields: [id], references: [id])
 
-  invis  String @unique
+  invis String @unique
 }
 
 model Url {
-  id         Int      @id @default(autoincrement())
+  id         Int           @id @default(autoincrement())
   to         String
-  created_at DateTime @default(now())
-  views      Int      @default(0)
+  created_at DateTime      @default(now())
+  views      Int           @default(0)
   invisible  InvisibleUrl?
-  user       User     @relation(fields: [userId], references: [id])
+  user       User          @relation(fields: [userId], references: [id])
   userId     Int
 }
 
 model InvisibleUrl {
-  id     Int
-  url    Url    @relation(fields: [id], references: [id])
+  id  Int
+  url Url @relation(fields: [id], references: [id])
 
-  invis  String @unique
-}
+  invis String @unique
+}

prisma/schema.shared.prisma

@@ -1,55 +0,0 @@
-datasource db {
-  provider = "postgresql"
-  url      = env("DATABASE_URL")
-}
-
-generator client {
-  provider = "prisma-client-js"
-}
-
-model User {
-  id            Int     @id @default(autoincrement())
-  username      String
-  password      String
-  token         String
-  administrator Boolean @default(false)
-  embedTitle    String?
-  embedColor    String  @default("#2f3136")
-  images        Image[]
-  urls          Url[]
-}
-
-model Image {
-  id         Int             @id @default(autoincrement())
-  file       String
-  mimetype   String          @default("image/png")
-  created_at DateTime        @default(now())
-  views      Int             @default(0)
-  invisible  InvisibleImage?
-  user       User            @relation(fields: [userId], references: [id])
-  userId     Int
-}
-
-model InvisibleImage {
-  id     Int
-  image  Image @relation(fields: [id], references: [id])
-
-  invis  String @unique
-}
-
-model Url {
-  id         Int      @id @default(autoincrement())
-  to         String
-  created_at DateTime @default(now())
-  views      Int      @default(0)
-  invisible  InvisibleUrl?
-  user       User     @relation(fields: [userId], references: [id])
-  userId     Int
-}
-
-model InvisibleUrl {
-  id     Int
-  url    Url    @relation(fields: [id], references: [id])
-
-  invis  String @unique
-}

prisma/schema.sqlite.prisma

@@ -1,55 +0,0 @@
-datasource db {
-  provider = "sqlite"
-  url      = env("DATABASE_URL")
-}
-
-generator client {
-  provider = "prisma-client-js"
-}
-
-model User {
-  id            Int     @id @default(autoincrement())
-  username      String
-  password      String
-  token         String
-  administrator Boolean @default(false)
-  embedTitle    String?
-  embedColor    String  @default("#2f3136")
-  images        Image[]
-  urls          Url[]
-}
-
-model Image {
-  id         Int             @id @default(autoincrement())
-  file       String
-  mimetype   String          @default("image/png")
-  created_at DateTime        @default(now())
-  views      Int             @default(0)
-  invisible  InvisibleImage?
-  user       User            @relation(fields: [userId], references: [id])
-  userId     Int
-}
-
-model InvisibleImage {
-  id     Int
-  image  Image @relation(fields: [id], references: [id])
-
-  invis  String @unique
-}
-
-model Url {
-  id         Int      @id @default(autoincrement())
-  to         String
-  created_at DateTime @default(now())
-  views      Int      @default(0)
-  invisible  InvisibleUrl?
-  user       User     @relation(fields: [userId], references: [id])
-  userId     Int
-}
-
-model InvisibleUrl {
-  id     Int
-  url    Url    @relation(fields: [id], references: [id])
-
-  invis  String @unique
-}

scripts/create-migrations.js

@@ -1,42 +0,0 @@
-const prismaRun = require('./prisma-run');
-const remove = require('rimraf').sync;
-const { readFileSync, readdirSync, statSync, renameSync } = require('fs');
-const { join } = require('path');
-
-
-const str = readFileSync('./config.toml');
-const config = require('@iarna/toml/parse-string')(str);
-
-remove('prisma/migrations*');
-
-function getFirstDir(dir) {
-  const files = readdirSync(dir);
-  for (const file of files) {
-    if (statSync(join(dir, file)).isDirectory()) return join(dir, file);  
-  }
-}
-
-function createPSQLMigrations() {
-  prismaRun(config.database.psql_url, 'psql', ['migrate', 'dev', '--skip-seed', '--name=psql', '--schema=prisma/schema.psql.prisma']);
-  const dir = getFirstDir('./prisma/migrations');
-  renameSync(dir, './prisma/migrations/psql');
-  renameSync('./prisma/migrations', './prisma/migrations_psql');
-}
-
-function createMYSQLMigrations() {
-  prismaRun(config.database.mysql_url, 'mysql', ['migrate', 'dev', '--skip-seed', '--name=mysql', '--schema=prisma/schema.mysql.prisma']);
-  const dir = getFirstDir('./prisma/migrations');
-  renameSync(dir, './prisma/migrations/mysql');
-  renameSync('./prisma/migrations', './prisma/migrations_mysql');
-}
-
-function createSqliteMigrations() {
-  prismaRun(config.database.sqlite_url, 'sqlite', ['migrate', 'dev', '--skip-seed', '--name=sqlite', '--schema=prisma/schema.sqlite.prisma']);
-  const dir = getFirstDir('./prisma/migrations');
-  renameSync(dir, './prisma/migrations/sqlite');
-  renameSync('./prisma/migrations', './prisma/migrations_sqlite');
-}
-
-createPSQLMigrations();
-createMYSQLMigrations();
-createSqliteMigrations();

scripts/deploy-db.js

@@ -1,43 +1,13 @@
-const { copyFileSync, readdirSync, statSync, existsSync, mkdirSync } = require('fs');
-const { join, sep } = require('path');
-const rimraf = require('rimraf');
 const Logger = require('../src/lib/logger');
 const prismaRun = require('./prisma-run');
 
-function recursive(dir) {
-  let res = [];
-  const files = readdirSync(dir);
-  for (let i = 0, L = files.length; i !== L; ++i) {
-    const file = join(dir, files[i]);
-    if (statSync(file).isDirectory()) res = [...res, ...recursive(file)];
-    else res.push(file);
-  }
-
-  return res;
-}
-
 module.exports = async (config) => {
   try {
-    const prisma = join(process.cwd(), 'prisma');
-    const migrationsDir = join(prisma, 'migrations_' + config.database.type);
-    const destMigrations = join(prisma, 'migrations');
-    const migrationFiles = recursive(migrationsDir);
-    const destFiles = migrationFiles.map(x => x.replace(migrationsDir + sep, destMigrations + sep));
-  
-    if (existsSync(destMigrations)) rimraf.sync(destMigrations);
-    mkdirSync(destMigrations);
-    mkdirSync(join(destMigrations, config.database.type));
-  
-    for (let i = 0, L = migrationFiles.length; i !== L; ++i) {
-      copyFileSync(migrationFiles[i], destFiles[i]);
-    }
-  
-    await prismaRun(config.database.url, ['migrate', 'deploy', `--schema=prisma/schema.${config.database.type}.prisma`]);
-    await prismaRun(config.database.url, ['generate', `--schema=prisma/schema.${config.database.type}.prisma`]);
-    await prismaRun(config.database.url, ['db', 'seed', '--preview-feature', `--schema=prisma/schema.${config.database.type}.prisma`]);
+    await prismaRun(config.database.url, ['migrate', 'deploy']);
+    await prismaRun(config.database.url, ['generate']);
   } catch (e) {
+    console.log(e);
     Logger.get('db').error('there was an error.. exiting..');
-    rimraf.sync(join(process.cwd(), 'prisma', 'migrations'));
     process.exit(1);
   }
 };

scripts/migrate-v2-v3.js

@@ -1,18 +1,13 @@
-const { readFile, readdir } = require('fs/promises');
-const { existsSync } = require('fs');
-const { join, extname } = require('path');
+const { readdir } = require('fs/promises');
+const { extname } = require('path');
 const validateConfig = require('../server/validateConfig');
 const Logger = require('../src/lib/logger');
+const readConfig = require('../src/lib/readConfig');
 const mimes = require('./mimes');
 const { PrismaClient } = require('@prisma/client');
 
 (async () => {
-  const str = await readFile('./config.toml');
-  const config = require('@iarna/toml/parse-string')(str);
-  if (!existsSync(join(process.cwd(), 'prisma', 'migrations'))) {
-    Logger.get('server').info('detected an uncreated database - creating...');
-    await require('../scripts/deploy-db')(config);
-  }
+  const config = readConfig();
 
   await validateConfig(config);
 

scripts/prisma-run.js

@@ -10,14 +10,17 @@ module.exports = (url, args) => {
       },
     });
 
-    proc.stdout.on('data', d => console.log(d.toString()));
+    let a = '';
+
+    proc.stdout.on('data', d => {
+      console.log(d.toString());
+      a += d.toString();
+    });
     proc.stderr.on('data', d => {
       console.log(d.toString());
-
       rej(d.toString());
     });
-
-    proc.stdout.on('close', () => res());
-    
+    proc.stdout.on('end', () => res(a));
+    proc.stdout.on('close', () => res(a));
   });
 };

server/index.js

@@ -1,15 +1,18 @@
 const next = require('next');
 const { createServer } = require('http');
-const { readFile, stat, mkdir } = require('fs/promises');
-const { existsSync } = require('fs');
+const { stat, mkdir } = require('fs/promises');
 const { execSync } = require('child_process');
-const { join } = require('path');
+const { extname } = require('path');
 const { red, green, bold } = require('colorette');
 const { PrismaClient } = require('@prisma/client');
 const validateConfig = require('./validateConfig');
 const Logger = require('../src/lib/logger');
 const getFile = require('./static');
+const prismaRun = require('../scripts/prisma-run');
 const readConfig = require('../src/lib/readConfig');
+const mimes = require('../scripts/mimes');
+const deployDb = require('../scripts/deploy-db');
+
 
 Logger.get('server').info('starting zipline server');
 
@@ -32,14 +35,14 @@ function shouldUseYarn() {
 (async () => {
   try {
     const config = readConfig();
-    
-    if (!existsSync(join(process.cwd(), 'prisma', 'migrations'))) {
-      Logger.get('server').info('detected an uncreated database - creating...');
-      require('../scripts/deploy-db')(config);
-    }
-
     await validateConfig(config);
 
+    const data = await prismaRun(config.database.url, ['migrate', 'status']);
+    if (data.includes('Following migration have not yet been applied:')) {
+      Logger.get('database').info('some migrations are not applied, applying them now...');
+      await deployDb(config);
+      Logger.get('database').info('finished applying migrations');
+    }
     process.env.DATABASE_URL = config.database.url;
 
     await stat('./.next');
@@ -89,6 +92,9 @@ function shouldUseYarn() {
               }
             });
             res.setHeader('Content-Type', image.mimetype);
+          } else {
+            const mimetype = mimes[extname(parts[2])] ?? 'application/octet-stream';
+            res.setHeader('Content-Type', mimetype);
           }
 
           res.end(data);
@@ -110,7 +116,6 @@ function shouldUseYarn() {
     });
 
     srv.listen(config.core.port, config.core.host ?? '0.0.0.0');
-    
   } catch (e) {
     if (e.message && e.message.startsWith('Could not find a production')) {
       Logger.get('web').error(`there is no production build - run \`${shouldUseYarn() ? 'yarn build' : 'npm build'}\``);

src/components/Layout.tsx

@@ -23,6 +23,7 @@ import {
   DialogContent,
   DialogContentText,
   DialogTitle,
+  Select,
 } from '@material-ui/core';
 import {
   Menu as MenuIcon,
@@ -33,10 +34,15 @@ import {
   ContentCopy as CopyIcon,
   Autorenew as ResetIcon,
   Logout as LogoutIcon,
-  PeopleAlt as UsersIcon
+  PeopleAlt as UsersIcon,
+  Brush as BrushIcon
 } from '@material-ui/icons';
 import copy from 'copy-to-clipboard';
 import Backdrop from './Backdrop';
+import { friendlyThemeName, themes } from './Theming';
+import { useRouter } from 'next/router';
+import { useStoreDispatch } from 'lib/redux/store';
+import { updateUser } from 'lib/redux/reducers/user';
 
 const items = [
   {
@@ -122,11 +128,14 @@ function ResetTokenDialog({ open, setOpen, setToken }) {
 }
 
 export default function Layout({ children, user, loading, noPaper }) {
+  const [systemTheme, setSystemTheme] = useState(user.systemTheme || 'dark_blue');
   const [mobileOpen, setMobileOpen] = useState(false);
   const [anchorEl, setAnchorEl] = useState(null);
   const [copyOpen, setCopyOpen] = useState(false);
   const [resetOpen, setResetOpen] = useState(false);
   const [token, setToken] = useState(user?.token);
+  const router = useRouter();
+  const dispatch = useStoreDispatch();
 
   const open = Boolean(anchorEl);
   const handleClick = e => setAnchorEl(e.currentTarget);
@@ -142,6 +151,17 @@ export default function Layout({ children, user, loading, noPaper }) {
     setAnchorEl(null);
   };
 
+  const handleUpdateTheme = async (event: React.ChangeEvent<{ value: string }>) => {
+    const newUser = await useFetch('/api/user', 'PATCH', {
+      systemTheme: event.target.value || 'dark_blue'
+    });
+
+    setSystemTheme(newUser.systemTheme);
+    dispatch(updateUser(newUser));
+
+    router.replace(router.pathname);
+  };
+
   const drawer = (
     <div>
       <CopyTokenDialog open={copyOpen} setOpen={setCopyOpen} token={token} />
@@ -190,12 +210,12 @@ export default function Layout({ children, user, loading, noPaper }) {
                   id='zipline-user-menu'
                   anchorEl={anchorEl}
                   open={open}
-                  onClose={handleClose}
+                  onClose={handleClose(null)}
                   MenuListProps={{
                     'aria-labelledby': 'basic-button',
                   }}
                 >
-                  <MenuItem>
+                  <MenuItem disableRipple>
                     <Typography variant='h5'>
                       <b>{user.username}</b>
                     </Typography>
@@ -221,6 +241,22 @@ export default function Layout({ children, user, loading, noPaper }) {
                       </MenuItem>
                     </a>
                   </Link>
+                  <MenuItem>
+                    <BrushIcon sx={{ mr: 2 }} />
+                    <Select
+                      variant='standard'
+                      label='Theme'
+                      value={systemTheme}
+                      onChange={handleUpdateTheme}
+                      fullWidth
+                    >
+                      {Object.keys(themes).map(t => (
+                        <MenuItem value={t} key={t}>
+                          {friendlyThemeName[t]}
+                        </MenuItem>
+                      ))}
+                    </Select>
+                  </MenuItem>
                 </Menu>
               </Box>
             )}
@@ -299,12 +335,12 @@ export default function Layout({ children, user, loading, noPaper }) {
                 id='zipline-user-menu'
                 anchorEl={anchorEl}
                 open={open}
-                onClose={handleClose}
+                onClose={handleClose(null)}
                 MenuListProps={{
                   'aria-labelledby': 'basic-button',
                 }}
               >
-                <MenuItem>
+                <MenuItem disableRipple>
                   <Typography variant='h5'>
                     <b>{user.username}</b>
                   </Typography>
@@ -378,4 +414,4 @@ export default function Layout({ children, user, loading, noPaper }) {
       </Box>
     </Box>
   );
-}
+}

src/components/Theming.tsx

@@ -0,0 +1,65 @@
+import React from 'react';
+import { ThemeProvider } from '@emotion/react';
+import { CssBaseline } from '@material-ui/core';
+import dark_blue from 'lib/themes/dark_blue';
+import dark from 'lib/themes/dark';
+import ayu_dark from 'lib/themes/ayu_dark';
+import ayu_mirage from 'lib/themes/ayu_mirage';
+import ayu_light from 'lib/themes/ayu_light';
+import nord from 'lib/themes/nord';
+import polar from 'lib/themes/polar';
+import { useStoreSelector } from 'lib/redux/store';
+import createTheme from 'lib/themes';
+
+export const themes = {
+  'dark_blue': dark_blue,
+  'dark': dark,
+  'ayu_dark': ayu_dark,
+  'ayu_mirage': ayu_mirage,
+  'ayu_light': ayu_light,
+  'nord': nord,
+  'polar': polar
+};
+
+export const friendlyThemeName = {
+  'dark_blue': 'Dark Blue',
+  'dark': 'Very Dark',
+  'ayu_dark': 'Ayu Dark',
+  'ayu_mirage': 'Ayu Mirage',
+  'ayu_light': 'Ayu Light',
+  'nord': 'Nord',
+  'polar': 'Polar'
+};
+
+export default function ZiplineTheming({ Component, pageProps }) {
+  let t;
+
+  const user = useStoreSelector(state => state.user);
+  if (!user) t = themes.dark_blue;
+  else {
+    if (user.customTheme) {
+      t = createTheme({
+        type: 'dark',
+        primary: user.customTheme.primary,
+        secondary: user.customTheme.secondary,
+        error: user.customTheme.error,
+        warning: user.customTheme.warning,
+        info: user.customTheme.info,
+        border: user.customTheme.border,
+        background: {
+          main: user.customTheme.mainBackground,
+          paper: user.customTheme.paperBackground
+        }
+      });
+    } else {
+      t = themes[user.systemTheme] ?? themes.dark_blue;
+    }
+  }
+
+  return (
+    <ThemeProvider theme={t}>
+      <CssBaseline />
+      <Component {...pageProps} />
+    </ThemeProvider>
+  );
+}

src/components/pages/Dashboard.tsx

@@ -24,6 +24,7 @@ type Aligns = 'inherit' | 'right' | 'left' | 'center' | 'justify';
 
 export function bytesToRead(bytes: number) {
   if (isNaN(bytes)) return '0.0 B';
+  if (bytes === Infinity) return '0.0 B';
   const units = ['B', 'kB', 'MB', 'GB', 'TB', 'PB'];
   let num = 0;
 
@@ -96,7 +97,7 @@ export default function Dashboard() {
     const imgs = await useFetch('/api/user/images');
     const stts = await useFetch('/api/stats');
     setImages(imgs);
-    setStats(stts);
+    setStats(stts);console.log(stts);
 
     setApiLoading(false);
   };
@@ -132,7 +133,7 @@ export default function Dashboard() {
             <Card name='Size' sx={{ height: '100%' }}>
               <StatText>{stats.size}</StatText>
               <Typography variant='h3'>Average Size</Typography>
-              <StatText>{bytesToRead(stats.size / stats.count)}</StatText>
+              <StatText>{bytesToRead(stats.size_num / stats.count)}</StatText>
             </Card>
           </Grid>
           <Grid item xs={12} sm={4}>
@@ -205,26 +206,29 @@ export default function Dashboard() {
           onRowsPerPageChange={handleChangeRowsPerPage}
         />
       </Card>
+      {stats && (
+        <>
+          <Card name='Images per User' sx={{ height: '100%', my: 2 }} elevation={0} variant='outlined'>
+            <StatTable
+              columns={[
+                { id: 'username', name: 'Name' },
+                { id: 'count', name: 'Images' }
+              ]}
+              rows={stats.count_by_user}
+            />
+          </Card>
 
-      <Card name='Images per User' sx={{ height: '100%', my: 2 }} elevation={0} variant='outlined'>
-        <StatTable
-          columns={[
-            { id: 'username', name: 'Name' },
-            { id: 'count', name: 'Images' }
-          ]}
-          rows={stats.count_by_user}
-        />
-      </Card>
-
-      <Card name='Types' sx={{ height: '100%', my: 2 }} elevation={0} variant='outlined'>
-        <StatTable
-          columns={[
-            { id: 'mimetype', name: 'Type' },
-            { id: 'count', name: 'Count' }
-          ]}
-          rows={stats.types_count}
-        />
-      </Card>
+          <Card name='Types' sx={{ height: '100%', my: 2 }} elevation={0} variant='outlined'>
+            <StatTable
+              columns={[
+                { id: 'mimetype', name: 'Type' },
+                { id: 'count', name: 'Count' }
+              ]}
+              rows={stats.types_count}
+            />
+          </Card>
+        </>
+      )}
     </>
   );
 }

src/components/pages/Images.tsx

@@ -4,18 +4,15 @@ import { Grid, Pagination, Box, Typography } from '@material-ui/core';
 import Backdrop from 'components/Backdrop';
 import ZiplineImage from 'components/Image';
 import useFetch from 'hooks/useFetch';
-import { useStoreSelector } from 'lib/redux/store';
 
 export default function Upload() {
-  const user = useStoreSelector(state => state.user);
-
   const [pages, setPages] = useState([]);
   const [page, setPage] = useState(1);
   const [loading, setLoading] = useState(true);
 
   const updatePages = async () => {
     setLoading(true);
-    const pages = await useFetch('/api/user/images?paged=true');
+    const pages = await useFetch('/api/user/images?paged=true&filter=image');
     setPages(pages);
     setLoading(false);
   };

src/components/pages/Manage.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { TextField, Button, Box, Typography } from '@material-ui/core';
+import { TextField, Button, Box, Typography, Select, MenuItem } from '@material-ui/core';
 
 import { useFormik } from 'formik';
 import * as yup from 'yup';
@@ -8,6 +8,7 @@ import Backdrop from 'components/Backdrop';
 import Alert from 'components/Alert';
 import { useStoreDispatch, useStoreSelector } from 'lib/redux/store';
 import { updateUser } from 'lib/redux/reducers/user';
+import { useRouter } from 'next/router';
 
 const validationSchema = yup.object({
   username: yup
@@ -15,6 +16,45 @@ const validationSchema = yup.object({
     .required('Username is required')
 });
 
+const themeValidationSchema = yup.object({
+  type: yup
+    .string()
+    .required('Type (dark, light) is required is required'),
+  primary: yup
+    .string()
+    .required('Primary color is required')
+    .matches(/\#[0-9A-Fa-f]{6}/g, { message: 'Not a valid hex color' }),
+  secondary: yup
+    .string()
+    .required('Secondary color is required')
+    .matches(/\#[0-9A-Fa-f]{6}/g, { message: 'Not a valid hex color' }),
+  error: yup
+    .string()
+    .required('Error color is required')
+    .matches(/\#[0-9A-Fa-f]{6}/g, { message: 'Not a valid hex color' }),
+  warning: yup
+    .string()
+    .required('Warning color is required')
+    .matches(/\#[0-9A-Fa-f]{6}/g, { message: 'Not a valid hex color' }),
+  info: yup
+    .string()
+    .required('Info color is required')
+    .matches(/\#[0-9A-Fa-f]{6}/g, { message: 'Not a valid hex color' }),
+  border: yup
+    .string()
+    .required('Border color is required')
+    .matches(/\#[0-9A-Fa-f]{6}/g, { message: 'Not a valid hex color' }),
+  mainBackground: yup
+    .string()
+    .required('Main Background is required')
+    .matches(/\#[0-9A-Fa-f]{6}/g, { message: 'Not a valid hex color' }),
+  paperBackground: yup
+    .string()
+    .required('Paper Background is required')
+    .matches(/\#[0-9A-Fa-f]{6}/g, { message: 'Not a valid hex color' }),
+
+});
+
 function TextInput({ id, label, formik, ...other }) {
   return (
     <TextField
@@ -36,6 +76,7 @@ function TextInput({ id, label, formik, ...other }) {
 export default function Manage() {
   const user = useStoreSelector(state => state.user);
   const dispatch = useStoreDispatch();
+  const router = useRouter();
 
   const [loading, setLoading] = useState(false);
   const [open, setOpen] = useState(false);
@@ -84,6 +125,41 @@ export default function Manage() {
     }
   });
 
+  const customThemeFormik = useFormik({
+    initialValues: {
+      type: user.customTheme?.type || 'dark',
+      primary: user.customTheme?.primary || '',
+      secondary: user.customTheme?.secondary || '',
+      error: user.customTheme?.error || '',
+      warning: user.customTheme?.warning || '',
+      info: user.customTheme?.info || '',
+      border: user.customTheme?.border || '',
+      mainBackground: user.customTheme?.mainBackground || '',
+      paperBackground: user.customTheme?.paperBackground || '',
+    },
+    validationSchema: themeValidationSchema,
+    onSubmit: async values => {
+      setLoading(true);
+
+      const newUser = await useFetch('/api/user', 'PATCH', { customTheme: values });
+      console.log(newUser);
+
+      if (newUser.error) {
+        setLoading(false);
+        setMessage('An error occured');
+        setSeverity('error');
+        setOpen(true);
+      } else {
+        dispatch(updateUser(newUser));
+        router.replace(router.pathname);
+        setLoading(false);
+        setMessage('Saved theme');
+        setSeverity('success');
+        setOpen(true);
+      }
+    }
+  });
+
   return (
     <>
       <Backdrop open={loading}/>
@@ -104,7 +180,42 @@ export default function Manage() {
           <Button
             variant='contained'
             type='submit'
-          >Save</Button>
+          >Save User</Button>
+        </Box>
+      </form>
+      <Typography variant='h4' py={2}>Manage Theme</Typography>
+      <form onSubmit={customThemeFormik.handleSubmit}>
+        <Select
+          id='type'
+          name='type'
+          label='Type'
+          value={customThemeFormik.values['type']}
+          onChange={customThemeFormik.handleChange}
+          error={customThemeFormik.touched['type'] && Boolean(customThemeFormik.errors['type'])}
+          variant='standard'
+          fullWidth
+        >
+          <MenuItem value='dark'>Dark Theme</MenuItem>
+          <MenuItem value='light'>Light Theme</MenuItem>
+        </Select>
+        <TextInput id='primary' label='Primary Color' formik={customThemeFormik} />
+        <TextInput id='secondary' label='Secondary Color' formik={customThemeFormik} />
+        <TextInput id='error' label='Error Color' formik={customThemeFormik} />
+        <TextInput id='warning' label='Warning Color' formik={customThemeFormik} />
+        <TextInput id='info' label='Info Color' formik={customThemeFormik} />
+        <TextInput id='border' label='Border Color' formik={customThemeFormik} />
+        <TextInput id='mainBackground' label='Main Background' formik={customThemeFormik} />
+        <TextInput id='paperBackground' label='Paper Background' formik={customThemeFormik} />
+        <Box
+          display='flex'
+          justifyContent='right'
+          alignItems='right'
+          pt={2}
+        >
+          <Button
+            variant='contained'
+            type='submit'
+          >Save Theme</Button>
         </Box>
       </form>
     </>

src/components/pages/Upload.tsx

@@ -3,13 +3,13 @@ import { Typography, Button, CardActionArea, Paper, Box } from '@material-ui/cor
 import { Upload as UploadIcon } from '@material-ui/icons';
 import Dropzone from 'react-dropzone';
 
-import useFetch from 'hooks/useFetch';
 import Backdrop from 'components/Backdrop';
 import Alert from 'components/Alert';
 import { useStoreSelector } from 'lib/redux/store';
 import CenteredBox from 'components/CenteredBox';
+import copy from 'copy-to-clipboard';
 
-export default function Manage({ route }) {
+export default function Upload({ route }) {
   const user = useStoreSelector(state => state.user);
 
   const [file, setFile] = useState(null);
@@ -30,13 +30,13 @@ export default function Manage({ route }) {
       },
       body
     });
-
-    if (res.ok) {
+    const json = await res.json();
+    if (res.ok && json.error === undefined) {
       setOpen(true);
       setSeverity('success');
-      setMessage(`File uploaded! ${window.location.protocol}//${window.location.host}${route}/${await res.text()}`);
+      setMessage(`Copied to clipboard! ${json.url}`);
+      copy(json.url);
     } else {
-      const json = await res.json();
       setOpen(true);
       setSeverity('error');
       setMessage('Could not upload file: ' + json.error);
@@ -86,4 +86,4 @@ export default function Manage({ route }) {
       </Box>
     </>
   );
-}
+}

src/lib/logger.js

@@ -1,5 +1,5 @@
 const { format } = require('fecha');
-const {  yellow, blueBright, magenta, red, cyan } = require('colorette');
+const { yellow, blueBright, magenta, red, cyan } = require('colorette');
 
 class Logger {
   static get(clas) {

src/lib/middleware/withZipline.ts

@@ -1,16 +1,37 @@
 import type { NextApiRequest, NextApiResponse } from 'next';
 import type { CookieSerializeOptions } from 'cookie';
-import type { User } from '@prisma/client';
+import type { Image, Theme, User } from '@prisma/client';
 
 import { serialize } from 'cookie';
 import { sign64, unsign64 } from '../util';
 import config from 'lib/config';
 import prisma from 'lib/prisma';
 
+export interface NextApiFile {
+  fieldname: string;
+  originalname: string;
+  encoding: string;
+  mimetype: string;
+  buffer: string;
+  size: number;
+}
+
 export type NextApiReq = NextApiRequest & {
-  user: () => Promise<User | null | void>;
+  user: () => Promise<{
+    username: string;
+    token: string;
+    embedTitle: string;
+    embedColor: string;
+    systemTheme: string;
+    customTheme?: Theme;
+    administrator: boolean;
+    id: number;
+    images: Image[];
+    password: string;
+  } | null | void>;
   getCookie: (name: string) => string | null;
   cleanCookie: (name: string) => void;
+  file?: NextApiFile;
 }
 
 export type NextApiRes = NextApiResponse & {
@@ -73,6 +94,18 @@ export const withZipline = (handler: (req: NextApiRequest, res: NextApiResponse)
       const user = await prisma.user.findFirst({
         where: {
           id: Number(userId)
+        },
+        select: {
+          administrator: true,
+          embedColor: true,
+          embedTitle: true,
+          id: true,
+          images: true,
+          password: true,
+          systemTheme: true,
+          customTheme: true,
+          token: true,
+          username: true
         }
       });
 

src/lib/redux/reducers/user.ts

@@ -1,3 +1,4 @@
+import { Theme } from '@prisma/client';
 import { createSlice, PayloadAction } from '@reduxjs/toolkit';
 
 export interface User {
@@ -5,6 +6,8 @@ export interface User {
   token: string;
   embedTitle: string;
   embedColor: string;
+  systemTheme: string;
+  customTheme?: Theme;
 }
 
 const initialState: User = null;

src/lib/themes/ayu_dark.ts

@@ -0,0 +1,17 @@
+// https://github.com/AlphaNecron/
+// https://github.com/ayu-theme/ayu-colors
+import createTheme from '.';
+
+export default createTheme({
+  type: 'dark',
+  primary: '#E6B450',
+  secondary: '#FFEE99',
+  error: '#F07178',
+  warning: '#F29668',
+  info: '#95E6CB',
+  border: '#0D1016',
+  background: {
+    main: '#0A0E14',
+    paper: '#0D1016'
+  }
+});

src/lib/themes/ayu_light.ts

@@ -0,0 +1,17 @@
+// https://github.com/AlphaNecron/
+// https://github.com/ayu-theme/ayu-colors
+import createTheme from '.';
+
+export default createTheme({
+  type: 'light',
+  primary: '#FF9940',
+  secondary: '#E6BA7E',
+  error: '#F07171',
+  warning: '#ED9366',
+  info: '#95E6CB',
+  border: '#FFFFFF',
+  background: {
+    main: '#FAFAFA',
+    paper: '#FFFFFF'
+  }
+});

src/lib/themes/ayu_mirage.ts

@@ -0,0 +1,17 @@
+// https://github.com/AlphaNecron/
+// https://github.com/ayu-theme/ayu-colors
+import createTheme from '.';
+
+export default createTheme({
+  type: 'dark',
+  primary: '#FFCC66',
+  secondary: '#FFD580',
+  error: '#F28779',
+  warning: '#F29E74',
+  info: '#95E6CB',
+  border: '#232834',
+  background: {
+    main: '#1F2430',
+    paper: '#232834'
+  }
+});

src/lib/themes/dark.ts

@@ -0,0 +1,15 @@
+import createTheme from '.';
+
+export default createTheme({
+  type: 'dark',
+  primary: '#2c39a6',
+  secondary: '#7344e2',
+  error: '#ff4141',
+  warning: '#ff9800',
+  info: '#2f6fb9',
+  border: '#2b2b2b',
+  background: {
+    main: '#000000',
+    paper: '#060606'
+  }
+});

src/lib/themes/nord.ts

@@ -0,0 +1,17 @@
+// https://github.com/AlphaNecron/
+// https://github.com/arcticicestudio/nord
+import createTheme from '.';
+
+export default createTheme({
+  type: 'dark',
+  primary: '#81A1C1',
+  secondary: '#88C0D0',
+  error: '#BF616A',
+  warning: '#EBCB8B',
+  info: '#5E81AC',
+  border: '#3B4252',
+  background: {
+    main: '#2E3440',
+    paper: '#3B4252'
+  }
+});

src/lib/themes/polar.ts

@@ -0,0 +1,17 @@
+// https://github.com/AlphaNecron/
+// https://github.com/arcticicestudio/nord
+import createTheme from '.';
+
+export default createTheme({
+  type: 'light',
+  primary: '#81A1C1',
+  secondary: '#88C0D0',
+  error: '#BF616A',
+  warning: '#EBCB8B',
+  info: '#5E81AC',
+  border: '#E5E9F0',
+  background: {
+    main: '#D8DEE9',
+    paper: '#E5E9F0'
+  }
+});

src/lib/types.ts

@@ -13,7 +13,7 @@ export interface ConfigCore {
 }
 
 export interface ConfigDatabase {
-  type: 'psql' | 'mysql' | 'sqlite';
+  type: 'psql';
   url: string;
 }
 

src/pages/404.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Box, Typography } from '@material-ui/core';
+
+export default function FourOhFour() {
+  return (
+    <>
+      <Box
+        display='flex'
+        justifyContent='center'
+        alignItems='center'
+        minHeight='100vh'
+      >
+        <Typography variant='h2'>404 - Not Found</Typography>
+      </Box>
+    </>
+  );
+}

src/pages/[...id].tsx

@@ -6,7 +6,7 @@ import config from 'lib/config';
 import prisma from 'lib/prisma';
 
 export default function EmbeddedImage({ image, title, username, color, normal, embed }) {
-  const dataURL = (route: string) => `/${route}/${image.file}`;
+  const dataURL = (route: string) => `${route}/${image.file}`;
 
   return (
     <>
@@ -56,6 +56,10 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
     }
   });
 
+  if (!image) return {
+    notFound: true
+  };
+
   const user = await prisma.user.findFirst({
     select: {
       embedTitle: true,
@@ -66,9 +70,12 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
       id: image.userId
     }
   });
-
-  if (!image) return {
-    notFound: true
+  
+  if (!image.mimetype.startsWith('image')) return {
+    redirect: {
+      permanent: true,
+      destination: `${config.uploader.route}/${image.file}`,
+    }
   };
 
   return {
@@ -81,4 +88,4 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
       embed: config.uploader.embed_route
     }
   };
-};
+};

src/pages/_app.tsx

@@ -2,9 +2,7 @@ import React from 'react';
 import { Provider } from 'react-redux';
 import PropTypes from 'prop-types';
 import Head from 'next/head';
-import { ThemeProvider } from '@material-ui/core/styles';
-import CssBaseline from '@material-ui/core/CssBaseline';
-import theme from 'lib/themes/dark_blue';
+import Theming from 'components/Theming';
 import { useStore } from 'lib/redux/store';
 
 export default function MyApp({ Component, pageProps }) {
@@ -22,10 +20,10 @@ export default function MyApp({ Component, pageProps }) {
         <meta name='description' content='Zipline' />
         <meta name='viewport' content='minimum-scale=1, initial-scale=1, width=device-width' />
       </Head>
-      <ThemeProvider theme={theme}>
-        <CssBaseline />
-        <Component {...pageProps} />
-      </ThemeProvider>
+      <Theming
+        Component={Component}
+        pageProps={pageProps}
+      />
     </Provider>
   );
 }

src/pages/api/auth/create.ts

@@ -10,7 +10,7 @@ async function handler(req: NextApiReq, res: NextApiRes) {
 
   if (req.method !== 'POST') return res.status(405).end();
 
-  const { username, password } = req.body as { username: string, password: string };
+  const { username, password, administrator } = req.body as { username: string, password: string, administrator: boolean };
 
   if (!username) return res.bad('no username');
   if (!password) return res.bad('no auth');
@@ -28,7 +28,8 @@ async function handler(req: NextApiReq, res: NextApiRes) {
     data: {
       password: hashed,
       username,
-      token: createToken()
+      token: createToken(),
+      administrator
     }
   });
 

src/pages/api/auth/login.ts

@@ -2,21 +2,28 @@ import prisma from 'lib/prisma';
 import { NextApiReq, NextApiRes, withZipline } from 'middleware/withZipline';
 import { checkPassword } from 'lib/util';
 import Logger from 'lib/logger';
+import prismaRun from '../../../../scripts/prisma-run';
+import config from 'lib/config';
 
 async function handler(req: NextApiReq, res: NextApiRes) {
   if (req.method !== 'POST') return res.status(405).end();
   const { username, password } = req.body as { username: string, password: string };
 
+  const users = await prisma.user.findMany();
+  if (users.length === 0) {
+    await prismaRun(config.database.url, ['db', 'seed', '--preview-feature']);
+  }
+
   const user = await prisma.user.findFirst({
     where: {
       username 
     }
   });
 
-  if (!user) return res.status(404).end(JSON.stringify({ message: 'not found' }));
+  if (!user) return res.status(404).end(JSON.stringify({ error: 'User not found' }));
 
   const valid = await checkPassword(password, user.password);
-  if (!valid) return res.forbid('wrong password');
+  if (!valid) return res.forbid('Wrong password');
 
   res.setCookie('user', user.id, { sameSite: true, maxAge: 10000000, path: '/' });
 
@@ -25,4 +32,4 @@ async function handler(req: NextApiReq, res: NextApiRes) {
   return res.json({ success: true });
 }
 
-export default withZipline(handler);
+export default withZipline(handler);

src/pages/api/stats.ts

@@ -2,12 +2,13 @@ import { join } from 'path';
 import { NextApiReq, NextApiRes, withZipline } from 'middleware/withZipline';
 import prisma from 'lib/prisma';
 import { bytesToRead, sizeOfDir } from 'lib/util';
+import config from 'lib/config';
 
 async function handler(req: NextApiReq, res: NextApiRes) {
   const user = await req.user();
   if (!user) return res.forbid('not logged in');
 
-  const size = await sizeOfDir(join(process.cwd(), 'uploads'));
+  const size = await sizeOfDir(join(process.cwd(), config.uploader.directory));
   const byUser = await prisma.image.groupBy({
     by: ['userId'],
     _count: {
@@ -51,6 +52,7 @@ async function handler(req: NextApiReq, res: NextApiRes) {
 
   return res.json({
     size: bytesToRead(size),
+    size_num: size,
     count,
     count_by_user,
     count_users,

src/pages/api/upload.ts

@@ -1,4 +1,4 @@
-import Busboy from 'busboy';
+import multer from 'multer';
 import prisma from 'lib/prisma';
 import zconfig from 'lib/config';
 import { NextApiReq, NextApiRes, withZipline } from 'lib/middleware/withZipline';
@@ -7,32 +7,12 @@ import { writeFile } from 'fs/promises';
 import { join } from 'path';
 import Logger from 'lib/logger';
 
-interface FileData {
-  data: Buffer;
-  ext: string;
-  mimetype: string;
-}
-
-function file(req: NextApiReq): Promise<FileData> {
-  return new Promise((res, rej) => {
-    const busboy = new Busboy({ headers: req.headers });
-    const files = [];
-  
-    busboy.on('file', (_, file, name, __, mimetype) => {
-      const ext = name.split('.').pop();
-      file.on('data', data => files.push({ data, ext, mimetype }));
-    });
-  
-    busboy.on('finish', () => {
-      res(files[0]);
-    });
-  
-    req.pipe(busboy);
-  });
-}
+const uploader = multer({
+  storage: multer.memoryStorage(),
+});
 
 async function handler(req: NextApiReq, res: NextApiRes) {
-  if (req.method !== 'POST') return res.send(JSON.stringify({error:'no aloow'}));
+  if (req.method !== 'POST') return res.forbid('no allow');
   if (!req.headers.authorization) return res.forbid('no authorization');
   
   const user = await prisma.user.findFirst({
@@ -41,19 +21,21 @@ async function handler(req: NextApiReq, res: NextApiRes) {
     }
   });
   if (!user) return res.forbid('authorization incorect');
+  if (!req.file) return res.error('no file');
+
+  const ext = req.file.originalname.split('.').pop();
 
-  const data = await file(req);
   const rand = randomChars(zconfig.uploader.length);
 
   const image = await prisma.image.create({
     data: {
-      file: `${rand}.${data.ext}`,
-      mimetype: data.mimetype,
+      file: `${rand}.${ext}`,
+      mimetype: req.file.mimetype,
       userId: user.id
     }
   });
 
-  await writeFile(join(process.cwd(), zconfig.uploader.directory, image.file), data.data);
+  await writeFile(join(process.cwd(), zconfig.uploader.directory, image.file), req.file.buffer);
 
   Logger.get('image').info(`User ${user.username} (${user.id}) uploaded an image ${image.file} (${image.id})`);
 
@@ -62,7 +44,21 @@ async function handler(req: NextApiReq, res: NextApiRes) {
   });
 }
 
-export default withZipline(handler);
+function run(middleware: any) {
+  return (req, res) =>
+    new Promise((resolve, reject) => {
+      middleware(req, res, (result) => {
+        if (result instanceof Error) reject(result);
+        resolve(result);
+      });
+    });
+}
+
+export default async function handlers(req, res) {
+  await run(uploader.single('file'))(req, res);
+  
+  return withZipline(handler)(req, res);
+};
 
 export const config = {
   api: {

src/pages/api/user/images.ts

@@ -25,9 +25,9 @@ async function handler(req: NextApiReq, res: NextApiRes) {
 
     return res.json(image);
   } else {
-    const images = await prisma.image.findMany({
+    let images = await prisma.image.findMany({
       where: {
-        user
+        userId: user.id
       },
       select: {
         created_at: true,
@@ -40,6 +40,7 @@ async function handler(req: NextApiReq, res: NextApiRes) {
   
     // @ts-ignore
     images.map(image => image.url = `${config.uploader.route}/${image.file}`);
+    if (req.query.filter && req.query.filter === 'image') images = images.filter(x => x.mimetype.startsWith('image'));
   
     return res.json(req.query.paged ? chunk(images, 16) : images);
   }

src/pages/api/user/index.ts

@@ -31,14 +31,49 @@ async function handler(req: NextApiReq, res: NextApiRes) {
       data: { embedColor: req.body.embedColor }
     });
 
+    if (req.body.systemTheme) await prisma.user.update({
+      where: { id: user.id },
+      data: { systemTheme: req.body.systemTheme }
+    });
+
+    if (req.body.customTheme) {
+      if (user.customTheme) await prisma.user.update({
+        where: { id: user.id },
+        data: {
+          customTheme: {
+            update: {
+              ...req.body.customTheme
+            }
+          }
+        }
+      }); else await prisma.theme.create({
+        data: {
+          userId: user.id,
+          ...req.body.customTheme
+        }
+      });
+    }
+
     const newUser = await prisma.user.findFirst({
-      where: { id: user.id }
+      where: {
+        id: Number(user.id)
+      },
+      select: {
+        administrator: true,
+        embedColor: true,
+        embedTitle: true,
+        id: true,
+        images: false,
+        password: false,
+        systemTheme: true,
+        customTheme: true,
+        token: true,
+        username: true
+      }
     });
 
     Logger.get('user').info(`User ${user.username} (${newUser.username}) (${newUser.id}) was updated`);
 
-    delete newUser.password;
-
     return res.json(newUser);
   } else {
     delete user.password;

src/pages/api/users.ts

@@ -2,7 +2,7 @@ import { join } from 'path';
 import { NextApiReq, NextApiRes, withZipline } from 'middleware/withZipline';
 import prisma from 'lib/prisma';
 import { bytesToRead, sizeOfDir } from 'lib/util';
-import { tryGetPreviewData } from 'next/dist/next-server/server/api-utils';
+import { tryGetPreviewData } from 'next/dist/server/api-utils';
 
 async function handler(req: NextApiReq, res: NextApiRes) {
   const user = await req.user();

tsconfig.json

@@ -28,6 +28,7 @@
   },
   "include": [
     "next-env.d.ts",
+    "zip-env.d.ts",
     "**/*.ts",
     "**/*.tsx",
     "prisma/seed.ts"

yarn.lock

@@ -33,6 +33,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.14.5.tgz#d0f0e277c512e0c938277faa85a3968c9a44c0e8"
   integrity sha512-5lsetuxCLilmVGyiLEfoHBRX8UCFD+1m2x3Rj97WrW3V7H3u4RWRXA4evMjImCsin2J2YT0QaVDGf+z8ondbAg==
 
+"@babel/helper-validator-identifier@^7.14.9":
+  version "7.14.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.14.9.tgz#6654d171b2024f6d8ee151bf2509699919131d48"
+  integrity sha512-pQYxPY0UP6IHISRitNe8bsijHex4TWZXi2HwKVsjPiltzlhse2znVcm9Ace510VT1kxIHjGJCZZQBX2gJDbo0g==
+
 "@babel/highlight@^7.10.4", "@babel/highlight@^7.14.5":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.14.5.tgz#6861a52f03966405001f6aa534a01a24d99e8cd9"
@@ -42,7 +47,7 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/plugin-syntax-jsx@^7.12.13":
+"@babel/plugin-syntax-jsx@7.14.5", "@babel/plugin-syntax-jsx@^7.12.13":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.14.5.tgz#000e2e25d8673cce49300517a3eda44c263e4201"
   integrity sha512-ohuFIsOMXJnbOMRfX7/w7LocdR6R7whhuRD4ax8IipLcLPlZGJKkBxgHp++U4N/vKyU16/YDQr2f5seajD3jIw==
@@ -71,13 +76,12 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/types@7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.8.3.tgz#5a383dffa5416db1b73dedffd311ffd0788fb31c"
-  integrity sha512-jBD+G8+LWpMBBWvVcdr4QysjUE4mU/syrhN17o1u3gx0/WzJB1kwiVZAXRtWbsIPOwW8pF/YJV5+nmetPzepXg==
+"@babel/types@7.15.0":
+  version "7.15.0"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.15.0.tgz#61af11f2286c4e9c69ca8deb5f4375a73c72dcbd"
+  integrity sha512-OBvfqnllOIdX4ojTHpwZbpvz4j3EWyjkZEdmjH0/cgsd6QOdSgU8rLSk6ard/pcW7rlmjdVSX/AWOaORR1uNOQ==
   dependencies:
-    esutils "^2.0.2"
-    lodash "^4.17.13"
+    "@babel/helper-validator-identifier" "^7.14.9"
     to-fast-properties "^2.0.0"
 
 "@babel/types@^7.14.5", "@babel/types@^7.4":
@@ -501,25 +505,30 @@
     prop-types "^15.7.2"
     react-is "^17.0.0"
 
-"@next/env@11.0.0":
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/@next/env/-/env-11.0.0.tgz#bdd306a45e88ba3e4e7a36aa91806f6486bb61d0"
-  integrity sha512-VKpmDvTYeCpEQjREg3J4pCmVs/QjEzoLmkM8shGFK6e9AmFd0G9QXOL8HGA8qKhy/XmNb7dHeMqrcMiBua4OgA==
+"@napi-rs/triples@^1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@napi-rs/triples/-/triples-1.0.3.tgz#76d6d0c3f4d16013c61e45dfca5ff1e6c31ae53c"
+  integrity sha512-jDJTpta+P4p1NZTFVLHJ/TLFVYVcOqv6l8xwOeBKNPMgY/zDYH/YH7SJbvrr/h1RcS9GzbPcLKGzpuK9cV56UA==
+
+"@next/env@11.1.0":
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/@next/env/-/env-11.1.0.tgz#cae83d8e0a65aa9f2af3368f8269ffd9d911746a"
+  integrity sha512-zPJkMFRenSf7BLlVee8987G0qQXAhxy7k+Lb/5hLAGkPVHAHm+oFFeL+2ipbI2KTEFlazdmGY0M+AlLQn7pWaw==
 
 "@next/eslint-plugin-next@11.0.0":
   version "11.0.0"
   resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-11.0.0.tgz#e6fb93a00bdaba371904f2b2698b184e6278d369"
   integrity sha512-fPZ0904yY1box6bRpR9rJqIkNxJdvzzxH7doXS+cdjyBAdptMR7wj3mcx1hEikBHzWduU8BOXBvRg2hWc09YDQ==
 
-"@next/polyfill-module@11.0.0":
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/@next/polyfill-module/-/polyfill-module-11.0.0.tgz#cb2f46b323bbe7f8a337ccd80fb82314d4039403"
-  integrity sha512-gydtFzRqsT549U8+sY8382I/f4HFcelD8gdUGnAofQJa/jEU1jkxmjCHC8tmEiyeMLidl7iDZgchfSCpmMzzUg==
+"@next/polyfill-module@11.1.0":
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/@next/polyfill-module/-/polyfill-module-11.1.0.tgz#ee6b9117a1f9bb137479dfa51d5a9e38e066a62f"
+  integrity sha512-64EgW8SzJRQls2yJ5DkuljRxgE24o2kYtX/ghTkPUJYsfidHMWzQGwg26IgRbb/uHqTd1G0W5UkKag+Nt8TWaQ==
 
-"@next/react-dev-overlay@11.0.0":
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/@next/react-dev-overlay/-/react-dev-overlay-11.0.0.tgz#6befb4d00d952551db1b3909023074eb5778ac5d"
-  integrity sha512-q+Wp+eStEMThe77zxdeJ/nbuODkHR6P+/dfUqYXZSqbLf6x5c5xwLBauwwVbkCYFZpAlDuL8Jk8QSAH1OsqC2w==
+"@next/react-dev-overlay@11.1.0":
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/@next/react-dev-overlay/-/react-dev-overlay-11.1.0.tgz#8d4e8020a4cbdacbca431a0bf40c4d28187083af"
+  integrity sha512-h+ry0sTk1W3mJw+TwEf91aqLbBJ5oqAsxfx+QryqEItNtfW6zLSSjxkyTYTqX8DkgSssQQutQfATkzBVgOR+qQ==
   dependencies:
     "@babel/code-frame" "7.12.11"
     anser "1.4.9"
@@ -533,10 +542,17 @@
     stacktrace-parser "0.1.10"
     strip-ansi "6.0.0"
 
-"@next/react-refresh-utils@11.0.0":
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/@next/react-refresh-utils/-/react-refresh-utils-11.0.0.tgz#cb671723c50b904eaa44b4b45c0845476ecd8825"
-  integrity sha512-hi5eY+KBn4QGtUv7VL2OptdM33fI2hxhd7+omOFmAK+S0hDWhg1uqHqqGJk0W1IfqlWEzzL10WvTJDPRAtDugQ==
+"@next/react-refresh-utils@11.1.0":
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/@next/react-refresh-utils/-/react-refresh-utils-11.1.0.tgz#60c3c7b127a5dab8b0a2889a7dcf8a90d2c4e592"
+  integrity sha512-g5DtFTpLTGa36iy9DuZawtJeitI11gysFGKPQQqy+mNbSFazguArcJ10gAYFlbqpIi4boUamWNI5mAoSPx3kog==
+
+"@node-rs/helper@1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@node-rs/helper/-/helper-1.2.1.tgz#e079b05f21ff4329d82c4e1f71c0290e4ecdc70c"
+  integrity sha512-R5wEmm8nbuQU0YGGmYVjEc0OHtYsuXdpRG+Ut/3wZ9XAvQWyThN08bTh2cBJgoZxHQUPtvRfeQuxcAgLuiBISg==
+  dependencies:
+    "@napi-rs/triples" "^1.0.3"
 
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
@@ -583,22 +599,22 @@
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.9.2.tgz#adea7b6953cbb34651766b0548468e743c6a2353"
   integrity sha512-VZMYa7+fXHdwIq1TDhSXoVmSPEGM/aa+6Aiq3nVVJ9bXr24zScr+NlKFKC3iPljA7ho/GAZr+d2jOf5GIRC30Q==
 
-"@prisma/client@2.25.0":
-  version "2.25.0"
-  resolved "https://registry.yarnpkg.com/@prisma/client/-/client-2.25.0.tgz#a81cdf93ce93128eb35298cf8935480f3da6cca3"
-  integrity sha512-JDrAJ+oemiYAwgpYNJvCVT59S9bMbqkx78q2OT54xmmBoyYWWnn6t6oS6q8gKMiKHS6rzm/jdh3sy+2E0R+NAQ==
+"@prisma/client@^2.30.0":
+  version "2.30.0"
+  resolved "https://registry.yarnpkg.com/@prisma/client/-/client-2.30.0.tgz#b0ed9db67405f619e428577f2d45843104142e00"
+  integrity sha512-tjJNHVfgyNOwS2F+AkjMMCJGPnXzHuUCrOnAMJyidAu4aNzxbJ8jWwjt96rRMpyrg9Hwen3xqqQ2oA+ikK7nhQ==
   dependencies:
-    "@prisma/engines-version" "2.25.0-36.c838e79f39885bc8e1611849b1eb28b5bb5bc922"
+    "@prisma/engines-version" "2.30.0-28.60b19f4a1de4fe95741da371b4c44a92f4d1adcb"
 
-"@prisma/engines-version@2.25.0-36.c838e79f39885bc8e1611849b1eb28b5bb5bc922":
-  version "2.25.0-36.c838e79f39885bc8e1611849b1eb28b5bb5bc922"
-  resolved "https://registry.yarnpkg.com/@prisma/engines-version/-/engines-version-2.25.0-36.c838e79f39885bc8e1611849b1eb28b5bb5bc922.tgz#b353576a97d0c1952fd4f4201189e845aaafbea8"
-  integrity sha512-uZaonv3ZzLYAi99AooOe2BOBmb3k+ibVsJyZ5J3F6U1uFHTtTI9AVzC51mE09iNcgq3ZBt2CZNi5CDQZedMWyA==
+"@prisma/engines-version@2.30.0-28.60b19f4a1de4fe95741da371b4c44a92f4d1adcb":
+  version "2.30.0-28.60b19f4a1de4fe95741da371b4c44a92f4d1adcb"
+  resolved "https://registry.yarnpkg.com/@prisma/engines-version/-/engines-version-2.30.0-28.60b19f4a1de4fe95741da371b4c44a92f4d1adcb.tgz#1360113dc19e1d43d4442e3b638ccfa0e1711943"
+  integrity sha512-oThNpx7HtJ0eEmnvrWARYcNCs6dqFdAK3Smt2bJVDD6Go4HLuuhjx028osP+rHaFrGOTx7OslLZYtvvFlAXRDA==
 
-"@prisma/engines@2.25.0-36.c838e79f39885bc8e1611849b1eb28b5bb5bc922":
-  version "2.25.0-36.c838e79f39885bc8e1611849b1eb28b5bb5bc922"
-  resolved "https://registry.yarnpkg.com/@prisma/engines/-/engines-2.25.0-36.c838e79f39885bc8e1611849b1eb28b5bb5bc922.tgz#68d7850d311df6d017e1b878adb19ec21483bcf0"
-  integrity sha512-vjLCk8AFRZu3D8h/SMcWDzTo0xkMuUDyXQzXekn8gzAGjb47B6LQXGR6rDoZ3/uPM13JNTLPvF62mtVaY6fVeQ==
+"@prisma/engines@2.30.0-28.60b19f4a1de4fe95741da371b4c44a92f4d1adcb":
+  version "2.30.0-28.60b19f4a1de4fe95741da371b4c44a92f4d1adcb"
+  resolved "https://registry.yarnpkg.com/@prisma/engines/-/engines-2.30.0-28.60b19f4a1de4fe95741da371b4c44a92f4d1adcb.tgz#b4d91ff876662b1de83e0cc913149a1c088becc7"
+  integrity sha512-LPKq88lIbYezvX0OOc1PU42hHdTsSMPJWmK8lusaHK7DaLHyXjDp/551LbsVapypbjW6N3Jx/If6GoMDASSMSw==
 
 "@reduxjs/toolkit@^1.6.0":
   version "1.6.0"
@@ -635,15 +651,18 @@
   resolved "https://registry.yarnpkg.com/@tsconfig/node16/-/node16-1.0.1.tgz#a6ca6a9a0ff366af433f42f5f0e124794ff6b8f1"
   integrity sha512-FTgBI767POY/lKNDNbIzgAX6miIDBs6NTCbdlDb8TrWovHsSvaVIZDlTqym29C6UqhzwcJx4CYr+AlrMywA0cA==
 
-"@types/bcryptjs@^2.4.2":
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/@types/bcryptjs/-/bcryptjs-2.4.2.tgz#e3530eac9dd136bfdfb0e43df2c4c5ce1f77dfae"
-  integrity sha512-LiMQ6EOPob/4yUL66SZzu6Yh77cbzJFYll+ZfaPiPPFswtIlA/Fs1MzdKYA7JApHU49zQTbJGX3PDmCpIdDBRQ==
+"@types/body-parser@*":
+  version "1.19.0"
+  resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.0.tgz#0685b3c47eb3006ffed117cdd55164b61f80538f"
+  integrity sha512-W98JrE0j2K78swW4ukqMleo8R7h/pFETjM2DQ90MF6XK2i4LO4W3gQ71Lt4w3bfm2EvVSyWHplECvB5sK22yFQ==
+  dependencies:
+    "@types/connect" "*"
+    "@types/node" "*"
 
-"@types/busboy@^0.2.3":
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/@types/busboy/-/busboy-0.2.3.tgz#6697ad29873246c530f09a3ff5a40861824230d5"
-  integrity sha1-ZpetKYcyRsUw8Jo/9aQIYYJCMNU=
+"@types/connect@*":
+  version "3.4.34"
+  resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.34.tgz#170a40223a6d666006d93ca128af2beb1d9b1901"
+  integrity sha512-ePPA/JuI+X0vb+gSWlPKOY0NdNAie/rPUqX2GUPpbZwiKTkSPhjXWuee47E4MtE54QVzGCQMQkAL6JhV2E1+cQ==
   dependencies:
     "@types/node" "*"
 
@@ -652,6 +671,25 @@
   resolved "https://registry.yarnpkg.com/@types/cookie/-/cookie-0.4.0.tgz#14f854c0f93d326e39da6e3b6f34f7d37513d108"
   integrity sha512-y7mImlc/rNkvCRmg8gC3/lj87S7pTUIJ6QGjwHR9WQJcFs+ZMTOaoPrkdFA/YdbuqVEmEbb5RdhVxMkAcgOnpg==
 
+"@types/express-serve-static-core@^4.17.18":
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.21.tgz#a427278e106bca77b83ad85221eae709a3414d42"
+  integrity sha512-gwCiEZqW6f7EoR8TTEfalyEhb1zA5jQJnRngr97+3pzMaO1RKoI1w2bw07TK72renMUVWcWS5mLI6rk1NqN0nA==
+  dependencies:
+    "@types/node" "*"
+    "@types/qs" "*"
+    "@types/range-parser" "*"
+
+"@types/express@*":
+  version "4.17.12"
+  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.12.tgz#4bc1bf3cd0cfe6d3f6f2853648b40db7d54de350"
+  integrity sha512-pTYas6FrP15B1Oa0bkN5tQMNqOcVXa9j4FTFtO8DWI9kppKib+6NJtfTOOLcwxuuYvcX2+dVG6et1SxW/Kc17Q==
+  dependencies:
+    "@types/body-parser" "*"
+    "@types/express-serve-static-core" "^4.17.18"
+    "@types/qs" "*"
+    "@types/serve-static" "*"
+
 "@types/hoist-non-react-statics@^3.3.0":
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz#1124aafe5118cb591977aeb1ceaaed1070eb039f"
@@ -670,11 +708,23 @@
   resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.170.tgz#0d67711d4bf7f4ca5147e9091b847479b87925d6"
   integrity sha512-bpcvu/MKHHeYX+qeEN8GE7DIravODWdACVA1ctevD8CN24RhPZIKMn9ntfAsrvLfSX3cR5RrBKAbYm9bGs0A+Q==
 
+"@types/mime@^1":
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-1.3.2.tgz#93e25bf9ee75fe0fd80b594bc4feb0e862111b5a"
+  integrity sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==
+
 "@types/minimist@^1.2.0":
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.1.tgz#283f669ff76d7b8260df8ab7a4262cc83d988256"
   integrity sha512-fZQQafSREFyuZcdWFAExYjBiCL7AUCdgsk80iO0q4yihYYdcIiH28CcuPTGFgLOCC8RlW49GSQxdHwZP+I7CNg==
 
+"@types/multer@^1.4.6":
+  version "1.4.6"
+  resolved "https://registry.yarnpkg.com/@types/multer/-/multer-1.4.6.tgz#411950b7a99ba0de6ee8f6e3713f4628980cdc73"
+  integrity sha512-F4EZ+KRrzdiSm3jSFj1GVUlw3zWXus5nXYBbrQW/0MGIUv9YHw1dM0cJOxq++v2+Gl4IBdSDvQ3YCORLdyCU+Q==
+  dependencies:
+    "@types/express" "*"
+
 "@types/node@*", "@types/node@^15.12.2":
   version "15.12.2"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-15.12.2.tgz#1f2b42c4be7156ff4a6f914b2fb03d05fa84e38d"
@@ -695,6 +745,16 @@
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.3.tgz#2ab0d5da2e5815f94b0b9d4b95d1e5f243ab2ca7"
   integrity sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw==
 
+"@types/qs@*":
+  version "6.9.6"
+  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.6.tgz#df9c3c8b31a247ec315e6996566be3171df4b3b1"
+  integrity sha512-0/HnwIfW4ki2D8L8c9GVcG5I72s9jP5GSLVF0VIXDW00kmIpA6O33G7a8n59Tmh7Nz0WUC3rSb7PTY/sdW2JzA==
+
+"@types/range-parser@*":
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.3.tgz#7ee330ba7caafb98090bece86a5ee44115904c2c"
+  integrity sha512-ewFXqrQHlFsgc09MK5jP5iR7vumV/BYayNC6PgJO2LPe8vrnNFyjQjSppfEngITi0qvfKtzFvgKymGheFM9UOA==
+
 "@types/react-is@^16.7.1 || ^17.0.0":
   version "17.0.1"
   resolved "https://registry.yarnpkg.com/@types/react-is/-/react-is-17.0.1.tgz#8298442d3860a716e3e8435c1e6e36c189639bdb"
@@ -733,6 +793,14 @@
   resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.1.tgz#18845205e86ff0038517aab7a18a62a6b9f71275"
   integrity sha512-EaCxbanVeyxDRTQBkdLb3Bvl/HK7PBK6UJjsSixB0iHKoWxE5uu2Q/DgtpOhPIojN0Zl1whvOd7PoHs2P0s5eA==
 
+"@types/serve-static@*":
+  version "1.13.9"
+  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.13.9.tgz#aacf28a85a05ee29a11fb7c3ead935ac56f33e4e"
+  integrity sha512-ZFqF6qa48XsPdjXV5Gsz0Zqmux2PerNd3a/ktL45mHpa19cuMi/cL8tcxdAx497yRh+QtYPuofjT9oWw9P7nkA==
+  dependencies:
+    "@types/mime" "^1"
+    "@types/node" "*"
+
 "@typescript-eslint/parser@^4.20.0":
   version "4.27.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.27.0.tgz#85447e573364bce4c46c7f64abaa4985aadf5a94"
@@ -891,6 +959,11 @@ anymatch@~3.1.1:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
+append-field@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/append-field/-/append-field-1.0.0.tgz#1e3440e915f0b1203d23748e78edd7b9b5b43e56"
+  integrity sha1-HjRA6RXwsSA9I3SOeO3XubW0PlY=
+
 aproba@^1.0.3:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
@@ -1073,11 +1146,6 @@ babel-plugin-macros@^2.6.1:
     cosmiconfig "^6.0.0"
     resolve "^1.12.0"
 
-babel-plugin-syntax-jsx@6.18.0:
-  version "6.18.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946"
-  integrity sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY=
-
 babel-plugin-transform-imports@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-imports/-/babel-plugin-transform-imports-2.0.0.tgz#9e5f49f751a9d34ba8f4bb988c7e48ed2419c6b6"
@@ -1250,12 +1318,13 @@ builtin-status-codes@^3.0.0:
   resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
   integrity sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=
 
-busboy@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/busboy/-/busboy-0.3.1.tgz#170899274c5bf38aae27d5c62b71268cd585fd1b"
-  integrity sha512-y7tTxhGKXcyBxRKAni+awqx8uqaJKrSFSNFSeRG5CsWNdmy2BIK+6VGWEW7TZnIO/533mtMEA4rOevQV815YJw==
+busboy@^0.2.11:
+  version "0.2.14"
+  resolved "https://registry.yarnpkg.com/busboy/-/busboy-0.2.14.tgz#6c2a622efcf47c57bbbe1e2a9c37ad36c7925453"
+  integrity sha1-bCpiLvz0fFe7vh4qnDetNseSVFM=
   dependencies:
-    dicer "0.3.0"
+    dicer "0.2.5"
+    readable-stream "1.1.x"
 
 bytes@3.1.0:
   version "3.1.0"
@@ -1482,6 +1551,16 @@ concat-map@0.0.1:
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
 
+concat-stream@^1.5.2:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
+  integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
+  dependencies:
+    buffer-from "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^2.2.2"
+    typedarray "^0.0.6"
+
 configstore@3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/configstore/-/configstore-3.1.2.tgz#c6f25defaeef26df12dd33414b001fe81a543f8f"
@@ -1689,19 +1768,19 @@ css.escape@1.5.1:
   resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb"
   integrity sha1-QuJ9T6BK4y+TGktNQZH6nN3ul8s=
 
-cssnano-preset-simple@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/cssnano-preset-simple/-/cssnano-preset-simple-2.0.0.tgz#b55e72cb970713f425560a0e141b0335249e2f96"
-  integrity sha512-HkufSLkaBJbKBFx/7aj5HmCK9Ni/JedRQm0mT2qBzMG/dEuJOLnMt2lK6K1rwOOyV4j9aSY+knbW9WoS7BYpzg==
+cssnano-preset-simple@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssnano-preset-simple/-/cssnano-preset-simple-3.0.0.tgz#e95d0012699ca2c741306e9a3b8eeb495a348dbe"
+  integrity sha512-vxQPeoMRqUT3c/9f0vWeVa2nKQIHFpogtoBvFdW4GQ3IvEJ6uauCP6p3Y5zQDLFcI7/+40FTgX12o7XUL0Ko+w==
   dependencies:
     caniuse-lite "^1.0.30001202"
 
-cssnano-simple@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/cssnano-simple/-/cssnano-simple-2.0.0.tgz#930d9dcd8ba105c5a62ce719cb00854da58b5c05"
-  integrity sha512-0G3TXaFxlh/szPEG/o3VcmCwl0N3E60XNb9YZZijew5eIs6fLjJuOPxQd9yEBaX2p/YfJtt49i4vYi38iH6/6w==
+cssnano-simple@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssnano-simple/-/cssnano-simple-3.0.0.tgz#a4b8ccdef4c7084af97e19bc5b93b4ecf211e90f"
+  integrity sha512-oU3ueli5Dtwgh0DyeohcIEE00QVfbPR3HzyXdAl89SfnQG3y0/qcpfLVW+jPIh3/rgMZGwuW96rejZGaYE9eUg==
   dependencies:
-    cssnano-preset-simple "^2.0.0"
+    cssnano-preset-simple "^3.0.0"
 
 csstype@^3.0.2:
   version "3.0.8"
@@ -1840,11 +1919,12 @@ detect-libc@^1.0.3:
   resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
   integrity sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=
 
-dicer@0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/dicer/-/dicer-0.3.0.tgz#eacd98b3bfbf92e8ab5c2fdb71aaac44bb06b872"
-  integrity sha512-MdceRRWqltEG2dZqO769g27N/3PXfcKl04VhYnBlo2YhH7zPi88VebsjTKclaOyiuMaGU72hTfw3VkUitGcVCA==
+dicer@0.2.5:
+  version "0.2.5"
+  resolved "https://registry.yarnpkg.com/dicer/-/dicer-0.2.5.tgz#5996c086bb33218c812c090bddc09cd12facb70f"
+  integrity sha1-WZbAhrszIYyBLAkL3cCc0S+stw8=
   dependencies:
+    readable-stream "1.1.x"
     streamsearch "0.1.2"
 
 diff@^4.0.1:
@@ -1919,6 +1999,11 @@ duplexer3@^0.1.4:
   resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
   integrity sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=
 
+ee-first@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
+  integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
+
 electron-to-chromium@^1.3.723:
   version "1.3.752"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.752.tgz#0728587f1b9b970ec9ffad932496429aef750d09"
@@ -3478,7 +3563,7 @@ lodash.truncate@^4.4.2:
   resolved "https://registry.yarnpkg.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz#5a350da0b1113b837ecfffd5812cbe58d6eae193"
   integrity sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=
 
-lodash@^4.17.13, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4, lodash@^4.3.0:
+lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4, lodash@^4.3.0:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@@ -3555,6 +3640,11 @@ md5.js@^1.3.4:
     inherits "^2.0.1"
     safe-buffer "^5.1.2"
 
+media-typer@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
+  integrity sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=
+
 memorystream@^0.3.1:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/memorystream/-/memorystream-0.3.1.tgz#86d7090b30ce455d63fbae12dda51a47ddcaf9b2"
@@ -3603,6 +3693,18 @@ miller-rabin@^4.0.0:
     bn.js "^4.0.0"
     brorand "^1.0.1"
 
+mime-db@1.48.0:
+  version "1.48.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.48.0.tgz#e35b31045dd7eada3aaad537ed88a33afbef2d1d"
+  integrity sha512-FM3QwxV+TnZYQ2aRqhlKBMHxk10lTbMt3bBkMAp54ddrNeVSfcQYOOKuGuy3Ddrm38I04If834fOUSq1yzslJQ==
+
+mime-types@~2.1.24:
+  version "2.1.31"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.31.tgz#a00d76b74317c61f9c2db2218b8e9f8e9c5c9e6b"
+  integrity sha512-XGZnNzm3QvgKxa8dpzyhFTHmpP3l5YNusmne07VUOXxou9CqUqYa/HBy124RqtVh/O2pECas/MOcsDgpilPOPg==
+  dependencies:
+    mime-db "1.48.0"
+
 mimic-fn@^1.0.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022"
@@ -3644,7 +3746,7 @@ minimist-options@4.1.0:
     is-plain-obj "^1.1.0"
     kind-of "^6.0.3"
 
-minimist@^1.2.0:
+minimist@^1.2.0, minimist@^1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
   integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
@@ -3664,6 +3766,13 @@ minizlib@^2.1.1:
     minipass "^3.0.0"
     yallist "^4.0.0"
 
+mkdirp@^0.5.1:
+  version "0.5.5"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
+  integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
+  dependencies:
+    minimist "^1.2.5"
+
 mkdirp@^1.0.3:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
@@ -3689,6 +3798,20 @@ ms@^2.1.1:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
+multer@^1.4.2:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/multer/-/multer-1.4.2.tgz#2f1f4d12dbaeeba74cb37e623f234bf4d3d2057a"
+  integrity sha512-xY8pX7V+ybyUpbYMxtjM9KAiD9ixtg5/JkeKUTD6xilfDv0vzzOFcCp4Ljb1UU3tSOM3VTZtKo63OmzOrGi3Cg==
+  dependencies:
+    append-field "^1.0.0"
+    busboy "^0.2.11"
+    concat-stream "^1.5.2"
+    mkdirp "^0.5.1"
+    object-assign "^4.1.1"
+    on-finished "^2.3.0"
+    type-is "^1.6.4"
+    xtend "^4.0.0"
+
 mute-stream@0.0.7:
   version "0.0.7"
   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab"
@@ -3699,10 +3822,10 @@ nanoclone@^0.2.1:
   resolved "https://registry.yarnpkg.com/nanoclone/-/nanoclone-0.2.1.tgz#dd4090f8f1a110d26bb32c49ed2f5b9235209ed4"
   integrity sha512-wynEP02LmIbLpcYw8uBKpcfF6dmg2vcpKqxeH5UcoKEYdExslsdUA4ugFauuaeYdTB76ez6gJW8XAZ6CgkXYxA==
 
-nanoid@^3.1.22:
-  version "3.1.23"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.23.tgz#f744086ce7c2bc47ee0a8472574d5c78e4183a81"
-  integrity sha512-FiB0kzdP0FFVGDKlRLEQ1BgDzU87dy5NnzjeW9YZNt+/c3+q82EQDUwniSAUxp/F0gFNI1ZhKU1FqYsMuqZVnw==
+nanoid@^3.1.23:
+  version "3.1.25"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.25.tgz#09ca32747c0e543f0e1814b7d3793477f9c8e152"
+  integrity sha512-rdwtIXaXCLFAQbnfqDRnI6jaRHp9fTcYBjtFKE8eezcZ7LuLjhUaQGNeMXf1HmRoCH32CLz6XwX0TtxEOS/A3Q==
 
 native-url@0.3.4:
   version "0.3.4"
@@ -3716,17 +3839,18 @@ natural-compare@^1.4.0:
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
 
-next@11.0.0:
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/next/-/next-11.0.0.tgz#866b833f192f5a94ddb3267d5cc0f4b0ce405ac7"
-  integrity sha512-1OA0ccCTwVtdLats/1v7ReiBVx+Akya0UVhHo9IBr8ZkpDI3/SGNcaruJBp5agy8ROF97VDKkZamoUXxRB9NUA==
+next@11.1.0:
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/next/-/next-11.1.0.tgz#767d4c4fa0b9b0c768cdbd6c9f03dd86b5d701c0"
+  integrity sha512-GHBk/c7Wyr6YbFRFZF37I0X7HKzkHHI8pur/loyXo5AIE8wdkbGPGO0ds3vNAO6f8AxZAKGCRYtAzoGlVLoifA==
   dependencies:
     "@babel/runtime" "7.12.5"
     "@hapi/accept" "5.0.2"
-    "@next/env" "11.0.0"
-    "@next/polyfill-module" "11.0.0"
-    "@next/react-dev-overlay" "11.0.0"
-    "@next/react-refresh-utils" "11.0.0"
+    "@next/env" "11.1.0"
+    "@next/polyfill-module" "11.1.0"
+    "@next/react-dev-overlay" "11.1.0"
+    "@next/react-refresh-utils" "11.1.0"
+    "@node-rs/helper" "1.2.1"
     assert "2.0.0"
     ast-types "0.13.2"
     browserify-zlib "0.2.0"
@@ -3737,7 +3861,7 @@ next@11.0.0:
     chokidar "3.5.1"
     constants-browserify "1.0.0"
     crypto-browserify "3.12.0"
-    cssnano-simple "2.0.0"
+    cssnano-simple "3.0.0"
     domain-browser "4.19.0"
     encoding "0.1.13"
     etag "1.8.1"
@@ -3754,9 +3878,8 @@ next@11.0.0:
     p-limit "3.1.0"
     path-browserify "1.0.1"
     pnp-webpack-plugin "1.6.4"
-    postcss "8.2.13"
+    postcss "8.2.15"
     process "0.11.10"
-    prop-types "15.7.2"
     querystring-es3 "0.2.1"
     raw-body "2.4.1"
     react-is "17.0.2"
@@ -3764,7 +3887,7 @@ next@11.0.0:
     stream-browserify "3.0.0"
     stream-http "3.1.1"
     string_decoder "1.3.0"
-    styled-jsx "3.3.2"
+    styled-jsx "4.0.0"
     timers-browserify "2.0.12"
     tty-browserify "0.0.1"
     use-subscription "1.5.1"
@@ -3971,6 +4094,13 @@ object.values@^1.1.3, object.values@^1.1.4:
     define-properties "^1.1.3"
     es-abstract "^1.18.2"
 
+on-finished@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947"
+  integrity sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=
+  dependencies:
+    ee-first "1.1.1"
+
 once@^1.3.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
@@ -4277,13 +4407,13 @@ pnp-webpack-plugin@1.6.4:
   dependencies:
     ts-pnp "^1.1.6"
 
-postcss@8.2.13:
-  version "8.2.13"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.2.13.tgz#dbe043e26e3c068e45113b1ed6375d2d37e2129f"
-  integrity sha512-FCE5xLH+hjbzRdpbRb1IMCvPv9yZx2QnDarBEYSN0N0HYk+TcXsEhwdFcFb+SRWOKzKGErhIEbBK2ogyLdTtfQ==
+postcss@8.2.15:
+  version "8.2.15"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.2.15.tgz#9e66ccf07292817d226fc315cbbf9bc148fbca65"
+  integrity sha512-2zO3b26eJD/8rb106Qu2o7Qgg52ND5HPjcyQiK2B98O388h43A448LCslC0dI2P97wCAQRJsFvwTRcXxTKds+Q==
   dependencies:
     colorette "^1.2.2"
-    nanoid "^3.1.22"
+    nanoid "^3.1.23"
     source-map "^0.6.1"
 
 prelude-ls@^1.2.1:
@@ -4296,12 +4426,12 @@ prepend-http@^1.0.1:
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
   integrity sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=
 
-prisma@2.25.0:
-  version "2.25.0"
-  resolved "https://registry.yarnpkg.com/prisma/-/prisma-2.25.0.tgz#1ebfef3e945a22c673b3e3c5100f098da475700d"
-  integrity sha512-AdAlP+PShvugljIx62Omu+eLKu6Cozz06dehmClIHSb0/yFiVnyBtrRVV4LZus+QX6Ayg7CTDvtzroACAWl+Zw==
+prisma@^2.30.0:
+  version "2.30.0"
+  resolved "https://registry.yarnpkg.com/prisma/-/prisma-2.30.0.tgz#5b12091c480d538540b898d364b73651d44b4a01"
+  integrity sha512-2XYpSibcVpMd1JDxYypGDU/JKq0W2f/HI1itdddr4Pfg+q6qxt/ItWKcftv4/lqN6u/BVlQ2gDzXVEjpHeO5kQ==
   dependencies:
-    "@prisma/engines" "2.25.0-36.c838e79f39885bc8e1611849b1eb28b5bb5bc922"
+    "@prisma/engines" "2.30.0-28.60b19f4a1de4fe95741da371b4c44a92f4d1adcb"
 
 process-nextick-args@~2.0.0:
   version "2.0.1"
@@ -4323,7 +4453,7 @@ promise-polyfill@^6.0.1:
   resolved "https://registry.yarnpkg.com/promise-polyfill/-/promise-polyfill-6.1.0.tgz#dfa96943ea9c121fca4de9b5868cb39d3472e057"
   integrity sha1-36lpQ+qcEh/KTem1hoyznTRy4Fc=
 
-prop-types@15.7.2, prop-types@^15.6.2, prop-types@^15.7.2:
+prop-types@^15.6.2, prop-types@^15.7.2:
   version "15.7.2"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
   integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
@@ -4550,6 +4680,16 @@ read-pkg@^5.2.0:
     parse-json "^5.0.0"
     type-fest "^0.6.0"
 
+readable-stream@1.1.x:
+  version "1.1.14"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-1.1.14.tgz#7cf4c54ef648e3813084c636dd2079e166c081d9"
+  integrity sha1-fPTFTvZI44EwhMY23SB54WbAgdk=
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.1"
+    isarray "0.0.1"
+    string_decoder "~0.10.x"
+
 readable-stream@3, readable-stream@^3.0.0, readable-stream@^3.5.0, readable-stream@^3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
@@ -4559,7 +4699,7 @@ readable-stream@3, readable-stream@^3.0.0, readable-stream@^3.5.0, readable-stre
     string_decoder "^1.1.1"
     util-deprecate "^1.0.1"
 
-readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@^2.3.3, readable-stream@^2.3.6:
+readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6:
   version "2.3.7"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
   integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
@@ -5187,13 +5327,13 @@ strip-json-comments@~2.0.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
   integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
 
-styled-jsx@3.3.2:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-3.3.2.tgz#2474601a26670a6049fb4d3f94bd91695b3ce018"
-  integrity sha512-daAkGd5mqhbBhLd6jYAjYBa9LpxYCzsgo/f6qzPdFxVB8yoGbhxvzQgkC0pfmCVvW3JuAEBn0UzFLBfkHVZG1g==
+styled-jsx@4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-4.0.0.tgz#f7b90e7889d0a4f4635f8d1ae9ac32f3acaedc57"
+  integrity sha512-2USeoWMoJ/Lx5s2y1PxuvLy/cz2Yrr8cTySV3ILHU1Vmaw1bnV7suKdblLPjnyhMD+qzN7B1SWyh4UZTARn/WA==
   dependencies:
-    "@babel/types" "7.8.3"
-    babel-plugin-syntax-jsx "6.18.0"
+    "@babel/plugin-syntax-jsx" "7.14.5"
+    "@babel/types" "7.15.0"
     convert-source-map "1.7.0"
     loader-utils "1.2.3"
     source-map "0.7.3"
@@ -5472,6 +5612,19 @@ type-fest@^0.8.1:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
   integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
 
+type-is@^1.6.4:
+  version "1.6.18"
+  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
+  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
+  dependencies:
+    media-typer "0.3.0"
+    mime-types "~2.1.24"
+
+typedarray@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
+  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
+
 typescript@^4.3.2:
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.3.2.tgz#399ab18aac45802d6f2498de5054fcbbe716a805"

zip-env.d.ts

@@ -0,0 +1,11 @@
+import type { PrismaClient } from '@prisma/client';
+import type { Config } from './src/lib/types';
+
+declare global {
+  namespace NodeJS {
+    interface Global {
+      prisma: PrismaClient;
+      config: Config
+    }
+  }
+}