RealtimeConfigPage() — supabase Function Reference

Architecture documentation for the RealtimeConfigPage() function in page.tsx from the supabase codebase.

Function tsx DocumentationSystem ReferenceGen calls 1

Entity Profile

DocumentationSystem→ ReferenceGen→ RealtimeConfigPage() — supabase Function Reference

Dependency Diagram

graph TD
  02df079e_4c60_07ab_064b_af02d1624153["RealtimeConfigPage()"]
  70c06384_8dda_31de_ba22_ce75a80729a6["newEditLink()"]
  02df079e_4c60_07ab_064b_af02d1624153 -->|calls| 70c06384_8dda_31de_ba22_ce75a80729a6
  style 02df079e_4c60_07ab_064b_af02d1624153 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/docs/app/guides/self-hosting/realtime/config/page.tsx lines 17–60

const RealtimeConfigPage = async () => {
  const descriptionMdx = specRealtimeV0.info.description

  return (
    <GuideTemplate
      meta={meta}
      editLink={newEditLink(
        'supabase/supabase/blob/master/apps/docs/app/guides/(with-sidebar)/self-hosting/realtime/config/page.tsx'
      )}
    >
      <MDXRemoteBase source={descriptionMdx} />

      <div>
        {specRealtimeV0.info.tags.map((tag: ReturnType<typeof specRealtimeV0>['info']['tags']) => {
          return (
            <>
              <h2 className="text-foreground">{tag.title}</h2>
              <p className="text-foreground-lighter">{tag.description}</p>
              <div className="not-prose">
                <h5 className="text-base text-foreground mb-3">Parameters</h5>
                <ul>
                  {specRealtimeV0.parameters
                    .filter((param: ReturnType<typeof specRealtimeV0>['parameters']) =>
                      param.tags.includes(tag.id)
                    )
                    .map((param: ReturnType<typeof specRealtimeV0>['parameters']) => {
                      return (
                        <Param
                          name={param.title}
                          type={param.type}
                          description={param.description}
                          required={param.required}
                        />
                      )
                    })}
                </ul>
              </div>
            </>
          )
        })}
      </div>
    </GuideTemplate>
  )
}