mirror of
https://github.com/standardnotes/web.git
synced 2024-10-28 01:26:57 +03:00
fix: Fixed issue where empty new line in Super would create extra new lines when converting to Markdown
This commit is contained in:
parent
7a24b205a7
commit
799945b167
@ -1,4 +1,4 @@
|
||||
import { InvisibleSuperConverter } from '@/Components/SuperEditor/Tools/InvisibleMarkdownConverter'
|
||||
import { HeadlessSuperConverter } from '@/Components/SuperEditor/Tools/HeadlessSuperConverter'
|
||||
import {
|
||||
SNComponent,
|
||||
ComponentMutator,
|
||||
@ -40,7 +40,7 @@ export class DesktopManager
|
||||
) {
|
||||
super(application, new InternalEventBus())
|
||||
|
||||
const markdownConverter = new InvisibleSuperConverter()
|
||||
const markdownConverter = new HeadlessSuperConverter()
|
||||
backups.setSuperConverter(markdownConverter)
|
||||
}
|
||||
|
||||
|
@ -9,17 +9,17 @@ import {
|
||||
SUPER_EXPORT_JSON,
|
||||
SUPER_EXPORT_MARKDOWN,
|
||||
} from '@standardnotes/ui-services'
|
||||
import { useCallback, useEffect } from 'react'
|
||||
import { $convertToMarkdownString } from '@lexical/markdown'
|
||||
import { MarkdownTransformers } from '../../MarkdownTransformers'
|
||||
import { $generateHtmlFromNodes } from '@lexical/html'
|
||||
import { useCallback, useEffect, useRef } from 'react'
|
||||
import { useCommandService } from '@/Components/CommandProvider'
|
||||
import { HeadlessSuperConverter } from '../../Tools/HeadlessSuperConverter'
|
||||
|
||||
export const ExportPlugin = () => {
|
||||
const application = useApplication()
|
||||
const [editor] = useLexicalComposerContext()
|
||||
const commandService = useCommandService()
|
||||
|
||||
const converter = useRef(new HeadlessSuperConverter())
|
||||
|
||||
const downloadData = useCallback(
|
||||
(data: Blob, fileName: string) => {
|
||||
if (!application.isNativeMobileWeb()) {
|
||||
@ -38,7 +38,7 @@ export const ExportPlugin = () => {
|
||||
|
||||
const exportJson = useCallback(
|
||||
(title: string) => {
|
||||
const content = JSON.stringify(editor.toJSON())
|
||||
const content = converter.current.convertString(JSON.stringify(editor.getEditorState()), 'json')
|
||||
const blob = new Blob([content], { type: 'application/json' })
|
||||
downloadData(blob, `${sanitizeFileName(title)}.json`)
|
||||
},
|
||||
@ -47,22 +47,18 @@ export const ExportPlugin = () => {
|
||||
|
||||
const exportMarkdown = useCallback(
|
||||
(title: string) => {
|
||||
editor.getEditorState().read(() => {
|
||||
const content = $convertToMarkdownString(MarkdownTransformers)
|
||||
const blob = new Blob([content], { type: 'text/markdown' })
|
||||
downloadData(blob, `${sanitizeFileName(title)}.md`)
|
||||
})
|
||||
const content = converter.current.convertString(JSON.stringify(editor.getEditorState()), 'md')
|
||||
const blob = new Blob([content], { type: 'text/markdown' })
|
||||
downloadData(blob, `${sanitizeFileName(title)}.md`)
|
||||
},
|
||||
[downloadData, editor],
|
||||
)
|
||||
|
||||
const exportHtml = useCallback(
|
||||
(title: string) => {
|
||||
editor.getEditorState().read(() => {
|
||||
const content = $generateHtmlFromNodes(editor)
|
||||
const blob = new Blob([content], { type: 'text/html' })
|
||||
downloadData(blob, `${sanitizeFileName(title)}.html`)
|
||||
})
|
||||
const content = converter.current.convertString(JSON.stringify(editor.getEditorState()), 'html')
|
||||
const blob = new Blob([content], { type: 'text/html' })
|
||||
downloadData(blob, `${sanitizeFileName(title)}.html`)
|
||||
},
|
||||
[downloadData, editor],
|
||||
)
|
||||
|
@ -1,7 +1,7 @@
|
||||
import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
|
||||
import { useEffect } from 'react'
|
||||
import { $createCodeNode } from '@lexical/code'
|
||||
import { $createTextNode, $getRoot } from 'lexical'
|
||||
import { $createTextNode, $getRoot, $nodesOfType, ParagraphNode } from 'lexical'
|
||||
import { $convertToMarkdownString } from '@lexical/markdown'
|
||||
import { MarkdownTransformers } from '../../MarkdownTransformers'
|
||||
|
||||
@ -15,6 +15,12 @@ export default function MarkdownPreviewPlugin({ onMarkdown }: Props): JSX.Elemen
|
||||
useEffect(() => {
|
||||
editor.update(() => {
|
||||
const root = $getRoot()
|
||||
const paragraphs = $nodesOfType(ParagraphNode)
|
||||
for (const paragraph of paragraphs) {
|
||||
if (paragraph.isEmpty()) {
|
||||
paragraph.remove()
|
||||
}
|
||||
}
|
||||
const markdown = $convertToMarkdownString(MarkdownTransformers)
|
||||
root.clear().append($createCodeNode('markdown').append($createTextNode(markdown)))
|
||||
root.selectEnd()
|
||||
|
@ -6,7 +6,7 @@ import Icon from '../Icon/Icon'
|
||||
import Modal, { ModalAction } from '../Modal/Modal'
|
||||
import { EditorMenuItem } from '../NotesOptions/EditorMenuItem'
|
||||
import { NoteViewController } from '../NoteView/Controller/NoteViewController'
|
||||
import { InvisibleSuperConverter } from './Tools/InvisibleMarkdownConverter'
|
||||
import { HeadlessSuperConverter } from './Tools/HeadlessSuperConverter'
|
||||
|
||||
const SuperNoteConverter = ({
|
||||
note,
|
||||
@ -47,7 +47,7 @@ const SuperNoteConverter = ({
|
||||
return note.text
|
||||
}
|
||||
|
||||
return new InvisibleSuperConverter().convertString(note.text, format)
|
||||
return new HeadlessSuperConverter().convertString(note.text, format)
|
||||
}, [format, note])
|
||||
|
||||
const componentViewer = useMemo(() => {
|
||||
|
@ -1,13 +1,13 @@
|
||||
import { createHeadlessEditor } from '@lexical/headless'
|
||||
import { $convertToMarkdownString } from '@lexical/markdown'
|
||||
import { SuperConverterServiceInterface } from '@standardnotes/snjs'
|
||||
import { LexicalEditor } from 'lexical'
|
||||
import { $nodesOfType, LexicalEditor, ParagraphNode } from 'lexical'
|
||||
import BlocksEditorTheme from '../Lexical/Theme/Theme'
|
||||
import { BlockEditorNodes } from '../Lexical/Nodes/AllNodes'
|
||||
import { MarkdownTransformers } from '../MarkdownTransformers'
|
||||
import { $generateHtmlFromNodes } from '@lexical/html'
|
||||
|
||||
export class InvisibleSuperConverter implements SuperConverterServiceInterface {
|
||||
export class HeadlessSuperConverter implements SuperConverterServiceInterface {
|
||||
private editor: LexicalEditor
|
||||
|
||||
constructor() {
|
||||
@ -33,9 +33,16 @@ export class InvisibleSuperConverter implements SuperConverterServiceInterface {
|
||||
() => {
|
||||
switch (format) {
|
||||
case 'txt':
|
||||
case 'md':
|
||||
case 'md': {
|
||||
const paragraphs = $nodesOfType(ParagraphNode)
|
||||
for (const paragraph of paragraphs) {
|
||||
if (paragraph.isEmpty()) {
|
||||
paragraph.remove()
|
||||
}
|
||||
}
|
||||
content = $convertToMarkdownString(MarkdownTransformers)
|
||||
break
|
||||
}
|
||||
case 'html':
|
||||
content = $generateHtmlFromNodes(this.editor)
|
||||
break
|
@ -1,5 +1,5 @@
|
||||
import { WebApplication } from '@/Application/WebApplication'
|
||||
import { InvisibleSuperConverter } from '@/Components/SuperEditor/Tools/InvisibleMarkdownConverter'
|
||||
import { HeadlessSuperConverter } from '@/Components/SuperEditor/Tools/HeadlessSuperConverter'
|
||||
import { PrefDefaults } from '@/Constants/PrefDefaults'
|
||||
import { NoteType, PrefKey, SNNote } from '@standardnotes/snjs'
|
||||
|
||||
@ -43,7 +43,7 @@ export const getNoteBlob = (application: WebApplication, note: SNNote) => {
|
||||
break
|
||||
}
|
||||
const content =
|
||||
note.noteType === NoteType.Super ? new InvisibleSuperConverter().convertString(note.text, format) : note.text
|
||||
note.noteType === NoteType.Super ? new HeadlessSuperConverter().convertString(note.text, format) : note.text
|
||||
const blob = new Blob([content], {
|
||||
type,
|
||||
})
|
||||
|
Loading…
Reference in New Issue
Block a user