apps 0.0.1-beta.0

package/js/ui/serving.js

@@ -0,0 +1,286 @@
+import {
+  appPrivateHeaders
+} from "../chunk-BKVL7XAJ.js";
+import {
+  UiForbidden
+} from "../chunk-3ANFZFCV.js";
+import {
+  CurrentTelemetryConfig
+} from "../chunk-OWD2YICM.js";
+import "../chunk-VFUZI3NY.js";
+import {
+  HttpServerRequest_exports,
+  HttpServerResponse_exports
+} from "../chunk-W7Q5EOTS.js";
+import "../chunk-36DNRFZQ.js";
+import {
+  Effect_exports
+} from "../chunk-2OTCEKL2.js";
+import "../chunk-MLKGABMK.js";
+
+// src/implementation/ui-errors.ts
+var installAppFailureUI = () => {
+  let dialogOpen = false;
+  let windowStart = Date.now(), reports = 0, dropped = 0;
+  const recent = /* @__PURE__ */ new Map();
+  const extension = /^(?:chrome|moz|safari-web)-extension:/;
+  const errorTypes = /* @__PURE__ */ new Set([
+    "Error",
+    "TypeError",
+    "ReferenceError",
+    "SyntaxError",
+    "RangeError",
+    "URIError",
+    "EvalError",
+    "AggregateError"
+  ]);
+  const sourceAttributes = (filename, line = 0, column = 0) => {
+    const attributes = [];
+    if (!URL.canParse(filename)) return attributes;
+    const url = new URL(filename);
+    if (url.origin !== location.origin || !url.pathname.startsWith("/_executor/assets/") || !url.pathname.endsWith(".js"))
+      return attributes;
+    attributes.push({ key: "code.file.path", value: { stringValue: url.pathname } });
+    if (Number.isSafeInteger(line) && line > 0)
+      attributes.push({ key: "code.line.number", value: { intValue: String(line) } });
+    if (Number.isSafeInteger(column) && column > 0)
+      attributes.push({ key: "code.column.number", value: { intValue: String(column) } });
+    return attributes;
+  };
+  const fail = (kind, details, attributes = []) => {
+    const now = Date.now();
+    if (now - windowStart >= 6e4) {
+      windowStart = now;
+      reports = 0;
+      recent.clear();
+    }
+    const signature = `${kind}:${details.slice(0, 2e3)}`;
+    const previous = recent.get(signature);
+    if (previous !== void 0 && now - previous < 1e3 || reports >= 20) {
+      dropped++;
+      return;
+    }
+    recent.set(signature, now);
+    reports++;
+    attributes.push({
+      key: "executor.ui.failure.suppressed",
+      value: { intValue: String(dropped) }
+    });
+    dropped = 0;
+    const traceId = Array.from(
+      crypto.getRandomValues(new Uint8Array(16)),
+      (byte) => byte.toString(16).padStart(2, "0")
+    ).join("");
+    const time = `${Date.now()}000000`;
+    let status;
+    let deliveryMessage = "Sending error report\u2026";
+    const show = () => {
+      if (dialogOpen) return;
+      dialogOpen = true;
+      const host = document.createElement("div");
+      const root = host.attachShadow({ mode: "open" });
+      const dialog = document.createElement("dialog");
+      dialog.setAttribute("aria-labelledby", "executor-failure-title");
+      const title = document.createElement("h2");
+      title.id = "executor-failure-title";
+      title.textContent = kind === "script" ? "This app could not load" : "This app stopped working";
+      const message = document.createElement("p");
+      message.textContent = kind === "script" ? "A file needed by this page did not load. Reload the page to try again." : "The app encountered an unexpected error. Reload the page to try again.";
+      const warning = document.createElement("p");
+      warning.textContent = "Copy any unsaved work before reloading.";
+      const disclosure = document.createElement("details");
+      const summary = document.createElement("summary");
+      summary.textContent = "Error details";
+      const report = document.createElement("textarea");
+      report.readOnly = true;
+      report.rows = 10;
+      report.cols = 36;
+      report.setAttribute("aria-label", "Error details");
+      report.value = `${details.slice(0, 12e3)}
+
+Diagnostic ID: ${traceId}`;
+      disclosure.append(summary, report);
+      status = document.createElement("p");
+      status.setAttribute("role", "status");
+      status.textContent = deliveryMessage;
+      const reload = document.createElement("button");
+      reload.type = "button";
+      reload.textContent = "Reload page";
+      reload.addEventListener("click", () => location.reload());
+      const close = document.createElement("button");
+      close.type = "button";
+      close.textContent = "Close";
+      close.addEventListener("click", () => dialog.close());
+      dialog.addEventListener("close", () => {
+        dialogOpen = false;
+        host.remove();
+      });
+      dialog.append(title, message, warning, disclosure, status, reload, close);
+      root.append(dialog);
+      document.documentElement.append(host);
+      dialog.showModal();
+    };
+    if (document.readyState === "loading") {
+      document.addEventListener("DOMContentLoaded", show, { once: true });
+    } else {
+      show();
+    }
+    void fetch("/_executor/api/telemetry/traces", {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      credentials: "same-origin",
+      keepalive: true,
+      body: JSON.stringify({
+        resourceSpans: [
+          {
+            scopeSpans: [
+              {
+                spans: [
+                  {
+                    traceId,
+                    spanId: traceId.slice(0, 16),
+                    name: "ui.app.failure",
+                    kind: 1,
+                    startTimeUnixNano: time,
+                    endTimeUnixNano: time,
+                    status: { code: 2 },
+                    attributes: [
+                      { key: "executor.ui.failure.kind", value: { stringValue: kind } },
+                      ...attributes
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      })
+    }).then(
+      (response) => {
+        deliveryMessage = response.ok ? "Error report sent." : "Could not send the error report. You can copy the error details.";
+        if (status) status.textContent = deliveryMessage;
+      },
+      () => {
+        deliveryMessage = "Could not send the error report. You can copy the error details.";
+        if (status) status.textContent = deliveryMessage;
+      }
+    );
+  };
+  window.addEventListener(
+    "error",
+    (event) => {
+      if (event instanceof ErrorEvent) {
+        if (extension.test(event.filename)) return;
+        const attributes = sourceAttributes(event.filename, event.lineno, event.colno);
+        if (event.error instanceof Error && errorTypes.has(event.error.name))
+          attributes.push({ key: "exception.type", value: { stringValue: event.error.name } });
+        fail(
+          "runtime",
+          event.error instanceof Error ? event.error.stack ?? event.message : event.message,
+          attributes
+        );
+      } else if (event.target instanceof HTMLScriptElement) {
+        fail(
+          "script",
+          `Could not load script: ${event.target.src}`,
+          sourceAttributes(event.target.src)
+        );
+      }
+    },
+    true
+  );
+  window.addEventListener("unhandledrejection", (event) => {
+    const reason = event.reason;
+    fail(
+      "rejection",
+      reason instanceof Error ? reason.stack ?? reason.message : "An app operation failed without handling its error."
+    );
+  });
+};
+var appFailureBootstrap = `<script>(${installAppFailureUI.toString()})()</script>`;
+
+// src/implementation/ui-serving.ts
+var appDocument = (options) => Effect_exports.gen(function* () {
+  const request = yield* HttpServerRequest_exports.HttpServerRequest;
+  const pathname = yield* Effect_exports.try(() => new URL(request.url, options.origin).pathname).pipe(
+    Effect_exports.mapError(() => new UiForbidden())
+  );
+  const file = pathname === "/" ? void 0 : yield* options.asset(pathname.slice(1));
+  if (file !== void 0 && file.contentType !== "text/html")
+    return HttpServerResponse_exports.uint8Array(file.body, {
+      contentType: file.contentType,
+      headers: appPrivateHeaders
+    });
+  if (pathname.includes(".") && pathname !== "/index.html")
+    return HttpServerResponse_exports.empty({ status: 404 });
+  const document2 = yield* options.asset("index.html");
+  if (document2 === void 0)
+    return HttpServerResponse_exports.text("This app has no UI.", {
+      status: 404,
+      headers: appPrivateHeaders
+    });
+  const context = JSON.stringify({
+    deployment: options.deployment,
+    profile: options.profile,
+    expectedProfileRevision: options.expectedProfileRevision
+  }).replaceAll("<", "\\u003c");
+  const telemetry = yield* CurrentTelemetryConfig;
+  const attribute = (text) => text.replaceAll("&", "&amp;").replaceAll('"', "&quot;").replaceAll("<", "&lt;");
+  const metadata = telemetry === void 0 ? "" : `<meta name="executor-build" content="${attribute(telemetry.version)}"><meta name="executor-environment" content="${attribute(telemetry.environment)}">`;
+  const boot = `${metadata}<base href="/_executor/assets/${attribute(options.deployment)}/"><script type="application/json" id="executor-context">${context}</script>${appFailureBootstrap}<script src="/_executor/watch.js" defer></script>`;
+  return HttpServerResponse_exports.text(
+    new TextDecoder().decode(document2.body).replace("<!--executor-ui-->", boot),
+    { contentType: "text/html", headers: appPrivateHeaders }
+  );
+});
+var appAsset = (asset, build, path) => Effect_exports.gen(function* () {
+  if (asset === void 0 || asset.contentType === "text/html")
+    return HttpServerResponse_exports.empty({ status: 404, headers: appPrivateHeaders });
+  const request = yield* HttpServerRequest_exports.HttpServerRequest;
+  const etag = `W/"${encodeURIComponent(build)}/${encodeURIComponent(path)}"`;
+  const headers = {
+    ...appPrivateHeaders,
+    "cache-control": "private, no-cache, must-revalidate",
+    vary: "Cookie",
+    etag
+  };
+  const matches = request.headers["if-none-match"]?.split(",").some(
+    (candidate) => candidate.trim() === "*" || candidate.trim().replace(/^W\//, "") === etag.slice(2)
+  );
+  return matches ? HttpServerResponse_exports.empty({ status: 304, headers }) : HttpServerResponse_exports.uint8Array(asset.body, { contentType: asset.contentType, headers });
+});
+
+// src/implementation/ui-watch.ts
+var installAppWatch = () => {
+  const context = document.getElementById("executor-context")?.textContent;
+  if (!context) return;
+  const pinned = JSON.parse(context);
+  if (typeof pinned !== "object" || pinned === null || !("deployment" in pinned)) return;
+  const deployment = pinned.deployment;
+  if (typeof deployment !== "string" || deployment.length === 0) return;
+  const stream = new EventSource("/_executor/version");
+  let reloading = false;
+  const reload = () => {
+    if (reloading) return;
+    reloading = true;
+    stream.close();
+    location.reload();
+  };
+  stream.addEventListener("version", (event) => {
+    const current = JSON.parse(event.data);
+    if (typeof current === "object" && current !== null && "deployment" in current && (current.deployment === null || typeof current.deployment === "string") && current.deployment !== deployment)
+      reload();
+  });
+  stream.addEventListener("revoked", reload);
+  window.addEventListener("executor:deployment-changed", reload);
+  window.addEventListener("pagehide", () => stream.close(), { once: true });
+  window.addEventListener("pageshow", (event) => {
+    if (event.persisted) reload();
+  });
+};
+var appWatchScript = `(${installAppWatch.toString()})()`;
+export {
+  appAsset,
+  appDocument,
+  appWatchScript
+};

package/package.json

@@ -0,0 +1,116 @@
+{
+  "name": "apps",
+  "version": "0.0.1-beta.0",
+  "description": "TypeScript apps with typed tools, accounts, storage, and UI.",
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./types/apps/src/index.d.ts",
+      "import": "./js/index.js"
+    },
+    "./contracts": {
+      "types": "./types/apps/src/contracts/host.d.ts",
+      "import": "./js/contracts.js"
+    },
+    "./host": {
+      "types": "./types/apps/src/host.d.ts",
+      "import": "./js/host.js"
+    },
+    "./effect": {
+      "types": "./types/apps/src/effect.d.ts",
+      "import": "./js/effect.js"
+    },
+    "./operations/approval": {
+      "types": "./types/apps/src/approval.d.ts",
+      "import": "./js/operations/approval.js"
+    },
+    "./client": {
+      "types": "./types/apps/src/client.d.ts",
+      "import": "./js/client.js"
+    },
+    "./mcp": {
+      "types": "./types/apps/src/mcp.d.ts",
+      "import": "./js/mcp.js"
+    },
+    "./mcp/stdio": {
+      "types": "./types/apps/src/mcp-stdio.d.ts",
+      "import": "./js/mcp/stdio.js"
+    },
+    "./mcp/effect": {
+      "types": "./types/apps/src/implementation/mcp.d.ts",
+      "import": "./js/mcp/effect.js"
+    },
+    "./graphql": {
+      "types": "./types/apps/src/graphql.d.ts",
+      "import": "./js/graphql.js"
+    },
+    "./openapi": {
+      "types": "./types/apps/src/openapi.d.ts",
+      "import": "./js/openapi.js"
+    },
+    "./ui/contracts": {
+      "types": "./types/apps/src/contracts/ui.d.ts",
+      "import": "./js/ui/contracts.js"
+    },
+    "./ui/auth": {
+      "types": "./types/apps/src/ui-auth.d.ts",
+      "import": "./js/ui/auth.js"
+    },
+    "./ui/serving": {
+      "types": "./types/apps/src/ui-serving.d.ts",
+      "import": "./js/ui/serving.js"
+    },
+    "./ui/auth/contracts": {
+      "types": "./types/apps/src/contracts/ui-auth.d.ts",
+      "import": "./js/ui/auth/contracts.js"
+    },
+    "./react": {
+      "types": "./types/apps/src/react.d.ts",
+      "import": "./js/react.js"
+    },
+    "./storage/facet": {
+      "types": "./types/apps/src/facet.d.ts",
+      "import": "./js/storage/facet.js"
+    },
+    "./package.json": "./package.json",
+    "./runtime.json": "./runtime.json",
+    "./framework-reference.json": "./framework-reference.json"
+  },
+  "files": [
+    "js",
+    "types",
+    "runtime.json",
+    "framework-reference.json",
+    "check-publish.mjs",
+    "README.md"
+  ],
+  "dependencies": {
+    "effect": "https://pkg.pr.new/Effect-TS/effect/effect@c7d1ffff31a3e2ae0b0b0796b742bddeb797269d",
+    "@effect/sql-sqlite-do": "https://pkg.pr.new/Effect-TS/effect/@effect/sql-sqlite-do@c7d1ffff31a3e2ae0b0b0796b742bddeb797269d",
+    "@cloudflare/workers-types": "5.20260729.1"
+  },
+  "peerDependencies": {
+    "@modelcontextprotocol/sdk": "^1.30.0",
+    "graphql": "^16.11.0",
+    "react": "^19.2.0"
+  },
+  "peerDependenciesMeta": {
+    "@modelcontextprotocol/sdk": {
+      "optional": true
+    },
+    "graphql": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "tag": "beta"
+  },
+  "scripts": {
+    "prepublishOnly": "node check-publish.mjs"
+  }
+}