-
-
Notifications
You must be signed in to change notification settings - Fork 41
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
✨ feat: add support for Hyvor Talk comments
- Loading branch information
Showing
10 changed files
with
184 additions
and
43 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,43 @@ | ||
| function initHyvorTalk() { | ||
| // Get the div that will contain the comments. | ||
| const commentsDiv = document.querySelector('#comments'); | ||
| if (commentsDiv) { | ||
| // Get the various settings from data attributes on the div. | ||
| const websiteId = commentsDiv.getAttribute('data-website-id'); | ||
| const pageId = commentsDiv.getAttribute('data-page-id'); | ||
| const pageLanguage = commentsDiv.getAttribute('data-page-language'); | ||
| const loading = commentsDiv.getAttribute('data-loading'); | ||
| const pageAuthor = commentsDiv.getAttribute('data-page-author'); | ||
|
|
||
| // Create a new script tag that will load the Hyvor Talk script. | ||
| const script = document.createElement('script'); | ||
| script.src = 'https://talk.hyvor.com/embed/embed.js'; | ||
| script.async = true; | ||
| script.type = 'module'; | ||
| document.head.appendChild(script); | ||
|
|
||
| // Create a new Hyvor Talk comments tag. | ||
| const comments = document.createElement('hyvor-talk-comments'); | ||
| comments.setAttribute('website-id', websiteId); | ||
| comments.setAttribute('page-id', pageId); | ||
| comments.setAttribute('page-language', pageLanguage); | ||
| comments.setAttribute('loading', loading); | ||
| comments.setAttribute('page-author', pageAuthor); | ||
|
|
||
| // Choose the correct theme based on the current theme of the document. | ||
| const currentTheme = document.documentElement.getAttribute('data-theme') || 'light'; | ||
| comments.setAttribute('colors', currentTheme); | ||
|
|
||
| // Add the Hyvor Talk comments tag to the div. | ||
| commentsDiv.appendChild(comments); | ||
|
|
||
| // Listen for theme changes and update the Hyvor Talk theme when they occur. | ||
| window.addEventListener('themeChanged', (event) => { | ||
| const selectedTheme = event.detail.theme; | ||
| comments.setAttribute('colors', selectedTheme); | ||
| }); | ||
| } | ||
| } | ||
|
|
||
| // Initialize HyvorTalk. | ||
| initHyvorTalk(); |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Oops, something went wrong.