feedback-collector 0.1.0 → 0.1.1
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "feedback-collector",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"description": "Coletor de feedback visual para desenvolvimento assistido por IA: ALT+clique nos elementos, anote instruções e exporte um backlog em markdown com source mapping (arquivo:linha) pronto para colar no Claude Code ou outro agente.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./src/index.js",
|
|
@@ -356,7 +356,7 @@
|
|
|
356
356
|
|
|
357
357
|
var toastEl = document.createElement('div');
|
|
358
358
|
toastEl.style.cssText = 'position:fixed;bottom:16px;left:50%;transform:translateX(-50%);' +
|
|
359
|
-
'z-index:2147483647;background:#
|
|
359
|
+
'z-index:2147483647;background:#15803d;color:#fff;padding:8px 16px;border-radius:8px;' +
|
|
360
360
|
'font:13px system-ui,sans-serif;display:none;box-shadow:0 4px 14px rgba(0,0,0,.3);';
|
|
361
361
|
function toast(msg) {
|
|
362
362
|
toastEl.textContent = msg;
|
|
@@ -374,19 +374,19 @@
|
|
|
374
374
|
'background:#2c2c2e;cursor:pointer;user-select:none;">' +
|
|
375
375
|
'<span style="font-weight:600;">Feedback</span>' +
|
|
376
376
|
'<span style="background:#2563eb;border-radius:10px;padding:0 8px;font-size:11px;">' + items.length + '</span>' +
|
|
377
|
-
(items.length ? '<span style="font-size:11px;color:#
|
|
378
|
-
'<span style="margin-left:auto;color:#
|
|
379
|
-
'<span data-fbc="toggle" style="color:#
|
|
377
|
+
(items.length ? '<span style="font-size:11px;color:#a8a8ae;">' + srcCount + ' com source</span>' : '') +
|
|
378
|
+
'<span style="margin-left:auto;color:#a8a8ae;font-size:11px;">segure ALT + clique</span>' +
|
|
379
|
+
'<span data-fbc="toggle" style="color:#a8a8ae;">' + (collapsed ? '▸' : '▾') + '</span>' +
|
|
380
380
|
'</div>' +
|
|
381
381
|
(collapsed ? '' :
|
|
382
382
|
'<div style="overflow-y:auto;flex:1;padding:8px 12px;display:flex;flex-direction:column;gap:8px;">' +
|
|
383
383
|
(items.length === 0
|
|
384
|
-
? '<div style="color:#
|
|
384
|
+
? '<div style="color:#a8a8ae;padding:12px 0;text-align:center;">Nenhum item. Segure ALT e clique num elemento da página.</div>'
|
|
385
385
|
: items.map(renderItem).join('')) +
|
|
386
386
|
'</div>' +
|
|
387
387
|
'<div style="display:flex;gap:8px;padding:10px 12px;background:#2c2c2e;">' +
|
|
388
388
|
'<button data-fbc="copy" style="flex:1;background:#2563eb;color:#fff;border:0;border-radius:6px;' +
|
|
389
|
-
'padding:8px;font:600 13px system-ui;cursor:pointer;"' + (items.length ? '' : ' disabled style="flex:1;background:#3a3a3c;color:#
|
|
389
|
+
'padding:8px;font:600 13px system-ui;cursor:pointer;"' + (items.length ? '' : ' disabled style="flex:1;background:#3a3a3c;color:#a8a8ae;border:0;border-radius:6px;padding:8px;font:600 13px system-ui;"') + '>Copiar backlog</button>' +
|
|
390
390
|
'<button data-fbc="clear" style="background:#3a3a3c;color:#e5e5e7;border:0;border-radius:6px;' +
|
|
391
391
|
'padding:8px 12px;font:13px system-ui;cursor:pointer;">Limpar</button>' +
|
|
392
392
|
'</div>');
|
|
@@ -402,10 +402,10 @@
|
|
|
402
402
|
: (it.components && it.components[0] ? '<' + it.components[0] + '>' : it.selector.slice(0, 40));
|
|
403
403
|
return '<div style="background:#2c2c2e;border-radius:8px;padding:8px;">' +
|
|
404
404
|
'<div style="display:flex;align-items:baseline;gap:6px;margin-bottom:6px;">' +
|
|
405
|
-
'<span style="color:#
|
|
405
|
+
'<span style="color:#a8a8ae;font-size:11px;">#' + (i + 1) + '</span>' +
|
|
406
406
|
'<span style="font-family:ui-monospace,monospace;font-size:11px;color:#64d2ff;overflow:hidden;' +
|
|
407
407
|
'text-overflow:ellipsis;white-space:nowrap;flex:1;" title="' + esc(it.selector) + '">' + esc(loc) + '</span>' +
|
|
408
|
-
'<span data-fbc-del="' + it.id + '" style="cursor:pointer;color:#
|
|
408
|
+
'<span data-fbc-del="' + it.id + '" style="cursor:pointer;color:#a8a8ae;padding:0 4px;" title="Remover">✕</span>' +
|
|
409
409
|
'</div>' +
|
|
410
410
|
'<textarea data-fbc-ta="' + it.id + '" placeholder="O que mudar aqui?" ' +
|
|
411
411
|
'style="width:100%;box-sizing:border-box;background:#1c1c1e;color:#e5e5e7;border:1px solid #3a3a3c;' +
|