feat: add basic ipc for live-painting

src/client/pages/[locale]/live-painting.tsx

@@ -11,6 +11,8 @@ import { useTranslation } from "next-i18next";
 import type { PointerEvent as ReactPointerEvent } from "react";
 import { useEffect, useRef, useState } from "react";
 
+import { buildKey } from "#/build-key";
+import { ID } from "#/enums";
 import { makeStaticProperties } from "@/ions/i18n/get-static";
 
 export type ViewType = "side-by-side" | "overlay";
@@ -55,6 +57,7 @@ function DrawingArea() {
 			context.current?.stroke();
 			const dataUrl = canvas.current.toDataURL();
 			setImage(dataUrl);
+			window.ipc.send(buildKey([ID.LIVE_PAINT], { suffix: ":dataUrl" }), dataUrl);
 		}
 
 		function handleMouseUp() {
@@ -184,6 +187,23 @@ export default function Page(_properties: InferGetStaticPropsType<typeof getStat
 					<Typography level="h4" component="h1">
 						{t("labels:livePainting")}
 					</Typography>
+					<Box sx={{ flex: 1 }} />
+					<Box sx={{ display: "flex", gap: 1 }}>
+						<Button
+							onClick={() => {
+								window.ipc.send(buildKey([ID.LIVE_PAINT], { suffix: ":start" }));
+							}}
+						>
+							Start
+						</Button>
+						<Button
+							onClick={() => {
+								window.ipc.send(buildKey([ID.LIVE_PAINT], { suffix: ":stop" }));
+							}}
+						>
+							Stop
+						</Button>
+					</Box>
 				</Sheet>
 				<Box
 					sx={{

src/electron/future/ipc/listeners.ts

@@ -1,5 +1,7 @@
 import { BrowserWindow, ipcMain } from "electron";
 import { download } from "electron-dl";
+import type { ExecaChildProcess } from "execa";
+import { execa } from "execa";
 
 import { buildKey } from "#/build-key";
 import { DownloadState, ID } from "#/enums";
@@ -80,3 +82,25 @@ ipcMain.on(buildKey([ID.INSTALL], { suffix: "start" }), async () => {
 ipcMain.on(buildKey([ID.USER], { suffix: ":language" }), (_event, language) => {
 	userStore.set("language", language);
 });
+
+let process: ExecaChildProcess<string>;
+
+ipcMain.on(buildKey([ID.LIVE_PAINT], { suffix: ":dataUrl" }), (_event, dataUrl) => {
+	console.log("image input");
+});
+
+ipcMain.on(buildKey([ID.LIVE_PAINT], { suffix: ":start" }), () => {
+	if (!process) {
+		process = execa("echo", ["hello", "world", "!"], { stdout: "inherit" });
+		console.log("alive");
+	}
+});
+
+ipcMain.on(buildKey([ID.LIVE_PAINT], { suffix: ":stop" }), () => {
+	if (!process.killed) {
+		const result = process.kill();
+		console.log("killed", result);
+	}
+
+	console.log(process.pid);
+});

src/shared/enums.ts

@@ -15,6 +15,7 @@ export enum ID {
 	STORE = "STORE",
 	USER = "USER",
 	WINDOW = "WINDOW",
+	LIVE_PAINT = "LIVE_PAINT",
 }
 
 /**