dsh-foreman-node 0.1.1 → 0.2.1

package/lib/client.js

@@ -0,0 +1,611 @@
+window.__ModuleLoader__.load({
+	id: "dsh-foreman-node",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		// src/config.ts
+		/** The SSH defaults, spread over whatever the host hands in, so a partial block is still complete. */
+		const SSH_DEFAULTS = {
+			enabled: false,
+			host: "",
+			port: 22,
+			user: "",
+			keyPath: "",
+			remotePort: 8790,
+			localPort: 8790
+		};
+		/** A volatile field arrives wrapped; this reads it either way, so callers do not have to know which. */
+		const valueOf = (field, fallback) => {
+			if (field === void 0) return fallback;
+			if (typeof field === "object" && field !== null && "get" in field && typeof field.get === "function") return field.get();
+			return field;
+		};
+		/**
+		* Unwrap a whole configuration: every field may be a volatile wrapper, a plain value, or absent.
+		*
+		* `Config` already applies defaults, so `apply` sees a complete object. This is for the paths that do not go through
+		* the schema: the configuration page's read, and a `cordis.patch.yml` written before a field existed.
+		*/
+		/**
+		* Unwrap the `ssh` block.
+		*
+		* Its fields are volatile for the same reason the top level is, so each may arrive wrapped. Reading them all through
+		* `valueOf` keeps one unwrapping rule instead of two, and it means a plain partial block (an older patch file) works
+		* just as well as a wrapped one.
+		*/
+		function unwrapSsh(block) {
+			if (block === null || typeof block !== "object") return {};
+			const source = block;
+			return {
+				enabled: valueOf(source["enabled"], SSH_DEFAULTS.enabled),
+				host: valueOf(source["host"], SSH_DEFAULTS.host),
+				port: valueOf(source["port"], SSH_DEFAULTS.port),
+				user: valueOf(source["user"], SSH_DEFAULTS.user),
+				keyPath: valueOf(source["keyPath"], SSH_DEFAULTS.keyPath),
+				remotePort: valueOf(source["remotePort"], SSH_DEFAULTS.remotePort),
+				localPort: valueOf(source["localPort"], SSH_DEFAULTS.localPort)
+			};
+		}
+		function configured(config) {
+			const source = config ?? {};
+			return {
+				url: valueOf(source["url"], ""),
+				deviceId: valueOf(source["deviceId"], ""),
+				token: valueOf(source["token"], ""),
+				roots: valueOf(source["roots"], []),
+				heartbeatMs: valueOf(source["heartbeatMs"], 15e3),
+				reconnectMs: valueOf(source["reconnectMs"], 1e3),
+				ssh: {
+					...SSH_DEFAULTS,
+					...unwrapSsh(source["ssh"])
+				}
+			};
+		}
+		// src/client/page-state.ts
+		/** A key as one line of the picker: the filename and, when it has one, the comment that tells it apart. */
+		function keyLabel(key) {
+			return key.comment === "" ? key.name : `${key.name} · ${key.comment}`;
+		}
+		/**
+		* The address the device will dial, spelled out for the page.
+		*
+		* With the tunnel on this is the local end of it and `url` is not used — which is the point a person most easily
+		* gets wrong, so the page says the address rather than leaving them to infer it.
+		*/
+		function addressPreview(config) {
+			return config.ssh.enabled ? {
+				address: `ws://127.0.0.1:${config.ssh.localPort}`,
+				derived: true
+			} : {
+				address: config.url,
+				derived: false
+			};
+		}
+		/**
+		* The names of the fields that still have to be filled in, in the order the page shows them.
+		*
+		* This mirrors `missingConfiguration` for the page's benefit: the host reports the same thing in one sentence, and a
+		* form that highlights the empty field is the difference between reading a sentence and fixing it.
+		*/
+		function emptyFields(config, tokenPresent = true) {
+			const empty = [];
+			if (config.ssh.enabled) {
+				if (config.ssh.host.trim() === "") empty.push("ssh.host");
+				if (config.ssh.port === 0) empty.push("ssh.port");
+				if (config.ssh.user.trim() === "") empty.push("ssh.user");
+				if (config.ssh.keyPath.trim() === "") empty.push("ssh.keyPath");
+			} else if (config.url.trim() === "") empty.push("url");
+			if (config.deviceId.trim() === "") empty.push("deviceId");
+			if (!tokenPresent) empty.push("token");
+			return empty;
+		}
+		function testMessage(result) {
+			if (result.ok) return "ok";
+			if (/Permission denied \(publickey/.test(result.output)) return "passphrase";
+			if (/Could not resolve hostname/.test(result.output)) return "unresolved";
+			if (/timed out/i.test(result.output)) return "timeout";
+			return result.output.trim() === "" ? "refused" : result.output;
+		}
+		/**
+		* The edits the page sends, one `set` per field it actually holds.
+		*
+		* This is deliberately not one `set` at the root. A root write replaces the whole section, and the page never
+		* receives the token — the host strips it as a secret — so a root write erased the stored token on every save and
+		* left the device unable to authenticate. It did exactly that on a real machine: one save took the device offline.
+		*
+		* Writing only the fields this page holds leaves every other key untouched, the token included. An empty token box
+		* means "keep whatever is stored", and that is one value the page cannot read at all.
+		*/
+		function editsOf(draft) {
+			const edits = [
+				{
+					op: "set",
+					path: ["url"],
+					value: draft.url.trim()
+				},
+				{
+					op: "set",
+					path: ["deviceId"],
+					value: draft.deviceId.trim()
+				},
+				{
+					op: "set",
+					path: ["roots"],
+					value: draft.roots.map((root) => ({
+						project: root.project.trim(),
+						path: root.path.trim()
+					}))
+				}
+			];
+			for (const key of [
+				"enabled",
+				"host",
+				"port",
+				"user",
+				"keyPath",
+				"remotePort",
+				"localPort"
+			]) {
+				const value = draft.ssh[key];
+				edits.push({
+					op: "set",
+					path: ["ssh", key],
+					value: typeof value === "string" ? value.trim() : value
+				});
+			}
+			const token = typeof draft.token === "string" ? draft.token.trim() : "";
+			if (token !== "") edits.push({
+				op: "set",
+				path: ["token"],
+				value: token
+			});
+			return edits;
+		}
+		/** The SSH block a fresh page starts from, matching the schema's defaults so an untouched field is not a change. */
+		const DEFAULT_SSH = {
+			enabled: false,
+			host: "",
+			port: 22,
+			user: "",
+			keyPath: "",
+			remotePort: 8790,
+			localPort: 8790
+		};
+		// src/client/locales.ts
+		/** The device page's own words; the host renders them through its locale service. */
+		const zh = {
+			title: "设备连接",
+			intro: "这台机器用自己的密钥连上枢纽，隧道也由它自己开。填完保存后重启一次 DSH 生效。",
+			keysSection: "密钥",
+			keysHint: "从这台机器 ~/.ssh 里的密钥中挑一把。枢纽只认公钥，私钥不离开这里。",
+			keysEmpty: "~/.ssh 里没有可用的密钥（需要私钥和同名的 .pub 一起在）。",
+			keysUnavailable: "读不到密钥列表：配置页需要 DSH 的 Web 界面。",
+			keyPath: "私钥路径",
+			sshSection: "SSH",
+			sshEnabled: "走 SSH 隧道",
+			sshEnabledHint: "枢纽只监听 127.0.0.1，所以别的机器要连它就得走隧道。关掉表示枢纽地址本身可达。",
+			host: "枢纽机器",
+			port: "SSH 端口",
+			user: "SSH 用户",
+			remotePort: "枢纽端口",
+			localPort: "本机端口",
+			test: "测试连接",
+			testing: "测试中…",
+			testPassphrase: "这台机器拒绝了这把钥匙。如果它有口令，请改用 ssh-agent，或换一把没有口令的。",
+			testUnresolved: "找不到这台枢纽机器，检查主机名。",
+			testTimeout: "超时了，网络不通或被防火墙挡住。",
+			testRefused: "连不上。",
+			testOk: "连上了。",
+			hubSection: "枢纽",
+			address: "设备将连接的地址",
+			addressDerived: "（由隧道推导，上面的地址不用于连接）",
+			deviceId: "设备 id",
+			token: "令牌",
+			tokenHint: "在枢纽的「设置 › 设备」里登记设备时得到，只显示那一次。",
+			tokenStored: "留空即保留已存的令牌",
+			tokenKeep: "已存的令牌不会显示在这里。留空表示不动它；只有要换一个时才需要填。",
+			rootsSection: "项目路径",
+			rootsHint: "枢纽把工单派到项目名；这里的路径是它在您这台机器上的位置。",
+			addRoot: "加一个项目",
+			project: "项目名",
+			path: "本机路径",
+			save: "保存",
+			saved: "已保存，重启 DSH 后生效。",
+			saveFailed: "保存失败。",
+			readOnly: "这个宿主不提供配置写入，请手工编辑 profile 的 cordis.patch.yml。",
+			loading: "读取配置…",
+			missing: "还需要填："
+		};
+		const en = {
+			title: "Device connection",
+			intro: "This machine reaches the hub with its own key and opens its own tunnel. Save, then restart DSH once.",
+			keysSection: "Key",
+			keysHint: "Pick one of the keys in this machine's ~/.ssh. The hub only ever sees the public half.",
+			keysEmpty: "No usable key in ~/.ssh: a private key needs its .pub beside it.",
+			keysUnavailable: "The key list needs the DSH web interface.",
+			keyPath: "Private key",
+			sshSection: "SSH",
+			sshEnabled: "Reach the hub through an SSH tunnel",
+			sshEnabledHint: "The hub listens on 127.0.0.1 only, so another machine reaches it through a tunnel. Off means the hub address is already reachable.",
+			host: "Hub machine",
+			port: "SSH port",
+			user: "SSH user",
+			remotePort: "Hub port",
+			localPort: "Local port",
+			test: "Test connection",
+			testing: "Testing…",
+			testPassphrase: "This machine refused the key. If it has a passphrase, use ssh-agent or pick one without.",
+			testUnresolved: "The hub machine does not resolve; check the host name.",
+			testTimeout: "Timed out: the network is blocked or unreachable.",
+			testRefused: "Could not connect.",
+			testOk: "Connected.",
+			hubSection: "Hub",
+			address: "The address this device will dial",
+			addressDerived: " (derived from the tunnel; the address above is not used)",
+			deviceId: "Device id",
+			token: "Token",
+			tokenHint: "Shown once when the device was registered, on the hub's Settings › Devices.",
+			tokenStored: "leave empty to keep the stored token",
+			tokenKeep: "The stored token is never shown here. Leave this empty to keep it; type a new one only to replace it.",
+			rootsSection: "Project paths",
+			rootsHint: "The hub assigns work by project name; this is where that project lives on this machine.",
+			addRoot: "Add a project",
+			path: "Local path",
+			project: "Project",
+			save: "Save",
+			saved: "Saved. Restart DSH for it to take effect.",
+			saveFailed: "Could not save.",
+			readOnly: "This host does not accept configuration writes; edit the profile's cordis.patch.yml by hand.",
+			loading: "Reading configuration…",
+			missing: "Still needed: "
+		};
+		// src/client/index.tsx
+		/**
+		* The device's configuration page, mounted in the DSH Plugin Manager.
+		*
+		* It does two things the page alone cannot: it lists the keys this machine has (through the device's own route, because
+		* a browser cannot read `~/.ssh`) and it tests one authentication (also through the device, because a browser cannot
+		* start ssh). Everything it *writes* goes through DSH's own configuration form, so the saved values land in the
+		* profile's patch exactly as if they had been typed there by hand.
+		*/
+		/** The prefix the device's own routes answer under. */
+		const API = "/foreman-node/api";
+		/** Fetches a key list or runs one test; both need the marker header the device's same-origin check looks for. */
+		async function ask(path, init) {
+			const response = await fetch(new URL(`${API}/${path}`, window.location.href), {
+				...init,
+				headers: {
+					"x-orchestrator-request": "1",
+					...init?.body === void 0 ? {} : { "content-type": "application/json" },
+					...init?.headers
+				}
+			});
+			if (!response.ok) throw new Error(`the device answered ${response.status}`);
+			return await response.json();
+		}
+		const inject = ["locale", "slots"];
+		const name = "dsh-foreman-node";
+		/** The locale namespace this page registers its dictionaries under. */
+		const NS = "dshNode";
+		/**
+		* The page itself. `t` comes from the host's locale service, like every other plugin's page.
+		*
+		* `initialKeys` and `keysFailed` exist so a test can render a page without a network or a web server. Production never
+		* passes them, so the page fetches as it otherwise would — they change nothing about how it behaves.
+		*/
+		function DevicePage({ form, t, initialKeys, keysFailed: prefailed }) {
+			const saved = form?.state.value === void 0 ? void 0 : configured(form.state.value);
+			const editable = form?.state.status === "ready" && form.state.writable;
+			const [draft, setDraft] = (0, react.useState)(() => saved === void 0 ? void 0 : {
+				...saved,
+				token: "",
+				ssh: {
+					...DEFAULT_SSH,
+					...saved.ssh
+				}
+			});
+			const keepsToken = saved !== void 0;
+			const [keys, setKeys] = (0, react.useState)(initialKeys === void 0 ? void 0 : [...initialKeys]);
+			const [keysFailed, setKeysFailed] = (0, react.useState)(prefailed === true);
+			const [tested, setTested] = (0, react.useState)();
+			const [testing, setTesting] = (0, react.useState)(false);
+			const [notice, setNotice] = (0, react.useState)();
+			(0, react.useEffect)(() => {
+				if (saved !== void 0) setDraft((current) => current ?? {
+					...saved,
+					ssh: {
+						...DEFAULT_SSH,
+						...saved.ssh
+					}
+				});
+			}, [saved]);
+			(0, react.useEffect)(() => {
+				if (initialKeys !== void 0 || prefailed === true) return;
+				ask("keys").then((answer) => setKeys(answer.keys), () => setKeysFailed(true));
+			}, [initialKeys, prefailed]);
+			const patch = (change) => setDraft((current) => current === void 0 ? current : {
+				...current,
+				...change
+			});
+			const patchSsh = (change) => setDraft((current) => current === void 0 ? current : {
+				...current,
+				ssh: {
+					...current.ssh,
+					...change
+				}
+			});
+			const test = async () => {
+				if (draft === void 0) return;
+				setTesting(true);
+				setTested(void 0);
+				try {
+					setTested(await ask("test", {
+						method: "POST",
+						body: JSON.stringify({
+							host: draft.ssh.host.trim(),
+							port: draft.ssh.port,
+							user: draft.ssh.user.trim(),
+							keyPath: draft.ssh.keyPath.trim()
+						})
+					}));
+				} catch (error) {
+					setTested({
+						ok: false,
+						output: String(error)
+					});
+				} finally {
+					setTesting(false);
+				}
+			};
+			const save = async () => {
+				if (draft === void 0 || form === void 0) return;
+				setNotice(void 0);
+				try {
+					const ok = await form.mutate(editsOf(draft), form.state.revision);
+					setNotice(ok ? t("saved") : t("saveFailed"));
+				} catch {
+					setNotice(t("saveFailed"));
+				}
+			};
+			if (draft === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				"data-foreman-node-page": "loading",
+				children: t("loading")
+			});
+			const address = addressPreview(draft);
+			const missing = emptyFields(draft, keepsToken);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				"data-foreman-node-page": "ready",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: t("title") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dt-hint",
+						children: t("intro")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						"data-section": "keys",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("keysSection") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dt-hint",
+								children: t("keysHint")
+							}),
+							keysFailed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								"data-keys": "unavailable",
+								children: t("keysUnavailable")
+							}) : keys === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("loading") }) : keys.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								"data-keys": "empty",
+								children: t("keysEmpty")
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								"aria-label": t("keysSection"),
+								"data-node-key": true,
+								value: draft.ssh.keyPath,
+								onChange: (event) => patchSsh({ keyPath: event.target.value }),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "",
+									children: "—"
+								}), keys.map((key) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: key.path,
+									children: keyLabel(key)
+								}, key.path))]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("keyPath"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								"data-node-key-path": true,
+								value: draft.ssh.keyPath,
+								disabled: !editable,
+								onChange: (event) => patchSsh({ keyPath: event.target.value })
+							})] })
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						"data-section": "ssh",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("sshSection") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "checkbox",
+								"data-node-ssh-enabled": true,
+								checked: draft.ssh.enabled,
+								disabled: !editable,
+								onChange: (event) => patchSsh({ enabled: event.target.checked })
+							}), t("sshEnabled")] }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dt-hint",
+								children: t("sshEnabledHint")
+							}),
+							draft.ssh.enabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("host"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									"data-node-host": true,
+									value: draft.ssh.host,
+									disabled: !editable,
+									onChange: (event) => patchSsh({ host: event.target.value })
+								})] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("port"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "number",
+									"data-node-port": true,
+									value: draft.ssh.port,
+									disabled: !editable,
+									onChange: (event) => patchSsh({ port: Number(event.target.value) || DEFAULT_SSH.port })
+								})] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("user"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									"data-node-user": true,
+									value: draft.ssh.user,
+									disabled: !editable,
+									onChange: (event) => patchSsh({ user: event.target.value })
+								})] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("remotePort"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "number",
+									"data-node-remote-port": true,
+									value: draft.ssh.remotePort,
+									disabled: !editable,
+									onChange: (event) => patchSsh({ remotePort: Number(event.target.value) || DEFAULT_SSH.remotePort })
+								})] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("localPort"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "number",
+									"data-node-local-port": true,
+									value: draft.ssh.localPort,
+									disabled: !editable,
+									onChange: (event) => patchSsh({ localPort: Number(event.target.value) || DEFAULT_SSH.localPort })
+								})] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									"data-node-test": true,
+									"data-testing": testing ? "true" : void 0,
+									disabled: !draft.ssh.host.trim() || !draft.ssh.user.trim() || !draft.ssh.keyPath.trim(),
+									onClick: () => {
+										test();
+									},
+									children: testing ? t("testing") : t("test")
+								}),
+								tested !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									"data-test-result": testMessage(tested),
+									children: tested.ok ? t("testOk") : testMessage(tested) === "passphrase" ? t("testPassphrase") : testMessage(tested) === "unresolved" ? t("testUnresolved") : testMessage(tested) === "timeout" ? t("testTimeout") : `${t("testRefused")} ${tested.output}`
+								})
+							] })
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						"data-section": "hub",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("hubSection") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("address"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								"data-node-url": true,
+								value: address.address,
+								readOnly: address.derived,
+								disabled: !editable || address.derived,
+								onChange: (event) => patch({ url: event.target.value })
+							})] }),
+							address.derived && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dt-hint",
+								children: t("addressDerived")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("deviceId"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								"data-node-device": true,
+								value: draft.deviceId,
+								disabled: !editable,
+								onChange: (event) => patch({ deviceId: event.target.value })
+							})] }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("token"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "password",
+								"data-node-token": true,
+								value: draft.token,
+								disabled: !editable,
+								autoComplete: "new-password",
+								placeholder: keepsToken ? t("tokenStored") : "",
+								onChange: (event) => patch({ token: event.target.value })
+							})] }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dt-hint",
+								children: keepsToken ? t("tokenKeep") : t("tokenHint")
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						"data-section": "roots",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("rootsSection") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dt-hint",
+								children: t("rootsHint")
+							}),
+							draft.roots.map((root, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								"data-root": index,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("project"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									value: root.project,
+									disabled: !editable,
+									onChange: (event) => patch({ roots: draft.roots.map((item, at) => at === index ? {
+										...item,
+										project: event.target.value
+									} : item) })
+								})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("path"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									value: root.path,
+									disabled: !editable,
+									onChange: (event) => patch({ roots: draft.roots.map((item, at) => at === index ? {
+										...item,
+										path: event.target.value
+									} : item) })
+								})] })]
+							}, index)),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								disabled: !editable,
+								onClick: () => patch({ roots: [...draft.roots, {
+									project: "",
+									path: ""
+								}] }),
+								children: t("addRoot")
+							})
+						]
+					}),
+					missing.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						"data-missing": "true",
+						children: [t("missing"), missing.join(", ")]
+					}),
+					editable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						"data-node-save": true,
+						onClick: () => {
+							save();
+						},
+						children: t("save")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						"data-read-only": "true",
+						children: t("readOnly")
+					}),
+					notice !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						"data-notice": true,
+						children: notice
+					})
+				]
+			});
+		}
+		function Mounted({ t, view, form = void 0 }) {
+			return view === "summary" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DevicePage, {
+				t,
+				form
+			});
+		}
+		/** Registers the page for the `dsh-foreman-node` row. */
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "dsh-foreman-node: dictionaries");
+			const t = ctx.locale.bind(NS);
+			ctx.slots.inject("plugins.row.config", () => ctx.slots.register({
+				name: "plugins.row.config",
+				key: "dsh-foreman-node#dsh-foreman-node",
+				locale: NS
+			}, (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Mounted, {
+				...props,
+				t: props.t ?? t
+			})));
+		}
+		exports.DevicePage = DevicePage;
+		exports.apply = apply;
+		exports.inject = inject;
+		exports.name = name;
+		return module.exports;
+	}
+});