chaipro 0.1.0

package/dist/builder.css

@@ -0,0 +1 @@
+.FIE_topbar-save-menu{display:flex;flex-direction:column;gap:0;border-width:1px;padding-top:.5rem;padding-bottom:.5rem;font-size:.75rem;line-height:1rem;box-shadow:0 25px 50px -12px #00000040}.FIE_topbar-save-menu-item{font-size:.75rem;line-height:1rem}.FIE_topbar-save-menu-item:hover{background-color:#e5e7eb}.FIE_topbar-save-menu-item>span:first-child{height:1rem;width:1rem}#chai-image-editor-container>button{opacity:0}body{pointer-events:auto!important}

package/dist/builder.d.cts

@@ -0,0 +1,352 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _tanstack_react_query from '@tanstack/react-query';
+import { T as ChaiPageType, N as ChaiLibrary, O as ChaiLibraryBlock, aa as ChaiWebsiteBuilderProps, e as AIModel, d as AIEvent, f as AISuccessCallback, c as AIErrorCallback, a as AICompleteCallback, b as AIContext, Q as ChaiPage, ab as ChaiWebsiteSetting, k as ChaiBlock, ag as StructureRule } from './actions-DM00SIUk.cjs';
+export { useTranslation } from 'react-i18next';
+import * as _react_hookz_web from '@react-hookz/web';
+import * as React$1 from 'react';
+import React__default, { ComponentType, ReactNode, LazyExoticComponent } from 'react';
+import 'ai';
+import '@rjsf/utils';
+
+type NestedPathSelectorProps = {
+    data: Record<string, any>;
+    onSelect: (path: string) => void;
+    dataType?: "value" | "array" | "object";
+    disabled?: boolean;
+};
+declare function NestedPathSelector({ data, onSelect, dataType, disabled }: NestedPathSelectorProps): react_jsx_runtime.JSX.Element;
+
+declare const useChaiCurrentPage: () => {
+    data: any;
+    isFetching: boolean;
+};
+declare const usePrimaryPage: () => {
+    data: any;
+    isFetching: boolean;
+};
+declare const useCurrentActivePage: () => {
+    data: any;
+    isFetching: boolean;
+};
+
+/**
+ * Hook to fetch all page data in a single API call
+ * Consolidates GET_DRAFT_PAGE, GET_BUILDER_PAGE_DATA, and GET_LANGUAGE_PAGES
+ * Uses queryClient.setQueryData to populate individual caches for backward compatibility
+ */
+declare const usePageAllData: () => _tanstack_react_query.UseQueryResult<any, Error>;
+
+declare const useBuilderPageData: () => _tanstack_react_query.UseQueryResult<unknown, Error>;
+
+/**
+ * React Query hook to fetch site-wide global data.
+ * Global data is the same for all pages and is cached per language.
+ * Populated automatically by usePageAllData on initial load.
+ */
+declare const useSiteGlobalData: () => _tanstack_react_query.UseQueryResult<Record<string, unknown>, Error>;
+
+declare const usePageTypes: () => _tanstack_react_query.UseQueryResult<ChaiPageType[], Error>;
+
+declare const useFallbackLang: () => string;
+
+declare const useGotoPage: () => ({ pageId }: {
+    pageId: string;
+}) => void;
+
+declare const useReloadPage: () => () => Promise<void>;
+declare const useClearAll: () => () => void;
+
+declare const useUpdateActivePageMetadata: () => _tanstack_react_query.UseMutationResult<unknown, Error, Record<string, any>, unknown>;
+
+declare const defaultChaiLibrary: ({ baseUrl, }?: {
+    baseUrl?: string;
+}) => {
+    name: string;
+    description: string;
+    getBlocksList: (_library: ChaiLibrary) => Promise<any[]>;
+    getBlock: ({ block }: {
+        library: ChaiLibrary;
+        block: ChaiLibraryBlock<any>;
+    }) => Promise<string>;
+};
+
+declare const useSavePage: () => {
+    savePage: _react_hookz_web.ThrottledFunction<(autoSave?: boolean, force?: boolean) => Promise<true | undefined>>;
+    savePageAsync: (force?: boolean) => Promise<true | undefined>;
+    saveState: "SAVED" | "SAVING" | "UNSAVED";
+    setSaveState: (args_0: "SAVED" | "SAVING" | "UNSAVED" | ((prev: "SAVED" | "SAVING" | "UNSAVED") => "SAVED" | "SAVING" | "UNSAVED")) => void;
+    needTranslations: () => boolean;
+};
+
+declare const ChaiWebsiteBuilder: (props: ChaiWebsiteBuilderProps) => react_jsx_runtime.JSX.Element;
+
+declare const PermissionChecker: ({ permission, permissions, children, fallback, }: {
+    permission?: string;
+    permissions?: string[];
+    fallback?: React.ReactNode;
+    children: React.ReactNode;
+}) => React$1.ReactNode;
+
+interface SmartJsonInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    placeholder?: string;
+    rows?: number;
+    id?: string;
+    pageData?: Record<string, any>;
+    handleFieldInsert?: (field: string, inputId: string) => void;
+    hasJsonLdForSelectedLang?: boolean;
+    copyJsonLDFromDefaultPage?: () => void;
+    topRightComponent?: React.ReactNode;
+}
+declare const SmartJsonInput: React.FC<SmartJsonInputProps>;
+
+declare const LanguageSwitcher: ({ showAdd, goToDefaultLang, }: {
+    showAdd?: boolean;
+    goToDefaultLang?: boolean;
+}) => react_jsx_runtime.JSX.Element | null;
+
+interface ImagePickerProps {
+    assetId?: string;
+    assetUrl?: string;
+    onChange: (value: {
+        url: string;
+        id: string;
+    }) => void;
+    className?: string;
+    placeholder?: string;
+    disabled?: boolean;
+}
+declare const ImagePicker: React__default.FC<ImagePickerProps>;
+
+interface AiPanelContentProps {
+    type?: "default" | "floating" | "generate-image";
+    models?: AIModel[];
+    onAIEvent?: (event: AIEvent) => void;
+    onSuccess?: (data: AISuccessCallback) => void;
+    onError?: (data: AIErrorCallback) => void;
+    onComplete?: (data: AICompleteCallback) => void;
+    context?: AIContext;
+    [key: string]: any;
+    updateLoadingState?: (loading: boolean) => void;
+    onImageGenerate?: (url: string) => void;
+}
+declare const AiPanelContent: ({ type, models, onAIEvent, onSuccess, onError, onComplete, context, updateLoadingState, onImageGenerate, ...rest }: AiPanelContentProps) => react_jsx_runtime.JSX.Element;
+
+declare const useLanguagePages: (pageId?: string | undefined) => _tanstack_react_query.UseQueryResult<any[] | null, Error>;
+
+declare const useWebsitePrimaryPages: () => _tanstack_react_query.UseQueryResult<ChaiPage[], Error>;
+
+declare const useApiUrl: () => string;
+
+declare const useWebsiteSetting: () => _tanstack_react_query.UseQueryResult<ChaiWebsiteSetting, Error>;
+
+declare const useChaiAuth: () => {
+    readonly isLoggedIn: boolean;
+    readonly user: any;
+    readonly logout: any;
+};
+
+type CheckUserAccessResponse = {
+    access: boolean;
+    role: string;
+    permissions: string[] | null;
+};
+/**
+ * Hook to periodically check if the user has access to the app
+ * Also returns the user's role and permissions
+ * @param checkInterval Interval in seconds (default 300 = 5 mins)
+ * @returns Object with access, role, permissions, and loading states
+ */
+declare const useCheckUserAccess: (checkInterval?: number) => _tanstack_react_query.UseQueryResult<CheckUserAccessResponse, Error>;
+
+declare const useChaiUserInfo: (currentEditor: string) => _tanstack_react_query.UseQueryResult<any, Error>;
+
+declare const useBuilderFetch: () => ({ body, headers, url, streamResponse, options, }: {
+    body: {
+        action: string;
+        data?: any;
+    };
+    headers?: Record<string, string>;
+    url?: string;
+    streamResponse?: boolean;
+    options?: {
+        signal?: AbortSignal;
+    };
+}) => Promise<any>;
+declare const useFetch: () => (url: string | undefined, body: {
+    action: string;
+    data?: any;
+}, headers?: Record<string, string>, streamResponse?: boolean, options?: {
+    signal?: AbortSignal;
+}) => Promise<unknown>;
+
+declare const CHAI_SLOT_IDS: {
+    readonly TOPBAR_LEFT: "topbar-left";
+    readonly TOPBAR_CENTER: "topbar-center";
+    readonly TOPBAR_RIGHT: "topbar-right";
+    readonly MEDIA_MANAGER: "media-manager";
+    readonly TOP_BAR: "top-bar";
+    readonly BEFORE_OUTLINE: "before-outline";
+    readonly AFTER_BLOCK_OPTIONS: "after-block-options";
+    readonly AFTER_BODY_BLOCK_OPTIONS: "after-body-block-options";
+    readonly AFTER_BUILDER: "after-builder";
+    readonly AFTER_PAGE_MORE_OPTIONS: "after-page-more-options";
+    readonly SEO_PANEL: {
+        readonly TRIGGER: "after-seo-panel-tabs-triggers";
+        readonly CONTENT: "after-seo-panel-tabs-content";
+    };
+    readonly BLOCK_STYLING_ELEMENTS: "block-styling-elements";
+};
+
+declare const RJSF_EXTENSIONS: Record<string, {
+    id: string;
+    component: React.ComponentType<any>;
+    type: string;
+}>;
+declare const registerChaiBlockSettingWidget: (id: string, component: React.ComponentType<any>) => void;
+declare const registerChaiBlockSettingField: (id: string, component: React.ComponentType<any>) => void;
+declare const registerChaiBlockSettingTemplate: (id: string, component: React.ComponentType<any>) => void;
+declare const useChaiBlockSettingComponents: (type: "widget" | "field" | "template") => Record<string, React.ComponentType<any>>;
+
+type AddBlockTab = {
+    id: string;
+    tab: React.ComponentType;
+    tabContent: React.ComponentType;
+};
+declare const ADD_BLOCK_TABS: Record<string, AddBlockTab>;
+declare const registerChaiAddBlockTab: (id: string, tab: Omit<AddBlockTab, "id">) => void;
+declare const useChaiAddBlockTabs: () => AddBlockTab[];
+
+type ChaiFlagOptions = {
+    key: string;
+    value?: any;
+    description?: string;
+};
+declare const registerChaiFeatureFlag: (key: string, flagOptions: Omit<ChaiFlagOptions, "key">) => void;
+declare const registerChaiFeatureFlags: (flags: Record<string, Omit<ChaiFlagOptions, "key">>) => void;
+declare const useChaiFeatureFlags: () => Record<string, ChaiFlagOptions>;
+declare const useChaiFeatureFlag: (flagKey: string) => boolean;
+declare const useToggleChaiFeatureFlag: (flagKey: string) => () => void;
+declare const IfChaiFeatureFlag: ({ flagKey, children }: {
+    flagKey: string;
+    children: React.ReactNode;
+}) => React$1.ReactNode;
+
+declare const CHAI_HOOKS: {
+    readonly BEFORE_SAVE_PAGE: "before:save:page";
+    readonly AFTER_SAVE_PAGE: "after:save:page";
+};
+
+type ChaiHook<T = any> = (data: T, context?: any) => Promise<T> | T;
+type ChaiHookContext = {
+    pageId?: string;
+    operation?: "create" | "update" | "delete" | "duplicate";
+    userId?: string;
+    [key: string]: any;
+};
+type ChaiHookName = (typeof CHAI_HOOKS)[keyof typeof CHAI_HOOKS] | string;
+/**
+ * Register a hook function for a specific hook name
+ * Hooks execute in pipeline/chain pattern - each hook receives output from previous hook
+ */
+declare const registerChaiHook: <T>(hookName: ChaiHookName, hookFn: ChaiHook<T>) => void;
+/**
+ * Execute all registered hooks for a given hook name in pipeline pattern
+ * Each hook receives the output from the previous hook
+ * Errors in hooks are caught and logged but don't break the pipeline
+ */
+declare const executeChaiHooks: <T>(hookName: ChaiHookName, initialData: T, context?: ChaiHookContext) => Promise<T>;
+/**
+ * Get all registered hooks for a given hook name (for testing)
+ */
+declare const getRegisteredHooks: (hookName: ChaiHookName) => ChaiHook<any>[];
+/**
+ * Clear all hooks for a given hook name (for testing)
+ */
+declare const clearHooks: (hookName?: ChaiHookName) => void;
+
+type HTMLString = string;
+type ChaiLibraryConfig<T> = {
+    id: string;
+    name: string;
+    description: string;
+    getBlocksList: (library: ChaiLibrary) => Promise<ChaiLibraryBlock<T>[]>;
+    getBlock: ({ library, block, }: {
+        library: ChaiLibrary;
+        block: ChaiLibraryBlock<T>;
+    }) => Promise<HTMLString | ChaiBlock[]>;
+};
+declare const registerChaiLibrary: <T extends Record<string, any> = Record<string, any>>(id: string, library: Omit<ChaiLibraryConfig<T>, "id">) => void;
+declare const getChaiLibrary: (id: string) => ChaiLibraryConfig<any>;
+declare const useChaiLibraries: () => ChaiLibraryConfig<any>[];
+
+declare const registerChaiPreImportHTMLHook: (fn: (code: string) => Promise<string>) => void;
+declare const getPreImportHTML: (code: string) => Promise<string>;
+
+type SaveToLibraryProps = {
+    blockId: string;
+    blocks: ChaiBlock[];
+    close: () => void;
+};
+declare let SAVE_TO_LIB_COMPONENT: ComponentType<SaveToLibraryProps> | null;
+declare const registerChaiSaveToLibrary: (component: ComponentType<SaveToLibraryProps>) => void;
+declare const useSaveToLibraryComponent: () => ComponentType<SaveToLibraryProps> | null;
+declare const resetSaveToLibrary: () => void;
+
+interface ChaiSidebarPanel {
+    id: string;
+    position: "top" | "bottom";
+    view?: "standard" | "modal" | "overlay" | "drawer";
+    button: React.ComponentType<{
+        isActive: boolean;
+        show: () => void;
+        panelId: string;
+        position: "top" | "bottom";
+    }>;
+    label: string;
+    panel?: ComponentType;
+    width?: number;
+    isInternal?: boolean;
+    icon?: React.ReactNode;
+}
+declare const CHAI_BUILDER_PANELS: Record<string, ChaiSidebarPanel>;
+declare const registerChaiSidebarPanel: (panelId: string, panelOptions: Omit<ChaiSidebarPanel, "id">) => void;
+declare const useChaiSidebarPanels: (position: "top" | "bottom") => ChaiSidebarPanel[];
+
+type LeafStringValues<T> = T extends string ? T : T extends object ? LeafStringValues<T[keyof T]> : never;
+type ChaiSlotId = LeafStringValues<typeof CHAI_SLOT_IDS> | (string & {});
+type ChaiSlotComponent = ComponentType<any> | LazyExoticComponent<ComponentType<any>>;
+interface ChaiSlotProps {
+    slotId: ChaiSlotId;
+    context?: Record<string, any>;
+    multiple?: boolean;
+    defaultComponent?: ComponentType<any> | null;
+    fallback?: ReactNode;
+}
+declare const SLOT_REGISTRY: Record<string, ChaiSlotComponent[]>;
+declare const registerChaiSlot: (slotId: ChaiSlotId, component: ChaiSlotComponent) => void;
+declare const useChaiSlot: (slotId: ChaiSlotId) => ChaiSlotComponent[];
+declare const ChaiSlot: ({ slotId, context, multiple, defaultComponent: DefaultComponent, fallback, }: ChaiSlotProps) => react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Register a custom structure validation rule
+ * @param rule - The structure rule to register
+ * @example
+ * ```ts
+ * registerChaiStructureCheckRule({
+ *   name: "custom-rule",
+ *   description: "My custom validation rule",
+ *   validate: (canvasDocument: Document) => {
+ *     const errors = [];
+ *     // Your validation logic here
+ *     return errors;
+ *   }
+ * });
+ * ```
+ */
+declare const registerChaiStructureCheckRule: (rule: StructureRule) => void;
+
+export { ADD_BLOCK_TABS, type AddBlockTab, CHAI_BUILDER_PANELS, CHAI_SLOT_IDS, AiPanelContent as ChaiAiPanel, type AiPanelContentProps as ChaiAiPanelProps, type ChaiHook, type ChaiHookContext, type ChaiHookName, SmartJsonInput as ChaiJsonInput, type ChaiSidebarPanel, ChaiSlot, type ChaiSlotComponent, type ChaiSlotId, type ChaiSlotProps, ChaiWebsiteBuilder, IfChaiFeatureFlag, ImagePicker, LanguageSwitcher, NestedPathSelector, PermissionChecker, RJSF_EXTENSIONS, SAVE_TO_LIB_COMPONENT, SLOT_REGISTRY, type SaveToLibraryProps, clearHooks, defaultChaiLibrary, executeChaiHooks, getChaiLibrary, getPreImportHTML, getRegisteredHooks, registerChaiAddBlockTab, registerChaiBlockSettingField, registerChaiBlockSettingTemplate, registerChaiBlockSettingWidget, registerChaiFeatureFlag, registerChaiFeatureFlags, registerChaiHook, registerChaiLibrary, registerChaiPreImportHTMLHook, registerChaiSaveToLibrary, registerChaiSidebarPanel, registerChaiSlot, registerChaiStructureCheckRule, resetSaveToLibrary, useCurrentActivePage as useActivePage, useApiUrl, useBuilderFetch, useBuilderPageData, useChaiAddBlockTabs, useChaiAuth, useChaiBlockSettingComponents, useChaiCurrentPage, useChaiFeatureFlag, useChaiFeatureFlags, useChaiLibraries, usePrimaryPage as useChaiPrimaryPage, useChaiSidebarPanels, useChaiSlot, useChaiUserInfo, useClearAll, useFallbackLang, useFetch, useGotoPage, useLanguagePages, usePageAllData, usePageTypes, useReloadPage, useSavePage, useSaveToLibraryComponent, useSiteGlobalData, useToggleChaiFeatureFlag, useUpdateActivePageMetadata, useCheckUserAccess as useUserPermissions, useWebsitePrimaryPages as useWebsitePages, useWebsiteSetting };