You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
359 lines
9.2 KiB
JavaScript
359 lines
9.2 KiB
JavaScript
9 years ago
|
// CodeMirror, copyright (c) by Marijn Haverbeke and others
|
||
|
// Distributed under an MIT license: http://codemirror.net/LICENSE
|
||
|
|
||
|
/***
|
||
|
|''Name''|tiddlywiki.js|
|
||
|
|''Description''|Enables TiddlyWikiy syntax highlighting using CodeMirror|
|
||
|
|''Author''|PMario|
|
||
|
|''Version''|0.1.7|
|
||
|
|''Status''|''stable''|
|
||
|
|''Source''|[[GitHub|https://github.com/pmario/CodeMirror2/blob/tw-syntax/mode/tiddlywiki]]|
|
||
|
|''Documentation''|http://codemirror.tiddlyspace.com/|
|
||
|
|''License''|[[MIT License|http://www.opensource.org/licenses/mit-license.php]]|
|
||
|
|''CoreVersion''|2.5.0|
|
||
|
|''Requires''|codemirror.js|
|
||
|
|''Keywords''|syntax highlighting color code mirror codemirror|
|
||
|
! Info
|
||
|
CoreVersion parameter is needed for TiddlyWiki only!
|
||
|
***/
|
||
|
//{{{
|
||
|
|
||
|
(function(mod) {
|
||
|
if (typeof exports == "object" && typeof module == "object") // CommonJS
|
||
|
mod(require("../../lib/codemirror"));
|
||
|
else if (typeof define == "function" && define.amd) // AMD
|
||
|
define(["../../lib/codemirror"], mod);
|
||
|
else // Plain browser env
|
||
|
mod(CodeMirror);
|
||
|
})(function(CodeMirror) {
|
||
|
"use strict";
|
||
|
|
||
|
CodeMirror.defineMode("tiddlywiki", function () {
|
||
|
// Tokenizer
|
||
|
var textwords = {};
|
||
|
|
||
|
var keywords = function () {
|
||
|
function kw(type) {
|
||
|
return { type: type, style: "macro"};
|
||
|
}
|
||
|
return {
|
||
|
"allTags": kw('allTags'), "closeAll": kw('closeAll'), "list": kw('list'),
|
||
|
"newJournal": kw('newJournal'), "newTiddler": kw('newTiddler'),
|
||
|
"permaview": kw('permaview'), "saveChanges": kw('saveChanges'),
|
||
|
"search": kw('search'), "slider": kw('slider'), "tabs": kw('tabs'),
|
||
|
"tag": kw('tag'), "tagging": kw('tagging'), "tags": kw('tags'),
|
||
|
"tiddler": kw('tiddler'), "timeline": kw('timeline'),
|
||
|
"today": kw('today'), "version": kw('version'), "option": kw('option'),
|
||
|
|
||
|
"with": kw('with'),
|
||
|
"filter": kw('filter')
|
||
|
};
|
||
|
}();
|
||
|
|
||
|
var isSpaceName = /[\w_\-]/i,
|
||
|
reHR = /^\-\-\-\-+$/, // <hr>
|
||
|
reWikiCommentStart = /^\/\*\*\*$/, // /***
|
||
|
reWikiCommentStop = /^\*\*\*\/$/, // ***/
|
||
|
reBlockQuote = /^<<<$/,
|
||
|
|
||
|
reJsCodeStart = /^\/\/\{\{\{$/, // //{{{ js block start
|
||
|
reJsCodeStop = /^\/\/\}\}\}$/, // //}}} js stop
|
||
|
reXmlCodeStart = /^<!--\{\{\{-->$/, // xml block start
|
||
|
reXmlCodeStop = /^<!--\}\}\}-->$/, // xml stop
|
||
|
|
||
|
reCodeBlockStart = /^\{\{\{$/, // {{{ TW text div block start
|
||
|
reCodeBlockStop = /^\}\}\}$/, // }}} TW text stop
|
||
|
|
||
|
reUntilCodeStop = /.*?\}\}\}/;
|
||
|
|
||
|
function chain(stream, state, f) {
|
||
|
state.tokenize = f;
|
||
|
return f(stream, state);
|
||
|
}
|
||
|
|
||
|
function jsTokenBase(stream, state) {
|
||
|
var sol = stream.sol(), ch;
|
||
|
|
||
|
state.block = false; // indicates the start of a code block.
|
||
|
|
||
|
ch = stream.peek(); // don't eat, to make matching simpler
|
||
|
|
||
|
// check start of blocks
|
||
|
if (sol && /[<\/\*{}\-]/.test(ch)) {
|
||
|
if (stream.match(reCodeBlockStart)) {
|
||
|
state.block = true;
|
||
|
return chain(stream, state, twTokenCode);
|
||
|
}
|
||
|
if (stream.match(reBlockQuote)) {
|
||
|
return 'quote';
|
||
|
}
|
||
|
if (stream.match(reWikiCommentStart) || stream.match(reWikiCommentStop)) {
|
||
|
return 'comment';
|
||
|
}
|
||
|
if (stream.match(reJsCodeStart) || stream.match(reJsCodeStop) || stream.match(reXmlCodeStart) || stream.match(reXmlCodeStop)) {
|
||
|
return 'comment';
|
||
|
}
|
||
|
if (stream.match(reHR)) {
|
||
|
return 'hr';
|
||
|
}
|
||
|
} // sol
|
||
|
ch = stream.next();
|
||
|
|
||
|
if (sol && /[\/\*!#;:>|]/.test(ch)) {
|
||
|
if (ch == "!") { // tw header
|
||
|
stream.skipToEnd();
|
||
|
return "header";
|
||
|
}
|
||
|
if (ch == "*") { // tw list
|
||
|
stream.eatWhile('*');
|
||
|
return "comment";
|
||
|
}
|
||
|
if (ch == "#") { // tw numbered list
|
||
|
stream.eatWhile('#');
|
||
|
return "comment";
|
||
|
}
|
||
|
if (ch == ";") { // definition list, term
|
||
|
stream.eatWhile(';');
|
||
|
return "comment";
|
||
|
}
|
||
|
if (ch == ":") { // definition list, description
|
||
|
stream.eatWhile(':');
|
||
|
return "comment";
|
||
|
}
|
||
|
if (ch == ">") { // single line quote
|
||
|
stream.eatWhile(">");
|
||
|
return "quote";
|
||
|
}
|
||
|
if (ch == '|') {
|
||
|
return 'header';
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (ch == '{' && stream.match(/\{\{/)) {
|
||
|
return chain(stream, state, twTokenCode);
|
||
|
}
|
||
|
|
||
|
// rudimentary html:// file:// link matching. TW knows much more ...
|
||
|
if (/[hf]/i.test(ch)) {
|
||
|
if (/[ti]/i.test(stream.peek()) && stream.match(/\b(ttps?|tp|ile):\/\/[\-A-Z0-9+&@#\/%?=~_|$!:,.;]*[A-Z0-9+&@#\/%=~_|$]/i)) {
|
||
|
return "link";
|
||
|
}
|
||
|
}
|
||
|
// just a little string indicator, don't want to have the whole string covered
|
||
|
if (ch == '"') {
|
||
|
return 'string';
|
||
|
}
|
||
|
if (ch == '~') { // _no_ CamelCase indicator should be bold
|
||
|
return 'brace';
|
||
|
}
|
||
|
if (/[\[\]]/.test(ch)) { // check for [[..]]
|
||
|
if (stream.peek() == ch) {
|
||
|
stream.next();
|
||
|
return 'brace';
|
||
|
}
|
||
|
}
|
||
|
if (ch == "@") { // check for space link. TODO fix @@...@@ highlighting
|
||
|
stream.eatWhile(isSpaceName);
|
||
|
return "link";
|
||
|
}
|
||
|
if (/\d/.test(ch)) { // numbers
|
||
|
stream.eatWhile(/\d/);
|
||
|
return "number";
|
||
|
}
|
||
|
if (ch == "/") { // tw invisible comment
|
||
|
if (stream.eat("%")) {
|
||
|
return chain(stream, state, twTokenComment);
|
||
|
}
|
||
|
else if (stream.eat("/")) { //
|
||
|
return chain(stream, state, twTokenEm);
|
||
|
}
|
||
|
}
|
||
|
if (ch == "_") { // tw underline
|
||
|
if (stream.eat("_")) {
|
||
|
return chain(stream, state, twTokenUnderline);
|
||
|
}
|
||
|
}
|
||
|
// strikethrough and mdash handling
|
||
|
if (ch == "-") {
|
||
|
if (stream.eat("-")) {
|
||
|
// if strikethrough looks ugly, change CSS.
|
||
|
if (stream.peek() != ' ')
|
||
|
return chain(stream, state, twTokenStrike);
|
||
|
// mdash
|
||
|
if (stream.peek() == ' ')
|
||
|
return 'brace';
|
||
|
}
|
||
|
}
|
||
|
if (ch == "'") { // tw bold
|
||
|
if (stream.eat("'")) {
|
||
|
return chain(stream, state, twTokenStrong);
|
||
|
}
|
||
|
}
|
||
|
if (ch == "<") { // tw macro
|
||
|
if (stream.eat("<")) {
|
||
|
return chain(stream, state, twTokenMacro);
|
||
|
}
|
||
|
}
|
||
|
else {
|
||
|
return null;
|
||
|
}
|
||
|
|
||
|
// core macro handling
|
||
|
stream.eatWhile(/[\w\$_]/);
|
||
|
var word = stream.current(),
|
||
|
known = textwords.propertyIsEnumerable(word) && textwords[word];
|
||
|
|
||
|
return known ? known.style : null;
|
||
|
} // jsTokenBase()
|
||
|
|
||
|
// tw invisible comment
|
||
|
function twTokenComment(stream, state) {
|
||
|
var maybeEnd = false,
|
||
|
ch;
|
||
|
while (ch = stream.next()) {
|
||
|
if (ch == "/" && maybeEnd) {
|
||
|
state.tokenize = jsTokenBase;
|
||
|
break;
|
||
|
}
|
||
|
maybeEnd = (ch == "%");
|
||
|
}
|
||
|
return "comment";
|
||
|
}
|
||
|
|
||
|
// tw strong / bold
|
||
|
function twTokenStrong(stream, state) {
|
||
|
var maybeEnd = false,
|
||
|
ch;
|
||
|
while (ch = stream.next()) {
|
||
|
if (ch == "'" && maybeEnd) {
|
||
|
state.tokenize = jsTokenBase;
|
||
|
break;
|
||
|
}
|
||
|
maybeEnd = (ch == "'");
|
||
|
}
|
||
|
return "strong";
|
||
|
}
|
||
|
|
||
|
// tw code
|
||
|
function twTokenCode(stream, state) {
|
||
|
var sb = state.block;
|
||
|
|
||
|
if (sb && stream.current()) {
|
||
|
return "comment";
|
||
|
}
|
||
|
|
||
|
if (!sb && stream.match(reUntilCodeStop)) {
|
||
|
state.tokenize = jsTokenBase;
|
||
|
return "comment";
|
||
|
}
|
||
|
|
||
|
if (sb && stream.sol() && stream.match(reCodeBlockStop)) {
|
||
|
state.tokenize = jsTokenBase;
|
||
|
return "comment";
|
||
|
}
|
||
|
|
||
|
stream.next();
|
||
|
return "comment";
|
||
|
}
|
||
|
|
||
|
// tw em / italic
|
||
|
function twTokenEm(stream, state) {
|
||
|
var maybeEnd = false,
|
||
|
ch;
|
||
|
while (ch = stream.next()) {
|
||
|
if (ch == "/" && maybeEnd) {
|
||
|
state.tokenize = jsTokenBase;
|
||
|
break;
|
||
|
}
|
||
|
maybeEnd = (ch == "/");
|
||
|
}
|
||
|
return "em";
|
||
|
}
|
||
|
|
||
|
// tw underlined text
|
||
|
function twTokenUnderline(stream, state) {
|
||
|
var maybeEnd = false,
|
||
|
ch;
|
||
|
while (ch = stream.next()) {
|
||
|
if (ch == "_" && maybeEnd) {
|
||
|
state.tokenize = jsTokenBase;
|
||
|
break;
|
||
|
}
|
||
|
maybeEnd = (ch == "_");
|
||
|
}
|
||
|
return "underlined";
|
||
|
}
|
||
|
|
||
|
// tw strike through text looks ugly
|
||
|
// change CSS if needed
|
||
|
function twTokenStrike(stream, state) {
|
||
|
var maybeEnd = false, ch;
|
||
|
|
||
|
while (ch = stream.next()) {
|
||
|
if (ch == "-" && maybeEnd) {
|
||
|
state.tokenize = jsTokenBase;
|
||
|
break;
|
||
|
}
|
||
|
maybeEnd = (ch == "-");
|
||
|
}
|
||
|
return "strikethrough";
|
||
|
}
|
||
|
|
||
|
// macro
|
||
|
function twTokenMacro(stream, state) {
|
||
|
var ch, word, known;
|
||
|
|
||
|
if (stream.current() == '<<') {
|
||
|
return 'macro';
|
||
|
}
|
||
|
|
||
|
ch = stream.next();
|
||
|
if (!ch) {
|
||
|
state.tokenize = jsTokenBase;
|
||
|
return null;
|
||
|
}
|
||
|
if (ch == ">") {
|
||
|
if (stream.peek() == '>') {
|
||
|
stream.next();
|
||
|
state.tokenize = jsTokenBase;
|
||
|
return "macro";
|
||
|
}
|
||
|
}
|
||
|
|
||
|
stream.eatWhile(/[\w\$_]/);
|
||
|
word = stream.current();
|
||
|
known = keywords.propertyIsEnumerable(word) && keywords[word];
|
||
|
|
||
|
if (known) {
|
||
|
return known.style, word;
|
||
|
}
|
||
|
else {
|
||
|
return null, word;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// Interface
|
||
|
return {
|
||
|
startState: function () {
|
||
|
return {
|
||
|
tokenize: jsTokenBase,
|
||
|
indented: 0,
|
||
|
level: 0
|
||
|
};
|
||
|
},
|
||
|
|
||
|
token: function (stream, state) {
|
||
|
if (stream.eatSpace()) return null;
|
||
|
var style = state.tokenize(stream, state);
|
||
|
return style;
|
||
|
},
|
||
|
|
||
|
electricChars: ""
|
||
|
};
|
||
|
});
|
||
|
|
||
|
CodeMirror.defineMIME("text/x-tiddlywiki", "tiddlywiki");
|
||
|
});
|
||
|
|
||
|
//}}}
|