feat/bump reveal js

docusaurus.config.ts

@@ -40,7 +40,7 @@ const config: Config = {
           customCss: [
             require.resolve('./node_modules/reveal.js/dist/reveal.css'),
             require.resolve('./node_modules/reveal.js/dist/theme/black.css'),
-            require.resolve('./node_modules/reveal.js/plugin/highlight/monokai.css'),
+            require.resolve('./node_modules/reveal.js/dist/plugin/highlight/monokai.css'),
             require.resolve('./src/css/custom.css'),
           ],
         },

package.json

@@ -28,7 +28,7 @@
     "prism-react-renderer": "^2.1.0",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
-    "reveal.js": "^5.2.1"
+    "reveal.js": "^6.0.1"
   },
   "devDependencies": {
     "@docusaurus/module-type-aliases": "^3.10.1",

src/components/Slides/index.tsx

@@ -1,14 +1,22 @@
-import React, { useEffect } from 'react';
+import BrowserOnly from '@docusaurus/BrowserOnly';
+import React, { type ReactNode, useEffect } from 'react';
 
-export default function Slides({
+interface SlidesProps {
+  children: ReactNode;
+  width?: string | null;
+  height?: string | null;
+}
+
+function SlidesInner({
   children,
-  initSlides,
-  width = null,
-  height = null,
-}): React.JSX.Element {
+  width,
+  height,
+}: SlidesProps): React.JSX.Element {
   useEffect(() => {
-    initSlides();
-  });
+    import('./initSlides').then(({ defaultInitSlides }) => {
+      defaultInitSlides();
+    });
+  }, []);
 
   return (
     <div
@@ -19,3 +27,19 @@ export default function Slides({
     </div>
   );
 }
+
+export default function Slides({
+  children,
+  width = null,
+  height = null,
+}: SlidesProps): React.JSX.Element {
+  return (
+    <BrowserOnly fallback={<div>Loading...</div>}>
+      {() => (
+        <SlidesInner width={width} height={height}>
+          {children}
+        </SlidesInner>
+      )}
+    </BrowserOnly>
+  );
+}

src/components/Slides/initSlides.ts

@@ -1,9 +1,10 @@
+import Reveal from 'reveal.js';
+import Zoom from 'reveal.js/plugin/zoom';
+import Notes from 'reveal.js/plugin/notes';
+import Search from 'reveal.js/plugin/search';
+import Highlight from 'reveal.js/plugin/highlight';
+
 export const defaultInitSlides = () => {
-  const Zoom = require('reveal.js/plugin/zoom/zoom.js');
-  const Notes = require('reveal.js/plugin/notes/notes.js');
-  const Search = require('reveal.js/plugin/search/search.js');
-  const Highlight = require('reveal.js/plugin/highlight/highlight.js');
-  const Reveal = require('reveal.js/dist/reveal.js');
   new Reveal({
     plugins: [Zoom, Notes, Search, Highlight],
   }).initialize({ hash: true });

src/pages/slides/steffen/java-1/abstract-and-final.tsx

@@ -1,11 +1,9 @@
 import Link from '@docusaurus/Link';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 
 export default function AbstractAndFinal(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Agenda</h2>

src/pages/slides/steffen/java-1/class-diagram-java-api-enum.tsx

@@ -1,12 +1,10 @@
 import Link from '@docusaurus/Link';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 import { NKR } from '../../../../components/Slides/nkr';
 
-export default function KlassdiagramJavaAPIEnum(): React.JSX.Element {
+export default function ClassDiagramJavaApiEnum(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Agenda</h2>

src/pages/slides/steffen/java-1/classes-and-objects.tsx

@@ -1,12 +1,10 @@
 import Link from '@docusaurus/Link';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 import { NKR } from '../../../../components/Slides/nkr';
 
 export default function ClassesAndObjects(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Agenda</h2>

src/pages/slides/steffen/java-1/constructor-and-static.tsx

@@ -1,11 +1,9 @@
 import Link from '@docusaurus/Link';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 
 export default function ConstructorAndStatic(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Agenda</h2>

src/pages/slides/steffen/java-1/datatypes-and-dataobjects.tsx

@@ -1,12 +1,10 @@
 import Link from '@docusaurus/Link';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 import { NKR } from '../../../../components/Slides/nkr';
 
-export default function DataTypesAndDataObjects(): React.JSX.Element {
+export default function DatatypesAndDataobjects(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Agenda</h2>

src/pages/slides/steffen/java-1/exceptions.tsx

@@ -1,12 +1,10 @@
 import Link from '@docusaurus/Link';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 import { NKR } from '@site/src/components/Slides/nkr';
 
 export default function Exceptions(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Agenda</h2>

src/pages/slides/steffen/java-1/if-and-switch.tsx

@@ -1,12 +1,10 @@
 import Link from '@docusaurus/Link';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 import { NKR } from '../../../../components/Slides/nkr';
 
-export default function MethodsAndOperators(): React.JSX.Element {
+export default function IfAndSwitch(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Agenda</h2>

src/pages/slides/steffen/java-1/inheritance.tsx

@@ -1,12 +1,10 @@
 import Link from '@docusaurus/Link';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 import { NKR } from '../../../../components/Slides/nkr';
 
 export default function Inheritance(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Agenda</h2>

src/pages/slides/steffen/java-1/interfaces.tsx

@@ -1,12 +1,10 @@
 import Link from '@docusaurus/Link';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 import { NKR } from '../../../../components/Slides/nkr';
 
 export default function Interfaces(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Agenda</h2>

src/pages/slides/steffen/java-1/intro.tsx

@@ -1,11 +1,9 @@
 import Link from '@docusaurus/Link';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 
 export default function Intro(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Agenda</h2>

src/pages/slides/steffen/java-1/math-random-scanner.tsx

@@ -1,12 +1,10 @@
 import Link from '@docusaurus/Link';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 import { NKR } from '../../../../components/Slides/nkr';
 
-export default function MethodsAndOperators(): React.JSX.Element {
+export default function MathRandomScanner(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Agenda</h2>

src/pages/slides/steffen/java-1/methods-and-operators.tsx

@@ -1,12 +1,10 @@
 import Link from '@docusaurus/Link';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 import { NKR } from '../../../../components/Slides/nkr';
 
 export default function MethodsAndOperators(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Agenda</h2>

src/pages/slides/steffen/java-1/polymorphism.tsx

@@ -1,11 +1,9 @@
 import Link from '@docusaurus/Link';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 
 export default function Polymorphism(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Agenda</h2>

src/pages/slides/steffen/java-2/00-recap.tsx

@@ -1,11 +1,9 @@
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 import Link from '@docusaurus/Link';
 
 export default function Recap(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Agenda</h2>

src/pages/slides/steffen/java-2/01-intro-dsa.tsx

@@ -1,11 +1,9 @@
 import Link from '@docusaurus/Link';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 
 export default function IntroDsa(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Agenda</h2>

src/pages/slides/steffen/java-2/02-search-algo.tsx

@@ -1,12 +1,10 @@
 import Link from '@docusaurus/Link';
 import InterpolationSearchFormula from '@site/static/img/interpolation-search-formula.svg';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 
 export default function SearchAlgo(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Suchalgorithmen</h2>

src/pages/slides/steffen/java-2/03-iteration-recursion.tsx

@@ -1,11 +1,9 @@
 import Link from '@docusaurus/Link';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 
-export default function IterationAndRecursion(): React.JSX.Element {
+export default function IterationRecursion(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Iterativ und Rekursiv</h2>

src/pages/slides/steffen/java-2/04-sort-algo.tsx

@@ -1,11 +1,9 @@
 import Link from '@docusaurus/Link';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 
 export default function SortAlgo(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Sortieralgorithmen</h2>

src/pages/slides/steffen/java-2/05-stack-queue-list.tsx

@@ -1,11 +1,9 @@
 import Link from '@docusaurus/Link';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
-import React from 'react';
 
 export default function StackQueueList(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Stack, Queue & List</h2>

src/pages/slides/steffen/java-2/06-trees.tsx

@@ -1,11 +1,9 @@
 import Link from '@docusaurus/Link';
-import React from 'react';
 import Slides from '../../../../components/Slides';
-import { defaultInitSlides } from '../../../../components/Slides/initSlides';
 
 export default function Trees(): React.JSX.Element {
   return (
-    <Slides initSlides={defaultInitSlides}>
+    <Slides>
       <section>
         <section>
           <h2>Trees</h2>