copy_tuner_client 1.5.0 → 2.1.0

data/app/assets/javascripts/copytuner.js

@@ -1,252 +1,164 @@
-var y = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, A = "Expected a function", C = 0 / 0, _ = "[object Symbol]", $ = /^\s+|\s+$/g, R = /^[-+]0x[0-9a-f]+$/i, H = /^0b[01]+$/i, W = /^0o[0-7]+$/i, F = parseInt, D = typeof y == "object" && y && y.Object === Object && y, P = typeof self == "object" && self && self.Object === Object && self, q = D || P || Function("return this")(), K = Object.prototype, U = K.toString, Y = Math.max, V = Math.min, v = function() {
-  return q.Date.now();
+//#region src/styles.ts
+var e = navigator.platform.toUpperCase().includes("MAC"), t = (e) => !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length > 0), n = (e) => {
+	let t = e.getBoundingClientRect();
+	return {
+		top: t.top + (window.pageYOffset - document.documentElement.clientTop),
+		left: t.left + (window.pageXOffset - document.documentElement.clientLeft)
+	};
+}, r = (e) => {
+	if (!t(e)) return null;
+	let r = n(e);
+	return r.right = r.left + e.offsetWidth, r.bottom = r.top + e.offsetHeight, {
+		left: r.left,
+		top: r.top,
+		width: r.right - r.left,
+		height: r.bottom - r.top
+	};
+}, i = (e, t) => {
+	let n;
+	return (...r) => {
+		clearTimeout(n), n = setTimeout(() => e(...r), t);
+	};
+}, a = () => Array.from(document.querySelectorAll("[data-copyray-key]")).map((e) => ({
+	keys: (e.getAttribute("data-copyray-key") ?? "").split(",").filter(Boolean),
+	element: e
+})), o = class extends HTMLElement {
+	#e = () => {};
+	#t = () => {};
+	#n;
+	#r;
+	#i;
+	constructor() {
+		super();
+		let e = this.attachShadow({ mode: "open" }), t = document.createElement("style");
+		t.textContent = "\n:host {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 0;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  background-image: radial-gradient(\n    ellipse farthest-corner at center,\n    rgba(0, 0, 0, 0.4) 10%,\n    rgba(0, 0, 0, 0.8) 100%\n  );\n  z-index: 9000;\n}\n\n.specimen {\n  position: absolute;\n  background: rgba(255, 50, 50, 0.1);\n  outline: 1px solid rgba(255, 50, 50, 0.8);\n  outline-offset: -1px;\n  color: #666;\n  font-family: 'Helvetica Neue', sans-serif;\n  font-size: 13px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);\n  z-index: 2000000000;\n}\n\n.specimen:hover {\n  cursor: pointer;\n  background: rgba(255, 50, 50, 0.4);\n}\n\n.specimen-handle {\n  float: left;\n  margin: 0 2px 2px 0;\n  background: rgba(255, 50, 50, 0.8);\n  padding: 0 3px;\n  color: #fff;\n  font-size: 10px;\n  cursor: pointer;\n}\n\n.toggle-button {\n  display: block;\n  position: fixed;\n  left: 0;\n  bottom: 0;\n  color: white;\n  background: black;\n  padding: 12px 16px;\n  border-radius: 0 10px 0 0;\n  opacity: 0;\n  transition: opacity 0.6s ease-in-out;\n  z-index: 10000;\n  font-size: 12px;\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.toggle-button:hover {\n  opacity: 1;\n}\n\n@media screen and (max-width: 480px) {\n  .toggle-button {\n    display: none;\n  }\n}\n", e.append(t), this.#n = document.createElement("div"), this.#n.classList.add("backdrop"), this.#n.addEventListener("click", () => this.hide()), this.#r = document.createElement("div"), this.#r.classList.add("specimens"), this.#i = document.createElement("a"), this.#i.classList.add("toggle-button"), this.#i.textContent = "Open CopyTuner", this.#i.addEventListener("click", () => this.#t()), e.append(this.#n, this.#r, this.#i), this.hide();
+	}
+	set onOpen(e) {
+		this.#e = e;
+	}
+	set onToggle(e) {
+		this.#t = e;
+	}
+	get isShowing() {
+		return !this.#n.hidden;
+	}
+	show() {
+		this.reset(), this.#n.hidden = !1;
+		for (let { element: e, keys: t } of a()) {
+			let n = this.makeBox(e, t);
+			n && this.#r.append(n);
+		}
+	}
+	hide() {
+		this.reset(), this.#n.hidden = !0;
+	}
+	reset() {
+		this.#r.replaceChildren();
+	}
+	makeBox(e, t) {
+		let n = r(e);
+		if (n === null) return null;
+		let i = document.createElement("div");
+		i.classList.add("specimen"), i.style.left = `${n.left}px`, i.style.top = `${n.top}px`, i.style.width = `${n.width}px`, i.style.height = `${n.height}px`;
+		let { position: a, top: o, left: s } = getComputedStyle(e);
+		a === "fixed" && (i.style.position = "fixed", i.style.top = o, i.style.left = s), i.addEventListener("click", () => this.#e(t[0]));
+		for (let e of t) i.append(this.makeLabel(e));
+		return i;
+	}
+	makeLabel(e) {
+		let t = document.createElement("div");
+		return t.classList.add("specimen-handle"), t.textContent = e, t.addEventListener("click", (t) => {
+			t.stopPropagation(), this.#e(e);
+		}), t;
+	}
+}, s = class extends HTMLElement {
+	#e = () => {};
+	#t;
+	#n;
+	constructor() {
+		super(), this.attachShadow({ mode: "open" });
+	}
+	connectedCallback() {
+		this.hidden = !0;
+	}
+	init({ url: e, data: t, keysSkipped: n, onOpen: r }) {
+		this.#e = r;
+		let a = this.shadowRoot, o = document.createElement("style");
+		o.textContent = "\n:host {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 40px;\n  padding: 0 8px;\n  background: #222;\n  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-weight: 200;\n  color: #fff;\n  z-index: 2147483647;\n  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1), inset 0 2px 6px rgba(0, 0, 0, 0.8);\n  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));\n  box-sizing: border-box;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.log-menu {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 40px;\n  max-height: calc(100vh - 40px);\n  background: #222;\n  color: #fff;\n  overflow-y: auto;\n}\n\n.log-menu[hidden] {\n  display: none;\n}\n\n.log-menu tbody td {\n  padding: 2px 8px;\n}\n\n.log-menu tbody tr {\n  cursor: pointer;\n}\n\n.log-menu tbody tr:hover {\n  background: #444;\n}\n\n.log-menu tbody tr[hidden] {\n  display: none;\n}\n\n.button {\n  position: relative;\n  display: inline-block;\n  color: #fff;\n  margin: 8px 1px;\n  height: 24px;\n  line-height: 24px;\n  padding: 0 8px;\n  font-size: 14px;\n  cursor: pointer;\n  vertical-align: middle;\n  background-color: #444;\n  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));\n  border-radius: 2px;\n  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.2),\n    inset 0 0 2px rgba(255, 255, 255, 0.2);\n  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);\n  text-decoration: none;\n}\n\n.button:hover,\n.button:focus {\n  color: #fff;\n  text-decoration: none;\n  background-color: #555;\n}\n\n.notice {\n  display: inline-block;\n  margin: 8px;\n  font-size: 13px;\n  line-height: 24px;\n  vertical-align: middle;\n  color: #ffd24d;\n}\n\n.search {\n  appearance: none;\n  border: none;\n  border-radius: 2px;\n  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));\n  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 0 2px rgba(0, 0, 0, 0.2);\n  padding: 2px 8px;\n  margin: 0;\n  line-height: 20px;\n  vertical-align: middle;\n  color: black;\n  width: auto;\n  height: auto;\n  font-size: 14px;\n}\n", a.append(o);
+		let s = this.makeButton("CopyTuner", e, "_blank"), c = this.makeButton("Sync", "/copytuner", "_blank"), l = this.makeButton("Translations in this page", "javascript:void(0)");
+		this.#t = document.createElement("input"), this.#t.type = "text", this.#t.classList.add("search"), this.#t.placeholder = "search", a.append(s, c, l, this.#t), this.#n = this.makeLogMenu(t), a.append(this.#n), n && this.appendSkippedNotice(), l.addEventListener("click", (e) => {
+			e.preventDefault(), this.toggleLogMenu();
+		}), this.#t.addEventListener("input", i(this.onSearch.bind(this), 250));
+	}
+	show() {
+		this.hidden = !1, this.#t.focus();
+	}
+	hide() {
+		this.hidden = !0;
+	}
+	makeButton(e, t, n) {
+		let r = document.createElement("a");
+		return r.classList.add("button"), r.textContent = e, r.href = t, n && (r.target = n), r;
+	}
+	appendSkippedNotice() {
+		let e = document.createElement("span");
+		e.classList.add("notice"), e.textContent = "⚠ This page is too large for the overlay. Use \"Translations in this page\" to edit.", this.shadowRoot.append(e);
+	}
+	showLogMenu() {
+		this.#n.hidden = !1;
+	}
+	toggleLogMenu() {
+		this.#n.hidden = !this.#n.hidden;
+	}
+	makeLogMenu(e) {
+		let t = document.createElement("div");
+		t.classList.add("log-menu"), t.hidden = !0;
+		let n = document.createElement("table"), r = document.createElement("tbody");
+		for (let t of Object.keys(e).sort()) {
+			let n = e[t];
+			if (n === "") continue;
+			let i = document.createElement("td");
+			i.textContent = t;
+			let a = document.createElement("td");
+			a.textContent = n;
+			let o = document.createElement("tr");
+			o.dataset.key = t, o.addEventListener("click", ({ currentTarget: e }) => {
+				let t = e;
+				t.dataset.key && this.#e(t.dataset.key);
+			}), o.append(i, a), r.append(o);
+		}
+		return n.append(r), t.append(n), t;
+	}
+	onSearch() {
+		let e = this.#t.value.trim();
+		this.showLogMenu();
+		let t = [...this.#n.querySelectorAll("tr")];
+		for (let n of t) n.hidden = !(e === "" || [...n.querySelectorAll("td")].some((t) => (t.textContent ?? "").includes(e)));
+	}
 };
