@tenphi/starlight 0.10.0 → 0.11.0

package/dist/client/code-copy.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/client/code-copy.js

@@ -0,0 +1,57 @@
+//#region src/client/code-copy.ts
+var CookbookCodeBlock = class extends HTMLElement {
+	#resetTimer;
+	connectedCallback() {
+		this.addEventListener("click", this.#copy);
+	}
+	disconnectedCallback() {
+		this.removeEventListener("click", this.#copy);
+		if (this.#resetTimer !== void 0) window.clearTimeout(this.#resetTimer);
+	}
+	#copy = async (event) => {
+		const target = event.target;
+		const button = target instanceof Element ? target.closest("[data-copy-code]") : void 0;
+		const code = this.querySelector("pre code");
+		if (!button || !this.contains(button) || !code) return;
+		try {
+			await writeClipboard(code);
+		} catch {
+			button.dataset.copyState = "error";
+			button.setAttribute("aria-label", "Could not copy code");
+			button.title = "Could not copy code";
+			return;
+		}
+		button.dataset.copyState = "copied";
+		button.setAttribute("aria-label", "Code copied");
+		button.title = "Code copied";
+		if (this.#resetTimer !== void 0) window.clearTimeout(this.#resetTimer);
+		this.#resetTimer = window.setTimeout(() => {
+			delete button.dataset.copyState;
+			button.setAttribute("aria-label", "Copy code");
+			button.title = "Copy code";
+			this.#resetTimer = void 0;
+		}, 2e3);
+	};
+};
+async function writeClipboard(code) {
+	const value = code.textContent ?? "";
+	if (navigator.clipboard?.writeText) {
+		await navigator.clipboard.writeText(value);
+		return;
+	}
+	const selection = window.getSelection();
+	const previousRanges = selection ? Array.from({ length: selection.rangeCount }, (_, index) => selection.getRangeAt(index)) : [];
+	const range = document.createRange();
+	range.selectNodeContents(code);
+	selection?.removeAllRanges();
+	selection?.addRange(range);
+	const copied = document.execCommand("copy");
+	selection?.removeAllRanges();
+	for (const previousRange of previousRanges) selection?.addRange(previousRange);
+	if (!copied) throw new Error("Clipboard unavailable");
+}
+if (!customElements.get("cookbook-code-block")) customElements.define("cookbook-code-block", CookbookCodeBlock);
+//#endregion
+export {};
+
+//# sourceMappingURL=code-copy.js.map

package/dist/client/code-copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-copy.js","names":[],"sources":["../../src/client/code-copy.ts"],"sourcesContent":["export {};\n\nclass CookbookCodeBlock extends HTMLElement {\n  #resetTimer: number | undefined;\n\n  connectedCallback() {\n    this.addEventListener(\"click\", this.#copy);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(\"click\", this.#copy);\n    if (this.#resetTimer !== undefined) {\n      window.clearTimeout(this.#resetTimer);\n    }\n  }\n\n  #copy = async (event: MouseEvent) => {\n    const target = event.target;\n    const button =\n      target instanceof Element\n        ? target.closest<HTMLButtonElement>(\"[data-copy-code]\")\n        : undefined;\n    const code = this.querySelector<HTMLElement>(\"pre code\");\n    if (!button || !this.contains(button) || !code) return;\n\n    try {\n      await writeClipboard(code);\n    } catch {\n      button.dataset.copyState = \"error\";\n      button.setAttribute(\"aria-label\", \"Could not copy code\");\n      button.title = \"Could not copy code\";\n      return;\n    }\n\n    button.dataset.copyState = \"copied\";\n    button.setAttribute(\"aria-label\", \"Code copied\");\n    button.title = \"Code copied\";\n\n    if (this.#resetTimer !== undefined) {\n      window.clearTimeout(this.#resetTimer);\n    }\n    this.#resetTimer = window.setTimeout(() => {\n      delete button.dataset.copyState;\n      button.setAttribute(\"aria-label\", \"Copy code\");\n      button.title = \"Copy code\";\n      this.#resetTimer = undefined;\n    }, 2_000);\n  };\n}\n\nasync function writeClipboard(code: HTMLElement): Promise<void> {\n  const value = code.textContent ?? \"\";\n  if (navigator.clipboard?.writeText) {\n    await navigator.clipboard.writeText(value);\n    return;\n  }\n\n  const selection = window.getSelection();\n  const previousRanges = selection\n    ? Array.from({ length: selection.rangeCount }, (_, index) =>\n        selection.getRangeAt(index),\n      )\n    : [];\n  const range = document.createRange();\n  range.selectNodeContents(code);\n  selection?.removeAllRanges();\n  selection?.addRange(range);\n  const copied = document.execCommand(\"copy\");\n  selection?.removeAllRanges();\n  for (const previousRange of previousRanges)\n    selection?.addRange(previousRange);\n  if (!copied) throw new Error(\"Clipboard unavailable\");\n}\n\nif (!customElements.get(\"cookbook-code-block\")) {\n  customElements.define(\"cookbook-code-block\", CookbookCodeBlock);\n}\n"],"mappings":";AAEA,IAAM,oBAAN,cAAgC,YAAY;CAC1C;CAEA,oBAAoB;EAClB,KAAK,iBAAiB,SAAS,KAAK,KAAK;CAC3C;CAEA,uBAAuB;EACrB,KAAK,oBAAoB,SAAS,KAAK,KAAK;EAC5C,IAAI,KAAK,gBAAgB,KAAA,GACvB,OAAO,aAAa,KAAK,WAAW;CAExC;CAEA,QAAQ,OAAO,UAAsB;EACnC,MAAM,SAAS,MAAM;EACrB,MAAM,SACJ,kBAAkB,UACd,OAAO,QAA2B,kBAAkB,IACpD,KAAA;EACN,MAAM,OAAO,KAAK,cAA2B,UAAU;EACvD,IAAI,CAAC,UAAU,CAAC,KAAK,SAAS,MAAM,KAAK,CAAC,MAAM;EAEhD,IAAI;GACF,MAAM,eAAe,IAAI;EAC3B,QAAQ;GACN,OAAO,QAAQ,YAAY;GAC3B,OAAO,aAAa,cAAc,qBAAqB;GACvD,OAAO,QAAQ;GACf;EACF;EAEA,OAAO,QAAQ,YAAY;EAC3B,OAAO,aAAa,cAAc,aAAa;EAC/C,OAAO,QAAQ;EAEf,IAAI,KAAK,gBAAgB,KAAA,GACvB,OAAO,aAAa,KAAK,WAAW;EAEtC,KAAK,cAAc,OAAO,iBAAiB;GACzC,OAAO,OAAO,QAAQ;GACtB,OAAO,aAAa,cAAc,WAAW;GAC7C,OAAO,QAAQ;GACf,KAAK,cAAc,KAAA;EACrB,GAAG,GAAK;CACV;AACF;AAEA,eAAe,eAAe,MAAkC;CAC9D,MAAM,QAAQ,KAAK,eAAe;CAClC,IAAI,UAAU,WAAW,WAAW;EAClC,MAAM,UAAU,UAAU,UAAU,KAAK;EACzC;CACF;CAEA,MAAM,YAAY,OAAO,aAAa;CACtC,MAAM,iBAAiB,YACnB,MAAM,KAAK,EAAE,QAAQ,UAAU,WAAW,IAAI,GAAG,UAC/C,UAAU,WAAW,KAAK,CAC5B,IACA,CAAC;CACL,MAAM,QAAQ,SAAS,YAAY;CACnC,MAAM,mBAAmB,IAAI;CAC7B,WAAW,gBAAgB;CAC3B,WAAW,SAAS,KAAK;CACzB,MAAM,SAAS,SAAS,YAAY,MAAM;CAC1C,WAAW,gBAAgB;CAC3B,KAAK,MAAM,iBAAiB,gBAC1B,WAAW,SAAS,aAAa;CACnC,IAAI,CAAC,QAAQ,MAAM,IAAI,MAAM,uBAAuB;AACtD;AAEA,IAAI,CAAC,eAAe,IAAI,qBAAqB,GAC3C,eAAe,OAAO,uBAAuB,iBAAiB"}