2022-12-13 15:42:09 +03:00
|
|
|
import './index.css';
|
|
|
|
|
|
|
|
import './app.css';
|
|
|
|
|
|
|
|
import '@github/time-elements';
|
|
|
|
import { render } from 'preact';
|
|
|
|
import { useEffect, useState } from 'preact/hooks';
|
|
|
|
|
|
|
|
import Compose from './components/compose';
|
|
|
|
|
2022-12-13 16:54:16 +03:00
|
|
|
if (window.opener) {
|
|
|
|
console = window.opener.console;
|
|
|
|
}
|
|
|
|
|
2022-12-13 15:42:09 +03:00
|
|
|
function App() {
|
|
|
|
const [uiState, setUIState] = useState('default');
|
|
|
|
|
|
|
|
const { editStatus, replyToStatus, draftStatus } = window.__COMPOSE__ || {};
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
if (uiState === 'closed') {
|
|
|
|
window.close();
|
|
|
|
}
|
|
|
|
}, [uiState]);
|
|
|
|
|
|
|
|
if (uiState === 'closed') {
|
|
|
|
return (
|
2022-12-14 16:48:17 +03:00
|
|
|
<div class="box">
|
2022-12-13 15:42:09 +03:00
|
|
|
<p>You may close this page now.</p>
|
|
|
|
<p>
|
|
|
|
<button
|
|
|
|
onClick={() => {
|
|
|
|
window.close();
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
Close window
|
|
|
|
</button>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
|
|
|
<Compose
|
|
|
|
editStatus={editStatus}
|
|
|
|
replyToStatus={replyToStatus}
|
|
|
|
draftStatus={draftStatus}
|
|
|
|
standalone
|
2022-12-14 16:48:17 +03:00
|
|
|
hasOpener={window.opener}
|
2022-12-13 16:54:16 +03:00
|
|
|
onClose={(results) => {
|
|
|
|
const { newStatus, fn = () => {} } = results || {};
|
2022-12-13 15:42:09 +03:00
|
|
|
try {
|
2022-12-13 16:54:16 +03:00
|
|
|
if (newStatus) {
|
|
|
|
window.opener.__STATES__.reloadStatusPage++;
|
|
|
|
}
|
2022-12-13 15:42:09 +03:00
|
|
|
fn();
|
|
|
|
setUIState('closed');
|
|
|
|
} catch (e) {}
|
|
|
|
}}
|
|
|
|
/>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2022-12-14 16:48:17 +03:00
|
|
|
render(<App />, document.getElementById('app-standalone'));
|