mirrors/seafoam
1
0
Fork 0
mirror of https://github.com/DoomKitty87/seafoam.git synced 2025-02-06 10:15:12 +01:00
Code Issues Projects Releases Packages Wiki Activity

finished generation frontend trying to get tauri to read files

Browse source
This commit is contained in:
DoomKitty87 2023-08-21 19:29:52 -07:00
parent d6e89e43ae
commit bb04ff1e46
8 changed files with 87 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
web-app/seafoam/package-lock.json generated
View file

@ -8,9 +8,25 @@
"name": "seafoam", "name": "seafoam",
"version": "0.0.0", "version": "0.0.0",
"devDependencies": { "devDependencies": {
"@tauri-apps/api": "^1.4.0",
"@tauri-apps/cli": "^1.4.0" "@tauri-apps/cli": "^1.4.0"
} }
}, },
"node_modules/@tauri-apps/api": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/@tauri-apps/api/-/api-1.4.0.tgz",
"integrity": "sha512-Jd6HPoTM1PZSFIzq7FB8VmMu3qSSyo/3lSwLpoapW+lQ41CL5Dow2KryLg+gyazA/58DRWI9vu/XpEeHK4uMdw==",
"dev": true,
"engines": {
"node": ">= 14.6.0",
"npm": ">= 6.6.0",
"yarn": ">= 1.19.1"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/tauri"
}
},
"node_modules/@tauri-apps/cli": { "node_modules/@tauri-apps/cli": {
"version": "1.4.0", "version": "1.4.0",
"resolved": "https://registry.npmjs.org/@tauri-apps/cli/-/cli-1.4.0.tgz", "resolved": "https://registry.npmjs.org/@tauri-apps/cli/-/cli-1.4.0.tgz",

1
web-app/seafoam/package.json
View file

@ -7,6 +7,7 @@
"tauri": "tauri" "tauri": "tauri"
}, },
"devDependencies": { "devDependencies": {
"@tauri-apps/api": "^1.4.0",
"@tauri-apps/cli": "^1.4.0" "@tauri-apps/cli": "^1.4.0"
} }
} }

2
web-app/seafoam/src-tauri/Cargo.toml
View file

@ -13,7 +13,7 @@ edition = "2021"
tauri-build = { version = "1.4", features = [] } tauri-build = { version = "1.4", features = [] }
[dependencies] [dependencies]
tauri = { version = "1.4", features = ["shell-open"] } tauri = { version = "1.4", features = [ "fs-all", "shell-open"] }
serde = { version = "1.0", features = ["derive"] } serde = { version = "1.0", features = ["derive"] }
serde_json = "1.0" serde_json = "1.0"

3
web-app/seafoam/src-tauri/tauri.conf.json
View file

