@snippyly/plugin-staging 1.0.1

package/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const REVIEW_MODE = "review-mode";
+export declare const REVIEW_DOC_ID = "review-doc-id";
+export declare const SNIPPYLY_USER = "snippyly-user";
+//# sourceMappingURL=constants.d.ts.map

package/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,gBAAgB,CAAC;AACzC,eAAO,MAAM,aAAa,kBAAkB,CAAC;AAC7C,eAAO,MAAM,aAAa,kBAAkB,CAAC"}

package/constants.js

@@ -0,0 +1,4 @@
+export const REVIEW_MODE = 'review-mode';
+export const REVIEW_DOC_ID = 'review-doc-id';
+export const SNIPPYLY_USER = 'snippyly-user';
+//# sourceMappingURL=constants.js.map

package/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC;AACzC,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC;AAC7C,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC","sourcesContent":["export const REVIEW_MODE = 'review-mode';\r\nexport const REVIEW_DOC_ID = 'review-doc-id';\r\nexport const SNIPPYLY_USER = 'snippyly-user';"]}

package/environment.d.ts

@@ -0,0 +1,3 @@
+export declare const SNIPPYLY_LOGIN_BASE_URL = "https://snippyly-login-staging.web.app/";
+export declare const SNIPPYLY_SDK_STAGING = true;
+//# sourceMappingURL=environment.d.ts.map

package/environment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"environment.d.ts","sourceRoot":"","sources":["../src/environment.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,4CAA4C,CAAC;AAEjF,eAAO,MAAM,oBAAoB,OAAO,CAAC"}

package/environment.js

@@ -0,0 +1,4 @@
+export const SNIPPYLY_LOGIN_BASE_URL = 'https://snippyly-login-staging.web.app/';
+// export const SNIPPYLY_LOGIN_BASE_URL = 'http://127.0.0.1:8080';
+export const SNIPPYLY_SDK_STAGING = true;
+//# sourceMappingURL=environment.js.map

package/environment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"environment.js","sourceRoot":"","sources":["../src/environment.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG,yCAAyC,CAAC;AACjF,kEAAkE;AAClE,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,CAAC","sourcesContent":["export const SNIPPYLY_LOGIN_BASE_URL = 'https://snippyly-login-staging.web.app/';\r\n// export const SNIPPYLY_LOGIN_BASE_URL = 'http://127.0.0.1:8080';\r\nexport const SNIPPYLY_SDK_STAGING = true;"]}

package/package.json

@@ -0,0 +1,12 @@
+{
+    "name": "@snippyly/plugin-staging",
+    "version": "1.0.1",
+    "description": "",
+    "main": "snippyly.js",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1",
+        "publish:plugin": "npm version patch && npm publish --access public"
+    },
+    "author": "",
+    "license": "ISC"
+}

package/snippyly-plugin.d.ts

@@ -0,0 +1,39 @@
+import { LitElement } from 'lit';
+export declare class SnippylyPlugin extends LitElement {
+    private _loadPlugin;
+    get loadPlugin(): boolean;
+    set loadPlugin(value: boolean);
+    comments: any[];
+    commentElement: any;
+    private _expanded;
+    get expanded(): boolean;
+    set expanded(value: boolean);
+    snippylyUser: any;
+    apiKey: string;
+    staging: boolean;
+    menuOpenedId?: string;
+    copyLinkTooltip: string;
+    constructor();
+    setWindowEventListner: () => void;
+    urlChangeListener: () => void;
+    checkUrl: () => void;
+    loadPluginUI: () => void;
+    initializeSnippyly: () => Promise<void>;
+    identifySnippyly: () => Promise<void>;
+    getComments: () => void;
+    toggleCommentSidebar: () => void;
+    toggleSnippylyPluginToolbar: () => void;
+    loginWithGoogle: () => void;
+    removeSnippyly: () => Promise<void>;
+    signOutUser: () => Promise<void>;
+    toggleMenu: (id: string) => void;
+    copyLink: () => void;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'snippyly-comment-tool': any;
+    }
+}
+//# sourceMappingURL=snippyly-plugin.d.ts.map

package/snippyly-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snippyly-plugin.d.ts","sourceRoot":"","sources":["../src/snippyly-plugin.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAU5C,qBACa,cAAe,SAAQ,UAAU;IAE1C,OAAO,CAAC,WAAW,CAAS;IAC5B,IACW,UAAU,YAEpB;IACD,IAAW,UAAU,CAAC,KAAK,SAAA,EAO1B;IAEQ,QAAQ,EAAE,GAAG,EAAE,CAAM;IAErB,cAAc,EAAE,GAAG,CAAC;IAG7B,OAAO,CAAC,SAAS,CAAQ;IACzB,IAAW,QAAQ,YAElB;IACD,IAAW,QAAQ,CAAC,KAAK,SAAA,EAOxB;IAEQ,YAAY,EAAE,GAAG,CAAC;IAEf,MAAM,EAAG,MAAM,CAAC;IAEnB,OAAO,UAAwB;IAE/B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,eAAe,SAAe;;IAcvC,qBAAqB,aAKpB;IAED,iBAAiB,aAsBhB;IAED,QAAQ,aAgDP;IAED,YAAY,aAmBX;IAED,kBAAkB,sBAMjB;IAED,gBAAgB,sBAIf;IAED,WAAW,aAMV;IAED,oBAAoB,aAInB;IAED,2BAA2B,aAE1B;IAED,eAAe,aAEd;IAED,cAAc,sBAmBb;IAED,WAAW,sBAMV;IAED,UAAU,OAAQ,MAAM,UAMvB;IAED,QAAQ,aAMP;IAED,OAAgB,MAAM,0BA6NtB;IAES,MAAM;CAsElB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,uBAAuB,EAAE,GAAG,CAAC;KAChC;CACJ"}

package/snippyly-plugin.js

