@chayns-components/code-highlighter 5.0.0-beta.315 → 5.0.0-beta.432

package/README.md

@@ -4,8 +4,8 @@
     </h1>
     <p>A set of beautiful React components for developing your own applications with chayns.</p>
     <div>
-        <img src="https://img.shields.io/npm/dm/@chayns-components/typewriter.svg?style=for-the-badge" alt="" />
-        <img src="https://img.shields.io/npm/v/@chayns-components/typewriter?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/npm/dm/@chayns-components/core.svg?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/npm/v/@chayns-components/core?style=for-the-badge" alt="" />
         <img src="https://img.shields.io/github/license/TobitSoftware/chayns-components?style=for-the-badge" alt="" />
         <img src="https://img.shields.io/github/contributors/TobitSoftware/chayns-components?style=for-the-badge" alt="" />
     </div>
@@ -15,14 +15,14 @@
 
 ## Installation
 
-First you need to install the code highlighter part of the chayns-components.
+First you need to install the core part of the chayns-components.
 
 ```bash
 # NPM
-npm install @chayns-components/code-highlighter
+npm install @chayns-components/core
 
 # Yarn
-yarn add @chayns-components/code-highlighter
+yarn add @chayns-components/core
 ```
 
 > **Information:** Since the components have now been implemented with the styled-components
@@ -34,12 +34,11 @@ yarn add @chayns-components/code-highlighter
 You can use the components in your project as in the following example.
 
 ```typescript jsx
-import { CodeHighlighter } from '@chayns-components/typewriter';
-
-<CodeHighlighter>
-    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
-    ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
-    dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor
-    sit amet.
-</CodeHighlighter>;
+import { Button } from '@chayns-components/core';
+
+const handleButtonClick: MouseEventHandler<HTMLButtonElement> = (event) => {
+    // Your code
+};
+
+<Button onClick={handleButtonClick}>Click me!</Button>;
 ```

package/lib/components/{CodeHighlighter.d.ts → code-highlighter/CodeHighlighter.d.ts}

@@ -1,10 +1,15 @@
 import { FC } from 'react';
