@kestack/web-platform 0.0.0-stage → 0.0.1

package/dist/pwa/worker/requests/strategies/cache-store.js

@@ -0,0 +1,50 @@
+import { attempt, openCache } from "../../global-scope/global-scope.js";
+import * as Effect from "effect/Effect";
+import * as Option from "effect/Option";
+import * as Clock from "effect/Clock";
+//#region src/pwa/worker/requests/strategies/cache-store.ts
+const CACHED_AT_HEADER = "x-pwa-toolkit-cached-at";
+const cacheStore = (options) => ({
+	match: (request) => Effect.gen(function* () {
+		const cache = yield* openCache(options.name);
+		const hit = yield* attempt(() => cache.match(request));
+		if (hit === void 0) return Option.none();
+		if (options.maxAgeSeconds !== void 0) {
+			const cachedAt = Number(hit.headers.get(CACHED_AT_HEADER));
+			const now = yield* Clock.currentTimeMillis;
+			if (cachedAt > 0 && now - cachedAt > options.maxAgeSeconds * 1e3) {
+				yield* attempt(() => cache.delete(request));
+				return Option.none();
+			}
+		}
+		return Option.some(hit);
+	}).pipe(Effect.orElseSucceed(() => Option.none())),
+	put: (request, response) => Effect.gen(function* () {
+		if (!isCacheable(response)) return;
+		const cache = yield* openCache(options.name);
+		const now = yield* Clock.currentTimeMillis;
+		yield* attempt(() => cache.put(request, stamped(response, now)));
+		if (options.maxEntries !== void 0) {
+			const keys = yield* attempt(() => cache.keys());
+			const excess = keys.slice(0, Math.max(0, keys.length - options.maxEntries));
+			yield* Effect.forEach(excess, (key) => attempt(() => cache.delete(key)), { discard: true });
+		}
+	}).pipe(Effect.ignore)
+});
+/** Successful responses, and opaque cross-origin ones (their status is hidden). */
+const isCacheable = (response) => response.status === 200 || response.type === "opaque";
+/** Opaque responses cannot be rebuilt, so they are stored unstamped and never age out. */
+const stamped = (response, now) => {
+	if (response.type === "opaque") return response;
+	const headers = new Headers(response.headers);
+	headers.set(CACHED_AT_HEADER, String(now));
+	return new Response(response.body, {
+		status: response.status,
+		statusText: response.statusText,
+		headers
+	});
+};
+//#endregion
+export { cacheStore };
+
+//# sourceMappingURL=cache-store.js.map

package/dist/pwa/worker/requests/strategies/cache-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache-store.js","names":[],"sources":["../../../../../src/pwa/worker/requests/strategies/cache-store.ts"],"sourcesContent":["import * as Clock from 'effect/Clock';\nimport * as Effect from 'effect/Effect';\nimport * as Option from 'effect/Option';\nimport {\n  attempt,\n  type GlobalScope,\n  openCache,\n} from '../../global-scope/index.js';\n\nconst CACHED_AT_HEADER = 'x-pwa-toolkit-cached-at';\n\n/** One Runtime Cache with its expiry limits. */\nexport interface CacheStore {\n  /** A fresh saved response; expired ones are deleted and count as a miss. */\n  readonly match: (\n    request: Request,\n  ) => Effect.Effect<Option.Option<Response>, never, GlobalScope>;\n  /** Saves a cacheable response, then trims to `maxEntries` (oldest first). */\n  readonly put: (\n    request: Request,\n    response: Response,\n  ) => Effect.Effect<void, never, GlobalScope>;\n}\n\nexport const cacheStore = (options: {\n  readonly name: string;\n  readonly maxEntries: number | undefined;\n  readonly maxAgeSeconds: number | undefined;\n}): CacheStore => ({\n  match: (request) =>\n    Effect.gen(function* () {\n      const cache = yield* openCache(options.name);\n      const hit = yield* attempt(() => cache.match(request));\n      if (hit === undefined) return Option.none();\n      if (options.maxAgeSeconds !== undefined) {\n        const cachedAt = Number(hit.headers.get(CACHED_AT_HEADER));\n        const now = yield* Clock.currentTimeMillis;\n        if (cachedAt > 0 && now - cachedAt > options.maxAgeSeconds * 1000) {\n          yield* attempt(() => cache.delete(request));\n          return Option.none();\n        }\n      }\n      return Option.some(hit);\n    }).pipe(Effect.orElseSucceed(() => Option.none<Response>())),\n  put: (request, response) =>\n    Effect.gen(function* () {\n      if (!isCacheable(response)) return;\n      const cache = yield* openCache(options.name);\n      const now = yield* Clock.currentTimeMillis;\n      yield* attempt(() => cache.put(request, stamped(response, now)));\n      if (options.maxEntries !== undefined) {\n        const keys = yield* attempt(() => cache.keys());\n        const excess = keys.slice(\n          0,\n          Math.max(0, keys.length - options.maxEntries),\n        );\n        yield* Effect.forEach(\n          excess,\n          (key) => attempt(() => cache.delete(key)),\n          {\n            discard: true,\n          },\n        );\n      }\n    }).pipe(Effect.ignore),\n});\n\n/** Successful responses, and opaque cross-origin ones (their status is hidden). */\nconst isCacheable = (response: Response): boolean =>\n  response.status === 200 || response.type === 'opaque';\n\n/** Opaque responses cannot be rebuilt, so they are stored unstamped and never age out. */\nconst stamped = (response: Response, now: number): Response => {\n  if (response.type === 'opaque') return response;\n  const headers = new Headers(response.headers);\n  headers.set(CACHED_AT_HEADER, String(now));\n  return new Response(response.body, {\n    status: response.status,\n    statusText: response.statusText,\n    headers,\n  });\n};\n"],"mappings":";;;;;AASA,MAAM,mBAAmB;AAezB,MAAa,cAAc,aAIR;CACjB,QAAQ,YACN,OAAO,IAAI,aAAa;EACtB,MAAM,QAAQ,OAAO,UAAU,QAAQ,IAAI;EAC3C,MAAM,MAAM,OAAO,cAAc,MAAM,MAAM,OAAO,CAAC;EACrD,IAAI,QAAQ,KAAA,GAAW,OAAO,OAAO,KAAK;EAC1C,IAAI,QAAQ,kBAAkB,KAAA,GAAW;GACvC,MAAM,WAAW,OAAO,IAAI,QAAQ,IAAI,gBAAgB,CAAC;GACzD,MAAM,MAAM,OAAO,MAAM;GACzB,IAAI,WAAW,KAAK,MAAM,WAAW,QAAQ,gBAAgB,KAAM;IACjE,OAAO,cAAc,MAAM,OAAO,OAAO,CAAC;IAC1C,OAAO,OAAO,KAAK;GACrB;EACF;EACA,OAAO,OAAO,KAAK,GAAG;CACxB,CAAC,CAAC,CAAC,KAAK,OAAO,oBAAoB,OAAO,KAAe,CAAC,CAAC;CAC7D,MAAM,SAAS,aACb,OAAO,IAAI,aAAa;EACtB,IAAI,CAAC,YAAY,QAAQ,GAAG;EAC5B,MAAM,QAAQ,OAAO,UAAU,QAAQ,IAAI;EAC3C,MAAM,MAAM,OAAO,MAAM;EACzB,OAAO,cAAc,MAAM,IAAI,SAAS,QAAQ,UAAU,GAAG,CAAC,CAAC;EAC/D,IAAI,QAAQ,eAAe,KAAA,GAAW;GACpC,MAAM,OAAO,OAAO,cAAc,MAAM,KAAK,CAAC;GAC9C,MAAM,SAAS,KAAK,MAClB,GACA,KAAK,IAAI,GAAG,KAAK,SAAS,QAAQ,UAAU,CAC9C;GACA,OAAO,OAAO,QACZ,SACC,QAAQ,cAAc,MAAM,OAAO,GAAG,CAAC,GACxC,EACE,SAAS,KACX,CACF;EACF;CACF,CAAC,CAAC,CAAC,KAAK,OAAO,MAAM;AACzB;;AAGA,MAAM,eAAe,aACnB,SAAS,WAAW,OAAO,SAAS,SAAS;;AAG/C,MAAM,WAAW,UAAoB,QAA0B;CAC7D,IAAI,SAAS,SAAS,UAAU,OAAO;CACvC,MAAM,UAAU,IAAI,QAAQ,SAAS,OAAO;CAC5C,QAAQ,IAAI,kBAAkB,OAAO,GAAG,CAAC;CACzC,OAAO,IAAI,SAAS,SAAS,MAAM;EACjC,QAAQ,SAAS;EACjB,YAAY,SAAS;EACrB;CACF,CAAC;AACH"}

