@stoplight/ui-kit 3.0.0-beta.4 → 3.0.0-beta.40

package/AutoSizer/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const react_virtualized_auto_sizer_1 = require("react-virtualized-auto-sizer");
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_virtualized_auto_sizer_1 = tslib_1.__importDefault(require("react-virtualized-auto-sizer"));
 exports.AutoSizer = props => React.createElement(react_virtualized_auto_sizer_1.default, Object.assign({}, props));
 //# sourceMappingURL=index.js.map

package/AutoSizer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AutoSizer/index.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,+EAAgF;AAMnE,QAAA,SAAS,GAA4C,KAAK,CAAC,EAAE,CAAC,oBAAC,sCAAgB,oBAAK,KAAK,EAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AutoSizer/index.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,wGAAgF;AAMnE,QAAA,SAAS,GAA4C,KAAK,CAAC,EAAE,CAAC,oBAAC,sCAAgB,oBAAK,KAAK,EAAI,CAAC"}

package/CodeEditor/index.d.ts

@@ -1,3 +1,4 @@
+import { Intent } from '@blueprintjs/core';
 import * as React from 'react';
 import ReactSimpleCodeEditor from 'react-simple-code-editor';
 interface ICodeEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
@@ -7,6 +8,7 @@ interface ICodeEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
     language?: string;
     autoFocus?: boolean;
     showLineNumbers?: boolean;
+    intent?: Intent;
 }
 declare const CodeEditor: React.ForwardRefExoticComponent<ICodeEditorProps & React.RefAttributes<ReactSimpleCodeEditor>>;
 export { CodeEditor, ICodeEditorProps };

package/CodeEditor/index.js

@@ -1,19 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const classnames_1 = require("classnames");
-const React = require("react");
-const react_simple_code_editor_1 = require("react-simple-code-editor");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const react_simple_code_editor_1 = tslib_1.__importDefault(require("react-simple-code-editor"));
 const classes_1 = require("../classes");
 const highlightCode_1 = require("./utils/highlightCode");
 const CodeEditor = React.forwardRef((props, ref) => {
-    const { autoFocus, language, onChange, value, placeholder, className, padding, style, showLineNumbers } = props, rest = tslib_1.__rest(props, ["autoFocus", "language", "onChange", "value", "placeholder", "className", "padding", "style", "showLineNumbers"]);
+    const { autoFocus, language, onChange, value, placeholder, className, padding, style, showLineNumbers, intent } = props, rest = tslib_1.__rest(props, ["autoFocus", "language", "onChange", "value", "placeholder", "className", "padding", "style", "showLineNumbers", "intent"]);
     const highlight = React.useCallback((code) => highlightCode_1.highlightCode(code, language || '', showLineNumbers), [
         language,
         showLineNumbers,
     ]);
+    const lineNumberCharacterCount = showLineNumbers ? String(Array.from(value.matchAll(/\n/g)).length + 1).length : 0;
     return (React.createElement(react_simple_code_editor_1.default, Object.assign({}, rest, { ref: ref, className: classnames_1.default(classes_1.Classes.CODE_EDITOR, className, {
-            [`${classes_1.Classes.CODE_EDITOR}--line-numbers`]: showLineNumbers,
+            [`${classes_1.Classes.CODE_EDITOR}--line-numbers ${classes_1.Classes.CODE_EDITOR}--line-numbers--${lineNumberCharacterCount}`]: showLineNumbers,
+            [`${classes_1.Classes.CODE_EDITOR}--${intent}`]: intent !== void 0,
         }), style: style, placeholder: placeholder, autoFocus: autoFocus, value: value, onValueChange: onChange, highlight: highlight, padding: padding })));
 });
 exports.CodeEditor = CodeEditor;

