@beatzball/create-litro 0.2.0 → 0.3.0

package/recipes/starlight/template/src/components/starlight-header.ts

@@ -22,12 +22,12 @@ export class StarlightHeader extends LitElement {
   static override styles = css`
     :host {
       display: block;
-    }
-
-    header {
       position: sticky;
       top: 0;
       z-index: 100;
+    }
+
+    header {
       height: var(--sl-nav-height, 3.5rem);
       background-color: var(--sl-color-bg-nav, #fff);
       border-bottom: 1px solid var(--sl-color-border, #e8e8e8);

package/recipes/starlight/template/src/components/starlight-page.ts

@@ -86,8 +86,12 @@ export class StarlightPage extends LitElement {
 
     .toc-wrap {
       grid-area: toc;
-      padding: var(--sl-content-pad-y, 2rem) 0 var(--sl-content-pad-y, 2rem) var(--sl-content-pad-x, 1.5rem);
       border-left: 1px solid var(--sl-color-border, #e8e8e8);
+      position: sticky;
+      top: var(--sl-nav-height, 3.5rem);
+      height: calc(100vh - var(--sl-nav-height, 3.5rem));
+      overflow-y: auto;
+      padding: var(--sl-content-pad-y, 2rem) 0 var(--sl-content-pad-y, 2rem) var(--sl-content-pad-x, 1.5rem);
     }
 
     .page-title {

package/recipes/starlight/template/src/route-meta.ts

@@ -8,9 +8,11 @@
  *      from localStorage, preventing a flash of the wrong theme on reload.
  */
 export const starlightHead = [
+  '<link rel="stylesheet" href="/shoelace/themes/light.css" />',
   '<link rel="stylesheet" href="/styles/starlight.css" />',
   '<script>(function(){',
-  'var t=localStorage.getItem("sl-theme")||"light";',
+  'var s=localStorage.getItem("sl-theme");',
+  'var t=s||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light");',
   'document.documentElement.setAttribute("data-theme",t);',
   '})();</script>',
 ].join('');

package/recipes/starlight/template/vite.config.ts

@@ -3,7 +3,7 @@ import litroContentPlugin from '@beatzball/litro/vite';
 
 export default defineConfig({
   plugins: [litroContentPlugin()],
-  base: '/_litro/',
+  base: process.env.LITRO_BASE_PATH ? `${process.env.LITRO_BASE_PATH}/_litro/` : '/_litro/',
   resolve: {
     conditions: ['source', 'browser', 'module', 'import', 'default'],
   },

package/src/scaffold.test.ts

@@ -279,12 +279,12 @@ describe('scaffold', () => {
       expect(existsSync(join(targetDir, 'src/components/starlight-header.ts'))).toBe(true);
       expect(existsSync(join(targetDir, 'src/components/starlight-sidebar.ts'))).toBe(true);
       expect(existsSync(join(targetDir, 'src/components/starlight-toc.ts'))).toBe(true);
-      expect(existsSync(join(targetDir, 'src/components/sl-card.ts'))).toBe(true);
-      expect(existsSync(join(targetDir, 'src/components/sl-card-grid.ts'))).toBe(true);
-      expect(existsSync(join(targetDir, 'src/components/sl-badge.ts'))).toBe(true);
-      expect(existsSync(join(targetDir, 'src/components/sl-aside.ts'))).toBe(true);
-      expect(existsSync(join(targetDir, 'src/components/sl-tabs.ts'))).toBe(true);
-      expect(existsSync(join(targetDir, 'src/components/sl-tab-item.ts'))).toBe(true);
+      expect(existsSync(join(targetDir, 'src/components/litro-card.ts'))).toBe(true);
+      expect(existsSync(join(targetDir, 'src/components/litro-card-grid.ts'))).toBe(true);
+      expect(existsSync(join(targetDir, 'src/components/litro-badge.ts'))).toBe(true);
+      expect(existsSync(join(targetDir, 'src/components/litro-aside.ts'))).toBe(true);
+      expect(existsSync(join(targetDir, 'src/components/litro-tabs.ts'))).toBe(true);
+      expect(existsSync(join(targetDir, 'src/components/litro-tab-item.ts'))).toBe(true);
       // Content
       expect(existsSync(join(targetDir, 'content/docs/.11tydata.json'))).toBe(true);
       expect(existsSync(join(targetDir, 'content/docs/getting-started.md'))).toBe(true);

package/vitest.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    exclude: [
+      '**/node_modules/**',
+      '**/recipes/**/template/**',
+    ],
+  },
+});