effect-start 0.23.1 → 0.25.0

package/dist/bundler/BundleRoute.js

@@ -1,12 +1,13 @@
-import * as Effect from "effect/Effect";
-import * as Layer from "effect/Layer";
-import * as Option from "effect/Option";
-import * as Entity from "../Entity.js";
-import * as PathPattern from "../PathPattern.js";
-import * as Route from "../Route.js";
-import * as RouteTree from "../RouteTree.js";
-import * as Values from "../Values.js";
-import * as Bundle from "./Bundle.js";
+import * as Effect from "effect/Effect"
+import * as Layer from "effect/Layer"
+import * as Option from "effect/Option"
+import * as Entity from "../Entity.js"
+import * as PathPattern from "../PathPattern.js"
+import * as Route from "../Route.js"
+import * as RouteTree from "../RouteTree.js"
+import * as Values from "../Values.js"
+import * as Bundle from "./Bundle.js"
+
 /**
  * Creates a GET route that serves bundle artifacts.
  * Mount at a path with a wildcard param (any name works).
@@ -17,35 +18,45 @@ import * as Bundle from "./Bundle.js";
  * })
  * ```
  */
-export const make = (tag) => Route.get(Route.render(function* (ctx) {
-    const bundle = yield* tag;
-    const url = new URL(ctx.request.url);
-    const mountPath = ctx.path ?? "/";
-    const params = PathPattern.match(mountPath, url.pathname);
-    const artifactPath = params ? Values.firstValue(params) : undefined;
-    if (!artifactPath) {
-        return Entity.make(new Uint8Array(0), { status: 404 });
-    }
-    const blob = bundle.getArtifact(artifactPath);
-    if (!blob) {
-        return Entity.make(new Uint8Array(0), { status: 404 });
-    }
-    const bytes = new Uint8Array(yield* Effect.promise(() => blob.arrayBuffer()));
-    return Entity.make(bytes, {
+export const make = (tag) =>
+  Route.get(
+    Route.render(function* (ctx) {
+      const bundle = yield* tag
+      const url = new URL(ctx.request.url)
+      const mountPath = (ctx).path ?? "/"
+      const params = PathPattern.match(mountPath, url.pathname)
+      const artifactPath = params ? Values.firstValue(params) : undefined
+      if (!artifactPath) {
+        return Entity.make(new Uint8Array(0), { status: 404 })
+      }
+      const blob = bundle.getArtifact(artifactPath)
+      if (!blob) {
+        return Entity.make(new Uint8Array(0), { status: 404 })
+      }
+      const bytes = new Uint8Array(yield* Effect.promise(() => blob.arrayBuffer()))
+      return Entity.make(bytes, {
         headers: {
-            "content-type": blob.type || "application/octet-stream",
-            "cache-control": "public, max-age=31536000, immutable",
+          "content-type": blob.type || "application/octet-stream",
+          "cache-control": "public, max-age=31536000, immutable",
         },
-    });
-}));
-export const client = () => make(Bundle.ClientBundle);
-export const layer = (options) => Layer.effect(Route.Routes, Effect.gen(function* () {
-    const existing = yield* Effect.serviceOption(Route.Routes).pipe(Effect.andThen(Option.getOrUndefined));
-    const path = options?.path ?? "/_bundle/:path+";
-    const bundleTree = Route.tree({
+      })
+    }),
+  )
+
+export const client = () => make(Bundle.ClientBundle)
+
+export const layer = (options) =>
+  Layer.effect(
+    Route.Routes,
+    Effect.gen(function* () {
+      const existing = yield* Effect.serviceOption(Route.Routes).pipe(
+        Effect.andThen(Option.getOrUndefined),
+      )
+      const path = options?.path ?? "/_bundle/:path+"
+      const bundleTree = Route.tree({
         [path]: make(options?.bundle ?? Bundle.ClientBundle),
-    });
-    if (!existing)
-        return bundleTree;
-    return RouteTree.merge(existing, bundleTree);
-}));
+      })
+      if (!existing) return bundleTree
+      return RouteTree.merge(existing, bundleTree)
+    }),
+  )

package/dist/client/Overlay.js

