@examplary/ui 0.0.1

package/README.md

@@ -0,0 +1,3 @@
+# UI components for Examplary
+
+Read more in the [📘 Developer Documentation](https://developers.examplary.ai/question-types).

package/dist/components/button.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: {
+    variant?: "default" | "transparent" | "primary" | "noShadow" | "neutral" | "simple" | "pressed" | "reverse";
+    size?: "default" | "sm" | "lg" | "icon";
+} & import("class-variance-authority/types").ClassProp) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

package/dist/components/button.js

@@ -0,0 +1,58 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../utils";
+var buttonVariants = cva("inline-flex font-medium cursor-pointer items-center text-text justify-center whitespace-nowrap rounded-base text-sm font-base ring-offset-white transition-all gap-2 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
+    variants: {
+        variant: {
+            default: "bg-white border-2 border-border dark:border-darkBorder shadow-light dark:shadow-dark hover:translate-x-boxShadowX hover:translate-y-boxShadowY hover:shadow-none dark:hover:shadow-none",
+            transparent: "border-2 border-border dark:border-darkBorder shadow-light dark:shadow-dark hover:translate-x-boxShadowX hover:translate-y-boxShadowY hover:shadow-none dark:hover:shadow-none",
+            primary: "bg-bright border-2 border-border dark:border-darkBorder shadow-light dark:shadow-dark hover:translate-x-boxShadowX hover:translate-y-boxShadowY hover:shadow-none dark:hover:shadow-none",
+            noShadow: "bg-white border-2 border-border dark:border-darkBorder",
+            neutral: "bg-white dark:bg-secondaryBlack dark:text-darkText border-2 border-border dark:border-darkBorder shadow-light dark:shadow-dark hover:translate-x-boxShadowX hover:translate-y-boxShadowY hover:shadow-none dark:hover:shadow-none",
+            simple: "bg-white border-2 border-border dark:border-darkBorder",
+            pressed: "bg-white border-2 border-border mt-1 ml-1",
+            reverse: "bg-white border-2 border-border dark:border-darkBorder hover:translate-x-reverseBoxShadowX hover:translate-y-reverseBoxShadowY hover:shadow-light dark:hover:shadow-dark",
+        },
+        size: {
+            default: "h-10 px-4 py-2",
+            sm: "h-9 px-3",
+            lg: "h-11 px-8",
+            icon: "h-10 w-10",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+var Button = React.forwardRef(function (_a, ref) {
+    var className = _a.className, variant = _a.variant, size = _a.size, _b = _a.asChild, asChild = _b === void 0 ? false : _b, props = __rest(_a, ["className", "variant", "size", "asChild"]);
+    var Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, __assign({ className: cn(buttonVariants({ variant: variant, size: size, className: className })), ref: ref }, props)));
+});
+Button.displayName = "Button";
+export { Button, buttonVariants };

package/dist/components/input.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/components/input.js

@@ -0,0 +1,31 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../utils";
+var Input = React.forwardRef(function (_a, ref) {
+    var className = _a.className, type = _a.type, props = __rest(_a, ["className", "type"]);
+    return (_jsx("input", __assign({ type: type, className: cn("flex h-10 w-full rounded-base border-2 text-text dark:text-darkText font-base selection:bg-main selection:text-text border-border dark:border-darkBorder bg-white dark:bg-secondaryBlack px-3 py-2 text-sm ring-offset-white file:border-0 file:bg-transparent file:text-sm file:font-base focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref }, props)));
+});
+Input.displayName = "Input";
+export { Input };

package/dist/components/rich-text/index.d.ts

@@ -0,0 +1,5 @@
+export { RichTextDisplay } from "./rich-text-display";
+export { RichTextInput } from "./rich-text-input";
+export { RichTextToolbar } from "./rich-text-toolbar";
+export { MinimalRichTextField } from "./minimal-rich-text-field";
+export { processFilesAsString } from "./tiptap/file-handler";

package/dist/components/rich-text/index.js

@@ -0,0 +1,5 @@
+export { RichTextDisplay } from "./rich-text-display";
+export { RichTextInput } from "./rich-text-input";
+export { RichTextToolbar } from "./rich-text-toolbar";
+export { MinimalRichTextField } from "./minimal-rich-text-field";
+export { processFilesAsString } from "./tiptap/file-handler";

package/dist/components/rich-text/minimal-rich-text-field.d.ts

@@ -0,0 +1,17 @@
+import { EditorContentProps } from "@tiptap/react";
+export type MinimalRichTextFieldProps = {
+    className?: string;
+    editorClassName?: string;
+    value?: string;
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    slotBefore?: (editor: any) => React.ReactNode;
+    singleLine?: boolean;
+    autoFocus?: boolean;
+    showFormattingMenu?: boolean;
+    uploadFile?: (file: File) => Promise<{
+        url: string;
+        name: string;
+    }>;
+} & Omit<EditorContentProps, "editor">;
+export declare const MinimalRichTextField: ({ className, editorClassName, value, placeholder, onChange, slotBefore, singleLine, autoFocus, showFormattingMenu, uploadFile, ...props }: MinimalRichTextFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/rich-text/minimal-rich-text-field.js

@@ -0,0 +1,99 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import Document from "@tiptap/extension-document";
+import Highlight from "@tiptap/extension-highlight";
+import Link from "@tiptap/extension-link";
+// TODO: fix maths integration
+// import Mathematics, { migrateMathStrings } from "@tiptap/extension-mathematics";
+import Placeholder from "@tiptap/extension-placeholder";
+import Typography from "@tiptap/extension-typography";
+import { EditorContent, useEditor, } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import { cn } from "../../utils";
+import { registerWebComponents } from "../web-components";
+import FileAttachment from "./tiptap/file-attachment";
+import { fileHandler } from "./tiptap/file-handler";
+import Image from "./tiptap/image";
+import PageClipping from "./tiptap/page-clipping";
+import { RichTextFormattingMenu } from "./tiptap/rich-text-formatting-menu";
+registerWebComponents();
+export var MinimalRichTextField = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.editorClassName, editorClassName = _c === void 0 ? "" : _c, _d = _a.value, value = _d === void 0 ? "" : _d, _e = _a.placeholder, placeholder = _e === void 0 ? "" : _e, onChange = _a.onChange, slotBefore = _a.slotBefore, _f = _a.singleLine, singleLine = _f === void 0 ? false : _f, _g = _a.autoFocus, autoFocus = _g === void 0 ? false : _g, _h = _a.showFormattingMenu, showFormattingMenu = _h === void 0 ? false : _h, _j = _a.uploadFile, uploadFile = _j === void 0 ? undefined : _j, props = __rest(_a, ["className", "editorClassName", "value", "placeholder", "onChange", "slotBefore", "singleLine", "autoFocus", "showFormattingMenu", "uploadFile"]);
+    var _k = useState(value), content = _k[0], setContent = _k[1];
+    var extensions = useMemo(function () {
+        return [
+            StarterKit.configure({
+                document: singleLine ? false : undefined,
+                link: false,
+            }),
+            singleLine &&
+                Document.extend({
+                    content: "block",
+                }),
+            Link.configure({
+                openOnClick: false,
+            }),
+            Typography,
+            Image,
+            placeholder && Placeholder.configure({ placeholder: placeholder }),
+            FileAttachment,
+            PageClipping,
+            // Mathematics,
+            Highlight,
+            uploadFile && fileHandler(uploadFile),
+        ].filter(Boolean);
+    }, [singleLine, placeholder, uploadFile]);
+    var editor = useEditor({
+        onUpdate: function (_a) {
+            var editor = _a.editor;
+            var html = editor.getHTML();
+            setContent(html);
+            onChange === null || onChange === void 0 ? void 0 : onChange(html);
+        },
+        // onCreate: ({ editor: currentEditor }) => {
+        //   migrateMathStrings(currentEditor);
+        // },
+        autofocus: autoFocus,
+        content: content,
+        extensions: extensions,
+        editorProps: {
+            attributes: {
+                class: editorClassName || "",
+            },
+        },
+    });
+    useEffect(function () {
+        if (value !== content) {
+            setContent(value);
+            editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value, {
+                emitUpdate: false,
+                parseOptions: {
+                    preserveWhitespace: "full",
+                },
+            });
+        }
+    }, [value, content, editor]);
+    return (_jsxs(_Fragment, { children: [slotBefore ? slotBefore(editor) : null, showFormattingMenu && _jsx(RichTextFormattingMenu, { editor: editor }), _jsx("div", { className: cn("max-w-none", className), children: _jsx(EditorContent, __assign({ editor: editor }, props)) })] }));
+};

package/dist/components/rich-text/rich-text-display.d.ts

@@ -0,0 +1,13 @@
+export declare const RichTextDisplay: ({ as, children, className, ...props }: {
+    [x: string]: any;
+    as?: string;
+    children: any;
+    className?: string;
+}) => import("react").DOMElement<{
+    key: string;
+    className: string;
+    dangerouslySetInnerHTML: {
+        __html: any;
+    };
+    ref: import("react").RefObject<HTMLDivElement>;
+}, HTMLDivElement>;

package/dist/components/rich-text/rich-text-display.js

@@ -0,0 +1,38 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { createElement, useEffect, useRef } from "react";
+import renderMathInElement from "katex/dist/contrib/auto-render.js";
+import { cn } from "../../utils";
+export var RichTextDisplay = function (_a) {
+    var _b = _a.as, as = _b === void 0 ? "div" : _b, children = _a.children, _c = _a.className, className = _c === void 0 ? "" : _c, props = __rest(_a, ["as", "children", "className"]);
+    var ref = useRef(null);
+    useEffect(function () {
+        if (!ref.current)
+            return;
+        renderMathInElement(ref.current, {
+            delimiters: [{ left: "$", right: "$", display: false }],
+            throwOnError: false,
+        });
+    });
+    return createElement(as, __assign(__assign({}, props), { key: "rich-text-display", className: cn("tiptap", className), dangerouslySetInnerHTML: { __html: children }, ref: ref }));
+};

package/dist/components/rich-text/rich-text-input.d.ts

@@ -0,0 +1,14 @@
+import { MinimalRichTextFieldProps } from "./minimal-rich-text-field";
+export type RichTextInputProps = {
+    name: string;
+    defaultValue?: string;
+    className?: string;
+    disabled?: boolean;
+} & MinimalRichTextFieldProps;
+export declare const RichTextInput: ({ name, defaultValue, className, disabled, ...props }: {
+    [x: string]: any;
+    name: any;
+    defaultValue: any;
+    className?: string;
+    disabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/rich-text/rich-text-input.js

@@ -0,0 +1,31 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { MinimalRichTextField, } from "./minimal-rich-text-field";
+import { cn } from "../../utils";
+export var RichTextInput = function (_a) {
+    var name = _a.name, defaultValue = _a.defaultValue, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, props = __rest(_a, ["name", "defaultValue", "className", "disabled"]);
+    var _d = useState(defaultValue), value = _d[0], setValue = _d[1];
+    return (_jsxs(_Fragment, { children: [_jsx("input", { type: "hidden", name: name, value: value }), _jsx(MinimalRichTextField, __assign({ className: cn("rounded-base border-2 text-sm font-base bg-white", "ring-offset-white focus-within:outline-none focus-within:ring-2 focus-within:ring-black focus-within:ring-offset-2", disabled && "opacity-50 pointer-events-none", className), editorClassName: "px-3 py-2", value: value, onChange: setValue }, props))] }));
+};

package/dist/components/rich-text/rich-text-toolbar.d.ts

@@ -0,0 +1,3 @@
+export declare const RichTextToolbar: ({ editor }: {
+    editor: any;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/rich-text/rich-text-toolbar.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { Bold, Italic, LinkIcon, List, TextQuote } from "lucide-react";
+import { cn } from "../../utils";
+export var RichTextToolbar = function (_a) {
+    var editor = _a.editor;
+    var setLink = useCallback(function () {
+        if (editor.isActive("link")) {
+            editor.chain().focus().extendMarkRange("link").unsetLink().run();
+            return;
+        }
+        var previousUrl = editor.getAttributes("link").href;
+        var url = window.prompt("Where do you want to link to? Enter a link that starts with 'https://'.", previousUrl);
+        // cancelled
+        if (url === null) {
+            return;
+        }
+        // empty
+        if (url === "") {
+            editor.chain().focus().extendMarkRange("link").unsetLink().run();
+            return;
+        }
+        if (url.indexOf("http") !== 0) {
+            url = "http://" + url;
+        }
+        // update link
+        editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+    }, [editor]);
+    if (!editor) {
+        return null;
+    }
+    return (_jsxs("div", { className: "border-2 border-b-0 rounded-t-base p-1 gap-1 flex items-center", children: [_jsx("span", { onClick: function () { return editor.chain().focus().toggleBold().run(); }, className: cn("p-2 cursor-pointer", editor.isActive("bold") ? "bg-bright rounded-base" : ""), children: _jsx(Bold, { size: 16 }) }), _jsx("span", { onClick: function () { return editor.chain().focus().toggleItalic().run(); }, className: cn("p-2 cursor-pointer", editor.isActive("italic") ? "bg-bright rounded-base" : ""), children: _jsx(Italic, { size: 16 }) }), _jsx("span", { onClick: setLink, className: cn("p-2 cursor-pointer", editor.isActive("link") ? "bg-bright rounded-base" : ""), children: _jsx(LinkIcon, { size: 16 }) }), _jsx("span", { onClick: function () { return editor.chain().focus().toggleBulletList().run(); }, className: cn("p-2 cursor-pointer", editor.isActive("bulletList") ? "bg-bright rounded-base" : ""), children: _jsx(List, { size: 16 }) }), _jsx("span", { onClick: function () { return editor.chain().focus().toggleOrderedList().run(); }, className: cn("p-2 cursor-pointer", editor.isActive("orderedList") ? "bg-bright rounded-base" : ""), children: _jsx(List, { size: 16 }) }), _jsx("span", { onClick: function () { return editor.chain().focus().toggleBlockquote().run(); }, className: cn("p-2 cursor-pointer", editor.isActive("blockquote") ? "bg-bright rounded-base" : ""), children: _jsx(TextQuote, { size: 16 }) })] }));
+};

package/dist/components/rich-text/tiptap/file-attachment.d.ts

@@ -0,0 +1,3 @@
+import { Node } from "@tiptap/core";
+declare const _default: Node<any, any>;
+export default _default;

package/dist/components/rich-text/tiptap/file-attachment.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { mergeAttributes, Node } from "@tiptap/core";
+import { createRoot } from "react-dom/client";
+import { FileAttachmentView } from "../../web-components/file-attachment";
+export default Node.create({
+    name: "file-attachment",
+    group: "block",
+    content: "inline*",
+    atom: true,
+    addAttributes: function () {
+        return {
+            href: {},
+            title: {},
+            type: {},
+        };
+    },
+    parseHTML: function () {
+        return [
+            {
+                tag: "file-attachment",
+            },
+        ];
+    },
+    renderHTML: function (_a) {
+        var HTMLAttributes = _a.HTMLAttributes;
+        return ["file-attachment", mergeAttributes(HTMLAttributes)];
+    },
+    addNodeView: function () {
+        return function (_a) {
+            var node = _a.node;
+            var dom = document.createElement("div");
+            dom.classList.add("file-attachment");
+            var root = createRoot(dom);
+            root.render(_jsx(FileAttachmentView, { title: node.attrs.title, type: node.attrs.type, href: node.attrs.href, className: "pointer-events-none" }));
+            return {
+                dom: dom,
+            };
+        };
+    },
+});

package/dist/components/rich-text/tiptap/file-handler.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from "@tiptap/react";
+export declare const processFilesAsString: (uploadFile: any, files: any) => Promise<unknown>;
+export declare const processFiles: (uploadFile: any, currentEditor: Editor, files: any, pos: any) => void;
+export declare const fileHandler: (uploadFile: any) => import("@tiptap/core").Extension<Omit<import("@tiptap-pro/extension-file-handler").FileHandlePluginOptions, "key" | "editor">, any>;

package/dist/components/rich-text/tiptap/file-handler.js

@@ -0,0 +1,196 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import toast from "react-hot-toast";
+import FileHandler from "@tiptap-pro/extension-file-handler";
+import { getImageSize } from "../tiptap/png-scanner";
+export var processFilesAsString = function (uploadFile, files) {
+    return new Promise(function (resolve) {
+        toast.promise(function () { return __awaiter(void 0, void 0, void 0, function () {
+            var items, e_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, Promise.all(Array.from(files).map(function (file) { return __awaiter(void 0, void 0, void 0, function () {
+                                var _a, url, name_1, isImage, attrs, width, _1, e_2;
+                                return __generator(this, function (_b) {
+                                    switch (_b.label) {
+                                        case 0:
+                                            _b.trys.push([0, 6, , 7]);
+                                            return [4 /*yield*/, uploadFile(file)];
+                                        case 1:
+                                            _a = _b.sent(), url = _a.url, name_1 = _a.name;
+                                            isImage = file.type.startsWith("image/");
+                                            attrs = {
+                                                src: url,
+                                                title: name_1,
+                                                type: file.type,
+                                            };
+                                            if (!isImage) return [3 /*break*/, 5];
+                                            _b.label = 2;
+                                        case 2:
+                                            _b.trys.push([2, 4, , 5]);
+                                            return [4 /*yield*/, getImageSize(file)];
+                                        case 3:
+                                            width = (_b.sent()).width;
+                                            if (width)
+                                                attrs.width = width;
+                                            return [3 /*break*/, 5];
+                                        case 4:
+                                            _1 = _b.sent();
+                                            return [3 /*break*/, 5];
+                                        case 5:
+                                            if (isImage) {
+                                                return [2 /*return*/, "<img src=\"".concat(url, "\" title=\"").concat(name_1, "\" width=\"").concat(attrs.width, "\" alt=\"").concat(name_1, "\"/>")];
+                                            }
+                                            else {
+                                                return [2 /*return*/, "<file-attachment title=\"".concat(name_1, "\" type=\"").concat(file.type, "\" href=\"").concat(url, "\">").concat(name_1, "</file-attachment>")];
+                                            }
+                                            return [3 /*break*/, 7];
+                                        case 6:
+                                            e_2 = _b.sent();
+                                            console.log(e_2);
+                                            throw e_2;
+                                        case 7: return [2 /*return*/];
+                                    }
+                                });
+                            }); }))];
+                    case 1:
+                        items = _a.sent();
+                        resolve(items.join(""));
+                        return [3 /*break*/, 3];
+                    case 2:
+                        e_1 = _a.sent();
+                        console.log(e_1);
+                        throw e_1;
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); }, {
+            loading: "Uploading file...",
+            success: "Uploaded successfully!",
+            error: "Failed to upload file",
+        });
+    });
+};
+export var processFiles = function (uploadFile, currentEditor, files, pos) {
+    toast.promise(Promise.all(files.map(function (file) { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, url, name_2, isImage, attrs, width, _2, content, e_3;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _b.trys.push([0, 6, , 7]);
+                    return [4 /*yield*/, uploadFile(file)];
+                case 1:
+                    _a = _b.sent(), url = _a.url, name_2 = _a.name;
+                    isImage = file.type.startsWith("image/");
+                    attrs = {
+                        src: url,
+                        title: name_2,
+                        type: file.type,
+                    };
+                    if (!isImage) return [3 /*break*/, 5];
+                    _b.label = 2;
+                case 2:
+                    _b.trys.push([2, 4, , 5]);
+                    return [4 /*yield*/, getImageSize(file)];
+                case 3:
+                    width = (_b.sent()).width;
+                    if (width)
+                        attrs.width = width;
+                    return [3 /*break*/, 5];
+                case 4:
+                    _2 = _b.sent();
+                    return [3 /*break*/, 5];
+                case 5:
+                    content = isImage
+                        ? {
+                            type: "image",
+                            attrs: attrs,
+                        }
+                        : {
+                            type: "file-attachment",
+                            attrs: attrs,
+                            content: [
+                                {
+                                    type: "text",
+                                    href: url,
+                                    text: name_2,
+                                },
+                            ],
+                        };
+                    currentEditor.chain().insertContentAt(pos, content).focus().run();
+                    return [3 /*break*/, 7];
+                case 6:
+                    e_3 = _b.sent();
+                    console.log(e_3);
+                    throw e_3;
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); })), {
+        loading: "Uploading file...",
+        success: "Uploaded successfully!",
+        error: "Failed to upload file",
+    });
+};
+export var fileHandler = function (uploadFile) {
+    return FileHandler.configure({
+        allowedMimeTypes: [
+            "image/png",
+            "image/jpeg",
+            "image/gif",
+            "image/webp",
+            "application/pdf",
+            "text/html",
+            "text/plain",
+        ],
+        onDrop: function (currentEditor, files, pos) {
+            processFiles(uploadFile, currentEditor, files, pos);
+        },
+        onPaste: function (currentEditor, files, htmlContent) {
+            files.forEach(function (file) {
+                if (htmlContent) {
+                    // if there is htmlContent, stop manual insertion & let other extensions handle insertion via inputRule
+                    // you could extract the pasted file from this url string and upload it to a server for example
+                    return false;
+                }
+                processFiles(uploadFile, currentEditor, [file], currentEditor.state.selection.anchor);
+            });
+        },
+    });
+};