@editneo/react 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BlockRenderer.d.ts +8 -0
- package/dist/BlockRenderer.d.ts.map +1 -0
- package/dist/BlockRenderer.js +50 -0
- package/dist/BlockRenderer.js.map +1 -0
- package/dist/EditableBlock.d.ts +9 -0
- package/dist/EditableBlock.d.ts.map +1 -0
- package/dist/EditableBlock.js +64 -0
- package/dist/EditableBlock.js.map +1 -0
- package/dist/NeoCanvas.d.ts +3 -0
- package/dist/NeoCanvas.d.ts.map +1 -0
- package/dist/NeoCanvas.js +38 -0
- package/dist/NeoCanvas.js.map +1 -0
- package/dist/NeoEditor.d.ts +25 -0
- package/dist/NeoEditor.d.ts.map +1 -0
- package/dist/NeoEditor.js +44 -0
- package/dist/NeoEditor.js.map +1 -0
- package/dist/blocks/CalloutBlock.d.ts +6 -0
- package/dist/blocks/CalloutBlock.d.ts.map +1 -0
- package/dist/blocks/CalloutBlock.js +26 -0
- package/dist/blocks/CalloutBlock.js.map +1 -0
- package/dist/blocks/CodeBlock.d.ts +6 -0
- package/dist/blocks/CodeBlock.d.ts.map +1 -0
- package/dist/blocks/CodeBlock.js +12 -0
- package/dist/blocks/CodeBlock.js.map +1 -0
- package/dist/blocks/DividerBlock.d.ts +6 -0
- package/dist/blocks/DividerBlock.d.ts.map +1 -0
- package/dist/blocks/DividerBlock.js +5 -0
- package/dist/blocks/DividerBlock.js.map +1 -0
- package/dist/blocks/HeadingBlock.d.ts +6 -0
- package/dist/blocks/HeadingBlock.d.ts.map +1 -0
- package/dist/blocks/HeadingBlock.js +8 -0
- package/dist/blocks/HeadingBlock.js.map +1 -0
- package/dist/blocks/ListBlock.d.ts +6 -0
- package/dist/blocks/ListBlock.d.ts.map +1 -0
- package/dist/blocks/ListBlock.js +8 -0
- package/dist/blocks/ListBlock.js.map +1 -0
- package/dist/blocks/MediaBlock.d.ts +6 -0
- package/dist/blocks/MediaBlock.d.ts.map +1 -0
- package/dist/blocks/MediaBlock.js +12 -0
- package/dist/blocks/MediaBlock.js.map +1 -0
- package/dist/blocks/QuoteBlock.d.ts +6 -0
- package/dist/blocks/QuoteBlock.d.ts.map +1 -0
- package/dist/blocks/QuoteBlock.js +12 -0
- package/dist/blocks/QuoteBlock.js.map +1 -0
- package/dist/components/Aeropeak.d.ts +20 -0
- package/dist/components/Aeropeak.d.ts.map +1 -0
- package/dist/components/Aeropeak.js +67 -0
- package/dist/components/Aeropeak.js.map +1 -0
- package/dist/components/CursorOverlay.d.ts +8 -0
- package/dist/components/CursorOverlay.d.ts.map +1 -0
- package/dist/components/CursorOverlay.js +41 -0
- package/dist/components/CursorOverlay.js.map +1 -0
- package/dist/components/PDFDropZone.d.ts +11 -0
- package/dist/components/PDFDropZone.d.ts.map +1 -0
- package/dist/components/PDFDropZone.js +72 -0
- package/dist/components/PDFDropZone.js.map +1 -0
- package/dist/components/SlashMenu.d.ts +15 -0
- package/dist/components/SlashMenu.d.ts.map +1 -0
- package/dist/components/SlashMenu.js +115 -0
- package/dist/components/SlashMenu.js.map +1 -0
- package/dist/components/index.d.ts +5 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +5 -0
- package/dist/components/index.js.map +1 -0
- package/dist/hooks.d.ts +25 -0
- package/dist/hooks.d.ts.map +1 -0
- package/dist/hooks.js +25 -0
- package/dist/hooks.js.map +1 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -0
- package/package.json +32 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BlockRenderer.d.ts","sourceRoot":"","sources":["../src/BlockRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAczC,UAAU,kBAAkB;IAC1B,KAAK,EAAE,QAAQ,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAUtD,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useContext } from 'react';
|
|
3
|
+
import { EditableBlock } from './EditableBlock';
|
|
4
|
+
import { EditorContext } from './NeoEditor';
|
|
5
|
+
// Placeholder components for rich blocks (will be implemented in separate files later or inline if simple)
|
|
6
|
+
// For now, consistent with the plan, we'll create basic versions or use EditableBlock with specific styles
|
|
7
|
+
import { HeadingBlock } from './blocks/HeadingBlock';
|
|
8
|
+
import { ListBlock } from './blocks/ListBlock';
|
|
9
|
+
import { MediaBlock } from './blocks/MediaBlock';
|
|
10
|
+
import { CodeBlock } from './blocks/CodeBlock';
|
|
11
|
+
import { QuoteBlock } from './blocks/QuoteBlock';
|
|
12
|
+
import { CalloutBlock } from './blocks/CalloutBlock';
|
|
13
|
+
import { DividerBlock } from './blocks/DividerBlock';
|
|
14
|
+
export const BlockRenderer = ({ block }) => {
|
|
15
|
+
const context = useContext(EditorContext);
|
|
16
|
+
// Allow user override
|
|
17
|
+
if (context === null || context === void 0 ? void 0 : context.renderBlock) {
|
|
18
|
+
const customRender = context.renderBlock(block, (b) => _jsx(DefaultRender, { block: b }));
|
|
19
|
+
if (customRender)
|
|
20
|
+
return _jsx(_Fragment, { children: customRender });
|
|
21
|
+
}
|
|
22
|
+
return _jsx(DefaultRender, { block: block });
|
|
23
|
+
};
|
|
24
|
+
const DefaultRender = ({ block }) => {
|
|
25
|
+
switch (block.type) {
|
|
26
|
+
case 'heading-1':
|
|
27
|
+
case 'heading-2':
|
|
28
|
+
case 'heading-3':
|
|
29
|
+
return _jsx(HeadingBlock, { block: block });
|
|
30
|
+
case 'bullet-list':
|
|
31
|
+
case 'ordered-list':
|
|
32
|
+
case 'todo-list':
|
|
33
|
+
return _jsx(ListBlock, { block: block });
|
|
34
|
+
case 'image':
|
|
35
|
+
case 'video':
|
|
36
|
+
return _jsx(MediaBlock, { block: block });
|
|
37
|
+
case 'code-block':
|
|
38
|
+
return _jsx(CodeBlock, { block: block });
|
|
39
|
+
case 'quote':
|
|
40
|
+
return _jsx(QuoteBlock, { block: block });
|
|
41
|
+
case 'callout':
|
|
42
|
+
return _jsx(CalloutBlock, { block: block });
|
|
43
|
+
case 'divider':
|
|
44
|
+
return _jsx(DividerBlock, { block: block });
|
|
45
|
+
case 'paragraph':
|
|
46
|
+
default:
|
|
47
|
+
return _jsx(EditableBlock, { block: block });
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
//# sourceMappingURL=BlockRenderer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BlockRenderer.js","sourceRoot":"","sources":["../src/BlockRenderer.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,2GAA2G;AAC3G,2GAA2G;AAC3G,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvE,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAE1C,sBAAsB;IACtB,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAE,CAAC;QACzB,MAAM,YAAY,GAAG,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAW,EAAE,EAAE,CAAC,KAAC,aAAa,IAAC,KAAK,EAAE,CAAC,GAAI,CAAC,CAAC;QAC9F,IAAI,YAAY;YAAE,OAAO,4BAAG,YAAY,GAAI,CAAC;IAC/C,CAAC;IAED,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,aAAa,GAAiC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChE,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,WAAW,CAAC;QACjB,KAAK,WAAW,CAAC;QACjB,KAAK,WAAW;YACd,OAAO,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACxC,KAAK,aAAa,CAAC;QACnB,KAAK,cAAc,CAAC;QACpB,KAAK,WAAW;YACd,OAAO,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACrC,KAAK,OAAO,CAAC;QACb,KAAK,OAAO;YACV,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACtC,KAAK,YAAY;YACb,OAAO,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACvC,KAAK,OAAO;YACR,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACxC,KAAK,SAAS;YACV,OAAO,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QAC1C,KAAK,SAAS;YACV,OAAO,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QAC1C,KAAK,WAAW,CAAC;QACjB;YACE,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IAC3C,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { NeoBlock } from '@editneo/core';
|
|
3
|
+
interface EditableBlockProps {
|
|
4
|
+
block: NeoBlock;
|
|
5
|
+
autoFocus?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const EditableBlock: React.FC<EditableBlockProps>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=EditableBlock.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EditableBlock.d.ts","sourceRoot":"","sources":["../src/EditableBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAkB,MAAM,eAAe,CAAC;AAEzD,UAAU,kBAAkB;IAC1B,KAAK,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqEtD,CAAC"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useRef, useEffect } from 'react';
|
|
3
|
+
import { useEditorStore } from '@editneo/core';
|
|
4
|
+
export const EditableBlock = ({ block, autoFocus }) => {
|
|
5
|
+
const contentRef = useRef(null);
|
|
6
|
+
const updateBlock = useEditorStore((state) => state.updateBlock);
|
|
7
|
+
const addBlock = useEditorStore((state) => state.addBlock);
|
|
8
|
+
const deleteBlock = useEditorStore((state) => state.deleteBlock);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
if (autoFocus && contentRef.current) {
|
|
11
|
+
contentRef.current.focus();
|
|
12
|
+
}
|
|
13
|
+
}, [autoFocus]);
|
|
14
|
+
const handleInput = (e) => {
|
|
15
|
+
const text = e.currentTarget.innerText;
|
|
16
|
+
// Simple text update for now, Span parsing to be added later
|
|
17
|
+
updateBlock(block.id, { content: [{ text }] });
|
|
18
|
+
};
|
|
19
|
+
const handleKeyDown = (e) => {
|
|
20
|
+
var _a;
|
|
21
|
+
if (e.key === 'Enter') {
|
|
22
|
+
e.preventDefault();
|
|
23
|
+
addBlock('paragraph', block.id);
|
|
24
|
+
}
|
|
25
|
+
else if (e.key === 'Backspace' && ((_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.innerText) === '') {
|
|
26
|
+
e.preventDefault();
|
|
27
|
+
deleteBlock(block.id);
|
|
28
|
+
}
|
|
29
|
+
else if (e.key === '/') {
|
|
30
|
+
// Slash menu trigger logic (placeholder)
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
return (_jsx("div", { ref: contentRef, contentEditable: true, suppressContentEditableWarning: true, onInput: handleInput, onKeyDown: handleKeyDown, style: {
|
|
34
|
+
minHeight: '24px',
|
|
35
|
+
outline: 'none',
|
|
36
|
+
padding: '4px 0',
|
|
37
|
+
// Basic styling based on type
|
|
38
|
+
fontSize: block.type === 'heading-1' ? '2em' : '1em',
|
|
39
|
+
fontWeight: block.type.startsWith('heading') ? 'bold' : 'normal',
|
|
40
|
+
}, children: block.content.map((span, i) => {
|
|
41
|
+
let style = {};
|
|
42
|
+
if (span.bold)
|
|
43
|
+
style.fontWeight = 'bold';
|
|
44
|
+
if (span.italic)
|
|
45
|
+
style.fontStyle = 'italic';
|
|
46
|
+
if (span.underline)
|
|
47
|
+
style.textDecoration = 'underline';
|
|
48
|
+
if (span.strike)
|
|
49
|
+
style.textDecoration = (style.textDecoration ? style.textDecoration + ' ' : '') + 'line-through';
|
|
50
|
+
if (span.color)
|
|
51
|
+
style.color = span.color;
|
|
52
|
+
if (span.highlight)
|
|
53
|
+
style.backgroundColor = span.highlight;
|
|
54
|
+
const content = _jsx("span", { style: style, children: span.text }, i);
|
|
55
|
+
if (span.code) {
|
|
56
|
+
return _jsx("code", { style: { fontFamily: 'monospace', backgroundColor: '#eee', padding: '2px 4px', borderRadius: '3px' }, children: content }, i);
|
|
57
|
+
}
|
|
58
|
+
if (span.link) {
|
|
59
|
+
return _jsx("a", { href: span.link, style: { color: 'blue', textDecoration: 'underline' }, children: content }, i);
|
|
60
|
+
}
|
|
61
|
+
return content;
|
|
62
|
+
}) }));
|
|
63
|
+
};
|
|
64
|
+
//# sourceMappingURL=EditableBlock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EditableBlock.js","sourceRoot":"","sources":["../src/EditableBlock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NeoCanvas.d.ts","sourceRoot":"","sources":["../src/NeoCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAKtC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAsD7B,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useRef } from 'react';
|
|
3
|
+
import { useVirtualizer } from '@tanstack/react-virtual';
|
|
4
|
+
import { useEditorStore } from '@editneo/core';
|
|
5
|
+
import { EditableBlock } from './EditableBlock';
|
|
6
|
+
export const NeoCanvas = () => {
|
|
7
|
+
const rootBlocks = useEditorStore((state) => state.rootBlocks);
|
|
8
|
+
const blocks = useEditorStore((state) => state.blocks);
|
|
9
|
+
const parentRef = useRef(null);
|
|
10
|
+
const rowVirtualizer = useVirtualizer({
|
|
11
|
+
count: rootBlocks.length,
|
|
12
|
+
getScrollElement: () => parentRef.current,
|
|
13
|
+
estimateSize: () => 35, // Estimate row height
|
|
14
|
+
overscan: 5,
|
|
15
|
+
});
|
|
16
|
+
return (_jsx("div", { ref: parentRef, style: {
|
|
17
|
+
height: '100vh',
|
|
18
|
+
width: '100%',
|
|
19
|
+
overflow: 'auto',
|
|
20
|
+
}, children: _jsx("div", { style: {
|
|
21
|
+
height: `${rowVirtualizer.getTotalSize()}px`,
|
|
22
|
+
width: '100%',
|
|
23
|
+
position: 'relative',
|
|
24
|
+
}, children: rowVirtualizer.getVirtualItems().map((virtualRow) => {
|
|
25
|
+
const blockId = rootBlocks[virtualRow.index];
|
|
26
|
+
const block = blocks[blockId];
|
|
27
|
+
if (!block)
|
|
28
|
+
return null;
|
|
29
|
+
return (_jsx("div", { "data-index": virtualRow.index, ref: rowVirtualizer.measureElement, style: {
|
|
30
|
+
position: 'absolute',
|
|
31
|
+
top: 0,
|
|
32
|
+
left: 0,
|
|
33
|
+
width: '100%',
|
|
34
|
+
transform: `translateY(${virtualRow.start}px)`,
|
|
35
|
+
}, children: _jsx(EditableBlock, { block: block }) }, virtualRow.key));
|
|
36
|
+
}) }) }));
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=NeoCanvas.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NeoCanvas.js","sourceRoot":"","sources":["../src/NeoCanvas.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,CAAC,MAAM,SAAS,GAAa,GAAG,EAAE;IACtC,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC/D,MAAM,MAAM,GAAG,cAAc,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,cAAc,GAAG,cAAc,CAAC;QACpC,KAAK,EAAE,UAAU,CAAC,MAAM;QACxB,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO;QACzC,YAAY,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,sBAAsB;QAC9C,QAAQ,EAAE,CAAC;KACZ,CAAC,CAAC;IAEH,OAAO,CACL,cACE,GAAG,EAAE,SAAS,EACd,KAAK,EAAE;YACL,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,MAAM;SACjB,YAED,cACE,KAAK,EAAE;gBACL,MAAM,EAAE,GAAG,cAAc,CAAC,YAAY,EAAE,IAAI;gBAC5C,KAAK,EAAE,MAAM;gBACb,QAAQ,EAAE,UAAU;aACrB,YAEA,cAAc,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;gBACnD,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAC7C,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;gBAE9B,IAAI,CAAC,KAAK;oBAAE,OAAO,IAAI,CAAC;gBAExB,OAAO,CACL,4BAEc,UAAU,CAAC,KAAK,EAC5B,GAAG,EAAE,cAAc,CAAC,cAAc,EAClC,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,CAAC;wBACN,IAAI,EAAE,CAAC;wBACP,KAAK,EAAE,MAAM;wBACb,SAAS,EAAE,cAAc,UAAU,CAAC,KAAK,KAAK;qBAC/C,YAED,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,IAX1B,UAAU,CAAC,GAAG,CAYf,CACP,CAAC;YACJ,CAAC,CAAC,GACE,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SyncManager } from '@editneo/sync';
|
|
3
|
+
import './styles.css';
|
|
4
|
+
export interface NeoEditorProps {
|
|
5
|
+
id: string;
|
|
6
|
+
offline?: boolean;
|
|
7
|
+
syncConfig?: {
|
|
8
|
+
url: string;
|
|
9
|
+
room: string;
|
|
10
|
+
};
|
|
11
|
+
renderBlock?: (block: any, defaultRender: any) => React.ReactNode;
|
|
12
|
+
className?: string;
|
|
13
|
+
theme?: {
|
|
14
|
+
mode: 'light' | 'dark';
|
|
15
|
+
[key: string]: any;
|
|
16
|
+
};
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
}
|
|
19
|
+
export declare const EditorContext: React.Context<{
|
|
20
|
+
editorId: string;
|
|
21
|
+
syncManager: SyncManager | null;
|
|
22
|
+
renderBlock?: (block: any, defaultRender: any) => React.ReactNode;
|
|
23
|
+
} | null>;
|
|
24
|
+
export declare const NeoEditor: React.FC<NeoEditorProps>;
|
|
25
|
+
//# sourceMappingURL=NeoEditor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NeoEditor.d.ts","sourceRoot":"","sources":["../src/NeoEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE;QACX,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;QAEvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa;cACd,MAAM;iBACH,WAAW,GAAG,IAAI;kBACjB,CAAC,KAAK,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS;SACpD,CAAC;AAEhB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4D9C,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { createContext, useEffect, useMemo, useState } from 'react';
|
|
3
|
+
import { SyncManager } from '@editneo/sync';
|
|
4
|
+
import { NeoCanvas } from './NeoCanvas';
|
|
5
|
+
import './styles.css';
|
|
6
|
+
export const EditorContext = createContext(null);
|
|
7
|
+
export const NeoEditor = ({ id, offline = true, syncConfig, renderBlock, className, theme, children }) => {
|
|
8
|
+
const [syncManager, setSyncManager] = useState(null);
|
|
9
|
+
// Initialize Sync Manager
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
const manager = new SyncManager(id);
|
|
12
|
+
// TODO: Configure websocket if syncConfig is present (will be added to SyncManager later)
|
|
13
|
+
setSyncManager(manager);
|
|
14
|
+
return () => {
|
|
15
|
+
// manager.destroy(); // Implement destroy in SyncManager
|
|
16
|
+
};
|
|
17
|
+
}, [id, syncConfig]);
|
|
18
|
+
// Apply Theme
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
const root = document.documentElement;
|
|
21
|
+
if ((theme === null || theme === void 0 ? void 0 : theme.mode) === 'dark') {
|
|
22
|
+
root.style.setProperty('--neo-bg-canvas', '#0f172a');
|
|
23
|
+
root.style.setProperty('--neo-text-primary', '#f3f4f6');
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
root.style.setProperty('--neo-bg-canvas', '#ffffff');
|
|
27
|
+
root.style.setProperty('--neo-text-primary', '#111827');
|
|
28
|
+
}
|
|
29
|
+
}, [theme]);
|
|
30
|
+
const value = useMemo(() => ({
|
|
31
|
+
editorId: id,
|
|
32
|
+
syncManager,
|
|
33
|
+
renderBlock
|
|
34
|
+
}), [id, syncManager, renderBlock]);
|
|
35
|
+
return (_jsx(EditorContext.Provider, { value: value, children: _jsxs("div", { className: `neo-editor ${className || ''}`, style: {
|
|
36
|
+
backgroundColor: 'var(--neo-bg-canvas)',
|
|
37
|
+
color: 'var(--neo-text-primary)',
|
|
38
|
+
height: '100%',
|
|
39
|
+
display: 'flex',
|
|
40
|
+
flexDirection: 'column',
|
|
41
|
+
position: 'relative'
|
|
42
|
+
}, children: [children, _jsx("div", { style: { flex: 1, position: 'relative' }, children: _jsx(NeoCanvas, {}) })] }) }));
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=NeoEditor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NeoEditor.js","sourceRoot":"","sources":["../src/NeoEditor.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,cAAc,CAAC;AAmBtB,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAIhC,IAAI,CAAC,CAAC;AAEhB,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,EAAE,EACF,OAAO,GAAG,IAAI,EACd,UAAU,EACV,WAAW,EACX,SAAS,EACT,KAAK,EACL,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEzE,0BAA0B;IAC1B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QACpC,0FAA0F;QAC1F,cAAc,CAAC,OAAO,CAAC,CAAC;QAExB,OAAO,GAAG,EAAE;YACV,yDAAyD;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC;IAErB,cAAc;IACd,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,MAAM,EAAE,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;YACrD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;QAC1D,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;YACrD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAC3B,QAAQ,EAAE,EAAE;QACZ,WAAW;QACX,WAAW;KACZ,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAClC,eAAK,SAAS,EAAE,cAAc,SAAS,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE;gBACtD,eAAe,EAAE,sBAAsB;gBACvC,KAAK,EAAE,yBAAyB;gBAChC,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,QAAQ,EAAE,UAAU;aACrB,aAEE,QAAQ,EAGT,cAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,YACxC,KAAC,SAAS,KAAG,GACZ,IACF,GACiB,CAC1B,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalloutBlock.d.ts","sourceRoot":"","sources":["../../src/blocks/CalloutBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,CA+BtD,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { EditableBlock } from '../EditableBlock';
|
|
3
|
+
export const CalloutBlock = ({ block }) => {
|
|
4
|
+
const { type = 'info', icon = '💡' } = block.props; // info, warning, error
|
|
5
|
+
let bg = '#e0f2fe';
|
|
6
|
+
let color = '#0369a1';
|
|
7
|
+
if (type === 'warning') {
|
|
8
|
+
bg = '#fef9c3';
|
|
9
|
+
color = '#854d0e';
|
|
10
|
+
}
|
|
11
|
+
else if (type === 'error') {
|
|
12
|
+
bg = '#fee2e2';
|
|
13
|
+
color = '#991b1b';
|
|
14
|
+
}
|
|
15
|
+
return (_jsxs("div", { className: "neo-callout-block", style: {
|
|
16
|
+
backgroundColor: bg,
|
|
17
|
+
color: color,
|
|
18
|
+
padding: '1em',
|
|
19
|
+
borderRadius: '4px',
|
|
20
|
+
display: 'flex',
|
|
21
|
+
gap: '0.5em',
|
|
22
|
+
alignItems: 'flex-start',
|
|
23
|
+
margin: '1em 0'
|
|
24
|
+
}, children: [_jsx("span", { style: { fontSize: '1.2em' }, children: icon }), _jsx("div", { style: { flex: 1 }, children: _jsx(EditableBlock, { block: block }) })] }));
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=CalloutBlock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalloutBlock.js","sourceRoot":"","sources":["../../src/blocks/CalloutBlock.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,YAAY,GAAkC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvE,MAAM,EAAE,IAAI,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,uBAAuB;IAE3E,IAAI,EAAE,GAAG,SAAS,CAAC;IACnB,IAAI,KAAK,GAAG,SAAS,CAAC;IAEtB,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,EAAE,GAAG,SAAS,CAAC;QACf,KAAK,GAAG,SAAS,CAAC;IACpB,CAAC;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,EAAE,GAAG,SAAS,CAAC;QACf,KAAK,GAAG,SAAS,CAAC;IACpB,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAE;YACxC,eAAe,EAAE,EAAE;YACnB,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,KAAK;YACd,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,MAAM;YACf,GAAG,EAAE,OAAO;YACZ,UAAU,EAAE,YAAY;YACxB,MAAM,EAAE,OAAO;SAChB,aACC,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAG,IAAI,GAAQ,EACjD,cAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACrB,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,GAC3B,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/blocks/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,CAcnD,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { EditableBlock } from '../EditableBlock';
|
|
3
|
+
export const CodeBlock = ({ block }) => {
|
|
4
|
+
return (_jsx("pre", { className: "neo-code-block", style: {
|
|
5
|
+
backgroundColor: '#f5f5f5',
|
|
6
|
+
padding: '1em',
|
|
7
|
+
borderRadius: '4px',
|
|
8
|
+
fontFamily: 'var(--neo-code-font)',
|
|
9
|
+
overflowX: 'auto'
|
|
10
|
+
}, children: _jsx("code", { children: _jsx(EditableBlock, { block: block }) }) }));
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=CodeBlock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../src/blocks/CodeBlock.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,SAAS,GAAkC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE;YACrC,eAAe,EAAE,SAAS;YAC1B,OAAO,EAAE,KAAK;YACd,YAAY,EAAE,KAAK;YACnB,UAAU,EAAE,sBAAsB;YAClC,SAAS,EAAE,MAAM;SAClB,YACC,yBACE,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,GAC1B,GACH,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DividerBlock.d.ts","sourceRoot":"","sources":["../../src/blocks/DividerBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,CAEtD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DividerBlock.js","sourceRoot":"","sources":["../../src/blocks/DividerBlock.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,YAAY,GAAkC,GAAG,EAAE;IAC9D,OAAO,aAAI,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,GAAI,CAAC;AACvH,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeadingBlock.d.ts","sourceRoot":"","sources":["../../src/blocks/HeadingBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,CAStD,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { EditableBlock } from '../EditableBlock';
|
|
3
|
+
export const HeadingBlock = ({ block }) => {
|
|
4
|
+
const level = parseInt(block.type.split('-')[1]);
|
|
5
|
+
const fontSize = level === 1 ? '2em' : level === 2 ? '1.5em' : '1.25em';
|
|
6
|
+
return (_jsx("div", { className: `neo-heading-${level}`, style: { fontSize, fontWeight: 'bold', margin: '0.5em 0' }, children: _jsx(EditableBlock, { block: block }) }));
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=HeadingBlock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeadingBlock.js","sourceRoot":"","sources":["../../src/blocks/HeadingBlock.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,YAAY,GAAkC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvE,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAExE,OAAO,CACL,cAAK,SAAS,EAAE,eAAe,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,YAChG,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,GAC3B,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListBlock.d.ts","sourceRoot":"","sources":["../../src/blocks/ListBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,CAcnD,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { EditableBlock } from '../EditableBlock';
|
|
3
|
+
export const ListBlock = ({ block }) => {
|
|
4
|
+
const isOrdered = block.type === 'ordered-list';
|
|
5
|
+
const isTodo = block.type === 'todo-list';
|
|
6
|
+
return (_jsxs("div", { className: "neo-list-item", style: { display: 'flex', alignItems: 'flex-start', marginLeft: '1.5em' }, children: [_jsx("span", { style: { marginRight: '0.5em', userSelect: 'none' }, children: isOrdered ? '1.' : isTodo ? _jsx("input", { type: "checkbox", disabled: true }) : '•' }), _jsx("div", { style: { flex: 1 }, children: _jsx(EditableBlock, { block: block }) })] }));
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=ListBlock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListBlock.js","sourceRoot":"","sources":["../../src/blocks/ListBlock.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,SAAS,GAAkC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,KAAK,cAAc,CAAC;IAChD,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,KAAK,WAAW,CAAC;IAE1C,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,aACtG,eAAM,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,YACtD,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAO,IAAI,EAAC,UAAU,EAAC,QAAQ,SAAG,CAAC,CAAC,CAAC,GAAG,GAChE,EACP,cAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACrB,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,GAC3B,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaBlock.d.ts","sourceRoot":"","sources":["../../src/blocks/MediaBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,CAyBpD,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export const MediaBlock = ({ block }) => {
|
|
3
|
+
const { src, caption } = block.props;
|
|
4
|
+
if (block.type === 'image') {
|
|
5
|
+
return (_jsxs("div", { className: "neo-image-block", style: { margin: '1em 0' }, children: [_jsx("img", { src: src, alt: caption, style: { maxWidth: '100%', borderRadius: '4px' } }), caption && _jsx("div", { style: { fontSize: '0.8em', color: '#666', textAlign: 'center' }, children: caption })] }));
|
|
6
|
+
}
|
|
7
|
+
if (block.type === 'video') {
|
|
8
|
+
return (_jsx("div", { className: "neo-video-block", style: { margin: '1em 0' }, children: _jsx("iframe", { src: src, style: { width: '100%', aspectRatio: '16/9', border: 'none' }, title: caption || 'Video' }) }));
|
|
9
|
+
}
|
|
10
|
+
return null;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=MediaBlock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaBlock.js","sourceRoot":"","sources":["../../src/blocks/MediaBlock.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,UAAU,GAAkC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;IAErC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC3B,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,aACzD,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,GAAI,EAChF,OAAO,IAAI,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAG,OAAO,GAAO,IAC9F,CACP,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC3B,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YACzD,iBACI,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAC7D,KAAK,EAAE,OAAO,IAAI,OAAO,GAC3B,GACE,CACP,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuoteBlock.d.ts","sourceRoot":"","sources":["../../src/blocks/QuoteBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,CAYpD,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { EditableBlock } from '../EditableBlock';
|
|
3
|
+
export const QuoteBlock = ({ block }) => {
|
|
4
|
+
return (_jsx("blockquote", { className: "neo-quote-block", style: {
|
|
5
|
+
borderLeft: '4px solid var(--neo-accent-color)',
|
|
6
|
+
paddingLeft: '1em',
|
|
7
|
+
margin: '1em 0',
|
|
8
|
+
color: '#555',
|
|
9
|
+
fontStyle: 'italic'
|
|
10
|
+
}, children: _jsx(EditableBlock, { block: block }) }));
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=QuoteBlock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuoteBlock.js","sourceRoot":"","sources":["../../src/blocks/QuoteBlock.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,UAAU,GAAkC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrE,OAAO,CACL,qBAAY,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE;YAC7C,UAAU,EAAE,mCAAmC;YAC/C,WAAW,EAAE,KAAK;YAClB,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,QAAQ;SACpB,YACC,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,GACpB,CACd,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface AeropeakProps {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
offset?: number;
|
|
5
|
+
animation?: 'fade' | 'scale' | 'none';
|
|
6
|
+
}
|
|
7
|
+
export declare const Aeropeak: React.FC<AeropeakProps> & {
|
|
8
|
+
Bold: React.FC;
|
|
9
|
+
Italic: React.FC;
|
|
10
|
+
Strike: React.FC;
|
|
11
|
+
Link: React.FC;
|
|
12
|
+
};
|
|
13
|
+
export declare const AeroButton: React.FC<{
|
|
14
|
+
icon: React.ReactNode;
|
|
15
|
+
label?: string;
|
|
16
|
+
onClick: (editor: any) => void;
|
|
17
|
+
}>;
|
|
18
|
+
export declare const Separator: React.FC;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=Aeropeak.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Aeropeak.d.ts","sourceRoot":"","sources":["../../src/components/Aeropeak.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;CACvC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG;IAC/C,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IACjB,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IACjB,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;CAgEhB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CAChC,CAoBA,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAE7B,CAAC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
|
+
import { useEditor } from '../hooks';
|
|
4
|
+
export const Aeropeak = ({ children, offset = 10, animation = 'fade' }) => {
|
|
5
|
+
const { selection, toggleMark } = useEditor(); // toggleMark to be implemented in useEditor/store
|
|
6
|
+
const [position, setPosition] = useState(null);
|
|
7
|
+
useEffect(() => {
|
|
8
|
+
const handleSelectionChange = () => {
|
|
9
|
+
const sel = window.getSelection();
|
|
10
|
+
if (!sel || sel.rangeCount === 0 || sel.isCollapsed) {
|
|
11
|
+
setPosition(null);
|
|
12
|
+
return;
|
|
13
|
+
}
|
|
14
|
+
const range = sel.getRangeAt(0);
|
|
15
|
+
const rect = range.getBoundingClientRect();
|
|
16
|
+
// Calculate position relative to viewport (fixed positioning usually easiest for portals)
|
|
17
|
+
// or relative to editor container if using absolute.
|
|
18
|
+
// For now, let's use fixed/absolute coordinates based on rect.
|
|
19
|
+
if (rect.width > 0) {
|
|
20
|
+
setPosition({
|
|
21
|
+
x: rect.left + rect.width / 2,
|
|
22
|
+
y: rect.top - offset,
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
setPosition(null);
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
document.addEventListener('selectionchange', handleSelectionChange);
|
|
30
|
+
return () => document.removeEventListener('selectionchange', handleSelectionChange);
|
|
31
|
+
}, [offset]);
|
|
32
|
+
if (!position)
|
|
33
|
+
return null;
|
|
34
|
+
return (_jsx("div", { className: `neo-aeropeak neo-anim-${animation}`, style: {
|
|
35
|
+
position: 'fixed', // Using fixed for simplicity with viewport coords
|
|
36
|
+
top: position.y,
|
|
37
|
+
left: position.x,
|
|
38
|
+
transform: 'translate(-50%, -100%)',
|
|
39
|
+
zIndex: 1000,
|
|
40
|
+
backgroundColor: '#333',
|
|
41
|
+
color: 'white',
|
|
42
|
+
borderRadius: '4px',
|
|
43
|
+
padding: '4px',
|
|
44
|
+
display: 'flex',
|
|
45
|
+
gap: '4px',
|
|
46
|
+
boxShadow: '0 2px 10px rgba(0,0,0,0.2)'
|
|
47
|
+
}, onMouseDown: (e) => e.preventDefault(), children: children || (_jsxs(_Fragment, { children: [_jsx(Aeropeak.Bold, {}), _jsx(Aeropeak.Italic, {}), _jsx(Aeropeak.Strike, {}), _jsx(Aeropeak.Link, {})] })) }));
|
|
48
|
+
};
|
|
49
|
+
export const AeroButton = ({ icon, label, onClick }) => {
|
|
50
|
+
const editor = useEditor();
|
|
51
|
+
return (_jsx("button", { onClick: () => onClick(editor), className: "neo-aero-button", title: label, style: {
|
|
52
|
+
background: 'none',
|
|
53
|
+
border: 'none',
|
|
54
|
+
color: 'inherit',
|
|
55
|
+
cursor: 'pointer',
|
|
56
|
+
padding: '4px 8px',
|
|
57
|
+
borderRadius: '2px',
|
|
58
|
+
display: 'flex', alignItems: 'center'
|
|
59
|
+
}, children: icon }));
|
|
60
|
+
};
|
|
61
|
+
export const Separator = () => (_jsx("div", { style: { width: '1px', backgroundColor: 'rgba(255,255,255,0.2)', margin: '0 4px' } }));
|
|
62
|
+
// Default Buttons
|
|
63
|
+
Aeropeak.Bold = () => _jsx(AeroButton, { icon: _jsx("strong", { children: "B" }), label: "Bold", onClick: (e) => e.toggleMark && e.toggleMark('bold') });
|
|
64
|
+
Aeropeak.Italic = () => _jsx(AeroButton, { icon: _jsx("em", { children: "I" }), label: "Italic", onClick: (e) => e.toggleMark && e.toggleMark('italic') });
|
|
65
|
+
Aeropeak.Strike = () => _jsx(AeroButton, { icon: _jsx("s", { children: "S" }), label: "Strike", onClick: (e) => e.toggleMark && e.toggleMark('strike') });
|
|
66
|
+
Aeropeak.Link = () => _jsx(AeroButton, { icon: _jsx("span", { children: "\uD83D\uDD17" }), label: "Link", onClick: (e) => e.toggleMark && e.toggleMark('link') });
|
|
67
|
+
//# sourceMappingURL=Aeropeak.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Aeropeak.js","sourceRoot":"","sources":["../../src/components/Aeropeak.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CursorOverlay.d.ts","sourceRoot":"","sources":["../../src/components/CursorOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAgB/D,UAAU,kBAAkB;IAC1B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9C;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsDtD,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useContext, useEffect, useState } from 'react';
|
|
3
|
+
import { EditorContext } from '../NeoEditor';
|
|
4
|
+
export const CursorOverlay = ({ colors = ['#FF5733', '#33FF57', '#3357FF'], renderLabel }) => {
|
|
5
|
+
const context = useContext(EditorContext);
|
|
6
|
+
const [cursors, setCursors] = useState([]);
|
|
7
|
+
useEffect(() => {
|
|
8
|
+
const manager = context === null || context === void 0 ? void 0 : context.syncManager;
|
|
9
|
+
if (!manager || !manager.awareness)
|
|
10
|
+
return;
|
|
11
|
+
const awareness = manager.awareness;
|
|
12
|
+
const handleChange = () => {
|
|
13
|
+
const states = awareness.getStates();
|
|
14
|
+
const newCursors = [];
|
|
15
|
+
states.forEach((state, clientId) => {
|
|
16
|
+
if (clientId !== awareness.clientID && state.user && state.cursor) {
|
|
17
|
+
newCursors.push({
|
|
18
|
+
clientId,
|
|
19
|
+
user: state.user,
|
|
20
|
+
cursor: state.cursor
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
setCursors(newCursors);
|
|
25
|
+
};
|
|
26
|
+
awareness.on('change', handleChange);
|
|
27
|
+
return () => {
|
|
28
|
+
awareness.off('change', handleChange);
|
|
29
|
+
};
|
|
30
|
+
}, [context === null || context === void 0 ? void 0 : context.syncManager]);
|
|
31
|
+
if (!(context === null || context === void 0 ? void 0 : context.syncManager))
|
|
32
|
+
return null;
|
|
33
|
+
return (_jsx("div", { className: "neo-cursor-overlay", style: { position: 'absolute', inset: 0, pointerEvents: 'none', zIndex: 999 }, children: cursors.map(cursor => (_jsx("div", { style: {
|
|
34
|
+
// Positioning logic would go here based on cursor.cursor props (blockId, index)
|
|
35
|
+
// For MVP we just render a dummy marker at top left or log it
|
|
36
|
+
// Real implementation requires integration effectively with EditableBlock measurements
|
|
37
|
+
position: 'absolute',
|
|
38
|
+
display: 'none' // Hidden for now as we lack rect calculation
|
|
39
|
+
}, children: _jsx("span", { style: { backgroundColor: cursor.user.color }, children: cursor.user.name }) }, cursor.clientId))) }));
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=CursorOverlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CursorOverlay.js","sourceRoot":"","sources":["../../src/components/CursorOverlay.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAoB7C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,EAC1C,WAAW,EACZ,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;QACrC,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS;YAAE,OAAO;QAE3C,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;QAEpC,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,MAAM,MAAM,GAAG,SAAS,CAAC,SAAS,EAAE,CAAC;YACrC,MAAM,UAAU,GAAa,EAAE,CAAC;YAChC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAU,EAAE,QAAgB,EAAE,EAAE;gBAC9C,IAAI,QAAQ,KAAK,SAAS,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;oBAClE,UAAU,CAAC,IAAI,CAAC;wBACd,QAAQ;wBACR,IAAI,EAAE,KAAK,CAAC,IAAI;wBAChB,MAAM,EAAE,KAAK,CAAC,MAAM;qBACrB,CAAC,CAAC;gBACL,CAAC;YACH,CAAC,CAAC,CAAC;YACH,UAAU,CAAC,UAAU,CAAC,CAAC;QACzB,CAAC,CAAC;QAEF,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACrC,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACxC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC,CAAC,CAAC;IAE3B,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAA;QAAE,OAAO,IAAI,CAAC;IAEvC,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,YAC9G,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACrB,cAEE,KAAK,EAAE;gBACJ,gFAAgF;gBAChF,8DAA8D;gBAC9D,uFAAuF;gBACvF,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,MAAM,CAAC,6CAA6C;aAC/D,YAED,eAAM,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,YAAG,MAAM,CAAC,IAAI,CAAC,IAAI,GAAQ,IATzE,MAAM,CAAC,QAAQ,CAUhB,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface PDFDropZoneProps {
|
|
3
|
+
onDrop?: (files: File[]) => void;
|
|
4
|
+
renderOverlay?: (props: {
|
|
5
|
+
isOver: boolean;
|
|
6
|
+
}) => React.ReactNode;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const PDFDropZone: React.FC<PDFDropZoneProps>;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=PDFDropZone.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PDFDropZone.d.ts","sourceRoot":"","sources":["../../src/components/PDFDropZone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAKrD,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8FlD,CAAC"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useCallback } from 'react';
|
|
3
|
+
import { extractBlocksFromPdf } from '@editneo/pdf'; // We'll need to export this or handle worker loading
|
|
4
|
+
import { useEditor } from '../hooks';
|
|
5
|
+
export const PDFDropZone = ({ onDrop, renderOverlay, children }) => {
|
|
6
|
+
const [isOver, setIsOver] = useState(false);
|
|
7
|
+
const { addBlock } = useEditor();
|
|
8
|
+
const handleDragOver = useCallback((e) => {
|
|
9
|
+
e.preventDefault();
|
|
10
|
+
setIsOver(true);
|
|
11
|
+
}, []);
|
|
12
|
+
const handleDragLeave = useCallback((e) => {
|
|
13
|
+
e.preventDefault();
|
|
14
|
+
setIsOver(false);
|
|
15
|
+
}, []);
|
|
16
|
+
const handleDrop = useCallback(async (e) => {
|
|
17
|
+
e.preventDefault();
|
|
18
|
+
setIsOver(false);
|
|
19
|
+
const files = Array.from(e.dataTransfer.files);
|
|
20
|
+
if (onDrop) {
|
|
21
|
+
onDrop(files);
|
|
22
|
+
return; // If custom onDrop is provided, we might not want default behavior?
|
|
23
|
+
// The guide says "Intercept the file before processing".
|
|
24
|
+
// User might want to run default logic too. For now let's assume if onDrop is present, user handles it.
|
|
25
|
+
// But actually, usually onDrop is for side effects.
|
|
26
|
+
// Let's check the guide: "Intercept the file before processing." implies we might stop there.
|
|
27
|
+
}
|
|
28
|
+
// Default processing for PDFs
|
|
29
|
+
const pdfFile = files.find(f => f.type === 'application/pdf');
|
|
30
|
+
if (pdfFile) {
|
|
31
|
+
const buffer = await pdfFile.arrayBuffer();
|
|
32
|
+
// Note: In a real app we'd use a worker.
|
|
33
|
+
// For this implementation we call the logic directly but wrapped async.
|
|
34
|
+
// We need to ensure @editneo/pdf exports this.
|
|
35
|
+
try {
|
|
36
|
+
const blocks = await extractBlocksFromPdf(buffer);
|
|
37
|
+
blocks.forEach((block) => {
|
|
38
|
+
// We need a way to add a full block with content, not just type.
|
|
39
|
+
// store.addBlock currently only takes type.
|
|
40
|
+
// We need to enhance store.addBlock or add a new action `insertBlock` that takes a full block.
|
|
41
|
+
// For now, we'll manually use the internal store update if possible or add the action.
|
|
42
|
+
// Let's assume we update store actions in next steps or just map it.
|
|
43
|
+
// Actually, the blocks from PDF are full NeoBlocks.
|
|
44
|
+
// We need `addBlock` to support full block object or a new action `insertFullBlock`.
|
|
45
|
+
// I'll add `insertBlocks` to the store types later.
|
|
46
|
+
// For now, let's log or assume the hook exposes it.
|
|
47
|
+
console.log('PDF Blocks extracted:', blocks);
|
|
48
|
+
// useEditorStore.getState().insertBlocks(blocks); // TODO: Add this action
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
catch (err) {
|
|
52
|
+
console.error('PDF Extraction failed:', err);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}, [onDrop, addBlock]);
|
|
56
|
+
return (_jsxs("div", { onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, style: { position: 'relative', height: '100%', width: '100%' }, children: [children, isOver && (_jsx("div", { style: {
|
|
57
|
+
position: 'absolute',
|
|
58
|
+
top: 0, left: 0, right: 0, bottom: 0,
|
|
59
|
+
backgroundColor: 'rgba(59, 130, 246, 0.1)',
|
|
60
|
+
zIndex: 50,
|
|
61
|
+
pointerEvents: 'none',
|
|
62
|
+
display: 'flex',
|
|
63
|
+
alignItems: 'center',
|
|
64
|
+
justifyContent: 'center'
|
|
65
|
+
}, children: renderOverlay ? renderOverlay({ isOver }) : (_jsx("div", { style: {
|
|
66
|
+
backgroundColor: 'white',
|
|
67
|
+
padding: '20px',
|
|
68
|
+
borderRadius: '8px',
|
|
69
|
+
boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1)'
|
|
70
|
+
}, children: "\u2728 Release to Transmute PDF \u2728" })) }))] }));
|
|
71
|
+
};
|
|
72
|
+
//# sourceMappingURL=PDFDropZone.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PDFDropZone.js","sourceRoot":"","sources":["../../src/components/PDFDropZone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface CommandItem {
|
|
3
|
+
key: string;
|
|
4
|
+
label: string;
|
|
5
|
+
icon?: React.ReactNode;
|
|
6
|
+
execute: (editor: any) => void;
|
|
7
|
+
}
|
|
8
|
+
interface SlashMenuProps {
|
|
9
|
+
customCommands?: CommandItem[];
|
|
10
|
+
filter?: (cmd: CommandItem) => boolean;
|
|
11
|
+
menuComponent?: React.ComponentType<any>;
|
|
12
|
+
}
|
|
13
|
+
export declare const SlashMenu: React.FC<SlashMenuProps>;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=SlashMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SlashMenu.d.ts","sourceRoot":"","sources":["../../src/components/SlashMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CAChC;AAED,UAAU,cAAc;IACtB,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,OAAO,CAAC;IACvC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8I9C,CAAC"}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useEffect } from 'react';
|
|
3
|
+
import { useEditor } from '../hooks';
|
|
4
|
+
export const SlashMenu = ({ customCommands = [], filter, menuComponent: MenuComponent }) => {
|
|
5
|
+
const editor = useEditor();
|
|
6
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
7
|
+
const [query, setQuery] = useState('');
|
|
8
|
+
const [position, setPosition] = useState(null);
|
|
9
|
+
const [selectedIndex, setSelectedIndex] = useState(0);
|
|
10
|
+
// Default Commands
|
|
11
|
+
const defaultCommands = [
|
|
12
|
+
{ key: 'paragraph', label: 'Paragraph', execute: (e) => e.addBlock('paragraph') },
|
|
13
|
+
{ key: 'heading-1', label: 'Heading 1', execute: (e) => e.addBlock('heading-1') },
|
|
14
|
+
{ key: 'heading-2', label: 'Heading 2', execute: (e) => e.addBlock('heading-2') },
|
|
15
|
+
{ key: 'heading-3', label: 'Heading 3', execute: (e) => e.addBlock('heading-3') },
|
|
16
|
+
{ key: 'bullet-list', label: 'Bulleted List', execute: (e) => e.addBlock('bullet-list') },
|
|
17
|
+
{ key: 'ordered-list', label: 'Ordered List', execute: (e) => e.addBlock('ordered-list') },
|
|
18
|
+
{ key: 'todo-list', label: 'To-do List', execute: (e) => e.addBlock('todo-list') },
|
|
19
|
+
{ key: 'quote', label: 'Quote', execute: (e) => e.addBlock('quote') },
|
|
20
|
+
{ key: 'code-block', label: 'Code Block', execute: (e) => e.addBlock('code-block') },
|
|
21
|
+
{ key: 'divider', label: 'Divider', execute: (e) => e.addBlock('divider') },
|
|
22
|
+
{ key: 'callout', label: 'Callout', execute: (e) => e.addBlock('callout') },
|
|
23
|
+
{ key: 'image', label: 'Image', execute: (e) => e.addBlock('image') }, // Needs real upload logic
|
|
24
|
+
];
|
|
25
|
+
const allCommands = [...defaultCommands, ...customCommands].filter(cmd => filter ? filter(cmd) : true);
|
|
26
|
+
const filteredCommands = allCommands.filter(cmd => cmd.label.toLowerCase().includes(query.toLowerCase()));
|
|
27
|
+
// Detect '/' key
|
|
28
|
+
useEffect(() => {
|
|
29
|
+
const handleKeyDown = (e) => {
|
|
30
|
+
// Very basic detection - in real app, hook into ProseMirror/input events or selection
|
|
31
|
+
// Here we assume if "/" is typed and nothing is selected...
|
|
32
|
+
// This logic is flawed for a real rich text editor without proper input interception
|
|
33
|
+
// Typically the `EditableBlock` handles triggering `onSlash` callback.
|
|
34
|
+
// For this implementation, we will rely on a custom event dispatch or simple global listener
|
|
35
|
+
// if `useEditor` allowed subscribing to slash events.
|
|
36
|
+
// Let's implement a simple listener on the document that checks if active element is our editor
|
|
37
|
+
// This is "good enough" for the demo level.
|
|
38
|
+
if (e.key === '/' && !isOpen) {
|
|
39
|
+
const sel = window.getSelection();
|
|
40
|
+
if (sel && sel.rangeCount > 0) {
|
|
41
|
+
const range = sel.getRangeAt(0);
|
|
42
|
+
const rect = range.getBoundingClientRect();
|
|
43
|
+
setPosition({ x: rect.left, y: rect.bottom + 5 });
|
|
44
|
+
setIsOpen(true);
|
|
45
|
+
setQuery('');
|
|
46
|
+
setSelectedIndex(0);
|
|
47
|
+
// We don't preventDefault so the '/' is typed,
|
|
48
|
+
// usually we want to capture it.
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
else if (isOpen) {
|
|
52
|
+
if (e.key === 'Escape') {
|
|
53
|
+
setIsOpen(false);
|
|
54
|
+
}
|
|
55
|
+
else if (e.key === 'ArrowDown') {
|
|
56
|
+
e.preventDefault();
|
|
57
|
+
setSelectedIndex(i => (i + 1) % filteredCommands.length);
|
|
58
|
+
}
|
|
59
|
+
else if (e.key === 'ArrowUp') {
|
|
60
|
+
e.preventDefault();
|
|
61
|
+
setSelectedIndex(i => (i - 1 + filteredCommands.length) % filteredCommands.length);
|
|
62
|
+
}
|
|
63
|
+
else if (e.key === 'Enter') {
|
|
64
|
+
e.preventDefault();
|
|
65
|
+
if (filteredCommands[selectedIndex]) {
|
|
66
|
+
filteredCommands[selectedIndex].execute(editor);
|
|
67
|
+
setIsOpen(false);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
else if (e.key === 'Backspace') {
|
|
71
|
+
// Handle query update?
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
const handleInput = (e) => {
|
|
76
|
+
if (isOpen) {
|
|
77
|
+
// Update query based on text after slash?
|
|
78
|
+
// Complex to do globally.
|
|
79
|
+
// Ideally `EditableBlock` passes the query.
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
83
|
+
return () => document.removeEventListener('keydown', handleKeyDown);
|
|
84
|
+
}, [isOpen, filteredCommands, selectedIndex, editor]);
|
|
85
|
+
if (!isOpen || !position)
|
|
86
|
+
return null;
|
|
87
|
+
if (MenuComponent) {
|
|
88
|
+
return _jsx(MenuComponent, { commands: filteredCommands, position: position, onSelect: (cmd) => cmd.execute(editor) });
|
|
89
|
+
}
|
|
90
|
+
return (_jsxs("div", { className: "neo-slash-menu", style: {
|
|
91
|
+
position: 'fixed',
|
|
92
|
+
top: position.y,
|
|
93
|
+
left: position.x,
|
|
94
|
+
zIndex: 1000,
|
|
95
|
+
backgroundColor: 'white',
|
|
96
|
+
border: '1px solid #ddd',
|
|
97
|
+
boxShadow: '0 4px 12px rgba(0,0,0,0.15)',
|
|
98
|
+
borderRadius: '6px',
|
|
99
|
+
width: '240px',
|
|
100
|
+
maxHeight: '300px',
|
|
101
|
+
overflowY: 'auto'
|
|
102
|
+
}, children: [filteredCommands.map((cmd, index) => (_jsxs("div", { onClick: () => {
|
|
103
|
+
cmd.execute(editor);
|
|
104
|
+
setIsOpen(false);
|
|
105
|
+
}, style: {
|
|
106
|
+
padding: '8px 12px',
|
|
107
|
+
cursor: 'pointer',
|
|
108
|
+
backgroundColor: index === selectedIndex ? '#f3f4f6' : 'transparent',
|
|
109
|
+
display: 'flex',
|
|
110
|
+
alignItems: 'center',
|
|
111
|
+
gap: '8px',
|
|
112
|
+
fontSize: '0.9em'
|
|
113
|
+
}, onMouseEnter: () => setSelectedIndex(index), children: [cmd.icon && _jsx("span", { className: "neo-cmd-icon", children: cmd.icon }), _jsx("span", { children: cmd.label })] }, cmd.key))), filteredCommands.length === 0 && (_jsx("div", { style: { padding: '8px 12px', color: '#999', fontSize: '0.9em' }, children: "No results" }))] }));
|
|
114
|
+
};
|
|
115
|
+
//# sourceMappingURL=SlashMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SlashMenu.js","sourceRoot":"","sources":["../../src/components/SlashMenu.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAerC,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,cAAc,GAAG,EAAE,EACnB,MAAM,EACN,aAAa,EAAE,aAAa,EAC7B,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAkC,IAAI,CAAC,CAAC;IAChF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtD,mBAAmB;IACnB,MAAM,eAAe,GAAkB;QACrC,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QACjF,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QACjF,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QACjF,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QACjF,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;QACzF,EAAE,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;QAC1F,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QAClF,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;QACrE,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;QACpF,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QAC3E,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QAC3E,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,EAAE,0BAA0B;KAClG,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,GAAG,eAAe,EAAE,GAAG,cAAc,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CACvE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAC5B,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAChD,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CACtD,CAAC;IAEF,iBAAiB;IACjB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;YACzC,sFAAsF;YACtF,4DAA4D;YAC5D,qFAAqF;YACrF,uEAAuE;YACvE,8FAA8F;YAC9F,sDAAsD;YAEtD,gGAAgG;YAChG,6CAA6C;YAC7C,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;gBAC3B,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;gBAClC,IAAI,GAAG,IAAI,GAAG,CAAC,UAAU,GAAG,CAAC,EAAE,CAAC;oBAC5B,MAAM,KAAK,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;oBAChC,MAAM,IAAI,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;oBAC3C,WAAW,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC;oBAClD,SAAS,CAAC,IAAI,CAAC,CAAC;oBAChB,QAAQ,CAAC,EAAE,CAAC,CAAC;oBACb,gBAAgB,CAAC,CAAC,CAAC,CAAC;oBACpB,gDAAgD;oBAChD,iCAAiC;gBACrC,CAAC;YACL,CAAC;iBAAM,IAAI,MAAM,EAAE,CAAC;gBAChB,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;oBACrB,SAAS,CAAC,KAAK,CAAC,CAAC;gBACrB,CAAC;qBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;oBAC/B,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;gBAC7D,CAAC;qBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;oBAC7B,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,MAAM,CAAC,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;gBACvF,CAAC;qBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;oBAC3B,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,gBAAgB,CAAC,aAAa,CAAC,EAAE,CAAC;wBAClC,gBAAgB,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;wBAChD,SAAS,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC;gBACL,CAAC;qBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;oBAChC,uBAAuB;gBAC1B,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,WAAW,GAAG,CAAC,CAAQ,EAAE,EAAE;YAC5B,IAAI,MAAM,EAAE,CAAC;gBACT,0CAA0C;gBAC1C,2BAA2B;gBAC3B,4CAA4C;YAChD,CAAC;QACN,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtD,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAEtC,IAAI,aAAa,EAAE,CAAC;QAChB,OAAO,KAAC,aAAa,IAAC,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,GAAI,CAAC;IAC1H,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,QAAQ,CAAC,CAAC;YACf,IAAI,EAAE,QAAQ,CAAC,CAAC;YAChB,MAAM,EAAE,IAAI;YACZ,eAAe,EAAE,OAAO;YACxB,MAAM,EAAE,gBAAgB;YACxB,SAAS,EAAE,6BAA6B;YACxC,YAAY,EAAE,KAAK;YACnB,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,OAAO;YAClB,SAAS,EAAE,MAAM;SAClB,aAEA,gBAAgB,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,eAEE,OAAO,EAAE,GAAG,EAAE;oBACZ,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;oBACpB,SAAS,CAAC,KAAK,CAAC,CAAC;gBACnB,CAAC,EACD,KAAK,EAAE;oBACL,OAAO,EAAE,UAAU;oBACnB,MAAM,EAAE,SAAS;oBACjB,eAAe,EAAE,KAAK,KAAK,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;oBACpE,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,KAAK;oBACV,QAAQ,EAAE,OAAO;iBAClB,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,aAE1C,GAAG,CAAC,IAAI,IAAI,eAAM,SAAS,EAAC,cAAc,YAAE,GAAG,CAAC,IAAI,GAAQ,EAC7D,yBAAO,GAAG,CAAC,KAAK,GAAQ,KAjBnB,GAAG,CAAC,GAAG,CAkBR,CACP,CAAC,EACD,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,CAC9B,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,2BAAkB,CAC1F,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}
|
package/dist/hooks.d.ts
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export declare const useEditor: () => {
|
|
2
|
+
insertBlock: (type: import("@editneo/core").BlockType, afterId?: string | null) => void;
|
|
3
|
+
blocks: Record<string, import("@editneo/core").NeoBlock>;
|
|
4
|
+
rootBlocks: string[];
|
|
5
|
+
history: Partial<import("@editneo/core").EditorState>[];
|
|
6
|
+
historyIndex: number;
|
|
7
|
+
selection: {
|
|
8
|
+
blockId: string | null;
|
|
9
|
+
startOffset: number;
|
|
10
|
+
endOffset: number;
|
|
11
|
+
};
|
|
12
|
+
addBlock: (type: import("@editneo/core").BlockType, afterId?: string | null) => void;
|
|
13
|
+
updateBlock: (id: string, partial: Partial<import("@editneo/core").NeoBlock>) => void;
|
|
14
|
+
deleteBlock: (id: string) => void;
|
|
15
|
+
toggleMark: (mark: keyof Pick<import("@editneo/core").Span, "bold" | "italic" | "underline" | "strike" | "code">) => void;
|
|
16
|
+
undo: () => void;
|
|
17
|
+
redo: () => void;
|
|
18
|
+
};
|
|
19
|
+
export declare const useSelection: () => {
|
|
20
|
+
blockId: string | null;
|
|
21
|
+
startOffset: number;
|
|
22
|
+
endOffset: number;
|
|
23
|
+
};
|
|
24
|
+
export declare const useSyncStatus: () => "connected" | "disconnected";
|
|
25
|
+
//# sourceMappingURL=hooks.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;;;;;;;;;+DAArB,CAAC;;;;;;CAcD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAExB,CAAC;AAEF,eAAO,MAAM,aAAa,oCAIzB,CAAC"}
|
package/dist/hooks.js
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { useContext } from 'react';
|
|
2
|
+
import { useEditorStore } from '@editneo/core';
|
|
3
|
+
import { EditorContext } from './NeoEditor';
|
|
4
|
+
export const useEditor = () => {
|
|
5
|
+
const store = useEditorStore();
|
|
6
|
+
const context = useContext(EditorContext);
|
|
7
|
+
if (!context) {
|
|
8
|
+
throw new Error('useEditor must be used within a NeoEditor');
|
|
9
|
+
}
|
|
10
|
+
return {
|
|
11
|
+
...store,
|
|
12
|
+
// Add specific editor methods here that might combine store + sync
|
|
13
|
+
insertBlock: store.addBlock, // Alias for DX
|
|
14
|
+
// exportJSON implementation would go here
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export const useSelection = () => {
|
|
18
|
+
return useEditorStore((state) => state.selection);
|
|
19
|
+
};
|
|
20
|
+
export const useSyncStatus = () => {
|
|
21
|
+
const context = useContext(EditorContext);
|
|
22
|
+
// Placeholder - needs SyncManager to expose status observable
|
|
23
|
+
return (context === null || context === void 0 ? void 0 : context.syncManager) ? 'connected' : 'disconnected';
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=hooks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAE1C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;IAC/D,CAAC;IAED,OAAO;QACL,GAAG,KAAK;QACR,mEAAmE;QACnE,WAAW,EAAE,KAAK,CAAC,QAAQ,EAAE,eAAe;QAC5C,0CAA0C;KAC3C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,cAAc,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC1C,8DAA8D;IAC9D,OAAO,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC;AAC7D,CAAC,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
|
package/package.json
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@editneo/react",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "React components for EditNeo — NeoEditor, Aeropeak, SlashMenu, and more",
|
|
5
|
+
"main": "./dist/index.js",
|
|
6
|
+
"types": "./dist/index.d.ts",
|
|
7
|
+
"files": ["dist"],
|
|
8
|
+
"scripts": {
|
|
9
|
+
"build": "tsc",
|
|
10
|
+
"check-types": "tsc --noEmit"
|
|
11
|
+
},
|
|
12
|
+
"publishConfig": {
|
|
13
|
+
"access": "public"
|
|
14
|
+
},
|
|
15
|
+
"dependencies": {
|
|
16
|
+
"@editneo/core": "*",
|
|
17
|
+
"@editneo/pdf": "*",
|
|
18
|
+
"@editneo/sync": "*",
|
|
19
|
+
"@tanstack/react-virtual": "^3.0.0",
|
|
20
|
+
"zustand": "^4.5.1"
|
|
21
|
+
},
|
|
22
|
+
"peerDependencies": {
|
|
23
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
24
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
25
|
+
},
|
|
26
|
+
"devDependencies": {
|
|
27
|
+
"typescript": "^5.3.3",
|
|
28
|
+
"@types/react": "^18.2.0",
|
|
29
|
+
"@types/react-dom": "^18.2.0"
|
|
30
|
+
},
|
|
31
|
+
"license": "MIT"
|
|
32
|
+
}
|