import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App.jsx';
import stores from './stores';
import baseSnapshot from './stores/baseSnapshot';
import draftService from './stores/draftService';
import draftStore from './stores/draftStore';
import assetStore from './stores/assetStore';

// 僅開發服務器暴露 store/服務句柄，供端到端測試讀取序列化/歷史/快照/草稿狀態。
// 生產構建（import.meta.env.DEV=false）會被 tree-shake 移除，不影響導出。
if (import.meta.env.DEV) {
    window.__shoteasyStores = stores;
    window.__shoteasyBaseSnapshot = baseSnapshot;
    window.__shoteasyDraftService = draftService;
    window.__shoteasyDraftStore = draftStore;
    window.__shoteasyAssetStore = assetStore;
}

ReactDOM.createRoot(document.getElementById('root')).render(
    <React.StrictMode>
        {/* 獨立站啓用本地草稿自動恢復（M6.7）；庫模式默認 persistence=false，不訪問 IndexedDB */}
        <App persistence={{ key: 'shoteasy-default', autoRestore: true }} />
    </React.StrictMode>
);