@scalar/sveltekit 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023-present Scalar
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,38 @@
+# Scalar for SvelteKit
+
+[![Version](https://img.shields.io/npm/v/%40scalar/sveltekit)](https://www.npmjs.com/package/@scalar/sveltekit)
+[![Downloads](https://img.shields.io/npm/dm/%40scalar/sveltekit)](https://www.npmjs.com/package/@scalar/sveltekit)
+[![License](https://img.shields.io/npm/l/%40scalar%2Fsveltekit)](https://www.npmjs.com/package/@scalar/sveltekit)
+[![Discord](https://img.shields.io/discord/1135330207960678410?style=flat&color=5865F2)](https://discord.gg/scalar)
+
+A SvelteKit integration for the Scalar API Reference
+
+## Installation
+
+```bash
+npm install @scalar/sveltekit
+```
+
+## Usage
+
+```ts
+// routes/+server.ts
+import { ScalarApiReference } from '@scalar/sveltekit'
+import type { RequestHandler } from './$types'
+
+const render = ScalarApiReference({
+  url: 'https://cdn.jsdelivr.net/npm/@scalar/galaxy/dist/latest.json',
+})
+
+export const GET: RequestHandler = () => {
+  return render()
+}
+```
+
+## Community
+
+We are API nerds. You too? Let’s chat on Discord: <https://discord.gg/scalar>
+
+## License
+
+The source code in this repository is licensed under [MIT](https://github.com/scalar/scalar/blob/main/LICENSE).

package/dist/custom-theme.d.ts

@@ -0,0 +1,5 @@
+/**
+ * The custom theme for SvelteKit
+ */
+export declare const customTheme = "\n/* basic theme */\n.dark-mode {\n  --scalar-color-1: rgba(255, 255, 255, 0.9);\n  --scalar-color-2: rgba(255, 255, 255, 0.62);\n  --scalar-color-3: rgba(255, 255, 255, 0.44);\n  --scalar-color-accent: #3070ec;\n\n  --scalar-background-1: #000000;\n  --scalar-background-2: #1a1a1a;\n  --scalar-background-3: #2a2828;\n  --scalar-background-accent: transparent;\n\n  --scalar-border-color: rgba(255, 255, 255, 0.1);\n}\n\n.light-mode .dark-mode,\n.light-mode {\n  --scalar-color-1: #2a2f45;\n  --scalar-color-2: #757575;\n  --scalar-color-3: #8e8e8e;\n  --scalar-color-accent: #3070ec;\n\n  --scalar-background-1: #fff;\n  --scalar-background-2: #fafafa;\n  --scalar-background-3: #e7e7e7;\n  --scalar-background-accent: transparent;\n\n  --scalar-border-color: rgba(0, 0, 0, 0.1);\n}\n.light-mode .scalar-card {\n  --scalar-background-1: #fff;\n  --scalar-background-2: #fff !important;\n  --scalar-background-3: #fff !important;\n}\n.dark-mode .scalar-card {\n  --scalar-background-1: #000000;\n  --scalar-background-2: #000000 !important;\n  --scalar-background-3: #000000 !important;\n}\n.light-mode .examples .scalar-card .scalar-card-header {\n  --scalar-background-2: #fafafa;\n}\n.dark-mode .examples .scalar-card .scalar-card-header {\n  --scalar-background-2: #1a1a1a;\n  --scalar-border-color: #1a1a1a;\n}\n/* Document header */\n.light-mode .t-doc__header,\n.dark-mode .t-doc__header {\n  --header-background-1: rgba(255,255,255,.8);\n  --header-border-color: var(--scalar-border-color);\n  --header-color-1: var(--scalar-color-1);\n  --header-color-2: var(--scalar-color-2);\n  --header-background-toggle: var(--scalar-color-3);\n  --header-call-to-action-color: var(--scalar-color-accent);\n  backdrop-filter: saturate(180%) blur(5px);\n}\n\n.dark-mode .t-doc__header {\n  --header-background-1: rgba(0,0,0,.5);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n  --scalar-sidebar-background-1: var(--scalar-background-1);\n  --scalar-sidebar-item-hover-color: var(--scalar-sidebar-color-1);\n  --scalar-sidebar-item-hover-background: transparent;\n  --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n  --scalar-sidebar-border-color: transparent;\n  --scalar-sidebar-color-1: var(--scalar-color-1);\n  --scalar-sidebar-color-2: var(--scalar-color-2);\n  --scalar-sidebar-color-active: var(--scalar-color-accent);\n  --scalar-sidebar-search-background: var(--scalar-background-2);\n  --scalar-sidebar-search-border-color: var(--scalar-background-2);\n  --scalar-sidebar-search-color: var(--scalar-color-3);\n  --scalar-sidebar-indent-border: var(--scalar-border-color);\n  --scalar-sidebar-indent-border-active: #6aacf8;\n}\n.api-client-drawer .t-doc__sidebar {\n  --scalar-sidebar-border-color: var(--scalar-border-color);\n}\n/* advanced */\n.light-mode .dark-mode,\n.light-mode {\n  --scalar-button-1: rgb(49 53 56);\n  --scalar-button-1-color: #fff;\n  --scalar-button-1-hover: rgb(28 31 33);\n\n  --scalar-color-green: #417942;\n  --scalar-color-red: #ae3763;\n  --scalar-color-yellow: #edbe20;\n  --scalar-color-blue: #2b66cf;\n  --scalar-color-orange: #cf7a2b;\n  --scalar-color-purple: #6e27b5;\n\n  --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n  --scalar-button-1: #f6f6f6;\n  --scalar-button-1-color: #000;\n  --scalar-button-1-hover: #e7e7e7;\n\n  --scalar-color-green: #7abe7b;\n  --scalar-color-red: #e5698f;\n  --scalar-color-yellow: #f8ea68;\n  --scalar-color-blue: #68a6f8;\n  --scalar-color-orange: #f89c68;\n  --scalar-color-purple: #b57de9;\n\n  --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n}\n.sidebar .sidebar-indent-nested .sidebar-heading {\n  padding-right: 0;\n}\n.sidebar-search-key {\n  background: var(--scalar-background-1) !important;\n  border: 1px solid var(--scalar-border-color);\n}\n";
+//# sourceMappingURL=custom-theme.d.ts.map

package/dist/custom-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-theme.d.ts","sourceRoot":"","sources":["../src/custom-theme.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,WAAW,62HAyHvB,CAAA"}

package/dist/custom-theme.js

@@ -0,0 +1,125 @@
+/**
+ * The custom theme for SvelteKit
+ */
+export const customTheme = `
+/* basic theme */
+.dark-mode {
+  --scalar-color-1: rgba(255, 255, 255, 0.9);
+  --scalar-color-2: rgba(255, 255, 255, 0.62);
+  --scalar-color-3: rgba(255, 255, 255, 0.44);
+  --scalar-color-accent: #3070ec;
+
+  --scalar-background-1: #000000;
+  --scalar-background-2: #1a1a1a;
+  --scalar-background-3: #2a2828;
+  --scalar-background-accent: transparent;
+
+  --scalar-border-color: rgba(255, 255, 255, 0.1);
+}
+
+.light-mode .dark-mode,
+.light-mode {
+  --scalar-color-1: #2a2f45;
+  --scalar-color-2: #757575;
+  --scalar-color-3: #8e8e8e;
+  --scalar-color-accent: #3070ec;
+
+  --scalar-background-1: #fff;
+  --scalar-background-2: #fafafa;
+  --scalar-background-3: #e7e7e7;
+  --scalar-background-accent: transparent;
+
+  --scalar-border-color: rgba(0, 0, 0, 0.1);
+}
+.light-mode .scalar-card {
+  --scalar-background-1: #fff;
+  --scalar-background-2: #fff !important;
+  --scalar-background-3: #fff !important;
+}
+.dark-mode .scalar-card {
+  --scalar-background-1: #000000;
+  --scalar-background-2: #000000 !important;
+  --scalar-background-3: #000000 !important;
+}
+.light-mode .examples .scalar-card .scalar-card-header {
+  --scalar-background-2: #fafafa;
+}
+.dark-mode .examples .scalar-card .scalar-card-header {
+  --scalar-background-2: #1a1a1a;
+  --scalar-border-color: #1a1a1a;
+}
+/* Document header */
+.light-mode .t-doc__header,
+.dark-mode .t-doc__header {
+  --header-background-1: rgba(255,255,255,.8);
+  --header-border-color: var(--scalar-border-color);
+  --header-color-1: var(--scalar-color-1);
+  --header-color-2: var(--scalar-color-2);
+  --header-background-toggle: var(--scalar-color-3);
+  --header-call-to-action-color: var(--scalar-color-accent);
+  backdrop-filter: saturate(180%) blur(5px);
+}
+
+.dark-mode .t-doc__header {
+  --header-background-1: rgba(0,0,0,.5);
+}
+/* Document Sidebar */
+.light-mode .t-doc__sidebar,
+.dark-mode .t-doc__sidebar {
+  --scalar-sidebar-background-1: var(--scalar-background-1);
+  --scalar-sidebar-item-hover-color: var(--scalar-sidebar-color-1);
+  --scalar-sidebar-item-hover-background: transparent;
+  --scalar-sidebar-item-active-background: var(--scalar-background-accent);
+  --scalar-sidebar-border-color: transparent;
+  --scalar-sidebar-color-1: var(--scalar-color-1);
+  --scalar-sidebar-color-2: var(--scalar-color-2);
+  --scalar-sidebar-color-active: var(--scalar-color-accent);
+  --scalar-sidebar-search-background: var(--scalar-background-2);
+  --scalar-sidebar-search-border-color: var(--scalar-background-2);
+  --scalar-sidebar-search-color: var(--scalar-color-3);
+  --scalar-sidebar-indent-border: var(--scalar-border-color);
+  --scalar-sidebar-indent-border-active: #6aacf8;
+}
+.api-client-drawer .t-doc__sidebar {
+  --scalar-sidebar-border-color: var(--scalar-border-color);
+}
+/* advanced */
+.light-mode .dark-mode,
+.light-mode {
+  --scalar-button-1: rgb(49 53 56);
+  --scalar-button-1-color: #fff;
+  --scalar-button-1-hover: rgb(28 31 33);
+
+  --scalar-color-green: #417942;
+  --scalar-color-red: #ae3763;
+  --scalar-color-yellow: #edbe20;
+  --scalar-color-blue: #2b66cf;
+  --scalar-color-orange: #cf7a2b;
+  --scalar-color-purple: #6e27b5;
+
+  --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);
+  --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);
+}
+.dark-mode {
+  --scalar-button-1: #f6f6f6;
+  --scalar-button-1-color: #000;
+  --scalar-button-1-hover: #e7e7e7;
+
+  --scalar-color-green: #7abe7b;
+  --scalar-color-red: #e5698f;
+  --scalar-color-yellow: #f8ea68;
+  --scalar-color-blue: #68a6f8;
+  --scalar-color-orange: #f89c68;
+  --scalar-color-purple: #b57de9;
+
+  --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);
+  --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);
+}
+.sidebar .sidebar-indent-nested .sidebar-heading {
+  padding-right: 0;
+}
+.sidebar-search-key {
+  background: var(--scalar-background-1) !important;
+  border: 1px solid var(--scalar-border-color);
+}
+`;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { ScalarApiReference } from './scalar-api-reference.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/index.js

@@ -0,0 +1 @@
+export { ScalarApiReference } from './scalar-api-reference.js';

package/dist/scalar-api-reference.d.ts

@@ -0,0 +1,8 @@
+import type { ApiReferenceConfiguration } from './types.js';
+/**
+ * SvelteKit adapter for an API Reference
+ *
+ * {@link https://github.com/scalar/scalar/tree/main/documentation/configuration.md Configuration}
+ */
+export declare const ScalarApiReference: (givenConfiguration: Partial<ApiReferenceConfiguration>) => () => Promise<Response>;
+//# sourceMappingURL=scalar-api-reference.d.ts.map

package/dist/scalar-api-reference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scalar-api-reference.d.ts","sourceRoot":"","sources":["../src/scalar-api-reference.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAA;AAU3D;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,uBAAwB,OAAO,CAAC,yBAAyB,CAAC,4BAexF,CAAA"}

package/dist/scalar-api-reference.js

@@ -0,0 +1,29 @@
+import { getHtmlDocument } from '@scalar/core/libs/html-rendering';
+import { customTheme } from './custom-theme.js';
+/**
+ * The default configuration for the API Reference.
+ */
+const DEFAULT_CONFIGURATION = {
+// TODO: Must be available in the CDN version
+// _integration: 'svelte',
+};
+/**
+ * SvelteKit adapter for an API Reference
+ *
+ * {@link https://github.com/scalar/scalar/tree/main/documentation/configuration.md Configuration}
+ */
+export const ScalarApiReference = (givenConfiguration) => {
+    // Merge the defaults
+    const configuration = {
+        ...DEFAULT_CONFIGURATION,
+        ...givenConfiguration,
+    };
+    return async () => {
+        return new Response(getHtmlDocument(configuration, customTheme), {
+            status: 200,
+            headers: {
+                'Content-Type': 'text/html',
+            },
+        });
+    };
+};

package/dist/types.d.ts

@@ -0,0 +1,6 @@
+import type { HtmlRenderingConfiguration } from '@scalar/core/libs/html-rendering';
+/**
+ * The configuration for the Scalar API Reference for SvelteKit
+ */
+export type ApiReferenceConfiguration = HtmlRenderingConfiguration;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAA;AAElF;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,0BAA0B,CAAA"}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@scalar/sveltekit",
+  "version": "0.1.0",
+  "description": "A SvelteKit server handler to render API references from an OpenAPI file",
+  "license": "MIT",
+  "author": "Scalar (https://github.com/scalar)",
+  "homepage": "https://github.com/scalar/scalar",
+  "bugs": "https://github.com/scalar/scalar/issues/new/choose",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/scalar/scalar.git",
+    "directory": "integrations/sveltekit"
+  },
+  "keywords": [
+    "api",
+    "documentation",
+    "svelte",
+    "sveltekit",
+    "openapi",
+    "swagger"
+  ],
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*",
+    "src",
+    "!src/**/*.test.*",
+    "!src/**/*.spec.*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "@scalar/types": "0.1.12",
+    "@scalar/core": "0.2.12"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0",
+    "@sveltejs/kit": "^2.16.0"
+  },
+  "devDependencies": {
+    "@sveltejs/kit": "^2.16.0",
+    "@sveltejs/package": "^2.0.0",
+    "publint": "^0.3.2",
+    "svelte": "^5.0.0",
+    "svelte-check": "^4.0.0"
+  },
+  "scripts": {
+    "build": "svelte-package --input src",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch"
+  }
+}

package/src/custom-theme.ts

@@ -0,0 +1,125 @@
+/**
+ * The custom theme for SvelteKit
+ */
+export const customTheme = `
+/* basic theme */
+.dark-mode {
+  --scalar-color-1: rgba(255, 255, 255, 0.9);
+  --scalar-color-2: rgba(255, 255, 255, 0.62);
+  --scalar-color-3: rgba(255, 255, 255, 0.44);
+  --scalar-color-accent: #3070ec;
+
+  --scalar-background-1: #000000;
+  --scalar-background-2: #1a1a1a;
+  --scalar-background-3: #2a2828;
+  --scalar-background-accent: transparent;
+
+  --scalar-border-color: rgba(255, 255, 255, 0.1);
+}
+
+.light-mode .dark-mode,
+.light-mode {
+  --scalar-color-1: #2a2f45;
+  --scalar-color-2: #757575;
+  --scalar-color-3: #8e8e8e;
+  --scalar-color-accent: #3070ec;
+
+  --scalar-background-1: #fff;
+  --scalar-background-2: #fafafa;
+  --scalar-background-3: #e7e7e7;
+  --scalar-background-accent: transparent;
+
+  --scalar-border-color: rgba(0, 0, 0, 0.1);
+}
+.light-mode .scalar-card {
+  --scalar-background-1: #fff;
+  --scalar-background-2: #fff !important;
+  --scalar-background-3: #fff !important;
+}
+.dark-mode .scalar-card {
+  --scalar-background-1: #000000;
+  --scalar-background-2: #000000 !important;
+  --scalar-background-3: #000000 !important;
+}
+.light-mode .examples .scalar-card .scalar-card-header {
+  --scalar-background-2: #fafafa;
+}
+.dark-mode .examples .scalar-card .scalar-card-header {
+  --scalar-background-2: #1a1a1a;
+  --scalar-border-color: #1a1a1a;
+}
+/* Document header */
+.light-mode .t-doc__header,
+.dark-mode .t-doc__header {
+  --header-background-1: rgba(255,255,255,.8);
+  --header-border-color: var(--scalar-border-color);
+  --header-color-1: var(--scalar-color-1);
+  --header-color-2: var(--scalar-color-2);
+  --header-background-toggle: var(--scalar-color-3);
+  --header-call-to-action-color: var(--scalar-color-accent);
+  backdrop-filter: saturate(180%) blur(5px);
+}
+
+.dark-mode .t-doc__header {
+  --header-background-1: rgba(0,0,0,.5);
+}
+/* Document Sidebar */
+.light-mode .t-doc__sidebar,
+.dark-mode .t-doc__sidebar {
+  --scalar-sidebar-background-1: var(--scalar-background-1);
+  --scalar-sidebar-item-hover-color: var(--scalar-sidebar-color-1);
+  --scalar-sidebar-item-hover-background: transparent;
+  --scalar-sidebar-item-active-background: var(--scalar-background-accent);
+  --scalar-sidebar-border-color: transparent;
+  --scalar-sidebar-color-1: var(--scalar-color-1);
+  --scalar-sidebar-color-2: var(--scalar-color-2);
+  --scalar-sidebar-color-active: var(--scalar-color-accent);
+  --scalar-sidebar-search-background: var(--scalar-background-2);
+  --scalar-sidebar-search-border-color: var(--scalar-background-2);
+  --scalar-sidebar-search-color: var(--scalar-color-3);
+  --scalar-sidebar-indent-border: var(--scalar-border-color);
+  --scalar-sidebar-indent-border-active: #6aacf8;
+}
+.api-client-drawer .t-doc__sidebar {
+  --scalar-sidebar-border-color: var(--scalar-border-color);
+}
+/* advanced */
+.light-mode .dark-mode,
+.light-mode {
+  --scalar-button-1: rgb(49 53 56);
+  --scalar-button-1-color: #fff;
+  --scalar-button-1-hover: rgb(28 31 33);
+
+  --scalar-color-green: #417942;
+  --scalar-color-red: #ae3763;
+  --scalar-color-yellow: #edbe20;
+  --scalar-color-blue: #2b66cf;
+  --scalar-color-orange: #cf7a2b;
+  --scalar-color-purple: #6e27b5;
+
+  --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);
+  --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);
+}
+.dark-mode {
+  --scalar-button-1: #f6f6f6;
+  --scalar-button-1-color: #000;
+  --scalar-button-1-hover: #e7e7e7;
+
+  --scalar-color-green: #7abe7b;
+  --scalar-color-red: #e5698f;
+  --scalar-color-yellow: #f8ea68;
+  --scalar-color-blue: #68a6f8;
+  --scalar-color-orange: #f89c68;
+  --scalar-color-purple: #b57de9;
+
+  --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);
+  --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);
+}
+.sidebar .sidebar-indent-nested .sidebar-heading {
+  padding-right: 0;
+}
+.sidebar-search-key {
+  background: var(--scalar-background-1) !important;
+  border: 1px solid var(--scalar-border-color);
+}
+`

package/src/index.ts

@@ -0,0 +1 @@
+export { ScalarApiReference } from './scalar-api-reference.js'

package/src/scalar-api-reference.ts

@@ -0,0 +1,34 @@
+import { getHtmlDocument } from '@scalar/core/libs/html-rendering'
+
+import { customTheme } from './custom-theme.js'
+import type { ApiReferenceConfiguration } from './types.js'
+
+/**
+ * The default configuration for the API Reference.
+ */
+const DEFAULT_CONFIGURATION: Partial<ApiReferenceConfiguration> = {
+  // TODO: Must be available in the CDN version
+  // _integration: 'svelte',
+}
+
+/**
+ * SvelteKit adapter for an API Reference
+ *
+ * {@link https://github.com/scalar/scalar/tree/main/documentation/configuration.md Configuration}
+ */
+export const ScalarApiReference = (givenConfiguration: Partial<ApiReferenceConfiguration>) => {
+  // Merge the defaults
+  const configuration = {
+    ...DEFAULT_CONFIGURATION,
+    ...givenConfiguration,
+  } satisfies Partial<ApiReferenceConfiguration>
+
+  return async () => {
+    return new Response(getHtmlDocument(configuration, customTheme), {
+      status: 200,
+      headers: {
+        'Content-Type': 'text/html',
+      },
+    })
+  }
+}

package/src/types.ts

@@ -0,0 +1,6 @@
+import type { HtmlRenderingConfiguration } from '@scalar/core/libs/html-rendering'
+
+/**
+ * The configuration for the Scalar API Reference for SvelteKit
+ */
+export type ApiReferenceConfiguration = HtmlRenderingConfiguration