Change copy

packages/core/src/utils/utils.ts

@@ -1558,8 +1558,7 @@ left past the initial left edge) then swap points on that axis.
 
         fxs.forEach((f, i) =>
           txs.forEach((t, k) => {
-            // If we're not dragging carefully, only snap to
-            // center or opposite points
+            // If we're not dragging carefully, only snap to center or opposite points
             if (xs || !(isCareful || i === 0 || i + k === 3)) return
 
             if (Math.abs(t - f) < distance) {

packages/tldraw/src/components/menu/preferences.tsx

@@ -35,8 +35,8 @@ export function Preferences() {
     tlstate.setSetting('showBindingHandles', (v) => !v)
   }, [tlstate])
 
-  const toggleallowSnaps = React.useCallback(() => {
-    tlstate.setSetting('allowSnaps', (v) => !v)
+  const toggleisSnapping = React.useCallback(() => {
+    tlstate.setSetting('isSnapping', (v) => !v)
   }, [tlstate])
 
   const toggleCloneControls = React.useCallback(() => {
@@ -75,8 +75,8 @@ export function Preferences() {
       >
         <span>Clone Handles</span>
       </DropdownMenuCheckboxItem>
-      <DropdownMenuCheckboxItem checked={settings.allowSnaps} onCheckedChange={toggleallowSnaps}>
-        <span>Snapping</span>
+      <DropdownMenuCheckboxItem checked={settings.isSnapping} onCheckedChange={toggleisSnapping}>
+        <span>Always Show Snaps</span>
       </DropdownMenuCheckboxItem>
     </DropdownMenuSubMenu>
   )

packages/tldraw/src/state/session/sessions/transform-single/transform-single.session.ts

@@ -81,7 +81,7 @@ export class TransformSingleSession implements Session {
     const { zoom } = data.document.pageStates[currentPageId].camera
 
     if (
-      ((data.settings.allowSnaps && !metaKey) || (!data.settings.allowSnaps && metaKey)) &&
+      ((data.settings.isSnapping && !metaKey) || (!data.settings.isSnapping && metaKey)) &&
       !initialShape.rotation && // not now anyway
       this.speed * zoom < SLOW_SPEED &&
       this.snapInfo.state === 'ready'

packages/tldraw/src/state/session/sessions/transform/transform.session.ts

@@ -86,7 +86,7 @@ export class TransformSession implements Session {
     const { zoom } = data.document.pageStates[currentPageId].camera
 
     if (
-      ((data.settings.allowSnaps && !metaKey) || (!data.settings.allowSnaps && metaKey)) &&
+      ((data.settings.isSnapping && !metaKey) || (!data.settings.isSnapping && metaKey)) &&
       this.speed * zoom < SLOW_SPEED &&
       this.snapInfo.state === 'ready'
     ) {

packages/tldraw/src/state/session/sessions/translate/translate.session.ts

@@ -148,7 +148,7 @@ export class TranslateSession implements Session {
     const { zoom } = data.document.pageStates[currentPageId].camera
 
     if (
-      ((data.settings.allowSnaps && !metaKey) || (!data.settings.allowSnaps && metaKey)) &&
+      ((data.settings.isSnapping && !metaKey) || (!data.settings.isSnapping && metaKey)) &&
       this.speed * zoom < SLOW_SPEED &&
       this.snapInfo.state === 'ready'
     ) {

packages/tldraw/src/state/tlstate.ts

@@ -2422,7 +2422,7 @@ export class TLDrawState extends StateManager<Data> {
     }
   }
 
-  static version = 10.4
+  static version = 10.5
 
   static defaultDocument: TLDrawDocument = {
     id: 'doc',
@@ -2453,11 +2453,11 @@ export class TLDrawState extends StateManager<Data> {
       isDarkMode: false,
       isZoomSnap: false,
       isFocusMode: false,
+      isSnapping: false,
       isDebugMode: process.env.NODE_ENV === 'development',
       isReadonlyMode: false,
       nudgeDistanceLarge: 16,
       nudgeDistanceSmall: 1,
-      allowSnaps: true,
       showRotateHandles: true,
       showBindingHandles: true,
       showCloneHandles: true,

packages/tldraw/src/types.ts

@@ -27,7 +27,7 @@ export interface TLDrawSettings {
   nudgeDistanceSmall: number
   nudgeDistanceLarge: number
   isFocusMode: boolean
-  allowSnaps: boolean
+  isSnapping: boolean
   showRotateHandles: boolean
   showBindingHandles: boolean
   showCloneHandles: boolean