mirror of
				https://github.com/zadam/trilium.git
				synced 2025-10-31 10:26:08 +01:00 
			
		
		
		
	
		
			
				
	
	
		
			168 lines
		
	
	
		
			6.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			168 lines
		
	
	
		
			6.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| // CodeMirror, copyright (c) by Marijn Haverbeke and others
 | |
| // Distributed under an MIT license: https://codemirror.net/LICENSE
 | |
| 
 | |
| // Highlighting text that matches the selection
 | |
| //
 | |
| // Defines an option highlightSelectionMatches, which, when enabled,
 | |
| // will style strings that match the selection throughout the
 | |
| // document.
 | |
| //
 | |
| // The option can be set to true to simply enable it, or to a
 | |
| // {minChars, style, wordsOnly, showToken, delay} object to explicitly
 | |
| // configure it. minChars is the minimum amount of characters that should be
 | |
| // selected for the behavior to occur, and style is the token style to
 | |
| // apply to the matches. This will be prefixed by "cm-" to create an
 | |
| // actual CSS class name. If wordsOnly is enabled, the matches will be
 | |
| // highlighted only if the selected text is a word. showToken, when enabled,
 | |
| // will cause the current token to be highlighted when nothing is selected.
 | |
| // delay is used to specify how much time to wait, in milliseconds, before
 | |
| // highlighting the matches. If annotateScrollbar is enabled, the occurrences
 | |
| // will be highlighted on the scrollbar via the matchesonscrollbar addon.
 | |
| 
 | |
