Implement webui import

This commit is contained in:
Ethan O'Brien 2024-04-25 12:54:20 -05:00
parent 5ccb65732f
commit 32c331c7a9
12 changed files with 295 additions and 74 deletions

BIN
logs/ew Normal file

Binary file not shown.

BIN
logs/ew- Normal file

Binary file not shown.

View file

@ -227,6 +227,9 @@ 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) }
#[post("/api/webui/import")]
async fn webui_import(req: HttpRequest, body: String) -> HttpResponse { router::webui::import(req, body) }
fn unhandled(req: HttpRequest) -> HttpResponse {
router::webui::main(req)
}
@ -266,6 +269,7 @@ async fn main() -> std::io::Result<()> {
})
.service(css)
.service(js)
.service(webui_import)
.service(webui_logout)
.service(webui_user)
.service(webui_login)

View file

@ -104,6 +104,14 @@ fn get_new_uuid() -> String {
id
}
pub fn import_user(uid: i64) -> String {
let token = get_new_uuid();
lock_and_exec(
"INSERT INTO users (cert, uuid, user_id) VALUES (?1, ?2, ?3)",
params!("", token, uid)
);
token
}
fn update_cert(uid: i64, cert: &str) {
lock_and_exec("UPDATE users SET cert=?1 WHERE user_id=?2", params!(cert, uid));
}
@ -187,7 +195,6 @@ fn decrypt_transfer_password(password: &str) -> String {
}
pub fn initialize(req: HttpRequest, body: String) -> HttpResponse {
let body = json::parse(&body).unwrap();
let token = create_acc(&body["token"].to_string());

View file

@ -434,6 +434,50 @@ pub fn webui_login(uid: i64, password: &str) -> Result<String, String> {
Ok(new_token)
}
pub fn webui_import_user(user: JsonValue) -> Result<JsonValue, String> {
let mut user = user;
create_webui_store();
create_migration_store();
create_token_store();
let uid = user["userdata"]["user"]["id"].as_i64().unwrap();
if acc_exists(uid) {
return Err(String::from("User already exists"));
}
if user["missions"].is_empty() {
user["missions"] = json::parse(include_str!("chat_missions.json")).unwrap();
}
if user["sif_cards"].is_empty() {
user["sif_cards"] = array![];
}
lock_and_exec("INSERT INTO users (user_id, userdata, userhome, missions, loginbonus, sifcards, friends) VALUES (?1, ?2, ?3, ?4, ?5, ?6, ?7)", params!(
uid,
json::stringify(user["userdata"].clone()),
json::stringify(user["home"].clone()),
json::stringify(user["missions"].clone()),
format!(r#"{{"last_rewarded": 0, "bonus_list": [], "start_time": {}}}"#, global::timestamp()),
json::stringify(user["sif_cards"].clone()),
r#"{"friend_user_id_list":[],"request_user_id_list":[],"pending_user_id_list":[]}"#
));
let token;
if !user["jp"].is_empty() {
token = crate::router::gree::import_user(uid);
} else {
token = format!("{}", Uuid::new_v4());
}
lock_and_exec("INSERT INTO tokens (user_id, token) VALUES (?1, ?2)", params!(uid, token));
let mig = crate::router::user::uid_to_code(uid.to_string());
save_acc_transfer(&mig, &user["password"].to_string());
Ok(object!{
uid: uid,
migration_token: mig
})
}
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 == "" {

View file

@ -41,6 +41,26 @@ pub fn login(_req: HttpRequest, body: String) -> HttpResponse {
.body(json::stringify(resp))
}
pub fn import(_req: HttpRequest, body: String) -> HttpResponse {
let body = json::parse(&body).unwrap();
let result = userdata::webui_import_user(body);
if result.is_err() {
return error(&result.unwrap_err());
}
let result = result.unwrap();
let resp = object!{
result: "OK",
uid: result["uid"].clone(),
migration_token: result["migration_token"].clone()
};
HttpResponse::Ok()
.insert_header(ContentType::json())
.body(json::stringify(resp))
}
pub fn user(req: HttpRequest) -> HttpResponse {
let token = get_login_token(&req);
if token.is_none() {
@ -90,7 +110,7 @@ pub fn main(req: HttpRequest) -> HttpResponse {
}
}
}
if req.path() != "/" && req.path() != "/home/" {
if req.path() != "/" && req.path() != "/home/" && req.path() != "/import/" {
return HttpResponse::Found()
.insert_header(("Location", "/"))
.body("");

View file

@ -0,0 +1,95 @@
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="file"],
#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);
}
#sub_div p {
color: red;
grid-template-columns: auto auto auto;
}
#sub_div {
padding-top: 10px;
}
#sub_div button {
width: 40%;
padding: 12px;
background-color: blue;
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;
}
#sub_div button:hover {
background-color: green;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

