tetrons 0.1.1 → 2.1.1

package/dist/src/components/tetrons/toolbar/InsertGroup.jsx

@@ -1,162 +0,0 @@
-"use client";
-import React, { useRef, useState } from "react";
-import { MdTableChart, MdInsertPhoto, MdInsertLink, MdInsertComment, MdInsertEmoticon, MdHorizontalRule, MdVideoLibrary, MdOutlineOndemandVideo, } from "react-icons/md";
-import ToolbarButton from "./ToolbarButton";
-import Picker from "@emoji-mart/react";
-export default function InsertGroup({ editor }) {
-    const [showTableGrid, setShowTableGrid] = useState(false);
-    const [selectedRows, setSelectedRows] = useState(1);
-    const [selectedCols, setSelectedCols] = useState(1);
-    const imageInputRef = useRef(null);
-    const videoInputRef = useRef(null);
-    const [showPicker, setShowPicker] = useState(false);
-    const addEmoji = (emoji) => {
-        editor.chain().focus().insertContent(emoji.native).run();
-        setShowPicker(false);
-    };
-    const handleTableCellHover = (row, col) => {
-        setSelectedRows(row);
-        setSelectedCols(col);
-    };
-    const handleTableInsert = (rows, cols) => {
-        editor
-            .chain()
-            .focus()
-            .insertTable({
-            rows: rows || 1,
-            cols: cols || 1,
-            withHeaderRow: true,
-        })
-            .run();
-        setShowTableGrid(false);
-        setSelectedRows(1);
-        setSelectedCols(1);
-    };
-    const handleImageUpload = (e) => {
-        var _a;
-        const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
-        if (file) {
-            const reader = new FileReader();
-            reader.onload = () => {
-                editor
-                    .chain()
-                    .focus()
-                    .setImage({ src: reader.result })
-                    .run();
-            };
-            reader.readAsDataURL(file);
-        }
-    };
-    const handleVideoUpload = (e) => {
-        var _a;
-        const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
-        if (file) {
-            const reader = new FileReader();
-            reader.onload = () => {
-                editor
-                    .chain()
-                    .focus()
-                    .setVideo({ src: reader.result, controls: true })
-                    .run();
-            };
-            reader.readAsDataURL(file);
-        }
-    };
-    function normalizeEmbedUrl(url) {
-        try {
-            const u = new URL(url);
-            const hostname = u.hostname.replace("www.", "").toLowerCase();
-            if (hostname === "youtube.com" || hostname === "youtu.be") {
-                let videoId = u.searchParams.get("v");
-                if (!videoId && hostname === "youtu.be") {
-                    videoId = u.pathname.slice(1);
-                }
-                if (videoId) {
-                    return `https://www.youtube.com/embed/${videoId}`;
-                }
-            }
-            if (hostname === "vimeo.com") {
-                const videoId = u.pathname.split("/")[1];
-                if (videoId) {
-                    return `https://player.vimeo.com/video/${videoId}`;
-                }
-            }
-            if (hostname === "google.com" ||
-                hostname === "maps.google.com" ||
-                hostname === "goo.gl") {
-                if (url.includes("/maps/embed")) {
-                    return url;
-                }
-                return url.replace("/maps/", "/maps/embed/");
-            }
-            return url;
-        }
-        catch (_a) {
-            return url;
-        }
-    }
-    return (<div className="flex gap-1 border-r pr-3 relative">
-      <input type="file" accept="image/*" ref={imageInputRef} className="hidden" onChange={handleImageUpload} aria-label="Upload Image" title="Upload Image"/>
-      <input type="file" accept="video/*" ref={videoInputRef} className="hidden" onChange={handleVideoUpload} aria-label="Upload Video" title="Upload Video"/>
-
-      <ToolbarButton icon={MdTableChart} label="Insert Table" onClick={() => setShowTableGrid(!showTableGrid)}/>
-      {showTableGrid && (<div className="absolute top-10 left-0 bg-white border rounded shadow p-2 z-20" onMouseLeave={() => setShowTableGrid(false)}>
-          <div className="grid grid-cols-10 gap-[1px]">
-            {[...Array(10)].map((_, row) => [...Array(10)].map((_, col) => {
-                const isSelected = row < selectedRows && col < selectedCols;
-                return (<div key={`${row}-${col}`} className={`w-5 h-5 border cursor-pointer ${isSelected ? "bg-blue-500" : "bg-gray-100"}`} onMouseEnter={() => handleTableCellHover(row + 1, col + 1)} onClick={() => handleTableInsert(row + 1, col + 1)}/>);
-            }))}
-          </div>
-          <div className="text-sm mt-2 text-center text-gray-600">
-            {selectedRows} x {selectedCols}
-          </div>
-        </div>)}
-
-      <ToolbarButton icon={MdInsertPhoto} label="Insert Image" onClick={() => { var _a; return (_a = imageInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }}/>
-      <ToolbarButton icon={MdVideoLibrary} label="Insert Video" onClick={() => { var _a; return (_a = videoInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }}/>
-      <ToolbarButton icon={MdInsertLink} label="Insert Link" onClick={() => {
-            const url = prompt("Enter URL");
-            if (url)
-                editor
-                    .chain()
-                    .focus()
-                    .extendMarkRange("link")
-                    .setLink({ href: url })
-                    .run();
-        }}/>
-      <ToolbarButton icon={MdInsertComment} label="Insert Comment" onClick={() => {
-            const comment = prompt("Enter your comment");
-            if (comment &&
-                editor.can().chain().focus().setComment(comment).run()) {
-                editor.chain().focus().setComment(comment).run();
-            }
-            else {
-                console.warn("Cannot apply comment — maybe no selection?");
-            }
-        }}/>
-      <div className="relative">
-        <ToolbarButton icon={MdInsertEmoticon} label="Emoji" onClick={() => setShowPicker(!showPicker)}/>
-        {showPicker && (<div className="absolute z-50 top-10 left-0">
-            <Picker onEmojiSelect={addEmoji} theme="auto" emoji="point_up" showPreview={false} showSkinTones={true} emojiTooltip={true}/>
-          </div>)}
-      </div>
-      <ToolbarButton icon={MdHorizontalRule} label="Horizontal Line" onClick={() => editor.chain().focus().setHorizontalRule().run()}/>
-      <ToolbarButton icon={MdOutlineOndemandVideo} label="Embed" onClick={() => {
-            const url = prompt("Enter embed URL (YouTube, Vimeo, Google Maps, etc.)");
-            if (!url)
-                return;
-            const embedUrl = normalizeEmbedUrl(url);
-            const width = prompt("Enter width in pixels", "560");
-            const height = prompt("Enter height in pixels", "315");
-            editor
-                .chain()
-                .focus()
-                .setEmbed({
-                src: embedUrl,
-                width: width ? parseInt(width) : 560,
-                height: height ? parseInt(height) : 315,
-            })
-                .run();
-        }}/>
-    </div>);
-}

package/dist/src/components/tetrons/toolbar/ListAlignGroup.d.ts

@@ -1,4 +0,0 @@
-import { Editor } from "@tiptap/react";
-export default function ListAlignGroup({ editor }: {
-    editor: Editor;
-}): import("react").JSX.Element;

package/dist/src/components/tetrons/toolbar/ListAlignGroup.jsx

@@ -1,15 +0,0 @@
-"use client";
-import { MdFormatListBulleted, MdFormatListNumbered, MdFormatIndentDecrease, MdFormatIndentIncrease, MdFormatAlignLeft, MdFormatAlignCenter, MdFormatAlignRight, MdFormatAlignJustify, } from "react-icons/md";
-import ToolbarButton from "./ToolbarButton";
-export default function ListAlignGroup({ editor }) {
-    return (<div className="flex gap-1 border-r pr-3">
-      <ToolbarButton icon={MdFormatListBulleted} title="Bulleted List" onClick={() => editor.chain().focus().toggleBulletList().run()} disabled={!editor.can().toggleBulletList()}/>
-      <ToolbarButton icon={MdFormatListNumbered} title="Numbered List" onClick={() => editor.chain().focus().toggleOrderedList().run()} disabled={!editor.can().toggleOrderedList()}/>
-      <ToolbarButton icon={MdFormatIndentIncrease} title="Increase Indent" onClick={() => editor.chain().focus().sinkListItem("listItem").run()} disabled={!editor.can().sinkListItem("listItem")}/>
-      <ToolbarButton icon={MdFormatIndentDecrease} title="Decrease Indent" onClick={() => editor.chain().focus().liftListItem("listItem").run()} disabled={!editor.can().liftListItem("listItem")}/>
-      <ToolbarButton icon={MdFormatAlignLeft} title="Align Left" onClick={() => editor.chain().focus().setTextAlign("left").run()} disabled={!editor.can().setTextAlign("left")}/>
-      <ToolbarButton icon={MdFormatAlignCenter} title="Align Center" onClick={() => editor.chain().focus().setTextAlign("center").run()} disabled={!editor.can().setTextAlign("center")}/>
-      <ToolbarButton icon={MdFormatAlignRight} title="Align Right" onClick={() => editor.chain().focus().setTextAlign("right").run()} disabled={!editor.can().setTextAlign("right")}/>
-      <ToolbarButton icon={MdFormatAlignJustify} title="Justify" onClick={() => editor.chain().focus().setTextAlign("justify").run()} disabled={!editor.can().setTextAlign("justify")}/>
-    </div>);
-}

package/dist/src/components/tetrons/toolbar/MiscGroup.d.ts

@@ -1,6 +0,0 @@
-import { Editor } from "@tiptap/react";
-interface MiscGroupProps {
-    editor: Editor;
-}
-export default function MiscGroup({ editor }: MiscGroupProps): import("react").JSX.Element;
-export {};

package/dist/src/components/tetrons/toolbar/MiscGroup.jsx

@@ -1,30 +0,0 @@
-import { MdUndo, MdRedo, MdRefresh, MdVisibility, MdCode, } from "react-icons/md";
-import ToolbarButton from "./ToolbarButton";
-export default function MiscGroup({ editor }) {
-    const handlePreview = () => {
-        const html = editor.getHTML();
-        const previewWindow = window.open("", "_blank");
-        if (previewWindow) {
-            previewWindow.document.open();
-            previewWindow.document.write(`
-        <html>
-          <head>
-            <title>Preview</title>
-            <style>
-              body { font-family: sans-serif; padding: 2rem; line-height: 1.6; }
-            </style>
-          </head>
-          <body>${html}</body>
-        </html>
-      `);
-            previewWindow.document.close();
-        }
-    };
-    return (<div className="flex gap-1 items-center border-r pr-3">
-      <ToolbarButton icon={MdUndo} label="Undo" onClick={() => editor.chain().focus().undo().run()} disabled={!editor.can().undo()}/>
-      <ToolbarButton icon={MdRedo} label="Redo" onClick={() => editor.chain().focus().redo().run()} disabled={!editor.can().redo()}/>
-      <ToolbarButton icon={MdRefresh} label="Reset Formatting" onClick={() => editor.chain().focus().unsetAllMarks().clearNodes().run()}/>
-      <ToolbarButton icon={MdCode} label="Toggle Code Block" onClick={() => editor.chain().focus().toggleCodeBlock().run()} isActive={editor.isActive("codeBlock")}/>
-      <ToolbarButton icon={MdVisibility} label="Preview" onClick={handlePreview}/>
-    </div>);
-}

package/dist/src/components/tetrons/toolbar/TableContextMenu.d.ts

@@ -1,6 +0,0 @@
-import { Editor } from "@tiptap/react";
-interface ContextMenuProps {
-    editor: Editor;
-}
-export default function TableContextMenu({ editor }: ContextMenuProps): import("react").JSX.Element | null;
-export {};

package/dist/src/components/tetrons/toolbar/TableContextMenu.jsx

@@ -1,52 +0,0 @@
-"use client";
-import { useEffect, useState } from "react";
-export default function TableContextMenu({ editor }) {
-    const [menuPosition, setMenuPosition] = useState(null);
-    useEffect(() => {
-        const handleContextMenu = (event) => {
-            const target = event.target;
-            if (target.closest("td") || target.closest("th")) {
-                event.preventDefault();
-                setMenuPosition({ x: event.pageX, y: event.pageY });
-            }
-            else {
-                setMenuPosition(null);
-            }
-        };
-        const handleClick = () => setMenuPosition(null);
-        document.addEventListener("contextmenu", handleContextMenu);
-        document.addEventListener("click", handleClick);
-        return () => {
-            document.removeEventListener("contextmenu", handleContextMenu);
-            document.removeEventListener("click", handleClick);
-        };
-    }, []);
-    const insertRowAbove = () => editor.chain().focus().addRowBefore().run();
-    const insertRowBelow = () => editor.chain().focus().addRowAfter().run();
-    const insertColLeft = () => editor.chain().focus().addColumnBefore().run();
-    const insertColRight = () => editor.chain().focus().addColumnAfter().run();
-    const deleteRow = () => editor.chain().focus().deleteRow().run();
-    const deleteCol = () => editor.chain().focus().deleteColumn().run();
-    if (!menuPosition)
-        return null;
-    return (<ul className="absolute bg-white shadow border rounded text-sm z-50" style={{ top: menuPosition.y, left: menuPosition.x }}>
-      <li className="px-3 py-1 hover:bg-gray-100 cursor-pointer" onClick={insertRowAbove}>
-        Insert Row Above
-      </li>
-      <li className="px-3 py-1 hover:bg-gray-100 cursor-pointer" onClick={insertRowBelow}>
-        Insert Row Below
-      </li>
-      <li className="px-3 py-1 hover:bg-gray-100 cursor-pointer" onClick={insertColLeft}>
-        Insert Column Left
-      </li>
-      <li className="px-3 py-1 hover:bg-gray-100 cursor-pointer" onClick={insertColRight}>
-        Insert Column Right
-      </li>
-      <li className="px-3 py-1 hover:bg-red-100 cursor-pointer" onClick={deleteRow}>
-        Delete Row
-      </li>
-      <li className="px-3 py-1 hover:bg-red-100 cursor-pointer" onClick={deleteCol}>
-        Delete Column
-      </li>
-    </ul>);
-}

package/dist/src/components/tetrons/toolbar/TetronsToolbar.d.ts

@@ -1,4 +0,0 @@
-import type { Editor } from "@tiptap/react";
-export default function TetronsToolbar({ editor }: {
-    editor: Editor;
-}): import("react").JSX.Element;

package/dist/src/components/tetrons/toolbar/TetronsToolbar.jsx

@@ -1,46 +0,0 @@
-"use client";
-import { useState, useEffect } from "react";
-import ActionGroup from "./ActionGroup";
-import ClipboardGroup from "./ClipboardGroup";
-import FontStyleGroup from "./FontStyleGroup";
-import InsertGroup from "./InsertGroup";
-import ListAlignGroup from "./ListAlignGroup";
-import MiscGroup from "./MiscGroup";
-import FileGroup from "./FileGroup";
-export default function TetronsToolbar({ editor }) {
-    const [autoSave, setAutoSave] = useState(false);
-    useEffect(() => {
-        if (!editor)
-            return;
-        const handleUpdate = () => {
-            if (!autoSave)
-                return;
-            const content = editor.getJSON();
-            fetch("/api/save", {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify(content),
-            }).catch((err) => console.error("Auto-save failed:", err));
-        };
-        editor.on("update", handleUpdate);
-        return () => {
-            editor.off("update", handleUpdate);
-        };
-    }, [autoSave, editor]);
-    return (<div className="flex flex-wrap items-center gap-4 p-3 border-b bg-white shadow-sm relative z-10">
-      <div className="flex items-center gap-2 border-r pr-3">
-        <input type="checkbox" id="autoSave" checked={autoSave} onChange={(e) => setAutoSave(e.target.checked)} className="w-4 h-4"/>
-        <label htmlFor="autoSave" className="text-sm select-none">
-          Auto Save
-        </label>
-      </div>
-
-      <FileGroup editor={editor}/>
-      <ClipboardGroup editor={editor}/>
-      <FontStyleGroup editor={editor}/>
-      <ListAlignGroup editor={editor}/>
-      <InsertGroup editor={editor}/>
-      <MiscGroup editor={editor}/>
-      <ActionGroup editor={editor}/>
-    </div>);
-}

package/dist/src/components/tetrons/toolbar/ToolbarButton.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import type { IconType } from "react-icons";
-export type ToolbarButtonProps = {
-    icon: IconType;
-    onClick: () => void;
-    disabled?: boolean;
-    title?: string;
-    label?: string;
-    isActive?: boolean;
-};
-declare const ToolbarButton: React.ForwardRefExoticComponent<ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default ToolbarButton;

package/dist/src/components/tetrons/toolbar/ToolbarButton.jsx

@@ -1,8 +0,0 @@
-import React from "react";
-const ToolbarButton = React.forwardRef(({ icon: Icon, onClick, disabled = false, title, label, isActive = false }, ref) => {
-    return (<button type="button" ref={ref} onClick={onClick} disabled={disabled} title={title !== null && title !== void 0 ? title : label} aria-label={title !== null && title !== void 0 ? title : label} className={`p-2 rounded hover:bg-gray-200 disabled:opacity-50 disabled:cursor-not-allowed ${isActive ? "bg-gray-300" : ""}`}>
-        <Icon size={20}/>
-      </button>);
-});
-ToolbarButton.displayName = "ToolbarButton";
-export default ToolbarButton;

package/dist/src/components/tetrons/toolbar/extensions/Comment.d.ts

@@ -1,17 +0,0 @@
-import { Mark } from "@tiptap/core";
-export interface CommentOptions {
-    HTMLAttributes: {
-        class?: string;
-        style?: string;
-        [key: string]: unknown;
-    };
-}
-declare module "@tiptap/core" {
-    interface Commands<ReturnType> {
-        comment: {
-            setComment: (comment: string) => ReturnType;
-            unsetComment: () => ReturnType;
-        };
-    }
-}
-export declare const Comment: Mark<CommentOptions, any>;

package/dist/src/components/tetrons/toolbar/extensions/Comment.js

@@ -1,45 +0,0 @@
-import { Mark, mergeAttributes } from "@tiptap/core";
-export const Comment = Mark.create({
-    name: "comment",
-    addOptions() {
-        return {
-            HTMLAttributes: {},
-        };
-    },
-    addAttributes() {
-        return {
-            comment: {
-                default: "",
-            },
-        };
-    },
-    parseHTML() {
-        return [
-            {
-                tag: "span[data-comment]",
-            },
-        ];
-    },
-    renderHTML({ HTMLAttributes }) {
-        return [
-            "span",
-            mergeAttributes(HTMLAttributes, {
-                "data-comment": HTMLAttributes.comment,
-                class: "comment-highlight",
-                title: HTMLAttributes.comment,
-                style: "background-color: rgba(255, 230, 0, 0.3);",
-            }),
-            0,
-        ];
-    },
-    addCommands() {
-        return {
-            setComment: (comment) => ({ commands }) => {
-                return commands.setMark(this.name, { comment });
-            },
-            unsetComment: () => ({ commands }) => {
-                return commands.unsetMark(this.name);
-            },
-        };
-    },
-});

package/dist/src/components/tetrons/toolbar/extensions/Embed.d.ts

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

package/dist/src/components/tetrons/toolbar/extensions/Embed.js

@@ -1,90 +0,0 @@
-import { Node, mergeAttributes } from "@tiptap/core";
-export const Embed = Node.create({
-    name: "embed",
-    group: "block",
-    atom: true,
-    addAttributes() {
-        return {
-            src: { default: null },
-            width: { default: 560 },
-            height: { default: 315 },
-        };
-    },
-    parseHTML() {
-        return [{ tag: "iframe[src]" }];
-    },
-    renderHTML({ HTMLAttributes }) {
-        return ["iframe", mergeAttributes(HTMLAttributes)];
-    },
-    addCommands() {
-        return {
-            setEmbed: ((attributes) => {
-                return ({ chain }) => {
-                    return chain()
-                        .insertContent({
-                        type: this.name,
-                        attrs: attributes,
-                    })
-                        .run();
-                };
-            }).bind(this),
-        };
-    },
-    addNodeView() {
-        return ({ node, getPos, editor }) => {
-            const container = document.createElement('div');
-            container.style.position = 'relative';
-            container.style.display = 'inline-block';
-            container.style.width = node.attrs.width + 'px';
-            container.style.height = node.attrs.height + 'px';
-            const iframe = document.createElement('iframe');
-            iframe.setAttribute('src', node.attrs.src);
-            iframe.setAttribute('frameborder', '0');
-            iframe.setAttribute('allowfullscreen', 'true');
-            iframe.style.width = '100%';
-            iframe.style.height = '100%';
-            container.appendChild(iframe);
-            const handle = document.createElement('div');
-            handle.style.position = 'absolute';
-            handle.style.width = '16px';
-            handle.style.height = '16px';
-            handle.style.right = '0';
-            handle.style.bottom = '0';
-            handle.style.cursor = 'se-resize';
-            handle.style.background = 'rgba(0,0,0,0.5)';
-            handle.style.borderRadius = '2px';
-            container.appendChild(handle);
-            let startX, startY, startWidth, startHeight;
-            const onMouseDown = (event) => {
-                event.preventDefault();
-                startX = event.clientX;
-                startY = event.clientY;
-                startWidth = container.offsetWidth;
-                startHeight = container.offsetHeight;
-                window.addEventListener('mousemove', onMouseMove);
-                window.addEventListener('mouseup', onMouseUp);
-            };
-            const onMouseMove = (event) => {
-                const newWidth = Math.max(100, startWidth + (event.clientX - startX));
-                const newHeight = Math.max(100, startHeight + (event.clientY - startY));
-                container.style.width = newWidth + 'px';
-                container.style.height = newHeight + 'px';
-            };
-            const onMouseUp = () => {
-                window.removeEventListener("mousemove", onMouseMove);
-                window.removeEventListener("mouseup", onMouseUp);
-                editor.commands.command(({ tr }) => {
-                    tr.setNodeMarkup(getPos(), undefined, Object.assign(Object.assign({}, node.attrs), { width: container.offsetWidth, height: container.offsetHeight }));
-                    return true;
-                });
-            };
-            handle.addEventListener('mousedown', onMouseDown);
-            return {
-                dom: container,
-                destroy() {
-                    handle.removeEventListener('mousedown', onMouseDown);
-                }
-            };
-        };
-    },
-});

package/dist/src/components/tetrons/toolbar/extensions/FontFamily.d.ts

@@ -1,9 +0,0 @@
-import { Mark } from '@tiptap/core';
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        fontFamily: {
-            setFontFamily: (font: string) => ReturnType;
-        };
-    }
-}
-export declare const FontFamily: Mark<any, any>;

