Refactoring rrweb-player (#26)

* enable drag and drop in controller * setup svelte v3 workflow and entry point * add ts eslint config and do compatibility fallbacks in API * rewrite replayer in svelte v3 * fix css import * fix fullscreen API
2020-08-09 13:35:25 +08:00
parent d92bc733df
commit 7aa760e731
16 changed files with 2436 additions and 645 deletions
--- a/public/index.html
+++ b/public/index.html
@@ -1,31 +1,31 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
  <head>
-    <meta charset="utf8" />
-    <meta name="viewport" content="width=device-width" />
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />

-    <title>dev panel</title>
+    <title>Svelte app</title>

-    <link rel="stylesheet" href="./global.css" />
-    <link rel="stylesheet" href="./bundle.css" />
+    <link rel="stylesheet" href="/global.css" />
+    <link rel="stylesheet" href="/bundle.css" />
+
+    <script src="/bundle.js"></script>
+    <script src="./events.js"></script>
  </head>

-  <body>
-    <script src="./bundle.js"></script>
-    <script src="./events.js"></script>
-    <script>
-      // eslint-disable-next-line
-      const component = new rrwebPlayer({
-        target: document.body,
-        data: {
-          events,
-          skipInactive: true,
-          showDebug: false,
-          autoPlay: false,
-          showWarning: false,
-        },
-      });
-      component.addEventListener('finish', () => console.log('finish'));
-    </script>
-  </body>
+  <body></body>
+  <script>
+    // eslint-disable-next-line
+    const component = new rrwebPlayer({
+      target: document.body,
+      data: {
+        events,
+        skipInactive: true,
+        showDebug: false,
+        showWarning: false,
+        autoPlay: false,
+      },
+    });
+    component.addEventListener('finish', () => console.log('finish'));
+  </script>
 </html>