disable minify

dist/assets/index-C9o3CIT4.js

@@ -0,0 +1,1414 @@
+(function polyfill() {
+  const relList = document.createElement("link").relList;
+  if (relList && relList.supports && relList.supports("modulepreload")) {
+    return;
+  }
+  for (const link of document.querySelectorAll('link[rel="modulepreload"]')) {
+    processPreload(link);
+  }
+  new MutationObserver((mutations) => {
+    for (const mutation of mutations) {
+      if (mutation.type !== "childList") {
+        continue;
+      }
+      for (const node of mutation.addedNodes) {
+        if (node.tagName === "LINK" && node.rel === "modulepreload")
+          processPreload(node);
+      }
+    }
+  }).observe(document, { childList: true, subtree: true });
+  function getFetchOpts(link) {
+    const fetchOpts = {};
+    if (link.integrity) fetchOpts.integrity = link.integrity;
+    if (link.referrerPolicy) fetchOpts.referrerPolicy = link.referrerPolicy;
+    if (link.crossOrigin === "use-credentials")
+      fetchOpts.credentials = "include";
+    else if (link.crossOrigin === "anonymous") fetchOpts.credentials = "omit";
+    else fetchOpts.credentials = "same-origin";
+    return fetchOpts;
+  }
+  function processPreload(link) {
+    if (link.ep)
+      return;
+    link.ep = true;
+    const fetchOpts = getFetchOpts(link);
+    fetch(link.href, fetchOpts);
+  }
+})();
+var n, l$1, u$2, i$1, r$1, o$1, e$1, f$2, c$1, s$1, a$1, p$1 = {}, v$1 = [], y$1 = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, d$1 = Array.isArray;
+function w$1(n2, l2) {
+  for (var u2 in l2) n2[u2] = l2[u2];
+  return n2;
+}
+function _(n2) {
+  n2 && n2.parentNode && n2.parentNode.removeChild(n2);
+}
+function g(l2, u2, t2) {
+  var i2, r2, o2, e2 = {};
+  for (o2 in u2) "key" == o2 ? i2 = u2[o2] : "ref" == o2 ? r2 = u2[o2] : e2[o2] = u2[o2];
+  if (arguments.length > 2 && (e2.children = arguments.length > 3 ? n.call(arguments, 2) : t2), "function" == typeof l2 && null != l2.defaultProps) for (o2 in l2.defaultProps) void 0 === e2[o2] && (e2[o2] = l2.defaultProps[o2]);
+  return m$1(l2, e2, i2, r2, null);
+}
+function m$1(n2, t2, i2, r2, o2) {
+  var e2 = { type: n2, props: t2, key: i2, ref: r2, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: null == o2 ? ++u$2 : o2, __i: -1, __u: 0 };
+  return null == o2 && null != l$1.vnode && l$1.vnode(e2), e2;
+}
+function k$1(n2) {
+  return n2.children;
+}
+function x(n2, l2) {
+  this.props = n2, this.context = l2;
+}
+function C$1(n2, l2) {
+  if (null == l2) return n2.__ ? C$1(n2.__, n2.__i + 1) : null;
+  for (var u2; l2 < n2.__k.length; l2++) if (null != (u2 = n2.__k[l2]) && null != u2.__e) return u2.__e;
+  return "function" == typeof n2.type ? C$1(n2) : null;
+}
+function S(n2) {
+  var l2, u2;
+  if (null != (n2 = n2.__) && null != n2.__c) {
+    for (n2.__e = n2.__c.base = null, l2 = 0; l2 < n2.__k.length; l2++) if (null != (u2 = n2.__k[l2]) && null != u2.__e) {
+      n2.__e = n2.__c.base = u2.__e;
+      break;
+    }
+    return S(n2);
+  }
+}
+function M(n2) {
+  (!n2.__d && (n2.__d = true) && i$1.push(n2) && !P.__r++ || r$1 !== l$1.debounceRendering) && ((r$1 = l$1.debounceRendering) || o$1)(P);
+}
+function P() {
+  var n2, u2, t2, r2, o2, f2, c2, s2;
+  for (i$1.sort(e$1); n2 = i$1.shift(); ) n2.__d && (u2 = i$1.length, r2 = void 0, f2 = (o2 = (t2 = n2).__v).__e, c2 = [], s2 = [], t2.__P && ((r2 = w$1({}, o2)).__v = o2.__v + 1, l$1.vnode && l$1.vnode(r2), j$1(t2.__P, r2, o2, t2.__n, t2.__P.namespaceURI, 32 & o2.__u ? [f2] : null, c2, null == f2 ? C$1(o2) : f2, !!(32 & o2.__u), s2), r2.__v = o2.__v, r2.__.__k[r2.__i] = r2, z$1(c2, r2, s2), r2.__e != f2 && S(r2)), i$1.length > u2 && i$1.sort(e$1));
+  P.__r = 0;
+}
+function $(n2, l2, u2, t2, i2, r2, o2, e2, f2, c2, s2) {
+  var a2, h2, y2, d2, w2, _2, g2 = t2 && t2.__k || v$1, m2 = l2.length;
+  for (f2 = I(u2, l2, g2, f2, m2), a2 = 0; a2 < m2; a2++) null != (y2 = u2.__k[a2]) && (h2 = -1 === y2.__i ? p$1 : g2[y2.__i] || p$1, y2.__i = a2, _2 = j$1(n2, y2, h2, i2, r2, o2, e2, f2, c2, s2), d2 = y2.__e, y2.ref && h2.ref != y2.ref && (h2.ref && V(h2.ref, null, y2), s2.push(y2.ref, y2.__c || d2, y2)), null == w2 && null != d2 && (w2 = d2), 4 & y2.__u || h2.__k === y2.__k ? f2 = A(y2, f2, n2) : "function" == typeof y2.type && void 0 !== _2 ? f2 = _2 : d2 && (f2 = d2.nextSibling), y2.__u &= -7);
+  return u2.__e = w2, f2;
+}
+function I(n2, l2, u2, t2, i2) {
+  var r2, o2, e2, f2, c2, s2 = u2.length, a2 = s2, h2 = 0;
+  for (n2.__k = new Array(i2), r2 = 0; r2 < i2; r2++) null != (o2 = l2[r2]) && "boolean" != typeof o2 && "function" != typeof o2 ? (f2 = r2 + h2, (o2 = n2.__k[r2] = "string" == typeof o2 || "number" == typeof o2 || "bigint" == typeof o2 || o2.constructor == String ? m$1(null, o2, null, null, null) : d$1(o2) ? m$1(k$1, { children: o2 }, null, null, null) : void 0 === o2.constructor && o2.__b > 0 ? m$1(o2.type, o2.props, o2.key, o2.ref ? o2.ref : null, o2.__v) : o2).__ = n2, o2.__b = n2.__b + 1, e2 = null, -1 !== (c2 = o2.__i = L(o2, u2, f2, a2)) && (a2--, (e2 = u2[c2]) && (e2.__u |= 2)), null == e2 || null === e2.__v ? (-1 == c2 && h2--, "function" != typeof o2.type && (o2.__u |= 4)) : c2 != f2 && (c2 == f2 - 1 ? h2-- : c2 == f2 + 1 ? h2++ : (c2 > f2 ? h2-- : h2++, o2.__u |= 4))) : n2.__k[r2] = null;
+  if (a2) for (r2 = 0; r2 < s2; r2++) null != (e2 = u2[r2]) && 0 == (2 & e2.__u) && (e2.__e == t2 && (t2 = C$1(e2)), q$1(e2, e2));
+  return t2;
+}
+function A(n2, l2, u2) {
+  var t2, i2;
+  if ("function" == typeof n2.type) {
+    for (t2 = n2.__k, i2 = 0; t2 && i2 < t2.length; i2++) t2[i2] && (t2[i2].__ = n2, l2 = A(t2[i2], l2, u2));
+    return l2;
+  }
+  n2.__e != l2 && (l2 && n2.type && !u2.contains(l2) && (l2 = C$1(n2)), u2.insertBefore(n2.__e, l2 || null), l2 = n2.__e);
+  do {
+    l2 = l2 && l2.nextSibling;
+  } while (null != l2 && 8 == l2.nodeType);
+  return l2;
+}
+function L(n2, l2, u2, t2) {
+  var i2, r2, o2 = n2.key, e2 = n2.type, f2 = l2[u2];
+  if (null === f2 || f2 && o2 == f2.key && e2 === f2.type && 0 == (2 & f2.__u)) return u2;
+  if (t2 > (null != f2 && 0 == (2 & f2.__u) ? 1 : 0)) for (i2 = u2 - 1, r2 = u2 + 1; i2 >= 0 || r2 < l2.length; ) {
+    if (i2 >= 0) {
+      if ((f2 = l2[i2]) && 0 == (2 & f2.__u) && o2 == f2.key && e2 === f2.type) return i2;
+      i2--;
+    }
+    if (r2 < l2.length) {
+      if ((f2 = l2[r2]) && 0 == (2 & f2.__u) && o2 == f2.key && e2 === f2.type) return r2;
+      r2++;
+    }
+  }
+  return -1;
+}
+function T$1(n2, l2, u2) {
+  "-" == l2[0] ? n2.setProperty(l2, null == u2 ? "" : u2) : n2[l2] = null == u2 ? "" : "number" != typeof u2 || y$1.test(l2) ? u2 : u2 + "px";
+}
+function F(n2, l2, u2, t2, i2) {
+  var r2;
+  n: if ("style" == l2) if ("string" == typeof u2) n2.style.cssText = u2;
+  else {
+    if ("string" == typeof t2 && (n2.style.cssText = t2 = ""), t2) for (l2 in t2) u2 && l2 in u2 || T$1(n2.style, l2, "");
+    if (u2) for (l2 in u2) t2 && u2[l2] === t2[l2] || T$1(n2.style, l2, u2[l2]);
+  }
+  else if ("o" == l2[0] && "n" == l2[1]) r2 = l2 != (l2 = l2.replace(f$2, "$1")), l2 = l2.toLowerCase() in n2 || "onFocusOut" == l2 || "onFocusIn" == l2 ? l2.toLowerCase().slice(2) : l2.slice(2), n2.l || (n2.l = {}), n2.l[l2 + r2] = u2, u2 ? t2 ? u2.u = t2.u : (u2.u = c$1, n2.addEventListener(l2, r2 ? a$1 : s$1, r2)) : n2.removeEventListener(l2, r2 ? a$1 : s$1, r2);
+  else {
+    if ("http://www.w3.org/2000/svg" == i2) l2 = l2.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
+    else if ("width" != l2 && "height" != l2 && "href" != l2 && "list" != l2 && "form" != l2 && "tabIndex" != l2 && "download" != l2 && "rowSpan" != l2 && "colSpan" != l2 && "role" != l2 && "popover" != l2 && l2 in n2) try {
+      n2[l2] = null == u2 ? "" : u2;
+      break n;
+    } catch (n3) {
+    }
+    "function" == typeof u2 || (null == u2 || false === u2 && "-" != l2[4] ? n2.removeAttribute(l2) : n2.setAttribute(l2, "popover" == l2 && 1 == u2 ? "" : u2));
+  }
+}
+function O(n2) {
+  return function(u2) {
+    if (this.l) {
+      var t2 = this.l[u2.type + n2];
+      if (null == u2.t) u2.t = c$1++;
+      else if (u2.t < t2.u) return;
+      return t2(l$1.event ? l$1.event(u2) : u2);
+    }
+  };
+}
+function j$1(n2, u2, t2, i2, r2, o2, e2, f2, c2, s2) {
+  var a2, h2, p2, v2, y2, g2, m2, b, C2, S2, M2, P2, I2, A2, H, L2, T2, F2 = u2.type;
+  if (void 0 !== u2.constructor) return null;
+  128 & t2.__u && (c2 = !!(32 & t2.__u), o2 = [f2 = u2.__e = t2.__e]), (a2 = l$1.__b) && a2(u2);
+  n: if ("function" == typeof F2) try {
+    if (b = u2.props, C2 = "prototype" in F2 && F2.prototype.render, S2 = (a2 = F2.contextType) && i2[a2.__c], M2 = a2 ? S2 ? S2.props.value : a2.__ : i2, t2.__c ? m2 = (h2 = u2.__c = t2.__c).__ = h2.__E : (C2 ? u2.__c = h2 = new F2(b, M2) : (u2.__c = h2 = new x(b, M2), h2.constructor = F2, h2.render = B$1), S2 && S2.sub(h2), h2.props = b, h2.state || (h2.state = {}), h2.context = M2, h2.__n = i2, p2 = h2.__d = true, h2.__h = [], h2._sb = []), C2 && null == h2.__s && (h2.__s = h2.state), C2 && null != F2.getDerivedStateFromProps && (h2.__s == h2.state && (h2.__s = w$1({}, h2.__s)), w$1(h2.__s, F2.getDerivedStateFromProps(b, h2.__s))), v2 = h2.props, y2 = h2.state, h2.__v = u2, p2) C2 && null == F2.getDerivedStateFromProps && null != h2.componentWillMount && h2.componentWillMount(), C2 && null != h2.componentDidMount && h2.__h.push(h2.componentDidMount);
+    else {
+      if (C2 && null == F2.getDerivedStateFromProps && b !== v2 && null != h2.componentWillReceiveProps && h2.componentWillReceiveProps(b, M2), !h2.__e && (null != h2.shouldComponentUpdate && false === h2.shouldComponentUpdate(b, h2.__s, M2) || u2.__v == t2.__v)) {
+        for (u2.__v != t2.__v && (h2.props = b, h2.state = h2.__s, h2.__d = false), u2.__e = t2.__e, u2.__k = t2.__k, u2.__k.some(function(n3) {
+          n3 && (n3.__ = u2);
+        }), P2 = 0; P2 < h2._sb.length; P2++) h2.__h.push(h2._sb[P2]);
+        h2._sb = [], h2.__h.length && e2.push(h2);
+        break n;
+      }
+      null != h2.componentWillUpdate && h2.componentWillUpdate(b, h2.__s, M2), C2 && null != h2.componentDidUpdate && h2.__h.push(function() {
+        h2.componentDidUpdate(v2, y2, g2);
+      });
+    }
+    if (h2.context = M2, h2.props = b, h2.__P = n2, h2.__e = false, I2 = l$1.__r, A2 = 0, C2) {
+      for (h2.state = h2.__s, h2.__d = false, I2 && I2(u2), a2 = h2.render(h2.props, h2.state, h2.context), H = 0; H < h2._sb.length; H++) h2.__h.push(h2._sb[H]);
+      h2._sb = [];
+    } else do {
+      h2.__d = false, I2 && I2(u2), a2 = h2.render(h2.props, h2.state, h2.context), h2.state = h2.__s;
+    } while (h2.__d && ++A2 < 25);
+    h2.state = h2.__s, null != h2.getChildContext && (i2 = w$1(w$1({}, i2), h2.getChildContext())), C2 && !p2 && null != h2.getSnapshotBeforeUpdate && (g2 = h2.getSnapshotBeforeUpdate(v2, y2)), f2 = $(n2, d$1(L2 = null != a2 && a2.type === k$1 && null == a2.key ? a2.props.children : a2) ? L2 : [L2], u2, t2, i2, r2, o2, e2, f2, c2, s2), h2.base = u2.__e, u2.__u &= -161, h2.__h.length && e2.push(h2), m2 && (h2.__E = h2.__ = null);
+  } catch (n3) {
+    if (u2.__v = null, c2 || null != o2) if (n3.then) {
+      for (u2.__u |= c2 ? 160 : 128; f2 && 8 == f2.nodeType && f2.nextSibling; ) f2 = f2.nextSibling;
+      o2[o2.indexOf(f2)] = null, u2.__e = f2;
+    } else for (T2 = o2.length; T2--; ) _(o2[T2]);
+    else u2.__e = t2.__e, u2.__k = t2.__k;
+    l$1.__e(n3, u2, t2);
+  }
+  else null == o2 && u2.__v == t2.__v ? (u2.__k = t2.__k, u2.__e = t2.__e) : f2 = u2.__e = N(t2.__e, u2, t2, i2, r2, o2, e2, c2, s2);
+  return (a2 = l$1.diffed) && a2(u2), 128 & u2.__u ? void 0 : f2;
+}
+function z$1(n2, u2, t2) {
+  for (var i2 = 0; i2 < t2.length; i2++) V(t2[i2], t2[++i2], t2[++i2]);
+  l$1.__c && l$1.__c(u2, n2), n2.some(function(u3) {
+    try {
+      n2 = u3.__h, u3.__h = [], n2.some(function(n3) {
+        n3.call(u3);
+      });
+    } catch (n3) {
+      l$1.__e(n3, u3.__v);
+    }
+  });
+}
+function N(u2, t2, i2, r2, o2, e2, f2, c2, s2) {
+  var a2, h2, v2, y2, w2, g2, m2, b = i2.props, k2 = t2.props, x2 = t2.type;
+  if ("svg" == x2 ? o2 = "http://www.w3.org/2000/svg" : "math" == x2 ? o2 = "http://www.w3.org/1998/Math/MathML" : o2 || (o2 = "http://www.w3.org/1999/xhtml"), null != e2) {
+    for (a2 = 0; a2 < e2.length; a2++) if ((w2 = e2[a2]) && "setAttribute" in w2 == !!x2 && (x2 ? w2.localName == x2 : 3 == w2.nodeType)) {
+      u2 = w2, e2[a2] = null;
+      break;
+    }
+  }
+  if (null == u2) {
+    if (null == x2) return document.createTextNode(k2);
+    u2 = document.createElementNS(o2, x2, k2.is && k2), c2 && (l$1.__m && l$1.__m(t2, e2), c2 = false), e2 = null;
+  }
+  if (null === x2) b === k2 || c2 && u2.data === k2 || (u2.data = k2);
+  else {
+    if (e2 = e2 && n.call(u2.childNodes), b = i2.props || p$1, !c2 && null != e2) for (b = {}, a2 = 0; a2 < u2.attributes.length; a2++) b[(w2 = u2.attributes[a2]).name] = w2.value;
+    for (a2 in b) if (w2 = b[a2], "children" == a2) ;
+    else if ("dangerouslySetInnerHTML" == a2) v2 = w2;
+    else if (!(a2 in k2)) {
+      if ("value" == a2 && "defaultValue" in k2 || "checked" == a2 && "defaultChecked" in k2) continue;
+      F(u2, a2, null, w2, o2);
+    }
+    for (a2 in k2) w2 = k2[a2], "children" == a2 ? y2 = w2 : "dangerouslySetInnerHTML" == a2 ? h2 = w2 : "value" == a2 ? g2 = w2 : "checked" == a2 ? m2 = w2 : c2 && "function" != typeof w2 || b[a2] === w2 || F(u2, a2, w2, b[a2], o2);
+    if (h2) c2 || v2 && (h2.__html === v2.__html || h2.__html === u2.innerHTML) || (u2.innerHTML = h2.__html), t2.__k = [];
+    else if (v2 && (u2.innerHTML = ""), $(u2, d$1(y2) ? y2 : [y2], t2, i2, r2, "foreignObject" == x2 ? "http://www.w3.org/1999/xhtml" : o2, e2, f2, e2 ? e2[0] : i2.__k && C$1(i2, 0), c2, s2), null != e2) for (a2 = e2.length; a2--; ) _(e2[a2]);
+    c2 || (a2 = "value", "progress" == x2 && null == g2 ? u2.removeAttribute("value") : void 0 !== g2 && (g2 !== u2[a2] || "progress" == x2 && !g2 || "option" == x2 && g2 !== b[a2]) && F(u2, a2, g2, b[a2], o2), a2 = "checked", void 0 !== m2 && m2 !== u2[a2] && F(u2, a2, m2, b[a2], o2));
+  }
+  return u2;
+}
+function V(n2, u2, t2) {
+  try {
+    if ("function" == typeof n2) {
+      var i2 = "function" == typeof n2.__u;
+      i2 && n2.__u(), i2 && null == u2 || (n2.__u = n2(u2));
+    } else n2.current = u2;
+  } catch (n3) {
+    l$1.__e(n3, t2);
+  }
+}
+function q$1(n2, u2, t2) {
+  var i2, r2;
+  if (l$1.unmount && l$1.unmount(n2), (i2 = n2.ref) && (i2.current && i2.current !== n2.__e || V(i2, null, u2)), null != (i2 = n2.__c)) {
+    if (i2.componentWillUnmount) try {
+      i2.componentWillUnmount();
+    } catch (n3) {
+      l$1.__e(n3, u2);
+    }
+    i2.base = i2.__P = null;
+  }
+  if (i2 = n2.__k) for (r2 = 0; r2 < i2.length; r2++) i2[r2] && q$1(i2[r2], u2, t2 || "function" != typeof n2.type);
+  t2 || _(n2.__e), n2.__c = n2.__ = n2.__e = void 0;
+}
+function B$1(n2, l2, u2) {
+  return this.constructor(n2, u2);
+}
+function D$1(u2, t2, i2) {
+  var r2, o2, e2, f2;
+  t2 == document && (t2 = document.documentElement), l$1.__ && l$1.__(u2, t2), o2 = (r2 = false) ? null : t2.__k, e2 = [], f2 = [], j$1(t2, u2 = t2.__k = g(k$1, null, [u2]), o2 || p$1, p$1, t2.namespaceURI, o2 ? null : t2.firstChild ? n.call(t2.childNodes) : null, e2, o2 ? o2.__e : t2.firstChild, r2, f2), z$1(e2, u2, f2);
+}
+n = v$1.slice, l$1 = { __e: function(n2, l2, u2, t2) {
+  for (var i2, r2, o2; l2 = l2.__; ) if ((i2 = l2.__c) && !i2.__) try {
+    if ((r2 = i2.constructor) && null != r2.getDerivedStateFromError && (i2.setState(r2.getDerivedStateFromError(n2)), o2 = i2.__d), null != i2.componentDidCatch && (i2.componentDidCatch(n2, t2 || {}), o2 = i2.__d), o2) return i2.__E = i2;
+  } catch (l3) {
+    n2 = l3;
+  }
+  throw n2;
+} }, u$2 = 0, x.prototype.setState = function(n2, l2) {
+  var u2;
+  u2 = null != this.__s && this.__s !== this.state ? this.__s : this.__s = w$1({}, this.state), "function" == typeof n2 && (n2 = n2(w$1({}, u2), this.props)), n2 && w$1(u2, n2), null != n2 && this.__v && (l2 && this._sb.push(l2), M(this));
+}, x.prototype.forceUpdate = function(n2) {
+  this.__v && (this.__e = true, n2 && this.__h.push(n2), M(this));
+}, x.prototype.render = k$1, i$1 = [], o$1 = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, e$1 = function(n2, l2) {
+  return n2.__v.__b - l2.__v.__b;
+}, P.__r = 0, f$2 = /(PointerCapture)$|Capture$/i, c$1 = 0, s$1 = O(false), a$1 = O(true);
+var f$1 = 0;
+function u$1(e2, t2, n2, o2, i2, u2) {
+  t2 || (t2 = {});
+  var a2, c2, p2 = t2;
+  if ("ref" in p2) for (c2 in p2 = {}, t2) "ref" == c2 ? a2 = t2[c2] : p2[c2] = t2[c2];
+  var l2 = { type: e2, props: p2, key: n2, ref: a2, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --f$1, __i: -1, __u: 0, __source: i2, __self: u2 };
+  if ("function" == typeof e2 && (a2 = e2.defaultProps)) for (c2 in a2) void 0 === p2[c2] && (p2[c2] = a2[c2]);
+  return l$1.vnode && l$1.vnode(l2), l2;
+}
+var t, r, u, i, o = 0, f = [], c = l$1, e = c.__b, a = c.__r, v = c.diffed, l = c.__c, m = c.unmount, s = c.__;
+function d(n2, t2) {
+  c.__h && c.__h(r, n2, o || t2), o = 0;
+  var u2 = r.__H || (r.__H = { __: [], __h: [] });
+  return n2 >= u2.__.length && u2.__.push({}), u2.__[n2];
+}
+function h(n2) {
+  return o = 1, p(D, n2);
+}
+function p(n2, u2, i2) {
+  var o2 = d(t++, 2);
+  if (o2.t = n2, !o2.__c && (o2.__ = [D(void 0, u2), function(n3) {
+    var t2 = o2.__N ? o2.__N[0] : o2.__[0], r2 = o2.t(t2, n3);
+    t2 !== r2 && (o2.__N = [r2, o2.__[1]], o2.__c.setState({}));
+  }], o2.__c = r, !r.u)) {
+    var f2 = function(n3, t2, r2) {
+      if (!o2.__c.__H) return true;
+      var u3 = o2.__c.__H.__.filter(function(n4) {
+        return !!n4.__c;
+      });
+      if (u3.every(function(n4) {
+        return !n4.__N;
+      })) return !c2 || c2.call(this, n3, t2, r2);
+      var i3 = o2.__c.props !== n3;
+      return u3.forEach(function(n4) {
+        if (n4.__N) {
+          var t3 = n4.__[0];
+          n4.__ = n4.__N, n4.__N = void 0, t3 !== n4.__[0] && (i3 = true);
+        }
+      }), c2 && c2.call(this, n3, t2, r2) || i3;
+    };
+    r.u = true;
+    var c2 = r.shouldComponentUpdate, e2 = r.componentWillUpdate;
+    r.componentWillUpdate = function(n3, t2, r2) {
+      if (this.__e) {
+        var u3 = c2;
+        c2 = void 0, f2(n3, t2, r2), c2 = u3;
+      }
+      e2 && e2.call(this, n3, t2, r2);
+    }, r.shouldComponentUpdate = f2;
+  }
+  return o2.__N || o2.__;
+}
+function y(n2, u2) {
+  var i2 = d(t++, 3);
+  !c.__s && C(i2.__H, u2) && (i2.__ = n2, i2.i = u2, r.__H.__h.push(i2));
+}
+function T(n2, r2) {
+  var u2 = d(t++, 7);
+  return C(u2.__H, r2) && (u2.__ = n2(), u2.__H = r2, u2.__h = n2), u2.__;
+}
+function q(n2, t2) {
+  return o = 8, T(function() {
+    return n2;
+  }, t2);
+}
+function j() {
+  for (var n2; n2 = f.shift(); ) if (n2.__P && n2.__H) try {
+    n2.__H.__h.forEach(z), n2.__H.__h.forEach(B), n2.__H.__h = [];
+  } catch (t2) {
+    n2.__H.__h = [], c.__e(t2, n2.__v);
+  }
+}
+c.__b = function(n2) {
+  r = null, e && e(n2);
+}, c.__ = function(n2, t2) {
+  n2 && t2.__k && t2.__k.__m && (n2.__m = t2.__k.__m), s && s(n2, t2);
+}, c.__r = function(n2) {
+  a && a(n2), t = 0;
+  var i2 = (r = n2.__c).__H;
+  i2 && (u === r ? (i2.__h = [], r.__h = [], i2.__.forEach(function(n3) {
+    n3.__N && (n3.__ = n3.__N), n3.i = n3.__N = void 0;
+  })) : (i2.__h.forEach(z), i2.__h.forEach(B), i2.__h = [], t = 0)), u = r;
+}, c.diffed = function(n2) {
+  v && v(n2);
+  var t2 = n2.__c;
+  t2 && t2.__H && (t2.__H.__h.length && (1 !== f.push(t2) && i === c.requestAnimationFrame || ((i = c.requestAnimationFrame) || w)(j)), t2.__H.__.forEach(function(n3) {
+    n3.i && (n3.__H = n3.i), n3.i = void 0;
+  })), u = r = null;
+}, c.__c = function(n2, t2) {
+  t2.some(function(n3) {
+    try {
+      n3.__h.forEach(z), n3.__h = n3.__h.filter(function(n4) {
+        return !n4.__ || B(n4);
+      });
+    } catch (r2) {
+      t2.some(function(n4) {
+        n4.__h && (n4.__h = []);
+      }), t2 = [], c.__e(r2, n3.__v);
+    }
+  }), l && l(n2, t2);
+}, c.unmount = function(n2) {
+  m && m(n2);
+  var t2, r2 = n2.__c;
+  r2 && r2.__H && (r2.__H.__.forEach(function(n3) {
+    try {
+      z(n3);
+    } catch (n4) {
+      t2 = n4;
+    }
+  }), r2.__H = void 0, t2 && c.__e(t2, r2.__v));
+};
+var k = "function" == typeof requestAnimationFrame;
+function w(n2) {
+  var t2, r2 = function() {
+    clearTimeout(u2), k && cancelAnimationFrame(t2), setTimeout(n2);
+  }, u2 = setTimeout(r2, 100);
+  k && (t2 = requestAnimationFrame(r2));
+}
+function z(n2) {
+  var t2 = r, u2 = n2.__c;
+  "function" == typeof u2 && (n2.__c = void 0, u2()), r = t2;
+}
+function B(n2) {
+  var t2 = r;
+  n2.__c = n2.__(), r = t2;
+}
+function C(n2, t2) {
+  return !n2 || n2.length !== t2.length || t2.some(function(t3, r2) {
+    return t3 !== n2[r2];
+  });
+}
+function D(n2, t2) {
+  return "function" == typeof t2 ? t2(n2) : t2;
+}
+const header = "_header_1hnaa_1";
+const logo = "_logo_1hnaa_6";
+const style$a = {
+  header,
+  logo
+};
+const container = "_container_1putz_1";
+const style$9 = {
+  container
+};
+function Container(props) {
+  return /* @__PURE__ */ u$1("div", { class: style$9.container, children: props.children });
+}
+const itemKey$1 = "topics";
+function loadTopics() {
+  const storedTopics = localStorage.getItem(itemKey$1);
+  if (storedTopics) {
+    return JSON.parse(storedTopics);
+  } else {
+    return [];
+  }
+}
+function saveTopics(topics) {
+  localStorage.setItem(itemKey$1, JSON.stringify(topics));
+}
+function getDefaultExportFromCjs(x2) {
+  return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
+}
+var classnames = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var hasRequiredClassnames;
+function requireClassnames() {
+  if (hasRequiredClassnames) return classnames.exports;
+  hasRequiredClassnames = 1;
+  (function(module) {
+    (function() {
+      var hasOwn = {}.hasOwnProperty;
+      function classNames() {
+        var classes = "";
+        for (var i2 = 0; i2 < arguments.length; i2++) {
+          var arg = arguments[i2];
+          if (arg) {
+            classes = appendClass(classes, parseValue(arg));
+          }
+        }
+        return classes;
+      }
+      function parseValue(arg) {
+        if (typeof arg === "string" || typeof arg === "number") {
+          return arg;
+        }
+        if (typeof arg !== "object") {
+          return "";
+        }
+        if (Array.isArray(arg)) {
+          return classNames.apply(null, arg);
+        }
+        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+          return arg.toString();
+        }
+        var classes = "";
+        for (var key in arg) {
+          if (hasOwn.call(arg, key) && arg[key]) {
+            classes = appendClass(classes, key);
+          }
+        }
+        return classes;
+      }
+      function appendClass(value, newClass) {
+        if (!newClass) {
+          return value;
+        }
+        if (value) {
+          return value + " " + newClass;
+        }
+        return value + newClass;
+      }
+      if (module.exports) {
+        classNames.default = classNames;
+        module.exports = classNames;
+      } else {
+        window.classNames = classNames;
+      }
+    })();
+  })(classnames);
+  return classnames.exports;
+}
+var classnamesExports = requireClassnames();
+const cn = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
+const spinnerSquare = "_spinnerSquare_4vgl0_1";
+const square1 = "_square1_4vgl0_14";
+const square2 = "_square2_4vgl0_18";
+const square3 = "_square3_4vgl0_22";
+const style$8 = {
+  spinnerSquare,
+  square1,
+  "square-anim": "_square-anim_4vgl0_1",
+  square2,
+  square3
+};
+function Spinner(props) {
+  return /* @__PURE__ */ u$1("div", { className: cn(style$8.spinnerSquare, props.className), children: [
+    /* @__PURE__ */ u$1("div", { className: style$8.square1 }),
+    /* @__PURE__ */ u$1("div", { className: style$8.square2 }),
+    /* @__PURE__ */ u$1("div", { className: style$8.square3 })
+  ] });
+}
+const spinner$1 = "_spinner_1pqws_1";
+const list = "_list_1pqws_5";
+const highlight = "_highlight_1pqws_44";
+const head = "_head_1pqws_48";
+const generationSettings$1 = "_generationSettings_1pqws_52";
+const style$7 = {
+  spinner: spinner$1,
+  list,
+  highlight,
+  head,
+  generationSettings: generationSettings$1
+};
+const routes = {
+  home: "home",
+  topic: "topic",
+  settings: "settings"
+};
+const btn = "_btn_1ts7o_1";
+const disabled = "_disabled_1ts7o_18";
+const secondary = "_secondary_1ts7o_22";
+const spinner = "_spinner_1ts7o_32";
+const load3 = "_load3_1ts7o_1";
+const style$6 = {
+  btn,
+  disabled,
+  secondary,
+  spinner,
+  load3
+};
+function Button(props) {
+  const disabled2 = props.disabled || props.loading;
+  const buttonClass = cn(style$6.btn, { [style$6.secondary]: props.secondary }, "button", props.className, { [style$6.disabled]: disabled2 });
+  let spinner2 = void 0;
+  if (props.loading) {
+    spinner2 = /* @__PURE__ */ u$1("span", { className: style$6.spinner });
+  }
+  return /* @__PURE__ */ u$1(
+    "button",
+    {
+      type: "button",
+      onClick: () => {
+        if (!disabled2) {
+          props.onClick();
+        }
+      },
+      className: buttonClass,
+      disabled: disabled2,
+      title: props.title,
+      children: [
+        spinner2,
+        props.children
+      ]
+    }
+  );
+}
+const iso8601ToFrenchRegex = /(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})/;
+function iso8601ToFrench(iso8601) {
+  console.log("iso8601ToTokens", iso8601);
+  const matches = iso8601.match(iso8601ToFrenchRegex);
+  const year = matches[1];
+  const month = months[parseInt(matches[2], 10) - 1];
+  const day = matches[3];
+  const hours = matches[4];
+  const minutes = matches[5];
+  const seconds = matches[6];
+  return `${day} ${month} ${year} à ${hours}:${minutes}:${seconds}`;
+}
+const frenchToIso8601Regex = /(\d{1,2}) ([a-zA-Z\u00C0-\u024F]+) (\d{4}) à (\d{2}):(\d{2}):(\d{2})/;
+function frenchToIso8601(french) {
+  console.log("tokensToIso8601", french);
+  const match = french.match(frenchToIso8601Regex);
+  if (!match) {
+    throw new Error("Invalid date format");
+  }
+  const [, day, month, year, hours, minutes, seconds] = match;
+  const monthNumber = (months.indexOf(month) + 1).toString();
+  if (!monthNumber) {
+    throw new Error("Invalid month name");
+  }
+  const isoDate = `${year}-${monthNumber.padStart(2, "0")}-${day.padStart(2, "0")}T${hours}:${minutes}:${seconds}`;
+  return isoDate;
+}
+const months = [
+  "janvier",
+  "février",
+  "mars",
+  "avril",
+  "mai",
+  "juin",
+  "juillet",
+  "août",
+  "septembre",
+  "octobre",
+  "novembre",
+  "décembre"
+];
+const formGroup = "_formGroup_b3g81_1";
+const style$5 = {
+  formGroup
+};
+function FormGroup(props) {
+  return /* @__PURE__ */ u$1("div", { className: style$5.formGroup, children: props.children });
+}
+const rangeSlider = "_rangeSlider_1trvf_1";
+const rangeSlider__values = "_rangeSlider__values_1trvf_99";
+const progress = "_progress_1trvf_116";
+const style$4 = {
+  rangeSlider,
+  rangeSlider__values,
+  progress
+};
+function Slider(props) {
+  return /* @__PURE__ */ u$1("div", { className: style$4.rangeSlider, style: `--min:${props.min}; --max:${props.max}; --step:${props.step}; --value:${props.value}; --text-value:"${props.value}";`, children: [
+    /* @__PURE__ */ u$1(
+      "input",
+      {
+        name: props.name,
+        type: "range",
+        min: props.min,
+        max: props.max,
+        step: props.step,
+        value: props.value,
+        onInput: (e2) => props.onChange(Number(e2.target.value))
+      }
+    ),
+    /* @__PURE__ */ u$1("output", {}),
+    /* @__PURE__ */ u$1("div", { className: style$4.progress })
+  ] });
+}
+function Topics(props) {
+  const sortedTopics = T(() => {
+    if (props.topics === null || props.topics.length < 1) {
+      return props.topics;
+    }
+    return props.topics.sort((topicA, topicB) => {
+      if (topicA.posts.length < 1 || topicB.posts.length < 1) {
+        return 0;
+      }
+      return topicB.posts[topicB.posts.length - 1].date.localeCompare(topicA.posts[topicA.posts.length - 1].date);
+    });
+  }, [props.topics]);
+  return /* @__PURE__ */ u$1("div", { children: [
+    sortedTopics === null ? /* @__PURE__ */ u$1(Spinner, { className: style$7.spinner }) : /* @__PURE__ */ u$1(
+      List,
+      {
+        topics: sortedTopics,
+        setRoute: props.setRoute,
+        latestGeneratedTopicId: props.latestGeneratedTopicId
+      }
+    ),
+    /* @__PURE__ */ u$1("div", { children: [
+      /* @__PURE__ */ u$1("h2", { children: "Nouveau sujet" }),
+      /* @__PURE__ */ u$1("div", { className: style$7.generationSettings, children: /* @__PURE__ */ u$1(FormGroup, { children: [
+        /* @__PURE__ */ u$1("label", { for: "postCount", children: "Nombre de posts" }),
+        /* @__PURE__ */ u$1(
+          Slider,
+          {
+            name: "postCount",
+            value: props.settings.postCount,
+            onChange: (v2) => props.setSettings({ ...props.settings, postCount: v2 }),
+            min: 1,
+            max: 10,
+            step: 1
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ u$1(
+        Button,
+        {
+          onClick: () => props.generateTopic(props.settings.postCount),
+          secondary: true,
+          loading: props.pendingGeneration,
+          children: "Générer"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ u$1("hr", {})
+  ] });
+}
+function List(props) {
+  return /* @__PURE__ */ u$1("ul", { className: style$7.list, children: [
+    /* @__PURE__ */ u$1("li", { className: style$7.head, children: [
+      /* @__PURE__ */ u$1("span", { children: "Sujet" }),
+      /* @__PURE__ */ u$1("span", { children: "Auteur" }),
+      /* @__PURE__ */ u$1("span", { children: "NB" }),
+      /* @__PURE__ */ u$1("span", { children: "Dernier msg" })
+    ] }),
+    props.topics.length < 1 && /* @__PURE__ */ u$1("li", { children: [
+      /* @__PURE__ */ u$1("span", { children: "Aucun sujet" }),
+      /* @__PURE__ */ u$1("span", {}),
+      /* @__PURE__ */ u$1("span", {}),
+      /* @__PURE__ */ u$1("span", {})
+    ] }),
+    props.topics.map((topic) => /* @__PURE__ */ u$1("li", { className: cn({ [style$7.highlight]: topic.id === props.latestGeneratedTopicId }), children: [
+      /* @__PURE__ */ u$1("span", { children: /* @__PURE__ */ u$1("a", { href: "#", onClick: (e2) => {
+        e2.preventDefault();
+        props.setRoute(routes.topic, 0, topic.id);
+      }, children: topic.title }) }),
+      /* @__PURE__ */ u$1("span", { children: topic.posts[0].user }),
+      /* @__PURE__ */ u$1("span", { children: topic.posts.length }),
+      /* @__PURE__ */ u$1("span", { children: iso8601ToFrench(topic.posts[topic.posts.length - 1].date) })
+    ] }))
+  ] });
+}
+const post = "_post_uuidr_1";
+const postHeader = "_postHeader_uuidr_12";
+const avatar = "_avatar_uuidr_23";
+const user = "_user_uuidr_31";
+const date = "_date_uuidr_39";
+const generationSettings = "_generationSettings_uuidr_46";
+const style$3 = {
+  post,
+  postHeader,
+  avatar,
+  user,
+  date,
+  generationSettings
+};
+const wrapper$1 = "_wrapper_cfqzy_1";
+const style$2 = {
+  wrapper: wrapper$1
+};
+const smileysMap = [
+  [":)", "1"],
+  // https://image.jeuxvideo.com/smileys_img/1.gif
+  [":snif:", "20"],
+  [":gba:", "17"],
+  [":g)", "3"],
+  [":-)", "46"],
+  [":snif2:", "13"],
+  [":bravo:", "69"],
+  [":d)", "4"],
+  [":hap:", "18"],
+  [":ouch:", "22"],
+  [":pacg:", "9"],
+  [":cd:", "5"],
+  [":-)))", "23"],
+  [":ouch2:", "57"],
+  [":pacd:", "10"],
+  [":cute:", "nyu"],
+  [":content:", "24"],
+  [":p)", "7"],
+  [":-p", "31"],
+  [":noel:", "11"],
+  [":oui:", "37"],
+  [":(", "45"],
+  [":peur:", "47"],
+  [":question:", "2"],
+  [":cool:", "26"],
+  [":-(", "14"],
+  [":coeur:", "54"],
+  [":mort:", "21"],
+  [":rire:", "39"],
+  [":-((", "15"],
+  [":fou:", "50"],
+  [":sleep:", "27"],
+  [":-D", "40"],
+  [":nonnon:", "25"],
+  [":fier:", "53"],
+  [":honte:", "30"],
+  [":rire2:", "41"],
+  [":non2:", "33"],
+  [":sarcastic:", "43"],
+  [":monoeil:", "34"],
+  [":o))", "12"],
+  [":nah:", "19"],
+  [":doute:", "28"],
+  [":rouge:", "55"],
+  [":ok:", "36"],
+  [":non:", "35"],
+  [":malade:", "8"],
+  [":fete:", "66"],
+  [":sournois:", "67"],
+  [":hum:", "68"],
+  [":ange:", "60"],
+  [":diable:", "61"],
+  [":gni:", "62"],
+  [":play:", "play"],
+  [":desole:", "65"],
+  [":spoiler:", "63"],
+  [":merci:", "58"],
+  [":svp:", "59"],
+  [":sors:", "56"],
+  [":salut:", "42"],
+  [":rechercher:", "38"],
+  [":hello:", "29"],
+  [":up:", "44"],
+  [":bye:", "48"],
+  [":gne:", "51"],
+  [":lol:", "32"],
+  [":dpdr:", "49"],
+  [":dehors:", "52"],
+  [":hs:", "64"],
+  [":banzai:", "70"],
+  [":bave:", "71"],
+  [":pf:", "pf"],
+  [":cimer:", "cimer"],
+  [":ddb:", "ddb"],
+  [":pave:", "pave"],
+  [":objection:", "objection"],
+  [":siffle:", "siffle"]
+];
+function Preview(props) {
+  const html = T(() => {
+    const escaped = escapeHtml(props.raw);
+    return injectHTML(escaped).replace(/\n/g, "<br/>");
+  }, [props.raw]);
+  return /* @__PURE__ */ u$1("div", { className: style$2.wrapper, dangerouslySetInnerHTML: { __html: html } });
+}
+const jvcodeMap = [
+  // [/(https?:\/\/image\.noelshack\.com\/\S+)/g]: "<img width=\"68\" height=\"51\" alt=\"noelshak\" src=\"$1\"/>"
+  [
+    // Stickers
+    /(^| )https?:\/\/image\.noelshack\.com\/(?:fichiers|minis)(\S+)/gm,
+    '$1<img width="68" height="51" alt="noelshak" src="https://image.noelshack.com/minis/$2"/>'
+  ],
+  [
+    // Vocaroo
+    /(^| )https:\/\/vocaroo.com\/(.+)/gm,
+    '$1<div><iframe width="300" height="60" src="https://vocaroo.com/embed/$2?autoplay=0" frameborder="0" allow="autoplay"></iframe></div>'
+  ],
+  [
+    // Citations
+    /^(?:&gt;.*(?:\n&gt;.*)*)/g,
+    (reg, raw) => {
+      const match = reg.exec(raw);
+      if (!match) return raw;
+      console.log(match);
+      const index = match.index;
+      const length = match[0].length;
+      return raw.substring(0, index) + `<blockquote>${match[0].replace(/^&gt;/gm, "")}</blockquote>` + raw.substring(index + length);
+    }
+  ],
+  [
+    // Spoil
+    /&lt;spoil&gt;(.*?)&lt;\/spoil&gt;/gm,
+    (reg, raw) => {
+      return raw.replace(reg, (_2, matched) => {
+        const randomId = (Math.random() + 1).toString(36).substring(2);
+        return `<span class="bloc-spoil-jv"><input type="checkbox" id="${randomId}" class="open-spoil"><label class="barre-head" for="${randomId}"><span class="txt-spoil">Spoil</span></label><span class="contenu-spoil">${matched}</span></span>`;
+      });
+    }
+  ],
+  [
+    // Regular links
+    /(^| )(https?:\/\/\S+)/gm,
+    '$1<a href="$2" target="_blank">$2</a>'
+  ],
+  // Generate regexes for smileys
+  // ...smileysMap.map((maping) => {
+  //     return [new RegExp(
+  //         Object.keys(smileysMap).map(s => (
+  //             "(?:(?:^| )" + s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + ")"
+  //         )).join("|"), "gm"
+  //     ), `<img src="${maping[1]}" width="16" height="16" alt=""/>`]
+  // })
+  // (() => {
+  //     new RegExp(
+  //         smileysMap.map((mapping) => (
+  //             "(?:(?:^| )" + s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + ")"
+  //         )).join("|"), "gm"
+  //     )
+  //     return [/(https?:\/\/image\.noelshack\.com\/\S+)/g, "<img width=\"68\" height=\"51\" alt=\"noelshak\" src=\"$1\"/>"]
+  // })()
+  ...smileysMap.map((mapping) => {
+    return [
+      new RegExp("(?:(^| )" + mapping[0].replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + ")", "gm"),
+      `$1<img src="https://image.jeuxvideo.com/smileys_img/${mapping[1]}.gif" alt="${mapping[0]}"/>`
+    ];
+  })
+];
+function injectHTML(input2) {
+  do {
+    for (const [regex, htmlOrFunc] of jvcodeMap) {
+      if (htmlOrFunc instanceof Function) {
+        input2 = htmlOrFunc(regex, input2);
+      } else {
+        input2 = input2.replace(regex, htmlOrFunc);
+      }
+    }
+  } while (false);
+  return input2;
+}
+function escapeHtml(unsafe) {
+  return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+function Topic(props) {
+  console.log(props.topic);
+  return /* @__PURE__ */ u$1("div", { children: [
+    props.topic.posts.map((post2) => /* @__PURE__ */ u$1(Post, { post: post2 })),
+    /* @__PURE__ */ u$1("div", { children: [
+      /* @__PURE__ */ u$1("h2", { children: "Ajout de posts" }),
+      /* @__PURE__ */ u$1("div", { className: style$3.generationSettings, children: /* @__PURE__ */ u$1(FormGroup, { children: [
+        /* @__PURE__ */ u$1("label", { htmlFor: "postCount", children: "Nombre de posts" }),
+        /* @__PURE__ */ u$1(
+          Slider,
+          {
+            name: "postCount",
+            value: props.settings.postCount,
+            onChange: (v2) => props.setSettings({ ...props.settings, postCount: v2 }),
+            min: 1,
+            max: 10,
+            step: 1
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ u$1(
+        Button,
+        {
+          onClick: () => props.addPosts(props.topic.id, props.settings.postCount),
+          secondary: true,
+          loading: props.pendingGeneration,
+          children: "Générer"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ u$1("hr", {})
+  ] });
+}
+function Post(props) {
+  return /* @__PURE__ */ u$1("div", { className: style$3.post, children: [
+    /* @__PURE__ */ u$1("div", { className: style$3.postHeader, children: [
+      /* @__PURE__ */ u$1("img", { src: "https://image.jeuxvideo.com/avatar-sm/default.jpg", className: style$3.avatar, alt: "ahi" }),
+      /* @__PURE__ */ u$1("div", { className: style$3.user, children: props.post.user }),
+      /* @__PURE__ */ u$1("div", { className: style$3.date, children: iso8601ToFrench(props.post.date) })
+    ] }),
+    /* @__PURE__ */ u$1(Preview, { raw: props.post.content })
+  ] });
+}
+const wrapper = "_wrapper_1dmrl_1";
+const icon = "_icon_1dmrl_6";
+const input = "_input_1dmrl_14";
+const style$1 = {
+  wrapper,
+  icon,
+  input
+};
+const Input = ({
+  type,
+  icon: icon2,
+  value,
+  placeholder,
+  onChange,
+  className,
+  disabled: disabled2,
+  id,
+  name
+}) => {
+  const [focused, setFocused] = h(false);
+  const inputClass = cn(style$1.input, "generic-input", className, {
+    focused,
+    disabled: disabled2
+  });
+  const handleInputChange = (event) => {
+    console.log("handleInputChange");
+    const target = event.target;
+    onChange(type === "number" ? parseFloat(target.value) || 0 : target.value);
+  };
+  const Icon = icon2;
+  return /* @__PURE__ */ u$1("div", { className: style$1.wrapper, children: [
+    /* @__PURE__ */ u$1(Icon, { className: style$1.icon, size: 18 }),
+    /* @__PURE__ */ u$1(
+      "input",
+      {
+        title: "Le pseudo doit avoir une longueur comprise entre 3 et 15 caractères.",
+        type,
+        id,
+        name,
+        value,
+        placeholder,
+        onInput: handleInputChange,
+        className: inputClass,
+        disabled: disabled2,
+        onFocus: () => setFocused(true),
+        onBlur: () => setFocused(false)
+      }
+    )
+  ] });
+};
+const Link = (props) => {
+  const color = props.color || "currentColor";
+  const size = props.size || 24;
+  delete props.color;
+  delete props.size;
+  return g(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, props),
+    g("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
+    g("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+  );
+};
+const Settings$1 = (props) => {
+  const color = props.color || "currentColor";
+  const size = props.size || 24;
+  delete props.color;
+  delete props.size;
+  return g(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, props),
+    g("circle", { cx: "12", cy: "12", r: "3" }),
+    g("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
+  );
+};
+function Settings(props) {
+  return /* @__PURE__ */ u$1("div", { children: /* @__PURE__ */ u$1("form", { children: [
+    /* @__PURE__ */ u$1(FormGroup, { children: [
+      /* @__PURE__ */ u$1("label", { htmlFor: "api", children: "API" }),
+      /* @__PURE__ */ u$1(
+        Input,
+        {
+          type: "text",
+          placeholder: "URl d'API ex: https://ouruq7zepnehg2-5000.proxy.runpod.net/",
+          icon: Link,
+          value: props.settings.apiURL,
+          onChange: (v2) => props.setSettings({ ...props.settings, apiURL: v2 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ u$1(FormGroup, { children: [
+      /* @__PURE__ */ u$1("label", { for: "temperature", children: "Temperature" }),
+      /* @__PURE__ */ u$1(
+        Slider,
+        {
+          name: "temperature",
+          value: props.settings.temperature,
+          onChange: (v2) => props.setSettings({ ...props.settings, temperature: v2 }),
+          min: 0.1,
+          max: 2,
+          step: 0.1
+        }
+      )
+    ] }),
+    /* @__PURE__ */ u$1("div", { children: /* @__PURE__ */ u$1(
+      Button,
+      {
+        onClick: () => {
+          props.resetApp();
+        },
+        secondary: true,
+        title: "Tout réinitialiser",
+        children: "Réinitialiser"
+      }
+    ) }),
+    /* @__PURE__ */ u$1("br", {}),
+    /* @__PURE__ */ u$1("div", { children: /* @__PURE__ */ u$1(
+      Button,
+      {
+        onClick: () => {
+          history.go(-1);
+        },
+        children: "Retour"
+      }
+    ) })
+  ] }) });
+}
+const breadcrumbs = "_breadcrumbs_145yl_1";
+const actions = "_actions_145yl_10";
+const style = {
+  breadcrumbs,
+  actions
+};
+function Layout(props) {
+  return /* @__PURE__ */ u$1("div", { children: [
+    /* @__PURE__ */ u$1("nav", { className: style.breadcrumbs, children: [
+      props.breadcrumbs,
+      /* @__PURE__ */ u$1("div", { className: style.actions, children: /* @__PURE__ */ u$1("a", { href: "#", title: "Paramètres", onClick: (e2) => {
+        e2.preventDefault();
+        props.setRoute(routes.settings);
+      }, children: /* @__PURE__ */ u$1(Settings$1, { size: 18 }) }) })
+    ] }),
+    /* @__PURE__ */ u$1("h2", { children: props.title }),
+    props.children
+  ] });
+}
+const itemKey = "settings";
+const defaultSettings = {
+  apiURL: "http://localhost:5000",
+  temperature: 0.9,
+  postCount: 3
+};
+function fetchSettings() {
+  const storedSettings = localStorage.getItem(itemKey);
+  if (storedSettings) {
+    return { ...defaultSettings, ...JSON.parse(storedSettings) };
+  } else {
+    return defaultSettings;
+  }
+}
+function saveSettings(settings) {
+  localStorage.setItem(itemKey, JSON.stringify(settings));
+}
+function resetSettings() {
+  localStorage.removeItem(itemKey);
+}
+function generateUUID() {
+  return "10000000-1000-4000-8000-100000000000".replace(
+    /[018]/g,
+    (c2) => (+c2 ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c2 / 4).toString(16)
+  );
+}
+const titleRegex = /Sujet\s+:\s+"(.+?)"?<\|eot_id\|>/;
+const userRegex = /<\|im_pseudo\|>([^<]+)<\|end_pseudo\|>/;
+const dateRegex = /<\|im_date\|>([^<]+)<\|end_date\|>/;
+const contentRegex = /<\|begin_of_post\|>([\s\S]+)(?:<\|end_of_post\|>)?$/;
+function tokensToTopic(tokens) {
+  const topic = {
+    id: generateUUID(),
+    title: "",
+    posts: []
+  };
+  for (const postTokens of tokens.split("<|end_of_post|>").slice(0, -1)) {
+    console.log("Post tokens:");
+    console.log(postTokens);
+    if (topic.posts.length < 1) {
+      const titleMatch = postTokens.match(titleRegex);
+      console.log(`title: ${titleMatch[1]}`);
+      topic.title = titleMatch[1];
+    }
+    topic.posts = topic.posts.concat(tokensToPosts(postTokens));
+  }
+  return topic;
+}
+function tokensToPosts(tokens) {
+  const posts = [];
+  for (const postTokens of tokens.split("<|end_of_post|>")) {
+    if (postTokens.length < 1) {
+      continue;
+    }
+    console.log("Post tokens:");
+    console.log(postTokens);
+    const userMatch = postTokens.match(userRegex);
+    console.log(`user: ${userMatch[1]}`);
+    const dateMatch = postTokens.match(dateRegex);
+    console.log(`date: ${dateMatch[1]}`);
+    const contentMatch = postTokens.match(contentRegex);
+    console.log(`content: ${contentMatch[1]}`);
+    posts.push({
+      user: userMatch[1],
+      date: frenchToIso8601(dateMatch[1]),
+      content: contentMatch[1]
+    });
+  }
+  return posts;
+}
+function tokenizeTopic(topic) {
+  if (topic.posts.length === 0) {
+    throw new Error("Topic must have at least one post");
+  }
+  const tokenizedPosts = topic.posts.map((post2) => tokenizePost(post2, topic.posts[0].user)).flat().join("");
+  let lines = [
+    "<|start_header_id|><|sujet|><|end_header_id|>",
+    "",
+    `Sujet : "${topic.title}"`
+  ];
+  return lines.join("\n") + tokenizedPosts;
+}
+function tokenizePost(post2, poster) {
+  let lines = [
+    `<|eot_id|><|start_header_id|><|${post2.user === poster ? "autheur" : "khey"}|>`,
+    "<|end_header_id|>",
+    "",
+    `<|im_pseudo|>${post2.user}<|end_pseudo|>`,
+    `<|im_date|>Le ${iso8601ToFrench(post2.date)}<|end_date|>`,
+    "",
+    `<|begin_of_post|>${post2.content}<|end_of_post|>`
+  ];
+  return lines.join("\n");
+}
+async function generateTopic(settings, nPosts) {
+  console.log(settings);
+  const rawOutput = await fetApiWithStream(settings, "<|start_header_id|>", nPosts);
+  return tokensToTopic(rawOutput);
+}
+async function generatePosts(settings, nPosts, topic) {
+  const rawOutput = await fetApiWithStream(settings, tokenizeTopic(topic), nPosts);
+  console.log("rawOutput");
+  console.log(rawOutput);
+  return tokensToPosts(rawOutput);
+}
+const postEndToken = "<|end_of_post|>";
+async function fetApiWithStream(settings, prompt, nPosts) {
+  const controller = new AbortController();
+  const response = await fetch(new URL("/v1/completions", settings.apiURL), {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({
+      prompt,
+      temperature: settings.temperature,
+      max_tokens: 2e3,
+      stream: true,
+      skip_special_tokens: false
+      // stop: "<|end_of_post|>"
+      // top_p: 1,
+      // frequency_penalty: 0,
+      // presence_penalty: 0,
+    }),
+    signal: controller.signal
+  });
+  if (!response.ok) {
+    throw new Error(`Failed to fetch API (${response.status} ${response.statusText}): ${await response.text()}`);
+  }
+  console.log(`Fetching topic with ${nPosts} posts...`);
+  let endTokenCount = 0;
+  let tokens = "";
+  let finishReason = null;
+  try {
+    await response.body.pipeThrough(new TextDecoderStream("utf-8")).pipeTo(new WritableStream({
+      write(rawChunk) {
+        for (const rawChunkLine of rawChunk.split("\n")) {
+          if (!rawChunkLine.startsWith("data:")) continue;
+          const chunk = JSON.parse(rawChunkLine.slice(6));
+          const text = chunk.choices[0].text;
+          console.log(text);
+          tokens += chunk.choices[0].text;
+          if (text.includes(postEndToken)) {
+            endTokenCount++;
+            if (endTokenCount >= nPosts) {
+              finishReason = "custom_stop";
+              controller.abort();
+              break;
+            }
+          } else {
+            finishReason = chunk.choices[0].finish_reason;
+          }
+        }
+      }
+    }));
+  } catch (e2) {
+    if (e2.name !== "AbortError") {
+      throw e2;
+    }
+  }
+  console.log("Done fetching data");
+  console.log(`Finish reason: ${finishReason}`);
+  console.log(`Tokens: ${tokens}`);
+  return tokens;
+}
+function App() {
+  const [route, _setRoute] = h(routes.home);
+  const [page, setPage] = h(0);
+  const [topicId, setTopicId] = h(null);
+  const [topics, setTopics] = h(loadTopics);
+  const [latestGeneratedTopicId, setLatestGeneratedTopicId] = h(null);
+  const [pendingGeneration, setPendingGeneration] = h(false);
+  y(() => {
+    console.log("save !");
+    saveTopics(topics);
+  }, [topics]);
+  const _generateTopic = async (postsCount) => {
+    setPendingGeneration(true);
+    const topic = await generateTopic(settings, postsCount);
+    setLatestGeneratedTopicId(topic.id);
+    setTopics((topics2) => [...topics2, topic]);
+    setPendingGeneration(false);
+  };
+  const addPosts = async (topicId2, postsCount) => {
+    setPendingGeneration(true);
+    const posts = await generatePosts(settings, postsCount, topics.find((t2) => t2.id === topicId2));
+    const newTopics = [...topics];
+    const foundIndex = newTopics.findIndex((t2) => t2.id === topicId2);
+    newTopics[foundIndex].posts = newTopics[foundIndex].posts.concat(posts);
+    setTopics(newTopics);
+    setPendingGeneration(false);
+  };
+  const [settings, setSettings] = h(fetchSettings);
+  y(() => {
+    saveSettings(settings);
+  }, [settings]);
+  const resetApp = () => {
+    resetSettings();
+    setSettings(fetchSettings);
+    setTopics([]);
+  };
+  const updateRoute = q(() => {
+    const url = new URL(window.location.href);
+    const route2 = url.searchParams.get("route");
+    if (route2 && route2 in routes) {
+      _setRoute(route2);
+    }
+    const page2 = url.searchParams.get("page");
+    if (page2) {
+      setPage(parseInt(page2));
+    }
+    const id = url.searchParams.get("id");
+    if (id) {
+      setTopicId(id);
+    }
+  }, []);
+  y(() => {
+    updateRoute();
+  }, []);
+  y(() => {
+    function listener() {
+      updateRoute();
+    }
+    window.addEventListener("popstate", listener);
+    return () => {
+      window.removeEventListener("popstate", listener);
+    };
+  }, []);
+  const setRoute = q((route2, page2, id) => {
+    const url = new URL(window.location.href);
+    url.searchParams.set("route", route2);
+    _setRoute(route2);
+    if (page2 !== void 0) {
+      url.searchParams.set("page", String(page2));
+      setPage(page2);
+    } else {
+      url.searchParams.delete("page");
+      setPage(0);
+    }
+    if (id !== void 0) {
+      url.searchParams.set("id", id);
+      setTopicId(id);
+    } else {
+      url.searchParams.delete("id");
+      setTopicId(null);
+    }
+    const newUrl = url.toString();
+    if (newUrl !== window.location.href) {
+      window.history.pushState({}, "", newUrl);
+    }
+  }, []);
+  let routeComponent = void 0;
+  let breadcrumbs2 = void 0;
+  let title = void 0;
+  switch (route) {
+    case routes.home:
+      routeComponent = /* @__PURE__ */ u$1(
+        Topics,
+        {
+          topics,
+          setRoute,
+          settings,
+          setSettings,
+          generateTopic: _generateTopic,
+          pendingGeneration,
+          latestGeneratedTopicId
+        }
+      );
+      breadcrumbs2 = "accueil";
+      title = "Liste des sujets";
+      break;
+    case routes.topic:
+      if (topicId === null) {
+        routeComponent = /* @__PURE__ */ u$1("div", { children: "Impossible d'afficher le sujet" });
+        breadcrumbs2 = "accueil";
+        title = "Sujet";
+      } else {
+        if (topics === null) {
+          routeComponent = /* @__PURE__ */ u$1("div", { children: "Chargement..." });
+          breadcrumbs2 = `accueil / sujet`;
+          title = `Chargement...`;
+        } else {
+          const topic = topics.find((t2) => t2.id === topicId);
+          routeComponent = /* @__PURE__ */ u$1(
+            Topic,
+            {
+              topic,
+              settings,
+              setSettings,
+              addPosts,
+              pendingGeneration
+            }
+          );
+          breadcrumbs2 = `accueil / ${topic.title}`;
+          title = `Sujet : ${topic.title}`;
+        }
+      }
+      break;
+    case routes.settings:
+      routeComponent = /* @__PURE__ */ u$1(Settings, { settings, setSettings, resetApp });
+      breadcrumbs2 = "accueil / paramètres";
+      title = "Paramètres";
+      break;
+  }
+  return /* @__PURE__ */ u$1(k$1, { children: [
+    /* @__PURE__ */ u$1("header", { className: style$a.header, children: /* @__PURE__ */ u$1(Container, { children: /* @__PURE__ */ u$1("h1", { className: style$a.logo, children: /* @__PURE__ */ u$1("a", { href: "#", onClick: (e2) => {
+      e2.preventDefault();
+      setRoute(routes.home);
+    }, children: "JVCGPT" }) }) }) }),
+    /* @__PURE__ */ u$1("main", { children: /* @__PURE__ */ u$1(Container, { children: /* @__PURE__ */ u$1(
+      Layout,
+      {
+        breadcrumbs: breadcrumbs2,
+        title,
+        setRoute,
+        children: routeComponent
+      }
+    ) }) })
+  ] });
+}
+D$1(g(App, null), document.getElementById("app"));

dist/assets/index-Cjniv5yr.js

@@ -1,8 +0,0 @@
-(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))o(s);new MutationObserver(s=>{for(const r of s)if(r.type==="childList")for(const a of r.addedNodes)a.tagName==="LINK"&&a.rel==="modulepreload"&&o(a)}).observe(document,{childList:!0,subtree:!0});function n(s){const r={};return s.integrity&&(r.integrity=s.integrity),s.referrerPolicy&&(r.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?r.credentials="include":s.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function o(s){if(s.ep)return;s.ep=!0;const r=n(s);fetch(s.href,r)}})();var te,v,Ue,A,be,Me,ie,De,le,ae,_e,M={},ze=[],nt=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,ue=Array.isArray;function L(e,t){for(var n in t)e[n]=t[n];return e}function de(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function R(e,t,n){var o,s,r,a={};for(r in t)r=="key"?o=t[r]:r=="ref"?s=t[r]:a[r]=t[r];if(arguments.length>2&&(a.children=arguments.length>3?te.call(arguments,2):n),typeof e=="function"&&e.defaultProps!=null)for(r in e.defaultProps)a[r]===void 0&&(a[r]=e.defaultProps[r]);return J(e,a,o,s,null)}function J(e,t,n,o,s){var r={type:e,props:t,key:n,ref:o,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:s??++Ue,__i:-1,__u:0};return s==null&&v.vnode!=null&&v.vnode(r),r}function z(e){return e.children}function K(e,t){this.props=e,this.context=t}function F(e,t){if(t==null)return e.__?F(e.__,e.__i+1):null;for(var n;t<e.__k.length;t++)if((n=e.__k[t])!=null&&n.__e!=null)return n.__e;return typeof e.type=="function"?F(e):null}function Ge(e){var t,n;if((e=e.__)!=null&&e.__c!=null){for(e.__e=e.__c.base=null,t=0;t<e.__k.length;t++)if((n=e.__k[t])!=null&&n.__e!=null){e.__e=e.__c.base=n.__e;break}return Ge(e)}}function we(e){(!e.__d&&(e.__d=!0)&&A.push(e)&&!Q.__r++||be!==v.debounceRendering)&&((be=v.debounceRendering)||Me)(Q)}function Q(){var e,t,n,o,s,r,a,c;for(A.sort(ie);e=A.shift();)e.__d&&(t=A.length,o=void 0,r=(s=(n=e).__v).__e,a=[],c=[],n.__P&&((o=L({},s)).__v=s.__v+1,v.vnode&&v.vnode(o),fe(n.__P,o,s,n.__n,n.__P.namespaceURI,32&s.__u?[r]:null,a,r??F(s),!!(32&s.__u),c),o.__v=s.__v,o.__.__k[o.__i]=o,Ve(a,o,c),o.__e!=r&&Ge(o)),A.length>t&&A.sort(ie));Q.__r=0}function We(e,t,n,o,s,r,a,c,u,l,f){var i,h,d,g,k,w,m=o&&o.__k||ze,p=t.length;for(u=ot(n,t,m,u,p),i=0;i<p;i++)(d=n.__k[i])!=null&&(h=d.__i===-1?M:m[d.__i]||M,d.__i=i,w=fe(e,d,h,s,r,a,c,u,l,f),g=d.__e,d.ref&&h.ref!=d.ref&&(h.ref&&he(h.ref,null,d),f.push(d.ref,d.__c||g,d)),k==null&&g!=null&&(k=g),4&d.__u||h.__k===d.__k?u=Be(d,u,e):typeof d.type=="function"&&w!==void 0?u=w:g&&(u=g.nextSibling),d.__u&=-7);return n.__e=k,u}function ot(e,t,n,o,s){var r,a,c,u,l,f=n.length,i=f,h=0;for(e.__k=new Array(s),r=0;r<s;r++)(a=t[r])!=null&&typeof a!="boolean"&&typeof a!="function"?(u=r+h,(a=e.__k[r]=typeof a=="string"||typeof a=="number"||typeof a=="bigint"||a.constructor==String?J(null,a,null,null,null):ue(a)?J(z,{children:a},null,null,null):a.constructor===void 0&&a.__b>0?J(a.type,a.props,a.key,a.ref?a.ref:null,a.__v):a).__=e,a.__b=e.__b+1,c=null,(l=a.__i=rt(a,n,u,i))!==-1&&(i--,(c=n[l])&&(c.__u|=2)),c==null||c.__v===null?(l==-1&&h--,typeof a.type!="function"&&(a.__u|=4)):l!=u&&(l==u-1?h--:l==u+1?h++:(l>u?h--:h++,a.__u|=4))):e.__k[r]=null;if(i)for(r=0;r<f;r++)(c=n[r])!=null&&!(2&c.__u)&&(c.__e==o&&(o=F(c)),Je(c,c));return o}function Be(e,t,n){var o,s;if(typeof e.type=="function"){for(o=e.__k,s=0;o&&s<o.length;s++)o[s]&&(o[s].__=e,t=Be(o[s],t,n));return t}e.__e!=t&&(t&&e.type&&!n.contains(t)&&(t=F(e)),n.insertBefore(e.__e,t||null),t=e.__e);do t=t&&t.nextSibling;while(t!=null&&t.nodeType==8);return t}function rt(e,t,n,o){var s,r,a=e.key,c=e.type,u=t[n];if(u===null||u&&a==u.key&&c===u.type&&!(2&u.__u))return n;if(o>(u!=null&&!(2&u.__u)?1:0))for(s=n-1,r=n+1;s>=0||r<t.length;){if(s>=0){if((u=t[s])&&!(2&u.__u)&&a==u.key&&c===u.type)return s;s--}if(r<t.length){if((u=t[r])&&!(2&u.__u)&&a==u.key&&c===u.type)return r;r++}}return-1}function $e(e,t,n){t[0]=="-"?e.setProperty(t,n??""):e[t]=n==null?"":typeof n!="number"||nt.test(t)?n:n+"px"}function G(e,t,n,o,s){var r;e:if(t=="style")if(typeof n=="string")e.style.cssText=n;else{if(typeof o=="string"&&(e.style.cssText=o=""),o)for(t in o)n&&t in n||$e(e.style,t,"");if(n)for(t in n)o&&n[t]===o[t]||$e(e.style,t,n[t])}else if(t[0]=="o"&&t[1]=="n")r=t!=(t=t.replace(De,"$1")),t=t.toLowerCase()in e||t=="onFocusOut"||t=="onFocusIn"?t.toLowerCase().slice(2):t.slice(2),e.l||(e.l={}),e.l[t+r]=n,n?o?n.u=o.u:(n.u=le,e.addEventListener(t,r?_e:ae,r)):e.removeEventListener(t,r?_e:ae,r);else{if(s=="http://www.w3.org/2000/svg")t=t.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(t!="width"&&t!="height"&&t!="href"&&t!="list"&&t!="form"&&t!="tabIndex"&&t!="download"&&t!="rowSpan"&&t!="colSpan"&&t!="role"&&t!="popover"&&t in e)try{e[t]=n??"";break e}catch{}typeof n=="function"||(n==null||n===!1&&t[4]!="-"?e.removeAttribute(t):e.setAttribute(t,t=="popover"&&n==1?"":n))}}function ke(e){return function(t){if(this.l){var n=this.l[t.type+e];if(t.t==null)t.t=le++;else if(t.t<n.u)return;return n(v.event?v.event(t):t)}}}function fe(e,t,n,o,s,r,a,c,u,l){var f,i,h,d,g,k,w,m,p,P,N,I,y,x,T,S,j,C=t.type;if(t.constructor!==void 0)return null;128&n.__u&&(u=!!(32&n.__u),r=[c=t.__e=n.__e]),(f=v.__b)&&f(t);e:if(typeof C=="function")try{if(m=t.props,p="prototype"in C&&C.prototype.render,P=(f=C.contextType)&&o[f.__c],N=f?P?P.props.value:f.__:o,n.__c?w=(i=t.__c=n.__c).__=i.__E:(p?t.__c=i=new C(m,N):(t.__c=i=new K(m,N),i.constructor=C,i.render=it),P&&P.sub(i),i.props=m,i.state||(i.state={}),i.context=N,i.__n=o,h=i.__d=!0,i.__h=[],i._sb=[]),p&&i.__s==null&&(i.__s=i.state),p&&C.getDerivedStateFromProps!=null&&(i.__s==i.state&&(i.__s=L({},i.__s)),L(i.__s,C.getDerivedStateFromProps(m,i.__s))),d=i.props,g=i.state,i.__v=t,h)p&&C.getDerivedStateFromProps==null&&i.componentWillMount!=null&&i.componentWillMount(),p&&i.componentDidMount!=null&&i.__h.push(i.componentDidMount);else{if(p&&C.getDerivedStateFromProps==null&&m!==d&&i.componentWillReceiveProps!=null&&i.componentWillReceiveProps(m,N),!i.__e&&(i.shouldComponentUpdate!=null&&i.shouldComponentUpdate(m,i.__s,N)===!1||t.__v==n.__v)){for(t.__v!=n.__v&&(i.props=m,i.state=i.__s,i.__d=!1),t.__e=n.__e,t.__k=n.__k,t.__k.some(function(O){O&&(O.__=t)}),I=0;I<i._sb.length;I++)i.__h.push(i._sb[I]);i._sb=[],i.__h.length&&a.push(i);break e}i.componentWillUpdate!=null&&i.componentWillUpdate(m,i.__s,N),p&&i.componentDidUpdate!=null&&i.__h.push(function(){i.componentDidUpdate(d,g,k)})}if(i.context=N,i.props=m,i.__P=e,i.__e=!1,y=v.__r,x=0,p){for(i.state=i.__s,i.__d=!1,y&&y(t),f=i.render(i.props,i.state,i.context),T=0;T<i._sb.length;T++)i.__h.push(i._sb[T]);i._sb=[]}else do i.__d=!1,y&&y(t),f=i.render(i.props,i.state,i.context),i.state=i.__s;while(i.__d&&++x<25);i.state=i.__s,i.getChildContext!=null&&(o=L(L({},o),i.getChildContext())),p&&!h&&i.getSnapshotBeforeUpdate!=null&&(k=i.getSnapshotBeforeUpdate(d,g)),c=We(e,ue(S=f!=null&&f.type===z&&f.key==null?f.props.children:f)?S:[S],t,n,o,s,r,a,c,u,l),i.base=t.__e,t.__u&=-161,i.__h.length&&a.push(i),w&&(i.__E=i.__=null)}catch(O){if(t.__v=null,u||r!=null)if(O.then){for(t.__u|=u?160:128;c&&c.nodeType==8&&c.nextSibling;)c=c.nextSibling;r[r.indexOf(c)]=null,t.__e=c}else for(j=r.length;j--;)de(r[j]);else t.__e=n.__e,t.__k=n.__k;v.__e(O,t,n)}else r==null&&t.__v==n.__v?(t.__k=n.__k,t.__e=n.__e):c=t.__e=st(n.__e,t,n,o,s,r,a,u,l);return(f=v.diffed)&&f(t),128&t.__u?void 0:c}function Ve(e,t,n){for(var o=0;o<n.length;o++)he(n[o],n[++o],n[++o]);v.__c&&v.__c(t,e),e.some(function(s){try{e=s.__h,s.__h=[],e.some(function(r){r.call(s)})}catch(r){v.__e(r,s.__v)}})}function st(e,t,n,o,s,r,a,c,u){var l,f,i,h,d,g,k,w=n.props,m=t.props,p=t.type;if(p=="svg"?s="http://www.w3.org/2000/svg":p=="math"?s="http://www.w3.org/1998/Math/MathML":s||(s="http://www.w3.org/1999/xhtml"),r!=null){for(l=0;l<r.length;l++)if((d=r[l])&&"setAttribute"in d==!!p&&(p?d.localName==p:d.nodeType==3)){e=d,r[l]=null;break}}if(e==null){if(p==null)return document.createTextNode(m);e=document.createElementNS(s,p,m.is&&m),c&&(v.__m&&v.__m(t,r),c=!1),r=null}if(p===null)w===m||c&&e.data===m||(e.data=m);else{if(r=r&&te.call(e.childNodes),w=n.props||M,!c&&r!=null)for(w={},l=0;l<e.attributes.length;l++)w[(d=e.attributes[l]).name]=d.value;for(l in w)if(d=w[l],l!="children"){if(l=="dangerouslySetInnerHTML")i=d;else if(!(l in m)){if(l=="value"&&"defaultValue"in m||l=="checked"&&"defaultChecked"in m)continue;G(e,l,null,d,s)}}for(l in m)d=m[l],l=="children"?h=d:l=="dangerouslySetInnerHTML"?f=d:l=="value"?g=d:l=="checked"?k=d:c&&typeof d!="function"||w[l]===d||G(e,l,d,w[l],s);if(f)c||i&&(f.__html===i.__html||f.__html===e.innerHTML)||(e.innerHTML=f.__html),t.__k=[];else if(i&&(e.innerHTML=""),We(e,ue(h)?h:[h],t,n,o,p=="foreignObject"?"http://www.w3.org/1999/xhtml":s,r,a,r?r[0]:n.__k&&F(n,0),c,u),r!=null)for(l=r.length;l--;)de(r[l]);c||(l="value",p=="progress"&&g==null?e.removeAttribute("value"):g!==void 0&&(g!==e[l]||p=="progress"&&!g||p=="option"&&g!==w[l])&&G(e,l,g,w[l],s),l="checked",k!==void 0&&k!==e[l]&&G(e,l,k,w[l],s))}return e}function he(e,t,n){try{if(typeof e=="function"){var o=typeof e.__u=="function";o&&e.__u(),o&&t==null||(e.__u=e(t))}else e.current=t}catch(s){v.__e(s,n)}}function Je(e,t,n){var o,s;if(v.unmount&&v.unmount(e),(o=e.ref)&&(o.current&&o.current!==e.__e||he(o,null,t)),(o=e.__c)!=null){if(o.componentWillUnmount)try{o.componentWillUnmount()}catch(r){v.__e(r,t)}o.base=o.__P=null}if(o=e.__k)for(s=0;s<o.length;s++)o[s]&&Je(o[s],t,n||typeof e.type!="function");n||de(e.__e),e.__c=e.__=e.__e=void 0}function it(e,t,n){return this.constructor(e,n)}function at(e,t,n){var o,s,r,a;t==document&&(t=document.documentElement),v.__&&v.__(e,t),s=(o=!1)?null:t.__k,r=[],a=[],fe(t,e=t.__k=R(z,null,[e]),s||M,M,t.namespaceURI,s?null:t.firstChild?te.call(t.childNodes):null,r,s?s.__e:t.firstChild,o,a),Ve(r,e,a)}te=ze.slice,v={__e:function(e,t,n,o){for(var s,r,a;t=t.__;)if((s=t.__c)&&!s.__)try{if((r=s.constructor)&&r.getDerivedStateFromError!=null&&(s.setState(r.getDerivedStateFromError(e)),a=s.__d),s.componentDidCatch!=null&&(s.componentDidCatch(e,o||{}),a=s.__d),a)return s.__E=s}catch(c){e=c}throw e}},Ue=0,K.prototype.setState=function(e,t){var n;n=this.__s!=null&&this.__s!==this.state?this.__s:this.__s=L({},this.state),typeof e=="function"&&(e=e(L({},n),this.props)),e&&L(n,e),e!=null&&this.__v&&(t&&this._sb.push(t),we(this))},K.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),we(this))},K.prototype.render=z,A=[],Me=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,ie=function(e,t){return e.__v.__b-t.__v.__b},Q.__r=0,De=/(PointerCapture)$|Capture$/i,le=0,ae=ke(!1),_e=ke(!0);var _t=0;function _(e,t,n,o,s,r){t||(t={});var a,c,u=t;if("ref"in u)for(c in u={},t)c=="ref"?a=t[c]:u[c]=t[c];var l={type:e,props:u,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--_t,__i:-1,__u:0,__source:s,__self:r};if(typeof e=="function"&&(a=e.defaultProps))for(c in a)u[c]===void 0&&(u[c]=a[c]);return v.vnode&&v.vnode(l),l}var D,b,oe,Se,X=0,Ke=[],$=v,xe=$.__b,Ne=$.__r,Te=$.diffed,Ce=$.__c,Pe=$.unmount,Ie=$.__;function pe(e,t){$.__h&&$.__h(b,e,X||t),X=0;var n=b.__H||(b.__H={__:[],__h:[]});return e>=n.__.length&&n.__.push({}),n.__[e]}function q(e){return X=1,ct(Qe,e)}function ct(e,t,n){var o=pe(D++,2);if(o.t=e,!o.__c&&(o.__=[Qe(void 0,t),function(c){var u=o.__N?o.__N[0]:o.__[0],l=o.t(u,c);u!==l&&(o.__N=[l,o.__[1]],o.__c.setState({}))}],o.__c=b,!b.u)){var s=function(c,u,l){if(!o.__c.__H)return!0;var f=o.__c.__H.__.filter(function(h){return!!h.__c});if(f.every(function(h){return!h.__N}))return!r||r.call(this,c,u,l);var i=o.__c.props!==c;return f.forEach(function(h){if(h.__N){var d=h.__[0];h.__=h.__N,h.__N=void 0,d!==h.__[0]&&(i=!0)}}),r&&r.call(this,c,u,l)||i};b.u=!0;var r=b.shouldComponentUpdate,a=b.componentWillUpdate;b.componentWillUpdate=function(c,u,l){if(this.__e){var f=r;r=void 0,s(c,u,l),r=f}a&&a.call(this,c,u,l)},b.shouldComponentUpdate=s}return o.__N||o.__}function W(e,t){var n=pe(D++,3);!$.__s&&Ze(n.__H,t)&&(n.__=e,n.i=t,b.__H.__h.push(n))}function me(e,t){var n=pe(D++,7);return Ze(n.__H,t)&&(n.__=e(),n.__H=t,n.__h=e),n.__}function je(e,t){return X=8,me(function(){return e},t)}function lt(){for(var e;e=Ke.shift();)if(e.__P&&e.__H)try{e.__H.__h.forEach(Z),e.__H.__h.forEach(ce),e.__H.__h=[]}catch(t){e.__H.__h=[],$.__e(t,e.__v)}}$.__b=function(e){b=null,xe&&xe(e)},$.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),Ie&&Ie(e,t)},$.__r=function(e){Ne&&Ne(e),D=0;var t=(b=e.__c).__H;t&&(oe===b?(t.__h=[],b.__h=[],t.__.forEach(function(n){n.__N&&(n.__=n.__N),n.i=n.__N=void 0})):(t.__h.forEach(Z),t.__h.forEach(ce),t.__h=[],D=0)),oe=b},$.diffed=function(e){Te&&Te(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(Ke.push(t)!==1&&Se===$.requestAnimationFrame||((Se=$.requestAnimationFrame)||ut)(lt)),t.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.i=void 0})),oe=b=null},$.__c=function(e,t){t.some(function(n){try{n.__h.forEach(Z),n.__h=n.__h.filter(function(o){return!o.__||ce(o)})}catch(o){t.some(function(s){s.__h&&(s.__h=[])}),t=[],$.__e(o,n.__v)}}),Ce&&Ce(e,t)},$.unmount=function(e){Pe&&Pe(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.forEach(function(o){try{Z(o)}catch(s){t=s}}),n.__H=void 0,t&&$.__e(t,n.__v))};var qe=typeof requestAnimationFrame=="function";function ut(e){var t,n=function(){clearTimeout(o),qe&&cancelAnimationFrame(t),setTimeout(e)},o=setTimeout(n,100);qe&&(t=requestAnimationFrame(n))}function Z(e){var t=b,n=e.__c;typeof n=="function"&&(e.__c=void 0,n()),b=t}function ce(e){var t=b;e.__c=e.__(),b=t}function Ze(e,t){return!e||e.length!==t.length||t.some(function(n,o){return n!==e[o]})}function Qe(e,t){return typeof t=="function"?t(e):t}const dt="_header_1hnaa_1",ft="_logo_1hnaa_6",He={header:dt,logo:ft},ht="_container_1putz_1",pt={container:ht};function Le(e){return _("div",{class:pt.container,children:e.children})}const Xe="topics";function mt(){const e=localStorage.getItem(Xe);return e?JSON.parse(e):[]}function gt(e){localStorage.setItem(Xe,JSON.stringify(e))}function vt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var re={exports:{}};/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/var Re;function yt(){return Re||(Re=1,function(e){(function(){var t={}.hasOwnProperty;function n(){for(var r="",a=0;a<arguments.length;a++){var c=arguments[a];c&&(r=s(r,o(c)))}return r}function o(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var a="";for(var c in r)t.call(r,c)&&r[c]&&(a=s(a,c));return a}function s(r,a){return a?r?r+" "+a:r+a:r}e.exports?(n.default=n,e.exports=n):window.classNames=n})()}(re)),re.exports}var bt=yt();const ne=vt(bt),wt="_spinnerSquare_4vgl0_1",$t="_square1_4vgl0_14",kt="_square2_4vgl0_18",St="_square3_4vgl0_22",B={spinnerSquare:wt,square1:$t,"square-anim":"_square-anim_4vgl0_1",square2:kt,square3:St};function xt(e){return _("div",{className:ne(B.spinnerSquare,e.className),children:[_("div",{className:B.square1}),_("div",{className:B.square2}),_("div",{className:B.square3})]})}const Nt="_spinner_1pqws_1",Tt="_list_1pqws_5",Ct="_highlight_1pqws_44",Pt="_head_1pqws_48",It="_generationSettings_1pqws_52",U={spinner:Nt,list:Tt,highlight:Ct,head:Pt,generationSettings:It},H={home:"home",topic:"topic",settings:"settings"},jt="_btn_1ts7o_1",qt="_disabled_1ts7o_18",Ht="_secondary_1ts7o_22",Lt="_spinner_1ts7o_32",Rt="_load3_1ts7o_1",V={btn:jt,disabled:qt,secondary:Ht,spinner:Lt,load3:Rt};function Y(e){const t=e.disabled||e.loading,n=ne(V.btn,{[V.secondary]:e.secondary},"button",e.className,{[V.disabled]:t});let o;return e.loading&&(o=_("span",{className:V.spinner})),_("button",{type:"button",onClick:()=>{t||e.onClick()},className:n,disabled:t,title:e.title,children:[o,e.children]})}const At=/(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})/;function ge(e){console.log("iso8601ToTokens",e);const t=e.match(At),n=t[1],o=Ye[parseInt(t[2],10)-1],s=t[3],r=t[4],a=t[5],c=t[6];return`${s} ${o} ${n} à ${r}:${a}:${c}`}const Et=/(\d{1,2}) ([a-zA-Z\u00C0-\u024F]+) (\d{4}) à (\d{2}):(\d{2}):(\d{2})/;function Ft(e){console.log("tokensToIso8601",e);const t=e.match(Et);if(!t)throw new Error("Invalid date format");const[,n,o,s,r,a,c]=t,u=(Ye.indexOf(o)+1).toString();if(!u)throw new Error("Invalid month name");return`${s}-${u.padStart(2,"0")}-${n.padStart(2,"0")}T${r}:${a}:${c}`}const Ye=["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],Ot="_formGroup_b3g81_1",Ut={formGroup:Ot};function ee(e){return _("div",{className:Ut.formGroup,children:e.children})}const Mt="_rangeSlider_1trvf_1",Dt="_rangeSlider__values_1trvf_99",zt="_progress_1trvf_116",Ae={rangeSlider:Mt,rangeSlider__values:Dt,progress:zt};function ve(e){return _("div",{className:Ae.rangeSlider,style:`--min:${e.min}; --max:${e.max}; --step:${e.step}; --value:${e.value}; --text-value:"${e.value}";`,children:[_("input",{name:e.name,type:"range",min:e.min,max:e.max,step:e.step,value:e.value,onInput:t=>e.onChange(Number(t.target.value))}),_("output",{}),_("div",{className:Ae.progress})]})}function Gt(e){const t=me(()=>e.topics===null||e.topics.length<1?e.topics:e.topics.sort((n,o)=>n.posts.length<1||o.posts.length<1?0:o.posts[o.posts.length-1].date.localeCompare(n.posts[n.posts.length-1].date)),[e.topics]);return _("div",{children:[t===null?_(xt,{className:U.spinner}):_(Wt,{topics:t,setRoute:e.setRoute,latestGeneratedTopicId:e.latestGeneratedTopicId}),_("div",{children:[_("h2",{children:"Nouveau sujet"}),_("div",{className:U.generationSettings,children:_(ee,{children:[_("label",{for:"postCount",children:"Nombre de posts"}),_(ve,{name:"postCount",value:e.settings.postCount,onChange:n=>e.setSettings({...e.settings,postCount:n}),min:1,max:10,step:1})]})}),_(Y,{onClick:()=>e.generateTopic(e.settings.postCount),secondary:!0,loading:e.pendingGeneration,children:"Générer"})]}),_("hr",{})]})}function Wt(e){return _("ul",{className:U.list,children:[_("li",{className:U.head,children:[_("span",{children:"Sujet"}),_("span",{children:"Auteur"}),_("span",{children:"NB"}),_("span",{children:"Dernier msg"})]}),e.topics.length<1&&_("li",{children:[_("span",{children:"Aucun sujet"}),_("span",{}),_("span",{}),_("span",{})]}),e.topics.map(t=>_("li",{className:ne({[U.highlight]:t.id===e.latestGeneratedTopicId}),children:[_("span",{children:_("a",{href:"#",onClick:n=>{n.preventDefault(),e.setRoute(H.topic,0,t.id)},children:t.title})}),_("span",{children:t.posts[0].user}),_("span",{children:t.posts.length}),_("span",{children:ge(t.posts[t.posts.length-1].date)})]}))]})}const Bt="_post_uuidr_1",Vt="_postHeader_uuidr_12",Jt="_avatar_uuidr_23",Kt="_user_uuidr_31",Zt="_date_uuidr_39",Qt="_generationSettings_uuidr_46",E={post:Bt,postHeader:Vt,avatar:Jt,user:Kt,date:Zt,generationSettings:Qt},Xt="_wrapper_cfqzy_1",Yt={wrapper:Xt},en=[[":)","1"],[":snif:","20"],[":gba:","17"],[":g)","3"],[":-)","46"],[":snif2:","13"],[":bravo:","69"],[":d)","4"],[":hap:","18"],[":ouch:","22"],[":pacg:","9"],[":cd:","5"],[":-)))","23"],[":ouch2:","57"],[":pacd:","10"],[":cute:","nyu"],[":content:","24"],[":p)","7"],[":-p","31"],[":noel:","11"],[":oui:","37"],[":(","45"],[":peur:","47"],[":question:","2"],[":cool:","26"],[":-(","14"],[":coeur:","54"],[":mort:","21"],[":rire:","39"],[":-((","15"],[":fou:","50"],[":sleep:","27"],[":-D","40"],[":nonnon:","25"],[":fier:","53"],[":honte:","30"],[":rire2:","41"],[":non2:","33"],[":sarcastic:","43"],[":monoeil:","34"],[":o))","12"],[":nah:","19"],[":doute:","28"],[":rouge:","55"],[":ok:","36"],[":non:","35"],[":malade:","8"],[":fete:","66"],[":sournois:","67"],[":hum:","68"],[":ange:","60"],[":diable:","61"],[":gni:","62"],[":play:","play"],[":desole:","65"],[":spoiler:","63"],[":merci:","58"],[":svp:","59"],[":sors:","56"],[":salut:","42"],[":rechercher:","38"],[":hello:","29"],[":up:","44"],[":bye:","48"],[":gne:","51"],[":lol:","32"],[":dpdr:","49"],[":dehors:","52"],[":hs:","64"],[":banzai:","70"],[":bave:","71"],[":pf:","pf"],[":cimer:","cimer"],[":ddb:","ddb"],[":pave:","pave"],[":objection:","objection"],[":siffle:","siffle"]];function tn(e){const t=me(()=>{const n=rn(e.raw);return on(n).replace(/\n/g,"<br/>")},[e.raw]);return _("div",{className:Yt.wrapper,dangerouslySetInnerHTML:{__html:t}})}const nn=[[/(^| )https?:\/\/image\.noelshack\.com\/(?:fichiers|minis)(\S+)/gm,'$1<img width="68" height="51" alt="noelshak" src="https://image.noelshack.com/minis/$2"/>'],[/(^| )https:\/\/vocaroo.com\/(.+)/gm,'$1<div><iframe width="300" height="60" src="https://vocaroo.com/embed/$2?autoplay=0" frameborder="0" allow="autoplay"></iframe></div>'],[/^(?:&gt;.*(?:\n&gt;.*)*)/g,(e,t)=>{const n=e.exec(t);if(!n)return t;console.log(n);const o=n.index,s=n[0].length;return t.substring(0,o)+`<blockquote>${n[0].replace(/^&gt;/gm,"")}</blockquote>`+t.substring(o+s)}],[/&lt;spoil&gt;(.*?)&lt;\/spoil&gt;/gm,(e,t)=>t.replace(e,(n,o)=>{const s=(Math.random()+1).toString(36).substring(2);return`<span class="bloc-spoil-jv"><input type="checkbox" id="${s}" class="open-spoil"><label class="barre-head" for="${s}"><span class="txt-spoil">Spoil</span></label><span class="contenu-spoil">${o}</span></span>`})],[/(^| )(https?:\/\/\S+)/gm,'$1<a href="$2" target="_blank">$2</a>'],...en.map(e=>[new RegExp("(?:(^| )"+e[0].replace(/[.*+?^${}()|[\]\\]/g,"\\$&")+")","gm"),`$1<img src="https://image.jeuxvideo.com/smileys_img/${e[1]}.gif" alt="${e[0]}"/>`])];function on(e){do for(const[t,n]of nn)n instanceof Function?e=n(t,e):e=e.replace(t,n);while(!1);return e}function rn(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function sn(e){return console.log(e.topic),_("div",{children:[e.topic.posts.map(t=>_(an,{post:t})),_("div",{children:[_("h2",{children:"Ajout de posts"}),_("div",{className:E.generationSettings,children:_(ee,{children:[_("label",{htmlFor:"postCount",children:"Nombre de posts"}),_(ve,{name:"postCount",value:e.settings.postCount,onChange:t=>e.setSettings({...e.settings,postCount:t}),min:1,max:10,step:1})]})}),_(Y,{onClick:()=>e.addPosts(e.topic.id,e.settings.postCount),secondary:!0,loading:e.pendingGeneration,children:"Générer"})]}),_("hr",{})]})}function an(e){return _("div",{className:E.post,children:[_("div",{className:E.postHeader,children:[_("img",{src:"https://image.jeuxvideo.com/avatar-sm/default.jpg",className:E.avatar,alt:"ahi"}),_("div",{className:E.user,children:e.post.user}),_("div",{className:E.date,children:ge(e.post.date)})]}),_(tn,{raw:e.post.content})]})}const _n="_wrapper_1dmrl_1",cn="_icon_1dmrl_6",ln="_input_1dmrl_14",se={wrapper:_n,icon:cn,input:ln},un=({type:e,icon:t,value:n,placeholder:o,onChange:s,className:r,disabled:a,id:c,name:u})=>{const[l,f]=q(!1),i=ne(se.input,"generic-input",r,{focused:l,disabled:a}),h=g=>{console.log("handleInputChange");const k=g.target;s(e==="number"?parseFloat(k.value)||0:k.value)},d=t;return _("div",{className:se.wrapper,children:[_(d,{className:se.icon,size:18}),_("input",{title:"Le pseudo doit avoir une longueur comprise entre 3 et 15 caractères.",type:e,id:c,name:u,value:n,placeholder:o,onInput:h,className:i,disabled:a,onFocus:()=>f(!0),onBlur:()=>f(!1)})]})},dn=e=>{const t=e.color||"currentColor",n=e.size||24;return delete e.color,delete e.size,R("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:t,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},e),R("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"}),R("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"}))},fn=e=>{const t=e.color||"currentColor",n=e.size||24;return delete e.color,delete e.size,R("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:t,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},e),R("circle",{cx:"12",cy:"12",r:"3"}),R("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"}))};function hn(e){return _("div",{children:_("form",{children:[_(ee,{children:[_("label",{htmlFor:"api",children:"API"}),_(un,{type:"text",placeholder:"URl d'API ex: https://ouruq7zepnehg2-5000.proxy.runpod.net/",icon:dn,value:e.settings.apiURL,onChange:t=>e.setSettings({...e.settings,apiURL:t})})]}),_(ee,{children:[_("label",{for:"temperature",children:"Temperature"}),_(ve,{name:"temperature",value:e.settings.temperature,onChange:t=>e.setSettings({...e.settings,temperature:t}),min:.1,max:2,step:.1})]}),_("div",{children:_(Y,{onClick:()=>{e.resetApp()},secondary:!0,title:"Tout réinitialiser",children:"Réinitialiser"})}),_("br",{}),_("div",{children:_(Y,{onClick:()=>{history.go(-1)},children:"Retour"})})]})})}const pn="_breadcrumbs_145yl_1",mn="_actions_145yl_10",Ee={breadcrumbs:pn,actions:mn};function gn(e){return _("div",{children:[_("nav",{className:Ee.breadcrumbs,children:[e.breadcrumbs,_("div",{className:Ee.actions,children:_("a",{href:"#",title:"Paramètres",onClick:t=>{t.preventDefault(),e.setRoute(H.settings)},children:_(fn,{size:18})})})]}),_("h2",{children:e.title}),e.children]})}const ye="settings",Fe={apiURL:"http://localhost:5000",temperature:.9,postCount:3};function Oe(){const e=localStorage.getItem(ye);return e?{...Fe,...JSON.parse(e)}:Fe}function vn(e){localStorage.setItem(ye,JSON.stringify(e))}function yn(){localStorage.removeItem(ye)}function bn(){return"10000000-1000-4000-8000-100000000000".replace(/[018]/g,e=>(+e^crypto.getRandomValues(new Uint8Array(1))[0]&15>>+e/4).toString(16))}const wn=/Sujet\s+:\s+"(.+?)"?<\|eot_id\|>/,$n=/<\|im_pseudo\|>([^<]+)<\|end_pseudo\|>/,kn=/<\|im_date\|>([^<]+)<\|end_date\|>/,Sn=/<\|begin_of_post\|>([\s\S]+)(?:<\|end_of_post\|>)?$/;function xn(e){const t={id:bn(),title:"",posts:[]};for(const n of e.split("<|end_of_post|>").slice(0,-1)){if(console.log("Post tokens:"),console.log(n),t.posts.length<1){const o=n.match(wn);console.log(`title: ${o[1]}`),t.title=o[1]}t.posts=t.posts.concat(et(n))}return t}function et(e){const t=[];for(const n of e.split("<|end_of_post|>")){if(n.length<1)continue;console.log("Post tokens:"),console.log(n);const o=n.match($n);console.log(`user: ${o[1]}`);const s=n.match(kn);console.log(`date: ${s[1]}`);const r=n.match(Sn);console.log(`content: ${r[1]}`),t.push({user:o[1],date:Ft(s[1]),content:r[1]})}return t}function Nn(e){if(e.posts.length===0)throw new Error("Topic must have at least one post");const t=e.posts.map(o=>Tn(o,e.posts[0].user)).flat().join("");return["<|start_header_id|><|sujet|><|end_header_id|>","",`Sujet : "${e.title}"`].join(`
-`)+t}function Tn(e,t){return[`<|eot_id|><|start_header_id|><|${e.user===t?"autheur":"khey"}|>`,"<|end_header_id|>","",`<|im_pseudo|>${e.user}<|end_pseudo|>`,`<|im_date|>Le ${ge(e.date)}<|end_date|>`,"",`<|begin_of_post|>${e.content}<|end_of_post|>`].join(`
-`)}async function Cn(e,t){console.log(e);const n=await tt(e,"<|start_header_id|>",t);return xn(n)}async function Pn(e,t,n){const o=await tt(e,Nn(n),t);return console.log("rawOutput"),console.log(o),et(o)}const In="<|end_of_post|>";async function tt(e,t,n){const o=new AbortController,s=await fetch(new URL("/v1/completions",e.apiURL),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({prompt:t,temperature:e.temperature,max_tokens:2e3,stream:!0,skip_special_tokens:!1}),signal:o.signal});if(!s.ok)throw new Error(`Failed to fetch API (${s.status} ${s.statusText}): ${await s.text()}`);console.log(`Fetching topic with ${n} posts...`);let r=0,a="",c=null;try{await s.body.pipeThrough(new TextDecoderStream("utf-8")).pipeTo(new WritableStream({write(u){for(const l of u.split(`
-`)){if(!l.startsWith("data:"))continue;const f=JSON.parse(l.slice(6)),i=f.choices[0].text;if(console.log(i),a+=f.choices[0].text,i.includes(In)){if(r++,r>=n){c="custom_stop",o.abort();break}}else c=f.choices[0].finish_reason}}}))}catch(u){if(u.name!=="AbortError")throw u}return console.log("Done fetching data"),console.log(`Finish reason: ${c}`),console.log(`Tokens: ${a}`),a}function jn(){const[e,t]=q(H.home),[n,o]=q(0),[s,r]=q(null),[a,c]=q(mt),[u,l]=q(null),[f,i]=q(!1);W(()=>{console.log("save !"),gt(a)},[a]);const h=async y=>{i(!0);const x=await Cn(g,y);l(x.id),c(T=>[...T,x]),i(!1)},d=async(y,x)=>{i(!0);const T=await Pn(g,x,a.find(C=>C.id===y)),S=[...a],j=S.findIndex(C=>C.id===y);S[j].posts=S[j].posts.concat(T),c(S),i(!1)},[g,k]=q(Oe);W(()=>{vn(g)},[g]);const w=()=>{yn(),k(Oe),c([])},m=je(()=>{const y=new URL(window.location.href),x=y.searchParams.get("route");x&&x in H&&t(x);const T=y.searchParams.get("page");T&&o(parseInt(T));const S=y.searchParams.get("id");S&&r(S)},[]);W(()=>{m()},[]),W(()=>{function y(){m()}return window.addEventListener("popstate",y),()=>{window.removeEventListener("popstate",y)}},[]);const p=je((y,x,T)=>{const S=new URL(window.location.href);S.searchParams.set("route",y),t(y),x!==void 0?(S.searchParams.set("page",String(x)),o(x)):(S.searchParams.delete("page"),o(0)),T!==void 0?(S.searchParams.set("id",T),r(T)):(S.searchParams.delete("id"),r(null));const j=S.toString();j!==window.location.href&&window.history.pushState({},"",j)},[]);let P,N,I;switch(e){case H.home:P=_(Gt,{topics:a,setRoute:p,settings:g,setSettings:k,generateTopic:h,pendingGeneration:f,latestGeneratedTopicId:u}),N="accueil",I="Liste des sujets";break;case H.topic:if(s===null)P=_("div",{children:"Impossible d'afficher le sujet"}),N="accueil",I="Sujet";else if(a===null)P=_("div",{children:"Chargement..."}),N="accueil / sujet",I="Chargement...";else{const y=a.find(x=>x.id===s);P=_(sn,{topic:y,settings:g,setSettings:k,addPosts:d,pendingGeneration:f}),N=`accueil / ${y.title}`,I=`Sujet : ${y.title}`}break;case H.settings:P=_(hn,{settings:g,setSettings:k,resetApp:w}),N="accueil / paramètres",I="Paramètres";break}return _(z,{children:[_("header",{className:He.header,children:_(Le,{children:_("h1",{className:He.logo,children:_("a",{href:"#",onClick:y=>{y.preventDefault(),p(H.home)},children:"JVCGPT"})})})}),_("main",{children:_(Le,{children:_(gn,{breadcrumbs:N,title:I,setRoute:p,children:P})})})]})}at(R(jn,null),document.getElementById("app"));

dist/assets/index-CvL5ef4j.css

@@ -0,0 +1,856 @@
+@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
+/***
+    The new CSS reset - version 1.11.3 (last updated 25.08.2024)
+    GitHub page: https://github.com/elad2412/the-new-css-reset
+***/
+/*
+    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
+    - The "symbol *" part is to solve Firefox SVG sprite bug
+    - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
+ */
+*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
+  all: unset;
+  display: revert;
+}
+/* Preferred box-sizing value */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+/* Fix mobile Safari increase font-size on landscape mode */
+html {
+  -moz-text-size-adjust: none;
+  -webkit-text-size-adjust: none;
+  text-size-adjust: none;
+}
+/* Reapply the pointer cursor for anchor tags */
+a, button {
+  cursor: revert;
+}
+/* Remove list styles (bullets/numbers) */
+ol, ul, menu, summary {
+  list-style: none;
+}
+/* Firefox: solve issue where nested ordered lists continue numbering from parent (https://bugzilla.mozilla.org/show_bug.cgi?id=1881517) */
+ol {
+  counter-reset: revert;
+}
+/* For images to not be able to exceed their container */
+img {
+  max-inline-size: 100%;
+  max-block-size: 100%;
+}
+/* removes spacing between cells in tables */
+table {
+  border-collapse: collapse;
+}
+/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
+input, textarea {
+  -webkit-user-select: auto;
+}
+/* revert the 'white-space' property for textarea elements on Safari */
+textarea {
+  white-space: revert;
+}
+/* minimum style to allow to style meter element */
+meter {
+  -webkit-appearance: revert;
+  appearance: revert;
+}
+/* preformatted text - use only for this feature */
+:where(pre) {
+  all: revert;
+  box-sizing: border-box;
+}
+/* reset default text opacity of input placeholder */
+::placeholder {
+  color: unset;
+}
+/* fix the feature of 'hidden' attribute.
+   display:revert; revert to element instead of attribute */
+:where([hidden]) {
+  display: none;
+}
+/* revert for bug in Chromium browsers
+   - fix for the content editable attribute will work properly.
+   - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
+:where([contenteditable]:not([contenteditable=false])) {
+  -moz-user-modify: read-write;
+  -webkit-user-modify: read-write;
+  overflow-wrap: break-word;
+  -webkit-line-break: after-white-space;
+  -webkit-user-select: auto;
+}
+/* apply back the draggable feature - exist only in Chromium and Safari */
+:where([draggable=true]) {
+  -webkit-user-drag: element;
+}
+/* Revert Modal native behavior */
+:where(dialog:modal) {
+  all: revert;
+  box-sizing: border-box;
+}
+/* Remove details summary webkit styles */
+::-webkit-details-marker {
+  display: none;
+}
+:root {
+  color-scheme: dark;
+  --body-bg: #22252a;
+  --text-primary: #3d87f5;
+  --text-hover-primary: #5596f6;
+  --text-secondary: #f66031;
+  --text-hover-secondary: #f7734a;
+  --text-danger: #e4606d;
+  --text-hover-danger: #dc3545;
+  --text-dark: #e0e0e0;
+  --text-hover-dark: #fff;
+  --text-light: #000;
+  --bg-color-light: #272a30;
+  --bg-color-light-transparent: rgba(39, 42, 48, 0);
+  --bg-color: #22252a;
+  --text-color: #f2f2f2;
+  --border-color: #4a4c4f;
+  --border-even-color: #454f5e;
+  --border-highlighted-color: #765d3f;
+  --block-bg-color: #2e3238;
+  --block-even-bg-color: #363e49;
+  --block-highlighted-bg-color: #594126;
+  --block-bg-color-hover: #353941;
+  --block-bg-color-hover-dark: #454b54;
+  --text-muted-color: #9e9e9e;
+  --text-muted-hover-color: #bababa;
+  --text-blockquote-color: #c7c7d1;
+  --link-color: #7dc3f7;
+  --link-hover-bg-color: #4c5767;
+  --header-bg-color: #18191b;
+  --header-bottom-bg-color: #000;
+  --header-bottom-bg-color-hover: #303236;
+  --video-footer-bg-color: #1d1e20;
+  --layout-bg-color: #292d32;
+  --disabled-bg-color: #1d1e20;
+  --disabled-text-color: #787e87;
+  --disabled-border-color: #787e87;
+  --ad-bg-color: #18191b;
+  --ad-border-color: #000;
+  --game-header-bg-color: #2c2f35;
+  --bg-light: #2c2f35;
+  --game-tab-hover-bg-color: #17191c;
+  --price-color: #9fafc6;
+  --blue-light: #414a58;
+  --live-color: #ff4d4d;
+  --live-hover-color: #ff1a1a;
+  --gauge-bg-color: #616161;
+  --blue-gray-color: #9fafc6;
+  --message-delete: #104e60;
+  --message-delete-border: #092a34;
+  --message-delete-gta: #46435b;
+  --message-delete-gta-border: #191820;
+  --input-bg-color: #303236;
+  --input-border-color: #636569;
+  --input-text-color: #f2f2f2;
+  --input-placeholder-color: #616161;
+  --form-select-indicator: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath stroke=%27%23e0e0e0%27 stroke-width=%272px%27 d=%27M2 5l6 6 6-6%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3c/svg%3e");
+  --form-switch-bg-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27><circle r=%273%27 fill=%27%23636569%27/></svg>");
+  --admin-color: #f24444;
+  --modo-color: #42b228;
+  --ad-placeholder-opacity: 0.4;
+  --alert-brightness: 0.85;
+  --filters-bg-color: #16191d;
+  --gray-100: #f8f9fa;
+  --gray-200: #e9ecef;
+  --gray-300: #dee2e6;
+  --gray-400: #ced4da;
+  --gray-500: #adb5bd;
+  --gray-600: #6c757d;
+  --gray-700: #495057;
+  --gray-800: #343a40;
+  --gray-900: #212529;
+  --white-rgb: #fff;
+  --black-rgb: #000;
+  --body-color-rgb: var(--text-color);
+  --body-bg-rgb: var(--body-bg);
+  --font-sans-serif: "Roboto", Arial, Helvetica, sans-serif;
+  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --root-font-size: 1rem;
+  --body-font-family: "Roboto", Arial, Helvetica, sans-serif;
+  --body-font-size: 0.9375rem;
+  --body-font-weight: 400;
+  --body-line-height: 1.5;
+  --body-color: var(--text-color);
+  --border-width: 0.0625rem;
+  --border-style: solid;
+  --border-color-translucent: rgba(0, 0, 0, 0.175);
+  --border-radius: 0.75rem;
+  --border-radius-sm: 0.5rem;
+  --border-radius-lg: 0.75rem;
+  --border-radius-xl: 1rem;
+  --border-radius-2xl: 2rem;
+  --border-radius-pill: 50rem;
+  --link-hover-color: var(--text-hover-secondary);
+  --code-color: #d63384;
+  --highlight-bg: #fff3cd;
+  --topic-font-size: 0.8125rem;
+  --topic-font-weight: 700;
+  --topic-line-height: 1.25;
+  --topic-gap: 0.625rem;
+  --topic-title-font-size: 0.9375rem;
+  --topic-title-font-weight: 500;
+}
+body {
+  margin: 0;
+  font-family: var(--body-font-family), sans-serif;
+  font-size: var(--body-font-size);
+  font-weight: var(--body-font-weight);
+  line-height: var(--body-line-height);
+  color: var(--body-color);
+  text-align: var(--body-text-align);
+  background-color: var(--body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+hr {
+  height: 1px;
+  width: 100%;
+  background-color: var(--border-color);
+  display: block;
+  margin: 1.5rem 0;
+}
+h2 {
+  font-size: 1.59375rem;
+  line-height: 1.25;
+  font-weight: 500;
+  color: var(--text-color);
+  padding-bottom: 1.5rem;
+}._header_1hnaa_1 {
+  background-color: var(--header-bg-color);
+  color: var(--text-color);
+}
+
+._logo_1hnaa_6 {
+  font-size: 2rem;
+  font-weight: 700;
+}._container_1putz_1 {
+  margin: 0 auto;
+  min-width: 20rem;
+  max-width: 73.5rem;
+  padding: 0 0.5rem;
+}._spinnerSquare_4vgl0_1 {
+  display: flex;
+  flex-direction: row;
+  width: 90px;
+  height: 120px;
+}
+._spinnerSquare_4vgl0_1 > div {
+  width: 17px;
+  height: 80px;
+  margin: auto auto;
+  border-radius: 4px;
+}
+
+._square1_4vgl0_14 {
+  animation: _square-anim_4vgl0_1 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s infinite;
+}
+
+._square2_4vgl0_18 {
+  animation: _square-anim_4vgl0_1 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms infinite;
+}
+
+._square3_4vgl0_22 {
+  animation: _square-anim_4vgl0_1 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 400ms infinite;
+}
+
+@keyframes _square-anim_4vgl0_1 {
+  0% {
+    height: 80px;
+    background-color: var(--text-secondary);
+  }
+  20% {
+    height: 80px;
+  }
+  40% {
+    height: 120px;
+    background-color: var(--text-hover-secondary);
+  }
+  80% {
+    height: 80px;
+  }
+  100% {
+    height: 80px;
+    background-color: var(--text-secondary);
+  }
+}._spinner_1pqws_1 {
+  margin: 5rem auto;
+}
+
+._list_1pqws_5 {
+  display: grid;
+  grid-template-columns: 10fr 3fr 1fr 3fr;
+  list-style-type: none;
+  background: var(--block-bg-color);
+  border: 0.0625rem solid var(--border-color);
+  border-radius: 0.75rem;
+  width: 100%;
+  padding: 0;
+  overflow: hidden;
+  margin-bottom: 1.5rem;
+}
+._list_1pqws_5 > li {
+  display: contents;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+._list_1pqws_5 > li > span {
+  font-weight: var(--topic-font-weight);
+  font-size: var(--topic-font-size);
+  padding: var(--topic-gap);
+}
+._list_1pqws_5 > li > span a {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: var(--topic-title-lines);
+  -webkit-box-orient: vertical;
+  color: var(--link-color);
+  text-decoration: none;
+  font-size: var(--topic-title-font-size);
+  font-weight: var(--topic-title-font-weight);
+}
+._list_1pqws_5 > li > span a:hover {
+  color: var(--text-hover-secondary);
+}
+._list_1pqws_5 > li:nth-child(even) > span {
+  background: var(--block-even-bg-color);
+}
+._list_1pqws_5 > li._highlight_1pqws_44 > span {
+  background: var(--block-highlighted-bg-color);
+}
+
+._head_1pqws_48 > span {
+  text-transform: uppercase;
+}
+
+._generationSettings_1pqws_52 {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+}._btn_1ts7o_1 {
+  position: relative;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 1.25rem;
+  margin: 0;
+  border: 0.0625rem solid var(--text-secondary);
+  height: 2.25rem;
+  line-height: 2.25rem;
+  font-size: 0.9375rem;
+  text-decoration: none;
+  color: var(--text-secondary);
+  border-radius: 1.125rem;
+  white-space: nowrap;
+  cursor: pointer;
+}
+._btn_1ts7o_1:not(._disabled_1ts7o_18):hover {
+  border-color: var(--text-hover-secondary);
+  color: var(--text-hover-secondary);
+}
+._btn_1ts7o_1._secondary_1ts7o_22 {
+  color: #fff;
+  background-color: var(--text-secondary);
+}
+._btn_1ts7o_1._secondary_1ts7o_22:not(._disabled_1ts7o_18):hover {
+  border-color: var(--text-hover-secondary);
+  background: var(--text-hover-secondary);
+  color: #fff;
+}
+
+._spinner_1ts7o_32 {
+  font-size: 10px;
+  margin-right: 1em;
+  width: 1.5em;
+  height: 1.5em;
+  border-radius: 50%;
+  background: #ffffff;
+  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
+  position: relative;
+  animation: _load3_1ts7o_1 1.4s infinite linear;
+  transform: translateZ(0);
+}
+._spinner_1ts7o_32:before {
+  width: 50%;
+  height: 50%;
+  background: #ffffff;
+  border-radius: 100% 0 0 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  content: "";
+}
+._spinner_1ts7o_32:after {
+  background: var(--text-secondary);
+  width: 75%;
+  height: 75%;
+  border-radius: 50%;
+  content: "";
+  margin: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+
+@keyframes _load3_1ts7o_1 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+._disabled_1ts7o_18 {
+  cursor: not-allowed;
+}
+._disabled_1ts7o_18:after {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: #4f4f4f;
+  border: 0.0625rem solid #4f4f4f;
+  border-radius: 1.125rem;
+  opacity: 0.5;
+  box-sizing: content-box;
+}._formGroup_b3g81_1 {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 1rem;
+  justify-content: space-between;
+}
+._formGroup_b3g81_1 > * {
+  flex-grow: 0;
+}
+._formGroup_b3g81_1 label {
+  font-size: 1rem;
+  margin-bottom: 1rem;
+}._rangeSlider_1trvf_1 {
+  --primary-color: var(--text-secondary);
+  --value-offset-y: var(--ticks-gap);
+  --value-active-color: white;
+  --value-background: transparent;
+  --value-background-hover: var(--primary-color);
+  --value-font: 700 12px/1 Arial;
+  --fill-color: var(--primary-color);
+  --progress-background: #eee;
+  --progress-radius: 20px;
+  --track-height: calc(var(--thumb-size) / 2);
+  --min-max-font: 12px Arial;
+  --min-max-opacity: 0.5;
+  --min-max-x-offset: 50%;
+  --thumb-size: 20px;
+  --thumb-color: white;
+  --thumb-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.5) inset,
+  0 0 0 99px var(--thumb-color) inset;
+  --thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset var(--thumb-color),
+  0 0 0 99px var(--primary-color) inset, 0 0 3px rgba(0, 0, 0, 0.4);
+  --thumb-shadow-hover: var(--thumb-shadow);
+  --ticks-thickness: 1px;
+  --ticks-height: 5px;
+  --ticks-gap: var(
+                  --ticks-height,
+                  0
+  );
+  --ticks-color: silver;
+  --step: 1;
+  --ticks-count: Calc(var(--max) - var(--min)) / var(--step);
+  --maxTicksAllowed: 30;
+  --too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));
+  --x-step: Max(
+          var(--step),
+          var(--too-many-ticks) * (var(--max) - var(--min))
+  );
+  --tickInterval: 100/ ((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1);
+  --tickIntervalPerc: calc(
+          (100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) *
+          var(--tickEvery, 1)
+  );
+  --value-a: Clamp(
+          var(--min),
+          var(--value, 0),
+          var(--max)
+  );
+  --value-b: var(--value, 0);
+  --text-value-a: var(--text-value, "");
+  --completed-a: calc(
+          (var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100
+  );
+  --completed-b: calc(
+          (var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100
+  );
+  --ca: Min(var(--completed-a), var(--completed-b));
+  --cb: Max(var(--completed-a), var(--completed-b));
+  --thumbs-too-close: Clamp(
+          -1,
+          1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001),
+          1
+  );
+  display: inline-block;
+  height: max(var(--track-height), var(--thumb-size));
+  background: linear-gradient(to right, var(--ticks-color) var(--ticks-thickness), transparent 1px) repeat-x;
+  background-size: var(--tickIntervalPerc) var(--ticks-height);
+  background-position-x: calc(var(--thumb-size) / 2 - var(--ticks-thickness) / 2);
+  background-position-y: var(--flip-y, bottom);
+  padding-bottom: var(--flip-y, var(--ticks-gap));
+  padding-top: calc(var(--flip-y) * var(--ticks-gap));
+  margin-top: 1rem;
+  margin-bottom: 2rem;
+  position: relative;
+  z-index: 1;
+}
+._rangeSlider_1trvf_1[data-ticks-position=top] {
+  --flip-y: 1;
+}
+._rangeSlider_1trvf_1::before, ._rangeSlider_1trvf_1::after {
+  --offset: calc(var(--thumb-size) / 2);
+  content: counter(x);
+  display: var(--show-min-max, block);
+  font: var(--min-max-font);
+  position: absolute;
+  bottom: var(--flip-y, -2.5ch);
+  top: calc(-2.5ch * var(--flip-y));
+  opacity: var(--min-max-opacity);
+  transform: translateX(calc(var(--min-max-x-offset) * var(--before, -1) * -1));
+  pointer-events: none;
+}
+._rangeSlider_1trvf_1::before {
+  --before: 1;
+  counter-reset: x var(--min);
+  left: var(--offset);
+}
+._rangeSlider_1trvf_1::after {
+  counter-reset: x var(--max);
+  right: var(--offset);
+}
+._rangeSlider__values_1trvf_99 {
+  position: relative;
+  top: 50%;
+  line-height: 0;
+  text-align: justify;
+  width: 100%;
+  pointer-events: none;
+  margin: 0 auto;
+  z-index: 5;
+}
+._rangeSlider__values_1trvf_99::after {
+  content: "";
+  width: 100%;
+  display: inline-block;
+  height: 0;
+  background: red;
+}
+._rangeSlider_1trvf_1 ._progress_1trvf_116 {
+  --start-end: calc(var(--thumb-size) / 2);
+  --clip-end: calc(100% - (var(--cb)) * 1%);
+  --clip-start: calc(var(--ca) * 1%);
+  --clip: inset(-20px var(--clip-end) -20px var(--clip-start));
+  position: absolute;
+  left: calc(var(--start-end) - 10px);
+  right: calc(var(--start-end) - 10px);
+  top: calc(var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 - var(--track-height));
+  height: calc(var(--track-height));
+  background: var(--progress-background, #eee);
+  pointer-events: none;
+  z-index: -1;
+  border-radius: var(--progress-radius);
+}
+._rangeSlider_1trvf_1 ._progress_1trvf_116::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  clip-path: var(--clip);
+  top: 0;
+  bottom: 0;
+  background: var(--fill-color, black);
+  box-shadow: var(--progress-flll-shadow);
+  z-index: 1;
+  border-radius: inherit;
+}
+._rangeSlider_1trvf_1 ._progress_1trvf_116::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  box-shadow: var(--progress-shadow);
+  pointer-events: none;
+  border-radius: inherit;
+}
+._rangeSlider_1trvf_1 > input {
+  -webkit-appearance: none;
+  width: 100%;
+  height: var(--thumb-size);
+  margin: 0;
+  position: absolute;
+  left: 0;
+  top: calc(50% - max(var(--track-height), var(--thumb-size)) / 2 + var(--ticks-gap) / 2 * var(--flip-y, -1));
+  cursor: -webkit-grab;
+  cursor: grab;
+  outline: none;
+  background: none;
+}
+._rangeSlider_1trvf_1 > input:not(:only-of-type) {
+  pointer-events: none;
+}
+._rangeSlider_1trvf_1 > input::-webkit-slider-thumb {
+  appearance: none;
+  height: var(--thumb-size);
+  width: var(--thumb-size);
+  transform: translateY(-4px);
+  border-radius: var(--thumb-radius, 50%);
+  background: var(--thumb-color);
+  box-shadow: var(--thumb-shadow);
+  border: none;
+  pointer-events: auto;
+  transition: 0.1s;
+}
+._rangeSlider_1trvf_1 > input::-moz-range-thumb {
+  appearance: none;
+  height: var(--thumb-size);
+  width: var(--thumb-size);
+  transform: translateY(-4px);
+  border-radius: var(--thumb-radius, 50%);
+  background: var(--thumb-color);
+  box-shadow: var(--thumb-shadow);
+  border: none;
+  pointer-events: auto;
+  transition: 0.1s;
+}
+._rangeSlider_1trvf_1 > input::-ms-thumb {
+  appearance: none;
+  height: var(--thumb-size);
+  width: var(--thumb-size);
+  transform: translateY(-4px);
+  border-radius: var(--thumb-radius, 50%);
+  background: var(--thumb-color);
+  box-shadow: var(--thumb-shadow);
+  border: none;
+  pointer-events: auto;
+  transition: 0.1s;
+}
+._rangeSlider_1trvf_1 > input:hover {
+  --thumb-shadow: var(--thumb-shadow-hover);
+}
+._rangeSlider_1trvf_1 > input:active {
+  --thumb-shadow: var(--thumb-shadow-active);
+  cursor: grabbing;
+  z-index: 2;
+}
+._rangeSlider_1trvf_1 > input:active + output {
+  transition: 0s;
+}
+._rangeSlider_1trvf_1 > input:nth-of-type(1) {
+  --is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1);
+}
+._rangeSlider_1trvf_1 > input:nth-of-type(1) + output {
+  --value: var(--value-a);
+  --x-offset: calc(var(--completed-a) * -1%);
+}
+._rangeSlider_1trvf_1 > input:nth-of-type(1) + output:not(:only-of-type) {
+  --flip: calc(var(--thumbs-too-close) * -1);
+}
+._rangeSlider_1trvf_1 > input:nth-of-type(1) + output::after {
+  content: var(--prefix, "") var(--text-value-a) var(--suffix, "");
+}
+._rangeSlider_1trvf_1 > input:nth-of-type(2) {
+  --is-left-most: Clamp(0, (var(--value-b) - var(--value-a)) * 99999, 1);
+}
+._rangeSlider_1trvf_1 > input:nth-of-type(2) + output {
+  --value: var(--value-b);
+}
+._rangeSlider_1trvf_1 > input:only-of-type ~ ._progress_1trvf_116 {
+  --clip-start: 0;
+}
+._rangeSlider_1trvf_1 > input + output {
+  --flip: -1;
+  --x-offset: calc(var(--completed-b) * -1%);
+  --pos: calc(
+          ((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%
+  );
+  pointer-events: none;
+  position: absolute;
+  z-index: 5;
+  background: var(--value-background);
+  border-radius: 10px;
+  padding: 0 4px;
+  left: var(--pos);
+  transform: translate(var(--x-offset), calc(150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) * var(--flip)));
+  transition: all 0.12s ease-out, left 0s;
+}
+._rangeSlider_1trvf_1 > input + output::after {
+  content: var(--prefix, "") var(--text-value-b) var(--suffix, "");
+  font: var(--value-font);
+}._post_uuidr_1 {
+  margin-bottom: 0.9375rem;
+  font-size: 0.9375rem;
+  line-height: 1.5;
+  background: var(--block-bg-color);
+  border: 0.0625rem solid var(--border-color);
+  border-radius: 0.5rem;
+  overflow: hidden;
+  padding: 0.75rem;
+}
+
+._postHeader_uuidr_12 {
+  border-bottom: 0.0625rem dotted var(--border-color);
+  height: 3.625rem;
+  margin-bottom: 0.75rem;
+  display: grid;
+  grid-template-areas: "avatar user" "avatar date";
+  grid-template-rows: 1.5rem 1.5rem;
+  grid-template-columns: auto 1fr;
+  column-gap: 0.625rem;
+}
+
+._avatar_uuidr_23 {
+  grid-area: avatar;
+  height: 3rem;
+  width: 3rem;
+  object-fit: cover;
+  border-radius: 50%;
+}
+
+._user_uuidr_31 {
+  grid-area: user;
+  font-size: 1.0625rem;
+  font-weight: 500;
+  font-family: "Roboto", Arial, Helvetica, sans-serif;
+  line-height: 1.25;
+}
+
+._date_uuidr_39 {
+  grid-area: date;
+  color: var(--link-color);
+  text-decoration: none;
+  font-size: 0.8125rem;
+}
+
+._generationSettings_uuidr_46 {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+}._wrapper_cfqzy_1 .bloc-spoil-jv {
+  margin-bottom: 0;
+  display: inline;
+}
+._wrapper_cfqzy_1 .bloc-spoil-jv .open-spoil {
+  position: absolute;
+  left: -999rem;
+}
+._wrapper_cfqzy_1 .bloc-spoil-jv .barre-head {
+  height: auto;
+  line-height: inherit;
+  text-align: center;
+  cursor: pointer;
+  position: relative;
+  display: inline;
+}
+._wrapper_cfqzy_1 .bloc-spoil-jv .barre-head .txt-spoil {
+  position: static;
+  display: inline;
+  padding: 0.125rem 1.25rem;
+  line-height: inherit;
+  top: 0;
+  left: 0;
+  width: 4.6875rem;
+  font-size: 0.9285em;
+  text-align: center;
+  color: #fff;
+  text-transform: uppercase;
+  background: #fd374e;
+  font-weight: 700;
+  border-radius: 0.25rem;
+}
+._wrapper_cfqzy_1 .bloc-spoil-jv .contenu-spoil {
+  background: #f4d6da;
+  color: #212121;
+  padding: 0.625rem;
+  display: none;
+  text-align: left;
+  overflow: hidden;
+}
+._wrapper_cfqzy_1 .bloc-spoil-jv .open-spoil:checked ~ .contenu-spoil {
+  display: inline;
+}
+._wrapper_cfqzy_1 blockquote {
+  text-align: left;
+  border-left: 0.3125rem solid rgba(0, 0, 0, 0.2);
+  color: var(--text-blockquote-color);
+  padding: 0.625rem;
+  background: none;
+  font-style: normal;
+  font-size: inherit;
+  margin: 0 0 0.9375rem 1rem;
+}
+._wrapper_cfqzy_1 a {
+  color: var(--link-color);
+  text-decoration: none;
+}
+._wrapper_cfqzy_1 a:hover {
+  color: var(--text-hover-secondary);
+  text-decoration: none;
+}._wrapper_1dmrl_1 {
+  position: relative;
+  margin-bottom: 0.9375rem;
+}
+
+._icon_1dmrl_6 {
+  position: absolute;
+  top: 0.625rem;
+  left: 0.625rem;
+  font-size: 1.125rem;
+  line-height: 1em;
+}
+
+._input_1dmrl_14 {
+  display: block;
+  width: 100%;
+  font-weight: 400;
+  line-height: 1.5;
+  color: var(--input-text-color);
+  background-color: var(--input-bg-color);
+  background-clip: padding-box;
+  border: 0.0625rem solid var(--input-border-color);
+  -webkit-appearance: none;
+  appearance: none;
+  border-radius: 0.75rem;
+  box-shadow: inset 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.075);
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  padding-top: 0;
+  padding-right: 0.3125rem;
+  padding-left: 2.5rem;
+  padding-bottom: 0;
+  font-weight: 700;
+  height: 2.5rem;
+  font-size: 1rem;
+}
+._input_1dmrl_14::placeholder {
+  color: var(--input-placeholder-color);
+  font-weight: 400;
+}._breadcrumbs_145yl_1 {
+  font-weight: 700;
+  color: var(--text-muted-color);
+  font-size: 0.8125rem;
+  margin-top: 1.25rem;
+  margin-bottom: 0.9375rem;
+  display: flex;
+}
+
+._actions_145yl_10 {
+  margin-left: auto;
+}
+._actions_145yl_10 a:hover {
+  color: var(--text-muted-hover-color);
+}

dist/assets/index-bikKewjx.css

@@ -1 +0,0 @@
-@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}:root{color-scheme:dark;--body-bg: #22252a;--text-primary: #3d87f5;--text-hover-primary: #5596f6;--text-secondary: #f66031;--text-hover-secondary: #f7734a;--text-danger: #e4606d;--text-hover-danger: #dc3545;--text-dark: #e0e0e0;--text-hover-dark: #fff;--text-light: #000;--bg-color-light: #272a30;--bg-color-light-transparent: rgba(39, 42, 48, 0);--bg-color: #22252a;--text-color: #f2f2f2;--border-color: #4a4c4f;--border-even-color: #454f5e;--border-highlighted-color: #765d3f;--block-bg-color: #2e3238;--block-even-bg-color: #363e49;--block-highlighted-bg-color: #594126;--block-bg-color-hover: #353941;--block-bg-color-hover-dark: #454b54;--text-muted-color: #9e9e9e;--text-muted-hover-color: #bababa;--text-blockquote-color: #c7c7d1;--link-color: #7dc3f7;--link-hover-bg-color: #4c5767;--header-bg-color: #18191b;--header-bottom-bg-color: #000;--header-bottom-bg-color-hover: #303236;--video-footer-bg-color: #1d1e20;--layout-bg-color: #292d32;--disabled-bg-color: #1d1e20;--disabled-text-color: #787e87;--disabled-border-color: #787e87;--ad-bg-color: #18191b;--ad-border-color: #000;--game-header-bg-color: #2c2f35;--bg-light: #2c2f35;--game-tab-hover-bg-color: #17191c;--price-color: #9fafc6;--blue-light: #414a58;--live-color: #ff4d4d;--live-hover-color: #ff1a1a;--gauge-bg-color: #616161;--blue-gray-color: #9fafc6;--message-delete: #104e60;--message-delete-border: #092a34;--message-delete-gta: #46435b;--message-delete-gta-border: #191820;--input-bg-color: #303236;--input-border-color: #636569;--input-text-color: #f2f2f2;--input-placeholder-color: #616161;--form-select-indicator: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath stroke=%27%23e0e0e0%27 stroke-width=%272px%27 d=%27M2 5l6 6 6-6%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3c/svg%3e");--form-switch-bg-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27><circle r=%273%27 fill=%27%23636569%27/></svg>");--admin-color: #f24444;--modo-color: #42b228;--ad-placeholder-opacity: .4;--alert-brightness: .85;--filters-bg-color: #16191d;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--white-rgb: #fff;--black-rgb: #000;--body-color-rgb: var(--text-color);--body-bg-rgb: var(--body-bg);--font-sans-serif: "Roboto", Arial, Helvetica, sans-serif;--font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--root-font-size: 1rem;--body-font-family: "Roboto", Arial, Helvetica, sans-serif;--body-font-size: .9375rem;--body-font-weight: 400;--body-line-height: 1.5;--body-color: var(--text-color);--border-width: .0625rem;--border-style: solid;--border-color-translucent: rgba(0, 0, 0, .175);--border-radius: .75rem;--border-radius-sm: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 2rem;--border-radius-pill: 50rem;--link-hover-color: var(--text-hover-secondary);--code-color: #d63384;--highlight-bg: #fff3cd;--topic-font-size: .8125rem;--topic-font-weight: 700;--topic-line-height: 1.25;--topic-gap: .625rem;--topic-title-font-size: .9375rem;--topic-title-font-weight: 500}body{margin:0;font-family:var(--body-font-family),sans-serif;font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);color:var(--body-color);text-align:var(--body-text-align);background-color:var(--body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{height:1px;width:100%;background-color:var(--border-color);display:block;margin:1.5rem 0}h2{font-size:1.59375rem;line-height:1.25;font-weight:500;color:var(--text-color);padding-bottom:1.5rem}._header_1hnaa_1{background-color:var(--header-bg-color);color:var(--text-color)}._logo_1hnaa_6{font-size:2rem;font-weight:700}._container_1putz_1{margin:0 auto;min-width:20rem;max-width:73.5rem;padding:0 .5rem}._spinnerSquare_4vgl0_1{display:flex;flex-direction:row;width:90px;height:120px}._spinnerSquare_4vgl0_1>div{width:17px;height:80px;margin:auto;border-radius:4px}._square1_4vgl0_14{animation:_square-anim_4vgl0_1 1.2s cubic-bezier(.445,.05,.55,.95) 0s infinite}._square2_4vgl0_18{animation:_square-anim_4vgl0_1 1.2s cubic-bezier(.445,.05,.55,.95) .2s infinite}._square3_4vgl0_22{animation:_square-anim_4vgl0_1 1.2s cubic-bezier(.445,.05,.55,.95) .4s infinite}@keyframes _square-anim_4vgl0_1{0%{height:80px;background-color:var(--text-secondary)}20%{height:80px}40%{height:120px;background-color:var(--text-hover-secondary)}80%{height:80px}to{height:80px;background-color:var(--text-secondary)}}._spinner_1pqws_1{margin:5rem auto}._list_1pqws_5{display:grid;grid-template-columns:10fr 3fr 1fr 3fr;list-style-type:none;background:var(--block-bg-color);border:.0625rem solid var(--border-color);border-radius:.75rem;width:100%;padding:0;overflow:hidden;margin-bottom:1.5rem}._list_1pqws_5>li{display:contents;list-style:none;padding:0;margin:0}._list_1pqws_5>li>span{font-weight:var(--topic-font-weight);font-size:var(--topic-font-size);padding:var(--topic-gap)}._list_1pqws_5>li>span a{overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--topic-title-lines);-webkit-box-orient:vertical;color:var(--link-color);text-decoration:none;font-size:var(--topic-title-font-size);font-weight:var(--topic-title-font-weight)}._list_1pqws_5>li>span a:hover{color:var(--text-hover-secondary)}._list_1pqws_5>li:nth-child(2n)>span{background:var(--block-even-bg-color)}._list_1pqws_5>li._highlight_1pqws_44>span{background:var(--block-highlighted-bg-color)}._head_1pqws_48>span{text-transform:uppercase}._generationSettings_1pqws_52{display:grid;grid-template-columns:1fr 1fr}._btn_1ts7o_1{position:relative;display:inline-flex;justify-content:center;align-items:center;padding:0 1.25rem;margin:0;border:.0625rem solid var(--text-secondary);height:2.25rem;line-height:2.25rem;font-size:.9375rem;text-decoration:none;color:var(--text-secondary);border-radius:1.125rem;white-space:nowrap;cursor:pointer}._btn_1ts7o_1:not(._disabled_1ts7o_18):hover{border-color:var(--text-hover-secondary);color:var(--text-hover-secondary)}._btn_1ts7o_1._secondary_1ts7o_22{color:#fff;background-color:var(--text-secondary)}._btn_1ts7o_1._secondary_1ts7o_22:not(._disabled_1ts7o_18):hover{border-color:var(--text-hover-secondary);background:var(--text-hover-secondary);color:#fff}._spinner_1ts7o_32{font-size:10px;margin-right:1em;width:1.5em;height:1.5em;border-radius:50%;background:#fff;background:linear-gradient(to right,#fff 10%,#fff0 42%);position:relative;animation:_load3_1ts7o_1 1.4s infinite linear;transform:translateZ(0)}._spinner_1ts7o_32:before{width:50%;height:50%;background:#fff;border-radius:100% 0 0;position:absolute;top:0;left:0;content:""}._spinner_1ts7o_32:after{background:var(--text-secondary);width:75%;height:75%;border-radius:50%;content:"";margin:auto;position:absolute;inset:0}@keyframes _load3_1ts7o_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._disabled_1ts7o_18{cursor:not-allowed}._disabled_1ts7o_18:after{content:"";position:absolute;width:100%;height:100%;background:#4f4f4f;border:.0625rem solid #4f4f4f;border-radius:1.125rem;opacity:.5;box-sizing:content-box}._formGroup_b3g81_1{display:flex;flex-direction:column;margin-bottom:1rem;justify-content:space-between}._formGroup_b3g81_1>*{flex-grow:0}._formGroup_b3g81_1 label{font-size:1rem;margin-bottom:1rem}._rangeSlider_1trvf_1{--primary-color: var(--text-secondary);--value-offset-y: var(--ticks-gap);--value-active-color: white;--value-background: transparent;--value-background-hover: var(--primary-color);--value-font: 700 12px/1 Arial;--fill-color: var(--primary-color);--progress-background: #eee;--progress-radius: 20px;--track-height: calc(var(--thumb-size) / 2);--min-max-font: 12px Arial;--min-max-opacity: .5;--min-max-x-offset: 50%;--thumb-size: 20px;--thumb-color: white;--thumb-shadow: 0 0 3px rgba(0, 0, 0, .4), 0 0 1px rgba(0, 0, 0, .5) inset, 0 0 0 99px var(--thumb-color) inset;--thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset var(--thumb-color), 0 0 0 99px var(--primary-color) inset, 0 0 3px rgba(0, 0, 0, .4);--thumb-shadow-hover: var(--thumb-shadow);--ticks-thickness: 1px;--ticks-height: 5px;--ticks-gap: var( --ticks-height, 0 );--ticks-color: silver;--step: 1;--ticks-count: Calc(var(--max) - var(--min)) / var(--step);--maxTicksAllowed: 30;--too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));--x-step: Max( var(--step), var(--too-many-ticks) * (var(--max) - var(--min)) );--tickInterval: 100/ ((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1);--tickIntervalPerc: calc( (100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) * var(--tickEvery, 1) );--value-a: Clamp( var(--min), var(--value, 0), var(--max) );--value-b: var(--value, 0);--text-value-a: var(--text-value, "");--completed-a: calc( (var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100 );--completed-b: calc( (var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100 );--ca: Min(var(--completed-a), var(--completed-b));--cb: Max(var(--completed-a), var(--completed-b));--thumbs-too-close: Clamp( -1, 1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + .001), 1 );display:inline-block;height:max(var(--track-height),var(--thumb-size));background:linear-gradient(to right,var(--ticks-color) var(--ticks-thickness),transparent 1px) repeat-x;background-size:var(--tickIntervalPerc) var(--ticks-height);background-position-x:calc(var(--thumb-size) / 2 - var(--ticks-thickness) / 2);background-position-y:var(--flip-y, bottom);padding-bottom:var(--flip-y, var(--ticks-gap));padding-top:calc(var(--flip-y) * var(--ticks-gap));margin-top:1rem;margin-bottom:2rem;position:relative;z-index:1}._rangeSlider_1trvf_1[data-ticks-position=top]{--flip-y: 1}._rangeSlider_1trvf_1:before,._rangeSlider_1trvf_1:after{--offset: calc(var(--thumb-size) / 2);content:counter(x);display:var(--show-min-max, block);font:var(--min-max-font);position:absolute;bottom:var(--flip-y, -2.5ch);top:calc(-2.5ch * var(--flip-y));opacity:var(--min-max-opacity);transform:translate(calc(var(--min-max-x-offset) * var(--before, -1) * -1));pointer-events:none}._rangeSlider_1trvf_1:before{--before: 1;counter-reset:x var(--min);left:var(--offset)}._rangeSlider_1trvf_1:after{counter-reset:x var(--max);right:var(--offset)}._rangeSlider__values_1trvf_99{position:relative;top:50%;line-height:0;text-align:justify;width:100%;pointer-events:none;margin:0 auto;z-index:5}._rangeSlider__values_1trvf_99:after{content:"";width:100%;display:inline-block;height:0;background:red}._rangeSlider_1trvf_1 ._progress_1trvf_116{--start-end: calc(var(--thumb-size) / 2);--clip-end: calc(100% - (var(--cb)) * 1%);--clip-start: calc(var(--ca) * 1%);--clip: inset(-20px var(--clip-end) -20px var(--clip-start));position:absolute;left:calc(var(--start-end) - 10px);right:calc(var(--start-end) - 10px);top:calc(var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 - var(--track-height));height:calc(var(--track-height));background:var(--progress-background, #eee);pointer-events:none;z-index:-1;border-radius:var(--progress-radius)}._rangeSlider_1trvf_1 ._progress_1trvf_116:before{content:"";position:absolute;inset:0;clip-path:var(--clip);background:var(--fill-color, black);box-shadow:var(--progress-flll-shadow);z-index:1;border-radius:inherit}._rangeSlider_1trvf_1 ._progress_1trvf_116:after{content:"";position:absolute;inset:0;box-shadow:var(--progress-shadow);pointer-events:none;border-radius:inherit}._rangeSlider_1trvf_1>input{-webkit-appearance:none;width:100%;height:var(--thumb-size);margin:0;position:absolute;left:0;top:calc(50% - max(var(--track-height),var(--thumb-size)) / 2 + var(--ticks-gap) / 2 * var(--flip-y, -1));cursor:-webkit-grab;cursor:grab;outline:none;background:none}._rangeSlider_1trvf_1>input:not(:only-of-type){pointer-events:none}._rangeSlider_1trvf_1>input::-webkit-slider-thumb{appearance:none;height:var(--thumb-size);width:var(--thumb-size);transform:translateY(-4px);border-radius:var(--thumb-radius, 50%);background:var(--thumb-color);box-shadow:var(--thumb-shadow);border:none;pointer-events:auto;transition:.1s}._rangeSlider_1trvf_1>input::-moz-range-thumb{appearance:none;height:var(--thumb-size);width:var(--thumb-size);transform:translateY(-4px);border-radius:var(--thumb-radius, 50%);background:var(--thumb-color);box-shadow:var(--thumb-shadow);border:none;pointer-events:auto;transition:.1s}._rangeSlider_1trvf_1>input::-ms-thumb{appearance:none;height:var(--thumb-size);width:var(--thumb-size);transform:translateY(-4px);border-radius:var(--thumb-radius, 50%);background:var(--thumb-color);box-shadow:var(--thumb-shadow);border:none;pointer-events:auto;transition:.1s}._rangeSlider_1trvf_1>input:hover{--thumb-shadow: var(--thumb-shadow-hover)}._rangeSlider_1trvf_1>input:active{--thumb-shadow: var(--thumb-shadow-active);cursor:grabbing;z-index:2}._rangeSlider_1trvf_1>input:active+output{transition:0s}._rangeSlider_1trvf_1>input:nth-of-type(1){--is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1)}._rangeSlider_1trvf_1>input:nth-of-type(1)+output{--value: var(--value-a);--x-offset: calc(var(--completed-a) * -1%)}._rangeSlider_1trvf_1>input:nth-of-type(1)+output:not(:only-of-type){--flip: calc(var(--thumbs-too-close) * -1)}._rangeSlider_1trvf_1>input:nth-of-type(1)+output:after{content:var(--prefix, "") var(--text-value-a) var(--suffix, "")}._rangeSlider_1trvf_1>input:nth-of-type(2){--is-left-most: Clamp(0, (var(--value-b) - var(--value-a)) * 99999, 1)}._rangeSlider_1trvf_1>input:nth-of-type(2)+output{--value: var(--value-b)}._rangeSlider_1trvf_1>input:only-of-type~._progress_1trvf_116{--clip-start: 0}._rangeSlider_1trvf_1>input+output{--flip: -1;--x-offset: calc(var(--completed-b) * -1%);--pos: calc( ((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100% );pointer-events:none;position:absolute;z-index:5;background:var(--value-background);border-radius:10px;padding:0 4px;left:var(--pos);transform:translate(var(--x-offset),calc(150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) * var(--flip)));transition:all .12s ease-out,left 0s}._rangeSlider_1trvf_1>input+output:after{content:var(--prefix, "") var(--text-value-b) var(--suffix, "");font:var(--value-font)}._post_uuidr_1{margin-bottom:.9375rem;font-size:.9375rem;line-height:1.5;background:var(--block-bg-color);border:.0625rem solid var(--border-color);border-radius:.5rem;overflow:hidden;padding:.75rem}._postHeader_uuidr_12{border-bottom:.0625rem dotted var(--border-color);height:3.625rem;margin-bottom:.75rem;display:grid;grid-template-areas:"avatar user" "avatar date";grid-template-rows:1.5rem 1.5rem;grid-template-columns:auto 1fr;column-gap:.625rem}._avatar_uuidr_23{grid-area:avatar;height:3rem;width:3rem;object-fit:cover;border-radius:50%}._user_uuidr_31{grid-area:user;font-size:1.0625rem;font-weight:500;font-family:Roboto,Arial,Helvetica,sans-serif;line-height:1.25}._date_uuidr_39{grid-area:date;color:var(--link-color);text-decoration:none;font-size:.8125rem}._generationSettings_uuidr_46{display:grid;grid-template-columns:1fr 1fr}._wrapper_cfqzy_1 .bloc-spoil-jv{margin-bottom:0;display:inline}._wrapper_cfqzy_1 .bloc-spoil-jv .open-spoil{position:absolute;left:-999rem}._wrapper_cfqzy_1 .bloc-spoil-jv .barre-head{height:auto;line-height:inherit;text-align:center;cursor:pointer;position:relative;display:inline}._wrapper_cfqzy_1 .bloc-spoil-jv .barre-head .txt-spoil{position:static;display:inline;padding:.125rem 1.25rem;line-height:inherit;top:0;left:0;width:4.6875rem;font-size:.9285em;text-align:center;color:#fff;text-transform:uppercase;background:#fd374e;font-weight:700;border-radius:.25rem}._wrapper_cfqzy_1 .bloc-spoil-jv .contenu-spoil{background:#f4d6da;color:#212121;padding:.625rem;display:none;text-align:left;overflow:hidden}._wrapper_cfqzy_1 .bloc-spoil-jv .open-spoil:checked~.contenu-spoil{display:inline}._wrapper_cfqzy_1 blockquote{text-align:left;border-left:.3125rem solid rgba(0,0,0,.2);color:var(--text-blockquote-color);padding:.625rem;background:none;font-style:normal;font-size:inherit;margin:0 0 .9375rem 1rem}._wrapper_cfqzy_1 a{color:var(--link-color);text-decoration:none}._wrapper_cfqzy_1 a:hover{color:var(--text-hover-secondary);text-decoration:none}._wrapper_1dmrl_1{position:relative;margin-bottom:.9375rem}._icon_1dmrl_6{position:absolute;top:.625rem;left:.625rem;font-size:1.125rem;line-height:1em}._input_1dmrl_14{display:block;width:100%;font-weight:400;line-height:1.5;color:var(--input-text-color);background-color:var(--input-bg-color);background-clip:padding-box;border:.0625rem solid var(--input-border-color);-webkit-appearance:none;appearance:none;border-radius:.75rem;box-shadow:inset 0 .0625rem .125rem #00000013;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;padding-top:0;padding-right:.3125rem;padding-left:2.5rem;padding-bottom:0;font-weight:700;height:2.5rem;font-size:1rem}._input_1dmrl_14::placeholder{color:var(--input-placeholder-color);font-weight:400}._breadcrumbs_145yl_1{font-weight:700;color:var(--text-muted-color);font-size:.8125rem;margin-top:1.25rem;margin-bottom:.9375rem;display:flex}._actions_145yl_10{margin-left:auto}._actions_145yl_10 a:hover{color:var(--text-muted-hover-color)}

dist/index.html

@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <meta name="color-scheme" content="dark"/>
     <title>JVCGPT</title>
-  <script type="module" crossorigin src="./assets/index-Cjniv5yr.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/index-bikKewjx.css">
+  <script type="module" crossorigin src="./assets/index-C9o3CIT4.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-CvL5ef4j.css">
 </head>
 <body>
 <div id="app"></div>

vite.config.ts

@@ -14,6 +14,7 @@ export default defineConfig({
         })
     ],
     build: {
-        target: "es2022"
+        target: "es2022",
+        minify: false,
     },
 });