tbranyen

const something = require('something');
const { somethingElse } = require('something-else');

const { exports } = module;

exports.somethingElse = somethingElse;

module.exports = something;
Object.assign(module.exports, exports);

tbranyen

const { webapp, register } = require('webapp');

async function main() {
  const input = register('./input.js')`
    const msg = 'Hello world!';
    console.log(msg);
  `;

  const { source } = await webapp({
    input,

tbranyen

Functions rescue us in this case because functions are lazy. But now, we can’t chain these things with .then() anymore.

function lazyPromise() {
  return new Promise(resolve => setTimeout(resolve, 1000))
    .then(() => console.log('Chain off all'));
}
// The only location you can't chain off is the function

// Chains just fine this way

tbranyen

// Create virtual document and documentElement.
const vdoc = document.createVirtualDocument();
const root = vdoc.createDocumentElement('html');
// <template/> tags should be able to be converted as well.
const someTemplate = document.querySelector('template#some-template');

// Add some SVG.
root.appendChild(vdoc.createElement({
  nodeName: 'svg',
  namespaceURI: 'http://www.w3.org/2000/svg',

tbranyen

touchpad_id=$(xinput --list | grep "TouchPad" | xargs -n 1 | grep "id=" | sed 's/id=//g')
accel_speed_code=$(xinput --list-props $touchpad_id | awk '/Accel Speed \(/ {print $4}' | grep -o '[0-9]\+')
# Default acceleration is too slow (non-existent)
xinput --set-prop $touchpad_id $accel_speed_code .75

tbranyen

const { render } = require('react-dom');
const mount = document.querySelector('main');

class Root {
  render() {
    return (
      <div>Hello world</div>
    );
  }
}

tbranyen

import { innerHTML } from 'diffhtml'

// Start simple...
innerHTML(document.body, `
  <marquee>Go for it!</marquee>
`)

// Move to template engine if you want
innerHTML(document.body, mustache.render(`
  <div>

tbranyen

class AbortablePromise extends Promise {
  constructor(fn) {
    let _reject = null;

    super((resolve, reject) => {
      _reject = reject;
      return fn(resolve, reject);
    });
    
    this.abort = () => {

tbranyen

npm i jsdom-wc@11.0.0-alpha-1

tbranyen

// Allow the user to invoke the Custom Element chain.
function makeElement(tagName, props) {
  const Constructor = customElements.get(tagName);
  
  if (Constructor) {
    return new Constructor(props); 
  }
  else {
    document.createElement(tagName);
  }