@ -16,6 +16,9 @@
"shell": { "shell": {
"all": false, "all": false,
"open": true "open": true
},
"fs": {
"all":true
} }
}, },
"bundle": { "bundle": {

39
web-app/seafoam/src/index.html
View file

@ -5,13 +5,13 @@
<link rel="stylesheet" href="styles.css" /> <link rel="stylesheet" href="styles.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Seafoam</title> <title>Seafoam</title>
<script type="module" src="/main.js" defer></script> <script type="module" src="routegen.js" defer></script>
</head> </head>
<body> <body>
<div class="navbar"> <div class="navbar">
<img class="icon" src="assets/seafoamarmadillo.webp"> <img class="icon" src="assets/seafoamarmadillo.webp">
<h1 class="title">seafoam</h1> <h1 class="title">seafoam</h1>
<div class="menubutton"><h2 class="buttontext">GENERATE</h2></div> <div class="menubutton" onclick="resetMenu()"><h2 class="buttontext">GENERATE</h2></div>
<div class="menubutton"><h2 class="buttontext">ROUTES</h2></div> <div class="menubutton"><h2 class="buttontext">ROUTES</h2></div>
</div> </div>
<div class="main"> <div class="main">
@ -119,7 +119,16 @@
</form> </form>
</div> </div>
<div class="nextbutton" style="margin-top: 2rem"> <div class="nextbutton" style="margin-top: 2rem">
<h2 class="nextbuttontext" onclick="moveStep()">NEXT &#8594</h2> <h2 class="nextbuttontext" onclick="moveStep()">GENERATE</h2>
</div>
</div>
<div class="menuscreen" id="menua4">
<div class="infobox">
<h1 class="infotitle">GENERATE</h1>
<h3 class="infodesc">Your route is being generated. Please wait.</h3>
</div>
<div class="routeresults">
<p class="routeoutput">Route loading...</p>
</div> </div>
</div> </div>
</div> </div>
@ -130,7 +139,7 @@
var waypointNumber = 150; var waypointNumber = 150;
var priority = "TP"; var priority = "tp";
var allowedOOB = 0; var allowedOOB = 0;
var angleEnable = false; var angleEnable = false;
@ -147,6 +156,24 @@
activeSquare = parseInt(indx); activeSquare = parseInt(indx);
document.getElementById(indx).style.backgroundColor = "#ffffff"; document.getElementById(indx).style.backgroundColor = "#ffffff";
} }
async function getRoute() {
var output = generateRoute(activeSquare, allowedOOB, priority, waypointNumber);
//document.getElementsByClassName("routeoutput")[0].innerHTML = output[0];
}
async function resetMenu() {
document.getElementById("menua" + (currentStep)).style.opacity = 0;
document.getElementsByClassName("progressitem")[currentStep - 1].setAttribute("data-active", "false");
document.getElementsByClassName("dot")[currentStep - 1].setAttribute("data-active", "false");
await new Promise(r => setTimeout(r, 500));
document.getElementById("menua" + (currentStep)).style.display = "none";
currentStep = 1;
document.getElementById(activeSquare).style.backgroundColor = "#0e141b";
activeSquare = -1;
document.getElementById("menua" + (currentStep)).style.display = "block";
document.getElementById("menua" + (currentStep)).style.opacity = 1;
document.getElementsByClassName("progressitem")[currentStep - 1].setAttribute("data-active", "true");
document.getElementsByClassName("dot")[currentStep - 1].setAttribute("data-active", "true");
}
async function updateMenu(step) { async function updateMenu(step) {
document.getElementById("menua" + (step - 1)).style.opacity = 0; document.getElementById("menua" + (step - 1)).style.opacity = 0;
document.getElementsByClassName("progressitem")[step - 2].setAttribute("data-active", "false"); document.getElementsByClassName("progressitem")[step - 2].setAttribute("data-active", "false");
@ -157,12 +184,13 @@
document.getElementById("menua" + (step)).style.opacity = 1; document.getElementById("menua" + (step)).style.opacity = 1;
document.getElementsByClassName("progressitem")[step - 1].setAttribute("data-active", "true"); document.getElementsByClassName("progressitem")[step - 1].setAttribute("data-active", "true");
document.getElementsByClassName("dot")[step - 1].setAttribute("data-active", "true"); document.getElementsByClassName("dot")[step - 1].setAttribute("data-active", "true");
if (step == 4) getRoute();
} }
function moveStep() { function moveStep() {
if (currentStep == 1 && activeSquare == -1) return; if (currentStep == 1 && activeSquare == -1) return;
if (currentStep == 2) waypointNumber = document.getElementById("wpform").value; if (currentStep == 2) waypointNumber = document.getElementById("wpform").value;
if (currentStep == 3) { if (currentStep == 3) {
if (document.getElementById("tp").checked) priority = "TP"; else priority = "DENS"; if (document.getElementById("tp").checked) priority = "tp"; else priority = "dens";
allowedOOB = document.getElementsByClassName("oobform")[0].value; allowedOOB = document.getElementsByClassName("oobform")[0].value;
if (document.getElementById("anglecheck").checked) { if (document.getElementById("anglecheck").checked) {
angleEnable = true; angleEnable = true;
@ -170,6 +198,7 @@
angle33 = document.getElementsById("angle33").value; angle33 = document.getElementsById("angle33").value;
} else angleEnable = false; } else angleEnable = false;
} }
if (currentStep == 4) return;
currentStep++; currentStep++;
updateMenu(currentStep); updateMenu(currentStep);
} }

