wip

src/frontend/modal/dialog.ts

@@ -0,0 +1,33 @@
+export interface ModalTypeDialog {
+	type: 'dialog';
+	title?: string;
+	message: string;
+	icon?: DialogIcon;
+	buttons?: DialogButtonType;
+	onSelect?: (clickedButtonIndex: number) => void;
+}
+
+export type DialogIcon = 'info' | 'warning' | 'error' | 'question';
+
+export type DialogButtonType = 'ok' | 'yesNo' | DialogButton[];
+
+export type DialogButtonStyle = 'primary' | 'danger';
+
+export interface DialogButton {
+	text: string;
+	style?: DialogButtonStyle;
+}
+
+export const builtinDialogButtonOk: DialogButton = {
+	text: 'OK',
+	style: 'primary',
+};
+
+export const builtinDialogButtonYes: DialogButton = {
+	text: 'はい',
+	style: 'primary',
+};
+
+export const builtinDialogButtonNo: DialogButton = {
+	text: 'いいえ',
+};

src/frontend/modal/menu.ts

@@ -0,0 +1,16 @@
+export interface ModalTypeMenu {
+	type: 'menu';
+	screenX: number;
+	screenY: number;
+	items: MenuItem[];
+}
+
+export type MenuItemClassName = `bi bi-${string}`;
+
+export interface MenuItem {
+	icon?: MenuItemClassName;
+	name: string;
+	onClick: VoidFunction;
+	disabled?: boolean;
+	danger?: boolean;
+}

src/frontend/modal/modal.ts

@@ -0,0 +1,7 @@
+import { ModalTypeDialog } from './dialog';
+import { ModalTypeMenu } from './menu';
+
+export type Modal =
+	| ModalTypeMenu
+	| ModalTypeDialog;
+