-function X(t, e, n) {
-  var o, s, d, r, a, c, u = 0, x = !1, f = !1, b = !0;
-  if (typeof t != "function")
-    throw new TypeError(A);
-  e = O(e) || 0, E(n) && (x = !!n.leading, f = "maxWait" in n, d = f ? Y(O(n.maxWait) || 0, e) : d, b = "trailing" in n ? !!n.trailing : b);
-  function g(i) {
-    var l = o, p = s;
-    return o = s = void 0, u = i, r = t.apply(p, l), r;
-  }
-  function B(i) {
-    return u = i, a = setTimeout(m, e), x ? g(i) : r;
-  }
-  function M(i) {
-    var l = i - c, p = i - u, T = e - l;
-    return f ? V(T, d - p) : T;
-  }
-  function w(i) {
-    var l = i - c, p = i - u;
-    return c === void 0 || l >= e || l < 0 || f && p >= d;
-  }
-  function m() {
-    var i = v();
-    if (w(i))
-      return S(i);
-    a = setTimeout(m, M(i));
-  }
-  function S(i) {
-    return a = void 0, b && o ? g(i) : (o = s = void 0, r);
-  }
-  function I() {
-    a !== void 0 && clearTimeout(a), u = 0, o = c = s = a = void 0;
-  }
-  function N() {
-    return a === void 0 ? r : S(v());
-  }
-  function k() {
-    var i = v(), l = w(i);
-    if (o = arguments, s = this, c = i, l) {
-      if (a === void 0)
-        return B(c);
-      if (f)
-        return a = setTimeout(m, e), g(c);
-    }
-    return a === void 0 && (a = setTimeout(m, e)), r;
-  }
-  return k.cancel = I, k.flush = N, k;
-}
-function E(t) {
-  var e = typeof t;
-  return !!t && (e == "object" || e == "function");
-}
-function z(t) {
-  return !!t && typeof t == "object";
-}
-function G(t) {
-  return typeof t == "symbol" || z(t) && U.call(t) == _;
-}
-function O(t) {
-  if (typeof t == "number")
-    return t;
-  if (G(t))
-    return C;
-  if (E(t)) {
-    var e = typeof t.valueOf == "function" ? t.valueOf() : t;
-    t = E(e) ? e + "" : e;
-  }
-  if (typeof t != "string")
-    return t === 0 ? t : +t;
-  t = t.replace($, "");
-  var n = H.test(t);
-  return n || W.test(t) ? F(t.slice(2), n ? 2 : 8) : R.test(t) ? C : +t;
-}
-var Z = X;
-const h = "copy-tuner-hidden";
-class J {
-  // @ts-expect-error TS7006
-  constructor(e, n, o) {
-    this.element = e, this.data = n, this.callback = o, this.searchBoxElement = e.querySelector(".js-copy-tuner-bar-search"), this.logMenuElement = this.makeLogMenu(), this.element.append(this.logMenuElement), this.addHandler();
-  }
-  addHandler() {
-    this.element.querySelector(".js-copy-tuner-bar-open-log").addEventListener("click", (n) => {
-      n.preventDefault(), this.toggleLogMenu();
-    }), this.searchBoxElement.addEventListener("input", Z(this.onKeyup.bind(this), 250));
-  }
-  show() {
-    this.element.classList.remove(h), this.searchBoxElement.focus();
-  }
-  hide() {
-    this.element.classList.add(h);
-  }
-  showLogMenu() {
-    this.logMenuElement.classList.remove(h);
-  }
-  toggleLogMenu() {
-    this.logMenuElement.classList.toggle(h);
-  }
-  makeLogMenu() {
-    const e = document.createElement("div");
-    e.setAttribute("id", "copy-tuner-bar-log-menu"), e.classList.add(h);
-    const n = document.createElement("table"), o = document.createElement("tbody");
-    o.classList.remove("is-not-initialized");
-    for (const s of Object.keys(this.data).sort()) {
-      const d = this.data[s];
-      if (d === "")
-        continue;
-      const r = document.createElement("td");
-      r.textContent = s;
-      const a = document.createElement("td");
-      a.textContent = d;
-      const c = document.createElement("tr");
-      c.classList.add("copy-tuner-bar-log-menu__row"), c.dataset.key = s, c.addEventListener("click", ({ currentTarget: u }) => {
-        this.callback(u.dataset.key);
-      }), c.append(r), c.append(a), o.append(c);
-    }
-    return n.append(o), e.append(n), e;
-  }
-  // @ts-expect-error TS7031
-  onKeyup({ target: e }) {
-    const n = e.value.trim();
-    this.showLogMenu();
-    const o = [...this.logMenuElement.querySelectorAll("tr")];
-    for (const s of o) {
-      const d = n === "" || [...s.querySelectorAll("td")].some((r) => r.textContent.includes(n));
-      s.classList.toggle(h, !d);
-    }
-  }
-}
-const L = navigator.platform.toUpperCase().includes("MAC"), Q = (t) => !!(t.offsetWidth || t.offsetHeight || t.getClientRects().length > 0), ee = (t) => {
-  const e = t.getBoundingClientRect();
-  return {
-    top: e.top + (window.pageYOffset - document.documentElement.clientTop),
-    left: e.left + (window.pageXOffset - document.documentElement.clientLeft)
-  };
-}, te = (t) => {
-  if (!Q(t))
-    return null;
-  const e = ee(t);
-  return e.right = e.left + t.offsetWidth, e.bottom = e.top + t.offsetHeight, {
-    left: e.left,
-    top: e.top,
-    // @ts-expect-error TS2339
-    width: e.right - e.left,
-    // @ts-expect-error TS2339
-    height: e.bottom - e.top
-  };
-}, ne = 2e9;
-class oe {
-  // @ts-expect-error TS7006
-  constructor(e, n, o) {
-    this.element = e, this.key = n, this.callback = o;
-  }
-  show() {
-    this.box = this.makeBox(), this.box !== null && (this.box.addEventListener("click", () => {
-      this.callback(this.key);
-    }), document.body.append(this.box));
-  }
-  remove() {
-    this.box && (this.box.remove(), this.box = null);
-  }
-  makeBox() {
-    const e = document.createElement("div");
-    e.classList.add("copyray-specimen"), e.classList.add("Specimen");
-    const n = te(this.element);
-    if (n === null)
-      return null;
-    for (const r of Object.keys(n)) {
-      const a = n[r];
-      e.style[r] = `${a}px`;
-    }
-    e.style.zIndex = ne;
-    const { position: o, top: s, left: d } = getComputedStyle(this.element);
-    return o === "fixed" && (this.box.style.position = "fixed", this.box.style.top = `${s}px`, this.box.style.left = `${d}px`), e.append(this.makeLabel()), e;
-  }
-  makeLabel() {
-    const e = document.createElement("div");
-    return e.classList.add("copyray-specimen-handle"), e.classList.add("Specimen"), e.textContent = this.key, e;
-  }
-}
-const se = () => {
-  const t = () => NodeFilter.FILTER_ACCEPT, e = document.createNodeIterator(document.body, NodeFilter.SHOW_COMMENT, t, !1), n = [];
-  let o;
-  for (; o = e.nextNode(); )
-    n.push(o);
-  return n.filter((s) => s.nodeValue.startsWith("COPYRAY")).map((s) => {
-    const [, d] = s.nodeValue.match(/^COPYRAY (\S*)$/), r = s.parentNode;
-    return { key: d, element: r };
-  });
+customElements.define("copytuner-bar", s), customElements.define("copyray-overlay", o);
+var c = () => {
+	let { url: t, data: n, keysSkipped: r } = window.CopyTuner, i = (e) => window.open(`${t}/blurbs/${e}/edit`), a = document.createElement("copytuner-bar");
+	document.body.append(a), a.init({
+		url: t,
+		data: n,
+		keysSkipped: !!r,
+		onOpen: i
+	});
+	let o = document.createElement("copyray-overlay");
+	o.onOpen = i, document.body.append(o);
+	let s = () => {
+		o.show(), a.show();
+	}, c = () => {
+		o.hide(), a.hide();
+	}, l = () => o.isShowing ? c() : s();
+	o.onToggle = l, window.CopyTuner.toggle = l, document.addEventListener("keydown", (t) => {
+		if (o.isShowing && ["Escape", "Esc"].includes(t.key)) {
+			c();
+			return;
+		}
+		(e && t.metaKey || !e && t.ctrlKey) && t.shiftKey && t.key.toLowerCase() === "k" && l();
+	}), console && console.log(`Ready to Copyray. Press ${e ? "cmd+shift+k" : "ctrl+shift+k"} to scan your UI.`);
 };
-class ie {
-  // @ts-expect-error TS7006
-  constructor(e, n) {
-    this.baseUrl = e, this.data = n, this.isShowing = !1, this.specimens = [], this.overlay = this.makeOverlay(), this.toggleButton = this.makeToggleButton(), this.boundOpen = this.open.bind(this), this.copyTunerBar = new J(document.querySelector("#copy-tuner-bar"), this.data, this.boundOpen);
-  }
-  show() {
-    this.reset(), document.body.append(this.overlay), this.makeSpecimens();
-    for (const e of this.specimens)
-      e.show();
-    this.copyTunerBar.show(), this.isShowing = !0;
-  }
-  hide() {
-    this.overlay.remove(), this.reset(), this.copyTunerBar.hide(), this.isShowing = !1;
-  }
-  toggle() {
-    this.isShowing ? this.hide() : this.show();
-  }
-  // @ts-expect-error TS7006
-  open(e) {
-    window.open(`${this.baseUrl}/blurbs/${e}/edit`);
-  }
-  makeSpecimens() {
-    for (const { element: e, key: n } of se())
-      this.specimens.push(new oe(e, n, this.boundOpen));
-  }
-  makeToggleButton() {
-    const e = document.createElement("a");
-    return e.addEventListener("click", () => {
-      this.show();
-    }), e.classList.add("copyray-toggle-button"), e.classList.add("hidden-on-mobile"), e.textContent = "Open CopyTuner", document.body.append(e), e;
-  }
-  makeOverlay() {
-    const e = document.createElement("div");
-    return e.setAttribute("id", "copyray-overlay"), e.addEventListener("click", () => this.hide()), e;
-  }
-  reset() {
-    for (const e of this.specimens)
-      e.remove();
-  }
-}
-const re = (t) => {
-  const e = document.createElement("div");
-  e.id = "copy-tuner-bar", e.classList.add("copy-tuner-hidden"), e.innerHTML = `
-    <a class="copy-tuner-bar-button" target="_blank" href="${t}">CopyTuner</a>
-    <a href="/copytuner" target="_blank" class="copy-tuner-bar-button">Sync</a>
-    <a href="javascript:void(0)" class="copy-tuner-bar-open-log copy-tuner-bar-button js-copy-tuner-bar-open-log">Translations in this page</a>
-    <input type="text" class="copy-tuner-bar__search js-copy-tuner-bar-search" placeholder="search">
-  `, document.body.append(e);
-}, j = () => {
-  const { url: t, data: e } = window.CopyTuner;
-  re(t);
-  const n = new ie(t, e);
-  window.CopyTuner.toggle = () => n.toggle(), document.addEventListener("keydown", (o) => {
-    if (n.isShowing && ["Escape", "Esc"].includes(o.key)) {
-      n.hide();
-      return;
-    }
-    (L && o.metaKey || !L && o.ctrlKey) && o.shiftKey && o.key.toLowerCase() === "k" && n.toggle();
-  }), console && console.log(`Ready to Copyray. Press ${L ? "cmd+shift+k" : "ctrl+shift+k"} to scan your UI.`);
-};
-document.readyState === "complete" || document.readyState !== "loading" ? j() : document.addEventListener("DOMContentLoaded", () => j());
+document.readyState === "complete" || document.readyState !== "loading" ? c() : document.addEventListener("DOMContentLoaded", () => c());
+//#endregion

data/biome.json

@@ -0,0 +1,39 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.5.0/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "files": {
+    "ignoreUnknown": false,
+    "includes": ["src/**", "*.ts", "*.json"]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 120
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "preset": "recommended"
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single",
+      "semicolons": "asNeeded",
+      "trailingCommas": "all"
+    }
+  },
+  "assist": {
+    "enabled": true,
+    "actions": {
+      "source": {
+        "organizeImports": "on"
+      }
+    }
+  }
+}

