@tldraw/editor 5.3.0-internal.d205573d66cb → 5.3.0-next.299378752aaf

package/src/lib/license/LicenseManager.ts

@@ -1,4 +1,4 @@
-import { atom, transact } from '@tldraw/state'
+import { atom } from '@tldraw/state'
 import { publishDates, version } from '../../version'
 import { getDefaultCdnBaseUrl } from '../utils/assets'
 import { importPublicKey, str2ab } from '../utils/licensing'
@@ -22,12 +22,6 @@ export const FLAGS = {
 	// Native means the license is for native apps which switches
 	// on special-case logic.
 	NATIVE_LICENSE: 1 << 5,
-
-	// -- FEATURE FLAGS --
-	// Collaboration is the umbrella flag for collaboration features; it grants all sub-features.
-	FEAT_COLLABORATION: 1 << 6,
-	// Commenting is the first sub-feature of collaboration.
-	FEAT_COMMENTING: 1 << 7,
 }
 const HIGHEST_FLAG = Math.max(...Object.values(FLAGS))
 
@@ -51,23 +45,6 @@ export interface LicenseInfo {
 	expiryDate: string
 }
 
-/**
- * Names of the licensable product features gated by the license. `collaboration` is an umbrella
- * that also grants all of its sub-features (currently just `commenting`).
- *
- * @internal
- */
-export type LicenseFeatureName = 'collaboration' | 'commenting'
-
-const NO_FEATURES: Readonly<Record<LicenseFeatureName, boolean>> = {
-	collaboration: false,
-	commenting: false,
-}
-const ALL_FEATURES: Readonly<Record<LicenseFeatureName, boolean>> = {
-	collaboration: true,
-	commenting: true,
-}
-
 /** @internal */
 export type LicenseState =
 	| 'pending' // License validation is in progress
@@ -107,8 +84,6 @@ export interface ValidLicenseKeyResult {
 	isLicensedWithWatermark: boolean
 	isEvaluationLicense: boolean
 	isEvaluationLicenseExpired: boolean
-	isCollaborationEnabled: boolean
-	isCommentingEnabled: boolean
 	daysSinceExpiry: number
 }
 