package/CodeEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/CodeEditor/index.tsx"],"names":[],"mappings":";;;AAAA,2CAA4B;AAC5B,+BAA+B;AAC/B,uEAA6D;AAE7D,wCAAqC;AACrC,yDAAsD;AActD,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAA0C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1F,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,EACX,SAAS,EACT,OAAO,EACP,KAAK,EACL,eAAe,KAEb,KAAK,EADP,+IACO,CAAC;IAGV,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,6BAAa,CAAC,IAAI,EAAE,QAAQ,IAAI,EAAE,EAAE,eAAe,CAAC,EAAE;QAC1G,QAAQ;QACR,eAAe;KAChB,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,kCAAqB,oBAChB,IAAI,IAER,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,oBAAE,CAAC,iBAAO,CAAC,WAAW,EAAE,SAAS,EAAE;YAC5C,CAAC,GAAG,iBAAO,CAAC,WAAW,gBAAgB,CAAC,EAAE,eAAe;SAC1D,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IAChB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAMM,gCAAU;AALnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/CodeEditor/index.tsx"],"names":[],"mappings":";;;AACA,oEAA4B;AAC5B,qDAA+B;AAC/B,gGAA6D;AAE7D,wCAAqC;AACrC,yDAAsD;AAetD,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAA0C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1F,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,EACX,SAAS,EACT,OAAO,EACP,KAAK,EACL,eAAe,EACf,MAAM,KAEJ,KAAK,EADP,yJACO,CAAC;IAGV,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,6BAAa,CAAC,IAAI,EAAE,QAAQ,IAAI,EAAE,EAAE,eAAe,CAAC,EAAE;QAC1G,QAAQ;QACR,eAAe;KAChB,CAAC,CAAC;IAEH,MAAM,wBAAwB,GAAG,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnH,OAAO,CACL,oBAAC,kCAAqB,oBAChB,IAAI,IAER,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,oBAAE,CAAC,iBAAO,CAAC,WAAW,EAAE,SAAS,EAAE;YAC5C,CAAC,GAAG,iBAAO,CAAC,WAAW,kBAAkB,iBAAO,CAAC,WAAW,mBAAmB,wBAAwB,EAAE,CAAC,EAAE,eAAe;YAC3H,CAAC,GAAG,iBAAO,CAAC,WAAW,KAAK,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC;SACzD,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IAChB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAMM,gCAAU;AALnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/CodeEditor/utils/highlightCode.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const Prism = require("prismjs");
+const tslib_1 = require("tslib");
+const Prism = tslib_1.__importStar(require("prismjs"));
 require("prismjs/components/prism-bash");
 require("prismjs/components/prism-c");
 require("prismjs/components/prism-csharp");

package/CodeEditor/utils/highlightCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"highlightCode.js","sourceRoot":"","sources":["../../../src/CodeEditor/utils/highlightCode.ts"],"names":[],"mappings":";;AACA,iCAAiC;AAEjC,yCAAuC;AACvC,sCAAoC;AACpC,2CAAyC;AACzC,yCAAuC;AACvC,wCAAsC;AACtC,uCAAqC;AACrC,4CAA0C;AAC1C,yCAAuC;AACvC,yCAAuC;AACvC,+CAA6C;AAC7C,yCAAuC;AACvC,wCAAsC;AACtC,6CAA2C;AAC3C,2CAAyC;AACzC,sDAAoD;AACpD,+CAA6C;AAC7C,0CAAwC;AACxC,wCAAsC;AACtC,+CAA6C;AAC7C,6CAA2C;AAC3C,2CAAyC;AACzC,yCAAuC;AACvC,wCAAsC;AACtC,0CAAwC;AACxC,+CAA6C;AAC7C,yCAAuC;AAE1B,QAAA,aAAa,GAAG,CAAC,OAAe,EAAE,EAAE,QAAgB,EAAE,eAAyB,EAAE,EAAE;IAC9F,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC1C,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE;QACrB,IAAI,eAAe,EAAE;YACnB,OAAO,oCAAoC,IAAI,EAAE,CAAC;SACnD;QAED,OAAO,IAAI,CAAC;KACb;IAED,IAAI;QACF,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;QAExD,IAAI,eAAe,EAAE;YACnB,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAC3C,IAAI,eAAe,CAAC,MAAM,EAAE;gBAC1B,OAAO,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,oCAAoC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAC3F;YAED,OAAO,oCAAoC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;SACjE;QAED,OAAO,MAAM,CAAC;KACf;IAAC,OAAO,KAAK,EAAE;QAEd,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;QACvD,OAAO,IAAI,CAAC;KACb;AACH,CAAC,CAAC"}
+{"version":3,"file":"highlightCode.js","sourceRoot":"","sources":["../../../src/CodeEditor/utils/highlightCode.ts"],"names":[],"mappings":";;;AACA,uDAAiC;AAEjC,yCAAuC;AACvC,sCAAoC;AACpC,2CAAyC;AACzC,yCAAuC;AACvC,wCAAsC;AACtC,uCAAqC;AACrC,4CAA0C;AAC1C,yCAAuC;AACvC,yCAAuC;AACvC,+CAA6C;AAC7C,yCAAuC;AACvC,wCAAsC;AACtC,6CAA2C;AAC3C,2CAAyC;AACzC,sDAAoD;AACpD,+CAA6C;AAC7C,0CAAwC;AACxC,wCAAsC;AACtC,+CAA6C;AAC7C,6CAA2C;AAC3C,2CAAyC;AACzC,yCAAuC;AACvC,wCAAsC;AACtC,0CAAwC;AACxC,+CAA6C;AAC7C,yCAAuC;AAE1B,QAAA,aAAa,GAAG,CAAC,OAAe,EAAE,EAAE,QAAgB,EAAE,eAAyB,EAAE,EAAE;IAC9F,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC1C,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE;QACrB,IAAI,eAAe,EAAE;YACnB,OAAO,oCAAoC,IAAI,EAAE,CAAC;SACnD;QAED,OAAO,IAAI,CAAC;KACb;IAED,IAAI;QACF,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;QAExD,IAAI,eAAe,EAAE;YACnB,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAC3C,IAAI,eAAe,CAAC,MAAM,EAAE;gBAC1B,OAAO,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,oCAAoC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAC3F;YAED,OAAO,oCAAoC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;SACjE;QAED,OAAO,MAAM,CAAC;KACf;IAAC,OAAO,KAAK,EAAE;QAEd,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;QACvD,OAAO,IAAI,CAAC;KACb;AACH,CAAC,CAAC"}

