ngx-codemirror
Version:
Codemirror directive for Angular (4.0+)
240 lines (239 loc) • 9.22 kB
JavaScript
import { Directive, ElementRef, EventEmitter, Input, NgModule, Output } from '@angular/core';
import { CommonModule } from '@angular/common';
import { fromTextArea } from 'codemirror/index';
var CodeMirrorDirective = /** @class */ (function () {
/**
* @param {?} element
*/
function CodeMirrorDirective(element) {
this.element = element;
this.config = {
lineNumbers: true,
mode: 'javascript'
};
this.onChange = new EventEmitter();
}
/**
* @return {?}
*/
CodeMirrorDirective.prototype.ngOnInit = function () {
var _this = this;
this.editorRef = fromTextArea(this.element.nativeElement, this.config);
this.editorRef.setValue(this.content);
this.editorRef.on('change', function (cm, event) { return _this.onChange.emit({ editorInstance: cm, changes: event }); });
};
/**
* @param {?} changes
* @return {?}
*/
CodeMirrorDirective.prototype.ngOnChanges = function (changes) {
var _this = this;
console.log(changes);
if (this.editorRef) {
if (changes.content) {
this.editorRef.setValue(this.content);
}
if (changes.config) {
Object.keys(this.config).map(function (k) { return _this.editorRef.setOption(k, _this.config[k]); });
}
}
};
/**
* @return {?}
*/
CodeMirrorDirective.prototype.getContent = function () {
return this.editorRef.getValue();
};
/**
* @param {?} key
* @param {?} value
* @return {?}
*/
CodeMirrorDirective.prototype.setOption = function (key, value) {
this.editorRef.setOption(key, value);
};
return CodeMirrorDirective;
}());
CodeMirrorDirective.decorators = [
{ type: Directive, args: [{
selector: '[codemirror]'
},] },
];
/**
* @nocollapse
*/
CodeMirrorDirective.ctorParameters = function () { return [
{ type: ElementRef, },
]; };
CodeMirrorDirective.propDecorators = {
'content': [{ type: Input },],
'config': [{ type: Input },],
'onChange': [{ type: Output },],
};
// CodeMirror, copyright (c) by Marijn Haverbeke and others
// Distributed under an MIT license: http://codemirror.net/LICENSE
(function (mod) {
if (typeof exports == "object" && typeof module == "object")
mod(require("../../lib/codemirror"), require("../xml/xml"), require("../javascript/javascript"), require("../css/css"));
else if (typeof define == "function" && define.amd)
define(["../../lib/codemirror", "../xml/xml", "../javascript/javascript", "../css/css"], mod);
else
mod(CodeMirror);
})(function (CodeMirror) {
"use strict";
var defaultTags = {
script: [
["lang", /(javascript|babel)/i, "javascript"],
["type", /^(?:text|application)\/(?:x-)?(?:java|ecma)script$|^module$|^$/i, "javascript"],
["type", /./, "text/plain"],
[null, null, "javascript"]
],
style: [
["lang", /^css$/i, "css"],
["type", /^(text\/)?(x-)?(stylesheet|css)$/i, "css"],
["type", /./, "text/plain"],
[null, null, "css"]
]
};
function maybeBackup(stream, pat, style) {
var cur = stream.current(), close = cur.search(pat);
if (close > -1) {
stream.backUp(cur.length - close);
}
else if (cur.match(/<\/?$/)) {
stream.backUp(cur.length);
if (!stream.match(pat, false))
stream.match(cur);
}
return style;
}
var attrRegexpCache = {};
function getAttrRegexp(attr) {
var regexp = attrRegexpCache[attr];
if (regexp)
return regexp;
return attrRegexpCache[attr] = new RegExp("\\s+" + attr + "\\s*=\\s*('|\")?([^'\"]+)('|\")?\\s*");
}
function getAttrValue(text, attr) {
var match = text.match(getAttrRegexp(attr));
return match ? /^\s*(.*?)\s*$/.exec(match[2])[1] : "";
}
function getTagRegexp(tagName, anchored) {
return new RegExp((anchored ? "^" : "") + "<\/\s*" + tagName + "\s*>", "i");
}
function addTags(from, to) {
for (var tag in from) {
var dest = to[tag] || (to[tag] = []);
var source = from[tag];
for (var i = source.length - 1; i >= 0; i--)
dest.unshift(source[i]);
}
}
function findMatchingMode(tagInfo, tagText) {
for (var i = 0; i < tagInfo.length; i++) {
var spec = tagInfo[i];
if (!spec[0] || spec[1].test(getAttrValue(tagText, spec[0])))
return spec[2];
}
}
CodeMirror.defineMode("htmlmixed", function (config, parserConfig) {
var htmlMode = CodeMirror.getMode(config, {
name: "xml",
htmlMode: true,
multilineTagIndentFactor: parserConfig.multilineTagIndentFactor,
multilineTagIndentPastTag: parserConfig.multilineTagIndentPastTag
});
var tags = {};
var configTags = parserConfig && parserConfig.tags, configScript = parserConfig && parserConfig.scriptTypes;
addTags(defaultTags, tags);
if (configTags)
addTags(configTags, tags);
if (configScript)
for (var i = configScript.length - 1; i >= 0; i--)
tags.script.unshift(["type", configScript[i].matches, configScript[i].mode]);
function html(stream, state) {
var style = htmlMode.token(stream, state.htmlState), tag = /\btag\b/.test(style), tagName;
if (tag && !/[<>\s\/]/.test(stream.current()) &&
(tagName = state.htmlState.tagName && state.htmlState.tagName.toLowerCase()) &&
tags.hasOwnProperty(tagName)) {
state.inTag = tagName + " ";
}
else if (state.inTag && tag && />$/.test(stream.current())) {
var inTag = /^([\S]+) (.*)/.exec(state.inTag);
state.inTag = null;
var modeSpec = stream.current() == ">" && findMatchingMode(tags[inTag[1]], inTag[2]);
var mode = CodeMirror.getMode(config, modeSpec);
var endTagA = getTagRegexp(inTag[1], true), endTag = getTagRegexp(inTag[1], false);
state.token = function (stream, state) {
if (stream.match(endTagA, false)) {
state.token = html;
state.localState = state.localMode = null;
return null;
}
return maybeBackup(stream, endTag, state.localMode.token(stream, state.localState));
};
state.localMode = mode;
state.localState = CodeMirror.startState(mode, htmlMode.indent(state.htmlState, ""));
}
else if (state.inTag) {
state.inTag += stream.current();
if (stream.eol())
state.inTag += " ";
}
return style;
}
return {
startState: function () {
var state = CodeMirror.startState(htmlMode);
return { token: html, inTag: null, localMode: null, localState: null, htmlState: state };
},
copyState: function (state) {
var local;
if (state.localState) {
local = CodeMirror.copyState(state.localMode, state.localState);
}
return { token: state.token, inTag: state.inTag,
localMode: state.localMode, localState: local,
htmlState: CodeMirror.copyState(htmlMode, state.htmlState) };
},
token: function (stream, state) {
return state.token(stream, state);
},
indent: function (state, textAfter, line) {
if (!state.localMode || /^\s*<\//.test(textAfter))
return htmlMode.indent(state.htmlState, textAfter);
else if (state.localMode.indent)
return state.localMode.indent(state.localState, textAfter, line);
else
return CodeMirror.Pass;
},
innerMode: function (state) {
return { state: state.localState || state.htmlState, mode: state.localMode || htmlMode };
}
};
}, "xml", "javascript", "css");
CodeMirror.defineMIME("text/html", "htmlmixed");
});
var CodeMirrorModule = /** @class */ (function () {
function CodeMirrorModule() {
}
return CodeMirrorModule;
}());
CodeMirrorModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule
],
declarations: [CodeMirrorDirective],
exports: [CodeMirrorDirective]
},] },
];
/**
* @nocollapse
*/
CodeMirrorModule.ctorParameters = function () { return []; };
/**
* Generated bundle index. Do not edit.
*/
export { CodeMirrorModule, CodeMirrorDirective as ɵa };
//# sourceMappingURL=ngx-codemirror.es5.js.map