@liyang8246/dsh-codetime 0.0.0-stage → 0.1.8

package/cordis.patch.yml

@@ -0,0 +1,3 @@
+- insert:
+    - id: codetime
+      name: '@liyang8246/dsh-codetime'

package/icon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" role="img" aria-label="CodeTime">
+  <rect width="64" height="64" rx="14" fill="#101B2C"/>
+  <circle cx="32" cy="32" r="17" fill="none" stroke="#5B8DF7" stroke-width="3.2"/>
+  <path d="M32 21.5V32l7.4 4.4" fill="none" stroke="#7ED6C4" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"/>
+  <circle cx="32" cy="32" r="2.7" fill="#7ED6C4"/>
+</svg>

package/lib/client.js

@@ -0,0 +1,245 @@
+(function() {
+	// src/client/api.ts
+	/** Narrow an unknown response body to the settings payload. */
+	function isStatus(value) {
+		if (typeof value !== "object" || value === null) return false;
+		const candidate = value;
+		return typeof candidate.configured === "boolean" && typeof candidate.autoUpload === "boolean" && typeof candidate.pending === "number" && typeof candidate.sessions === "number";
+	}
+	/** Read or mutate the plugin's settings state through its host route. */
+	async function call(request, signal) {
+		const response = await fetch(new URL("api/codetime", document.baseURI), {
+			method: "POST",
+			credentials: "same-origin",
+			redirect: "error",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify(request),
+			signal
+		});
+		const value = await response.json();
+		signal?.throwIfAborted();
+		if (!response.ok) throw new Error(errorText(value) ?? `HTTP ${response.status}`);
+		if (!isStatus(value)) throw new Error("unexpected response");
+		return value;
+	}
+	/** Extract the route's error message when present. */
+	function errorText(value) {
+		if (typeof value !== "object" || value === null) return void 0;
+		const error = value.error;
+		return typeof error === "string" ? error : void 0;
+	}
+	// src/client/strings.ts
+	/** Settings copy for the default locale. */
+	const en = {
+		title: "CodeTime",
+		subtitle: "Upload Harness coding activity to codetime.dev.",
+		connected: "Connected",
+		notConnected: "No token yet",
+		tokenLabel: "Upload token",
+		tokenPlaceholder: "Paste the token from codetime.dev/dashboard/settings",
+		tokenHint: "Create an upload token on the codetime.dev dashboard, then paste it here. The Harness sends turns, tool calls, models and token usage for this machine only.",
+		autoUpload: "Upload automatically",
+		save: "Save",
+		syncNow: "Upload now",
+		disconnect: "Disconnect",
+		saved: "Token saved",
+		cleared: "Token removed",
+		loading: "Loading…",
+		failed: "CodeTime request failed",
+		pending: "to upload",
+		sessions: "sessions",
+		uploaded: "Uploaded",
+		lastUpload: "Last upload",
+		never: "never",
+		machine: "Machine"
+	};
+	/** Settings copy for Chinese. */
+	const zh = {
+		title: "CodeTime",
+		subtitle: "把 Harness 的 AI 编码数据上报到 codetime.dev。",
+		connected: "已连接",
+		notConnected: "未填写 token",
+		tokenLabel: "上报 Token",
+		tokenPlaceholder: "粘贴 codetime.dev/dashboard/settings 里的 token",
+		tokenHint: "在 codetime.dev 后台创建一个上报 token 后粘贴到这里。只会把本机的轮次、工具调用、模型与 token 用量发出去。",
+		autoUpload: "自动上报",
+		save: "保存",
+		syncNow: "立即上报",
+		disconnect: "断开连接",
+		saved: "Token 已保存",
+		cleared: "Token 已清除",
+		loading: "加载中…",
+		failed: "编码统计请求失败",
+		pending: "待上报",
+		sessions: "个会话",
+		uploaded: "已上报",
+		lastUpload: "上次上报",
+		never: "从未",
+		machine: "机器"
+	};
+	const css = `
+.ct-settings{display:flex;flex-direction:column;gap:14px;color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.5}
+.ct-settings h2,.ct-settings h3,.ct-settings p{margin:0}
+.ct-settings h2{font-size:16px;font-weight:600}
+.ct-settings .ct-sub{color:var(--dsw-alias-label-secondary);font-size:12px}
+.ct-settings .ct-card{padding:16px;border-radius:12px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);display:flex;flex-direction:column;gap:12px}
+.ct-settings .ct-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:600}
+.ct-settings .ct-badge{font-weight:400;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.8;letter-spacing:.4px;padding:1px 8px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);white-space:nowrap}
+.ct-settings .ct-muted{color:var(--dsw-alias-label-secondary);font-size:11px;overflow-wrap:anywhere}
+.ct-settings .ct-form{display:flex;flex-direction:column;gap:10px}
+.ct-settings label{display:flex;flex-direction:column;gap:4px;font-size:12px}
+.ct-settings .ct-inline{display:flex;align-items:flex-end;gap:8px}
+.ct-settings .ct-grow{flex:1 1 auto;min-width:0}
+.ct-settings .ct-spacer{margin-left:auto}
+.ct-settings input[type=password],.ct-settings input[type=text]{font:inherit;box-sizing:border-box;min-height:32px;padding:5px 10px;border-radius:8px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);min-width:0;width:100%}
+.ct-settings input:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}
+.ct-settings .ct-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}
+.ct-settings button{font:inherit;min-height:30px;padding:5px 12px;border-radius:8px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);cursor:pointer}
+.ct-settings button:hover:not(:disabled){background:var(--dsw-alias-bg-layer-2)}
+.ct-settings button:disabled{opacity:.5;cursor:default}
+.ct-settings button[data-primary=true]{border-color:var(--dsw-alias-brand-primary);color:var(--dsw-alias-brand-primary)}
+.ct-settings button:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}
+.ct-settings .ct-switch{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;font-size:12px}
+.ct-settings .ct-switch input{appearance:none;-webkit-appearance:none;position:relative;width:36px;height:20px;min-height:0;padding:0;border:0;border-radius:10px;background:var(--dsw-alias-bg-layer-2);cursor:pointer;transition:background .15s;flex:none}
+.ct-settings .ct-switch input::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--dsw-alias-label-secondary);transition:transform .15s,background .15s}
+.ct-settings .ct-switch input:checked{background:var(--dsw-alias-label-primary)}
+.ct-settings .ct-switch input:checked::after{transform:translateX(16px);background:var(--dsw-alias-bg-base)}
+.ct-settings .ct-switch input:disabled{opacity:.5;cursor:default}
+.ct-settings .ct-ok{color:var(--dsw-alias-state-success-primary);font-size:12px}
+.ct-settings .ct-error{color:var(--dsw-alias-state-error-primary);font-size:12px;overflow-wrap:anywhere}
+.ct-settings .ct-stats{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--dsw-alias-label-secondary)}
+`;
+	// src/client/settings.tsx
+	/**
+	* Build the settings section component.
+	* @param React - React from the browser module table.
+	* @param ctx - Client context carrying the locale service.
+	* @param t - locale-bound translator for this plugin's namespace.
+	* @returns the slot component for `settings.section`.
+	*/
+	function createSettings(React, ctx, t) {
+		return function CodeTimeSettings() {
+			React.useSyncExternalStore((fn) => ctx.locale.subscribe(fn), () => ctx.locale.getSnapshot());
+			const [status, setStatus] = React.useState(null);
+			const [token, setToken] = React.useState("");
+			const [busy, setBusy] = React.useState(false);
+			const [notice, setNotice] = React.useState("");
+			const [error, setError] = React.useState("");
+			const mounted = React.useRef(true);
+			const apply = React.useCallback((value) => {
+				if (!mounted.current) return;
+				setStatus(value);
+			}, []);
+			const run = React.useCallback(async (action, payload = {}, message) => {
+				setBusy(true);
+				setError("");
+				if (message) setNotice("");
+				try {
+					const value = await call({
+						action,
+						...payload
+					});
+					apply(value);
+					if (message) setNotice(message);
+					if (action === "save" || action === "clear") setToken("");
+				} catch (failure) {
+					if (mounted.current) setError(failure instanceof Error ? failure.message : t("failed"));
+				} finally {
+					if (mounted.current) setBusy(false);
+				}
+			}, [apply, t]);
+			React.useEffect(() => {
+				mounted.current = true;
+				run("status");
+				return () => {
+					mounted.current = false;
+				};
+			}, [run]);
+			React.useEffect(() => {
+				if (!status || !status.uploading && status.pending === 0) return;
+				const timer = setTimeout(() => {
+					call({ action: "status" }).then(apply).catch(() => {});
+				}, 4e3);
+				return () => clearTimeout(timer);
+			}, [status, apply]);
+			const configured = status?.configured ?? false;
+			const autoUpload = status?.autoUpload ?? true;
+			return /* @__PURE__ */ React.createElement("section", {
+				className: "ct-settings",
+				"aria-label": t("title"),
+				"aria-busy": busy
+			}, /* @__PURE__ */ React.createElement("style", null, css), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, t("title")), /* @__PURE__ */ React.createElement("p", { className: "ct-sub" }, t("subtitle"))), /* @__PURE__ */ React.createElement("div", { className: "ct-card" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "ct-state" }, configured ? t("connected") : t("notConnected"), configured && status?.maskedToken && /* @__PURE__ */ React.createElement("span", { className: "ct-badge" }, status.maskedToken)), !configured && /* @__PURE__ */ React.createElement("p", { className: "ct-muted" }, t("tokenHint"))), /* @__PURE__ */ React.createElement("form", {
+				className: "ct-form",
+				onSubmit: (event) => {
+					event.preventDefault();
+					run("save", { token }, t("saved"));
+				}
+			}, /* @__PURE__ */ React.createElement("div", { className: "ct-inline" }, /* @__PURE__ */ React.createElement("label", { className: "ct-grow" }, t("tokenLabel"), /* @__PURE__ */ React.createElement("input", {
+				type: "password",
+				value: token,
+				placeholder: t("tokenPlaceholder"),
+				autoComplete: "off",
+				spellCheck: false,
+				onChange: (event) => setToken(event.currentTarget.value)
+			})), /* @__PURE__ */ React.createElement("button", {
+				type: "submit",
+				"data-primary": "true",
+				disabled: busy || !token.trim()
+			}, t("save"))), /* @__PURE__ */ React.createElement("div", { className: "ct-actions" }, /* @__PURE__ */ React.createElement("button", {
+				type: "button",
+				disabled: busy || !configured,
+				onClick: () => {
+					run("sync", {}, t("uploaded"));
+				}
+			}, t("syncNow")), /* @__PURE__ */ React.createElement("button", {
+				type: "button",
+				disabled: busy || !configured,
+				onClick: () => {
+					run("clear", {}, t("cleared"));
+				}
+			}, t("disconnect")), /* @__PURE__ */ React.createElement("label", { className: "ct-switch ct-spacer" }, /* @__PURE__ */ React.createElement("input", {
+				type: "checkbox",
+				role: "switch",
+				"aria-checked": autoUpload,
+				disabled: busy,
+				checked: autoUpload,
+				onChange: (event) => {
+					run("save", { autoUpload: event.currentTarget.checked });
+				}
+			}), t("autoUpload")))), notice && /* @__PURE__ */ React.createElement("p", {
+				className: "ct-ok",
+				role: "status"
+			}, notice), error && /* @__PURE__ */ React.createElement("p", {
+				className: "ct-error",
+				role: "alert"
+			}, error), status?.lastError && !error && /* @__PURE__ */ React.createElement("p", {
+				className: "ct-error",
+				role: "alert"
+			}, status.lastError), /* @__PURE__ */ React.createElement("div", { className: "ct-stats" }, /* @__PURE__ */ React.createElement("span", null, `${status?.pending ?? 0} ${t("pending")}`), /* @__PURE__ */ React.createElement("span", null, `${status?.sessions ?? 0} ${t("sessions")}`), /* @__PURE__ */ React.createElement("span", null, `${t("lastUpload")}: ${status?.lastUploadAt ? new Date(status.lastUploadAt).toLocaleString() : t("never")}`), status?.machineId && /* @__PURE__ */ React.createElement("span", null, `${t("machine")}: ${status.machineId.slice(0, 8)}`))));
+		};
+	}
+	// src/client.tsx
+	const loader = window.__ModuleLoader__;
+	if (!loader || typeof loader.load !== "function") throw new Error("Harness module loader is unavailable");
+	loader.load({
+		id: "@liyang8246/dsh-codetime",
+		factory(require) {
+			const React = require("react");
+			return {
+				inject: ["slots", "locale"],
+				apply(ctx) {
+					ctx.effect(() => ctx.locale.register("codetime", "en", en));
+					ctx.effect(() => ctx.locale.register("codetime", "zh", zh));
+					const t = ctx.locale.bind("codetime");
+					const Settings = createSettings(React, ctx, t);
+					ctx.slots.inject("settings.section", () => ctx.slots.register({
+						name: "settings.section",
+						id: "codetime",
+						order: 14,
+						label: () => t("title")
+					}, Settings));
+				}
+			};
+		}
+	});
+})();