package/CodeViewer/components/BlockCodeViewer/BlockCodeViewer.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface IBlockCodeViewerProps extends React.HTMLAttributes<HTMLPreElement> {
+    value: string;
+    language: string | undefined;
+    showLineNumbers: boolean;
+}
+declare const BlockCodeViewer: React.FC<IBlockCodeViewerProps>;
+export { BlockCodeViewer as default };

package/CodeViewer/components/BlockCodeViewer/BlockCodeViewer.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const classes_1 = require("../../../classes");
+const useSlicedBlocks_1 = require("./hooks/useSlicedBlocks");
+const ObservableSet_1 = require("./ObservableSet");
+const SingleCodeBlock_1 = require("./SingleCodeBlock");
+const BlockCodeViewer = (_a) => {
+    var { className, language, value, showLineNumbers } = _a, rest = tslib_1.__rest(_a, ["className", "language", "value", "showLineNumbers"]);
+    const nodeRef = React.useRef(null);
+    const maxLines = 100;
+    const [observer, setObserver] = React.useState();
+    const viewportSet = React.useRef(new ObservableSet_1.ObservableSet());
+    const slicedBlocks = useSlicedBlocks_1.useSlicedBlocks(value !== null && value !== void 0 ? value : '', maxLines - 1);
+    const lineNumberCharacterCount = String(slicedBlocks.length * maxLines).length;
+    React.useEffect(() => {
+        const { current: viewport } = viewportSet;
+        if (nodeRef.current === null) {
+            return;
+        }
+        const observer = new IntersectionObserver(entries => {
+            for (const entry of entries) {
+                if (!entry.isIntersecting)
+                    continue;
+                viewport.add(entry.target);
+                const { previousElementSibling, nextElementSibling } = entry.target;
+                if ((previousElementSibling === null || previousElementSibling === void 0 ? void 0 : previousElementSibling.tagName) === 'DIV') {
+                    viewport.add(previousElementSibling);
+                }
+                if ((nextElementSibling === null || nextElementSibling === void 0 ? void 0 : nextElementSibling.tagName) === 'DIV') {
+                    viewport.add(nextElementSibling);
+                }
+            }
+        }, {
+            root: null,
+            threshold: 0,
+        });
+        setObserver(observer);
+        return () => {
+            setObserver(void 0);
+            observer.disconnect();
+        };
+    }, [nodeRef]);
+    return (React.createElement("pre", Object.assign({ ref: nodeRef, className: classnames_1.default(classes_1.Classes.CODE_VIEWER, className, `language-${language || 'unknown'}`, {
+            [`${classes_1.Classes.CODE_VIEWER}--line-numbers ${classes_1.Classes.CODE_VIEWER}--line-numbers--${lineNumberCharacterCount}`]: showLineNumbers,
+        }) }, rest), slicedBlocks === null || slicedBlocks === void 0 ? void 0 : slicedBlocks.map(({ id, value }, index, blocks) => (React.createElement(SingleCodeBlock_1.SingleCodeBlock, { key: id, value: value, language: language, showLineNumbers: showLineNumbers, lineNumber: (index > 0 ? blocks[index - 1].lineCount : 0) + 1, observer: observer, viewport: viewportSet.current })))));
+};
+exports.default = BlockCodeViewer;
+//# sourceMappingURL=BlockCodeViewer.js.map

package/CodeViewer/components/BlockCodeViewer/BlockCodeViewer.js.map

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

package/CodeViewer/components/BlockCodeViewer/ObservableSet.d.ts

@@ -0,0 +1,5 @@
+export declare class ObservableSet extends WeakSet<Element> {
+    private readonly listeners;
+    addListener(item: Element, cb: Function): () => void;
+    add(item: Element): this;
+}

