@chaibuilder/pages 0.9.0 → 0.9.2

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index-BoOO_Q6j.cjs"),t=require("@chaibuilder/sdk");exports.ChaiBuilderPagesRealtime=e.ChaiBuilderPagesRealtime;exports.ChaiJsonInput=e.SmartJsonInput;exports.ImagePicker=e.ImagePicker;exports.LanguageSwitcher=e.LanguageSwitcher;exports.NestedPathSelector=e.NestedPathSelector;exports.PermissionChecker=e.PermissionChecker;exports.default=e.ChaiBuilderPages;exports.registerChaiLoginComponent=e.registerLoginComponent;exports.registerChaiSiteSetting=e.registerChaiSiteSetting;exports.useActivePage=e.useActivePage;exports.useBuilderPageData=e.useBuilderPageData;exports.useChaiAuth=e.useChaiAuth;exports.useChaiCurrentPage=e.useCurrentPage;exports.useChaiFetch=e.useChaiFetch;exports.useChaiUserInfo=e.useChaiUserInfo;exports.useFallbackLang=e.useFallbackLang;exports.useFetch=e.useFetch;exports.useGotoPage=e.useGotoPage;exports.useLanguagePages=e.useLanguagePages;exports.usePageTypes=e.usePageTypes;exports.useUpdateActivePageMetadata=e.useUpdateActivePageMetadata;exports.useUserPermissions=e.useUserRoleAndPermissions;exports.useWebsitePages=e.useWebsitePages;exports.useWebsiteSetting=e.useWebsiteSetting;Object.keys(t).forEach(a=>{a!=="default"&&!Object.prototype.hasOwnProperty.call(exports,a)&&Object.defineProperty(exports,a,{enumerable:!0,get:()=>t[a]})});
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index-CbOxTkR_.cjs"),t=require("@chaibuilder/sdk");exports.ChaiBuilderPagesRealtime=e.ChaiBuilderPagesRealtime;exports.ChaiJsonInput=e.SmartJsonInput;exports.ImagePicker=e.ImagePicker;exports.LanguageSwitcher=e.LanguageSwitcher;exports.NestedPathSelector=e.NestedPathSelector;exports.PermissionChecker=e.PermissionChecker;exports.default=e.ChaiBuilderPages;exports.registerChaiLoginComponent=e.registerLoginComponent;exports.registerChaiSiteSetting=e.registerChaiSiteSetting;exports.useActivePage=e.useActivePage;exports.useBuilderPageData=e.useBuilderPageData;exports.useChaiAuth=e.useChaiAuth;exports.useChaiCurrentPage=e.useCurrentPage;exports.useChaiFetch=e.useChaiFetch;exports.useChaiUserInfo=e.useChaiUserInfo;exports.useFallbackLang=e.useFallbackLang;exports.useFetch=e.useFetch;exports.useGotoPage=e.useGotoPage;exports.useLanguagePages=e.useLanguagePages;exports.usePageTypes=e.usePageTypes;exports.useUpdateActivePageMetadata=e.useUpdateActivePageMetadata;exports.useUserPermissions=e.useUserRoleAndPermissions;exports.useWebsitePages=e.useWebsitePages;exports.useWebsiteSetting=e.useWebsiteSetting;Object.keys(t).forEach(a=>{a!=="default"&&!Object.prototype.hasOwnProperty.call(exports,a)&&Object.defineProperty(exports,a,{enumerable:!0,get:()=>t[a]})});

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import { DefinedUseQueryResult } from '@tanstack/react-query';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { RESET } from 'jotai/utils';
+import { SupabaseClient } from '@supabase/supabase-js';
 import { UseMutationResult } from '@tanstack/react-query';
 import { UseQueryResult } from '@tanstack/react-query';
 
@@ -20,25 +21,32 @@ declare type ChaiBuilderPagesProps = {
     getLiveUrl?: (slug: string) => string;
     onLogout?: () => void;
     getAccessToken?: () => Promise<string>;
-    realtimeInstance?: ChaiBuilderPagesRealtimeInterface;
+    supabaseInstance?: SupabaseClient;
 } & Pick<ChaiBuilderEditorProps, "onError" | "translations" | "locale" | "htmlDir" | "autoSaveSupport" | "autoSaveInterval" | "fallbackLang" | "languages" | "themePresets">;
 
 export declare class ChaiBuilderPagesRealtime implements ChaiBuilderPagesRealtimeInterface {
-    private client;
+    private channelId;
+    private supabase;
     private channel;
-    private currentUserId;
-    constructor(socketProvider: any);
-    joinPage(pageId: string, userId: string, callback: (event: LISTEN_EVENTS, payload?: any) => void): Promise<void>;
+    private userId;
+    private clientId;
+    private pageId;
+    private callback;
+    constructor(supabase: SupabaseClient, websiteId: string, userId: string, cb: (event: string, payload?: any) => void);
+    private getClientId;
+    private getOnlineUsers;
+    private getPageOwner;
+    private getPageUserMapping;
+    private onReceiveEvent;
+    joinPage(pageId: string): Promise<void>;
     leavePage(): Promise<void>;
-    sendEvent(event: LISTEN_EVENTS, payload?: any): Promise<void>;
-    private updateLockingState;
-    private getCurrentOnlineUser;
+    sendEvent(event: LISTEN_EVENTS, eventPayload?: any): Promise<void>;
 }
 
 declare interface ChaiBuilderPagesRealtimeInterface {
-    joinPage: (pageId: string, userId: string, callback: (event: LISTEN_EVENTS, payload?: any) => void) => Promise<void>;
-    leavePage: (pageId: string, userId: string) => Promise<void>;
-    sendEvent: (event: LISTEN_EVENTS, payload?: any) => Promise<void>;
+    leavePage: () => Promise<void>;
+    joinPage: (pageId: string) => Promise<void>;
+    sendEvent: (event: LISTEN_EVENTS, payload?: EVENT_PAYLOAD) => Promise<void>;
 }
 
 export declare const ChaiJsonInput: React.FC<SmartJsonInputProps>;
