@ai-stack/payloadcms 3.0.0-beta.104

package/dist/ui/Compose/hooks/menu/menu.module.scss

@@ -0,0 +1,109 @@
+.generate_button {
+  cursor: pointer;
+  border: none;
+  background: transparent none;
+  padding: 0;
+  color: var(--theme-elevation-800);
+  transition: opacity 0.3s ease;
+  opacity: 1;
+
+  > .icon {
+    width: 20px;
+  }
+
+  > .text {
+    flex-grow: 2;
+  }
+
+  &:active {
+    opacity: 0.5;
+  }
+
+  [data-disabled] {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}
+
+.menu {
+  display: flex;
+  gap: 1px;
+  flex-direction: column;
+
+  > span {
+    padding: 4px 8px;
+    border-radius: 4px;
+    display: flex;
+    gap: 8px;
+    width: var(--popup-width);
+
+    &.active {
+      background: var(--theme-elevation-100);
+    }
+
+    &:hover {
+      background: var(--theme-elevation-100);
+    }
+  }
+}
+
+.subMenu {
+  position: absolute;
+  left: calc(var(--popup-width) + 12px);
+  width: calc(var(--popup-width) + 12px);
+  top: 10px;
+  height: calc(100% - 16px);
+
+  overflow: auto;
+}
+
+.hoverMenu {
+  overflow: hidden;
+  min-width: 0;
+  opacity: 0;
+  transition: opacity 250ms ease-in;
+
+  .subMenu {
+    display: none;
+  }
+
+  &[data-show=true]{
+    min-width: calc(var(--popup-width) * 2 + 12px);
+    opacity: 1;
+
+    .subMenu {
+      display: block;
+    }
+  }
+}
+
+.menuInput {
+  box-shadow: 0 2px 3px #0002040d, 0 10px 4px -8px #00020405;
+  font-family: var(--font-body);
+  border: 1px solid var(--theme-elevation-150);
+  background: var(--theme-input-bg);
+  color: var(--theme-elevation-800);
+  border-radius: 0;
+  -webkit-appearance: none;
+
+  font-size: inherit !important;
+  height: auto !important;
+  line-height: 1.9rem;
+
+  width: 100%;
+  padding: 4px 8px !important;
+
+  outline: none;
+  &:focus-visible{
+    outline: none;
+  }
+}
+
+.ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  display: inline-block;
+  width: calc(var(--popup-width) + 12px);
+}

package/dist/ui/Compose/hooks/menu/useMenu.d.ts

