Add webui

.gitignore

@@ -3,3 +3,5 @@ asset_server/resources/
 target/
 python/
 *.db
+webui/node_modules/
+webui/dist/

Cargo.lock

@@ -535,6 +535,7 @@ dependencies = [
  "json",
  "lazy_static",
  "md5",
+ "mime",
  "openssl",
  "rand",
  "rsa",

Cargo.toml

@@ -20,3 +20,4 @@ sha1 = "0.10.6"
 substring = "1.4.5"
 uuid = { version = "1.8.0", features = ["v4"] }
 rsa = "0.9.6"
+mime = "0.3.17"

src/main.rs

@@ -6,7 +6,8 @@ use actix_web::{
     HttpResponse,
     HttpRequest,
     web,
-    dev::Service
+    dev::Service,
+    http::header::ContentType
 };
 
 #[post("/v1.0/auth/initialize")]
@@ -216,7 +217,37 @@ async fn card_skill_reinforce(req: HttpRequest, body: String) -> HttpResponse {
 #[post("/api/card/evolve")]
 async fn card_evolve(req: HttpRequest, body: String) -> HttpResponse { router::card::evolve(req, body) }
 
+
+#[post("/api/webui/login")]
+async fn webui_login(req: HttpRequest, body: String) -> HttpResponse { router::webui::login(req, body) }
+
+#[get("/api/webui/userInfo")]
+async fn webui_user(req: HttpRequest) -> HttpResponse { router::webui::user(req) }
+
+#[get("/webui/logout")]
+async fn webui_logout(req: HttpRequest) -> HttpResponse { router::webui::logout(req) }
+
+fn unhandled(req: HttpRequest) -> HttpResponse {
+    router::webui::main(req)
+}
+#[get("/index.css")]
+async fn css(_req: HttpRequest) -> HttpResponse {
+    HttpResponse::Ok()
+        .insert_header(ContentType(mime::TEXT_CSS))
+        .body(include_str!("../webui/dist/index.css"))
+}
+#[get("/index.js")]
+async fn js(_req: HttpRequest) -> HttpResponse {
+    HttpResponse::Ok()
+        .insert_header(ContentType(mime::APPLICATION_JAVASCRIPT_UTF_8))
+        .body(include_str!("../webui/dist/index.js"))
+}
+
+
 async fn log_unknown_request(req: HttpRequest, body: String) -> HttpResponse {
+    if !req.path().starts_with("/api") {
+        return unhandled(req);
+    }
     if body != String::new() {
         println!("{}", encryption::decrypt_packet(&body).unwrap());
     }
@@ -233,6 +264,11 @@ async fn main() -> std::io::Result<()> {
             println!("Request: {}", req.path());
             srv.call(req)
         })
+        .service(css)
+        .service(js)
+        .service(webui_logout)
+        .service(webui_user)
+        .service(webui_login)
         .service(card_evolve)
         .service(card_skill_reinforce)
         .service(card_reinforce)

src/router.rs

@@ -19,3 +19,4 @@ pub mod gree;
 pub mod serial_code;
 pub mod web;
 pub mod card;
+pub mod webui;

src/router/userdata/mod.rs

@@ -3,6 +3,7 @@ use std::sync::{Mutex, MutexGuard};
 use lazy_static::lazy_static;
 use json::{JsonValue, array, object};
 use crate::router::global;
+use uuid::Uuid;
 use rand::Rng;
 
 lazy_static! {
@@ -398,3 +399,68 @@ pub fn get_random_uids(count: i32) -> JsonValue {
     }
     lock_and_select_all(&format!("SELECT user_id FROM uids ORDER BY RANDOM() LIMIT {}", count), params!()).unwrap()
 }
+
+fn create_webui_store() {
+    create_store_v2("CREATE TABLE IF NOT EXISTS webui (
+        user_id      BIGINT NOT NULL PRIMARY KEY,
+        token        TEXT NOT NULL,
+        last_login   BIGINT NOT NULL
+    )");
+}
+
+fn create_webui_token() -> String {
+    let token = format!("{}", Uuid::new_v4());
+    if lock_and_select("SELECT user_id FROM webui WHERE token=?1", params!(token)).is_ok() {
+        return create_webui_token();
+    }
+    token
+}
+
+pub fn webui_login(uid: i64, password: &str) -> Result<String, String> {
+    create_webui_store();
+    create_migration_store();
+    let pass = lock_and_select("SELECT password FROM migration WHERE token=?1", params!(crate::router::user::uid_to_code(uid.to_string()))).unwrap_or(String::new());
+    if pass != password.to_string() || password == "" {
+        if acc_exists(uid) {
+            return Err(String::from("Migration token not set. Set token in game settings."));
+        }
+        return Err(String::from("User/password don't match"));
+    }
+    
+    let new_token = create_webui_token();
+    
+    lock_and_exec("DELETE FROM webui WHERE user_id=?1", params!(uid));
+    lock_and_exec("INSERT INTO webui (user_id, token, last_login) VALUES (?1, ?2, ?3)", params!(uid, new_token, global::timestamp()));
+    Ok(new_token)
+}
+
+pub fn webui_get_user(token: &str) -> Option<JsonValue> {
+    let uid = lock_and_select("SELECT user_id FROM webui WHERE token=?1", params!(token)).unwrap_or(String::new());
+    if uid == String::new() || token == "" {
+        return None;
+    }
+    let uid = uid.parse::<i64>().unwrap_or(0);
+    if uid == 0 {
+        return None;
+    }
+    let last_login = lock_and_select("SELECT last_login FROM webui WHERE user_id=?1", params!(uid)).unwrap_or(String::new()).parse::<i64>().unwrap_or(0);
+    let limit = 24 * 60 * 60; //1 day
+    //Expired token
+    if (global::timestamp() as i64) > last_login + limit {
+        lock_and_exec("DELETE FROM webui WHERE user_id=?1", params!(uid));
+        return None;
+    }
+    
+    let login_token = lock_and_select("SELECT token FROM tokens WHERE user_id=?1", params!(uid)).unwrap_or(String::new());
+    if login_token == String::new() {
+        return None;
+    }
+    return Some(object!{
+        userdata: get_acc(&login_token),
+        loginbonus: get_acc_loginbonus(&login_token)
+    });
+}
+
+pub fn webui_logout(token: &str) {
+    lock_and_exec("DELETE FROM webui WHERE token=?1", params!(token));
+}

src/router/webui.rs

@@ -0,0 +1,101 @@
+use actix_web::{HttpResponse, HttpRequest, http::header::HeaderValue, http::header::ContentType};
+use json::object;
+use crate::router::userdata;
+use crate::router::global;
+
+fn get_login_token(req: &HttpRequest) -> Option<String> {
+    let blank_header = HeaderValue::from_static("");
+    let cookies = req.headers().get("Cookie").unwrap_or(&blank_header).to_str().unwrap_or("");
+    if cookies == "" {
+        return None;
+    }
+    return Some(cookies.split("ew_token=").last().unwrap_or("").split(';').collect::<Vec<_>>()[0].to_string());
+}
+
+fn error(msg: &str) -> HttpResponse {
+    let resp = object!{
+        result: "ERR",
+        message: msg
+    };
+    HttpResponse::Ok()
+        .insert_header(("Access-Control-Allow-Origin", "*"))
+        .insert_header(ContentType::json())
+        .body(json::stringify(resp))
+    
+}
+
+pub fn login(_req: HttpRequest, body: String) -> HttpResponse {
+    let body = json::parse(&body).unwrap();
+    let token = userdata::webui_login(body["uid"].as_i64().unwrap(), &body["password"].to_string());
+    
+    if token.is_err() {
+        return error(&token.unwrap_err());
+    }
+    
+    let resp = object!{
+        result: "OK"
+    };
+    HttpResponse::Ok()
+        .insert_header(ContentType::json())
+        .insert_header(("Set-Cookie", format!("ew_token={}; SameSite=Strict; HttpOnly", token.unwrap())))
+        .body(json::stringify(resp))
+}
+
+pub fn user(req: HttpRequest) -> HttpResponse {
+    let token = get_login_token(&req);
+    if token.is_none() {
+        return error("Not logged in");
+    }
+    let data = userdata::webui_get_user(&token.unwrap());
+    if data.is_none() {
+        return error("Expired login");
+    }
+    let mut data = data.unwrap();
+    
+    data["userdata"]["user"]["rank"] = global::get_user_rank_data(data["userdata"]["user"]["exp"].as_i64().unwrap())["rank"].clone();
+    
+    let resp = object!{
+        result: "OK",
+        data: data
+    };
+    HttpResponse::Ok()
+        .insert_header(ContentType::json())
+        .body(json::stringify(resp))
+}
+
+pub fn logout(req: HttpRequest) -> HttpResponse {
+    let token = get_login_token(&req);
+    if !token.is_none() {
+        userdata::webui_logout(&token.unwrap());
+    }
+    let resp = object!{
+        result: "OK"
+    };
+    HttpResponse::Found()
+        .insert_header(ContentType::json())
+        .insert_header(("Set-Cookie", "ew_token=deleted; expires=Thu, 01 Jan 1970 00:00:00 GMT"))
+        .insert_header(("Location", "/"))
+        .body(json::stringify(resp))
+}
+
+pub fn main(req: HttpRequest) -> HttpResponse {
+    if req.path() == "/" {
+        let token = get_login_token(&req);
+        if !token.is_none() {
+            let data = userdata::webui_get_user(&token.unwrap());
+            if !data.is_none() {
+                return HttpResponse::Found()
+                    .insert_header(("Location", "/home/"))
+                    .body("");
+            }
+        }
+    }
+    if req.path() != "/" && req.path() != "/home/" {
+        return HttpResponse::Found()
+            .insert_header(("Location", "/"))
+            .body("");
+    }
+    HttpResponse::Ok()
+        .insert_header(ContentType::html())
+        .body(include_str!("../../webui/dist/index.html"))
+}

webui/.eslintrc.cjs

@@ -0,0 +1,21 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react/jsx-runtime',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  settings: { react: { version: '18.2' } },
+  plugins: ['react-refresh'],
+  rules: {
+    'react/jsx-no-target-blank': 'off',
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}

webui/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

webui/README.md

@@ -0,0 +1,8 @@
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

webui/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>

webui/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "webui",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-bootstrap": "^2.10.2",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.6",
+    "vite": "^5.2.0"
+  }
+}