data/index.html

@@ -5,27 +5,25 @@
   <meta charset="UTF-8" />
   <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Vite App</title>
+  <title>CopyTuner Dev</title>
 </head>
 
 <body>
   <div id="app">
     <ul>
-      <li>
-        <!--COPYRAY projects.index.locales-->言語
-      </li>
-      <li>
-        <!--COPYRAY projects.index.blurbs-->翻訳キー
-      </li>
-      <li>
-        <!--COPYRAY projects.index.members-->メンバー数
-      </li>
+      <li data-copyray-key="projects.index.locales">言語</li>
+      <li data-copyray-key="projects.index.blurbs">翻訳キー</li>
+      <li data-copyray-key="projects.index.members">メンバー数</li>
     </ul>
   </div>
   <script>
     window.CopyTuner = {
       url: 'https://copy-tuner.herokuapp.com/projects/xxx',
-      data: {},
+      data: {
+        'projects.index.locales': '言語',
+        'projects.index.blurbs': '翻訳キー',
+        'projects.index.members': 'メンバー数',
+      },
     }
   </script>
   <script type="module" src="/src/main.ts"></script>

data/lib/copy_tuner_client/cache.rb

@@ -20,7 +20,6 @@ module CopyTunerClient
       @client = client
       @logger = options[:logger]
       @mutex = Mutex.new
