Outil de discussion instantanée (Fork et debug pour iOS et GreasyMonkey)
// ==UserScript==
// @name JV_Chat_Custsom_Fork
// @description Outil de discussion instantanée (Fork et debug pour iOS et GreasyMonkey)
// @author Blaff, Rand0max, Atlantis/Lantea-Git
// @namespace JV_Chat_Custsom_Fork
// @license MIT
// @version 0.2.3.90
// @icon https://images.emojiterra.com/google/noto-emoji/unicode-17.0/color/128px/2b1b.png
// @match http://*.jeuxvideo.com/forums/42-*
// @match https://*.jeuxvideo.com/forums/42-*
// @match http://*.jeuxvideo.com/forums/1-*
// @match https://*.jeuxvideo.com/forums/1-*
// ==/UserScript==
// CECI EST UN FORK NON OFFICIEL
// LA VERSION OFFICIEL DE RANDOMAX EST ICI :
// https://jvscript.fr/script/jvchat-premium
/*
API : les développeurs peuvent créer des "plugins" pour JVChat à l'aide d'un système d'évènements.
Cela permet par exemple à un deuxième userscript de modifier les messages au moment où ils sont
ajoutés par JVChat, afin que chacun puisse personnaliser son affichage et ajouter de nouvelles
fonctionnalités.
Pour cela, il suffit d'écouter l'évènement "jvchat:newmessage". Celui-ci est émis chaque fois
qu'un novueau message est ajouté, il contient l'identifiant dudit message à récupérer dans le DOM
via le data-attribut "jvchat-id".
Il existe aussi l'évènement "jvchat:activation" qui est émis une seule fois : à l'initialisation
lorsque le topic pass en mode "JVChat" après appui sur le bouton.
L'évènement "jvchat:activated" qui est émis une seule fois : après l'initialisation
lorsque les messages sont chargés.
Il existe enfin l'évènement "jvchat:postmessage". Celui-ci est émis chaque fois qu'un message est posté par l'utilisateur actuel.
Il contient l'identifiant du message, le contenu du message, et l'auteur du message.
Exemple pour cacher les messages qui contiennent certains mot-clefs:
// my_plugin.user.js
let keywords = ["foobar", "barbaz"]
addEventListener("jvchat:newmessage", function(event) {
// L'id du message est stocké dans event.detail.id
// L'attribut event.detail.isEdit est mis à "true" s'il s'agit d'un message édité
let message = document.querySelector(`.jvchat-message[jvchat-id="${event.detail.id}"]`);
let text = message.querySelector(".txt-msg").textContent;
for (let keyword of keywords) {
if (text.includes(keyword)) {
message.style.display = "none";
return;
}
}
});
*/
let CSS = `<style type="text/css" id="jvchat-css">
#forum-right-col,
#jv-footer,
#middle,
#zone-sponso,
#header-top,
#full-site,
header.jv-header-menu,
.sideWootbox,
.titre-head-bloc,
.bloc-pre-pagi-forum,
.bloc-message-forum,
.bloc-message-forum-anchor,
.bloc-pagi-default,
.bloc-outils-top,
.bloc-outils-bottom,
.option-previsu,
.ads,
.sondage-fofo,
#forums-topic-survey,
#dfp_pulse,
#didomi-host,
.sideDfp,
.nu-context-menu,
.message-lock-topic,
#bloc-formulaire-forum .alert,
.form-post-message > .row > div:nth-child(2),
.conteneur-messages-pagi > a:last-of-type,
#bloc-meta-titre-jeu,
.gameHeaderBanner,
.gameHeaderSubNav,
.forumAnchorWrapper,
.lockInfo,
.bloc-sondage::before,
.layout__contextTop,
.layout__breadcrumb,
.layout__adHeader,
.layout__adHeader--center,
.layout__adHeader--top,
.layout__adHeader--left,
.layout__adHeader--right,
.layout__videoFooter,
.layout__contentAside,
.layout__footer,
.layout__contentTop,
.header,
.messageUser,
.messageUser__anchor,
.container__pagination,
.container__navTop,
.container__navBottom,
.titleMessagesUsers,
.sidebarPanel,
.container__sidebar,
#js-list-message-tools-actions,
.buttonsNavbar__sticky,
.js-list-message-main-toolbar,
.sideCardForum,
.js-side-module-forum-info,
.js-side-module-forum-favorite {
display: none !important;
}
/* Ensure right sidebar and ads are hidden */
#page-messages-forum > .layout__contentAside,
.layout__row.layout__contentAside,
#forum-main-col ins[data-ad-position],
#forum-main-col .nosticky,
.container__postTitle {
display: none !important;
}
/* Override JVC grid layout with flex so JVChat panel + messages align horizontally */
#page-messages-forum {
display: flex !important;
margin: 0;
padding: 0;
}
#page-messages-forum > .layout__contentMain {
display: flex !important;
padding: 0 !important;
height: 100%;
max-width: unset !important;
width: 100% !important;
margin: 0 !important;
}
/* Flex column so #jvchat-main fills #forum-main-col inside .container__main.
NOTE: the real layout grid is applied on #forum-main-col itself (see below)
because there are TWO .container__main siblings (messages + form). */
#forum-main-col > .container__main {
min-width: 0;
}
#forum-main-col > .container__main > #listMessages {
display: block;
min-height: 0;
}
/* Force the full outer layout chain to viewport height with no scroll so only
#jvchat-main scrolls internally and the input stays pinned at the bottom. */
html,
body,
.layout,
.layout-main,
.layout-content,
.layout__row,
.layout__contentMain {
height: 100% !important;
max-height: 100vh !important;
overflow: hidden !important;
}
/* #forum-main-col has TWO .container__main children in the new structure:
- the first wraps #listMessages > #jvchat-main (scrollable messages)
- the second wraps #bloc-formulaire-forum (input form)
Make #forum-main-col itself a CSS Grid with rows "auto 1fr auto" so the
messages container grows to fill, and the form stays pinned at the bottom. */
#forum-main-col {
display: grid !important;
grid-template-rows: auto 1fr auto !important;
grid-template-columns: 1fr !important;
overflow: hidden !important;
max-height: 100vh !important;
height: 100% !important;
}
/* First .container__main: messages (grows, scrolls internally) */
#forum-main-col > .container__main:nth-last-of-type(2) {
grid-row: 2 !important;
min-height: 0 !important;
overflow: hidden !important;
display: block !important;
}
#forum-main-col > .container__main:nth-last-of-type(2) > #listMessages {
height: 100% !important;
min-height: 0 !important;
overflow: hidden !important;
}
#forum-main-col > .container__main:nth-last-of-type(2) #jvchat-main {
height: 100% !important;
max-height: 100% !important;
overflow-y: auto !important;
min-height: 0 !important;
}
/* Second .container__main: form (natural height, pinned at bottom) */
#forum-main-col > .container__main:nth-last-of-type(1) {
grid-row: 3 !important;
display: block !important;
visibility: visible !important;
}
/* Force everything else inside #forum-main-col (ads, stray divs) to row 1
so they're either hidden or collapse to 0. */
#forum-main-col > div:not(.container__main) {
grid-row: 1 !important;
}
@font-face {
font-family: "jvchat-icons";
src: url(data:font/woff;base64,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);
}
html,
body,
#jvchat-main,
#page-messages-forum,
#forum-main-col,
#forum-main-col > .conteneur-messages-pagi,
#forum-main-col > #listMessages,
#forum-main-col > .container__main,
#forum-main-col > .container__main > #listMessages {
height: 100%;
width: 100%;
}
.jvchat-hide {
display: none !important;
}
.jvchat-hide-visibility {
visibility: hidden;
}
.messageEditor__topInfo {
display: none;
}
/* Edition */
.jvchat-edition {
display: flex;
flex-direction: column;
gap: 5px;
}
.jvchat-edition-textarea {
resize: vertical;
width: 100%;
min-height: 60px;
padding: 5px;
border: 1px solid #ccc;
border-radius: 3px;
box-sizing: border-box;
}
.jvchat-night-mode .jvchat-edition-textarea {
background-color: #484c52;
color: #dcddde;
border-color: #2d2d2d;
}
.jvchat-edition-buttons {
display: flex;
gap: 10px;
}
.jvchat-edition-buttons button {
border: 1px solid #ccc;
border-radius: 3px;
cursor: pointer;
}
.jvchat-edition-buttons .jvchat-edition-submit {
background-color: #4caf50;
color: white;
}
.jvchat-edition-buttons .jvchat-edition-cancel-btn {
background-color: #f44336;
color: white;
}
.jvchat-night-mode .jvchat-edition-buttons button {
border-color: #2d2d2d;
}
.jvchat-night-mode .jvchat-edition-buttons .jvchat-edition-submit {
background-color: #5cb85c;
}
.jvchat-night-mode .jvchat-edition-buttons .jvchat-edition-cancel-btn {
background-color: #d9534f;
}
.jvchat-textarea-focus {
height: 8rem !important;
}
.jvchat-disabled-form {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
#jvchat-leftbar h4 {
font-weight: 600;
}
#bloc-formulaire-forum > .form-post-message > .row {
margin: 0;
}
.jv-editor > .conteneur-editor {
background-color: var(--jv-bg-color);
}
.jv-editor > .conteneur-editor > .text-editor {
border: 0;
display: flex !important;
}
#jvchat-alerts {
position: absolute;
z-index: 3;
right: 1rem;
left: 0;
overflow-y: hidden;
}
#jvchat-alerts .alert {
margin: 1rem 2rem;
border-radius: 0.5rem;
}
#jvchat-leftbar {
max-width: 15rem;
flex-grow: 100000;
flex-shrink: 100;
position: relative;
}
#jvchat-leftbar-button {
display: flex;
position: absolute;
right: 0;
top: 0;
}
#jvchat-leftbar-button span {
font-size: 1.3rem;
color: white;
padding: 0 0.5rem 0 0rem;
max-width: 100%;
cursor: pointer;
opacity: 0.3;
}
#jvchat-leftbar-button span:hover {
opacity: 1;
}
#page-messages-forum {
margin: 0;
padding: 0;
display: flex !important;
line-height: 1.42857;
font-size: 0.875rem;
}
#page-messages-forum > .layout__contentMain {
display: flex !important;
padding: 0 !important;
height: 100%;
max-width: unset !important;
width: 100% !important;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 0.3125rem;
font-weight: 700;
}
#forum-main-col {
flex-basis: 35rem;
flex-grow: 100;
overflow-x: auto;
position: relative;
min-width: 13rem;
}
#jvchat-right-padding {
flex-shrink: 1000;
flex-grow: 0;
}
#forum-main-col > .conteneur-messages-pagi,
#forum-main-col > #listMessages,
#forum-main-col > .container__main > #listMessages {
display: flex;
flex-direction: column;
}
#forum-main-col > .container__main {
display: flex;
flex-direction: column;
flex: 1;
}
#page-messages-forum > .container-content {
padding: 0;
max-width: unset;
min-width: unset;
min-height: unset;
max-height: unset;
}
.form-post-message {
margin: 0;
}
#message_topic,
#message_reponse {
resize: none;
min-width: unset;
}
#message_topic,
#message_reponse {
max-height: 130px;
height: 130px !important;
line-height: normal;
}
.simpleButton.postMessage {
/* border: 2px solid var(--jv-border-color); */
border: 1px solid #bebecc;
background-color: inherit;
}
.simpleButton.postMessage:focus,
.simpleButton.postMessage:hover {
background-color: var(--jv-border-color);
}
#bloc-formulaire-forum {
margin-bottom: 5px !important;
margin-left: 5px ! important;
}
.messageEditor__containerPreview {
display: none;
}
.messageEditor__containerEdit {
margin-bottom: 0px;
width: 100%;
}
#forums-post-message-editor > form:not([class]),
#forums-post-message-editor > form.messageEditForm {
display: flex;
align-items: center;
}
.simpleButton.postMessage {
height: 4rem;
width: 3rem;
margin: 0 0.4rem;
}
.postMessage__label {
display: none;
}
.jvchat-edition-textarea {
resize: none;
width: 100%;
max-height: 6.5rem;
min-height: 3.5rem;
}
.jvchat-edition-textarea {
height: 5rem;
}
.jvchat-reduced #message_topic,
.jvchat-reduced #message_reponse {
padding: 0.3rem;
height: 1.7rem;
max-height: 6.5rem;
overflow: auto;
}
.jvchat-reduced .jv-editor .conteneur-editor > * {
display: none;
}
#jvchat-buttons-main button {
padding: 0;
width: 3rem;
height: auto;
}
#jvchat-post::before {
font-family: "jvchat-icons";
content: "\uEA28";
font-size: 1rem;
}
#jvchat-reduce::before {
font-family: "jvchat-icons";
content: "\uEA8E";
font-size: 1.4rem;
}
#jvchat-enlarge::before {
font-family: "jvchat-icons";
content: "\uEA84";
font-size: 1.4rem;
}
.jvchat-buttons {
display: flex;
flex-direction: row;
}
.jvchat-buttons button {
border: 0.0625rem solid #bebecc;
border-left-width: 0;
height: 100%;
background: white;
color: gray;
}
.jvchat-buttons .jvchat-button-solo {
border-radius: 0 0.3rem 0.3rem 0;
}
.jvchat-buttons .jvchat-button-top {
border-radius: 0 0.3rem 0 0;
}
.jvchat-buttons .jvchat-button-bottom {
border-radius: 0 0 0.3rem 0;
border-top: 0 !important;
}
.jvchat-textarea {
border-radius: 0.3rem 0 0 0.3rem !important;
border: 0.0625rem solid #bebecc !important;
border-right-width: 0 !important;
color: inherit !important;
}
.jvchat-buttons button:hover {
background: lightgray;
color: black;
}
.jvchat-buttons button:focus {
outline: none;
border: dotted 1px !important;
color: black;
border: blue;
}
#forum-main-col {
display: block;
padding: 0;
max-width: unset;
}
#jvchat-leftbar > .panel {
margin: 0;
padding: 0 0.5rem;
}
#jvchat-config {
line-height: 1.4;
}
#jvchat-leftbar #jvchat-profil .titre-info-fofo,
#jvchat-leftbar #jvchat-configuration .titre-info-fofo {
margin-top: 0.5rem;
}
#jvchat-configuration-intro {
color: grey;
font-size: 0.84rem;
}
#jvchat-leftbar .titre-info-fofo {
margin-top: 1rem;
}
.jvchat-config-option {
margin-top: 2rem;
}
.jvchat-config-option p {
font-size: 0.83rem;
}
.jvchat-config-option > label {
margin-bottom: 0.15rem;
}
.jvchat-range-option {
display: flex;
}
.jvchat-range-option > span {
white-space: nowrap;
margin: 0px 10px;
}
.jvchat-range-option > input {
width: 65%;
}
.jvchat-message {
display: flex;
margin-bottom: 0.35rem;
}
.jvchat-bloc-message {
animation-duration: 0.5s;
animation-name: slidein;
}
.jvchat-message-deleted > div {
opacity: 0.2;
filter: grayscale(100%);
}
.jvchat-message-deleted {
position: relative;
}
.jvchat-message-deleted:after {
content: "Message supprim\u{0000e9}";
position: absolute;
top: 40%;
left: 50%;
color: gray;
font-weight: bold;
opacity: 0.7;
}
.jvchat-message-deleted .jvchat-delete,
.jvchat-message-deleted .jvchat-edit {
display: none;
}
@keyframes slidein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.jvchat-toolbar {
margin: 0 0 0.3rem 0;
}
.jvchat-author {
margin: 0;
display: inline-block;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.1;
}
.jvchat-tooltip {
display: flex;
float: right;
color: gray;
}
.jvchat-picto {
margin-right: 0.3rem;
visibility: hidden;
display: inline-block;
width: 1rem;
height: 1rem;
}
.jvchat-bloc-message:hover .jvchat-picto {
visibility: visible;
cursor: pointer;
opacity: 0.25;
}
.jvchat-picto:hover {
opacity: 1 !important;
}
.jvchat-quote {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOwAAAAQCAYAAAAVg5N2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA0NDA1MUFGNTYzMTExRTU5Q0Q4RUFCRkUxRkZGMjVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA0NDA1MUIwNTYzMTExRTU5Q0Q4RUFCRkUxRkZGMjVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ0MDUxQUQ1NjMxMTFFNTlDRDhFQUJGRTFGRkYyNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDQ0MDUxQUU1NjMxMTFFNTlDRDhFQUJGRTFGRkYyNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5sVxEbAAAL3ElEQVR42uxb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) -1.25rem
0 no-repeat;
}
.jvchat-edit {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOwAAAAQCAYAAAAVg5N2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA0NDA1MUFGNTYzMTExRTU5Q0Q4RUFCRkUxRkZGMjVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA0NDA1MUIwNTYzMTExRTU5Q0Q4RUFCRkUxRkZGMjVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ0MDUxQUQ1NjMxMTFFNTlDRDhFQUJGRTFGRkYyNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDQ0MDUxQUU1NjMxMTFFNTlDRDhFQUJGRTFGRkYyNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5sVxEbAAAL3ElEQVR42uxb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) -2.5rem
0 no-repeat;
}
.jvchat-delete {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOwAAAAQCAYAAAAVg5N2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA0NDA1MUFGNTYzMTExRTU5Q0Q4RUFCRkUxRkZGMjVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA0NDA1MUIwNTYzMTExRTU5Q0Q4RUFCRkUxRkZGMjVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ0MDUxQUQ1NjMxMTFFNTlDRDhFQUJGRTFGRkYyNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDQ0MDUxQUU1NjMxMTFFNTlDRDhFQUJGRTFGRkYyNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5sVxEbAAAL3ElEQVR42uxb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) -10rem
0 no-repeat;
}
.jvchat-edition {
display: flex;
}
.jvchat-edition-check {
color: darkgreen !important;
}
.jvchat-night-mode .jvchat-edition-check {
color: green !important;
}
.jvchat-edition-check::before {
font-family: "jvchat-icons";
content: "\uEA0E";
}
.jvchat-edition-cancel {
color: darkred !important;
}
.jvchat-night-mode .jvchat-edition-cancel {
color: red !important;
}
.jvchat-edition-cancel::before {
font-family: "jvchat-icons";
content: "\uEA77";
}
.jvchat-edition-textarea {
outline: none;
width: 100%;
background-color: var(--jv-input-bg-color);
}
.jvchat-edition-textarea {
color: inherit !important;
}
hr.jvchat-ruler:first-of-type {
margin-top: auto;
}
.jvchat-ruler {
opacity: 1;
margin: 0rem 0rem 0.35rem 0rem;
border: 0;
border-style: solid;
border-top: 0.0625rem solid var(--jv-disabled-bg-color);
border-top-width: 0.0625rem;
border-bottom-width: 0.0625rem;
border-block-end-color: var(--jv-border-color);
box-sizing: content-box;
height: 0 !important;
color: unset;
background-color: unset;
}
#jvchat-ruler-new {
border-bottom: 1px outset gray;
}
.jvchat-bloc-author-content {
overflow: hidden;
width: 100%;
margin-left: 0.875rem;
}
.jvchat-content {
font-size: 0.835rem;
line-height: 1.1rem;
}
.jvchat-content > .txt-msg > p:last-of-type,
.jvchat-content > .messageUser__msg > p:last-of-type {
margin-bottom: 0;
}
.jvchat-content > .txt-msg p,
.jvchat-content > .messageUser__msg p {
margin-bottom: 0.2rem;
}
.jvchat-content .text-enrichi-forum blockquote.message__blockquote,
.jvchat-content blockquote.message__blockquote {
margin: 0.2rem 0;
padding: 0rem 0.3rem 0 0.3rem;
color: #8b8b8b;
}
/* [ADD Fix Bloquote] */
.jvchat-content blockquote.message__blockquote {
padding-top: 0 !important;
}
/* [ADD Fix Bloquote] */
.message__collapsedQuote::before {
position: relative;
}
.jvchat-content .text-enrichi-forum .message__collapsedQuote,
.jvchat-content .message__collapsedQuote {
position: relative !important;
}
.jvchat-rounded {
overflow: hidden;
border-radius: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.jvchat-bloc-avatar {
min-width: 40px;
min-height: 40px;
width: 40px;
height: 40px;
box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.45);
}
#jvchat-user-avatar-link {
width: 60%;
min-width: 3rem;
min-height: 3rem;
margin: auto;
}
.jvchat-user-avatar {
width: 100%;
padding-top: 100%;
}
.jvchat-content .img-shack,
.jvchat-content .message__urlImg {
height: 39px;
width: 52px;
display: inline-block;
vertical-align: bottom;
margin-bottom: 0.27rem;
overflow: hidden;
object-fit: contain;
}
.jvchat-content .img-stickers,
.jvchat-content .message__urlImgSticker,
.jvchat-content .message__sticker {
max-height: 39px;
min-height: 39px;
min-width: unset; /*Disable Value of JVC*/
width: auto;
display: inline-block;
vertical-align: bottom;
margin-bottom: 0.1rem;
}
#jvchat-main .bloc-spoil-jv .open-spoil {
position: unset;
display: none;
}
.new-stickers {
background-color: unset;
}
#jvchat-user-mp {
font-size: 2rem;
margin: auto;
position: relative;
}
#jvchat-user-mp::before {
font-family: "jvchat-icons";
content: "\uEA43";
}
#jvchat-user-notif {
font-size: 2rem;
margin: auto;
position: relative;
}
#jvchat-user-notif::before {
font-family: "jvchat-icons";
content: "\uEA7B";
}
#jvchat-user-notif.has-notif::after,
#jvchat-user-mp.has-notif::after {
z-index: 2;
content: " " attr(data-val) "";
color: #fff;
line-height: 1.25rem;
font-size: 0.9rem;
padding: 0 0.25rem;
position: absolute;
top: 0.6875rem;
right: -0.6875rem;
background: #ff3c00;
width: 1.1rem;
height: 1.1rem;
border-radius: 1rem;
}
#jvchat-user-pseudo {
margin: 0.5rem;
text-align: center;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.1;
/* overflow-x: hidden; */
}
#jvchat-user-info {
display: flex;
}
#jvchat-mp-and-notif {
position: unset;
display: flex;
justify-content: center;
flex-direction: column;
margin: auto;
}
#jvchat-topic-link {
color: white;
}
#jvchat-topic-info {
display: flex;
flex-direction: column;
}
#jvchat-topic-nb-connected {
color: lightgray;
}
#jvchat-topic-nb-messages {
color: lightgray;
}
#bloc-formulaire-forum .jv-editor > .conteneur-editor {
margin: 0;
border: 0;
padding: 0.5rem;
line-height: normal;
}
.buttonsEditor__button {
font-size: 1.2rem;
height: 1.2rem;
width: 1.2rem;
line-height: 1rem;
text-align: center;
}
.buttonsEditor__group {
margin-right: 0.4rem;
}
.buttonsEditor__groupPreview {
display: none;
}
#jvchat-main {
overflow-y: auto;
padding: 0.35rem 0.875rem;
display: flex;
flex-direction: column;
}
#jvchat-leftbar > .panel-jv-forum {
height: 100%;
overflow-y: auto;
}
#jvchat-leftbar.jvchat-leftbar-reduced {
flex-grow: 0;
flex-shrink: 10;
width: auto;
}
#jvchat-leftbar.jvchat-leftbar-reduced > .panel > .panel-body {
display: none;
}
#jvchat-leftbar.jvchat-leftbar-reduced #jvchat-leftbar-button {
position: relative;
}
#jvchat-leftbar.jvchat-leftbar-reduced span {
padding: 0;
}
#jvchat-leftbar > .panel {
position: relative;
}
.disabled-content {
opacity: 0.3;
cursor: not-allowed;
pointer-events: none;
}
#jvchat-sondage-bloc {
background: unset;
padding: 0;
}
#jvchat-sondage-bloc .pourcent {
background: unset;
width: 5rem;
}
#jvchat-sondage-bloc .back-barre {
width: 5rem;
}
#jvchat-sondage-bloc .tab-choix {
margin-bottom: 1rem;
}
#jvchat-sondage-choix.notanswered .result-pourcent {
display: none;
}
#jvchat-sondage-choix.notanswered .reponse {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAG0lEQVQImWP4DwUMyOA/EqBAAkOQsACyILL5ACUbV6n3UrG0AAAAAElFTkSuQmCC")
no-repeat left 0.35rem;
padding-left: 0.7rem;
}
#jvchat-sondage-choix.notanswered .reponse > div {
cursor: pointer;
}
#jvchat-turbo {
display: inline-block;
cursor: pointer;
margin-top: 0.3rem;
-webkit-tap-highlight-color: transparent;
position: relative;
}
#jvchat-turbo i {
position: relative;
display: inline-block;
margin-right: 0.5rem;
width: 46px;
height: 26px;
background-color: #e6e6e6;
border-radius: 23px;
vertical-align: text-bottom;
transition: all 0.3s linear;
}
#jvchat-turbo i::before {
content: "";
position: absolute;
left: 0;
width: 42px;
height: 22px;
background-color: #fff;
border-radius: 11px;
transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
transition: all 0.25s linear;
}
#jvchat-turbo i::after {
content: "";
position: absolute;
left: 0;
width: 22px;
height: 22px;
background-color: #fff;
border-radius: 11px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
transform: translate3d(2px, 2px, 0);
transition: all 0.2s ease-in-out;
}
#jvchat-turbo:active i::after {
width: 28px;
transform: translate3d(2px, 2px, 0);
}
#jvchat-turbo:active input:checked + i::after {
transform: translate3d(16px, 2px, 0);
}
#jvchat-turbo input {
display: none;
}
#jvchat-turbo input:checked + i {
background-color: #4bd763;
}
#jvchat-turbo input:checked + i::before {
transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
}
#jvchat-turbo input:checked + i::after {
transform: translate3d(22px, 2px, 0);
}
#jvchat-turbo-span {
position: absolute;
margin-top: 4px;
}
#jvchat-alerts.jvchat-hide-alerts #jvchat-turbo-warning,
#jvchat-alerts.jvchat-hide-alerts #jvchat-degraded-refresh-warning {
display: none !important;
}
#jvchat-main.jvchat-hide-mosaics .jvchat-mosaic-root::before {
content: "Mosa\u{0000ef}que Cach\u{0000e9}e \u{0000af}\\\\_(\u{0030c4})_/\u{0000af}";
color: black;
text-align: center;
font-size: 10px;
display: block;
height: 55px;
width: 55px;
background: white;
border: solid #f00;
}
#jvchat-main.jvchat-hide-mosaics .jvchat-mosaic-root {
pointer-events: none;
}
#jvchat-main.jvchat-hide-mosaics .jvchat-mosaic {
display: none;
}
#jvchat-turbo-delay-range,
#jvchat-max-width-range,
#jvchat-hide-mosaic-checkbox,
#jvchat-hide-mosaic-span,
#jvchat-night-mode-checkbox,
#jvchat-night-mode-span,
#jvchat-load-images-checkbox,
#jvchat-load-images-span,
#jvchat-play-sound-checkbox,
#jvchat-play-sound-span,
#jvchat-citation-checkbox,
#jvchat-citation-span {
cursor: pointer;
}
#jvchat-citation.jvchat-config-option {
display : none;
}
.jvchat-night-mode #jvchat-leftbar > .panel {
background-color: #2f3136 !important;
}
.jvchat-night-mode {
color: #dcddde !important;
scrollbar-color: #191a1c #2f3136 !important;
}
.messageEditor__containerEdit--focus {
color : unset;
}
#bloc-formulaire-forum {
padding-right: 0 !important;
padding-left: 0 !important;
}
.jvchat-night-mode .jvchat-ruler {
border-color: #2e3035 !important;
border-top: 1px solid transparent !important;
}
.jvchat-night-mode .conteneur-editor,
.jvchat-night-mode .bloc-editor-forum,
.jvchat-night-mode .jvchat-bloc-message,
.jvchat-night-mode .conteneur-messages-pagi {
background-color: #36393f !important;
}
.jvchat-night-mode .container__main ,
.jvchat-night-mode .messageEditor__buttonEdit,
.jvchat-night-mode .messageEditor__containerEdit {
background-color: #36393f !important;
}
.jvchat-night-mode #message_topic,
.jvchat-night-mode #message_reponse,
.jvchat-night-mode .btn-group {
background: #484c52 !important;
}
.jvchat-night-mode .messageEditor__topInfo {
background-color: #484c52 !important;
}
.jvchat-night-mode .jvchat-bloc-avatar {
box-shadow: -3px 3px 7px black !important;
}
.jvchat-night-mode #jvchat-leftbar > .panel {
background-color: #2f3136 !important;
}
.jvchat-night-mode .jvchat-edition-textarea {
background: #484c52 !important;
}
.jvchat-night-mode .jvchat-buttons button {
background: #484c52 !important;
}
.jvchat-night-mode .messageUser__msg.txt-msg blockquote.message__blockquote {
border-left-color: #484c52 !important;
}
.jvchat-night-mode .messageUser__msg.txt-msg .message__collapsedQuote::after {
background-color: #484c52 !important;
border-color: #737373 !important;
color: #737373 !important;
}
.jvchat-night-mode .messageUser__msg.txt-msg .message__collapsedQuote:hover::before {
color: #cbcdce !important;
}
.jvchat-night-mode .message__spoil .message__spoilContent {
background-color: #2d2d2d !important;
border-color: #202020 !important;
color: #dcddde !important;
}
.jvchat-night-mode .text-enrichi-forum blockquote.message__blockquote {
border-left-color: #484c52 !important;
}
.jvchat-night-mode .text-enrichi-forum .message__collapsedQuote::after {
background-color: #484c52 !important;
border-color: #737373 !important;
color: #737373 !important;
}
.jvchat-night-mode .text-enrichi-forum .message__collapsedQuote:hover::before {
color: #cbcdce !important;
}
/* Lavydavant */
.panel-jv-forum {
background-color: #2a2a2a !important;
border-radius: 0 !important;
}
.panel-body {
color: #ffffff !important;
}
.panel-body .titre-info-fofo {
color: #ffca20;
font-weight: 500;
line-height: 1.1;
font-size: 0.875rem;
text-transform: uppercase;
border-bottom: 0.0625rem solid #9c9da7;
padding-bottom: 0.5rem;
margin: 0 0 0.5rem;
}
#jvchat-mp-and-notif .nav-link,
.nav-link-search,
.account-pseudo,
.jv-account-number-mp,
.jv-account-number-notif {
color: white !important;
}
/* Revert random CSS changes by Webedia */
.jvchat-alert-close {
float: right;
font-size: 1.3125rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 0.0625rem 0 #fff;
filter: alpha(opacity=20);
opacity: 0.2;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.jvchat-alert-close:focus,
.jvchat-alert-close:hover {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 0.5;
}
#jvchat-leftbar-config-open::before {
content: "\uEA6F";
font-family: "jvchat-icons";
}
#jvchat-leftbar-config-close::before {
content: "\uEA13";
font-family: "jvchat-icons";
}
#jvchat-leftbar-reduce::before {
content: "\uEA8C";
font-family: "jvchat-icons";
}
#jvchat-leftbar-extend::before {
content: "\uEA88";
font-family: "jvchat-icons";
}
/*[ADD RESPONSIVE MOBILE]*/
@media (max-width: 612px) {
.jvchat-content > .messageUser__msg {
overflow: visible;
}
}
.container__main { /* Fix Reponsive Respawn 2 */
padding: 0 !important;
}
.container__messages { /* Fix Reponsive Respawn 2 */
margin-left: 0;
margin-right: 0;
}
/*[ADD RESPONSIVE MOBILE]*/
/* [ADD Color] */
.jvchat-author > a:not([class*="messageUser__label--"]),
.jvchat-author > a:not([class*="messageUser__label--"]):hover {
color: inherit;
text-decoration: none;
}
/* [ADD Color] */
/* [ADD Captcha] */
.messageEditor__containerEdit ~ div:not([class]):not(:last-of-type) {
display: none;
}
/* [END Captcha] */
/* [ADD CSS LEGACY JVC ALERTE] */
.alert {
--jv-alert-bg: transparent;
--jv-alert-padding-x: 1rem;
--jv-alert-padding-y: 1rem;
--jv-alert-margin-bottom: 1rem;
--jv-alert-color: inherit;
--jv-alert-border-color: transparent;
--jv-alert-border: 0.0625rem solid var(--jv-alert-border-color);
--jv-alert-border-radius: 0.75rem;
position: relative;
padding: var(--jv-alert-padding-y) var(--jv-alert-padding-x);
margin-bottom: var(--jv-alert-margin-bottom);
color: var(--jv-alert-color);
background-color: var(--jv-alert-bg);
border: var(--jv-alert-border);
border-radius: var(--jv-alert-border-radius);
}
.alert-danger {
--jv-alert-color: #842029;
--jv-alert-bg: #f8d7da;
--jv-alert-border-color: #f5c2c7;
filter: brightness(var(--jv-alert-brightness));
}
.alert-warning {
--jv-alert-color: #997404;
--jv-alert-bg: #fff3cd;
--jv-alert-border-color: #ffecb5;
filter: brightness(var(--jv-alert-brightness))
}
.alert-success {
--jv-alert-color: #0f5132;
--jv-alert-bg: #d1e7dd;
--jv-alert-border-color: #badbcc;
filter: brightness(var(--jv-alert-brightness))
}
/* [END CSS LEGACY JVC ALERTE] */
/* [ADD CSS LEGACY JVC SONDAGE] */
.bloc-sondage {
position: relative;
padding: 1.25rem;
background: #46556d;
border-radius: 0.25rem
}
.bloc-sondage .lib-sondage {
margin: 0;
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size: 1.625rem;
line-height: 1em;
color: #fff;
margin-bottom: 0.9375rem
}
.bloc-sondage .intitule-sondage {
font-family: "Roboto",Arial,Helvetica,sans-serif;
font-size: 1.0625rem;
line-height: 1.25rem;
color: #fff;
margin-bottom: 1.25rem
}
.bloc-sondage .tab-choix .pourcent {
width: 6.25rem;
height: 1.25rem;
background: #323d4e;
color: #fff;
text-align: right;
padding: 0 0.3125rem;
font-size: 0.75rem;
line-height: 1.25rem;
font-weight: 700
}
.bloc-sondage .tab-choix .back-barre {
width: 6.25rem;
height: 0.375rem;
background: #5a6e8c
}
.bloc-sondage .tab-choix .back-barre span {
height: 0.375rem;
background: #e4e9f1;
display: block;
transition: 1s width
}
.bloc-sondage .tab-choix .result-pourcent {
vertical-align: top;
padding-top: 0.1875rem;
padding-bottom: 0.625rem
}
.bloc-sondage .tab-choix .reponse {
color: #fff;
font-size: 0.75rem;
padding-left: 0.4375rem;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
vertical-align: top;
line-height: 1rem
}
.bloc-sondage .tab-choix .reponse a {
color: #fff
}
.bloc-sondage .pied-result {
margin-top: 0.625rem;
padding: 0.625rem 0;
margin-bottom: 2.8125rem;
color: #fff;
overflow: hidden;
font-size: 0.8125rem;
line-height: 1em;
font-weight: 700
}
.bloc-sondage .pied-result .lien-jv {
color: #fff;
float: right
}
.bloc-sondage .bloc-sondage-prec {
width: 12.5rem;
height: 1.875rem;
font-family: "Roboto",Arial,Helvetica,sans-serif;
font-size: 0.8125rem;
line-height: 1.875rem;
padding: 0 0.625rem 0 0.625rem;
text-transform: uppercase;
background: #fff
}
.bloc-sondage .bloc-sondage-prec .lien-jv {
display: block
}
.bloc-sondage .bloc-sondage-prec .lien-jv:hover {
text-decoration: none
}
.bloc-sondage .bloc-sondage-prec .lien-jv span {
color: #46556d
}
.titre-head-bloc-sondage {
margin-bottom: 0.9375rem;
overflow: hidden;
padding-bottom: 0.625rem
}
.titre-head-bloc-sondage .titre-bloc {
font-size: 1.125rem;
line-height: 1em;
color: #fff
}
.bloc-options-sondage {
position: absolute;
right: 1.25rem;
top: 0.9375rem
}
.bloc-options-sondage span {
color: #fff;
font-weight: 700
}
.bloc-sondage.sondage-fofo {
margin-bottom: 1.25rem
}
.bloc-sondage.sondage-fofo:before {
border: 0
}
.bloc-sondage.sondage-fofo .pied-result {
margin-bottom: 0;
padding-bottom: 0
}
/* [END CSS LEGACY JVC SONDAGE] */
</style>`;
let freshHash = undefined;
let freshDeletionHash = undefined;
let freshPayload = undefined;
let firstMessageId = undefined;
let firstMessageDate = undefined;
let lastEditionTime = {}; // id => [timestamp, edition, deleted]
let messagesByPage = {};
let userConnected = undefined;
let updateIntervals = [2, 3, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 10, 10, 10, 10, 10, 10, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 30, 30, 30, 30, 30, 30, 30, 30, 60];
let transisitions = [0, 0, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 3, 3, 3, 3, 3, 3, 13, 13, 13, 13, 13, 13, 13, 13, 13, 13, 13, 13, 19, 19, 19, 19, 19, 19, 19, 19, 31];
let updateIntervalIdx = 2;
let updateIntervalMax = updateIntervals.length - 1;
let isLocked = false;
let isError = false;
let isAlert = false;
let isReduced = true;
let nbNewMessage = 0;
let topicNbMessages = 0;
let favicon = undefined;
let faviconLoaded = false;
let faviconTextWhenLoaded = "";
let currentUser = { notif: undefined, mp: undefined, author: undefined, avatar: undefined };
let currentTopicTitle = undefined;
let turboActivated = false;
let turboDateActivated = undefined;
let turboWarnTimeoutId = -1;
let turboDateSessions = [];
let refreshDegraded = false;
let refreshDegradedTimeoutId = -1;
let timeoutedDates = [];
let sondageChoices = undefined;
let urlToFetch = undefined;
let urlToRefreshInfos = undefined;
let urlToCheckEdited = undefined;
let currentFetchedPage = 1;
let currentTimeoutId = -1;
let shouldCheckEdited = false;
let checkEditedInterval = 30000;
let postingMessage = false;
let fetchingMessages = false;
let leavingTopic = false;
let storageKey = "jvchat-premium-fork-configuration";
let ringBell = undefined;
let configuration = undefined;
function defaultConfig() {
return {
default_reduced: false,
turbo_delay: 500,
max_width: 100,
hide_alerts: false,
play_sound: false,
night_mode: false,
load_images: false,
hide_mosaic: false,
show_pseudo: true,
turbo_alerted: false,
sound: "data:audio/mp3;base64, SUQzBAAAAAAAI1RTU0UAAAAPAAADTGF2ZjU4LjI3LjEwMgAAAAAAAAAAAAAA//uQwAAAAAAAAAAAAAAAAAAAAAAASW5mbwAAAA8AAAAVAAAj6gAXFxcXIiIiIiIuLi4uLjo6Ojo6RUVFRVFRUVFRXV1dXV1oaGhoaHR0dHR/f39/f4uLi4uLl5eXl5eioqKirq6urq66urq6usXFxcXF0dHR0d3d3d3d6Ojo6Oj09PT09P////8AAAAATGF2YzU4LjUxAAAAAAAAAAAAAAAAJAYeAAAAAAAAI+ptpORkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//uQxAADk4YMnkEhl4L4QRnAkKWBAABvophhAsi/Z+qFd2/d6uJ0lh9XV7KPPMdJgaUaIgujxzFGPE2ktRjxMTdXafzC28Vcbwo49HSYm3ib//mKurj+JgaIQcgyDMRDNi9L0vfOvRuBajLZ43Tc3OpfNxlcpVn6zZnYGX17G2cbSHJsbni9huBKuNCwvyZzbROL6bBCmMSiP5MXwbM1+PvnK2dVn6zf7crHG5/f1on7+GLo95cEwwKGORk76jMgZR0gwgc35/kBJJRgjfGcBGBAjaY/LgmbxIEFRWTz65JBdui5ORgmSZOc/7Xd7nyMVituHKOKAYd/NcnrKFBiewUYXUFBinxRqR3qMKMdQUMYvs6tHvTBM3BG3y4Az8GFwTJ+u3/hBFv/qEme5IECCBACCIxepOI24UoSRC4/CEFDorbpAFAQJDfRpMeF6RrMo9pAupKGT678mgVJ/ygADLcECbamKEkCMA4G266kS6ogAAE6IOYiTB3hct+2Zn5mf37DhZ3bfsbXvn9nPxhyEQwPiPGsPKHktr41h5CYLHeO//uSxBiAWpYI6qMlhgsfQJ8UkydJz/FiwzXksn2WZt2wbiOT473mjZm+2vP7TBGSCwzGsMDBYrOCZ2OQvzy9/jh1eJZmeUHAmRTRu86vudv9swiWfsQn/sLDNf7FV8evkgwq/Pbe7b8z18Xxr7HB4sWcwYCOT7wLGV71HxzBujMIjM/M3KUWLFhgYGC/5bfOBIMHCoYcsocRMUJBgTDBxYsu/NFk9RxxhfHczMxDEc/Xzx2JZ+Zv0IIIRREywsymjLMljdU/60XWzDLlSC14oaEi6FAycKiUdQhsTk4sJl5Km0TcSUPFjtQSreVAGPChZAFsiLMOhR8RaqPIqT6SJEKcWCxAXJ1hpM4QJKtJE54NLEQy2nWLIi9U2uUtm5Mi8ZyGzxAQDsT725QkyqhRsng0rNGJ9w0gc+goygow8MQNwgSzklPWsIzKZRlNCRLE4VdFnEotKEiq7i0idygay2ER4WJ3NFSIujLui6pu3G0fal9afC2ZoUUKjIWYLoRzdUAAAdtpSljUoFR5tpa6VJceiiaHDKyryQtY1RaBIqHKCP/7ksQQgdjCDPikmTNDCcEfFpKQAbMWTEgjwookDhlpkMDi0ThgQQoUYMvTxCPIpgE8QtE+iKLJFCaiS1VcPj7oIJ1mKzmPH00MlFEbM0bI7PKWKxNGYJ56kmuwC4mXmpBsPHBE/TZKZgoda0PsIiRuyBhhD0MN9lhsgGl+F5oGnFyLHqRdYhkJh0hm1iCrUgZu7XP1B9HTSYJ8wII2TmTBoiHjR5VyN57mBimSWQ8YQCp74PyStZBpfQiPUwwo6J29FKqU5tm51Ml50i0jbJAqtNDvaWenZaLiyjVFVm4ymRLzQxQYhqDaqMqsVbiojXw5QqNIrg0JaYabfFVZCUQKnzkqiTMMGS1uJywzXkqjbe2Xb7/JFjEpL8rJAmhXQoQsnBah1z8ONl7KYomR0StnWab0jE1XhhRG66EiDQems0rU+WQkicIzbs1AUmyClUCGCbRAcWGpIiQqwzofM0sTsnjaSMrFlzTK6jiOKzxWxcbRpa5glRW0Zqmi6gBBDBEACALWUugs4tZMZIP8t+jGcU5EGdz1uIbn9Zh2zVgWEYb/+5LEEoAZei0VGbqAAy4iZKs7oAD4BmU5AbSaCkossWMiAGpiYCivAOCqbppug0DDoJAABgGEgEOTfZrLWJiFgwt7Aw2DQsrqv03d1EmTAjgPUFOBtRva5vtgMAACQDI4kBcZEzjaVfX06eHphaOLGZl4nBH5sXNuvUqv1LescZFzcnDE3LiEc8n+y6PrQTqq7VLqTpIkXJ9Avl83PZgThomlapdr6ft/9f7+tW//5mm7JsgjNkC4X3ZMzAAAAWAbmrqUSQAAMVRlNvVeMfhNPPjuMQluMzHVNFVoNDkZMSTSMBQXLhiQNGGQ3mU4lGAA0g4XDAcDTI4TjiCTXC29d8FGlNhGQIQoEFv2p2kTIoLYcFnAcTdqXkJYrJ3Nr/GhVFgqsW+AqwFXnOtaVONCuUD+khdnV6hYi5CYQyJOABicvrN3VRIiud/LF9W9VzDL+vqyafdL+fu1nj//j/+QB0cJXvmcipYZeFqOHN83j9LAvP7r//8ccsq3fv1b/2fgHBqPb//7qgAAAJBWQAAAADDJAdOccBowvjtzJ2QSML4X//uSxA0AGHTtFzntAAL5J+S3O1AAI5dhYzFfBjMEoF8KgBg4MMw6AxDAyA/MJQFkyHgazC0D4MRAKswIBCgMHUBFYYFLyp4qxxsKjELWfjSBcjM2GS26FprSHdvAiaPSLkqCxUWyTn3sxEBodWeOHGMsuujCLFNlrKZiu9/rOi5lrW7Pf3h39d/+7//7++c/3s1jvWu9uS3veb/LdYk+01yt1xNZEA0srFD4o/RSMTqzqn/+Q+Gb5HmneeUe/OgAAACwRggShMAAAAEAGNrBG1LlmNJYn755GQCQnXzmGC4dCoEmOYSo4mCQkm7SmBUGh4swwAwcXRi0XZouO4GCAYF9wFgARgGlD0BkwBGw8GJgPBfAw2DwMsDYAYSByAgCbOGRhzrhjELogYHBYIgGi6CMrnSBHzQDC4PAwOAQ48dYYjXfZE0WmziDwbXEDiUBKYzfr/5XIAQRgbHCWTr//8nEEDAgBUEEC1///8uFw0J8vn2Jsrmjf6/3wQghAAc1zBymsrBAAhYOnDowmajnJNAJXOSyc+coDERfPcFAmEp6gP/7ksQSgBnxJTT5zQADCJ3iw7/QAGgYfG+lOYsQQjHpksZBwhMUCExpA8DM8lcBGT6xmdlY4CBVYX2aVD0ASOTs5ZaUDB61JngKhoeHRKYEZSVOeKjDDsjCGQMVdd/Y3PSmB5VJtygVCAaKCp0lsPBLSEU61/WebEmzb/Fc0rTRMcLNENSJV7zdZNqf3zPXHGfrf3a0Aw9IgYFDDqsLWcL/43VsOzy5///vV3/pqbeXZJALQJVXluPP/+/Z5/yRYKgFZgMQFSYIsESmF7D1ZhTYWGYuyxYmKBhV5giwHOYFkA/goA0MB4AnDAXQDswOkA0AgEQYACA+mAXARZgRQASYBUBlmSA5n0hzmQIlmGQKmMAGmDwMqNICwSAAsBCUiGzZUvVyxi3X1HYym8YHg0VjOYdAWmbAUxWlkuf7v1cpbRdyrVfkFSMpGmEwHl2W9lt7f2P1g6Xb//+OOqtncGpWu9R/yrzv7z5//////vXcMqa1YoyQO6V/IPT+/5yr/7dyAEOGQxkBUzVMo9K5gxZkF2NAyJAjMCwUIDByBvkYmMD/+5LEEAAWsLUULv+CQ3qq6XW8vj7iYmQRn4ogkiiMZGTxga1Ixm+VH4i+HBQ1C3DaqGMehIxyNQEuGHUbT6URgmpbp5mZLZVOSR9l9A4ogABg4EtdcGXQdW13vf1e5y/T361NK11w67T9drzmFTv3LPKnf5vP+ct3aXIJXstY1DoXYoeTLtY8Ecag+evA7depy32yo0NisJLa5gsRUasPb/Fxf0NdBMjFMVQAKQJkUksbEuXnBRCMEAIZbbAoMQFjwOW7BwcYkEEwCWzUnDEMNbU0gld8LjEHOm18oDBIZhkmiiZYJomlAYEARpL/pwQ3L4hRV7copIMXRLWttff+N28IbcuAgIYbkhxKJAln0+1b1dtwXQ0lMNsCDj+piO6oHAy5HkaW67gJrr4TAaKXfZ0YBxsPG4gLJo2KWN3YnIog5BBBD0cK4SxJmW3MinRh/mWuDIXZc1coGp0p3ZIAUgxEWZbah7coIqvneRMZv9X3im6f3+M3pKxwjkdF/IWq0+q4TJK/tErVADlC2K3ggCkwexEjEKCdMrlb0yJgXzBD//uSxAwDF4FDKE9p6UsXKWKF/lE6B5MQQpA0qBFDrVwswNikEhZjBosQNDAAfY0R43a4iLAQWY4WQiAgsBAJI7McCMSlMcwOOUDBEVGYhRcjHPt6ynFGguLc9o+3CteK1k4Tr8kABUaI+mlfNNTqlucpWWErqMV3un1s1bVbAVzedMQBSAQi7xF5mnexdQmFli4jZr7Y3WuN1i41i+oBfkKfS7vXVvWtf/////////atcQlc5A0XJLtAAwAXEQBYAQIUwRENfMJ2BvzMkCgMxi0HLMGGBFjCvxag1hQCfAaVMzlsxAOwUHioAzH4KEJHMIoczWPU1Ep1xighBwNlCE8wknT2o0Gi8jSyZ1Xmlr4s1IQs/7hLzVNL3yyyLpwyTWkdIYOeBiUgyhZKTmCB0gIeqGbZmRMi8ZEqSKkkltZF3VompFRaQYCNVot1IPrZFmWyK2oVEOWtFrKky+rWvS0k6lKrV6nWjUyaJ1AqgKOI34wQdW8lev0QH6PyXkUh4ABQAELABpgCICKYDQNTmAJBBhiRqWAYaSDuGBlANxhMY//7ksQRgxgJAxJP7mnC+h3iCf29KBya04E2mwHhMSkSg5QIBTKhIqD51jSf2PKDqdO2IhNWlgSK5jiMa1MGCAaIXKCZ00aBhAFvJDLAR4Flkt1pJu6zhDgQ3BQJWYgI7TqJTCBAZpFM0M2OIjOjEWaKRc+dMWMkmqL6Q+AspMFKWnZ93tdFVq2sss+tHKW+jSuFzF6V2EjsKExCpZMNxz5PuAiZDNNiEKihvEECT1upMDrEGEQAABiEAkAICuYLsHkmFfgdJjNIqaYwsBAmBMgahgkJoGaSkGimoqhpQQY6aGBBIXFDDC8RDBFIGtmBMBPNExgNVIydIwxkAOcf0BjFndzSxG1CAfNLtuFpXSah9vzjeYdIb0BtR9JnzBrNwUUebNvrOF/Wc5zTyvYu3mswawCiFHuW+4WL/FPjecf0z//8YgDk0BxYFAY0VLLNNK0ix41GBUUSdm1A6sI3gUNJoSDw4a0JzrvvfY+/edrvtQQ5C237UsAQFxhfD8GOGFaYwjkZh8humBoDAYBThJpjDAntjAAeClRfFPomLIhGnAD/+5LEGIIR5V8ab2lJQimXI2ntrSjzimptsZ1R1UEIRuaFYnjUiQ4LJZCghwvyzt98qCIKZCIkG5A5MC8DSXLIrKYQliQs73NbPqTMa4F2Xtdb0/t9dD/kPXyb5h81qLRTmZbTX3c9G2yYbRSsXYGbCdCWgQDJEkUXeAABIBA8Kpahg7hLGWkWQZZIIBglAAGDAtSYD4b5wKMZMeo1IowMLECh4GKhINq2Lo6Ax5+JMvADAkp5dvkrx3XMiCWP9JrTMrQ4nANCAs4TiHmHDyCK0t22xjT/VXrz8VN/EnDOupZ7RMOkaFw4HNlRAbL2xrh31zqGXl8qV3i7f//+xREAIYC4FpgnA+GPicAZ2BExn/96GUkPwYXoU5jiTLm2KEeYh4FA8GgADAIAgEAMLTAHSdiNLkUljPSQBY1VfhX5kj+D0u9jZ26E0/u6OIuRBU9nxGbjqNIH1mOk3pyofR5LpZEXy3qInnZbt9KVJC1VV8dW6tSK/lKf6OWaktS9un1Omej9Mmn5eg7NzmIbnzXxyn5X9/b1qB8fFzokA1E/8j80//uSxFIDVSzjDA9pa4qhFqHN7bEpNu3lv/0gQgwDgDzApAaMFQGExczSTM8ENNT9lk1RAezDpAJMVBDk3OwBQ82MiFjJRYLAa7zOQAvMaABhBdDb0Q4hxkdmXtZBQtKpmN682IenWxUDayn8HdU4/PoozEkK5sxBbqnZ27tsn/3MvXstud2Ts8vhEc8JbZLEEO9Vfdb3hOted5oZ0Yv9H9dx398lx3b+bz4b+r6xIVKArPymZ/3J0v6Pd8I5/wN6tqfagAEAEjAFRgAhFmDYl6YIo1ZmSVYmQ6KuYFACRhiBdG3yEccYQSGGNKwq3hNBCsPpl4JqngksBtOp41KhZx2McK2HWcVodMxIeJhySqS8T0MA6xyDFHzIsLo0739X0MH3dVP8p2P5yGPtELNuz9ixz8V592fnk9scnZa+ti+rbezfkEce0380P8J/Wl+nAh/eL3Om8yJJf/96DfY1/ntiYCYAAOBBBQS5jEFnmYOFQaYzgBpmhgGEAD+YPiLRo9jGBZcyPTePRmIQDTVGQz1OKLVa2LuqgRe+28jSzBFmq//7ksRvg1Pcuw4vZQmKdxChgeyZOUvpr3H/sRr+9avTcxw/z/G7BaN4gcljCFoqjbj/WmNoFndqEZ1eUwfb/VPpO9kThpyDLLBUUd1yiRb1NwL7LUurG6E/7vanMq2lNjcfp+UIUZJ9r/+39Mf73fKITr1AAaAQYAAD5gHgxGHgWQZH4uRmezjGTYKQYNoPZgQKHGVsLcc6OYWAAAY0OVXNOaVvBUgvmEBX8oVFWd1Lr6GBBYZS6VwCWEJ4oE54eidU+raI7A16k5FhgkIX6kmOKv9Jf+2hbkdCXW8zxNLET8VdfNQtP3w3K2vHUT3w336cfqn19RtHMRU8Xr93z9rHxSU9tzP/U/0lfX58tXU1FM0X+/flWWaYPQMMoAwBQkAFUqG5gDAWGCea4YLgG5lmpumYMD2YJYDhgvlUGjwDIdpGYs1AbWmskTFEwFLRoEuKexJRKhUANcnhYjIIjYW0C5YjRMhCQVHVnNC0NHBADcwOQWiIMMciQa0r0nUbPcd60tUj1r8RF7f6d10+9fDfxrt2/UVzccV///9y8+3V/zf/+5LEl4IVOeUML2kJQpWs4intISiz8/TrWQPF0sINKowOZDRZ9KxaLudffCsg9ZacCbg2pipKlH4aAQMR8qAyHA7TMqkxMocTEwhggDD7ACNsAIswYgAAUDWkuW9SqBQEYKACGgVmSl+oFdtJVj0O5PSBgI2vQRLqVwYU04RhYPbMeIh4Sa5DCsYSS1ULjrt4dYrMdeGLeZlBftSL8qQM18g35z87f/IyQ9i8jOPefD4a8Y6+WUyMtpy825eJmr5QukXGqK0P3WUpFhFxk45l3oyYic9cfyztw0q2IqS+gpPtwEACJhMkHmLgDYZUSjxljg4GDMAoYQpN5m1BxkLhoYrfUCeNMpRU3wA4FQi9aYS40MXnQSmhuNV00ODy1dhYfBdnXwa17cGoNCMlb4pJkRG2G0NXc8Tz7/fVAspL6IjfehUzff3sNJemy/3Td/0p8NR4UuBz3UGjzXLa/Cel+k9FprVpavspVQvrB7FF+7/Xru0/zbc/iL9qVRAaCnMAANTAEQDMF4HozHXZjJQDSCApzACPxMC0QU/XDWKECy+Y//uSxLYCFOnNCg8gdMp3k+HZ7KUpbDMSwOHeNfQdYO0xu7Q568+YGNgl0XzmlCEcKzY0TjBxC00OsjMcSOtAnFjyWFSKfWLaFuadot6iZSMla/l6V4Sa+nv4pKr4xnm3afMNNxOu68dykmc/zdRVw7/dXW22lQkDNrh5+butfmEj9qqa+mpYT3rjn/T16W+u+L2h5y2EWZwQ2Bt/KszlJwGgOmFMK+YnYUpj0pPmRcD6GBJGCIUeZb4NYCBOSYLbQSp0WzeIiA5TWGgCIhLHhRLh9/nhEgCoenc0E0gNNt20hBkQl6LE6LzQqUSWHnqCkiVgigOtFi1gcjCyAmd672PWTSDXjSwjzs+sZmZB/yC+jZLCp6SEkSQkOczJORT+wvH/dlNYq6s5shYlAzkGNTyUREJaKUBGAox960rVLow2pVrQVetAulVwCYAIIARMEcDIxfD2jM/DVNKiU0zgRBwMGIYcBT5vTgVGCeBEYCYDJgIgLkwCJMBEBhhAkc5ZnGAJt23TZClnLIw7gCQzkT9UchtNd7Kam5hnLcpyOauYUf/7ksTZghVV9QovZQlKurMh5eSOmNHlW1c9+rFLS0TU+ZT9avfsSRNlG3xJVuop3dtdlske9SyUy9z3JGWci9THPKSkpVKaXrfTbzjNLdMqdQ1INDfDUGxuX2jla5T59nzZJmdmYoxBsJOPvFV4vWY6CkNZ4deRBymeS9VEKJMrJPfPsGsq8S1E1HP3zvOt/rtaTJgBgGGAABWCQgDA5SIMD8VIywnbjMzDwMDgHMwmh5jTxDyKGZqH4QBus4IpD1HJAByEaBMreJ20a7DssjLAGJv1S4T3u9hD2VeORON41cd6XusEwbmwmS1KQaVB/00sVdpl96Z0k57Vcu2EDkbbSOQad6eptBOIIeWzbKCb3O0/Kt4w1v2t8N/p0WdLIxWs31O8jMzX1o/JJGdeTvf60s265THrkpFpPRw/5M7kbpVmthF32oxqu2/qyryZQl/TvHVzzSLgG8AQB5gcAVGKiOgZOgchmctXGXUG4YN4M5hKGsGLqIwZxiYOAPOXnSlGhY4PLgOWwhtZQztQqpIswMWtvBu5rbJZVKBOouC4CyD/+5LE8wNa5gcCL2TNyw8/oIHtGTlDLoOzxrPZxATjDTBDGmj0GCIELDmMtnskY+9Yqi6kKp58W41Zva0lxl2YNiyaUmRxkshX4+8fB9XlwiajbeTZWtftGrNySddWiESR7rnQplcwNtc6HsfwmZUz2nM6jsQWlGFrjI7WKaDB5GKI9PfD+PGZy1cRJKsPlrRgBADmAaAsYEQKJhqlNmQUIGZUbTZljBtmBmAwYHpaBlcBbHUWmfOAoE1pDmSCkZQ7Sn29ctjzXEY5G72Y0RkmLblAmA0pzpZAEOfEHjY+nWdtagkujPqXulpt6am3ZPnaY2/cIopyS/xFCq6m8y2wuG6zLh6Pt5zkojEGJtF5NuWon9Kzx7EdFzDkDUTJqu6lwtuoupnq/PfIq3jHTf7m/vG6i/bHhr3Ma5d3q6b67lPzpD5JxScGut9iILwco0lqGEAGMgwBQwCQUzCIMzMJUPMzClfzKHC3MGwGAwdxBDOgAfOUIBytaKm0RBxURCEd4TF4XLIix5r9tu6AfOpC/osYBzs1ZPSQiHeyefEAJxKB//uSxOwDWL4DBC9pCYsBvyCB7RkpNjgWIhjiXPKNxE0FoMFggb7RQSfRIRwRPY95ma73bLaHkykULSov9FrxM9BOolmtpa0ln3klQ5tzCWRTordrjTms3mM6opJjJjbLdSDGfwfb/Hy3K3C/UQe7FalDTldCJzNef6lpbPtQ8zrP3bctnc0DqMZkzFUxwAgACQBoQB8YcAlZjhhNGPwxUZI4TBgsAEGEOLSZdQR5kIdPiXV2teFrszG5MERpmYVC3O07LoKJV37v34zK2tcub3EI3HLGGPJA1mOtfE3aHEV5A8XR1FpPNw7wje9924svlrhH5W53NTtb403b5JHcNK2X8NB27EFpXjZzD67xq3P3d3XeS0osxHJfRLsXZSBrlTuX/b5tDmxnrdQMcvdVuyWjkTnWvXKNaUX0Xlod0mu9jcyX9LgzO2PByKFJVQJACzwgANGQNjB4IwMT0LQy400jKACWME8AsRFdmD4HCJlGMomoEEP2gkGSVSMqa80pvnKS6vRdnQcbZdCHqahrP7Nbq1s5HNTurYY/wS6J6iIurP/7ksTvA1keBQRPaMnLB8AghewZOTHvZpaTHuiTP+mnmsROK2To2qrdLjWhrX5RvG009VWZBbdGV2VLY/a0ZNwpe6iPUhRrgZqR/swg1kKiHJS6NF5Ocy2aCxefCtnJZmaWOQsCbavJw5EK7F7SEl6UtD09D0FySMlSr8a0uUU5/j5hsmputye9BkbN1tWC0hcQMAwxtYgw3J00F6MDcCYYh6YmvCbgjSYjginkJANDsMIGuyPASKUXNRuKwdTHO2le3x7Q4tG6jNJBa9HbBhzz6vqlr0s2TxW+7xjdO4UumTNtQPTP9f7Rtf/Wc0zq18596/OfD1n5pjf+NRc4zjFcbiZ1m2Mw9TZxiF6XxL8XtvN4Ftazm9vf/frS1sUrjWK0+bY3Xfvv2xHpj7197zS2sbpee/1qNq2bZzjOa5z81zNuX2vquMfesbpe/trGqZpjH3uWAAQAUJMQAMBsWgwFqMzB9CpM4dgcwGhbTNCBgM7dY8z0QNTZHT7BUixtgoCmouAUYFAKRgFgkgAAAwDgEUwzANAcO7iEwCq2xRphqHb/+5LE8ANZagcCL2TJyx5A4Qq68AAeWrgECDBsRQRFlWmMhqPipymMrcKySaexxFHmJy6WQVYfh3HKj8Ds6dVgTNHXdeIySliMCNe+blbXqd/KVw3mi8y+dR96ZqUCzETltPekMMPC0WF00m5G8qsjp5dIKZ+4/J4hhPMbxk9uZlkvh6/jLtS6T9noZlleNzM1apGt+7CwkdfONPpLpNT0rivtF6d5JRejlihnmuTMIf3OWsl7KKKapZHQ3IBmnFlUchyHaOIzN+Syuo2SUVYPlNqCn+n4xG78SrR1lD/QTSyWlcKHJychjdSVSWMwDAM3EY7Rf/////4vzXlEEQJGHKsO7LsZ6U2J2PwPQf/////wNDUARKBH5g6tXeyKSKCcnRpY3DcYAAEAAAMEoLwyQhqjAOAaMLkNqt00SR7TGnEwMCcLkwGAN/0YLQF4kEeYBQBxgMgDf5zDxADC4wy5TXmbBm6JJimNECMEY0V/+ZUKbI8RFS75hwiwRgQhhQ3//mSGBgiSmIDAYQ8RaowYaYQy///4FAgIFCFcICDBAACE//uSxO0AK+Iu+xnsAAT7PuBXPaAAsrSBICGWxf///q8USLIIaMqLIIUF1n1hhHpwYQrd////69i6hehbyJiOCcatiVjSXVaU3Fpsebiy2x/////+jW3RSxAe2JliKcPPIim67osRh10V2u7ALDWcx1hv///////DiG7T48oOzeXsjTHhtmap3fdFMdYWZaysLddlhtaIrlpqFlMSp//////////3Hh1Qdf8HMPUvasytPttG5svXpBLO1LJlr//////7WYlRuzEotEYCfqZiTvX4k5UPRJynekxBTUUzLjEwMKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqkxBTUUzLjEwMKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqv/7ksQ5A8AAAaQcAAAgAAA0gAAABKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqo="
};
}
function saveConfig() {
let config = JSON.stringify(configuration);
localStorage.setItem(storageKey, config);
}
function loadConfig() {
let config = JSON.parse(localStorage.getItem(storageKey) || "{}");
for (let key in config) {
if (Object.prototype.hasOwnProperty.call(config, key) && Object.prototype.hasOwnProperty.call(configuration, key)) {
configuration[key] = config[key];
}
}
}
function getTimestamp() {
return new Date().getTime();
}
function escapeHtml(str, isAttribute) {
str = str.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">");
if (isAttribute) {
str = str.replace(/"/g, """).replace(/'/g, "'");
}
return str;
}
function getHash(doc) {
let hash = doc.querySelector("#ajax_hash_liste_messages")
if (hash) {
return hash.getAttribute("value");
}
// Fallback: extract from payload
let payload = getPayload(doc);
if (payload?.ajaxToken) {
return payload.ajaxToken;
}
return undefined;
}
function getDeletionHash(doc) {
let hash = doc.querySelector("#ajax_hash_moderation_forum")
if (hash) {
return hash.getAttribute("value");
}
// Fallback: extract from payload
let payload = getPayload(doc);
if (payload?.topicActions?.deleteMessageUrl) {
let match = payload.topicActions.deleteMessageUrl.match(/ajax_hash=([a-f0-9]+)/i);
if (match) return match[1];
}
return undefined;
}
function getJvcHash(type = "liste_messages") {
if (type === "liste_messages" && typeof freshHash !== 'undefined') {
return freshHash;
}
if (type === "moderation_forum" && typeof freshDeletionHash !== 'undefined') {
return freshDeletionHash;
}
const hashElement = document.querySelector(`#ajax_hash_${type}`);
if (hashElement) return hashElement.value;
// Fallback: extract from payload
if (type === "liste_messages") {
return getHash(document);
} else if (type === "moderation_forum") {
return getDeletionHash(document);
}
return undefined;
}
function manageTextareaSimpleHeight() {
const textarea = getTextArea();
const postButton = document.querySelector('.postMessage');
if (!textarea || !postButton) {
return;
}
textarea.addEventListener('focus', function () {
textarea.classList.toggle("jvchat-textarea-focus", true);
});
postButton.addEventListener('click', function () {
textarea.classList.toggle("jvchat-textarea-focus", false);
});
}
function getTopicLocked(elem) {
// Old structure
let lock = elem.getElementsByClassName("message-lock-topic")[0];
if (lock !== undefined) {
let reason = lock.getElementsByTagName("span")[0].textContent.trim();
return `Le topic a été verrouillé pour la raison suivante : "${reason}"`;
}
// New structure: check payload
try {
let payload = freshPayload || getForumPayload();
if (payload?.forum?.isForumReadOnly) {
let reason = payload.forum.lockReason?.post?.message || "raison inconnue";
return `Le topic a été verrouillé pour la raison suivante : "${reason}"`;
}
} catch { /* ignore */ }
return undefined;
}
function getTopicError(elem) {
let error = elem.getElementsByClassName("img-erreur")[0];
if (error === undefined) {
return error;
}
return `Le topic présente une erreur: ${error.getAttribute("alt")}`;
}
function parseSondage(elem, jsonRes) {
// Old structure
let blocSondage = elem?.getElementsByClassName("bloc-sondage")[0];
if (blocSondage) {
let intitule = blocSondage.getElementsByClassName("intitule-sondage")[0].textContent;
let answered = !!(blocSondage.getElementsByClassName("result-pourcent")[0]);
let choix = blocSondage.getElementsByClassName("tab-choix")[0].getElementsByTagName("tr");
let results = [];
if (answered) {
for (let ch of choix) {
let pourcent = parseInt(ch.getElementsByClassName("pourcent")[0].innerHTML.trim().split(" ")[0]);
let response = ch.getElementsByClassName("reponse")[0].textContent.trim();
results.push({ response: response, pourcent: pourcent });
}
} else {
for (let ch of choix) {
let btnResponse = ch.getElementsByClassName("btn-sondage-reponse")[0];
let response = btnResponse.textContent.trim();
let sondageId = btnResponse.getAttribute("data-id-sondage");
let responseId = btnResponse.getAttribute("data-id-reponse");
results.push({ response: response, sondageId: sondageId, responseId: responseId });
}
}
let votes = parseInt(blocSondage.getElementsByClassName("pied-result")[0].innerHTML.trim().split(" ")[0]);
return { answered: answered, intitule: intitule, results: results, votes: votes };
}
// New structure: extract from payload
try {
let payload = jsonRes || freshPayload || getForumPayload(); //FreshPayload for actualize on polling
if (payload?.survey?.hasSurvey && payload.survey.data) {
let surveyData = payload.survey.data;
let intitule = surveyData.title || "";
let answered = surveyData.hasVoted || surveyData.isClosed || false;
let results = [];
if (surveyData.responses) {
for (let answer of surveyData.responses) {
results.push({
response: answer.text || "",
pourcent: answer.percentage || 0,
sondageId: surveyData.id,
responseId: answer.id
});
}
}
let votes = surveyData.totalResponses || 0;
return { answered: answered, intitule: intitule, results: results, votes: votes };
}
} catch { /* ignore */ }
return null;
}
function tryCatch(func) {
function wrapped(optArg) {
try {
func(optArg);
} catch (err) {
let message = `Une erreur est survenue dans JVChat Premium: '${err.message}' (function '${func.name}', line ${err.lineNumber})`;
console.error("===== JVCHAT ERROR =====");
console.error(message)
console.error(err);
console.error("========================");
try {
addAlertbox("danger", message);
} catch {
alert(message);
}
}
}
return wrapped;
}
function toggleTextarea() {
isReduced = !isReduced;
configuration["default_reduced"] = isReduced;
saveConfig();
let isDown = isScrollDown();
//document.getElementById("bloc-formulaire-forum").getElementsByClassName("messageEditor__buttonEdit")[0]?.classList.toggle("jvchat-hide");
document.getElementById("jvchat-enlarge")?.classList.toggle("jvchat-hide");
document.getElementById("jvchat-reduce")?.classList.toggle("jvchat-hide");
document.getElementById("jvchat-post")?.classList.toggle("jvchat-hide");
document.getElementById("bloc-formulaire-forum").classList.toggle("jvchat-reduced");
setTextareaHeight();
if (isDown) {
setScrollDown();
}
}
function parseURL(url) {
let regex = /^(.*?)(\/\d+-\d+-\d+-)(\d+)(-\d+-\d+-\d+-)(.*?)(\.htm)(.*)$/i;
let [_, domain, ids, page, nums, title, htm, anchor] = url.match(regex);
return { domain: domain, ids: ids, page: page, nums: nums, title: title, htm: htm, anchor: anchor };
}
function buildURL(dict) {
return `${dict.domain}${dict.ids}${dict.page}${dict.nums}${dict.title}${dict.htm}${dict.anchor}`;
}
function getForum(document) {
let links = document.querySelectorAll(".spreadContainer nav.breadcrumb > a");
let title = "";
let forumLink = "";
for (let i = links.length - 1; i >= 0; i--) {
forumLink = links[i];
title = forumLink.textContent.trim();
if (title.startsWith("Forum ")) {
break;
}
}
return { href: forumLink.getAttribute("href"), title: title.replace("Forum ", "") };
}
function getLastPage(document) {
// New structure: pagination with .pagination__button--last
let lastPageLink = document.querySelector(".pagination__button--last");
if (lastPageLink) {
let href = lastPageLink.getAttribute("href");
if (href) {
let match = href.match(/\/forums\/\d+-\d+-\d+-(\d+)-/);
if (match) return parseInt(match[1]);
}
}
// Fallback: old structure
let blocPages = document.getElementsByClassName("bloc-liste-num-page")[0];
if (blocPages) {
let spans = blocPages.getElementsByTagName("span");
let lastPage = 1;
for (let span of spans) {
let page = parseInt(span.textContent.trim());
if (!isNaN(page) && page > lastPage) {
lastPage = page;
}
}
return lastPage;
}
// New structure fallback: scan every pagination link/item for the highest page number.
// This handles cases where .pagination__button--last is absent (e.g. on the last page)
// or when JVC omits it on intermediate pages.
let maxPage = 1;
let paginationEls = document.querySelectorAll(
".pagination__button, .pagination__item, .pagination__dropdownList a, .pagination__dropdownList span"
);
for (let el of paginationEls) {
let href = el.getAttribute && el.getAttribute("href");
if (href) {
let m = href.match(/\/forums\/\d+-\d+-\d+-(\d+)-/);
if (m) {
let n = parseInt(m[1]);
if (!isNaN(n) && n > maxPage) maxPage = n;
continue;
}
}
let txt = (el.textContent || "").trim();
if (/^\d+$/.test(txt)) {
let n = parseInt(txt);
if (!isNaN(n) && n > maxPage) maxPage = n;
}
}
if (maxPage > 1) {
return maxPage;
}
// Last resort: current page is the last page (topic has only one page)
let current = document.querySelector(".pagination__item--current");
if (current) return parseInt(current.textContent.trim()) || 1;
return 1;
}
function parseMessage(elem) {
// New JVC structure: div.messageUser#message-XXXXXXX
let isNewStructure = elem.classList.contains("messageUser");
if (isNewStructure) {
let authorElem = elem.querySelector(".messageUser__label");
let author = authorElem ? authorElem.textContent.trim() : "";
let blacklisted = false;
let classUser = elem.querySelector(".messageUser__label")?.classList[3] ?? '';
let avatarElem = elem.querySelector(".avatar__image");
let avatar = avatarElem ? avatarElem.getAttribute("src") : undefined;
let dateElem = elem.querySelector(".messageUser__date");
let date = dateElem ? dateElem.textContent.trim() : "";
let content = elem.querySelector(".messageUser__msg");
if (content) {
content.classList.add("txt-msg");
}
let id = parseInt(elem.id.replace("message-", ""));
let editedElem = elem.querySelector(".messageUser__dateEdit");
let edited = undefined;
if (editedElem) {
let msgEdited = editedElem.textContent.trim();
let match = msgEdited.match(/Message édité le .*? à (.*?) par/i);
if (match) edited = match[1];
}
let signalerHTML = "";
return {
classUser: classUser,
author: author,
dateString: date,
date: parseDate(date),
avatar: avatar,
edited: edited,
id: id,
content: content,
blacklisted: blacklisted,
signaler: signalerHTML
};
}
// Legacy JVC structure fallback
let conteneurs = elem.getElementsByClassName("conteneur-message");
let conteneur = conteneurs[conteneurs.length - 1];
let author = conteneur.getElementsByClassName("bloc-pseudo-msg")[0].textContent.trim();
let classUser = [...conteneur.getElementsByClassName("bloc-pseudo-msg")[0].classList].pop();
let blacklisted = conteneurs[0].classList.contains("conteneur-message-blacklist");
let avatar = conteneur.getElementsByClassName("user-avatar-msg")[0];
if (avatar !== undefined) {
avatar = avatar.getAttribute("data-src");
}
let date = conteneur.getElementsByClassName("bloc-date-msg")[0].textContent.trim();
let content = conteneur.getElementsByClassName("txt-msg")[0];
let id = parseInt(elem.getAttribute("data-id"));
let edited = elem.getElementsByClassName("info-edition-msg")[0];
if (edited !== undefined) {
let msgEdited = edited.textContent.trim();
edited = msgEdited.match(/Message édité le .*? à (.*?) par/i)[1];
}
let signalerHTML = "";
const options = elem.getElementsByClassName("bloc-options-msg")[0];
if (options) {
let signalElem = options.querySelector(".picto-msg-exclam");
if (signalElem) {
let jvChatSignalElem = signalElem.cloneNode(true);
jvChatSignalElem.classList.toggle("jvchat-picto", true);
jvChatSignalElem.classList.add("jvchat-signal");
signalerHTML = jvChatSignalElem.outerHTML;
}
}
return {
classUser: classUser,
author: author,
dateString: date,
date: parseDate(date),
avatar: avatar,
edited: edited,
id: id,
content: content,
blacklisted: blacklisted,
signaler: signalerHTML
};
}
function parseUserInfo(elem) {
let accountMp = elem.querySelector(".headerAccount--pm .headerAccount__pm");
if (!accountMp) {
return { author: undefined, avatar: undefined, mp: undefined, notif: undefined };
}
let accountNotif = elem.querySelector(".headerAccount--notif .headerAccount__notif");
let avatarBox = elem.getElementsByClassName("headerAccount__avatar")[0];
let authorBox = elem.getElementsByClassName("headerAccount__pseudo")[0];
let mp = parseInt(accountMp.getAttribute("data-val"));
let notif = parseInt(accountNotif.getAttribute("data-val"));
let avatar = avatarBox.style["background-image"].slice(5, -2).replace("/avatar-md/", "/avatar/");
let author = authorBox.textContent.trim();
return { author: author, avatar: avatar, mp: mp, notif: notif };
}
function getPage(elem) {
// New structure
let pageActive = elem.querySelector(".pagination__item--current");
if (pageActive) {
return parseInt(pageActive.textContent.trim()) || 1;
}
// Old structure fallback
let pageActiveOld = elem.getElementsByClassName("page-active")[0];
let page = 1;
if (pageActiveOld !== undefined) {
page = parseInt(pageActiveOld.textContent.trim());
}
return page;
}
function parseTopicInfo(elem) {
// New structure
let titleElem = elem.querySelector(".titleMessagesUsers__title");
if (!titleElem) {
titleElem = elem.querySelector("#bloc-title-forum");
}
let title = titleElem ? titleElem.textContent.trim() : "";
let connectedElem = elem.querySelector(".userCount__number");
if (!connectedElem) {
connectedElem = elem.getElementsByClassName("nb-connect-fofo")[0];
}
let connected = connectedElem ? parseInt(connectedElem.textContent.trim()) : 0;
// New structure fallback: read from payload (forumInfo.header.btnVal)
if (!connected) {
try {
let payload = getPayload(elem);
let panels = payload?.sidebar?.panels;
if (Array.isArray(panels)) {
for (let panel of panels) {
if (panel && panel.header && typeof panel.header.btnVal === "number") {
connected = panel.header.btnVal;
break;
}
}
}
if (!connected && payload?.forumInfo?.header) {
connected = parseInt(payload.forumInfo.header.btnVal) || connected;
}
} catch (e) { /* ignore */ }
}
let lastPage = getLastPage(elem);
let page = getPage(elem);
return { title: title, connected: connected, lastPage: lastPage, page: page };
}
function fixMessage(elem) {
let jvcares = Array.from(elem.getElementsByClassName("JvCare"));
for (let jvcare of jvcares) {
let a = document.createElement("a");
a.setAttribute("target", "_blank");
a.setAttribute("href", jvCake(jvcare.getAttribute("class")));
a.innerHTML = jvcare.innerHTML;
jvcare.outerHTML = a.outerHTML;
}
let togglableQuotes = Array.from(elem.querySelectorAll(".messageUser__msg.txt-msg > blockquote > blockquote"));
for (let togglableQuote of togglableQuotes) {
let toggleButton = document.createElement("button");
toggleButton.classList.add("message__collapsedQuote");
togglableQuote.insertBefore(toggleButton, togglableQuote.firstChild);
// The click event is bound in the "dontScrollOnExpand()" function
}
}
function jvCake(cls) {
let base16 = '0A12B34C56D78E9F', lien = '', s = cls.split(' ')[1];
for (let i = 0; i < s.length; i += 2) {
lien += String.fromCharCode(base16.indexOf(s.charAt(i)) * 16 + base16.indexOf(s.charAt(i + 1)));
}
return lien;
}
function detectMosaic(elem) {
let imagesShack = elem.querySelectorAll(".img-shack, img.message__urlImg");
if (imagesShack.length < 4) {
return;
}
let mosaics = {};
let regex1 = /^.+\/(?:[0-9]+-)+[0-9]{1,2}-([a-z0-9]+)\.\w+$/i;
let regex2 = /^.+\/(?:[0-9]+-)+row-[0-9]+-col-[0-9](?:-[0-9]+)?\.\w+$/i;
for (let image of imagesShack) {
let match1 = image.src.match(regex1);
if (match1) {
let [_, identifier] = match1;
if (Object.prototype.hasOwnProperty.call(mosaics, identifier)) {
mosaics[identifier].push(image);
} else {
mosaics[identifier] = [image];
}
continue;
}
let match2 = image.src.match(regex2);
if (match2) {
if (Object.prototype.hasOwnProperty.call(mosaics, "@rowcol")) {
mosaics["@rowcol"].push(image);
} else {
mosaics["@rowcol"] = [image];
}
continue;
}
}
for (let identifier in mosaics) {
let images = mosaics[identifier];
if (images.length < 4) {
continue;
}
images[0].parentNode.classList.add("jvchat-mosaic-root");
images[0].classList.add("jvchat-mosaic");
for (let image of images.slice(1)) {
image.parentNode.classList.add("jvchat-mosaic");
}
}
}
function improveImages(elem) {
let imagesShack = elem.querySelectorAll(".img-shack, .message__urlImg");
for (let image of imagesShack) {
if (!image.src) { //CSS Image Span => transform to image or cancel
const largeImg = image.dataset.srcBackground;
if (!largeImg) continue;
const tagImg = document.createElement('img');
tagImg.src = largeImg;
tagImg.className = image.className;
tagImg.style.paddingBottom = '0';
image.replaceWith(tagImg);
image = tagImg;
}
let src = image.src;
let parent = image.parentNode;
let extension = parent.href.split(".").pop();
let direct = src.replace(/(.*?)\/minis\/(.*)\.\w+/i, "$1/fichiers/$2." + extension);
image.setAttribute("data-src-mini", src);
image.setAttribute("data-src-direct", direct);
image.classList.add("jvchat-loadable-image");
parent.href = direct;
if (extension.toUpperCase() === "GIF") {
image.src = direct;
image.classList.remove("jvchat-loadable-image");
} else if (configuration["load_images"]) {
image.src = direct;
}
src = image.src;
image.setAttribute("onerror", `this.onerror=null;this.src=this.getAttribute("data-src-direct");this.classList.remove("jvchat-loadable-image");`);
}
}
function replacePostButton(clickEvent) {
const oldElement = document.querySelector('.postMessage');
const newElement = oldElement.cloneNode(true);
oldElement.parentNode.replaceChild(newElement, oldElement);
newElement.onclick = clickEvent;
newElement.type = "button";
}
function getPanelHtml() {
const panelHtml = `
<div id='jvchat-leftbar'>
<div class='panel panel-jv-forum'>
<div id="jvchat-leftbar-button">
<div id="jvchat-leftbar-config">
<span id="jvchat-leftbar-config-open" title="Afficher les paramètres"></span>
<span id="jvchat-leftbar-config-close" class="jvchat-hide" title="Fermer les paramètres"></span>
</div>
<div id="jvchar-leftbar-size">
<span id="jvchat-leftbar-reduce" title="Masquer la sidebar"></span>
<span id="jvchat-leftbar-extend" class="jvchat-hide" title="Afficher la sidebar"></span>
</div>
</div>
<div class='panel-body'>
<div id='jvchat-info'>
<div id='jvchat-profil' class='jvchat-hide'>
<h4 class='titre-info-fofo'>Profil</h4>
<h4 id='jvchat-user-pseudo'></h4>
<div id='jvchat-user-info'>
<a title="Ouvrir le profil" id="jvchat-user-avatar-link" target="_blank"><div id='jvchat-user-avatar' class='jvchat-rounded jvchat-user-avatar'></div></a>
<div id='jvchat-mp-and-notif'>
<a target="_blank" href="https://www.jeuxvideo.com/messages-prives/boite-reception.php" title="Ouvrir la boîte de réception" id="jvchat-user-mp-link"><span id="jvchat-user-mp" class="jv-account-number-mp" data-val="0"></span></a>
<a target="_blank" title="Ouvrir les notifications" href="https://www.jeuxvideo.com/messages-prives/boite-reception.php" id="jvchat-user-notif-link"><span id="jvchat-user-notif" class="jv-account-number-notif" data-val="0"></span></a>
</div>
</div>
</div>
<div id='jvchat-topic'>
<h4 class='titre-info-fofo'>Topic</h4>
<div id="jvchat-topic-info">
<div><strong><a title="Ouvrir le topic" id="jvchat-topic-title"></a></strong></div>
<span id="jvchat-topic-nb-connected"></span>
<span id="jvchat-topic-nb-messages"></span>
<label id="jvchat-turbo" title="Actualise la liste des messages plus rapidement">
<input id="jvchat-turbo-checkbox" type="checkbox">
<i></i>
<span id="jvchat-turbo-span">Mode Turbo</span>
</label>
</div>
</div>
<div id='jvchat-forum'>
<h4 class='titre-info-fofo'>Forum</h4>
<div id="jvchat-forum-info">
<div><strong><a title="Ouvrir le forum" id="jvchat-forum-title"></a></strong></div>
</div>
</div>
<div id='jvchat-sondage' class='jvchat-hide'>
<h4 class='titre-info-fofo'>Sondage</h4>
<div id="jvchat-sondage-bloc" class="bloc-sondage">
<label><span id="jvchat-sondage-intitule"></span></label>
<table class="tab-choix"><tbody id="jvchat-sondage-choix" class="notanswered"></tbody></table>
<span id="jvchat-sondage-votes"></span>
</div>
</div>
</div>
<div id='jvchat-config' class='jvchat-hide'>
<div id='jvchat-configuration'>
<h4 class='titre-info-fofo'>Configuration</h4>
<p id='jvchat-configuration-intro'><i>Les paramètres sont automatiquement sauvegardés et mis à jour lorsque vous les modifiez.</i></p>
<div class="jvchat-config-option" id="jvchat-citation">
<label>
<input id="jvchat-citation-checkbox" type="checkbox">
<span id="jvchat-citation-span">Pseudo en citation</span>
</label>
</div>
<div class="jvchat-config-option" id="jvchat-play-sound">
<label>
<input id="jvchat-play-sound-checkbox" type="checkbox">
<span id="jvchat-play-sound-span">Alerte sonore</span>
</label>
<p>Joue un son de notification lorsqu'un nouveau message est posté et que vous êtes sur un onglet différent.</p>
</div>
<div class="jvchat-config-option" id="jvchat-night-mode">
<label>
<input id="jvchat-night-mode-checkbox" type="checkbox">
<span id="jvchat-night-mode-span">Thème sombre</span>
</label>
<p>Active un mode nuit pour protéger vos petits yeux fatigués le soir.</p>
</div>
<div class="jvchat-config-option" id="jvchat-load-imagesc">
<label>
<input id="jvchat-load-images-checkbox" type="checkbox">
<span id="jvchat-load-images-span">Charger les images</span>
</label>
<p>Remplace les miniatures NoelShack avec l'image source complète afin de laisser apparaître la transparence (cela sollicite davantage votre connexion Internet).</p>
</div>
<div class="jvchat-config-option" id="jvchat-hide-mosaic">
<label>
<input id="jvchat-hide-mosaic-checkbox" type="checkbox">
<span id="jvchat-hide-mosaic-span">Masquer les mosaïques</span>
</label>
<p>Cache automatiquement les mosaïques d'images NoelShack pour réduire le flooding.</p>
</div>
<div class="jvchat-config-option" id="jvchat-turbo-delay">
<label>
<span>Délai Turbo</span>
</label>
<div class='jvchat-range-option'>
<input id="jvchat-turbo-delay-range" type="range" min="0" max="1000" step="50">
<span id="jvchat-turbo-delay-span">? ms</span>
</div>
<p>Ajuste le délai d'actualisation des messages en mode turbo (celui-ci permet une meilleure réactivité lors d'un quiz mais ne doit pas être activé continuellement).</p>
</div>
<div class="jvchat-config-option" id="jvchat-max-width">
<label>
<span>Largeur des messages</span>
</label>
<div class='jvchat-range-option'>
<input id="jvchat-max-width-range" type="range" min="0" max="100" step="1">
<span id="jvchat-max-width-span">? %</span>
</div>
<p>Configure l'espace utilisé horizontalement par les messages (une valeur réduite facilite la lecture sur les écrans larges).</p>
</div>
</div>
</div>
</div>
</div>
</div>
`;
return panelHtml;
}
function clearPage(document) {
document.head.insertAdjacentHTML("beforeend", CSS);
// Assign id="bloc-formulaire-forum" to .container__post if new structure
let formContainer = document.getElementById("bloc-formulaire-forum");
if (!formContainer) {
formContainer = document.querySelector(".container__post");
if (formContainer) {
formContainer.id = "bloc-formulaire-forum";
}
}
if (formContainer) {
let previsu = formContainer.querySelector(".messageEditor__containerPreview, .previsu-editor");
if (previsu) {
previsu.parentElement.removeChild(previsu);
}
}
let messageTopic = getTextArea();
if (messageTopic) {
messageTopic.classList.add("jvchat-textarea");
messageTopic.setAttribute("placeholder", "Hop hop hop, le message ne va pas s'écrire tout seul !");
messageTopic.addEventListener("keydown", tryCatch(postMessageIfEnter));
replacePostButton(tryCatch(postJvcMessage));
}
// New structure: #listMessages or .container__messages; old: .conteneur-messages-pagi
let messagesContainer = document.getElementById("listMessages")
|| document.getElementsByClassName("conteneur-messages-pagi")[0];
if (messagesContainer) {
messagesContainer.insertAdjacentHTML("afterbegin", "<div id='jvchat-main'><hr class='jvchat-ruler'></div>");
}
document.getElementById("forum-main-col").insertAdjacentHTML("afterbegin", "<div id='jvchat-alerts'><div id='jvchat-fixed-alert' class='jvchat-hide'><div class='alert-row'></div></div><div id='jvchat-turbo-warning' class='jvchat-hide'><button class='close jvchat-alert-hide' aria-hidden='true' data-dismiss='alert' type='button'>×</button><div class='alert-row'></div></div><div id='jvchat-degraded-refresh-warning' class='jvchat-hide'><div class='alert-row'></div></div></div>");
document.getElementsByClassName("layout__contentMain")[0].insertAdjacentHTML("afterbegin", getPanelHtml());
document.getElementsByClassName("layout__contentMain")[0].insertAdjacentHTML("beforeend", "<div id='jvchat-right-padding'></div>");
document.getElementById("page-messages-forum").classList.add("jvchat-root");
formContainer?.classList.add("jvchat-reduced");
formContainer?.classList.add("jvchat-hide");
let toolbar = formContainer ? (formContainer.querySelector(".buttonsEditor, .jv-editor-toolbar")) : null;
document.getElementById("jvchat-main").addEventListener("click", tryCatch(dontScrollOnExpand));
document.getElementById("jvchat-alerts").addEventListener("click", tryCatch(closeAlert));
document.getElementById("jvchat-leftbar-reduce").addEventListener("click", tryCatch(toggleSidebar));
document.getElementById("jvchat-leftbar-extend").addEventListener("click", tryCatch(toggleSidebar));
document.getElementById("jvchat-leftbar-config-open").addEventListener("click", tryCatch(toggleConfig));
document.getElementById("jvchat-leftbar-config-close").addEventListener("click", tryCatch(toggleConfig));
document.getElementById("jvchat-turbo-checkbox").addEventListener("change", tryCatch(toggleTurbo));
document.getElementById("jvchat-play-sound-checkbox").checked = configuration["play_sound"];
document.getElementById("jvchat-play-sound-checkbox").addEventListener("change", tryCatch(togglePlaySoundOption));
document.getElementById("jvchat-night-mode-checkbox").checked = configuration["night_mode"];
document.getElementById("jvchat-night-mode-checkbox").addEventListener("change", tryCatch(toggleNightModeOption));
if (configuration["night_mode"]) {
document.getElementById("page-messages-forum").classList.add("jvchat-night-mode");
}
document.getElementById("jvchat-hide-mosaic-checkbox").checked = configuration["hide_mosaic"];
document.getElementById("jvchat-hide-mosaic-checkbox").addEventListener("change", tryCatch(toggleHideMosaicOption));
if (configuration["hide_mosaic"]) {
document.getElementById("jvchat-main").classList.add("jvchat-hide-mosaics");
}
if (configuration["hide_alerts"]) {
document.getElementById("jvchat-alerts").classList.add("jvchat-hide-alerts");
}
document.getElementById("jvchat-load-images-checkbox").checked = configuration["load_images"];
document.getElementById("jvchat-load-images-checkbox").addEventListener("change", tryCatch(toggleLoadImagesOption));
document.getElementById("jvchat-turbo-delay-range").value = configuration["turbo_delay"];
document.getElementById("jvchat-turbo-delay-span").innerHTML = `${configuration["turbo_delay"]} ms`;
document.getElementById("jvchat-turbo-delay-range").addEventListener("input", tryCatch(changeTurboDelayOption));
document.getElementById("jvchat-max-width-range").value = configuration["max_width"];
document.getElementById("jvchat-max-width-span").innerHTML = `${configuration["max_width"]} %`;
document.getElementById("jvchat-max-width-range").addEventListener("input", tryCatch(changeMaxWidthOption));
adjustMaxWidth(configuration["max_width"]);
let favs = Array.from(document.querySelectorAll("link[rel='icon'], link[rel='shortcut icon']"));
for (let fav of favs) {
fav.parentElement.removeChild(fav);
}
setFavicon("");
document.addEventListener("visibilitychange", function () {
let hidden = document.hidden;
if (hidden) {
let newHr = document.getElementById("jvchat-ruler-new");
if (newHr) {
newHr.removeAttribute("id");
}
nbNewMessage = 0;
} else if (!isError && !isLocked) {
setFavicon("");
}
});
}
function toggleSidebar(event) {
let isDown = isScrollDown();
document.getElementById("jvchat-leftbar-extend").classList.toggle("jvchat-hide");
document.getElementById("jvchat-leftbar-reduce").classList.toggle("jvchat-hide");
document.getElementById("jvchat-leftbar-config").classList.toggle("jvchat-hide");
document.getElementById("jvchat-leftbar").classList.toggle("jvchat-leftbar-reduced");
if (isDown) {
setScrollDown();
}
}
function toggleConfig(event) {
document.getElementById("jvchat-leftbar-config-open").classList.toggle("jvchat-hide");
document.getElementById("jvchat-leftbar-config-close").classList.toggle("jvchat-hide");
document.getElementById("jvchat-info").classList.toggle("jvchat-hide");
document.getElementById("jvchat-config").classList.toggle("jvchat-hide");
}
function forceUpdate() {
// If waiting for next update, restart it immediately, otherwise just wait for the HTTP request to end
if (!fetchingMessages) {
clearTimeout(currentTimeoutId);
updateMessages(currentFetchedPage, true);
}
}
function scheduleTurboWarningDelay() {
let now = getTimestamp();
let maxAllowedTime = 60 * 1000;
let lookupTime = now - 90 * 1000;
let nbToCleanup = 0;
let duration = 0;
for (let session of turboDateSessions) {
let begin = session[0];
let end = session[1];
if (end < lookupTime) {
nbToCleanup++;
continue;
}
duration += end - Math.max(lookupTime, begin);
}
for (let i = 0; i < nbToCleanup; i++) {
turboDateSessions.shift();
}
let remainingTimeAllowed = Math.max(0, maxAllowedTime - duration);
turboDateActivated = now;
turboWarnTimeoutId = setTimeout(tryCatch(setTurboWarning), remainingTimeAllowed);
}
function toggleTurbo(event) {
let checked = document.getElementById("jvchat-turbo-checkbox").checked;
updateIntervalIdx = 2;
if (!checked) {
turboActivated = false;
turboDateSessions.push([turboDateActivated, getTimestamp()]);
clearTimeout(turboWarnTimeoutId);
removeTurboWarning();
turboDateActivated = undefined;
turboWarnTimeoutId = -1;
} else {
turboActivated = true;
if (!configuration["turbo_alerted"]) {
configuration["turbo_alerted"] = true;
saveConfig();
alert(
"Attention : le mode turbo va multiplier le nombre de requêtes effectuées pour récupérer les nouveaux messages.\n\n" +
"Cependant, si trop de requêtes sont effecutées par minute, JVC va délibérement ralentir votre connexion.\n\n" +
"N'activez le mode turbo que si vous participez à un quiz et qu'une question est sur le point d'être posée."
);
}
scheduleTurboWarningDelay();
forceUpdate();
}
}
function togglePlaySoundOption(event) {
let checked = document.getElementById("jvchat-play-sound-checkbox").checked;
configuration["play_sound"] = checked;
saveConfig();
}
function toggleNightModeOption(event) {
let checked = document.getElementById("jvchat-night-mode-checkbox").checked;
configuration["night_mode"] = checked;
saveConfig();
document.getElementById("page-messages-forum").classList.toggle("jvchat-night-mode");
}
function toggleHideMosaicOption(event) {
let checked = document.getElementById("jvchat-hide-mosaic-checkbox").checked;
configuration["hide_mosaic"] = checked;
saveConfig();
let isDown = isScrollDown();
document.getElementById("jvchat-main").classList.toggle("jvchat-hide-mosaics");
if (isDown) {
setScrollDown();
}
}
function toggleLoadImagesOption(event) {
let checked = document.getElementById("jvchat-load-images-checkbox").checked;
configuration["load_images"] = checked;
saveConfig();
for (let image of document.getElementsByClassName("jvchat-loadable-image")) {
image.src = image.getAttribute(checked ? "data-src-direct" : "data-src-mini");
}
}
function changeTurboDelayOption(event) {
let ms = document.getElementById("jvchat-turbo-delay-range").value;
document.getElementById("jvchat-turbo-delay-span").innerHTML = `${ms} ms`;
configuration["turbo_delay"] = parseInt(ms);
saveConfig();
}
function changeMaxWidthOption(event) {
let maxWidth = parseInt(document.getElementById("jvchat-max-width-range").value);
document.getElementById("jvchat-max-width-span").innerHTML = `${maxWidth} %`;
configuration["max_width"] = maxWidth;
saveConfig();
adjustMaxWidth(maxWidth);
}
function adjustMaxWidth(maxWidth) {
document.getElementById("forum-main-col").style["flex-grow"] = maxWidth;
document.getElementById("jvchat-right-padding").style["flex-grow"] = 100 - maxWidth;
}
function closeAlert(event) {
let target = event.target;
if (!target) {
return;
}
if (target.classList.contains("jvchat-alert-close")) {
let parent = target.parentElement;
parent.parentElement.removeChild(parent);
} else if (target.classList.contains("jvchat-alert-hide")) {
let parent = target.parentElement;
parent.classList.add("jvchat-hide");
}
}
function getMessageIdFromUrl(messageUrl) {
const urlObj = new URL(messageUrl, location.origin);
if (!urlObj?.hash?.length) return;
const match = urlObj.hash.match(/^#post_(?<messageid>[0-9]{10})/);
return match?.groups?.messageid;
}
function getTopicId() {
const blocFormulaireElem = document.querySelector('#bloc-formulaire-forum');
if (blocFormulaireElem) {
let topicId = blocFormulaireElem.getAttribute('data-topic-id');
if (topicId) return topicId;
}
// Fallback: extract from payload
try {
let payload = freshPayload || getForumPayload();
if (payload && payload.topicId) return String(payload.topicId);
} catch { /* ignore */ }
// Fallback: extract from URL
const urlRegex = /\/forums\/\d+-\d+-(\d+)-/;
const match = window.location.pathname.match(urlRegex);
if (match) return match[1];
return undefined;
}
function getForumId() {
const forumRegex = /^\/forums\/(?:0|1|42)-(?<forumid>[0-9]+)-[0-9]+-[0-9]+-0-[0-9]+-0-.*\.htm$/i;
const currentUrl = window.location.pathname;
const matches = forumRegex.exec(currentUrl);
if (!matches) return null;
const forumId = parseInt(matches.groups.forumid.trim());
return forumId;
}
function getForumPayload() {
return JSON.parse(atob(unsafeWindow.jvc.forumsAppPayload));
}
function getTextArea() {
return document.getElementById("message_reponse") || document.getElementById("message_topic");
}
function setTextAreaValue(textarea, value) {
const prototype = Object.getPrototypeOf(textarea);
const nativeSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set;
nativeSetter.call(textarea, value);
textarea.dispatchEvent(new Event('input', { bubbles: true }));
}
function displayError(message) {
console.error("JVChat error : ", message);
if (typeof addAlertbox === 'function') {
addAlertbox("danger", message);
} else {
alert(`JVChat error : ${message}`);
}
}
function handleApiResponseError(response, operation = "[N/A]") {
let errorMessage = null;
if (response && Array.isArray(response.erreur) && response.erreur.length > 0) {
errorMessage = response.erreur.join(', ');
} else if (response && response.errors && (Array.isArray(response.errors) ? response.errors.length > 0 : Object.keys(response.errors).length > 0)) {
errorMessage = Array.isArray(response.errors) ? response.errors.join(', ') : Object.values(response.errors).join(', ');
}
if (errorMessage) {
displayError(`Erreur lors de ${operation} : ${errorMessage}`);
return true;
}
return false;
}
async function postJvcMessage() {
if (!freshPayload) {
addAlertbox("danger", "Impossible de poster le message, aucun Payload trouvé");
return;
}
let textarea = getTextArea();
let formulaire = document.getElementById("bloc-formulaire-forum");
formulaire.classList.add("jvchat-disabled-form");
textarea.setAttribute("disabled", "true");
let formData = new FormData();
formData.set("text", textarea.value);
formData.set("topicId", getTopicId());
formData.set("forumId", getForumId());
let aliasRang = document.getElementById('form_alias_rang');
formData.set("group", aliasRang?.value || "1");
formData.set("messageId", "undefined");
const forumPayload = freshPayload || getForumPayload();
const formSessionData = forumPayload.formSession;
for (const key in formSessionData) {
formData.append(key, formSessionData[key]);
}
formData.set("ajax_hash", forumPayload.ajaxToken);
let timeout = turboActivated ? 5000 : 20000;
postingMessage = true;
try {
const response = await Promise.race([
fetch("https://www.jeuxvideo.com/forums/message/add", {
method: "POST",
credentials: "include",
headers: {
"Accept": "application/json",
"Accept-Language": "fr",
"x-requested-with": "XMLHttpRequest",
"Pragma": "no-cache",
"Cache-Control": "no-cache"
},
referrer: document.URL,
body: formData,
mode: "cors"
}),
new Promise((_, reject) => setTimeout(() => reject(new Error("Timeout")), timeout))
]);
if (!response.ok) {
throw new Error(`Erreur HTTP ${response.status}`);
}
const res = await response.json();
formulaire.classList.remove("jvchat-disabled-form");
textarea.removeAttribute("disabled");
if (handleApiResponseError(res, 'l\'envoi du message')) {
setScrollDown();
freshPayload.formSession = res.formSession; // Nouveau CRPS
return;
}
let messageId = res?.messageId || res?.id || null;
if (!messageId && res.redirectUrl) {
messageId = getMessageIdFromUrl(res.redirectUrl);
}
if (messageId) {
const detail = { 'detail': { id: messageId, content: textarea.value, username: currentUser.author } };
const event = new CustomEvent('jvchat:postmessage', detail);
dispatchEvent(event);
}
setTimeout(tryCatch(forceUpdate), 300);
setTextAreaValue(textarea, '');
setTextareaHeight();
setScrollDown();
postingMessage = false;
} catch (err) {
addAlertbox("danger", err.message || err);
formulaire.classList.remove("jvchat-disabled-form");
textarea.removeAttribute("disabled");
postingMessage = false;
}
}
async function requestMessageDataForEdit(messageId, messageBloc) {
const ajaxHash = getJvcHash("liste_messages");
if (!ajaxHash) {
displayError("Hash AJAX (liste_messages) introuvable pour l'édition.");
return;
}
// New JVC endpoint (2026): GET form values as JSON
const url = `https://www.jeuxvideo.com/forums/message/edit/form-values?id_message=${messageId}&ajax_hash=${ajaxHash}`;
const originalContentDiv = messageBloc.querySelector(".jvchat-content");
originalContentDiv.classList.add("disabled-content");
try {
const response = await fetch(url, {
method: 'GET',
credentials: 'include',
headers: {
'X-Requested-With': 'XMLHttpRequest',
'Accept': 'application/json'
}
});
const data = await response.json();
originalContentDiv.classList.remove("disabled-content");
if (handleApiResponseError(data, "récupération des données d'édition")) {
originalContentDiv.classList.remove("jvchat-hide");
return;
}
if (!messageBloc.originalHTML) {
messageBloc.originalHTML = originalContentDiv.innerHTML;
}
// The new endpoint returns all fields at the top level. Extract the
// JVCode (message body) and every `fs_*` field (form-session anti-CSRF
// tokens) which must be re-sent verbatim in the POST body.
const jvcode = data.jvcode || data.text || data.message || "";
const formSession = {};
for (const key in data) {
if (key.startsWith("fs_")) {
formSession[key] = data[key];
}
}
// Legacy fallback: some responses nest them under `edit_form_session`
if (data.edit_form_session && typeof data.edit_form_session === "object") {
Object.assign(formSession, data.edit_form_session);
}
renderEditInterface(messageBloc, messageId, jvcode, formSession, ajaxHash);
} catch (error) {
displayError(`Fetch error : ${error.message}`);
originalContentDiv.classList.remove("jvchat-hide");
}
}
function renderEditInterface(messageBloc, messageId, jvcode, formSession, ajaxHashPourPost) {
const originalContentDiv = messageBloc.querySelector(".jvchat-content");
const editionDiv = messageBloc.querySelector(".jvchat-edition");
editionDiv.innerHTML = '';
const textarea = document.createElement("textarea");
textarea.className = "jvchat-edition-textarea";
textarea.value = jvcode;
const buttonsDiv = document.createElement("div");
buttonsDiv.className = "jvchat-edition-buttons";
const submitButton = document.createElement("button");
submitButton.type = "button";
submitButton.textContent = "Valider";
submitButton.className = "jvchat-edition-submit";
submitButton.onclick = () => submitEditedMessage(messageBloc, messageId, textarea.value, formSession, ajaxHashPourPost);
const cancelButton = document.createElement("button");
cancelButton.type = "button";
cancelButton.textContent = "Annuler";
cancelButton.className = "jvchat-edition-cancel-btn";
cancelButton.onclick = () => {
let isDown = isScrollDown();
editionDiv.classList.add("jvchat-hide");
editionDiv.innerHTML = '';
originalContentDiv.classList.remove("jvchat-hide");
if (messageBloc.originalHTML) {
originalContentDiv.innerHTML = messageBloc.originalHTML;
}
if (isDown) {
setScrollDown();
}
};
buttonsDiv.appendChild(submitButton);
buttonsDiv.appendChild(cancelButton);
editionDiv.appendChild(textarea);
editionDiv.appendChild(buttonsDiv);
let isDown = isScrollDown();
originalContentDiv.classList.add("jvchat-hide");
editionDiv.classList.remove("jvchat-hide");
textarea.focus();
if (isDown) {
setScrollDown();
}
}
async function submitEditedMessage(messageBloc, messageId, newText, formSession, ajaxHash) {
const topicId = getTopicId();
const forumId = getForumId();
const originalContentDiv = messageBloc.querySelector(".jvchat-content");
const editionDiv = messageBloc.querySelector(".jvchat-edition");
const formData = new FormData();
formData.append("text", newText);
formData.append("messageId", messageId);
formData.append("topicId", topicId);
formData.append("forumId", forumId);
let aliasRang = document.getElementById('form_alias_rang');
formData.append("group", aliasRang?.value || "1");
// Append every fs_* form-session token returned by the GET form-values call
for (const key in formSession) {
if (Object.hasOwnProperty.call(formSession, key)) {
formData.append(key, formSession[key]);
}
}
formData.append("ajax_hash", ajaxHash);
formData.append("resetFormAfterSuccess", "false");
editionDiv.classList.add("jvchat-disabled-form");
try {
const response = await fetch("https://www.jeuxvideo.com/forums/message/edit", {
method: 'POST',
credentials: 'include',
headers: {
'X-Requested-With': 'XMLHttpRequest',
'Accept': 'application/json'
},
body: formData
});
const data = await response.json();
editionDiv.classList.remove("jvchat-disabled-form");
if (handleApiResponseError(data, "enregistrement de l'édition")) {
return;
}
if (data.html) {
originalContentDiv.querySelector(".txt-msg").innerHTML = data.html;
fixMessage(originalContentDiv);
detectMosaic(originalContentDiv);
improveImages(originalContentDiv);
}
let isDown = isScrollDown();
editionDiv.classList.add("jvchat-hide");
editionDiv.innerHTML = '';
originalContentDiv.classList.remove("jvchat-hide");
if (isDown) {
setScrollDown();
}
if (lastEditionTime && lastEditionTime[messageId]) {
lastEditionTime[messageId][0] = getTimestamp();
lastEditionTime[messageId][1] = "édité";
} else if (lastEditionTime) {
lastEditionTime[messageId] = [getTimestamp(), "édité", false];
}
const eventDetail = { 'detail': { id: messageId, isEdit: true, newHtml: data.html } };
const customEvent = new CustomEvent('jvchat:newmessage', eventDetail);
dispatchEvent(customEvent);
if (typeof forceUpdate === 'function') {
setTimeout(forceUpdate, 250);
}
} catch (error) {
displayError(`Fetch error : ${error.message}`);
editionDiv.classList.remove("jvchat-disabled-form");
}
}
function requestDelete(bloc) {
let contentClasses = bloc.getElementsByClassName("jvchat-content")[0].classList;
contentClasses.add("disabled-content");
let id = parseInt(bloc.getAttribute("jvchat-id"));
function onSuccess(res) {
contentClasses.remove("disabled-content");
// Legacy response: { erreur: [...] } / New response: { success: true } or { errors: [...] }
const errors = (res && (res.erreur || res.errors)) || [];
if (Array.isArray(errors) && errors.length > 0) {
for (let err of errors) {
addAlertbox("danger", typeof err === "string" ? err : (err.message || JSON.stringify(err)));
}
return;
}
let [timestamp, edition, deleted] = lastEditionTime[id];
if (deleted === true) {
return;
}
let isDown = isScrollDown();
if (!bloc.getElementsByClassName("jvchat-edition")[0].classList.contains("jvchat-hide")) {
bloc.getElementsByClassName("jvchat-content")[0].classList.remove("jvchat-hide");
bloc.getElementsByClassName("jvchat-edition")[0].classList.add("jvchat-hide");
}
bloc.closest(".jvchat-message").classList.add("jvchat-message-deleted");
lastEditionTime[id] = [timestamp, edition, true];
if (isDown) {
setScrollDown();
}
}
function onError(err, _) {
addAlertbox("danger", err);
contentClasses.remove("disabled-content");
}
function onTimeout(err) {
addAlertbox("warning", err);
contentClasses.remove("disabled-content");
}
// New JVC endpoint (2026): POST with query params, no body.
let url = `https://www.jeuxvideo.com/forums/message/delete?ids=${id}&type=delete&ajax_hash=${encodeURIComponent(freshDeletionHash)}`;
request("POST", url, onSuccess, onError, onTimeout, null, true, 5000, false);
}
function countLines(text) {
return text.split(/\r|\r\n|\n/).length;
}
function computeHeight(lines) {
return 1 * lines + 0.6;
}
function setTextareaHeight(plusOne) {
let textarea = getTextArea();
if (!isReduced) {
textarea.style["height"] = "";
return;
}
plusOne = !!plusOne;
let lines = countLines(textarea.value);
if (!plusOne && lines === 1) {
textarea.style["height"] = "";
return;
}
if (plusOne) {
lines += 1;
}
let height = computeHeight(lines);
textarea.style["height"] = `${height}rem`;
}
function postMessageIfEnter(event) {
if (isReduced && (event.which == 13 || event.keyCode == 13)) {
if (event.shiftKey) {
let isDown = isScrollDown();
setTextareaHeight(true);
if (isDown) {
setScrollDown();
}
} else {
event.preventDefault();
postJvcMessage();
}
}
}
function makeFormData(dict) {
var formData = new FormData();
for (let key in dict) {
formData.append(key, dict[key]);
}
return formData;
}
function getMessages(document) {
// New structure: div.messageUser#message-XXXXXXX
let blocMessages = document.querySelectorAll(".messageUser.js-hybrid-component, .bloc-message-forum");
let messages = [];
for (let bloc of blocMessages) {
if (bloc.children.length === 0) continue; //Bloc blacklist No DOM Fellback crash
messages.push(parseMessage(bloc));
}
return messages;
}
function findDeletedMessages(res, requestTimestamp) {
let page = getPage(res);
let blocMessages = res.querySelectorAll(".messageUser.js-hybrid-component, .bloc-message-forum");
let newIds = []
let newDates = [];
for (let bloc of blocMessages) {
if (bloc.children.length === 0) continue; //Bloc blacklist No DOM Fellback crash
let id;
if (bloc.classList.contains("messageUser")) {
id = parseInt(bloc.id.replace("message-", ""));
} else {
id = parseInt(bloc.getAttribute("data-id"));
}
let dateElem = bloc.querySelector(".messageUser__date, .bloc-date-msg");
let date = dateElem ? dateElem.textContent.trim() : "";
newIds.push(id);
newDates.push(date);
}
if (!Object.prototype.hasOwnProperty.call(messagesByPage, page)) {
messagesByPage[page] = [newIds, newDates];
return;
}
let [regIds, regDates] = messagesByPage[page];
let regLength = regIds.length;
let newLength = newIds.length;
messagesByPage[page] = [newIds, newDates];
for (let i = 0; i < newLength; i++) {
let id = newIds[i];
if (!Object.prototype.hasOwnProperty.call(lastEditionTime, id)) {
continue;
}
let [timestamp, edition, deleted] = lastEditionTime[id];
// Message "ressuscité" (parfois bug, message peut disparaître)
if (deleted) {
let msg = document.querySelector(`.jvchat-message[jvchat-id="${id}"]`);
if (msg) {
msg.classList.remove("jvchat-message-deleted");
lastEditionTime[id] = [timestamp, edition, false];
}
}
}
if (regLength === 0) {
return;
}
if (regLength <= newLength && regIds[0] === newIds[0] && regIds[regLength - 1] === newIds[regLength - 1]) {
return;
}
let after = new Set(newIds);
let isFirst = true;
for (let i = 0; i < regIds.length; i++) {
let id = regIds[i];
if (after.has(id)) {
isFirst = false;
continue;
}
// Pas enregistré => blacklist
if (!Object.prototype.hasOwnProperty.call(lastEditionTime, id)) {
continue;
}
let [timestamp, edition, _] = lastEditionTime[id];
if (timestamp >= requestTimestamp) {
continue;
}
// Si message en début de page : vérifier qu'il n'est pas sur la page précédente
// Vérifier aussi les début/fin de page en cas de PEMT, car 2 messages peuvent être "swap"
if (isFirst || (regDates[i] === newDates[0]) || (newLength === 20 && regDates[i] === newDates[19])) {
checkDeleted(id);
continue;
}
let msg = document.querySelector(`.jvchat-message[jvchat-id="${id}"]`);
if (msg) {
msg.classList.add("jvchat-message-deleted");
lastEditionTime[id] = [timestamp, edition, true];
}
}
}
function formatDate(date) {
let now = new Date();
try {
now = new Date(now.toLocaleString('en-US', { timeZone: "Europe/Paris" }));
} catch (e) {
console.error(e);
}
let day = date.getDate();
let month = date.getMonth();
let year = date.getFullYear();
if (now.getDate() === day && now.getMonth() === month && now.getFullYear() === year) {
return `${date.getHours().toString().padStart(2, "0")}:${date.getMinutes().toString().padStart(2, "0")}:${date.getSeconds().toString().padStart(2, "0")}`;
} else {
return `${day.toString().padStart(2, "0")}/${(month + 1).toString().padStart(2, "0")}/${year}`;
}
}
function makeMessage(message) {
let content = message.content;
fixMessage(content);
detectMosaic(content);
improveImages(content);
let id = message.id;
let avatar = message.avatar;
let toQuoteDate = message.dateString;
let titleDate = message.dateString;
let textDate = formatDate(message.date);
if (message.edited !== undefined) {
textDate += "*";
titleDate += ` (édité à ${message.edited})`;
}
let exists = avatar !== undefined;
let author = exists ? message.author : `<i>${message.author}</i>`;
let authorHref = exists ? `href="https://www.jeuxvideo.com/profil/${author.toLowerCase()}?mode=infos"` : "";
let authorTitle = exists ? `title="Ouvrir le profil de ${author}"` : "";
let authorAvatarHidden = exists ? "" : "class='jvchat-hide-visibility'";
let editionButtonHtml = "";
if (currentUser && currentUser.author && message.author.toLowerCase() === currentUser.author.toLowerCase()) {
editionButtonHtml = `<span class="jvchat-edit jvchat-picto" title="Modifier" data-message-id="${id}"></span>`;
}
let deletionSpan = '<span class="jvchat-delete jvchat-picto" title="Supprimer"></span>';
let deletion = (currentUser.author === undefined) || (message.author.toLowerCase() !== currentUser.author.toLowerCase()) ? "" : deletionSpan;
let msgHref = `<a href="/forums/message/${id}" target="_blank" class="${message.classUser}" title="Ouvrir le Message">${author}</a>`;
let html =
`<div class="jvchat-bloc-message">
<div class="jvchat-message" jvchat-id=${id}>
<div>
<a ${authorAvatarHidden} ${authorHref} target="_blank" ${authorTitle}>
<div class="jvchat-bloc-avatar jvchat-rounded" style="background-image: url(${avatar})"></div>
</a>
</div>
<div class="jvchat-bloc-author-content">
<div class="jvchat-toolbar">
<h5 class="jvchat-author">${msgHref}</h5>
<div class="jvchat-tooltip">
${deletion}
${editionButtonHtml}
<span class="jvchat-picto jvchat-quote" title="Citer"></span>
${message.signaler}
<small class="jvchat-date" to-quote="${toQuoteDate}" title="${titleDate}">${textDate}</small>
</div>
</div>
<div class="jvchat-content">${content.outerHTML}</div>
<div class="jvchat-edition jvchat-hide">
</div>
</div>
</div>
<hr class="jvchat-ruler">
</div>`;
return html;
}
function parseDate(string) {
let [date, time] = string.toLowerCase().split("à");
let [day, month, year] = date.trim().split(" ");
let [hour, minute, second] = time.trim().split(":");
let monthIndex = ["janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre"].indexOf(month.trim().toLowerCase());
return new Date(parseInt(year), monthIndex, parseInt(day), parseInt(hour), parseInt(minute), parseInt(second));
}
function addMessages(messages, editing, requestTimestamp) {
let main = document.getElementById("jvchat-main");
let hasNewMessages = false;
let init = true;
let toInsert = "";
let newMessagesIds = [];
for (let message of messages) {
let date = message.date;
let id = message.id;
if (init === true && !editing) {
init = false;
let now = new Date();
let delta = now - date;
if (delta > 5 * 60 * 1000 + checkEditedInterval) {
shouldCheckEdited = false;
} else {
shouldCheckEdited = true;
}
}
if (message.blacklisted) {
continue;
}
if (firstMessageId === undefined) {
firstMessageId = id;
firstMessageDate = date;
}
// Attention à 2 choses: le changement d'heure et le fait qu'un message suivant un autre peut avoir un id inférieur au précédent
if (id < firstMessageId && date < firstMessageDate) {
continue;
}
let referenced = Object.prototype.hasOwnProperty.call(lastEditionTime, id);
let edited = message.edited;
if (referenced) {
let [timestamp, edition, deleted] = lastEditionTime[id];
if (deleted) {
continue;
}
if (timestamp >= requestTimestamp || edition === edited) {
continue;
}
}
let newBloc = makeMessage(message);
lastEditionTime[id] = [requestTimestamp, edited, false];
if (referenced) {
let selector = `.jvchat-message[jvchat-id="${id}"]`;
let oldBloc = main.querySelector(selector).closest(".jvchat-bloc-message");
let isDown = isScrollDown();
oldBloc.outerHTML = newBloc;
if (isDown) {
setScrollDown();
}
let event = new CustomEvent('jvchat:newmessage', { 'detail': { id: id, isEdit: true } });
dispatchEvent(event);
continue;
}
hasNewMessages = true;
if (nbNewMessage === 0 && document.hidden) {
let hrs = document.getElementsByClassName("jvchat-ruler");
let lastHr = hrs[hrs.length - 1];
lastHr.setAttribute("id", "jvchat-ruler-new");
}
toInsert += newBloc;
newMessagesIds.push(id);
nbNewMessage++;
}
if (toInsert !== "") {
let isDown = isScrollDown();
main.insertAdjacentHTML("beforeend", toInsert);
if (isDown) {
setScrollDown();
}
}
if (editing) {
return;
}
if (isScrollDown()) {
let blocMessages = main.getElementsByClassName("jvchat-bloc-message");
let nb = blocMessages.length;
if (nb > 100) {
for (let i = 0; i < nb - 100; i++) {
main.removeChild(blocMessages[0]);
}
setScrollDown();
}
}
if (hasNewMessages) {
if (!turboActivated && !refreshDegraded) {
decreaseUpdateInterval();
}
if (document.hidden) {
setFavicon(nbNewMessage > 99 ? 99 : nbNewMessage);
if (configuration["play_sound"]) {
ringBell.pause();
ringBell.currentTime = 0;
ringBell.play();
}
}
for (let newMessageId of newMessagesIds) {
let event = new CustomEvent('jvchat:newmessage', { 'detail': { id: newMessageId, isEdit: false } });
dispatchEvent(event);
}
} else {
if (!turboActivated && !refreshDegraded) {
increaseUpdateInterval();
}
}
}
function submitSondageAnswer(event) {
let target = event.target;
if (!target) {
return;
}
if (target.classList.contains("click-sondage")) {
let reponseNum = parseInt(target.getAttribute("sondage-reponse-num"));
let sondageId = sondageChoices[reponseNum]["sondageId"];
let reponseId = sondageChoices[reponseNum]["responseId"];
/* Legacy Structure
let topicId = urlToFetch["ids"].split("-")[2];
let url = `https://www.jeuxvideo.com/forums/ajax_topic_sondage_vote.php?id_topic=${topicId}&id_sondage_reponse=${reponseId}&id_sondage=${sondageId}&ajax_hash=${freshHash}`;
function onSuccess(res) {
if (res.erreur.length > 0) {
for (let err of res.erreur) {
addAlertbox("danger", err);
}
return;
}
let dom = document.createElement("html");
dom.innerHTML = res["html"];
let sondage = parseSondage(dom);
if (!sondage) {
addAlertbox("warning", "Erreur lors de la récupération du sondage");
return;
}
setSondage(sondage);
}
function onError(err, _) {
addAlertbox("danger", err);
}
function onTimeout(err) {
addAlertbox("warning", err);
}
request("POST", url, onSuccess, onError, onTimeout, undefined, true, 5000, false);
*/
// New structure
let topicId = getTopicId();
let payload = freshPayload || getForumPayload();
let surveyAjaxHash = payload?.survey?.ajaxToken;
let url = `https://www.jeuxvideo.com/forums/survey/vote`;
let formData = {};
formData.ajax_hash = surveyAjaxHash;
formData.id_topic = topicId;
formData.id_sondage = sondageId;
formData.id_sondage_reponse = reponseId;
function onSuccess(res) {
if (handleApiResponseError(res, "vote sondage")) return;
let surveyData = res.survey?.data;
if (!surveyData) {
addAlertbox("warning", "Erreur lors de la récupération du sondage");
return;
}
let sondage = parseSondage(null, res);
setSondage(sondage);
}
function onError(err, _) {
addAlertbox("danger", err);
}
function onTimeout(err) {
addAlertbox("warning", err);
}
//NEW END POINT IN FORM DATA
request("POST", url, onSuccess, onError, onTimeout, makeFormData(formData), true, 5000, false);
}
}
function setSondage(sondage) {
let choix = document.getElementById("jvchat-sondage-choix");
if (sondage["answered"]) {
choix.removeEventListener("click", submitSondageAnswer);
choix.classList.remove("notanswered");
} else {
if (!sondageChoices) {
sondageChoices = sondage["results"];
}
choix.addEventListener("click", submitSondageAnswer);
choix.classList.add("notanswered");
}
if (!choix.firstChild) {
document.getElementById("jvchat-sondage-intitule").innerHTML = escapeHtml(sondage["intitule"]);
let results = sondage["results"];
for (let i = 0; i < results.length; i++) {
let res = results[i];
let tr = `<tr><td class="result-pourcent"><div class="pourcent">${res["pourcent"]} %</div><div class="back-barre"><span style="width: ${res["pourcent"]}%;"></span></div></td><td class="reponse"><div class="click-sondage" sondage-reponse-num="${i}">${escapeHtml(res["response"])}</div></td></tr>`;
choix.insertAdjacentHTML("beforeend", tr);
}
} else {
let trs = choix.getElementsByClassName("result-pourcent");
for (let i = 0; i < trs.length; i++) {
let res = sondage["results"][i];
let tr = trs[i];
tr.getElementsByClassName("pourcent")[0].innerHTML = `${res["pourcent"]} %`;
tr.getElementsByTagName("span")[0].style["width"] = `${res["pourcent"]}%`;
}
}
document.getElementById("jvchat-sondage-votes").innerHTML = `(${sondage["votes"]} votes)`;
}
function setUser(document, user) {
let isConnected = (user.author !== undefined);
if (isConnected) {
if (user.author !== currentUser.author) {
let pseudo = document.getElementById("jvchat-user-pseudo");
pseudo.innerHTML = user.author;
let avatarLink = document.getElementById("jvchat-user-avatar-link");
let notifLink = document.getElementById("jvchat-user-notif-link");
avatarLink.setAttribute("href", `https://www.jeuxvideo.com/profil/${user.author.toLowerCase()}?mode=infos`);
notifLink.setAttribute("href", `https://www.jeuxvideo.com/profil/${user.author.toLowerCase()}?mode=abonnements`);
}
if (user.avatar !== currentUser.avatar) {
let avatar = document.getElementById("jvchat-user-avatar");
avatar.style["background-image"] = `url("${user.avatar}")`;
}
if (user.mp !== currentUser.mp) {
let mp = document.getElementById("jvchat-user-mp");
mp.setAttribute("data-val", user.mp);
if (user.mp > 0) {
mp.classList.add("has-notif");
} else {
mp.classList.remove("has-notif");
}
}
if (user.notif !== currentUser.notif) {
let notif = document.getElementById("jvchat-user-notif");
notif.setAttribute("data-val", user.notif);
if (user.notif > 0) {
notif.classList.add("has-notif");
} else {
notif.classList.remove("has-notif");
}
}
}
if ((userConnected === undefined && isConnected) || (userConnected !== undefined && isConnected !== userConnected)) {
document.getElementById("jvchat-profil").classList.toggle("jvchat-hide");
let isDown = isScrollDown();
document.getElementById("bloc-formulaire-forum")?.classList.toggle("jvchat-hide");
if (isDown) {
setScrollDown();
}
}
if (userConnected !== undefined) {
if (isConnected && !userConnected) {
addAlertbox("success", "Vous êtes désormais connecté");
} else if (!isConnected && userConnected) {
addAlertbox("warning", "Vous avez été déconnecté");
}
}
userConnected = isConnected;
currentUser = user;
}
function setTopicTitle(document, topicTitle) {
if (topicTitle !== currentTopicTitle) {
currentTopicTitle = topicTitle;
document.getElementById("jvchat-topic-title").innerHTML = escapeHtml(topicTitle);
}
}
function setTopicNbConnected(document, nbConnected) {
let txt = `${nbConnected} connectés`;
if (!(nbConnected > 1)) {
if (nbConnected === undefined) {
txt = "? connectés";
} else {
txt = txt.slice(0, -1);
}
}
document.getElementById("jvchat-topic-nb-connected").innerHTML = txt;
}
function setTopicNbMessages(document, nbMessages) {
let txt = `${nbMessages} messages`;
if (!(nbMessages > 1)) {
if (nbMessages === undefined) {
txt = "? messages";
} else {
txt = txt.slice(0, -1);
}
}
document.getElementById("jvchat-topic-nb-messages").innerHTML = txt;
if (nbMessages !== undefined) {
topicNbMessages = nbMessages;
}
}
function triggerJVChat() {
// TamperMonkey / Chrome bug: https://github.com/Tampermonkey/tampermonkey/issues/705#issuecomment-493895776
if (window) {
if (window.clearTimeout) {
window.clearTimeout = window.clearTimeout.bind(window);
}
if (window.clearInterval) {
window.clearInterval = window.clearInterval.bind(window);
}
if (window.setTimeout) {
window.setTimeout = window.setTimeout.bind(window);
}
if (window.setInterval) {
window.setInterval = window.setInterval.bind(window);
}
window.onbeforeunload = function (event) {
leavingTopic = true;
}
}
freshHash = getHash(document);
freshDeletionHash = getDeletionHash(document);
freshPayload = getPayload(document);
favicon = makeFavicon();
let topicUrl = document.URL;
let topic = parseTopicInfo(document);
let user = parseUserInfo(document);
let sondage = parseSondage(document);
urlToFetch = parseURL(topicUrl);
urlToFetch.page = 1;
urlToFetch.anchor = "";
urlToRefreshInfos = parseURL(topicUrl);
urlToRefreshInfos.page = 1;
urlToRefreshInfos.anchor = "";
urlToCheckEdited = parseURL(topicUrl);
urlToCheckEdited.page = 1;
urlToCheckEdited.anchor = "";
configuration = defaultConfig();
loadConfig();
ringBell = new Audio(configuration["sound"]);
clearPage(document);
setUser(document, user);
setTopicTitle(document, topic.title);
setTopicNbMessages(document, undefined);
setTopicNbConnected(document, topic.connected);
if (sondage) {
document.getElementById("jvchat-sondage").classList.remove("jvchat-hide")
setSondage(sondage);
}
document.getElementById("jvchat-topic-title").setAttribute("href", buildURL(urlToFetch));
let forum = getForum(document);
let forumSide = document.getElementById("jvchat-forum-title");
forumSide.setAttribute("href", forum.href);
forumSide.innerHTML = escapeHtml(forum.title);
let defaultReduced = configuration["default_reduced"];
let messageTopic = getTextArea();
if (messageTopic && (defaultReduced === false || (messageTopic.value !== ""))) {
toggleTextarea();
}
manageTextareaSimpleHeight();
let activationEvent = new CustomEvent('jvchat:activation');
dispatchEvent(activationEvent);
let page = topic.lastPage > 1 ? topic.lastPage - 1 : topic.lastPage;
updateMessages(page, true);
setInterval(tryCatch(checkEdited), checkEditedInterval);
let activatedEvent = new CustomEvent('jvchat:activated');
dispatchEvent(activatedEvent);
}
function refreshNoLongerDegraded() {
removeDegradedRefreshWarning();
timeoutedDates = [];
refreshDegraded = false;
refreshDegradedTimeoutId = -1;
}
function scheduleDegradedRefreshWarning() {
if (!refreshDegraded) {
let now = getTimestamp();
let lookupDate = now - 60 * 1000;
let nbClean = 0;
for (let date of timeoutedDates) {
if (date < lookupDate) {
nbClean++;
} else {
break;
}
}
for (let i = 0; i < nbClean; i++) {
timeoutedDates.shift();
}
timeoutedDates.push(now);
if (timeoutedDates.length >= 3) {
refreshDegraded = true;
updateIntervalIdx = 2;
setDegradedRefreshWarning();
} else {
return;
}
}
if (refreshDegradedTimeoutId !== -1) {
clearTimeout(refreshDegradedTimeoutId);
}
refreshDegradedTimeoutId = setTimeout(tryCatch(refreshNoLongerDegraded), 30000);
}
function updateMessages(page, goToLast) {
if (postingMessage && turboActivated) {
// Postpone message fetching, posting the message is priorized
fetchingMessages = false;
currentTimeoutId = setTimeout(tryCatch(function postponedUpdate() {
updateMessages(page, goToLast);
}), 100);
return;
}
let timestamp = getTimestamp();
function scheduleNextUpdate(interval, p, goLast) {
fetchingMessages = false;
currentTimeoutId = setTimeout(tryCatch(function scheduledUpdate() {
updateMessages(p, goLast);
}), interval);
};
function onSuccess(res) {
let parsed = parsePage(res, timestamp);
let lastPage = parsed.lastPage;
let currPage = parsed.page;
let interval = turboActivated ? configuration["turbo_delay"] : updateIntervals[updateIntervalIdx] * 1000;
if (page < lastPage && goToLast) {
updateMessages(page + 1, true);
} else if (currPage < page || parsed.nbMessagesPage === 0) { // Bug des messages supprimés
scheduleNextUpdate(interval, page - 1, false);
} else if (page > lastPage) {
updateMessages(lastPage, true);
} else {
scheduleNextUpdate(interval, page, true);
}
}
function onError(err, code) {
if (code === 0) {
scheduleDegradedRefreshWarning();
scheduleNextUpdate(turboActivated ? configuration["turbo_delay"] : 10000, page, true);
return
}
if (!isError) {
isError = true;
isLocked = false;
isAlert = false;
setFixedAlert("danger", err, true);
}
scheduleNextUpdate(turboActivated ? configuration["turbo_delay"] : 60000, page, true);
}
function onTimeout(_) {
scheduleDegradedRefreshWarning();
scheduleNextUpdate(turboActivated ? configuration["turbo_delay"] : 5000, page, true);
}
let timeout = 10000;;
if (turboActivated) {
timeout = 5000;
}
fetchingMessages = true;
currentFetchedPage = page;
urlToFetch.page = page;
urlToFetch.domain = "https://www.jeuxvideo.com/forums";
let urlLastPage = buildURL(urlToFetch);
request("GET", urlLastPage, onSuccess, onError, onTimeout, undefined, false, timeout, turboActivated);
}
function checkEdited() {
if (!shouldCheckEdited || currentFetchedPage === 1 || isError) {
return;
}
urlToCheckEdited.page = currentFetchedPage - 1;
let urlPrevLastPage = buildURL(urlToCheckEdited);
let timestamp = getTimestamp();
function onSuccess(res) {
let newMessages = [];
let edited = res.querySelectorAll(".messageUser__dateEdit, .info-edition-msg");
for (let msg of edited) {
let bloc = msg.closest(".messageUser, .bloc-message-forum");
newMessages.push(parseMessage(bloc));
}
addMessages(newMessages, true, timestamp, false);
findDeletedMessages(res, timestamp);
}
function onError() { }
function onTimeout() { }
request("GET", urlPrevLastPage, onSuccess, onError, onTimeout, undefined, false, 20000);
}
function checkDeleted(id) {
let url = `https://www.jeuxvideo.com/jvchat/forums/message/${id}`;
let requestTimestamp = getTimestamp();
function onSuccess(_) {
// Le message existe, il a disparu de la page car un message plus ancien a été supprimé
}
function onError(_, status) {
let [timestamp, edition, deleted] = lastEditionTime[id];
if (status === 410 && !deleted) {
if (timestamp >= requestTimestamp) {
return;
}
let msg = document.querySelector(`.jvchat-message[jvchat-id="${id}"]`);
if (msg) {
msg.classList.add("jvchat-message-deleted");
lastEditionTime[id] = [timestamp, edition, true];
}
}
}
function onTimeout(_) { }
request("GET", url, onSuccess, onError, onTimeout, undefined, false, 20000, false);
}
function parseAlerts(res) {
let alerts = [];
let alertsDiv = res.getElementsByClassName("alert");
for (let a of alertsDiv) {
let closable = a.getElementsByClassName("btn-close")[0] !== undefined;
let type = "danger";
if (a.classList.contains("alert-warning")) {
type = "warning";
} else if (a.classList.contains("alert-success")) {
type = "success";
}
for (let p of a.getElementsByTagName("p")) {
let message = p.textContent.trim();
alerts.push({ type: type, message: message, closable: closable });
}
}
return alerts;
}
function increaseUpdateInterval() {
if (updateIntervalIdx < updateIntervalMax) {
updateIntervalIdx++;
}
}
function decreaseUpdateInterval() {
updateIntervalIdx = transisitions[updateIntervalIdx];
}
function getPayload(doc) {
try {
const scriptPayLoad = [...doc.scripts].find(s => s.textContent?.includes('forumsAppPayload'))?.textContent;
const rawPayload = scriptPayLoad?.match(/jvc\.forumsAppPayload\s*=\s*["']?([^"']+)["']?/)?.[1];
if (!rawPayload) return undefined;
try {
return JSON.parse(atob(rawPayload)); //BASE 64
} catch {
return JSON.parse(rawPayload); //FALLBACK NATIVE
}
} catch (e) {
console.error("Erreur extraction du payload:", e);
return undefined;
}
}
function parsePage(res, requestTimestamp) {
let error = getTopicError(res);
if (error !== undefined) {
if (!isError) {
updateIntervalIdx = updateIntervalMax;
isError = true;
isLocked = false;
isAlert = false;
setFixedAlert("danger", error, true);
}
return { lastPage: undefined, page: undefined, alert: true, nbMessagesPage: 0 }
}
if (isError) {
isError = false;
updateIntervalIdx = 2;
removeFixedAlert(undefined, true);
}
let hash = getHash(res);
if (hash !== undefined) {
freshHash = hash;
}
let deletionHash = getDeletionHash(res);
if (deletionHash !== undefined) {
freshDeletionHash = deletionHash;
}
let payload = getPayload(res);
if (payload !== undefined) {
freshPayload = payload;
}
let messages = getMessages(res);
addMessages(messages, false, requestTimestamp, false);
let user = parseUserInfo(res);
setUser(document, user);
let topic = parseTopicInfo(res);
findDeletedMessages(res, requestTimestamp);
let nbMessages = (topic.lastPage - 1) * 20;
if (topic.page === topic.lastPage) {
nbMessages += messages.length;
}
if (topic.page === topic.lastPage || nbMessages > topicNbMessages) {
setTopicNbMessages(document, nbMessages);
}
setTopicNbConnected(document, topic.connected);
let locked = getTopicLocked(res);
let isLocked_ = (locked !== undefined);
if (isLocked_ && !isLocked) {
updateIntervalIdx = updateIntervalMax;
setFixedAlert("warning", locked, true);
isAlert = false;
} else if (!isLocked_ && isLocked) {
updateIntervalIdx = 0;
removeFixedAlert("Le topic a été dévérouillé", true);
}
isLocked = isLocked_;
let alerts = parseAlerts(res);
let unclosableAlert = undefined;
for (let alert of alerts) {
if (alert.closable) {
addAlertbox(alert.type, alert.message);
} else {
unclosableAlert = alert;
}
}
let isAlert_ = (unclosableAlert !== undefined);
if (!isLocked) {
if (isAlert_ && !isAlert) {
setFixedAlert("warning", unclosableAlert.message, false);
} else if (!isAlert_ && isAlert) {
removeFixedAlert(undefined, false);
}
isAlert = isAlert_;
}
let sondage = parseSondage(res);
if (sondage) {
setSondage(sondage);
}
return {
page: topic.page, lastPage: topic.lastPage,
nbMessagesPage: messages.length, alert: isLocked_ || (alerts.length > 0)
};
}
function addAlertbox(type, message) {
// type: success / warning / danger
let alert = `<div class="alert alert-${type}">
<button class="close jvchat-alert-close" aria-hidden="true" data-dismiss="alert" type="button">×</button>
<div class="alert-row">${escapeHtml(message)}</div>
</div>`;
document.getElementById("jvchat-fixed-alert").insertAdjacentHTML("afterend", alert);
}
function setFixedAlert(type, message, changeFavicon) {
if (changeFavicon) {
setFavicon("⨯");
}
if (configuration["hide_alerts"]) {
addAlertbox(type, message);
return
}
document.getElementById("jvchat-fixed-alert").getElementsByClassName("alert-row")[0].innerHTML = escapeHtml(message);
document.getElementById("jvchat-fixed-alert").setAttribute("class", `alert alert-${type}`);
}
function removeFixedAlert(message, changeFavicon) {
document.getElementById("jvchat-fixed-alert").classList.add("jvchat-hide");
if (message !== undefined) {
addAlertbox("success", message);
}
if (changeFavicon) {
if (document.hidden && nbNewMessage > 0) {
setFavicon(nbNewMessage > 99 ? 99 : nbNewMessage);
} else {
setFavicon("");
}
}
}
function setTurboWarning() {
let message = "Le mode turbo est resté activé pendant plus d'une minute, les requêtes pour récupérer les nouveaux messages risquent d'être ralenties";
document.getElementById("jvchat-turbo-warning").getElementsByClassName("alert-row")[0].innerHTML = message;
document.getElementById("jvchat-turbo-warning").setAttribute("class", "alert alert-warning");
}
function removeTurboWarning() {
document.getElementById("jvchat-turbo-warning").classList.add("jvchat-hide");
}
function setDegradedRefreshWarning() {
let message = "Les serveurs de JVC semblent surchargés, l'actualisation des nouveaux messages peut s'en voir dégradée";
document.getElementById("jvchat-degraded-refresh-warning").getElementsByClassName("alert-row")[0].innerHTML = message;
document.getElementById("jvchat-degraded-refresh-warning").setAttribute("class", "alert alert-warning");
}
function removeDegradedRefreshWarning() {
document.getElementById("jvchat-degraded-refresh-warning").classList.add("jvchat-hide");
}
function makeJVChatButton() {
let cls = 'btn-jvchat';
// New structure: match buttonsNavbar__button style with highlighted variant
let btn = `<span class="buttonsNavbar__space"></span><button class="buttonsNavbar__button buttonsNavbar__button--highlighted ${cls}" type="button"><i class="buttonsNavbar__icon icon-comments"></i><div class="buttonsNavbar__label">JVChat</div></button>`;
// Old structure fallback
let btnOld = `<button class="btn btn-actu-new-list-forum ${cls}">JVChat</button>`;
return { newBtn: btn, oldBtn: btnOld };
}
function addJVChatButton(document) {
let css = `<style type="text/css">
#forum-main-col .bloc-pre-pagi-forum {
display: flex;
}
#forum-main-col .bloc-pre-pagi-forum .bloc-pre-right {
position: relative;
right: unset;
left: unset;
top: unset;
bottom: unset;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
margin-top: auto;
flex: 1;
}
#forum-main-col .bloc-pre-pagi-forum .bloc-pre-right button {
float: right;
min-width: 5.25rem;
margin-left: 0.3125rem;
}
.btn-jvchat.buttonsNavbar__button {
font-weight: bold;
}
@media (min-width: 1000px) and (max-width: 1199px) {
.buttonsNavbar {
padding-left: 0;
padding-right: 0;
}
.icon-refresh + .buttonsNavbar__label {
display : none;
}
}
</style>`
document.head.insertAdjacentHTML("beforeend", css);
let jvchatButtons = makeJVChatButton();
// New structure: insert at the end of .buttonsNavbar (after "Actualiser")
let buttonsNavbar = document.querySelectorAll(".buttonsNavbar");
for (let bloc of buttonsNavbar) {
bloc.insertAdjacentHTML('beforeend', jvchatButtons.newBtn);
}
// Old structure fallback
if (!buttonsNavbar.length) {
let blocPreRight = document.getElementsByClassName("bloc-pre-right");
for (let bloc of blocPreRight) {
bloc.insertAdjacentHTML('afterbegin', jvchatButtons.oldBtn);
}
}
}
function bindJVChatButton(document) {
let buttons = document.getElementsByClassName('btn-jvchat');
for (let btn of buttons) {
btn.addEventListener('click', tryCatch(triggerJVChat));
}
}
function request(mode, url, callbackSuccess, callbackError, callbackTimeout, data, json, timeout, nocache) {
json = !!json;
let xhr = new XMLHttpRequest();
xhr.timeout = timeout;
xhr.ontimeout = tryCatch(function xhrOnTimeout() {
callbackTimeout(`La délai d'attente de la requête a expiré`);
});
xhr.onerror = tryCatch(function xhrOnError() {
callbackError(`La requête a échoué (${xhr.status}): ${xhr.statusText}`, xhr.status);
});
xhr.onabort = tryCatch(function xhrOnAbort() {
if (!leavingTopic) {
callbackTimeout(`La requête a été interrompue pour une raison inconnue`);
}
});
xhr.onload = tryCatch(function xhrOnLoad() {
if (xhr.status !== 200) {
callbackError(`La requête a retourné une erreur (${xhr.status}) : ${xhr.statusText}`, xhr.status);
return;
}
callbackSuccess(xhr.response, xhr.response.URL);
});
if (data === undefined) {
data = null;
}
if (json) {
xhr.responseType = "json";
} else {
xhr.responseType = "document";
}
xhr.open(mode, url, true);
if (nocache) {
xhr.setRequestHeader("Cache-Control", "no-cache, no-store, must-revalidate");
}
xhr.send(data);
};
// On copie/colle le code de TopicLive et on se sent développeur :)
function makeFavicon() {
let canvas = document.createElement("canvas");
canvas.width = 16;
canvas.height = 16;
let context = canvas.getContext('2d');
let image = new Image();
image.onload = function () {
faviconLoaded = true;
setFavicon(faviconTextWhenLoaded);
}
image.src = 'data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAADyZgAA72IAAO9iAADvYQAA7mEAAO9iAADvYgAAAkD9AABA/wAAPv8AAD7/AAA+/wAAPv8AAD7/AAAAAAAAAAAA72IAAO5hAADtYAAA72IABO9iAATtZAYA62kRAP+KAAAAO/8AADv/AAA7/wAAO/8AADz/AAA8/wAAAAAAAAAAAO9iAAHuYQA57mEAie5hAK/uYQCv7mIChexpDzBQP4gAADv/DAA8/3sAPP+XADz/hAA8/xUAPP8AAD7/AAAAAADuYQB77mEA6e5hAP/uYQD/7mEA/+5kBf/laxjh32wVRwA7/zwAPP/1ADz//wA8//0APP9UADz/AAA8/wAAAAAA7mEAoO5hAP3uYQD/7mEA6u5hAPTsZwv/3msd/8RhHMgVP+GdADz//wA8//8APP//ADz/oQA9/wIAPf8AAAAAAO5hAA7uYQCI7mEAke5hACvuYwNb6WoT8NZpHv+hVC37Fz7a9QA8//8APP//ADz//wA8/+AAPP8kADz/AAA+/wDuYQAA7mIABe5iAAXtZAYA7W0WEeNsG9LLZBv/c0pd/wQ8+P8APP//ADz/8AA8//4APP/+ADz/ZQA8/wAAO/8A7mEAAO5hAADuYQAA5G0cAOluGxHaax/Pulwd/z5Cov8APP//ADz/9gA8/4oAPP/tADz//wA8/7IAPf8HADz/AAAAAAAAAAAAAAAAAN1sHwDibh8R0Wcdz5pSNf8UPd7/ADz//wA8/9cAPP8pADz/wwA8//8APP/qADz/MAA8/wAAAAAAAAAAAAAAAADTaCAA2WwhEsVhGc9pSWv/ATz9/wA8//8APP+cADr/AAA8/4MAPP//ADz//wA8/3YAPP8AAAAAAAAAAAAAAAAAx2MeANFnGxKvVyDPNUGw/wA8//8APP/7ADz/VgA8/wAAPP9AADz/8wA8//8APP/BADz/DwAAAAAAAAAAAAAAALhbGwDUXwAShU1H0BA95v8APP//ADz/3QA8/x8APP8AADz/EQA8/8sAPP//ADz/8AA8/0cAAAAAAAAAAAAAAACkUBoAwVIAEkdDlNMBPP3/ADz//wA8/6QAPf8CAD3/AAA7/wAAPP+LADz//wA8//8APP+hAAAAAAAAAAAAAAAAbEVcAG9FVQ0YPtqUADz/uAA8/7YBPP5MADz/AAA8/wAAPP8AADz/OgA8/7MAPP+3ADz/oQAAAAAAAAAAAAAAAAA5/wAAOP8AADv/BQA8/wYAPP4FBzzzAQE8/QAAPf8AADz/AAA9/wEAPP8FADz/BgA8/wYAAAAAAAAAAAAAAAAnP8QAJT/HAAY89gAAPP8AADz/AAM8+QABPP0AAAAAAAA8/wAAPP8AADz/AAA8/wAAPP8AAAMAAAADAAAAAQAAAAEAAAABAAAAAAAAAAAAAAAAAADgAAAA4AAAAOAAAADgAAAA4AAAAOAAAADgAAAA4CAAAA==';
return { canvas: canvas, context: context, image: image };
};
function setFavicon(txt) {
if (!faviconLoaded) {
faviconTextWhenLoaded = txt;
return;
}
let fav = document.getElementById("jvchat-favicon");
if (fav) {
fav.parentElement.removeChild(fav);
}
favicon.context.clearRect(0, 0, favicon.canvas.width, favicon.canvas.height);
favicon.context.drawImage(favicon.image, 0, 0);
if (txt !== '') {
let context = favicon.context;
context.fillStyle = 'DodgerBlue';
context.fillRect(0, 0, context.measureText(txt).width + 3, 11);
context.fillStyle = 'white';
context.font = 'bold 10px Verdana';
context.textBaseline = 'bottom';
context.fillText(txt, 1, 11);
}
let url = favicon.canvas.toDataURL('image/png');
let icon = `<link id="jvchat-favicon" rel="shortcut icon" type="image/png" href="${url}">`;
document.head.insertAdjacentHTML("beforeend", icon);
}
function reverseMessage(node, isInit, isUl) {
let quote = "";
let prevIsP = false;
let startsWithSpoil = false;
for (let child of node.childNodes) {
let name = child.nodeName;
switch (name) {
case "P": {
quote += reverseMessage(child) + "\n\n";
break;
}
case "STRONG": {
quote += "'''" + reverseMessage(child) + "'''";
break;
}
case "U": {
quote += "<u>" + reverseMessage(child) + "</u>";
break;
}
case "S": {
quote += "<s>" + reverseMessage(child) + "</s>";
break;
}
case "EM": {
quote += "''" + reverseMessage(child) + "''";
break;
}
case "BR": {
quote += "\n";
break;
}
case "UL": {
quote += reverseMessage(child, false, true) + "\n\n";
break;
}
case "OL": {
quote += reverseMessage(child, false, false) + "\n\n";
break;
}
case "LI": {
if (isUl === true) {
quote += "* " + reverseMessage(child) + "\n";
} else {
quote += "# " + reverseMessage(child) + "\n";
}
break;
}
case "DIV": {
let classList = child.classList;
if (classList.contains("message__spoil")) {
if (quote === "") {
startsWithSpoil = true;
}
quote += "<spoil>" + reverseMessage(child) + "</spoil>\n\n"
} else if (classList.contains("message__spoilContent")) {
quote += reverseMessage(child);
}
break;
}
case "SPAN": {
let classList = child.classList;
if (classList.contains("message__spoil")) {
quote += "<spoil>" + reverseMessage(child) + "</spoil>";
} else if (classList.contains("message__spoilContent")) {
quote += reverseMessage(child);
}
break;
}
case "LABEL": {
break;
}
case "INPUT": {
break;
}
case "IMG": {
quote += child.alt;
break;
}
case "A": {
// GUARD PSEUDO LINK
if (child.classList.contains("deboucled-highlighted")) {
quote += reverseMessage(child);
} else if (child.href) {
quote += child.href;
} else {
quote += reverseMessage(child);
}
break;
}
case "PRE": {
quote += reverseMessage(child) + "\n\n";
break;
}
case "CODE": {
quote += "<code>" + child.textContent + "</code>";
break;
}
case "BLOCKQUOTE": {
if (prevIsP) {
quote = quote.trimEnd() + "\n" + reverseMessage(child).replace(/^/gm, '> ') + "\n\n";
} else {
quote += reverseMessage(child).replace(/^/gm, '> ') + "\n\n";
}
break;
}
case "#text": {
// The "isInit" check is to prevent the empty text surroudning message
// However, it may happen that the root node contains valid text child, so it need to be added somehow
// For some reason, an "new line" may be missing in this case, so just add it
if (!isInit || child.textContent.trim() !== "") {
quote += child.textContent;
if (isInit && !quote.endsWith("\n")) {
quote += "\n";
}
}
break;
}
default: {
break;
}
}
if (name == "P") {
prevIsP = true;
} else {
prevIsP = false;
}
}
quote = quote.replace(/(\n){3,}/g, '\n\n');
if (startsWithSpoil && isInit) {
quote = "\n" + quote.trimEnd();
} else {
quote = quote.trim();
}
if (isInit) {
quote = quote.replace(/^/gm, '> ');
}
return quote;
}
function reverseQuote(blocMessage) {
let author = blocMessage.getElementsByClassName("jvchat-author")[0].textContent.trim();
let date = blocMessage.getElementsByClassName("jvchat-date")[0].getAttribute("to-quote");
let header = `> Le ${date} ${author} a écrit :\n`;
let quoted = reverseMessage(blocMessage.getElementsByClassName("txt-msg")[0], true);
return header + quoted + '\n\n';
}
function insertAtCursor(input, textToInsert) {
const value = input.value;
const start = input.selectionStart;
const end = input.selectionEnd;
const newValue = value.slice(0, start) + textToInsert + value.slice(end);
setTextAreaValue(input, newValue);
input.selectionStart = input.selectionEnd = start + textToInsert.length;
}
function dontScrollOnExpand(event) {
let target = event.target;
if (!target) {
return;
}
let classes = target.classList;
if (classes.contains("message__collapsedQuote")) {
let isDown = isScrollDown();
let blockQuote = target.closest(".message__blockquote");
blockQuote.classList.toggle("message__blockquote--visible");
if (isDown) {
setScrollDown();
}
} else if (classes.contains("message__spoilLabel") || classes.contains("message__spoilDisplay") || classes.contains("message__spoilMask")) {
event.preventDefault();
let check = target.closest(".message__spoil").getElementsByClassName("message__openSpoil")[0];
let isDown = isScrollDown();
check.checked = !check.checked;
if (isDown) {
setScrollDown();
}
} else if (classes.contains("jvchat-quote")) {
let bloc = target.closest(".jvchat-message");
let quote = reverseQuote(bloc);
let textarea = getTextArea();
if (!textarea) return;
if (isReduced) {
toggleTextarea();
}
insertAtCursor(textarea, quote);
textarea.focus();
} else if (classes.contains("jvchat-edit")) {
let bloc = target.closest(".jvchat-message");
let messageId = target.dataset.messageId || bloc.getAttribute("jvchat-id");
if (messageId) {
requestMessageDataForEdit(messageId, bloc);
}
} else if (classes.contains("jvchat-delete")) {
let bloc = target.closest(".jvchat-message");
event.stopPropagation();
requestDelete(bloc);
} else if (classes.contains("jvchat-edition-cancel")) {
let bloc = target.closest(".jvchat-message");
let isDown = isScrollDown();
bloc.getElementsByClassName("jvchat-content")[0].classList.remove("jvchat-hide");
bloc.getElementsByClassName("jvchat-edition")[0].classList.add("jvchat-hide");
if (isDown) {
setScrollDown();
}
}
}
function isScrollDown() {
let element = document.getElementById("jvchat-main");
return element.clientHeight + Math.floor(element.scrollTop) >= element.scrollHeight - 1;
}
function setScrollDown() {
let element = document.getElementById("jvchat-main");
element.scrollTop = element.scrollHeight + 10000;
}
function main() {
function init() {
addJVChatButton(document);
bindJVChatButton(document);
}
// If buttonsNavbar already exists, init immediately
if (document.querySelector(".buttonsNavbar")) return init();
// Wait for React to render the buttonsNavbar
let observer = new MutationObserver(function (mutations, obs) {
if (document.querySelector(".buttonsNavbar")) {
obs.disconnect();
init();
}
});
observer.observe(document.body, { childList: true, subtree: true });
// Fallback timeout: if buttonsNavbar never appears abort
setTimeout(() => observer.disconnect(), 5000);
}
main();