@chaibuilder/pages 0.4.3 → 0.4.6

package/dist/server.js

@@ -1,23 +1,64 @@
-var b = Object.defineProperty;
-var A = (i, a, e) => a in i ? b(i, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[a] = e;
-var u = (i, a, e) => A(i, typeof a != "symbol" ? a + "" : a, e);
-import { isEmpty as f, get as p, first as P, has as m } from "lodash-es";
-const g = {}, C = (i, a) => {
-  g[i] = { key: i, ...a, hasSlug: !0 };
-}, y = (i, a) => {
-  g[i] = { key: i, ...a, hasSlug: !1 };
-}, w = () => Object.values(g), h = (i) => g[i];
-let S = async (i) => ({
-  ...i
+var T = Object.defineProperty;
+var C = (s, a, e) => a in s ? T(s, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[a] = e;
+var u = (s, a, e) => C(s, typeof a != "symbol" ? a + "" : a, e);
+import { isEmpty as w, get as L, first as _, has as A } from "lodash-es";
+const g = {}, y = (s, a) => {
+  g[s] = { key: s, ...a, hasSlug: !0 };
+}, U = (s, a) => {
+  g[s] = { key: s, ...a, hasSlug: !1 };
+}, b = () => Object.values(g), l = (s) => g[s];
+let p = async (s) => ({
+  ...s
 });
-const _ = (i) => S = i, E = async (i) => {
+const H = (s) => p = s, P = async (s) => {
   try {
-    return await S(i);
+    return await p(s);
   } catch (a) {
     return console.error(a), {};
   }
 };
-class L {
+class v {
+  constructor(a) {
+    this.backend = a;
+  }
+  async upload({
+    file: a,
+    folderId: e,
+    name: t
+  }) {
+    return await this.backend.handleAssetsAction({
+      action: "UPLOAD_ASSET",
+      data: {
+        name: t,
+        file: a,
+        folderId: e
+      }
+    });
+  }
+  async getAssets(a) {
+    return this.backend.handleAssetsAction({
+      action: "GET_ASSETS",
+      data: a
+    });
+  }
+  async deleteAsset(a) {
+    return this.backend.handleAssetsAction({
+      action: "DELETE_ASSET",
+      data: { assetId: a }
+    });
+  }
+  async updateAsset({
+    id: a,
+    file: e,
+    description: t
+  }) {
+    return this.backend.handleAssetsAction({
+      action: "UPDATE_ASSET",
+      data: { id: a, file: e, description: t }
+    });
+  }
+}
+class G {
   constructor(a) {
     this.backend = a;
   }
@@ -32,10 +73,11 @@ class L {
     email: a,
     password: e
   }) {
-    return await this.backend.handleUsersAction({
+    const t = await this.backend.handleUsersAction({
       action: "LOGIN",
       data: { email: a, password: e }
     });
+    return t.error ? { error: t.error } : t;
   }
   async logout() {
     await this.backend.handleUsersAction({
@@ -61,7 +103,7 @@ class L {
     );
   }
 }
-const U = {
+const D = {
   ab: "Abkhazian",
   aa: "Afar",
   af: "Afrikaans",
@@ -250,25 +292,25 @@ const U = {
   za: "Zhuang, Chuang",
   zu: "Zulu"
 };
-class M {
-  constructor(a, e) {
+class B {
+  constructor(a, e, t) {
     u(this, "fallbackLang", "");
     u(this, "currentLang", "");
     u(this, "draftMode", !1);
-    this.backend = a, this.chaiUsers = e, this._registerDefaultPageTypes(), this.chaiUsers = e ?? new L(this.backend);
+    this.backend = a, this.chaiUsers = e, this.chaiAssets = t, this._registerDefaultPageTypes(), this.chaiUsers = e ?? new G(this.backend), this.chaiAssets = t ?? new v(this.backend);
   }
   _registerDefaultPageTypes() {
-    C("page", {
+    y("page", {
       name: "Static Page",
       icon: '<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M5 8V20H19V8H5ZM5 6H19V4H5V6ZM20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM7 10H11V14H7V10ZM7 16H17V18H7V16ZM13 11H17V13H13V11Z"></path></svg>'
-    }), y("global", {
+    }), U("global", {
       name: "Global Block",
       helpText: "A global block can be reused in multiple pages.",
       icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-4 h-4 text-slate-500 stroke-[1]"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>'
     });
   }
   setFallbackLang(a) {
-    if (f(a))
+    if (w(a))
       throw new Error("Fallback language cannot be empty");
     this.fallbackLang = a;
   }
@@ -276,7 +318,7 @@ class M {
     return this.fallbackLang;
   }
   setCurrentLang(a) {
-    if (f(a))
+    if (w(a))
       throw new Error("Current language cannot be empty");
     this.currentLang = a;
   }
@@ -289,38 +331,50 @@ class M {
   isDraftMode() {
     return this.draftMode;
   }
-  async handleUpload(a, e = "") {
-    return await this.backend.handleUpload(a, e);
-  }
   async handle(a, e) {
-    var t, r, o, c, l, k;
+    var n, r, o, c, h, k, m, E, S, f;
     switch (a.action) {
+      // Media
+      case "UPLOAD_ASSET":
+        return (n = this.chaiAssets) == null ? void 0 : n.upload({
+          file: a.data.file,
+          name: a.data.name
+        });
+      case "GET_ASSETS":
+        return (r = this.chaiAssets) == null ? void 0 : r.getAssets(a.data);
+      case "DELETE_ASSET":
+        return (o = this.chaiAssets) == null ? void 0 : o.deleteAsset(a.data.assetId);
+      case "UPDATE_ASSET_FILE":
+        return (c = this.chaiAssets) == null ? void 0 : c.updateAsset(
+          a.data
+        );
+      // Users
       case "REFRESH_TOKEN":
-        return (t = this.chaiUsers) == null ? void 0 : t.refreshToken(
+        return (h = this.chaiUsers) == null ? void 0 : h.refreshToken(
           a.data
         );
       case "LOGIN":
-        return (r = this.chaiUsers) == null ? void 0 : r.login(
+        return (k = this.chaiUsers) == null ? void 0 : k.login(
           a.data
         );
       case "LOGOUT":
-        return (o = this.chaiUsers) == null ? void 0 : o.logout();
+        return (m = this.chaiUsers) == null ? void 0 : m.logout();
       case "CHECK_USER_STATUS":
-        return (c = this.chaiUsers) == null ? void 0 : c.isUserActive(e);
+        return (E = this.chaiUsers) == null ? void 0 : E.isUserActive(e);
       case "GET_ROLE_AND_PERMISSIONS":
-        return (l = this.chaiUsers) == null ? void 0 : l.getUserRoleAndPermissions(e);
+        return (S = this.chaiUsers) == null ? void 0 : S.getUserRoleAndPermissions(e);
       case "GET_CHAI_USER":
-        return (k = this.chaiUsers) == null ? void 0 : k.getUserInfo(
+        return (f = this.chaiUsers) == null ? void 0 : f.getUserInfo(
           e,
           a.data
         );
     }
     if (a.action === "GET_BUILDER_PAGE_DATA") {
-      const s = await E({
+      const i = await P({
         lang: a.data.lang,
         draft: !0,
         inBuilder: !0
-      }), d = h(
+      }), d = l(
         a.data.pageType
       );
       return d ? {
@@ -330,44 +384,44 @@ class M {
           inBuilder: !0,
           pageProps: a.data.pageProps ?? {}
         }) : {},
-        global: s
-      } : { global: s };
+        global: i
+      } : { global: i };
     }
     if (a.action === "GET_PAGE_TYPES")
       return Promise.all(
-        w().map(async (s) => ({
-          key: s.key,
-          helpText: s.helpText ?? "",
-          icon: s.icon ?? "",
-          dynamicSegments: s.dynamicSegments ?? "",
-          dynamicSlug: s.dynamicSlug ?? "",
-          hasSlug: s.hasSlug ?? !0,
-          name: typeof s.name == "function" ? await s.name() : s.name
+        b().map(async (i) => ({
+          key: i.key,
+          helpText: i.helpText ?? "",
+          icon: i.icon ?? "",
+          dynamicSegments: i.dynamicSegments ?? "",
+          dynamicSlug: i.dynamicSlug ?? "",
+          hasSlug: i.hasSlug ?? !0,
+          name: typeof i.name == "function" ? await i.name() : i.name
         }))
       );
     if (a.action === "SEARCH_PAGE_TYPE_ITEMS") {
-      const s = h(
+      const i = l(
         a.data.pageType
       );
-      return s ? s.search ? await s.search(a.data.query) : this.backend.handleAction(a, e) : { error: "Page type not found" };
+      return i ? i.search ? await i.search(a.data.query) : this.backend.handleAction(a, e) : { error: "Page type not found" };
     }
-    const n = await this.backend.handleAction(a, e);
-    return this.emit(a.action, n), n;
+    const t = await this.backend.handleAction(a, e);
+    return this.emit(a.action, t), t;
   }
   emit(a, e) {
     var r, o, c;
     if (!["CREATE_PAGE", "UPDATE_PAGE", "DELETE_PAGE"].includes(a)) return;
-    const n = p(e, "page");
-    if (!n) return;
-    const t = h(n.pageType);
-    if (t)
+    const t = L(e, "page");
+    if (!t) return;
+    const n = l(t.pageType);
+    if (n)
       switch (a) {
         case "CREATE_PAGE":
-          return (r = t.onCreate) == null ? void 0 : r.call(t, n);
+          return (r = n.onCreate) == null ? void 0 : r.call(n, t);
         case "UPDATE_PAGE":
-          return (o = t.onUpdate) == null ? void 0 : o.call(t, n);
+          return (o = n.onUpdate) == null ? void 0 : o.call(n, t);
         case "DELETE_PAGE":
-          return (c = t.onDelete) == null ? void 0 : c.call(t, n);
+          return (c = n.onDelete) == null ? void 0 : c.call(n, t);
       }
   }
   // APIS
@@ -376,40 +430,40 @@ class M {
       throw new Error(
         "Please set a fallback language using setFallbackLang(lang: string)"
       );
-    const e = P(a || [""]);
-    Object.keys(U).includes(e) ? this.setCurrentLang(e) : this.setCurrentLang(this.getFallbackLang());
+    const e = _(a || [""]);
+    Object.keys(D).includes(e) ? this.setCurrentLang(e) : this.setCurrentLang(this.getFallbackLang());
   }
   async resolveLink(a, e) {
-    const n = h(a);
-    if (!n)
+    const t = l(a);
+    if (!t)
       return "/not-found";
-    const t = this.isDraftMode(), r = this.getCurrentLang();
-    return n.resolveLink ? await n.resolveLink(e, t, r) : await this.backend.handleAction({
+    const n = this.isDraftMode(), r = this.getCurrentLang() === this.getFallbackLang() ? "" : this.getCurrentLang();
+    return t.resolveLink ? await t.resolveLink(e, n, r) : await this.backend.handleAction({
       action: "GET_LINK",
       data: {
         pageType: a,
         id: e,
-        draft: t,
+        draft: n,
         lang: r
       }
     });
   }
   async getPageBySlug(a) {
-    const e = this.isDraftMode(), n = {};
-    return w().forEach((t) => {
-      m(t, "dynamicSegments") && t.dynamicSegments && (n[t.key] = t.dynamicSegments);
+    const e = this.isDraftMode(), t = {};
+    return b().forEach((n) => {
+      A(n, "dynamicSegments") && n.dynamicSegments && (t[n.key] = n.dynamicSegments);
     }), await this.backend.handleAction({
       action: "GET_PAGE_META",
-      data: { slug: a, draft: e, dynamicSegments: n }
+      data: { slug: a, draft: e, dynamicSegments: t }
     });
   }
   async getFullPage(a) {
-    const e = this.isDraftMode(), n = this.getCurrentLang(), t = this.getFallbackLang();
+    const e = this.isDraftMode(), t = this.getCurrentLang(), n = this.getFallbackLang();
     return await this.backend.handleAction({
       action: "GET_PAGE",
       data: {
         id: a,
-        lang: t === n ? void 0 : n,
+        lang: n === t ? void 0 : t,
         draft: e,
         mergePartials: !0
       }
@@ -423,12 +477,12 @@ class M {
     });
   }
   async getPageData(a, e = {}) {
-    var l;
-    const n = this.isDraftMode(), t = this.getCurrentLang(), r = h(a), [o, c] = await Promise.all([
+    var h;
+    const t = this.isDraftMode(), n = this.getCurrentLang(), r = l(a), [o, c] = await Promise.all([
       this.getGlobalData(),
-      ((l = r == null ? void 0 : r.dataProvider) == null ? void 0 : l.call(r, {
-        lang: t,
-        draft: n,
+      ((h = r == null ? void 0 : r.dataProvider) == null ? void 0 : h.call(r, {
+        lang: n,
+        draft: t,
         inBuilder: !1,
         pageProps: e
       })) || Promise.resolve({})
@@ -440,7 +494,7 @@ class M {
   }
   async getGlobalData() {
     const a = this.getCurrentLang();
-    return await E({
+    return await P({
       lang: a,
       draft: this.isDraftMode(),
       inBuilder: !1
@@ -450,36 +504,36 @@ class M {
     return await this.backend.handleAction(a);
   }
 }
-class D {
-  constructor(a = "", e = v) {
+class K {
+  constructor(a = "", e = M) {
     this.apiKey = a, this.apiUrl = e;
   }
   async handleUsersAction(a, e) {
-    const n = await fetch(`${this.apiUrl}/v1/api/users`, {
+    const t = await fetch(`${this.apiUrl}/v1/api/users`, {
       method: "POST",
       body: JSON.stringify(a),
       headers: {
         "x-chai-api-key": this.apiKey,
         "x-chai-auth-token": e
       }
-    }), t = await n.json();
-    return m(t, "error") ? { ...t, status: n.status } : t;
+    }), n = await t.json();
+    return A(n, "error") ? { ...n, status: t.status } : n;
   }
   async handleAction(a, e) {
-    const n = await fetch(`${this.apiUrl}/v1/api/chai`, {
+    const t = await fetch(`${this.apiUrl}/v1/api/chai`, {
       method: "POST",
       body: JSON.stringify(a),
       headers: {
         "x-chai-api-key": this.apiKey,
         "x-chai-auth-token": e
       }
-    }), t = await n.json();
-    return m(t, "error") ? { ...t, status: n.status } : t;
+    }), n = await t.json();
+    return A(n, "error") ? { ...n, status: t.status } : n;
   }
-  async handleUpload(a, e) {
-    return await (await fetch(`${this.apiUrl}/v1/api/chai`, {
+  async handleAssetsAction(a, e) {
+    return await (await fetch(`${this.apiUrl}/v1/api/assets`, {
       method: "POST",
-      body: a,
+      body: JSON.stringify(a),
       headers: {
         "x-chai-api-key": this.apiKey,
         "x-chai-upload": "true",
@@ -488,17 +542,17 @@ class D {
     })).json();
   }
 }
-const v = "https://api.chaibuilder.com";
+const M = "https://api.chaibuilder.com";
 export {
-  v as API_URL,
-  M as ChaiBuilderPages,
-  D as ChaiBuilderPagesBackend,
-  L as ChaiBuilderPagesUserManagement,
-  U as LANGUAGES,
-  E as getChaiGlobalData,
-  h as getChaiPageType,
-  w as getChaiPageTypes,
-  _ as registerChaiGlobalDataProvider,
-  C as registerChaiPageType,
-  y as registerChaiPartialType
+  M as API_URL,
+  B as ChaiBuilderPages,
+  K as ChaiBuilderPagesBackend,
+  G as ChaiBuilderPagesUserManagement,
+  D as LANGUAGES,
+  P as getChaiGlobalData,
+  l as getChaiPageType,
+  b as getChaiPageTypes,
+  H as registerChaiGlobalDataProvider,
+  y as registerChaiPageType,
+  U as registerChaiPartialType
 };

package/package.json

@@ -3,7 +3,7 @@
   "author": "Suraj Air",
   "license": "Private",
   "homepage": "https://chaibuilder.com",
-  "version": "0.4.3",
+  "version": "0.4.6",
   "type": "module",
   "files": [
     "dist"
@@ -59,7 +59,7 @@
     "test": "vitest"
   },
   "peerDependencies": {
-    "@chaibuilder/sdk": "2.2.4",
+    "@chaibuilder/sdk": "2.2.5",
     "@chaibuilder/runtime": "2.1.2",
     "@types/react": "*",
     "@types/react-dom": "*",
@@ -79,7 +79,7 @@
   },
   "dependencies": {
     "@chaibuilder/runtime": "2.1.2",
-    "@chaibuilder/sdk": "2.2.4",
+    "@chaibuilder/sdk": "2.2.5",
     "@mhsdesign/jit-browser-tailwindcss": "^0.4.2",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/forms": "^0.5.10",
@@ -97,7 +97,7 @@
     "lucide-react": "^0.474.0",
     "path": "^0.12.7",
     "react-dropzone": "^14.3.8",
-    "react-image-crop": "^11.0.7",
+    "react-filerobot-image-editor": "^4.9.1",
     "sonner": "^2.0.1",
     "tailwind-merge": "^2.6.0",
     "tailwindcss-animate": "^1.0.7",
@@ -135,8 +135,8 @@
     "nodemon": "^3.1.9",
     "postcss": "^8.5.1",
     "prettier": "^3.4.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "tailwindcss": "^3.4.13",
     "ts-node": "^10.9.2",
     "typescript": "^5.7.3",