-import { CodeHighlighterLanguage, CodeHighlighterTheme, HighlightedLines } from '../types/codeHighlighter';
+import { CodeHighlighterLanguage, CodeHighlighterTheme, HighlightedLines } from '../../types/codeHighlighter';
 export type CodeHighlighterProps = {
     /**
      * The code that should be displayed.
      */
     code: string;
+    /**
+     * The text that should be displayed after the copy button.
+     * If not set, just the button is displayed without text.
+     */
+    copyButtonText?: string;
     /**
      * The lines of code that should be highlighted.
      * Following lines can be highlighted: added, removed and just marked.
@@ -14,6 +19,10 @@ export type CodeHighlighterProps = {
      * The language of the displayed code.
      */
     language: CodeHighlighterLanguage;
+    /**
+     * Whether the code should be formatted with prettier.
+     */
+    shouldFormatCode?: boolean;
     /**
      * Whether the line numbers should be displayed.
      */

package/lib/components/{CodeHighlighter.js → code-highlighter/CodeHighlighter.js}

@@ -4,12 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _standalone = require("prettier/standalone");
 var _react = _interopRequireWildcard(require("react"));
 var _reactSyntaxHighlighter = require("react-syntax-highlighter");
 var _prism = require("react-syntax-highlighter/dist/esm/styles/prism");
-var _codeHighlighter = require("../types/codeHighlighter");
+var _codeHighlighter = require("../../types/codeHighlighter");
+var _codeHighlighter2 = require("../../utils/codeHighlighter");
 var _CodeHighlighter = require("./CodeHighlighter.styles");
 var _CopyToClipboard = _interopRequireDefault(require("./copy-to-clipboard/CopyToClipboard"));
+var _chaynsApi = require("chayns-api");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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 => {
   let {
     theme = _codeHighlighter.CodeHighlighterTheme.Dark,
     code,
+    copyButtonText,
     language,
     highlightedLines,
+    shouldFormatCode = false,
     shouldShowLineNumbers = false
   } = _ref;
+  const {
+    browser
+  } = (0, _chaynsApi.getDevice)();
+
   // function to style highlighted code
   const lineWrapper = (0, _react.useCallback)(lineNumber => {
     let style = {
@@ -48,22 +57,34 @@ const CodeHighlighter = _ref => {
       style
     };
   }, [highlightedLines]);
+  const formattedCode = (0, _react.useMemo)(() => {
+    if (language) {
+      const config = (0, _codeHighlighter2.getParserForLanguage)(language);
+      if (shouldFormatCode && config) {
+        return (0, _standalone.format)(code, config);
+      }
+      return code;
+    }
+    return code;
+  }, [code, language, shouldFormatCode]);
   return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_CodeHighlighter.StyledCodeHighlighter, {
+    browser: browser?.name,
     codeTheme: theme
   }, /*#__PURE__*/_react.default.createElement(_CodeHighlighter.StyledCodeHighlighterHeader, {
     codeTheme: theme
   }, /*#__PURE__*/_react.default.createElement(_CodeHighlighter.StyledCodeHighlighterFileName, {
     codeTheme: theme
-  }, language), /*#__PURE__*/_react.default.createElement(_CopyToClipboard.default, {
+  }, (0, _codeHighlighter2.formatLanguage)(language)), /*#__PURE__*/_react.default.createElement(_CopyToClipboard.default, {
     text: code,
-    theme: theme
+    theme: theme,
+    copyButtonText: copyButtonText
   })), /*#__PURE__*/_react.default.createElement(_reactSyntaxHighlighter.PrismAsyncLight, {
-    language: language,
+    language: language ?? '',
     showLineNumbers: shouldShowLineNumbers,
     style: theme === _codeHighlighter.CodeHighlighterTheme.Dark ? _prism.oneDark : _prism.oneLight,
     wrapLines: true,
     lineProps: lineWrapper
-  }, code)), [theme, language, code, shouldShowLineNumbers, lineWrapper]);
+  }, formattedCode)), [browser?.name, theme, language, code, copyButtonText, shouldShowLineNumbers, lineWrapper, formattedCode]);
 };
 CodeHighlighter.displayName = 'CodeHighlighter';
 var _default = exports.default = CodeHighlighter;

package/lib/components/code-highlighter/CodeHighlighter.js.map

