start adding validation logic

package.json

@@ -4,6 +4,7 @@
   "private": true,
   "homepage": "https://citizen-knowledge-graph.github.io/foerderfunke-react-app",
   "dependencies": {
+    "@foerderfunke/matching-engine": "^0.4.5",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@mui/icons-material": "^5.15.19",

public/assets/data/requirement-profiles.json

@@ -0,0 +1,24 @@
+{
+  "datafields": "https://raw.githubusercontent.com/Citizen-Knowledge-Graph/requirement-profiles/main/datafields.ttl",
+  "queries": [
+    {
+      "fileUrl": "https://raw.githubusercontent.com/Citizen-Knowledge-Graph/requirement-profiles/main/shacl/dev-kindergeld.ttl",
+      "rpUri": "https://foerderfunke.org/default#kindergeld",
+      "title": "Kindergeld",
+      "description": "Sie haben Anspruch auf Kindergeld."
+    },
+    {
+      "fileUrl": "https://raw.githubusercontent.com/Citizen-Knowledge-Graph/requirement-profiles/main/shacl/dev-eauto.ttl",
+      "rpUri": "https://foerderfunke.org/default#eauto",
+      "title": "Unterstützung für den Kauf eines Elektroautos",
+      "description": "Sie haben Anspruch auf eine Förderung für ein neue E-Auto."
+    },
+    {
+      "fileUrl": "https://raw.githubusercontent.com/Citizen-Knowledge-Graph/requirement-profiles/main/shacl/kinderzuschlag.ttl",
+      "rpUri": "https://foerderfunke.org/default#kinderzuschlag",
+      "title": "Kinderzuschlag",
+      "description": "Sie haben Anspruch auf den Kinderzuschlag."
+    }
+  ]
+}
+

src/App.js

@@ -11,6 +11,7 @@ import OnboardingUsername from "./screens/OnboardingUsername";
 import ProfileSectionScreen from "./screens/profile-section/ProfileSectionScreen";
 import EligibilityOverviewScreen from "./screens/eligibilty-overview/EligibilityOverviewScreen";
 import AppStartup from "./AppStartup";
+import AppValidation from "./AppValidation";
 
 const theme = createTheme({
     typography: {
@@ -23,6 +24,7 @@ const App = () => {
         <ThemeProvider theme={theme}>
             <ViewportUpdater/>
             <AppStartup/>
+            <AppValidation/>
             <Router basename={process.env.PUBLIC_URL}>
                 <div>
                     <Routes>

src/AppValidation.js

@@ -0,0 +1,23 @@
+import { useEffect } from 'react';
+import { useUserStore } from "./storage/zustand";
+import { runValidation } from "./services/validationService";
+
+const AppValidation = () => {
+    const activeUserId = useUserStore((state) => state.activeUserId);
+
+
+    // initialise session store
+    useEffect(() => {
+        const validate = async () => {
+            if (activeUserId) {
+                await runValidation(activeUserId);
+            }
+        };
+
+        validate();
+    }, [activeUserId]);
+
+    return null;
+};
+
+export default AppValidation;

src/screens/profile-section/hooks/useAddProfileField.js

@@ -4,7 +4,7 @@ import {useUserStore} from '../../../storage/zustand';
 
 function useAddProfileField(value, datafield, entityData) {
     return useCallback(() => {
-        const userId = useUserStore.getState().userId;
+        const activeUserId = useUserStore.getState().activeUserId;
         return new Promise((resolve, reject) => {
             try {
                 const _entityData = {
@@ -17,7 +17,7 @@ function useAddProfileField(value, datafield, entityData) {
                     type: entityData.parentData.type,
                     datafield: entityData.parentData.datafield,
                 };
-                UserModel.setField(userId, value, _entityData, _parentData);
+                UserModel.setField(activeUserId, value, _entityData, _parentData);
                 resolve();
             } catch (error) {
                 reject(error);

src/services/githubService.js

@@ -0,0 +1,4 @@
+export const fetchTurtleResource = async (url) => {
+    const response = await fetch(url);
+    return response.text();
+}

src/services/validationService.js

@@ -0,0 +1,41 @@
+import {UserModel} from "../models/UserModel";
+import {
+    //validateAll,
+    validateUserProfile,
+} from '@foerderfunke/matching-engine';
+import {
+    convertUserProfileToTurtle,
+} from '@foerderfunke/matching-engine/src/utils';
+import readJson from "../utilities/readJson";
+import {fetchTurtleResource} from "./githubService";
+
+export const runValidation = async (activeUser) => {
+
+    // Get the active user profile
+    const userProfile = UserModel.retrieveUserData(activeUser);
+    const userProfileString = await convertUserProfileToTurtle(userProfile);
+
+    // load validation config
+    const validationConfig = await readJson('assets/data/requirement-profiles.json');
+
+    // validate user profile against datafields
+    const datafieldsString = await fetchTurtleResource(validationConfig['datafields']);
+    if (!(await validateUserProfile(userProfileString, datafieldsString))) {
+        console.error('Invalid user profile');
+    }
+
+    // collect requirement profiles
+    //let requirementProfiles = {};
+    console.log('Fetching requirement profiles:', validationConfig['queries'][0]['fileUrl'])
+    const fileUrl = await fetchTurtleResource(validationConfig['queries'][0]['fileUrl']);
+    console.log(fileUrl);
+
+    // for (const requirementProfile in validationConfig['queries']) {
+    //     const fileUrl = requirementProfile['fileUrl'];
+    //     console.log('Fetching requirement profile:', fileUrl);
+    //     //requirementProfiles[rpUri] = await fetchTurtleResource(fileUrl);
+    // }
+    // console.log('Running validations for:', Object.keys(requirementProfiles));
+
+    return null;
+}

src/storage/zustand.js

@@ -1,10 +1,10 @@
 import { create } from 'zustand';
 
 export const useUserStore = create((set) => ({
-    userId: 'kinderzuschlag-user-profile',
+    activeUserId: 'kinderzuschlag-user-profile',
     updateUserId: (newUserId) => {
         console.log('STATE UPDATE: We are switching user');
-        set((state) => ({ userId: newUserId }));
+        set((state) => ({ activeUserId: newUserId }));
     },
 }));