feat(www): Add api docs (#161)

This commit is contained in:
Wanjohi
2025-01-21 03:38:22 +03:00
committed by GitHub
parent 4a27f54e80
commit 9b8d187887
6 changed files with 48 additions and 14 deletions

View File

@@ -0,0 +1,19 @@
import type { PartytownConfig } from "@builder.io/partytown/integration";
import { partytownSnippet } from "@builder.io/partytown/integration";
/**
* Props for `<QwikPartytown/>`, which extends the Partytown Config.
*
* https://github.com/BuilderIO/partytown#config
*
* @public
*/
export interface PartytownProps extends PartytownConfig {}
/**
* @public
* You can pass setting with props
*/
export const QwikPartytown = (props: PartytownProps): any => {
return <script dangerouslySetInnerHTML={partytownSnippet(props)} />;
};

View File

@@ -6,6 +6,7 @@ import {
} from "@builder.io/qwik-city";
import { RouterHead } from "@nestri/ui";
import { isDev } from "@builder.io/qwik/build";
import { QwikPartytown } from './components/partytown/partytown';
import "@nestri/ui/globals.css";
import { Fonts } from "@nestri/ui";
@@ -22,6 +23,7 @@ export default component$(() => {
<Fonts>
<QwikCityProvider>
<head>
<QwikPartytown />
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f5f5f5" />
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#171717" />
<meta charset="utf-8" />
@@ -37,8 +39,8 @@ export default component$(() => {
class="bg-gray-100 text-gray-950 dark:bg-gray-900 dark:text-gray-50 font-body flex flex-col items-center justify-center overflow-x-hidden antialiased"
lang="en">
<RouterOutlet />
{/* {!isDev && <ServiceWorkerRegister />} */}
<ServiceWorkerRegister />
{!isDev && <ServiceWorkerRegister />}
{/* <ServiceWorkerRegister /> */}
</body>
</QwikCityProvider>
</Fonts>

View File

@@ -0,0 +1,20 @@
import { component$ } from "@builder.io/qwik";
// import { ApiReference } from '@scalar/api-reference'
// import '@scalar/api-reference/style.css'
//FIXME: Fix the dropdowns
export default component$(() => {
return (
<div class="w-screen min-h-screen">
{/* <style dangerouslySetInnerHTML={ scalar_styles } /> */}
<script type="text/partytown" src="https://cdn.jsdelivr.net/npm/@scalar/api-reference"></script>
<script
id="api-reference"
data-configuration={JSON.stringify({
defaultOpenAllTags: true,
hideDownloadButton: true,
})}
data-url="https://api.nestri.io/doc"
data-proxy-url="https://proxy.scalar.com" />
</div>
)
})