bellbind

## index.html
<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Time Place Player for YouTube video</title>
    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%2290%22 font-size=%2290%22>🎥</text></svg>"/>
    <link
      rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
      integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
      crossorigin=""/>

## index.html
<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Time Place Editor for Video files</title>
    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%2290%22 font-size=%2290%22>📌</text></svg>"/>

    <link
      rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
      integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="

## async-array.js


const Notifier = class {
  constructor() {
    this.waits = new Set();
  }
  get wait() {
    let d = {};
    const p = new Promise((f, r) => {
      d.r = r; d.f = f;

## cuckoo-filter.js
import {sha1} from "./sha1.js";

const te = new TextEncoder();
const eq = (a, b) => a && b && a.length === b.length &&
      a.every((v, i) => v === b[i]);

// cuckoo filter: https://en.wikipedia.org/wiki/Cuckoo_filter
export const CuckooFilter = class {
  constructor({
    fingerprintSize = 4, tableSize = 17, pushLimit = 128, hash = sha1

## web-streams-examples.js
// Web Streams API basic example for highWaterMark option

// 1. raw ReadableStream pattern
const rawReader = async () => {
  const blob = new Blob(["Hello ", "World"]);
  const rstream = blob.stream();

  const reader = rstream.getReader();
  try {
    for (let {value, done} = await reader.read(); !done;

## collator-ja.js
const col = new Intl.Collator("ja-JP");

console.log("[category]");
// Category order: symbol < number < kana < kanji < Greek < Cyrillic
console.log(col.compare("-", "←")); //=> -1 (A < B)
console.log(col.compare("←", "♪")); //=> -1 (A < B)
console.log(col.compare("♪", "0")); //=> -1 (A < B)
console.log(col.compare("9", "A")); //=> -1 (A < B)
console.log(col.compare("Z", "あ")); //=> -1 (A < B)
console.log(col.compare("ん", "亜")); //=> -1 (A < B)

## index.html
<!doctype html>
<html>
  <head>
    <script type="module">
const worker = new SharedWorker("./worker.js");
worker.port.addEventListener("message", ev => {
  document.body.textContent = `connected: ${ev.data}`;
});
worker.port.start(); // spawm connect event to a shared worker
    </script>

## index.html
<!doctype html>
<html>
  <head>
    <script type="module">
// https://dom.spec.whatwg.org/#interface-AbortController
const ac = new AbortController();
document.querySelector("#aborted").textContent = ac.signal.aborted;
ac.signal.addEventListener("abort", ev => {
  console.log("aborted"); // onabort spawned only once
  document.querySelector("#aborted").textContent = ac.signal.aborted;

## index-40.html
<!doctype html>
<html>
  <head>
    <title>Pubsub on libp2p (js-ipfs-0.40)</title>
    <script type="module" src="./main-40.js"></script>
  </head>
  <body>
    <h3 id="myid"></h3>
    <div>
      id: <input id="id" type="text" size="40"/>

## index-40.html
<!doctype html>
<html>
  <head>
    <title>Chat on libp2p (js-ipfs-0.40)</title>
    <script type="module" src="./main-40.js"></script>
  </head>
  <body>
    <h3 id="myid"></h3>
    <div>
      to: <input id="to" type="text" size="40"/>
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Time Place Player for YouTube video</title>
	<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%2290%22 font-size=%2290%22>🎥</text></svg>"/>
	<link
	rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
	integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
	crossorigin=""/>


	const Notifier = class {
	constructor() {
	this.waits = new Set();
	}
	get wait() {
	let d = {};
	const p = new Promise((f, r) => {
	d.r = r; d.f = f;
	import {sha1} from "./sha1.js";

	const te = new TextEncoder();
	const eq = (a, b) => a && b && a.length === b.length &&
	a.every((v, i) => v === b[i]);

	// cuckoo filter: https://en.wikipedia.org/wiki/Cuckoo_filter
	export const CuckooFilter = class {
	constructor({
	fingerprintSize = 4, tableSize = 17, pushLimit = 128, hash = sha1
	// Web Streams API basic example for highWaterMark option

	// 1. raw ReadableStream pattern
	const rawReader = async () => {
	const blob = new Blob(["Hello ", "World"]);
	const rstream = blob.stream();

	const reader = rstream.getReader();
	try {
	for (let {value, done} = await reader.read(); !done;
	const col = new Intl.Collator("ja-JP");

	console.log("[category]");
	// Category order: symbol < number < kana < kanji < Greek < Cyrillic
	console.log(col.compare("-", "←")); //=> -1 (A < B)
	console.log(col.compare("←", "♪")); //=> -1 (A < B)
	console.log(col.compare("♪", "0")); //=> -1 (A < B)
	console.log(col.compare("9", "A")); //=> -1 (A < B)
	console.log(col.compare("Z", "あ")); //=> -1 (A < B)
	console.log(col.compare("ん", "亜")); //=> -1 (A < B)