@deephaven/js-plugin-matplotlib 0.4.1 → 0.5.0

package/dist/index.js

@@ -1,9 +1,11 @@
 "use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const plugin = require("@deephaven/plugin");
 const icons = require("@deephaven/icons");
 const require$$1 = require("react");
 const jsapiBootstrap = require("@deephaven/jsapi-bootstrap");
 const Log = require("@deephaven/log");
+const dashboard = require("@deephaven/dashboard");
 var jsxRuntimeExports = {};
 var jsxRuntime = {
   get exports() {
@@ -117,7 +119,7 @@ reactJsxRuntime_production_min.jsxs = q;
     module2.exports = reactJsxRuntime_production_min;
   }
 })(jsxRuntime);
-const log = Log.module("@deephaven/js-plugin-matplotlib.MatplotlibView");
+const log$1 = Log.module("@deephaven/js-plugin-matplotlib.MatplotlibView");
 const MatplotlibViewStyle = {
   height: "100%",
   width: "100%",
@@ -136,12 +138,12 @@ function MatplotlibView(props) {
   const dh = jsapiBootstrap.useApi();
   require$$1.useEffect(
     function initInputTable() {
-      if (!inputTable) {
+      if (inputTable == null) {
         return;
       }
       const table = inputTable;
       async function openTable() {
-        log.debug("openTable");
+        log$1.debug("openTable");
         const keyColumn = table.findColumn(
           "key"
           /* key */
@@ -160,7 +162,7 @@ function MatplotlibView(props) {
           dh.Table.EVENT_UPDATED,
           ({ detail: data }) => {
             const newRevision = data.rows[0].get(valueColumn);
-            log.debug("New revision", newRevision);
+            log$1.debug("New revision", newRevision);
             setRevision(newRevision);
           }
         );
@@ -168,7 +170,7 @@ function MatplotlibView(props) {
       }
       openTable();
       return function closeTable() {
-        log.debug("closeTable");
+        log$1.debug("closeTable");
         table.close();
       };
     },
@@ -177,12 +179,12 @@ function MatplotlibView(props) {
   require$$1.useEffect(
     function updateData() {
       async function fetchData() {
-        log.debug("fetchData");
+        log$1.debug("fetchData");
         const widget = await fetch();
         const imageData = widget.getDataAsBase64();
         setImageSrc(`data:image/png;base64,${imageData}`);
         if (revision <= 0) {
-          log.debug("Getting new input table");
+          log$1.debug("Getting new input table");
           const newInputTable = await widget.exportedObjects[0].fetch();
           setInputTable(newInputTable);
         }
@@ -202,9 +204,75 @@ function MatplotlibView(props) {
 }
 const MatplotlibPlugin = {
   name: "@deephaven/js-plugin-matplotlib",
+  title: "Matplotlib Figure",
   type: plugin.PluginType.WIDGET_PLUGIN,
   supportedTypes: "matplotlib.figure.Figure",
   component: MatplotlibView,
   icon: icons.vsGraph
 };
-module.exports = MatplotlibPlugin;
+const urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let nanoid = (size = 21) => {
+  let id = "";
+  let bytes = crypto.getRandomValues(new Uint8Array(size));
+  while (size--) {
+    id += urlAlphabet[bytes[size] & 63];
+  }
+  return id;
+};
+function MatplotlibPanel(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(MatplotlibView, { ...props });
+}
+MatplotlibPanel.COMPONENT = "MatPlotLibPanel";
+const VARIABLE_TYPE = "matplotlib.figure.Figure";
+const log = Log.module("@deephaven/js-plugin-matplotlib.DashboardPlugin");
+function DashboardPlugin({
+  id,
+  layout,
+  registerComponent
+}) {
+  const handlePanelOpen = require$$1.useCallback(
+    ({
+      dragEvent,
+      fetch,
+      metadata = {},
+      panelId = nanoid(),
+      widget
+    }) => {
+      const { name, type } = widget;
+      if (type !== VARIABLE_TYPE) {
+        return;
+      }
+      log.info("Panel opened of type", type);
+      const config = {
+        type: "react-component",
+        component: MatplotlibPanel.COMPONENT,
+        props: {
+          localDashboardId: id,
+          id: panelId,
+          metadata: {
+            ...metadata,
+            ...widget
+          },
+          fetch
+        },
+        title: name ?? void 0,
+        id: panelId
+      };
+      const { root } = layout;
+      dashboard.LayoutUtils.openComponent({ root, config, dragEvent });
+    },
+    [id, layout]
+  );
+  require$$1.useEffect(() => {
+    const cleanups = [
+      registerComponent(MatplotlibPanel.COMPONENT, MatplotlibPanel)
+    ];
+    return () => {
+      cleanups.forEach((cleanup) => cleanup());
+    };
+  }, [registerComponent]);
+  dashboard.useListener(layout.eventHub, "PanelEvent.OPEN", handlePanelOpen);
+  return null;
+}
+exports.DashboardPlugin = DashboardPlugin;
+exports.default = MatplotlibPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/js-plugin-matplotlib",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "Deephaven Matplotlib plugin",
   "keywords": [
     "Deephaven",
@@ -30,21 +30,23 @@
     "@types/react-dom": "^17.0.2",
     "@vitejs/plugin-react-swc": "^3.0.0",
     "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "typescript": "^4.5.4",
     "vite": "~4.1.4"
   },
   "peerDependencies": {
-    "react": "^17.0.2"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "dependencies": {
-    "@deephaven/components": "^0.58.0",
-    "@deephaven/dashboard": "^0.58.0",
-    "@deephaven/icons": "^0.58.0",
-    "@deephaven/jsapi-bootstrap": "^0.58.0",
-    "@deephaven/jsapi-types": "^0.58.0",
-    "@deephaven/log": "^0.58.0",
-    "@deephaven/plugin": "^0.58.0",
-    "shortid": "^2.2.16"
+    "@deephaven/components": "^0.87.0",
+    "@deephaven/dashboard": "^0.86.0",
+    "@deephaven/icons": "^0.87.0",
+    "@deephaven/jsapi-bootstrap": "^0.87.0",
+    "@deephaven/jsapi-types": "1.0.0-dev0.35.2",
+    "@deephaven/log": "^0.87.0",
+    "@deephaven/plugin": "^0.86.0",
+    "nanoid": "^5.0.7"
   },
   "publishConfig": {
     "access": "public"
@@ -52,5 +54,5 @@
   "files": [
     "dist/index.js"
   ],
-  "gitHead": "416f64e064e3e501099f5fda66c1d7d1b27c2722"
+  "gitHead": "3dca56477c94548ab595116a53652d70d454827d"
 }