@deephaven/dashboard-core-plugins 0.9.1-embed-grid.14 → 0.9.2-beta.7

package/dist/panels/MarkdownNotebook.d.ts

@@ -0,0 +1,41 @@
+export class MarkdownNotebook extends React.PureComponent<any, any, any> {
+    constructor(props: any);
+    handleRunSelected(event: any): void;
+    renderCodeBlock(props: any): JSX.Element;
+    renderLink(props: any): JSX.Element;
+    commands: Map<any, any>;
+    codeElements: Map<any, any>;
+    editorScrollView: React.RefObject<any>;
+    updateHasCode(): void;
+    /**
+     * @param {number|null} line The line of the code block to start from
+     * @returns {number} The next line of the code block to start from
+     */
+    getNextStartLine(line: number | null): number;
+    runCode(command: any): void;
+}
+export namespace MarkdownNotebook {
+    namespace propTypes {
+        const onRunCode: PropTypes.Requireable<(...args: any[]) => any>;
+        const content: PropTypes.Requireable<string>;
+        const onLinkClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const transformImageUri: PropTypes.Requireable<(...args: any[]) => any>;
+        const transformLinkUri: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+    namespace defaultProps {
+        const content_1: string;
+        export { content_1 as content };
+        const onLinkClick_1: undefined;
+        export { onLinkClick_1 as onLinkClick };
+        export function onRunCode_1(): void;
+        export { onRunCode_1 as onRunCode };
+        const transformImageUri_1: undefined;
+        export { transformImageUri_1 as transformImageUri };
+        const transformLinkUri_1: undefined;
+        export { transformLinkUri_1 as transformLinkUri };
+    }
+}
+export default MarkdownNotebook;
+import React from "react";
+import PropTypes from "prop-types";
+//# sourceMappingURL=MarkdownNotebook.d.ts.map

package/dist/panels/MarkdownNotebook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownNotebook.d.ts","sourceRoot":"","sources":["../../src/panels/MarkdownNotebook.jsx"],"names":[],"mappings":"AAUA;IACE,wBAqBC;IAkCD,oCA4BC;IASD,yCAwDC;IAED,oCAQC;IAtJC,wBAAyB;IACzB,4BAA6B;IAC7B,uCAAyC;IAqB3C,sBAOC;IAED;;;OAGG;IACH,uBAHW,MAAM,GAAC,IAAI,GACT,MAAM,CAWlB;IAgCD,4BAKC;CAwGF;;;;;;;;;;;;;;QAaY,oCAAQ"}

package/dist/panels/MarkdownNotebook.js

@@ -0,0 +1,254 @@
+import React, { PureComponent } from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import Markdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import { Button } from '@deephaven/components';
+import { Code } from '@deephaven/console';
+import { vsPlay } from '@deephaven/icons';
+import "./MarkdownNotebook.css";
+export class MarkdownNotebook extends PureComponent {
+  constructor(props) {
+    super(props);
+    this.handleRunSelected = this.handleRunSelected.bind(this);
+    this.renderCodeBlock = this.renderCodeBlock.bind(this);
+    this.renderLink = this.renderLink.bind(this); // Map of each code block from it's starting line number to the code within that block
+
+    this.commands = new Map();
+    this.codeElements = new Map();
+    this.editorScrollView = /*#__PURE__*/React.createRef();
+    this.state = {
+      hasCode: false,
+      // Keep track if any code has been executed yet. If not, make the run button flash
+      hasRunCode: false,
+      // Line of the next block to execute. Null to start at the first block
+      nextStartLine: null
+    };
+  }
+
+  componentDidMount() {
+    this.updateHasCode();
+  }
+
+  componentDidUpdate() {
+    this.updateHasCode();
+  }
+
+  updateHasCode() {
+    var {
+      hasCode
+    } = this.state;
+
+    if (this.commands.size === 0 && hasCode) {
+      this.setState({
+        hasCode: false
+      });
+    } else if (this.commands.size > 0 && !hasCode) {
+      this.setState({
+        hasCode: true
+      });
+    }
+  }
+  /**
+   * @param {number|null} line The line of the code block to start from
+   * @returns {number} The next line of the code block to start from
+   */
+
+
+  getNextStartLine(line) {
+    var keys = [...this.commands.keys()];
+    var nextIndex = keys.findIndex(key => key === line) + 1;
+
+    if (nextIndex >= keys.length) {
+      // We got to the last block, disable
+      return null;
+    }
+
+    return keys[nextIndex];
+  }
+
+  handleRunSelected(event) {
+    var _this$codeElements$ge, _element$parentElemen;
+
+    event.preventDefault();
+    event.stopPropagation();
+    var {
+      nextStartLine
+    } = this.state;
+    var keys = [...this.commands.keys()];
+    var keyIndex = keys.findIndex(key => key === nextStartLine || nextStartLine == null);
+
+    if (keyIndex < 0) {
+      return;
+    }
+
+    var startLine = keys[keyIndex];
+    var command = this.commands.get(startLine);
+    var newNextStartLine = this.getNextStartLine(startLine);
+    var element = (_this$codeElements$ge = this.codeElements.get(startLine)) === null || _this$codeElements$ge === void 0 ? void 0 : _this$codeElements$ge.current;
+    var nextElement = element === null || element === void 0 ? void 0 : (_element$parentElemen = element.parentElement) === null || _element$parentElemen === void 0 ? void 0 : _element$parentElemen.nextElementSibling;
+
+    if (nextElement) {
+      var {
+        offsetTop
+      } = nextElement;
+      var top = offsetTop;
+      this.editorScrollView.current.scroll({
+        top,
+        left: 0
+      });
+    }
+
+    this.runCode(command);
+    this.setState({
+      nextStartLine: newNextStartLine
+    });
+  }
+
+  runCode(command) {
+    var {
+      onRunCode
+    } = this.props;
+    onRunCode(command);
+    this.setState({
+      hasRunCode: true
+    });
+  }
+
+  renderCodeBlock(props) {
+    var {
+      children,
+      className,
+      inline,
+      node
+    } = props;
+    var {
+      hasRunCode,
+      nextStartLine
+    } = this.state;
+    var {
+      children: nodeChildren,
+      position
+    } = node;
+    var {
+      start
+    } = position;
+    var {
+      line
+    } = start;
+    var command = nodeChildren[0].value;
+    var ref = /*#__PURE__*/React.createRef();
+    var isFirstBlock = this.commands.size === 0;
+    var isSelected = nextStartLine === line || isFirstBlock && nextStartLine == null && !hasRunCode;
+    var language = className !== null && className !== void 0 && className.startsWith('language-') ? className.substring(9) : 'plaintext';
+
+    if (inline) {
+      return /*#__PURE__*/React.createElement("code", {
+        className: className
+      }, children);
+    }
+
+    this.commands.set(line, command);
+    this.codeElements.set(line, ref);
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames('markdown-notebook-code-block', {
+        'is-selected': isSelected
+      }),
+      ref: ref,
+      onClick: () => {
+        this.setState({
+          nextStartLine: line
+        });
+      },
+      role: "presentation"
+    }, /*#__PURE__*/React.createElement(Button, {
+      kind: "ghost",
+      icon: vsPlay,
+      className: "btn-play-block",
+      onClick: event => {
+        event.stopPropagation();
+        event.preventDefault();
+        this.runCode(command);
+        this.setState({
+          nextStartLine: line
+        });
+      },
+      tooltip: "Run code"
+    }), /*#__PURE__*/React.createElement("code", null, /*#__PURE__*/React.createElement(Code, {
+      language: language
+    }, React.Children.map(children, child => typeof child === 'string' ? child.trim() : child))));
+  }
+
+  renderLink(props) {
+    var {
+      onLinkClick
+    } = this.props;
+    var {
+      href,
+      children,
+      target
+    } = props;
+    return /*#__PURE__*/React.createElement("a", {
+      href: href,
+      onClick: onLinkClick,
+      target: target
+    }, children);
+  }
+
+  render() {
+    var {
+      content,
+      transformImageUri,
+      transformLinkUri
+    } = this.props;
+    var {
+      hasCode,
+      hasRunCode,
+      nextStartLine
+    } = this.state;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "markdown-notebook"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "markdown-notebook-toolbar"
+    }, /*#__PURE__*/React.createElement(Button, {
+      className: classNames('btn-play-selected-cell', {
+        flashing: hasCode && !hasRunCode
+      }),
+      kind: "ghost",
+      icon: vsPlay,
+      onClick: this.handleRunSelected,
+      tooltip: "Run code and select next",
+      disabled: hasRunCode && nextStartLine == null || !hasCode
+    }, "Run Selected Code")), /*#__PURE__*/React.createElement("div", {
+      className: "markdown-notebook-content",
+      ref: this.editorScrollView
+    }, /*#__PURE__*/React.createElement(Markdown, {
+      components: {
+        code: this.renderCodeBlock,
+        a: this.renderLink
+      },
+      linkTarget: "_blank",
+      remarkPlugins: [remarkGfm],
+      transformLinkUri: transformLinkUri,
+      transformImageUri: transformImageUri,
+      includeElementIndex: true
+    }, content)));
+  }
+
+}
+MarkdownNotebook.propTypes = {
+  onRunCode: PropTypes.func,
+  content: PropTypes.string,
+  onLinkClick: PropTypes.func,
+  transformImageUri: PropTypes.func,
+  transformLinkUri: PropTypes.func
+};
+MarkdownNotebook.defaultProps = {
+  content: '',
+  onLinkClick: undefined,
+  onRunCode: () => {},
+  transformImageUri: undefined,
+  transformLinkUri: undefined
+};
+export default MarkdownNotebook;
+//# sourceMappingURL=MarkdownNotebook.js.map

