import { blue, green } from 'picocolors';
import type { ServerContext } from './server/index';
import { getShortName } from './utils';

export function bindingHMREvents(serverContext: ServerContext): void {
  const { watcher, ws, root } = serverContext;

  watcher.on('change', async (file) => {
    console.log(`✨${blue('[hmr]')} ${green(file)} changed`);
    const { moduleGraph } = serverContext;
    // 清除模块依赖图中的缓存
    await moduleGraph.invalidateModule(file);
    // 向客户端发送更新信息
    ws.send({
      type: 'update',
      updates: [
        {
          type: 'js-update',
          timestamp: Date.now(),
          path: '/' + getShortName(file, root),
          acceptedPath: '/' + getShortName(file, root),
        },
      ],
    });
  });
}