@blocklet/editor 2.3.80 → 2.3.82

package/lib/ext/AiImage/generate/output/lottie.d.ts

@@ -1,4 +0,0 @@
-export interface LottieProps {
-    src: any;
-}
-export default function LottieComp({ src }: LottieProps): import("react/jsx-runtime").JSX.Element;

package/lib/ext/AiImage/generate/output/lottie.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { lazyRetry as lazy } from '@arcblock/ux/lib/Util';
-const Lottie = lazy(() => import('lottie-react'));
-export default function LottieComp({ src }) {
-    return _jsx(Lottie, { animationData: src, loop: true });
-}

package/lib/ext/AiImage/generate/prompt.d.ts

@@ -1,4 +0,0 @@
-import { AiImagePromptProps } from './context';
-export default function Prompt({ onSubmit }: {
-    onSubmit: (value: AiImagePromptProps) => void;
-}): import("react/jsx-runtime").JSX.Element;

package/lib/ext/AiImage/generate/prompt.js

@@ -1,122 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable no-return-assign */
-import styled from '@emotion/styled';
-import { cx } from '@emotion/css';
-import { useReactive, useDebounceFn } from 'ahooks';
-import Slider from '@mui/material/Slider';
-import Typography from '@mui/material/Typography';
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import TextField from '@mui/material/TextField';
-import Grid from '@mui/material/Grid';
-import { useAiImageContext } from './context';
-const marks = [
-    {
-        label: 1024,
-        value: 1024,
-    },
-];
-function valueLabelFormat(value) {
-    return marks.findIndex((mark) => mark.value === value) + 1;
-}
-export default function Prompt({ onSubmit }) {
-    const { loading } = useAiImageContext();
-    const values = useReactive({
-        prompt: '',
-        sizeWidth: 1024,
-        number: 1,
-    });
-    const submit = () => {
-        const submitValue = JSON.parse(JSON.stringify(values));
-        const v = Object.values(values);
-        const allValued = v.every((param) => !!param);
-        if (allValued) {
-            onSubmit(submitValue);
-        }
-    };
-    const { run } = useDebounceFn(submit, { wait: 500 });
-    return (_jsxs(Root, { onSubmit: (e) => e.preventDefault(), children: [_jsx(Box, { sx: { flex: 1, overflowY: 'auto', overflowX: 'hidden' }, children: _jsxs(Grid, { container: true, gap: 2.5, children: [_jsxs(Grid, { item: true, xs: 12, children: [_jsx(Typography, { gutterBottom: true, className: "title label", children: "Prompt" }), _jsx(TextField, { sx: { width: 1, mt: 1 }, size: "small", type: "text", required: true, label: "Prompt", placeholder: "Please enter Prompt", multiline: true, minRows: 5, value: values.prompt ?? '', onChange: (e) => (values.prompt = e.target.value), inputProps: { maxLength: 1000 } })] }), _jsxs(Grid, { item: true, xs: 12, children: [_jsx(Typography, { gutterBottom: true, className: "title label", children: `Resolution: ${values.sizeWidth}px × ${values.sizeWidth}px` }), _jsx(Grid, { container: true, sx: { gap: 2.5, pt: 1 }, children: _jsx(Box, { flex: 1, children: _jsx(Box, { width: "90%", ml: "5%", children: _jsx(Slider, { size: "small", valueLabelDisplay: "off", marks: marks, min: 256, max: 1024, defaultValue: 512, value: values.sizeWidth, onChange: (e, newValue) => (values.sizeWidth = Number(newValue)), valueLabelFormat: valueLabelFormat, step: null }) }) }) })] }), _jsxs(Grid, { item: true, xs: 12, children: [_jsx(Typography, { gutterBottom: true, className: "title label", children: `Number of images: ${values.number}` }), _jsx(Box, { width: "90%", ml: "5%", children: _jsx(Slider, { size: "small", defaultValue: 1, valueLabelDisplay: "auto", step: 1, min: 1, max: 10, value: values.number, onChange: (e, newValue) => (values.number = Number(newValue)) }) })] })] }) }), _jsx(Button, { className: cx('submit-ai'), type: "submit", variant: "contained", onClick: run, disabled: loading, style: { transition: 'all 0.3s' }, children: loading ? 'Generate...' : 'Generate' })] }));
-}
-const Root = styled(Box) `
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-
-  .title {
-    padding: 0 0 8px 1px;
-  }
-
-  .label {
-    font-weight: 500;
-    font-size: 15px;
-    line-height: 100%;
-    margin: 0;
-    word-wrap: break-word;
-    text-align: left;
-  }
-
-  > .submit-ai {
-    height: 43px;
-    width: 100%;
-    background: linear-gradient(90deg, #45e4fa 0%, #8a45fa 52.08%, #fa45bc 100%);
-    border-radius: 30px;
-    box-shadow: none;
-    text-transform: none;
-
-    &.Mui-disabled {
-      color: rgba(0, 0, 0, 0.26);
-      background: rgba(0, 0, 0, 0.12);
-    }
-  }
-
-  .MuiFormHelperText-root {
-    font-style: normal;
-    font-weight: 500;
-    font-size: 12px;
-    line-height: 14px;
-    color: #9397a1;
-    margin: 0;
-    margin-top: 4px;
-  }
-
-  .MuiOutlinedInput-root {
-    background: #fbfbfb;
-    border-radius: 4px;
-
-    fieldset {
-      border: 1px solid #f6f6f6;
-    }
-
-    &:hover fieldset {
-      border: 1px solid #a482fe;
-    }
-  }
-
-  .Mui-focused {
-    &.MuiFormLabel-root {
-      color: #a482fe;
-    }
-
-    &.MuiOutlinedInput-root {
-      fieldset {
-        border: 1px solid #a482fe;
-      }
-    }
-  }
-
-  .Mui-error {
-    &.MuiFormLabel-root {
-      color: #f16e6e;
-    }
-
-    &.MuiOutlinedInput-root + .MuiFormHelperText-root {
-      color: #f16e6e;
-    }
-
-    &.MuiOutlinedInput-root {
-      fieldset {
-        border: 1px solid #f16e6e;
-      }
-    }
-  }
-`;

