Adapt loading for rapidoc to be excluded on ssr

.gitlab-ci.yml

@@ -6,6 +6,14 @@
   - chmod 700 ~/.ssh
   - echo "$UBERSPACE_KNOWN_HOST" >> ~/.ssh/known_hosts
 
+.doc-change-list: &doc-change-list
+  changes:
+    - docs/
+    - src/
+    - static/
+    - docusaurus.config.js
+    - sidebars.js
+
 stages:
   - lint
   - build
@@ -20,7 +28,7 @@ lint-job:
   script:
     - spectral lint spec/*.yml
 
-build:
+build:spec:
   stage: build
   image: $CI_REGISTRY/node:current-alpine
   before_script:
@@ -36,7 +44,7 @@ build:
       - dist/
     expire_in: 30 days
 
-build_docs:
+build:doc:
   stage: build
   image: $CI_REGISTRY/node:current-alpine
   before_script:
@@ -48,26 +56,24 @@ build_docs:
     paths:
       - build/
     expire_in: 30 days
+  rules:
+    - *doc-change-list
 
-upload_docs:
+upload:doc:
   stage: upload
   image: $CI_REGISTRY/alpine:latest
+  needs: [ 'build:doc' ]
   rules:
-    - changes:
-        - docs/
-        - src/
-        - static/
-        - docusaurus.config.js
-        - sidebars.js
-
+    - *doc-change-list
   before_script:
     - *pre-deploy-uber-space-setup
   script:
     - rsync -rLvz --size-only --checksum -e "ssh -o CheckHostIP=no" --ipv4 --progress ./build/. fitko@dorado.uberspace.de:html/preview
 
-upload:
+upload:spec:
   stage: upload
   image: $CI_REGISTRY/alpine:latest
+  needs: [ 'build:spec' ]
   only:
     refs:
       - tags

docs/overview.mdx

 ---
+title: Überblick
 slug: /
 ---
 
-# Überblick
+> Während der Umstellung werden Seiten mit folgenden Symbolen gekennzeichnet, um einen schnellen überblick über dden Zustand & Fortschritt gewinnen zu können.
+>
+| Symbol  | Beschreibung  |
+|---------|:--------------|
+| ✅      | Diese Seite wurde überarbeitet und der Inhalt abgestimmt. Bei Änderungswünschen bzw. Kommentaren Bescheid geben. |
+| 🚧      | Diese Seite ist gerade in Bearbeitung. |
+| 💬      | Diese Seite hat noch offene Diskussionspunkte/Kommentare. |
+| ♻️      | Wird auf eine bestimmte Art & Weise recycled, wie beispielsweise in bzw. auf mehrere Dokumente aufgeteilt. |
+|         | Eine Seite ohne Emoji/Marker steht generell noch aus.
 
 Willkommen auf der Dokumentation für die FIT-Connect API von FITKO. Die FIT-Connect API baut auf dem bestehenden IT-Planungsrat Standard FIT-Connect auf und bietet Lösungsverantwortlichen von antragssendenden und antragsempfangenden Systemen eine einfache Möglichkeit, ihre Software schnell und wirtschaftlich in länder- und ebenenübergreifende Antragsprozesse zu integrieren.
 

src/components/ApiSpec.js

-import React, {lazy} from 'react'
-import BrowserOnly from "@docusaurus/BrowserOnly";
-
-const rapidoc = lazy(() => import('rapidoc'))
+import React from 'react'
+import BrowserOnly from '@docusaurus/BrowserOnly'
 
 export default function ApiSpec(props) {
   return (
     <BrowserOnly fallback={<div>Lädt...</div>}>
-      <rapidoc
-        render-style="view"
-        spec-url={props.specUrl}
-        theme="light"
-        xprimary-color="#11171a"
-        header-color="#263238"
-        nav-bg-color="#263238"
-        show-info="false"
-        show-header="false"
-        show-components="false"
-        allow-spec-file-load="false"
-        info-description-headings-in-navbar="false"
-      ></rapidoc>
+      {() => {
+        import('rapidoc')
+
+        return (
+          <rapi-doc
+            render-style="view"
+            spec-url={props.specUrl}
+            theme="light"
+            xprimary-color="#11171a"
+            header-color="#263238"
+            nav-bg-color="#263238"
+            show-info="false"
+            show-header="false"
+            show-components="false"
+            allow-spec-file-load="false"
+            info-description-headings-in-navbar="false"
+          ></rapi-doc>
+        )
+      }}
     </BrowserOnly>
-  );
-}
+  )
+}
\ No newline at end of file