StorageConfigPage() — supabase Function Reference

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

Function tsx DocumentationSystem ReferenceGen calls 1

Entity Profile

DocumentationSystem→ ReferenceGen→ StorageConfigPage() — supabase Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

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

const StorageConfigPage = async () => {
  const descriptionMdx = specStorageV0.info.description

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

      <div>
        {specStorageV0.info.tags.map((tag: ReturnType<typeof specStorageV0>['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>
                  {specStorageV0.parameters
                    .filter((param: ReturnType<typeof specStorageV0>['parameters']) =>
                      param.tags.includes(tag.id)
                    )
                    .map((param: ReturnType<typeof specStorageV0>['parameters']) => {
                      return (
                        <Param
                          name={param.title}
                          type={param.type}
                          description={param.description}
                          required={param.required}
                        />
                      )
                    })}
                </ul>
              </div>
            </>
          )
        })}
      </div>
    </GuideTemplate>
  )
}