@collidecreatives/edit-mode 0.1.0

package/README.md

@@ -0,0 +1,114 @@
+# @collidecreatives/edit-mode
+
+Tiny browser edit mode overlay for collecting client copy changes.
+
+It lets a client open a page with `?edit=true`, click visible text, make copy tweaks, then copy a structured JSON change list.
+
+## Install
+
+```bash
+npm install @collidecreatives/edit-mode
+```
+
+## Vite / Statamic / Laravel
+
+```js
+// resources/js/site.js
+import { initClientEditMode } from "@collidecreatives/edit-mode";
+
+initClientEditMode({
+  brandName: "Client Edit Mode",
+  sessionKey: "mm-edit-mode",
+});
+```
+
+Open any page with:
+
+```txt
+?edit=true
+```
+
+Example:
+
+```txt
+https://example.com/about?edit=true
+```
+
+## Static browser script
+
+Use the IIFE build if a site cannot bundle npm packages:
+
+```html
+<script
+  src="/edit-mode.js"
+  data-brand-name="Client Edit Mode"
+  data-session-key="client-edit-mode"
+></script>
+```
+
+The browser build auto-initialises. It only activates when `?edit=true` is present, when the session key is already set, or when you initialise manually with `enabled: true`.
+
+## Options
+
+```ts
+initClientEditMode({
+  enabled: undefined,
+  queryParam: "edit",
+  queryValue: "true",
+  sessionKey: "collide-edit-mode",
+  brandName: "Edit Mode",
+  accentColour: "#1e40af",
+  editableSelector: "h1,h2,h3,h4,h5,h6,p,li,blockquote,figcaption,label,legend,dt,dd,th,td,a,button",
+  skipSelector: "[data-no-edit],[data-edit-mode-skip],form,input,textarea,select,option,script,style,svg,canvas,iframe",
+  onCopy: (payload) => console.log(payload),
+});
+```
+
+## Opt out in templates
+
+```html
+<nav data-no-edit>
+  ...
+</nav>
+```
+
+## Payload
+
+```json
+{
+  "site": "example.com",
+  "page": "/about",
+  "pageTitle": "About",
+  "url": "https://example.com/about?edit=true",
+  "timestamp": "2026-07-01T00:00:00.000Z",
+  "changes": [
+    {
+      "path": "#hero > h1: \"Old heading\"",
+      "tag": "H1",
+      "original": "Old heading",
+      "new": "New heading"
+    }
+  ]
+}
+```
+
+## Build
+
+```bash
+npm run build
+```
+
+Outputs:
+
+- `dist/index.js`
+- `dist/index.cjs`
+- `dist/index.d.ts`
+- `dist/browser.global.js`
+
+## Publish
+
+```bash
+npm publish --access public
+```
+
+If publishing privately, configure npm/GitHub Packages first.

package/dist/browser.global.js

@@ -0,0 +1,3 @@
+"use strict";var CollideEditMode=(()=>{var g=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var w=(t,e)=>{for(var n in e)g(t,n,{get:e[n],enumerable:!0})},S=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of x(e))!C.call(t,o)&&o!==n&&g(t,o,{get:()=>e[o],enumerable:!(i=E(e,o))||i.enumerable});return t};var M=t=>S(g({},"__esModule",{value:!0}),t);var D={};w(D,{initClientEditMode:()=>m});var v="h1,h2,h3,h4,h5,h6,p,li,blockquote,figcaption,label,legend,dt,dd,th,td,a,button",L="[data-no-edit],[data-edit-mode-skip],form,input,textarea,select,option,script,style,svg,canvas,iframe,.cem-edit-banner,.cem-copy-btn,.cem-toast",k=new Set(["IMG","PICTURE","SVG","VIDEO","CANVAS","IFRAME","SCRIPT","STYLE"]),I={queryParam:"edit",queryValue:"true",sessionKey:"collide-edit-mode",brandName:"Edit Mode",accentColour:"#1e40af",editableSelector:v,skipSelector:L};function T(){return typeof window<"u"&&typeof document<"u"}function O(t){if(t.enabled!==void 0)return t.enabled;let n=new URL(window.location.href).searchParams.get(t.queryParam);return(t.queryValue===null?n!==null:n===t.queryValue)||window.sessionStorage.getItem(t.sessionKey)==="1"}function q(t){let e=document.createElement("style");return e.dataset.editModeStyle="true",e.textContent=[`.cem-edit-banner{position:fixed;top:0;left:0;right:0;z-index:2147483640;background:${t};color:#fff;text-align:center;padding:7px 56px 7px 16px;font-size:13px;font-family:system-ui,-apple-system,sans-serif;line-height:1.4}`,".cem-edit-banner kbd{background:rgba(255,255,255,0.15);padding:0 4px;border-radius:3px;font-size:11px}",".cem-exit-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);color:#fff;padding:3px 10px;border-radius:4px;font-size:12px;cursor:pointer;font-family:inherit;white-space:nowrap}",".cem-exit-btn:hover{background:rgba(255,255,255,0.25)}","[contenteditable=true]{cursor:text!important}","[contenteditable=true]:hover{outline:2px dashed rgba(59,130,246,0.5)!important;outline-offset:2px}","[contenteditable=true]:focus{outline:2px solid #3b82f6!important;outline-offset:2px;background:rgba(59,130,246,0.04)}",`.cem-copy-btn{position:fixed;bottom:80px;right:16px;z-index:2147483640;background:${t};color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,0.3);transition:transform .15s,opacity .15s;white-space:nowrap}`,".cem-copy-btn:hover{transform:scale(1.05)}",".cem-copy-btn:active{transform:scale(.97)}",".cem-toast{position:fixed;bottom:132px;right:16px;z-index:2147483641;background:#065f46;color:#fff;padding:10px 18px;border-radius:8px;font-size:14px;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 2px 12px rgba(0,0,0,0.3);transition:opacity .3s}","@media(min-width:768px){.cem-copy-btn{bottom:24px;right:24px}.cem-toast{bottom:76px;right:24px}}"].join(`
+`),document.head.appendChild(e),e}function y(t){document.querySelector(".cem-toast")?.remove();let e=document.createElement("div");e.className="cem-toast",e.textContent=t,document.body.appendChild(e),window.setTimeout(()=>{e.style.opacity="0",window.setTimeout(()=>e.parentNode?.removeChild(e),300)},2500)}function h(t,e){let n=document.createElement("textarea");n.value=t,n.style.position="fixed",n.style.left="-9999px",document.body.appendChild(n),n.select();try{document.execCommand("copy")}catch{}document.body.removeChild(n),y(e)}function P(t,e){if(t.closest(e)||!(t.textContent?.trim()??""))return!1;let i=Array.from(t.children);return!(i.length>0&&i.every(o=>k.has(o.tagName)))}function A(t){let e="",n=t.parentElement;for(;n&&n!==document.body&&n!==document.documentElement;){if(n.id){e=`#${n.id}`;break}let s=n.getAttribute("data-section");if(s){e=s;break}if(n.tagName==="SECTION"){let r=n.querySelector("h1,h2,h3");if(r?.textContent){e=r.textContent.trim().slice(0,40);break}}if(["HEADER","FOOTER","MAIN","NAV"].includes(n.tagName)){e=n.tagName.toLowerCase();break}n=n.parentElement}let i=t.tagName.toLowerCase(),o=t.dataset.editOriginal||t.textContent?.trim()||"",l=o.slice(0,40)+(o.length>40?"...":"");return`${e?`${e} > `:""}${i}: "${l}"`}function N(t,e){document.querySelectorAll("a[href]").forEach(n=>{let i=n.getAttribute("href");if(!(!i||/^(https?:|mailto:|tel:|javascript:)/i.test(i)))try{let o=new URL(i,window.location.href);if(o.origin!==window.location.origin)return;o.searchParams.set(t,e??"1");let l=o.hash;o.hash="",n.setAttribute("href",`${o.pathname}${o.search}${l}`)}catch{}})}function m(t={}){if(!T())return{active:!1,getChanges:()=>[],destroy:()=>{}};let e={...I,...t};if(!O(e))return{active:!1,getChanges:()=>[],destroy:()=>{}};if(window.__COLLIDE_EDIT_MODE_ACTIVE)return{active:!0,getChanges:()=>u(e.editableSelector),destroy:()=>{}};window.__COLLIDE_EDIT_MODE_ACTIVE=!0,window.sessionStorage.setItem(e.sessionKey,"1");let n=q(e.accentColour),i=document.createElement("div");i.className="cem-edit-banner",i.innerHTML=`\u270F\uFE0F <strong>${e.brandName}</strong> \u2014 Click any text to edit. Press <kbd>Esc</kbd> to finish editing.`;let o=document.createElement("button");o.className="cem-exit-btn",o.textContent="\u2715 Exit",o.addEventListener("click",()=>{window.sessionStorage.removeItem(e.sessionKey);let a=new URL(window.location.href);a.searchParams.delete(e.queryParam),window.location.href=a.toString()}),i.appendChild(o),document.body.prepend(i),document.querySelectorAll("[data-reveal]").forEach(a=>a.classList.add("is-visible")),N(e.queryParam,e.queryValue),document.querySelectorAll(e.editableSelector).forEach(a=>{if(!P(a,e.skipSelector))return;let d=a.textContent?.trim()??"";a.contentEditable="true",a.dataset.editOriginal||(a.dataset.editOriginal=d)});let s=a=>{let d=a.target;if(!(d instanceof Element))return;let c=d.closest("button");c&&!c.classList.contains("cem-copy-btn")&&!c.closest(".cem-edit-banner")&&(a.preventDefault(),a.stopImmediatePropagation())};document.addEventListener("click",s,!0);let r=document.createElement("button");r.className="cem-copy-btn",document.body.appendChild(r);let p=()=>{let a=u(e.editableSelector).length;r.textContent=a>0?`\u{1F4CB} Copy Changes (${a})`:"\u{1F4CB} Copy Changes"};return document.addEventListener("input",p),p(),r.addEventListener("click",()=>{let a=u(e.editableSelector),d={site:window.location.hostname,page:window.location.pathname,pageTitle:document.title,url:window.location.href,timestamp:new Date().toISOString(),changes:a};t.onCopy?.(d);let c=t.mapPayload?t.mapPayload(d):d,f=JSON.stringify(c,null,2),b=`\u2713 Copied ${a.length} change${a.length!==1?"s":""} to clipboard`;navigator.clipboard?.writeText?navigator.clipboard.writeText(f).then(()=>y(b)).catch(()=>h(f,b)):h(f,b)}),{active:!0,getChanges:()=>u(e.editableSelector),destroy:()=>{document.removeEventListener("click",s,!0),document.removeEventListener("input",p),i.remove(),r.remove(),n.remove(),document.querySelectorAll(e.editableSelector).forEach(a=>{a.dataset.editOriginal!==void 0&&(a.contentEditable="false",delete a.dataset.editOriginal)}),window.__COLLIDE_EDIT_MODE_ACTIVE=!1}}}function u(t){let e=[];return document.querySelectorAll(t).forEach(n=>{if(!n.isContentEditable&&n.contentEditable!=="true")return;let i=n.dataset.editOriginal;if(i===void 0)return;let o=n.textContent?.trim()??"";i!==o&&e.push({path:A(n),tag:n.tagName,original:i,new:o})}),e}var _={initClientEditMode:m};if(typeof window<"u"){window.CollideEditMode=_;let t=document.currentScript,e={};t?.dataset.brandName&&(e.brandName=t.dataset.brandName),t?.dataset.queryParam&&(e.queryParam=t.dataset.queryParam),t?.dataset.queryValue&&(e.queryValue=t.dataset.queryValue),t?.dataset.sessionKey&&(e.sessionKey=t.dataset.sessionKey),t?.dataset.accentColour&&(e.accentColour=t.dataset.accentColour),t?.dataset.editableSelector&&(e.editableSelector=t.dataset.editableSelector),t?.dataset.skipSelector&&(e.skipSelector=t.dataset.skipSelector),m(e)}return M(D);})();
+//# sourceMappingURL=browser.global.js.map