package/dist/pwa/worker/requests/strategies/index.d.ts

@@ -0,0 +1,3 @@
+import { clearRuntimeCaches, handleRuntimeCache } from "./strategies.js";
+import { networkFirst } from "./network-first.js";
+export { clearRuntimeCaches, handleRuntimeCache, networkFirst };

package/dist/pwa/worker/requests/strategies/index.js

@@ -0,0 +1,3 @@
+import { networkFirst } from "./network-first.js";
+import { clearRuntimeCaches, handleRuntimeCache } from "./strategies.js";
+export { clearRuntimeCaches, handleRuntimeCache, networkFirst };

package/dist/pwa/worker/requests/strategies/kinds.d.ts

@@ -0,0 +1,11 @@
+import { StrategyName } from "../../../shared/strategy/strategy.js";
+import "../../../shared/strategy/index.js";
+import { GlobalScope, KeepAlive } from "../../global-scope/global-scope.js";
+import "../../global-scope/index.js";
+import { CacheStore } from "./cache-store.js";
+import * as Effect from "effect/Effect";
+//#region src/pwa/worker/requests/strategies/kinds.d.ts
+type Strategy = (request: Request, store: CacheStore, networkTimeoutMs: number | undefined) => Effect.Effect<Response, Error, GlobalScope | KeepAlive>;
+export declare const strategies: Record<StrategyName, Strategy>;
+//#endregion
+//# sourceMappingURL=kinds.d.ts.map

package/dist/pwa/worker/requests/strategies/kinds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kinds.d.ts","names":[],"sources":["../../../../../src/pwa/worker/requests/strategies/kinds.ts"],"mappings":";;;;;;;KAWK,YACH,SAAS,SACT,OAAO,YACP,yCACG,OAAO,OAAO,UAAU,OAAO,cAAc;qBAWrC,YAAY,OAAO,cAAc"}

package/dist/pwa/worker/requests/strategies/kinds.js

@@ -0,0 +1,35 @@
+import { KeepAlive, fetchNetwork } from "../../global-scope/global-scope.js";
+import { networkFirst } from "./network-first.js";
+import * as Effect from "effect/Effect";
+import * as Option from "effect/Option";
+//#region src/pwa/worker/requests/strategies/kinds.ts
+/** Fetches and saves a copy; the caller gets the original. */
+const fetchAndSave = (request, store) => Effect.tap(fetchNetwork(request), (response) => store.put(request, response.clone()));
+const missing = (request) => /* @__PURE__ */ new Error(`Not in the Runtime Cache: ${request.url}`);
+const strategies = {
+	"network-first": (request, store, networkTimeoutMs) => networkFirst({
+		network: fetchAndSave(request, store),
+		fallback: store.match(request),
+		timeoutMs: networkTimeoutMs
+	}),
+	"cache-first": (request, store) => Effect.flatMap(store.match(request), Option.match({
+		onNone: () => fetchAndSave(request, store),
+		onSome: Effect.succeed
+	})),
+	"stale-while-revalidate": (request, store) => Effect.gen(function* () {
+		const cached = yield* store.match(request);
+		if (Option.isNone(cached)) return yield* fetchAndSave(request, store);
+		const revalidate = yield* Effect.forkDetach(fetchAndSave(request, store));
+		(yield* KeepAlive)(revalidate);
+		return cached.value;
+	}),
+	"network-only": (request) => fetchNetwork(request),
+	"cache-only": (request, store) => Effect.flatMap(store.match(request), Option.match({
+		onNone: () => Effect.fail(missing(request)),
+		onSome: Effect.succeed
+	}))
+};
+//#endregion
+export { strategies };
+
+//# sourceMappingURL=kinds.js.map

package/dist/pwa/worker/requests/strategies/kinds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kinds.js","names":[],"sources":["../../../../../src/pwa/worker/requests/strategies/kinds.ts"],"sourcesContent":["import * as Effect from 'effect/Effect';\nimport * as Option from 'effect/Option';\nimport type { StrategyName } from '../../../shared/strategy/index.js';\nimport {\n  fetchNetwork,\n  type GlobalScope,\n  KeepAlive,\n} from '../../global-scope/index.js';\nimport { networkFirst } from './network-first.js';\nimport type { CacheStore } from './cache-store.js';\n\ntype Strategy = (\n  request: Request,\n  store: CacheStore,\n  networkTimeoutMs: number | undefined,\n) => Effect.Effect<Response, Error, GlobalScope | KeepAlive>;\n\n/** Fetches and saves a copy; the caller gets the original. */\nconst fetchAndSave = (request: Request, store: CacheStore) =>\n  Effect.tap(fetchNetwork(request), (response) =>\n    store.put(request, response.clone()),\n  );\n\nconst missing = (request: Request) =>\n  new Error(`Not in the Runtime Cache: ${request.url}`);\n\nexport const strategies: Record<StrategyName, Strategy> = {\n  'network-first': (request, store, networkTimeoutMs) =>\n    networkFirst({\n      network: fetchAndSave(request, store),\n      fallback: store.match(request),\n      timeoutMs: networkTimeoutMs,\n    }),\n\n  'cache-first': (request, store) =>\n    Effect.flatMap(\n      store.match(request),\n      Option.match({\n        onNone: () => fetchAndSave(request, store),\n        onSome: Effect.succeed,\n      }),\n    ),\n\n  'stale-while-revalidate': (request, store) =>\n    Effect.gen(function* () {\n      const cached = yield* store.match(request);\n      if (Option.isNone(cached)) return yield* fetchAndSave(request, store);\n      const revalidate = yield* Effect.forkDetach(fetchAndSave(request, store));\n      (yield* KeepAlive)(revalidate);\n      return cached.value;\n    }),\n\n  'network-only': (request) => fetchNetwork(request),\n\n  'cache-only': (request, store) =>\n    Effect.flatMap(\n      store.match(request),\n      Option.match({\n        onNone: () => Effect.fail(missing(request)),\n        onSome: Effect.succeed,\n      }),\n    ),\n};\n"],"mappings":";;;;;;AAkBA,MAAM,gBAAgB,SAAkB,UACtC,OAAO,IAAI,aAAa,OAAO,IAAI,aACjC,MAAM,IAAI,SAAS,SAAS,MAAM,CAAC,CACrC;AAEF,MAAM,WAAW,4BACf,IAAI,MAAM,6BAA6B,QAAQ,KAAK;AAEtD,MAAa,aAA6C;CACxD,kBAAkB,SAAS,OAAO,qBAChC,aAAa;EACX,SAAS,aAAa,SAAS,KAAK;EACpC,UAAU,MAAM,MAAM,OAAO;EAC7B,WAAW;CACb,CAAC;CAEH,gBAAgB,SAAS,UACvB,OAAO,QACL,MAAM,MAAM,OAAO,GACnB,OAAO,MAAM;EACX,cAAc,aAAa,SAAS,KAAK;EACzC,QAAQ,OAAO;CACjB,CAAC,CACH;CAEF,2BAA2B,SAAS,UAClC,OAAO,IAAI,aAAa;EACtB,MAAM,SAAS,OAAO,MAAM,MAAM,OAAO;EACzC,IAAI,OAAO,OAAO,MAAM,GAAG,OAAO,OAAO,aAAa,SAAS,KAAK;EACpE,MAAM,aAAa,OAAO,OAAO,WAAW,aAAa,SAAS,KAAK,CAAC;EACxE,CAAC,OAAO,UAAA,CAAW,UAAU;EAC7B,OAAO,OAAO;CAChB,CAAC;CAEH,iBAAiB,YAAY,aAAa,OAAO;CAEjD,eAAe,SAAS,UACtB,OAAO,QACL,MAAM,MAAM,OAAO,GACnB,OAAO,MAAM;EACX,cAAc,OAAO,KAAK,QAAQ,OAAO,CAAC;EAC1C,QAAQ,OAAO;CACjB,CAAC,CACH;AACJ"}