18
web-app/seafoam/src/main.js
View file

@ -1,18 +0,0 @@
const { invoke } = window.__TAURI__.tauri;
let greetInputEl;
let greetMsgEl;
async function greet() {
// Learn more about Tauri commands at https://tauri.app/v1/guides/features/command
greetMsgEl.textContent = await invoke("greet", { name: greetInputEl.value });
}
window.addEventListener("DOMContentLoaded", () => {
greetInputEl = document.querySelector("#greet-input");
greetMsgEl = document.querySelector("#greet-msg");
document.querySelector("#greet-form").addEventListener("submit", (e) => {
e.preventDefault();
greet();
});
});

25
web-app/seafoam/src/routegen.js
View file

@ -1,4 +1,5 @@
const fs = require('fs'); import { readTextFile } from '@tauri-apps/api/fs';
document.getElementsByClassName("title")[0].innerHTML = "Generating route...";
const overallPads = []; const overallPads = [];
// Loading etherwarp pad coordinates // Loading etherwarp pad coordinates
@ -30,8 +31,6 @@ for (const line of densityLines) {
console.log(`Loaded ${overallPads.length / 3} pads.`); console.log(`Loaded ${overallPads.length / 3} pads.`);
const desiredPathLength = 150;
const jadecoordsx = 823; const jadecoordsx = 823;
const jadecoordsz = 202; const jadecoordsz = 202;
@ -49,7 +48,9 @@ for (let i = 0; i < 5; i++) {
} }
} }
async function generateRoute(sector, allowedOOB) { function generateRoute(sector, allowedOOB, priority, waypointCount) {
document.getElementsByClassName("routeoutput")[0].innerHTML = "Generating route...";
const desiredPathLength = waypointCount;
const padCoords = []; const padCoords = [];
const secDensities = []; const secDensities = [];
for (var i = 0; i < overallPads.length / 3; i++) { for (var i = 0; i < overallPads.length / 3; i++) {
@ -68,6 +69,7 @@ async function generateRoute(sector, allowedOOB) {
var highestDensityDist = Infinity; var highestDensityDist = Infinity;
for (var i = 0; i < padCoords.length / 3; i++) { for (var i = 0; i < padCoords.length / 3; i++) {
document.getElementsByClassName("routeoutput")[0].innerHTML = "Generating route... " + floor(i / padCoords.length * 100) + "%";
const path = []; const path = [];
path.push_back(padCoords[i * 3]); path.push_back(padCoords[i * 3]);
path.push_back(padCoords[i * 3 + 1]); path.push_back(padCoords[i * 3 + 1]);
@ -198,9 +200,18 @@ async function generateRoute(sector, allowedOOB) {
} }
} }
//Choose between density and dist in settings as well though //Choose between density and dist in settings as well though
const outPath = lowestAvgDistPath; var outPath = [];
const outPathDensity = lowestAvgDistDensity; var outPathDensity = 0;
const outPathDist = lowestAvgDist; var outPathDist = 0;
if (priority == "tp") {
outPath = lowestAvgDistPath;
outPathDensity = lowestAvgDistDensity;
outPathDist = lowestAvgDist;
} else {
outPath = highestDensityPath;
outPathDensity = highestDensity;
outPathDist = highestDensityDist;
}
var pathOutput = "["; var pathOutput = "[";
for (var i = 0; i < outPath.length / 3; i++) { for (var i = 0; i < outPath.length / 3; i++) {

14
web-app/seafoam/src/styles.css
View file

@ -281,3 +281,17 @@ label.anglesettings {
position: relative; position: relative;
bottom: 0.2rem; bottom: 0.2rem;
} }
.routeresults {
position: relative;
left: 20rem;
margin-top: 2rem;
width: 40rem;
}
.routeoutput {
color: #ffffff;
font-size: 1.2rem;
font-weight: 300;
user-select: text;
}