The API that the components library would use was not always consistent with the API client library would use and this would sometimes break things.

packages/client/src/api/index.js

@@ -1,8 +1,8 @@
 import { authenticate } from "./authenticate"
 import { getAppId } from "../render/getAppId"
 
-const apiCall = method => async ({ url, body }) => {
-  const response = await fetch(url, {
+export async function baseApiCall(method, url, body) {
+  return await fetch(url, {
     method: method,
     headers: {
       "Content-Type": "application/json",
@@ -11,6 +11,10 @@ const apiCall = method => async ({ url, body }) => {
     body: body && JSON.stringify(body),
     credentials: "same-origin",
   })
+}
+
+const apiCall = method => async ({ url, body }) => {
+  const response = await baseApiCall(method, url, body)
 
   switch (response.status) {
     case 200:

packages/client/src/state/bbComponentApi.js

@@ -1,30 +1,18 @@
 import setBindableComponentProp from "./setBindableComponentProp"
 import { attachChildren } from "../render/attachChildren"
 import store from "../state/store"
-
-export const trimSlash = str => str.replace(/^\/+|\/+$/g, "")
+import { baseApiCall } from "../api/index"
 
 export const bbFactory = ({
   componentLibraries,
   onScreenSlotRendered,
   runEventActions,
 }) => {
-  const apiCall = method => (url, body) => {
-    return fetch(url, {
-      method: method,
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: body && JSON.stringify(body),
-      credentials: "same-origin",
-    })
-  }
-
   const api = {
-    post: apiCall("POST"),
-    get: apiCall("GET"),
-    patch: apiCall("PATCH"),
-    delete: apiCall("DELETE"),
+    post: (url, body) => baseApiCall("POST", url, body),
+    get: (url, body) => baseApiCall("GET", url, body),
+    patch: (url, body) => baseApiCall("PATCH", url, body),
+    delete: (url, body) => baseApiCall("DELETE", url, body),
   }
 
   return (treeNode, setupState) => {

packages/server/src/middleware/authenticated.js

@@ -42,6 +42,7 @@ module.exports = async (ctx, next) => {
 
   if (!token) {
     ctx.auth.authenticated = false
+    ctx.appId = appId
     ctx.user = {
       appId,
     }