@chayns-components/code-highlighter 5.0.0-beta.314 → 5.0.0-beta.432
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -13
- package/lib/components/{CodeHighlighter.d.ts → code-highlighter/CodeHighlighter.d.ts} +10 -1
- package/lib/components/{CodeHighlighter.js → code-highlighter/CodeHighlighter.js} +26 -5
- package/lib/components/code-highlighter/CodeHighlighter.js.map +1 -0
- package/lib/components/{CodeHighlighter.styles.d.ts → code-highlighter/CodeHighlighter.styles.d.ts} +3 -1
- package/lib/components/code-highlighter/CodeHighlighter.styles.js +80 -0
- package/lib/components/code-highlighter/CodeHighlighter.styles.js.map +1 -0
- package/lib/components/{copy-to-clipboard → code-highlighter/copy-to-clipboard}/CopyToClipboard.d.ts +2 -1
- package/lib/components/{copy-to-clipboard → code-highlighter/copy-to-clipboard}/CopyToClipboard.js +6 -3
- package/lib/components/code-highlighter/copy-to-clipboard/CopyToClipboard.js.map +1 -0
- package/lib/components/code-highlighter/copy-to-clipboard/CopyToClipboard.styles.d.ts +9 -0
- package/lib/components/code-highlighter/copy-to-clipboard/CopyToClipboard.styles.js +24 -0
- package/lib/components/code-highlighter/copy-to-clipboard/CopyToClipboard.styles.js.map +1 -0
- package/lib/constants/codeHighlighter.d.ts +7 -0
- package/lib/constants/codeHighlighter.js +13 -0
- package/lib/constants/codeHighlighter.js.map +1 -0
- package/lib/index.d.ts +3 -1
- package/lib/index.js +8 -1
- package/lib/index.js.map +1 -1
- package/lib/types/codeHighlighter.d.ts +1 -1
- package/lib/types/codeHighlighter.js.map +1 -1
- package/lib/types/parser/prettier-parser-babel.d.js +2 -0
- package/lib/types/parser/prettier-parser-babel.d.js.map +1 -0
- package/lib/types/parser/prettier-parser-graphql.d.js +2 -0
- package/lib/types/parser/prettier-parser-graphql.d.js.map +1 -0
- package/lib/types/parser/prettier-parser-html.d.js +2 -0
- package/lib/types/parser/prettier-parser-html.d.js.map +1 -0
- package/lib/types/parser/prettier-parser-markdown.d.js +2 -0
- package/lib/types/parser/prettier-parser-markdown.d.js.map +1 -0
- package/lib/types/parser/prettier-parser-postcss.d.js +2 -0
- package/lib/types/parser/prettier-parser-postcss.d.js.map +1 -0
- package/lib/types/parser/prettier-parser-yaml.d.js +2 -0
- package/lib/types/parser/prettier-parser-yaml.d.js.map +1 -0
- package/lib/utils/codeHighlighter.d.ts +4 -0
- package/lib/utils/codeHighlighter.js +361 -0
- package/lib/utils/codeHighlighter.js.map +1 -0
- package/package.json +17 -19
- package/lib/components/CodeHighlighter.js.map +0 -1
- package/lib/components/CodeHighlighter.styles.js +0 -84
- package/lib/components/CodeHighlighter.styles.js.map +0 -1
- package/lib/components/copy-to-clipboard/CopyToClipboard.js.map +0 -1
- package/lib/components/copy-to-clipboard/CopyToClipboard.styles.d.ts +0 -274
- package/lib/components/copy-to-clipboard/CopyToClipboard.styles.js +0 -10
- package/lib/components/copy-to-clipboard/CopyToClipboard.styles.js.map +0 -1
package/README.md
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
</h1>
|
|
5
5
|
<p>A set of beautiful React components for developing your own applications with chayns.</p>
|
|
6
6
|
<div>
|
|
7
|
-
<img src="https://img.shields.io/npm/dm/@chayns-components/
|
|
8
|
-
<img src="https://img.shields.io/npm/v/@chayns-components/
|
|
7
|
+
<img src="https://img.shields.io/npm/dm/@chayns-components/core.svg?style=for-the-badge" alt="" />
|
|
8
|
+
<img src="https://img.shields.io/npm/v/@chayns-components/core?style=for-the-badge" alt="" />
|
|
9
9
|
<img src="https://img.shields.io/github/license/TobitSoftware/chayns-components?style=for-the-badge" alt="" />
|
|
10
10
|
<img src="https://img.shields.io/github/contributors/TobitSoftware/chayns-components?style=for-the-badge" alt="" />
|
|
11
11
|
</div>
|
|
@@ -15,14 +15,14 @@
|
|
|
15
15
|
|
|
16
16
|
## Installation
|
|
17
17
|
|
|
18
|
-
First you need to install the
|
|
18
|
+
First you need to install the core part of the chayns-components.
|
|
19
19
|
|
|
20
20
|
```bash
|
|
21
21
|
# NPM
|
|
22
|
-
npm install @chayns-components/
|
|
22
|
+
npm install @chayns-components/core
|
|
23
23
|
|
|
24
24
|
# Yarn
|
|
25
|
-
yarn add @chayns-components/
|
|
25
|
+
yarn add @chayns-components/core
|
|
26
26
|
```
|
|
27
27
|
|
|
28
28
|
> **Information:** Since the components have now been implemented with the styled-components
|
|
@@ -34,12 +34,11 @@ yarn add @chayns-components/code-highlighter
|
|
|
34
34
|
You can use the components in your project as in the following example.
|
|
35
35
|
|
|
36
36
|
```typescript jsx
|
|
37
|
-
import {
|
|
38
|
-
|
|
39
|
-
<
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
</CodeHighlighter>;
|
|
37
|
+
import { Button } from '@chayns-components/core';
|
|
38
|
+
|
|
39
|
+
const handleButtonClick: MouseEventHandler<HTMLButtonElement> = (event) => {
|
|
40
|
+
// Your code
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
<Button onClick={handleButtonClick}>Click me!</Button>;
|
|
45
44
|
```
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { CodeHighlighterLanguage, CodeHighlighterTheme, HighlightedLines } from '
|
|
2
|
+
import { CodeHighlighterLanguage, CodeHighlighterTheme, HighlightedLines } from '../../types/codeHighlighter';
|
|
3
3
|
export type CodeHighlighterProps = {
|
|
4
4
|
/**
|
|
5
5
|
* The code that should be displayed.
|
|
6
6
|
*/
|
|
7
7
|
code: string;
|
|
8
|
+
/**
|
|
9
|
+
* The text that should be displayed after the copy button.
|
|
10
|
+
* If not set, just the button is displayed without text.
|
|
11
|
+
*/
|
|
12
|
+
copyButtonText?: string;
|
|
8
13
|
/**
|
|
9
14
|
* The lines of code that should be highlighted.
|
|
10
15
|
* Following lines can be highlighted: added, removed and just marked.
|
|
@@ -14,6 +19,10 @@ export type CodeHighlighterProps = {
|
|
|
14
19
|
* The language of the displayed code.
|
|
15
20
|
*/
|
|
16
21
|
language: CodeHighlighterLanguage;
|
|
22
|
+
/**
|
|
23
|
+
* Whether the code should be formatted with prettier.
|
|
24
|
+
*/
|
|
25
|
+
shouldFormatCode?: boolean;
|
|
17
26
|
/**
|
|
18
27
|
* Whether the line numbers should be displayed.
|
|
19
28
|
*/
|
|
@@ -4,12 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
var _standalone = require("prettier/standalone");
|
|
7
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
9
|
var _reactSyntaxHighlighter = require("react-syntax-highlighter");
|
|
9
10
|
var _prism = require("react-syntax-highlighter/dist/esm/styles/prism");
|
|
10
|
-
var _codeHighlighter = require("
|
|
11
|
+
var _codeHighlighter = require("../../types/codeHighlighter");
|
|
12
|
+
var _codeHighlighter2 = require("../../utils/codeHighlighter");
|
|
11
13
|
var _CodeHighlighter = require("./CodeHighlighter.styles");
|
|
12
14
|
var _CopyToClipboard = _interopRequireDefault(require("./copy-to-clipboard/CopyToClipboard"));
|
|
15
|
+
var _chaynsApi = require("chayns-api");
|
|
13
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
17
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
18
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -17,10 +20,16 @@ const CodeHighlighter = _ref => {
|
|
|
17
20
|
let {
|
|
18
21
|
theme = _codeHighlighter.CodeHighlighterTheme.Dark,
|
|
19
22
|
code,
|
|
23
|
+
copyButtonText,
|
|
20
24
|
language,
|
|
21
25
|
highlightedLines,
|
|
26
|
+
shouldFormatCode = false,
|
|
22
27
|
shouldShowLineNumbers = false
|
|
23
28
|
} = _ref;
|
|
29
|
+
const {
|
|
30
|
+
browser
|
|
31
|
+
} = (0, _chaynsApi.getDevice)();
|
|
32
|
+
|
|
24
33
|
// function to style highlighted code
|
|
25
34
|
const lineWrapper = (0, _react.useCallback)(lineNumber => {
|
|
26
35
|
let style = {
|
|
@@ -48,22 +57,34 @@ const CodeHighlighter = _ref => {
|
|
|
48
57
|
style
|
|
49
58
|
};
|
|
50
59
|
}, [highlightedLines]);
|
|
60
|
+
const formattedCode = (0, _react.useMemo)(() => {
|
|
61
|
+
if (language) {
|
|
62
|
+
const config = (0, _codeHighlighter2.getParserForLanguage)(language);
|
|
63
|
+
if (shouldFormatCode && config) {
|
|
64
|
+
return (0, _standalone.format)(code, config);
|
|
65
|
+
}
|
|
66
|
+
return code;
|
|
67
|
+
}
|
|
68
|
+
return code;
|
|
69
|
+
}, [code, language, shouldFormatCode]);
|
|
51
70
|
return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_CodeHighlighter.StyledCodeHighlighter, {
|
|
71
|
+
browser: browser?.name,
|
|
52
72
|
codeTheme: theme
|
|
53
73
|
}, /*#__PURE__*/_react.default.createElement(_CodeHighlighter.StyledCodeHighlighterHeader, {
|
|
54
74
|
codeTheme: theme
|
|
55
75
|
}, /*#__PURE__*/_react.default.createElement(_CodeHighlighter.StyledCodeHighlighterFileName, {
|
|
56
76
|
codeTheme: theme
|
|
57
|
-
}, language), /*#__PURE__*/_react.default.createElement(_CopyToClipboard.default, {
|
|
77
|
+
}, (0, _codeHighlighter2.formatLanguage)(language)), /*#__PURE__*/_react.default.createElement(_CopyToClipboard.default, {
|
|
58
78
|
text: code,
|
|
59
|
-
theme: theme
|
|
79
|
+
theme: theme,
|
|
80
|
+
copyButtonText: copyButtonText
|
|
60
81
|
})), /*#__PURE__*/_react.default.createElement(_reactSyntaxHighlighter.PrismAsyncLight, {
|
|
61
|
-
language: language,
|
|
82
|
+
language: language ?? '',
|
|
62
83
|
showLineNumbers: shouldShowLineNumbers,
|
|
63
84
|
style: theme === _codeHighlighter.CodeHighlighterTheme.Dark ? _prism.oneDark : _prism.oneLight,
|
|
64
85
|
wrapLines: true,
|
|
65
86
|
lineProps: lineWrapper
|
|
66
|
-
},
|
|
87
|
+
}, formattedCode)), [browser?.name, theme, language, code, copyButtonText, shouldShowLineNumbers, lineWrapper, formattedCode]);
|
|
67
88
|
};
|
|
68
89
|
CodeHighlighter.displayName = 'CodeHighlighter';
|
|
69
90
|
var _default = exports.default = CodeHighlighter;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CodeHighlighter.js","names":["_standalone","require","_react","_interopRequireWildcard","_reactSyntaxHighlighter","_prism","_codeHighlighter","_codeHighlighter2","_CodeHighlighter","_CopyToClipboard","_interopRequireDefault","_chaynsApi","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CodeHighlighter","_ref","theme","CodeHighlighterTheme","Dark","code","copyButtonText","language","highlightedLines","shouldFormatCode","shouldShowLineNumbers","browser","getDevice","lineWrapper","useCallback","lineNumber","style","backgroundColor","display","borderRadius","added","includes","removed","marked","formattedCode","useMemo","config","getParserForLanguage","format","createElement","StyledCodeHighlighter","name","codeTheme","StyledCodeHighlighterHeader","StyledCodeHighlighterFileName","formatLanguage","text","PrismAsyncLight","showLineNumbers","oneDark","oneLight","wrapLines","lineProps","displayName","_default","exports"],"sources":["../../../src/components/code-highlighter/CodeHighlighter.tsx"],"sourcesContent":["import { format } from 'prettier/standalone';\nimport React, { FC, useCallback, useMemo } from 'react';\nimport { PrismAsyncLight as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport { oneDark, oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism';\nimport {\n CodeHighlighterLanguage,\n CodeHighlighterTheme,\n HighlightedLines,\n} from '../../types/codeHighlighter';\nimport { formatLanguage, getParserForLanguage } from '../../utils/codeHighlighter';\nimport {\n StyledCodeHighlighter,\n StyledCodeHighlighterFileName,\n StyledCodeHighlighterHeader,\n} from './CodeHighlighter.styles';\nimport CopyToClipboard from './copy-to-clipboard/CopyToClipboard';\nimport { getDevice } from 'chayns-api';\n\nexport type CodeHighlighterProps = {\n /**\n * The code that should be displayed.\n */\n code: string;\n /**\n * The text that should be displayed after the copy button.\n * If not set, just the button is displayed without text.\n */\n copyButtonText?: string;\n /**\n * The lines of code that should be highlighted.\n * Following lines can be highlighted: added, removed and just marked.\n */\n highlightedLines?: HighlightedLines;\n /**\n * The language of the displayed code.\n */\n language: CodeHighlighterLanguage;\n /**\n * Whether the code should be formatted with prettier.\n */\n shouldFormatCode?: boolean;\n /**\n * Whether the line numbers should be displayed.\n */\n shouldShowLineNumbers?: boolean;\n /**\n * The theme of the code block. Decide between dark and light.\n */\n theme?: CodeHighlighterTheme;\n};\n\nconst CodeHighlighter: FC<CodeHighlighterProps> = ({\n theme = CodeHighlighterTheme.Dark,\n code,\n copyButtonText,\n language,\n highlightedLines,\n shouldFormatCode = false,\n shouldShowLineNumbers = false,\n}) => {\n const { browser } = getDevice();\n\n // function to style highlighted code\n const lineWrapper = useCallback(\n (lineNumber: number) => {\n let style = {\n backgroundColor: 'none',\n display: 'block',\n borderRadius: '2px',\n };\n\n if (highlightedLines?.added && highlightedLines.added.includes(lineNumber)) {\n style = { ...style, backgroundColor: '#2EF29930' };\n } else if (highlightedLines?.removed && highlightedLines.removed.includes(lineNumber)) {\n style = { ...style, backgroundColor: '#F22E5B30' };\n } else if (highlightedLines?.marked && highlightedLines.marked.includes(lineNumber)) {\n style = { ...style, backgroundColor: '#cccccc40' };\n }\n\n return { style };\n },\n [highlightedLines],\n );\n\n const formattedCode = useMemo(() => {\n if (language) {\n const config = getParserForLanguage(language);\n\n if (shouldFormatCode && config) {\n return format(code, config) as unknown as string;\n }\n\n return code;\n }\n\n return code;\n }, [code, language, shouldFormatCode]);\n\n return useMemo(\n () => (\n <StyledCodeHighlighter browser={browser?.name} codeTheme={theme}>\n <StyledCodeHighlighterHeader codeTheme={theme}>\n <StyledCodeHighlighterFileName codeTheme={theme}>\n {formatLanguage(language)}\n </StyledCodeHighlighterFileName>\n <CopyToClipboard text={code} theme={theme} copyButtonText={copyButtonText} />\n </StyledCodeHighlighterHeader>\n <SyntaxHighlighter\n language={language ?? ''}\n showLineNumbers={shouldShowLineNumbers}\n style={theme === CodeHighlighterTheme.Dark ? oneDark : oneLight}\n wrapLines\n lineProps={lineWrapper}\n >\n {formattedCode}\n </SyntaxHighlighter>\n </StyledCodeHighlighter>\n ),\n [\n browser?.name,\n theme,\n language,\n code,\n copyButtonText,\n shouldShowLineNumbers,\n lineWrapper,\n formattedCode,\n ],\n );\n};\n\nCodeHighlighter.displayName = 'CodeHighlighter';\n\nexport default CodeHighlighter;\n"],"mappings":"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"}
|
package/lib/components/{CodeHighlighter.styles.d.ts → code-highlighter/CodeHighlighter.styles.d.ts}
RENAMED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { WithTheme } from '@chayns-components/core';
|
|
3
|
-
import { CodeHighlighterTheme } from '
|
|
3
|
+
import { CodeHighlighterTheme } from '../../types/codeHighlighter';
|
|
4
|
+
import type { Browser } from 'detect-browser';
|
|
4
5
|
type StyledCodeHighlighterProps = WithTheme<{
|
|
5
6
|
codeTheme: CodeHighlighterTheme;
|
|
7
|
+
browser: Browser | 'bot' | null | undefined;
|
|
6
8
|
}>;
|
|
7
9
|
export declare const StyledCodeHighlighter: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledCodeHighlighterProps>>;
|
|
8
10
|
type StyledCodeHighlighterHeaderProps = WithTheme<{
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.StyledCodeHighlighterHeader = exports.StyledCodeHighlighterFileName = exports.StyledCodeHighlighter = void 0;
|
|
7
|
+
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
8
|
+
var _codeHighlighter = require("../../types/codeHighlighter");
|
|
9
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
|
+
const StyledCodeHighlighter = exports.StyledCodeHighlighter = _styledComponents.default.div`
|
|
12
|
+
margin: 4px 0;
|
|
13
|
+
background-color: ${_ref => {
|
|
14
|
+
let {
|
|
15
|
+
codeTheme
|
|
16
|
+
} = _ref;
|
|
17
|
+
return codeTheme === _codeHighlighter.CodeHighlighterTheme.Dark ? '#282c34' : '#fafafa';
|
|
18
|
+
}};
|
|
19
|
+
border-radius: 8px;
|
|
20
|
+
padding-bottom: 6px;
|
|
21
|
+
|
|
22
|
+
pre {
|
|
23
|
+
margin: 0 !important;
|
|
24
|
+
overflow: auto;
|
|
25
|
+
padding: 1em;
|
|
26
|
+
line-height: 1.5;
|
|
27
|
+
|
|
28
|
+
// Styles for custom scrollbar
|
|
29
|
+
${_ref2 => {
|
|
30
|
+
let {
|
|
31
|
+
browser,
|
|
32
|
+
theme
|
|
33
|
+
} = _ref2;
|
|
34
|
+
return browser === 'firefox' ? (0, _styledComponents.css)`
|
|
35
|
+
scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;
|
|
36
|
+
scrollbar-width: thin;
|
|
37
|
+
` : (0, _styledComponents.css)`
|
|
38
|
+
&::-webkit-scrollbar {
|
|
39
|
+
height: 5px;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
&::-webkit-scrollbar-track {
|
|
43
|
+
background-color: transparent;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
&::-webkit-scrollbar-button {
|
|
47
|
+
background-color: transparent;
|
|
48
|
+
height: 5px;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
&::-webkit-scrollbar-thumb {
|
|
52
|
+
background-color: rgba(${theme['text-rgb']}, 0.15);
|
|
53
|
+
border-radius: 20px;
|
|
54
|
+
}
|
|
55
|
+
`;
|
|
56
|
+
}}
|
|
57
|
+
}
|
|
58
|
+
`;
|
|
59
|
+
const StyledCodeHighlighterHeader = exports.StyledCodeHighlighterHeader = _styledComponents.default.div`
|
|
60
|
+
display: flex;
|
|
61
|
+
align-items: center;
|
|
62
|
+
justify-content: space-between;
|
|
63
|
+
border-bottom: 1px solid
|
|
64
|
+
${_ref3 => {
|
|
65
|
+
let {
|
|
66
|
+
codeTheme
|
|
67
|
+
} = _ref3;
|
|
68
|
+
return codeTheme === _codeHighlighter.CodeHighlighterTheme.Dark ? '#e5e5e5' : '#999999';
|
|
69
|
+
}};
|
|
70
|
+
padding: 4px 12px;
|
|
71
|
+
`;
|
|
72
|
+
const StyledCodeHighlighterFileName = exports.StyledCodeHighlighterFileName = _styledComponents.default.span`
|
|
73
|
+
color: ${_ref4 => {
|
|
74
|
+
let {
|
|
75
|
+
codeTheme
|
|
76
|
+
} = _ref4;
|
|
77
|
+
return codeTheme === _codeHighlighter.CodeHighlighterTheme.Dark ? '#e5e5e5' : '#999999';
|
|
78
|
+
}};
|
|
79
|
+
`;
|
|
80
|
+
//# sourceMappingURL=CodeHighlighter.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CodeHighlighter.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_codeHighlighter","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledCodeHighlighter","exports","styled","div","_ref","codeTheme","CodeHighlighterTheme","Dark","_ref2","browser","theme","css","StyledCodeHighlighterHeader","_ref3","StyledCodeHighlighterFileName","span","_ref4"],"sources":["../../../src/components/code-highlighter/CodeHighlighter.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '@chayns-components/core';\nimport { CodeHighlighterTheme } from '../../types/codeHighlighter';\nimport type { Browser } from 'detect-browser';\n\ntype StyledCodeHighlighterProps = WithTheme<{\n codeTheme: CodeHighlighterTheme;\n browser: Browser | 'bot' | null | undefined;\n}>;\n\nexport const StyledCodeHighlighter = styled.div<StyledCodeHighlighterProps>`\n margin: 4px 0;\n background-color: ${({ codeTheme }) =>\n codeTheme === CodeHighlighterTheme.Dark ? '#282c34' : '#fafafa'};\n border-radius: 8px;\n padding-bottom: 6px;\n\n pre {\n margin: 0 !important;\n overflow: auto;\n padding: 1em;\n line-height: 1.5;\n\n // Styles for custom scrollbar\n ${({ browser, theme }: StyledCodeHighlighterProps) =>\n browser === 'firefox'\n ? css`\n scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;\n scrollbar-width: thin;\n `\n : css`\n &::-webkit-scrollbar {\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-button {\n background-color: transparent;\n height: 5px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(${theme['text-rgb']}, 0.15);\n border-radius: 20px;\n }\n `}\n }\n`;\n\ntype StyledCodeHighlighterHeaderProps = WithTheme<{\n codeTheme: CodeHighlighterTheme;\n}>;\n\nexport const StyledCodeHighlighterHeader = styled.div<StyledCodeHighlighterHeaderProps>`\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-bottom: 1px solid\n ${({ codeTheme }) => (codeTheme === CodeHighlighterTheme.Dark ? '#e5e5e5' : '#999999')};\n padding: 4px 12px;\n`;\n\ntype StyledCodeHighlighterFileNameProps = WithTheme<{\n codeTheme: CodeHighlighterTheme;\n}>;\n\nexport const StyledCodeHighlighterFileName = styled.span<StyledCodeHighlighterFileNameProps>`\n color: ${({ codeTheme }) => (codeTheme === CodeHighlighterTheme.Dark ? '#e5e5e5' : '#999999')};\n`;\n"],"mappings":"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"}
|
package/lib/components/{copy-to-clipboard → code-highlighter/copy-to-clipboard}/CopyToClipboard.d.ts
RENAMED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { CodeHighlighterTheme } from '
|
|
2
|
+
import { CodeHighlighterTheme } from '../../../types/codeHighlighter';
|
|
3
3
|
export type CopyToClipboardProps = {
|
|
4
|
+
copyButtonText?: string;
|
|
4
5
|
text: string;
|
|
5
6
|
theme: CodeHighlighterTheme;
|
|
6
7
|
};
|
package/lib/components/{copy-to-clipboard → code-highlighter/copy-to-clipboard}/CopyToClipboard.js
RENAMED
|
@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _core = require("@chayns-components/core");
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
8
|
+
var _core = require("@chayns-components/core");
|
|
9
|
+
var _codeHighlighter = require("../../../types/codeHighlighter");
|
|
10
10
|
var _CopyToClipboard = require("./CopyToClipboard.styles");
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
12
|
const CopyToClipboard = _ref => {
|
|
13
13
|
let {
|
|
14
|
+
copyButtonText,
|
|
14
15
|
text,
|
|
15
16
|
theme
|
|
16
17
|
} = _ref;
|
|
@@ -30,7 +31,9 @@ const CopyToClipboard = _ref => {
|
|
|
30
31
|
}, /*#__PURE__*/_react.default.createElement(_core.Icon, {
|
|
31
32
|
icons: ['fa-light fa-clipboard'],
|
|
32
33
|
color: theme === _codeHighlighter.CodeHighlighterTheme.Dark ? '#e5e5e5' : '#999999'
|
|
33
|
-
})
|
|
34
|
+
}), copyButtonText && /*#__PURE__*/_react.default.createElement(_CopyToClipboard.StyledCopyToClipboardText, {
|
|
35
|
+
codeTheme: theme
|
|
36
|
+
}, copyButtonText)));
|
|
34
37
|
};
|
|
35
38
|
CopyToClipboard.displayName = 'CopyToClipboard';
|
|
36
39
|
var _default = exports.default = CopyToClipboard;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CopyToClipboard.js","names":["_react","_interopRequireDefault","require","_core","_codeHighlighter","_CopyToClipboard","obj","__esModule","default","CopyToClipboard","_ref","copyButtonText","text","theme","handleClick","navigator","clipboard","writeText","popupContent","createElement","style","display","padding","Popup","content","StyledCopyToClipboard","onClick","Icon","icons","color","CodeHighlighterTheme","Dark","StyledCopyToClipboardText","codeTheme","displayName","_default","exports"],"sources":["../../../../src/components/code-highlighter/copy-to-clipboard/CopyToClipboard.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Popup, Icon } from '@chayns-components/core';\nimport { CodeHighlighterTheme } from '../../../types/codeHighlighter';\nimport { StyledCopyToClipboard, StyledCopyToClipboardText } from './CopyToClipboard.styles';\n\nexport type CopyToClipboardProps = {\n copyButtonText?: string;\n text: string;\n theme: CodeHighlighterTheme;\n};\n\nconst CopyToClipboard: FC<CopyToClipboardProps> = ({ copyButtonText, text, theme }) => {\n const handleClick = () => {\n void navigator.clipboard.writeText(text);\n };\n\n const popupContent = (\n <span style={{ display: 'block', padding: '5px' }}>\n <p>Kopiert!</p>\n </span>\n );\n\n return (\n <Popup content={popupContent}>\n <StyledCopyToClipboard onClick={handleClick}>\n <Icon\n icons={['fa-light fa-clipboard']}\n color={theme === CodeHighlighterTheme.Dark ? '#e5e5e5' : '#999999'}\n />\n {copyButtonText && (\n <StyledCopyToClipboardText codeTheme={theme}>\n {copyButtonText}\n </StyledCopyToClipboardText>\n )}\n </StyledCopyToClipboard>\n </Popup>\n );\n};\n\nCopyToClipboard.displayName = 'CopyToClipboard';\n\nexport default CopyToClipboard;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAA4F,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAQ5F,MAAMG,eAAyC,GAAGC,IAAA,IAAqC;EAAA,IAApC;IAAEC,cAAc;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAAH,IAAA;EAC9E,MAAMI,WAAW,GAAGA,CAAA,KAAM;IACtB,KAAKC,SAAS,CAACC,SAAS,CAACC,SAAS,CAACL,IAAI,CAAC;EAC5C,CAAC;EAED,MAAMM,YAAY,gBACdlB,MAAA,CAAAQ,OAAA,CAAAW,aAAA;IAAMC,KAAK,EAAE;MAAEC,OAAO,EAAE,OAAO;MAAEC,OAAO,EAAE;IAAM;EAAE,gBAC9CtB,MAAA,CAAAQ,OAAA,CAAAW,aAAA,YAAG,UAAW,CACZ,CACT;EAED,oBACInB,MAAA,CAAAQ,OAAA,CAAAW,aAAA,CAAChB,KAAA,CAAAoB,KAAK;IAACC,OAAO,EAAEN;EAAa,gBACzBlB,MAAA,CAAAQ,OAAA,CAAAW,aAAA,CAACd,gBAAA,CAAAoB,qBAAqB;IAACC,OAAO,EAAEZ;EAAY,gBACxCd,MAAA,CAAAQ,OAAA,CAAAW,aAAA,CAAChB,KAAA,CAAAwB,IAAI;IACDC,KAAK,EAAE,CAAC,uBAAuB,CAAE;IACjCC,KAAK,EAAEhB,KAAK,KAAKiB,qCAAoB,CAACC,IAAI,GAAG,SAAS,GAAG;EAAU,CACtE,CAAC,EACDpB,cAAc,iBACXX,MAAA,CAAAQ,OAAA,CAAAW,aAAA,CAACd,gBAAA,CAAA2B,yBAAyB;IAACC,SAAS,EAAEpB;EAAM,GACvCF,cACsB,CAEZ,CACpB,CAAC;AAEhB,CAAC;AAEDF,eAAe,CAACyB,WAAW,GAAG,iBAAiB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEjCC,eAAe"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { WithTheme } from '@chayns-components/core';
|
|
3
|
+
import { CodeHighlighterTheme } from '../../../types/codeHighlighter';
|
|
4
|
+
export declare const StyledCopyToClipboard: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
5
|
+
type StyledCopyToClipboardTextProps = WithTheme<{
|
|
6
|
+
codeTheme: CodeHighlighterTheme;
|
|
7
|
+
}>;
|
|
8
|
+
export declare const StyledCopyToClipboardText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledCopyToClipboardTextProps>>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.StyledCopyToClipboardText = exports.StyledCopyToClipboard = void 0;
|
|
7
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
+
var _codeHighlighter = require("../../../types/codeHighlighter");
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
const StyledCopyToClipboard = exports.StyledCopyToClipboard = _styledComponents.default.div`
|
|
11
|
+
display: flex;
|
|
12
|
+
align-items: center;
|
|
13
|
+
`;
|
|
14
|
+
const StyledCopyToClipboardText = exports.StyledCopyToClipboardText = _styledComponents.default.span`
|
|
15
|
+
color: ${_ref => {
|
|
16
|
+
let {
|
|
17
|
+
codeTheme
|
|
18
|
+
} = _ref;
|
|
19
|
+
return codeTheme === _codeHighlighter.CodeHighlighterTheme.Dark ? '#e5e5e5' : '#999999';
|
|
20
|
+
}};
|
|
21
|
+
font-size: small;
|
|
22
|
+
margin-left: 4px;
|
|
23
|
+
`;
|
|
24
|
+
//# sourceMappingURL=CopyToClipboard.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CopyToClipboard.styles.js","names":["_styledComponents","_interopRequireDefault","require","_codeHighlighter","obj","__esModule","default","StyledCopyToClipboard","exports","styled","div","StyledCopyToClipboardText","span","_ref","codeTheme","CodeHighlighterTheme","Dark"],"sources":["../../../../src/components/code-highlighter/copy-to-clipboard/CopyToClipboard.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '@chayns-components/core';\nimport { CodeHighlighterTheme } from '../../../types/codeHighlighter';\n\nexport const StyledCopyToClipboard = styled.div`\n display: flex;\n align-items: center;\n`;\n\ntype StyledCopyToClipboardTextProps = WithTheme<{\n codeTheme: CodeHighlighterTheme;\n}>;\nexport const StyledCopyToClipboardText = styled.span<StyledCopyToClipboardTextProps>`\n color: ${({ codeTheme }) => (codeTheme === CodeHighlighterTheme.Dark ? '#e5e5e5' : '#999999')};\n font-size: small;\n margin-left: 4px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AAAsE,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE/D,MAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAGE,yBAAM,CAACC,GAAI;AAChD;AACA;AACA,CAAC;AAKM,MAAMC,yBAAyB,GAAAH,OAAA,CAAAG,yBAAA,GAAGF,yBAAM,CAACG,IAAqC;AACrF,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,IAAA;EAAA,OAAMC,SAAS,KAAKC,qCAAoB,CAACC,IAAI,GAAG,SAAS,GAAG,SAAS;AAAA,CAAE;AAClG;AACA;AACA,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { CodeHighlighterLanguage } from '../types/codeHighlighter';
|
|
2
|
+
export declare const BABEL_LANGUAGES: CodeHighlighterLanguage[];
|
|
3
|
+
export declare const HTML_LANGUAGES: CodeHighlighterLanguage[];
|
|
4
|
+
export declare const CSS_LANGUAGES: CodeHighlighterLanguage[];
|
|
5
|
+
export declare const MARKDOWN_LANGUAGES: CodeHighlighterLanguage[];
|
|
6
|
+
export declare const GRAPHQL_LANGUAGES: CodeHighlighterLanguage[];
|
|
7
|
+
export declare const YAML_LANGUAGES: CodeHighlighterLanguage[];
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.YAML_LANGUAGES = exports.MARKDOWN_LANGUAGES = exports.HTML_LANGUAGES = exports.GRAPHQL_LANGUAGES = exports.CSS_LANGUAGES = exports.BABEL_LANGUAGES = void 0;
|
|
7
|
+
const BABEL_LANGUAGES = exports.BABEL_LANGUAGES = ['tsx', 'jsx', 'typescript', 'javascript'];
|
|
8
|
+
const HTML_LANGUAGES = exports.HTML_LANGUAGES = ['html'];
|
|
9
|
+
const CSS_LANGUAGES = exports.CSS_LANGUAGES = ['css', 'less', 'scss'];
|
|
10
|
+
const MARKDOWN_LANGUAGES = exports.MARKDOWN_LANGUAGES = ['markdown'];
|
|
11
|
+
const GRAPHQL_LANGUAGES = exports.GRAPHQL_LANGUAGES = ['graphql'];
|
|
12
|
+
const YAML_LANGUAGES = exports.YAML_LANGUAGES = ['yaml'];
|
|
13
|
+
//# sourceMappingURL=codeHighlighter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"codeHighlighter.js","names":["BABEL_LANGUAGES","exports","HTML_LANGUAGES","CSS_LANGUAGES","MARKDOWN_LANGUAGES","GRAPHQL_LANGUAGES","YAML_LANGUAGES"],"sources":["../../src/constants/codeHighlighter.ts"],"sourcesContent":["import type { CodeHighlighterLanguage } from '../types/codeHighlighter';\n\nexport const BABEL_LANGUAGES: CodeHighlighterLanguage[] = [\n 'tsx',\n 'jsx',\n 'typescript',\n 'javascript',\n];\nexport const HTML_LANGUAGES: CodeHighlighterLanguage[] = ['html'];\nexport const CSS_LANGUAGES: CodeHighlighterLanguage[] = ['css', 'less', 'scss'];\nexport const MARKDOWN_LANGUAGES: CodeHighlighterLanguage[] = ['markdown'];\nexport const GRAPHQL_LANGUAGES: CodeHighlighterLanguage[] = ['graphql'];\nexport const YAML_LANGUAGES: CodeHighlighterLanguage[] = ['yaml'];\n"],"mappings":";;;;;;AAEO,MAAMA,eAA0C,GAAAC,OAAA,CAAAD,eAAA,GAAG,CACtD,KAAK,EACL,KAAK,EACL,YAAY,EACZ,YAAY,CACf;AACM,MAAME,cAAyC,GAAAD,OAAA,CAAAC,cAAA,GAAG,CAAC,MAAM,CAAC;AAC1D,MAAMC,aAAwC,GAAAF,OAAA,CAAAE,aAAA,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC;AACxE,MAAMC,kBAA6C,GAAAH,OAAA,CAAAG,kBAAA,GAAG,CAAC,UAAU,CAAC;AAClE,MAAMC,iBAA4C,GAAAJ,OAAA,CAAAI,iBAAA,GAAG,CAAC,SAAS,CAAC;AAChE,MAAMC,cAAyC,GAAAL,OAAA,CAAAK,cAAA,GAAG,CAAC,MAAM,CAAC"}
|
package/lib/index.d.ts
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
|
-
export { default as CodeHighlighter } from './components/CodeHighlighter';
|
|
1
|
+
export { default as CodeHighlighter } from './components/code-highlighter/CodeHighlighter';
|
|
2
|
+
export { CodeHighlighterTheme } from './types/codeHighlighter';
|
|
3
|
+
export type { CodeHighlighterLanguage, HighlightedLines } from './types/codeHighlighter';
|
package/lib/index.js
CHANGED
|
@@ -9,6 +9,13 @@ Object.defineProperty(exports, "CodeHighlighter", {
|
|
|
9
9
|
return _CodeHighlighter.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
|
|
12
|
+
Object.defineProperty(exports, "CodeHighlighterTheme", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _codeHighlighter.CodeHighlighterTheme;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
var _CodeHighlighter = _interopRequireDefault(require("./components/code-highlighter/CodeHighlighter"));
|
|
19
|
+
var _codeHighlighter = require("./types/codeHighlighter");
|
|
13
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
21
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_CodeHighlighter","_interopRequireDefault","require","obj","__esModule","default"],"sources":["../src/index.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"index.js","names":["_CodeHighlighter","_interopRequireDefault","require","_codeHighlighter","obj","__esModule","default"],"sources":["../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\nexport { default as CodeHighlighter } from './components/code-highlighter/CodeHighlighter';\nexport { CodeHighlighterTheme } from './types/codeHighlighter';\nexport type { CodeHighlighterLanguage, HighlightedLines } from './types/codeHighlighter';\n"],"mappings":";;;;;;;;;;;;;;;;;AACA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAA+D,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}
|
|
@@ -7,4 +7,4 @@ export interface HighlightedLines {
|
|
|
7
7
|
removed?: number[];
|
|
8
8
|
marked?: number[];
|
|
9
9
|
}
|
|
10
|
-
export type CodeHighlighterLanguage = 'abap' | 'abnf' | 'actionscript' | 'ada' | 'agda' | 'al' | 'antlr4' | 'apacheconf' | 'apex' | 'apl' | 'applescript' | 'aql' | 'arduino' | 'arff' | 'asciidoc' | 'asm6502' | 'asmatmel' | 'aspnet' | 'autohotkey' | 'autoit' | 'avisynth' | 'avroIdl' | 'bash' | 'basic' | 'batch' | 'bbcode' | 'bicep' | 'birb' | 'bison' | 'bnf' | 'brainfuck' | 'brightscript' | 'bro' | 'bsl' | 'c' | 'cfscript' | 'chaiscript' | 'cil' | 'clike' | 'clojure' | 'cmake' | 'cobol' | 'coffeescript' | 'concurnas' | 'coq' | 'cpp' | 'crystal' | 'csharp' | 'cshtml' | 'csp' | 'cssExtras' | 'css' | 'csv' | 'cypher' | 'd' | 'dart' | 'dataweave' | 'dax' | 'dhall' | 'diff' | 'django' | 'dnsZoneFile' | 'docker' | 'dot' | 'ebnf' | 'editorconfig' | 'eiffel' | 'ejs' | 'elixir' | 'elm' | 'erb' | 'erlang' | 'etlua' | 'excelFormula' | 'factor' | 'falselang' | 'firestoreSecurityRules' | 'flow' | 'fortran' | 'fsharp' | 'ftl' | 'gap' | 'gcode' | 'gdscript' | 'gedcom' | 'gherkin' | 'git' | 'glsl' | 'gml' | 'gn' | 'goModule' | 'go' | 'graphql' | 'groovy' | 'haml' | 'handlebars' | 'haskell' | 'haxe' | 'hcl' | 'hlsl' | 'hoon' | 'hpkp' | 'hsts' | 'http' | 'ichigojam' | 'icon' | 'icuMessageFormat' | 'idris' | 'iecst' | 'ignore' | 'inform7' | 'ini' | 'io' | 'j' | 'java' | 'javadoc' | 'javadoclike' | 'javascript' | 'javastacktrace' | 'jexl' | 'jolie' | 'jq' | 'jsExtras' | 'jsTemplates' | 'jsdoc' | 'json' | 'json5' | 'jsonp' | 'jsstacktrace' | 'jsx' | 'julia' | 'keepalived' | 'keyman' | 'kotlin' | 'kumir' | 'kusto' | 'latex' | 'latte' | 'less' | 'lilypond' | 'liquid' | 'lisp' | 'livescript' | 'llvm' | 'log' | 'lolcode' | 'lua' | 'magma' | 'makefile' | 'markdown' | 'markupTemplating' | 'markup' | 'matlab' | 'maxscript' | 'mel' | 'mermaid' | 'mizar' | 'mongodb' | 'monkey' | 'moonscript' | 'n1ql' | 'n4js' | 'nand2tetrisHdl' | 'naniscript' | 'nasm' | 'neon' | 'nevod' | 'nginx' | 'nim' | 'nix' | 'nsis' | 'objectivec' | 'ocaml' | 'opencl' | 'openqasm' | 'oz' | 'parigp' | 'parser' | 'pascal' | 'pascaligo' | 'pcaxis' | 'peoplecode' | 'perl' | 'phpExtras' | 'php' | 'phpdoc' | 'plsql' | 'powerquery' | 'powershell' | 'processing' | 'prolog' | 'promql' | 'properties' | 'protobuf' | 'psl' | 'pug' | 'puppet' | 'pure' | 'purebasic' | 'purescript' | 'python' | 'q' | 'qml' | 'qore' | 'qsharp' | 'r' | 'racket' | 'reason' | 'regex' | 'rego' | 'renpy' | 'rest' | 'rip' | 'roboconf' | 'robotframework' | 'ruby' | 'rust' | 'sas' | 'sass' | 'scala' | 'scheme' | 'scss' | 'shellSession' | 'smali' | 'smalltalk' | 'smarty' | 'sml' | 'solidity' | 'solutionFile' | 'soy' | 'sparql' | 'splunkSpl' | 'sqf' | 'sql' | 'squirrel' | 'stan' | 'stylus' | 'swift' | 'systemd' | 't4Cs' | 't4Templating' | 't4Vb' | 'tap' | 'tcl' | 'textile' | 'toml' | 'tremor' | 'tsx' | 'tt2' | 'turtle' | 'twig' | 'typescript' | 'typoscript' | 'unrealscript' | 'uorazor' | 'uri' | 'v' | 'vala' | 'vbnet' | 'velocity' | 'verilog' | 'vhdl' | 'vim' | 'visualBasic' | 'warpscript' | 'wasm' | 'webIdl' | 'wiki' | 'wolfram' | 'wren' | 'xeora' | 'xmlDoc' | 'xojo' | 'xquery' | 'yaml' | 'yang' | 'zig';
|
|
10
|
+
export type CodeHighlighterLanguage = 'abap' | 'abnf' | 'actionscript' | 'ada' | 'agda' | 'al' | 'antlr4' | 'apacheconf' | 'apex' | 'apl' | 'applescript' | 'aql' | 'arduino' | 'arff' | 'asciidoc' | 'asm6502' | 'asmatmel' | 'aspnet' | 'autohotkey' | 'autoit' | 'avisynth' | 'avroIdl' | 'bash' | 'basic' | 'batch' | 'bbcode' | 'bicep' | 'birb' | 'bison' | 'bnf' | 'brainfuck' | 'brightscript' | 'bro' | 'bsl' | 'c' | 'cfscript' | 'chaiscript' | 'cil' | 'clike' | 'clojure' | 'cmake' | 'cobol' | 'coffeescript' | 'concurnas' | 'coq' | 'cpp' | 'crystal' | 'csharp' | 'cshtml' | 'csp' | 'cssExtras' | 'css' | 'csv' | 'cypher' | 'd' | 'dart' | 'dataweave' | 'dax' | 'dhall' | 'diff' | 'django' | 'dnsZoneFile' | 'docker' | 'dot' | 'ebnf' | 'editorconfig' | 'eiffel' | 'ejs' | 'elixir' | 'elm' | 'erb' | 'erlang' | 'etlua' | 'excelFormula' | 'factor' | 'falselang' | 'firestoreSecurityRules' | 'flow' | 'fortran' | 'fsharp' | 'ftl' | 'gap' | 'gcode' | 'gdscript' | 'gedcom' | 'gherkin' | 'git' | 'glsl' | 'gml' | 'gn' | 'goModule' | 'go' | 'graphql' | 'groovy' | 'haml' | 'handlebars' | 'haskell' | 'haxe' | 'hcl' | 'hlsl' | 'hoon' | 'hpkp' | 'hsts' | 'html' | 'http' | 'ichigojam' | 'icon' | 'icuMessageFormat' | 'idris' | 'iecst' | 'ignore' | 'inform7' | 'ini' | 'io' | 'j' | 'java' | 'javadoc' | 'javadoclike' | 'javascript' | 'javastacktrace' | 'jexl' | 'jolie' | 'jq' | 'jsExtras' | 'jsTemplates' | 'jsdoc' | 'json' | 'json5' | 'jsonp' | 'jsstacktrace' | 'jsx' | 'julia' | 'keepalived' | 'keyman' | 'kotlin' | 'kumir' | 'kusto' | 'latex' | 'latte' | 'less' | 'lilypond' | 'liquid' | 'lisp' | 'livescript' | 'llvm' | 'log' | 'lolcode' | 'lua' | 'magma' | 'makefile' | 'markdown' | 'markupTemplating' | 'markup' | 'matlab' | 'maxscript' | 'mel' | 'mermaid' | 'mizar' | 'mongodb' | 'monkey' | 'moonscript' | 'n1ql' | 'n4js' | 'nand2tetrisHdl' | 'naniscript' | 'nasm' | 'neon' | 'nevod' | 'nginx' | 'nim' | 'nix' | 'nsis' | 'objectivec' | 'ocaml' | 'opencl' | 'openqasm' | 'oz' | 'parigp' | 'parser' | 'pascal' | 'pascaligo' | 'pcaxis' | 'peoplecode' | 'perl' | 'phpExtras' | 'php' | 'phpdoc' | 'plsql' | 'powerquery' | 'powershell' | 'processing' | 'prolog' | 'promql' | 'properties' | 'protobuf' | 'psl' | 'pug' | 'puppet' | 'pure' | 'purebasic' | 'purescript' | 'python' | 'q' | 'qml' | 'qore' | 'qsharp' | 'r' | 'racket' | 'reason' | 'regex' | 'rego' | 'renpy' | 'rest' | 'rip' | 'roboconf' | 'robotframework' | 'ruby' | 'rust' | 'sas' | 'sass' | 'scala' | 'scheme' | 'scss' | 'shellSession' | 'smali' | 'smalltalk' | 'smarty' | 'sml' | 'solidity' | 'solutionFile' | 'soy' | 'sparql' | 'splunkSpl' | 'sqf' | 'sql' | 'squirrel' | 'stan' | 'stylus' | 'swift' | 'systemd' | 't4Cs' | 't4Templating' | 't4Vb' | 'tap' | 'tcl' | 'textile' | 'toml' | 'tremor' | 'tsx' | 'tt2' | 'turtle' | 'twig' | 'typescript' | 'typoscript' | 'unrealscript' | 'uorazor' | 'uri' | 'v' | 'vala' | 'vbnet' | 'velocity' | 'verilog' | 'vhdl' | 'vim' | 'visualBasic' | 'warpscript' | 'wasm' | 'webIdl' | 'wiki' | 'wolfram' | 'wren' | 'xeora' | 'xmlDoc' | 'xojo' | 'xquery' | 'yaml' | 'yang' | 'zig' | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"codeHighlighter.js","names":["CodeHighlighterTheme","exports"],"sources":["../../src/types/codeHighlighter.ts"],"sourcesContent":["export enum CodeHighlighterTheme {\n Light = 'light',\n Dark = 'dark',\n}\n\nexport interface HighlightedLines {\n added?: number[];\n removed?: number[];\n marked?: number[];\n}\n\nexport type CodeHighlighterLanguage =\n | 'abap'\n | 'abnf'\n | 'actionscript'\n | 'ada'\n | 'agda'\n | 'al'\n | 'antlr4'\n | 'apacheconf'\n | 'apex'\n | 'apl'\n | 'applescript'\n | 'aql'\n | 'arduino'\n | 'arff'\n | 'asciidoc'\n | 'asm6502'\n | 'asmatmel'\n | 'aspnet'\n | 'autohotkey'\n | 'autoit'\n | 'avisynth'\n | 'avroIdl'\n | 'bash'\n | 'basic'\n | 'batch'\n | 'bbcode'\n | 'bicep'\n | 'birb'\n | 'bison'\n | 'bnf'\n | 'brainfuck'\n | 'brightscript'\n | 'bro'\n | 'bsl'\n | 'c'\n | 'cfscript'\n | 'chaiscript'\n | 'cil'\n | 'clike'\n | 'clojure'\n | 'cmake'\n | 'cobol'\n | 'coffeescript'\n | 'concurnas'\n | 'coq'\n | 'cpp'\n | 'crystal'\n | 'csharp'\n | 'cshtml'\n | 'csp'\n | 'cssExtras'\n | 'css'\n | 'csv'\n | 'cypher'\n | 'd'\n | 'dart'\n | 'dataweave'\n | 'dax'\n | 'dhall'\n | 'diff'\n | 'django'\n | 'dnsZoneFile'\n | 'docker'\n | 'dot'\n | 'ebnf'\n | 'editorconfig'\n | 'eiffel'\n | 'ejs'\n | 'elixir'\n | 'elm'\n | 'erb'\n | 'erlang'\n | 'etlua'\n | 'excelFormula'\n | 'factor'\n | 'falselang'\n | 'firestoreSecurityRules'\n | 'flow'\n | 'fortran'\n | 'fsharp'\n | 'ftl'\n | 'gap'\n | 'gcode'\n | 'gdscript'\n | 'gedcom'\n | 'gherkin'\n | 'git'\n | 'glsl'\n | 'gml'\n | 'gn'\n | 'goModule'\n | 'go'\n | 'graphql'\n | 'groovy'\n | 'haml'\n | 'handlebars'\n | 'haskell'\n | 'haxe'\n | 'hcl'\n | 'hlsl'\n | 'hoon'\n | 'hpkp'\n | 'hsts'\n | 'http'\n | 'ichigojam'\n | 'icon'\n | 'icuMessageFormat'\n | 'idris'\n | 'iecst'\n | 'ignore'\n | 'inform7'\n | 'ini'\n | 'io'\n | 'j'\n | 'java'\n | 'javadoc'\n | 'javadoclike'\n | 'javascript'\n | 'javastacktrace'\n | 'jexl'\n | 'jolie'\n | 'jq'\n | 'jsExtras'\n | 'jsTemplates'\n | 'jsdoc'\n | 'json'\n | 'json5'\n | 'jsonp'\n | 'jsstacktrace'\n | 'jsx'\n | 'julia'\n | 'keepalived'\n | 'keyman'\n | 'kotlin'\n | 'kumir'\n | 'kusto'\n | 'latex'\n | 'latte'\n | 'less'\n | 'lilypond'\n | 'liquid'\n | 'lisp'\n | 'livescript'\n | 'llvm'\n | 'log'\n | 'lolcode'\n | 'lua'\n | 'magma'\n | 'makefile'\n | 'markdown'\n | 'markupTemplating'\n | 'markup'\n | 'matlab'\n | 'maxscript'\n | 'mel'\n | 'mermaid'\n | 'mizar'\n | 'mongodb'\n | 'monkey'\n | 'moonscript'\n | 'n1ql'\n | 'n4js'\n | 'nand2tetrisHdl'\n | 'naniscript'\n | 'nasm'\n | 'neon'\n | 'nevod'\n | 'nginx'\n | 'nim'\n | 'nix'\n | 'nsis'\n | 'objectivec'\n | 'ocaml'\n | 'opencl'\n | 'openqasm'\n | 'oz'\n | 'parigp'\n | 'parser'\n | 'pascal'\n | 'pascaligo'\n | 'pcaxis'\n | 'peoplecode'\n | 'perl'\n | 'phpExtras'\n | 'php'\n | 'phpdoc'\n | 'plsql'\n | 'powerquery'\n | 'powershell'\n | 'processing'\n | 'prolog'\n | 'promql'\n | 'properties'\n | 'protobuf'\n | 'psl'\n | 'pug'\n | 'puppet'\n | 'pure'\n | 'purebasic'\n | 'purescript'\n | 'python'\n | 'q'\n | 'qml'\n | 'qore'\n | 'qsharp'\n | 'r'\n | 'racket'\n | 'reason'\n | 'regex'\n | 'rego'\n | 'renpy'\n | 'rest'\n | 'rip'\n | 'roboconf'\n | 'robotframework'\n | 'ruby'\n | 'rust'\n | 'sas'\n | 'sass'\n | 'scala'\n | 'scheme'\n | 'scss'\n | 'shellSession'\n | 'smali'\n | 'smalltalk'\n | 'smarty'\n | 'sml'\n | 'solidity'\n | 'solutionFile'\n | 'soy'\n | 'sparql'\n | 'splunkSpl'\n | 'sqf'\n | 'sql'\n | 'squirrel'\n | 'stan'\n | 'stylus'\n | 'swift'\n | 'systemd'\n | 't4Cs'\n | 't4Templating'\n | 't4Vb'\n | 'tap'\n | 'tcl'\n | 'textile'\n | 'toml'\n | 'tremor'\n | 'tsx'\n | 'tt2'\n | 'turtle'\n | 'twig'\n | 'typescript'\n | 'typoscript'\n | 'unrealscript'\n | 'uorazor'\n | 'uri'\n | 'v'\n | 'vala'\n | 'vbnet'\n | 'velocity'\n | 'verilog'\n | 'vhdl'\n | 'vim'\n | 'visualBasic'\n | 'warpscript'\n | 'wasm'\n | 'webIdl'\n | 'wiki'\n | 'wolfram'\n | 'wren'\n | 'xeora'\n | 'xmlDoc'\n | 'xojo'\n | 'xquery'\n | 'yaml'\n | 'yang'\n | 'zig';\n"],"mappings":";;;;;;IAAYA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA"}
|
|
1
|
+
{"version":3,"file":"codeHighlighter.js","names":["CodeHighlighterTheme","exports"],"sources":["../../src/types/codeHighlighter.ts"],"sourcesContent":["export enum CodeHighlighterTheme {\n Light = 'light',\n Dark = 'dark',\n}\n\nexport interface HighlightedLines {\n added?: number[];\n removed?: number[];\n marked?: number[];\n}\n\nexport type CodeHighlighterLanguage =\n | 'abap'\n | 'abnf'\n | 'actionscript'\n | 'ada'\n | 'agda'\n | 'al'\n | 'antlr4'\n | 'apacheconf'\n | 'apex'\n | 'apl'\n | 'applescript'\n | 'aql'\n | 'arduino'\n | 'arff'\n | 'asciidoc'\n | 'asm6502'\n | 'asmatmel'\n | 'aspnet'\n | 'autohotkey'\n | 'autoit'\n | 'avisynth'\n | 'avroIdl'\n | 'bash'\n | 'basic'\n | 'batch'\n | 'bbcode'\n | 'bicep'\n | 'birb'\n | 'bison'\n | 'bnf'\n | 'brainfuck'\n | 'brightscript'\n | 'bro'\n | 'bsl'\n | 'c'\n | 'cfscript'\n | 'chaiscript'\n | 'cil'\n | 'clike'\n | 'clojure'\n | 'cmake'\n | 'cobol'\n | 'coffeescript'\n | 'concurnas'\n | 'coq'\n | 'cpp'\n | 'crystal'\n | 'csharp'\n | 'cshtml'\n | 'csp'\n | 'cssExtras'\n | 'css'\n | 'csv'\n | 'cypher'\n | 'd'\n | 'dart'\n | 'dataweave'\n | 'dax'\n | 'dhall'\n | 'diff'\n | 'django'\n | 'dnsZoneFile'\n | 'docker'\n | 'dot'\n | 'ebnf'\n | 'editorconfig'\n | 'eiffel'\n | 'ejs'\n | 'elixir'\n | 'elm'\n | 'erb'\n | 'erlang'\n | 'etlua'\n | 'excelFormula'\n | 'factor'\n | 'falselang'\n | 'firestoreSecurityRules'\n | 'flow'\n | 'fortran'\n | 'fsharp'\n | 'ftl'\n | 'gap'\n | 'gcode'\n | 'gdscript'\n | 'gedcom'\n | 'gherkin'\n | 'git'\n | 'glsl'\n | 'gml'\n | 'gn'\n | 'goModule'\n | 'go'\n | 'graphql'\n | 'groovy'\n | 'haml'\n | 'handlebars'\n | 'haskell'\n | 'haxe'\n | 'hcl'\n | 'hlsl'\n | 'hoon'\n | 'hpkp'\n | 'hsts'\n | 'html'\n | 'http'\n | 'ichigojam'\n | 'icon'\n | 'icuMessageFormat'\n | 'idris'\n | 'iecst'\n | 'ignore'\n | 'inform7'\n | 'ini'\n | 'io'\n | 'j'\n | 'java'\n | 'javadoc'\n | 'javadoclike'\n | 'javascript'\n | 'javastacktrace'\n | 'jexl'\n | 'jolie'\n | 'jq'\n | 'jsExtras'\n | 'jsTemplates'\n | 'jsdoc'\n | 'json'\n | 'json5'\n | 'jsonp'\n | 'jsstacktrace'\n | 'jsx'\n | 'julia'\n | 'keepalived'\n | 'keyman'\n | 'kotlin'\n | 'kumir'\n | 'kusto'\n | 'latex'\n | 'latte'\n | 'less'\n | 'lilypond'\n | 'liquid'\n | 'lisp'\n | 'livescript'\n | 'llvm'\n | 'log'\n | 'lolcode'\n | 'lua'\n | 'magma'\n | 'makefile'\n | 'markdown'\n | 'markupTemplating'\n | 'markup'\n | 'matlab'\n | 'maxscript'\n | 'mel'\n | 'mermaid'\n | 'mizar'\n | 'mongodb'\n | 'monkey'\n | 'moonscript'\n | 'n1ql'\n | 'n4js'\n | 'nand2tetrisHdl'\n | 'naniscript'\n | 'nasm'\n | 'neon'\n | 'nevod'\n | 'nginx'\n | 'nim'\n | 'nix'\n | 'nsis'\n | 'objectivec'\n | 'ocaml'\n | 'opencl'\n | 'openqasm'\n | 'oz'\n | 'parigp'\n | 'parser'\n | 'pascal'\n | 'pascaligo'\n | 'pcaxis'\n | 'peoplecode'\n | 'perl'\n | 'phpExtras'\n | 'php'\n | 'phpdoc'\n | 'plsql'\n | 'powerquery'\n | 'powershell'\n | 'processing'\n | 'prolog'\n | 'promql'\n | 'properties'\n | 'protobuf'\n | 'psl'\n | 'pug'\n | 'puppet'\n | 'pure'\n | 'purebasic'\n | 'purescript'\n | 'python'\n | 'q'\n | 'qml'\n | 'qore'\n | 'qsharp'\n | 'r'\n | 'racket'\n | 'reason'\n | 'regex'\n | 'rego'\n | 'renpy'\n | 'rest'\n | 'rip'\n | 'roboconf'\n | 'robotframework'\n | 'ruby'\n | 'rust'\n | 'sas'\n | 'sass'\n | 'scala'\n | 'scheme'\n | 'scss'\n | 'shellSession'\n | 'smali'\n | 'smalltalk'\n | 'smarty'\n | 'sml'\n | 'solidity'\n | 'solutionFile'\n | 'soy'\n | 'sparql'\n | 'splunkSpl'\n | 'sqf'\n | 'sql'\n | 'squirrel'\n | 'stan'\n | 'stylus'\n | 'swift'\n | 'systemd'\n | 't4Cs'\n | 't4Templating'\n | 't4Vb'\n | 'tap'\n | 'tcl'\n | 'textile'\n | 'toml'\n | 'tremor'\n | 'tsx'\n | 'tt2'\n | 'turtle'\n | 'twig'\n | 'typescript'\n | 'typoscript'\n | 'unrealscript'\n | 'uorazor'\n | 'uri'\n | 'v'\n | 'vala'\n | 'vbnet'\n | 'velocity'\n | 'verilog'\n | 'vhdl'\n | 'vim'\n | 'visualBasic'\n | 'warpscript'\n | 'wasm'\n | 'webIdl'\n | 'wiki'\n | 'wolfram'\n | 'wren'\n | 'xeora'\n | 'xmlDoc'\n | 'xojo'\n | 'xquery'\n | 'yaml'\n | 'yang'\n | 'zig'\n | undefined;\n"],"mappings":";;;;;;IAAYA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prettier-parser-babel.d.js","names":[],"sources":["../../../src/types/parser/prettier-parser-babel.d.ts"],"sourcesContent":["declare module 'prettier/parser-babel' {\n import { Plugin } from 'prettier';\n\n const parser: Plugin;\n export default parser;\n}\n"],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prettier-parser-graphql.d.js","names":[],"sources":["../../../src/types/parser/prettier-parser-graphql.d.ts"],"sourcesContent":["declare module 'prettier/parser-graphql' {\n import { Plugin } from 'prettier';\n\n const parser: Plugin;\n export default parser;\n}\n"],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prettier-parser-html.d.js","names":[],"sources":["../../../src/types/parser/prettier-parser-html.d.ts"],"sourcesContent":["declare module 'prettier/parser-html' {\n import { Plugin } from 'prettier';\n\n const parser: Plugin;\n export default parser;\n}\n"],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prettier-parser-markdown.d.js","names":[],"sources":["../../../src/types/parser/prettier-parser-markdown.d.ts"],"sourcesContent":["declare module 'prettier/parser-markdown' {\n import { Plugin } from 'prettier';\n\n const parser: Plugin;\n export default parser;\n}\n"],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prettier-parser-postcss.d.js","names":[],"sources":["../../../src/types/parser/prettier-parser-postcss.d.ts"],"sourcesContent":["declare module 'prettier/parser-postcss' {\n import { Plugin } from 'prettier';\n\n const parser: Plugin;\n export default parser;\n}\n"],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prettier-parser-yaml.d.js","names":[],"sources":["../../../src/types/parser/prettier-parser-yaml.d.ts"],"sourcesContent":["declare module 'prettier/parser-yaml' {\n import { Plugin } from 'prettier';\n\n const parser: Plugin;\n export default parser;\n}\n"],"mappings":""}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { Options } from 'prettier';
|
|
2
|
+
import type { CodeHighlighterLanguage } from '../types/codeHighlighter';
|
|
3
|
+
export declare const getParserForLanguage: (language: CodeHighlighterLanguage) => Options | undefined;
|
|
4
|
+
export declare const formatLanguage: (language: CodeHighlighterLanguage) => string;
|