ccexport 0.1.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.
- checksums.yaml +7 -0
- data/.gitignore +7 -0
- data/CHANGELOG.md +23 -0
- data/CLAUDE.md +156 -0
- data/Gemfile +8 -0
- data/Gemfile.lock +36 -0
- data/LICENSE +21 -0
- data/README.md +534 -0
- data/Rakefile +8 -0
- data/bin/ccexport +95 -0
- data/ccexport.gemspec +49 -0
- data/exe/ccexport +156 -0
- data/lib/assets/prism-bash.js +1 -0
- data/lib/assets/prism-json.js +1 -0
- data/lib/assets/prism-markdown.js +1 -0
- data/lib/assets/prism-python.js +1 -0
- data/lib/assets/prism-typescript.js +1 -0
- data/lib/assets/prism-yaml.js +1 -0
- data/lib/assets/prism.css +1 -0
- data/lib/assets/prism.js +16 -0
- data/lib/ccexport/version.rb +5 -0
- data/lib/ccexport.rb +9 -0
- data/lib/claude_conversation_exporter.rb +1177 -0
- data/lib/markdown_code_block_parser.rb +268 -0
- data/lib/secret_detector.rb +89 -0
- data/lib/templates/default.html.erb +241 -0
- data/lib/templates/github.html.erb +369 -0
- data/lib/templates/solarized.html.erb +467 -0
- metadata +101 -0
|
@@ -0,0 +1,369 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en" data-color-mode="light" data-light-theme="light" data-dark-theme="dark">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title><%= title %></title>
|
|
7
|
+
<%= include_prism %>
|
|
8
|
+
<style>
|
|
9
|
+
/* GitHub color variables */
|
|
10
|
+
:root {
|
|
11
|
+
--color-fg-default: #1f2328;
|
|
12
|
+
--color-fg-muted: #656d76;
|
|
13
|
+
--color-fg-subtle: #6e7781;
|
|
14
|
+
--color-canvas-default: #ffffff;
|
|
15
|
+
--color-canvas-subtle: #f6f8fa;
|
|
16
|
+
--color-border-default: #d0d7de;
|
|
17
|
+
--color-border-muted: #d8dee4;
|
|
18
|
+
--color-neutral-muted: rgba(175,184,193,0.2);
|
|
19
|
+
--color-accent-fg: #0969da;
|
|
20
|
+
--color-accent-emphasis: #0969da;
|
|
21
|
+
--color-success-fg: #1a7f37;
|
|
22
|
+
--color-attention-fg: #9a6700;
|
|
23
|
+
--color-severe-fg: #bc4c00;
|
|
24
|
+
--color-danger-fg: #d1242f;
|
|
25
|
+
--color-done-fg: #8250df;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
body {
|
|
29
|
+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
|
|
30
|
+
font-size: 16px;
|
|
31
|
+
line-height: 1.5;
|
|
32
|
+
color: var(--color-fg-default);
|
|
33
|
+
background-color: var(--color-canvas-default);
|
|
34
|
+
margin: 0;
|
|
35
|
+
padding: 0;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.github-container {
|
|
39
|
+
max-width: 1012px;
|
|
40
|
+
margin: 0 auto;
|
|
41
|
+
padding: 0;
|
|
42
|
+
background: var(--color-canvas-default);
|
|
43
|
+
min-height: 100vh;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.github-header {
|
|
47
|
+
background: var(--color-canvas-subtle);
|
|
48
|
+
border-bottom: 1px solid var(--color-border-default);
|
|
49
|
+
padding: 16px 24px;
|
|
50
|
+
margin-bottom: 0;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.github-header h1 {
|
|
54
|
+
margin: 0;
|
|
55
|
+
font-size: 20px;
|
|
56
|
+
font-weight: 600;
|
|
57
|
+
color: var(--color-fg-default);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.markdown-body {
|
|
61
|
+
box-sizing: border-box;
|
|
62
|
+
min-width: 200px;
|
|
63
|
+
max-width: 980px;
|
|
64
|
+
margin: 0 auto;
|
|
65
|
+
padding: 45px;
|
|
66
|
+
background: var(--color-canvas-default);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
/* Typography */
|
|
70
|
+
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
|
|
71
|
+
margin-top: 24px;
|
|
72
|
+
margin-bottom: 16px;
|
|
73
|
+
font-weight: 600;
|
|
74
|
+
line-height: 1.25;
|
|
75
|
+
color: var(--color-fg-default);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.markdown-body h1 {
|
|
79
|
+
font-size: 2em;
|
|
80
|
+
border-bottom: 1px solid var(--color-border-muted);
|
|
81
|
+
padding-bottom: 0.3em;
|
|
82
|
+
margin-bottom: 16px;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.markdown-body h2 {
|
|
86
|
+
font-size: 1.5em;
|
|
87
|
+
border-bottom: 1px solid var(--color-border-muted);
|
|
88
|
+
padding-bottom: 0.3em;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.markdown-body h3 {
|
|
92
|
+
font-size: 1.25em;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.markdown-body h4 {
|
|
96
|
+
font-size: 1em;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.markdown-body h5 {
|
|
100
|
+
font-size: 0.875em;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.markdown-body h6 {
|
|
104
|
+
font-size: 0.85em;
|
|
105
|
+
color: var(--color-fg-muted);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
/* Paragraphs and text */
|
|
109
|
+
.markdown-body p {
|
|
110
|
+
margin-top: 0;
|
|
111
|
+
margin-bottom: 16px;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.markdown-body strong, .markdown-body b {
|
|
115
|
+
font-weight: 600;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.markdown-body em, .markdown-body i {
|
|
119
|
+
font-style: italic;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
/* Code blocks */
|
|
123
|
+
.markdown-body pre, .markdown-body code {
|
|
124
|
+
font-family: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
|
|
125
|
+
font-size: 12px;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.markdown-body code {
|
|
129
|
+
background-color: var(--color-neutral-muted);
|
|
130
|
+
border-radius: 6px;
|
|
131
|
+
font-size: 85%;
|
|
132
|
+
margin: 0;
|
|
133
|
+
padding: 0.2em 0.4em;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.markdown-body pre {
|
|
137
|
+
background-color: var(--color-canvas-subtle);
|
|
138
|
+
border-radius: 6px;
|
|
139
|
+
font-size: 85%;
|
|
140
|
+
line-height: 1.45;
|
|
141
|
+
overflow: auto;
|
|
142
|
+
padding: 16px;
|
|
143
|
+
margin-top: 0;
|
|
144
|
+
margin-bottom: 16px;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.markdown-body pre code {
|
|
148
|
+
background-color: transparent;
|
|
149
|
+
border: 0;
|
|
150
|
+
display: inline;
|
|
151
|
+
line-height: inherit;
|
|
152
|
+
margin: 0;
|
|
153
|
+
max-width: auto;
|
|
154
|
+
overflow: visible;
|
|
155
|
+
padding: 0;
|
|
156
|
+
word-wrap: normal;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
/* Blockquotes */
|
|
160
|
+
.markdown-body blockquote {
|
|
161
|
+
border-left: 0.25em solid var(--color-border-default);
|
|
162
|
+
color: var(--color-fg-muted);
|
|
163
|
+
margin: 0;
|
|
164
|
+
padding: 0 1em;
|
|
165
|
+
margin-bottom: 16px;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.markdown-body blockquote > :first-child {
|
|
169
|
+
margin-top: 0;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.markdown-body blockquote > :last-child {
|
|
173
|
+
margin-bottom: 0;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
/* Lists */
|
|
177
|
+
.markdown-body ul, .markdown-body ol {
|
|
178
|
+
margin-top: 0;
|
|
179
|
+
margin-bottom: 16px;
|
|
180
|
+
padding-left: 2em;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.markdown-body li {
|
|
184
|
+
margin-top: 0.25em;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.markdown-body li + li {
|
|
188
|
+
margin-top: 0.25em;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.markdown-body li > p {
|
|
192
|
+
margin-top: 16px;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
.markdown-body li > p:first-child {
|
|
196
|
+
margin-top: 0;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
/* Tables */
|
|
200
|
+
.markdown-body table {
|
|
201
|
+
border-spacing: 0;
|
|
202
|
+
border-collapse: collapse;
|
|
203
|
+
display: block;
|
|
204
|
+
width: max-content;
|
|
205
|
+
max-width: 100%;
|
|
206
|
+
overflow: auto;
|
|
207
|
+
margin-top: 0;
|
|
208
|
+
margin-bottom: 16px;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
.markdown-body table tr {
|
|
212
|
+
background-color: var(--color-canvas-default);
|
|
213
|
+
border-top: 1px solid var(--color-border-muted);
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
.markdown-body table tr:nth-child(2n) {
|
|
217
|
+
background-color: var(--color-canvas-subtle);
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
.markdown-body table th, .markdown-body table td {
|
|
221
|
+
border: 1px solid var(--color-border-default);
|
|
222
|
+
padding: 6px 13px;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
.markdown-body table th {
|
|
226
|
+
font-weight: 600;
|
|
227
|
+
background-color: var(--color-canvas-subtle);
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
/* Links */
|
|
231
|
+
.markdown-body a {
|
|
232
|
+
color: var(--color-accent-fg);
|
|
233
|
+
text-decoration: none;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
.markdown-body a:hover {
|
|
237
|
+
text-decoration: underline;
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
.markdown-body a:visited {
|
|
241
|
+
color: var(--color-done-fg);
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
/* Horizontal rules */
|
|
245
|
+
.markdown-body hr {
|
|
246
|
+
height: 0.25em;
|
|
247
|
+
padding: 0;
|
|
248
|
+
margin: 24px 0;
|
|
249
|
+
background-color: var(--color-border-default);
|
|
250
|
+
border: 0;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
/* Details/Summary (GitHub collapsible content) */
|
|
254
|
+
.markdown-body details {
|
|
255
|
+
display: block;
|
|
256
|
+
margin-bottom: 16px;
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
.markdown-body details summary {
|
|
260
|
+
cursor: pointer;
|
|
261
|
+
font-weight: 600;
|
|
262
|
+
margin-bottom: 8px;
|
|
263
|
+
padding: 8px 0;
|
|
264
|
+
color: var(--color-fg-default);
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
.markdown-body details summary:hover {
|
|
268
|
+
color: var(--color-accent-fg);
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
.markdown-body details[open] summary {
|
|
272
|
+
margin-bottom: 16px;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
.markdown-body details > *:not(summary) {
|
|
276
|
+
margin-left: 16px;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
/* GitHub file header styling */
|
|
280
|
+
.file-header {
|
|
281
|
+
background-color: var(--color-canvas-subtle);
|
|
282
|
+
border: 1px solid var(--color-border-default);
|
|
283
|
+
border-bottom: 0;
|
|
284
|
+
border-top-left-radius: 8px;
|
|
285
|
+
border-top-right-radius: 8px;
|
|
286
|
+
padding: 8px 16px;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
.file-header .file-info {
|
|
290
|
+
display: flex;
|
|
291
|
+
align-items: center;
|
|
292
|
+
gap: 8px;
|
|
293
|
+
color: var(--color-fg-muted);
|
|
294
|
+
font-size: 12px;
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
.file-content {
|
|
298
|
+
border: 1px solid var(--color-border-default);
|
|
299
|
+
border-bottom-left-radius: 8px;
|
|
300
|
+
border-bottom-right-radius: 8px;
|
|
301
|
+
background: var(--color-canvas-default);
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
/* Session metadata styling for GitHub look */
|
|
305
|
+
.session-metadata {
|
|
306
|
+
background: var(--color-canvas-subtle);
|
|
307
|
+
border: 1px solid var(--color-border-default);
|
|
308
|
+
border-radius: 6px;
|
|
309
|
+
padding: 16px;
|
|
310
|
+
margin-bottom: 24px;
|
|
311
|
+
font-size: 14px;
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
.session-metadata strong {
|
|
315
|
+
color: var(--color-fg-default);
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
/* Make conversation messages look more like GitHub discussions */
|
|
319
|
+
.markdown-body h2:has-text("👤"), .markdown-body h2:has-text("🤖") {
|
|
320
|
+
background: var(--color-canvas-subtle);
|
|
321
|
+
border: 1px solid var(--color-border-default);
|
|
322
|
+
border-radius: 6px 6px 0 0;
|
|
323
|
+
padding: 12px 16px;
|
|
324
|
+
margin: 24px 0 0 0;
|
|
325
|
+
border-bottom: none;
|
|
326
|
+
font-size: 16px;
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
/* Responsive design */
|
|
330
|
+
@media (max-width: 768px) {
|
|
331
|
+
.markdown-body {
|
|
332
|
+
padding: 15px;
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
.github-header {
|
|
336
|
+
padding: 12px 15px;
|
|
337
|
+
}
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
/* Print styles */
|
|
341
|
+
@media print {
|
|
342
|
+
body {
|
|
343
|
+
background: white !important;
|
|
344
|
+
}
|
|
345
|
+
|
|
346
|
+
.github-container {
|
|
347
|
+
box-shadow: none !important;
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
.github-header {
|
|
351
|
+
background: white !important;
|
|
352
|
+
border-bottom: 1px solid #000 !important;
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
</style>
|
|
356
|
+
</head>
|
|
357
|
+
<body>
|
|
358
|
+
<div class="github-container">
|
|
359
|
+
<div class="github-header">
|
|
360
|
+
<h1><%= title %></h1>
|
|
361
|
+
</div>
|
|
362
|
+
<div class="file-content">
|
|
363
|
+
<div class="markdown-body">
|
|
364
|
+
<%= content %>
|
|
365
|
+
</div>
|
|
366
|
+
</div>
|
|
367
|
+
</div>
|
|
368
|
+
</body>
|
|
369
|
+
</html>
|