@aleph-alpha/lib-mcp 5.1.0 → 5.3.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.
|
@@ -190,6 +190,58 @@
|
|
|
190
190
|
],
|
|
191
191
|
"_autoGenerated": true
|
|
192
192
|
},
|
|
193
|
+
"CkCodeEditor": {
|
|
194
|
+
"description": "Single-document code editor built on [CodeMirror 6](https://codemirror.net/). Its surface is the one `UiCodeBlock` renders for fenced code inside {@link CkMarkdownRenderer}: the same bordered, rounded panel, the same muted header carrying the language and a copy button, the same monospace metrics, and syntax colours approximating Shiki's `github-light` / `github-dark`. A snippet therefore looks the same whether it is being read in a reply or edited here. Use it wherever a whole document *is* code — a snippet field, a config or template editor, a \"create skill\" form. For prose that merely contains code, use {@link CkMilkdownEditor}, whose fenced blocks share this same theme. Grammars load on demand from CodeMirror's language data, so only the languages actually opened are fetched, and the editor itself loads lazily on mount so importing the component costs nothing until one is shown.",
|
|
195
|
+
"category": "Form Inputs",
|
|
196
|
+
"useCases": [
|
|
197
|
+
"edit a code snippet",
|
|
198
|
+
"config or template editor",
|
|
199
|
+
"code field in a form",
|
|
200
|
+
"review and tweak generated code"
|
|
201
|
+
],
|
|
202
|
+
"keywords": [
|
|
203
|
+
"code",
|
|
204
|
+
"editor",
|
|
205
|
+
"codemirror",
|
|
206
|
+
"syntax highlighting",
|
|
207
|
+
"snippet",
|
|
208
|
+
"v-model",
|
|
209
|
+
"monospace",
|
|
210
|
+
"language"
|
|
211
|
+
],
|
|
212
|
+
"related": [
|
|
213
|
+
"CkMilkdownEditor",
|
|
214
|
+
"CkMarkdownRenderer"
|
|
215
|
+
],
|
|
216
|
+
"props": [
|
|
217
|
+
"modelValue",
|
|
218
|
+
"language",
|
|
219
|
+
"filename",
|
|
220
|
+
"placeholder",
|
|
221
|
+
"readonly",
|
|
222
|
+
"disabled",
|
|
223
|
+
"ariaLabel",
|
|
224
|
+
"showHeader",
|
|
225
|
+
"showCopyButton",
|
|
226
|
+
"showLineNumbers",
|
|
227
|
+
"lineWrapping",
|
|
228
|
+
"maxHeight",
|
|
229
|
+
"autofocus",
|
|
230
|
+
"badge",
|
|
231
|
+
"writeToClipboard"
|
|
232
|
+
],
|
|
233
|
+
"examples": [
|
|
234
|
+
"Default",
|
|
235
|
+
"WithFilename",
|
|
236
|
+
"PlainText",
|
|
237
|
+
"Readonly",
|
|
238
|
+
"WithoutHeader",
|
|
239
|
+
"ScrollingAndWrapping",
|
|
240
|
+
"WithBadges",
|
|
241
|
+
"MatchesTheRenderer"
|
|
242
|
+
],
|
|
243
|
+
"_autoGenerated": true
|
|
244
|
+
},
|
|
193
245
|
"CkConversationLayout": {
|
|
194
246
|
"description": "Scroll-aware container that renders a list of messages with sticky-to-bottom behavior, a shrinking spacer so streaming agent replies don't jitter the viewport, and slots for rendering user/agent messages.",
|
|
195
247
|
"category": "Layout",
|
|
@@ -675,12 +727,14 @@
|
|
|
675
727
|
"disabled",
|
|
676
728
|
"ariaLabel",
|
|
677
729
|
"classes",
|
|
678
|
-
"autofocus"
|
|
730
|
+
"autofocus",
|
|
731
|
+
"showLineNumbers"
|
|
679
732
|
],
|
|
680
733
|
"examples": [
|
|
681
734
|
"Default",
|
|
682
735
|
"WithInitialContent",
|
|
683
736
|
"Readonly",
|
|
737
|
+
"WithLineNumbers",
|
|
684
738
|
"Disabled",
|
|
685
739
|
"CustomClasses",
|
|
686
740
|
"SideBySideWithRenderer"
|
package/components-meta.json
CHANGED
|
@@ -545,7 +545,7 @@
|
|
|
545
545
|
"_autoGenerated": true
|
|
546
546
|
},
|
|
547
547
|
"UiCodeBlock": {
|
|
548
|
-
"description": "A code block component for displaying source code with syntax highlighting, line numbers, and copy-to-clipboard functionality. Powered by Shiki.",
|
|
548
|
+
"description": "A code block component for displaying source code with syntax highlighting, line numbers, and copy-to-clipboard functionality. Powered by Shiki. The header (language label + copy button) can be recolored from the outside with CSS custom properties, set on the code block or on any ancestor. Use them when the block sits on a surface the default muted header clashes with: - `--ui-code-block-header-surface` — header background - `--ui-code-block-header-content` — label and copy-icon color - `--ui-code-block-header-border` — divider under the header Each takes a full CSS color (`#0d1117`, `oklch(var(--background-surface-primary))`) and falls back to the design token it used before when unset.",
|
|
549
549
|
"category": "Content",
|
|
550
550
|
"useCases": [
|
|
551
551
|
"code display",
|
|
@@ -583,6 +583,7 @@
|
|
|
583
583
|
"WithLineNumbers",
|
|
584
584
|
"WithMaxHeight",
|
|
585
585
|
"WithoutCopyButton",
|
|
586
|
+
"HeaderColors",
|
|
586
587
|
"PlainText",
|
|
587
588
|
"HtmlWithLineNumbers",
|
|
588
589
|
"Streaming"
|