@lapikit/repl 0.0.0-insiders.48fd4be → 0.0.0-insiders.6dfd6d6
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/Button.svelte +2 -2
- package/dist/Files.svelte +11 -11
- package/dist/Repl.svelte +52 -21
- package/dist/Toolbar.svelte +29 -23
- package/dist/pkg/bun.svg +1 -0
- package/dist/pkg/npm.svg +10 -0
- package/dist/pkg/yarn.svg +2 -0
- package/dist/shiki.js +11 -8
- package/dist/types.d.ts +2 -0
- package/dist/utils.d.ts +3 -0
- package/dist/utils.js +8 -0
- package/package.json +3 -2
package/dist/Button.svelte
CHANGED
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
display: flex;
|
|
24
24
|
align-self: center;
|
|
25
25
|
justify-content: center;
|
|
26
|
-
font-size:
|
|
27
|
-
border-radius:
|
|
26
|
+
font-size: var(--kit-repl-shiki-size);
|
|
27
|
+
border-radius: var(--kit-repl-radius);
|
|
28
28
|
transition: background-color 0.2s ease;
|
|
29
29
|
padding: 8px;
|
|
30
30
|
color: var(--kit-repl-secondary);
|
package/dist/Files.svelte
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import type { FilesProps } from './types.js';
|
|
3
|
-
import { dictionaryIcons } from './utils.js';
|
|
3
|
+
import { dictionaryIcons, dictionaryPkgIcons } from './utils.js';
|
|
4
4
|
|
|
5
5
|
let { files, activeIndex = $bindable(), modeState, viewState }: FilesProps = $props();
|
|
6
6
|
</script>
|
|
@@ -16,7 +16,9 @@
|
|
|
16
16
|
class:active={activeIndex === index}
|
|
17
17
|
onclick={() => (activeIndex = index)}
|
|
18
18
|
>
|
|
19
|
-
{#if
|
|
19
|
+
{#if dictionaryPkgIcons[file.name.toLowerCase()]}
|
|
20
|
+
<img src={dictionaryPkgIcons[file.name.toLowerCase()]} alt="{file.name} icon" />
|
|
21
|
+
{:else if file.lang && dictionaryIcons[file.lang]}
|
|
20
22
|
<img src={dictionaryIcons[file.lang]} alt="{file.lang} icon" />
|
|
21
23
|
{/if}
|
|
22
24
|
<span>{file.name}</span>
|
|
@@ -28,19 +30,15 @@
|
|
|
28
30
|
<style>
|
|
29
31
|
div {
|
|
30
32
|
display: flex;
|
|
31
|
-
gap: calc(var(--kit-repl-spacing) * 2);
|
|
32
|
-
padding-left: calc(5 * var(--kit-repl-spacing));
|
|
33
|
-
padding-right: calc(5 * var(--kit-repl-spacing));
|
|
34
|
-
padding-block: calc(var(--kit-repl-spacing) * 2);
|
|
35
33
|
overflow-x: auto;
|
|
36
34
|
}
|
|
37
35
|
|
|
38
36
|
button {
|
|
39
37
|
display: flex;
|
|
40
38
|
align-items: center;
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
font-size:
|
|
39
|
+
padding: 9px 4px;
|
|
40
|
+
gap: var(--kit-repl-spacing);
|
|
41
|
+
font-size: var(--kit-repl-shiki-size);
|
|
44
42
|
transition: all 0.2s ease;
|
|
45
43
|
border: 0;
|
|
46
44
|
white-space: nowrap;
|
|
@@ -52,13 +50,15 @@
|
|
|
52
50
|
button img {
|
|
53
51
|
width: 16px;
|
|
54
52
|
height: 16px;
|
|
53
|
+
border: 0;
|
|
55
54
|
}
|
|
56
55
|
|
|
57
56
|
button:hover {
|
|
58
|
-
border-color:
|
|
57
|
+
border-color: var(--kit-color-accent, var(--kit-repl-secondary));
|
|
59
58
|
}
|
|
60
59
|
|
|
61
60
|
button.active {
|
|
62
|
-
border-color:
|
|
61
|
+
border-color: var(--kit-color-accent, var(--kit-repl-primary));
|
|
62
|
+
color: var(--kit-color-accent, var(--kit-repl-primary));
|
|
63
63
|
}
|
|
64
64
|
</style>
|
package/dist/Repl.svelte
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
let viewState: 'code' | 'preview' = $state('code');
|
|
21
21
|
let themeState: 'light' | 'dark' = $state('light');
|
|
22
22
|
|
|
23
|
-
let codeHTML = $state(
|
|
23
|
+
let codeHTML = $state<string | null>(null);
|
|
24
24
|
let activeFileIndex = $state(0);
|
|
25
25
|
|
|
26
26
|
let files = $derived.by<FileItem[]>(() => {
|
|
@@ -91,18 +91,19 @@
|
|
|
91
91
|
|
|
92
92
|
$effect(() => {
|
|
93
93
|
const file = activeFile;
|
|
94
|
-
const theme = themeState;
|
|
94
|
+
// const theme = themeState;
|
|
95
95
|
|
|
96
96
|
if (file?.content) {
|
|
97
|
+
codeHTML = null;
|
|
98
|
+
language = file.lang || 'sh';
|
|
99
|
+
|
|
97
100
|
(async () => {
|
|
98
101
|
const highlighter = await getHighlighterSingleton();
|
|
99
|
-
|
|
100
|
-
language = file.lang || 'sh';
|
|
101
102
|
const html = highlighter.codeToHtml(file.content, {
|
|
102
|
-
theme: theme === 'light' ? 'github-light' : 'github-dark',
|
|
103
|
+
// theme: theme === 'light' ? 'github-light' : 'github-dark',
|
|
104
|
+
theme: 'github-light',
|
|
103
105
|
lang: file.lang || language
|
|
104
106
|
});
|
|
105
|
-
|
|
106
107
|
codeHTML = html;
|
|
107
108
|
})();
|
|
108
109
|
}
|
|
@@ -127,25 +128,36 @@
|
|
|
127
128
|
{title}
|
|
128
129
|
{language}
|
|
129
130
|
{presentation}
|
|
131
|
+
{files}
|
|
130
132
|
bind:copyState
|
|
131
133
|
bind:viewState
|
|
132
134
|
bind:themeState
|
|
133
135
|
bind:modeState
|
|
134
|
-
|
|
136
|
+
>
|
|
137
|
+
<Files {files} bind:activeIndex={activeFileIndex} {modeState} {viewState} />
|
|
138
|
+
</Toolbar>
|
|
135
139
|
|
|
136
140
|
{#if modeState !== 'code'}
|
|
137
141
|
<hr />
|
|
138
142
|
{/if}
|
|
139
143
|
|
|
140
|
-
|
|
144
|
+
{#if title}
|
|
145
|
+
<Files {files} bind:activeIndex={activeFileIndex} {modeState} {viewState} />
|
|
146
|
+
{/if}
|
|
141
147
|
|
|
142
148
|
<div
|
|
143
149
|
class="kit-repl-content"
|
|
144
150
|
class:kit-repl-content--code={viewState === 'code' && !presentation}
|
|
145
151
|
>
|
|
146
152
|
{#if viewState === 'code'}
|
|
147
|
-
|
|
148
|
-
|
|
153
|
+
<div class="kit-repl-wrapper-highlight" bind:this={ref}>
|
|
154
|
+
{#if codeHTML !== null}
|
|
155
|
+
<!-- eslint-disable-next-line svelte/no-at-html-tags -->
|
|
156
|
+
{@html codeHTML}
|
|
157
|
+
{:else}
|
|
158
|
+
<pre class="kit-repl-raw"><code>{activeFile?.content ?? ''}</code></pre>
|
|
159
|
+
{/if}
|
|
160
|
+
</div>
|
|
149
161
|
{:else}
|
|
150
162
|
<div
|
|
151
163
|
class="kit-repl-wrapper-playground"
|
|
@@ -162,36 +174,45 @@
|
|
|
162
174
|
<style>
|
|
163
175
|
.kit-repl {
|
|
164
176
|
/* ui */
|
|
165
|
-
--kit-repl-spacing:
|
|
166
|
-
--kit-repl-radius:
|
|
177
|
+
--kit-repl-spacing: var(--kit-space-default, 4px);
|
|
178
|
+
--kit-repl-radius: var(--kit-shape-md, 10px);
|
|
167
179
|
|
|
168
180
|
/* shiki override */
|
|
169
|
-
--kit-repl-shiki-size:
|
|
181
|
+
--kit-repl-shiki-size: var(--kit-font-xs, 13px);
|
|
170
182
|
--kit-repl-shiki-tab-size: 2;
|
|
171
183
|
|
|
172
184
|
/* colors */
|
|
173
|
-
--kit-repl-background: #f9f9f9;
|
|
174
|
-
--kit-repl-border-color: #ebebeb;
|
|
175
|
-
--kit-repl-primary: #0d0d34;
|
|
176
|
-
--kit-repl-secondary: #8f8f8f;
|
|
185
|
+
--kit-repl-background: var(--kit-color-surface-1, #f9f9f9);
|
|
186
|
+
--kit-repl-border-color: var(--kit-color-fill, #ebebeb);
|
|
187
|
+
--kit-repl-primary: var(--kit-color-text, #0d0d34);
|
|
188
|
+
--kit-repl-secondary: var(--kit-color-text-muted, #8f8f8f);
|
|
177
189
|
}
|
|
178
190
|
.kit-repl-container {
|
|
179
191
|
background-color: var(--kit-repl-background);
|
|
180
192
|
border-radius: var(--kit-repl-radius);
|
|
181
|
-
border:
|
|
193
|
+
border: 1px solid var(--kit-repl-border-color);
|
|
182
194
|
}
|
|
183
195
|
|
|
184
196
|
.kit-repl-container :global(pre) {
|
|
185
197
|
background-color: var(--kit-repl-background) !important;
|
|
198
|
+
border: 0 !important;
|
|
199
|
+
border-radius: 0 !important;
|
|
200
|
+
border-bottom-left-radius: var(--kit-repl-radius) !important;
|
|
201
|
+
border-bottom-right-radius: var(--kit-repl-radius) !important;
|
|
202
|
+
padding: 10px 0 !important;
|
|
203
|
+
margin-bottom: 0 !important;
|
|
204
|
+
margin-top: 0 !important;
|
|
205
|
+
font-size: var(--kit-repl-shiki-size) !important;
|
|
186
206
|
}
|
|
187
207
|
|
|
188
208
|
.kit-repl-content {
|
|
189
209
|
display: flow-root;
|
|
190
|
-
|
|
191
|
-
|
|
210
|
+
padding-left: calc(var(--kit-repl-spacing) * 2);
|
|
211
|
+
/* margin-top: calc(var(--kit-repl-spacing) * 0); */
|
|
212
|
+
/* padding-right: calc(10 * var(--kit-repl-spacing));
|
|
192
213
|
padding-left: calc(5 * var(--kit-repl-spacing));
|
|
193
214
|
padding-bottom: calc(4 * var(--kit-repl-spacing));
|
|
194
|
-
padding-top: calc(3 * var(--kit-repl-spacing));
|
|
215
|
+
padding-top: calc(3 * var(--kit-repl-spacing)); */
|
|
195
216
|
position: relative;
|
|
196
217
|
}
|
|
197
218
|
|
|
@@ -213,6 +234,16 @@
|
|
|
213
234
|
margin-bottom: 0;
|
|
214
235
|
}
|
|
215
236
|
|
|
237
|
+
.kit-repl-raw {
|
|
238
|
+
font-size: var(--kit-repl-shiki-size);
|
|
239
|
+
-moz-tab-size: var(--kit-repl-shiki-tab-size);
|
|
240
|
+
tab-size: var(--kit-repl-shiki-tab-size);
|
|
241
|
+
white-space: pre-wrap;
|
|
242
|
+
word-break: break-word;
|
|
243
|
+
margin: 0;
|
|
244
|
+
padding: 0;
|
|
245
|
+
}
|
|
246
|
+
|
|
216
247
|
div.kit-repl-container .kit-repl-wrapper-highlight :global(pre code) {
|
|
217
248
|
font-size: var(--kit-repl-shiki-size);
|
|
218
249
|
-moz-tab-size: var(--kit-repl-shiki-tab-size);
|
package/dist/Toolbar.svelte
CHANGED
|
@@ -5,9 +5,11 @@
|
|
|
5
5
|
import { Copy, Check, Code, Codesandbox, Moon, Sun } from '@lucide/svelte';
|
|
6
6
|
|
|
7
7
|
let {
|
|
8
|
+
children,
|
|
8
9
|
title,
|
|
9
10
|
language,
|
|
10
11
|
presentation,
|
|
12
|
+
files,
|
|
11
13
|
copyState = $bindable(),
|
|
12
14
|
viewState = $bindable(),
|
|
13
15
|
themeState = $bindable(),
|
|
@@ -20,17 +22,19 @@
|
|
|
20
22
|
</script>
|
|
21
23
|
|
|
22
24
|
<div class="kit-repl--toolbar">
|
|
23
|
-
|
|
24
|
-
class="kit-repl--toolbar-title"
|
|
25
|
-
class:kit-repl--toolbar-title--language={!title && language}
|
|
26
|
-
class:kit-repl--toolbar-title--title={title}
|
|
27
|
-
>
|
|
28
|
-
{#if title}
|
|
25
|
+
{#if title}
|
|
26
|
+
<div class="kit-repl--toolbar-title" class:kit-repl--toolbar-title--title={title}>
|
|
29
27
|
<span>{title}</span>
|
|
30
|
-
|
|
28
|
+
</div>
|
|
29
|
+
{:else if files && files.length > 1}
|
|
30
|
+
<div class="kit-repl--toolbar-files">
|
|
31
|
+
{@render children?.()}
|
|
32
|
+
</div>
|
|
33
|
+
{:else if language}
|
|
34
|
+
<div class="kit-repl--toolbar-title" class:kit-repl--toolbar-title--language={language}>
|
|
31
35
|
<span>{languageKey}</span>
|
|
32
|
-
|
|
33
|
-
|
|
36
|
+
</div>
|
|
37
|
+
{/if}
|
|
34
38
|
|
|
35
39
|
<div class="kit-repl--toolbar-actions">
|
|
36
40
|
{#if (modeState !== 'code' && viewState === 'preview') || presentation}
|
|
@@ -78,15 +82,14 @@
|
|
|
78
82
|
|
|
79
83
|
<style>
|
|
80
84
|
.kit-repl--toolbar {
|
|
81
|
-
display:
|
|
85
|
+
display: grid;
|
|
82
86
|
align-items: center;
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
padding-right: calc(var(--kit-repl-spacing) * 2);
|
|
87
|
-
padding-block: calc(var(--kit-repl-spacing) * 1.5);
|
|
87
|
+
grid-template-columns: 1fr auto;
|
|
88
|
+
padding-left: calc(var(--kit-repl-spacing) * 2);
|
|
89
|
+
background-color: color-mix(in oklab, var(--kit-repl-background) 95%, black);
|
|
88
90
|
border-top-left-radius: var(--kit-repl-radius);
|
|
89
91
|
border-top-right-radius: var(--kit-repl-radius);
|
|
92
|
+
gap: var(--kit-repl-spacing);
|
|
90
93
|
min-height: 36px;
|
|
91
94
|
}
|
|
92
95
|
|
|
@@ -99,17 +102,15 @@
|
|
|
99
102
|
}
|
|
100
103
|
|
|
101
104
|
.kit-repl--toolbar-title--language {
|
|
102
|
-
font-size:
|
|
103
|
-
line-height:
|
|
104
|
-
|
|
105
|
-
color: #5d5d5d;
|
|
105
|
+
font-size: var(--kit-repl-shiki-size);
|
|
106
|
+
line-height: 1;
|
|
107
|
+
color: var(--kit-color-text-muted);
|
|
106
108
|
}
|
|
107
109
|
|
|
108
110
|
.kit-repl--toolbar-title--title {
|
|
109
|
-
font-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
color: #8f8f8f;
|
|
111
|
+
font-size: var(--kit-repl-shiki-size);
|
|
112
|
+
line-height: 1;
|
|
113
|
+
color: var(--kit-color-text-muted);
|
|
113
114
|
}
|
|
114
115
|
|
|
115
116
|
.kit-repl--toolbar .kit-repl--toolbar-actions {
|
|
@@ -117,4 +118,9 @@
|
|
|
117
118
|
align-items: center;
|
|
118
119
|
gap: calc(var(--kit-repl-spacing) * 2);
|
|
119
120
|
}
|
|
121
|
+
|
|
122
|
+
.kit-repl--toolbar .kit-repl--toolbar-files {
|
|
123
|
+
width: 100%;
|
|
124
|
+
overflow-x: auto;
|
|
125
|
+
}
|
|
120
126
|
</style>
|
package/dist/pkg/bun.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path d="M113.744 41.999a18.558 18.558 0 0 0-.8-.772c-.272-.246-.528-.524-.8-.771s-.528-.525-.8-.771c-.272-.247-.528-.525-.8-.772s-.528-.524-.8-.771-.528-.525-.8-.772-.528-.524-.8-.771c7.936 7.52 12.483 17.752 12.656 28.481 0 25.565-26.912 46.363-60 46.363-18.528 0-35.104-6.526-46.128-16.756l.8.772.8.771.8.772.8.771.8.772.8.771.8.771c11.008 10.662 27.952 17.527 46.928 17.527 33.088 0 60-20.797 60-46.285 0-10.893-4.864-21.215-13.456-29.33z"/><path fill="#fbf0df" d="M116.8 65.08c0 23.467-25.072 42.49-56 42.49s-56-19.023-56-42.49c0-14.55 9.6-27.401 24.352-35.023C43.904 22.435 53.088 14.628 60.8 14.628S75.104 21 92.448 30.058C107.2 37.677 116.8 50.53 116.8 65.08Z"/><path fill="#f6dece" d="M116.8 65.08a32.314 32.314 0 0 0-1.28-8.918c-4.368 51.377-69.36 53.846-94.912 38.48 11.486 8.584 25.66 13.144 40.192 12.928 30.88 0 56-19.054 56-42.49z"/><path fill="#fffefc" d="M39.248 27.234c7.152-4.135 16.656-11.896 26-11.911a15.372 15.372 0 0 0-4.448-.695c-3.872 0-8 1.93-13.2 4.83-1.808 1.018-3.68 2.144-5.664 3.317-3.728 2.222-8 4.736-12.8 7.251C13.904 37.972 4.8 51.071 4.8 65.08v1.836c9.696-33.033 27.312-35.547 34.448-39.682z"/><path fill="#ccbea7" d="M56.192 18.532A24.553 24.553 0 0 1 53.867 29.1a25.407 25.407 0 0 1-6.683 8.671c-.448.386-.096 1.127.48.91 5.392-2.02 12.672-8.068 9.6-20.272-.128-.695-1.072-.51-1.072.123zm3.632 0a24.474 24.474 0 0 1 3.646 10.12c.445 3.587.08 7.224-1.07 10.662-.192.54.496 1.003.88.556 3.504-4.32 6.56-12.899-2.592-22.156-.464-.4-1.184.216-.864.756zm4.416-.262a25.702 25.702 0 0 1 7.521 7.925A24.71 24.71 0 0 1 75.2 36.414c-.016.13.02.26.101.365a.543.543 0 0 0 .718.117.509.509 0 0 0 .221-.313c1.472-5.384.64-14.564-11.472-19.332-.64-.246-1.056.587-.528.957zM34.704 34.315a27.418 27.418 0 0 0 9.91-5.222 26.262 26.262 0 0 0 6.842-8.663c.288-.556 1.2-.34 1.056.277-2.768 12.343-12.032 14.92-17.792 14.58-.608.016-.592-.802-.016-.972z"/><path d="M60.8 111.443c-33.088 0-60-20.798-60-46.363 0-15.429 9.888-29.823 26.448-38.448 4.8-2.469 8.912-4.953 12.576-7.128 2.016-1.203 3.92-2.33 5.76-3.379C51.2 12.916 56 10.771 60.8 10.771c4.8 0 8.992 1.852 14.24 4.845 1.6.88 3.2 1.836 4.912 2.885 3.984 2.376 8.48 5.06 14.4 8.131 16.56 8.625 26.448 23.004 26.448 38.448 0 25.565-26.912 46.363-60 46.363zm0-96.814c-3.872 0-8 1.928-13.2 4.829-1.808 1.018-3.68 2.144-5.664 3.317-3.728 2.222-8 4.736-12.8 7.251C13.904 37.972 4.8 51.071 4.8 65.08c0 23.436 25.12 42.506 56 42.506s56-19.07 56-42.506c0-14.01-9.104-27.108-24.352-35.023-6.048-3.086-10.768-5.986-14.592-8.27-1.744-1.033-3.344-1.99-4.8-2.838-4.848-2.778-8.384-4.32-12.256-4.32z"/><path fill="#b71422" d="M72.08 76.343c-.719 2.839-2.355 5.383-4.672 7.267a11.07 11.07 0 0 1-6.4 2.9 11.13 11.13 0 0 1-6.608-2.9c-2.293-1.892-3.906-4.436-4.608-7.267a1.073 1.073 0 0 1 .05-.5 1.11 1.11 0 0 1 .272-.428 1.19 1.19 0 0 1 .958-.322h19.744a1.185 1.185 0 0 1 .947.33 1.073 1.073 0 0 1 .317.92z"/><path fill="#ff6164" d="M54.4 83.733a11.24 11.24 0 0 0 6.592 2.932 11.239 11.239 0 0 0 6.576-2.932 16.652 16.652 0 0 0 1.6-1.65 10.904 10.904 0 0 0-3.538-2.564 11.26 11.26 0 0 0-4.302-1 10.121 10.121 0 0 0-4.549 1.192 9.71 9.71 0 0 0-3.451 3.097c.368.323.688.632 1.072.925z"/><path d="M54.656 82.514a8.518 8.518 0 0 1 2.97-2.347 8.836 8.836 0 0 1 3.734-.862 9.78 9.78 0 0 1 6.4 2.608c.368-.386.72-.787 1.056-1.188-2.035-1.87-4.726-2.933-7.536-2.978a10.487 10.487 0 0 0-4.335.975 10.125 10.125 0 0 0-3.489 2.666c.378.396.779.772 1.2 1.126z"/><path d="M60.944 87.436a12.078 12.078 0 0 1-7.12-3.086c-2.477-2.02-4.22-4.75-4.976-7.791-.054-.27-.045-.55.027-.817a1.83 1.83 0 0 1 .389-.726 2.25 2.25 0 0 1 .81-.595 2.32 2.32 0 0 1 .998-.192h19.744c.343-.007.683.06.996.196a2.3 2.3 0 0 1 .812.591c.182.212.313.46.382.728.07.267.076.545.018.815-.756 3.042-2.5 5.771-4.976 7.791a12.078 12.078 0 0 1-7.104 3.086zm-9.872-11.417c-.256 0-.32.108-.336.139.676 2.638 2.206 4.999 4.368 6.742a10.122 10.122 0 0 0 5.84 2.7 10.207 10.207 0 0 0 5.84-2.67c2.155-1.745 3.679-4.106 4.352-6.741a.333.333 0 0 0-.14-.113.348.348 0 0 0-.18-.026z"/><path fill="#febbd0" d="M85.152 77.3c5.17 0 9.36-2.377 9.36-5.308s-4.19-5.307-9.36-5.307c-5.17 0-9.36 2.376-9.36 5.307 0 2.931 4.19 5.307 9.36 5.307zm-48.432 0c5.17 0 9.36-2.377 9.36-5.308s-4.19-5.307-9.36-5.307c-5.17 0-9.36 2.376-9.36 5.307 0 2.931 4.19 5.307 9.36 5.307z"/><path d="M41.12 69.863a9.052 9.052 0 0 0 4.902-1.425 8.578 8.578 0 0 0 3.254-3.812 8.22 8.22 0 0 0 .508-4.913 8.41 8.41 0 0 0-2.408-4.357 8.92 8.92 0 0 0-4.514-2.33 9.12 9.12 0 0 0-5.096.48 8.755 8.755 0 0 0-3.96 3.131 8.287 8.287 0 0 0-1.486 4.725c0 2.252.927 4.412 2.577 6.005 1.65 1.594 3.888 2.492 6.223 2.496zm39.632 0a9.054 9.054 0 0 0 4.915-1.403 8.582 8.582 0 0 0 3.275-3.802 8.22 8.22 0 0 0 .528-4.917 8.408 8.408 0 0 0-2.398-4.368 8.92 8.92 0 0 0-4.512-2.344 9.12 9.12 0 0 0-5.103.473 8.756 8.756 0 0 0-3.967 3.13 8.287 8.287 0 0 0-1.49 4.73c-.004 2.245.914 4.4 2.555 5.994 1.64 1.593 3.869 2.495 6.197 2.507z"/><path fill="#fff" d="M38.4 61.902a3.4 3.4 0 0 0 1.844-.531c.547-.35.974-.847 1.227-1.43a3.088 3.088 0 0 0 .195-1.847 3.16 3.16 0 0 0-.902-1.639 3.351 3.351 0 0 0-1.696-.878 3.426 3.426 0 0 0-1.916.179 3.29 3.29 0 0 0-1.489 1.176 3.113 3.113 0 0 0-.559 1.776c0 .844.347 1.654.964 2.253a3.374 3.374 0 0 0 2.332.94zm39.632 0a3.4 3.4 0 0 0 1.844-.531c.547-.35.974-.847 1.227-1.43a3.088 3.088 0 0 0 .195-1.847 3.16 3.16 0 0 0-.902-1.639 3.351 3.351 0 0 0-1.696-.878 3.426 3.426 0 0 0-1.916.179 3.29 3.29 0 0 0-1.489 1.176 3.113 3.113 0 0 0-.559 1.776c0 .84.342 1.644.953 2.242.61.598 1.44.94 2.311.952z"/></svg>
|
package/dist/pkg/npm.svg
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
|
3
|
+
<svg width="800px" height="800px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
|
|
4
|
+
<g>
|
|
5
|
+
<polygon fill="#C12127" points="0 256 0 0 256 0 256 256">
|
|
6
|
+
|
|
7
|
+
<polygon fill="#FFFFFF" points="48 48 208 48 208 208 176 208 176 80 128 80 128 208 48 208">
|
|
8
|
+
|
|
9
|
+
</g>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
|
2
|
+
<svg width="800px" height="800px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title>file_type_yarn</title><path d="M28.208,24.409a10.493,10.493,0,0,0-3.959,1.822,23.743,23.743,0,0,1-5.835,2.642,1.632,1.632,0,0,1-.983.55A62.228,62.228,0,0,1,10.984,30c-1.163.009-1.876-.3-2.074-.776a1.573,1.573,0,0,1,.866-2.074,3.759,3.759,0,0,1-.514-.379c-.171-.171-.352-.514-.406-.388-.225.55-.343,1.894-.947,2.5-.83.839-2.4.559-3.328.072-1.019-.541.072-1.813.072-1.813a.73.73,0,0,1-.992-.343,4.847,4.847,0,0,1-.667-2.949,5.374,5.374,0,0,1,1.749-2.895,9.334,9.334,0,0,1,.658-4.4,10.445,10.445,0,0,1,3.165-3.661S6.628,10.747,7.35,8.817c.469-1.262.658-1.253.812-1.308a3.633,3.633,0,0,0,1.452-.857,5.265,5.265,0,0,1,4.41-1.7S15.2,1.4,16.277,2.09a18.349,18.349,0,0,1,1.533,2.886s1.281-.748,1.425-.469a11.334,11.334,0,0,1,.523,6.132,14.01,14.01,0,0,1-2.6,5.411c-.135.225,1.551.938,2.615,3.887.983,2.7.108,4.96.262,5.212.027.045.036.063.036.063s1.127.09,3.391-1.308A8.5,8.5,0,0,1,27.739,22.3a1.081,1.081,0,0,1,.469,2.11Z" style="fill:#2188b6"/></svg>
|
package/dist/shiki.js
CHANGED
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import { createHighlighter } from 'shiki';
|
|
2
|
-
let highlighter;
|
|
2
|
+
let highlighter = null;
|
|
3
|
+
const highlighterPromise = createHighlighter({
|
|
4
|
+
themes: ['github-light', 'github-dark'],
|
|
5
|
+
langs: ['svelte', 'typescript', 'javascript', 'html', 'css', 'json', 'bash']
|
|
6
|
+
}).then((h) => {
|
|
7
|
+
highlighter = h;
|
|
8
|
+
return h;
|
|
9
|
+
});
|
|
3
10
|
export async function getHighlighterSingleton() {
|
|
4
|
-
if (
|
|
5
|
-
highlighter
|
|
6
|
-
|
|
7
|
-
langs: ['svelte', 'typescript', 'javascript', 'html', 'css', 'json', 'bash']
|
|
8
|
-
});
|
|
9
|
-
}
|
|
10
|
-
return highlighter;
|
|
11
|
+
if (highlighter)
|
|
12
|
+
return highlighter;
|
|
13
|
+
return highlighterPromise;
|
|
11
14
|
}
|
package/dist/types.d.ts
CHANGED
package/dist/utils.d.ts
CHANGED
package/dist/utils.js
CHANGED
|
@@ -4,6 +4,9 @@ import svelte from './languages/svelte.svg';
|
|
|
4
4
|
import css from './languages/css.svg';
|
|
5
5
|
import html from './languages/html.svg';
|
|
6
6
|
import shell from './languages/shell.svg';
|
|
7
|
+
import npm from './pkg/npm.svg';
|
|
8
|
+
import yarn from './pkg/yarn.svg';
|
|
9
|
+
import bun from './pkg/bun.svg';
|
|
7
10
|
export const copyToClipboard = (value) => {
|
|
8
11
|
if (navigator.clipboard && window.isSecureContext) {
|
|
9
12
|
navigator.clipboard
|
|
@@ -59,3 +62,8 @@ export const dictionaryIcons = {
|
|
|
59
62
|
htm: html,
|
|
60
63
|
json: shell
|
|
61
64
|
};
|
|
65
|
+
export const dictionaryPkgIcons = {
|
|
66
|
+
npm,
|
|
67
|
+
yarn,
|
|
68
|
+
bun
|
|
69
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lapikit/repl",
|
|
3
|
-
"version": "0.0.0-insiders.
|
|
3
|
+
"version": "0.0.0-insiders.6dfd6d6",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -47,7 +47,8 @@
|
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"@sveltejs/kit": "^2.0.0",
|
|
50
|
-
"svelte": "^5.0.0"
|
|
50
|
+
"svelte": "^5.0.0",
|
|
51
|
+
"lapikit": "^0.5.0"
|
|
51
52
|
},
|
|
52
53
|
"devDependencies": {
|
|
53
54
|
"@eslint/compat": "^1.4.0",
|