webui/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

webui/src/Request.jsx

@@ -0,0 +1,18 @@
+
+const serverUrl = "";
+
+async function api(url, body) {
+    try {
+        let options = body ? {method: "POST", body: JSON.stringify(body)} : {}
+        const resp = await fetch(serverUrl + url, options);
+        const text = await resp.text();
+        return JSON.parse(text);
+    } catch(e) {
+        return {
+            result: "ERR",
+            message: e.message
+        }
+    }
+}
+
+export default api;

webui/src/home/Home.css

@@ -0,0 +1,31 @@
+body {
+    background-color: #616161;
+}
+
+#home {
+  width: 90%;
+  margin: 50px auto;
+  background-color: #43A047;
+  border-radius: 10px;
+  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
+  font-family: "Poppins", sans-serif;
+  padding: 20px 10px;
+}
+
+#logout {
+    border: none;
+    text-align: center;
+    text-decoration: underline;
+    display: inline-block;
+    font-size: 16px;
+    transition-duration: 0.4s;
+    float: right;
+    background-color: yellow;
+    border-radius: 30px;
+    padding: 5px 20px;
+    cursor: pointer;
+}
+
+#logout:hover {
+    background-color: red;
+}

webui/src/home/Home.jsx

@@ -0,0 +1,42 @@
+import { useState, useParams, useEffect } from 'react'
+import './Home.css'
+import Request from '../Request.jsx'
+
+function Home() {
+    const [user, userdata] = useState();
+    
+    const logout = () => {
+        window.location.href = "/webui/logout";
+    }
+    
+    useEffect(() => {
+        if (user) return;
+        (async () => {
+            let resp = await Request("/api/webui/userInfo");
+            if (resp.result !== "OK") {
+                window.location.href = "/?message=" + encodeURIComponent(resp.message);
+                return;
+            }
+            let user = resp.data.userdata;
+            //let login = resp.data.loginbonus;
+            userdata(
+                <div>
+                    <p>User id: { user.user.id } </p>
+                    <p>Rank: { user.user.rank } ({ user.user.exp } exp)</p>
+                    <p>Last Login: { (new Date(user.user.last_login_time * 1000)).toString() } </p>
+                </div>
+            );
+        })();
+    });
+  
+    return (
+        <div id="home">
+            <button id="logout" onClick={logout}>Logout</button>
+            <h1>Home</h1>
+            
+            { user ? <div> { user } </div> : <p>Loading...</p> }
+        </div>
+    );
+}
+
+export default Home;