package/dist/browser.global.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/browser.ts","../src/index.ts"],"sourcesContent":["import { initClientEditMode } from \"./index\";\nimport type { EditModeInstance, EditModeOptions } from \"./types\";\n\nconst api = { initClientEditMode };\n\nif (typeof window !== \"undefined\") {\n  window.CollideEditMode = api;\n\n  const script = document.currentScript as HTMLScriptElement | null;\n  const options: EditModeOptions = {};\n\n  if (script?.dataset.brandName) options.brandName = script.dataset.brandName;\n  if (script?.dataset.queryParam) options.queryParam = script.dataset.queryParam;\n  if (script?.dataset.queryValue) options.queryValue = script.dataset.queryValue;\n  if (script?.dataset.sessionKey) options.sessionKey = script.dataset.sessionKey;\n  if (script?.dataset.accentColour) options.accentColour = script.dataset.accentColour;\n  if (script?.dataset.editableSelector) options.editableSelector = script.dataset.editableSelector;\n  if (script?.dataset.skipSelector) options.skipSelector = script.dataset.skipSelector;\n\n  initClientEditMode(options);\n}\n\nexport { initClientEditMode };\nexport type { EditModeInstance, EditModeOptions };\n","import type { EditModeChange, EditModeInstance, EditModeOptions, EditModePayload } from \"./types\";\n\nexport type { EditModeChange, EditModeInstance, EditModeOptions, EditModePayload } from \"./types\";\n\nconst DEFAULT_EDITABLE_SELECTOR =\n  \"h1,h2,h3,h4,h5,h6,p,li,blockquote,figcaption,label,legend,dt,dd,th,td,a,button\";\n\nconst DEFAULT_SKIP_SELECTOR =\n  \"[data-no-edit],[data-edit-mode-skip],form,input,textarea,select,option,script,style,svg,canvas,iframe,.cem-edit-banner,.cem-copy-btn,.cem-toast\";\n\nconst SKIP_CHILD_TAGS = new Set([\"IMG\", \"PICTURE\", \"SVG\", \"VIDEO\", \"CANVAS\", \"IFRAME\", \"SCRIPT\", \"STYLE\"]);\n\nconst defaults = {\n  queryParam: \"edit\",\n  queryValue: \"true\" as string | null,\n  sessionKey: \"collide-edit-mode\",\n  brandName: \"Edit Mode\",\n  accentColour: \"#1e40af\",\n  editableSelector: DEFAULT_EDITABLE_SELECTOR,\n  skipSelector: DEFAULT_SKIP_SELECTOR,\n};\n\nfunction hasDom() {\n  return typeof window !== \"undefined\" && typeof document !== \"undefined\";\n}\n\nfunction shouldEnable(options: Required<Omit<EditModeOptions, \"enabled\" | \"onCopy\" | \"mapPayload\">> & Pick<EditModeOptions, \"enabled\">) {\n  if (options.enabled !== undefined) return options.enabled;\n\n  const url = new URL(window.location.href);\n  const queryValue = url.searchParams.get(options.queryParam);\n  const queryMatches =\n    options.queryValue === null ? queryValue !== null : queryValue === options.queryValue;\n\n  return queryMatches || window.sessionStorage.getItem(options.sessionKey) === \"1\";\n}\n\nfunction addStyles(accentColour: string) {\n  const style = document.createElement(\"style\");\n  style.dataset.editModeStyle = \"true\";\n  style.textContent = [\n    `.cem-edit-banner{position:fixed;top:0;left:0;right:0;z-index:2147483640;background:${accentColour};color:#fff;text-align:center;padding:7px 56px 7px 16px;font-size:13px;font-family:system-ui,-apple-system,sans-serif;line-height:1.4}`,\n    \".cem-edit-banner kbd{background:rgba(255,255,255,0.15);padding:0 4px;border-radius:3px;font-size:11px}\",\n    \".cem-exit-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);color:#fff;padding:3px 10px;border-radius:4px;font-size:12px;cursor:pointer;font-family:inherit;white-space:nowrap}\",\n    \".cem-exit-btn:hover{background:rgba(255,255,255,0.25)}\",\n    \"[contenteditable=true]{cursor:text!important}\",\n    \"[contenteditable=true]:hover{outline:2px dashed rgba(59,130,246,0.5)!important;outline-offset:2px}\",\n    \"[contenteditable=true]:focus{outline:2px solid #3b82f6!important;outline-offset:2px;background:rgba(59,130,246,0.04)}\",\n    `.cem-copy-btn{position:fixed;bottom:80px;right:16px;z-index:2147483640;background:${accentColour};color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,0.3);transition:transform .15s,opacity .15s;white-space:nowrap}`,\n    \".cem-copy-btn:hover{transform:scale(1.05)}\",\n    \".cem-copy-btn:active{transform:scale(.97)}\",\n    \".cem-toast{position:fixed;bottom:132px;right:16px;z-index:2147483641;background:#065f46;color:#fff;padding:10px 18px;border-radius:8px;font-size:14px;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 2px 12px rgba(0,0,0,0.3);transition:opacity .3s}\",\n    \"@media(min-width:768px){.cem-copy-btn{bottom:24px;right:24px}.cem-toast{bottom:76px;right:24px}}\",\n  ].join(\"\\n\");\n  document.head.appendChild(style);\n  return style;\n}\n\nfunction showToast(message: string) {\n  document.querySelector(\".cem-toast\")?.remove();\n  const toast = document.createElement(\"div\");\n  toast.className = \"cem-toast\";\n  toast.textContent = message;\n  document.body.appendChild(toast);\n  window.setTimeout(() => {\n    toast.style.opacity = \"0\";\n    window.setTimeout(() => toast.parentNode?.removeChild(toast), 300);\n  }, 2500);\n}\n\nfunction fallbackCopy(text: string, label: string) {\n  const textarea = document.createElement(\"textarea\");\n  textarea.value = text;\n  textarea.style.position = \"fixed\";\n  textarea.style.left = \"-9999px\";\n  document.body.appendChild(textarea);\n  textarea.select();\n  try {\n    document.execCommand(\"copy\");\n  } catch {\n    // Ignore: the JSON remains visible via devtools and caller onCopy still runs.\n  }\n  document.body.removeChild(textarea);\n  showToast(label);\n}\n\nfunction isEditableElement(el: Element, skipSelector: string) {\n  if (el.closest(skipSelector)) return false;\n\n  const text = el.textContent?.trim() ?? \"\";\n  if (!text) return false;\n\n  const children = Array.from(el.children);\n  if (children.length > 0 && children.every((child) => SKIP_CHILD_TAGS.has(child.tagName))) {\n    return false;\n  }\n\n  return true;\n}\n\nfunction getEditPath(el: HTMLElement) {\n  let context = \"\";\n  let current = el.parentElement;\n\n  while (current && current !== document.body && current !== document.documentElement) {\n    if (current.id) {\n      context = `#${current.id}`;\n      break;\n    }\n\n    const section = current.getAttribute(\"data-section\");\n    if (section) {\n      context = section;\n      break;\n    }\n\n    if (current.tagName === \"SECTION\") {\n      const heading = current.querySelector(\"h1,h2,h3\");\n      if (heading?.textContent) {\n        context = heading.textContent.trim().slice(0, 40);\n        break;\n      }\n    }\n\n    if ([\"HEADER\", \"FOOTER\", \"MAIN\", \"NAV\"].includes(current.tagName)) {\n      context = current.tagName.toLowerCase();\n      break;\n    }\n\n    current = current.parentElement;\n  }\n\n  const tag = el.tagName.toLowerCase();\n  const text = el.dataset.editOriginal || el.textContent?.trim() || \"\";\n  const snippet = text.slice(0, 40) + (text.length > 40 ? \"...\" : \"\");\n  return `${context ? `${context} > ` : \"\"}${tag}: \"${snippet}\"`;\n}\n\nfunction rewriteLinks(queryParam: string, queryValue: string | null) {\n  document.querySelectorAll<HTMLAnchorElement>(\"a[href]\").forEach((anchor) => {\n    const href = anchor.getAttribute(\"href\");\n    if (!href || /^(https?:|mailto:|tel:|javascript:)/i.test(href)) return;\n\n    try {\n      const url = new URL(href, window.location.href);\n      if (url.origin !== window.location.origin) return;\n\n      url.searchParams.set(queryParam, queryValue ?? \"1\");\n      const hash = url.hash;\n      url.hash = \"\";\n      anchor.setAttribute(\"href\", `${url.pathname}${url.search}${hash}`);\n    } catch {\n      // Leave unusual hrefs unchanged.\n    }\n  });\n}\n\nexport function initClientEditMode(options: EditModeOptions = {}): EditModeInstance {\n  if (!hasDom()) {\n    return { active: false, getChanges: () => [], destroy: () => undefined };\n  }\n\n  const config = { ...defaults, ...options };\n\n  if (!shouldEnable(config)) {\n    return { active: false, getChanges: () => [], destroy: () => undefined };\n  }\n\n  if (window.__COLLIDE_EDIT_MODE_ACTIVE) {\n    return { active: true, getChanges: () => collectChanges(config.editableSelector), destroy: () => undefined };\n  }\n\n  window.__COLLIDE_EDIT_MODE_ACTIVE = true;\n  window.sessionStorage.setItem(config.sessionKey, \"1\");\n\n  const style = addStyles(config.accentColour);\n\n  const banner = document.createElement(\"div\");\n  banner.className = \"cem-edit-banner\";\n  banner.innerHTML = `✏️ <strong>${config.brandName}</strong> — Click any text to edit. Press <kbd>Esc</kbd> to finish editing.`;\n\n  const exitButton = document.createElement(\"button\");\n  exitButton.className = \"cem-exit-btn\";\n  exitButton.textContent = \"✕ Exit\";\n  exitButton.addEventListener(\"click\", () => {\n    window.sessionStorage.removeItem(config.sessionKey);\n    const url = new URL(window.location.href);\n    url.searchParams.delete(config.queryParam);\n    window.location.href = url.toString();\n  });\n  banner.appendChild(exitButton);\n  document.body.prepend(banner);\n\n  document.querySelectorAll(\"[data-reveal]\").forEach((el) => el.classList.add(\"is-visible\"));\n  rewriteLinks(config.queryParam, config.queryValue);\n\n  const initEditable = () => {\n    document.querySelectorAll<HTMLElement>(config.editableSelector).forEach((el) => {\n      if (!isEditableElement(el, config.skipSelector)) return;\n      const text = el.textContent?.trim() ?? \"\";\n      el.contentEditable = \"true\";\n      if (!el.dataset.editOriginal) el.dataset.editOriginal = text;\n    });\n  };\n  initEditable();\n\n  const blockButtonClicks = (event: MouseEvent) => {\n    const target = event.target;\n    if (!(target instanceof Element)) return;\n    const button = target.closest(\"button\");\n    if (button && !button.classList.contains(\"cem-copy-btn\") && !button.closest(\".cem-edit-banner\")) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  };\n  document.addEventListener(\"click\", blockButtonClicks, true);\n\n  const copyButton = document.createElement(\"button\");\n  copyButton.className = \"cem-copy-btn\";\n  document.body.appendChild(copyButton);\n\n  const updateCounter = () => {\n    const count = collectChanges(config.editableSelector).length;\n    copyButton.textContent = count > 0 ? `📋 Copy Changes (${count})` : \"📋 Copy Changes\";\n  };\n\n  document.addEventListener(\"input\", updateCounter);\n  updateCounter();\n\n  copyButton.addEventListener(\"click\", () => {\n    const changes = collectChanges(config.editableSelector);\n    const payload: EditModePayload = {\n      site: window.location.hostname,\n      page: window.location.pathname,\n      pageTitle: document.title,\n      url: window.location.href,\n      timestamp: new Date().toISOString(),\n      changes,\n    };\n\n    options.onCopy?.(payload);\n\n    const copyPayload = options.mapPayload ? options.mapPayload(payload) : payload;\n    const json = JSON.stringify(copyPayload, null, 2);\n    const label = `✓ Copied ${changes.length} change${changes.length !== 1 ? \"s\" : \"\"} to clipboard`;\n\n    if (navigator.clipboard?.writeText) {\n      navigator.clipboard.writeText(json).then(() => showToast(label)).catch(() => fallbackCopy(json, label));\n    } else {\n      fallbackCopy(json, label);\n    }\n  });\n\n  return {\n    active: true,\n    getChanges: () => collectChanges(config.editableSelector),\n    destroy: () => {\n      document.removeEventListener(\"click\", blockButtonClicks, true);\n      document.removeEventListener(\"input\", updateCounter);\n      banner.remove();\n      copyButton.remove();\n      style.remove();\n      document.querySelectorAll<HTMLElement>(config.editableSelector).forEach((el) => {\n        if (el.dataset.editOriginal !== undefined) {\n          el.contentEditable = \"false\";\n          delete el.dataset.editOriginal;\n        }\n      });\n      window.__COLLIDE_EDIT_MODE_ACTIVE = false;\n    },\n  };\n}\n\nfunction collectChanges(editableSelector: string): EditModeChange[] {\n  const changes: EditModeChange[] = [];\n\n  document.querySelectorAll<HTMLElement>(editableSelector).forEach((el) => {\n    if (!el.isContentEditable && el.contentEditable !== \"true\") return;\n    const original = el.dataset.editOriginal;\n    if (original === undefined) return;\n\n    const current = el.textContent?.trim() ?? \"\";\n    if (original !== current) {\n      changes.push({\n        path: getEditPath(el),\n        tag: el.tagName,\n        original,\n        new: current,\n      });\n    }\n  });\n\n  return changes;\n}\n"],"mappings":"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","names":["browser_exports","__export","initClientEditMode","DEFAULT_EDITABLE_SELECTOR","DEFAULT_SKIP_SELECTOR","SKIP_CHILD_TAGS","defaults","hasDom","shouldEnable","options","queryValue","addStyles","accentColour","style","showToast","message","toast","fallbackCopy","text","label","textarea","isEditableElement","el","skipSelector","children","child","getEditPath","context","current","section","heading","tag","snippet","rewriteLinks","queryParam","anchor","href","url","hash","initClientEditMode","config","collectChanges","banner","exitButton","blockButtonClicks","event","target","button","copyButton","updateCounter","count","changes","payload","copyPayload","json","editableSelector","original","api","initClientEditMode","script","options"]}

