@vuu-ui/vuu-codemirror 2.1.19-beta.1 → 2.1.19-beta.2

package/package.json

@@ -1,9 +1,9 @@
 {
-  "version": "2.1.19-beta.1",
+  "version": "2.1.19-beta.2",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-table-types": "2.1.19-beta.1"
+    "@vuu-ui/vuu-table-types": "2.1.19-beta.2"
   },
   "dependencies": {
     "@codemirror/autocomplete": "^6.4.2",
@@ -11,20 +11,19 @@
     "@codemirror/language": "^6.6.0",
     "@codemirror/state": "^6.2.0",
     "@codemirror/view": "^6.9.3",
-    "@vuu-ui/vuu-utils": "2.1.19-beta.1",
+    "@vuu-ui/vuu-utils": "2.1.19-beta.2",
     "@lezer/common": "1.2.3",
     "@lezer/highlight": "^1.1.3"
   },
   "type": "module",
   "files": [
     "README.md",
-    "esm",
-    "cjs",
+    "src",
     "/types"
   ],
   "exports": {
     ".": {
-      "import": "./index.js",
+      "import": "./src/index.js",
       "types": "./types/index.d.ts"
     }
   },

package/src/codemirror-basic-setup.js

@@ -0,0 +1,19 @@
+import { closeBrackets } from "@codemirror/autocomplete";
+import { defaultKeymap, history as commands_history, historyKeymap } from "@codemirror/commands";
+import { defaultHighlightStyle, syntaxHighlighting } from "@codemirror/language";
+import { drawSelection, highlightSpecialChars, keymap } from "@codemirror/view";
+const keyBindings = [
+    ...defaultKeymap,
+    ...historyKeymap
+];
+const minimalSetup = (()=>[
+        highlightSpecialChars(),
+        commands_history(),
+        drawSelection(),
+        closeBrackets(),
+        syntaxHighlighting(defaultHighlightStyle, {
+            fallback: true
+        }),
+        keymap.of(keyBindings)
+    ])();
+export { minimalSetup };

package/src/index.js

@@ -0,0 +1,10 @@
+export * from "./codemirror-basic-setup.js";
+export * from "./parser-utils.js";
+export * from "./suggestion-utils.js";
+export { autocompletion, closeBrackets, startCompletion } from "@codemirror/autocomplete";
+export { defaultKeymap, history, historyKeymap } from "@codemirror/commands";
+export { HighlightStyle, LRLanguage, LanguageSupport, defaultHighlightStyle, ensureSyntaxTree, syntaxHighlighting, syntaxTree } from "@codemirror/language";
+export { AnnotationType, EditorState } from "@codemirror/state";
+export { EditorView, drawSelection, highlightSpecialChars, keymap } from "@codemirror/view";
+export { Tree } from "@lezer/common";
+export { styleTags, tags } from "@lezer/highlight";

package/src/parser-utils.js

@@ -0,0 +1,25 @@
+const getValue = (node, state)=>state.doc.sliceString(node.from, node.to);
+const getNodeByName = (node, state, nodeName = "Column")=>{
+    if (node.firstChild?.name === nodeName) return getValue(node.firstChild, state);
+    {
+        let maybeColumnNode = node.prevSibling || node.parent;
+        while(maybeColumnNode && maybeColumnNode.name !== nodeName)maybeColumnNode = maybeColumnNode.prevSibling || maybeColumnNode.parent;
+        if (maybeColumnNode) return getValue(maybeColumnNode, state);
+    }
+};
+const getPreviousNode = (node)=>{
+    const prevNode = node.prevSibling;
+    console.log(`prevNode ${prevNode?.name}`);
+    return prevNode;
+};
+const getNamedParentNode = (node)=>{
+    let maybeParent = node.parent;
+    while(maybeParent && "⚠" === maybeParent.name)maybeParent = maybeParent.parent;
+    return maybeParent;
+};
+const getPreviousNamedNode = (node)=>{
+    let maybeParent = node.prevSibling;
+    while(maybeParent && "⚠" === maybeParent.name)maybeParent = maybeParent.prevSibling;
+    return maybeParent;
+};
+export { getNamedParentNode, getNodeByName, getPreviousNamedNode, getPreviousNode, getValue };

package/src/suggestion-utils.js

@@ -0,0 +1,111 @@
+import { AnnotationType } from "@codemirror/state";
+import { isNumericColumn } from "@vuu-ui/vuu-utils";
+const NO_OPTIONS = {};
+const applyWithCursorMove = ()=>(view, completion, from)=>{
+        const annotation = new AnnotationType();
+        view.dispatch({
+            changes: {
+                from,
+                insert: completion.label
+            },
+            annotations: annotation.of(completion)
+        }, {
+            changes: {
+                from: from + 1,
+                insert: " "
+            },
+            selection: {
+                anchor: from + 2,
+                head: from + 2
+            },
+            annotations: annotation.of(completion)
+        });
+    };
+const toSuggestions = (values, options = NO_OPTIONS)=>{
+    const { moveCursorToEnd = false, prefix = "", quoted = false, suffix = " ", isIllustration = false } = options;
+    const quote = quoted ? '"' : "";
+    return values.map((value)=>({
+            isIllustration,
+            label: value,
+            apply: moveCursorToEnd ? applyWithCursorMove() : isIllustration ? `${quote}${prefix}${quote}` : `${prefix}${quote}${value}${quote}${suffix}`
+        }));
+};
+const asNameSuggestion = {
+    label: "as",
+    apply: "as ",
+    boost: 1
+};
+const booleanJoinSuggestions = [
+    {
+        label: "and",
+        apply: "and ",
+        boost: 5
+    },
+    {
+        label: "or",
+        apply: "or ",
+        boost: 3
+    }
+];
+const equalityOperators = [
+    {
+        label: "=",
+        boost: 10,
+        type: "operator"
+    },
+    {
+        label: "!=",
+        boost: 9,
+        type: "operator"
+    }
+];
+const stringOperators = [
+    ...equalityOperators,
+    {
+        label: "in",
+        boost: 6,
+        type: "operator"
+    },
+    {
+        label: "contains",
+        boost: 5,
+        type: "operator"
+    },
+    {
+        label: "starts",
+        boost: 5,
+        type: "operator"
+    },
+    {
+        label: "ends",
+        boost: 4,
+        type: "operator"
+    }
+];
+const numericOperators = [
+    ...equalityOperators,
+    {
+        label: ">",
+        boost: 8,
+        type: "operator"
+    },
+    {
+        label: "<",
+        boost: 7,
+        type: "operator"
+    }
+];
+const getRelationalOperators = (column)=>{
+    if (void 0 === column || isNumericColumn(column)) return numericOperators;
+    return equalityOperators;
+};
+const getNamePrompt = (entity)=>{
+    const label = entity ? `enter name for this ${entity}` : "enter name";
+    return [
+        {
+            label,
+            boost: 5
+        }
+    ];
+};
+export { asNameSuggestion, booleanJoinSuggestions, equalityOperators, getNamePrompt, getRelationalOperators, numericOperators, stringOperators, toSuggestions };