From 047ce0464e43f87853f83b3af4cb913ec36ee328 Mon Sep 17 00:00:00 2001
From: Aaron Klinker <aklinker1@users.noreply.github.com>
Date: Thu, 22 Jun 2023 23:23:41 -0500
Subject: [PATCH] feat: Automatically add CSS files to content scripts

---
 src/utils/manifest.ts | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/utils/manifest.ts b/src/utils/manifest.ts
index 065f6c02..66523c82 100644
--- a/src/utils/manifest.ts
+++ b/src/utils/manifest.ts
@@ -269,6 +269,16 @@ function getContentScriptCssFiles(
   contentScripts: ContentScriptEntrypoint[],
   buildOutput: BuildOutput,
 ): string[] | undefined {
-  console.warn('TODO: getContentScriptCssFiles');
+  const css: string[] = [];
+
+  contentScripts.forEach((script) => {
+    const cssRegex = new RegExp(`^assets/${script.name}-[a-f0-9]{8}.css$`);
+    const relatedCss = buildOutput.find((chunk) =>
+      chunk.fileName.match(cssRegex),
+    );
+    if (relatedCss) css.push(relatedCss.fileName);
+  });
+
+  if (css.length > 0) return css;
   return undefined;
 }