Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Window Restore #1

Merged
merged 3 commits into from
Mar 20, 2018
Merged

Window Restore #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
f2d36bb
saves and restores entire windows
sealj553 Mar 4, 2018
6333bf8
added readme
sealj553 Mar 4, 2018
d97d620
doesn't remove tabs until save is pressed again, added xpi
sealj553 Mar 5, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
# tabs

Firefox extension to save and restore browser tabs and windows

Forked from [avbhatt](https://github.com/avbhatt/tabs) to save window information as well.
6 changes: 3 additions & 3 deletions plugin/manifest.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@
"manifest_version": 2,
"name": "Tab Save/Restore",
"description": "Save and restore your tabs at once",
"version": "2.0",
"version": "2.1",
"applications": {
"gecko": {
"strict_min_version": "54.0a1",
"id": "avbhatt@umich.edu"
"id": "sealj553@gmail.com"
}
},

Expand All @@ -19,4 +19,4 @@
"default_title": "Save/Restore",
"default_popup": "popup/save_restore.html"
}
}
}
342 changes: 196 additions & 146 deletions plugin/popup/save_restore.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,159 +1,209 @@
function Button(props) {
var name = props.name;
return React.createElement(
"button",
{ onClick: props.onClick },
name
);
var name = props.name;
return React.createElement(
"button",
{ onClick: props.onClick },
name
);
}

class List extends React.Component {
constructor(props) {
super(props);
this.state = {
links: new Set()
};
this.handleLinkClick = this.handleLinkClick.bind(this);
}

urlShorten(url) {
let name = url;
if (url.length > 50) {
name = url.substr(0, 33);
name += "...";
name += url.substr(-14);
}
return name;
}
componentDidMount() {
var self = this;
let url_list = new Set();
var show = browser.storage.local.get('urls');
var next = show.then(function (urls) {
if (Object.keys(urls).length === 0) {
console.log("No URLS saved");
} else {
urls.urls.forEach(function (url) {
url_list.add(url);
});
}
self.setState({ links: url_list });
//console.log(self.state.links);
});
}

handleLinkClick(event) {
const target = event.target;
browser.tabs.create({ 'url': target.name });
var url_list = this.state.links;
url_list.delete(target.name);
browser.storage.local.set({ 'urls': Array.from(url_list) });
this.setState({ links: url_list });
}

render() {
const content = Array.from(this.state.links);
const list = content.map(url => React.createElement(
"div",
null,
React.createElement("input", { type: "checkbox", name: url, onChange: this.handleLinkClick, checked: false }),
this.urlShorten(url)
));
return React.createElement(
"div",
null,
list
);
}
constructor(props) {
super(props);
this.state = {
links: new Set()
};
this.handleLinkClick = this.handleLinkClick.bind(this);
}

urlShorten(url) {
let name = url;
if (url.length > 50) {
name = url.substr(0, 33);
name += "...";
name += url.substr(-14);
}
return name;
}
componentDidMount() {
var self = this;
let url_list = new Set();
var show = browser.storage.local.get('urls');
var next = show.then(function (urls) {
if (Object.keys(urls).length === 0) {
console.log("No URLS saved");
} else {
urls.urls.forEach(function (url) {
url_list.add(url);
});
}
self.setState({ links: url_list });
//console.log(self.state.links);
});
}

handleLinkClick(event) {
const target = event.target;
browser.tabs.create({ 'url': target.name });
this.setState({ links: this.state.links });
//var url_list = this.state.links;
//don't delete until save is pressed again
//url_list.delete(target.name);
//var array_url_list = Array.from(url_list);
//browser.storage.local.set({ 'urls': array_url_list });
//this.setState({ links: url_list });

//if one window has been opened separately, turn the rest into one big window :lazy:
//var tabNum = [array_url_list.length];
//browser.storage.local.set({ 'numTabs': tabNum });

//render();
}

render() {
const content = Array.from(this.state.links);
const list = content.map(url => React.createElement(
"div",
null,
React.createElement("input", { type: "checkbox", name: url, onChange: this.handleLinkClick, checked: false }),
this.urlShorten(url)
));
return React.createElement(
"div",
null,
list
);
}
}

