langcoach 0.1.0 → 0.3.0

package/extension/content-main.js

@@ -0,0 +1,140 @@
+(function() {
+	//#region src/shared/dev-hosts.ts
+	/**
+	* Local hosts the e2e build (and unit tests) accept in place of labs.google. Production builds define
+	* `__E2E__` as false, so this folds to an empty list and the host names are compiled out of the bundle
+	* (the zip script refuses any bundle that still contains them).
+	*/
+	var DEV_HOSTNAMES = [];
+	/** http(s) URL on one of the dev hosts (always false in production builds). */
+	function isDevHostUrl(url) {
+		if (DEV_HOSTNAMES.length === 0) return false;
+		try {
+			const u = new URL(url);
+			return (u.protocol === "http:" || u.protocol === "https:") && DEV_HOSTNAMES.includes(u.hostname);
+		} catch {
+			return false;
+		}
+	}
+	//#endregion
+	//#region src/lib/parse.ts
+	var KINDS = [
+		"terms",
+		"grammar",
+		"conversation",
+		"object-descriptors"
+	];
+	var PATH_RE = /^\/lll\/api\/insights\/([a-z-]+)$/;
+	function kindFromUrl(url, opts) {
+		try {
+			const u = new URL(url);
+			const prod = u.protocol === "https:" && u.hostname === "labs.google" && u.port === "";
+			const local = !!opts?.allowDevHosts && isDevHostUrl(url);
+			if (!prod && !local) return null;
+			const kind = PATH_RE.exec(u.pathname)?.[1];
+			return kind && KINDS.includes(kind) ? kind : null;
+		} catch {
+			return null;
+		}
+	}
+	//#endregion
+	//#region src/content/fetch-wrap.ts
+	function urlOf(input, base) {
+		const raw = typeof input === "string" ? input : input instanceof URL ? input.href : typeof Request !== "undefined" && input instanceof Request ? input.url : String(input);
+		return new URL(raw, typeof base === "function" ? base() : base).href;
+	}
+	function parseBody(body) {
+		if (typeof body !== "string") return void 0;
+		try {
+			return JSON.parse(body);
+		} catch {
+			return;
+		}
+	}
+	/**
+	* Wraps fetch so lesson responses can be observed. The page's call path is untouched: the original is
+	* called with identical `this` and arguments and its own promise is returned (no extra await, same
+	* Response object, same rejection). Only insights responses are cloned; the clone is read in a
+	* detached promise and every failure there is swallowed.
+	*/
+	function wrapFetch(original, onCapture, opts = {}) {
+		return function langcoachFetch(...args) {
+			const p = original.apply(this, args);
+			try {
+				const url = urlOf(args[0], opts.base);
+				const kind = kindFromUrl(url, { allowDevHosts: opts.allowDevHosts });
+				if (kind) {
+					const body = args[1]?.body;
+					p.then((res) => {
+						if (!res.ok) return;
+						res.clone().json().then((response) => {
+							onCapture({
+								kind,
+								request: parseBody(body),
+								response,
+								url
+							});
+						}).catch(() => {});
+					}, () => {}).catch(() => {});
+				}
+			} catch {}
+			return p;
+		};
+	}
+	//#endregion
+	//#region src/content/protocol.ts
+	/** Attribute the isolated script sets on <html> to hand the per-page nonce to the MAIN-world script. */
+	var NONCE_ATTR = "data-langcoach-nonce";
+	/** window.postMessage `source` tags between the MAIN-world and isolated content scripts. */
+	var CAPTURE_SOURCE = "langcoach-capture";
+	var ACK_SOURCE = "langcoach-ack";
+	//#endregion
+	//#region src/content/main.ts
+	var WRAPPED = Symbol.for("langcoach.fetchWrapped");
+	/**
+	* MAIN-world entry (document_start): wraps window.fetch and posts lesson captures to the isolated
+	* content script. Never throws into the page.
+	*/
+	function startMain(win, opts) {
+		try {
+			const current = win.fetch;
+			if (typeof current !== "function" || current[WRAPPED]) return;
+			let nonce = null;
+			const takeNonce = () => {
+				if (nonce) return nonce;
+				const v = win.document.documentElement?.getAttribute(NONCE_ATTR);
+				if (!v) return null;
+				nonce = v;
+				try {
+					win.postMessage({
+						source: ACK_SOURCE,
+						nonce: v
+					}, win.location.origin);
+				} catch {}
+				return nonce;
+			};
+			takeNonce();
+			const onCapture = (c) => {
+				const n = takeNonce();
+				if (!n) return;
+				try {
+					win.postMessage({
+						source: CAPTURE_SOURCE,
+						nonce: n,
+						...c
+					}, win.location.origin);
+				} catch {}
+			};
+			const wrapped = wrapFetch(current, onCapture, {
+				base: () => win.location.href,
+				allowDevHosts: opts.allowDevHosts
+			});
+			wrapped[WRAPPED] = true;
+			win.fetch = wrapped;
+		} catch {}
+	}
+	//#endregion
+	//#region src/content-main.ts
+	startMain(window, { allowDevHosts: false });
+	//#endregion
+})();

package/extension/manifest.json

@@ -0,0 +1,63 @@
+{
+  "manifest_version": 3,
+  "name": "__MSG_extName__",
+  "description": "__MSG_extDescription__",
+  "version": "0.3.0",
+  "default_locale": "en",
+  "minimum_chrome_version": "116",
+  "icons": {
+    "16": "icons/16.png",
+    "32": "icons/32.png",
+    "48": "icons/48.png",
+    "128": "icons/128.png"
+  },
+  "action": {
+    "default_title": "__MSG_extName__",
+    "default_icon": {
+      "16": "icons/16.png",
+      "32": "icons/32.png",
+      "48": "icons/48.png",
+      "128": "icons/128.png"
+    }
+  },
+  "side_panel": {
+    "default_path": "sidepanel.html"
+  },
+  "background": {
+    "service_worker": "background.js",
+    "type": "module"
+  },
+  "permissions": [
+    "storage",
+    "unlimitedStorage",
+    "sidePanel",
+    "contextMenus",
+    "alarms",
+    "notifications"
+  ],
+  "host_permissions": [
+    "https://labs.google/lll/*",
+    "http://127.0.0.1:47821/*"
+  ],
+  "content_scripts": [
+    {
+      "matches": [
+        "https://labs.google/lll/*"
+      ],
+      "js": [
+        "content-main.js"
+      ],
+      "run_at": "document_start",
+      "world": "MAIN"
+    },
+    {
+      "matches": [
+        "https://labs.google/lll/*"
+      ],
+      "js": [
+        "content-isolated.js"
+      ],
+      "run_at": "document_start"
+    }
+  ]
+}

package/extension/sidepanel.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>LangCoach</title>
+    <script type="module" crossorigin src="/sidepanel.js"></script>
+    <link rel="modulepreload" crossorigin href="/chunks/translate-CM6Phtg_.js">
+    <link rel="stylesheet" crossorigin href="/assets/sidepanel-DMjVhmRR.css">
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>