@neo4j-cypher/react-codemirror 2.0.0-next.4 → 2.0.0-next.40

package/dist/src/lang-cypher/createCypherTheme.js

@@ -0,0 +1,202 @@
+import { HighlightStyle, syntaxHighlighting, } from '@codemirror/language';
+import { EditorView } from '@codemirror/view';
+import { CypherTokenType } from '@neo4j-cypher/language-support';
+import { tokenTypeToStyleTag } from './constants';
+import { byWordSvg, caseSensitiveSvg, downArrowSvg, regexSvg, replaceAllSvg, replaceSvg, upArrowSvg, } from './themeIcons';
+export const createCypherTheme = ({ dark, editorSettings: settings, highlightStyles, inheritBgColor, diffColors, }) => {
+    const themeOptions = {
+        '&': {
+            backgroundColor: inheritBgColor ? 'inherit' : settings.background,
+            color: settings.foreground,
+            fontVariantLigatures: 'none',
+        },
+        '& .cm-snippetField': {
+            backgroundColor: settings.autoCompletionPanel.selectedColor,
+        },
+        '&.cm-focused': {
+            outline: 'none',
+        },
+        '.cm-gutters': {
+            backgroundColor: inheritBgColor ? 'inherit' : settings.background,
+            color: settings.gutterForeground,
+            border: 'none',
+        },
+        '&.cm-editor': {
+            fontFamily: 'Fira Code, Menlo, Monaco, Lucida Console, monospace',
+            height: '100%',
+        },
+        '.cm-content': {
+            caretColor: settings.cursor,
+        },
+        '.cm-cursor, .cm-dropCursor': {
+            borderLeftColor: settings.cursor,
+        },
+        '.cm-activeLine ::not(::selection)': {
+            backgroundColor: settings.background,
+        },
+        '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection ': {
+            backgroundColor: settings.selection,
+        },
+        '& .cm-selectionMatch': {
+            backgroundColor: settings.textMatchingSelection,
+        },
+        '& .cm-bold': {
+            fontWeight: 'bold',
+        },
+        '& .cm-panels': {
+            backgroundColor: settings.searchPanel.background,
+            fontFamily: 'Fira Code, Menlo, Monaco, Lucida Console, monospace',
+            zIndex: 0,
+        },
+        '& .cm-completionLabel': {
+            fontFamily: 'Fira Code, Menlo, Monaco, Lucida Console, monospace',
+            verticalAlign: 'middle',
+        },
+        '& .cm-completionMatchedText': {
+            fontWeight: 'bold',
+            color: settings.autoCompletionPanel.matchingTextColor,
+            textDecoration: 'none',
+        },
+        '& .cm-signature-help-panel': {
+            backgroundColor: settings.autoCompletionPanel.backgroundColor,
+            maxWidth: '700px',
+            maxHeight: '250px',
+            fontFamily: 'Fira Code, Menlo, Monaco, Lucida Console, monospace',
+        },
+        '& .cm-signature-help-panel-contents': {
+            overflow: 'auto',
+            maxHeight: '250px',
+        },
+        '& .cm-signature-help-panel-current-argument': {
+            color: settings.autoCompletionPanel.matchingTextColor,
+            fontWeight: 'bold',
+        },
+        '& .cm-signature-help-panel-separator': {
+            borderBottom: '1px solid #ccc',
+        },
+        '& .cm-signature-help-panel-name': {
+            padding: '5px',
+        },
+        '& .cm-signature-help-panel-arg-description': {
+            padding: '5px',
+        },
+        '& .cm-signature-help-panel-description': {
+            padding: '5px',
+        },
+        '.cm-completionInfo-signature': {
+            color: 'darkgrey',
+        },
+        '.cm-deprecated-element': {
+            'text-decoration': 'line-through',
+        },
+        '.cm-tooltip-autocomplete': {
+            maxWidth: '430px',
+            '& > ul > li[aria-selected]': {
+                backgroundColor: settings.autoCompletionPanel.selectedColor,
+                color: settings.foreground,
+            },
+            '& > ul': {
+                backgroundColor: settings.autoCompletionPanel.backgroundColor,
+                color: settings.foreground,
+            },
+        },
+        '& .cm-search.cm-panel': {
+            '& input': {
+                fontFamily: 'Fira Code, Menlo, Monaco, Lucida Console, monospace',
+            },
+            backgroundColor: settings.searchPanel.background,
+            color: settings.searchPanel.text,
+            '& .cm-button[name=select]': { display: 'none' },
+            '& .cm-button': {
+                backgroundImage: 'none',
+                color: settings.searchPanel.text,
+                fontSize: 0,
+                border: 'none',
+                verticalAlign: 'middle',
+                '&[name=next]::before': {
+                    content: `url("data:image/svg+xml;base64,${window.btoa(downArrowSvg)}")`,
+                },
+                '&[name=prev]::before': {
+                    content: `url("data:image/svg+xml;base64,${window.btoa(upArrowSvg)}")`,
+                },
+                '&[name=replace]::before': {
+                    content: `url("data:image/svg+xml;base64,${window.btoa(replaceSvg)}")`,
+                },
+                '&[name=replaceAll]::before': {
+                    content: `url("data:image/svg+xml;base64,${window.btoa(replaceAllSvg)}")`,
+                },
+                width: '20px',
+                height: '20px',
+                marginRight: '1px',
+                marginLeft: '1px',
+                borderRadius: '4px',
+                padding: '2px',
+                '&:hover': {
+                    backgroundColor: settings.searchPanel.buttonHoverBackground,
+                },
+            },
+            '& label': {
+                fontSize: '0',
+                height: '20px',
+                width: '20px',
+                verticalAlign: 'middle',
+                "& input[type='checkbox']": {
+                    cursor: 'pointer',
+                    appearance: 'none',
+                    marginRight: '1px',
+                    marginLeft: '1px',
+                    padding: '2px',
+                    height: '20px',
+                    width: '20px',
+                    verticalAlign: 'middle',
+                    display: 'inline-flex',
+                    borderRadius: '4px',
+                    '&[name=case]::before': {
+                        content: `url("data:image/svg+xml;base64,${window.btoa(caseSensitiveSvg)}")`,
+                    },
+                    '&[name=re]::before': {
+                        content: `url("data:image/svg+xml;base64,${window.btoa(regexSvg)}")`,
+                    },
+                    '&[name=word]::before': {
+                        content: `url("data:image/svg+xml;base64,${window.btoa(byWordSvg)}")`,
+                    },
+                    '&:hover': {
+                        backgroundColor: settings.searchPanel.buttonHoverBackground,
+                    },
+                    '&:checked': {
+                        backgroundColor: settings.searchPanel.buttonHoverBackground,
+                    },
+                },
+            },
+        },
+        ...(diffColors && {
+            '&.cm-merge-b .cm-changedLine': {
+                backgroundColor: diffColors.insertedLine,
+            },
+            '&.cm-merge-b .cm-changedText': {
+                background: diffColors.insertedText,
+            },
+            '&.cm-merge-b .cm-deletedChunk': {
+                backgroundColor: diffColors.deletedLine,
+            },
+            '&.cm-merge-b .cm-deletedChunk .cm-deletedText': {
+                background: diffColors.deletedText,
+            },
+            // Hide the empty deletion widget that unifiedMergeView renders
+            // when the original document is empty (its only line is an empty <del>).
+            '&.cm-merge-b .cm-deletedChunk:has(> .cm-deletedLine:only-child > del > br:only-child)': {
+                display: 'none',
+            },
+        }),
+    };
+    const themeExtension = EditorView.theme(themeOptions, { dark });
+    const styles = Object.entries(highlightStyles).map(([token, color]) => ({
+        tag: tokenTypeToStyleTag[token],
+        color,
+        class: token === CypherTokenType.consoleCommand ? 'cm-bold' : undefined,
+    }));
+    const highlightStyle = HighlightStyle.define(styles);
+    const extension = [themeExtension, syntaxHighlighting(highlightStyle)];
+    return extension;
+};
+//# sourceMappingURL=createCypherTheme.js.map

