@tldraw/editor 3.9.0-internal.7f0e15f4f7d9 → 3.10.0-canary.12c0cb0549ca

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/CHANGELOG.md +90 -0
  2. package/README.md +1 -1
  3. package/dist-cjs/index.d.ts +54 -9
  4. package/dist-cjs/index.js +1 -1
  5. package/dist-cjs/index.js.map +2 -2
  6. package/dist-cjs/lib/TldrawEditor.js +2 -3
  7. package/dist-cjs/lib/TldrawEditor.js.map +2 -2
  8. package/dist-cjs/lib/components/LiveCollaborators.js +5 -0
  9. package/dist-cjs/lib/components/LiveCollaborators.js.map +2 -2
  10. package/dist-cjs/lib/components/default-components/DefaultBrush.js.map +2 -2
  11. package/dist-cjs/lib/components/default-components/DefaultCollaboratorHint.js.map +2 -2
  12. package/dist-cjs/lib/components/default-components/DefaultCursor.js.map +2 -2
  13. package/dist-cjs/lib/components/default-components/DefaultErrorFallback.js +1 -1
  14. package/dist-cjs/lib/components/default-components/DefaultErrorFallback.js.map +2 -2
  15. package/dist-cjs/lib/components/default-components/DefaultScribble.js.map +2 -2
  16. package/dist-cjs/lib/components/default-components/DefaultShapeIndicator.js.map +2 -2
  17. package/dist-cjs/lib/editor/Editor.js +430 -248
  18. package/dist-cjs/lib/editor/Editor.js.map +3 -3
  19. package/dist-cjs/lib/editor/managers/FontManager.js +25 -26
  20. package/dist-cjs/lib/editor/managers/FontManager.js.map +2 -2
  21. package/dist-cjs/lib/editor/shapes/ShapeUtil.js +7 -2
  22. package/dist-cjs/lib/editor/shapes/ShapeUtil.js.map +2 -2
  23. package/dist-cjs/lib/exports/getSvgJsx.js.map +2 -2
  24. package/dist-cjs/lib/hooks/usePeerIds.js.map +1 -1
  25. package/dist-cjs/lib/hooks/usePresence.js.map +1 -1
  26. package/dist-cjs/lib/utils/browserCanvasMaxSize.js +5 -0
  27. package/dist-cjs/lib/utils/browserCanvasMaxSize.js.map +2 -2
  28. package/dist-cjs/version.js +3 -3
  29. package/dist-cjs/version.js.map +1 -1
  30. package/dist-esm/index.d.mts +54 -9
  31. package/dist-esm/index.mjs +1 -1
  32. package/dist-esm/index.mjs.map +2 -2
  33. package/dist-esm/lib/TldrawEditor.mjs +2 -3
  34. package/dist-esm/lib/TldrawEditor.mjs.map +2 -2
  35. package/dist-esm/lib/components/LiveCollaborators.mjs +5 -0
  36. package/dist-esm/lib/components/LiveCollaborators.mjs.map +2 -2
  37. package/dist-esm/lib/components/default-components/DefaultBrush.mjs.map +2 -2
  38. package/dist-esm/lib/components/default-components/DefaultCollaboratorHint.mjs.map +2 -2
  39. package/dist-esm/lib/components/default-components/DefaultCursor.mjs.map +2 -2
  40. package/dist-esm/lib/components/default-components/DefaultErrorFallback.mjs +1 -1
  41. package/dist-esm/lib/components/default-components/DefaultErrorFallback.mjs.map +2 -2
  42. package/dist-esm/lib/components/default-components/DefaultScribble.mjs.map +2 -2
  43. package/dist-esm/lib/components/default-components/DefaultShapeIndicator.mjs.map +2 -2
  44. package/dist-esm/lib/editor/Editor.mjs +431 -249
  45. package/dist-esm/lib/editor/Editor.mjs.map +3 -3
  46. package/dist-esm/lib/editor/managers/FontManager.mjs +26 -27
  47. package/dist-esm/lib/editor/managers/FontManager.mjs.map +2 -2
  48. package/dist-esm/lib/editor/shapes/ShapeUtil.mjs +7 -2
  49. package/dist-esm/lib/editor/shapes/ShapeUtil.mjs.map +2 -2
  50. package/dist-esm/lib/exports/getSvgJsx.mjs.map +2 -2
  51. package/dist-esm/lib/hooks/usePeerIds.mjs.map +1 -1
  52. package/dist-esm/lib/hooks/usePresence.mjs.map +1 -1
  53. package/dist-esm/lib/utils/browserCanvasMaxSize.mjs +5 -0
  54. package/dist-esm/lib/utils/browserCanvasMaxSize.mjs.map +2 -2
  55. package/dist-esm/version.mjs +3 -3
  56. package/dist-esm/version.mjs.map +1 -1
  57. package/package.json +7 -7
  58. package/src/index.ts +2 -0
  59. package/src/lib/TldrawEditor.tsx +3 -3
  60. package/src/lib/components/LiveCollaborators.tsx +5 -0
  61. package/src/lib/components/default-components/DefaultBrush.tsx +1 -0
  62. package/src/lib/components/default-components/DefaultCollaboratorHint.tsx +1 -0
  63. package/src/lib/components/default-components/DefaultCursor.tsx +1 -0
  64. package/src/lib/components/default-components/DefaultErrorFallback.tsx +5 -3
  65. package/src/lib/components/default-components/DefaultScribble.tsx +1 -0
  66. package/src/lib/components/default-components/DefaultShapeIndicator.tsx +1 -0
  67. package/src/lib/editor/Editor.ts +560 -277
  68. package/src/lib/editor/managers/FontManager.ts +26 -27
  69. package/src/lib/editor/shapes/ShapeUtil.ts +32 -5
  70. package/src/lib/exports/getSvgJsx.tsx +1 -0
  71. package/src/lib/hooks/usePeerIds.ts +1 -1
  72. package/src/lib/hooks/usePresence.ts +2 -2
  73. package/src/lib/utils/browserCanvasMaxSize.ts +5 -3
  74. package/src/version.ts +3 -3