@@ -1,32 +1,33 @@
-const OVERLAY_ID = "_bundler_error_overlay";
+const OVERLAY_ID = "_bundler_error_overlay"
+
 export function getOverlay() {
-    let overlay = document.getElementById(OVERLAY_ID);
-    if (!overlay) {
-        overlay = document.createElement("pre");
-        overlay.id = OVERLAY_ID;
-        Object.assign(overlay.style, {
-            position: "fixed",
-            top: "0",
-            left: "0",
-            right: "0",
-            maxHeight: "40%",
-            overflowY: "auto",
-            margin: "0",
-            padding: "4px",
-            background: "black",
-            color: "red",
-            fontFamily: "monospace",
-            zIndex: "2147483647",
-            whiteSpace: "pre-wrap",
-        });
-        document.body.appendChild(overlay);
-    }
-    return overlay;
+  let overlay = document.getElementById(OVERLAY_ID)
+  if (!overlay) {
+    overlay = document.createElement("pre")
+    overlay.id = OVERLAY_ID
+    Object.assign(overlay.style, {
+      position: "fixed",
+      top: "0",
+      left: "0",
+      right: "0",
+      maxHeight: "40%",
+      overflowY: "auto",
+      margin: "0",
+      padding: "4px",
+      background: "black",
+      color: "red",
+      fontFamily: "monospace",
+      zIndex: "2147483647",
+      whiteSpace: "pre-wrap",
+    })
+    document.body.appendChild(overlay)
+  }
+  return overlay
 }
+
 export function showBuildError(message) {
-    const overlay = getOverlay();
-    const atBottom = overlay.scrollTop + overlay.clientHeight >= overlay.scrollHeight - 1;
-    overlay.textContent += message + "\n";
-    if (atBottom)
-        overlay.scrollTop = overlay.scrollHeight;
+  const overlay = getOverlay()
+  const atBottom = overlay.scrollTop + overlay.clientHeight >= overlay.scrollHeight - 1
+  overlay.textContent += message + "\n"
+  if (atBottom) overlay.scrollTop = overlay.scrollHeight
 }

package/dist/client/ScrollState.js

@@ -1,94 +1,106 @@
-const ScrollKey = "_BUNDLER_SCROLL";
+const ScrollKey = "_BUNDLER_SCROLL"
+
 /**
  * Persist current scroll state to session storage.
  * Scroll state is saved relatively to visible elements.
  */
 export function persist() {
-    const anchors = [];
-    const step = window.innerHeight / 4;
-    for (let i = 1; i <= 3; i++) {
-        const y = step * i;
-        const element = document.elementFromPoint(0, y);
-        if (!element)
-            continue;
-        const target = element.id ? element : (element.closest("[id]") ?? element);
-        anchors.push({
-            selector: selectorFromElement(target),
-            offset: target.getBoundingClientRect().top,
-        });
-    }
-    const state = {
-        anchors,
-        scrollY: window.scrollY,
-    };
-    sessionStorage.setItem(ScrollKey, JSON.stringify(state));
+  const anchors = []
+  const step = window.innerHeight / 4
+
+  for (let i = 1; i <= 3; i++) {
+    const y = step * i
+    const element = document.elementFromPoint(0, y)
+    if (!element) continue
+    const target = element.id ? element : (element.closest("[id]") ?? element)
+
+    anchors.push({
+      selector: selectorFromElement(target),
+      offset: target.getBoundingClientRect().top,
+    })
+  }
+
+  const state = {
+    anchors,
+    scrollY: window.scrollY,
+  }
+
+  sessionStorage.setItem(ScrollKey, JSON.stringify(state))
 }
+
 export function restore() {
-    const timeout = 3000;
-    const tick = 50;
-    const raw = sessionStorage.getItem(ScrollKey);
-    if (!raw)
-        return;
-    sessionStorage.removeItem(ScrollKey);
-    const state = JSON.parse(raw);
-    const apply = () => {
-        for (const anchor of state.anchors) {
-            const element = document.querySelector(anchor.selector);
-            if (element) {
-                const rect = element.getBoundingClientRect();
-                const top = window.scrollY + rect.top - anchor.offset;
-                window.scrollTo({
-                    top,
-                });
-                return;
-            }
-        }
+  const timeout = 3000
+  const tick = 50
+  const raw = sessionStorage.getItem(ScrollKey)
+  if (!raw) return
+
+  sessionStorage.removeItem(ScrollKey)
+
+  const state = JSON.parse(raw)
+
+  const apply = () => {
+    for (const anchor of state.anchors) {
+      const element = document.querySelector(anchor.selector)
+      if (element) {
+        const rect = element.getBoundingClientRect()
+        const top = window.scrollY + rect.top - anchor.offset
         window.scrollTo({
-            top: state.scrollY,
-        });
-    };
-    let observer;
-    let stableTimer;
-    const deadline = setTimeout(() => {
-        observer.disconnect();
-        if (stableTimer)
-            clearTimeout(stableTimer);
-        apply();
-    }, timeout);
-    observer = new MutationObserver(() => {
-        if (stableTimer)
-            clearTimeout(stableTimer);
-        stableTimer = setTimeout(() => {
-            observer.disconnect();
-            clearTimeout(deadline);
-            apply();
-        }, tick);
-    });
-    observer.observe(document.body, {
-        subtree: true,
-        childList: true,
-        attributes: true,
-        characterData: true,
-    });
+          top,
+        })
+        return
+      }
+    }
+
+    window.scrollTo({
+      top: state.scrollY,
+    })
+  }
+
+  let observer
+  let stableTimer
+  const deadline = setTimeout(() => {
+    observer.disconnect()
+    if (stableTimer) clearTimeout(stableTimer)
+    apply()
+  }, timeout)
+
+  observer = new MutationObserver(() => {
+    if (stableTimer) clearTimeout(stableTimer)
     stableTimer = setTimeout(() => {
-        observer.disconnect();
-        clearTimeout(deadline);
-        apply();
-    }, tick);
+      observer.disconnect()
+      clearTimeout(deadline)
+      apply()
+    }, tick)
+  })
+
+  observer.observe(document.body, {
+    subtree: true,
+    childList: true,
+    attributes: true,
+    characterData: true,
+  })
+
+  stableTimer = setTimeout(() => {
+    observer.disconnect()
+    clearTimeout(deadline)
+    apply()
+  }, tick)
 }
