chore: moved style loading to main instance constructor

Author: dogusata

src/helper/style-loader.ts

@@ -0,0 +1,25 @@
+/*!
+ * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import '../styles/styles.scss';
+
+export class StyleLoader {
+  private static instance: StyleLoader | undefined;
+  private constructor () {
+
+  }
+
+  public static getInstance (): StyleLoader {
+    if (StyleLoader.instance === undefined) {
+      StyleLoader.instance = new StyleLoader();
+    }
+
+    return StyleLoader.instance;
+  }
+
+  public destroy = (): void => {
+    StyleLoader.instance = undefined;
+  };
+}

src/main.ts

@@ -37,7 +37,6 @@ import { FeedbackForm } from './components/feedback-form/feedback-form';
 import { MynahUITabsStore } from './helper/tabs-store';
 import { Config } from './helper/config';
 import { marked, Tokens } from 'marked';
-import './styles/styles.scss';
 import { generateUID } from './helper/guid';
 import { NoTabs } from './components/no-tabs';
 import { copyToClipboard } from './helper/chat-item';
@@ -46,6 +45,7 @@ import { serializeHtml, serializeMarkdown } from './helper/serialize-chat';
 import { Sheet } from './components/sheet';
 import { DetailedListSheet, DetailedListSheetProps } from './components/detailed-list/detailed-list-sheet';
 import { MynahUIDataStore } from './helper/store';
+import { StyleLoader } from './helper/style-loader';
 
 export { generateUID } from './helper/guid';
 export {
@@ -313,6 +313,7 @@ export class MynahUI {
   private readonly chatWrappers: Record<string, ChatWrapper> = {};
 
   constructor (props: MynahUIProps) {
+    StyleLoader.getInstance();
     // Apply global fix for marked listitem content is not getting parsed.
     marked.use({
       renderer: {