remove svg layer, html all the things, rs to tl (#1227)

This PR has been hijacked! 🗑️🦝🦝🦝

The <Canvas> component was previously split into an <SVGLayer> and an
<HTMLLayer>, mainly due to the complexity around translating SVGs.
However, this was done before we learned that SVGs can have overflow:
visible, so it turns out that we don't really need the SVGLayer at all.
This PR now refactors away SVG Layer.

It also updates the class name prefix in editor from `rs-` to `tl-` and
does a few other small changes.

---------

Co-authored-by: Steve Ruiz <steveruizok@gmail.com>
This commit is contained in:
Lu[ke] Wilson 2023-05-05 07:14:42 -07:00 committed by GitHub
parent 986ffc1dd6
commit dc16ae1b12
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
56 changed files with 898 additions and 804 deletions

View file

@ -73,15 +73,17 @@ export const ShapeIndicator = React.memo(function ShapeIndicator({
)
return (
<g
className={classNames('rs-shape-indicator', {
'rs-shape-indicator__hinting': isHinting,
})}
transform={transform}
stroke={color ?? 'var(--color-selected)'}
>
<InnerIndicator app={app} id={id} />
</g>
<svg className="tl-svg-origin-container">
<g
className={classNames('tl-shape-indicator', {
'tl-shape-indicator__hinting': isHinting,
})}
transform={transform}
stroke={color ?? 'var(--color-selected)'}
>
<InnerIndicator app={app} id={id} />
</g>
</svg>
)
})