420733b93a
* add Patch CSP option * show style version, size, and update age in manager * add scope selector to style search in manager * keep scroll position and selections in tab's session * directly install usercss from raw github links * ditch localStorage, use on-demand SessionStore proxy * simplify localization * allow <code> tag in i18n-html * keep nodes in HTML templates * API.getAllStyles is actually faster with code untouched * fix fitToContent when applies-to is taller than window * dedupe linter.enableForEditor calls * prioritize visible CMs in refreshOnViewListener * don't scroll to last style on editing a new one * delay colorview for invisible CMs * eslint comma-dangle error + autofix files * styleViaXhr: also toggle for disableAll pref * styleViaXhr: allow cookies for sandbox CSP * simplify notes in options * simplify getStylesViaXhr * oldUI fixups: * remove separator before 1st applies-to * center name bubbles * fix updateToc focus on a newly added section * fix fitToContent when cloning section * remove CSS `contain` as it makes no difference * replace overrides with declarative CSS + code cosmetics * simplify adjustWidth and make it work in FF
215 lines
6.4 KiB
JavaScript
215 lines
6.4 KiB
JavaScript
/* global chromeLocal webextLaunchWebAuthFlow FIREFOX */
|
|
/* exported tokenManager */
|
|
'use strict';
|
|
|
|
const tokenManager = (() => {
|
|
const AUTH = {
|
|
dropbox: {
|
|
flow: 'token',
|
|
clientId: 'zg52vphuapvpng9',
|
|
authURL: 'https://www.dropbox.com/oauth2/authorize',
|
|
tokenURL: 'https://api.dropboxapi.com/oauth2/token',
|
|
revoke: token =>
|
|
fetch('https://api.dropboxapi.com/2/auth/token/revoke', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Authorization': `Bearer ${token}`,
|
|
},
|
|
}),
|
|
},
|
|
google: {
|
|
flow: 'code',
|
|
clientId: '283762574871-d4u58s4arra5jdan2gr00heasjlttt1e.apps.googleusercontent.com',
|
|
clientSecret: 'J0nc5TlR_0V_ex9-sZk-5faf',
|
|
authURL: 'https://accounts.google.com/o/oauth2/v2/auth',
|
|
authQuery: {
|
|
// NOTE: Google needs 'prompt' parameter to deliver multiple refresh
|
|
// tokens for multiple machines.
|
|
// https://stackoverflow.com/q/18519185
|
|
access_type: 'offline',
|
|
prompt: 'consent',
|
|
},
|
|
tokenURL: 'https://oauth2.googleapis.com/token',
|
|
scopes: ['https://www.googleapis.com/auth/drive.appdata'],
|
|
revoke: token => {
|
|
const params = {token};
|
|
return postQuery(`https://accounts.google.com/o/oauth2/revoke?${new URLSearchParams(params)}`);
|
|
},
|
|
},
|
|
onedrive: {
|
|
flow: 'code',
|
|
clientId: '3864ce03-867c-4ad8-9856-371a097d47b1',
|
|
clientSecret: '9Pj=TpsrStq8K@1BiwB9PIWLppM:@s=w',
|
|
authURL: 'https://login.microsoftonline.com/common/oauth2/v2.0/authorize',
|
|
tokenURL: 'https://login.microsoftonline.com/common/oauth2/v2.0/token',
|
|
redirect_uri: FIREFOX ?
|
|
'https://clngdbkpkpeebahjckkjfobafhncgmne.chromiumapp.org/' :
|
|
'https://' + location.hostname + '.chromiumapp.org/',
|
|
scopes: ['Files.ReadWrite.AppFolder', 'offline_access'],
|
|
},
|
|
};
|
|
const NETWORK_LATENCY = 30; // seconds
|
|
|
|
return {getToken, revokeToken, getClientId, buildKeys};
|
|
|
|
function getClientId(name) {
|
|
return AUTH[name].clientId;
|
|
}
|
|
|
|
function buildKeys(name) {
|
|
const k = {
|
|
TOKEN: `secure/token/${name}/token`,
|
|
EXPIRE: `secure/token/${name}/expire`,
|
|
REFRESH: `secure/token/${name}/refresh`,
|
|
};
|
|
k.LIST = Object.values(k);
|
|
return k;
|
|
}
|
|
|
|
function getToken(name, interactive) {
|
|
const k = buildKeys(name);
|
|
return chromeLocal.get(k.LIST)
|
|
.then(obj => {
|
|
if (!obj[k.TOKEN]) {
|
|
return authUser(name, k, interactive);
|
|
}
|
|
if (!obj[k.EXPIRE] || Date.now() < obj[k.EXPIRE]) {
|
|
return obj[k.TOKEN];
|
|
}
|
|
if (obj[k.REFRESH]) {
|
|
return refreshToken(name, k, obj)
|
|
.catch(err => {
|
|
if (err.code === 401) {
|
|
return authUser(name, k, interactive);
|
|
}
|
|
throw err;
|
|
});
|
|
}
|
|
return authUser(name, k, interactive);
|
|
});
|
|
}
|
|
|
|
async function revokeToken(name) {
|
|
const provider = AUTH[name];
|
|
const k = buildKeys(name);
|
|
if (provider.revoke) {
|
|
try {
|
|
const token = await chromeLocal.getValue(k.TOKEN);
|
|
if (token) {
|
|
await provider.revoke(token);
|
|
}
|
|
} catch (e) {
|
|
console.error(e);
|
|
}
|
|
}
|
|
await chromeLocal.remove(k.LIST);
|
|
}
|
|
|
|
function refreshToken(name, k, obj) {
|
|
if (!obj[k.REFRESH]) {
|
|
return Promise.reject(new Error('no refresh token'));
|
|
}
|
|
const provider = AUTH[name];
|
|
const body = {
|
|
client_id: provider.clientId,
|
|
refresh_token: obj[k.REFRESH],
|
|
grant_type: 'refresh_token',
|
|
scope: provider.scopes.join(' '),
|
|
};
|
|
if (provider.clientSecret) {
|
|
body.client_secret = provider.clientSecret;
|
|
}
|
|
return postQuery(provider.tokenURL, body)
|
|
.then(result => {
|
|
if (!result.refresh_token) {
|
|
// reuse old refresh token
|
|
result.refresh_token = obj[k.REFRESH];
|
|
}
|
|
return handleTokenResult(result, k);
|
|
});
|
|
}
|
|
|
|
function authUser(name, k, interactive = false) {
|
|
const provider = AUTH[name];
|
|
const state = Math.random().toFixed(8).slice(2);
|
|
const query = {
|
|
response_type: provider.flow,
|
|
client_id: provider.clientId,
|
|
redirect_uri: provider.redirect_uri || chrome.identity.getRedirectURL(),
|
|
state,
|
|
};
|
|
if (provider.scopes) {
|
|
query.scope = provider.scopes.join(' ');
|
|
}
|
|
if (provider.authQuery) {
|
|
Object.assign(query, provider.authQuery);
|
|
}
|
|
const url = `${provider.authURL}?${new URLSearchParams(query)}`;
|
|
return webextLaunchWebAuthFlow({
|
|
url,
|
|
interactive,
|
|
redirect_uri: query.redirect_uri,
|
|
})
|
|
.then(url => {
|
|
const params = new URLSearchParams(
|
|
provider.flow === 'token' ?
|
|
new URL(url).hash.slice(1) :
|
|
new URL(url).search.slice(1)
|
|
);
|
|
if (params.get('state') !== state) {
|
|
throw new Error(`unexpected state: ${params.get('state')}, expected: ${state}`);
|
|
}
|
|
if (provider.flow === 'token') {
|
|
const obj = {};
|
|
for (const [key, value] of params.entries()) {
|
|
obj[key] = value;
|
|
}
|
|
return obj;
|
|
}
|
|
const code = params.get('code');
|
|
const body = {
|
|
code,
|
|
grant_type: 'authorization_code',
|
|
client_id: provider.clientId,
|
|
redirect_uri: query.redirect_uri,
|
|
};
|
|
if (provider.clientSecret) {
|
|
body.client_secret = provider.clientSecret;
|
|
}
|
|
return postQuery(provider.tokenURL, body);
|
|
})
|
|
.then(result => handleTokenResult(result, k));
|
|
}
|
|
|
|
function handleTokenResult(result, k) {
|
|
return chromeLocal.set({
|
|
[k.TOKEN]: result.access_token,
|
|
[k.EXPIRE]: result.expires_in ? Date.now() + (Number(result.expires_in) - NETWORK_LATENCY) * 1000 : undefined,
|
|
[k.REFRESH]: result.refresh_token,
|
|
})
|
|
.then(() => result.access_token);
|
|
}
|
|
|
|
function postQuery(url, body) {
|
|
const options = {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/x-www-form-urlencoded',
|
|
},
|
|
body: body ? new URLSearchParams(body) : null,
|
|
};
|
|
return fetch(url, options)
|
|
.then(r => {
|
|
if (r.ok) {
|
|
return r.json();
|
|
}
|
|
return r.text()
|
|
.then(body => {
|
|
const err = new Error(`failed to fetch (${r.status}): ${body}`);
|
|
err.code = r.status;
|
|
throw err;
|
|
});
|
|
});
|
|
}
|
|
})();
|