@@ -0,0 +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":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AAKA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AAKA,IAAAQ,gBAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AAAuC,SAAAS,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAb,wBAAAa,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAmCvC,MAAMY,eAAyC,GAAGC,IAAA,IAQ5C;EAAA,IAR6C;IAC/CC,KAAK,GAAGC,qCAAoB,CAACC,IAAI;IACjCC,IAAI;IACJC,cAAc;IACdC,QAAQ;IACRC,gBAAgB;IAChBC,gBAAgB,GAAG,KAAK;IACxBC,qBAAqB,GAAG;EAC5B,CAAC,GAAAT,IAAA;EACG,MAAM;IAAEU;EAAQ,CAAC,GAAG,IAAAC,oBAAS,EAAC,CAAC;;EAE/B;EACA,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAC1BC,UAAkB,IAAK;IACpB,IAAIC,KAAK,GAAG;MACRC,eAAe,EAAE,MAAM;MACvBC,OAAO,EAAE,OAAO;MAChBC,YAAY,EAAE;IAClB,CAAC;IAED,IAAIX,gBAAgB,EAAEY,KAAK,IAAIZ,gBAAgB,CAACY,KAAK,CAACC,QAAQ,CAACN,UAAU,CAAC,EAAE;MACxEC,KAAK,GAAG;QAAE,GAAGA,KAAK;QAAEC,eAAe,EAAE;MAAY,CAAC;IACtD,CAAC,MAAM,IAAIT,gBAAgB,EAAEc,OAAO,IAAId,gBAAgB,CAACc,OAAO,CAACD,QAAQ,CAACN,UAAU,CAAC,EAAE;MACnFC,KAAK,GAAG;QAAE,GAAGA,KAAK;QAAEC,eAAe,EAAE;MAAY,CAAC;IACtD,CAAC,MAAM,IAAIT,gBAAgB,EAAEe,MAAM,IAAIf,gBAAgB,CAACe,MAAM,CAACF,QAAQ,CAACN,UAAU,CAAC,EAAE;MACjFC,KAAK,GAAG;QAAE,GAAGA,KAAK;QAAEC,eAAe,EAAE;MAAY,CAAC;IACtD;IAEA,OAAO;MAAED;IAAM,CAAC;EACpB,CAAC,EACD,CAACR,gBAAgB,CACrB,CAAC;EAED,MAAMgB,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAM;IAChC,IAAIlB,QAAQ,EAAE;MACV,MAAMmB,MAAM,GAAG,IAAAC,sCAAoB,EAACpB,QAAQ,CAAC;MAE7C,IAAIE,gBAAgB,IAAIiB,MAAM,EAAE;QAC5B,OAAO,IAAAE,kBAAM,EAACvB,IAAI,EAAEqB,MAAM,CAAC;MAC/B;MAEA,OAAOrB,IAAI;IACf;IAEA,OAAOA,IAAI;EACf,CAAC,EAAE,CAACA,IAAI,EAAEE,QAAQ,EAAEE,gBAAgB,CAAC,CAAC;EAEtC,OAAO,IAAAgB,cAAO,EACV,mBACIzD,MAAA,CAAAY,OAAA,CAAAiD,aAAA,CAACvD,gBAAA,CAAAwD,qBAAqB;IAACnB,OAAO,EAAEA,OAAO,EAAEoB,IAAK;IAACC,SAAS,EAAE9B;EAAM,gBAC5DlC,MAAA,CAAAY,OAAA,CAAAiD,aAAA,CAACvD,gBAAA,CAAA2D,2BAA2B;IAACD,SAAS,EAAE9B;EAAM,gBAC1ClC,MAAA,CAAAY,OAAA,CAAAiD,aAAA,CAACvD,gBAAA,CAAA4D,6BAA6B;IAACF,SAAS,EAAE9B;EAAM,GAC3C,IAAAiC,gCAAc,EAAC5B,QAAQ,CACG,CAAC,eAChCvC,MAAA,CAAAY,OAAA,CAAAiD,aAAA,CAACtD,gBAAA,CAAAK,OAAe;IAACwD,IAAI,EAAE/B,IAAK;IAACH,KAAK,EAAEA,KAAM;IAACI,cAAc,EAAEA;EAAe,CAAE,CACnD,CAAC,eAC9BtC,MAAA,CAAAY,OAAA,CAAAiD,aAAA,CAAC3D,uBAAA,CAAAmE,eAAiB;IACd9B,QAAQ,EAAEA,QAAQ,IAAI,EAAG;IACzB+B,eAAe,EAAE5B,qBAAsB;IACvCM,KAAK,EAAEd,KAAK,KAAKC,qCAAoB,CAACC,IAAI,GAAGmC,cAAO,GAAGC,eAAS;IAChEC,SAAS;IACTC,SAAS,EAAE7B;EAAY,GAEtBW,aACc,CACA,CAC1B,EACD,CACIb,OAAO,EAAEoB,IAAI,EACb7B,KAAK,EACLK,QAAQ,EACRF,IAAI,EACJC,cAAc,EACdI,qBAAqB,EACrBG,WAAW,EACXW,aAAa,CAErB,CAAC;AACL,CAAC;AAEDxB,eAAe,CAAC2C,WAAW,GAAG,iBAAiB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAjE,OAAA,GAEjCoB,eAAe"}

