codebay 0.0.1 → 0.2.1

package/.mochi/svelte-compile/Instance-atjwsczx.server.js

@@ -0,0 +1,356 @@
+// @bun
+import {
+  StatusBadge,
+  apiDelete,
+  apiPost,
+  forwardedPortUrl,
+  ideUrl
+} from "./chunk-btmcxhqy.js";
+import {
+  X
+} from "./chunk-4kwy539a.js";
+import {
+  HydratableBoundary,
+  Icon,
+  emitIslandProps
+} from "./chunk-v6796ga4.js";
+import"./chunk-we0ggtws.js";
+
+// src/pages/Instance.svelte
+import"svelte/internal/flags/async";
+import * as $7 from "svelte/internal/server";
+
+// src/components/InstanceView.svelte
+import"svelte/internal/flags/async";
+import * as $6 from "svelte/internal/server";
+
+// node_modules/@lucide/svelte/dist/icons/arrow-left.svelte
+import"svelte/internal/flags/async";
+import * as $ from "svelte/internal/server";
+function Arrow_left($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { d: "m12 19-7-7 7-7" }],
+    ["path", { d: "M19 12H5" }]
+  ];
+  Icon($$renderer, $.spread_props([{ name: "arrow-left" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/arrow-up-right.svelte
+import"svelte/internal/flags/async";
+import * as $2 from "svelte/internal/server";
+function Arrow_up_right($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [["path", { d: "M7 7h10v10" }], ["path", { d: "M7 17 17 7" }]];
+  Icon($$renderer, $2.spread_props([{ name: "arrow-up-right" }, props, { iconNode }]));
+}
+// src/components/HealthBox.svelte
+import"svelte/internal/flags/async";
+import * as $5 from "svelte/internal/server";
+
+// node_modules/@lucide/svelte/dist/icons/check.svelte
+import"svelte/internal/flags/async";
+import * as $3 from "svelte/internal/server";
+function Check($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [["path", { d: "M20 6 9 17l-5-5" }]];
+  Icon($$renderer, $3.spread_props([{ name: "check" }, props, { iconNode }]));
+}
+// src/components/Skeleton.svelte
+import"svelte/internal/flags/async";
+import * as $4 from "svelte/internal/server";
+function Skeleton($$renderer, $$props) {
+  let { variant = "text", width } = $$props;
+  $$renderer.push(`<span${$4.attr_class(`skel ${$4.stringify(variant)}`, "svelte-tl058d")}${$4.attr_style("", { width })}></span>`);
+}
+
+// src/components/HealthBox.svelte
+function HealthBox($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const FIXED_CHECKS = ["Container running", "Code-server reachable"];
+    let {
+      health = null,
+      lastFetchedAt = null,
+      active = true,
+      injectionChecks = 0
+    } = $$props;
+    const checks = $5.derived(() => {
+      if (!health)
+        return [];
+      const v = (ok) => ({ ok, value: ok ? "OK" : "\u2014" });
+      return [
+        { label: FIXED_CHECKS[0], ...v(health.containerRunning) },
+        { label: FIXED_CHECKS[1], ...v(health.codeServerAccessible) },
+        ...health.injections.map((i) => ({ label: i.label, ...v(i.ok) }))
+      ];
+    });
+    function getNumberOfChecks() {
+      return health ? checks().length : FIXED_CHECKS.length + injectionChecks;
+    }
+    let now = Date.now();
+    const agoLabel = $5.derived(() => {
+      if (!active && !health)
+        return "Container not running";
+      if (!lastFetchedAt)
+        return "Waiting for first check\u2026";
+      const secs = Math.max(0, Math.round((now - lastFetchedAt) / 1000));
+      return `Updated ${secs}s ago`;
+    });
+    $$renderer2.push(`<div${$5.attr_class("healthwrap panel svelte-1hnopyv", undefined, { dim: !active && !health })}><div class="panel-bar">Health</div> <div class="health svelte-1hnopyv">`);
+    if (health) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<!--[-->`);
+      const each_array = $5.ensure_array_like(checks());
+      for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+        let check = each_array[$$index];
+        $$renderer2.push(`<div class="hrow svelte-1hnopyv"><span${$5.attr_class(`box ${check.ok ? "ok" : "bad"}`, "svelte-1hnopyv")}>`);
+        if (check.ok) {
+          $$renderer2.push("<!--[0-->");
+          Check($$renderer2, { size: 12, strokeWidth: 3 });
+        } else {
+          $$renderer2.push("<!--[-1-->");
+          X($$renderer2, { size: 12, strokeWidth: 3 });
+        }
+        $$renderer2.push(`<!--]--></span> <span class="hlabel svelte-1hnopyv">${$5.escape(check.label)}</span> <span class="hvalue svelte-1hnopyv">${$5.escape(check.value)}</span></div>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else if (active) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`<!--[-->`);
+      const each_array_1 = $5.ensure_array_like(Array(getNumberOfChecks()));
+      for (let i = 0, $$length = each_array_1.length;i < $$length; i++) {
+        let _ = each_array_1[i];
+        $$renderer2.push(`<div class="hrow svelte-1hnopyv"><span class="box idle svelte-1hnopyv"></span> `);
+        Skeleton($$renderer2, { width: "120px" });
+        $$renderer2.push(`<!----> `);
+        Skeleton($$renderer2, { variant: "pill" });
+        $$renderer2.push(`<!----></div>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<!--[-->`);
+      const each_array_2 = $5.ensure_array_like(FIXED_CHECKS);
+      for (let $$index_2 = 0, $$length = each_array_2.length;$$index_2 < $$length; $$index_2++) {
+        let label = each_array_2[$$index_2];
+        $$renderer2.push(`<div class="hrow svelte-1hnopyv"><span class="box idle svelte-1hnopyv"></span> <span class="hlabel svelte-1hnopyv">${$5.escape(label)}</span> <span class="hvalue svelte-1hnopyv">\u2014</span></div>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]--></div> <div class="hfoot svelte-1hnopyv">${$5.escape(agoLabel())}</div></div>`);
+  });
+}
+
+// src/components/InstanceView.svelte
+function InstanceView($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { id, injectionChecks = 0 } = $$props;
+    let instance = null;
+    let health = null;
+    let lastFetchedAt = null;
+    let logs = "";
+    function autoscroll(node) {
+      node.scrollTop = node.scrollHeight;
+    }
+    const url = $6.derived(() => instance ? ideUrl(instance) : "#");
+    let newPort = "";
+    let portError = null;
+    let pendingRebuild = false;
+    const forwards = $6.derived(() => instance?.forwarded_ports ?? []);
+    const building = $6.derived(() => instance?.status === "creating");
+    async function portAction(run) {
+      portError = null;
+      try {
+        await run();
+        return true;
+      } catch (err) {
+        portError = err.message;
+        return false;
+      }
+    }
+    async function addPort(e) {
+      e.preventDefault();
+      const port = Number.parseInt(newPort, 10);
+      if (!Number.isInteger(port) || port < 1 || port > 65535) {
+        portError = "Enter a port number between 1 and 65535";
+        return;
+      }
+      const ok = await portAction(() => apiPost(`/api/instances/${id}/ports`, { port }));
+      if (ok) {
+        newPort = "";
+        pendingRebuild = true;
+      }
+    }
+    async function removePort(port) {
+      const ok = await portAction(() => apiDelete(`/api/instances/${id}/ports/${port}`));
+      if (ok)
+        pendingRebuild = true;
+    }
+    async function restart() {
+      const ok = await portAction(() => apiPost(`/api/instances/${id}/rebuild`));
+      if (ok)
+        pendingRebuild = false;
+    }
+    let restartError = null;
+    let restarting = false;
+    const restartOpts = {
+      onPending: (v) => restarting = v,
+      submit: () => {
+        restartError = null;
+        return ({ result }) => {
+          if (result.type === "failure") {
+            restartError = result.data?.error ?? "Restart failed";
+          } else if (result.type === "error") {
+            restartError = "Network error. Try again.";
+          }
+        };
+      }
+    };
+    let copied = false;
+    let copyTimer;
+    async function copyLogs() {
+      await navigator.clipboard.writeText(logs);
+      copied = true;
+      clearTimeout(copyTimer);
+      copyTimer = setTimeout(() => copied = false, 2000);
+    }
+    $$renderer2.push(`<header class="topbar svelte-15fxkvm"><a class="back svelte-15fxkvm" href="/">`);
+    Arrow_left($$renderer2, { size: 15 });
+    $$renderer2.push(`<!----> All instances</a> <div class="title svelte-15fxkvm"><span class="name svelte-15fxkvm">${$6.escape(instance?.name ?? "Instance")}</span> `);
+    if (instance) {
+      $$renderer2.push("<!--[0-->");
+      StatusBadge($$renderer2, { status: instance.status });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      Skeleton($$renderer2, { variant: "pill" });
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    if (instance?.status === "running") {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<form method="POST" action="?/restart" class="svelte-15fxkvm"><button class="restart svelte-15fxkvm" type="submit"${$6.attr("disabled", restarting || building(), true)}>${$6.escape(restarting || building() ? "Restarting\u2026" : "Restart container")}</button></form> <a class="open svelte-15fxkvm"${$6.attr("href", url())} target="_blank" rel="noopener">Open in new tab `);
+      Arrow_up_right($$renderer2, { size: 15 });
+      $$renderer2.push(`<!----></a>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></header> `);
+    if (restartError) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p class="restart-err svelte-15fxkvm">${$6.escape(restartError)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <main class="stage svelte-15fxkvm"><div class="meta svelte-15fxkvm"><span class="k svelte-15fxkvm">Source</span> `);
+    if (instance) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<code class="svelte-15fxkvm">${$6.escape(instance.source_path)}</code>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      Skeleton($$renderer2, { variant: "wide" });
+    }
+    $$renderer2.push(`<!--]--> <span class="k svelte-15fxkvm">Image</span> `);
+    if (instance) {
+      $$renderer2.push("<!--[0-->");
+      if (instance.image_source === "local") {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<code class="svelte-15fxkvm">local (project devcontainer.json)</code>`);
+      } else if (instance.image_source) {
+        $$renderer2.push("<!--[1-->");
+        $$renderer2.push(`<code class="svelte-15fxkvm">${$6.escape(instance.image_source)}</code>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`<code class="muted svelte-15fxkvm">\u2014</code>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      Skeleton($$renderer2, { variant: "wide" });
+    }
+    $$renderer2.push(`<!--]--></div> <div class="healthslot svelte-15fxkvm">`);
+    HealthBox($$renderer2, {
+      health,
+      lastFetchedAt,
+      injectionChecks,
+      active: !instance || instance.status === "running"
+    });
+    $$renderer2.push(`<!----></div> <section class="ports panel svelte-15fxkvm"><div class="ports-bar panel-bar svelte-15fxkvm"><span class="svelte-15fxkvm">Forwarded ports</span> `);
+    if (pendingRebuild) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<button class="rebuild svelte-15fxkvm"${$6.attr("disabled", building(), true)}>${$6.escape(building() ? "Restarting\u2026" : "Restart to apply")}</button>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div> <div class="ports-body svelte-15fxkvm">`);
+    if (forwards().length) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<ul class="port-list svelte-15fxkvm"><!--[-->`);
+      const each_array = $6.ensure_array_like(forwards());
+      for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+        let f = each_array[$$index];
+        $$renderer2.push(`<li class="svelte-15fxkvm"><span class="cp svelte-15fxkvm">:${$6.escape(f.container_port)}</span> <span class="arr svelte-15fxkvm">\u2192</span> <a${$6.attr("href", forwardedPortUrl(f.host_port))} target="_blank" rel="noopener" class="svelte-15fxkvm">${$6.escape(forwardedPortUrl(f.host_port).replace("http://", ""))} `);
+        Arrow_up_right($$renderer2, { size: 12 });
+        $$renderer2.push(`<!----></a> <button class="rm svelte-15fxkvm" title="Remove">\xD7</button></li>`);
+      }
+      $$renderer2.push(`<!--]--></ul>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<p class="empty svelte-15fxkvm">No ports forwarded yet.</p>`);
+    }
+    $$renderer2.push(`<!--]--> <form class="add svelte-15fxkvm"><input type="number" min="1" max="65535" placeholder="container port (e.g. 3000)"${$6.attr("value", newPort)} spellcheck="false" class="svelte-15fxkvm"/> <button type="submit" class="svelte-15fxkvm">Add</button></form> `);
+    if (portError) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p class="port-err svelte-15fxkvm">${$6.escape(portError)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (pendingRebuild) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p class="hint pending svelte-15fxkvm">Port changes apply when you <strong class="svelte-15fxkvm">Restart</strong> (recreates the container).</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <p class="hint svelte-15fxkvm">Your app must bind to <code class="svelte-15fxkvm">0.0.0.0</code> inside the container to be reachable.</p></div></section> <div class="logwrap panel svelte-15fxkvm"><div class="log-bar panel-bar svelte-15fxkvm"><span class="svelte-15fxkvm">Boot log</span> <button class="copy svelte-15fxkvm"${$6.attr("disabled", !logs, true)}>${$6.escape(copied ? "Copied!" : "Copy logs")}</button></div> <div class="logs svelte-15fxkvm"><pre class="svelte-15fxkvm">${$6.escape(logs || "Waiting for output\u2026")}<span class="caret svelte-15fxkvm"></span></pre></div> `);
+    if (instance?.status === "error" && instance.error) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="err svelte-15fxkvm">${$6.escape(instance.error)}</div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div></main>`);
+  });
+}
+
+// src/pages/Instance.svelte
+function Instance($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { id, injectionChecks } = $$props;
+    if (true) {
+      let failed = function($$renderer3, error) {
+        $$renderer3.push(`<mochi-island-failure data-component="InstanceView"${$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="InstanceView_2ma45l9bybfhl" component-url="__MOCHI_COMPONENT_URL__InstanceView_2ma45l9bybfhl__"${$7.attr("props-ref", emitIslandProps({ id, injectionChecks }))}>`);
+              $$renderer4.push(`<!--[-->`);
+              {
+                InstanceView($$renderer4, { id, injectionChecks });
+              }
+              $$renderer4.push(`<!--]-->`);
+              $$renderer4.push(`</mochi-hydratable-island>`);
+            },
+            $$slots: { default: true }
+          });
+        }
+        $$renderer3.push(`<!--]-->`);
+      });
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+export {
+  Instance as default
+};