package/dist/pwa/worker/requests/strategies/network-first.d.ts

@@ -0,0 +1,18 @@
+import { KeepAlive } from "../../global-scope/global-scope.js";
+import "../../global-scope/index.js";
+import * as Effect from "effect/Effect";
+import * as Option from "effect/Option";
+//#region src/pwa/worker/requests/strategies/network-first.d.ts
+/**
+ * Network, falling back when the network fails or is slower than `timeoutMs`.
+ * On a timeout with nothing to fall back to, it keeps waiting for the network.
+ * A timed-out network call keeps running in the background (kept alive), so
+ * whatever it does on success, such as updating a cache, still happens.
+ */
+export declare const networkFirst: <R>(options: {
+  readonly network: Effect.Effect<Response, Error, R>;
+  readonly fallback: Effect.Effect<Option.Option<Response>, never, R>;
+  readonly timeoutMs: number | undefined;
+}) => Effect.Effect<Response, Error, R | KeepAlive>;
+//#endregion
+//# sourceMappingURL=network-first.d.ts.map

package/dist/pwa/worker/requests/strategies/network-first.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"network-first.d.ts","names":[],"sources":["../../../../../src/pwa/worker/requests/strategies/network-first.ts"],"mappings":";;;;;;;;;;;qBAWa,eAAgB,GAAC;WACnB,SAAS,OAAO,OAAO,UAAU,OAAO;WACxC,UAAU,OAAO,OAAO,OAAO,OAAO,kBAAkB;WACxD;MACP,OAAO,OAAO,UAAU,OAAO,IAAI"}

package/dist/pwa/worker/requests/strategies/network-first.js

@@ -0,0 +1,30 @@
+import { KeepAlive } from "../../global-scope/global-scope.js";
+import * as Effect from "effect/Effect";
+import * as Fiber from "effect/Fiber";
+import * as Option from "effect/Option";
+//#region src/pwa/worker/requests/strategies/network-first.ts
+/**
+* Network, falling back when the network fails or is slower than `timeoutMs`.
+* On a timeout with nothing to fall back to, it keeps waiting for the network.
+* A timed-out network call keeps running in the background (kept alive), so
+* whatever it does on success, such as updating a cache, still happens.
+*/
+const networkFirst = (options) => Effect.gen(function* () {
+	const { network, fallback, timeoutMs } = options;
+	const orFail = (error) => Effect.flatMap(fallback, Option.match({
+		onNone: () => Effect.fail(error),
+		onSome: Effect.succeed
+	}));
+	if (timeoutMs === void 0) return yield* Effect.catch(network, orFail);
+	const fiber = yield* Effect.forkDetach(network);
+	const first = yield* Fiber.join(fiber).pipe(Effect.timeoutOption(timeoutMs), Effect.catch((error) => Effect.map(orFail(error), Option.some)));
+	if (Option.isSome(first)) return first.value;
+	(yield* KeepAlive)(fiber);
+	const cached = yield* fallback;
+	if (Option.isSome(cached)) return cached.value;
+	return yield* Fiber.join(fiber);
+});
+//#endregion
+export { networkFirst };
+
+//# sourceMappingURL=network-first.js.map

package/dist/pwa/worker/requests/strategies/network-first.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"network-first.js","names":[],"sources":["../../../../../src/pwa/worker/requests/strategies/network-first.ts"],"sourcesContent":["import * as Effect from 'effect/Effect';\nimport * as Fiber from 'effect/Fiber';\nimport * as Option from 'effect/Option';\nimport { KeepAlive } from '../../global-scope/index.js';\n\n/**\n * Network, falling back when the network fails or is slower than `timeoutMs`.\n * On a timeout with nothing to fall back to, it keeps waiting for the network.\n * A timed-out network call keeps running in the background (kept alive), so\n * whatever it does on success, such as updating a cache, still happens.\n */\nexport const networkFirst = <R>(options: {\n  readonly network: Effect.Effect<Response, Error, R>;\n  readonly fallback: Effect.Effect<Option.Option<Response>, never, R>;\n  readonly timeoutMs: number | undefined;\n}): Effect.Effect<Response, Error, R | KeepAlive> =>\n  Effect.gen(function* () {\n    const { network, fallback, timeoutMs } = options;\n    const orFail = (error: Error) =>\n      Effect.flatMap(\n        fallback,\n        Option.match({\n          onNone: () => Effect.fail(error),\n          onSome: Effect.succeed,\n        }),\n      );\n    if (timeoutMs === undefined) {\n      return yield* Effect.catch(network, orFail);\n    }\n    const fiber = yield* Effect.forkDetach(network);\n    const first = yield* Fiber.join(fiber).pipe(\n      Effect.timeoutOption(timeoutMs),\n      Effect.catch((error) => Effect.map(orFail(error), Option.some)),\n    );\n    if (Option.isSome(first)) return first.value;\n    (yield* KeepAlive)(fiber);\n    const cached = yield* fallback;\n    if (Option.isSome(cached)) return cached.value;\n    return yield* Fiber.join(fiber);\n  });\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,gBAAmB,YAK9B,OAAO,IAAI,aAAa;CACtB,MAAM,EAAE,SAAS,UAAU,cAAc;CACzC,MAAM,UAAU,UACd,OAAO,QACL,UACA,OAAO,MAAM;EACX,cAAc,OAAO,KAAK,KAAK;EAC/B,QAAQ,OAAO;CACjB,CAAC,CACH;CACF,IAAI,cAAc,KAAA,GAChB,OAAO,OAAO,OAAO,MAAM,SAAS,MAAM;CAE5C,MAAM,QAAQ,OAAO,OAAO,WAAW,OAAO;CAC9C,MAAM,QAAQ,OAAO,MAAM,KAAK,KAAK,CAAC,CAAC,KACrC,OAAO,cAAc,SAAS,GAC9B,OAAO,OAAO,UAAU,OAAO,IAAI,OAAO,KAAK,GAAG,OAAO,IAAI,CAAC,CAChE;CACA,IAAI,OAAO,OAAO,KAAK,GAAG,OAAO,MAAM;CACvC,CAAC,OAAO,UAAA,CAAW,KAAK;CACxB,MAAM,SAAS,OAAO;CACtB,IAAI,OAAO,OAAO,MAAM,GAAG,OAAO,OAAO;CACzC,OAAO,OAAO,MAAM,KAAK,KAAK;AAChC,CAAC"}

