mirror of
https://github.com/gristlabs/grist-core.git
synced 2024-09-28 11:10:46 +00:00
d8d1a91beb
Summary: - Make unsupported browser warning into an unobtrusive one-liner, similar in style to notifications. - Move browser warning details into a support page, linked from "Learn more" link. - Show different mobile and desktop warnings. - Once dismissed, remember dismissal for a year rather than just for the session. - Turn the Sign-In button (for anon users) into a menu (for the sake of exposing the Toggle Mobile Mode option) - Improve styling of HomeIntro screens when on small screen. - Flip the default for setting mobile viewport to true Test Plan: Added minor unittest for localStorageBoolObs; fixed other affected tests. Reviewers: paulfitz Reviewed By: paulfitz Differential Revision: https://phab.getgrist.com/D2738
72 lines
2.5 KiB
TypeScript
72 lines
2.5 KiB
TypeScript
import {Observable} from 'grainjs';
|
|
|
|
/**
|
|
* Returns true if storage is functional. In some cass (e.g. when embedded), localStorage may
|
|
* throw errors. If so, we return false. This implementation is the approach taken by store.js.
|
|
*/
|
|
function testStorage(storage: Storage) {
|
|
try {
|
|
const testStr = '__localStorage_test';
|
|
storage.setItem(testStr, testStr);
|
|
const ok = (storage.getItem(testStr) === testStr);
|
|
storage.removeItem(testStr);
|
|
return ok;
|
|
} catch (e) {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Returns localStorage if functional, or sessionStorage, or an in-memory storage. The fallbacks
|
|
* help with tests, and may help when Grist is embedded.
|
|
*/
|
|
export function getStorage(): Storage {
|
|
return _storage || (_storage = createStorage());
|
|
}
|
|
|
|
let _storage: Storage|undefined;
|
|
|
|
function createStorage(): Storage {
|
|
if (typeof localStorage !== 'undefined' && testStorage(localStorage)) {
|
|
return localStorage;
|
|
}
|
|
if (typeof sessionStorage !== 'undefined' && testStorage(sessionStorage)) {
|
|
return sessionStorage;
|
|
}
|
|
|
|
// Fall back to a Map-based implementation of (non-persistent) localStorage.
|
|
const values = new Map<string, string>();
|
|
return {
|
|
setItem(key: string, val: string) { values.set(key, val); },
|
|
getItem(key: string) { return values.get(key) ?? null; },
|
|
removeItem(key: string) { values.delete(key); },
|
|
clear() { values.clear(); },
|
|
get length() { return values.size; },
|
|
key(index: number): string|null { throw new Error('Not implemented'); },
|
|
};
|
|
}
|
|
|
|
/**
|
|
* Helper to create a boolean observable whose state is stored in localStorage.
|
|
*
|
|
* Optionally, a default value of true will make the observable start off as true. Note that the
|
|
* same default value should be used for an observable every time it's created.
|
|
*/
|
|
export function localStorageBoolObs(key: string, defValue = false): Observable<boolean> {
|
|
const store = getStorage();
|
|
const storedNegation = defValue ? 'false' : 'true';
|
|
const obs = Observable.create(null, store.getItem(key) === storedNegation ? !defValue : defValue);
|
|
obs.addListener((val) => val === defValue ? store.removeItem(key) : store.setItem(key, storedNegation));
|
|
return obs;
|
|
}
|
|
|
|
/**
|
|
* Helper to create a string observable whose state is stored in localStorage.
|
|
*/
|
|
export function localStorageObs(key: string): Observable<string|null> {
|
|
const store = getStorage();
|
|
const obs = Observable.create<string|null>(null, store.getItem(key));
|
|
obs.addListener((val) => (val === null) ? store.removeItem(key) : store.setItem(key, val));
|
|
return obs;
|
|
}
|