@byline/richtext-lexical 0.9.3
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/LICENSE +373 -0
- package/README.md +18 -0
- package/dist/field/apply-value-plugin.d.ts +10 -0
- package/dist/field/apply-value-plugin.d.ts.map +1 -0
- package/dist/field/apply-value-plugin.js +60 -0
- package/dist/field/config/default.d.ts +6 -0
- package/dist/field/config/default.d.ts.map +1 -0
- package/dist/field/config/default.js +53 -0
- package/dist/field/config/editor-config-context.d.ts +14 -0
- package/dist/field/config/editor-config-context.d.ts.map +1 -0
- package/dist/field/config/editor-config-context.js +51 -0
- package/dist/field/config/types.d.ts +28 -0
- package/dist/field/config/types.d.ts.map +1 -0
- package/dist/field/config/types.js +1 -0
- package/dist/field/constants.d.ts +2 -0
- package/dist/field/constants.d.ts.map +1 -0
- package/dist/field/constants.js +2 -0
- package/dist/field/content-editable-inline.d.ts +13 -0
- package/dist/field/content-editable-inline.d.ts.map +1 -0
- package/dist/field/content-editable-inline.js +11 -0
- package/dist/field/content-editable.css +23 -0
- package/dist/field/content-editable.d.ts +13 -0
- package/dist/field/content-editable.d.ts.map +1 -0
- package/dist/field/content-editable.js +14 -0
- package/dist/field/context/shared-autocomplete-context.js +44 -0
- package/dist/field/context/shared-history-context.d.ts +19 -0
- package/dist/field/context/shared-history-context.d.ts.map +1 -0
- package/dist/field/context/shared-history-context.js +16 -0
- package/dist/field/context/shared-on-change-context.d.ts +13 -0
- package/dist/field/context/shared-on-change-context.d.ts.map +1 -0
- package/dist/field/context/shared-on-change-context.js +21 -0
- package/dist/field/debug.d.ts +10 -0
- package/dist/field/debug.d.ts.map +1 -0
- package/dist/field/debug.js +30 -0
- package/dist/field/editor-component.css +33 -0
- package/dist/field/editor-component.d.ts +13 -0
- package/dist/field/editor-component.d.ts.map +1 -0
- package/dist/field/editor-component.js +115 -0
- package/dist/field/editor-context.d.ts +23 -0
- package/dist/field/editor-context.d.ts.map +1 -0
- package/dist/field/editor-context.js +57 -0
- package/dist/field/editor-field.d.ts +34 -0
- package/dist/field/editor-field.d.ts.map +1 -0
- package/dist/field/editor-field.js +18 -0
- package/dist/field/editor.css +1449 -0
- package/dist/field/editor.d.ts +14 -0
- package/dist/field/editor.d.ts.map +1 -0
- package/dist/field/editor.js +190 -0
- package/dist/field/hooks/use-modal.d.ts +13 -0
- package/dist/field/hooks/use-modal.d.ts.map +1 -0
- package/dist/field/hooks/use-modal.js +37 -0
- package/dist/field/hooks/use-report.js +39 -0
- package/dist/field/lexical-populate-shared.d.ts +97 -0
- package/dist/field/lexical-populate-shared.d.ts.map +1 -0
- package/dist/field/lexical-populate-shared.js +60 -0
- package/dist/field/nodes/admonition-node/admonition-node-component.css +119 -0
- package/dist/field/nodes/admonition-node/admonition-node-component.d.ts +18 -0
- package/dist/field/nodes/admonition-node/admonition-node-component.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/admonition-node-component.js +190 -0
- package/dist/field/nodes/admonition-node/admonition-node.d.ts +35 -0
- package/dist/field/nodes/admonition-node/admonition-node.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/admonition-node.js +129 -0
- package/dist/field/nodes/admonition-node/icons/danger-icon.css +12 -0
- package/dist/field/nodes/admonition-node/icons/danger-icon.d.ts +8 -0
- package/dist/field/nodes/admonition-node/icons/danger-icon.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/icons/danger-icon.js +18 -0
- package/dist/field/nodes/admonition-node/icons/index.d.ts +5 -0
- package/dist/field/nodes/admonition-node/icons/index.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/icons/index.js +4 -0
- package/dist/field/nodes/admonition-node/icons/note-icon.css +12 -0
- package/dist/field/nodes/admonition-node/icons/note-icon.d.ts +8 -0
- package/dist/field/nodes/admonition-node/icons/note-icon.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/icons/note-icon.js +18 -0
- package/dist/field/nodes/admonition-node/icons/tip-icon.css +12 -0
- package/dist/field/nodes/admonition-node/icons/tip-icon.d.ts +8 -0
- package/dist/field/nodes/admonition-node/icons/tip-icon.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/icons/tip-icon.js +18 -0
- package/dist/field/nodes/admonition-node/icons/warning-icon.css +12 -0
- package/dist/field/nodes/admonition-node/icons/warning-icon.d.ts +8 -0
- package/dist/field/nodes/admonition-node/icons/warning-icon.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/icons/warning-icon.js +18 -0
- package/dist/field/nodes/admonition-node/index.d.ts +10 -0
- package/dist/field/nodes/admonition-node/index.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/index.js +2 -0
- package/dist/field/nodes/admonition-node/types.d.ts +21 -0
- package/dist/field/nodes/admonition-node/types.d.ts.map +1 -0
- package/dist/field/nodes/admonition-node/types.js +1 -0
- package/dist/field/nodes/document-relation.d.ts +33 -0
- package/dist/field/nodes/document-relation.d.ts.map +1 -0
- package/dist/field/nodes/document-relation.js +1 -0
- package/dist/field/nodes/index.d.ts +10 -0
- package/dist/field/nodes/index.d.ts.map +1 -0
- package/dist/field/nodes/index.js +37 -0
- package/dist/field/nodes/inline-image-node/index.d.ts +10 -0
- package/dist/field/nodes/inline-image-node/index.d.ts.map +1 -0
- package/dist/field/nodes/inline-image-node/index.js +2 -0
- package/dist/field/nodes/inline-image-node/inline-image-node-component.css +204 -0
- package/dist/field/nodes/inline-image-node/inline-image-node-component.d.ts +24 -0
- package/dist/field/nodes/inline-image-node/inline-image-node-component.d.ts.map +1 -0
- package/dist/field/nodes/inline-image-node/inline-image-node-component.js +221 -0
- package/dist/field/nodes/inline-image-node/inline-image-node.d.ts +45 -0
- package/dist/field/nodes/inline-image-node/inline-image-node.d.ts.map +1 -0
- package/dist/field/nodes/inline-image-node/inline-image-node.js +187 -0
- package/dist/field/nodes/inline-image-node/types.d.ts +30 -0
- package/dist/field/nodes/inline-image-node/types.d.ts.map +1 -0
- package/dist/field/nodes/inline-image-node/types.js +1 -0
- package/dist/field/nodes/layout-container-node/layout-container-node.d.ts +29 -0
- package/dist/field/nodes/layout-container-node/layout-container-node.d.ts.map +1 -0
- package/dist/field/nodes/layout-container-node/layout-container-node.js +54 -0
- package/dist/field/nodes/layout-container-node/layout-item-node.d.ts +23 -0
- package/dist/field/nodes/layout-container-node/layout-item-node.d.ts.map +1 -0
- package/dist/field/nodes/layout-container-node/layout-item-node.js +41 -0
- package/dist/field/nodes/link-nodes/auto-link-node.d.ts +17 -0
- package/dist/field/nodes/link-nodes/auto-link-node.d.ts.map +1 -0
- package/dist/field/nodes/link-nodes/auto-link-node.js +52 -0
- package/dist/field/nodes/link-nodes/index.d.ts +4 -0
- package/dist/field/nodes/link-nodes/index.d.ts.map +1 -0
- package/dist/field/nodes/link-nodes/index.js +3 -0
- package/dist/field/nodes/link-nodes/link-node.d.ts +49 -0
- package/dist/field/nodes/link-nodes/link-node.d.ts.map +1 -0
- package/dist/field/nodes/link-nodes/link-node.js +253 -0
- package/dist/field/nodes/link-nodes/types.d.ts +26 -0
- package/dist/field/nodes/link-nodes/types.d.ts.map +1 -0
- package/dist/field/nodes/link-nodes/types.js +1 -0
- package/dist/field/nodes/vimeo-node/index.d.ts +30 -0
- package/dist/field/nodes/vimeo-node/index.d.ts.map +1 -0
- package/dist/field/nodes/vimeo-node/index.js +109 -0
- package/dist/field/nodes/youtube-node/index.d.ts +30 -0
- package/dist/field/nodes/youtube-node/index.d.ts.map +1 -0
- package/dist/field/nodes/youtube-node/index.js +110 -0
- package/dist/field/plugins/admonition-plugin/admonition-modal.css +26 -0
- package/dist/field/plugins/admonition-plugin/admonition-modal.d.ts +12 -0
- package/dist/field/plugins/admonition-plugin/admonition-modal.d.ts.map +1 -0
- package/dist/field/plugins/admonition-plugin/admonition-modal.js +165 -0
- package/dist/field/plugins/admonition-plugin/fields.d.ts +21 -0
- package/dist/field/plugins/admonition-plugin/fields.d.ts.map +1 -0
- package/dist/field/plugins/admonition-plugin/fields.js +55 -0
- package/dist/field/plugins/admonition-plugin/index.d.ts +15 -0
- package/dist/field/plugins/admonition-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/admonition-plugin/index.js +54 -0
- package/dist/field/plugins/admonition-plugin/types.d.ts +34 -0
- package/dist/field/plugins/admonition-plugin/types.d.ts.map +1 -0
- package/dist/field/plugins/admonition-plugin/types.js +1 -0
- package/dist/field/plugins/auto-embed-plugin/auto-embed-modal.css +16 -0
- package/dist/field/plugins/auto-embed-plugin/auto-embed-modal.d.ts +8 -0
- package/dist/field/plugins/auto-embed-plugin/auto-embed-modal.d.ts.map +1 -0
- package/dist/field/plugins/auto-embed-plugin/auto-embed-modal.js +105 -0
- package/dist/field/plugins/auto-embed-plugin/index.d.ts +21 -0
- package/dist/field/plugins/auto-embed-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/auto-embed-plugin/index.js +152 -0
- package/dist/field/plugins/code-highlight-plugin/index.d.ts +10 -0
- package/dist/field/plugins/code-highlight-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/code-highlight-plugin/index.js +11 -0
- package/dist/field/plugins/drag-drop-paste-plugin/index.js +1 -0
- package/dist/field/plugins/floating-text-format-toolbar-plugin/index.css +148 -0
- package/dist/field/plugins/floating-text-format-toolbar-plugin/index.d.ts +13 -0
- package/dist/field/plugins/floating-text-format-toolbar-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/floating-text-format-toolbar-plugin/index.js +279 -0
- package/dist/field/plugins/inline-image-plugin/fields.d.ts +12 -0
- package/dist/field/plugins/inline-image-plugin/fields.d.ts.map +1 -0
- package/dist/field/plugins/inline-image-plugin/fields.js +22 -0
- package/dist/field/plugins/inline-image-plugin/index.d.ts +34 -0
- package/dist/field/plugins/inline-image-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/inline-image-plugin/index.js +107 -0
- package/dist/field/plugins/inline-image-plugin/inline-image-modal.css +25 -0
- package/dist/field/plugins/inline-image-plugin/inline-image-modal.d.ts +11 -0
- package/dist/field/plugins/inline-image-plugin/inline-image-modal.d.ts.map +1 -0
- package/dist/field/plugins/inline-image-plugin/inline-image-modal.js +271 -0
- package/dist/field/plugins/inline-image-plugin/populate.d.ts +10 -0
- package/dist/field/plugins/inline-image-plugin/populate.d.ts.map +1 -0
- package/dist/field/plugins/inline-image-plugin/populate.js +28 -0
- package/dist/field/plugins/inline-image-plugin/types.d.ts +37 -0
- package/dist/field/plugins/inline-image-plugin/types.d.ts.map +1 -0
- package/dist/field/plugins/inline-image-plugin/types.js +1 -0
- package/dist/field/plugins/inline-image-plugin/utils.d.ts +42 -0
- package/dist/field/plugins/inline-image-plugin/utils.d.ts.map +1 -0
- package/dist/field/plugins/inline-image-plugin/utils.js +46 -0
- package/dist/field/plugins/layout-plugin/insert-layout-modal.css +20 -0
- package/dist/field/plugins/layout-plugin/insert-layout-modal.d.ts +22 -0
- package/dist/field/plugins/layout-plugin/insert-layout-modal.d.ts.map +1 -0
- package/dist/field/plugins/layout-plugin/insert-layout-modal.js +97 -0
- package/dist/field/plugins/layout-plugin/layout-plugin.d.ts +10 -0
- package/dist/field/plugins/layout-plugin/layout-plugin.d.ts.map +1 -0
- package/dist/field/plugins/layout-plugin/layout-plugin.js +81 -0
- package/dist/field/plugins/link-plugin/auto-link/auto-link-plugin.d.ts +22 -0
- package/dist/field/plugins/link-plugin/auto-link/auto-link-plugin.d.ts.map +1 -0
- package/dist/field/plugins/link-plugin/auto-link/auto-link-plugin.js +185 -0
- package/dist/field/plugins/link-plugin/auto-link/index.d.ts +10 -0
- package/dist/field/plugins/link-plugin/auto-link/index.d.ts.map +1 -0
- package/dist/field/plugins/link-plugin/auto-link/index.js +15 -0
- package/dist/field/plugins/link-plugin/link/floating-link-editor.css +124 -0
- package/dist/field/plugins/link-plugin/link/floating-link-editor.d.ts +15 -0
- package/dist/field/plugins/link-plugin/link/floating-link-editor.d.ts.map +1 -0
- package/dist/field/plugins/link-plugin/link/floating-link-editor.js +234 -0
- package/dist/field/plugins/link-plugin/link/index.d.ts +2 -0
- package/dist/field/plugins/link-plugin/link/index.d.ts.map +1 -0
- package/dist/field/plugins/link-plugin/link/index.js +43 -0
- package/dist/field/plugins/link-plugin/link/link-modal.d.ts +11 -0
- package/dist/field/plugins/link-plugin/link/link-modal.d.ts.map +1 -0
- package/dist/field/plugins/link-plugin/link/link-modal.js +311 -0
- package/dist/field/plugins/link-plugin/link/types.d.ts +19 -0
- package/dist/field/plugins/link-plugin/link/types.d.ts.map +1 -0
- package/dist/field/plugins/link-plugin/link/types.js +1 -0
- package/dist/field/plugins/link-plugin/populate.d.ts +22 -0
- package/dist/field/plugins/link-plugin/populate.d.ts.map +1 -0
- package/dist/field/plugins/link-plugin/populate.js +28 -0
- package/dist/field/plugins/table-action-menu-plugin/index.d.ts +6 -0
- package/dist/field/plugins/table-action-menu-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/table-action-menu-plugin/index.js +598 -0
- package/dist/field/plugins/table-plugin/index.d.ts +4 -0
- package/dist/field/plugins/table-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/table-plugin/index.js +26 -0
- package/dist/field/plugins/table-plugin/table-modal.css +20 -0
- package/dist/field/plugins/table-plugin/table-modal.d.ts +21 -0
- package/dist/field/plugins/table-plugin/table-modal.d.ts.map +1 -0
- package/dist/field/plugins/table-plugin/table-modal.js +111 -0
- package/dist/field/plugins/toolbar-plugin/index.d.ts +17 -0
- package/dist/field/plugins/toolbar-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/toolbar-plugin/index.js +837 -0
- package/dist/field/plugins/treeview-plugin/index.d.ts +10 -0
- package/dist/field/plugins/treeview-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/treeview-plugin/index.js +17 -0
- package/dist/field/plugins/vimeo-plugin/index.d.ts +4 -0
- package/dist/field/plugins/vimeo-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/vimeo-plugin/index.js +24 -0
- package/dist/field/plugins/youtube-plugin/index.d.ts +4 -0
- package/dist/field/plugins/youtube-plugin/index.d.ts.map +1 -0
- package/dist/field/plugins/youtube-plugin/index.js +24 -0
- package/dist/field/shared/canUseDOM.d.ts +9 -0
- package/dist/field/shared/canUseDOM.d.ts.map +1 -0
- package/dist/field/shared/canUseDOM.js +2 -0
- package/dist/field/shared/environment.d.ts +23 -0
- package/dist/field/shared/environment.d.ts.map +1 -0
- package/dist/field/shared/environment.js +10 -0
- package/dist/field/shared/invariant.d.ts +9 -0
- package/dist/field/shared/invariant.d.ts.map +1 -0
- package/dist/field/shared/invariant.js +6 -0
- package/dist/field/shared/simpleDiffWithCursor.js +15 -0
- package/dist/field/shared/useLayoutEffect.js +5 -0
- package/dist/field/shared/useModalFormState.d.ts +23 -0
- package/dist/field/shared/useModalFormState.d.ts.map +1 -0
- package/dist/field/shared/useModalFormState.js +23 -0
- package/dist/field/shared/warnOnlyOnce.js +9 -0
- package/dist/field/themes/lexical-editor-theme.css +537 -0
- package/dist/field/themes/lexical-editor-theme.d.ts +10 -0
- package/dist/field/themes/lexical-editor-theme.d.ts.map +1 -0
- package/dist/field/themes/lexical-editor-theme.js +105 -0
- package/dist/field/toolbar-extensions.d.ts +32 -0
- package/dist/field/toolbar-extensions.d.ts.map +1 -0
- package/dist/field/toolbar-extensions.js +56 -0
- package/dist/field/types.js +1 -0
- package/dist/field/ui/button.css +31 -0
- package/dist/field/ui/button.js +19 -0
- package/dist/field/ui/checkbox.css +46 -0
- package/dist/field/ui/color-picker.css +75 -0
- package/dist/field/ui/color-picker.d.ts +21 -0
- package/dist/field/ui/color-picker.d.ts.map +1 -0
- package/dist/field/ui/color-picker.js +360 -0
- package/dist/field/ui/dialog.css +18 -0
- package/dist/field/ui/dialog.js +17 -0
- package/dist/field/ui/dropdown.d.ts +25 -0
- package/dist/field/ui/dropdown.d.ts.map +1 -0
- package/dist/field/ui/dropdown.js +150 -0
- package/dist/field/ui/file-input.js +27 -0
- package/dist/field/ui/input.css +23 -0
- package/dist/field/ui/modal.css +73 -0
- package/dist/field/ui/modal.d.ts +17 -0
- package/dist/field/ui/modal.d.ts.map +1 -0
- package/dist/field/ui/modal.js +69 -0
- package/dist/field/ui/placeholder-inline.d.ts +14 -0
- package/dist/field/ui/placeholder-inline.d.ts.map +1 -0
- package/dist/field/ui/placeholder-inline.js +12 -0
- package/dist/field/ui/placeholder.css +26 -0
- package/dist/field/ui/placeholder.d.ts +14 -0
- package/dist/field/ui/placeholder.d.ts.map +1 -0
- package/dist/field/ui/placeholder.js +14 -0
- package/dist/field/ui/select.css +32 -0
- package/dist/field/ui/select.js +28 -0
- package/dist/field/ui/switch.js +25 -0
- package/dist/field/ui/text-area.css +31 -0
- package/dist/field/ui/text-area.js +28 -0
- package/dist/field/ui/text-input.d.ts +20 -0
- package/dist/field/ui/text-input.d.ts.map +1 -0
- package/dist/field/ui/text-input.js +29 -0
- package/dist/field/utils/cloneDeep.js +26 -0
- package/dist/field/utils/deepEqual.js +19 -0
- package/dist/field/utils/emoji-list.js +21389 -0
- package/dist/field/utils/getDOMRangeRect.d.ts +9 -0
- package/dist/field/utils/getDOMRangeRect.d.ts.map +1 -0
- package/dist/field/utils/getDOMRangeRect.js +11 -0
- package/dist/field/utils/getSelectedNode.d.ts +3 -0
- package/dist/field/utils/getSelectedNode.d.ts.map +1 -0
- package/dist/field/utils/getSelectedNode.js +12 -0
- package/dist/field/utils/guard.js +4 -0
- package/dist/field/utils/hashSerializedState.d.ts +3 -0
- package/dist/field/utils/hashSerializedState.d.ts.map +1 -0
- package/dist/field/utils/hashSerializedState.js +22 -0
- package/dist/field/utils/isMobileWidth.js +1 -0
- package/dist/field/utils/joinClasses.js +4 -0
- package/dist/field/utils/point.js +34 -0
- package/dist/field/utils/rect.js +95 -0
- package/dist/field/utils/setFloatingElemPosition.d.ts +2 -0
- package/dist/field/utils/setFloatingElemPosition.d.ts.map +1 -0
- package/dist/field/utils/setFloatingElemPosition.js +22 -0
- package/dist/field/utils/setFloatingElemPositionForLinkEditor.d.ts +2 -0
- package/dist/field/utils/setFloatingElemPositionForLinkEditor.d.ts.map +1 -0
- package/dist/field/utils/setFloatingElemPositionForLinkEditor.js +22 -0
- package/dist/field/utils/swipe.js +77 -0
- package/dist/field/utils/url.d.ts +11 -0
- package/dist/field/utils/url.d.ts.map +1 -0
- package/dist/field/utils/url.js +30 -0
- package/dist/index.d.ts +12 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +7 -0
- package/dist/lexical-editor.d.ts +41 -0
- package/dist/lexical-editor.d.ts.map +1 -0
- package/dist/lexical-editor.js +13 -0
- package/dist/richtext-field.d.ts +25 -0
- package/dist/richtext-field.d.ts.map +1 -0
- package/dist/richtext-field.js +62 -0
- package/dist/richtext-field.module.js +8 -0
- package/dist/richtext-field_module.css +18 -0
- package/dist/server.d.ts +64 -0
- package/dist/server.d.ts.map +1 -0
- package/dist/server.js +20 -0
- package/dist/static/svg/3-columns.svg +3 -0
- package/dist/static/svg/admonition.svg +1 -0
- package/dist/static/svg/ai.svg +5 -0
- package/dist/static/svg/arrow-clockwise.svg +1 -0
- package/dist/static/svg/arrow-counterclockwise.svg +1 -0
- package/dist/static/svg/bg-color.svg +1 -0
- package/dist/static/svg/camera.svg +1 -0
- package/dist/static/svg/caret-right-fill.svg +1 -0
- package/dist/static/svg/chat-square-quote.svg +1 -0
- package/dist/static/svg/chevron-down.svg +1 -0
- package/dist/static/svg/clipboard.svg +1 -0
- package/dist/static/svg/close.svg +1 -0
- package/dist/static/svg/code.svg +1 -0
- package/dist/static/svg/copy.svg +1 -0
- package/dist/static/svg/diagram-2.svg +1 -0
- package/dist/static/svg/download.svg +1 -0
- package/dist/static/svg/dropdown-more.svg +1 -0
- package/dist/static/svg/file-image.svg +1 -0
- package/dist/static/svg/filetype-gif.svg +1 -0
- package/dist/static/svg/font-color.svg +1 -0
- package/dist/static/svg/font-family.svg +1 -0
- package/dist/static/svg/gear.svg +1 -0
- package/dist/static/svg/horizontal-rule.svg +1 -0
- package/dist/static/svg/indent.svg +1 -0
- package/dist/static/svg/journal-code.svg +1 -0
- package/dist/static/svg/justify.svg +1 -0
- package/dist/static/svg/link.svg +1 -0
- package/dist/static/svg/list-ol.svg +1 -0
- package/dist/static/svg/list-ul.svg +1 -0
- package/dist/static/svg/lock-fill.svg +1 -0
- package/dist/static/svg/lock.svg +1 -0
- package/dist/static/svg/markdown.svg +1 -0
- package/dist/static/svg/mic.svg +1 -0
- package/dist/static/svg/outdent.svg +1 -0
- package/dist/static/svg/paint-bucket.svg +1 -0
- package/dist/static/svg/palette.svg +1 -0
- package/dist/static/svg/pencil-fill.svg +1 -0
- package/dist/static/svg/plug-fill.svg +1 -0
- package/dist/static/svg/plug.svg +1 -0
- package/dist/static/svg/plus.svg +1 -0
- package/dist/static/svg/prettier-error.svg +1 -0
- package/dist/static/svg/prettier.svg +1 -0
- package/dist/static/svg/square-check.svg +1 -0
- package/dist/static/svg/success.svg +1 -0
- package/dist/static/svg/table.svg +1 -0
- package/dist/static/svg/text-center.svg +1 -0
- package/dist/static/svg/text-left.svg +1 -0
- package/dist/static/svg/text-paragraph.svg +1 -0
- package/dist/static/svg/text-right.svg +1 -0
- package/dist/static/svg/trash.svg +1 -0
- package/dist/static/svg/type-bold.svg +1 -0
- package/dist/static/svg/type-h1.svg +1 -0
- package/dist/static/svg/type-h2.svg +1 -0
- package/dist/static/svg/type-h3.svg +1 -0
- package/dist/static/svg/type-h4.svg +1 -0
- package/dist/static/svg/type-h5.svg +1 -0
- package/dist/static/svg/type-h6.svg +1 -0
- package/dist/static/svg/type-italic.svg +1 -0
- package/dist/static/svg/type-strikethrough.svg +1 -0
- package/dist/static/svg/type-subscript.svg +1 -0
- package/dist/static/svg/type-superscript.svg +1 -0
- package/dist/static/svg/type-underline.svg +1 -0
- package/dist/static/svg/upload.svg +1 -0
- package/dist/static/svg/user.svg +1 -0
- package/dist/static/svg/vimeo.svg +1 -0
- package/dist/static/svg/youtube.svg +1 -0
- package/dist/types.d.ts +37 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +1 -0
- package/dist/validate/createEmptyEditorState.d.ts +25 -0
- package/dist/validate/createEmptyEditorState.d.ts.map +1 -0
- package/dist/validate/createEmptyEditorState.js +26 -0
- package/dist/validate/hasText.d.ts +3 -0
- package/dist/validate/hasText.d.ts.map +1 -0
- package/dist/validate/hasText.js +20 -0
- package/dist/validate/validate.d.ts +5 -0
- package/dist/validate/validate.d.ts.map +1 -0
- package/dist/validate/validate.js +7 -0
- package/package.json +120 -0
- package/src/declarations.d.ts +4 -0
- package/src/field/apply-value-plugin.tsx +104 -0
- package/src/field/config/default.ts +58 -0
- package/src/field/config/editor-config-context.tsx +60 -0
- package/src/field/config/types.ts +67 -0
- package/src/field/constants.ts +1 -0
- package/src/field/content-editable-inline.tsx +27 -0
- package/src/field/content-editable.css +29 -0
- package/src/field/content-editable.tsx +27 -0
- package/src/field/context/shared-autocomplete-context.tsx +61 -0
- package/src/field/context/shared-history-context.tsx +30 -0
- package/src/field/context/shared-on-change-context.tsx +32 -0
- package/src/field/debug.tsx +39 -0
- package/src/field/editor-component.css +46 -0
- package/src/field/editor-component.md +87 -0
- package/src/field/editor-component.test.tsx +170 -0
- package/src/field/editor-component.tsx +207 -0
- package/src/field/editor-context.tsx +102 -0
- package/src/field/editor-field.tsx +51 -0
- package/src/field/editor.css +1481 -0
- package/src/field/editor.tsx +245 -0
- package/src/field/hooks/use-media-queryts +21 -0
- package/src/field/hooks/use-modal.tsx +59 -0
- package/src/field/hooks/use-report.ts +62 -0
- package/src/field/images/LICENSE.md +5 -0
- package/src/field/images/assets.d.ts +27 -0
- package/src/field/images/cat-typing.gif +0 -0
- package/src/field/images/emoji/1F600.png +0 -0
- package/src/field/images/emoji/1F641.png +0 -0
- package/src/field/images/emoji/1F642.png +0 -0
- package/src/field/images/emoji/2764.png +0 -0
- package/src/field/images/emoji/LICENSE.md +5 -0
- package/src/field/images/icons/3-columns.svg +3 -0
- package/src/field/images/icons/LICENSE.md +5 -0
- package/src/field/images/icons/admonition.svg +1 -0
- package/src/field/images/icons/ai.svg +5 -0
- package/src/field/images/icons/arrow-clockwise.svg +1 -0
- package/src/field/images/icons/arrow-counterclockwise.svg +1 -0
- package/src/field/images/icons/bg-color.svg +1 -0
- package/src/field/images/icons/camera.svg +1 -0
- package/src/field/images/icons/card-checklist.svg +1 -0
- package/src/field/images/icons/caret-right-fill.svg +1 -0
- package/src/field/images/icons/chat-left-text.svg +1 -0
- package/src/field/images/icons/chat-right-dots.svg +1 -0
- package/src/field/images/icons/chat-right-text.svg +1 -0
- package/src/field/images/icons/chat-right.svg +1 -0
- package/src/field/images/icons/chat-square-quote.svg +1 -0
- package/src/field/images/icons/chevron-down.svg +1 -0
- package/src/field/images/icons/clipboard.svg +1 -0
- package/src/field/images/icons/close.svg +1 -0
- package/src/field/images/icons/code.svg +1 -0
- package/src/field/images/icons/comments.svg +1 -0
- package/src/field/images/icons/copy.svg +1 -0
- package/src/field/images/icons/diagram-2.svg +1 -0
- package/src/field/images/icons/download.svg +1 -0
- package/src/field/images/icons/draggable-block-menu.svg +1 -0
- package/src/field/images/icons/dropdown-more.svg +1 -0
- package/src/field/images/icons/figma.svg +1 -0
- package/src/field/images/icons/file-earmark-text.svg +4 -0
- package/src/field/images/icons/file-image.svg +1 -0
- package/src/field/images/icons/filetype-gif.svg +1 -0
- package/src/field/images/icons/font-color.svg +1 -0
- package/src/field/images/icons/font-family.svg +1 -0
- package/src/field/images/icons/gear.svg +1 -0
- package/src/field/images/icons/horizontal-rule.svg +1 -0
- package/src/field/images/icons/indent.svg +1 -0
- package/src/field/images/icons/journal-code.svg +1 -0
- package/src/field/images/icons/journal-text.svg +1 -0
- package/src/field/images/icons/justify.svg +1 -0
- package/src/field/images/icons/link.svg +1 -0
- package/src/field/images/icons/list-ol.svg +1 -0
- package/src/field/images/icons/list-ul.svg +1 -0
- package/src/field/images/icons/lock-fill.svg +1 -0
- package/src/field/images/icons/lock.svg +1 -0
- package/src/field/images/icons/markdown.svg +1 -0
- package/src/field/images/icons/mic.svg +1 -0
- package/src/field/images/icons/outdent.svg +1 -0
- package/src/field/images/icons/paint-bucket.svg +1 -0
- package/src/field/images/icons/palette.svg +1 -0
- package/src/field/images/icons/pencil-fill.svg +1 -0
- package/src/field/images/icons/plug-fill.svg +1 -0
- package/src/field/images/icons/plug.svg +1 -0
- package/src/field/images/icons/plus-slash-minus.svg +1 -0
- package/src/field/images/icons/plus.svg +1 -0
- package/src/field/images/icons/prettier-error.svg +1 -0
- package/src/field/images/icons/prettier.svg +1 -0
- package/src/field/images/icons/send.svg +1 -0
- package/src/field/images/icons/square-check.svg +1 -0
- package/src/field/images/icons/sticky.svg +1 -0
- package/src/field/images/icons/success-alt.svg +1 -0
- package/src/field/images/icons/success.svg +1 -0
- package/src/field/images/icons/table.svg +1 -0
- package/src/field/images/icons/text-center.svg +1 -0
- package/src/field/images/icons/text-left.svg +1 -0
- package/src/field/images/icons/text-paragraph.svg +1 -0
- package/src/field/images/icons/text-right.svg +1 -0
- package/src/field/images/icons/trash.svg +1 -0
- package/src/field/images/icons/trash3.svg +1 -0
- package/src/field/images/icons/tweet.svg +1 -0
- package/src/field/images/icons/type-bold.svg +1 -0
- package/src/field/images/icons/type-h1.svg +1 -0
- package/src/field/images/icons/type-h2.svg +1 -0
- package/src/field/images/icons/type-h3.svg +1 -0
- package/src/field/images/icons/type-h4.svg +1 -0
- package/src/field/images/icons/type-h5.svg +1 -0
- package/src/field/images/icons/type-h6.svg +1 -0
- package/src/field/images/icons/type-italic.svg +1 -0
- package/src/field/images/icons/type-strikethrough.svg +1 -0
- package/src/field/images/icons/type-subscript.svg +1 -0
- package/src/field/images/icons/type-superscript.svg +1 -0
- package/src/field/images/icons/type-underline.svg +1 -0
- package/src/field/images/icons/upload.svg +1 -0
- package/src/field/images/icons/user.svg +1 -0
- package/src/field/images/icons/vimeo.svg +1 -0
- package/src/field/images/icons/youtube.svg +1 -0
- package/src/field/images/landscape.jpg +0 -0
- package/src/field/images/logo.svg +1 -0
- package/src/field/images/yellow-flower-small.jpg +0 -0
- package/src/field/images/yellow-flower.jpg +0 -0
- package/src/field/lexical-populate-shared.ts +188 -0
- package/src/field/nodes/admonition-node/admonition-node-component.css +115 -0
- package/src/field/nodes/admonition-node/admonition-node-component.tsx +256 -0
- package/src/field/nodes/admonition-node/admonition-node.tsx +189 -0
- package/src/field/nodes/admonition-node/icons/danger-icon.css +11 -0
- package/src/field/nodes/admonition-node/icons/danger-icon.js +17 -0
- package/src/field/nodes/admonition-node/icons/danger-icon.tsx +19 -0
- package/src/field/nodes/admonition-node/icons/index.js +4 -0
- package/src/field/nodes/admonition-node/icons/index.ts +4 -0
- package/src/field/nodes/admonition-node/icons/note-icon.css +11 -0
- package/src/field/nodes/admonition-node/icons/note-icon.js +17 -0
- package/src/field/nodes/admonition-node/icons/note-icon.tsx +19 -0
- package/src/field/nodes/admonition-node/icons/tip-icon.css +11 -0
- package/src/field/nodes/admonition-node/icons/tip-icon.js +17 -0
- package/src/field/nodes/admonition-node/icons/tip-icon.tsx +19 -0
- package/src/field/nodes/admonition-node/icons/warning-icon.css +11 -0
- package/src/field/nodes/admonition-node/icons/warning-icon.js +17 -0
- package/src/field/nodes/admonition-node/icons/warning-icon.tsx +19 -0
- package/src/field/nodes/admonition-node/index.ts +14 -0
- package/src/field/nodes/admonition-node/types.ts +33 -0
- package/src/field/nodes/document-relation.ts +33 -0
- package/src/field/nodes/index.ts +47 -0
- package/src/field/nodes/inline-image-node/index.ts +10 -0
- package/src/field/nodes/inline-image-node/inline-image-node-component.css +205 -0
- package/src/field/nodes/inline-image-node/inline-image-node-component.tsx +342 -0
- package/src/field/nodes/inline-image-node/inline-image-node.tsx +328 -0
- package/src/field/nodes/inline-image-node/types.ts +43 -0
- package/src/field/nodes/layout-container-node/layout-container-node.ts +97 -0
- package/src/field/nodes/layout-container-node/layout-item-node.ts +63 -0
- package/src/field/nodes/link-nodes/auto-link-node.ts +64 -0
- package/src/field/nodes/link-nodes/index.ts +3 -0
- package/src/field/nodes/link-nodes/link-node.ts +426 -0
- package/src/field/nodes/link-nodes/types.ts +33 -0
- package/src/field/nodes/vimeo-node/index.tsx +172 -0
- package/src/field/nodes/youtube-node/index.tsx +178 -0
- package/src/field/plugins/admonition-plugin/admonition-modal.css +25 -0
- package/src/field/plugins/admonition-plugin/admonition-modal.tsx +187 -0
- package/src/field/plugins/admonition-plugin/fields.ts +103 -0
- package/src/field/plugins/admonition-plugin/index.tsx +105 -0
- package/src/field/plugins/admonition-plugin/types.ts +37 -0
- package/src/field/plugins/auto-embed-plugin/auto-embed-modal.css +15 -0
- package/src/field/plugins/auto-embed-plugin/auto-embed-modal.tsx +110 -0
- package/src/field/plugins/auto-embed-plugin/index.tsx +323 -0
- package/src/field/plugins/code-highlight-plugin/index.ts +23 -0
- package/src/field/plugins/drag-drop-paste-plugin/index.ts +47 -0
- package/src/field/plugins/floating-text-format-toolbar-plugin/index.css +148 -0
- package/src/field/plugins/floating-text-format-toolbar-plugin/index.tsx +398 -0
- package/src/field/plugins/inline-image-plugin/fields.ts +21 -0
- package/src/field/plugins/inline-image-plugin/index.tsx +202 -0
- package/src/field/plugins/inline-image-plugin/inline-image-modal.css +29 -0
- package/src/field/plugins/inline-image-plugin/inline-image-modal.tsx +314 -0
- package/src/field/plugins/inline-image-plugin/populate.ts +48 -0
- package/src/field/plugins/inline-image-plugin/types.ts +39 -0
- package/src/field/plugins/inline-image-plugin/utils.ts +113 -0
- package/src/field/plugins/layout-plugin/insert-layout-modal.css +19 -0
- package/src/field/plugins/layout-plugin/insert-layout-modal.tsx +100 -0
- package/src/field/plugins/layout-plugin/layout-plugin.tsx +162 -0
- package/src/field/plugins/link-plugin/auto-link/auto-link-plugin.tsx +327 -0
- package/src/field/plugins/link-plugin/auto-link/index.tsx +35 -0
- package/src/field/plugins/link-plugin/link/floating-link-editor.css +128 -0
- package/src/field/plugins/link-plugin/link/floating-link-editor.tsx +348 -0
- package/src/field/plugins/link-plugin/link/index.tsx +99 -0
- package/src/field/plugins/link-plugin/link/link-modal.tsx +376 -0
- package/src/field/plugins/link-plugin/link/types.ts +20 -0
- package/src/field/plugins/link-plugin/populate.ts +48 -0
- package/src/field/plugins/table-action-menu-plugin/index.tsx +804 -0
- package/src/field/plugins/table-plugin/index.tsx +33 -0
- package/src/field/plugins/table-plugin/table-modal.css +19 -0
- package/src/field/plugins/table-plugin/table-modal.tsx +127 -0
- package/src/field/plugins/toolbar-plugin/index.tsx +937 -0
- package/src/field/plugins/treeview-plugin/index.tsx +29 -0
- package/src/field/plugins/vimeo-plugin/index.ts +42 -0
- package/src/field/plugins/youtube-plugin/index.ts +43 -0
- package/src/field/shared/canUseDOM.ts +10 -0
- package/src/field/shared/caretFromPoint.bak +40 -0
- package/src/field/shared/environment.ts +44 -0
- package/src/field/shared/invariant.ts +25 -0
- package/src/field/shared/simpleDiffWithCursor.ts +40 -0
- package/src/field/shared/useLayoutEffect.ts +15 -0
- package/src/field/shared/useModalFormState.ts +48 -0
- package/src/field/shared/warnOnlyOnce.ts +21 -0
- package/src/field/themes/lexical-editor-theme.css +565 -0
- package/src/field/themes/lexical-editor-theme.js +104 -0
- package/src/field/themes/lexical-editor-theme.tsx +115 -0
- package/src/field/toolbar-extensions.tsx +93 -0
- package/src/field/types.ts +19 -0
- package/src/field/ui/button.css +45 -0
- package/src/field/ui/button.tsx +51 -0
- package/src/field/ui/checkbox.css +52 -0
- package/src/field/ui/color-picker.css +88 -0
- package/src/field/ui/color-picker.tsx +395 -0
- package/src/field/ui/dialog.css +17 -0
- package/src/field/ui/dialog.tsx +29 -0
- package/src/field/ui/dropdown.tsx +217 -0
- package/src/field/ui/file-input.tsx +44 -0
- package/src/field/ui/input.css +32 -0
- package/src/field/ui/modal.css +84 -0
- package/src/field/ui/modal.tsx +106 -0
- package/src/field/ui/placeholder-inline.tsx +28 -0
- package/src/field/ui/placeholder.css +33 -0
- package/src/field/ui/placeholder.tsx +32 -0
- package/src/field/ui/select.css +34 -0
- package/src/field/ui/select.tsx +38 -0
- package/src/field/ui/switch.tsx +33 -0
- package/src/field/ui/text-area.css +45 -0
- package/src/field/ui/text-area.tsx +50 -0
- package/src/field/ui/text-input.tsx +51 -0
- package/src/field/utils/cloneDeep.ts +57 -0
- package/src/field/utils/deepEqual.ts +54 -0
- package/src/field/utils/emoji-list.ts +16615 -0
- package/src/field/utils/getDOMRangeRect.ts +24 -0
- package/src/field/utils/getSelectedNode.ts +25 -0
- package/src/field/utils/guard.ts +10 -0
- package/src/field/utils/hashSerializedState.ts +34 -0
- package/src/field/utils/isMobileWidth.ts +7 -0
- package/src/field/utils/joinClasses.ts +11 -0
- package/src/field/utils/point.ts +52 -0
- package/src/field/utils/rect.ts +142 -0
- package/src/field/utils/setFloatingElemPosition.ts +48 -0
- package/src/field/utils/setFloatingElemPositionForLinkEditor.ts +46 -0
- package/src/field/utils/swipe.ts +129 -0
- package/src/field/utils/url.ts +49 -0
- package/src/index.ts +26 -0
- package/src/lexical-editor.tsx +56 -0
- package/src/richtext-field.module.css +29 -0
- package/src/richtext-field.tsx +113 -0
- package/src/server.ts +85 -0
- package/src/types.ts +43 -0
- package/src/validate/createEmptyEditorState.ts +52 -0
- package/src/validate/hasText.test.ts +89 -0
- package/src/validate/hasText.ts +34 -0
- package/src/validate/validate.ts +18 -0
|
@@ -0,0 +1,253 @@
|
|
|
1
|
+
import { getClientConfig, resolveRoutes } from "@byline/core";
|
|
2
|
+
import { addClassNamesToElement, isHTMLAnchorElement } from "@lexical/utils";
|
|
3
|
+
import { $applyNodeReplacement, $createTextNode, $getSelection, $isElementNode, $isRangeSelection, ElementNode, createCommand } from "lexical";
|
|
4
|
+
import { sanitizeUrl } from "../../utils/url.js";
|
|
5
|
+
function adminHref(attrs) {
|
|
6
|
+
if (null == attrs || 'internal' !== attrs.linkType) return '#';
|
|
7
|
+
const internal = attrs;
|
|
8
|
+
const { admin } = resolveRoutes(getClientConfig().routes);
|
|
9
|
+
return `${admin}/collections/${internal.targetCollectionPath}/${internal.targetDocumentId}`;
|
|
10
|
+
}
|
|
11
|
+
class LinkNode extends ElementNode {
|
|
12
|
+
static getType() {
|
|
13
|
+
return 'link';
|
|
14
|
+
}
|
|
15
|
+
static clone(node) {
|
|
16
|
+
return new LinkNode({
|
|
17
|
+
attributes: node.__attributes,
|
|
18
|
+
key: node.__key
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
createDOM(config) {
|
|
22
|
+
const element = document.createElement('a');
|
|
23
|
+
if (this.__attributes?.linkType === 'internal') element.href = adminHref(this.__attributes);
|
|
24
|
+
else element.href = sanitizeUrl(this.__attributes?.url ?? '');
|
|
25
|
+
if (this.__attributes?.newTab ?? false) element.target = '_blank';
|
|
26
|
+
element.rel = '';
|
|
27
|
+
if (this.__attributes?.newTab === true && this.__attributes?.linkType !== 'internal') {
|
|
28
|
+
element.rel = manageRel(element.rel, 'add', 'noopener');
|
|
29
|
+
element.rel = manageRel(element.rel, 'add', 'nofollow');
|
|
30
|
+
}
|
|
31
|
+
if (this.__attributes?.rel != null) element.rel += ` ${this.__attributes?.rel}`;
|
|
32
|
+
addClassNamesToElement(element, config.theme.link);
|
|
33
|
+
return element;
|
|
34
|
+
}
|
|
35
|
+
updateDOM(prevNode, anchor, _config) {
|
|
36
|
+
const attrs = this.__attributes;
|
|
37
|
+
const prevAttrs = prevNode.__attributes;
|
|
38
|
+
const url = attrs?.linkType !== 'internal' ? attrs?.url : void 0;
|
|
39
|
+
const prevUrl = prevAttrs?.linkType !== 'internal' ? prevAttrs?.url : void 0;
|
|
40
|
+
const newTab = attrs?.newTab;
|
|
41
|
+
const rel = attrs?.rel;
|
|
42
|
+
if (null != url && url !== prevUrl && attrs?.linkType !== 'internal') anchor.href = url;
|
|
43
|
+
const switchedToInternal = attrs?.linkType === 'internal' && prevAttrs?.linkType !== 'internal';
|
|
44
|
+
const targetChanged = attrs?.linkType === 'internal' && prevAttrs?.linkType === 'internal' && attrs.targetDocumentId !== prevAttrs.targetDocumentId;
|
|
45
|
+
if (switchedToInternal || targetChanged) anchor.href = adminHref(attrs);
|
|
46
|
+
if (null == anchor.rel) anchor.rel = '';
|
|
47
|
+
if (newTab !== prevAttrs?.newTab) if (null != newTab && true === newTab) {
|
|
48
|
+
anchor.target = '_blank';
|
|
49
|
+
if (attrs?.linkType !== 'internal') {
|
|
50
|
+
anchor.rel = manageRel(anchor.rel, 'add', 'noopener');
|
|
51
|
+
anchor.rel = manageRel(anchor.rel, 'add', 'nofollow');
|
|
52
|
+
}
|
|
53
|
+
} else {
|
|
54
|
+
anchor.removeAttribute('target');
|
|
55
|
+
anchor.rel = manageRel(anchor.rel, 'remove', 'noopener');
|
|
56
|
+
anchor.rel = manageRel(anchor.rel, 'remove', 'nofollow');
|
|
57
|
+
}
|
|
58
|
+
if (rel !== prevAttrs?.rel) if (null != rel) anchor.rel += rel;
|
|
59
|
+
else anchor.removeAttribute('rel');
|
|
60
|
+
return false;
|
|
61
|
+
}
|
|
62
|
+
static importDOM() {
|
|
63
|
+
return {
|
|
64
|
+
a: (_node)=>({
|
|
65
|
+
conversion: convertAnchorElement,
|
|
66
|
+
priority: 1
|
|
67
|
+
})
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
static importJSON(serializedNode) {
|
|
71
|
+
const node = $createLinkNode({
|
|
72
|
+
attributes: serializedNode.attributes
|
|
73
|
+
});
|
|
74
|
+
node.setFormat(serializedNode.format);
|
|
75
|
+
node.setIndent(serializedNode.indent);
|
|
76
|
+
node.setDirection(serializedNode.direction);
|
|
77
|
+
return node;
|
|
78
|
+
}
|
|
79
|
+
exportJSON() {
|
|
80
|
+
return {
|
|
81
|
+
...super.exportJSON(),
|
|
82
|
+
attributes: this.getAttributes(),
|
|
83
|
+
type: 'link',
|
|
84
|
+
version: 2
|
|
85
|
+
};
|
|
86
|
+
}
|
|
87
|
+
getAttributes() {
|
|
88
|
+
return this.getLatest().__attributes;
|
|
89
|
+
}
|
|
90
|
+
setAttributes(attributes) {
|
|
91
|
+
const writable = this.getWritable();
|
|
92
|
+
writable.__attributes = attributes;
|
|
93
|
+
}
|
|
94
|
+
insertNewAfter(selection, restoreSelection = true) {
|
|
95
|
+
const element = this.getParentOrThrow().insertNewAfter(selection, restoreSelection);
|
|
96
|
+
if ($isElementNode(element)) {
|
|
97
|
+
const linkNode = $createLinkNode({
|
|
98
|
+
attributes: this.__attributes
|
|
99
|
+
});
|
|
100
|
+
element.append(linkNode);
|
|
101
|
+
return linkNode;
|
|
102
|
+
}
|
|
103
|
+
return null;
|
|
104
|
+
}
|
|
105
|
+
canInsertTextBefore() {
|
|
106
|
+
return false;
|
|
107
|
+
}
|
|
108
|
+
canInsertTextAfter() {
|
|
109
|
+
return false;
|
|
110
|
+
}
|
|
111
|
+
canBeEmpty() {
|
|
112
|
+
return false;
|
|
113
|
+
}
|
|
114
|
+
isInline() {
|
|
115
|
+
return true;
|
|
116
|
+
}
|
|
117
|
+
extractWithChild(_child, selection, _destination) {
|
|
118
|
+
if (!$isRangeSelection(selection)) return false;
|
|
119
|
+
const anchorNode = selection.anchor.getNode();
|
|
120
|
+
const focusNode = selection.focus.getNode();
|
|
121
|
+
return this.isParentOf(anchorNode) && this.isParentOf(focusNode) && selection.getTextContent().length > 0;
|
|
122
|
+
}
|
|
123
|
+
constructor({ attributes = {
|
|
124
|
+
linkType: 'custom',
|
|
125
|
+
url: void 0,
|
|
126
|
+
newTab: false,
|
|
127
|
+
rel: null
|
|
128
|
+
}, key }){
|
|
129
|
+
super(key);
|
|
130
|
+
this.__attributes = attributes;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
function convertAnchorElement(domNode) {
|
|
134
|
+
let node = null;
|
|
135
|
+
if (isHTMLAnchorElement(domNode)) {
|
|
136
|
+
const content = domNode.textContent;
|
|
137
|
+
if (null !== content && '' !== content) node = $createLinkNode({
|
|
138
|
+
attributes: {
|
|
139
|
+
linkType: 'custom',
|
|
140
|
+
url: domNode.getAttribute('href') ?? '',
|
|
141
|
+
rel: domNode.getAttribute('rel'),
|
|
142
|
+
newTab: '_blank' === domNode.getAttribute('target')
|
|
143
|
+
}
|
|
144
|
+
});
|
|
145
|
+
}
|
|
146
|
+
return {
|
|
147
|
+
node
|
|
148
|
+
};
|
|
149
|
+
}
|
|
150
|
+
function $createLinkNode({ attributes }) {
|
|
151
|
+
const linkNode = new LinkNode({
|
|
152
|
+
attributes
|
|
153
|
+
});
|
|
154
|
+
return $applyNodeReplacement(linkNode);
|
|
155
|
+
}
|
|
156
|
+
function $isLinkNode(node) {
|
|
157
|
+
return node instanceof LinkNode;
|
|
158
|
+
}
|
|
159
|
+
const TOGGLE_LINK_COMMAND = createCommand('TOGGLE_LINK_COMMAND');
|
|
160
|
+
const OPEN_LINK_MODAL_COMMAND = createCommand('OPEN_LINK_MODAL_COMMAND');
|
|
161
|
+
function $toggleLink(linkAttributes) {
|
|
162
|
+
const selection = $getSelection();
|
|
163
|
+
if (!$isRangeSelection(selection)) return;
|
|
164
|
+
const nodes = selection.extract();
|
|
165
|
+
if (null === linkAttributes) nodes.forEach((node)=>{
|
|
166
|
+
const parent = node.getParent();
|
|
167
|
+
if ($isLinkNode(parent)) {
|
|
168
|
+
const children = parent.getChildren();
|
|
169
|
+
for(let i = 0; i < children.length; i += 1)parent.insertBefore(children[i]);
|
|
170
|
+
parent.remove();
|
|
171
|
+
}
|
|
172
|
+
});
|
|
173
|
+
else {
|
|
174
|
+
if (1 === nodes.length) {
|
|
175
|
+
const firstNode = nodes[0];
|
|
176
|
+
const linkNode = $isLinkNode(firstNode) ? firstNode : $getLinkAncestor(firstNode);
|
|
177
|
+
if (null !== linkNode) {
|
|
178
|
+
linkNode.setAttributes(linkAttributes);
|
|
179
|
+
if (null != linkAttributes.text && linkAttributes.text !== linkNode.getTextContent()) {
|
|
180
|
+
linkNode.append($createTextNode(linkAttributes.text));
|
|
181
|
+
linkNode.getChildren().forEach((child)=>{
|
|
182
|
+
if (child !== linkNode.getLastChild()) child.remove();
|
|
183
|
+
});
|
|
184
|
+
}
|
|
185
|
+
return;
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
let prevParent = null;
|
|
189
|
+
let linkNode = null;
|
|
190
|
+
nodes.forEach((node)=>{
|
|
191
|
+
const parent = node.getParent();
|
|
192
|
+
if (parent === linkNode || null === parent || $isElementNode(node) && !node.isInline()) return;
|
|
193
|
+
if ($isLinkNode(parent)) {
|
|
194
|
+
linkNode = parent;
|
|
195
|
+
parent.setAttributes(linkAttributes);
|
|
196
|
+
if (null != linkAttributes.text && linkAttributes.text !== parent.getTextContent()) {
|
|
197
|
+
parent.append($createTextNode(linkAttributes.text));
|
|
198
|
+
parent.getChildren().forEach((child)=>{
|
|
199
|
+
if (child !== parent.getLastChild()) child.remove();
|
|
200
|
+
});
|
|
201
|
+
}
|
|
202
|
+
return;
|
|
203
|
+
}
|
|
204
|
+
if (false === parent.is(prevParent)) {
|
|
205
|
+
prevParent = parent;
|
|
206
|
+
linkNode = $createLinkNode({
|
|
207
|
+
attributes: linkAttributes
|
|
208
|
+
});
|
|
209
|
+
if ($isLinkNode(parent)) if (null === node.getPreviousSibling()) parent.insertBefore(linkNode);
|
|
210
|
+
else parent.insertAfter(linkNode);
|
|
211
|
+
else node.insertBefore(linkNode);
|
|
212
|
+
}
|
|
213
|
+
if ($isLinkNode(node)) {
|
|
214
|
+
if (node.is(linkNode)) return;
|
|
215
|
+
if (null !== linkNode) {
|
|
216
|
+
const children = node.getChildren();
|
|
217
|
+
for(let i = 0; i < children.length; i += 1)linkNode.append(children[i]);
|
|
218
|
+
}
|
|
219
|
+
node.remove();
|
|
220
|
+
return;
|
|
221
|
+
}
|
|
222
|
+
if (null !== linkNode) linkNode.append(node);
|
|
223
|
+
});
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
function $getLinkAncestor(node) {
|
|
227
|
+
return $getAncestor(node, (ancestor)=>$isLinkNode(ancestor));
|
|
228
|
+
}
|
|
229
|
+
function $getAncestor(node, predicate) {
|
|
230
|
+
let parent = node;
|
|
231
|
+
while(null !== parent){
|
|
232
|
+
parent = parent.getParent();
|
|
233
|
+
if (null === parent || predicate(parent)) break;
|
|
234
|
+
}
|
|
235
|
+
return parent;
|
|
236
|
+
}
|
|
237
|
+
function manageRel(input, action, value) {
|
|
238
|
+
let result;
|
|
239
|
+
let mutableInput = `${input}`;
|
|
240
|
+
if ('add' === action) {
|
|
241
|
+
if (mutableInput.includes(value)) {
|
|
242
|
+
const re = new RegExp(value, 'g');
|
|
243
|
+
mutableInput = mutableInput.replace(re, '').trim();
|
|
244
|
+
}
|
|
245
|
+
mutableInput = mutableInput.trim();
|
|
246
|
+
result = 0 === mutableInput.length ? `${value}` : `${mutableInput} ${value}`;
|
|
247
|
+
} else {
|
|
248
|
+
const re = new RegExp(value, 'g');
|
|
249
|
+
result = mutableInput.replace(re, '').trim();
|
|
250
|
+
}
|
|
251
|
+
return result;
|
|
252
|
+
}
|
|
253
|
+
export { $createLinkNode, $isLinkNode, $toggleLink, LinkNode, OPEN_LINK_MODAL_COMMAND, TOGGLE_LINK_COMMAND };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { SerializedElementNode, Spread } from 'lexical';
|
|
2
|
+
import type { DocumentRelation } from '../document-relation';
|
|
3
|
+
interface BaseLinkAttributes {
|
|
4
|
+
newTab?: boolean;
|
|
5
|
+
rel?: null | string;
|
|
6
|
+
}
|
|
7
|
+
/** Custom (external / arbitrary URL) link. */
|
|
8
|
+
export interface CustomLinkAttributes extends BaseLinkAttributes {
|
|
9
|
+
linkType?: 'custom';
|
|
10
|
+
url?: string;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Internal link to a Byline document. The relation envelope (`targetDocumentId`,
|
|
14
|
+
* `targetCollectionId`, `targetCollectionPath`, `document`) is flattened
|
|
15
|
+
* directly onto the attributes alongside `linkType` — same shape pattern as
|
|
16
|
+
* the `RelationField` value, no extra wrapper.
|
|
17
|
+
*/
|
|
18
|
+
export interface InternalLinkAttributes extends BaseLinkAttributes, DocumentRelation {
|
|
19
|
+
linkType: 'internal';
|
|
20
|
+
}
|
|
21
|
+
export type LinkAttributes = CustomLinkAttributes | InternalLinkAttributes;
|
|
22
|
+
export type SerializedLinkNode = Spread<{
|
|
23
|
+
attributes: LinkAttributes;
|
|
24
|
+
}, SerializedElementNode>;
|
|
25
|
+
export {};
|
|
26
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/field/nodes/link-nodes/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAE5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAE5D,UAAU,kBAAkB;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CACpB;AAED,8CAA8C;AAC9C,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED;;;;;GAKG;AACH,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB,EAAE,gBAAgB;IAClF,QAAQ,EAAE,UAAU,CAAA;CACrB;AAED,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAA;AAE1E,MAAM,MAAM,kBAAkB,GAAG,MAAM,CACrC;IACE,UAAU,EAAE,cAAc,CAAA;CAC3B,EACD,qBAAqB,CACtB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This Source Code is subject to the terms of the Mozilla Public
|
|
3
|
+
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
4
|
+
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
5
|
+
*
|
|
6
|
+
* Copyright (c) Infonomic Company Limited
|
|
7
|
+
*/
|
|
8
|
+
import type * as React from 'react';
|
|
9
|
+
import { DecoratorBlockNode, type SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode';
|
|
10
|
+
import type { DOMConversionMap, DOMExportOutput, EditorConfig, ElementFormatType, LexicalEditor, LexicalNode, NodeKey, Spread } from 'lexical';
|
|
11
|
+
export type SerializedVimeoNode = Spread<{
|
|
12
|
+
videoID: string;
|
|
13
|
+
}, SerializedDecoratorBlockNode>;
|
|
14
|
+
export declare class VimeoNode extends DecoratorBlockNode {
|
|
15
|
+
__id: string;
|
|
16
|
+
static getType(): string;
|
|
17
|
+
static clone(node: VimeoNode): VimeoNode;
|
|
18
|
+
static importJSON(serializedNode: SerializedVimeoNode): VimeoNode;
|
|
19
|
+
exportJSON(): SerializedVimeoNode;
|
|
20
|
+
constructor(id: string, format?: ElementFormatType, key?: NodeKey);
|
|
21
|
+
exportDOM(): DOMExportOutput;
|
|
22
|
+
static importDOM(): DOMConversionMap | null;
|
|
23
|
+
updateDOM(): false;
|
|
24
|
+
getId(): string;
|
|
25
|
+
getTextContent(_includeInert?: boolean | undefined, _includeDirectionless?: false | undefined): string;
|
|
26
|
+
decorate(_editor: LexicalEditor, config: EditorConfig): React.JSX.Element;
|
|
27
|
+
}
|
|
28
|
+
export declare function $createVimeoNode(videoID: string): VimeoNode;
|
|
29
|
+
export declare function $isVimeoNode(node: VimeoNode | LexicalNode | null | undefined): node is VimeoNode;
|
|
30
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/nodes/vimeo-node/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAGnC,OAAO,EACL,kBAAkB,EAClB,KAAK,4BAA4B,EAClC,MAAM,0CAA0C,CAAA;AACjD,OAAO,KAAK,EACV,gBAAgB,EAEhB,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,OAAO,EACP,MAAM,EACP,MAAM,SAAS,CAAA;AAkChB,MAAM,MAAM,mBAAmB,GAAG,MAAM,CACtC;IACE,OAAO,EAAE,MAAM,CAAA;CAChB,EACD,4BAA4B,CAC7B,CAAA;AAWD,qBAAa,SAAU,SAAQ,kBAAkB;IAC/C,IAAI,EAAE,MAAM,CAAA;IAEZ,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS;IAIxC,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,mBAAmB,GAAG,SAAS;IAMjE,UAAU,IAAI,mBAAmB;gBASrB,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,iBAAiB,EAAE,GAAG,CAAC,EAAE,OAAO;IAKjE,SAAS,IAAI,eAAe;IAa5B,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAc3C,SAAS,IAAI,KAAK;IAIlB,KAAK,IAAI,MAAM;IAIf,cAAc,CACZ,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,EACnC,qBAAqB,CAAC,EAAE,KAAK,GAAG,SAAS,GACxC,MAAM;IAIT,QAAQ,CAAC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;CAe1E;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,CAE3D;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,SAAS,CAEhG"}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { BlockWithAlignableContents } from "@lexical/react/LexicalBlockWithAlignableContents";
|
|
3
|
+
import { DecoratorBlockNode } from "@lexical/react/LexicalDecoratorBlockNode";
|
|
4
|
+
function VimeoComponent({ className, format, nodeKey, videoID }) {
|
|
5
|
+
return /*#__PURE__*/ jsx(BlockWithAlignableContents, {
|
|
6
|
+
className: className,
|
|
7
|
+
format: format,
|
|
8
|
+
nodeKey: nodeKey,
|
|
9
|
+
children: /*#__PURE__*/ jsx("iframe", {
|
|
10
|
+
style: {
|
|
11
|
+
aspectRatio: '16 / 9',
|
|
12
|
+
width: '100%'
|
|
13
|
+
},
|
|
14
|
+
src: `https://player.vimeo.com/video/${videoID}`,
|
|
15
|
+
allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
|
|
16
|
+
allowFullScreen: true,
|
|
17
|
+
title: "Vimeo Video"
|
|
18
|
+
})
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
function convertVimeoElement(domNode) {
|
|
22
|
+
const videoID = domNode.getAttribute('data-lexical-vimeo');
|
|
23
|
+
if (null != videoID) {
|
|
24
|
+
const node = $createVimeoNode(videoID);
|
|
25
|
+
return {
|
|
26
|
+
node
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
return null;
|
|
30
|
+
}
|
|
31
|
+
class VimeoNode extends DecoratorBlockNode {
|
|
32
|
+
static getType() {
|
|
33
|
+
return 'vimeo';
|
|
34
|
+
}
|
|
35
|
+
static clone(node) {
|
|
36
|
+
return new VimeoNode(node.__id, node.__format, node.__key);
|
|
37
|
+
}
|
|
38
|
+
static importJSON(serializedNode) {
|
|
39
|
+
const node = $createVimeoNode(serializedNode.videoID);
|
|
40
|
+
node.setFormat(serializedNode.format);
|
|
41
|
+
return node;
|
|
42
|
+
}
|
|
43
|
+
exportJSON() {
|
|
44
|
+
return {
|
|
45
|
+
...super.exportJSON(),
|
|
46
|
+
type: 'vimeo',
|
|
47
|
+
version: 1,
|
|
48
|
+
videoID: this.__id
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
exportDOM() {
|
|
52
|
+
const element = document.createElement('iframe');
|
|
53
|
+
element.setAttribute('data-lexical-vimeo', this.__id);
|
|
54
|
+
element.setAttribute('width', '560');
|
|
55
|
+
element.setAttribute('height', '315');
|
|
56
|
+
element.setAttribute('src', `https://player.vimeo.com/video/${this.__id}`);
|
|
57
|
+
element.setAttribute('frameborder', '0');
|
|
58
|
+
element.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture"');
|
|
59
|
+
element.setAttribute('allowfullscreen', 'true');
|
|
60
|
+
element.setAttribute('title', 'Vimeo video');
|
|
61
|
+
return {
|
|
62
|
+
element
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
static importDOM() {
|
|
66
|
+
return {
|
|
67
|
+
iframe: (domNode)=>{
|
|
68
|
+
if (!domNode.hasAttribute('data-lexical-vimeo')) return null;
|
|
69
|
+
return {
|
|
70
|
+
conversion: convertVimeoElement,
|
|
71
|
+
priority: 1
|
|
72
|
+
};
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
updateDOM() {
|
|
77
|
+
return false;
|
|
78
|
+
}
|
|
79
|
+
getId() {
|
|
80
|
+
return this.__id;
|
|
81
|
+
}
|
|
82
|
+
getTextContent(_includeInert, _includeDirectionless) {
|
|
83
|
+
return `https://vimeo.com/${this.__id}`;
|
|
84
|
+
}
|
|
85
|
+
decorate(_editor, config) {
|
|
86
|
+
const embedBlockTheme = config.theme.embedBlock ?? {};
|
|
87
|
+
const className = {
|
|
88
|
+
base: embedBlockTheme.base ?? '',
|
|
89
|
+
focus: embedBlockTheme.focus ?? ''
|
|
90
|
+
};
|
|
91
|
+
return /*#__PURE__*/ jsx(VimeoComponent, {
|
|
92
|
+
className: className,
|
|
93
|
+
format: this.__format,
|
|
94
|
+
nodeKey: this.getKey(),
|
|
95
|
+
videoID: this.__id
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
constructor(id, format, key){
|
|
99
|
+
super(format, key);
|
|
100
|
+
this.__id = id;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
function $createVimeoNode(videoID) {
|
|
104
|
+
return new VimeoNode(videoID);
|
|
105
|
+
}
|
|
106
|
+
function $isVimeoNode(node) {
|
|
107
|
+
return node instanceof VimeoNode;
|
|
108
|
+
}
|
|
109
|
+
export { $createVimeoNode, $isVimeoNode, VimeoNode };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This Source Code is subject to the terms of the Mozilla Public
|
|
3
|
+
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
4
|
+
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
5
|
+
*
|
|
6
|
+
* Copyright (c) Infonomic Company Limited
|
|
7
|
+
*/
|
|
8
|
+
import type * as React from 'react';
|
|
9
|
+
import { DecoratorBlockNode, type SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode';
|
|
10
|
+
import type { DOMConversionMap, DOMExportOutput, EditorConfig, ElementFormatType, LexicalEditor, LexicalNode, NodeKey, Spread } from 'lexical';
|
|
11
|
+
export type SerializedYouTubeNode = Spread<{
|
|
12
|
+
videoID: string;
|
|
13
|
+
}, SerializedDecoratorBlockNode>;
|
|
14
|
+
export declare class YouTubeNode extends DecoratorBlockNode {
|
|
15
|
+
__id: string;
|
|
16
|
+
static getType(): string;
|
|
17
|
+
static clone(node: YouTubeNode): YouTubeNode;
|
|
18
|
+
static importJSON(serializedNode: SerializedYouTubeNode): YouTubeNode;
|
|
19
|
+
exportJSON(): SerializedYouTubeNode;
|
|
20
|
+
constructor(id: string, format?: ElementFormatType, key?: NodeKey);
|
|
21
|
+
exportDOM(): DOMExportOutput;
|
|
22
|
+
static importDOM(): DOMConversionMap | null;
|
|
23
|
+
updateDOM(): false;
|
|
24
|
+
getId(): string;
|
|
25
|
+
getTextContent(_includeInert?: boolean | undefined, _includeDirectionless?: false | undefined): string;
|
|
26
|
+
decorate(_editor: LexicalEditor, config: EditorConfig): React.JSX.Element;
|
|
27
|
+
}
|
|
28
|
+
export declare function $createYouTubeNode(videoID: string): YouTubeNode;
|
|
29
|
+
export declare function $isYouTubeNode(node: YouTubeNode | LexicalNode | null | undefined): node is YouTubeNode;
|
|
30
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/nodes/youtube-node/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAGnC,OAAO,EACL,kBAAkB,EAClB,KAAK,4BAA4B,EAClC,MAAM,0CAA0C,CAAA;AACjD,OAAO,KAAK,EACV,gBAAgB,EAEhB,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,OAAO,EACP,MAAM,EACP,MAAM,SAAS,CAAA;AAmChB,MAAM,MAAM,qBAAqB,GAAG,MAAM,CACxC;IACE,OAAO,EAAE,MAAM,CAAA;CAChB,EACD,4BAA4B,CAC7B,CAAA;AAWD,qBAAa,WAAY,SAAQ,kBAAkB;IACjD,IAAI,EAAE,MAAM,CAAA;IAEZ,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW;IAI5C,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,qBAAqB,GAAG,WAAW;IAMrE,UAAU,IAAI,qBAAqB;gBASvB,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,iBAAiB,EAAE,GAAG,CAAC,EAAE,OAAO;IAKjE,SAAS,IAAI,eAAe;IAgB5B,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAc3C,SAAS,IAAI,KAAK;IAIlB,KAAK,IAAI,MAAM;IAIf,cAAc,CACZ,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,EACnC,qBAAqB,CAAC,EAAE,KAAK,GAAG,SAAS,GACxC,MAAM;IAIT,QAAQ,CAAC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;CAe1E;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,CAE/D;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,GACjD,IAAI,IAAI,WAAW,CAErB"}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { BlockWithAlignableContents } from "@lexical/react/LexicalBlockWithAlignableContents";
|
|
3
|
+
import { DecoratorBlockNode } from "@lexical/react/LexicalDecoratorBlockNode";
|
|
4
|
+
function YouTubeComponent({ className, format, nodeKey, videoID }) {
|
|
5
|
+
return /*#__PURE__*/ jsx(BlockWithAlignableContents, {
|
|
6
|
+
className: className,
|
|
7
|
+
format: format,
|
|
8
|
+
nodeKey: nodeKey,
|
|
9
|
+
children: /*#__PURE__*/ jsx("iframe", {
|
|
10
|
+
style: {
|
|
11
|
+
aspectRatio: '16 / 9',
|
|
12
|
+
width: '100%'
|
|
13
|
+
},
|
|
14
|
+
src: `https://www.youtube-nocookie.com/embed/${videoID}`,
|
|
15
|
+
frameBorder: "0",
|
|
16
|
+
allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
|
|
17
|
+
allowFullScreen: true,
|
|
18
|
+
title: "YouTube Video"
|
|
19
|
+
})
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
function convertYoutubeElement(domNode) {
|
|
23
|
+
const videoID = domNode.getAttribute('data-lexical-youtube');
|
|
24
|
+
if (null != videoID) {
|
|
25
|
+
const node = $createYouTubeNode(videoID);
|
|
26
|
+
return {
|
|
27
|
+
node
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
return null;
|
|
31
|
+
}
|
|
32
|
+
class YouTubeNode extends DecoratorBlockNode {
|
|
33
|
+
static getType() {
|
|
34
|
+
return 'youtube';
|
|
35
|
+
}
|
|
36
|
+
static clone(node) {
|
|
37
|
+
return new YouTubeNode(node.__id, node.__format, node.__key);
|
|
38
|
+
}
|
|
39
|
+
static importJSON(serializedNode) {
|
|
40
|
+
const node = $createYouTubeNode(serializedNode.videoID);
|
|
41
|
+
node.setFormat(serializedNode.format);
|
|
42
|
+
return node;
|
|
43
|
+
}
|
|
44
|
+
exportJSON() {
|
|
45
|
+
return {
|
|
46
|
+
...super.exportJSON(),
|
|
47
|
+
type: 'youtube',
|
|
48
|
+
version: 1,
|
|
49
|
+
videoID: this.__id
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
exportDOM() {
|
|
53
|
+
const element = document.createElement('iframe');
|
|
54
|
+
element.setAttribute('data-lexical-youtube', this.__id);
|
|
55
|
+
element.setAttribute('width', '560');
|
|
56
|
+
element.setAttribute('height', '315');
|
|
57
|
+
element.setAttribute('src', `https://www.youtube-nocookie.com/embed/${this.__id}`);
|
|
58
|
+
element.setAttribute('frameborder', '0');
|
|
59
|
+
element.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture');
|
|
60
|
+
element.setAttribute('allowfullscreen', 'true');
|
|
61
|
+
element.setAttribute('title', 'YouTube video');
|
|
62
|
+
return {
|
|
63
|
+
element
|
|
64
|
+
};
|
|
65
|
+
}
|
|
66
|
+
static importDOM() {
|
|
67
|
+
return {
|
|
68
|
+
iframe: (domNode)=>{
|
|
69
|
+
if (!domNode.hasAttribute('data-lexical-youtube')) return null;
|
|
70
|
+
return {
|
|
71
|
+
conversion: convertYoutubeElement,
|
|
72
|
+
priority: 1
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
updateDOM() {
|
|
78
|
+
return false;
|
|
79
|
+
}
|
|
80
|
+
getId() {
|
|
81
|
+
return this.__id;
|
|
82
|
+
}
|
|
83
|
+
getTextContent(_includeInert, _includeDirectionless) {
|
|
84
|
+
return `https://www.youtube.com/watch?v=${this.__id}`;
|
|
85
|
+
}
|
|
86
|
+
decorate(_editor, config) {
|
|
87
|
+
const embedBlockTheme = config.theme.embedBlock ?? {};
|
|
88
|
+
const className = {
|
|
89
|
+
base: embedBlockTheme.base ?? '',
|
|
90
|
+
focus: embedBlockTheme.focus ?? ''
|
|
91
|
+
};
|
|
92
|
+
return /*#__PURE__*/ jsx(YouTubeComponent, {
|
|
93
|
+
className: className,
|
|
94
|
+
format: this.__format,
|
|
95
|
+
nodeKey: this.getKey(),
|
|
96
|
+
videoID: this.__id
|
|
97
|
+
});
|
|
98
|
+
}
|
|
99
|
+
constructor(id, format, key){
|
|
100
|
+
super(format, key);
|
|
101
|
+
this.__id = id;
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
function $createYouTubeNode(videoID) {
|
|
105
|
+
return new YouTubeNode(videoID);
|
|
106
|
+
}
|
|
107
|
+
function $isYouTubeNode(node) {
|
|
108
|
+
return node instanceof YouTubeNode;
|
|
109
|
+
}
|
|
110
|
+
export { $createYouTubeNode, $isYouTubeNode, YouTubeNode };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
.admonition-modal-container {
|
|
2
|
+
max-width: 650px;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.admonition-modal-header h3 {
|
|
6
|
+
margin: 0;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.admonition-modal-header {
|
|
10
|
+
padding-bottom: .75rem;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.admonition-modal-radio-group {
|
|
14
|
+
flex-direction: column;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@media screen and (min-width: 640px) {
|
|
18
|
+
.admonition-modal-radio-group {
|
|
19
|
+
flex-direction: row;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.admonition-modal-actions {
|
|
23
|
+
margin: .75rem 0 0;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This Source Code is subject to the terms of the Mozilla Public
|
|
3
|
+
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
4
|
+
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
5
|
+
*
|
|
6
|
+
* Copyright (c) Infonomic Company Limited
|
|
7
|
+
*/
|
|
8
|
+
import type React from 'react';
|
|
9
|
+
import type { AdmonitionDrawerProps } from './types';
|
|
10
|
+
import './admonition-modal.css';
|
|
11
|
+
export declare function AdmonitionModal({ open, onSubmit, onClose, data: dataFromProps, }: AdmonitionDrawerProps): React.ReactNode;
|
|
12
|
+
//# sourceMappingURL=admonition-modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"admonition-modal.d.ts","sourceRoot":"","sources":["../../../../src/field/plugins/admonition-plugin/admonition-modal.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,OAAO,KAAK,EAAE,qBAAqB,EAAuB,MAAM,SAAS,CAAA;AAEzE,OAAO,wBAAwB,CAAA;AAe/B,wBAAgB,eAAe,CAAC,EAC9B,IAAY,EACZ,QAAQ,EACR,OAAO,EACP,IAAI,EAAE,aAAa,GACpB,EAAE,qBAAqB,GAAG,KAAK,CAAC,SAAS,CA2IzC"}
|