Elijah/convertor
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: fix type errors and update bun sql syntax

Browse source
This commit is contained in:
C4illin 2024-07-30 00:48:15 +02:00
parent b9fe32053c
commit ae2455e73e
9 changed files with 325 additions and 398 deletions
Download patch file Download diff file Expand all files Collapse all files

1
.gitignore vendored
View file

@ -47,3 +47,4 @@ package-lock.json
/db /db
/data /data
/Bruno /Bruno
/tsconfig.tsbuildinfo

5
src/components/base.tsx
View file

@ -1,4 +1,7 @@
export const BaseHtml = ({ children, title = "ConvertX" }) => ( export const BaseHtml = ({
children,
title = "ConvertX",
}: { children: JSX.Element; title?: string }) => (
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />

2
src/components/header.tsx
View file

@ -30,7 +30,7 @@ export const Header = ({
} }
return ( return (
<header className="container"> <header class="container">
<nav> <nav>
<ul> <ul>
<li> <li>

1
src/converters/ffmpeg.ts
View file

@ -260,6 +260,7 @@ export const properties = {
"mpegts", "mpegts",
"mpegtsraw", "mpegtsraw",
"mpegvideo", "mpegvideo",
"mpg",
"mpjpeg", "mpjpeg",
"mpl2", "mpl2",
"mpo", "mpo",

2
src/converters/main.ts
View file

@ -201,7 +201,7 @@ for (const converterName in properties) {
} }
possibleInputs.sort(); possibleInputs.sort();
export const getPossibleInputs = () => { const getPossibleInputs = () => {
return possibleInputs; return possibleInputs;
}; };

119
src/converters/old.sharp.ts
View file

@ -1,119 +0,0 @@
import sharp from "sharp";
import type { FormatEnum } from "sharp";
// declare possible conversions
export const properties = {
from: {
images: [
"avif",
"bif",
"csv",
"exr",
"fits",
"gif",
"hdr.gz",
"hdr",
"heic",
"heif",
"img.gz",
"img",
"j2c",
"j2k",
"jp2",
"jpeg",
"jpx",
"jxl",
"mat",
"mrxs",
"ndpi",
"nia.gz",
"nia",
"nii.gz",
"nii",
"pdf",
"pfm",
"pgm",
"pic",
"png",
"ppm",
"raw",
"scn",
"svg",
"svs",
"svslide",
"szi",
"tif",
"tiff",
"v",
"vips",
"vms",
"vmu",
"webp",
"zip",
],
},
to: {
images: [
"avif",
"dzi",
"fits",
"gif",
"hdr.gz",
"heic",
"heif",
"img.gz",
"j2c",
"j2k",
"jp2",
"jpeg",
"jpx",
"jxl",
"mat",
"nia.gz",
"nia",
"nii.gz",
"nii",
"png",
"tiff",
"vips",
"webp",
],
},
options: {
svg: {
scale: {
description: "Scale the image up or down",
type: "number",
default: 1,
},
},
},
};
export async function convert(
filePath: string,
fileType: string,
convertTo: keyof FormatEnum,
targetPath: string,
// biome-ignore lint/suspicious/noExplicitAny: <explanation>
options?: any,
) {
if (fileType === "svg") {
const scale = options.scale || 1;
const metadata = await sharp(filePath).metadata();
if (!metadata || !metadata.width || !metadata.height) {
throw new Error("Could not get metadata from image");
}
const newWidth = Math.round(metadata.width * scale);
const newHeight = Math.round(metadata.height * scale);
return await sharp(filePath)
.resize(newWidth, newHeight)
.toFormat(convertTo)
.toFile(targetPath);
}
return await sharp(filePath).toFormat(convertTo).toFile(targetPath);
}

10
src/helpers/printVersions.ts
View file

@ -72,4 +72,14 @@ if (process.env.NODE_ENV === "production") {
console.log(stdout.split("\n")[0]); console.log(stdout.split("\n")[0]);
} }
}); });
exec("bun -v", (error, stdout) => {
if (error) {
console.error("Bun is not installed. wait what");
}
if (stdout) {
console.log(`Bun v${stdout.split("\n")[0]}`);
}
});
} }

