@appscode/design-system 1.1.0-alpha.9 → 1.1.0-beta.3

package/plugins/caching.ts

@@ -1,243 +0,0 @@
-import { AxiosRequestConfig, AxiosResponse } from "axios";
-import md5 from "crypto-js/md5";
-import stringify from "fast-json-stable-stringify";
-
-const resourceListApiRgx =
-  /^\/clusters\/([^/]+)\/([^/]+)\/proxy\/([^/]+)\/([^/]+)(\/namespaces\/([^/?]+))?\/([^/?]+)(.*)$/;
-const usermenuUpdateApiRgx =
-  /^\/clusters\/([^/]+)\/([^/]+)\/proxy\/meta\.k8s\.appscode\.com\/([^/]+)\/usermenus\/cluster$/;
-
-function getRequestInterceptor(config: AxiosRequestConfig) {
-  // get call
-  const { url, _recurringCall, params } = config;
-  const matchListApi = url?.match(resourceListApiRgx);
-  if (matchListApi) {
-    // url matches list / render api call
-    const [, user, cluster, group, version, , namespace, resource] =
-      matchListApi;
-
-    const suffix = `${user}.${cluster}.${group}.${version}.${resource}${
-      namespace ? ".ns." + namespace : ""
-    }${params ? ".q." + md5(stringify(params)).toString() : ""}`;
-
-    if (_recurringCall) {
-      // always send latest date time as ctag
-      return new Date().getTime();
-    } else {
-      // read ctag from local storage if exists
-      const storageKey = `ctag.${suffix}`;
-      // read local storage ctag
-      return localStorage.getItem(storageKey);
-    }
-  }
-}
-
-function getResponseInterceptor(resp: AxiosResponse) {
-  // get call
-  const { config, headers } = resp;
-  const { url, _recurringCall, params } = config;
-
-  // queryParams without ctag
-  const queryParamsWithoutCtag = Object.keys(params).reduce((ob, key) => {
-    if (key !== "ctag") return { ...ob, [key]: params[key] };
-    else return { ...ob };
-  }, {});
-
-  const matchListApi = url?.match(resourceListApiRgx);
-  if (matchListApi) {
-    // url matches list / render api call
-    // window.console.log(matchListApi)
-    const [, user, cluster, group, version, , namespace, resource] =
-      matchListApi;
-
-    const suffix = `${user}.${cluster}.${group}.${version}.${resource}${
-      namespace ? ".ns." + namespace : ""
-    }${
-      params ? ".q." + md5(stringify(queryParamsWithoutCtag)).toString() : ""
-    }`;
-
-    const storageKey = `etag.${suffix}`;
-    // local storage etag
-    const eTag = localStorage.getItem(storageKey);
-    // etag in header
-    const headerEtag = headers?.["etag"];
-
-    // window.console.log({ eTag, headerEtag, _recurringCall, url });
-
-    if (_recurringCall) {
-      // for recurring api call
-      if (headerEtag && headerEtag !== eTag) {
-        // etag missmatch
-        if (params.ctag) {
-          // save request query parameter ctag into local storage
-          localStorage.setItem(`ctag.${suffix}`, params.ctag);
-        }
-        // update store etag with latest header etag
-        localStorage.setItem(`etag.${suffix}`, headerEtag);
-
-        if (namespace) {
-          // for namespaced list calls if etag missmatch happens
-          // update the ctag storage for all namespaces
-          // this will force the all namespaced list call to ignore disk cache
-          localStorage.setItem(
-            `etag.${user}.${cluster}.${group}.${version}.${resource}`,
-            new Date().getTime().toString()
-          );
-        }
-      }
-    } else {
-      // not recurring api call
-      if (eTag !== headerEtag && headerEtag) {
-        // if the etag missmatches, then the data has changed
-        // update local etag
-        localStorage.setItem(storageKey, headerEtag);
-      }
-    }
-  }
-}
-
-function putResponseInterceptor(resp: AxiosResponse) {
-  const { config } = resp;
-  const { url } = config;
-  const matchUsermenuUpdate = url?.match(usermenuUpdateApiRgx);
-  if (matchUsermenuUpdate) {
-    // user menu update api is called
-    const [, user, cluster, version] = matchUsermenuUpdate;
-
-    // calculate the local storage key
-    const renderStorageKey = `ctag.${user}.${cluster}.meta.k8s.appscode.com.${version}.rendermenus.q.${md5(
-      stringify({
-        apiVersion: `meta.k8s.appscode.com/${version}`,
-        kind: "RenderMenu",
-        request: {
-          menu: "cluster",
-          mode: "Accordion",
-        },
-      })
-    ).toString()}`;
-    const availableMenuStorageKey = `ctag.${user}.${cluster}.meta.k8s.appscode.com.${version}.usermenus`;
-
-    // set new ctag to that storage key
-    // next time render menu is called, cached data won't be used
-    localStorage.setItem(renderStorageKey, new Date().getTime().toString());
-    // for all available menus api
-    localStorage.setItem(
-      availableMenuStorageKey,
-      new Date().getTime().toString()
-    );
-  }
-}
-
-export function handleCacheFromYamls(
-  yamls: Array<{
-    apiVersion: string;
-    kind: string;
-    metadata: { name: string; namespace: string };
-  }>,
-  user: string,
-  cluster: string,
-  gkToGvrMap: Record<string, string>
-) {
-  return function () {
-    yamls.forEach((yaml) => {
-      const { apiVersion, kind, metadata } = yaml;
-      const { namespace } = metadata || {};
-      const apiVersionMatch = apiVersion.match(/^(([^/]+)\/)?([^/]+)$/);
-      if (apiVersionMatch) {
-        // separate the group and version
-        const [, , group] = apiVersionMatch;
-        const groupKind = `${group || "core"}/${kind}`;
-        const gvr = (gkToGvrMap && gkToGvrMap[groupKind]) || "";
-
-        const storageKeyPrefix = `ctag.${user}.${cluster}.${gvr.replaceAll(
-          "/",
-          "."
-        )}`;
-
-        // clear list cache for all namespaces
-        localStorage.setItem(
-          `${storageKeyPrefix}.q.${md5(
-            stringify({ convertToTable: true })
-          ).toString()}`,
-          new Date().getTime().toString()
-        );
-        // clear list cache for specific namespace
-        localStorage.setItem(
-          `${storageKeyPrefix}.ns.${namespace || "default"}.q.${md5(
-            stringify({ convertToTable: true })
-          ).toString()}`,
-          new Date().getTime().toString()
-        );
-
-        // clear for genericresources and resourcesummaries
-        localStorage.setItem(
-          `ctag.${user}.${cluster}.core.k8s.appscode.com.v1alpha1.resourcesummaries.q.${md5(
-            stringify({
-              convertToTable: true,
-              labelSelector: `k8s.io/group=${group}`,
-            })
-          ).toString()}`,
-          new Date().getTime().toString()
-        );
-        localStorage.setItem(
-          `ctag.${user}.${cluster}.core.k8s.appscode.com.v1alpha1.resourcesummaries.q.${md5(
-            stringify({
-              convertToTable: true,
-              labelSelector: `k8s.io/group-kind=${kind}.${group}`,
-            })
-          ).toString()}`,
-          new Date().getTime().toString()
-        );
-        localStorage.setItem(
-          `ctag.${user}.${cluster}.core.k8s.appscode.com.v1alpha1.genericresources.q.${md5(
-            stringify({
-              convertToTable: true,
-              labelSelector: `k8s.io/group=${group}`,
-            })
-          ).toString()}`,
-          new Date().getTime().toString()
-        );
-        localStorage.setItem(
-          `ctag.${user}.${cluster}.core.k8s.appscode.com.v1alpha1.genericresources.q.${md5(
-            stringify({
-              convertToTable: true,
-              labelSelector: `k8s.io/group-kind=${kind}.${group}`,
-            })
-          ).toString()}`,
-          new Date().getTime().toString()
-        );
-      }
-    });
-  };
-}
-
-export async function requestInterceptor(config: AxiosRequestConfig) {
-  // parse the request url
-  const { method, params } = config;
-
-  let ctag;
-
-  if (method === "get") {
-    ctag = getRequestInterceptor(config);
-  }
-
-  return {
-    ...config,
-    params: { ...params, ctag },
-  };
-}
-
-export function responseInterceptor(resp: AxiosResponse) {
-  const { config } = resp;
-  // parse the request url
-  const { method } = config;
-
-  if (method === "get") {
-    // get call
-    getResponseInterceptor(resp);
-  } else if (method === "put") {
-    putResponseInterceptor(resp);
-  }
-
-  return resp;
-}