@owomark/processor 0.1.5 → 0.1.7
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/.build-manifest.json +54 -0
- package/dist/index.d.ts +3592 -37
- package/dist/index.js +2107 -147
- package/package.json +2 -1
- package/src/mdx-components/mdx-components.css +249 -6
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@owomark/processor",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.7",
|
|
4
4
|
"description": "Node-safe Markdown and MDX processor, plugins, and built-in MDX components for OwoMark.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
"access": "public"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
+
"@owomark/core": "^0.1.7",
|
|
41
42
|
"rehype-katex": "^6.0.3",
|
|
42
43
|
"rehype-pretty-code": "^0.14.1",
|
|
43
44
|
"rehype-slug": "^6.0.0",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
line-height: 1;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.mdx-callout-content > :first-child { margin-top: 0; }
|
|
31
|
-
.mdx-callout-content > :last-child { margin-bottom: 0; }
|
|
30
|
+
.mdx-callout .mdx-callout-content > :first-child { margin-top: 0; }
|
|
31
|
+
.mdx-callout .mdx-callout-content > :last-child { margin-bottom: 0; }
|
|
32
32
|
|
|
33
33
|
.mdx-callout-info {
|
|
34
34
|
background-color: color-mix(in srgb, var(--owo-brand, #3b82f6) 6%, transparent);
|
|
@@ -54,6 +54,30 @@
|
|
|
54
54
|
}
|
|
55
55
|
.mdx-callout-success .mdx-callout-icon { background-color: var(--owo-success, #22c55e); color: white; }
|
|
56
56
|
|
|
57
|
+
/* --- Note --- */
|
|
58
|
+
|
|
59
|
+
.mdx-note {
|
|
60
|
+
margin-bottom: 1.25rem;
|
|
61
|
+
padding: 0.875rem 1rem;
|
|
62
|
+
border: 1px solid color-mix(in srgb, var(--owo-border, #e2e8f0) 90%, white);
|
|
63
|
+
border-radius: 10px;
|
|
64
|
+
background:
|
|
65
|
+
linear-gradient(180deg, color-mix(in srgb, var(--owo-surface-raised, #f8fafc) 82%, white), color-mix(in srgb, var(--owo-surface, #ffffff) 96%, white));
|
|
66
|
+
color: var(--owo-text, #1e293b);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.mdx-note-title {
|
|
70
|
+
margin: 0 0 0.45rem;
|
|
71
|
+
font-size: 0.8rem;
|
|
72
|
+
line-height: 1.3;
|
|
73
|
+
font-weight: 700;
|
|
74
|
+
letter-spacing: 0.02em;
|
|
75
|
+
color: var(--owo-text-muted, #64748b);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.mdx-note .mdx-note-body > :first-child { margin-top: 0; }
|
|
79
|
+
.mdx-note .mdx-note-body > :last-child { margin-bottom: 0; }
|
|
80
|
+
|
|
57
81
|
/* --- CodeDemo --- */
|
|
58
82
|
|
|
59
83
|
.mdx-code-demo { margin-bottom: 1.5rem; }
|
|
@@ -64,6 +88,45 @@
|
|
|
64
88
|
font-weight: 500;
|
|
65
89
|
}
|
|
66
90
|
|
|
91
|
+
.mdx-code-demo[data-code-demo] pre {
|
|
92
|
+
background-color: var(--owo-surface-raised, #f8fafc);
|
|
93
|
+
padding: 1rem;
|
|
94
|
+
border: 1px solid var(--owo-border, #e2e8f0);
|
|
95
|
+
border-radius: 8px;
|
|
96
|
+
box-shadow: none;
|
|
97
|
+
overflow-x: auto;
|
|
98
|
+
margin: 0;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.mdx-code-demo[data-code-demo] pre code {
|
|
102
|
+
background-color: transparent;
|
|
103
|
+
padding: 0;
|
|
104
|
+
border: none;
|
|
105
|
+
border-radius: 0;
|
|
106
|
+
color: inherit;
|
|
107
|
+
font-size: inherit;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.mdx-code-demo[data-code-demo] code {
|
|
111
|
+
font-family: var(--owo-font-mono, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace);
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.mdx-code-demo[data-code-demo] pre.shiki {
|
|
115
|
+
background-color: var(--owo-surface-raised, #f8fafc);
|
|
116
|
+
padding: 1rem;
|
|
117
|
+
border: 1px solid var(--owo-border, #e2e8f0);
|
|
118
|
+
border-radius: 8px;
|
|
119
|
+
box-shadow: none;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.mdx-code-demo[data-code-demo] figure[data-rehype-pretty-code-figure] {
|
|
123
|
+
margin: 0;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.mdx-code-demo[data-code-demo] figure[data-rehype-pretty-code-figure] pre {
|
|
127
|
+
margin: 0;
|
|
128
|
+
}
|
|
129
|
+
|
|
67
130
|
/* --- Steps --- */
|
|
68
131
|
|
|
69
132
|
.mdx-steps { margin-bottom: 1.5rem; }
|
|
@@ -116,8 +179,8 @@
|
|
|
116
179
|
margin: 0 0 0.5rem;
|
|
117
180
|
}
|
|
118
181
|
|
|
119
|
-
.mdx-step-body > :first-child { margin-top: 0; }
|
|
120
|
-
.mdx-step-body > :last-child { margin-bottom: 0; }
|
|
182
|
+
.mdx-step .mdx-step-body > :first-child { margin-top: 0; }
|
|
183
|
+
.mdx-step .mdx-step-body > :last-child { margin-bottom: 0; }
|
|
121
184
|
|
|
122
185
|
/* --- Tabs --- */
|
|
123
186
|
|
|
@@ -157,8 +220,8 @@
|
|
|
157
220
|
padding: 1rem;
|
|
158
221
|
}
|
|
159
222
|
|
|
160
|
-
.mdx-tabs-panel > :first-child { margin-top: 0; }
|
|
161
|
-
.mdx-tabs-panel > :last-child { margin-bottom: 0; }
|
|
223
|
+
.mdx-tabs .mdx-tabs-panel > :first-child { margin-top: 0; }
|
|
224
|
+
.mdx-tabs .mdx-tabs-panel > :last-child { margin-bottom: 0; }
|
|
162
225
|
|
|
163
226
|
/* CSS-only tab switching via :has() */
|
|
164
227
|
.mdx-tabs-list:has(.mdx-tabs-trigger:nth-child(1) .mdx-tabs-radio:checked) ~ .mdx-tabs-panel:nth-of-type(1),
|
|
@@ -210,6 +273,113 @@
|
|
|
210
273
|
vertical-align: baseline;
|
|
211
274
|
}
|
|
212
275
|
|
|
276
|
+
/* --- Details --- */
|
|
277
|
+
|
|
278
|
+
.mdx-details {
|
|
279
|
+
margin-bottom: 1.25rem;
|
|
280
|
+
border: 1px solid var(--owo-border, #e2e8f0);
|
|
281
|
+
border-radius: 8px;
|
|
282
|
+
overflow: hidden;
|
|
283
|
+
}
|
|
284
|
+
|
|
285
|
+
.mdx-details-summary {
|
|
286
|
+
padding: 0.625rem 1rem;
|
|
287
|
+
font-size: 0.95rem;
|
|
288
|
+
font-weight: 600;
|
|
289
|
+
cursor: pointer;
|
|
290
|
+
color: var(--owo-text, #1e293b);
|
|
291
|
+
background-color: var(--owo-surface-raised, #f8fafc);
|
|
292
|
+
list-style: none;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
.mdx-details-summary::-webkit-details-marker { display: none; }
|
|
296
|
+
|
|
297
|
+
.mdx-details-summary::before {
|
|
298
|
+
content: "▸";
|
|
299
|
+
display: inline-block;
|
|
300
|
+
margin-right: 0.5rem;
|
|
301
|
+
transition: transform 0.15s;
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
.mdx-details[open] > .mdx-details-summary::before {
|
|
305
|
+
transform: rotate(90deg);
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
.mdx-details-body {
|
|
309
|
+
padding: 0.875rem 1rem;
|
|
310
|
+
border-top: 1px solid var(--owo-border, #e2e8f0);
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
.mdx-details .mdx-details-body > :first-child { margin-top: 0; }
|
|
314
|
+
.mdx-details .mdx-details-body > :last-child { margin-bottom: 0; }
|
|
315
|
+
|
|
316
|
+
/* --- LinkCard --- */
|
|
317
|
+
|
|
318
|
+
.mdx-link-card {
|
|
319
|
+
display: block;
|
|
320
|
+
margin-bottom: 1.25rem;
|
|
321
|
+
padding: 0.875rem 1rem;
|
|
322
|
+
border: 1px solid var(--owo-border, #e2e8f0);
|
|
323
|
+
border-radius: 8px;
|
|
324
|
+
text-decoration: none;
|
|
325
|
+
color: inherit;
|
|
326
|
+
transition: border-color 0.15s, box-shadow 0.15s;
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
.mdx-link-card:hover {
|
|
330
|
+
border-color: var(--owo-brand, #3b82f6);
|
|
331
|
+
box-shadow: 0 2px 8px color-mix(in srgb, var(--owo-brand, #3b82f6) 12%, transparent);
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
.mdx-link-card-title {
|
|
335
|
+
font-size: 0.95rem;
|
|
336
|
+
font-weight: 600;
|
|
337
|
+
color: var(--owo-text, #1e293b);
|
|
338
|
+
margin-bottom: 0.25rem;
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
.mdx-link-card-desc {
|
|
342
|
+
font-size: 0.85rem;
|
|
343
|
+
color: var(--owo-text-muted, #64748b);
|
|
344
|
+
line-height: 1.5;
|
|
345
|
+
margin-bottom: 0.35rem;
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
.mdx-link-card-domain {
|
|
349
|
+
font-size: 0.75rem;
|
|
350
|
+
font-family: var(--owo-font-mono, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace);
|
|
351
|
+
color: var(--owo-text-muted, #64748b);
|
|
352
|
+
opacity: 0.7;
|
|
353
|
+
}
|
|
354
|
+
|
|
355
|
+
/* --- CodeTab --- */
|
|
356
|
+
|
|
357
|
+
.mdx-code-tab {
|
|
358
|
+
margin-bottom: 0;
|
|
359
|
+
}
|
|
360
|
+
|
|
361
|
+
.mdx-code-tab > :first-child { margin-top: 0; }
|
|
362
|
+
.mdx-code-tab > :last-child { margin-bottom: 0; }
|
|
363
|
+
|
|
364
|
+
.mdx-code-tab pre {
|
|
365
|
+
background-color: var(--owo-surface-raised, #f8fafc);
|
|
366
|
+
padding: 1rem;
|
|
367
|
+
border: 1px solid var(--owo-border, #e2e8f0);
|
|
368
|
+
border-radius: 8px;
|
|
369
|
+
box-shadow: none;
|
|
370
|
+
overflow-x: auto;
|
|
371
|
+
margin: 0;
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
.mdx-code-tab pre code {
|
|
375
|
+
background-color: transparent;
|
|
376
|
+
padding: 0;
|
|
377
|
+
border: none;
|
|
378
|
+
border-radius: 0;
|
|
379
|
+
color: inherit;
|
|
380
|
+
font-size: inherit;
|
|
381
|
+
}
|
|
382
|
+
|
|
213
383
|
/* --- Unregistered component fallback --- */
|
|
214
384
|
|
|
215
385
|
[data-mdx-missing] {
|
|
@@ -229,6 +399,79 @@
|
|
|
229
399
|
margin-bottom: 0.25rem;
|
|
230
400
|
}
|
|
231
401
|
|
|
402
|
+
/* --- Prose isolation for content-bearing component containers ---
|
|
403
|
+
* Two-class selectors (0,2,1) beat .owomark-prose element (0,1,1). */
|
|
404
|
+
|
|
405
|
+
.mdx-tabs .mdx-tabs-panel p,
|
|
406
|
+
.mdx-steps .mdx-step-body p,
|
|
407
|
+
.mdx-callout .mdx-callout-content p,
|
|
408
|
+
.mdx-note .mdx-note-body p,
|
|
409
|
+
.mdx-details .mdx-details-body p {
|
|
410
|
+
margin-bottom: 0.625rem;
|
|
411
|
+
}
|
|
412
|
+
|
|
413
|
+
.mdx-tabs .mdx-tabs-panel ul,
|
|
414
|
+
.mdx-steps .mdx-step-body ul,
|
|
415
|
+
.mdx-callout .mdx-callout-content ul,
|
|
416
|
+
.mdx-note .mdx-note-body ul,
|
|
417
|
+
.mdx-details .mdx-details-body ul {
|
|
418
|
+
list-style-type: disc;
|
|
419
|
+
padding-left: 1.25rem;
|
|
420
|
+
margin-bottom: 0.625rem;
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
.mdx-tabs .mdx-tabs-panel ol,
|
|
424
|
+
.mdx-steps .mdx-step-body ol,
|
|
425
|
+
.mdx-callout .mdx-callout-content ol,
|
|
426
|
+
.mdx-note .mdx-note-body ol,
|
|
427
|
+
.mdx-details .mdx-details-body ol {
|
|
428
|
+
list-style-type: decimal;
|
|
429
|
+
padding-left: 1.25rem;
|
|
430
|
+
margin-bottom: 0.625rem;
|
|
431
|
+
}
|
|
432
|
+
|
|
433
|
+
.mdx-tabs .mdx-tabs-panel pre,
|
|
434
|
+
.mdx-steps .mdx-step-body pre,
|
|
435
|
+
.mdx-callout .mdx-callout-content pre,
|
|
436
|
+
.mdx-note .mdx-note-body pre,
|
|
437
|
+
.mdx-details .mdx-details-body pre {
|
|
438
|
+
background-color: var(--owo-surface-raised, #f8fafc);
|
|
439
|
+
padding: 0.75rem 1rem;
|
|
440
|
+
border: 1px solid var(--owo-border, #e2e8f0);
|
|
441
|
+
border-radius: 6px;
|
|
442
|
+
box-shadow: none;
|
|
443
|
+
overflow-x: auto;
|
|
444
|
+
margin-top: 0.375rem;
|
|
445
|
+
margin-bottom: 0.375rem;
|
|
446
|
+
}
|
|
447
|
+
|
|
448
|
+
.mdx-tabs .mdx-tabs-panel pre code,
|
|
449
|
+
.mdx-steps .mdx-step-body pre code,
|
|
450
|
+
.mdx-callout .mdx-callout-content pre code,
|
|
451
|
+
.mdx-note .mdx-note-body pre code,
|
|
452
|
+
.mdx-details .mdx-details-body pre code {
|
|
453
|
+
background-color: transparent;
|
|
454
|
+
padding: 0;
|
|
455
|
+
border: none;
|
|
456
|
+
border-radius: 0;
|
|
457
|
+
color: inherit;
|
|
458
|
+
font-size: inherit;
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
.mdx-tabs .mdx-tabs-panel code,
|
|
462
|
+
.mdx-steps .mdx-step-body code,
|
|
463
|
+
.mdx-callout .mdx-callout-content code,
|
|
464
|
+
.mdx-note .mdx-note-body code,
|
|
465
|
+
.mdx-details .mdx-details-body code {
|
|
466
|
+
font-family: var(--owo-font-mono, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace);
|
|
467
|
+
background-color: rgba(148, 163, 184, 0.12);
|
|
468
|
+
padding: 0.08em 0.28em;
|
|
469
|
+
border-radius: 3px;
|
|
470
|
+
border: 1px solid rgba(226, 232, 240, 0.7);
|
|
471
|
+
color: inherit;
|
|
472
|
+
font-size: 0.88em;
|
|
473
|
+
}
|
|
474
|
+
|
|
232
475
|
/* --- Markdown Sandbox --- */
|
|
233
476
|
|
|
234
477
|
.owo-markdown-sandbox {
|