commit 8b7db4486a0049654672446f605322f120ce8b2c
parent ff1d5cb609a56362de908d04b8816529d09107a4
Author: William Casarin <jb55@jb55.com>
Date: Thu, 29 Jun 2023 10:23:28 -0700
web is defunct
Diffstat:
9 files changed, 1865 insertions(+), 248 deletions(-)
diff --git a/web/css/styles.css b/web/css/styles.css
@@ -14,6 +14,13 @@ body {
padding: 0;
}
+a {
+ color: var(--clrLink);
+}
+a:visited {
+ color: var(--clrLinkVisited);
+}
+
#gsticker {
position: absolute;
top: 0;
@@ -398,6 +405,8 @@ input[type="text"].cw {
border: none;
border-bottom: solid 2px var(--clrWarn);
font-size: var(--fsReduced);
+ background: transparent;
+ color: var(--clrText);
}
/* Profile */
@@ -429,3 +438,9 @@ label[role="profile-nip5"] {
display: block;
}
+@media (prefers-color-scheme: dark) {
+ .icon.svg {
+ filter: invert(1);
+ }
+}
+
diff --git a/web/css/utils.css b/web/css/utils.css
@@ -36,10 +36,10 @@ button.icon > img.icon {
button.action {
border: none;
border-radius: 50px;
- background: #171717;
+ background: var(--clrBgAction);
padding: 10px 15px;
font-size: 16px;
- color: white;
+ color: var(--clrTextAction);
font-weight: 800;
}
@@ -66,10 +66,10 @@ img.icon.small {
top: 0;
}
.event-message {
- background: #f4f4f4;
+ background: var(--clrEvMsg);
padding: 7px;
border-radius: 12px;
- color: #444;
+ color: var(--clrTextEvMsg);
}
.flex {
display: flex;
@@ -81,3 +81,12 @@ img.invert {
/* This class is good for white on black icons; */
filter: invert(1);
}
+
+@media (prefers-color-scheme: dark) {
+ img.dark-invert {
+ filter: invert(1);
+ }
+ img.invert, img.svg.invert {
+ filter: initial;
+ }
+}
diff --git a/web/css/vars.css b/web/css/vars.css
@@ -11,6 +11,14 @@
--clrTextLighter: #abb4ca;
--clrHeart: #ff5050;
--clrWarn: #fbc560;
+ --clrLink: blue;
+ --clrLinkVisited: purple;
+
+ /* TODO I don't like these and simply did it for dark mode. To rename. */
+ --clrEvMsg: #f4f4f4;
+ --clrTextEvMsg: #444;
+ --clrBgAction: #171717;
+ --clrTextAction: white;
/* Font Sizes */
--fsSmall: 12px;
@@ -32,3 +40,18 @@
--iconSize: 24px;
--iconSizeSmall: 15px;
}
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ --clrBg: #0f0f0f;
+ --clrText: #fff;
+ --clrPanel: #1f1f1f;
+ --clrBorder: #282828;
+ --clrLink: #fb5151;
+ --clrLinkVisited: #f77;
+ --clrEvMsg: #353535;
+ --clrTextEvMsg: white;
+ --clrBgAction: white;
+ --clrTextAction: #1f1f1f;
+ }
+}
diff --git a/web/index.html b/web/index.html
@@ -1,171 +1,3 @@
-<!DOCTYPE html>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Damus</title>
- <link rel="stylesheet" href="css/vars.css?v=1">
- <link rel="stylesheet" href="css/utils.css?v=1">
- <link rel="stylesheet" href="css/styles.css?v=13">
- <link rel="stylesheet" href="css/responsive.css?v=10">
- <script defer src="js/util.js?v=5"></script>
- <script defer src="js/ui/util.js?v=8"></script>
- <script defer src="js/ui/render.js?v=15"></script>
- <script defer src="js/noble-secp256k1.js?v=1"></script>
- <script defer src="js/bech32.js?v=1"></script>
- <script defer src="js/nostr.js?v=7"></script>
- <script defer src="js/damus.js?v=92"></script>
- </head>
- <body>
- <script>
- // This is our main entry.
- // https://developer.mozilla.org/en-US/docs/Web/API/Window/DOMContentLoaded_event
- addEventListener('DOMContentLoaded', (ev) => {
- damus_web_init()
- });
- </script>
- <div id="gsticker" title="This is alpha software.">αlpha</div>
+Damus Web is down because there is someone trying to exploit browser loopholes to steal private keys.
- <nav id="gnav" class="">
- <button class="icon" role="open-gnav" title="Open Menu" onclick="toggle_gnav(this)">
- <img class="icon svg invert" src="icon/logo.svg"/>
- </button>
- <button class="icon" role="home" title="Home" onclick="switch_view('home')">
- <img class="icon svg invert" src="icon/home.svg"/>
- </button>
- <button class="icon" role="explore" title="Explore" onclick="switch_view('explore')">
- <img class="icon svg invert" src="icon/explore.svg"/>
- </button>
- <button class="icon" role="notifications" title="Notifications" onclick="switch_view('notifications')">
- <img class="icon svg invert" src="icon/notifications.svg"/>
- <div class="new-notifications hide"></div>
- </button>
- <button class="icon" role="sign-out" title="Sign Out" onclick="press_logout()">
- <img class="icon svg invert" src="icon/sign-out.svg"/>
- </button>
- </nav>
-
- <div id="container">
- <div class="flex-fill vertical-hide"></div>
- <div id="nav" class="flex-noshrink vertical-hide">
- <div data-active="home">
- <div id="app-icon-logo">
- <img class="icon svg" title="Damus" src="icon/logo-inverted.svg"/>
- </div>
- <button role="home" class="nav icon"
- title="Home" onclick="switch_view('home')">
- <img class="icon svg inactive" src="icon/home.svg"/>
- <img class="icon svg active" src="icon/home-active.svg"/>
- </button>
- <button role="explore" class="nav icon"
- title="Explore" onclick="switch_view('explore')">
- <img class="icon svg inactive" src="icon/explore.svg"/>
- <img class="icon svg active" src="icon/explore-active.svg"/>
- </button>
- <button role="notifications" class="nav icon"
- title="Notifications" onclick="switch_view('notifications')">
- <img class="icon svg inactive" src="icon/notifications.svg"/>
- <img class="icon svg active" src="icon/notifications-active.svg"/>
- <div class="new-notifications hide"></div>
- </button>
- <button title="Sign Out" class="nav icon" onclick="press_logout()">
- <img class="icon svg" src="icon/sign-out.svg"/>
- </button>
- </div>
- </div>
- <div id="view">
- <div id="home-view">
- <header>
- <label>Home</label>
- </header>
- <div id="newpost">
- <div class="my-userpic vertical-hide">
- <!-- To be loaded dynamically. -->
- </div>
- <div>
- <textarea placeholder="What's up?"
- oninput="post_input_changed(this)"
- class="post-input" id="post-input"></textarea>
- <div class="post-tools">
- <input id="content-warning-input" class="cw hide" type="text" placeholder="Reason"/>
- <button title="Mark this message as sensitive."
- onclick="toggle_cw(this)" class="cw icon">
- <img class="icon small" src="icon/content-warning.svg"/>
- </button>
- <button onclick="send_post(this)" class="action"
- role="send" id="post-button" disabled>Send</button>
- </div>
- </div>
- </div>
- <div class="events"></div>
- </div>
- <div id="explore-view" class="hide">
- <header>
- <label>Explore</label>
- </header>
- <div class="events"></div>
- </div>
- <div id="notifications-view" class="hide">
- <header>
- <label>Notifications</label>
- </header>
- <div class="events"></div>
- </div>
- <div id="thread-view" class="hide">
- <header>
- <label>Thread</label>
- </header>
- <div class="events"></div>
- </div>
- <div id="profile-view" class="hide">
- <header>
- <label role="profile-name">Profile</label>
- </header>
- <div role="profile-info" class="bottom-border">
- <div class="flex">
- <img role="profile-image" class="pfp jumbo" src="" />
- <div class="profile-tools">
- <!--
- <button class="icon" title="Message User" role="message-user">
- <img class="icon" src="icon/message-user.svg"/></button>
- -->
- <button class="icon" role="copy-pk"
- data-pk="" onclick="click_copy_pk(this)" title="Copy Public Key">
- <img class="icon" src="icon/pubkey.svg"/></button>
- <button class="action" role="follow-user" data-pk=""
- onclick="click_toggle_follow_user(this)">Follow</button>
- </div>
- </div>
- <div>
- <label role="profile-nip5"></label>
- <p role="profile-desc"></p>
- </div>
- </div>
- <div class="events"></div>
- </div>
- </div>
- <div class="flex-fill vertical-hide"></div>
- </div>
-
- <div class="modal closed" id="reply-modal">
- <div id="reply-modal-content" class="modal-content">
- <header>
- <label>Reply To</label>
- <button class="icon" onclick="close_reply()">
- <img class="icon" src="icon/close-modal.svg"/>
- </button>
- </header>
- <div id="replying-to"></div>
- <div id="replybox">
- <textarea id="reply-content" class="post-input" oninput="post_input_changed(this)"
- placeholder="Write your reply here..."></textarea>
- <div class="post-tools">
- <button id="reply-button" class="action" onclick="do_send_reply()">
- Reply
- </button>
- </div>
- </div>
- </div>
- </div>
- </body>
-</html>
+I would not recommend using a web client at this time. Damus iOS is not affected.
diff --git a/web/js/damus.js b/web/js/damus.js
@@ -235,21 +235,12 @@ function process_reaction_event(model, ev)
function process_chatroom_event(model, ev)
{
try {
- model.chatrooms[ev.id] = JSON.parse(ev.content)
+ model.chatrooms[ev.id] = sanitize_obj(JSON.parse(ev.content))
} catch (err) {
log_debug("error processing chatroom creation event", ev, err)
}
}
-function process_json_content(ev)
-{
- try {
- ev.json_content = JSON.parse(ev.content)
- } catch(e) {
- log_debug("error parsing json content for", ev)
- }
-}
-
function process_deletion_event(model, ev)
{
for (const tag of ev.tags) {
@@ -752,6 +743,14 @@ function handle_home_event(model, relay, sub_id, ev) {
}
}
+function sanitize_obj(obj) {
+ for (const key of Object.keys(obj)) {
+ obj[key] = sanitize(obj[key])
+ }
+
+ return obj
+}
+
function process_profile_event(model, ev) {
const prev_ev = model.all_events[model.profile_events[ev.pubkey]]
if (prev_ev && prev_ev.created_at > ev.created_at)
@@ -759,7 +758,7 @@ function process_profile_event(model, ev) {
model.profile_events[ev.pubkey] = ev.id
try {
- model.profiles[ev.pubkey] = JSON.parse(ev.content)
+ model.profiles[ev.pubkey] = sanitize_obj(JSON.parse(ev.content))
} catch(e) {
log_debug("failed to parse profile contents", ev)
}
@@ -971,12 +970,14 @@ function handle_profiles_loaded(ids, model, view, relay) {
model.pool.unsubscribe(ids.profiles, relay)
//redraw_events(model, view)
- //redraw_my_pfp(model)
+ redraw_my_pfp(model)
const prefix = difficulty_to_prefix(model.pow)
const fofs = Array.from(model.contacts.friend_of_friends)
const standard_kinds = [1,42,5,6,7]
- let pow_filter = {kinds: standard_kinds, limit: 50}
+ const now = new Date().getTime() / 1000;
+
+ let pow_filter = {kinds: standard_kinds, limit: 50, until: now}
if (model.pow > 0)
pow_filter.ids = [ prefix ]
@@ -989,9 +990,14 @@ function handle_profiles_loaded(ids, model, view, relay) {
model.pool.subscribe(ids.explore, explore_filters, relay)
}
-function redraw_my_pfp(model) {
- const html = render_pfp(model.pubkey, model.profiles[model.pubkey]);
- document.querySelector(".my-userpic").innerHTML = html;
+function redraw_my_pfp(model, force = false) {
+ const p = model.profiles[model.pubkey]
+ if (!p) return;
+ const html = render_pfp(model.pubkey, p);
+ const el = document.querySelector(".my-userpic")
+ if (!force && el.dataset.loaded) return;
+ el.dataset.loaded = true;
+ el.innerHTML = html;
}
function debounce(f, interval) {
@@ -1524,7 +1530,7 @@ function get_content_warning(tags)
{
for (const tag of tags) {
if (tag.length >= 1 && tag[0] === "content-warning")
- return tag[1] || ""
+ return sanitize(tag[1]) || ""
}
return null
@@ -1578,7 +1584,7 @@ function sanitize(content)
{
if (!content)
return ""
- return content.replaceAll("<","<").replaceAll(">",">")
+ return DOMPurify.sanitize(content)
}
function robohash(pk) {
@@ -1590,7 +1596,7 @@ function get_picture(pk, profile) {
return robohash(pk)
if (profile.resolved_picture)
return profile.resolved_picture
- profile.resolved_picture = sanitize(profile.picture) || robohash(pk)
+ profile.resolved_picture = profile.picture || robohash(pk)
return profile.resolved_picture
}
diff --git a/web/js/purify.js b/web/js/purify.js
@@ -0,0 +1,1698 @@
+/*! @license DOMPurify 2.4.1 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.4.1/LICENSE */
+
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+ typeof define === 'function' && define.amd ? define(factory) :
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.DOMPurify = factory());
+})(this, (function () { 'use strict';
+
+ function _typeof(obj) {
+ "@babel/helpers - typeof";
+
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+ return typeof obj;
+ } : function (obj) {
+ return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+ }, _typeof(obj);
+ }
+
+ function _setPrototypeOf(o, p) {
+ _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+ o.__proto__ = p;
+ return o;
+ };
+
+ return _setPrototypeOf(o, p);
+ }
+
+ function _isNativeReflectConstruct() {
+ if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+ if (Reflect.construct.sham) return false;
+ if (typeof Proxy === "function") return true;
+
+ try {
+ Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+ return true;
+ } catch (e) {
+ return false;
+ }
+ }
+
+ function _construct(Parent, args, Class) {
+ if (_isNativeReflectConstruct()) {
+ _construct = Reflect.construct;
+ } else {
+ _construct = function _construct(Parent, args, Class) {
+ var a = [null];
+ a.push.apply(a, args);
+ var Constructor = Function.bind.apply(Parent, a);
+ var instance = new Constructor();
+ if (Class) _setPrototypeOf(instance, Class.prototype);
+ return instance;
+ };
+ }
+
+ return _construct.apply(null, arguments);
+ }
+
+ function _toConsumableArray(arr) {
+ return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+ }
+
+ function _arrayWithoutHoles(arr) {
+ if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+ }
+
+ function _iterableToArray(iter) {
+ if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+ }
+
+ function _unsupportedIterableToArray(o, minLen) {
+ if (!o) return;
+ if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+ var n = Object.prototype.toString.call(o).slice(8, -1);
+ if (n === "Object" && o.constructor) n = o.constructor.name;
+ if (n === "Map" || n === "Set") return Array.from(o);
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+ }
+
+ function _arrayLikeToArray(arr, len) {
+ if (len == null || len > arr.length) len = arr.length;
+
+ for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+ return arr2;
+ }
+
+ function _nonIterableSpread() {
+ throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+ }
+
+ var hasOwnProperty = Object.hasOwnProperty,
+ setPrototypeOf = Object.setPrototypeOf,
+ isFrozen = Object.isFrozen,
+ getPrototypeOf = Object.getPrototypeOf,
+ getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+ var freeze = Object.freeze,
+ seal = Object.seal,
+ create = Object.create; // eslint-disable-line import/no-mutable-exports
+
+ var _ref = typeof Reflect !== 'undefined' && Reflect,
+ apply = _ref.apply,
+ construct = _ref.construct;
+
+ if (!apply) {
+ apply = function apply(fun, thisValue, args) {
+ return fun.apply(thisValue, args);
+ };
+ }
+
+ if (!freeze) {
+ freeze = function freeze(x) {
+ return x;
+ };
+ }
+
+ if (!seal) {
+ seal = function seal(x) {
+ return x;
+ };
+ }
+
+ if (!construct) {
+ construct = function construct(Func, args) {
+ return _construct(Func, _toConsumableArray(args));
+ };
+ }
+
+ var arrayForEach = unapply(Array.prototype.forEach);
+ var arrayPop = unapply(Array.prototype.pop);
+ var arrayPush = unapply(Array.prototype.push);
+ var stringToLowerCase = unapply(String.prototype.toLowerCase);
+ var stringToString = unapply(String.prototype.toString);
+ var stringMatch = unapply(String.prototype.match);
+ var stringReplace = unapply(String.prototype.replace);
+ var stringIndexOf = unapply(String.prototype.indexOf);
+ var stringTrim = unapply(String.prototype.trim);
+ var regExpTest = unapply(RegExp.prototype.test);
+ var typeErrorCreate = unconstruct(TypeError);
+ function unapply(func) {
+ return function (thisArg) {
+ for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+ args[_key - 1] = arguments[_key];
+ }
+
+ return apply(func, thisArg, args);
+ };
+ }
+ function unconstruct(func) {
+ return function () {
+ for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+ args[_key2] = arguments[_key2];
+ }
+
+ return construct(func, args);
+ };
+ }
+ /* Add properties to a lookup table */
+
+ function addToSet(set, array, transformCaseFunc) {
+ transformCaseFunc = transformCaseFunc ? transformCaseFunc : stringToLowerCase;
+
+ if (setPrototypeOf) {
+ // Make 'in' and truthy checks like Boolean(set.constructor)
+ // independent of any properties defined on Object.prototype.
+ // Prevent prototype setters from intercepting set as a this value.
+ setPrototypeOf(set, null);
+ }
+
+ var l = array.length;
+
+ while (l--) {
+ var element = array[l];
+
+ if (typeof element === 'string') {
+ var lcElement = transformCaseFunc(element);
+
+ if (lcElement !== element) {
+ // Config presets (e.g. tags.js, attrs.js) are immutable.
+ if (!isFrozen(array)) {
+ array[l] = lcElement;
+ }
+
+ element = lcElement;
+ }
+ }
+
+ set[element] = true;
+ }
+
+ return set;
+ }
+ /* Shallow clone an object */
+
+ function clone(object) {
+ var newObject = create(null);
+ var property;
+
+ for (property in object) {
+ if (apply(hasOwnProperty, object, [property])) {
+ newObject[property] = object[property];
+ }
+ }
+
+ return newObject;
+ }
+ /* IE10 doesn't support __lookupGetter__ so lets'
+ * simulate it. It also automatically checks
+ * if the prop is function or getter and behaves
+ * accordingly. */
+
+ function lookupGetter(object, prop) {
+ while (object !== null) {
+ var desc = getOwnPropertyDescriptor(object, prop);
+
+ if (desc) {
+ if (desc.get) {
+ return unapply(desc.get);
+ }
+
+ if (typeof desc.value === 'function') {
+ return unapply(desc.value);
+ }
+ }
+
+ object = getPrototypeOf(object);
+ }
+
+ function fallbackValue(element) {
+ console.warn('fallback value for', element);
+ return null;
+ }
+
+ return fallbackValue;
+ }
+
+ var html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']); // SVG
+
+ var svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
+ var svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']); // List of SVG elements that are disallowed by default.
+ // We still need to know them so that we can do namespace
+ // checks properly in case one wants to add them to
+ // allow-list.
+
+ var svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'fedropshadow', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
+ var mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover']); // Similarly to SVG, we want to know all MathML elements,
+ // even those that we disallow by default.
+
+ var mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);
+ var text = freeze(['#text']);
+
+ var html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'xmlns', 'slot']);
+ var svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
+ var mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
+ var xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
+
+ var MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode
+
+ var ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm);
+ var TMPLIT_EXPR = seal(/\${[\w\W]*}/gm);
+ var DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]/); // eslint-disable-line no-useless-escape
+
+ var ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape
+
+ var IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
+ );
+ var IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
+ var ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex
+ );
+ var DOCTYPE_NAME = seal(/^html$/i);
+
+ var getGlobal = function getGlobal() {
+ return typeof window === 'undefined' ? null : window;
+ };
+ /**
+ * Creates a no-op policy for internal use only.
+ * Don't export this function outside this module!
+ * @param {?TrustedTypePolicyFactory} trustedTypes The policy factory.
+ * @param {Document} document The document object (to determine policy name suffix)
+ * @return {?TrustedTypePolicy} The policy created (or null, if Trusted Types
+ * are not supported).
+ */
+
+
+ var _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, document) {
+ if (_typeof(trustedTypes) !== 'object' || typeof trustedTypes.createPolicy !== 'function') {
+ return null;
+ } // Allow the callers to control the unique policy name
+ // by adding a data-tt-policy-suffix to the script element with the DOMPurify.
+ // Policy creation with duplicate names throws in Trusted Types.
+
+
+ var suffix = null;
+ var ATTR_NAME = 'data-tt-policy-suffix';
+
+ if (document.currentScript && document.currentScript.hasAttribute(ATTR_NAME)) {
+ suffix = document.currentScript.getAttribute(ATTR_NAME);
+ }
+
+ var policyName = 'dompurify' + (suffix ? '#' + suffix : '');
+
+ try {
+ return trustedTypes.createPolicy(policyName, {
+ createHTML: function createHTML(html) {
+ return html;
+ },
+ createScriptURL: function createScriptURL(scriptUrl) {
+ return scriptUrl;
+ }
+ });
+ } catch (_) {
+ // Policy creation failed (most likely another DOMPurify script has
+ // already run). Skip creating the policy, as this will only cause errors
+ // if TT are enforced.
+ console.warn('TrustedTypes policy ' + policyName + ' could not be created.');
+ return null;
+ }
+ };
+
+ function createDOMPurify() {
+ var window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
+
+ var DOMPurify = function DOMPurify(root) {
+ return createDOMPurify(root);
+ };
+ /**
+ * Version label, exposed for easier checks
+ * if DOMPurify is up to date or not
+ */
+
+
+ DOMPurify.version = '2.4.1';
+ /**
+ * Array of elements that DOMPurify removed during sanitation.
+ * Empty if nothing was removed.
+ */
+
+ DOMPurify.removed = [];
+
+ if (!window || !window.document || window.document.nodeType !== 9) {
+ // Not running in a browser, provide a factory function
+ // so that you can pass your own Window
+ DOMPurify.isSupported = false;
+ return DOMPurify;
+ }
+
+ var originalDocument = window.document;
+ var document = window.document;
+ var DocumentFragment = window.DocumentFragment,
+ HTMLTemplateElement = window.HTMLTemplateElement,
+ Node = window.Node,
+ Element = window.Element,
+ NodeFilter = window.NodeFilter,
+ _window$NamedNodeMap = window.NamedNodeMap,
+ NamedNodeMap = _window$NamedNodeMap === void 0 ? window.NamedNodeMap || window.MozNamedAttrMap : _window$NamedNodeMap,
+ HTMLFormElement = window.HTMLFormElement,
+ DOMParser = window.DOMParser,
+ trustedTypes = window.trustedTypes;
+ var ElementPrototype = Element.prototype;
+ var cloneNode = lookupGetter(ElementPrototype, 'cloneNode');
+ var getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');
+ var getChildNodes = lookupGetter(ElementPrototype, 'childNodes');
+ var getParentNode = lookupGetter(ElementPrototype, 'parentNode'); // As per issue #47, the web-components registry is inherited by a
+ // new document created via createHTMLDocument. As per the spec
+ // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)
+ // a new empty registry is used when creating a template contents owner
+ // document, so we use that as our parent document to ensure nothing
+ // is inherited.
+
+ if (typeof HTMLTemplateElement === 'function') {
+ var template = document.createElement('template');
+
+ if (template.content && template.content.ownerDocument) {
+ document = template.content.ownerDocument;
+ }
+ }
+
+ var trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, originalDocument);
+
+ var emptyHTML = trustedTypesPolicy ? trustedTypesPolicy.createHTML('') : '';
+ var _document = document,
+ implementation = _document.implementation,
+ createNodeIterator = _document.createNodeIterator,
+ createDocumentFragment = _document.createDocumentFragment,
+ getElementsByTagName = _document.getElementsByTagName;
+ var importNode = originalDocument.importNode;
+ var documentMode = {};
+
+ try {
+ documentMode = clone(document).documentMode ? document.documentMode : {};
+ } catch (_) {}
+
+ var hooks = {};
+ /**
+ * Expose whether this browser supports running the full DOMPurify.
+ */
+
+ DOMPurify.isSupported = typeof getParentNode === 'function' && implementation && typeof implementation.createHTMLDocument !== 'undefined' && documentMode !== 9;
+ var MUSTACHE_EXPR$1 = MUSTACHE_EXPR,
+ ERB_EXPR$1 = ERB_EXPR,
+ TMPLIT_EXPR$1 = TMPLIT_EXPR,
+ DATA_ATTR$1 = DATA_ATTR,
+ ARIA_ATTR$1 = ARIA_ATTR,
+ IS_SCRIPT_OR_DATA$1 = IS_SCRIPT_OR_DATA,
+ ATTR_WHITESPACE$1 = ATTR_WHITESPACE;
+ var IS_ALLOWED_URI$1 = IS_ALLOWED_URI;
+ /**
+ * We consider the elements and attributes below to be safe. Ideally
+ * don't add any new ones but feel free to remove unwanted ones.
+ */
+
+ /* allowed element names */
+
+ var ALLOWED_TAGS = null;
+ var DEFAULT_ALLOWED_TAGS = addToSet({}, [].concat(_toConsumableArray(html$1), _toConsumableArray(svg$1), _toConsumableArray(svgFilters), _toConsumableArray(mathMl$1), _toConsumableArray(text)));
+ /* Allowed attribute names */
+
+ var ALLOWED_ATTR = null;
+ var DEFAULT_ALLOWED_ATTR = addToSet({}, [].concat(_toConsumableArray(html), _toConsumableArray(svg), _toConsumableArray(mathMl), _toConsumableArray(xml)));
+ /*
+ * Configure how DOMPUrify should handle custom elements and their attributes as well as customized built-in elements.
+ * @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements)
+ * @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list)
+ * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.
+ */
+
+ var CUSTOM_ELEMENT_HANDLING = Object.seal(Object.create(null, {
+ tagNameCheck: {
+ writable: true,
+ configurable: false,
+ enumerable: true,
+ value: null
+ },
+ attributeNameCheck: {
+ writable: true,
+ configurable: false,
+ enumerable: true,
+ value: null
+ },
+ allowCustomizedBuiltInElements: {
+ writable: true,
+ configurable: false,
+ enumerable: true,
+ value: false
+ }
+ }));
+ /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */
+
+ var FORBID_TAGS = null;
+ /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */
+
+ var FORBID_ATTR = null;
+ /* Decide if ARIA attributes are okay */
+
+ var ALLOW_ARIA_ATTR = true;
+ /* Decide if custom data attributes are okay */
+
+ var ALLOW_DATA_ATTR = true;
+ /* Decide if unknown protocols are okay */
+
+ var ALLOW_UNKNOWN_PROTOCOLS = false;
+ /* Output should be safe for common template engines.
+ * This means, DOMPurify removes data attributes, mustaches and ERB
+ */
+
+ var SAFE_FOR_TEMPLATES = false;
+ /* Decide if document with <html>... should be returned */
+
+ var WHOLE_DOCUMENT = false;
+ /* Track whether config is already set on this instance of DOMPurify. */
+
+ var SET_CONFIG = false;
+ /* Decide if all elements (e.g. style, script) must be children of
+ * document.body. By default, browsers might move them to document.head */
+
+ var FORCE_BODY = false;
+ /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html
+ * string (or a TrustedHTML object if Trusted Types are supported).
+ * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead
+ */
+
+ var RETURN_DOM = false;
+ /* Decide if a DOM `DocumentFragment` should be returned, instead of a html
+ * string (or a TrustedHTML object if Trusted Types are supported) */
+
+ var RETURN_DOM_FRAGMENT = false;
+ /* Try to return a Trusted Type object instead of a string, return a string in
+ * case Trusted Types are not supported */
+
+ var RETURN_TRUSTED_TYPE = false;
+ /* Output should be free from DOM clobbering attacks?
+ * This sanitizes markups named with colliding, clobberable built-in DOM APIs.
+ */
+
+ var SANITIZE_DOM = true;
+ /* Achieve full DOM Clobbering protection by isolating the namespace of named
+ * properties and JS variables, mitigating attacks that abuse the HTML/DOM spec rules.
+ *
+ * HTML/DOM spec rules that enable DOM Clobbering:
+ * - Named Access on Window (§7.3.3)
+ * - DOM Tree Accessors (§3.1.5)
+ * - Form Element Parent-Child Relations (§4.10.3)
+ * - Iframe srcdoc / Nested WindowProxies (§4.8.5)
+ * - HTMLCollection (§4.2.10.2)
+ *
+ * Namespace isolation is implemented by prefixing `id` and `name` attributes
+ * with a constant string, i.e., `user-content-`
+ */
+
+ var SANITIZE_NAMED_PROPS = false;
+ var SANITIZE_NAMED_PROPS_PREFIX = 'user-content-';
+ /* Keep element content when removing element? */
+
+ var KEEP_CONTENT = true;
+ /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead
+ * of importing it into a new Document and returning a sanitized copy */
+
+ var IN_PLACE = false;
+ /* Allow usage of profiles like html, svg and mathMl */
+
+ var USE_PROFILES = {};
+ /* Tags to ignore content of when KEEP_CONTENT is true */
+
+ var FORBID_CONTENTS = null;
+ var DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);
+ /* Tags that are safe for data: URIs */
+
+ var DATA_URI_TAGS = null;
+ var DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);
+ /* Attributes safe for values like "javascript:" */
+
+ var URI_SAFE_ATTRIBUTES = null;
+ var DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);
+ var MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';
+ var SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+ var HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
+ /* Document namespace */
+
+ var NAMESPACE = HTML_NAMESPACE;
+ var IS_EMPTY_INPUT = false;
+ /* Allowed XHTML+XML namespaces */
+
+ var ALLOWED_NAMESPACES = null;
+ var DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
+ /* Parsing of strict XHTML documents */
+
+ var PARSER_MEDIA_TYPE;
+ var SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];
+ var DEFAULT_PARSER_MEDIA_TYPE = 'text/html';
+ var transformCaseFunc;
+ /* Keep a reference to config to pass to hooks */
+
+ var CONFIG = null;
+ /* Ideally, do not touch anything below this line */
+
+ /* ______________________________________________ */
+
+ var formElement = document.createElement('form');
+
+ var isRegexOrFunction = function isRegexOrFunction(testValue) {
+ return testValue instanceof RegExp || testValue instanceof Function;
+ };
+ /**
+ * _parseConfig
+ *
+ * @param {Object} cfg optional config literal
+ */
+ // eslint-disable-next-line complexity
+
+
+ var _parseConfig = function _parseConfig(cfg) {
+ if (CONFIG && CONFIG === cfg) {
+ return;
+ }
+ /* Shield configuration object from tampering */
+
+
+ if (!cfg || _typeof(cfg) !== 'object') {
+ cfg = {};
+ }
+ /* Shield configuration object from prototype pollution */
+
+
+ cfg = clone(cfg);
+ PARSER_MEDIA_TYPE = // eslint-disable-next-line unicorn/prefer-includes
+ SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? PARSER_MEDIA_TYPE = DEFAULT_PARSER_MEDIA_TYPE : PARSER_MEDIA_TYPE = cfg.PARSER_MEDIA_TYPE; // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.
+
+ transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? stringToString : stringToLowerCase;
+ /* Set configuration parameters */
+
+ ALLOWED_TAGS = 'ALLOWED_TAGS' in cfg ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;
+ ALLOWED_ATTR = 'ALLOWED_ATTR' in cfg ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;
+ ALLOWED_NAMESPACES = 'ALLOWED_NAMESPACES' in cfg ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;
+ URI_SAFE_ATTRIBUTES = 'ADD_URI_SAFE_ATTR' in cfg ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), // eslint-disable-line indent
+ cfg.ADD_URI_SAFE_ATTR, // eslint-disable-line indent
+ transformCaseFunc // eslint-disable-line indent
+ ) // eslint-disable-line indent
+ : DEFAULT_URI_SAFE_ATTRIBUTES;
+ DATA_URI_TAGS = 'ADD_DATA_URI_TAGS' in cfg ? addToSet(clone(DEFAULT_DATA_URI_TAGS), // eslint-disable-line indent
+ cfg.ADD_DATA_URI_TAGS, // eslint-disable-line indent
+ transformCaseFunc // eslint-disable-line indent
+ ) // eslint-disable-line indent
+ : DEFAULT_DATA_URI_TAGS;
+ FORBID_CONTENTS = 'FORBID_CONTENTS' in cfg ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
+ FORBID_TAGS = 'FORBID_TAGS' in cfg ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : {};
+ FORBID_ATTR = 'FORBID_ATTR' in cfg ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : {};
+ USE_PROFILES = 'USE_PROFILES' in cfg ? cfg.USE_PROFILES : false;
+ ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true
+
+ ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true
+
+ ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false
+
+ SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false
+
+ WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false
+
+ RETURN_DOM = cfg.RETURN_DOM || false; // Default false
+
+ RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false
+
+ RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false
+
+ FORCE_BODY = cfg.FORCE_BODY || false; // Default false
+
+ SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true
+
+ SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false; // Default false
+
+ KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true
+
+ IN_PLACE = cfg.IN_PLACE || false; // Default false
+
+ IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI$1;
+ NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
+
+ if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
+ CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
+ }
+
+ if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {
+ CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;
+ }
+
+ if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === 'boolean') {
+ CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;
+ }
+
+ if (SAFE_FOR_TEMPLATES) {
+ ALLOW_DATA_ATTR = false;
+ }
+
+ if (RETURN_DOM_FRAGMENT) {
+ RETURN_DOM = true;
+ }
+ /* Parse profile info */
+
+
+ if (USE_PROFILES) {
+ ALLOWED_TAGS = addToSet({}, _toConsumableArray(text));
+ ALLOWED_ATTR = [];
+
+ if (USE_PROFILES.html === true) {
+ addToSet(ALLOWED_TAGS, html$1);
+ addToSet(ALLOWED_ATTR, html);
+ }
+
+ if (USE_PROFILES.svg === true) {
+ addToSet(ALLOWED_TAGS, svg$1);
+ addToSet(ALLOWED_ATTR, svg);
+ addToSet(ALLOWED_ATTR, xml);
+ }
+
+ if (USE_PROFILES.svgFilters === true) {
+ addToSet(ALLOWED_TAGS, svgFilters);
+ addToSet(ALLOWED_ATTR, svg);
+ addToSet(ALLOWED_ATTR, xml);
+ }
+
+ if (USE_PROFILES.mathMl === true) {
+ addToSet(ALLOWED_TAGS, mathMl$1);
+ addToSet(ALLOWED_ATTR, mathMl);
+ addToSet(ALLOWED_ATTR, xml);
+ }
+ }
+ /* Merge configuration parameters */
+
+
+ if (cfg.ADD_TAGS) {
+ if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
+ ALLOWED_TAGS = clone(ALLOWED_TAGS);
+ }
+
+ addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
+ }
+
+ if (cfg.ADD_ATTR) {
+ if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
+ ALLOWED_ATTR = clone(ALLOWED_ATTR);
+ }
+
+ addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
+ }
+
+ if (cfg.ADD_URI_SAFE_ATTR) {
+ addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
+ }
+
+ if (cfg.FORBID_CONTENTS) {
+ if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
+ FORBID_CONTENTS = clone(FORBID_CONTENTS);
+ }
+
+ addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
+ }
+ /* Add #text in case KEEP_CONTENT is set to true */
+
+
+ if (KEEP_CONTENT) {
+ ALLOWED_TAGS['#text'] = true;
+ }
+ /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */
+
+
+ if (WHOLE_DOCUMENT) {
+ addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);
+ }
+ /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */
+
+
+ if (ALLOWED_TAGS.table) {
+ addToSet(ALLOWED_TAGS, ['tbody']);
+ delete FORBID_TAGS.tbody;
+ } // Prevent further manipulation of configuration.
+ // Not available in IE8, Safari 5, etc.
+
+
+ if (freeze) {
+ freeze(cfg);
+ }
+
+ CONFIG = cfg;
+ };
+
+ var MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);
+ var HTML_INTEGRATION_POINTS = addToSet({}, ['foreignobject', 'desc', 'title', 'annotation-xml']); // Certain elements are allowed in both SVG and HTML
+ // namespace. We need to specify them explicitly
+ // so that they don't get erroneously deleted from
+ // HTML namespace.
+
+ var COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']);
+ /* Keep track of all possible SVG and MathML tags
+ * so that we can perform the namespace checks
+ * correctly. */
+
+ var ALL_SVG_TAGS = addToSet({}, svg$1);
+ addToSet(ALL_SVG_TAGS, svgFilters);
+ addToSet(ALL_SVG_TAGS, svgDisallowed);
+ var ALL_MATHML_TAGS = addToSet({}, mathMl$1);
+ addToSet(ALL_MATHML_TAGS, mathMlDisallowed);
+ /**
+ *
+ *
+ * @param {Element} element a DOM element whose namespace is being checked
+ * @returns {boolean} Return false if the element has a
+ * namespace that a spec-compliant parser would never
+ * return. Return true otherwise.
+ */
+
+ var _checkValidNamespace = function _checkValidNamespace(element) {
+ var parent = getParentNode(element); // In JSDOM, if we're inside shadow DOM, then parentNode
+ // can be null. We just simulate parent in this case.
+
+ if (!parent || !parent.tagName) {
+ parent = {
+ namespaceURI: NAMESPACE,
+ tagName: 'template'
+ };
+ }
+
+ var tagName = stringToLowerCase(element.tagName);
+ var parentTagName = stringToLowerCase(parent.tagName);
+
+ if (!ALLOWED_NAMESPACES[element.namespaceURI]) {
+ return false;
+ }
+
+ if (element.namespaceURI === SVG_NAMESPACE) {
+ // The only way to switch from HTML namespace to SVG
+ // is via <svg>. If it happens via any other tag, then
+ // it should be killed.
+ if (parent.namespaceURI === HTML_NAMESPACE) {
+ return tagName === 'svg';
+ } // The only way to switch from MathML to SVG is via`
+ // svg if parent is either <annotation-xml> or MathML
+ // text integration points.
+
+
+ if (parent.namespaceURI === MATHML_NAMESPACE) {
+ return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
+ } // We only allow elements that are defined in SVG
+ // spec. All others are disallowed in SVG namespace.
+
+
+ return Boolean(ALL_SVG_TAGS[tagName]);
+ }
+
+ if (element.namespaceURI === MATHML_NAMESPACE) {
+ // The only way to switch from HTML namespace to MathML
+ // is via <math>. If it happens via any other tag, then
+ // it should be killed.
+ if (parent.namespaceURI === HTML_NAMESPACE) {
+ return tagName === 'math';
+ } // The only way to switch from SVG to MathML is via
+ // <math> and HTML integration points
+
+
+ if (parent.namespaceURI === SVG_NAMESPACE) {
+ return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName];
+ } // We only allow elements that are defined in MathML
+ // spec. All others are disallowed in MathML namespace.
+
+
+ return Boolean(ALL_MATHML_TAGS[tagName]);
+ }
+
+ if (element.namespaceURI === HTML_NAMESPACE) {
+ // The only way to switch from SVG to HTML is via
+ // HTML integration points, and from MathML to HTML
+ // is via MathML text integration points
+ if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {
+ return false;
+ }
+
+ if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
+ return false;
+ } // We disallow tags that are specific for MathML
+ // or SVG and should never appear in HTML namespace
+
+
+ return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);
+ } // For XHTML and XML documents that support custom namespaces
+
+
+ if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && ALLOWED_NAMESPACES[element.namespaceURI]) {
+ return true;
+ } // The code should never reach this place (this means
+ // that the element somehow got namespace that is not
+ // HTML, SVG, MathML or allowed via ALLOWED_NAMESPACES).
+ // Return false just in case.
+
+
+ return false;
+ };
+ /**
+ * _forceRemove
+ *
+ * @param {Node} node a DOM node
+ */
+
+
+ var _forceRemove = function _forceRemove(node) {
+ arrayPush(DOMPurify.removed, {
+ element: node
+ });
+
+ try {
+ // eslint-disable-next-line unicorn/prefer-dom-node-remove
+ node.parentNode.removeChild(node);
+ } catch (_) {
+ try {
+ node.outerHTML = emptyHTML;
+ } catch (_) {
+ node.remove();
+ }
+ }
+ };
+ /**
+ * _removeAttribute
+ *
+ * @param {String} name an Attribute name
+ * @param {Node} node a DOM node
+ */
+
+
+ var _removeAttribute = function _removeAttribute(name, node) {
+ try {
+ arrayPush(DOMPurify.removed, {
+ attribute: node.getAttributeNode(name),
+ from: node
+ });
+ } catch (_) {
+ arrayPush(DOMPurify.removed, {
+ attribute: null,
+ from: node
+ });
+ }
+
+ node.removeAttribute(name); // We void attribute values for unremovable "is"" attributes
+
+ if (name === 'is' && !ALLOWED_ATTR[name]) {
+ if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
+ try {
+ _forceRemove(node);
+ } catch (_) {}
+ } else {
+ try {
+ node.setAttribute(name, '');
+ } catch (_) {}
+ }
+ }
+ };
+ /**
+ * _initDocument
+ *
+ * @param {String} dirty a string of dirty markup
+ * @return {Document} a DOM, filled with the dirty markup
+ */
+
+
+ var _initDocument = function _initDocument(dirty) {
+ /* Create a HTML document */
+ var doc;
+ var leadingWhitespace;
+
+ if (FORCE_BODY) {
+ dirty = '<remove></remove>' + dirty;
+ } else {
+ /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */
+ var matches = stringMatch(dirty, /^[\r\n\t ]+/);
+ leadingWhitespace = matches && matches[0];
+ }
+
+ if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && NAMESPACE === HTML_NAMESPACE) {
+ // Root of XHTML doc must contain xmlns declaration (see https://www.w3.org/TR/xhtml1/normative.html#strict)
+ dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + '</body></html>';
+ }
+
+ var dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
+ /*
+ * Use the DOMParser API by default, fallback later if needs be
+ * DOMParser not work for svg when has multiple root element.
+ */
+
+ if (NAMESPACE === HTML_NAMESPACE) {
+ try {
+ doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
+ } catch (_) {}
+ }
+ /* Use createHTMLDocument in case DOMParser is not available */
+
+
+ if (!doc || !doc.documentElement) {
+ doc = implementation.createDocument(NAMESPACE, 'template', null);
+
+ try {
+ doc.documentElement.innerHTML = IS_EMPTY_INPUT ? '' : dirtyPayload;
+ } catch (_) {// Syntax error if dirtyPayload is invalid xml
+ }
+ }
+
+ var body = doc.body || doc.documentElement;
+
+ if (dirty && leadingWhitespace) {
+ body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);
+ }
+ /* Work on whole document or just its body */
+
+
+ if (NAMESPACE === HTML_NAMESPACE) {
+ return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];
+ }
+
+ return WHOLE_DOCUMENT ? doc.documentElement : body;
+ };
+ /**
+ * _createIterator
+ *
+ * @param {Document} root document/fragment to create iterator for
+ * @return {Iterator} iterator instance
+ */
+
+
+ var _createIterator = function _createIterator(root) {
+ return createNodeIterator.call(root.ownerDocument || root, root, // eslint-disable-next-line no-bitwise
+ NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT, null, false);
+ };
+ /**
+ * _isClobbered
+ *
+ * @param {Node} elm element to check for clobbering attacks
+ * @return {Boolean} true if clobbered, false if safe
+ */
+
+
+ var _isClobbered = function _isClobbered(elm) {
+ return elm instanceof HTMLFormElement && (typeof elm.nodeName !== 'string' || typeof elm.textContent !== 'string' || typeof elm.removeChild !== 'function' || !(elm.attributes instanceof NamedNodeMap) || typeof elm.removeAttribute !== 'function' || typeof elm.setAttribute !== 'function' || typeof elm.namespaceURI !== 'string' || typeof elm.insertBefore !== 'function' || typeof elm.hasChildNodes !== 'function');
+ };
+ /**
+ * _isNode
+ *
+ * @param {Node} obj object to check whether it's a DOM node
+ * @return {Boolean} true is object is a DOM node
+ */
+
+
+ var _isNode = function _isNode(object) {
+ return _typeof(Node) === 'object' ? object instanceof Node : object && _typeof(object) === 'object' && typeof object.nodeType === 'number' && typeof object.nodeName === 'string';
+ };
+ /**
+ * _executeHook
+ * Execute user configurable hooks
+ *
+ * @param {String} entryPoint Name of the hook's entry point
+ * @param {Node} currentNode node to work on with the hook
+ * @param {Object} data additional hook parameters
+ */
+
+
+ var _executeHook = function _executeHook(entryPoint, currentNode, data) {
+ if (!hooks[entryPoint]) {
+ return;
+ }
+
+ arrayForEach(hooks[entryPoint], function (hook) {
+ hook.call(DOMPurify, currentNode, data, CONFIG);
+ });
+ };
+ /**
+ * _sanitizeElements
+ *
+ * @protect nodeName
+ * @protect textContent
+ * @protect removeChild
+ *
+ * @param {Node} currentNode to check for permission to exist
+ * @return {Boolean} true if node was killed, false if left alive
+ */
+
+
+ var _sanitizeElements = function _sanitizeElements(currentNode) {
+ var content;
+ /* Execute a hook if present */
+
+ _executeHook('beforeSanitizeElements', currentNode, null);
+ /* Check if element is clobbered or can clobber */
+
+
+ if (_isClobbered(currentNode)) {
+ _forceRemove(currentNode);
+
+ return true;
+ }
+ /* Check if tagname contains Unicode */
+
+
+ if (regExpTest(/[\u0080-\uFFFF]/, currentNode.nodeName)) {
+ _forceRemove(currentNode);
+
+ return true;
+ }
+ /* Now let's check the element's type and name */
+
+
+ var tagName = transformCaseFunc(currentNode.nodeName);
+ /* Execute a hook if present */
+
+ _executeHook('uponSanitizeElement', currentNode, {
+ tagName: tagName,
+ allowedTags: ALLOWED_TAGS
+ });
+ /* Detect mXSS attempts abusing namespace confusion */
+
+
+ if (currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && (!_isNode(currentNode.content) || !_isNode(currentNode.content.firstElementChild)) && regExpTest(/<[/\w]/g, currentNode.innerHTML) && regExpTest(/<[/\w]/g, currentNode.textContent)) {
+ _forceRemove(currentNode);
+
+ return true;
+ }
+ /* Mitigate a problem with templates inside select */
+
+
+ if (tagName === 'select' && regExpTest(/<template/i, currentNode.innerHTML)) {
+ _forceRemove(currentNode);
+
+ return true;
+ }
+ /* Remove element if anything forbids its presence */
+
+
+ if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+ /* Check if we have a custom element to handle */
+ if (!FORBID_TAGS[tagName] && _basicCustomElementTest(tagName)) {
+ if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) return false;
+ if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) return false;
+ }
+ /* Keep content except for bad-listed elements */
+
+
+ if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
+ var parentNode = getParentNode(currentNode) || currentNode.parentNode;
+ var childNodes = getChildNodes(currentNode) || currentNode.childNodes;
+
+ if (childNodes && parentNode) {
+ var childCount = childNodes.length;
+
+ for (var i = childCount - 1; i >= 0; --i) {
+ parentNode.insertBefore(cloneNode(childNodes[i], true), getNextSibling(currentNode));
+ }
+ }
+ }
+
+ _forceRemove(currentNode);
+
+ return true;
+ }
+ /* Check whether element has a valid namespace */
+
+
+ if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
+ _forceRemove(currentNode);
+
+ return true;
+ }
+
+ if ((tagName === 'noscript' || tagName === 'noembed') && regExpTest(/<\/no(script|embed)/i, currentNode.innerHTML)) {
+ _forceRemove(currentNode);
+
+ return true;
+ }
+ /* Sanitize element content to be template-safe */
+
+
+ if (SAFE_FOR_TEMPLATES && currentNode.nodeType === 3) {
+ /* Get the element's text content */
+ content = currentNode.textContent;
+ content = stringReplace(content, MUSTACHE_EXPR$1, ' ');
+ content = stringReplace(content, ERB_EXPR$1, ' ');
+ content = stringReplace(content, TMPLIT_EXPR$1, ' ');
+
+ if (currentNode.textContent !== content) {
+ arrayPush(DOMPurify.removed, {
+ element: currentNode.cloneNode()
+ });
+ currentNode.textContent = content;
+ }
+ }
+ /* Execute a hook if present */
+
+
+ _executeHook('afterSanitizeElements', currentNode, null);
+
+ return false;
+ };
+ /**
+ * _isValidAttribute
+ *
+ * @param {string} lcTag Lowercase tag name of containing element.
+ * @param {string} lcName Lowercase attribute name.
+ * @param {string} value Attribute value.
+ * @return {Boolean} Returns true if `value` is valid, otherwise false.
+ */
+ // eslint-disable-next-line complexity
+
+
+ var _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {
+ /* Make sure attribute cannot clobber */
+ if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {
+ return false;
+ }
+ /* Allow valid data-* attributes: At least one character after "-"
+ (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
+ XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
+ We don't need to check the value; it's always URI safe. */
+
+
+ if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR$1, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR$1, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
+ if ( // First condition does a very basic check if a) it's basically a valid custom element tagname AND
+ // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+ // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
+ _basicCustomElementTest(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) || // Alternative, second condition checks if it's an `is`-attribute, AND
+ // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+ lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ; else {
+ return false;
+ }
+ /* Check value is safe. First, is attr inert? If so, is safe */
+
+ } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE$1, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA$1, stringReplace(value, ATTR_WHITESPACE$1, ''))) ; else if (!value) ; else {
+ return false;
+ }
+
+ return true;
+ };
+ /**
+ * _basicCustomElementCheck
+ * checks if at least one dash is included in tagName, and it's not the first char
+ * for more sophisticated checking see https://github.com/sindresorhus/validate-element-name
+ * @param {string} tagName name of the tag of the node to sanitize
+ */
+
+
+ var _basicCustomElementTest = function _basicCustomElementTest(tagName) {
+ return tagName.indexOf('-') > 0;
+ };
+ /**
+ * _sanitizeAttributes
+ *
+ * @protect attributes
+ * @protect nodeName
+ * @protect removeAttribute
+ * @protect setAttribute
+ *
+ * @param {Node} currentNode to sanitize
+ */
+
+
+ var _sanitizeAttributes = function _sanitizeAttributes(currentNode) {
+ var attr;
+ var value;
+ var lcName;
+ var l;
+ /* Execute a hook if present */
+
+ _executeHook('beforeSanitizeAttributes', currentNode, null);
+
+ var attributes = currentNode.attributes;
+ /* Check if we have attributes; if not we might have a text node */
+
+ if (!attributes) {
+ return;
+ }
+
+ var hookEvent = {
+ attrName: '',
+ attrValue: '',
+ keepAttr: true,
+ allowedAttributes: ALLOWED_ATTR
+ };
+ l = attributes.length;
+ /* Go backwards over all attributes; safely remove bad ones */
+
+ while (l--) {
+ attr = attributes[l];
+ var _attr = attr,
+ name = _attr.name,
+ namespaceURI = _attr.namespaceURI;
+ value = name === 'value' ? attr.value : stringTrim(attr.value);
+ lcName = transformCaseFunc(name);
+ /* Execute a hook if present */
+
+ hookEvent.attrName = lcName;
+ hookEvent.attrValue = value;
+ hookEvent.keepAttr = true;
+ hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set
+
+ _executeHook('uponSanitizeAttribute', currentNode, hookEvent);
+
+ value = hookEvent.attrValue;
+ /* Did the hooks approve of the attribute? */
+
+ if (hookEvent.forceKeepAttr) {
+ continue;
+ }
+ /* Remove attribute */
+
+
+ _removeAttribute(name, currentNode);
+ /* Did the hooks approve of the attribute? */
+
+
+ if (!hookEvent.keepAttr) {
+ continue;
+ }
+ /* Work around a security issue in jQuery 3.0 */
+
+
+ if (regExpTest(/\/>/i, value)) {
+ _removeAttribute(name, currentNode);
+
+ continue;
+ }
+ /* Sanitize attribute content to be template-safe */
+
+
+ if (SAFE_FOR_TEMPLATES) {
+ value = stringReplace(value, MUSTACHE_EXPR$1, ' ');
+ value = stringReplace(value, ERB_EXPR$1, ' ');
+ value = stringReplace(value, TMPLIT_EXPR$1, ' ');
+ }
+ /* Is `value` valid for this attribute? */
+
+
+ var lcTag = transformCaseFunc(currentNode.nodeName);
+
+ if (!_isValidAttribute(lcTag, lcName, value)) {
+ continue;
+ }
+ /* Full DOM Clobbering protection via namespace isolation,
+ * Prefix id and name attributes with `user-content-`
+ */
+
+
+ if (SANITIZE_NAMED_PROPS && (lcName === 'id' || lcName === 'name')) {
+ // Remove the attribute with this value
+ _removeAttribute(name, currentNode); // Prefix the value and later re-create the attribute with the sanitized value
+
+
+ value = SANITIZE_NAMED_PROPS_PREFIX + value;
+ }
+ /* Handle attributes that require Trusted Types */
+
+
+ if (trustedTypesPolicy && _typeof(trustedTypes) === 'object' && typeof trustedTypes.getAttributeType === 'function') {
+ if (namespaceURI) ; else {
+ switch (trustedTypes.getAttributeType(lcTag, lcName)) {
+ case 'TrustedHTML':
+ value = trustedTypesPolicy.createHTML(value);
+ break;
+
+ case 'TrustedScriptURL':
+ value = trustedTypesPolicy.createScriptURL(value);
+ break;
+ }
+ }
+ }
+ /* Handle invalid data-* attribute set by try-catching it */
+
+
+ try {
+ if (namespaceURI) {
+ currentNode.setAttributeNS(namespaceURI, name, value);
+ } else {
+ /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */
+ currentNode.setAttribute(name, value);
+ }
+
+ arrayPop(DOMPurify.removed);
+ } catch (_) {}
+ }
+ /* Execute a hook if present */
+
+
+ _executeHook('afterSanitizeAttributes', currentNode, null);
+ };
+ /**
+ * _sanitizeShadowDOM
+ *
+ * @param {DocumentFragment} fragment to iterate over recursively
+ */
+
+
+ var _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {
+ var shadowNode;
+
+ var shadowIterator = _createIterator(fragment);
+ /* Execute a hook if present */
+
+
+ _executeHook('beforeSanitizeShadowDOM', fragment, null);
+
+ while (shadowNode = shadowIterator.nextNode()) {
+ /* Execute a hook if present */
+ _executeHook('uponSanitizeShadowNode', shadowNode, null);
+ /* Sanitize tags and elements */
+
+
+ if (_sanitizeElements(shadowNode)) {
+ continue;
+ }
+ /* Deep shadow DOM detected */
+
+
+ if (shadowNode.content instanceof DocumentFragment) {
+ _sanitizeShadowDOM(shadowNode.content);
+ }
+ /* Check attributes, sanitize if necessary */
+
+
+ _sanitizeAttributes(shadowNode);
+ }
+ /* Execute a hook if present */
+
+
+ _executeHook('afterSanitizeShadowDOM', fragment, null);
+ };
+ /**
+ * Sanitize
+ * Public method providing core sanitation functionality
+ *
+ * @param {String|Node} dirty string or DOM node
+ * @param {Object} configuration object
+ */
+ // eslint-disable-next-line complexity
+
+
+ DOMPurify.sanitize = function (dirty) {
+ var cfg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+ var body;
+ var importedNode;
+ var currentNode;
+ var oldNode;
+ var returnNode;
+ /* Make sure we have a string to sanitize.
+ DO NOT return early, as this will return the wrong type if
+ the user has requested a DOM object rather than a string */
+
+ IS_EMPTY_INPUT = !dirty;
+
+ if (IS_EMPTY_INPUT) {
+ dirty = '<!-->';
+ }
+ /* Stringify, in case dirty is an object */
+
+
+ if (typeof dirty !== 'string' && !_isNode(dirty)) {
+ // eslint-disable-next-line no-negated-condition
+ if (typeof dirty.toString !== 'function') {
+ throw typeErrorCreate('toString is not a function');
+ } else {
+ dirty = dirty.toString();
+
+ if (typeof dirty !== 'string') {
+ throw typeErrorCreate('dirty is not a string, aborting');
+ }
+ }
+ }
+ /* Check we can run. Otherwise fall back or ignore */
+
+
+ if (!DOMPurify.isSupported) {
+ if (_typeof(window.toStaticHTML) === 'object' || typeof window.toStaticHTML === 'function') {
+ if (typeof dirty === 'string') {
+ return window.toStaticHTML(dirty);
+ }
+
+ if (_isNode(dirty)) {
+ return window.toStaticHTML(dirty.outerHTML);
+ }
+ }
+
+ return dirty;
+ }
+ /* Assign config vars */
+
+
+ if (!SET_CONFIG) {
+ _parseConfig(cfg);
+ }
+ /* Clean up removed elements */
+
+
+ DOMPurify.removed = [];
+ /* Check if dirty is correctly typed for IN_PLACE */
+
+ if (typeof dirty === 'string') {
+ IN_PLACE = false;
+ }
+
+ if (IN_PLACE) {
+ /* Do some early pre-sanitization to avoid unsafe root nodes */
+ if (dirty.nodeName) {
+ var tagName = transformCaseFunc(dirty.nodeName);
+
+ if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+ throw typeErrorCreate('root node is forbidden and cannot be sanitized in-place');
+ }
+ }
+ } else if (dirty instanceof Node) {
+ /* If dirty is a DOM element, append to an empty document to avoid
+ elements being stripped by the parser */
+ body = _initDocument('<!---->');
+ importedNode = body.ownerDocument.importNode(dirty, true);
+
+ if (importedNode.nodeType === 1 && importedNode.nodeName === 'BODY') {
+ /* Node is already a body, use as is */
+ body = importedNode;
+ } else if (importedNode.nodeName === 'HTML') {
+ body = importedNode;
+ } else {
+ // eslint-disable-next-line unicorn/prefer-dom-node-append
+ body.appendChild(importedNode);
+ }
+ } else {
+ /* Exit directly if we have nothing to do */
+ if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT && // eslint-disable-next-line unicorn/prefer-includes
+ dirty.indexOf('<') === -1) {
+ return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
+ }
+ /* Initialize the document to work on */
+
+
+ body = _initDocument(dirty);
+ /* Check we have a DOM node from the data */
+
+ if (!body) {
+ return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : '';
+ }
+ }
+ /* Remove first element node (ours) if FORCE_BODY is set */
+
+
+ if (body && FORCE_BODY) {
+ _forceRemove(body.firstChild);
+ }
+ /* Get node iterator */
+
+
+ var nodeIterator = _createIterator(IN_PLACE ? dirty : body);
+ /* Now start iterating over the created document */
+
+
+ while (currentNode = nodeIterator.nextNode()) {
+ /* Fix IE's strange behavior with manipulated textNodes #89 */
+ if (currentNode.nodeType === 3 && currentNode === oldNode) {
+ continue;
+ }
+ /* Sanitize tags and elements */
+
+
+ if (_sanitizeElements(currentNode)) {
+ continue;
+ }
+ /* Shadow DOM detected, sanitize it */
+
+
+ if (currentNode.content instanceof DocumentFragment) {
+ _sanitizeShadowDOM(currentNode.content);
+ }
+ /* Check attributes, sanitize if necessary */
+
+
+ _sanitizeAttributes(currentNode);
+
+ oldNode = currentNode;
+ }
+
+ oldNode = null;
+ /* If we sanitized `dirty` in-place, return it. */
+
+ if (IN_PLACE) {
+ return dirty;
+ }
+ /* Return sanitized string or DOM */
+
+
+ if (RETURN_DOM) {
+ if (RETURN_DOM_FRAGMENT) {
+ returnNode = createDocumentFragment.call(body.ownerDocument);
+
+ while (body.firstChild) {
+ // eslint-disable-next-line unicorn/prefer-dom-node-append
+ returnNode.appendChild(body.firstChild);
+ }
+ } else {
+ returnNode = body;
+ }
+
+ if (ALLOWED_ATTR.shadowroot) {
+ /*
+ AdoptNode() is not used because internal state is not reset
+ (e.g. the past names map of a HTMLFormElement), this is safe
+ in theory but we would rather not risk another attack vector.
+ The state that is cloned by importNode() is explicitly defined
+ by the specs.
+ */
+ returnNode = importNode.call(originalDocument, returnNode, true);
+ }
+
+ return returnNode;
+ }
+
+ var serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
+ /* Serialize doctype if allowed */
+
+ if (WHOLE_DOCUMENT && ALLOWED_TAGS['!doctype'] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
+ serializedHTML = '<!DOCTYPE ' + body.ownerDocument.doctype.name + '>\n' + serializedHTML;
+ }
+ /* Sanitize final string template-safe */
+
+
+ if (SAFE_FOR_TEMPLATES) {
+ serializedHTML = stringReplace(serializedHTML, MUSTACHE_EXPR$1, ' ');
+ serializedHTML = stringReplace(serializedHTML, ERB_EXPR$1, ' ');
+ serializedHTML = stringReplace(serializedHTML, TMPLIT_EXPR$1, ' ');
+ }
+
+ return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
+ };
+ /**
+ * Public method to set the configuration once
+ * setConfig
+ *
+ * @param {Object} cfg configuration object
+ */
+
+
+ DOMPurify.setConfig = function (cfg) {
+ _parseConfig(cfg);
+
+ SET_CONFIG = true;
+ };
+ /**
+ * Public method to remove the configuration
+ * clearConfig
+ *
+ */
+
+
+ DOMPurify.clearConfig = function () {
+ CONFIG = null;
+ SET_CONFIG = false;
+ };
+ /**
+ * Public method to check if an attribute value is valid.
+ * Uses last set config, if any. Otherwise, uses config defaults.
+ * isValidAttribute
+ *
+ * @param {string} tag Tag name of containing element.
+ * @param {string} attr Attribute name.
+ * @param {string} value Attribute value.
+ * @return {Boolean} Returns true if `value` is valid. Otherwise, returns false.
+ */
+
+
+ DOMPurify.isValidAttribute = function (tag, attr, value) {
+ /* Initialize shared config vars if necessary. */
+ if (!CONFIG) {
+ _parseConfig({});
+ }
+
+ var lcTag = transformCaseFunc(tag);
+ var lcName = transformCaseFunc(attr);
+ return _isValidAttribute(lcTag, lcName, value);
+ };
+ /**
+ * AddHook
+ * Public method to add DOMPurify hooks
+ *
+ * @param {String} entryPoint entry point for the hook to add
+ * @param {Function} hookFunction function to execute
+ */
+
+
+ DOMPurify.addHook = function (entryPoint, hookFunction) {
+ if (typeof hookFunction !== 'function') {
+ return;
+ }
+
+ hooks[entryPoint] = hooks[entryPoint] || [];
+ arrayPush(hooks[entryPoint], hookFunction);
+ };
+ /**
+ * RemoveHook
+ * Public method to remove a DOMPurify hook at a given entryPoint
+ * (pops it from the stack of hooks if more are present)
+ *
+ * @param {String} entryPoint entry point for the hook to remove
+ * @return {Function} removed(popped) hook
+ */
+
+
+ DOMPurify.removeHook = function (entryPoint) {
+ if (hooks[entryPoint]) {
+ return arrayPop(hooks[entryPoint]);
+ }
+ };
+ /**
+ * RemoveHooks
+ * Public method to remove all DOMPurify hooks at a given entryPoint
+ *
+ * @param {String} entryPoint entry point for the hooks to remove
+ */
+
+
+ DOMPurify.removeHooks = function (entryPoint) {
+ if (hooks[entryPoint]) {
+ hooks[entryPoint] = [];
+ }
+ };
+ /**
+ * RemoveAllHooks
+ * Public method to remove all DOMPurify hooks
+ *
+ */
+
+
+ DOMPurify.removeAllHooks = function () {
+ hooks = {};
+ };
+
+ return DOMPurify;
+ }
+
+ var purify = createDOMPurify();
+
+ return purify;
+
+}));
+//# sourceMappingURL=purify.js.map
diff --git a/web/js/ui/render.js b/web/js/ui/render.js
@@ -22,21 +22,21 @@ function render_events(damus, view) {
function render_reply_line_top(has_top_line) {
const classes = has_top_line ? "" : "invisible"
- return `<div class="line-top ${classes}"></div>`
+ return html`<div class="line-top ${classes}"></div>`
}
function render_reply_line_bot() {
- return `<div class="line-bot"></div>`
+ return html`<div class="line-bot"></div>`
}
function render_thread_collapsed(model, ev, opts)
{
if (opts.is_composing)
return ""
- return `<div onclick="expand_thread('${ev.id}')" class="thread-collapsed">
+ return html`<div onclick="expand_thread('${ev.id}')" class="thread-collapsed">
<div class="thread-summary clickable event-message">
Read More
- <img class="icon small" src="icon/read-more.svg"/>
+ <img class="icon svg small" src="icon/read-more.svg"/>
</div>
</div>`
}
@@ -65,7 +65,7 @@ function render_replying_to_chat(damus, ev) {
const names = pks.map(pk => render_mentioned_name(pk, damus.profiles[pk])).join(", ")
const to_users = pks.length === 0 ? "" : ` to ${names}`
- return `<div class="replying-to">replying${to_users} in <span class="chatroom-name">${roomname}</span></div>`
+ return html`<div class="replying-to">replying${to_users} in <span class="chatroom-name">${roomname}</span></div>`
}
function render_replying_to(model, ev) {
@@ -79,16 +79,16 @@ function render_replying_to(model, ev) {
if (pubkeys.length === 0 && ev.refs.reply) {
const replying_to = model.all_events[ev.refs.reply]
if (!replying_to)
- return `<div class="replying-to small-txt">reply to ${ev.refs.reply}</div>`
+ return html`<div class="replying-to small-txt">reply to ${ev.refs.reply}</div>`
pubkeys = [replying_to.pubkey]
}
const names = ev.refs.pubkeys.map(pk => render_mentioned_name(pk, model.profiles[pk])).join(", ")
- return `
+ return html`
<span class="replying-to small-txt">
- replying to ${names}
+ replying to $${names}
</span>
`
}
@@ -117,16 +117,16 @@ function render_comment_body(damus, ev, opts) {
const bar = !can_reply(ev) || opts.nobar? "" : render_action_bar(damus, ev, can_delete)
const show_media = !opts.is_composing
- return `
+ return html`
<div>
- ${render_replying_to(damus, ev)}
- ${render_shared_by(ev, opts)}
+ $${render_replying_to(damus, ev)}
+ $${render_shared_by(ev, opts)}
</div>
<p>
- ${format_content(ev, show_media)}
+ $${format_content(ev, show_media)}
</p>
- ${render_reactions(damus, ev)}
- ${bar}
+ $${render_reactions(damus, ev)}
+ $${bar}
`
}
@@ -135,23 +135,23 @@ function render_shared_by(ev, opts) {
if (!b) {
return ""
}
- return `
+ return html`
<div class="shared-by">
- Shared by ${render_name(b.pubkey, b.profile)}
+ Shared by $${render_name(b.pubkey, b.profile)}
</div>
`
}
function render_deleted_comment_body(ev, deleted) {
if (deleted.content) {
- return `
+ return html`
<div class="deleted-comment event-message">
This content was deleted with reason:
<div class="quote">${format_content(deleted, false)}</div>
</div>
`
}
- return `
+ return html`
<div class="deleted-comment event-message">
This content was deleted.
</div>
@@ -185,24 +185,24 @@ function render_event(damus, view, ev, opts={}) {
const has_top_line = replied_events !== ""
const border_bottom = opts.is_composing || has_bot_line ? "" : "bottom-border";
- return `
- ${replied_events}
+ return html`
+ $${replied_events}
<div id="ev${ev.id}" class="event ${border_bottom}">
<div class="userpic">
- ${render_reply_line_top(has_top_line)}
- ${deleted ? render_deleted_pfp() : render_pfp(ev.pubkey, profile)}
- ${reply_line_bot}
+ $${render_reply_line_top(has_top_line)}
+ $${deleted ? render_deleted_pfp() : render_pfp(ev.pubkey, profile)}
+ $${reply_line_bot}
</div>
<div class="event-content">
<div class="info">
- ${render_name(ev.pubkey, profile)}
+ $${render_name(ev.pubkey, profile)}
<span class="timestamp">${delta}</span>
<button class="icon" title="View Thread" role="view-event" data-eid="${ev.id}" onclick="click_event(this)">
- <img class="icon small" src="icon/open-thread.svg"/>
+ <img class="icon svg small" src="icon/open-thread.svg"/>
</button>
</div>
<div class="comment">
- ${deleted ? render_deleted_comment_body(ev, deleted) : render_comment_body(damus, ev, opts)}
+ $${deleted ? render_deleted_comment_body(ev, deleted) : render_comment_body(damus, ev, opts)}
</div>
</div>
</div>
@@ -212,9 +212,9 @@ function render_event(damus, view, ev, opts={}) {
function render_react_onclick(our_pubkey, reacting_to, emoji, reactions) {
const reaction = reactions[our_pubkey]
if (!reaction) {
- return `onclick="send_reply('${emoji}', '${reacting_to}')"`
+ return html`onclick="send_reply('${emoji}', '${reacting_to}')"`
} else {
- return `onclick="delete_post('${reaction.id}')"`
+ return html`onclick="delete_post('${reaction.id}')"`
}
}
@@ -223,12 +223,12 @@ function render_reaction_group(model, emoji, reactions, reacting_to) {
let onclick = render_react_onclick(model.pubkey, reacting_to.id, emoji, reactions)
- return `
- <span ${onclick} class="reaction-group clickable">
+ return html`
+ <span $${onclick} class="reaction-group clickable">
<span class="reaction-emoji">
${emoji}
</span>
- ${pfps.join("\n")}
+ $${pfps.join("\n")}
</span>
`
}
@@ -245,25 +245,25 @@ function render_reaction(model, reaction) {
function render_action_bar(damus, ev, can_delete) {
let delete_html = ""
if (can_delete)
- delete_html = `
+ delete_html = html`
<button class="icon" title="Delete" onclick="delete_post_confirm('${ev.id}')">
- <img class="icon small" src="icon/event-delete.svg"/>
+ <img class="icon svg small" src="icon/event-delete.svg"/>
</button>`
const groups = get_reactions(damus, ev.id)
const like = "❤️"
const likes = groups[like] || {}
const react_onclick = render_react_onclick(damus.pubkey, ev.id, like, likes)
- return `
+ return html`
<div class="action-bar">
<button class="icon" title="Reply" onclick="reply_to('${ev.id}')">
- <img class="icon small" src="icon/event-reply.svg"/>
+ <img class="icon svg small" src="icon/event-reply.svg"/>
</button>
- <button class="icon react heart" ${react_onclick} title="Like">
- <img class="icon small" src="icon/event-like.svg"/>
+ <button class="icon react heart" $${react_onclick} title="Like">
+ <img class="icon svg small" src="icon/event-like.svg"/>
</button>
<!--<button class="icon" title="Share" onclick=""><i class="fa fa-fw fa-link"></i></a>-->
- ${delete_html}
+ $${delete_html}
<!--<button class="icon" title="View raw Nostr event." onclick=""><i class="fa-solid fa-fw fa-code"></i></a>-->
</div>
`
@@ -277,9 +277,9 @@ function render_reactions(model, ev) {
str += render_reaction_group(model, emoji, groups[emoji], ev)
}
- return `
+ return html`
<div class="reactions">
- ${str}
+ $${str}
</div>
`
}
@@ -290,15 +290,11 @@ function render_reactions(model, ev) {
* that is best suited for the profile.
*/
function render_name_plain(profile=DEFAULT_PROFILE) {
- if (profile.sanitized_name)
- return profile.sanitized_name
-
const display_name = profile.display_name || profile.user
const username = profile.name || "anon"
const name = display_name || username
- profile.sanitized_name = sanitize(name)
- return profile.sanitized_name
+ return profile.name
}
function render_pubkey(pk)
@@ -317,7 +313,7 @@ function render_mentioned_name(pk, profile) {
}
function render_name(pk, profile, prefix="") {
- return `
+ return html`
<span class="username clickable" onclick="show_profile('${pk}')"
data-pk="${pk}">${prefix}${render_name_plain(profile)}
</span>`
@@ -329,13 +325,13 @@ function render_deleted_name() {
function render_pfp(pk, profile) {
const name = render_name_plain(profile)
- return `<img class="pfp" title="${name}"
+ return html`<img class="pfp" title="${name}"
onerror="this.onerror=null;this.src='${robohash(pk)}';"
src="${get_picture(pk, profile)}">`
}
function render_deleted_pfp() {
- return `
+ return html`
<div class="pfp deleted">
<i class="fa-solid fa-fw fa-ghost"></i>
</div>`
@@ -343,10 +339,10 @@ function render_deleted_pfp() {
function render_loading_spinner()
{
- return `
+ return html`
<div class="loading-events">
<div class="loader" title="Loading...">
- <img src="icon/loader-fragment.svg"/>
+ <img class="dark-invert" src="icon/loader-fragment.svg"/>
</div>
</div>`
}
diff --git a/web/js/ui/safe-html.js b/web/js/ui/safe-html.js
@@ -0,0 +1,38 @@
+// https://github.com/AntonioVdlC/html-template-tag
+
+const chars = {
+ "&": "&",
+ ">": ">",
+ "<": "<",
+ '"': """,
+ "'": "'",
+ "`": "`",
+};
+
+// Dynamically create a RegExp from the `chars` object
+const re = new RegExp(Object.keys(chars).join("|"), "g");
+
+// Return the escaped string
+function escape(str) {
+ return String(str).replace(re, (match) => chars[match]);
+}
+
+function html(
+ literals,
+ ...substs
+) {
+ return literals.raw.reduce((acc, lit, i) => {
+ let subst = substs[i - 1];
+ if (Array.isArray(subst)) {
+ subst = subst.join("");
+ } else if (literals.raw[i - 1] && literals.raw[i - 1].endsWith("$")) {
+ // If the interpolation is preceded by a dollar sign,
+ // substitution is considered safe and will not be escaped
+ acc = acc.slice(0, -1);
+ } else {
+ subst = escape(subst);
+ }
+
+ return acc + subst + lit;
+ });
+}
diff --git a/web/js/util.js b/web/js/util.js
@@ -166,23 +166,23 @@ function linkify(text, show_media) {
return text.replace(URL_REGEX, function(match, p1, p2, p3) {
const url = p2+p3
const parsed = new URL(url)
- let html;
+ let markup;
if (show_media && is_img_url(parsed.pathname)) {
- html = `
+ markup = html`
<a target="_blank" href="${url}">
<img class="inline-img" src="${url}"/>
</a>
`;
} else if (show_media && is_video_url(parsed.pathname)) {
- html = `
+ markup = html`
<video controls class="inline-img" />
<source src="${url}">
</video>
`;
} else {
- html = `<a target="_blank" rel="noopener noreferrer" href="${url}">${url}</a>`;
+ markup = html`<a target="_blank" rel="noopener noreferrer" href="${url}">${url}</a>`;
}
- return p1+html;
+ return p1+markup;
})
}
