@jupyterlab/markdownviewer 4.0.0-alpha.9 → 4.0.0-beta.1

package/lib/index.d.ts

@@ -2,5 +2,6 @@
  * @packageDocumentation
  * @module markdownviewer
  */
+export * from './toc';
 export * from './tokens';
 export * from './widget';

package/lib/index.js

@@ -4,6 +4,7 @@
  * @packageDocumentation
  * @module markdownviewer
  */
+export * from './toc';
 export * from './tokens';
 export * from './widget';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAC3D;;;GAGG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAC3D;;;GAGG;AAEH,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}

package/lib/toc.d.ts

@@ -0,0 +1,67 @@
+import { IWidgetTracker } from '@jupyterlab/apputils';
+import { IMarkdownParser } from '@jupyterlab/rendermime';
+import { TableOfContents, TableOfContentsFactory, TableOfContentsModel, TableOfContentsUtils } from '@jupyterlab/toc';
+import { MarkdownDocument } from './widget';
+/**
+ * Interface describing a Markdown viewer heading.
+ */
+export interface IMarkdownViewerHeading extends TableOfContentsUtils.Markdown.IMarkdownHeading {
+}
+/**
+ * Table of content model for Markdown viewer files.
+ */
+export declare class MarkdownViewerTableOfContentsModel extends TableOfContentsModel<IMarkdownViewerHeading, MarkdownDocument> {
+    protected parser: IMarkdownParser | null;
+    /**
+     * Constructor
+     *
+     * @param widget The widget to search in
+     * @param parser Markdown parser
+     * @param configuration Default model configuration
+     */
+    constructor(widget: MarkdownDocument, parser: IMarkdownParser | null, configuration?: TableOfContents.IConfig);
+    /**
+     * Type of document supported by the model.
+     *
+     * #### Notes
+     * A `data-document-type` attribute with this value will be set
+     * on the tree view `.jp-TableOfContents-content[data-document-type="..."]`
+     */
+    get documentType(): string;
+    /**
+     * Whether the model gets updated even if the table of contents panel
+     * is hidden or not.
+     */
+    protected get isAlwaysActive(): boolean;
+    /**
+     * List of configuration options supported by the model.
+     */
+    get supportedOptions(): (keyof TableOfContents.IConfig)[];
+    /**
+     * Produce the headings for a document.
+     *
+     * @returns The list of new headings or `null` if nothing needs to be updated.
+     */
+    protected getHeadings(): Promise<IMarkdownViewerHeading[] | null>;
+}
+/**
+ * Table of content model factory for Markdown viewer files.
+ */
+export declare class MarkdownViewerTableOfContentsFactory extends TableOfContentsFactory<MarkdownDocument> {
+    protected parser: IMarkdownParser | null;
+    /**
+     * Constructor
+     *
+     * @param tracker Widget tracker
+     * @param parser Markdown parser
+     */
+    constructor(tracker: IWidgetTracker<MarkdownDocument>, parser: IMarkdownParser | null);
+    /**
+     * Create a new table of contents model for the widget
+     *
+     * @param widget - widget
+     * @param configuration - Table of contents configuration
+     * @returns The table of contents model
+     */
+    protected _createNew(widget: MarkdownDocument, configuration?: TableOfContents.IConfig): TableOfContentsModel<TableOfContents.IHeading, MarkdownDocument>;
+}

package/lib/toc.js

