init: Repo for Codecharacter Frontend 2024

README.md

@@ -1,20 +1,34 @@
-<h1 align="center">CodeCharacter Web 2023</h1>
-<p align="center">Monorepo for the web app, renderer and map designer of CodeCharacter 2023</p>
+<h1 align="center">CodeCharacter Web 2024</h1>
+<p align="center">Monorepo for the web app, renderer and map designer of CodeCharacter 2024</p>
 
 <p align="center">
-  <a href="https://github.com/delta/codecharacter-web-2023/actions/workflows/ci.yml">
-    <img src="https://github.com/delta/codecharacter-web-2023/actions/workflows/ci.yml/badge.svg"/>
+  <a href="https://github.com/delta/codecharacter-frontend/actions/workflows/ci.yml">
+    <img src="https://github.com/delta/codecharacter-frontend/actions/workflows/ci.yml/badge.svg"/>
   </a>
-  <a href="https://github.com/delta/codecharacter-web-2023/actions/workflows/docs.yml">
-    <img src="https://github.com/delta/codecharacter-web-2023/actions/workflows/docs.yml/badge.svg"/>
+  <a href="https://github.com/delta/codecharacter-frontend/actions/workflows/docs.yml">
+    <img src="https://github.com/delta/codecharacter-frontend/actions/workflows/docs.yml/badge.svg"/>
   </a>
-  <a href="https://codecov.io/gh/delta/codecharacter-web-2023">
-    <img src="https://codecov.io/gh/delta/codecharacter-web-2023/branch/main/graph/badge.svg?token=T4A45WWCWM"/>
+  <a href="https://codecov.io/gh/delta/codecharacter-frontend">
+    <img src="https://codecov.io/gh/delta/codecharacter-frontend/branch/main/graph/badge.svg?token=T4A45WWCWM"/>
   </a>
   <br>
-  <img src=https://img.shields.io/github/deployments/delta/codecharacter-web-2023/Production?label=vercel&logo=vercel">
+  <img src=https://img.shields.io/github/deployments/delta/codecharacter-frontend/Production?label=vercel&logo=vercel">
 </p>
 
+## Setup
+
+1. Configurations
+
+```
+cp config/config.example.ts config/config.ts
+```
+
+3. Default codes
+
+```
+git submodule update --init
+```
+
 ## Scripts
 
 (To be run with `yarn` prefix)
@@ -27,6 +41,14 @@
 - `lint` runs the linter for the project
 - `format` runs the formatter for the project
 
