fix lint

ts/@live-compositor/web-wasm/package.json

@@ -9,7 +9,7 @@
     "watch": "tsc --watch --preserveWatchOutput",
     "build": "tsc",
     "clean": "rimraf dist",
-    "prepublishOnly": "npm run clean && npm run build"
+    "prepublishOnly": "pnpm run clean && pnpm run build"
   },
   "author": "",
   "license": "MIT",
@@ -23,5 +23,8 @@
     "live-compositor": "workspace:^0.1.0",
     "mp4box": "^0.5.2",
     "path-parser": "^6.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3"
   }
 }

ts/@live-compositor/web-wasm/src/compositor.ts

@@ -1,9 +1,11 @@
 import { Renderer } from '@live-compositor/browser-render';
 import { LiveCompositor as CoreLiveCompositor } from '@live-compositor/core';
 import WasmInstance from './manager/wasmInstance';
-import { intoRegisterOutput, RegisterOutput } from './output/registerOutput';
-import { intoRegisterInput, RegisterInput } from './input/registerInput';
-import { RegisterImage } from './renderers';
+import type { RegisterOutput } from './output/registerOutput';
+import { intoRegisterOutput } from './output/registerOutput';
+import type { RegisterInput } from './input/registerInput';
+import { intoRegisterInput } from './input/registerInput';
+import type { RegisterImage } from './renderers';
 
 export type LiveCompositorOptions = {
   framerate?: Framerate;

ts/@live-compositor/web-wasm/src/eventSender.ts

@@ -1,4 +1,5 @@
-import { CompositorEvent, CompositorEventType } from 'live-compositor';
+import type { CompositorEvent } from 'live-compositor';
+import { CompositorEventType } from 'live-compositor';
 
 export class EventSender {
   private eventCallback?: (event: object) => void;

ts/@live-compositor/web-wasm/src/input/mp4/demuxer.ts

@@ -1,4 +1,5 @@
-import MP4Box, { DataStream, MP4ArrayBuffer, MP4File, MP4Info, Sample } from 'mp4box';
+import type { MP4ArrayBuffer, MP4File, MP4Info, Sample } from 'mp4box';
+import MP4Box, { DataStream } from 'mp4box';
 
 export type OnConfig = (config: VideoDecoderConfig) => void;
 

ts/@live-compositor/web-wasm/src/input/mp4/source.ts

@@ -1,8 +1,8 @@
 import { FrameFormat } from '@live-compositor/browser-render';
 import { MP4Demuxer } from './demuxer';
 import { H264Decoder } from '../decoder/h264Decoder';
-import { InputFrame } from '../input';
-import InputSource from '../source';
+import type { InputFrame } from '../input';
+import type InputSource from '../source';
 
 export default class MP4Source implements InputSource {
   private fileUrl: string;

ts/@live-compositor/web-wasm/src/input/registerInput.ts

@@ -1,4 +1,4 @@
-import { RegisterInput as InternalRegisterInput } from '@live-compositor/core';
+import type { RegisterInput as InternalRegisterInput } from '@live-compositor/core';
 
 export type RegisterInput = { type: 'mp4' } & RegisterMP4Input;
 

ts/@live-compositor/web-wasm/src/input/source.ts

@@ -1,5 +1,5 @@
-import { RegisterInputRequest } from '@live-compositor/core';
-import { InputFrame } from './input';
+import type { RegisterInputRequest } from '@live-compositor/core';
+import type { InputFrame } from './input';
 import MP4Source from './mp4/source';
 
 export default interface InputSource {

ts/@live-compositor/web-wasm/src/manager/wasmInstance.ts

@@ -1,16 +1,17 @@
-import {
+import type {
   ApiRequest,
   CompositorManager,
   RegisterInputRequest,
   RegisterOutputRequest,
 } from '@live-compositor/core';
-import { Renderer, Component, ImageSpec } from '@live-compositor/browser-render';
-import { Api } from 'live-compositor';
+import type { Renderer, Component, ImageSpec } from '@live-compositor/browser-render';
+import type { Api } from 'live-compositor';
 import { Path } from 'path-parser';
-import { Queue, StopQueueFn } from '../queue';
+import type { StopQueueFn } from '../queue';
+import { Queue } from '../queue';
 import { Input } from '../input/input';
 import { EventSender } from '../eventSender';
-import { Framerate } from '../compositor';
+import type { Framerate } from '../compositor';
 import { Output } from '../output/output';
 import { sourceFromRequest } from '../input/source';
 

ts/@live-compositor/web-wasm/src/output/canvas.ts

@@ -1,5 +1,5 @@
-import { Frame } from '@live-compositor/browser-render';
-import { OutputSink } from './sink';
+import type { Frame } from '@live-compositor/browser-render';
+import type { OutputSink } from './sink';
 
 export default class CanvasSink implements OutputSink {
   private ctx: CanvasRenderingContext2D;

ts/@live-compositor/web-wasm/src/output/output.ts

@@ -1,7 +1,7 @@
-import { Frame, Resolution } from '@live-compositor/browser-render';
-import { OutputSink } from './sink';
+import type { Frame, Resolution } from '@live-compositor/browser-render';
+import type { OutputSink } from './sink';
 import CanvasSink from './canvas';
-import { RegisterOutputRequest } from '@live-compositor/core';
+import type { RegisterOutputRequest } from '@live-compositor/core';
 
 export class Output {
   private sink: OutputSink;

ts/@live-compositor/web-wasm/src/output/registerOutput.ts

@@ -1,12 +1,13 @@
-import { Resolution } from '@live-compositor/browser-render';
-import { RegisterOutput as InternalRegisterOutput } from '@live-compositor/core';
+import type { Resolution } from '@live-compositor/browser-render';
+import type { RegisterOutput as InternalRegisterOutput } from '@live-compositor/core';
+import type { ReactElement } from 'react';
 
 export type RegisterOutput = { type: 'canvas' } & RegisterCanvasOutput;
 
 export type RegisterCanvasOutput = {
   resolution: Resolution;
   canvas: HTMLCanvasElement;
-  root: React.ReactElement;
+  root: ReactElement;
 };
 
 export function intoRegisterOutput(output: RegisterOutput): InternalRegisterOutput {

ts/@live-compositor/web-wasm/src/output/sink.ts

@@ -1,4 +1,4 @@
-import { Frame } from '@live-compositor/browser-render';
+import type { Frame } from '@live-compositor/browser-render';
 
 export interface OutputSink {
   send(frame: Frame): Promise<void>;

ts/@live-compositor/web-wasm/src/queue.ts

@@ -1,7 +1,7 @@
-import { FrameSet, InputId, OutputId, Renderer } from '@live-compositor/browser-render';
-import { Framerate } from './compositor';
-import { Input, InputFrame } from './input/input';
-import { Output } from './output/output';
+import type { FrameSet, InputId, OutputId, Renderer } from '@live-compositor/browser-render';
+import type { Framerate } from './compositor';
+import type { Input, InputFrame } from './input/input';
+import type { Output } from './output/output';
 
 export type StopQueueFn = () => void;
 

ts/@live-compositor/web-wasm/src/renderers.ts

@@ -1,3 +1,3 @@
-import { Renderers } from 'live-compositor';
+import type { Renderers } from 'live-compositor';
 
 export type RegisterImage = Required<Pick<Renderers.RegisterImage, 'assetType' | 'url'>>;

ts/eslint.config.js

@@ -56,6 +56,7 @@ export default [
       '@typescript-eslint/no-floating-promises': ['error'],
       'no-constant-condition': [0],
       'no-unused-vars': 'off',
+      '@typescript-eslint/no-floating-promises': 'off',
       '@typescript-eslint/no-unused-vars': [
         'error',
         {

ts/package.json

@@ -36,4 +36,4 @@
       "globby": "11.0.4"
     }
   }
-}
+}