@deephaven/dashboard-core-plugins 0.6.1-beta.0 → 0.6.1-demo.8

package/dist/panels/MarkdownNotebookPanel.js

@@ -0,0 +1,446 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
+import { LoadingOverlay } from '@deephaven/components';
+import { GLPropTypes } from '@deephaven/dashboard';
+import { Pending } from '@deephaven/utils';
+import { getFileStorage } from '@deephaven/redux';
+import Log from '@deephaven/log';
+import Panel from "./Panel.js";
+import { getDashboardSessionWrapper } from "../redux/index.js";
+import { ConsoleEvent, NotebookEvent } from "../events/index.js";
+import "./MarkdownNotebookPanel.css";
+import MarkdownNotebookContainer from "./MarkdownNotebookContainer.js";
+import MarkdownNotebookEditor from "./MarkdownNotebookEditor.js";
+var log = Log.module('MarkdownNotebookPanel');
+export class MarkdownNotebookPanel extends Component {
+  constructor(props) {
+    super(props);
+    this.handleContainerDoubleClick = this.handleContainerDoubleClick.bind(this);
+    this.handleEditorInitialized = this.handleEditorInitialized.bind(this);
+    this.handleEditorBlur = this.handleEditorBlur.bind(this);
+    this.handleEditorResize = this.handleEditorResize.bind(this);
+    this.handleLinkClick = this.handleLinkClick.bind(this);
+    this.handleTab = this.handleTab.bind(this);
+    this.handleRunCommand = this.handleRunCommand.bind(this);
+    this.transformLinkUri = this.transformLinkUri.bind(this);
+    this.pending = new Pending();
+    var {
+      panelState
+    } = props;
+    var {
+      isPreview
+    } = props;
+
+    if (panelState && panelState.isPreview != null) {
+      isPreview = panelState.isPreview;
+    }
+
+    this.state = {
+      isEditing: false,
+      isLoading: true,
+      isPreview,
+      content: null,
+      // eslint-disable-next-line react/no-unused-state
+      panelState
+    };
+    this.markdownEditor = null;
+    this.editor = null;
+  }
+
+  componentDidMount() {
+    var {
+      glContainer: {
+        tab
+      }
+    } = this.props;
+    if (tab) this.initTab(tab);
+    this.initNotebookContent();
+  }
+
+  componentWillUnmount() {
+    this.pending.cancel();
+    var {
+      glEventHub,
+      panelState
+    } = this.props;
+    var {
+      isPreview
+    } = this.state;
+
+    if (panelState.fileMetadata) {
+      glEventHub.emit(NotebookEvent.UNREGISTER_FILE, panelState.fileMetadata, isPreview);
+    }
+  }
+
+  initNotebookContent() {
+    var {
+      panelState
+    } = this.props;
+
+    if (panelState && panelState.content) {
+      // If we're passed the content directly, just use that
+      log.debug('Using content passed directly');
+      this.setState({
+        content: panelState.content,
+        isLoading: false
+      });
+    } else if (panelState && panelState.fileMetadata) {
+      var {
+        fileMetadata
+      } = panelState;
+      log.debug('Loading content from file');
+      var {
+        isPreview
+      } = this.state;
+      this.registerFileMetadata(fileMetadata, isPreview);
+      var {
+        id: fileId
+      } = fileMetadata;
+      var {
+        fileStorage
+      } = this.props;
+      this.pending.add(fileStorage.loadFile(fileId)).then(loadedFile => {
+        log.debug('Loaded file', loadedFile);
+        var {
+          content
+        } = loadedFile;
+        this.setState({
+          content,
+          isLoading: false,
+          panelState
+        });
+      }).catch(err => {
+        log.error('Unable to load file', err);
+        this.setState({
+          content: '',
+          isLoading: false
+        });
+      });
+    } else {
+      log.debug('Starting with an empty file');
+      this.setState({
+        content: '',
+        isLoading: false
+      });
+    }
+  }
+
+  initTab(tab) {
+    var tabElement = tab.element.get(0);
+    var titleElement = tabElement.querySelector('.lm_title');
+    this.tabTitleElement = titleElement;
+    titleElement.classList.add('markdown-notebook-title');
+    this.setPreviewStatus();
+  }
+
+  setPreviewStatus() {
+    if (!this.tabTitleElement) {
+      return;
+    }
+
+    var {
+      isPreview
+    } = this.state;
+    log.debug('setPreviewStatus', this.tabTitleElement, isPreview);
+
+    if (isPreview) {
+      this.tabTitleElement.classList.add('is-preview');
+    } else {
+      this.tabTitleElement.classList.remove('is-preview');
+    }
+  }
+
+  registerFileMetadata(fileMetadata, isPreview) {
+    var {
+      glEventHub,
+      id: tabId
+    } = this.props;
+    glEventHub.emit(NotebookEvent.REGISTER_FILE, tabId, fileMetadata, isPreview);
+  }
+
+  setEditorPosition(clickPositionY) {
+    var {
+      container: markdownEditorContainer
+    } = this.markdownEditor;
+
+    if (this.editor && markdownEditorContainer) {
+      var contentTop = markdownEditorContainer.getBoundingClientRect().top;
+      var contentScrollTop = markdownEditorContainer.scrollTop;
+      var contentScrollHeight = markdownEditorContainer.scrollHeight;
+      var totalLines = this.editor.getModel().getLineCount();
+      var lineToFocus = Math.round((contentScrollTop + clickPositionY - contentTop) / contentScrollHeight * totalLines);
+
+      if (lineToFocus > totalLines) {
+        lineToFocus = totalLines;
+      }
+
+      this.editor.revealLine(lineToFocus);
+      this.editor.setPosition({
+        lineNumber: lineToFocus,
+        column: 1
+      });
+      this.editor.focus();
+    }
+  }
+
+  handleContainerDoubleClick(event) {
+    var {
+      isEditing
+    } = this.state;
+    var dbClickPositionY = event.clientY;
+
+    if (!isEditing) {
+      this.setState({
+        isEditing: true
+      }, () => {
+        this.setEditorPosition(dbClickPositionY);
+      });
+    }
+  }
+
+  handleEditorInitialized(editor) {
+    log.debug('Markdown Editor Initialized...');
+    this.editor = editor;
+  }
+
+  handleEditorBlur(event) {
+    var _this$markdownEditor, _this$markdownEditor$;
+
+    log.debug("markdown content changed, saving...");
+    var {
+      isEditing
+    } = this.state; // if not in edit mode, or in edit mode but blur went to an internal monaco field (like search)
+
+    if (!isEditing || (_this$markdownEditor = this.markdownEditor) !== null && _this$markdownEditor !== void 0 && (_this$markdownEditor$ = _this$markdownEditor.container) !== null && _this$markdownEditor$ !== void 0 && _this$markdownEditor$.contains(event.relatedTarget)) {
+      return;
+    }
+
+    var content = this.editor.getValue();
+    this.setState({
+      content,
+      isEditing: false
+    });
+  }
+
+  handleEditorResize() {
+    var {
+      isEditing
+    } = this.state;
+
+    if (isEditing && this.editor) {
+      this.editor.layout();
+    }
+  }
+  /**
+   * @param {MouseEvent} event The click event from clicking on the link
+   */
+
+
+  handleLinkClick(event) {
+    var {
+      notebooksUrl,
+      session,
+      sessionLanguage
+    } = this.props;
+    var {
+      href
+    } = event.target;
+
+    if (!href || !href.startsWith(notebooksUrl)) {
+      return;
+    }
+
+    event.stopPropagation();
+    event.preventDefault();
+    var notebookPath = "/".concat(href.substring(notebooksUrl.length)).replace(/%20/g, ' ');
+    log.debug('Notebook link clicked, opening', notebookPath);
+    var {
+      glEventHub
+    } = this.props;
+    var notebookSettings = {
+      value: null,
+      language: sessionLanguage
+    };
+    var fileMetadata = {
+      id: notebookPath,
+      itemName: notebookPath
+    };
+    glEventHub.emit(NotebookEvent.SELECT_NOTEBOOK, session, sessionLanguage, notebookSettings, fileMetadata);
+  }
+
+  handleTab(tab) {
+    log.debug('MarkdownNotebookPanel tab event', tab);
+    this.initTab(tab);
+  }
+
+  handleRunCommand(command) {
+    if (!command) {
+      log.debug('Ignoring empty command.');
+      return;
+    }
+
+    this.setState((_ref) => {
+      var {
+        isPreview,
+        panelState = {}
+      } = _ref;
+
+      if (isPreview) {
+        var _propsPanelState$file;
+
+        var {
+          metadata,
+          panelState: propsPanelState
+        } = this.props;
+        this.registerFileMetadata((_propsPanelState$file = propsPanelState === null || propsPanelState === void 0 ? void 0 : propsPanelState.fileMetadata) !== null && _propsPanelState$file !== void 0 ? _propsPanelState$file : metadata, false);
+        return {
+          isPreview: false,
+          panelState: _objectSpread(_objectSpread({}, panelState), {}, {
+            isPreview
+          })
+        };
+      }
+
+      return null;
+    }, () => {
+      this.setPreviewStatus();
+    });
+    var {
+      glEventHub
+    } = this.props;
+    glEventHub.emit(ConsoleEvent.SEND_COMMAND, command, false, true);
+  }
+  /**
+   * Transform the link URI to load from where the notebook is if it's relative
+   * @param {String} src The link to transform
+   * @returns String the transformed link
+   */
+
+
+  transformLinkUri(src) {
+    var _panelState$fileMetad;
+
+    var {
+      notebooksUrl,
+      panelState
+    } = this.props;
+    var itemName = panelState === null || panelState === void 0 ? void 0 : (_panelState$fileMetad = panelState.fileMetadata) === null || _panelState$fileMetad === void 0 ? void 0 : _panelState$fileMetad.itemName;
+
+    if (!itemName) {
+      return src;
+    }
+
+    if (itemName.charAt(0) === '/') {
+      itemName = itemName.substring(1);
+    }
+
+    var itemUri = new URL(itemName, notebooksUrl);
+
+    if (src.charAt(0) === '/') {
+      return "".concat(notebooksUrl).concat(src);
+    }
+
+    return new URL(src, itemUri).href;
+  }
+
+  render() {
+    var {
+      glContainer,
+      glEventHub
+    } = this.props;
+    var {
+      isEditing,
+      isLoading,
+      content
+    } = this.state;
+    return /*#__PURE__*/React.createElement(Panel, {
+      glContainer: glContainer,
+      glEventHub: glEventHub,
+      className: "markdown-notebook-panel",
+      componentPanel: this,
+      onResize: this.handleEditorResize,
+      onBlur: this.handleEditorBlur,
+      onTab: this.handleTab,
+      isClonable: true,
+      isRenamable: true
+    }, !isLoading && /*#__PURE__*/React.createElement(MarkdownNotebookContainer, {
+      isEditing: isEditing // onDoubleClick={this.handleContainerDoubleClick}
+
+    }, /*#__PURE__*/React.createElement(MarkdownNotebookEditor, {
+      ref: markdownEditor => {
+        this.markdownEditor = markdownEditor;
+      },
+      isEditing: isEditing,
+      content: content,
+      onLinkClick: this.handleLinkClick,
+      onRunCode: this.handleRunCommand,
+      onEditorInitialized: this.handleEditorInitialized,
+      transformImageUri: this.transformLinkUri,
+      transformLinkUri: this.transformLinkUri
+    })), isLoading && /*#__PURE__*/React.createElement(LoadingOverlay, null));
+  }
+
+}
+
+_defineProperty(MarkdownNotebookPanel, "COMPONENT", 'MarkdownNotebookPanel');
+
+MarkdownNotebookPanel.propTypes = {
+  id: PropTypes.string.isRequired,
+  fileStorage: PropTypes.shape({
+    deleteFile: PropTypes.func.isRequired,
+    loadFile: PropTypes.func.isRequired,
+    saveFile: PropTypes.func.isRequired
+  }).isRequired,
+  glContainer: GLPropTypes.Container.isRequired,
+  glEventHub: GLPropTypes.EventHub.isRequired,
+  metadata: PropTypes.shape({
+    id: PropTypes.string
+  }),
+  panelState: PropTypes.shape({
+    content: PropTypes.string,
+    isPreview: PropTypes.bool,
+    fileMetadata: PropTypes.shape({
+      id: PropTypes.string,
+      itemName: PropTypes.string
+    })
+  }),
+  isPreview: PropTypes.bool,
+  notebooksUrl: PropTypes.string,
+  session: PropTypes.shape({}).isRequired,
+  sessionLanguage: PropTypes.string.isRequired
+};
+MarkdownNotebookPanel.defaultProps = {
+  isPreview: false,
+  metadata: null,
+  panelState: null,
+  notebooksUrl: new URL("".concat(process.env.REACT_APP_NOTEBOOKS_URL, "/"), window.location).href
+};
+
+var mapStateToProps = (state, ownProps) => {
+  var fileStorage = getFileStorage(state);
+  var sessionWrapper = getDashboardSessionWrapper(state, ownProps.localDashboardId);
+  var {
+    session,
+    config: sessionConfig
+  } = sessionWrapper;
+  var {
+    type: sessionLanguage
+  } = sessionConfig;
+  return {
+    fileStorage,
+    session,
+    sessionLanguage
+  };
+};
+
+export default connect(mapStateToProps, null, null, {
+  forwardRef: true
+})(MarkdownNotebookPanel);
+//# sourceMappingURL=MarkdownNotebookPanel.js.map