package/lib/components/{CodeHighlighter.styles.d.ts → code-highlighter/CodeHighlighter.styles.d.ts}

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 import type { WithTheme } from '@chayns-components/core';
-import { CodeHighlighterTheme } from '../types/codeHighlighter';
+import { CodeHighlighterTheme } from '../../types/codeHighlighter';
+import type { Browser } from 'detect-browser';
 type StyledCodeHighlighterProps = WithTheme<{
     codeTheme: CodeHighlighterTheme;
+    browser: Browser | 'bot' | null | undefined;
 }>;
 export declare const StyledCodeHighlighter: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledCodeHighlighterProps>>;
 type StyledCodeHighlighterHeaderProps = WithTheme<{

package/lib/components/code-highlighter/CodeHighlighter.styles.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledCodeHighlighterHeader = exports.StyledCodeHighlighterFileName = exports.StyledCodeHighlighter = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _codeHighlighter = require("../../types/codeHighlighter");
+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); }
+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; }
+const StyledCodeHighlighter = exports.StyledCodeHighlighter = _styledComponents.default.div`
+    margin: 4px 0;
+    background-color: ${_ref => {
+  let {
+    codeTheme
+  } = _ref;
+  return codeTheme === _codeHighlighter.CodeHighlighterTheme.Dark ? '#282c34' : '#fafafa';
+}};
+    border-radius: 8px;
+    padding-bottom: 6px;
+
+    pre {
+        margin: 0 !important;
+        overflow: auto;
+        padding: 1em;
+        line-height: 1.5;
+
+        // Styles for custom scrollbar
+        ${_ref2 => {
+  let {
+    browser,
+    theme
+  } = _ref2;
+  return browser === 'firefox' ? (0, _styledComponents.css)`
+                      scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;
+                      scrollbar-width: thin;
+                  ` : (0, _styledComponents.css)`
+                      &::-webkit-scrollbar {
+                          height: 5px;
+                      }
+
+                      &::-webkit-scrollbar-track {
+                          background-color: transparent;
+                      }
+
+                      &::-webkit-scrollbar-button {
+                          background-color: transparent;
+                          height: 5px;
+                      }
+
+                      &::-webkit-scrollbar-thumb {
+                          background-color: rgba(${theme['text-rgb']}, 0.15);
+                          border-radius: 20px;
+                      }
+                  `;
+}}
+    }
+`;
+const StyledCodeHighlighterHeader = exports.StyledCodeHighlighterHeader = _styledComponents.default.div`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-bottom: 1px solid
+        ${_ref3 => {
+  let {
+    codeTheme
+  } = _ref3;
+  return codeTheme === _codeHighlighter.CodeHighlighterTheme.Dark ? '#e5e5e5' : '#999999';
+}};
+    padding: 4px 12px;
+`;
+const StyledCodeHighlighterFileName = exports.StyledCodeHighlighterFileName = _styledComponents.default.span`
+    color: ${_ref4 => {
+  let {
+    codeTheme
+  } = _ref4;
+  return codeTheme === _codeHighlighter.CodeHighlighterTheme.Dark ? '#e5e5e5' : '#999999';
+}};
+`;
+//# sourceMappingURL=CodeHighlighter.styles.js.map

package/lib/components/code-highlighter/CodeHighlighter.styles.js.map

@@ -0,0 +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":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AAAmE,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAQ5D,MAAMY,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAGE,yBAAM,CAACC,GAAgC;AAC5E;AACA,wBAAwBC,IAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,IAAA;EAAA,OAC9BC,SAAS,KAAKC,qCAAoB,CAACC,IAAI,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAUC,KAAA;EAAA,IAAC;IAAEC,OAAO;IAAEC;EAAkC,CAAC,GAAAF,KAAA;EAAA,OAC7CC,OAAO,KAAK,SAAS,GACf,IAAAE,qBAAG,CAAC;AACtB,8CAA8CD,KAAK,CAAC,UAAU,CAAE;AAChE;AACA,mBAAmB,GACD,IAAAC,qBAAG,CAAC;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mDAAmDD,KAAK,CAAC,UAAU,CAAE;AACrE;AACA;AACA,mBAAmB;AAAA,CAAC;AACpB;AACA,CAAC;AAMM,MAAME,2BAA2B,GAAAX,OAAA,CAAAW,2BAAA,GAAGV,yBAAM,CAACC,GAAsC;AACxF;AACA;AACA;AACA;AACA,UAAUU,KAAA;EAAA,IAAC;IAAER;EAAU,CAAC,GAAAQ,KAAA;EAAA,OAAMR,SAAS,KAAKC,qCAAoB,CAACC,IAAI,GAAG,SAAS,GAAG,SAAS;AAAA,CAAE;AAC/F;AACA,CAAC;AAMM,MAAMO,6BAA6B,GAAAb,OAAA,CAAAa,6BAAA,GAAGZ,yBAAM,CAACa,IAAyC;AAC7F,aAAaC,KAAA;EAAA,IAAC;IAAEX;EAAU,CAAC,GAAAW,KAAA;EAAA,OAAMX,SAAS,KAAKC,qCAAoB,CAACC,IAAI,GAAG,SAAS,GAAG,SAAS;AAAA,CAAE;AAClG,CAAC"}