@@ -0,0 +1,126 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+import { TableOfContentsFactory, TableOfContentsModel, TableOfContentsUtils } from '@jupyterlab/toc';
+/**
+ * Table of content model for Markdown viewer files.
+ */
+export class MarkdownViewerTableOfContentsModel extends TableOfContentsModel {
+    /**
+     * Constructor
+     *
+     * @param widget The widget to search in
+     * @param parser Markdown parser
+     * @param configuration Default model configuration
+     */
+    constructor(widget, parser, configuration) {
+        super(widget, configuration);
+        this.parser = parser;
+    }
+    /**
+     * Type of document supported by the model.
+     *
+     * #### Notes
+     * A `data-document-type` attribute with this value will be set
+     * on the tree view `.jp-TableOfContents-content[data-document-type="..."]`
+     */
+    get documentType() {
+        return 'markdown-viewer';
+    }
+    /**
+     * Whether the model gets updated even if the table of contents panel
+     * is hidden or not.
+     */
+    get isAlwaysActive() {
+        return true;
+    }
+    /**
+     * List of configuration options supported by the model.
+     */
+    get supportedOptions() {
+        return ['maximalDepth', 'numberingH1', 'numberHeaders'];
+    }
+    /**
+     * Produce the headings for a document.
+     *
+     * @returns The list of new headings or `null` if nothing needs to be updated.
+     */
+    getHeadings() {
+        const content = this.widget.context.model.toString();
+        const headings = TableOfContentsUtils.filterHeadings(TableOfContentsUtils.Markdown.getHeadings(content), {
+            ...this.configuration,
+            // Force base number to be equal to 1
+            baseNumbering: 1
+        });
+        return Promise.resolve(headings);
+    }
+}
+/**
+ * Table of content model factory for Markdown viewer files.
+ */
+export class MarkdownViewerTableOfContentsFactory extends TableOfContentsFactory {
+    /**
+     * Constructor
+     *
+     * @param tracker Widget tracker
+     * @param parser Markdown parser
+     */
+    constructor(tracker, parser) {
+        super(tracker);
+        this.parser = parser;
+    }
+    /**
+     * Create a new table of contents model for the widget
+     *
+     * @param widget - widget
+     * @param configuration - Table of contents configuration
+     * @returns The table of contents model
+     */
+    _createNew(widget, configuration) {
+        const model = new MarkdownViewerTableOfContentsModel(widget, this.parser, configuration);
+        let headingToElement = new WeakMap();
+        const onActiveHeadingChanged = (model, heading) => {
+            if (heading) {
+                const el = headingToElement.get(heading);
+                if (el) {
+                    const widgetBox = widget.content.node.getBoundingClientRect();
+                    const elementBox = el.getBoundingClientRect();
+                    if (elementBox.top > widgetBox.bottom ||
+                        elementBox.bottom < widgetBox.top) {
+                        el.scrollIntoView({ block: 'center' });
+                    }
+                }
+            }
+        };
+        const onHeadingsChanged = () => {
+            if (!this.parser) {
+                return;
+            }
+            // Clear all numbering items
+            TableOfContentsUtils.clearNumbering(widget.content.node);
+            // Create a new mapping
+            headingToElement = new WeakMap();
+            model.headings.forEach(async (heading) => {
+                var _a;
+                const elementId = await TableOfContentsUtils.Markdown.getHeadingId(this.parser, heading.raw, heading.level);
+                if (!elementId) {
+                    return;
+                }
+                const selector = `h${heading.level}[id="${elementId}"]`;
+                headingToElement.set(heading, TableOfContentsUtils.addPrefix(widget.content.node, selector, (_a = heading.prefix) !== null && _a !== void 0 ? _a : ''));
+            });
+        };
+        void widget.content.ready.then(() => {
+            onHeadingsChanged();
+            widget.content.rendered.connect(onHeadingsChanged);
+            model.activeHeadingChanged.connect(onActiveHeadingChanged);
+            model.headingsChanged.connect(onHeadingsChanged);
+            widget.disposed.connect(() => {
+                widget.content.rendered.disconnect(onHeadingsChanged);
+                model.activeHeadingChanged.disconnect(onActiveHeadingChanged);
+                model.headingsChanged.disconnect(onHeadingsChanged);
+            });
+        });
+        return model;
+    }
+}
+//# sourceMappingURL=toc.js.map

package/lib/toc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc.js","sourceRoot":"","sources":["../src/toc.ts"],"names":[],"mappings":"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"}

package/lib/widget.d.ts