-      @exclude_key_regexp = options[:exclude_key_regexp]
       @local_first_key_regexp = options[:local_first_key_regexp]
       @upload_disabled = options[:upload_disabled]
       @ignored_keys = options.fetch(:ignored_keys, [])
@@ -49,7 +48,6 @@ module CopyTunerClient
     # @param key [String] the key of the blurb to update
     # @param value [String] the new contents of the blurb
     def []=(key, value)
-      return if @exclude_key_regexp && key.match?(@exclude_key_regexp)
       return unless key.include?('.')
       return if @locales.present? && !@locales.member?(key.split('.').first)
       return if @upload_disabled

data/lib/copy_tuner_client/configuration.rb

@@ -10,7 +10,7 @@ require 'copy_tuner_client/copyray_middleware'
 
 module CopyTunerClient
   # Used to set up and modify settings for the client.
-  class Configuration
+  class Configuration # rubocop:disable Metrics/ClassLength
     # These options will be present in the Hash returned by {#to_hash}.
     OPTIONS = %i[api_key development_environments environment_name host
                  http_open_timeout http_read_timeout client_name client_url
@@ -18,7 +18,7 @@ module CopyTunerClient
                  proxy_port proxy_user secure polling_delay sync_interval
                  sync_interval_staging sync_ignore_path_regex logger
                  framework middleware disable_middleware disable_test_translation
-                 ca_file exclude_key_regexp local_first_key_regexp s3_host locales ignored_keys ignored_key_handler
+                 ca_file local_first_key_regexp s3_host locales ignored_keys ignored_key_handler
                  download_cache_dir].freeze
 
     # NOTE: Rails 標準ロケールで非文字列値（precision: Integer, significant: Boolean,
