refactor: static math in package

apps/web/src/components/comments/comment.tsx

@@ -1,4 +1,4 @@
-import type { StaticMathProps } from '@editor/plugins/text/static-components/static-math'
+import type { StaticMathProps } from '@editor/package'
 import dynamic from 'next/dynamic'
 import { useEffect, useRef, useState } from 'react'
 
@@ -23,9 +23,7 @@ interface CommentProps {
 }
 
 const StaticMath = dynamic<StaticMathProps>(() =>
-  import('@editor/plugins/text/static-components/static-math').then(
-    (mod) => mod.StaticMath
-  )
+  import('@editor/package').then((mod) => mod.StaticMath)
 )
 
 export function Comment({

apps/web/src/components/equations-app/overview.tsx

@@ -1,4 +1,4 @@
-import type { StaticMathProps } from '@editor/plugins/text/static-components/static-math'
+import type { StaticMathProps } from '@editor/package'
 import { faCheck, faPlay } from '@fortawesome/free-solid-svg-icons'
 import dynamic from 'next/dynamic'
 
@@ -12,9 +12,7 @@ interface OverviewProps {
 }
 
 const StaticMath = dynamic<StaticMathProps>(() =>
-  import('@editor/plugins/text/static-components/static-math').then(
-    (mod) => mod.StaticMath
-  )
+  import('@editor/package').then((mod) => mod.StaticMath)
 )
 
 export function Overview({ selectLevel, solved }: OverviewProps) {

apps/web/src/components/user/event.tsx

@@ -1,4 +1,4 @@
-import type { StaticMathProps } from '@editor/plugins/text/static-components/static-math'
+import type { StaticMathProps } from '@editor/package'
 import { faBellSlash, faCheck } from '@fortawesome/free-solid-svg-icons'
 import { Entity } from '@serlo/authorization'
 import Tippy from '@tippyjs/react'
@@ -39,9 +39,7 @@ interface EventProps {
 }
 
 const StaticMath = dynamic<StaticMathProps>(() =>
-  import('@editor/plugins/text/static-components/static-math').then(
-    (mod) => mod.StaticMath
-  )
+  import('@editor/package').then((mod) => mod.StaticMath)
 )
 
 export function Event({

apps/web/src/serlo-editor-integration/create-renderers.tsx

@@ -1,3 +1,4 @@
+import type { StaticMathProps } from '@editor/package'
 import {
   InitRenderersArgs,
   LinkRenderer,
@@ -117,10 +118,8 @@ const HighlightStaticRenderer = dynamic<EditorHighlightDocument>(() =>
     (mod) => mod.HighlightStaticRenderer
   )
 )
-const StaticMath = dynamic<MathElement>(() =>
-  import('@editor/plugins/text/static-components/static-math').then(
-    (mod) => mod.StaticMath
-  )
+const StaticMath = dynamic<StaticMathProps>(() =>
+  import('@editor/package').then((mod) => mod.StaticMath)
 )
 
 export function createRenderers(): InitRenderersArgs {

packages/editor/src/package/index.ts

@@ -18,3 +18,12 @@ export { EditorPluginType } from '@editor/types/editor-plugin-type'
 
 // Exported only so that integrations like serlo-editor-for-edusharing can customize available plugins based on the default plugins
 export { defaultPlugins } from './config'
+
+/** StaticMath is a simple component that renders a math formula.
+ * it's used in the Editor and is exported here in case you want to
+ * render pretty LaTeX without the whole editor.
+ * It's relatively big so load it dynamically if you can. */
+export {
+  StaticMath,
+  type StaticMathProps,
+} from '@editor/plugins/text/static-components/static-math'