gauntface

class Workbox {
  loadModule(moduleName) {
    // Load workbox module from CDN
    importScripts(`https://some-cdn.cdn.com/${moduleName}/build/umd.js`);
  }

  get precaching() {
    if (google.workbox.precaching) {
      return google.workbox.precaching.default;
    }

gauntface

importScripts('https://some-cdn.cdn.com/workbox/workbox.js');

const workbox = new Workbox();

workbox.precaching.precache([
  {url: '/', revision: '123'},
  {url: '/main.css', revision: '456'},
]);

gauntface

class Workbox {
  constructor(options) {
    console.log('[WorkboxLoader.constructor]', options.packagesPath);
    this._packagesPath = options.packagesPath;

    // This is required
    this.loadModule('workbox-core');
  }

  loadModule(moduleName) {

gauntface

if ('vibrate' in Notification.prototype) {
  // Vibrate property is supported.
} else {
  // Vibrate property is NOT supported.
}

gauntface

console.group('%cHello World', 'color: #3498db');
console.groupEnd();

gauntface

console.group('My Custom Heading');

console.log('Message 1');
console.log('Message 2');

console.groupEnd();

gauntface

console.groupCollapsed();

console.log('Message 1');
console.log('Message 2');

console.groupCollapsed();

console.log('Message 3');
console.log('Message 4');

gauntface

console.group();

console.log('Message 1');
console.log('Message 2');

console.group();

console.log('Message 3');
console.log('Message 4');

gauntface

console.log('%cHello World', 'color: #3498db');

gauntface

console.log('%cHello %cWorld', 'color: #3498db', 'color: #1abc9c; font-weight: bold; font-size: 1.4em;');