plugin.js 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727
  1. /**
  2. * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3. * Licensed under the LGPL or a commercial license.
  4. * For LGPL see License.txt in the project root for license information.
  5. * For commercial licenses see https://www.tiny.cloud/
  6. *
  7. * Version: 5.0.1 (2019-02-21)
  8. */
  9. (function () {
  10. var emoticons = (function () {
  11. 'use strict';
  12. var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
  13. var noop = function () {
  14. var args = [];
  15. for (var _i = 0; _i < arguments.length; _i++) {
  16. args[_i] = arguments[_i];
  17. }
  18. };
  19. var constant = function (value) {
  20. return function () {
  21. return value;
  22. };
  23. };
  24. var identity = function (x) {
  25. return x;
  26. };
  27. var die = function (msg) {
  28. return function () {
  29. throw new Error(msg);
  30. };
  31. };
  32. var never = constant(false);
  33. var always = constant(true);
  34. var never$1 = never;
  35. var always$1 = always;
  36. var none = function () {
  37. return NONE;
  38. };
  39. var NONE = function () {
  40. var eq = function (o) {
  41. return o.isNone();
  42. };
  43. var call = function (thunk) {
  44. return thunk();
  45. };
  46. var id = function (n) {
  47. return n;
  48. };
  49. var noop = function () {
  50. };
  51. var nul = function () {
  52. return null;
  53. };
  54. var undef = function () {
  55. return undefined;
  56. };
  57. var me = {
  58. fold: function (n, s) {
  59. return n();
  60. },
  61. is: never$1,
  62. isSome: never$1,
  63. isNone: always$1,
  64. getOr: id,
  65. getOrThunk: call,
  66. getOrDie: function (msg) {
  67. throw new Error(msg || 'error: getOrDie called on none.');
  68. },
  69. getOrNull: nul,
  70. getOrUndefined: undef,
  71. or: id,
  72. orThunk: call,
  73. map: none,
  74. ap: none,
  75. each: noop,
  76. bind: none,
  77. flatten: none,
  78. exists: never$1,
  79. forall: always$1,
  80. filter: none,
  81. equals: eq,
  82. equals_: eq,
  83. toArray: function () {
  84. return [];
  85. },
  86. toString: constant('none()')
  87. };
  88. if (Object.freeze)
  89. Object.freeze(me);
  90. return me;
  91. }();
  92. var some = function (a) {
  93. var constant_a = function () {
  94. return a;
  95. };
  96. var self = function () {
  97. return me;
  98. };
  99. var map = function (f) {
  100. return some(f(a));
  101. };
  102. var bind = function (f) {
  103. return f(a);
  104. };
  105. var me = {
  106. fold: function (n, s) {
  107. return s(a);
  108. },
  109. is: function (v) {
  110. return a === v;
  111. },
  112. isSome: always$1,
  113. isNone: never$1,
  114. getOr: constant_a,
  115. getOrThunk: constant_a,
  116. getOrDie: constant_a,
  117. getOrNull: constant_a,
  118. getOrUndefined: constant_a,
  119. or: self,
  120. orThunk: self,
  121. map: map,
  122. ap: function (optfab) {
  123. return optfab.fold(none, function (fab) {
  124. return some(fab(a));
  125. });
  126. },
  127. each: function (f) {
  128. f(a);
  129. },
  130. bind: bind,
  131. flatten: constant_a,
  132. exists: bind,
  133. forall: bind,
  134. filter: function (f) {
  135. return f(a) ? me : NONE;
  136. },
  137. equals: function (o) {
  138. return o.is(a);
  139. },
  140. equals_: function (o, elementEq) {
  141. return o.fold(never$1, function (b) {
  142. return elementEq(a, b);
  143. });
  144. },
  145. toArray: function () {
  146. return [a];
  147. },
  148. toString: function () {
  149. return 'some(' + a + ')';
  150. }
  151. };
  152. return me;
  153. };
  154. var from = function (value) {
  155. return value === null || value === undefined ? NONE : some(value);
  156. };
  157. var Option = {
  158. some: some,
  159. none: none,
  160. from: from
  161. };
  162. var typeOf = function (x) {
  163. if (x === null)
  164. return 'null';
  165. var t = typeof x;
  166. if (t === 'object' && Array.prototype.isPrototypeOf(x))
  167. return 'array';
  168. if (t === 'object' && String.prototype.isPrototypeOf(x))
  169. return 'string';
  170. return t;
  171. };
  172. var isType = function (type) {
  173. return function (value) {
  174. return typeOf(value) === type;
  175. };
  176. };
  177. var isFunction = isType('function');
  178. var exists = function (xs, pred) {
  179. return findIndex(xs, pred).isSome();
  180. };
  181. var map = function (xs, f) {
  182. var len = xs.length;
  183. var r = new Array(len);
  184. for (var i = 0; i < len; i++) {
  185. var x = xs[i];
  186. r[i] = f(x, i, xs);
  187. }
  188. return r;
  189. };
  190. var findIndex = function (xs, pred) {
  191. for (var i = 0, len = xs.length; i < len; i++) {
  192. var x = xs[i];
  193. if (pred(x, i, xs)) {
  194. return Option.some(i);
  195. }
  196. }
  197. return Option.none();
  198. };
  199. var slice = Array.prototype.slice;
  200. var from$1 = isFunction(Array.from) ? Array.from : function (x) {
  201. return slice.call(x);
  202. };
  203. var contains = function (str, substr) {
  204. return str.indexOf(substr) !== -1;
  205. };
  206. var emojiMatches = function (emoji, lowerCasePattern) {
  207. return contains(emoji.title.toLowerCase(), lowerCasePattern) || exists(emoji.keywords, function (k) {
  208. return contains(k.toLowerCase(), lowerCasePattern);
  209. });
  210. };
  211. var emojisFrom = function (list, pattern, maxResults) {
  212. var matches = [];
  213. var lowerCasePattern = pattern.toLowerCase();
  214. var reachedLimit = maxResults.fold(function () {
  215. return never;
  216. }, function (max) {
  217. return function (size) {
  218. return size >= max;
  219. };
  220. });
  221. for (var i = 0; i < list.length; i++) {
  222. if (pattern.length === 0 || emojiMatches(list[i], lowerCasePattern)) {
  223. matches.push({
  224. value: list[i].char,
  225. text: list[i].title,
  226. icon: list[i].char
  227. });
  228. if (reachedLimit(matches.length)) {
  229. break;
  230. }
  231. }
  232. }
  233. return matches;
  234. };
  235. var init = function (editor, database) {
  236. editor.ui.registry.addAutocompleter('emoticons', {
  237. ch: ':',
  238. columns: 'auto',
  239. minChars: 2,
  240. fetch: function (pattern, maxResults) {
  241. return database.waitForLoad().then(function () {
  242. var candidates = database.listAll();
  243. return emojisFrom(candidates, pattern, Option.some(maxResults));
  244. });
  245. },
  246. onAction: function (autocompleteApi, rng, value) {
  247. editor.selection.setRng(rng);
  248. editor.insertContent(value);
  249. autocompleteApi.hide();
  250. }
  251. });
  252. };
  253. var Cell = function (initial) {
  254. var value = initial;
  255. var get = function () {
  256. return value;
  257. };
  258. var set = function (v) {
  259. value = v;
  260. };
  261. var clone = function () {
  262. return Cell(get());
  263. };
  264. return {
  265. get: get,
  266. set: set,
  267. clone: clone
  268. };
  269. };
  270. var last = function (fn, rate) {
  271. var timer = null;
  272. var cancel = function () {
  273. if (timer !== null) {
  274. clearTimeout(timer);
  275. timer = null;
  276. }
  277. };
  278. var throttle = function () {
  279. var args = [];
  280. for (var _i = 0; _i < arguments.length; _i++) {
  281. args[_i] = arguments[_i];
  282. }
  283. if (timer !== null)
  284. clearTimeout(timer);
  285. timer = setTimeout(function () {
  286. fn.apply(null, args);
  287. timer = null;
  288. }, rate);
  289. };
  290. return {
  291. cancel: cancel,
  292. throttle: throttle
  293. };
  294. };
  295. var Global = typeof window !== 'undefined' ? window : Function('return this;')();
  296. var keys = Object.keys;
  297. var hasOwnProperty = Object.hasOwnProperty;
  298. var each = function (obj, f) {
  299. var props = keys(obj);
  300. for (var k = 0, len = props.length; k < len; k++) {
  301. var i = props[k];
  302. var x = obj[i];
  303. f(x, i, obj);
  304. }
  305. };
  306. var map$1 = function (obj, f) {
  307. return tupleMap(obj, function (x, i, obj) {
  308. return {
  309. k: i,
  310. v: f(x, i, obj)
  311. };
  312. });
  313. };
  314. var tupleMap = function (obj, f) {
  315. var r = {};
  316. each(obj, function (x, i) {
  317. var tuple = f(x, i, obj);
  318. r[tuple.k] = tuple.v;
  319. });
  320. return r;
  321. };
  322. var has = function (obj, key) {
  323. return hasOwnProperty.call(obj, key);
  324. };
  325. var value = function (o) {
  326. var is = function (v) {
  327. return o === v;
  328. };
  329. var or = function (opt) {
  330. return value(o);
  331. };
  332. var orThunk = function (f) {
  333. return value(o);
  334. };
  335. var map = function (f) {
  336. return value(f(o));
  337. };
  338. var mapError = function (f) {
  339. return value(o);
  340. };
  341. var each = function (f) {
  342. f(o);
  343. };
  344. var bind = function (f) {
  345. return f(o);
  346. };
  347. var fold = function (_, onValue) {
  348. return onValue(o);
  349. };
  350. var exists = function (f) {
  351. return f(o);
  352. };
  353. var forall = function (f) {
  354. return f(o);
  355. };
  356. var toOption = function () {
  357. return Option.some(o);
  358. };
  359. return {
  360. is: is,
  361. isValue: always,
  362. isError: never,
  363. getOr: constant(o),
  364. getOrThunk: constant(o),
  365. getOrDie: constant(o),
  366. or: or,
  367. orThunk: orThunk,
  368. fold: fold,
  369. map: map,
  370. mapError: mapError,
  371. each: each,
  372. bind: bind,
  373. exists: exists,
  374. forall: forall,
  375. toOption: toOption
  376. };
  377. };
  378. var error = function (message) {
  379. var getOrThunk = function (f) {
  380. return f();
  381. };
  382. var getOrDie = function () {
  383. return die(String(message))();
  384. };
  385. var or = function (opt) {
  386. return opt;
  387. };
  388. var orThunk = function (f) {
  389. return f();
  390. };
  391. var map = function (f) {
  392. return error(message);
  393. };
  394. var mapError = function (f) {
  395. return error(f(message));
  396. };
  397. var bind = function (f) {
  398. return error(message);
  399. };
  400. var fold = function (onError, _) {
  401. return onError(message);
  402. };
  403. return {
  404. is: never,
  405. isValue: never,
  406. isError: always,
  407. getOr: identity,
  408. getOrThunk: getOrThunk,
  409. getOrDie: getOrDie,
  410. or: or,
  411. orThunk: orThunk,
  412. fold: fold,
  413. map: map,
  414. mapError: mapError,
  415. each: noop,
  416. bind: bind,
  417. exists: never,
  418. forall: always,
  419. toOption: Option.none
  420. };
  421. };
  422. var Result = {
  423. value: value,
  424. error: error
  425. };
  426. var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
  427. var shallow = function (old, nu) {
  428. return nu;
  429. };
  430. var baseMerge = function (merger) {
  431. return function () {
  432. var objects = new Array(arguments.length);
  433. for (var i = 0; i < objects.length; i++)
  434. objects[i] = arguments[i];
  435. if (objects.length === 0)
  436. throw new Error('Can\'t merge zero objects');
  437. var ret = {};
  438. for (var j = 0; j < objects.length; j++) {
  439. var curObject = objects[j];
  440. for (var key in curObject)
  441. if (hasOwnProperty$1.call(curObject, key)) {
  442. ret[key] = merger(ret[key], curObject[key]);
  443. }
  444. }
  445. return ret;
  446. };
  447. };
  448. var merge = baseMerge(shallow);
  449. var global$1 = tinymce.util.Tools.resolve('tinymce.dom.ScriptLoader');
  450. var global$2 = tinymce.util.Tools.resolve('tinymce.util.Promise');
  451. var getEmoticonDatabaseUrl = function (editor, pluginUrl) {
  452. return editor.getParam('emoticons_database_url', pluginUrl + '/js/emojis' + editor.suffix + '.js');
  453. };
  454. var getAppendedEmoticons = function (editor) {
  455. return editor.getParam('emoticons_append', {}, 'object');
  456. };
  457. var Settings = {
  458. getEmoticonDatabaseUrl: getEmoticonDatabaseUrl,
  459. getAppendedEmoticons: getAppendedEmoticons
  460. };
  461. var ALL_CATEGORY = 'All';
  462. var categoryNameMap = {
  463. symbols: 'Symbols',
  464. people: 'People',
  465. animals_and_nature: 'Animals and Nature',
  466. food_and_drink: 'Food and Drink',
  467. activity: 'Activity',
  468. travel_and_places: 'Travel and Places',
  469. objects: 'Objects',
  470. flags: 'Flags',
  471. user: 'User Defined'
  472. };
  473. var GLOBAL_NAME = 'emoticons_plugin_database';
  474. var extractGlobal = function (url) {
  475. if (Global.tinymce[GLOBAL_NAME]) {
  476. var result = Result.value(Global.tinymce[GLOBAL_NAME]);
  477. delete Global.tinymce[GLOBAL_NAME];
  478. return result;
  479. } else {
  480. return Result.error('URL ' + url + ' did not contain the expected format for emoticons');
  481. }
  482. };
  483. var translateCategory = function (categories, name) {
  484. return has(categories, name) ? categories[name] : name;
  485. };
  486. var getUserDefinedEmoticons = function (editor) {
  487. var userDefinedEmoticons = Settings.getAppendedEmoticons(editor);
  488. return map$1(userDefinedEmoticons, function (value) {
  489. return merge({
  490. keywords: [],
  491. category: 'user'
  492. }, value);
  493. });
  494. };
  495. var initDatabase = function (editor, databaseUrl) {
  496. var categories = Cell(Option.none());
  497. var all = Cell(Option.none());
  498. var processEmojis = function (emojis) {
  499. var cats = {};
  500. var everything = [];
  501. each(emojis, function (lib, title) {
  502. var entry = {
  503. title: title,
  504. keywords: lib.keywords,
  505. char: lib.char,
  506. category: translateCategory(categoryNameMap, lib.category)
  507. };
  508. var current = cats[entry.category] !== undefined ? cats[entry.category] : [];
  509. cats[entry.category] = current.concat([entry]);
  510. everything.push(entry);
  511. });
  512. categories.set(Option.some(cats));
  513. all.set(Option.some(everything));
  514. };
  515. editor.on('init', function () {
  516. global$1.ScriptLoader.loadScript(databaseUrl, function () {
  517. extractGlobal(databaseUrl).fold(function (err) {
  518. console.log(err);
  519. categories.set(Option.some({}));
  520. all.set(Option.some([]));
  521. }, function (emojis) {
  522. var userEmojis = getUserDefinedEmoticons(editor);
  523. processEmojis(merge(emojis, userEmojis));
  524. });
  525. }, function () {
  526. });
  527. });
  528. var listCategory = function (category) {
  529. if (category === ALL_CATEGORY) {
  530. return listAll();
  531. }
  532. return categories.get().bind(function (cats) {
  533. return Option.from(cats[category]);
  534. }).getOr([]);
  535. };
  536. var listAll = function () {
  537. return all.get().getOr([]);
  538. };
  539. var listCategories = function () {
  540. return [ALL_CATEGORY].concat(keys(categories.get().getOr({})));
  541. };
  542. var waitForLoad = function () {
  543. if (hasLoaded()) {
  544. return global$2.resolve(true);
  545. } else {
  546. return new global$2(function (resolve, reject) {
  547. var numRetries = 3;
  548. var interval = setInterval(function () {
  549. if (hasLoaded()) {
  550. clearInterval(interval);
  551. resolve(true);
  552. } else {
  553. numRetries--;
  554. if (numRetries < 0) {
  555. console.log('Could not load emojis from url: ' + databaseUrl);
  556. clearInterval(interval);
  557. reject(false);
  558. }
  559. }
  560. }, 500);
  561. });
  562. }
  563. };
  564. var hasLoaded = function () {
  565. return categories.get().isSome() && all.get().isSome();
  566. };
  567. return {
  568. listCategories: listCategories,
  569. hasLoaded: hasLoaded,
  570. waitForLoad: waitForLoad,
  571. listAll: listAll,
  572. listCategory: listCategory
  573. };
  574. };
  575. var insertEmoticon = function (editor, ch) {
  576. editor.insertContent(ch);
  577. };
  578. var patternName = 'pattern';
  579. var open = function (editor, database) {
  580. var initialState = {
  581. pattern: '',
  582. results: emojisFrom(database.listAll(), '', Option.some(300))
  583. };
  584. var scan = function (dialogApi, category) {
  585. var dialogData = dialogApi.getData();
  586. var candidates = database.listCategory(category);
  587. var results = emojisFrom(candidates, dialogData[patternName], category === ALL_CATEGORY ? Option.some(300) : Option.none());
  588. dialogApi.setData({ results: results });
  589. };
  590. var updateFilter = last(function (dialogApi) {
  591. var category = currentTab.get();
  592. scan(dialogApi, category);
  593. }, 200);
  594. var currentTab = Cell(ALL_CATEGORY);
  595. var searchField = {
  596. label: 'Search',
  597. type: 'input',
  598. name: patternName
  599. };
  600. var resultsField = {
  601. type: 'collection',
  602. name: 'results'
  603. };
  604. var getInitialState = function () {
  605. var body = {
  606. type: 'tabpanel',
  607. tabs: map(database.listCategories(), function (cat) {
  608. return {
  609. title: cat,
  610. items: [
  611. searchField,
  612. resultsField
  613. ]
  614. };
  615. })
  616. };
  617. return {
  618. title: 'Emoticons',
  619. size: 'normal',
  620. body: body,
  621. initialData: initialState,
  622. onTabChange: function (dialogApi, title) {
  623. currentTab.set(title);
  624. updateFilter.throttle(dialogApi);
  625. },
  626. onChange: updateFilter.throttle,
  627. onAction: function (dialogApi, actionData) {
  628. if (actionData.name === 'results') {
  629. insertEmoticon(editor, actionData.value);
  630. dialogApi.close();
  631. }
  632. },
  633. buttons: [{
  634. type: 'cancel',
  635. text: 'Close',
  636. primary: true
  637. }]
  638. };
  639. };
  640. var dialogApi = editor.windowManager.open(getInitialState());
  641. dialogApi.focus(patternName);
  642. if (!database.hasLoaded()) {
  643. dialogApi.block('Loading emoticons...');
  644. database.waitForLoad().then(function () {
  645. dialogApi.redial(getInitialState());
  646. updateFilter.throttle(dialogApi);
  647. dialogApi.focus(patternName);
  648. dialogApi.unblock();
  649. }).catch(function (err) {
  650. dialogApi.redial({
  651. title: 'Emoticons',
  652. body: {
  653. type: 'panel',
  654. items: [{
  655. type: 'alertbanner',
  656. level: 'error',
  657. icon: 'warning',
  658. text: '<p>Could not load emoticons</p>'
  659. }]
  660. },
  661. buttons: [{
  662. type: 'cancel',
  663. text: 'Close',
  664. primary: true
  665. }],
  666. initialData: {
  667. pattern: '',
  668. results: []
  669. }
  670. });
  671. dialogApi.focus(patternName);
  672. dialogApi.unblock();
  673. });
  674. }
  675. };
  676. var Dialog = { open: open };
  677. var register = function (editor, database) {
  678. var onAction = function () {
  679. return Dialog.open(editor, database);
  680. };
  681. editor.ui.registry.addButton('emoticons', {
  682. tooltip: 'Emoticons',
  683. icon: 'emoji',
  684. onAction: onAction
  685. });
  686. editor.ui.registry.addMenuItem('emoticons', {
  687. text: 'Emoticons...',
  688. icon: 'emoji',
  689. onAction: onAction
  690. });
  691. };
  692. var Buttons = { register: register };
  693. global.add('emoticons', function (editor, pluginUrl) {
  694. var databaseUrl = Settings.getEmoticonDatabaseUrl(editor, pluginUrl);
  695. var database = initDatabase(editor, databaseUrl);
  696. Buttons.register(editor, database);
  697. init(editor, database);
  698. });
  699. function Plugin () {
  700. }
  701. return Plugin;
  702. }());
  703. })();