diff --git a/docs/stremio/setup.mdx b/docs/stremio/setup.mdx
index c983d2c..93366d9 100644
--- a/docs/stremio/setup.mdx
+++ b/docs/stremio/setup.mdx
@@ -636,35 +636,59 @@ I recommend self-hosting your addons to completely remove reliance on third part
While I don't cover how to self-host addons in this guide, most open-source addons have instructions on how to self-host them on their source code repository.
My recommendation is to self-host [Comet](/stremio/addons/comet)
+```mdx-code-block
+import Torrentio from "./addons/torrentio.mdx";
+import Comet from "./addons/comet.mdx";
+import MediaFusion from "./addons/mediafusion.mdx";
+import Jackettio from "./addons/jackettio.mdx";
+import OrionStremioAddon from "./addons/orion-stremio-addon.mdx";
+import DmmCast from "./addons/dmm-cast.mdx";
+import KnightCrawler from "./addons/knightcrawler.mdx";
+import StremioJackett from "./addons/stremio-jackett.mdx";
+import Peerflix from "./addons/peerflix.mdx";
+import CometFR from "./addons/cometfr.mdx";
+import TorboxAddon from "./addons/torbox.mdx";
+import EasynewsAddon from "./addons/easynews.mdx";
+import EasynewsPlusAddon from "./addons/easynews-plus.mdx";
+import Stremify from "./addons/stremify.mdx";
+import JaMovies from "./addons/jamovies.mdx";
+import DramaCool from "./addons/dramacool.mdx";
+import StremioGDrive from "./addons/stremio-gdrive.mdx";
+import MammaMia from "./addons/mammamia.mdx";
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+```
#### Live TV & Sports
These addons can provide live TV channels, live sports and replays.
-
-
-
+```mdx-code-block
+import UsaTv from "./addons/usa-tv.mdx";
+import Formulio from "./addons/formulio.mdx";
+import ArgentinaTv from "./addons/argentina-tv.mdx";
+
+
+
+```
- [Mediafusion](/stremio/addons/mediafusion) provides streams for live sports and replays. It also has a few live TV channels.
The live streams are direct streams but the replays are torrents. You can find more information above, where I covered it previously.
@@ -708,10 +732,17 @@ However, you can use this unofficial [Stremio Addon Manager](extras/addon-manage
These addons provide general catalogues of movies and shows such as popular, trending, new, featured, award-winning etc.
-
-
-
-
+```mdx-code-block
+import TmdbAddon from "./addons/tmdb-addon.mdx";
+import ImdbCatalogs from "./addons/imdb-catalogs.mdx";
+import CustomCatalogues from "./addons/custom-catalogues.mdx";
+import NewestMovies from "./addons/newest-movies.mdx";
+
+
+
+
+
+```
#### Streaming Service Catalogues
@@ -720,9 +751,15 @@ These addons will provide catalogues that pull movies and shows from popular str
I recommend only installing one of them. If you install multiple, you may see the same content multiple times on your homepage.
You can try both to see which you prefer but I recommend Streaming Catalogs.
-
-
-
+```mdx-code-block
+import StreamingCatalogs from "./addons/streaming-catalogs.mdx";
+import CyberFlix from "./addons/cyberflix.mdx";
+import Networks from "./addons/networks.mdx";
+
+
+
+
+```
#### Anime Catalogues
@@ -745,27 +782,48 @@ An added bonus is that it will auto-play the first link it finds, so you don't h
You can find my guide for Aniyomi [here](/aniyomi).
:::
-
-
-
-
+```mdx-code-block
+import AnimeKitsu from "./addons/anime-kitsu.mdx";
+import AnimeCatalogs from "./addons/anime-catalogs.mdx";
+import Animeo from "./addons/animeo.mdx";
+import MALStremioAddon from "./addons/mal-stremio-addon.mdx";
+
+
+
+
+```
+
#### Other Catalogues
-
+```mdx-code-block
+import PopularPeople from "./addons/popular-people.mdx";
+
+
+```
### Subtitle Addons
Here are a list of working subtitle addons. This list may become outdated, please check the [community addons list with the subtitle filter](https://stremio-addons.netlify.app/?label=subtitles) if none of these work.
-
-
-
-
-
-
-
+```mdx-code-block
+import OpenSubtitles from "./addons/opensubtitles-v3.mdx";
+import OpenSubtitlesPro from "./addons/opensubtitles-pro.mdx";
+import SubDL from "./addons/subdl-subtitles.mdx";
+import SubSource from "./addons/subsource-subtitles.mdx";
+import YifySubtitles from "./addons/yifysubtitles-by-dexter21767.mdx";
+import MSubtitles from "./addons/msubtitles.mdx";
+import LegendasDivx from "./addons/legendasdivx.mdx";
+
+
+
+
+
+
+
+
+```
## End of inital setup
diff --git a/src/components/StremioAddonDetailsWrapper/index.tsx b/src/components/StremioAddonDetailsWrapper/index.tsx
index ca0361b..3bef8fa 100644
--- a/src/components/StremioAddonDetailsWrapper/index.tsx
+++ b/src/components/StremioAddonDetailsWrapper/index.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React from 'react';
import Details from '@theme/Details';
import Translate from '@docusaurus/Translate';
@@ -11,6 +11,7 @@ const flagEmojis = {
interface Props {
name: string;
+ addonComponent: React.ComponentType;
debrid?: boolean;
torrent?: boolean;
usenet?: boolean;
@@ -36,7 +37,7 @@ function NotFound (props: { name?: string }): JSX.Element {
{"The addon documentation for {name} could not be found. Please report this issue on GitHub. "}
@@ -46,20 +47,7 @@ function NotFound (props: { name?: string }): JSX.Element {
}
export default function (props: Props): JSX.Element {
- const { name, debrid, torrent, usenet, http, flag, deprecated } = props;
- // state to store the addon component
- const [AddonComponent, setAddonComponent] = useState(null);
-
- useEffect(() => {
- const addonId = name.toLowerCase().replace(/ /g, '-').replace(/\+/g, '-plus');
- import(`@site/docs/stremio/addons/${addonId}.mdx`)
- .then(module => {
- setAddonComponent(() => module.default);
- })
- .catch(() => {
- setAddonComponent(null);
- });
- }, [name]);
+ const { name, addonComponent, debrid, torrent, usenet, http, flag, deprecated } = props;
const addonSummary = [
name,
@@ -73,7 +61,7 @@ export default function (props: Props): JSX.Element {
return (
- {AddonComponent ? : }
+ {addonComponent ? React.createElement(addonComponent) : }
);
}
\ No newline at end of file