Steven Benisek stevenbenisek

Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

Use ESM yourself. (preferred)
Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
Stay on the existing version of the package until you can move to ESM.

How To Deprecate A Repository on GitHub

A simple checklist for deprecating a repository. See https://github.com/RichardLitt/knowledge/blob/master/how-to-deprecate-a-repository-on-github.md.

Deprecating a project no one uses

Change the GitHub description. This is often the first thing people see for the repository, and the first line that people will see if looking at the repository in the Organization view. The most important thing to do is to add the word DEPRECATED at the front of the description. This clearly marks it will not be updated. You can also add an emoji to it. ⛔️ DEPRECATED <former description> makes it pop out a bit more.
Add GitHub topics: deprecated, obselete, and archived are all good ones.
Edit the title of the README. Remove the current title, and instead write # DEPRECATED.

Contributing

When contributing to this repository, please first discuss the change you wish to make via issue, email, or any other method with the owners of this repository before making a change.

Please note we have a code of conduct, please follow it in all your interactions with the project.

Pull Request Process

Ensure any install or build dependencies are removed before the end of the layer when doing a

🎨 when improving the format/structure of the code
🚀 when improving performance
✏️ when writing docs
💡 new idea
🚧 work in progress
➕ when adding feature
➖ when removing feature
🔈 when adding logging
🔇 when reducing logging
🐛 when fixing a bug

Prolog

Google Chrome Developers says:

The new WOFF 2.0 Web Font compression format offers a 30% average gain over WOFF 1.0 (up to 50%+ in some cases). WOFF 2.0 is available since Chrome 36 and Opera 23.

Some examples of file size differences: WOFF vs. WOFF2

TTF to WOFF2 converting

http://www.fontsquirrel.com/tools/webfont-generator

	export const CACHE_STALE_AT_HEADER = 'x-edge-cache-stale-at';
	export const CACHE_STATUS_HEADER = 'x-edge-cache-status';
	export const CACHE_CONTROL_HEADER = 'Cache-Control';
	export const CLIENT_CACHE_CONTROL_HEADER = 'x-client-cache-control';
	export const ORIGIN_CACHE_CONTROL_HEADER = 'x-edge-origin-cache-control';

	enum CacheStatus {
	HIT = 'HIT',
	MISS = 'MISS',
	REVALIDATING = 'REVALIDATING',

	// inifinite scrolling of content without extra wrappers
	const { render, findDOMNode } = ReactDOMFiber

	class App extends React.Component {
	render() {
	// wrap the root element with an Intersection Observer, exposing .observe for children
	return <Intersection>
	<div style={{ height: 200, overflow: 'auto' }}>
	<Page offset={0} count={10} />
	</div>

	/*!
	* Copyright 2015 Google Inc. All rights reserved.
	*
	* Licensed under the Apache License, Version 2.0 (the "License");
	* you may not use this file except in compliance with the License.
	* You may obtain a copy of the License at
	*
	* http://www.apache.org/licenses/LICENSE-2.0
	*
	* Unless required by applicable law or agreed to in writing, software

	// array utils
	// =================================================================================================

	const combine = (...arrays) => [].concat(...arrays);

	const compact = arr => arr.filter(Boolean);

	const contains = (() => Array.prototype.includes
	? (arr, value) => arr.includes(value)
	: (arr, value) => arr.some(el => el === value)

	/**
	* Prevent click events after a touchend.
	*
	* Inspired/copy-paste from this article of Google by Ryan Fioravanti
	* https://developers.google.com/mobile/articles/fast_buttons#ghost
	*
	* USAGE:
	* Prevent the click event for an certain element
	* ````
	* PreventGhostClick(myElement);