@@ -123,9 +98,6 @@ export class LicenseManager {
 	public isTest: boolean
 	public isCryptoAvailable: boolean
 	state = atom<LicenseState>('license state', 'pending')
-	featureFlags = atom<Record<LicenseFeatureName, boolean>>('license feature flags', {
-		...NO_FEATURES,
-	})
 	public verbose = true
 
 	constructor(licenseKey: string | undefined, testPublicKey?: string) {
@@ -134,14 +106,6 @@ export class LicenseManager {
 		this.publicKey = testPublicKey || this.publicKey
 		this.isCryptoAvailable = !!crypto.subtle
 
-		// In development every feature is enabled (see `getEnabledFeatures`), and that doesn't depend
-		// on the async validation result. Reflect it eagerly so features aren't reported as disabled
-		// during the validation window — or left disabled if validation rejects (the `.catch` below
-		// never sets `featureFlags`). In production the fail-closed default stands until validation.
-		if (this.isDevelopment) {
-			this.featureFlags.set({ ...ALL_FEATURES })
-		}
-
 		this.getLicenseFromKey(licenseKey)
 			.then((result) => {
 				const licenseState = getLicenseState(
@@ -152,12 +116,7 @@ export class LicenseManager {
 
 				this.maybeTrack(result, licenseState)
 
-				// Update both atoms atomically so dependents never observe the license state and the
-				// feature flags out of sync mid-update.
-				transact(() => {
-					this.state.set(licenseState)
-					this.featureFlags.set(getEnabledFeatures(result, licenseState, this.isDevelopment))
-				})
+				this.state.set(licenseState)
 			})
 			.catch((error) => {
 				console.error('License validation failed:', error)
@@ -165,14 +124,6 @@ export class LicenseManager {
 			})
 	}
 
-	/**
-	 * Returns whether a given licensable feature is enabled. Reactive: reading this inside a signal
-	 * recomputes when license validation resolves.
-	 */
-	isFeatureEnabled(feature: LicenseFeatureName): boolean {
-		return this.featureFlags.get()[feature]
-	}
-
 	private getIsDevelopment() {
 		// If we are using https on a non-loopback domain we assume it's a production env and a development one otherwise
 		return (
@@ -335,12 +286,6 @@ export class LicenseManager {
 			const isPerpetualLicenseExpired =
 				isPerpetualLicense && this.isPerpetualLicenseExpired(expiryDate)
 
-			// The collaboration umbrella grants all of its sub-features, so commenting is enabled
-			// by either the commenting flag or the collaboration flag.
-			const isCollaborationEnabled = this.isFlagEnabled(licenseInfo.flags, FLAGS.FEAT_COLLABORATION)
-			const isCommentingEnabled =
-				isCollaborationEnabled || this.isFlagEnabled(licenseInfo.flags, FLAGS.FEAT_COMMENTING)
-
 			// For perpetual licenses, the calendar expiry date only gates access to future
 			// major/minor releases; it does not "expire" the license itself. While the user
 			// is still on a covered version we report `daysSinceExpiry` as 0 so consumers
@@ -364,8 +309,6 @@ export class LicenseManager {
 				isEvaluationLicense,
 				isEvaluationLicenseExpired:
 					isEvaluationLicense && this.isEvaluationLicenseExpired(expiryDate),
-				isCollaborationEnabled,
-				isCommentingEnabled,
 				daysSinceExpiry,
 			}
 			this.outputLicenseInfoIfNeeded(result)
@@ -429,26 +372,14 @@ export class LicenseManager {
 	}
 
 	private getExpirationDateWithoutGracePeriod(expiryDate: Date) {
-		// The named expiry date is the last day the license is fully usable, so the license
-		// expires at the end of that day, i.e. the start of the following day. We work in UTC
-		// (the expiry date is minted and parsed as a UTC date-only string) so the cutoff is a
-		// single predictable instant for every user regardless of their local timezone.
-		return new Date(
-			Date.UTC(
-				expiryDate.getUTCFullYear(),
-				expiryDate.getUTCMonth(),
-				expiryDate.getUTCDate() + 1 // Add 1 day so the named date is fully usable
-			)
-		)
+		return new Date(expiryDate.getFullYear(), expiryDate.getMonth(), expiryDate.getDate())
 	}
 
 	private getExpirationDateWithGracePeriod(expiryDate: Date) {
 		return new Date(
-			Date.UTC(
-				expiryDate.getUTCFullYear(),
-				expiryDate.getUTCMonth(),
-				expiryDate.getUTCDate() + GRACE_PERIOD_DAYS + 1 // Add 1 day to include the expiration day
-			)
+			expiryDate.getFullYear(),
+			expiryDate.getMonth(),
+			expiryDate.getDate() + GRACE_PERIOD_DAYS + 1 // Add 1 day to include the expiration day
 		)
 	}
 
@@ -540,38 +471,6 @@ export class LicenseManager {
 	static className = 'tl-watermark_SEE-LICENSE'
 }
 
-/**
- * Derives which licensable features are enabled from the parse result and the derived license
- * state. In development every feature is enabled so SDK developers can build against them; in
- * production a feature requires both an active, valid license and the corresponding flag.
- *
- * @internal
- */
-export function getEnabledFeatures(
-	result: LicenseFromKeyResult,
-	licenseState: LicenseState,
-	isDevelopment: boolean
-): Record<LicenseFeatureName, boolean> {
-	// Development gets all features so SDK developers can build against them.
-	if (isDevelopment) {
-		return { ...ALL_FEATURES }
-	}
-
-	// Features require an active, valid license. Both the 30-day grace-period 'licensed' state and
-	// the watermark state count as valid; unlicensed/expired/pending do not.
-	if (
-		!result.isLicenseParseable ||
-		(licenseState !== 'licensed' && licenseState !== 'licensed-with-watermark')
-	) {
-		return { ...NO_FEATURES }
-	}
-
-	return {
-		collaboration: result.isCollaborationEnabled,
-		commenting: result.isCommentingEnabled,
-	}
-}
-
 export function getLicenseState(
 	result: LicenseFromKeyResult,
 	outputMessages: (messages: string[]) => void,

package/src/lib/license/useLicenseManagerState.ts

@@ -1,23 +1,7 @@
 import { useValue } from '@tldraw/state-react'
-import { LicenseFeatureName, LicenseManager, LicenseState } from './LicenseManager'
+import { LicenseManager, LicenseState } from './LicenseManager'
 
 /** @internal */
 export function useLicenseManagerState(licenseManager: LicenseManager): LicenseState {
 	return useValue('watermarkState', () => licenseManager.state.get(), [licenseManager])
 }
-
-/**
- * Reactively reads whether a licensable feature is enabled for the current license. Re-renders when
- * license validation resolves.
- *
- * @internal
- */
-export function useLicenseFeatureFlag(
-	licenseManager: LicenseManager,
-	feature: LicenseFeatureName
-): boolean {
-	return useValue('licenseFeature', () => licenseManager.isFeatureEnabled(feature), [
-		licenseManager,
-		feature,
-	])
-}

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 = '5.3.0-internal.d205573d66cb'
+export const version = '5.3.0-next.299378752aaf'
 export const publishDates = {
 	major: '2026-05-06T16:28:18.473Z',
-	minor: '2026-07-13T14:47:11.349Z',
-	patch: '2026-07-13T14:47:11.349Z',
+	minor: '2026-07-13T13:51:04.172Z',
+	patch: '2026-07-13T13:51:04.172Z',
 }