package/dist/pwa/worker/requests/strategies/strategies.d.ts

@@ -0,0 +1,16 @@
+import { WorkerConfig } from "../../../shared/config/config.js";
+import "../../../shared/config/index.js";
+import { GlobalScope, KeepAlive } from "../../global-scope/global-scope.js";
+import "../../global-scope/index.js";
+import * as Effect from "effect/Effect";
+import * as Option from "effect/Option";
+//#region src/pwa/worker/requests/strategies/strategies.d.ts
+/**
+ * A response from the first matching Runtime Cache rule, or none when no
+ * rule applies (the request then goes to the network untouched).
+ */
+export declare const handleRuntimeCache: (config: WorkerConfig, request: Request, origin: string) => Option.Option<Effect.Effect<Response, Error, GlobalScope | KeepAlive>>;
+/** Deletes every Runtime Cache, e.g. on sign-out. */
+export declare const clearRuntimeCaches: Effect.Effect<void, Error, GlobalScope>;
+//#endregion
+//# sourceMappingURL=strategies.d.ts.map

package/dist/pwa/worker/requests/strategies/strategies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"strategies.d.ts","names":[],"sources":["../../../../../src/pwa/worker/requests/strategies/strategies.ts"],"mappings":";;;;;;;;;;;qBAoBa,qBAAkB,QACrB,cAAY,SACX,SAAO,mBAEf,OAAO,OAAO,OAAO,OAAO,UAAU,OAAO,cAAc;;qBAcjD,oBAAoB,OAAO,aAAa,OAAO"}

package/dist/pwa/worker/requests/strategies/strategies.js

@@ -0,0 +1,22 @@
+import { isRuntimeCacheName, runtimeCacheName } from "../../../shared/build/build.js";
+import { findStrategyRule } from "../../../shared/strategy/strategy.js";
+import { deleteCaches } from "../../global-scope/global-scope.js";
+import { cacheStore } from "./cache-store.js";
+import { strategies } from "./kinds.js";
+import * as Option from "effect/Option";
+//#region src/pwa/worker/requests/strategies/strategies.ts
+/**
+* A response from the first matching Runtime Cache rule, or none when no
+* rule applies (the request then goes to the network untouched).
+*/
+const handleRuntimeCache = (config, request, origin) => Option.map(findStrategyRule(config.strategies, request, origin), (rule) => strategies[rule.strategy](request, cacheStore({
+	name: runtimeCacheName(rule.cacheName),
+	maxEntries: rule.maxEntries,
+	maxAgeSeconds: rule.maxAgeSeconds
+}), rule.networkTimeoutMs));
+/** Deletes every Runtime Cache, e.g. on sign-out. */
+const clearRuntimeCaches = deleteCaches(isRuntimeCacheName);
+//#endregion
+export { clearRuntimeCaches, handleRuntimeCache };
+
+//# sourceMappingURL=strategies.js.map

package/dist/pwa/worker/requests/strategies/strategies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"strategies.js","names":[],"sources":["../../../../../src/pwa/worker/requests/strategies/strategies.ts"],"sourcesContent":["import type * as Effect from 'effect/Effect';\nimport * as Option from 'effect/Option';\nimport {\n  isRuntimeCacheName,\n  runtimeCacheName,\n} from '../../../shared/build/index.js';\nimport type { WorkerConfig } from '../../../shared/config/index.js';\nimport { findStrategyRule } from '../../../shared/strategy/index.js';\nimport {\n  deleteCaches,\n  type GlobalScope,\n  type KeepAlive,\n} from '../../global-scope/index.js';\nimport { cacheStore } from './cache-store.js';\nimport { strategies } from './kinds.js';\n\n/**\n * A response from the first matching Runtime Cache rule, or none when no\n * rule applies (the request then goes to the network untouched).\n */\nexport const handleRuntimeCache = (\n  config: WorkerConfig,\n  request: Request,\n  origin: string,\n): Option.Option<Effect.Effect<Response, Error, GlobalScope | KeepAlive>> =>\n  Option.map(findStrategyRule(config.strategies, request, origin), (rule) =>\n    strategies[rule.strategy](\n      request,\n      cacheStore({\n        name: runtimeCacheName(rule.cacheName),\n        maxEntries: rule.maxEntries,\n        maxAgeSeconds: rule.maxAgeSeconds,\n      }),\n      rule.networkTimeoutMs,\n    ),\n  );\n\n/** Deletes every Runtime Cache, e.g. on sign-out. */\nexport const clearRuntimeCaches: Effect.Effect<void, Error, GlobalScope> =\n  deleteCaches(isRuntimeCacheName);\n"],"mappings":";;;;;;;;;;;AAoBA,MAAa,sBACX,QACA,SACA,WAEA,OAAO,IAAI,iBAAiB,OAAO,YAAY,SAAS,MAAM,IAAI,SAChE,WAAW,KAAK,SAAS,CACvB,SACA,WAAW;CACT,MAAM,iBAAiB,KAAK,SAAS;CACrC,YAAY,KAAK;CACjB,eAAe,KAAK;AACtB,CAAC,GACD,KAAK,gBACP,CACF;;AAGF,MAAa,qBACX,aAAa,kBAAkB"}

package/dist/pwa/worker/worker.d.ts

@@ -0,0 +1,23 @@
+import { WorkerBuildInfo } from "../shared/config/config.js";
+import "../shared/config/index.js";
+import { WorkerHost } from "../shared/worker-host/worker-host.js";
+import "../shared/worker-host/index.js";
+import { ServiceWorkerGlobal } from "./global-scope/global-scope.js";
+import "./global-scope/index.js";
+import * as Layer from "effect/Layer";
+//#region src/pwa/worker/worker.d.ts
+interface RunServiceWorkerOptions<E> {
+  readonly layer?: Layer.Layer<never, E, WorkerHost>;
+}
+/**
+ * Starts the service worker. Call once, synchronously, at the top of the
+ * worker entry: install, activate, fetch and message listeners are added
+ * during this call. `layer` (e.g. a Worker RPC Worker Server) is built after,
+ * with `WorkerHost` provided.
+ */
+export declare const runServiceWorker: <E = never>(options?: RunServiceWorkerOptions<E>) => void;
+/** `runServiceWorker` over an explicit global scope and build; tests use fakes. */
+export declare const startServiceWorker: <E>(global: ServiceWorkerGlobal, build: WorkerBuildInfo, options?: RunServiceWorkerOptions<E>) => void;
+//#endregion
+export { WorkerHost };
+//# sourceMappingURL=worker.d.ts.map

package/dist/pwa/worker/worker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker.d.ts","names":[],"sources":["../../../src/pwa/worker/worker.ts"],"mappings":";;;;;;;;UAqBU,wBAAwB;WACvB,QAAQ,MAAM,aAAa,GAAG;;;;;;;;qBAS5B,mBAAoB,WAAS,UAC9B,wBAAwB;;qBAIvB,qBAAsB,GAAC,QAC1B,qBAAmB,OACpB,iBAAe,UACZ,wBAAwB"}

package/dist/pwa/worker/worker.js

