[~] Remove/segment tiptap styles.
i18n
We often don't need to be checkingthe to type in commands.
Cleanup fallbacks and nodetypes. Fallback => createAndFill if possible.
Move pinToItemDistance to menu options?
Fix link menu condition.
Fix table should not be able to press enter.

Commands

[>] List of valid commands.

Requirements

Future

Comments
[^] Modal mode.
- [^] Change selection => apply command => return selection. For vim like selections.

Easy, Low Priority

Up arrow at last node that doesn't support gap cursor adds a new paragraph.
Allow configuring popup options in mark menus.
Prevent link menu from being opened when it wasn't a user focus event (manually through some meta on the tr).
Normalize renderHTML with nodes to get same look.

Difficult, Low Priority

Tests needed:

Link Menu tests.
Redirected commands tests.
Complex parsing tests.
Enter key tests.

Done

--- Scratchpad ---

export const focusCodeBlockLanguage = ( codeBlockType: string, langPickerClass: string = "lang-picker" ) => (dir: "up" | "down"): Command => ({ state, tr, view }) => { const { from, to, empty, $from } = state.selection.map(tr.doc, tr.mapping) if (!empty) { return false } const $node = tr.doc.resolve(from) debugNode($node.node()) const isCodeBlock = $node.node()?.type.name === codeBlockType console.log(dir) if (dir === "up" && isCodeBlock) { const firstLineIndex = $from.parent.textContent.indexOf("\n") const firstLine = firstLineIndex > 0 ? $from.parent.textContent.slice(0, firstLineIndex) : false as const const nodePos = from - $node.start() if (!firstLine || (nodePos >= 0 && nodePos <= firstLine.length)) { const domNode = view.domAtPos(from - 1).node focusInput(domNode, langPickerClass) } } else if (dir === "down" && !isCodeBlock) { const lastLineIndex = $from.parent.textContent.lastIndexOf("\n") const lastLine = lastLineIndex > 0 ? $from.parent.textContent.slice(lastLineIndex + 1) : false as const const nodePos = from - $node.start() if (!lastLine || (nodePos >= 0 && nodePos <= lastLine.length)) { console.log("at last") const endOfLinePlusOne = nodePos + (lastLine ? lastLine.length - nodePos + 1 : 1) const nextSel = TextSelection.findFrom(tr.doc.resolve(tr.doc.resolve(endOfLinePlusOne).pos), 1, true)

				console.log(nextSel)
				// const nextNode = tr.doc.nodesBetween(from, tr.doc.resolve(0).end(), (node,pos) => {
				// 	if (node.type?.name === codeBlockType) {
				// 		return true
				// 	}
				// })
				// const domNode = view.domAtPos(from).node
				// focusInput(domNode, langPickerClass)
			}
		}
		return false
	}

// [`<iframe width="560" height="315" src="https://www.youtube.com/embed/0GoU-A996Bc?si=rXgwW-Xfb19ZMq2u" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>`], // [`<iframe src="https://www.google.com/search?q=reddit+js+library+detecting+embed+urls&oq=reddit+js+library+detecting+embed+urls&gs_lcrp=EgZjaHJvbWUyBggAEEUYOdIBCDUzMTJqMGo3qAIAsAIA&sourceid=chrome&ie=UTF-8"></iframe>`], // [`<iframe src="https://player.vimeo.com/video/215976284?h=66cf6fc4bb" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>`], // ["https://player.vimeo.com/video/215976284?h=66cf6fc4bb"],

NotLink A 1

Internal

B 1
B 1

Embedded
C 1
- D 1
```
E 1
```
- D 2
- D 3

--- const offsetMap = StepMap.offset(-start + 1) // see ueberdosis/tiptap#1883 // and ueberdosis/tiptap#74 (comment) const steps: ReplaceStep[] = JSON.parse( JSON.stringify(tr.steps) ).map((step: any) => Step.fromJSON(state.schema, step)) const allMappableSteps = [] for (const step of steps) { const fromOk = step.from >= start && step.from <= end const toOk = step.to >= start && step.to <= end if (fromOk && toOk) allMappableSteps.push(step) else {break} } if (allMappableSteps.length === steps.length) { for (const step of steps) { const mapped = step.map(offsetMap)! console.log(mapped) intTr.step(mapped) } } else {

import assert from "node:assert" import { chromium, devices } from "playwright";

(async () => { // Setup const browser = await chromium.launch({ headless: false, executablePath: process.env.PLAYWRIGHT_CHROMIUM_EXECUTABLE_PATH, }) const context = await browser.newContext(devices["iPhone 11"]) const page = await context.newPage()

// The actual interesting bit
await context.route("**.jpg", route => route.abort())
console.log(1)
await page.goto("https://example.com/")
console.log(2)

const pt = await page.title()
console.log("page title")
console.log(JSON.stringify(pt))

assert(pt === "Example Domain") // 👎 not a Web First assertion

const sleep = ms => new Promise(r => setTimeout(r, ms))
await sleep(5000)

// Teardown
await context.close()
await browser.close()

})()

const $deepest = convertTo.resolve(Math.floor(convertTo.nodeSize / 2)) if (keepsContent && ($deepest.node().type.name === "text" || $deepest?.parent)) { const selPos = posByNode(editor.state.doc, { textContent: "ABC", type: $deepest.node().type.name === "text" ? $deepest.parent.type : $deepest.node().type, }) const closest = TextSelection.near(editor.state.doc.resolve(selPos), -1) console.log(closest.from, editor.state.selection.from, editor.state.doc.resolve(selPos).node().type.name) }

const commands: { key: keyof ChainedCommands, buttons: any[][] }[] = [ { key: "indentListItem" , buttons: [[]]}, { key: "unindentListItem" , buttons: [[]]}, { key: "toggleHeading", buttons: [1, 2, 3, 4, 5, 6, undefined].map(level => [{ level }]) }, { key: "toggleBold", buttons: [[]]}, { key: "toggleItalic", buttons: [[]]}, { key: "toggleCode", buttons: [[]]}, { key: "toggleCodeBlock", buttons: [[]]}, { key: "setCodeBlock", buttons: [ [{ language: "javascript" , loading: true }], [{ language: "css", loading: true }], ]}, { key: "focusCodeBlockLanguage", buttons: [[]]}, { key: "setHardBreak", buttons: [[]]}, { key: "undo", buttons: [[]]}, { key: "redo", buttons: [[]]}, { key: "moveListItem", buttons: [["down"], ["up"]]}, { key: "changeListItemType", buttons: [ [{ type: "none" }], [{ type: "stateful-task", state: "unchecked" }], [{ type: "stateful-task", state: "partial" }], [{ type: "stateful-task", state: "cancelled" }], [{ type: "stateful-task", state: "checked" }], [{ type: "ordered" }], // todo list all list-style-types [{ type: "unordered" }], [{ type: "ordered-upper-roman" }], [{ type: "ordered-lower-roman" }], // "unordered-square", ]}, ]

Navigation Menu

Uh oh!

Commands

Requirements

Future

Easy, Low Priority

Difficult, Low Priority

Tests needed:

Done

})()

Uh oh!

FilesExpand file tree

todo.md

Latest commit

History

todo.md

File metadata and controls

Commands

Requirements

Future

Easy, Low Priority

Difficult, Low Priority

Tests needed:

Done

})()