package/CodeViewer/components/BlockCodeViewer/ObservableSet.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class ObservableSet extends WeakSet {
+    constructor() {
+        super(...arguments);
+        this.listeners = new WeakMap();
+    }
+    addListener(item, cb) {
+        this.listeners.set(item, cb);
+        return () => {
+            this.listeners.delete(item);
+        };
+    }
+    add(item) {
+        var _a;
+        if (super.has(item))
+            return this;
+        super.add(item);
+        (_a = this.listeners.get(item)) === null || _a === void 0 ? void 0 : _a();
+        return this;
+    }
+}
+exports.ObservableSet = ObservableSet;
+//# sourceMappingURL=ObservableSet.js.map

package/CodeViewer/components/BlockCodeViewer/ObservableSet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObservableSet.js","sourceRoot":"","sources":["../../../../src/CodeViewer/components/BlockCodeViewer/ObservableSet.ts"],"names":[],"mappings":";;AAAA,MAAa,aAAc,SAAQ,OAAgB;IAAnD;;QACmB,cAAS,GAAG,IAAI,OAAO,EAAqB,CAAC;IAiBhE,CAAC;IAfC,WAAW,CAAC,IAAa,EAAE,EAAY;QACrC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAE7B,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC;IAED,GAAG,CAAC,IAAa;;QACf,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAC;QAEjC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAChB,MAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,4CAAK;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAlBD,sCAkBC"}

package/CodeViewer/components/BlockCodeViewer/SingleCodeBlock.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { ObservableSet } from './ObservableSet';
+interface IBlockProps {
+    value: string;
+    language: string | undefined;
+    showLineNumbers: boolean;
+    lineNumber: number;
+    observer: IntersectionObserver | undefined;
+    viewport: ObservableSet;
+}
+export declare const SingleCodeBlock: React.FC<IBlockProps>;
+export {};

package/CodeViewer/components/BlockCodeViewer/SingleCodeBlock.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const astToReact_1 = require("../../utils/astToReact");
+const lineNumberify_1 = require("../../utils/lineNumberify");
+const parseCode_1 = require("../../utils/parseCode");
+const WHITESPACE_REGEX = /^[\s\n]+$/;
+function isWhitespace(str) {
+    return WHITESPACE_REGEX.test(str);
+}
+function isTrailingWhiteLine(node) {
+    if (node.type === 'text') {
+        return isWhitespace(node.value);
+    }
+    if ('children' in node && node.children.length === 1 && 'value' in node.children[0]) {
+        return isWhitespace(node.children[0].value);
+    }
+    return false;
+}
+exports.SingleCodeBlock = ({ value, language, showLineNumbers, lineNumber, observer, viewport, }) => {
+    const [markup, setMarkup] = React.useState();
+    const [isVisible, setIsVisible] = React.useState(false);
+    const nodeRef = React.useRef(null);
+    React.useEffect(() => {
+        const { current: node } = nodeRef;
+        if (node === null || observer === void 0) {
+            return;
+        }
+        observer.observe(node);
+        const removeListener = viewport.addListener(node, () => {
+            setIsVisible(true);
+            observer.unobserve(node);
+        });
+        return () => {
+            observer.unobserve(node);
+            removeListener();
+        };
+    }, [viewport, observer, nodeRef]);
+    React.useEffect(() => {
+        if (isVisible) {
+            try {
+                const tree = parseCode_1.parseCode(value, language);
+                const processedTree = showLineNumbers ? lineNumberify_1.lineNumberify(tree, lineNumber - 1) : tree;
+                if (showLineNumbers && tree.length > 0 && isTrailingWhiteLine(tree[tree.length - 1])) {
+                    processedTree.pop();
+                }
+                setMarkup(processedTree.map(astToReact_1.astToReact(0)));
+            }
+            catch (_a) {
+            }
+        }
+    }, [isVisible, lineNumber, value, language, showLineNumbers]);
+    if (markup !== void 0) {
+        return React.createElement(React.Fragment, null, markup);
+    }
+    return React.createElement("div", { ref: nodeRef }, value);
+};
+//# sourceMappingURL=SingleCodeBlock.js.map

package/CodeViewer/components/BlockCodeViewer/SingleCodeBlock.js.map

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

package/CodeViewer/components/BlockCodeViewer/consts.d.ts

@@ -0,0 +1 @@
+export declare const SINGLE_LINE_SIZE = 24;

package/{TableOfContents/types.js → CodeViewer/components/BlockCodeViewer/consts.js}

@@ -1,3 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map
+exports.SINGLE_LINE_SIZE = 24;
+//# sourceMappingURL=consts.js.map

package/CodeViewer/components/BlockCodeViewer/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/CodeViewer/components/BlockCodeViewer/consts.ts"],"names":[],"mappings":";;AAAa,QAAA,gBAAgB,GAAG,EAAE,CAAC"}

