hyvor test

hyvor.html

{{-- HYVOR --}}
<hyvor-talk-comments
    class="mt-4" 
    website-id="{{ hyvorId }}"
    page-id="{{ pageId }}"
    page-language="{{ lang }}"
    loading="manual"
></hyvor-talk-comments>

hyvor.js

export const initHyvor = (sso) => {
    const hyv = document.createElement("script");
    hyv.type = "module";
    hyv.async = true;
    hyv.src = "//talk.hyvor.com/embed/embed.js";
    (
        document.getElementsByTagName("head")[0] ||
        document.getElementsByTagName("body")[0]
    ).appendChild(hyv);

    const comments = document.querySelector("hyvor-talk-comments");
    console.log(comments);
    console.log(sso);
    // comments.setAttribute("sso-user", sso.userData);
    // comments.setAttribute("sso-hash", sso.hash);
    comments.ssoUser = sso.userData;
    comments.ssoHash = sso.hash;
    comments.settings = {
        auth: {
            sso_stateless_login_url: `${sso.url}/sign-in`
        },
        comments_view: {
            is_keyboard_navigation_on: false
        },
        realtime: {
            count: false
        },
        reactions: {
            display_type: 'image'
        },
        ui: {
            box_radius: 0
        }
    };
    
    comments.addEventListener('auth:login:clicked', function (e) {
        console.log("btn clicked");
    })

    comments.load();
    
    // const hyvorInterval = setInterval(() => {
    //     if (comments.shadowRoot) {
    //         clearInterval(hyvorInterval);
    //         console.log('loaded');
    //         console.log(comments)
    //         comments.load();
    //     }
    // }, 200)
}