@@ -2,6 +2,7 @@ import { ABCWidgetFactory, DocumentRegistry, DocumentWidget } from '@jupyterlab/
 import { IRenderMime, IRenderMimeRegistry } from '@jupyterlab/rendermime';
 import { ITranslator } from '@jupyterlab/translation';
 import { Message } from '@lumino/messaging';
+import { ISignal } from '@lumino/signaling';
 import { Widget } from '@lumino/widgets';
 /**
  * A widget for markdown documents.
@@ -15,6 +16,10 @@ export declare class MarkdownViewer extends Widget {
      * A promise that resolves when the markdown viewer is ready.
      */
     get ready(): Promise<void>;
+    /**
+     * Signal emitted when the content has been rendered.
+     */
+    get rendered(): ISignal<MarkdownViewer, void>;
     /**
      * Set URI fragment identifier.
      */
@@ -49,6 +54,7 @@ export declare class MarkdownViewer extends Widget {
     private _ready;
     private _isRendering;
     private _renderRequested;
+    private _rendered;
 }
 /**
  * The namespace for MarkdownViewer class statics.

package/lib/widget.js

@@ -6,6 +6,7 @@ import { ABCWidgetFactory, DocumentWidget } from '@jupyterlab/docregistry';
 import { MimeModel } from '@jupyterlab/rendermime';
 import { nullTranslator } from '@jupyterlab/translation';
 import { PromiseDelegate } from '@lumino/coreutils';
+import { Signal } from '@lumino/signaling';
 import { StackedLayout, Widget } from '@lumino/widgets';
 /**
  * The class name added to a markdown viewer.
@@ -24,11 +25,12 @@ export class MarkdownViewer extends Widget {
      */
     constructor(options) {
         super();
-        this._config = Object.assign({}, MarkdownViewer.defaultConfig);
+        this._config = { ...MarkdownViewer.defaultConfig };
         this._fragment = '';
         this._ready = new PromiseDelegate();
         this._isRendering = false;
         this._renderRequested = false;
+        this._rendered = new Signal(this);
         this.context = options.context;
         this.translator = options.translator || nullTranslator;
         this._trans = this.translator.load('jupyterlab');
@@ -54,6 +56,12 @@ export class MarkdownViewer extends Widget {
     get ready() {
         return this._ready.promise;
     }
+    /**
+     * Signal emitted when the content has been rendered.
+     */
+    get rendered() {
+        return this._rendered;
+    }
     /**
      * Set URI fragment identifier.
      */
@@ -162,6 +170,9 @@ export class MarkdownViewer extends Widget {
             if (this._renderRequested) {
                 return this._render();
             }
+            else {
+                this._rendered.emit();
+            }
         }
         catch (reason) {
             // Dispose the document if rendering fails.
@@ -234,7 +245,10 @@ var Private;
      * Create the document registry options.
      */
     function createRegistryOptions(options) {
-        return Object.assign(Object.assign({}, options), { readOnly: true });
+        return {
+            ...options,
+            readOnly: true
+        };
     }
     Private.createRegistryOptions = createRegistryOptions;
     /**

package/lib/widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.js","sourceRoot":"","sources":["../src/widget.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"widget.js","sourceRoot":"","sources":["../src/widget.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyterlab/markdownviewer",
-  "version": "4.0.0-alpha.9",
+  "version": "4.0.0-beta.1",
   "description": "JupyterLab - Markdown viewer Widget",
   "homepage": "https://github.com/jupyterlab/jupyterlab",
   "bugs": {
@@ -27,7 +27,8 @@
     "lib/*.js.map",
     "lib/*.js",
     "style/*.css",
-    "style/index.js"
+    "style/index.js",
+    "src/**/*.{ts,tsx}"
   ],
   "scripts": {
     "build": "tsc -b",
@@ -36,19 +37,21 @@
     "watch": "tsc -b --watch"
   },
   "dependencies": {
-    "@jupyterlab/apputils": "^4.0.0-alpha.9",
-    "@jupyterlab/coreutils": "^6.0.0-alpha.9",
-    "@jupyterlab/docregistry": "^4.0.0-alpha.9",
-    "@jupyterlab/rendermime": "^4.0.0-alpha.9",
-    "@jupyterlab/translation": "^4.0.0-alpha.9",
-    "@lumino/coreutils": "^1.12.0",
-    "@lumino/messaging": "^1.10.1",
-    "@lumino/widgets": "^1.31.1"
+    "@jupyterlab/apputils": "^4.0.0-beta.1",
+    "@jupyterlab/coreutils": "^6.0.0-beta.1",
+    "@jupyterlab/docregistry": "^4.0.0-beta.1",
+    "@jupyterlab/rendermime": "^4.0.0-beta.1",
+    "@jupyterlab/toc": "^6.0.0-beta.1",
+    "@jupyterlab/translation": "^4.0.0-beta.1",
+    "@lumino/coreutils": "^2.0.0",
+    "@lumino/messaging": "^2.0.0",
+    "@lumino/signaling": "^2.0.0",
+    "@lumino/widgets": "^2.0.1"
   },
   "devDependencies": {
     "rimraf": "~3.0.0",
-    "typedoc": "~0.22.10",
-    "typescript": "~4.6.3"
+    "typedoc": "~0.23.25",
+    "typescript": "~5.0.2"
   },
   "publishConfig": {
     "access": "public"

package/src/index.ts

@@ -0,0 +1,10 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+/**
+ * @packageDocumentation
+ * @module markdownviewer
+ */
+
+export * from './toc';
+export * from './tokens';
+export * from './widget';

package/src/toc.ts

@@ -0,0 +1,195 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { IWidgetTracker } from '@jupyterlab/apputils';
+import { IMarkdownParser } from '@jupyterlab/rendermime';
+import {
+  TableOfContents,
+  TableOfContentsFactory,
+  TableOfContentsModel,
+  TableOfContentsUtils
+} from '@jupyterlab/toc';
+import { MarkdownDocument } from './widget';
+
+/**
+ * Interface describing a Markdown viewer heading.
+ */
+export interface IMarkdownViewerHeading
+  extends TableOfContentsUtils.Markdown.IMarkdownHeading {}
+
+/**
+ * Table of content model for Markdown viewer files.
+ */
+export class MarkdownViewerTableOfContentsModel extends TableOfContentsModel<
+  IMarkdownViewerHeading,
+  MarkdownDocument
+> {
+  /**
+   * Constructor
+   *
+   * @param widget The widget to search in
+   * @param parser Markdown parser
+   * @param configuration Default model configuration
+   */
+  constructor(
+    widget: MarkdownDocument,
+    protected parser: IMarkdownParser | null,
+    configuration?: TableOfContents.IConfig
+  ) {
+    super(widget, configuration);
+  }
+
+  /**
+   * Type of document supported by the model.
+   *
+   * #### Notes
+   * A `data-document-type` attribute with this value will be set
+   * on the tree view `.jp-TableOfContents-content[data-document-type="..."]`
+   */
+  get documentType(): string {
+    return 'markdown-viewer';
+  }
+
+  /**
+   * Whether the model gets updated even if the table of contents panel
+   * is hidden or not.
+   */
+  protected get isAlwaysActive(): boolean {
+    return true;
+  }
+
+  /**
+   * List of configuration options supported by the model.
+   */
+  get supportedOptions(): (keyof TableOfContents.IConfig)[] {
+    return ['maximalDepth', 'numberingH1', 'numberHeaders'];
+  }
+
+  /**
+   * Produce the headings for a document.
+   *
+   * @returns The list of new headings or `null` if nothing needs to be updated.
+   */
+  protected getHeadings(): Promise<IMarkdownViewerHeading[] | null> {
+    const content = this.widget.context.model.toString();
+    const headings = TableOfContentsUtils.filterHeadings(
+      TableOfContentsUtils.Markdown.getHeadings(content),
+      {
+        ...this.configuration,
+        // Force base number to be equal to 1
+        baseNumbering: 1
+      }
+    );
+    return Promise.resolve(headings);
+  }
+}
+
+/**
+ * Table of content model factory for Markdown viewer files.
+ */
+export class MarkdownViewerTableOfContentsFactory extends TableOfContentsFactory<MarkdownDocument> {
+  /**
+   * Constructor
+   *
+   * @param tracker Widget tracker
+   * @param parser Markdown parser
+   */
+  constructor(
+    tracker: IWidgetTracker<MarkdownDocument>,
+    protected parser: IMarkdownParser | null
+  ) {
+    super(tracker);
+  }
+
+  /**
+   * Create a new table of contents model for the widget
+   *
+   * @param widget - widget
+   * @param configuration - Table of contents configuration
+   * @returns The table of contents model
+   */
+  protected _createNew(
+    widget: MarkdownDocument,
+    configuration?: TableOfContents.IConfig
+  ): TableOfContentsModel<TableOfContents.IHeading, MarkdownDocument> {
+    const model = new MarkdownViewerTableOfContentsModel(
+      widget,
+      this.parser,
+      configuration
+    );
+
+    let headingToElement = new WeakMap<
+      IMarkdownViewerHeading,
+      Element | null
+    >();
+
+    const onActiveHeadingChanged = (
+      model: TableOfContentsModel<IMarkdownViewerHeading, MarkdownDocument>,
+      heading: IMarkdownViewerHeading | null
+    ) => {
+      if (heading) {
+        const el = headingToElement.get(heading);
+
+        if (el) {
+          const widgetBox = widget.content.node.getBoundingClientRect();
+          const elementBox = el.getBoundingClientRect();
+
+          if (
+            elementBox.top > widgetBox.bottom ||
+            elementBox.bottom < widgetBox.top
+          ) {
+            el.scrollIntoView({ block: 'center' });
+          }
+        }
+      }
+    };
+
+    const onHeadingsChanged = () => {
+      if (!this.parser) {
+        return;
+      }
+
+      // Clear all numbering items
+      TableOfContentsUtils.clearNumbering(widget.content.node);
+
+      // Create a new mapping
+      headingToElement = new WeakMap<IMarkdownViewerHeading, Element | null>();
+      model.headings.forEach(async heading => {
+        const elementId = await TableOfContentsUtils.Markdown.getHeadingId(
+          this.parser!,
+          heading.raw,
+          heading.level
+        );
+
+        if (!elementId) {
+          return;
+        }
+        const selector = `h${heading.level}[id="${elementId}"]`;
+
+        headingToElement.set(
+          heading,
+          TableOfContentsUtils.addPrefix(
+            widget.content.node,
+            selector,
+            heading.prefix ?? ''
+          )
+        );
+      });
+    };
+
+    void widget.content.ready.then(() => {
+      onHeadingsChanged();
+
+      widget.content.rendered.connect(onHeadingsChanged);
+      model.activeHeadingChanged.connect(onActiveHeadingChanged);
+      model.headingsChanged.connect(onHeadingsChanged);
+      widget.disposed.connect(() => {
+        widget.content.rendered.disconnect(onHeadingsChanged);
+        model.activeHeadingChanged.disconnect(onActiveHeadingChanged);
+        model.headingsChanged.disconnect(onHeadingsChanged);
+      });
+    });
+
+    return model;
+  }
+}

package/src/tokens.ts

@@ -0,0 +1,19 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { IWidgetTracker } from '@jupyterlab/apputils';
+import { Token } from '@lumino/coreutils';
+import { MarkdownDocument } from './widget';
+
+/**
+ * The markdownviewer tracker token.
+ */
+export const IMarkdownViewerTracker = new Token<IMarkdownViewerTracker>(
+  '@jupyterlab/markdownviewer:IMarkdownViewerTracker'
+);
+
+/**
+ * A class that tracks markdown viewer widgets.
+ */
+export interface IMarkdownViewerTracker
+  extends IWidgetTracker<MarkdownDocument> {}

package/src/widget.ts

@@ -0,0 +1,392 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { showErrorMessage } from '@jupyterlab/apputils';
+import { ActivityMonitor } from '@jupyterlab/coreutils';
+import {
+  ABCWidgetFactory,
+  DocumentRegistry,
+  DocumentWidget
+} from '@jupyterlab/docregistry';
+import {
+  IRenderMime,
+  IRenderMimeRegistry,
+  MimeModel
+} from '@jupyterlab/rendermime';
+import {
+  ITranslator,
+  nullTranslator,
+  TranslationBundle
+} from '@jupyterlab/translation';
+import { JSONObject, PromiseDelegate } from '@lumino/coreutils';
+import { Message } from '@lumino/messaging';
+import { ISignal, Signal } from '@lumino/signaling';
+import { StackedLayout, Widget } from '@lumino/widgets';
+
+/**
+ * The class name added to a markdown viewer.
+ */
+const MARKDOWNVIEWER_CLASS = 'jp-MarkdownViewer';
+
+/**
+ * The markdown MIME type.
+ */
+const MIMETYPE = 'text/markdown';
+
+/**
+ * A widget for markdown documents.
+ */
+export class MarkdownViewer extends Widget {
+  /**
+   * Construct a new markdown viewer widget.
+   */
+  constructor(options: MarkdownViewer.IOptions) {
+    super();
+    this.context = options.context;
+    this.translator = options.translator || nullTranslator;
+    this._trans = this.translator.load('jupyterlab');
+    this.renderer = options.renderer;
+    this.node.tabIndex = 0;
+    this.addClass(MARKDOWNVIEWER_CLASS);
+
+    const layout = (this.layout = new StackedLayout());
+    layout.addWidget(this.renderer);
+
+    void this.context.ready.then(async () => {
+      await this._render();
+
+      // Throttle the rendering rate of the widget.
+      this._monitor = new ActivityMonitor({
+        signal: this.context.model.contentChanged,
+        timeout: this._config.renderTimeout
+      });
+      this._monitor.activityStopped.connect(this.update, this);
+
+      this._ready.resolve(undefined);
+    });
+  }
+
+  /**
+   * A promise that resolves when the markdown viewer is ready.
+   */
+  get ready(): Promise<void> {
+    return this._ready.promise;
+  }
+
+  /**
+   * Signal emitted when the content has been rendered.
+   */
+  get rendered(): ISignal<MarkdownViewer, void> {
+    return this._rendered;
+  }
+
+  /**
+   * Set URI fragment identifier.
+   */
+  setFragment(fragment: string): void {
+    this._fragment = fragment;
+    this.update();
+  }
+
+  /**
+   * Set a config option for the markdown viewer.
+   */
+  setOption<K extends keyof MarkdownViewer.IConfig>(
+    option: K,
+    value: MarkdownViewer.IConfig[K]
+  ): void {
+    if (this._config[option] === value) {
+      return;
+    }
+    this._config[option] = value;
+    const { style } = this.renderer.node;
+    switch (option) {
+      case 'fontFamily':
+        style.setProperty('font-family', value as string | null);
+        break;
+      case 'fontSize':
+        style.setProperty('font-size', value ? value + 'px' : null);
+        break;
+      case 'hideFrontMatter':
+        this.update();
+        break;
+      case 'lineHeight':
+        style.setProperty('line-height', value ? value.toString() : null);
+        break;
+      case 'lineWidth': {
+        const padding = value ? `calc(50% - ${(value as number) / 2}ch)` : null;
+        style.setProperty('padding-left', padding);
+        style.setProperty('padding-right', padding);
+        break;
+      }
+      case 'renderTimeout':
+        if (this._monitor) {
+          this._monitor.timeout = value as number;
+        }
+        break;
+      default:
+        break;
+    }
+  }
+
+  /**
+   * Dispose of the resources held by the widget.
+   */
+  dispose(): void {
+    if (this.isDisposed) {
+      return;
+    }
+    if (this._monitor) {
+      this._monitor.dispose();
+    }
+    this._monitor = null;
+    super.dispose();
+  }
+
+  /**
+   * Handle an `update-request` message to the widget.
+   */
+  protected onUpdateRequest(msg: Message): void {
+    if (this.context.isReady && !this.isDisposed) {
+      void this._render();
+      this._fragment = '';
+    }
+  }
+
+  /**
+   * Handle `'activate-request'` messages.
+   */
+  protected onActivateRequest(msg: Message): void {
+    this.node.focus();
+  }
+
+  /**
+   * Render the mime content.
+   */
+  private async _render(): Promise<void> {
+    if (this.isDisposed) {
+      return;
+    }
+
+    // Since rendering is async, we note render requests that happen while we
+    // actually are rendering for a future rendering.
+    if (this._isRendering) {
+      this._renderRequested = true;
+      return;
+    }
+
+    // Set up for this rendering pass.
+    this._renderRequested = false;
+    const { context } = this;
+    const { model } = context;
+    const source = model.toString();
+    const data: JSONObject = {};
+    // If `hideFrontMatter`is true remove front matter.
+    data[MIMETYPE] = this._config.hideFrontMatter
+      ? Private.removeFrontMatter(source)
+      : source;
+    const mimeModel = new MimeModel({
+      data,
+      metadata: { fragment: this._fragment }
+    });
+
+    try {
+      // Do the rendering asynchronously.
+      this._isRendering = true;
+      await this.renderer.renderModel(mimeModel);
+      this._isRendering = false;
+
+      // If there is an outstanding request to render, go ahead and render
+      if (this._renderRequested) {
+        return this._render();
+      } else {
+        this._rendered.emit();
+      }
+    } catch (reason) {
+      // Dispose the document if rendering fails.
+      requestAnimationFrame(() => {
+        this.dispose();
+      });
+      void showErrorMessage(
+        this._trans.__('Renderer Failure: %1', context.path),
+        reason
+      );
+    }
+  }
+
+  readonly context: DocumentRegistry.Context;
+  readonly renderer: IRenderMime.IRenderer;
+  protected translator: ITranslator;
+  private _trans: TranslationBundle;
+  private _config = { ...MarkdownViewer.defaultConfig };
+  private _fragment = '';
+  private _monitor: ActivityMonitor<DocumentRegistry.IModel, void> | null;
+  private _ready = new PromiseDelegate<void>();
+  private _isRendering = false;
+  private _renderRequested = false;
+  private _rendered = new Signal<MarkdownViewer, void>(this);
+}
+
+/**
+ * The namespace for MarkdownViewer class statics.
+ */
+export namespace MarkdownViewer {
+  /**
+   * The options used to initialize a MarkdownViewer.
+   */
+  export interface IOptions {
+    /**
+     * Context
+     */
+    context: DocumentRegistry.IContext<DocumentRegistry.IModel>;
+
+    /**
+     * The renderer instance.
+     */
+    renderer: IRenderMime.IRenderer;
+
+    /**
+     * The application language translator.
+     */
+    translator?: ITranslator;
+  }
+
+  export interface IConfig {
+    /**
+     * User preferred font family for markdown viewer.
+     */
+    fontFamily: string | null;
+
+    /**
+     * User preferred size in pixel of the font used in markdown viewer.
+     */
+    fontSize: number | null;
+
+    /**
+     * User preferred text line height, as a multiplier of font size.
+     */
+    lineHeight: number | null;
+
+    /**
+     * User preferred text line width expressed in CSS ch units.
+     */
+    lineWidth: number | null;
+
+    /**
+     * Whether to hide the YAML front matter.
+     */
+    hideFrontMatter: boolean;
+
+    /**
+     * The render timeout.
+     */
+    renderTimeout: number;
+  }
+
+  /**
+   * The default configuration options for an editor.
+   */
+  export const defaultConfig: MarkdownViewer.IConfig = {
+    fontFamily: null,
+    fontSize: null,
+    lineHeight: null,
+    lineWidth: null,
+    hideFrontMatter: true,
+    renderTimeout: 1000
+  };
+}
+
+/**
+ * A document widget for markdown content.
+ */
+export class MarkdownDocument extends DocumentWidget<MarkdownViewer> {
+  setFragment(fragment: string): void {
+    this.content.setFragment(fragment);
+  }
+}
+
+/**
+ * A widget factory for markdown viewers.
+ */
+export class MarkdownViewerFactory extends ABCWidgetFactory<MarkdownDocument> {
+  /**
+   * Construct a new markdown viewer widget factory.
+   */
+  constructor(options: MarkdownViewerFactory.IOptions) {
+    super(Private.createRegistryOptions(options));
+    this._fileType = options.primaryFileType;
+    this._rendermime = options.rendermime;
+  }
+
+  /**
+   * Create a new widget given a context.
+   */
+  protected createNewWidget(
+    context: DocumentRegistry.Context
+  ): MarkdownDocument {
+    const rendermime = this._rendermime.clone({
+      resolver: context.urlResolver
+    });
+    const renderer = rendermime.createRenderer(MIMETYPE);
+    const content = new MarkdownViewer({ context, renderer });
+    content.title.icon = this._fileType?.icon;
+    content.title.iconClass = this._fileType?.iconClass ?? '';
+    content.title.iconLabel = this._fileType?.iconLabel ?? '';
+    const widget = new MarkdownDocument({ content, context });
+
+    return widget;
+  }
+
+  private _fileType: DocumentRegistry.IFileType | undefined;
+  private _rendermime: IRenderMimeRegistry;
+}
+
+/**
+ * The namespace for MarkdownViewerFactory class statics.
+ */
+export namespace MarkdownViewerFactory {
+  /**
+   * The options used to initialize a MarkdownViewerFactory.
+   */
+  export interface IOptions extends DocumentRegistry.IWidgetFactoryOptions {
+    /**
+     * The primary file type associated with the document.
+     */
+    primaryFileType: DocumentRegistry.IFileType | undefined;
+
+    /**
+     * The rendermime instance.
+     */
+    rendermime: IRenderMimeRegistry;
+  }
+}
+
+/**
+ * A namespace for markdown viewer widget private data.
+ */
+namespace Private {
+  /**
+   * Create the document registry options.
+   */
+  export function createRegistryOptions(
+    options: MarkdownViewerFactory.IOptions
+  ): DocumentRegistry.IWidgetFactoryOptions {
+    return {
+      ...options,
+      readOnly: true
+    } as DocumentRegistry.IWidgetFactoryOptions;
+  }
+
+  /**
+   * Remove YAML front matter from source.
+   */
+  export function removeFrontMatter(source: string): string {
+    const re = /^---\n[^]*?\n(---|...)\n/;
+    const match = source.match(re);
+    if (!match) {
+      return source;
+    }
+    const { length } = match[0];
+    return source.slice(length);
+  }
+}

package/style/index.css

@@ -8,5 +8,6 @@
 @import url('~@jupyterlab/apputils/style/index.css');
 @import url('~@jupyterlab/rendermime/style/index.css');
 @import url('~@jupyterlab/docregistry/style/index.css');
+@import url('~@jupyterlab/toc/style/index.css');
 
 @import url('./base.css');

package/style/index.js

@@ -8,5 +8,6 @@ import '@lumino/widgets/style/index.js';
 import '@jupyterlab/apputils/style/index.js';
 import '@jupyterlab/rendermime/style/index.js';
 import '@jupyterlab/docregistry/style/index.js';
+import '@jupyterlab/toc/style/index.js';
 
 import './base.css';