bruce-cesium 5.7.9 → 5.8.1

package/dist/lib/widgets/tabs-left-panel/widget-left-panel-tab-bookmarks.js

@@ -0,0 +1,219 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetLeftPanelTabBookmarks = void 0;
+const bruce_models_1 = require("bruce-models");
+const widget_left_panel_tab_1 = require("./widget-left-panel-tab");
+class WidgetLeftPanelTabBookmarks extends widget_left_panel_tab_1.WidgetLeftPanelTab.ATab {
+    constructor(params) {
+        super(params);
+        this.STYLESHEET_ID = "nextspace-left-panel-tab-bookmarks-stylesheet";
+        this._generateStyles();
+        this._generateElement();
+        this._widget.Loading.then(() => {
+            this._updateBookmarks();
+        });
+        // In case another widget messed with the panel width.
+        // Probably should just add a SetWidth method to avoid having plugins mess with the container CSS.
+        if (this.Container) {
+            this.Container.style.width = "300px";
+        }
+    }
+    Dispose() {
+        super.Dispose();
+    }
+    _generateStyles() {
+        if (document.getElementById(this.STYLESHEET_ID)) {
+            return;
+        }
+        const style = document.createElement("style");
+        style.id = this.STYLESHEET_ID;
+        style.innerHTML = `
+            .NextspaceLeftPanelTabBookmarks {
+                display: flex;
+                flex-direction: column;
+                flex-grow: 1;
+                flex-shrink: 1;
+                overflow: hidden;
+                width: 100%;
+            }
+
+            .NextspaceLeftPanelTabBookmarks >.NextspaceLeftPanelTabBookmarksTitleBar {
+                align-items: center;
+                color: #fff;
+                display: flex;
+                font-size: 17px;
+                font-style: normal;
+                font-weight: 500;
+                justify-content: center;
+                letter-spacing: -.005em;
+                line-height: 20px;
+                margin-bottom: 15px;
+                font-family: Arial;
+            }
+
+            .NextspaceLeftPanelTabBookmarks >.NextspaceLeftPanelTabBookmarksTitleBreaker {
+                background-color: #000;
+                flex-shrink: 0;
+                height: 2px;
+                margin-bottom: 15px;
+            }
+
+            .NextspaceLeftPanelTabBookmarksList {
+                display: flex;
+                flex-direction: column;
+                flex-grow: 1;
+                flex-shrink: 1;
+                overflow: auto;
+            }
+
+            .NextspaceLeftPanelTabBookmarksListItem {
+                margin-bottom: 15px;
+                align-items: center;
+                display: flex;
+                flex-direction: column;
+                width: 100%;
+            }
+
+            .NextspaceLeftPanelTabBookmarksListItem[is-selected="true"] >.NextspaceLeftPanelTabBookmarksListItemImageBox {
+                border: 3px solid #0072c3;
+            }
+
+            .NextspaceLeftPanelTabBookmarksListItemImageBox {
+                border: 3px solid #0000;
+                border-radius: 5px;
+                display: flex;
+                height: 132px;
+                margin-bottom: 8px;
+                overflow: hidden;
+                width: 100%;
+            }
+
+            .NextspaceLeftPanelTabBookmarksListItemImageBoxImage {
+                cursor: pointer;
+                display: flex;
+                flex-direction: column;
+                flex-grow: 1;
+                flex-shrink: 1;
+                position: relative;
+                transition: .3s ease;
+                width: 100%;
+            }
+
+            .NextspaceLeftPanelTabBookmarksListItemImageBoxImage >img {
+                height: 100%;
+                object-fit: cover;
+                width: 100%;
+            }
+
+            .NextspaceLeftPanelTabBookmarksListItemTitle {
+                color: #fff;
+                display: flex;
+                padding-right: 15px;
+                text-align: center;
+                width: 100%;
+            }
+
+            .NextspaceLeftPanelTabBookmarksListItemTitleText {
+                display: block;
+                margin-left: 35px;
+                margin-right: 20px;
+                overflow: hidden;
+                text-align: center;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                width: 100%;
+                font-family: Arial;
+                font-size: 13px;
+            }
+        `;
+        document.head.appendChild(style);
+    }
+    _generateElement() {
+        const element = document.createElement("div");
+        element.className = "NextspaceLeftPanelTabBookmarks";
+        const title = document.createElement("div");
+        title.className = "NextspaceLeftPanelTabBookmarksTitleBar";
+        title.textContent = "Bookmarks";
+        element.appendChild(title);
+        const breaker = document.createElement("div");
+        breaker.className = "NextspaceLeftPanelTabBookmarksTitleBreaker";
+        element.appendChild(breaker);
+        const list = document.createElement("div");
+        list.className = "NextspaceLeftPanelTabBookmarksList";
+        element.appendChild(list);
+        this.Container.appendChild(element);
+        this._element = element;
+    }
+    _updateBookmarks() {
+        const bookmarks = this._widget.Bookmarks;
+        this._element.style.display = bookmarks.length ? "flex" : "none";
+        const api = this._widget._getApiGetters().GetBruceApi();
+        const list = this._element.querySelector(".NextspaceLeftPanelTabBookmarksList");
+        list.innerHTML = "";
+        for (const bookmark of bookmarks) {
+            const item = document.createElement("div");
+            item.className = "NextspaceLeftPanelTabBookmarksListItem";
+            const imageBox = document.createElement("div");
+            imageBox.className = "NextspaceLeftPanelTabBookmarksListItemImageBox";
+            item.appendChild(imageBox);
+            const image = document.createElement("div");
+            image.className = "NextspaceLeftPanelTabBookmarksListItemImageBoxImage";
+            imageBox.appendChild(image);
+            const previewUrl = bookmark["Screenshot.ClientFile.ID"] ? bruce_models_1.ClientFile.GetUrl({
+                fileId: bookmark["Screenshot.ClientFile.ID"],
+                api,
+                viaCdn: true
+            }) : "";
+            // TODO: Some nice empty image.
+            const img = document.createElement("img");
+            img.src = previewUrl;
+            image.appendChild(img);
+            const title = document.createElement("div");
+            title.className = "NextspaceLeftPanelTabBookmarksListItemTitle";
+            item.appendChild(title);
+            const titleText = document.createElement("div");
+            titleText.className = "NextspaceLeftPanelTabBookmarksListItemTitleText";
+            titleText.textContent = bookmark.Title ? bookmark.Title : "Untitled Bookmark";
+            title.appendChild(titleText);
+            item.setAttribute("bookmark-id", bookmark.ID);
+            item.setAttribute("is-selected", String(bookmark.ID === this._widget.LastEnabledBookmarkId));
+            item.onclick = () => {
+                this._selectBookmark(bookmark);
+            };
+            list.appendChild(item);
+        }
+        this._updateBookmark();
+    }
+    _selectBookmark(bookmark) {
+        this._widget.SelectBookmark(bookmark);
+        this._updateBookmark();
+    }
+    _updateBookmark() {
+        const allBookmarks = this._element.querySelectorAll(".NextspaceLeftPanelTabBookmarksListItem");
+        for (const item of Array.from(allBookmarks)) {
+            if (item.getAttribute("bookmark-id") == this._widget.LastEnabledBookmarkId) {
+                item.setAttribute("is-selected", "true");
+            }
+            else {
+                item.setAttribute("is-selected", "false");
+            }
+        }
+        // Scroll the selected bookmark into view.
+        const selected = this._element.querySelector(".NextspaceLeftPanelTabBookmarksListItem[is-selected='true']");
+        if (selected) {
+            const list = this._element.querySelector(".NextspaceLeftPanelTabBookmarksList");
+            const scrollLeft = list.scrollLeft;
+            const scrollRight = scrollLeft + list.clientWidth;
+            const left = selected.offsetLeft;
+            const right = left + selected.clientWidth;
+            if (left < scrollLeft) {
+                list.scrollLeft = left;
+            }
+            else if (right > scrollRight) {
+                list.scrollLeft = right - list.clientWidth;
+            }
+        }
+    }
+}
+exports.WidgetLeftPanelTabBookmarks = WidgetLeftPanelTabBookmarks;
+//# sourceMappingURL=widget-left-panel-tab-bookmarks.js.map

