@astrojs/starlight 0.1.0 → 0.1.2

package/404.astro

@@ -1,6 +1,6 @@
 ---
 import config from 'virtual:starlight/user-config';
-import { withBase } from './utils/base';
+import { pathWithBase } from './utils/base';
 
 // Built-in CSS styles.
 import './style/props.css';
@@ -40,7 +40,7 @@ const { lang = 'en', dir = 'ltr', locale } = config.defaultLocale || {};
           <p>Houston, we have a problem.</p>
           <p>
             We couldn’t find that link. Check the address or
-            <a href={withBase('/')}>head back home</a>.
+            <a href={pathWithBase('/')}>head back home</a>.
           </p>
         </MarkdownContent>
       </main>

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @astrojs/starlight
 
+## 0.1.2
+
+### Patch Changes
+
+- [#174](https://github.com/withastro/starlight/pull/174) [`6ab31b4`](https://github.com/withastro/starlight/commit/6ab31b4900166f952c1ca5ec4e4a1ef66f31be97) Thanks [@rviscomi](https://github.com/rviscomi)! - Split `withBase` URL helper to fix use with files.
+
+- [#168](https://github.com/withastro/starlight/pull/168) [`cb18eef`](https://github.com/withastro/starlight/commit/cb18eef4fda8227a6c5ec73589526dd7fbb8f4a6) Thanks [@BryceRussell](https://github.com/BryceRussell)! - Fix bottom padding on left sidebar
+
+- [#167](https://github.com/withastro/starlight/pull/167) [`990ec53`](https://github.com/withastro/starlight/commit/990ec53dee099fdb6d113a3be5ef375c73e6945a) Thanks [@BryceRussell](https://github.com/BryceRussell)! - Add `bundlePath` option to Pagefind configuration
+
+- [`4f666ba`](https://github.com/withastro/starlight/commit/4f666ba4fad7118a31bae819eb6be068da9e4d94) Thanks [@delucis](https://github.com/delucis)! - Fix focus outline positioning in tabs
+
+## 0.1.1
+
+### Patch Changes
+
+- [#155](https://github.com/withastro/starlight/pull/155) Thanks [@thomasbnt](https://github.com/thomasbnt)! - Add French language support
+
+- [#158](https://github.com/withastro/starlight/pull/158) [`92d82f5`](https://github.com/withastro/starlight/commit/92d82f534c6ff8513b01f9f26748d9980a6d4c79) Thanks [@kevinzunigacuellar](https://github.com/kevinzunigacuellar)! - Fix word wrapping in search modal on narrow screens
+
 ## 0.1.0
 
 ### Minor Changes

package/components/HeadSEO.astro

@@ -4,7 +4,7 @@ import config from 'virtual:starlight/user-config';
 import type { HeadConfigSchema } from '../schemas/head';
 import { createHead } from '../utils/head';
 import { localizedUrl } from '../utils/localizedUrl';
-import { withBase } from '../utils/base';
+import { fileWithBase } from '../utils/base';
 
 interface Props {
   data: CollectionEntry<'docs'>['data'];
@@ -33,7 +33,7 @@ const headDefaults: z.input<ReturnType<typeof HeadConfigSchema>> = [
     tag: 'link',
     attrs: {
       rel: 'shortcut icon',
-      href: withBase('/favicon.svg'),
+      href: fileWithBase('/favicon.svg'),
       type: 'image/svg+xml',
     },
   },
@@ -81,7 +81,7 @@ if (Astro.site) {
     tag: 'link',
     attrs: {
       rel: 'sitemap',
-      href: withBase('/sitemap-index.xml'),
+      href: fileWithBase('/sitemap-index.xml'),
     },
   });
 }

package/components/Search.astro

@@ -108,6 +108,7 @@ const t = useTranslations(Astro.props.locale);
       new PagefindUI({
         element: '#starlight__search',
         baseUrl: import.meta.env.BASE_URL,
+        bundlePath: import.meta.env.BASE_URL.replace(/\/$/, '') + '/_pagefind/',
         showImages: false,
       });
     });
@@ -294,6 +295,7 @@ const t = useTranslations(Astro.props.locale);
 
   #starlight__search .pagefind-ui__result-excerpt {
     font-size: var(--sl-text-body-sm);
+    word-break: break-word;
   }
 
   #starlight__search mark {

package/components/Sidebar.astro

@@ -28,6 +28,10 @@ const { sidebar, locale } = Astro.props;
     gap: 1rem;
   }
 
+  .sidebar > :global(:last-child) {
+    padding-bottom: 1rem;
+  }
+
   .mobile-preferences {
     justify-content: space-between;
     border-top: 1px solid var(--sl-color-gray-6);

package/components/SiteTitle.astro

@@ -1,7 +1,7 @@
 ---
 import { logos } from 'virtual:starlight/user-images';
 import config from 'virtual:starlight/user-config';
-import { withBase } from '../utils/base';
+import { pathWithBase } from '../utils/base';
 
 interface Props {
   locale: string | undefined;
@@ -23,7 +23,7 @@ if (config.logo) {
   if (err) throw new Error(err);
 }
 
-const href = withBase(Astro.props.locale || '/');
+const href = pathWithBase(Astro.props.locale || '/');
 ---
 
 <a {href} class="site-title flex">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astrojs/starlight",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Build beautiful, high-performance documentation websites with Astro",
   "keywords": [
     "docs",

package/translations/fr.json

@@ -0,0 +1,20 @@
+{
+    "skipLink.label": "Aller au contenu",
+    "search.label": "Rechercher",
+    "search.shortcutLabel": "(Presser / pour rechercher)",
+    "search.cancelLabel": "Annuler",
+    "themeSelect.accessibleLabel": "Selectionner le thème",
+    "themeSelect.dark": "Dark",
+    "themeSelect.light": "Light",
+    "themeSelect.auto": "Auto",
+    "languageSelect.accessibleLabel": "Selectionner la langue",
+    "menuButton.accessibleLabel": "Menu",
+    "sidebarNav.accessibleLabel": "principale",
+    "tableOfContents.onThisPage": "Sur cette page",
+    "tableOfContents.overview": "Vue d'ensemble",
+    "i18n.untranslatedContent": "Ce contenu n'est pas encore disponible dans votre langue.",
+    "page.editLink": "Editer la page",
+    "page.lastUpdated": "Dernière mise à jour :",
+    "page.previousLink": "Précédent",
+    "page.nextLink": "Suivant"
+  }

package/translations/index.ts

@@ -4,9 +4,10 @@ import es from './es.json';
 import de from './de.json';
 import ja from './ja.json';
 import pt from './pt.json';
+import fr from './fr.json';
 
 const parse = i18nSchema().required().strict().parse;
 
 export default Object.fromEntries(
-  Object.entries({ en, es, de, ja, pt }).map(([key, dict]) => [key, parse(dict)])
+  Object.entries({ en, es, de, ja, pt, fr }).map(([key, dict]) => [key, parse(dict)])
 );

package/user-components/Tabs.astro

@@ -58,6 +58,7 @@ const { html, panels } = processPanels(panelHtml);
     text-decoration: none;
     border-bottom: 2px solid var(--sl-color-gray-5);
     color: var(--sl-color-gray-3);
+    outline-offset: var(--sl-outline-offset-inside);
   }
   .tab [role='tab'][aria-selected] {
     color: var(--sl-color-white);

package/utils/base.ts

@@ -1,11 +1,17 @@
 const base = stripTrailingSlash(import.meta.env.BASE_URL);
 
 /** Get the a root-relative URL path with the site’s `base` prefixed. */
-export function withBase(path: string) {
+export function pathWithBase(path: string) {
   path = stripLeadingSlash(stripTrailingSlash(path));
   return path ? base + '/' + path + '/' : base + '/';
 }
 
+/** Get the a root-relative file URL path with the site’s `base` prefixed. */
+export function fileWithBase(path: string) {
+  path = stripLeadingSlash(stripTrailingSlash(path));
+  return path ? base + '/' + path : base;
+}
+
 function stripLeadingSlash(path: string) {
   return path.replace(/^\//, '');
 }

package/utils/navigation.ts

@@ -1,6 +1,6 @@
 import { basename, dirname } from 'node:path';
 import config from 'virtual:starlight/user-config';
-import { withBase } from './base';
+import { pathWithBase } from './base';
 import { pickLang } from './i18n';
 import { Route, getLocaleRoutes, routes } from './routing';
 import { localeToLang, slugToPathname } from './slugs';
@@ -109,7 +109,7 @@ function linkFromConfig(
 
 /** Create a link entry. */
 function makeLink(href: string, label: string, currentPathname: string): Link {
-  if (!isAbsolute(href)) href = withBase(href);
+  if (!isAbsolute(href)) href = pathWithBase(href);
   const isCurrent = href === currentPathname;
   return { type: 'link', label, href, isCurrent };
 }