package/CodeViewer/components/BlockCodeViewer/hooks/useSlicedBlocks.d.ts

@@ -0,0 +1,7 @@
+declare type SlicedBlock = {
+    id: string;
+    value: string;
+    lineCount: number;
+};
+export declare const useSlicedBlocks: (value: string, maxLines: number) => SlicedBlock[];
+export {};

package/CodeViewer/components/BlockCodeViewer/hooks/useSlicedBlocks.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+function createSlicedBlock() {
+    return {
+        id: Math.random().toString(36),
+        value: '',
+        lineCount: 0,
+    };
+}
+exports.useSlicedBlocks = (value, maxLines) => {
+    return React.useMemo(() => {
+        const blocks = [createSlicedBlock()];
+        for (let i = 0, n = 0; i < value.length; i++) {
+            const char = value[i];
+            blocks[blocks.length - 1].value += char;
+            if (char === '\n') {
+                n++;
+                if (n % maxLines === 0 && i + 1 !== value.length) {
+                    blocks[blocks.length - 1].lineCount = n;
+                    blocks.push(createSlicedBlock());
+                }
+            }
+        }
+        return blocks;
+    }, [value, maxLines]);
+};
+//# sourceMappingURL=useSlicedBlocks.js.map

package/CodeViewer/components/BlockCodeViewer/hooks/useSlicedBlocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlicedBlocks.js","sourceRoot":"","sources":["../../../../../src/CodeViewer/components/BlockCodeViewer/hooks/useSlicedBlocks.ts"],"names":[],"mappings":";;;AAAA,qDAA+B;AAQ/B,SAAS,iBAAiB;IACxB,OAAO;QACL,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC9B,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,CAAC;KACb,CAAC;AACJ,CAAC;AAEY,QAAA,eAAe,GAAG,CAAC,KAAa,EAAE,QAAgB,EAAE,EAAE;IACjE,OAAO,KAAK,CAAC,OAAO,CAAgB,GAAG,EAAE;QACvC,MAAM,MAAM,GAAkB,CAAC,iBAAiB,EAAE,CAAC,CAAC;QAEpD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC5C,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACtB,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC;YAExC,IAAI,IAAI,KAAK,IAAI,EAAE;gBACjB,CAAC,EAAE,CAAC;gBAEJ,IAAI,CAAC,GAAG,QAAQ,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,EAAE;oBAChD,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC;oBACxC,MAAM,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC;iBAClC;aACF;SACF;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;AACxB,CAAC,CAAC"}

package/CodeViewer/components/BlockCodeViewer/index.d.ts

@@ -0,0 +1,2 @@
+export type { IBlockCodeViewerProps } from './BlockCodeViewer';
+export { default as BlockCodeViewer } from './BlockCodeViewer';

package/CodeViewer/components/BlockCodeViewer/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var BlockCodeViewer_1 = require("./BlockCodeViewer");
+exports.BlockCodeViewer = BlockCodeViewer_1.default;
+//# sourceMappingURL=index.js.map

package/CodeViewer/components/BlockCodeViewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/CodeViewer/components/BlockCodeViewer/index.tsx"],"names":[],"mappings":";;AACA,qDAA+D;AAAtD,4CAAA,OAAO,CAAmB"}

package/CodeViewer/components/InlineCodeViewer.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface IInlineCodeViewerProps extends React.HTMLAttributes<HTMLElement> {
+    value: string;
+}
+export declare const InlineCodeViewer: React.FC<IInlineCodeViewerProps>;

package/CodeViewer/components/InlineCodeViewer.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const classes_1 = require("../../classes");
+exports.InlineCodeViewer = (_a) => {
+    var { className, value } = _a, rest = tslib_1.__rest(_a, ["className", "value"]);
+    return (React.createElement("code", Object.assign({ className: classnames_1.default(classes_1.Classes.CODE_VIEWER, className, `${classes_1.Classes.CODE_VIEWER}--inline`) }, rest), value));
+};
+//# sourceMappingURL=InlineCodeViewer.js.map

package/CodeViewer/components/InlineCodeViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineCodeViewer.js","sourceRoot":"","sources":["../../../src/CodeViewer/components/InlineCodeViewer.tsx"],"names":[],"mappings":";;;AAAA,oEAA4B;AAC5B,qDAA+B;AAE/B,2CAAwC;AAM3B,QAAA,gBAAgB,GAAqC,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,SAAS,EAAE,KAAK,OAAW,EAAT,iDAAO;IAC5F,OAAO,CACL,4CAAM,SAAS,EAAE,oBAAE,CAAC,iBAAO,CAAC,WAAW,EAAE,SAAS,EAAE,GAAG,iBAAO,CAAC,WAAW,UAAU,CAAC,IAAM,IAAI,GAC5F,KAAK,CACD,CACR,CAAC;AACJ,CAAC,CAAC"}

