more user friendly commit + french support

content/policies.json

@@ -102,9 +102,11 @@
     {
       "zh": "中华人民共和国和法兰西共和国关于人工智能和全球治理的联合声明",
       "en": "Joint Statement of the People's Republic of China and the French Republic on Artificial Intelligence and Global Governance",
+      "fr": "Déclaration conjointe entre la République française et la République populaire de Chine sur l’intelligence artificielle et la gouvernance des enjeux globaux",
       "link": {
         "zh": "https://www.mfa.gov.cn/zyxw/202405/t20240507_11293821.shtml",
-        "en": ""
+        "en": "",
+        "fr": "https://www.elysee.fr/emmanuel-macron/2024/05/06/declaration-conjointe-entre-la-republique-francaise-et-la-republique-populaire-de-chine-sur-lintelligence-artificielle-et-la-gouvernance-des-enjeux-globaux"
       },
       "releaseDate": "2024-05-07",
       "tags": ["international"]

package.json

@@ -26,7 +26,8 @@
     "react-dom": "^18",
     "react-markdown": "^9.0.1",
     "tailwind-merge": "^2.4.0",
-    "tailwindcss-animate": "^1.0.7"
+    "tailwindcss-animate": "^1.0.7",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
     "typescript": "^5",

src/components/AIPoliciesTable.tsx

@@ -116,11 +116,21 @@ const AIPoliciesTable: React.FC<AIPoliciesTableProps> = ({ policies }) => {
                           href={policy.link.en}
                           target="_blank"
                           rel="noopener noreferrer"
-                          className="text-blue-500 hover:underline dark:text-blue-400"
+                          className="text-blue-500 hover:underline dark:text-blue-400 mr-4"
                         >
                           English
                         </a>
                       )}
+                      {policy.link.fr && (
+                        <a
+                          href={policy.link.fr}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          className="text-blue-500 hover:underline dark:text-blue-400"
+                        >
+                          Français
+                        </a>
+                      )}
                     </td>
                   </tr>
                 ))}

src/pages/index.tsx

@@ -13,7 +13,8 @@ import AIPoliciesTable from "../components/AIPoliciesTable";
 import fs from 'fs';
 import path from 'path';
 import matter from 'gray-matter';
-import { PolicyData } from "../types";
+import { PolicyData, PolicyDataSchema } from "../types";
+import z from 'zod';
 
 // const PROVIDERS: ProviderInfo[] = [
 //   { color: "#ff7000", authors: ["mistralai"] },
@@ -39,27 +40,41 @@ export async function getStaticProps() {
     const policiesContent = fs.readFileSync(policiesFilePath, 'utf-8');
     const policyData = JSON.parse(policiesContent);
 
+    // Validate policyData against the schema
+    const validatedPolicyData = PolicyDataSchema.array().parse(policyData);
+
     // Sort policyData based on releaseDate in descending order
-    policyData.sort((a: PolicyData, b: PolicyData) => {
-      const dateA = a.releaseDate ? new Date(a.releaseDate).getTime() : 0;
-      const dateB = b.releaseDate ? new Date(b.releaseDate).getTime() : 0;
+    validatedPolicyData.sort((a: PolicyData, b: PolicyData) => {
+      const dateA = new Date(a.releaseDate).getTime();
+      const dateB = new Date(b.releaseDate).getTime();
       return dateB - dateA;
     });
 
     return {
       props: {
-        policyData,
+        policyData: validatedPolicyData,
       },
       revalidate: 3600,
     };
   } catch (error) {
-    console.error("Error fetching data:", error);
-    return {
-      props: {
-        policyData: [], // Pass empty policy data as props
-      },
-      revalidate: 60, // retry after 1 minute if there was an error
-    };
+    if (error instanceof z.ZodError) {
+      const errorMessage = error.issues
+        .map((issue) => {
+          const path = issue.path.join('.');
+          const message = issue.message;
+          return `Invalid policy data at "${path}": ${message}`;
+        })
+        .join('\n');
+      console.error('Error validating policy data:', errorMessage);
+      throw new Error(`Failed to validate policy data:\n${errorMessage}`);
+    } else {
+      console.error('Error fetching data:', error);
+      if (error instanceof Error) {
+        throw new Error(`Failed to fetch policy data: ${error.message}`);
+      } else {
+        throw new Error('Failed to fetch policy data: An unknown error occurred.');
+      }
+    }
   }
 }
 

src/types.ts

@@ -1,10 +1,16 @@
-export interface PolicyData {
-  zh: string;
-  en: string;
-  link: {
-    zh: string;
-    en: string;
-  };
-  releaseDate: string;
-  tags: string[]; // Add this line
-}
+import { z } from 'zod';
+
+export const PolicyDataSchema = z.object({
+  zh: z.string(),
+  en: z.string(),
+  fr: z.string().optional(),
+  link: z.object({
+    zh: z.string(),
+    en: z.string().optional(),
+    fr: z.string().optional(),
+  }),
+  releaseDate: z.string(),
+  tags: z.array(z.string()),
+});
+
+export type PolicyData = z.infer<typeof PolicyDataSchema>;