@@ -0,0 +1,53 @@
+import { isCommandEnvelope, matchCommand } from "../shared/commands/commands.js";
+import { WorkerHost } from "../shared/worker-host/worker-host.js";
+import { GlobalScope, KeepAlive } from "./global-scope/global-scope.js";
+import { serveCommand } from "./commands/commands.js";
+import { makeFetchRouter } from "./requests/requests.js";
+import { onActivate, onInstall } from "./lifecycle/lifecycle.js";
+import { makeMessageHub } from "./messages/messages.js";
+import * as Effect from "effect/Effect";
+import * as Layer from "effect/Layer";
+import * as Option from "effect/Option";
+import info from "virtual:pwa-toolkit/build";
+//#region src/pwa/worker/worker.ts
+/**
+* Starts the service worker. Call once, synchronously, at the top of the
+* worker entry: install, activate, fetch and message listeners are added
+* during this call. `layer` (e.g. a Worker RPC Worker Server) is built after,
+* with `WorkerHost` provided.
+*/
+const runServiceWorker = (options) => startServiceWorker(self, info, options);
+/** `runServiceWorker` over an explicit global scope and build; tests use fakes. */
+const startServiceWorker = (global, build, options) => {
+	const scope = GlobalScope.fromGlobal(global);
+	const run = (effect, event) => Effect.runPromise(effect.pipe(Effect.provideService(GlobalScope, scope), Effect.provideService(KeepAlive, KeepAlive.forEvent(event))));
+	const route = makeFetchRouter(build, scope.origin);
+	const hub = makeMessageHub({ buffer: options?.layer !== void 0 });
+	global.addEventListener("install", (event) => {
+		event.waitUntil(run(onInstall(build), event));
+	});
+	global.addEventListener("activate", (event) => {
+		event.waitUntil(run(onActivate(build), event));
+	});
+	global.addEventListener("fetch", (event) => {
+		const handler = route(event.request);
+		if (Option.isNone(handler)) return;
+		event.respondWith(run(handler.value.pipe(Effect.catch(() => Effect.succeed(Response.error()))), event));
+	});
+	global.addEventListener("message", (event) => {
+		if (!isCommandEnvelope(event.data)) return hub.publish(event);
+		const request = matchCommand(event.data);
+		if (Option.isSome(request)) event.waitUntil(run(serveCommand(request.value, event), event));
+	});
+	if (options?.layer !== void 0) {
+		const host = Layer.succeed(WorkerHost, {
+			buildId: build.buildId,
+			messages: hub.messages
+		});
+		Effect.runFork(Layer.launch(Layer.provide(options.layer, host)).pipe(Effect.tapCause((cause) => Effect.logError("pwa-toolkit: worker layer failed", cause)), Effect.ensuring(Effect.sync(hub.close))));
+	}
+};
+//#endregion
+export { WorkerHost, runServiceWorker, startServiceWorker };
+
+//# sourceMappingURL=worker.js.map

package/dist/pwa/worker/worker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker.js","names":[],"sources":["../../../src/pwa/worker/worker.ts"],"sourcesContent":["import * as Effect from 'effect/Effect';\nimport * as Layer from 'effect/Layer';\nimport * as Option from 'effect/Option';\nimport info from 'virtual:pwa-toolkit/build';\nimport type { WorkerBuildInfo } from '../shared/config/index.js';\nimport { isCommandEnvelope, matchCommand } from '../shared/commands/index.js';\nimport { WorkerHost } from '../shared/worker-host/index.js';\nimport { serveCommand } from './commands/index.js';\nimport { makeFetchRouter } from './requests/index.js';\nimport {\n  GlobalScope,\n  KeepAlive,\n  type ServiceWorkerGlobal,\n} from './global-scope/index.js';\nimport { onActivate, onInstall } from './lifecycle/index.js';\nimport { makeMessageHub } from './messages/index.js';\n\nexport { WorkerHost } from '../shared/worker-host/index.js';\n\ndeclare const self: ServiceWorkerGlobalScope;\n\ninterface RunServiceWorkerOptions<E> {\n  readonly layer?: Layer.Layer<never, E, WorkerHost>;\n}\n\n/**\n * Starts the service worker. Call once, synchronously, at the top of the\n * worker entry: install, activate, fetch and message listeners are added\n * during this call. `layer` (e.g. a Worker RPC Worker Server) is built after,\n * with `WorkerHost` provided.\n */\nexport const runServiceWorker = <E = never>(\n  options?: RunServiceWorkerOptions<E>,\n): void => startServiceWorker(self, info, options);\n\n/** `runServiceWorker` over an explicit global scope and build; tests use fakes. */\nexport const startServiceWorker = <E>(\n  global: ServiceWorkerGlobal,\n  build: WorkerBuildInfo,\n  options?: RunServiceWorkerOptions<E>,\n): void => {\n  const scope = GlobalScope.fromGlobal(global);\n  const run = <A>(\n    effect: Effect.Effect<A, Error, GlobalScope | KeepAlive>,\n    event: ExtendableEvent,\n  ): Promise<A> =>\n    Effect.runPromise(\n      effect.pipe(\n        Effect.provideService(GlobalScope, scope),\n        Effect.provideService(KeepAlive, KeepAlive.forEvent(event)),\n      ),\n    );\n  const route = makeFetchRouter(build, scope.origin);\n  const hub = makeMessageHub({ buffer: options?.layer !== undefined });\n\n  global.addEventListener('install', (event) => {\n    event.waitUntil(run(onInstall(build), event));\n  });\n\n  global.addEventListener('activate', (event) => {\n    event.waitUntil(run(onActivate(build), event));\n  });\n\n  global.addEventListener('fetch', (event) => {\n    const handler = route(event.request);\n    if (Option.isNone(handler)) return;\n    event.respondWith(\n      run(\n        handler.value.pipe(\n          Effect.catch(() => Effect.succeed(Response.error())),\n        ),\n        event,\n      ),\n    );\n  });\n\n  global.addEventListener('message', (event) => {\n    if (!isCommandEnvelope(event.data)) return hub.publish(event);\n    const request = matchCommand(event.data);\n    if (Option.isSome(request)) {\n      event.waitUntil(run(serveCommand(request.value, event), event));\n    }\n  });\n\n  if (options?.layer !== undefined) {\n    const host = Layer.succeed(WorkerHost, {\n      buildId: build.buildId,\n      messages: hub.messages,\n    });\n    Effect.runFork(\n      Layer.launch(Layer.provide(options.layer, host)).pipe(\n        Effect.tapCause((cause) =>\n          Effect.logError('pwa-toolkit: worker layer failed', cause),\n        ),\n        Effect.ensuring(Effect.sync(hub.close)),\n      ),\n    );\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AA+BA,MAAa,oBACX,YACS,mBAAmB,MAAM,MAAM,OAAO;;AAGjD,MAAa,sBACX,QACA,OACA,YACS;CACT,MAAM,QAAQ,YAAY,WAAW,MAAM;CAC3C,MAAM,OACJ,QACA,UAEA,OAAO,WACL,OAAO,KACL,OAAO,eAAe,aAAa,KAAK,GACxC,OAAO,eAAe,WAAW,UAAU,SAAS,KAAK,CAAC,CAC5D,CACF;CACF,MAAM,QAAQ,gBAAgB,OAAO,MAAM,MAAM;CACjD,MAAM,MAAM,eAAe,EAAE,QAAQ,SAAS,UAAU,KAAA,EAAU,CAAC;CAEnE,OAAO,iBAAiB,YAAY,UAAU;EAC5C,MAAM,UAAU,IAAI,UAAU,KAAK,GAAG,KAAK,CAAC;CAC9C,CAAC;CAED,OAAO,iBAAiB,aAAa,UAAU;EAC7C,MAAM,UAAU,IAAI,WAAW,KAAK,GAAG,KAAK,CAAC;CAC/C,CAAC;CAED,OAAO,iBAAiB,UAAU,UAAU;EAC1C,MAAM,UAAU,MAAM,MAAM,OAAO;EACnC,IAAI,OAAO,OAAO,OAAO,GAAG;EAC5B,MAAM,YACJ,IACE,QAAQ,MAAM,KACZ,OAAO,YAAY,OAAO,QAAQ,SAAS,MAAM,CAAC,CAAC,CACrD,GACA,KACF,CACF;CACF,CAAC;CAED,OAAO,iBAAiB,YAAY,UAAU;EAC5C,IAAI,CAAC,kBAAkB,MAAM,IAAI,GAAG,OAAO,IAAI,QAAQ,KAAK;EAC5D,MAAM,UAAU,aAAa,MAAM,IAAI;EACvC,IAAI,OAAO,OAAO,OAAO,GACvB,MAAM,UAAU,IAAI,aAAa,QAAQ,OAAO,KAAK,GAAG,KAAK,CAAC;CAElE,CAAC;CAED,IAAI,SAAS,UAAU,KAAA,GAAW;EAChC,MAAM,OAAO,MAAM,QAAQ,YAAY;GACrC,SAAS,MAAM;GACf,UAAU,IAAI;EAChB,CAAC;EACD,OAAO,QACL,MAAM,OAAO,MAAM,QAAQ,QAAQ,OAAO,IAAI,CAAC,CAAC,CAAC,KAC/C,OAAO,UAAU,UACf,OAAO,SAAS,oCAAoC,KAAK,CAC3D,GACA,OAAO,SAAS,OAAO,KAAK,IAAI,KAAK,CAAC,CACxC,CACF;CACF;AACF"}

package/dist/recipes/account-lost/account-lost.d.ts

@@ -0,0 +1,24 @@
+//#region src/recipes/account-lost/account-lost.d.ts
+/** A User the dialog names. */
+export interface AccountLostUser {
+  id: string;
+  name: string;
+}
+export interface AccountLostProps {
+  /** The User signed out somewhere else. */
+  lost: AccountLostUser;
+  /** The Users still signed in, each one to switch to. */
+  others: ReadonlyArray<AccountLostUser>;
+  onSignInAgain: () => void;
+  onSwitch: (userId: string) => void;
+  /** Offered only when nobody else is signed in. */
+  onSignOut: () => void;
+}
+/**
+ * Says a User was signed out on another device or app, and stays until
+ * they are signed in again, keeping what this device holds for them, or
+ * someone else opens, deleting it. It cannot be dismissed.
+ */
+export declare function AccountLost(props: AccountLostProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=account-lost.d.ts.map

package/dist/recipes/account-lost/account-lost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-lost.d.ts","names":[],"sources":["../../../src/recipes/account-lost/account-lost.tsx"],"mappings":";;iBAWiB;EACf;EACA;;iBAGe;;EAEf,MAAM;;EAEN,QAAQ,cAAc;EACtB;EACA,WAAW;;EAEX;;;;;;;wBAQc,YAAY,OAAO,mCAAgB,IAAA"}

package/dist/recipes/account-lost/account-lost.js

@@ -0,0 +1,35 @@
+import { Button } from "../../components/ui/button.js";
+import { AlertDialog, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../../components/ui/alert-dialog.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/recipes/account-lost/account-lost.tsx
+/**
+* Says a User was signed out on another device or app, and stays until
+* they are signed in again, keeping what this device holds for them, or
+* someone else opens, deleting it. It cannot be dismissed.
+*/
+function AccountLost(props) {
+	const { name } = props.lost;
+	return /* @__PURE__ */ jsx(AlertDialog, {
+		open: true,
+		children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsxs(AlertDialogTitle, { children: [name, " was signed out"] }), /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [name, " signed out somewhere else, or their sign-in ran out. Sign them in again to keep their data on this device, or switch to someone else and it leaves this device."] })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+			props.others.map((user) => /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				onClick: () => props.onSwitch(user.id),
+				children: ["Switch to ", user.name]
+			}, user.id)),
+			props.others.length === 0 && /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				onClick: props.onSignOut,
+				children: "Sign out"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				onClick: props.onSignInAgain,
+				children: "Sign in again"
+			})
+		] })] })
+	});
+}
+//#endregion
+export { AccountLost };
+
+//# sourceMappingURL=account-lost.js.map

