import { sprite } from 'alchemy-engine'

sprite(container, textures['./square-1'])

import { animatedSprite } from 'alchemy-engine'

animatedSprite(container, [textures['./square-1']])

import { text } from 'alchemy-engine'

text(container, textStyle, 'Hello world')

import { htmlText } from 'alchemy-engine'

htmlText(container, textStyle, 'Hello world')

import { bitmapText } from 'alchemy-engine'

bitmapText(container, textStyle, 'Hello world')

import { container } from 'alchemy-engine'

container(_container)

import { graphics } from 'alchemy-engine'

graphics(container)

import { rectangle } from 'alchemy-engine'

rectangle(container, { x: 0, y: 0, width: 10, height: 10 })

import { onClick } from 'alchemy-engine'

onClick(container, () => {
  console.log('Clicked!')
})

import { onHover } from 'alchemy-engine'

onHover(container, {
  onOver() {
    console.log('Hovered!')
  },
  onOut() {
    console.log('Not hovered!')
  },
})

import { arrowKeys } from 'alchemy-engine'

export const keys = ['a', 'w', 's', 'd', ...arrowKeys] as const

import { logObject } from 'alchemy-engine'

const sprite = new Sprite()
sprite.label = 'sprite'
logObject(sprite)

import { boundsToString } from 'alchemy-engine'

console.log(boundsToString(sprite))

import { contains } from 'alchemy-engine'

if (contains(sprite, { x: 1, y: 1 })) {
  // point is within bounds of sprite
}

import { intersects } from 'alchemy-engine'

if (intersects(sprite1, sprite2)) {
  // sprites are intersecting
}

import { isAnimatedSprite } from 'alchemy-engine'

if (isAnimatedSprite(sprite)) {
  // sprite is of type AnimatedSprite
}

import { loadDataFromImage } from 'alchemy-engine'
import map from '~/public/asset/map.png?url'

const { pixels, width, height } = await loadDataFromImage(map)
console.log(pixels)
// ['255-255-255', '0-0-0']

{
  textures,
  container,
  input,
  state,
  timer,
  sound,
  app,
  timer,
  useScreenShake,
}: Scene

Record<TextureName, Texture>

function myScene({ textures, container }: Scene) {
  sprite(container, textures['./square1'])
}

function myScene({ getTextures, container }: Scene) {
  const textures = getTextures(['./texture-1', './texture-2'])
  animatedSprite(container, textures)
}

const screenShake = useScreenShake(container)
screenShake.add(0.5)

Record<MusicName, Howl>

Record<SoundName, Howl>

setScene('mainMenu')

// Wait 100 updates
await delay(100)

await repeatUntil(3, (time, deltaTime) => {})

const cancel = repeatEvery(3, (time, deltaTime) => {})

debouncedKey(
  // Key id
  'd',
  // Callback
  () => {
    s.position.x += 1
  },
  // Delay between key presses
  10,
)

repeatEvery(1, () => {
  if (isKeyDown(['a', 'ArrowLeft'])) {
    s.position.x -= 1
  }
  if (isKeyDown(['d', 'ArrowRight'])) {
    s.position.x += 1
  }
})