Changed imports

leaky-ships/components/Gamefield/BorderTiles.tsx

@@ -1,5 +1,5 @@
 import { CSSProperties, Dispatch, SetStateAction } from "react"
-import { borderCN, cornerCN, fieldIndex } from "../../lib/utils/helpers"
+import { borderCN, cornerCN, fieldIndex } from "@lib/utils/helpers"
 import { Position, MouseCursor } from "../../interfaces/frontend"
 
 type TilesType = {

leaky-ships/components/Gamefield/Gamefield.tsx

@@ -6,7 +6,7 @@ import EventBar from "./EventBar"
 import HitElems from "./HitElems"
 import Labeling from "./Labeling"
 import Ships from "./Ships"
-import useGameEvent from "../../lib/hooks/useGameEvent"
+import useGameEvent from "@lib/hooks/useGameEvent"
 import Targets from "./Targets"
 
 function Gamefield() {

leaky-ships/components/Gamefield/Labeling.tsx

@@ -1,6 +1,6 @@
 import classNames from "classnames"
 import { CSSProperties } from "react"
-import { fieldIndex } from "../../lib/utils/helpers"
+import { fieldIndex } from "@lib/utils/helpers"
 import { Field } from "../../interfaces/frontend"
 
 function Labeling({ count }: { count: number }) {

leaky-ships/pages/api/user/auth.ts

@@ -1,11 +1,11 @@
 import type { NextApiRequest, NextApiResponse } from "next"
-import sendError from "../../lib/backend/components/sendError"
-import getTokenFromCookie from "../../lib/backend/components/getTokenFromCookie"
-import checkTokenIsValid from "../../lib/backend/components/checkTokenIsValid"
-import getTokenDB from "../../lib/backend/components/getTokenDB"
-import getPlayerByIdDB from "../../lib/backend/components/getPlayerByIdDB"
-import createTokenDB from "../../lib/backend/components/createTokenDB"
-import sendResponse from "../../lib/backend/components/sendResponse"
+import sendError from "@backend/components/sendError"
+import getTokenFromCookie from "@backend/components/getTokenFromCookie"
+import checkTokenIsValid from "@backend/components/checkTokenIsValid"
+import getTokenDB from "@backend/components/getTokenDB"
+import getPlayerByIdDB from "@backend/components/getPlayerByIdDB"
+import createTokenDB from "@backend/components/createTokenDB"
+import sendResponse from "@backend/components/sendResponse"
 
 interface Data {
   token: string

leaky-ships/pages/api/user/data.ts

@@ -1,11 +1,11 @@
 import type { NextApiRequest, NextApiResponse } from "next"
 import type { Game } from "@prisma/client"
-import getTokenFromBody from "../../lib/backend/components/getTokenFromBody"
-import checkTokenIsValid from "../../lib/backend/components/checkTokenIsValid"
-import getTokenDB from "../../lib/backend/components/getTokenDB"
-import getPlayerByIdDB from "../../lib/backend/components/getPlayerByIdDB"
-import sendResponse from "../../lib/backend/components/sendResponse"
-import sendError from "../../lib/backend/components/sendError"
+import getTokenFromBody from "@backend/components/getTokenFromBody"
+import checkTokenIsValid from "@backend/components/checkTokenIsValid"
+import getTokenDB from "@backend/components/getTokenDB"
+import getPlayerByIdDB from "@backend/components/getPlayerByIdDB"
+import sendResponse from "@backend/components/sendResponse"
+import sendError from "@backend/components/sendError"
 
 interface Data {
   games: Game[]

leaky-ships/pages/api/user/login.ts

@@ -1,15 +1,15 @@
 import type { NextApiRequest, NextApiResponse } from "next"
-import logging from "../../lib/backend/logging"
-import getPlayerByNameDB from "../../lib/backend/components/getPlayerByNameDB"
-import checkPasswordIsValid from "../../lib/backend/components/checkPasswordIsValid"
-import createTokenDB from "../../lib/backend/components/createTokenDB"
-import sendResponse from "../../lib/backend/components/sendResponse"
 import { setCookie } from "cookies-next"
-import prisma from "../../lib/prisma"
 import jwt from "jsonwebtoken"
-import sendError, { API } from "../../lib/backend/components/sendError"
-import getUserFromBody from "../../lib/backend/components/getUserFromBody"
-import { rejectionErrors } from "../../lib/backend/errors"
+import prisma from "@lib/prisma"
+import logging from "@backend/logging"
+import getPlayerByNameDB from "@backend/components/getPlayerByNameDB"
+import checkPasswordIsValid from "@backend/components/checkPasswordIsValid"
+import createTokenDB from "@backend/components/createTokenDB"
+import sendResponse from "@backend/components/sendResponse"
+import sendError, { API } from "@backend/components/sendError"
+import getUserFromBody from "@backend/components/getUserFromBody"
+import { rejectionErrors } from "@lib/backend/errors"
 
 interface Data {
   loggedIn: boolean

leaky-ships/pages/api/user/loginCheck.ts

@@ -1,10 +1,10 @@
 import type { NextApiRequest, NextApiResponse } from "next"
-import sendError from "../../lib/backend/components/sendError"
-import getTokenFromCookie from "../../lib/backend/components/getTokenFromCookie"
-import checkTokenIsValid from "../../lib/backend/components/checkTokenIsValid"
-import getTokenDB from "../../lib/backend/components/getTokenDB"
-import getPlayerByIdDB from "../../lib/backend/components/getPlayerByIdDB"
-import sendResponse from "../../lib/backend/components/sendResponse"
+import sendError from "@backend/components/sendError"
+import getTokenFromCookie from "@backend/components/getTokenFromCookie"
+import checkTokenIsValid from "@backend/components/checkTokenIsValid"
+import getTokenDB from "@backend/components/getTokenDB"
+import getPlayerByIdDB from "@backend/components/getPlayerByIdDB"
+import sendResponse from "@backend/components/sendResponse"
 
 interface Data {
   token: string

leaky-ships/pages/api/user/logout.ts

@@ -1,10 +1,10 @@
 import type { NextApiRequest, NextApiResponse } from "next"
-import checkTokenIsValid from "../../lib/backend/components/checkTokenIsValid"
-import sendResponse from "../../lib/backend/components/sendResponse"
-import sendError from "../../lib/backend/components/sendError"
+import checkTokenIsValid from "@backend/components/checkTokenIsValid"
+import sendResponse from "@backend/components/sendResponse"
+import sendError from "@backend/components/sendError"
 import { deleteCookie } from "cookies-next"
-import getTokenDB from "../../lib/backend/components/getTokenDB"
-import getTokenFromCookie from "../../lib/backend/components/getTokenFromCookie"
+import getTokenDB from "@backend/components/getTokenDB"
+import getTokenFromCookie from "@backend/components/getTokenFromCookie"
 
 interface Data {
   loggedOut: boolean

leaky-ships/pages/api/user/register.ts

@@ -1,13 +1,13 @@
 import type { NextApiRequest, NextApiResponse } from "next"
 import bcrypt from "bcrypt"
-import sendError from "../../lib/backend/components/sendError"
-import sendResponse from "../../lib/backend/components/sendResponse"
-import getUserFromBody from "../../lib/backend/components/getUserFromBody"
-import getTokenFromCookie from "../../lib/backend/components/getTokenFromCookie"
-import checkTokenIsValid from "../../lib/backend/components/checkTokenIsValid"
-import getTokenDB from "../../lib/backend/components/getTokenDB"
-import updatePlayerDB from "../../lib/backend/components/updatePlayerDB"
-import getPlayerByIdDB from "../../lib/backend/components/getPlayerByIdDB"
+import sendError from "@backend/components/sendError"
+import sendResponse from "@backend/components/sendResponse"
+import getUserFromBody from "@backend/components/getUserFromBody"
+import getTokenFromCookie from "@backend/components/getTokenFromCookie"
+import checkTokenIsValid from "@backend/components/checkTokenIsValid"
+import getTokenDB from "@backend/components/getTokenDB"
+import updatePlayerDB from "@backend/components/updatePlayerDB"
+import getPlayerByIdDB from "@backend/components/getPlayerByIdDB"
 
 interface Data {
   registered: boolean

leaky-ships/pages/api/user/remove.ts

@@ -1,10 +1,10 @@
 import { NextApiRequest, NextApiResponse } from "next"
-import getPlayerByNameDB from "../../lib/backend/components/getPlayerByNameDB"
-import checkPasswordIsValid from "../../lib/backend/components/checkPasswordIsValid"
-import sendResponse from "../../lib/backend/components/sendResponse"
-import prisma from "../../lib/prisma"
-import sendError from "../../lib/backend/components/sendError"
-import getUserFromBody from "../../lib/backend/components/getUserFromBody"
+import getPlayerByNameDB from "@backend/components/getPlayerByNameDB"
+import checkPasswordIsValid from "@backend/components/checkPasswordIsValid"
+import sendResponse from "@backend/components/sendResponse"
+import prisma from "@lib/prisma"
+import sendError from "@backend/components/sendError"
+import getUserFromBody from "@backend/components/getUserFromBody"
 
 interface Data {
   loggedIn: boolean

leaky-ships/pages/api/ws.ts

@@ -2,7 +2,7 @@ import type { NextApiRequest } from "next"
 import type { NextApiResponseWithSocket } from "../../interfaces/NextApiSocket"
 import { Server } from "socket.io"
 import jwt from "jsonwebtoken"
-import prisma from "../../lib/prisma"
+import prisma from "@lib/prisma"
 
 export interface ServerToClientEvents {
   // noArg: () => void

leaky-ships/pages/dev/index.tsx

@@ -6,6 +6,7 @@ import { useState } from "react"
 import Logo from "../../components/Logo"
 import BurgerMenu from "../../components/BurgerMenu"
 import OptionButton from "../../components/OptionButton"
+import getAccessToken from "@lib/frontend/getAccessToken"
 
 export default function Home() {
   const [heWantsToPlay, setHeWantsToPlay] = useState<boolean | null>(false)
@@ -23,7 +24,7 @@ export default function Home() {
               />
             </div>
             <button
-              className="font-farro rounded-lg border-b-4 border-orange-400 bg-warn px-12 pt-5 pb-4 text-2xl font-bold duration-100 active:border-t-4 active:border-b-0 sm:rounded-xl sm:border-b-[6px] sm:px-14 sm:pt-6 sm:pb-5 sm:text-3xl sm:active:border-t-[6px] md:rounded-2xl md:border-b-8 md:px-20 md:pt-7 md:pb-6 md:text-4xl md:active:border-t-8 xl:px-24 xl:pt-10 xl:pb-8 xl:text-5xl"
+              className="font-farro rounded-lg border-b-4 border-orange-400 bg-warn px-12 pb-4 pt-5 text-2xl font-bold duration-100 active:border-b-0 active:border-t-4 sm:rounded-xl sm:border-b-[6px] sm:px-14 sm:pb-5 sm:pt-6 sm:text-3xl sm:active:border-t-[6px] md:rounded-2xl md:border-b-8 md:px-20 md:pb-6 md:pt-7 md:text-4xl md:active:border-t-8 xl:px-24 xl:pb-8 xl:pt-10 xl:text-5xl"
               onClick={() => setTimeout(() => setHeWantsToPlay(true), 200)}
             >
               START
@@ -32,13 +33,24 @@ export default function Home() {
         ) : (
           <div className="flex flex-col items-center rounded-xl border-4 border-black bg-grayish px-4 py-6 shadow-lg sm:mx-8 sm:p-12 md:w-full">
             <button
-              className="-mt-2 w-20 self-start rounded-xl border-b-4 border-shield-gray bg-voidDark text-2xl text-grayish duration-100 active:border-t-4 active:border-b-0 sm:-mt-6 sm:w-40 sm:px-2 sm:text-5xl"
+              className="-mt-2 w-20 self-start rounded-xl border-b-4 border-shield-gray bg-voidDark text-2xl text-grayish duration-100 active:border-b-0 active:border-t-4 sm:-mt-6 sm:w-40 sm:px-2 sm:text-5xl"
               onClick={() => setTimeout(() => setHeWantsToPlay(false), 200)}
             >
               <FontAwesomeIcon icon={faLeftLong} />
             </button>
             <div className="flex flex-col items-center gap-6 sm:gap-12">
-              <OptionButton icon={faPlus}>Raum erstellen</OptionButton>
+              <OptionButton
+                action={() =>
+                  getAccessToken().then((token) =>
+                    fetch("/api/create", {
+                      method: "GET",
+                    })
+                  )
+                }
+                icon={faPlus}
+              >
+                Raum erstellen
+              </OptionButton>
               <OptionButton icon={faUserPlus}>Raum beitreten</OptionButton>
               <OptionButton icon={faEye}>Zuschauen</OptionButton>
             </div>

leaky-ships/pages/dev/socket.tsx

@@ -1,6 +1,6 @@
 import { ChangeEventHandler, useEffect, useState } from "react"
 import { io, Socket } from "socket.io-client"
-import getAccessToken from "../../lib/frontend/getAccessToken"
+import getAccessToken from "@lib/frontend/getAccessToken"
 import type { ClientToServerEvents, ServerToClientEvents } from "../api/ws"
 let socket: Socket<ServerToClientEvents, ClientToServerEvents>
 

leaky-ships/tsconfig.json

@@ -13,7 +13,11 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
-    "incremental": true
+    "incremental": true,
+    "paths": {
+      "@lib/*": ["./lib/*"],
+      "@backend/*": ["./lib/backend/*"]
+    }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules"]