dsh-mobile 0.1.0-alpha.1

package/lib/cli.js

@@ -0,0 +1,202 @@
+#!/usr/bin/env node
+import { X509Certificate } from "node:crypto";
+import { chmod, mkdir, readFile, rm, writeFile } from "node:fs/promises";
+import { homedir, networkInterfaces } from "node:os";
+import { join, resolve } from "node:path";
+import { generate } from "selfsigned";
+//#region src/cli.ts
+function privateIpv4(value) {
+	const parts = value.split(".").map(Number);
+	return parts.length === 4 && parts.every((part) => Number.isInteger(part) && part >= 0 && part <= 255) && (parts[0] === 10 || parts[0] === 172 && parts[1] >= 16 && parts[1] <= 31 || parts[0] === 192 && parts[1] === 168);
+}
+function networkCidr(address, cidr) {
+	const prefix = Number(cidr.slice(cidr.lastIndexOf("/") + 1));
+	const network = (address.split(".").reduce((total, part) => (total << 8 | Number(part)) >>> 0, 0) & (prefix === 0 ? 0 : 4294967295 << 32 - prefix >>> 0)) >>> 0;
+	return `${[
+		24,
+		16,
+		8,
+		0
+	].map((shift) => network >>> shift & 255).join(".")}/${String(prefix)}`;
+}
+function availableAddresses() {
+	const candidates = Object.values(networkInterfaces()).flatMap((entries) => entries ?? []).filter((entry) => entry.family === "IPv4" && !entry.internal && privateIpv4(entry.address) && entry.cidr !== null).map((entry) => ({
+		address: entry.address,
+		cidr: networkCidr(entry.address, entry.cidr)
+	}));
+	return [...new Map(candidates.map((entry) => [entry.address, entry])).values()];
+}
+function parseOptions(args) {
+	let address;
+	let port = 3443;
+	let dshPort = 3080;
+	for (let index = 0; index < args.length; index += 1) {
+		const name = args[index];
+		const value = args[index + 1];
+		if (name === "--address" && value !== void 0) {
+			address = value;
+			index += 1;
+			continue;
+		}
+		if (name === "--port" && value !== void 0) {
+			port = Number(value);
+			index += 1;
+			continue;
+		}
+		if (name === "--dsh-port" && value !== void 0) {
+			dshPort = Number(value);
+			index += 1;
+			continue;
+		}
+		throw new Error(`unknown setup option: ${name ?? ""}`);
+	}
+	if (!Number.isSafeInteger(port) || port < 1024 || port > 65535) throw new Error("--port must be from 1024 through 65535");
+	if (!Number.isSafeInteger(dshPort) || dshPort < 1024 || dshPort > 65535) throw new Error("--dsh-port must be from 1024 through 65535");
+	if (address !== void 0 && !privateIpv4(address)) throw new Error("--address must be a private IPv4 address");
+	return {
+		...address === void 0 ? {} : { address },
+		port,
+		dshPort
+	};
+}
+function selectNetwork(requested) {
+	const candidates = availableAddresses();
+	if (requested !== void 0) {
+		const match = candidates.find((candidate) => candidate.address === requested);
+		if (match === void 0) throw new Error(`--address ${requested} is not an active private LAN address`);
+		return match;
+	}
+	if (candidates.length === 1) return candidates[0];
+	if (candidates.length === 0) throw new Error("no active private LAN address was found; connect to Wi-Fi or Ethernet");
+	throw new Error(`more than one LAN address is active; rerun with --address and one of: ${candidates.map((entry) => entry.address).join(", ")}`);
+}
+function dshHome() {
+	return resolve(process.env.DSH_HOME ?? join(homedir(), ".dsh"));
+}
+async function setup(args) {
+	const options = parseOptions(args);
+	const network = selectNetwork(options.address);
+	const home = dshHome();
+	const directory = join(home, "mobile-access");
+	const tls = join(directory, "tls");
+	await mkdir(tls, {
+		recursive: true,
+		mode: 448
+	});
+	const now = /* @__PURE__ */ new Date();
+	const notAfter = new Date(now);
+	notAfter.setDate(notAfter.getDate() + 397);
+	const certificate = await generate([{
+		name: "commonName",
+		value: network.address
+	}], {
+		keyType: "ec",
+		curve: "P-256",
+		algorithm: "sha256",
+		notBeforeDate: /* @__PURE__ */ new Date(now.getTime() - 3e5),
+		notAfterDate: notAfter,
+		extensions: [
+			{
+				name: "basicConstraints",
+				cA: true,
+				critical: true
+			},
+			{
+				name: "keyUsage",
+				digitalSignature: true,
+				keyCertSign: true,
+				cRLSign: true,
+				critical: true
+			},
+			{
+				name: "extKeyUsage",
+				serverAuth: true
+			},
+			{
+				name: "subjectAltName",
+				altNames: [{
+					type: 7,
+					ip: network.address
+				}]
+			}
+		]
+	});
+	const certFile = join(tls, "cert.pem");
+	const keyFile = join(tls, "key.pem");
+	const androidCertificate = join(tls, "dsh-mobile-ca.cer");
+	await Promise.all([
+		writeFile(certFile, certificate.cert, { mode: 384 }),
+		writeFile(keyFile, certificate.private, { mode: 384 }),
+		writeFile(androidCertificate, new X509Certificate(certificate.cert).raw, { mode: 384 })
+	]);
+	await Promise.all([
+		chmod(certFile, 384),
+		chmod(keyFile, 384),
+		chmod(androidCertificate, 384)
+	]);
+	const customCss = join(directory, "mobile.css");
+	try {
+		await readFile(customCss);
+	} catch (error) {
+		if (error.code !== "ENOENT") throw error;
+		await writeFile(customCss, [
+			"/* Safe mobile overrides. Edit these values, then refresh the phone. */",
+			":root {",
+			"  --dsh-mobile-accent: #2563eb;",
+			"  --dsh-mobile-font-scale: 1;",
+			"  --dsh-mobile-radius: 14px;",
+			"}",
+			""
+		].join("\n"), { mode: 384 });
+	}
+	const origin = `https://${network.address}:${String(options.port)}`;
+	await Promise.all([writeFile(join(directory, "setup.json"), `${JSON.stringify({
+		version: 1,
+		publicOrigin: origin,
+		listenHost: network.address,
+		upstreamOrigin: `http://127.0.0.1:${String(options.dshPort)}`,
+		allowedCidrs: [network.cidr],
+		tls: {
+			mode: "provided",
+			certFile: certFile.replaceAll("\\", "/"),
+			keyFile: keyFile.replaceAll("\\", "/")
+		}
+	}, null, 2)}\n`, { mode: 384 }), writeFile(join(directory, "control.json"), "{\"version\":1,\"enabled\":true}\n", { mode: 384 })]);
+	console.log(`DSH Mobile is configured for ${origin}`);
+	console.log(`Install this certificate on Android before connecting: ${androidCertificate}`);
+	console.log("Start DSH with: dsh --profile web");
+	console.log("Then open the Mobile card in the lower-left corner and create a pairing link.");
+}
+async function purge(args) {
+	if (args.length !== 1 || args[0] !== "--yes") throw new Error("purge requires --yes");
+	const home = dshHome();
+	await rm(join(home, "mobile-access"), {
+		recursive: true,
+		force: true
+	});
+	console.log("Removed DSH Mobile certificates, devices, preferences, and custom CSS.");
+}
+function help() {
+	console.log([
+		"dsh-mobile setup [--address 192.168.x.x] [--port 3443] [--dsh-port 3080]",
+		"dsh-mobile purge --yes",
+		"",
+		"Run through the DSH profile:",
+		"  dsh plugin --profile web exec dsh-mobile setup"
+	].join("\n"));
+}
+async function main() {
+	const [command = "help", ...args] = process.argv.slice(2);
+	if (command === "setup") await setup(args);
+	else if (command === "purge") await purge(args);
+	else if (command === "help" || command === "--help" || command === "-h") help();
+	else throw new Error(`unknown command: ${command}`);
+}
+main().catch((error) => {
+	console.error(error instanceof Error ? error.message : String(error));
+	process.exitCode = 1;
+});
+//#endregion
+export {};
+
+//# sourceMappingURL=cli.js.map

package/lib/client.js

@@ -0,0 +1,212 @@
+window.__ModuleLoader__.load({
+	id: "dsh-mobile",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		//#region src/client.ts
+		const BASE_STYLES = `
+@media (max-width: 720px) {
+  :root {
+    --dsh-mobile-accent: #2563eb;
+    --dsh-mobile-font-scale: 1;
+    --dsh-mobile-radius: 14px;
+  }
+  html { font-size: calc(16px * var(--dsh-mobile-font-scale)); }
+  body { overscroll-behavior: none; }
+  button, [role='button'], input, textarea, select { min-height: 44px; }
+  input, textarea, select { font-size: 16px !important; }
+  [data-sidebar-collapsed] {
+    padding-top: env(safe-area-inset-top);
+    padding-right: env(safe-area-inset-right);
+    padding-bottom: env(safe-area-inset-bottom);
+    padding-left: env(safe-area-inset-left);
+  }
+  [data-shell-overlay] { inset: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
+  * { -webkit-tap-highlight-color: transparent; }
+}
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
+}
+.dsh-mobile-control {
+  position: fixed;
+  left: 68px;
+  bottom: 12px;
+  z-index: 90;
+  color: #172554;
+  font: 14px/1.45 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+}
+.dsh-mobile-control button {
+  min-width: 44px;
+  min-height: 44px;
+  border: 1px solid #bfdbfe;
+  border-radius: 12px;
+  background: #fff;
+  color: #1e3a8a;
+  cursor: pointer;
+}
+.dsh-mobile-control__trigger {
+  width: 100%;
+  min-width: 44px;
+  min-height: 44px;
+  padding: 0 12px;
+  border: 0;
+  border-radius: 10px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-weight: 700;
+  cursor: pointer;
+}
+.dsh-mobile-control__trigger:hover { background: rgb(37 99 235 / 8%); }
+.dsh-mobile-control__panel {
+  width: min(320px, calc(100vw - 24px));
+  margin-bottom: 8px;
+  padding: 16px;
+  border: 1px solid #dbeafe;
+  border-radius: 16px;
+  background: #fff;
+  box-shadow: 0 10px 30px rgb(15 23 42 / 12%);
+}
+.dsh-mobile-control__title { margin: 0 0 4px; font-size: 16px; font-weight: 800; }
+.dsh-mobile-control__status { margin: 0 0 14px; color: #475569; overflow-wrap: anywhere; }
+.dsh-mobile-control__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
+.dsh-mobile-control__actions button[data-primary='true'] { background: #2563eb; border-color: #2563eb; color: #fff; }
+.dsh-mobile-control[hidden], .dsh-mobile-control__panel[hidden] { display: none; }
+`;
+		function isLoopbackHost(hostname) {
+			return hostname === "localhost" || hostname === "127.0.0.1" || hostname === "[::1]" || hostname === "::1";
+		}
+		function element(name, className) {
+			const node = document.createElement(name);
+			if (className !== void 0) node.className = className;
+			return node;
+		}
+		async function requestJson(path, init) {
+			const response = await fetch(path, {
+				...init,
+				headers: {
+					"content-type": "application/json",
+					...init?.headers
+				}
+			});
+			const body = await response.json();
+			if (!response.ok) throw new Error(typeof body.error === "string" ? body.error : `HTTP ${String(response.status)}`);
+			return body;
+		}
+		function installControl() {
+			const zh = navigator.language.toLowerCase().startsWith("zh");
+			const root = element("div", "dsh-mobile-control");
+			const panel = element("section", "dsh-mobile-control__panel");
+			panel.hidden = true;
+			const title = element("h2", "dsh-mobile-control__title");
+			title.textContent = zh ? "移动访问" : "Mobile access";
+			const status = element("p", "dsh-mobile-control__status");
+			status.textContent = zh ? "正在读取状态…" : "Reading status…";
+			const actions = element("div", "dsh-mobile-control__actions");
+			const toggle = element("button");
+			toggle.dataset.primary = "true";
+			const pair = element("button");
+			pair.textContent = zh ? "生成配对链接" : "Create pairing link";
+			actions.append(toggle, pair);
+			panel.append(title, status, actions);
+			root.append(panel);
+			document.body.append(root);
+			let running = false;
+			const render = (data) => {
+				running = data.running === true;
+				const origin = typeof data.origin === "string" ? data.origin : void 0;
+				status.textContent = running ? zh ? `已开启：${origin ?? ""}` : `Running: ${origin ?? ""}` : zh ? "已关闭。DSH 仍只在本机可用。" : "Stopped. DSH remains local-only.";
+				toggle.textContent = running ? zh ? "关闭" : "Stop" : zh ? "开启" : "Start";
+				pair.disabled = !running;
+			};
+			const refresh = async () => {
+				try {
+					render(await requestJson("/api/mobile-access/control"));
+				} catch (error) {
+					status.textContent = error instanceof Error ? error.message : String(error);
+				}
+			};
+			toggle.addEventListener("click", () => {
+				toggle.disabled = true;
+				requestJson("/api/mobile-access/control", {
+					method: "POST",
+					body: JSON.stringify({ running: !running })
+				}).then(render, (error) => {
+					status.textContent = error instanceof Error ? error.message : String(error);
+				}).finally(() => {
+					toggle.disabled = false;
+				});
+			});
+			pair.addEventListener("click", () => {
+				pair.disabled = true;
+				requestJson("/api/mobile-access/pairing/open", {
+					method: "POST",
+					body: "{}"
+				}).then(async (data) => {
+					const url = typeof data.pairUrl === "string" ? data.pairUrl : "";
+					if (url !== "" && navigator.clipboard !== void 0) await navigator.clipboard.writeText(url);
+					status.textContent = url === "" ? zh ? "无法生成链接" : "Could not create link" : zh ? `链接已复制：${url}` : `Copied: ${url}`;
+				}, (error) => {
+					status.textContent = error instanceof Error ? error.message : String(error);
+				}).finally(() => {
+					pair.disabled = !running;
+				});
+			});
+			refresh();
+			return {
+				remove: () => {
+					root.remove();
+				},
+				toggle: () => {
+					panel.hidden = !panel.hidden;
+				}
+			};
+		}
+		/** Install the responsive mobile layer and the loopback-only control card. */
+		function apply(ctx) {
+			ctx.effect(() => {
+				const style = document.createElement("style");
+				style.dataset.plugin = "dsh-mobile";
+				style.textContent = BASE_STYLES;
+				document.head.append(style);
+				const loopback = isLoopbackHost(location.hostname);
+				const custom = loopback ? void 0 : document.createElement("link");
+				if (custom !== void 0) {
+					custom.rel = "stylesheet";
+					custom.href = "/mobile-access/custom.css";
+					custom.dataset.plugin = "dsh-mobile";
+					document.head.append(custom);
+				}
+				const control = loopback ? installControl() : void 0;
+				const disposeSlot = control === void 0 ? void 0 : ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register({
+					name: "sidebar.footer.action",
+					id: "dsh-mobile"
+				}, ({ wide }) => (0, react.createElement)("button", {
+					className: "dsh-mobile-control__trigger",
+					type: "button",
+					title: controlLabel(),
+					onClick: control.toggle
+				}, wide ? controlLabel() : "M")));
+				return () => {
+					disposeSlot?.();
+					control?.remove();
+					custom?.remove();
+					style.remove();
+				};
+			}, "dsh-mobile: responsive UI and local control");
+		}
+		/** Client face has no service prerequisites. */
+		const inject = ["slots"];
+		function controlLabel() {
+			return navigator.language.toLowerCase().startsWith("zh") ? "移动端" : "Mobile access";
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map

package/lib/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","names":["createElement"],"sources":["../src/client.ts"],"sourcesContent":["import { createElement } from 'react'\n\ninterface ClientContext {\n  effect(effect: () => void | (() => void), label?: string): void\n  slots: {\n    inject(key: string, callback: () => (() => void)): () => void\n    register(options: { name: string; id: string }, component: (props: { wide: boolean }) => unknown): () => void\n  }\n}\n\nconst MOBILE_QUERY = '(max-width: 720px)'\n\nconst BASE_STYLES = `\n@media ${MOBILE_QUERY} {\n  :root {\n    --dsh-mobile-accent: #2563eb;\n    --dsh-mobile-font-scale: 1;\n    --dsh-mobile-radius: 14px;\n  }\n  html { font-size: calc(16px * var(--dsh-mobile-font-scale)); }\n  body { overscroll-behavior: none; }\n  button, [role='button'], input, textarea, select { min-height: 44px; }\n  input, textarea, select { font-size: 16px !important; }\n  [data-sidebar-collapsed] {\n    padding-top: env(safe-area-inset-top);\n    padding-right: env(safe-area-inset-right);\n    padding-bottom: env(safe-area-inset-bottom);\n    padding-left: env(safe-area-inset-left);\n  }\n  [data-shell-overlay] { inset: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }\n  * { -webkit-tap-highlight-color: transparent; }\n}\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }\n}\n.dsh-mobile-control {\n  position: fixed;\n  left: 68px;\n  bottom: 12px;\n  z-index: 90;\n  color: #172554;\n  font: 14px/1.45 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}\n.dsh-mobile-control button {\n  min-width: 44px;\n  min-height: 44px;\n  border: 1px solid #bfdbfe;\n  border-radius: 12px;\n  background: #fff;\n  color: #1e3a8a;\n  cursor: pointer;\n}\n.dsh-mobile-control__trigger {\n  width: 100%;\n  min-width: 44px;\n  min-height: 44px;\n  padding: 0 12px;\n  border: 0;\n  border-radius: 10px;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  font-weight: 700;\n  cursor: pointer;\n}\n.dsh-mobile-control__trigger:hover { background: rgb(37 99 235 / 8%); }\n.dsh-mobile-control__panel {\n  width: min(320px, calc(100vw - 24px));\n  margin-bottom: 8px;\n  padding: 16px;\n  border: 1px solid #dbeafe;\n  border-radius: 16px;\n  background: #fff;\n  box-shadow: 0 10px 30px rgb(15 23 42 / 12%);\n}\n.dsh-mobile-control__title { margin: 0 0 4px; font-size: 16px; font-weight: 800; }\n.dsh-mobile-control__status { margin: 0 0 14px; color: #475569; overflow-wrap: anywhere; }\n.dsh-mobile-control__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }\n.dsh-mobile-control__actions button[data-primary='true'] { background: #2563eb; border-color: #2563eb; color: #fff; }\n.dsh-mobile-control[hidden], .dsh-mobile-control__panel[hidden] { display: none; }\n`\n\nfunction isLoopbackHost(hostname: string): boolean {\n  return hostname === 'localhost' || hostname === '127.0.0.1' || hostname === '[::1]' || hostname === '::1'\n}\n\nfunction element<K extends keyof HTMLElementTagNameMap>(name: K, className?: string): HTMLElementTagNameMap[K] {\n  const node = document.createElement(name)\n  if (className !== undefined) node.className = className\n  return node\n}\n\nasync function requestJson(path: string, init?: RequestInit): Promise<Record<string, unknown>> {\n  const response = await fetch(path, {\n    ...init,\n    headers: { 'content-type': 'application/json', ...init?.headers },\n  })\n  const body = await response.json() as Record<string, unknown>\n  if (!response.ok) throw new Error(typeof body.error === 'string' ? body.error : `HTTP ${String(response.status)}`)\n  return body\n}\n\nfunction installControl(): { remove: () => void; toggle: () => void } {\n  const zh = navigator.language.toLowerCase().startsWith('zh')\n  const root = element('div', 'dsh-mobile-control')\n  const panel = element('section', 'dsh-mobile-control__panel')\n  panel.hidden = true\n  const title = element('h2', 'dsh-mobile-control__title')\n  title.textContent = zh ? '移动访问' : 'Mobile access'\n  const status = element('p', 'dsh-mobile-control__status')\n  status.textContent = zh ? '正在读取状态…' : 'Reading status…'\n  const actions = element('div', 'dsh-mobile-control__actions')\n  const toggle = element('button')\n  toggle.dataset.primary = 'true'\n  const pair = element('button')\n  pair.textContent = zh ? '生成配对链接' : 'Create pairing link'\n  actions.append(toggle, pair)\n  panel.append(title, status, actions)\n  root.append(panel)\n  document.body.append(root)\n\n  let running = false\n  const render = (data: Record<string, unknown>): void => {\n    running = data.running === true\n    const origin = typeof data.origin === 'string' ? data.origin : undefined\n    status.textContent = running\n      ? (zh ? `已开启：${origin ?? ''}` : `Running: ${origin ?? ''}`)\n      : (zh ? '已关闭。DSH 仍只在本机可用。' : 'Stopped. DSH remains local-only.')\n    toggle.textContent = running ? (zh ? '关闭' : 'Stop') : (zh ? '开启' : 'Start')\n    pair.disabled = !running\n  }\n  const refresh = async (): Promise<void> => {\n    try { render(await requestJson('/api/mobile-access/control')) }\n    catch (error) { status.textContent = error instanceof Error ? error.message : String(error) }\n  }\n  toggle.addEventListener('click', () => {\n    toggle.disabled = true\n    void requestJson('/api/mobile-access/control', {\n      method: 'POST',\n      body: JSON.stringify({ running: !running }),\n    }).then(render, (error: unknown) => {\n      status.textContent = error instanceof Error ? error.message : String(error)\n    }).finally(() => { toggle.disabled = false })\n  })\n  pair.addEventListener('click', () => {\n    pair.disabled = true\n    void requestJson('/api/mobile-access/pairing/open', {\n      method: 'POST',\n      body: '{}',\n    }).then(async (data) => {\n      const url = typeof data.pairUrl === 'string' ? data.pairUrl : ''\n      if (url !== '' && navigator.clipboard !== undefined) await navigator.clipboard.writeText(url)\n      status.textContent = url === '' ? (zh ? '无法生成链接' : 'Could not create link')\n        : (zh ? `链接已复制：${url}` : `Copied: ${url}`)\n    }, (error: unknown) => {\n      status.textContent = error instanceof Error ? error.message : String(error)\n    }).finally(() => { pair.disabled = !running })\n  })\n  void refresh()\n  return {\n    remove: () => { root.remove() },\n    toggle: () => { panel.hidden = !panel.hidden },\n  }\n}\n\n/** Install the responsive mobile layer and the loopback-only control card. */\nexport function apply(ctx: ClientContext): void {\n  ctx.effect(() => {\n    const style = document.createElement('style')\n    style.dataset.plugin = 'dsh-mobile'\n    style.textContent = BASE_STYLES\n    document.head.append(style)\n\n    const loopback = isLoopbackHost(location.hostname)\n    const custom = loopback ? undefined : document.createElement('link')\n    if (custom !== undefined) {\n      custom.rel = 'stylesheet'\n      custom.href = '/mobile-access/custom.css'\n      custom.dataset.plugin = 'dsh-mobile'\n      document.head.append(custom)\n    }\n    const control = loopback ? installControl() : undefined\n    const disposeSlot = control === undefined ? undefined : ctx.slots.inject('sidebar.footer.action', () => ctx.slots.register({\n      name: 'sidebar.footer.action',\n      id: 'dsh-mobile',\n    }, ({ wide }) => createElement('button', {\n      className: 'dsh-mobile-control__trigger',\n      type: 'button',\n      title: controlLabel(),\n      onClick: control.toggle,\n    }, wide ? controlLabel() : 'M')))\n    return () => {\n      disposeSlot?.()\n      control?.remove()\n      custom?.remove()\n      style.remove()\n    }\n  }, 'dsh-mobile: responsive UI and local control')\n}\n\n/** Client face has no service prerequisites. */\nexport const inject: readonly string[] = ['slots']\n\nfunction controlLabel(): string {\n  return navigator.language.toLowerCase().startsWith('zh') ? '移动端' : 'Mobile access'\n}\n"],"mappings":"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"}