@ai-stack/payloadcms 3.0.0-beta.104

package/dist/init.js

@@ -0,0 +1,81 @@
+import { GenerationModels } from './ai/models/index.js';
+import { seedPrompts } from './ai/prompts.js';
+import { generateSeedPrompt } from './ai/utils/generateSeedPrompt.js';
+import { PLUGIN_INSTRUCTIONS_MAP_GLOBAL, PLUGIN_INSTRUCTIONS_TABLE } from './defaults.js';
+export const init = async (payload, fieldSchemaPaths, pluginConfig)=>{
+    payload.logger.info(`— AI Plugin: Initializing...`);
+    const paths = Object.keys(fieldSchemaPaths);
+    const fieldInstructionsMap = {};
+    for(let i = 0; i < paths.length; i++){
+        const path = paths[i];
+        const { type: fieldType, label: fieldLabel } = fieldSchemaPaths[path];
+        //TODO: if global is broken the plugin doesn't know and does not run reindexing
+        const entry = await payload.find({
+            collection: PLUGIN_INSTRUCTIONS_TABLE,
+            where: {
+                'field-type': {
+                    equals: fieldType
+                },
+                'schema-path': {
+                    equals: path
+                }
+            }
+        });
+        if (!entry?.docs?.length) {
+            const { prompt, system } = seedPrompts({
+                fieldLabel,
+                fieldSchemaPaths,
+                fieldType,
+                path
+            });
+            let generatedPrompt = '{{ title }}';
+            if (pluginConfig.generatePromptOnInit) {
+                generatedPrompt = await generateSeedPrompt({
+                    prompt,
+                    system
+                });
+                payload.logger.info(`\nPrompt generated for "${fieldLabel}" field:\nprompt: ${generatedPrompt}\n\n`);
+            }
+            const instructions = await payload.create({
+                collection: PLUGIN_INSTRUCTIONS_TABLE,
+                data: {
+                    'field-type': fieldType,
+                    'model-id': GenerationModels.find((a)=>{
+                        return a.fields.includes(fieldType);
+                    })?.id,
+                    prompt: generatedPrompt,
+                    'schema-path': path
+                }
+            }).then((a)=>a).catch((a)=>{
+                console.log('err-', a);
+            });
+            // @ts-expect-error
+            if (instructions?.id) {
+                fieldInstructionsMap[path] = {
+                    id: instructions.id,
+                    fieldType
+                };
+            }
+        } else {
+            const [instructions] = entry.docs;
+            fieldInstructionsMap[path] = {
+                id: instructions.id,
+                fieldType
+            };
+        }
+    }
+    payload.logger.info(`— AI Plugin: Enabled fieldMap: ${JSON.stringify(fieldInstructionsMap, null, 2)}`);
+    await payload.updateGlobal({
+        slug: PLUGIN_INSTRUCTIONS_MAP_GLOBAL,
+        data: {
+            map: fieldInstructionsMap
+        },
+        depth: 2
+    });
+    payload.logger.info(`— AI Plugin: Initialized!`);
+    if (pluginConfig.generatePromptOnInit) {
+        payload.logger.info('\n\n-AI Plugin: Example prompts are added to get you started, Now go break some code 🚀🚀🚀\n\n');
+    }
+};
+
+//# sourceMappingURL=init.js.map