package/dist/panels/MarkdownNotebookPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/panels/MarkdownNotebookPanel.jsx"],"names":["React","Component","PropTypes","connect","LoadingOverlay","GLPropTypes","Pending","getFileStorage","Log","Panel","getDashboardSessionWrapper","ConsoleEvent","NotebookEvent","MarkdownNotebookContainer","MarkdownNotebookEditor","log","module","MarkdownNotebookPanel","constructor","props","handleContainerDoubleClick","bind","handleEditorInitialized","handleEditorBlur","handleEditorResize","handleLinkClick","handleTab","handleRunCommand","transformLinkUri","pending","panelState","isPreview","state","isEditing","isLoading","content","markdownEditor","editor","componentDidMount","glContainer","tab","initTab","initNotebookContent","componentWillUnmount","cancel","glEventHub","fileMetadata","emit","UNREGISTER_FILE","debug","setState","registerFileMetadata","id","fileId","fileStorage","add","loadFile","then","loadedFile","catch","err","error","tabElement","element","get","titleElement","querySelector","tabTitleElement","classList","setPreviewStatus","remove","tabId","REGISTER_FILE","setEditorPosition","clickPositionY","container","markdownEditorContainer","contentTop","getBoundingClientRect","top","contentScrollTop","scrollTop","contentScrollHeight","scrollHeight","totalLines","getModel","getLineCount","lineToFocus","Math","round","revealLine","setPosition","lineNumber","column","focus","event","dbClickPositionY","clientY","contains","relatedTarget","getValue","layout","notebooksUrl","session","sessionLanguage","href","target","startsWith","stopPropagation","preventDefault","notebookPath","substring","length","replace","notebookSettings","value","language","itemName","SELECT_NOTEBOOK","command","metadata","propsPanelState","SEND_COMMAND","src","charAt","itemUri","URL","render","propTypes","string","isRequired","shape","deleteFile","func","saveFile","Container","EventHub","bool","defaultProps","process","env","REACT_APP_NOTEBOOKS_URL","window","location","mapStateToProps","ownProps","sessionWrapper","localDashboardId","config","sessionConfig","type","forwardRef"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { LoadingOverlay } from '@deephaven/components';\nimport { GLPropTypes } from '@deephaven/dashboard';\nimport { Pending } from '@deephaven/utils';\nimport { getFileStorage } from '@deephaven/redux';\nimport Log from '@deephaven/log';\nimport Panel from './Panel';\nimport { getDashboardSessionWrapper } from '../redux';\nimport { ConsoleEvent, NotebookEvent } from '../events';\nimport './MarkdownNotebookPanel.scss';\nimport MarkdownNotebookContainer from './MarkdownNotebookContainer';\nimport MarkdownNotebookEditor from './MarkdownNotebookEditor';\n\nconst log = Log.module('MarkdownNotebookPanel');\n\nexport class MarkdownNotebookPanel extends Component {\n  static COMPONENT = 'MarkdownNotebookPanel';\n\n  constructor(props) {\n    super(props);\n\n    this.handleContainerDoubleClick = this.handleContainerDoubleClick.bind(\n      this\n    );\n    this.handleEditorInitialized = this.handleEditorInitialized.bind(this);\n    this.handleEditorBlur = this.handleEditorBlur.bind(this);\n    this.handleEditorResize = this.handleEditorResize.bind(this);\n    this.handleLinkClick = this.handleLinkClick.bind(this);\n    this.handleTab = this.handleTab.bind(this);\n    this.handleRunCommand = this.handleRunCommand.bind(this);\n    this.transformLinkUri = this.transformLinkUri.bind(this);\n\n    this.pending = new Pending();\n\n    const { panelState } = props;\n    let { isPreview } = props;\n    if (panelState && panelState.isPreview != null) {\n      isPreview = panelState.isPreview;\n    }\n    this.state = {\n      isEditing: false,\n      isLoading: true,\n      isPreview,\n      content: null,\n\n      // eslint-disable-next-line react/no-unused-state\n      panelState,\n    };\n\n    this.markdownEditor = null;\n    this.editor = null;\n  }\n\n  componentDidMount() {\n    const {\n      glContainer: { tab },\n    } = this.props;\n    if (tab) this.initTab(tab);\n\n    this.initNotebookContent();\n  }\n\n  componentWillUnmount() {\n    this.pending.cancel();\n\n    const { glEventHub, panelState } = this.props;\n    const { isPreview } = this.state;\n    if (panelState.fileMetadata) {\n      glEventHub.emit(\n        NotebookEvent.UNREGISTER_FILE,\n        panelState.fileMetadata,\n        isPreview\n      );\n    }\n  }\n\n  initNotebookContent() {\n    const { panelState } = this.props;\n    if (panelState && panelState.content) {\n      // If we're passed the content directly, just use that\n      log.debug('Using content passed directly');\n      this.setState({ content: panelState.content, isLoading: false });\n    } else if (panelState && panelState.fileMetadata) {\n      const { fileMetadata } = panelState;\n      log.debug('Loading content from file');\n      const { isPreview } = this.state;\n      this.registerFileMetadata(fileMetadata, isPreview);\n      const { id: fileId } = fileMetadata;\n      const { fileStorage } = this.props;\n      this.pending\n        .add(fileStorage.loadFile(fileId))\n        .then(loadedFile => {\n          log.debug('Loaded file', loadedFile);\n          const { content } = loadedFile;\n          this.setState({\n            content,\n            isLoading: false,\n\n            panelState,\n          });\n        })\n        .catch(err => {\n          log.error('Unable to load file', err);\n          this.setState({ content: '', isLoading: false });\n        });\n    } else {\n      log.debug('Starting with an empty file');\n      this.setState({ content: '', isLoading: false });\n    }\n  }\n\n  initTab(tab) {\n    const tabElement = tab.element.get(0);\n    const titleElement = tabElement.querySelector('.lm_title');\n    this.tabTitleElement = titleElement;\n    titleElement.classList.add('markdown-notebook-title');\n    this.setPreviewStatus();\n  }\n\n  setPreviewStatus() {\n    if (!this.tabTitleElement) {\n      return;\n    }\n    const { isPreview } = this.state;\n    log.debug('setPreviewStatus', this.tabTitleElement, isPreview);\n    if (isPreview) {\n      this.tabTitleElement.classList.add('is-preview');\n    } else {\n      this.tabTitleElement.classList.remove('is-preview');\n    }\n  }\n\n  registerFileMetadata(fileMetadata, isPreview) {\n    const { glEventHub, id: tabId } = this.props;\n    glEventHub.emit(\n      NotebookEvent.REGISTER_FILE,\n      tabId,\n      fileMetadata,\n      isPreview\n    );\n  }\n\n  setEditorPosition(clickPositionY) {\n    const { container: markdownEditorContainer } = this.markdownEditor;\n    if (this.editor && markdownEditorContainer) {\n      const contentTop = markdownEditorContainer.getBoundingClientRect().top;\n      const contentScrollTop = markdownEditorContainer.scrollTop;\n      const contentScrollHeight = markdownEditorContainer.scrollHeight;\n      const totalLines = this.editor.getModel().getLineCount();\n\n      let lineToFocus = Math.round(\n        ((contentScrollTop + clickPositionY - contentTop) /\n          contentScrollHeight) *\n          totalLines\n      );\n      if (lineToFocus > totalLines) {\n        lineToFocus = totalLines;\n      }\n\n      this.editor.revealLine(lineToFocus);\n      this.editor.setPosition({\n        lineNumber: lineToFocus,\n        column: 1,\n      });\n      this.editor.focus();\n    }\n  }\n\n  handleContainerDoubleClick(event) {\n    const { isEditing } = this.state;\n    const dbClickPositionY = event.clientY;\n\n    if (!isEditing) {\n      this.setState({ isEditing: true }, () => {\n        this.setEditorPosition(dbClickPositionY);\n      });\n    }\n  }\n\n  handleEditorInitialized(editor) {\n    log.debug('Markdown Editor Initialized...');\n    this.editor = editor;\n  }\n\n  handleEditorBlur(event) {\n    log.debug(`markdown content changed, saving...`);\n    const { isEditing } = this.state;\n\n    // if not in edit mode, or in edit mode but blur went to an internal monaco field (like search)\n    if (\n      !isEditing ||\n      this.markdownEditor?.container?.contains(event.relatedTarget)\n    ) {\n      return;\n    }\n\n    const content = this.editor.getValue();\n\n    this.setState({\n      content,\n      isEditing: false,\n    });\n  }\n\n  handleEditorResize() {\n    const { isEditing } = this.state;\n    if (isEditing && this.editor) {\n      this.editor.layout();\n    }\n  }\n\n  /**\n   * @param {MouseEvent} event The click event from clicking on the link\n   */\n  handleLinkClick(event) {\n    const { notebooksUrl, session, sessionLanguage } = this.props;\n    const { href } = event.target;\n    if (!href || !href.startsWith(notebooksUrl)) {\n      return;\n    }\n\n    event.stopPropagation();\n    event.preventDefault();\n\n    const notebookPath = `/${href.substring(notebooksUrl.length)}`.replace(\n      /%20/g,\n      ' '\n    );\n    log.debug('Notebook link clicked, opening', notebookPath);\n\n    const { glEventHub } = this.props;\n    const notebookSettings = {\n      value: null,\n      language: sessionLanguage,\n    };\n    const fileMetadata = { id: notebookPath, itemName: notebookPath };\n    glEventHub.emit(\n      NotebookEvent.SELECT_NOTEBOOK,\n      session,\n      sessionLanguage,\n      notebookSettings,\n      fileMetadata\n    );\n  }\n\n  handleTab(tab) {\n    log.debug('MarkdownNotebookPanel tab event', tab);\n    this.initTab(tab);\n  }\n\n  handleRunCommand(command) {\n    if (!command) {\n      log.debug('Ignoring empty command.');\n      return;\n    }\n\n    this.setState(\n      ({ isPreview, panelState = {} }) => {\n        if (isPreview) {\n          const { metadata, panelState: propsPanelState } = this.props;\n          this.registerFileMetadata(\n            propsPanelState?.fileMetadata ?? metadata,\n            false\n          );\n          return { isPreview: false, panelState: { ...panelState, isPreview } };\n        }\n        return null;\n      },\n      () => {\n        this.setPreviewStatus();\n      }\n    );\n\n    const { glEventHub } = this.props;\n    glEventHub.emit(ConsoleEvent.SEND_COMMAND, command, false, true);\n  }\n\n  /**\n   * Transform the link URI to load from where the notebook is if it's relative\n   * @param {String} src The link to transform\n   * @returns String the transformed link\n   */\n  transformLinkUri(src) {\n    const { notebooksUrl, panelState } = this.props;\n    let itemName = panelState?.fileMetadata?.itemName;\n    if (!itemName) {\n      return src;\n    }\n    if (itemName.charAt(0) === '/') {\n      itemName = itemName.substring(1);\n    }\n\n    const itemUri = new URL(itemName, notebooksUrl);\n    if (src.charAt(0) === '/') {\n      return `${notebooksUrl}${src}`;\n    }\n    return new URL(src, itemUri).href;\n  }\n\n  render() {\n    const { glContainer, glEventHub } = this.props;\n    const { isEditing, isLoading, content } = this.state;\n\n    return (\n      <Panel\n        glContainer={glContainer}\n        glEventHub={glEventHub}\n        className=\"markdown-notebook-panel\"\n        componentPanel={this}\n        onResize={this.handleEditorResize}\n        onBlur={this.handleEditorBlur}\n        onTab={this.handleTab}\n        isClonable\n        isRenamable\n      >\n        {!isLoading && (\n          <MarkdownNotebookContainer\n            isEditing={isEditing}\n            // onDoubleClick={this.handleContainerDoubleClick}\n          >\n            <MarkdownNotebookEditor\n              ref={markdownEditor => {\n                this.markdownEditor = markdownEditor;\n              }}\n              isEditing={isEditing}\n              content={content}\n              onLinkClick={this.handleLinkClick}\n              onRunCode={this.handleRunCommand}\n              onEditorInitialized={this.handleEditorInitialized}\n              transformImageUri={this.transformLinkUri}\n              transformLinkUri={this.transformLinkUri}\n            />\n          </MarkdownNotebookContainer>\n        )}\n        {isLoading && <LoadingOverlay />}\n      </Panel>\n    );\n  }\n}\n\nMarkdownNotebookPanel.propTypes = {\n  id: PropTypes.string.isRequired,\n  fileStorage: PropTypes.shape({\n    deleteFile: PropTypes.func.isRequired,\n    loadFile: PropTypes.func.isRequired,\n    saveFile: PropTypes.func.isRequired,\n  }).isRequired,\n  glContainer: GLPropTypes.Container.isRequired,\n  glEventHub: GLPropTypes.EventHub.isRequired,\n  metadata: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  panelState: PropTypes.shape({\n    content: PropTypes.string,\n    isPreview: PropTypes.bool,\n    fileMetadata: PropTypes.shape({\n      id: PropTypes.string,\n      itemName: PropTypes.string,\n    }),\n  }),\n  isPreview: PropTypes.bool,\n  notebooksUrl: PropTypes.string,\n  session: PropTypes.shape({}).isRequired,\n  sessionLanguage: PropTypes.string.isRequired,\n};\n\nMarkdownNotebookPanel.defaultProps = {\n  isPreview: false,\n  metadata: null,\n  panelState: null,\n  notebooksUrl: new URL(\n    `${process.env.REACT_APP_NOTEBOOKS_URL}/`,\n    window.location\n  ).href,\n};\n\nconst mapStateToProps = (state, ownProps) => {\n  const fileStorage = getFileStorage(state);\n  const sessionWrapper = getDashboardSessionWrapper(\n    state,\n    ownProps.localDashboardId\n  );\n  const { session, config: sessionConfig } = sessionWrapper;\n  const { type: sessionLanguage } = sessionConfig;\n  return { fileStorage, session, sessionLanguage };\n};\n\nexport default connect(mapStateToProps, null, null, { forwardRef: true })(\n  MarkdownNotebookPanel\n);\n"],"file":"MarkdownNotebookPanel.js"}