acrylblends 0.6.3 → 0.7.0

package/plugins/acryl-router/src/core/middleware/jsx-renderer/index.ts

@@ -0,0 +1,162 @@
+/**
+ * @module
+ * JSX Renderer Middleware for Acryl.
+ */
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import type { Context, PropsForRenderer } from '../../context.ts'
+import { html, raw } from '../../helper/html/index.ts'
+import { Fragment, createContext, jsx, useContext } from '../../jsx/index.ts'
+import type { FC, Context as JSXContext, JSXNode, PropsWithChildren } from '../../jsx/index.ts'
+import { renderToReadableStream } from '../../jsx/streaming.ts'
+import type { Env, Input, MiddlewareHandler } from '../../types.ts'
+
+export const RequestContext: JSXContext<Context<any, any, {}> | null> =
+  createContext<Context | null>(null)
+
+type RendererOptions = {
+  docType?: boolean | string
+  stream?: boolean | Record<string, string>
+}
+
+type ComponentResult = Exclude<ReturnType<FC>, null>
+
+type Component = (props: PropsForRenderer & { Layout: FC }, c: Context) => ComponentResult
+
+type ComponentWithChildren = (
+  props: PropsWithChildren<PropsForRenderer & { Layout: FC }>,
+  c: Context
+) => ComponentResult
+
+const createRenderer =
+  (
+    c: Context,
+    Layout: FC,
+    component?: Component,
+    options?: RendererOptions | ((c: Context) => RendererOptions)
+  ) =>
+  (children: JSXNode, props: PropsForRenderer) => {
+    options = typeof options === 'function' ? options(c) : options
+    const docType =
+      typeof options?.docType === 'string'
+        ? options.docType
+        : options?.docType === false
+          ? ''
+          : '<!DOCTYPE html>'
+
+    const currentLayout = component
+      ? jsx(
+          (props: any) => component(props, c),
+          {
+            Layout,
+            ...(props as any),
+          },
+          children as any
+        )
+      : children
+
+    const body = html`${raw(docType)}${jsx(
+      RequestContext.Provider,
+      { value: c },
+      currentLayout as any
+    )}`
+
+    if (options?.stream) {
+      if (options.stream === true) {
+        c.header('Transfer-Encoding', 'chunked')
+        c.header('Content-Type', 'text/html; charset=UTF-8')
+        c.header('Content-Encoding', 'Identity')
+      } else {
+        for (const [key, value] of Object.entries(options.stream)) {
+          c.header(key, value)
+        }
+      }
+      return c.body(renderToReadableStream(body))
+    } else {
+      return c.html(body)
+    }
+  }
+
+/**
+ * JSX Renderer Middleware for acryl.
+ *
+ *
+ * @param {ComponentWithChildren} [component] - The component to render, which can accept children and props.
+ * @param {RendererOptions} [options] - The options for the JSX renderer middleware.
+ * @param {boolean | string} [options.docType=true] - The DOCTYPE to be added at the beginning of the HTML. If set to false, no DOCTYPE will be added.
+ * @param {boolean | Record<string, string>} [options.stream=false] - If set to true, enables streaming response with default headers. If a record is provided, custom headers will be used.
+ * @returns {MiddlewareHandler} The middleware handler function.
+ *
+ * @example
+ * ```ts
+ * const app = new Acryl()
+ *
+ * app.get(
+ *   '/page/*',
+ *   jsxRenderer(({ children }) => {
+ *     return (
+ *       <html>
+ *         <body>
+ *           <header>Menu</header>
+ *           <div>{children}</div>
+ *         </body>
+ *       </html>
+ *     )
+ *   })
+ * )
+ *
+ * app.get('/page/about', (c) => {
+ *   return c.render(<h1>About me!</h1>)
+ * })
+ * ```
+ */
+export const jsxRenderer = <E extends Env = Env>(
+  component?: ComponentWithChildren,
+  options?: RendererOptions | ((c: Context<E>) => RendererOptions)
+): MiddlewareHandler =>
+  function jsxRenderer(c, next) {
+    const Layout = (c.getLayout() ?? Fragment) as FC
+    if (component) {
+      c.setLayout((props) => {
+        return component({ ...props, Layout }, c)
+      })
+    }
+    c.setRenderer(createRenderer(c, Layout, component, options) as any)
+    return next()
+  }
+
+/**
+ * useRequestContext for Acryl.
+ *
+ * @template E - The environment type.
+ * @template P - The parameter type.
+ * @template I - The input type.
+ * @returns {Context<E, P, I>} An instance of Context.
+ *
+ * @example
+ * ```ts
+ * const RequestUrlBadge: FC = () => {
+ *   const c = useRequestContext()
+ *   return <b>{c.req.url}</b>
+ * }
+ *
+ * app.get('/page/info', (c) => {
+ *   return c.render(
+ *     <div>
+ *       You are accessing: <RequestUrlBadge />
+ *     </div>
+ *   )
+ * })
+ * ```
+ */
+export const useRequestContext = <
+  E extends Env = any,
+  P extends string = any,
+  I extends Input = {},
+>(): Context<E, P, I> => {
+  const c = useContext(RequestContext)
+  if (!c) {
+    throw new Error('RequestContext is not provided.')
+  }
+  return c
+}

