npm - effect-start - Versions diffs - 0.26.0 → 0.27.0 - Mend

effect-start 0.26.0 → 0.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (58) hide show

package/package.json +4 -2
package/src/Entity.ts +6 -6
package/src/FileRouterCodegen.ts +4 -4
package/src/FileSystem.ts +4 -8
package/src/RouteHook.ts +1 -1
package/src/RouteSse.ts +3 -3
package/src/SqlIntrospect.ts +2 -2
package/src/Start.ts +102 -2
package/src/Values.ts +11 -0
package/src/bun/BunRoute.ts +1 -1
package/src/bun/BunRuntime.ts +5 -5
package/src/hyper/HyperHtml.ts +11 -7
package/src/hyper/jsx.d.ts +1 -1
package/src/lint/plugin.js +174 -4
package/src/sql/SqlClient.ts +355 -0
package/src/sql/bun/index.ts +117 -50
package/src/sql/index.ts +1 -1
package/src/sql/libsql/index.ts +91 -77
package/src/sql/libsql/libsql.d.ts +4 -1
package/src/sql/mssql/index.ts +141 -108
package/src/sql/mssql/mssql.d.ts +1 -0
package/src/testing/TestLogger.ts +4 -4
package/src/x/tailwind/compile.ts +6 -14
package/src/console/Console.ts +0 -42
package/src/console/ConsoleErrors.ts +0 -213
package/src/console/ConsoleLogger.ts +0 -56
package/src/console/ConsoleMetrics.ts +0 -72
package/src/console/ConsoleProcess.ts +0 -59
package/src/console/ConsoleStore.ts +0 -187
package/src/console/ConsoleTracer.ts +0 -107
package/src/console/Simulation.ts +0 -814
package/src/console/console.html +0 -340
package/src/console/index.ts +0 -3
package/src/console/routes/errors/route.tsx +0 -97
package/src/console/routes/fiberDetail.tsx +0 -54
package/src/console/routes/fibers/route.tsx +0 -45
package/src/console/routes/git/route.tsx +0 -64
package/src/console/routes/layout.tsx +0 -4
package/src/console/routes/logs/route.tsx +0 -77
package/src/console/routes/metrics/route.tsx +0 -36
package/src/console/routes/route.tsx +0 -8
package/src/console/routes/routes/route.tsx +0 -30
package/src/console/routes/services/route.tsx +0 -21
package/src/console/routes/system/route.tsx +0 -43
package/src/console/routes/traceDetail.tsx +0 -22
package/src/console/routes/traces/route.tsx +0 -81
package/src/console/routes/tree.ts +0 -30
package/src/console/ui/Errors.tsx +0 -76
package/src/console/ui/Fibers.tsx +0 -321
package/src/console/ui/Git.tsx +0 -182
package/src/console/ui/Logs.tsx +0 -46
package/src/console/ui/Metrics.tsx +0 -78
package/src/console/ui/Routes.tsx +0 -125
package/src/console/ui/Services.tsx +0 -273
package/src/console/ui/Shell.tsx +0 -62
package/src/console/ui/System.tsx +0 -131
package/src/console/ui/Traces.tsx +0 -426
package/src/sql/Sql.ts +0 -51

package/src/console/console.html DELETED Viewed

