starlight-theme-nova 0.8.1 → 0.9.1

package/lib/styles.gen.css

@@ -9,7 +9,8 @@
     --sl-text-h2: var(--sl-text-2xl);
     --sl-text-h3: var(--sl-text-xl);
     --sl-text-h4: var(--sl-text-lg);
-    --sl-text-h5: unset;
+    --sl-text-h5: var(--sl-text-base);
+    --sl-text-h6: var(--sl-text-sm);
   }
 
   /* Dark mode Starlight theme variables. */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "starlight-theme-nova",
   "type": "module",
-  "version": "0.8.1",
+  "version": "0.9.1",
   "description": "",
   "author": "ocavue <ocavue@gmail.com>",
   "license": "MIT",
@@ -28,13 +28,14 @@
   "dependencies": {
     "@aria-ui/core": "^0.0.21",
     "@pagefind/default-ui": "^1.3.0",
-    "@shikijs/transformers": "^3.5.0",
-    "@shikijs/twoslash": "^3.5.0",
-    "@shikijs/types": "^3.5.0",
+    "@shikijs/transformers": "^3.7.0",
+    "@shikijs/twoslash": "^3.7.0",
+    "@shikijs/types": "^3.7.0",
     "@types/hast": "^3.0.4",
     "astro-theme-toggle": "^0.6.1",
     "hast-util-is-element": "^3.0.0",
     "rehype": "^13.0.2",
+    "remark-custom-header-id": "^1.0.0",
     "shiki-twoslash-renderer": "0.0.4"
   },
   "peerDependencies": {
@@ -46,17 +47,17 @@
     }
   },
   "devDependencies": {
-    "@astrojs/starlight": "^0.34.3",
+    "@astrojs/starlight": "^0.34.4",
     "@iconify-json/bxl": "^1.2.2",
     "@iconify-json/logos": "^1.2.4",
-    "@iconify-json/lucide": "^1.2.46",
+    "@iconify-json/lucide": "^1.2.54",
     "@iconify-json/tabler": "^1.2.19",
     "@ocavue/tsconfig": "^0.3.7",
     "@types/node": "^20.17.30",
-    "@unocss/cli": "^66.1.0",
-    "astro": "^5.8.2",
+    "@unocss/cli": "^66.1.3",
+    "astro": "^5.10.1",
     "typescript": "^5.8.3",
-    "unocss": "^66.1.0",
+    "unocss": "^66.1.3",
     "unocss-preset-animations": "^1.2.1"
   },
   "scripts": {

package/src/components/Header.astro

@@ -11,6 +11,28 @@ import options from 'virtual:starlight-theme-nova/user-config'
 import MobileMenuToggle from './MobileMenuToggle.astro'
 
 const nav = options.nav ?? []
+
+const { locale } = Astro.locals.starlightRoute
+
+const getLocalizedValue = (
+  value: string | { [local: string]: string },
+): string => {
+  if (typeof value === 'string') {
+    return value
+  }
+
+  if (typeof locale === 'string' && value[locale]) {
+    return value[locale]
+  }
+
+  // Use the same "root" convention as the Starlight docs to get the default value.
+  // https://github.com/withastro/starlight/blob/9d3ba179c5d524c1c61d771ceb1a7b4e754bee16/docs/src/content/docs/guides/i18n.mdx?plain=1#L72-L75
+  if (value['root']) {
+    return value['root']
+  }
+
+  return Object.values(value)[0] ?? ''
+}
 ---
 
 <div class="nova-header">
@@ -20,8 +42,8 @@ const nav = options.nav ?? []
   <nav class="nova-header-nav">
     {
       nav.map((item) => (
-        <a class="nova-header-nav-link" href={item.href}>
-          {item.label}
+        <a class="nova-header-nav-link" href={getLocalizedValue(item.href)}>
+          {getLocalizedValue(item.label)}
         </a>
       ))
     }

package/src/index.ts

@@ -2,6 +2,7 @@ import type {
   StarlightPlugin,
   StarlightUserConfig,
 } from '@astrojs/starlight/types'
+import remarkCustomHeaderId from 'remark-custom-header-id'
 
 import { createShikiConfig } from './shiki-config'
 import type { ThemeNovaOptions } from './user-options'
@@ -59,6 +60,7 @@ export default function starlightThemeNova(
               updateConfig({
                 markdown: {
                   shikiConfig: createShikiConfig({ twoslash: true }),
+                  remarkPlugins: [remarkCustomHeaderId],
                 },
                 vite: {
                   plugins: [

package/src/shiki-config.ts

@@ -12,7 +12,6 @@ import type { ShikiConfig } from 'astro'
 import { createRenderer } from 'shiki-twoslash-renderer'
 
 import { transformerContainer } from './shiki-transformer-container'
-import { transformerCopyButton } from './shiki-transformer-copy-button'
 
 export function createShikiConfig(options: { twoslash: boolean }): ShikiConfig {
   const transformers: ShikiTransformer[] = [
@@ -23,7 +22,6 @@ export function createShikiConfig(options: { twoslash: boolean }): ShikiConfig {
     transformerNotationWordHighlight(),
     transformerRemoveNotationEscape(),
 
-    transformerCopyButton(),
     transformerContainer(),
     options.twoslash
       ? transformerTwoslash({

package/src/shiki-transformer-container.ts

@@ -55,7 +55,21 @@ export function transformerContainer(): ShikiTransformer {
             [CODE_PROPERTY_TITLE]: title || undefined,
             class: 'nova-code-container not-content',
           },
-          children,
+          children: [
+            ...children,
+            {
+              type: 'element',
+              tagName: 'nova-code-copy-button',
+              properties: {
+                type: 'button',
+                'data-code': this.source,
+                title: 'Copy code',
+                'aria-label': 'Copy code',
+                class: 'nova-code-copy-button',
+              },
+              children: [],
+            },
+          ],
         },
       ]
 

package/src/user-options.ts

@@ -1,6 +1,6 @@
 export interface NavItem {
-  label: string
-  href: string
+  label: string | Record<string, string>
+  href: string | Record<string, string>
 }
 
 export interface ThemeNovaOptions {

package/src/shiki-transformer-copy-button.ts

@@ -1,32 +0,0 @@
-import type { ShikiTransformer } from '@shikijs/types'
-
-const name = 'starlight-theme-nova-shiki-transformer-copy-button'
-
-/**
- * A transformer that adds a copy button to code blocks.
- */
-export function transformerCopyButton(): ShikiTransformer {
-  return {
-    name: name,
-    pre(node) {
-      return {
-        ...node,
-        children: [
-          ...node.children,
-          {
-            type: 'element',
-            tagName: 'nova-code-copy-button',
-            properties: {
-              type: 'button',
-              'data-code': this.source,
-              title: 'Copy code',
-              'aria-label': 'Copy code',
-              class: 'nova-code-copy-button',
-            },
-            children: [],
-          },
-        ],
-      }
-    },
-  }
-}