import { renderCharCount } from './features/ui/charcount-ui.js';
import { renderPassword } from './features/ui/password-ui.js';
import { renderDummy } from './features/ui/dummy-ui.js';
import { renderColor } from './features/ui/color-ui.js';
import { renderTimer } from './features/ui/timer-ui.js';
import { renderCompress } from './features/ui/compress-ui.js';
import { renderBgRemove } from './features/ui/bg-remove-ui.js';

// メインスクリプト(main.js)で定義されたLunaronAppが存在すれば、各ツールのUIレンダリング関数を登録する
if (window.LunaronApp && window.LunaronApp.registerTool) {
  window.LunaronApp.registerTool('charcount', renderCharCount);
  window.LunaronApp.registerTool('password', renderPassword);
  window.LunaronApp.registerTool('dummy', renderDummy);
  window.LunaronApp.registerTool('color', renderColor);
  window.LunaronApp.registerTool('timer', renderTimer);
  window.LunaronApp.registerTool('compress', renderCompress);
  window.LunaronApp.registerTool('bg-remove', renderBgRemove);
  
  // 残りの未実装ツールには開発中のモックUIを登録する
  const remaining = ['qrcode', 'upscale', 'sns-preview', 'diff', 'report'];
  remaining.forEach(tool => {
    window.LunaronApp.registerTool(tool, (containerId) => {
      document.getElementById(containerId).innerHTML = `
        <div style="text-align: center; padding: 80px; background: var(--bg-card); border-radius: var(--radius); border: 1px dashed var(--border);">
          <h3 style="font-family: 'Syne', sans-serif; font-size: 20px; font-weight: 700; margin-bottom: 16px;">開発中</h3>
          <p style="color: var(--text-muted);">このツールは現在実装中です。</p>
        </div>
      `;
    });
  });

  // 登録完了後、すでにハッシュがあれば再度ルーティングを実行して画面を描画する
  window.dispatchEvent(new HashChangeEvent("hashchange"));
}