{children}
; - case "heading": { - switch (node.data.get("depth")) { - case 1: - return{children}
; - case 2: - return{children}
; - case 3: - return{children}
; - case 4: - return{children}
; - case 5: - return{children}
; - case 6: - return{children}
; - default: - break; - } - break; - } - case "thematicBreak": - return; - case "blockquote": - return
{children}; - case "list": - if (node.data.get("ordered")) { - return
- {children}
- {children}
- {children}
-
- );
- case "code":
- // TODO lang meta
- return (
-
- {children}
-
- );
- case "yaml":
- case "toml":
- return (
-
- {children}
-
- );
- case "definition":
- break;
- case "footnoteDefinition":
- break;
- case "break":
- break;
- case "linkReference":
- break;
- case "imageReference":
- break;
- case "footnote":
- break;
- case "footnoteReference":
- break;
- default:
- break;
- }
- return {children}
; - }, - [] - ); - - const renderInline = useCallback( - ( - { node, children, attributes }: RenderInlineProps, - editor: Editor, - next: () => any - ) => { - switch (node.type) { - case "link": - return ( - - {children} - - ); - case "image": - return ( - <> -{children}
; - }, - [] - ); - - const renderMark = useCallback( - ( - { mark, children }: RenderMarkProps, - editor: Editor, - next: () => any - ) => { - switch (mark.type) { - case "strong": - return {children}; - case "emphasis": - return {children}; - case "delete": - return{children};
- default:
- return next();
- }
- },
- []
- );
-
- return (
-
-
- );
- }
-);
diff --git a/stories/playground/current.stories.tsx b/stories/playground/current.stories.tsx
index c427333c..f5f537e7 100644
--- a/stories/playground/current.stories.tsx
+++ b/stories/playground/current.stories.tsx
@@ -17,18 +17,11 @@ const toSlateProcessor = unified()
.use(gfm)
.use(frontmatter)
.use(remarkToSlate);
-const toRemarkProcessor = unified()
- .use(slateToRemark)
- .use(gfm)
- .use(frontmatter)
- .use(stringify);
+const toRemarkProcessor = unified().use(gfm).use(frontmatter).use(stringify);
const toSlate = (s: string) => toSlateProcessor.processSync(s).result as Node[];
const toMd = (value: Node[]) => {
- const mdast = toRemarkProcessor.runSync({
- type: "root",
- children: value,
- });
+ const mdast = toRemarkProcessor.runSync(slateToRemark(value));
return toRemarkProcessor.stringify(mdast);
};
diff --git a/stories/playground/legacy.stories.tsx b/stories/playground/legacy.stories.tsx
deleted file mode 100644
index 990ad6d8..00000000
--- a/stories/playground/legacy.stories.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-import { StoryObj } from "@storybook/react";
-import React, { useMemo, useRef, useState } from "react";
-import { Value } from "slate_legacy";
-import { unified } from "unified";
-import markdown from "remark-parse";
-import gfm from "remark-gfm";
-import frontmatter from "remark-frontmatter";
-import stringify from "remark-stringify";
-import { remarkToSlateLegacy, slateToRemarkLegacy } from "../../src";
-import SlateEditor from "../components/slate0.47-editor";
-import TextEditor from "../components/text-editor";
-import Text from "../components/text";
-import text from "../../fixtures/article.md?raw";
-
-const toSlateProcessor = unified()
- .use(markdown)
- .use(gfm)
- .use(frontmatter)
- .use(remarkToSlateLegacy);
-const toRemarkProcessor = unified()
- .use(slateToRemarkLegacy)
- .use(gfm)
- .use(frontmatter)
- .use(stringify);
-
-const toSlate = (s: string) =>
- Value.fromJSON(toSlateProcessor.processSync(s).result);
-const toMd = (value: Value) => {
- const mdast = toRemarkProcessor.runSync({
- type: "root",
- children: value.toJSON().document.nodes,
- });
- return toRemarkProcessor.stringify(mdast);
-};
-
-export default {
- title: "Playground/Slate ~0.47",
-};
-
-const Wrapper = ({ children }: { children: React.ReactNode }) => (
- ({
- width: "100vw",
- height: "100vh",
- display: "flex",
- flexDirection: "row",
- fontSize: "10.5pt",
- }),
- []
- )}
- >
- {children}
-
-);
-
-// export const MarkdownToSlate = () => {
-// const [value, setValue] = useState(toSlate(text));
-// const ref = useRef
-//
-//
-//
-
-
-
-//
-//
-//