Integrate Discourse comment feature for blog posts

[neatudarius]

Integrate Discourse comment feature for blog posts

• Open issue in docusaurus org
• Research for plugins
• Integrate plugin
  • Prod env
  • Preview env
  • localhost env

[neatudarius]

Possible leads:

• https://docusaurus.io/feature-requests/p/comments-in-documents-or-blogs
• https://dev.to/anshuman_bhardwaj/add-comments-to-your-docusaurus-website-in-5-minutes-3pck
• Proposal: Add support for comments powered by Discourse facebook/docusaurus#738

[neatudarius]

Open issue in docusaurus org to get an official response: facebook/docusaurus#11082

[RaduNichita]

https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963

[neatudarius]

Are you doing a poc in #92 ? I assigned this issue to you.

[neatudarius]

#99 merged

[neatudarius]

Current prod deployed partially works.

1. I tested on Chrome + Safari + Firefox Desktop MAC OS -worked. Also Android Chrome - worked.

2. On /blog page we should not display Discourse entry!

3. first access to a blog/$id page does not load the plugin

4. refresh you will see

this only of you already have comments

5. delete the discourse entry, refresh you will see

Loading message never dissapear.

6. Refresh you will see start discussion

7. Click o start, you should see this

[neatudarius]

@RaduNichita / @mguludag made some hotfixes in last 24h.

I tested with latest prod environment (https://bemanproject.org/) and generated comments (check all 6 links):

• https://bemanproject.org/blog/nyc-hackathon/ -> https://discourse.bemanproject.org/t/nyc-hackathon-the-beman-project/485/5
• https://bemanproject.org/blog/beman-tutorial/ -> https://discourse.bemanproject.org/t/beman-project-introduction-online-the-beman-project/486/2
• https://bemanproject.org/blog/about-beman -> https://discourse.bemanproject.org/t/about-beman-the-beman-project/487/4

My checked items:

• Works for MAC OS (Chrome + Firefox + Safari) + Android (Chrome) 🥇
• Previously, on https://bemanproject.org/blog/, a discourse plugin was loaded and it was wrong. Now I cannot see this, which is OK.
• Previously, when accessing a blog page, e.g. https://bemanproject.org/blog/nyc-hackathon/, an infinite lasting Loading discussion message happen, required refresh to do that. Repro steps: https://bemanproject.org -> https://bemanproject.org/blog -> https://bemanproject.org/blog/about-beman. I managed to repro one time and only on Chrome MAC OS. I think we can also mark this as fixed.
• Update docs - Update docs for creating blogpost with instructions for enabling the Discourse plugin #101
• TLDR
  • Prod env
  • Local host - it only works for Firefox MAC OS, in my case.
  • Preview - Does not work for PR previews - and I think we cannot make it work - we cannot add *.netfly.app in Allowed lists.

@JeffGarland , would you also do a review before marking Prod env as DONE? (There will be work left for localhost and preview - TBD). LGTM from my end. Great work @RaduNichita and @mguludag!

[JeffGarland]

Fantastic work to all! @neatudarius I think we should close this issue now and if we want the local host thing open a new improvement issue? I'm not sure it's important though....