C-Rodg

// Render a template string or function to a node
const render = (template, node) => {
  if (!node) return;
  node.innerHTML = (typeof template === 'function' ? template() : template);
  // Dispatch event on render
  const event = new CustomEvent('elementRenders', { bubbles: true });
  node.dispatchEvent(event);
  return node;
};

C-Rodg

navigator.getUserMedia( { video: true, audio: true }, (stream) => {
  localStream = stream;
  const cameraBox = document.getElementById('camera-box');
  cameraBox.setAttribute('src', URL.createObjectURL( stream ) );
  init();
}, (error) => {
  alert('error accessing usermedia ' + error.toString() );
});

C-Rodg

customElements.define('my-element', class extends HTMLElement {
    constructor() {
        super();
        const shadow = this.attachShadow({mode: 'open'});
        shadow.innerHTML = `
          <style> #custom-shadow { color: red; }   ::slotted(h1) { font-size: 38px; }   :host { width: 600px; }</style>
          <slot id="headerSlot" name="header"></slot>
          <div id="custom-shadow">My custom shadow element</div>
          <slot id="footerSlot" name="footer"></slot>
		    `;

C-Rodg

const printer = (function() {
  let printerInstance;
  
  function create() {
        
    function print() {
      console.log("Printing document...");  
    }
    function turnOn() {
      console.log("Turning on, checking for paper...");

C-Rodg

function Subject() {
  let context = this;
  this.observers = [];
  
  return {
    subscribeObserver(observer) {
      context.observers.push(observer);
    },
    unsubscribeObserver(observer) {
      const idx = context.observers.indexOf(observer);

C-Rodg

function Queue() {
 this._storage = {};
 this._oldestIndex = 1;
 this._newestIndex = 1;
}

Queue.prototype.size = function() {
  return this._oldestIndex - this._newestIndex;
};

C-Rodg

function Node(value) {
  this.data = value;
  this.previous = null;
  this.next = null;
}

function DoublyList() {
  this._length = 0;
  this.head = null;
  this.tail = null;

C-Rodg

function Node(data) {
  this.data = data;
  this.next = null;
}

function SinglyList() {
  this._length = 0;
  this.head = null;
}

C-Rodg

function Stack() {
  this._size = 0;
  this._storage = {};
}

Stack.prototype.push = function(data) {
  this._size += 1;
  this._storage[this._size] = data;
};

C-Rodg

function isObjectEqual(a, b) {
 let aProps = Object.getOwnPropertyNames(a),
     bProps = Object.getOwnPropertyNames(b);
  
  if (aProps.length !== bProps.length) {
    return false;
  }
  
  for (let i = 0; i < aProps.length; i++) {
   let propName = aProps[i];