refactor: update financial data for current year

components/FinancialSummary/BarChartComponent.tsx

@@ -3,8 +3,6 @@ import { Bar, BarChart, CartesianGrid, Legend, Tooltip, YAxis } from 'recharts';
 
 import type { ExpenseItem, ExpensesLinkItem } from '@/types/FinancialSummary/BarChartComponent';
 
-import ExpensesData from '../../config/finance/json-data/2024/Expenses.json';
-import ExpensesLinkData from '../../config/finance/json-data/2024/ExpensesLink.json';
 import { getUniqueCategories } from '../../utils/getUniqueCategories';
 import CustomTooltip from './CustomTooltip';
 import ExpensesCard from './ExpensesCard';
@@ -19,8 +17,11 @@ export default function BarChartComponent() {
   const [windowWidth, setWindowWidth] = useState<number>(0);
 
   // Extracting unique categories and months from the data
-  const categories: string[] = getUniqueCategories();
+  const [categories, setCategories] = useState<string[]>([]);
+  const [ExpensesData, setExpensesData] = useState<{ [month: string]: ExpenseItem[] }>({});
+
   const months: string[] = Object.keys(ExpensesData);
+  const [ExpensesLinkData, setExpensesLinkData] = useState<ExpensesLinkItem[]>([]);
 
   // Effect hook to update windowWidth state on resize
   useEffect(() => {
@@ -30,7 +31,14 @@ export default function BarChartComponent() {
 
     // Initial setup and event listener
     handleResize();
+    const currentYear = new Date().getFullYear();
+
     window.addEventListener('resize', handleResize);
+    import(`../../config/finance/json-data/${currentYear}/ExpensesLink.json`).then((data) =>
+      setExpensesLinkData(data.default)
+    );
+    getUniqueCategories().then((data) => setCategories(data));
+    import(`../../config/finance/json-data/${currentYear}/Expenses.json`).then((data) => setExpensesData(data.default));
 
     // Cleanup function to remove event listener
     return () => {

scripts/index.js

@@ -1,28 +1,20 @@
+const { resolve } = require('path');
 const rssFeed = require('./build-rss');
 const buildPostList = require('./build-post-list');
 const buildCaseStudiesList = require('./casestudies');
-const buildAdoptersList = require('./adopters')
+const buildAdoptersList = require('./adopters');
 const buildFinanceInfoList = require('./finance');
-const { resolve } = require('path');
 
 async function start() {
   await buildPostList();
-  rssFeed(
-    'blog',
-    'AsyncAPI Initiative Blog RSS Feed',
-    'AsyncAPI Initiative Blog',
-    'rss.xml'
-  );
-  await buildCaseStudiesList(
-    'config/casestudies',
-    resolve(__dirname, '../config', 'case-studies.json')
-  );
+  rssFeed('blog', 'AsyncAPI Initiative Blog RSS Feed', 'AsyncAPI Initiative Blog', 'rss.xml');
+  await buildCaseStudiesList('config/casestudies', resolve(__dirname, '../config', 'case-studies.json'));
   await buildAdoptersList();
   await buildFinanceInfoList({
     currentDir: '.',
     configDir: 'config',
     financeDir: 'finance',
-    year: '2024',
+    year: String(new Date().getFullYear()),
     jsonDataDir: 'json-data'
   });
 }

utils/getUniqueCategories.ts

@@ -1,19 +1,21 @@
-import Expenses from '../config/finance/json-data/2024/Expenses.json';
-
 /**
  * Retrieves unique expense categories from the Expenses data.
  *
  * @param {Object} expenses - The expenses data.
  * @returns {string[]} An array of unique expense categories.
  */
-export const getUniqueCategories = (): string[] => {
+export const getUniqueCategories = async (): Promise<string[]> => {
+    const currentYear = new Date().getFullYear();
     const allCategories: string[] = [];
+    const Expenses = (await import(`../config/finance/json-data/${currentYear}/Expenses.json`)).default;
+
     for (const month in Expenses) {
         Expenses[month as keyof typeof Expenses].forEach((entry: { Category: string }) => {
             if (!allCategories.includes(entry.Category)) {
                 allCategories.push(entry.Category);
             }
         });
     }
+
     return allCategories;
 };