View file

@ -0,0 +1,84 @@
import { useState } from 'react'
import './Import.css'
import Request from '../Request.jsx'
function Login() {
const error = useState(new URL(window.location).searchParams.get("message") || "");
const status = useState("");
const uid = useState((window.localStorage && window.localStorage.getItem("ew_uid")) || "");
let file=[], file1=[], file2=[], file3=[], password;
let has_imported = false;
const handleSubmit = async (event) => {
event.preventDefault();
if (!file[0] || !file1[0] || has_imported || !password) return;
try {
has_imported = true;
let data = {
userdata: JSON.parse(await file[0].text()),
home: JSON.parse(await file1[0].text()),
missions: file2[0] ? JSON.parse(await file2[0].text()) : undefined,
sif_cards: file3[0] ? JSON.parse(await file3[0].text()) : undefined,
password: password,
jp: true
};
if (!data.userdata || !data.userdata.user || !data.userdata.user.id) {
error[1]("Incorrect user data file format");
return;
}
if (!data.home || !data.home.home || !data.home.home.information_list) {
error[1]("Incorrect home data file format");
return;
}
if (!Array.isArray(data.missions) && data.missions) {
error[1]("Incorrect mission data file format");
return;
}
if (!Array.isArray(data.sif_cards) && data.sif_cards) {
error[1]("Incorrect sif card data file format");
return;
}
let resp = await Request(
"/api/webui/import",
data
);
if (resp.result == "OK") {
status[1](<div><p>Account imported!</p><p>User id: {resp.uid}</p><p>Migration token: {resp.migration_token}</p></div>);
} else {
error[1](resp.message);
}
} catch(e) {
error[1](e.message);
}
};
return (
<div id="login-form">
<h1>Transfer</h1>
<form>
{ <p>{ status[0] } </p> }
<label htmlFor="id">User data file (required):</label>
<input type="file" id="id" name="id" onChange={(event) => {file = event.target.files}} accept="application/json"/>
<label htmlFor="file1">User Home data file (required):</label>
<input type="file" id="file1" name="file1" onChange={(event) => {file1 = event.target.files}} accept="application/json"/>
<label htmlFor="file2">User Missions data file (optional):</label>
<input type="file" id="file2" name="file2" onChange={(event) => {file2 = event.target.files}} accept="application/json"/>
<label htmlFor="file3">Sif cards data file (optional):</label>
<input type="file" id="file3" name="file3" onChange={(event) => {file3 = event.target.files}} accept="application/json"/>
<label htmlFor="password">Transfer passcode (game will not recognize special characters, only use letters and numbers or you will be locked out):</label>
<input type="password" id="password" name="password" onChange={(event) => {password = event.target.value}} />
<input type="submit" value="Submit" onClick={handleSubmit}/>
<div id="sub_div">
{ error[0] ? <p>Error: { error[0] }. Please reload the page and try again.</p> : <p></p> }
</div>
</form>
</div>
);
}
export default Login;

View file

@ -1,68 +0,0 @@
: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;
}
}

View file

@ -66,6 +66,30 @@ body {
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}
#error {
color: red;
#sub_div p {
color: red;
grid-template-columns: auto auto auto;
}
#sub_div {
padding-top: 10px;
}
#sub_div button {
width: 40%;
padding: 12px;
background-color: blue;
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;
}
#sub_div button:hover {
background-color: green;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

View file

@ -24,6 +24,11 @@ function Login() {
error[1](resp.message);
}
};
const import_user = (e) => {
e.preventDefault();
window.location.href = "/import/";
}
return (
<div id="login-form">
@ -34,7 +39,10 @@ function Login() {
<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> }
<div id="sub_div">
<button onClick={import_user}>Import User</button>
{ error[0] ? <p>Error: { error[0] } </p> : <p></p> }
</div>
</form>
</div>
);

View file

@ -2,7 +2,7 @@ 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'
import Import from './import/Import.jsx'
let Elem;
switch (window.location.pathname) {
@ -12,6 +12,9 @@ switch (window.location.pathname) {
case "/home/":
Elem = Home;
break;
case "/import/":
Elem = Import;
break;
default:
window.location.pathname = "/";
}