@apify/ui-library 0.65.2 → 0.65.3-featuresyntaxhighlighter-48cb44.38

package/dist/src/components/code/syntax_highlighter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"syntax_highlighter.js","sourceRoot":"","sources":["../../../../src/components/code/syntax_highlighter.tsx"],"names":[],"mappings":";AAAA,sDAAsD;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGnC,qEAAqE;AACrE,OAAO,IAAI,MAAM,2DAA2D,CAAC;AAC7E,qEAAqE;AACrE,OAAO,UAAU,MAAM,6DAA6D,CAAC;AACrF,qEAAqE;AACrE,OAAO,IAAI,MAAM,2DAA2D,CAAC;AAC7E,qEAAqE;AACrE,OAAO,EAAE,MAAM,iEAAiE,CAAC;AACjF,qEAAqE;AACrE,OAAO,IAAI,MAAM,2DAA2D,CAAC;AAC7E,qEAAqE;AACrE,OAAO,IAAI,MAAM,6DAA6D,CAAC;AAC/E,qEAAqE;AACrE,OAAO,MAAM,MAAM,6DAA6D,CAAC;AACjF,qEAAqE;AACrE,OAAO,EAAE,MAAM,iEAAiE,CAAC;AACjF,qEAAqE;AACrE,OAAO,GAAG,MAAM,8DAA8D,CAAC;AAC/E,qEAAqE;AACrE,OAAO,IAAI,MAAM,2DAA2D,CAAC;AAC7E,qEAAqE;AACrE,OAAO,sBAAsB,MAAM,kDAAkD,CAAC;AACtF,qEAAqE;AACrE,OAAO,IAAI,MAAM,6DAA6D,CAAC;AAC/E,qEAAqE;AACrE,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,mBAAmB;AACnB,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAwB,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAG9D,sBAAsB,CAAC,gBAAgB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAC1D,sBAAsB,CAAC,gBAAgB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAC1D,sBAAsB,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACtD,sBAAsB,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACtD,sBAAsB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAC9D,sBAAsB,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACtD,sBAAsB,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AACpD,sBAAsB,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACtD,sBAAsB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC1D,sBAAsB,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACtD,sBAAsB,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACvD,sBAAsB,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACvD,sBAAsB,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAEpD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsB7B,CAAC;AAEF,qHAAqH;AACrH,2FAA2F;AAC3F,MAAM,cAAc,GAAG;IACnB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;CACrB,CAAC;AAIF,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAAyC,CAAC,EACjF,IAAI,EACJ,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,GAAG,EAAE,EAAE;IACN,MAAM,EAAE,OAAO,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAE9C,MAAM,MAAM,GAAG,CAAC,QAAqC,EAAE,EAAE;QACrD,OAAO,KAAC,SAAS,OAAK,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,GAAG,GAAG,CAAC;IAC1F,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,sBAAsB,IACnB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,cAAc,EAC3B,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,KACpC,IAAI,YAEP,QAAQ,GACY,CAC5B,CAAC;AACN,CAAC,CAAC,CAAC;AAQH,MAAM,CAAC,MAAM,kCAAkC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAyC;wBAC9E,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;wBACnC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;qBAC7B,KAAK,CAAC,MAAM,CAAC,QAAQ;;;;MAIpC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC,UAAU,IAAI,GAAG,CAAA,mBAAmB;MACzD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,IAAI,GAAG,CAAA,oBAAoB;;;;CAIjE,CAAC"}

package/src/components/code/code_block/utils.ts

@@ -1,19 +0,0 @@
-// input: [2, 4, 5, 6, 8, 10, 11, 12]
-// returns string indicating what type of line it is (bashStartCommand, bashCommand, bashEmptyLine)
-// commands start -> bashStartCommand
-// every next line after command start until next command start or empty line -> bashCommand
-// empty line or comment -> bashEmptyLine
-export const mapPrefixToBashLine = (code: string, bashCommandsStart: number[] = []) => {
-    const lines = code.split('\n').map((line) => line.trim());
-
-    // by default each line that is not empty or comment is a command start
-    if (bashCommandsStart.length === 0) {
-        return lines.map((line) => ((line.startsWith('#') || !line) ? 'bashEmptyLine' : 'bashStartCommand'));
-    }
-
-    return lines.map((line, i) => {
-        if (bashCommandsStart.includes(i + 1)) return 'bashStartCommand';
-        if (line.startsWith('#') || !line) return 'bashEmptyLine';
-        return 'bashCommand';
-    });
-};

package/src/components/code/syntax_highlighter.tsx

