blixt

// NOTICE 2020-04-18
// Please see the comments below about why this is not a great PRNG.

// Read summary by @bryc here:
// https://github.com/bryc/code/blob/master/jshash/PRNGs.md

// Have a look at js-arbit which uses Alea:
// https://github.com/blixt/js-arbit

/**

stormwild

Epub Tutorial

Pre-requisite

Creating eBooks in the EPUB format

Listing 1. Directory and file layout for a simple EPUB archive (EPUB 2 file structure )

developit

export const h=(t,p,...c)=>({t,p,c,k:p&&p.key})
export const render=(e,d,t=d.t||(d.t={}),p,r,c,m,y)=>
  // arrays
  e.map?e.map((e,p)=>render(e,d,t.o&&t.o[p])):
  // components
  e.t.call?(e.i=render((render.c=e).t(Object.assign({children:e.c},e.p),e.s=t.s||{},t=>
    render(Object.assign(e.s,t)&&e,d,e)),t.i||d,t&&t.i||{}),d.t=t=e):(
  // create notes
  m=t.d||(e.t?document.createElement(e.t):new Text(e.p)),
  // diff props

austinhyde

Observables

You don't really need a framework or fancy cutting-edge JavaScript features to do two-way data binding. Let's start basic - first and foremost, you need a way to tell when data changes. Traditionally, this is done via an Observer pattern, but a full-blown implementation of that is a little clunky for nice, lightweight JavaScript. So, if native getters/setters are out, the only mechanism we have are accessors:

var n = 5;
function getN() { return n; }
function setN(newN) { n = newN; }

console.log(getN()); // 5

setN(10);

leonderijke

/**
 * SVG Fixer
 *
 * Fixes references to inline SVG elements when the <base> tag is in use.
 * Firefox won't display SVG icons referenced with
 * `<svg><use xlink:href="#id-of-icon-def"></use></svg>` when the <base> tag is on the page.
 *
 * More info:
 * - http://stackoverflow.com/a/18265336/796152
 * - http://www.w3.org/TR/SVG/linking.html

selfawaresoup

// ==UserScript==
// @name        No Doge Twitter
// @match       https://twitter.com/*
// @run-at      document-start
// @grant       GM.addStyle
// ==/UserScript==

let css = `
  a[aria-label=Twitter] svg { display: none; }
  div[aria-label=Loading…] { display: none; }

dgraham

(function() {
  function status(response) {
    if (response.ok) {
      return response
    } else {
      var error = new Error(response.statusText || response.status)
      error.response = response
      throw error
    }
  }

baetheus

import { h, FunctionalComponent, render, options } from 'preact';

import { handleVnode } from './hooks';

// Wireup experimental hooks
options.vnode = handleVnode;

import Test from './component';

export const Main: FunctionalComponent<any> = () => (

samthor

// nb. This code is available in an ES module of Promise helpers, here:
//   https://github.com/samthor/promises

// symbol returned to indicate that a call was cancelled
export const takeoverSymbol = Symbol('takeover');

/**
 * Accepts a generator function, which yields Promises, and converts it to an async function
 * that cancels any previous calls.
 */

mauriciosoares

let clickStream = Rx.Observable.fromEvent(document.getElementById('link'), 'click');

clickStream
  .buffer(clickStream.debounce(250))
  .map(list => list.length)
  .filter(x => x === 2)
  .subscribe(() => {
    console.log('doubleclick');
  })