base of autocompletion

src/EditorSetup.ts

@@ -1,11 +1,13 @@
+import { inlineHoveringTips } from "./documentation/inlineHelp";
+
 import {
   keymap,
   highlightSpecialChars,
   drawSelection,
   highlightActiveLine,
   dropCursor,
-  rectangularSelection,
-  crosshairCursor,
+  // rectangularSelection,
+  // crosshairCursor,
   highlightActiveLineGutter,
 } from "@codemirror/view";
 import { Extension, EditorState } from "@codemirror/state";
@@ -24,45 +26,6 @@ import {
 } from "@codemirror/autocomplete";
 import { lintKeymap } from "@codemirror/lint";
 
-// (The superfluous function calls around the list of extensions work
-// around current limitations in tree-shaking software.)
-
-/// This is an extension value that just pulls together a number of
-/// extensions that you might want in a basic editor. It is meant as a
-/// convenient helper to quickly set up CodeMirror without installing
-/// and importing a lot of separate packages.
-///
-/// Specifically, it includes...
-///
-///  - [the default command bindings](#commands.defaultKeymap)
-///  - [line numbers](#view.lineNumbers)
-///  - [special character highlighting](#view.highlightSpecialChars)
-///  - [the undo history](#commands.history)
-///  - [a fold gutter](#language.foldGutter)
-///  - [custom selection drawing](#view.drawSelection)
-///  - [drop cursor](#view.dropCursor)
-///  - [multiple selections](#state.EditorState^allowMultipleSelections)
-///  - [reindentation on input](#language.indentOnInput)
-///  - [the default highlight style](#language.defaultHighlightStyle) (as fallback)
-///  - [bracket matching](#language.bracketMatching)
-///  - [bracket closing](#autocomplete.closeBrackets)
-///  - [autocompletion](#autocomplete.autocompletion)
-///  - [rectangular selection](#view.rectangularSelection) and [crosshair cursor](#view.crosshairCursor)
-///  - [active line highlighting](#view.highlightActiveLine)
-///  - [active line gutter highlighting](#view.highlightActiveLineGutter)
-///  - [selection match highlighting](#search.highlightSelectionMatches)
-///  - [search](#search.searchKeymap)
-///  - [linting](#lint.lintKeymap)
-///
-/// (You'll probably want to add some language package to your setup
-/// too.)
-///
-/// This extension does not allow customization. The idea is that,
-/// once you decide you want to configure your editor more precisely,
-/// you take this package's source (which is just a bunch of imports
-/// and an array literal), copy it into your own code, and adjust it
-/// as desired.
-
 export const editorSetup: Extension = (() => [
   highlightActiveLineGutter(),
   highlightSpecialChars(),
@@ -75,10 +38,11 @@ export const editorSetup: Extension = (() => [
   bracketMatching(),
   closeBrackets(),
   autocompletion(),
-  rectangularSelection(),
-  crosshairCursor(),
+  // rectangularSelection(),
+  // crosshairCursor(),
   highlightActiveLine(),
   highlightSelectionMatches(),
+  inlineHoveringTips,
   keymap.of([
     ...closeBracketsKeymap,
     ...defaultKeymap,