From 47f17fde452b5e9f0c9e96ce0e2c878dd0574b7f Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Sat, 18 May 2024 16:08:35 +0300
Subject: [PATCH] Add support for sending gifs via Giphy
Fixes #22
Closes #75
Co-authored-by: Nischay <hegdenischay@gmail.com>
---
.editorconfig | 15 ++
sticker/lib/matrix.py | 17 +-
web/index.html | 27 +--
web/lib/htm/preact.js | 8 +-
web/package.json | 2 +-
web/res/giphy-dark.svg | 55 ++++++
web/res/giphy-light.svg | 54 +++++
web/res/powered-by-giphy.png | Bin 0 -> 7741 bytes
web/src/giphy.js | 107 ++++++++++
web/src/index.js | 126 +++++++-----
web/src/search-box.js | 8 +-
web/src/widget-api.js | 3 +-
web/style/index.css | 2 +-
web/style/index.sass | 21 ++
web/yarn.lock | 374 ++++++++++++++++++++++++-----------
15 files changed, 631 insertions(+), 188 deletions(-)
create mode 100644 .editorconfig
create mode 100644 web/res/giphy-dark.svg
create mode 100644 web/res/giphy-light.svg
create mode 100644 web/res/powered-by-giphy.png
create mode 100644 web/src/giphy.js
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..e472869
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,15 @@
+root = true
+
+[*]
+indent_style = tab
+indent_size = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.{yaml,yml,sql,py,sass}]
+indent_style = space
+
+[*.sass]
+indent_size = 2
diff --git a/sticker/lib/matrix.py b/sticker/lib/matrix.py
index e506e83..d048603 100644
--- a/sticker/lib/matrix.py
+++ b/sticker/lib/matrix.py
@@ -55,10 +55,23 @@ async def load_config(path: str) -> None:
config = json.load(config_file)
homeserver_url = config["homeserver"]
access_token = config["access_token"]
+ try:
+ giphy_api_key = config["giphy_api_key"]
+ giphy_mxc_prefix = config["giphy_mxc_prefix"]
+ except KeyError:
+ # these two are not mandatory, assume GIF search is disabled
+ print("Giphy related parameters not found in the config file.")
except FileNotFoundError:
print("Matrix config file not found. Please enter your homeserver and access token.")
homeserver_url = input("Homeserver URL: ")
access_token = input("Access token: ")
+ print("If you want to enable GIF search, enter your giphy API key. Otherwise, leave it empty.")
+ giphy_api_key = input("Giphy API key: ").strip()
+ giphy_mxc_prefix = "mxc://giphy.mau.dev/"
+ if giphy_api_key:
+ print("If you want to self-host the matrix->giphy proxy, enter the mxc URI prefix here")
+ print("Defaults to mxc://giphy.mau.dev/ if left empty.")
+ giphy_mxc_prefix = input("Giphy MXC prefix: ").strip() or giphy_mxc_prefix
whoami_url = URL(homeserver_url) / "_matrix" / "client" / "r0" / "account" / "whoami"
if whoami_url.scheme not in ("https", "http"):
whoami_url = whoami_url.with_scheme("https")
@@ -67,7 +80,9 @@ async def load_config(path: str) -> None:
json.dump({
"homeserver": homeserver_url,
"user_id": user_id,
- "access_token": access_token
+ "access_token": access_token,
+ "giphy_api_key": giphy_api_key,
+ "giphy_mxc_prefix": giphy_mxc_prefix,
}, config_file)
print(f"Wrote config to {path}")
diff --git a/web/index.html b/web/index.html
index 6312814..527ea7b 100644
--- a/web/index.html
+++ b/web/index.html
@@ -1,22 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
- <title>Maunium sticker picker</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
+ <title>Maunium sticker picker</title>
- <link rel="modulepreload" href="src/widget-api.js"/>
- <link rel="modulepreload" href="src/frequently-used.js"/>
- <link rel="modulepreload" href="src/spinner.js"/>
- <link rel="modulepreload" href="lib/htm/preact.js"/>
- <link rel="preload" href="packs/index.json" as="fetch" type="application/json" crossorigin/>
+ <link rel="modulepreload" href="src/widget-api.js"/>
+ <link rel="modulepreload" href="src/frequently-used.js"/>
+ <link rel="modulepreload" href="src/spinner.js"/>
+ <link rel="modulepreload" href="src/giphy.js"/>
+ <link rel="modulepreload" href="lib/htm/preact.js"/>
+ <link rel="preload" href="packs/index.json" as="fetch" type="application/json" crossorigin/>
- <link rel="stylesheet" href="style/index.css"/>
- <link rel="stylesheet" href="style/spinner.css"/>
- <script src="src/index.js" type="module"></script>
- <script nomodule>document.body.innerText = "This sticker picker requires modern JavaScript"</script>
+ <link rel="stylesheet" href="style/index.css"/>
+ <link rel="stylesheet" href="style/spinner.css"/>
+ <script src="src/index.js" type="module"></script>
+ <script nomodule>document.body.innerText = "This sticker picker requires modern JavaScript"</script>
</head>
<body>
- <noscript>This sticker picker requires JavaScript</noscript>
+ <noscript>This sticker picker requires JavaScript</noscript>
</body>
</html>
diff --git a/web/lib/htm/preact.js b/web/lib/htm/preact.js
index 4213116..ebf36ea 100644
--- a/web/lib/htm/preact.js
+++ b/web/lib/htm/preact.js
@@ -1,7 +1,7 @@
-var n,l,u,t,o,r,e={},c=[],s=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function a(n,l){for(var u in l)n[u]=l[u];return n}function h(n){var l=n.parentNode;l&&l.removeChild(n);}function v(l,u,i){var t,o,r,f={};for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return y(l,f,t,o,null)}function y(n,i,t,o,r){var f={type:n,props:i,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u:r};return null!=l.vnode&&l.vnode(f),f}function d(n){return n.children}function _(n,l){this.props=n,this.context=l;}function k(n,l){if(null==l)return n.__?k(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?k(n):null}function b(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return b(n)}}function m(n){(!n.__d&&(n.__d=!0)&&t.push(n)&&!g.__r++||r!==l.debounceRendering)&&((r=l.debounceRendering)||o)(g);}function g(){for(var n;g.__r=t.length;)n=t.sort(function(n,l){return n.__v.__b-l.__v.__b}),t=[],n.some(function(n){var l,u,i,t,o,r;n.__d&&(o=(t=(l=n).__v).__e,(r=l.__P)&&(u=[],(i=a({},t)).__v=t.__v+1,j(r,t,i,l.__n,void 0!==r.ownerSVGElement,null!=t.__h?[o]:null,u,null==o?k(t):o,t.__h),z(u,t),t.__e!=o&&b(t)));});}function w(n,l,u,i,t,o,r,f,s,a){var h,v,p,_,b,m,g,w=i&&i.__k||c,A=w.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(_=u.__k[h]=null==(_=l[h])||"boolean"==typeof _?null:"string"==typeof _||"number"==typeof _||"bigint"==typeof _?y(null,_,null,null,_):Array.isArray(_)?y(d,{children:_},null,null,null):_.__b>0?y(_.type,_.props,_.key,null,_.__v):_)){if(_.__=u,_.__b=u.__b+1,null===(p=w[h])||p&&_.key==p.key&&_.type===p.type)w[h]=void 0;else for(v=0;v<A;v++){if((p=w[v])&&_.key==p.key&&_.type===p.type){w[v]=void 0;break}p=null;}j(n,_,p=p||e,t,o,r,f,s,a),b=_.__e,(v=_.ref)&&p.ref!=v&&(g||(g=[]),p.ref&&g.push(p.ref,null,_),g.push(v,_.__c||b,_)),null!=b?(null==m&&(m=b),"function"==typeof _.type&&null!=_.__k&&_.__k===p.__k?_.__d=s=x(_,s,n):s=P(n,_,p,w,b,s),a||"option"!==u.type?"function"==typeof u.type&&(u.__d=s):n.value=""):s&&p.__e==s&&s.parentNode!=n&&(s=k(p));}for(u.__e=m,h=A;h--;)null!=w[h]&&("function"==typeof u.type&&null!=w[h].__e&&w[h].__e==u.__d&&(u.__d=k(i,h+1)),N(w[h],w[h]));if(g)for(h=0;h<g.length;h++)M(g[h],g[++h],g[++h]);}function x(n,l,u){var i,t;for(i=0;i<n.__k.length;i++)(t=n.__k[i])&&(t.__=n,l="function"==typeof t.type?x(t,l,u):P(u,t,t,n.__k,t.__e,l));return l}function P(n,l,u,i,t,o){var r,f,e;if(void 0!==l.__d)r=l.__d,l.__d=void 0;else if(null==u||t!=o||null==t.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(t),r=null;else {for(f=o,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,o),r=o;}return void 0!==r?r:t.nextSibling}function C(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||H(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||H(n,o,l[o],u[o],i);}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||s.test(l)?u:u+"px";}function H(n,l,u,i,t){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?i||n.addEventListener(l,o?T:I,o):n.removeEventListener(l,o?T:I,o);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink[H:h]/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null!=u&&(!1!==u||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l));}}function I(n){this.l[n.type+!1](l.event?l.event(n):n);}function T(n){this.l[n.type+!0](l.event?l.event(n):n);}function j(n,u,i,t,o,r,f,e,c){var s,h,v,y,p,k,b,m,g,x,A,P=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(s=l.__b)&&s(u);try{n:if("function"==typeof P){if(m=u.props,g=(s=P.contextType)&&t[s.__c],x=s?g?g.props.value:s.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in P&&P.prototype.render?u.__c=h=new P(m,x):(u.__c=h=new _(m,x),h.constructor=P,h.render=O),g&&g.sub(h),h.props=m,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[]),null==h.__s&&(h.__s=h.state),null!=P.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=a({},h.__s)),a(h.__s,P.getDerivedStateFromProps(m,h.__s))),y=h.props,p=h.state,v)null==P.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(null==P.getDerivedStateFromProps&&m!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,x)||u.__v===i.__v){h.props=m,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,p,k);});}h.context=x,h.props=m,h.state=h.__s,(s=l.__r)&&s(u),h.__d=!1,h.__v=u,h.__P=n,s=h.render(h.props,h.state,h.context),h.state=h.__s,null!=h.getChildContext&&(t=a(a({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,p)),A=null!=s&&s.type===d&&null==s.key?s.props.children:s,w(n,Array.isArray(A)?A:[A],u,i,t,o,r,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1;}else null==r&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L(i.__e,u,i,t,o,r,f,c);(s=l.diffed)&&s(u);}catch(n){u.__v=null,(c||null!=r)&&(u.__e=e,u.__h=!!c,r[r.indexOf(e)]=null),l.__e(n,u,i);}}function z(n,u){l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l.__e(n,u.__v);}});}function L(l,u,i,t,o,r,f,c){var s,a,v,y=i.props,p=u.props,d=u.type,_=0;if("svg"===d&&(o=!0),null!=r)for(;_<r.length;_++)if((s=r[_])&&(s===l||(d?s.localName==d:3==s.nodeType))){l=s,r[_]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=o?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),r=null,c=!1;}if(null===d)y===p||c&&l.data===p||(l.data=p);else {if(r=r&&n.call(l.childNodes),a=(y=i.props||e).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=r)for(y={},_=0;_<l.attributes.length;_++)y[l.attributes[_].name]=l.attributes[_].value;(v||a)&&(v&&(a&&v.__html==a.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""));}if(C(l,p,y,o,c),v)u.__k=[];else if(_=u.props.children,w(l,Array.isArray(_)?_:[_],u,i,t,o&&"foreignObject"!==d,r,f,r?r[0]:i.__k&&k(i,0),c),null!=r)for(_=r.length;_--;)null!=r[_]&&h(r[_]);c||("value"in p&&void 0!==(_=p.value)&&(_!==l.value||"progress"===d&&!_)&&H(l,"value",_,y.value,!1),"checked"in p&&void 0!==(_=p.checked)&&_!==l.checked&&H(l,"checked",_,y.checked,!1));}return l}function M(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l.__e(n,i);}}function N(n,u,i){var t,o;if(l.unmount&&l.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l.__e(n,u);}t.base=t.__P=null;}if(t=n.__k)for(o=0;o<t.length;o++)t[o]&&N(t[o],u,"function"!=typeof n.type);i||null==n.__e||h(n.__e),n.__e=n.__d=void 0;}function O(n,l,u){return this.constructor(n,u)}function S(u,i,t){var o,r,f;l.__&&l.__(u,i),r=(o="function"==typeof t)?null:t&&t.__k||i.__k,f=[],j(i,u=(!o&&t||i).__k=v(d,null,[u]),r||e,e,void 0!==i.ownerSVGElement,!o&&t?[t]:r?null:i.firstChild?n.call(i.childNodes):null,f,!o&&t?t:r?r.__e:i.firstChild,o),z(f,u);}n=c.slice,l={__e:function(n,l){for(var u,i,t;l=l.__;)if((u=l.__c)&&!u.__)try{if((i=u.constructor)&&null!=i.getDerivedStateFromError&&(u.setState(i.getDerivedStateFromError(n)),t=u.__d),null!=u.componentDidCatch&&(u.componentDidCatch(n),t=u.__d),t)return u.__E=u}catch(l){n=l;}throw n}},u=0,_.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=a({},this.state),"function"==typeof n&&(n=n(a({},u),this.props)),n&&a(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),m(this));},_.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),m(this));},_.prototype.render=d,t=[],o="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,g.__r=0,0;
+var n,l,u,i,o,r,f,e,c,s,h={},p=[],v=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,y=Array.isArray;function d(n,l){for(var u in l)n[u]=l[u];return n}function w(n){var l=n.parentNode;l&&l.removeChild(n);}function _(l,u,t){var i,o,r,f={};for(r in u)"key"==r?i=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return g(l,f,i,o,null)}function g(n,t,i,o,r){var f={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==r?++u:r,__i:-1,__u:0};return null==r&&null!=l.vnode&&l.vnode(f),f}function k(n){return n.children}function b(n,l){this.props=n,this.context=l;}function x(n,l){if(null==l)return n.__?x(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?x(n):null}function C(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return C(n)}}function M(n){(!n.__d&&(n.__d=!0)&&i.push(n)&&!P.__r++||o!==l.debounceRendering)&&((o=l.debounceRendering)||r)(P);}function P(){var n,u,t,o,r,e,c,s;for(i.sort(f);n=i.shift();)n.__d&&(u=i.length,o=void 0,e=(r=(t=n).__v).__e,c=[],s=[],t.__P&&((o=d({},r)).__v=r.__v+1,l.vnode&&l.vnode(o),O(t.__P,o,r,t.__n,t.__P.namespaceURI,32&r.__u?[e]:null,c,null==e?x(r):e,!!(32&r.__u),s),o.__v=r.__v,o.__.__k[o.__i]=o,j(c,o,s),o.__e!=e&&C(o)),i.length>u&&i.sort(f));P.__r=0;}function S(n,l,u,t,i,o,r,f,e,c,s){var a,v,y,d,w,_=t&&t.__k||p,g=l.length;for(u.__d=e,$(u,l,_),e=u.__d,a=0;a<g;a++)null!=(y=u.__k[a])&&"boolean"!=typeof y&&"function"!=typeof y&&(v=-1===y.__i?h:_[y.__i]||h,y.__i=a,O(n,y,v,i,o,r,f,e,c,s),d=y.__e,y.ref&&v.ref!=y.ref&&(v.ref&&N(v.ref,null,y),s.push(y.ref,y.__c||d,y)),null==w&&null!=d&&(w=d),65536&y.__u||v.__k===y.__k?(e&&!e.isConnected&&(e=x(v)),e=I(y,e,n)):"function"==typeof y.type&&void 0!==y.__d?e=y.__d:d&&(e=d.nextSibling),y.__d=void 0,y.__u&=-196609);u.__d=e,u.__e=w;}function $(n,l,u){var t,i,o,r,f,e=l.length,c=u.length,s=c,a=0;for(n.__k=[],t=0;t<e;t++)r=t+a,null!=(i=n.__k[t]=null==(i=l[t])||"boolean"==typeof i||"function"==typeof i?null:"string"==typeof i||"number"==typeof i||"bigint"==typeof i||i.constructor==String?g(null,i,null,null,null):y(i)?g(k,{children:i},null,null,null):void 0===i.constructor&&i.__b>0?g(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i)?(i.__=n,i.__b=n.__b+1,f=L(i,u,r,s),i.__i=f,o=null,-1!==f&&(s--,(o=u[f])&&(o.__u|=131072)),null==o||null===o.__v?(-1==f&&a--,"function"!=typeof i.type&&(i.__u|=65536)):f!==r&&(f===r+1?a++:f>r?s>e-r?a+=f-r:a--:f<r?f==r-1&&(a=f-r):a=0,f!==t+a&&(i.__u|=65536))):(o=u[r])&&null==o.key&&o.__e&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=x(o)),V(o,o,!1),u[r]=null,s--);if(s)for(t=0;t<c;t++)null!=(o=u[t])&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=x(o)),V(o,o));}function I(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=I(t[i],l,u));return l}n.__e!=l&&(u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling;}while(null!=l&&8===l.nodeType);return l}function L(n,l,u,t){var i=n.key,o=n.type,r=u-1,f=u+1,e=l[u];if(null===e||e&&i==e.key&&o===e.type&&0==(131072&e.__u))return u;if(t>(null!=e&&0==(131072&e.__u)?1:0))for(;r>=0||f<l.length;){if(r>=0){if((e=l[r])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return r;r--;}if(f<l.length){if((e=l[f])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return f;f++;}}return -1}function T(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||v.test(l)?u:u+"px";}function A(n,l,u,t,i){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||T(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||T(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/(PointerCapture)$|Capture$/i,"$1")),l=l.toLowerCase()in n||"onFocusOut"===l||"onFocusIn"===l?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?t?u.u=t.u:(u.u=e,n.addEventListener(l,o?s:c,o)):n.removeEventListener(l,o?s:c,o);else {if("http://www.w3.org/2000/svg"==i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=l&&"height"!=l&&"href"!=l&&"list"!=l&&"form"!=l&&"tabIndex"!=l&&"download"!=l&&"rowSpan"!=l&&"colSpan"!=l&&"role"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,u));}}function F(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=e++;else if(u.t<t.u)return;return t(l.event?l.event(u):u)}}}function O(n,u,t,i,o,r,f,e,c,s){var a,h,p,v,w,_,g,m,x,C,M,P,$,I,H,L=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),r=[e=u.__e=t.__e]),(a=l.__b)&&a(u);n:if("function"==typeof L)try{if(m=u.props,x=(a=L.contextType)&&i[a.__c],C=a?x?x.props.value:a.__:i,t.__c?g=(h=u.__c=t.__c).__=h.__E:("prototype"in L&&L.prototype.render?u.__c=h=new L(m,C):(u.__c=h=new b(m,C),h.constructor=L,h.render=q),x&&x.sub(h),h.props=m,h.state||(h.state={}),h.context=C,h.__n=i,p=h.__d=!0,h.__h=[],h._sb=[]),null==h.__s&&(h.__s=h.state),null!=L.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=d({},h.__s)),d(h.__s,L.getDerivedStateFromProps(m,h.__s))),v=h.props,w=h.state,h.__v=u,p)null==L.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(null==L.getDerivedStateFromProps&&m!==v&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,C),!h.__e&&(null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,C)||u.__v===t.__v)){for(u.__v!==t.__v&&(h.props=m,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.forEach(function(n){n&&(n.__=u);}),M=0;M<h._sb.length;M++)h.__h.push(h._sb[M]);h._sb=[],h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,C),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(v,w,_);});}if(h.context=C,h.props=m,h.__P=n,h.__e=!1,P=l.__r,$=0,"prototype"in L&&L.prototype.render){for(h.state=h.__s,h.__d=!1,P&&P(u),a=h.render(h.props,h.state,h.context),I=0;I<h._sb.length;I++)h.__h.push(h._sb[I]);h._sb=[];}else do{h.__d=!1,P&&P(u),a=h.render(h.props,h.state,h.context),h.state=h.__s;}while(h.__d&&++$<25);h.state=h.__s,null!=h.getChildContext&&(i=d(d({},i),h.getChildContext())),p||null==h.getSnapshotBeforeUpdate||(_=h.getSnapshotBeforeUpdate(v,w)),S(n,y(H=null!=a&&a.type===k&&null==a.key?a.props.children:a)?H:[H],u,t,i,o,r,f,e,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&f.push(h),g&&(h.__E=h.__=null);}catch(n){u.__v=null,c||null!=r?(u.__e=e,u.__u|=c?160:32,r[r.indexOf(e)]=null):(u.__e=t.__e,u.__k=t.__k),l.__e(n,u,t);}else null==r&&u.__v===t.__v?(u.__k=t.__k,u.__e=t.__e):u.__e=z(t.__e,u,t,i,o,r,f,c,s);(a=l.diffed)&&a(u);}function j(n,u,t){u.__d=void 0;for(var i=0;i<t.length;i++)N(t[i],t[++i],t[++i]);l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l.__e(n,u.__v);}});}function z(l,u,t,i,o,r,f,e,c){var s,a,p,v,d,_,g,m=t.props,k=u.props,b=u.type;if("svg"===b?o="http://www.w3.org/2000/svg":"math"===b?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=r)for(s=0;s<r.length;s++)if((d=r[s])&&"setAttribute"in d==!!b&&(b?d.localName===b:3===d.nodeType)){l=d,r[s]=null;break}if(null==l){if(null===b)return document.createTextNode(k);l=document.createElementNS(o,b,k.is&&k),r=null,e=!1;}if(null===b)m===k||e&&l.data===k||(l.data=k);else {if(r=r&&n.call(l.childNodes),m=t.props||h,!e&&null!=r)for(m={},s=0;s<l.attributes.length;s++)m[(d=l.attributes[s]).name]=d.value;for(s in m)if(d=m[s],"children"==s);else if("dangerouslySetInnerHTML"==s)p=d;else if("key"!==s&&!(s in k)){if("value"==s&&"defaultValue"in k||"checked"==s&&"defaultChecked"in k)continue;A(l,s,null,d,o);}for(s in k)d=k[s],"children"==s?v=d:"dangerouslySetInnerHTML"==s?a=d:"value"==s?_=d:"checked"==s?g=d:"key"===s||e&&"function"!=typeof d||m[s]===d||A(l,s,d,m[s],o);if(a)e||p&&(a.__html===p.__html||a.__html===l.innerHTML)||(l.innerHTML=a.__html),u.__k=[];else if(p&&(l.innerHTML=""),S(l,y(v)?v:[v],u,t,i,"foreignObject"===b?"http://www.w3.org/1999/xhtml":o,r,f,r?r[0]:t.__k&&x(t,0),e,c),null!=r)for(s=r.length;s--;)null!=r[s]&&w(r[s]);e||(s="value",void 0!==_&&(_!==l[s]||"progress"===b&&!_||"option"===b&&_!==m[s])&&A(l,s,_,m[s],o),s="checked",void 0!==g&&g!==l[s]&&A(l,s,g,m[s],o));}return l}function N(n,u,t){try{"function"==typeof n?n(u):n.current=u;}catch(n){l.__e(n,t);}}function V(n,u,t){var i,o;if(l.unmount&&l.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||N(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(n){l.__e(n,u);}i.base=i.__P=null;}if(i=n.__k)for(o=0;o<i.length;o++)i[o]&&V(i[o],u,t||"function"!=typeof n.type);t||null==n.__e||w(n.__e),n.__c=n.__=n.__e=n.__d=void 0;}function q(n,l,u){return this.constructor(n,u)}function B(u,t,i){var o,r,f,e;l.__&&l.__(u,t),r=(o="function"==typeof i)?null:i&&i.__k||t.__k,f=[],e=[],O(t,u=(!o&&i||t).__k=_(k,null,[u]),r||h,h,t.namespaceURI,!o&&i?[i]:r?null:t.firstChild?n.call(t.childNodes):null,f,!o&&i?i:r?r.__e:t.firstChild,o,e),j(f,u,e);}n=p.slice,l={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),r=i.__d),r)return i.__E=i}catch(l){n=l;}throw n}},u=0,b.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=d({},this.state),"function"==typeof n&&(n=n(d({},u),this.props)),n&&d(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),M(this));},b.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),M(this));},b.prototype.render=k,i=[],r="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f=function(n,l){return n.__v.__b-l.__v.__b},P.__r=0,e=0,c=F(!1),s=F(!0),0;
-var n$1=function(t,s,r,e){var u;s[0]=0;for(var h=1;h<s.length;h++){var p=s[h++],a=s[h]?(s[0]|=p?1:2,r[s[h++]]):s[++h];3===p?e[0]=a:4===p?e[1]=Object.assign(e[1]||{},a):5===p?(e[1]=e[1]||{})[s[++h]]=a:6===p?e[1][s[++h]]+=a+"":p?(u=t.apply(a,n$1(t,a,r,["",null])),e.push(u),a[0]?s[0]|=2:(s[h-2]=0,s[h]=u)):e.push(a);}return e},t$1=new Map;function e$1(s){var r=t$1.get(this);return r||(r=new Map,t$1.set(this,r)),(r=n$1(this,r.get(s)||(r.set(s,r=function(n){for(var t,s,r=1,e="",u="",h=[0],p=function(n){1===r&&(n||(e=e.replace(/^\s*\n\s*|\s*\n\s*$/g,"")))?h.push(0,n,e):3===r&&(n||e)?(h.push(3,n,e),r=2):2===r&&"..."===e&&n?h.push(4,n,0):2===r&&e&&!n?h.push(5,0,!0,e):r>=5&&((e||!n&&5===r)&&(h.push(r,0,e,s),r=6),n&&(h.push(r,n,0,s),r=6)),e="";},a=0;a<n.length;a++){a&&(1===r&&p(),p(a));for(var l=0;l<n[a].length;l++)t=n[a][l],1===r?"<"===t?(p(),h=[h],r=3):e+=t:4===r?"--"===e&&">"===t?(r=1,e=""):e=t+e[0]:u?t===u?u="":e+=t:'"'===t||"'"===t?u=t:">"===t?(p(),r=1):r&&("="===t?(r=5,s=e,e=""):"/"===t&&(r<5||">"===n[a][l+1])?(p(),3===r&&(h=h[0]),r=h,(h=h[0]).push(2,0,r),r=0):" "===t||"\t"===t||"\n"===t||"\r"===t?(p(),r=2):e+=t),3===r&&"!--"===e&&(r=4,h=h[0]);}return p(),h}(s)),r),arguments,[])).length>1?r:r[0]}
+var n$1=function(t,s,r,e){var u;s[0]=0;for(var h=1;h<s.length;h++){var p=s[h++],a=s[h]?(s[0]|=p?1:2,r[s[h++]]):s[++h];3===p?e[0]=a:4===p?e[1]=Object.assign(e[1]||{},a):5===p?(e[1]=e[1]||{})[s[++h]]=a:6===p?e[1][s[++h]]+=a+"":p?(u=t.apply(a,n$1(t,a,r,["",null])),e.push(u),a[0]?s[0]|=2:(s[h-2]=0,s[h]=u)):e.push(a);}return e},t=new Map;function e$1(s){var r=t.get(this);return r||(r=new Map,t.set(this,r)),(r=n$1(this,r.get(s)||(r.set(s,r=function(n){for(var t,s,r=1,e="",u="",h=[0],p=function(n){1===r&&(n||(e=e.replace(/^\s*\n\s*|\s*\n\s*$/g,"")))?h.push(0,n,e):3===r&&(n||e)?(h.push(3,n,e),r=2):2===r&&"..."===e&&n?h.push(4,n,0):2===r&&e&&!n?h.push(5,0,!0,e):r>=5&&((e||!n&&5===r)&&(h.push(r,0,e,s),r=6),n&&(h.push(r,n,0,s),r=6)),e="";},a=0;a<n.length;a++){a&&(1===r&&p(),p(a));for(var l=0;l<n[a].length;l++)t=n[a][l],1===r?"<"===t?(p(),h=[h],r=3):e+=t:4===r?"--"===e&&">"===t?(r=1,e=""):e=t+e[0]:u?t===u?u="":e+=t:'"'===t||"'"===t?u=t:">"===t?(p(),r=1):r&&("="===t?(r=5,s=e,e=""):"/"===t&&(r<5||">"===n[a][l+1])?(p(),3===r&&(h=h[0]),r=h,(h=h[0]).push(2,0,r),r=0):" "===t||"\t"===t||"\n"===t||"\r"===t?(p(),r=2):e+=t),3===r&&"!--"===e&&(r=4,h=h[0]);}return p(),h}(s)),r),arguments,[])).length>1?r:r[0]}
-var m$1=e$1.bind(v);
+var m=e$1.bind(_);
-export { _ as Component, m$1 as html, S as render };
+export { b as Component, m as html, B as render };
diff --git a/web/package.json b/web/package.json
index b2b7f90..44fe1ea 100644
--- a/web/package.json
+++ b/web/package.json
@@ -11,9 +11,9 @@
"sass": "sass --no-source-map --style=compressed style/"
},
"dependencies": {
+ "esinstall": "^1.1.7",
"htm": "^3.1.0",
"preact": "^10.5.14",
- "esinstall": "^1.1.7",
"sass": "^1.42.1"
}
}
diff --git a/web/res/giphy-dark.svg b/web/res/giphy-dark.svg
new file mode 100644
index 0000000..9b47567
--- /dev/null
+++ b/web/res/giphy-dark.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ height="534"
+ width="427.20001"
+ viewBox="0 0 27.990145 35"
+ version="1.1"
+ id="svg24"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:svg="http://www.w3.org/2000/svg">
+ <defs
+ id="defs28" />
+ <g
+ fill="none"
+ fill-rule="evenodd"
+ id="g22"
+ transform="translate(-0.02883895)">
+ <path
+ d="M 4,4 H 24 V 31 H 4 Z"
+ fill="#000000"
+ id="path2"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ fill-rule="nonzero"
+ id="g16">
+ <path
+ d="M 0,3 H 4 V 32 H 0 Z"
+ fill="#04ff8e"
+ id="path4" />
+ <path
+ d="m 24,11 h 4 v 21 h -4 z"
+ fill="#8e2eff"
+ id="path6" />
+ <path
+ d="m 0,31 h 28 v 4 H 0 Z"
+ fill="#00c5ff"
+ id="path8" />
+ <path
+ d="M 0,0 H 16 V 4 H 0 Z"
+ fill="#fff152"
+ id="path10" />
+ <path
+ d="M 24,8 V 4 H 20 V 0 H 16 V 12 H 28 V 8"
+ fill="#ff5b5b"
+ id="path12" />
+ <path
+ d="m 24,16 v -4 h 4"
+ fill="#551c99"
+ id="path14" />
+ </g>
+ <path
+ d="M 16,0 V 4 H 12"
+ fill="#999131"
+ id="path18" />
+ </g>
+</svg>
diff --git a/web/res/giphy-light.svg b/web/res/giphy-light.svg
new file mode 100644
index 0000000..8016e2c
--- /dev/null
+++ b/web/res/giphy-light.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ height="534"
+ width="427.20001"
+ viewBox="0 0 27.990145 35"
+ version="1.1"
+ id="svg24"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:svg="http://www.w3.org/2000/svg">
+ <defs
+ id="defs28" />
+ <g
+ fill="none"
+ fill-rule="evenodd"
+ id="g22"
+ transform="translate(-0.02883895)">
+ <path
+ d="M 4,4 H 24 V 31 H 4 Z"
+ fill="#000000"
+ id="path2" />
+ <g
+ fill-rule="nonzero"
+ id="g16">
+ <path
+ d="M 0,3 H 4 V 32 H 0 Z"
+ fill="#04ff8e"
+ id="path4" />
+ <path
+ d="m 24,11 h 4 v 21 h -4 z"
+ fill="#8e2eff"
+ id="path6" />
+ <path
+ d="m 0,31 h 28 v 4 H 0 Z"
+ fill="#00c5ff"
+ id="path8" />
+ <path
+ d="M 0,0 H 16 V 4 H 0 Z"
+ fill="#fff152"
+ id="path10" />
+ <path
+ d="M 24,8 V 4 H 20 V 0 H 16 V 12 H 28 V 8"
+ fill="#ff5b5b"
+ id="path12" />
+ <path
+ d="m 24,16 v -4 h 4"
+ fill="#551c99"
+ id="path14" />
+ </g>
+ <path
+ d="M 16,0 V 4 H 12"
+ fill="#999131"
+ id="path18" />
+ </g>
+</svg>
diff --git a/web/res/powered-by-giphy.png b/web/res/powered-by-giphy.png
new file mode 100644
index 0000000000000000000000000000000000000000..41861e6bb0c56023504f0d133812153cd1f6f477
GIT binary patch
literal 7741
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
literal 0
HcmV?d00001
diff --git a/web/src/giphy.js b/web/src/giphy.js
new file mode 100644
index 0000000..16dcae3
--- /dev/null
+++ b/web/src/giphy.js
@@ -0,0 +1,107 @@
+import {Component, html} from "../lib/htm/preact.js";
+import * as widgetAPI from "./widget-api.js";
+import {SearchBox} from "./search-box.js";
+
+const GIPHY_SEARCH_DEBOUNCE = 1000
+let GIPHY_API_KEY = ""
+let GIPHY_MXC_PREFIX = "mxc://giphy.mau.dev/"
+
+export function giphyIsEnabled() {
+ return GIPHY_API_KEY !== ""
+}
+
+export function setGiphyAPIKey(apiKey, mxcPrefix) {
+ GIPHY_API_KEY = apiKey
+ if (mxcPrefix) {
+ GIPHY_MXC_PREFIX = mxcPrefix
+ }
+}
+
+export class GiphySearchTab extends Component {
+ constructor(props) {
+ super(props)
+ this.state = {
+ searchTerm: "",
+ gifs: [],
+ loading: false,
+ error: null,
+ }
+ this.handleGifClick = this.handleGifClick.bind(this)
+ this.searchKeyUp = this.searchKeyUp.bind(this)
+ this.updateGifSearchQuery = this.updateGifSearchQuery.bind(this)
+ this.searchTimeout = null
+ }
+
+ async makeGifSearchRequest() {
+ try {
+ const resp = await fetch(`https://api.giphy.com/v1/gifs/search?q=${this.state.searchTerm}&api_key=${GIPHY_API_KEY}`)
+ // TODO handle error responses properly?
+ const data = await resp.json()
+ if (data.data.length === 0) {
+ this.setState({gifs: [], error: "No results"})
+ } else {
+ this.setState({gifs: data.data, error: null})
+ }
+ } catch (error) {
+ this.setState({error})
+ }
+ }
+
+ componentWillUnmount() {
+ clearTimeout(this.searchTimeout)
+ }
+
+ searchKeyUp(event) {
+ if (event.key === "Enter") {
+ clearTimeout(this.searchTimeout)
+ this.makeGifSearchRequest()
+ }
+ }
+
+ updateGifSearchQuery(event) {
+ this.setState({searchTerm: event.target.value})
+ clearTimeout(this.searchTimeout)
+ this.searchTimeout = setTimeout(() => this.makeGifSearchRequest(), GIPHY_SEARCH_DEBOUNCE)
+ }
+
+ handleGifClick(gif) {
+ widgetAPI.sendSticker({
+ "body": gif.title,
+ "info": {
+ "h": gif.images.original.height,
+ "w": gif.images.original.width,
+ "size": gif.images.original.size,
+ "mimetype": "image/webp",
+ },
+ "msgtype": "m.image",
+ "url": GIPHY_MXC_PREFIX + gif.id,
+
+ "id": gif.id,
+ "filename": gif.id + ".webp",
+ })
+ }
+
+ render() {
+ // TODO display loading state?
+ return html`
+ <${SearchBox} onInput=${this.updateGifSearchQuery} onKeyUp=${this.searchKeyUp} value=${this.state.searchTerm} placeholder="Find GIFs"/>
+ <div class="pack-list">
+ <section class="stickerpack" id="pack-giphy">
+ <div class="error">
+ ${this.state.error}
+ </div>
+ <div class="sticker-list">
+ ${this.state.gifs.map((gif) => html`
+ <div class="sticker" onClick=${() => this.handleGifClick(gif)} data-gif-id=${gif.id}>
+ <img src=${gif.images.fixed_height.url} alt=${gif.title} class="visible" data=/>
+ </div>
+ `)}
+ </div>
+ <div class="footer powered-by-giphy">
+ <img src="./res/powered-by-giphy.png" alt="Powered by GIPHY"/>
+ </div>
+ </section>
+ </div>
+ `
+ }
+}
diff --git a/web/src/index.js b/web/src/index.js
index a215c46..ff570da 100644
--- a/web/src/index.js
+++ b/web/src/index.js
@@ -13,9 +13,10 @@
//
// You should have received a copy of the GNU Affero General Public License
// along with this program. If not, see <https://www.gnu.org/licenses/>.
-import { html, render, Component } from "../lib/htm/preact.js"
-import { Spinner } from "./spinner.js"
-import { SearchBox } from "./search-box.js"
+import {html, render, Component} from "../lib/htm/preact.js"
+import {Spinner} from "./spinner.js"
+import {SearchBox} from "./search-box.js"
+import {giphyIsEnabled, GiphySearchTab, setGiphyAPIKey} from "./giphy.js"
import * as widgetAPI from "./widget-api.js"
import * as frequent from "./frequently-used.js"
@@ -31,7 +32,7 @@ if (params.has('config')) {
// This is updated from packs/index.json
let HOMESERVER_URL = "https://matrix-client.matrix.org"
-const makeThumbnailURL = mxc => `${HOMESERVER_URL}/_matrix/media/r0/thumbnail/${mxc.substr(6)}?height=128&width=128&method=scale`
+const makeThumbnailURL = mxc => `${HOMESERVER_URL}/_matrix/media/v3/thumbnail/${mxc.slice(6)}?height=128&width=128&method=scale`
// We need to detect iOS webkit because it has a bug related to scrolling non-fixed divs
// This is also used to fix scrolling to sections on Element iOS
@@ -52,6 +53,7 @@ class App extends Component {
super(props)
this.defaultTheme = params.get("theme")
this.state = {
+ viewingGifs: false,
packs: defaultState.packs,
loading: true,
error: null,
@@ -118,7 +120,7 @@ class App extends Component {
filtering: {
...this.state.filtering,
searchTerm,
- packs: packsWithFilteredStickers.filter(({ stickers }) => !!stickers.length),
+ packs: packsWithFilteredStickers.filter(({stickers}) => !!stickers.length),
},
})
}
@@ -135,10 +137,10 @@ class App extends Component {
setTheme(theme) {
if (theme === "default") {
delete localStorage.mauStickerThemeOverride
- this.setState({ theme: this.defaultTheme })
+ this.setState({theme: this.defaultTheme})
} else {
localStorage.mauStickerThemeOverride = theme
- this.setState({ theme: theme })
+ this.setState({theme: theme})
}
}
@@ -154,7 +156,7 @@ class App extends Component {
_loadPacks(disableCache = false) {
const cache = disableCache ? "no-cache" : undefined
- fetch(INDEX, { cache }).then(async indexRes => {
+ fetch(INDEX, {cache}).then(async indexRes => {
if (indexRes.status >= 400) {
this.setState({
loading: false,
@@ -164,13 +166,14 @@ class App extends Component {
}
const indexData = await indexRes.json()
HOMESERVER_URL = indexData.homeserver_url || HOMESERVER_URL
+ setGiphyAPIKey(indexData.giphy_api_key, indexData.giphy_mxc_prefix)
// TODO only load pack metadata when scrolled into view?
for (const packFile of indexData.packs) {
let packRes
if (packFile.startsWith("https://") || packFile.startsWith("http://")) {
- packRes = await fetch(packFile, { cache })
+ packRes = await fetch(packFile, {cache})
} else {
- packRes = await fetch(`${PACKS_BASE_URL}/${packFile}`, { cache })
+ packRes = await fetch(`${PACKS_BASE_URL}/${packFile}`, {cache})
}
const packData = await packRes.json()
for (const sticker of packData.stickers) {
@@ -182,7 +185,7 @@ class App extends Component {
})
}
this.updateFrequentlyUsed()
- }, error => this.setState({ loading: false, error }))
+ }, error => this.setState({loading: false, error}))
}
componentDidMount() {
@@ -214,6 +217,9 @@ class App extends Component {
let maxXElem = null
for (const entry of intersections) {
const packID = entry.target.getAttribute("data-pack-id")
+ if (!packID) {
+ continue
+ }
const navElement = document.getElementById(`nav-${packID}`)
if (entry.isIntersecting) {
navElement.classList.add("visible")
@@ -230,9 +236,9 @@ class App extends Component {
}
}
if (minXElem !== null) {
- minXElem.scrollIntoView({ inline: "start" })
+ minXElem.scrollIntoView({inline: "start"})
} else if (maxXElem !== null) {
- maxXElem.scrollIntoView({ inline: "end" })
+ maxXElem.scrollIntoView({inline: "end"})
}
}
@@ -268,36 +274,66 @@ class App extends Component {
render() {
const theme = `theme-${this.state.theme}`
const filterActive = !!this.state.filtering.searchTerm
- const packs = filterActive ? this.state.filtering.packs : [this.state.frequentlyUsed, ...this.state.packs]
+ const packs = filterActive
+ ? this.state.filtering.packs
+ : [this.state.frequentlyUsed, ...this.state.packs]
if (this.state.loading) {
- return html`<main class="spinner ${theme}"><${Spinner} size=${80} green /></main>`
+ return html`
+ <main class="spinner ${theme}">
+ <${Spinner} size=${80} green/>
+ </main>
+ `
} else if (this.state.error) {
- return html`<main class="error ${theme}">
- <h1>Failed to load packs</h1>
- <p>${this.state.error}</p>
- </main>`
+ return html`
+ <main class="error ${theme}">
+ <h1>Failed to load packs</h1>
+ <p>${this.state.error}</p>
+ </main>
+ `
} else if (this.state.packs.length === 0) {
- return html`<main class="empty ${theme}"><h1>No packs found 😿</h1></main>`
+ return html`
+ <main class="empty ${theme}"><h1>No packs found 😿</h1></main>
+ `
}
- return html`<main class="has-content ${theme}">
- <nav onWheel=${this.navScroll} ref=${elem => this.navRef = elem}>
- <${NavBarItem} pack=${this.state.frequentlyUsed} iconOverride="recent" />
- ${this.state.packs.map(pack => html`<${NavBarItem} id=${pack.id} pack=${pack}/>`)}
- <${NavBarItem} pack=${{ id: "settings", title: "Settings" }} iconOverride="settings" />
- </nav>
- <${SearchBox} onKeyUp=${this.searchStickers} />
- <div class="pack-list ${isMobileSafari ? "ios-safari-hack" : ""}" ref=${elem => this.packListRef = elem}>
- ${filterActive && packs.length === 0 ? html`<div class="search-empty"><h1>No stickers match your search</h1></div>` : null}
- ${packs.map(pack => html`<${Pack} id=${pack.id} pack=${pack} send=${this.sendSticker} />`)}
- <${Settings} app=${this}/>
- </div>
- </main>`
+ const onClickOverride = this.state.viewingGifs
+ ? (evt, packID) => {
+ evt.preventDefault()
+ this.setState({viewingGifs: false}, () => {
+ scrollToSection(null, packID)
+ })
+ } : null
+ const switchToGiphy = () => this.setState({viewingGifs: true, filtering: defaultState.filtering})
+
+ return html`
+ <main class="has-content ${theme}">
+ <nav onWheel=${this.navScroll} ref=${elem => this.navRef = elem}>
+ ${giphyIsEnabled() && html`
+ <${NavBarItem} pack=${{id: "giphy", title: "GIPHY"}} iconOverride="giphy" onClickOverride=${switchToGiphy} extraClass=${this.state.viewingGifs ? "visible" : ""}/>
+ `}
+ <${NavBarItem} pack=${this.state.frequentlyUsed} iconOverride="recent" onClickOverride=${onClickOverride}/>
+ ${this.state.packs.map(pack => html`<${NavBarItem} id=${pack.id} pack=${pack} onClickOverride=${onClickOverride}/>`)}
+ <${NavBarItem} pack=${{id: "settings", title: "Settings"}} iconOverride="settings" onClickOverride=${onClickOverride}/>
+ </nav>
+
+ ${this.state.viewingGifs ? html`
+ <${GiphySearchTab}/>
+ ` : html`
+ <${SearchBox} onInput=${this.searchStickers} value=${this.state.filtering.searchTerm ?? ""}/>
+ <div class="pack-list ${isMobileSafari ? "ios-safari-hack" : ""}" ref=${(elem) => (this.packListRef = elem)}>
+ ${filterActive && packs.length === 0
+ ? html`<div class="search-empty"><h1>No stickers match your search</h1></div>`
+ : null}
+ ${packs.map((pack) => html`<${Pack} id=${pack.id} pack=${pack} send=${this.sendSticker}/>`)}
+ <${Settings} app=${this}/>
+ </div>
+ `}
+ </main>`
}
}
-const Settings = ({ app }) => html`
+const Settings = ({app}) => html`
<section class="stickerpack settings" id="pack-settings" data-pack-id="settings">
<h1>Settings</h1>
<div class="settings-list">
@@ -306,7 +342,7 @@ const Settings = ({ app }) => html`
<label for="stickers-per-row">Stickers per row: ${app.state.stickersPerRow}</label>
<input type="range" min=2 max=10 id="stickers-per-row" id="stickers-per-row"
value=${app.state.stickersPerRow}
- onInput=${evt => app.setStickersPerRow(evt.target.value)} />
+ onInput=${evt => app.setStickersPerRow(evt.target.value)}/>
</div>
<div>
<label for="theme">Theme: </label>
@@ -325,13 +361,15 @@ const Settings = ({ app }) => html`
// open the link in the browser instead of just scrolling there, so we need to scroll manually:
const scrollToSection = (evt, id) => {
const pack = document.getElementById(`pack-${id}`)
- pack.scrollIntoView({ block: "start", behavior: "instant" })
- evt.preventDefault()
+ if (pack) {
+ pack.scrollIntoView({block: "start", behavior: "instant"})
+ }
+ evt?.preventDefault()
}
-const NavBarItem = ({ pack, iconOverride = null }) => html`
- <a href="#pack-${pack.id}" id="nav-${pack.id}" data-pack-id=${pack.id} title=${pack.title}
- onClick=${isMobileSafari ? (evt => scrollToSection(evt, pack.id)) : undefined}>
+const NavBarItem = ({pack, iconOverride = null, onClickOverride = null, extraClass = null}) => html`
+ <a href="#pack-${pack.id}" id="nav-${pack.id}" data-pack-id=${pack.id} title=${pack.title} class="${extraClass}"
+ onClick=${onClickOverride ? (evt => onClickOverride(evt, pack.id)) : (isMobileSafari ? (evt => scrollToSection(evt, pack.id)) : undefined)}>
<div class="sticker">
${iconOverride ? html`
<span class="icon icon-${iconOverride}"/>
@@ -343,7 +381,7 @@ const NavBarItem = ({ pack, iconOverride = null }) => html`
</a>
`
-const Pack = ({ pack, send }) => html`
+const Pack = ({pack, send}) => html`
<section class="stickerpack" id="pack-${pack.id}" data-pack-id=${pack.id}>
<h1>${pack.title}</h1>
<div class="sticker-list">
@@ -354,10 +392,10 @@ const Pack = ({ pack, send }) => html`
</section>
`
-const Sticker = ({ content, send }) => html`
+const Sticker = ({content, send}) => html`
<div class="sticker" onClick=${send} data-sticker-id=${content.id}>
- <img data-src=${makeThumbnailURL(content.url)} alt=${content.body} title=${content.body} />
+ <img data-src=${makeThumbnailURL(content.url)} alt=${content.body} title=${content.body}/>
</div>
`
-render(html`<${App} />`, document.body)
+render(html`<${App}/>`, document.body)
diff --git a/web/src/search-box.js b/web/src/search-box.js
index ba2ed5d..b25769f 100644
--- a/web/src/search-box.js
+++ b/web/src/search-box.js
@@ -13,13 +13,13 @@
//
// You should have received a copy of the GNU Affero General Public License
// along with this program. If not, see <https://www.gnu.org/licenses/>.
-import { html } from "../lib/htm/preact.js"
+import {html} from "../lib/htm/preact.js"
-export const SearchBox = ({ onKeyUp, placeholder = 'Find stickers' }) => {
+export const SearchBox = ({onInput, onKeyUp, value, placeholder = 'Find stickers'}) => {
const component = html`
<div class="search-box">
- <input type="text" placeholder=${placeholder} onKeyUp=${onKeyUp} />
- <span class="icon icon-search" />
+ <input type="text" placeholder=${placeholder} value=${value} onInput=${onInput} onKeyUp=${onKeyUp}/>
+ <span class="icon icon-search"/>
</div>
`
return component
diff --git a/web/src/widget-api.js b/web/src/widget-api.js
index fa72165..d9964a7 100644
--- a/web/src/widget-api.js
+++ b/web/src/widget-api.js
@@ -60,8 +60,9 @@ export function sendSticker(content) {
const widgetData = {
...data,
description: content.body,
- file: `${content.id}.png`,
+ file: content.filename ?? `${content.id}.png`,
}
+ delete widgetData.content.filename
// Element iOS explodes if there are extra fields present
delete widgetData.content["net.maunium.telegram.sticker"]
diff --git a/web/style/index.css b/web/style/index.css
index e33e450..f73124e 100644
--- a/web/style/index.css
+++ b/web/style/index.css
@@ -1 +1 @@
-*{font-family:sans-serif}body{margin:0}h1{font-size:1rem}:root{--stickers-per-row: 4;--sticker-size: calc(100vw / var(--stickers-per-row))}main{color:var(--text-color)}main.spinner{margin-top:5rem}main.error,main.empty{margin:2rem}main.empty{text-align:center}main.has-content{position:fixed;top:0;left:0;right:0;bottom:0;display:grid;grid-template-rows:calc(12vw + 2px) min-content auto}main.theme-light{--highlight-color: #eee;--search-box-color: var(--highlight-color);--text-color: black;background-color:#fff}main.theme-dark{--highlight-color: #444;--search-box-color: #383e4b;--text-color: white;background-color:#22262e}main.theme-black{--highlight-color: #222;--search-box-color: var(--highlight-color);--text-color: white;background-color:#000}.icon{width:100%;height:100%;background-color:var(--text-color);mask-size:contain;-webkit-mask-size:contain;mask-image:var(--icon-image);-webkit-mask-image:var(--icon-image)}.icon.icon-settings{--icon-image: url(../res/settings.svg)}.icon.icon-recent{--icon-image: url(../res/recent.svg)}.icon.icon.icon-search{--icon-image: url(../res/search.svg)}nav{display:flex;overflow-x:auto}nav>a{border-bottom:2px solid transparent}nav>a.visible{border-bottom-color:green}nav>a>div.sticker{width:12vw;height:12vw}div.pack-list,nav{scrollbar-width:none}div.pack-list::-webkit-scrollbar,nav::-webkit-scrollbar{display:none}div.pack-list{overflow-y:auto}div.pack-list.ios-safari-hack{position:fixed;top:calc(calc(12vw + 2px) + calc(2 * 0.7rem + 2 * 0.5rem + 1rem));bottom:0;left:0;right:0;-webkit-overflow-scrolling:touch}div.search-empty{margin:1.2rem;text-align:center}section.stickerpack{margin-top:.75rem}section.stickerpack>div.sticker-list{display:flex;flex-wrap:wrap}section.stickerpack>h1{margin:0 0 0 .75rem}div.sticker{display:flex;padding:4px;cursor:pointer;position:relative;width:var(--sticker-size);height:var(--sticker-size);box-sizing:border-box}div.sticker:hover{background-color:var(--highlight-color)}div.sticker>img{display:none;width:100%;object-fit:contain}div.sticker>img.visible{display:initial}div.sticker>.icon{width:70%;height:70%;margin:15%}div.search-box{position:relative;display:flex}div.search-box>input[type=text]{flex-grow:1;background-color:var(--search-box-color);outline:none;border:none;border-radius:.25rem;height:1rem;padding:.7rem;padding-right:calc(1rem + 0.7rem);margin:.5rem;font-size:1rem;color:var(--text-color)}div.search-box>span.icon{display:flex;position:absolute;top:calc(50% - 1rem / 2);right:1rem;width:1rem;height:1rem;box-sizing:border-box}div.settings-list{display:flex;flex-direction:column}div.settings-list>*{margin:.5rem}div.settings-list button{padding:.5rem;border-radius:.25rem}div.settings-list input{width:100%}
+*{font-family:sans-serif}body{margin:0}h1{font-size:1rem}:root{--stickers-per-row: 4;--sticker-size: calc(100vw / var(--stickers-per-row))}main{color:var(--text-color)}main.spinner{margin-top:5rem}main.error,main.empty{margin:2rem}main.empty{text-align:center}main.has-content{position:fixed;top:0;left:0;right:0;bottom:0;display:grid;grid-template-rows:calc(12vw + 2px) min-content auto}main.theme-light{--highlight-color: #eee;--search-box-color: var(--highlight-color);--text-color: black;background-color:#fff}main.theme-dark{--highlight-color: #444;--search-box-color: #383e4b;--text-color: white;background-color:#22262e}main.theme-dark .icon.icon-giphy{background-image:url(../res/giphy-dark.svg)}main.theme-black{--highlight-color: #222;--search-box-color: var(--highlight-color);--text-color: white;background-color:#000}main.theme-black .icon.icon-giphy{background-image:url(../res/giphy-dark.svg)}div.powered-by-giphy{padding:1rem}div.powered-by-giphy>img{width:100%}.icon{width:100%;height:100%;background-color:var(--text-color);mask-size:contain;-webkit-mask-size:contain;mask-image:var(--icon-image);-webkit-mask-image:var(--icon-image)}.icon.icon-settings{--icon-image: url(../res/settings.svg)}.icon.icon-recent{--icon-image: url(../res/recent.svg)}.icon.icon.icon-search{--icon-image: url(../res/search.svg)}.icon.icon.icon-giphy{background:center/contain no-repeat url(../res/giphy-light.svg);mask:unset}nav{display:flex;overflow-x:auto}nav>a{border-bottom:2px solid rgba(0,0,0,0)}nav>a.visible{border-bottom-color:green}nav>a>div.sticker{width:12vw;height:12vw}div.pack-list,nav{scrollbar-width:none}div.pack-list::-webkit-scrollbar,nav::-webkit-scrollbar{display:none}div.pack-list{overflow-y:auto}div.pack-list.ios-safari-hack{position:fixed;top:calc(calc(12vw + 2px) + calc(2 * 0.7rem + 2 * 0.5rem + 1rem));bottom:0;left:0;right:0;-webkit-overflow-scrolling:touch}div.search-empty{margin:1.2rem;text-align:center}section.stickerpack{margin-top:.75rem}section.stickerpack>div.sticker-list{display:flex;flex-wrap:wrap}section.stickerpack>h1{margin:0 0 0 .75rem}section.stickerpack#pack-giphy{display:flex;justify-content:space-between;flex-direction:column;min-height:100%}div.sticker{display:flex;padding:4px;cursor:pointer;position:relative;width:var(--sticker-size);height:var(--sticker-size);box-sizing:border-box}div.sticker:hover{background-color:var(--highlight-color)}div.sticker>img{display:none;width:100%;object-fit:contain}div.sticker>img.visible{display:initial}div.sticker>.icon{width:70%;height:70%;margin:15%}div.search-box{position:relative;display:flex}div.search-box>input[type=text]{flex-grow:1;background-color:var(--search-box-color);outline:none;border:none;border-radius:.25rem;height:1rem;padding:.7rem;padding-right:calc(1rem + 0.7rem);margin:.5rem;font-size:1rem;color:var(--text-color)}div.search-box>span.icon{display:flex;position:absolute;top:calc(50% - 1rem/2);right:1rem;width:1rem;height:1rem;box-sizing:border-box}div.settings-list{display:flex;flex-direction:column}div.settings-list>*{margin:.5rem}div.settings-list button{padding:.5rem;border-radius:.25rem}div.settings-list input{width:100%}
diff --git a/web/style/index.sass b/web/style/index.sass
index c079f65..1269be5 100644
--- a/web/style/index.sass
+++ b/web/style/index.sass
@@ -71,12 +71,23 @@ main.theme-dark
--text-color: white
background-color: #22262e
+ .icon.icon-giphy
+ background-image: url(../res/giphy-dark.svg)
+
main.theme-black
--highlight-color: #222
--search-box-color: var(--highlight-color)
--text-color: white
background-color: black
+ .icon.icon-giphy
+ background-image: url(../res/giphy-dark.svg)
+
+div.powered-by-giphy
+ padding: 1rem
+ > img
+ width: 100%
+
.icon
width: 100%
height: 100%
@@ -95,6 +106,10 @@ main.theme-black
&.icon.icon-search
--icon-image: url(../res/search.svg)
+ &.icon.icon-giphy
+ background: center / contain no-repeat url(../res/giphy-light.svg)
+ mask: unset
+
nav
display: flex
overflow-x: auto
@@ -140,6 +155,12 @@ section.stickerpack
> h1
margin: 0 0 0 .75rem
+section.stickerpack#pack-giphy
+ display: flex
+ justify-content: space-between
+ flex-direction: column
+ min-height: 100%
+
div.sticker
display: flex
padding: 4px
diff --git a/web/yarn.lock b/web/yarn.lock
index 20a24ac..de00773 100644
--- a/web/yarn.lock
+++ b/web/yarn.lock
@@ -16,13 +16,13 @@
resolve "^1.17.0"
"@rollup/plugin-inject@^4.0.0", "@rollup/plugin-inject@^4.0.2":
- version "4.0.2"
- resolved "https://registry.yarnpkg.com/@rollup/plugin-inject/-/plugin-inject-4.0.2.tgz#55b21bb244a07675f7fdde577db929c82fc17395"
- integrity sha512-TSLMA8waJ7Dmgmoc8JfPnwUwVZgLjjIAM6MqeIFqPO2ODK36JqE0Cf2F54UTgCUuW8da93Mvoj75a6KAVWgylw==
+ version "4.0.4"
+ resolved "https://registry.yarnpkg.com/@rollup/plugin-inject/-/plugin-inject-4.0.4.tgz#fbeee66e9a700782c4f65c8b0edbafe58678fbc2"
+ integrity sha512-4pbcU4J/nS+zuHk+c+OL3WtmEQhqxlZ9uqfjQMQDOHOPld7PsCd8k5LWs8h5wjwJN7MgnAn768F2sDxEP4eNFQ==
dependencies:
- "@rollup/pluginutils" "^3.0.4"
- estree-walker "^1.0.1"
- magic-string "^0.25.5"
+ "@rollup/pluginutils" "^3.1.0"
+ estree-walker "^2.0.1"
+ magic-string "^0.25.7"
"@rollup/plugin-json@^4.0.0":
version "4.1.0"
@@ -51,7 +51,7 @@
"@rollup/pluginutils" "^3.1.0"
magic-string "^0.25.7"
-"@rollup/pluginutils@^3.0.4", "@rollup/pluginutils@^3.0.8", "@rollup/pluginutils@^3.1.0":
+"@rollup/pluginutils@^3.0.8", "@rollup/pluginutils@^3.1.0":
version "3.1.0"
resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-3.1.0.tgz#706b4524ee6dc8b103b3c995533e5ad680c02b9b"
integrity sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==
@@ -61,9 +61,9 @@
picomatch "^2.2.2"
"@types/estree@*":
- version "0.0.50"
- resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.50.tgz#1e0caa9364d3fccd2931c3ed96fdbeaa5d4cca83"
- integrity sha512-C6N5s2ZFtuZRj54k2/zyRhNDjJwwcViAM3Nbm8zjBpbqAdZ00mr0CFxvSKeO8Y/e03WVFLpQMdHYVfUd6SB+Hw==
+ version "1.0.5"
+ resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.5.tgz#a6ce3e556e00fd9895dd872dd172ad0d4bd687f4"
+ integrity sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==
"@types/estree@0.0.39":
version "0.0.39"
@@ -71,9 +71,11 @@
integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
"@types/node@*":
- version "16.10.2"
- resolved "https://registry.yarnpkg.com/@types/node/-/node-16.10.2.tgz#5764ca9aa94470adb4e1185fe2e9f19458992b2e"
- integrity sha512-zCclL4/rx+W5SQTzFs9wyvvyCwoK9QtBpratqz2IYJ3O8Umrn0m3nsTv0wQBk9sRGpvUe9CwPDrQFB10f1FIjQ==
+ version "20.12.12"
+ resolved "https://registry.yarnpkg.com/@types/node/-/node-20.12.12.tgz#7cbecdf902085cec634fdb362172dfe12b8f2050"
+ integrity sha512-eWLDGF/FOSPtAvEqeRAQ4C8LSA7M1I7i0ky1I8U7kD1J5ITyW3AsRhQrKVoWf5pFKZ2kILsEGJhsI9r93PYnOw==
+ dependencies:
+ undici-types "~5.26.4"
"@types/resolve@1.17.1":
version "1.17.1"
@@ -82,21 +84,31 @@
dependencies:
"@types/node" "*"
+acorn-walk@^8.2.0:
+ version "8.3.2"
+ resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.3.2.tgz#7703af9415f1b6db9315d6895503862e231d34aa"
+ integrity sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==
+
+acorn@^8.7.0:
+ version "8.11.3"
+ resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.3.tgz#71e0b14e13a4ec160724b38fb7b0f233b1b81d7a"
+ integrity sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==
+
anymatch@~3.1.2:
- version "3.1.2"
- resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
- integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==
+ version "3.1.3"
+ resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+ integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
dependencies:
normalize-path "^3.0.0"
picomatch "^2.0.4"
assert@^1.4.1:
- version "1.5.0"
- resolved "https://registry.yarnpkg.com/assert/-/assert-1.5.0.tgz#55c109aaf6e0aefdb3dc4b71240c70bf574b18eb"
- integrity sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==
+ version "1.5.1"
+ resolved "https://registry.yarnpkg.com/assert/-/assert-1.5.1.tgz#038ab248e4ff078e7bc2485ba6e6388466c78f76"
+ integrity sha512-zzw1uCAgLbsKwBfFc8CX78DDg+xZeBksSO3vwVIDDN5i94eOrPsSSyiVhmsSABFDM/OcpE2aagCat9dnWQLG1A==
dependencies:
- object-assign "^4.1.1"
- util "0.10.3"
+ object.assign "^4.1.4"
+ util "^0.10.4"
balanced-match@^1.0.0:
version "1.0.2"
@@ -104,9 +116,9 @@ balanced-match@^1.0.0:
integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
binary-extensions@^2.0.0:
- version "2.2.0"
- resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
- integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
+ version "2.3.0"
+ resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
+ integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
brace-expansion@^1.1.7:
version "1.1.11"
@@ -124,19 +136,30 @@ braces@~3.0.2:
fill-range "^7.0.1"
builtin-modules@^3.1.0, builtin-modules@^3.2.0:
- version "3.2.0"
- resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.2.0.tgz#45d5db99e7ee5e6bc4f362e008bf917ab5049887"
- integrity sha512-lGzLKcioL90C7wMczpkY0n/oART3MbBa8R9OFGE1rJxoVI86u4WAGfEk8Wjv10eKSyTHVGkSo3bvBylCEtk7LA==
+ version "3.3.0"
+ resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
+ integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
builtins@^1.0.3:
version "1.0.3"
resolved "https://registry.yarnpkg.com/builtins/-/builtins-1.0.3.tgz#cb94faeb61c8696451db36534e1422f94f0aee88"
- integrity sha1-y5T662HIaWRR2zZTThQi+U8K7og=
+ integrity sha512-uYBjakWipfaO/bXI7E8rq6kpwHRZK5cNYrUv2OzZSI/FvmdMyXJ2tG9dKcjEC5YHmHpUAwsargWIZNWdxb/bnQ==
+
+call-bind@^1.0.5:
+ version "1.0.7"
+ resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.7.tgz#06016599c40c56498c18769d2730be242b6fa3b9"
+ integrity sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==
+ dependencies:
+ es-define-property "^1.0.0"
+ es-errors "^1.3.0"
+ function-bind "^1.1.2"
+ get-intrinsic "^1.2.4"
+ set-function-length "^1.2.1"
"chokidar@>=3.0.0 <4.0.0":
- version "3.5.2"
- resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.2.tgz#dba3976fcadb016f66fd365021d91600d01c1e75"
- integrity sha512-ekGhOnNVPgT77r4K/U3GDhu+FQ2S8TnK/s2KbIGXi0SZWuwkZ2QNyfWdZW+TVfn84DpEP7rLeCt2UI6bJ8GwbQ==
+ version "3.6.0"
+ resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
+ integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
dependencies:
anymatch "~3.1.2"
braces "~3.0.2"
@@ -149,19 +172,19 @@ builtins@^1.0.3:
fsevents "~2.3.2"
cjs-module-lexer@^1.2.1:
- version "1.2.2"
- resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz#9f84ba3244a512f3a54e5277e8eef4c489864e40"
- integrity sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==
+ version "1.3.1"
+ resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.3.1.tgz#c485341ae8fd999ca4ee5af2d7a1c9ae01e0099c"
+ integrity sha512-a3KdPAANPbNE4ZUv9h6LckSl9zLsYOP4MBmhIPkRaeyybt+r4UghLvq+xw/YwUcC1gqylCkL4rdVs3Lwupjm4Q==
commondir@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
- integrity sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=
+ integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
concat-map@0.0.1:
version "0.0.1"
resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
- integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
+ integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
cross-spawn@^7.0.3:
version "7.0.3"
@@ -173,9 +196,39 @@ cross-spawn@^7.0.3:
which "^2.0.1"
deepmerge@^4.2.2:
- version "4.2.2"
- resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
- integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
+ version "4.3.1"
+ resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
+ integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
+
+define-data-property@^1.0.1, define-data-property@^1.1.4:
+ version "1.1.4"
+ resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
+ integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
+ dependencies:
+ es-define-property "^1.0.0"
+ es-errors "^1.3.0"
+ gopd "^1.0.1"
+
+define-properties@^1.2.1:
+ version "1.2.1"
+ resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
+ integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
+ dependencies:
+ define-data-property "^1.0.1"
+ has-property-descriptors "^1.0.0"
+ object-keys "^1.1.1"
+
+es-define-property@^1.0.0:
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.0.tgz#c7faefbdff8b2696cf5f46921edfb77cc4ba3845"
+ integrity sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==
+ dependencies:
+ get-intrinsic "^1.2.4"
+
+es-errors@^1.3.0:
+ version "1.3.0"
+ resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
+ integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
es-module-lexer@^0.6.0:
version "0.6.0"
@@ -243,7 +296,7 @@ fill-range@^7.0.1:
fs.realpath@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
- integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
+ integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
fsevents@~2.1.2:
version "2.1.3"
@@ -251,14 +304,25 @@ fsevents@~2.1.2:
integrity sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==
fsevents@~2.3.2:
- version "2.3.2"
- resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
- integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
-
-function-bind@^1.1.1:
- version "1.1.1"
- resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
- integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
+ version "2.3.3"
+ resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+ integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
+function-bind@^1.1.2:
+ version "1.1.2"
+ resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+ integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
+get-intrinsic@^1.1.3, get-intrinsic@^1.2.4:
+ version "1.2.4"
+ resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.4.tgz#e385f5a4b5227d449c3eabbad05494ef0abbeadd"
+ integrity sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==
+ dependencies:
+ es-errors "^1.3.0"
+ function-bind "^1.1.2"
+ has-proto "^1.0.1"
+ has-symbols "^1.0.3"
+ hasown "^2.0.0"
get-stream@^6.0.0:
version "6.0.1"
@@ -273,38 +337,67 @@ glob-parent@~5.1.2:
is-glob "^4.0.1"
glob@^7.1.3, glob@^7.1.6:
- version "7.2.0"
- resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.0.tgz#d15535af7732e02e948f4c41628bd910293f6023"
- integrity sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==
+ version "7.2.3"
+ resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
+ integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
dependencies:
fs.realpath "^1.0.0"
inflight "^1.0.4"
inherits "2"
- minimatch "^3.0.4"
+ minimatch "^3.1.1"
once "^1.3.0"
path-is-absolute "^1.0.0"
-has@^1.0.3:
+gopd@^1.0.1:
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
+ integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
+ dependencies:
+ get-intrinsic "^1.1.3"
+
+has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
+ version "1.0.2"
+ resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
+ integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
+ dependencies:
+ es-define-property "^1.0.0"
+
+has-proto@^1.0.1:
+ version "1.0.3"
+ resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.3.tgz#b31ddfe9b0e6e9914536a6ab286426d0214f77fd"
+ integrity sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==
+
+has-symbols@^1.0.3:
version "1.0.3"
- resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
- integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
+ resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
+ integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
+
+hasown@^2.0.0:
+ version "2.0.2"
+ resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
+ integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
dependencies:
- function-bind "^1.1.1"
+ function-bind "^1.1.2"
htm@^3.1.0:
- version "3.1.0"
- resolved "https://registry.yarnpkg.com/htm/-/htm-3.1.0.tgz#0c305493b60da9f6ed097a2aaf4c994bd85ea022"
- integrity sha512-L0s3Sid5r6YwrEvkig14SK3Emmc+kIjlfLhEGn2Vy3bk21JyDEes4MoDsbJk6luaPp8bugErnxPz86ZuAw6e5Q==
+ version "3.1.1"
+ resolved "https://registry.yarnpkg.com/htm/-/htm-3.1.1.tgz#49266582be0dc66ed2235d5ea892307cc0c24b78"
+ integrity sha512-983Vyg8NwUE7JkZ6NmOqpCZ+sh1bKv2iYTlUkzlWmA5JD2acKoxd4KVxbMmxX/85mtfdnDmTFoNKcg5DGAvxNQ==
human-signals@^2.1.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
+immutable@^4.0.0:
+ version "4.3.6"
+ resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.6.tgz#6a05f7858213238e587fb83586ffa3b4b27f0447"
+ integrity sha512-Ju0+lEMyzMVZarkTn/gqRpdqd5dOPaz1mCZ0SH3JV6iFw81PldE/PEB1hWVEA288HPt4WXW8O7AWxB10M+03QQ==
+
inflight@^1.0.4:
version "1.0.6"
resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
- integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
+ integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
dependencies:
once "^1.3.0"
wrappy "1"
@@ -314,10 +407,10 @@ inherits@2:
resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
-inherits@2.0.1:
- version "2.0.1"
- resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
- integrity sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE=
+inherits@2.0.3:
+ version "2.0.3"
+ resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+ integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==
is-binary-path@~2.1.0:
version "2.1.0"
@@ -326,17 +419,17 @@ is-binary-path@~2.1.0:
dependencies:
binary-extensions "^2.0.0"
-is-core-module@^2.2.0:
- version "2.7.0"
- resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.7.0.tgz#3c0ef7d31b4acfc574f80c58409d568a836848e3"
- integrity sha512-ByY+tjCciCr+9nLryBYcSD50EOGWt95c7tIsKTG1J2ixKKXPvF7Ej3AVd+UfDydAJom3biBGDBALaO79ktwgEQ==
+is-core-module@^2.13.0:
+ version "2.13.1"
+ resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.1.tgz#ad0d7532c6fea9da1ebdc82742d74525c6273384"
+ integrity sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==
dependencies:
- has "^1.0.3"
+ hasown "^2.0.0"
is-extglob@^2.1.1:
version "2.1.1"
resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
- integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
+ integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
is-glob@^4.0.1, is-glob@~4.0.1:
version "4.0.3"
@@ -348,7 +441,7 @@ is-glob@^4.0.1, is-glob@~4.0.1:
is-module@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
- integrity sha1-Mlj7afeMFNW4FdZkM2tM/7ZEFZE=
+ integrity sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==
is-number@^7.0.0:
version "7.0.0"
@@ -377,19 +470,19 @@ is-valid-identifier@^2.0.2:
isexe@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
- integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
+ integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
kleur@^4.1.1:
- version "4.1.4"
- resolved "https://registry.yarnpkg.com/kleur/-/kleur-4.1.4.tgz#8c202987d7e577766d039a8cd461934c01cda04d"
- integrity sha512-8QADVssbrFjivHWQU7KkMgptGTl6WAcSdlbBPY4uNF+mWr6DGcKrvY2w4FQJoXch7+fKMjj0dRrL75vk3k23OA==
+ version "4.1.5"
+ resolved "https://registry.yarnpkg.com/kleur/-/kleur-4.1.5.tgz#95106101795f7050c6c650f350c683febddb1780"
+ integrity sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==
-magic-string@^0.25.5, magic-string@^0.25.7:
- version "0.25.7"
- resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.7.tgz#3f497d6fd34c669c6798dcb821f2ef31f5445051"
- integrity sha512-4CrMT5DOHTDk4HYDlzmwu4FVCcIYI8gauveasrdCu2IKIFOJ3f0v/8MDGJCDL9oD2ppz/Av1b0Nj345H9M+XIA==
+magic-string@^0.25.7:
+ version "0.25.9"
+ resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c"
+ integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
dependencies:
- sourcemap-codec "^1.4.4"
+ sourcemap-codec "^1.4.8"
merge-stream@^2.0.0:
version "2.0.0"
@@ -401,10 +494,10 @@ mimic-fn@^2.1.0:
resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
-minimatch@^3.0.4:
- version "3.0.4"
- resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
- integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
+minimatch@^3.1.1:
+ version "3.1.2"
+ resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+ integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
dependencies:
brace-expansion "^1.1.7"
@@ -425,15 +518,25 @@ npm-run-path@^4.0.1:
dependencies:
path-key "^3.0.0"
-object-assign@^4.1.1:
- version "4.1.1"
- resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
- integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
+object-keys@^1.1.1:
+ version "1.1.1"
+ resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
+ integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
+
+object.assign@^4.1.4:
+ version "4.1.5"
+ resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.5.tgz#3a833f9ab7fdb80fc9e8d2300c803d216d8fdbb0"
+ integrity sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==
+ dependencies:
+ call-bind "^1.0.5"
+ define-properties "^1.2.1"
+ has-symbols "^1.0.3"
+ object-keys "^1.1.1"
once@^1.3.0:
version "1.4.0"
resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
- integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
+ integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
dependencies:
wrappy "1"
@@ -447,27 +550,27 @@ onetime@^5.1.2:
path-is-absolute@^1.0.0:
version "1.0.1"
resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
- integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
+ integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
path-key@^3.0.0, path-key@^3.1.0:
version "3.1.1"
resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
-path-parse@^1.0.6:
+path-parse@^1.0.7:
version "1.0.7"
resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.3.0:
- version "2.3.0"
- resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.0.tgz#f1f061de8f6a4bf022892e2d128234fb98302972"
- integrity sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==
+ version "2.3.1"
+ resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+ integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
preact@^10.5.14:
- version "10.5.14"
- resolved "https://registry.yarnpkg.com/preact/-/preact-10.5.14.tgz#0b14a2eefba3c10a57116b90d1a65f5f00cd2701"
- integrity sha512-KojoltCrshZ099ksUZ2OQKfbH66uquFoxHSbnwKbTJHeQNvx42EmC7wQVWNuDt6vC5s3nudRHFtKbpY4ijKlaQ==
+ version "10.22.0"
+ resolved "https://registry.yarnpkg.com/preact/-/preact-10.22.0.tgz#a50f38006ae438d255e2631cbdaf7488e6dd4e16"
+ integrity sha512-RRurnSjJPj4rp5K6XoP45Ui33ncb7e4H7WiOHVpjbkvqvA3U+N8Z6Qbo0AE6leGYBV66n8EhEaFixvIu3SkxFw==
readdirp@~3.6.0:
version "3.6.0"
@@ -477,12 +580,13 @@ readdirp@~3.6.0:
picomatch "^2.2.1"
resolve@^1.17.0, resolve@^1.20.0:
- version "1.20.0"
- resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.20.0.tgz#629a013fb3f70755d6f0b7935cc1c2c5378b1975"
- integrity sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==
+ version "1.22.8"
+ resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
+ integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
dependencies:
- is-core-module "^2.2.0"
- path-parse "^1.0.6"
+ is-core-module "^2.13.0"
+ path-parse "^1.0.7"
+ supports-preserve-symlinks-flag "^1.0.0"
rimraf@^3.0.0:
version "3.0.2"
@@ -506,11 +610,25 @@ rollup@~2.37.1:
fsevents "~2.1.2"
sass@^1.42.1:
- version "1.42.1"
- resolved "https://registry.yarnpkg.com/sass/-/sass-1.42.1.tgz#5ab17bebc1cb1881ad2e0c9a932c66ad64e441e2"
- integrity sha512-/zvGoN8B7dspKc5mC6HlaygyCBRvnyzzgD5khiaCfglWztY99cYoiTUksVx11NlnemrcfH5CEaCpsUKoW0cQqg==
+ version "1.77.2"
+ resolved "https://registry.yarnpkg.com/sass/-/sass-1.77.2.tgz#18d4ed2eefc260cdc8099c5439ec1303fd5863aa"
+ integrity sha512-eb4GZt1C3avsX3heBNlrc7I09nyT00IUuo4eFhAbeXWU2fvA7oXI53SxODVAA+zgZCk9aunAZgO+losjR3fAwA==
dependencies:
chokidar ">=3.0.0 <4.0.0"
+ immutable "^4.0.0"
+ source-map-js ">=0.6.2 <2.0.0"
+
+set-function-length@^1.2.1:
+ version "1.2.2"
+ resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
+ integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
+ dependencies:
+ define-data-property "^1.1.4"
+ es-errors "^1.3.0"
+ function-bind "^1.1.2"
+ get-intrinsic "^1.2.4"
+ gopd "^1.0.1"
+ has-property-descriptors "^1.0.2"
shebang-command@^2.0.0:
version "2.0.0"
@@ -525,16 +643,21 @@ shebang-regex@^3.0.0:
integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
signal-exit@^3.0.3:
- version "3.0.5"
- resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.5.tgz#9e3e8cc0c75a99472b44321033a7702e7738252f"
- integrity sha512-KWcOiKeQj6ZyXx7zq4YxSMgHRlod4czeBQZrPb8OKcohcqAXShm7E20kEMle9WBt26hFcAf0qLOcp5zmY7kOqQ==
+ version "3.0.7"
+ resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
+ integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
slash@~3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
-sourcemap-codec@^1.4.4:
+"source-map-js@>=0.6.2 <2.0.0":
+ version "1.2.0"
+ resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af"
+ integrity sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==
+
+sourcemap-codec@^1.4.8:
version "1.4.8"
resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
@@ -544,6 +667,11 @@ strip-final-newline@^2.0.0:
resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
+supports-preserve-symlinks-flag@^1.0.0:
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+ integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
to-regex-range@^5.0.1:
version "5.0.1"
resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
@@ -551,24 +679,32 @@ to-regex-range@^5.0.1:
dependencies:
is-number "^7.0.0"
-util@0.10.3:
- version "0.10.3"
- resolved "https://registry.yarnpkg.com/util/-/util-0.10.3.tgz#7afb1afe50805246489e3db7fe0ed379336ac0f9"
- integrity sha1-evsa/lCAUkZInj23/g7TeTNqwPk=
+undici-types@~5.26.4:
+ version "5.26.5"
+ resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617"
+ integrity sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==
+
+util@^0.10.4:
+ version "0.10.4"
+ resolved "https://registry.yarnpkg.com/util/-/util-0.10.4.tgz#3aa0125bfe668a4672de58857d3ace27ecb76901"
+ integrity sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==
dependencies:
- inherits "2.0.1"
+ inherits "2.0.3"
validate-npm-package-name@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/validate-npm-package-name/-/validate-npm-package-name-3.0.0.tgz#5fa912d81eb7d0c74afc140de7317f0ca7df437e"
- integrity sha1-X6kS2B630MdK/BQN5zF/DKffQ34=
+ integrity sha512-M6w37eVCMMouJ9V/sdPGnC5H4uDr73/+xdq0FBLO3TFFX1+7wiUY6Es328NN+y43tmY+doUdN9g9J21vqB7iLw==
dependencies:
builtins "^1.0.3"
vm2@^3.9.2:
- version "3.9.3"
- resolved "https://registry.yarnpkg.com/vm2/-/vm2-3.9.3.tgz#29917f6cc081cc43a3f580c26c5b553fd3c91f40"
- integrity sha512-smLS+18RjXYMl9joyJxMNI9l4w7biW8ilSDaVRvFBDwOH8P0BK1ognFQTpg0wyQ6wIKLTblHJvROW692L/E53Q==
+ version "3.9.19"
+ resolved "https://registry.yarnpkg.com/vm2/-/vm2-3.9.19.tgz#be1e1d7a106122c6c492b4d51c2e8b93d3ed6a4a"
+ integrity sha512-J637XF0DHDMV57R6JyVsTak7nIL8gy5KH4r1HiwWLf/4GBbb5MKL5y7LpmF4A8E2nR6XmzpmMFQ7V7ppPTmUQg==
+ dependencies:
+ acorn "^8.7.0"
+ acorn-walk "^8.2.0"
which@^2.0.1:
version "2.0.2"
@@ -580,4 +716,4 @@ which@^2.0.1:
wrappy@1:
version "1.0.2"
resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
- integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
+ integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
--
GitLab