‘use strict’;
/* global browser */
import ‘bootstrap/dist/css/bootstrap.css’;
import ‘../scss/style.scss’;
import ‘bootstrap’;
import “../../lib/vendor/normalize-url.js”;
export function assert(condition, msg=undefined) {
if (!condition)
throw msg ? msg : “Assertion error”;
}
export function showElement(element) {
element.hidden = false;
}
export function hideElement(element) {
element.hidden = true;
}
export function showPage(pageEl) {
Array.from(document.querySelectorAll(“.page”))
.filter(value => value !== pageEl)
.forEach(hideElement);
showElement(pageEl);
}
export function setButtonWaitState(element, state) {
element.disabled = state;
element.querySelector(“.spinner”).hidden = !state;
element.querySelector(“.label”).hidden = state;
}
function callApi(method, url, data=undefined, token=undefined) {
let init = {
method: method,
headers: {
‘Content-Type’: ‘application/json’,
‘Prefer’: ‘return=representation’,
}
};
if (data !== undefined && data !== null) {
init.body = JSON.stringify(data);
}
if (token) {
init.headers['Authorization'] = Token ${token};
}
return fetch(url, init)
.then(response => {
if (!(response.status >= 200 && response.status < 300)) {
throw response;
}
return response.json();
}).then((jsonResponse) => {
// This is useful when debugging.
// console.info(“Response body: ” + JSON.stringify(jsonResponse));
return jsonResponse;
}).catch((error) => {
// Do some basic logging but then just rethrow the error.
console.error(“API request %s %s failed: %s”, method, url, error);
if (error.status)
console.info(“Response: “, error);
throw error;
});
}
export function getUser() {
return browser.storage.sync.get([‘token’]);
}
export function createWebAsset(user, url, title, headers, disableVerification) {
return callApi(
“POST”,
“https://api.screenlyapp.com/api/v4/assets/”,
{
“source_url”: url,
“title”: title,
“headers”: headers,
“disable_verification”: disableVerification,
},
user.token
);
}
export function updateWebAsset(assetId, user, url, title, headers, disableVerification) { // eslint-disable-line no-unused-vars
let queryParams = id=eq.${encodeURIComponent(assetId)};
return callApi(
“PATCH”,
https://api.screenlyapp.com/api/v4/assets/?${queryParams},
{
“title”: title,
“headers”: headers,
},
user.token
);
}
export function getWebAsset(assetId, user) {
return callApi(
“GET”,
https://api.screenlyapp.com/api/v4/assets/${encodeURIComponent(assetId)}/,
null,
user.token
)
}
export function getAssetDashboardLink(assetId) {
return https://login.screenlyapp.com/login?next=/manage/assets/${assetId};
}
export class State {
constructor() {
}
// Make a new URL equivalent to the given URL but in a normalized format.
static normalizeUrl(url) {
return window.normalizeUrl(url, {
removeTrailingSlash: false,
sortQueryParameters: false,
stripWWW: false,
});
}
// Simplify a URL heavily, even if it slightly changes its meaning.
static simplifyUrl(url) {
return window.normalizeUrl(url, {
removeTrailingSlash: true,
sortQueryParameters: true,
stripHash: true,
stripProtocol: true,
stripWWW: true,
})
}
static setSavedAssetState(url, assetId, withCookies, withBypass) {
url = State.simplifyUrl(url);
console.debug(Saving ${url} -> ${assetId});
const savedState = {
assetId: assetId,
withCookies: withCookies,
withBypass: withBypass
};
return browser.storage.sync.get([‘state’])
.then((state) => {
state = state || {};
if (assetId) {
state[url] = savedState;
} else
delete state[url];
console.debug(“State: “, state);
return browser.storage.sync.set({‘state’: state})
.catch((error) => {
console.error(“Unable to save state %s -> %s (%s)”, url, assetId, error);
if (!error || !error.message || !error.message.includes(“QUOTA_BYTES”)) {
// Unknown error. Ignore.
throw error;
}
// Storage full - clear it, then try again.
// TODO Use LRU to ensure the dictionary doesn’t ever grow larger than the
// sync storage limit.
return browser.storage.sync.remove(‘state’).then(() => {
if (assetId) {
state = {};
state[url] = savedState;
return browser.storage.sync.set({‘state’: state});
} else
return browser.storage.sync.set({‘state’: {}});
});
});
});
}
static getSavedAssetState(url) {
url = State.simplifyUrl(url);
console.debug(Reading back ${url});
return browser.storage.sync.get([‘state’])
.then(({state}) => {
state = state || {};
const v = state[url];
if (typeof v != “object”) {
// Backwards compatibility with 0.2. Just ignore the old format.
return undefined;
}
return v;
});
}
}
