@webstudio-is/http-client 0.0.1 → 0.1.1

package/lib/index.d.ts

@@ -1,8 +1,7 @@
-import "./fetch-polyfill";
 import type { Includes, Project } from "./index.d";
-export declare const loadProject: ({ projectId, host, include, }: {
+export declare const loadProject: ({ apiUrl, projectId, include, }: {
+    apiUrl: string;
     projectId: string;
-    host?: string | undefined;
     include?: Includes<boolean> | undefined;
 }) => Promise<Project>;
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAInD,eAAO,MAAM,WAAW;eAKX,MAAM;;;MAGf,QAAQ,OAAO,CAgBlB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEnD,eAAO,MAAM,WAAW;YAKd,MAAM;eACH,MAAM;;MAEf,QAAQ,OAAO,CAmBlB,CAAC"}

package/lib/index.js

@@ -1,17 +1,22 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadProject = void 0;
-require("./fetch-polyfill");
-const protocol = process.env.NODE_ENV === "production" ? "https" : "http";
-const loadProject = async ({ projectId, host = process.env.DESIGNER_HOST || "localhost:3000", include = { tree: true, props: true, breakpoints: true }, }) => {
-    const baseUrl = new URL("/", `${protocol}://${host}`);
+const isomorphic_fetch_1 = __importDefault(require("isomorphic-fetch"));
+const loadProject = async ({ apiUrl, projectId, include = { tree: true, props: true, breakpoints: true }, }) => {
+    if (apiUrl === undefined) {
+        throw new Error("Webstudio API URL is required.");
+    }
+    const baseUrl = new URL(`${apiUrl}`);
     const treeUrl = new URL(`/rest/tree/${projectId}`, baseUrl);
     const propsUrl = new URL(`/rest/props/${projectId}`, baseUrl);
     const breakpointsUrl = new URL(`/rest/breakpoints/${projectId}`, baseUrl);
     const [tree, props, breakpoints] = await Promise.all([
-        include.tree && (await fetch(treeUrl)).json(),
-        include.props && (await fetch(propsUrl)).json(),
-        include.breakpoints && (await fetch(breakpointsUrl)).json(),
+        include.tree && (await (0, isomorphic_fetch_1.default)(treeUrl)).json(),
+        include.props && (await (0, isomorphic_fetch_1.default)(propsUrl)).json(),
+        include.breakpoints && (await (0, isomorphic_fetch_1.default)(breakpointsUrl)).json(),
     ]);
     return {
         tree,

package/lib/index.test.js

@@ -1,24 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const index_1 = require("./index");
-const existingProject = "ab3619d3-831f-46f8-abb6-609558cffd99";
-const notPublishedProject = "7ec397c6-b3d0-4967-9073-9d83623fcf8e";
-const nonExistingProject = "1";
+const existingProjectId = "ab3619d3-831f-46f8-abb6-609558cffd99";
+const notPublishedProjectId = "7ec397c6-b3d0-4967-9073-9d83623fcf8e";
+const apiUrl = "http://localhost:3000";
 describe("getProjectDetails", () => {
     test("loads existing project", async () => {
-        const response = await (0, index_1.loadProject)({ projectId: existingProject });
-        expect(response.tree.id).toBeTruthy();
-    });
-    test("loads non-existing project", async () => {
         const response = await (0, index_1.loadProject)({
-            projectId: nonExistingProject,
+            apiUrl,
+            projectId: existingProjectId,
         });
-        expect(response.tree.errors).toBe("Project required");
+        expect(response.tree.id).toBeTruthy();
     });
     test("loads not published project", async () => {
         const response = await (0, index_1.loadProject)({
-            projectId: notPublishedProject,
+            apiUrl,
+            projectId: notPublishedProjectId,
         });
-        expect(response.tree.errors).toBe("Site needs to be published, production tree ID is null.");
+        expect(response.tree.errors).toBe("Project 7ec397c6-b3d0-4967-9073-9d83623fcf8e needs to be published first");
     });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/http-client",
-  "version": "0.0.1",
+  "version": "0.1.1",
   "description": "Webstudio HTTP Client",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -13,15 +13,16 @@
     "checks": "yarn typecheck && yarn lint"
   },
   "devDependencies": {
+    "@types/isomorphic-fetch": "^0.0.36",
     "@webstudio-is/jest-config": "*",
-    "@webstudio-is/react-sdk": "*",
     "@webstudio-is/prisma-client": "*",
+    "@webstudio-is/react-sdk": "*",
     "tsup": "^6.1.3",
-    "typescript": "^4.6.2"
+    "typescript": "4.7.4"
   },
   "peerDependencies": {},
   "dependencies": {
-    "node-fetch": "^3.2.10"
+    "isomorphic-fetch": "^3.0.0"
   },
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/lib/fetch-polyfill.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=fetch-polyfill.d.ts.map

package/lib/fetch-polyfill.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fetch-polyfill.d.ts","sourceRoot":"","sources":["../src/fetch-polyfill.ts"],"names":[],"mappings":""}

package/lib/fetch-polyfill.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const node_fetch_1 = __importDefault(require("node-fetch"));
-if (globalThis.fetch === undefined) {
-    // @ts-expect-error node-fetch doesn't implement a complete spec
-    globalThis.fetch = node_fetch_1.default;
-}