Files
supabase/apps/studio/components/interfaces/Functions/EdgeFunctionDetails/EdgeFunctionDetails.constants.ts
T

89 lines
2.5 KiB
TypeScript

interface InvocationTab {
id: string
label: string
language: 'bash' | 'js' | 'ts' | 'dart' | 'python'
hideLineNumbers?: boolean
code: (props: {
showKey: boolean
functionUrl: string
functionName: string
apiKey: string
}) => string
}
export const INVOCATION_TABS: InvocationTab[] = [
{
id: 'curl',
label: 'cURL',
language: 'bash',
code: ({ showKey, functionUrl, apiKey }) => {
const isPublishableKey = apiKey.includes('publishable')
const obfuscatedName = isPublishableKey ? 'SUPABASE_PUBLISHABLE_KEY' : 'SUPABASE_ANON_KEY'
const keyValue = showKey ? apiKey : obfuscatedName
// Publishable and secret keys aren't JWTs, so they must be sent on the `apikey`
// header. Passing them on `Authorization: Bearer` makes the platform reject the
// request with `Invalid JWT`. Legacy `anon` keys are JWTs and use `Authorization`.
const authHeader = isPublishableKey
? `-H 'apikey: ${keyValue}'`
: `-H 'Authorization: Bearer ${keyValue}'`
return `curl -L -X POST '${functionUrl}' \\
${authHeader} \\
-H 'Content-Type: application/json' \\
--data '{"name":"Functions"}'`
},
},
{
id: 'supabase-js',
label: 'JavaScript',
language: 'js',
hideLineNumbers: true,
code: ({ functionName }) => `import { createClient } from '@supabase/supabase-js'
const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_ANON_KEY)
const { data, error } = await supabase.functions.invoke('${functionName}', {
body: { name: 'Functions' },
})`,
},
{
id: 'swift',
label: 'Swift',
language: 'ts',
hideLineNumbers: true,
code: ({ functionName }) => `struct Response: Decodable {
// Expected response definition
}
let response: Response = try await supabase.functions
.invoke(
"${functionName}",
options: FunctionInvokeOptions(
body: ["name": "Functions"]
)
)`,
},
{
id: 'flutter',
label: 'Flutter',
language: 'dart',
hideLineNumbers: true,
code: ({
functionName,
}) => `final res = await supabase.functions.invoke('${functionName}', body: {'name': 'Functions'});
final data = res.data;`,
},
{
id: 'python',
label: 'Python',
language: 'python',
hideLineNumbers: true,
code: ({ functionName }) => `response = supabase.functions.invoke(
"${functionName}",
invoke_options={"body": {"name": "Functions"}}
)`,
},
]
export const HTTP_METHODS = ['GET', 'POST', 'PUT', 'DELETE', 'PATCH', 'HEAD', 'OPTIONS'] as const