package/plugins/acryl-router/src/helpers/index.ts

@@ -10,6 +10,7 @@ export { proxy } from '../core/helper/proxy/index.ts'
 export { getRouterName, inspectRoutes, showRoutes } from '../core/helper/dev/index.ts'
 export { matchedRoutes, routePath, baseRoutePath, basePath } from '../core/helper/route/index.ts'
 export { testClient } from '../core/helper/testing/index.ts'
+export { defaultPlugin, disableSSG, isSSGContext, onlySSG, redirectPlugin, ssgParams, toSSG, X_ACRYL_DISABLE_SSG_HEADER_KEY, type SSGPlugin, type ToSSGOptions } from '../core/helper/ssg/index.ts'
 export { stream, streamSSE, streamText, SSEStreamingApi, type SSEMessage } from '../core/helper/streaming/index.ts'
 export { validator, type ValidationFunction } from '../core/validator/index.ts'
 export { schemaValidator, type StandardSchema } from './schema-validator.ts'

package/plugins/acryl-router/src/middleware/index.ts

@@ -8,6 +8,7 @@ export { contextStorage, getContext, tryGetContext } from '../core/middleware/co
 export { cors } from '../core/middleware/cors/index.ts'
 export { csrf } from '../core/middleware/csrf/index.ts'
 export { etag } from '../core/middleware/etag/index.ts'
+export { jsxRenderer, RequestContext, useRequestContext } from '../core/middleware/jsx-renderer/index.ts'
 export { jwk } from '../core/middleware/jwk/index.ts'
 export { AlgorithmTypes, decode, jwt, sign, verify, verifyWithJwks, type JwtVariables } from '../core/middleware/jwt/index.ts'
 export { ipRestriction, type IPRestrictionRule, type IPRestrictionRules } from '../core/middleware/ip-restriction/index.ts'

package/plugins/acryl-router/upstream.json

@@ -2,7 +2,7 @@
   "source": {
     "repo": "acryldev/acryl",
     "path": "plugins/acryl-router",
-    "commit": "60491f81b7346d1f3867fa01ee4e2caffc7baf47"
+    "commit": "7bba3ed0420d87e61d8256fa60614d22af734c8f"
   },
   "vendored": [
     "src",
@@ -10,7 +10,7 @@
     "LICENSE"
   ],
   "rewrittenSpecifiers": 6,
-  "digest": "sha256:141895acbc03bfea20b4142356a0614361f83a0beca0a989ae141b5f877f399d",
+  "digest": "sha256:dde4e173c7004c7aadd3d96866e65b29230c31562a4fab9e186fd4499821282b",
   "testsNotRun": {
     "tests/loader.spec.ts": "loads the built lib/ entry through the real Loader; the library ships source and has no build"
   },

package/plugins/acryl-router-http/upstream.json

