|
2 | 2 | <html> |
3 | 3 | <head> |
4 | 4 | <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" /> |
5 | | - <link rel="preload" href="/node_modules/@finos/perspective/dist/wasm/perspective-server.wasm" as="fetch" type="application/wasm" crossorigin="anonymous" /> |
6 | | - <link rel="preload" href="/node_modules/@finos/perspective-viewer/dist/wasm/perspective-viewer.wasm" as="fetch" type="application/wasm" crossorigin="anonymous" /> |
7 | | - <link rel="preload" href="/node_modules/superstore-arrow/superstore.lz4.arrow" as="fetch" type="arraybuffer" crossorigin="anonymous" /> |
8 | | - <link rel="stylesheet" crossorigin="anonymous" href="/node_modules/@finos/perspective-viewer/dist/css/themes.css" /> |
| 5 | + <link rel="preload" href="https://cdn.jsdelivr.net/npm/@finos/perspective/dist/cdn/perspective-server.wasm" as="fetch" type="application/wasm" crossorigin="anonymous" /> |
| 6 | + <link rel="preload" href="https://cdn.jsdelivr.net/npm/@finos/perspective-viewer/dist/cdn/perspective-viewer.wasm" as="fetch" type="application/wasm" crossorigin="anonymous" /> |
| 7 | + <link rel="preload" href="https://cdn.jsdelivr.net/npm/superstore-arrow/superstore.lz4.arrow" as="fetch" type="arraybuffer" crossorigin="anonymous" /> |
| 8 | + <!-- <link rel="stylesheet" crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/@finos/perspective-viewer/dist/css/themes.css" /> --> |
| 9 | + <link rel="stylesheet" href="customStyle.css" /> |
9 | 10 | <script type="module"> |
10 | | - import "/node_modules/@finos/perspective-viewer/dist/cdn/perspective-viewer.js"; |
11 | | - import "/node_modules/@finos/perspective-viewer-datagrid/dist/cdn/perspective-viewer-datagrid.js"; |
12 | | - import "/node_modules/@finos/perspective-viewer-d3fc/dist/cdn/perspective-viewer-d3fc.js"; |
| 11 | + import "https://cdn.jsdelivr.net/npm/@finos/perspective-viewer@3.3.2/dist/cdn/perspective-viewer.js"; |
| 12 | + import "https://cdn.jsdelivr.net/npm/@finos/perspective-viewer-datagrid@3.3.2/dist/cdn/perspective-viewer-datagrid.js"; |
| 13 | + import "https://cdn.jsdelivr.net/npm/@finos/perspective-viewer-d3fc@3.3.2/dist/cdn/perspective-viewer-d3fc.js"; |
13 | 14 |
|
14 | | - import perspective from "/node_modules/@finos/perspective/dist/cdn/perspective.js"; |
| 15 | + import perspective from "https://cdn.jsdelivr.net/npm/@finos/perspective@3.3.2/dist/cdn/perspective.js"; |
15 | 16 |
|
16 | 17 | const worker = await perspective.worker(); |
17 | | - const resp = await fetch("/node_modules/superstore-arrow/superstore.lz4.arrow"); |
| 18 | + const resp = await fetch("https://cdn.jsdelivr.net/npm/superstore-arrow/superstore.lz4.arrow"); |
18 | 19 | const arrow = await resp.arrayBuffer(); |
19 | 20 | const viewer = document.getElementsByTagName("perspective-viewer")[0]; |
20 | 21 | const table = worker.table(arrow); |
21 | 22 | viewer.load(table); |
22 | | - viewer.restore({ settings: true, plugin_config: { edit_mode: "EDIT" } }); |
| 23 | + viewer.restore({ settings: true }); |
| 24 | + viewer.resetThemes(["Style1", "Pro Dark", "Pro Light"]); |
23 | 25 | </script> |
24 | 26 | <style> |
25 | 27 | perspective-viewer { |
|
0 commit comments