store.createSubject allows creating nested paths

Author: joepio

CHANGELOG.md

@@ -4,9 +4,10 @@ This changelog covers all three packages, as they are (for now) updated as a who
 
 ## UNRELEASED
 
+- Let users register using e-mail address, improve sign-up UX.
 - Add `Store.parseMetaTags` to load JSON-AD objects stored in the DOM. Speeds up initial page load by allowing server to set JSON-AD objects in the initial HTML response.
 - Move static assets around, align build with server and fix PWA #292
-- Let users register using e-mail address, improve sign-up UX.
+- `store.createSubject` allows creating nested paths
 
 ## v0.35.0
 

data-browser/src/components/NewInstanceButton/useCreateAndNavigate.ts

@@ -34,7 +34,7 @@ export function useCreateAndNavigate(klass: string, parent?: string) {
       /** Do not set a parent for the new resource. Useful for top-level resources */
       noParent?: boolean,
     ): Promise<Resource> => {
-      const subject = store.createSubject(className);
+      const subject = store.createSubject(className, parent);
       const resource = new Resource(subject, true);
 
       await Promise.all([

data-browser/src/components/NewInstanceButton/useDefaultNewInstanceHandler.tsx

@@ -8,6 +8,7 @@ import {
 import { useCallback } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useSettings } from '../../helpers/AppSettings';
+import { handleError } from '../../helpers/loggingHandlers';
 import { newURL } from '../../helpers/navigation';
 import { useCreateAndNavigate } from './useCreateAndNavigate';
 
@@ -99,7 +100,7 @@ export function useDefaultNewInstanceHandler(klass: string, parent?: string) {
         }
       }
     } catch (e) {
-      store.handleError(e);
+      store.notifyError(e);
     }
   }, [klass, store, parent, createResourceAndNavigate]);
 

data-browser/src/views/ChatRoomPage.tsx

@@ -75,7 +75,7 @@ export function ChatRoomPage({ resource }: ResourcePageProps) {
       e && e.preventDefault();
 
       if (!disableSend) {
-        const subject = store.createSubject('messages');
+        const subject = store.createSubject('messages', resource.getSubject());
         const msgResource = new Resource(subject, true);
         await msgResource.set(
           properties.parent,

data-browser/src/views/DocumentPage.tsx

@@ -187,7 +187,10 @@ function DocumentPageEdit({
   async function addElement(position: number) {
     // When an element is created, it should be a Resource that has this document as its parent.
     // or maybe a nested resource?
-    const elementSubject = store.createSubject('element');
+    const elementSubject = store.createSubject(
+      'element',
+      resource.getSubject(),
+    );
     elements.splice(position, 0, elementSubject);
 
     try {

lib/src/store.ts

@@ -166,10 +166,14 @@ export class Store {
   }
 
   /** Creates a random URL. Add a classnme (e.g. 'persons') to make a nicer name */
-  public createSubject(className?: string): string {
+  public createSubject(className?: string, parentSubject?: string): string {
     const random = this.randomPart();
     className = className ? className : 'things';
 
+    if (parentSubject) {
+      return `${parentSubject}/${className}/${random}`;
+    }
+
     return `${this.getServerUrl()}/${className}/${random}`;
   }