thoughtspot · sastaachar · Mar 4, 2025 · Mar 4, 2025 · Mar 4, 2025 · Mar 8, 2025
diff --git a/visual-embed/auth/cookieless/.env b/visual-embed/auth/cookieless/.env
@@ -0,0 +1,5 @@
+VITE_THOUGHTSPOT_HOST=https://training.thoughtspot.cloud
+VITE_THOUGHT_SPOT_USERNAME=code-sandbox
+VITE_THOUGHT_SPOT_PASSWORD="3mbed+#3xplz"
+
+#VITE_SERVER_URL=http://localhost:4000
diff --git a/visual-embed/auth/cookieless/.gitignore b/visual-embed/auth/cookieless/.gitignore
@@ -0,0 +1,25 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+!.env
diff --git a/visual-embed/auth/cookieless/README.md b/visual-embed/auth/cookieless/README.md
@@ -0,0 +1,41 @@
+# cookieless-embed
+
+This example demonstrates how to implement cookieless authentication for embedding ThoughtSpot using the Visual Embed SDK.
+
+## Demo
+
+Open in [Codesandbox](https://githubbox.com/thoughtspot/developer-examples/tree/main/visual-embed/auth/cookieless-embed)
+
+## Documentation
+
+- [Cookieless Authentication Examples](https://developers.thoughtspot.com/docs/trusted-auth-sdk#_cookieless_authentication_examples)
+
+## Run locally
+
+```
+$ git clone https://github.com/thoughtspot/developer-examples
+$ cd visual-embed/auth/cookieless-embed
+```
+```
+$ npm i
+```
+```
+$ npm run dev
+```
+
+## Code Structure
+
+### Source Code
+```
+src
+├── App.tsx    -> Contains the embed code using @thoughtspot/visual-embed-sdk
+├── services
+│   └── token.ts  -> Handles fetching auth token from backend
+```
+
+## Technology labels
+
+- React
+- Typescript
+- Web
+
diff --git a/visual-embed/auth/cookieless/api/token-service.ts b/visual-embed/auth/cookieless/api/token-service.ts
@@ -0,0 +1,59 @@
+import express from "express";
+import { createConfiguration, ServerConfiguration, ThoughtSpotRestApi } from "@thoughtspot/rest-api-sdk"
+import cors from "cors";
+
+const app = express();
+
+const PORT = process.env.VITE_SERVER_PORT || 4000;
+const THOUGHTSPOT_HOST = process.env.VITE_THOUGHTSPOT_HOST || 'https://training.thoughtspot.cloud';
+
+
+let thoughtspotClient: ThoughtSpotRestApi;
+const getThoughtClient = () => {
+
+  if (!thoughtspotClient) {
+    const thoughtspotServer = new ServerConfiguration(THOUGHTSPOT_HOST, {});
+    const basicClientConfig = createConfiguration({
+      baseServer: thoughtspotServer,
+    });
+
+    thoughtspotClient = new ThoughtSpotRestApi(basicClientConfig);
+  }
+  return thoughtspotClient;
+
+}
+
+app.use(express.json());
+app.use(cors())
+
+const username = process.env.VITE_THOUGHT_SPOT_USERNAME
+const password =  process.env.VITE_THOUGHT_SPOT_PASSWORD
+
+if (!username || !password) {
+  throw new Error('Username and password are required');
+}
+
+app.get('/api/token', async (req, res) => {
+  try {
+    const thoughtspotClient = getThoughtClient();
+    const data = await thoughtspotClient.getFullAccessToken({
+      username,
+      password,
+    });
+
+    res.status(200).json({ token: data.token });
+  }
+  catch (e) { 
+    console.error(e);
+    res.status(500).json({ error: e.message });
+  }
+});
+
+app.all('/', function (req, res) {
+  res.json({ message: "Hello, world!" });
+});
+
+app.listen(PORT, function (err) {
+  if (err) console.log(err);
+  console.log("Server listening on", `https://localhost:${PORT}`);
+});
diff --git a/visual-embed/auth/cookieless/index.html b/visual-embed/auth/cookieless/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/ts-logo.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>ThoughtSpot React + TS Example</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>