@bygd/nc-report-ui 0.1.10 → 0.1.12

package/dist/default/esm/index.js

@@ -98,6 +98,18 @@ const apiClient = axios.create({
     'Content-Type': 'application/json'
   }
 });
+
+// Cache for dashboard metadata
+const dashboardMetaCache = {};
+
+/**
+ * Helper function to get the first available dashboard ID from cache
+ * @returns {string|null} First dashboard ID or null if cache is empty
+ */
+const getFirstCachedDashboardId = () => {
+  const cachedIds = Object.keys(dashboardMetaCache);
+  return cachedIds.length > 0 ? cachedIds[0] : null;
+};
 const Api = {
   setAuth(auth) {
     this.auth = auth;
@@ -106,9 +118,42 @@ const Api = {
     if (!accessToken) return;
     apiClient.defaults.headers.common['Authorization'] = `Bearer ${accessToken}`;
   },
+  /**
+   * Load and cache dashboard metadata
+   * @param {Object} params - Parameters object
+   * @param {string} params.dashboardId - Dashboard ID
+   * @returns {Promise} Dashboard metadata object
+   */
+  loadDashboardMeta: async ({
+    dashboardId
+  }) => {
+    const {
+      data
+    } = await apiClient.get(`/dashboard-meta/${dashboardId}`);
+
+    // Cache the metadata
+    dashboardMetaCache[dashboardId] = {
+      dashboards: data.dashboards || {},
+      charts: data.charts || {},
+      reports: data.reports || {},
+      reportMetadata: data.reportMetadata || {},
+      dateRanges: data.dateRanges || []
+    };
+    return dashboardMetaCache[dashboardId];
+  },
   getDashboard: async ({
-    id
+    id,
+    dashboardId
   }) => {
+    // Use provided dashboardId or fall back to first cached dashboard
+    const cacheKey = dashboardId || getFirstCachedDashboardId();
+
+    // Check cache first
+    if (cacheKey && dashboardMetaCache[cacheKey]?.dashboards?.[id]) {
+      return dashboardMetaCache[cacheKey].dashboards[id];
+    }
+
+    // Fall back to HTTP request
     const {
       data
     } = await apiClient.get(`/entity/dashboards/${id}`);
@@ -118,11 +163,22 @@ const Api = {
    * Get chart by ID
    * @param {Object} params - Parameters object
    * @param {string} params.id - Chart ID
+   * @param {string} [params.dashboardId] - Optional dashboard ID for cache lookup
    * @returns {Promise} Axios response promise
    */
   getChart: async ({
-    id
+    id,
+    dashboardId
   }) => {
+    // Use provided dashboardId or fall back to first cached dashboard
+    const cacheKey = dashboardId || getFirstCachedDashboardId();
+
+    // Check cache first
+    if (cacheKey && dashboardMetaCache[cacheKey]?.charts?.[id]) {
+      return dashboardMetaCache[cacheKey].charts[id];
+    }
+
+    // Fall back to HTTP request
     const {
       data
     } = await apiClient.get(`/entity/charts/${id}`);
@@ -132,11 +188,22 @@ const Api = {
    * Get report by ID
    * @param {Object} params - Parameters object
    * @param {string} params.id - Report ID
+   * @param {string} [params.dashboardId] - Optional dashboard ID for cache lookup
    * @returns {Promise} Axios response promise
    */
   getReport: async ({
-    id
+    id,
+    dashboardId
   }) => {
+    // Use provided dashboardId or fall back to first cached dashboard
+    const cacheKey = dashboardId || getFirstCachedDashboardId();
+
+    // Check cache first
+    if (cacheKey && dashboardMetaCache[cacheKey]?.reports?.[id]) {
+      return dashboardMetaCache[cacheKey].reports[id];
+    }
+
+    // Fall back to HTTP request
     const {
       data
     } = await apiClient.get(`/entity/reports/${id}`);
@@ -146,12 +213,23 @@ const Api = {
    * Get report schema/metadata by ID
    * @param {Object} params - Parameters object
    * @param {string} params.id - Report ID
+   * @param {string} [params.dashboardId] - Optional dashboard ID for cache lookup
    * @returns {Promise} Axios response promise
    */
   getReportSchema: async ({
     id,
+    dashboardId,
     query = {}
   }) => {
+    // Use provided dashboardId or fall back to first cached dashboard
+    const cacheKey = dashboardId || getFirstCachedDashboardId();
+
+    // Check cache first
+    if (cacheKey && dashboardMetaCache[cacheKey]?.reportMetadata?.[id]) {
+      return dashboardMetaCache[cacheKey].reportMetadata[id];
+    }
+
+    // Fall back to HTTP request
     // console.log({getReportSchema:{id,query}});
     const {
       data
@@ -176,7 +254,18 @@ const Api = {
     } = await apiClient.post(`/reports/${id}/run`, query);
     return data;
   },
-  getDateRanges: async () => {
+  getDateRanges: async ({
+    dashboardId
+  } = {}) => {
+    // Use provided dashboardId or fall back to first cached dashboard
+    const cacheKey = dashboardId || getFirstCachedDashboardId();
+
+    // Check cache first
+    if (cacheKey && dashboardMetaCache[cacheKey]?.dateRanges) {
+      return dashboardMetaCache[cacheKey].dateRanges;
+    }
+
+    // Fall back to HTTP request
     const {
       data
     } = await apiClient.get(`/globals/date-ranges`);
@@ -790,23 +879,6 @@ var Chart = ({
     setActiveViewIndex(viewIndex);
     setActiveView(chart.doc.view[viewIndex]);
   }, [chart]);
-
-  // React.useEffect(() => {
-  //   let cron;
-  //   if (chart?.doc?.refresh?.enabled === true) {
-  //     cron = new CronJob(chart.doc.refresh.cron, () => {
-  //       if (inView) {
-  //         loadSource(filterRef.current);
-  //       }
-  //     });
-  //     cron.start();
-  //   }
-
-  //   return () => {
-  //     cron && cron.stop();
-  //   }
-  // }, [chart, inView]);
-
   React__default.useEffect(() => {
     if (!id) return;
     init().catch(error => {
@@ -953,6 +1025,9 @@ function Dashboard({
   useFilterManager(channel);
   const init = async () => {
     Api.setAuth(auth);
+    await Api.loadDashboardMeta({
+      dashboardId: id
+    });
 
     // get dashboard entity
     const dashboardTemp = await Api.getDashboard({