@@ -2,7 +2,7 @@
   "source": {
     "repo": "acryldev/acryl",
     "path": "plugins/acryl-router-http",
-    "commit": "60491f81b7346d1f3867fa01ee4e2caffc7baf47"
+    "commit": "7bba3ed0420d87e61d8256fa60614d22af734c8f"
   },
   "vendored": [
     "src",

package/plugins/acryl-state/upstream.json

@@ -2,7 +2,7 @@
   "source": {
     "repo": "acryldev/acryl",
     "path": "plugins/acryl-state",
-    "commit": "60491f81b7346d1f3867fa01ee4e2caffc7baf47"
+    "commit": "7bba3ed0420d87e61d8256fa60614d22af734c8f"
   },
   "vendored": [
     "src",

package/plugins/desktop/main.ts

@@ -10,7 +10,8 @@ import { mkdirSync, readFileSync } from 'node:fs'
 import { join } from 'node:path'
 import { fileURLToPath } from 'node:url'
 import { app, BrowserWindow, shell } from 'electron'
-import { type App, createApp } from '../../app.ts'
+import type { App } from '../../app.ts'
+import '../acryl-node-server/src/register.ts'
 import { selectInstance } from '../instance/index.ts'
 import { createDesktopShutdown, installShutdownRequests } from './shutdown.ts'
 import { resolveDesktopUserDataOverride } from './user-data.ts'
@@ -63,6 +64,8 @@ if (!app.requestSingleInstanceLock()) {
   })
 
   void app.whenReady().then(async () => {
+    // The hook above is registered before the app's modules are loaded, so the app may have .tsx pages: they are loaded here, not as a static import.
+    const { createApp } = await import('../../app.ts')
     running = await createApp(chosen)
     const origin = new URL(running.url).origin
     window = new BrowserWindow(windowOptions({ title: chosen.name }))

package/plugins/desktop/upstream.json

@@ -5,7 +5,7 @@
       "apps/acryl-desktop/src/shell/desktop-user-data.ts": "user-data.ts",
       "apps/acryl-desktop/src/shell/shutdown.ts": "shutdown.ts"
     },
-    "commit": "60491f81b7346d1f3867fa01ee4e2caffc7baf47"
+    "commit": "7bba3ed0420d87e61d8256fa60614d22af734c8f"
   },
   "rewrittenSpecifiers": 0,
   "digest": "sha256:7dfe960a8bbb476c35540d2202a7aaa62b33492c2ac3e34314e2ecfca45f32f2"

package/plugins/desktop-web/main.ts

@@ -12,7 +12,7 @@ import { join } from 'node:path'
 import { fileURLToPath } from 'node:url'
 import { serve } from 'acrylblends/node-server'
 import { app, BrowserWindow, shell } from 'electron'
-import acrylApp from '../../app.ts'
+import 'acrylblends/node-server/register'
 import { createDesktopShutdown, installShutdownRequests } from './shutdown.ts'
 import { resolveDesktopUserDataOverride } from './user-data.ts'
 import { windowOptions } from './window.ts'
@@ -66,6 +66,8 @@ if (!app.requestSingleInstanceLock()) {
   })
 
   void app.whenReady().then(async () => {
+    // The hook above is registered before the app's modules are loaded, so the app may have .tsx pages: they are loaded here, not as a static import.
+    const { default: acrylApp } = await import('../../app.ts')
     const port = await new Promise<number>((resolve) => {
       server = serve(
         { fetch: acrylApp.fetch, port: 0, hostname: '127.0.0.1' },

package/plugins/desktop-web/upstream.json

@@ -5,7 +5,7 @@
       "apps/acryl-desktop/src/shell/desktop-user-data.ts": "user-data.ts",
       "apps/acryl-desktop/src/shell/shutdown.ts": "shutdown.ts"
     },
-    "commit": "60491f81b7346d1f3867fa01ee4e2caffc7baf47"
+    "commit": "7bba3ed0420d87e61d8256fa60614d22af734c8f"
   },
   "rewrittenSpecifiers": 0,
   "digest": "sha256:7dfe960a8bbb476c35540d2202a7aaa62b33492c2ac3e34314e2ecfca45f32f2"

package/plugins/extensions/resolve.ts

@@ -68,6 +68,10 @@ export function frameworkSpecifiers(): Record<string, string> {
     'http-exception': 'index.ts',
     types: 'index.ts',
     client: 'client.ts',
+    jsx: 'core/jsx/index.ts',
+    'jsx/jsx-runtime': 'core/jsx/jsx-runtime.ts',
+    'jsx/jsx-dev-runtime': 'core/jsx/jsx-dev-runtime.ts',
+    'jsx/streaming': 'core/jsx/streaming.ts',
   }
   for (const name of MIDDLEWARE) map[name] = 'middleware/index.ts'
   for (const name of HELPERS) map[name] = 'helpers/index.ts'

package/shared/AGENTS.core.md

@@ -15,6 +15,9 @@ The docs write `import { Acryl } from 'acrylblends'` and `from 'acrylblends/<sub
 - `./plugins/acryl-router/src/index.ts` for `Acryl`, `Context`, `HTTPException`, `connectionOf`, `getConnInfo` and the types;
 - `./plugins/acryl-router/src/middleware/index.ts` for every middleware (`cors`, `bodyLimit`, `trimTrailingSlash`, `loopbackOnly`, ...);
 - `./plugins/acryl-router/src/helpers/index.ts` for the helpers and validators (`streamSSE`, `schemaValidator`, `validator`, cookies, `testClient`, ...).
+- `./plugins/acryl-router/src/core/jsx/index.ts` for `acrylblends/jsx` (`jsx`, `Fragment`, the types), and `.../core/jsx/streaming.ts` for `acrylblends/jsx/streaming`.
+
+**JSX: write `.tsx`.** The scripts in `package.json` run Node.js with `--import ./src/plugins/acryl-node-server/src/register.ts`, which compiles `.tsx` files with this app's own `typescript`; `tsconfig.json` sets `jsx: react-jsx` and `jsxImportSource: #acryl-jsx`, which `package.json`'s `imports` maps to the vendored runtime in `src/plugins/acryl-router`. See `src/about.tsx` (blank template) for a page and `test/app.test.ts` for how it is tested. Render a component with `.toString()` and return it with `c.html(...)`; import `jsx`, `Fragment` and the types from `./plugins/acryl-router/src/core/jsx/index.ts` when you need them. A command that starts the app without those scripts (a bare `node src/main.ts`) cannot load a `.tsx` file. Without a build step you can write the call JSX compiles to instead: `jsx('h1', { class: 'title' }, 'Hello')`, children after the props.
 
 A plugin written into `extensions/` while the app runs may use the docs' own names instead: `acrylblends` and `acrylblends/<subpath>` resolve to the same files. `App` is the
 deprecated name of `Acryl`.

package/templates/agent/package.json

@@ -3,13 +3,17 @@
   "version": "0.1.0",
   "private": true,
   "type": "module",
+  "imports": {
+    "#acryl-jsx/jsx-runtime": "./src/plugins/acryl-router/src/core/jsx/jsx-runtime.ts",
+    "#acryl-jsx/jsx-dev-runtime": "./src/plugins/acryl-router/src/core/jsx/jsx-dev-runtime.ts"
+  },
   "engines": {
     "node": ">=22.19.0"
   },
   "scripts": {
-    "start": "node src/main.ts",
-    "dev": "node --watch src/main.ts",
-    "test": "node --test",
+    "start": "node --import ./src/plugins/acryl-node-server/src/register.ts src/main.ts",
+    "dev": "node --watch --import ./src/plugins/acryl-node-server/src/register.ts src/main.ts",
+    "test": "node --import ./src/plugins/acryl-node-server/src/register.ts --test \"test/**/*.test.{ts,tsx}\"",
     "check": "tsc --noEmit",
     "lock": "node src/plugins/manifest/lock.ts",
     "save": "node src/plugins/save/cli.ts",

package/templates/agent/tsconfig.json

@@ -55,8 +55,16 @@
       "acrylblends/ws": ["./src/plugins/acryl-router/src/helpers/index.ts"],
       "acryl-router": ["./src/plugins/acryl-router/src/index.ts"],
       "acryl-router/middleware": ["./src/plugins/acryl-router/src/middleware/index.ts"],
-      "acryl-router/helpers": ["./src/plugins/acryl-router/src/helpers/index.ts"]
-    }
+      "acryl-router/helpers": ["./src/plugins/acryl-router/src/helpers/index.ts"],
+      "acrylblends/jsx": ["./src/plugins/acryl-router/src/core/jsx/index.ts"],
+      "acrylblends/jsx/jsx-runtime": ["./src/plugins/acryl-router/src/core/jsx/jsx-runtime.ts"],
+      "acrylblends/jsx/jsx-dev-runtime": [
+        "./src/plugins/acryl-router/src/core/jsx/jsx-dev-runtime.ts"
+      ],
+      "acrylblends/jsx/streaming": ["./src/plugins/acryl-router/src/core/jsx/streaming.ts"]
+    },
+    "jsx": "react-jsx",
+    "jsxImportSource": "#acryl-jsx"
   },
   "include": ["src", "test", "extensions"]
 }