package/lib/components/{copy-to-clipboard → code-highlighter/copy-to-clipboard}/CopyToClipboard.d.ts

@@ -1,6 +1,7 @@
 import { FC } from 'react';
-import { CodeHighlighterTheme } from '../../types/codeHighlighter';
+import { CodeHighlighterTheme } from '../../../types/codeHighlighter';
 export type CopyToClipboardProps = {
+    copyButtonText?: string;
     text: string;
     theme: CodeHighlighterTheme;
 };

package/lib/components/{copy-to-clipboard → code-highlighter/copy-to-clipboard}/CopyToClipboard.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _core = require("@chayns-components/core");
 var _react = _interopRequireDefault(require("react"));
-var _codeHighlighter = require("../../types/codeHighlighter");
+var _core = require("@chayns-components/core");
+var _codeHighlighter = require("../../../types/codeHighlighter");
 var _CopyToClipboard = require("./CopyToClipboard.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const CopyToClipboard = _ref => {
   let {
+    copyButtonText,
     text,
     theme
   } = _ref;
@@ -30,7 +31,9 @@ const CopyToClipboard = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_core.Icon, {
     icons: ['fa-light fa-clipboard'],
     color: theme === _codeHighlighter.CodeHighlighterTheme.Dark ? '#e5e5e5' : '#999999'
-  })));
+  }), copyButtonText && /*#__PURE__*/_react.default.createElement(_CopyToClipboard.StyledCopyToClipboardText, {
+    codeTheme: theme
+  }, copyButtonText)));
 };
 CopyToClipboard.displayName = 'CopyToClipboard';
 var _default = exports.default = CopyToClipboard;

package/lib/components/code-highlighter/copy-to-clipboard/CopyToClipboard.js.map

@@ -0,0 +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"}

package/lib/components/code-highlighter/copy-to-clipboard/CopyToClipboard.styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { WithTheme } from '@chayns-components/core';
+import { CodeHighlighterTheme } from '../../../types/codeHighlighter';
+export declare const StyledCopyToClipboard: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+type StyledCopyToClipboardTextProps = WithTheme<{
+    codeTheme: CodeHighlighterTheme;
+}>;
+export declare const StyledCopyToClipboardText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledCopyToClipboardTextProps>>;
+export {};

package/lib/components/code-highlighter/copy-to-clipboard/CopyToClipboard.styles.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledCopyToClipboardText = exports.StyledCopyToClipboard = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _codeHighlighter = require("../../../types/codeHighlighter");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledCopyToClipboard = exports.StyledCopyToClipboard = _styledComponents.default.div`
+    display: flex;
+    align-items: center;
+`;
+const StyledCopyToClipboardText = exports.StyledCopyToClipboardText = _styledComponents.default.span`
+    color: ${_ref => {
+  let {
+    codeTheme
+  } = _ref;
+  return codeTheme === _codeHighlighter.CodeHighlighterTheme.Dark ? '#e5e5e5' : '#999999';
+}};
+    font-size: small;
+    margin-left: 4px;
+`;
+//# sourceMappingURL=CopyToClipboard.styles.js.map

package/lib/components/code-highlighter/copy-to-clipboard/CopyToClipboard.styles.js.map

@@ -0,0 +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"}

package/lib/constants/codeHighlighter.d.ts

@@ -0,0 +1,7 @@
+import type { CodeHighlighterLanguage } from '../types/codeHighlighter';
+export declare const BABEL_LANGUAGES: CodeHighlighterLanguage[];
+export declare const HTML_LANGUAGES: CodeHighlighterLanguage[];
+export declare const CSS_LANGUAGES: CodeHighlighterLanguage[];
+export declare const MARKDOWN_LANGUAGES: CodeHighlighterLanguage[];
+export declare const GRAPHQL_LANGUAGES: CodeHighlighterLanguage[];
+export declare const YAML_LANGUAGES: CodeHighlighterLanguage[];