@@ -43,7 +43,8 @@ module CopyTunerClient
     attr_accessor :host
 
     # @return [Fixnum] The port on which your CopyTuner server runs (defaults to +443+ for secure connections, +80+ for insecure connections).
-    attr_accessor :port
+    # NOTE: reader は default_port フォールバック付きの明示定義（#port）があるため attr_accessor を使わない
+    attr_writer :port
 
     # @return [Boolean] +true+ for https connections, +false+ for http connections.
     attr_accessor :secure
@@ -94,7 +95,8 @@ module CopyTunerClient
     attr_accessor :polling_delay
 
     # @return [Integer] The time, in seconds, in between each sync to the server in development. Defaults to +60+.
-    attr_accessor :sync_interval
+    # NOTE: reader は environment で分岐する明示定義（#sync_interval）があるため attr_accessor を使わない
+    attr_writer :sync_interval
 
     # @return [Integer] The time, in seconds, in between each sync to the server in development. Defaults to +60+.
     attr_accessor :sync_interval_staging
@@ -128,10 +130,6 @@ module CopyTunerClient
 
     attr_accessor :poller
 
-    # @return [Regexp] Regular expression to exclude keys.
-    # @deprecated Use {#local_first_key_regexp} instead.
-    attr_reader :exclude_key_regexp
-
     # @return [Regexp] Keys (without locale) matching this regexp bypass the
     #   copy_tuner cache and are looked up from local config/locales
     #   (I18n::Backend::Simple) first. Used for gradual migration from
