@tldraw/tlschema 4.1.0-canary.e4499a57ef5b → 4.1.0-canary.f2f81cd6fe2c

package/src/records/TLBinding.ts

@@ -14,25 +14,91 @@ import { TLPropsMigrations } from '../recordsWithProps'
 
 /**
  * The default set of bindings that are available in the editor.
+ * Currently includes only arrow bindings, but can be extended with custom bindings.
  *
- * @public */
+ * @example
+ * ```ts
+ * // Arrow binding connects an arrow to shapes
+ * const arrowBinding: TLDefaultBinding = {
+ *   id: 'binding:arrow1',
+ *   typeName: 'binding',
+ *   type: 'arrow',
+ *   fromId: 'shape:arrow1',
+ *   toId: 'shape:rectangle1',
+ *   props: {
+ *     terminal: 'end',
+ *     normalizedAnchor: { x: 0.5, y: 0.5 },
+ *     isExact: false,
+ *     isPrecise: true
+ *   }
+ * }
+ * ```
+ *
+ * @public
+ */
 export type TLDefaultBinding = TLArrowBinding
 
 /**
  * A type for a binding that is available in the editor but whose type is
  * unknown—either one of the editor's default bindings or else a custom binding.
+ * Used internally for type-safe handling of bindings with unknown structure.
  *
- * @public */
+ * @example
+ * ```ts
+ * // Function that works with any binding type
+ * function processBinding(binding: TLUnknownBinding) {
+ *   console.log(`Processing ${binding.type} binding from ${binding.fromId} to ${binding.toId}`)
+ *   // Handle binding properties generically
+ * }
+ * ```
+ *
+ * @public
+ */
 export type TLUnknownBinding = TLBaseBinding<string, object>
 
 /**
  * The set of all bindings that are available in the editor, including unknown bindings.
+ * Bindings represent relationships between shapes, such as arrows connecting to other shapes.
+ *
+ * @example
+ * ```ts
+ * // Check binding type and handle accordingly
+ * function handleBinding(binding: TLBinding) {
+ *   switch (binding.type) {
+ *     case 'arrow':
+ *       // Handle arrow binding
+ *       break
+ *     default:
+ *       // Handle unknown custom binding
+ *       break
+ *   }
+ * }
+ * ```
  *
  * @public
  */
 export type TLBinding = TLDefaultBinding | TLUnknownBinding
 
