Retours Discourse

Merci, oui, c’est une particularité de Popper, la bibliothèque utilisée par le sélecteur d’emojis pour le positionnement. J’ai mis à jour l’utilisation de Popper pour corriger cela.

4 « J'aime »

Tout d’abord, un immense merci à @angus :pray: d’avoir repris ce plugin, c’est l’un de nos favoris depuis un moment maintenant.

J’ai mis à jour vers la dernière version et il semble que cela rompe les MP.

Uncaught TypeError: Cannot read property 'map' of undefined
    at _retort-2c5f89abb14744b92588a2ea05689cf5f5fe97d5b9094543abfacf0b1281182f.js:57
    at _application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:82147
    at Array.map (<anonymous>)
    at h (_application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:82146)
    at i.html (_application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:78359)
    at i.value (_application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:82625)
    at i.value (_application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:82345)
    at s (_vendor-66c7c54e4c3d88ab9a314688832cc04210ab4ae3401f48fb186a7134473d0d0a.js:20534)
    at t.exports (_vendor-66c7c54e4c3d88ab9a314688832cc04210ab4ae3401f48fb186a7134473d0d0a.js:20521)
    at e (_vendor-66c7c54e4c3d88ab9a314688832cc04210ab4ae3401f48fb186a7134473d0d0a.js:19890)
_retort-2c5f89abb14744b92588a2ea05689cf5f5fe97d5b9094543abfacf0b1281182f.js:368 Uncaught TypeError: Cannot read property 'toString' of undefined
    at t.disabledFor (_retort-2c5f89abb14744b92588a2ea05689cf5f5fe97d5b9094543abfacf0b1281182f.js:368)
    at _retort-2c5f89abb14744b92588a2ea05689cf5f5fe97d5b9094543abfacf0b1281182f.js:51
    at _application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:82147
    at Array.map (<anonymous>)
    at h (_application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:82146)
    at i.html (_application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:78359)
    at i.value (_application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:82625)
    at i.value (_application-95c62ce5b40d9a86771813c87729bec8a97a85040e9142c1de823499c05122ad.js:82345)
    at s (_vendor-66c7c54e4c3d88ab9a314688832cc04210ab4ae3401f48fb186a7134473d0d0a.js:20534)
    at t.exports (_vendor-66c7c54e4c3d88ab9a314688832cc04210ab4ae3401f48fb186a7134473d0d0a.js:20521)
1 « J'aime »

Merci, nous avons eu une PR supprimant lodash aujourd’hui, une autre dépréciation.

Cela devrait être résolu maintenant :

Veuillez mettre à jour et me tenir informé de l’avancement.

8 « J'aime »

Ça semble fonctionner correctement maintenant, merci beaucoup ! :smile:

Nous avons appliqué ce CSS pour que cela nous rende un peu mieux l’apparence

Bureau

.emoji-picker.has-limited-set img.emoji {
    width: 40px !important;
    height: 40px !important;
}

.post-retort {
    margin: 0px 2px;
}

.emoji-picker.has-limited-set .limited-emoji-set {
    flex-wrap: wrap;
}

.emoji-picker {
    min-height: 80px;
    max-width: 400px;
}

Mobile

.emoji-picker.has-limited-set .limited-emoji-set {
    flex-wrap: wrap !important;
}

.emoji-picker {
    min-width: 100% !important;
}

4 « J'aime »

Je viens de reconstruire Discourse pour mettre à jour le plugin. Mais maintenant, l’icône du plugin a disparu, ainsi que tous mes composants de thème. Je ne sais pas si cela est lié, mais j’ai ce message dans la console du navigateur :

Édition : après avoir désactivé Retort, tous les composants de thème sont réapparus, il semble donc vraiment y avoir un lien.

2 « J'aime »

Je rencontre souvent cette erreur sur mon site et, après un certain temps, l’ensemble du site devient lent et saccadé pour moi.

En mode sans échec, tout fonctionne bien : le site est rapide et réactif.

Utilisation de Google Chrome : Version 85.0.4183.83 (version officielle) (64 bits)

L’erreur :

