Experiments in demo-react

packages/demo-react/src/dashboard/Dashboard.tsx

@@ -1,7 +1,8 @@
 import React, { useCallback, useEffect, useMemo } from "react";
 import type { FunctionComponent } from "react";
 import { UploadButton } from "./UploadButton";
-import { useSolidAuth } from "@ldo/solid-react";
+import { useContainerResource, useDataResource, useSolidAuth } from "@ldo/solid-react";
+import { AccessRules, ContainerResource } from "@ldo/solid";
 
 export const Dashboard: FunctionComponent = () => {
   const { session } = useSolidAuth();
@@ -14,18 +15,32 @@ export const Dashboard: FunctionComponent = () => {
     return `${rootContainer}demo-ldo/`;
   }, [session.webId]);
 
-  // const mainContainer = useContainerResource(containerUri);
+  const mainContainer = useDataResource(containerUri);
 
-  // useEffect(() => {
-  //   // Upon load check to see if the root folder exists
-  //   mainContainer.checkExists().then(async (doesExist) => {
-  //     // If not, create it
-  //     if (!doesExist) {
-  //       await mainContainer.create();
-  //       const accessRules = mainContainer.accessRules;
-  //     }
-  //   });
-  // }, [mainContainer]);
+
+  if (mainContainer instanceof AccessRules) {
+    console.log("here");
+  }
+
+  useEffect(() => {
+    // Upon load check to see if the root folder exists
+    mainContainer.checkExists().then(async (doesExist) => {
+      console.log(doesExist);
+
+
+      const error: DocumentError = await mainContainer.create();
+      if (error) {
+        // hanldle
+        return;
+      }
+
+      // // If not, create it
+      // if (!doesExist) {
+      //   await mainContainer.create();
+      //   const accessRules = mainContainer.accessRules;
+      // }
+    });
+  }, [mainContainer]);
 
   return (
     <div>
@@ -33,6 +48,7 @@ export const Dashboard: FunctionComponent = () => {
         <UploadButton />
       </div>
       <hr />
+      <div>{mainContainer.isLoading ? "Loading" : "Not Loading"}</div>
     </div>
   );
 };

packages/solid-react/src/BrowserSolidLdoProvider.tsx

@@ -9,6 +9,7 @@ import {
   logout as libraryLogout,
   fetch as libraryFetch,
 } from "@inrupt/solid-client-authn-browser";
+import { SolidLdoProvider } from "./SolidLdoProvider";
 
 const PRE_REDIRECT_URI = "PRE_REDIRECT_URI";
 
@@ -90,7 +91,7 @@ export const BrowserSolidLdoProvider: FunctionComponent<PropsWithChildren> = ({
 
   return (
     <SolidAuthContext.Provider value={solidAuthFunctions}>
-      {children}
+      <SolidLdoProvider>{children}</SolidLdoProvider>
     </SolidAuthContext.Provider>
   );
 };

packages/solid-react/src/SolidLdoProvider.tsx

@@ -39,6 +39,7 @@ export const SolidLdoProvider: FunctionComponent<SolidLdoProviderProps> = ({
     if (curOnDocumentError.current) {
       ldoDataset.onDocumentError(curOnDocumentError.current);
     }
+    console.log("ldodatset1", ldoDataset);
     return ldoDataset;
   }, []);
 
@@ -58,6 +59,7 @@ export const SolidLdoProvider: FunctionComponent<SolidLdoProviderProps> = ({
     }
   }, [onDocumentError]);
 
+  console.log("ldoDataset 2", solidLdoDataset);
   return (
     <SolidLdoDatasetReactContext.Provider value={solidLdoDataset}>
       {children}