@@ -141,15 +139,12 @@ module CopyTunerClient
     # @return [String] The S3 host to connect to (defaults to +copy-tuner-us.s3.amazonaws.com+).
     attr_accessor :s3_host
 
-    # @return [Boolean] To disable Copyray comment injection, set true
+    # @return [Boolean] To disable Copyray marker injection, set true
     attr_accessor :disable_copyray_comment_injection
 
     # @return [Array<Symbol>] Restrict blurb locales to upload
     attr_accessor :locales
 
-    # @return [Boolean] Html escape
-    attr_accessor :html_escape
-
     # @return [Array<String>] A list of ignored keys
     attr_accessor :ignored_keys
 
@@ -165,7 +160,7 @@ module CopyTunerClient
     alias secure? secure
 
     # Instantiated from {CopyTunerClient.configure}. Sets defaults.
-    def initialize
+    def initialize # rubocop:disable Metrics/AbcSize, Metrics/MethodLength
       self.client_name = 'CopyTuner Client'
       self.client_url = 'https://rubygems.org/gems/copy_tuner_client'
       self.client_version = VERSION
@@ -182,7 +177,6 @@ module CopyTunerClient
       self.upload_disabled_environments = %w[production staging]
       self.s3_host = 'copy-tuner.sg-apps.com' # NOTE: cloudfront host
       self.disable_copyray_comment_injection = false
