module SomhairlesDream.Frontend.Bindings

open Fable.Core

[<Erase>]
type ThreeVector =
    abstract set: x: float * y: float * z: float -> ThreeVector
    abstract x: float with get, set
    abstract y: float with get, set
    abstract z: float with get, set
    abstract length: unit -> float

[<Erase>]
type ThreeNode =
    abstract add: child: ThreeNode -> unit
    abstract clear: unit -> unit
    abstract lookAt: x: float * y: float * z: float -> unit
    abstract position: ThreeVector with get
    abstract rotation: ThreeVector with get
    abstract background: obj with get, set
    abstract children: ThreeNode array with get

[<Emit("$0.traverse(function (o) { if (o.geometry && o.geometry.dispose) { o.geometry.dispose(); } var mats = Array.isArray(o.material) ? o.material : (o.material ? [o.material] : []); mats.forEach(function (m) { ['map','normalMap','roughnessMap','metalnessMap','aoMap','emissiveMap'].forEach(function (key) { var t = m[key]; if (t && t.dispose) { t.dispose(); } }); if (m.dispose) { m.dispose(); } }); })")>]
let disposeNodeResources (node: ThreeNode) : unit = jsNative

[<Erase>]
type ThreeBox3 =
    abstract setFromObject: node: ThreeNode -> ThreeBox3
    abstract isEmpty: unit -> bool
    abstract getCenter: target: ThreeVector -> ThreeVector
    abstract getSize: target: ThreeVector -> ThreeVector

[<Erase>]
type ThreeCamera =
    inherit ThreeNode
    abstract fov: float with get, set
    abstract aspect: float with get, set
    abstract near: float with get, set
    abstract far: float with get, set
    abstract updateProjectionMatrix: unit -> unit

[<Erase>]
type ThreeRenderer =
    abstract setPixelRatio: ratio: float -> unit
    abstract setSize: width: float * height: float * updateStyle: bool -> unit
    abstract render: scene: ThreeNode * camera: ThreeNode -> unit

[<Erase>]
type ThreeGeometry =
    abstract setAttribute: name: string * attribute: obj -> ThreeGeometry
    abstract setIndex: attribute: obj -> ThreeGeometry
    abstract computeVertexNormals: unit -> unit

[<Erase>]
type ServerEvent =
    abstract data: string with get

[<Erase>]
type GLTFScene =
    abstract scene: ThreeNode with get

[<Emit("new GLTFLoader()")>]
let createGLTFLoader () : obj = jsNative

[<Emit("$0.load($1, $2, null, $3)")>]
let loadGLTF (loader: obj) (url: string) (onLoad: GLTFScene -> unit) (onError: obj -> unit) : unit = jsNative

[<Emit("new OrbitControls($0, $1)")>]
let createOrbitControls (camera: obj) (canvas: obj) : obj = jsNative

[<Emit("$0.target.copy({ x: $1, y: $2, z: $3 })")>]
let setControlsTarget (controls: obj) (x: float) (y: float) (z: float) : unit = jsNative

[<Emit("$0.enableDamping = $1")>]
let setControlsDamping (controls: obj) (enabled: bool) : unit = jsNative

[<Emit("$0.autoRotate = $1")>]
let setControlsAutoRotate (controls: obj) (auto: bool) : unit = jsNative

[<Emit("$0.autoRotateSpeed = $1")>]
let setControlsAutoRotateSpeed (controls: obj) (speed: float) : unit = jsNative

[<Emit("$0.update()")>]
let updateControls (controls: obj) : unit = jsNative

[<Emit("new URLSearchParams(window.location.search).get($0)")>]
let queryParam (name: string) : string = jsNative

[<Erase>]
type EventSource =
    abstract onerror: (obj -> unit) with get, set
    abstract onmessage: (ServerEvent -> unit) with get, set
    abstract close: unit -> unit

[<Erase>]
type FetchResponse =
    abstract ok: bool with get
    abstract status: int with get
    abstract json: unit -> JS.Promise<obj>

[<Erase>]
type HtmlInput =
    abstract value: string with get
    abstract ``checked``: bool with get

[<Emit("new THREE.Scene()")>]
let createScene () : ThreeNode = jsNative

[<Emit("new THREE.Group()")>]
let createGroup () : ThreeNode = jsNative

[<Emit("new THREE.PerspectiveCamera($0, $1, $2, $3)")>]
let createPerspectiveCamera (fieldOfView: float, aspect: float, nearPlane: float, farPlane: float) : ThreeCamera = jsNative

[<Emit("new THREE.Box3()")>]
let createBox3 () : ThreeBox3 = jsNative

[<Emit("new THREE.Vector3()")>]
let createVector3 () : ThreeVector = jsNative

[<Emit("window.SOMHAIRLES_VIEWER = { camera: $0, scene: $1, group: $2, canvas: $3, controls: $4 }")>]
let exposeViewerDebug (camera: ThreeCamera) (scene: ThreeNode) (group: ThreeNode) (canvas: obj) (controls: obj) : unit = jsNative

[<Emit("var child; while ((child = $0.firstChild)) { $0.removeChild(child); }")>]
let clearChildren (node: obj) : unit = jsNative

[<Emit("new THREE.WebGLRenderer($0)")>]
let createRenderer (options: obj) : ThreeRenderer = jsNative

[<Emit("new THREE.BufferGeometry()")>]
let createBufferGeometry () : ThreeGeometry = jsNative

[<Emit("new THREE.Float32BufferAttribute($0, $1)")>]
let createFloat32BufferAttribute (values: float array, itemSize: int) : obj = jsNative

[<Emit("new THREE.Uint32BufferAttribute($0, 1)")>]
let createUint32BufferAttribute (values: int array) : obj = jsNative

[<Emit("new THREE.Color($0)")>]
let createColor (value: string) : obj = jsNative

[<Emit("new THREE.BoxGeometry($0, $1, $2)")>]
let createBoxGeometry (width: float, height: float, depth: float) : obj = jsNative

[<Emit("new THREE.MeshStandardMaterial($0)")>]
let createMeshStandardMaterial (options: obj) : obj = jsNative

[<Emit("new THREE.Mesh($0, $1)")>]
let createMesh (geometry: obj, material: obj) : ThreeNode = jsNative

[<Emit("new THREE.AmbientLight($0, $1)")>]
let createAmbientLight (color: string, intensity: float) : ThreeNode = jsNative

[<Emit("new THREE.DirectionalLight($0, $1)")>]
let createDirectionalLight (color: string, intensity: float) : ThreeNode = jsNative

[<Emit("new EventSource($0)")>]
let createEventSource (url: string) : EventSource = jsNative

[<Global("fetch")>]
let fetch (url: string, options: obj) : JS.Promise<FetchResponse> = jsNative

[<Global("encodeURIComponent")>]
let encodeURIComponent (value: string) : string = jsNative

[<Global("setInterval")>]
let setInterval (callback: unit -> unit) (milliseconds: int) : int = jsNative

[<Global("clearInterval")>]
let clearInterval (handle: int) : unit = jsNative

[<Global("requestAnimationFrame")>]
let requestAnimationFrame (callback: float -> unit) : int = jsNative