@netless/app-slide 0.0.33 → 0.0.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "main": "dist/main.cjs.js",
   "module": "dist/main.es.js",
   "types": "dist/index.d.ts",

package/src/SlidePreviewer/index.ts

@@ -4,6 +4,7 @@ import { createDocsViewerPages, DefaultUrl } from "../SlideController";
 import { cachedGetBgColor } from "../utils/bgcolor";
 import { clamp } from "../utils/helpers";
 import { log } from "../utils/logger";
+import style from "../style.scss?inline";
 
 export interface PreviewParams {
   container: HTMLElement;
@@ -46,7 +47,7 @@ export class SlidePreviewer {
   public $slide!: HTMLDivElement;
   public ready = false;
   private resolveReady!: () => void;
-  public readonly readyPromise = new Promise<void>((resolve) => {
+  public readonly readyPromise = new Promise<void>(resolve => {
     this.resolveReady = () => {
       this.ready = true;
       resolve();
@@ -69,6 +70,7 @@ export class SlidePreviewer {
   }
 
   public mount(taskId: string, url: string) {
+    this.target.appendChild(this.renderStyle());
     this.target.appendChild(this.viewer.$content);
     this.target.appendChild(this.viewer.$footer);
 
@@ -93,6 +95,12 @@ export class SlidePreviewer {
     this.slide.renderSlide(1);
   }
 
+  protected renderStyle(): HTMLElement {
+    const element = document.createElement("style");
+    element.appendChild(document.createTextNode(style));
+    return element;
+  }
+
   protected registerEventListeners() {
     if (!this.slide) return;
     const { slide } = this;