@superblocksteam/sdk 0.0.22 → 0.0.23

package/dist/client.js

@@ -6,12 +6,37 @@ const util_1 = require("@superblocksteam/util");
 const util_2 = require("@superblocksteam/util");
 const axios_1 = require("axios");
 const FormData = require("form-data");
+const lodash_1 = require("lodash");
 const BASE_SERVER_URL = "api/v1";
 const BASE_BUCKETEER_URL = "api/v1";
+const SUPERBLOCKS_MAX_FILE_SIZE_MB = 10;
 const CLI_VERSION_HEADER = "x-superblocks-cli-version";
 const SUPERBLOCKS_URL_HEADER = "x-superblocks-url";
 async function fetchApplication({ applicationId, token, superblocksBaseUrl, viewMode, injectedHeaders = {}, }) {
-    var _a;
+    var _a, _b, _c, _d, _e, _f;
+    const serverURL = new URL(`api/v2/applications/${applicationId}?viewMode=${viewMode}`, superblocksBaseUrl);
+    let serverResponse;
+    try {
+        const config = {
+            method: "get",
+            url: serverURL.toString(),
+            headers: {
+                Authorization: "Bearer " + token,
+                ...injectedHeaders,
+            },
+        };
+        serverResponse = await (0, axios_1.default)(config);
+    }
+    catch (e) {
+        if (axios_1.default.isAxiosError(e) && ((_a = e.response) === null || _a === void 0 ? void 0 : _a.status) === 404) {
+            throw new Error(`Application ${applicationId} was not found`);
+        }
+        throw new Error("Could not fetch application");
+    }
+    // if there are no custom components, just return here without trying to initialize them using bucketeer
+    if ((0, lodash_1.isEmpty)((_e = (_d = (_c = (_b = serverResponse === null || serverResponse === void 0 ? void 0 : serverResponse.data) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.application) === null || _d === void 0 ? void 0 : _d.settings) === null || _e === void 0 ? void 0 : _e.registeredComponents)) {
+        return serverResponse.data.data;
+    }
     // TODO(jason) update this with commit ID once we enable fetching by commit
     const commitId = "latest";
     superblocksBaseUrl = superblocksBaseUrl.replace(/\/$/, "");
@@ -32,7 +57,7 @@ async function fetchApplication({ applicationId, token, superblocksBaseUrl, view
         return response.data;
     }
     catch (e) {
-        if (axios_1.default.isAxiosError(e) && ((_a = e.response) === null || _a === void 0 ? void 0 : _a.status) === 404) {
+        if (axios_1.default.isAxiosError(e) && ((_f = e.response) === null || _f === void 0 ? void 0 : _f.status) === 404) {
             throw new Error(`Application ${applicationId} was not found`);
         }
         throw new Error("Could not fetch application");
@@ -122,7 +147,7 @@ async function registerComponents(applicationId, componentConfigs, token, superb
 }
 exports.registerComponents = registerComponents;
 async function uploadComponents({ applicationId, componentConfigs, files, token, superblocksBaseUrl, }) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     superblocksBaseUrl = superblocksBaseUrl.replace(/\/$/, "");
     const bucketeerBaseUrl = (0, util_1.getBucketeerUrlFromSuperblocksUrl)(superblocksBaseUrl);
     // parse files to source and bundled files based on path
@@ -133,7 +158,8 @@ async function uploadComponents({ applicationId, componentConfigs, files, token,
         }
         return {
             name: `file${ind + 1}`,
-            filename: file,
+            // win32 => posix filepath. Bucketeer does not accept windows style filepaths
+            filename: file.replace(/\\/g, "/"),
             ContentType: contentType,
         };
     });
@@ -146,11 +172,22 @@ async function uploadComponents({ applicationId, componentConfigs, files, token,
         buildFiles,
     });
     const postURL = new URL(`${BASE_BUCKETEER_URL}/components/upload`, bucketeerBaseUrl).toString();
+    let totalFileSizeMB = 0;
     const formData = new FormData();
     formData.append("format", formatJSON);
     uploadFiles.forEach((uploadFile) => {
+        const uploadFileStats = fs.statSync(uploadFile.filename);
+        totalFileSizeMB += uploadFileStats.size / (1024 * 1024);
         formData.append(uploadFile.name, fs.createReadStream(uploadFile.filename));
     });
+    if (totalFileSizeMB > SUPERBLOCKS_MAX_FILE_SIZE_MB) {
+        throw new Error(`upload size exceeded maximum allowed size.
+
+Current Size: ${totalFileSizeMB.toFixed(2)} MB
+Max Allowed Size: ${SUPERBLOCKS_MAX_FILE_SIZE_MB.toFixed(0)} MB
+
+You can reduce your component bundle size by uploading static assets to a separate service.`);
+    }
     const formHeaders = formData.getHeaders();
     try {
         const [rootSettings] = await (0, util_2.getSuperblocksMonorepoConfigJson)(true);
@@ -167,10 +204,13 @@ async function uploadComponents({ applicationId, componentConfigs, files, token,
         return response.data;
     }
     catch (e) {
-        if (e instanceof axios_1.AxiosError) {
-            const message = (_d = (_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.responseMeta) === null || _c === void 0 ? void 0 : _c.message) !== null && _d !== void 0 ? _d : (_e = e.response) === null || _e === void 0 ? void 0 : _e.data;
+        if (e instanceof axios_1.AxiosError && ((_a = e.response) === null || _a === void 0 ? void 0 : _a.status) === 413) {
+            throw new Error(`Could not upload application components, file size limit exceeded`);
+        }
+        else if (e instanceof axios_1.AxiosError) {
+            const message = (_e = (_d = (_c = (_b = e.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.responseMeta) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : (_f = e.response) === null || _f === void 0 ? void 0 : _f.data;
             throw new Error(`Could not upload application components
-${message !== null && message !== void 0 ? message : (_f = e.response) === null || _f === void 0 ? void 0 : _f.statusText}`);
+${message !== null && message !== void 0 ? message : (_g = e.response) === null || _g === void 0 ? void 0 : _g.statusText}`);
         }
         throw new Error(`Could not upload application components
 ${e.message}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superblocksteam/sdk",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "description": "Superblocks JS SDK",
   "main": "./dist/index.js",
   "exports": {
@@ -17,7 +17,8 @@
     "clean": "npm run clean:build && rm -rf node_modules",
     "clean:build": "tsc --build --clean && rm -rf dist tsconfig.tsbuildinfo",
     "lint": "eslint . --ext .ts --config .eslintrc.json",
-    "lint:fix": "eslint . --ext .ts --config .eslintrc.json --fix"
+    "lint:fix": "eslint . --ext .ts --config .eslintrc.json --fix",
+    "typecheck": "tsc --noEmit"
   },
   "license": "Superblocks Community Software License",
   "devDependencies": {
@@ -29,11 +30,12 @@
     "typescript": "^5.1.3"
   },
   "dependencies": {
-    "@superblocksteam/util": "*",
+    "@superblocksteam/util": "0.0.23",
     "axios": "^1.3.5"
   },
   "homepage": "https://www.superblocks.com",
   "engines": {
-    "node": ">=14.0.0"
+    "node": ">=16.0.0",
+    "npm": ">=8.0.0"
   }
 }

package/src/client.ts

@@ -8,10 +8,13 @@ import {
 import { getSuperblocksMonorepoConfigJson } from "@superblocksteam/util";
 import axios, { AxiosError } from "axios";
 import * as FormData from "form-data";
+import { isEmpty } from "lodash";
 
 const BASE_SERVER_URL = "api/v1";
 const BASE_BUCKETEER_URL = "api/v1";
 
+const SUPERBLOCKS_MAX_FILE_SIZE_MB = 10;
+
 const CLI_VERSION_HEADER = "x-superblocks-cli-version";
 const SUPERBLOCKS_URL_HEADER = "x-superblocks-url";
 
@@ -36,6 +39,38 @@ export async function fetchApplication({
   viewMode: ViewMode;
   injectedHeaders: Record<string, string>;
 }) {
+  const serverURL = new URL(
+    `api/v2/applications/${applicationId}?viewMode=${viewMode}`,
+    superblocksBaseUrl
+  );
+  let serverResponse;
+
+  try {
+    const config = {
+      method: "get",
+      url: serverURL.toString(),
+      headers: {
+        Authorization: "Bearer " + token,
+        ...injectedHeaders,
+      },
+    };
+    serverResponse = await axios(config);
+  } catch (e) {
+    if (axios.isAxiosError(e) && e.response?.status === 404) {
+      throw new Error(`Application ${applicationId} was not found`);
+    }
+    throw new Error("Could not fetch application");
+  }
+
+  // if there are no custom components, just return here without trying to initialize them using bucketeer
+  if (
+    isEmpty(
+      serverResponse?.data?.data?.application?.settings?.registeredComponents
+    )
+  ) {
+    return serverResponse.data.data;
+  }
+
   // TODO(jason) update this with commit ID once we enable fetching by commit
   const commitId = "latest";
   superblocksBaseUrl = superblocksBaseUrl.replace(/\/$/, "");
@@ -200,7 +235,8 @@ export async function uploadComponents({
     }
     return {
       name: `file${ind + 1}`,
-      filename: file,
+      // win32 => posix filepath. Bucketeer does not accept windows style filepaths
+      filename: file.replace(/\\/g, "/"),
       ContentType: contentType,
     } as UploadFile;
   });
@@ -223,11 +259,23 @@ export async function uploadComponents({
     bucketeerBaseUrl
   ).toString();
 
+  let totalFileSizeMB = 0;
   const formData = new FormData();
   formData.append("format", formatJSON);
   uploadFiles.forEach((uploadFile) => {
+    const uploadFileStats = fs.statSync(uploadFile.filename);
+    totalFileSizeMB += uploadFileStats.size / (1024 * 1024);
     formData.append(uploadFile.name, fs.createReadStream(uploadFile.filename));
   });
+
+  if (totalFileSizeMB > SUPERBLOCKS_MAX_FILE_SIZE_MB) {
+    throw new Error(`upload size exceeded maximum allowed size.
+
+Current Size: ${totalFileSizeMB.toFixed(2)} MB
+Max Allowed Size: ${SUPERBLOCKS_MAX_FILE_SIZE_MB.toFixed(0)} MB
+
+You can reduce your component bundle size by uploading static assets to a separate service.`);
+  }
   const formHeaders = formData.getHeaders();
 
   try {
@@ -246,7 +294,11 @@ export async function uploadComponents({
 
     return response.data;
   } catch (e: any) {
-    if (e instanceof AxiosError) {
+    if (e instanceof AxiosError && e.response?.status === 413) {
+      throw new Error(
+        `Could not upload application components, file size limit exceeded`
+      );
+    } else if (e instanceof AxiosError) {
       const message =
         (e.response?.data?.responseMeta?.message as string) ?? e.response?.data;
       throw new Error(`Could not upload application components