Show the document body and associated chunks in a (new) document show…

… view. (#49)
DewyKB · Jan 31, 2024 · e880cb7 · e880cb7
1 parent b8242d2
commit e880cb7
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 2 deletions.
diff --git a/dewy/main.py b/dewy/main.py
@@ -48,7 +48,7 @@ async def lifespan(_app: FastAPI) -> AsyncIterator[State]:
 app = FastAPI(lifespan=lifespan, **app_configs)
 
 origins = [
-    "http://localhost:5173",
+    "*",
 ]
 app.add_middleware(
     CORSMiddleware,

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -12,7 +12,7 @@ import SegmentIcon from '@mui/icons-material/Segment';
 import { Route } from "react-router-dom";
 import { dataProvider } from "./dataProvider";
 import { CollectionList, CollectionCreate, CollectionEdit } from "./Collection";
-import { DocumentList, DocumentCreate, DocumentEdit } from "./Document";
+import { DocumentList, DocumentCreate, DocumentEdit, DocumentShow } from "./Document";
 import { ChunkList } from "./Chunk";
 import { Search } from "./Search";
 import { MyLayout } from "./MyLayout";
@@ -38,6 +38,7 @@ export const App = () => (
       list={DocumentList}
       edit={DocumentEdit}
       create={DocumentCreate}
+      show={DocumentShow}
       recordRepresentation={(record) => record.url}
       icon={ArticleIcon}
     />

diff --git a/frontend/src/Document.tsx b/frontend/src/Document.tsx
@@ -1,12 +1,17 @@
 import { 
     List,
     Datagrid,
+    ChipField,
     TextField,
+    ReferenceManyField,
+    Show,
+    SimpleShowLayout,
     ReferenceField,
     BooleanField,
     FileField,
     TopToolbar,
     EditButton,
+    ShowButton,
     FilterButton,
     CreateButton,
     SearchInput,
@@ -15,6 +20,7 @@ import {
     SimpleForm,
     SelectInput,
     ReferenceInput,
+    RichTextField,
     FileInput,
     required,
     TextInput
@@ -38,6 +44,7 @@ export const DocumentList = () => (
         <Datagrid>
             <TextField source="url" />
             <>
+            <ShowButton />
             <EditButton />
             </>
         </Datagrid>
@@ -61,3 +68,19 @@ export const DocumentEdit = () => (
     </SimpleForm>
     </Edit>
 );
+
+export const DocumentShow = () => (
+    <Show>
+        <SimpleShowLayout>
+            <TextField source="url" />
+            <RichTextField source="text" />
+            <ReferenceManyField label="Chunk" reference="chunks" target="document_id">
+              <Datagrid>
+                <ChipField source="kind"/>
+                <TextField source="text" sx={{overflow: "hidden", textOverflow: "ellipsis", display: "-webkit-box", WebkitLineClamp: "3", WebkitBoxOrient: "vertical"}}/>
+                <ShowButton/>
+              </Datagrid>
+            </ReferenceManyField>
+        </SimpleShowLayout>
+    </Show>
+);
diff --git a/frontend/src/dataProvider.ts b/frontend/src/dataProvider.ts
@@ -38,6 +38,23 @@ export const dataProvider = {
         const { json } = await httpClient(url, params);
         return { data: json };
     },
+    getManyReference: async (resource, params) => {
+        const { page, perPage } = params.pagination;
+        const { field, order } = params.sort;
+        const queryparams = {
+            [params.target]: params.id,
+            ...params.pagination, 
+            ...params.sort, 
+            ...params.filter,
+        };
+
+        const url = `${apiUrl}/api/${resource}?${stringify(queryparams)}`;
+        const { json, headers } = await httpClient(url);
+        return {
+            data: json,
+            pageInfo: {hasNextPage: false, hasPreviousPage: false},
+        };
+    },
     create: async (resource, params) => {
         const { json } = await httpClient(`${apiUrl}/api/${resource}/`, {
             method: 'PUT',