From f9c60d3f47e75dd047a38ebe0f79f6edfc691c93 Mon Sep 17 00:00:00 2001
From: t-chen <tepelchen501@gmail.com>
Date: Mon, 20 Mar 2023 03:01:54 +0900
Subject: [PATCH] update for comments

---
 package-lock.json                             | 285 +++++-------------
 package.json                                  |   2 -
 src/lib/demil.ts                              | 226 +++-----------
 src/lib/repo.ts                               |   2 +-
 src/lib/util.ts                               |   5 +-
 src/routes/mission/[...mission]/+page.svelte  | 104 ++-----
 .../[...mission]/_DeMiLErrorDialog.svelte     |  90 ++++++
 7 files changed, 221 insertions(+), 493 deletions(-)
 create mode 100644 src/routes/mission/[...mission]/_DeMiLErrorDialog.svelte

diff --git a/package-lock.json b/package-lock.json
index 250f514..f947dc3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,14 +13,12 @@
 				"cookie": "^0.5.0",
 				"discord-oauth2": "^2.9.0",
 				"prisma-exclude": "^1.0.2",
-				"semver": "^7.3.8",
 				"svelte-french-toast": "^1.0.3"
 			},
 			"devDependencies": {
 				"@sveltejs/adapter-node": "^1.0.0-next.78",
 				"@sveltejs/kit": "^1.0.0-next.507",
 				"@types/cookie": "^0.5.1",
-				"@types/semver": "^7.3.13",
 				"@typescript-eslint/eslint-plugin": "^5.10.1",
 				"@typescript-eslint/parser": "^5.10.1",
 				"eslint": "^8.12.0",
@@ -230,149 +228,76 @@
 			"license": "Apache-2.0"
 		},
 		"node_modules/@rollup/plugin-commonjs": {
-			"version": "23.0.7",
-			"resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-23.0.7.tgz",
-			"integrity": "sha512-hsSD5Qzyuat/swzrExGG5l7EuIlPhwTsT7KwKbSCQzIcJWjRxiimi/0tyMYY2bByitNb3i1p+6JWEDGa0NvT0Q==",
+			"version": "22.0.2",
 			"dev": true,
+			"license": "MIT",
 			"dependencies": {
-				"@rollup/pluginutils": "^5.0.1",
+				"@rollup/pluginutils": "^3.1.0",
 				"commondir": "^1.0.1",
-				"estree-walker": "^2.0.2",
-				"glob": "^8.0.3",
-				"is-reference": "1.2.1",
-				"magic-string": "^0.27.0"
+				"estree-walker": "^2.0.1",
+				"glob": "^7.1.6",
+				"is-reference": "^1.2.1",
+				"magic-string": "^0.25.7",
+				"resolve": "^1.17.0"
 			},
 			"engines": {
-				"node": ">=14.0.0"
+				"node": ">= 12.0.0"
 			},
 			"peerDependencies": {
-				"rollup": "^2.68.0||^3.0.0"
-			},
-			"peerDependenciesMeta": {
-				"rollup": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/@rollup/plugin-commonjs/node_modules/brace-expansion": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-			"integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-			"dev": true,
-			"dependencies": {
-				"balanced-match": "^1.0.0"
-			}
-		},
-		"node_modules/@rollup/plugin-commonjs/node_modules/glob": {
-			"version": "8.1.0",
-			"resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
-			"integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
-			"dev": true,
-			"dependencies": {
-				"fs.realpath": "^1.0.0",
-				"inflight": "^1.0.4",
-				"inherits": "2",
-				"minimatch": "^5.0.1",
-				"once": "^1.3.0"
-			},
-			"engines": {
-				"node": ">=12"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/isaacs"
-			}
-		},
-		"node_modules/@rollup/plugin-commonjs/node_modules/magic-string": {
-			"version": "0.27.0",
-			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
-			"integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
-			"dev": true,
-			"dependencies": {
-				"@jridgewell/sourcemap-codec": "^1.4.13"
-			},
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@rollup/plugin-commonjs/node_modules/minimatch": {
-			"version": "5.1.6",
-			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
-			"integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
-			"dev": true,
-			"dependencies": {
-				"brace-expansion": "^2.0.1"
-			},
-			"engines": {
-				"node": ">=10"
+				"rollup": "^2.68.0"
 			}
 		},
 		"node_modules/@rollup/plugin-json": {
-			"version": "5.0.2",
-			"resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-5.0.2.tgz",
-			"integrity": "sha512-D1CoOT2wPvadWLhVcmpkDnesTzjhNIQRWLsc3fA49IFOP2Y84cFOOJ+nKGYedvXHKUsPeq07HR4hXpBBr+CHlA==",
+			"version": "4.1.0",
 			"dev": true,
+			"license": "MIT",
 			"dependencies": {
-				"@rollup/pluginutils": "^5.0.1"
-			},
-			"engines": {
-				"node": ">=14.0.0"
+				"@rollup/pluginutils": "^3.0.8"
 			},
 			"peerDependencies": {
-				"rollup": "^1.20.0||^2.0.0||^3.0.0"
-			},
-			"peerDependenciesMeta": {
-				"rollup": {
-					"optional": true
-				}
+				"rollup": "^1.20.0 || ^2.0.0"
 			}
 		},
 		"node_modules/@rollup/plugin-node-resolve": {
-			"version": "15.0.1",
-			"resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.0.1.tgz",
-			"integrity": "sha512-ReY88T7JhJjeRVbfCyNj+NXAG3IIsVMsX9b5/9jC98dRP8/yxlZdz7mHZbHk5zHr24wZZICS5AcXsFZAXYUQEg==",
+			"version": "14.1.0",
 			"dev": true,
+			"license": "MIT",
 			"dependencies": {
-				"@rollup/pluginutils": "^5.0.1",
-				"@types/resolve": "1.20.2",
+				"@rollup/pluginutils": "^3.1.0",
+				"@types/resolve": "1.17.1",
 				"deepmerge": "^4.2.2",
-				"is-builtin-module": "^3.2.0",
+				"is-builtin-module": "^3.1.0",
 				"is-module": "^1.0.0",
-				"resolve": "^1.22.1"
+				"resolve": "^1.19.0"
 			},
 			"engines": {
-				"node": ">=14.0.0"
+				"node": ">= 10.0.0"
 			},
 			"peerDependencies": {
-				"rollup": "^2.78.0||^3.0.0"
-			},
-			"peerDependenciesMeta": {
-				"rollup": {
-					"optional": true
-				}
+				"rollup": "^2.78.0"
 			}
 		},
 		"node_modules/@rollup/pluginutils": {
-			"version": "5.0.2",
-			"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
-			"integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==",
+			"version": "3.1.0",
 			"dev": true,
+			"license": "MIT",
 			"dependencies": {
-				"@types/estree": "^1.0.0",
-				"estree-walker": "^2.0.2",
-				"picomatch": "^2.3.1"
+				"@types/estree": "0.0.39",
+				"estree-walker": "^1.0.1",
+				"picomatch": "^2.2.2"
 			},
 			"engines": {
-				"node": ">=14.0.0"
+				"node": ">= 8.0.0"
 			},
 			"peerDependencies": {
-				"rollup": "^1.20.0||^2.0.0||^3.0.0"
-			},
-			"peerDependenciesMeta": {
-				"rollup": {
-					"optional": true
-				}
+				"rollup": "^1.20.0||^2.0.0"
 			}
 		},
+		"node_modules/@rollup/pluginutils/node_modules/estree-walker": {
+			"version": "1.0.1",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/@sveltejs/adapter-auto": {
 			"version": "1.0.0-next.80",
 			"license": "MIT",
@@ -517,10 +442,9 @@
 			"license": "MIT"
 		},
 		"node_modules/@types/estree": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
-			"integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==",
-			"dev": true
+			"version": "0.0.39",
+			"dev": true,
+			"license": "MIT"
 		},
 		"node_modules/@types/json-schema": {
 			"version": "7.0.11",
@@ -538,10 +462,12 @@
 			"license": "MIT"
 		},
 		"node_modules/@types/resolve": {
-			"version": "1.20.2",
-			"resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
-			"integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==",
-			"dev": true
+			"version": "1.17.1",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@types/node": "*"
+			}
 		},
 		"node_modules/@types/sass": {
 			"version": "1.43.1",
@@ -551,12 +477,6 @@
 				"@types/node": "*"
 			}
 		},
