don't break next/landing page compute server templates

Author: williamstein

src/packages/frontend/compute/public-templates.tsx

@@ -1,6 +1,7 @@
 import { Select, Spin, Tag, Tooltip } from "antd";
 import { useEffect, useState } from "react";
-import { getTemplates } from "@cocalc/frontend/compute/api";
+import api from "@cocalc/frontend/client/api";
+import TTL from "@isaacs/ttlcache";
 import type { ConfigurationTemplate } from "@cocalc/util/compute/templates";
 import type { HyperstackConfiguration } from "@cocalc/util/db-schema/compute-servers";
 import { CLOUDS_BY_NAME } from "@cocalc/util/compute/cloud/clouds";
@@ -13,6 +14,17 @@ import { filterOption } from "@cocalc/frontend/compute/util";
 import DisplayCloud from "./display-cloud";
 import { Icon } from "@cocalc/frontend/components/icon";
 
+const templatesCache = new TTL({ ttl: 60 * 1000 * 15 });
+export async function getTemplates() {
+  if (templatesCache.has("templates")) {
+    return templatesCache.get("templates")!;
+  }
+  // use nextjs api instead of conat, since this component is used on the landing page.
+  const x = await api("compute/get-templates");
+  templatesCache.set("templates", x);
+  return x;
+}
+
 const { CheckableTag } = Tag;
 
 const TAGS = {

src/packages/server/compute/database-cache.ts

@@ -102,7 +102,10 @@ export function createTTLCache({
 //    -- list of all volumes defined in hyperstack
 //    -- hyperstack pricing data
 
-type GetFunction<T> = (opts?: { noCache?: boolean }) => Promise<T>;
+type GetFunction<T> = (opts?: {
+  noCache?: boolean;
+  account_id?: string;
+}) => Promise<T>;
 
 export function createDatabaseCachedResource<T>({
   cloud,