@frigear-nu/subscriptions 0.1.1 → 0.1.2

package/README.md

@@ -119,8 +119,8 @@ Redirects to `redirectTo` (else the membership page) with `?redirect=<route>`; a
 
 ## Composables and components
 
-- `usePlans()` - `{ plans, status, error, refresh }`.
-- `useSubscription()` - `{ subscription, plan, status, isActive, cancelsAt, has(plan), pending, error, refresh, subscribe(planKeyOrPriceId, { successUrl?, cancelUrl? }), openPortal(returnUrl?) }`.
+- `usePlans()` - `{ plans, status, loading, error, refresh }`.
+- `useSubscription()` - `{ subscription, plan, status, loading, loadError, isActive, cancelsAt, has(plan), pending, error, refresh, subscribe(planKeyOrPriceId, { successUrl?, cancelUrl? }), openPortal(returnUrl?) }`.
 - `<SubscriptionPlans>` - props `locale`, `currency`, `interval`, `plans`, `confirmChange`; slots `loading`,
   `empty`, `header`, `badge`, `price`, `features`, `action`, `confirm`, `confirm-actions`.
 - `<SubscriptionStatus>` - props `locale`; slots `header`, `loading`, `empty`, `plan`, `badge`, `dates`, `actions`.

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@frigear-nu/subscriptions",
   "configKey": "subscriptions",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -1,5 +1,5 @@
-import { defineNuxtModule, createResolver, hasNuxtModule, addServerHandler, addServerImportsDir, addImports, addComponentsDir, addPlugin, addRouteMiddleware } from '@nuxt/kit';
-import { registerModule, registerTailwindSource, registerLocales, resolvePagePath, registerDatabaseTable, moduleApiUrl, inlineModuleRuntime, addModulePages, addOptionalMenuSource } from '@frigear-nu/module-kit/utils';
+import { defineNuxtModule, createResolver, hasNuxtModule, addServerHandler, addServerImportsDir, addImports, addComponentsDir, addRouteMiddleware } from '@nuxt/kit';
+import { registerModule, registerTailwindSource, registerLocales, resolvePagePath, registerDatabaseTable, moduleApiUrl, registerBootstrapProvider, inlineModuleRuntime, addModulePages, addOptionalMenuSource } from '@frigear-nu/module-kit/utils';
 import { addAuthScope } from '@frigear-nu/auth/utils';
 import { extendUsersAdmin } from '@frigear-nu/users/utils';
 import { addMcpDefinitions } from '@frigear-nu/mcp/utils';
@@ -97,6 +97,11 @@ const module$1 = defineNuxtModule({
       method: "get",
       handler: resolver.resolve("./runtime/server/routes/subscriptions/me.get")
     });