package/dist/init.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/init.ts"],"sourcesContent":["import type { Payload } from 'payload'\n\nimport { GenerationModels } from './ai/models/index.js'\nimport { seedPrompts } from './ai/prompts.js'\nimport { generateSeedPrompt } from './ai/utils/generateSeedPrompt.js'\nimport { PLUGIN_INSTRUCTIONS_MAP_GLOBAL, PLUGIN_INSTRUCTIONS_TABLE } from './defaults.js'\nimport type { PluginConfig } from './types.js'\n\nexport const init = async (payload: Payload, fieldSchemaPaths, pluginConfig: PluginConfig) => {\n  payload.logger.info(`— AI Plugin: Initializing...`)\n\n  const paths = Object.keys(fieldSchemaPaths)\n\n  const fieldInstructionsMap = {}\n  for (let i = 0; i < paths.length; i++) {\n    const path = paths[i]\n    const { type: fieldType, label: fieldLabel } = fieldSchemaPaths[path]\n    //TODO: if global is broken the plugin doesn't know and does not run reindexing\n    const entry = await payload.find({\n      collection: PLUGIN_INSTRUCTIONS_TABLE,\n      where: {\n        'field-type': {\n          equals: fieldType,\n        },\n        'schema-path': {\n          equals: path,\n        },\n      },\n    })\n\n    if (!entry?.docs?.length) {\n      const { prompt, system } = seedPrompts({\n        fieldLabel,\n        fieldSchemaPaths,\n        fieldType,\n        path,\n      })\n\n      let generatedPrompt = '{{ title }}'\n      if (pluginConfig.generatePromptOnInit) {\n        generatedPrompt = await generateSeedPrompt({\n          prompt,\n          system,\n        })\n        payload.logger.info(\n          `\\nPrompt generated for \"${fieldLabel}\" field:\\nprompt: ${generatedPrompt}\\n\\n`,\n        )\n      }\n\n      const instructions = await payload\n        .create({\n          collection: PLUGIN_INSTRUCTIONS_TABLE,\n          data: {\n            'field-type': fieldType,\n            'model-id': GenerationModels.find((a) => {\n              return a.fields.includes(fieldType)\n            })?.id,\n            prompt: generatedPrompt,\n            'schema-path': path,\n          },\n        })\n        .then((a) => a)\n        .catch((a) => {\n          console.log('err-', a)\n        })\n\n      // @ts-expect-error\n      if (instructions?.id) {\n        fieldInstructionsMap[path] = {\n          id: instructions.id,\n          fieldType,\n        }\n      }\n    } else {\n      const [instructions] = entry.docs\n      fieldInstructionsMap[path] = {\n        id: instructions.id,\n        fieldType,\n      }\n    }\n  }\n\n  payload.logger.info(\n    `— AI Plugin: Enabled fieldMap: ${JSON.stringify(fieldInstructionsMap, null, 2)}`,\n  )\n  await payload.updateGlobal({\n    slug: PLUGIN_INSTRUCTIONS_MAP_GLOBAL, // required\n    data: {\n      map: fieldInstructionsMap,\n    },\n    depth: 2,\n  })\n\n  payload.logger.info(`— AI Plugin: Initialized!`)\n  if (pluginConfig.generatePromptOnInit) {\n    payload.logger.info(\n      '\\n\\n-AI Plugin: Example prompts are added to get you started, Now go break some code 🚀🚀🚀\\n\\n',\n    )\n  }\n}\n"],"names":["GenerationModels","seedPrompts","generateSeedPrompt","PLUGIN_INSTRUCTIONS_MAP_GLOBAL","PLUGIN_INSTRUCTIONS_TABLE","init","payload","fieldSchemaPaths","pluginConfig","logger","info","paths","Object","keys","fieldInstructionsMap","i","length","path","type","fieldType","label","fieldLabel","entry","find","collection","where","equals","docs","prompt","system","generatedPrompt","generatePromptOnInit","instructions","create","data","a","fields","includes","id","then","catch","console","log","JSON","stringify","updateGlobal","slug","map","depth"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ,uBAAsB;AACvD,SAASC,WAAW,QAAQ,kBAAiB;AAC7C,SAASC,kBAAkB,QAAQ,mCAAkC;AACrE,SAASC,8BAA8B,EAAEC,yBAAyB,QAAQ,gBAAe;AAGzF,OAAO,MAAMC,OAAO,OAAOC,SAAkBC,kBAAkBC;IAC7DF,QAAQG,MAAM,CAACC,IAAI,CAAC,CAAC,4BAA4B,CAAC;IAElD,MAAMC,QAAQC,OAAOC,IAAI,CAACN;IAE1B,MAAMO,uBAAuB,CAAC;IAC9B,IAAK,IAAIC,IAAI,GAAGA,IAAIJ,MAAMK,MAAM,EAAED,IAAK;QACrC,MAAME,OAAON,KAAK,CAACI,EAAE;QACrB,MAAM,EAAEG,MAAMC,SAAS,EAAEC,OAAOC,UAAU,EAAE,GAAGd,gBAAgB,CAACU,KAAK;QACrE,+EAA+E;QAC/E,MAAMK,QAAQ,MAAMhB,QAAQiB,IAAI,CAAC;YAC/BC,YAAYpB;YACZqB,OAAO;gBACL,cAAc;oBACZC,QAAQP;gBACV;gBACA,eAAe;oBACbO,QAAQT;gBACV;YACF;QACF;QAEA,IAAI,CAACK,OAAOK,MAAMX,QAAQ;YACxB,MAAM,EAAEY,MAAM,EAAEC,MAAM,EAAE,GAAG5B,YAAY;gBACrCoB;gBACAd;gBACAY;gBACAF;YACF;YAEA,IAAIa,kBAAkB;YACtB,IAAItB,aAAauB,oBAAoB,EAAE;gBACrCD,kBAAkB,MAAM5B,mBAAmB;oBACzC0B;oBACAC;gBACF;gBACAvB,QAAQG,MAAM,CAACC,IAAI,CACjB,CAAC,wBAAwB,EAAEW,WAAW,kBAAkB,EAAES,gBAAgB,IAAI,CAAC;YAEnF;YAEA,MAAME,eAAe,MAAM1B,QACxB2B,MAAM,CAAC;gBACNT,YAAYpB;gBACZ8B,MAAM;oBACJ,cAAcf;oBACd,YAAYnB,iBAAiBuB,IAAI,CAAC,CAACY;wBACjC,OAAOA,EAAEC,MAAM,CAACC,QAAQ,CAAClB;oBAC3B,IAAImB;oBACJV,QAAQE;oBACR,eAAeb;gBACjB;YACF,GACCsB,IAAI,CAAC,CAACJ,IAAMA,GACZK,KAAK,CAAC,CAACL;gBACNM,QAAQC,GAAG,CAAC,QAAQP;YACtB;YAEF,mBAAmB;YACnB,IAAIH,cAAcM,IAAI;gBACpBxB,oBAAoB,CAACG,KAAK,GAAG;oBAC3BqB,IAAIN,aAAaM,EAAE;oBACnBnB;gBACF;YACF;QACF,OAAO;YACL,MAAM,CAACa,aAAa,GAAGV,MAAMK,IAAI;YACjCb,oBAAoB,CAACG,KAAK,GAAG;gBAC3BqB,IAAIN,aAAaM,EAAE;gBACnBnB;YACF;QACF;IACF;IAEAb,QAAQG,MAAM,CAACC,IAAI,CACjB,CAAC,+BAA+B,EAAEiC,KAAKC,SAAS,CAAC9B,sBAAsB,MAAM,GAAG,CAAC;IAEnF,MAAMR,QAAQuC,YAAY,CAAC;QACzBC,MAAM3C;QACN+B,MAAM;YACJa,KAAKjC;QACP;QACAkC,OAAO;IACT;IAEA1C,QAAQG,MAAM,CAACC,IAAI,CAAC,CAAC,yBAAyB,CAAC;IAC/C,IAAIF,aAAauB,oBAAoB,EAAE;QACrCzB,QAAQG,MAAM,CAACC,IAAI,CACjB;IAEJ;AACF,EAAC"}

package/dist/libraries/autocomplete/AutocompleteTextArea.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Credit: Yury Dymov
+ * Github: https://github.com/yury-dymov/react-autocomplete-input
+ *
+ * Modified to only be use for PromptEditorField
+ */
+export declare const AutocompleteTextField: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AutocompleteTextArea.d.ts.map

package/dist/libraries/autocomplete/AutocompleteTextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteTextArea.d.ts","sourceRoot":"","sources":["../../../src/libraries/autocomplete/AutocompleteTextArea.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAmBH,eAAO,MAAM,qBAAqB,yDAkgBjC,CAAA"}

package/dist/libraries/autocomplete/AutocompleteTextArea.js

@@ -0,0 +1,437 @@
+/**
+ * Credit: Yury Dymov
+ * Github: https://github.com/yury-dymov/react-autocomplete-input
+ *
+ * Modified to only be use for PromptEditorField
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as inputSelection from 'get-input-selection';
+import isEqual from 'lodash.isequal';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import scrollIntoView from 'scroll-into-view-if-needed';
+import getCaretCoordinates from 'textarea-caret';
+import styles from './AutocompleteTextArea.module.scss';
+const KEY_UP = 38;
+const KEY_DOWN = 40;
+const KEY_RETURN = 13;
+const KEY_ENTER = 14;
+const KEY_ESCAPE = 27;
+const KEY_TAB = 9;
+const OPTION_LIST_MIN_WIDTH = 100;
+export const AutocompleteTextField = (props)=>{
+    const { changeOnSelect = (trigger, slug)=>trigger + slug, defaultValue = '', disabled = false, matchAny = false, maxOptions = 10, minChars = 0, offsetX = 0, offsetY = 0, onBlur = (e)=>{}, onChange = (e)=>{}, onKeyDown = (e)=>{}, onRequestOptions = (e)=>{}, onSelect = (e)=>{}, options = [], passThroughEnter = false, passThroughTab = true, regex = '^[A-Za-z0-9\\-_]+$', requestOnlyIfNoOptions = true, spaceRemovers = [
+        ',',
+        '.',
+        '!',
+        '?'
+    ], spacer = ' ', trigger = '@', triggerCaseInsensitive = false, triggerMatchWholeWord = false, value: propValue = null, ...rest } = props;
+    const [helperVisible, setHelperVisible] = useState(false);
+    const [left, setLeft] = useState(0);
+    const [top, setTop] = useState(0);
+    const [triggerChar, setTriggerChar] = useState(null);
+    const [matchLength, setMatchLength] = useState(0);
+    const [matchStart, setMatchStart] = useState(0);
+    const [selection, setSelection] = useState(0);
+    const [value, setValue] = useState(null);
+    const [caret, setCaret] = useState(0);
+    const [currentOptions, setCurrentOptions] = useState([]);
+    const recentValue = useRef(defaultValue);
+    const enableSpaceRemovers = useRef(false);
+    const inputRef = useRef(null);
+    const currentRef = useRef(null);
+    const parentRef = useRef(null);
+    useEffect(()=>{
+        window.addEventListener('resize', handleResize);
+        window.addEventListener('scroll', handleResize);
+        return ()=>{
+            window.removeEventListener('resize', handleResize);
+            window.removeEventListener('scroll', handleResize);
+        };
+    }, []);
+    useEffect(()=>{
+        if (!isEqual(options, currentOptions)) {
+            updateHelper(recentValue.current, caret, options);
+        }
+    }, [
+        options,
+        caret
+    ]);
+    useEffect(()=>{
+        if (helperVisible && currentRef.current) {
+            scrollIntoView(currentRef.current, {
+                boundary: parentRef.current,
+                scrollMode: 'if-needed'
+            });
+        }
+    }, [
+        helperVisible,
+        selection
+    ]);
+    const handleResize = useCallback(()=>{
+        setHelperVisible(false);
+    }, []);
+    const isTrigger = useCallback((triggerStr, str, i)=>{
+        if (!triggerStr || !triggerStr.length) {
+            return true;
+        }
+        if (triggerMatchWholeWord && i > 0 && str.charAt(i - 1).match(/\w/)) {
+            return false;
+        }
+        if (str.substr(i, triggerStr.length) === triggerStr || triggerCaseInsensitive && str.substr(i, triggerStr.length).toLowerCase() === triggerStr.toLowerCase()) {
+            return true;
+        }
+        return false;
+    }, [
+        triggerMatchWholeWord,
+        triggerCaseInsensitive
+    ]);
+    const arrayTriggerMatch = useCallback((triggers, re)=>{
+        return triggers.map((trigger)=>({
+                triggerLength: trigger.length,
+                triggerMatch: trigger.match(re),
+                triggerStr: trigger
+            }));
+    }, []);
+    const getMatch = useCallback((str, caret, providedOptions)=>{
+        const re = new RegExp(regex);
+        const triggers = Array.isArray(trigger) ? trigger : [
+            trigger
+        ];
+        triggers.sort();
+        const providedOptionsObject = Array.isArray(providedOptions) ? triggers.reduce((acc, triggerStr)=>({
+                ...acc,
+                [triggerStr]: providedOptions
+            }), {}) : providedOptions;
+        const triggersMatch = arrayTriggerMatch(triggers, re);
+        let slugData = null;
+        for(let triggersIndex = 0; triggersIndex < triggersMatch.length; triggersIndex++){
+            const { triggerLength, triggerMatch, triggerStr } = triggersMatch[triggersIndex];
+            for(let i = caret - 1; i >= 0; --i){
+                const substr = str.substring(i, caret);
+                const match = substr.match(re);
+                let matchStart = -1;
+                if (triggerLength > 0) {
+                    const triggerIdx = triggerMatch ? i : i - triggerLength + 1;
+                    if (triggerIdx < 0) {
+                        break;
+                    }
+                    if (isTrigger(triggerStr, str, triggerIdx)) {
+                        matchStart = triggerIdx + triggerLength;
+                    }
+                    if (!match && matchStart < 0) {
+                        break;
+                    }
+                } else {
+                    if (match && i > 0) {
+                        continue;
+                    }
+                    matchStart = i === 0 && match ? 0 : i + 1;
+                    if (caret - matchStart === 0) {
+                        break;
+                    }
+                }
+                if (matchStart >= 0) {
+                    const triggerOptions = providedOptionsObject[triggerStr];
+                    if (triggerOptions == null) {
+                        continue;
+                    }
+                    const matchedSlug = str.substring(matchStart, caret);
+                    const filteredOptions = triggerOptions.filter((slug)=>{
+                        const idx = slug.toLowerCase().indexOf(matchedSlug.toLowerCase());
+                        return idx !== -1 && (matchAny || idx === 0);
+                    });
+                    const currTrigger = triggerStr;
+                    const matchLength = matchedSlug.length;
+                    slugData = {
+                        matchLength,
+                        matchStart,
+                        options: filteredOptions,
+                        trigger: currTrigger
+                    };
+                }
+            }
+        }
+        return slugData;
+    }, [
+        regex,
+        trigger,
+        arrayTriggerMatch,
+        isTrigger,
+        matchAny
+    ]);
+    const updateCaretPosition = useCallback((newCaret)=>{
+        requestAnimationFrame(()=>{
+            setCaret(newCaret);
+            inputSelection.default.setCaretPosition(inputRef.current, newCaret);
+        });
+    }, []);
+    const updateHelper = useCallback((str, caretPos, helperOptions)=>{
+        const slug = getMatch(str, caretPos, helperOptions);
+        if (slug) {
+            const caretCoordinates = getCaretCoordinates(inputRef.current, caretPos);
+            const rect = inputRef.current.getBoundingClientRect();
+            const newTop = caretCoordinates.top + rect.top - inputRef.current.scrollTop;
+            const newLeft = Math.min(caretCoordinates.left + rect.left - inputRef.current.scrollLeft, window.innerWidth - OPTION_LIST_MIN_WIDTH);
+            if (slug.matchLength >= minChars && (slug.options.length > 1 || slug.options.length === 1 && (slug.options[0].length !== slug.matchLength || slug.options[0].length === 1))) {
+                setHelperVisible(true);
+                setTop(newTop);
+                setLeft(newLeft);
+                setTriggerChar(slug.trigger);
+                setMatchLength(slug.matchLength);
+                setMatchStart(slug.matchStart);
+                setCurrentOptions(slug.options);
+            } else {
+                if (!requestOnlyIfNoOptions || !slug.options.length) {
+                    onRequestOptions(str.substr(slug.matchStart, slug.matchLength));
+                }
+                resetHelper();
+            }
+            updateCaretPosition(caretPos);
+        } else {
+            resetHelper();
+        }
+    }, [
+        getMatch,
+        minChars,
+        requestOnlyIfNoOptions,
+        onRequestOptions,
+        updateCaretPosition
+    ]);
+    const resetHelper = useCallback(()=>{
+        setHelperVisible(false);
+        setSelection(0);
+    }, []);
+    const handleChange = useCallback((e)=>{
+        const str = e.target.value;
+        const caretPos = inputSelection.default.default(e.target).end;
+        if (!str.length) {
+            setHelperVisible(false);
+        }
+        recentValue.current = str;
+        if (!str.length || !caretPos) {
+            return onChange(e.target.value);
+        }
+        // Space removers logic
+        if (enableSpaceRemovers.current && spaceRemovers.length && str.length > 2 && spacer.length) {
+            for(let i = 0; i < Math.max(recentValue.current.length, str.length); ++i){
+                if (recentValue.current[i] !== str[i]) {
+                    if (i >= 2 && str[i - 1] === spacer && spaceRemovers.indexOf(str[i - 2]) === -1 && spaceRemovers.indexOf(str[i]) !== -1 && getMatch(str.substring(0, i - 2), caretPos - 3, options)) {
+                        const newValue = `${str.slice(0, i - 1)}${str.slice(i, i + 1)}${str.slice(i - 1, i)}${str.slice(i + 1)}`;
+                        updateCaretPosition(i + 1);
+                        inputRef.current.value = newValue;
+                        if (!propValue) {
+                            setValue(newValue);
+                        }
+                        return onChange(newValue);
+                    }
+                    break;
+                }
+            }
+            enableSpaceRemovers.current = false;
+        }
+        updateHelper(str, caretPos, options);
+        if (!propValue) {
+            setValue(e.target.value);
+        }
+        return onChange(e.target.value);
+    }, [
+        onChange,
+        propValue,
+        spaceRemovers,
+        spacer,
+        options,
+        updateCaretPosition,
+        updateHelper,
+        getMatch
+    ]);
+    const handleBlur = useCallback((e)=>{
+        resetHelper();
+        onBlur(e);
+    }, [
+        onBlur,
+        resetHelper
+    ]);
+    const handleSelection = useCallback((idx)=>{
+        const slug = currentOptions[idx];
+        const value = recentValue.current;
+        const part1 = triggerChar.length === 0 ? '' : value.substring(0, matchStart - triggerChar.length);
+        const part2 = value.substring(matchStart + matchLength);
+        const event = {
+            target: inputRef.current
+        };
+        const changedStr = changeOnSelect(triggerChar, slug);
+        event.target.value = `${part1}${changedStr}${spacer}${part2}`;
+        handleChange(event);
+        onSelect(event.target.value);
+        resetHelper();
+        const advanceCaretDistance = part1.length + changedStr.length + (spacer ? spacer.length : 1);
+        updateCaretPosition(advanceCaretDistance);
+        enableSpaceRemovers.current = true;
+    }, [
+        currentOptions,
+        triggerChar,
+        matchStart,
+        matchLength,
+        changeOnSelect,
+        spacer,
+        handleChange,
+        onSelect,
+        resetHelper,
+        updateCaretPosition
+    ]);
+    const handleKeyDown = useCallback((event)=>{
+        const optionsCount = maxOptions > 0 ? Math.min(currentOptions.length, maxOptions) : currentOptions.length;
+        if (helperVisible) {
+            switch(event.keyCode){
+                case KEY_ESCAPE:
+                    event.preventDefault();
+                    resetHelper();
+                    break;
+                case KEY_UP:
+                    event.preventDefault();
+                    if (optionsCount > 0) {
+                        setSelection((prevSelection)=>Math.max(0, optionsCount + prevSelection - 1) % optionsCount);
+                    }
+                    break;
+                case KEY_DOWN:
+                    event.preventDefault();
+                    if (optionsCount > 0) {
+                        setSelection((prevSelection)=>(prevSelection + 1) % optionsCount);
+                    }
+                    break;
+                case KEY_ENTER:
+                case KEY_RETURN:
+                    if (!passThroughEnter) {
+                        event.preventDefault();
+                    }
+                    handleSelection(selection);
+                    break;
+                case KEY_TAB:
+                    if (!passThroughTab) {
+                        event.preventDefault();
+                    }
+                    handleSelection(selection);
+                    break;
+                default:
+                    onKeyDown(event);
+                    break;
+            }
+        } else {
+            onKeyDown(event);
+        }
+    }, [
+        helperVisible,
+        currentOptions,
+        maxOptions,
+        passThroughEnter,
+        passThroughTab,
+        selection,
+        onKeyDown,
+        resetHelper,
+        handleSelection
+    ]);
+    const renderAutocompleteList = useCallback(()=>{
+        if (!helperVisible || currentOptions.length === 0) {
+            return null;
+        }
+        if (selection >= currentOptions.length) {
+            setSelection(0);
+            return null;
+        }
+        const optionNumber = maxOptions === 0 ? currentOptions.length : maxOptions;
+        const helperOptions = currentOptions.slice(0, optionNumber).map((val, idx)=>{
+            let [helper, value] = val.split(' ');
+            if (!value) {
+                helper = undefined;
+                value = val;
+            }
+            const renderHighlightedText = (text)=>{
+                const highlightStart = text.toLowerCase().indexOf(recentValue.current.substr(matchStart, matchLength).toLowerCase());
+                const highlightedText = text.substr(highlightStart, matchLength);
+                if (!val.startsWith(text)) {
+                    return text;
+                }
+                return /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        text.slice(0, highlightStart),
+                        /*#__PURE__*/ _jsx("strong", {
+                            children: highlightedText
+                        }),
+                        text.slice(highlightStart + matchLength)
+                    ]
+                });
+            };
+            return /*#__PURE__*/ _jsxs("li", {
+                className: idx === selection ? styles.active : null,
+                onClick: ()=>{
+                    handleSelection(idx);
+                },
+                onMouseDown: (e)=>{
+                    e.preventDefault();
+                },
+                onMouseEnter: ()=>{
+                    setSelection(idx);
+                },
+                ref: idx === selection ? currentRef : null,
+                role: "presentation",
+                children: [
+                    helper && /*#__PURE__*/ _jsx("code", {
+                        className: styles.helper,
+                        children: renderHighlightedText(helper)
+                    }),
+                    renderHighlightedText(value)
+                ]
+            }, val);
+        });
+        const maxWidth = window.innerWidth - left - offsetX - 5;
+        const maxHeight = window.innerHeight - top - offsetY - 5;
+        return /*#__PURE__*/ _jsx("ul", {
+            className: styles.autocompleteInput + ' ' + 'popup__content',
+            ref: parentRef,
+            style: {
+                left: left + offsetX,
+                maxHeight,
+                maxWidth,
+                opacity: 'initial',
+                pointerEvents: 'initial',
+                position: 'fixed',
+                top: top + offsetY,
+                visibility: 'initial'
+            },
+            children: helperOptions
+        });
+    }, [
+        helperVisible,
+        currentOptions,
+        selection,
+        maxOptions,
+        left,
+        top,
+        offsetX,
+        offsetY,
+        matchStart,
+        matchLength,
+        handleSelection
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "popup",
+        children: [
+            /*#__PURE__*/ _jsx("textarea", {
+                className: "textarea-outer",
+                disabled: disabled,
+                onBlur: handleBlur,
+                onChange: handleChange,
+                onKeyDown: handleKeyDown,
+                ref: inputRef,
+                rows: 6,
+                style: {
+                    overflow: 'auto'
+                },
+                value: propValue !== null ? propValue : value || defaultValue,
+                ...rest
+            }),
+            renderAutocompleteList()
+        ]
+    });
+};
+
+//# sourceMappingURL=AutocompleteTextArea.js.map