package/dist/panels/MarkdownNotebook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/panels/MarkdownNotebook.jsx"],"names":["React","PureComponent","classNames","PropTypes","Markdown","remarkGfm","Button","Code","vsPlay","MarkdownNotebook","constructor","props","handleRunSelected","bind","renderCodeBlock","renderLink","commands","Map","codeElements","editorScrollView","createRef","state","hasCode","hasRunCode","nextStartLine","componentDidMount","updateHasCode","componentDidUpdate","size","setState","getNextStartLine","line","keys","nextIndex","findIndex","key","length","event","preventDefault","stopPropagation","keyIndex","startLine","command","get","newNextStartLine","element","current","nextElement","parentElement","nextElementSibling","offsetTop","top","scroll","left","runCode","onRunCode","children","className","inline","node","nodeChildren","position","start","value","ref","isFirstBlock","isSelected","language","startsWith","substring","set","Children","map","child","trim","onLinkClick","href","target","render","content","transformImageUri","transformLinkUri","flashing","code","a","propTypes","func","string","defaultProps","undefined"],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport Markdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport { Button } from '@deephaven/components';\nimport { Code } from '@deephaven/console';\nimport { vsPlay } from '@deephaven/icons';\nimport './MarkdownNotebook.scss';\n\nexport class MarkdownNotebook extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.handleRunSelected = this.handleRunSelected.bind(this);\n    this.renderCodeBlock = this.renderCodeBlock.bind(this);\n    this.renderLink = this.renderLink.bind(this);\n\n    // Map of each code block from it's starting line number to the code within that block\n    this.commands = new Map();\n    this.codeElements = new Map();\n    this.editorScrollView = React.createRef();\n\n    this.state = {\n      hasCode: false,\n\n      // Keep track if any code has been executed yet. If not, make the run button flash\n      hasRunCode: false,\n\n      // Line of the next block to execute. Null to start at the first block\n      nextStartLine: null,\n    };\n  }\n\n  componentDidMount() {\n    this.updateHasCode();\n  }\n\n  componentDidUpdate() {\n    this.updateHasCode();\n  }\n\n  updateHasCode() {\n    const { hasCode } = this.state;\n    if (this.commands.size === 0 && hasCode) {\n      this.setState({ hasCode: false });\n    } else if (this.commands.size > 0 && !hasCode) {\n      this.setState({ hasCode: true });\n    }\n  }\n\n  /**\n   * @param {number|null} line The line of the code block to start from\n   * @returns {number} The next line of the code block to start from\n   */\n  getNextStartLine(line) {\n    const keys = [...this.commands.keys()];\n    const nextIndex = keys.findIndex(key => key === line) + 1;\n    if (nextIndex >= keys.length) {\n      // We got to the last block, disable\n      return null;\n    }\n\n    return keys[nextIndex];\n  }\n\n  handleRunSelected(event) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    const { nextStartLine } = this.state;\n    const keys = [...this.commands.keys()];\n    const keyIndex = keys.findIndex(\n      key => key === nextStartLine || nextStartLine == null\n    );\n    if (keyIndex < 0) {\n      return;\n    }\n    const startLine = keys[keyIndex];\n    const command = this.commands.get(startLine);\n    const newNextStartLine = this.getNextStartLine(startLine);\n    const element = this.codeElements.get(startLine)?.current;\n    const nextElement = element?.parentElement?.nextElementSibling;\n    if (nextElement) {\n      const { offsetTop } = nextElement;\n      const top = offsetTop;\n      this.editorScrollView.current.scroll({\n        top,\n        left: 0,\n      });\n    }\n\n    this.runCode(command);\n    this.setState({ nextStartLine: newNextStartLine });\n  }\n\n  runCode(command) {\n    const { onRunCode } = this.props;\n    onRunCode(command);\n\n    this.setState({ hasRunCode: true });\n  }\n\n  renderCodeBlock(props) {\n    const { children, className, inline, node } = props;\n    const { hasRunCode, nextStartLine } = this.state;\n    const { children: nodeChildren, position } = node;\n    const { start } = position;\n    const { line } = start;\n    const command = nodeChildren[0].value;\n    const ref = React.createRef();\n    const isFirstBlock = this.commands.size === 0;\n    const isSelected =\n      nextStartLine === line ||\n      (isFirstBlock && nextStartLine == null && !hasRunCode);\n    const language = className?.startsWith('language-')\n      ? className.substring(9)\n      : 'plaintext';\n\n    if (inline) {\n      return <code className={className}>{children}</code>;\n    }\n\n    this.commands.set(line, command);\n    this.codeElements.set(line, ref);\n\n    return (\n      <div\n        className={classNames('markdown-notebook-code-block', {\n          'is-selected': isSelected,\n        })}\n        ref={ref}\n        onClick={() => {\n          this.setState({ nextStartLine: line });\n        }}\n        role=\"presentation\"\n      >\n        <Button\n          kind=\"ghost\"\n          icon={vsPlay}\n          className=\"btn-play-block\"\n          onClick={event => {\n            event.stopPropagation();\n            event.preventDefault();\n\n            this.runCode(command);\n            this.setState({ nextStartLine: line });\n          }}\n          tooltip=\"Run code\"\n        />\n        <code>\n          <Code language={language}>\n            {React.Children.map(children, child =>\n              typeof child === 'string' ? child.trim() : child\n            )}\n          </Code>\n        </code>\n      </div>\n    );\n  }\n\n  renderLink(props) {\n    const { onLinkClick } = this.props;\n    const { href, children, target } = props;\n    return (\n      <a href={href} onClick={onLinkClick} target={target}>\n        {children}\n      </a>\n    );\n  }\n\n  render() {\n    const { content, transformImageUri, transformLinkUri } = this.props;\n    const { hasCode, hasRunCode, nextStartLine } = this.state;\n    return (\n      <div className=\"markdown-notebook\">\n        <div className=\"markdown-notebook-toolbar\">\n          <Button\n            className={classNames('btn-play-selected-cell', {\n              flashing: hasCode && !hasRunCode,\n            })}\n            kind=\"ghost\"\n            icon={vsPlay}\n            onClick={this.handleRunSelected}\n            tooltip=\"Run code and select next\"\n            disabled={(hasRunCode && nextStartLine == null) || !hasCode}\n          >\n            Run Selected Code\n          </Button>\n        </div>\n        <div className=\"markdown-notebook-content\" ref={this.editorScrollView}>\n          <Markdown\n            components={{ code: this.renderCodeBlock, a: this.renderLink }}\n            linkTarget=\"_blank\"\n            remarkPlugins={[remarkGfm]}\n            transformLinkUri={transformLinkUri}\n            transformImageUri={transformImageUri}\n            includeElementIndex\n          >\n            {content}\n          </Markdown>\n        </div>\n      </div>\n    );\n  }\n}\n\nMarkdownNotebook.propTypes = {\n  onRunCode: PropTypes.func,\n  content: PropTypes.string,\n  onLinkClick: PropTypes.func,\n  transformImageUri: PropTypes.func,\n  transformLinkUri: PropTypes.func,\n};\n\nMarkdownNotebook.defaultProps = {\n  content: '',\n  onLinkClick: undefined,\n  onRunCode: () => {},\n  transformImageUri: undefined,\n  transformLinkUri: undefined,\n};\n\nexport default MarkdownNotebook;\n"],"file":"MarkdownNotebook.js"}