| (function(mod) {
 | |
|   if (typeof exports == "object" && typeof module == "object") // CommonJS
 | |
|     mod(require("../../lib/codemirror"), require("./matchesonscrollbar"));
 | |
|   else if (typeof define == "function" && define.amd) // AMD
 | |
|     define(["../../lib/codemirror", "./matchesonscrollbar"], mod);
 | |
|   else // Plain browser env
 | |
|     mod(CodeMirror);
 | |
| })(function(CodeMirror) {
 | |
|   "use strict";
 | |
| 
 | |
|   var defaults = {
 | |
|     style: "matchhighlight",
 | |
|     minChars: 2,
 | |
|     delay: 100,
 | |
|     wordsOnly: false,
 | |
|     annotateScrollbar: false,
 | |
|     showToken: false,
 | |
|     trim: true
 | |
|   }
 | |
| 
 | |
|   function State(options) {
 | |
|     this.options = {}
 | |
|     for (var name in defaults)
 | |
|       this.options[name] = (options && options.hasOwnProperty(name) ? options : defaults)[name]
 | |
|     this.overlay = this.timeout = null;
 | |
|     this.matchesonscroll = null;
 | |
|     this.active = false;
 | |
|   }
 | |
| 
 | |
|   CodeMirror.defineOption("highlightSelectionMatches", false, function(cm, val, old) {
 | |
|     if (old && old != CodeMirror.Init) {
 | |
|       removeOverlay(cm);
 | |
|       clearTimeout(cm.state.matchHighlighter.timeout);
 | |
|       cm.state.matchHighlighter = null;
 | |
|       cm.off("cursorActivity", cursorActivity);
 | |
|       cm.off("focus", onFocus)
 | |
|     }
 | |
|     if (val) {
 | |
|       var state = cm.state.matchHighlighter = new State(val);
 | |
|       if (cm.hasFocus()) {
 | |
|         state.active = true
 | |
|         highlightMatches(cm)
 | |
|       } else {
 | |
|         cm.on("focus", onFocus)
 | |
|       }
 | |
|       cm.on("cursorActivity", cursorActivity);
 | |
|     }
 | |
|   });
 | |
| 
 | |
|   function cursorActivity(cm) {
 | |
|     var state = cm.state.matchHighlighter;
 | |
|     if (state.active || cm.hasFocus()) scheduleHighlight(cm, state)
 | |
|   }
 | |
| 
 | |
|   function onFocus(cm) {
 | |
|     var state = cm.state.matchHighlighter
 | |
|     if (!state.active) {
 | |
|       state.active = true
 | |
|       scheduleHighlight(cm, state)
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   function scheduleHighlight(cm, state) {
 | |
|     clearTimeout(state.timeout);
 | |
|     state.timeout = setTimeout(function() {highlightMatches(cm);}, state.options.delay);
 | |
|   }
 | |
| 
 | |
|   function addOverlay(cm, query, hasBoundary, style) {
 | |
|     var state = cm.state.matchHighlighter;
 | |
|     cm.addOverlay(state.overlay = makeOverlay(query, hasBoundary, style));
 | |
|     if (state.options.annotateScrollbar && cm.showMatchesOnScrollbar) {
 | |
|       var searchFor = hasBoundary ? new RegExp((/\w/.test(query.charAt(0)) ? "\\b" : "") +
 | |
|                                                query.replace(/[\\\[.+*?(){|^$]/g, "\\$&") +
 | |
|                                                (/\w/.test(query.charAt(query.length - 1)) ? "\\b" : "")) : query;
 | |
|       state.matchesonscroll = cm.showMatchesOnScrollbar(searchFor, false,
 | |
|         {className: "CodeMirror-selection-highlight-scrollbar"});
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   function removeOverlay(cm) {
 | |
|     var state = cm.state.matchHighlighter;
 | |
|     if (state.overlay) {
 | |
|       cm.removeOverlay(state.overlay);
 | |
|       state.overlay = null;
 | |
|       if (state.matchesonscroll) {
 | |
|         state.matchesonscroll.clear();
 | |
|         state.matchesonscroll = null;
 | |
|       }
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   function highlightMatches(cm) {
 | |
|     cm.operation(function() {
 | |
|       var state = cm.state.matchHighlighter;
 | |
|       removeOverlay(cm);
 | |
|       if (!cm.somethingSelected() && state.options.showToken) {
 | |
|         var re = state.options.showToken === true ? /[\w$]/ : state.options.showToken;
 | |
|         var cur = cm.getCursor(), line = cm.getLine(cur.line), start = cur.ch, end = start;
 | |
|         while (start && re.test(line.charAt(start - 1))) --start;
 | |
|         while (end < line.length && re.test(line.charAt(end))) ++end;
 | |
|         if (start < end)
 | |
|           addOverlay(cm, line.slice(start, end), re, state.options.style);
 | |
|         return;
 | |
|       }
 | |
|       var from = cm.getCursor("from"), to = cm.getCursor("to");
 | |
|       if (from.line != to.line) return;
 | |
|       if (state.options.wordsOnly && !isWord(cm, from, to)) return;
 | |
|       var selection = cm.getRange(from, to)
 | |
|       if (state.options.trim) selection = selection.replace(/^\s+|\s+$/g, "")
 | |
|       if (selection.length >= state.options.minChars)
 | |
|         addOverlay(cm, selection, false, state.options.style);
 | |
|     });
 | |
|   }
 | |
| 
 | |
|   function isWord(cm, from, to) {
 | |
|     var str = cm.getRange(from, to);
 | |
|     if (str.match(/^\w+$/) !== null) {
 | |
|         if (from.ch > 0) {
 | |
|             var pos = {line: from.line, ch: from.ch - 1};
 | |
|             var chr = cm.getRange(pos, from);
 | |
|             if (chr.match(/\W/) === null) return false;
 | |
|         }
 | |
|         if (to.ch < cm.getLine(from.line).length) {
 | |
|             var pos = {line: to.line, ch: to.ch + 1};
 | |
|             var chr = cm.getRange(to, pos);
 | |
|             if (chr.match(/\W/) === null) return false;
 | |
|         }
 | |
|         return true;
 | |
|     } else return false;
 | |
|   }
 | |
| 
 | |
|   function boundariesAround(stream, re) {
 | |
|     return (!stream.start || !re.test(stream.string.charAt(stream.start - 1))) &&
 | |
|       (stream.pos == stream.string.length || !re.test(stream.string.charAt(stream.pos)));
 | |
|   }
 | |
| 
 | |
|   function makeOverlay(query, hasBoundary, style) {
 | |
|     return {token: function(stream) {
 | |
|       if (stream.match(query) &&
 | |
|           (!hasBoundary || boundariesAround(stream, hasBoundary)))
 | |
|         return style;
 | |
|       stream.next();
 | |
|       stream.skipTo(query.charAt(0)) || stream.skipToEnd();
 | |
|     }};
 | |
|   }
 | |
| });
 |