webui/src/index.css

@@ -0,0 +1,68 @@
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

webui/src/login/Login.css

@@ -0,0 +1,71 @@
+body {
+    background-color: #616161;
+}
+
+#login-form {
+  width: 400px;
+  max-width: 100%;
+  margin: 50px auto;
+  background-color: green;
+  border-radius: 10px;
+  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
+  font-family: "Poppins", sans-serif;
+}
+
+#login-form h1 {
+  text-align: center;
+  margin: 0;
+  padding: 20px 0;
+  font-size: 28px;
+  font-weight: bold;
+  color: white;
+}
+
+#login-form form {
+  padding: 20px;
+  background-color: white;
+  border-radius: 10px;
+  font-family: "Poppins", sans-serif;
+}
+
+#login-form form label {
+  display: block;
+  margin-bottom: 8px;
+  font-size: 14px;
+  color: black;
+  font-family: "Poppins", sans-serif;
+}
+
+#login-form form input[type="text"],
+#login-form form input[type="password"] {
+  width: 100%;
+  padding: 12px;
+  border: 1px solid lightgray;
+  border-radius: 5px;
+  font-size: 16px;
+  box-sizing: border-box;
+  margin-bottom: 20px;
+}
+
+#login-form form input[type="submit"] {
+  width: 100%;
+  padding: 12px;
+  background-color: dodgerblue;
+  border: none;
+  color: white;
+  font-size: 16px;
+  font-weight: bold;
+  border-radius: 5px;
+  cursor: pointer;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  transition: background-color 0.3s ease;
+}
+
+#login-form form input[type="submit"]:hover {
+  background-color: deepskyblue;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
+}
+
+#error {
+    color: red;
+}

