bit-byte-bit 0.0.0-stage → 2.1.2

package/assets/site/backup/sw.js

@@ -0,0 +1,224 @@
+importScripts("engine/controller.sw.js");
+if (navigator["userAgent"]["includes"]("Firefox")) {
+	Object["defineProperty"](globalThis, "crossOriginIsolated", {
+		value: !![],
+		writable: ![],
+	});
+}
+const BLOCKED = [
+	"youtube.com/get_video_info?*adformat=*",
+	"youtube.com/api/stats/ads/*",
+	"youtube.com/pagead/*",
+	".facebook.com/ads/*",
+	".facebook.com/tr/*",
+	".fbcdn.net/ads/*",
+	"graph.facebook.com/ads/*",
+	"ads-api.twitter.com/*",
+	"analytics.twitter.com/*",
+	".twitter.com/i/ads/*",
+	".ads.yahoo.com",
+	".advertising.com",
+	".adtechus.com",
+	".oath.com",
+	".verizonmedia.com",
+	".amazon-adsystem.com",
+	"aax.amazon-adsystem.com/*",
+	"c.amazon-adsystem.com/*",
+	".adnxs.com",
+	".adnxs-simple.com",
+	"ab.adnxs.com/*",
+	".rubiconproject.com",
+	".magnite.com",
+	".pubmatic.com",
+	"ads.pubmatic.com/*",
+	".criteo.com",
+	"bidder.criteo.com/*",
+	"static.criteo.net/*",
+	".openx.net",
+	".openx.com",
+	".indexexchange.com",
+	".casalemedia.com",
+	".adcolony.com",
+	".chartboost.com",
+	".unityads.unity3d.com",
+	".inmobiweb.com",
+	".tapjoy.com",
+	".applovin.com",
+	".vungle.com",
+	".ironsrc.com",
+	".fyber.com",
+	".smaato.net",
+	".supersoniads.com",
+	".startappservice.com",
+	".airpush.com",
+	".outbrain.com",
+	".taboola.com",
+	".revcontent.com",
+	".zedo.com",
+	".mgid.com",
+	"*/ads/*",
+	"*/adserver/*",
+	"*/adclick/*",
+	"*/banner_ads/*",
+	"*/sponsored/*",
+	"*/promotions/*",
+	"*/tracking/ads/*",
+	"*/promo/*",
+	"*/affiliates/*",
+	"*/partnerads/*",
+];
+function escapeRe(a) {
+	return a["replace"](/[.+?^${}()|[\]\\]/g, "\x5c$&");
+}
+function wildcardToRe(a) {
+	const b = escapeRe(a)
+		["replace"](/\*\*/g, "{{DOUBLE_STAR}}")
+		["replace"](/\*/g, "[^/]*")
+		["replace"](/{{DOUBLE_STAR}}/g, ".*");
+	return new RegExp("^" + b + "$");
+}
+function matchesPattern(a, b, c) {
+	if (a["startsWith"]("#")) a = a["slice"](0x1);
+	let d = a;
+	let e = null;
+	if (a["startsWith"]("*")) {
+		d = "";
+		e = a["slice"](0x1);
+	} else if (a["includes"]("/")) {
+		const f = a["indexOf"]("/");
+		d = a["slice"](0x0, f);
+		e = a["slice"](f);
+	}
+	if (d) {
+		if (d["startsWith"](".")) {
+			const g = d["slice"](0x1);
+			if (b !== g && !b["endsWith"]("." + g)) return ![];
+		} else if (!wildcardToRe(d)["test"](b)) {
+			return ![];
+		}
+	}
+	if (e !== null) {
+		return wildcardToRe(e)["test"](c);
+	}
+	return !![];
+}
+function isBlocked(a, b) {
+	return BLOCKED["some"]((c) => matchesPattern(c, a, b));
+}
+function decodeDestination(a) {
+	try {
+		const b = new URL(a);
+		const c = b["pathname"]["split"]("/")["filter"](Boolean);
+		if (!c["length"]) return null;
+		let d = c[c["length"] - 0x1];
+		for (let e = 0x0; e < 0x2; e++) {
+			try {
+				const f = decodeURIComponent(d);
+				if (f === d) break;
+				d = f;
+			} catch {
+				break;
+			}
+		}
+		if (/^https?:\/\//i["test"](d)) return new URL(d);
+		return null;
+	} catch {
+		return null;
+	}
+}
+const PROXY_PREFIX = new URL(registration["scope"])["pathname"] + "~/sj/";
+const clientBases = new Map();
+function proxyBaseOf(a) {
+	try {
+		const b = new URL(a);
+		if (
+			b["origin"] !== location["origin"] ||
+			!b["pathname"]["startsWith"](PROXY_PREFIX)
+		)
+			return null;
+		return b["pathname"]["slice"](
+			0x0,
+			b["pathname"]["lastIndexOf"]("/") + 0x1,
+		);
+	} catch {
+		return null;
+	}
+}
+function isProxyPath(a) {
+	const b = new URL(a);
+	return (
+		b["origin"] === location["origin"] &&
+		b["pathname"]["startsWith"](PROXY_PREFIX)
+	);
+}
+function leakedRequest(a) {
+	const b = a["request"];
+	if (
+		!a["clientId"] ||
+		b["mode"] === "navigate" ||
+		(b["method"] !== "GET" && b["method"] !== "HEAD")
+	)
+		return null;
+	if (clientBases["get"](a["clientId"]) === null) return null;
+	let c;
+	try {
+		c = new URL(b["url"]);
+	} catch {
+		return null;
+	}
+	if (
+		c["origin"] === location["origin"] ||
+		(c["protocol"] !== "http:" && c["protocol"] !== "https:")
+	)
+		return null;
+	return c;
+}
+async function routeLeaked(a, b) {
+	let c = clientBases["get"](a["clientId"]);
+	if (c === undefined) {
+		const f = await clients["get"](a["clientId"]);
+		c = f ? proxyBaseOf(f["url"]) : null;
+		if (clientBases["size"] > 0x1f4) clientBases["clear"]();
+		clientBases["set"](a["clientId"], c);
+	}
+	if (!c) return fetch(a["request"]);
+	if (isBlocked(b["hostname"], b["pathname"] + (b["search"] || "")))
+		return new Response("", { status: 0x193 });
+	const d = a["request"];
+	return $corridorController["route"]({
+		request: {
+			url: location["origin"] + c + encodeURIComponent(b["href"]),
+			referrer: d["referrer"],
+			destination: d["destination"],
+			mode: d["mode"],
+			method: d["method"],
+			headers: d["headers"],
+			body: null,
+			cache: d["cache"],
+		},
+		clientId: a["clientId"],
+		resultingClientId: a["resultingClientId"],
+	});
+}
+addEventListener("fetch", (a) => {
+	const b = leakedRequest(a);
+	if (b) {
+		a["respondWith"](routeLeaked(a, b));
+		return;
+	}
+	const c = decodeDestination(a["request"]["url"]);
+	if (c) {
+		const d = c["pathname"] + (c["search"] || "");
+		if (isBlocked(c["hostname"], d)) {
+			a["respondWith"](new Response("", { status: 0x193 }));
+			return;
+		}
+	}
+	if (
+		$corridorController["shouldRoute"](a) ||
+		isProxyPath(a["request"]["url"])
+	) {
+		a["respondWith"]($corridorController["route"](a));
+		return;
+	}
+});

package/assets/site/index.html

@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>bit-byte-bit — tiny utilities for modern web apps</title>
+  <meta name="description" content="Small, dependency-free utilities for modern web apps. Classnames, strings, formatting, math, objects, and async helpers." />
+  <link rel="stylesheet" href="./site.css" />
+</head>
+<body>
+  <header class="top">
+    <div class="top-inner">
+      <a class="brand" href="#">
+        <svg class="mark" viewBox="0 0 32 32" aria-hidden="true">
+          <rect width="32" height="32" rx="8" fill="#1c1c1e" stroke="#3f3f46"/>
+          <path d="M9 23V9h3.2l4.6 8.4V9H20v14h-3.2l-4.6-8.4V23H9z" fill="#6fd9ae"/>
+        </svg>
+        <span class="brand-name">bit-byte-bit</span>
+        <span class="ver">v2.1.2</span>
+      </a>
+      <nav class="top-nav">
+        <a href="#features">Features</a>
+        <a href="#api">API</a>
+        <a href="#playground">Playground</a>
+      </nav>
+    </div>
+  </header>
+
+  <main>
+    <section class="hero">
+      <p class="eyebrow">zero dependencies · esm + cjs · typed</p>
+      <h1>Tiny utilities for modern web apps.</h1>
+      <p class="lede">
+        bit-byte-bit is a small collection of byte, bit, and hex
+        utilities — human-readable size formatting in decimal and binary
+        units, size string parsing, unit conversion, hex encode/decode,
+        CRC-32 checksums, and crypto-random bytes. No dependencies, no
+        build step required, tree-shakeable by design.
+      </p>
+      <div class="install">
+        <code>npm install bit-byte-bit</code>
+        <button class="copy" id="copy-install" type="button">copy</button>
+      </div>
+    </section>
+
+    <section class="grid" id="features">
+      <article class="card">
+        <h3>Zero dependencies</h3>
+        <p>Every helper is self-contained. bit-byte-bit pulls in nothing — audit the whole package in one sitting.</p>
+      </article>
+      <article class="card">
+        <h3>Dual module formats</h3>
+        <p>Ships as CommonJS with full TypeScript declarations. Works with bundlers, Node, and plain script tags.</p>
+      </article>
+      <article class="card">
+        <h3>Typed API surface</h3>
+        <p>index.d.ts covers every export. Full coverage of every export, keeping inference intact across the API.</p>
+      </article>
+      <article class="card">
+        <h3>Tree-shakeable</h3>
+        <p>Named exports only, no side effects. Import one helper and the rest stays out of your bundle.</p>
+      </article>
+      <article class="card">
+        <h3>Browser + Node</h3>
+        <p>Runs anywhere JavaScript runs. No DOM globals are touched unless you call the helpers that need them.</p>
+      </article>
+      <article class="card">
+        <h3>MIT licensed</h3>
+        <p>Free for personal and commercial use. Contributions welcome.</p>
+      </article>
+    </section>
+
+    <section class="api" id="api">
+      <h2>API reference</h2>
+      <p class="api-sub">9 functions across five categories. Click a row to see it in the playground.</p>
+      <table>
+        <thead>
+          <tr><th>Export</th><th>Signature</th><th>What it does</th></tr>
+        </thead>
+        <tbody id="api-rows"></tbody>
+      </table>
+    </section>
+
+    <section class="play" id="playground">
+      <h2>Playground</h2>
+      <div class="play-grid">
+        <div class="play-col">
+          <h4>formatBytes() / formatBits()</h4>
+          <pre id="demo-cn"></pre>
+        </div>
+        <div class="play-col">
+          <h4>parseBytes()</h4>
+          <pre id="demo-fmt"></pre>
+        </div>
+        <div class="play-col">
+          <h4>bytesToBits() / bitsToBytes()</h4>
+          <pre id="demo-time"></pre>
+        </div>
+        <div class="play-col">
+          <h4>bytesToHex() / crc32()</h4>
+          <pre id="demo-deb"></pre>
+        </div>
+      </div>
+    </section>
+  </main>
+
+  <footer class="foot">
+    <p>bit-byte-bit is MIT licensed. Built for people who read source.</p>
+  </footer>
+
+  <script src="./site.js"></script>
+</body>
+</html>

package/assets/site/site.css

@@ -0,0 +1,226 @@
+/* bit-byte-bit — docs-style demo page (dark) */
+:root {
+  --ink: #f4f4f5;
+  --ink-dim: #a1a1aa;
+  --paper: #09090b;
+  --wash: #111113;
+  --card: #141416;
+  --line: #26262b;
+  --line-strong: #3a3a41;
+  --accent: #6fd9ae;
+  --accent-ink: #06281c;
+  --accent-soft: rgba(111, 217, 174, 0.12);
+  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+* { box-sizing: border-box; }
+
+body {
+  margin: 0;
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+  background: var(--paper);
+  color: var(--ink);
+  line-height: 1.55;
+}
+
+/* ---------- top bar ---------- */
+.top {
+  border-bottom: 1px solid var(--line);
+  background: rgba(9, 9, 11, 0.8);
+  backdrop-filter: saturate(1.4) blur(8px);
+  position: sticky;
+  top: 0;
+  z-index: 10;
+}
+.top-inner {
+  max-width: 880px;
+  margin: 0 auto;
+  padding: 14px 20px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+}
+.brand {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  text-decoration: none;
+  color: var(--ink);
+}
+.mark { width: 28px; height: 28px; }
+.brand-name { font-weight: 650; font-size: 15px; letter-spacing: -0.01em; }
+.ver {
+  font-family: var(--mono);
+  font-size: 11px;
+  color: var(--ink-dim);
+  border: 1px solid var(--line);
+  border-radius: 999px;
+  padding: 2px 8px;
+}
+.top-nav { display: flex; gap: 18px; }
+.top-nav a {
+  color: var(--ink-dim);
+  text-decoration: none;
+  font-size: 13.5px;
+}
+.top-nav a:hover { color: var(--ink); }
+
+/* ---------- hero ---------- */
+main { max-width: 880px; margin: 0 auto; padding: 0 20px; }
+.hero { padding: 72px 0 48px; }
+.eyebrow {
+  font-family: var(--mono);
+  font-size: 12px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--accent);
+  margin: 0 0 14px;
+}
+h1 {
+  font-size: clamp(30px, 5vw, 44px);
+  letter-spacing: -0.03em;
+  line-height: 1.1;
+  margin: 0 0 18px;
+}
+.lede {
+  font-size: 17px;
+  color: var(--ink-dim);
+  max-width: 620px;
+  margin: 0 0 28px;
+}
+.install {
+  display: inline-flex;
+  align-items: center;
+  gap: 12px;
+  background: var(--wash);
+  border: 1px solid var(--line);
+  border-radius: 10px;
+  padding: 8px 8px 8px 16px;
+}
+.install code {
+  font-family: var(--mono);
+  font-size: 13.5px;
+  color: var(--ink);
+}
+.copy {
+  font-family: inherit;
+  font-size: 12px;
+  font-weight: 550;
+  border: none;
+  background: var(--accent);
+  color: var(--accent-ink);
+  border-radius: 7px;
+  padding: 7px 14px;
+  cursor: pointer;
+}
+.copy:hover { background: #8be7c6; }
+.copy.done { background: var(--ink-dim); color: var(--paper); }
+
+/* ---------- feature grid ---------- */
+.grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+  gap: 14px;
+  padding: 24px 0 56px;
+}
+.card {
+  border: 1px solid var(--line);
+  border-radius: 14px;
+  padding: 18px;
+  background: var(--card);
+}
+.card h3 {
+  margin: 0 0 6px;
+  font-size: 14.5px;
+  letter-spacing: -0.01em;
+}
+.card p { margin: 0; font-size: 13.5px; color: var(--ink-dim); }
+
+/* ---------- api table ---------- */
+.api { padding-bottom: 56px; }
+.api h2, .play h2 {
+  font-size: 22px;
+  letter-spacing: -0.02em;
+  margin: 0 0 6px;
+}
+.api-sub { color: var(--ink-dim); font-size: 14px; margin: 0 0 18px; }
+table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13.5px;
+}
+th {
+  text-align: left;
+  font-size: 11.5px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--ink-dim);
+  padding: 10px 12px;
+  border-bottom: 1px solid var(--line-strong);
+}
+td {
+  padding: 9px 12px;
+  border-bottom: 1px solid var(--line);
+  vertical-align: top;
+}
+tbody tr { cursor: pointer; }
+tbody tr:hover { background: var(--wash); }
+td.name { font-family: var(--mono); font-size: 12.5px; color: var(--accent); white-space: nowrap; }
+td.sig { font-family: var(--mono); font-size: 12px; color: var(--ink-dim); }
+td.what { color: var(--ink-dim); font-size: 13px; }
+td.group {
+  font-size: 11px;
+  font-weight: 650;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--accent);
+  background: var(--accent-soft);
+  padding: 7px 12px;
+  cursor: default;
+}
+td.group:hover { background: var(--accent-soft); }
+
+/* ---------- playground ---------- */
+.play { padding-bottom: 80px; }
+.play-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+  gap: 14px;
+  margin-top: 18px;
+}
+.play-col {
+  border: 1px solid var(--line);
+  border-radius: 14px;
+  padding: 16px;
+  background: var(--wash);
+}
+.play-col h4 {
+  margin: 0 0 10px;
+  font-family: var(--mono);
+  font-size: 12.5px;
+  font-weight: 600;
+  color: var(--ink);
+}
+.play-col pre {
+  margin: 0;
+  font-family: var(--mono);
+  font-size: 12px;
+  line-height: 1.6;
+  color: var(--ink-dim);
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+/* ---------- footer ---------- */
+.foot {
+  border-top: 1px solid var(--line);
+  padding: 28px 20px 40px;
+  text-align: center;
+}
+.foot p { margin: 0; font-size: 13px; color: var(--ink-dim); }
+
+@media (max-width: 640px) {
+  .top-nav { display: none; }
+  .hero { padding: 48px 0 36px; }
+}