@@ -1,134 +0,0 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-import { forwardRef } from 'react';
-// https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/228
-import type { SyntaxHighlighterProps as ReactSyntaxHighlighterProps } from 'react-syntax-highlighter';
-// @ts-ignore The library is badly typed and does not export the type
-import bash from 'react-syntax-highlighter/dist/esm/languages/prism/bash.js';
-// @ts-ignore The library is badly typed and does not export the type
-import dockerFile from 'react-syntax-highlighter/dist/esm/languages/prism/docker.js';
-// @ts-ignore The library is badly typed and does not export the type
-import http from 'react-syntax-highlighter/dist/esm/languages/prism/http.js';
-// @ts-ignore The library is badly typed and does not export the type
-import js from 'react-syntax-highlighter/dist/esm/languages/prism/javascript.js';
-// @ts-ignore The library is badly typed and does not export the type
-import json from 'react-syntax-highlighter/dist/esm/languages/prism/json.js';
-// @ts-ignore The library is badly typed and does not export the type
-import html from 'react-syntax-highlighter/dist/esm/languages/prism/markup.js';
-// @ts-ignore The library is badly typed and does not export the type
-import python from 'react-syntax-highlighter/dist/esm/languages/prism/python.js';
-// @ts-ignore The library is badly typed and does not export the type
-import ts from 'react-syntax-highlighter/dist/esm/languages/prism/typescript.js';
-// @ts-ignore The library is badly typed and does not export the type
-import xml from 'react-syntax-highlighter/dist/esm/languages/prism/xml-doc.js';
-// @ts-ignore The library is badly typed and does not export the type
-import yaml from 'react-syntax-highlighter/dist/esm/languages/prism/yaml.js';
-// @ts-ignore The library is badly typed and does not export the type
-import ReactSyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light.js';
-// @ts-ignore The library is badly typed and does not export the type
-import dark from 'react-syntax-highlighter/dist/esm/styles/prism/night-owl.js';
-// @ts-ignore The library is badly typed and does not export the type
-import light from 'react-syntax-highlighter/dist/esm/styles/prism/prism.js';
-/* tslint:enable */
-import styled, { css } from 'styled-components';
-
-import { theme } from '../../design_system/theme.js';
-import { useSharedUiDependencies } from '../../ui_dependency_provider.js';
-import { Box } from '../box.js';
-import { type SharedTextProps, Text } from '../text/index.js';
-import type { SharedTextSize } from '../text/text_shared.js';
-
-ReactSyntaxHighlighter.registerLanguage('typescript', ts);
-ReactSyntaxHighlighter.registerLanguage('javascript', js);
-ReactSyntaxHighlighter.registerLanguage('json', json);
-ReactSyntaxHighlighter.registerLanguage('bash', bash);
-ReactSyntaxHighlighter.registerLanguage('docker', dockerFile);
-ReactSyntaxHighlighter.registerLanguage('html', html);
-ReactSyntaxHighlighter.registerLanguage('xml', xml);
-ReactSyntaxHighlighter.registerLanguage('yaml', yaml);
-ReactSyntaxHighlighter.registerLanguage('python', python);
-ReactSyntaxHighlighter.registerLanguage('http', http);
-ReactSyntaxHighlighter.registerLanguage('jsonp', json);
-ReactSyntaxHighlighter.registerLanguage('jsonl', json);
-ReactSyntaxHighlighter.registerLanguage('rss', xml);
-
-const StyledPre = styled(Text)`
-    width: 100%;
-    position: relative;
-
-    *,
-    *::before,
-    *::after {
-        text-shadow: none !important;
-        font-style: normal !important;
-        font-family: inherit !important;
-        font-size: inherit !important;
-        font-weight: inherit !important;
-        line-height: inherit !important;
-        background-color: transparent !important;
-    }
-
-    code {
-        min-width: 100%;
-        display: inline-block;
-        vertical-align: middle;
-        overflow: hidden;
-    }
-`;
-
-// Syntax highlighter uses inline style a lot which makes it hard to override them. To do so, we make the library not
-// use styles that we wish to set on our own (font-based styles, spacing, background, ...),
-const inlineCssReset = {
-    fontFamily: undefined,
-    fontSize: undefined,
-    fontWeight: undefined,
-    lineHeight: undefined,
-    background: undefined,
-    margin: undefined,
-    padding: undefined,
-};
-
-type SyntaxHighlighterProps = ReactSyntaxHighlighterProps & { size: SharedTextSize };
-
-export const SyntaxHighlighter = forwardRef<HTMLPreElement, SyntaxHighlighterProps>(({
-    size,
-    children,
-    ...rest
-}, ref) => {
-    const { uiTheme } = useSharedUiDependencies();
-
-    const PreTag = (preProps: ReactSyntaxHighlighterProps) => {
-        return <StyledPre {...preProps} size={size} forwardedAs='pre' type='code' ref={ref}/>;
-    };
-
-    return (
-        <ReactSyntaxHighlighter
-            PreTag={PreTag}
-            customStyle={inlineCssReset}
-            className="CodePre"
-            style={uiTheme === 'DARK' ? dark : light}
-            {...rest}
-        >
-            {children}
-        </ReactSyntaxHighlighter>
-    );
-});
-
-export type SyntaxHighlighterBaseStylesWrapperProps = SharedTextProps & {
-    $fullWidth?: boolean;
-    $fullHeight?: string;
-    $showLineNumbers?: boolean;
-}
-
-export const SyntaxHighlighterBaseStylesWrapper = styled(Box)<SyntaxHighlighterBaseStylesWrapperProps>`
-    background-color: ${theme.color.neutral.backgroundMuted} !important;
-    border: 1px solid ${theme.color.neutral.border};
-    border-radius: ${theme.radius.radius12};
-    overflow: hidden;
-
-    width: 100%;
-    ${({ $fullWidth }) => !$fullWidth && css`max-width: 860px;`}
-    ${({ $fullHeight }) => !$fullHeight && css`max-height: 600px;`}
-
-    background-color: transparent;
-    position: relative;
-`;