apps 0.0.1-beta.10 → 0.0.1-beta.101

package/js/client.js

@@ -1,39 +1,38 @@
 import {
   AppUiApi,
-  HttpApiClient_exports,
   UiContext,
-  UiDeploymentChanged,
-  UiFailed
-} from "./chunk-IJX4CYZO.js";
+  UiFailed,
+  UiVersionChanged
+} from "./chunk-74H25C4X.js";
 import {
   AsyncResult_exports,
   AtomRegistry_exports,
   Atom_exports,
   queryResult
-} from "./chunk-M3B3DE4K.js";
-import "./chunk-PJJ24GU7.js";
+} from "./chunk-KLSEU35Y.js";
+import {
+  decoderOf
+} from "./chunk-VAI3EVCS.js";
 import {
   OtlpExporter_exports,
   externalTrace,
   pendingSpan,
   telemetryLayer,
   traceLinks
-} from "./chunk-ODEIDRGW.js";
+} from "./chunk-URKOTNDA.js";
 import {
   FetchHttpClient_exports
-} from "./chunk-57RKNWL2.js";
-import {
-  HttpClientError_exports
-} from "./chunk-UK573G7W.js";
+} from "./chunk-YDW7DX3A.js";
+import "./chunk-OWN3DP2W.js";
 import {
-  decoderOf
-} from "./chunk-5T57N25Q.js";
+  JsonValue
+} from "./chunk-7HG422GB.js";
 import {
-  StorageName
-} from "./chunk-PZB6T6KU.js";
+  HttpApiClient_exports
+} from "./chunk-DILSCQPJ.js";
 import {
-  JsonValue
-} from "./chunk-27F7W2LG.js";
+  HttpClientError_exports
+} from "./chunk-ACQXVKVQ.js";
 import {
   Cause_exports,
   Clock_exports,
@@ -46,25 +45,27 @@ import {
   Logger_exports,
   ManagedRuntime_exports,
   Option_exports,
+  Queue_exports,
   Schedule_exports,
   Schema_exports,
   Semaphore_exports,
   Stream_exports,
   Tracer_exports
-} from "./chunk-CDL5PM2Q.js";
+} from "./chunk-ZKDXML77.js";
 import "./chunk-CZ7CSFO4.js";
 
 // src/contracts/live.ts
