use-chisel 0.1.9 → 0.1.10

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.
Files changed (18) hide show
  1. package/README.md +73 -0
  2. package/dist/hosted-entry.js +4 -4
  3. package/dist/index.js +1 -1
  4. package/dist/review/snapshot-upload.d.ts +2 -0
  5. package/dist/review-content-entry.d.ts +1 -0
  6. package/dist/review-content-entry.js +9 -3
  7. package/dist/review-entry.d.ts +1 -0
  8. package/dist/review-entry.js +4 -3
  9. package/dist/workspace/breakpoints.d.ts +3 -0
  10. package/dist/workspace/comment-box.d.ts +4 -1
  11. package/dist/workspace/comments.d.ts +22 -0
  12. package/dist/workspace/project-controls.d.ts +20 -0
  13. package/dist/workspace/review-links.d.ts +4 -0
  14. package/dist/workspace/workspace.d.ts +9 -1
  15. package/dist/workspace-entry.d.ts +2 -1
  16. package/dist/workspace-entry.js +19 -9
  17. package/package.json +5 -4
  18. package/src/review/workspace-design.css +11 -3
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "use-chisel",
3
- "version": "0.1.9",
4
- "description": "Dev-only visual editing layer for Next.js apps.",
3
+ "version": "0.1.10",
4
+ "description": "Hosted website reviews and visual editing for Next.js.",
5
5
  "type": "module",
6
6
  "keywords": [
7
7
  "nextjs",
@@ -74,6 +74,7 @@
74
74
  "react-dom": ">=18 <20"
75
75
  },
76
76
  "dependencies": {
77
+ "html-to-image": "^1.11.13",
77
78
  "slate": "^0.110.2",
78
79
  "slate-history": "^0.110.3",
79
80
  "slate-react": "^0.110.3"
@@ -82,7 +83,7 @@
82
83
  "@types/react": "^18.3.3",
83
84
  "@types/react-dom": "^18.3.7",
84
85
  "esbuild": "^0.28.1",
85
- "vitest": "^5.0.5",
86
- "lucide-react": "^1.61.0"
86
+ "lucide-react": "^1.61.0",
87
+ "vitest": "^5.0.5"
87
88
  }
88
89
  }
package/src/review/workspace-design.css CHANGED
@@ -2,6 +2,7 @@
2
2
  .feedback-shell.chisel-review .comment-thread[data-native-ui=true],.feedback-shell.chisel-review .comment-box-native{border:0;border-radius:16px;background:var(--chisel-ui-surface);box-shadow:var(--chisel-ui-popover-shadow)}
3
3
  .feedback-shell.chisel-review .comment-thread[data-expanded=false]{border-radius:16px 16px 16px 0}
4
4
  .chisel-review-thread-content,.review-thread,.review-comment-content{width:100%;min-width:0}
5
+ .review-capture-context{margin:4px 12px 8px;font-size:12px;line-height:18px;color:var(--chisel-ui-muted);overflow-wrap:anywhere}
5
6
  .review-comment,.feedback-shell.chisel-review .chisel-review-message{display:flex;align-items:flex-start;gap:12px;padding:12px 20px}
6
7
  .review-comment-content,.chisel-review-message-content{flex:1;min-width:0}
7
8
  .review-comment-avatar{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--chisel-ui-avatar);color:var(--chisel-ui-avatar-text);font-size:12px}
@@ -16,7 +17,11 @@
16
17
  @media(hover:none){.review-comment-edit{opacity:1}}
17
18
  .review-inline-edit{border:1px solid var(--chisel-ui-border);border-radius:10px;padding:8px}
18
19
  .review-inline-edit-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}
19
- .review-inline-edit-actions button{min-height:32px;padding:0 10px;border:0;border-radius:6px;background:var(--chisel-ui-hover);color:var(--chisel-ui-text)}
20
+ .review-inline-edit-actions button{min-height:40px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--chisel-ui-text)}
21
+ .review-inline-edit-actions button:last-child{background:var(--chisel-ui-action);color:var(--chisel-ui-action-text)}
22
+ .review-inline-edit-actions button:not(:last-child):hover{background:var(--chisel-ui-hover)}
23
+ .review-inline-edit-actions button:disabled{opacity:.45}
24
+ @media(pointer:coarse){.review-inline-edit-actions button{min-height:44px}}
20
25
  .review-comment-body,.chisel-rich-body{font-size:14px;line-height:21px;white-space:pre-wrap;overflow-wrap:anywhere}
21
26
  .review-comment-body p{margin:0;min-height:21px}.review-comment-body p+p{margin-top:8px}
22
27
  .review-comment-body a{color:var(--chisel-ui-accent-text);text-decoration:underline;text-underline-offset:3px}
@@ -52,6 +57,7 @@
52
57
  .chisel-attachment-preview>button:not(.review-media-thumbnail){position:absolute;top:0;right:0;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:0 8px;background:var(--chisel-ui-surface);color:var(--chisel-ui-text)}
53
58
  .review-retry-upload{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--chisel-ui-text);font:inherit}
54
59
  .review-retry-upload:hover{background:var(--chisel-ui-hover)}
60
+ .chisel-attachment-controls .review-retry-upload[aria-label]{min-width:40px;justify-content:center}
55
61
  .chisel-attachment-preview>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px;font-size:12px}
56
62
  .feedback-shell.chisel-review .chisel-expand-thread{display:inline-flex;align-items:center;margin:0 20px 8px 60px;min-height:40px;padding:0;border:0;background:transparent;color:var(--chisel-ui-secondary);font-size:13px}
57
63
  .chisel-review [data-slate-placeholder]{opacity:1!important;color:var(--chisel-ui-secondary)}
@@ -61,11 +67,13 @@
61
67
  .review-media-thumbnail img,.review-media-thumbnail video{display:block;width:100%;height:120px;object-fit:contain}
62
68
  .review-media-play{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0009;color:white;transform:translate(-50%,-50%)}
63
69
  .review-media-lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:transparent;color:var(--chisel-ui-text)}
70
+ .review-media-lightbox[open]{display:flex;align-items:center;justify-content:center}
64
71
  .review-media-lightbox::backdrop{background:#000b}
65
- .review-media-lightbox-content{display:flex;flex-direction:column;width:min(100%,1000px);max-height:100%;margin:auto;border-radius:12px;overflow:hidden;background:var(--chisel-ui-surface);box-shadow:0 16px 48px #0006}
72
+ .review-media-lightbox-content{display:flex;flex-direction:column;width:fit-content;min-width:min(320px,100%);max-width:min(100%,1000px);max-height:100%;margin:auto;border-radius:12px;overflow:hidden;background:var(--chisel-ui-surface);box-shadow:0 16px 48px #0006}
66
73
  .review-media-lightbox-content header{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px 8px 16px}
67
74
  .review-media-lightbox-content header span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
68
- .review-media-lightbox-content header a{color:var(--chisel-ui-text);font-size:13px}
75
+ .review-media-lightbox-content header a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;min-height:40px;padding:0;border-radius:8px;color:var(--chisel-ui-text);font-size:13px}
76
+ .review-media-lightbox-content header a:hover{background:var(--chisel-ui-hover)}
69
77
  .review-media-lightbox-content header button{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--chisel-ui-text)}
70
78
  .review-media-lightbox-content header button:hover{background:var(--chisel-ui-hover)}
71
79
  .review-media-lightbox-content>img,.review-media-lightbox-content>video{display:block;min-height:0;max-width:100%;max-height:calc(100dvh - 104px);margin:auto;object-fit:contain;background:#000}