package/lib/ext/AiImage/index.d.ts

@@ -1,3 +0,0 @@
-export { default as AiImagePlugin, INSERT_AI_IMAGE_COMMAND } from './plugin';
-export { default as AiImageModal } from './node';
-export { blockletExists, isExistAiKit } from './util';

package/lib/ext/AiImage/index.js

@@ -1,3 +0,0 @@
-export { default as AiImagePlugin, INSERT_AI_IMAGE_COMMAND } from './plugin';
-export { default as AiImageModal } from './node';
-export { blockletExists, isExistAiKit } from './util';

package/lib/ext/AiImage/node.d.ts

@@ -1,5 +0,0 @@
-interface Props {
-    onClose: () => void;
-}
-declare function AiImage({ onClose }: Props): import("react/jsx-runtime").JSX.Element;
-export default AiImage;

package/lib/ext/AiImage/node.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import Generate from './generate';
-import { useEditorConfig } from '../../config';
-import { INSERT_AI_IMAGE_COMMAND } from './plugin';
-function AiImage({ onClose }) {
-    const [editor] = useLexicalComposerContext();
-    const { AI } = useEditorConfig();
-    useEffect(() => {
-        setTimeout(() => {
-            editor.blur();
-        }, 0);
-    }, [editor]);
-    const onSelect = (data) => {
-        if (data.length) {
-            editor.dispatchCommand(INSERT_AI_IMAGE_COMMAND, data);
-        }
-        onClose();
-    };
-    return _jsx(Generate, { onSelect: onSelect, api: AI?.imageGenerations });
-}
-export default AiImage;

package/lib/ext/AiImage/plugin.d.ts

@@ -1,5 +0,0 @@
-import { LexicalCommand } from 'lexical';
-type ImagePayload = string[];
-export declare const INSERT_AI_IMAGE_COMMAND: LexicalCommand<ImagePayload>;
-declare function AiImagePlugin(): null;
-export default AiImagePlugin;

package/lib/ext/AiImage/plugin.js

@@ -1,24 +0,0 @@
-import { $createParagraphNode, $insertNodes, $isRootOrShadowRoot, COMMAND_PRIORITY_EDITOR, createCommand, } from 'lexical';
-import { $wrapNodeInElement, mergeRegister } from '@lexical/utils';
-import { useEffect } from 'react';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $createImageNode } from '../../main/nodes/ImageNode';
-export const INSERT_AI_IMAGE_COMMAND = createCommand('INSERT_AI_IMAGE_COMMAND');
-function AiImagePlugin() {
-    const [editor] = useLexicalComposerContext();
-    useEffect(() => {
-        return mergeRegister(editor.registerCommand(INSERT_AI_IMAGE_COMMAND, (payload) => {
-            const $imageNodes = payload.map((item) => {
-                return $createImageNode({ src: item, altText: item });
-            });
-            $insertNodes($imageNodes);
-            const lastImageNode = $imageNodes[$imageNodes.length - 1];
-            if ($isRootOrShadowRoot(lastImageNode.getParentOrThrow())) {
-                $wrapNodeInElement(lastImageNode, $createParagraphNode).selectEnd();
-            }
-            return true;
-        }, COMMAND_PRIORITY_EDITOR));
-    }, [editor]);
-    return null;
-}
-export default AiImagePlugin;

package/lib/ext/AiImage/util.d.ts

@@ -1,3 +0,0 @@
-declare const blockletExists: (name: string) => boolean;
-declare const isExistAiKit: () => boolean;
-export { blockletExists, isExistAiKit };

package/lib/ext/AiImage/util.js

@@ -1,8 +0,0 @@
-const getBlockletMountPointInfo = (name) => {
-    return window.blocklet?.componentMountPoints?.find((x) => x.name === name);
-};
-const blockletExists = (name) => {
-    return !!getBlockletMountPointInfo(name);
-};
-const isExistAiKit = () => blockletExists('ai-kit');
-export { blockletExists, isExistAiKit };