@netless/app-slide 0.0.44 → 0.0.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.0.44",
+  "version": "0.0.48",
   "main": "dist/main.cjs.js",
   "module": "dist/main.es.js",
   "types": "dist/index.d.ts",
@@ -11,7 +11,7 @@
   ],
   "devDependencies": {
     "@netless/app-shared": "^0.1.1",
-    "@netless/slide": "^0.1.48",
+    "@netless/slide": "^0.1.51",
     "@types/color-string": "^1.5.2",
     "color-string": "^1.9.0",
     "side-effect-manager": "^0.1.5",
@@ -22,5 +22,6 @@
     "build": "vite build && npm run types",
     "build:dev": "vite build --mode development && npm run types",
     "cleanup": "rimraf ./dist"
-  }
+  },
+  "readme": "## @netless/app-slide\n\nNetless App for viewing animated slides, in our new engine.\n\n[中文](./README-zh.md)\n\n### Usage\n\n```ts\nimport type { Attributes as SlideAttributes } from \"@netless/app-slide\";\n\n// 1. register before joining room\nWindowManager.register({\n  kind: \"Slide\",\n  appOptions: {\n    // turn on to show debug controller\n    debug: false,\n  },\n  src: async () => {\n    const app = await import(\"@netless/app-slide\");\n    return app.default ?? app;\n  },\n});\n\n// 2. when joined room, add ppt to whiteboard\nmanager.addApp({\n  kind: \"Slide\",\n  options: {\n    scenePath: `/ppt/${uuid}`, // [1]\n    title: \"a.pptx\",\n  },\n  attributes: {\n    taskId: \"1234567...\", // [2]\n    url: \"https://convertcdn.netless.link/dynamicConvert\", // [3]\n  } as SlideAttributes,\n});\n```\n\nParameters:\n\n1. (**required**) `scenePath`\n\n   Which scene to be put on top of slides.\n\n2. (**required**) `taskId`\n\n   The [PPT conversion](https://developer.netless.link/server-en/home/server-conversion) task id.\n\n3. (optional) `url`\n\n   The base url of ppt resources, `https://convertcdn.netless.link/dynamicConvert` by default.\n\n### Preview\n\n```ts\nimport { previewSlide } from \"@netless/app-slide\";\n\nconst previewer = previewSlide({\n  container: document.getElementById(\"preview\"),\n  taskId: \"1234567...\",\n});\n\npreviewer.destroy();\n```\n\n### License\n\nMIT @ [netless](https://github.com/netless-io)\n"
 }

package/src/DocsViewer/style.scss

@@ -122,11 +122,18 @@ $namespace: $slide-namespace;
   transition: background 0.4s;
   cursor: pointer;
   user-select: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
   &:hover {
     background: rgba(237, 237, 240, 0.9);
   }
 
+  @media (hover: none) {
+    &:hover {
+      background: transparent !important;
+    }
+  }
+
   & > svg {
     width: 100%;
     height: 100%;
@@ -170,12 +177,19 @@ $namespace: $slide-namespace;
   border: none;
   outline: none;
   width: 1.5em;
+  margin: 0;
+  padding: 0 2px;
   text-align: right;
+  font-size: 13px;
+  line-height: 1;
+  font-weight: normal;
+  font-family: inherit;
   border-radius: 2px;
   color: currentColor;
   background: transparent;
   transition: background 0.4s;
   user-select: text;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
   &:hover,
   &:focus,
@@ -186,30 +200,7 @@ $namespace: $slide-namespace;
 }
 
 .#{$namespace}-readonly {
-  .#{$namespace}-footer-btn {
-    cursor: not-allowed;
-
-    &:hover {
-      background: transparent;
-    }
-  }
-
-  .#{$namespace}-page-number-input {
-    cursor: not-allowed;
-
-    &:hover,
-    &:focus,
-    &:active {
-      background: transparent;
-      box-shadow: none;
-    }
-
-    &:disabled {
-      color: inherit;
-    }
-  }
-
-  &.#{$namespace}-float-footer {
+  &.#{$namespace}-footer {
     display: none;
   }
 }
@@ -235,4 +226,3 @@ $namespace: $slide-namespace;
     background: rgba(50, 50, 50, 0.9);
   }
 }
-

package/src/index.ts

@@ -22,7 +22,7 @@ export { SlidePreviewer, default as previewSlide } from "./SlidePreviewer";
 
 export type { Attributes, AddHooks, FreezableSlide };
 
-export const version = "0.0.44";
+export const version = "0.0.48";
 
 export { DefaultUrl, apps, FreezerLength, addHooks };