-		"node_modules/@types/semver": {
-			"version": "7.3.13",
-			"resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.3.13.tgz",
-			"integrity": "sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==",
-			"dev": true
-		},
 		"node_modules/@typescript-eslint/eslint-plugin": {
 			"version": "5.38.1",
 			"dev": true,
@@ -2548,9 +2468,8 @@
 			}
 		},
 		"node_modules/semver": {
-			"version": "7.3.8",
-			"resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
-			"integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
+			"version": "7.3.7",
+			"license": "ISC",
 			"dependencies": {
 				"lru-cache": "^6.0.0"
 			},
@@ -3231,93 +3150,50 @@
 			"version": "3.15.1-1.461d6a05159055555eb7dfb337c9fb271cbd4d7e"
 		},
 		"@rollup/plugin-commonjs": {
-			"version": "23.0.7",
-			"resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-23.0.7.tgz",
-			"integrity": "sha512-hsSD5Qzyuat/swzrExGG5l7EuIlPhwTsT7KwKbSCQzIcJWjRxiimi/0tyMYY2bByitNb3i1p+6JWEDGa0NvT0Q==",
+			"version": "22.0.2",
 			"dev": true,
 			"requires": {
-				"@rollup/pluginutils": "^5.0.1",
+				"@rollup/pluginutils": "^3.1.0",
 				"commondir": "^1.0.1",
-				"estree-walker": "^2.0.2",
-				"glob": "^8.0.3",
-				"is-reference": "1.2.1",
-				"magic-string": "^0.27.0"
-			},
-			"dependencies": {
-				"brace-expansion": {
-					"version": "2.0.1",
-					"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-					"integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-					"dev": true,
-					"requires": {
-						"balanced-match": "^1.0.0"
-					}
-				},
-				"glob": {
-					"version": "8.1.0",
-					"resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
-					"integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
-					"dev": true,
-					"requires": {
-						"fs.realpath": "^1.0.0",
-						"inflight": "^1.0.4",
-						"inherits": "2",
-						"minimatch": "^5.0.1",
-						"once": "^1.3.0"
-					}
-				},
-				"magic-string": {
-					"version": "0.27.0",
-					"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
-					"integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
-					"dev": true,
-					"requires": {
-						"@jridgewell/sourcemap-codec": "^1.4.13"
-					}
-				},
-				"minimatch": {
-					"version": "5.1.6",
-					"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
-					"integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
-					"dev": true,
-					"requires": {
-						"brace-expansion": "^2.0.1"
-					}
-				}
+				"estree-walker": "^2.0.1",
+				"glob": "^7.1.6",
+				"is-reference": "^1.2.1",
+				"magic-string": "^0.25.7",
+				"resolve": "^1.17.0"
 			}
 		},
 		"@rollup/plugin-json": {
-			"version": "5.0.2",
-			"resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-5.0.2.tgz",
-			"integrity": "sha512-D1CoOT2wPvadWLhVcmpkDnesTzjhNIQRWLsc3fA49IFOP2Y84cFOOJ+nKGYedvXHKUsPeq07HR4hXpBBr+CHlA==",
+			"version": "4.1.0",
 			"dev": true,
 			"requires": {
-				"@rollup/pluginutils": "^5.0.1"
+				"@rollup/pluginutils": "^3.0.8"
 			}
 		},
 		"@rollup/plugin-node-resolve": {
-			"version": "15.0.1",
-			"resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.0.1.tgz",
-			"integrity": "sha512-ReY88T7JhJjeRVbfCyNj+NXAG3IIsVMsX9b5/9jC98dRP8/yxlZdz7mHZbHk5zHr24wZZICS5AcXsFZAXYUQEg==",
+			"version": "14.1.0",
 			"dev": true,
 			"requires": {
-				"@rollup/pluginutils": "^5.0.1",
-				"@types/resolve": "1.20.2",
+				"@rollup/pluginutils": "^3.1.0",
+				"@types/resolve": "1.17.1",
 				"deepmerge": "^4.2.2",
-				"is-builtin-module": "^3.2.0",
+				"is-builtin-module": "^3.1.0",
 				"is-module": "^1.0.0",
-				"resolve": "^1.22.1"
+				"resolve": "^1.19.0"
 			}
 		},
 		"@rollup/pluginutils": {
-			"version": "5.0.2",
-			"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
-			"integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==",
+			"version": "3.1.0",
 			"dev": true,
 			"requires": {
-				"@types/estree": "^1.0.0",
-				"estree-walker": "^2.0.2",
-				"picomatch": "^2.3.1"
+				"@types/estree": "0.0.39",
+				"estree-walker": "^1.0.1",
+				"picomatch": "^2.2.2"
+			},
+			"dependencies": {
+				"estree-walker": {
+					"version": "1.0.1",
+					"dev": true
+				}
 			}
 		},
 		"@sveltejs/adapter-auto": {
@@ -3425,9 +3301,7 @@
 			"dev": true
 		},
 		"@types/estree": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