+
 function selectorFromElement(element) {
-    if (element.id) {
-        return `#${CSS.escape(element.id)}`;
-    }
-    const parts = [];
-    let current = element;
-    while (current && current !== document.body) {
-        const parent = current.parentElement;
-        if (!parent)
-            break;
-        const index = Array.from(parent.children).indexOf(current) + 1;
-        parts.unshift(`${current.tagName.toLowerCase()}:nth-child(${index})`);
-        current = parent;
-    }
-    return parts.join(" > ");
+  if (element.id) {
+    return `#${CSS.escape(element.id)}`
+  }
+  const parts = []
+  let current = element
+
+  while (current && current !== document.body) {
+    const parent = current.parentElement
+    if (!parent) break
+    const index = Array.from(parent.children).indexOf(current) + 1
+    parts.unshift(`${current.tagName.toLowerCase()}:nth-child(${index})`)
+    current = parent
+  }
+
+  return parts.join(" > ")
 }

package/dist/client/index.js

@@ -3,77 +3,95 @@
  * It is responsible for live reloading the page when bundle changes.
  * When NODE_ENV=production, it does nothing.
  */
-import * as Overlay from "./Overlay.js";
-import * as ScrollState from "./ScrollState.js";
-const BUNDLE_URL = globalThis._BUNDLE_URL ?? "/_bundle";
+
+/// <reference lib="dom" />
+/// <reference lib="dom.iterable" />
+
+import * as Overlay from "./Overlay.js"
+import * as ScrollState from "./ScrollState.js"
+
+const BUNDLE_URL = globalThis._BUNDLE_URL ?? "/_bundle"
+
 function reload() {
-    ScrollState.persist();
-    window.location.reload();
+  ScrollState.persist()
+  window.location.reload()
 }
+
 async function loadAllEntrypoints() {
-    const manifest = await fetch(`/${BUNDLE_URL}/manifest.json`).then((v) => v.json());
-    manifest.artifacts
-        .filter((v) => v.path.endsWith(".js"))
-        .forEach((artifact) => {
-        console.log(artifact.path);
-        const script = document.createElement("script");
-        script.src = `${BUNDLE_URL}/${artifact.path}`;
-        script.type = "module";
-        script.onload = () => {
-            console.debug("Bundle reloaded");
-        };
-        document.body.appendChild(script);
-    });
+  const manifest = await fetch(`/${BUNDLE_URL}/manifest.json`).then((v) =>
+    v.json(),
+  )
+
+  manifest.artifacts
+    .filter((v) => v.path.endsWith(".js"))
+    .forEach((artifact) => {
+      console.log(artifact.path)
+      const script = document.createElement("script")
+      script.src = `${BUNDLE_URL}/${artifact.path}`
+      script.type = "module"
+      script.onload = () => {
+        console.debug("Bundle reloaded")
+      }
+      document.body.appendChild(script)
+    })
 }
+
 function handleBundleEvent(event) {
-    switch (event._tag) {
-        case "Change":
-            console.debug("Bundle change detected...");
-            reload();
-            break;
-        case "BuildError":
-            Overlay.showBuildError(event.error);
-            break;
-    }
+  switch (event._tag) {
+    case "Change":
+      console.debug("Bundle change detected...")
+      reload()
+      break
+    case "BuildError":
+      Overlay.showBuildError(event.error)
+      break
+  }
 }
