viveworker 0.7.0-beta.0 → 0.7.0-beta.2

package/scripts/share-cli.mjs

@@ -7,7 +7,7 @@
  *   .html .htm .pdf .png .jpg .jpeg .gif .webp .csv
  *
  * Commands:
- *   viveworker share upload <file> [--password <pw>] [--price <usd> --pay-to <0x…>] [--expires-days <n>] [--json]
+ *   viveworker share upload <file> [--password <pw>] [--price <usd> --pay-to <0x…>] [--expires-days <n>] [--no-optimize] [--json]
  *   viveworker share list [--json]
  *   viveworker share update <slug> [--password <pw>] [--no-password] [--price <usd>] [--no-price] [--pay-to <0x…>] [--expires-days <n>] [--json]
  *   viveworker share link <slug> --password <pw> [--ttl-hours <n>] [--json]
@@ -77,7 +77,7 @@ export async function runShareCli(args) {
 
 function printHelp() {
   console.log("Commands:");
-  console.log("  viveworker share upload <file> [--password <pw>] [--price <usd> --pay-to <0x…>] [--expires-days <n>] [--json]");
+  console.log("  viveworker share upload <file> [--password <pw>] [--price <usd> --pay-to <0x…>] [--expires-days <n>] [--no-optimize] [--json]");
   console.log("  viveworker share list [--metrics] [--json]");
   console.log("  viveworker share update <slug> [--password <pw>] [--no-password] [--price <usd>] [--no-price] [--pay-to <0x…>] [--expires-days <n>] [--json]");
   console.log("  viveworker share link <slug> --password <pw> [--ttl-hours <n>] [--json]");
@@ -85,9 +85,11 @@ function printHelp() {
   console.log("");
   console.log(`Accepted file types: ${ALLOWED_EXTENSIONS.join(" / ")}`);
   console.log("CSV files are rendered as an HTML table on view; append ?raw=1 for bytes.");
+  console.log("HTML uploads are optimized by default when possible (use --no-optimize to disable).");
   console.log("");
   console.log("Paid shares (x402 / USDC on Base — CLOSED BETA, testnet only): --price 0.10 --pay-to 0x…");
   console.log("  Buyers use any x402-compatible client (e.g. `x402-fetch` on npm).");
+  console.log("  To use a hazbase wallet as payTo, resolve it first via the local /api/hazbase/payout-address endpoint.");
   console.log("  --price and --password are mutually exclusive on a single share.");
   console.log("  `share list --metrics` prints 24h / 7d payment-flow stats for your shares.");
   console.log("");
@@ -121,9 +123,6 @@ async function handleUpload(args) {
   if (stat.size === 0) {
     throw new Error(`File is empty: ${filePath}`);
   }
-  if (stat.size > MAX_FILE_SIZE) {
-    throw new Error(`File too large (${stat.size} bytes, max ${MAX_FILE_SIZE})`);
-  }
   const ext = path.extname(absolute).toLowerCase();
   if (!ALLOWED_EXTENSIONS.includes(ext)) {
     throw new Error(
@@ -168,7 +167,18 @@ async function handleUpload(args) {
 
   const { apiKey, userId, shareUrl } = await resolveCredentials();
 
-  const bytes = await fs.readFile(absolute);
+  const originalBytes = await fs.readFile(absolute);
+  const optimization =
+    flags["no-optimize"] || flags["noOptimize"]
+      ? { bytes: originalBytes, info: null }
+      : maybeOptimizeUpload({ absolute, ext, bytes: originalBytes });
+  const bytes = optimization.bytes;
+  if (bytes.length > MAX_FILE_SIZE) {
+    const detail = optimization.info
+      ? ` after optimization to ${formatSize(bytes.length)}`
+      : "";
+    throw new Error(`File too large (${originalBytes.length} bytes, max ${MAX_FILE_SIZE})${detail}`);
+  }
   const form = new FormData();
   const blob = new Blob([bytes], { type: mime });
   const file = new File([blob], path.basename(absolute), { type: mime });
@@ -202,6 +212,15 @@ async function handleUpload(args) {
   console.log("");
   console.log(`✅ Uploaded ${body.originalName || path.basename(absolute)} (${formatSize(body.size)})`);
   console.log("");
+  if (optimization.info) {
+    console.log(
+      `   Optimized HTML: ${formatSize(optimization.info.originalBytes)} → ${formatSize(optimization.info.optimizedBytes)}`
+    );
+    console.log(
+      `   Removed embedded fonts: ${optimization.info.removedFonts}`
+    );
+    console.log("");
+  }
   console.log(`   ${body.url}`);
   console.log("");
   if (body.hasPassword) console.log(`   🔒 Password-protected`);
@@ -220,6 +239,97 @@ async function handleUpload(args) {
   console.log("");
 }
 
+function maybeOptimizeUpload({ absolute, ext, bytes }) {
+  if (ext !== ".html" && ext !== ".htm") {
+    return { bytes, info: null };
+  }
+
+  const source = bytes.toString("utf8");
+  const optimized = optimizeBundledStandaloneHtml(source);
+  if (!optimized) {
+    return { bytes, info: null };
+  }
+
+  const optimizedBytes = Buffer.from(optimized.html, "utf8");
+  if (optimizedBytes.length >= bytes.length) {
+    return { bytes, info: null };
+  }
+
+  return {
+    bytes: optimizedBytes,
+    info: {
+      kind: "bundled-standalone-html",
+      removedFonts: optimized.removedFonts,
+      originalBytes: bytes.length,
+      optimizedBytes: optimizedBytes.length,
+      file: absolute,
+    },
+  };
+}
+
+function optimizeBundledStandaloneHtml(source) {
+  const manifestTagPattern = /(<script\b[^>]*type="__bundler\/manifest"[^>]*>)([\s\S]*?)(<\/script>)/i;
+  const templateTagPattern = /(<script\b[^>]*type="__bundler\/template"[^>]*>)([\s\S]*?)(<\/script>)/i;
+  const manifestMatch = source.match(manifestTagPattern);
+  const templateMatch = source.match(templateTagPattern);
+  if (!manifestMatch || !templateMatch) {
+    return null;
+  }
+
+  let manifest;
+  let template;
+  try {
+    manifest = JSON.parse(manifestMatch[2]);
+    template = JSON.parse(templateMatch[2]);
+  } catch {
+    return null;
+  }
+
+  const fontUuids = Object.entries(manifest)
+    .filter(([, entry]) => entry?.mime === "font/woff2")
+    .map(([uuid]) => uuid);
+  if (fontUuids.length === 0) {
+    return null;
+  }
+
+  for (const uuid of fontUuids) {
+    delete manifest[uuid];
+    const escapedUuid = escapeRegExp(uuid);
+    template = template.replace(
+      new RegExp(`@font-face\\s*\\{[^{}]*${escapedUuid}[^{}]*\\}`, "g"),
+      "",
+    );
+    template = template.split(uuid).join("");
+  }
+
+  let html = source.replace(
+    manifestTagPattern,
+    (_, openTag, _json, closeTag) => `${openTag}${stringifyForHtmlScriptTag(manifest)}${closeTag}`,
+  );
+  html = html.replace(
+    templateTagPattern,
+    (_, openTag, _json, closeTag) => `${openTag}${stringifyForHtmlScriptTag(template)}${closeTag}`,
+  );
+
+  return {
+    html,
+    removedFonts: fontUuids.length,
+  };
+}
+
+function escapeRegExp(value) {
+  return String(value).replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+
+function stringifyForHtmlScriptTag(value) {
+  return JSON.stringify(value)
+    .replace(/</g, "\\u003C")
+    .replace(/>/g, "\\u003E")
+    .replace(/&/g, "\\u0026")
+    .replace(/\u2028/g, "\\u2028")
+    .replace(/\u2029/g, "\\u2029");
+}
+
 // ---------------------------------------------------------------------------
 // list
 // ---------------------------------------------------------------------------