@jotx-labs/editor 2.4.130

package/dist/components/FloatImageBlockNodeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatImageBlockNodeView.d.ts","sourceRoot":"","sources":["../../src/components/FloatImageBlockNodeView.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAoC,aAAa,EAAE,MAAM,eAAe,CAAA;AAI/E,wBAAgB,uBAAuB,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,EAAE,aAAa,2CA4L1F"}

package/dist/components/FloatImageBlockNodeView.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FloatImageBlockNodeView = FloatImageBlockNodeView;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Float Image Block NodeView - CONTAINER with floating image + editable content
+ */
+const react_1 = require("react");
+const react_2 = require("@tiptap/react");
+const ImageStorage_1 = require("../services/ImageStorage");
+const logger_1 = require("../utils/logger");
+function FloatImageBlockNodeView({ node, updateAttributes, selected }) {
+    logger_1.logger.log('🎨 FloatImageBlockNodeView RENDERING', { node: node.attrs, selected });
+    const [uploading, setUploading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)('');
+    const [showUrlInput, setShowUrlInput] = (0, react_1.useState)(false);
+    const [urlInput, setUrlInput] = (0, react_1.useState)('');
+    const fileInputRef = (0, react_1.useRef)(null);
+    const { src, alt, width, height, float: floatPos, caption } = node.attrs;
+    logger_1.logger.log('🔍 FloatImageBlockNodeView attrs:', { src, alt, width, height, float: floatPos, caption });
+    const handleFileSelect = async (event) => {
+        const file = event.target.files?.[0];
+        if (!file)
+            return;
+        setUploading(true);
+        setError('');
+        try {
+            const reader = new FileReader();
+            reader.onload = async (e) => {
+                const base64 = (e.target?.result).split(',')[1];
+                try {
+                    const relativePath = await ImageStorage_1.ImageStorage.saveImage({
+                        base64,
+                        mime: file.type,
+                        fileName: file.name
+                    });
+                    updateAttributes({ src: relativePath });
+                }
+                catch (err) {
+                    setError(err.message || 'Failed to upload image');
+                }
+                finally {
+                    setUploading(false);
+                }
+            };
+            reader.readAsDataURL(file);
+        }
+        catch (err) {
+            setError(err.message || 'Failed to read file');
+            setUploading(false);
+        }
+    };
+    const handleUrlSubmit = () => {
+        const trimmedUrl = urlInput.trim();
+        if (!trimmedUrl) {
+            setError('Please enter a valid URL');
+            return;
+        }
+        // Basic URL validation
+        try {
+            new URL(trimmedUrl);
+            updateAttributes({ src: trimmedUrl });
+            setUrlInput('');
+            setShowUrlInput(false);
+            setError('');
+        }
+        catch {
+            setError('Invalid URL format');
+        }
+    };
+    if (!src) {
+        return ((0, jsx_runtime_1.jsx)(react_2.NodeViewWrapper, { children: (0, jsx_runtime_1.jsxs)("div", { className: `jotx-float-image-empty ${selected ? 'selected' : ''}`, children: [(0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", accept: "image/*", onChange: handleFileSelect, style: { display: 'none' } }), !showUrlInput ? ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '8px' }, children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => fileInputRef.current?.click(), disabled: uploading, children: uploading ? 'Uploading...' : '📷 Upload Image' }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setShowUrlInput(true), disabled: uploading, children: "\uD83D\uDD17 Image URL" })] })) : ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '8px', width: '100%', maxWidth: '500px' }, children: [(0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "Paste image URL (https://...)", value: urlInput, onChange: (e) => setUrlInput(e.target.value), onKeyDown: (e) => {
+                                    if (e.key === 'Enter') {
+                                        e.preventDefault();
+                                        handleUrlSubmit();
+                                    }
+                                    else if (e.key === 'Escape') {
+                                        setShowUrlInput(false);
+                                        setUrlInput('');
+                                        setError('');
+                                    }
+                                }, style: {
+                                    flex: 1,
+                                    padding: '8px 12px',
+                                    border: '1px solid var(--jotx-border)',
+                                    borderRadius: '4px',
+                                    fontSize: '14px'
+                                }, autoFocus: true }), (0, jsx_runtime_1.jsx)("button", { onClick: handleUrlSubmit, style: { padding: '8px 16px' }, children: "Add" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => {
+                                    setShowUrlInput(false);
+                                    setUrlInput('');
+                                    setError('');
+                                }, style: { padding: '8px 16px' }, children: "Cancel" })] })), error && (0, jsx_runtime_1.jsx)("div", { className: "jotx-image-error", children: error })] }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(react_2.NodeViewWrapper, { children: (0, jsx_runtime_1.jsxs)("div", { className: `jotx-float-image-container ${selected ? 'selected' : ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: `jotx-float-image-wrapper jotx-float-${floatPos}`, contentEditable: false, children: [(0, jsx_runtime_1.jsx)("img", { src: src, alt: alt, style: { width: width ? `${width}px` : 'auto', height: height !== 'auto' ? `${height}px` : 'auto' }, draggable: false }), selected && ((0, jsx_runtime_1.jsxs)("div", { className: "jotx-image-controls", children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => fileInputRef.current?.click(), children: "Change" }), (0, jsx_runtime_1.jsxs)("select", { value: floatPos, onChange: (e) => updateAttributes({ float: e.target.value }), children: [(0, jsx_runtime_1.jsx)("option", { value: "left", children: "Float Left" }), (0, jsx_runtime_1.jsx)("option", { value: "right", children: "Float Right" })] }), (0, jsx_runtime_1.jsx)("input", { type: "number", value: width, onChange: (e) => updateAttributes({ width: parseInt(e.target.value) || 400 }), placeholder: "Width", style: { width: '80px' } })] })), (caption || selected) && ((0, jsx_runtime_1.jsx)("input", { type: "text", className: "jotx-image-caption", value: caption, onChange: (e) => updateAttributes({ caption: e.target.value }), placeholder: "Add a caption..." }))] }), (0, jsx_runtime_1.jsx)(react_2.NodeViewContent, { className: "jotx-float-image-content" }), (0, jsx_runtime_1.jsx)("div", { style: { clear: 'both' } }), (0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", accept: "image/*", onChange: handleFileSelect, style: { display: 'none' } })] }) }));
+}
+//# sourceMappingURL=FloatImageBlockNodeView.js.map

package/dist/components/FloatImageBlockNodeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatImageBlockNodeView.js","sourceRoot":"","sources":["../../src/components/FloatImageBlockNodeView.tsx"],"names":[],"mappings":"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"}

package/dist/components/GridCardNodeView.d.ts

@@ -0,0 +1,13 @@
+import './GridCardNodeView.css';
+interface GridCardNodeViewProps {
+    node: {
+        attrs: {
+            layout?: string;
+            blockId?: string;
+        };
+    };
+    updateAttributes: (attrs: Record<string, any>) => void;
+}
+export declare function GridCardNodeView({ node, updateAttributes }: GridCardNodeViewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GridCardNodeView.d.ts.map

package/dist/components/GridCardNodeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCardNodeView.d.ts","sourceRoot":"","sources":["../../src/components/GridCardNodeView.tsx"],"names":[],"mappings":"AAEA,OAAO,wBAAwB,CAAA;AAE/B,UAAU,qBAAqB;IAC3B,IAAI,EAAE;QACF,KAAK,EAAE;YACH,MAAM,CAAC,EAAE,MAAM,CAAA;YACf,OAAO,CAAC,EAAE,MAAM,CAAA;SACnB,CAAA;KACJ,CAAA;IACD,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAA;CACzD;AAcD,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,qBAAqB,2CAqCjF"}

package/dist/components/GridCardNodeView.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridCardNodeView = GridCardNodeView;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@tiptap/react");
+require("./GridCardNodeView.css");
+// Available layouts from 1x2 to 3x3
+const LAYOUT_OPTIONS = [
+    { value: '1x2', label: '1×2' },
+    { value: '1x3', label: '1×3' },
+    { value: '2x1', label: '2×1' },
+    { value: '2x2', label: '2×2' },
+    { value: '2x3', label: '2×3' },
+    { value: '3x1', label: '3×1' },
+    { value: '3x2', label: '3×2' },
+    { value: '3x3', label: '3×3' },
+];
+function GridCardNodeView({ node, updateAttributes }) {
+    const layout = node.attrs.layout || '2x2';
+    // Parse layout to get columns
+    const [cols] = layout.split('x').map(Number);
+    const handleLayoutChange = (e) => {
+        updateAttributes({ layout: e.target.value });
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_1.NodeViewWrapper, { className: "gridcard-wrapper", children: [(0, jsx_runtime_1.jsx)("div", { className: "gridcard-controls", children: (0, jsx_runtime_1.jsx)("select", { value: layout, onChange: handleLayoutChange, className: "gridcard-layout-select", title: "Grid Layout", children: LAYOUT_OPTIONS.map(opt => ((0, jsx_runtime_1.jsx)("option", { value: opt.value, children: opt.label }, opt.value))) }) }), (0, jsx_runtime_1.jsx)("div", { className: "gridcard", "data-layout": layout, style: {
+                    display: 'grid',
+                    gridTemplateColumns: `repeat(${cols}, 1fr)`,
+                    gap: '12px'
+                }, children: (0, jsx_runtime_1.jsx)(react_1.NodeViewContent, { className: "gridcard-content" }) })] }));
+}
+//# sourceMappingURL=GridCardNodeView.js.map

package/dist/components/GridCardNodeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCardNodeView.js","sourceRoot":"","sources":["../../src/components/GridCardNodeView.tsx"],"names":[],"mappings":";;AA0BA,4CAqCC;;AA9DD,yCAAgE;AAChE,kCAA+B;AAY/B,oCAAoC;AACpC,MAAM,cAAc,GAAG;IACnB,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;IAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;IAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;IAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;IAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;IAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;IAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;IAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;CACjC,CAAA;AAED,SAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAyB;IAC9E,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAA;IAEzC,8BAA8B;IAC9B,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAE5C,MAAM,kBAAkB,GAAG,CAAC,CAAuC,EAAE,EAAE;QACnE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAA;IAChD,CAAC,CAAA;IAED,OAAO,CACH,wBAAC,uBAAe,IAAC,SAAS,EAAC,kBAAkB,aACzC,gCAAK,SAAS,EAAC,mBAAmB,YAC9B,mCACI,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAC,aAAa,YAElB,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACvB,mCAAwB,KAAK,EAAE,GAAG,CAAC,KAAK,YAAG,GAAG,CAAC,KAAK,IAAvC,GAAG,CAAC,KAAK,CAAwC,CACjE,CAAC,GACG,GACP,EACN,gCACI,SAAS,EAAC,UAAU,iBACP,MAAM,EACnB,KAAK,EAAE;oBACH,OAAO,EAAE,MAAM;oBACf,mBAAmB,EAAE,UAAU,IAAI,QAAQ;oBAC3C,GAAG,EAAE,MAAM;iBACd,YAED,uBAAC,uBAAe,IAAC,SAAS,EAAC,kBAAkB,GAAG,GAC9C,IACQ,CACrB,CAAA;AACL,CAAC"}

package/dist/components/ImageBlockNodeView.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Image Block NodeView - Regular image with text below
+ * Features: Upload, resize, caption, alignment
+ */
+import { NodeViewProps } from '@tiptap/react';
+export declare function ImageBlockNodeView({ node, updateAttributes, selected, editor }: NodeViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ImageBlockNodeView.d.ts.map

package/dist/components/ImageBlockNodeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageBlockNodeView.d.ts","sourceRoot":"","sources":["../../src/components/ImageBlockNodeView.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAmB,aAAa,EAAE,MAAM,eAAe,CAAA;AAI9D,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,aAAa,2CAwO7F"}

package/dist/components/ImageBlockNodeView.js

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageBlockNodeView = ImageBlockNodeView;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Image Block NodeView - Regular image with text below
+ * Features: Upload, resize, caption, alignment
+ */
+const react_1 = require("react");
+const react_2 = require("@tiptap/react");
+const ImageStorage_1 = require("../services/ImageStorage");
+const logger_1 = require("../utils/logger");
+function ImageBlockNodeView({ node, updateAttributes, selected, editor }) {
+    logger_1.logger.log('🎨 ImageBlockNodeView RENDERING', { node: node.attrs, selected });
+    const [uploading, setUploading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)('');
+    const [showUrlInput, setShowUrlInput] = (0, react_1.useState)(false);
+    const [urlInput, setUrlInput] = (0, react_1.useState)('');
+    const [captionFocused, setCaptionFocused] = (0, react_1.useState)(false);
+    const fileInputRef = (0, react_1.useRef)(null);
+    const { src, alt, width, height, align, caption } = node.attrs;
+    logger_1.logger.log('🔍 ImageBlockNodeView attrs:', { src, alt, width, height, align, caption });
+    const handleFileSelect = async (event) => {
+        const file = event.target.files?.[0];
+        if (!file)
+            return;
+        setUploading(true);
+        setError('');
+        try {
+            // Read file as base64
+            const reader = new FileReader();
+            reader.onload = async (e) => {
+                const base64 = (e.target?.result).split(',')[1];
+                try {
+                    const relativePath = await ImageStorage_1.ImageStorage.saveImage({
+                        base64,
+                        mime: file.type,
+                        fileName: file.name
+                    });
+                    updateAttributes({ src: relativePath });
+                }
+                catch (err) {
+                    setError(err.message || 'Failed to upload image');
+                }
+                finally {
+                    setUploading(false);
+                }
+            };
+            reader.readAsDataURL(file);
+        }
+        catch (err) {
+            setError(err.message || 'Failed to read file');
+            setUploading(false);
+        }
+    };
+    const handlePaste = async (e) => {
+        const items = e.clipboardData?.items;
+        if (!items)
+            return;
+        for (const item of Array.from(items)) {
+            if (item.type.startsWith('image/')) {
+                e.preventDefault();
+                const file = item.getAsFile();
+                if (!file)
+                    continue;
+                setUploading(true);
+                const reader = new FileReader();
+                reader.onload = async (event) => {
+                    const base64 = (event.target?.result).split(',')[1];
+                    try {
+                        const relativePath = await ImageStorage_1.ImageStorage.saveImage({
+                            base64,
+                            mime: file.type
+                        });
+                        updateAttributes({ src: relativePath });
+                    }
+                    catch (err) {
+                        setError(err.message || 'Failed to save pasted image');
+                    }
+                    finally {
+                        setUploading(false);
+                    }
+                };
+                reader.readAsDataURL(file);
+                break;
+            }
+        }
+    };
+    const handleUrlSubmit = () => {
+        const trimmedUrl = urlInput.trim();
+        if (!trimmedUrl) {
+            setError('Please enter a valid URL');
+            return;
+        }
+        // Basic URL validation
+        try {
+            new URL(trimmedUrl);
+            updateAttributes({ src: trimmedUrl });
+            setUrlInput('');
+            setShowUrlInput(false);
+            setError('');
+        }
+        catch {
+            setError('Invalid URL format');
+        }
+    };
+    if (!src) {
+        return ((0, jsx_runtime_1.jsx)(react_2.NodeViewWrapper, { children: (0, jsx_runtime_1.jsxs)("div", { className: `jotx-image-block-empty ${selected ? 'selected' : ''}`, onPaste: handlePaste, children: [(0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", accept: "image/*", onChange: handleFileSelect, style: { display: 'none' } }), !showUrlInput ? ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '8px', flexDirection: 'column', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '8px' }, children: [(0, jsx_runtime_1.jsx)("button", { className: "jotx-image-upload-button", onClick: () => fileInputRef.current?.click(), disabled: uploading, children: uploading ? 'Uploading...' : '📷 Upload Image' }), (0, jsx_runtime_1.jsx)("button", { className: "jotx-image-upload-button", onClick: () => setShowUrlInput(true), disabled: uploading, children: "\uD83D\uDD17 Image URL" })] }), (0, jsx_runtime_1.jsx)("span", { style: { fontSize: '12px', color: 'var(--jotx-text-muted)' }, children: "or paste image" })] })) : ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '8px', width: '100%', maxWidth: '500px' }, children: [(0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "Paste image URL (https://...)", value: urlInput, onChange: (e) => setUrlInput(e.target.value), onKeyDown: (e) => {
+                                    if (e.key === 'Enter') {
+                                        e.preventDefault();
+                                        handleUrlSubmit();
+                                    }
+                                    else if (e.key === 'Escape') {
+                                        setShowUrlInput(false);
+                                        setUrlInput('');
+                                        setError('');
+                                    }
+                                }, style: {
+                                    flex: 1,
+                                    padding: '8px 12px',
+                                    border: '1px solid var(--jotx-border)',
+                                    borderRadius: '4px',
+                                    fontSize: '14px'
+                                }, autoFocus: true }), (0, jsx_runtime_1.jsx)("button", { onClick: handleUrlSubmit, style: { padding: '8px 16px' }, children: "Add" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => {
+                                    setShowUrlInput(false);
+                                    setUrlInput('');
+                                    setError('');
+                                }, style: { padding: '8px 16px' }, children: "Cancel" })] })), error && (0, jsx_runtime_1.jsx)("div", { className: "jotx-image-error", children: error })] }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(react_2.NodeViewWrapper, { children: (0, jsx_runtime_1.jsxs)("div", { className: `jotx-image-block jotx-image-align-${align} ${selected ? 'selected' : ''}`, contentEditable: false, children: [(0, jsx_runtime_1.jsxs)("div", { className: "jotx-image-wrapper", children: [(0, jsx_runtime_1.jsx)("img", { src: src, alt: alt, style: { width: width ? `${width}px` : 'auto', height: height !== 'auto' ? `${height}px` : 'auto' }, draggable: false }), selected && !captionFocused && ((0, jsx_runtime_1.jsxs)("div", { className: "jotx-image-controls", children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => fileInputRef.current?.click(), children: "Change" }), (0, jsx_runtime_1.jsxs)("select", { value: align, onChange: (e) => updateAttributes({ align: e.target.value }), children: [(0, jsx_runtime_1.jsx)("option", { value: "left", children: "Left" }), (0, jsx_runtime_1.jsx)("option", { value: "center", children: "Center" }), (0, jsx_runtime_1.jsx)("option", { value: "right", children: "Right" }), (0, jsx_runtime_1.jsx)("option", { value: "full", children: "Full Width" })] }), (0, jsx_runtime_1.jsx)("input", { type: "number", value: width, onChange: (e) => updateAttributes({ width: parseInt(e.target.value) || 800 }), placeholder: "Width", style: { width: '80px' } })] }))] }), (caption || selected) && ((0, jsx_runtime_1.jsx)("input", { type: "text", className: "jotx-image-caption", value: caption, onChange: (e) => updateAttributes({ caption: e.target.value }), onFocus: () => setCaptionFocused(true), onBlur: () => setCaptionFocused(false), placeholder: "Add a caption..." })), (0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", accept: "image/*", onChange: handleFileSelect, style: { display: 'none' } })] }) }));
+}
+//# sourceMappingURL=ImageBlockNodeView.js.map

package/dist/components/ImageBlockNodeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageBlockNodeView.js","sourceRoot":"","sources":["../../src/components/ImageBlockNodeView.tsx"],"names":[],"mappings":"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"}

package/dist/components/ImageToolbar.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from '@tiptap/react';
+import './ImageToolbar.css';
+export declare function ImageToolbar({ editor }: {
+    editor: Editor;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ImageToolbar.d.ts.map

package/dist/components/ImageToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageToolbar.d.ts","sourceRoot":"","sources":["../../src/components/ImageToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEtC,OAAO,oBAAoB,CAAA;AAQ3B,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,2CAwG1D"}

package/dist/components/ImageToolbar.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageToolbar = ImageToolbar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const lucide_react_1 = require("lucide-react");
+require("./ImageToolbar.css");
+function clamp(n, min, max) {
+    return Math.max(min, Math.min(max, n));
+}
+function ImageToolbar({ editor }) {
+    const [pos, setPos] = (0, react_1.useState)({ visible: false, x: 0, y: 0 });
+    const [align, setAlign] = (0, react_1.useState)('left');
+    const [width, setWidth] = (0, react_1.useState)(100);
+    (0, react_1.useEffect)(() => {
+        const update = () => {
+            if (!editor.isActive('image')) {
+                setPos((p) => (p.visible ? { ...p, visible: false } : p));
+                return;
+            }
+            // Read current image attrs
+            const attrs = editor.getAttributes('image');
+            const a = attrs?.align || 'left';
+            const wRaw = typeof attrs?.width === 'number' ? attrs.width : parseInt(String(attrs?.width || ''), 10);
+            const w = Number.isFinite(wRaw) ? clamp(wRaw, 10, 100) : 100;
+            setAlign(a);
+            setWidth(w);
+            try {
+                const sel = editor.state.selection;
+                const from = typeof sel?.from === 'number' ? sel.from : 0;
+                const dom = (from ? editor.view.nodeDOM(from) : null);
+                if (dom && typeof dom.getBoundingClientRect === 'function') {
+                    const r = dom.getBoundingClientRect();
+                    const x = clamp(r.left + r.width / 2 - 160, 12, window.innerWidth - 360);
+                    const y = clamp(r.top - 54, 12, window.innerHeight - 54);
+                    setPos({ visible: true, x, y });
+                    return;
+                }
+                // Fallback to selection coords
+                const coords = editor.view.coordsAtPos(sel.to);
+                const x = clamp(coords.left - 120, 12, window.innerWidth - 360);
+                const y = clamp(coords.top - 54, 12, window.innerHeight - 54);
+                setPos({ visible: true, x, y });
+            }
+            catch {
+                setPos((p) => (p.visible ? { ...p, visible: false } : p));
+            }
+        };
+        update();
+        editor.on('selectionUpdate', update);
+        editor.on('transaction', update);
+        return () => {
+            editor.off('selectionUpdate', update);
+            editor.off('transaction', update);
+        };
+    }, [editor]);
+    if (!pos.visible)
+        return null;
+    const setImageAlign = (a) => {
+        editor.chain().focus().updateAttributes('image', { align: a }).run();
+    };
+    const setImageWidth = (w) => {
+        editor.chain().focus().updateAttributes('image', { width: clamp(w, 10, 100) }).run();
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "jotx-image-toolbar jotx-image-toolbar-floating", style: { left: `${pos.x}px`, top: `${pos.y}px` }, role: "toolbar", children: [(0, jsx_runtime_1.jsx)("button", { className: `jotx-image-toolbar-btn ${align === 'left' ? 'active' : ''}`, title: "Align left", onMouseDown: (e) => e.preventDefault(), onClick: () => setImageAlign('left'), children: (0, jsx_runtime_1.jsx)(lucide_react_1.AlignLeft, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { className: `jotx-image-toolbar-btn ${align === 'center' ? 'active' : ''}`, title: "Align center", onMouseDown: (e) => e.preventDefault(), onClick: () => setImageAlign('center'), children: (0, jsx_runtime_1.jsx)(lucide_react_1.AlignCenter, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { className: `jotx-image-toolbar-btn ${align === 'right' ? 'active' : ''}`, title: "Align right", onMouseDown: (e) => e.preventDefault(), onClick: () => setImageAlign('right'), children: (0, jsx_runtime_1.jsx)(lucide_react_1.AlignRight, { size: 16 }) }), (0, jsx_runtime_1.jsx)("div", { className: "jotx-image-toolbar-sep" }), (0, jsx_runtime_1.jsxs)("div", { className: "jotx-image-toolbar-size", title: "Image width", children: [(0, jsx_runtime_1.jsx)("input", { type: "range", min: 10, max: 100, step: 5, value: width, onMouseDown: (e) => e.stopPropagation(), onChange: (e) => setImageWidth(parseInt(e.target.value, 10)) }), (0, jsx_runtime_1.jsxs)("span", { className: "jotx-image-toolbar-size-label", children: [width, "%"] })] })] }));
+}
+//# sourceMappingURL=ImageToolbar.js.map

package/dist/components/ImageToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageToolbar.js","sourceRoot":"","sources":["../../src/components/ImageToolbar.tsx"],"names":[],"mappings":"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"}

package/dist/components/JotxEditor.d.ts

@@ -0,0 +1,17 @@
+/**
+ * JotxEditor - Main Tiptap editor with block support
+ * Modular, extensible, beautiful
+ */
+import './JotxEditor.css';
+import './ImageVideoBlocks.css';
+import './SearchHighlight.css';
+import './SpellCheck.css';
+export interface JotxEditorProps {
+    documentId: string;
+    documentType: 'page' | 'meeting' | 'tasklist';
+    tiptapDoc: any;
+    onChange?: (tiptapJson: string) => void;
+    ribbonExpanded?: boolean;
+}
+export declare function JotxEditor({ documentId, documentType, tiptapDoc, onChange, ribbonExpanded }: JotxEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JotxEditor.d.ts.map

package/dist/components/JotxEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JotxEditor.d.ts","sourceRoot":"","sources":["../../src/components/JotxEditor.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AA0EH,OAAO,kBAAkB,CAAA;AACzB,OAAO,wBAAwB,CAAA;AAW/B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,kBAAkB,CAAA;AAEzB,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;IAC7C,SAAS,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,cAAsB,EACvB,EAAE,eAAe,2CAqpCjB"}