@quarto/jupyterlab-quarto 0.1.45 → 0.2.3

package/LICENSE

@@ -1,6 +1,6 @@
 BSD 3-Clause License
 
-Copyright (c) 2023, Posit, PBC
+Copyright (c) 2023, Charles Teague
 All rights reserved.
 
 Redistribution and use in source and binary forms, with or without

package/README.md

@@ -1,23 +1,34 @@
 # JupyterLab Quarto Extension
 
-[Quarto](https://www.quarto.org) is an open source project that combines Jupyter notebooks with flexible options to use a single source document to produce high-quality articles, reports, presentations, websites, and books in HTML, PDF, MS Word, ePub, and more. Quarto supports a wide variety of useful new features useful in technical documents, including support for LaTeX equations, citations, cross-references, figure panels, callouts, advanced page layout, and more. 
+[Quarto](https://www.quarto.org) is an open source project that combines Jupyter notebooks with flexible options to use a single source document to produce high-quality articles, reports, presentations, websites, and books in HTML, PDF, MS Word, ePub, and more. Quarto supports a wide variety of useful new features useful in technical documents, including support for LaTeX equations, citations, cross-references, figure panels, callouts, advanced page layout, and more.
 
 The JupyterLab Quarto extension allows JupyterLab to render notebooks which include Quarto markdown content.
 <br/><br/>
+
 <p align="center">
 <img src="https://user-images.githubusercontent.com/261654/230087634-d5027ebc-8508-43b4-81c9-c4b7d6cfa738.png" width="60%">
 </p>
 
+### Binder
+
+You can try an example of the extension in a notebook (though you can't actually render the notebook using Quarto) on Binder.
+
+[![Binder](https://mybinder.org/badge_logo.svg)](https://mybinder.org/v2/gh/quarto-dev/jupyterlab-quarto/main?urlpath=lab)
+
+## Status
+
+[![Github Actions Status](https://github.com/quarto-dev/jupyterlab-quarto/workflows/Build/badge.svg)](https://github.com/quarto-dev/jupyterlab-quarto/actions/workflows/build.yml)
+
 ## Requirements
 
-- JupyterLab >= 3.0
+- JupyterLab >= 4.0.0
 
 ## Install
 
 To install the extension, execute:
 
 ```bash
-pip install jupyterlab-quarto
+pip install jupyterlab_quarto
 ```
 
 ## Uninstall
@@ -25,40 +36,42 @@ pip install jupyterlab-quarto
 To remove the extension, execute:
 
 ```bash
-pip uninstall jupyterlab-quarto
+pip uninstall jupyterlab_quarto
 ```
 
 ## Contributing
 
 ### Development install
 
+Note: You will need NodeJS to build the extension package.
+
+The `jlpm` command is JupyterLab's pinned version of
+[yarn](https://yarnpkg.com/) that is installed with JupyterLab. You may use
+`yarn` or `npm` in lieu of `jlpm` below.
+
 ```bash
-# From apps/jupyterlab
+# Clone the repo to your local environment
+# Change directory to the jupyterlab_quarto directory
 # Install package in development mode
 pip install -e "."
 # Link your development version of the extension with JupyterLab
 jupyter labextension develop . --overwrite
 # Rebuild extension Typescript source after making changes
-yarn build
+jlpm build
 ```
-Note: You will need NodeJS to build the extension package.
-
-Note: The `jlpm` command is JupyterLab's pinned version of
-[yarn](https://yarnpkg.com/) that is installed with JupyterLab. You may use
-`yarn` or `npm` in lieu of `jlpm` below.
 
 You can watch the source directory and run JupyterLab at the same time in different terminals to watch for changes in the extension's source and automatically rebuild the extension.
 
 ```bash
 # Watch the source directory in one terminal, automatically rebuilding when needed
-yarn watch
+jlpm watch
 # Run JupyterLab in another terminal
 jupyter lab
 ```
 
 With the watch command running, every saved change will immediately be built locally and available in your running JupyterLab. Refresh JupyterLab to load the change in your browser (you may need to wait several seconds for the extension to be rebuilt).
 
-By default, the `build` command generates the source maps for this extension to make it easier to debug using the browser dev tools. To also generate source maps for the JupyterLab core extensions, you can run the following command:
+By default, the `jlpm build` command generates the source maps for this extension to make it easier to debug using the browser dev tools. To also generate source maps for the JupyterLab core extensions, you can run the following command:
 
 ```bash
 jupyter lab build --minimize=False
@@ -67,12 +80,32 @@ jupyter lab build --minimize=False
 ### Development uninstall
 
 ```bash
-pip uninstall jupyterlab-quarto
+pip uninstall jupyterlab_quarto
 ```
 
 In development mode, you will also need to remove the symlink created by `jupyter labextension develop`
 command. To find its location, you can run `jupyter labextension list` to figure out where the `labextensions`
-folder is located. Then you can remove the symlink named `jupyterlab-quarto` within that folder.
+folder is located. Then you can remove the symlink named `@quarto/jupyterlab-quarto` within that folder.
+
+### Testing the extension
+
+#### Frontend tests
+
+This extension is using [Jest](https://jestjs.io/) for JavaScript code testing.
+
+To execute them, execute:
+
+```sh
+jlpm
+jlpm test
+```
+
+#### Integration tests
+
+This extension uses [Playwright](https://playwright.dev/) for the integration tests (aka user level tests).
+More precisely, the JupyterLab helper [Galata](https://github.com/jupyterlab/jupyterlab/tree/master/galata) is used to handle testing the extension in JupyterLab.
+
+More information are provided within the [ui-tests](./ui-tests/README.md) README.
 
 ### Packaging the extension
 

package/lib/__tests__/jupyterlab_quarto.spec.d.ts

@@ -0,0 +1,3 @@
+/**
+ * Example of [Jest](https://jestjs.io/docs/getting-started) unit tests
+ */

package/lib/__tests__/jupyterlab_quarto.spec.js

@@ -0,0 +1,9 @@
+"use strict";
+/**
+ * Example of [Jest](https://jestjs.io/docs/getting-started) unit tests
+ */
+describe('@quarto/jupyterlab-quarto', () => {
+    it('should be tested', () => {
+        expect(1 + 1).toEqual(2);
+    });
+});

package/lib/ast/ast.d.ts

@@ -1,3 +1,2 @@
-import type Token from "markdown-it/lib/token";
+import type Token from 'markdown-it/lib/token';
 export declare const toAst: (toks: Token[]) => Token[];
-//# sourceMappingURL=ast.d.ts.map

package/lib/ast/ast.js

@@ -1,8 +1,9 @@
 export const toAst = (toks) => {
     let pos = 0;
     const inner = () => {
-        if (pos >= toks.length)
+        if (pos >= toks.length) {
             return;
+        }
         const tok = toks[pos];
         if (tok.type.endsWith('_open')) {
             ++pos;
@@ -31,9 +32,9 @@ export const toAst = (toks) => {
     const result = [];
     while (pos < toks.length) {
         const node = inner();
-        if (node)
+        if (node) {
             result.push(node);
+        }
     }
     return result;
 };
-//# sourceMappingURL=ast.js.map

package/lib/const.d.ts

@@ -1,5 +1,4 @@
 import { Token } from '@lumino/coreutils';
-import { MarkdownItManager } from "./types";
+import { MarkdownItManager } from './types';
 export declare const kPackageNamespace = "jupyterlab-quarto";
 export declare const kMarkdownItMgr: Token<MarkdownItManager>;
-//# sourceMappingURL=const.d.ts.map

package/lib/const.js

@@ -1,12 +1,11 @@
 /*
-* const.ts
-*
-* Copyright (C) 2020-2023 Posit Software, PBC
-*
-*/
+ * const.ts
+ *
+ * Copyright (C) 2020-2023 Posit Software, PBC
+ *
+ */
 import { Token } from '@lumino/coreutils';
 // The namespace for this project
 export const kPackageNamespace = 'jupyterlab-quarto';
 // The MarkdownIt manager token.
 export const kMarkdownItMgr = new Token(kPackageNamespace);
-//# sourceMappingURL=const.js.map

package/lib/hooks/codemirror.d.ts

@@ -1,4 +1,5 @@
-import { Hook } from "../types";
-export declare function codeMirrorPreloadHook(): Hook<string, string>;
-export declare const codeMirrorHighlight: (str: string, lang: string) => string;
-//# sourceMappingURL=codemirror.d.ts.map
+import { Hook } from '../types';
+import { IEditorLanguageRegistry } from '@jupyterlab/codemirror';
+export declare function codeMirrorPreloadHook(registry: IEditorLanguageRegistry): Hook<string, string>;
+export declare const codeMirrorHighlighter: (languageRegistry: IEditorLanguageRegistry) => (str: string, lang: string, _attr: any) => string;
+export declare const codeMirrorHighlight: (str: string, lang: string, registry: IEditorLanguageRegistry) => string;

package/lib/hooks/codemirror.js

@@ -1,11 +1,10 @@
 /*
-* hooks.ts
-*
-* Copyright (C) 2020-2023 Posit Software, PBC
-*
-*/
-import { Mode } from '@jupyterlab/codemirror';
-export function codeMirrorPreloadHook() {
+ * hooks.ts
+ *
+ * Copyright (C) 2020-2023 Posit Software, PBC
+ *
+ */
+export function codeMirrorPreloadHook(registry) {
     // TODO: Properly deal with {r}, {{r}} style expressions
     const fenced = new RegExp(/^`{3}([^\s]+)/g);
     return {
@@ -14,7 +13,7 @@ export function codeMirrorPreloadHook() {
             let match;
             while ((match = fenced.exec(source))) {
                 if (!newModes.has(match[1])) {
-                    newModes.set(match[1], Mode.ensure(match[1]));
+                    newModes.set(match[1], registry.getLanguage(match[1]));
                 }
             }
             if (newModes.size) {
@@ -24,19 +23,46 @@ export function codeMirrorPreloadHook() {
         }
     };
 }
-export const codeMirrorHighlight = (str, lang) => {
+export const codeMirrorHighlighter = (languageRegistry) => {
+    return (str, lang, _attr) => {
+        if (!lang) {
+            return ''; // use external default escaping
+        }
+        try {
+            const spec = languageRegistry.findBest(lang);
+            if (!spec) {
+                console.warn(`No CodeMirror mode: ${lang}`);
+                return '';
+            }
+            const el = document.createElement('div');
+            try {
+                languageRegistry.highlight(str, spec, el);
+                return el.innerHTML;
+            }
+            catch (err) {
+                console.warn(`Failed to highlight ${lang} code`, err);
+            }
+        }
+        catch (err) {
+            console.warn(`No CodeMirror mode: ${lang}`);
+            console.warn(`Require CodeMirror mode error: ${err}`);
+        }
+        return '';
+    };
+};
+export const codeMirrorHighlight = (str, lang, registry) => {
     if (!lang) {
         return ''; // use external default escaping
     }
     try {
-        const spec = Mode.findBest(lang);
+        const spec = registry.findBest(lang);
         if (!spec) {
             console.warn(`No CodeMirror mode: ${lang}`);
             return '';
         }
         const el = document.createElement('div');
         try {
-            Mode.run(str, spec.mime, el);
+            registry.highlight(str, spec, el);
             return el.innerHTML;
         }
         catch (err) {
@@ -49,4 +75,3 @@ export const codeMirrorHighlight = (str, lang) => {
     }
     return '';
 };
-//# sourceMappingURL=codemirror.js.map

package/lib/index.d.ts

@@ -1,6 +1,5 @@
-import { JupyterFrontEnd, JupyterFrontEndPlugin } from '@jupyterlab/application';
+import { JupyterFrontEndPlugin } from '@jupyterlab/application';
 import { MarkdownItManager } from './types';
 import '../style/index.css';
-declare const _default: (JupyterFrontEndPlugin<void, JupyterFrontEnd.IShell, "desktop" | "mobile"> | JupyterFrontEndPlugin<MarkdownItManager, JupyterFrontEnd.IShell, "desktop" | "mobile">)[];
+declare const _default: (JupyterFrontEndPlugin<void> | JupyterFrontEndPlugin<MarkdownItManager>)[];
 export default _default;
-//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,3 +1,4 @@
+import { IEditorLanguageRegistry, IEditorThemeRegistry } from '@jupyterlab/codemirror';
 import { mermaid } from './providers/mermaid';
 import { kMarkdownItMgr, kPackageNamespace } from './const';
 import { footnotes } from './providers/footnotes';
@@ -24,10 +25,11 @@ const plugin = {
     id: `${kPackageNamespace}:plugin`,
     autoStart: true,
     provides: kMarkdownItMgr,
-    activate: (_app) => {
-        console.log('JupyterLab extension jupyterlab-quarto is activated!');
-        // Create a markdown rendering manager 
-        return markdownItManager();
+    requires: [IEditorThemeRegistry, IEditorLanguageRegistry],
+    activate: (_app, themeRegistry, languageRegistry) => {
+        console.log('JupyterLab extension @quarto/jupyterlab-quarto is activated!');
+        // Create a markdown rendering manager
+        return markdownItManager(themeRegistry, languageRegistry);
     }
 };
 // Markdown It Extensions which provide base Pandoc behavior
@@ -57,4 +59,3 @@ const kQuartoExtensions = [
 ];
 // The extensions that should be enabled for Jupyter
 export default [plugin, ...kPandocExtensions, ...kQuartoExtensions];
-//# sourceMappingURL=index.js.map

package/lib/manager.d.ts

@@ -1,8 +1,8 @@
+import { IEditorLanguageRegistry, IEditorThemeRegistry } from '@jupyterlab/codemirror';
 import { Options } from 'markdown-it';
 import { RenderedMarkdown } from './widgets';
 import { MarkdownItPluginProvider, Renderer } from './types';
-export declare function markdownItManager(): {
+export declare function markdownItManager(themeRegistry: IEditorThemeRegistry, languageRegistry: IEditorLanguageRegistry): {
     registerPlugin(provider: MarkdownItPluginProvider): void;
     getRenderer(widget: RenderedMarkdown, options?: Options): Promise<Renderer>;
 };
-//# sourceMappingURL=manager.d.ts.map

package/lib/manager.js

@@ -1,24 +1,23 @@
 /*
-* manager.ts
-*
-* Copyright (C) 2020-2023 Posit Software, PBC
-*
-*/
+ * manager.ts
+ *
+ * Copyright (C) 2020-2023 Posit Software, PBC
+ *
+ */
 import { markdownRendererFactory } from '@jupyterlab/rendermime';
-import { CodeMirrorEditor } from '@jupyterlab/codemirror';
 import MarkdownIt from 'markdown-it';
 import { RenderedMarkdown } from './widgets';
-import { codeMirrorHighlight, codeMirrorPreloadHook } from './hooks/codemirror';
+import { codeMirrorHighlighter, codeMirrorPreloadHook } from './hooks/codemirror';
 // Provides resolved MarkdownIt options using the passed in options, the plugin
 // options, and default options.
-const resolveOptions = (widget, options, providers) => {
+const resolveOptions = (widget, options, providers, themeRegistry, languageRegistry) => {
     // Build options table
     let allOptions = {
         html: true,
         linkify: true,
         typographer: true,
-        langPrefix: `cm-s-${CodeMirrorEditor.defaultConfig.theme} language-`,
-        highlight: codeMirrorHighlight
+        langPrefix: `cm-s-${themeRegistry.defaultTheme} language-`,
+        highlight: codeMirrorHighlighter(languageRegistry)
     };
     for (const plugin of providers) {
         if (plugin.options) {
@@ -36,7 +35,7 @@ const resolveOptions = (widget, options, providers) => {
         ...options
     };
 };
-export function markdownItManager() {
+export function markdownItManager(themeRegistry, languageRegistry) {
     // The plugin providers
     const pluginProviders = new Map();
     //  The IMarkdownItManager
@@ -50,14 +49,14 @@ export function markdownItManager() {
             const providers = [...pluginProviders.values()];
             providers.sort(sortRanked);
             // Create MarkdownIt instance
-            const allOptions = resolveOptions(widget, options, providers);
+            const allOptions = resolveOptions(widget, options, providers, themeRegistry, languageRegistry);
             let md = new MarkdownIt('default', allOptions);
             // Lifecycle hooks
             const preParseHooks = [];
             const postRenderHooks = [];
             // add mode pre-loading hook if using default highlighter
-            if (codeMirrorHighlight === allOptions.highlight) {
-                preParseHooks.push(codeMirrorPreloadHook());
+            if (codeMirrorHighlighter(languageRegistry) === allOptions.highlight) {
+                preParseHooks.push(codeMirrorPreloadHook(languageRegistry));
             }
             // Build MarkdownIt and load lifecycle hooks
             for (const provider of providers) {
@@ -83,7 +82,7 @@ export function markdownItManager() {
             postRenderHooks.sort(sortRanked);
             return {
                 // Parse and render Markdown
-                render: (content) => {
+                render: content => {
                     return md.render(content);
                 },
                 // Run hooks serially
@@ -114,4 +113,3 @@ const sortRanked = (left, right) => {
     var _a, _b;
     return ((_a = left.rank) !== null && _a !== void 0 ? _a : kDefaultRank) - ((_b = right.rank) !== null && _b !== void 0 ? _b : kDefaultRank);
 };
-//# sourceMappingURL=manager.js.map

package/lib/plugins/callouts.d.ts

@@ -1,3 +1,2 @@
-import type MarkdownIt from "markdown-it/lib";
+import type MarkdownIt from 'markdown-it/lib';
 export declare const calloutPlugin: (md: MarkdownIt) => void;
-//# sourceMappingURL=callouts.d.ts.map

package/lib/plugins/callouts.js

@@ -1,19 +1,19 @@
-import Token from "markdown-it/lib/token";
-import { addClass, readAttrValue } from "./utils/markdownit";
-import { kTokDivClose, kTokDivOpen } from "./divs";
-const kTokCalloutOpen = "quarto_callout_open";
-const kTokCalloutClose = "quarto_callout_close";
-const kTokCalloutTitleOpen = "quarto_callout_title_open";
-const kTokCalloutTitleClose = "quarto_callout_title_close";
-const kTokCalloutContentOpen = "quarto_callout_content_open";
-const kTokCalloutContentClose = "quarto_callout_content_close";
-const kCalloutPrefix = "callout-";
-const kCalloutRuleName = "quarto-callouts";
+import Token from 'markdown-it/lib/token';
+import { addClass, readAttrValue } from './utils/markdownit';
+import { kTokDivClose, kTokDivOpen } from './divs';
+const kTokCalloutOpen = 'quarto_callout_open';
+const kTokCalloutClose = 'quarto_callout_close';
+const kTokCalloutTitleOpen = 'quarto_callout_title_open';
+const kTokCalloutTitleClose = 'quarto_callout_title_close';
+const kTokCalloutContentOpen = 'quarto_callout_content_open';
+const kTokCalloutContentClose = 'quarto_callout_content_close';
+const kCalloutPrefix = 'callout-';
+const kCalloutRuleName = 'quarto-callouts';
 export const calloutPlugin = (md) => {
     // Handle pandoc-style divs
-    md.core.ruler.push(kCalloutRuleName, (state) => {
+    md.core.ruler.push(kCalloutRuleName, state => {
         const noteStartCallout = (callout, depth) => {
-            if (calloutDepth == -1) {
+            if (calloutDepth === -1) {
                 calloutDepth = depth;
             }
             state.env['quarto-active-callout'] = callout;
@@ -29,28 +29,28 @@ export const calloutPlugin = (md) => {
             return calloutDepth === depth;
         };
         const titleOpenTok = (title) => {
-            const token = new Token(kTokCalloutTitleOpen, "", 1);
-            token.tag = "div";
-            token.attrs = [["class", "callout-header"]];
+            const token = new Token(kTokCalloutTitleOpen, '', 1);
+            token.tag = 'div';
+            token.attrs = [['class', 'callout-header']];
             if (title) {
-                token.attrs.push(["title", title]);
+                token.attrs.push(['title', title]);
             }
             return token;
         };
         const titleCloseTok = () => {
-            const token = new Token(kTokCalloutTitleClose, "", -1);
-            token.tag = "div";
+            const token = new Token(kTokCalloutTitleClose, '', -1);
+            token.tag = 'div';
             return token;
         };
         const contentOpenTok = () => {
-            const token = new Token(kTokCalloutContentOpen, "", 1);
-            token.tag = "div";
-            token.attrs = [["class", "callout-body-container callout-body"]];
+            const token = new Token(kTokCalloutContentOpen, '', 1);
+            token.tag = 'div';
+            token.attrs = [['class', 'callout-body-container callout-body']];
             return token;
         };
         const contentCloseTok = () => {
-            const token = new Token(kTokCalloutContentClose, "", -1);
-            token.tag = "div";
+            const token = new Token(kTokCalloutContentClose, '', -1);
+            token.tag = 'div';
             return token;
         };
         const outTokens = [];
@@ -58,44 +58,44 @@ export const calloutPlugin = (md) => {
         let divDepth = 0;
         // just started callout - process title
         // finished processing title - process content
-        let calloutState = "scanning";
+        let calloutState = 'scanning';
         for (const token of state.tokens) {
             switch (calloutState) {
-                case "add-title":
-                    if (token.type === "heading_open") {
+                case 'add-title':
+                    if (token.type === 'heading_open') {
                         outTokens.push(titleOpenTok());
-                        calloutState = "capturing-title";
+                        calloutState = 'capturing-title';
                     }
                     else {
                         const callout = activeCallout();
                         outTokens.push(titleOpenTok(callout.title));
                         outTokens.push(titleCloseTok());
-                        calloutState = "add-body";
+                        calloutState = 'add-body';
                     }
                     break;
-                case "capturing-title":
-                    if (token.type === "heading_close") {
+                case 'capturing-title':
+                    if (token.type === 'heading_close') {
                         outTokens.push(titleCloseTok());
-                        calloutState = "add-body";
+                        calloutState = 'add-body';
                     }
                     else {
                         outTokens.push(token);
                     }
                     break;
-                case "add-body":
+                case 'add-body':
                     outTokens.push(contentOpenTok());
                     outTokens.push(token);
-                    calloutState = "capturing-body";
+                    calloutState = 'capturing-body';
                     break;
-                case "scanning":
+                case 'scanning':
                 default:
                     if (token.type === kTokDivOpen) {
                         divDepth++;
                         const callout = parseCallout(token.attrs);
                         if (callout) {
                             noteStartCallout(callout, divDepth);
-                            calloutState = "add-title";
-                            const openCallout = new Token(kTokCalloutOpen, "", 1);
+                            calloutState = 'add-title';
+                            const openCallout = new Token(kTokCalloutOpen, '', 1);
                             openCallout.attrs = openCallout.attrs || [];
                             openCallout.meta = callout;
                             outTokens.push(openCallout);
@@ -107,7 +107,7 @@ export const calloutPlugin = (md) => {
                     else if (token.type === kTokDivClose) {
                         if (isCloseCallout(divDepth)) {
                             outTokens.push(contentCloseTok());
-                            outTokens.push(new Token(kTokCalloutClose, "", -1));
+                            outTokens.push(new Token(kTokCalloutClose, '', -1));
                             noteCloseCallout();
                         }
                         else {
@@ -141,11 +141,11 @@ function renderStartCallout(tokens, idx, _options, _env, self) {
 }
 // Render pandoc-style divs
 function renderEndCallout() {
-    return `</div>`;
+    return '</div>';
 }
 function renderStartCalloutTitle(tokens, idx) {
     const token = tokens[idx];
-    const title = readAttrValue("title", token.attrs) || "";
+    const title = readAttrValue('title', token.attrs) || '';
     const startContent = `
 <div class="callout-header">
 <div class="callout-icon-container">
@@ -156,43 +156,45 @@ function renderStartCalloutTitle(tokens, idx) {
     return startContent;
 }
 function renderEndCalloutTitle() {
-    return `</div>\n</div>`;
+    return '</div>\n</div>';
 }
 const calloutAppearance = (val) => {
     if (val) {
         switch (val) {
-            case "minimal":
-                return "minimal";
-            case "simple":
-                return "simple";
-            case "default":
+            case 'minimal':
+                return 'minimal';
+            case 'simple':
+                return 'simple';
+            case 'default':
             default:
-                return "default";
+                return 'default';
         }
     }
     else {
-        return "default";
+        return 'default';
     }
 };
 const parseCallout = (attrs) => {
     if (attrs === null) {
         return undefined;
     }
-    const classAttr = attrs.find((attr) => { return attr[0] === "class"; });
+    const classAttr = attrs.find(attr => {
+        return attr[0] === 'class';
+    });
     if (!classAttr) {
         return undefined;
     }
-    const classes = classAttr[1].split(" ");
-    const calloutClass = classes.find((clz) => {
+    const classes = classAttr[1].split(' ');
+    const calloutClass = classes.find(clz => {
         return clz.startsWith('callout-');
     });
     if (calloutClass) {
-        const type = calloutClass.replace(kCalloutPrefix, "");
-        const title = readAttrValue("title", attrs) || type.slice(0, 1).toUpperCase() + type.slice(1);
-        ;
-        const appearance = calloutAppearance(readAttrValue("appearance", attrs));
+        const type = calloutClass.replace(kCalloutPrefix, '');
+        const title = readAttrValue('title', attrs) ||
+            type.slice(0, 1).toUpperCase() + type.slice(1);
+        const appearance = calloutAppearance(readAttrValue('appearance', attrs));
         return {
-            type: type || "note",
+            type: type || 'note',
             clz: calloutClass,
             title,
             appearance
@@ -203,7 +205,6 @@ const parseCallout = (attrs) => {
     }
 };
 const appearanceClass = (appearance) => {
-    const style = appearance || "default";
+    const style = appearance || 'default';
     return `callout-style-${style}`;
 };
-//# sourceMappingURL=callouts.js.map