@slidejs/runner-splide 0.1.0

package/.turbo/turbo-build.log

@@ -0,0 +1,25 @@
+
+> @slidejs/runner-splide@0.1.0 build /Volumes/ORICO/ws/prj/slidejs/slidejs/packages/@slidejs/runner-splide
+> vite build
+
+vite v5.4.21 building for production...
+src/adapter.ts:320:10 - error TS2352: Conversion of type 'HTMLElement' to type 'Record<string, unknown>' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
+  Index signature for type 'string' is missing in type 'HTMLElement'.
+
+320         (element as Record<string, unknown>)[key] = value;
+             ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+transforming...
+✓ 3 modules transformed.
+rendering chunks...
+
+[vite:dts] Start generate declaration files...
+computing gzip size...
+dist/index.js  7.27 kB │ gzip: 2.40 kB │ map: 19.27 kB
+[vite:dts] Start rollup declaration files...
+Analysis will use the bundled TypeScript version 5.4.2
+*** The target project appears to use TypeScript 5.9.3 which is newer than the bundled compiler engine; consider upgrading API Extractor.
+[vite:dts] Declaration files built in 3190ms.
+
+dist/index.cjs  4.65 kB │ gzip: 1.62 kB │ map: 18.34 kB
+✓ built in 3.38s

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@splidejs/splide"),a=require("@slidejs/dsl"),h=require("@slidejs/runner");class c{constructor(){this.name="splide",this.eventHandlers=new Map}async initialize(i,t){try{if(this.createSplideStructure(i),!this.splideContainer)throw new Error("Splide container not created");const e={type:"slide",perPage:1,perMove:1,gap:"1rem",pagination:!0,arrows:!0,keyboard:"global",...t==null?void 0:t.splideConfig};this.splide=new p.Splide(this.splideContainer,e),this.splide.mount(),await new Promise(n=>{requestAnimationFrame(()=>{n()})}),this.setupEventListeners(),this.emit("ready")}catch(e){const n=e instanceof Error?e.message:String(e);throw this.emit("error",{message:n}),new Error(`Failed to initialize SplideAdapter: ${n}`)}}async render(i){if(!this.splideList||!this.splide)throw new Error("SplideAdapter not initialized");try{this.splideList.innerHTML="";for(const t of i){const e=await this.renderSlide(t);this.splideList.appendChild(e)}this.splide.refresh(),this.emit("slideRendered",{totalSlides:i.length})}catch(t){const e=t instanceof Error?t.message:String(t);throw this.emit("error",{message:e}),new Error(`Failed to render slides: ${e}`)}}async destroy(){this.splide&&(this.splide.destroy(),this.splide=void 0),this.splideContainer&&(this.splideContainer.innerHTML="",this.splideContainer=void 0),this.splideTrack=void 0,this.splideList=void 0,this.eventHandlers.clear()}navigateTo(i){if(!this.splide)throw new Error("SplideAdapter not initialized");this.splide.go(i)}getCurrentIndex(){return this.splide?this.splide.index:0}getTotalSlides(){return this.splide?this.splide.length:0}async updateSlide(i,t){if(!this.splideList||!this.splide)throw new Error("SplideAdapter not initialized");try{const n=this.splideList.querySelectorAll(".splide__slide")[i];if(!n)throw new Error(`Slide at index ${i} not found`);const s=await this.renderSlide(t);n.replaceWith(s),this.splide.refresh()}catch(e){const n=e instanceof Error?e.message:String(e);throw this.emit("error",{message:n}),new Error(`Failed to update slide: ${n}`)}}on(i,t){this.eventHandlers.has(i)||this.eventHandlers.set(i,new Set),this.eventHandlers.get(i).add(t)}off(i,t){const e=this.eventHandlers.get(i);e&&e.delete(t)}createSplideStructure(i){const t=document.createElement("div");t.className="splide";const e=document.createElement("div");e.className="splide__track";const n=document.createElement("ul");n.className="splide__list",e.appendChild(n),t.appendChild(e),i.appendChild(t),this.splideContainer=t,this.splideTrack=e,this.splideList=n}setupEventListeners(){this.splide&&this.splide.on("moved",(i,t)=>{this.emit("slideChanged",{index:i,previousIndex:t,from:t,to:i})})}async renderSlide(i){const t=document.createElement("li");if(t.className="splide__slide",i.content.type==="dynamic"){const e=await this.renderDynamicContent(i.content.component,i.content.props);t.appendChild(e)}else{const e=this.renderTextContent(i.content.lines);t.appendChild(e)}return t}async renderDynamicContent(i,t){const e=document.createElement(i);for(const[n,s]of Object.entries(t))typeof s=="string"||typeof s=="number"?e.setAttribute(n,String(s)):typeof s=="boolean"?s&&e.setAttribute(n,""):e[n]=s;return e}renderTextContent(i){const t=document.createElement("div");t.className="slide-content";let e=null;for(const n of i){const s=n.trim();if(!s){e=null;continue}if(s.startsWith("# ")){e=null;const r=document.createElement("h1");r.textContent=s.substring(2),t.appendChild(r);continue}if(s.startsWith("## ")){e=null;const r=document.createElement("h2");r.textContent=s.substring(3),t.appendChild(r);continue}if(s.startsWith("### ")){e=null;const r=document.createElement("h3");r.textContent=s.substring(4),t.appendChild(r);continue}const l=s.match(/^!\[(.*?)\]\((.*?)\)$/);if(l){e=null;const r=document.createElement("img");r.alt=l[1],r.src=l[2],r.style.maxWidth="80%",r.style.maxHeight="500px",t.appendChild(r);continue}if(s.startsWith("- ")){e||(e=document.createElement("ul"),t.appendChild(e));const r=document.createElement("li");r.textContent=s.substring(2),e.appendChild(r);continue}e=null;const o=document.createElement("p");o.textContent=s,t.appendChild(o)}return t}emit(i,t){const e=this.eventHandlers.get(i);if(e)for(const n of e)try{n(t)}catch(s){console.error(`Error in ${i} handler:`,s)}}}async function u(d,i,t){const e=await a.parseSlideDSL(d),n=a.compile(e),s=new c,l=new h.SlideRunner({container:t.container,adapter:s,adapterOptions:{splideConfig:t.splideOptions}});return await l.run(n,i),l}exports.SplideAdapter=c;exports.createSlideRunner=u;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/adapter.ts","../src/runner.ts"],"sourcesContent":["/**\n * @slidejs/runner-splide - SplideAdapter 适配器实现\n *\n * 将 Slide DSL 渲染为 Splide 幻灯片\n */\n\nimport { Splide } from '@splidejs/splide';\nimport type { Options } from '@splidejs/splide';\nimport type { SlideDefinition } from '@slidejs/core';\nimport type { SlideAdapter, AdapterEvent, EventHandler } from '@slidejs/runner';\nimport type { SplideAdapterOptions } from './types';\n\n/**\n * Splide 适配器\n *\n * 实现 SlideAdapter 接口，将 SlideDefinition 渲染为 Splide 幻灯片\n */\nexport class SplideAdapter implements SlideAdapter {\n  readonly name = 'splide';\n\n  private splide?: Splide;\n  private splideContainer?: HTMLElement;\n  private splideTrack?: HTMLElement;\n  private splideList?: HTMLElement;\n  private eventHandlers: Map<AdapterEvent, Set<EventHandler>> = new Map();\n\n  /**\n   * 初始化 Splide 适配器\n   *\n   * @param container - 容器元素\n   * @param options - Splide 选项\n   */\n  async initialize(container: HTMLElement, options?: SplideAdapterOptions): Promise<void> {\n    try {\n      // 创建 Splide DOM 结构\n      this.createSplideStructure(container);\n\n      // 初始化 Splide\n      if (!this.splideContainer) {\n        throw new Error('Splide container not created');\n      }\n\n      const splideConfig: Options = {\n        // 默认配置\n        type: 'slide',\n        perPage: 1,\n        perMove: 1,\n        gap: '1rem',\n        pagination: true,\n        arrows: true,\n        keyboard: 'global',\n        ...options?.splideConfig,\n      };\n\n      this.splide = new Splide(this.splideContainer, splideConfig);\n      this.splide.mount();\n\n      // 等待初始化完成\n      await new Promise<void>(resolve => {\n        requestAnimationFrame(() => {\n          resolve();\n        });\n      });\n\n      // 设置事件监听\n      this.setupEventListeners();\n\n      // 触发 ready 事件\n      this.emit('ready');\n    } catch (error) {\n      const errorMessage = error instanceof Error ? error.message : String(error);\n      this.emit('error', { message: errorMessage });\n      throw new Error(`Failed to initialize SplideAdapter: ${errorMessage}`);\n    }\n  }\n\n  /**\n   * 渲染幻灯片\n   *\n   * @param slides - 幻灯片定义数组\n   */\n  async render(slides: SlideDefinition[]): Promise<void> {\n    if (!this.splideList || !this.splide) {\n      throw new Error('SplideAdapter not initialized');\n    }\n\n    try {\n      // 清空现有幻灯片\n      this.splideList.innerHTML = '';\n\n      // 渲染每张幻灯片\n      for (const slide of slides) {\n        const slideElement = await this.renderSlide(slide);\n        this.splideList.appendChild(slideElement);\n      }\n\n      // 刷新 Splide（重新计算和更新）\n      this.splide.refresh();\n\n      // 触发 slideRendered 事件\n      this.emit('slideRendered', { totalSlides: slides.length });\n    } catch (error) {\n      const errorMessage = error instanceof Error ? error.message : String(error);\n      this.emit('error', { message: errorMessage });\n      throw new Error(`Failed to render slides: ${errorMessage}`);\n    }\n  }\n\n  /**\n   * 销毁适配器\n   */\n  async destroy(): Promise<void> {\n    if (this.splide) {\n      this.splide.destroy();\n      this.splide = undefined;\n    }\n\n    if (this.splideContainer) {\n      this.splideContainer.innerHTML = '';\n      this.splideContainer = undefined;\n    }\n\n    this.splideTrack = undefined;\n    this.splideList = undefined;\n    this.eventHandlers.clear();\n  }\n\n  /**\n   * 导航到指定幻灯片\n   *\n   * @param index - 幻灯片索引\n   */\n  navigateTo(index: number): void {\n    if (!this.splide) {\n      throw new Error('SplideAdapter not initialized');\n    }\n\n    this.splide.go(index);\n  }\n\n  /**\n   * 获取当前幻灯片索引\n   */\n  getCurrentIndex(): number {\n    if (!this.splide) {\n      return 0;\n    }\n\n    return this.splide.index;\n  }\n\n  /**\n   * 获取幻灯片总数\n   */\n  getTotalSlides(): number {\n    if (!this.splide) {\n      return 0;\n    }\n\n    return this.splide.length;\n  }\n\n  /**\n   * 更新指定幻灯片\n   *\n   * @param index - 幻灯片索引\n   * @param slide - 新的幻灯片定义\n   */\n  async updateSlide(index: number, slide: SlideDefinition): Promise<void> {\n    if (!this.splideList || !this.splide) {\n      throw new Error('SplideAdapter not initialized');\n    }\n\n    try {\n      // 获取指定索引的 slide 元素\n      const slides = this.splideList.querySelectorAll('.splide__slide');\n      const targetSlide = slides[index] as HTMLElement;\n\n      if (!targetSlide) {\n        throw new Error(`Slide at index ${index} not found`);\n      }\n\n      // 渲染新的幻灯片内容\n      const newSlide = await this.renderSlide(slide);\n\n      // 替换旧的 slide\n      targetSlide.replaceWith(newSlide);\n\n      // 刷新 Splide\n      this.splide.refresh();\n    } catch (error) {\n      const errorMessage = error instanceof Error ? error.message : String(error);\n      this.emit('error', { message: errorMessage });\n      throw new Error(`Failed to update slide: ${errorMessage}`);\n    }\n  }\n\n  /**\n   * 注册事件监听器\n   *\n   * @param event - 事件类型\n   * @param handler - 事件处理器\n   */\n  on(event: AdapterEvent, handler: EventHandler): void {\n    if (!this.eventHandlers.has(event)) {\n      this.eventHandlers.set(event, new Set());\n    }\n    this.eventHandlers.get(event)!.add(handler);\n  }\n\n  /**\n   * 移除事件监听器\n   *\n   * @param event - 事件类型\n   * @param handler - 事件处理器\n   */\n  off(event: AdapterEvent, handler: EventHandler): void {\n    const handlers = this.eventHandlers.get(event);\n    if (handlers) {\n      handlers.delete(handler);\n    }\n  }\n\n  /**\n   * 创建 Splide DOM 结构\n   *\n   * @param container - 容器元素\n   */\n  private createSplideStructure(container: HTMLElement): void {\n    // 创建 .splide 容器\n    const splideDiv = document.createElement('div');\n    splideDiv.className = 'splide';\n\n    // 创建 .splide__track 容器\n    const trackDiv = document.createElement('div');\n    trackDiv.className = 'splide__track';\n\n    // 创建 .splide__list 容器\n    const listUl = document.createElement('ul');\n    listUl.className = 'splide__list';\n\n    trackDiv.appendChild(listUl);\n    splideDiv.appendChild(trackDiv);\n    container.appendChild(splideDiv);\n\n    this.splideContainer = splideDiv;\n    this.splideTrack = trackDiv;\n    this.splideList = listUl;\n  }\n\n  /**\n   * 设置 Splide 事件监听\n   */\n  private setupEventListeners(): void {\n    if (!this.splide) {\n      return;\n    }\n\n    // 监听幻灯片切换事件\n    this.splide.on('moved', (newIndex, prevIndex) => {\n      this.emit('slideChanged', {\n        index: newIndex,\n        previousIndex: prevIndex,\n        from: prevIndex,\n        to: newIndex,\n      });\n    });\n  }\n\n  /**\n   * 渲染单张幻灯片\n   *\n   * @param slide - 幻灯片定义\n   * @returns slide 元素\n   */\n  private async renderSlide(slide: SlideDefinition): Promise<HTMLElement> {\n    const slideElement = document.createElement('li');\n    slideElement.className = 'splide__slide';\n\n    // 渲染内容\n    if (slide.content.type === 'dynamic') {\n      // 动态内容（Web Components）\n      const content = await this.renderDynamicContent(slide.content.component, slide.content.props);\n      slideElement.appendChild(content);\n    } else {\n      // 静态文本内容\n      const content = this.renderTextContent(slide.content.lines);\n      slideElement.appendChild(content);\n    }\n\n    return slideElement;\n  }\n\n  /**\n   * 渲染动态内容（Web Component）\n   *\n   * @param component - 组件名称\n   * @param props - 组件属性\n   * @returns 组件元素\n   */\n  private async renderDynamicContent(\n    component: string,\n    props: Record<string, unknown>\n  ): Promise<HTMLElement> {\n    // 创建 Web Component 元素\n    const element = document.createElement(component);\n\n    // 设置属性\n    for (const [key, value] of Object.entries(props)) {\n      if (typeof value === 'string' || typeof value === 'number') {\n        // 字符串和数字 → HTML attributes\n        element.setAttribute(key, String(value));\n      } else if (typeof value === 'boolean') {\n        // 布尔值 → HTML attributes（true 时设置空属性）\n        if (value) {\n          element.setAttribute(key, '');\n        }\n      } else {\n        // 对象和数组 → JavaScript properties\n        (element as Record<string, unknown>)[key] = value;\n      }\n    }\n\n    return element;\n  }\n\n  /**\n   * 渲染文本内容\n   *\n   * 支持以下格式：\n   * - # 标题 -> h1\n   * - ## 标题 -> h2\n   * - ### 标题 -> h3\n   * - ![alt](url) -> img\n   * - - 列表项 -> ul/li\n   * - 普通文本 -> p\n   *\n   * @param lines - 文本行数组\n   * @returns 内容容器元素\n   */\n  private renderTextContent(lines: string[]): HTMLElement {\n    const container = document.createElement('div');\n    container.className = 'slide-content';\n\n    let listContainer: HTMLUListElement | null = null;\n\n    for (const line of lines) {\n      const trimmedLine = line.trim();\n\n      // 空行，结束列表\n      if (!trimmedLine) {\n        listContainer = null;\n        continue;\n      }\n\n      // 标题 - # H1\n      if (trimmedLine.startsWith('# ')) {\n        listContainer = null;\n        const h1 = document.createElement('h1');\n        h1.textContent = trimmedLine.substring(2);\n        container.appendChild(h1);\n        continue;\n      }\n\n      // 标题 - ## H2\n      if (trimmedLine.startsWith('## ')) {\n        listContainer = null;\n        const h2 = document.createElement('h2');\n        h2.textContent = trimmedLine.substring(3);\n        container.appendChild(h2);\n        continue;\n      }\n\n      // 标题 - ### H3\n      if (trimmedLine.startsWith('### ')) {\n        listContainer = null;\n        const h3 = document.createElement('h3');\n        h3.textContent = trimmedLine.substring(4);\n        container.appendChild(h3);\n        continue;\n      }\n\n      // 图片 - ![alt](url)\n      const imageMatch = trimmedLine.match(/^!\\[(.*?)\\]\\((.*?)\\)$/);\n      if (imageMatch) {\n        listContainer = null;\n        const img = document.createElement('img');\n        img.alt = imageMatch[1];\n        img.src = imageMatch[2];\n        img.style.maxWidth = '80%';\n        img.style.maxHeight = '500px';\n        container.appendChild(img);\n        continue;\n      }\n\n      // 列表项 - - 项目\n      if (trimmedLine.startsWith('- ')) {\n        if (!listContainer) {\n          listContainer = document.createElement('ul');\n          container.appendChild(listContainer);\n        }\n        const li = document.createElement('li');\n        li.textContent = trimmedLine.substring(2);\n        listContainer.appendChild(li);\n        continue;\n      }\n\n      // 普通文本\n      listContainer = null;\n      const p = document.createElement('p');\n      p.textContent = trimmedLine;\n      container.appendChild(p);\n    }\n\n    return container;\n  }\n\n  /**\n   * 触发事件\n   *\n   * @param event - 事件类型\n   * @param data - 事件数据\n   */\n  private emit(event: AdapterEvent, data?: unknown): void {\n    const handlers = this.eventHandlers.get(event);\n    if (handlers) {\n      for (const handler of handlers) {\n        try {\n          handler(data);\n        } catch (error) {\n          console.error(`Error in ${event} handler:`, error);\n        }\n      }\n    }\n  }\n}\n","/**\n * @slidejs/runner-splide - SlideRunner 工厂函数\n *\n * 提供创建配置好的 SlideRunner 实例的便捷方法\n */\n\nimport { parseSlideDSL, compile } from '@slidejs/dsl';\nimport { SlideRunner } from '@slidejs/runner';\nimport type { SlideContext } from '@slidejs/context';\nimport { SplideAdapter } from './adapter';\nimport type { SplideAdapterOptions } from './types';\n\n/**\n * SlideRunner 配置选项\n */\nexport interface SlideRunnerConfig {\n  /**\n   * 容器选择器或 HTMLElement\n   */\n  container: string | HTMLElement;\n\n  /**\n   * Splide 配置选项\n   */\n  splideOptions?: SplideAdapterOptions['splideConfig'];\n}\n\n/**\n * 从 DSL 源代码创建并运行 SlideRunner\n *\n * @example\n * ```typescript\n * import { createSlideRunner } from '@slidejs/runner-splide';\n *\n * const dslSource = `\n *   present quiz \"demo\" {\n *     rules {\n *       rule start \"intro\" {\n *         slide {\n *           content text { \"Hello World!\" }\n *         }\n *       }\n *     }\n *   }\n * `;\n *\n * const context = { sourceType: 'quiz', sourceId: 'demo', items: [] };\n * const runner = await createSlideRunner(dslSource, context, {\n *   container: '#app',\n *   splideOptions: {\n *     type: 'slide',\n *     perPage: 1,\n *     pagination: true,\n *     arrows: true,\n *   },\n * });\n * ```\n */\nexport async function createSlideRunner<TContext extends SlideContext = SlideContext>(\n  dslSource: string,\n  context: TContext,\n  config: SlideRunnerConfig\n): Promise<SlideRunner<TContext>> {\n  // 1. 解析 DSL\n  const ast = await parseSlideDSL(dslSource);\n\n  // 2. 编译为 SlideDSL\n  const slideDSL = compile<TContext>(ast);\n\n  // 3. 创建适配器和 Runner\n  const adapter = new SplideAdapter();\n  const runner = new SlideRunner<TContext>({\n    container: config.container,\n    adapter,\n    adapterOptions: {\n      splideConfig: config.splideOptions,\n    },\n  });\n\n  // 4. 运行演示（这会初始化适配器并渲染幻灯片）\n  await runner.run(slideDSL, context);\n\n  // 注意：需要手动调用 runner.play() 来启动演示（导航到第一张幻灯片）\n  // 返回 runner 以便用户可以控制演示\n  return runner;\n}\n"],"names":["SplideAdapter","container","options","splideConfig","Splide","resolve","error","errorMessage","slides","slide","slideElement","index","targetSlide","newSlide","event","handler","handlers","splideDiv","trackDiv","listUl","newIndex","prevIndex","content","component","props","element","key","value","lines","listContainer","line","trimmedLine","h1","h2","h3","imageMatch","img","li","p","data","createSlideRunner","dslSource","context","config","ast","parseSlideDSL","slideDSL","compile","adapter","runner","SlideRunner"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,188 @@
+import { AdapterEvent } from '@slidejs/runner';
+import { AdapterOptions } from '@slidejs/runner';
+import { EventHandler } from '@slidejs/runner';
+import { Options } from '@splidejs/splide';
+import { SlideAdapter } from '@slidejs/runner';
+import { SlideContext } from '@slidejs/context';
+import { SlideDefinition } from '@slidejs/core';
+import { SlideRunner } from '@slidejs/runner';
+
+/**
+ * 从 DSL 源代码创建并运行 SlideRunner
+ *
+ * @example
+ * ```typescript
+ * import { createSlideRunner } from '@slidejs/runner-splide';
+ *
+ * const dslSource = `
+ *   present quiz "demo" {
+ *     rules {
+ *       rule start "intro" {
+ *         slide {
+ *           content text { "Hello World!" }
+ *         }
+ *       }
+ *     }
+ *   }
+ * `;
+ *
+ * const context = { sourceType: 'quiz', sourceId: 'demo', items: [] };
+ * const runner = await createSlideRunner(dslSource, context, {
+ *   container: '#app',
+ *   splideOptions: {
+ *     type: 'slide',
+ *     perPage: 1,
+ *     pagination: true,
+ *     arrows: true,
+ *   },
+ * });
+ * ```
+ */
+export declare function createSlideRunner<TContext extends SlideContext = SlideContext>(dslSource: string, context: TContext, config: SlideRunnerConfig): Promise<SlideRunner<TContext>>;
+
+/**
+ * SlideRunner 配置选项
+ */
+export declare interface SlideRunnerConfig {
+    /**
+     * 容器选择器或 HTMLElement
+     */
+    container: string | HTMLElement;
+    /**
+     * Splide 配置选项
+     */
+    splideOptions?: SplideAdapterOptions['splideConfig'];
+}
+
+/**
+ * Splide 适配器
+ *
+ * 实现 SlideAdapter 接口，将 SlideDefinition 渲染为 Splide 幻灯片
+ */
+export declare class SplideAdapter implements SlideAdapter {
+    readonly name = "splide";
+    private splide?;
+    private splideContainer?;
+    private splideTrack?;
+    private splideList?;
+    private eventHandlers;
+    /**
+     * 初始化 Splide 适配器
+     *
+     * @param container - 容器元素
+     * @param options - Splide 选项
+     */
+    initialize(container: HTMLElement, options?: SplideAdapterOptions): Promise<void>;
+    /**
+     * 渲染幻灯片
+     *
+     * @param slides - 幻灯片定义数组
+     */
+    render(slides: SlideDefinition[]): Promise<void>;
+    /**
+     * 销毁适配器
+     */
+    destroy(): Promise<void>;
+    /**
+     * 导航到指定幻灯片
+     *
+     * @param index - 幻灯片索引
+     */
+    navigateTo(index: number): void;
+    /**
+     * 获取当前幻灯片索引
+     */
+    getCurrentIndex(): number;
+    /**
+     * 获取幻灯片总数
+     */
+    getTotalSlides(): number;
+    /**
+     * 更新指定幻灯片
+     *
+     * @param index - 幻灯片索引
+     * @param slide - 新的幻灯片定义
+     */
+    updateSlide(index: number, slide: SlideDefinition): Promise<void>;
+    /**
+     * 注册事件监听器
+     *
+     * @param event - 事件类型
+     * @param handler - 事件处理器
+     */
+    on(event: AdapterEvent, handler: EventHandler): void;
+    /**
+     * 移除事件监听器
+     *
+     * @param event - 事件类型
+     * @param handler - 事件处理器
+     */
+    off(event: AdapterEvent, handler: EventHandler): void;
+    /**
+     * 创建 Splide DOM 结构
+     *
+     * @param container - 容器元素
+     */
+    private createSplideStructure;
+    /**
+     * 设置 Splide 事件监听
+     */
+    private setupEventListeners;
+    /**
+     * 渲染单张幻灯片
+     *
+     * @param slide - 幻灯片定义
+     * @returns slide 元素
+     */
+    private renderSlide;
+    /**
+     * 渲染动态内容（Web Component）
+     *
+     * @param component - 组件名称
+     * @param props - 组件属性
+     * @returns 组件元素
+     */
+    private renderDynamicContent;
+    /**
+     * 渲染文本内容
+     *
+     * 支持以下格式：
+     * - # 标题 -> h1
+     * - ## 标题 -> h2
+     * - ### 标题 -> h3
+     * - ![alt](url) -> img
+     * - - 列表项 -> ul/li
+     * - 普通文本 -> p
+     *
+     * @param lines - 文本行数组
+     * @returns 内容容器元素
+     */
+    private renderTextContent;
+    /**
+     * 触发事件
+     *
+     * @param event - 事件类型
+     * @param data - 事件数据
+     */
+    private emit;
+}
+
+/**
+ * SplideAdapter 选项
+ *
+ * Splide CSS 需要手动导入：
+ * ```typescript
+ * import '@splidejs/splide/css';
+ * ```
+ *
+ * 注意：只需要导入基础 CSS，主题是可选的。
+ */
+export declare interface SplideAdapterOptions extends AdapterOptions {
+    /**
+     * Splide 配置选项
+     * @see https://splidejs.com/options/
+     */
+    splideConfig?: Options;
+}
+
+export { }

