Jason Miller developit

resolve-export-map

import { resolveExportMap } from 'resolve-export-map';

const demoMeta = {
  exports: {
    '.': './index.mjs',
    './foo': {
 import: './dist/foo.mjs',

Polkompress

A tiny zero-dependency compression middleware for polka (& express!) with native Brotli support.

Module Workers Polyfill

This is a 1.1kb polyfill for Module Workers.

It adds support for new Worker('..',{type:'module'}) to all modern browsers (those that support fetch).

Usage

Copy module-workers-polyfill.js to your web directory, then load it using an import or a script tag. It just needs to be loaded before instantiating your Worker.

`cjyes`

🔍 see jay, yes! 🎉 / 👨🏻‍💻 see, JS! 👾 / ⚓️ sea JS ⛴

If you're publishing ES Modules, you need to also publish CommonJS versions of those modules.

This isn't to support old browsers or Node versions: even in Node 14, using require() to load a module won't work if it's only available as ESM.

cjyes is the bare minimum fix for this problem. You write ES Modules and fill out a valid package.json, and it'll generate the corresponding CommonJS files pretty much instantly. cjyes takes up 500kb of disk space including its two dependencies.

Standalone forwardRef

import { forwardRef } from 'preact-forwardref';

const Foo = forwardRef((props, ref) => {
  return <div ref={ref} />
});

render( console.log(div)} /&gt;, document.body);

	(function(c,b,cs,r,d){
	b.frameBorder=0;
	b.style = 'position:fixed;bottom:0;left:0;width:100%;height:30vh;background:#fff;border-top:4px solid #bbb;box-shadow:0 0 2px #000;z-index:999;cursor:ns-resize;';
	b.onpointerdown=function(e){b.setPointerCapture(e.pointerId);b.e=e;b.h=b.offsetHeight-4;b.style.borderTopColor='#59f'}
	b.onpointermove=function(e){if(b.e)b.style.height=(b.h-e.y+b.e.y)+'px'}
	b.onpointerup=function(){b.e=null;b.style.borderTopColor='#aaa'}
	document.documentElement.appendChild(b);
	(d=b.contentWindow.document).open();
	d.write('<style>html,body{width:100%;height:100%;overflow:hidden;font:12px/1.2 system-ui,sans-serif;flex:1;display:flex;flex-direction:column;margin:0;}*{box-sizing:border-box;}button{font:inherit;}pre{margin:0;padding:4px;border-bottom:1px solid #ddd;}</style><div style="background:#ddd;border-bottom:1px solid #ccc;display:flex;padding:3px 5px 4px;align-items:center;"><div style="color:#555;flex:1;">Console</div><button onclick="console.clear()">clear</button></div>

	/**
	* Write JSX, but make sure you have `import html from 'htm/preact'` in your files.
	* Run them through this horrid attrocity and get JSX support with basically no overhead.
	*/
	export function transformJsxToHtm(code) {
	const tokenizer = /(^\|)(?:<\/([a-z$_][a-z0-9_.-:])>\|<([a-z$_][a-z0-9_.-:])(\s+[a-z0-9._-]+(?:=(?:".?"\|'.?'\|\{.+?\}))?)(\s\/\s*)?>\|<(\/?)>)/gi;
	let out='', index=0, token;
	let depth = 0;
	let stacks = [];
	let shouldPop = false;

	<!DOCTYPE html>
	<html>
	<head>
	<title>Preact App with Microbundle</title>
	<link rel="stylesheet" href="/style.css">
	</head>
	<body>
	<div id="preact_root"></div>
	<script type="module" src="bundle.js"></script>
	</body>

	module.exports = {
	env: {
	browser: true
	},
	extends: [
	'plugin:react/recommended',
	'plugin:@typescript-eslint/recommended',
	'prettier/@typescript-eslint',
	'plugin:prettier/recommended'
	],

	export default (function create(options = {}) {
	const client = {
	headers: options.headers \|\| {},
	create
	};
	const events = {};

	client.emit = (type, e) => {
	events[type] &&
	events[type].slice().map(fn => {