@thoughtspot/visual-embed-sdk 1.32.0-alpha.1 → 1.32.0

package/src/utils/global-styles.ts

@@ -0,0 +1,40 @@
+export const addPreviewStylesIfNotPresent = () => {
+    const styleEl = document.getElementById('ts-preview-style');
+    if (styleEl) {
+        return;
+    }
+
+    const previewStyles = `
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ag-grid-community@32.0.2/styles/ag-grid.min.css">
+        <style id="ts-preview-style">
+           .ts-viz-preview-loader {
+                position: absolute;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                background: linear-gradient(-45deg, #eee 40%, #fafafa 50%, #eee 60%);
+                background-size: 300%;
+                background-position-x: 100%;
+                animation: shimmer 1s infinite linear;
+                z-index: 999;
+                filter: grayscale(0.2);
+           }
+
+           @keyframes shimmer {
+                to {
+                    background-position-x: 0%
+                }
+           }
+
+           .ts-viz-preview-loader .table-module__fullContainer {
+                width: 100%;
+                height: 100%;
+           }
+        </style>
+    `;
+    document.head.insertAdjacentHTML('beforeend', previewStyles);
+};

package/src/utils/graphql/answerService/answer-queries.ts

@@ -94,6 +94,15 @@ export const getAnswer = `
                         }
                     }
                 }
+                metadata {
+                    author
+                    authorId
+                    createdAt
+                    isDiscoverable
+                    isHidden
+                    modifiedAt
+                    tags
+                }
                 visualizations {
                     ... on TableViz {
                         columns {

package/src/utils/graphql/preview-service.ts

@@ -0,0 +1,31 @@
+/* eslint-disable quotes */
+import { graphqlQuery } from "./graphql-request";
+
+export const getPreviewQuery = `
+query GetEurekaVizSnapshots(
+    $vizId: String!, $liveboardId: String!) {
+    getEurekaVizSnapshot(
+      id: $vizId
+      reportBookId: $liveboardId
+      reportBookType: "PINBOARD_ANSWER_BOOK"
+      version: 9999999
+    ) {
+      id
+      vizContent
+      snapshotType
+      createdMs
+    }
+  } 
+`;
+
+export async function getPreview(
+    thoughtSpotHost: string,
+    vizId: string,
+    liveboardId: string,
+): Promise<any> {
+    return graphqlQuery({
+        query: getPreviewQuery,
+        variables: { vizId, liveboardId },
+        thoughtSpotHost,
+    });
+}