@scalar/fastify-api-reference 0.7.1 → 0.7.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @scalar/fastify-api-reference
 
+## 0.7.3
+
+### Patch Changes
+
+- 2bfab93: fix: JS is missing
+
+## 0.7.2
+
+### Patch Changes
+
+- 185a85d: breaking change: use `configuration` instead of `apiReference` to pass the configuration
+- 185a85d: refactor: use CDN version, remove pageTitle option (the API reference supports more attributes already)
+- Updated dependencies [37b974c]
+- Updated dependencies [b77d087]
+  - @scalar/api-reference@1.3.0
+
 ## 0.7.1
 
 ### Patch Changes

package/README.md

@@ -31,7 +31,7 @@ If you have a OpenAPI/Swagger file already, you can pass an URL to the plugin:
 // Render an API reference for a given OpenAPI/Swagger spec URL
 fastify.register(require('@scalar/fastify-api-reference'), {
   routePrefix: '/reference',
-  apiReference: {
+  configuration: {
     title: 'Our API Reference',
     spec: {
       url: '/swagger.json',
@@ -45,7 +45,7 @@ With the [@fastify/swagger](https://github.com/fastify/fastify-swagger) you can
 ```ts
 await fastify.register(require('@scalar/fastify-api-reference'), {
   routePrefix: '/reference',
-  apiReference: {
+  configuration: {
     spec: {
       content: () => fastify.swagger(),
     },
@@ -66,7 +66,7 @@ Or, if you just have a static OpenAPI spec, you can directly pass it, too:
 ```ts
 await fastify.register(require('@scalar/fastify-api-reference'), {
   routePrefix: '/reference',
-  apiReference: {
+  configuration: {
     spec: {
       content: { … }
     },
@@ -83,7 +83,7 @@ By default, we’re using a custom Fastify theme and it’s beautiful. But you c
 ```ts
 await fastify.register(require('@scalar/fastify-api-reference'), {
   routePrefix: '/reference',
-  apiReference: {
+  configuration: {
     theme: 'purple',
   },
 })

package/dist/fastifyApiReference.d.ts

@@ -1,16 +1,26 @@
 import { type ReferenceConfiguration } from '@scalar/api-reference';
 import type { FastifyPluginAsync } from 'fastify';
-export type ApiReferenceOptions = {
+export type FastifyApiReferenceOptions = {
     /**
      * Prefix for the registered route
      *
      * @default '/'
      */
     routePrefix: string;
-    apiReference?: ReferenceConfiguration & {
-        pageTitle?: string;
-    };
+    configuration?: ReferenceConfiguration;
 };
-declare const _default: FastifyPluginAsync<ApiReferenceOptions>;
+/**
+ * The Fastify custom theme CSS
+ */
+export declare const defaultCss = "\n:root {\n  --theme-font: 'Inter', var(--system-fonts);\n}\n\n.light-mode {\n  color-scheme: light;\n  --theme-color-1: #1c1e21;\n  --theme-color-2: #757575;\n  --theme-color-3: #8e8e8e;\n  --theme-color-disabled: #b4b1b1;\n  --theme-color-ghost: #a7a7a7;\n  --theme-color-accent: #2f8555;\n  --theme-background-1: #fff;\n  --theme-background-2: #f5f5f5;\n  --theme-background-3: #ededed;\n  --theme-background-4: rgba(0, 0, 0, 0.06);\n  --theme-background-accent: #2f85551f;\n\n  --theme-border-color: rgba(0, 0, 0, 0.1);\n  --theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --theme-lifted-brightness: 1;\n  --theme-backdrop-brightness: 1;\n\n  --theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n  --theme-button-1: rgb(49 53 56);\n  --theme-button-1-color: #fff;\n  --theme-button-1-hover: rgb(28 31 33);\n\n  --theme-color-green: #007300;\n  --theme-color-red: #af272b;\n  --theme-color-yellow: #b38200;\n  --theme-color-blue: #3b8ba5;\n  --theme-color-orange: #fb892c;\n  --theme-color-purple: #5203d1;\n}\n\n.dark-mode {\n  color-scheme: dark;\n  --theme-color-1: rgba(255, 255, 255, 0.9);\n  --theme-color-2: rgba(255, 255, 255, 0.62);\n  --theme-color-3: rgba(255, 255, 255, 0.44);\n  --theme-color-disabled: rgba(255, 255, 255, 0.34);\n  --theme-color-ghost: rgba(255, 255, 255, 0.26);\n  --theme-color-accent: #27c2a0;\n  --theme-background-1: #1b1b1d;\n  --theme-background-2: #242526;\n  --theme-background-3: #3b3b3b;\n  --theme-background-4: rgba(255, 255, 255, 0.06);\n  --theme-background-accent: #27c2a01f;\n\n  --theme-border-color: rgba(255, 255, 255, 0.1);\n  --theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --theme-lifted-brightness: 1.45;\n  --theme-backdrop-brightness: 0.5;\n\n  --theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n  --theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --theme-button-1: #f6f6f6;\n  --theme-button-1-color: #000;\n  --theme-button-1-hover: #e7e7e7;\n\n  --theme-color-green: #26b226;\n  --theme-color-red: #fb565b;\n  --theme-color-yellow: #ffc426;\n  --theme-color-blue: #6ecfef;\n  --theme-color-orange: #ff8d4d;\n  --theme-color-purple: #b191f9;\n}\n.scalar-card:nth-of-type(3) {\n  display: none;\n}\n";
+/**
+ * The HTML to load the @scalar/api-reference JavaScript package.
+ */
+export declare const javascript: (configuration: ReferenceConfiguration) => string;
+/**
+ * The HTML template to render the API Reference.
+ */
+export declare function htmlDocument(configuration: ReferenceConfiguration): string;
+declare const _default: FastifyPluginAsync<FastifyApiReferenceOptions>;
 export default _default;
 //# sourceMappingURL=fastifyApiReference.d.ts.map

package/dist/fastifyApiReference.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fastifyApiReference.d.ts","sourceRoot":"","sources":["../src/fastifyApiReference.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AAEnE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAKjD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;OAIG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,sBAAsB,GAAG;QACtC,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;CACF,CAAA;;AAkFD,wBAAsC"}
+{"version":3,"file":"fastifyApiReference.d.ts","sourceRoot":"","sources":["../src/fastifyApiReference.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AACnE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAKjD,MAAM,MAAM,0BAA0B,GAAG;IACvC;;;;OAIG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,sBAAsB,CAAA;CACvC,CAAA;AAQD;;GAEG;AACH,eAAO,MAAM,UAAU,i8EA+EtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,kBAAmB,sBAAsB,WAgB/D,CAAA;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,aAAa,EAAE,sBAAsB,UAqBjE;;AA8ED,wBAAsC"}

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";const e=require("ejs"),n=require("fastify-plugin"),r=require("node:fs"),t=require("node:path"),i={hide:!0},s=n((async(n,s)=>{var a,o,l,c;const d=n.hasPlugin("@fastify/swagger");(null==(o=null==(a=s.apiReference)?void 0:a.spec)?void 0:o.content)||(null==(c=null==(l=s.apiReference)?void 0:l.spec)?void 0:c.url)||d?(n.route({method:"GET",url:s.routePrefix??"/",schema:i,async handler(r,i){var a,o,l,c;i.header("Content-Type","text/html; charset=utf-8");let p=s;(null==(o=null==(a=s.apiReference)?void 0:a.spec)?void 0:o.content)||(null==(c=null==(l=s.apiReference)?void 0:l.spec)?void 0:c.url)||!d||(p={...s,apiReference:{...s.apiReference,spec:{content:()=>n.swagger()}}});const u=await e.renderFile(t.resolve(`${__dirname}/../dist/templates/index.ejs`),{options:p});i.send(u)}}),n.route({method:"GET",url:(s.routePrefix??"/")+"/fastify-api-reference.js",schema:i,async handler(e,n){n.header("Content-Type","application/javascript; charset=utf-8");const i=r.readFileSync(t.resolve(`${__dirname}/../dist/templates/fastify-api-reference.js`),"utf8");n.send(i)}})):console.warn("[@scalar/fastify-api-reference] You didn’t provide a spec.content or spec.url and @fastify/swagger could not be find either. Please provide one of these options.")}));module.exports=s;
+"use strict";const e=require("fastify-plugin"),n=require("node:fs"),t=require("node:path");const o={hide:!0};function r(e){return`\n<!DOCTYPE html>\n<html>\n  <head>\n    <title>API Reference</title>\n    <meta charset="utf-8" />\n    <meta\n      name="viewport"\n      content="width=device-width, initial-scale=1" />\n    <style>\n      body {\n        margin: 0;\n      }\n    </style>\n  </head>\n  <body>\n    ${(e=>{var n,t,o,r;return`\n    <script\n      id="api-reference"\n      type="application/json"\n      data-configuration="${JSON.stringify(e).split('"').join("&quot;")}">${(null==(n=e.spec)?void 0:n.content)?"function"==typeof(null==(t=e.spec)?void 0:t.content)?JSON.stringify(null==(o=e.spec)?void 0:o.content()):JSON.stringify(null==(r=e.spec)?void 0:r.content):""}<\/script>\n      <script src="/@scalar/fastify-api-reference/browser.js"><\/script>\n  `})(e)}\n  </body>\n</html>\n`}const c=e((async(e,c)=>{var a,l;let{configuration:s}=c;const i=e.hasPlugin("@fastify/swagger");if(!(null==(a=null==s?void 0:s.spec)?void 0:a.content)&&!(null==(l=null==s?void 0:s.spec)?void 0:l.url)&&!i)return void console.warn("[@scalar/fastify-api-reference] You didn’t provide a spec.content or spec.url and @fastify/swagger could not be find either. Please provide one of these options.");const h=function(){const e=[t.resolve(`${__dirname}/js/standalone.js`),t.resolve(`${__dirname}/../../dist/js/standalone.js`)].find((e=>n.existsSync(e)));if(void 0===e)throw new Error(`JavaScript file not found: ${t.resolve(`${__dirname}/js/standalone.js`)}`);return n.readFileSync(e,"utf8")}();e.route({method:"GET",url:c.routePrefix??"/",schema:o,async handler(n,t){var o,c;t.header("Content-Type","text/html; charset=utf-8"),(null==(o=null==s?void 0:s.spec)?void 0:o.content)||(null==(c=null==s?void 0:s.spec)?void 0:c.url)||!i||(s={...s,spec:{content:()=>e.swagger()}}),(null==s?void 0:s.customCss)||(null==s?void 0:s.theme)||(s={...s,customCss:"\n:root {\n  --theme-font: 'Inter', var(--system-fonts);\n}\n\n.light-mode {\n  color-scheme: light;\n  --theme-color-1: #1c1e21;\n  --theme-color-2: #757575;\n  --theme-color-3: #8e8e8e;\n  --theme-color-disabled: #b4b1b1;\n  --theme-color-ghost: #a7a7a7;\n  --theme-color-accent: #2f8555;\n  --theme-background-1: #fff;\n  --theme-background-2: #f5f5f5;\n  --theme-background-3: #ededed;\n  --theme-background-4: rgba(0, 0, 0, 0.06);\n  --theme-background-accent: #2f85551f;\n\n  --theme-border-color: rgba(0, 0, 0, 0.1);\n  --theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --theme-lifted-brightness: 1;\n  --theme-backdrop-brightness: 1;\n\n  --theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n  --theme-button-1: rgb(49 53 56);\n  --theme-button-1-color: #fff;\n  --theme-button-1-hover: rgb(28 31 33);\n\n  --theme-color-green: #007300;\n  --theme-color-red: #af272b;\n  --theme-color-yellow: #b38200;\n  --theme-color-blue: #3b8ba5;\n  --theme-color-orange: #fb892c;\n  --theme-color-purple: #5203d1;\n}\n\n.dark-mode {\n  color-scheme: dark;\n  --theme-color-1: rgba(255, 255, 255, 0.9);\n  --theme-color-2: rgba(255, 255, 255, 0.62);\n  --theme-color-3: rgba(255, 255, 255, 0.44);\n  --theme-color-disabled: rgba(255, 255, 255, 0.34);\n  --theme-color-ghost: rgba(255, 255, 255, 0.26);\n  --theme-color-accent: #27c2a0;\n  --theme-background-1: #1b1b1d;\n  --theme-background-2: #242526;\n  --theme-background-3: #3b3b3b;\n  --theme-background-4: rgba(255, 255, 255, 0.06);\n  --theme-background-accent: #27c2a01f;\n\n  --theme-border-color: rgba(255, 255, 255, 0.1);\n  --theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --theme-lifted-brightness: 1.45;\n  --theme-backdrop-brightness: 0.5;\n\n  --theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n  --theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --theme-button-1: #f6f6f6;\n  --theme-button-1-color: #000;\n  --theme-button-1-hover: #e7e7e7;\n\n  --theme-color-green: #26b226;\n  --theme-color-red: #fb565b;\n  --theme-color-yellow: #ffc426;\n  --theme-color-blue: #6ecfef;\n  --theme-color-orange: #ff8d4d;\n  --theme-color-purple: #b191f9;\n}\n.scalar-card:nth-of-type(3) {\n  display: none;\n}\n"});const a=r(s);t.send(a)}}),e.route({method:"GET",url:"/@scalar/fastify-api-reference/browser.js",schema:o,async handler(e,n){n.header("Content-Type","application/javascript; charset=utf-8"),n.send(h)}})}));module.exports=c;

package/dist/index.js

@@ -7,22 +7,149 @@ const __dirname = __getDirname();
 const __filename = __getFilename();
 const self = globalThis;
 const require2 = __createRequire(import.meta.url);
-import ejs from "ejs";
 import fp from "fastify-plugin";
 import fs from "node:fs";
 import path from "node:path";
+function getJavaScriptFile() {
+  const filePath = [
+    path.resolve(`${__dirname}/js/standalone.js`),
+    path.resolve(`${__dirname}/../../dist/js/standalone.js`)
+  ].find((file) => fs.existsSync(file));
+  if (filePath === void 0) {
+    throw new Error(
+      `JavaScript file not found: ${path.resolve(
+        `${__dirname}/js/standalone.js`
+      )}`
+    );
+  }
+  return fs.readFileSync(filePath, "utf8");
+}
 const schemaToHideRoute = {
   hide: true
 };
-const fastifyApiReference = async (fastify, options) => {
+const defaultCss = `
+:root {
+  --theme-font: 'Inter', var(--system-fonts);
+}
+
+.light-mode {
+  color-scheme: light;
+  --theme-color-1: #1c1e21;
+  --theme-color-2: #757575;
+  --theme-color-3: #8e8e8e;
+  --theme-color-disabled: #b4b1b1;
+  --theme-color-ghost: #a7a7a7;
+  --theme-color-accent: #2f8555;
+  --theme-background-1: #fff;
+  --theme-background-2: #f5f5f5;
+  --theme-background-3: #ededed;
+  --theme-background-4: rgba(0, 0, 0, 0.06);
+  --theme-background-accent: #2f85551f;
+
+  --theme-border-color: rgba(0, 0, 0, 0.1);
+  --theme-scrollbar-color: rgba(0, 0, 0, 0.18);
+  --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);
+  --theme-lifted-brightness: 1;
+  --theme-backdrop-brightness: 1;
+
+  --theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
+  --theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,
+    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;
+
+  --theme-button-1: rgb(49 53 56);
+  --theme-button-1-color: #fff;
+  --theme-button-1-hover: rgb(28 31 33);
+
+  --theme-color-green: #007300;
+  --theme-color-red: #af272b;
+  --theme-color-yellow: #b38200;
+  --theme-color-blue: #3b8ba5;
+  --theme-color-orange: #fb892c;
+  --theme-color-purple: #5203d1;
+}
+
+.dark-mode {
+  color-scheme: dark;
+  --theme-color-1: rgba(255, 255, 255, 0.9);
+  --theme-color-2: rgba(255, 255, 255, 0.62);
+  --theme-color-3: rgba(255, 255, 255, 0.44);
+  --theme-color-disabled: rgba(255, 255, 255, 0.34);
+  --theme-color-ghost: rgba(255, 255, 255, 0.26);
+  --theme-color-accent: #27c2a0;
+  --theme-background-1: #1b1b1d;
+  --theme-background-2: #242526;
+  --theme-background-3: #3b3b3b;
+  --theme-background-4: rgba(255, 255, 255, 0.06);
+  --theme-background-accent: #27c2a01f;
+
+  --theme-border-color: rgba(255, 255, 255, 0.1);
+  --theme-scrollbar-color: rgba(255, 255, 255, 0.24);
+  --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);
+  --theme-lifted-brightness: 1.45;
+  --theme-backdrop-brightness: 0.5;
+
+  --theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);
+  --theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,
+    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);
+
+  --theme-button-1: #f6f6f6;
+  --theme-button-1-color: #000;
+  --theme-button-1-hover: #e7e7e7;
+
+  --theme-color-green: #26b226;
+  --theme-color-red: #fb565b;
+  --theme-color-yellow: #ffc426;
+  --theme-color-blue: #6ecfef;
+  --theme-color-orange: #ff8d4d;
+  --theme-color-purple: #b191f9;
+}
+.scalar-card:nth-of-type(3) {
+  display: none;
+}
+`;
+const javascript = (configuration) => {
   var _a, _b, _c, _d;
+  return `
+    <script
+      id="api-reference"
+      type="application/json"
+      data-configuration="${JSON.stringify(configuration).split('"').join("&quot;")}">${((_a = configuration.spec) == null ? void 0 : _a.content) ? typeof ((_b = configuration.spec) == null ? void 0 : _b.content) === "function" ? JSON.stringify((_c = configuration.spec) == null ? void 0 : _c.content()) : JSON.stringify((_d = configuration.spec) == null ? void 0 : _d.content) : ""}<\/script>
+      <script src="/@scalar/fastify-api-reference/browser.js"><\/script>
+  `;
+};
+function htmlDocument(configuration) {
+  return `
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>API Reference</title>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1" />
+    <style>
+      body {
+        margin: 0;
+      }
+    </style>
+  </head>
+  <body>
+    ${javascript(configuration)}
+  </body>
+</html>
+`;
+}
+const fastifyApiReference = async (fastify, options) => {
+  var _a, _b;
+  let { configuration } = options;
   const hasSwaggerPlugin = fastify.hasPlugin("@fastify/swagger");
-  if (!((_b = (_a = options.apiReference) == null ? void 0 : _a.spec) == null ? void 0 : _b.content) && !((_d = (_c = options.apiReference) == null ? void 0 : _c.spec) == null ? void 0 : _d.url) && !hasSwaggerPlugin) {
+  if (!((_a = configuration == null ? void 0 : configuration.spec) == null ? void 0 : _a.content) && !((_b = configuration == null ? void 0 : configuration.spec) == null ? void 0 : _b.url) && !hasSwaggerPlugin) {
     console.warn(
       "[@scalar/fastify-api-reference] You didn’t provide a spec.content or spec.url and @fastify/swagger could not be find either. Please provide one of these options."
     );
     return;
   }
+  const fileContent = getJavaScriptFile();
   fastify.route({
     method: "GET",
     url: options.routePrefix ?? "/",
@@ -30,41 +157,37 @@ const fastifyApiReference = async (fastify, options) => {
     // @ts-ignore
     schema: schemaToHideRoute,
     async handler(_, reply) {
-      var _a2, _b2, _c2, _d2;
+      var _a2, _b2;
       reply.header("Content-Type", "text/html; charset=utf-8");
-      let mergedOptions = options;
-      if (!((_b2 = (_a2 = options.apiReference) == null ? void 0 : _a2.spec) == null ? void 0 : _b2.content) && !((_d2 = (_c2 = options.apiReference) == null ? void 0 : _c2.spec) == null ? void 0 : _d2.url) && hasSwaggerPlugin) {
-        mergedOptions = {
-          ...options,
-          apiReference: {
-            ...options.apiReference,
-            // @ts-ignore
-            spec: { content: () => fastify.swagger() }
+      if (!((_a2 = configuration == null ? void 0 : configuration.spec) == null ? void 0 : _a2.content) && !((_b2 = configuration == null ? void 0 : configuration.spec) == null ? void 0 : _b2.url) && hasSwaggerPlugin) {
+        configuration = {
+          ...configuration,
+          spec: {
+            content: () => {
+              return fastify.swagger();
+            }
           }
         };
       }
-      const html = await ejs.renderFile(
-        path.resolve(`${__dirname}/../dist/templates/index.ejs`),
-        {
-          options: mergedOptions
-        }
-      );
+      if (!(configuration == null ? void 0 : configuration.customCss) && !(configuration == null ? void 0 : configuration.theme)) {
+        configuration = {
+          ...configuration,
+          customCss: defaultCss
+        };
+      }
+      const html = htmlDocument(configuration);
       reply.send(html);
     }
   });
   fastify.route({
     method: "GET",
-    url: (options.routePrefix ?? "/") + "/fastify-api-reference.js",
+    url: "/@scalar/fastify-api-reference/browser.js",
     // We don’t know whether @fastify/swagger is registered, but it doesn’t hurt to add a schema anyway.
     // @ts-ignore
     schema: schemaToHideRoute,
     async handler(_, reply) {
       reply.header("Content-Type", "application/javascript; charset=utf-8");
-      const content = fs.readFileSync(
-        path.resolve(`${__dirname}/../dist/templates/fastify-api-reference.js`),
-        "utf8"
-      );
-      reply.send(content);
+      reply.send(fileContent);
     }
   });
 };