add beatmap searching

static/js/1.7e1ca608.chunk.js

@@ -0,0 +1,2 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[1],[function(e,t,n){"use strict";e.exports=n(14)},function(e,t,n){"use strict";function r(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}n.d(t,"a",function(){return r})},function(e,t,n){"use strict";var r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(o){return!1}}()?Object.assign:function(e,t){for(var n,l,a=function(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),u=1;u<arguments.length;u++){for(var c in n=Object(arguments[u]))o.call(n,c)&&(a[c]=n[c]);if(r){l=r(n);for(var s=0;s<l.length;s++)i.call(n,l[s])&&(a[l[s]]=n[l[s]])}}return a}},function(e,t){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(r){"object"===typeof window&&(n=window)}e.exports=n},function(e,t,n){(function(t){var n="Expected a function",r=NaN,o="[object Symbol]",i=/^\s+|\s+$/g,l=/^[-+]0x[0-9a-f]+$/i,a=/^0b[01]+$/i,u=/^0o[0-7]+$/i,c=parseInt,s="object"==typeof t&&t&&t.Object===Object&&t,f="object"==typeof self&&self&&self.Object===Object&&self,d=s||f||Function("return this")(),p=Object.prototype.toString,m=Math.max,h=Math.min,y=function(){return d.Date.now()};function v(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function g(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&p.call(e)==o}(e))return r;if(v(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=v(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(i,"");var n=a.test(e);return n||u.test(e)?c(e.slice(2),n?2:8):l.test(e)?r:+e}e.exports=function(e,t,r){var o,i,l,a,u,c,s=0,f=!1,d=!1,p=!0;if("function"!=typeof e)throw new TypeError(n);function b(t){var n=o,r=i;return o=i=void 0,s=t,a=e.apply(r,n)}function k(e){var n=e-c;return void 0===c||n>=t||n<0||d&&e-s>=l}function w(){var e=y();if(k(e))return T(e);u=setTimeout(w,function(e){var n=t-(e-c);return d?h(n,l-(e-s)):n}(e))}function T(e){return u=void 0,p&&o?b(e):(o=i=void 0,a)}function x(){var e=y(),n=k(e);if(o=arguments,i=this,c=e,n){if(void 0===u)return function(e){return s=e,u=setTimeout(w,t),f?b(e):a}(c);if(d)return u=setTimeout(w,t),b(c)}return void 0===u&&(u=setTimeout(w,t)),a}return t=g(t)||0,v(r)&&(f=!!r.leading,l=(d="maxWait"in r)?m(g(r.maxWait)||0,t):l,p="trailing"in r?!!r.trailing:p),x.cancel=function(){void 0!==u&&clearTimeout(u),s=0,o=c=i=u=void 0},x.flush=function(){return void 0===u?a:T(y())},x}}).call(this,n(3))},function(e,t,n){"use strict";!function e(){if("undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(15)},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}n.d(t,"a",function(){return r})},function(e,t,n){"use strict";function r(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function o(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}n.d(t,"a",function(){return o})},function(e,t,n){"use strict";function r(e){return(r=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}n.d(t,"a",function(){return r})},function(e,t,n){"use strict";var r=n(20).DebounceInput;r.DebounceInput=r,e.exports=r},function(e,t,n){e.exports=function(e,t,n){"use strict";var r="default"in e?e.default:e;t=t&&t.hasOwnProperty("default")?t.default:t,n=n&&n.hasOwnProperty("default")?n.default:n;var o=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},i=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t},a=function(e){function t(e){o(this,t);var r=l(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return e.debounce?r.handleOnScroll=n(r.handleOnScroll.bind(r),e.debounce,{trailing:!0}):r.handleOnScroll=r.handleOnScroll.bind(r),r}return function(e,t){if("functioLine truncated
+//# sourceMappingURL=1.7e1ca608.chunk.js.map

static/js/beatmaps.faace68d.chunk.js

@@ -0,0 +1,2 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{13:function(e,t,a){e.exports=a(26)},18:function(e,t,a){},21:function(e,t,a){},26:function(e,t,a){"use strict";a.r(t);var s=a(0),n=a.n(s),i=a(5),r=a.n(i),c=(a(18),a(6)),l=a(7),o=a(11),u=a(8),m=a(12),d=a(1),h=a(9),f=function(e){if(e.status>=200&&e.status<300)return e;var t=new Error("HTTP Error ".concat(e.statusText));throw t.status=e.statusText,t.response=e,console.log(t),t},k=function(e){return e.json()},p={api_beatmaps_request:function(e,t){return fetch("/storage/api/".concat(e),{method:"get",cache:"default"}).then(f).then(k).then(t)}},b=(a(21),a(10)),v=a.n(b),E=function(e){function t(e){var a;return Object(c.a)(this,t),(a=Object(o.a)(this,Object(u.a)(t).call(this,e))).renderDummyData=function(){var e=a.state.beatmaps.map(function(e,t){var s=e.ChildrenBeatmaps.map(function(e,t){return n.a.createElement("div",{key:e.BeatmapID,className:"diff2"},n.a.createElement("div",{className:"faa fal fa-extra-mode-"+a.getGameMode(e.Mode),style:{color:a.getDiffColor(e.DifficultyRating)}}))});return n.a.createElement("div",{className:"eight wide column",key:e.SetID},n.a.createElement("div",{className:"map"},n.a.createElement("div",{className:"map-header"},n.a.createElement("a",{href:"https://kotorikku.ru/b/"+e.ChildrenBeatmaps[e.ChildrenBeatmaps.length-1].BeatmapID},n.a.createElement("img",{src:"https://assets.ppy.sh/beatmaps/"+e.ChildrenBeatmaps[0].ParentSetID+"/covers/card.jpg",alt:""}))),n.a.createElement("div",{className:"status"},a.getRankStatus(e.RankedStatus)),n.a.createElement("div",{className:"name"},e.Title.substring(0,35)),n.a.createElement("div",{className:"artist"},e.Artist.substring(0,35)),n.a.createElement("div",{className:"creator"},"by ",e.Creator),n.a.createElement("a",{title:"Download beatmap",href:"https://storage.kotorikku.ru/d/"+e.ChildrenBeatmaps[e.ChildrenBeatmaps.length-1].ParentSetID,className:"download"},n.a.createElement("i",{className:"download disk icon"})),n.a.createElement("div",{id:"alldiff"},s)))});return n.a.createElement("div",{className:"ui stackable two grid",onScrollCapture:a.scrollListener},e,n.a.createElement(v.a,{onBottom:a.scrollListener}))},a.state={offset:100,count:22,query:"",mode:0,loading:!0,status:1},a.renderDummyData.bind(Object(d.a)(Object(d.a)(a))),a.scrollListener=a.scrollListener.bind(Object(d.a)(Object(d.a)(a))),a.reCallApi=a.reCallApi.bind(Object(d.a)(Object(d.a)(a))),a.queryNew=a.queryNew.bind(Object(d.a)(Object(d.a)(a))),a}return Object(m.a)(t,e),Object(l.a)(t,[{key:"componentDidMount",value:function(){var e=this;p.api_beatmaps_request("search?offset="+this.state.offset+"&amount="+this.state.count+"&mode="+this.state.mode+"&status="+this.state.status+"&query="+this.state.query,function(t){e.setState({loading:!1,beatmaps:t})})}},{key:"reCallApi",value:function(){var e=this;this.setState({loading:!0}),p.api_beatmaps_request("search?offset="+this.state.offset+"&amount="+this.state.count+"&mode="+this.state.mode+"&status="+this.state.status+"&query="+this.state.query,function(t){e.setState({loading:!1,beatmaps:t})})}},{key:"getDiffColor",value:function(e){return e<=1.5?"#8AAE17":e>1.5&&e<=2.25?"#9AD4DF":e>2.25&&e<=3.75?"#DEB32A":e>3.75&&e<=5.25?"#EB69A4":e>5.25&&e<=6.75?"#7264B5":"#050505"}},{key:"getRankStatus",value:function(e){switch(e){case 0:return"PENDING";case 1:return"RANKED";case 3:return"APPROVED";case 4:return"Loved";default:return"UNKNOWN"}}},{key:"getGameMode",value:function(e){switch(e){case 0:return"osu";case 1:return"taiko";case 2:return"fruits";case 3:return"mania";default:return"osu"}}},{key:"scrollListener",value:function(){var e=this;this.setState({offset:this.state.offset+22}),p.api_beatmaps_request("search?offset="+this.state.offset+"&amount="+this.state.count+"&mode="+this.state.mode+"&status="+this.state.status+"&query="+this.state.query,function(t){for(var a=e.state.beatmaps,s=0;s<t.length;s++)a.push(t[s]);e.setState({beatmaps:a})})}},{key:"switchMode",value:function(e){var t=this,a=Number(e.target.dataset.modeosu);this.setState({mode:a,offset:0},function(){t.reCallApi()})}},{key:"switchRank",value:function(e){var t=this,a=Number(e.target.dataset.rankstatus);this.setState({status:a,offset:0},function(){t.reCallApi()})}},{key:"queryNew",value:function(e){var t=this,a=e.target.value;this.setState({query:a,offset:0},function(){t.reCallApi()})}},{key:"render",value:function(){return n.a.createElement("div",null,n.a.createElement("div",{className:"ui segment"},n.a.createElement("div",{className:"ui one column stackable center aligned page grid"},n.a.createElement("div",{className:"column twelve wide"},n.a.createElement("center",null,n.a.createElement("h1",{className:"header"},"Beatmaps")),n.a.createElement("br",null),n.a.createElement("div",{class:"ui input",style:{width:"100%"}},n.a.createElement(h.DebounceInput,{minLength:0,debounceTimeout:350,onChange:this.queryNew})),n.a.createElement("div",{className:"ui segment wow-links"},n.a.createElement("a",{onClick:this.switchMode.bind(this),"data-Line truncated
+//# sourceMappingURL=main.faace68d.chunk.js.map

static/js/runtime~main.229c360f.js

@@ -0,0 +1,2 @@
+!function(e){function r(r){for(var n,f,i=r[0],l=r[1],a=r[2],c=0,s=[];c<i.length;c++)f=i[c],o[f]&&s.push(o[f][0]),o[f]=0;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,a||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,i=1;i<t.length;i++){var l=t[i];0!==o[l]&&(n=!1)}n&&(u.splice(r--,1),e=f(f.s=t[0]))}return e}var n={},o={2:0},u=[];function f(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,f),t.l=!0,t.exports}f.m=e,f.c=n,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(e,r){if(1&r&&(e=f(e)),8&r)return e;if(4&r&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)f.d(t,n,function(r){return e[r]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var i=window.webpackJsonp=window.webpackJsonp||[],l=i.push.bind(i);i.push=r,i=i.slice();for(var a=0;a<i.length;a++)r(i[a]);var p=l;t()}([]);
+//# sourceMappingURL=runtime~main.229c360f.js.map

templates/beatmaps.html

@@ -0,0 +1,13 @@
+{{/*###
+Handler=/beatmaps
+TitleBar=Beatmaps
+KyutGrill=beatmaps.jpg
+*/}}
+{{ define "tpl" }}
+<div class="ui container">
+    <div id="react-app"></div>
+</div>
+<script>!function (l) { function e(e) { for (var r, t, n = e[0], o = e[1], u = e[2], f = 0, i = []; f < n.length; f++)t = n[f], p[t] && i.push(p[t][0]), p[t] = 0; for (r in o) Object.prototype.hasOwnProperty.call(o, r) && (l[r] = o[r]); for (s && s(e); i.length;)i.shift()(); return c.push.apply(c, u || []), a() } function a() { for (var e, r = 0; r < c.length; r++) { for (var t = c[r], n = !0, o = 1; o < t.length; o++) { var u = t[o]; 0 !== p[u] && (n = !1) } n && (c.splice(r--, 1), e = f(f.s = t[0])) } return e } var t = {}, p = { 2: 0 }, c = []; function f(e) { if (t[e]) return t[e].exports; var r = t[e] = { i: e, l: !1, exports: {} }; return l[e].call(r.exports, r, r.exports, f), r.l = !0, r.exports } f.m = l, f.c = t, f.d = function (e, r, t) { f.o(e, r) || Object.defineProperty(e, r, { enumerable: !0, get: t }) }, f.r = function (e) { "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e, "__esModule", { value: !0 }) }, f.t = function (r, e) { if (1 & e && (r = f(r)), 8 & e) return r; if (4 & e && "object" == typeof r && r && r.__esModule) return r; var t = Object.create(null); if (f.r(t), Object.defineProperty(t, "default", { enumerable: !0, value: r }), 2 & e && "string" != typeof r) for (var n in r) f.d(t, n, function (e) { return r[e] }.bind(null, n)); return t }, f.n = function (e) { var r = e && e.__esModule ? function () { return e.default } : function () { return e }; return f.d(r, "a", r), r }, f.o = function (e, r) { return Object.prototype.hasOwnProperty.call(e, r) }, f.p = "/"; var r = window.webpackJsonp = window.webpackJsonp || [], n = r.push.bind(r); r.push = e, r = r.slice(); for (var o = 0; o < r.length; o++)e(r[o]); var s = n; a() }([])</script>
+<script src="/static/js/1.7e1ca608.chunk.js"></script>
+<script src="/static/js/beatmaps.faace68d.chunk.js"></script>
+{{ end }}