+
 function listen() {
-    const eventSource = new EventSource(`${BUNDLE_URL}/events`);
-    eventSource.addEventListener("message", (event) => {
-        try {
-            reloadAllMetaLinks();
-            const data = JSON.parse(event.data);
-            handleBundleEvent(data);
-        }
-        catch (error) {
-            console.error("Error parsing SSE event", {
-                error,
-                event,
-            });
-        }
-    });
-    eventSource.addEventListener("error", (error) => {
-        console.error("SSE connection error:", error);
-    });
-    return () => {
-        eventSource.close();
-    };
+  const eventSource = new EventSource(`${BUNDLE_URL}/events`)
+
+  eventSource.addEventListener("message", (event) => {
+    try {
+      reloadAllMetaLinks()
+      const data = JSON.parse(event.data)
+
+      handleBundleEvent(data)
+    } catch (error) {
+      console.error("Error parsing SSE event", {
+        error,
+        event,
+      })
+    }
+  })
+
+  eventSource.addEventListener("error", (error) => {
+    console.error("SSE connection error:", error)
+  })
+
+  return () => {
+    eventSource.close()
+  }
 }
+
 function reloadAllMetaLinks() {
-    for (const link of document.getElementsByTagName("link")) {
-        const url = new URL(link.href);
-        if (url.host === window.location.host) {
-            const next = link.cloneNode();
-            // TODO: this won't work when link already has query params
-            next.href = next.href + "?" + Math.random().toString(36).slice(2);
-            next.onload = () => link.remove();
-            link.parentNode.insertBefore(next, link.nextSibling);
-            return;
-        }
+  for (const link of document.getElementsByTagName("link")) {
+    const url = new URL(link.href)
+
+    if (url.host === window.location.host) {
+      const next = link.cloneNode()
+      // TODO: this won't work when link already has query params
+      next.href = next.href + "?" + Math.random().toString(36).slice(2)
+      next.onload = () => link.remove()
+      link.parentNode.insertBefore(next, link.nextSibling)
+      return
     }
+  }
 }
+
 if (process.env.NODE_ENV !== "production") {
-    window.addEventListener("load", () => {
-        ScrollState.restore();
-        listen();
-    });
+  window.addEventListener("load", () => {
+    ScrollState.restore()
+    listen()
+  })
 }

package/dist/console/Console.js

@@ -1,26 +1,42 @@
-import * as Effect from "effect/Effect";
-import * as Layer from "effect/Layer";
-import * as Route from "../Route.js";
-import * as RouteTree from "../RouteTree.js";
-import * as ConsoleErrors from "./ConsoleErrors.js";
-import * as ConsoleLogger from "./ConsoleLogger.js";
-import * as ConsoleMetrics from "./ConsoleMetrics.js";
-import * as ConsoleProcess from "./ConsoleProcess.js";
-import * as ConsoleStore from "./ConsoleStore.js";
-import * as ConsoleTracer from "./ConsoleTracer.js";
-import consoleRoutes from "./routes/tree.js";
-export { ConsoleStore } from "./ConsoleStore.js";
-export function layer(options) {
-    const store = ConsoleStore.layer(options);
-    return Layer.mergeAll(ConsoleTracer.layer, ConsoleLogger.layer, ConsoleMetrics.layer, ConsoleErrors.layer, ConsoleProcess.layer).pipe(Layer.provideMerge(store));
+import * as Effect from "effect/Effect"
+import * as Layer from "effect/Layer"
+import * as Route from "../Route.js"
+import * as RouteTree from "../RouteTree.js"
+import * as ConsoleErrors from "./ConsoleErrors.js"
+import * as ConsoleLogger from "./ConsoleLogger.js"
+import * as ConsoleMetrics from "./ConsoleMetrics.js"
+import * as ConsoleProcess from "./ConsoleProcess.js"
+import * as ConsoleStore from "./ConsoleStore.js"
+import * as ConsoleTracer from "./ConsoleTracer.js"
+import consoleRoutes from "./routes/tree.js"
+
+export { ConsoleStore } from "./ConsoleStore.js"
+
+export function layer(
+  options,
+) {
+  const store = ConsoleStore.layer(options)
+  return Layer.mergeAll(
+    ConsoleTracer.layer,
+    ConsoleLogger.layer,
+    ConsoleMetrics.layer,
+    ConsoleErrors.layer,
+    ConsoleProcess.layer,
+  ).pipe(Layer.provideMerge(store))
 }
-export function routeLayer(prefix) {
-    return Layer.effect(Route.Routes, Effect.gen(function* () {
-        const existing = yield* Route.Routes;
-        ConsoleStore.store.prefix = prefix;
-        const tree = Route.tree({
-            [prefix]: consoleRoutes,
-        });
-        return RouteTree.merge(existing, tree);
-    }));
+
+export function routeLayer(
+  prefix,
+) {
+  return Layer.effect(
+    Route.Routes,
+    Effect.gen(function* () {
+      const existing = yield* Route.Routes
+      ConsoleStore.store.prefix = prefix
+      const tree = Route.tree({
+        [prefix as "/"]: consoleRoutes,
+      })
+      return RouteTree.merge(existing, tree)
+    }),
+  )
 }