package/dist/panels/NotebookPanel.d.ts

@@ -17,6 +17,10 @@ declare class NotebookPanel extends React.Component<any, any, any> {
     handleEditorChange(e: any): void;
     handleFind(): void;
     handleFocus(): void;
+    /**
+     * @param {MouseEvent} event The click event from clicking on the link
+     */
+    handleLinkClick(event: MouseEvent): void;
     handleLoadSuccess(): void;
     handleLoadError(errorParam: any): void;
     handlePanelTabClick(): void;
@@ -39,6 +43,12 @@ declare class NotebookPanel extends React.Component<any, any, any> {
     handleTab(tab: any): void;
     handleTabFocus(...args: any[]): void;
     handleTabBlur(): void;
+    /**
+     * 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
+     */
+    handleTransformLinkUri(src: string): string;
     pending: Pending;
     debouncedSavePanelState: import("lodash").DebouncedFunc<() => void>;
     debouncedLoad: import("lodash").DebouncedFunc<() => void>;
@@ -81,6 +91,7 @@ declare class NotebookPanel extends React.Component<any, any, any> {
     focus(): void;
     createNotebook(itemName: any, language: any, content: any): void;
     runCommand(command: any): void;
+    removePreviewStatus(): void;
 }
 declare namespace NotebookPanel {
     namespace propTypes {
@@ -120,6 +131,7 @@ declare namespace NotebookPanel {
             settings: PropTypes.Requireable<PropTypes.InferProps<{}>>;
             fileMetadata: PropTypes.Requireable<PropTypes.InferProps<{}>>;
         }>>;
+        const notebooksUrl: PropTypes.Requireable<string>;
     }
     namespace defaultProps {
         const isDashboardActive_1: boolean;
@@ -130,6 +142,8 @@ declare namespace NotebookPanel {
         export { session_1 as session };
         const sessionLanguage_1: null;
         export { sessionLanguage_1 as sessionLanguage };
+        const notebooksUrl_1: string;
+        export { notebooksUrl_1 as notebooksUrl };
     }
 }
 import React from "react";

package/dist/panels/NotebookPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookPanel.d.ts","sourceRoot":"","sources":["../../src/panels/NotebookPanel.jsx"],"names":[],"mappings":";;AAsCA;IACE,yBAAmC;IAEnC;;MAAoD;IAEpD,4BAAiC;IAEjC,qCAKC;IAED,iFAaC;IAED,wBA0GC;IAoTD,mBAGC;IAvDD,0BAGC;IAnBD,2BAKC;IAED,wBAOC;IAOD,mBAQC;IAED,iCA6BC;IAED,mBAIC;IAOD,oBAGC;IAED,0BAMC;IAED,uCAUC;IAyJD,4BAGC;IAtFD,mDAMC;IAED,qBAIC;IAED,qCAEC;IAED,qBAMC;IAED,0BAMC;IApGD,mBAGC;IA2CD,2BAEC;IAED,oCAgBC;IA/BD,kCASC;IAvCD,mCA4BC;IAqED;;aAKC;IAED,4BAKC;IAED,mBAMC;IAED,yBAEC;IAED,0BAGC;IAED,qCASC;IAED,sBAKC;IAjjBC,iBAA4B;IAE5B,oEAGC;IAED,0DAGC;IAED,8BAAoB;IAEpB,qBAA2B;IAC3B,sBAA4B;IAC5B,qBAAwB;IACxB,2BAA6B;IAyF/B,wBAMC;IAGD,6BAWC;IAED,+BAMC;IAED,wBAQC;IAED,4BAiBC;IAED,gCAGC;IAID,8DASC;IAED,qCAGC;IAED,aA8BC;IAED;;;OAGG;IACH,QAFa,OAAO,CAYnB;IAED;;;;OAIG;IACH,sBAHW,MAAM,WACN,MAAM,QAUhB;IAED,+BAEC;IAED,yBAWC;IAED;;;;;;;QASG;IAEH,uBAiCC;IAgQD,cAMC;IAED,iEA0BC;IAED,+BAOC;CAkMF"}
+{"version":3,"file":"NotebookPanel.d.ts","sourceRoot":"","sources":["../../src/panels/NotebookPanel.jsx"],"names":[],"mappings":";;AAuCA;IACE,yBAAmC;IAEnC;;MAAoD;IAEpD,4BAAiC;IAEjC,qCAKC;IAED,iFAaC;IAED,wBA4GC;IA6SD,mBAGC;IAhDD,0BAGC;IAnBD,2BAKC;IAED,wBAOC;IAOD,mBAQC;IAED,iCAsBC;IAED,mBAIC;IAOD,oBAGC;IAED;;OAEG;IACH,uBAFW,UAAU,QAoCpB;IAED,0BAMC;IAED,uCAUC;IAoJD,4BAGC;IAjFD,mDAMC;IAED,qBAEC;IAED,qCAEC;IAED,qBAMC;IAED,0BAMC;IAlGD,mBAGC;IA2CD,2BAEC;IAED,oCAgBC;IA/BD,kCASC;IAvCD,mCA4BC;IAmED;;aAKC;IAED,4BAKC;IAED,mBAGC;IAED,yBAEC;IAED,0BAGC;IAED,qCASC;IAED,sBAKC;IAOD;;;;OAIG;IACH,4CAsBC;IA9mBC,iBAA4B;IAE5B,oEAGC;IAED,0DAGC;IAED,8BAAoB;IAEpB,qBAA2B;IAC3B,sBAA4B;IAC5B,qBAAwB;IACxB,2BAA6B;IAyF/B,wBAMC;IAGD,6BAWC;IAED,+BAMC;IAED,wBAQC;IAED,4BAiBC;IAED,gCAGC;IAID,8DASC;IAED,qCAGC;IAED,aA8BC;IAED;;;OAGG;IACH,QAFa,OAAO,CAYnB;IAED;;;;OAIG;IACH,sBAHW,MAAM,WACN,MAAM,QAUhB;IAED,+BAEC;IAED,yBAWC;IAED;;;;;;;QASG;IAEH,uBAiCC;IAwTD,cAMC;IAED,iEA0BC;IAED,+BAUC;IAED,4BASC;CAkNF"}

package/dist/panels/NotebookPanel.js

@@ -24,6 +24,7 @@ import { Pending, PromiseUtils } from '@deephaven/utils';
 import { ConsoleEvent, NotebookEvent } from "../events/index.js";
 import { getDashboardSessionWrapper } from "../redux/index.js";
 import Panel from "./Panel.js";
+import MarkdownNotebook from "./MarkdownNotebook.js";
 import "./NotebookPanel.css";
 var log = Log.module('NotebookPanel');
 var DEBOUNCE_PANEL_STATE_UPDATE = 400;
@@ -76,6 +77,7 @@ class NotebookPanel extends Component {
     this.handleEditorChange = this.handleEditorChange.bind(this);
     this.handleFind = this.handleFind.bind(this);
     this.handleFocus = this.handleFocus.bind(this);
+    this.handleLinkClick = this.handleLinkClick.bind(this);
     this.handleLoadSuccess = this.handleLoadSuccess.bind(this);
     this.handleLoadError = this.handleLoadError.bind(this);
     this.handlePanelTabClick = this.handlePanelTabClick.bind(this);
@@ -96,6 +98,7 @@ class NotebookPanel extends Component {
     this.handleTab = this.handleTab.bind(this);
     this.handleTabFocus = this.handleTabFocus.bind(this);
     this.handleTabBlur = this.handleTabBlur.bind(this);
+    this.handleTransformLinkUri = this.handleTransformLinkUri.bind(this);
     this.pending = new Pending();
     this.debouncedSavePanelState = debounce(this.savePanelState.bind(this), DEBOUNCE_PANEL_STATE_UPDATE);
     this.debouncedLoad = debounce(this.load.bind(this), DEBOUNCE_PANEL_STATE_UPDATE);
@@ -517,28 +520,12 @@ class NotebookPanel extends Component {
 
   handleEditorChange(e) {
     log.debug2('handleEditorChanged', e);
+    this.removePreviewStatus();
     this.setState(_ref2 => {
-      var {
-        isPreview
-      } = _ref2;
-
-      if (isPreview) {
-        var {
-          fileMetadata
-        } = this.state;
-        this.registerFileMetadata(fileMetadata, false);
-        return {
-          isPreview: false
-        };
-      }
-
-      return null;
-    });
-    this.setState(_ref3 => {
       var {
         changeCount,
         savedChangeCount
-      } = _ref3;
+      } = _ref2;
       var {
         isUndoing,
         isRedoing
@@ -587,6 +574,48 @@ class NotebookPanel extends Component {
       isFocused: true
     });
   }
+  /**
+   * @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, ' ');
+
+    if (notebookPath === '/') {
+      log.debug('Ignoring invalid notebook link', notebookPath);
+      return;
+    }
+
+    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);
+  }
 
   handleLoadSuccess() {
     this.setState({
@@ -717,9 +746,9 @@ class NotebookPanel extends Component {
   }
 
   handleResize() {
-    if (this.notebook) {
-      this.notebook.updateDimensions();
-    }
+    var _this$notebook;
+
+    (_this$notebook = this.notebook) === null || _this$notebook === void 0 ? void 0 : _this$notebook.updateDimensions();
   }
 
   handleRunCommand(command) {
@@ -744,10 +773,10 @@ class NotebookPanel extends Component {
     this.runCommand(this.notebook.getSelectedCommand());
   }
 
-  handleSessionOpened(session, _ref4) {
+  handleSessionOpened(session, _ref3) {
     var {
       language
-    } = _ref4;
+    } = _ref3;
     this.setState({
       session,
       sessionLanguage: language
@@ -762,13 +791,10 @@ class NotebookPanel extends Component {
   }
 
   handleShow() {
-    log.debug('handleShow');
-
-    if (!this.notebook) {
-      return;
-    }
+    var _this$notebook2;
 
-    this.notebook.updateDimensions();
+    log.debug('handleShow');
+    (_this$notebook2 = this.notebook) === null || _this$notebook2 === void 0 ? void 0 : _this$notebook2.updateDimensions();
   }
 
   handleShowRename() {
@@ -811,6 +837,42 @@ class NotebookPanel extends Component {
     log.debug('handlePanelTabClick');
     this.focus();
   }
+  /**
+   * 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
+   */
+
+
+  handleTransformLinkUri(src) {
+    var {
+      notebooksUrl
+    } = this.props;
+    var {
+      fileMetadata
+    } = this.state;
+
+    if (src.endsWith('/')) {
+      return src;
+    }
+
+    if (src.startsWith('/')) {
+      return "".concat(notebooksUrl).concat(src.substring(1));
+    }
+
+    var itemName = fileMetadata === null || fileMetadata === void 0 ? void 0 : fileMetadata.itemName;
+
+    if (!itemName) {
+      return src;
+    }
+
+    if (itemName.charAt(0) === '/') {
+      itemName = itemName.substring(1);
+    }
+
+    var itemUri = new URL(itemName, notebooksUrl);
+    return new URL(src, itemUri).href;
+  }
 
   focus() {
     requestAnimationFrame(() => {
@@ -849,12 +911,33 @@ class NotebookPanel extends Component {
       return;
     }
 
+    this.removePreviewStatus();
     var {
       glEventHub
     } = this.props;
     glEventHub.emit(ConsoleEvent.SEND_COMMAND, command, false, true);
   }
 
+  removePreviewStatus() {
+    this.setState(_ref4 => {
+      var {
+        isPreview
+      } = _ref4;
+
+      if (isPreview) {
+        var {
+          fileMetadata
+        } = this.state;
+        this.registerFileMetadata(fileMetadata, false);
+        return {
+          isPreview: false
+        };
+      }
+
+      return null;
+    });
+  }
+
   render() {
     var _fileMetadata$itemNam;
 
@@ -884,6 +967,7 @@ class NotebookPanel extends Component {
 
     var focusOnMount = isDashboardActive && !glContainer.isHidden && !isPreview;
     var itemName = (_fileMetadata$itemNam = fileMetadata === null || fileMetadata === void 0 ? void 0 : fileMetadata.itemName) !== null && _fileMetadata$itemNam !== void 0 ? _fileMetadata$itemNam : NotebookPanel.DEFAULT_NAME;
+    var isMarkdown = itemName.endsWith('.md');
     var isExistingItem = (fileMetadata === null || fileMetadata === void 0 ? void 0 : fileMetadata.id) != null;
     var overflowActions = this.getOverflowActions();
 
@@ -931,7 +1015,7 @@ class NotebookPanel extends Component {
       onBlur: this.handleBlur,
       additionalActions: additionalActions,
       renderTabTooltip: () => itemName
-    }, /*#__PURE__*/React.createElement("div", {
+    }, !isMarkdown && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: "notebook-toolbar"
     }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("button", {
       type: "button",
@@ -978,6 +1062,12 @@ class NotebookPanel extends Component {
       ref: notebook => {
         this.notebook = notebook;
       }
+    })), isMarkdown && /*#__PURE__*/React.createElement(MarkdownNotebook, {
+      content: settings.value,
+      onLinkClick: this.handleLinkClick,
+      onRunCode: this.handleRunCommand,
+      transformImageUri: this.handleTransformLinkUri,
+      transformLinkUri: this.handleTransformLinkUri
     }), /*#__PURE__*/React.createElement(NewItemModal, {
       isOpen: showSaveAsModal,
       type: "file",
@@ -1029,13 +1119,15 @@ NotebookPanel.propTypes = {
   panelState: PropTypes.shape({
     settings: PropTypes.shape({}),
     fileMetadata: PropTypes.shape({})
-  }).isRequired
+  }).isRequired,
+  notebooksUrl: PropTypes.string
 };
 NotebookPanel.defaultProps = {
   isDashboardActive: true,
   isPreview: false,
   session: null,
-  sessionLanguage: null
+  sessionLanguage: null,
+  notebooksUrl: new URL("".concat(process.env.REACT_APP_NOTEBOOKS_URL, "/"), window.location).href
 };
 
 var mapStateToProps = (state, ownProps) => {