diff --git a/globals.d.ts b/globals.d.ts deleted file mode 100644 index 74214cb..0000000 --- a/globals.d.ts +++ /dev/null @@ -1,7 +0,0 @@ -import type { TransformEvent } from './src/common/TransformEvent'; - -declare global { - interface HTMLElementEventMap { - transform: TransformEvent; - } -} diff --git a/src/common/iframe-script.ts b/src/common/iframe-script.ts index 1e48e7e..6082402 100644 --- a/src/common/iframe-script.ts +++ b/src/common/iframe-script.ts @@ -1,5 +1,6 @@ import { FolkShape } from '../folk-shape.ts'; import { ClientRectObserverManager, ClientRectObserverEntry } from './client-rect-observer.ts'; +import { TransformEvent } from './TransformEvent.ts'; const clientRectObserver = new ClientRectObserverManager(); @@ -61,11 +62,11 @@ if (window.parent !== window) { }); } - function onGeometryChange(event: any) { + function onGeometryChange(event: TransformEvent) { window.parent.postMessage({ type: 'folk-element-change', selector: observedSelectors.get(event.target), - boundingBox: event.target?.getTransformDOMRect(), + boundingBox: (event.target as FolkShape)?.getTransformDOMRect(), }); } diff --git a/src/folk-proximity.ts b/src/folk-proximity.ts index f1e487a..10d90da 100644 --- a/src/folk-proximity.ts +++ b/src/folk-proximity.ts @@ -1,4 +1,5 @@ import { aabbIntersection } from './common/collision.ts'; +import { TransformEvent } from './common/TransformEvent.ts'; import { FolkHull } from './folk-hull'; import { FolkShape } from './folk-shape.ts'; @@ -148,7 +149,7 @@ export class FolkProximity extends HTMLElement { this.addEventListener('transform', this.#handleProximity); } - #handleProximity = (e: Event) => { + #handleProximity = (e: TransformEvent) => { const el = e.target as FolkShape; const cluster = this.#findCluster(el); diff --git a/tsconfig.json b/tsconfig.json index 0e0be3a..cc42640 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -15,5 +15,5 @@ "lib": ["DOM", "DOM.Iterable", "ESNext", "WebWorker"], "types": ["@webgpu/types", "@types/node", "bun-types"] }, - "include": ["src/**/*.ts", "demo/**/*.ts", "vite.config.ts", "globals.d.ts"] + "include": ["src/**/*.ts", "demo/**/*.ts", "vite.config.ts"] }