package/dist/src/components/tetrons/toolbar/extensions/FontFamily.js

@@ -1,28 +0,0 @@
-import { Mark, mergeAttributes } from '@tiptap/core';
-export const FontFamily = Mark.create({
-    name: 'fontFamily',
-    addAttributes() {
-        return {
-            font: {
-                default: null,
-                parseHTML: element => element.style.fontFamily.replace(/['"]/g, ''),
-                renderHTML: attributes => {
-                    if (!attributes.font)
-                        return {};
-                    return { style: `font-family: ${attributes.font}` };
-                },
-            },
-        };
-    },
-    parseHTML() {
-        return [{ style: 'font-family' }];
-    },
-    renderHTML({ HTMLAttributes }) {
-        return ['span', mergeAttributes(HTMLAttributes), 0];
-    },
-    addCommands() {
-        return {
-            setFontFamily: font => ({ commands }) => commands.setMark(this.name, { font }),
-        };
-    },
-});

package/dist/src/components/tetrons/toolbar/extensions/FontSize.d.ts

@@ -1,9 +0,0 @@
-import { Mark } from "@tiptap/core";
-declare module "@tiptap/core" {
-    interface Commands<ReturnType> {
-        fontSize: {
-            setFontSize: (size: string) => ReturnType;
-        };
-    }
-}
-export declare const FontSize: Mark<any, any>;

package/dist/src/components/tetrons/toolbar/extensions/FontSize.js

@@ -1,28 +0,0 @@
-import { Mark, mergeAttributes } from "@tiptap/core";
-export const FontSize = Mark.create({
-    name: "fontSize",
-    addAttributes() {
-        return {
-            size: {
-                default: null,
-                parseHTML: (element) => element.style.fontSize,
-                renderHTML: (attributes) => {
-                    if (!attributes.size)
-                        return {};
-                    return { style: `font-size: ${attributes.size}` };
-                },
-            },
-        };
-    },
-    parseHTML() {
-        return [{ style: "font-size" }];
-    },
-    renderHTML({ HTMLAttributes }) {
-        return ["span", mergeAttributes(HTMLAttributes), 0];
-    },
-    addCommands() {
-        return {
-            setFontSize: (size) => ({ commands }) => commands.setMark(this.name, { size }),
-        };
-    },
-});

package/dist/src/components/tetrons/toolbar/extensions/ResizableTable.d.ts

@@ -1 +0,0 @@
-export declare const ResizableTable: import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any>;

package/dist/src/components/tetrons/toolbar/extensions/ResizableTable.js

@@ -1,11 +0,0 @@
-import { Table } from "@tiptap/extension-table";
-import { columnResizing, tableEditing } from "prosemirror-tables";
-export const ResizableTable = Table.extend({
-    addOptions() {
-        var _a;
-        return Object.assign(Object.assign({}, (_a = this.parent) === null || _a === void 0 ? void 0 : _a.call(this)), { resizable: true });
-    },
-    addProseMirrorPlugins() {
-        return [columnResizing({ handleWidth: 5 }), tableEditing()];
-    },
-});

package/dist/src/components/tetrons/toolbar/marks/Subscript.d.ts

@@ -1,2 +0,0 @@
-import { Mark } from "@tiptap/core";
-export declare const Subscript: Mark<any, any>;

package/dist/src/components/tetrons/toolbar/marks/Subscript.js

@@ -1,35 +0,0 @@
-import { Mark, markInputRule, markPasteRule } from "@tiptap/core";
-export const Subscript = Mark.create({
-    name: "subscript",
-    excludes: "superscript",
-    parseHTML() {
-        return [{ tag: "sub" }, { style: "vertical-align: sub" }];
-    },
-    renderHTML() {
-        return ["sub", 0];
-    },
-    addCommands() {
-        return {
-            toggleSubscript: () => ({ chain }) => chain()
-                .unsetMark("superscript")
-                .toggleMark(this.name)
-                .run(),
-        };
-    },
-    addInputRules() {
-        return [
-            markInputRule({
-                find: /~([^~]+)~/,
-                type: this.type,
-            }),
-        ];
-    },
-    addPasteRules() {
-        return [
-            markPasteRule({
-                find: /~([^~]+)~/g,
-                type: this.type,
-            }),
-        ];
-    },
-});

package/dist/src/components/tetrons/toolbar/marks/Superscript.d.ts

@@ -1,2 +0,0 @@
-import { Mark } from "@tiptap/core";
-export declare const Superscript: Mark<any, any>;