@sp-days-framework/slidev-theme-sykehuspartner 1.1.0-beta2 → 1.1.0

package/docs/changelog.mdx

@@ -19,15 +19,25 @@ All packages within `@sp-days-framework` use the same version number. In some ca
 
 ---
 
-## Version 1.1.0-beta2 ![Sync](https://img.shields.io/badge/sync-version--bump-lightgrey)
+## Version 1.1.0 ![Release](https://img.shields.io/badge/release-production-blue)
 
-Version bump to match other packages in the framework with minor documentation improvements
+Bug fixes for VSCode icons and layout improvements
 
----
+<details>
+<summary><strong>Details</strong> (2026 January 07)</summary>
+
+### Bug Fixes
 
-## Version 1.1.0-beta1 ![Sync](https://img.shields.io/badge/sync-version--bump-lightgrey)
+- **uno.config.ts**: Fixed codeblock icon scanning to work correctly when the theme is installed as a dependency in other projects
+- **uno.config.ts**: Fixed VSCode icons not appearing when built through `docusaurus-plugin-slidev` by adding support for `SLIDEV_ORIGINAL_SOURCE` and `SLIDEV_ORIGINAL_SOURCE_DIR` environment variables
+- **two-cols-header**: Fixed h2 and h3 heading margins to be consistent with other layouts
+- **end layout**: Fixed text centering so content is properly horizontally centered
 
-Version bump to match other packages in the framework. Documentation is now bundled with the npm package for easier reference during development.
+### Improvements
+
+- **Package Documentation**: Documentation is now bundled with the npm package for easier reference during development
+
+</details>
 
 ---
 

package/layouts/end.vue

