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 <[email protected]>"
  ],
-"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 autosavingand 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:2px3px5pxrgba(0,0,0,.2);
+-moz-box-shadow:2px3px5pxrgba(0,0,0,.2);
+box-shadow:2px3px5pxrgba(0,0,0,.2);
+border-radius:3px;
+border:1px solid silver;
+background: white;
+max-height:20em;
+overflow-y: auto;
+}
+
+.CodeMirror-hint{
+margin:0;
+padding:04px;
+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");
 varCodeMirrorSpellChecker=require("codemirror-spell-checker");
 varmarked=require("marked");
 
+varcurrentEditorHelperHint;
+
+CodeMirror.defineOption("autoSuggest",[],function(cm,autoSuggestOptions,old){
+cm.on("inputRead",function(cm,change){
+varmode=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){
+varcur=cm.getCursor(),
+token=cm.getTokenAt(cur);
+varstart=token.start+1,
+end=token.end;
+
+varline=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!=''){
+returnfalse;
+}
+
+varlistCallback=currentEditorHelperHint.listCallback(stringToTest);
+
+if(listCallback.length==0){
+returnfalse;
+}
+
+return{
+list: listCallback,
+from: CodeMirror.Pos(cur.line,cm.getLine(line).lastIndexOf(currentEditorHelperHint.startChar)),
+to: CodeMirror.Pos(cur.line,end)
+};
+}
+});
+}
+});
+});
 
 // Some variables
 varisMac=/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){