+var OperationName = Schema_exports.NonEmptyString.check(Schema_exports.isMaxLength(200));
 var AppQueryFailed = class extends Schema_exports.TaggedError()("AppQueryFailed", {}) {
 };
 
 // src/implementation/live.ts
 var queryReference = (name) => ({
-  name: Schema_exports.decodeUnknownSync(StorageName)(name),
+  name: Schema_exports.decodeUnknownSync(OperationName)(name),
   kind: "query"
 });
 var mutationReference = (name) => ({
-  name: Schema_exports.decodeUnknownSync(StorageName)(name),
+  name: Schema_exports.decodeUnknownSync(OperationName)(name),
   kind: "mutation"
 });
 var liveQueryAtom = (reference, input, options) => Atom_exports.make(
@@ -475,6 +476,8 @@ var browserTelemetryLayer = (settings) => Layer_exports.unwrap(
           const onError = (event) => error("ui.error", event.error ?? new Error(event.message));
           const onRejection = (event) => error("ui.unhandled-rejection", event.reason);
           const onHidden = () => {
+            if (navigation !== void 0 && document.visibilityState === "hidden")
+              navigation.hidden = true;
             run(
               document.visibilityState === "hidden" ? performance.pause.pipe(Effect_exports.andThen(flush)) : performance.resume
             );
@@ -502,15 +505,27 @@ var browserTelemetryLayer = (settings) => Layer_exports.unwrap(
           return {
             flush,
             navigation: (event) => Effect_exports.sync(() => {
+              if (event.type === "load") return;
               if (event.type === "end") {
-                if (navigation !== void 0) Deferred_exports.doneUnsafe(navigation, Effect_exports.void);
+                if (navigation !== void 0) Deferred_exports.doneUnsafe(navigation.done, Effect_exports.void);
                 navigation = void 0;
                 return;
               }
-              if (navigation !== void 0) Deferred_exports.doneUnsafe(navigation, Effect_exports.interrupt);
-              navigation = Deferred_exports.makeUnsafe();
+              if (navigation !== void 0)
+                Deferred_exports.doneUnsafe(navigation.done, Effect_exports.interrupt);
+              const current = {
+                done: Deferred_exports.makeUnsafe(),
+                hidden: document.visibilityState === "hidden"
+              };
+              navigation = current;
               run(
-                Deferred_exports.await(navigation).pipe(
+                Deferred_exports.await(current.done).pipe(
+                  // Record visibility however the navigation ends, including when a later one interrupts it.
+                  Effect_exports.ensuring(
+                    Effect_exports.suspend(
+                      () => Effect_exports.annotateCurrentSpan("executor.navigation.hidden", current.hidden)
+                    )
+                  ),
                   Effect_exports.withSpan("ui.navigation", {
                     root: true,
                     attributes: { "url.path": event.path }
@@ -520,7 +535,7 @@ var browserTelemetryLayer = (settings) => Layer_exports.unwrap(
               );
             }).pipe(
               Effect_exports.andThen(
-                event.type === "start" ? performance.navigation(event.path) : Effect_exports.void
+                event.type === "end" ? Effect_exports.void : performance.navigation(event.path)
               )
             )
           };
@@ -793,12 +808,39 @@ var makeOptimisticClient = (transport) => {
 };
 
 // src/implementation/ui-client.ts
+var resubscribeDelay = Schedule_exports.min([
+  Schedule_exports.exponential("1 second"),
+  Schedule_exports.spaced("1 minute")
+]).pipe(Schedule_exports.jittered);
+var appFailure = (error) => Schema_exports.is(UiFailed)(error) && error.reason === "operation_failed";
+var resubscribes = (error) => HttpClientError_exports.isHttpClientError(error) || Cause_exports.isTimeoutError(error) || Schema_exports.is(UiFailed)(error) && error.reason !== "account_required";
+var Retrying = class {
+  constructor(error, previous) {
+    this.error = error;
+    this.previous = previous;
+  }
+  error;
+  previous;
+};
+var visibleResult = (result) => {
+  const current = AsyncResult_exports.value(result);
+  if (Option_exports.isNone(current) || !(current.value instanceof Retrying)) {
+    return result;
+  }
+  const previous = Option_exports.map(
+    Option_exports.fromUndefinedOr(current.value.previous),
+    AsyncResult_exports.success
+  );
+  return AsyncResult_exports.isSuccess(result) ? AsyncResult_exports.failureWithPrevious(Cause_exports.fail(current.value.error), { previous, waiting: true }) : AsyncResult_exports.failureWithPrevious(AsyncResult_exports.isFailure(result) ? result.cause : Cause_exports.empty, {
+    previous
+  });
+};
 var createAppClient = () => {
   const { runtime, atoms } = makeBrowserTelemetry(
     browserSettings("/_executor/api/telemetry", "executor-app-web")
   );
   const browser = atoms(Layer_exports.empty);
-  const deploymentChanged = Effect_exports.sync(() => {
+  const versionChanged = Effect_exports.sync(() => {
     window.dispatchEvent(new Event("executor:deployment-changed"));
   });
   let pendingWrites = 0;
@@ -840,14 +882,15 @@ var createAppClient = () => {
     const value = yield* api.ui[kind]({ payload: yield* payload(name, input) });
     return yield* Schema_exports.decodeUnknownEffect(decoderOf(output))(value);
   }).pipe(
-    Effect_exports.tapErrorTag("UiDeploymentChanged", () => deploymentChanged),
+    Effect_exports.tapErrorTag("UiDeploymentChanged", () => versionChanged),
     Effect_exports.withSpan(`ui.app.${kind}`, { attributes: { "executor.operation.name": name } })
   );
   const source = (name, input, output) => browser.atom(
     Stream_exports.suspend(() => {
       let previous;
       let attempts = 0;
-      return Stream_exports.unwrap(
+      let latest;
+      const subscription = Stream_exports.unwrap(
         Effect_exports.gen(function* () {
           const attempt = attempts++;
           const first = yield* pendingSpan("ui.app.first_result", {
@@ -895,73 +938,94 @@ var createAppClient = () => {
             Stream_exports.timeout("45 seconds"),
             Stream_exports.concat(Stream_exports.fail(new UiFailed({ reason: "unavailable" }))),
             Stream_exports.filter((frame) => frame.type !== "heartbeat"),
-            Stream_exports.mapEffect((frame) => {
-              if (frame.type === "failure") return Effect_exports.fail(frame.error);
-              const server = externalTrace(frame.trace);
-              return Effect_exports.gen(function* () {
-                const value = yield* Schema_exports.decodeUnknownEffect(decoderOf(output))(
-                  frame.value
-                ).pipe(Effect_exports.mapError(() => new UiFailed({ reason: "operation_failed" })));
-                const received = yield* Effect_exports.currentSpan;
-                const receivedAt = clock.currentTimeMillisUnsafe();
-                const currentRevision = revision++;
-                yield* Effect_exports.annotateCurrentSpan({
-                  "executor.operation.name": name,
-                  "executor.snapshot.revision": currentRevision,
-                  "browser.query.elapsed_ms": receivedAt - started,
-                  "executor.trace.context_valid": Option_exports.isSome(server)
-                });
-                yield* first.finish(Exit_exports.void);
-                let committed = false;
-                return {
-                  value,
-                  commit: () => {
-                    if (committed) return;
-                    committed = true;
-                    const committedAt = clock.currentTimeMillisUnsafe();
-                    runtime.runFork(
-                      Effect_exports.void.pipe(
-                        Effect_exports.withSpan("ui.app.result.commit", {
-                          parent: received,
-                          attributes: {
-                            "executor.operation.name": name,
-                            "executor.snapshot.revision": currentRevision,
-                            "browser.query.elapsed_ms": committedAt - started,
-                            "browser.query.receive_to_commit_ms": committedAt - receivedAt,
-                            "browser.page.hidden": document.visibilityState === "hidden"
-                          }
-                        })
-                      )
-                    );
-                  }
-                };
-              }).pipe(
-                Effect_exports.withSpan("ui.app.result.receive", {
-                  parent: Option_exports.isSome(server) ? server.value : first.span,
-                  kind: "consumer"
-                })
-              );
-            }),
+            Stream_exports.mapEffect(
+              (frame) => {
+                if (frame.type === "failure") return Effect_exports.fail(frame.error);
+                const server = externalTrace(frame.trace);
+                return Effect_exports.gen(function* () {
+                  const value = yield* Schema_exports.decodeUnknownEffect(decoderOf(output))(
+                    frame.value
+                  ).pipe(Effect_exports.mapError(() => new AppQueryFailed()));
+                  const received = yield* Effect_exports.currentSpan;
+                  const receivedAt = clock.currentTimeMillisUnsafe();
+                  const currentRevision = revision++;
+                  yield* Effect_exports.annotateCurrentSpan({
+                    "executor.operation.name": name,
+                    "executor.snapshot.revision": currentRevision,
+                    "browser.query.elapsed_ms": receivedAt - started,
+                    "executor.trace.context_valid": Option_exports.isSome(server)
+                  });
+                  yield* first.finish(Exit_exports.void);
+                  let committed = false;
+                  return {
+                    value,
+                    commit: () => {
+                      if (committed) return;
+                      committed = true;
+                      const committedAt = clock.currentTimeMillisUnsafe();
+                      runtime.runFork(
+                        Effect_exports.void.pipe(
+                          Effect_exports.withSpan("ui.app.result.commit", {
+                            parent: received,
+                            attributes: {
+                              "executor.operation.name": name,
+                              "executor.snapshot.revision": currentRevision,
+                              "browser.query.elapsed_ms": committedAt - started,
+                              "browser.query.receive_to_commit_ms": committedAt - receivedAt,
+                              "browser.page.hidden": document.visibilityState === "hidden"
+                            }
+                          })
+                        )
+                      );
+                    }
+                  };
+                }).pipe(
+                  Effect_exports.withSpan("ui.app.result.receive", {
+                    parent: Option_exports.isSome(server) ? server.value : first.span,
+                    kind: "consumer"
+                  })
+                );
+              }
+            ),
             Stream_exports.onExit(finish),
             Stream_exports.provideService(Tracer_exports.ParentSpan, first.span)
           );
         })
       ).pipe(
         // Keep the last snapshot while the watcher replaces the document.
-        // Unmount or client disposal interrupts the deployment-change wait.
+        // Unmount or client disposal interrupts the version-change wait.
         Stream_exports.catch(
-          (error) => Schema_exports.is(UiDeploymentChanged)(error) ? Stream_exports.unwrap(deploymentChanged.pipe(Effect_exports.as(Stream_exports.never))) : Stream_exports.fail(error)
+          (error) => Schema_exports.is(UiVersionChanged)(error) ? Stream_exports.unwrap(versionChanged.pipe(Effect_exports.as(Stream_exports.never))) : Stream_exports.fail(error)
         ),
-        Stream_exports.retry(
-          Schedule_exports.spaced("1 second").pipe(
-            Schedule_exports.while(
-              ({ input: input2 }) => HttpClientError_exports.isHttpClientError(input2) || Cause_exports.isTimeoutError(input2) || Schema_exports.is(UiFailed)(input2)
-            )
-          )
+        Stream_exports.tap(
+          (value) => Effect_exports.sync(() => {
+            latest = value;
+          })
         )
       );
+      return Stream_exports.unwrap(
+        Effect_exports.gen(function* () {
+          const retrying = yield* Queue_exports.unbounded();
+          return Stream_exports.merge(
+            subscription.pipe(
+              Stream_exports.retry(
+                resubscribeDelay.pipe(
+                  Schedule_exports.while(
+                    ({ input: input2 }) => !resubscribes(input2) ? false : appFailure(input2) ? Queue_exports.offer(retrying, new Retrying(input2, latest)).pipe(
+                      Effect_exports.as(true)
+                    ) : true
+                  )
+                )
+              )
+            ),
+            // Shown outside the retried stream, so they do not reset its delay.
+            Stream_exports.fromQueue(retrying),
+            { haltStrategy: "left" }
+          );
+        })
+      );
     })
-  ).pipe(Atom_exports.map(queryResult));
+  ).pipe(Atom_exports.map((result) => queryResult(visibleResult(result))));
   const optimistic = makeOptimisticClient({
     source,
     read: (name, input, output) => request("query", name, input, output),