webui/src/login/Login.jsx

@@ -0,0 +1,43 @@
+import { useState } from 'react'
+import './Login.css'
+import Request from '../Request.jsx'
+
+function Login() {
+    const error = useState(new URL(window.location).searchParams.get("message") || "");
+    const uid = useState((window.localStorage && window.localStorage.getItem("ew_uid")) || "");
+    let password;
+
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        if (!uid[0] || !password || isNaN(uid[0])) return;
+        if (window.localStorage) window.localStorage.setItem("ew_uid", uid[0]);
+        let resp = await Request(
+            "/api/webui/login",
+            {
+                uid: parseInt(uid[0]),
+                password: password
+            }
+        );
+        if (resp.result == "OK") {
+            window.location.href = "/home/";
+        } else {
+            error[1](resp.message);
+        }
+    };
+  
+    return (
+        <div id="login-form">
+            <h1>Login</h1>
+            <form>
+                <label htmlFor="id">SIF2 ID:</label>
+                <input type="text" id="id" name="id" onChange={(event) => {uid[1](event.target.value)}} value={uid[0]} />
+                <label htmlFor="password">Transfer passcode:</label>
+                <input type="password" id="password" name="password" onChange={(event) => {password = event.target.value}} />
+                <input type="submit" value="Submit" onClick={handleSubmit}/>
+                { error[0] && <p id="error">Error: { error[0] } </p> }
+            </form>
+        </div>
+    );
+}
+
+export default Login;

webui/src/main.jsx

@@ -0,0 +1,23 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import Login from './login/Login.jsx'
+import Home from './home/Home.jsx'
+//import './index.css'
+
+let Elem;
+switch (window.location.pathname) {
+    case "/":
+        Elem = Login;
+        break;
+    case "/home/":
+        Elem = Home;
+        break;
+    default:
+        window.location.pathname = "/";
+}
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+  <React.StrictMode>
+    <Elem />
+  </React.StrictMode>,
+)

webui/vite.config.js

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    rollupOptions: {
+      output: {
+        entryFileNames: 'index.js',
+        assetFileNames: 'index.css',
+      },
+    },
+  },
+})