+## Docker
+
+```
+docker compose up
+```
+
+Container will be running on port **3000**
+
 ## Documentation and preview deployments
 
 Check out [here](https://delta.github.io/codecharacter-web-2023/).

docker-compose.yml

@@ -1,4 +1,4 @@
-version: '3.8'
+version: '3.9'
 
 services:
   web:

docs/README.md

@@ -1,4 +1,4 @@
-# CodeCharacter Web 2023
+# CodeCharacter Web 2024
 
 ### Code Generation Process
 

docs/spec/generator-config.yml

@@ -3,5 +3,5 @@ typescriptThreePlus: true
 useSingleRequestParameter: false
 withInterfaces: true
 withoutRuntimeChecks: true
-npmName: '@codecharacter-2023/client'
+npmName: '@codecharacter-2024/client'
 npmVersion: '2023.0.0'

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "@codecharacter-2023/web",
-  "description": "The web frontend of CodeCharacter 2023",
+  "name": "@codecharacter-2024/web",
+  "description": "The web frontend of CodeCharacter 2024",
   "license": "MIT",
   "author": "Delta Force",
   "version": "2023.0.0",
@@ -10,21 +10,21 @@
   "scripts": {
     "lint": "eslint --ext .ts,.tsx . --ignore-path .gitignore && prettier \"**/*.{ts,tsx,js,json,yml,md}\" --check --ignore-path .gitignore",
     "format": "eslint --ext .ts,.tsx . --fix --ignore-path .gitignore && prettier \"**/*.{ts,tsx,js,json,yml,md}\" --write --ignore-path .gitignore",
-    "compile": "yarn workspace @codecharacter-2023/client run tsc && yarn workspace @codecharacter-2023/renderer run tsc && yarn workspace @codecharacter-2023/map-designer run tsc && tsc",
+    "compile": "yarn workspace @codecharacter-2024/client run tsc && yarn workspace @codecharacter-2024/renderer run tsc && yarn workspace @codecharacter-2024/map-designer run tsc && tsc",
     "test": "jest --coverage",
-    "dev": "concurrently -k -r \"yarn workspace @codecharacter-2023/client build:watch\" \"yarn workspace @codecharacter-2023/renderer build:watch\" \"yarn workspace @codecharacter-2023/map-designer build:watch\" \"sleep 10 && vite --config vite.dev.config.ts\"",
-    "build": "yarn workspace @codecharacter-2023/client run build && yarn workspace @codecharacter-2023/renderer run build && yarn workspace @codecharacter-2023/map-designer run build && vite build --config vite.prod.config.ts --emptyOutDir",
-    "prod": "concurrently -k -r \"sleep 5 && vite build --watch --config vite.prod.config.ts --emptyOutDir\" \"sleep 10 && live-server --host=0.0.0.0 --middleware=spa-ignore-assets dist/\" \"yarn workspace @codecharacter-2023/client build:watch\" \"yarn workspace @codecharacter-2023/renderer build:watch\" \"yarn workspace @codecharacter-2023/map-designer build:watch\"",
-    "renderer:demo": "yarn workspace @codecharacter-2023/renderer run dev",
-    "map-designer:demo": "yarn workspace @codecharacter-2023/map-designer run dev",
+    "dev": "concurrently -k -r \"yarn workspace @codecharacter-2024/client build:watch\" \"yarn workspace @codecharacter-2024/renderer build:watch\" \"yarn workspace @codecharacter-2024/map-designer build:watch\" \"sleep 10 && vite --config vite.dev.config.ts\"",
+    "build": "yarn workspace @codecharacter-2024/client run build && yarn workspace @codecharacter-2024/renderer run build && yarn workspace @codecharacter-2024/map-designer run build && vite build --config vite.prod.config.ts --emptyOutDir",
+    "prod": "concurrently -k -r \"sleep 5 && vite build --watch --config vite.prod.config.ts --emptyOutDir\" \"sleep 10 && live-server --host=0.0.0.0 --middleware=spa-ignore-assets dist/\" \"yarn workspace @codecharacter-2024/client build:watch\" \"yarn workspace @codecharacter-2024/renderer build:watch\" \"yarn workspace @codecharacter-2024/map-designer build:watch\"",
+    "renderer:demo": "yarn workspace @codecharacter-2024/renderer run dev",
+    "map-designer:demo": "yarn workspace @codecharacter-2024/map-designer run dev",
     "storybook": "start-storybook -p 6006",
     "storybook:build": "build-storybook",
     "postinstall": "husky install"
   },
   "dependencies": {
-    "@codecharacter-2023/client": "workspace:packages/client",
-    "@codecharacter-2023/map-designer": "workspace:packages/map-designer",
-    "@codecharacter-2023/renderer": "workspace:packages/renderer",
+    "@codecharacter-2024/client": "workspace:packages/client",
+    "@codecharacter-2024/map-designer": "workspace:packages/map-designer",
+    "@codecharacter-2024/renderer": "workspace:packages/renderer",
     "@custom-elements-manifest/analyzer": "^0.6.6",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/free-brands-svg-icons": "^6.2.1",

packages/client/package.json

@@ -1,7 +1,7 @@
 {
-  "name": "@codecharacter-2023/client",
+  "name": "@codecharacter-2024/client",
   "version": "2023.0.0",
-  "description": "OpenAPI client for CodeCharacter 2023",
+  "description": "OpenAPI client for CodeCharacter 2024",
   "author": "Delta Force",
   "main": "./dist/index.js",
   "typings": "./dist/index.d.ts",

packages/map-designer/package.json

@@ -1,18 +1,18 @@
 {
-  "name": "@codecharacter-2023/map-designer",
-  "description": "Webcomponent for CodeCharacter Map Designer 2023",
+  "name": "@codecharacter-2024/map-designer",
+  "description": "Webcomponent for CodeCharacter Map Designer 2024",
   "license": "MIT",
   "author": "Delta Force",
   "version": "2023.0.0",
-  "main": "./dist/codecharacter-map-designer-2023.es.js",
-  "module": "./dist/codecharacter-map-designer-2023.es.js",
+  "main": "./dist/codecharacter-map-designer-2024.es.js",
+  "module": "./dist/codecharacter-map-designer-2024.es.js",
   "types": "./dist/src/index.d.ts",
   "files": [
     "dist"
   ],
   "exports": {
     ".": {
-      "import": "./dist/codecharacter-map-designer-2023.es.js"
+      "import": "./dist/codecharacter-map-designer-2024.es.js"
     }
   },
   "scripts": {

packages/map-designer/vite.dev.config.ts

@@ -9,9 +9,9 @@ export default defineConfig({
   },
   build: {
     lib: {
-      name: 'codecharacter-map-designer-2023',
+      name: 'codecharacter-map-designer-2024',
       entry: path.resolve(__dirname, 'src/index.ts'),
-      fileName: 'codecharacter-map-designer-2023',
+      fileName: 'codecharacter-map-designer-2024',
     },
     rollupOptions: {
       external: ['phaser', 'lit'],

packages/map-designer/vite.prod.config.ts

@@ -8,9 +8,9 @@ export default defineConfig({
   build: {
     lib: {
       formats: ['es'],
-      name: 'codecharacter-map-designer-2023',
+      name: 'codecharacter-map-designer-2024',
       entry: path.resolve(__dirname, 'src/index.ts'),
-      fileName: 'codecharacter-map-designer-2023',
+      fileName: 'codecharacter-map-designer-2024',
     },
     rollupOptions: {
       external: ['phaser', 'lit', 'react'],

packages/renderer/package.json

@@ -1,18 +1,18 @@
 {
-  "name": "@codecharacter-2023/renderer",
-  "description": "Webcomponent for CodeCharacter Renderer 2023",
+  "name": "@codecharacter-2024/renderer",
+  "description": "Webcomponent for CodeCharacter Renderer 2024",
   "license": "MIT",
   "author": "Delta Force",
   "version": "2023.0.0",
-  "main": "./dist/codecharacter-renderer-2023.es.js",
-  "module": "./dist/codecharacter-renderer-2023.es.js",
+  "main": "./dist/codecharacter-renderer-2024.es.js",
+  "module": "./dist/codecharacter-renderer-2024.es.js",
   "types": "./dist/src/index.d.ts",
   "files": [
     "dist"
   ],
   "exports": {
     ".": {
-      "import": "./dist/codecharacter-renderer-2023.es.js"
+      "import": "./dist/codecharacter-renderer-2024.es.js"
     }
   },
   "scripts": {

packages/renderer/vite.dev.config.ts

@@ -9,9 +9,9 @@ export default defineConfig({
   },
   build: {
     lib: {
-      name: 'codecharacter-renderer-2023',
+      name: 'codecharacter-renderer-2024',
       entry: path.resolve(__dirname, 'src/index.ts'),
-      fileName: 'codecharacter-renderer-2023',
+      fileName: 'codecharacter-renderer-2024',
     },
     rollupOptions: {
       external: ['phaser', 'lit', 'react'],

packages/renderer/vite.prod.config.ts

@@ -8,9 +8,9 @@ export default defineConfig({
   build: {
     lib: {
       formats: ['es'],
-      name: 'codecharacter-renderer-2023',
+      name: 'codecharacter-renderer-2024',
       entry: path.resolve(__dirname, 'src/index.ts'),
-      fileName: 'codecharacter-renderer-2023',
+      fileName: 'codecharacter-renderer-2024',
     },
     rollupOptions: {
       external: ['phaser', 'lit', 'react'],

src/api/ApiConfig.ts

@@ -1,4 +1,4 @@
-import { AuthApi, Configuration } from '@codecharacter-2023/client';
+import { AuthApi, Configuration } from '@codecharacter-2024/client';
 import { BASE_PATH, PREFER_DEV_OVERRIDE, homeUrl } from '../config/config';
 export class ApiError extends Error {
   status: number;

src/components/Auth/Auth/Login/ForgetPassword/ForgetPassword.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import styles from './forgetpassword.module.css';
-import { AuthApi } from '@codecharacter-2023/client';
+import { AuthApi } from '@codecharacter-2024/client';
 import { ApiError, authConfig } from '../../../../../api/ApiConfig';
 import { toast } from 'react-hot-toast';
 import { Modal } from 'react-bootstrap';

src/components/Auth/Auth/Login/ForgetPassword/ResetpasswordVerifcation.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import styles from '../../auth.module.css';
 import { ApiError, authConfig } from '../../../../../api/ApiConfig';
-import { AuthApi } from '@codecharacter-2023/client';
+import { AuthApi } from '@codecharacter-2024/client';
 import { useNavigate, useLocation } from 'react-router-dom';
 import Toast, { toast } from 'react-hot-toast';
 

src/components/Auth/Auth/Login/IncompleteProfile/incompeleteProfile.tsx

@@ -5,7 +5,7 @@ import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import styles from '../../../Auth/Login/IncompleteProfile/incompleteProfile.module.css';
 import OtherDetails from '../../Register/FormDetails/OtherDetails';
 import { useState } from 'react';
-import { CurrentUserApi } from '@codecharacter-2023/client';
+import { CurrentUserApi } from '@codecharacter-2024/client';
 import { apiConfig, ApiError } from '../../../../../api/ApiConfig';
 import { useNavigate } from 'react-router-dom';
 import { useAppDispatch } from '../../../../../store/hooks';

src/components/Auth/Auth/Register/ActivateUser/ActivateUser.tsx

@@ -1,4 +1,4 @@
-import { UserApi } from '@codecharacter-2023/client';
+import { UserApi } from '@codecharacter-2024/client';
 import { Card } from 'react-bootstrap';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { useState, useEffect } from 'react';

src/components/BattleTV/BattleTV.tsx

@@ -14,7 +14,7 @@ import {
   Match,
   MatchMode,
   Verdict,
-} from '@codecharacter-2023/client';
+} from '@codecharacter-2024/client';
 import { User, user } from '../../store/User/UserSlice';
 import {
   changePageState,

src/components/CommitHistory/CodeMapViewbox/CodeView.tsx

@@ -1,4 +1,4 @@
-import { CodeRevision } from '@codecharacter-2023/client';
+import { CodeRevision } from '@codecharacter-2024/client';
 import { CodeBlock, irBlack } from 'react-code-blocks';
 type PropsType = {
   code: CodeRevision['code'];

src/components/CommitHistory/CodeMapViewbox/MapView.tsx

@@ -1,7 +1,7 @@
 import {
   MapDesignerComponent,
   MapDesignerUtils,
-} from '@codecharacter-2023/map-designer';
+} from '@codecharacter-2024/map-designer';
 
 interface MapViewBoxProps {
   mapCoordinates: Array<Array<number>>;

src/components/CommitHistory/CommitTree/CommitHistroy.tsx

@@ -1,4 +1,4 @@
-import { CodeRevision, GameMapRevision } from '@codecharacter-2023/client';
+import { CodeRevision, GameMapRevision } from '@codecharacter-2024/client';
 import { useState } from 'react';
 import {
   VerticalTimeline,

src/components/CommitHistory/HistoryMain/History.tsx

@@ -9,7 +9,7 @@ import {
   CurrentUserApi,
   GameMapRevision,
   MapApi,
-} from '@codecharacter-2023/client';
+} from '@codecharacter-2024/client';
 import {
   MapObj,
   changeHistoryEditorMap,

src/components/CommitModal/CommitModal.tsx

@@ -1,4 +1,4 @@
-import { CodeApi, Language } from '@codecharacter-2023/client';
+import { CodeApi, Language } from '@codecharacter-2024/client';
 import React, { useState } from 'react';
 import { Button, Form, Modal, Row } from 'react-bootstrap';
 import { apiConfig, ApiError } from '../../api/ApiConfig';

src/components/DashboardOptions/DashboardOptions.tsx

@@ -4,7 +4,7 @@ import styles from './DashboardOptions.module.css';
 import DropdownToggle from 'react-bootstrap/esm/DropdownToggle';
 import { ButtonGroup } from 'react-bootstrap';
 import { apiConfig, ApiError } from '../../api/ApiConfig';
-import { CurrentUserApi } from '@codecharacter-2023/client';
+import { CurrentUserApi } from '@codecharacter-2024/client';
 import Toast from 'react-hot-toast';
 import { useAppDispatch } from '../../store/hooks';
 import {

src/components/Leaderboard/DailyLeaderboard.tsx

@@ -6,7 +6,7 @@ import { getAvatarByID } from '../Avatar/Avatar';
 import {
   DailyChallengeLeaderBoardResponse,
   DailyChallengesApi,
-} from '@codecharacter-2023/client';
+} from '@codecharacter-2024/client';
 import { apiConfig, ApiError } from '../../api/ApiConfig';
 import Loader from '../Loader/Loader';
 import Toast from 'react-hot-toast';

src/components/Leaderboard/Leaderboard.tsx

@@ -9,7 +9,7 @@ import {
   LeaderboardEntry,
   MatchMode,
   TierType,
-} from '@codecharacter-2023/client';
+} from '@codecharacter-2024/client';
 import { apiConfig, ApiError } from '../../api/ApiConfig';
 import Loader from '../Loader/Loader';
 import swordImage from '../../assets/sword.png';

src/components/Leaderboard/MainLeaderboard.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import DailyChallengeLeaderboard from './DailyLeaderboard';
 import Leaderboard from './Leaderboard';
 import styles from './Leaderboard.module.css';
-import { CurrentUserApi } from '@codecharacter-2023/client';
+import { CurrentUserApi } from '@codecharacter-2024/client';
 import { useTour } from '@reactour/tour';
 import { apiConfig } from '../../api/ApiConfig';
 import { dcEnable } from '../../config/config';

src/components/MapDesigner/MapDesigner.tsx

@@ -2,12 +2,12 @@ import { useEffect, useState } from 'react';
 import {
   MapDesignerComponent,
   MapDesignerUtils,
-} from '@codecharacter-2023/map-designer';
+} from '@codecharacter-2024/map-designer';
 import {
   MapApi,
   DailyChallengesApi,
   CurrentUserApi,
-} from '@codecharacter-2023/client';
+} from '@codecharacter-2024/client';
 import Toast from 'react-hot-toast';
 import styles from './MapDesigner.module.css';
 import { apiConfig, ApiError } from '../../api/ApiConfig';

src/components/NavBar/NavBar.tsx

@@ -12,7 +12,7 @@ import {
   loading,
 } from '../../store/User/UserSlice';
 import { useAppDispatch, useAppSelector } from '../../store/hooks';
-import { AuthApi } from '@codecharacter-2023/client';
+import { AuthApi } from '@codecharacter-2024/client';
 import { apiConfig, ApiError } from '../../api/ApiConfig';
 import Toast from 'react-hot-toast';
 import DashboardOptions from '../DashboardOptions/DashboardOptions';

src/components/Notifs/Notifs.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from 'react';
 import { useAppDispatch, useAppSelector } from '../../store/hooks';
-import { Notification } from '@codecharacter-2023/client';
+import { Notification } from '@codecharacter-2024/client';
 import styles from './Notifs.module.css';
 import notifIcon from '../../assets/notification.svg';
 

src/components/RatingChart/RatingChart.tsx

@@ -15,7 +15,7 @@ import {
   CurrentUserApi,
   RatingHistory,
   UserApi,
-} from '@codecharacter-2023/client';
+} from '@codecharacter-2024/client';
 import { apiConfig, ApiError } from '../../api/ApiConfig';
 import Toast from 'react-hot-toast';
 

src/components/SelfMatchMakingModal/SelfMatchMakeModal.tsx

@@ -24,7 +24,7 @@ import {
   MapApi,
   MatchApi,
   MatchMode,
-} from '@codecharacter-2023/client';
+} from '@codecharacter-2024/client';
 import Toast from 'react-hot-toast';
 
 const selfMatchModal = (): JSX.Element => {