Fix TypeScript plugin exports

Signed-off-by: Andrew Stein <[email protected]>
finos · Feb 2, 2025 · 415285a · 415285a
1 parent d9932be
commit 415285a
Show file tree

Hide file tree

Showing 7 changed files with 49 additions and 23 deletions.
diff --git a/examples/blocks/src/editable/index.html b/examples/blocks/src/editable/index.html
@@ -2,24 +2,26 @@
 <html>
     <head>
         <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
-        <link rel="preload" href="/node_modules/@finos/perspective/dist/wasm/perspective-server.wasm" as="fetch" type="application/wasm" crossorigin="anonymous" />
-        <link rel="preload" href="/node_modules/@finos/perspective-viewer/dist/wasm/perspective-viewer.wasm" as="fetch" type="application/wasm" crossorigin="anonymous" />
-        <link rel="preload" href="/node_modules/superstore-arrow/superstore.lz4.arrow" as="fetch" type="arraybuffer" crossorigin="anonymous" />
-        <link rel="stylesheet" crossorigin="anonymous" href="/node_modules/@finos/perspective-viewer/dist/css/themes.css" />
+        <link rel="preload" href="https://cdn.jsdelivr.net/npm/@finos/perspective/dist/cdn/perspective-server.wasm" as="fetch" type="application/wasm" crossorigin="anonymous" />
+        <link rel="preload" href="https://cdn.jsdelivr.net/npm/@finos/perspective-viewer/dist/cdn/perspective-viewer.wasm" as="fetch" type="application/wasm" crossorigin="anonymous" />
+        <link rel="preload" href="https://cdn.jsdelivr.net/npm/superstore-arrow/superstore.lz4.arrow" as="fetch" type="arraybuffer" crossorigin="anonymous" />
+        <!-- <link rel="stylesheet" crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/@finos/perspective-viewer/dist/css/themes.css" /> -->
+        <link rel="stylesheet" href="customStyle.css" />
         <script type="module">
-            import "/node_modules/@finos/perspective-viewer/dist/cdn/perspective-viewer.js";
-            import "/node_modules/@finos/perspective-viewer-datagrid/dist/cdn/perspective-viewer-datagrid.js";
-            import "/node_modules/@finos/perspective-viewer-d3fc/dist/cdn/perspective-viewer-d3fc.js";
+            import "https://cdn.jsdelivr.net/npm/@finos/perspective-viewer@3.3.2/dist/cdn/perspective-viewer.js";
+            import "https://cdn.jsdelivr.net/npm/@finos/perspective-viewer-datagrid@3.3.2/dist/cdn/perspective-viewer-datagrid.js";
+            import "https://cdn.jsdelivr.net/npm/@finos/perspective-viewer-d3fc@3.3.2/dist/cdn/perspective-viewer-d3fc.js";
 
-            import perspective from "/node_modules/@finos/perspective/dist/cdn/perspective.js";
+            import perspective from "https://cdn.jsdelivr.net/npm/@finos/perspective@3.3.2/dist/cdn/perspective.js";
 
             const worker = await perspective.worker();
-            const resp = await fetch("/node_modules/superstore-arrow/superstore.lz4.arrow");
+            const resp = await fetch("https://cdn.jsdelivr.net/npm/superstore-arrow/superstore.lz4.arrow");
             const arrow = await resp.arrayBuffer();
             const viewer = document.getElementsByTagName("perspective-viewer")[0];
             const table = worker.table(arrow);
             viewer.load(table);
-            viewer.restore({ settings: true, plugin_config: { edit_mode: "EDIT" } });
+            viewer.restore({ settings: true });
+            viewer.resetThemes(["Style1", "Pro Dark", "Pro Light"]);
         </script>
         <style>
             perspective-viewer {

diff --git a/examples/react-example/package.json b/examples/react-example/package.json
@@ -20,6 +20,8 @@
     },
     "devDependencies": {
         "esbuild": "^0.14.54",
-        "http-server": "^14.1.1"
+        "http-server": "^14.1.1",
+        "@types/react": "^18",
+        "@types/react-dom": "^18"
     }
 }
diff --git a/examples/react-example/src/index.tsx b/examples/react-example/src/index.tsx
@@ -17,7 +17,10 @@ import perspective from "@finos/perspective";
 import perspective_viewer from "@finos/perspective-viewer";
 import "@finos/perspective-viewer-datagrid";
 import "@finos/perspective-viewer-d3fc";
-import type { ViewerConfigUpdate } from "@finos/perspective-viewer";
+import type {
+    HTMLPerspectiveViewerElement,
+    ViewerConfigUpdate,
+} from "@finos/perspective-viewer";
 
 import "@finos/perspective-viewer/dist/css/themes.css";
 import "./index.css";
@@ -50,7 +53,7 @@ const config: ViewerConfigUpdate = {
 };
 
 const App = (): React.ReactElement => {
-    const viewer = React.useRef(null);
+    const viewer = React.useRef<HTMLPerspectiveViewerElement>(null);
     React.useEffect(() => {
         getTable().then((table) => {
             if (viewer.current) {
@@ -63,4 +66,6 @@ const App = (): React.ReactElement => {
     return <perspective-viewer ref={viewer}></perspective-viewer>;
 };
 
-ReactDOM.createRoot(document.getElementById("root")).render(<App />);
+ReactDOM.createRoot(
+    document.getElementById("root") as ReactDOM.Container
+).render(<App />);
diff --git a/examples/react-example/tsconfig.json b/examples/react-example/tsconfig.json
@@ -12,7 +12,7 @@
         "noImplicitUseStrict": false,
         "noUnusedLocals": true,
         "strictNullChecks": true,
-        "skipLibCheck": true,
+        "skipLibCheck": false,
         "removeComments": false,
         "jsx": "react",
         "allowSyntheticDefaultImports": true,

diff --git a/packages/perspective-viewer-d3fc/package.json b/packages/perspective-viewer-d3fc/package.json
@@ -7,7 +7,7 @@
     "type": "module",
     "exports": {
         ".": {
-            "types": "./dist/esm/types/index.d.ts",
+            "types": "./dist/esm/index.d.ts",
             "default": "./dist/esm/perspective-viewer-d3fc.js"
         },
         "./src/*": "./src/*",
@@ -31,7 +31,7 @@
         "src/**/*",
         "index.d.ts"
     ],
-    "types": "dist/esm/types/index.d.ts",
+    "types": "dist/esm/index.d.ts",
     "scripts": {
         "prebuild": "mkdirp dist/esm",
         "build": "node ./build.js",

diff --git a/packages/perspective-viewer-datagrid/package.json b/packages/perspective-viewer-datagrid/package.json
@@ -5,7 +5,10 @@
     "unpkg": "dist/cdn/perspective-viewer-datagrid.js",
     "jsdelivr": "dist/cdn/perspective-viewer-datagrid.js",
     "exports": {
-        ".": "./dist/esm/perspective-viewer-datagrid.js",
+        ".": {
+            "types": "./index.d.ts",
+            "default": "./dist/esm/perspective-viewer-datagrid.js"
+        },
         "./dist/*": "./dist/*",
         "./package.json": "./package.json"
     },
@@ -14,7 +17,6 @@
         "dist/**/*",
         "index.d.ts"
     ],
-    "types": "index.d.ts",
     "scripts": {
         "build": "node build.js",
         "clean": "rimraf dist",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml