Remove references to core, fix core example

packages/dev/src/core/box.tsx

@@ -2,16 +2,7 @@
 /* refresh-reset */
 
 import * as React from 'react'
-import {
+import { TLShape, Utils, TLBounds, TLShapeUtil, HTMLContainer, SVGContainer } from '@tldraw/core'
-  TLShape,
-  Utils,
-  TLBounds,
-  TLShapeUtil,
-  HTMLContainer,
-  TLComponent,
-  SVGContainer,
-  TLIndicator,
-} from '@tldraw/core'
 
 // Define a custom shape
 
@@ -37,11 +28,8 @@ export const boxShape: BoxShape = {
 export class BoxUtil extends TLShapeUtil<BoxShape, HTMLDivElement> {
   age = 100
 
-  Component: TLComponent<BoxShape, HTMLDivElement> = (
+  Component = TLShapeUtil.Component<BoxShape, HTMLDivElement>(
-    { shape, events, onShapeChange, isEditing, meta },
+    ({ shape, events, onShapeChange, isEditing, meta }, ref) => {
-    ref
-  ) => {
-    console.log('hi')
       const color = meta.isDarkMode ? 'white' : 'black'
 
       const rInput = React.useRef<HTMLDivElement>(null)
@@ -115,8 +103,9 @@ export class BoxUtil extends TLShapeUtil<BoxShape, HTMLDivElement> {
         </HTMLContainer>
       )
     }
+  )
 
-  Indicator: TLIndicator<BoxShape> = ({ shape }) => {
+  Indicator = TLShapeUtil.Indicator<BoxShape>(({ shape }) => {
     return (
       <SVGContainer>
         <rect
@@ -129,7 +118,7 @@ export class BoxUtil extends TLShapeUtil<BoxShape, HTMLDivElement> {
         />
       </SVGContainer>
     )
-  }
+  })
 
   getBounds = (shape: BoxShape) => {
     const bounds = Utils.getFromCache(this.boundsCache, shape, () => {

packages/dev/tsconfig.json

@@ -9,7 +9,6 @@
     "emitDeclarationOnly": false,
     "paths": {
       "+*": ["./*"],
-      "@tldraw/core": ["../core"],
       "@tldraw/tldraw": ["../tldraw"]
     }
   },

packages/tldraw/tsconfig.json

@@ -8,7 +8,6 @@
     "baseUrl": "src",
     "paths": {
       "~*": ["./*"],
-      "@tldraw/core": ["../core"],
       "@tldraw/vec": ["../vec"],
       "@tldraw/intersect": ["../intersect"]
     }