import Image from '@tiptap/extension-image';

const imageSizeClasses = ['img-xs', 'img-sm', 'img-md', 'img-lg', 'img-full'];

export const ResizableImage = Image.extend({
    addAttributes() {
        return {
            ...this.parent?.(),
            sizeClass: {
                default: null,
                parseHTML: (el) => imageSizeClasses.find(cls => el.classList.contains(cls)) ?? null,
                renderHTML: (attrs) => attrs.sizeClass ? { class: attrs.sizeClass } : {},
            },
        };
    },
});