@tldraw/editor 3.7.0-canary.916221bf1c79 → 3.7.0-canary.a152d144c038

package/src/lib/hooks/useEvent.tsx

@@ -1,3 +1,4 @@
+import { useAtom } from '@tldraw/state-react'
 import { assert } from '@tldraw/utils'
 import { useCallback, useDebugValue, useLayoutEffect, useRef } from 'react'
 
@@ -42,3 +43,31 @@ export function useEvent<Args extends Array<unknown>, Result>(
 		return fn(...args)
 	}, [])
 }
+
+/**
+ * like {@link useEvent}, but for use in reactive contexts - when the handler function changes, it
+ * will invalidate any reactive contexts that call it.
+ * @internal
+ */
+export function useReactiveEvent<Args extends Array<unknown>, Result>(
+	handler: (...args: Args) => Result
+): (...args: Args) => Result {
+	const handlerAtom = useAtom<(...args: Args) => Result>('useReactiveEvent', () => handler)
+
+	// In a real implementation, this would run before layout effects
+	useLayoutEffect(() => {
+		handlerAtom.set(handler)
+	})
+
+	useDebugValue(handler)
+
+	return useCallback(
+		(...args: Args) => {
+			// In a real implementation, this would throw if called during render
+			const fn = handlerAtom.get()
+			assert(fn, 'fn does not exist')
+			return fn(...args)
+		},
+		[handlerAtom]
+	)
+}

package/src/lib/utils/sync/LocalIndexedDb.ts

@@ -9,14 +9,16 @@ const STORE_PREFIX = 'TLDRAW_DOCUMENT_v2'
 const LEGACY_ASSET_STORE_PREFIX = 'TLDRAW_ASSET_STORE_v1'
 const dbNameIndexKey = 'TLDRAW_DB_NAME_INDEX_v2'
 
-const Table = {
+/** @internal */
+export const Table = {
 	Records: 'records',
 	Schema: 'schema',
 	SessionState: 'session_state',
 	Assets: 'assets',
 } as const
 
-type StoreName = (typeof Table)[keyof typeof Table]
+/** @internal */
+export type StoreName = (typeof Table)[keyof typeof Table]
 
 async function openLocalDb(persistenceKey: string) {
 	const storeId = STORE_PREFIX + persistenceKey
@@ -109,7 +111,7 @@ export class LocalIndexedDb {
 		})()
 	}
 
-	getDb() {
+	private getDb() {
 		return this.getDbPromise
 	}
 
@@ -288,14 +290,14 @@ export class LocalIndexedDb {
 		})
 	}
 
-	async getAsset(assetId: string): Promise<Blob | undefined> {
+	async getAsset(assetId: string): Promise<File | undefined> {
 		return await this.tx('readonly', [Table.Assets], async (tx) => {
 			const assetsStore = tx.objectStore(Table.Assets)
 			return await assetsStore.get(assetId)
 		})
 	}
 
-	async storeAsset(assetId: string, blob: Blob) {
+	async storeAsset(assetId: string, blob: File) {
 		await this.tx('readwrite', [Table.Assets], async (tx) => {
 			const assetsStore = tx.objectStore(Table.Assets)
 			await assetsStore.put(blob, assetId)

package/src/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 = '3.7.0-canary.916221bf1c79'
+export const version = '3.7.0-canary.a152d144c038'
 export const publishDates = {
 	major: '2024-09-13T14:36:29.063Z',
-	minor: '2024-12-04T16:24:39.611Z',
-	patch: '2024-12-04T16:24:39.611Z',
+	minor: '2024-12-17T10:12:23.668Z',
+	patch: '2024-12-17T10:12:23.668Z',
 }