Uncaught TypeError: Cannot read property 'map' of undefined
    at retort-11c49191cf3e1f7f570d8808ade67b5d7fcfdfe612b792c49f064baacdebadc7.js:1
    at application-acabe31b416e73071c4f82b77bdadcf4a5fc525109638830baeeacd14e3a3656.js:1
    at Array.map (<anonymous>)
    at h (application-acabe31b416e73071c4f82b77bdadcf4a5fc525109638830baeeacd14e3a3656.js:1)
    at i.html (application-acabe31b416e73071c4f82b77bdadcf4a5fc525109638830baeeacd14e3a3656.js:1)
    at i.value (application-acabe31b416e73071c4f82b77bdadcf4a5fc525109638830baeeacd14e3a3656.js:1)
    at i.value (application-acabe31b416e73071c4f82b77bdadcf4a5fc525109638830baeeacd14e3a3656.js:1)
    at s (vendor-bf8061112a1b547c1b596d16d89c9a42af976a43984f9eacd40a8c690c0f30b2.js:1)
    at t.exports (vendor-bf8061112a1b547c1b596d16d89c9a42af976a43984f9eacd40a8c690c0f30b2.js:1)
    at e (vendor-bf8061112a1b547c1b596d16d89c9a42af976a43984f9eacd40a8c690c0f30b2.js:1)



 if (!v.default.disabledFor(e))
                    return v.default.storeWidget(r),
                    o.retorts.map(function(e) {   <<<<< ERREUR SUR CETTE LIGNE
                        var t = e.usernames
                          , i = e.emoji;
                        return r.attach("retort-toggle", {
                            post: o,
                            usernames: t,
                            emoji: i
                        })

Quelques problèmes CSS et comment je les ai résolus pour notre usage personnel

Bureau

Le premier n’est pas vraiment un problème, mais cela pourrait l’être. Nous avons rarement autant de réactions sur un message, mais sachez que si vous dépassez 8 réactions, les contrôles du message se briseront.
screenshot-vapingcommunity.co.uk-2020.09.08-20_46_47

Voici à quoi cela ressemble avec 8 réactions, cela semble super.
screenshot-vapingcommunity.co.uk-2020.09.08-20_47_53

CSS utilisé pour le bureau

.post-retort {
	margin: 0px 2px;
	border: 1px solid #333;
	border-radius: 5px;
	padding: 3px;
	background-color: #666;
}

Téléphone : iPhone SE Gen1

Mobile

Le nombre maximum de réactions possible actuellement sur mobile sans briser les contrôles du message, du moins sur un écran plus petit, est de 1.

Avec plus d’une réaction, les contrôles du message sont déplacés hors de l’écran.

Voici à quoi cela ressemble avec nos modifications CSS.

CSS Mobile

.post-retort {
	border: 1px solid #333;
	border-radius: 5px;
	padding: 3px;
	background-color: #666;
	margin: 2px 2px;
	float: none;
}

Vous pouvez obtenir le même aspect sur le bureau que sur mobile en utilisant le CSS Mobile ci-dessus. Cela placera les réactions au-dessus des contrôles de votre message.

screenshot-vapingcommunity.co.uk-2020.09.08-21_03_13

Nous aimons beaucoup cette extension et elle est très utilisée sur notre forum, merci de l’avoir prise en charge @angus :+1:

5 « J'aime »

Je rencontre également cette erreur. Mes composants de thème fonctionnent toujours, mais le sélecteur de réplique n’est visible nulle part (car le JavaScript est cassé).

Nous avons mis à jour notre Discourse vers la version 2.5.1, puis installé ce plugin pour la toute première fois.

4 « J'aime »

Je ne peux pas utiliser wait load

2 « J'aime »

J’ai réussi à régler mon problème en reconstruisant l’application aujourd’hui.
Peut-être pouvez-vous essayer cela de votre côté ?

Je suis également sur la version stable (2.5.1).

1 « J'aime »

Oui, j’ai signalé le problème sur leur tracker d’incidents GitHub et il a été résolu le lendemain, c’est très bien :slight_smile:

2 « J'aime »

Salut à tous, nous adorons ce plugin, mais depuis la dernière mise à jour, nous voyons des émojis à la peau blanche au lieu des émojis jaunes neutres sur notre forum communautaire.

Nous n’avons modifié aucun paramètre. Voici notre configuration actuelle :

Est-ce normal ? Peut-on le modifier ?

Merci !!

3 « J'aime »

Bonjour à tous,

Je suis nouveau sur Discourse. J’ai installé Discourse à partir du code source sur GitHub et il fonctionne déjà en ligne.

Aujourd’hui, j’ai installé Retort et je peux voir dans Admin > Plugins que le nouveau plugin Retort est présent et activé.

Lorsque j’ai publié un nouveau sujet et que je l’ai consulté avec un autre compte, espérant pouvoir utiliser le nouveau plugin Retort, je ne parviens pas à voir le bouton attendu…

Je suis retourné dans Admin et j’ai confirmé que les options du plugin étaient configurées comme décrit dans le manuel. Veuillez voir l’image ci-dessous.

Puisque je ne peux poster qu’une seule image ici, j’ai regroupé les trois images en une seule :

Pourriez-vous donc m’aider à identifier ce qui ne va pas ? Toute suggestion est la bienvenue. Merci beaucoup d’avance.

1 « J'aime »

Ce n’est pas prévu, non. Je vais jeter un coup d’œil ce week-end.

@kchang Pourrais-tu ouvrir la console web (How can I open the browsers console? – Mailster Knowledge Base) et vérifier s’il y a des exceptions liées à cela ou à d’autres plugins ou thèmes que tu as installés (copie et colle ici toutes les lignes rouges de la console ; si elles sont longues, cache-les dans un onglet « Masquer les détails »).

2 « J'aime »

Bonjour @angus,

Je vous remercie beaucoup pour votre réponse. J’ai remarqué plusieurs lignes rouges dans la console ; veuillez consulter l’image ci-dessous provenant d’Opera chaque fois que j’accède à un sujet.

Il semble qu’il y ait un problème avec l’instruction « import » dans mon installation. J’ai installé Discourse à partir du code source, et non via Docker ; c’est pourquoi je place toujours les nouveaux plugins dans discourse/plugins, ce qui m’a permis d’installer avec succès deux autres plugins. Je ne suis pas certain que ce soit la méthode appropriée pour installer retort de la même manière.

Par ailleurs, j’avais bien installé @popperjs/core via npm auparavant, mais je ne sais pas pourquoi j’ai rencontré cette erreur…

Merci.

1 « J'aime »

Cette importation a été ajoutée dans le cadre de la refactorisation de l’emoji-picker qui a conduit à la mise à jour de ce plugin il y a quelque temps (voir ci-dessus). Elle a été ajoutée à Discourse il y a environ un mois. Si vous rencontrez cette erreur, cela signifie que vous exécutez une version plus ancienne de Discourse. Je suppose que vous utilisez la branche stable.

Ce plugin prend également en charge stable, via le fichier .discourse_compatibility, mais si vous n’utilisez pas Docker, vous devrez installer le plugin à l’aide de la tâche rake plugin:pull_compatible_all, qui récupérera la bonne version du plugin pour stable.

S’il s’agit d’un environnement de production et que vous êtes relativement nouveau sur Discourse, je vous recommande vivement d’utiliser Docker. Il gère plusieurs aspects de la gestion d’un environnement Discourse, comme la récupération de la bonne version du plugin pour votre environnement, ce qui pourrait potentiellement vous poser problème.

4 « J'aime »

Bonjour, j’avais des emojis restreints. Lors d’une mise à jour il y a quelque temps, j’ai dû autoriser les emojis sans restriction pour que le plugin fonctionne.

1 « J'aime »

Merci beaucoup @angus, vous avez raison, je suis maintenant sur la branche stable de Discourse. Je vais exécuter la tâche rake pour récupérer la version compatible de Retort. Une fois que j’aurai obtenu un nom de domaine, je passerai à l’image Docker pour une méthode plus pratique. :grinning:

Mise à jour :
J’ai exécuté rake plugin:pull_compatible_all, mais il semble que ma version stable de Discourse soit trop ancienne. J’ai donc téléchargé la dernière version de Discourse. Maintenant, tout fonctionne parfaitement :grin:

Encore merci pour votre aide précieuse :smiley:

2 « J'aime »

Dans le thème par défaut de Discourse, en vue mobile, le bouton de réponse est séparé des autres icônes de la barre d’outils inférieure (j’aime, partager, etc.), ce qui repousse l’icône de réplique vers le bas et donne un résultat très laid.
J’utilise ce CSS ajouté au thème pour corriger la conception. Peut-être le trouverez-vous utile également.

.mobile-view {
    
    .topic-post nav.post-controls .actions button.reply {
        margin: inherit;
        margin-left: 10px;
    }
    
    nav.post-controls .actions {
        text-align: right;
        float: right;
        display: inline-block;
    }
    
    .topic-post nav.post-controls .actions .double-button {
        display: inline-flex;
    }
    
    .post-menu-area {
        margin: 0;
        padding-top: 15px;
    }
}
3 « J'aime »

Super, merci :slightly_smiling_face:

Si tu as besoin d’aide pour déboguer cela ou si tu as une idée de ce qui pourrait être le problème, fais-le-moi savoir.

1 « J'aime »