package/lib/constants/codeHighlighter.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.YAML_LANGUAGES = exports.MARKDOWN_LANGUAGES = exports.HTML_LANGUAGES = exports.GRAPHQL_LANGUAGES = exports.CSS_LANGUAGES = exports.BABEL_LANGUAGES = void 0;
+const BABEL_LANGUAGES = exports.BABEL_LANGUAGES = ['tsx', 'jsx', 'typescript', 'javascript'];
+const HTML_LANGUAGES = exports.HTML_LANGUAGES = ['html'];
+const CSS_LANGUAGES = exports.CSS_LANGUAGES = ['css', 'less', 'scss'];
+const MARKDOWN_LANGUAGES = exports.MARKDOWN_LANGUAGES = ['markdown'];
+const GRAPHQL_LANGUAGES = exports.GRAPHQL_LANGUAGES = ['graphql'];
+const YAML_LANGUAGES = exports.YAML_LANGUAGES = ['yaml'];
+//# sourceMappingURL=codeHighlighter.js.map

package/lib/constants/codeHighlighter.js.map

@@ -0,0 +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

@@ -1 +1,3 @@
-export { default as CodeHighlighter } from './components/CodeHighlighter';
+export { default as CodeHighlighter } from './components/code-highlighter/CodeHighlighter';
+export { CodeHighlighterTheme } from './types/codeHighlighter';
+export type { CodeHighlighterLanguage, HighlightedLines } from './types/codeHighlighter';

package/lib/index.js

@@ -9,6 +9,13 @@ Object.defineProperty(exports, "CodeHighlighter", {
     return _CodeHighlighter.default;
   }
 });
-var _CodeHighlighter = _interopRequireDefault(require("./components/CodeHighlighter"));
+Object.defineProperty(exports, "CodeHighlighterTheme", {
+  enumerable: true,
+  get: function () {
+    return _codeHighlighter.CodeHighlighterTheme;
+  }
+});
+var _CodeHighlighter = _interopRequireDefault(require("./components/code-highlighter/CodeHighlighter"));
+var _codeHighlighter = require("./types/codeHighlighter");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_CodeHighlighter","_interopRequireDefault","require","obj","__esModule","default"],"sources":["../src/index.ts"],"sourcesContent":["export { default as CodeHighlighter } from './components/CodeHighlighter';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0E,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}
+{"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"}

package/lib/types/codeHighlighter.d.ts

@@ -7,4 +7,4 @@ export interface HighlightedLines {
     removed?: number[];
     marked?: number[];
 }
-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';
+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;

package/lib/types/codeHighlighter.js.map

@@ -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"}
+{"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"}

package/lib/types/parser/prettier-parser-babel.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=prettier-parser-babel.d.js.map

package/lib/types/parser/prettier-parser-babel.d.js.map

@@ -0,0 +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":""}

package/lib/types/parser/prettier-parser-graphql.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=prettier-parser-graphql.d.js.map

package/lib/types/parser/prettier-parser-graphql.d.js.map

@@ -0,0 +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":""}

package/lib/types/parser/prettier-parser-html.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=prettier-parser-html.d.js.map

package/lib/types/parser/prettier-parser-html.d.js.map

@@ -0,0 +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":""}

package/lib/types/parser/prettier-parser-markdown.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=prettier-parser-markdown.d.js.map

package/lib/types/parser/prettier-parser-markdown.d.js.map

@@ -0,0 +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":""}

package/lib/types/parser/prettier-parser-postcss.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=prettier-parser-postcss.d.js.map

package/lib/types/parser/prettier-parser-postcss.d.js.map

@@ -0,0 +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":""}

package/lib/types/parser/prettier-parser-yaml.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=prettier-parser-yaml.d.js.map

package/lib/types/parser/prettier-parser-yaml.d.js.map

@@ -0,0 +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":""}

package/lib/utils/codeHighlighter.d.ts

@@ -0,0 +1,4 @@
+import type { Options } from 'prettier';
+import type { CodeHighlighterLanguage } from '../types/codeHighlighter';
+export declare const getParserForLanguage: (language: CodeHighlighterLanguage) => Options | undefined;
+export declare const formatLanguage: (language: CodeHighlighterLanguage) => string;