@astrojs/starlight 0.9.1 → 0.10.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.
- package/CHANGELOG.md +12 -0
- package/components/Search.astro +109 -24
- package/layout/TwoColumnContent.astro +1 -1
- package/package.json +3 -3
- package/translations/index.ts +2 -1
- package/translations/ru.json +22 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @astrojs/starlight
|
|
2
2
|
|
|
3
|
+
## 0.10.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#692](https://github.com/withastro/starlight/pull/692) [`2a58e1a`](https://github.com/withastro/starlight/commit/2a58e1aa068d01833a0ab9e74e4b46cccaee1775) Thanks [@delucis](https://github.com/delucis)! - Upgrade Pagefind to v1 and display page headings in search results
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- [#708](https://github.com/withastro/starlight/pull/708) [`136cfb1`](https://github.com/withastro/starlight/commit/136cfb180f22db116cfdb62fd93d21daff596946) Thanks [@julien-deramond](https://github.com/julien-deramond)! - Fix main content column width for pages without a table of contents
|
|
12
|
+
|
|
13
|
+
- [#682](https://github.com/withastro/starlight/pull/682) [`660a5f5`](https://github.com/withastro/starlight/commit/660a5f57adf0340de21df3e364aada38255bb06c) Thanks [@vedmalex](https://github.com/vedmalex)! - Add Russian language support
|
|
14
|
+
|
|
3
15
|
## 0.9.1
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/components/Search.astro
CHANGED
|
@@ -58,25 +58,28 @@ const pagefindTranslations = {
|
|
|
58
58
|
const dialog = this.querySelector('dialog')!;
|
|
59
59
|
const dialogFrame = this.querySelector('.dialog-frame')!;
|
|
60
60
|
|
|
61
|
-
/** Close the modal if a user clicks outside of the modal. */
|
|
62
|
-
const
|
|
61
|
+
/** Close the modal if a user clicks on a link or outside of the modal. */
|
|
62
|
+
const onClick = (event: MouseEvent) => {
|
|
63
|
+
const isLink = 'href' in (event.target || {});
|
|
63
64
|
if (
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
65
|
+
isLink ||
|
|
66
|
+
(document.body.contains(event.target as Node) &&
|
|
67
|
+
!dialogFrame.contains(event.target as Node))
|
|
68
|
+
) {
|
|
67
69
|
closeModal();
|
|
70
|
+
}
|
|
68
71
|
};
|
|
69
72
|
|
|
70
73
|
const openModal = (event?: MouseEvent) => {
|
|
71
74
|
dialog.showModal();
|
|
72
75
|
this.querySelector('input')?.focus();
|
|
73
76
|
event?.stopPropagation();
|
|
74
|
-
window.addEventListener('click',
|
|
77
|
+
window.addEventListener('click', onClick);
|
|
75
78
|
};
|
|
76
79
|
|
|
77
80
|
const closeModal = () => {
|
|
78
81
|
dialog.close();
|
|
79
|
-
window.removeEventListener('click',
|
|
82
|
+
window.removeEventListener('click', onClick);
|
|
80
83
|
};
|
|
81
84
|
|
|
82
85
|
openBtn.addEventListener('click', openModal);
|
|
@@ -113,6 +116,7 @@ const pagefindTranslations = {
|
|
|
113
116
|
bundlePath: import.meta.env.BASE_URL.replace(/\/$/, '') + '/pagefind/',
|
|
114
117
|
showImages: false,
|
|
115
118
|
translations,
|
|
119
|
+
showSubResults: true,
|
|
116
120
|
});
|
|
117
121
|
});
|
|
118
122
|
});
|
|
@@ -179,7 +183,7 @@ const pagefindTranslations = {
|
|
|
179
183
|
.dialog-frame {
|
|
180
184
|
flex-direction: column;
|
|
181
185
|
gap: 1rem;
|
|
182
|
-
padding:
|
|
186
|
+
padding: 1rem;
|
|
183
187
|
}
|
|
184
188
|
|
|
185
189
|
button[data-close-modal] {
|
|
@@ -218,10 +222,31 @@ const pagefindTranslations = {
|
|
|
218
222
|
min-height: 15rem;
|
|
219
223
|
max-height: calc(100% - 8rem);
|
|
220
224
|
}
|
|
225
|
+
|
|
226
|
+
.dialog-frame {
|
|
227
|
+
padding: 1.5rem;
|
|
228
|
+
}
|
|
221
229
|
}
|
|
222
230
|
</style>
|
|
223
231
|
|
|
224
232
|
<style is:global>
|
|
233
|
+
#starlight__search {
|
|
234
|
+
--sl-search-result-spacing: calc(1.25rem * var(--pagefind-ui-scale));
|
|
235
|
+
--sl-search-result-pad-inline-start: calc(3.75rem * var(--pagefind-ui-scale));
|
|
236
|
+
--sl-search-result-pad-inline-end: calc(1.25rem * var(--pagefind-ui-scale));
|
|
237
|
+
--sl-search-result-pad-block: calc(0.9375rem * var(--pagefind-ui-scale));
|
|
238
|
+
--sl-search-result-nested-pad-block: calc(0.625rem * var(--pagefind-ui-scale));
|
|
239
|
+
--sl-search-corners: calc(0.3125rem * var(--pagefind-ui-scale));
|
|
240
|
+
--sl-search-page-icon-size: calc(1.875rem * var(--pagefind-ui-scale));
|
|
241
|
+
--sl-search-page-icon-inline-start: calc(
|
|
242
|
+
(var(--sl-search-result-pad-inline-start) - var(--sl-search-page-icon-size)) / 2
|
|
243
|
+
);
|
|
244
|
+
--sl-search-tree-diagram-size: calc(2.5rem * var(--pagefind-ui-scale));
|
|
245
|
+
--sl-search-tree-diagram-inline-start: calc(
|
|
246
|
+
(var(--sl-search-result-pad-inline-start) - var(--sl-search-tree-diagram-size)) / 2
|
|
247
|
+
);
|
|
248
|
+
}
|
|
249
|
+
|
|
225
250
|
#starlight__search .pagefind-ui__form::before {
|
|
226
251
|
--pagefind-ui-text: var(--sl-color-gray-1);
|
|
227
252
|
opacity: 1;
|
|
@@ -260,22 +285,36 @@ const pagefindTranslations = {
|
|
|
260
285
|
}
|
|
261
286
|
|
|
262
287
|
#starlight__search .pagefind-ui__results > * + * {
|
|
263
|
-
margin-top:
|
|
288
|
+
margin-top: var(--sl-search-result-spacing);
|
|
264
289
|
}
|
|
265
290
|
#starlight__search .pagefind-ui__result {
|
|
266
|
-
position: relative;
|
|
267
291
|
border: 0;
|
|
268
|
-
|
|
269
|
-
|
|
292
|
+
padding: 0;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
#starlight__search .pagefind-ui__result-nested {
|
|
296
|
+
position: relative;
|
|
297
|
+
padding: var(--sl-search-result-nested-pad-block) var(--sl-search-result-pad-inline-end);
|
|
298
|
+
padding-inline-start: var(--sl-search-result-pad-inline-start);
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
#starlight__search .pagefind-ui__result-title:not(:where(.pagefind-ui__result-nested *)),
|
|
302
|
+
#starlight__search .pagefind-ui__result-nested {
|
|
303
|
+
position: relative;
|
|
270
304
|
background-color: var(--sl-color-black);
|
|
271
305
|
}
|
|
272
306
|
|
|
273
|
-
#starlight__search .pagefind-ui__result:hover,
|
|
274
|
-
#starlight__search
|
|
307
|
+
#starlight__search .pagefind-ui__result-title:not(:where(.pagefind-ui__result-nested *)):hover,
|
|
308
|
+
#starlight__search
|
|
309
|
+
.pagefind-ui__result-title:not(:where(.pagefind-ui__result-nested *)):focus-within,
|
|
310
|
+
#starlight__search .pagefind-ui__result-nested:hover,
|
|
311
|
+
#starlight__search .pagefind-ui__result-nested:focus-within {
|
|
275
312
|
outline: 1px solid var(--sl-color-accent-high);
|
|
276
313
|
}
|
|
277
314
|
|
|
278
|
-
#starlight__search
|
|
315
|
+
#starlight__search
|
|
316
|
+
.pagefind-ui__result-title:not(:where(.pagefind-ui__result-nested *)):focus-within,
|
|
317
|
+
#starlight__search .pagefind-ui__result-nested:focus-within {
|
|
279
318
|
background-color: var(--sl-color-accent-low);
|
|
280
319
|
}
|
|
281
320
|
|
|
@@ -284,7 +323,37 @@ const pagefindTranslations = {
|
|
|
284
323
|
margin-top: 0;
|
|
285
324
|
}
|
|
286
325
|
|
|
326
|
+
#starlight__search .pagefind-ui__result-inner > :first-child {
|
|
327
|
+
border-radius: var(--sl-search-corners) var(--sl-search-corners) 0 0;
|
|
328
|
+
}
|
|
329
|
+
#starlight__search .pagefind-ui__result-inner > :last-child {
|
|
330
|
+
border-radius: 0 0 var(--sl-search-corners) var(--sl-search-corners);
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
#starlight__search .pagefind-ui__result-inner > .pagefind-ui__result-title {
|
|
334
|
+
padding: var(--sl-search-result-pad-block) var(--sl-search-result-pad-inline-end);
|
|
335
|
+
padding-inline-start: var(--sl-search-result-pad-inline-start);
|
|
336
|
+
}
|
|
337
|
+
#starlight__search .pagefind-ui__result-inner > .pagefind-ui__result-title::before {
|
|
338
|
+
content: '';
|
|
339
|
+
position: absolute;
|
|
340
|
+
inset-block: 0;
|
|
341
|
+
inset-inline-start: var(--sl-search-page-icon-inline-start);
|
|
342
|
+
width: var(--sl-search-page-icon-size);
|
|
343
|
+
background: var(--sl-color-gray-3);
|
|
344
|
+
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M9 10h1a1 1 0 1 0 0-2H9a1 1 0 0 0 0 2Zm0 2a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2H9Zm11-3V8l-6-6a1 1 0 0 0-1 0H7a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V9Zm-6-4 3 3h-2a1 1 0 0 1-1-1V5Zm4 14a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h5v3a3 3 0 0 0 3 3h3v9Zm-3-3H9a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2Z'/%3E%3C/svg%3E")
|
|
345
|
+
center no-repeat;
|
|
346
|
+
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M9 10h1a1 1 0 1 0 0-2H9a1 1 0 0 0 0 2Zm0 2a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2H9Zm11-3V8l-6-6a1 1 0 0 0-1 0H7a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V9Zm-6-4 3 3h-2a1 1 0 0 1-1-1V5Zm4 14a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h5v3a3 3 0 0 0 3 3h3v9Zm-3-3H9a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2Z'/%3E%3C/svg%3E")
|
|
347
|
+
center no-repeat;
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
#starlight__search .pagefind-ui__result-inner {
|
|
351
|
+
align-items: stretch;
|
|
352
|
+
gap: 1px;
|
|
353
|
+
}
|
|
354
|
+
|
|
287
355
|
#starlight__search .pagefind-ui__result-link {
|
|
356
|
+
position: unset;
|
|
288
357
|
--pagefind-ui-text: var(--sl-color-white);
|
|
289
358
|
font-weight: 600;
|
|
290
359
|
}
|
|
@@ -293,6 +362,27 @@ const pagefindTranslations = {
|
|
|
293
362
|
text-decoration: none;
|
|
294
363
|
}
|
|
295
364
|
|
|
365
|
+
#starlight__search .pagefind-ui__result-nested .pagefind-ui__result-link::before {
|
|
366
|
+
content: unset;
|
|
367
|
+
}
|
|
368
|
+
|
|
369
|
+
#starlight__search .pagefind-ui__result-nested::before {
|
|
370
|
+
content: '';
|
|
371
|
+
position: absolute;
|
|
372
|
+
inset-block: 0;
|
|
373
|
+
inset-inline-start: var(--sl-search-tree-diagram-inline-start);
|
|
374
|
+
width: var(--sl-search-tree-diagram-size);
|
|
375
|
+
background: var(--sl-color-gray-4);
|
|
376
|
+
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' viewBox='0 0 16 1000' preserveAspectRatio='xMinYMin slice'%3E%3Cpath d='M8 0v1000m6-988H8'/%3E%3C/svg%3E")
|
|
377
|
+
0% 0% / 100% no-repeat;
|
|
378
|
+
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' viewBox='0 0 16 1000' preserveAspectRatio='xMinYMin slice'%3E%3Cpath d='M8 0v1000m6-988H8'/%3E%3C/svg%3E")
|
|
379
|
+
0% 0% / 100% no-repeat;
|
|
380
|
+
}
|
|
381
|
+
#starlight__search .pagefind-ui__result-nested:last-child::before {
|
|
382
|
+
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='M8 0v12m6 0H8'/%3E%3C/svg%3E");
|
|
383
|
+
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='M8 0v12m6 0H8'/%3E%3C/svg%3E");
|
|
384
|
+
}
|
|
385
|
+
|
|
296
386
|
#starlight__search .pagefind-ui__result-link::after {
|
|
297
387
|
content: '';
|
|
298
388
|
position: absolute;
|
|
@@ -300,18 +390,13 @@ const pagefindTranslations = {
|
|
|
300
390
|
}
|
|
301
391
|
|
|
302
392
|
#starlight__search .pagefind-ui__result-excerpt {
|
|
303
|
-
font-size: var(--
|
|
393
|
+
font-size: calc(1rem * var(--pagefind-ui-scale));
|
|
304
394
|
word-break: break-word;
|
|
305
395
|
}
|
|
306
396
|
|
|
307
397
|
#starlight__search mark {
|
|
308
|
-
color: var(--sl-color-
|
|
309
|
-
background-color:
|
|
310
|
-
font-weight:
|
|
311
|
-
padding: 0.1em 0.2em;
|
|
312
|
-
}
|
|
313
|
-
|
|
314
|
-
#starlight__search .pagefind-ui__result:focus-within mark {
|
|
315
|
-
text-decoration: underline;
|
|
398
|
+
color: var(--sl-color-gray-2);
|
|
399
|
+
background-color: transparent;
|
|
400
|
+
font-weight: 600;
|
|
316
401
|
}
|
|
317
402
|
</style>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@astrojs/starlight",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.0",
|
|
4
4
|
"description": "Build beautiful, high-performance documentation websites with Astro",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"docs",
|
|
@@ -39,13 +39,13 @@
|
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@astrojs/mdx": "^1.0.0",
|
|
41
41
|
"@astrojs/sitemap": "^3.0.0",
|
|
42
|
-
"@pagefind/default-ui": "1.0.
|
|
42
|
+
"@pagefind/default-ui": "^1.0.2",
|
|
43
43
|
"@types/mdast": "^3.0.11",
|
|
44
44
|
"bcp-47": "^2.1.0",
|
|
45
45
|
"execa": "^7.1.1",
|
|
46
46
|
"hast-util-select": "^5.0.5",
|
|
47
47
|
"hastscript": "^7.2.0",
|
|
48
|
-
"pagefind": "1.0.
|
|
48
|
+
"pagefind": "^1.0.2",
|
|
49
49
|
"rehype": "^12.0.1",
|
|
50
50
|
"remark-directive": "^2.0.1",
|
|
51
51
|
"unified": "^10.1.2",
|
package/translations/index.ts
CHANGED
|
@@ -16,11 +16,12 @@ import nb from './nb.json';
|
|
|
16
16
|
import zh from './zh.json';
|
|
17
17
|
import ko from './ko.json';
|
|
18
18
|
import sv from './sv.json';
|
|
19
|
+
import ru from './ru.json';
|
|
19
20
|
|
|
20
21
|
const { parse } = builtinI18nSchema();
|
|
21
22
|
|
|
22
23
|
export default Object.fromEntries(
|
|
23
|
-
Object.entries({ cs, en, es, de, ja, pt, fa, fr, it, nl, da, tr, ar, nb, zh, ko, sv }).map(
|
|
24
|
+
Object.entries({ cs, en, es, de, ja, pt, fa, fr, it, nl, da, tr, ar, nb, zh, ko, sv, ru }).map(
|
|
24
25
|
([key, dict]) => [key, parse(dict)]
|
|
25
26
|
)
|
|
26
27
|
);
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
{
|
|
2
|
+
"skipLink.label": "Пропустить до содержимого",
|
|
3
|
+
"search.label": "Поиск",
|
|
4
|
+
"search.shortcutLabel": "(Нажмите / для Поиска)",
|
|
5
|
+
"search.cancelLabel": "Отменить",
|
|
6
|
+
"search.devWarning": "Поиск доступен только в производственных сборках. \nПопробуйте выполнить сборку и просмотреть сайт, чтобы протестировать его локально.",
|
|
7
|
+
"themeSelect.accessibleLabel": "Выберите тему",
|
|
8
|
+
"themeSelect.dark": "Темная",
|
|
9
|
+
"themeSelect.light": "Светлая",
|
|
10
|
+
"themeSelect.auto": "Авто",
|
|
11
|
+
"languageSelect.accessibleLabel": "Выберите язык",
|
|
12
|
+
"menuButton.accessibleLabel": "Меню",
|
|
13
|
+
"sidebarNav.accessibleLabel": "Основное",
|
|
14
|
+
"tableOfContents.onThisPage": "На странице",
|
|
15
|
+
"tableOfContents.overview": "Обзор",
|
|
16
|
+
"i18n.untranslatedContent": "Этот содержимое пока не доступно на вашем языке.",
|
|
17
|
+
"page.editLink": "Редактировать странице",
|
|
18
|
+
"page.lastUpdated": "Последнее обновление:",
|
|
19
|
+
"page.previousLink": "Предыдущая",
|
|
20
|
+
"page.nextLink": "Следующая",
|
|
21
|
+
"404.text": "Страница не найдена. Проверьтье URL или используйте поиск по сайту"
|
|
22
|
+
}
|