@@ -1,340 +0,0 @@
-<!doctype html>
-<html style="height: 100%">
-  <head>
-    <title>Effect Console</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <script type="module" src="effect-start/datastar"></script>
-    <style>
-      * {
-        margin: 0;
-        padding: 0;
-        box-sizing: border-box;
-      }
-      body {
-        height: 100%;
-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-        background: #0f172a;
-        color: #e5e7eb;
-      }
-      .shell {
-        display: flex;
-        height: 100%;
-      }
-      .sidebar {
-        width: 180px;
-        background: #1e293b;
-        border-right: 1px solid #334155;
-        padding: 16px 0;
-        flex-shrink: 0;
-        display: flex;
-        flex-direction: column;
-      }
-      .sidebar-title {
-        font-size: 14px;
-        font-weight: 700;
-        color: #f1f5f9;
-        padding: 0 16px 16px;
-        border-bottom: 1px solid #334155;
-        margin-bottom: 8px;
-      }
-      .nav-link {
-        display: block;
-        padding: 8px 16px;
-        color: #94a3b8;
-        text-decoration: none;
-        font-size: 13px;
-      }
-      .nav-link:hover {
-        color: #e2e8f0;
-        background: #334155;
-      }
-      .nav-link.active {
-        color: #38bdf8;
-        background: #0f172a;
-        border-right: 2px solid #38bdf8;
-      }
-      .content {
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-      }
-      .tab-header {
-        font-size: 15px;
-        font-weight: 600;
-        padding: 12px 16px;
-        border-bottom: 1px solid #1e293b;
-      }
-      .tab-body {
-        flex: 1;
-        overflow-y: auto;
-        padding: 8px;
-      }
-      .filter-bar {
-        display: flex;
-        gap: 8px;
-        padding: 8px 16px;
-        border-bottom: 1px solid #1e293b;
-      }
-      .filter-bar select,
-      .filter-bar input {
-        background: #1e293b;
-        border: 1px solid #334155;
-        color: #e5e7eb;
-        padding: 4px 8px;
-        border-radius: 4px;
-        font-size: 12px;
-      }
-      .filter-bar input {
-        flex: 1;
-      }
-      .metrics-grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
-        gap: 12px;
-      }
-      .empty {
-        color: #64748b;
-        font-size: 13px;
-        text-align: center;
-        padding: 48px 0;
-      }
-      /* Waterfall grid */
-      .wf-grid {
-        display: grid;
-        grid-template-columns: minmax(200px, 30%) 1fr;
-        font-size: 12px;
-      }
-      .wf-row {
-        display: contents;
-      }
-      .wf-row:hover > .wf-name,
-      .wf-row:hover > .wf-bar-cell {
-        background: #1e293b;
-      }
-      .wf-name {
-        padding: 4px 8px;
-        font-family: monospace;
-        color: #d1d5db;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        border-bottom: 1px solid #1e293b;
-        position: relative;
-        display: flex;
-        align-items: center;
-        gap: 4px;
-      }
-      .wf-bar-cell {
-        padding: 4px 8px;
-        position: relative;
-        border-bottom: 1px solid #1e293b;
-        display: flex;
-        align-items: center;
-      }
-      .wf-bar {
-        height: 14px;
-        border-radius: 2px;
-        position: absolute;
-        min-width: 2px;
-        top: 50%;
-        transform: translateY(-50%);
-      }
-      .wf-dur {
-        position: absolute;
-        color: #9ca3af;
-        font-family: monospace;
-        font-size: 11px;
-        white-space: nowrap;
-        top: 50%;
-        transform: translateY(-50%);
-      }
-      .wf-axis {
-        display: grid;
-        grid-template-columns: minmax(200px, 30%) 1fr;
-        border-bottom: 1px solid #334155;
-        font-size: 11px;
-        color: #64748b;
-        font-family: monospace;
-      }
-      .wf-axis-ticks {
-        display: flex;
-        justify-content: space-between;
-        padding: 4px 8px;
-      }
-      /* Tree connectors */
-      .wf-tree {
-        position: relative;
-        display: flex;
-        align-items: center;
-        gap: 4px;
-        flex-shrink: 0;
-      }
-      .wf-vline {
-        position: absolute;
-        width: 1px;
-        background: #475569;
-        top: -4px;
-        bottom: -4px;
-      }
-      .wf-branch {
-        position: absolute;
-        height: 1px;
-        background: #475569;
-        width: 8px;
-      }
-      .wf-elbow {
-        position: absolute;
-        width: 1px;
-        background: #475569;
-        top: -4px;
-        bottom: 50%;
-      }
-      .wf-hline {
-        position: absolute;
-        height: 1px;
-        background: #475569;
-        width: 8px;
-      }
-      /* Child count badge */
-      .wf-badge {
-        font-size: 10px;
-        padding: 0 5px;
-        border-radius: 8px;
-        background: #1e293b;
-        color: #64748b;
-        flex-shrink: 0;
-      }
-      /* Mini waterfall */
-      .mini-wf {
-        height: 20px;
-        background: #1f2937;
-        border-radius: 3px;
-        position: relative;
-        overflow: hidden;
-      }
-      .mini-wf-bar {
-        position: absolute;
-        height: 6px;
-        border-radius: 1px;
-        min-width: 2px;
-        top: 50%;
-        transform: translateY(-50%);
-      }
-      /* Trace cards */
-      .trace-card {
-        display: block;
-        margin-bottom: 8px;
-        background: #111827;
-        border: 1px solid #1e293b;
-        border-radius: 6px;
-        overflow: hidden;
-        text-decoration: none;
-        color: inherit;
-        transition: border-color 0.15s;
-      }
-      .trace-card:hover {
-        border-color: #475569;
-      }
-      /* Trace list */
-      .tl-grid {
-        font-size: 12px;
-      }
-      .tl-cols {
-        display: grid;
-        grid-template-columns: 24px 1fr 48px 72px 90px;
-      }
-      .tl-header {
-        position: sticky;
-        top: 0;
-        z-index: 1;
-        background: #0f172a;
-        border-bottom: 1px solid #334155;
-        color: #64748b;
-        font-size: 11px;
-      }
-      .tl-row {
-        border-bottom: 1px solid #1e293b;
-      }
-      .tl-row[open] {
-        background: #111827;
-      }
-      .tl-summary {
-        cursor: pointer;
-        user-select: none;
-        list-style: none;
-      }
-      .tl-summary::-webkit-details-marker {
-        display: none;
-      }
-      .tl-summary:hover {
-        background: #1e293b;
-      }
-      .tl-cell {
-        padding: 6px 8px;
-        display: flex;
-        align-items: center;
-        overflow: hidden;
-      }
-      .tl-cell-name {
-        font-family: monospace;
-        color: #e2e8f0;
-        font-weight: 600;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
-      .tl-cell-spans {
-        color: #64748b;
-        font-size: 11px;
-        justify-content: flex-end;
-      }
-      .tl-cell-dur {
-        color: #64748b;
-        font-family: monospace;
-        font-size: 11px;
-        justify-content: flex-end;
-      }
-      .tl-cell-id {
-        color: #475569;
-        font-family: monospace;
-        font-size: 10px;
-      }
-      .tl-body {
-        padding: 8px 12px 12px;
-        border-top: 1px solid #1e293b;
-      }
-      /* Span detail panel */
-      .span-panel {
-        background: #111827;
-        border: 1px solid #1e293b;
-        border-radius: 6px;
-        overflow: hidden;
-        margin: 4px 0;
-      }
-      .span-panel-header {
-        padding: 6px 12px;
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        cursor: pointer;
-        user-select: none;
-      }
-      .span-panel-header:hover {
-        background: #1e293b;
-      }
-      .span-panel-body {
-        padding: 0 12px 8px;
-      }
-    </style>
-  </head>
-  <body>
-    %children%
-  </body>
-</html>

package/src/console/index.ts DELETED Viewed

@@ -1,3 +0,0 @@
-export * as Console from "./Console.ts"
-export * as ConsoleStore from "./ConsoleStore.ts"
-export * as Simulation from "./Simulation.ts"

package/src/console/routes/errors/route.tsx DELETED Viewed

@@ -1,97 +0,0 @@
-import * as Stream from "effect/Stream"
-import * as Route from "../../../Route.ts"
-import * as HyperHtml from "../../../hyper/HyperHtml.ts"
-import * as HyperRoute from "../../../hyper/HyperRoute.ts"
-import * as ConsoleStore from "../../ConsoleStore.ts"
-import * as Errors from "../../ui/Errors.tsx"
-import * as Shell from "../../ui/Shell.tsx"
-const prefix = ConsoleStore.store.prefix
-function collectTags(): Array<string> {
-  const tags = new Set<string>()
-  for (const error of ConsoleStore.store.errors.toArray()) {
-    for (const d of error.details) {
-      if (d.tag) tags.add(d.tag)
-    }
-  }
-  return Array.from(tags).sort()
-}
-function filterErrors(url: URL): Array<ConsoleStore.ConsoleError> {
-  const search = url.searchParams.get("errorSearch") || ""
-  const tag = url.searchParams.get("errorTag") || ""
-  let errors = ConsoleStore.store.errors.toArray()
-  if (tag) {
-    errors = errors.filter((e) => e.details.some((d) => d.tag && d.tag.startsWith(tag)))
-  }
-  if (search) {
-    const lower = search.toLowerCase()
-    errors = errors.filter((e) => {
-      const firstLine = e.prettyPrint.split("\n")[0] ?? ""
-      return firstLine.toLowerCase().includes(lower)
-    })
-  }
-  return errors.reverse()
-}
-export default Route.get(
-  HyperRoute.html(function* (ctx) {
-    const url = new URL(ctx.request.url)
-    const errors = filterErrors(url)
-    const tags = collectTags()
-    return (
-      <Shell.Shell prefix={prefix} active="errors">
-        <form
-          data-signals={{ errorSearch: "", errorTag: "" }}
-          style="display:flex;flex-direction:column;flex:1;overflow:hidden"
-        >
-          <div class="tab-header">Errors</div>
-          <div class="filter-bar">
-            <input
-              type="text"
-              name="errorSearch"
-              placeholder="Search..."
-              data-bind:errorSearch
-              data-on:input={(c) => c.actions.get(location.href, { contentType: "form" })}
-            />
-            <input
-              type="text"
-              name="errorTag"
-              placeholder="Tag..."
-              list="error-tags"
-              data-bind:errorTag
-              data-on:input={(c) => c.actions.get(location.href, { contentType: "form" })}
-            />
-            <datalist id="error-tags">
-              {tags.map((t) => (
-                <option value={t} />
-              ))}
-            </datalist>
-          </div>
-          <div id="errors-list" class="tab-body">
-            {errors.map((e) => (
-              <Errors.ErrorLine error={e} />
-            ))}
-          </div>
-        </form>
-      </Shell.Shell>
-    )
-  }),
-  Route.sse(
-    Stream.fromPubSub(ConsoleStore.store.events).pipe(
-      Stream.filter((e) => e._tag === "Error"),
-      Stream.map((e) => {
-        const html = HyperHtml.renderToString(<Errors.ErrorLine error={e.error} />).replace(
-          /\n/g,
-          "",
-        )
-        return {
-          event: "datastar-patch-elements",
-          data: `selector #errors-list\nmode prepend\nelements ${html}`,
-        }
-      }),
-    ),
-  ),
-)

package/src/console/routes/fiberDetail.tsx DELETED Viewed

@@ -1,54 +0,0 @@
-import * as Schema from "effect/Schema"
-import * as Route from "../../Route.ts"
-import * as RouteSchema from "../../RouteSchema.ts"
-import * as HyperRoute from "../../hyper/HyperRoute.ts"
-import * as ConsoleStore from "../ConsoleStore.ts"
-import * as Fibers from "../ui/Fibers.tsx"
-import * as Shell from "../ui/Shell.tsx"
-export default Route.get(
-  RouteSchema.schemaPathParams(Schema.Struct({ id: Schema.String })),
-  HyperRoute.html(function* (ctx) {
-    const fiberId = ctx.pathParams.id
-    const fiberName = fiberId.startsWith("#") ? fiberId : `#${fiberId}`
-    const allLogs = ConsoleStore.store.logs.toArray()
-    const fiberLogs = allLogs.filter((l) => l.fiberId === fiberName)
-    const allSpans = ConsoleStore.store.spans.toArray()
-    const fiberSpans = allSpans.filter((s) => {
-      const spanFiber = s.attributes["fiber.id"] as string | undefined
-      return spanFiber === fiberName
-    })
-    const fiberNum = parseInt(fiberName.slice(1), 10)
-    const counter = ConsoleStore.fiberIdCounter()
-    let alive: "alive" | "dead" | "unknown" = "unknown"
-    if (!isNaN(fiberNum)) {
-      if (fiberNum < counter) alive = "dead"
-      else alive = "unknown"
-    }
-    if (fiberLogs.length > 0 || fiberSpans.length > 0) {
-      const hasRecent = fiberLogs.some((l) => Date.now() - l.date.getTime() < 5000)
-      if (hasRecent) alive = "alive"
-      else if (fiberNum < counter) alive = "dead"
-    }
-    const parents = Fibers.getParentChain(fiberName, ConsoleStore.store.fiberParents)
-    const fiberContext = ConsoleStore.store.fiberContexts.get(fiberName)
-    return (
-      <Shell.Shell prefix={ConsoleStore.store.prefix} active="fibers">
-        <Fibers.FiberDetail
-          prefix={ConsoleStore.store.prefix}
-          fiberId={fiberName}
-          logs={fiberLogs}
-          spans={fiberSpans}
-          alive={alive}
-          parents={parents}
-          context={fiberContext}
-        />
-      </Shell.Shell>
-    )
-  }),
-)

package/src/console/routes/fibers/route.tsx DELETED Viewed

@@ -1,45 +0,0 @@
-import * as Stream from "effect/Stream"
-import * as Route from "../../../Route.ts"
-import * as HyperHtml from "../../../hyper/HyperHtml.ts"
-import * as HyperRoute from "../../../hyper/HyperRoute.ts"
-import * as ConsoleStore from "../../ConsoleStore.ts"
-import * as Fibers from "../../ui/Fibers.tsx"
-import * as Shell from "../../ui/Shell.tsx"
-export default Route.get(
-  HyperRoute.html(function* () {
-    const fibers = Fibers.collectFibers(
-      ConsoleStore.store.logs.toArray(),
-      ConsoleStore.store.spans.toArray(),
-    )
-    return (
-      <Shell.Shell prefix={ConsoleStore.store.prefix} active="fibers">
-        <div style="display:flex;flex-direction:column;flex:1;overflow:hidden">
-          <div class="tab-header">Fibers</div>
-          <div id="fibers-container" class="tab-body">
-            <Fibers.FiberList fibers={fibers} prefix={ConsoleStore.store.prefix} />
-          </div>
-          <div data-init={`@get('${ConsoleStore.store.prefix}/fibers')`} />
-        </div>
-      </Shell.Shell>
-    )
-  }),
-  Route.sse(
-    Stream.fromPubSub(ConsoleStore.store.events).pipe(
-      Stream.filter((e) => e._tag === "SpanStart" || e._tag === "SpanEnd" || e._tag === "Log"),
-      Stream.map(() => {
-        const fibers = Fibers.collectFibers(
-          ConsoleStore.store.logs.toArray(),
-          ConsoleStore.store.spans.toArray(),
-        )
-        const html = HyperHtml.renderToString(
-          <Fibers.FiberList fibers={fibers} prefix={ConsoleStore.store.prefix} />,
-        ).replace(/\n/g, "")
-        return {
-          event: "datastar-patch-elements",
-          data: `selector #fibers-container\nmode inner\nelements ${html}`,
-        }
-      }),
-    ),
-  ),
-)

package/src/console/routes/git/route.tsx DELETED Viewed

@@ -1,64 +0,0 @@
-import * as Effect from "effect/Effect"
-import * as Schedule from "effect/Schedule"
-import * as Stream from "effect/Stream"
-import * as ChildProcess from "../../../ChildProcess.ts"
-import * as Route from "../../../Route.ts"
-import * as HyperHtml from "../../../hyper/HyperHtml.ts"
-import * as HyperRoute from "../../../hyper/HyperRoute.ts"
-import * as ConsoleStore from "../../ConsoleStore.ts"
-import * as Git from "../../ui/Git.tsx"
-import * as Shell from "../../ui/Shell.tsx"
-const exec = (args: Array<string>, cwd?: string) =>
-  Effect.gen(function* () {
-    const handle = yield* ChildProcess.make("git", args, cwd ? { cwd } : undefined)
-    return yield* handle.stdout.pipe(Stream.decodeText("utf-8"), Stream.mkString)
-  }).pipe(Effect.catchAll(() => Effect.succeed("")))
-const gitStatus = exec(["rev-parse", "--show-toplevel"]).pipe(
-  Effect.flatMap((root) => {
-    const cwd = root.trim()
-    return Effect.all(
-      {
-        porcelain: exec(["status", "--porcelain=v2", "--branch"], cwd),
-        tag: exec(["describe", "--tags", "--abbrev=0"], cwd),
-        tagDistance: exec(["rev-list", "--count", "HEAD", "--not", "--tags"], cwd),
-      },
-      { concurrency: "unbounded" },
-    )
-  }),
-  Effect.map(({ porcelain, tag, tagDistance }) =>
-    Git.parseGitStatus(porcelain, `${tag.trim()}\n${tagDistance.trim()}`),
-  ),
-)
-export default Route.get(
-  HyperRoute.html(function* () {
-    const status = yield* gitStatus
-    return (
-      <Shell.Shell prefix={ConsoleStore.store.prefix} active="git">
-        <div class="tab-header">Git</div>
-        <div id="git-container" class="tab-body">
-          <Git.GitStatusView status={status} />
-        </div>
-        <div data-init={`@get('${ConsoleStore.store.prefix}/git')`} />
-      </Shell.Shell>
-    )
-  }),
-  Route.sse(
-    Stream.repeatEffect(
-      gitStatus.pipe(
-        Effect.map((status) => {
-          const html = HyperHtml.renderToString(<Git.GitStatusView status={status} />).replace(
-            /\n/g,
-            "",
-          )
-          return {
-            event: "datastar-patch-elements" as const,
-            data: `selector #git-container\nmode inner\nelements ${html}`,
-          }
-        }),
-      ),
-    ).pipe(Stream.schedule(Schedule.spaced("2 seconds"))),
-  ),
-)

package/src/console/routes/layout.tsx DELETED Viewed

@@ -1,4 +0,0 @@
-import * as BunRoute from "../../bun/BunRoute.ts"
-import * as Route from "../../Route.ts"
-export default Route.use(BunRoute.htmlBundle(() => import("../console.html")))

package/src/console/routes/logs/route.tsx DELETED Viewed

@@ -1,77 +0,0 @@
-import * as Stream from "effect/Stream"
-import * as Route from "../../../Route.ts"
-import * as HyperHtml from "../../../hyper/HyperHtml.ts"
-import * as HyperRoute from "../../../hyper/HyperRoute.ts"
-import * as ConsoleStore from "../../ConsoleStore.ts"
-import * as Logs from "../../ui/Logs.tsx"
-import * as Shell from "../../ui/Shell.tsx"
-const prefix = ConsoleStore.store.prefix
-function filterLogs(url: URL): Array<ConsoleStore.ConsoleLog> {
-  const level = url.searchParams.get("logLevel") || ""
-  const search = url.searchParams.get("logSearch") || ""
-  let logs = ConsoleStore.store.logs.toArray()
-  if (level) logs = logs.filter((l) => l.level === level)
-  if (search) {
-    const lower = search.toLowerCase()
-    logs = logs.filter((l) => l.message.toLowerCase().includes(lower))
-  }
-  return logs.reverse()
-}
-export default Route.get(
-  HyperRoute.html(function* (ctx) {
-    const url = new URL(ctx.request.url)
-    const logs = filterLogs(url)
-    return (
-      <Shell.Shell prefix={prefix} active="logs">
-        <form
-          data-signals={{ logLevel: "", logSearch: "" }}
-          style="display:flex;flex-direction:column;flex:1;overflow:hidden"
-        >
-          <div class="tab-header">Logs</div>
-          <div class="filter-bar">
-            <select
-              name="logLevel"
-              data-bind:logLevel
-              data-on:change={(c) => c.actions.get(location.href, { contentType: "form" })}
-            >
-              <option value="">All levels</option>
-              <option value="DEBUG">DEBUG</option>
-              <option value="INFO">INFO</option>
-              <option value="WARNING">WARNING</option>
-              <option value="ERROR">ERROR</option>
-              <option value="FATAL">FATAL</option>
-            </select>
-            <input
-              type="text"
-              name="logSearch"
-              placeholder="Search..."
-              data-bind:logSearch
-              data-on:input={(c) => c.actions.get(location.href, { contentType: "form" })}
-            />
-          </div>
-          <div id="logs-container" class="tab-body">
-            {logs.map((l) => (
-              <Logs.LogLine log={l} />
-            ))}
-          </div>
-        </form>
-      </Shell.Shell>
-    )
-  }),
-  Route.sse(
-    Stream.fromPubSub(ConsoleStore.store.events).pipe(
-      Stream.filter((e) => e._tag === "Log"),
-      Stream.map((e) => {
-        const html = HyperHtml.renderToString(<Logs.LogLine log={e.log} />).replace(/\n/g, "")
-        return {
-          event: "datastar-patch-elements",
-          data: `selector #logs-container\nmode prepend\nelements ${html}`,
-        }
-      }),
-    ),
-  ),
-)