@akbarsafari00/bonyan-content-manager 5.52.1-fa.2

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/Blocks/Image.mjs

@@ -0,0 +1,222 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useStrapiApp } from '@strapi/admin/strapi-admin';
+import { Flex, Box } from '@strapi/design-system';
+import { Image as Image$1 } from '@strapi/icons';
+import { Transforms, Editor } from 'slate';
+import { useFocused, useSelected } from 'slate-react';
+import { css, styled } from 'styled-components';
+import { prefixFileUrlWithBackendUrl } from '../../../../../../utils/urls.mjs';
+import { useBlocksEditorContext } from '../BlocksEditor.mjs';
+
+const ImageWrapper = styled(Flex)`
+  transition-property: box-shadow;
+  transition-duration: 0.2s;
+  ${(props)=>props.$isFocused && css`
+      box-shadow: ${props.theme.colors.primary600} 0px 0px 0px 3px;
+    `}
+
+  & > img {
+    height: auto;
+    // The max-height is decided with the design team, the 56px is the height of the toolbar
+    max-height: calc(512px - 56px);
+    max-width: 100%;
+    object-fit: contain;
+  }
+`;
+const IMAGE_SCHEMA_FIELDS = [
+    'name',
+    'alternativeText',
+    'url',
+    'caption',
+    'width',
+    'height',
+    'formats',
+    'hash',
+    'ext',
+    'mime',
+    'size',
+    'previewUrl',
+    'provider',
+    'provider_metadata',
+    'createdAt',
+    'updatedAt'
+];
+const pick = (object, keys)=>{
+    const entries = keys.map((key)=>[
+            key,
+            object[key]
+        ]);
+    return Object.fromEntries(entries);
+};
+// Type guard to force TypeScript to narrow the type of the element in Blocks component
+const isImage = (element)=>{
+    return element.type === 'image';
+};
+// Added a background color to the image wrapper to make it easier to recognize the image block
+const Image = ({ attributes, children, element })=>{
+    const editorIsFocused = useFocused();
+    const imageIsSelected = useSelected();
+    if (!isImage(element)) {
+        return null;
+    }
+    const { url, alternativeText, width, height } = element.image;
+    return /*#__PURE__*/ jsxs(Box, {
+        ...attributes,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(ImageWrapper, {
+                background: "neutral100",
+                contentEditable: false,
+                justifyContent: "center",
+                $isFocused: editorIsFocused && imageIsSelected,
+                hasRadius: true,
+                children: /*#__PURE__*/ jsx("img", {
+                    src: url,
+                    alt: alternativeText,
+                    width: width,
+                    height: height
+                })
+            })
+        ]
+    });
+};
+const ImageDialog = ()=>{
+    const [isOpen, setIsOpen] = React.useState(true);
+    const { editor } = useBlocksEditorContext('ImageDialog');
+    const components = useStrapiApp('ImageDialog', (state)=>state.components);
+    if (!components || !isOpen) return null;
+    const MediaLibraryDialog = components['media-library'];
+    const insertImages = (images)=>{
+        // If the selection is inside a list, split the list so that the modified block is outside of it
+        Transforms.unwrapNodes(editor, {
+            match: (node)=>!Editor.isEditor(node) && node.type === 'list',
+            split: true
+        });
+        // Save the path of the node that is being replaced by an image to insert the images there later
+        // It's the closest full block node above the selection
+        const nodeEntryBeingReplaced = Editor.above(editor, {
+            match (node) {
+                if (Editor.isEditor(node)) return false;
+                const isInlineNode = [
+                    'text',
+                    'link'
+                ].includes(node.type);
+                return !isInlineNode;
+            }
+        });
+        if (!nodeEntryBeingReplaced) return;
+        const [, pathToInsert] = nodeEntryBeingReplaced;
+        // Remove the previous node that is being replaced by an image
+        Transforms.removeNodes(editor);
+        // Convert images to nodes and insert them
+        const nodesToInsert = images.map((image)=>{
+            const imageNode = {
+                type: 'image',
+                image,
+                children: [
+                    {
+                        type: 'text',
+                        text: ''
+                    }
+                ]
+            };
+            return imageNode;
+        });
+        Transforms.insertNodes(editor, nodesToInsert, {
+            at: pathToInsert
+        });
+        // Set the selection on the image since it was cleared by calling removeNodes
+        Transforms.select(editor, pathToInsert);
+    };
+    const handleSelectAssets = (images)=>{
+        const formattedImages = images.map((image)=>{
+            // Create an object with imageSchema defined and exclude unnecessary props coming from media library config
+            const expectedImage = pick(image, IMAGE_SCHEMA_FIELDS);
+            const nodeImage = {
+                ...expectedImage,
+                alternativeText: expectedImage.alternativeText || expectedImage.name,
+                url: prefixFileUrlWithBackendUrl(image.url)
+            };
+            return nodeImage;
+        });
+        insertImages(formattedImages);
+        setIsOpen(false);
+    };
+    return /*#__PURE__*/ jsx(MediaLibraryDialog, {
+        allowedTypes: [
+            'images'
+        ],
+        onClose: ()=>setIsOpen(false),
+        onSelectAssets: handleSelectAssets
+    });
+};
+/**
+ * Images are void elements. They handle the rendering of their children instead of Slate.
+ * See the Slate documentation for more information:
+ * - https://docs.slatejs.org/api/nodes/element#void-vs-not-void
+ * - https://docs.slatejs.org/api/nodes/element#rendering-void-elements
+ */ const withImages = (editor)=>{
+    const { isVoid } = editor;
+    editor.isVoid = (element)=>{
+        return element.type === 'image' ? true : isVoid(element);
+    };
+    return editor;
+};
+const imageBlocks = {
+    image: {
+        renderElement: (props)=>/*#__PURE__*/ jsx(Image, {
+                ...props
+            }),
+        icon: Image$1,
+        label: {
+            id: 'components.Blocks.blocks.image',
+            defaultMessage: 'Image'
+        },
+        matchNode: (node)=>node.type === 'image',
+        isInBlocksSelector: true,
+        handleBackspaceKey (editor) {
+            // Prevent issue where the image remains when it's the only block in the document
+            if (editor.children.length === 1) {
+                Transforms.setNodes(editor, {
+                    type: 'paragraph',
+                    // @ts-expect-error we're only setting image as null so that Slate deletes it
+                    image: null,
+                    children: [
+                        {
+                            type: 'text',
+                            text: ''
+                        }
+                    ]
+                });
+            } else {
+                Transforms.removeNodes(editor);
+            }
+        },
+        handleEnterKey (editor) {
+            Transforms.insertNodes(editor, {
+                type: 'paragraph',
+                children: [
+                    {
+                        type: 'text',
+                        text: ''
+                    }
+                ]
+            });
+        },
+        handleConvert: ()=>{
+            /**
+       * All the logic is managed inside the ImageDialog component,
+       * because the blocks are only created when the user selects images in the modal and submits
+       * and if he closes the modal, then no changes are made to the editor
+       */ return ()=>/*#__PURE__*/ jsx(ImageDialog, {});
+        },
+        snippets: [
+            '!['
+        ],
+        plugin: withImages
+    }
+};
+
+export { imageBlocks };
+//# sourceMappingURL=Image.mjs.map

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/Blocks/Image.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.mjs","sources":["../../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/Blocks/Image.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { useStrapiApp } from '@strapi/admin/strapi-admin';\r\nimport { Box, Flex, FlexComponent } from '@strapi/design-system';\r\nimport { Image as Picture } from '@strapi/icons';\r\nimport { type Element, Transforms, Editor } from 'slate';\r\nimport { useFocused, type RenderElementProps, useSelected } from 'slate-react';\r\nimport { styled, css } from 'styled-components';\r\n\r\nimport { prefixFileUrlWithBackendUrl } from '../../../../../../utils/urls';\r\nimport { useBlocksEditorContext, type BlocksStore } from '../BlocksEditor';\r\nimport { type Block } from '../utils/types';\r\n\r\nimport type { Schema } from '@strapi/types';\r\n\r\nconst ImageWrapper = styled<FlexComponent>(Flex)<{ $isFocused?: boolean }>`\r\n  transition-property: box-shadow;\r\n  transition-duration: 0.2s;\r\n  ${(props) =>\r\n    props.$isFocused &&\r\n    css`\r\n      box-shadow: ${props.theme.colors.primary600} 0px 0px 0px 3px;\r\n    `}\r\n\r\n  & > img {\r\n    height: auto;\r\n    // The max-height is decided with the design team, the 56px is the height of the toolbar\r\n    max-height: calc(512px - 56px);\r\n    max-width: 100%;\r\n    object-fit: contain;\r\n  }\r\n`;\r\n\r\nconst IMAGE_SCHEMA_FIELDS = [\r\n  'name',\r\n  'alternativeText',\r\n  'url',\r\n  'caption',\r\n  'width',\r\n  'height',\r\n  'formats',\r\n  'hash',\r\n  'ext',\r\n  'mime',\r\n  'size',\r\n  'previewUrl',\r\n  'provider',\r\n  'provider_metadata',\r\n  'createdAt',\r\n  'updatedAt',\r\n];\r\n\r\nconst pick = <T extends object, K extends keyof T>(object: T, keys: K[]): Pick<T, K> => {\r\n  const entries = keys.map((key) => [key, object[key]]);\r\n  return Object.fromEntries(entries);\r\n};\r\n\r\n// Type guard to force TypeScript to narrow the type of the element in Blocks component\r\nconst isImage = (element: Element): element is Block<'image'> => {\r\n  return element.type === 'image';\r\n};\r\n\r\n// Added a background color to the image wrapper to make it easier to recognize the image block\r\nconst Image = ({ attributes, children, element }: RenderElementProps) => {\r\n  const editorIsFocused = useFocused();\r\n  const imageIsSelected = useSelected();\r\n\r\n  if (!isImage(element)) {\r\n    return null;\r\n  }\r\n  const { url, alternativeText, width, height } = element.image;\r\n\r\n  return (\r\n    <Box {...attributes}>\r\n      {children}\r\n      <ImageWrapper\r\n        background=\"neutral100\"\r\n        contentEditable={false}\r\n        justifyContent=\"center\"\r\n        $isFocused={editorIsFocused && imageIsSelected}\r\n        hasRadius\r\n      >\r\n        <img src={url} alt={alternativeText} width={width} height={height} />\r\n      </ImageWrapper>\r\n    </Box>\r\n  );\r\n};\r\n\r\nconst ImageDialog = () => {\r\n  const [isOpen, setIsOpen] = React.useState(true);\r\n  const { editor } = useBlocksEditorContext('ImageDialog');\r\n  const components = useStrapiApp('ImageDialog', (state) => state.components);\r\n\r\n  if (!components || !isOpen) return null;\r\n\r\n  const MediaLibraryDialog = components['media-library'] as React.ComponentType<{\r\n    allowedTypes: Schema.Attribute.MediaKind[];\r\n    onClose: () => void;\r\n    onSelectAssets: (_images: Schema.Attribute.MediaValue<true>) => void;\r\n  }>;\r\n\r\n  const insertImages = (images: Block<'image'>['image'][]) => {\r\n    // If the selection is inside a list, split the list so that the modified block is outside of it\r\n    Transforms.unwrapNodes(editor, {\r\n      match: (node) => !Editor.isEditor(node) && node.type === 'list',\r\n      split: true,\r\n    });\r\n\r\n    // Save the path of the node that is being replaced by an image to insert the images there later\r\n    // It's the closest full block node above the selection\r\n    const nodeEntryBeingReplaced = Editor.above(editor, {\r\n      match(node) {\r\n        if (Editor.isEditor(node)) return false;\r\n\r\n        const isInlineNode = ['text', 'link'].includes(node.type);\r\n\r\n        return !isInlineNode;\r\n      },\r\n    });\r\n\r\n    if (!nodeEntryBeingReplaced) return;\r\n    const [, pathToInsert] = nodeEntryBeingReplaced;\r\n\r\n    // Remove the previous node that is being replaced by an image\r\n    Transforms.removeNodes(editor);\r\n\r\n    // Convert images to nodes and insert them\r\n    const nodesToInsert = images.map((image) => {\r\n      const imageNode: Block<'image'> = {\r\n        type: 'image',\r\n        image,\r\n        children: [{ type: 'text', text: '' }],\r\n      };\r\n      return imageNode;\r\n    });\r\n    Transforms.insertNodes(editor, nodesToInsert, { at: pathToInsert });\r\n\r\n    // Set the selection on the image since it was cleared by calling removeNodes\r\n    Transforms.select(editor, pathToInsert);\r\n  };\r\n\r\n  const handleSelectAssets = (images: Schema.Attribute.MediaValue<true>) => {\r\n    const formattedImages = images.map((image) => {\r\n      // Create an object with imageSchema defined and exclude unnecessary props coming from media library config\r\n      const expectedImage = pick(image, IMAGE_SCHEMA_FIELDS);\r\n\r\n      const nodeImage: Block<'image'>['image'] = {\r\n        ...expectedImage,\r\n        alternativeText: expectedImage.alternativeText || expectedImage.name,\r\n        url: prefixFileUrlWithBackendUrl(image.url),\r\n      };\r\n\r\n      return nodeImage;\r\n    });\r\n\r\n    insertImages(formattedImages);\r\n    setIsOpen(false);\r\n  };\r\n\r\n  return (\r\n    <MediaLibraryDialog\r\n      allowedTypes={['images']}\r\n      onClose={() => setIsOpen(false)}\r\n      onSelectAssets={handleSelectAssets}\r\n    />\r\n  );\r\n};\r\n\r\n/**\r\n * Images are void elements. They handle the rendering of their children instead of Slate.\r\n * See the Slate documentation for more information:\r\n * - https://docs.slatejs.org/api/nodes/element#void-vs-not-void\r\n * - https://docs.slatejs.org/api/nodes/element#rendering-void-elements\r\n */\r\nconst withImages = (editor: Editor) => {\r\n  const { isVoid } = editor;\r\n\r\n  editor.isVoid = (element) => {\r\n    return element.type === 'image' ? true : isVoid(element);\r\n  };\r\n\r\n  return editor;\r\n};\r\n\r\nconst imageBlocks: Pick<BlocksStore, 'image'> = {\r\n  image: {\r\n    renderElement: (props) => <Image {...props} />,\r\n    icon: Picture,\r\n    label: {\r\n      id: 'components.Blocks.blocks.image',\r\n      defaultMessage: 'Image',\r\n    },\r\n    matchNode: (node) => node.type === 'image',\r\n    isInBlocksSelector: true,\r\n    handleBackspaceKey(editor) {\r\n      // Prevent issue where the image remains when it's the only block in the document\r\n      if (editor.children.length === 1) {\r\n        Transforms.setNodes(editor, {\r\n          type: 'paragraph',\r\n          // @ts-expect-error we're only setting image as null so that Slate deletes it\r\n          image: null,\r\n          children: [{ type: 'text', text: '' }],\r\n        });\r\n      } else {\r\n        Transforms.removeNodes(editor);\r\n      }\r\n    },\r\n    handleEnterKey(editor) {\r\n      Transforms.insertNodes(editor, {\r\n        type: 'paragraph',\r\n        children: [{ type: 'text', text: '' }],\r\n      });\r\n    },\r\n    handleConvert: () => {\r\n      /**\r\n       * All the logic is managed inside the ImageDialog component,\r\n       * because the blocks are only created when the user selects images in the modal and submits\r\n       * and if he closes the modal, then no changes are made to the editor\r\n       */\r\n      return () => <ImageDialog />;\r\n    },\r\n    snippets: ['!['],\r\n    plugin: withImages,\r\n  },\r\n};\r\n\r\nexport { imageBlocks };\r\n"],"names":["ImageWrapper","styled","Flex","props","$isFocused","css","theme","colors","primary600","IMAGE_SCHEMA_FIELDS","pick","object","keys","entries","map","key","Object","fromEntries","isImage","element","type","Image","attributes","children","editorIsFocused","useFocused","imageIsSelected","useSelected","url","alternativeText","width","height","image","_jsxs","Box","_jsx","background","contentEditable","justifyContent","hasRadius","img","src","alt","ImageDialog","isOpen","setIsOpen","React","useState","editor","useBlocksEditorContext","components","useStrapiApp","state","MediaLibraryDialog","insertImages","images","Transforms","unwrapNodes","match","node","Editor","isEditor","split","nodeEntryBeingReplaced","above","isInlineNode","includes","pathToInsert","removeNodes","nodesToInsert","imageNode","text","insertNodes","at","select","handleSelectAssets","formattedImages","expectedImage","nodeImage","name","prefixFileUrlWithBackendUrl","allowedTypes","onClose","onSelectAssets","withImages","isVoid","imageBlocks","renderElement","icon","Picture","label","id","defaultMessage","matchNode","isInBlocksSelector","handleBackspaceKey","length","setNodes","handleEnterKey","handleConvert","snippets","plugin"],"mappings":"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"}