codebay 0.0.1 → 0.2.1

package/.mochi/svelte-compile/Avatars-p8gfef7x.server.js

@@ -0,0 +1,332 @@
+// @bun
+import {
+  AppBar,
+  Avatar,
+  Button,
+  COLS,
+  OFF,
+  ON,
+  ROWS,
+  Toaster,
+  avatars,
+  dist_default
+} from "./chunk-sxqys3nw.js";
+import {
+  HydratableBoundary,
+  Icon,
+  emitIslandProps
+} from "./chunk-v6796ga4.js";
+import"./chunk-we0ggtws.js";
+
+// src/pages/Avatars.svelte
+import"svelte/internal/flags/async";
+import * as $7 from "svelte/internal/server";
+
+// src/components/AvatarsView.svelte
+import"svelte/internal/flags/async";
+import * as $6 from "svelte/internal/server";
+
+// src/components/AvatarEditor.svelte
+import"svelte/internal/flags/async";
+import * as $5 from "svelte/internal/server";
+
+// node_modules/@lucide/svelte/dist/icons/copy.svelte
+import"svelte/internal/flags/async";
+import * as $ from "svelte/internal/server";
+function Copy($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "rect",
+      { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }
+    ],
+    [
+      "path",
+      { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" }
+    ]
+  ];
+  Icon($$renderer, $.spread_props([{ name: "copy" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/eraser.svelte
+import"svelte/internal/flags/async";
+import * as $2 from "svelte/internal/server";
+function Eraser($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21"
+      }
+    ],
+    ["path", { d: "m5.082 11.09 8.828 8.828" }]
+  ];
+  Icon($$renderer, $2.spread_props([{ name: "eraser" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/contrast.svelte
+import"svelte/internal/flags/async";
+import * as $3 from "svelte/internal/server";
+function Contrast($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["circle", { cx: "12", cy: "12", r: "10" }],
+    ["path", { d: "M12 18a6 6 0 0 0 0-12v12z" }]
+  ];
+  Icon($$renderer, $3.spread_props([{ name: "contrast" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/external-link.svelte
+import"svelte/internal/flags/async";
+import * as $4 from "svelte/internal/server";
+function External_link($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { d: "M15 3h6v6" }],
+    ["path", { d: "M10 14 21 3" }],
+    [
+      "path",
+      {
+        d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
+      }
+    ]
+  ];
+  Icon($$renderer, $4.spread_props([{ name: "external-link" }, props, { iconNode }]));
+}
+// src/avatars/serialize.ts
+var REPO_URL = "https://github.com/khromov/codebay";
+function normalizeName(raw) {
+  return raw.trim().toLowerCase().replace(/[^a-z0-9-]+/g, "-").replace(/^-+|-+$/g, "");
+}
+function cellsToPixels(cells) {
+  const rows = [];
+  for (let r = 0;r < ROWS; r++) {
+    let row = "";
+    for (let c = 0;c < COLS; c++) {
+      row += cells[r * COLS + c] === ON ? "#" : ".";
+    }
+    rows.push(row);
+  }
+  return rows;
+}
+function toModuleSource(art) {
+  const rows = art.pixels.map((row) => `		'${row}'`).join(`,
+`);
+  return `import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: '${art.name}',
+	pixels: [
+${rows}
+	]
+};
+
+export default art;
+`;
+}
+function toIssueUrl(art) {
+  const title = `Avatar contribution: ${art.name}`;
+  const body = [
+    "Hi! I drew this avatar in the editor easter egg and I'd love to see it in the official set.",
+    "",
+    "```",
+    ...art.pixels,
+    "```",
+    "",
+    `Ready-to-paste module (\`src/avatars/${art.name}.ts\`, plus a line in \`src/avatars/index.ts\`):`,
+    "",
+    "```ts",
+    toModuleSource(art).trimEnd(),
+    "```",
+    "",
+    "_It should satisfy `src/avatars/avatars.test.ts`: exactly 8\xD78, only `#`/`.` pixels, unique name._"
+  ].join(`
+`);
+  const params = new URLSearchParams({ title, body });
+  return `${REPO_URL}/issues/new?${params}`;
+}
+
+// src/components/AvatarEditor.svelte
+function AvatarEditor($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { namePlaceholder } = $$props;
+    let cells = Array(ROWS * COLS).fill(OFF);
+    let avatarName = "";
+    const slug = $5.derived(() => normalizeName(avatarName));
+    const art = $5.derived(() => ({ name: slug() || "my-avatar", pixels: cellsToPixels(cells) }));
+    const canContribute = $5.derived(() => slug().length > 0 && cells.some((c) => c === ON));
+    let gridEl = null;
+    let painting = false;
+    let paintValue = ON;
+    const RING_CELLS = Array.from({ length: 100 }, (_, i) => ({ r: Math.floor(i / 10), c: i % 10 })).filter(({ r, c }) => r === 0 || r === 9 || c === 0 || c === 9);
+    function cellAt(e) {
+      if (!gridEl)
+        return null;
+      const rect = gridEl.getBoundingClientRect();
+      const c = Math.floor((e.clientX - rect.left) / rect.width * COLS);
+      const r = Math.floor((e.clientY - rect.top) / rect.height * ROWS);
+      if (r < 0 || r >= ROWS || c < 0 || c >= COLS)
+        return null;
+      return r * COLS + c;
+    }
+    function onpointerdown(e) {
+      const i = cellAt(e);
+      if (i == null)
+        return;
+      e.currentTarget.setPointerCapture?.(e.pointerId);
+      painting = true;
+      paintValue = cells[i] === ON ? OFF : ON;
+      cells[i] = paintValue;
+    }
+    function onpointermove(e) {
+      if (!painting)
+        return;
+      const i = cellAt(e);
+      if (i != null)
+        cells[i] = paintValue;
+    }
+    function stopPainting() {
+      painting = false;
+    }
+    function clear() {
+      cells = Array(ROWS * COLS).fill(OFF);
+    }
+    function invert() {
+      cells = cells.map((c) => c === ON ? OFF : ON);
+    }
+    async function copyModule() {
+      try {
+        await navigator.clipboard.writeText(toModuleSource(art()));
+        dist_default("Copied \u2014 paste it into the GitHub issue");
+      } catch (err) {
+        dist_default.error(`Copy failed: ${err.message}`);
+      }
+    }
+    $$renderer2.push(`<section class="editor svelte-qu6vp4"><div class="head svelte-qu6vp4"><h2 class="svelte-qu6vp4">Draw your own avatar</h2></div> <div class="body svelte-qu6vp4"><div class="grid-frame svelte-qu6vp4"><!--[-->`);
+    const each_array = $5.ensure_array_like(RING_CELLS);
+    for (let i = 0, $$length = each_array.length;i < $$length; i++) {
+      let { r, c } = each_array[i];
+      $$renderer2.push(`<span class="ring-cell svelte-qu6vp4"${$5.attr_style(`grid-row:${$5.stringify(r + 1)};grid-column:${$5.stringify(c + 1)}`)} aria-hidden="true"></span>`);
+    }
+    $$renderer2.push(`<!--]--> <div class="grid svelte-qu6vp4" role="img" aria-label="8 by 8 pixel drawing canvas"><!--[-->`);
+    const each_array_1 = $5.ensure_array_like(cells);
+    for (let i = 0, $$length = each_array_1.length;i < $$length; i++) {
+      let cell = each_array_1[i];
+      $$renderer2.push(`<span${$5.attr_class("cell svelte-qu6vp4", undefined, { on: cell === ON })}></span>`);
+    }
+    $$renderer2.push(`<!--]--></div></div> <div class="side svelte-qu6vp4"><div class="preview"><div class="preview-label svelte-qu6vp4">Preview</div> <div class="preview-row svelte-qu6vp4">`);
+    Avatar($$renderer2, { art: art(), name: art().name, scale: 6 });
+    $$renderer2.push(`<!----> `);
+    Avatar($$renderer2, { art: art(), name: art().name, scale: 3 });
+    $$renderer2.push(`<!----></div></div> <label class="name-field svelte-qu6vp4"><span class="preview-label svelte-qu6vp4">Name</span> <input type="text"${$5.attr("value", avatarName)}${$5.attr("placeholder", namePlaceholder)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" maxlength="24" class="svelte-qu6vp4"/></label> <div class="tools svelte-qu6vp4">`);
+    Button($$renderer2, {
+      size: "sm",
+      icon: Eraser,
+      onclick: clear,
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->Clear`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----> `);
+    Button($$renderer2, {
+      size: "sm",
+      icon: Contrast,
+      onclick: invert,
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->Invert`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----></div></div></div> <div class="foot svelte-qu6vp4"><span class="hint svelte-qu6vp4">Draw something, then open an issue to get it into the official set.</span> <div class="actions svelte-qu6vp4">`);
+    Button($$renderer2, {
+      size: "sm",
+      icon: Copy,
+      disabled: !canContribute(),
+      onclick: copyModule,
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->Copy`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----> `);
+    Button($$renderer2, {
+      size: "sm",
+      variant: "primary",
+      icon: External_link,
+      disabled: !canContribute(),
+      href: toIssueUrl(art()),
+      target: "_blank",
+      rel: "noopener",
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->Open GitHub issue`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----></div></div></section>`);
+  });
+}
+
+// src/components/AvatarsView.svelte
+function AvatarsView($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { namePlaceholder } = $$props;
+    $$renderer2.push(`<div class="page svelte-fkq7sr">`);
+    AppBar($$renderer2, {
+      children: ($$renderer3) => {
+        $$renderer3.push(`<span class="title svelte-fkq7sr">Avatars</span>`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----> <main class="content svelte-fkq7sr">`);
+    AvatarEditor($$renderer2, { namePlaceholder });
+    $$renderer2.push(`<!----> <section class="catalog svelte-fkq7sr"><header class="svelte-fkq7sr"><h2 class="svelte-fkq7sr">The set</h2> <p class="svelte-fkq7sr">${$6.escape(avatars.length)} hand-crafted 8\xD78 sprites</p></header> <ul class="svelte-fkq7sr"><!--[-->`);
+    const each_array = $6.ensure_array_like(avatars);
+    for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+      let art = each_array[$$index];
+      $$renderer2.push(`<li class="svelte-fkq7sr">`);
+      Avatar($$renderer2, { art, name: art.name, scale: 8, interactive: true });
+      $$renderer2.push(`<!----> <span class="label svelte-fkq7sr">${$6.escape(art.name)}</span></li>`);
+    }
+    $$renderer2.push(`<!--]--></ul></section></main></div> `);
+    Toaster($$renderer2, {
+      toastOptions: {
+        style: "border:1px solid var(--ink); background:var(--bg-card); color:var(--ink); box-shadow:4px 4px 0 var(--ink); font-family:var(--font-mono); font-size:13px;"
+      }
+    });
+    $$renderer2.push(`<!---->`);
+  });
+}
+
+// src/pages/Avatars.svelte
+function Avatars($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { namePlaceholder } = $$props;
+    if (true) {
+      let failed = function($$renderer3, error) {
+        $$renderer3.push(`<mochi-island-failure data-component="AvatarsView"${$7.attr("data-message", error.message)}></mochi-island-failure>`);
+      };
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.boundary({ failed }, ($$renderer3) => {
+        $$renderer3.push(`<!--[-->`);
+        {
+          HydratableBoundary($$renderer3, {
+            children: ($$renderer4) => {
+              $$renderer4.push(`<mochi-hydratable-island component-name="AvatarsView_257s9yq1wwr4f" component-url="__MOCHI_COMPONENT_URL__AvatarsView_257s9yq1wwr4f__"${$7.attr("props-ref", emitIslandProps({ namePlaceholder }))}>`);
+              $$renderer4.push(`<!--[-->`);
+              {
+                AvatarsView($$renderer4, { namePlaceholder });
+              }
+              $$renderer4.push(`<!--]-->`);
+              $$renderer4.push(`</mochi-hydratable-island>`);
+            },
+            $$slots: { default: true }
+          });
+        }
+        $$renderer3.push(`<!--]-->`);
+      });
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+export {
+  Avatars as default
+};

package/.mochi/svelte-compile/ClientStats-z3tn9ad6.server.js

@@ -0,0 +1,99 @@
+// @bun
+import"./chunk-we0ggtws.js";
+
+// node_modules/mochi-framework/src/templates/ClientStats/ClientStats.svelte
+import"svelte/internal/flags/async";
+import * as $ from "svelte/internal/server";
+
+// node_modules/mochi-framework/src/vendor/pretty-bytes/index.ts
+var BYTE_UNITS = ["B", "kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+var BIBYTE_UNITS = ["B", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
+var BIT_UNITS = ["b", "kbit", "Mbit", "Gbit", "Tbit", "Pbit", "Ebit", "Zbit", "Ybit"];
+var BIBIT_UNITS = ["b", "kibit", "Mibit", "Gibit", "Tibit", "Pibit", "Eibit", "Zibit", "Yibit"];
+function toLocaleString(n, locale, options) {
+  if (typeof locale === "string" || Array.isArray(locale)) {
+    return n.toLocaleString(locale, options);
+  }
+  if (locale === true || options !== undefined) {
+    return n.toLocaleString(undefined, options);
+  }
+  return String(n);
+}
+function buildLocaleOptions(options) {
+  const { minimumFractionDigits, maximumFractionDigits } = options;
+  if (minimumFractionDigits === undefined && maximumFractionDigits === undefined) {
+    return;
+  }
+  return {
+    ...minimumFractionDigits !== undefined && { minimumFractionDigits },
+    ...maximumFractionDigits !== undefined && { maximumFractionDigits },
+    roundingMode: "trunc"
+  };
+}
+function prettyBytes(input, options) {
+  if (!Number.isFinite(input)) {
+    throw new TypeError(`Expected a finite number, got ${typeof input}: ${input}`);
+  }
+  const opts = {
+    bits: false,
+    binary: false,
+    space: true,
+    nonBreakingSpace: false,
+    ...options
+  };
+  const UNITS = opts.bits ? opts.binary ? BIBIT_UNITS : BIT_UNITS : opts.binary ? BIBYTE_UNITS : BYTE_UNITS;
+  const separator = opts.space ? opts.nonBreakingSpace ? "\xA0" : " " : "";
+  if (opts.signed && input === 0) {
+    return ` 0${separator}${UNITS[0]}`;
+  }
+  const isNegative = input < 0;
+  const prefix = isNegative ? "-" : opts.signed ? "+" : "";
+  let n = isNegative ? -input : input;
+  const localeOptions = buildLocaleOptions(opts);
+  if (n < 1) {
+    return prefix + toLocaleString(n, opts.locale, localeOptions) + separator + UNITS[0];
+  }
+  const exponent = Math.min(Math.floor(opts.binary ? Math.log(n) / Math.log(1024) : Math.log10(n) / 3), UNITS.length - 1);
+  n = n / (opts.binary ? 1024 : 1000) ** exponent;
+  if (!localeOptions) {
+    const minPrecision = Math.max(3, Math.floor(n).toString().length);
+    n = Number(n.toPrecision(minPrecision));
+  }
+  return prefix + toLocaleString(n, opts.locale, localeOptions) + separator + UNITS[exponent];
+}
+
+// node_modules/mochi-framework/src/debug-bar/utils.ts
+var formatSize = prettyBytes;
+
+// node_modules/mochi-framework/src/templates/ClientStats/ClientStats.svelte
+function ClientStats($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { stats } = $$props;
+    const totalSize = $.derived(() => stats.outputs.reduce((sum, o) => sum + o.size, 0));
+    $.head("kvp4dv", $$renderer2, ($$renderer3) => {
+      $$renderer3.title(($$renderer4) => {
+        $$renderer4.push(`<title>Runtime bundle stats</title>`);
+      });
+      $$renderer3.push(`<meta name="viewport" content="width=device-width, initial-scale=1"/>`);
+    });
+    $$renderer2.push(`<h1 class="svelte-kvp4dv">Runtime bundle stats</h1> <p class="subtitle svelte-kvp4dv">Total: ${$.escape(formatSize(totalSize()))} across ${$.escape(stats.outputs.length)} file(s)</p> <!--[-->`);
+    const each_array = $.ensure_array_like(stats.outputs);
+    for (let $$index_1 = 0, $$length = each_array.length;$$index_1 < $$length; $$index_1++) {
+      let output = each_array[$$index_1];
+      const barMax = output.inputs[0]?.size || 1;
+      $$renderer2.push(`<section class="svelte-kvp4dv"><h2 class="svelte-kvp4dv">${$.escape(output.name)} <span class="total svelte-kvp4dv">${$.escape(formatSize(output.size))}</span></h2> <table class="svelte-kvp4dv"><thead><tr><th class="svelte-kvp4dv">Module</th><th class="svelte-kvp4dv"></th><th class="svelte-kvp4dv">Size</th><th class="svelte-kvp4dv">%</th></tr></thead><tbody><!--[-->`);
+      const each_array_1 = $.ensure_array_like(output.inputs);
+      for (let $$index = 0, $$length2 = each_array_1.length;$$index < $$length2; $$index++) {
+        let inp = each_array_1[$$index];
+        const barW = Math.round(inp.size / barMax * 200);
+        const pct = (inp.size / output.size * 100).toFixed(1);
+        $$renderer2.push(`<tr><td class="path svelte-kvp4dv">${$.escape(inp.path)}</td><td class="bar svelte-kvp4dv"><div class="bar-fill svelte-kvp4dv"${$.attr_style("", { width: `${$.stringify(barW)}px` })}></div></td><td class="size svelte-kvp4dv">${$.escape(formatSize(inp.size))}</td><td class="pct svelte-kvp4dv">${$.escape(pct)}%</td></tr>`);
+      }
+      $$renderer2.push(`<!--]--></tbody></table></section>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+export {
+  ClientStats as default
+};

package/.mochi/svelte-compile/DefaultError-wh77vebf.server.js

@@ -0,0 +1,52 @@
+// @bun
+import"./chunk-we0ggtws.js";
+
+// node_modules/mochi-framework/src/templates/DefaultError.svelte
+import"svelte/internal/flags/async";
+import * as $2 from "svelte/internal/server";
+
+// node_modules/mochi-framework/src/templates/BackLink.svelte
+import"svelte/internal/flags/async";
+import * as $ from "svelte/internal/server";
+import { onMount } from "svelte";
+function BackLink($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let showBack = false;
+    onMount(() => {
+      showBack = document.referrer !== "" && document.referrer.startsWith(location.origin);
+    });
+    function handleClick(e) {
+      if (showBack) {
+        e.preventDefault();
+        history.back();
+      }
+    }
+    $$renderer2.push(`<a href="/" class="svelte-8oqqxp">${$.escape(showBack ? "\u2190 Go back" : "Go home \u2192")}</a>`);
+  });
+}
+
+// node_modules/mochi-framework/src/templates/DefaultError.svelte
+function DefaultError($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { error } = $$props;
+    $2.head("gaasgn", $$renderer2, ($$renderer3) => {
+      $$renderer3.title(($$renderer4) => {
+        $$renderer4.push(`<title>${$2.escape(error.status)} ${$2.escape(error.message)}</title>`);
+      });
+      $$renderer3.push(`<meta name="viewport" content="width=device-width, initial-scale=1"/>`);
+    });
+    $$renderer2.push(`<div class="wrap svelte-gaasgn"><header class="topbar svelte-gaasgn"><span class="brand svelte-gaasgn"><span class="logo svelte-gaasgn" aria-hidden="true">\uD83C\uDF61</span><span>mochi</span></span></header> <main class="stage svelte-gaasgn"><section class="panel svelte-gaasgn"><p class="status svelte-gaasgn">${$2.escape(error.status)}</p> <p class="message svelte-gaasgn">${$2.escape(error.message)}</p> <div class="actions svelte-gaasgn">`);
+    BackLink($$renderer2, { "mochi:hydrate": true });
+    $$renderer2.push(`<!----></div> `);
+    if (error.stack) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="divider svelte-gaasgn"></div> <div class="stack-label svelte-gaasgn">Stack trace</div> <pre class="stack svelte-gaasgn">${$2.escape(error.stack)}</pre>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></section></main></div>`);
+  });
+}
+export {
+  DefaultError as default
+};