package/dist/libraries/autocomplete/AutocompleteTextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/libraries/autocomplete/AutocompleteTextArea.tsx"],"sourcesContent":["/**\n * Credit: Yury Dymov\n * Github: https://github.com/yury-dymov/react-autocomplete-input\n *\n * Modified to only be use for PromptEditorField\n */\n\nimport * as inputSelection from 'get-input-selection'\nimport isEqual from 'lodash.isequal'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport getCaretCoordinates from 'textarea-caret'\n\nimport styles from './AutocompleteTextArea.module.scss'\n\nconst KEY_UP = 38\nconst KEY_DOWN = 40\nconst KEY_RETURN = 13\nconst KEY_ENTER = 14\nconst KEY_ESCAPE = 27\nconst KEY_TAB = 9\n\nconst OPTION_LIST_MIN_WIDTH = 100\n\nexport const AutocompleteTextField = (props) => {\n  const {\n    changeOnSelect = (trigger, slug) => trigger + slug,\n    defaultValue = '',\n    disabled = false,\n    matchAny = false,\n    maxOptions = 10,\n    minChars = 0,\n    offsetX = 0,\n    offsetY = 0,\n    onBlur = (e: any) => {},\n    onChange = (e: any) => {},\n    onKeyDown = (e: any) => {},\n    onRequestOptions = (e: any) => {},\n    onSelect = (e: any) => {},\n    options = [],\n    passThroughEnter = false,\n    passThroughTab = true,\n    regex = '^[A-Za-z0-9\\\\-_]+$',\n    requestOnlyIfNoOptions = true,\n    spaceRemovers = [',', '.', '!', '?'],\n    spacer = ' ',\n    trigger = '@',\n    triggerCaseInsensitive = false,\n    triggerMatchWholeWord = false,\n    value: propValue = null,\n    ...rest\n  } = props\n\n  const [helperVisible, setHelperVisible] = useState(false)\n  const [left, setLeft] = useState(0)\n  const [top, setTop] = useState(0)\n  const [triggerChar, setTriggerChar] = useState(null)\n  const [matchLength, setMatchLength] = useState(0)\n  const [matchStart, setMatchStart] = useState(0)\n  const [selection, setSelection] = useState(0)\n  const [value, setValue] = useState(null)\n  const [caret, setCaret] = useState(0)\n  const [currentOptions, setCurrentOptions] = useState([])\n\n  const recentValue = useRef(defaultValue)\n  const enableSpaceRemovers = useRef(false)\n  const inputRef = useRef(null)\n  const currentRef = useRef(null)\n  const parentRef = useRef(null)\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize)\n    window.addEventListener('scroll', handleResize)\n\n    return () => {\n      window.removeEventListener('resize', handleResize)\n      window.removeEventListener('scroll', handleResize)\n    }\n  }, [])\n\n  useEffect(() => {\n    if (!isEqual(options, currentOptions)) {\n      updateHelper(recentValue.current, caret, options)\n    }\n  }, [options, caret])\n\n  useEffect(() => {\n    if (helperVisible && currentRef.current) {\n      scrollIntoView(currentRef.current, { boundary: parentRef.current, scrollMode: 'if-needed' })\n    }\n  }, [helperVisible, selection])\n\n  const handleResize = useCallback(() => {\n    setHelperVisible(false)\n  }, [])\n\n  const isTrigger = useCallback(\n    (triggerStr, str, i) => {\n      if (!triggerStr || !triggerStr.length) {\n        return true\n      }\n\n      if (triggerMatchWholeWord && i > 0 && str.charAt(i - 1).match(/\\w/)) {\n        return false\n      }\n\n      if (\n        str.substr(i, triggerStr.length) === triggerStr ||\n        (triggerCaseInsensitive &&\n          str.substr(i, triggerStr.length).toLowerCase() === triggerStr.toLowerCase())\n      ) {\n        return true\n      }\n\n      return false\n    },\n    [triggerMatchWholeWord, triggerCaseInsensitive],\n  )\n\n  const arrayTriggerMatch = useCallback((triggers, re) => {\n    return triggers.map((trigger) => ({\n      triggerLength: trigger.length,\n      triggerMatch: trigger.match(re),\n      triggerStr: trigger,\n    }))\n  }, [])\n\n  const getMatch = useCallback(\n    (str, caret, providedOptions) => {\n      const re = new RegExp(regex)\n      const triggers = Array.isArray(trigger) ? trigger : [trigger]\n      triggers.sort()\n\n      const providedOptionsObject = Array.isArray(providedOptions)\n        ? triggers.reduce((acc, triggerStr) => ({ ...acc, [triggerStr]: providedOptions }), {})\n        : providedOptions\n\n      const triggersMatch = arrayTriggerMatch(triggers, re)\n      let slugData = null\n\n      for (let triggersIndex = 0; triggersIndex < triggersMatch.length; triggersIndex++) {\n        const { triggerLength, triggerMatch, triggerStr } = triggersMatch[triggersIndex]\n\n        for (let i = caret - 1; i >= 0; --i) {\n          const substr = str.substring(i, caret)\n          const match = substr.match(re)\n          let matchStart = -1\n\n          if (triggerLength > 0) {\n            const triggerIdx = triggerMatch ? i : i - triggerLength + 1\n\n            if (triggerIdx < 0) {\n              break\n            }\n\n            if (isTrigger(triggerStr, str, triggerIdx)) {\n              matchStart = triggerIdx + triggerLength\n            }\n\n            if (!match && matchStart < 0) {\n              break\n            }\n          } else {\n            if (match && i > 0) {\n              continue\n            }\n            matchStart = i === 0 && match ? 0 : i + 1\n\n            if (caret - matchStart === 0) {\n              break\n            }\n          }\n\n          if (matchStart >= 0) {\n            const triggerOptions = providedOptionsObject[triggerStr]\n            if (triggerOptions == null) {\n              continue\n            }\n\n            const matchedSlug = str.substring(matchStart, caret)\n\n            const filteredOptions = triggerOptions.filter((slug) => {\n              const idx = slug.toLowerCase().indexOf(matchedSlug.toLowerCase())\n              return idx !== -1 && (matchAny || idx === 0)\n            })\n\n            const currTrigger = triggerStr\n            const matchLength = matchedSlug.length\n\n            slugData = {\n              matchLength,\n              matchStart,\n              options: filteredOptions,\n              trigger: currTrigger,\n            }\n          }\n        }\n      }\n\n      return slugData\n    },\n    [regex, trigger, arrayTriggerMatch, isTrigger, matchAny],\n  )\n\n  const updateCaretPosition = useCallback((newCaret) => {\n    requestAnimationFrame(() => {\n      setCaret(newCaret)\n      inputSelection.default.setCaretPosition(inputRef.current, newCaret)\n    })\n  }, [])\n\n  const updateHelper = useCallback(\n    (str, caretPos, helperOptions) => {\n      const slug = getMatch(str, caretPos, helperOptions)\n\n      if (slug) {\n        const caretCoordinates = getCaretCoordinates(inputRef.current, caretPos)\n        const rect = inputRef.current.getBoundingClientRect()\n\n        const newTop = caretCoordinates.top + rect.top - inputRef.current.scrollTop\n        const newLeft = Math.min(\n          caretCoordinates.left + rect.left - inputRef.current.scrollLeft,\n          window.innerWidth - OPTION_LIST_MIN_WIDTH,\n        )\n\n        if (\n          slug.matchLength >= minChars &&\n          (slug.options.length > 1 ||\n            (slug.options.length === 1 &&\n              (slug.options[0].length !== slug.matchLength || slug.options[0].length === 1)))\n        ) {\n          setHelperVisible(true)\n          setTop(newTop)\n          setLeft(newLeft)\n          setTriggerChar(slug.trigger)\n          setMatchLength(slug.matchLength)\n          setMatchStart(slug.matchStart)\n          setCurrentOptions(slug.options)\n        } else {\n          if (!requestOnlyIfNoOptions || !slug.options.length) {\n            onRequestOptions(str.substr(slug.matchStart, slug.matchLength))\n          }\n          resetHelper()\n        }\n        updateCaretPosition(caretPos)\n      } else {\n        resetHelper()\n      }\n    },\n    [getMatch, minChars, requestOnlyIfNoOptions, onRequestOptions, updateCaretPosition],\n  )\n\n  const resetHelper = useCallback(() => {\n    setHelperVisible(false)\n    setSelection(0)\n  }, [])\n\n  const handleChange = useCallback(\n    (e) => {\n      const str = e.target.value\n      const caretPos = inputSelection.default.default(e.target).end\n\n      if (!str.length) {\n        setHelperVisible(false)\n      }\n\n      recentValue.current = str\n\n      if (!str.length || !caretPos) {\n        return onChange(e.target.value)\n      }\n\n      // Space removers logic\n      if (enableSpaceRemovers.current && spaceRemovers.length && str.length > 2 && spacer.length) {\n        for (let i = 0; i < Math.max(recentValue.current.length, str.length); ++i) {\n          if (recentValue.current[i] !== str[i]) {\n            if (\n              i >= 2 &&\n              str[i - 1] === spacer &&\n              spaceRemovers.indexOf(str[i - 2]) === -1 &&\n              spaceRemovers.indexOf(str[i]) !== -1 &&\n              getMatch(str.substring(0, i - 2), caretPos - 3, options)\n            ) {\n              const newValue = `${str.slice(0, i - 1)}${str.slice(i, i + 1)}${str.slice(i - 1, i)}${str.slice(i + 1)}`\n\n              updateCaretPosition(i + 1)\n              inputRef.current.value = newValue\n\n              if (!propValue) {\n                setValue(newValue)\n              }\n\n              return onChange(newValue)\n            }\n\n            break\n          }\n        }\n\n        enableSpaceRemovers.current = false\n      }\n\n      updateHelper(str, caretPos, options)\n\n      if (!propValue) {\n        setValue(e.target.value)\n      }\n\n      return onChange(e.target.value)\n    },\n    [\n      onChange,\n      propValue,\n      spaceRemovers,\n      spacer,\n      options,\n      updateCaretPosition,\n      updateHelper,\n      getMatch,\n    ],\n  )\n\n  const handleBlur = useCallback(\n    (e) => {\n      resetHelper()\n      onBlur(e)\n    },\n    [onBlur, resetHelper],\n  )\n\n  const handleSelection = useCallback(\n    (idx) => {\n      const slug = currentOptions[idx]\n      const value = recentValue.current\n      const part1 =\n        triggerChar.length === 0 ? '' : value.substring(0, matchStart - triggerChar.length)\n      const part2 = value.substring(matchStart + matchLength)\n\n      const event = { target: inputRef.current }\n      const changedStr = changeOnSelect(triggerChar, slug)\n\n      event.target.value = `${part1}${changedStr}${spacer}${part2}`\n      handleChange(event)\n      onSelect(event.target.value)\n\n      resetHelper()\n\n      const advanceCaretDistance = part1.length + changedStr.length + (spacer ? spacer.length : 1)\n      updateCaretPosition(advanceCaretDistance)\n\n      enableSpaceRemovers.current = true\n    },\n    [\n      currentOptions,\n      triggerChar,\n      matchStart,\n      matchLength,\n      changeOnSelect,\n      spacer,\n      handleChange,\n      onSelect,\n      resetHelper,\n      updateCaretPosition,\n    ],\n  )\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      const optionsCount =\n        maxOptions > 0 ? Math.min(currentOptions.length, maxOptions) : currentOptions.length\n\n      if (helperVisible) {\n        switch (event.keyCode) {\n          case KEY_ESCAPE:\n            event.preventDefault()\n            resetHelper()\n            break\n          case KEY_UP:\n            event.preventDefault()\n            if (optionsCount > 0) {\n              setSelection(\n                (prevSelection) => Math.max(0, optionsCount + prevSelection - 1) % optionsCount,\n              )\n            }\n            break\n          case KEY_DOWN:\n            event.preventDefault()\n            if (optionsCount > 0) {\n              setSelection((prevSelection) => (prevSelection + 1) % optionsCount)\n            }\n            break\n          case KEY_ENTER:\n          case KEY_RETURN:\n            if (!passThroughEnter) {\n              event.preventDefault()\n            }\n            handleSelection(selection)\n            break\n          case KEY_TAB:\n            if (!passThroughTab) {\n              event.preventDefault()\n            }\n            handleSelection(selection)\n            break\n          default:\n            onKeyDown(event)\n            break\n        }\n      } else {\n        onKeyDown(event)\n      }\n    },\n    [\n      helperVisible,\n      currentOptions,\n      maxOptions,\n      passThroughEnter,\n      passThroughTab,\n      selection,\n      onKeyDown,\n      resetHelper,\n      handleSelection,\n    ],\n  )\n\n  const renderAutocompleteList = useCallback(() => {\n    if (!helperVisible || currentOptions.length === 0) {\n      return null\n    }\n\n    if (selection >= currentOptions.length) {\n      setSelection(0)\n      return null\n    }\n\n    const optionNumber = maxOptions === 0 ? currentOptions.length : maxOptions\n\n    const helperOptions = currentOptions.slice(0, optionNumber).map((val, idx) => {\n      let [helper, value] = val.split(' ')\n      if (!value) {\n        helper = undefined\n        value = val\n      }\n\n      const renderHighlightedText = (text) => {\n        const highlightStart = text\n          .toLowerCase()\n          .indexOf(recentValue.current.substr(matchStart, matchLength).toLowerCase())\n\n        const highlightedText = text.substr(highlightStart, matchLength)\n\n        if (!val.startsWith(text)) {\n          return text\n        }\n\n        return (\n          <>\n            {text.slice(0, highlightStart)}\n            <strong>{highlightedText}</strong>\n            {text.slice(highlightStart + matchLength)}\n          </>\n        )\n      }\n\n      return (\n        <li\n          className={idx === selection ? styles.active : null}\n          key={val}\n          onClick={() => {\n            handleSelection(idx)\n          }}\n          onMouseDown={(e) => {\n            e.preventDefault()\n          }}\n          onMouseEnter={() => {\n            setSelection(idx)\n          }}\n          ref={idx === selection ? currentRef : null}\n          role=\"presentation\"\n        >\n          {helper && <code className={styles.helper}>{renderHighlightedText(helper)}</code>}\n          {renderHighlightedText(value)}\n        </li>\n      )\n    })\n\n    const maxWidth = window.innerWidth - left - offsetX - 5\n    const maxHeight = window.innerHeight - top - offsetY - 5\n\n    return (\n      <ul\n        className={styles.autocompleteInput + ' ' + 'popup__content'}\n        ref={parentRef}\n        style={{\n          left: left + offsetX,\n          maxHeight,\n          maxWidth,\n          opacity: 'initial',\n          pointerEvents: 'initial',\n          position: 'fixed',\n          top: top + offsetY,\n          visibility: 'initial',\n        }}\n      >\n        {helperOptions}\n      </ul>\n    )\n  }, [\n    helperVisible,\n    currentOptions,\n    selection,\n    maxOptions,\n    left,\n    top,\n    offsetX,\n    offsetY,\n    matchStart,\n    matchLength,\n    handleSelection,\n  ])\n\n  return (\n    <div className=\"popup\">\n      <textarea\n        className=\"textarea-outer\"\n        disabled={disabled}\n        onBlur={handleBlur}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        ref={inputRef}\n        rows={6}\n        style={{ overflow: 'auto' }}\n        value={propValue !== null ? propValue : value || defaultValue}\n        {...rest}\n      />\n      {renderAutocompleteList()}\n    </div>\n  )\n}\n"],"names":["inputSelection","isEqual","React","useCallback","useEffect","useRef","useState","scrollIntoView","getCaretCoordinates","styles","KEY_UP","KEY_DOWN","KEY_RETURN","KEY_ENTER","KEY_ESCAPE","KEY_TAB","OPTION_LIST_MIN_WIDTH","AutocompleteTextField","props","changeOnSelect","trigger","slug","defaultValue","disabled","matchAny","maxOptions","minChars","offsetX","offsetY","onBlur","e","onChange","onKeyDown","onRequestOptions","onSelect","options","passThroughEnter","passThroughTab","regex","requestOnlyIfNoOptions","spaceRemovers","spacer","triggerCaseInsensitive","triggerMatchWholeWord","value","propValue","rest","helperVisible","setHelperVisible","left","setLeft","top","setTop","triggerChar","setTriggerChar","matchLength","setMatchLength","matchStart","setMatchStart","selection","setSelection","setValue","caret","setCaret","currentOptions","setCurrentOptions","recentValue","enableSpaceRemovers","inputRef","currentRef","parentRef","window","addEventListener","handleResize","removeEventListener","updateHelper","current","boundary","scrollMode","isTrigger","triggerStr","str","i","length","charAt","match","substr","toLowerCase","arrayTriggerMatch","triggers","re","map","triggerLength","triggerMatch","getMatch","providedOptions","RegExp","Array","isArray","sort","providedOptionsObject","reduce","acc","triggersMatch","slugData","triggersIndex","substring","triggerIdx","triggerOptions","matchedSlug","filteredOptions","filter","idx","indexOf","currTrigger","updateCaretPosition","newCaret","requestAnimationFrame","default","setCaretPosition","caretPos","helperOptions","caretCoordinates","rect","getBoundingClientRect","newTop","scrollTop","newLeft","Math","min","scrollLeft","innerWidth","resetHelper","handleChange","target","end","max","newValue","slice","handleBlur","handleSelection","part1","part2","event","changedStr","advanceCaretDistance","handleKeyDown","optionsCount","keyCode","preventDefault","prevSelection","renderAutocompleteList","optionNumber","val","helper","split","undefined","renderHighlightedText","text","highlightStart","highlightedText","startsWith","strong","li","className","active","onClick","onMouseDown","onMouseEnter","ref","role","code","maxWidth","maxHeight","innerHeight","ul","autocompleteInput","style","opacity","pointerEvents","position","visibility","div","textarea","rows","overflow"],"mappings":"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"}

package/dist/libraries/autocomplete/AutocompleteTextArea.module.scss

@@ -0,0 +1,35 @@
+.autocompleteInput {
+  background-clip: padding-box;
+  border: 1px solid rgba(0,0,0,0.15);
+  bottom: auto;
+  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
+  display: block;
+  font-size: 14px;
+  list-style: none;
+  position: fixed;
+  text-align: left;
+  z-index: 20000;
+  overflow-y: auto;
+  margin-top: 1em;
+
+  padding: var(--popup-padding)
+}
+
+.autocompleteInput > li {
+  cursor: pointer;
+  padding: 4px 8px;
+  min-width: 110px;
+  color: var(--theme-elevation-800);
+}
+
+.autocompleteInput > li.active {
+  background-color: var(--theme-elevation-100);
+}
+
+.helper {
+  padding: 0.2em;
+  font-size: 12px;
+  margin-right: 0.5em;
+  background: rgb(0 255 111 / 10%);
+  border-radius: 4px;
+}

package/dist/libraries/handlebars/asyncHandlebars.d.ts

@@ -0,0 +1,2 @@
+export declare const asyncHandlebars: any;
+//# sourceMappingURL=asyncHandlebars.d.ts.map

package/dist/libraries/handlebars/asyncHandlebars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asyncHandlebars.d.ts","sourceRoot":"","sources":["../../../src/libraries/handlebars/asyncHandlebars.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,KAA2B,CAAA"}

package/dist/libraries/handlebars/asyncHandlebars.js

@@ -0,0 +1,5 @@
+import Handlebars from 'handlebars/dist/handlebars.js';
+import asyncHelpers from 'handlebars-async-helpers';
+export const asyncHandlebars = asyncHelpers(Handlebars);
+
+//# sourceMappingURL=asyncHandlebars.js.map

package/dist/libraries/handlebars/asyncHandlebars.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/libraries/handlebars/asyncHandlebars.ts"],"sourcesContent":["import Handlebars from 'handlebars/dist/handlebars.js'\nimport asyncHelpers from 'handlebars-async-helpers'\n\nexport const asyncHandlebars = asyncHelpers(Handlebars)\n"],"names":["Handlebars","asyncHelpers","asyncHandlebars"],"mappings":"AAAA,OAAOA,gBAAgB,gCAA+B;AACtD,OAAOC,kBAAkB,2BAA0B;AAEnD,OAAO,MAAMC,kBAAkBD,aAAaD,YAAW"}