tldraw 4.2.0-canary.fda2467026d5 → 4.2.0-next.47462e908ff5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tldraw",
   "description": "A tiny little drawing editor.",
-  "version": "4.2.0-canary.fda2467026d5",
+  "version": "4.2.0-next.47462e908ff5",
   "author": {
     "name": "tldraw Inc.",
     "email": "hello@tldraw.com"
@@ -55,15 +55,15 @@
     "src"
   ],
   "dependencies": {
-    "@tiptap/core": "3.6.2",
-    "@tiptap/extension-code": "3.6.2",
-    "@tiptap/extension-highlight": "3.6.2",
-    "@tiptap/extension-list": "3.6.2",
-    "@tiptap/pm": "3.6.2",
-    "@tiptap/react": "3.6.2",
-    "@tiptap/starter-kit": "3.6.2",
-    "@tldraw/editor": "4.2.0-canary.fda2467026d5",
-    "@tldraw/store": "4.2.0-canary.fda2467026d5",
+    "@tiptap/core": "^2.9.1",
+    "@tiptap/extension-code": "^2.9.1",
+    "@tiptap/extension-highlight": "^2.9.1",
+    "@tiptap/extension-link": "^2.9.1",
+    "@tiptap/pm": "^2.9.1",
+    "@tiptap/react": "^2.9.1",
+    "@tiptap/starter-kit": "^2.9.1",
+    "@tldraw/editor": "4.2.0-next.47462e908ff5",
+    "@tldraw/store": "4.2.0-next.47462e908ff5",
     "classnames": "^2.5.1",
     "hotkeys-js": "^3.13.9",
     "idb": "^7.1.1",

package/src/index.ts

@@ -241,10 +241,7 @@ export {
 	DefaultDebugMenuContent,
 	ExampleDialog,
 	FeatureFlags,
-	type CustomDebugFlags,
-	type DebugFlagsProps,
 	type ExampleDialogProps,
-	type FeatureFlagsProps,
 } from './lib/ui/components/DebugMenu/DefaultDebugMenuContent'
 export { DefaultMenuPanel } from './lib/ui/components/DefaultMenuPanel'
 export {

package/src/lib/ui/components/DebugMenu/DefaultDebugMenuContent.tsx

@@ -29,17 +29,8 @@ import { TldrawUiMenuGroup } from '../primitives/menus/TldrawUiMenuGroup'
 import { TldrawUiMenuItem } from '../primitives/menus/TldrawUiMenuItem'
 import { TldrawUiMenuSubmenu } from '../primitives/menus/TldrawUiMenuSubmenu'
 
-/** @public */
-export interface CustomDebugFlags {
-	customDebugFlags?: Record<string, DebugFlag<boolean>>
-	customFeatureFlags?: Record<string, DebugFlag<boolean>>
-}
-
 /** @public @react */
-export function DefaultDebugMenuContent({
-	customDebugFlags,
-	customFeatureFlags,
-}: CustomDebugFlags) {
+export function DefaultDebugMenuContent() {
 	const editor = useEditor()
 	const { addToast } = useToasts()
 	const { addDialog } = useDialogs()
@@ -170,21 +161,15 @@ export function DefaultDebugMenuContent({
 				<TldrawUiMenuItem id="throw-error" onSelect={() => setError(true)} label={'Throw error'} />
 			</TldrawUiMenuGroup>
 			<TldrawUiMenuGroup id="flags">
-				<DebugFlags customDebugFlags={customDebugFlags} />
-				<FeatureFlags customFeatureFlags={customFeatureFlags} />
+				<DebugFlags />
+				<FeatureFlags />
 			</TldrawUiMenuGroup>
 		</>
 	)
 }
-
-/** @public */
-export interface DebugFlagsProps {
-	customDebugFlags?: Record<string, DebugFlag<boolean>> | undefined
-}
-
 /** @public @react */
-export function DebugFlags(props: DebugFlagsProps) {
-	const items = Object.values(props.customDebugFlags ?? debugFlags)
+export function DebugFlags() {
+	const items = Object.values(debugFlags)
 	if (!items.length) return null
 	return (
 		<TldrawUiMenuSubmenu id="debug flags" label="Debug flags">
@@ -196,14 +181,9 @@ export function DebugFlags(props: DebugFlagsProps) {
 		</TldrawUiMenuSubmenu>
 	)
 }
-/** @public */
-export interface FeatureFlagsProps {
-	customFeatureFlags?: Record<string, DebugFlag<boolean>> | undefined
-}
-
 /** @public @react */
-export function FeatureFlags(props: FeatureFlagsProps) {
-	const items = Object.values(props.customFeatureFlags ?? featureFlags)
+export function FeatureFlags() {
+	const items = Object.values(featureFlags)
 	if (!items.length) return null
 	return (
 		<TldrawUiMenuSubmenu id="feature flags" label="Feature flags">

package/src/lib/ui/components/Toolbar/DefaultRichTextToolbar.tsx

@@ -117,9 +117,7 @@ function useEditingLinkBehavior(textEditor?: TiptapEditor) {
 
 		textEditor.view.dom.addEventListener('click', handleClick)
 		return () => {
-			if (textEditor.isInitialized) {
-				textEditor.view.dom.removeEventListener('click', handleClick)
-			}
+			textEditor.view.dom.removeEventListener('click', handleClick)
 		}
 	}, [textEditor, isEditingLink])
 
@@ -195,9 +193,7 @@ function useIsMousingDownOnTextEditor(textEditor: TiptapEditor) {
 		})
 		return () => {
 			touchDownEvents.forEach((eventName: string) => {
-				if (textEditor.isInitialized) {
-					textEditor.view.dom.removeEventListener(eventName, handlePointingDown)
-				}
+				textEditor.view.dom.removeEventListener(eventName, handlePointingDown)
 			})
 			touchUpEvents.forEach((eventName: string) => {
 				document.body.removeEventListener(eventName, handlePointingUp)

package/src/lib/ui/components/Toolbar/LinkEditor.tsx

@@ -31,7 +31,7 @@ export function LinkEditor({ textEditor, value: initialValue, onClose }: LinkEdi
 			link = `https://${link}`
 		}
 
-		textEditor.chain().setLink({ href: link }).run()
+		textEditor.commands.setLink({ href: link })
 		// N.B. We shouldn't focus() on mobile because it causes the
 		// Return key to replace the link with a newline :facepalm:
 		if (editor.getInstanceState().isCoarsePointer) {

package/src/lib/ui/version.ts

@@ -1,9 +1,9 @@
 // This file is automatically generated by internal/scripts/refresh-assets.ts.
 // Do not edit manually. Or do, I'm a comment, not a cop.
 
-export const version = '4.2.0-canary.fda2467026d5'
+export const version = '4.2.0-next.47462e908ff5'
 export const publishDates = {
 	major: '2025-09-18T14:39:22.803Z',
-	minor: '2025-10-17T09:01:09.102Z',
-	patch: '2025-10-17T09:01:09.102Z',
+	minor: '2025-10-17T10:30:50.909Z',
+	patch: '2025-10-17T10:30:50.909Z',
 }

package/src/lib/utils/text/richText.ts

@@ -8,6 +8,7 @@ import {
 } from '@tiptap/core'
 import Code from '@tiptap/extension-code'
 import Highlight from '@tiptap/extension-highlight'
+import Link from '@tiptap/extension-link'
 import { Node } from '@tiptap/pm/model'
 import StarterKit from '@tiptap/starter-kit'
 import {
@@ -34,7 +35,6 @@ export const KeyboardShiftEnterTweakExtension = Extension.create({
 
 // We change the default Code to override what's in the StarterKit.
 // It allows for other attributes/extensions.
-// @ts-ignore this is fine.
 Code.config.excludes = undefined
 
 // We want the highlighting to take precedence over bolding/italics/links
@@ -52,10 +52,10 @@ export const tipTapDefaultExtensions: Extensions = [
 		blockquote: false,
 		codeBlock: false,
 		horizontalRule: false,
-		link: {
-			openOnClick: false,
-			autolink: true,
-		},
+	}),
+	Link.configure({
+		openOnClick: false,
+		autolink: true,
 	}),
 	Highlight,
 	KeyboardShiftEnterTweakExtension,