Browser Javascript

/* Make sure to add tokenizedFetch to your imports from the Visual Embed SDK */

/*
* Generic function to make a call to the V2.0 REST API
*
*/
let tsHost = 'https://{yourdomain}.thoughtspot.cloud';
async function restApiCallV2(endpoint, httpVerb, apiRequestObject){
    const tsApiVersion = '2.0';
    const baseUrl = `${tsHost}/api/rest/${tsApiVersion}/`;  // Forward ticks allow variables in strings
    const apiFullEndpoint = baseUrl + endpoint;

    let fetchArgs = {
            method: httpVerb.toUpperCase(),
            headers: {
                "Accept": "application/json",
                "X-Requested-By": "ThoughtSpot",
                "Content-Type": "application/json"
                },
            credentials: "include"
        }
    // Some type of request might not have a body
    if (apiRequestObj !== null){
        fetchArgs['body'] = JSON.stringify(apiRequestObj);
    }
    // With the async modifier on the function, you add return await to the fetch() or tokenizedFetch() call here
    return await tokenizedFetch(
        apiFullEndpoint,
        fetchArgs
    ).then(response =>
    {
        console.log("Fetch response returned with status code " + response.status);
        // Parse 4XX or 500 HTTP status code errors from the API
        if (!response.ok) {
            console.log("HTTP response indicates an error from the API");
            throw new Error("Received HTTP response " + response.status + "with the message " + response.statusText)
            // Alternatively, check for specific error codes you might expect, like a 403
            /*
            if( response.status == 403){
                // retrySSOProcess(); // Example action to take based on status
            }
            */
        }
        else {
            if( response.status === 200){
                return response.json(); // Returns the JSON of the response
            }
            else if (response.status === 204){
                return true;  // 204 is success without a response body
            }
        }
    }).catch(error =>
    {
        console.error("Unable to get the " + endpoint + " response: " + error);
    });
}

let tmlExportEndpoint = 'metadata/tml/export';
let apiRequestForTML = {
    "metadata" : [{
        "type": "LIVEBOARD",
        "identifier": liveboardId
    }],
    "export_associated": false,
    "export_fqn": true
}

// Place call to export the TML for the Liveboard, to get the details of the Viz
return restApiCallV2(tmlExportEndpoint, 'POST', apiRequestForTML).then(
//tmlExportRestApiCallV2(tmlRequestOptions).then(
    response => {
        // console.log(response);
        let tmlObject = JSON.parse(response[0].edoc);
        // console.log(tmlObject);
        return tmlObject;
    }
).then(...)

/*
* Wrapper function for calling /metadata/search with any request
* Can be used to generate UI components like menus or drop-downs of the content a user has access to
*/
async function callMetadataSearchApi(searchRequestObject){
    let endpoint = 'metadata/search';
    let verb = 'POST';

    return await restApiCallV2(endpoint, verb, searchRequestObject).then(
        response => {
            // Additional logging to the console
            console.log("API response:", response);
            console.log(response);
            return response;
        }
    );
}

// Copy the request directly from the REST API Playground, substituting in any variables you need
const apiRequestObject = {
    "metadata": [
        {
            "name_pattern": "%QA%",
            "type": "LIVEBOARD"
        },
        {
            "name_pattern": "%QA%",
            "type": "ANSWER"
        }
        ],
    'record_offset': 0,
    'record_size': 100000
}


let results = await callMetadataSearchApi(apiRequestObject);
console.log("Final results from the callMetadataSearchApi function: ");
console.log(results);
}

async function callSearchDataApi(tmlSearchString, datasourceId, recordOffset, recordSize){
    console.log("Using following Search String for Search Data API: ", tmlSearchString);
    let searchDataEndpoint = 'searchdata';
    let apiRequestForSearchData = {
          "query_string": tmlSearchString
        , "logical_table_identifier": datasourceId
        , data_format: "COMPACT"
        , record_offset: recordOffset
        , record_size: recordSize
    }

    return restApiCallV2(searchDataEndpoint, 'POST', apiRequestForSearchData);
}

let vizTmlSearchString = '[Product] [Region]';
let dsId = '80c9b38f-1b2a-4ff4-a759-378259130f58';

let recordSize = 10000;
let offset = 0;

// The function above is async, so you can assign this variable and the next steps won't occur until Promise is fulfilled
let searchResult = await callSearchDataApi(vizTmlSearchString, dsId, offset, recordSize)
console.log("Search Data response:");
console.log(searchResult);