@haklex/rich-ext-code-snippet 0.0.19 → 0.0.21

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 (2) hide show
  1. package/dist/rich-ext-code-snippet.css +1 -416
  2. package/package.json +6 -6
package/dist/rich-ext-code-snippet.css CHANGED
@@ -1,416 +1 @@
1
- .hjkryc0 {
2
- position: relative;
3
- border-radius: 0.5rem;
4
- overflow: hidden;
5
- border: 1px solid var(--rc-border);
6
- background: var(--rc-code-bg);
7
- font-size: 0.875rem;
8
- }
9
- .hjkryc1 {
10
- display: flex;
11
- align-items: center;
12
- justify-content: space-between;
13
- padding: 0 12px;
14
- min-height: 40px;
15
- }
16
- .hjkryc2 {
17
- display: flex;
18
- align-items: center;
19
- gap: 2px;
20
- overflow-x: auto;
21
- scrollbar-width: none;
22
- }
23
- .hjkryc2::-webkit-scrollbar {
24
- display: none;
25
- }
26
- .hjkryc3 {
27
- display: flex;
28
- align-items: center;
29
- gap: 6px;
30
- padding: 6px 10px;
31
- font-size: 0.75rem;
32
- font-family: var(--font-mono, ui-monospace, monospace);
33
- font-weight: 500;
34
- color: var(--rc-text-secondary);
35
- background: transparent;
36
- border: none;
37
- border-radius: 6px;
38
- cursor: pointer;
39
- white-space: nowrap;
40
- flex-shrink: 0;
41
- transition: color 0.15s, background 0.15s;
42
- }
43
- .hjkryc3:hover {
44
- color: var(--rc-text);
45
- background: color-mix(in srgb, var(--rc-text) 5%, transparent);
46
- }
47
- .hjkryc5 {
48
- color: var(--rc-text);
49
- background: color-mix(in srgb, var(--rc-text) 8%, transparent);
50
- }
51
- .hjkryc7 {
52
- display: flex;
53
- align-items: center;
54
- gap: 6px;
55
- padding: 6px 0;
56
- font-size: 0.75rem;
57
- font-family: var(--font-mono, ui-monospace, monospace);
58
- font-weight: 500;
59
- color: var(--rc-text-secondary);
60
- }
61
- .hjkryc8 {
62
- display: flex;
63
- align-items: center;
64
- opacity: 0;
65
- transition: opacity 0.15s;
66
- }
67
- .hjkryc0:hover .hjkryc8 {
68
- opacity: 1;
69
- }
70
- .hjkryc9 {
71
- display: inline-flex;
72
- align-items: center;
73
- justify-content: center;
74
- width: 28px;
75
- height: 28px;
76
- border-radius: 6px;
77
- border: none;
78
- background: transparent;
79
- color: var(--rc-text-secondary);
80
- cursor: pointer;
81
- transition: background 0.15s, color 0.15s;
82
- }
83
- .hjkryc9:hover {
84
- background: color-mix(in srgb, var(--rc-text) 8%, transparent);
85
- color: var(--rc-text);
86
- }
87
- .hjkryca {
88
- height: 1px;
89
- background: var(--rc-border);
90
- opacity: 0.6;
91
- }
92
- .hjkrycb {
93
- overflow-x: auto;
94
- }
95
- .hjkrycc {
96
- padding: 12px 16px;
97
- margin: 0;
98
- font-size: 0.8125rem;
99
- line-height: 1.7;
100
- font-family: var(--font-mono, ui-monospace, monospace);
101
- }
102
- .hjkrycc pre {
103
- margin: 0;
104
- background: transparent !important;
105
- }
106
- .hjkrycc code {
107
- font-family: inherit;
108
- }
109
- .hjkrycd {
110
- display: inline-flex;
111
- flex-shrink: 0;
112
- }
113
- .hjkrycd svg {
114
- width: 100%;
115
- height: 100%;
116
- }
117
- .hjkryce {
118
- position: relative;
119
- }
120
- .hjkrycf {
121
- position: absolute;
122
- inset: 0;
123
- z-index: 5;
124
- display: flex;
125
- align-items: center;
126
- justify-content: center;
127
- cursor: pointer;
128
- background: transparent;
129
- border: none;
130
- }
131
- .hjkrycf:hover {
132
- background: color-mix(in srgb, currentColor 6%, transparent);
133
- }
134
- .hjkrycg {
135
- display: flex;
136
- align-items: center;
137
- gap: 6px;
138
- padding: 6px 14px;
139
- border-radius: 6px;
140
- background: var(--rc-bg);
141
- border: 1px solid var(--rc-border);
142
- color: var(--rc-text);
143
- font-size: 0.8125rem;
144
- font-weight: 500;
145
- opacity: 0;
146
- transition: opacity 0.2s;
147
- }
148
- .hjkryce:hover .hjkrycg {
149
- opacity: 1;
150
- }
151
- .hjkrych.hjkrych {
152
- padding: 0;
153
- gap: 0;
154
- display: flex;
155
- flex-direction: column;
156
- overflow: hidden;
157
- width: calc(100vw - 2rem);
158
- height: min(720px, 80vh);
159
- border-radius: 0.75rem;
160
- }
161
- .hjkrych.hjkrych[data-open] {
162
- animation: none;
163
- }
164
- .hjkrych.hjkrych[data-closed] {
165
- animation: none;
166
- }
167
- .hjkryci {
168
- display: flex;
169
- flex-direction: column;
170
- flex: 1;
171
- min-height: 0;
172
- overflow: hidden;
173
- }
174
- .hjkrycj {
175
- display: flex;
176
- align-items: center;
177
- justify-content: space-between;
178
- height: 44px;
179
- padding: 0 16px;
180
- border-bottom: 1px solid var(--rc-border);
181
- flex-shrink: 0;
182
- }
183
- .hjkryck {
184
- font-size: 0.75rem;
185
- font-family: var(--font-mono, ui-monospace, monospace);
186
- color: var(--rc-text-secondary);
187
- }
188
- .hjkrycl {
189
- display: inline-flex;
190
- align-items: center;
191
- justify-content: center;
192
- width: 28px;
193
- height: 28px;
194
- border-radius: 6px;
195
- border: none;
196
- background: transparent;
197
- color: var(--rc-text-secondary);
198
- cursor: pointer;
199
- transition: background 0.15s, color 0.15s;
200
- }
201
- .hjkrycl:hover {
202
- background: color-mix(in srgb, var(--rc-text) 8%, transparent);
203
- color: var(--rc-text);
204
- }
205
- .hjkrycm {
206
- display: flex;
207
- flex: 1;
208
- min-height: 0;
209
- }
210
- .hjkrycn {
211
- width: 224px;
212
- flex-shrink: 0;
213
- border-right: 1px solid var(--rc-border);
214
- display: flex;
215
- flex-direction: column;
216
- overflow: hidden;
217
- }
218
- .hjkryco {
219
- display: flex;
220
- align-items: center;
221
- justify-content: space-between;
222
- padding: 12px 12px 8px;
223
- font-size: 0.625rem;
224
- font-weight: 600;
225
- text-transform: uppercase;
226
- letter-spacing: 0.05em;
227
- color: color-mix(in srgb, var(--rc-text-secondary) 60%, transparent);
228
- }
229
- .hjkrycp {
230
- display: inline-flex;
231
- align-items: center;
232
- justify-content: center;
233
- width: 22px;
234
- height: 22px;
235
- border-radius: 4px;
236
- border: none;
237
- background: transparent;
238
- color: var(--rc-text-secondary);
239
- cursor: pointer;
240
- transition: background 0.15s, color 0.15s;
241
- }
242
- .hjkrycp:hover {
243
- background: color-mix(in srgb, var(--rc-text) 8%, transparent);
244
- color: var(--rc-text);
245
- }
246
- .hjkrycq {
247
- flex: 1;
248
- overflow-y: auto;
249
- padding: 0 6px 8px;
250
- }
251
- .hjkrycr {
252
- display: flex;
253
- align-items: center;
254
- gap: 4px;
255
- padding: 4px 8px;
256
- border-radius: 6px;
257
- height: 24px;
258
- cursor: pointer;
259
- font-size: 0.75rem;
260
- font-family: var(--font-mono, ui-monospace, monospace);
261
- color: var(--rc-text-secondary);
262
- transition: background 0.15s, color 0.15s;
263
- }
264
- .hjkrycr:hover {
265
- background: color-mix(in srgb, var(--rc-text) 5%, transparent);
266
- color: var(--rc-text);
267
- }
268
- .hjkryct {
269
- background: color-mix(in srgb, var(--rc-text) 8%, transparent);
270
- color: var(--rc-text);
271
- }
272
- .hjkrycv {
273
- opacity: 0.4;
274
- }
275
- .hjkrycx {
276
- display: inline-flex;
277
- align-items: center;
278
- cursor: grab;
279
- color: color-mix(in srgb, var(--rc-text-secondary) 40%, transparent);
280
- flex-shrink: 0;
281
- touch-action: none;
282
- }
283
- .hjkrycx:active {
284
- cursor: grabbing;
285
- }
286
- .hjkrycy {
287
- flex: 1;
288
- overflow: hidden;
289
- text-overflow: ellipsis;
290
- white-space: nowrap;
291
- }
292
- .hjkrycz {
293
- display: none;
294
- align-items: center;
295
- justify-content: center;
296
- width: 20px;
297
- height: 20px;
298
- border-radius: 4px;
299
- border: none;
300
- background: transparent;
301
- color: var(--rc-text-secondary);
302
- cursor: pointer;
303
- flex-shrink: 0;
304
- }
305
- .hjkrycr:hover .hjkrycz {
306
- display: inline-flex;
307
- }
308
- .hjkrycz:hover {
309
- color: var(--rc-alert-caution);
310
- background: color-mix(in srgb, var(--rc-alert-caution) 10%, transparent);
311
- }
312
- .hjkryc10 {
313
- flex: 1;
314
- min-width: 0;
315
- padding: 1px 4px;
316
- font-size: 0.75rem;
317
- font-family: var(--font-mono, ui-monospace, monospace);
318
- border-radius: 3px;
319
- border: 1px solid var(--rc-border);
320
- background: var(--rc-bg);
321
- color: var(--rc-text);
322
- outline: none;
323
- }
324
- .hjkryc10:focus {
325
- border-color: color-mix(in srgb, var(--rc-text) 30%, transparent);
326
- }
327
- .hjkryc11 {
328
- flex: 1;
329
- display: flex;
330
- flex-direction: column;
331
- min-width: 0;
332
- }
333
- .hjkryc12 {
334
- display: flex;
335
- align-items: center;
336
- justify-content: space-between;
337
- height: 36px;
338
- padding: 0 16px;
339
- border-bottom: 1px solid color-mix(in srgb, var(--rc-border) 50%, transparent);
340
- flex-shrink: 0;
341
- }
342
- .hjkryc13 {
343
- display: flex;
344
- align-items: center;
345
- gap: 6px;
346
- font-size: 0.75rem;
347
- font-family: var(--font-mono, ui-monospace, monospace);
348
- color: var(--rc-text-secondary);
349
- overflow: hidden;
350
- }
351
- .hjkryc14 {
352
- color: var(--rc-text);
353
- white-space: nowrap;
354
- overflow: hidden;
355
- text-overflow: ellipsis;
356
- }
357
- .hjkryc15 {
358
- opacity: 0.5;
359
- }
360
- .hjkryc16 {
361
- flex: 1;
362
- min-height: 0;
363
- position: relative;
364
- overflow: auto;
365
- background-color: transparent !important;
366
- }
367
- .hjkryc16 pre code {
368
- display: flex;
369
- flex-direction: column;
370
- }
371
- .hjkryc16 > .shikicode.output {
372
- position: static !important;
373
- inset: auto !important;
374
- }
375
- .hjkryc16 .shikicode {
376
- height: 100%;
377
- font-size: 0.8125rem;
378
- line-height: 1.7;
379
- }
380
- .hjkryc16 .shiki, .hjkryc16 code, .hjkryc16 pre {
381
- background: transparent !important;
382
- }
383
- .hjkryc16 pre {
384
- margin: 0 !important;
385
- padding: 0 !important;
386
- }
387
- .hjkryc16 .shikicode.output .line::before {
388
- background-color: transparent !important;
389
- color: color-mix(in srgb, var(--rc-text-secondary) 40%, transparent) !important;
390
- }
391
- .hjkryc16 .line {
392
- display: block;
393
- padding: 0 1rem;
394
- }
395
- .hjkryc16 .shikicode.input.line-numbers {
396
- padding-left: calc(5em + 1rem);
397
- }
398
- .hjkryc16 .shikicode.input:not(.line-numbers) {
399
- padding-left: 1rem;
400
- }
401
- .hjkryc16 .line > span:last-child {
402
- margin-right: 1rem;
403
- }
404
- .hjkryc16 .line::after {
405
- content: ' ';
406
- }
407
- .hjkryc17 {
408
- background: var(--rc-bg-secondary);
409
- border-radius: 6px;
410
- box-shadow: 0 4px 16px rgba(0,0,0,0.15);
411
- }
412
- @media (min-width: 640px) {
413
- .hjkrych.hjkrych {
414
- max-width: 64rem;
415
- }
416
- }
1
+ .hjkryc0{position:relative;border-radius:.5rem;overflow:hidden;border:1px solid var(--rc-border);background:var(--rc-code-bg);font-size:var(--rc-font-size-md)}.hjkryc1{display:flex;align-items:center;justify-content:space-between;padding:0 12px;min-height:40px}.hjkryc2{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}.hjkryc2::-webkit-scrollbar{display:none}.hjkryc3{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:var(--rc-font-size-xs);font-family:var(--font-mono, ui-monospace, monospace);font-weight:500;color:var(--rc-text-secondary);background:transparent;border:none;border-radius:6px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:color .15s,background .15s}.hjkryc3:hover{color:var(--rc-text);background:color-mix(in srgb,var(--rc-text) 5%,transparent)}.hjkryc5{color:var(--rc-text);background:color-mix(in srgb,var(--rc-text) 8%,transparent)}.hjkryc7{display:flex;align-items:center;gap:6px;padding:6px 0;font-size:var(--rc-font-size-xs);font-family:var(--font-mono, ui-monospace, monospace);font-weight:500;color:var(--rc-text-secondary)}.hjkryc8{display:flex;align-items:center;opacity:0;transition:opacity .15s}.hjkryc0:hover .hjkryc8{opacity:1}.hjkryc9{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}.hjkryc9:hover{background:color-mix(in srgb,var(--rc-text) 8%,transparent);color:var(--rc-text)}.hjkryca{height:1px;background:var(--rc-border);opacity:.6}.hjkrycb{overflow-x:auto}.hjkrycc{padding:12px 16px;margin:0;font-size:var(--rc-font-size-sm);line-height:1.7;font-family:var(--font-mono, ui-monospace, monospace)}.hjkrycc pre{margin:0;background:transparent!important}.hjkrycc code{font-family:inherit}.hjkrycd{display:inline-flex;flex-shrink:0}.hjkrycd svg{width:100%;height:100%}.hjkryce{position:relative}.hjkrycf{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none}.hjkrycf:hover{background:color-mix(in srgb,currentColor 6%,transparent)}.hjkrycg{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;background:var(--rc-bg);border:1px solid var(--rc-border);color:var(--rc-text);font-size:var(--rc-font-size-sm);font-weight:500;opacity:0;transition:opacity .2s}.hjkryce:hover .hjkrycg{opacity:1}.hjkrych.hjkrych{padding:0;gap:0;display:flex;flex-direction:column;overflow:hidden;width:calc(100vw - 2rem);height:min(720px,80vh);border-radius:.75rem}.hjkrych.hjkrych[data-open],.hjkrych.hjkrych[data-closed]{animation:none}.hjkryci{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.hjkrycj{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 16px;border-bottom:1px solid var(--rc-border);flex-shrink:0}.hjkryck{font-size:var(--rc-font-size-xs);font-family:var(--font-mono, ui-monospace, monospace);color:var(--rc-text-secondary)}.hjkrycl{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}.hjkrycl:hover{background:color-mix(in srgb,var(--rc-text) 8%,transparent);color:var(--rc-text)}.hjkrycm{display:flex;flex:1;min-height:0}.hjkrycn{width:224px;flex-shrink:0;border-right:1px solid var(--rc-border);display:flex;flex-direction:column;overflow:hidden}.hjkryco{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 8px;font-size:var(--rc-font-size-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb,var(--rc-text-secondary) 60%,transparent)}.hjkrycp{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}.hjkrycp:hover{background:color-mix(in srgb,var(--rc-text) 8%,transparent);color:var(--rc-text)}.hjkrycq{flex:1;overflow-y:auto;padding:0 6px 8px}.hjkrycr{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;height:24px;cursor:pointer;font-size:var(--rc-font-size-xs);font-family:var(--font-mono, ui-monospace, monospace);color:var(--rc-text-secondary);transition:background .15s,color .15s}.hjkrycr:hover{background:color-mix(in srgb,var(--rc-text) 5%,transparent);color:var(--rc-text)}.hjkryct{background:color-mix(in srgb,var(--rc-text) 8%,transparent);color:var(--rc-text)}.hjkrycv{opacity:.4}.hjkrycx{display:inline-flex;align-items:center;cursor:grab;color:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent);flex-shrink:0;touch-action:none}.hjkrycx:active{cursor:grabbing}.hjkrycy{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hjkrycz{display:none;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;flex-shrink:0}.hjkrycr:hover .hjkrycz{display:inline-flex}.hjkrycz:hover{color:var(--rc-alert-caution);background:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent)}.hjkryc10{flex:1;min-width:0;padding:1px 4px;font-size:var(--rc-font-size-xs);font-family:var(--font-mono, ui-monospace, monospace);border-radius:3px;border:1px solid var(--rc-border);background:var(--rc-bg);color:var(--rc-text);outline:none}.hjkryc10:focus{border-color:color-mix(in srgb,var(--rc-text) 30%,transparent)}.hjkryc11{flex:1;display:flex;flex-direction:column;min-width:0}.hjkryc12{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 16px;border-bottom:1px solid color-mix(in srgb,var(--rc-border) 50%,transparent);flex-shrink:0}.hjkryc13{display:flex;align-items:center;gap:6px;font-size:var(--rc-font-size-xs);font-family:var(--font-mono, ui-monospace, monospace);color:var(--rc-text-secondary);overflow:hidden}.hjkryc14{color:var(--rc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hjkryc15{opacity:.5}.hjkryc16{flex:1;min-height:0;position:relative;overflow:auto;background-color:transparent!important}.hjkryc16 pre code{display:flex;flex-direction:column}.hjkryc16>.shikicode.output{position:static!important;inset:auto!important}.hjkryc16 .shikicode{height:100%;font-size:var(--rc-font-size-sm);line-height:1.7}.hjkryc16 .shiki,.hjkryc16 code,.hjkryc16 pre{background:transparent!important}.hjkryc16 pre{margin:0!important;padding:0!important}.hjkryc16 .shikicode.output .line:before{background-color:transparent!important;color:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent)!important}.hjkryc16 .line{display:block;padding:0 1rem}.hjkryc16 .shikicode.input.line-numbers{padding-left:calc(5em + 1rem)}.hjkryc16 .shikicode.input:not(.line-numbers){padding-left:1rem}.hjkryc16 .line>span:last-child{margin-right:1rem}.hjkryc16 .line:after{content:" "}.hjkryc17{background:var(--rc-bg-secondary);border-radius:6px;box-shadow:0 4px 16px #00000026}@media(min-width:640px){.hjkrych.hjkrych{max-width:64rem}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haklex/rich-ext-code-snippet",
3
- "version": "0.0.19",
3
+ "version": "0.0.21",
4
4
  "description": "Multi-file code snippet extension",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -21,11 +21,11 @@
21
21
  "@dnd-kit/utilities": "^3.2.2",
22
22
  "lucide-react": "^0.574.0",
23
23
  "shikicode": "^0.0.0",
24
- "@haklex/rich-headless": "0.0.19",
25
- "@haklex/rich-editor": "0.0.19",
26
- "@haklex/rich-editor-ui": "0.0.19",
27
- "@haklex/rich-renderer-codeblock": "0.0.19",
28
- "@haklex/rich-style-token": "0.0.19"
24
+ "@haklex/rich-editor": "0.0.21",
25
+ "@haklex/rich-editor-ui": "0.0.21",
26
+ "@haklex/rich-headless": "0.0.21",
27
+ "@haklex/rich-style-token": "0.0.21",
28
+ "@haklex/rich-renderer-codeblock": "0.0.21"
29
29
  },
30
30
  "devDependencies": {
31
31
  "@lexical/react": "^0.40.0",