PrivateCoffee/tldraw
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

rename app to editor (#1503)

Browse source 
This PR renames `App`, `app` and all appy names to `Editor`, `editor`,
and editorry names.

### Change Type

- [x] `major` — Breaking Change

### Release Notes

- Rename `App` to `Editor` and many other things that reference `app` to
`editor`.
This commit is contained in:
Steve Ruiz 2023-06-02 16:21:45 +01:00 • committed by GitHub
parent 640bc9de24
commit 735f1c41b7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
311 changed files with 8365 additions and 8209 deletions
Download patch file Download diff file Expand all files Collapse all files

23
packages/editor/src/lib/components/ShapeIndicator.tsx
View file

@ -6,8 +6,8 @@ import {
useStateTracking,
useValue,
} from 'signia-react'
import { useApp } from '../..'
import type { App } from '../app/App'
import { useEditor } from '../..'
import type { Editor } from '../app/Editor'
import { TLShapeUtil } from '../app/shapeutils/TLShapeUtil'
import { useEditorComponents } from '../hooks/useEditorComponents'
import { OptionalErrorBoundary } from './ErrorBoundary'
@ -24,8 +24,11 @@ const EvenInnererIndicator = ({ shape, util }: { shape: TLShape; util: TLShapeUt
return useStateTracking('Indicator:' + shape.type, () => util.indicator(shape))
}
export const InnerIndicator = ({ app, id }: { app: App; id: TLShapeId }) => {
const shape = useValue('shape', () => new ShapeWithPropsEquality(app.store.get(id)), [app, id])
export const InnerIndicator = ({ editor, id }: { editor: Editor; id: TLShapeId }) => {
const shape = useValue('shape', () => new ShapeWithPropsEquality(editor.store.get(id)), [
editor,
id,
])
const { ShapeIndicatorErrorFallback } = useEditorComponents()
@ -38,13 +41,13 @@ export const InnerIndicator = ({ app, id }: { app: App; id: TLShapeId }) => {
: null
}
onError={(error) =>
app.annotateError(error, { origin: 'react.shapeIndicator', willCrashApp: false })
editor.annotateError(error, { origin: 'react.shapeIndicator', willCrashApp: false })
}
>
<EvenInnererIndicator
key={shape.shape.id}
shape={shape.shape}
util={app.getShapeUtil(shape.shape)}
util={editor.getShapeUtil(shape.shape)}
/>
</OptionalErrorBoundary>
)
@ -58,16 +61,16 @@ export type TLShapeIndicatorComponent = (props: {
}) => JSX.Element | null
const _ShapeIndicator: TLShapeIndicatorComponent = ({ id, className, color, opacity }) => {
const app = useApp()
const editor = useEditor()
const transform = useValue(
'transform',
() => {
const pageTransform = app.getPageTransformById(id)
const pageTransform = editor.getPageTransformById(id)
if (!pageTransform) return ''
return pageTransform.toCssString()
},
[app, id]
[editor, id]
)
return (
@ -78,7 +81,7 @@ const _ShapeIndicator: TLShapeIndicatorComponent = ({ id, className, color, opac
stroke={color ?? 'var(--color-selected)'}
opacity={opacity}
>
<InnerIndicator app={app} id={id} />
<InnerIndicator editor={editor} id={id} />
</g>
</svg>
)