package/CodeViewer/index.d.ts

@@ -1,6 +1,5 @@
-import 'prismjs';
 import * as React from 'react';
-interface ICodeViewerProps extends React.HTMLAttributes<HTMLDivElement> {
+interface ICodeViewerProps extends React.HTMLAttributes<HTMLElement> {
     value: string;
     language?: string;
     showLineNumbers?: boolean;

package/CodeViewer/index.js

@@ -1,28 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-require("prismjs");
-const cn = require("classnames");
-const React = require("react");
-const classes_1 = require("../classes");
-const highlightCode_1 = require("../CodeEditor/utils/highlightCode");
+const React = tslib_1.__importStar(require("react"));
+const BlockCodeViewer_1 = require("./components/BlockCodeViewer");
+const InlineCodeViewer_1 = require("./components/InlineCodeViewer");
 const languageMaps = {
     md: 'markdown',
 };
 const CodeViewer = (_a) => {
-    var { language, value, showLineNumbers = false, inline = false, className } = _a, rest = tslib_1.__rest(_a, ["language", "value", "showLineNumbers", "inline", "className"]);
-    const lang = (language && languageMaps[language]) || language || '';
-    const code = React.useMemo(() => highlightCode_1.highlightCode(value, lang, showLineNumbers), [value, lang, showLineNumbers]);
+    var { language, value, showLineNumbers = false, inline = false } = _a, rest = tslib_1.__rest(_a, ["language", "value", "showLineNumbers", "inline"]);
     if (inline) {
-        return (React.createElement("code", Object.assign({ className: cn(classes_1.Classes.CODE_EDITOR, className, {
-                [`${classes_1.Classes.CODE_EDITOR}--inline`]: inline,
-                [`${classes_1.Classes.CODE_EDITOR}--line-numbers`]: showLineNumbers,
-            }) }, rest, { dangerouslySetInnerHTML: { __html: code } })));
+        return React.createElement(InlineCodeViewer_1.InlineCodeViewer, Object.assign({ value: value }, rest));
     }
-    return (React.createElement("pre", Object.assign({ className: cn(classes_1.Classes.CODE_EDITOR, className, `language-${lang || 'unknown'}`, {
-            [`${classes_1.Classes.CODE_EDITOR}--inline`]: inline,
-            [`${classes_1.Classes.CODE_EDITOR}--line-numbers`]: showLineNumbers,
-        }) }, rest, { dangerouslySetInnerHTML: { __html: code } })));
+    const lang = (language && languageMaps[language]) || language;
+    return React.createElement(BlockCodeViewer_1.BlockCodeViewer, Object.assign({ showLineNumbers: showLineNumbers, language: lang, value: value }, rest));
 };
 exports.CodeViewer = CodeViewer;
 //# sourceMappingURL=index.js.map

package/CodeViewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/CodeViewer/index.tsx"],"names":[],"mappings":";;;AAAA,mBAAiB;AAEjB,iCAAiC;AACjC,+BAA+B;AAE/B,wCAAqC;AACrC,qEAAkE;AAElE,MAAM,YAAY,GAA+B;IAC/C,EAAE,EAAE,UAAU;CACf,CAAC;AAYF,MAAM,UAAU,GAA8C,CAAC,EAO9D,EAAE,EAAE;QAP0D,EAC7D,QAAQ,EACR,KAAK,EACL,eAAe,GAAG,KAAK,EACvB,MAAM,GAAG,KAAK,EACd,SAAS,OAEV,EADC,0FAAO;IAEP,MAAM,IAAI,GAAG,CAAC,QAAQ,IAAI,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,QAAQ,IAAI,EAAE,CAAC;IAEpE,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,6BAAa,CAAC,KAAK,EAAE,IAAI,EAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC;IAE9G,IAAI,MAAM,EAAE;QACV,OAAO,CACL,4CACE,SAAS,EAAE,EAAE,CAAC,iBAAO,CAAC,WAAW,EAAE,SAAS,EAAE;gBAC5C,CAAC,GAAG,iBAAO,CAAC,WAAW,UAAU,CAAC,EAAE,MAAM;gBAC1C,CAAC,GAAG,iBAAO,CAAC,WAAW,gBAAgB,CAAC,EAAE,eAAe;aAC1D,CAAC,IACE,IAAI,IACR,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,IACzC,CACH,CAAC;KACH;IAED,OAAO,CACL,2CACE,SAAS,EAAE,EAAE,CAAC,iBAAO,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,IAAI,IAAI,SAAS,EAAE,EAAE;YAC7E,CAAC,GAAG,iBAAO,CAAC,WAAW,UAAU,CAAC,EAAE,MAAM;YAC1C,CAAC,GAAG,iBAAO,CAAC,WAAW,gBAAgB,CAAC,EAAE,eAAe;SAC1D,CAAC,IACG,IAA6C,IAClD,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,IACzC,CACH,CAAC;AACJ,CAAC,CAAC;AAMO,gCAAU"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/CodeViewer/index.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAE/B,kEAA+D;AAC/D,oEAAiE;AAEjE,MAAM,YAAY,GAA+B;IAC/C,EAAE,EAAE,UAAU;CACf,CAAC;AAYF,MAAM,UAAU,GAA8C,CAAC,EAM9D,EAAE,EAAE;QAN0D,EAC7D,QAAQ,EACR,KAAK,EACL,eAAe,GAAG,KAAK,EACvB,MAAM,GAAG,KAAK,OAEf,EADC,6EAAO;IAEP,IAAI,MAAM,EAAE;QACV,OAAO,oBAAC,mCAAgB,kBAAC,KAAK,EAAE,KAAK,IAAM,IAAI,EAAI,CAAC;KACrD;IAED,MAAM,IAAI,GAAG,CAAC,QAAQ,IAAI,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,QAAQ,CAAC;IAC9D,OAAO,oBAAC,iCAAe,kBAAC,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAM,IAAI,EAAI,CAAC;AACvG,CAAC,CAAC;AAMO,gCAAU"}

package/CodeViewer/utils/astToReact.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+import { RefractorNode } from 'refractor/core';
+export declare function astToReact(depth?: number): (child: RefractorNode, i: number) => ReactNode;

package/CodeViewer/utils/astToReact.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+function mapChild(child, i, depth) {
+    if ('tagName' in child) {
+        return react_1.createElement(child.tagName, Object.assign(Object.assign({ key: `cv-${depth}-${i}` }, child.properties), { className: child.properties && (child.properties.className || []).join(' ') }), child.children && child.children.map(astToReact(depth + 1)));
+    }
+    return child.value;
+}
+function astToReact(depth = 0) {
+    return function mapChildrenWithDepth(child, i) {
+        return mapChild(child, i, depth);
+    };
+}
+exports.astToReact = astToReact;
+//# sourceMappingURL=astToReact.js.map

package/CodeViewer/utils/astToReact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"astToReact.js","sourceRoot":"","sources":["../../../src/CodeViewer/utils/astToReact.ts"],"names":[],"mappings":";;AAAA,iCAAiD;AAIjD,SAAS,QAAQ,CAAC,KAAoB,EAAE,CAAS,EAAE,KAAa;IAC9D,IAAI,SAAS,IAAI,KAAK,EAAE;QACtB,OAAO,qBAAa,CAClB,KAAK,CAAC,OAAO,gCAEX,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,EAAE,IACpB,KAAK,CAAC,UAAU,KACnB,SAAS,EAAE,KAAK,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAE7E,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAC5D,CAAC;KACH;IAED,OAAO,KAAK,CAAC,KAAK,CAAC;AACrB,CAAC;AAED,SAAgB,UAAU,CAAC,QAAgB,CAAC;IAC1C,OAAO,SAAS,oBAAoB,CAAC,KAAoB,EAAE,CAAS;QAClE,OAAO,QAAQ,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC;AACJ,CAAC;AAJD,gCAIC"}

