@sp-days-framework/create-sp-days 1.0.4 → 1.1.0-beta2

package/templates/addon-resources/resources/interactive-tasks/task-progression.mdx

@@ -1,140 +0,0 @@
----
-sidebar_position: 3
----
-
-import Tabs from "@theme/Tabs";
-import TabItem from "@theme/TabItem";
-
-# Progress Components
-
-Display task completion progress using the `TaskProgression` and `TaskProgressionOverview` components.
-
-## Basic Usage
-
-
-<Tabs>
-  <TabItem value="single" label="Single Page" default>
-    Display progress for a specific document with a visual progress indicator.
-
-
-    ```mdx
-    <TaskProgression path="./examples/basic-usage.mdx" />
-    ```
-    <div className="preview">
-      <div className="container" style={{ width: '-webkit-fill-available'}}>
-        <TaskProgression path="./examples/basic-usage.mdx" />
-      </div>
-    </div>
-  </TabItem>
-  <TabItem value="current" label="Current Page">
-    Reference the current page using `.` as the path:
-
-    ```mdx
-    <TaskProgression path="." />
-    ```
-
-    <div className="preview">
-      <div className="container" style={{ width: '-webkit-fill-available'}}>
-        <TaskProgression path="." />
-      </div>
-    </div>
-    <br/>
-
-    :::note
-    If no tasks is found on the page the Task Progression will show a error.
-    :::
-  </TabItem>
-  <TabItem value="result" label="Overview">
-    Display progress across all documents in the docs plugin instance.
-
-    ```mdx
-    <TaskProgressionOverview />
-    ```
-    <div className="preview">
-      <div className="container" style={{ width: '-webkit-fill-available', paddingBottom: '1.5rem'}}>
-        <TaskProgressionOverview />
-      </div>
-    </div>
-  </TabItem>
-</Tabs>
-
----
-
-## Path Formats
-
-The component supports multiple path formats:
-
-```mdx
-<!-- Current page -->
-<TaskProgression path="." />
-
-<!-- Absolute path -->
-<TaskProgression path="/docs/tasks/creating-tasks" />
-
-<!-- Relative to current page -->
-<TaskProgression path="./sibling-page" />
-<TaskProgression path="../parent-page" />
-
-<!-- With file extension -->
-<TaskProgression path="/docs/tasks/tasks-showcase.mdx" />
-```
-
----
-
-## Examples
-
-### Learning Module Overview
-
-Create an overview page showing progress across all modules:
-
-```mdx
----
-title: Course Overview
----
-
-# Welcome to the Course
-
-Track your progress across all modules:
-
-<TaskProgressionOverview />
-```
-
-### Module Navigation
-
-Link between related modules with progress indicators:
-
-```mdx
-## Prerequisites
-
-Make sure you've completed the previous module:
-
-<TaskProgression path="../module-01/index" />
-
-## Current Module
-
-Your progress in this module:
-
-<TaskProgression path="." />
-
-## Next Steps
-
-Continue to the next module:
-
-<TaskProgression path="../module-03/index" />
-```
-
-### Section Summary
-
-Show progress for the current page at the top:
-
-```mdx
-# Introduction to React
-
-<TaskProgression path="." />
-
-Complete the tasks below to learn React fundamentals.
-
-::::task[Setup React Project]
-...
-::::
-```

package/templates/addon-resources/resources/slidev-integration/index.mdx

