tiny-markdown-editor 0.1.9 → 0.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +75 -58
- package/dist/tiny-mde.js +3 -1
- package/globals.d.ts +172 -0
- package/lib/TinyMDE.js +58 -62
- package/lib/TinyMDECommandBar.js +14 -21
- package/lib/grammar.js +9 -16
- package/lib/index.js +3 -20
- package/lib/svg/svg.js +1 -7
- package/lib/tiny.js +2 -13
- package/package.json +6 -3
package/lib/grammar.js
CHANGED
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.htmlBlockGrammar = exports.commands = void 0;
|
|
7
|
-
exports.htmlescape = htmlescape;
|
|
8
|
-
exports.punctuationTrailing = exports.punctuationLeading = exports.lineGrammar = exports.inlineGrammar = void 0;
|
|
9
|
-
require("core-js/modules/es.regexp.flags.js");
|
|
1
|
+
import "core-js/modules/es.regexp.flags.js";
|
|
10
2
|
// const replacements = {
|
|
11
3
|
// ASCIIPunctuation: '!"#$%&\'()*+,\\-./:;<=>?@\\[\\]^_`{|}~',
|
|
12
4
|
// TriggerChars: '`_\*\[\]\(\)',
|
|
@@ -33,15 +25,15 @@ const replacements = {
|
|
|
33
25
|
};
|
|
34
26
|
|
|
35
27
|
// From CommonMark.js.
|
|
36
|
-
const punctuationLeading =
|
|
37
|
-
const punctuationTrailing =
|
|
28
|
+
const punctuationLeading = new RegExp(/^(?:[!"#$%&'()*+,\-./:;<=>?@[\]\\^_`{|}~\xA1\xA7\xAB\xB6\xB7\xBB\xBF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u0AF0\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E42\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]|\uD800[\uDD00-\uDD02\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC9\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDF3C-\uDF3E]|\uD809[\uDC70-\uDC74]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3B\uDF44]|\uD82F\uDC9F|\uD836[\uDE87-\uDE8B])/);
|
|
29
|
+
const punctuationTrailing = new RegExp(/(?:[!"#$%&'()*+,\-./:;<=>?@[\]\\^_`{|}~\xA1\xA7\xAB\xB6\xB7\xBB\xBF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u0AF0\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E42\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]|\uD800[\uDD00-\uDD02\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC9\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDF3C-\uDF3E]|\uD809[\uDC70-\uDC74]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3B\uDF44]|\uD82F\uDC9F|\uD836[\uDE87-\uDE8B])$/);
|
|
38
30
|
|
|
39
31
|
// export const inlineTriggerChars = new RegExp(`[${replacements.TriggerChars}]`);
|
|
40
32
|
|
|
41
33
|
/**
|
|
42
34
|
* This is CommonMark's block grammar, but we're ignoring nested blocks here.
|
|
43
35
|
*/
|
|
44
|
-
const lineGrammar =
|
|
36
|
+
const lineGrammar = {
|
|
45
37
|
TMH1: {
|
|
46
38
|
regexp: /^( {0,3}#\s)(.*?)((?:\s+#+\s*)?)$/,
|
|
47
39
|
replacement: '<span class="TMMark TMMark_TMH1">$1</span>$$2<span class="TMMark TMMark_TMH1">$3</span>'
|
|
@@ -126,7 +118,7 @@ const lineGrammar = exports.lineGrammar = {
|
|
|
126
118
|
/**
|
|
127
119
|
* HTML blocks have multiple different classes of opener and closer. This array defines all the cases
|
|
128
120
|
*/
|
|
129
|
-
var htmlBlockGrammar =
|
|
121
|
+
var htmlBlockGrammar = [{
|
|
130
122
|
start: /^ {0,3}<(?:script|pre|style)(?:\s|>|$)/i,
|
|
131
123
|
end: /(?:<\/script>|<\/pre>|<\/style>)/i,
|
|
132
124
|
paraInterrupt: true
|
|
@@ -161,7 +153,7 @@ var htmlBlockGrammar = exports.htmlBlockGrammar = [{
|
|
|
161
153
|
* Top level entries are rules, each consisting of a regular expressions (in string format) as well as a replacement.
|
|
162
154
|
* In the regular expressions, replacements from the object 'replacements' will be processed before compiling into the property regexp.
|
|
163
155
|
*/
|
|
164
|
-
var inlineGrammar =
|
|
156
|
+
var inlineGrammar = {
|
|
165
157
|
escape: {
|
|
166
158
|
regexp: /^\\(ASCIIPunctuation)/,
|
|
167
159
|
replacement: '<span class="TMMark TMMark_TMEscape">\\</span>$1'
|
|
@@ -245,7 +237,7 @@ function htmlescape(string) {
|
|
|
245
237
|
* be inserted before and after the selection. The unset object contains a prePattern and a postPattern. Both should be regular expressions and
|
|
246
238
|
* they will be applied to the portion of the line before and after the selection (using String.replace, with an empty replacement string).
|
|
247
239
|
*/
|
|
248
|
-
const commands =
|
|
240
|
+
const commands = {
|
|
249
241
|
// Replacements for unset for inline commands are '' by default
|
|
250
242
|
bold: {
|
|
251
243
|
type: 'inline',
|
|
@@ -404,4 +396,5 @@ const commands = exports.commands = {
|
|
|
404
396
|
replacement: '$2'
|
|
405
397
|
}
|
|
406
398
|
}
|
|
407
|
-
};
|
|
399
|
+
};
|
|
400
|
+
export { lineGrammar, inlineGrammar, punctuationLeading, punctuationTrailing, htmlescape, htmlBlockGrammar, commands };
|
package/lib/index.js
CHANGED
|
@@ -1,20 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "CommandBar", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _TinyMDECommandBar.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "Editor", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _TinyMDE.default;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
var _TinyMDECommandBar = _interopRequireDefault(require("./TinyMDECommandBar"));
|
|
19
|
-
var _TinyMDE = _interopRequireDefault(require("./TinyMDE"));
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import CommandBar from "./TinyMDECommandBar";
|
|
2
|
+
import Editor from "./TinyMDE";
|
|
3
|
+
export { Editor, CommandBar };
|
package/lib/svg/svg.js
CHANGED
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
1
|
const svg = {
|
|
8
2
|
blockquote: `<svg height="18" width="18"><rect width="5" height="5" x="3" y="4" ry="1"/><rect ry="1" y="4" x="10" height="5" width="5"/><path d="M8 6.999v3c0 1-1 3-1 3s-.331 1-1.331 1h-1c-1 0-.669-1-.669-1s1-2 1-3v-3zm7 0v3c0 1-1 3-1 3s-.331 1-1.331 1h-1c-1 0-.669-1-.669-1s1-2 1-3v-3z"/></svg>`,
|
|
9
3
|
bold: `<svg height="18" width="18"><path d="M4 2a1 1 0 00-1 1v12a1 1 0 001 1h6c4 0 5-2 5-4 0-1.322-.434-2.636-1.885-3.381C13.772 7.885 14 6.945 14 6c0-2-1-4-5-4zm1 2h4c1.668 0 2.32.393 2.6.672.28.279.4.662.4 1.328s-.12 1.057-.4 1.338c-.275.274-1.014.646-2.6.662H5zm5 6c1.666.005 2.318.388 2.596.666.277.278.404.667.404 1.334s-.127 1.06-.404 1.338c-.278.278-.93.66-2.596.662l-4.992.004L5 10z"/></svg>`,
|
|
@@ -19,4 +13,4 @@ const svg = {
|
|
|
19
13
|
strikethrough: `<svg width="18" height="18"><path d="M10 2C6 2 4 4 4 6c0 .338.08.672.193 1h2.34C6.113 6.629 6 6.295 6 6c0-.334.117-.725.691-1.154C7.265 4.416 8.331 4 10 4h3a1 1 0 000-2zm1.477 9c.413.368.523.706.523 1 0 .334-.127.712-.701 1.143-.575.43-1.632.85-3.299.857l-1.006.007V14H5a1 1 0 000 2h3c4 0 6-2 6-4 0-.338-.081-.672-.195-1z"/><rect ry="1" y="8" x="1" height="2" width="16"/></svg>`,
|
|
20
14
|
ul: `<svg height="18" width="18"><circle cx="2" cy="9" r="2"/><circle cy="4" cx="2" r="2"/><rect y="3" x="6" height="2" width="12" ry="1"/><circle cx="2" cy="14" r="2"/><rect ry="1" width="12" height="2" x="6" y="8"/><rect y="13" x="6" height="2" width="12" ry="1"/></svg>`
|
|
21
15
|
};
|
|
22
|
-
|
|
16
|
+
export default svg;
|
package/lib/tiny.js
CHANGED
|
@@ -1,13 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "Editor", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _TinyMDE.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _TinyMDE = _interopRequireDefault(require("./TinyMDE"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import Editor from "./TinyMDE";
|
|
2
|
+
export { Editor };
|
package/package.json
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tiny-markdown-editor",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.10",
|
|
4
4
|
"description": "TinyMDE: A tiny, ultra low dependency, embeddable HTML/JavaScript Markdown editor.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist/*",
|
|
8
|
-
"lib/*"
|
|
8
|
+
"lib/*",
|
|
9
|
+
"globals.d.ts"
|
|
9
10
|
],
|
|
11
|
+
"types": "globals.d.ts",
|
|
10
12
|
"keywords": [
|
|
11
13
|
"embeddable",
|
|
12
14
|
"markdown",
|
|
@@ -29,6 +31,7 @@
|
|
|
29
31
|
"bugs": {
|
|
30
32
|
"url": "https://github.com/jefago/tiny-markdown-editor/issues"
|
|
31
33
|
},
|
|
34
|
+
"type": "commonjs",
|
|
32
35
|
"homepage": "https://github.com/jefago/tiny-markdown-editor#readme",
|
|
33
36
|
"browserslist": "> 0.25%, not dead",
|
|
34
37
|
"dependencies": {
|
|
@@ -56,7 +59,7 @@
|
|
|
56
59
|
"gulp-terser": "^2.1.0",
|
|
57
60
|
"jest": "^29.2.2",
|
|
58
61
|
"jest-cli": "^29.2.2",
|
|
59
|
-
"jest-puppeteer": "^
|
|
62
|
+
"jest-puppeteer": "^9.0.2",
|
|
60
63
|
"postcss-import": "^15.0.0",
|
|
61
64
|
"puppeteer": "^19.2.2",
|
|
62
65
|
"rollup": "^2.79.1",
|