Add useChildren hook and Store.getChildren method

Author: joepio

lib/src/resource.ts

@@ -176,6 +176,21 @@ export class Resource {
     return this.commitBuilder;
   }
 
+  /** Returns the subject of the list of Children */
+  public getChildrenCollection(): string | undefined {
+    // We create a collection that contains all children of the current Subject
+    const generatedCollectionURL = new URL(this.subject);
+    generatedCollectionURL.pathname = '/collections';
+    generatedCollectionURL.searchParams.set('property', properties.parent);
+    generatedCollectionURL.searchParams.set('value', this.subject);
+
+    const childrenCollection = generatedCollectionURL.toString();
+
+    console.log('Children collection', childrenCollection);
+
+    return childrenCollection;
+  }
+
   /** Returns the subject URL of the Resource */
   public getSubject(): string {
     return this.subject;

lib/src/websockets.ts

@@ -75,7 +75,9 @@ export async function authenticate(client: WebSocket, store: Store) {
     !client.url.startsWith('ws://localhost:') &&
     agent?.subject?.startsWith('http://localhost')
   ) {
-    console.warn("Can't authenticate localhost Agent over websocket");
+    console.warn(
+      "Can't authenticate localhost Agent over websocket with remote server, because the server will nog be able to retrieve your Agent and verify your public key.",
+    );
 
     return;
   }

react/src/index.ts

@@ -25,6 +25,7 @@
 export * from './hooks.js';
 export * from './useServerURL.js';
 export * from './useCurrentAgent.js';
+export * from './useChildren.js';
 export * from './useDebounce.js';
 export * from './useImporter.js';
 export * from './useLocalStorage.js';

react/src/useChildren.ts

@@ -0,0 +1,15 @@
+// Sorry for the name of this
+import { properties, Resource } from '@tomic/lib';
+import { useArray, useResource } from './index.js';
+
+/** Creates a Collection and returns all children */
+export const useChildren = (resource: Resource) => {
+  const childrenUrl = resource.getChildrenCollection();
+  const childrenCollection = useResource(childrenUrl);
+  const [children] = useArray(
+    childrenCollection,
+    properties.collection.members,
+  );
+
+  return children;
+};