@@ -1,106 +0,0 @@
----
-title: Slidev Integration
-hide_title: true
-sidebar_class_name: sidebar-logo-docusaurus
----
-
-import { Iconify } from "@sp-days-framework/docusaurus-frontpage-collection";
-
-<div align="center">
-  <div className="resourceLandingPage">
-    <Iconify icon="logos:docusaurus" width="105px"/>
-    <Iconify icon="mdi:plus-thick" width="50px" iconColors={{ light: "#000000", dark: "#ffffff" }} />
-    <Iconify icon="logos:slidev" width="95px"/>
-  </div>
-  <div align="center">
-    # Docusaurus Slidev Integration
-  </div>
-  <div align="center">
-    <p>
-        *Seamlessly integrate Slidev presentations into your Docusaurus site!*
-    </p>
-    <h4>
-        [Setup](./setup/index.mdx)
-        ·
-        [NPM Package](https://www.npmjs.com/package/@sp-days-framework/docusaurus-plugin-slidev)
-        ·
-        [Source Code](https://github.com/helse-sorost/sp-days-framework)
-    </h4>
-  </div>
-</div>
-
----
-
-## Features
-
-- **Automatic Discovery** - Scans directories for Slidev markdown files and builds them automatically
-- **Interactive Overview Page** - Auto-generated gallery with presentation previews, metadata, and sorting
-- **Zero-Config Setup** - Works out of the box with sensible defaults
-- **Theme Support** - Global or per-presentation theme configuration with automatic validation
-- **Development & Production Modes** - Fast development workflow with separate slide preview
-
-## Getting Started
-
-### 1. Create Your Presentation
-
-Create a presentation in the `/slidev/` directory:
-
-```markdown title="slidev/introduction.md"
----
-theme: "@sp-days-framework/slidev-theme-sykehuspartner"
-title: Introduction to Docker
-description: Learn containerization fundamentals
-author: Your Name
-layout: cover
----
-
-# Introduction to Docker
-## Containerization Made Simple
-
----
-
-# What is Docker?
-
-Docker is a platform for developing, shipping, and running applications in containers.
-```
-### 2. Live Preview During Development
-
-Run Slidev directly to work on your presentation with hot-reload:
-
-```bash
-npm run slidev ./slidev/my-presentation.md
-```
-
-This opens your presentation in the browser with live updates as you edit.
-
-### 3. View in Docusaurus
-
-Build your Docusaurus site to see presentations integrated:
-
-```bash
-npm run build
-npm run serve
-```
-
-Open the page and select "Slides" in the navbar to see the overview gallery.
-
-:::note[Development Mode Limitation]
-
-Presentations are **not built** during `npm run start`, [read more about it here.](./setup/index.mdx#development-vs-production-modes)
-
-:::
-
-See [Setup](./setup/index.mdx) for installation and configuration.
-
-## How It Works
-
-1. **Scan Phase** - Plugin scans the `/slidev/` directory for `.md` files during build
-2. **Extract Metadata** - Frontmatter is parsed from each file (title, description, theme, author)
-3. **Build Phase** - In production, Slidev builds each presentation to `static/slides/`
-4. **Generate Overview** - Creates an interactive overview page (default: `/slidev`) with previews
-5. **Serve** - Built presentations are accessible via unique URLs
-
-## Documentation
-
-- **[Advanced Configuration](./setup/advanced-configuration.mdx)** - Detailed plugin options
-- **[Sykehuspartner Theme](../sykehuspartner-theme/index.mdx)** - Theme documentation and layouts

package/templates/addon-resources/resources/slidev-integration/setup/advanced-configuration.mdx

@@ -1,144 +0,0 @@
----
-title: Advanced
-sidebar_position: 2
----
-
-import Tabs from "@theme/Tabs";
-import TabItem from "@theme/TabItem";
-
-# Advanced Configuration
-
-## All Plugin Options
-
-| Option            | Type      | Default                               | Description                                                        |
-| ----------------- | --------- | ------------------------------------- | ------------------------------------------------------------------ |
-| `sourceDir`       | `string`  | `'./slidev'`                          | Directory to scan for Slidev markdown files                        |
-| `outputDir`       | `string`  | `'slides'`                            | Output directory inside `static/` for built presentations          |
-| `theme`           | `string`  | `undefined`                           | Global theme override for all presentations                        |
-| `download`        | `boolean` | `false`                               | Enable PDF download functionality                                  |
-| `overviewPath`    | `string`  | `'/slidev'`                           | URL path for the auto-generated overview page                      |
-| `overviewTitle`   | `string`  | `'Slidev Presentations'`              | Custom title for the overview page                                 |
-| `overviewTagline` | `string`  | `'Interactive presentation overview'` | Custom tagline/description for the overview page                   |
-| `id`              | `string`  | `'default'`                           | Plugin ID for multiple instances                                   |
-| `buildTimeout`    | `number`  | `60`                                  | Timeout in seconds for building each presentation (10-600)         |
-| `verbose`         | `boolean` | `false`                               | Enable verbose logging for Slidev build output                     |
-
-## All Frontmatter Options
-
-Configure individual presentations using frontmatter:
-
-| Option        | Type     | Description                                    |
-| ------------- | -------- | ---------------------------------------------- |
-| `theme`       | `string` | Theme to use (overrides plugin global theme)   |
-| `title`       | `string` | Presentation title                             |
-| `description` | `string` | Brief description for overview page            |
-| `author`      | `string` | Author name(s)                                 |
-| `layout`      | `string` | Layout for the slide (e.g., `cover`, `intro`)  |
-
-See [Slidev documentation](https://sli.dev/guide/syntax.html#frontmatter) for all available frontmatter options.
-
-## Multiple Plugin Instances
-
-Run multiple instances with different configurations:
-
-```js title="docusaurus.config.js"
-module.exports = {
-  staticDirectories: ["static"],
-  
-  plugins: [
-    [
-      "@sp-days-framework/docusaurus-plugin-slidev",
-      {
-        id: "workshops",
-        sourceDir: "./slidev/workshops",
-        overviewPath: "/workshops/slides",
-        overviewTitle: "Workshop Presentations",
-      },
-    ],
-    [
-      "@sp-days-framework/docusaurus-plugin-slidev",
-      {
-        id: "training",
-        sourceDir: "./slidev/training",
-        overviewPath: "/training/slides",
-        overviewTitle: "Training Materials",
-      },
-    ],
-  ],
-};
-```
-
-This allows you to organize different types of presentations separately.
-
-## Global Theme Configuration
-
-Set a default theme for all presentations:
-
-```js title="docusaurus.config.js"
-module.exports = {
-  plugins: [
-    [
-      "@sp-days-framework/docusaurus-plugin-slidev",
-      {
-        theme: "@sp-days-framework/slidev-theme-sykehuspartner",
-      },
-    ],
-  ],
-};
-```
-
-Individual presentations can override this by specifying a theme in their frontmatter.
-
-## Custom Overview Page
-
-Customize the presentation overview page appearance:
-
-```js title="docusaurus.config.js"
-module.exports = {
-  plugins: [
-    [
-      "@sp-days-framework/docusaurus-plugin-slidev",
-      {
-        overviewPath: "/presentations",
-        overviewTitle: "Our Presentations",
-        overviewTagline: "Explore our collection of learning materials",
-      },
-    ],
-  ],
-};
-```
-
-## Build Timeout Configuration
-
-For large presentations, increase the build timeout:
-
-```js title="docusaurus.config.js"
-module.exports = {
-  plugins: [
-    [
-      "@sp-days-framework/docusaurus-plugin-slidev",
-      {
-        buildTimeout: 120, // 2 minutes per presentation
-        verbose: true,     // Enable verbose logging
-      },
-    ],
-  ],
-};
-```
-
-## PDF Download Support
-
-Enable PDF download functionality for presentations:
-
-```js title="docusaurus.config.js"
-module.exports = {
-  plugins: [
-    [
-      "@sp-days-framework/docusaurus-plugin-slidev",
-      {
-        download: true,
-      },
-    ],
-  ],
-};
-```

package/templates/addon-resources/resources/slidev-integration/setup/index.mdx

@@ -1,200 +0,0 @@
----
-sidebar_position: 1
----
-
-import Tabs from "@theme/Tabs";
-import TabItem from "@theme/TabItem";
-
-# Setup
-
-:::tip[Already Included]
-If you're using `@sp-days-framework/create-sp-days`, the Slidev Docusaurus Plugin is already installed and configured. You can start creating presentations right away!
-:::
-
-## Installation
-
-Install the Docusaurus plugin using your preferred package manager:
-
-<Tabs>
-  <TabItem value="npm" label="npm" default>
-    ```bash
-    npm install @sp-days-framework/docusaurus-plugin-slidev
-    ```
-  </TabItem>
-  <TabItem value="yarn" label="Yarn">
-    ```bash
-    yarn add @sp-days-framework/docusaurus-plugin-slidev
-    ```
-  </TabItem>
-</Tabs>
-
-Install Slidev dependencies:
-
-<Tabs>
-  <TabItem value="sp-theme" label="Sykehuspartner Theme" default>
-    ```bash
-    npm install @sp-days-framework/slidev-theme-sykehuspartner
-    ```
-
-    Includes everything needed for Sykehuspartner branded presentations.
-  </TabItem>
-  <TabItem value="default" label="Default Theme">
-    ```bash
-    npm install @slidev/theme-default
-    ```
-  </TabItem>
-</Tabs>
-
-Add the plugin to your `docusaurus.config.js`:
-
-```js title="docusaurus.config.js" {2,4}
-module.exports = {
-  staticDirectories: ["static"],
-  
-  plugins: ["@sp-days-framework/docusaurus-plugin-slidev"],
-};
-```
-
-:::note
-The `static` directory is required for serving built presentations.
-:::
-
-**Optional:** Add the `slidev` script for live preview during development:
-
-```json title="package.json" {4}
-{
-  "scripts": {
-    "docusaurus": "docusaurus",
-    "slidev": "slidev"
-  }
-}
-```
-
-## Configuration
-
-### Basic Plugin Setup
-
-The plugin works with default settings:
-
-```js title="docusaurus.config.js"
-module.exports = {
-  staticDirectories: ["static"],
-  plugins: ["@sp-days-framework/docusaurus-plugin-slidev"],
-};
-```
-
-### Plugin Options
-
-Customize the plugin behavior:
-
-```js title="docusaurus.config.js"
-module.exports = {
-  plugins: [
-    [
-      "@sp-days-framework/docusaurus-plugin-slidev",
-      {
-        sourceDir: "./slidev",
-        outputDir: "slides",
-        theme: "@sp-days-framework/slidev-theme-sykehuspartner",
-        overviewPath: "/presentations",
-      },
-    ],
-  ],
-};
-```
-
-Common options:
-
-| Option            | Type      | Default                               | Description                                                        |
-| ----------------- | --------- | ------------------------------------- | ------------------------------------------------------------------ |
-| `sourceDir`       | `string`  | `'./slidev'`                          | Directory to scan for Slidev markdown files                        |
-| `outputDir`       | `string`  | `'slides'`                            | Output directory inside `static/` for built presentations          |
-| `theme`           | `string`  | `undefined`                           | Global theme override for all presentations                        |
-| `overviewPath`    | `string`  | `'/slidev'`                           | URL path for the auto-generated overview page                      |
-| `overviewTitle`   | `string`  | `'Slidev Presentations'`              | Title for the overview page                                        |
-
-See [Advanced Configuration](./advanced-configuration.mdx) for all options.
-
-### Frontmatter Configuration
-
-Configure individual presentations:
-
-```markdown title="slidev/introduction.md"
----
-theme: "@sp-days-framework/slidev-theme-sykehuspartner"
-title: Introduction to Docker
-description: Learn containerization fundamentals
-author: Your Name
-layout: cover
----
-
-# Introduction to Docker
-## Containerization Made Simple
-```
-
-Common frontmatter options:
-
-| Option        | Description                                    |
-| ------------- | ---------------------------------------------- |
-| `theme`       | Theme to use (overrides plugin global theme)   |
-| `title`       | Presentation title                             |
-| `description` | Brief description for overview page            |
-| `author`      | Author name(s)                                 |
-| `layout`      | Layout for the slide (e.g., `cover`, `intro`)  |
-
-## Development vs Production Modes
-
-The plugin operates differently in development and production modes due to technical limitations:
-
-**Why no live preview in development?**
-- Slidev's CLI can only run one presentation at a time
-- Building presentations takes 5-10+ seconds each
-- Running builds during development would significantly slow down the dev server
-
-This design choice prioritizes developer experience by keeping the documentation development workflow fast.
-
-### Development Mode (`npm run start`)
-
-- Presentations are **not built** automatically
-- Overview page shows "Build Required" badges
-- Much faster startup time
-
-**Use for:** Active documentation development
-
-### Production Mode (`npm run build`)
-
-- All presentations are **automatically built**
-- Overview page shows interactive preview thumbnails
-- Presentations are fully functional
-
-**Use for:** Deploying to production or testing integration
-
-### Recommended Workflow
-
-<Tabs>
-  <TabItem value="slides" label="Working on Slides" default>
-    ```bash
-    # Live preview with hot-reload
-    npm run slidev ./slidev/your-presentation.md
-    ```
-    
-    Edit your presentation and see changes instantly.
-  </TabItem>
-  <TabItem value="verify" label="Verify Integration">
-    ```bash
-    # Build and serve to see final result
-    npm run build
-    npm run serve
-    ```
-    
-    Navigate to `/slidev` to see the overview page.
-  </TabItem>
-  <TabItem value="docs" label="Working on Docs">
-    ```bash
-    # Fast development server (slides not built)
-    npm run start
-    ```
-    
-    Focus on documentation without waiting for slide builds.
-  </TabItem>
-</Tabs>

package/templates/addon-resources/resources/sykehuspartner-theme/index.mdx

@@ -1,105 +0,0 @@
----
-title: Sykehuspartner Theme
-sidebar_class_name: sidebar-logo-slidev
----
-
-import useBaseUrl from '@docusaurus/useBaseUrl';
-import ThemedImage from '@theme/ThemedImage';
-import { Iconify } from "@sp-days-framework/docusaurus-frontpage-collection";
-
-<div align="center">
-  <div className="resourceLandingPage">
-    <Iconify icon="logos:slidev" width="105px"/>
-    <Iconify icon="mdi:plus-thick" width="50px" iconColors={{ light: "#000000", dark: "#ffffff" }} />
-    <ThemedImage
-    style={{ width: '95px'}}
-    sources={{
-        light: useBaseUrl('/img/favicon-navbar/sorost-logo-light.svg'),
-        dark: useBaseUrl('/img/favicon-navbar/sorost-logo-dark.svg'),
-    }}
-    />
-  </div>
-  <div align="center">
-    # Sykehuspartner Slidev Theme
-  </div>
-  <div align="center">
-    <p>
-        *Create professional presentations using Sykehuspartner theme for Slidev!*
-    </p>
-    <h4>
-        [Setup](./setup/index.mdx)
-        ·
-        [NPM Package](https://www.npmjs.com/package/@sp-days-framework/slidev-theme-sykehuspartner)
-        ·
-        [Source Code](https://github.com/helse-sorost/sp-days-framework)
-    </h4>
-  </div>
-</div>
-
----
-
-## Features
-
-- **18 Professional Layouts** - From cover slides to multi-column content, image layouts, and special-purpose slides
-- **Consistent Branding** - Sykehuspartner colors, logos, and styling throughout
-- **Dark Mode Support** - Automatic light/dark theme switching with optimized colors
-- **Syntax Highlighting** - Support for 30+ programming languages powered by Shiki
-- **VSCode Icons** - Built-in icon support for technical content with automatic scanning
-- **Responsive Design** - Looks great on any screen size
-
-## Getting Started
-
-Configure the theme and start creating slides:
-
-```markdown title="slidev/presentation.md"
----
-theme: "@sp-days-framework/slidev-theme-sykehuspartner"
-title: My Presentation
-layout: cover
----
-
-# My Presentation Title
-## Subtitle Goes Here
-
----
-layout: default
----
-
-# First Content Slide
-
-- Point 1
-- Point 2
-- Point 3
-```
-
-See [Setup](./setup/index.mdx) for installation and configuration.
-
-## Available Layouts
-
-The theme includes 18 specialized layouts for different presentation needs:
-
-| Layout | Use Case | Category |
-|--------|----------|----------|
-| [cover](./layouts/section/cover.mdx) | Title slide with banner | Section |
-| [intro](./layouts/section/intro.mdx) | Introduction with optional side image | Section |
-| [section](./layouts/section/section.mdx) | Section divider with optional image | Section |
-| [end](./layouts/section/end.mdx) | Closing slide with centered banner | Section |
-| [default](./layouts/content/default.mdx) | Standard content with header extraction | Content |
-| [center](./layouts/content/center.mdx) | Vertically centered content | Content |
-| [full](./layouts/content/full.mdx) | Full-screen with no padding | Content |
-| [two-cols](./layouts/multi-column/two-cols.mdx) | Two equal columns | Multi-Column |
-| [two-cols-header](./layouts/multi-column/two-cols-header.mdx) | Two columns with header | Multi-Column |
-| [three-cols](./layouts/multi-column/three-cols.mdx) | Three equal columns | Multi-Column |
-| [three-cols-header](./layouts/multi-column/three-cols-header.mdx) | Three columns with header | Multi-Column |
-| [image](./layouts/image/image.mdx) | Background or foreground image | Image |
-| [image-left](./layouts/image/image-left.mdx) | Content with left-aligned image | Image |
-| [image-right](./layouts/image/image-right.mdx) | Content with right-aligned image | Image |
-| [fact](./layouts/special/fact.mdx) | Emphasize key facts | Special |
-| [statement](./layouts/special/statement.mdx) | Bold statement slide | Special |
-| [quote](./layouts/special/quote.mdx) | Quote with attribution | Special |
-| [about-me](./layouts/special/about-me.mdx) | Profile introduction | Special |
-
-## Documentation
-
-- **[Syntax Highlighting & Icons](./syntax-and-icons.mdx)** - Code highlighting and icon usage
-- **[Advanced Configuration](./setup/advanced-configuration.mdx)** - Layout parameters and customization

package/templates/addon-resources/resources/sykehuspartner-theme/layouts/_category_.yml

@@ -1,2 +0,0 @@
-position: 2
-label: 'Layouts'

package/templates/addon-resources/resources/sykehuspartner-theme/layouts/content/_category_.yml

@@ -1,2 +0,0 @@
-position: 1
-label: 'Content Layouts'