-			"integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==",
+			"version": "0.0.39",
 			"dev": true
 		},
 		"@types/json-schema": {
@@ -3443,10 +3317,11 @@
 			"dev": true
 		},
 		"@types/resolve": {
-			"version": "1.20.2",
-			"resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
-			"integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==",
-			"dev": true
+			"version": "1.17.1",
+			"dev": true,
+			"requires": {
+				"@types/node": "*"
+			}
 		},
 		"@types/sass": {
 			"version": "1.43.1",
@@ -3455,12 +3330,6 @@
 				"@types/node": "*"
 			}
 		},
-		"@types/semver": {
-			"version": "7.3.13",
-			"resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.3.13.tgz",
-			"integrity": "sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==",
-			"dev": true
-		},
 		"@typescript-eslint/eslint-plugin": {
 			"version": "5.38.1",
 			"dev": true,
@@ -4613,9 +4482,7 @@
 			}
 		},
 		"semver": {
-			"version": "7.3.8",
-			"resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
-			"integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
+			"version": "7.3.7",
 			"requires": {
 				"lru-cache": "^6.0.0"
 			}
diff --git a/package.json b/package.json
index 8ec4166..23cafbb 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,6 @@
 		"@sveltejs/adapter-node": "^1.0.0-next.78",
 		"@sveltejs/kit": "^1.0.0-next.507",
 		"@types/cookie": "^0.5.1",
-		"@types/semver": "^7.3.13",
 		"@typescript-eslint/eslint-plugin": "^5.10.1",
 		"@typescript-eslint/parser": "^5.10.1",
 		"eslint": "^8.12.0",
@@ -37,7 +36,6 @@
 		"cookie": "^0.5.0",
 		"discord-oauth2": "^2.9.0",
 		"prisma-exclude": "^1.0.2",
-		"semver": "^7.3.8",
 		"svelte-french-toast": "^1.0.3"
 	}
 }
