fix component reloading

package.json

@@ -75,7 +75,6 @@
   "devDependencies": {
     "@11ty/eleventy": "3.0.0",
     "@custom-elements-manifest/analyzer": "^0.10.4",
-    "@konnorr/esbuild-plugin-lit-css": "^1.0.1",
     "@lit-labs/eleventy-plugin-lit": "^1.0.3",
     "@lit-labs/testing": "^0.2.5",
     "@lit/react": "^1.0.6",

scripts/build.js

@@ -338,9 +338,9 @@ if (isDeveloping) {
         filename.includes('components/') && filename.includes('.ts') && !isCssStylesheet && !isTestFile;
 
       // Re-bundle when relevant files change
-      if (!isTestFile && !isCssStylesheet) {
-        await regenerateBundle();
-      }
+      if (isTestFile) { return }
+
+      await regenerateBundle();
 
       // Copy stylesheets when CSS files change
       if (isCssStylesheet) {
@@ -350,9 +350,11 @@ if (isDeveloping) {
       // Regenerate metadata when components change
       if (isComponent) {
         await generateManifest();
-        await generateDocs();
       }
 
+      // This needs to be outside of "isComponent" check because SSR needs to run on CSS files too.
+      await generateDocs();
+
       reload();
     } catch (err) {
       console.error(chalk.red(err));