Add header to flag whether a request originates from the client

6 years ago · 2cb4cb2ce9
2 changed files with 10 additions and 6 deletions
--- a/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.js
+++ b/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.js
@ -53,7 +53,7 @@ export default `<html>
        document.head.appendChild(styles)
        styles.appendChild(document.createTextNode(data.styles))
-        window["##BUDIBASE_FRONTEND_DEFINITION##"] = data.frontendDefinition;
+        window["##BUDIBASE_IN_BUILDER##"] = true;
        if (window.loadBudibase) {
          loadBudibase()
        }
--- a/packages/client/src/api/api.js
+++ b/packages/client/src/api/api.js
@ -26,13 +26,17 @@ const handleError = error => {
 const makeApiCall = async ({ method, url, body, json = true }) => {
  try {
    const requestBody = json ? JSON.stringify(body) : body
    let headers = {
      Accept: "application/json",
      "Content-Type": "application/json",
      "x-budibase-app-id": getAppId(),
    }
    if (!window["##BUDIBASE_IN_BUILDER##"]) {
      headers["x-budibase-type"] = "client"
    }
    const response = await fetch(url, {
      method,
-      headers: {
+      headers,
        Accept: "application/json",
        "Content-Type": "application/json",
        "x-budibase-app-id": getAppId(),
      },
      body: requestBody,
      credentials: "same-origin",
    })