package/dist/recipes/account-lost/account-lost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-lost.js","names":[],"sources":["../../../src/recipes/account-lost/account-lost.tsx"],"sourcesContent":["import {\n  AlertDialog,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '#components/ui/alert-dialog';\nimport { Button } from '#components/ui/button';\n\n/** A User the dialog names. */\nexport interface AccountLostUser {\n  id: string;\n  name: string;\n}\n\nexport interface AccountLostProps {\n  /** The User signed out somewhere else. */\n  lost: AccountLostUser;\n  /** The Users still signed in, each one to switch to. */\n  others: ReadonlyArray<AccountLostUser>;\n  onSignInAgain: () => void;\n  onSwitch: (userId: string) => void;\n  /** Offered only when nobody else is signed in. */\n  onSignOut: () => void;\n}\n\n/**\n * Says a User was signed out on another device or app, and stays until\n * they are signed in again, keeping what this device holds for them, or\n * someone else opens, deleting it. It cannot be dismissed.\n */\nexport function AccountLost(props: AccountLostProps) {\n  const { name } = props.lost;\n  return (\n    <AlertDialog open>\n      <AlertDialogContent>\n        <AlertDialogHeader>\n          <AlertDialogTitle>{name} was signed out</AlertDialogTitle>\n          <AlertDialogDescription>\n            {name} signed out somewhere else, or their sign-in ran out. Sign\n            them in again to keep their data on this device, or switch to\n            someone else and it leaves this device.\n          </AlertDialogDescription>\n        </AlertDialogHeader>\n        <AlertDialogFooter>\n          {props.others.map((user) => (\n            <Button\n              key={user.id}\n              variant=\"outline\"\n              onClick={() => props.onSwitch(user.id)}\n            >\n              Switch to {user.name}\n            </Button>\n          ))}\n          {props.others.length === 0 && (\n            <Button variant=\"outline\" onClick={props.onSignOut}>\n              Sign out\n            </Button>\n          )}\n          <Button onClick={props.onSignInAgain}>Sign in again</Button>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n}\n"],"mappings":";;;;;;;;;AAgCA,SAAgB,YAAY,OAAyB;CACnD,MAAM,EAAE,SAAS,MAAM;CACvB,OACE,oBAAC,aAAD;EAAa,MAAA;EACX,UAAA,qBAAC,oBAAD,EAAA,UAAA,CACE,qBAAC,mBAAD,EAAA,UAAA,CACE,qBAAC,kBAAD,EAAA,UAAA,CAAmB,MAAK,iBAAiC,EAAA,CAAA,GACzD,qBAAC,wBAAD,EAAA,UAAA,CACG,MAAK,kKAGgB,EAAA,CAAA,CACP,EAAA,CAAA,GACnB,qBAAC,mBAAD,EAAA,UAAA;GACG,MAAM,OAAO,KAAK,SACjB,qBAAC,QAAD;IAEE,SAAQ;IACR,eAAe,MAAM,SAAS,KAAK,EAAE;IAHvC,UAAA,CAIC,cACY,KAAK,IACV;GALD,GAAA,KAAK,EAKJ,CACT;GACA,MAAM,OAAO,WAAW,KACvB,oBAAC,QAAD;IAAQ,SAAQ;IAAU,SAAS,MAAM;IAAW,UAAA;GAE5C,CAAA;GAEV,oBAAC,QAAD;IAAQ,SAAS,MAAM;IAAe,UAAA;GAAqB,CAAA;EAC1C,EAAA,CAAA,CACD,EAAA,CAAA;CACT,CAAA;AAEjB"}

package/dist/recipes/account-lost/index.d.ts

@@ -0,0 +1,2 @@
+import { AccountLost, AccountLostProps, AccountLostUser } from "./account-lost.js";
+export { AccountLost, type AccountLostProps, type AccountLostUser };

package/dist/recipes/account-lost/index.js

@@ -0,0 +1,2 @@
+import { AccountLost } from "./account-lost.js";
+export { AccountLost };

package/dist/recipes/account-switcher/account-switcher.d.ts

@@ -0,0 +1,25 @@
+//#region src/recipes/account-switcher/account-switcher.d.ts
+export interface SignedInAccount {
+  id: string;
+  name: string;
+  email: string;
+  image?: string | null | undefined;
+}
+/** The browser's Signed-in Accounts: who is active, who else is signed in,
+ * and what the User may do about it. */
+export interface AccountsView {
+  active: SignedInAccount;
+  others: ReadonlyArray<SignedInAccount>;
+  /** False once the deployment's account limit is reached. */
+  canAdd: boolean;
+  onSwitch: (id: string) => Promise<unknown>;
+  onAdd: () => void;
+  /** Signs out the Active Account only. */
+  onSignOut: () => Promise<unknown>;
+  onSignOutAll: () => Promise<unknown>;
+}
+export declare function AccountSwitcher({ accounts }: {
+  accounts: AccountsView;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=account-switcher.d.ts.map

package/dist/recipes/account-switcher/account-switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-switcher.d.ts","names":[],"sources":["../../../src/recipes/account-switcher/account-switcher.tsx"],"mappings":";iBAqBiB;EACf;EACA;EACA;EACA;;;;iBAKe;EACf,QAAQ;EACR,QAAQ,cAAc;;EAEtB;EACA,WAAW,eAAe;EAC1B;;EAEA,iBAAiB;EACjB,oBAAoB;;wBAiDN,kBAAkB;EAAc,UAAU;oBAAc,IAAA"}

package/dist/recipes/account-switcher/account-switcher.js

@@ -0,0 +1,124 @@
+import { Button } from "../../components/ui/button.js";
+import { Avatar, AvatarFallback, AvatarImage } from "../../components/ui/avatar.js";
+import { cn } from "../../components/lib/utils.js";
+import { MaskedEmail } from "../parts/email-privacy/email-privacy.js";
+import { Badge } from "../../components/ui/badge.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "../../components/ui/dropdown-menu.js";
+import { Spinner } from "../../components/ui/spinner.js";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, LogOut, Plus } from "lucide-react";
+import { toast } from "sonner";
+//#region src/recipes/account-switcher/account-switcher.tsx
+const initials = (account) => (account.name || account.email).split(/[\s@]+/).filter(Boolean).slice(0, 2).map((part) => part.charAt(0).toUpperCase()).join("");
+function AccountAvatar({ account, className }) {
+	return /* @__PURE__ */ jsxs(Avatar, {
+		className: cn("size-6 text-[0.6rem]", className),
+		children: [account.image ? /* @__PURE__ */ jsx(AvatarImage, {
+			src: account.image,
+			alt: ""
+		}) : null, /* @__PURE__ */ jsx(AvatarFallback, { children: initials(account) })]
+	});
+}
+function AccountIdentity({ account }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: "flex min-w-0 flex-1 flex-col",
+		children: [account.name ? /* @__PURE__ */ jsx("span", {
+			className: "truncate text-sm",
+			children: account.name
+		}) : null, /* @__PURE__ */ jsx("span", {
+			className: cn("truncate", account.name ? "text-xs text-muted-foreground" : "text-sm"),
+			children: /* @__PURE__ */ jsx(MaskedEmail, { email: account.email })
+		})]
+	});
+}
+const failureMessage = (cause) => cause instanceof Error && cause.message ? cause.message : "That did not work. Try again.";
+function AccountSwitcher({ accounts }) {
+	const [open, setOpen] = useState(false);
+	const [busy, setBusy] = useState(null);
+	const { active, others } = accounts;
+	const run = (key, action) => {
+		if (busy) return;
+		setBusy(key);
+		action().then(() => setOpen(false)).catch((cause) => toast.error(failureMessage(cause))).finally(() => setBusy(null));
+	};
+	return /* @__PURE__ */ jsxs(DropdownMenu, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsxs(DropdownMenuTrigger, {
+			render: /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "sm",
+				"aria-label": others.length > 0 ? `Signed in as ${active.email} and ${others.length} more. Switch account` : `Signed in as ${active.email}. Account menu`,
+				className: "h-8 max-w-64 gap-1.5 px-1.5 text-muted-foreground hover:text-foreground"
+			}),
+			children: [
+				/* @__PURE__ */ jsx(AccountAvatar, { account: active }),
+				/* @__PURE__ */ jsx("span", {
+					className: "hidden max-w-40 truncate text-xs sm:inline",
+					children: /* @__PURE__ */ jsx(MaskedEmail, { email: active.email })
+				}),
+				others.length > 0 ? /* @__PURE__ */ jsxs(Badge, {
+					variant: "secondary",
+					className: "h-4 px-1.5 text-[0.65rem]",
+					children: ["+", others.length]
+				}) : null,
+				/* @__PURE__ */ jsx(ChevronDown, {
+					"aria-hidden": true,
+					className: "size-3.5 shrink-0 opacity-70"
+				})
+			]
+		}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+			align: "end",
+			className: "w-72",
+			children: [
+				/* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-3 px-2 py-2",
+					children: [/* @__PURE__ */ jsx(AccountAvatar, {
+						account: active,
+						className: "size-9 text-xs"
+					}), /* @__PURE__ */ jsx(AccountIdentity, { account: active })]
+				}), /* @__PURE__ */ jsxs(DropdownMenuItem, {
+					closeOnClick: false,
+					disabled: busy !== null,
+					onClick: () => run("sign-out", accounts.onSignOut),
+					children: [busy === "sign-out" ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx(LogOut, {}), "Sign out"]
+				})] }),
+				others.length > 0 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [/* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Switch to" }), others.map((account) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+					closeOnClick: false,
+					disabled: busy !== null,
+					className: "gap-3 py-2",
+					onClick: () => run(account.id, () => accounts.onSwitch(account.id)),
+					children: [busy === account.id ? /* @__PURE__ */ jsx("span", {
+						className: "flex size-7 shrink-0 items-center justify-center",
+						children: /* @__PURE__ */ jsx(Spinner, {})
+					}) : /* @__PURE__ */ jsx(AccountAvatar, {
+						account,
+						className: "size-7"
+					}), /* @__PURE__ */ jsx(AccountIdentity, { account })]
+				}, account.id))] })] }) : null,
+				/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+				accounts.canAdd ? /* @__PURE__ */ jsxs(DropdownMenuItem, {
+					disabled: busy !== null,
+					onClick: accounts.onAdd,
+					children: [/* @__PURE__ */ jsx(Plus, {}), "Add another account"]
+				}) : /* @__PURE__ */ jsx("p", {
+					className: "px-2 py-1.5 text-xs text-pretty text-muted-foreground",
+					children: "You have reached the account limit. Sign out of one to add another."
+				}),
+				others.length > 0 ? /* @__PURE__ */ jsxs(DropdownMenuItem, {
+					variant: "destructive",
+					closeOnClick: false,
+					disabled: busy !== null,
+					className: "mt-2",
+					onClick: () => run("sign-out-all", accounts.onSignOutAll),
+					children: [busy === "sign-out-all" ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx(LogOut, {}), "Sign out of all accounts"]
+				}) : null
+			]
+		})]
+	});
+}
+//#endregion
+export { AccountSwitcher };
+
+//# sourceMappingURL=account-switcher.js.map

