add mentions from @clockwork-it/simplemde-markdown-editor-mention

Author: jeremyleu

.gitignore

@@ -1,6 +1,7 @@
 localtesting/
 node_modules/
 bower_components/
+debug/
 
 #For IDE
 *.iml

bower.json

@@ -1,11 +1,12 @@
 {
 	"name": "simplemde",
 	"version": "1.11.2",
-	"homepage": "https://github.com/NextStepWebs/simplemde-markdown-editor",
+	"homepage": "https://github.com/clockwork-it/simplemde-markdown-editor-mention",
 	"authors": [
-		"Wes Cossick <https://wescossick.com>"
+		"Wes Cossick <https://wescossick.com>",
+		"Andreas Eckersperger <andreas.eckersperger@clockwork-it.de>"
 	],
-	"description": "A simple, beautiful, and embeddable JavaScript Markdown editor.",
+	"description": "A simple, beautiful, and embeddable JavaScript Markdown editor with mention support.",
 	"main": ["src/js/simplemde.js", "src/css/simplemde.css"],
 	"keywords": [
 		"embeddable",

dist/simplemde.min.css

@@ -1,24 +1,24 @@
 {
   "name": "simplemde",
   "version": "1.11.2",
-  "description": "A simple, beautiful, and embeddable JavaScript Markdown editor. Features autosaving and spell checking.",
+  "description": "A simple, beautiful, and embeddable JavaScript Markdown editor. Features autosaving, mention support and spell checking. Based on https://github.com/sparksuite/simplemde-markdown-editor.",
   "keywords": [
     "embeddable",
     "markdown",
     "editor",
     "javascript",
     "wysiwyg"
   ],
-  "homepage": "https://github.com/NextStepWebs/simplemde-markdown-editor",
+  "homepage": "https://github.com/clockwork-it/simplemde-markdown-editor-mention",
   "main": "./src/js/simplemde.js",
   "license": "MIT",
-  "company": "Next Step Webs, Inc.",
+  "company": "Clockwork IT GmbH",
   "author": {
-    "name": "Wes Cossick",
-    "url": "http://www.WesCossick.com"
+    "name": "Andreas Eckersperger",
+    "url": "https://www.clockwork-it.de"
   },
   "bugs": {
-    "url": "https://github.com/NextStepWebs/simplemde-markdown-editor/issues"
+    "url": "https://github.com/clockwork-it/simplemde-markdown-editor-mention/issues"
   },
   "dependencies": {
     "codemirror": "*",
@@ -43,6 +43,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/NextStepWebs/simplemde-markdown-editor"
+    "url": "https://github.com/clockwork-it/simplemde-markdown-editor-mention"
   }
 }

dist/simplemde.min.js

@@ -325,4 +325,35 @@
 
 .CodeMirror .CodeMirror-placeholder {
     opacity: .5;
+}
+
+.CodeMirror-hints {
+    position: absolute;
+    z-index: 2147483647;
+    overflow: hidden;
+    list-style: none;
+    margin: 0;
+    padding: 2px;
+    -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
+    -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
+    box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
+    border-radius: 3px;
+    border: 1px solid silver;
+    background: white;
+    max-height: 20em;
+    overflow-y: auto;
+}
+
+.CodeMirror-hint {
+    margin: 0;
+    padding: 0 4px;
+    border-radius: 2px;
+    white-space: pre;
+    color: black;
+    cursor: pointer;
+}
+
+li.CodeMirror-hint-active {
+    background: #08f;
+    color: white;
 }

package.json

@@ -6,13 +6,62 @@ require("./codemirror/tablist");
 require("codemirror/addon/display/fullscreen.js");
 require("codemirror/mode/markdown/markdown.js");
 require("codemirror/addon/mode/overlay.js");
+require("codemirror/addon/hint/show-hint.js");
 require("codemirror/addon/display/placeholder.js");
 require("codemirror/addon/selection/mark-selection.js");
 require("codemirror/mode/gfm/gfm.js");
 require("codemirror/mode/xml/xml.js");
 var CodeMirrorSpellChecker = require("codemirror-spell-checker");
 var marked = require("marked");
 
+var currentEditorHelperHint;
+
+CodeMirror.defineOption("autoSuggest", [], function(cm, autoSuggestOptions, old) {
+	cm.on("inputRead", function(cm, change) {
+		var mode = cm.getModeAt(cm.getCursor());
+
+		if(mode.name === autoSuggestOptions.mode && autoSuggestOptions.startChars.indexOf(change.text[0]) != -1) {
+
+			currentEditorHelperHint = autoSuggestOptions;
+			currentEditorHelperHint.startChar = change.text[0];
+
+			cm.showHint({
+				completeSingle: false,
+				closeCharacters: /[\v()\[\]{};:>,]/,
+				hint: function(cm, options) {
+					var cur = cm.getCursor(),
+						token = cm.getTokenAt(cur);
+					var start = token.start + 1,
+						end = token.end;
+
+					var line = cm.getCursor().line,
+						ch = cm.getCursor().ch,
+						stringToMatch = currentEditorHelperHint.startChar,
+						n = stringToMatch.length,
+						lineToStarChar = cm.getLine(line).substring(0, token.start + 1),
+						charBeforeStarChar = lineToStarChar.substring(cm.getLine(line).lastIndexOf(currentEditorHelperHint.startChar) - 1, cm.getLine(line).lastIndexOf(currentEditorHelperHint.startChar)),
+						stringToTest = lineToStarChar.substring(cm.getLine(line).lastIndexOf(currentEditorHelperHint.startChar), token.start + 1);
+
+					if(charBeforeStarChar != ' ' && charBeforeStarChar != '') {
+						return false;
+					}
+
+					var listCallback = currentEditorHelperHint.listCallback(stringToTest);
+
+					if(listCallback.length == 0) {
+						return false;
+					}
+
+					return {
+						list: listCallback,
+						from: CodeMirror.Pos(cur.line, cm.getLine(line).lastIndexOf(currentEditorHelperHint.startChar)),
+						to: CodeMirror.Pos(cur.line, end)
+					};
+				}
+			});
+		}
+	});
+});
 
 // Some variables
 var isMac = /Mac/.test(navigator.platform);
@@ -1498,7 +1547,8 @@ SimpleMDE.prototype.render = function(el) {
 		lineWrapping: (options.lineWrapping === false) ? false : true,
 		allowDropFileTypes: ["text/plain"],
 		placeholder: options.placeholder || el.getAttribute("placeholder") || "",
-		styleSelectedText: (options.styleSelectedText != undefined) ? options.styleSelectedText : true
+		styleSelectedText: (options.styleSelectedText != undefined) ? options.styleSelectedText : true,
+		autoSuggest: (options.autoSuggest != undefined) ? options.autoSuggest : NULL
 	});
 
 	if(options.forceSync === true) {