@lemonppt/renderer 1.0.6 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemonppt/renderer",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -28,13 +28,16 @@
   },
   "homepage": "https://github.com/lemonforme/lemonPPT#readme",
   "dependencies": {
+    "html-to-image": "^1.11.13",
+    "pdf-lib": "^1.17.1",
     "playwright": "^1.62.1",
     "pptxgenjs": "3.12.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "@lemonppt/core": "1.0.6",
-    "@lemonppt/templates": "1.0.6",
-    "@lemonppt/themes": "1.0.6"
+    "@lemonppt/dom-to-pptx": "1.1.0",
+    "@lemonppt/core": "1.0.8",
+    "@lemonppt/templates": "1.0.8",
+    "@lemonppt/themes": "1.0.8"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",
@@ -45,7 +48,7 @@
   },
   "license": "AGPL-3.0",
   "scripts": {
-    "build": "tsc && node scripts/build-editor-script.js && esbuild src/client-render.ts --bundle --platform=browser --format=iife --global-name=__lemonPPT_clientRender --outfile=dist/client/client-render.js --alias:react-dom/server=react-dom/server.browser --target=es2019 --minify && esbuild src/theme-echarts.ts --bundle --platform=browser --format=iife --global-name=__lemonPPT_themeECharts --outfile=dist/client/theme-echarts.js --target=es2019 --minify",
+    "build": "tsc && node scripts/build-editor-script.js && esbuild src/client-render.ts --bundle --platform=browser --format=iife --global-name=__lemonPPT_clientRender --outfile=dist/client/client-render.js --alias:react-dom/server=react-dom/server.browser --target=es2019 --minify && esbuild src/theme-echarts.ts --bundle --platform=browser --format=iife --global-name=__lemonPPT_themeECharts --outfile=dist/client/theme-echarts.js --target=es2019 --minify && node scripts/build-vendor-bundles.js && esbuild src/browser-export.ts --bundle --platform=browser --format=iife --global-name=__lemonPPT_browserExport --outfile=dist/client/browser-export.js --target=es2019 --minify",
     "typecheck": "tsc --noEmit"
   }
 }

package/templates/editor.html

@@ -256,6 +256,32 @@
       transition: transform 0.2s ease;
       position: relative;
     }
+    .lp-editor-root.lp-editor-presentation-mode {
+      position: fixed;
+      inset: 0;
+      width: 100vw;
+      height: 100vh;
+      z-index: 9999;
+      background: #000;
+    }
+    .lp-editor-root.lp-editor-presentation-mode .lp-editor-bar,
+    .lp-editor-root.lp-editor-presentation-mode .lp-editor-left-panel,
+    .lp-editor-root.lp-editor-presentation-mode .lp-editor-right-panel,
+    .lp-editor-root.lp-editor-presentation-mode .lp-editor-zoom-bar,
+    .lp-editor-root.lp-editor-presentation-mode .lp-editor-page-counter,
+    .lp-editor-root.lp-editor-presentation-mode .lp-add-slide-modal-overlay {
+      display: none !important;
+    }
+    .lp-editor-root.lp-editor-presentation-mode .lp-editor-workspace {
+      width: 100vw;
+      height: 100vh;
+      min-height: 100vh;
+    }
+    .lp-editor-root.lp-editor-presentation-mode .lp-editor-stage {
+      width: 100vw;
+      height: 100vh;
+      background: #000;
+    }
     .lp-editor-page-counter {
       position: absolute;
       bottom: -32px;

package/templates/editor.js

@@ -56,6 +56,7 @@
       </div>
       <button id="lp-add-slide" class="lp-editor-btn" type="button"><span>+</span> 添加页面</button>
       <button id="lp-save-deck" class="lp-editor-btn lp-editor-btn-primary" type="button">保存</button>
+      <button id="lp-play" class="lp-editor-btn lp-editor-btn-primary" type="button" title="播放演示"><span>▶</span> 播放</button>
       <div id="lp-editor-export" class="lp-editor-export">
         <button id="lp-export-toggle" class="lp-editor-btn lp-editor-export-toggle" type="button" aria-expanded="false"><span>⬇</span> 导出 <span class="lp-editor-caret">▼</span></button>
         <div id="lp-export-menu" class="lp-editor-export-menu" hidden>