Mark autocomplete

src/assets/ts/components/block.tsx

@@ -86,11 +86,12 @@ class RowComponent extends React.Component<RowProps, {}> {
       linksStyle: getStyles(session.clientStore, ['theme-link']),
       accentStyle: getStyles(session.clientStore, ['theme-text-accent']),
       cursorBetween: this.props.cursorBetween,
+      sessionApplyHook: session.applyHook.bind(session),
     };
 
     const hooksInfo = {
       path, pluginData: this.props.cached.pluginData,
-      has_cursor, has_highlight
+      has_cursor, has_highlight, lineData
     };
 
     lineoptions.lineHook = PartialUnfolder.trivial<Token, React.ReactNode>();

src/assets/ts/components/line.tsx

@@ -21,6 +21,7 @@ export type LineProps = {
   wordHook?: PartialUnfolder<Token, React.ReactNode>;
   onCharClick?: ((col: Col, e: Event) => void) | undefined;
   cursorBetween?: boolean;
+  sessionApplyHook?: (event: string, obj: any, info: any) => Array<React.ReactNode>,
 };
 
 // NOTE: hacky! we don't include .:/?= since urls contain it
@@ -106,6 +107,10 @@ export default class LineComponent extends React.Component<LineProps, {}> {
             onClick = this.props.onCharClick.bind(this, column);
           }
         }
+        let children = null;
+        if (this.props.sessionApplyHook) {
+          children = this.props.sessionApplyHook('renderCharChildren', [], { lineData, column, cursors });
+        }
         const divType = char_info.renderOptions.divType || 'span';
         emit(
           React.createElement(
@@ -118,7 +123,8 @@ export default class LineComponent extends React.Component<LineProps, {}> {
               href: href,
               target: target
             } as React.DOMAttributes<any>,
-            token.text[i] as React.ReactNode
+            token.text[i] as React.ReactNode,
+            children
           )
         );
       }

src/assets/ts/cursor.ts

@@ -57,7 +57,7 @@ export default class Cursor extends EventEmitter {
   }
 
   private async _setCol(col: Col) {
-    await this.emitAsync('colChange', this.col, col);
+    await this.session.applyHookAsync('colChange', {}, {oldCol: this.col, newCol: col});
     this.col = col;
   }
 

src/assets/ts/definitions/basics.ts

@@ -1,5 +1,6 @@
 import { isLink } from '../utils/text';
 import keyDefinitions, { Action, ActionContext, SequenceAction } from '../keyDefinitions';
+import _, { stubObject } from 'lodash';
 
 keyDefinitions.registerAction(new Action(
   'move-cursor-normal',
@@ -28,6 +29,7 @@ keyDefinitions.registerAction(new Action(
     if (motion == null) {
       throw new Error('Motion command was not passed a motion');
     }
+    context.keyStream.save();
     await motion(session.cursor, {pastEnd: true});
   },
   { acceptsMotion: true },

src/assets/ts/modes.ts

@@ -118,7 +118,7 @@ const deregisterMode = function(mode: ModeMetadata) {
   delete MODES[mode.name];
 };
 
-const transform_insert_key = function(key: Key) {
+export const transform_insert_key = function(key: Key) {
   if (key === 'shift+enter') {
     key = '\n';
   } else if (key === 'space' || key === 'shift+space') {
@@ -147,7 +147,7 @@ registerMode({
   ],
 });
 
-const nonSavingInsertActions: {[key: string]: boolean} = {
+export const nonSavingInsertActions: {[key: string]: boolean} = {
   'delete-char-before': true,
   'delete-char-after': true,
 };
@@ -183,6 +183,9 @@ registerMode({
       session.save();
     }
   },
+  async enter(session: Session) {
+    await session.cursor.setCol(session.cursor.col); // just to call colChange event
+  },
   async exit(session: Session) {
     await session.cursor.left();
     // unlike other modes, esc in insert mode keeps changes