2022-12-13 15:42:09 +03:00
|
|
|
import './index.css';
|
|
|
|
|
|
|
|
import './app.css';
|
|
|
|
|
|
|
|
import '@github/time-elements';
|
2022-12-15 06:43:24 +03:00
|
|
|
import { login } from 'masto';
|
2022-12-13 15:42:09 +03:00
|
|
|
import { render } from 'preact';
|
|
|
|
import { useEffect, useState } from 'preact/hooks';
|
|
|
|
|
|
|
|
import Compose from './components/compose';
|
2022-12-15 06:43:24 +03:00
|
|
|
import store from './utils/store';
|
2022-12-13 15:42:09 +03:00
|
|
|
|
2022-12-13 16:54:16 +03:00
|
|
|
if (window.opener) {
|
|
|
|
console = window.opener.console;
|
|
|
|
}
|
|
|
|
|
2022-12-15 06:43:24 +03:00
|
|
|
(async () => {
|
|
|
|
if (window.masto) return;
|
|
|
|
console.warn('window.masto not found. Trying to log in...');
|
|
|
|
try {
|
|
|
|
const accounts = store.local.getJSON('accounts') || [];
|
|
|
|
const currentAccount = store.session.get('currentAccount');
|
|
|
|
const account =
|
|
|
|
accounts.find((a) => a.info.id === currentAccount) || accounts[0];
|
|
|
|
const instanceURL = account.instanceURL;
|
|
|
|
const accessToken = account.accessToken;
|
|
|
|
window.masto = await login({
|
|
|
|
url: `https://${instanceURL}`,
|
|
|
|
accessToken,
|
2022-12-15 11:54:14 +03:00
|
|
|
disableVersionCheck: true,
|
2022-12-15 06:43:24 +03:00
|
|
|
});
|
|
|
|
console.info('Logged in successfully.');
|
|
|
|
} catch (e) {
|
|
|
|
console.error(e);
|
|
|
|
alert('Failed to log in. Please try again.');
|
|
|
|
}
|
|
|
|
})();
|
|
|
|
|
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'));
|