package/templates/blank/package.json

@@ -3,13 +3,17 @@
   "version": "0.1.0",
   "private": true,
   "type": "module",
+  "imports": {
+    "#acryl-jsx/jsx-runtime": "./src/plugins/acryl-router/src/core/jsx/jsx-runtime.ts",
+    "#acryl-jsx/jsx-dev-runtime": "./src/plugins/acryl-router/src/core/jsx/jsx-dev-runtime.ts"
+  },
   "engines": {
     "node": ">=22.19.0"
   },
   "scripts": {
-    "start": "node src/main.ts",
-    "dev": "node --watch src/main.ts",
-    "test": "node --test",
+    "start": "node --import ./src/plugins/acryl-node-server/src/register.ts src/main.ts",
+    "dev": "node --watch --import ./src/plugins/acryl-node-server/src/register.ts src/main.ts",
+    "test": "node --import ./src/plugins/acryl-node-server/src/register.ts --test \"test/**/*.test.{ts,tsx}\"",
     "check": "tsc --noEmit",
     "lock": "node src/plugins/manifest/lock.ts",
     "save": "node src/plugins/save/cli.ts",

package/templates/blank/src/about.tsx

@@ -0,0 +1,14 @@
+/** A page written in JSX: the scripts in package.json run Node.js with the vendored register hook (src/plugins/acryl-node-server/src/register.ts), which compiles .tsx with this app's own typescript. */
+const About = () => (
+  <main>
+    <h1>About</h1>
+    <p>Rendered on the server with the JSX runtime in src/plugins/acryl-router.</p>
+  </main>
+)
+
+export const aboutPage = (): string => (<About />).toString()
+
+/** Throws on purpose: the template's test checks that the stack names this file, so a failure in your own pages points at the .tsx line. */
+export const failingPage = (): string => {
+  throw new Error('a page failed')
+}

package/templates/blank/src/routes.ts

@@ -1,4 +1,5 @@
 import type { Context } from '@deepseek-ai/cordis'
+import { aboutPage } from './about.tsx'
 import { Acryl } from './plugins/acryl-router/src/index.ts'
 
 export const APP_NAME = '__APP_NAME__'
@@ -11,6 +12,7 @@ export const routes = {
     const app = new Acryl()
       .get('/', (c) => c.json({ app: APP_NAME, ok: true }))
       .get('/health', (c) => c.json({ ok: true }))
+      .get('/about', (c) => c.html(aboutPage()))
     ctx.router.route('/', app)
   },
 }

