elysia-rack 0.5.4 → 0.5.5

package/README.md

@@ -231,6 +231,9 @@ new Elysia().use(
 );
 
 // override panel.css (file path, raw CSS string, or { path } / { content })
+// Custom CSS is appended after the default panel.css, so it cascades over
+// the default instead of replacing it — useful for changing only a few
+// tokens or rules.
 new Elysia().use(reactPlugin({ css: "./my-panel.css" }));
 ```
 

package/dist/react/index.js

@@ -260,14 +260,34 @@ function reactPlugin(options = {}) {
       return status(404, "Panel asset not found");
     if (params.name === "panel.css") {
       const custom = await loadCustomPanelCss();
+      const dir2 = resolveDistDir();
+      let defaultCss = null;
+      if (dir2) {
+        try {
+          defaultCss = await readFile2(join2(dir2, "panel.css"), "utf-8");
+        } catch {}
+      }
       if (custom !== null) {
-        return new Response(custom, {
+        const combined = defaultCss ? `${defaultCss}
+
+/* Custom panel.css overrides */
+${custom}` : custom;
+        return new Response(combined, {
           headers: {
             "Content-Type": type,
             "Cache-Control": "public, max-age=3600"
           }
         });
       }
+      if (defaultCss) {
+        return new Response(defaultCss, {
+          headers: {
+            "Content-Type": type,
+            "Cache-Control": "public, max-age=3600"
+          }
+        });
+      }
+      return status(404, "Panel asset not found");
     }
     const dir = resolveDistDir();
     if (!dir)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elysia-rack",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "description": "Model-driven CRUD rack for Elysia: REST + QUERY routes, validation, authorization, OpenAPI metadata, and React panel rendering.",
   "type": "module",
   "license": "MIT",