+    registerBootstrapProvider(nuxt, {
+      scope: "account",
+      key: "subscriptions:me",
+      handler: resolver.resolve("./runtime/server/bootstrap/my-subscriptions")
+    });
     addServerHandler({
       route: moduleApiUrl("subscriptions", "checkout"),
       method: "post",
@@ -139,7 +144,6 @@ const module$1 = defineNuxtModule({
       { name: "useSubscription", from: resolver.resolve("./runtime/app/composables/useSubscription") }
     ]);
     addComponentsDir({ path: resolver.resolve("./runtime/app/components") });
-    addPlugin({ src: resolver.resolve("./runtime/app/plugins/warm-plans.client"), mode: "client" });
     addRouteMiddleware({
       name: "subscription",
       path: resolver.resolve("./runtime/app/middleware/subscription")

package/dist/runtime/app/components/SubscriptionPlans.vue

@@ -17,8 +17,8 @@ const emit = defineEmits(["select"]);
 const t = useModuleT("subscriptions.plans");
 const tp = useModuleT("subscriptions.catalog");
 const ti = useModuleT("subscriptions.interval");
-const { plans: allPlans, status } = usePlans();
-const { plan: currentPlan, isActive, cancelsAt, pending, subscribe, error, status: subscriptionStatus } = useSubscription();
+const { plans: allPlans, loading: plansLoading } = usePlans();
+const { plan: currentPlan, isActive, cancelsAt, pending, subscribe, error, status: subscriptionStatus, loading: subscriptionLoading } = useSubscription();
 const { loggedIn } = useUserSession();
 const format = useFormat();
 const route = useRoute();
@@ -196,7 +196,7 @@ watch([visible, subscriptionStatus, loggedIn], () => {
               block
               size="lg"
               class="uppercase"
-              :loading="pending"
+              :loading="pending || loggedIn && subscriptionLoading"
               :disabled="stateOf(plan) === 'current' || !priceFor(plan)"
               :variant="stateOf(plan) === 'current' ? 'subtle' : 'solid'"
               :label="loggedIn ? stateLabel(stateOf(plan)) : t('subscribe', 'Subscribe')"
@@ -208,7 +208,7 @@ watch([visible, subscriptionStatus, loggedIn], () => {
     </DefineCard>
 
     <slot
-      v-if="status === 'pending' && !visible.length"
+      v-if="plansLoading && !visible.length"
       name="loading"
     >
       <p class="text-center text-sm text-muted">

package/dist/runtime/app/components/SubscriptionStatus.d.vue.ts

@@ -13,13 +13,8 @@ declare var __VLS_9: {}, __VLS_11: {}, __VLS_13: {
     cancelsAt: any;
     dateText: any;
 }, __VLS_25: {}, __VLS_33: {
-    manage: () => Promise<void | undefined>;
-    resubscribe: () => Promise<({
-        url: string;
-    } | {
-        updated: true;
-        kind: "upgrade" | "downgrade" | "resume";
-    }) | undefined>;
+    manage: () => any;
+    resubscribe: () => any;
     cancelling: boolean;
     pending: any;
 };

package/dist/runtime/app/components/SubscriptionStatus.vue

@@ -10,7 +10,7 @@ const t = useModuleT("subscriptions.status");
 const tp = useModuleT("subscriptions.catalog");
 const format = useFormat();
 const { plans } = usePlans();
-const { subscription, plan, status, isActive, cancelsAt, pending, error, subscribe, openPortal } = useSubscription();
+const { subscription, plan, isActive, cancelsAt, loading, pending, error, subscribe, openPortal } = useSubscription();
 const planLabel = computed(() => {
   const found = plans.value.find((p) => p.key === plan.value);
   return plan.value ? tp(`${plan.value}.label`, found?.label ?? plan.value) : plan.value;
@@ -49,7 +49,7 @@ const manage = () => openPortal().catch(() => void 0);
     </template>
 
     <slot
-      v-if="status === 'pending' && !subscription"
+      v-if="loading"
       name="loading"
     >
       <p class="text-muted text-sm">

package/dist/runtime/app/components/SubscriptionStatus.vue.d.ts

@@ -13,13 +13,8 @@ declare var __VLS_9: {}, __VLS_11: {}, __VLS_13: {
     cancelsAt: any;
     dateText: any;
 }, __VLS_25: {}, __VLS_33: {
-    manage: () => Promise<void | undefined>;
-    resubscribe: () => Promise<({
-        url: string;
-    } | {
-        updated: true;
-        kind: "upgrade" | "downgrade" | "resume";
-    }) | undefined>;
+    manage: () => any;
+    resubscribe: () => any;
     cancelling: boolean;
     pending: any;
 };

package/dist/runtime/app/composables/usePlans.d.ts

@@ -21,14 +21,7 @@ export type PlansResponse = {
 };
 /** Matches the server-side KV cache (`CACHE_TTL_SECONDS`), so a client-side hit is never older than the server's own. */
 export declare const PLANS_CLIENT_CACHE_MS: number;
-export type PlansCache = {
-    at: number;
-    data: PlansResponse;
-} | null;
-export declare const usePlansCache: () => any;
-export declare const usePlans: () => {
-    plans: any;
-    status: any;
-    error: any;
-    refresh: any;
-};
+/** The `useCachedFetch` key of the plans. */
+export declare const PLANS_KEY = "subscriptions:plans";
+/** The plans, sorted by rank. Awaitable, like `useSubscription`. */
+export declare const usePlans: () => any;

package/dist/runtime/app/composables/usePlans.js

@@ -1,18 +1,14 @@
 export const PLANS_CLIENT_CACHE_MS = 5 * 60 * 1e3;
-export const usePlansCache = () => useState("subscriptions:plans:cache", () => null);
+export const PLANS_KEY = "subscriptions:plans";
 export const usePlans = () => {
-  const cache = usePlansCache();
-  const { data, status, error, refresh } = useFetch("/api/subscriptions/plans", {
-    key: "subscriptions:plans",
-    default: () => ({ plans: [] }),
-    getCachedData: (_key, _nuxtApp, ctx) => ctx.cause !== "refresh:manual" && cache.value && Date.now() - cache.value.at < PLANS_CLIENT_CACHE_MS ? cache.value.data : void 0,
-    transform: (response) => {
-      cache.value = { at: Date.now(), data: response };
-      return response;
-    }
+  const fetched = useCachedFetch("/api/subscriptions/plans", {
+    key: PLANS_KEY,
+    ttl: PLANS_CLIENT_CACHE_MS
   });
+  const { data, status, error, loading, refresh } = fetched;
   const plans = computed(
     () => [...data.value?.plans ?? []].sort((a, b) => a.rank - b.rank)
   );
-  return { plans, status, error, refresh };
+  const api = { plans, status, error, loading, refresh };
+  return Object.assign(fetched.then(() => api), api);
 };

package/dist/runtime/app/composables/useSubscription.d.ts

@@ -1,4 +1,3 @@
-import type { MaybeRefOrGetter } from 'vue';
 export interface UserSubscription {
     id: string;
     planKey: string | null;
@@ -10,26 +9,9 @@ export interface UserSubscription {
     endedAt: string | null;
     source?: 'stripe' | 'manual';
 }
-type CheckoutResponse = {
-    url: string;
-} | {
-    updated: true;
-    kind: 'upgrade' | 'downgrade' | 'resume';
-};
-export declare const useSubscription: () => {
-    subscription: any;
-    plan: any;
-    status: any;
-    isActive: any;
-    cancelsAt: any;
-    has: (planKey: MaybeRefOrGetter<string>) => any;
-    pending: any;
-    error: any;
-    refresh: any;
-    subscribe: (planKeyOrPriceId: string, options?: {
-        successUrl?: string;
-        cancelUrl?: string;
-    }) => Promise<CheckoutResponse>;
-    openPortal: (returnUrl?: string) => Promise<void>;
-};
-export {};
+/**
+ * The signed-in user's subscription and the checkout / billing-portal actions. Awaitable: `await useSubscription()` in
+ * a page renders the subscription on the server; components and widgets can use it without `await` and show a
+ * placeholder while `loading`.
+ */
+export declare const useSubscription: () => any;

package/dist/runtime/app/composables/useSubscription.js

@@ -1,5 +1,6 @@
 const ACTIVE_STATUSES = ["active", "trialing"];
 const CLIENT_CACHE_MS = 60 * 1e3;
+const ME_KEY = "subscriptions:me";
 function isEntitled(item) {
   if (!ACTIVE_STATUSES.includes(item.status) || item.endedAt) return false;
   return !(item.source === "manual" && item.currentPeriodEnd && new Date(item.currentPeriodEnd).getTime() <= Date.now());
@@ -9,24 +10,16 @@ export const useSubscription = () => {
   const t = useModuleT("subscriptions");
   const pending = ref(false);
   const error = ref(null);
-  const cache = useState("subscriptions:me:cache", () => null);
-  const { data, status, refresh } = useFetch("/api/subscriptions/me", {
-    key: "subscriptions:me",
-    default: () => ({ subscriptions: [], activePlan: null }),
+  const fetched = useCachedFetch("/api/subscriptions/me", {
+    key: ME_KEY,
+    ttl: CLIENT_CACHE_MS,
     immediate: loggedIn.value,
-    watch: false,
-    getCachedData: (_key, _nuxtApp, ctx) => ctx.cause !== "refresh:manual" && cache.value && Date.now() - cache.value.at < CLIENT_CACHE_MS ? cache.value.data : void 0,
-    transform: (response) => {
-      cache.value = { at: Date.now(), data: response };
-      return response;
-    }
+    watch: false
   });
+  const { data, status, error: loadError, loading, refresh, clear } = fetched;
   watch(loggedIn, (value) => {
     if (value) refresh();
-    else {
-      cache.value = null;
-      data.value = { subscriptions: [], activePlan: null };
-    }
+    else clear();
   });
   const subscription = computed(() => {
     const list = data.value?.subscriptions ?? [];
@@ -83,5 +76,6 @@ export const useSubscription = () => {
       await navigateTo(url, { external: true });
     }, t("errors.portal", "Failed to open the billing portal."));
   }
-  return { subscription, plan, status, isActive, cancelsAt, has, pending, error, refresh, subscribe, openPortal };
+  const api = { subscription, plan, status, loading, loadError, isActive, cancelsAt, has, pending, error, refresh, subscribe, openPortal };
+  return Object.assign(fetched.then(() => api), api);
 };

package/dist/runtime/app/middleware/subscription.js

@@ -3,12 +3,8 @@ export default defineNuxtRouteMiddleware(async (to) => {
   const config = useRuntimeConfig().public.subscriptions;
   const target = meta?.redirectTo ?? config?.pages?.membership;
   if (!target || to.path === target) return;
-  const { loggedIn } = useUserSession();
-  let activePlan = null;
-  if (loggedIn.value) {
-    const me = await useRequestFetch()("/api/subscriptions/me").catch(() => null);
-    activePlan = me?.activePlan ?? null;
-  }
+  const { plan } = await useSubscription();
+  const activePlan = plan.value;
   const allowed = activePlan !== null && (!meta?.plans?.length || meta.plans.includes(activePlan));
   if (!allowed) return navigateTo({ path: target, query: { redirect: to.fullPath } });
 });

package/dist/runtime/app/pages/membership.vue

@@ -4,13 +4,27 @@ import SubscriptionStatus from "../components/SubscriptionStatus.vue";
 import { useSubscription } from "../composables/useSubscription";
 defineOptions({ name: "SubscriptionMembershipPage" });
 const t = useModuleT("subscriptions");
-const { isActive, cancelsAt } = useSubscription();
+const { isActive, cancelsAt, loading, loadError, refresh } = await useSubscription();
 const { loggedIn } = useUserSession();
 </script>
 
 <template>
   <div class="flex flex-col gap-6">
-    <SubscriptionStatus v-if="isActive" />
+    <!-- Until the subscription is known, a placeholder the size of the status card: never the "join" hero. -->
+    <SectionCard
+      v-if="loading"
+      :title="t('status.title', 'Your subscription')"
+      icon="i-lucide-credit-card"
+      loading
+    />
+    <SubscriptionStatus v-else-if="isActive" />
+    <UEmpty
+      v-else-if="loadError"
+      icon="i-lucide-circle-alert"
+      :title="t('status.loadFailed', 'Your membership could not be loaded')"
+      :description="errorMessage(loadError, '')"
+      :actions="[{ label: t('status.tryAgain', 'Try again'), icon: 'i-lucide-rotate-ccw', color: 'neutral', variant: 'outline', onClick: () => refresh() }]"
+    />
     <div
       v-else-if="loggedIn"
       class="flex flex-col gap-1"

package/dist/runtime/app/pages/success.vue

@@ -2,7 +2,7 @@
 import { useSubscription } from "../composables/useSubscription";
 defineOptions({ name: "SubscriptionSuccessPage" });
 const t = useModuleT("subscriptions.success");
-const { refresh, isActive } = useSubscription();
+const { refresh, isActive } = await useSubscription();
 const { localize } = useLocaleLink();
 const membership = useRuntimeConfig().public.subscriptions?.pages?.membership;
 const MAX_ATTEMPTS = 40;

package/dist/runtime/app/tabs/Membership.vue

@@ -7,10 +7,11 @@ const emit = defineEmits(["refresh"]);
 const t = useModuleT("subscriptions.admin");
 const format = useFormat();
 const UBadge = resolveComponent("UBadge");
-const { data: history, refresh: refreshHistory, status } = useLazyFetch(
+const { data: history, refresh: refreshHistory, status, error } = useLazyFetch(
   () => `/api/admin/users/${props.user.id}/subscriptions`,
   { key: () => `admin-subscriptions-${props.user.id}` }
 );
+const loading = computed(() => status.value === "pending" && !history.value);
 const date = (value) => format.date(value) || "\u2013";
 const columns = computed(() => [
   { accessorKey: "planKey", header: t("history.plan", "Plan"), cell: ({ row }) => row.original.planKey ?? row.original.priceId },
@@ -38,15 +39,24 @@ async function changed() {
     <SectionCard
       :title="t('history.title', 'Subscription history')"
       flush
+      :loading="loading"
     >
       <UTable
         :data="history?.subscriptions ?? []"
         :columns="columns"
-        :loading="status === 'pending'"
+        :loading="status === 'pending' && !loading"
         :ui="tableUi({ tr: '' })"
       >
         <template #empty>
           <UEmpty
+            v-if="error"
+            variant="naked"
+            icon="i-lucide-circle-alert"
+            :title="t('history.loadFailed', 'The subscription history could not be loaded')"
+            :description="errorMessage(error, '')"
+          />
+          <UEmpty
+            v-else
             variant="naked"
             icon="i-lucide-badge-check"
             :title="t('history.empty', 'No subscriptions yet.')"

package/dist/runtime/app/widgets/MembershipSummary.vue

@@ -8,7 +8,7 @@ const tp = useModuleT("subscriptions.catalog");
 const format = useFormat();
 const { localize } = useLocaleLink();
 const { plans } = usePlans();
-const { subscription, plan, status, isActive, cancelsAt } = useSubscription();
+const { subscription, plan, isActive, cancelsAt, loading } = useSubscription();
 const membership = useRuntimeConfig().public.subscriptions?.pages?.membership;
 const planLabel = computed(() => {
   if (!plan.value) return "";
@@ -28,7 +28,7 @@ const hint = computed(() => {
     :label="t('label', 'Membership')"
     icon="i-lucide-credit-card"
     :to="membership ? localize(membership) : void 0"
-    :loading="status === 'pending' && !subscription"
+    :loading="loading"
     :value="isActive ? planLabel : void 0"
     :hint="isActive ? hint : void 0"
     :empty="t('none', 'No active membership')"

package/dist/runtime/i18n/lang/da.json

@@ -56,7 +56,9 @@
       "free": "Gratis medlemskab",
       "freeUntil": "Gratis medlemskab til {date}",
       "heroTitle": "Bliv en del af holdet i dag",
-      "heroDescription": "Opret dit medlemskab for at komme i gang!"
+      "heroDescription": "Opret dit medlemskab for at komme i gang!",
+      "loadFailed": "Dit medlemskab kunne ikke indlæses",
+      "tryAgain": "Prøv igen"
     },
     "success": {
       "title": "Tak!",
@@ -107,6 +109,7 @@
       "currentSubscription": "Nuværende abonnement",
       "history": {
         "title": "Abonnementshistorik",
+        "loadFailed": "Abonnementshistorikken kunne ikke hentes",
         "empty": "Ingen abonnementer endnu.",
         "plan": "Plan",
         "status": "Status",

package/dist/runtime/i18n/lang/en.json

@@ -56,7 +56,9 @@
       "free": "Free membership",
       "freeUntil": "Free membership until {date}",
       "heroTitle": "Join the team today",
-      "heroDescription": "Set up your membership to get started!"
+      "heroDescription": "Set up your membership to get started!",
+      "loadFailed": "Your membership could not be loaded",
+      "tryAgain": "Try again"
     },
     "success": {
       "title": "Thank you!",
@@ -107,6 +109,7 @@
       "currentSubscription": "Current subscription",
       "history": {
         "title": "Subscription history",
+        "loadFailed": "The subscription history could not be loaded",
         "empty": "No subscriptions yet.",
         "plan": "Plan",
         "status": "Status",

package/dist/runtime/server/bootstrap/my-subscriptions.d.ts

@@ -0,0 +1,7 @@
+import type { H3Event } from 'h3';
+import type { MeResponse } from '../../../types.js';
+/**
+ * The caller's subscriptions: the body of `GET /api/subscriptions/me` and the account bootstrap's `subscriptions:me`
+ * (the key `useSubscription()` reads), so both always return the same thing.
+ */
+export default function mySubscriptions(event: H3Event): Promise<MeResponse>;

package/dist/runtime/server/bootstrap/my-subscriptions.js

@@ -0,0 +1,4 @@
+export default async function mySubscriptions(event) {
+  const user = await requireUser(event, { scopes: ["subscriptions:read"] });
+  return listUserSubscriptions(user.id);
+}

package/dist/runtime/server/routes/subscriptions/me.get.js

@@ -1,4 +1,2 @@
-export default defineEventHandler(async (event) => {
-  const user = await requireUser(event, { scopes: ["subscriptions:read"] });
-  return listUserSubscriptions(user.id);
-});
+import mySubscriptions from "../../bootstrap/my-subscriptions.js";
+export default defineEventHandler(mySubscriptions);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frigear-nu/subscriptions",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Recurring subscriptions (plans, checkout, upgrade/downgrade, billing portal and entitlements) for the frigear ecosystem, built on @frigear-nu/stripe.",
   "homepage": "https://docs.frigear.dev/modules/subscriptions",
   "repository": {
@@ -30,13 +30,13 @@
     "playground"
   ],
   "dependencies": {
-    "@frigear-nu/auth": "0.1.2",
-    "@frigear-nu/mcp": "0.1.1",
-    "@frigear-nu/module-kit": "1.1.1",
-    "@frigear-nu/notify": "0.1.1",
-    "@frigear-nu/stripe": "0.1.1",
-    "@frigear-nu/ui": "0.1.1",
-    "@frigear-nu/users": "1.1.2",
+    "@frigear-nu/auth": "0.1.3",
+    "@frigear-nu/mcp": "0.1.2",
+    "@frigear-nu/module-kit": "1.1.2",
+    "@frigear-nu/notify": "0.1.2",
+    "@frigear-nu/stripe": "0.1.2",
+    "@frigear-nu/ui": "0.1.2",
+    "@frigear-nu/users": "1.1.3",
     "@libsql/client": "^0.18.0",
     "@nuxt/kit": "^4.6.1",
     "@vueuse/core": "^15.0.0",
@@ -49,9 +49,9 @@
   },
   "peerDependencies": {
     "@frigear-nu/email-templates": "0.1.0",
-    "@frigear-nu/menu": "0.1.1",
-    "@frigear-nu/widget": "0.1.1",
-    "@nuxt/ui": "^4.11.2",
+    "@frigear-nu/menu": "0.1.2",
+    "@frigear-nu/widget": "0.1.2",
+    "@nuxt/ui": "^4.12.0",
     "@nuxthub/core": "^0.10.8"
   },
   "peerDependenciesMeta": {
@@ -70,14 +70,14 @@
   },
   "devDependencies": {
     "@frigear-nu/email-templates": "0.1.0",
-    "@frigear-nu/menu": "0.1.1",
-    "@frigear-nu/widget": "0.1.1",
+    "@frigear-nu/menu": "0.1.2",
+    "@frigear-nu/widget": "0.1.2",
     "@nuxt/devtools": "^3.4.2",
     "@nuxt/eslint-config": "^1.17.0",
     "@nuxt/module-builder": "^1.0.3",
     "@nuxt/schema": "^4.6.1",
     "@nuxt/test-utils": "^4.3.2",
-    "@nuxt/ui": "^4.11.2",
+    "@nuxt/ui": "^4.12.0",
     "@nuxthub/core": "^0.10.8",
     "@types/node": "^26.6.5",
     "changelogen": "^0.6.2",

package/dist/runtime/app/plugins/warm-plans.client.d.ts

@@ -1,6 +0,0 @@
-/**
- * Pre-loads the plans once the app is interactive, so the first client-side navigation to a page with the pricing
- * table (from a page that never fetched them) renders instantly instead of waiting for a round trip.
- */
-declare const _default: any;
-export default _default;

package/dist/runtime/app/plugins/warm-plans.client.js

@@ -1,12 +0,0 @@
-import { PLANS_CLIENT_CACHE_MS, usePlansCache } from "../composables/usePlans.js";
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.hook("app:mounted", () => {
-    const cache = usePlansCache();
-    if (cache.value && Date.now() - cache.value.at < PLANS_CLIENT_CACHE_MS) return;
-    const warm = () => $fetch("/api/subscriptions/plans").then((data) => {
-      cache.value = { at: Date.now(), data };
-    }).catch(() => void 0);
-    if ("requestIdleCallback" in window) window.requestIdleCallback(() => void warm());
-    else setTimeout(() => void warm(), 1e3);
-  });
-});