package/templates/blank/test/app.test.ts

@@ -29,6 +29,21 @@ test('serves the index route', () =>
     assert.deepEqual(await response.json(), { app: APP_NAME, ok: true })
   }))
 
+test('renders a .tsx page, and an error in it names the .tsx line', () =>
+  withApp(async (app) => {
+    const response = await fetch(`${app.url}/about`)
+    assert.equal(response.status, 200)
+    assert.match(await response.text(), /<main><h1>About<\/h1>/)
+    const { failingPage } = await import('../src/about.tsx')
+    let stack = ''
+    try {
+      failingPage()
+    } catch (error) {
+      stack = String((error as Error).stack)
+    }
+    assert.match(stack, /about\.tsx:\d+/)
+  }))
+
 test('answers health checks and 404 for unknown paths', () =>
   withApp(async (app) => {
     assert.equal((await fetch(`${app.url}/health`)).status, 200)

package/templates/blank/tsconfig.json

@@ -11,7 +11,9 @@
     "allowImportingTsExtensions": true,
     "noEmit": true,
     "skipLibCheck": true,
-    "types": ["node"]
+    "types": ["node"],
+    "jsx": "react-jsx",
+    "jsxImportSource": "#acryl-jsx"
   },
   "include": ["src", "test"]
 }

package/templates/todo/package.json

@@ -3,13 +3,17 @@
   "version": "0.1.0",
   "private": true,
   "type": "module",
+  "imports": {
+    "#acryl-jsx/jsx-runtime": "./src/plugins/acryl-router/src/core/jsx/jsx-runtime.ts",
+    "#acryl-jsx/jsx-dev-runtime": "./src/plugins/acryl-router/src/core/jsx/jsx-dev-runtime.ts"
+  },
   "engines": {
     "node": ">=22.19.0"
   },
   "scripts": {
-    "start": "node src/main.ts",
-    "dev": "node --watch src/main.ts",
-    "test": "node --test",
+    "start": "node --import ./src/plugins/acryl-node-server/src/register.ts src/main.ts",
+    "dev": "node --watch --import ./src/plugins/acryl-node-server/src/register.ts src/main.ts",
+    "test": "node --import ./src/plugins/acryl-node-server/src/register.ts --test \"test/**/*.test.{ts,tsx}\"",
     "check": "tsc --noEmit",
     "lock": "node src/plugins/manifest/lock.ts",
     "save": "node src/plugins/save/cli.ts",

package/templates/todo/tsconfig.json

@@ -11,7 +11,9 @@
     "allowImportingTsExtensions": true,
     "noEmit": true,
     "skipLibCheck": true,
-    "types": ["node"]
+    "types": ["node"],
+    "jsx": "react-jsx",
+    "jsxImportSource": "#acryl-jsx"
   },
   "include": ["src", "test"]
 }