diff --git a/src/lib/demil.ts b/src/lib/demil.ts
index 7f23192..978b735 100644
--- a/src/lib/demil.ts
+++ b/src/lib/demil.ts
@@ -1,53 +1,4 @@
 import semver from 'semver';
-
-export interface Bomb {
-	TimeLimit: number;
-	NumStrikes: number;
-	TimeBeforeNeedyActivation: number;
-	FrontFaceOnly: boolean;
-	OptionalWidgetCount: number;
-	ComponentPools: string[][];
-}
-
-export interface Mission {
-	Title: string;
-	MissionID: string;
-	Description: string;
-	FactroyMode?: string;
-	BombData: Bomb[];
-	BombCount: number;
-}
-
-export interface Section {
-	Title: string;
-	SectionNum: number;
-	Missions: Mission[];
-}
-
-export interface ToC {
-	Title: string;
-	Sections: Section[];
-}
-
-export interface MissionPack {
-	SteamID: string;
-	ModID: string;
-	Title: string;
-}
-
-export interface VersionResult {
-	Version: string;
-}
-
-export type MissionsResult = MissionPack[];
-export interface LoadMissionOptions {
-	refreshBinder?: boolean;
-}
-export type MissionDetailResult = MissionPack & { Missions: Mission[] };
-export type ToCDetailResult = MissionPack & { ToCs: ToC[] };
-export interface LoadMissionResult {
-	LoadedMissions: string;
-}
 export interface StartMissionOptions {
 	steamID?: string;
 	seed?: number;
@@ -58,51 +9,56 @@ export interface StartMissionByNameOptions {
 	force?: boolean;
 }
 
-export interface StartMissionSuccessResult {
+export interface DeMiLResultBase {
+	Version?: string;
+	IsVersionInRange?: boolean;
+}
+
+export interface StartMissionSuccessResult extends DeMiLResultBase {
 	MissionID: string;
 	Seed: string;
 }
-export interface StartMissionMissingModulesResult {
+export interface StartMissionMissingModulesResult extends DeMiLResultBase {
 	MissionID: string;
 	MissingModules: string[];
 }
-export interface StartMissionTooManyModulesResult {
+export interface StartMissionTooManyModulesResult extends DeMiLResultBase {
 	MissionID: string;
 	MaximumSupportedModulesCount: number;
 	MissionModulesCount: number;
 }
-export interface StartMissionTooManyModulesFrontfaceResult {
+export interface StartMissionTooManyModulesFrontfaceResult extends DeMiLResultBase {
 	MissionID: string;
 	MaximumSupportedFrontfaceModulesCount: number;
 	MissionModulesCount: number;
 }
+export interface StartMissionTooManyBombsResult extends DeMiLResultBase {
+	MissionID: string;
+	MaximumSupportedBombsCount: number;
+	MissionBombsCount: number;
+}
 export type StartMissionResult =
 	| StartMissionSuccessResult
 	| StartMissionMissingModulesResult
 	| StartMissionTooManyModulesResult
-	| StartMissionTooManyModulesFrontfaceResult;
-
-export interface SaveAndDisableResult {
-	SavedMissions: MissionPack[];
-}
+	| StartMissionTooManyModulesFrontfaceResult
+	| StartMissionTooManyBombsResult;
 
-export interface DeMiLErrorResponse {
+export interface DeMiLErrorResponse extends DeMiLResultBase {
 	ERROR: string;
-	stacktrace?: string;
-}
-
-export enum CheckVersionResult {
-	NOT_INSTALLED,
-	INVALID_VERSION,
-	OK
+	Stacktrace?: string;
 }
 
 export class DeMiLError extends Error {
 	public internalStack?: string;
+	public version?: string;
+	public isVersionInRange: boolean;
 
 	public constructor(obj: DeMiLErrorResponse) {
 		super(obj.ERROR);
-		this.internalStack = obj.stacktrace;
+		this.internalStack = obj.Stacktrace;
+		this.version = obj.Version;
+		this.isVersionInRange = obj.IsVersionInRange ?? false;
 	}
 
 	public static isDeMiLErrorResponse(obj: any): obj is DeMiLErrorResponse {
@@ -132,95 +88,11 @@ export class DeMiLModNotFoundError extends DeMiLError {
 	}
 }
 
-const versionRange = '2.x';
+const versionRange = '>=2.1.1';
 
 export class DeMiLClient {
 	constructor(private port: number) {}
 
-	/**
-	 * List of all mission packs that are currently loaded, or saved in DeMiL setting file(Modsettings/DeMiLService.json). Please note that all unloaded mods can be loaded through following API even if they are not listed here, as long as they are already downloaded.
-	 * @returns List of missions
-	 * @see {@link https://github.com/tepel-chen/DeMiLService/wiki/API-Reference#httplocalhostportmissions}
-	 */
-	async missions(): Promise<MissionsResult> {
-		return this.get<MissionsResult>('missions');
-	}
-
-	/**
-	 * Shows detail of the mission pack, as well as all the available missions. This also load the mod in game.
-	 * @param steamID SteamID of the mission pack
-	 * @param options Options for the query.
-	 * @param options.refreshBinder If true, refresh the binder in the setup room. Default: true.
-	 * @returns Mission pack information and list of missions
-	 * @see {@link https://github.com/tepel-chen/DeMiLService/wiki/API-Reference#httplocalhostportmissiondetailsteamidsteamid}
-	 */
-	async missionDetail(steamID: string, options: LoadMissionOptions = {}): Promise<MissionDetailResult> {
-		return this.get<MissionDetailResult>('missionDetail', {
-			steamID,
-			refreshBinder: options.refreshBinder ? 'true' : 'false'
-		});
-	}
-
-	/**
-	 * Shows detail of the mission pack, the table of contents, sections and mission detail. This also load the mod in game.
-	 * @param steamID SteamID of the mission pack
-	 * @param options Options for the query.
-	 * @param options.refreshBinder If true, refresh the binder in the setup room. Default: true.
-	 * @returns Mission pack information and list of table of contents
-	 * @see {@link https://github.com/tepel-chen/DeMiLService/wiki/API-Reference#httplocalhostporttocdetailsteamidsteamid}
-	 */
-	async tocDetail(steamID: string, options: LoadMissionOptions = {}): Promise<ToCDetailResult> {
-		return this.get<ToCDetailResult>('tocDetail', {
-			steamID,
-			refreshBinder: options.refreshBinder ? 'true' : 'false'
-		});
-	}
-
-	/**
-	 * Loads the mod in game.
-	 * @param steamID SteamID of the mission pack
-	 * @param options Options for the query.
-	 * @param options.refreshBinder If true, refresh the binder in the setup room. Default: true.
-	 * @returns Loaded mod's steamID
-	 * @see {@link https://github.com/tepel-chen/DeMiLService/wiki/API-Reference#httplocalhostportloadmissionsteamidsteamid}
-	 */
-	async loadMission(steamID: string, options: LoadMissionOptions = {}): Promise<LoadMissionResult> {
-		return this.get<LoadMissionResult>('loadMission', {
-			steamID,
-			refreshBinder: options.refreshBinder ? 'true' : 'false'
-		});
-	}
-
-	/**
-	 * Start the mission with specified mission ID.
-	 * @param missionID missionID for the mission
-	 * @param options Options to start the mission.
-	 * @param options.steamID Load the specified mod before starting the mission.
-	 * @param options.seed Specify mission seed.
-	 * @param options.force Start the mission without checking the mission can be run in the current setting. Default: false
-	 * @returns Mission ID and seed
-	 * @see {@link https://github.com/tepel-chen/DeMiLService/wiki/API-Reference#httplocalhostportstartmissionmissionidmissionid}
-	 */
-	async startMission(missionID: string, options: StartMissionOptions = {}): Promise<StartMissionResult> {
-		const parsedOptions = Object.fromEntries(
-			Object.entries({
-				...options,
-				seed: options.seed?.toString(),
-				force: options.force ? 'true' : 'false',
-				missionID
-			}).filter((kvp): kvp is [string, string] => typeof kvp[1] === 'string')
-		);
-
-		const result = await this.get<StartMissionResult>('startMission', parsedOptions);
-		if (result.hasOwnProperty('MaximumSupportedFrontfaceModulesCount')) {
-			(result as StartMissionTooManyModulesResult).MaximumSupportedModulesCount = (
-				result as StartMissionTooManyModulesFrontfaceResult
-			).MaximumSupportedFrontfaceModulesCount;
-		}
-
-		return result;
-	}
-
 	/**
 	 * Start the mission with specified mission name.
 	 * @param missionName Mission name for the mission. If mission with the exact name exist, or there are only one mission that partially match the name, the mission will be activated.
@@ -249,54 +121,24 @@ export class DeMiLClient {
 		return this.get<StartMissionResult>('startMission', parsedOptions);
 	}
 
-	/**
-	 * Save mission pack data to the DeMiL setting file(Modsettings/DeMiLService.json), and disables the mods. The game will enter the mod manager and leave immidiately. This is only possible in setup room.
-	 * @returns List of diabled missions
-	 * @see {@link https://github.com/tepel-chen/DeMiLService/wiki/API-Reference#httplocalhostportsaveanddisable}
-	 */
-	async saveAndDisable(): Promise<SaveAndDisableResult> {
-		return this.get<SaveAndDisableResult>('saveAndDisable');
-	}
-
-	/**
-	 * Get current installed version of DeMiL.
-	 * @returns Version
-	 * @see {@link https://github.com/tepel-chen/DeMiLService/wiki/API-Reference#httplocalhostportversion}
-	 */
-	async version(): Promise<VersionResult> {
-		return this.get<VersionResult>('version');
-	}
-
-	/**
-	 * Check if current version of DeMiL is OK to use.
-	 * @param range Range of acceptable versions. @see {@link https://github.com/npm/node-semver#ranges} Default: 2.x
-	 * @returns CheckVersionResult.NOT_INSTALLED if DeMiL is not installed. CheckVersionResult.INVALID_VERSION if the version is not in the range. Otherwise CheckVersionResult.OK.
-	 * @see {@link https://github.com/tepel-chen/DeMiLService/wiki/API-Reference#httplocalhostportversion}
-	 */
-	async checkVersion(range: string = versionRange): Promise<CheckVersionResult> {
-		try {
-			const version = (await this.version()).Version;
-			if (semver.satisfies(version, range)) {
-				return CheckVersionResult.OK;
-			} else {
-				return CheckVersionResult.INVALID_VERSION;
-			}
-		} catch {
-			return CheckVersionResult.NOT_INSTALLED;
-		}
-	}
-
-	private async get<T>(path: string, params: Record<string, string> = {}): Promise<T> {
+	private async get<T extends DeMiLResultBase>(path: string, params: Record<string, string> = {}): Promise<T> {
 		const urlParams = new URLSearchParams(params);
 		const url = new URL('http://localhost');
 		url.port = this.port.toString();
 		url.pathname = path;
 		url.search = urlParams.toString();
 
-		const data = await (await fetch(url)).json();
+		const data: DeMiLResultBase = await (await fetch(url)).json();
+
+		if (typeof data.Version === 'string' && semver.satisfies(data.Version, versionRange)) {
+			data.IsVersionInRange = true;
+		} else {
+			data.IsVersionInRange = false;
+		}
+
 		const demilError = DeMiLError.ParseIfErrorResponse(data);
 		if (demilError) throw demilError;
-		return data;
+		return data as T;
 	}
 
 	/**
diff --git a/src/lib/repo.ts b/src/lib/repo.ts
index a31551f..1233c22 100644
--- a/src/lib/repo.ts
+++ b/src/lib/repo.ts
@@ -5,7 +5,7 @@ export type RepoModule = {
 	RuleSeedSupport: string | null;
 	Type: string;
 	Quirks: string | null;
-	SteamID: string;
+	SteamID: string | null;
 	X: number;
 	Y: number;
 };
diff --git a/src/lib/util.ts b/src/lib/util.ts
index ed708ba..7fd8ed7 100644
--- a/src/lib/util.ts
+++ b/src/lib/util.ts
@@ -279,6 +279,7 @@ export function getModule(moduleID: string, modules: Record<string, RepoModule>
 		RuleSeedSupport: null,
 		Type: moduleID.match(/needy/gi) ? 'Needy' : 'Regular',
 		Quirks: null,
+		SteamID: null,
 		X: 0,
 		Y: 0
 	};
@@ -414,7 +415,3 @@ type DateSortable = { id: number; dateAdded: Date | null };
 export function dateAddedSort(a: DateSortable, b: DateSortable): number {
 	return a.dateAdded == null || b.dateAdded == null ? a.id - b.id : a.dateAdded.getTime() - b.dateAdded.getTime();
 }
-
-export function extractSteamID(str: string) {
-	return str.match(/\d+/)?.[0] ?? '';
-}
diff --git a/src/routes/mission/[...mission]/+page.svelte b/src/routes/mission/[...mission]/+page.svelte
index 920479d..44631ed 100644
--- a/src/routes/mission/[...mission]/+page.svelte
+++ b/src/routes/mission/[...mission]/+page.svelte
@@ -2,7 +2,6 @@
 	import { Permission, Pool, type Mission, type MissionPack } from '$lib/types';
 	import {
 		excludeArticleSort,
-		extractSteamID,
 		formatTime,
 		getModule,
 		getPersonColor,
@@ -20,6 +19,7 @@
 	import Select from '$lib/controls/Select.svelte';
 	import * as DeMiL from '$lib/demil';
 	import toast from 'svelte-french-toast';
+	import DeMiLErrorDialog from './_DeMiLErrorDialog.svelte';
 
 	type Variant = Pick<Mission, 'name' | 'completions' | 'tpSolve'>;
 	export let data;
@@ -35,11 +35,11 @@
 	const dateOptions: Intl.DateTimeFormatOptions = { year: 'numeric', month: 'short', day: 'numeric' };
 	// const dateOptions: Intl.DateTimeFormatOptions = { year: 'numeric', month: 'short', day: 'numeric', hour: 'numeric', minute: 'numeric' };
 
-	let demilClient: DeMiL.DeMiLClient;
-	let demilHelpState: DeMiL.CheckVersionResult | 'MissingModules' | 'ModuleCount' | 'MissionNotFound' | undefined;
+	let demilHelpState: 'Error' | 'InvalidVersion' | 'NotInstalled' | 'MissingModules' | 'MissionNotFound' | undefined;
 	let missingModules: RepoModule[];
-	let moduleCountError: DeMiL.StartMissionTooManyModulesResult;
-	const steamID = extractSteamID(mission.missionPack.steamId);
+	let demilErrorMessage: string;
+	let demilVersion: string | undefined;
+	const steamID = mission.missionPack.steamId;
 
 	function poolClass(mods: string[] = [], module: RepoModule | null = null): string {
 		let classes = '';
@@ -81,37 +81,40 @@
 		};
 	}
 
+	let demilClient = new DeMiL.DeMiLClient(8095);
 	async function startMission() {
 		demilHelpState = undefined;
 		try {
 			const missionResult = await demilClient.startMissionByName(mission.name, steamID);
+			demilVersion = !missionResult.IsVersionInRange ? missionResult.Version ?? '<2.1.0' : undefined;
 			if (missionResult.hasOwnProperty('MissingModules')) {
 				missingModules = (missionResult as DeMiL.StartMissionMissingModulesResult).MissingModules.map(mod =>
 					getModule(mod, modules)
 				);
 				demilHelpState = 'MissingModules';
 			} else if (missionResult.hasOwnProperty('MissionModulesCount')) {
-				moduleCountError = missionResult as DeMiL.StartMissionTooManyModulesResult;
-				demilHelpState = 'ModuleCount';
+				let moduleCountError = missionResult as DeMiL.StartMissionTooManyModulesResult;
+				demilErrorMessage = `Failed to start mission. A bomb that can support more modules is required. Current bombs only support up to ${moduleCountError.MaximumSupportedModulesCount} modules, and the mission has ${moduleCountError.MissionModulesCount} modules.`;
+				demilHelpState = 'Error';
+			} else if (missionResult.hasOwnProperty('MissionBombsCount')) {
+				let bombCountError = missionResult as DeMiL.StartMissionTooManyBombsResult;
+				demilErrorMessage = `A room that can support more bombs is required. Current rooms only support up to ${bombCountError.MaximumSupportedBombsCount} bombs, and the mission has ${bombCountError.MissionBombsCount} bombs.`;
+				demilHelpState = 'Error';
 			} else {
 				toast.success(`Started mission ${missionResult.MissionID}`);
 			}
 		} catch (e) {
 			console.error(e);
 			if (e instanceof TypeError) {
-				demilCheckVersionResult = DeMiL.CheckVersionResult.NOT_INSTALLED;
+				demilHelpState = 'NotInstalled';
 			} else if (e instanceof DeMiL.DeMiLError && e.message.match(/Mod with steamID \d+ not found/)) {
 				demilHelpState = 'MissionNotFound';
 			} else if (e instanceof Error) {
-				toast.error(e.message);
+				demilHelpState = 'Error';
+				demilErrorMessage = 'DeMiL threw an error: ' + e.message;
 			}
 		}
 	}
-
-	function pressDemilHelp() {
-		demilHelpState = demilCheckVersionResult;
-	}
-
 	sortBombs(mission, modules);
 
 	type BombFrac = {
@@ -142,18 +145,12 @@
 	function storeView() {
 		wrView.set(byPerc);
 	}
-	let demilCheckVersionResult: DeMiL.CheckVersionResult;
 	if (browser) {
 		byPerc = JSON.parse(localStorage.getItem('mission-pools-view') || JSON.stringify(viewOptions[0]));
 		wrView.subscribe(value => {
 			localStorage.setItem('mission-pools-view', JSON.stringify(value));
 		});
 		storeView();
-
-		demilClient = new DeMiL.DeMiLClient(8095);
-		(async () => {
-			demilCheckVersionResult = await demilClient.checkVersion();
-		})();
 	}
 </script>
 
@@ -176,18 +173,7 @@
 		{#if mission.logfile !== null}
 			<a class="logfile" href={mission.logfile}>Logfile</a>
 		{/if}
-		<button
-			class="start-mission"
-			on:click={startMission}
-			disabled={demilCheckVersionResult !== DeMiL.CheckVersionResult.OK}
-			>{demilCheckVersionResult === DeMiL.CheckVersionResult.OK
-				? 'Start Mission'
-				: demilCheckVersionResult === undefined
-				? '...'
-				: 'Cannot start mission'}</button>
-		{#if demilCheckVersionResult === DeMiL.CheckVersionResult.INVALID_VERSION || demilCheckVersionResult === DeMiL.CheckVersionResult.NOT_INSTALLED}
-			<button on:click={pressDemilHelp}>?</button>
-		{/if}
+		<button class="start-mission" on:click={startMission}>Start Mission</button>
 	</div>
 	{#if hasPermission($page.data.user, Permission.VerifyMission)}
 		<a href={$page.url.href + '/edit'} class="top-right">Edit</a>
@@ -212,51 +198,7 @@
 		{/if}
 	</div>
 {/if}
-{#if typeof demilHelpState !== 'undefined'}
-	<div class="block">
-		{#if demilHelpState === DeMiL.CheckVersionResult.NOT_INSTALLED}
-			<span
-				>You need to install <a
-					href="https://steamcommunity.com/sharedfiles/filedetails/?id=2930718104"
-					target="_blank"
-					rel="noopener noreferrer">DeMiL</a> to start a mission from this webpage.</span>
-		{/if}
-		{#if demilHelpState === DeMiL.CheckVersionResult.INVALID_VERSION}
-			<span
-				>Your <a href="https://steamcommunity.com/sharedfiles/filedetails/?id=2930718104">DeMiL</a> looks outdated.
-				Please try
-				<a href="https://help.steampowered.com/en/faqs/view/0C48-FCBD-DA71-93EB">verifying integrity of game files</a>.
-				If it still doesn't work, please contact t-chen#5876 in KTaNE discord server.</span>
-		{/if}
-		{#if demilHelpState === 'MissionNotFound'}
-			<span
-				>Mission pack is not installed. Download mission pack from <a
-					href="https://steamcommunity.com/sharedfiles/filedetails/?id={steamID}"
-					target="_blank"
-					rel="noopener noreferrer">Steam page</a
-				>.</span>
-		{/if}
-		{#if demilHelpState === 'MissingModules'}
-			<div>Failed to start mission. Missing modules (click to open steam page):</div>
-			<div class="missing-modules">
-				{#each missingModules as mod}
-					<div>
-						<a
-							href="https://steamcommunity.com/sharedfiles/filedetails/?id={mod.SteamID}"
-							target="_blank"
-							rel="noopener noreferrer">{mod.Name}</a>
-					</div>
-				{/each}
-			</div>
-		{/if}
-		{#if demilHelpState === 'ModuleCount'}
-			<span
-				>Failed to start mission. A bomb that can support more modules is required. Current bombs only support up to {moduleCountError.MaximumSupportedModulesCount}
-				modules, and the mission has {moduleCountError.MissionModulesCount}
-				modules.</span>
-		{/if}
-	</div>
-{/if}
+<DeMiLErrorDialog {demilHelpState} {steamID} {missingModules} {demilErrorMessage} {demilVersion} />
 <div class="main-content">
 	<div class="bombs">
 		<div class="block legend-bar flex">
@@ -482,12 +424,4 @@
 		top: var(--gap);
 		right: var(--gap);
 	}
-
-	.missing-modules {
-		display: flex;
-		flex-wrap: wrap;
-	}
-	.missing-modules > div {
-		margin-right: 32px;
-	}
 </style>
diff --git a/src/routes/mission/[...mission]/_DeMiLErrorDialog.svelte b/src/routes/mission/[...mission]/_DeMiLErrorDialog.svelte
new file mode 100644
index 0000000..f23b447
--- /dev/null
+++ b/src/routes/mission/[...mission]/_DeMiLErrorDialog.svelte
@@ -0,0 +1,90 @@
+<script lang="ts">
+	import Dialog from '$lib/controls/Dialog.svelte';
+	import type { RepoModule } from '$lib/repo';
+
+	export let demilHelpState:
+		| 'Error'
+		| 'InvalidVersion'
+		| 'NotInstalled'
+		| 'MissingModules'
+		| 'MissionNotFound'
+		| undefined;
+	export let steamID: string;
+	export let missingModules: RepoModule[];
+	export let demilErrorMessage: string;
+	export let demilVersion: string | undefined;
+
+	let dialog: HTMLDialogElement;
+
+	$: {
+		if (dialog !== undefined) {
+			if (demilHelpState !== undefined) {
+				dialog.showModal();
+			} else {
+				dialog.close();
+			}
+		}
+	}
+</script>
+
+<Dialog bind:dialog>
+	{#if typeof demilHelpState !== 'undefined'}
+		<div class="block">
+			{#if demilHelpState === 'NotInstalled'}
+				<div>
+					You need to install <a
+						href="https://steamcommunity.com/sharedfiles/filedetails/?id=2930718104"
+						target="_blank"
+						rel="noopener noreferrer">DeMiL</a> to start a mission from this webpage and run the game.
+				</div>
+			{/if}
+			{#if demilHelpState === 'MissionNotFound'}
+				<div>
+					Mission pack is not installed. Download mission pack from <a
+						href="https://steamcommunity.com/sharedfiles/filedetails/?id={steamID}"
+						target="_blank"
+						rel="noopener noreferrer">Steam page</a
+					>.
+				</div>
+			{/if}
+			{#if demilHelpState === 'MissingModules'}
+				<div>Failed to start mission. Missing modules (click to open steam page):</div>
+				<div class="missing-modules">
+					{#each missingModules as mod}
+						<div>
+							{#if mod.SteamID !== null}
+								<a
+									href="https://steamcommunity.com/sharedfiles/filedetails/?id={mod.SteamID}"
+									target="_blank"
+									rel="noopener noreferrer">{mod.Name}</a>
+							{:else}
+								{mod.Name}
+							{/if}
+						</div>
+					{/each}
+				</div>
+			{/if}
+			{#if demilHelpState === 'Error'}
+				<div>{demilErrorMessage}</div>
+			{/if}
+			{#if typeof demilVersion === 'string'}
+				<div>
+					Your <a href="https://steamcommunity.com/sharedfiles/filedetails/?id=2930718104">DeMiL</a> looks outdated.
+					(Version: {demilVersion}) Please try
+					<a href="https://help.steampowered.com/en/faqs/view/0C48-FCBD-DA71-93EB">verifying integrity of game files</a
+					>. If it still doesn't work, please contact t-chen#5876 in KTaNE discord server.
+				</div>
+			{/if}
+		</div>
+	{/if}
+</Dialog>
+
+<style>
+	.missing-modules {
+		display: flex;
+		flex-wrap: wrap;
+	}
+	.missing-modules > div {
+		margin-right: 32px;
+	}
+</style>