From fe98ed2b3e0f28f640e421e2a4fbd92dc338e7e5 Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Wed, 28 Sep 2022 19:39:58 -0700
Subject: [PATCH] Inline css into library bundles

---
 packages/webamp/js/components/App.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/webamp/js/components/App.tsx b/packages/webamp/js/components/App.tsx
index 35d5d308..dbc49f91 100644
--- a/packages/webamp/js/components/App.tsx
+++ b/packages/webamp/js/components/App.tsx
@@ -20,9 +20,12 @@ import PlaylistWindow from "./PlaylistWindow";
 import EqualizerWindow from "./EqualizerWindow";
 import Skin from "./Skin";
 
-import "../../css/webamp.css";
 import Media from "../media";
 import { useTypedSelector, useActionCreator } from "../hooks";
+import Css from "./Css";
+
+// @ts-ignore
+import cssText from "bundle-text:../../css/webamp.css";
 
 interface Props {
   filePickers: FilePicker[];
@@ -129,6 +132,7 @@ export default function App({ media, filePickers }: Props) {
 
   return ReactDOM.createPortal(
     <StrictMode>
+      <Css>{cssText}</Css>
       <div onBlur={handleBlur}>
         <Skin />
         <ContextMenuWrapper