package/dist/index.js

@@ -0,0 +1,274 @@
+import { Splide as a } from "@splidejs/splide";
+import { parseSlideDSL as c, compile as p } from "@slidejs/dsl";
+import { SlideRunner as h } from "@slidejs/runner";
+class m {
+  constructor() {
+    this.name = "splide", this.eventHandlers = /* @__PURE__ */ new Map();
+  }
+  /**
+   * 初始化 Splide 适配器
+   *
+   * @param container - 容器元素
+   * @param options - Splide 选项
+   */
+  async initialize(i, t) {
+    try {
+      if (this.createSplideStructure(i), !this.splideContainer)
+        throw new Error("Splide container not created");
+      const e = {
+        // 默认配置
+        type: "slide",
+        perPage: 1,
+        perMove: 1,
+        gap: "1rem",
+        pagination: !0,
+        arrows: !0,
+        keyboard: "global",
+        ...t == null ? void 0 : t.splideConfig
+      };
+      this.splide = new a(this.splideContainer, e), this.splide.mount(), await new Promise((n) => {
+        requestAnimationFrame(() => {
+          n();
+        });
+      }), this.setupEventListeners(), this.emit("ready");
+    } catch (e) {
+      const n = e instanceof Error ? e.message : String(e);
+      throw this.emit("error", { message: n }), new Error(`Failed to initialize SplideAdapter: ${n}`);
+    }
+  }
+  /**
+   * 渲染幻灯片
+   *
+   * @param slides - 幻灯片定义数组
+   */
+  async render(i) {
+    if (!this.splideList || !this.splide)
+      throw new Error("SplideAdapter not initialized");
+    try {
+      this.splideList.innerHTML = "";
+      for (const t of i) {
+        const e = await this.renderSlide(t);
+        this.splideList.appendChild(e);
+      }
+      this.splide.refresh(), this.emit("slideRendered", { totalSlides: i.length });
+    } catch (t) {
+      const e = t instanceof Error ? t.message : String(t);
+      throw this.emit("error", { message: e }), new Error(`Failed to render slides: ${e}`);
+    }
+  }
+  /**
+   * 销毁适配器
+   */
+  async destroy() {
+    this.splide && (this.splide.destroy(), this.splide = void 0), this.splideContainer && (this.splideContainer.innerHTML = "", this.splideContainer = void 0), this.splideTrack = void 0, this.splideList = void 0, this.eventHandlers.clear();
+  }
+  /**
+   * 导航到指定幻灯片
+   *
+   * @param index - 幻灯片索引
+   */
+  navigateTo(i) {
+    if (!this.splide)
+      throw new Error("SplideAdapter not initialized");
+    this.splide.go(i);
+  }
+  /**
+   * 获取当前幻灯片索引
+   */
+  getCurrentIndex() {
+    return this.splide ? this.splide.index : 0;
+  }
+  /**
+   * 获取幻灯片总数
+   */
+  getTotalSlides() {
+    return this.splide ? this.splide.length : 0;
+  }
+  /**
+   * 更新指定幻灯片
+   *
+   * @param index - 幻灯片索引
+   * @param slide - 新的幻灯片定义
+   */
+  async updateSlide(i, t) {
+    if (!this.splideList || !this.splide)
+      throw new Error("SplideAdapter not initialized");
+    try {
+      const n = this.splideList.querySelectorAll(".splide__slide")[i];
+      if (!n)
+        throw new Error(`Slide at index ${i} not found`);
+      const s = await this.renderSlide(t);
+      n.replaceWith(s), this.splide.refresh();
+    } catch (e) {
+      const n = e instanceof Error ? e.message : String(e);
+      throw this.emit("error", { message: n }), new Error(`Failed to update slide: ${n}`);
+    }
+  }
+  /**
+   * 注册事件监听器
+   *
+   * @param event - 事件类型
+   * @param handler - 事件处理器
+   */
+  on(i, t) {
+    this.eventHandlers.has(i) || this.eventHandlers.set(i, /* @__PURE__ */ new Set()), this.eventHandlers.get(i).add(t);
+  }
+  /**
+   * 移除事件监听器
+   *
+   * @param event - 事件类型
+   * @param handler - 事件处理器
+   */
+  off(i, t) {
+    const e = this.eventHandlers.get(i);
+    e && e.delete(t);
+  }
+  /**
+   * 创建 Splide DOM 结构
+   *
+   * @param container - 容器元素
+   */
+  createSplideStructure(i) {
+    const t = document.createElement("div");
+    t.className = "splide";
+    const e = document.createElement("div");
+    e.className = "splide__track";
+    const n = document.createElement("ul");
+    n.className = "splide__list", e.appendChild(n), t.appendChild(e), i.appendChild(t), this.splideContainer = t, this.splideTrack = e, this.splideList = n;
+  }
+  /**
+   * 设置 Splide 事件监听
+   */
+  setupEventListeners() {
+    this.splide && this.splide.on("moved", (i, t) => {
+      this.emit("slideChanged", {
+        index: i,
+        previousIndex: t,
+        from: t,
+        to: i
+      });
+    });
+  }
+  /**
+   * 渲染单张幻灯片
+   *
+   * @param slide - 幻灯片定义
+   * @returns slide 元素
+   */
+  async renderSlide(i) {
+    const t = document.createElement("li");
+    if (t.className = "splide__slide", i.content.type === "dynamic") {
+      const e = await this.renderDynamicContent(i.content.component, i.content.props);
+      t.appendChild(e);
+    } else {
+      const e = this.renderTextContent(i.content.lines);
+      t.appendChild(e);
+    }
+    return t;
+  }
+  /**
+   * 渲染动态内容（Web Component）
+   *
+   * @param component - 组件名称
+   * @param props - 组件属性
+   * @returns 组件元素
+   */
+  async renderDynamicContent(i, t) {
+    const e = document.createElement(i);
+    for (const [n, s] of Object.entries(t))
+      typeof s == "string" || typeof s == "number" ? e.setAttribute(n, String(s)) : typeof s == "boolean" ? s && e.setAttribute(n, "") : e[n] = s;
+    return e;
+  }
+  /**
+   * 渲染文本内容
+   *
+   * 支持以下格式：
+   * - # 标题 -> h1
+   * - ## 标题 -> h2
+   * - ### 标题 -> h3
+   * - ![alt](url) -> img
+   * - - 列表项 -> ul/li
+   * - 普通文本 -> p
+   *
+   * @param lines - 文本行数组
+   * @returns 内容容器元素
+   */
+  renderTextContent(i) {
+    const t = document.createElement("div");
+    t.className = "slide-content";
+    let e = null;
+    for (const n of i) {
+      const s = n.trim();
+      if (!s) {
+        e = null;
+        continue;
+      }
+      if (s.startsWith("# ")) {
+        e = null;
+        const r = document.createElement("h1");
+        r.textContent = s.substring(2), t.appendChild(r);
+        continue;
+      }
+      if (s.startsWith("## ")) {
+        e = null;
+        const r = document.createElement("h2");
+        r.textContent = s.substring(3), t.appendChild(r);
+        continue;
+      }
+      if (s.startsWith("### ")) {
+        e = null;
+        const r = document.createElement("h3");
+        r.textContent = s.substring(4), t.appendChild(r);
+        continue;
+      }
+      const l = s.match(/^!\[(.*?)\]\((.*?)\)$/);
+      if (l) {
+        e = null;
+        const r = document.createElement("img");
+        r.alt = l[1], r.src = l[2], r.style.maxWidth = "80%", r.style.maxHeight = "500px", t.appendChild(r);
+        continue;
+      }
+      if (s.startsWith("- ")) {
+        e || (e = document.createElement("ul"), t.appendChild(e));
+        const r = document.createElement("li");
+        r.textContent = s.substring(2), e.appendChild(r);
+        continue;
+      }
+      e = null;
+      const d = document.createElement("p");
+      d.textContent = s, t.appendChild(d);
+    }
+    return t;
+  }
+  /**
+   * 触发事件
+   *
+   * @param event - 事件类型
+   * @param data - 事件数据
+   */
+  emit(i, t) {
+    const e = this.eventHandlers.get(i);
+    if (e)
+      for (const n of e)
+        try {
+          n(t);
+        } catch (s) {
+          console.error(`Error in ${i} handler:`, s);
+        }
+  }
+}
+async function C(o, i, t) {
+  const e = await c(o), n = p(e), s = new m(), l = new h({
+    container: t.container,
+    adapter: s,
+    adapterOptions: {
+      splideConfig: t.splideOptions
+    }
+  });
+  return await l.run(n, i), l;
+}
+export {
+  m as SplideAdapter,
+  C as createSlideRunner
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/adapter.ts","../src/runner.ts"],"sourcesContent":["/**\n * @slidejs/runner-splide - SplideAdapter 适配器实现\n *\n * 将 Slide DSL 渲染为 Splide 幻灯片\n */\n\nimport { Splide } from '@splidejs/splide';\nimport type { Options } from '@splidejs/splide';\nimport type { SlideDefinition } from '@slidejs/core';\nimport type { SlideAdapter, AdapterEvent, EventHandler } from '@slidejs/runner';\nimport type { SplideAdapterOptions } from './types';\n\n/**\n * Splide 适配器\n *\n * 实现 SlideAdapter 接口，将 SlideDefinition 渲染为 Splide 幻灯片\n */\nexport class SplideAdapter implements SlideAdapter {\n  readonly name = 'splide';\n\n  private splide?: Splide;\n  private splideContainer?: HTMLElement;\n  private splideTrack?: HTMLElement;\n  private splideList?: HTMLElement;\n  private eventHandlers: Map<AdapterEvent, Set<EventHandler>> = new Map();\n\n  /**\n   * 初始化 Splide 适配器\n   *\n   * @param container - 容器元素\n   * @param options - Splide 选项\n   */\n  async initialize(container: HTMLElement, options?: SplideAdapterOptions): Promise<void> {\n    try {\n      // 创建 Splide DOM 结构\n      this.createSplideStructure(container);\n\n      // 初始化 Splide\n      if (!this.splideContainer) {\n        throw new Error('Splide container not created');\n      }\n\n      const splideConfig: Options = {\n        // 默认配置\n        type: 'slide',\n        perPage: 1,\n        perMove: 1,\n        gap: '1rem',\n        pagination: true,\n        arrows: true,\n        keyboard: 'global',\n        ...options?.splideConfig,\n      };\n\n      this.splide = new Splide(this.splideContainer, splideConfig);\n      this.splide.mount();\n\n      // 等待初始化完成\n      await new Promise<void>(resolve => {\n        requestAnimationFrame(() => {\n          resolve();\n        });\n      });\n\n      // 设置事件监听\n      this.setupEventListeners();\n\n      // 触发 ready 事件\n      this.emit('ready');\n    } catch (error) {\n      const errorMessage = error instanceof Error ? error.message : String(error);\n      this.emit('error', { message: errorMessage });\n      throw new Error(`Failed to initialize SplideAdapter: ${errorMessage}`);\n    }\n  }\n\n  /**\n   * 渲染幻灯片\n   *\n   * @param slides - 幻灯片定义数组\n   */\n  async render(slides: SlideDefinition[]): Promise<void> {\n    if (!this.splideList || !this.splide) {\n      throw new Error('SplideAdapter not initialized');\n    }\n\n    try {\n      // 清空现有幻灯片\n      this.splideList.innerHTML = '';\n\n      // 渲染每张幻灯片\n      for (const slide of slides) {\n        const slideElement = await this.renderSlide(slide);\n        this.splideList.appendChild(slideElement);\n      }\n\n      // 刷新 Splide（重新计算和更新）\n      this.splide.refresh();\n\n      // 触发 slideRendered 事件\n      this.emit('slideRendered', { totalSlides: slides.length });\n    } catch (error) {\n      const errorMessage = error instanceof Error ? error.message : String(error);\n      this.emit('error', { message: errorMessage });\n      throw new Error(`Failed to render slides: ${errorMessage}`);\n    }\n  }\n\n  /**\n   * 销毁适配器\n   */\n  async destroy(): Promise<void> {\n    if (this.splide) {\n      this.splide.destroy();\n      this.splide = undefined;\n    }\n\n    if (this.splideContainer) {\n      this.splideContainer.innerHTML = '';\n      this.splideContainer = undefined;\n    }\n\n    this.splideTrack = undefined;\n    this.splideList = undefined;\n    this.eventHandlers.clear();\n  }\n\n  /**\n   * 导航到指定幻灯片\n   *\n   * @param index - 幻灯片索引\n   */\n  navigateTo(index: number): void {\n    if (!this.splide) {\n      throw new Error('SplideAdapter not initialized');\n    }\n\n    this.splide.go(index);\n  }\n\n  /**\n   * 获取当前幻灯片索引\n   */\n  getCurrentIndex(): number {\n    if (!this.splide) {\n      return 0;\n    }\n\n    return this.splide.index;\n  }\n\n  /**\n   * 获取幻灯片总数\n   */\n  getTotalSlides(): number {\n    if (!this.splide) {\n      return 0;\n    }\n\n    return this.splide.length;\n  }\n\n  /**\n   * 更新指定幻灯片\n   *\n   * @param index - 幻灯片索引\n   * @param slide - 新的幻灯片定义\n   */\n  async updateSlide(index: number, slide: SlideDefinition): Promise<void> {\n    if (!this.splideList || !this.splide) {\n      throw new Error('SplideAdapter not initialized');\n    }\n\n    try {\n      // 获取指定索引的 slide 元素\n      const slides = this.splideList.querySelectorAll('.splide__slide');\n      const targetSlide = slides[index] as HTMLElement;\n\n      if (!targetSlide) {\n        throw new Error(`Slide at index ${index} not found`);\n      }\n\n      // 渲染新的幻灯片内容\n      const newSlide = await this.renderSlide(slide);\n\n      // 替换旧的 slide\n      targetSlide.replaceWith(newSlide);\n\n      // 刷新 Splide\n      this.splide.refresh();\n    } catch (error) {\n      const errorMessage = error instanceof Error ? error.message : String(error);\n      this.emit('error', { message: errorMessage });\n      throw new Error(`Failed to update slide: ${errorMessage}`);\n    }\n  }\n\n  /**\n   * 注册事件监听器\n   *\n   * @param event - 事件类型\n   * @param handler - 事件处理器\n   */\n  on(event: AdapterEvent, handler: EventHandler): void {\n    if (!this.eventHandlers.has(event)) {\n      this.eventHandlers.set(event, new Set());\n    }\n    this.eventHandlers.get(event)!.add(handler);\n  }\n\n  /**\n   * 移除事件监听器\n   *\n   * @param event - 事件类型\n   * @param handler - 事件处理器\n   */\n  off(event: AdapterEvent, handler: EventHandler): void {\n    const handlers = this.eventHandlers.get(event);\n    if (handlers) {\n      handlers.delete(handler);\n    }\n  }\n\n  /**\n   * 创建 Splide DOM 结构\n   *\n   * @param container - 容器元素\n   */\n  private createSplideStructure(container: HTMLElement): void {\n    // 创建 .splide 容器\n    const splideDiv = document.createElement('div');\n    splideDiv.className = 'splide';\n\n    // 创建 .splide__track 容器\n    const trackDiv = document.createElement('div');\n    trackDiv.className = 'splide__track';\n\n    // 创建 .splide__list 容器\n    const listUl = document.createElement('ul');\n    listUl.className = 'splide__list';\n\n    trackDiv.appendChild(listUl);\n    splideDiv.appendChild(trackDiv);\n    container.appendChild(splideDiv);\n\n    this.splideContainer = splideDiv;\n    this.splideTrack = trackDiv;\n    this.splideList = listUl;\n  }\n\n  /**\n   * 设置 Splide 事件监听\n   */\n  private setupEventListeners(): void {\n    if (!this.splide) {\n      return;\n    }\n\n    // 监听幻灯片切换事件\n    this.splide.on('moved', (newIndex, prevIndex) => {\n      this.emit('slideChanged', {\n        index: newIndex,\n        previousIndex: prevIndex,\n        from: prevIndex,\n        to: newIndex,\n      });\n    });\n  }\n\n  /**\n   * 渲染单张幻灯片\n   *\n   * @param slide - 幻灯片定义\n   * @returns slide 元素\n   */\n  private async renderSlide(slide: SlideDefinition): Promise<HTMLElement> {\n    const slideElement = document.createElement('li');\n    slideElement.className = 'splide__slide';\n\n    // 渲染内容\n    if (slide.content.type === 'dynamic') {\n      // 动态内容（Web Components）\n      const content = await this.renderDynamicContent(slide.content.component, slide.content.props);\n      slideElement.appendChild(content);\n    } else {\n      // 静态文本内容\n      const content = this.renderTextContent(slide.content.lines);\n      slideElement.appendChild(content);\n    }\n\n    return slideElement;\n  }\n\n  /**\n   * 渲染动态内容（Web Component）\n   *\n   * @param component - 组件名称\n   * @param props - 组件属性\n   * @returns 组件元素\n   */\n  private async renderDynamicContent(\n    component: string,\n    props: Record<string, unknown>\n  ): Promise<HTMLElement> {\n    // 创建 Web Component 元素\n    const element = document.createElement(component);\n\n    // 设置属性\n    for (const [key, value] of Object.entries(props)) {\n      if (typeof value === 'string' || typeof value === 'number') {\n        // 字符串和数字 → HTML attributes\n        element.setAttribute(key, String(value));\n      } else if (typeof value === 'boolean') {\n        // 布尔值 → HTML attributes（true 时设置空属性）\n        if (value) {\n          element.setAttribute(key, '');\n        }\n      } else {\n        // 对象和数组 → JavaScript properties\n        (element as Record<string, unknown>)[key] = value;\n      }\n    }\n\n    return element;\n  }\n\n  /**\n   * 渲染文本内容\n   *\n   * 支持以下格式：\n   * - # 标题 -> h1\n   * - ## 标题 -> h2\n   * - ### 标题 -> h3\n   * - ![alt](url) -> img\n   * - - 列表项 -> ul/li\n   * - 普通文本 -> p\n   *\n   * @param lines - 文本行数组\n   * @returns 内容容器元素\n   */\n  private renderTextContent(lines: string[]): HTMLElement {\n    const container = document.createElement('div');\n    container.className = 'slide-content';\n\n    let listContainer: HTMLUListElement | null = null;\n\n    for (const line of lines) {\n      const trimmedLine = line.trim();\n\n      // 空行，结束列表\n      if (!trimmedLine) {\n        listContainer = null;\n        continue;\n      }\n\n      // 标题 - # H1\n      if (trimmedLine.startsWith('# ')) {\n        listContainer = null;\n        const h1 = document.createElement('h1');\n        h1.textContent = trimmedLine.substring(2);\n        container.appendChild(h1);\n        continue;\n      }\n\n      // 标题 - ## H2\n      if (trimmedLine.startsWith('## ')) {\n        listContainer = null;\n        const h2 = document.createElement('h2');\n        h2.textContent = trimmedLine.substring(3);\n        container.appendChild(h2);\n        continue;\n      }\n\n      // 标题 - ### H3\n      if (trimmedLine.startsWith('### ')) {\n        listContainer = null;\n        const h3 = document.createElement('h3');\n        h3.textContent = trimmedLine.substring(4);\n        container.appendChild(h3);\n        continue;\n      }\n\n      // 图片 - ![alt](url)\n      const imageMatch = trimmedLine.match(/^!\\[(.*?)\\]\\((.*?)\\)$/);\n      if (imageMatch) {\n        listContainer = null;\n        const img = document.createElement('img');\n        img.alt = imageMatch[1];\n        img.src = imageMatch[2];\n        img.style.maxWidth = '80%';\n        img.style.maxHeight = '500px';\n        container.appendChild(img);\n        continue;\n      }\n\n      // 列表项 - - 项目\n      if (trimmedLine.startsWith('- ')) {\n        if (!listContainer) {\n          listContainer = document.createElement('ul');\n          container.appendChild(listContainer);\n        }\n        const li = document.createElement('li');\n        li.textContent = trimmedLine.substring(2);\n        listContainer.appendChild(li);\n        continue;\n      }\n\n      // 普通文本\n      listContainer = null;\n      const p = document.createElement('p');\n      p.textContent = trimmedLine;\n      container.appendChild(p);\n    }\n\n    return container;\n  }\n\n  /**\n   * 触发事件\n   *\n   * @param event - 事件类型\n   * @param data - 事件数据\n   */\n  private emit(event: AdapterEvent, data?: unknown): void {\n    const handlers = this.eventHandlers.get(event);\n    if (handlers) {\n      for (const handler of handlers) {\n        try {\n          handler(data);\n        } catch (error) {\n          console.error(`Error in ${event} handler:`, error);\n        }\n      }\n    }\n  }\n}\n","/**\n * @slidejs/runner-splide - SlideRunner 工厂函数\n *\n * 提供创建配置好的 SlideRunner 实例的便捷方法\n */\n\nimport { parseSlideDSL, compile } from '@slidejs/dsl';\nimport { SlideRunner } from '@slidejs/runner';\nimport type { SlideContext } from '@slidejs/context';\nimport { SplideAdapter } from './adapter';\nimport type { SplideAdapterOptions } from './types';\n\n/**\n * SlideRunner 配置选项\n */\nexport interface SlideRunnerConfig {\n  /**\n   * 容器选择器或 HTMLElement\n   */\n  container: string | HTMLElement;\n\n  /**\n   * Splide 配置选项\n   */\n  splideOptions?: SplideAdapterOptions['splideConfig'];\n}\n\n/**\n * 从 DSL 源代码创建并运行 SlideRunner\n *\n * @example\n * ```typescript\n * import { createSlideRunner } from '@slidejs/runner-splide';\n *\n * const dslSource = `\n *   present quiz \"demo\" {\n *     rules {\n *       rule start \"intro\" {\n *         slide {\n *           content text { \"Hello World!\" }\n *         }\n *       }\n *     }\n *   }\n * `;\n *\n * const context = { sourceType: 'quiz', sourceId: 'demo', items: [] };\n * const runner = await createSlideRunner(dslSource, context, {\n *   container: '#app',\n *   splideOptions: {\n *     type: 'slide',\n *     perPage: 1,\n *     pagination: true,\n *     arrows: true,\n *   },\n * });\n * ```\n */\nexport async function createSlideRunner<TContext extends SlideContext = SlideContext>(\n  dslSource: string,\n  context: TContext,\n  config: SlideRunnerConfig\n): Promise<SlideRunner<TContext>> {\n  // 1. 解析 DSL\n  const ast = await parseSlideDSL(dslSource);\n\n  // 2. 编译为 SlideDSL\n  const slideDSL = compile<TContext>(ast);\n\n  // 3. 创建适配器和 Runner\n  const adapter = new SplideAdapter();\n  const runner = new SlideRunner<TContext>({\n    container: config.container,\n    adapter,\n    adapterOptions: {\n      splideConfig: config.splideOptions,\n    },\n  });\n\n  // 4. 运行演示（这会初始化适配器并渲染幻灯片）\n  await runner.run(slideDSL, context);\n\n  // 注意：需要手动调用 runner.play() 来启动演示（导航到第一张幻灯片）\n  // 返回 runner 以便用户可以控制演示\n  return runner;\n}\n"],"names":["SplideAdapter","container","options","splideConfig","Splide","resolve","error","errorMessage","slides","slide","slideElement","index","targetSlide","newSlide","event","handler","handlers","splideDiv","trackDiv","listUl","newIndex","prevIndex","content","component","props","element","key","value","lines","listContainer","line","trimmedLine","h1","h2","h3","imageMatch","img","li","p","data","createSlideRunner","dslSource","context","config","ast","parseSlideDSL","slideDSL","compile","adapter","runner","SlideRunner"],"mappings":"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"}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@slidejs/runner-splide",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch"
+  },
+  "dependencies": {
+    "@slidejs/context": "workspace:*",
+    "@slidejs/core": "workspace:*",
+    "@slidejs/dsl": "workspace:*",
+    "@slidejs/runner": "workspace:*",
+    "@splidejs/splide": "^4.1.3"
+  },
+  "devDependencies": {
+    "@types/node": "^20.10.0",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.7.0",
+    "vitest": "^1.0.0"
+  }
+}

package/src/adapter.ts

@@ -0,0 +1,436 @@
+/**
+ * @slidejs/runner-splide - SplideAdapter 适配器实现
+ *
+ * 将 Slide DSL 渲染为 Splide 幻灯片
+ */
+
+import { Splide } from '@splidejs/splide';
+import type { Options } from '@splidejs/splide';
+import type { SlideDefinition } from '@slidejs/core';
+import type { SlideAdapter, AdapterEvent, EventHandler } from '@slidejs/runner';
+import type { SplideAdapterOptions } from './types';
+
+/**
+ * Splide 适配器
+ *
+ * 实现 SlideAdapter 接口，将 SlideDefinition 渲染为 Splide 幻灯片
+ */
+export class SplideAdapter implements SlideAdapter {
+  readonly name = 'splide';
+
+  private splide?: Splide;
+  private splideContainer?: HTMLElement;
+  private splideTrack?: HTMLElement;
+  private splideList?: HTMLElement;
+  private eventHandlers: Map<AdapterEvent, Set<EventHandler>> = new Map();
+
+  /**
+   * 初始化 Splide 适配器
+   *
+   * @param container - 容器元素
+   * @param options - Splide 选项
+   */
+  async initialize(container: HTMLElement, options?: SplideAdapterOptions): Promise<void> {
+    try {
+      // 创建 Splide DOM 结构
+      this.createSplideStructure(container);
+
+      // 初始化 Splide
+      if (!this.splideContainer) {
+        throw new Error('Splide container not created');
+      }
+
+      const splideConfig: Options = {
+        // 默认配置
+        type: 'slide',
+        perPage: 1,
+        perMove: 1,
+        gap: '1rem',
+        pagination: true,
+        arrows: true,
+        keyboard: 'global',
+        ...options?.splideConfig,
+      };
+
+      this.splide = new Splide(this.splideContainer, splideConfig);
+      this.splide.mount();
+
+      // 等待初始化完成
+      await new Promise<void>(resolve => {
+        requestAnimationFrame(() => {
+          resolve();
+        });
+      });
+
+      // 设置事件监听
+      this.setupEventListeners();
+
+      // 触发 ready 事件
+      this.emit('ready');
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : String(error);
+      this.emit('error', { message: errorMessage });
+      throw new Error(`Failed to initialize SplideAdapter: ${errorMessage}`);
+    }
+  }
+
+  /**
+   * 渲染幻灯片
+   *
+   * @param slides - 幻灯片定义数组
+   */
+  async render(slides: SlideDefinition[]): Promise<void> {
+    if (!this.splideList || !this.splide) {
+      throw new Error('SplideAdapter not initialized');
+    }
+
+    try {
+      // 清空现有幻灯片
+      this.splideList.innerHTML = '';
+
+      // 渲染每张幻灯片
+      for (const slide of slides) {
+        const slideElement = await this.renderSlide(slide);
+        this.splideList.appendChild(slideElement);
+      }
+
+      // 刷新 Splide（重新计算和更新）
+      this.splide.refresh();
+
+      // 触发 slideRendered 事件
+      this.emit('slideRendered', { totalSlides: slides.length });
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : String(error);
+      this.emit('error', { message: errorMessage });
+      throw new Error(`Failed to render slides: ${errorMessage}`);
+    }
+  }
+
+  /**
+   * 销毁适配器
+   */
+  async destroy(): Promise<void> {
+    if (this.splide) {
+      this.splide.destroy();
+      this.splide = undefined;
+    }
+
+    if (this.splideContainer) {
+      this.splideContainer.innerHTML = '';
+      this.splideContainer = undefined;
+    }
+
+    this.splideTrack = undefined;
+    this.splideList = undefined;
+    this.eventHandlers.clear();
+  }
+
+  /**
+   * 导航到指定幻灯片
+   *
+   * @param index - 幻灯片索引
+   */
+  navigateTo(index: number): void {
+    if (!this.splide) {
+      throw new Error('SplideAdapter not initialized');
+    }
+
+    this.splide.go(index);
+  }
+
+  /**
+   * 获取当前幻灯片索引
+   */
+  getCurrentIndex(): number {
+    if (!this.splide) {
+      return 0;
+    }
+
+    return this.splide.index;
+  }
+
+  /**
+   * 获取幻灯片总数
+   */
+  getTotalSlides(): number {
+    if (!this.splide) {
+      return 0;
+    }
+
+    return this.splide.length;
+  }
+
+  /**
+   * 更新指定幻灯片
+   *
+   * @param index - 幻灯片索引
+   * @param slide - 新的幻灯片定义
+   */
+  async updateSlide(index: number, slide: SlideDefinition): Promise<void> {
+    if (!this.splideList || !this.splide) {
+      throw new Error('SplideAdapter not initialized');
+    }
+
+    try {
+      // 获取指定索引的 slide 元素
+      const slides = this.splideList.querySelectorAll('.splide__slide');
+      const targetSlide = slides[index] as HTMLElement;
+
+      if (!targetSlide) {
+        throw new Error(`Slide at index ${index} not found`);
+      }
+
+      // 渲染新的幻灯片内容
+      const newSlide = await this.renderSlide(slide);
+
+      // 替换旧的 slide
+      targetSlide.replaceWith(newSlide);
+
+      // 刷新 Splide
+      this.splide.refresh();
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : String(error);
+      this.emit('error', { message: errorMessage });
+      throw new Error(`Failed to update slide: ${errorMessage}`);
+    }
+  }
+
+  /**
+   * 注册事件监听器
+   *
+   * @param event - 事件类型
+   * @param handler - 事件处理器
+   */
+  on(event: AdapterEvent, handler: EventHandler): void {
+    if (!this.eventHandlers.has(event)) {
+      this.eventHandlers.set(event, new Set());
+    }
+    this.eventHandlers.get(event)!.add(handler);
+  }
+
+  /**
+   * 移除事件监听器
+   *
+   * @param event - 事件类型
+   * @param handler - 事件处理器
+   */
+  off(event: AdapterEvent, handler: EventHandler): void {
+    const handlers = this.eventHandlers.get(event);
+    if (handlers) {
+      handlers.delete(handler);
+    }
+  }
+
+  /**
+   * 创建 Splide DOM 结构
+   *
+   * @param container - 容器元素
+   */
+  private createSplideStructure(container: HTMLElement): void {
+    // 创建 .splide 容器
+    const splideDiv = document.createElement('div');
+    splideDiv.className = 'splide';
+
+    // 创建 .splide__track 容器
+    const trackDiv = document.createElement('div');
+    trackDiv.className = 'splide__track';
+
+    // 创建 .splide__list 容器
+    const listUl = document.createElement('ul');
+    listUl.className = 'splide__list';
+
+    trackDiv.appendChild(listUl);
+    splideDiv.appendChild(trackDiv);
+    container.appendChild(splideDiv);
+
+    this.splideContainer = splideDiv;
+    this.splideTrack = trackDiv;
+    this.splideList = listUl;
+  }
+
+  /**
+   * 设置 Splide 事件监听
+   */
+  private setupEventListeners(): void {
+    if (!this.splide) {
+      return;
+    }
+
+    // 监听幻灯片切换事件
+    this.splide.on('moved', (newIndex, prevIndex) => {
+      this.emit('slideChanged', {
+        index: newIndex,
+        previousIndex: prevIndex,
+        from: prevIndex,
+        to: newIndex,
+      });
+    });
+  }
+
+  /**
+   * 渲染单张幻灯片
+   *
+   * @param slide - 幻灯片定义
+   * @returns slide 元素
+   */
+  private async renderSlide(slide: SlideDefinition): Promise<HTMLElement> {
+    const slideElement = document.createElement('li');
+    slideElement.className = 'splide__slide';
+
+    // 渲染内容
+    if (slide.content.type === 'dynamic') {
+      // 动态内容（Web Components）
+      const content = await this.renderDynamicContent(slide.content.component, slide.content.props);
+      slideElement.appendChild(content);
+    } else {
+      // 静态文本内容
+      const content = this.renderTextContent(slide.content.lines);
+      slideElement.appendChild(content);
+    }
+
+    return slideElement;
+  }
+
+  /**
+   * 渲染动态内容（Web Component）
+   *
+   * @param component - 组件名称
+   * @param props - 组件属性
+   * @returns 组件元素
+   */
+  private async renderDynamicContent(
+    component: string,
+    props: Record<string, unknown>
+  ): Promise<HTMLElement> {
+    // 创建 Web Component 元素
+    const element = document.createElement(component);
+
+    // 设置属性
+    for (const [key, value] of Object.entries(props)) {
+      if (typeof value === 'string' || typeof value === 'number') {
+        // 字符串和数字 → HTML attributes
+        element.setAttribute(key, String(value));
+      } else if (typeof value === 'boolean') {
+        // 布尔值 → HTML attributes（true 时设置空属性）
+        if (value) {
+          element.setAttribute(key, '');
+        }
+      } else {
+        // 对象和数组 → JavaScript properties
+        (element as Record<string, unknown>)[key] = value;
+      }
+    }
+
+    return element;
+  }
+
+  /**
+   * 渲染文本内容
+   *
+   * 支持以下格式：
+   * - # 标题 -> h1
+   * - ## 标题 -> h2
+   * - ### 标题 -> h3
+   * - ![alt](url) -> img
+   * - - 列表项 -> ul/li
+   * - 普通文本 -> p
+   *
+   * @param lines - 文本行数组
+   * @returns 内容容器元素
+   */
+  private renderTextContent(lines: string[]): HTMLElement {
+    const container = document.createElement('div');
+    container.className = 'slide-content';
+
+    let listContainer: HTMLUListElement | null = null;
+
+    for (const line of lines) {
+      const trimmedLine = line.trim();
+
+      // 空行，结束列表
+      if (!trimmedLine) {
+        listContainer = null;
+        continue;
+      }
+
+      // 标题 - # H1
+      if (trimmedLine.startsWith('# ')) {
+        listContainer = null;
+        const h1 = document.createElement('h1');
+        h1.textContent = trimmedLine.substring(2);
+        container.appendChild(h1);
+        continue;
+      }
+
+      // 标题 - ## H2
+      if (trimmedLine.startsWith('## ')) {
+        listContainer = null;
+        const h2 = document.createElement('h2');
+        h2.textContent = trimmedLine.substring(3);
+        container.appendChild(h2);
+        continue;
+      }
+
+      // 标题 - ### H3
+      if (trimmedLine.startsWith('### ')) {
+        listContainer = null;
+        const h3 = document.createElement('h3');
+        h3.textContent = trimmedLine.substring(4);
+        container.appendChild(h3);
+        continue;
+      }
+
+      // 图片 - ![alt](url)
+      const imageMatch = trimmedLine.match(/^!\[(.*?)\]\((.*?)\)$/);
+      if (imageMatch) {
+        listContainer = null;
+        const img = document.createElement('img');
+        img.alt = imageMatch[1];
+        img.src = imageMatch[2];
+        img.style.maxWidth = '80%';
+        img.style.maxHeight = '500px';
+        container.appendChild(img);
+        continue;
+      }
+
+      // 列表项 - - 项目
+      if (trimmedLine.startsWith('- ')) {
+        if (!listContainer) {
+          listContainer = document.createElement('ul');
+          container.appendChild(listContainer);
+        }
+        const li = document.createElement('li');
+        li.textContent = trimmedLine.substring(2);
+        listContainer.appendChild(li);
+        continue;
+      }
+
+      // 普通文本
+      listContainer = null;
+      const p = document.createElement('p');
+      p.textContent = trimmedLine;
+      container.appendChild(p);
+    }
+
+    return container;
+  }
+
+  /**
+   * 触发事件
+   *
+   * @param event - 事件类型
+   * @param data - 事件数据
+   */
+  private emit(event: AdapterEvent, data?: unknown): void {
+    const handlers = this.eventHandlers.get(event);
+    if (handlers) {
+      for (const handler of handlers) {
+        try {
+          handler(data);
+        } catch (error) {
+          console.error(`Error in ${event} handler:`, error);
+        }
+      }
+    }
+  }
+}

package/src/index.ts

@@ -0,0 +1,9 @@
+/**
+ * @slidejs/runner-splide - Splide 适配器
+ *
+ * 将 Slide DSL 渲染为 Splide 幻灯片
+ */
+
+export { SplideAdapter } from './adapter';
+export { createSlideRunner, type SlideRunnerConfig } from './runner';
+export type { SplideAdapterOptions } from './types';

package/src/runner.ts

@@ -0,0 +1,86 @@
+/**
+ * @slidejs/runner-splide - SlideRunner 工厂函数
+ *
+ * 提供创建配置好的 SlideRunner 实例的便捷方法
+ */
+
+import { parseSlideDSL, compile } from '@slidejs/dsl';
+import { SlideRunner } from '@slidejs/runner';
+import type { SlideContext } from '@slidejs/context';
+import { SplideAdapter } from './adapter';
+import type { SplideAdapterOptions } from './types';
+
+/**
+ * SlideRunner 配置选项
+ */
+export interface SlideRunnerConfig {
+  /**
+   * 容器选择器或 HTMLElement
+   */
+  container: string | HTMLElement;
+
+  /**
+   * Splide 配置选项
+   */
+  splideOptions?: SplideAdapterOptions['splideConfig'];
+}
+
+/**
+ * 从 DSL 源代码创建并运行 SlideRunner
+ *
+ * @example
+ * ```typescript
+ * import { createSlideRunner } from '@slidejs/runner-splide';
+ *
+ * const dslSource = `
+ *   present quiz "demo" {
+ *     rules {
+ *       rule start "intro" {
+ *         slide {
+ *           content text { "Hello World!" }
+ *         }
+ *       }
+ *     }
+ *   }
+ * `;
+ *
+ * const context = { sourceType: 'quiz', sourceId: 'demo', items: [] };
+ * const runner = await createSlideRunner(dslSource, context, {
+ *   container: '#app',
+ *   splideOptions: {
+ *     type: 'slide',
+ *     perPage: 1,
+ *     pagination: true,
+ *     arrows: true,
+ *   },
+ * });
+ * ```
+ */
+export async function createSlideRunner<TContext extends SlideContext = SlideContext>(
+  dslSource: string,
+  context: TContext,
+  config: SlideRunnerConfig
+): Promise<SlideRunner<TContext>> {
+  // 1. 解析 DSL
+  const ast = await parseSlideDSL(dslSource);
+
+  // 2. 编译为 SlideDSL
+  const slideDSL = compile<TContext>(ast);
+
+  // 3. 创建适配器和 Runner
+  const adapter = new SplideAdapter();
+  const runner = new SlideRunner<TContext>({
+    container: config.container,
+    adapter,
+    adapterOptions: {
+      splideConfig: config.splideOptions,
+    },
+  });
+
+  // 4. 运行演示（这会初始化适配器并渲染幻灯片）
+  await runner.run(slideDSL, context);
+
+  // 注意：需要手动调用 runner.play() 来启动演示（导航到第一张幻灯片）
+  // 返回 runner 以便用户可以控制演示
+  return runner;
+}

package/src/types.ts

@@ -0,0 +1,26 @@
+/**
+ * @slidejs/runner-splide - 类型定义
+ *
+ * 定义 Splide 适配器的选项和配置
+ */
+
+import type { Options } from '@splidejs/splide';
+import type { AdapterOptions } from '@slidejs/runner';
+
+/**
+ * SplideAdapter 选项
+ *
+ * Splide CSS 需要手动导入：
+ * ```typescript
+ * import '@splidejs/splide/css';
+ * ```
+ *
+ * 注意：只需要导入基础 CSS，主题是可选的。
+ */
+export interface SplideAdapterOptions extends AdapterOptions {
+  /**
+   * Splide 配置选项
+   * @see https://splidejs.com/options/
+   */
+  splideConfig?: Options;
+}

package/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "composite": true,
+    "declarationMap": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["**/*.test.ts", "dist", "node_modules"],
+  "references": [{ "path": "../core" }, { "path": "../runner" }]
+}

package/vite.config.ts

@@ -0,0 +1,33 @@
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+import { resolve } from 'path';
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/index.ts'),
+      name: 'SlideJsSplide',
+      formats: ['es', 'cjs'],
+      fileName: format => `index.${format === 'es' ? 'js' : 'cjs'}`,
+    },
+    rollupOptions: {
+      external: [
+        '@slidejs/core',
+        '@slidejs/runner',
+        '@slidejs/dsl',
+        '@slidejs/context',
+        '@splidejs/splide',
+        // Only externalize JS modules from splide, NOT CSS
+        /^@splidejs\/splide\/.*\.js$/,
+      ],
+    },
+    sourcemap: true,
+  },
+  plugins: [
+    dts({
+      include: ['src/**/*'],
+      exclude: ['**/*.test.ts'],
+      rollupTypes: true,
+    }),
+  ],
+});