package/dist/src/lang-cypher/createCypherTheme.js.map

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

package/dist/src/lang-cypher/langCypher.d.ts

@@ -0,0 +1,14 @@
+import { LanguageSupport } from '@codemirror/language';
+import { CypherLanguageService, type DbSchema } from '@neo4j-cypher/language-support';
+export type CypherConfig = {
+    languageService: CypherLanguageService;
+    lint?: boolean;
+    showSignatureTooltipBelow?: boolean;
+    featureFlags?: {
+        consoleCommands?: boolean;
+    };
+    schema?: DbSchema;
+    useLightVersion: boolean;
+    setUseLightVersion?: (useLightVersion: boolean) => void;
+};
+export declare function cypher(config: CypherConfig): LanguageSupport;

package/dist/src/lang-cypher/langCypher.js

@@ -0,0 +1,23 @@
+import { autocompletion } from '@codemirror/autocomplete';
+import { defineLanguageFacet, Language, LanguageSupport, } from '@codemirror/language';
+import { completionStyles, cypherAutocomplete } from './autocomplete';
+import { ParserAdapter } from './parser-adapter';
+import { signatureHelpTooltip } from './signatureHelp';
+import { cypherLinter } from './syntaxValidation';
+const facet = defineLanguageFacet({
+    commentTokens: { block: { open: '/*', close: '*/' }, line: '//' },
+    closeBrackets: { brackets: ['(', '[', '{', "'", '"', '`'] },
+});
+export function cypher(config) {
+    const parserAdapter = new ParserAdapter(facet, config);
+    const cypherLanguage = new Language(facet, parserAdapter, [], 'cypher');
+    return new LanguageSupport(cypherLanguage, [
+        autocompletion({
+            override: [cypherAutocomplete(config)],
+            optionClass: completionStyles,
+        }),
+        cypherLinter(config),
+        signatureHelpTooltip(config),
+    ]);
+}
+//# sourceMappingURL=langCypher.js.map

package/dist/src/lang-cypher/langCypher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"langCypher.js","sourceRoot":"","sources":["../../../src/lang-cypher/langCypher.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EACL,mBAAmB,EACnB,QAAQ,EACR,eAAe,GAChB,MAAM,sBAAsB,CAAC;AAK9B,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,KAAK,GAAG,mBAAmB,CAAC;IAChC,aAAa,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;IACjE,aAAa,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE;CAC5D,CAAC,CAAC;AAcH,MAAM,UAAU,MAAM,CAAC,MAAoB;IACzC,MAAM,aAAa,GAAG,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAEvD,MAAM,cAAc,GAAG,IAAI,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC;IAExE,OAAO,IAAI,eAAe,CAAC,cAAc,EAAE;QACzC,cAAc,CAAC;YACb,QAAQ,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;YACtC,WAAW,EAAE,gBAAgB;SAC9B,CAAC;QACF,YAAY,CAAC,MAAM,CAAC;QACpB,oBAAoB,CAAC,MAAM,CAAC;KAC7B,CAAC,CAAC;AACL,CAAC"}