-      self.html_escape = true
       self.ignored_keys = []
       self.ignored_key_handler = ->(e) { raise e }
       self.local_first_key_regexp = nil
@@ -197,7 +191,7 @@ module CopyTunerClient
     # @param [Symbol] option Key for a given attribute
     # @return [Object] the given attribute
     def [](option)
-      send(option)
+      public_send(option)
     end
 
     # Returns a hash of all configurable options
@@ -206,7 +200,7 @@ module CopyTunerClient
       base_options = { public: public?, upload_disabled: upload_disabled? }
 
       OPTIONS.inject(base_options) do |hash, option|
-        hash.merge option.to_sym => send(option)
+        hash.merge option.to_sym => public_send(option)
       end
     end
 
@@ -258,7 +252,10 @@ module CopyTunerClient
     # This creates the {I18nBackend} and puts them together.
     #
     # When {#test?} returns +false+, the poller will be started.
-    def apply
+    def apply # rubocop:disable Metrics/AbcSize, Metrics/CyclomaticComplexity, Metrics/MethodLength, Metrics/PerceivedComplexity
+      # NOTE: project_id は必須。未設定なら apply 時点で明示的に失敗させる
+      validate_project_id!
+
       self.locales ||= self.locales = if defined?(::Rails)
                                         ::Rails.application.config.i18n.available_locales.presence || Array(::Rails.application.config.i18n.default_locale)
                                       else
