diff --git a/src/lib/components/FooterNav.svelte b/src/lib/components/FooterNav.svelte index 8e81f21547..5b4423e0a0 100644 --- a/src/lib/components/FooterNav.svelte +++ b/src/lib/components/FooterNav.svelte @@ -52,18 +52,17 @@
  • -
    Legal
    +
    Legal
    +
    + {#if parent} +
    + + + + +
    + {/if} + {#each navigation as navGroup} +
    + {#if isNavLink(navGroup)} + + + {:else} + {#if navGroup.label} +

    {navGroup.label}

    + {/if} + + {/if} +
    + {/each} +
    + {#if expandable} + + {/if} +
    + + + +
    + + diff --git a/src/lib/utils/code.ts b/src/lib/utils/code.ts index af46c12c85..e173940dd0 100644 --- a/src/lib/utils/code.ts +++ b/src/lib/utils/code.ts @@ -14,6 +14,11 @@ import diff from 'highlight.js/lib/languages/diff'; import ruby from 'highlight.js/lib/languages/ruby'; import csharp from 'highlight.js/lib/languages/csharp'; import http from 'highlight.js/lib/languages/http'; +import kotlin from 'highlight.js/lib/languages/kotlin'; +import java from 'highlight.js/lib/languages/java'; +import css from 'highlight.js/lib/languages/css'; +import graphql from 'highlight.js/lib/languages/graphql'; +import { Platform } from './references'; const languages = { js: javascript, @@ -31,22 +36,56 @@ const languages = { rb: ruby, cs: csharp, http: http, + kotlin: kotlin, + java: java, + css: css, + graphql: graphql } as const satisfies Record; +const platformAliases: Record = { + [Platform.ClientWeb]: 'js', + [Platform.ClientFlutter]: 'dart', + [Platform.ClientAndroidJava]: 'java', + [Platform.ClientAndroidKotlin]: 'kotlin', + [Platform.ClientApple]: 'swift', + [Platform.ServerDart]: 'dart', + [Platform.ServerDeno]: 'ts', + [Platform.ServerDotNet]: 'cs', + [Platform.ServerNodeJs]: 'js', + [Platform.ServerPhp]: 'php', + [Platform.ServerPython]: 'py', + [Platform.ServerRuby]: 'rb', + [Platform.ServerSwift]: 'swift' +}; + Object.entries(languages).forEach(([key, value]) => { hljs.registerLanguage(key, value); }); -export type Language = keyof typeof languages; +Object.entries(platformAliases).forEach(([key, value]) => { + hljs.registerAliases(key, { + languageName: value + }); +}); + +export type Language = keyof typeof languages | Platform; type Args = { content: string; language?: Language; + withLineNumbers?: boolean; }; export const getCodeHtml = (args: Args) => { - const { content, language } = args; + const { content, language, withLineNumbers } = args; const res = hljs.highlight(content, { language: language ?? 'sh' }).value; + const lines = res.split(/\n/g).slice(0, -1); + const final = lines.reduce((carry, line) => { + carry += `${line}\n`; + return carry; + }, ''); - return `
    ${res}
    `; + return `
    ${final}
    `; }; diff --git a/src/lib/utils/copy.ts b/src/lib/utils/copy.ts new file mode 100644 index 0000000000..4c3779ffcd --- /dev/null +++ b/src/lib/utils/copy.ts @@ -0,0 +1,42 @@ +async function securedCopy(value: string) { + try { + await navigator.clipboard.writeText(value); + } catch { + return false; + } + + return true; +} + +function unsecuredCopy(value: string) { + const textArea = document.createElement('textarea'); + textArea.value = value; + + // Avoid scrolling to bottom + textArea.style.top = '0'; + textArea.style.left = '0'; + textArea.style.position = 'fixed'; + + document.body.appendChild(textArea); + textArea.focus(); + textArea.select(); + + let success = true; + try { + document.execCommand('copy'); + } catch { + success = false; + } finally { + document.body.removeChild(textArea); + } + + return success; +} + +export async function copy(value: string) { + // securedCopy works only in HTTPS environment. + // unsecuredCopy works in HTTP and only runs if securedCopy fails. + const success = (await securedCopy(value)) || unsecuredCopy(value); + + return success; +} diff --git a/src/lib/utils/references.ts b/src/lib/utils/references.ts index 65aa036d0d..5cf4b245e7 100644 --- a/src/lib/utils/references.ts +++ b/src/lib/utils/references.ts @@ -15,9 +15,11 @@ export enum Service { } export enum Platform { - ClientApple = 'client-apple', - ClientFlutter = 'client-flutter', ClientWeb = 'client-web', + ClientFlutter = 'client-flutter', + ClientApple = 'client-apple', + ClientAndroidKotlin = 'client-android-kotlin', + ClientAndroidJava = 'client-android-java', ServerDart = 'server-dart', ServerDeno = 'server-deno', ServerDotNet = 'server-dotnet', @@ -28,16 +30,49 @@ export enum Platform { ServerSwift = 'server-swift' } -export const languageMap: Record = { - [Platform.ClientApple]: 'swift', - [Platform.ClientFlutter]: 'dart', - [Platform.ClientWeb]: 'js', - [Platform.ServerDart]: 'dart', - [Platform.ServerDeno]: 'ts', - [Platform.ServerDotNet]: 'cs', - [Platform.ServerNodeJs]: 'js', - [Platform.ServerPhp]: 'php', - [Platform.ServerPython]: 'py', - [Platform.ServerRuby]: 'rb', - [Platform.ServerSwift]: 'swift' +export const platformMap: Record = { + [Platform.ClientApple]: 'Apple', + [Platform.ClientFlutter]: 'Flutter', + [Platform.ClientWeb]: 'Web', + [Platform.ClientAndroidKotlin]: 'Android (Kotlin)', + [Platform.ClientAndroidJava]: 'Android (Java)', + [Platform.ServerDart]: 'Dart', + [Platform.ServerDeno]: 'Deno', + [Platform.ServerDotNet]: '.NET', + [Platform.ServerNodeJs]: 'Node.js', + [Platform.ServerPhp]: 'PHP', + [Platform.ServerPython]: 'Python', + [Platform.ServerRuby]: 'Ruby', + [Platform.ServerSwift]: 'Swift', + sh: 'Shell', + js: 'JavaScript', + ts: 'TypeScript', + dart: 'Dart', + java: 'Java', + kotlin: 'Kotlin', + cs: 'C#', + py: 'Python', + rb: 'Ruby', + php: 'PHP', + swift: 'Swift', + xml: 'XML', + html: 'HTML', + md: 'Markdown', + json: 'JSON', + diff: 'Diff', + http: 'HTTP', + css: 'CSS', + graphql: 'GraphQL' +}; + +export const serviceMap: Record = { + [Service.Account]: 'Account', + [Service.Avatars]: 'Avatars', + [Service.Databases]: 'Databases', + [Service.Functions]: 'Functions', + [Service.Health]: 'Health', + [Service.Locale]: 'Locale', + [Service.Storage]: 'Storage', + [Service.Teams]: 'Teams', + [Service.Users]: 'Users' }; diff --git a/src/lib/utils/specs.ts b/src/lib/utils/specs.ts index 9392c20671..38bf44e911 100644 --- a/src/lib/utils/specs.ts +++ b/src/lib/utils/specs.ts @@ -1,5 +1,6 @@ import SwaggerParser from '@apidevtools/swagger-parser'; import { OpenAPIV3 } from 'openapi-types'; +import { Platform, type Service } from './references'; type SDKMethod = { id: string; @@ -155,32 +156,28 @@ export async function getService( service: string ): Promise<{ service: { - name: string; + name: Service; description: string; }; methods: SDKMethod[]; }> { + /** + * Exceptions for Android SDK. + */ + const isAndroidJava = platform === Platform.ClientAndroidJava; + const isAndroidKotlin = platform === Platform.ClientAndroidKotlin; + const isAndroid = isAndroidJava || isAndroidKotlin; const spec = await getSpec(version, platform); - const data: { - service: { - name: string; - description: string; - }; - methods: SDKMethod[]; - } = { - service: { - name: '', - description: '' - }, - methods: [] - }; const parser = new SwaggerParser(); const api = (await parser.bundle(spec as unknown as OpenAPIV3.Document)) as OpenAPIV3.Document; const tag = api.tags?.find((n) => n.name === service); - data.service = { - name: tag?.name ?? '', - description: tag?.description ?? '' + const data: Awaited> = { + service: { + name: tag?.name as Service, + description: tag?.description ?? '' + }, + methods: [] }; const examples = getExamples(version); @@ -215,7 +212,9 @@ export async function getService( } ); - const path = `/node_modules/@appwrite.io/repo/docs/examples/${version}/${platform}/examples/${operation['x-appwrite'].demo}`; + const path = isAndroid + ? `/node_modules/@appwrite.io/repo/docs/examples/${version}/client-android/${isAndroidJava ? 'java' : 'kotlin'}/${operation['x-appwrite'].demo}` + : `/node_modules/@appwrite.io/repo/docs/examples/${version}/${platform}/examples/${operation['x-appwrite'].demo}`; if (!(path in examples)) { continue; } diff --git a/src/markdoc/layouts/Article.svelte b/src/markdoc/layouts/Article.svelte index 73e164dddb..fcebf66c00 100644 --- a/src/markdoc/layouts/Article.svelte +++ b/src/markdoc/layouts/Article.svelte @@ -14,9 +14,8 @@ {#if insideMultiCode} {#if $selected === language} - {@html result} {/if} {:else}
    - +
    +
    {platformMap[language]}
    +
    • - + + + + {copyText} + +
    - {@html result}
    diff --git a/src/markdoc/nodes/Heading.svelte b/src/markdoc/nodes/Heading.svelte index 5b7f40cbed..fd23cb189f 100644 --- a/src/markdoc/nodes/Heading.svelte +++ b/src/markdoc/nodes/Heading.svelte @@ -40,12 +40,20 @@ }); - - - +{#if id} + + + + + +{:else} + + + +{/if} diff --git a/src/markdoc/nodes/Image.svelte b/src/markdoc/nodes/Image.svelte index 0464dd999a..8c2456f05a 100644 --- a/src/markdoc/nodes/Image.svelte +++ b/src/markdoc/nodes/Image.svelte @@ -1,9 +1,17 @@ -
    +{#if inTable} -
    +{:else} +
    + +
    +{/if} diff --git a/src/markdoc/nodes/Table.svelte b/src/markdoc/nodes/Table.svelte index 123911d7db..d7056c374f 100644 --- a/src/markdoc/nodes/Table.svelte +++ b/src/markdoc/nodes/Table.svelte @@ -1,3 +1,9 @@ + +
    diff --git a/src/markdoc/nodes/Th.svelte b/src/markdoc/nodes/Th.svelte index 68e8e64464..0c8a71d94f 100644 --- a/src/markdoc/nodes/Th.svelte +++ b/src/markdoc/nodes/Th.svelte @@ -6,11 +6,11 @@
    diff --git a/src/markdoc/tags/MultiCode.svelte b/src/markdoc/tags/MultiCode.svelte index 264d842331..bdca73a98b 100644 --- a/src/markdoc/tags/MultiCode.svelte +++ b/src/markdoc/tags/MultiCode.svelte @@ -2,33 +2,53 @@ import type { Writable } from 'svelte/store'; export type CodeContext = { selected: Writable; - snippets: Writable>; + snippets: Writable>; + content: Writable; };
    -
    Default
    +
    @@ -37,16 +57,24 @@
  • - + + + + {copyText} + +
    • diff --git a/src/routes/docs/+error.svelte b/src/routes/docs/+error.svelte index 8ffea6e385..69c3678189 100644 --- a/src/routes/docs/+error.svelte +++ b/src/routes/docs/+error.svelte @@ -1,5 +1,17 @@ - -

    {$page?.error?.message}

    \ No newline at end of file +
    +
    +
    +
    +
    +

    {$page?.error?.message}

    +
    +
    +
    +
    + I am a placeholder for an error site. +
    +
    +
    \ No newline at end of file diff --git a/src/routes/docs/+layout.svelte b/src/routes/docs/+layout.svelte deleted file mode 100644 index 51142566c6..0000000000 --- a/src/routes/docs/+layout.svelte +++ /dev/null @@ -1,26 +0,0 @@ - - - - - - diff --git a/src/routes/docs/+page.svelte b/src/routes/docs/+page.svelte index 0286a025a5..eedabb6e4f 100644 --- a/src/routes/docs/+page.svelte +++ b/src/routes/docs/+page.svelte @@ -1,495 +1,600 @@ -
    - - - - - - - - - - - - -
    + + +
    + + + + + + + + + + + + +
    -
    - -
    +
    + +
    -
    -
    -

    Run on any provider or through Appwrite Cloud

    -

    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ultrices lacus. -

    -
    -
    -

    Get started quickly with your preferred technology

    -

    - Start building with your preferred web, mobile, and native frameworks by following a quick - start guide. -

    -
      -
    • -
      - - - -
      -
      • -
    • -
      - - - -
      -
      • -
    • -
      - - - - -
      -
      • -
    • -
      - - - -
      -
      • -
    • -
      - - - -
      -
      • -
    • -
      - - - -
      -
      • -
    • -
      - - - -
      -
      • -
    • -
      - - - -
      -
      • -
    - -
    -
    -

    Show me some code

    -

    - Talk is cheap, where's the code? If you'd rather see some examples, we've got you covered. - Clone a template to get started. -

    -
    -
  • - -
    - + + -
    -
    -

    React sign up template

    -
    -

    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. -

    -
    -
    -     + +
  • - -
    - + + -
    -
    -

    React sign up template

    -
    -

    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. -

    -
    -
    -     -
    • -
  • - -
    - -
    -
    -

    React sign up template

    -
    -

    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. -

    -
    -
    -     -
    • - - -
    -
    -

    Show me some code

    -

    - All the core functionalities you need with a scalable and flexible API. Explore Appwrite's - product offerings. -

    -
    -
      -
    • -
      - -

      Auth

      -

      - Sign in users with multiple OAuth providers. -

      -
      -
      • -
    • -
      - -

      Databases

      -

      - Store your application and users' data. -

      -
      -
      • -
    • -
      - -

      Functions

      -

      - Extend and customize your server’s functionality. -

      -
      -
      • -
    • -
      - -

      Storage

      -

      - Store images, videos, documents, and files. -

      +
    • -
      - -

      Realtime

      -

      - Listen to any events on the server-side in realtime. -

      -
      -
      • -
    • -
      - -

      Messaging

      -

      - Sign in users with multiple OAuth providers. -

      -
      -
      • -
    -
    -
    -
    -

    Explore ways to integrate

    -

    - Choose how you integrate with Appwrite. Explore references for the Appwrite SDK, REST API, - GraphQL API, or Realtime API. -

    -
    -
      -
    • -
      -

      SDKs

      -

      - Lorem ipsum dolor sit amet consectetur. Elit id et diam lectus egestas habitasse. -

      -
      -
      • -
    • -
      -

      REST API

      -

      - Lorem ipsum dolor sit amet consectetur. Elit id et diam lectus egestas habitasse. -

      -
      -
      • -
    • -
      -

      GraphQL

      -

      - Lorem ipsum dolor sit amet consectetur. Elit id et diam lectus egestas habitasse. -

      +
      + + +
    • -
      -

      Realtime

      -

      - Lorem ipsum dolor sit amet consectetur. Elit id et diam lectus egestas habitasse. -

      -
      -
      • -
    -
    -
    -
    -

    Migrate to Appwrite

    -

    - Lorem ipsum dolor sit amet consectetur. Orci netus est urna dictum eleifend diam. -

    -
    -
      -
    • -
      -

      Self-hosted

      -

      - Lorem ipsum dolor sit amet consectetur. -

      +
      + + +
    • -
      -

      Firebase

      -

      - Lorem ipsum dolor sit amet consectetur. -

      +
      + + +
    • -
      -

      Superbase

      -

      - Lorem ipsum dolor sit amet consectetur. -

      +
      + + +
    • -
      -

      NHost

      -

      - Lorem ipsum dolor sit amet consectetur. -

      +
      + + +
    -
    -
    + +
    +
    +

    Show me some code

    +

    + Talk is cheap, where's the code? If you'd rather see some examples, we've got you covered. + Clone a template to get started. +

    +
    + +
    +
    +
    +

    Show me some code

    +

    + All the core functionalities you need with a scalable and flexible API. Explore Appwrite's + product offerings. +

    +
    +
      +
    • +
      + +

      Auth

      +

      + Sign in users with multiple OAuth providers. +

      +
      +
      • +
    • +
      + +

      Databases

      +

      + Store your application and users' data. +

      +
      +
      • +
    • +
      + +

      Functions

      +

      + Extend and customize your server’s functionality. +

      +
      +
      • +
    • +
      + +

      Storage

      +

      + Store images, videos, documents, and files. +

      +
      +
      • +
    • +
      + +

      Realtime

      +

      + Listen to any events on the server-side in realtime. +

      +
      +
      • +
    • +
      + +

      Messaging

      +

      + Sign in users with multiple OAuth providers. +

      +
      +
      • +
    +
    +
    +
    +

    Explore ways to integrate

    +

    + Choose how you integrate with Appwrite. Explore references for the Appwrite SDK, REST API, + GraphQL API, or Realtime API. +

    +
    +
      +
    • +
      +

      SDKs

      +

      + Lorem ipsum dolor sit amet consectetur. Elit id et diam lectus egestas habitasse. +

      +
      +
      • +
    • +
      +

      REST API

      +

      + Lorem ipsum dolor sit amet consectetur. Elit id et diam lectus egestas habitasse. +

      +
      +
      • +
    • +
      +

      GraphQL

      +

      + Lorem ipsum dolor sit amet consectetur. Elit id et diam lectus egestas habitasse. +

      +
      +
      • +
    • +
      +

      Realtime

      +

      + Lorem ipsum dolor sit amet consectetur. Elit id et diam lectus egestas habitasse. +

      +
      +
      • +
    +
    +
    +
    +

    Migrate to Appwrite

    +

    + Lorem ipsum dolor sit amet consectetur. Orci netus est urna dictum eleifend diam. +

    +
    +
      +
    • +
      +

      Self-hosted

      +

      + Lorem ipsum dolor sit amet consectetur. +

      +
      +
      • +
    • +
      +

      Firebase

      +

      + Lorem ipsum dolor sit amet consectetur. +

      +
      +
      • +
    • +
      +

      Superbase

      +

      + Lorem ipsum dolor sit amet consectetur. +

      +
      +
      • +
    • +
      +

      NHost

      +

      + Lorem ipsum dolor sit amet consectetur. +

      +
      +
      • +
    +
    +
    - - + + + diff --git a/src/routes/docs/Sidebar.svelte b/src/routes/docs/Sidebar.svelte index 77569e2567..c387e88da2 100644 --- a/src/routes/docs/Sidebar.svelte +++ b/src/routes/docs/Sidebar.svelte @@ -56,40 +56,40 @@ }, { label: 'References', - href: '/docs/reference', + href: '/docs/references', icon: 'icon-document', items: [ { label: 'Account', - href: '/docs/reference/cloud/client-web/account' + href: '/docs/references/cloud/client-web/account' }, { label: 'Users', - href: '/docs/reference/cloud/client-web/users' + href: '/docs/references/cloud/client-web/users' }, { label: 'Teams', - href: '/docs/reference/cloud/client-web/teams' + href: '/docs/references/cloud/client-web/teams' }, { label: 'Databases', - href: '/docs/reference/cloud/client-web/databases' + href: '/docs/references/cloud/client-web/databases' }, { label: 'Storage', - href: '/docs/reference/cloud/client-web/storage' + href: '/docs/references/cloud/client-web/storage' }, { label: 'Functions', - href: '/docs/reference/cloud/client-web/functions' + href: '/docs/references/cloud/client-web/functions' }, { label: 'Localization', - href: '/docs/reference/cloud/client-web/locale' + href: '/docs/references/cloud/client-web/locale' }, { label: 'Avatars', - href: '/docs/reference/1.3.x/client-web/avatars' + href: '/docs/references/1.3.x/client-web/avatars' } ] } diff --git a/src/routes/docs/products/auth/+layout.svelte b/src/routes/docs/products/auth/+layout.svelte new file mode 100644 index 0000000000..f69e6b1045 --- /dev/null +++ b/src/routes/docs/products/auth/+layout.svelte @@ -0,0 +1,56 @@ + + + + + + diff --git a/src/routes/docs/products/databases/+layout.svelte b/src/routes/docs/products/databases/+layout.svelte new file mode 100644 index 0000000000..3f0a21488f --- /dev/null +++ b/src/routes/docs/products/databases/+layout.svelte @@ -0,0 +1,28 @@ + + + + + + diff --git a/src/routes/docs/quick-start/+layout.svelte b/src/routes/docs/quick-start/+layout.svelte new file mode 100644 index 0000000000..fa95b6ef5d --- /dev/null +++ b/src/routes/docs/quick-start/+layout.svelte @@ -0,0 +1,111 @@ + + + + + + diff --git a/src/routes/docs/references/+layout.svelte b/src/routes/docs/references/+layout.svelte new file mode 100644 index 0000000000..fafab6e424 --- /dev/null +++ b/src/routes/docs/references/+layout.svelte @@ -0,0 +1,66 @@ + + + + + + diff --git a/src/routes/docs/reference/+page.svelte b/src/routes/docs/references/+page.svelte similarity index 100% rename from src/routes/docs/reference/+page.svelte rename to src/routes/docs/references/+page.svelte diff --git a/src/routes/docs/reference/[version]/[platform]/[service]/+page.server.ts b/src/routes/docs/references/[version]/[platform]/[service]/+page.server.ts similarity index 100% rename from src/routes/docs/reference/[version]/[platform]/[service]/+page.server.ts rename to src/routes/docs/references/[version]/[platform]/[service]/+page.server.ts diff --git a/src/routes/docs/reference/[version]/[platform]/[service]/+page.svelte b/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte similarity index 80% rename from src/routes/docs/reference/[version]/[platform]/[service]/+page.svelte rename to src/routes/docs/references/[version]/[platform]/[service]/+page.svelte index 216ec39ae7..56b840ca6a 100644 --- a/src/routes/docs/reference/[version]/[platform]/[service]/+page.svelte +++ b/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte @@ -3,11 +3,32 @@ import { page } from '$app/stores'; import { MainFooter } from '$lib/components'; import { parse } from '$lib/utils/markdown'; - import { Platform, languageMap, versions } from '$lib/utils/references.js'; - import { Fence } from '$markdoc/nodes/_Module.svelte'; + import { Platform, platformMap, serviceMap, versions } from '$lib/utils/references.js'; + import type { LayoutContext } from '$markdoc/layouts/Article.svelte'; + import { Fence, Heading } from '$markdoc/nodes/_Module.svelte'; + import { getContext, setContext } from 'svelte'; + import { writable } from 'svelte/store'; export let data; + setContext('headings', writable({})); + + const headings = getContext('headings'); + + let selected: string | undefined = undefined; + headings.subscribe((n) => { + const noVisible = Object.values(n).every((n) => !n.visible); + if (selected && noVisible) { + return; + } + for (const key in n) { + if (n[key].visible) { + selected = key; + break; + } + } + }); + function handleRefClick() { document.querySelector('.aw-references-menu')?.classList.toggle('is-open'); document.querySelector('.aw-grid-two-side-navs')?.classList.remove('is-open'); @@ -15,14 +36,14 @@ function selectPlatform(event: Event & { currentTarget: EventTarget & HTMLSelectElement }) { const { version, service } = $page.params; - goto(`/docs/reference/${version}/${event.currentTarget.value}/${service}`, { + goto(`/docs/references/${version}/${event.currentTarget.value}/${service}`, { noScroll: true }); } function selectVersion(event: Event & { currentTarget: EventTarget & HTMLSelectElement }) { const { platform, service } = $page.params; - goto(`/docs/reference/${event.currentTarget.value}/${platform}/${service}`, { + goto(`/docs/references/${event.currentTarget.value}/${platform}/${service}`, { noScroll: true }); } @@ -35,7 +56,7 @@
    -

    {data.service?.name}

    +

    {serviceMap[data.service?.name]}

    {platformType}
    @@ -46,12 +67,12 @@ @@ -85,7 +106,7 @@
    -

    {method.title}

    + {method.title}

    {@html parse(method.description)} @@ -98,7 +119,7 @@

  • - Request + Request
    @@ -138,7 +159,7 @@
  • - Response + Response
    @@ -153,10 +174,10 @@

    {response.code}

    - {response.contentType} + {response.model?.name}

    • - {response.model?.name} + Payload

    @@ -174,7 +195,7 @@ class="u-position-sticky" style="--inset-block-start:var(--p-grid-huge-navs-secondary-sticky-position);" > - + @@ -186,7 +207,7 @@