living-ai-documentation 1.0.0

package/dist/src/frontend/i18n.js

@@ -0,0 +1,32 @@
+// ── i18n loader ───────────────────────────────────────────────────────────────
+// Regular script (not ES module) — works in all three pages.
+// Exposes window.t(key), window.initI18n(lang), window.applyI18n().
+(function () {
+  let _dict = {};
+
+  window.t = function (key) {
+    return _dict[key] !== undefined ? _dict[key] : key;
+  };
+
+  window.initI18n = async function (lang) {
+    try {
+      const res = await fetch('/i18n/' + (lang || 'en') + '.json');
+      if (res.ok) _dict = await res.json();
+    } catch { /* keep empty dict — keys used as fallback text */ }
+  };
+
+  window.applyI18n = function () {
+    document.querySelectorAll('[data-i18n]').forEach(function (el) {
+      el.textContent = window.t(el.dataset.i18n);
+    });
+    document.querySelectorAll('[data-i18n-title]').forEach(function (el) {
+      el.title = window.t(el.dataset.i18nTitle);
+    });
+    document.querySelectorAll('[data-i18n-placeholder]').forEach(function (el) {
+      el.placeholder = window.t(el.dataset.i18nPlaceholder);
+    });
+    document.querySelectorAll('[data-i18n-html]').forEach(function (el) {
+      el.innerHTML = window.t(el.dataset.i18nHtml);
+    });
+  };
+})();

package/dist/src/frontend/image-paste.js

@@ -0,0 +1,126 @@
+// ── Image paste + lightbox ──────────────────────────────────────────────────
+// Handles Cmd/Ctrl+V image paste in the markdown editor and the image
+// lightbox overlay used when clicking an image in a rendered document.
+
+// State for the image paste confirmation flow
+let _imgPasteBlob = null;
+let _imgPasteExt = "png";
+let _imgPasteCursorStart = 0;
+let _imgPasteCursorEnd = 0;
+
+// Strip diacritics (é → e, à → a, ç → c), lowercase, then replace anything
+// that isn't [a-z0-9] by "_". Length is preserved so the input caret stays put.
+const _LD_DIACRITICS_RE = new RegExp("[\\u0300-\\u036f]", "g");
+function _sanitizeImageName(s) {
+  return (s || "")
+    .normalize("NFD")
+    .replace(_LD_DIACRITICS_RE, "")
+    .toLowerCase()
+    .replace(/[^a-z0-9]/g, "_");
+}
+
+function _wireImageNameSanitizer() {
+  const input = document.getElementById("img-paste-name");
+  if (!input || input.dataset.ldSanitizerWired === "1") return;
+  input.dataset.ldSanitizerWired = "1";
+  input.addEventListener("input", () => {
+    const pos = input.selectionStart;
+    const cleaned = _sanitizeImageName(input.value);
+    if (cleaned !== input.value) {
+      input.value = cleaned;
+      input.setSelectionRange(pos, pos);
+    }
+  });
+}
+
+async function handleEditorPaste(e) {
+  const items = Array.from(e.clipboardData?.items ?? []);
+  const imageItem = items.find((item) => item.type.startsWith("image/"));
+  if (!imageItem) return;
+
+  e.preventDefault();
+
+  const editor = document.getElementById("doc-editor");
+  _imgPasteCursorStart = editor.selectionStart;
+  _imgPasteCursorEnd = editor.selectionEnd;
+  _imgPasteExt =
+    imageItem.type.split("/")[1].replace("jpeg", "jpg") || "png";
+  _imgPasteBlob = imageItem.getAsFile();
+  if (!_imgPasteBlob) return;
+
+  // Propose a default name: timestamp in ms (already [0-9]+, so sanitization-safe)
+  const defaultName = _sanitizeImageName(Date.now().toString());
+  document.getElementById("img-paste-name").value = defaultName;
+  document.getElementById("img-paste-ext").textContent =
+    "." + _imgPasteExt;
+  document.getElementById("img-paste-modal").classList.remove("hidden");
+
+  // Focus the name input and select all for quick renaming
+  const nameInput = document.getElementById("img-paste-name");
+  _wireImageNameSanitizer();
+  nameInput.focus();
+  nameInput.select();
+}
+
+function imgPasteCancel() {
+  document.getElementById("img-paste-modal").classList.add("hidden");
+  _imgPasteBlob = null;
+}
+
+async function imgPasteConfirm() {
+  const raw = document.getElementById("img-paste-name").value.trim();
+  const name = _sanitizeImageName(raw) || Date.now().toString();
+  document.getElementById("img-paste-modal").classList.add("hidden");
+
+  const editor = document.getElementById("doc-editor");
+  const msgEl = document.getElementById("edit-save-msg");
+
+  msgEl.textContent = window.t('doc.uploading_image');
+  msgEl.className = "text-xs text-gray-400";
+
+  try {
+    const base64 = await new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onload = () => resolve(reader.result);
+      reader.onerror = reject;
+      reader.readAsDataURL(_imgPasteBlob);
+    });
+
+    const res = await fetch("/api/images/upload", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ data: base64, ext: _imgPasteExt, name }),
+    });
+    if (!res.ok) throw new Error(await res.text());
+
+    const { filename } = await res.json();
+    const mdImage = `![image](./images/${filename})`;
+
+    const before = editor.value.slice(0, _imgPasteCursorStart);
+    const after = editor.value.slice(_imgPasteCursorEnd);
+    editor.value = before + mdImage + after;
+    editor.selectionStart = editor.selectionEnd =
+      _imgPasteCursorStart + mdImage.length;
+    editor.focus();
+    msgEl.textContent = "";
+  } catch (err) {
+    msgEl.textContent = window.t('doc.image_upload_failed') + err.message;
+    msgEl.className = "text-xs text-red-500 dark:text-red-400";
+  } finally {
+    _imgPasteBlob = null;
+  }
+}
+
+// ── Lightbox ────────────────────────────────────────────────────────────────
+function openLightbox(src, alt) {
+  const lb = document.getElementById("img-lightbox");
+  document.getElementById("img-lightbox-img").src = src;
+  document.getElementById("img-lightbox-img").alt = alt || "";
+  lb.classList.remove("hidden");
+}
+
+function closeLightbox() {
+  const lb = document.getElementById("img-lightbox");
+  lb.classList.add("hidden");
+  document.getElementById("img-lightbox-img").src = "";
+}