-/** @public */
+/**
+ * Type for updating existing bindings with partial properties.
+ * Only the id and type are required, all other properties are optional.
+ *
+ * @example
+ * ```ts
+ * // Update arrow binding properties
+ * const bindingUpdate: TLBindingUpdate<TLArrowBinding> = {
+ *   id: 'binding:arrow1',
+ *   type: 'arrow',
+ *   props: {
+ *     normalizedAnchor: { x: 0.7, y: 0.3 } // Only update anchor position
+ *   }
+ * }
+ *
+ * editor.updateBindings([bindingUpdate])
+ * ```
+ *
+ * @public
+ */
 export type TLBindingUpdate<T extends TLBinding = TLBinding> = Expand<{
 	id: TLBindingId
 	type: T['type']
@@ -43,7 +109,30 @@ export type TLBindingUpdate<T extends TLBinding = TLBinding> = Expand<{
 	meta?: Partial<T['meta']>
 }>
 
-/** @public */
+/**
+ * Type for creating new bindings with required fromId and toId.
+ * The id is optional and will be generated if not provided.
+ *
+ * @example
+ * ```ts
+ * // Create a new arrow binding
+ * const newBinding: TLBindingCreate<TLArrowBinding> = {
+ *   type: 'arrow',
+ *   fromId: 'shape:arrow1',
+ *   toId: 'shape:rectangle1',
+ *   props: {
+ *     terminal: 'end',
+ *     normalizedAnchor: { x: 0.5, y: 0.5 },
+ *     isExact: false,
+ *     isPrecise: true
+ *   }
+ * }
+ *
+ * editor.createBindings([newBinding])
+ * ```
+ *
+ * @public
+ */
 export type TLBindingCreate<T extends TLBinding = TLBinding> = Expand<{
 	id?: TLBindingId
 	type: T['type']
@@ -55,40 +144,176 @@ export type TLBindingCreate<T extends TLBinding = TLBinding> = Expand<{
 }>
 
 /**
- * An ID for a {@link TLBinding}.
+ * Branded string type for binding record identifiers.
+ * Prevents mixing binding IDs with other types of record IDs at compile time.
+ *
+ * @example
+ * ```ts
+ * import { createBindingId } from '@tldraw/tlschema'
+ *
+ * // Create a new binding ID
+ * const bindingId: TLBindingId = createBindingId()
+ *
+ * // Use in binding records
+ * const binding: TLBinding = {
+ *   id: bindingId,
+ *   type: 'arrow',
+ *   fromId: 'shape:arrow1',
+ *   toId: 'shape:rectangle1',
+ *   // ... other properties
+ * }
+ * ```
  *
  * @public
  */
 export type TLBindingId = RecordId<TLUnknownBinding>
 
-/** @public */
+/**
+ * Migration version identifiers for the root binding record schema.
+ * Currently empty as no migrations have been applied to the base binding structure.
+ *
+ * @example
+ * ```ts
+ * // Future migrations would be defined here
+ * const rootBindingVersions = createMigrationIds('com.tldraw.binding', {
+ *   AddNewProperty: 1,
+ * } as const)
+ * ```
+ *
+ * @public
+ */
 export const rootBindingVersions = createMigrationIds('com.tldraw.binding', {} as const)
 
-/** @public */
+/**
+ * Migration sequence for the root binding record structure.
+ * Currently empty as the binding schema has not required any migrations yet.
+ *
+ * @example
+ * ```ts
+ * // Migrations would be automatically applied when loading old documents
+ * const migratedStore = migrator.migrateStoreSnapshot({
+ *   schema: oldSchema,
+ *   store: oldStoreSnapshot
+ * })
+ * ```
+ *
+ * @public
+ */
 export const rootBindingMigrations = createRecordMigrationSequence({
 	sequenceId: 'com.tldraw.binding',
 	recordType: 'binding',
 	sequence: [],
 })
 
-/** @public */
+/**
+ * Type guard to check if a record is a TLBinding.
+ * Useful for filtering or type narrowing when working with mixed record types.
+ *
+ * @param record - The record to check
+ * @returns True if the record is a binding, false otherwise
+ *
+ * @example
+ * ```ts
+ * // Filter bindings from mixed records
+ * const allRecords = store.allRecords()
+ * const bindings = allRecords.filter(isBinding)
+ *
+ * // Type guard usage
+ * function processRecord(record: UnknownRecord) {
+ *   if (isBinding(record)) {
+ *     // record is now typed as TLBinding
+ *     console.log(`Binding from ${record.fromId} to ${record.toId}`)
+ *   }
+ * }
+ * ```
+ *
+ * @public
+ */
 export function isBinding(record?: UnknownRecord): record is TLBinding {
 	if (!record) return false
 	return record.typeName === 'binding'
 }
 
-/** @public */
+/**
+ * Type guard to check if a string is a valid TLBindingId.
+ * Validates that the ID follows the correct format for binding identifiers.
+ *
+ * @param id - The string to check
+ * @returns True if the string is a valid binding ID, false otherwise
+ *
+ * @example
+ * ```ts
+ * // Validate binding IDs
+ * const maybeBindingId = 'binding:abc123'
+ * if (isBindingId(maybeBindingId)) {
+ *   // maybeBindingId is now typed as TLBindingId
+ *   const binding = store.get(maybeBindingId)
+ * }
+ *
+ * // Filter binding IDs from mixed ID array
+ * const mixedIds = ['shape:1', 'binding:2', 'page:3']
+ * const bindingIds = mixedIds.filter(isBindingId)
+ * ```
+ *
+ * @public
+ */
 export function isBindingId(id?: string): id is TLBindingId {
 	if (!id) return false
 	return id.startsWith('binding:')
 }
 
-/** @public */
+/**
+ * Creates a new TLBindingId with proper formatting.
+ * Generates a unique ID if none is provided, or formats a provided ID correctly.
+ *
+ * @param id - Optional custom ID suffix. If not provided, a unique ID is generated
+ * @returns A properly formatted binding ID
+ *
+ * @example
+ * ```ts
+ * // Create with auto-generated ID
+ * const bindingId1 = createBindingId() // 'binding:abc123'
+ *
+ * // Create with custom ID
+ * const bindingId2 = createBindingId('myCustomBinding') // 'binding:myCustomBinding'
+ *
+ * // Use in binding creation
+ * const binding: TLBinding = {
+ *   id: createBindingId(),
+ *   type: 'arrow',
+ *   fromId: 'shape:arrow1',
+ *   toId: 'shape:rectangle1',
+ *   // ... other properties
+ * }
+ * ```
+ *
+ * @public
+ */
 export function createBindingId(id?: string): TLBindingId {
 	return `binding:${id ?? uniqueId()}` as TLBindingId
 }
 
 /**
+ * Creates a migration sequence for binding properties.
+ * This is a pass-through function that validates and returns the provided migrations.
+ *
+ * @param migrations - The migration sequence for binding properties
+ * @returns The validated migration sequence
+ *
+ * @example
+ * ```ts
+ * // Define migrations for custom binding properties
+ * const myBindingMigrations = createBindingPropsMigrationSequence({
+ *   sequence: [
+ *     {
+ *       id: 'com.myapp.binding.custom/1.0.0',
+ *       up: (props) => ({ ...props, newProperty: 'default' }),
+ *       down: ({ newProperty, ...props }) => props
+ *     }
+ *   ]
+ * })
+ * ```
+ *
  * @public
  */
 export function createBindingPropsMigrationSequence(
@@ -98,6 +323,28 @@ export function createBindingPropsMigrationSequence(
 }
 
 /**
+ * Creates properly formatted migration IDs for binding property migrations.
+ * Follows the convention: 'com.tldraw.binding.\{bindingType\}/\{version\}'
+ *
+ * @param bindingType - The type of binding these migrations apply to
+ * @param ids - Object mapping migration names to version numbers
+ * @returns Object with formatted migration IDs
+ *
+ * @example
+ * ```ts
+ * // Create migration IDs for custom binding
+ * const myBindingVersions = createBindingPropsMigrationIds('myCustomBinding', {
+ *   AddNewProperty: 1,
+ *   UpdateProperty: 2
+ * })
+ *
+ * // Result:
+ * // {
+ * //   AddNewProperty: 'com.tldraw.binding.myCustomBinding/1',
+ * //   UpdateProperty: 'com.tldraw.binding.myCustomBinding/2'
+ * // }
+ * ```
+ *
  * @public
  */
 export function createBindingPropsMigrationIds<S extends string, T extends Record<string, number>>(
@@ -107,7 +354,26 @@ export function createBindingPropsMigrationIds<S extends string, T extends Recor
 	return mapObjectMapValues(ids, (_k, v) => `com.tldraw.binding.${bindingType}/${v}`) as any
 }
 
-/** @internal */
+/**
+ * Creates a record type for TLBinding with validation based on the provided binding schemas.
+ * This function is used internally to configure the binding record type in the schema.
+ *
+ * @param bindings - Record mapping binding type names to their schema information
+ * @returns A configured record type for bindings with validation
+ *
+ * @example
+ * ```ts
+ * // Used internally when creating schemas
+ * const bindingRecordType = createBindingRecordType({
+ *   arrow: {
+ *     props: arrowBindingProps,
+ *     meta: arrowBindingMeta
+ *   }
+ * })
+ * ```
+ *
+ * @internal
+ */
 export function createBindingRecordType(bindings: Record<string, SchemaPropsInfo>) {
 	return createRecordType<TLBinding>('binding', {
 		scope: 'document',

package/src/records/TLCamera.test.ts

@@ -0,0 +1,19 @@
+import { describe, expect, it } from 'vitest'
+import { cameraMigrations, cameraVersions } from './TLCamera'
+
+describe('cameraMigrations', () => {
+	it('should apply AddMeta migration correctly', () => {
+		const addMetaMigration = cameraMigrations.sequence.find((m) => m.id === cameraVersions.AddMeta)!
+
+		const oldRecord: any = {
+			typeName: 'camera',
+			id: 'camera:test',
+			x: 100,
+			y: 200,
+			z: 0.5,
+		}
+
+		addMetaMigration.up(oldRecord)
+		expect(oldRecord.meta).toEqual({})
+	})
+})

package/src/records/TLCamera.ts

@@ -10,24 +10,84 @@ import { T } from '@tldraw/validate'
 import { idValidator } from '../misc/id-validator'
 
 /**
- * A camera record.
+ * A camera record representing the viewport's position and zoom level.
+ * The camera defines what portion of the infinite canvas is visible to the user.
+ *
+ * @example
+ * ```ts
+ * const camera: TLCamera = {
+ *   id: 'camera:user1',
+ *   typeName: 'camera',
+ *   x: 100,    // Camera x position (negative values pan right)
+ *   y: 50,     // Camera y position (negative values pan down)
+ *   z: 0.5,    // Zoom level (1 = 100%, 0.5 = 50%, 2 = 200%)
+ *   meta: {
+ *     userId: 'user123',
+ *     lastUpdated: Date.now()
+ *   }
+ * }
+ *
+ * // Set camera position and zoom
+ * editor.setCamera({ x: -200, y: -100, z: 1.5 })
+ * ```
  *
  * @public
  */
 export interface TLCamera extends BaseRecord<'camera', TLCameraId> {
+	/** Camera x position. Negative values move the viewport right */
 	x: number
+	/** Camera y position. Negative values move the viewport down */
 	y: number
+	/** Zoom level. 1 = 100%, 0.5 = 50% zoom, 2 = 200% zoom */
 	z: number
+	/** User-defined metadata for the camera */
 	meta: JsonObject
 }
 
 /**
- * The id of a camera record.
+ * Branded string type for camera record identifiers.
+ * Prevents mixing camera IDs with other types of record IDs at compile time.
+ *
+ * @example
+ * ```ts
+ * import { CameraRecordType } from '@tldraw/tlschema'
+ *
+ * // Create a camera ID (typically one per user/session)
+ * const cameraId: TLCameraId = CameraRecordType.createId()
  *
- * @public */
+ * // Use in camera records
+ * const camera: TLCamera = {
+ *   id: cameraId,
+ *   typeName: 'camera',
+ *   x: 0, y: 0, z: 1,
+ *   meta: {}
+ * }
+ *
+ * // Get camera from store
+ * const currentCamera = store.get(cameraId)
+ * ```
+ *
+ * @public
+ */
 export type TLCameraId = RecordId<TLCamera>
 
-/** @public */
+/**
+ * Validator for TLCamera records that ensures runtime type safety.
+ * Validates camera position coordinates and zoom level.
+ *
+ * @example
+ * ```ts
+ * // Validation happens automatically when cameras are stored
+ * try {
+ *   const validatedCamera = cameraValidator.validate(cameraData)
+ *   store.put([validatedCamera])
+ * } catch (error) {
+ *   console.error('Camera validation failed:', error.message)
+ * }
+ * ```
+ *
+ * @public
+ */
 export const cameraValidator: T.Validator<TLCamera> = T.model(
 	'camera',
 	T.object({
@@ -40,12 +100,37 @@ export const cameraValidator: T.Validator<TLCamera> = T.model(
 	})
 )
 
-/** @public */
+/**
+ * Migration version identifiers for camera record schema evolution.
+ * Each version represents a breaking change that requires data migration.
+ *
+ * @example
+ * ```ts
+ * // Check if a camera needs migration
+ * const needsMigration = currentVersion < cameraVersions.AddMeta
+ * ```
+ *
+ * @public
+ */
 export const cameraVersions = createMigrationIds('com.tldraw.camera', {
 	AddMeta: 1,
 })
 
-/** @public */
+/**
+ * Migration sequence for evolving camera record structure over time.
+ * Handles converting camera records from older schema versions to current format.
+ *
+ * @example
+ * ```ts
+ * // Migration is applied automatically when loading old documents
+ * const migratedStore = migrator.migrateStoreSnapshot({
+ *   schema: oldSchema,
+ *   store: oldStoreSnapshot
+ * })
+ * ```
+ *
+ * @public
+ */
 export const cameraMigrations = createRecordMigrationSequence({
 	sequenceId: 'com.tldraw.camera',
 	recordType: 'camera',
@@ -59,7 +144,33 @@ export const cameraMigrations = createRecordMigrationSequence({
 	],
 })
 
-/** @public */
+/**
+ * Record type definition for TLCamera with validation and default properties.
+ * Configures cameras as session-scoped records that don't persist across sessions.
+ *
+ * @example
+ * ```ts
+ * // Create a new camera record with defaults
+ * const cameraRecord = CameraRecordType.create({
+ *   id: 'camera:main'
+ *   // x: 0, y: 0, z: 1, meta: {} are applied as defaults
+ * })
+ *
+ * // Create with custom position and zoom
+ * const customCamera = CameraRecordType.create({
+ *   id: 'camera:user1',
+ *   x: -100,
+ *   y: -50,
+ *   z: 1.5,
+ *   meta: { userId: 'user123' }
+ * })
+ *
+ * // Store the camera
+ * store.put([cameraRecord])
+ * ```
+ *
+ * @public
+ */
 export const CameraRecordType = createRecordType<TLCamera>('camera', {
 	validator: cameraValidator,
 	scope: 'session',

package/src/records/TLDocument.test.ts

@@ -0,0 +1,35 @@
+import { describe, expect, it } from 'vitest'
+import { documentMigrations, documentVersions, TLDOCUMENT_ID } from './TLDocument'
+
+describe('documentMigrations', () => {
+	it('should apply AddName migration correctly', () => {
+		const addNameMigration = documentMigrations.sequence.find(
+			(m) => m.id === documentVersions.AddName
+		)!
+
+		const oldRecord: any = {
+			typeName: 'document',
+			id: TLDOCUMENT_ID,
+			gridSize: 10,
+		}
+
+		addNameMigration.up(oldRecord)
+		expect(oldRecord.name).toBe('')
+	})
+
+	it('should apply AddMeta migration correctly', () => {
+		const addMetaMigration = documentMigrations.sequence.find(
+			(m) => m.id === documentVersions.AddMeta
+		)!
+
+		const oldRecord: any = {
+			typeName: 'document',
+			id: TLDOCUMENT_ID,
+			gridSize: 10,
+			name: 'Test',
+		}
+
+		addMetaMigration.up(oldRecord)
+		expect(oldRecord.meta).toEqual({})
+	})
+})