-
-
Notifications
You must be signed in to change notification settings - Fork 456
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
18 changed files
with
290 additions
and
278 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
4 changes: 2 additions & 2 deletions
4
packages/core/src/api/blockManipulation/commands/removeBlocks/removeBlocks.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
13 changes: 6 additions & 7 deletions
13
packages/core/src/api/blockManipulation/commands/replaceBlocks/replaceBlocks.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,257 @@ | ||
| import { Mark, Node, Schema } from "@tiptap/pm/model"; | ||
|
|
||
| import UniqueID from "../../extensions/UniqueID/UniqueID.js"; | ||
| import type { | ||
| InlineContentSchema, | ||
| PartialCustomInlineContentFromConfig, | ||
| PartialInlineContent, | ||
| PartialLink, | ||
| PartialTableContent, | ||
| StyleSchema, | ||
| StyledText, | ||
| } from "../../schema"; | ||
|
|
||
| import type { PartialBlock } from "../../blocks/defaultBlocks"; | ||
| import { | ||
| isPartialLinkInlineContent, | ||
| isStyledTextInlineContent, | ||
| } from "../../schema/inlineContent/types.js"; | ||
| import { UnreachableCaseError } from "../../util/typescript.js"; | ||
|
|
||
| /** | ||
| * Convert a StyledText inline element to a | ||
| * prosemirror text node with the appropriate marks | ||
| */ | ||
| function styledTextToNodes<T extends StyleSchema>( | ||
| styledText: StyledText<T>, | ||
| schema: Schema, | ||
| styleSchema: T | ||
| ): Node[] { | ||
| const marks: Mark[] = []; | ||
|
|
||
| for (const [style, value] of Object.entries(styledText.styles)) { | ||
| const config = styleSchema[style]; | ||
| if (!config) { | ||
| throw new Error(`style ${style} not found in styleSchema`); | ||
| } | ||
|
|
||
| if (config.propSchema === "boolean") { | ||
| marks.push(schema.mark(style)); | ||
| } else if (config.propSchema === "string") { | ||
| marks.push(schema.mark(style, { stringValue: value })); | ||
| } else { | ||
| throw new UnreachableCaseError(config.propSchema); | ||
| } | ||
| } | ||
|
|
||
| return ( | ||
| styledText.text | ||
| // Splits text & line breaks. | ||
| .split(/(\n)/g) | ||
| // If the content ends with a line break, an empty string is added to the | ||
| // end, which this removes. | ||
| .filter((text) => text.length > 0) | ||
| // Converts text & line breaks to nodes. | ||
| .map((text) => { | ||
| if (text === "\n") { | ||
| return schema.nodes["hardBreak"].create(); | ||
| } else { | ||
| return schema.text(text, marks); | ||
| } | ||
| }) | ||
| ); | ||
| } | ||
|
|
||
| /** | ||
| * Converts a Link inline content element to | ||
| * prosemirror text nodes with the appropriate marks | ||
| */ | ||
| function linkToNodes( | ||
| link: PartialLink<StyleSchema>, | ||
| schema: Schema, | ||
| styleSchema: StyleSchema | ||
| ): Node[] { | ||
| const linkMark = schema.marks.link.create({ | ||
| href: link.href, | ||
| }); | ||
|
|
||
| return styledTextArrayToNodes(link.content, schema, styleSchema).map( | ||
| (node) => { | ||
| if (node.type.name === "text") { | ||
| return node.mark([...node.marks, linkMark]); | ||
| } | ||
|
|
||
| if (node.type.name === "hardBreak") { | ||
| return node; | ||
| } | ||
| throw new Error("unexpected node type"); | ||
| } | ||
| ); | ||
| } | ||
|
|
||
| /** | ||
| * Converts an array of StyledText inline content elements to | ||
| * prosemirror text nodes with the appropriate marks | ||
| */ | ||
| function styledTextArrayToNodes<S extends StyleSchema>( | ||
| content: string | StyledText<S>[], | ||
| schema: Schema, | ||
| styleSchema: S | ||
| ): Node[] { | ||
| const nodes: Node[] = []; | ||
|
|
||
| if (typeof content === "string") { | ||
| nodes.push( | ||
| ...styledTextToNodes( | ||
| { type: "text", text: content, styles: {} }, | ||
| schema, | ||
| styleSchema | ||
| ) | ||
| ); | ||
| return nodes; | ||
| } | ||
|
|
||
| for (const styledText of content) { | ||
| nodes.push(...styledTextToNodes(styledText, schema, styleSchema)); | ||
| } | ||
| return nodes; | ||
| } | ||
|
|
||
| /** | ||
| * converts an array of inline content elements to prosemirror nodes | ||
| */ | ||
| export function inlineContentToNodes< | ||
| I extends InlineContentSchema, | ||
| S extends StyleSchema | ||
| >( | ||
| blockContent: PartialInlineContent<I, S>, | ||
| schema: Schema, | ||
| styleSchema: S | ||
| ): Node[] { | ||
| const nodes: Node[] = []; | ||
|
|
||
| for (const content of blockContent) { | ||
| if (typeof content === "string") { | ||
| nodes.push(...styledTextArrayToNodes(content, schema, styleSchema)); | ||
| } else if (isPartialLinkInlineContent(content)) { | ||
| nodes.push(...linkToNodes(content, schema, styleSchema)); | ||
| } else if (isStyledTextInlineContent(content)) { | ||
| nodes.push(...styledTextArrayToNodes([content], schema, styleSchema)); | ||
| } else { | ||
| nodes.push( | ||
| blockOrInlineContentToContentNode(content, schema, styleSchema) | ||
| ); | ||
| } | ||
| } | ||
| return nodes; | ||
| } | ||
|
|
||
| /** | ||
| * converts an array of inline content elements to prosemirror nodes | ||
| */ | ||
| export function tableContentToNodes< | ||
| I extends InlineContentSchema, | ||
| S extends StyleSchema | ||
| >( | ||
| tableContent: PartialTableContent<I, S>, | ||
| schema: Schema, | ||
| styleSchema: StyleSchema | ||
| ): Node[] { | ||
| const rowNodes: Node[] = []; | ||
|
|
||
| for (const row of tableContent.rows) { | ||
| const columnNodes: Node[] = []; | ||
| for (const cell of row.cells) { | ||
| let pNode: Node; | ||
| if (!cell) { | ||
| pNode = schema.nodes["tableParagraph"].create({}); | ||
| } else if (typeof cell === "string") { | ||
| pNode = schema.nodes["tableParagraph"].create({}, schema.text(cell)); | ||
| } else { | ||
| const textNodes = inlineContentToNodes(cell, schema, styleSchema); | ||
| pNode = schema.nodes["tableParagraph"].create({}, textNodes); | ||
| } | ||
|
|
||
| const cellNode = schema.nodes["tableCell"].create({}, pNode); | ||
| columnNodes.push(cellNode); | ||
| } | ||
| const rowNode = schema.nodes["tableRow"].create({}, columnNodes); | ||
| rowNodes.push(rowNode); | ||
| } | ||
| return rowNodes; | ||
| } | ||
|
|
||
| function blockOrInlineContentToContentNode( | ||
| block: | ||
| | PartialBlock<any, any, any> | ||
| | PartialCustomInlineContentFromConfig<any, any>, | ||
| schema: Schema, | ||
| styleSchema: StyleSchema | ||
| ) { | ||
| let contentNode: Node; | ||
| let type = block.type; | ||
|
|
||
| // TODO: needed? came from previous code | ||
| if (type === undefined) { | ||
| type = "paragraph"; | ||
| } | ||
|
|
||
| if (!schema.nodes[type]) { | ||
| throw new Error(`node type ${type} not found in schema`); | ||
| } | ||
|
|
||
| if (!block.content) { | ||
| contentNode = schema.nodes[type].create(block.props); | ||
| } else if (typeof block.content === "string") { | ||
| const nodes = inlineContentToNodes([block.content], schema, styleSchema); | ||
| contentNode = schema.nodes[type].create(block.props, nodes); | ||
| } else if (Array.isArray(block.content)) { | ||
| const nodes = inlineContentToNodes(block.content, schema, styleSchema); | ||
| contentNode = schema.nodes[type].create(block.props, nodes); | ||
| } else if (block.content.type === "tableContent") { | ||
| const nodes = tableContentToNodes(block.content, schema, styleSchema); | ||
| contentNode = schema.nodes[type].create(block.props, nodes); | ||
| } else { | ||
| throw new UnreachableCaseError(block.content.type); | ||
| } | ||
| return contentNode; | ||
| } | ||
|
|
||
| /** | ||
| * Converts a BlockNote block to a TipTap node. | ||
| */ | ||
| export function blockToNode( | ||
| block: PartialBlock<any, any, any>, | ||
| schema: Schema, | ||
| styleSchema: StyleSchema | ||
| ) { | ||
| let id = block.id; | ||
|
|
||
| if (id === undefined) { | ||
| id = UniqueID.options.generateID(); | ||
| } | ||
|
|
||
| const contentNode = blockOrInlineContentToContentNode( | ||
| block, | ||
| schema, | ||
| styleSchema | ||
| ); | ||
|
|
||
| const children: Node[] = []; | ||
|
|
||
| if (block.children) { | ||
| for (const child of block.children) { | ||
| children.push(blockToNode(child, schema, styleSchema)); | ||
| } | ||
| } | ||
|
|
||
| const groupNode = schema.nodes["blockGroup"].create({}, children); | ||
|
|
||
| return schema.nodes["blockContainer"].create( | ||
| { | ||
| id: id, | ||
| ...block.props, | ||
| }, | ||
| children.length > 0 ? [contentNode, groupNode] : contentNode | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.