package/dist/recipes/account-switcher/account-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-switcher.js","names":[],"sources":["../../../src/recipes/account-switcher/account-switcher.tsx"],"sourcesContent":["import { ChevronDown, LogOut, Plus } from 'lucide-react';\nimport { useState } from 'react';\nimport { toast } from 'sonner';\n\nimport { Avatar, AvatarFallback, AvatarImage } from '#components/ui/avatar';\nimport { Badge } from '#components/ui/badge';\nimport { Button } from '#components/ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '#components/ui/dropdown-menu';\nimport { Spinner } from '#components/ui/spinner';\nimport { cn } from '#lib/utils';\n\nimport { MaskedEmail } from '../parts/email-privacy';\n\nexport interface SignedInAccount {\n  id: string;\n  name: string;\n  email: string;\n  image?: string | null | undefined;\n}\n\n/** The browser's Signed-in Accounts: who is active, who else is signed in,\n * and what the User may do about it. */\nexport interface AccountsView {\n  active: SignedInAccount;\n  others: ReadonlyArray<SignedInAccount>;\n  /** False once the deployment's account limit is reached. */\n  canAdd: boolean;\n  onSwitch: (id: string) => Promise<unknown>;\n  onAdd: () => void;\n  /** Signs out the Active Account only. */\n  onSignOut: () => Promise<unknown>;\n  onSignOutAll: () => Promise<unknown>;\n}\n\nconst initials = (account: SignedInAccount) =>\n  (account.name || account.email)\n    .split(/[\\s@]+/)\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((part) => part.charAt(0).toUpperCase())\n    .join('');\n\nfunction AccountAvatar({\n  account,\n  className,\n}: {\n  account: SignedInAccount;\n  className?: string;\n}) {\n  return (\n    <Avatar className={cn('size-6 text-[0.6rem]', className)}>\n      {account.image ? <AvatarImage src={account.image} alt=\"\" /> : null}\n      <AvatarFallback>{initials(account)}</AvatarFallback>\n    </Avatar>\n  );\n}\n\nfunction AccountIdentity({ account }: { account: SignedInAccount }) {\n  return (\n    <span className=\"flex min-w-0 flex-1 flex-col\">\n      {account.name ? (\n        <span className=\"truncate text-sm\">{account.name}</span>\n      ) : null}\n      <span\n        className={cn(\n          'truncate',\n          account.name ? 'text-xs text-muted-foreground' : 'text-sm',\n        )}\n      >\n        <MaskedEmail email={account.email} />\n      </span>\n    </span>\n  );\n}\n\nconst failureMessage = (cause: unknown) =>\n  cause instanceof Error && cause.message\n    ? cause.message\n    : 'That did not work. Try again.';\n\nexport function AccountSwitcher({ accounts }: { accounts: AccountsView }) {\n  const [open, setOpen] = useState(false);\n  const [busy, setBusy] = useState<string | null>(null);\n  const { active, others } = accounts;\n\n  const run = (key: string, action: () => Promise<unknown>) => {\n    if (busy) return;\n    setBusy(key);\n    action()\n      .then(() => setOpen(false))\n      .catch((cause: unknown) => toast.error(failureMessage(cause)))\n      .finally(() => setBusy(null));\n  };\n\n  return (\n    <DropdownMenu open={open} onOpenChange={setOpen}>\n      <DropdownMenuTrigger\n        render={\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label={\n              others.length > 0\n                ? `Signed in as ${active.email} and ${others.length} more. Switch account`\n                : `Signed in as ${active.email}. Account menu`\n            }\n            className=\"h-8 max-w-64 gap-1.5 px-1.5 text-muted-foreground hover:text-foreground\"\n          />\n        }\n      >\n        <AccountAvatar account={active} />\n        <span className=\"hidden max-w-40 truncate text-xs sm:inline\">\n          <MaskedEmail email={active.email} />\n        </span>\n        {others.length > 0 ? (\n          <Badge variant=\"secondary\" className=\"h-4 px-1.5 text-[0.65rem]\">\n            +{others.length}\n          </Badge>\n        ) : null}\n        <ChevronDown aria-hidden className=\"size-3.5 shrink-0 opacity-70\" />\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"w-72\">\n        <DropdownMenuGroup>\n          <div className=\"flex items-center gap-3 px-2 py-2\">\n            <AccountAvatar account={active} className=\"size-9 text-xs\" />\n            <AccountIdentity account={active} />\n          </div>\n          <DropdownMenuItem\n            closeOnClick={false}\n            disabled={busy !== null}\n            onClick={() => run('sign-out', accounts.onSignOut)}\n          >\n            {busy === 'sign-out' ? <Spinner /> : <LogOut />}\n            Sign out\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        {others.length > 0 ? (\n          <>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuLabel>Switch to</DropdownMenuLabel>\n              {others.map((account) => (\n                <DropdownMenuItem\n                  key={account.id}\n                  closeOnClick={false}\n                  disabled={busy !== null}\n                  className=\"gap-3 py-2\"\n                  onClick={() =>\n                    run(account.id, () => accounts.onSwitch(account.id))\n                  }\n                >\n                  {busy === account.id ? (\n                    <span className=\"flex size-7 shrink-0 items-center justify-center\">\n                      <Spinner />\n                    </span>\n                  ) : (\n                    <AccountAvatar account={account} className=\"size-7\" />\n                  )}\n                  <AccountIdentity account={account} />\n                </DropdownMenuItem>\n              ))}\n            </DropdownMenuGroup>\n          </>\n        ) : null}\n        <DropdownMenuSeparator />\n        {accounts.canAdd ? (\n          <DropdownMenuItem disabled={busy !== null} onClick={accounts.onAdd}>\n            <Plus />\n            Add another account\n          </DropdownMenuItem>\n        ) : (\n          <p className=\"px-2 py-1.5 text-xs text-pretty text-muted-foreground\">\n            You have reached the account limit. Sign out of one to add another.\n          </p>\n        )}\n        {others.length > 0 ? (\n          <DropdownMenuItem\n            variant=\"destructive\"\n            closeOnClick={false}\n            disabled={busy !== null}\n            className=\"mt-2\"\n            onClick={() => run('sign-out-all', accounts.onSignOutAll)}\n          >\n            {busy === 'sign-out-all' ? <Spinner /> : <LogOut />}\n            Sign out of all accounts\n          </DropdownMenuItem>\n        ) : null}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"mappings":"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"}

package/dist/recipes/account-switcher/index.d.ts

@@ -0,0 +1,2 @@
+import { AccountSwitcher, AccountsView, SignedInAccount } from "./account-switcher.js";
+export { AccountSwitcher, type AccountsView, type SignedInAccount };

package/dist/recipes/account-switcher/index.js

@@ -0,0 +1,2 @@
+import { AccountSwitcher } from "./account-switcher.js";
+export { AccountSwitcher };