feat: allow plugins to include other plugins

src/server/config.ts

@@ -86,7 +86,9 @@ export async function getInternalFreshState(
         : join(base, "_fresh"),
       target: config.build?.target ?? ["chrome99", "firefox99", "safari15"],
     },
-    plugins: config.plugins ?? [],
+    plugins: config.plugins?.flatMap(
+      (plugin) => [plugin, ...(plugin.subPlugins ?? [])],
+    ) ?? [],
     staticDir: config.staticDir
       ? parseFileOrUrl(config.staticDir, base)
       : join(base, "static"),

src/server/types.ts

@@ -495,6 +495,8 @@ export interface Plugin<State = Record<string, unknown>> {
   middlewares?: PluginMiddleware<State>[];
 
   islands?: PluginIslands;
+
+  subPlugins?: Plugin[];
 }
 
 export interface PluginRenderContext {

tests/fixture_plugin/fresh.config.ts

@@ -5,6 +5,7 @@ import cssInjectPluginAsync from "./utils/css-inject-plugin-async.ts";
 import linkInjectPlugin from "./utils/link-inject-plugin.ts";
 import routePlugin from "./utils/route-plugin.ts";
 import secondMiddlewarePlugin from "$fresh/tests/fixture_plugin/utils/second-middleware-plugin.ts";
+import pluginWithSubPlugin from "./utils/pluginWithSubPlugin.tsx";
 
 export default {
   plugins: [
@@ -14,5 +15,6 @@ export default {
     linkInjectPlugin,
     routePlugin({ title: "Title Set From Plugin Config", async: false }),
     secondMiddlewarePlugin(),
+    pluginWithSubPlugin,
   ],
 } as FreshConfig;

tests/fixture_plugin/utils/pluginWithSubPlugin.tsx

@@ -0,0 +1,12 @@
+import { Plugin } from "$fresh/server.ts";
+
+export default {
+  name: "pluginWithSubPlugin",
+  subPlugins: [{
+    name: "subPlugin",
+    routes: [{
+      path: "subPluginRoute",
+      component: () => <h1>subPluginRoute</h1>,
+    }],
+  }],
+} satisfies Plugin;

tests/plugin_test.ts

@@ -283,3 +283,16 @@ Deno.test("supports returning htmlText", async () => {
     { loadConfig: true },
   );
 });
+
+Deno.test("sub plugins", async () => {
+  const resp = await router(
+    new Request("https://fresh.deno.dev/subPluginRoute"),
+  );
+  assert(resp);
+  assertEquals(resp.status, STATUS_CODE.OK);
+  const body = await resp.text();
+  assertStringIncludes(
+    body,
+    `<h1>subPluginRoute</h1>`,
+  );
+});