@@ -0,0 +1,543 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { css, html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import * as Constants from './constants';
+import { SNIPPYLY_LOGIN_BASE_URL, SNIPPYLY_SDK_STAGING } from './environment';
+import { cyrb53, getLocalStorageData, loadSnippyly, removeLocalStorageData, setLocalStorageData } from './utils';
+let SnippylyPlugin = class SnippylyPlugin extends LitElement {
+    constructor() {
+        super();
+        this._loadPlugin = false;
+        this.comments = [];
+        this._expanded = true;
+        this.staging = SNIPPYLY_SDK_STAGING;
+        this.copyLinkTooltip = 'Copy Link';
+        this.setWindowEventListner = () => {
+            window.addEventListener('locationchange', () => {
+                this.checkUrl();
+                console.log('location change event', window.location.href);
+            });
+        };
+        this.urlChangeListener = () => {
+            const oldPushState = history.pushState;
+            history.pushState = function pushState() {
+                // eslint-disable-next-line prefer-rest-params
+                const ret = oldPushState.apply(this, arguments);
+                window.dispatchEvent(new Event('pushstate'));
+                window.dispatchEvent(new Event('locationchange'));
+                return ret;
+            };
+            const oldReplaceState = history.replaceState;
+            history.replaceState = function replaceState() {
+                // eslint-disable-next-line prefer-rest-params
+                const ret = oldReplaceState.apply(this, arguments);
+                window.dispatchEvent(new Event('replacestate'));
+                window.dispatchEvent(new Event('locationchange'));
+                return ret;
+            };
+            window.addEventListener('popstate', () => {
+                window.dispatchEvent(new Event('locationchange'));
+            });
+        };
+        this.checkUrl = () => {
+            try {
+                console.log('url in checkUrl', window.location.href);
+                const url = new URL(document.location);
+                const params = url.searchParams;
+                if (params.has("snippyly_google_token")) {
+                    console.log('token', params.get("snippyly_google_token"));
+                    const user = JSON.parse(atob(params.get("snippyly_google_token")));
+                    const snippylyUser = {};
+                    snippylyUser.userId = user.uid;
+                    snippylyUser.name = user.displayName;
+                    snippylyUser.email = user.email;
+                    snippylyUser.photoUrl = user === null || user === void 0 ? void 0 : user.photoURL;
+                    snippylyUser.contacts = window.SNIPPYLY_USER_CONTACTS || [];
+                    // localStorage.setItem(Constants.SNIPPYLY_USER, JSON.stringify(snippylyUser))
+                    setLocalStorageData(Constants.SNIPPYLY_USER, JSON.stringify(snippylyUser), true);
+                    params.delete("snippyly_google_token");
+                    window.history.replaceState({}, document.title, url.href);
+                }
+                if (params.has(Constants.REVIEW_MODE)) {
+                    // sessionStorage.setItem(Constants.REVIEW_MODE, 'true');
+                    setLocalStorageData(Constants.REVIEW_MODE, 'true', false, 'sessionStorage');
+                    if (params.has(Constants.REVIEW_DOC_ID)) {
+                        this.loadPluginUI();
+                    }
+                    else {
+                        // generate doc id and set it in params
+                        const tempUrl = new URL(document.location);
+                        tempUrl.searchParams.delete(Constants.REVIEW_MODE);
+                        const docId = cyrb53(tempUrl.href);
+                        params.append(Constants.REVIEW_DOC_ID, `${docId}`);
+                        window.history.replaceState({}, document.title, url.href);
+                        this.loadPluginUI();
+                    }
+                }
+                else {
+                    // check if review mode is there in session storage
+                    if (getLocalStorageData(Constants.REVIEW_MODE, false, 'sessionStorage')) {
+                        const tempUrl = new URL(document.location);
+                        tempUrl.searchParams.delete(Constants.REVIEW_MODE);
+                        params.append(Constants.REVIEW_MODE, 'true');
+                        const docId = cyrb53(tempUrl.href);
+                        params.append(Constants.REVIEW_DOC_ID, `${docId}`);
+                        window.history.replaceState({}, document.title, url.href);
+                        this.loadPluginUI();
+                    }
+                }
+            }
+            catch (err) {
+                console.warn('Error in checkUrl: ', err);
+            }
+        };
+        this.loadPluginUI = () => {
+            this.loadPlugin = true;
+            const commentTool = document.createElement('snippyly-comments');
+            window.document.body.appendChild(commentTool);
+            const commentSidebar = document.createElement('snippyly-comments-sidebar');
+            window.document.body.appendChild(commentSidebar);
+            const cursorTag = document.createElement('snippyly-cursor');
+            window.document.body.appendChild(cursorTag);
+            loadSnippyly(undefined, this.staging, () => {
+                if (window.Snippyly) {
+                    console.log('snippyly', Snippyly);
+                    this.initializeSnippyly();
+                }
+            });
+        };
+        this.initializeSnippyly = async () => {
+            await (Snippyly === null || Snippyly === void 0 ? void 0 : Snippyly.init("UnHxMCCFcclkP4bErBL1"));
+            this.commentElement = Snippyly === null || Snippyly === void 0 ? void 0 : Snippyly.getCommentElement();
+            if (getLocalStorageData(Constants.SNIPPYLY_USER, true)) {
+                this.identifySnippyly();
+            }
+        };
+        this.identifySnippyly = async () => {
+            this.snippylyUser = JSON.parse(getLocalStorageData(Constants.SNIPPYLY_USER, true));
+            await Snippyly.identify(this.snippylyUser);
+            this.getComments();
+        };
+        this.getComments = () => {
+            if (this.commentElement) {
+                this.commentElement.getAllCommentPinAnnotationsOnCurrentDocument().subscribe((comments) => {
+                    this.comments = comments;
+                });
+            }
+        };
+        this.toggleCommentSidebar = () => {
+            if (this.commentElement) {
+                this.commentElement.toggleCommentSidebar();
+            }
+        };
+        this.toggleSnippylyPluginToolbar = () => {
+            this.expanded = !this.expanded;
+        };
+        this.loginWithGoogle = () => {
+            window.open(`${SNIPPYLY_LOGIN_BASE_URL}?redirect_url=${encodeURIComponent(window.location.href)}`, '_self');
+        };
+        this.removeSnippyly = async () => {
+            try {
+                // removeGoogleLoginIframe();
+                // const element = document.getElementById('snippylyScript');
+                // if (element) {
+                //     element.remove();
+                // }
+                // await Snippyly.signOutUser();
+                // sessionStorage.removeItem(Constants.REVIEW_MODE);
+                removeLocalStorageData(Constants.REVIEW_MODE, 'sessionStorage');
+                const url = new URL(document.location);
+                const params = url.searchParams;
+                params.delete(Constants.REVIEW_DOC_ID);
+                params.delete(Constants.REVIEW_MODE);
+                window.history.replaceState({}, document.title, url.href);
+                window.location.reload();
+            }
+            catch (err) {
+                console.warn('Error in removeSnippyly: ', err);
+            }
+        };
+        this.signOutUser = async () => {
+            await Snippyly.signOutUser();
+            removeLocalStorageData(Constants.SNIPPYLY_USER);
+            this.snippylyUser = undefined;
+            window.open(`${SNIPPYLY_LOGIN_BASE_URL}?signout=true&redirect_url=${encodeURIComponent(window.location.href)}`, '_self');
+            // window.location.reload();
+        };
+        this.toggleMenu = (id) => {
+            if (this.menuOpenedId === id) {
+                this.menuOpenedId = undefined;
+            }
+            else {
+                this.menuOpenedId = id;
+            }
+        };
+        this.copyLink = () => {
+            navigator.clipboard.writeText(window.location.href);
+            this.copyLinkTooltip = 'Copied!';
+            setTimeout(() => {
+                this.copyLinkTooltip = 'Copy Link';
+            }, 2000);
+        };
+        this.expanded = true;
+        this.setWindowEventListner();
+        this.urlChangeListener();
+        this.checkUrl();
+        if (SNIPPYLY_SDK_STAGING) {
+            console.log('*** Staging Mode ON! ***');
+        }
+    }
+    get loadPlugin() {
+        return this._loadPlugin;
+    }
+    set loadPlugin(value) {
+        this._loadPlugin = value;
+        if (this.loadPlugin) {
+            this.classList.add('visible');
+        }
+        else {
+            this.classList.remove('visible');
+        }
+    }
+    get expanded() {
+        return this._expanded;
+    }
+    set expanded(value) {
+        this._expanded = value;
+        if (this.expanded) {
+            this.classList.add('expanded');
+        }
+        else {
+            this.classList.remove('expanded');
+        }
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f;
+        if (!this.loadPlugin) {
+            return html ``;
+        }
+        return html `
+        <div class="snippyly-plugin-container">
+            <div class="snippyly-btn-container snippyly-menu-trigger ${classMap({ opened: this.menuOpenedId === 'snippylyMenu' })}" id="snippylyMenu" @click=${() => this.toggleMenu("snippylyMenu")}>
+                <div class="btn snippyly-btn">
+                    <svg class="snippyly-logo" width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M7.27564 0.223149C6.79031 0.00346224 6.25358 -0.0557657 5.73589 0.0532382C5.21819 0.162242 4.74372 0.434385 4.37475 0.833949C3.99784 1.2249 3.74112 1.72714 3.63818 2.275C3.53523 2.82287 3.59085 3.39088 3.79775 3.90475C3.99487 4.42252 4.33503 4.86527 4.77372 5.17507C5.21241 5.48487 5.72921 5.64732 6.25653 5.64115H8.91823V2.82595C8.92404 2.26743 8.77031 1.72008 8.4772 1.25563C8.1841 0.791185 7.76528 0.431303 7.27564 0.223149Z" fill="#FFCB00"/>
+                        <path d="M16.9736 3.72115C16.3509 3.06258 15.5579 2.61408 14.6946 2.43229C13.8313 2.25049 12.9365 2.34355 12.1231 2.69972C11.3097 3.05588 10.6143 3.65918 10.1246 4.43343C9.63489 5.20769 9.37289 6.11818 9.37167 7.04995V11.7611H13.8313C14.714 11.771 15.5791 11.4985 16.3131 10.9793C17.0471 10.46 17.616 9.7183 17.9451 8.85115C18.2892 7.9918 18.3806 7.04259 18.2072 6.12744C18.0339 5.21229 17.604 4.3737 16.9736 3.72115Z" fill="#FF7162"/>
+                        <path d="M14.4933 13.9835C14.2962 13.4652 13.956 13.0218 13.5172 12.7114C13.0783 12.401 12.5612 12.2379 12.0334 12.2435H9.37167V15.0611C9.36611 15.6198 9.52006 16.1671 9.81336 16.6316C10.1067 17.096 10.5256 17.4558 11.0154 17.6639C11.3431 17.8099 11.6949 17.8853 12.0504 17.8859C12.4867 17.8813 12.9153 17.7635 13.2987 17.5429C13.682 17.3223 14.0085 17.0057 14.2496 16.6206C14.4906 16.2356 14.6388 15.7939 14.6813 15.3342C14.7238 14.8745 14.6593 14.4107 14.4933 13.9835Z" fill="#0DCF82"/>
+                        <path d="M0.351589 9.03355C0.00514201 9.8932 -0.0880133 10.8436 0.0843205 11.7602C0.256654 12.6768 0.686445 13.517 1.31742 14.1708C1.72451 14.6098 2.20989 14.9589 2.74541 15.1979C3.28094 15.4368 3.85595 15.5608 4.4371 15.5628C5.03193 15.5613 5.62062 15.4353 6.16924 15.192C6.9885 14.8437 7.68929 14.2415 8.17981 13.4645C8.67033 12.6874 8.92771 11.7717 8.91823 10.8372V6.12115H4.46544C3.58239 6.11147 2.71718 6.38434 1.98312 6.90402C1.24906 7.4237 0.680388 8.16595 0.351589 9.03355Z" fill="#A259FE"/>
+                    </svg>
+                    <svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M3.646 4.354L0.645996 1.354L1.354 0.646004L4 3.293L6.646 0.646004L7.354 1.354L4.354 4.354L4 4.707L3.646 4.354Z" fill="#5B5B5B"/>
+                    </svg>
+                </div>
+                <div class="snippyly-menu">
+                    <div class="menu-item" @click=${() => this.toggleSnippylyPluginToolbar()}>${this.expanded ? 'Hide Toolbar' : 'Show Toolbar'}</div>
+                    <div class="menu-item" @click=${() => this.removeSnippyly()}>Exit Review Mode</div>
+                </div>
+            </div>
+            ${this.expanded ?
+            html `
+                <div class="btn comment-tool-btn ${classMap({ disabled: !((_a = this.snippylyUser) === null || _a === void 0 ? void 0 : _a.userId) })}">
+                    <snippyly-comment-tool class="custom-tool">
+                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="btn comment-btn">
+                            <path d="M1.944 16.75L3.64 13.992L3.927 13.527L3.69 13.034C3.225 12.083 2.993 11.124 3 10C3 6.134 6.134 3 10 3C13.866 3 17 6.134 17 10C17 13.866 13.866 17 10 17C8.86 17.007 7.888 16.768 6.926 16.291L6.658 16.16L6.362 16.197L1.944 16.749V16.75ZM6.487 17.19C7.547 17.708 8.74 18 10 18C14.418 18 18 14.418 18 10C18 5.582 14.418 2 10 2C5.582 2 2 5.582 2 10C2 11.243 2.283 12.419 2.789 13.468L0.672 16.908L0 18L1.272 17.841L6.487 17.189V17.19Z" fill="#5B5B5B"/>
+                        </svg>
+                    </snippyly-comment-tool>
+                </div>
+                ${((_b = this.comments) === null || _b === void 0 ? void 0 : _b.length) ?
+                html `
+                        <div class="comments-counter" @click=${() => this.toggleCommentSidebar()}>
+                            ${(_c = this.comments) === null || _c === void 0 ? void 0 : _c.length} ${((_d = this.comments) === null || _d === void 0 ? void 0 : _d.length) === 1 ? 'Comment' : 'Comments'}
+                        </div>
+                    ` : null}
+                <div class="spacer"></div>
+                <snippyly-presence max-users="4"></snippyly-presence>
+                ${!((_e = this.snippylyUser) === null || _e === void 0 ? void 0 : _e.userId) ?
+                html `
+                        <button class="btn primary-btn signin-btn" @click=${() => this.loginWithGoogle()}>
+                            Sign in
+                        </button>
+                    ` :
+                html `
+                        <div class="snippyly-btn-container snippyly-menu-trigger">
+                            <button class="btn primary-btn share-btn" @click=${() => this.copyLink()}>
+                                Share
+                            </button>
+                            <div class="snippyly-menu">
+                                <div class="menu-item">${this.copyLinkTooltip}</div>
+                            </div>
+                        </div>
+                        <div class="snippyly-btn-container snippyly-menu-trigger profile-img-container ${classMap({ opened: this.menuOpenedId === 'userMenu' })}" id="userMenu" @click=${() => this.toggleMenu("userMenu")}>
+                            <img src=${(_f = this.snippylyUser) === null || _f === void 0 ? void 0 : _f.photoUrl} class="profile-img" />
+                            <div class="snippyly-menu">
+                                <div class="menu-item" @click=${() => this.signOutUser()}>Sign Out</div>
+                            </div>
+                        </div>
+                    `}
+                `
+            : null}
+        </div>
+        `;
+    }
+};
+SnippylyPlugin.styles = css `
+    :host(.visible) {
+        display: flex;
+        padding: 16px;
+        border: 1px solid rgba(0, 0, 0, 0.12);
+        background: white;
+        border-radius: 8px;
+        position: fixed;
+        bottom: 0px;
+        right: 0px;
+        margin: 24px;
+        height: 72px;
+        box-sizing: border-box;
+        align-items: center;
+        z-index: 999999995;
+        box-shadow: 0 1rem 3rem #0000002d;
+    }
+
+    :host(.expanded) {
+        min-width: 450px;
+    }
+
+    .snippyly-plugin-container {
+        display: flex;
+        align-items: center;
+        width: 100%;
+    }
+
+    .snippyly-btn, .comment-tool-btn {
+        height: 28px;
+        padding: 8px;
+        border-radius: 8px;
+        cursor: pointer;
+    }
+
+    .snippyly-btn:hover, .comment-tool-btn:not(.disabled):hover, .comments-counter:hover {
+        background: #f0f0f0;
+    }
+
+    .snippyly-btn {
+        display: flex;
+        align-items: center;
+    }
+
+    .snippyly-logo {
+        margin-right: 8px;
+    }
+
+    .comment-tool-btn, .comment-tool-btn .custom-btn-container {
+        display: flex;
+        align-items: center;
+    }
+
+    .comment-tool-btn.disabled, .comment-tool-btn.disabled .btn {
+        cursor: not-allowed; 
+    }
+
+    .comment-tool-btn.disabled .comment-btn path {
+        fill: #979797;
+    }
+
+    .comments-counter {
+        border: 1px solid #B6B1B1;
+        border-radius: 6px;
+        padding: 8px;
+        cursor: pointer;
+    }
+
+    .btn {
+        cursor: pointer;
+    }
+
+    .primary-btn {
+        height: 36px;
+        background: rgb(24, 160, 251);
+        border-radius: 6px;
+        border: 0;
+        box-shadow: none;
+        outline: none;
+        padding: 0 12px;
+        color: white;
+        /* margin: 0 12px; */
+    }
+    
+    .profile-img-container {
+        display: flex;
+    }
+
+    .profile-img {
+        width: 36px;
+        height: 36px;
+        border-radius: 50px;
+        cursor: pointer;
+        /* margin: 0 12px; */
+    }
+
+    .snippyly-plugin-container > * {
+        margin: 0 6px;
+    }
+
+    .snippyly-plugin-container > *:first-child {
+        margin-left: 0px !important;
+    }
+
+    .snippyly-plugin-container > *:last-child {
+        margin-right: 0px !important;
+    }
+
+    .spacer {
+        flex: 1 0 auto;
+    }
+
+    .snippyly-menu-trigger {
+        position: relative;
+    }
+
+    .snippyly-menu {
+        position: absolute;
+        background: black;
+        color: white;
+        top: -64px;
+        left: 50%;
+        white-space: nowrap;
+        /* width: 150px; */
+        transform: translateX(-50%);
+        display: none;
+        border-radius: 4px;
+    }
+
+    .snippyly-menu:after {
+        content: '';
+        position: absolute;
+        display: block;
+        width: 0px;
+        z-index: 1;
+        border-style: solid;
+        border-color: rgb(0, 0, 0) transparent;
+        border-width: 12px 8px 0px;
+        bottom: -12px;
+        left: 50%;
+        transform: translateX(-50%);
+    }
+
+    .snippyly-menu-trigger:hover .snippyly-menu, .snippyly-menu-trigger.opened .snippyly-menu {
+        display: block;
+    }
+
+    :host(.expanded) #snippylyMenu.snippyly-menu-trigger .snippyly-menu:after {
+        left: 32px;
+    }
+
+    :host(:not(.expanded)) #snippylyMenu.snippyly-menu-trigger .snippyly-menu {
+        left: -20px;
+    }
+
+    :host(.expanded) #snippylyMenu.snippyly-menu-trigger .snippyly-menu {
+        left: 48px;
+    }
+
+    #snippylyMenu.snippyly-menu-trigger .snippyly-menu {
+        top: -100px;
+    }
+
+    :host(:not(.expanded)) #snippylyMenu.snippyly-menu-trigger .snippyly-menu:after {
+        left: unset;
+        right: 24px;
+    }
+
+    .menu-item {
+        padding: 8px;
+        cursor: pointer;
+    }
+
+    .s-presence-container {
+        display: inline-flex;
+        flex-direction: row-reverse;
+        align-items: center;
+    }
+
+    .s-presence-avatar {
+        position: relative;
+        box-shadow: 0px 0px 0px 3px;
+        border-radius: 50%;
+        overflow: hidden;
+        width: 24px;
+        height: 24px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 12px;
+        // background-color: white;
+    }
+
+    .s-presence-avatar.more-users {
+        background: #4578a7;
+        box-shadow: 0px 0px 0px 3px #4578a7;
+    }
+
+    .s-presence-avatar:not(:last-child):not(.more-users) {
+        margin-left: -6px !important;
+    }
+
+    .s-presence-avatar-image {
+        width: 100%;
+        height: auto;
+        display: block;
+    }
+
+    .s-presence-avatar-image-small {
+        width: 1.6rem;
+        height: auto;
+        display: block;
+    }
+
+    .s-presence-avatar-initial {
+        color: white;
+    }
+
+    .away {
+        filter: grayscale(1);
+    }
+  `;
+__decorate([
+    state()
+], SnippylyPlugin.prototype, "loadPlugin", null);
+__decorate([
+    state()
+], SnippylyPlugin.prototype, "comments", void 0);
+__decorate([
+    state()
+], SnippylyPlugin.prototype, "commentElement", void 0);
+__decorate([
+    state()
+], SnippylyPlugin.prototype, "_expanded", void 0);
+__decorate([
+    state()
+], SnippylyPlugin.prototype, "snippylyUser", void 0);
+__decorate([
+    property()
+], SnippylyPlugin.prototype, "apiKey", void 0);
+__decorate([
+    state()
+], SnippylyPlugin.prototype, "staging", void 0);
+__decorate([
+    state()
+], SnippylyPlugin.prototype, "menuOpenedId", void 0);
+__decorate([
+    state()
+], SnippylyPlugin.prototype, "copyLinkTooltip", void 0);
+SnippylyPlugin = __decorate([
+    customElement('snippyly-plugin')
+], SnippylyPlugin);
+export { SnippylyPlugin };
+//# sourceMappingURL=snippyly-plugin.js.map

package/snippyly-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snippyly-plugin.js","sourceRoot":"","sources":["../src/snippyly-plugin.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { css, html, LitElement } from 'lit';\r\nimport { customElement, property, state } from 'lit/decorators.js';\r\nimport { classMap } from 'lit/directives/class-map.js';\r\nimport * as Constants from './constants';\r\nimport { SNIPPYLY_LOGIN_BASE_URL, SNIPPYLY_SDK_STAGING } from './environment';\r\nimport { cyrb53, getLocalStorageData, loadSnippyly, removeLocalStorageData, setLocalStorageData } from './utils';\r\n\r\n// eslint-disable-next-line no-var\r\ndeclare var Snippyly: unknown | any;\r\n\r\n@customElement('snippyly-plugin')\r\nexport class SnippylyPlugin extends LitElement {\r\n\r\n    private _loadPlugin = false;\r\n    @state()\r\n    public get loadPlugin() {\r\n        return this._loadPlugin;\r\n    }\r\n    public set loadPlugin(value) {\r\n        this._loadPlugin = value;\r\n        if (this.loadPlugin) {\r\n            this.classList.add('visible');\r\n        } else {\r\n            this.classList.remove('visible');\r\n        }\r\n    }\r\n\r\n    @state() comments: any[] = [];\r\n\r\n    @state() commentElement: any;\r\n\r\n    @state()\r\n    private _expanded = true;\r\n    public get expanded() {\r\n        return this._expanded;\r\n    }\r\n    public set expanded(value) {\r\n        this._expanded = value;\r\n        if (this.expanded) {\r\n            this.classList.add('expanded');\r\n        } else {\r\n            this.classList.remove('expanded');\r\n        }\r\n    }\r\n\r\n    @state() snippylyUser: any;\r\n\r\n    @property() apiKey!: string;\r\n\r\n    @state() staging = SNIPPYLY_SDK_STAGING;\r\n\r\n    @state() menuOpenedId?: string;\r\n\r\n    @state() copyLinkTooltip = 'Copy Link';\r\n\r\n    constructor() {\r\n        super();\r\n        this.expanded = true;\r\n        this.setWindowEventListner();\r\n        this.urlChangeListener();\r\n        this.checkUrl();\r\n\r\n        if (SNIPPYLY_SDK_STAGING) {\r\n            console.log('*** Staging Mode ON! ***');\r\n        }\r\n    }\r\n\r\n    setWindowEventListner = () => {\r\n        window.addEventListener('locationchange', () => {\r\n            this.checkUrl();\r\n            console.log('location change event', window.location.href);\r\n        });\r\n    }\r\n\r\n    urlChangeListener = () => {\r\n        const oldPushState = history.pushState;\r\n        history.pushState = function pushState() {\r\n            // eslint-disable-next-line prefer-rest-params\r\n            const ret = oldPushState.apply(this, arguments as never);\r\n            window.dispatchEvent(new Event('pushstate'));\r\n            window.dispatchEvent(new Event('locationchange'));\r\n            return ret;\r\n        };\r\n\r\n        const oldReplaceState = history.replaceState;\r\n        history.replaceState = function replaceState() {\r\n            // eslint-disable-next-line prefer-rest-params\r\n            const ret = oldReplaceState.apply(this, arguments as never);\r\n            window.dispatchEvent(new Event('replacestate'));\r\n            window.dispatchEvent(new Event('locationchange'));\r\n            return ret;\r\n        };\r\n\r\n        window.addEventListener('popstate', () => {\r\n            window.dispatchEvent(new Event('locationchange'));\r\n        });\r\n    }\r\n\r\n    checkUrl = () => {\r\n        try {\r\n            console.log('url in checkUrl', window.location.href);\r\n            const url = new URL(document.location as unknown as URL);\r\n            const params = url.searchParams;\r\n            if (params.has(\"snippyly_google_token\")) {\r\n                console.log('token', params.get(\"snippyly_google_token\"))\r\n                const user = JSON.parse(atob(params.get(\"snippyly_google_token\")!));\r\n                const snippylyUser: any = {};\r\n                snippylyUser.userId = user.uid;\r\n                snippylyUser.name = user.displayName;\r\n                snippylyUser.email = user.email;\r\n                snippylyUser.photoUrl = user?.photoURL;\r\n                snippylyUser.contacts = (window as any).SNIPPYLY_USER_CONTACTS || [];\r\n                // localStorage.setItem(Constants.SNIPPYLY_USER, JSON.stringify(snippylyUser))\r\n                setLocalStorageData(Constants.SNIPPYLY_USER, JSON.stringify(snippylyUser), true);\r\n                params.delete(\"snippyly_google_token\");\r\n                window.history.replaceState({}, document.title, url.href);\r\n            }\r\n            if (params.has(Constants.REVIEW_MODE)) {\r\n                // sessionStorage.setItem(Constants.REVIEW_MODE, 'true');\r\n                setLocalStorageData(Constants.REVIEW_MODE, 'true', false, 'sessionStorage');\r\n                if (params.has(Constants.REVIEW_DOC_ID)) {\r\n                    this.loadPluginUI();\r\n                } else {\r\n                    // generate doc id and set it in params\r\n                    const tempUrl = new URL(document.location as unknown as URL);\r\n                    tempUrl.searchParams.delete(Constants.REVIEW_MODE);\r\n                    const docId = cyrb53(tempUrl.href);\r\n                    params.append(Constants.REVIEW_DOC_ID, `${docId}`);\r\n                    window.history.replaceState({}, document.title, url.href);\r\n                    this.loadPluginUI();\r\n                }\r\n            } else {\r\n                // check if review mode is there in session storage\r\n                if (getLocalStorageData(Constants.REVIEW_MODE, false, 'sessionStorage')) {\r\n                    const tempUrl = new URL(document.location as unknown as URL);\r\n                    tempUrl.searchParams.delete(Constants.REVIEW_MODE);\r\n                    params.append(Constants.REVIEW_MODE, 'true');\r\n                    const docId = cyrb53(tempUrl.href);\r\n                    params.append(Constants.REVIEW_DOC_ID, `${docId}`);\r\n                    window.history.replaceState({}, document.title, url.href);\r\n                    this.loadPluginUI();\r\n                }\r\n            }\r\n        } catch (err) {\r\n            console.warn('Error in checkUrl: ', err);\r\n        }\r\n    }\r\n\r\n    loadPluginUI = () => {\r\n        this.loadPlugin = true;\r\n\r\n        const commentTool = document.createElement('snippyly-comments');\r\n        window.document.body.appendChild(commentTool);\r\n\r\n        const commentSidebar = document.createElement('snippyly-comments-sidebar');\r\n        window.document.body.appendChild(commentSidebar);\r\n\r\n        const cursorTag = document.createElement('snippyly-cursor');\r\n        window.document.body.appendChild(cursorTag);\r\n\r\n        loadSnippyly(undefined, this.staging, () => {\r\n            if ((window as any).Snippyly) {\r\n                console.log('snippyly', Snippyly);\r\n                this.initializeSnippyly();\r\n            }\r\n        })\r\n\r\n    }\r\n\r\n    initializeSnippyly = async () => {\r\n        await Snippyly?.init(\"UnHxMCCFcclkP4bErBL1\");\r\n        this.commentElement = Snippyly?.getCommentElement();\r\n        if (getLocalStorageData(Constants.SNIPPYLY_USER, true)) {\r\n            this.identifySnippyly();\r\n        }\r\n    }\r\n\r\n    identifySnippyly = async () => {\r\n        this.snippylyUser = JSON.parse(getLocalStorageData(Constants.SNIPPYLY_USER, true)!);\r\n        await Snippyly.identify(this.snippylyUser);\r\n        this.getComments();\r\n    }\r\n\r\n    getComments = () => {\r\n        if (this.commentElement) {\r\n            this.commentElement.getAllCommentPinAnnotationsOnCurrentDocument().subscribe((comments: any) => {\r\n                this.comments = comments;\r\n            });\r\n        }\r\n    }\r\n\r\n    toggleCommentSidebar = () => {\r\n        if (this.commentElement) {\r\n            this.commentElement.toggleCommentSidebar();\r\n        }\r\n    }\r\n\r\n    toggleSnippylyPluginToolbar = () => {\r\n        this.expanded = !this.expanded;\r\n    }\r\n\r\n    loginWithGoogle = () => {\r\n        window.open(`${SNIPPYLY_LOGIN_BASE_URL}?redirect_url=${encodeURIComponent(window.location.href)}`, '_self')\r\n    }\r\n\r\n    removeSnippyly = async () => {\r\n        try {\r\n            // removeGoogleLoginIframe();\r\n            // const element = document.getElementById('snippylyScript');\r\n            // if (element) {\r\n            //     element.remove();\r\n            // }\r\n            // await Snippyly.signOutUser();\r\n            // sessionStorage.removeItem(Constants.REVIEW_MODE);\r\n            removeLocalStorageData(Constants.REVIEW_MODE, 'sessionStorage');\r\n            const url = new URL(document.location as any);\r\n            const params = url.searchParams;\r\n            params.delete(Constants.REVIEW_DOC_ID);\r\n            params.delete(Constants.REVIEW_MODE);\r\n            window.history.replaceState({}, document.title, url.href);\r\n            window.location.reload();\r\n        } catch (err) {\r\n            console.warn('Error in removeSnippyly: ', err);\r\n        }\r\n    }\r\n\r\n    signOutUser = async () => {\r\n        await Snippyly.signOutUser();\r\n        removeLocalStorageData(Constants.SNIPPYLY_USER);\r\n        this.snippylyUser = undefined;\r\n        window.open(`${SNIPPYLY_LOGIN_BASE_URL}?signout=true&redirect_url=${encodeURIComponent(window.location.href)}`, '_self')\r\n        // window.location.reload();\r\n    }\r\n\r\n    toggleMenu = (id: string) => {\r\n        if (this.menuOpenedId === id) {\r\n            this.menuOpenedId = undefined;\r\n        } else {\r\n            this.menuOpenedId = id;\r\n        }\r\n    }\r\n\r\n    copyLink = () => {\r\n        navigator.clipboard.writeText(window.location.href);\r\n        this.copyLinkTooltip = 'Copied!';\r\n        setTimeout(() => {\r\n            this.copyLinkTooltip = 'Copy Link';\r\n        }, 2000);\r\n    }\r\n\r\n    static override styles = css`\r\n    :host(.visible) {\r\n        display: flex;\r\n        padding: 16px;\r\n        border: 1px solid rgba(0, 0, 0, 0.12);\r\n        background: white;\r\n        border-radius: 8px;\r\n        position: fixed;\r\n        bottom: 0px;\r\n        right: 0px;\r\n        margin: 24px;\r\n        height: 72px;\r\n        box-sizing: border-box;\r\n        align-items: center;\r\n        z-index: 999999995;\r\n        box-shadow: 0 1rem 3rem #0000002d;\r\n    }\r\n\r\n    :host(.expanded) {\r\n        min-width: 450px;\r\n    }\r\n\r\n    .snippyly-plugin-container {\r\n        display: flex;\r\n        align-items: center;\r\n        width: 100%;\r\n    }\r\n\r\n    .snippyly-btn, .comment-tool-btn {\r\n        height: 28px;\r\n        padding: 8px;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .snippyly-btn:hover, .comment-tool-btn:not(.disabled):hover, .comments-counter:hover {\r\n        background: #f0f0f0;\r\n    }\r\n\r\n    .snippyly-btn {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .snippyly-logo {\r\n        margin-right: 8px;\r\n    }\r\n\r\n    .comment-tool-btn, .comment-tool-btn .custom-btn-container {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .comment-tool-btn.disabled, .comment-tool-btn.disabled .btn {\r\n        cursor: not-allowed; \r\n    }\r\n\r\n    .comment-tool-btn.disabled .comment-btn path {\r\n        fill: #979797;\r\n    }\r\n\r\n    .comments-counter {\r\n        border: 1px solid #B6B1B1;\r\n        border-radius: 6px;\r\n        padding: 8px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .btn {\r\n        cursor: pointer;\r\n    }\r\n\r\n    .primary-btn {\r\n        height: 36px;\r\n        background: rgb(24, 160, 251);\r\n        border-radius: 6px;\r\n        border: 0;\r\n        box-shadow: none;\r\n        outline: none;\r\n        padding: 0 12px;\r\n        color: white;\r\n        /* margin: 0 12px; */\r\n    }\r\n    \r\n    .profile-img-container {\r\n        display: flex;\r\n    }\r\n\r\n    .profile-img {\r\n        width: 36px;\r\n        height: 36px;\r\n        border-radius: 50px;\r\n        cursor: pointer;\r\n        /* margin: 0 12px; */\r\n    }\r\n\r\n    .snippyly-plugin-container > * {\r\n        margin: 0 6px;\r\n    }\r\n\r\n    .snippyly-plugin-container > *:first-child {\r\n        margin-left: 0px !important;\r\n    }\r\n\r\n    .snippyly-plugin-container > *:last-child {\r\n        margin-right: 0px !important;\r\n    }\r\n\r\n    .spacer {\r\n        flex: 1 0 auto;\r\n    }\r\n\r\n    .snippyly-menu-trigger {\r\n        position: relative;\r\n    }\r\n\r\n    .snippyly-menu {\r\n        position: absolute;\r\n        background: black;\r\n        color: white;\r\n        top: -64px;\r\n        left: 50%;\r\n        white-space: nowrap;\r\n        /* width: 150px; */\r\n        transform: translateX(-50%);\r\n        display: none;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    .snippyly-menu:after {\r\n        content: '';\r\n        position: absolute;\r\n        display: block;\r\n        width: 0px;\r\n        z-index: 1;\r\n        border-style: solid;\r\n        border-color: rgb(0, 0, 0) transparent;\r\n        border-width: 12px 8px 0px;\r\n        bottom: -12px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .snippyly-menu-trigger:hover .snippyly-menu, .snippyly-menu-trigger.opened .snippyly-menu {\r\n        display: block;\r\n    }\r\n\r\n    :host(.expanded) #snippylyMenu.snippyly-menu-trigger .snippyly-menu:after {\r\n        left: 32px;\r\n    }\r\n\r\n    :host(:not(.expanded)) #snippylyMenu.snippyly-menu-trigger .snippyly-menu {\r\n        left: -20px;\r\n    }\r\n\r\n    :host(.expanded) #snippylyMenu.snippyly-menu-trigger .snippyly-menu {\r\n        left: 48px;\r\n    }\r\n\r\n    #snippylyMenu.snippyly-menu-trigger .snippyly-menu {\r\n        top: -100px;\r\n    }\r\n\r\n    :host(:not(.expanded)) #snippylyMenu.snippyly-menu-trigger .snippyly-menu:after {\r\n        left: unset;\r\n        right: 24px;\r\n    }\r\n\r\n    .menu-item {\r\n        padding: 8px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .s-presence-container {\r\n        display: inline-flex;\r\n        flex-direction: row-reverse;\r\n        align-items: center;\r\n    }\r\n\r\n    .s-presence-avatar {\r\n        position: relative;\r\n        box-shadow: 0px 0px 0px 3px;\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n        width: 24px;\r\n        height: 24px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 12px;\r\n        // background-color: white;\r\n    }\r\n\r\n    .s-presence-avatar.more-users {\r\n        background: #4578a7;\r\n        box-shadow: 0px 0px 0px 3px #4578a7;\r\n    }\r\n\r\n    .s-presence-avatar:not(:last-child):not(.more-users) {\r\n        margin-left: -6px !important;\r\n    }\r\n\r\n    .s-presence-avatar-image {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n    }\r\n\r\n    .s-presence-avatar-image-small {\r\n        width: 1.6rem;\r\n        height: auto;\r\n        display: block;\r\n    }\r\n\r\n    .s-presence-avatar-initial {\r\n        color: white;\r\n    }\r\n\r\n    .away {\r\n        filter: grayscale(1);\r\n    }\r\n  `;\r\n\r\n    override render() {\r\n        if (!this.loadPlugin) {\r\n            return html``;\r\n        }\r\n        return html`\r\n        <div class=\"snippyly-plugin-container\">\r\n            <div class=\"snippyly-btn-container snippyly-menu-trigger ${classMap({ opened: this.menuOpenedId === 'snippylyMenu' })}\" id=\"snippylyMenu\" @click=${() => this.toggleMenu(\"snippylyMenu\")}>\r\n                <div class=\"btn snippyly-btn\">\r\n                    <svg class=\"snippyly-logo\" width=\"19\" height=\"18\" viewBox=\"0 0 19 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                        <path d=\"M7.27564 0.223149C6.79031 0.00346224 6.25358 -0.0557657 5.73589 0.0532382C5.21819 0.162242 4.74372 0.434385 4.37475 0.833949C3.99784 1.2249 3.74112 1.72714 3.63818 2.275C3.53523 2.82287 3.59085 3.39088 3.79775 3.90475C3.99487 4.42252 4.33503 4.86527 4.77372 5.17507C5.21241 5.48487 5.72921 5.64732 6.25653 5.64115H8.91823V2.82595C8.92404 2.26743 8.77031 1.72008 8.4772 1.25563C8.1841 0.791185 7.76528 0.431303 7.27564 0.223149Z\" fill=\"#FFCB00\"/>\r\n                        <path d=\"M16.9736 3.72115C16.3509 3.06258 15.5579 2.61408 14.6946 2.43229C13.8313 2.25049 12.9365 2.34355 12.1231 2.69972C11.3097 3.05588 10.6143 3.65918 10.1246 4.43343C9.63489 5.20769 9.37289 6.11818 9.37167 7.04995V11.7611H13.8313C14.714 11.771 15.5791 11.4985 16.3131 10.9793C17.0471 10.46 17.616 9.7183 17.9451 8.85115C18.2892 7.9918 18.3806 7.04259 18.2072 6.12744C18.0339 5.21229 17.604 4.3737 16.9736 3.72115Z\" fill=\"#FF7162\"/>\r\n                        <path d=\"M14.4933 13.9835C14.2962 13.4652 13.956 13.0218 13.5172 12.7114C13.0783 12.401 12.5612 12.2379 12.0334 12.2435H9.37167V15.0611C9.36611 15.6198 9.52006 16.1671 9.81336 16.6316C10.1067 17.096 10.5256 17.4558 11.0154 17.6639C11.3431 17.8099 11.6949 17.8853 12.0504 17.8859C12.4867 17.8813 12.9153 17.7635 13.2987 17.5429C13.682 17.3223 14.0085 17.0057 14.2496 16.6206C14.4906 16.2356 14.6388 15.7939 14.6813 15.3342C14.7238 14.8745 14.6593 14.4107 14.4933 13.9835Z\" fill=\"#0DCF82\"/>\r\n                        <path d=\"M0.351589 9.03355C0.00514201 9.8932 -0.0880133 10.8436 0.0843205 11.7602C0.256654 12.6768 0.686445 13.517 1.31742 14.1708C1.72451 14.6098 2.20989 14.9589 2.74541 15.1979C3.28094 15.4368 3.85595 15.5608 4.4371 15.5628C5.03193 15.5613 5.62062 15.4353 6.16924 15.192C6.9885 14.8437 7.68929 14.2415 8.17981 13.4645C8.67033 12.6874 8.92771 11.7717 8.91823 10.8372V6.12115H4.46544C3.58239 6.11147 2.71718 6.38434 1.98312 6.90402C1.24906 7.4237 0.680388 8.16595 0.351589 9.03355Z\" fill=\"#A259FE\"/>\r\n                    </svg>\r\n                    <svg width=\"8\" height=\"5\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.646 4.354L0.645996 1.354L1.354 0.646004L4 3.293L6.646 0.646004L7.354 1.354L4.354 4.354L4 4.707L3.646 4.354Z\" fill=\"#5B5B5B\"/>\r\n                    </svg>\r\n                </div>\r\n                <div class=\"snippyly-menu\">\r\n                    <div class=\"menu-item\" @click=${() => this.toggleSnippylyPluginToolbar()}>${this.expanded ? 'Hide Toolbar' : 'Show Toolbar'}</div>\r\n                    <div class=\"menu-item\" @click=${() => this.removeSnippyly()}>Exit Review Mode</div>\r\n                </div>\r\n            </div>\r\n            ${this.expanded ?\r\n                html`\r\n                <div class=\"btn comment-tool-btn ${classMap({ disabled: !this.snippylyUser?.userId })}\">\r\n                    <snippyly-comment-tool class=\"custom-tool\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"btn comment-btn\">\r\n                            <path d=\"M1.944 16.75L3.64 13.992L3.927 13.527L3.69 13.034C3.225 12.083 2.993 11.124 3 10C3 6.134 6.134 3 10 3C13.866 3 17 6.134 17 10C17 13.866 13.866 17 10 17C8.86 17.007 7.888 16.768 6.926 16.291L6.658 16.16L6.362 16.197L1.944 16.749V16.75ZM6.487 17.19C7.547 17.708 8.74 18 10 18C14.418 18 18 14.418 18 10C18 5.582 14.418 2 10 2C5.582 2 2 5.582 2 10C2 11.243 2.283 12.419 2.789 13.468L0.672 16.908L0 18L1.272 17.841L6.487 17.189V17.19Z\" fill=\"#5B5B5B\"/>\r\n                        </svg>\r\n                    </snippyly-comment-tool>\r\n                </div>\r\n                ${this.comments?.length ?\r\n                        html`\r\n                        <div class=\"comments-counter\" @click=${() => this.toggleCommentSidebar()}>\r\n                            ${this.comments?.length} ${this.comments?.length === 1 ? 'Comment' : 'Comments'}\r\n                        </div>\r\n                    ` : null\r\n                    }\r\n                <div class=\"spacer\"></div>\r\n                <snippyly-presence max-users=\"4\"></snippyly-presence>\r\n                ${!this.snippylyUser?.userId ?\r\n                        html`\r\n                        <button class=\"btn primary-btn signin-btn\" @click=${() => this.loginWithGoogle()}>\r\n                            Sign in\r\n                        </button>\r\n                    ` :\r\n                        html`\r\n                        <div class=\"snippyly-btn-container snippyly-menu-trigger\">\r\n                            <button class=\"btn primary-btn share-btn\" @click=${() => this.copyLink()}>\r\n                                Share\r\n                            </button>\r\n                            <div class=\"snippyly-menu\">\r\n                                <div class=\"menu-item\">${this.copyLinkTooltip}</div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"snippyly-btn-container snippyly-menu-trigger profile-img-container ${classMap({ opened: this.menuOpenedId === 'userMenu' })}\" id=\"userMenu\" @click=${() => this.toggleMenu(\"userMenu\")}>\r\n                            <img src=${this.snippylyUser?.photoUrl} class=\"profile-img\" />\r\n                            <div class=\"snippyly-menu\">\r\n                                <div class=\"menu-item\" @click=${() => this.signOutUser()}>Sign Out</div>\r\n                            </div>\r\n                        </div>\r\n                    `\r\n                    }\r\n                `\r\n                : null\r\n            }\r\n        </div>\r\n        `\r\n    }\r\n}\r\n\r\ndeclare global {\r\n    interface HTMLElementTagNameMap {\r\n        'snippyly-comment-tool': any;\r\n    }\r\n}"]}

package/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const cyrb53: (str: string, seed?: number) => number;
+export declare const loadSnippyly: (version: string | undefined, staging: boolean | undefined, callback: Function) => void;
+export declare const setLocalStorageData: (key: string, value: string, encrypted?: boolean, storageType?: 'localStorage' | 'sessionStorage') => void;
+export declare const getLocalStorageData: (key: string, encrypted?: boolean, storageType?: 'localStorage' | 'sessionStorage') => string | null;
+export declare const removeLocalStorageData: (key: string, storageType?: 'localStorage' | 'sessionStorage') => void;
+//# sourceMappingURL=utils.d.ts.map

package/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,QAAS,MAAM,0BAgBjC,CAAC;AAEF,eAAO,MAAM,YAAY,wEAAmD,QAAQ,SAmBnF,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAAS,MAAM,SAAS,MAAM,qCAAkC,cAAc,GAAG,gBAAgB,SAWhI,CAAA;AAED,eAAO,MAAM,mBAAmB,QAAS,MAAM,qCAAkC,cAAc,GAAG,gBAAgB,kBAajH,CAAA;AAED,eAAO,MAAM,sBAAsB,QAAS,MAAM,gBAAe,cAAc,GAAG,gBAAgB,SAUjG,CAAA"}

package/utils.js

@@ -0,0 +1,82 @@
+export const cyrb53 = (str, seed = 0) => {
+    try {
+        let h1 = 0xdeadbeef ^ seed, h2 = 0x41c6ce57 ^ seed;
+        for (let i = 0, ch; i < str.length; i++) {
+            ch = str.charCodeAt(i);
+            h1 = Math.imul(h1 ^ ch, 2654435761);
+            h2 = Math.imul(h2 ^ ch, 1597334677);
+        }
+        h1 = Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^ Math.imul(h2 ^ (h2 >>> 13), 3266489909);
+        h2 = Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^ Math.imul(h1 ^ (h1 >>> 13), 3266489909);
+        return 4294967296 * (2097151 & h2) + (h1 >>> 0);
+    }
+    catch (err) {
+        console.warn('Error in cyrb53: ', err);
+        return 0;
+    }
+};
+export const loadSnippyly = (version = 'latest', staging = false, callback) => {
+    console.log('load snippyly called');
+    const existingScript = document.getElementById('snippylyScript');
+    if (!existingScript) {
+        const script = document.createElement('script');
+        script.src = `https://cdn.jsdelivr.net/npm/@snippyly/sdk${staging ? '-staging' : ''}@${version || 'latest'}/snippyly.js`;
+        script.id = 'snippylyScript';
+        script.type = 'module';
+        document.body.appendChild(script);
+        script.onload = () => {
+            if (callback) {
+                callback();
+            }
+        };
+    }
+    else {
+        if (callback) {
+            callback();
+        }
+    }
+};
+export const setLocalStorageData = (key, value, encrypted = false, storageType = 'localStorage') => {
+    try {
+        const data = encrypted ? btoa(value) : value;
+        if (storageType === 'localStorage') {
+            localStorage.setItem(key, data);
+        }
+        else {
+            sessionStorage.setItem(key, data);
+        }
+    }
+    catch (err) {
+        console.warn('Error in setLocalStorage: ', err);
+    }
+};
+export const getLocalStorageData = (key, encrypted = false, storageType = 'localStorage') => {
+    try {
+        let data = null;
+        if (storageType === 'localStorage') {
+            data = localStorage.getItem(key);
+        }
+        else {
+            data = sessionStorage.getItem(key);
+        }
+        return (data && encrypted) ? atob(data) : data;
+    }
+    catch (err) {
+        console.warn('Error in getLocalStorage: ', err);
+        return null;
+    }
+};
+export const removeLocalStorageData = (key, storageType = 'localStorage') => {
+    try {
+        if (storageType === 'localStorage') {
+            localStorage.removeItem(key);
+        }
+        else {
+            sessionStorage.removeItem(key);
+        }
+    }
+    catch (err) {
+        console.warn('Error in removeLocalStorageData: ', err);
+    }
+};
+//# sourceMappingURL=utils.js.map

package/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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","sourcesContent":["export const cyrb53 = (str: string, seed = 0) => {\r\n    try {\r\n        let h1 = 0xdeadbeef ^ seed,\r\n            h2 = 0x41c6ce57 ^ seed;\r\n        for (let i = 0, ch; i < str.length; i++) {\r\n            ch = str.charCodeAt(i);\r\n            h1 = Math.imul(h1 ^ ch, 2654435761);\r\n            h2 = Math.imul(h2 ^ ch, 1597334677);\r\n        }\r\n        h1 = Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^ Math.imul(h2 ^ (h2 >>> 13), 3266489909);\r\n        h2 = Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^ Math.imul(h1 ^ (h1 >>> 13), 3266489909);\r\n        return 4294967296 * (2097151 & h2) + (h1 >>> 0);\r\n    } catch (err) {\r\n        console.warn('Error in cyrb53: ', err);\r\n        return 0;\r\n    }\r\n};\r\n\r\nexport const loadSnippyly = (version = 'latest', staging = false, callback: Function) => {\r\n    console.log('load snippyly called')\r\n    const existingScript = document.getElementById('snippylyScript');\r\n    if (!existingScript) {\r\n        const script = document.createElement('script');\r\n        script.src = `https://cdn.jsdelivr.net/npm/@snippyly/sdk${staging ? '-staging' : ''}@${version || 'latest'}/snippyly.js`;\r\n        script.id = 'snippylyScript';\r\n        script.type = 'module';\r\n        document.body.appendChild(script);\r\n        script.onload = () => {\r\n            if (callback) {\r\n                callback();\r\n            }\r\n        };\r\n    } else {\r\n        if (callback) {\r\n            callback();\r\n        }\r\n    }\r\n};\r\n\r\nexport const setLocalStorageData = (key: string, value: string, encrypted = false, storageType: 'localStorage' | 'sessionStorage' = 'localStorage') => {\r\n    try {\r\n        const data = encrypted ? btoa(value) : value;\r\n        if (storageType === 'localStorage') {\r\n            localStorage.setItem(key, data);\r\n        } else {\r\n            sessionStorage.setItem(key, data);\r\n        }\r\n    } catch (err) {\r\n        console.warn('Error in setLocalStorage: ', err);\r\n    }\r\n}\r\n\r\nexport const getLocalStorageData = (key: string, encrypted = false, storageType: 'localStorage' | 'sessionStorage' = 'localStorage') => {\r\n    try {\r\n        let data = null;\r\n        if (storageType === 'localStorage') {\r\n            data = localStorage.getItem(key);\r\n        } else {\r\n            data = sessionStorage.getItem(key);\r\n        }\r\n        return (data && encrypted) ? atob(data) : data;\r\n    } catch (err) {\r\n        console.warn('Error in getLocalStorage: ', err);\r\n        return null;\r\n    }\r\n}\r\n\r\nexport const removeLocalStorageData = (key: string, storageType: 'localStorage' | 'sessionStorage' = 'localStorage') => {\r\n    try {\r\n        if (storageType === 'localStorage') {\r\n            localStorage.removeItem(key);\r\n        } else {\r\n            sessionStorage.removeItem(key);\r\n        }\r\n    } catch (err) {\r\n        console.warn('Error in removeLocalStorageData: ', err);\r\n    }\r\n}"]}