@@ -34,6 +34,7 @@ const showBanner = computed(() => {
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  text-align: center;
 }
 
 .banner-container {

package/layouts/two-cols-header.vue

@@ -63,6 +63,12 @@ const contentAlignmentStyle = computed(() => {
   margin-bottom: 1rem;
 }
 
+:deep(h1),
+:deep(h2),
+:deep(h3) {
+  margin-bottom: 0.5rem;
+}
+
 .cols-container {
   display: flex;
   flex-grow: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sp-days-framework/slidev-theme-sykehuspartner",
-  "version": "1.1.0-beta2",
+  "version": "1.1.0",
   "description": "A Slidev theme for Sykehuspartner presentations.",
   "type": "module",
   "repository": {
@@ -37,6 +37,7 @@
     "@slidev/types": "^52.9.1"
   },
   "peerDependencies": {
+    "@iconify-json/vscode-icons": "^1.2.0",
     "@slidev/cli": ">=52.0.0",
     "@slidev/types": ">=52.0.0"
   },

package/publish-package-docs.js

@@ -6,7 +6,15 @@
  */
 
 module.exports = {
-  id: 'sykehuspartner-theme-docs',
-  path: require('path').join(__dirname, 'docs'),
-  routeBasePath: 'package-docs/sykehuspartner-theme',
+  id: "sykehuspartner-theme-docs",
+  path: require("path").join(__dirname, "docs"),
+  editUrl: function (params) {
+    // Remove node_modules/@sp-days-framework/slidev-theme-sykehuspartner/docs from the path
+    const cleanPath = params.docPath.replace(
+      /^.*node_modules\/@sp-days-framework\/slidev-theme-sykehuspartner\/docs\//,
+      "",
+    );
+    return `https://github.com/helse-sorost/sp-days-framework/edit/main/slidev-theme-sykehuspartner/docs/${cleanPath}`;
+  },
+  routeBasePath: "package-docs/sykehuspartner-theme",
 };

package/uno.config.ts

@@ -1,47 +1,117 @@
 import { defineConfig } from 'unocss'
 import fs from 'fs'
+import path from 'path'
 import { globSync } from 'glob'
 
-// Function to scan files for icon patterns
-function scanFilesForIcons() {
+/**
+ * Scans markdown files for VSCode icon patterns used in code blocks.
+ * Icons are referenced with syntax: ~i-vscode-icons:file-type-name~
+ * 
+ * When built through docusaurus-plugin-slidev, uses environment variables:
+ * - SLIDEV_ORIGINAL_SOURCE: Path to the original markdown file
+ * - SLIDEV_ORIGINAL_SOURCE_DIR: Directory containing the source file
+ * - SLIDEV_SITE_DIR: The Docusaurus site directory
+ */
+function scanFilesForIcons(): string[] {
     try {
-        // Find all markdown files in the project directory and all subdirectories
-        const slideFiles = globSync('**/*.md', { absolute: true })
+        // Try multiple strategies to find markdown files
+        const searchRoots: string[] = [
+            process.cwd(),
+            path.resolve(process.cwd(), 'slidev'),
+            path.resolve(process.cwd(), '..'),
+            path.resolve(process.cwd(), '.docusaurus'),
+        ]
+        
+        // Add paths from docusaurus-plugin-slidev environment variables
+        if (process.env.SLIDEV_ORIGINAL_SOURCE_DIR) {
+            searchRoots.push(process.env.SLIDEV_ORIGINAL_SOURCE_DIR)
+        }
+        if (process.env.SLIDEV_SITE_DIR) {
+            searchRoots.push(process.env.SLIDEV_SITE_DIR)
+            searchRoots.push(path.resolve(process.env.SLIDEV_SITE_DIR, 'slidev'))
+        }
         
         // Pattern to match icon references like ~i-vscode-icons:file-type-ansible~
         const iconPattern = /~(i-[a-zA-Z0-9-]+:[a-zA-Z0-9-]+)~/g
         
-        // Set to store unique icons
-        const icons = new Set(['i-vscode-icons:file-type-docker']) // Include default icon
+        // Set to store unique icons - include common defaults
+        const icons = new Set([
+            'i-vscode-icons:file-type-docker',
+            'i-vscode-icons:file-type-python',
+            'i-vscode-icons:file-type-typescript-official',
+            'i-vscode-icons:file-type-js-official',
+            'i-vscode-icons:file-type-yaml',
+            'i-vscode-icons:file-type-json',
+            'i-vscode-icons:file-type-markdown',
+            'i-vscode-icons:file-type-vue',
+            'i-vscode-icons:file-type-html',
+            'i-vscode-icons:file-type-css',
+            'i-vscode-icons:file-type-shell',
+            'i-vscode-icons:file-type-powershell',
+            'i-vscode-icons:file-type-git',
+            'i-vscode-icons:file-type-ansible',
+            'i-vscode-icons:file-type-terraform',
+            'i-vscode-icons:file-type-kubernetes',
+        ])
         
-        // Scan each file for icon patterns
-        slideFiles.forEach((file: string) => {
+        // Read the original source file directly if available (from docusaurus-plugin-slidev)
+        if (process.env.SLIDEV_ORIGINAL_SOURCE && fs.existsSync(process.env.SLIDEV_ORIGINAL_SOURCE)) {
             try {
-                const content = fs.readFileSync(file, 'utf-8')
+                const content = fs.readFileSync(process.env.SLIDEV_ORIGINAL_SOURCE, 'utf-8')
                 let match
                 while ((match = iconPattern.exec(content)) !== null) {
                     if (match[1]) {
                         icons.add(match[1])
                     }
                 }
-            } catch (err) {
-                console.warn(`Error reading file ${file}:`, err)
+            } catch {
+                // Silently ignore read errors
+            }
+        }
+        
+        // Scan from each root
+        for (const searchRoot of searchRoots) {
+            try {
+                if (!fs.existsSync(searchRoot)) continue
+                
+                // Find all markdown files, excluding node_modules but INCLUDE .docusaurus
+                const slideFiles = globSync('**/*.md', { 
+                    absolute: true, 
+                    cwd: searchRoot,
+                    ignore: ['**/node_modules/**', '**/dist/**', '**/build/**'],
+                    dot: true
+                })
+                
+                // Scan each file for icon patterns
+                slideFiles.forEach((file: string) => {
+                    try {
+                        const content = fs.readFileSync(file, 'utf-8')
+                        let match
+                        while ((match = iconPattern.exec(content)) !== null) {
+                            if (match[1]) {
+                                icons.add(match[1])
+                            }
+                        }
+                    } catch {
+                        // Silently ignore read errors
+                    }
+                })
+            } catch {
+                // Silently ignore scan errors
             }
-        })
+        }
         
-        return Array.from(icons)
-    } catch (err) {
-        console.warn('Error scanning files for icons:', err)
-        return ['i-vscode-icons:file-type-docker'] // Fallback to default icon
+        return Array.from(icons) as string[]
+    } catch {
+        // Return default icon on error
+        return ['i-vscode-icons:file-type-docker']
     }
 }
 
 export default defineConfig({
     safelist: [
-        // Static icons that should always be included
-        'i-vscode-icons:file-type-docker',
-        
         // Dynamically scan for icons in slide files
-        () => scanFilesForIcons()
+        // This returns an array of icon class names that should be included
+        ...scanFilesForIcons()
     ],
 })