package/CodeViewer/utils/lineNumberify.d.ts

@@ -0,0 +1,2 @@
+import { RefractorNode } from 'refractor/core';
+export declare function lineNumberify(codeTree: RefractorNode[], initialLineNumber: number): RefractorNode[];

package/CodeViewer/utils/lineNumberify.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const newLineRegex = /\n/g;
+function getNewLines(str) {
+    return str.match(newLineRegex);
+}
+function createLineElement({ children, lineNumber, className, }) {
+    return {
+        type: 'element',
+        tagName: 'span',
+        properties: Object.assign({ className: lineNumber === void 0 ? className : ['line-number'] }, (lineNumber !== void 0 && { 'data-node-index': lineNumber })),
+        children,
+    };
+}
+function flattenCodeTree(tree, className = []) {
+    const newTree = [];
+    for (const node of tree) {
+        if (node.type === 'text') {
+            newTree.push(createLineElement({
+                children: [node],
+                className,
+            }));
+        }
+        else if (node.children && node.properties.className !== void 0) {
+            const classNames = className.concat(node.properties.className);
+            newTree.push(...flattenCodeTree(node.children, classNames));
+        }
+    }
+    return newTree;
+}
+function lineNumberify(codeTree, initialLineNumber) {
+    const tree = flattenCodeTree(codeTree);
+    const newTree = [];
+    let lastLineBreakIndex = -1;
+    let index = 0;
+    while (index < tree.length) {
+        const node = tree[index];
+        const value = node.children[0].value;
+        const newLines = getNewLines(value);
+        if (newLines) {
+            const splitValue = value.split('\n');
+            splitValue.forEach((text, i) => {
+                const lineNumber = initialLineNumber + newTree.length + 1;
+                const newChild = { type: 'text', value: `${text}\n` };
+                if (i === 0) {
+                    const children = tree.slice(lastLineBreakIndex + 1, index).concat(createLineElement({
+                        children: [newChild],
+                        className: node.properties.className,
+                    }));
+                    newTree.push(createLineElement({ children, lineNumber }));
+                }
+                else if (i === splitValue.length - 1) {
+                    const stringChild = tree[index + 1] && tree[index + 1].children && tree[index + 1].children[0];
+                    if (stringChild) {
+                        const lastLineInPreviousSpan = { type: 'text', value: `${text}` };
+                        const newElem = createLineElement({
+                            children: [lastLineInPreviousSpan],
+                            className: node.properties.className,
+                        });
+                        tree.splice(index + 1, 0, newElem);
+                    }
+                    else {
+                        newTree.push(createLineElement({
+                            children: [newChild],
+                            lineNumber,
+                            className: node.properties.className,
+                        }));
+                    }
+                }
+                else {
+                    newTree.push(createLineElement({
+                        children: [newChild],
+                        lineNumber,
+                        className: node.properties.className,
+                    }));
+                }
+            });
+            lastLineBreakIndex = index;
+        }
+        index++;
+    }
+    if (lastLineBreakIndex !== tree.length - 1) {
+        const children = tree.slice(lastLineBreakIndex + 1, tree.length);
+        if (children && children.length) {
+            newTree.push(createLineElement({
+                children,
+                lineNumber: initialLineNumber + newTree.length + 1,
+            }));
+        }
+    }
+    return newTree;
+}
+exports.lineNumberify = lineNumberify;
+//# sourceMappingURL=lineNumberify.js.map

