@neo4j-cypher/react-codemirror 2.0.0-next.3 → 2.0.0-next.31
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/CHANGELOG.md +265 -0
- package/README.md +3 -2
- package/dist/{types → src}/CypherEditor.d.ts +81 -3
- package/dist/src/CypherEditor.js +336 -0
- package/dist/src/CypherEditor.js.map +1 -0
- package/dist/src/CypherEditor.test.js +154 -0
- package/dist/src/CypherEditor.test.js.map +1 -0
- package/dist/src/constants.d.ts +1 -0
- package/dist/src/constants.js +2 -0
- package/dist/src/constants.js.map +1 -0
- package/dist/src/e2e_tests/autoCompletion.spec.js +332 -0
- package/dist/src/e2e_tests/autoCompletion.spec.js.map +1 -0
- package/dist/src/e2e_tests/configuration.spec.js +83 -0
- package/dist/src/e2e_tests/configuration.spec.js.map +1 -0
- package/dist/src/e2e_tests/debounce.spec.js +66 -0
- package/dist/src/e2e_tests/debounce.spec.js.map +1 -0
- package/dist/{types/e2e_tests/e2e-utils.d.ts → src/e2e_tests/e2eUtils.d.ts} +2 -0
- package/dist/src/e2e_tests/e2eUtils.js +79 -0
- package/dist/src/e2e_tests/e2eUtils.js.map +1 -0
- package/dist/src/e2e_tests/extraKeybindings.spec.js +43 -0
- package/dist/src/e2e_tests/extraKeybindings.spec.js.map +1 -0
- package/dist/src/e2e_tests/historyNavigation.spec.js +227 -0
- package/dist/src/e2e_tests/historyNavigation.spec.js.map +1 -0
- package/dist/src/e2e_tests/performanceTest.spec.d.ts +6 -0
- package/dist/src/e2e_tests/performanceTest.spec.js +97 -0
- package/dist/src/e2e_tests/performanceTest.spec.js.map +1 -0
- package/dist/src/e2e_tests/sanityChecks.spec.js +53 -0
- package/dist/src/e2e_tests/sanityChecks.spec.js.map +1 -0
- package/dist/src/e2e_tests/signatureHelp.spec.js +228 -0
- package/dist/src/e2e_tests/signatureHelp.spec.js.map +1 -0
- package/dist/src/e2e_tests/snippets.spec.js +62 -0
- package/dist/src/e2e_tests/snippets.spec.js.map +1 -0
- package/dist/src/e2e_tests/syntaxHighlighting.spec.d.ts +1 -0
- package/dist/src/e2e_tests/syntaxHighlighting.spec.js +90 -0
- package/dist/src/e2e_tests/syntaxHighlighting.spec.js.map +1 -0
- package/dist/src/e2e_tests/syntaxValidation.spec.d.ts +1 -0
- package/dist/src/e2e_tests/syntaxValidation.spec.js +126 -0
- package/dist/src/e2e_tests/syntaxValidation.spec.js.map +1 -0
- package/dist/src/historyNavigation.js +163 -0
- package/dist/src/historyNavigation.js.map +1 -0
- package/dist/{types → src}/icons.d.ts +1 -1
- package/dist/src/icons.js +62 -0
- package/dist/src/icons.js.map +1 -0
- package/dist/src/index.d.ts +4 -0
- package/dist/src/index.js +5 -0
- package/dist/src/index.js.map +1 -0
- package/dist/src/lang-cypher/autocomplete.d.ts +6 -0
- package/dist/src/lang-cypher/autocomplete.js +113 -0
- package/dist/src/lang-cypher/autocomplete.js.map +1 -0
- package/dist/{types → src}/lang-cypher/constants.d.ts +11 -0
- package/dist/src/lang-cypher/constants.js +69 -0
- package/dist/src/lang-cypher/constants.js.map +1 -0
- package/dist/src/lang-cypher/contants.test.d.ts +1 -0
- package/dist/src/lang-cypher/contants.test.js +103 -0
- package/dist/src/lang-cypher/contants.test.js.map +1 -0
- package/dist/src/lang-cypher/createCypherTheme.js +183 -0
- package/dist/src/lang-cypher/createCypherTheme.js.map +1 -0
- package/dist/src/lang-cypher/langCypher.d.ts +13 -0
- package/dist/src/lang-cypher/langCypher.js +23 -0
- package/dist/src/lang-cypher/langCypher.js.map +1 -0
- package/dist/src/lang-cypher/lintWorker.mjs +2022 -0
- package/dist/src/lang-cypher/parser-adapter.d.ts +19 -0
- package/dist/src/lang-cypher/parser-adapter.js +113 -0
- package/dist/src/lang-cypher/parser-adapter.js.map +1 -0
- package/dist/src/lang-cypher/signatureHelp.d.ts +4 -0
- package/dist/src/lang-cypher/signatureHelp.js +109 -0
- package/dist/src/lang-cypher/signatureHelp.js.map +1 -0
- package/dist/{types/lang-cypher/syntax-validation.d.ts → src/lang-cypher/syntaxValidation.d.ts} +2 -1
- package/dist/src/lang-cypher/syntaxValidation.js +57 -0
- package/dist/src/lang-cypher/syntaxValidation.js.map +1 -0
- package/dist/src/lang-cypher/themeIcons.js +22 -0
- package/dist/src/lang-cypher/themeIcons.js.map +1 -0
- package/dist/src/lang-cypher/utils.d.ts +2 -0
- package/dist/src/lang-cypher/utils.js +10 -0
- package/dist/src/lang-cypher/utils.js.map +1 -0
- package/dist/src/ndlTokensCopy.d.ts +570 -0
- package/dist/src/ndlTokensCopy.js +571 -0
- package/dist/src/ndlTokensCopy.js.map +1 -0
- package/dist/src/ndlTokensCopy.test.d.ts +1 -0
- package/dist/src/ndlTokensCopy.test.js +12 -0
- package/dist/src/ndlTokensCopy.test.js.map +1 -0
- package/dist/src/neo4jSetup.d.ts +6 -0
- package/dist/src/neo4jSetup.js +120 -0
- package/dist/src/neo4jSetup.js.map +1 -0
- package/dist/src/richClipboardCopier.d.ts +4 -0
- package/dist/src/richClipboardCopier.js +78 -0
- package/dist/src/richClipboardCopier.js.map +1 -0
- package/dist/src/richClipboardCopier.test.d.ts +1 -0
- package/dist/src/richClipboardCopier.test.js +53 -0
- package/dist/src/richClipboardCopier.test.js.map +1 -0
- package/dist/{types → src}/themes.d.ts +1 -1
- package/dist/src/themes.js +93 -0
- package/dist/src/themes.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/package.json +43 -41
- package/src/CypherEditor.test.tsx +204 -0
- package/src/CypherEditor.tsx +316 -42
- package/src/constants.ts +1 -0
- package/src/e2e_tests/autoCompletion.spec.tsx +571 -0
- package/src/e2e_tests/configuration.spec.tsx +111 -0
- package/src/e2e_tests/debounce.spec.tsx +106 -0
- package/src/e2e_tests/{e2e-utils.ts → e2eUtils.ts} +41 -3
- package/src/e2e_tests/{extra-keybindings.spec.tsx → extraKeybindings.spec.tsx} +1 -3
- package/src/e2e_tests/{history-navigation.spec.tsx → historyNavigation.spec.tsx} +137 -18
- package/src/e2e_tests/performanceTest.spec.tsx +163 -0
- package/src/e2e_tests/{sanity-checks.spec.tsx → sanityChecks.spec.tsx} +7 -22
- package/src/e2e_tests/signatureHelp.spec.tsx +444 -0
- package/src/e2e_tests/snippets.spec.tsx +92 -0
- package/src/e2e_tests/{syntax-highlighting.spec.tsx → syntaxHighlighting.spec.tsx} +26 -24
- package/src/e2e_tests/syntaxValidation.spec.tsx +259 -0
- package/src/{history-navigation.ts → historyNavigation.ts} +1 -1
- package/src/icons.ts +3 -0
- package/src/index.ts +2 -2
- package/src/lang-cypher/autocomplete.ts +99 -18
- package/src/lang-cypher/constants.ts +27 -0
- package/src/lang-cypher/contants.test.ts +6 -2
- package/src/lang-cypher/{create-cypher-theme.ts → createCypherTheme.ts} +45 -2
- package/src/lang-cypher/langCypher.ts +42 -0
- package/src/lang-cypher/lintWorker.mjs +2022 -0
- package/src/lang-cypher/parser-adapter.ts +145 -0
- package/src/lang-cypher/signatureHelp.ts +151 -0
- package/src/lang-cypher/syntaxValidation.ts +72 -0
- package/src/lang-cypher/utils.ts +9 -0
- package/src/{ndl-tokens-copy.test.ts → ndlTokensCopy.test.ts} +2 -1
- package/src/ndlTokensCopy.ts +570 -0
- package/src/{neo4j-setup.tsx → neo4jSetup.tsx} +78 -17
- package/src/richClipboardCopier.test.ts +65 -0
- package/src/richClipboardCopier.ts +99 -0
- package/src/themes.ts +45 -70
- package/src/viteEnv.d.ts +1 -0
- package/dist/cjs/index.cjs +0 -1440
- package/dist/cjs/index.cjs.map +0 -7
- package/dist/esm/index.mjs +0 -1463
- package/dist/esm/index.mjs.map +0 -7
- package/dist/types/e2e_tests/mock-data.d.ts +0 -3779
- package/dist/types/index.d.ts +0 -4
- package/dist/types/lang-cypher/ParserAdapter.d.ts +0 -14
- package/dist/types/lang-cypher/autocomplete.d.ts +0 -3
- package/dist/types/lang-cypher/lang-cypher.d.ts +0 -7
- package/dist/types/ndl-tokens-copy.d.ts +0 -379
- package/dist/types/neo4j-setup.d.ts +0 -2
- package/dist/types/tsconfig.tsbuildinfo +0 -1
- package/src/e2e_tests/auto-completion.spec.tsx +0 -232
- package/src/e2e_tests/mock-data.ts +0 -4310
- package/src/e2e_tests/performance-test.spec.tsx +0 -71
- package/src/e2e_tests/syntax-validation.spec.tsx +0 -156
- package/src/lang-cypher/ParserAdapter.ts +0 -92
- package/src/lang-cypher/lang-cypher.ts +0 -32
- package/src/lang-cypher/syntax-validation.ts +0 -24
- package/src/ndl-tokens-copy.ts +0 -379
- /package/dist/{types/e2e_tests/auto-completion.spec.d.ts → src/CypherEditor.test.d.ts} +0 -0
- /package/dist/{types/e2e_tests/extra-keybindings.spec.d.ts → src/e2e_tests/autoCompletion.spec.d.ts} +0 -0
- /package/dist/{types/e2e_tests/history-navigation.spec.d.ts → src/e2e_tests/configuration.spec.d.ts} +0 -0
- /package/dist/{types/e2e_tests/performance-test.spec.d.ts → src/e2e_tests/debounce.spec.d.ts} +0 -0
- /package/dist/{types/e2e_tests/sanity-checks.spec.d.ts → src/e2e_tests/extraKeybindings.spec.d.ts} +0 -0
- /package/dist/{types/e2e_tests/syntax-highlighting.spec.d.ts → src/e2e_tests/historyNavigation.spec.d.ts} +0 -0
- /package/dist/{types/e2e_tests/syntax-validation.spec.d.ts → src/e2e_tests/sanityChecks.spec.d.ts} +0 -0
- /package/dist/{types/lang-cypher/contants.test.d.ts → src/e2e_tests/signatureHelp.spec.d.ts} +0 -0
- /package/dist/{types/ndl-tokens-copy.test.d.ts → src/e2e_tests/snippets.spec.d.ts} +0 -0
- /package/dist/{types/history-navigation.d.ts → src/historyNavigation.d.ts} +0 -0
- /package/dist/{types/lang-cypher/create-cypher-theme.d.ts → src/lang-cypher/createCypherTheme.d.ts} +0 -0
- /package/dist/{types/lang-cypher/theme-icons.d.ts → src/lang-cypher/themeIcons.d.ts} +0 -0
- /package/src/lang-cypher/{theme-icons.ts → themeIcons.ts} +0 -0
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import { acceptCompletion, autocompletion, clearSnippet, closeBrackets, closeBracketsKeymap, closeCompletion, completionKeymap, nextSnippetField, prevSnippetField, snippetKeymap, } from '@codemirror/autocomplete';
|
|
2
|
+
import { defaultKeymap, history, historyKeymap, indentLess, indentMore, } from '@codemirror/commands';
|
|
3
|
+
import { bracketMatching, defaultHighlightStyle, foldKeymap, indentOnInput, syntaxHighlighting, } from '@codemirror/language';
|
|
4
|
+
import { highlightSelectionMatches, searchKeymap } from '@codemirror/search';
|
|
5
|
+
import { EditorState } from '@codemirror/state';
|
|
6
|
+
import { crosshairCursor, drawSelection, dropCursor, EditorView, highlightSpecialChars, keymap, rectangularSelection, } from '@codemirror/view';
|
|
7
|
+
import { lintKeymap } from '@codemirror/lint';
|
|
8
|
+
import { getIconForType } from './icons';
|
|
9
|
+
const insertTab = (cmd) => {
|
|
10
|
+
// if there is a selection we should indent the selected text, but if not insert
|
|
11
|
+
// two spaces as per the cypher style guide
|
|
12
|
+
if (cmd.state.selection.main.from === cmd.state.selection.main.to) {
|
|
13
|
+
cmd.dispatch(cmd.state.update({
|
|
14
|
+
changes: {
|
|
15
|
+
from: cmd.state.selection.main.to,
|
|
16
|
+
to: cmd.state.selection.main.to,
|
|
17
|
+
insert: ' ',
|
|
18
|
+
},
|
|
19
|
+
selection: { anchor: cmd.state.selection.main.to + 2 },
|
|
20
|
+
}));
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
indentMore(cmd);
|
|
24
|
+
}
|
|
25
|
+
return true;
|
|
26
|
+
};
|
|
27
|
+
export const basicNeo4jSetup = ({ moveFocusOnTab = false, }) => {
|
|
28
|
+
const keymaps = [
|
|
29
|
+
closeBracketsKeymap,
|
|
30
|
+
defaultKeymap,
|
|
31
|
+
searchKeymap,
|
|
32
|
+
historyKeymap,
|
|
33
|
+
foldKeymap,
|
|
34
|
+
completionKeymap,
|
|
35
|
+
lintKeymap,
|
|
36
|
+
].flat();
|
|
37
|
+
if (!moveFocusOnTab) {
|
|
38
|
+
keymaps.push({
|
|
39
|
+
key: 'Tab',
|
|
40
|
+
preventDefault: true,
|
|
41
|
+
run: acceptCompletion,
|
|
42
|
+
}, {
|
|
43
|
+
key: 'Tab',
|
|
44
|
+
preventDefault: true,
|
|
45
|
+
run: insertTab,
|
|
46
|
+
}, {
|
|
47
|
+
key: 'Shift-Tab',
|
|
48
|
+
preventDefault: true,
|
|
49
|
+
run: indentLess,
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
const extensions = [];
|
|
53
|
+
extensions.push(highlightSpecialChars());
|
|
54
|
+
extensions.push(history());
|
|
55
|
+
extensions.push(drawSelection());
|
|
56
|
+
extensions.push(dropCursor());
|
|
57
|
+
extensions.push(EditorState.allowMultipleSelections.of(true));
|
|
58
|
+
extensions.push(indentOnInput());
|
|
59
|
+
extensions.push(syntaxHighlighting(defaultHighlightStyle, { fallback: true }));
|
|
60
|
+
extensions.push(bracketMatching());
|
|
61
|
+
extensions.push(closeBrackets());
|
|
62
|
+
extensions.push(autocompletion({
|
|
63
|
+
icons: false,
|
|
64
|
+
interactionDelay: 5,
|
|
65
|
+
addToOptions: [
|
|
66
|
+
{
|
|
67
|
+
render(completion, state) {
|
|
68
|
+
const isDarkTheme = state.facet(EditorView.darkTheme);
|
|
69
|
+
const icon = document.createElement('span');
|
|
70
|
+
icon.innerHTML = getIconForType(completion.type, isDarkTheme);
|
|
71
|
+
const svgElement = icon.children[0];
|
|
72
|
+
svgElement.style.display = 'inline';
|
|
73
|
+
svgElement.style.marginRight = '5px';
|
|
74
|
+
return icon;
|
|
75
|
+
},
|
|
76
|
+
position: 20,
|
|
77
|
+
},
|
|
78
|
+
],
|
|
79
|
+
}));
|
|
80
|
+
extensions.push(rectangularSelection());
|
|
81
|
+
extensions.push(crosshairCursor());
|
|
82
|
+
extensions.push(highlightSelectionMatches());
|
|
83
|
+
extensions.push(keymap.of(keymaps));
|
|
84
|
+
extensions.push(snippetKeymap.of([
|
|
85
|
+
{
|
|
86
|
+
key: 'Tab',
|
|
87
|
+
run: acceptCompletionOrGotoNextSnippet,
|
|
88
|
+
shift: acceptCompletionOrGotoPrevSnippet,
|
|
89
|
+
},
|
|
90
|
+
{ key: 'Escape', run: closeCompletionsOrClearSnippets },
|
|
91
|
+
]));
|
|
92
|
+
return extensions;
|
|
93
|
+
};
|
|
94
|
+
// The logic to check if there's a completion open is surprisingly complex
|
|
95
|
+
// https://github.com/codemirror/autocomplete/blob/5ad2ebc861f2f61cdc943fc087a5bfb756a7d0fa/src/view.ts#L31
|
|
96
|
+
// For example it respects an interaction delay, so we can't just check if the completion is open
|
|
97
|
+
// instead we just run the acceptCompletion command which returns true if a completion was accepted
|
|
98
|
+
// in that case we know that we shouldn't move to the next snippet field
|
|
99
|
+
const acceptCompletionOrGotoNextSnippet = (view) => {
|
|
100
|
+
const didCompletion = acceptCompletion(view);
|
|
101
|
+
if (didCompletion) {
|
|
102
|
+
return true;
|
|
103
|
+
}
|
|
104
|
+
return nextSnippetField(view);
|
|
105
|
+
};
|
|
106
|
+
const acceptCompletionOrGotoPrevSnippet = (view) => {
|
|
107
|
+
const didCompletion = acceptCompletion(view);
|
|
108
|
+
if (didCompletion) {
|
|
109
|
+
return true;
|
|
110
|
+
}
|
|
111
|
+
return prevSnippetField(view);
|
|
112
|
+
};
|
|
113
|
+
const closeCompletionsOrClearSnippets = (view) => {
|
|
114
|
+
const closedCompletions = closeCompletion(view);
|
|
115
|
+
if (closedCompletions) {
|
|
116
|
+
return true;
|
|
117
|
+
}
|
|
118
|
+
return clearSnippet(view);
|
|
119
|
+
};
|
|
120
|
+
//# sourceMappingURL=neo4jSetup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"neo4jSetup.js","sourceRoot":"","sources":["../../src/neo4jSetup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { EditorView } from '@codemirror/view';
|
|
2
|
+
export declare function getCSSStyleForClass(className: string): string;
|
|
3
|
+
export declare function getHTML(view: EditorView, from: number, to: number): string;
|
|
4
|
+
export declare const richClipboardCopier: import("@codemirror/state").Extension;
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { EditorView } from '@codemirror/view';
|
|
2
|
+
export function getCSSStyleForClass(className) {
|
|
3
|
+
return Array.from(document.styleSheets).reduce((cssText, sheet) => {
|
|
4
|
+
try {
|
|
5
|
+
const rules = sheet.cssRules ?? [];
|
|
6
|
+
for (const rule of Array.from(rules)) {
|
|
7
|
+
if (rule instanceof CSSStyleRule &&
|
|
8
|
+
rule.selectorText
|
|
9
|
+
.split(',')
|
|
10
|
+
.some((sel) => sel.trim() === `.${className}`)) {
|
|
11
|
+
cssText += rule.style.cssText;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
catch {
|
|
16
|
+
// Ignore CORS-protected stylesheets
|
|
17
|
+
}
|
|
18
|
+
return cssText;
|
|
19
|
+
}, '');
|
|
20
|
+
}
|
|
21
|
+
function replaceClassWithStyle(element) {
|
|
22
|
+
const classNames = element.className.split(/\s+/).filter(Boolean);
|
|
23
|
+
const computed = getComputedStyle(element);
|
|
24
|
+
let styleText = computed.color ? `color: ${computed.color};` : '';
|
|
25
|
+
for (const cls of classNames) {
|
|
26
|
+
styleText += getCSSStyleForClass(cls);
|
|
27
|
+
}
|
|
28
|
+
if (styleText) {
|
|
29
|
+
element.setAttribute('style', styleText);
|
|
30
|
+
}
|
|
31
|
+
element.removeAttribute('class');
|
|
32
|
+
}
|
|
33
|
+
export function getHTML(view, from, to) {
|
|
34
|
+
const range = document.createRange();
|
|
35
|
+
const fromInfo = view.domAtPos(from);
|
|
36
|
+
const toInfo = view.domAtPos(to);
|
|
37
|
+
range.setStart(fromInfo.node, fromInfo.offset);
|
|
38
|
+
range.setEnd(toInfo.node, toInfo.offset);
|
|
39
|
+
const commonAncestor = range.commonAncestorContainer;
|
|
40
|
+
const wrapperElement = commonAncestor instanceof Text
|
|
41
|
+
? commonAncestor.parentElement
|
|
42
|
+
: commonAncestor;
|
|
43
|
+
const wrapper = document.createElement('div');
|
|
44
|
+
if (wrapperElement) {
|
|
45
|
+
const style = wrapperElement.getAttribute('style');
|
|
46
|
+
const cls = wrapperElement.getAttribute('class');
|
|
47
|
+
if (style)
|
|
48
|
+
wrapper.setAttribute('style', style);
|
|
49
|
+
if (cls)
|
|
50
|
+
wrapper.setAttribute('class', cls);
|
|
51
|
+
}
|
|
52
|
+
wrapper.appendChild(range.cloneContents());
|
|
53
|
+
replaceClassWithStyle(wrapper);
|
|
54
|
+
wrapper
|
|
55
|
+
.querySelectorAll('[class]')
|
|
56
|
+
.forEach(replaceClassWithStyle);
|
|
57
|
+
const editorElement = document.querySelector('.cm-editor');
|
|
58
|
+
const editorStyles = editorElement ? getComputedStyle(editorElement) : null;
|
|
59
|
+
return `<div style="font-family: monospace; ${editorStyles?.color ? `color: ${editorStyles.color};` : ''} ${editorStyles?.backgroundColor
|
|
60
|
+
? `background-color: ${editorStyles.backgroundColor};`
|
|
61
|
+
: ''}">${wrapper.outerHTML}</div>`;
|
|
62
|
+
}
|
|
63
|
+
export const richClipboardCopier = EditorView.domEventHandlers({
|
|
64
|
+
copy: (event, view) => {
|
|
65
|
+
event.preventDefault();
|
|
66
|
+
const { from, to } = view.state.selection.main;
|
|
67
|
+
const selectedText = view.state.doc.sliceString(from, to);
|
|
68
|
+
if (!selectedText)
|
|
69
|
+
return;
|
|
70
|
+
if (event.clipboardData) {
|
|
71
|
+
event.clipboardData.setData('text/plain', selectedText);
|
|
72
|
+
if (selectedText.length < 1000) {
|
|
73
|
+
event.clipboardData.setData('text/html', getHTML(view, from, to));
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
});
|
|
78
|
+
//# sourceMappingURL=richClipboardCopier.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"richClipboardCopier.js","sourceRoot":"","sources":["../../src/richClipboardCopier.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
// @vitest-environment jsdom
|
|
2
|
+
import { describe, it, expect, vi, beforeEach } from 'vitest';
|
|
3
|
+
import { getHTML, getCSSStyleForClass } from './richClipboardCopier';
|
|
4
|
+
function createStyleSheet(rules) {
|
|
5
|
+
const styleEl = document.createElement('style');
|
|
6
|
+
styleEl.textContent = rules;
|
|
7
|
+
document.head.appendChild(styleEl);
|
|
8
|
+
return styleEl.sheet;
|
|
9
|
+
}
|
|
10
|
+
describe('getCSSStyleForClass', () => {
|
|
11
|
+
beforeEach(() => {
|
|
12
|
+
document.head.innerHTML = '';
|
|
13
|
+
});
|
|
14
|
+
it('returns cssText for a given class', () => {
|
|
15
|
+
createStyleSheet('.foo { color: red; font-weight: bold; }');
|
|
16
|
+
const css = getCSSStyleForClass('foo');
|
|
17
|
+
expect(css).toContain('color: red');
|
|
18
|
+
expect(css).toContain('font-weight: bold');
|
|
19
|
+
});
|
|
20
|
+
it('returns empty string if no matching class exists', () => {
|
|
21
|
+
createStyleSheet('.bar { color: blue; }');
|
|
22
|
+
const css = getCSSStyleForClass('nonexistent');
|
|
23
|
+
expect(css).toBe('');
|
|
24
|
+
});
|
|
25
|
+
});
|
|
26
|
+
describe('getHTML', () => {
|
|
27
|
+
beforeEach(() => {
|
|
28
|
+
document.head.innerHTML = '';
|
|
29
|
+
});
|
|
30
|
+
it('wraps selected DOM content with monospace wrapper and inlines class styles', () => {
|
|
31
|
+
createStyleSheet('.foo { color: red; font-weight: bold; } .bar { background: yellow; }');
|
|
32
|
+
const div = document.createElement('div');
|
|
33
|
+
div.className = 'foo bar';
|
|
34
|
+
div.textContent = 'Hello';
|
|
35
|
+
const wrapper = document.createElement('div');
|
|
36
|
+
wrapper.appendChild(div);
|
|
37
|
+
document.body.appendChild(wrapper);
|
|
38
|
+
const mockView = {
|
|
39
|
+
domAtPos: vi.fn((pos) => ({
|
|
40
|
+
node: wrapper,
|
|
41
|
+
offset: pos === 0 ? 0 : 1,
|
|
42
|
+
})),
|
|
43
|
+
};
|
|
44
|
+
const html = getHTML(mockView, 0, 1);
|
|
45
|
+
expect(html).toContain('font-family: monospace;');
|
|
46
|
+
expect(html).toContain('color: red');
|
|
47
|
+
expect(html).toContain('font-weight: bold');
|
|
48
|
+
expect(html).toContain('background: yellow');
|
|
49
|
+
expect(html).not.toContain('class=');
|
|
50
|
+
expect(html).toContain('Hello');
|
|
51
|
+
});
|
|
52
|
+
});
|
|
53
|
+
//# sourceMappingURL=richClipboardCopier.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"richClipboardCopier.test.js","sourceRoot":"","sources":["../../src/richClipboardCopier.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Extension } from '@codemirror/state';
|
|
2
|
-
import { ThemeOptions } from './lang-cypher/
|
|
2
|
+
import { ThemeOptions } from './lang-cypher/createCypherTheme';
|
|
3
3
|
export declare const lightThemeConstants: ThemeOptions;
|
|
4
4
|
export declare const darkThemeConstants: ThemeOptions;
|
|
5
5
|
type ExtraThemeOptions = {
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { createCypherTheme, } from './lang-cypher/createCypherTheme';
|
|
2
|
+
import { tokens } from './ndlTokensCopy';
|
|
3
|
+
export const lightThemeConstants = {
|
|
4
|
+
dark: false,
|
|
5
|
+
editorSettings: {
|
|
6
|
+
background: '#FEFEFE',
|
|
7
|
+
foreground: '#545454',
|
|
8
|
+
gutterForeground: '#a3a7ae',
|
|
9
|
+
selection: tokens.colors.neutral['20'],
|
|
10
|
+
textMatchingSelection: tokens.colors.lavender['15'],
|
|
11
|
+
cursor: '#000000',
|
|
12
|
+
autoCompletionPanel: {
|
|
13
|
+
selectedColor: '#cce2ff',
|
|
14
|
+
matchingTextColor: '#0066bf',
|
|
15
|
+
backgroundColor: '#F3F4F5',
|
|
16
|
+
},
|
|
17
|
+
searchPanel: {
|
|
18
|
+
background: '#FEFEFE',
|
|
19
|
+
text: '#545454',
|
|
20
|
+
buttonHoverBackground: tokens.theme.light.palette.neutral.bg.strong,
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
highlightStyles: {
|
|
24
|
+
comment: tokens.palette.code.light.comment,
|
|
25
|
+
keyword: tokens.palette.code.light.keyword,
|
|
26
|
+
keywordLiteral: tokens.palette.code.light.keywordLiteral,
|
|
27
|
+
label: tokens.palette.code.light.label,
|
|
28
|
+
predicateFunction: tokens.palette.code.light.predicateFunction,
|
|
29
|
+
function: tokens.palette.code.light.function,
|
|
30
|
+
procedure: tokens.palette.code.light.procedure,
|
|
31
|
+
stringLiteral: tokens.palette.code.light.stringLiteral,
|
|
32
|
+
numberLiteral: tokens.palette.code.light.numberLiteral,
|
|
33
|
+
booleanLiteral: tokens.palette.code.light.booleanLiteral,
|
|
34
|
+
operator: tokens.palette.code.light.operator,
|
|
35
|
+
property: tokens.palette.code.light.property,
|
|
36
|
+
paramValue: tokens.palette.code.light.paramValue,
|
|
37
|
+
},
|
|
38
|
+
};
|
|
39
|
+
export const darkThemeConstants = {
|
|
40
|
+
dark: true,
|
|
41
|
+
editorSettings: {
|
|
42
|
+
background: '#242936',
|
|
43
|
+
foreground: '#cccac2',
|
|
44
|
+
gutterForeground: '#8a919966',
|
|
45
|
+
selection: '#409fff40',
|
|
46
|
+
textMatchingSelection: '#695380',
|
|
47
|
+
cursor: tokens.colors.neutral['10'],
|
|
48
|
+
autoCompletionPanel: {
|
|
49
|
+
selectedColor: '#062f4a',
|
|
50
|
+
matchingTextColor: '#0097fb',
|
|
51
|
+
backgroundColor: '#1C212B',
|
|
52
|
+
},
|
|
53
|
+
searchPanel: {
|
|
54
|
+
background: tokens.theme.dark.palette.neutral.bg.default,
|
|
55
|
+
text: tokens.theme.dark.palette.neutral.text.default,
|
|
56
|
+
buttonHoverBackground: tokens.theme.dark.palette.neutral.bg.strong,
|
|
57
|
+
},
|
|
58
|
+
},
|
|
59
|
+
highlightStyles: {
|
|
60
|
+
comment: tokens.palette.code.dark.comment,
|
|
61
|
+
keyword: tokens.palette.code.dark.keyword,
|
|
62
|
+
keywordLiteral: tokens.palette.code.dark.keywordLiteral,
|
|
63
|
+
label: tokens.palette.code.dark.label,
|
|
64
|
+
predicateFunction: tokens.palette.code.dark.predicateFunction,
|
|
65
|
+
function: tokens.palette.code.dark.function,
|
|
66
|
+
procedure: tokens.palette.code.dark.procedure,
|
|
67
|
+
stringLiteral: tokens.palette.code.dark.stringLiteral,
|
|
68
|
+
numberLiteral: tokens.palette.code.dark.numberLiteral,
|
|
69
|
+
booleanLiteral: tokens.palette.code.dark.booleanLiteral,
|
|
70
|
+
operator: tokens.palette.code.dark.operator,
|
|
71
|
+
property: tokens.palette.code.dark.property,
|
|
72
|
+
paramValue: tokens.palette.code.dark.paramValue,
|
|
73
|
+
},
|
|
74
|
+
};
|
|
75
|
+
export const ayuLightTheme = ({ inheritBgColor }) => {
|
|
76
|
+
return createCypherTheme({ ...lightThemeConstants, inheritBgColor });
|
|
77
|
+
};
|
|
78
|
+
export const ayuDarkTheme = ({ inheritBgColor }) => {
|
|
79
|
+
return createCypherTheme({ ...darkThemeConstants, inheritBgColor });
|
|
80
|
+
};
|
|
81
|
+
export function getThemeExtension(theme, inheritBgColor) {
|
|
82
|
+
switch (theme) {
|
|
83
|
+
case 'light':
|
|
84
|
+
return ayuLightTheme({ inheritBgColor });
|
|
85
|
+
case 'dark':
|
|
86
|
+
return ayuDarkTheme({ inheritBgColor });
|
|
87
|
+
case 'none':
|
|
88
|
+
return [];
|
|
89
|
+
default:
|
|
90
|
+
return theme;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
//# sourceMappingURL=themes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../src/themes.ts"],"names":[],"mappings":"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"}
|