Restructure repository (#426)

organized repository 

Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
Co-authored-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
Co-authored-by: Philip Molares <git@molar.es>

src/components/markdown-renderer/replace-components/asciinema/asciinema-frame.tsx

@@ -0,0 +1,19 @@
+import React from 'react'
+import { OneClickEmbedding } from '../one-click-frame/one-click-embedding'
+
+export interface AsciinemaFrameProps {
+  id: string
+}
+
+export const AsciinemaFrame: React.FC<AsciinemaFrameProps> = ({ id }) => {
+  return (
+    <OneClickEmbedding
+      containerClassName={'embed-responsive embed-responsive-16by9'}
+      previewContainerClassName={'embed-responsive-item'}
+      hoverIcon={'play'}
+      loadingImageUrl={`https://asciinema.org/a/${id}.png`}>
+      <iframe className='embed-responsive-item' title={`asciinema cast ${id}`}
+        src={`https://asciinema.org/a/${id}/embed?autoplay=1`}/>
+    </OneClickEmbedding>
+  )
+}

src/components/markdown-renderer/replace-components/asciinema/asciinema-replacer.tsx

@@ -0,0 +1,21 @@
+import { DomElement } from 'domhandler'
+import React from 'react'
+import { getAttributesFromCodiMdTag } from '../codi-md-tag-utils'
+import { ComponentReplacer } from '../ComponentReplacer'
+import { AsciinemaFrame } from './asciinema-frame'
+
+export class AsciinemaReplacer implements ComponentReplacer {
+  private counterMap: Map<string, number> = new Map<string, number>()
+
+  getReplacement (node: DomElement): React.ReactElement | undefined {
+    const attributes = getAttributesFromCodiMdTag(node, 'asciinema')
+    if (attributes && attributes.id) {
+      const asciinemaId = attributes.id
+      const count = (this.counterMap.get(asciinemaId) || 0) + 1
+      this.counterMap.set(asciinemaId, count)
+      return (
+        <AsciinemaFrame key={`asciinema_${asciinemaId}_${count}`} id={asciinemaId}/>
+      )
+    }
+  }
+}