package/templates/todo/upstream.json

@@ -5,7 +5,7 @@
       "examples/acryl-todo/src/index.ts": "src/todo.ts",
       "examples/acryl-todo/src/page.ts": "src/page.ts"
     },
-    "commit": "60491f81b7346d1f3867fa01ee4e2caffc7baf47"
+    "commit": "7bba3ed0420d87e61d8256fa60614d22af734c8f"
   },
   "rewrittenSpecifiers": 4,
   "digest": "sha256:9093704776563001f7f472f94cc5c2fdd79206342c1cb59c11fce62aa74df3ed"

package/plugins/acryl-inspect/tests/report.spec.ts

@@ -1,69 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { explain, renderReports, reportFiber, stateName, type FiberView } from '../src/report.ts'
-
-function fiber(over: Partial<FiberView> & { effects?: FiberView['getEffects'] extends () => infer R ? R : never } = {}): FiberView {
-  const { effects = [], ...rest } = over
-  return { state: 2, inject: {}, runtime: { name: 'demo' }, getEffects: () => effects, ...rest }
-}
-
-describe('reportFiber', () => {
-  it('sorts effects into provides, mounts with their routes, and everything else, including nested ones', () => {
-    const report = reportFiber(fiber({
-      inject: { router: null, acrylSettings: null },
-      effects: [
-        { label: 'ctx.provide("things")', children: [] },
-        { label: 'acryl-router: route /api', children: [
-          { label: 'acryl-router: serves ALL /api/*', children: [] },
-          { label: 'acryl-router: serves GET /api/things/:id', children: [] },
-        ] },
-        { label: 'acryl-router: route /api/things', children: [
-          { label: 'acryl-router: serves POST /api/things', children: [] },
-          { label: 'inner timer', children: [] },
-        ] },
-        { label: 'ctx.on("internal/status")', children: [] },
-      ],
-    }))
-    expect(report).toEqual({
-      name: 'demo',
-      state: 'ACTIVE',
-      requires: ['acrylSettings', 'router'],
-      provides: ['things'],
-      mounts: ['/api', '/api/things'],
-      routes: [{ method: 'ALL', path: '/api/*' }, { method: 'GET', path: '/api/things/:id' }, { method: 'POST', path: '/api/things' }],
-      other: ['inner timer', 'ctx.on("internal/status")'],
-      removedOnUnload: 5,
-    })
-  })
-
-  it('names the state and an anonymous plugin', () => {
-    expect(stateName(0)).toBe('PENDING')
-    expect(stateName(2)).toBe('ACTIVE')
-    expect(stateName(5)).toBe('UNLOADING')
-    expect(reportFiber(fiber({ runtime: null })).name).toBe('anonymous')
-  })
-})
-
-describe('explain', () => {
-  it('says what a plugin needs, adds and removes on unload', () => {
-    const text = explain(reportFiber(fiber({
-      inject: { router: null },
-      effects: [{ label: 'acryl-router: route /', children: [{ label: 'acryl-router: serves GET /a', children: [] }] }],
-    })))
-    expect(text).toContain('demo (ACTIVE)')
-    expect(text).toContain('needs:     router')
-    expect(text).toContain('routes:    GET /a')
-    expect(text).toContain('unloading: removes 1 registration and nothing else')
-  })
-
-  it('says a pending plugin is waiting for its services', () => {
-    const text = explain(reportFiber(fiber({ state: 0, inject: { router: null, webServer: null } })))
-    expect(text).toContain('demo (PENDING)')
-    expect(text).toContain('it starts when router, webServer are available')
-  })
-
-  it('renders several plugins as blocks', () => {
-    const a = reportFiber(fiber({ runtime: { name: 'a' } }))
-    const b = reportFiber(fiber({ runtime: { name: 'b' } }))
-    expect(renderReports([a, b]).split('\n\n')).toHaveLength(2)
-  })
-})