mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-29 09:40:10 +02:00
Code Issues Releases Wiki Activity

Refactor how creation are saved and loaded back.

Browse Source 
Things were a lil convoluted. There were 2 methods of loading:
from `code` key and from item-* key. Now we load from code always.
This is assuming that `code` key always has last saved item. This meant
that last item should be saved in `code` key reliably.
So every save writes `code` key as well now.

This also changes behavior for user that you cannot reload without saving. Otherwise
changes are gone.
This commit is contained in:
Kushagra Gour
2019-03-13 23:22:00 +05:30
parent 4a31a681d6
commit 593b0aea24
2 changed files with 43 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/components/app.jsx
View File

@@ -179,11 +179,18 @@ export default class App extends Component {
componentWillMount() {
var lastCode;
window.onunload = () => {
this.saveCode('code');
if (this.detachedWindow) {
this.detachedWindow.close();
}
};
window.onbeforeunload = event => {
if (this.state.unsavedEditCount) {
console.log(9999999999);
event.preventDefault();
// Chrome requires returnValue to be set.
event.returnValue = '';
}
};
db.local.get(
{
@@ -203,24 +210,8 @@ export default class App extends Component {
if (result.preserveLastCode && lastCode) {
this.setState({ unsavedEditCount: 0 });
// For web app environment we don't fetch item from localStorage,
// because the item isn't stored in the localStorage.
if (lastCode.id && window.IS_EXTENSION) {
// In case of already saved item (with id), we fetch it from
// its real key instead of using `code` for better reliability.
// because `code` sets only on shady unloadbefore.
db.local.get(lastCode.id, itemResult => {
if (itemResult[lastCode.id]) {
log('Load item ', lastCode.id);
this.setCurrentItem(itemResult[lastCode.id]).then(() =>
this.refreshEditor()
);
}
});
} else {
log('Load last unsaved item', lastCode);
this.setCurrentItem(lastCode).then(() => this.refreshEditor());
}
log('Load last unsaved item', lastCode);
this.setCurrentItem(lastCode).then(() => this.refreshEditor());
} else {
this.createNewItem();
}
@@ -306,12 +297,15 @@ export default class App extends Component {
this.updateExternalLibCount();
this.contentWrap.refreshEditor();
}
askForUnsavedChanges() {
return confirm(
'You have unsaved changes in your current work. Do you want to discard unsaved changes and continue?'
);
}
// Creates a new item with passed item's contents
forkItem(sourceItem) {
if (this.state.unsavedEditCount) {
var shouldDiscard = confirm(
'You have unsaved changes in your current work. Do you want to discard unsaved changes and continue?'
);
var shouldDiscard = this.askForUnsavedChanges();
if (!shouldDiscard) {
return;
}
@@ -782,6 +776,11 @@ export default class App extends Component {
log('saving key', key || currentItem.id, currentItem);
function onSaveComplete() {
// No feedback on saving `code` key. Its just to silently preserve
// last written code.
if (key === 'code') {
return;
}
if (window.user && !navigator.onLine) {
alertsService.add(
'Item saved locally. Will save to account when you are online.'