package/dist/index.cjs

@@ -0,0 +1,268 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  initClientEditMode: () => initClientEditMode
+});
+module.exports = __toCommonJS(src_exports);
+var DEFAULT_EDITABLE_SELECTOR = "h1,h2,h3,h4,h5,h6,p,li,blockquote,figcaption,label,legend,dt,dd,th,td,a,button";
+var DEFAULT_SKIP_SELECTOR = "[data-no-edit],[data-edit-mode-skip],form,input,textarea,select,option,script,style,svg,canvas,iframe,.cem-edit-banner,.cem-copy-btn,.cem-toast";
+var SKIP_CHILD_TAGS = /* @__PURE__ */ new Set(["IMG", "PICTURE", "SVG", "VIDEO", "CANVAS", "IFRAME", "SCRIPT", "STYLE"]);
+var defaults = {
+  queryParam: "edit",
+  queryValue: "true",
+  sessionKey: "collide-edit-mode",
+  brandName: "Edit Mode",
+  accentColour: "#1e40af",
+  editableSelector: DEFAULT_EDITABLE_SELECTOR,
+  skipSelector: DEFAULT_SKIP_SELECTOR
+};
+function hasDom() {
+  return typeof window !== "undefined" && typeof document !== "undefined";
+}
+function shouldEnable(options) {
+  if (options.enabled !== void 0) return options.enabled;
+  const url = new URL(window.location.href);
+  const queryValue = url.searchParams.get(options.queryParam);
+  const queryMatches = options.queryValue === null ? queryValue !== null : queryValue === options.queryValue;
+  return queryMatches || window.sessionStorage.getItem(options.sessionKey) === "1";
+}
+function addStyles(accentColour) {
+  const style = document.createElement("style");
+  style.dataset.editModeStyle = "true";
+  style.textContent = [
+    `.cem-edit-banner{position:fixed;top:0;left:0;right:0;z-index:2147483640;background:${accentColour};color:#fff;text-align:center;padding:7px 56px 7px 16px;font-size:13px;font-family:system-ui,-apple-system,sans-serif;line-height:1.4}`,
+    ".cem-edit-banner kbd{background:rgba(255,255,255,0.15);padding:0 4px;border-radius:3px;font-size:11px}",
+    ".cem-exit-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);color:#fff;padding:3px 10px;border-radius:4px;font-size:12px;cursor:pointer;font-family:inherit;white-space:nowrap}",
+    ".cem-exit-btn:hover{background:rgba(255,255,255,0.25)}",
+    "[contenteditable=true]{cursor:text!important}",
+    "[contenteditable=true]:hover{outline:2px dashed rgba(59,130,246,0.5)!important;outline-offset:2px}",
+    "[contenteditable=true]:focus{outline:2px solid #3b82f6!important;outline-offset:2px;background:rgba(59,130,246,0.04)}",
+    `.cem-copy-btn{position:fixed;bottom:80px;right:16px;z-index:2147483640;background:${accentColour};color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,0.3);transition:transform .15s,opacity .15s;white-space:nowrap}`,
+    ".cem-copy-btn:hover{transform:scale(1.05)}",
+    ".cem-copy-btn:active{transform:scale(.97)}",
+    ".cem-toast{position:fixed;bottom:132px;right:16px;z-index:2147483641;background:#065f46;color:#fff;padding:10px 18px;border-radius:8px;font-size:14px;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 2px 12px rgba(0,0,0,0.3);transition:opacity .3s}",
+    "@media(min-width:768px){.cem-copy-btn{bottom:24px;right:24px}.cem-toast{bottom:76px;right:24px}}"
+  ].join("\n");
+  document.head.appendChild(style);
+  return style;
+}
+function showToast(message) {
+  document.querySelector(".cem-toast")?.remove();
+  const toast = document.createElement("div");
+  toast.className = "cem-toast";
+  toast.textContent = message;
+  document.body.appendChild(toast);
+  window.setTimeout(() => {
+    toast.style.opacity = "0";
+    window.setTimeout(() => toast.parentNode?.removeChild(toast), 300);
+  }, 2500);
+}
+function fallbackCopy(text, label) {
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.style.position = "fixed";
+  textarea.style.left = "-9999px";
+  document.body.appendChild(textarea);
+  textarea.select();
+  try {
+    document.execCommand("copy");
+  } catch {
+  }
+  document.body.removeChild(textarea);
+  showToast(label);
+}
+function isEditableElement(el, skipSelector) {
+  if (el.closest(skipSelector)) return false;
+  const text = el.textContent?.trim() ?? "";
+  if (!text) return false;
+  const children = Array.from(el.children);
+  if (children.length > 0 && children.every((child) => SKIP_CHILD_TAGS.has(child.tagName))) {
+    return false;
+  }
+  return true;
+}
+function getEditPath(el) {
+  let context = "";
+  let current = el.parentElement;
+  while (current && current !== document.body && current !== document.documentElement) {
+    if (current.id) {
+      context = `#${current.id}`;
+      break;
+    }
+    const section = current.getAttribute("data-section");
+    if (section) {
+      context = section;
+      break;
+    }
+    if (current.tagName === "SECTION") {
+      const heading = current.querySelector("h1,h2,h3");
+      if (heading?.textContent) {
+        context = heading.textContent.trim().slice(0, 40);
+        break;
+      }
+    }
+    if (["HEADER", "FOOTER", "MAIN", "NAV"].includes(current.tagName)) {
+      context = current.tagName.toLowerCase();
+      break;
+    }
+    current = current.parentElement;
+  }
+  const tag = el.tagName.toLowerCase();
+  const text = el.dataset.editOriginal || el.textContent?.trim() || "";
+  const snippet = text.slice(0, 40) + (text.length > 40 ? "..." : "");
+  return `${context ? `${context} > ` : ""}${tag}: "${snippet}"`;
+}
+function rewriteLinks(queryParam, queryValue) {
+  document.querySelectorAll("a[href]").forEach((anchor) => {
+    const href = anchor.getAttribute("href");
+    if (!href || /^(https?:|mailto:|tel:|javascript:)/i.test(href)) return;
+    try {
+      const url = new URL(href, window.location.href);
+      if (url.origin !== window.location.origin) return;
+      url.searchParams.set(queryParam, queryValue ?? "1");
+      const hash = url.hash;
+      url.hash = "";
+      anchor.setAttribute("href", `${url.pathname}${url.search}${hash}`);
+    } catch {
+    }
+  });
+}
+function initClientEditMode(options = {}) {
+  if (!hasDom()) {
+    return { active: false, getChanges: () => [], destroy: () => void 0 };
+  }
+  const config = { ...defaults, ...options };
+  if (!shouldEnable(config)) {
+    return { active: false, getChanges: () => [], destroy: () => void 0 };
+  }
+  if (window.__COLLIDE_EDIT_MODE_ACTIVE) {
+    return { active: true, getChanges: () => collectChanges(config.editableSelector), destroy: () => void 0 };
+  }
+  window.__COLLIDE_EDIT_MODE_ACTIVE = true;
+  window.sessionStorage.setItem(config.sessionKey, "1");
+  const style = addStyles(config.accentColour);
+  const banner = document.createElement("div");
+  banner.className = "cem-edit-banner";
+  banner.innerHTML = `\u270F\uFE0F <strong>${config.brandName}</strong> \u2014 Click any text to edit. Press <kbd>Esc</kbd> to finish editing.`;
+  const exitButton = document.createElement("button");
+  exitButton.className = "cem-exit-btn";
+  exitButton.textContent = "\u2715 Exit";
+  exitButton.addEventListener("click", () => {
+    window.sessionStorage.removeItem(config.sessionKey);
+    const url = new URL(window.location.href);
+    url.searchParams.delete(config.queryParam);
+    window.location.href = url.toString();
+  });
+  banner.appendChild(exitButton);
+  document.body.prepend(banner);
+  document.querySelectorAll("[data-reveal]").forEach((el) => el.classList.add("is-visible"));
+  rewriteLinks(config.queryParam, config.queryValue);
+  const initEditable = () => {
+    document.querySelectorAll(config.editableSelector).forEach((el) => {
+      if (!isEditableElement(el, config.skipSelector)) return;
+      const text = el.textContent?.trim() ?? "";
+      el.contentEditable = "true";
+      if (!el.dataset.editOriginal) el.dataset.editOriginal = text;
+    });
+  };
+  initEditable();
+  const blockButtonClicks = (event) => {
+    const target = event.target;
+    if (!(target instanceof Element)) return;
+    const button = target.closest("button");
+    if (button && !button.classList.contains("cem-copy-btn") && !button.closest(".cem-edit-banner")) {
+      event.preventDefault();
+      event.stopImmediatePropagation();
+    }
+  };
+  document.addEventListener("click", blockButtonClicks, true);
+  const copyButton = document.createElement("button");
+  copyButton.className = "cem-copy-btn";
+  document.body.appendChild(copyButton);
+  const updateCounter = () => {
+    const count = collectChanges(config.editableSelector).length;
+    copyButton.textContent = count > 0 ? `\u{1F4CB} Copy Changes (${count})` : "\u{1F4CB} Copy Changes";
+  };
+  document.addEventListener("input", updateCounter);
+  updateCounter();
+  copyButton.addEventListener("click", () => {
+    const changes = collectChanges(config.editableSelector);
+    const payload = {
+      site: window.location.hostname,
+      page: window.location.pathname,
+      pageTitle: document.title,
+      url: window.location.href,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      changes
+    };
+    options.onCopy?.(payload);
+    const copyPayload = options.mapPayload ? options.mapPayload(payload) : payload;
+    const json = JSON.stringify(copyPayload, null, 2);
+    const label = `\u2713 Copied ${changes.length} change${changes.length !== 1 ? "s" : ""} to clipboard`;
+    if (navigator.clipboard?.writeText) {
+      navigator.clipboard.writeText(json).then(() => showToast(label)).catch(() => fallbackCopy(json, label));
+    } else {
+      fallbackCopy(json, label);
+    }
+  });
+  return {
+    active: true,
+    getChanges: () => collectChanges(config.editableSelector),
+    destroy: () => {
+      document.removeEventListener("click", blockButtonClicks, true);
+      document.removeEventListener("input", updateCounter);
+      banner.remove();
+      copyButton.remove();
+      style.remove();
+      document.querySelectorAll(config.editableSelector).forEach((el) => {
+        if (el.dataset.editOriginal !== void 0) {
+          el.contentEditable = "false";
+          delete el.dataset.editOriginal;
+        }
+      });
+      window.__COLLIDE_EDIT_MODE_ACTIVE = false;
+    }
+  };
+}
+function collectChanges(editableSelector) {
+  const changes = [];
+  document.querySelectorAll(editableSelector).forEach((el) => {
+    if (!el.isContentEditable && el.contentEditable !== "true") return;
+    const original = el.dataset.editOriginal;
+    if (original === void 0) return;
+    const current = el.textContent?.trim() ?? "";
+    if (original !== current) {
+      changes.push({
+        path: getEditPath(el),
+        tag: el.tagName,
+        original,
+        new: current
+      });
+    }
+  });
+  return changes;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  initClientEditMode
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { EditModeChange, EditModeInstance, EditModeOptions, EditModePayload } from \"./types\";\n\nexport type { EditModeChange, EditModeInstance, EditModeOptions, EditModePayload } from \"./types\";\n\nconst DEFAULT_EDITABLE_SELECTOR =\n  \"h1,h2,h3,h4,h5,h6,p,li,blockquote,figcaption,label,legend,dt,dd,th,td,a,button\";\n\nconst DEFAULT_SKIP_SELECTOR =\n  \"[data-no-edit],[data-edit-mode-skip],form,input,textarea,select,option,script,style,svg,canvas,iframe,.cem-edit-banner,.cem-copy-btn,.cem-toast\";\n\nconst SKIP_CHILD_TAGS = new Set([\"IMG\", \"PICTURE\", \"SVG\", \"VIDEO\", \"CANVAS\", \"IFRAME\", \"SCRIPT\", \"STYLE\"]);\n\nconst defaults = {\n  queryParam: \"edit\",\n  queryValue: \"true\" as string | null,\n  sessionKey: \"collide-edit-mode\",\n  brandName: \"Edit Mode\",\n  accentColour: \"#1e40af\",\n  editableSelector: DEFAULT_EDITABLE_SELECTOR,\n  skipSelector: DEFAULT_SKIP_SELECTOR,\n};\n\nfunction hasDom() {\n  return typeof window !== \"undefined\" && typeof document !== \"undefined\";\n}\n\nfunction shouldEnable(options: Required<Omit<EditModeOptions, \"enabled\" | \"onCopy\" | \"mapPayload\">> & Pick<EditModeOptions, \"enabled\">) {\n  if (options.enabled !== undefined) return options.enabled;\n\n  const url = new URL(window.location.href);\n  const queryValue = url.searchParams.get(options.queryParam);\n  const queryMatches =\n    options.queryValue === null ? queryValue !== null : queryValue === options.queryValue;\n\n  return queryMatches || window.sessionStorage.getItem(options.sessionKey) === \"1\";\n}\n\nfunction addStyles(accentColour: string) {\n  const style = document.createElement(\"style\");\n  style.dataset.editModeStyle = \"true\";\n  style.textContent = [\n    `.cem-edit-banner{position:fixed;top:0;left:0;right:0;z-index:2147483640;background:${accentColour};color:#fff;text-align:center;padding:7px 56px 7px 16px;font-size:13px;font-family:system-ui,-apple-system,sans-serif;line-height:1.4}`,\n    \".cem-edit-banner kbd{background:rgba(255,255,255,0.15);padding:0 4px;border-radius:3px;font-size:11px}\",\n    \".cem-exit-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);color:#fff;padding:3px 10px;border-radius:4px;font-size:12px;cursor:pointer;font-family:inherit;white-space:nowrap}\",\n    \".cem-exit-btn:hover{background:rgba(255,255,255,0.25)}\",\n    \"[contenteditable=true]{cursor:text!important}\",\n    \"[contenteditable=true]:hover{outline:2px dashed rgba(59,130,246,0.5)!important;outline-offset:2px}\",\n    \"[contenteditable=true]:focus{outline:2px solid #3b82f6!important;outline-offset:2px;background:rgba(59,130,246,0.04)}\",\n    `.cem-copy-btn{position:fixed;bottom:80px;right:16px;z-index:2147483640;background:${accentColour};color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,0.3);transition:transform .15s,opacity .15s;white-space:nowrap}`,\n    \".cem-copy-btn:hover{transform:scale(1.05)}\",\n    \".cem-copy-btn:active{transform:scale(.97)}\",\n    \".cem-toast{position:fixed;bottom:132px;right:16px;z-index:2147483641;background:#065f46;color:#fff;padding:10px 18px;border-radius:8px;font-size:14px;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 2px 12px rgba(0,0,0,0.3);transition:opacity .3s}\",\n    \"@media(min-width:768px){.cem-copy-btn{bottom:24px;right:24px}.cem-toast{bottom:76px;right:24px}}\",\n  ].join(\"\\n\");\n  document.head.appendChild(style);\n  return style;\n}\n\nfunction showToast(message: string) {\n  document.querySelector(\".cem-toast\")?.remove();\n  const toast = document.createElement(\"div\");\n  toast.className = \"cem-toast\";\n  toast.textContent = message;\n  document.body.appendChild(toast);\n  window.setTimeout(() => {\n    toast.style.opacity = \"0\";\n    window.setTimeout(() => toast.parentNode?.removeChild(toast), 300);\n  }, 2500);\n}\n\nfunction fallbackCopy(text: string, label: string) {\n  const textarea = document.createElement(\"textarea\");\n  textarea.value = text;\n  textarea.style.position = \"fixed\";\n  textarea.style.left = \"-9999px\";\n  document.body.appendChild(textarea);\n  textarea.select();\n  try {\n    document.execCommand(\"copy\");\n  } catch {\n    // Ignore: the JSON remains visible via devtools and caller onCopy still runs.\n  }\n  document.body.removeChild(textarea);\n  showToast(label);\n}\n\nfunction isEditableElement(el: Element, skipSelector: string) {\n  if (el.closest(skipSelector)) return false;\n\n  const text = el.textContent?.trim() ?? \"\";\n  if (!text) return false;\n\n  const children = Array.from(el.children);\n  if (children.length > 0 && children.every((child) => SKIP_CHILD_TAGS.has(child.tagName))) {\n    return false;\n  }\n\n  return true;\n}\n\nfunction getEditPath(el: HTMLElement) {\n  let context = \"\";\n  let current = el.parentElement;\n\n  while (current && current !== document.body && current !== document.documentElement) {\n    if (current.id) {\n      context = `#${current.id}`;\n      break;\n    }\n\n    const section = current.getAttribute(\"data-section\");\n    if (section) {\n      context = section;\n      break;\n    }\n\n    if (current.tagName === \"SECTION\") {\n      const heading = current.querySelector(\"h1,h2,h3\");\n      if (heading?.textContent) {\n        context = heading.textContent.trim().slice(0, 40);\n        break;\n      }\n    }\n\n    if ([\"HEADER\", \"FOOTER\", \"MAIN\", \"NAV\"].includes(current.tagName)) {\n      context = current.tagName.toLowerCase();\n      break;\n    }\n\n    current = current.parentElement;\n  }\n\n  const tag = el.tagName.toLowerCase();\n  const text = el.dataset.editOriginal || el.textContent?.trim() || \"\";\n  const snippet = text.slice(0, 40) + (text.length > 40 ? \"...\" : \"\");\n  return `${context ? `${context} > ` : \"\"}${tag}: \"${snippet}\"`;\n}\n\nfunction rewriteLinks(queryParam: string, queryValue: string | null) {\n  document.querySelectorAll<HTMLAnchorElement>(\"a[href]\").forEach((anchor) => {\n    const href = anchor.getAttribute(\"href\");\n    if (!href || /^(https?:|mailto:|tel:|javascript:)/i.test(href)) return;\n\n    try {\n      const url = new URL(href, window.location.href);\n      if (url.origin !== window.location.origin) return;\n\n      url.searchParams.set(queryParam, queryValue ?? \"1\");\n      const hash = url.hash;\n      url.hash = \"\";\n      anchor.setAttribute(\"href\", `${url.pathname}${url.search}${hash}`);\n    } catch {\n      // Leave unusual hrefs unchanged.\n    }\n  });\n}\n\nexport function initClientEditMode(options: EditModeOptions = {}): EditModeInstance {\n  if (!hasDom()) {\n    return { active: false, getChanges: () => [], destroy: () => undefined };\n  }\n\n  const config = { ...defaults, ...options };\n\n  if (!shouldEnable(config)) {\n    return { active: false, getChanges: () => [], destroy: () => undefined };\n  }\n\n  if (window.__COLLIDE_EDIT_MODE_ACTIVE) {\n    return { active: true, getChanges: () => collectChanges(config.editableSelector), destroy: () => undefined };\n  }\n\n  window.__COLLIDE_EDIT_MODE_ACTIVE = true;\n  window.sessionStorage.setItem(config.sessionKey, \"1\");\n\n  const style = addStyles(config.accentColour);\n\n  const banner = document.createElement(\"div\");\n  banner.className = \"cem-edit-banner\";\n  banner.innerHTML = `✏️ <strong>${config.brandName}</strong> — Click any text to edit. Press <kbd>Esc</kbd> to finish editing.`;\n\n  const exitButton = document.createElement(\"button\");\n  exitButton.className = \"cem-exit-btn\";\n  exitButton.textContent = \"✕ Exit\";\n  exitButton.addEventListener(\"click\", () => {\n    window.sessionStorage.removeItem(config.sessionKey);\n    const url = new URL(window.location.href);\n    url.searchParams.delete(config.queryParam);\n    window.location.href = url.toString();\n  });\n  banner.appendChild(exitButton);\n  document.body.prepend(banner);\n\n  document.querySelectorAll(\"[data-reveal]\").forEach((el) => el.classList.add(\"is-visible\"));\n  rewriteLinks(config.queryParam, config.queryValue);\n\n  const initEditable = () => {\n    document.querySelectorAll<HTMLElement>(config.editableSelector).forEach((el) => {\n      if (!isEditableElement(el, config.skipSelector)) return;\n      const text = el.textContent?.trim() ?? \"\";\n      el.contentEditable = \"true\";\n      if (!el.dataset.editOriginal) el.dataset.editOriginal = text;\n    });\n  };\n  initEditable();\n\n  const blockButtonClicks = (event: MouseEvent) => {\n    const target = event.target;\n    if (!(target instanceof Element)) return;\n    const button = target.closest(\"button\");\n    if (button && !button.classList.contains(\"cem-copy-btn\") && !button.closest(\".cem-edit-banner\")) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  };\n  document.addEventListener(\"click\", blockButtonClicks, true);\n\n  const copyButton = document.createElement(\"button\");\n  copyButton.className = \"cem-copy-btn\";\n  document.body.appendChild(copyButton);\n\n  const updateCounter = () => {\n    const count = collectChanges(config.editableSelector).length;\n    copyButton.textContent = count > 0 ? `📋 Copy Changes (${count})` : \"📋 Copy Changes\";\n  };\n\n  document.addEventListener(\"input\", updateCounter);\n  updateCounter();\n\n  copyButton.addEventListener(\"click\", () => {\n    const changes = collectChanges(config.editableSelector);\n    const payload: EditModePayload = {\n      site: window.location.hostname,\n      page: window.location.pathname,\n      pageTitle: document.title,\n      url: window.location.href,\n      timestamp: new Date().toISOString(),\n      changes,\n    };\n\n    options.onCopy?.(payload);\n\n    const copyPayload = options.mapPayload ? options.mapPayload(payload) : payload;\n    const json = JSON.stringify(copyPayload, null, 2);\n    const label = `✓ Copied ${changes.length} change${changes.length !== 1 ? \"s\" : \"\"} to clipboard`;\n\n    if (navigator.clipboard?.writeText) {\n      navigator.clipboard.writeText(json).then(() => showToast(label)).catch(() => fallbackCopy(json, label));\n    } else {\n      fallbackCopy(json, label);\n    }\n  });\n\n  return {\n    active: true,\n    getChanges: () => collectChanges(config.editableSelector),\n    destroy: () => {\n      document.removeEventListener(\"click\", blockButtonClicks, true);\n      document.removeEventListener(\"input\", updateCounter);\n      banner.remove();\n      copyButton.remove();\n      style.remove();\n      document.querySelectorAll<HTMLElement>(config.editableSelector).forEach((el) => {\n        if (el.dataset.editOriginal !== undefined) {\n          el.contentEditable = \"false\";\n          delete el.dataset.editOriginal;\n        }\n      });\n      window.__COLLIDE_EDIT_MODE_ACTIVE = false;\n    },\n  };\n}\n\nfunction collectChanges(editableSelector: string): EditModeChange[] {\n  const changes: EditModeChange[] = [];\n\n  document.querySelectorAll<HTMLElement>(editableSelector).forEach((el) => {\n    if (!el.isContentEditable && el.contentEditable !== \"true\") return;\n    const original = el.dataset.editOriginal;\n    if (original === undefined) return;\n\n    const current = el.textContent?.trim() ?? \"\";\n    if (original !== current) {\n      changes.push({\n        path: getEditPath(el),\n        tag: el.tagName,\n        original,\n        new: current,\n      });\n    }\n  });\n\n  return changes;\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,53 @@
+type EditModeChange = {
+    path: string;
+    tag: string;
+    original: string;
+    new: string;
+};
+type EditModePayload = {
+    site: string;
+    page: string;
+    pageTitle: string;
+    url: string;
+    timestamp: string;
+    changes: EditModeChange[];
+};
+type EditModeOptions = {
+    /** Force edit mode on/off. When omitted, query string or session storage controls activation. */
+    enabled?: boolean;
+    /** Query parameter that enables edit mode. */
+    queryParam?: string;
+    /** Query value that enables edit mode. Set to null to allow any value. */
+    queryValue?: string | null;
+    /** Session storage key used to keep edit mode active across pages. */
+    sessionKey?: string;
+    /** User-facing label in the banner. */
+    brandName?: string;
+    /** Main UI colour. */
+    accentColour?: string;
+    /** Text-ish elements that become editable. */
+    editableSelector?: string;
+    /** Elements that should never become editable. */
+    skipSelector?: string;
+    /** Called after the copy button builds the payload. */
+    onCopy?: (payload: EditModePayload) => void;
+    /** Custom payload mapper before clipboard copy. */
+    mapPayload?: (payload: EditModePayload) => unknown;
+};
+type EditModeInstance = {
+    active: boolean;
+    getChanges: () => EditModeChange[];
+    destroy: () => void;
+};
+declare global {
+    interface Window {
+        __COLLIDE_EDIT_MODE_ACTIVE?: boolean;
+        CollideEditMode?: {
+            initClientEditMode: (options?: EditModeOptions) => EditModeInstance;
+        };
+    }
+}
+
+declare function initClientEditMode(options?: EditModeOptions): EditModeInstance;
+
+export { type EditModeChange, type EditModeInstance, type EditModeOptions, type EditModePayload, initClientEditMode };

package/dist/index.d.ts

@@ -0,0 +1,53 @@
+type EditModeChange = {
+    path: string;
+    tag: string;
+    original: string;
+    new: string;
+};
+type EditModePayload = {
+    site: string;
+    page: string;
+    pageTitle: string;
+    url: string;
+    timestamp: string;
+    changes: EditModeChange[];
+};
+type EditModeOptions = {
+    /** Force edit mode on/off. When omitted, query string or session storage controls activation. */
+    enabled?: boolean;
+    /** Query parameter that enables edit mode. */
+    queryParam?: string;
+    /** Query value that enables edit mode. Set to null to allow any value. */
+    queryValue?: string | null;
+    /** Session storage key used to keep edit mode active across pages. */
+    sessionKey?: string;
+    /** User-facing label in the banner. */
+    brandName?: string;
+    /** Main UI colour. */
+    accentColour?: string;
+    /** Text-ish elements that become editable. */
+    editableSelector?: string;
+    /** Elements that should never become editable. */
+    skipSelector?: string;
+    /** Called after the copy button builds the payload. */
+    onCopy?: (payload: EditModePayload) => void;
+    /** Custom payload mapper before clipboard copy. */
+    mapPayload?: (payload: EditModePayload) => unknown;
+};
+type EditModeInstance = {
+    active: boolean;
+    getChanges: () => EditModeChange[];
+    destroy: () => void;
+};
+declare global {
+    interface Window {
+        __COLLIDE_EDIT_MODE_ACTIVE?: boolean;
+        CollideEditMode?: {
+            initClientEditMode: (options?: EditModeOptions) => EditModeInstance;
+        };
+    }
+}
+
+declare function initClientEditMode(options?: EditModeOptions): EditModeInstance;
+
+export { type EditModeChange, type EditModeInstance, type EditModeOptions, type EditModePayload, initClientEditMode };

package/dist/index.js

@@ -0,0 +1,243 @@
+// src/index.ts
+var DEFAULT_EDITABLE_SELECTOR = "h1,h2,h3,h4,h5,h6,p,li,blockquote,figcaption,label,legend,dt,dd,th,td,a,button";
+var DEFAULT_SKIP_SELECTOR = "[data-no-edit],[data-edit-mode-skip],form,input,textarea,select,option,script,style,svg,canvas,iframe,.cem-edit-banner,.cem-copy-btn,.cem-toast";
+var SKIP_CHILD_TAGS = /* @__PURE__ */ new Set(["IMG", "PICTURE", "SVG", "VIDEO", "CANVAS", "IFRAME", "SCRIPT", "STYLE"]);
+var defaults = {
+  queryParam: "edit",
+  queryValue: "true",
+  sessionKey: "collide-edit-mode",
+  brandName: "Edit Mode",
+  accentColour: "#1e40af",
+  editableSelector: DEFAULT_EDITABLE_SELECTOR,
+  skipSelector: DEFAULT_SKIP_SELECTOR
+};
+function hasDom() {
+  return typeof window !== "undefined" && typeof document !== "undefined";
+}
+function shouldEnable(options) {
+  if (options.enabled !== void 0) return options.enabled;
+  const url = new URL(window.location.href);
+  const queryValue = url.searchParams.get(options.queryParam);
+  const queryMatches = options.queryValue === null ? queryValue !== null : queryValue === options.queryValue;
+  return queryMatches || window.sessionStorage.getItem(options.sessionKey) === "1";
+}
+function addStyles(accentColour) {
+  const style = document.createElement("style");
+  style.dataset.editModeStyle = "true";
+  style.textContent = [
+    `.cem-edit-banner{position:fixed;top:0;left:0;right:0;z-index:2147483640;background:${accentColour};color:#fff;text-align:center;padding:7px 56px 7px 16px;font-size:13px;font-family:system-ui,-apple-system,sans-serif;line-height:1.4}`,
+    ".cem-edit-banner kbd{background:rgba(255,255,255,0.15);padding:0 4px;border-radius:3px;font-size:11px}",
+    ".cem-exit-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);color:#fff;padding:3px 10px;border-radius:4px;font-size:12px;cursor:pointer;font-family:inherit;white-space:nowrap}",
+    ".cem-exit-btn:hover{background:rgba(255,255,255,0.25)}",
+    "[contenteditable=true]{cursor:text!important}",
+    "[contenteditable=true]:hover{outline:2px dashed rgba(59,130,246,0.5)!important;outline-offset:2px}",
+    "[contenteditable=true]:focus{outline:2px solid #3b82f6!important;outline-offset:2px;background:rgba(59,130,246,0.04)}",
+    `.cem-copy-btn{position:fixed;bottom:80px;right:16px;z-index:2147483640;background:${accentColour};color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,0.3);transition:transform .15s,opacity .15s;white-space:nowrap}`,
+    ".cem-copy-btn:hover{transform:scale(1.05)}",
+    ".cem-copy-btn:active{transform:scale(.97)}",
+    ".cem-toast{position:fixed;bottom:132px;right:16px;z-index:2147483641;background:#065f46;color:#fff;padding:10px 18px;border-radius:8px;font-size:14px;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 2px 12px rgba(0,0,0,0.3);transition:opacity .3s}",
+    "@media(min-width:768px){.cem-copy-btn{bottom:24px;right:24px}.cem-toast{bottom:76px;right:24px}}"
+  ].join("\n");
+  document.head.appendChild(style);
+  return style;
+}
+function showToast(message) {
+  document.querySelector(".cem-toast")?.remove();
+  const toast = document.createElement("div");
+  toast.className = "cem-toast";
+  toast.textContent = message;
+  document.body.appendChild(toast);
+  window.setTimeout(() => {
+    toast.style.opacity = "0";
+    window.setTimeout(() => toast.parentNode?.removeChild(toast), 300);
+  }, 2500);
+}
+function fallbackCopy(text, label) {
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.style.position = "fixed";
+  textarea.style.left = "-9999px";
+  document.body.appendChild(textarea);
+  textarea.select();
+  try {
+    document.execCommand("copy");
+  } catch {
+  }
+  document.body.removeChild(textarea);
+  showToast(label);
+}
+function isEditableElement(el, skipSelector) {
+  if (el.closest(skipSelector)) return false;
+  const text = el.textContent?.trim() ?? "";
+  if (!text) return false;
+  const children = Array.from(el.children);
+  if (children.length > 0 && children.every((child) => SKIP_CHILD_TAGS.has(child.tagName))) {
+    return false;
+  }
+  return true;
+}
+function getEditPath(el) {
+  let context = "";
+  let current = el.parentElement;
+  while (current && current !== document.body && current !== document.documentElement) {
+    if (current.id) {
+      context = `#${current.id}`;
+      break;
+    }
+    const section = current.getAttribute("data-section");
+    if (section) {
+      context = section;
+      break;
+    }
+    if (current.tagName === "SECTION") {
+      const heading = current.querySelector("h1,h2,h3");
+      if (heading?.textContent) {
+        context = heading.textContent.trim().slice(0, 40);
+        break;
+      }
+    }
+    if (["HEADER", "FOOTER", "MAIN", "NAV"].includes(current.tagName)) {
+      context = current.tagName.toLowerCase();
+      break;
+    }
+    current = current.parentElement;
+  }
+  const tag = el.tagName.toLowerCase();
+  const text = el.dataset.editOriginal || el.textContent?.trim() || "";
+  const snippet = text.slice(0, 40) + (text.length > 40 ? "..." : "");
+  return `${context ? `${context} > ` : ""}${tag}: "${snippet}"`;
+}
+function rewriteLinks(queryParam, queryValue) {
+  document.querySelectorAll("a[href]").forEach((anchor) => {
+    const href = anchor.getAttribute("href");
+    if (!href || /^(https?:|mailto:|tel:|javascript:)/i.test(href)) return;
+    try {
+      const url = new URL(href, window.location.href);
+      if (url.origin !== window.location.origin) return;
+      url.searchParams.set(queryParam, queryValue ?? "1");
+      const hash = url.hash;
+      url.hash = "";
+      anchor.setAttribute("href", `${url.pathname}${url.search}${hash}`);
+    } catch {
+    }
+  });
+}
+function initClientEditMode(options = {}) {
+  if (!hasDom()) {
+    return { active: false, getChanges: () => [], destroy: () => void 0 };
+  }
+  const config = { ...defaults, ...options };
+  if (!shouldEnable(config)) {
+    return { active: false, getChanges: () => [], destroy: () => void 0 };
+  }
+  if (window.__COLLIDE_EDIT_MODE_ACTIVE) {
+    return { active: true, getChanges: () => collectChanges(config.editableSelector), destroy: () => void 0 };
+  }
+  window.__COLLIDE_EDIT_MODE_ACTIVE = true;
+  window.sessionStorage.setItem(config.sessionKey, "1");
+  const style = addStyles(config.accentColour);
+  const banner = document.createElement("div");
+  banner.className = "cem-edit-banner";
+  banner.innerHTML = `\u270F\uFE0F <strong>${config.brandName}</strong> \u2014 Click any text to edit. Press <kbd>Esc</kbd> to finish editing.`;
+  const exitButton = document.createElement("button");
+  exitButton.className = "cem-exit-btn";
+  exitButton.textContent = "\u2715 Exit";
+  exitButton.addEventListener("click", () => {
+    window.sessionStorage.removeItem(config.sessionKey);
+    const url = new URL(window.location.href);
+    url.searchParams.delete(config.queryParam);
+    window.location.href = url.toString();
+  });
+  banner.appendChild(exitButton);
+  document.body.prepend(banner);
+  document.querySelectorAll("[data-reveal]").forEach((el) => el.classList.add("is-visible"));
+  rewriteLinks(config.queryParam, config.queryValue);
+  const initEditable = () => {
+    document.querySelectorAll(config.editableSelector).forEach((el) => {
+      if (!isEditableElement(el, config.skipSelector)) return;
+      const text = el.textContent?.trim() ?? "";
+      el.contentEditable = "true";
+      if (!el.dataset.editOriginal) el.dataset.editOriginal = text;
+    });
+  };
+  initEditable();
+  const blockButtonClicks = (event) => {
+    const target = event.target;
+    if (!(target instanceof Element)) return;
+    const button = target.closest("button");
+    if (button && !button.classList.contains("cem-copy-btn") && !button.closest(".cem-edit-banner")) {
+      event.preventDefault();
+      event.stopImmediatePropagation();
+    }
+  };
+  document.addEventListener("click", blockButtonClicks, true);
+  const copyButton = document.createElement("button");
+  copyButton.className = "cem-copy-btn";
+  document.body.appendChild(copyButton);
+  const updateCounter = () => {
+    const count = collectChanges(config.editableSelector).length;
+    copyButton.textContent = count > 0 ? `\u{1F4CB} Copy Changes (${count})` : "\u{1F4CB} Copy Changes";
+  };
+  document.addEventListener("input", updateCounter);
+  updateCounter();
+  copyButton.addEventListener("click", () => {
+    const changes = collectChanges(config.editableSelector);
+    const payload = {
+      site: window.location.hostname,
+      page: window.location.pathname,
+      pageTitle: document.title,
+      url: window.location.href,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      changes
+    };
+    options.onCopy?.(payload);
+    const copyPayload = options.mapPayload ? options.mapPayload(payload) : payload;
+    const json = JSON.stringify(copyPayload, null, 2);
+    const label = `\u2713 Copied ${changes.length} change${changes.length !== 1 ? "s" : ""} to clipboard`;
+    if (navigator.clipboard?.writeText) {
+      navigator.clipboard.writeText(json).then(() => showToast(label)).catch(() => fallbackCopy(json, label));
+    } else {
+      fallbackCopy(json, label);
+    }
+  });
+  return {
+    active: true,
+    getChanges: () => collectChanges(config.editableSelector),
+    destroy: () => {
+      document.removeEventListener("click", blockButtonClicks, true);
+      document.removeEventListener("input", updateCounter);
+      banner.remove();
+      copyButton.remove();
+      style.remove();
+      document.querySelectorAll(config.editableSelector).forEach((el) => {
+        if (el.dataset.editOriginal !== void 0) {
+          el.contentEditable = "false";
+          delete el.dataset.editOriginal;
+        }
+      });
+      window.__COLLIDE_EDIT_MODE_ACTIVE = false;
+    }
+  };
+}
+function collectChanges(editableSelector) {
+  const changes = [];
+  document.querySelectorAll(editableSelector).forEach((el) => {
+    if (!el.isContentEditable && el.contentEditable !== "true") return;
+    const original = el.dataset.editOriginal;
+    if (original === void 0) return;
+    const current = el.textContent?.trim() ?? "";
+    if (original !== current) {
+      changes.push({
+        path: getEditPath(el),
+        tag: el.tagName,
+        original,
+        new: current
+      });
+    }
+  });
+  return changes;
+}
+export {
+  initClientEditMode
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { EditModeChange, EditModeInstance, EditModeOptions, EditModePayload } from \"./types\";\n\nexport type { EditModeChange, EditModeInstance, EditModeOptions, EditModePayload } from \"./types\";\n\nconst DEFAULT_EDITABLE_SELECTOR =\n  \"h1,h2,h3,h4,h5,h6,p,li,blockquote,figcaption,label,legend,dt,dd,th,td,a,button\";\n\nconst DEFAULT_SKIP_SELECTOR =\n  \"[data-no-edit],[data-edit-mode-skip],form,input,textarea,select,option,script,style,svg,canvas,iframe,.cem-edit-banner,.cem-copy-btn,.cem-toast\";\n\nconst SKIP_CHILD_TAGS = new Set([\"IMG\", \"PICTURE\", \"SVG\", \"VIDEO\", \"CANVAS\", \"IFRAME\", \"SCRIPT\", \"STYLE\"]);\n\nconst defaults = {\n  queryParam: \"edit\",\n  queryValue: \"true\" as string | null,\n  sessionKey: \"collide-edit-mode\",\n  brandName: \"Edit Mode\",\n  accentColour: \"#1e40af\",\n  editableSelector: DEFAULT_EDITABLE_SELECTOR,\n  skipSelector: DEFAULT_SKIP_SELECTOR,\n};\n\nfunction hasDom() {\n  return typeof window !== \"undefined\" && typeof document !== \"undefined\";\n}\n\nfunction shouldEnable(options: Required<Omit<EditModeOptions, \"enabled\" | \"onCopy\" | \"mapPayload\">> & Pick<EditModeOptions, \"enabled\">) {\n  if (options.enabled !== undefined) return options.enabled;\n\n  const url = new URL(window.location.href);\n  const queryValue = url.searchParams.get(options.queryParam);\n  const queryMatches =\n    options.queryValue === null ? queryValue !== null : queryValue === options.queryValue;\n\n  return queryMatches || window.sessionStorage.getItem(options.sessionKey) === \"1\";\n}\n\nfunction addStyles(accentColour: string) {\n  const style = document.createElement(\"style\");\n  style.dataset.editModeStyle = \"true\";\n  style.textContent = [\n    `.cem-edit-banner{position:fixed;top:0;left:0;right:0;z-index:2147483640;background:${accentColour};color:#fff;text-align:center;padding:7px 56px 7px 16px;font-size:13px;font-family:system-ui,-apple-system,sans-serif;line-height:1.4}`,\n    \".cem-edit-banner kbd{background:rgba(255,255,255,0.15);padding:0 4px;border-radius:3px;font-size:11px}\",\n    \".cem-exit-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);color:#fff;padding:3px 10px;border-radius:4px;font-size:12px;cursor:pointer;font-family:inherit;white-space:nowrap}\",\n    \".cem-exit-btn:hover{background:rgba(255,255,255,0.25)}\",\n    \"[contenteditable=true]{cursor:text!important}\",\n    \"[contenteditable=true]:hover{outline:2px dashed rgba(59,130,246,0.5)!important;outline-offset:2px}\",\n    \"[contenteditable=true]:focus{outline:2px solid #3b82f6!important;outline-offset:2px;background:rgba(59,130,246,0.04)}\",\n    `.cem-copy-btn{position:fixed;bottom:80px;right:16px;z-index:2147483640;background:${accentColour};color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,0.3);transition:transform .15s,opacity .15s;white-space:nowrap}`,\n    \".cem-copy-btn:hover{transform:scale(1.05)}\",\n    \".cem-copy-btn:active{transform:scale(.97)}\",\n    \".cem-toast{position:fixed;bottom:132px;right:16px;z-index:2147483641;background:#065f46;color:#fff;padding:10px 18px;border-radius:8px;font-size:14px;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 2px 12px rgba(0,0,0,0.3);transition:opacity .3s}\",\n    \"@media(min-width:768px){.cem-copy-btn{bottom:24px;right:24px}.cem-toast{bottom:76px;right:24px}}\",\n  ].join(\"\\n\");\n  document.head.appendChild(style);\n  return style;\n}\n\nfunction showToast(message: string) {\n  document.querySelector(\".cem-toast\")?.remove();\n  const toast = document.createElement(\"div\");\n  toast.className = \"cem-toast\";\n  toast.textContent = message;\n  document.body.appendChild(toast);\n  window.setTimeout(() => {\n    toast.style.opacity = \"0\";\n    window.setTimeout(() => toast.parentNode?.removeChild(toast), 300);\n  }, 2500);\n}\n\nfunction fallbackCopy(text: string, label: string) {\n  const textarea = document.createElement(\"textarea\");\n  textarea.value = text;\n  textarea.style.position = \"fixed\";\n  textarea.style.left = \"-9999px\";\n  document.body.appendChild(textarea);\n  textarea.select();\n  try {\n    document.execCommand(\"copy\");\n  } catch {\n    // Ignore: the JSON remains visible via devtools and caller onCopy still runs.\n  }\n  document.body.removeChild(textarea);\n  showToast(label);\n}\n\nfunction isEditableElement(el: Element, skipSelector: string) {\n  if (el.closest(skipSelector)) return false;\n\n  const text = el.textContent?.trim() ?? \"\";\n  if (!text) return false;\n\n  const children = Array.from(el.children);\n  if (children.length > 0 && children.every((child) => SKIP_CHILD_TAGS.has(child.tagName))) {\n    return false;\n  }\n\n  return true;\n}\n\nfunction getEditPath(el: HTMLElement) {\n  let context = \"\";\n  let current = el.parentElement;\n\n  while (current && current !== document.body && current !== document.documentElement) {\n    if (current.id) {\n      context = `#${current.id}`;\n      break;\n    }\n\n    const section = current.getAttribute(\"data-section\");\n    if (section) {\n      context = section;\n      break;\n    }\n\n    if (current.tagName === \"SECTION\") {\n      const heading = current.querySelector(\"h1,h2,h3\");\n      if (heading?.textContent) {\n        context = heading.textContent.trim().slice(0, 40);\n        break;\n      }\n    }\n\n    if ([\"HEADER\", \"FOOTER\", \"MAIN\", \"NAV\"].includes(current.tagName)) {\n      context = current.tagName.toLowerCase();\n      break;\n    }\n\n    current = current.parentElement;\n  }\n\n  const tag = el.tagName.toLowerCase();\n  const text = el.dataset.editOriginal || el.textContent?.trim() || \"\";\n  const snippet = text.slice(0, 40) + (text.length > 40 ? \"...\" : \"\");\n  return `${context ? `${context} > ` : \"\"}${tag}: \"${snippet}\"`;\n}\n\nfunction rewriteLinks(queryParam: string, queryValue: string | null) {\n  document.querySelectorAll<HTMLAnchorElement>(\"a[href]\").forEach((anchor) => {\n    const href = anchor.getAttribute(\"href\");\n    if (!href || /^(https?:|mailto:|tel:|javascript:)/i.test(href)) return;\n\n    try {\n      const url = new URL(href, window.location.href);\n      if (url.origin !== window.location.origin) return;\n\n      url.searchParams.set(queryParam, queryValue ?? \"1\");\n      const hash = url.hash;\n      url.hash = \"\";\n      anchor.setAttribute(\"href\", `${url.pathname}${url.search}${hash}`);\n    } catch {\n      // Leave unusual hrefs unchanged.\n    }\n  });\n}\n\nexport function initClientEditMode(options: EditModeOptions = {}): EditModeInstance {\n  if (!hasDom()) {\n    return { active: false, getChanges: () => [], destroy: () => undefined };\n  }\n\n  const config = { ...defaults, ...options };\n\n  if (!shouldEnable(config)) {\n    return { active: false, getChanges: () => [], destroy: () => undefined };\n  }\n\n  if (window.__COLLIDE_EDIT_MODE_ACTIVE) {\n    return { active: true, getChanges: () => collectChanges(config.editableSelector), destroy: () => undefined };\n  }\n\n  window.__COLLIDE_EDIT_MODE_ACTIVE = true;\n  window.sessionStorage.setItem(config.sessionKey, \"1\");\n\n  const style = addStyles(config.accentColour);\n\n  const banner = document.createElement(\"div\");\n  banner.className = \"cem-edit-banner\";\n  banner.innerHTML = `✏️ <strong>${config.brandName}</strong> — Click any text to edit. Press <kbd>Esc</kbd> to finish editing.`;\n\n  const exitButton = document.createElement(\"button\");\n  exitButton.className = \"cem-exit-btn\";\n  exitButton.textContent = \"✕ Exit\";\n  exitButton.addEventListener(\"click\", () => {\n    window.sessionStorage.removeItem(config.sessionKey);\n    const url = new URL(window.location.href);\n    url.searchParams.delete(config.queryParam);\n    window.location.href = url.toString();\n  });\n  banner.appendChild(exitButton);\n  document.body.prepend(banner);\n\n  document.querySelectorAll(\"[data-reveal]\").forEach((el) => el.classList.add(\"is-visible\"));\n  rewriteLinks(config.queryParam, config.queryValue);\n\n  const initEditable = () => {\n    document.querySelectorAll<HTMLElement>(config.editableSelector).forEach((el) => {\n      if (!isEditableElement(el, config.skipSelector)) return;\n      const text = el.textContent?.trim() ?? \"\";\n      el.contentEditable = \"true\";\n      if (!el.dataset.editOriginal) el.dataset.editOriginal = text;\n    });\n  };\n  initEditable();\n\n  const blockButtonClicks = (event: MouseEvent) => {\n    const target = event.target;\n    if (!(target instanceof Element)) return;\n    const button = target.closest(\"button\");\n    if (button && !button.classList.contains(\"cem-copy-btn\") && !button.closest(\".cem-edit-banner\")) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  };\n  document.addEventListener(\"click\", blockButtonClicks, true);\n\n  const copyButton = document.createElement(\"button\");\n  copyButton.className = \"cem-copy-btn\";\n  document.body.appendChild(copyButton);\n\n  const updateCounter = () => {\n    const count = collectChanges(config.editableSelector).length;\n    copyButton.textContent = count > 0 ? `📋 Copy Changes (${count})` : \"📋 Copy Changes\";\n  };\n\n  document.addEventListener(\"input\", updateCounter);\n  updateCounter();\n\n  copyButton.addEventListener(\"click\", () => {\n    const changes = collectChanges(config.editableSelector);\n    const payload: EditModePayload = {\n      site: window.location.hostname,\n      page: window.location.pathname,\n      pageTitle: document.title,\n      url: window.location.href,\n      timestamp: new Date().toISOString(),\n      changes,\n    };\n\n    options.onCopy?.(payload);\n\n    const copyPayload = options.mapPayload ? options.mapPayload(payload) : payload;\n    const json = JSON.stringify(copyPayload, null, 2);\n    const label = `✓ Copied ${changes.length} change${changes.length !== 1 ? \"s\" : \"\"} to clipboard`;\n\n    if (navigator.clipboard?.writeText) {\n      navigator.clipboard.writeText(json).then(() => showToast(label)).catch(() => fallbackCopy(json, label));\n    } else {\n      fallbackCopy(json, label);\n    }\n  });\n\n  return {\n    active: true,\n    getChanges: () => collectChanges(config.editableSelector),\n    destroy: () => {\n      document.removeEventListener(\"click\", blockButtonClicks, true);\n      document.removeEventListener(\"input\", updateCounter);\n      banner.remove();\n      copyButton.remove();\n      style.remove();\n      document.querySelectorAll<HTMLElement>(config.editableSelector).forEach((el) => {\n        if (el.dataset.editOriginal !== undefined) {\n          el.contentEditable = \"false\";\n          delete el.dataset.editOriginal;\n        }\n      });\n      window.__COLLIDE_EDIT_MODE_ACTIVE = false;\n    },\n  };\n}\n\nfunction collectChanges(editableSelector: string): EditModeChange[] {\n  const changes: EditModeChange[] = [];\n\n  document.querySelectorAll<HTMLElement>(editableSelector).forEach((el) => {\n    if (!el.isContentEditable && el.contentEditable !== \"true\") return;\n    const original = el.dataset.editOriginal;\n    if (original === undefined) return;\n\n    const current = el.textContent?.trim() ?? \"\";\n    if (original !== current) {\n      changes.push({\n        path: getEditPath(el),\n        tag: el.tagName,\n        original,\n        new: current,\n      });\n    }\n  });\n\n  return changes;\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@collidecreatives/edit-mode",
+  "version": "0.1.0",
+  "description": "Tiny browser edit mode overlay for collecting client copy changes.",
+  "type": "module",
+  "license": "MIT",
+  "author": "Collide",
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./browser": "./dist/browser.global.js"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run typecheck && npm run test && npm run build"
+  },
+  "keywords": [
+    "client-editing",
+    "copy-review",
+    "contenteditable",
+    "statamic",
+    "astro"
+  ],
+  "devDependencies": {
+    "@types/node": "^24.0.0",
+    "happy-dom": "^20.0.0",
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.0",
+    "vitest": "^4.0.0"
+  }
+}