@collidecreatives/edit-mode 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,7 +1,8 @@
1
1
  // src/index.ts
2
2
  var DEFAULT_EDITABLE_SELECTOR = "h1,h2,h3,h4,h5,h6,p,li,blockquote,figcaption,label,legend,dt,dd,th,td,a,button";
3
- 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";
3
+ 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-panel,.cem-toast";
4
4
  var SKIP_CHILD_TAGS = /* @__PURE__ */ new Set(["IMG", "PICTURE", "SVG", "VIDEO", "CANVAS", "IFRAME", "SCRIPT", "STYLE"]);
5
+ var DRAFT_VERSION = 1;
5
6
  var defaults = {
6
7
  queryParam: "edit",
7
8
  queryValue: "true",
@@ -9,7 +10,8 @@ var defaults = {
9
10
  brandName: "Edit Mode",
10
11
  accentColour: "#1e40af",
11
12
  editableSelector: DEFAULT_EDITABLE_SELECTOR,
12
- skipSelector: DEFAULT_SKIP_SELECTOR
13
+ skipSelector: DEFAULT_SKIP_SELECTOR,
14
+ autoSave: true
13
15
  };
14
16
  function hasDom() {
15
17
  return typeof window !== "undefined" && typeof document !== "undefined";
@@ -25,18 +27,23 @@ function addStyles(accentColour) {
25
27
  const style = document.createElement("style");
26
28
  style.dataset.editModeStyle = "true";
27
29
  style.textContent = [
28
- `.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}`,
29
- ".cem-edit-banner kbd{background:rgba(255,255,255,0.15);padding:0 4px;border-radius:3px;font-size:11px}",
30
- ".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}",
31
- ".cem-exit-btn:hover{background:rgba(255,255,255,0.25)}",
30
+ `.cem-edit-banner{position:fixed;top:0;left:0;right:0;z-index:2147483640;background:${accentColour};color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 92px 8px 16px;font:13px/1.4 system-ui,-apple-system,sans-serif;box-shadow:0 1px 8px rgba(0,0,0,.18)}`,
31
+ ".cem-edit-banner kbd{background:rgba(255,255,255,.18);padding:0 4px;border-radius:3px;font-size:11px}",
32
+ ".cem-exit-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;padding:4px 10px;border-radius:5px;font:12px system-ui,-apple-system,sans-serif;cursor:pointer;white-space:nowrap}",
33
+ ".cem-exit-btn:hover,.cem-exit-btn:focus-visible{background:rgba(255,255,255,.25);outline:none}",
32
34
  "[contenteditable=true]{cursor:text!important}",
33
- "[contenteditable=true]:hover{outline:2px dashed rgba(59,130,246,0.5)!important;outline-offset:2px}",
34
- "[contenteditable=true]:focus{outline:2px solid #3b82f6!important;outline-offset:2px;background:rgba(59,130,246,0.04)}",
35
- `.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}`,
36
- ".cem-copy-btn:hover{transform:scale(1.05)}",
37
- ".cem-copy-btn:active{transform:scale(.97)}",
38
- ".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}",
39
- "@media(min-width:768px){.cem-copy-btn{bottom:24px;right:24px}.cem-toast{bottom:76px;right:24px}}"
35
+ "[contenteditable=true]:hover{outline:2px dashed rgba(59,130,246,.5)!important;outline-offset:2px}",
36
+ "[contenteditable=true]:focus{outline:2px solid #3b82f6!important;outline-offset:2px;background:rgba(59,130,246,.04)}",
37
+ `.cem-panel{position:fixed;right:16px;bottom:16px;z-index:2147483640;background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.22);padding:10px;display:grid;gap:8px;width:min(320px,calc(100vw - 32px));font:13px/1.4 system-ui,-apple-system,sans-serif}`,
38
+ ".cem-panel-actions{display:flex;gap:8px;flex-wrap:wrap}",
39
+ `.cem-copy-btn,.cem-download-btn,.cem-open-link-btn{border:0;border-radius:8px;padding:9px 12px;font:600 13px system-ui,-apple-system,sans-serif;cursor:pointer;white-space:nowrap}`,
40
+ `.cem-copy-btn{background:${accentColour};color:#fff;flex:1}`,
41
+ ".cem-download-btn,.cem-open-link-btn{background:#f3f4f6;color:#111827;border:1px solid #e5e7eb}",
42
+ ".cem-open-link-btn[hidden]{display:none}",
43
+ ".cem-copy-btn:hover,.cem-download-btn:hover,.cem-open-link-btn:hover{filter:brightness(.97)}",
44
+ ".cem-status{color:#4b5563;font-size:12px;min-height:17px}",
45
+ ".cem-toast{position:fixed;bottom:116px;right:16px;z-index:2147483641;background:#065f46;color:#fff;padding:10px 18px;border-radius:8px;font:14px system-ui,-apple-system,sans-serif;box-shadow:0 2px 12px rgba(0,0,0,.3);transition:opacity .3s}",
46
+ "@media(max-width:520px){.cem-edit-banner{justify-content:flex-start;text-align:left}.cem-panel{left:16px;right:16px;width:auto}}"
40
47
  ].join("\n");
41
48
  document.head.appendChild(style);
42
49
  return style;
@@ -66,6 +73,24 @@ function fallbackCopy(text, label) {
66
73
  document.body.removeChild(textarea);
67
74
  showToast(label);
68
75
  }
76
+ function getStorage() {
77
+ try {
78
+ const testKey = "__cem_storage_test__";
79
+ window.localStorage.setItem(testKey, "1");
80
+ window.localStorage.removeItem(testKey);
81
+ return window.localStorage;
82
+ } catch {
83
+ try {
84
+ return window.sessionStorage;
85
+ } catch {
86
+ return null;
87
+ }
88
+ }
89
+ }
90
+ function getDraftKey(config) {
91
+ const base = config.storageKey || `${config.sessionKey}:draft`;
92
+ return `${base}:${window.location.origin}${window.location.pathname}`;
93
+ }
69
94
  function isEditableElement(el, skipSelector) {
70
95
  if (el.closest(skipSelector)) return false;
71
96
  const text = el.textContent?.trim() ?? "";
@@ -76,6 +101,22 @@ function isEditableElement(el, skipSelector) {
76
101
  }
77
102
  return true;
78
103
  }
104
+ function getElementKey(el) {
105
+ if (el.dataset.editId) return `data-edit-id:${el.dataset.editId}`;
106
+ if (el.id) return `id:${el.id}`;
107
+ const parts = [];
108
+ let current = el;
109
+ while (current && current !== document.body && current !== document.documentElement) {
110
+ const parentElement = current.parentElement;
111
+ if (!parentElement) break;
112
+ const currentTag = current.tagName;
113
+ const siblings = Array.from(parentElement.children).filter((child) => child.tagName === currentTag);
114
+ const index = siblings.indexOf(current) + 1;
115
+ parts.unshift(`${current.tagName.toLowerCase()}:nth-of-type(${index})`);
116
+ current = parentElement;
117
+ }
118
+ return parts.join(" > ");
119
+ }
79
120
  function getEditPath(el) {
80
121
  let context = "";
81
122
  let current = el.parentElement;
@@ -122,6 +163,98 @@ function rewriteLinks(queryParam, queryValue) {
122
163
  }
123
164
  });
124
165
  }
166
+ function buildPayload(changes) {
167
+ return {
168
+ site: window.location.hostname,
169
+ page: window.location.pathname,
170
+ pageTitle: document.title,
171
+ url: window.location.href,
172
+ timestamp: (/* @__PURE__ */ new Date()).toISOString(),
173
+ changes
174
+ };
175
+ }
176
+ function loadDraft(storage, key) {
177
+ if (!storage) return null;
178
+ try {
179
+ const raw = storage.getItem(key);
180
+ if (!raw) return null;
181
+ const draft = JSON.parse(raw);
182
+ return draft?.version === DRAFT_VERSION && Array.isArray(draft.changes) ? draft : null;
183
+ } catch {
184
+ return null;
185
+ }
186
+ }
187
+ function saveDraft(storage, key, draft) {
188
+ if (!storage) return false;
189
+ try {
190
+ storage.setItem(key, JSON.stringify(draft));
191
+ return true;
192
+ } catch {
193
+ return false;
194
+ }
195
+ }
196
+ function downloadText(filename, text) {
197
+ const blob = new Blob([text], { type: "application/json" });
198
+ const url = URL.createObjectURL(blob);
199
+ const anchor = document.createElement("a");
200
+ anchor.href = url;
201
+ anchor.download = filename;
202
+ anchor.style.display = "none";
203
+ document.body.appendChild(anchor);
204
+ anchor.click();
205
+ anchor.remove();
206
+ window.setTimeout(() => URL.revokeObjectURL(url), 1e3);
207
+ }
208
+ function formatTime(date = /* @__PURE__ */ new Date()) {
209
+ return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
210
+ }
211
+ function initEditableElements(config) {
212
+ document.querySelectorAll(config.editableSelector).forEach((el) => {
213
+ if (!isEditableElement(el, config.skipSelector)) return;
214
+ const text = el.textContent?.trim() ?? "";
215
+ el.contentEditable = "true";
216
+ if (!el.dataset.editOriginal) el.dataset.editOriginal = text;
217
+ if (!el.dataset.editKey) el.dataset.editKey = getElementKey(el);
218
+ });
219
+ }
220
+ function applyDraft(draft, editableSelector) {
221
+ if (!draft) return 0;
222
+ const edits = new Map(draft.changes.map((change) => [change.key, change]));
223
+ let restored = 0;
224
+ document.querySelectorAll(editableSelector).forEach((el) => {
225
+ const key = el.dataset.editKey;
226
+ if (!key) return;
227
+ const saved = edits.get(key);
228
+ if (!saved) return;
229
+ if (el.dataset.editOriginal !== saved.original) return;
230
+ el.textContent = saved.new;
231
+ restored += 1;
232
+ });
233
+ return restored;
234
+ }
235
+ function collectDraftChanges(editableSelector) {
236
+ const changes = [];
237
+ document.querySelectorAll(editableSelector).forEach((el) => {
238
+ if (!el.isContentEditable && el.contentEditable !== "true") return;
239
+ const original = el.dataset.editOriginal;
240
+ const key = el.dataset.editKey;
241
+ if (original === void 0 || !key) return;
242
+ const current = el.textContent?.trim() ?? "";
243
+ if (original !== current) {
244
+ changes.push({
245
+ key,
246
+ path: getEditPath(el),
247
+ tag: el.tagName,
248
+ original,
249
+ new: current
250
+ });
251
+ }
252
+ });
253
+ return changes;
254
+ }
255
+ function collectChanges(editableSelector) {
256
+ return collectDraftChanges(editableSelector).map(({ key: _key, ...change }) => change);
257
+ }
125
258
  function initClientEditMode(options = {}) {
126
259
  if (!hasDom()) {
127
260
  return { active: false, getChanges: () => [], destroy: () => void 0 };
@@ -135,108 +268,173 @@ function initClientEditMode(options = {}) {
135
268
  }
136
269
  window.__COLLIDE_EDIT_MODE_ACTIVE = true;
137
270
  window.sessionStorage.setItem(config.sessionKey, "1");
271
+ const storage = getStorage();
272
+ const draftKey = getDraftKey(config);
138
273
  const style = addStyles(config.accentColour);
139
274
  const banner = document.createElement("div");
140
275
  banner.className = "cem-edit-banner";
141
- banner.innerHTML = `\u270F\uFE0F <strong>${config.brandName}</strong> \u2014 Click any text to edit. Press <kbd>Esc</kbd> to finish editing.`;
276
+ banner.innerHTML = `\u270F\uFE0F <strong>${config.brandName}</strong> <span>Click text to edit. Press <kbd>Esc</kbd> when done.</span>`;
142
277
  const exitButton = document.createElement("button");
143
278
  exitButton.className = "cem-exit-btn";
144
- exitButton.textContent = "\u2715 Exit";
145
- exitButton.addEventListener("click", () => {
146
- window.sessionStorage.removeItem(config.sessionKey);
147
- const url = new URL(window.location.href);
148
- url.searchParams.delete(config.queryParam);
149
- window.location.href = url.toString();
150
- });
279
+ exitButton.type = "button";
280
+ exitButton.textContent = "Exit";
151
281
  banner.appendChild(exitButton);
152
282
  document.body.prepend(banner);
283
+ const panel = document.createElement("div");
284
+ panel.className = "cem-panel";
285
+ panel.innerHTML = `
286
+ <div class="cem-panel-actions">
287
+ <button class="cem-copy-btn" type="button">\u{1F4CB} Copy Changes</button>
288
+ <button class="cem-download-btn" type="button">Download backup</button>
289
+ <button class="cem-open-link-btn" type="button" hidden>Open link</button>
290
+ </div>
291
+ <div class="cem-status" aria-live="polite">Auto-save ready</div>
292
+ `;
293
+ document.body.appendChild(panel);
294
+ const copyButton = panel.querySelector(".cem-copy-btn");
295
+ const downloadButton = panel.querySelector(".cem-download-btn");
296
+ const openLinkButton = panel.querySelector(".cem-open-link-btn");
297
+ const status = panel.querySelector(".cem-status");
298
+ let activeLink = null;
153
299
  document.querySelectorAll("[data-reveal]").forEach((el) => el.classList.add("is-visible"));
154
300
  rewriteLinks(config.queryParam, config.queryValue);
155
- const initEditable = () => {
156
- document.querySelectorAll(config.editableSelector).forEach((el) => {
157
- if (!isEditableElement(el, config.skipSelector)) return;
158
- const text = el.textContent?.trim() ?? "";
159
- el.contentEditable = "true";
160
- if (!el.dataset.editOriginal) el.dataset.editOriginal = text;
161
- });
301
+ initEditableElements(config);
302
+ const restoredCount = applyDraft(loadDraft(storage, draftKey), config.editableSelector);
303
+ const makeDraft = () => ({
304
+ version: DRAFT_VERSION,
305
+ page: window.location.pathname,
306
+ url: window.location.href,
307
+ updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
308
+ changes: collectDraftChanges(config.editableSelector)
309
+ });
310
+ const updateUi = (message) => {
311
+ const count = collectChanges(config.editableSelector).length;
312
+ if (copyButton) copyButton.textContent = count > 0 ? `\u{1F4CB} Copy Changes (${count})` : "\u{1F4CB} Copy Changes";
313
+ if (openLinkButton) {
314
+ openLinkButton.hidden = !activeLink;
315
+ openLinkButton.textContent = activeLink ? `Open ${activeLink.hostname || "link"}` : "Open link";
316
+ }
317
+ if (status) {
318
+ status.textContent = message || `Auto-saved ${formatTime()} \u2022 ${count} change${count === 1 ? "" : "s"} \u2022 Links: edit text or Ctrl/\u2318-click to open`;
319
+ }
320
+ };
321
+ const persistDraft = () => {
322
+ const draft = makeDraft();
323
+ const saved = config.autoSave !== false && saveDraft(storage, draftKey, draft);
324
+ updateUi(saved || config.autoSave === false ? void 0 : "\u26A0\uFE0F Auto-save unavailable \u2014 use Download backup");
325
+ return draft;
162
326
  };
163
- initEditable();
164
- const blockButtonClicks = (event) => {
327
+ const finishEditing = () => {
328
+ const activeElement = document.activeElement;
329
+ if (!(activeElement instanceof HTMLElement)) return false;
330
+ if (!activeElement.isContentEditable && activeElement.contentEditable !== "true") return false;
331
+ activeElement.blur();
332
+ window.getSelection()?.removeAllRanges();
333
+ persistDraft();
334
+ return true;
335
+ };
336
+ const finishEditingOnEscape = (event) => {
337
+ if (event.key !== "Escape") return;
338
+ if (!finishEditing()) return;
339
+ event.preventDefault();
340
+ event.stopPropagation();
341
+ };
342
+ const handleDocumentClick = (event) => {
165
343
  const target = event.target;
166
344
  if (!(target instanceof Element)) return;
345
+ const anchor = target.closest("a[href]");
346
+ if (anchor && !anchor.closest(".cem-panel") && !anchor.closest(".cem-edit-banner")) {
347
+ activeLink = anchor;
348
+ updateUi("Link selected \u2014 edit the text, use Open link, or Ctrl/\u2318-click to visit it");
349
+ if (event.metaKey || event.ctrlKey || event.altKey) {
350
+ persistDraft();
351
+ return;
352
+ }
353
+ event.preventDefault();
354
+ return;
355
+ }
167
356
  const button = target.closest("button");
168
- if (button && !button.classList.contains("cem-copy-btn") && !button.closest(".cem-edit-banner")) {
357
+ if (button && !button.closest(".cem-panel") && !button.closest(".cem-edit-banner")) {
169
358
  event.preventDefault();
170
359
  event.stopImmediatePropagation();
171
360
  }
172
361
  };
173
- document.addEventListener("click", blockButtonClicks, true);
174
- const copyButton = document.createElement("button");
175
- copyButton.className = "cem-copy-btn";
176
- document.body.appendChild(copyButton);
177
- const updateCounter = () => {
178
- const count = collectChanges(config.editableSelector).length;
179
- copyButton.textContent = count > 0 ? `\u{1F4CB} Copy Changes (${count})` : "\u{1F4CB} Copy Changes";
362
+ const handleFocusIn = (event) => {
363
+ const target = event.target;
364
+ if (!(target instanceof Element)) return;
365
+ activeLink = target.closest("a[href]");
366
+ updateUi(activeLink ? "Link selected \u2014 edit the text or use Open link to navigate" : void 0);
367
+ };
368
+ const handleInput = () => persistDraft();
369
+ const handlePageHide = () => persistDraft();
370
+ const handleVisibilityChange = () => {
371
+ if (document.visibilityState === "hidden") persistDraft();
180
372
  };
181
- document.addEventListener("input", updateCounter);
182
- updateCounter();
183
- copyButton.addEventListener("click", () => {
184
- const changes = collectChanges(config.editableSelector);
185
- const payload = {
186
- site: window.location.hostname,
187
- page: window.location.pathname,
188
- pageTitle: document.title,
189
- url: window.location.href,
190
- timestamp: (/* @__PURE__ */ new Date()).toISOString(),
191
- changes
192
- };
373
+ document.addEventListener("keydown", finishEditingOnEscape);
374
+ document.addEventListener("click", handleDocumentClick, true);
375
+ document.addEventListener("focusin", handleFocusIn);
376
+ document.addEventListener("input", handleInput);
377
+ window.addEventListener("pagehide", handlePageHide);
378
+ document.addEventListener("visibilitychange", handleVisibilityChange);
379
+ copyButton?.addEventListener("click", () => {
380
+ const draft = persistDraft();
381
+ const payload = buildPayload(draft.changes);
193
382
  options.onCopy?.(payload);
194
383
  const copyPayload = options.mapPayload ? options.mapPayload(payload) : payload;
195
384
  const json = JSON.stringify(copyPayload, null, 2);
196
- const label = `\u2713 Copied ${changes.length} change${changes.length !== 1 ? "s" : ""} to clipboard`;
385
+ const label = `\u2713 Copied ${draft.changes.length} change${draft.changes.length !== 1 ? "s" : ""} to clipboard`;
197
386
  if (navigator.clipboard?.writeText) {
198
387
  navigator.clipboard.writeText(json).then(() => showToast(label)).catch(() => fallbackCopy(json, label));
199
388
  } else {
200
389
  fallbackCopy(json, label);
201
390
  }
202
391
  });
392
+ downloadButton?.addEventListener("click", () => {
393
+ const draft = persistDraft();
394
+ const payload = buildPayload(draft.changes);
395
+ const date = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
396
+ downloadText(`edit-mode-${window.location.hostname}-${date}.json`, JSON.stringify(payload, null, 2));
397
+ showToast("\u2713 Backup downloaded");
398
+ });
399
+ openLinkButton?.addEventListener("click", () => {
400
+ if (!activeLink?.href) return;
401
+ persistDraft();
402
+ window.location.href = activeLink.href;
403
+ });
404
+ exitButton.addEventListener("click", () => {
405
+ persistDraft();
406
+ window.sessionStorage.removeItem(config.sessionKey);
407
+ const url = new URL(window.location.href);
408
+ url.searchParams.delete(config.queryParam);
409
+ window.location.href = url.toString();
410
+ });
411
+ persistDraft();
412
+ if (restoredCount > 0) updateUi(`Restored ${restoredCount} saved edit${restoredCount === 1 ? "" : "s"} \u2022 Auto-save on`);
203
413
  return {
204
414
  active: true,
205
415
  getChanges: () => collectChanges(config.editableSelector),
206
416
  destroy: () => {
207
- document.removeEventListener("click", blockButtonClicks, true);
208
- document.removeEventListener("input", updateCounter);
417
+ persistDraft();
418
+ document.removeEventListener("keydown", finishEditingOnEscape);
419
+ document.removeEventListener("click", handleDocumentClick, true);
420
+ document.removeEventListener("focusin", handleFocusIn);
421
+ document.removeEventListener("input", handleInput);
422
+ window.removeEventListener("pagehide", handlePageHide);
423
+ document.removeEventListener("visibilitychange", handleVisibilityChange);
209
424
  banner.remove();
210
- copyButton.remove();
425
+ panel.remove();
211
426
  style.remove();
212
427
  document.querySelectorAll(config.editableSelector).forEach((el) => {
213
428
  if (el.dataset.editOriginal !== void 0) {
214
429
  el.contentEditable = "false";
215
430
  delete el.dataset.editOriginal;
431
+ delete el.dataset.editKey;
216
432
  }
217
433
  });
218
434
  window.__COLLIDE_EDIT_MODE_ACTIVE = false;
219
435
  }
220
436
  };
221
437
  }
222
- function collectChanges(editableSelector) {
223
- const changes = [];
224
- document.querySelectorAll(editableSelector).forEach((el) => {
225
- if (!el.isContentEditable && el.contentEditable !== "true") return;
226
- const original = el.dataset.editOriginal;
227
- if (original === void 0) return;
228
- const current = el.textContent?.trim() ?? "";
229
- if (original !== current) {
230
- changes.push({
231
- path: getEditPath(el),
232
- tag: el.tagName,
233
- original,
234
- new: current
235
- });
236
- }
237
- });
238
- return changes;
239
- }
240
438
  export {
241
439
  initClientEditMode
242
440
  };
package/dist/index.js.map CHANGED
@@ -1 +1 @@
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":[]}
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-panel,.cem-toast\";\n\nconst SKIP_CHILD_TAGS = new Set([\"IMG\", \"PICTURE\", \"SVG\", \"VIDEO\", \"CANVAS\", \"IFRAME\", \"SCRIPT\", \"STYLE\"]);\nconst DRAFT_VERSION = 1;\n\ntype Config = Required<\n Omit<EditModeOptions, \"enabled\" | \"onCopy\" | \"mapPayload\" | \"storageKey\" | \"autoSave\">\n> &\n Pick<EditModeOptions, \"enabled\" | \"storageKey\" | \"autoSave\">;\n\ntype DraftChange = EditModeChange & {\n key: string;\n};\n\ntype Draft = {\n version: number;\n page: string;\n url: string;\n updatedAt: string;\n changes: DraftChange[];\n};\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 autoSave: true,\n};\n\nfunction hasDom() {\n return typeof window !== \"undefined\" && typeof document !== \"undefined\";\n}\n\nfunction shouldEnable(options: Config) {\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;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 92px 8px 16px;font:13px/1.4 system-ui,-apple-system,sans-serif;box-shadow:0 1px 8px rgba(0,0,0,.18)}`,\n \".cem-edit-banner kbd{background:rgba(255,255,255,.18);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,.15);border:1px solid rgba(255,255,255,.25);color:#fff;padding:4px 10px;border-radius:5px;font:12px system-ui,-apple-system,sans-serif;cursor:pointer;white-space:nowrap}\",\n \".cem-exit-btn:hover,.cem-exit-btn:focus-visible{background:rgba(255,255,255,.25);outline:none}\",\n \"[contenteditable=true]{cursor:text!important}\",\n \"[contenteditable=true]:hover{outline:2px dashed rgba(59,130,246,.5)!important;outline-offset:2px}\",\n \"[contenteditable=true]:focus{outline:2px solid #3b82f6!important;outline-offset:2px;background:rgba(59,130,246,.04)}\",\n `.cem-panel{position:fixed;right:16px;bottom:16px;z-index:2147483640;background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.22);padding:10px;display:grid;gap:8px;width:min(320px,calc(100vw - 32px));font:13px/1.4 system-ui,-apple-system,sans-serif}`,\n \".cem-panel-actions{display:flex;gap:8px;flex-wrap:wrap}\",\n `.cem-copy-btn,.cem-download-btn,.cem-open-link-btn{border:0;border-radius:8px;padding:9px 12px;font:600 13px system-ui,-apple-system,sans-serif;cursor:pointer;white-space:nowrap}`,\n `.cem-copy-btn{background:${accentColour};color:#fff;flex:1}`,\n \".cem-download-btn,.cem-open-link-btn{background:#f3f4f6;color:#111827;border:1px solid #e5e7eb}\",\n \".cem-open-link-btn[hidden]{display:none}\",\n \".cem-copy-btn:hover,.cem-download-btn:hover,.cem-open-link-btn:hover{filter:brightness(.97)}\",\n \".cem-status{color:#4b5563;font-size:12px;min-height:17px}\",\n \".cem-toast{position:fixed;bottom:116px;right:16px;z-index:2147483641;background:#065f46;color:#fff;padding:10px 18px;border-radius:8px;font:14px system-ui,-apple-system,sans-serif;box-shadow:0 2px 12px rgba(0,0,0,.3);transition:opacity .3s}\",\n \"@media(max-width:520px){.cem-edit-banner{justify-content:flex-start;text-align:left}.cem-panel{left:16px;right:16px;width:auto}}\",\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 download button and autosaved draft still protect the work.\n }\n document.body.removeChild(textarea);\n showToast(label);\n}\n\nfunction getStorage() {\n try {\n const testKey = \"__cem_storage_test__\";\n window.localStorage.setItem(testKey, \"1\");\n window.localStorage.removeItem(testKey);\n return window.localStorage;\n } catch {\n try {\n return window.sessionStorage;\n } catch {\n return null;\n }\n }\n}\n\nfunction getDraftKey(config: Config) {\n const base = config.storageKey || `${config.sessionKey}:draft`;\n return `${base}:${window.location.origin}${window.location.pathname}`;\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 getElementKey(el: HTMLElement) {\n if (el.dataset.editId) return `data-edit-id:${el.dataset.editId}`;\n if (el.id) return `id:${el.id}`;\n\n const parts: string[] = [];\n let current: Element | null = el;\n\n while (current && current !== document.body && current !== document.documentElement) {\n const parentElement: HTMLElement | null = current.parentElement;\n if (!parentElement) break;\n\n const currentTag = current.tagName;\n const siblings = Array.from(parentElement.children).filter((child) => child.tagName === currentTag);\n const index = siblings.indexOf(current) + 1;\n parts.unshift(`${current.tagName.toLowerCase()}:nth-of-type(${index})`);\n current = parentElement;\n }\n\n return parts.join(\" > \");\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\nfunction buildPayload(changes: EditModeChange[]): EditModePayload {\n return {\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\nfunction loadDraft(storage: Storage | null, key: string): Draft | null {\n if (!storage) return null;\n\n try {\n const raw = storage.getItem(key);\n if (!raw) return null;\n const draft = JSON.parse(raw) as Draft;\n return draft?.version === DRAFT_VERSION && Array.isArray(draft.changes) ? draft : null;\n } catch {\n return null;\n }\n}\n\nfunction saveDraft(storage: Storage | null, key: string, draft: Draft) {\n if (!storage) return false;\n\n try {\n storage.setItem(key, JSON.stringify(draft));\n return true;\n } catch {\n return false;\n }\n}\n\nfunction downloadText(filename: string, text: string) {\n const blob = new Blob([text], { type: \"application/json\" });\n const url = URL.createObjectURL(blob);\n const anchor = document.createElement(\"a\");\n anchor.href = url;\n anchor.download = filename;\n anchor.style.display = \"none\";\n document.body.appendChild(anchor);\n anchor.click();\n anchor.remove();\n window.setTimeout(() => URL.revokeObjectURL(url), 1000);\n}\n\nfunction formatTime(date = new Date()) {\n return date.toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" });\n}\n\nfunction initEditableElements(config: Config) {\n document.querySelectorAll<HTMLElement>(config.editableSelector).forEach((el) => {\n if (!isEditableElement(el, config.skipSelector)) return;\n\n const text = el.textContent?.trim() ?? \"\";\n el.contentEditable = \"true\";\n if (!el.dataset.editOriginal) el.dataset.editOriginal = text;\n if (!el.dataset.editKey) el.dataset.editKey = getElementKey(el);\n });\n}\n\nfunction applyDraft(draft: Draft | null, editableSelector: string) {\n if (!draft) return 0;\n\n const edits = new Map(draft.changes.map((change) => [change.key, change]));\n let restored = 0;\n\n document.querySelectorAll<HTMLElement>(editableSelector).forEach((el) => {\n const key = el.dataset.editKey;\n if (!key) return;\n\n const saved = edits.get(key);\n if (!saved) return;\n\n // Avoid stomping over changed templates. Restore only when the original still matches.\n if (el.dataset.editOriginal !== saved.original) return;\n\n el.textContent = saved.new;\n restored += 1;\n });\n\n return restored;\n}\n\nfunction collectDraftChanges(editableSelector: string): DraftChange[] {\n const changes: DraftChange[] = [];\n\n document.querySelectorAll<HTMLElement>(editableSelector).forEach((el) => {\n if (!el.isContentEditable && el.contentEditable !== \"true\") return;\n const original = el.dataset.editOriginal;\n const key = el.dataset.editKey;\n if (original === undefined || !key) return;\n\n const current = el.textContent?.trim() ?? \"\";\n if (original !== current) {\n changes.push({\n key,\n path: getEditPath(el),\n tag: el.tagName,\n original,\n new: current,\n });\n }\n });\n\n return changes;\n}\n\nfunction collectChanges(editableSelector: string): EditModeChange[] {\n return collectDraftChanges(editableSelector).map(({ key: _key, ...change }) => change);\n}\n\nexport function initClientEditMode(options: EditModeOptions = {}): EditModeInstance {\n if (!hasDom()) {\n return { active: false, getChanges: () => [], destroy: () => undefined };\n }\n\n const config: 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 storage = getStorage();\n const draftKey = getDraftKey(config);\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> <span>Click text to edit. Press <kbd>Esc</kbd> when done.</span>`;\n\n const exitButton = document.createElement(\"button\");\n exitButton.className = \"cem-exit-btn\";\n exitButton.type = \"button\";\n exitButton.textContent = \"Exit\";\n banner.appendChild(exitButton);\n document.body.prepend(banner);\n\n const panel = document.createElement(\"div\");\n panel.className = \"cem-panel\";\n panel.innerHTML = `\n <div class=\"cem-panel-actions\">\n <button class=\"cem-copy-btn\" type=\"button\">📋 Copy Changes</button>\n <button class=\"cem-download-btn\" type=\"button\">Download backup</button>\n <button class=\"cem-open-link-btn\" type=\"button\" hidden>Open link</button>\n </div>\n <div class=\"cem-status\" aria-live=\"polite\">Auto-save ready</div>\n `;\n document.body.appendChild(panel);\n\n const copyButton = panel.querySelector<HTMLButtonElement>(\".cem-copy-btn\");\n const downloadButton = panel.querySelector<HTMLButtonElement>(\".cem-download-btn\");\n const openLinkButton = panel.querySelector<HTMLButtonElement>(\".cem-open-link-btn\");\n const status = panel.querySelector<HTMLElement>(\".cem-status\");\n let activeLink: HTMLAnchorElement | null = null;\n\n document.querySelectorAll(\"[data-reveal]\").forEach((el) => el.classList.add(\"is-visible\"));\n rewriteLinks(config.queryParam, config.queryValue);\n initEditableElements(config);\n\n const restoredCount = applyDraft(loadDraft(storage, draftKey), config.editableSelector);\n\n const makeDraft = (): Draft => ({\n version: DRAFT_VERSION,\n page: window.location.pathname,\n url: window.location.href,\n updatedAt: new Date().toISOString(),\n changes: collectDraftChanges(config.editableSelector),\n });\n\n const updateUi = (message?: string) => {\n const count = collectChanges(config.editableSelector).length;\n if (copyButton) copyButton.textContent = count > 0 ? `📋 Copy Changes (${count})` : \"📋 Copy Changes\";\n if (openLinkButton) {\n openLinkButton.hidden = !activeLink;\n openLinkButton.textContent = activeLink ? `Open ${activeLink.hostname || \"link\"}` : \"Open link\";\n }\n if (status) {\n status.textContent =\n message ||\n `Auto-saved ${formatTime()} • ${count} change${count === 1 ? \"\" : \"s\"} • Links: edit text or Ctrl/⌘-click to open`;\n }\n };\n\n const persistDraft = () => {\n const draft = makeDraft();\n const saved = config.autoSave !== false && saveDraft(storage, draftKey, draft);\n updateUi(saved || config.autoSave === false ? undefined : \"⚠️ Auto-save unavailable — use Download backup\");\n return draft;\n };\n\n const finishEditing = () => {\n const activeElement = document.activeElement;\n if (!(activeElement instanceof HTMLElement)) return false;\n if (!activeElement.isContentEditable && activeElement.contentEditable !== \"true\") return false;\n\n activeElement.blur();\n window.getSelection()?.removeAllRanges();\n persistDraft();\n return true;\n };\n\n const finishEditingOnEscape = (event: KeyboardEvent) => {\n if (event.key !== \"Escape\") return;\n if (!finishEditing()) return;\n\n event.preventDefault();\n event.stopPropagation();\n };\n\n const handleDocumentClick = (event: MouseEvent) => {\n const target = event.target;\n if (!(target instanceof Element)) return;\n\n const anchor = target.closest<HTMLAnchorElement>(\"a[href]\");\n if (anchor && !anchor.closest(\".cem-panel\") && !anchor.closest(\".cem-edit-banner\")) {\n activeLink = anchor;\n updateUi(\"Link selected — edit the text, use Open link, or Ctrl/⌘-click to visit it\");\n\n if (event.metaKey || event.ctrlKey || event.altKey) {\n persistDraft();\n return;\n }\n\n event.preventDefault();\n return;\n }\n\n const button = target.closest(\"button\");\n if (button && !button.closest(\".cem-panel\") && !button.closest(\".cem-edit-banner\")) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n };\n\n const handleFocusIn = (event: FocusEvent) => {\n const target = event.target;\n if (!(target instanceof Element)) return;\n\n activeLink = target.closest<HTMLAnchorElement>(\"a[href]\");\n updateUi(activeLink ? \"Link selected — edit the text or use Open link to navigate\" : undefined);\n };\n\n const handleInput = () => persistDraft();\n const handlePageHide = () => persistDraft();\n const handleVisibilityChange = () => {\n if (document.visibilityState === \"hidden\") persistDraft();\n };\n\n document.addEventListener(\"keydown\", finishEditingOnEscape);\n document.addEventListener(\"click\", handleDocumentClick, true);\n document.addEventListener(\"focusin\", handleFocusIn);\n document.addEventListener(\"input\", handleInput);\n window.addEventListener(\"pagehide\", handlePageHide);\n document.addEventListener(\"visibilitychange\", handleVisibilityChange);\n\n copyButton?.addEventListener(\"click\", () => {\n const draft = persistDraft();\n const payload = buildPayload(draft.changes);\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 ${draft.changes.length} change${draft.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 downloadButton?.addEventListener(\"click\", () => {\n const draft = persistDraft();\n const payload = buildPayload(draft.changes);\n const date = new Date().toISOString().slice(0, 10);\n downloadText(`edit-mode-${window.location.hostname}-${date}.json`, JSON.stringify(payload, null, 2));\n showToast(\"✓ Backup downloaded\");\n });\n\n openLinkButton?.addEventListener(\"click\", () => {\n if (!activeLink?.href) return;\n\n persistDraft();\n window.location.href = activeLink.href;\n });\n\n exitButton.addEventListener(\"click\", () => {\n persistDraft();\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\n persistDraft();\n if (restoredCount > 0) updateUi(`Restored ${restoredCount} saved edit${restoredCount === 1 ? \"\" : \"s\"} • Auto-save on`);\n\n return {\n active: true,\n getChanges: () => collectChanges(config.editableSelector),\n destroy: () => {\n persistDraft();\n document.removeEventListener(\"keydown\", finishEditingOnEscape);\n document.removeEventListener(\"click\", handleDocumentClick, true);\n document.removeEventListener(\"focusin\", handleFocusIn);\n document.removeEventListener(\"input\", handleInput);\n window.removeEventListener(\"pagehide\", handlePageHide);\n document.removeEventListener(\"visibilitychange\", handleVisibilityChange);\n banner.remove();\n panel.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 delete el.dataset.editKey;\n }\n });\n window.__COLLIDE_EDIT_MODE_ACTIVE = false;\n },\n };\n}\n"],"mappings":"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","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@collidecreatives/edit-mode",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "description": "Tiny browser edit mode overlay for collecting client copy changes.",
5
5
  "type": "module",
6
6
  "license": "MIT",