@webstudio-is/http-client 0.1.0 → 0.2.0

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 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":"AACA,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,EAAQ,MAAM,WAAW,CAAC;AAEzD,eAAO,MAAM,WAAW;YAKd,MAAM;eACH,MAAM;;MAEf,QAAQ,OAAO,CAoElB,CAAC"}

package/lib/index.js

@@ -5,21 +5,67 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadProject = void 0;
 const isomorphic_fetch_1 = __importDefault(require("isomorphic-fetch"));
-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 loadProject = async ({ apiUrl, projectId, include = { tree: true, props: true, breakpoints: true, pages: false }, }) => {
+    if (apiUrl === undefined) {
+        throw new Error("Webstudio API URL is required.");
+    }
+    const urls = [];
+    const pages = {};
+    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([
+    const pagesUrl = new URL(`/rest/pages/${projectId}`, baseUrl);
+    const [tree, props, breakpoints, listOfPages] = await Promise.all([
         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(),
+        include.pages && (await (0, isomorphic_fetch_1.default)(pagesUrl)).json(),
     ]);
+    if (include.pages && listOfPages.pages && listOfPages.pages.length > 0) {
+        for (const page of listOfPages.pages) {
+            urls.push({
+                url: new URL(`/rest/tree/${projectId}/${page.id}`, baseUrl),
+                path: page.path,
+                type: "tree",
+            });
+            urls.push({
+                url: new URL(`/rest/props/${projectId}/${page.id}`, baseUrl),
+                path: page.path,
+                type: "props",
+            });
+        }
+        if (urls.length === 0) {
+            return {
+                tree,
+                props,
+                breakpoints,
+                pages,
+            };
+        }
+        const pagesData = await Promise.all(urls.map(async (url) => {
+            const res = await (0, isomorphic_fetch_1.default)(url.url);
+            if (res.ok) {
+                return { path: url.path, type: url.type, data: await res.json() };
+            }
+        }));
+        if (Object.keys(pagesData).length > 0) {
+            for (const page of pagesData) {
+                if (page && page.path && page.type && page.data) {
+                    pages[page.path] = {
+                        ...pages[page.path],
+                        [page.type]: page.data,
+                        breakpoints,
+                    };
+                }
+            }
+        }
+    }
     return {
         tree,
         props,
         breakpoints,
+        pages: Object.keys(pages).length > 0 ? pages : null,
     };
 };
 exports.loadProject = loadProject;

package/lib/index.test.js

@@ -1,24 +1,38 @@
 "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 = "398d3918-9b00-4a43-8ab6-de4e151ae98a";
+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("include pages", async () => {
+        const response = await (0, index_1.loadProject)({
+            apiUrl,
+            projectId: existingProjectId,
+            include: { tree: true, props: true, breakpoints: true, pages: true },
+        });
+        expect(response.pages).toBeTruthy();
     });
-    test("loads non-existing project", async () => {
+    test("does not include pages", async () => {
         const response = await (0, index_1.loadProject)({
-            projectId: nonExistingProject,
+            apiUrl,
+            projectId: notPublishedProjectId,
+            include: { tree: true, props: true, breakpoints: true, pages: true },
         });
-        expect(response.tree.errors).toBe("Project required");
+        expect(response.pages).toBeNull();
+    });
+    test("loads existing project", async () => {
+        const response = await (0, index_1.loadProject)({
+            apiUrl,
+            projectId: existingProjectId,
+        });
+        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 ${notPublishedProjectId} needs to be published first`);
     });
 });

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@webstudio-is/http-client",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Webstudio HTTP Client",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
   "scripts": {
-    "dev": "tsup src/index.ts --format esm,cjs --watch --out-dir=lib",
+    "dev": "tsup --watch",
     "test": "jest",
-    "build": "rm -fr lib && tsc",
+    "build": "rm -fr lib tsconfig.tsbuildinfo && tsc",
     "typecheck": "tsc --noEmit",
     "lint": "eslint ./src --ext .ts,.tsx --max-warnings 0",
     "checks": "yarn typecheck && yarn lint"
@@ -32,5 +32,13 @@
     "!*.test.*"
   ],
   "license": "MIT",
-  "private": false
+  "private": false,
+  "sideEffects": false,
+  "tsup": {
+    "entry": [
+      "src/index.ts"
+    ],
+    "format": "cjs",
+    "outDir": "lib"
+  }
 }