feat(preview): prévisualise un corpus

EcrituresNumeriques · Jan 22, 2025 · 3561b7e · 3561b7e
1 parent f5780e4
commit 3561b7e
Show file tree

Hide file tree

Showing 4 changed files with 91 additions and 36 deletions.
diff --git a/front/src/components/Preview.graphql b/front/src/components/Preview.graphql
@@ -25,6 +25,7 @@ query getArticle($id: ID!, $version: ID!, $hasVersion: Boolean!) {
   }
 
   version(version: $version) @include(if: $hasVersion) {
+    name
     md
     bib
     metadata
@@ -33,6 +34,7 @@ query getArticle($id: ID!, $version: ID!, $hasVersion: Boolean!) {
 
 query getCorpus($filter: FilterCorpusInput) {
   corpus(filter: $filter) {
+    name
     metadata
     articles {
       article {

diff --git a/front/src/components/Preview.jsx b/front/src/components/Preview.jsx
@@ -8,31 +8,85 @@ import * as queries from './Preview.graphql'
 
 import './Preview.scss'
 
-function mapContent({ query, data }) {
-  if (!data) {
-    return {}
-  }
+const strategies = new Map([
+  [
+    'article',
+    {
+      query({ id, version, workspaceId }) {
+        const hasVersion = Boolean(version)
 
-  if (query === 'getArticle') {
-    const root = data?.article?.workingVersion ?? data?.version
-    return {
-      md_content: root?.md,
-      metadata_content: root?.metadata,
-      bib_content: root?.bib,
-    }
-  } else if (query === 'getCorpus') {
-    return {
-      md_content: '',
-      metadata_content: '',
-      bib_content: '',
-    }
-  }
+        return {
+          query: queries.getArticle,
+          variables: {
+            id,
+            version: hasVersion ? version : 'dummy',
+            hasVersion,
+          },
+        }
+      },
+      mapContent(data) {
+        const root = data?.article?.workingVersion ?? data?.version
+        return {
+          md_content: root?.md,
+          metadata_content: root?.metadata,
+          bib_content: root?.bib,
+        }
+      },
+      title(data) {
+        const root = data?.article?.workingVersion ?? data?.version
+        return root.title ?? root.name
+      },
+    },
+  ],
+  [
+    'corpus',
+    {
+      query({ id, workspaceId }) {
+        return {
+          query: queries.getCorpus,
+          variables: {
+            filter: {
+              corpusId: id,
+              workspaceId,
+            },
+          },
+        }
+      },
+      mapContent(data) {
+        return data?.corpus?.at(0)?.articles?.reduce(
+          (obj, { article }) => ({
+            md_content: obj.md_content + '\n\n\n' + article.workingVersion.md,
+            metadata_content: Object.keys(obj.metadata_content).length
+              ? { ...data.corpus.metadata, ...obj.metadata_content }
+              : article.workingVersion.metadata,
+            bib_content:
+              obj.bib_content + '\n\n---\n\n' + article.workingVersion.bib,
+          }),
+          {
+            md_content: '',
+            metadata_content: {},
+            bib_content: '',
+          }
+        )
+      },
+      title(data) {
+        return data?.corpus?.at(0).name
+      },
+    },
+  ],
+])
 
-  throw Error('Unknown query mapping. Cannot preview this content.')
-}
+export default function Preview({ strategy: strategyId }) {
+  const { id, version, workspaceId } = useParams()
+
+  const strategy = useMemo(
+    () => strategies.get(strategyId),
+    [id, version, strategyId]
+  )
 
-export default function Preview({ query }) {
-  const { id, version } = useParams()
+  if (!strategy) {
+    throw Error('Unknown query mapping. Cannot preview this content.')
+  }
 
   useEffect(() => {
     globalThis.hypothesisConfig = function hypothesisConfig() {
@@ -58,24 +112,16 @@ export default function Preview({ query }) {
     return () => document.body.removeChild(script)
   }, [])
 
-  const hasVersion = Boolean(version)
   const { data, isLoading: isDataLoading } = useGraphQL(
-    {
-      query: queries[query],
-      variables: {
-        id,
-        version: hasVersion ? version : 'dummy',
-        hasVersion,
-      },
-    },
+    strategy.query({ id, version, workspaceId }),
     {
       revalidateOnFocus: false,
       revalidateOnReconnect: false,
     }
   )
 
   const { html: __html, isLoading: isPreviewLoading } = useStyloExportPreview({
-    ...mapContent({ data, query }),
+    ...strategy.mapContent(data),
     with_toc: true,
     with_nocite: true,
     with_link_citations: true,
@@ -93,6 +139,7 @@ export default function Preview({ query }) {
   return (
     <>
       <meta name="robots" content="noindex, nofollow" />
+      <title>{strategy.title(data)}</title>
       <section dangerouslySetInnerHTML={{ __html }} />
     </>
   )

diff --git a/front/src/index.jsx b/front/src/index.jsx
@@ -164,8 +164,14 @@ root.render(
                   <Credentials />
                 </PrivateRoute>
                 {/* Annotate a Book */}
-                <Route path={[`/books/:id/preview`]} exact>
-                  <Preview query="getCorpus" />
+                <Route
+                  path={[
+                    '/workspaces/:workspaceId/books/:id/preview',
+                    '/books/:id/preview',
+                  ]}
+                  exact
+                >
+                  <Preview strategy="corpus" />
                 </Route>
                 {/* Annotate an article or its version */}
                 <Route
@@ -175,7 +181,7 @@ root.render(
                   ]}
                   exact
                 >
-                  <Preview query="getArticle" />
+                  <Preview strategy="article" />
                 </Route>
                 {/* Write and Compare */}
                 <PrivateRoute

diff --git a/graphql/resolvers/corpusResolver.js b/graphql/resolvers/corpusResolver.js
@@ -155,7 +155,7 @@ module.exports = {
       if ('filter' in args) {
         const filter = args.filter
         if ('corpusId' in filter) {
-          return [await getCorpusByContext(filter.corpusId, context)]
+          return [await getCorpus(filter.corpusId)]
         }
         if ('workspaceId' in filter) {
           // check that the user can access the workspace