@@ -92,6 +92,7 @@ const Collaborator = track(function Collaborator({
92
92
  <CollaboratorBrush
93
93
  className="tl-collaborator__brush"
94
94
  key={userId + '_brush'}
95
+ userId={userId}
95
96
  brush={brush}
96
97
  color={color}
97
98
  opacity={0.1}
@@ -101,6 +102,7 @@ const Collaborator = track(function Collaborator({
101
102
  <CollaboratorCursor
102
103
  className="tl-collaborator__cursor"
103
104
  key={userId + '_cursor'}
105
+ userId={userId}
104
106
  point={cursor}
105
107
  color={color}
106
108
  zoom={zoomLevel}
@@ -111,6 +113,7 @@ const Collaborator = track(function Collaborator({
111
113
  <CollaboratorHint
112
114
  className="tl-collaborator__cursor-hint"
113
115
  key={userId + '_cursor_hint'}
116
+ userId={userId}
114
117
  point={cursor}
115
118
  color={color}
116
119
  zoom={zoomLevel}
@@ -123,6 +126,7 @@ const Collaborator = track(function Collaborator({
123
126
  <CollaboratorScribble
124
127
  key={userId + '_scribble_' + scribble.id}
125
128
  className="tl-collaborator__scribble"
129
+ userId={userId}
126
130
  scribble={scribble}
127
131
  color={color}
128
132
  zoom={zoomLevel}
@@ -138,6 +142,7 @@ const Collaborator = track(function Collaborator({
138
142
  <CollaboratorShapeIndicator
139
143
  className="tl-collaborator__shape-indicator"
140
144
  key={userId + '_' + shapeId}
145
+ userId={userId}
141
146
  shapeId={shapeId}
142
147
  color={color}
143
148
  opacity={0.5}
@@ -5,6 +5,7 @@ import { toDomPrecision } from '../../primitives/utils'
5
5
 
6
6
  /** @public */
7
7
  export interface TLBrushProps {
8
+ userId?: string
8
9
  brush: BoxModel
9
10
  color?: string
10
11
  opacity?: number
@@ -9,6 +9,7 @@ import { clamp } from '../../primitives/utils'
9
9
 
10
10
  /** @public */
11
11
  export interface TLCollaboratorHintProps {
12
+ userId: string
12
13
  className?: string
13
14
  point: VecModel
14
15
  viewport: Box
@@ -6,6 +6,7 @@ import { useTransform } from '../../hooks/useTransform'
6
6
 
7
7
  /** @public */
8
8
  export interface TLCursorProps {
9
+ userId: string
9
10
  className?: string
10
11
  point: VecModel | null
11
12
  zoom: number
@@ -170,9 +170,11 @@ My browser: ${navigator.userAgent}`
170
170
  <p>
171
171
  If you keep seeing this screen, you can create a{' '}
172
172
  <a href={url.toString()}>GitHub issue</a> or ask for help on{' '}
173
- <a href="https://discord.gg/Cq6cPsTfNy">Discord</a>. If you are still stuck, you can
174
- reset the tldraw data on your machine. This may erase the project you were working on,
175
- so try to get help first.
173
+ <a href="https://discord.tldraw.com/?utm_source=sdk&utm_medium=organic&utm_campaign=error-screen">
174
+ Discord
175
+ </a>
176
+ . If you are still stuck, you can reset the tldraw data on your machine. This may
177
+ erase the project you were working on, so try to get help first.
176
178
  </p>
177
179
  {shouldShowError && (
178
180
  <>
@@ -4,6 +4,7 @@ import { getSvgPathFromPoints } from '../../utils/getSvgPathFromPoints'
4
4
 
5
5
  /** @public */
6
6
  export interface TLScribbleProps {
7
+ userId?: string
7
8
  scribble: TLScribble
8
9
  zoom: number
9
10
  color?: string
@@ -38,6 +38,7 @@ const InnerIndicator = ({ editor, id }: { editor: Editor; id: TLShapeId }) => {
38
38
 
39
39
  /** @public */
40
40
  export interface TLShapeIndicatorProps {
41
+ userId?: string
41
42
  shapeId: TLShapeId
42
43
  color?: string | undefined
43
44
  opacity?: number