package/dist/lib/widgets/tabs-left-panel/widget-left-panel-tab-bookmarks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-left-panel-tab-bookmarks.js","sourceRoot":"","sources":["../../../../src/widgets/tabs-left-panel/widget-left-panel-tab-bookmarks.ts"],"names":[],"mappings":"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"}

package/dist/lib/widgets/tabs-left-panel/widget-left-panel-tab-user.js

@@ -0,0 +1,304 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetLeftPanelTabUser = void 0;
+const bruce_models_1 = require("bruce-models");
+const widget_left_panel_tab_1 = require("./widget-left-panel-tab");
+class WidgetLeftPanelTabUser extends widget_left_panel_tab_1.WidgetLeftPanelTab.ATab {
+    constructor(params) {
+        super(params);
+        this.STYLESHEET_ID = "nextspace-left-panel-tab-user-stylesheet";
+        this.loadedSessionId = null;
+        this.user = null;
+        this.loaded = false;
+        this.loggingOut = false;
+        this.loggingIn = false;
+        this.inputUsername = null;
+        this.inputPassword = null;
+        this._generateStyles();
+        this._generateElement();
+        // In case another widget messed with the panel width.
+        // Probably should just add a SetWidth method to avoid having plugins mess with the container CSS.
+        if (this.Container) {
+            this.Container.style.width = "300px";
+        }
+        this.loadUser();
+        this.paramsChangeRemoval = bruce_models_1.ENVIRONMENT.OnParamsChange.Subscribe(() => {
+            this.loadUser();
+        });
+    }
+    async loadUser() {
+        if (this.loadedSessionId === bruce_models_1.ENVIRONMENT.PARAMS.sessionId) {
+            return;
+        }
+        let loadingSessionId = bruce_models_1.ENVIRONMENT.PARAMS.sessionId;
+        try {
+            this.user = null;
+            if (bruce_models_1.ENVIRONMENT.PARAMS.sessionId && bruce_models_1.ENVIRONMENT.PARAMS.sessionId !== "anonymous") {
+                const { session } = await bruce_models_1.Session.Get({
+                    accountId: bruce_models_1.ENVIRONMENT.PARAMS.accountId,
+                    sessionId: loadingSessionId
+                });
+                if (loadingSessionId !== bruce_models_1.ENVIRONMENT.PARAMS.sessionId) {
+                    return;
+                }
+                this.user = session === null || session === void 0 ? void 0 : session.User;
+            }
+        }
+        catch (e) {
+            console.error(e);
+        }
+        finally {
+            if (loadingSessionId === bruce_models_1.ENVIRONMENT.PARAMS.sessionId) {
+                this.loaded = true;
+                this._generateElement();
+            }
+        }
+    }
+    /**
+     * Returns if the user can logout.
+     * If the session is part of URL, we don't want to show the logout button.
+     * @returns {boolean}
+     */
+    canLogout() {
+        if (!this.user || this.user.ID === "anonymous") {
+            return false;
+        }
+        const url = new URL(window.location.href);
+        let sessionId = url.searchParams.get("sessionId");
+        if (!sessionId) {
+            sessionId = url.searchParams.get("ssid");
+        }
+        if (sessionId) {
+            return false;
+        }
+        return true;
+    }
+    async logout() {
+        if (this.loggingOut) {
+            return;
+        }
+        else if (!this.canLogout()) {
+            return;
+        }
+        try {
+            await bruce_models_1.Session.Logout({});
+            bruce_models_1.ENVIRONMENT.SetPageLoadSessionId(null);
+        }
+        catch (e) {
+            console.error(e);
+        }
+        window.location.reload();
+    }
+    Dispose() {
+        super.Dispose();
+        if (this.paramsChangeRemoval) {
+            this.paramsChangeRemoval();
+            this.paramsChangeRemoval = null;
+        }
+    }
+    _generateStyles() {
+        if (document.getElementById(this.STYLESHEET_ID)) {
+            return;
+        }
+        const style = document.createElement("style");
+        style.id = this.STYLESHEET_ID;
+        style.innerHTML = `
+            .NextspaceLeftPanelTabUser * {
+                box-sizing: border-box;
+                font-family: Arial;
+                font-size: 13px;
+            }
+
+            .NextspaceLeftPanelTabUser {
+                display: flex;
+                flex-direction: column;
+                flex-grow: 1;
+                flex-shrink: 1;
+                overflow: hidden;
+                width: 100%;
+                box-sizing: border-box;
+            }
+
+            .NextspaceLeftPanelTabUser >.NextspaceLeftPanelTabUserTitleBar {
+                align-items: center;
+                color: #fff;
+                display: flex;
+                font-size: 17px;
+                font-style: normal;
+                font-weight: 500;
+                justify-content: center;
+                letter-spacing: -.005em;
+                line-height: 20px;
+                margin-bottom: 15px;
+                font-family: Arial;
+            }
+
+            .NextspaceLeftPanelTabUser >.NextspaceLeftPanelTabUserTitleBreaker {
+                background-color: #000;
+                flex-shrink: 0;
+                height: 2px;
+                margin-bottom: 15px;
+            }
+
+            .NextspaceLeftPanelTabUser >.NextspaceLeftPanelTabUserInputRow {
+                display: flex;
+                flex-direction: row;
+                align-items: center;
+                margin-bottom: 8px;
+                width: 100%;
+            }
+
+            .NextspaceLeftPanelTabUser >.NextspaceLeftPanelTabUserInputRow >label {
+                width: 90px;
+                flex-shrink: 0;
+                margin-right: 8px;
+                color: white;
+            }
+
+            .NextspaceLeftPanelTabUser >.NextspaceLeftPanelTabUserInputRow >input {
+                flex-grow: 1;
+                max-width: 220px;
+
+                background-color: #121619;
+                border: 1px solid #ffffff36;
+                color: #fff;
+                flex-grow: 1;
+                flex-shrink: 1;
+                height: 30px;
+                text-align: left;
+                border-radius: .375rem;
+                outline: none;
+                padding: .5rem .75rem;
+                box-sizing: border-box;
+                width: 10px;
+            }
+
+            .NextspaceLeftPanelTabUser button {
+                cursor: pointer;
+                border-radius: .375rem;
+                padding: 4px 9px;
+                transition: opacity 0.3s ease;
+                width: 100px;
+                width: min-content;
+                height: min-content;
+                white-space: nowrap;
+                border: 1px solid grey;
+                color: black;
+                background-color: white;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                position: relative;
+                background-color: #0072c3;
+                border: 1px solid #0072c3;
+                color: white;
+
+                margin-left: auto;
+            }
+        `;
+        document.head.appendChild(style);
+    }
+    _generateElement() {
+        var _a, _b;
+        if ((_a = this._element) === null || _a === void 0 ? void 0 : _a.parentElement) {
+            this._element.parentElement.removeChild(this._element);
+        }
+        this._element = null;
+        const element = document.createElement("div");
+        element.className = "NextspaceLeftPanelTabUser";
+        const title = document.createElement("div");
+        title.className = "NextspaceLeftPanelTabUserTitleBar";
+        title.textContent = this.loaded ? (this.user ? ((_b = this.user.FullName) !== null && _b !== void 0 ? _b : "#" + this.user.ID) : "Guest") : "Loading..";
+        element.appendChild(title);
+        const breaker = document.createElement("div");
+        breaker.className = "NextspaceLeftPanelTabUserTitleBreaker";
+        element.appendChild(breaker);
+        if (!this.user || this.user.ID === "anonymous") {
+            {
+                const inputRow = document.createElement("div");
+                inputRow.className = "NextspaceLeftPanelTabUserInputRow";
+                const label = document.createElement("label");
+                label.textContent = "Username";
+                inputRow.appendChild(label);
+                const input = document.createElement("input");
+                input.type = "text";
+                input.placeholder = "...";
+                this.inputUsername = input;
+                inputRow.appendChild(this.inputUsername);
+                element.appendChild(inputRow);
+            }
+            {
+                const inputRow = document.createElement("div");
+                inputRow.className = "NextspaceLeftPanelTabUserInputRow";
+                const label = document.createElement("label");
+                label.textContent = "Password";
+                inputRow.appendChild(label);
+                const input = document.createElement("input");
+                input.type = "password";
+                input.placeholder = "...";
+                this.inputPassword = input;
+                inputRow.appendChild(this.inputPassword);
+                element.appendChild(inputRow);
+            }
+            {
+                const button = document.createElement("button");
+                button.textContent = "Login";
+                button.onclick = async () => {
+                    var _a, _b, _c, _d, _e, _f;
+                    if (this.loggingIn) {
+                        return;
+                    }
+                    button.style.opacity = "0.7";
+                    this.loggingIn = true;
+                    try {
+                        const { session } = await bruce_models_1.Session.Login({
+                            accountId: bruce_models_1.ENVIRONMENT.PARAMS.accountId,
+                            username: (_b = (_a = this.inputUsername) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "",
+                            password: (_d = (_c = this.inputPassword) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : ""
+                        });
+                        bruce_models_1.ENVIRONMENT.SetPageLoadSessionId((_e = session === null || session === void 0 ? void 0 : session.ID) !== null && _e !== void 0 ? _e : null);
+                        bruce_models_1.ENVIRONMENT.Reset({
+                            accountId: bruce_models_1.ENVIRONMENT.PARAMS.accountId,
+                            sessionId: (_f = (session === null || session === void 0 ? void 0 : session.ID)) !== null && _f !== void 0 ? _f : null,
+                        });
+                        window.location.reload();
+                    }
+                    catch (e) {
+                        console.error(e);
+                    }
+                    finally {
+                        this.loggingIn = false;
+                        button.style.opacity = "1";
+                    }
+                };
+                element.appendChild(button);
+            }
+        }
+        else {
+            if (this.canLogout()) {
+                const button = document.createElement("button");
+                button.textContent = "Logout";
+                button.onclick = async () => {
+                    if (this.loggingOut) {
+                        return;
+                    }
+                    button.style.opacity = "0.7";
+                    try {
+                        this.logout();
+                    }
+                    catch (e) {
+                        console.error(e);
+                    }
+                    finally {
+                        button.style.opacity = "1";
+                    }
+                };
+                element.appendChild(button);
+            }
+        }
+        this.Container.appendChild(element);
+        this._element = element;
+    }
+}
+exports.WidgetLeftPanelTabUser = WidgetLeftPanelTabUser;
+//# sourceMappingURL=widget-left-panel-tab-user.js.map

package/dist/lib/widgets/tabs-left-panel/widget-left-panel-tab-user.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-left-panel-tab-user.js","sourceRoot":"","sources":["../../../../src/widgets/tabs-left-panel/widget-left-panel-tab-user.ts"],"names":[],"mappings":"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"}

package/dist/lib/widgets/tabs-left-panel/widget-left-panel-tab.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetLeftPanelTab = void 0;
+var WidgetLeftPanelTab;
+(function (WidgetLeftPanelTab) {
+    class ATab {
+        get WidgetLeftPanel() {
+            return this._widget;
+        }
+        get Container() {
+            return this._container;
+        }
+        get Element() {
+            return this._element;
+        }
+        constructor(params) {
+            let { container, widget } = params;
+            this._widget = widget;
+            this._container = container;
+        }
+        Dispose() {
+            if (this._element && this._element.parentElement) {
+                this._element.parentElement.removeChild(this._element);
+            }
+        }
+    }
+    WidgetLeftPanelTab.ATab = ATab;
+})(WidgetLeftPanelTab = exports.WidgetLeftPanelTab || (exports.WidgetLeftPanelTab = {}));
+//# sourceMappingURL=widget-left-panel-tab.js.map

package/dist/lib/widgets/tabs-left-panel/widget-left-panel-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-left-panel-tab.js","sourceRoot":"","sources":["../../../../src/widgets/tabs-left-panel/widget-left-panel-tab.ts"],"names":[],"mappings":";;;AAEA,IAAiB,kBAAkB,CAgClC;AAhCD,WAAiB,kBAAkB;IAM/B,MAAsB,IAAI;QAEtB,IAAW,eAAe;YACtB,OAAO,IAAI,CAAC,OAAO,CAAC;QACxB,CAAC;QAED,IAAW,SAAS;YAChB,OAAO,IAAI,CAAC,UAAU,CAAC;QAC3B,CAAC;QAED,IAAW,OAAO;YACd,OAAO,IAAI,CAAC,QAAQ,CAAC;QACzB,CAAC;QAED,YAAY,MAAe;YACvB,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;YACnC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;YACtB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAChC,CAAC;QAEM,OAAO;YACV,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE;gBAC9C,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAC1D;QACL,CAAC;KACJ;IAzBqB,uBAAI,OAyBzB,CAAA;AACL,CAAC,EAhCgB,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAgClC"}