@@ -54,11 +62,18 @@ declare interface ChaiSiteSetting {
 }
 
 declare type ChaiWebsiteSetting = {
+    appKey: string;
     fallbackLang: string;
     languages: string[];
     theme: Record<"fontFamily" | "borderRadius" | "colors", any>;
 };
 
+declare type EVENT_PAYLOAD = {
+    senderClientId?: string;
+    targetClientId?: string;
+    requestingClientId?: string;
+} & Record<string, any>;
+
 export declare const ImagePicker: default_2.FC<ImagePickerProps>;
 
 declare interface ImagePickerProps {
@@ -78,7 +93,7 @@ export declare const LanguageSwitcher: ({ showAdd, variant, }: {
     variant?: "ghost" | "outline";
 }) => JSX_2.Element | null;
 
-declare type LISTEN_EVENTS = "PAGE_LOCKED" | "USER_JOINED" | "TAKE_OVER_REQUESTED" | "TAKE_OVER_REQUEST_ACCEPTED" | "TAKE_OVER_REQUEST_REJECTED";
+declare type LISTEN_EVENTS = "PAGE_LOCKED" | "USER_JOINED" | "TAKE_OVER_REQUESTED" | "UPDATE_ONLINE_USERS" | "TAKE_OVER_REQUEST_ACCEPTED" | "TAKE_OVER_REQUEST_REJECTED";
 
 declare type LoggedInUser = {
     accessToken: string;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { ai as s, a6 as t, a5 as i, a4 as u, X as g, a3 as r, W as h, a7 as n, a8 as o, Y as P, Z as C, ad as c, a9 as d, af as l, ah as m, _ as p, ag as f, a0 as S, aa as b, a1 as L, a2 as k, ae as A, ab as F, ac as I } from "./index-DLpHX_CN.js";
+import { ai as s, a6 as t, a5 as i, a4 as u, X as g, a3 as r, W as h, a7 as n, a8 as o, Y as P, Z as C, ad as c, a9 as d, af as l, ah as m, _ as p, ag as f, a0 as S, aa as b, a1 as L, a2 as k, ae as A, ab as F, ac as I } from "./index-BNA2NDaf.js";
 export * from "@chaibuilder/sdk";
 export {
   s as ChaiBuilderPagesRealtime,

package/dist/server.d.ts

@@ -249,6 +249,7 @@ export declare type ChaiDynamicPage = {
 export { ChaiPageProps }
 
 export declare type ChaiWebsiteSetting = {
+    appKey: string;
     fallbackLang: string;
     languages: string[];
     theme: Record<"fontFamily" | "borderRadius" | "colors", any>;

package/package.json

@@ -3,7 +3,7 @@
   "author": "Suraj Air",
   "license": "Private",
   "homepage": "https://chaibuilder.com",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "type": "module",
   "files": [
     "dist"
@@ -65,7 +65,7 @@
   },
   "peerDependencies": {
     "@chaibuilder/runtime": "2.2.0",
-    "@chaibuilder/sdk": "2.4.0",
+    "@chaibuilder/sdk": "2.4.2",
     "@types/react": "*",
     "@types/react-dom": "*",
     "react": "^18.0 || ^19.0 || ^19.1",
@@ -81,7 +81,7 @@
   },
   "dependencies": {
     "@chaibuilder/runtime": "2.2.0",
-    "@chaibuilder/sdk": "2.4.0",
+    "@chaibuilder/sdk": "2.4.2",
     "@mhsdesign/jit-browser-tailwindcss": "^0.4.2",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/forms": "^0.5.10",
@@ -109,24 +109,24 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.18.0",
+    "@supabase/supabase-js": "^2.50.2",
     "@tanstack/react-query-devtools": "^5.64.2",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
-    "@supabase/supabase-js": "^2.50.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/canvas-confetti": "^1.9.0",
     "@types/cors": "^2.8.17",
     "@types/express": "^5.0.0",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.10.10",
-    "@types/react": "^18.3.1",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
     "@uploadcare/react-uploader": "^1.4.0",
     "@vitejs/plugin-react-swc": "^3.7.2",
     "autoprefixer": "^10.4.20",
     "chokidar": "^4.0.3",
     "cors": "^2.8.5",
-    "dotenv": "^16.4.5",
+    "dotenv": "^16.4.7",
     "eslint": "^9.18.0",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.18",
@@ -142,7 +142,7 @@
     "prettier-plugin-tailwindcss": "^0.6.13",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "tailwindcss": "^3.4.13",
+    "tailwindcss": "^3.4.17",
     "ts-node": "^10.9.2",
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.21.0",