@hal313/settings-manager-chrome-extension-adapter/docs/examples/es6/es6-test.js

A backing repository for settings-manager, falling on chrome.storage.local (or sync) as an implementation.

import { SettingsManager } from '../../scripts/SettingsManager.es6.js';
import { SettingsManagerChromeExtensionAdapter } from '../../scripts/SettingsManagerChromeExtensionAdapter.es6.js';

// Create the adapter
var settingsManagerChromeExtensionAdapter = new SettingsManagerChromeExtensionAdapter();
// Create the settings manager instance
var settingsManager = new SettingsManager(settingsManagerChromeExtensionAdapter);

// Start with a load
settingsManager.load(function onLoad(settings) {
    // Handle the load response and start a save
    onSettingsLoaded(settings);
    settingsManager.save({one: 1, two: 'two'}, function onSave() {
        // Handle the save response and start another load
        onSettingsSaved();
        settingsManager.load(function onLoad(settings) {
            // Handle the load response and start another save
            onSettingsLoaded(settings);
            settingsManager.save({three: 3, two: 2}, function onSave() {
                // Handle the save response and start another load
                onSettingsSaved();
                settingsManager.load(function onLoad(settings) {
                    // Handle the load response
                    onSettingsLoaded(settings);
                }, onError);
            }, onError);
        }, onError);
    }, onError);
}, onError);


// The results element
let resultsElement = document.getElementById('js-results-section');
// Handlers
function onSettingsLoaded(settings) {
    let element = document.createElement('code');
    element.append(document.createTextNode(`loaded: ${JSON.stringify(settings, null, 2)}\n`));
    resultsElement.append(element);
}
function onSettingsSaved() {
    let element = document.createElement('code');
    element.append(document.createTextNode(`saved\n`));
    resultsElement.append(element);
}
function onError(error) {
    let element = document.createElement('code');
    element.append(document.createTextNode(`error: ${error}\n`));
    resultsElement.append(element);
}