128
src/index.tsx
View file

@ -75,27 +75,27 @@ if (dbVersion === 0) {
let FIRST_RUN = db.query("SELECT * FROM users").get() === null || false; let FIRST_RUN = db.query("SELECT * FROM users").get() === null || false;
interface IUser { class User {
id: number; id!: number;
email: string; email!: string;
password: string; password!: string;
} }
interface IFileNames { class Filename {
id: number; id!: number;
job_id: number; job_id!: number;
file_name: string; file_name!: string;
output_file_name: string; output_file_name!: string;
status: string; status!: string;
} }
interface IJobs { class Jobs {
finished_files: number; finished_files!: number;
id: number; id!: number;
user_id: number; user_id!: number;
date_created: string; date_created!: string;
status: string; status!: string;
num_files: number; num_files!: number;
} }
// enable WAL mode // enable WAL mode
@ -174,6 +174,7 @@ const app = new Elysia({
return ( return (
<BaseHtml title="ConvertX | Register"> <BaseHtml title="ConvertX | Register">
<>
<Header accountRegistration={ACCOUNT_REGISTRATION} /> <Header accountRegistration={ACCOUNT_REGISTRATION} />
<main class="container"> <main class="container">
<article> <article>
@ -204,6 +205,7 @@ const app = new Elysia({
</form> </form>
</article> </article>
</main> </main>
</>
</BaseHtml> </BaseHtml>
); );
}) })
@ -234,9 +236,17 @@ const app = new Elysia({
savedPassword, savedPassword,
); );
const user = (await db const user = db
.query("SELECT * FROM users WHERE email = ?") .query("SELECT * FROM users WHERE email = ?")
.get(body.email)) as IUser; .as(User)
.get(body.email);
if (!user) {
set.status = 500;
return {
message: "Failed to create user.",
};
}
const accessToken = await jwt.sign({ const accessToken = await jwt.sign({
id: String(user.id), id: String(user.id),
@ -280,6 +290,7 @@ const app = new Elysia({
return ( return (
<BaseHtml title="ConvertX | Login"> <BaseHtml title="ConvertX | Login">
<>
<Header accountRegistration={ACCOUNT_REGISTRATION} /> <Header accountRegistration={ACCOUNT_REGISTRATION} />
<main class="container"> <main class="container">
<article> <article>
@ -317,15 +328,17 @@ const app = new Elysia({
</form> </form>
</article> </article>
</main> </main>
</>
</BaseHtml> </BaseHtml>
); );
}) })
.post( .post(
"/login", "/login",
async function handler({ body, set, redirect, jwt, cookie: { auth } }) { async function handler({ body, set, redirect, jwt, cookie: { auth } }) {
const existingUser = (await db const existingUser = await db
.query("SELECT * FROM users WHERE email = ?") .query("SELECT * FROM users WHERE email = ?")
.get(body.email)) as IUser; .as(User)
.get(body.email);
if (!existingUser) { if (!existingUser) {
set.status = 403; set.status = 403;
@ -399,9 +412,10 @@ const app = new Elysia({
} }
// make sure user exists in db // make sure user exists in db
const existingUser = (await db const existingUser = await db
.query("SELECT * FROM users WHERE id = ?") .query("SELECT * FROM users WHERE id = ?")
.get(user.id)) as IUser; .as(User)
.get(user.id);
if (!existingUser) { if (!existingUser) {
if (auth?.value) { if (auth?.value) {
@ -438,6 +452,7 @@ const app = new Elysia({
return ( return (
<BaseHtml> <BaseHtml>
<>
<Header loggedIn /> <Header loggedIn />
<main class="container"> <main class="container">
<article> <article>
@ -464,7 +479,8 @@ const app = new Elysia({
<option selected disabled value=""> <option selected disabled value="">
Convert to Convert to
</option> </option>
{Object.entries(getAllTargets()).map(([converter, targets]) => ( {Object.entries(getAllTargets()).map(
([converter, targets]) => (
// biome-ignore lint/correctness/useJsxKeyInIterable: <explanation> // biome-ignore lint/correctness/useJsxKeyInIterable: <explanation>
<optgroup label={converter}> <optgroup label={converter}>
{targets.map((target) => ( {targets.map((target) => (
@ -474,13 +490,15 @@ const app = new Elysia({
</option> </option>
))} ))}
</optgroup> </optgroup>
))} ),
)}
</select> </select>
</article> </article>
<input type="submit" value="Convert" /> <input type="submit" value="Convert" />
</form> </form>
</main> </main>
<script src="script.js" defer /> <script src="script.js" defer />
</>
</BaseHtml> </BaseHtml>
); );
}) })
@ -604,9 +622,10 @@ const app = new Elysia({
return redirect("/", 302); return redirect("/", 302);
} }
const existingJob = (await db const existingJob = await db
.query("SELECT * FROM jobs WHERE id = ? AND user_id = ?") .query("SELECT * FROM jobs WHERE id = ? AND user_id = ?")
.get(jobId.value, user.id)) as IJobs; .as(Jobs)
.get(jobId.value, user.id);
if (!existingJob) { if (!existingJob) {
return redirect("/", 302); return redirect("/", 302);
@ -635,14 +654,12 @@ const app = new Elysia({
return redirect("/", 302); return redirect("/", 302);
} }
db.run( db.query(
"UPDATE jobs SET num_files = ?, status = 'pending' WHERE id = ?", "UPDATE jobs SET num_files = ?1, status = 'pending' WHERE id = ?2",
fileNames.length, ).run(fileNames.length, jobId.value);
jobId.value,
);
const query = db.query( const query = db.query(
"INSERT INTO file_names (job_id, file_name, output_file_name, status) VALUES (?, ?, ?, ?)", "INSERT INTO file_names (job_id, file_name, output_file_name, status) VALUES (?1, ?2, ?3, ?4)",
); );
// Start the conversion process in the background // Start the conversion process in the background
@ -663,16 +680,18 @@ const app = new Elysia({
{}, {},
converterName, converterName,
); );
if (jobId.value) {
query.run(jobId.value, fileName, newFileName, result); query.run(jobId.value, fileName, newFileName, result);
}
}), }),
) )
.then(() => { .then(() => {
// All conversions are done, update the job status to 'completed' // All conversions are done, update the job status to 'completed'
db.run( if (jobId.value) {
"UPDATE jobs SET status = 'completed' WHERE id = ?", db.query("UPDATE jobs SET status = 'completed' WHERE id = ?1").run(
jobId.value, jobId.value,
); );
}
// delete all uploaded files in userUploadsDir // delete all uploaded files in userUploadsDir
// rmSync(userUploadsDir, { recursive: true, force: true }); // rmSync(userUploadsDir, { recursive: true, force: true });
@ -703,12 +722,14 @@ const app = new Elysia({
let userJobs = db let userJobs = db
.query("SELECT * FROM jobs WHERE user_id = ?") .query("SELECT * FROM jobs WHERE user_id = ?")
.all(user.id) as IJobs[]; .as(Jobs)
.all(user.id);
for (const job of userJobs) { for (const job of userJobs) {
const files = db const files = db
.query("SELECT * FROM file_names WHERE job_id = ?") .query("SELECT * FROM file_names WHERE job_id = ?")
.all(job.id) as IFileNames[]; .as(Filename)
.all(job.id);
job.finished_files = files.length; job.finished_files = files.length;
} }
@ -718,6 +739,7 @@ const app = new Elysia({
return ( return (
<BaseHtml title="ConvertX | Results"> <BaseHtml title="ConvertX | Results">
<>
<Header loggedIn /> <Header loggedIn />
<main class="container"> <main class="container">
<article> <article>
@ -749,6 +771,7 @@ const app = new Elysia({
</table> </table>
</article> </article>
</main> </main>
</>
</BaseHtml> </BaseHtml>
); );
}) })
@ -769,9 +792,10 @@ const app = new Elysia({
return redirect("/login", 302); return redirect("/login", 302);
} }
const job = (await db const job = await db
.query("SELECT * FROM jobs WHERE user_id = ? AND id = ?") .query("SELECT * FROM jobs WHERE user_id = ? AND id = ?")
.get(user.id, params.jobId)) as IJobs; .as(Jobs)
.get(user.id, params.jobId);
if (!job) { if (!job) {
set.status = 404; set.status = 404;
@ -784,10 +808,12 @@ const app = new Elysia({
const files = db const files = db
.query("SELECT * FROM file_names WHERE job_id = ?") .query("SELECT * FROM file_names WHERE job_id = ?")
.all(params.jobId) as IFileNames[]; .as(Filename)
.all(params.jobId);
return ( return (
<BaseHtml title="ConvertX | Result"> <BaseHtml title="ConvertX | Result">
<>
<Header loggedIn /> <Header loggedIn />
<main class="container"> <main class="container">
<article> <article>
@ -843,6 +869,7 @@ const app = new Elysia({
</article> </article>
</main> </main>
<script src="/results.js" defer /> <script src="/results.js" defer />
</>
</BaseHtml> </BaseHtml>
); );
}, },
@ -864,9 +891,10 @@ const app = new Elysia({
return redirect("/login", 302); return redirect("/login", 302);
} }
const job = (await db const job = await db
.query("SELECT * FROM jobs WHERE user_id = ? AND id = ?") .query("SELECT * FROM jobs WHERE user_id = ? AND id = ?")
.get(user.id, params.jobId)) as IJobs; .as(Jobs)
.get(user.id, params.jobId);
if (!job) { if (!job) {
set.status = 404; set.status = 404;
@ -879,7 +907,8 @@ const app = new Elysia({
const files = db const files = db
.query("SELECT * FROM file_names WHERE job_id = ?") .query("SELECT * FROM file_names WHERE job_id = ?")
.all(params.jobId) as IFileNames[]; .as(Filename)
.all(params.jobId);
return ( return (
<article> <article>
@ -975,6 +1004,7 @@ const app = new Elysia({
return ( return (
<BaseHtml title="ConvertX | Converters"> <BaseHtml title="ConvertX | Converters">
<>
<Header loggedIn /> <Header loggedIn />
<main class="container"> <main class="container">
<article> <article>
@ -988,7 +1018,8 @@ const app = new Elysia({
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{Object.entries(getAllTargets()).map(([converter, targets]) => { {Object.entries(getAllTargets()).map(
([converter, targets]) => {
const inputs = getAllInputs(converter); const inputs = getAllInputs(converter);
return ( return (
// biome-ignore lint/correctness/useJsxKeyInIterable: <explanation> // biome-ignore lint/correctness/useJsxKeyInIterable: <explanation>
@ -1014,11 +1045,13 @@ const app = new Elysia({
</td> </td>
</tr> </tr>
); );
})} },
)}
</tbody> </tbody>
</table> </table>
</article> </article>
</main> </main>
</>
</BaseHtml> </BaseHtml>
); );
}) })
@ -1065,7 +1098,8 @@ const clearJobs = () => {
// get all files older than 24 hours // get all files older than 24 hours
const jobs = db const jobs = db
.query("SELECT * FROM jobs WHERE date_created < ?") .query("SELECT * FROM jobs WHERE date_created < ?")
.all(new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString()) as IJobs[]; .as(Jobs)
.all(new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString());
for (const job of jobs) { for (const job of jobs) {
// delete the directories // delete the directories

3
tsconfig.json
View file

@ -17,9 +17,6 @@
"allowSyntheticDefaultImports": true, "allowSyntheticDefaultImports": true,
"forceConsistentCasingInFileNames": true, "forceConsistentCasingInFileNames": true,
"allowJs": true, "allowJs": true,
"types": [
"bun-types" // add Bun global
],
// non bun init // non bun init
"plugins": [{ "name": "@kitajs/ts-html-plugin" }], "plugins": [{ "name": "@kitajs/ts-html-plugin" }],
"noUncheckedIndexedAccess": true, "noUncheckedIndexedAccess": true,