@@ -0,0 +1,11 @@
+import type { UseMenuEvents } from '../../../../types.js';
+export declare const useMenu: (menuEvents: UseMenuEvents) => {
+    ActiveComponent: ({ isLoading }: {
+        isLoading: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Menu: ({ isLoading, onClose }: {
+        isLoading: any;
+        onClose: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=useMenu.d.ts.map

package/dist/ui/Compose/hooks/menu/useMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenu.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Compose/hooks/menu/useMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAmB,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAmB1E,eAAO,MAAM,OAAO,eAAgB,aAAa;;;;;;;;CAyEhD,CAAA"}

package/dist/ui/Compose/hooks/menu/useMenu.js

@@ -0,0 +1,93 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useField, useFieldProps } from '@payloadcms/ui';
+import React, { useEffect, useMemo, useState } from 'react';
+import { Compose, Proofread, Rephrase } from './items.js';
+import { menuItemsMap } from './itemsMap.js';
+import styles from './menu.module.scss';
+const getActiveComponent = (ac)=>{
+    switch(ac){
+        case 'Proofread':
+            return Proofread;
+        case 'Rephrase':
+            return Rephrase;
+        case 'Compose':
+            return Compose;
+        default:
+            return Rephrase;
+    }
+};
+export const useMenu = (menuEvents)=>{
+    const { type: fieldType, path: pathFromContext } = useFieldProps();
+    const field = useField({
+        path: pathFromContext
+    });
+    const [activeComponent, setActiveComponent] = useState('Rephrase');
+    const { initialValue, value } = field;
+    useEffect(()=>{
+        if (!value) {
+            setActiveComponent('Compose');
+            return;
+        }
+        if (menuItemsMap.some((i)=>i.excludedFor?.includes(fieldType))) {
+            setActiveComponent('Compose');
+            return;
+        }
+        if (typeof value === 'string' && value !== initialValue) {
+            setActiveComponent('Proofread');
+        } else {
+            setActiveComponent('Rephrase');
+        }
+    }, [
+        initialValue,
+        value,
+        fieldType
+    ]);
+    const MemoizedActiveComponent = useMemo(()=>{
+        return ({ isLoading })=>{
+            const ActiveComponent = getActiveComponent(activeComponent);
+            const activeItem = menuItemsMap.find((i)=>i.name === activeComponent);
+            return /*#__PURE__*/ _jsx(ActiveComponent, {
+                disabled: isLoading,
+                hideIcon: true,
+                onClick: menuEvents[`on${activeComponent}`],
+                children: isLoading && activeItem.loadingText
+            });
+        };
+    }, [
+        activeComponent,
+        menuEvents
+    ]);
+    const filteredMenuItems = useMemo(()=>menuItemsMap.filter((i)=>i.name !== activeComponent && !i.excludedFor?.includes(fieldType)), [
+        activeComponent,
+        fieldType
+    ]);
+    const MemoizedMenu = useMemo(()=>{
+        return ({ isLoading, onClose })=>/*#__PURE__*/ _jsx("div", {
+                className: styles.menu,
+                children: filteredMenuItems.map((i)=>{
+                    const Action = i.component;
+                    return /*#__PURE__*/ _jsx(Action, {
+                        disabled: isLoading,
+                        onClick: (data)=>{
+                            if (i.name !== 'Settings') {
+                                setActiveComponent(i.name);
+                            }
+                            menuEvents[`on${i.name}`](data);
+                            onClose();
+                        },
+                        children: isLoading && i.loadingText
+                    }, i.name);
+                })
+            });
+    }, [
+        filteredMenuItems,
+        menuEvents
+    ]);
+    return {
+        ActiveComponent: MemoizedActiveComponent,
+        Menu: MemoizedMenu
+    };
+};
+
+//# sourceMappingURL=useMenu.js.map

package/dist/ui/Compose/hooks/menu/useMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/Compose/hooks/menu/useMenu.tsx"],"sourcesContent":["'use client'\n\nimport { useField, useFieldProps } from '@payloadcms/ui'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport type { ActionMenuItems, UseMenuEvents } from '../../../../types.js'\n\nimport { Compose, Proofread, Rephrase } from './items.js'\nimport { menuItemsMap } from './itemsMap.js'\nimport styles from './menu.module.scss'\n\nconst getActiveComponent = (ac) => {\n  switch (ac) {\n    case 'Proofread':\n      return Proofread\n    case 'Rephrase':\n      return Rephrase\n    case 'Compose':\n      return Compose\n    default:\n      return Rephrase\n  }\n}\n\nexport const useMenu = (menuEvents: UseMenuEvents) => {\n  const { type: fieldType, path: pathFromContext } = useFieldProps()\n  const field = useField({ path: pathFromContext })\n  const [activeComponent, setActiveComponent] = useState<ActionMenuItems>('Rephrase')\n\n  const { initialValue, value } = field\n\n  useEffect(() => {\n    if (!value) {\n      setActiveComponent('Compose')\n      return\n    }\n\n    if (menuItemsMap.some((i) => i.excludedFor?.includes(fieldType))) {\n      setActiveComponent('Compose')\n      return\n    }\n\n    if (typeof value === 'string' && value !== initialValue) {\n      setActiveComponent('Proofread')\n    } else {\n      setActiveComponent('Rephrase')\n    }\n  }, [initialValue, value, fieldType])\n\n  const MemoizedActiveComponent = useMemo(() => {\n    return ({ isLoading }) => {\n      const ActiveComponent = getActiveComponent(activeComponent)\n      const activeItem = menuItemsMap.find((i) => i.name === activeComponent)\n      return (\n        <ActiveComponent disabled={isLoading} hideIcon onClick={menuEvents[`on${activeComponent}`]}>\n          {isLoading && activeItem.loadingText}\n        </ActiveComponent>\n      )\n    }\n  }, [activeComponent, menuEvents])\n\n  const filteredMenuItems = useMemo(\n    () =>\n      menuItemsMap.filter((i) => i.name !== activeComponent && !i.excludedFor?.includes(fieldType)),\n    [activeComponent, fieldType],\n  )\n\n  const MemoizedMenu = useMemo(() => {\n    return ({ isLoading, onClose }) => (\n      <div className={styles.menu}>\n        {filteredMenuItems.map((i) => {\n          const Action = i.component\n          return (\n            <Action\n              disabled={isLoading}\n              key={i.name}\n              onClick={(data) => {\n                if (i.name !== 'Settings') {\n                  setActiveComponent(i.name)\n                }\n\n                menuEvents[`on${i.name}`](data)\n                onClose()\n              }}\n            >\n              {isLoading && i.loadingText}\n            </Action>\n          )\n        })}\n      </div>\n    )\n  }, [filteredMenuItems, menuEvents])\n\n  return {\n    ActiveComponent: MemoizedActiveComponent,\n    Menu: MemoizedMenu,\n  }\n}\n"],"names":["useField","useFieldProps","React","useEffect","useMemo","useState","Compose","Proofread","Rephrase","menuItemsMap","styles","getActiveComponent","ac","useMenu","menuEvents","type","fieldType","path","pathFromContext","field","activeComponent","setActiveComponent","initialValue","value","some","i","excludedFor","includes","MemoizedActiveComponent","isLoading","ActiveComponent","activeItem","find","name","disabled","hideIcon","onClick","loadingText","filteredMenuItems","filter","MemoizedMenu","onClose","div","className","menu","map","Action","component","data","Menu"],"mappings":"AAAA;;AAEA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,iBAAgB;AACxD,OAAOC,SAASC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAI3D,SAASC,OAAO,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,aAAY;AACzD,SAASC,YAAY,QAAQ,gBAAe;AAC5C,OAAOC,YAAY,qBAAoB;AAEvC,MAAMC,qBAAqB,CAACC;IAC1B,OAAQA;QACN,KAAK;YACH,OAAOL;QACT,KAAK;YACH,OAAOC;QACT,KAAK;YACH,OAAOF;QACT;YACE,OAAOE;IACX;AACF;AAEA,OAAO,MAAMK,UAAU,CAACC;IACtB,MAAM,EAAEC,MAAMC,SAAS,EAAEC,MAAMC,eAAe,EAAE,GAAGjB;IACnD,MAAMkB,QAAQnB,SAAS;QAAEiB,MAAMC;IAAgB;IAC/C,MAAM,CAACE,iBAAiBC,mBAAmB,GAAGhB,SAA0B;IAExE,MAAM,EAAEiB,YAAY,EAAEC,KAAK,EAAE,GAAGJ;IAEhChB,UAAU;QACR,IAAI,CAACoB,OAAO;YACVF,mBAAmB;YACnB;QACF;QAEA,IAAIZ,aAAae,IAAI,CAAC,CAACC,IAAMA,EAAEC,WAAW,EAAEC,SAASX,aAAa;YAChEK,mBAAmB;YACnB;QACF;QAEA,IAAI,OAAOE,UAAU,YAAYA,UAAUD,cAAc;YACvDD,mBAAmB;QACrB,OAAO;YACLA,mBAAmB;QACrB;IACF,GAAG;QAACC;QAAcC;QAAOP;KAAU;IAEnC,MAAMY,0BAA0BxB,QAAQ;QACtC,OAAO,CAAC,EAAEyB,SAAS,EAAE;YACnB,MAAMC,kBAAkBnB,mBAAmBS;YAC3C,MAAMW,aAAatB,aAAauB,IAAI,CAAC,CAACP,IAAMA,EAAEQ,IAAI,KAAKb;YACvD,qBACE,KAACU;gBAAgBI,UAAUL;gBAAWM,QAAQ;gBAACC,SAAStB,UAAU,CAAC,CAAC,EAAE,EAAEM,gBAAgB,CAAC,CAAC;0BACvFS,aAAaE,WAAWM,WAAW;;QAG1C;IACF,GAAG;QAACjB;QAAiBN;KAAW;IAEhC,MAAMwB,oBAAoBlC,QACxB,IACEK,aAAa8B,MAAM,CAAC,CAACd,IAAMA,EAAEQ,IAAI,KAAKb,mBAAmB,CAACK,EAAEC,WAAW,EAAEC,SAASX,aACpF;QAACI;QAAiBJ;KAAU;IAG9B,MAAMwB,eAAepC,QAAQ;QAC3B,OAAO,CAAC,EAAEyB,SAAS,EAAEY,OAAO,EAAE,iBAC5B,KAACC;gBAAIC,WAAWjC,OAAOkC,IAAI;0BACxBN,kBAAkBO,GAAG,CAAC,CAACpB;oBACtB,MAAMqB,SAASrB,EAAEsB,SAAS;oBAC1B,qBACE,KAACD;wBACCZ,UAAUL;wBAEVO,SAAS,CAACY;4BACR,IAAIvB,EAAEQ,IAAI,KAAK,YAAY;gCACzBZ,mBAAmBI,EAAEQ,IAAI;4BAC3B;4BAEAnB,UAAU,CAAC,CAAC,EAAE,EAAEW,EAAEQ,IAAI,CAAC,CAAC,CAAC,CAACe;4BAC1BP;wBACF;kCAECZ,aAAaJ,EAAEY,WAAW;uBAVtBZ,EAAEQ,IAAI;gBAajB;;IAGN,GAAG;QAACK;QAAmBxB;KAAW;IAElC,OAAO;QACLgB,iBAAiBF;QACjBqB,MAAMT;IACR;AACF,EAAC"}

package/dist/ui/Compose/hooks/useGenerate.d.ts

@@ -0,0 +1,11 @@
+import type { ActionMenuItems } from '../../../types.js';
+type ActionCallbackParams = {
+    action: ActionMenuItems;
+    params?: unknown;
+};
+export declare const useGenerate: () => {
+    generate: (options?: ActionCallbackParams) => Promise<void | Response>;
+    isLoading: boolean;
+};
+export {};
+//# sourceMappingURL=useGenerate.d.ts.map

package/dist/ui/Compose/hooks/useGenerate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGenerate.d.ts","sourceRoot":"","sources":["../../../../src/ui/Compose/hooks/useGenerate.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,eAAe,EAAoB,MAAM,mBAAmB,CAAA;AAa1E,KAAK,oBAAoB,GAAG;IAAE,MAAM,EAAE,eAAe,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAGzE,eAAO,MAAM,WAAW;yBAuKH,oBAAoB;;CAoBxC,CAAA"}

package/dist/ui/Compose/hooks/useGenerate.js

@@ -0,0 +1,175 @@
+import { useEditorConfigContext } from '@payloadcms/richtext-lexical/client';
+import { useConfig, useDocumentInfo, useField, useFieldProps, useForm, useLocale } from '@payloadcms/ui';
+import { useCompletion, experimental_useObject as useObject } from 'ai/react';
+import { useCallback, useEffect } from 'react';
+import { PLUGIN_API_ENDPOINT_GENERATE, PLUGIN_API_ENDPOINT_GENERATE_UPLOAD, PLUGIN_INSTRUCTIONS_TABLE } from '../../../defaults.js';
+import { useInstructions } from '../../../providers/InstructionsProvider/useInstructions.js';
+import { getFieldBySchemaPath } from '../../../utilities/getFieldBySchemaPath.js';
+import { jsonSchemaToZod } from '../../../utilities/jsonToZod.js';
+import { setSafeLexicalState } from '../../../utilities/setSafeLexicalState.js';
+import { useHistory } from './useHistory.js';
+//TODO: DONATION IDEA - Add a url to donate in cli when user installs the plugin and uses it for couple of times.
+export const useGenerate = ()=>{
+    const { type, path: pathFromContext, schemaPath } = useFieldProps();
+    const editorConfigContext = useEditorConfigContext();
+    const { editor } = editorConfigContext;
+    const { docConfig } = useDocumentInfo();
+    const { setValue } = useField({
+        path: pathFromContext
+    });
+    const { set: setHistory } = useHistory();
+    const { id: instructionId } = useInstructions({
+        path: schemaPath
+    });
+    const { getData } = useForm();
+    const localFromContext = useLocale();
+    const { config: { collections } } = useConfig();
+    const collection = collections.find((collection)=>collection.slug === PLUGIN_INSTRUCTIONS_TABLE);
+    const { custom: { editorConfig } = {} } = collection.admin;
+    const { schema: DocumentSchema = {} } = editorConfig || {};
+    const lexicalZodSchema = jsonSchemaToZod(DocumentSchema);
+    const { isLoading: loadingObject, object, stop, submit } = useObject({
+        api: `/api${PLUGIN_API_ENDPOINT_GENERATE}`,
+        onError: (error)=>{
+            console.error('Error generating object:', error);
+        },
+        onFinish: (result)=>{
+            if (result.object) {
+                setHistory(result.object);
+                setValue(result.object);
+            } else {
+                console.log('onFinish: result ', result);
+            }
+        },
+        schema: lexicalZodSchema
+    });
+    useEffect(()=>{
+        if (!object) return;
+        requestAnimationFrame(()=>{
+            if (!editor) {
+                setValue(object);
+                return;
+            }
+            // Currently this is being used as setValue for RichText component does not render new changes right away.
+            setSafeLexicalState(object, editor);
+        });
+    }, [
+        object
+    ]);
+    const { complete, completion, isLoading: loadingCompletion } = useCompletion({
+        api: `/api${PLUGIN_API_ENDPOINT_GENERATE}`,
+        onError: (error)=>{
+            console.error('Error generating text:', error);
+        },
+        onFinish: (prompt, result)=>{
+            setHistory(result);
+        },
+        streamProtocol: 'data'
+    });
+    useEffect(()=>{
+        if (!completion) return;
+        requestAnimationFrame(()=>{
+            setValue(completion);
+        });
+    }, [
+        completion
+    ]);
+    const streamObject = useCallback(({ action = 'Compose', params })=>{
+        const doc = getData();
+        const options = {
+            action,
+            actionParams: params,
+            instructionId
+        };
+        submit({
+            doc,
+            locale: localFromContext?.code,
+            options
+        });
+    }, [
+        getData,
+        localFromContext?.code,
+        instructionId
+    ]);
+    const streamText = useCallback(async ({ action = 'Compose', params })=>{
+        const doc = getData();
+        const options = {
+            action,
+            actionParams: params,
+            instructionId
+        };
+        await complete('', {
+            body: {
+                doc,
+                locale: localFromContext?.code,
+                options
+            }
+        });
+    }, [
+        getData,
+        localFromContext?.code,
+        instructionId
+    ]);
+    const generateUpload = useCallback(async ()=>{
+        const doc = getData();
+        const fieldInfo = getFieldBySchemaPath(docConfig, schemaPath);
+        return fetch(`/api${PLUGIN_API_ENDPOINT_GENERATE_UPLOAD}`, {
+            body: JSON.stringify({
+                doc,
+                locale: localFromContext?.code,
+                options: {
+                    instructionId,
+                    uploadCollectionSlug: fieldInfo.relationTo || 'media'
+                }
+            }),
+            credentials: 'include',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            method: 'POST'
+        }).then(async (uploadResponse)=>{
+            if (uploadResponse.ok) {
+                const { result } = await uploadResponse.json();
+                if (!result) throw new Error('generateUpload: Something went wrong');
+                setValue(result?.id);
+                setHistory(result?.id);
+            } else {
+                const { errors = [] } = await uploadResponse.json();
+                const errStr = errors.map((error)=>error.message).join(', ');
+                throw new Error(errStr);
+            }
+            return uploadResponse;
+        }).catch((error)=>{
+            console.error('Error generating your upload', error);
+        });
+    }, [
+        getData,
+        localFromContext?.code,
+        instructionId
+    ]);
+    const generate = useCallback(async (options)=>{
+        if (type === 'richText') {
+            return streamObject(options);
+        }
+        if ([
+            'text',
+            'textarea'
+        ].includes(type)) {
+            return streamText(options);
+        }
+        if (type === 'upload') {
+            return generateUpload();
+        }
+    }, [
+        generateUpload,
+        streamObject,
+        streamText,
+        type
+    ]);
+    return {
+        generate,
+        isLoading: loadingCompletion || loadingObject
+    };
+};
+
+//# sourceMappingURL=useGenerate.js.map

package/dist/ui/Compose/hooks/useGenerate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/Compose/hooks/useGenerate.ts"],"sourcesContent":["import type { ClientCollectionConfig, UploadField } from 'payload'\n\nimport { useEditorConfigContext } from '@payloadcms/richtext-lexical/client'\nimport {\n  useConfig,\n  useDocumentInfo,\n  useField,\n  useFieldProps,\n  useForm,\n  useLocale,\n} from '@payloadcms/ui'\nimport { useCompletion, experimental_useObject as useObject } from 'ai/react'\nimport { useCallback, useEffect } from 'react'\n\nimport type { ActionMenuItems, GenerateTextarea } from '../../../types.js'\n\nimport {\n  PLUGIN_API_ENDPOINT_GENERATE,\n  PLUGIN_API_ENDPOINT_GENERATE_UPLOAD,\n  PLUGIN_INSTRUCTIONS_TABLE,\n} from '../../../defaults.js'\nimport { useInstructions } from '../../../providers/InstructionsProvider/useInstructions.js'\nimport { getFieldBySchemaPath } from '../../../utilities/getFieldBySchemaPath.js'\nimport { jsonSchemaToZod } from '../../../utilities/jsonToZod.js'\nimport { setSafeLexicalState } from '../../../utilities/setSafeLexicalState.js'\nimport { useHistory } from './useHistory.js'\n\ntype ActionCallbackParams = { action: ActionMenuItems; params?: unknown }\n\n//TODO: DONATION IDEA - Add a url to donate in cli when user installs the plugin and uses it for couple of times.\nexport const useGenerate = () => {\n  const { type, path: pathFromContext, schemaPath } = useFieldProps()\n\n  const editorConfigContext = useEditorConfigContext()\n  const { editor } = editorConfigContext\n\n  const { docConfig } = useDocumentInfo()\n\n  const { setValue } = useField<string>({\n    path: pathFromContext,\n  })\n\n  const { set: setHistory } = useHistory()\n  const { id: instructionId } = useInstructions({\n    path: schemaPath,\n  })\n\n  const { getData } = useForm()\n  const localFromContext = useLocale()\n  const {\n    config: { collections },\n  } = useConfig()\n  const collection = collections.find((collection) => collection.slug === PLUGIN_INSTRUCTIONS_TABLE)\n  const { custom: { editorConfig } = {} } = collection.admin\n  const { schema: DocumentSchema = {} } = editorConfig || {}\n  const lexicalZodSchema = jsonSchemaToZod(DocumentSchema)\n\n  const {\n    isLoading: loadingObject,\n    object,\n    stop, // TODO: Implement this function\n    submit,\n  } = useObject({\n    api: `/api${PLUGIN_API_ENDPOINT_GENERATE}`,\n    onError: (error) => {\n      console.error('Error generating object:', error)\n    },\n    onFinish: (result) => {\n      if (result.object) {\n        setHistory(result.object)\n        setValue(result.object)\n      } else {\n        console.log('onFinish: result ', result)\n      }\n    },\n    schema: lexicalZodSchema,\n  })\n\n  useEffect(() => {\n    if (!object) return\n\n    requestAnimationFrame(() => {\n      if (!editor) {\n        setValue(object)\n        return\n      }\n\n      // Currently this is being used as setValue for RichText component does not render new changes right away.\n      setSafeLexicalState(object, editor)\n    })\n  }, [object])\n\n  const {\n    complete,\n    completion,\n    isLoading: loadingCompletion,\n  } = useCompletion({\n    api: `/api${PLUGIN_API_ENDPOINT_GENERATE}`,\n    onError: (error) => {\n      console.error('Error generating text:', error)\n    },\n    onFinish: (prompt, result) => {\n      setHistory(result)\n    },\n    streamProtocol: 'data',\n  })\n\n  useEffect(() => {\n    if (!completion) return\n\n    requestAnimationFrame(() => {\n      setValue(completion)\n    })\n  }, [completion])\n\n  const streamObject = useCallback(\n    ({ action = 'Compose', params }: ActionCallbackParams) => {\n      const doc = getData()\n      const options = {\n        action,\n        actionParams: params,\n        instructionId,\n      }\n\n      submit({\n        doc,\n        locale: localFromContext?.code,\n        options,\n      })\n    },\n    [getData, localFromContext?.code, instructionId],\n  )\n\n  const streamText = useCallback(\n    async ({ action = 'Compose', params }: ActionCallbackParams) => {\n      const doc = getData()\n\n      const options = {\n        action,\n        actionParams: params,\n        instructionId,\n      }\n\n      await complete('', {\n        body: {\n          doc,\n          locale: localFromContext?.code,\n          options,\n        },\n      })\n    },\n    [getData, localFromContext?.code, instructionId],\n  )\n\n  const generateUpload = useCallback(async () => {\n    const doc = getData()\n\n    const fieldInfo = getFieldBySchemaPath(\n      docConfig as ClientCollectionConfig,\n      schemaPath,\n    ) as UploadField\n\n    return fetch(`/api${PLUGIN_API_ENDPOINT_GENERATE_UPLOAD}`, {\n      body: JSON.stringify({\n        doc,\n        locale: localFromContext?.code,\n        options: {\n          instructionId,\n          uploadCollectionSlug: fieldInfo.relationTo || 'media',\n        },\n      } satisfies Parameters<GenerateTextarea>[0]),\n      credentials: 'include',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      method: 'POST',\n    })\n      .then(async (uploadResponse) => {\n        if (uploadResponse.ok) {\n          const { result } = await uploadResponse.json()\n          if (!result) throw new Error('generateUpload: Something went wrong')\n\n          setValue(result?.id)\n          setHistory(result?.id)\n        } else {\n          const { errors = [] } = await uploadResponse.json()\n          const errStr = errors.map((error) => error.message).join(', ')\n          throw new Error(errStr)\n        }\n        return uploadResponse\n      })\n      .catch((error) => {\n        console.error('Error generating your upload', error)\n      })\n  }, [getData, localFromContext?.code, instructionId])\n\n  const generate = useCallback(\n    async (options?: ActionCallbackParams) => {\n      if (type === 'richText') {\n        return streamObject(options)\n      }\n\n      if (['text', 'textarea'].includes(type)) {\n        return streamText(options)\n      }\n\n      if (type === 'upload') {\n        return generateUpload()\n      }\n    },\n    [generateUpload, streamObject, streamText, type],\n  )\n\n  return {\n    generate,\n    isLoading: loadingCompletion || loadingObject,\n  }\n}\n"],"names":["useEditorConfigContext","useConfig","useDocumentInfo","useField","useFieldProps","useForm","useLocale","useCompletion","experimental_useObject","useObject","useCallback","useEffect","PLUGIN_API_ENDPOINT_GENERATE","PLUGIN_API_ENDPOINT_GENERATE_UPLOAD","PLUGIN_INSTRUCTIONS_TABLE","useInstructions","getFieldBySchemaPath","jsonSchemaToZod","setSafeLexicalState","useHistory","useGenerate","type","path","pathFromContext","schemaPath","editorConfigContext","editor","docConfig","setValue","set","setHistory","id","instructionId","getData","localFromContext","config","collections","collection","find","slug","custom","editorConfig","admin","schema","DocumentSchema","lexicalZodSchema","isLoading","loadingObject","object","stop","submit","api","onError","error","console","onFinish","result","log","requestAnimationFrame","complete","completion","loadingCompletion","prompt","streamProtocol","streamObject","action","params","doc","options","actionParams","locale","code","streamText","body","generateUpload","fieldInfo","fetch","JSON","stringify","uploadCollectionSlug","relationTo","credentials","headers","method","then","uploadResponse","ok","json","Error","errors","errStr","map","message","join","catch","generate","includes"],"mappings":"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"}

package/dist/ui/Compose/hooks/useHistory.d.ts

@@ -0,0 +1,9 @@
+export declare const useHistory: () => {
+    canRedo: boolean;
+    canUndo: boolean;
+    currentValue: any;
+    redo: () => any;
+    set: (data: any) => any;
+    undo: () => any;
+};
+//# sourceMappingURL=useHistory.d.ts.map

package/dist/ui/Compose/hooks/useHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHistory.d.ts","sourceRoot":"","sources":["../../../../src/ui/Compose/hooks/useHistory.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,UAAU;;;;;gBAkEZ,GAAG;;CAoEb,CAAA"}

package/dist/ui/Compose/hooks/useHistory.js

@@ -0,0 +1,171 @@
+'use client';
+import { useDocumentInfo, useField, useFieldProps } from '@payloadcms/ui';
+import { useCallback, useEffect } from 'react';
+import { PLUGIN_NAME } from '../../../defaults.js';
+const STORAGE_KEY = `${PLUGIN_NAME}-fields-history`;
+export const useHistory = ()=>{
+    const { id } = useDocumentInfo();
+    const { path: pathFromContext, schemaPath } = useFieldProps();
+    const { value: currentFieldValue } = useField({
+        path: pathFromContext
+    });
+    const fieldKey = `${id}.${schemaPath}`;
+    const getLatestHistory = useCallback(()=>{
+        try {
+            // This condition is applied, as it was somehow triggering on server side
+            if (typeof localStorage !== 'undefined') {
+                return JSON.parse(localStorage.getItem(STORAGE_KEY) || '{}');
+            }
+            return {};
+        } catch (e) {
+            console.error('Error parsing history:', e);
+            return {};
+        }
+    }, []);
+    const saveToLocalStorage = useCallback((newGlobalHistory)=>{
+        if (typeof localStorage !== 'undefined') {
+            localStorage.setItem(STORAGE_KEY, JSON.stringify(newGlobalHistory));
+        }
+    }, []);
+    // Clear previous history
+    const clearHistory = useCallback(()=>{
+        const latestHistory = {
+            ...getLatestHistory()
+        };
+        Object.keys(latestHistory).forEach((k)=>{
+            if (!k.startsWith(id.toString())) {
+                delete latestHistory[k];
+            }
+        });
+        saveToLocalStorage(latestHistory);
+    }, [
+        id,
+        fieldKey,
+        getLatestHistory,
+        saveToLocalStorage
+    ]);
+    useEffect(()=>{
+        // This is applied to clear out the document history which is not currently in use
+        clearHistory();
+        const latestHistory = getLatestHistory();
+        const { currentIndex, history } = latestHistory[fieldKey] || {
+            currentIndex: -1,
+            history: []
+        };
+        let newIndex = currentIndex;
+        if (currentIndex == -1) {
+            newIndex = 0;
+            if (currentFieldValue) {
+                history[newIndex] = currentFieldValue;
+            }
+        }
+        const newGlobalHistory = {
+            ...latestHistory,
+            [fieldKey]: {
+                currentIndex: newIndex,
+                history
+            }
+        };
+        saveToLocalStorage(newGlobalHistory);
+    }, [
+        fieldKey
+    ]);
+    const set = useCallback((data)=>{
+        const latestHistory = getLatestHistory();
+        const { currentIndex, history } = latestHistory[fieldKey] || {
+            currentIndex: -1,
+            history: []
+        };
+        const newHistory = [
+            ...history.slice(0, currentIndex + 1),
+            data
+        ];
+        const newGlobalHistory = {
+            ...latestHistory,
+            [fieldKey]: {
+                currentIndex: newHistory.length - 1,
+                history: newHistory
+            }
+        };
+        saveToLocalStorage(newGlobalHistory);
+        return data;
+    }, [
+        fieldKey,
+        getLatestHistory,
+        saveToLocalStorage
+    ]);
+    const undo = useCallback(()=>{
+        const latestHistory = getLatestHistory();
+        const { currentIndex, history } = latestHistory[fieldKey] || {
+            currentIndex: -1,
+            history: []
+        };
+        if (currentIndex > 0) {
+            const newIndex = currentIndex - 1;
+            const newValue = history[newIndex];
+            const newGlobalHistory = {
+                ...latestHistory,
+                [fieldKey]: {
+                    currentIndex: newIndex,
+                    history
+                }
+            };
+            saveToLocalStorage(newGlobalHistory);
+            return newValue;
+        }
+        return undefined;
+    }, [
+        fieldKey,
+        getLatestHistory,
+        saveToLocalStorage
+    ]);
+    const redo = useCallback(()=>{
+        const latestHistory = getLatestHistory();
+        const { currentIndex, history } = latestHistory[fieldKey] || {
+            currentIndex: -1,
+            history: []
+        };
+        if (currentIndex < history.length - 1) {
+            const newIndex = currentIndex + 1;
+            const newValue = history[newIndex];
+            const newGlobalHistory = {
+                ...latestHistory,
+                [fieldKey]: {
+                    currentIndex: newIndex,
+                    history
+                }
+            };
+            saveToLocalStorage(newGlobalHistory);
+            return newValue;
+        }
+        return undefined;
+    }, [
+        fieldKey,
+        getLatestHistory,
+        saveToLocalStorage
+    ]);
+    const getLatestFieldHistory = useCallback(()=>{
+        const latestHistory = getLatestHistory();
+        return latestHistory[fieldKey] || {
+            currentIndex: -1,
+            history: []
+        };
+    }, [
+        getLatestHistory,
+        fieldKey
+    ]);
+    const fieldHistory = getLatestFieldHistory();
+    const canUndo = fieldHistory.currentIndex > 0;
+    const canRedo = fieldHistory.currentIndex < fieldHistory.history.length - 1;
+    const currentValue = fieldHistory.history[fieldHistory.currentIndex];
+    return {
+        canRedo,
+        canUndo,
+        currentValue,
+        redo,
+        set,
+        undo
+    };
+};
+
+//# sourceMappingURL=useHistory.js.map

package/dist/ui/Compose/hooks/useHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/Compose/hooks/useHistory.ts"],"sourcesContent":["'use client'\n\nimport { useDocumentInfo, useField, useFieldProps } from '@payloadcms/ui'\nimport { useCallback, useEffect } from 'react'\n\nimport { PLUGIN_NAME } from '../../../defaults.js'\n\nconst STORAGE_KEY = `${PLUGIN_NAME}-fields-history`\n\ninterface HistoryState {\n  [path: string]: {\n    currentIndex: number\n    history: any[]\n  }\n}\n\nexport const useHistory = () => {\n  const { id } = useDocumentInfo()\n  const { path: pathFromContext, schemaPath } = useFieldProps()\n  const { value: currentFieldValue } = useField<string>({\n    path: pathFromContext,\n  })\n\n  const fieldKey = `${id}.${schemaPath}`\n\n  const getLatestHistory = useCallback((): HistoryState => {\n    try {\n      // This condition is applied, as it was somehow triggering on server side\n      if (typeof localStorage !== 'undefined') {\n        return JSON.parse(localStorage.getItem(STORAGE_KEY) || '{}')\n      }\n      return {}\n    } catch (e) {\n      console.error('Error parsing history:', e)\n      return {}\n    }\n  }, [])\n\n  const saveToLocalStorage = useCallback((newGlobalHistory: HistoryState) => {\n    if (typeof localStorage !== 'undefined') {\n      localStorage.setItem(STORAGE_KEY, JSON.stringify(newGlobalHistory))\n    }\n  }, [])\n\n  // Clear previous history\n  const clearHistory = useCallback(() => {\n    const latestHistory = { ...getLatestHistory() }\n    Object.keys(latestHistory).forEach((k) => {\n      if (!k.startsWith(id.toString())) {\n        delete latestHistory[k]\n      }\n    })\n    saveToLocalStorage(latestHistory)\n  }, [id, fieldKey, getLatestHistory, saveToLocalStorage])\n\n  useEffect(() => {\n    // This is applied to clear out the document history which is not currently in use\n    clearHistory()\n\n    const latestHistory = getLatestHistory()\n    const { currentIndex, history } = latestHistory[fieldKey] || {\n      currentIndex: -1,\n      history: [],\n    }\n\n    let newIndex = currentIndex\n    if (currentIndex == -1) {\n      newIndex = 0\n      if (currentFieldValue) {\n        history[newIndex] = currentFieldValue\n      }\n    }\n\n    const newGlobalHistory = {\n      ...latestHistory,\n      [fieldKey]: { currentIndex: newIndex, history },\n    }\n\n    saveToLocalStorage(newGlobalHistory)\n  }, [fieldKey])\n\n  const set = useCallback(\n    (data: any) => {\n      const latestHistory = getLatestHistory()\n      const { currentIndex, history } = latestHistory[fieldKey] || {\n        currentIndex: -1,\n        history: [],\n      }\n      const newHistory = [...history.slice(0, currentIndex + 1), data]\n      const newGlobalHistory = {\n        ...latestHistory,\n        [fieldKey]: { currentIndex: newHistory.length - 1, history: newHistory },\n      }\n      saveToLocalStorage(newGlobalHistory)\n      return data\n    },\n    [fieldKey, getLatestHistory, saveToLocalStorage],\n  )\n\n  const undo = useCallback(() => {\n    const latestHistory = getLatestHistory()\n    const { currentIndex, history } = latestHistory[fieldKey] || { currentIndex: -1, history: [] }\n    if (currentIndex > 0) {\n      const newIndex = currentIndex - 1\n      const newValue = history[newIndex]\n      const newGlobalHistory = {\n        ...latestHistory,\n        [fieldKey]: { currentIndex: newIndex, history },\n      }\n      saveToLocalStorage(newGlobalHistory)\n      return newValue\n    }\n    return undefined\n  }, [fieldKey, getLatestHistory, saveToLocalStorage])\n\n  const redo = useCallback(() => {\n    const latestHistory = getLatestHistory()\n    const { currentIndex, history } = latestHistory[fieldKey] || { currentIndex: -1, history: [] }\n    if (currentIndex < history.length - 1) {\n      const newIndex = currentIndex + 1\n      const newValue = history[newIndex]\n      const newGlobalHistory = {\n        ...latestHistory,\n        [fieldKey]: { currentIndex: newIndex, history },\n      }\n      saveToLocalStorage(newGlobalHistory)\n      return newValue\n    }\n    return undefined\n  }, [fieldKey, getLatestHistory, saveToLocalStorage])\n\n  const getLatestFieldHistory = useCallback(() => {\n    const latestHistory = getLatestHistory()\n    return latestHistory[fieldKey] || { currentIndex: -1, history: [] }\n  }, [getLatestHistory, fieldKey])\n\n  const fieldHistory = getLatestFieldHistory()\n\n  const canUndo = fieldHistory.currentIndex > 0\n  const canRedo = fieldHistory.currentIndex < fieldHistory.history.length - 1\n  const currentValue = fieldHistory.history[fieldHistory.currentIndex]\n\n  return {\n    canRedo,\n    canUndo,\n    currentValue,\n    redo,\n    set,\n    undo,\n  }\n}\n"],"names":["useDocumentInfo","useField","useFieldProps","useCallback","useEffect","PLUGIN_NAME","STORAGE_KEY","useHistory","id","path","pathFromContext","schemaPath","value","currentFieldValue","fieldKey","getLatestHistory","localStorage","JSON","parse","getItem","e","console","error","saveToLocalStorage","newGlobalHistory","setItem","stringify","clearHistory","latestHistory","Object","keys","forEach","k","startsWith","toString","currentIndex","history","newIndex","set","data","newHistory","slice","length","undo","newValue","undefined","redo","getLatestFieldHistory","fieldHistory","canUndo","canRedo","currentValue"],"mappings":"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"}