import {PixiComponent} from '@pixi/react';

import {PointLight} from './lights.js';

const LightInternal = PixiComponent('Light', {
  create({x, y}) {
    const light = new PointLight(0xffffff - 0x2244cc, 1);
    light.position.set(x, y);
    // light.shader.program.fragmentSrc = light.shader.program.fragmentSrc.replace(
    //   'float D = length(lightVector)',
    //   'float D = length(lightVector) / 1.0',
    // );
    // light.shader.program.fragmentSrc = light.shader.program.fragmentSrc.replace(
    //   'intensity = diffuse * attenuation',
    //   'intensity = diffuse * (attenuation * 2.0)',
    // );
    // light.falloff = [0.5, 5, 50];
    // light.falloff = light.falloff.map((n, i) => n / (2 + i));
    // light.parentGroup = entityLighting.lightGroup;
    // delete light.parentGroup;
    return light;
  },
  applyProps(light, oldProps, {x, y}) {
    light.position.set(x, y);
  },
});

export default function Light({x, y}) {
  return (
    <LightInternal
      x={x}
      y={y}
    />
  )
}