class Space extends React.Component {
constructor(props) {
super(props);
this.handleSaveClick = this.handleSaveClick.bind(this);
this.handleRestoreClick = this.handleRestoreClick.bind(this);
this.handleBackClick = this.handleBackClick.bind(this);
this.handleAllClick = this.handleAllClick.bind(this);
this.state = { saves: true };
}

handleSaveClick() {
var openTabs = browser.tabs.query({ currentWindow: true });
openTabs.then(tabs => {
var toSave = [];
for (let t of tabs) {
toSave.push(t.url);
};
browser.storage.local.set({ 'urls': toSave });
});
this.setState({ saves: true });
}

handleRestoreClick() {
var toRestore = browser.storage.local.get('urls');
var self = this;
toRestore.then(urls => {
if (Object.keys(urls).length === 0) {
console.log("No URLS saved");
} else {
self.setState({ saves: false });
}
});
}

handleBackClick() {
this.setState({ saves: true });
}

handleAllClick() {
var toRestore = browser.storage.local.get('urls');
browser.storage.local.remove('urls');
this.setState({ saves: true });
toRestore.then(urls => {
if (Object.keys(urls).length === 0) {
console.log("No URLS saved");
} else {
urls.urls.forEach(function (url) {
browser.tabs.create({ 'url': url });
});
}
});
}

render() {
const saves = this.state.saves;
let s_but = null;
let r_but = null;
let content = null;
if (saves) {
s_but = React.createElement(Button, { onClick: this.handleSaveClick, name: "Save" });
r_but = React.createElement(Button, { onClick: this.handleRestoreClick, name: "Restore" });
return React.createElement(
"div",
{ className: "wrapper" },
s_but,
r_but
);
} else {
let back = React.createElement(Button, { onClick: this.handleBackClick, name: "Go Back" });
let all = React.createElement(Button, { onClick: this.handleAllClick, name: "Restore All" });
return React.createElement(
"div",
{ className: "wrapper" },
back,
all,
React.createElement(List, null)
);
}
}
constructor(props) {
super(props);
this.handleSaveClick = this.handleSaveClick.bind(this);
this.handleRestoreClick = this.handleRestoreClick.bind(this);
this.handleBackClick = this.handleBackClick.bind(this);
this.handleAllClick = this.handleAllClick.bind(this);
this.state = { saves: true };
}

handleSaveClick() {
var toSave = [];
var numTabs = [];
var openWindows = browser.windows.getAll({
populate: true,
windowTypes: ["normal"]
});

//clear existing first
browser.storage.local.remove('urls');
browser.storage.local.remove('numTabs');

openWindows.then(windows => {
for (let w of windows) {
if(w.incognito){
continue;
}
numTabs.push(w.tabs.length);
//console.log(w.tabs.length);
for (let t of w.tabs) {
var url = t.url;
//console.log(url.substr(0, 5));
if(url.substr(0, 5) === "about"){
--numTabs[numTabs.size - 1];
continue;
}

toSave.push(url);
//console.log(t.url);
};
}
//then save
browser.storage.local.set({ 'urls': toSave });
browser.storage.local.set({ 'numTabs': numTabs });
});

this.setState({ saves: true });
}

handleRestoreClick() {
var toRestore = browser.storage.local.get('urls');
var self = this;
toRestore.then(urls => {
if (Object.keys(urls).length === 0) {
console.log("No URLS saved");
} else {
self.setState({ saves: false });
}
});
}

handleBackClick() {
this.setState({ saves: true });
}

handleAllClick() {
var urlObj = browser.storage.local.get('urls');
//browser.storage.local.remove('urls');
var tabNumObj= browser.storage.local.get('numTabs');
//browser.storage.local.remove('numTabs');

this.setState({ saves: true });
urlObj.then(urlsObj => {
var urls = urlsObj.urls;
if (urls.length === 0) {
console.log("No URLS saved");
} else {
tabNumObj.then(tabNumObj => {
var tabNum = tabNumObj.numTabs;
var tabIndex = 0;
for(var i = 0; i < tabNum.length; i++) {
var jump = tabNum[i];
var tabs = urls.slice(tabIndex, tabIndex + jump);
if(tabs.length == 0){
continue;
}
browser.windows.create({ 'url': tabs });
//console.log(tabs);
tabIndex += jump;
}
});
}
});
}

render() {
let s_but = null;
let r_but = null;
let content = null;
if (this.state.saves) {
s_but = React.createElement(Button, { onClick: this.handleSaveClick, name: "Save" });
r_but = React.createElement(Button, { onClick: this.handleRestoreClick, name: "Restore" });
return React.createElement(
"div",
{ className: "wrapper" },
s_but,
r_but
);
} else {
let back = React.createElement(Button, { onClick: this.handleBackClick, name: "Go Back" });
let all = React.createElement(Button, { onClick: this.handleAllClick, name: "Restore All" });
return React.createElement(
"div",
{ className: "wrapper" },
back,
all,
React.createElement(List, null)
);
}
}
}

function App() {
return React.createElement(
"div",
null,
React.createElement(Space, null)
);
return React.createElement(
"div",
null,
React.createElement(Space, null)
);
}

ReactDOM.render(React.createElement(App, null), document.getElementById('root'));
Binary file added plugin/web-ext-artifacts/tab_save_restore-2.0.zip
View file
Open in desktop
Binary file not shown.
Binary file added plugin/web-ext-artifacts/tab_saverestore-2.1-an+fx.xpi
View file
Open in desktop
Binary file not shown.