package/CodeViewer/utils/lineNumberify.js.map

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

package/CodeViewer/utils/parseCode.d.ts

@@ -0,0 +1,2 @@
+import * as refractor from 'refractor/core';
+export declare function parseCode(code: string, language?: string): refractor.RefractorNode[];

package/CodeViewer/utils/parseCode.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const refractor = tslib_1.__importStar(require("refractor/core"));
+refractor.register(require('refractor/lang/bash'));
+refractor.register(require('refractor/lang/c'));
+refractor.register(require('refractor/lang/csharp'));
+refractor.register(require('refractor/lang/diff'));
+refractor.register(require('refractor/lang/git'));
+refractor.register(require('refractor/lang/go'));
+refractor.register(require('refractor/lang/graphql'));
+refractor.register(require('refractor/lang/http'));
+refractor.register(require('refractor/lang/java'));
+refractor.register(require('refractor/lang/javascript'));
+refractor.register(require('refractor/lang/json'));
+refractor.register(require('refractor/lang/jsx'));
+refractor.register(require('refractor/lang/markdown'));
+refractor.register(require('refractor/lang/markup'));
+refractor.register(require('refractor/lang/markup-templating'));
+refractor.register(require('refractor/lang/objectivec'));
+refractor.register(require('refractor/lang/ocaml'));
+refractor.register(require('refractor/lang/php'));
+refractor.register(require('refractor/lang/powershell'));
+refractor.register(require('refractor/lang/protobuf'));
+refractor.register(require('refractor/lang/python'));
+refractor.register(require('refractor/lang/ruby'));
+refractor.register(require('refractor/lang/sql'));
+refractor.register(require('refractor/lang/swift'));
+refractor.register(require('refractor/lang/typescript'));
+refractor.register(require('refractor/lang/yaml'));
+function parsePlainText(code) {
+    return code.split('\n').map((value, i, arr) => ({
+        type: 'element',
+        tagName: 'span',
+        properties: {},
+        children: [
+            {
+                type: 'text',
+                value: arr.length - 1 === i ? value : `${value}\n`,
+            },
+        ],
+    }));
+}
+function safeParse(code, language) {
+    if (language) {
+        try {
+            return refractor.highlight(code, language);
+        }
+        catch (ex) {
+        }
+    }
+    return parsePlainText(code);
+}
+function parseCode(code, language) {
+    return safeParse(code, language);
+}
+exports.parseCode = parseCode;
+//# sourceMappingURL=parseCode.js.map