@@ -337,18 +334,6 @@ module CopyTunerClient
       @api_key = api_key
     end
 
-    # @deprecated Use {#local_first_key_regexp} instead.
-    def exclude_key_regexp=(value)
-      unless value.nil?
-        ActiveSupport::Deprecation.new.warn(
-          'exclude_key_regexp is deprecated and will be removed in a future release. ' \
-          'Use local_first_key_regexp instead (note: it matches keys WITHOUT the locale prefix, ' \
-          'e.g. /\Aviews\./ instead of /\Aja\.views\./).'
-        )
-      end
-      @exclude_key_regexp = value
-    end
-
     # Sync interval for Rack Middleware
     def sync_interval
       if environment_name == 'staging'
@@ -358,16 +343,11 @@ module CopyTunerClient
       end
     end
 
-    # @return [String] current project url by api_key
+    # @return [String] current project url by project_id
     def project_url
-      path =
-        if project_id
-          "/projects/#{project_id}"
-        else
-          ActiveSupport::Deprecation.new.warn('Please set project_id.')
-          "/projects/#{api_key}"
-        end
+      validate_project_id!
 
+      path = "/projects/#{project_id}"
       URI::Generic.build(scheme: self.protocol, host: self.host, port: self.port.to_i, path:).to_s
     end
 
@@ -389,6 +369,12 @@ module CopyTunerClient
 
     private
 
+    # project_id は必須。未設定なら明示的に失敗させる。
+    # apply（起動時の全体検証）と project_url（apply を経ない経路へのセーフネット）の両方から呼ぶ。
+    def validate_project_id!
+      raise ArgumentError, 'project_id is required' if project_id.nil?
+    end
+
     def default_port
       if secure?
         443