Add warnings to web ui

packages/lib/src/config/definitions.ts

@@ -3,7 +3,7 @@ import * as classes from "./classes";
 import * as validate from "./validators";
 import type { PluginNodeEnvInfo, PluginWebpackEnvInfo } from "../plugin";
 import { Static } from "@sinclair/typebox";
-import { isTargetVersion } from "../data";
+import { isTargetVersion } from "../data/version";
 
 type configFromJSON<T> = (...args: Parameters<typeof classes.Config.fromJSON>) => T;
 type configFromFile<T> = (...args: Parameters<typeof classes.Config.fromFile>) => Promise<T>;
@@ -574,7 +574,7 @@ export class InstanceConfig extends classes.Config<InstanceConfigFields> {
 			initialValue: 5,
 			extendedValidation: function(value, config) {
 				const factorioSettings = config.get("factorio.settings");
-				const autosaveSlots = factorioSettings.autosave_slot;
+				const autosaveSlots = factorioSettings.autosave_slots;
 				if (typeof autosaveSlots === "number" && value < autosaveSlots) {
 					throw new Error("Value cannot be less than the number of autosave slots");
 				}

packages/lib/src/config/validators.ts

@@ -1,4 +1,4 @@
-import path from "node:path";
+import path from "path";
 
 /** Combine multiple validators into a single one. */
 export function all<V, C> (

packages/web_ui/src/components/BaseConfigTree.tsx

@@ -391,6 +391,18 @@ function computeTreeData(
 					help={errorFields.get(fieldName)}
 					tooltip={def.description}
 					valuePropName={def.type === "boolean" ? "checked" : "value"}
+					rules={[{
+						validator: function(_, fieldValue) {
+							if (def.extendedValidation) {
+								try {
+									def.extendedValidation(fieldValue, config);
+								} catch (err: any) {
+									return Promise.reject(err);
+								}
+							}
+							return Promise.resolve();
+						},
+					}]}
 				>
 					{renderInput(control.inputComponents, def, !canWrite)}
 				</Form.Item>;