- {link.label}
- 
+ /> */}
{children}
+ {props.children}
- {title} + {props.title && {props.title}}
) } -interface ISectionDetails extends FC {} +interface ISectionDetails {} -const Details: FC{props.children}
+const Details: FC{props.children}
}
-interface ISectionExamples extends FC {}
+interface ISectionExamples {}
const Examples: FC
-
Looking for something? π
+Looking for something?
- We couldn't find the page that you're looking for! + We could not find the page that you are looking for!
diff --git a/apps/docs/pages/_middleware.ts b/apps/docs/pages/_middleware.ts
index c7bb67a3023..7b7ed1f968b 100644
--- a/apps/docs/pages/_middleware.ts
+++ b/apps/docs/pages/_middleware.ts
@@ -11,5 +11,5 @@ export function middleware(request: NextRequest) {
// See "Matching Paths" below to learn more
export const config = {
- matcher: '/about/:path*',
+ //matcher: '/about/:path*',
}
diff --git a/apps/docs/pages/guides/auth.mdx b/apps/docs/pages/guides/auth.mdx
index 9b2d55fcb77..85b1fdc96da 100644
--- a/apps/docs/pages/guides/auth.mdx
+++ b/apps/docs/pages/guides/auth.mdx
@@ -57,31 +57,43 @@ You can enable third-party providers with the click of a button by navigating to
When using third-party providers, the [Supabase client library](/docs/reference/javascript/auth-signinwithoauth#sign-in-using-a-third-party-provider-with-redirect) redirects the user to the provider. When the third-party provider successfully authenticates the user, the provider redirects the user to the Supabase Auth callback URL where they are further redirected to the URL specified in the `redirectTo` parameter. This parameter defaults to the [`SITE_URL`](/docs/reference/auth/config#site_url). You can modify the `SITE_URL` or [add additional redirect URLs](https://app.supabase.com/project/_/auth/settings).
-You can use wildcard match patterns to support preview URLs from providers like Netlify and Vercel. See the [full list of supported patterns](https://pkg.go.dev/github.com/gobwas/glob#Compile).
+You can use wildcard match patterns to support preview URLs from providers like Netlify and Vercel. See the [full list of supported patterns](https://pkg.go.dev/github.com/gobwas/glob#Compile). Use [this tool](https://www.digitalocean.com/community/tools/glob?comments=true&glob=http%3A%2F%2Flocalhost%3A3000%2F%2A%2A&matches=false&tests=http%3A%2F%2Flocalhost%3A3000&tests=http%3A%2F%2Flocalhost%3A3000%2F&tests=http%3A%2F%2Flocalhost%3A3000%2F%3Ftest%3Dtest&tests=http%3A%2F%2Flocalhost%3A3000%2Ftest-test%3Ftest%3Dtest&tests=http%3A%2F%2Flocalhost%3A3000%2Ftest%2Ftest%3Ftest%3Dtest) to test your patterns.
+
+> β οΈ WARNING: While the "globstar" (`**`) is useful for local development and preview URLs, we recommend setting the exact redirect URL path for your site URL in production.
#### Netlify preview URLs
For deployments with Netlify, set the `SITE_URL` to your official site URL. Add the following additional redirect URLs for local development and deployment previews:
-- `http://localhost:3000/*/*`
-- `https://**--my_org.netlify.app/*`
+- `http://localhost:3000/**`
+- `https://**--my_org.netlify.app/**`
#### Vercel preview URLs
For deployments with Vercel, set the `SITE_URL` to your official site URL. Add the following additional redirect URLs for local development and deployment previews:
-- `http://localhost:3000/*/*`
-- `https://**vercel.app/*/*`
+- `http://localhost:3000/**`
+- `https://*-username.vercel.app/**`
Vercel provides an environment variable for the URL of the deployment called `NEXT_PUBLIC_VERCEL_URL`. See the [Vercel docs](https://vercel.com/docs/concepts/projects/environment-variables#system-environment-variables) for more details. You can use this variable to dynamically redirect depending on the environment:
```js
+const getURL = () => {
+ let url =
+ process?.env?.NEXT_PUBLIC_SITE_URL ?? // Set this to your site URL in production env.
+ process?.env?.NEXT_PUBLIC_VERCEL_URL ?? // Automatically set by Vercel.
+ 'http://localhost:3000/';
+ // Make sure to include `https://` when not localhost.
+ url = url.includes('http') ? url : `https://${url}`;
+ // Make sure to including trailing `/`.
+ url = url.charAt(url.length - 1) === '/' ? url : `${url}/`;
+ return url;
+};
+
const { data, error } = await supabase.auth.signInWithOAuth({
provider: 'github'
options: {
- redirectTo: process.env.NEXT_PUBLIC_VERCEL_URL
- ? `https://${process.env.NEXT_PUBLIC_VERCEL_URL}`
- : "http://localhost:3000"
+ redirectTo: getURL()
}
}
```
diff --git a/apps/docs/pages/guides/auth/auth-helpers/nextjs.mdx b/apps/docs/pages/guides/auth/auth-helpers/nextjs.mdx
index 08dbb12a001..c38f8f3b284 100644
--- a/apps/docs/pages/guides/auth/auth-helpers/nextjs.mdx
+++ b/apps/docs/pages/guides/auth/auth-helpers/nextjs.mdx
@@ -365,7 +365,7 @@ export const getServerSideProps = async (ctx: GetServerSidePropsContext) => {
-## Server-side data fetching to OAuth APIs using `provider token` {#oauth-provider-token}
+## Server-side data fetching to OAuth APIs using `provider token` {`#oauth-provider-token`}
When using third-party auth providers, sessions are initiated with an additional `provider_token` field which is persisted in the auth cookie and can be accessed within the session object. The `provider_token` can be used to make API requests to the OAuth provider's API endpoints on behalf of the logged-in user.
diff --git a/apps/docs/pages/guides/auth/overview.mdx b/apps/docs/pages/guides/auth/overview.mdx
index 2f798039bb9..5e9e4639ea8 100644
--- a/apps/docs/pages/guides/auth/overview.mdx
+++ b/apps/docs/pages/guides/auth/overview.mdx
@@ -1,6 +1,8 @@
import Layout from '~/layouts/DefaultGuideLayout'
import OldContent from '~/pages/guides/auth.mdx'
+export const meta = {}
+
export const Page = ({ children }) => {
if (process.env.NEXT_PUBLIC_NEW_DOCS === 'true') {
return OldContent()
diff --git a/apps/docs/pages/guides/database.mdx b/apps/docs/pages/guides/database.mdx
index 3dd7df57aa3..90a72a9bacf 100644
--- a/apps/docs/pages/guides/database.mdx
+++ b/apps/docs/pages/guides/database.mdx
@@ -87,7 +87,7 @@ Read about resetting your database password [here](/docs/guides/database/managin
## Next steps
-- Read more about [Postgres](/docs/postgres/server/about)
+- Read more about [Postgres](https://www.postgresql.org/about/)
- Sign in: [app.supabase.com](https://app.supabase.com)
export const Page = ({ children }) => {
diff --git a/apps/docs/pages/guides/functions.mdx b/apps/docs/pages/guides/functions.mdx
index dc9d680ec67..9822760ab50 100644
--- a/apps/docs/pages/guides/functions.mdx
+++ b/apps/docs/pages/guides/functions.mdx
@@ -1,280 +1,31 @@
import Layout from '~/layouts/DefaultGuideLayout'
+import {Button} from 'ui'
export const meta = {
id: 'functions',
title: 'Edge Functions',
description: 'Globally distributed TypeScript functions.',
sidebar_label: 'Overview',
+ hide_table_of_contents: true,
}
-Edge Functions are server-side TypeScript functions, distributed globally at the edgeβclose to your users. They can be used for listening to webhooks or integrating your Supabase project with third-parties [like Stripe](https://github.com/supabase/supabase/tree/master/examples/edge-functions/supabase/functions/stripe-webhooks).
-
-Edge Functions are developed using [Deno](https://deno.com), which offers a few benefits to you as a developer:
+Edge Functions are server-side TypeScript functions, distributed globally at the edgeβclose to your users. They can be used for listening to webhooks or integrating your Supabase project with third-parties [like Stripe](https://github.com/supabase/supabase/tree/master/examples/edge-functions/supabase/functions/stripe-webhooks). Edge Functions are developed using [Deno](https://deno.com), which offers a few benefits to you as a developer:
- It is open source.
- It is portable. Supabase Edge Functions run locally, and on any other Deno-compatible platform (including self-hosted infrastructure).
- It is TypeScript first and supports WASM.
- Edge Functions are globally distributed for low-latency.
-## Quickstart
+
-Learn how to develop Edge Functions in less than 7 minutes:
+## Examples
-
-
+Check out the [Edge Function Examples](https://github.com/supabase/supabase/tree/master/examples/edge-functions) in our GitHub repository.
+
+
-
-By default, Edge Functions require a valid JWT in the authorization header. This header is automatically set when invoking your function via a Supabase client library.
-
-If you want to use Edge Functions to handle webhooks (e.g. [Stripe payment webhooks](https://github.com/supabase/supabase/tree/master/examples/edge-functions/supabase/functions/stripe-webhooks) etc.), you need to pass the `--no-verify-jwt` flag when deploying your function.
-
-
-
-### Executing Remote Functions
-
-You can execute Edge Functions using curl. Copy the curl command from the Dashboard. It should look like this:
-
-```bash
-curl --request POST 'https://.functions.supabase.co/hello-world' \
- --header 'Authorization: Bearer ANON_KEY' \
- --header 'Content-Type: application/json' \
- --data '{ "name":"Functions" }'
-```
-
-If you receive an error `Invalid JWT`, find the `ANON_KEY` of your project in the Dashboard under `Settings > API`.
-
-After invoking your Edge Function you should see the response `{ "message":"Hello Functions!" }`.
-
-## Debugging your Functions
-
-You can debug your deployed Edge Functions using the "Functions" section of the Dashboard. There are two types debugging tools available:
-
-- Invocations: shows the Request and Response for each execution.
-- Logs: shows any platform events, including deployments and errors.
-
-
-
-## Developing locally
-
-You can run your Edge Function locally using [`supabase functions serve`](/docs/reference/cli/usage#supabase-functions-serve):
-
-```bash
-supabase start # start the supabase stack
-supabase functions serve hello-world # start the Function watcher
-```
-
-The `functions serve` command has hot-reloading capabilities. It will watch for any changes to your files and restart the Deno server.
-
-### Invoking Functions locally
-
-While serving your local Function, you can execute it using curl:
-
-```bash
-curl --request POST 'http://localhost:54321/functions/v1/hello-world' \
- --header 'Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZS1kZW1vIiwicm9sZSI6ImFub24ifQ.625_WdcF3KHqz5amU0x2X5WWHP-OEs_4qj0ssLNHzTs' \
- --header 'Content-Type: application/json' \
- --data '{ "name":"Functions" }'
-```
-
-You should see the response `{ "message":"Hello Functions!" }`.
-
-
- -If you execute Function with a different payload the response will change.
-Modify the `--data '{"name":"Functions"}'` line to `--data '{"name":"World"}'` and try invoking the command again! - -## Secrets and Environment Variables - -It's common that you will need to use sensitive information or environment-specific variables inside your Edge Functions. You can access these using Deno's built-in handler - -```js -Deno.env.get(MY_SECRET_NAME) -``` - -### Default secrets - -By default, Edge Functions have access to these secrets: - -- `SUPABASE_URL`: The API gateway for your Supabase project. -- `SUPABASE_ANON_KEY`: The `anon` key for your Supabase API. This is safe to use in a browser when you have [Row Level Security](/docs/guides/auth/row-level-security) enabled. -- `SUPABASE_SERVICE_ROLE_KEY`: The `service_role` key for your Supabase API. This is safe to use in Edge Functions, but it should NEVER be used in a browser. This key will bypass [Row Level Security](/docs/guides/auth/row-level-security). -- `SUPABASE_DB_URL`: The URL for your [PostgreSQL database](/docs/guides/database). You can use this to connect directly to your database. - -### Local secrets - -Let's create a local file for storing our secrets, and inside it we can store a secret `MY_NAME`: - -```jsx -echo "MY_NAME=Yoda" >> ./supabase/.env.local -``` - -This creates a new file `./supabase/.env.local` for storing your local development secrets. - -
-
-Never check your .env files into Git!
-
-
-
-Now let's access this environment variable `MY_NAME` inside our Function. Anywhere in your function, add this line:
-
-```jsx
-console.log(Deno.env.get('MY_NAME'))
-```
-
-Now we can invoke our function locally, by serving it with our new `.env.local` file:
-
-```bash
-supabase functions serve hello-world --env-file ./supabase/.env.local
-```
-
-When the function starts you should see the name βYodaβ output to the terminal.
-
-### Production secrets
-
-Let's create a `.env` for production. In this case we'll just use the same as our local secrets:
-
-```bash
-cp ./supabase/.env.local ./supabase/.env
-```
-
-This creates a new file `./supabase/.env` for storing your production secrets.
-
-
-
-Never check your `.env` files into Git!
-
-
-
-Let's push all the secrets from the `.env` file to our remote project using [`supabase secrets set`](/docs/reference/cli/usage#supabase-secrets-set):
-
-```bash
-supabase secrets set --env-file ./supabase/.env
-
-# You can also set secrets individually using:
-supabase secrets set MY_NAME=Chewbacca
-```
-
-You don't need to re-deploy after setting your secrets.
-
-To see all the secrets which you have set remotely, use [`supabase secrets list`](/docs/reference/cli/usage#supabase-secrets-list):
-
-```bash
-supabase secrets list
-```
-
-## Suggestions
-
-### Database Functions vs Edge Functions
-
-For data-intensive operations we recommend using [Database Functions](/docs/guides/database/functions), which are executed within your database
-and can be called remotely using the [REST and GraphQL API](/docs/guides/api).
-
-For use-cases which require low-latency we recommend [Edge Functions](/docs/guides/functions), which are globally-distributed and can be written in TypeScript.
-
-### Organizing your Edge Functions
-
-We recommend developing βfat functionsβ. This means that you should develop few large functions, rather than many small functions. One common pattern when developing Functions is that you need to share code between two or more Functions. To do this, you can store any shared code in a folder prefixed with an underscore (`_`). We recommend this folder structure:
-
-```bash
-βββ supabase
- βββ functions
- β βββ _shared
- β | βββ supabaseAdmin.ts # Supabase client with SERVICE_ROLE key
- β β βββ supabaseClient.ts # Supabase client with ANON key
- β βββ function-one # use hyphens to name functions
- β β βββ index.ts
- β βββ function-two
- β βββ index.ts
- βββ migrations
- βββ config.toml
-```
-
-### Naming Edge Functions
-
-We recommend using hyphens to name functions because hyphens are the most URL-friendly of all the naming conventions (snake_case, camelCase, PascalCase).
-
-### CORS (Cross-Origin Resource Sharing)
-
-We recommend adding a check to handle [CORS Preflight](https://developer.mozilla.org/en-US/docs/Glossary/Preflight_request) requests in your edge function to be able to invoke the function from browsers.
-
-See the [example on GitHub](https://github.com/supabase/supabase/blob/master/examples/edge-functions/supabase/functions/browser-with-cors/index.ts).
-
-```ts
-export const corsHeaders = {
- 'Access-Control-Allow-Origin': '*',
- 'Access-Control-Allow-Headers': 'authorization, x-client-info, apikey',
-}
-
-serve(async (req) => {
- if (req.method === 'OPTIONS') {
- return new Response('ok', { headers: corsHeaders })
- }
- ...
-})
-```
-
-### Using HTTP Methods
-
-Edge Functions supports `GET`, `POST`, `PUT`, `PATCH`, `DELETE`, and `OPTIONS`. A function can be designed to perform different actions based on a request's HTTP method. See the [example on building a RESTful service](https://github.com/supabase/supabase/tree/master/examples/edge-functions/supabase/functions/restful-tasks) to learn how to handle different HTTP methods in your function.
-
-## Limitations
-
-- Deno Deploy limitations
- - Deno does not support outgoing connections to ports `25`, `465`, and `587`.
- - Cannot write to File System
-- Edge Functions
- - Local development - only one function at a time
- - Serving of HTML content is not supported (`GET` requests that return `text/html` will be rewritten to `text/plain`).
-
export const Page = ({ children }) =>
+
+By default, Edge Functions require a valid JWT in the authorization header. This header is automatically set when invoking your function via a Supabase client library.
+
+If you want to use Edge Functions to handle webhooks (e.g. [Stripe payment webhooks](https://github.com/supabase/supabase/tree/master/examples/edge-functions/supabase/functions/stripe-webhooks) etc.), you need to pass the `--no-verify-jwt` flag when deploying your function.
+
+
+
+## Execute remote functions
+
+You can execute Edge Functions using curl. Copy the curl command from the Dashboard. It should look like this:
+
+```bash
+curl --request POST 'https://.functions.supabase.co/hello-world' \
+ --header 'Authorization: Bearer ANON_KEY' \
+ --header 'Content-Type: application/json' \
+ --data '{ "name":"Functions" }'
+```
+
+If you receive an error `Invalid JWT`, find the `ANON_KEY` of your project in the Dashboard under `Settings > API`.
+
+After invoking your Edge Function you should see the response `{ "message":"Hello Functions!" }`.
+
+## Debug functions
+
+You can debug your deployed Edge Functions using the "Functions" section of the Dashboard. There are two types debugging tools available:
+
+- Invocations: shows the Request and Response for each execution.
+- Logs: shows any platform events, including deployments and errors.
+
+
+
+## Develop locally
+
+You can run your Edge Function locally using [`supabase functions serve`](/docs/reference/cli/usage#supabase-functions-serve):
+
+```bash
+supabase start # start the supabase stack
+supabase functions serve hello-world # start the Function watcher
+```
+
+The `functions serve` command has hot-reloading capabilities. It will watch for any changes to your files and restart the Deno server.
+
+### Invoke functions locally
+
+While serving your local Function, you can execute it using curl:
+
+```bash
+curl --request POST 'http://localhost:54321/functions/v1/hello-world' \
+ --header 'Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZS1kZW1vIiwicm9sZSI6ImFub24ifQ.625_WdcF3KHqz5amU0x2X5WWHP-OEs_4qj0ssLNHzTs' \
+ --header 'Content-Type: application/json' \
+ --data '{ "name":"Functions" }'
+```
+
+You should see the response `{ "message":"Hello Functions!" }`.
+
+
+ +If you execute Function with a different payload the response will change.
+Modify the `--data '{"name":"Functions"}'` line to `--data '{"name":"World"}'` and try invoking the command again! + +## Secrets and Environment Variables + +It's common that you will need to use sensitive information or environment-specific variables inside your Edge Functions. You can access these using Deno's built-in handler + +```js +Deno.env.get(MY_SECRET_NAME) +``` + +### Default secrets + +By default, Edge Functions have access to these secrets: + +- `SUPABASE_URL`: The API gateway for your Supabase project. +- `SUPABASE_ANON_KEY`: The `anon` key for your Supabase API. This is safe to use in a browser when you have [Row Level Security](/docs/guides/auth/row-level-security) enabled. +- `SUPABASE_SERVICE_ROLE_KEY`: The `service_role` key for your Supabase API. This is safe to use in Edge Functions, but it should NEVER be used in a browser. This key will bypass [Row Level Security](/docs/guides/auth/row-level-security). +- `SUPABASE_DB_URL`: The URL for your [PostgreSQL database](/docs/guides/database). You can use this to connect directly to your database. + +### Local secrets + +Let's create a local file for storing our secrets, and inside it we can store a secret `MY_NAME`: + +```jsx +echo "MY_NAME=Yoda" >> ./supabase/.env.local +``` + +This creates a new file `./supabase/.env.local` for storing your local development secrets. + +
+
+Never check your .env files into Git!
+
+
+
+Now let's access this environment variable `MY_NAME` inside our Function. Anywhere in your function, add this line:
+
+```jsx
+console.log(Deno.env.get('MY_NAME'))
+```
+
+Now we can invoke our function locally, by serving it with our new `.env.local` file:
+
+```bash
+supabase functions serve hello-world --env-file ./supabase/.env.local
+```
+
+When the function starts you should see the name βYodaβ output to the terminal.
+
+### Production secrets
+
+Let's create a `.env` for production. In this case we'll just use the same as our local secrets:
+
+```bash
+cp ./supabase/.env.local ./supabase/.env
+```
+
+This creates a new file `./supabase/.env` for storing your production secrets.
+
+
+
+Never check your `.env` files into Git!
+
+
+
+Let's push all the secrets from the `.env` file to our remote project using [`supabase secrets set`](/docs/reference/cli/usage#supabase-secrets-set):
+
+```bash
+supabase secrets set --env-file ./supabase/.env
+
+# You can also set secrets individually using:
+supabase secrets set MY_NAME=Chewbacca
+```
+
+You don't need to re-deploy after setting your secrets.
+
+To see all the secrets which you have set remotely, use [`supabase secrets list`](/docs/reference/cli/usage#supabase-secrets-list):
+
+```bash
+supabase secrets list
+```
+
+## Limitations
+
+- Deno Deploy limitations
+ - Deno does not support outgoing connections to ports `25`, `465`, and `587`.
+ - Cannot write to File System
+- Edge Functions
+ - Local development - only one function at a time
+ - Serving of HTML content is not supported (`GET` requests that return `text/html` will be rewritten to `text/plain`).
+
+export const Page = ({ children }) =>
+
-## Prerequisites
-
-Follow the steps to prepare your Supabase project on your local machine.
-
-- Install the Supabase CLI. [Docs](/docs/guides/cli).
-- Login to the CLI using the command: `supabase login`. [Docs](/docs/reference/cli/usage#supabase-login).
-- Initialize Supabase inside your project using the command: `supabase init`. [Docs](/docs/guides/cli/local-development#getting-started).
-- Link to your Remote Project using the command `supabase link --project-ref your-project-ref`. [Docs](/docs/reference/cli/usage#supabase-link).
-- Optional: Setup your environment: Follow [this setup guide](https://deno.land/manual/getting_started/setup_your_environment) to integrate the Deno language server with your editor.
-
-## Getting Started
-
-Let's build an Edge Function locally, then deploy it to the Supabase Platform.
-
-### Creating a function
-
-Let's create a new Edge Function called `hello-world` inside your project:
-
-```bash
-supabase functions new hello-world
-```
-
-This creates a function stub in your `supabase` folder at `./functions/hello-world/index.ts`.
-
-### Deploy to production
-
-```bash
-supabase functions deploy hello-world
-```
-
-This command bundles your Edge Function from `./functions/hello-world/index.ts` and deploys it to the Supabase platform.
-The command outputs a URL to the Supabase Dashboard which you can open to find view more details. Let's open the link to find the execution command.
-
-
-
-Implementation details
- -- All Edge Functions are `POST` requests. -- The `Authorization` header is required. You can use either the `ANON` key, the `SERVICE_ROLE` key, or a logged-in user's JWT. -- The Function is proxied through the local API (`http://localhost:54321`) - -- -If you execute Function with a different payload the response will change.
-Modify the `--data '{"name":"Functions"}'` line to `--data '{"name":"World"}'` and try invoking the command again! - -## Secrets and Environment Variables - -It's common that you will need to use sensitive information or environment-specific variables inside your Edge Functions. You can access these using Deno's built-in handler - -```js -Deno.env.get(MY_SECRET_NAME) -``` - -### Default secrets - -By default, Edge Functions have access to these secrets: - -- `SUPABASE_URL`: The API gateway for your Supabase project. -- `SUPABASE_ANON_KEY`: The `anon` key for your Supabase API. This is safe to use in a browser when you have [Row Level Security](/docs/guides/auth/row-level-security) enabled. -- `SUPABASE_SERVICE_ROLE_KEY`: The `service_role` key for your Supabase API. This is safe to use in Edge Functions, but it should NEVER be used in a browser. This key will bypass [Row Level Security](/docs/guides/auth/row-level-security). -- `SUPABASE_DB_URL`: The URL for your [PostgreSQL database](/docs/guides/database). You can use this to connect directly to your database. - -### Local secrets - -Let's create a local file for storing our secrets, and inside it we can store a secret `MY_NAME`: - -```jsx -echo "MY_NAME=Yoda" >> ./supabase/.env.local -``` - -This creates a new file `./supabase/.env.local` for storing your local development secrets. - -
+
+
+
+## Prerequisites
+
+Follow the steps to prepare your Supabase project on your local machine.
+
+- Install the Supabase CLI. [Docs](/docs/guides/cli).
+- Login to the CLI using the command: `supabase login`. [Docs](/docs/reference/cli/usage#supabase-login).
+- Initialize Supabase inside your project using the command: `supabase init`. [Docs](/docs/guides/cli/local-development#getting-started).
+- Link to your Remote Project using the command `supabase link --project-ref your-project-ref`. [Docs](/docs/reference/cli/usage#supabase-link).
+- Optional: Setup your environment: Follow [this setup guide](https://deno.land/manual/getting_started/setup_your_environment) to integrate the Deno language server with your editor.
+
+## Create a function
+
+Let's create a new Edge Function called `hello-world` inside your project:
+
+```bash
+supabase functions new hello-world
+```
+
+This creates a function stub in your `supabase` folder at `./functions/hello-world/index.ts`.
+
+## Deploy to production
+
+```bash
+supabase functions deploy hello-world
+```
+
+This command bundles your Edge Function from `./functions/hello-world/index.ts` and deploys it to the Supabase platform.
+The command outputs a URL to the Supabase Dashboard which you can open to find view more details. Let's open the link to find the execution command.
+
+
+
+Implementation details
+ +- All Edge Functions are `POST` requests. +- The `Authorization` header is required. You can use either the `ANON` key, the `SERVICE_ROLE` key, or a logged-in user's JWT. +- The Function is proxied through the local API (`http://localhost:54321`) + ++ +If you execute Function with a different payload the response will change.
+Modify the `--data '{"name":"Functions"}'` line to `--data '{"name":"World"}'` and try invoking the command again! + +## Secrets and Environment Variables + +It's common that you will need to use sensitive information or environment-specific variables inside your Edge Functions. You can access these using Deno's built-in handler + +```js +Deno.env.get(MY_SECRET_NAME) +``` + +### Default secrets + +By default, Edge Functions have access to these secrets: + +- `SUPABASE_URL`: The API gateway for your Supabase project. +- `SUPABASE_ANON_KEY`: The `anon` key for your Supabase API. This is safe to use in a browser when you have [Row Level Security](/docs/guides/auth/row-level-security) enabled. +- `SUPABASE_SERVICE_ROLE_KEY`: The `service_role` key for your Supabase API. This is safe to use in Edge Functions, but it should NEVER be used in a browser. This key will bypass [Row Level Security](/docs/guides/auth/row-level-security). +- `SUPABASE_DB_URL`: The URL for your [PostgreSQL database](/docs/guides/database). You can use this to connect directly to your database. + +### Local secrets + +Let's create a local file for storing our secrets, and inside it we can store a secret `MY_NAME`: + +```jsx +echo "MY_NAME=Yoda" >> ./supabase/.env.local +``` + +This creates a new file `./supabase/.env.local` for storing your local development secrets. + +
{item.name}
{item.items.map((integration) => (
-
+
**API** as shown below:
+
+
+
+Once you've got your service_role JWT, click **Add Policy** again on the **Request** pipeline and choose the **Add/Set Headers Policy** and configure it as follows:
+
+```json
+{
+ "export": "SetHeadersInboundPolicy",
+ "module": "$import(@zuplo/runtime)",
+ "options": {
+ "headers": [
+ {
+ "name": "apikey",
+ "value": "$env(SUPABASE_API_KEY)",
+ "overwrite": true
+ },
+ {
+ "name": "authorization",
+ "value": "$env(SUPABASE_AUTHZ_HEADER)",
+ "overwrite": true
+ }
+ ]
+ }
+}
+```
+
+Save your changes.
+
+Next, create two secret [environment variables](https://zuplo.com/docs/deployments/environment-variables) as follows:
+
+- SUPABASE_API_KEY: `"YOUR_SUPABASE_SECRET_ROLE_JWT"`
+- SUPABASE_AUTHZ_HEADER: `"Bearer YOUR_SUPABASE_SECRET_ROLE_JWT"`
+
+Obviously, in both instances replace `YOUR_SUPABASE_SECRET_ROLE_JWT` with your service_role JWT from Supabase.
+
+You are now ready to invoke your API gateway and see data flow through from your Supabase backend!
+
+Click on the **open in browser** button shown below and you should see the JSON, flowing from Supabase in your browser π.
+
+
+
+## Adding authentication
+
+At this point, that route is wide open to the world so we need to secure it. We'll do this using API keys. You can follow this guide [Add API key Authentication](https://zuplo.com/docs/quickstarts/add-api-key-auth). Be sure to drag the API Key authentication policy to the very top of your **Request** pipeline. Come back here when you're done.
+
+Welcome back! You've now learned how to secure your API with API-Keys.
+
+## Adding a Create route
+
+Next we'll add a route that allows somebody to create a review. Add another route with the following settings
+
+- method: `POST`
+- path: `/reviews`
+- summary: `Create a new review`
+- version: `v1`
+- CORS: `Anything goes`
+
+And the request handler as follows:
+
+- URL Rewrite: `https://YOUR_SUPABASE_URL.supabase.co/rest/v1/ski-reviews`
+- Forward Search: `unchecked`
+
+Expand the policies section and add the same policies (note you can reuse policies by picking from the existing policies at the top of the library)
+
+
+
+- api-key-auth-inbound
+- clear-headers-inbound
+- set-headers-inbound
+
+Now your **create** route is secured and will automatically set the right headers before calling Supabase. That was easy.
+
+You can test this out by using the **API Test Console** to invoke your new endpoint. Go to the **API Test Console** and create a new test called `create-review.json`.
+
+- Method: `POST`
+- Path: `/v1/reviews`
+- Headers:
+ - `content-type`: `application/json`
+ - `authorization`: `Bearer YOUR_ZUPLO_API_KEY`
+- Body:
+
+```json
+{
+ "make": "Rossignol",
+ "model": "Soul HD7",
+ "rating": 5,
+ "year": 2019
+}
+```
+
+
+
+If you invoke your API by clicking `Test` you should see that you get a **201 Created** - congratulations!
+
+## Add validation to your post
+
+To make your API more usable and more secure it is good practice to validate incoming requests. In this case we will add a JSON Schema document and use it to validate the incoming body to our POST.
+
+Create a new schema document called `new-review.json`.
+
+
+
+This example fits the ski-reviews table we described above
+
+```json
+{
+ "$id": "http://example.com/example.json",
+ "type": "object",
+ "default": {},
+ "title": "Root Schema",
+ "required": ["make", "model", "rating", "year"],
+ "additionalProperties": false,
+ "properties": {
+ "make": {
+ "type": "string",
+ "default": "",
+ "title": "The make Schema",
+ "examples": ["DPS"]
+ },
+ "model": {
+ "type": "string",
+ "default": "",
+ "title": "The model Schema",
+ "examples": ["Pagoda"]
+ },
+ "rating": {
+ "type": "integer",
+ "default": 0,
+ "title": "The rating Schema",
+ "examples": [5]
+ },
+ "year": {
+ "type": "integer",
+ "default": 0,
+ "title": "The year Schema",
+ "examples": [2018]
+ }
+ },
+ "examples": [
+ {
+ "make": "DPS",
+ "model": "Pagoda",
+ "rating": 5,
+ "year": 2018,
+ "author": "Josh"
+ }
+ ]
+}
+```
+
+Now add a new policy to **request** pipeline for your `Create new review` route. Choose the **JSON Body Validation** policy and configure it to use your newly created JSON schema document:
+
+```json
+{
+ "export": "ValidateJsonSchemaInbound",
+ "module": "$import(@zuplo/runtime)",
+ "options": {
+ "validator": "$import(./schemas/new-review.json)"
+ }
+}
+```
+
+This policy can be dragged to the first position in your pipeline.
+
+Now to test this is working, go back to your API test console and change the body of your `create-review.json` test to be invalid (add a new property for example). You should find that you get a `400 Bad Request` response.
+
+
+
+Finally, lean back and marvel at your beautiful Developer Portal that took almost zero effort to get this far, wow! Hopefully you already found the link for this when adding API key support :)
+
+
+
+Zuplo can also be used to handle Supabase JWT tokens for any API, learn more at [API Authentication with Supabase JWT Tokens](https://zuplo.com/blog/2022/11/15/api-authentication-with-supabase-jwt)
+
+export const Page = ({ children }) =>
+
+If any permission errors are encountered when executing `alter role postgres ...`, it is likely that your project has yet to receive the patch to the latest version of [supautils](https://github.com/supabase/supautils), which is currently being rolled out.
+
+
+
## Logs Explorer
The [Logs Explorer](https://app.supabase.com/project/_/logs-explorer) exposes logs from each part of the Supabase stack as a separate table that can be queried and joined using SQL.
diff --git a/apps/docs/pages/guides/realtime.mdx b/apps/docs/pages/guides/realtime.mdx
index f2142bc69dd..acf13a0f57b 100644
--- a/apps/docs/pages/guides/realtime.mdx
+++ b/apps/docs/pages/guides/realtime.mdx
@@ -10,7 +10,7 @@ export const meta = {
Supabase provides a globally distributed cluster of [Realtime](https://github.com/supabase/realtime) servers that enable the following functionality:
- [Broadcast](#broadcast): Send ephemeral messages from client to clients with low latency.
-- [Presence](#presence): Track and synchrononize shared state between clients.
+- [Presence](#presence): Track and synchronize shared state between clients.
- [Postgres CDC](#postgres-cdc): Listen to Postgres database changes and send them to authorized clients.
A [channel](https://hexdocs.pm/phoenix/channels.html) is the basic building block of Realtime and narrows the scope of data flow to subscribed clients. You can think of a channel as a chatroom where participants are able to see who's online and send and receive messages; similar to a Discord or Slack channel.
diff --git a/apps/docs/pages/guides/tutorials.mdx b/apps/docs/pages/guides/tutorials.mdx
index d4681aa2977..3b5c36f7231 100644
--- a/apps/docs/pages/guides/tutorials.mdx
+++ b/apps/docs/pages/guides/tutorials.mdx
@@ -14,7 +14,7 @@ export const meta = {
{topArticles.map((item) => {
return (
diff --git a/apps/docs/pages/guides/tutorials/with-angular.mdx b/apps/docs/pages/guides/tutorials/with-angular.mdx
index b1479a50e9a..15bfa56dead 100644
--- a/apps/docs/pages/guides/tutorials/with-angular.mdx
+++ b/apps/docs/pages/guides/tutorials/with-angular.mdx
@@ -1,6 +1,8 @@
import Layout from '~/layouts/DefaultGuideLayout'
import oldContent from '~/pages/guides/with-angular.mdx'
+export const meta = {}
+
export const Page = ({ children }) => {
if (process.env.NEXT_PUBLIC_NEW_DOCS === 'true') {
return oldContent()
diff --git a/apps/docs/pages/guides/tutorials/with-expo.mdx b/apps/docs/pages/guides/tutorials/with-expo.mdx
index 657aba26325..7efd769243b 100644
--- a/apps/docs/pages/guides/tutorials/with-expo.mdx
+++ b/apps/docs/pages/guides/tutorials/with-expo.mdx
@@ -1,6 +1,8 @@
import Layout from '~/layouts/DefaultGuideLayout'
import oldContent from '~/pages/guides/with-expo.mdx'
+export const meta = {}
+
export const Page = ({ children }) => {
if (process.env.NEXT_PUBLIC_NEW_DOCS === 'true') {
return oldContent()
diff --git a/apps/docs/pages/guides/tutorials/with-flutter.mdx b/apps/docs/pages/guides/tutorials/with-flutter.mdx
index 2039cb1d051..67305a95e3b 100644
--- a/apps/docs/pages/guides/tutorials/with-flutter.mdx
+++ b/apps/docs/pages/guides/tutorials/with-flutter.mdx
@@ -1,6 +1,8 @@
import Layout from '~/layouts/DefaultGuideLayout'
import oldContent from '~/pages/guides/with-flutter.mdx'
+export const meta = {}
+
export const Page = ({ children }) => {
if (process.env.NEXT_PUBLIC_NEW_DOCS === 'true') {
return oldContent()
diff --git a/apps/docs/pages/guides/tutorials/with-ionic-angular.mdx b/apps/docs/pages/guides/tutorials/with-ionic-angular.mdx
index 4736d7e664a..c3b8a3b7a4b 100644
--- a/apps/docs/pages/guides/tutorials/with-ionic-angular.mdx
+++ b/apps/docs/pages/guides/tutorials/with-ionic-angular.mdx
@@ -1,6 +1,8 @@
import Layout from '~/layouts/DefaultGuideLayout'
import oldContent from '~/pages/guides/with-ionic-angular.mdx'
+export const meta = {}
+
export const Page = ({ children }) => {
if (process.env.NEXT_PUBLIC_NEW_DOCS === 'true') {
return oldContent()
diff --git a/apps/docs/pages/guides/tutorials/with-ionic-react.mdx b/apps/docs/pages/guides/tutorials/with-ionic-react.mdx
index 1e73208baf1..6f0222be4ab 100644
--- a/apps/docs/pages/guides/tutorials/with-ionic-react.mdx
+++ b/apps/docs/pages/guides/tutorials/with-ionic-react.mdx
@@ -1,6 +1,8 @@
import Layout from '~/layouts/DefaultGuideLayout'
import oldContent from '~/pages/guides/with-ionic-react.mdx'
+export const meta = {}
+
export const Page = ({ children }) => {
if (process.env.NEXT_PUBLIC_NEW_DOCS === 'true') {
return oldContent()
diff --git a/apps/docs/pages/guides/tutorials/with-ionic-vue.mdx b/apps/docs/pages/guides/tutorials/with-ionic-vue.mdx
index 3df41e07fca..0ce735328ef 100644
--- a/apps/docs/pages/guides/tutorials/with-ionic-vue.mdx
+++ b/apps/docs/pages/guides/tutorials/with-ionic-vue.mdx
@@ -1,6 +1,8 @@
import Layout from '~/layouts/DefaultGuideLayout'
import oldContent from '~/pages/guides/with-ionic-vue.mdx'
+export const meta = {}
+
export const Page = ({ children }) => {
if (process.env.NEXT_PUBLIC_NEW_DOCS === 'true') {
return oldContent()
diff --git a/apps/docs/pages/guides/tutorials/with-nextjs.mdx b/apps/docs/pages/guides/tutorials/with-nextjs.mdx
index 4f74ea1e24d..cae82cc840a 100644
--- a/apps/docs/pages/guides/tutorials/with-nextjs.mdx
+++ b/apps/docs/pages/guides/tutorials/with-nextjs.mdx
@@ -1,6 +1,8 @@
import Layout from '~/layouts/DefaultGuideLayout'
import OldContent from '~/pages/guides/with-nextjs.mdx'
+export const meta = {}
+
export const Page = ({ children }) => {
if (process.env.NEXT_PUBLIC_NEW_DOCS === 'true') {
return OldContent()
diff --git a/apps/docs/pages/guides/tutorials/with-nuxt-3.mdx b/apps/docs/pages/guides/tutorials/with-nuxt-3.mdx
index fe91855561b..042b287789f 100644
--- a/apps/docs/pages/guides/tutorials/with-nuxt-3.mdx
+++ b/apps/docs/pages/guides/tutorials/with-nuxt-3.mdx
@@ -1,6 +1,8 @@
import Layout from '~/layouts/DefaultGuideLayout'
import oldContent from '~/pages/guides/with-nuxt-3.mdx'
+export const meta = {}
+
export const Page = ({ children }) => {
if (process.env.NEXT_PUBLIC_NEW_DOCS === 'true') {
return oldContent()
diff --git a/apps/docs/pages/guides/tutorials/with-react.mdx b/apps/docs/pages/guides/tutorials/with-react.mdx
index 29f8eaee132..fcab9102b61 100644
--- a/apps/docs/pages/guides/tutorials/with-react.mdx
+++ b/apps/docs/pages/guides/tutorials/with-react.mdx
@@ -1,6 +1,8 @@
import Layout from '~/layouts/DefaultGuideLayout'
import oldContent from '~/pages/guides/with-react.mdx'
+export const meta = {}
+
export const Page = ({ children }) => {
if (process.env.NEXT_PUBLIC_NEW_DOCS === 'true') {
return oldContent()
diff --git a/apps/docs/pages/guides/tutorials/with-redwoodjs.mdx b/apps/docs/pages/guides/tutorials/with-redwoodjs.mdx
index 086c34786d7..c2f01c38501 100644
--- a/apps/docs/pages/guides/tutorials/with-redwoodjs.mdx
+++ b/apps/docs/pages/guides/tutorials/with-redwoodjs.mdx
@@ -1,6 +1,8 @@
import Layout from '~/layouts/DefaultGuideLayout'
import oldContent from '~/pages/guides/with-redwoodjs.mdx'
+export const meta = {}
+
export const Page = ({ children }) => {
if (process.env.NEXT_PUBLIC_NEW_DOCS === 'true') {
return oldContent()
diff --git a/apps/docs/pages/guides/tutorials/with-solidjs.mdx b/apps/docs/pages/guides/tutorials/with-solidjs.mdx
index 2a8518fc3dc..186dc073f30 100644
--- a/apps/docs/pages/guides/tutorials/with-solidjs.mdx
+++ b/apps/docs/pages/guides/tutorials/with-solidjs.mdx
@@ -1,6 +1,8 @@
import Layout from '~/layouts/DefaultGuideLayout'
import oldContent from '~/pages/guides/with-solidjs.mdx'
+export const meta = {}
+
export const Page = ({ children }) => {
if (process.env.NEXT_PUBLIC_NEW_DOCS === 'true') {
return oldContent()
diff --git a/apps/docs/pages/guides/tutorials/with-svelte.mdx b/apps/docs/pages/guides/tutorials/with-svelte.mdx
index a7d0c6e967f..f6d8ed2a9fa 100644
--- a/apps/docs/pages/guides/tutorials/with-svelte.mdx
+++ b/apps/docs/pages/guides/tutorials/with-svelte.mdx
@@ -1,6 +1,8 @@
import Layout from '~/layouts/DefaultGuideLayout'
import oldContent from '~/pages/guides/with-svelte.mdx'
+export const meta = {}
+
export const Page = ({ children }) => {
if (process.env.NEXT_PUBLIC_NEW_DOCS === 'true') {
return oldContent()
diff --git a/apps/docs/pages/guides/tutorials/with-sveltekit.mdx b/apps/docs/pages/guides/tutorials/with-sveltekit.mdx
index 7bd8cf0761e..0c495eebced 100644
--- a/apps/docs/pages/guides/tutorials/with-sveltekit.mdx
+++ b/apps/docs/pages/guides/tutorials/with-sveltekit.mdx
@@ -1,6 +1,8 @@
import Layout from '~/layouts/DefaultGuideLayout'
import oldContent from '~/pages/guides/with-sveltekit.mdx'
+export const meta = {}
+
export const Page = ({ children }) => {
if (process.env.NEXT_PUBLIC_NEW_DOCS === 'true') {
return oldContent()
diff --git a/apps/docs/pages/guides/tutorials/with-vue-3.mdx b/apps/docs/pages/guides/tutorials/with-vue-3.mdx
index b41828aef0d..65f5c5527c8 100644
--- a/apps/docs/pages/guides/tutorials/with-vue-3.mdx
+++ b/apps/docs/pages/guides/tutorials/with-vue-3.mdx
@@ -1,6 +1,8 @@
import Layout from '~/layouts/DefaultGuideLayout'
import oldContent from '~/pages/guides/with-vue-3.mdx'
+export const meta = {}
+
export const Page = ({ children }) => {
if (process.env.NEXT_PUBLIC_NEW_DOCS === 'true') {
return oldContent()
diff --git a/apps/docs/pages/new/auth.mdx b/apps/docs/pages/new/auth.mdx
index 9a8ce71bb04..fddd0644efd 100644
--- a/apps/docs/pages/new/auth.mdx
+++ b/apps/docs/pages/new/auth.mdx
@@ -17,7 +17,7 @@ export const meta = {
{topArticles.map((item) => {
return (
diff --git a/apps/docs/pages/new/reference/index.mdx b/apps/docs/pages/new/reference/index.mdx
deleted file mode 100644
index 6d74a1c57ff..00000000000
--- a/apps/docs/pages/new/reference/index.mdx
+++ /dev/null
@@ -1,11 +0,0 @@
-import Layout from '~/layouts/DefaultLayout'
-
-export const meta = {
- title: 'Ref',
-}
-
-## REF REF
-
-export const Page = ({ children }) =>
+
+ )
+ }
+
return (
@@ -123,3 +143,38 @@ export default function Config() {
)
}
+
+export async function getStaticProps({ params }: { params: { slug: string[] } }) {
+ let slug
+ if (params.slug.length > 1) {
+ slug = `docs/${params.slug.join('/')}`
+ } else {
+ slug = `docs/${params.slug[0]}`
+ }
+
+ let doc = getDocsBySlug(slug)
+ const content = await serialize(doc.content || '')
+
+ return {
+ props: {
+ ...doc,
+ content,
+ toc: toc(doc.content, { maxdepth: 1, firsth1: false }),
+ },
+ }
+}
+
+export function getStaticPaths() {
+ let docs = getAllDocs()
+
+ return {
+ paths: docs.map(() => {
+ return {
+ params: {
+ slug: docs.map((d) => d.slug),
+ },
+ }
+ }),
+ fallback: 'blocking',
+ }
+}
diff --git a/apps/docs/pages/new/reference/cli/config.tsx b/apps/docs/pages/reference/cli/config.tsx
similarity index 100%
rename from apps/docs/pages/new/reference/cli/config.tsx
rename to apps/docs/pages/reference/cli/config.tsx
diff --git a/apps/docs/pages/new/reference/dart/[...slug].tsx b/apps/docs/pages/reference/dart/[...slug].tsx
similarity index 89%
rename from apps/docs/pages/new/reference/dart/[...slug].tsx
rename to apps/docs/pages/reference/dart/[...slug].tsx
index eec26f08ed5..94a75b32e35 100644
--- a/apps/docs/pages/new/reference/dart/[...slug].tsx
+++ b/apps/docs/pages/reference/dart/[...slug].tsx
@@ -1,12 +1,13 @@
import { useEffect } from 'react'
import fs from 'fs'
+import toc from 'markdown-toc'
import matter from 'gray-matter'
import { MDXRemote } from 'next-mdx-remote'
import { serialize } from 'next-mdx-remote/serialize'
import components from '~/components/index'
-import { getAllDocs } from '~/lib/docs'
+import { getAllDocs, getDocsBySlug } from '~/lib/docs'
import ReactMarkdown from 'react-markdown'
@@ -27,6 +28,8 @@ import Param from '~/components/Params'
import Options from '~/components/Options'
import RefSubLayout from '~/layouts/ref/RefSubLayout'
+import OldLayout from '~/layouts/Default'
+
export default function DartReference(props) {
const router = useRouter()
const slug = router.query.slug[0]
@@ -38,6 +41,18 @@ export default function DartReference(props) {
}
})
+ /*
+ * handle old ref pages
+ */
+ if (process.env.NEXT_PUBLIC_NEW_DOCS === 'false') {
+ return (
+ // @ts-ignore
+
+
+ )
+ }
+
return (
{dartSpec.functions.map((item, itemIndex) => {
@@ -251,10 +266,41 @@ export async function getStaticProps({ params }: { params: { slug: string[] } })
})
)
- return {
- props: {
- docs: allMarkdownDocs,
- },
+ /*
+ * old content generation
+ * this is for grabbing to old markdown files
+ */
+
+ let slug
+ if (params.slug.length > 1) {
+ slug = `docs/reference/dart/${params.slug.join('/')}`
+ } else {
+ slug = `docs/reference/dart/${params.slug[0]}`
+ }
+
+ let doc = getDocsBySlug(slug)
+ const content = await serialize(doc.content || '')
+
+ /*
+ * handle old ref pages
+ */
+ if (process.env.NEXT_PUBLIC_NEW_DOCS === 'false') {
+ return {
+ props: {
+ /*
+ * old reference docs are below
+ */
+ ...doc,
+ content,
+ toc: toc(doc.content, { maxdepth: 1, firsth1: false }),
+ },
+ }
+ } else {
+ return {
+ props: {
+ docs: allMarkdownDocs,
+ },
+ }
}
}
diff --git a/apps/docs/pages/reference.mdx b/apps/docs/pages/reference/index.mdx
similarity index 100%
rename from apps/docs/pages/reference.mdx
rename to apps/docs/pages/reference/index.mdx
diff --git a/apps/docs/pages/new/reference/javascript/[...slug].tsx b/apps/docs/pages/reference/javascript/[...slug].tsx
similarity index 88%
rename from apps/docs/pages/new/reference/javascript/[...slug].tsx
rename to apps/docs/pages/reference/javascript/[...slug].tsx
index 5f1a06e90a6..8c7314fb580 100644
--- a/apps/docs/pages/new/reference/javascript/[...slug].tsx
+++ b/apps/docs/pages/reference/javascript/[...slug].tsx
@@ -1,12 +1,13 @@
import { useEffect } from 'react'
import fs from 'fs'
+import toc from 'markdown-toc'
import matter from 'gray-matter'
import { MDXRemote } from 'next-mdx-remote'
import { serialize } from 'next-mdx-remote/serialize'
import components from '~/components/index'
-import { getAllDocs } from '~/lib/docs'
+import { getAllDocs, getDocsBySlug } from '~/lib/docs'
import ReactMarkdown from 'react-markdown'
@@ -27,11 +28,14 @@ import Param from '~/components/Params'
import Options from '~/components/Options'
import RefSubLayout from '~/layouts/ref/RefSubLayout'
+import OldLayout from '~/layouts/Default'
+
export default function JSReference(props) {
const router = useRouter()
+
const slug = router.query.slug[0]
- // When user lands on a url like http://supabase.com/docs/new/reference/javascript/sign-up
+ // When user lands on a url like http://supabase.com/docs/reference/javascript/sign-up
// find the #sign-up element and scroll to that
useEffect(() => {
if (document && slug !== 'start') {
@@ -39,6 +43,18 @@ export default function JSReference(props) {
}
})
+ /*
+ * handle old ref pages
+ */
+ if (process.env.NEXT_PUBLIC_NEW_DOCS === 'false') {
+ return (
+ // @ts-ignore
+
+
+ )
+ }
+
return (
{jsSpec.functions.map((item, itemIndex) => {
@@ -92,7 +108,7 @@ export default function JSReference(props) {
{/* // parameters */}
{parameters && (
-
Parameters
+Parameters
-
{parameters.map((param) => {
// grab override params from yaml file
@@ -248,8 +264,6 @@ export async function getStaticProps({ params }: { params: { slug: string[] } })
const markdownExists = checkFileExists(pathName)
- console.log(x, 'markdownExists', markdownExists)
-
const fileContents = markdownExists ? fs.readFileSync(pathName, 'utf8') : ''
const { data, content } = matter(fileContents)
@@ -263,10 +277,41 @@ export async function getStaticProps({ params }: { params: { slug: string[] } })
})
)
- return {
- props: {
- docs: allMarkdownDocs,
- },
+ /*
+ * old content generation
+ * this is for grabbing to old markdown files
+ */
+
+ let slug
+ if (params.slug.length > 1) {
+ slug = `docs/reference/javascript/${params.slug.join('/')}`
+ } else {
+ slug = `docs/reference/javascript/${params.slug[0]}`
+ }
+
+ let doc = getDocsBySlug(slug)
+ const content = await serialize(doc.content || '')
+
+ /*
+ * handle old ref pages
+ */
+ if (process.env.NEXT_PUBLIC_NEW_DOCS === 'false') {
+ return {
+ props: {
+ /*
+ * old reference docs are below
+ */
+ ...doc,
+ content,
+ toc: toc(doc.content, { maxdepth: 1, firsth1: false }),
+ },
+ }
+ } else {
+ return {
+ props: {
+ docs: allMarkdownDocs,
+ },
+ }
}
}
diff --git a/apps/docs/pages/new/reference/javascript/v1/[...slug].tsx b/apps/docs/pages/reference/javascript/v1/[...slug].tsx
similarity index 92%
rename from apps/docs/pages/new/reference/javascript/v1/[...slug].tsx
rename to apps/docs/pages/reference/javascript/v1/[...slug].tsx
index e07b7a69cfb..91430402297 100644
--- a/apps/docs/pages/new/reference/javascript/v1/[...slug].tsx
+++ b/apps/docs/pages/reference/javascript/v1/[...slug].tsx
@@ -6,13 +6,14 @@ import {
// pages/index.js
import fs from 'fs'
+import toc from 'markdown-toc'
import matter from 'gray-matter'
import { MDXRemote } from 'next-mdx-remote'
import { serialize } from 'next-mdx-remote/serialize'
import remarkGfm from 'remark-gfm'
import components from '~/components/index'
-import { getAllDocs } from '~/lib/docs'
+import { getAllDocs, getDocsBySlug } from '~/lib/docs'
import ReactMarkdown from 'react-markdown'
@@ -29,6 +30,8 @@ import CodeBlock from '~/components/CodeBlock/CodeBlock'
import { useRouter } from 'next/router'
import { extractTsDocNode, generateParameters } from '~/lib/refGenerator/helpers'
+import OldLayout from '~/layouts/Default'
+
const marginTop = 256
export default function Ref(props) {
// const myRef = useRef(null)
@@ -126,6 +129,18 @@ export default function Ref(props) {
)
}
+ /*
+ * handle old ref pages
+ */
+ if (process.env.NEXT_PUBLIC_NEW_DOCS === 'false') {
+ return (
+ // @ts-ignore
+
@@ -239,6 +254,8 @@ export default function Ref(props) {
)}
{/* // parameters */}
+ {/*
+ @ts-expect-error */}
{parameters && }
@@ -419,10 +436,41 @@ export async function getStaticProps({ params }: { params: { slug: string[] } })
// console.log('allMarkdownDocs', allMarkdownDocs)
- return {
- props: {
- docs: allMarkdownDocs,
- },
+ /*
+ * old content generation
+ * this is for grabbing to old markdown files
+ */
+
+ let slug
+ if (params.slug.length > 1) {
+ slug = `docs/reference/javascript/${params.slug.join('/')}`
+ } else {
+ slug = `docs/reference/javascript/${params.slug[0]}`
+ }
+
+ let doc = getDocsBySlug(slug)
+ const content = await serialize(doc.content || '')
+
+ /*
+ * handle old ref pages
+ */
+ if (process.env.NEXT_PUBLIC_NEW_DOCS === 'false') {
+ return {
+ props: {
+ /*
+ * old reference docs are below
+ */
+ ...doc,
+ content,
+ toc: toc(doc.content, { maxdepth: 1, firsth1: false }),
+ },
+ }
+ } else {
+ return {
+ props: {
+ docs: allMarkdownDocs,
+ },
+ }
}
}
diff --git a/apps/docs/pages/new/reference/realtime/config.tsx b/apps/docs/pages/reference/realtime/config.tsx
similarity index 100%
rename from apps/docs/pages/new/reference/realtime/config.tsx
rename to apps/docs/pages/reference/realtime/config.tsx
diff --git a/apps/docs/pages/new/reference/storage/[...slug].tsx b/apps/docs/pages/reference/storage/[...slug].tsx
similarity index 100%
rename from apps/docs/pages/new/reference/storage/[...slug].tsx
rename to apps/docs/pages/reference/storage/[...slug].tsx
diff --git a/apps/docs/pages/new/reference/storage/config.tsx b/apps/docs/pages/reference/storage/config.tsx
similarity index 100%
rename from apps/docs/pages/new/reference/storage/config.tsx
rename to apps/docs/pages/reference/storage/config.tsx
diff --git a/apps/docs/public/img/guides/integrations/zuplo/400-bad.png b/apps/docs/public/img/guides/integrations/zuplo/400-bad.png
new file mode 100644
index 00000000000..a1a5ec5d4e1
Binary files /dev/null and b/apps/docs/public/img/guides/integrations/zuplo/400-bad.png differ
diff --git a/apps/docs/public/img/guides/integrations/zuplo/arch.png b/apps/docs/public/img/guides/integrations/zuplo/arch.png
new file mode 100644
index 00000000000..af425e632a2
Binary files /dev/null and b/apps/docs/public/img/guides/integrations/zuplo/arch.png differ
diff --git a/apps/docs/public/img/guides/integrations/zuplo/dev-portal.png b/apps/docs/public/img/guides/integrations/zuplo/dev-portal.png
new file mode 100644
index 00000000000..8c4e582be93
Binary files /dev/null and b/apps/docs/public/img/guides/integrations/zuplo/dev-portal.png differ
diff --git a/apps/docs/public/img/guides/integrations/zuplo/existing-policies.png b/apps/docs/public/img/guides/integrations/zuplo/existing-policies.png
new file mode 100644
index 00000000000..26d38ed4dac
Binary files /dev/null and b/apps/docs/public/img/guides/integrations/zuplo/existing-policies.png differ
diff --git a/apps/docs/public/img/guides/integrations/zuplo/new-schema.png b/apps/docs/public/img/guides/integrations/zuplo/new-schema.png
new file mode 100644
index 00000000000..937857f37dd
Binary files /dev/null and b/apps/docs/public/img/guides/integrations/zuplo/new-schema.png differ
diff --git a/apps/docs/public/img/guides/integrations/zuplo/open-in-browser.png b/apps/docs/public/img/guides/integrations/zuplo/open-in-browser.png
new file mode 100644
index 00000000000..e04e2ca4764
Binary files /dev/null and b/apps/docs/public/img/guides/integrations/zuplo/open-in-browser.png differ
diff --git a/apps/docs/public/img/guides/integrations/zuplo/secret-role.png b/apps/docs/public/img/guides/integrations/zuplo/secret-role.png
new file mode 100644
index 00000000000..7cd456a947b
Binary files /dev/null and b/apps/docs/public/img/guides/integrations/zuplo/secret-role.png differ
diff --git a/apps/docs/public/img/guides/integrations/zuplo/test-console.png b/apps/docs/public/img/guides/integrations/zuplo/test-console.png
new file mode 100644
index 00000000000..f51f187d07e
Binary files /dev/null and b/apps/docs/public/img/guides/integrations/zuplo/test-console.png differ
diff --git a/apps/docs/public/sitemap.xml b/apps/docs/public/sitemap.xml
index 0d8de26b53a..2a839313706 100644
--- a/apps/docs/public/sitemap.xml
+++ b/apps/docs/public/sitemap.xml
@@ -12,12 +12,6 @@
0.5
-
- https://supabase.com/docs/404
- weekly
- 0.5
-
-
https://supabase.com/docs/architecture
weekly
@@ -43,7 +37,7 @@
- https://supabase.com/docs/reference
+ https://supabase.com/docs/ref-pages
weekly
0.5
@@ -78,24 +72,6 @@
0.5
-
- https://supabase.com/docs/handbook/contributing
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/handbook/introduction
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/handbook/supasquad
- weekly
- 0.5
-
-
https://supabase.com/docs/guides/api
weekly
@@ -132,6 +108,12 @@
0.5
+
+ https://supabase.com/docs/guides/integrations
+ weekly
+ 0.5
+
+
https://supabase.com/docs/guides/realtime
weekly
@@ -150,6 +132,12 @@
0.5
+
+ https://supabase.com/docs/guides/tutorials
+ weekly
+ 0.5
+
+
https://supabase.com/docs/guides/with-angular
weekly
@@ -235,37 +223,61 @@
- https://supabase.com/docs/learn/auth-deep-dive/auth-deep-dive-jwts
+ https://supabase.com/docs/handbook/contributing
weekly
0.5
- https://supabase.com/docs/learn/auth-deep-dive/auth-google-oauth
+ https://supabase.com/docs/handbook/introduction
weekly
0.5
- https://supabase.com/docs/learn/auth-deep-dive/auth-gotrue
+ https://supabase.com/docs/handbook/supasquad
weekly
0.5
- https://supabase.com/docs/learn/auth-deep-dive/auth-policies
+ https://supabase.com/docs/new/1
weekly
0.5
- https://supabase.com/docs/learn/auth-deep-dive/auth-row-level-security
+ https://supabase.com/docs/new/auth
weekly
0.5
- https://supabase.com/docs/guides/api/generating-types
+ https://supabase.com/docs/new/danny
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/new/database
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/new/index
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/reference/index
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/tutorials/nextjs
weekly
0.5
@@ -283,331 +295,7 @@
- https://supabase.com/docs/guides/database/arrays
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/database/connecting-to-postgres
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/database/extensions
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/database/full-text-search
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/database/functions
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/database/json
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/database/managing-passwords
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/database/managing-timezones
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/database/replication
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/database/sql-to-api
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/database/tables
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/database/testing
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/database/timeouts
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/database/webhooks
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/functions/auth
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/functions/cicd-workflow
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/functions/examples
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/hosting/docker
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/hosting/overview
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/hosting/platform
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/migrations/firebase-auth
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/migrations/firebase-storage
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/migrations/firestore-data
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/migrations/heroku
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/platform/compute-add-ons
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/platform/custom-domains
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/platform/database-usage
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/platform/going-into-prod
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/platform/logs
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/platform/metrics
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/platform/migrating-and-upgrading-projects
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/platform/performance
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/platform/permissions
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/appsmith
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/auth0
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/authsignal
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/clerk
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/dashibase
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/dhiwise
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/directus
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/draftbit
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/estuary
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/fezto
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/integrations
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/keyri
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/pgmustard
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/plasmic
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/polyscale
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/prisma
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/sequin
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/snaplet
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/stytch
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/supertokens
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/vercel
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/integrations/weweb
+ https://supabase.com/docs/guides/api/generating-types
weekly
0.5
@@ -768,6 +456,12 @@
0.5
+
+ https://supabase.com/docs/guides/auth/overview
+ weekly
+ 0.5
+
+
https://supabase.com/docs/guides/auth/row-level-security
weekly
@@ -781,7 +475,343 @@
- https://supabase.com/docs/guides/storage/storage-sample
+ https://supabase.com/docs/guides/database/arrays
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/database/connecting-to-postgres
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/database/extensions
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/database/full-text-search
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/database/functions
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/database/json
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/database/managing-passwords
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/database/managing-timezones
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/database/replication
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/database/sql-to-api
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/database/tables
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/database/testing
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/database/timeouts
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/database/webhooks
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/functions/auth
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/functions/best-practices
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/functions/cicd-workflow
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/functions/quickstart
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/hosting/docker
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/hosting/overview
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/hosting/platform
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/appsmith
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/auth0
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/authsignal
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/clerk
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/dashibase
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/dhiwise
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/directus
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/draftbit
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/estuary
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/fezto
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/integrations
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/keyri
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/pgmustard
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/plasmic
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/polyscale
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/prisma
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/sequin
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/snaplet
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/stytch
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/supertokens
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/vercel
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/weweb
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/integrations/zuplo
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/migrations/firebase-auth
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/migrations/firebase-storage
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/migrations/firestore-data
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/migrations/heroku
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/platform/compute-add-ons
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/platform/custom-domains
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/platform/database-usage
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/platform/going-into-prod
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/platform/logs
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/platform/metrics
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/platform/migrating-and-upgrading-projects
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/platform/performance
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/platform/permissions
weekly
0.5
@@ -804,6 +834,180 @@
0.5
+
+ https://supabase.com/docs/guides/storage/storage-sample
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/tutorials/with-angular
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/tutorials/with-expo
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/tutorials/with-flutter
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/tutorials/with-ionic-angular
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/tutorials/with-ionic-react
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/tutorials/with-ionic-vue
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/tutorials/with-nextjs
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/tutorials/with-nuxt-3
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/tutorials/with-react
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/tutorials/with-redwoodjs
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/tutorials/with-solidjs
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/tutorials/with-svelte
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/tutorials/with-sveltekit
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/tutorials/with-vue-3
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/learn/auth-deep-dive/auth-deep-dive-jwts
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/learn/auth-deep-dive/auth-google-oauth
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/learn/auth-deep-dive/auth-gotrue
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/learn/auth-deep-dive/auth-policies
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/learn/auth-deep-dive/auth-row-level-security
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/new/auth/auth-login
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/new/tutorials/nextjs
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/functions/examples/index
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/functions/examples/og-image
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/auth/auth-helpers/auth-ui
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/auth/auth-helpers/nextjs-server-components
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/auth/auth-helpers/nextjs
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/auth/auth-helpers/remix
+ weekly
+ 0.5
+
+
+
+ https://supabase.com/docs/guides/auth/auth-helpers/sveltekit
+ weekly
+ 0.5
+
+
https://supabase.com/docs/guides/database/extensions/http
weekly
@@ -840,36 +1044,6 @@
0.5
-
- https://supabase.com/docs/guides/auth/auth-helpers/auth-ui
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/auth/auth-helpers/nextjs-server-components
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/auth/auth-helpers/nextjs
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/auth/auth-helpers/remix
- weekly
- 0.5
-
-
-
- https://supabase.com/docs/guides/auth/auth-helpers/sveltekit
- weekly
- 0.5
-
-
https://supabase.com/docs/reference/api
weekly
@@ -1752,6 +1926,12 @@
0.5
+
+ https://supabase.com/docs/reference/dart/storage-from-createsignedurls
+ weekly
+ 0.5
+
+
https://supabase.com/docs/reference/dart/storage-from-download
weekly
diff --git a/apps/docs/scripts/build-search.js b/apps/docs/scripts/build-search.js
index 489354b56e5..91e69c3fae8 100644
--- a/apps/docs/scripts/build-search.js
+++ b/apps/docs/scripts/build-search.js
@@ -4,6 +4,7 @@ const path = require('path')
const matter = require('gray-matter')
const dotenv = require('dotenv')
const algoliasearch = require('algoliasearch/lite')
+const { isEmpty } = require('lodash')
// [Joshen] We initially thought of building out our search using Algolia directly,
// but eventually decided to just use DocSearch since it provides us a UI and some
@@ -17,12 +18,20 @@ const algoliasearch = require('algoliasearch/lite')
// A lot of them are not even linked to within the docs site, so just need to
// double check if they can be removed or if we want them in the side bars.
const ignoredFiles = [
- 'docs/404.mdx',
- 'docs/support.mdx',
- 'docs/faqs.mdx',
- 'docs/guides.mdx',
- 'docs/guides/database/arrays.mdx',
- 'docs/guides/database/json.mdx',
+ 'pages/404.mdx',
+ 'pages/faq.mdx',
+ 'pages/support.mdx',
+ 'pages/oss.tsx',
+ 'pages/_app.tsx',
+ 'pages/_document.tsx',
+ 'pages/[...slug].tsx',
+ 'pages/company/aup.md',
+ 'pages/company/privacy.md',
+ 'pages/company/sla.md',
+ 'pages/company/terms.md',
+ 'pages/handbook/contributing.mdx',
+ 'pages/handbook/introduction.mdx',
+ 'pages/handbook/supasquad.mdx',
]
const nameMap = {
@@ -69,16 +78,39 @@ async function walk(dir) {
)
const index = client.initIndex(indexName)
- const slugs = (await walk('docs')).filter((slug) => !ignoredFiles.includes(slug))
+ const referencePages = await walk('docs')
+ const guidePages = (await walk('pages')).filter((slug) => !ignoredFiles.includes(slug))
+ const allPages = guidePages.concat(referencePages)
- const searchObjects = slugs
+ const searchObjects = allPages
.map((slug) => {
+ let id, title, description
const fileContents = fs.readFileSync(slug, 'utf8')
const { data, content } = matter(fileContents)
- const { id, title, description } = data
+ if (isEmpty(data)) {
+ // Guide pages do not have front-matter meta, unlike reference pages, have to manually extract
+ const metaIndex = fileContents.indexOf('export const meta = {')
+ if (metaIndex !== -1) {
+ const metaString =
+ fileContents
+ .slice(metaIndex + 20, fileContents.indexOf('}') + 1)
+ .replace(/\n/g, '')
+ .slice(0, -2) + '}'
+ const meta = eval(`(${metaString})`)
+ id = meta.id
+ title = meta.title
+ description = meta.description
+ }
+ } else {
+ id = data.id
+ title = data.title
+ description = data.description
+ }
+
const url = (slug.includes('/generated') ? slug.replace('/generated', '') : slug)
.replace('docs', '')
+ .replace('pages', '')
.replace(/\.mdx$/, '')
const source = slug.includes('/reference') ? 'reference' : 'guide'
const object = {
diff --git a/apps/docs/styles/docsearch.scss b/apps/docs/styles/docsearch.scss
index 6ae9773850b..a9ca46569c5 100644
--- a/apps/docs/styles/docsearch.scss
+++ b/apps/docs/styles/docsearch.scss
@@ -384,8 +384,25 @@
@apply text-slate-1200 dark:text-scale-1200 font-normal;
}
-.DocSearch-StartScreen .DocSearch-Help {
- @apply py-16 px-6 text-center text-slate-400;
+.DocSearch-NoResults-Prefill-List {
+ .DocSearch-Help {
+ color: var(--colors-scale11) !important;
+ }
+}
+
+.DocSearch-StartScreen {
+ .DocSearch-Help {
+ @apply text-center py-16;
+ }
+}
+
+.DocSearch-Help {
+ @apply text-scale-1100;
+ font-size: 0.875rem !important;
+ a {
+ color: var(--colors-brand9) !important;
+ font-weight: 400 !important;
+ }
}
.DocSearch-NoResults {
diff --git a/apps/www/.env b/apps/www/.env
index 3f035873262..af6041f3a2c 100644
--- a/apps/www/.env
+++ b/apps/www/.env
@@ -9,3 +9,4 @@ NEXT_PUBLIC_DOCS_URL="http://localhost:3005"
NEXT_PUBLIC_STUDIO_URL="https://localhost:8082"
NEXT_PUBLIC_LAUNCHWEEKSITE_URL="https://localhost:3008"
NEXT_PUBLIC_REFERENCE_DOCS_URL="https://localhost:3010"
+
diff --git a/apps/www/_blog/2020-05-01-supabase-alpha-april-2020.mdx b/apps/www/_blog/2020-05-01-supabase-alpha-april-2020.mdx
index 58416752860..4081fb5f644 100644
--- a/apps/www/_blog/2020-05-01-supabase-alpha-april-2020.mdx
+++ b/apps/www/_blog/2020-05-01-supabase-alpha-april-2020.mdx
@@ -43,12 +43,12 @@ At Supabase, we're building some amazing tools that make Postgres as easy to use
#### Simple interface
Why are database interfaces so hard to use? The Supabase team has built products for 70-year-olds, so we're confident we can make something easier for developers:
-
+
#### Connectors
Send realtime database changes to other systems, like queues or webhooks (Slack notifications!):
-
+
#### And more
diff --git a/apps/www/_blog/2020-06-01-supabase-alpha-may-2020.mdx b/apps/www/_blog/2020-06-01-supabase-alpha-may-2020.mdx
index 7899965f87d..2d04b6b60b8 100644
--- a/apps/www/_blog/2020-06-01-supabase-alpha-may-2020.mdx
+++ b/apps/www/_blog/2020-06-01-supabase-alpha-may-2020.mdx
@@ -39,13 +39,13 @@ OK now for the important part - as promised, we will continue to release our upd
We've revamped the UI to fit in some more features that we're building.
-
+
### Table View
This one is still very unstable, but we wanted to ship it anyway. It's a little hidden away so you'll have to hunt for it :). Give us a couple of months and we promise this will be as good as (better than?) Airtable.
-
+
#### And more
diff --git a/apps/www/_blog/2020-08-02-continuous-postgresql-backup-walg.mdx b/apps/www/_blog/2020-08-02-continuous-postgresql-backup-walg.mdx
index c28d321e737..de0b4c6e801 100644
--- a/apps/www/_blog/2020-08-02-continuous-postgresql-backup-walg.mdx
+++ b/apps/www/_blog/2020-08-02-continuous-postgresql-backup-walg.mdx
@@ -94,7 +94,7 @@ $ sudo -su postgres envdir /etc/wal-g.d/env /usr/local/bin/wal-g backup-push /va
At this point, if you were to check the S3 path that you provided, the following two newly created and populated directories would be observed:
-
+
From then on, subsequent physical backups would be found in the directory `basebackups_005` and any WAL archives would be sent to the directory `wal_005`.
diff --git a/apps/www/_blog/2021-03-11-using-supabase-replit.mdx b/apps/www/_blog/2021-03-11-using-supabase-replit.mdx
index d5f678629be..4b609ee47f1 100644
--- a/apps/www/_blog/2021-03-11-using-supabase-replit.mdx
+++ b/apps/www/_blog/2021-03-11-using-supabase-replit.mdx
@@ -35,11 +35,11 @@ Here's how to start a Supabase + Node.js repl:
Sign up for [replit.com](http://replit.com) and hit new repl in the top left
-
+
Select node.js, give it a name, and click Create repl
-
+
Import supabase's createClient method and hit run to install the required libs:
@@ -56,11 +56,11 @@ const supabase = createClient(
)
```
-
+
Now that supabase is connected you'll want to add some data to your db, you can grab any SQL dataset on the web, or make your own, but the fasted way to test is to open the SQL tab in the Supabase dashboard and click the Countries sample database and click Run.
-
+
From within your repl you can now query your countries table like:
diff --git a/apps/www/_blog/2022-03-29-graphql-now-available.mdx b/apps/www/_blog/2022-03-29-graphql-now-available.mdx
index b09dc44372e..ad9b48e6fae 100644
--- a/apps/www/_blog/2022-03-29-graphql-now-available.mdx
+++ b/apps/www/_blog/2022-03-29-graphql-now-available.mdx
@@ -111,7 +111,7 @@ type Mutation {
): AccountDeleteResponse!
```
-For a complete example with relationships, check out the [reflection docs](https://supabase.github.io/pg_graphql/reflection/).
+For a complete example with relationships, check out the [API docs](https://supabase.github.io/pg_graphql/api/).
## Security
diff --git a/apps/www/_blog/2022-11-22-flutter-authentication-and-authorization-with-rls.mdx b/apps/www/_blog/2022-11-22-flutter-authentication-and-authorization-with-rls.mdx
index c76f1e18ffd..7183c9fb539 100644
--- a/apps/www/_blog/2022-11-22-flutter-authentication-and-authorization-with-rls.mdx
+++ b/apps/www/_blog/2022-11-22-flutter-authentication-and-authorization-with-rls.mdx
@@ -52,7 +52,7 @@ flutter_bloc: ^8.0.0
Since the app has evolved, we also need to update our table schema. In order to store rooms data, we will add a rooms table. We will also modify the messages table to add a foreign key constraint to the rooms table so that we can tell which message belongs to which room.
-We will also intorudce a `create_new_room` function, which is a [database function](https://supabase.com/docs/guides/database/functions) that handles chat room creation. It knows to create a new room if a chat room with the two users does not exist yet, or to just return the room ID if it already exists.
+We will also introduce a `create_new_room` function, which is a [database function](https://supabase.com/docs/guides/database/functions) that handles chat room creation. It knows to create a new room if a chat room with the two users does not exist yet, or to just return the room ID if it already exists.
```sql
-- *** Table definitions ***
@@ -1154,7 +1154,7 @@ import 'package:my_chat_app/pages/rooms_page.dart';
import 'package:my_chat_app/utils/constants.dart';
import 'package:supabase_flutter/supabase_flutter.dart';
-/// Page to redirect users to the appropreate page depending on the initial auth state
+/// Page to redirect users to the appropriate page depending on the initial auth state
class SplashPage extends StatefulWidget {
const SplashPage({Key? key}) : super(key: key);
diff --git a/apps/www/_blog/2022-11-24-sql-or-nosql-both-with-postgresql.mdx b/apps/www/_blog/2022-11-24-sql-or-nosql-both-with-postgresql.mdx
new file mode 100644
index 00000000000..5198e23f3df
--- /dev/null
+++ b/apps/www/_blog/2022-11-24-sql-or-nosql-both-with-postgresql.mdx
@@ -0,0 +1,336 @@
+---
+title: SQL or NoSQL? Why not use both (with PostgreSQL)?
+description: How to turn Postgres into an easy-to-use NoSQL database that retains all the power of SQL
+author: burggraf
+image: 2022-11-24-sql-nosql-postgresql/sql-nosql-postgresql.jpg
+thumb: 2022-11-24-sql-nosql-postgresql/sql-nosql-postgresql.jpg
+tags:
+ - postgres
+date: '2022-11-24'
+toc_depth: 3
+---
+
+It's a tough decision for any developer starting a new project. Should you store your data in a standard, time-tested SQL database, or go with one of the newer NoSQL document-based databases? This seemingly simple decision can literally make or break your project down the line. Choose correctly and structure your data well, and you may sail smoothly into production and watch your app take off. Make the wrong choice and you could be headed for nightmares (and maybe even some major re-writes) before your app ever makes it out the door.
+
+## Simplicity vs Power
+There are tradeoffs with both SQL and NoSQL solutions. Typically it's easier to get started with NoSQL data structures, especially when the data is complex or hierarchical. You can just take a JSON data object from your front-end code and throw it in the database and be done with it. But later when you need to access that data to answer some basic business questions, it's much more difficult. A SQL solution makes it easier to gather data and draw conclusions down the line. Let's look at an example:
+
+Each day I track the food I eat, along with the number of calories in each item:
+
+| Day | Food Item | Calories | Meal |
+|--------|-----------|----------|------|
+| 01 Jan | Apple | 72 | Breakfast |
+| 01 Jan | Oatmeal | 146 | Breakfast |
+| 01 Jan | Sandwich | 445 | Lunch |
+| 01 Jan | Chips | 280 | Lunch |
+| 01 Jan | Cookie | 108 | Lunch |
+| 01 Jan | Mixed Nuts | 175 | Snack |
+| 01 Jan | Pasta/Sauce | 380 | Dinner |
+| 01 Jan | Garlic Bread | 200 | Dinner |
+| 01 Jan | Broccoli | 32 | Dinner |
+
+I also track the number of cups of water I drink and when I drink them:
+
+| Day | Time | Cups |
+|--------|-------|------|
+| Jan 01 | 08:15 | 1 |
+| Jan 01 | 09:31 | 1 |
+| Jan 01 | 10:42 | 2 |
+| Jan 01 | 12:07 | 2 |
+| Jan 01 | 14:58 | 1 |
+| Jan 01 | 17:15 | 1 |
+| Jan 01 | 18:40 | 1 |
+| Jan 01 | 19:05 | 1 |
+
+And finally, I track my exercise:
+
+| Day | Time | Duration | Exercise |
+|--------|-------|----------|----------|
+| Jan 01 | 11:02 | 0.5 | Walking |
+| Jan 02 | 09:44 | 0.75 | Bicycling |
+| Jan 02 | 17:00 | 0.25 | Walking |
+
+For each day I also track my current weight along with any notes for the day:
+
+| Day | Weight | Notes |
+|--------|--------|-------|
+| Jan 01 | 172.6 | This new diet is awesome! |
+| Jan 14 | 170.2 | Not sure all this is worth it. |
+| Jan 22 | 169.8 | Jogged past a McDonald's today. It was hard. |
+| Feb 01 | 168.0 | I feel better, but sure miss all that greasy food. |
+
+## Gathering All That Data
+
+That's a lot of different data that needs to be gathered, stored, retrieved, and later analyzed. It's organized simply and easily, but the number of records varies from day to day. On any given day I may have zero or more entries for food, water, and exercise, and I may have zero or one entry for weight & notes.
+
+In my app, I gather all the data for a single day on one page, to make it easier for my users. So, I get a JSON object for each day that looks like this:
+
+```json
+{ "date": "2022-01-01",
+ "weight": 172.6,
+ "notes": "This new diet is awesome!",
+ "food": [
+ { "title": "Apple", "calories": 72, "meal": "Breakfast"},
+ { "title": "Oatmeal", "calories": 146, "meal": "Breakfast"},
+ { "title": "Sandwich", "calories": 445, "meal": "Lunch"},
+ { "title": "Chips", "calories": 280, "meal": "Lunch"},
+ { "title": "Cookie", "calories": 108, "meal": "Lunch"},
+ { "title": "Mixed Nuts", "calories": 175, "meal": "Snack"},
+ { "title": "Pasta/Sauce", "calories": 380, "meal": "Dinner"},
+ { "title": "Garlic Bread", "calories": 200, "meal": "Dinner"},
+ { "title": "Broccoli", "calories": 32, "meal": "Dinner"}
+ ],
+ "water": [
+ {"time": "08:15", "qty": 1},
+ {"time": "09:31", "qty": 1},
+ {"time": "10:42", "qty": 2},
+ {"time": "10:42", "qty": 2},
+ {"time": "12:07", "qty": 1},
+ {"time": "14:58", "qty": 1},
+ {"time": "17:15", "qty": 1},
+ {"time": "18:40", "qty": 1},
+ {"time": "19:05", "qty": 1}
+ ],
+ "exercise": [
+ {"time": "11:02", "duration": 0.5, "type": "Walking"}
+ ]
+}
+```
+
+## Saving the Data
+
+Once we've gathered all the data for a day, we need to store it in our database. In a NoSQL database, this can be a pretty easy process, as we can just create a record (document) for a specific user for a specific date and throw document into a collection and we're done. With SQL, we have some structure we have to work within, and in this case it looks like 4 separate tables: food, water, exercise, and notes. We'd want to do 4 separate inserts here, one for each table. If we don't have data for a specific table (say no exercise was recorded today) then we can skip that table.
+
+If you're using SQL to store this data, you might want to save each table's data as it's entered in your data entry form (and not wait until all the data is entered.) Or you might want to create a database function that takes all the JSON data, parses it, and writes it to all the related tables in a single transaction. There's a lot of ways to handle this, but suffice it to say this: it's a bit more complicated than saving the data in a NoSQL database.
+
+### Retrieving the Data
+If we want to display all the data for a single day, it's pretty much the same. With NoSQL you can grab the data for the user's day and then use it in your application. Nice! With SQL we need to query 4 tables to get all the data (or we could use a function to get it all in a single call.) Of course, when displaying the data, we'd need to first break up our JSON data into pieces that are needed by each section of our dashboard screen, and you could argue that it's simpler to map each SQL table with the dashboard section on the screen, but that's a trivial point.
+
+### Analyzing the Data
+Now that we've saved the data and we can retrieve it and display it, let's use it for some analysis. *Let's display a graph of how many total calories I've eaten over the past month.* With SQL, this is a simple task:
+
+```sql
+select
+ date, sum(calories) as total_calories
+from food_log
+group by date
+where user_id = 'xyz'
+and day between '2022-01-01' and '2022-01-31'
+order by date;
+```
+
+Bam! Done! Now we can send those results to our graphing library and make a nice pretty picture of my eating habits.
+
+But if we've stored this data in NoSQL, it gets a little more complicated. We'll need to:
+
+- grab all the data for the user for the month
+- parse each day's data to get the food log information
+- loop through each day and total the calories
+- send the aggregate data to our graphing module
+
+If this is something we're going to do regularly, it makes sense to calculate the total calories for each day and store it in the day's document so we can get at that data faster. But that requires more work up front, and we still need to pull the data for each day and parse out that calorie total first. And if we update the data we still need to recalculate things and update that total. Eventually we'll want to do that with the water and exercise totals as well. The code will eventually start to get longer and more complex.
+
+### SQL and NoSQL Together - FTW
+Let's see how we can use the power of SQL together with the ease-of-use of NoSQL in the same database to make this all a bit easier. We'll create a table for each day of data (for each user) and store the basic fields such as `weight` and `notes` first. Then we'll just throw the `food_log`, `water_log`, and `exercise_log` fields in a `JSONB` field.
+
+```sql
+CREATE TABLE calendar (
+ id uuid DEFAULT uuid_generate_v4() NOT NULL,
+ date date,
+ user_id uuid NOT NULL,
+ weight numeric,
+ notes text,
+ food_log jsonb,
+ water_log jsonb,
+ exercise_log jsonb
+);
+-- (Optional) - create a foreign key relationship for the user_id field
+ALTER TABLE ONLY calendar
+ ADD CONSTRAINT calendar_user_id_fkey FOREIGN KEY (user_id) REFERENCES auth.users(id);
+```
+
+Now let's insert some data into the table. PostgreSQL offers both JSON and JSONB fields, and since the latter are more optimized by the database and much faster for query processing, weβll almost always want to use JSONB. Weβll use JSONB fields for `food_log`,Β `water_log`, andΒ `exercise_log` and just dump theΒ data we got from our app right into those fields as a string:
+
+```sql
+insert into calendar (date, user_id, weight, notes, food_log, water_log, exercise_log)
+values (
+ '2022-01-01',
+ 'xyz',
+ 172.6,
+ 'This new diet is awesome!',
+ '[
+ { "title": "Apple", "calories": 72, "meal": "Breakfast"},
+ { "title": "Oatmeal", "calories": 146, "meal": "Breakfast"},
+ { "title": "Sandwich", "calories": 445, "meal": "Lunch"},
+ { "title": "Chips", "calories": 280, "meal": "Lunch"},
+ { "title": "Cookie", "calories": 108, "meal": "Lunch"},
+ { "title": "Mixed Nuts", "calories": 175, "meal": "Snack"},
+ { "title": "Pasta/Sauce", "calories": 380, "meal": "Dinner"},
+ { "title": "Garlic Bread", "calories": 200, "meal": "Dinner"},
+ { "title": "Broccoli", "calories": 32, "meal": "Dinner"}
+ ]',
+ '[
+ {"time": "08:15", "qty": 1},
+ {"time": "09:31", "qty": 1},
+ {"time": "10:42", "qty": 2},
+ {"time": "10:42", "qty": 2},
+ {"time": "12:07", "qty": 1},
+ {"time": "14:58", "qty": 1},
+ {"time": "17:15", "qty": 1},
+ {"time": "18:40", "qty": 1},
+ {"time": "19:05", "qty": 1}
+ ]',
+ '[
+ {"time": "11:02", "duration": 0.5, "type": "Walking"}
+ ]'
+);
+```
+
+While that's a big insert statement, it sure beats doing inserts on 4 separate tables. With all those food entries and water log entries, we would have had to made 1 entry in the main table, then 9 food_log entries, 9 water_log entries, and one exercise_log entry for a total of 20 database records. We've wrapped that into a single record.
+
+## But How Do We Query This Data?
+
+Great, we're collecting the data now, and it's easy to insert the data into the database. Editing the data isn't too bad either because we're just downloading the data to the client, updating the JSON field(s) as needed, and throwing them back into the database. Not too hard. But how can I query this data? What about that task from before? *Let's display a graph of how many total calories I've eaten over the past month.*
+
+In this case, that data is stored inside the `food_log` field inside the `calendar` table. If only PostgreSQL had a way of converting JSONB arrays into individual database records (recordsets). Well, it does! The `jsonb_array_elements` function will do this for us, allowing to create a simple table we can use to calculate our caloric intake.
+
+Here's some SQL to turn that `food_log` array into individual output records:
+
+```sql
+select
+ user_id,
+ date,
+ jsonb_array_elements(food_log)->>'title' as title,
+ jsonb_array_elements(food_log)->'calories' as calories,
+ jsonb_array_elements(food_log)->'meal' as meal
+from calendar
+where user_id = 'xyz'
+ and date between
+ '2022-01-01' and '2022-01-31';
+```
+
+This returns a table that looks like this:
+
+| date | title | calories | meal |
+| ---------- | ------------ | -------- | --------- |
+| 2022-01-01 | Apple | 72 | Breakfast |
+| 2022-01-01 | Oatmeal | 146 | Breakfast |
+| 2022-01-01 | Sandwich | 445 | Lunch |
+| 2022-01-01 | Chips | 280 | Lunch |
+| 2022-01-01 | Cookie | 108 | Lunch |
+| 2022-01-01 | Mixed Nuts | 175 | Snack |
+| 2022-01-01 | Pasta/Sauce | 380 | Dinner |
+| 2022-01-01 | Garlic Bread | 200 | Dinner |
+| 2022-01-01 | Broccoli | 32 | Dinner |
+
+A couple things to note:
+
+- `jsonb_array_elements(food_log)->>'title' as title` this returns a text field, since the `->>` operator returns TEXT
+- `jsonb_array_elements(food_log)->'calories' as calories` this returns a JSON object, since the `->` operator return JSON
+
+If we want to `sum` the calories to get some totals, we can't have a JSON object, so we need to cast that to something more useful, like an `INTEGER`:
+
+- `(jsonb_array_elements(food_log)->'calories')::INTEGER as calories` this returns an INTEGER
+
+Now we can't just throw the `sum` operator on this to get the total calories by day. If we try this:
+
+```sql
+select
+ date,
+ sum((jsonb_array_elements(food_log)->'calories')::integer) as total_calories
+from calendar where user_id = 'xyz'
+ and date between '2022-01-01' and '2022-01-31'
+group by date;
+```
+
+we get an error back from PostgreSQL: **Failed to run sql query: aggregate function calls cannot contain set-returning function calls**.
+
+Instead, we need to think of this as a set of building blocks, where our first SQL statement returns a table:
+
+```sql
+select
+ date,
+ (jsonb_array_elements(food_log)->'calories')::integer as calories
+from calendar where user_id = 'xyz'
+ and date between
+ '2022-01-01' and '2022-01-31';
+```
+
+Now we can take that "table" statement, throw some (parenthesis) around it, and query **it**:
+
+```sql
+with data as
+ (
+ select
+ date,
+ (jsonb_array_elements(food_log)->'calories')::integer as calories
+ from calendar
+ where user_id = 'xyz'
+ and date between
+ '2022-01-01' and '2022-01-31'
+ )
+select date, sum(calories) from
+ data group by date;
+```
+
+This gives us exactly what we want:
+
+| date | sum |
+| ---------- | ---- |
+| 2022-01-01 | 1838 |
+
+If we add more data for the rest of the days of the month, we'll have all the data we need for a beautiful graph.
+
+### Searching the Data
+What if we want to answer the question: *How many calories were in the garlic bread I ate last month?* This data is stored inside the `food_log` field in the `calendar` table. We can use the same type of query we used before to "flatten" the `food_log` data so we can search it.
+
+To get every item I ate during the month of January, we can use:
+
+```sql
+select
+ date,
+ jsonb_array_elements(food_log)->>'title' as title,
+ (jsonb_array_elements(food_log)->'calories')::integer as calories
+from calendar
+where user_id = 'xyz'
+ and date between
+ '2022-01-01' and '2022-01-31'
+```
+
+Now to search for the **garlic bread** we can just put (parenthesis) around this to make a "table" and then search for the item we want:
+
+```sql
+with my_food as
+(
+ select
+ date,
+ jsonb_array_elements(food_log)->>'title' as title,
+ (jsonb_array_elements(food_log)->'calories')::integer as calories
+ from calendar
+ where user_id = 'xyz'
+ and date between
+ '2022-01-01' and '2022-01-31'
+)
+select title, calories
+from my_food
+where title = 'Garlic Bread';
+```
+which gives us:
+
+| title | calories |
+| ------------ | -------- |
+| Garlic Bread | 200 |
+
+## Conclusion
+
+If we take a little time to study the [JSON Functions and Operators](https://www.postgresql.org/docs/9.5/functions-json.html) that PostgreSQL offers, we can turn Postgres into an easy-to-use NoSQL database that still retains all the power of SQL. This gives us a super easy way to store our complex JSON data coming from our application code in our database. Then we can use powerful SQL capabilities to analyze and present that data in our application. It's the best of both worlds!
+
+## More Postgres resources
+
+- [Postgres Full Text Search vs the rest](https://supabase.com/blog/postgres-full-text-search-vs-the-rest)
+- [Postgres WASM by Snaplet and Supabase](https://supabase.com/blog/postgres-wasm)
+- [Choosing a Postgres Primary Key](https://supabase.com/blog/choosing-a-postgres-primary-key)
+- [Partial data dumps using Postgres Row Level Security](https://supabase.com/blog/partial-postgresql-data-dumps-with-rls)
+- [Postgres Views](https://supabase.com/blog/postgresql-views)
+- [Realtime Postgres RLS on Supabase](https://supabase.com/blog/realtime-row-level-security-in-postgresql)
+
diff --git a/apps/www/_blog/2022-12-01-transparent-column-encryption-with-postgres.mdx b/apps/www/_blog/2022-12-01-transparent-column-encryption-with-postgres.mdx
new file mode 100644
index 00000000000..75c05cf7f08
--- /dev/null
+++ b/apps/www/_blog/2022-12-01-transparent-column-encryption-with-postgres.mdx
@@ -0,0 +1,263 @@
+---
+title: Transparent Column Encryption with Postgres
+description: Using pgsodium's Transparent Column Encryption to encrypt data and provide your users with row-level encryption.
+author: michel
+image: transparent-column-encryption-with-postgres.jpg
+thumb: transparent-column-encryption-with-postgres.jpg
+tags:
+ - postgres
+date: '2022-12-01'
+toc_depth: 3
+---
+
+One of the more common questions we receive at Supabase is βhow do I encrypt sensitive dataβ?
+
+pgsodium's Transparent Column Encryption (TCE) is one of the safest ways, and can be used to encrypt one or more text columns in any number of tables. Using TCE, you can encrypt data so that it doesn't leak into logs as well as providing your users with row-level encryption.
+
+To understand how TCE works, let's first do a deep-dive into an important encryption topic: key derivation.
+
+` and by default is in the same schema as your table:
+
+```sql
+INSERT INTO credit_cards (
+ credit_card_number,
+ account_id
+)
+VALUES
+ ('1234-5678-8765-4321', 123);
+```
+
+Now that you have inserted data, look at the table and notice how the credit card number is encrypted. This is the data that is stored on disk, the encrypted card number, the key id, and the account id, ********************************but the key itself is not stored********************************. This means if someone gets a backup or dump of your database, they cannot decrypt the credit card number, they do not have the key, only the key ID:
+
+```sql
+> select * from credit_cards where account_id = 123;
+-[ RECORD 1 ]------+---------------------------------------------------------------------
+id | 1
+credit_card_number | jf8KfImkKTr+j4gzyDZQtLDEFL9eSlFuKjNlNEJvDg+OIKUr2wjF/8NnYcLisb5F9xiN
+account_id | 123
+key_id | 7f753c4f-8c68-457a-8801-1798b2e9f44d
+nonce | \x300a14aa721184ff7cf0f6bf088da267
+```
+
+For you, the developer, you need the unencrypted credit card number for you application. No problem, you can access that data using the dynamically generated decryption view `decrypted_credit_cards`:
+
+```sql
+> select * from decrypted_credit_cards where account_id = 123;
+-[ RECORD 1 ]----------------+---------------------------------------------------------------------
+id | 1
+credit_card_number | jf8KfImkKTr+j4gzyDZQtLDEFL9eSlFuKjNlNEJvDg+OIKUr2wjF/8NnYcLisb5F9xiN
+decrypted_credit_card_number | 1234-5678-8765-4321
+account_id | 123
+key_id | 7f753c4f-8c68-457a-8801-1798b2e9f44d
+nonce | \x300a14aa721184ff7cf0f6bf088da267
+```
+
+Notice how there is a new column called `decrypted_credit_card_number`. This column is not stored in database or on disk at all, it is generated βon-the-flyβ as you select from the view. Database dumps do not contain this information, only the view itself, and most importantly, *************************************raw decryption keys are never stored*************************************.
+
+## Future possibilities
+
+We're always thinking about the future possibilities for features and tools that we can bring to the PostgreSQL community, and we'd love to hear from you about what kind of encryption features you'd like to see. Some things we've considered but not yet explored yet are:
+
+- Built-in Key Management Server (KMS) with REST API ala AWS or GCP.
+- Seamless Integration with external KMS services for key management.
+- Signcryption-based Token formats for exchanging AEAD tokens.
+- End-to-End encryption for user data using libsodium's `crypto_secretstream()` API.
+- Group encryption using [signcryption](https://github.com/jedisct1/libsodium-signcryption)
+- Your idea here?
+
+There's a lot of potential in the world of cryptography with Postgres and pgsodium, and we'd love to hear any ideas you may have as well. Join us in our [Discord #encryption channel](https://discord.com/channels/839993398554656828/1009906326480101417) if you want to chat more about it with us!
+
+## More Postgres Resources
+
+- [Postgres Full Text Search vs the rest](https://supabase.com/blog/postgres-full-text-search-vs-the-rest)
+- [Postgres WASM by Snaplet and Supabase](https://supabase.com/blog/postgres-wasm)
+- [Choosing a Postgres Primary Key](https://supabase.com/blog/choosing-a-postgres-primary-key)
+- [Implementing "seen by" functionality with Postgres](https://supabase.com/blog/seen-by-in-postgresql)
+- [Partial data dumps using Postgres Row Level Security](https://supabase.com/blog/partial-postgresql-data-dumps-with-rls)
+- [Realtime Postgres RLS on Supabase](https://supabase.com/blog/realtime-row-level-security-in-postgresql)
diff --git a/apps/www/components/Globe.tsx b/apps/www/components/Globe.tsx
new file mode 100644
index 00000000000..388c6a3d65d
--- /dev/null
+++ b/apps/www/components/Globe.tsx
@@ -0,0 +1,72 @@
+import createGlobe from 'cobe'
+import { useEffect, useRef } from 'react'
+import { useTheme } from './Providers/index'
+
+const Globe = () => {
+ const { isDarkMode } = useTheme()
+ const canvasRef = useRef()
+
+ useEffect(() => {
+ let rotation: number = 0
+ let width: number = 0
+ const onResize = () => canvasRef.current && (width = canvasRef.current.offsetWidth)
+ window.addEventListener('resize', onResize)
+ onResize()
+ const cobe = createGlobe(canvasRef.current, {
+ devicePixelRatio: 2,
+ width: width * 2,
+ height: width * 2,
+ phi: 0,
+ theta: 0.3,
+ dark: isDarkMode ? 1 : 0,
+ diffuse: 3,
+ scale: 1,
+ opacity: 0.8,
+ mapSamples: 20000,
+ mapBrightness: 4,
+ baseColor: [255 / 255, 255 / 255, 255 / 255],
+ markerColor: [62 / 255, 207 / 255, 142 / 255],
+ glowColor: [255 / 255, 255 / 255, 255 / 255],
+ markers: [
+ { location: [53.4084, 2.9916], size: 0.06 },
+ { location: [1.3521, 103.8198], size: 0.06 },
+ { location: [-40.9006, 174.886], size: 0.06 },
+ { location: [14.0583, 108.2772], size: 0.06 },
+ { location: [37.7749, -122.4194], size: 0.06 },
+ { location: [41.3874, 2.1686], size: 0.06 },
+ { location: [49.2827, -123.1207], size: 0.06 },
+ { location: [-36.9848, 143.3906], size: 0.06 },
+ { location: [42.3601, -71.0589], size: 0.06 },
+ { location: [52.52, 13.405], size: 0.06 },
+ { location: [33.749, -84.388], size: 0.06 },
+ { location: [35.6762, 139.6503], size: 0.06 },
+ { location: [9.19, -75.0152], size: 0.06 },
+ { location: [-25.2521, -52.0215], size: 0.06 },
+ ],
+ onRender: (state) => {
+ state.phi = rotation
+ rotation += 0.0025
+ state.width = width * 2
+ state.height = width * 2
+ },
+ })
+ setTimeout(() => (canvasRef.current.style.opacity = '1'))
+ return () => cobe.destroy()
+ }, [isDarkMode])
+
+ return (
+
+ )
+}
+
+export default Globe
diff --git a/apps/www/components/LaunchWeek/Ticket/TicketContainer.tsx b/apps/www/components/LaunchWeek/Ticket/TicketContainer.tsx
new file mode 100644
index 00000000000..f658037f136
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/TicketContainer.tsx
@@ -0,0 +1,49 @@
+import { useState } from 'react'
+import { PageState, ConfDataContext, UserData } from './hooks/use-conf-data'
+import Ticket from './ticket'
+import ConfContainer from './conf-container'
+import Form from './form'
+import { SupabaseClient, Session } from '@supabase/supabase-js'
+
+type Props = {
+ supabase: SupabaseClient
+ session: Session | null
+ defaultUserData: UserData
+ sharePage?: boolean
+ defaultPageState?: PageState
+}
+
+export default function Conf({
+ supabase,
+ session,
+ defaultUserData,
+ sharePage,
+ defaultPageState = 'registration',
+}: Props) {
+ const [userData, setUserData] = useState(defaultUserData)
+ const [pageState, setPageState] = useState(defaultPageState)
+
+ return (
+
+ {pageState === 'registration' && !sharePage ? (
+
+ ) : (
+
+ )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/conf-container.module.css b/apps/www/components/LaunchWeek/Ticket/conf-container.module.css
new file mode 100644
index 00000000000..3f9f3a79e46
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/conf-container.module.css
@@ -0,0 +1,11 @@
+/* .container {
+ margin: auto 0;
+ padding: 0 var(--space-4x);
+}
+
+@media (min-width: 768px) {
+ .container {
+ margin: auto;
+ padding: 0 var(--space-8x);
+ }
+} */
diff --git a/apps/www/components/LaunchWeek/Ticket/conf-container.tsx b/apps/www/components/LaunchWeek/Ticket/conf-container.tsx
new file mode 100644
index 00000000000..227361424b9
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/conf-container.tsx
@@ -0,0 +1,5 @@
+import styles from './conf-container.module.css'
+
+export default function ConfContainer({ children }: { children: React.ReactNode }) {
+ return children
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/form.module.css b/apps/www/components/LaunchWeek/Ticket/form.module.css
new file mode 100644
index 00000000000..5b6a078561b
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/form.module.css
@@ -0,0 +1,244 @@
+/* .form {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ margin-bottom: 12px;
+ gap: 12px;
+} */
+
+/* .formLeft {
+ align-items: center;
+}
+.formCenter {
+ align-items: center;
+} */
+
+/* @media (min-width: 1200px) {
+ .formLeft {
+ align-items: start;
+ }
+ .formCenter {
+ align-items: center;
+ }
+} */
+/*
+.formInfo {
+ max-width: 520px;
+} */
+
+.formInfo h3 {
+ font-size: 1.25em;
+ font-weight: 400;
+}
+
+.formInfo p {
+ font-size: 1.1em;
+ line-height: 1.4;
+ margin-bottom: 32px;
+ color: var(--lw-secondary-color);
+}
+
+@media (min-width: 1200px) {
+ /* .form.share-page {
+ justify-content: flex-start;
+ } */
+}
+
+/* .formInfoLeft {
+ text-align: center;
+}
+.formInfoCenter {
+ text-align: center;
+ margin: 0 auto;
+} */
+
+@media (min-width: 1200px) {
+ .formInfoLeft {
+ text-align: left;
+ }
+ .formInfoCenter {
+ text-align: center;
+ margin: 0 auto;
+ }
+}
+
+.input {
+ border: none;
+ width: 100%;
+ background: transparent;
+ outline: none;
+ height: 56px;
+ padding-left: 15px;
+ padding-right: 15px;
+ font-size: var(--text-md);
+ color: #fff;
+ font-family: inherit;
+}
+
+@media (min-width: 768px) {
+ .input {
+ width: calc(100% - var(--space-32x));
+ padding-right: 0;
+ }
+}
+
+.input::placeholder {
+ color: var(--lw-secondary-color);
+}
+
+.input-label {
+ background-color: var(--gray);
+ border-radius: var(--space-2x);
+ border: 1px solid transparent;
+ transition: border-color 0.2s ease, background-color 0.2s ease;
+ display: block;
+}
+
+.input-label.focused {
+ background-color: #33373c;
+}
+
+.input-label.error {
+ background: red;
+}
+
+.input-label.success {
+ background: #0070f3;
+}
+
+.input-text {
+ display: flex;
+ align-items: center;
+ width: 100%;
+}
+
+.form-row {
+ position: relative;
+ max-width: 400px;
+ width: 100%;
+}
+
+@media (min-width: 768px) {
+ .form-row {
+ max-width: 480px;
+ }
+}
+
+.submit {
+ width: 100%;
+ height: 56px;
+ margin-top: var(--space-4x);
+ border-radius: var(--space-2x);
+ border: 1px solid var(--brand);
+ background: var(--brand);
+ cursor: pointer;
+ font-family: inherit;
+ font-size: var(--text-md);
+ letter-spacing: -0.02em;
+ outline: none;
+ font-weight: 500;
+ color: white;
+ transition: background-color 0.2s ease, color 0.2s ease;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.submit.generate-with-github {
+ display: flex;
+ margin-bottom: 12px;
+ position: relative;
+}
+
+@media (min-width: 768px) {
+ .submit.register {
+ width: 120px;
+ height: 40px;
+ margin-top: 0;
+ position: absolute;
+ border-radius: 5px;
+ right: var(--space-2x);
+ top: var(--space-2x);
+ }
+}
+
+.submit.loading {
+ cursor: default;
+}
+
+.submit.default:hover,
+.submit.default:focus {
+ background: black;
+ color: var(--brand);
+}
+
+.submit.default.generate-with-github:hover path,
+.submit.default.generate-with-github:focus path {
+ fill: var(--brand);
+}
+
+.submit.error:hover,
+.submit.error:focus {
+ background: #000;
+ color: #fff;
+}
+
+.submit.default:disabled,
+.submit.default:disabled:hover,
+.submit.default:disabled:focus {
+ cursor: default;
+ background: var(--gray);
+ border-color: var(--gray);
+ color: #fff;
+ justify-content: flex-start;
+ overflow: hidden;
+}
+
+.submit.default.generate-with-github:disabled path,
+.submit.default.generate-with-github:disabled:hover path,
+.submit.default.generate-with-github:disabled:focus path {
+ fill: #fff;
+}
+
+.submit.default.generate-with-github.not-allowed:disabled {
+ cursor: not-allowed;
+}
+
+@media (min-width: 1200px) {
+ .form-row {
+ margin: 0;
+ }
+
+ .submit.generate-with-github {
+ width: 240px;
+ }
+}
+
+.stage-btn {
+ background: #323332;
+ border: 2px solid #34b27b;
+}
+
+.github-wrapper {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+}
+
+.or-divider {
+ width: 100%;
+ text-align: center;
+ color: var(--lw-secondary-color);
+ margin: var(--space-4x) 0;
+}
+
+@media (min-width: 1200px) {
+ .github-wrapper {
+ flex-direction: row;
+ }
+ .or-divider {
+ width: 240px;
+ margin: 0;
+ }
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/form.tsx b/apps/www/components/LaunchWeek/Ticket/form.tsx
new file mode 100644
index 00000000000..3595be0f946
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/form.tsx
@@ -0,0 +1,243 @@
+import { useState, useCallback, useEffect } from 'react'
+import cn from 'classnames'
+import useConfData from '~/components/LaunchWeek/Ticket/hooks/use-conf-data'
+import { useRouter } from 'next/router'
+import LoadingDots from './loading-dots'
+import styleUtils from './utils.module.css'
+import styles from './form.module.css'
+import useEmailQueryParam from '~/components/LaunchWeek/Ticket/hooks/use-email-query-param'
+import { IconLoader } from '~/../../packages/ui'
+// import Captcha, { useCaptcha } from './captcha'
+
+type FormState = 'default' | 'loading' | 'error'
+
+export type ConfUser = {
+ id?: string
+ email?: string
+ ticketNumber?: number
+ name?: string
+ username?: string
+ createdAt?: number
+ golden?: boolean
+}
+
+type Props = {
+ sharePage?: boolean
+ align?: 'Left' | 'Center'
+}
+
+export default function Form({ sharePage, align = 'Center' }: Props) {
+ const [email, setEmail] = useState('')
+ const [errorMsg, setErrorMsg] = useState('')
+ const [errorTryAgain, setErrorTryAgain] = useState(false)
+ const [focused, setFocused] = useState(false)
+ const [submitting, setSubmitting] = useState(false)
+ const [formState, setFormState] = useState('default')
+ const { setPageState, setUserData, session, userData, supabase } = useConfData()
+ const router = useRouter()
+ const isCaptchaEnabled = false
+
+ useEffect(() => {
+ if (session?.user) {
+ document.body.classList.add('ticket-generated')
+ const username = session.user.user_metadata.user_name
+ const name = session.user.user_metadata.full_name
+ const email = session.user.email
+ supabase
+ .from('lw6_tickets')
+ .upsert({ email, name, username }, { onConflict: 'email', ignoreDuplicates: false })
+ .eq('email', email)
+ .select()
+ .single()
+ .then(async ({ error }) => {
+ if (error) return supabase.auth.signOut()
+ const { data } = await supabase
+ .from('lw6_tickets_golden')
+ .select('*')
+ .eq('username', username)
+ .single()
+ setUserData(data)
+ setFormState('default')
+
+ // Prefetch GitHub avatar
+ new Image().src = `https://github.com/${username}.png`
+
+ // Prefetch the twitter share URL to eagerly generate the page
+ fetch(`/launch-week/tickets/${username}`).catch((_) => {})
+ // Prefetch ticket og image.
+ fetch(
+ `https://obuldanrptloktxcffvn.functions.supabase.co/launchweek-ticket-og?username=${encodeURIComponent(
+ username ?? ''
+ )}`
+ ).catch((_) => {})
+
+ setPageState('ticket')
+ })
+ }
+ }, [session])
+
+ async function register(email: string, token?: string): Promise {
+ const { error } = await supabase!.from('lw6_tickets').insert({ email })
+ if (error) {
+ // console.log({ error })
+ return {
+ id: 'new',
+ ticketNumber: 1234,
+ name: '',
+ username: '',
+ golden: false,
+ }
+ }
+ const { data } = await supabase!.from('lw6_tickets_golden').select('*').limit(1).single()
+ return {
+ id: data?.id ?? 'new',
+ ticketNumber: data?.ticketNumber ?? 1234,
+ name: data?.name ?? '',
+ username: data?.username ?? '',
+ golden: data?.golden ?? false,
+ }
+ }
+
+ const handleRegister = useCallback(
+ (token?: string) => {
+ register(email, token)
+ .then(async (params) => {
+ if (!params) {
+ throw new Error()
+ }
+
+ if (sharePage) {
+ const queryString = Object.keys(params)
+ .map(
+ (key) =>
+ `${encodeURIComponent(key)}=${encodeURIComponent(
+ params[key as keyof typeof params] || ''
+ )}`
+ )
+ .join('&')
+ await router.replace(`/launch-week/tickets?${queryString}`, '/launch-week/tickets')
+ } else {
+ setUserData(params)
+ setPageState('ticket')
+ }
+ })
+ .catch(async (err) => {
+ let message = 'Error! Please try again.'
+
+ setErrorMsg(message)
+ setFormState('error')
+ })
+ },
+ [email, router, setPageState, setUserData, sharePage]
+ )
+
+ const onSubmit = useCallback(
+ (e: React.FormEvent) => {
+ e.preventDefault()
+
+ if (formState === 'default') {
+ setFormState('loading')
+
+ if (isCaptchaEnabled) {
+ // return executeCaptcha()
+ }
+
+ return handleRegister()
+ } else {
+ setFormState('default')
+ }
+ },
+ [formState, isCaptchaEnabled, handleRegister]
+ )
+
+ const onTryAgainClick = useCallback((e: React.MouseEvent) => {
+ e.preventDefault()
+
+ setFormState('default')
+ setErrorTryAgain(true)
+ // resetCaptcha()
+ }, [])
+
+ useEmailQueryParam('email', setEmail)
+
+ return (
+ >
+ setPageState: React.Dispatch>
+}
+
+export const ConfDataContext = createContext(null)
+
+export default function useConfData() {
+ const result = useContext(ConfDataContext)
+ if (!result) {
+ throw new Error()
+ }
+ return result
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/hooks/use-email-query-param.ts b/apps/www/components/LaunchWeek/Ticket/hooks/use-email-query-param.ts
new file mode 100644
index 00000000000..16304ef5f79
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/hooks/use-email-query-param.ts
@@ -0,0 +1,32 @@
+import { useEffect } from 'react'
+import { useRouter } from 'next/router'
+
+/**
+ * If `paramName` exists in query string, then call `setEmail()` with the value
+ * and delete it from the URL.
+ */
+export default function useEmailQueryParam(
+ paramName: string,
+ setEmail: (email: string) => unknown
+) {
+ const router = useRouter()
+ useEffect(() => {
+ if ('URLSearchParams' in window) {
+ const { search, pathname } = window.location
+ const params = new URLSearchParams(search)
+ const email = params.get(paramName)
+ if (email) {
+ setEmail(email)
+ params.delete(paramName)
+ const newSearch = params.toString()
+ const newAsPath = pathname + (newSearch ? `?${newSearch}` : '')
+ const newPathname = router.pathname + (newSearch ? `?${newSearch}` : '')
+ history.replaceState(
+ { url: newPathname, as: newAsPath, options: { shallow: true } },
+ '',
+ newAsPath
+ )
+ }
+ }
+ }, [setEmail, router.pathname, paramName])
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/loading-dots.module.css b/apps/www/components/LaunchWeek/Ticket/loading-dots.module.css
new file mode 100644
index 00000000000..181f48448e8
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/loading-dots.module.css
@@ -0,0 +1,48 @@
+.loading {
+ display: inline-flex;
+ align-items: center;
+ --loading-dots-height: auto;
+ --loading-dots-size: 2px;
+ height: var(--loading-dots-height);
+}
+
+.loading .spacer {
+ margin-right: var(--space-3x);
+}
+
+.loading span {
+ animation-name: blink;
+ animation-duration: 1.4s;
+ animation-iteration-count: infinite;
+ animation-fill-mode: both;
+ width: var(--loading-dots-size);
+ height: var(--loading-dots-size);
+ border-radius: 50%;
+ background-color: var(--accents-6);
+ display: inline-block;
+ margin: 0 1px;
+}
+
+.loading.reverse span {
+ background-color: var(--accents-2);
+}
+
+.loading span:nth-of-type(2) {
+ animation-delay: 0.2s;
+}
+
+.loading span:nth-of-type(3) {
+ animation-delay: 0.4s;
+}
+
+@keyframes blink {
+ 0% {
+ opacity: 0.2;
+ }
+ 20% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0.2;
+ }
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/loading-dots.tsx b/apps/www/components/LaunchWeek/Ticket/loading-dots.tsx
new file mode 100644
index 00000000000..2d4cf1a669e
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/loading-dots.tsx
@@ -0,0 +1,27 @@
+import { toPixels as px } from '~/lib/helpers'
+import cn from 'classnames'
+import styles from './loading-dots.module.css'
+
+interface Props {
+ size?: number
+ height?: number | string
+ reverse?: boolean
+ children?: React.ReactNode
+}
+
+export default function LoadingDots({ size = 2, height, children, reverse }: Props) {
+ return (
+
+ {children && ()
+ const permalink = encodeURIComponent(`${SITE_URL}/tickets/${username}?v=6`)
+ const text = encodeURIComponent(golden ? TWEET_TEXT_GOLDEN : TWEET_TEXT)
+ const { userData } = useConfData()
+ const tweetUrl = `https://twitter.com/intent/tweet?url=${permalink}&via=supabase&text=${text}`
+ const linkedInUrl = `https://www.linkedin.com/sharing/share-offsite/?url=${permalink}`
+ const downloadUrl = `https://obuldanrptloktxcffvn.functions.supabase.co/launchweek-ticket-og?username=${encodeURIComponent(
+ userData.username ?? ''
+ )}`
+
+ useEffect(() => {
+ setImgReady(false)
+
+ const img = new Image()
+
+ img.src = downloadUrl
+ img.onload = () => {
+ setImgReady(true)
+ setLoading(false)
+ if (downloadLink.current) {
+ downloadLink.current.click()
+ downloadLink.current = undefined
+ }
+ }
+ }, [downloadUrl])
+
+ const ActionStyle = ({ children }: any) => {
+ return (
+
+
+
+
+
+
+
+ {
+ if (imgReady) return
+
+ e.preventDefault()
+ downloadLink.current = e.currentTarget
+ // Wait for the image download to finish
+ setLoading(true)
+ }}
+ download="ticket.png"
+ className="flex items-center gap-2"
+ >
+
+
+ )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-copy.module.css b/apps/www/components/LaunchWeek/Ticket/ticket-copy.module.css
new file mode 100644
index 00000000000..65007c67559
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-copy.module.css
@@ -0,0 +1,190 @@
+.wrapper {
+ color: var(--lw-secondary-color);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ animation-delay: 2.6s;
+ flex-direction: column;
+}
+
+:global(.ticket-generated) .wrapper {
+ animation-delay: 1.2s;
+}
+
+.label {
+ width: 100%;
+ margin-bottom: var(--space-2x);
+}
+
+.label-wrapper {
+ display: flex;
+ align-items: center;
+ max-width: 400px;
+ width: 100%;
+ justify-content: space-between;
+}
+
+@media (min-width: 768px) {
+ .wrapper {
+ flex-direction: row;
+ }
+
+ .label {
+ width: auto;
+ margin-right: 10px;
+ margin-bottom: 0px;
+ }
+
+ .label-wrapper {
+ width: auto;
+ }
+}
+
+.field {
+ position: relative;
+ border-radius: var(--space-2x);
+ overflow: hidden;
+ background: var(--gray);
+}
+
+@media (min-width: 768px) {
+ .field {
+ padding-right: 50px;
+ }
+ .field.desktop-copy-disabled {
+ padding-right: 0px;
+ }
+}
+
+.mobile-copy {
+ margin-bottom: 10px;
+ display: flex;
+}
+
+.mobile-copy-disabled.mobile-copy-disabled {
+ display: none;
+}
+
+.mobile-copy * {
+ color: var(--lw-secondary-color);
+ transition: color 0.2s ease;
+}
+
+.mobile-copy:hover * {
+ color: #fff;
+ transition: color 0.2s ease;
+}
+
+.field * {
+ color: var(--lw-secondary-color);
+ transition: color 0.2s ease;
+}
+
+.field:hover * {
+ color: #fff;
+ transition: color 0.2s ease;
+}
+
+.url {
+ width: calc(100vw - 36px);
+ user-select: all;
+ overflow-x: scroll;
+ white-space: nowrap;
+ display: block;
+
+ padding: var(--space-2x) 14px;
+ -ms-overflow-style: none; /* IE and Edge */
+ scrollbar-width: none; /* Firefox */
+}
+
+@media (min-width: 436px) {
+ .url {
+ width: 400px;
+ }
+}
+
+@media (min-width: 768px) {
+ .url {
+ width: 400px;
+ }
+ .mobile-copy {
+ margin-bottom: 0;
+ display: none;
+ }
+}
+
+.url::-webkit-scrollbar {
+ display: none;
+}
+
+/* .fade {
+ position: absolute;
+ background: linear-gradient(90deg, rgba(37, 39, 41, 0%) 0%, #252729 100%);
+ top: 0;
+ bottom: 0;
+ right: 0px;
+ width: 50px;
+ z-index: 1;
+ display: block;
+ border-radius: var(--space-2x);
+ pointer-events: none;
+} */
+
+.desktop-copy.desktop-copy-disabled {
+ display: none;
+}
+
+@media (min-width: 768px) {
+ .fade {
+ right: 50px;
+ }
+ .fade.desktop-copy-disabled {
+ right: 0px;
+ }
+}
+
+.copied {
+ display: flex;
+ z-index: 2;
+ align-items: center;
+ justify-content: flex-end;
+ opacity: 0;
+ transition: opacity 0.2s ease !important;
+}
+
+.copied.visible {
+ opacity: 1;
+}
+
+.copy-button {
+ background: none;
+ outline: none;
+ border: none;
+ cursor: pointer;
+ z-index: 2;
+ border-radius: var(--space-2x);
+ width: 40px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-right: -10px;
+}
+
+@media (min-width: 768px) {
+ .copied {
+ position: absolute;
+ right: 50px;
+ top: 0px;
+ bottom: 0px;
+ background: linear-gradient(90deg, rgba(37, 39, 41, 0%) 0px, #252729 40px);
+ padding-left: 50px;
+ }
+ .copy-button {
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ bottom: 0px;
+ margin-right: 0px;
+ width: 50px;
+ }
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-copy.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-copy.tsx
new file mode 100644
index 00000000000..997ada1729f
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-copy.tsx
@@ -0,0 +1,105 @@
+import { useEffect, useState, useRef } from 'react'
+import cn from 'classnames'
+import { SITE_URL } from '~/lib/constants'
+import styleUtils from './utils.module.css'
+// import IconCopy from '~/components/LaunchWeek/Ticket/icons/icon-copy'
+import styles from './ticket-copy.module.css'
+import { IconCopy, IconCheck } from 'ui'
+
+type Props = {
+ username: string
+}
+
+export default function TicketCopy({ username }: Props) {
+ const [fadeOpacity, setFadeOpacity] = useState(1)
+ const [scrolling, setScrolling] = useState(false)
+ const [copyEnabled, setCopyEnabled] = useState(false)
+ const [copied, setCopied] = useState(false)
+ const scrollRef = useRef(null)
+ const buttonRef = useRef(null)
+ const url = `${SITE_URL}/tickets/${username}`
+ useEffect(() => {
+ if (navigator.clipboard) {
+ setCopyEnabled(true)
+ }
+ }, [])
+
+ const copiedText = Copied!
+
+ // background: none;
+ // outline: none;
+ // border: none;
+ // z-index: 2;
+ // border-radius: var(--space-2x);
+ // width: 40px;
+ // display: flex;
+ // align-items: center;
+ // justify-content: center;
+ // margin-right: -10px;
+
+ const copyButton = (
+
+ )
+
+ return (
+ >
+}
+
+export default function Form({ defaultUsername = '', setTicketGenerationState }: Props) {
+ const [username] = useState(defaultUsername)
+ const [formState, setFormState] = useState('default')
+ const [errorMsg] = useState('')
+ const { supabase } = useConfData()
+ const formRef = useRef(null)
+
+ return formState === 'error' ? (
+ (null)
+ const [ticketGenerationState, setTicketGenerationState] =
+ useState('default')
+ const divRef = useRef(null)
+
+ useEffect(() => {
+ if (ticketRef.current && !window.matchMedia('(pointer: coarse)').matches) {
+ Tilt.init(ticketRef.current, {
+ glare: true,
+ max: 5,
+ 'max-glare': 0.16,
+ 'full-page-listening': true,
+ })
+ }
+ }, [ticketRef])
+
+ // useEffect(() => {
+ // if (!sharePage && divRef && divRef.current && isMobileOrTablet()) {
+ // scrollTo(divRef.current, -30)
+ // }
+ // }, [divRef, sharePage])
+ // golden = true
+
+ return (
+
+
+ This post is a sneak peek of a big feature we are shipping on LW6. To not miss a thing, get your ticket for [Supabase Launch Week 6!](https://supabase.com/launch-week).
+
+
+
+## How Key Derivation Works
+
+The current state-of-the-art in encryption libraries is [libsodium](https://doc.libsodium.org/).
+
+**libsodium** offers a range of APIs for authenticated secret and public key encryption, key derivation, encrypted streaming, [AEAD](https://en.wikipedia.org/wiki/Authenticated_encryption), various forms of hashing, and much more.
+
+This powerful API is available to PostgreSQL using the [**pgsodium**](https://github.com/michelp/pgsodium) extension. **pgsodium** provides all the functionality of the full **libsodium** API, but previously it required developers to set up database encryption themselves, which remained a challenge even for those familiar with database administration.
+
+To solve this problem, **pgsodium** now has a full key management API, primarily via the table `pgsodium.key` and the `pgsodium.create_key()` function. This key table contains no raw keys, but instead uses libsodium Key IDs to derive keys that are used internally for encryption. A [key derivation function](https://libsodium.gitbook.io/doc/key_derivation) is used with an internal root key that is unavailable to SQL and not stored in the database, but rather managed by you externally using flexible scripts, or by Supabase automatically as part of our service offering.
+
+The simplest way to use **pgsodium** to encrypt and decrypt data is to first create a ******Key ID******. Valid Key IDs are stored in pgsodium in a special extension table, and they can be created using the `pgsodium.create_key()` function. This function takes a number of arguments depending on how it's used, but the simplest case is to create a new key with no arguments:
+
+```sql
+select * from pgsodium.create_key();
+-[ RECORD 1 ]---+-------------------------------------
+id | eaa20d8c-c77c-4985-9f73-2a5f5d1f1e6d
+name |
+status | valid
+key_type | aead-det
+key_id | 2
+key_context | \x7067736f6469756d
+created | 2022-11-13 21:19:35.765823+00
+expires |
+associated_data |
+```
+
+This key can now be used with pgsodium encryption functions by its UUID (`eaa20d8c-c77c-4985-9f73-2a5f5d1f1e6d`). For example:
+
+```sql
+select * from pgsodium.crypto_aead_det_encrypt (
+ 'this is the message', -- a message to encrypt
+ 'this is associated data', -- some authenticated associated data
+ 'eaa20d8c-c77c-4985-9f73-2a5f5d1f1e6d'::uuid -- key ID
+);
+```
+
+This produces the following encrypted βciphertextβ using the `aead-det` algorithm from the libsodium [XChaCha20-SIV](https://github.com/jedisct1/libsodium-xchacha20-siv) encryption function.
+
+```
+-[ RECORD 1 ]-----------+---------------------------------------------------------------------------------------------------------
+crypto_aead_det_encrypt | \\x099baa820250d7375ed141f8f1936af384bc229f3de1010a6eff6ffdaf3998baffbae75b5cd83d1c469407ff2d3764a428b742
+```
+
+Now to decrypt the ciphertext, pass it to the decryption function *with the same Key ID*:
+
+```sql
+select *
+from convert_from(pgsodium.crypto_aead_det_decrypt (
+ '\\x099baa820250d7375ed141f8f1936af384bc229f3de1010a6eff6ffdaf3998baffbae75b5cd83d1c469407ff2d3764a428b742',
+ 'this is associated data',
+ 'eaa20d8c-c77c-4985-9f73-2a5f5d1f1e6d'::uuid
+), 'utf8');
+```
+
+Which recovers the original βplaintextβ message:
+
+```
+-[ RECORD 1 ]+--------------------
+convert_from | this is the message
+```
+
+In the above example, there is *no raw key* like shown in the pgcrypto example above, only a Key ID which is used to derive the key used to encrypt the message and authenticate it with the associated data. In fact, it is impossible for a SQL user to derive the key used above, and if the Key ID is stored, then no decrypted information will leak into backups, disk storage, or the database WAL stream.
+
+## Transparent Column Encryption
+
+As of **pgsodium** 3.0.0 and up, the extension offers a simple and declarative Transparent Column Encryption feature (TCE). This feature is now shipped with all Supabase projects. TCE allows you to specify encrypted columns within a table and generates a new view that βwrapsβ that table to decrypt the contents.
+
+TCE works using two dynamically generated objects for tables that contain encrypted columns:
+
+- an `INSERT UPDATE` trigger that encrypts data when it is inserted or modified
+- a view that is created to wrap the table to decrypt the data when it is accessed
+
+To βtransparentlyβ decrypt the table, access the dynamically generated view *instead of the table*. For every encrypted column in the table, the view will have an additional decrypted column that shows the decrypted result.
+
+It's worth noting at this point that sometimes there is some confusion about handling encrypted data with TCE. The `T` stands for ***********Transparent*********** which means, you can always see decrypted data through the view, where the decrypted data can't be see is when stored on disk, or in pg_dumps, backups, WAL streams, etc. This is often called ******************Encryption At Rest****************** and is one layer in many that may be used to encrypt and protect your data.
+
+Often Transparent encryption is understood to be βTransparent Disk Encryptionβ or βFull Disk Encryptionβ, this is where a drive is encrypted but reading and writing that drive is decrypted. TCE is similar to this, where data on disk is encrypted, but it is more fine grained, only particular columns are encrypted. The data is also encrypted in the sense that the table stored on disk contains encrypted data, without the view or the key, pg_dumps and backups still contain encrypted data, this is not possible with disk-only encryption.
+
+For the moment TCE only works for columns of type `text` (or types castable to `text` like `json`). Soon we will also support `bytea` and possibly more as use cases and tests get better.
+
+TCE uses one of PostgreSQL's lesser-known features: [`SECURITY LABEL`](https://www.postgresql.org/docs/current/sql-security-label.html). A security label can be thought of as a simple label which is attached to an object (a table, column, etc). Each label is scoped to an extension and that extension can provide security features depending on the label.
+
+Let's see a simple example of using `SECURITY LABEL` to encrypt a column using **pgsodium**.
+
+
+
+Note: We're using βcredit cardsβ in our examples below, because they are very easy to understand. Please don't store credit cards in your Supabase database - we are not a certified PCI Service Provider.
+
+
+
+### One Key ID for the Entire Column
+
+For the simplest case, a column can be encrypted with one Key ID which must be of the type `aead-det` (as created above):
+
+```sql
+CREATE TABLE credit_cards (
+ id bigserial primary key,
+ credit_card_number text
+);
+
+SECURITY LABEL FOR pgsodium
+ ON COLUMN credit_cards.credit_card_number
+ IS 'ENCRYPT WITH KEY ID e348034b-3f07-4878-aad6-000511d12826';
+```
+
+The advantage of this approach is simplicity - the user creates one key and labels a column with it. The cryptographic algorithm for this approach uses a *nonceless* encryption algorithm called `crypto_aead_det_xchacha20()`. This algorithm is written by the author of libsodium and can be found [here](https://github.com/jedisct1/libsodium-xchacha20-siv).
+
+Using one key for an entire column means that whoever can decrypt one row can decrypt them all from a database dump. Also changing (rotating) the key means rewriting the whole table.
+
+### One Key ID per Row
+
+A more fine grained approach would be storing one Key ID per row:
+
+```sql
+CREATE TABLE credit_cards (
+ id bigserial primary key,
+ credit_card_number text,
+ key_id uuid not null DEFAULT 'e348034b-3f07-4878-aad6-000511d12826'::uuid
+);
+
+SECURITY LABEL FOR pgsodium
+ ON COLUMN credit_cards.credit_card_number
+ IS 'ENCRYPT WITH KEY COLUMN key_id';
+```
+
+This approach ensures that a key for one user doesn't necessarily decrypt any others. While rows can share key IDs, they don't necessarily have to (unlike the first example above where one key id was used for the entire column). It also acts as a natural partition that can work in conjunction with Row Level Security to share distinct keys between owners.
+
+Notice also how there is a `DEFAULT` value for the `key_id`. In a way, this gives you the best of both approaches - encrypting the column when a per-row key ID is not provided. The downside to this approach is that you need to store one key ID per row, which takes up more disk space (but that's cheap!).
+
+### One Key ID per Row with Nonce Support
+
+The default cryptographic algorithm for the above approach uses a *nonceless* encryption algorithm called `[crypto_aead_det_xchacha20()](https://github.com/jedisct1/libsodium-xchacha20-siv)`. This algorithm has the advantage that it does not require nonce values, the disadvantage is that duplicate plaintexts will produce duplicate ciphertexts.
+
+Nonces are some extra cryptographic context that is used in many cryptographic algorithms to produce different ciphertexts, even if the plaintexts are the same. The nonce does not have to be secret, but it *does* have to be unique. **pgsodium** comes with a useful function `pgsodium.crypto_aead_det_noncegen()` that will generate a cryptographically secure nonce for you, and in almost all cases it's best to use that function unless you know specifically what you are doing. In password hashing approaches, this is often similar to how a βsaltβ value is used to deduplicate password hashes.
+
+Duplicate ciphertexts cannot be used to βattack the keyβ, it can only reveal the duplication. However, duplication is still information. In our examples so far, an attacker might be able to use this information to determine that two accounts share the same credit card number. While not technically breaking the encryption, this still leaks information to an attacker.
+
+```sql
+CREATE TABLE credit_cards (
+ id bigserial primary key,
+ credit_card_number text,
+ key_id uuid not null DEFAULT 'e348034b-3f07-4878-aad6-000511d12826'::uuid,
+ nonce bytea default pgsodium.crypto_aead_det_noncegen()
+);
+
+SECURITY LABEL FOR pgsodium
+ ON COLUMN credit_cards.credit_card_number
+ IS 'ENCRYPT WITH KEY COLUMN key_id NONCE nonce';
+```
+
+This is the most secure form of TCE - there is a unique key ID and a unique nonce per row.
+
+### One Key ID per Row with Associated Data
+
+The encryption that is used for TCE is one of a family of functions provided by **libsodium** to do Authenticated Encryption with Associated Data or [AEAD Encryption](https://en.wikipedia.org/wiki/Authenticated_encryption). The βassociatedβ data is plaintext (unencrypted) information that is mixed into the authentication signature of the encrypted data, such that when you authenticate the data, you also know that the associated data is authentic.
+
+AEAD is helpful because often you have metadata associated with a secret, which isn't confidential but must not be forged.
+
+In our credit card example, we might associate a "`credit_card_number`" with an "`account_id`". But what if a malicious actor wanted to use someone else's credit card on their own account? If someone could forge the `account_id` data column, swapping an `account_id` with their own `account_id`, then you could be tricked into using the wrong credit card. By βassociatingβ the `account_id` with the `credit_card_number`, it cannot be forged without throwing an error.
+
+Like above, this is done simply by extending the security label with the associated data column:
+
+```sql
+CREATE TABLE credit_cards (
+ id bigserial primary key,
+ credit_card_number text,
+ account_id integer,
+ key_id uuid not null DEFAULT 'e348034b-3f07-4878-aad6-000511d12826'::uuid,
+ nonce bytea default pgsodium.crypto_aead_det_noncegen()
+);
+
+SECURITY LABEL FOR pgsodium
+ ON COLUMN credit_cards.credit_card_number
+ IS 'ENCRYPT WITH KEY COLUMN key_id ASSOCIATED (account_id) NONCE nonce';
+```
+
+The new label indicates which column is to be associated with the secret, and that's it! Your `account_id` and credit card number are now protected under the same authentication signature as the secret itself.
+
+## Using an Encrypted Table
+
+Now that you have TCE setup for a table, it's easy to use by simply inserting data into the table, and querying that data by looking at its generated view. The view is named `decrypted_
+
+ )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/hooks/use-conf-data.ts b/apps/www/components/LaunchWeek/Ticket/hooks/use-conf-data.ts
new file mode 100644
index 00000000000..4855f4f9a56
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/hooks/use-conf-data.ts
@@ -0,0 +1,30 @@
+import { Session, SupabaseClient } from '@supabase/supabase-js'
+import { createContext, useContext } from 'react'
+
+export type PageState = 'registration' | 'ticket'
+
+export type UserData = {
+ id?: string
+ ticketNumber?: number
+ username?: string
+ name?: string
+ golden?: boolean
+}
+
+type ConfDataContextType = {
+ supabase: SupabaseClient
+ session: Session | null
+ userData: UserData
+ setUserData: React.Dispatch
+
+ {formState === 'error' ? (
+ Coming soon
++ Register to get your ticket and stay tuned all week for daily announcements +
+
+
+ ) : (
+
+ )}
+
+
+
+
+ {errorMsg}
+
+ {children}
}
+
+
+
+
+ )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-actions.module.css b/apps/www/components/LaunchWeek/Ticket/ticket-actions.module.css
new file mode 100644
index 00000000000..d13c42418d7
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-actions.module.css
@@ -0,0 +1,70 @@
+.button {
+ border-radius: var(--space-2x);
+ border: 1px solid #fff;
+ color: #000;
+ background: #fff;
+ cursor: pointer;
+ font-family: inherit;
+ font-size: var(--text-md);
+ letter-spacing: -0.02em;
+ font-weight: 500;
+ outline: none;
+ transition: background-color 0.2s ease;
+ display: grid;
+ grid-template-columns: 24px 1fr;
+ text-align: center;
+ align-items: center;
+ padding: 0 var(--space-4x);
+ height: 55px;
+ width: 100%;
+ max-width: 400px;
+ margin: var(--space-2x) auto;
+}
+
+.loading {
+ grid-template-columns: 1fr;
+ justify-items: center;
+}
+
+@media (min-width: 768px) {
+ .button {
+ width: 200px;
+ margin: 0 6px;
+ }
+}
+
+.button:hover,
+.button:focus {
+ background: black;
+ color: #fff;
+}
+
+.first {
+ animation-delay: 2s;
+}
+.second {
+ animation-delay: 2.2s;
+}
+.third {
+ animation-delay: 2.4s;
+}
+
+:global(.ticket-generated) .first {
+ animation-delay: 0.6s;
+}
+:global(.ticket-generated) .second {
+ animation-delay: 0.8s;
+}
+:global(.ticket-generated) .third {
+ animation-delay: 1s;
+}
+
+.linkedin-button {
+ display: none !important;
+}
+
+@media (min-width: 768px) {
+ .linkedin-button {
+ display: grid !important;
+ }
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-actions.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-actions.tsx
new file mode 100644
index 00000000000..fd7c62842a4
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-actions.tsx
@@ -0,0 +1,100 @@
+import { useEffect, useRef, useState } from 'react'
+import { SITE_URL, TWEET_TEXT, TWEET_TEXT_GOLDEN } from '~/lib/constants'
+import { IconDownload, IconLinkedin, IconTwitter } from 'ui'
+import useConfData from '~/components/LaunchWeek/Ticket//hooks/use-conf-data'
+import LoadingDots from './loading-dots'
+
+type Props = {
+ username: string
+ golden?: boolean
+}
+
+export default function TicketActions({ username, golden = false }: Props) {
+ const [imgReady, setImgReady] = useState(false)
+ const [loading, setLoading] = useState(false)
+ const downloadLink = useRef
+ {children}
+
+ )
+ }
+
+ return (
+ <>
+
+
+ Tweet it
+
+
+
+ Share on Linkedin
+
+
+
+ Download
+ {loading ?
+
+ )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-form.module.css b/apps/www/components/LaunchWeek/Ticket/ticket-form.module.css
new file mode 100644
index 00000000000..d10b43a0284
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-form.module.css
@@ -0,0 +1,65 @@
+.githubIcon {
+ margin-left: 12px;
+ margin-right: var(--space-4x);
+ display: inline-flex;
+}
+
+.checkIcon {
+ position: absolute;
+ right: var(--space-4x);
+ display: inline-flex;
+}
+
+.generateWithGithub {
+ display: flex;
+ align-items: center;
+ font-weight: 500;
+}
+
+.stageIcon {
+ position: absolute;
+ left: var(--space-4x);
+ display: inline-flex;
+}
+
+.form-row {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 600px;
+}
+
+.description {
+ color: var(--secondary-color);
+ margin: 0;
+ text-align: center;
+ margin-left: var(--space-4x);
+}
+
+@media (min-width: 768px) {
+ .form-row {
+ margin-bottom: 20px;
+ }
+}
+
+@media (min-width: 1200px) {
+ .form-row {
+ margin: 0;
+ }
+
+ .description {
+ text-align: left;
+ }
+
+ .generateWithGithub {
+ width: 100%;
+ }
+}
+
+.learn-more {
+ color: #fff;
+}
+
+.learn-more:hover {
+ text-decoration: underline;
+ color: #fff;
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-form.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-form.tsx
new file mode 100644
index 00000000000..8ded0d8cdf1
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-form.tsx
@@ -0,0 +1,84 @@
+import { useState, useRef } from 'react'
+// import { scrollTo } from '@lib/smooth-scroll';
+import cn from 'classnames'
+// import GithubIcon from '~/components/LaunchWeek/Ticket/icons/icon-github'
+// import CheckIcon from '~/components/LaunchWeek/Ticket/icons/icon-check'
+import { SITE_ORIGIN } from '~/lib/constants'
+import useConfData from '~/components/LaunchWeek/Ticket//hooks/use-conf-data'
+import LoadingDots from './loading-dots'
+import formStyles from './form.module.css'
+import ticketFormStyles from './ticket-form.module.css'
+
+type FormState = 'default' | 'loading' | 'error'
+type TicketGenerationState = 'default' | 'loading'
+
+type Props = {
+ defaultUsername?: string
+ setTicketGenerationState: React.Dispatch
+
+ Your ticket URL:
+
+
+ { + if (!scrolling) { + setScrolling(true) + const animationFrame = requestAnimationFrame(() => { + const scrollableWidth = + (scrollRef.current?.scrollWidth || 0) - (scrollRef.current?.clientWidth || 0) + setFadeOpacity( + (scrollableWidth - (scrollRef.current?.scrollLeft || 0)) / + (scrollableWidth || 1) + ) + cancelAnimationFrame(animationFrame) + setScrolling(false) + }) + } + }} + > + {url} +
+
+ {copied && copiedText}
+ {copyButton}
+
+
+
+ ) : (
+
+ )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-image.module.css b/apps/www/components/LaunchWeek/Ticket/ticket-image.module.css
new file mode 100644
index 00000000000..8af0bcf2aa6
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-image.module.css
@@ -0,0 +1,17 @@
+.background {
+ width: 2000px;
+ height: 1000px;
+ background: #000;
+ color: #fff;
+ overflow: hidden;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.page {
+ width: 1700px;
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
+ 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Noto Sans', 'Noto Sans JP',
+ 'Noto Sans KR', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans HK', sans-serif;
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-image.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-image.tsx
new file mode 100644
index 00000000000..43fe8a2f68f
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-image.tsx
@@ -0,0 +1,37 @@
+import { useRouter } from 'next/router'
+import Head from 'next/head'
+import TicketVisual from './ticket-visual'
+import styles from './ticket-image.module.css'
+
+export default function TicketImage() {
+ const { query } = useRouter()
+ if (query.ticketNumber) {
+ return (
+
+
+
+
+ {errorMsg}
+
+
+
+ )
+ }
+ return <>
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-info.module.css b/apps/www/components/LaunchWeek/Ticket/ticket-info.module.css
new file mode 100644
index 00000000000..9611ea8d805
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-info.module.css
@@ -0,0 +1,87 @@
+.info {
+ display: flex;
+ gap: 0px;
+ margin-bottom: 64px;
+ padding: 32px;
+}
+
+@media (min-width: 768px) {
+ .info {
+ /* display: grid;
+ grid-template-columns: 1fr 2fr;
+ gap: calc(var(--space-4x) * var(--size));
+ font-size: calc(1em * var(--size)); */
+ padding: 0;
+ margin-bottom: calc(32px * var(--size));
+ margin-left: calc(160px * var(--size));
+ }
+}
+
+@media (max-width: 768px) {
+ .info {
+ flex-direction: column;
+ align-items: center;
+ }
+}
+
+.logo {
+ /* margin-bottom: var(--space-6x); */
+ /* max-width: 96px; */
+ font-size: 18px;
+}
+
+/* @media (min-width: 768px) {
+ .logo {
+ margin-bottom: 0;
+ font-size: calc(16px * var(--size));
+ }
+} */
+
+.date {
+ /* text-transform: uppercase; */
+ /* font-size: calc(18px * var(--size)); */
+
+ color: var(--lw-secondary-color);
+}
+
+.date-golden {
+ color: var(--gold-primary);
+}
+
+@media (min-width: 768px) {
+ .date {
+ margin-bottom: 0;
+ line-height: 1.15;
+ /* font-size: calc(20px * var(--size)); */
+ }
+}
+
+.created-by {
+ display: flex;
+ align-items: center;
+ color: var(--accents-4);
+}
+
+@media (min-width: 768px) {
+ .created-by {
+ margin-right: var(--space-4x);
+ }
+}
+
+.created-by-text {
+ white-space: nowrap;
+ margin-right: var(--space);
+}
+
+/* .created-by-logo {
+ height: calc(16px * var(--size));
+ display: inline-flex;
+} */
+
+.url {
+ color: var(--lw-secondary-color);
+}
+
+.url-golden {
+ color: var(--gold-primary);
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-info.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-info.tsx
new file mode 100644
index 00000000000..8437aa6eddd
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-info.tsx
@@ -0,0 +1,30 @@
+import styles from './ticket-info.module.css'
+import cn from 'classnames'
+import { DATE, SITE_URL } from '~/lib/constants'
+
+const siteUrl = new URL(SITE_URL)
+const siteUrlForTicket = `${siteUrl.host}${siteUrl.pathname}`.replace(/\/$/, '')
+
+export default function TicketInfo({
+ logoTextSecondaryColor = 'var(--accents-5)',
+ golden = false,
+}) {
+ return (
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-mono-mobile.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-mono-mobile.tsx
new file mode 100644
index 00000000000..f55de57df16
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-mono-mobile.tsx
@@ -0,0 +1,34 @@
+// NOTE: When you export SVG from Figma, you must:
+// - Update width and height as 100%
+// - Change id to "mobile-..."
+// - Change url(#) to url(#mobile-)
+// This is because if a page has two same IDs it will fail.
+export default function TicketMonoMobile({ golden = false }: { golden?: boolean }) {
+ const frameColor = golden ? '#F2C94C' : '#3fcf8e'
+
+ const perforationColor = golden ? 'var(--gold-accent)' : '#252729'
+
+ return (
+
+ )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-mono.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-mono.tsx
new file mode 100644
index 00000000000..c4e5eb46b0f
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-mono.tsx
@@ -0,0 +1,23 @@
+export default function TicketMono({ golden = false }: { golden?: boolean }) {
+ const frameColor = golden ? '#F2C94C' : '#252729'
+
+ const perforationColor = golden ? 'var(--gold-accent)' : '#252729'
+
+ return (
+
+ )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-number.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-number.tsx
new file mode 100644
index 00000000000..473a8749b03
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-number.tsx
@@ -0,0 +1,14 @@
+type Props = {
+ number: number
+}
+
+export default function TicketNumber({ number }: Props) {
+ const numDigits = `${number}`.length
+ const prefix = `00000000`.slice(numDigits)
+ return (
+ <>
+ β {prefix}
+ {number}
+
+ )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-profile.module.css b/apps/www/components/LaunchWeek/Ticket/ticket-profile.module.css
new file mode 100644
index 00000000000..b4e44f9f345
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-profile.module.css
@@ -0,0 +1,167 @@
+.profile {
+ display: flex;
+ align-items: center;
+}
+
+.image {
+ width: 60px;
+ height: 60px;
+ border-radius: 50%;
+ border: 1px solid #999;
+}
+
+@media (min-width: 768px) {
+ .image {
+ width: calc(80px * var(--size));
+ height: calc(80px * var(--size));
+ }
+}
+
+.text {
+ flex: 1;
+ margin-left: 10px;
+}
+
+@media (min-width: 768px) {
+ .text {
+ margin-left: calc(15px * var(--size));
+ }
+}
+
+.name {
+ font-size: 24px;
+ display: inline-block;
+ line-height: 1.15;
+ letter-spacing: -0.02em;
+ margin: 0;
+ max-width: 300px;
+}
+
+.name-golden {
+ color: var(--gold-primary);
+}
+
+@media (min-width: 768px) {
+ .name {
+ font-size: calc(var(--space-8x) * var(--size));
+ margin-bottom: 5px;
+ }
+}
+
+.username {
+ display: inline-block;
+ font-size: calc(1em * var(--size));
+ color: var(--lw-secondary-color);
+ display: flex;
+ align-items: center;
+ margin: 0;
+}
+
+.username-golden {
+ color: var(--gold-secondary);
+}
+
+.githubIcon {
+ margin-right: calc(5px * var(--size));
+ display: inline-flex;
+}
+
+.githubIcon-golden svg {
+ color: var(--gold-secondary);
+ opacity: 0.5;
+}
+
+.empty-icon {
+ display: block;
+ background: linear-gradient(320deg, #121212, #191919);
+ width: 60px;
+}
+
+.empty-icon--golden {
+ display: block;
+ background: linear-gradient(90deg, #fff9eb, #e2ba52);
+ width: 60px;
+ border: 1px solid #ecc154ad;
+}
+
+@media (min-width: 768px) {
+ .empty-icon {
+ width: calc(80px * var(--size));
+ }
+
+ .empty-icon--golden {
+ width: calc(80px * var(--size));
+ }
+}
+
+@keyframes loading {
+ 0% {
+ background-position: 200% 0;
+ }
+ 100% {
+ background-position: -200% 0;
+ }
+}
+
+.skeleton {
+ display: flex;
+ align-items: center;
+ border-radius: 5px;
+}
+
+.skeleton.loaded {
+ width: unset !important;
+}
+
+.skeleton:not(.wrapper):not(.show) {
+ display: none;
+}
+
+.wrapper:not(.show)::before {
+ content: none;
+}
+
+.skeleton:not(.wrapper):not(.loaded) {
+ border-radius: var(--space);
+ background-image: linear-gradient(270deg, #252729, #34383d, #34383d, #252729);
+ background-size: 200% 100%;
+ animation: loading 2s ease-in-out infinite;
+}
+
+.wrapper {
+ position: relative;
+}
+
+.wrapper::before {
+ content: '';
+ position: absolute;
+ top: -1px;
+ left: -1px;
+ right: 0;
+ bottom: 0;
+ border-radius: var(--space);
+ z-index: 100;
+ background-image: linear-gradient(270deg, #111111, #333333, #333333, #111111);
+ background-size: 200% 100%;
+ animation: loading 2s ease-in-out infinite;
+}
+
+.inline {
+ display: inline-block !important;
+}
+
+.rounded,
+.rounded.wrapper::before {
+ width: 62px;
+ height: 62px;
+ border-radius: 50% !important;
+}
+
+@media (min-width: 768px) {
+ .rounded,
+ .rounded.wrapper::before {
+ width: calc(82px * var(--size));
+ height: calc(82px * var(--size));
+ border-radius: 50% !important;
+ }
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-profile.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-profile.tsx
new file mode 100644
index 00000000000..6a920bde73d
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-profile.tsx
@@ -0,0 +1,86 @@
+// import GithubIcon from '~/components/LaunchWeek/Ticket/icons/icon-github'
+import cn from 'classnames'
+// import IconAvatar from '~/components/LaunchWeek/Ticket/icons/icon-avatar'
+import styles from './ticket-profile.module.css'
+
+type TicketGenerationState = 'default' | 'loading'
+type Props = {
+ name?: string
+ username?: string
+ size?: number
+ ticketGenerationState: TicketGenerationState
+ golden?: boolean
+}
+
+export default function TicketProfile({
+ name,
+ username,
+ size = 1,
+ ticketGenerationState,
+ golden = false,
+}: Props) {
+ return (
+
+
+ {DATE}
+
+
+ supabase.com/launch-week
+
+
+ {username ? (
+ 
+ ) : (
+
+ {/*
+ )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-visual.module.css b/apps/www/components/LaunchWeek/Ticket/ticket-visual.module.css
new file mode 100644
index 00000000000..83e5f1d92ac
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-visual.module.css
@@ -0,0 +1,187 @@
+.visual {
+ position: relative;
+ transform: translateZ(0);
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ /* background-color: black; */
+ border: 2px solid rgba(0, 0, 0, 0.1);
+ border-radius: 16px;
+
+ background-color: rgba(0, 0, 0, 1);
+ -webkit-backdrop-filter: blur(2px);
+ backdrop-filter: blur(2px);
+
+ /* background: linear-gradient(#fff000, var(--gold-secondary)); */
+ border: 1px solid #1c5f52;
+ animation: blank-svg-shadow 2s ease-in-out infinite alternate;
+
+ background-image: url('/images/launchweek/regular-ticket-background.png');
+ background-repeat: no-repeat;
+ background-size: contain;
+}
+
+.visual--gold {
+ /* border: 10px solid;
+ border-image-slice: 1;
+ border-width: 2px;
+ border-radius: 16px; */
+ background-color: linear-gradient(#fff000, #dea513);
+ background-color: #dea513;
+ border: 1px solid rgba(255, 255, 0, 0.629);
+ animation: svg-shadow 2s ease-in-out infinite alternate;
+ background-image: url('/images/launchweek/gold-ticket-background.png');
+ /* filter: drop-shadow(2.45223px 8.5828px 73.5669px #FFBD14); */
+ /* border-image-source: linear-gradient(to left, var(--gold-secondary), var(--gold-accent)); */
+}
+
+@media (max-width: 768px) {
+ .visual {
+ background-size: cover;
+
+ background-image: url('/images/launchweek/2x-regular-ticket-background.jpg');
+ }
+
+ .visual--gold {
+ background-image: url('/images/launchweek/2x-gold-ticket-background.jpg');
+ }
+}
+
+/* .svg-shadow {
+} */
+
+@keyframes svg-shadow {
+ from {
+ filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #d99f0c) drop-shadow(0 0 6px #d99f0c);
+ }
+
+ to {
+ filter: drop-shadow(0 0 3px #fff) drop-shadow(0 0 6px #d99f0c) drop-shadow(0 0 9px #d99f0c);
+ }
+}
+
+@keyframes blank-svg-shadow {
+ from {
+ filter: drop-shadow(0 0 2px #1c5f52) drop-shadow(0 0 4px #1c5f52) drop-shadow(0 0 6px #1c5f52);
+ }
+
+ to {
+ filter: drop-shadow(0 0 3px #1c5f52) drop-shadow(0 0 6px #1c5f52) drop-shadow(0 0 9px #1c5f52);
+ }
+}
+
+.horizontal-ticket {
+ display: none;
+}
+
+.vertical-ticket {
+ display: flex;
+}
+
+@media (min-width: 768px) {
+ .horizontal-ticket {
+ display: flex;
+ }
+
+ .vertical-ticket {
+ display: none;
+ }
+}
+
+.logo {
+ z-index: 1;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ /* padding: 46px 29px;/ */
+}
+
+.logo img {
+ /* margin-top: 64px; */
+ margin-top: calc(64px * var(--size));
+ margin-left: calc(32px * var(--size));
+ margin-left: calc(32px * var(--size));
+ /* width: 272px; */
+ width: calc(272px * var(--size));
+}
+
+@media (min-width: 768px) {
+ .logo img {
+ margin-top: calc(32px * var(--size));
+ /* width: 280px; */
+ width: calc(280px * var(--size));
+ margin-left: calc(160px * var(--size));
+ }
+}
+
+.profile {
+ z-index: 1;
+ position: absolute;
+ top: 90px;
+ width: 100%;
+ padding: 46px 29px;
+}
+
+@media (min-width: 768px) {
+ .profile {
+ top: 50%;
+ transform: translateY(-50%);
+ padding-left: 65px;
+ }
+}
+
+.info {
+ z-index: 1;
+ position: absolute;
+ bottom: 40px;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end;
+ /* padding: calc(46px * var(--size)) calc(29px * var(--size)); */
+}
+
+@media (min-width: 768px) {
+ .info {
+ bottom: 0;
+ /* padding: 0 calc(160px * var(--size)) calc(44px * var(--size))
+ calc(63px * var(--size)); */
+ }
+}
+
+.ticket-number-wrapper {
+ position: absolute;
+ bottom: 40px;
+ right: 0;
+}
+
+@media (min-width: 768px) {
+ .ticket-number-wrapper {
+ bottom: 0;
+ }
+}
+
+.ticket-number {
+ font-size: calc(40px * var(--size));
+ line-height: 1;
+ width: calc(330px * var(--size));
+ text-align: center;
+ background-clip: text;
+}
+
+.ticket-number-golden {
+ color: var(--gold-primary);
+}
+
+@media (min-width: 768px) {
+ .ticket-number {
+ transform: rotate(90deg) translateY(calc(100px * var(--size)));
+ transform-origin: bottom right;
+ }
+
+ .ticket-number-golden {
+ color: var(--gold-accent);
+ }
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-visual.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-visual.tsx
new file mode 100644
index 00000000000..55278d18b5a
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-visual.tsx
@@ -0,0 +1,91 @@
+import styles from './ticket-visual.module.css'
+import TicketProfile from './ticket-profile'
+import TicketNumber from './ticket-number'
+import TicketMono from './ticket-mono'
+import TicketInfo from './ticket-info'
+import TicketMonoMobile from './ticket-mono-mobile'
+import cn from 'classnames'
+import { useRouter } from 'next/router'
+
+type TicketGenerationState = 'default' | 'loading'
+type Props = {
+ size?: number
+ name?: string
+ ticketNumber?: number
+ username?: string
+ ticketGenerationState?: TicketGenerationState
+ golden?: boolean
+}
+
+export default function TicketVisual({
+ size = 1,
+ name,
+ username,
+ ticketNumber,
+ ticketGenerationState = 'default',
+ golden = false,
+}: Props) {
+ // golden = true
+
+ const router = useRouter()
+ const basePath = router.basePath
+
+ return (
+ <>
+
+ ) : (
+
+ {/*
+
+ + + {name || username || 'Your Name'} + +
+
+
+
+ {/* 
+
+
+ )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket.module.css b/apps/www/components/LaunchWeek/Ticket/ticket.module.css
new file mode 100644
index 00000000000..aebe6c9c713
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket.module.css
@@ -0,0 +1,152 @@
+.hero {
+ line-height: 1.15;
+ letter-spacing: -0.05em;
+ font-weight: 400;
+ margin: 0;
+ text-align: center;
+}
+
+@media (min-width: 768px) {
+ .hero {
+ line-height: 1;
+ /* font-weight: 800; */
+ /* max-width: 800px; */
+ /* margin-left: auto;
+ margin-right: auto; */
+ }
+}
+
+.description {
+ font-size: 20px;
+ line-height: 1.4;
+ color: var(--lw-secondary-color);
+ text-align: center;
+ margin: 30px auto;
+ max-width: 350px;
+}
+
+@media (min-width: 768px) {
+ .description {
+ font-size: 24px;
+ max-width: 415px;
+ }
+}
+
+.ticket-text {
+ margin-bottom: 30px;
+}
+
+.ticket-layout {
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 45px;
+ margin: auto;
+ padding: var(--space-4x);
+ padding-top: 64px;
+ padding-bottom: 64px;
+}
+
+@media (min-width: 1200px) {
+ .ticket-layout {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+}
+
+.ticket-share-layout {
+ align-items: center;
+ margin-bottom: auto;
+}
+
+.ticket-visual {
+ position: relative;
+ border-radius: calc(16px * var(--size));
+ /* overflow: hidden; */
+ width: 330px;
+ margin: 0 auto;
+}
+
+/* .ticket-visual:before,
+.ticket-visual:after { */
+/* content: '';
+ display: block;
+ width: 72px;
+ height: 58px; */
+/* background-color: #1C1C1C; */
+/* position: absolute;
+ z-index: 100;
+ border-radius: 50%; */
+/* } */
+
+.ticket-visual:before {
+ left: 50%;
+ top: -7.5%;
+ transform: translateZ(0) translateX(-50%) rotate(90deg);
+}
+
+.ticket-visual:after {
+ left: 50%;
+ bottom: -7.5%;
+ transform: translateZ(0) translateX(-50%) rotate(90deg);
+}
+
+@media (min-width: 768px) {
+ .ticket-visual {
+ width: 650px;
+ }
+
+ .ticket-visual:before {
+ top: 50%;
+ left: -7%;
+ transform: translateZ(0) translateY(-50%);
+ }
+
+ .ticket-visual:after {
+ top: 50%;
+ left: 96%;
+ transform: translateZ(0) translateY(-50%);
+ }
+}
+
+.ticket-actions {
+ margin-top: 70px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+}
+
+.ticket-copy {
+ margin-top: 30px;
+}
+
+.ticket-actions-placeholder {
+ height: 280px;
+}
+
+@media (min-width: 768px) {
+ .ticket-actions {
+ flex-direction: row;
+ }
+ .ticket-actions-placeholder {
+ height: 157px;
+ }
+}
+
+@media (min-width: 1200px) {
+ .ticket-layout {
+ grid-template-columns: 1fr 1fr;
+ }
+ .hero {
+ text-align: left;
+ }
+ .description {
+ text-align: left;
+ margin: 30px 0;
+ }
+}
+
+.ticket-visual-wrapper {
+ border-radius: calc(16px * var(--size));
+ width: 100%;
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket.tsx b/apps/www/components/LaunchWeek/Ticket/ticket.tsx
new file mode 100644
index 00000000000..4cc479bd591
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ticket.tsx
@@ -0,0 +1,142 @@
+import cn from 'classnames'
+import Tilt from 'vanilla-tilt'
+import { useRef, useEffect, useState } from 'react'
+// import { TicketGenerationState } from '@lib/constants'
+// import {isMobileOrTablet} from '~/lib/helpers'
+// import { scrollTo } from '@lib/smooth-scroll'
+import styles from './ticket.module.css'
+import styleUtils from './utils.module.css'
+import TicketForm from './ticket-form'
+import TicketVisual from './ticket-visual'
+import TicketActions from './ticket-actions'
+import TicketCopy from './ticket-copy'
+import { DATE, SITE_NAME } from '~/lib/constants'
+import Form from './form'
+import { UserData } from './hooks/use-conf-data'
+
+type TicketGenerationState = 'default' | 'loading'
+type Props = {
+ username: UserData['username']
+ ticketNumber: UserData['ticketNumber']
+ name: UserData['name']
+ golden: UserData['golden']
+ sharePage?: boolean
+}
+
+export default function Ticket({ username, name, ticketNumber, sharePage, golden }: Props) {
+ const ticketRef = useRef
+ {/* {username ?
+
+ {/* {username ? (
+
+
+ 
+
+
+
+
+
+
+ {ticketNumber && (
+
+
+ )}
+
+
+
+
+ )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/utils.module.css b/apps/www/components/LaunchWeek/Ticket/utils.module.css
new file mode 100644
index 00000000000..c4aba2ab686
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/utils.module.css
@@ -0,0 +1,76 @@
+.appear {
+ opacity: 0;
+ animation: appear 0.8s cubic-bezier(0.1, 0, 0.175, 1) forwards;
+}
+
+.appear-first {
+ animation-delay: 0.4s;
+}
+
+.appear-second {
+ animation-delay: 0.8s;
+}
+
+.appear-third {
+ animation-delay: 1.2s;
+}
+
+.appear-fourth {
+ animation-delay: 1.6s;
+}
+
+.appear-fifth {
+ animation-delay: 2s;
+}
+
+.appear-sixth {
+ animation-delay: 2.4s;
+}
+
+@keyframes appear {
+ to {
+ opacity: 1;
+ }
+}
+
+@media (min-width: 1200px) {
+ .hide-on-desktop {
+ display: none;
+ }
+}
+
+.show-on-mobile {
+ display: block;
+}
+
+.hide-on-mobile {
+ display: none;
+}
+
+@media (min-width: 768px) {
+ .show-on-mobile {
+ display: none;
+ }
+
+ .hide-on-mobile {
+ display: block;
+ }
+}
+
+.hide-on-tablet {
+ display: block;
+}
+
+.show-on-tablet {
+ display: none;
+}
+
+@media (max-width: 1199px) and (min-width: 768px) {
+ .show-on-tablet {
+ display: block;
+ }
+
+ .hide-on-tablet {
+ display: none;
+ }
+}
diff --git a/apps/www/components/Nav/Announcement.tsx b/apps/www/components/Nav/Announcement.tsx
index cfd46ac631a..a85d9c524f2 100644
--- a/apps/www/components/Nav/Announcement.tsx
+++ b/apps/www/components/Nav/Announcement.tsx
@@ -58,27 +58,26 @@ const Announcement = () => {
hover:to-green-1100 relative flex
cursor-pointer flex-row
space-x-3
- overflow-hidden bg-gradient-to-r from-green-900
+ overflow-hidden
text-white
"
>
+
+
+
+ + {sharePage ? ( + name ? ( +
{name}'s ticket
+ ) : ( +{SITE_NAME}
+ ) + ) : golden ? ( +Congratulations!
+ ) : ( +You have a ticket!
+ )} + ++ {sharePage ? ( +
+ Join {name ?? 'us'} on {DATE}. +
+ ) : golden ? ( + <> + You got a Golden ticket. This means youβre in, and you also won a Supabase goodie + bag. Tweet it to redeem your swag pack! + + ) : username ? ( + <>Here is your unique ticket image for bragging on socials! + ) : ( + <> + This means you're in. Generate a unique ticket image with your GitHub profile, cause + a few of the lucky attendees will get a limited edition Supabase goodie bag. Make + sure you don't skip your chance. + + )} + +
+ {!sharePage ? (
+ <>
+
+
+
+
+
+ {!sharePage && (
+ <>
+ {username ? (
+
+
+ ) : (
+
+ )}
+
+ )}
+
+
+
+
+
-
+ {announcement.text}
+
{announcement.badge && (
-
(SUPABASE_URL, SUPABASE_ANON_KEY)
diff --git a/apps/www/next.config.mjs b/apps/www/next.config.mjs
index 62833ff5871..599600fb9cd 100644
--- a/apps/www/next.config.mjs
+++ b/apps/www/next.config.mjs
@@ -43,12 +43,13 @@ const nextConfig = {
'https://s3-us-west-2.amazonaws.com',
's3-us-west-2.amazonaws.com',
'user-images.githubusercontent.com',
+ 'pbs.twimg.com',
],
},
async headers() {
return [
{
- source: '/(.*)',
+ source: '/:path*',
headers: [
{
key: 'Strict-Transport-Security',
diff --git a/apps/www/package.json b/apps/www/package.json
index 6192a59b010..d4cce5c3ea8 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -21,6 +21,7 @@
"@supabase/auth-ui-react": "^0.1.6",
"@supabase/supabase-js": "^2.0.0",
"classnames": "^2.3.1",
+ "cobe": "^0.6.2",
"common": "*",
"config": "*",
"date-fns": "2.10.0",
@@ -55,6 +56,7 @@
"ui": "*",
"use-debounce": "^7.0.1",
"uuid": "^8.3.2",
+ "vanilla-tilt": "1.7.0",
"yup": "^0.32.11"
},
"devDependencies": {
diff --git a/apps/www/pages/careers/career.module.css b/apps/www/pages/careers/career.module.css
new file mode 100644
index 00000000000..4526263ae29
--- /dev/null
+++ b/apps/www/pages/careers/career.module.css
@@ -0,0 +1,83 @@
+.contributors-bg-circle {
+ @apply bg-gradient-to-r from-scale-100 via-scale-700 to-scale-100 rounded-full p-[1px] aspect-square absolute;
+}
+
+.contributors-0 {
+ @apply left-[11%] top-[95%] xl:left-[10%] xl:top-[94%];
+}
+
+.contributors-1 {
+ @apply hidden xl:block xl:left-[70%] xl:top-[61%];
+}
+
+.contributors-2 {
+ @apply left-[31%] top-[62%] xl:left-[16%] xl:top-[70%];
+}
+
+.contributors-3 {
+ @apply left-[11%] top-[52%] md:left-[9%] md:top-[55%] xl:left-[21%] xl:top-[85%];
+}
+
+.contributors-4 {
+ @apply left-[42%] top-[77%] xl:left-[29%] xl:top-[94%];
+}
+
+.contributors-5 {
+ @apply left-[61%] top-[93%] xl:left-[33%] xl:top-[75%];
+}
+
+.contributors-6 {
+ @apply hidden md:block md:z-10 md:left-[50%] md:top-[61%] xl:block xl:left-[83%] xl:top-[60%];
+}
+
+.contributors-7 {
+ @apply hidden xl:block xl:left-[78%] xl:top-[45%];
+}
+
+.contributors-8 {
+ @apply z-10 left-[81%] top-[65%] xl:left-[57%] xl:top-[93%];
+}
+
+.contributors-9 {
+ @apply hidden md:block md:z-10 md:left-[32%] md:top-[89%] xl:block xl:left-[94%] xl:top-[74%];
+}
+
+.contributors-10 {
+ @apply z-10 hidden xl:block xl:left-[58%] xl:top-[58%];
+}
+
+.contributors-11 {
+ @apply hidden xl:block xl:left-[74%] xl:top-[82%];
+}
+
+.contributors-12 {
+ @apply hidden xl:block xl:left-[43%] xl:top-[83%];
+}
+
+.contributors-13 {
+ @apply hidden xl:block xl:left-[61%] xl:top-[77%];
+}
+
+.contributors-14 {
+ @apply hidden xl:block xl:left-[52%] xl:top-[40%];
+}
+
+.contributors-15 {
+ @apply hidden xl:block xl:left-[85%] xl:top-[88%];
+}
+
+.contributors-16 {
+ @apply left-[17%] top-[76%] xl:left-[3%] xl:top-[69%];
+}
+
+.contributors-17 {
+ @apply z-10 left-[64%] top-[53%] xl:left-[47%] xl:top-[67%];
+}
+
+.contributors-18 {
+ @apply left-[67%] top-[74%] xl:left-[36%] xl:top-[57%];
+}
+
+.contributors-19 {
+ @apply z-10 left-[82%] top-[86%] xl:left-[27%] xl:top-[50%];
+}
diff --git a/apps/www/pages/careers/index.tsx b/apps/www/pages/careers/index.tsx
new file mode 100644
index 00000000000..d7d4ec2d29a
--- /dev/null
+++ b/apps/www/pages/careers/index.tsx
@@ -0,0 +1,516 @@
+import { NextPage } from 'next'
+import { NextSeo } from 'next-seo'
+import Image from 'next/image'
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+import ReactMarkdown from 'react-markdown'
+import { Badge, Button, IconCheck } from 'ui'
+import Globe from '~/components/Globe'
+import DefaultLayout from '~/components/Layouts/Default'
+import SectionContainer from '~/components/Layouts/SectionContainer'
+import { useTheme } from '~/components/Providers'
+import career from '~/data/career.json'
+import Styles from './career.module.css'
+
+export async function getStaticProps() {
+ const job_res = await fetch('https://boards-api.greenhouse.io/v1/boards/supabase/jobs')
+
+ const job_data = await job_res.json()
+
+ const contributor_res = await fetch(
+ 'https://api.github.com/repos/supabase/supabase/contributors?per_page=100'
+ )
+ const contributor_arr = await contributor_res.json()
+
+ const contributor_data = await contributor_arr.map(
+ (contributor: { login: string; avatar_url: string; html_url: string }) => {
+ return {
+ login: contributor.login,
+ avatar_url: contributor.avatar_url,
+ html_url: contributor.html_url,
+ }
+ }
+ )
+
+ const contributors = await contributor_data.filter((contributor: any) =>
+ career.contributors.includes(contributor.login)
+ )
+
+ contributors.push(
+ {
+ login: 'XquisiteDreamer',
+ avatar_url: 'https://pbs.twimg.com/profile_images/1475874191249399808/H6TPHpq7_400x400.png',
+ html_url: 'https://twitter.com/XquisiteDreamer',
+ },
+ {
+ login: 'marijanasimag',
+ avatar_url: 'https://avatars.githubusercontent.com/u/46031252?v=4',
+ html_url: 'https://github.com/marijanasimag',
+ },
+ {
+ login: 'estee_tey',
+ avatar_url: 'https://pbs.twimg.com/profile_images/1589662526941253632/s1cu3vuD_400x400.jpg',
+ html_url: 'https://twitter.com/estee_tey',
+ },
+ {
+ login: 'ghostdevv',
+ avatar_url: 'https://avatars.githubusercontent.com/u/47755378?v=4',
+ html_url: 'https://github.com/ghostdevv',
+ }
+ )
+
+ if (!job_data && !contributors) {
+ return {
+ props: {
+ notFound: true,
+ },
+ }
+ }
+
+ return {
+ props: {
+ jobs: job_data.jobs,
+ contributors: contributors,
+ },
+ }
+}
+
+const CareerPage: NextPage = ({ jobs, contributors }: any) => {
+ const { isDarkMode } = useTheme()
+ const { basePath } = useRouter()
+
+ const meta_title = 'Careers | Supabase'
+ const meta_description = 'Help build software developers love'
+
+ return (
+ <>
+
+
+
+ )
+}
+
+export default CareerPage
diff --git a/apps/www/pages/launch-week/index.tsx b/apps/www/pages/launch-week/index.tsx
index 6be78f3fd67..99a45254d41 100644
--- a/apps/www/pages/launch-week/index.tsx
+++ b/apps/www/pages/launch-week/index.tsx
@@ -1,20 +1,48 @@
import { NextSeo } from 'next-seo'
+import _days from '~/components/LaunchWeek/days.json'
+import { WeekDayProps } from '~/components/LaunchWeek/types'
import DefaultLayout from '~/components/Layouts/Default'
import SectionContainer from '~/components/Layouts/SectionContainer'
-import _days from '~/components/LaunchWeek/days.json'
-import HackathonSection from '~/components/LaunchWeek/HackathonSection'
-import LaunchHero from '~/components/LaunchWeek/LaunchHero'
-import { LaunchSection } from '~/components/LaunchWeek/LaunchSection'
-import PreLaunchTeaser from '~/components/LaunchWeek/PreLaunchTeaser'
-import ScheduleInfo from '~/components/LaunchWeek/ScheduleInfo'
-import { WeekDayProps } from '~/components/LaunchWeek/types'
+
+import { createClient, Session } from '@supabase/supabase-js'
+import { useRouter } from 'next/router'
+import { useEffect, useState } from 'react'
+import TicketContainer from '~/components/LaunchWeek/Ticket/TicketContainer'
+import { useTheme } from '~/components/Providers'
+import classNames from 'classnames'
+import styleUtils from '~/components/LaunchWeek/Ticket/utils.module.css'
+import { SITE_ORIGIN } from '~/lib/constants'
const days = _days as WeekDayProps[]
export default function launchweek() {
- const shippingHasStarted = days[0].shipped
- const title = 'Launch Week 5'
- const description = 'Supabase Launch Week 5 | 15-19 Aug 2022'
+ const { isDarkMode } = useTheme()
+
+ const title = 'Launch Week 6'
+ const description = 'Supabase Launch Week 6 | 12-18 Dec 2022'
+
+ const [supabase] = useState(() =>
+ createClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!)
+ )
+ const [session, setSession] = useState(null)
+ const { query } = useRouter()
+ const ticketNumber = query.ticketNumber?.toString()
+ const defaultUserData = {
+ id: query.id?.toString(),
+ ticketNumber: ticketNumber ? parseInt(ticketNumber, 10) : undefined,
+ name: query.name?.toString(),
+ username: query.username?.toString(),
+ }
+
+ useEffect(() => {
+ supabase.auth.onAuthStateChange((event, session) => {
+ setSession(session)
+ })
+ }, [])
+
+ useEffect(() => {
+ document.body.className = isDarkMode ? 'dark bg-[#121212]' : 'light bg-[#fff]'
+ }, [isDarkMode])
return (
<>
@@ -26,48 +54,68 @@ export default function launchweek() {
url: `https://supabase.com/launch-week`,
images: [
{
- url: `https://supabase.com/images/launchweek/og-image.jpg`,
+ url: `${SITE_ORIGIN}/images/launchweek/launch-week-6.jpg`,
},
],
}}
/>
-
-
- 
- 
-
-
- {!shippingHasStarted && postgrest-csharp
gotrue-csharp
realtime-csharp
- -
+ storage-csharp
Flutter
diff --git a/package-lock.json b/package-lock.json
index 6e853856f36..aa43ea6420d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -44,10 +44,10 @@
"@algolia/autocomplete-plugin-recent-searches": "^1.7.2",
"@apollo/client": "^3.6.6",
"@code-hike/mdx": "^0.7.4",
- "@docsearch/react": "1.0.0-alpha.27",
- "@mdx-js/loader": "^2.1.5",
- "@mdx-js/react": "^2.1.5",
- "@next/mdx": "^12.3.2",
+ "@docsearch/react": "^3.3.0",
+ "@mdx-js/loader": "^1.6.22",
+ "@mdx-js/react": "^1.6.22",
+ "@next/mdx": "^12.0.4",
"@radix-ui/react-accordion": "^1.0.1",
"@tailwindcss/typography": "^0.4.1",
"algoliasearch": "^4.14.2",
@@ -104,6 +104,140 @@
"typescript": "^4.5.3"
}
},
+ "apps/docs/node_modules/@babel/core": {
+ "version": "7.12.9",
+ "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.12.9.tgz",
+ "integrity": "sha512-gTXYh3M5wb7FRXQy+FErKFAv90BnlOuNn1QkCK2lREoPAjrQCO49+HVSrFoe5uakFAF5eenS75KbO2vQiLrTMQ==",
+ "dependencies": {
+ "@babel/code-frame": "^7.10.4",
+ "@babel/generator": "^7.12.5",
+ "@babel/helper-module-transforms": "^7.12.1",
+ "@babel/helpers": "^7.12.5",
+ "@babel/parser": "^7.12.7",
+ "@babel/template": "^7.12.7",
+ "@babel/traverse": "^7.12.9",
+ "@babel/types": "^7.12.7",
+ "convert-source-map": "^1.7.0",
+ "debug": "^4.1.0",
+ "gensync": "^1.0.0-beta.1",
+ "json5": "^2.1.2",
+ "lodash": "^4.17.19",
+ "resolve": "^1.3.2",
+ "semver": "^5.4.1",
+ "source-map": "^0.5.0"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/babel"
+ }
+ },
+ "apps/docs/node_modules/@babel/helper-plugin-utils": {
+ "version": "7.10.4",
+ "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+ "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg=="
+ },
+ "apps/docs/node_modules/@babel/plugin-proposal-object-rest-spread": {
+ "version": "7.12.1",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.12.1.tgz",
+ "integrity": "sha512-s6SowJIjzlhx8o7lsFx5zmY4At6CTtDvgNQDdPzkBQucle58A6b/TTeEBYtyDgmcXjUTM+vE8YOGHZzzbc/ioA==",
+ "dependencies": {
+ "@babel/helper-plugin-utils": "^7.10.4",
+ "@babel/plugin-syntax-object-rest-spread": "^7.8.0",
+ "@babel/plugin-transform-parameters": "^7.12.1"
+ },
+ "peerDependencies": {
+ "@babel/core": "^7.0.0-0"
+ }
+ },
+ "apps/docs/node_modules/@babel/plugin-syntax-jsx": {
+ "version": "7.12.1",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.12.1.tgz",
+ "integrity": "sha512-1yRi7yAtB0ETgxdY9ti/p2TivUxJkTdhu/ZbF9MshVGqOx1TdB3b7xCXs49Fupgg50N45KcAsRP/ZqWjs9SRjg==",
+ "dependencies": {
+ "@babel/helper-plugin-utils": "^7.10.4"
+ },
+ "peerDependencies": {
+ "@babel/core": "^7.0.0-0"
+ }
+ },
+ "apps/docs/node_modules/@mdx-js/loader": {
+ "version": "1.6.22",
+ "resolved": "https://registry.npmjs.org/@mdx-js/loader/-/loader-1.6.22.tgz",
+ "integrity": "sha512-9CjGwy595NaxAYp0hF9B/A0lH6C8Rms97e2JS9d3jVUtILn6pT5i5IV965ra3lIWc7Rs1GG1tBdVF7dCowYe6Q==",
+ "dependencies": {
+ "@mdx-js/mdx": "1.6.22",
+ "@mdx-js/react": "1.6.22",
+ "loader-utils": "2.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/unified"
+ }
+ },
+ "apps/docs/node_modules/@mdx-js/mdx": {
+ "version": "1.6.22",
+ "resolved": "https://registry.npmjs.org/@mdx-js/mdx/-/mdx-1.6.22.tgz",
+ "integrity": "sha512-AMxuLxPz2j5/6TpF/XSdKpQP1NlG0z11dFOlq+2IP/lSgl11GY8ji6S/rgsViN/L0BDvHvUMruRb7ub+24LUYA==",
+ "dependencies": {
+ "@babel/core": "7.12.9",
+ "@babel/plugin-syntax-jsx": "7.12.1",
+ "@babel/plugin-syntax-object-rest-spread": "7.8.3",
+ "@mdx-js/util": "1.6.22",
+ "babel-plugin-apply-mdx-type-prop": "1.6.22",
+ "babel-plugin-extract-import-names": "1.6.22",
+ "camelcase-css": "2.0.1",
+ "detab": "2.0.4",
+ "hast-util-raw": "6.0.1",
+ "lodash.uniq": "4.5.0",
+ "mdast-util-to-hast": "10.0.1",
+ "remark-footnotes": "2.0.0",
+ "remark-mdx": "1.6.22",
+ "remark-parse": "8.0.3",
+ "remark-squeeze-paragraphs": "4.0.0",
+ "style-to-object": "0.3.0",
+ "unified": "9.2.0",
+ "unist-builder": "2.0.3",
+ "unist-util-visit": "2.0.3"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/unified"
+ }
+ },
+ "apps/docs/node_modules/@mdx-js/mdx/node_modules/remark-mdx": {
+ "version": "1.6.22",
+ "resolved": "https://registry.npmjs.org/remark-mdx/-/remark-mdx-1.6.22.tgz",
+ "integrity": "sha512-phMHBJgeV76uyFkH4rvzCftLfKCr2RZuF+/gmVcaKrpsihyzmhXjA0BEMDaPTXG5y8qZOKPVo83NAOX01LPnOQ==",
+ "dependencies": {
+ "@babel/core": "7.12.9",
+ "@babel/helper-plugin-utils": "7.10.4",
+ "@babel/plugin-proposal-object-rest-spread": "7.12.1",
+ "@babel/plugin-syntax-jsx": "7.12.1",
+ "@mdx-js/util": "1.6.22",
+ "is-alphabetical": "1.0.4",
+ "remark-parse": "8.0.3",
+ "unified": "9.2.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/unified"
+ }
+ },
+ "apps/docs/node_modules/@mdx-js/react": {
+ "version": "1.6.22",
+ "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-1.6.22.tgz",
+ "integrity": "sha512-TDoPum4SHdfPiGSAaRBw7ECyI8VaHpK8GJugbJIJuqyh6kzw9ZLJZW3HGL3NNrJGxcAixUvqROm+YuQOo5eXtg==",
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/unified"
+ },
+ "peerDependencies": {
+ "react": "^16.13.1 || ^17.0.0"
+ }
+ },
"apps/docs/node_modules/ajv": {
"version": "6.12.6",
"resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -172,6 +306,68 @@
"url": "https://opencollective.com/eslint"
}
},
+ "apps/docs/node_modules/is-buffer": {
+ "version": "2.0.5",
+ "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
+ "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==",
+ "funding": [
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/feross"
+ },
+ {
+ "type": "patreon",
+ "url": "https://www.patreon.com/feross"
+ },
+ {
+ "type": "consulting",
+ "url": "https://feross.org/support"
+ }
+ ],
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "apps/docs/node_modules/is-plain-obj": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
+ "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==",
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "apps/docs/node_modules/loader-utils": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
+ "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
+ "dependencies": {
+ "big.js": "^5.2.2",
+ "emojis-list": "^3.0.0",
+ "json5": "^2.1.2"
+ },
+ "engines": {
+ "node": ">=8.9.0"
+ }
+ },
+ "apps/docs/node_modules/mdast-util-to-hast": {
+ "version": "10.0.1",
+ "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-10.0.1.tgz",
+ "integrity": "sha512-BW3LM9SEMnjf4HXXVApZMt8gLQWVNXc3jryK0nJu/rOXPOnlkUjmdkDlmxMirpbU9ILncGFIwLH/ubnWBbcdgA==",
+ "dependencies": {
+ "@types/mdast": "^3.0.0",
+ "@types/unist": "^2.0.0",
+ "mdast-util-definitions": "^4.0.0",
+ "mdurl": "^1.0.0",
+ "unist-builder": "^2.0.0",
+ "unist-util-generated": "^1.0.0",
+ "unist-util-position": "^3.0.0",
+ "unist-util-visit": "^2.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/unified"
+ }
+ },
"apps/docs/node_modules/mdx-mermaid": {
"version": "2.0.0-rc3",
"resolved": "https://registry.npmjs.org/mdx-mermaid/-/mdx-mermaid-2.0.0-rc3.tgz",
@@ -189,6 +385,145 @@
"unist-util-visit": "^4.1.0"
}
},
+ "apps/docs/node_modules/remark-parse": {
+ "version": "8.0.3",
+ "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-8.0.3.tgz",
+ "integrity": "sha512-E1K9+QLGgggHxCQtLt++uXltxEprmWzNfg+MxpfHsZlrddKzZ/hZyWHDbK3/Ap8HJQqYJRXP+jHczdL6q6i85Q==",
+ "dependencies": {
+ "ccount": "^1.0.0",
+ "collapse-white-space": "^1.0.2",
+ "is-alphabetical": "^1.0.0",
+ "is-decimal": "^1.0.0",
+ "is-whitespace-character": "^1.0.0",
+ "is-word-character": "^1.0.0",
+ "markdown-escapes": "^1.0.0",
+ "parse-entities": "^2.0.0",
+ "repeat-string": "^1.5.4",
+ "state-toggle": "^1.0.0",
+ "trim": "0.0.1",
+ "trim-trailing-lines": "^1.0.0",
+ "unherit": "^1.0.4",
+ "unist-util-remove-position": "^2.0.0",
+ "vfile-location": "^3.0.0",
+ "xtend": "^4.0.1"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/unified"
+ }
+ },
+ "apps/docs/node_modules/semver": {
+ "version": "5.7.1",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+ "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+ "bin": {
+ "semver": "bin/semver"
+ }
+ },
+ "apps/docs/node_modules/source-map": {
+ "version": "0.5.7",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+ "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "apps/docs/node_modules/unified": {
+ "version": "9.2.0",
+ "resolved": "https://registry.npmjs.org/unified/-/unified-9.2.0.tgz",
+ "integrity": "sha512-vx2Z0vY+a3YoTj8+pttM3tiJHCwY5UFbYdiWrwBEbHmK8pvsPj2rtAX2BFfgXen8T39CJWblWRDT4L5WGXtDdg==",
+ "dependencies": {
+ "bail": "^1.0.0",
+ "extend": "^3.0.0",
+ "is-buffer": "^2.0.0",
+ "is-plain-obj": "^2.0.0",
+ "trough": "^1.0.0",
+ "vfile": "^4.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/unified"
+ }
+ },
+ "apps/docs/node_modules/unist-builder": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/unist-builder/-/unist-builder-2.0.3.tgz",
+ "integrity": "sha512-f98yt5pnlMWlzP539tPc4grGMsFaQQlP/vM396b00jngsiINumNmsY8rkXjfoi1c6QaM8nQ3vaGDuoKWbe/1Uw==",
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/unified"
+ }
+ },
+ "apps/docs/node_modules/unist-util-generated": {
+ "version": "1.1.6",
+ "resolved": "https://registry.npmjs.org/unist-util-generated/-/unist-util-generated-1.1.6.tgz",
+ "integrity": "sha512-cln2Mm1/CZzN5ttGK7vkoGw+RZ8VcUH6BtGbq98DDtRGquAAOXig1mrBQYelOwMXYS8rK+vZDyyojSjp7JX+Lg==",
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/unified"
+ }
+ },
+ "apps/docs/node_modules/unist-util-remove-position": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-2.0.1.tgz",
+ "integrity": "sha512-fDZsLYIe2uT+oGFnuZmy73K6ZxOPG/Qcm+w7jbEjaFcJgbQ6cqjs/eSPzXhsmGpAsWPkqZM9pYjww5QTn3LHMA==",
+ "dependencies": {
+ "unist-util-visit": "^2.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/unified"
+ }
+ },
+ "apps/docs/node_modules/unist-util-stringify-position": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz",
+ "integrity": "sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==",
+ "dependencies": {
+ "@types/unist": "^2.0.2"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/unified"
+ }
+ },
+ "apps/docs/node_modules/vfile": {
+ "version": "4.2.1",
+ "resolved": "https://registry.npmjs.org/vfile/-/vfile-4.2.1.tgz",
+ "integrity": "sha512-O6AE4OskCG5S1emQ/4gl8zK586RqA3srz3nfK/Viy0UPToBc5Trp9BVFb1u0CjsKrAWwnpr4ifM/KBXPWwJbCA==",
+ "dependencies": {
+ "@types/unist": "^2.0.0",
+ "is-buffer": "^2.0.0",
+ "unist-util-stringify-position": "^2.0.0",
+ "vfile-message": "^2.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/unified"
+ }
+ },
+ "apps/docs/node_modules/vfile-location": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-3.2.0.tgz",
+ "integrity": "sha512-aLEIZKv/oxuCDZ8lkJGhuhztf/BW4M+iHdCwglA/eWc+vtuRFJj8EtgceYFX4LRjOhCAAiNHsKGssC6onJ+jbA==",
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/unified"
+ }
+ },
+ "apps/docs/node_modules/vfile-message": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-2.0.4.tgz",
+ "integrity": "sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==",
+ "dependencies": {
+ "@types/unist": "^2.0.0",
+ "unist-util-stringify-position": "^2.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/unified"
+ }
+ },
"apps/www": {
"version": "0.0.3",
"license": "MIT",
@@ -201,6 +536,7 @@
"@supabase/auth-ui-react": "^0.1.6",
"@supabase/supabase-js": "^2.0.0",
"classnames": "^2.3.1",
+ "cobe": "^0.6.2",
"common": "*",
"config": "*",
"date-fns": "2.10.0",
@@ -235,6 +571,7 @@
"ui": "*",
"use-debounce": "^7.0.1",
"uuid": "^8.3.2",
+ "vanilla-tilt": "1.7.0",
"yup": "^0.32.11"
},
"devDependencies": {
@@ -2682,25 +3019,62 @@
}
},
"node_modules/@docsearch/css": {
- "version": "1.0.0-alpha.28",
- "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-1.0.0-alpha.28.tgz",
- "integrity": "sha512-1AhRzVdAkrWwhaxTX6/R7SnFHz8yLz1W8I/AldlTrfbNvZs9INk1FZiEFTJdgHaP68nhgQNWSGlQiDiI3y2RYg=="
+ "version": "3.3.0",
+ "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-3.3.0.tgz",
+ "integrity": "sha512-rODCdDtGyudLj+Va8b6w6Y85KE85bXRsps/R4Yjwt5vueXKXZQKYw0aA9knxLBT6a/bI/GMrAcmCR75KYOM6hg=="
},
"node_modules/@docsearch/react": {
- "version": "1.0.0-alpha.27",
- "resolved": "https://registry.npmjs.org/@docsearch/react/-/react-1.0.0-alpha.27.tgz",
- "integrity": "sha512-jcgUHZsrNNRsaVsplqKhXWheh4VzRTCdhsPuVhJMRvfsFUqXEPo/7kVt5xIybtOj9u+/FVdeSO+APJEE2rakYA==",
+ "version": "3.3.0",
+ "resolved": "https://registry.npmjs.org/@docsearch/react/-/react-3.3.0.tgz",
+ "integrity": "sha512-fhS5adZkae2SSdMYEMVg6pxI5a/cE+tW16ki1V0/ur4Fdok3hBRkmN/H8VvlXnxzggkQIIRIVvYPn00JPjen3A==",
"dependencies": {
- "@docsearch/css": "^1.0.0-alpha.27",
- "@francoischalifour/autocomplete-core": "^1.0.0-alpha.27",
- "@francoischalifour/autocomplete-preset-algolia": "^1.0.0-alpha.27",
+ "@algolia/autocomplete-core": "1.7.2",
+ "@algolia/autocomplete-preset-algolia": "1.7.2",
+ "@docsearch/css": "3.3.0",
"algoliasearch": "^4.0.0"
},
"peerDependencies": {
- "react": "^16.8.0",
- "react-dom": "^16.8.0"
+ "@types/react": ">= 16.8.0 < 19.0.0",
+ "react": ">= 16.8.0 < 19.0.0",
+ "react-dom": ">= 16.8.0 < 19.0.0"
+ },
+ "peerDependenciesMeta": {
+ "@types/react": {
+ "optional": true
+ },
+ "react": {
+ "optional": true
+ },
+ "react-dom": {
+ "optional": true
+ }
}
},
+ "node_modules/@docsearch/react/node_modules/@algolia/autocomplete-core": {
+ "version": "1.7.2",
+ "resolved": "https://registry.npmjs.org/@algolia/autocomplete-core/-/autocomplete-core-1.7.2.tgz",
+ "integrity": "sha512-eclwUDC6qfApNnEfu1uWcL/rudQsn59tjEoUYZYE2JSXZrHLRjBUGMxiCoknobU2Pva8ejb0eRxpIYDtVVqdsw==",
+ "dependencies": {
+ "@algolia/autocomplete-shared": "1.7.2"
+ }
+ },
+ "node_modules/@docsearch/react/node_modules/@algolia/autocomplete-preset-algolia": {
+ "version": "1.7.2",
+ "resolved": "https://registry.npmjs.org/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.7.2.tgz",
+ "integrity": "sha512-+RYEG6B0QiGGfRb2G3MtPfyrl0dALF3cQNTWBzBX6p5o01vCCGTTinAm2UKG3tfc2CnOMAtnPLkzNZyJUpnVJw==",
+ "dependencies": {
+ "@algolia/autocomplete-shared": "1.7.2"
+ },
+ "peerDependencies": {
+ "@algolia/client-search": ">= 4.9.1 < 6",
+ "algoliasearch": ">= 4.9.1 < 6"
+ }
+ },
+ "node_modules/@docsearch/react/node_modules/@algolia/autocomplete-shared": {
+ "version": "1.7.2",
+ "resolved": "https://registry.npmjs.org/@algolia/autocomplete-shared/-/autocomplete-shared-1.7.2.tgz",
+ "integrity": "sha512-QCckjiC7xXHIUaIL3ektBtjJ0w7tTA3iqKcAE/Hjn1lZ5omp7i3Y4e09rAr9ZybqirL7AbxCLLq0Ra5DDPKeug=="
+ },
"node_modules/@eslint/eslintrc": {
"version": "1.3.3",
"resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.3.tgz",
@@ -2750,16 +3124,6 @@
"npm": ">=6.0.0"
}
},
- "node_modules/@francoischalifour/autocomplete-core": {
- "version": "1.0.0-alpha.28",
- "resolved": "https://registry.npmjs.org/@francoischalifour/autocomplete-core/-/autocomplete-core-1.0.0-alpha.28.tgz",
- "integrity": "sha512-rL9x+72btViw+9icfBKUJjZj87FgjFrD2esuTUqtj4RAX3s4AuVZiN8XEsfjQBSc6qJk31cxlvqZHC/BIyYXgg=="
- },
- "node_modules/@francoischalifour/autocomplete-preset-algolia": {
- "version": "1.0.0-alpha.28",
- "resolved": "https://registry.npmjs.org/@francoischalifour/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.0.0-alpha.28.tgz",
- "integrity": "sha512-bprfNmYt1opFUFEtD2XfY/kEsm13bzHQgU80uMjhuK0DJ914IjolT1GytpkdM6tJ4MBvyiJPP+bTtWO+BZ7c7w=="
- },
"node_modules/@gar/promisify": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
@@ -9257,6 +9621,75 @@
"tailwindcss": ">=2.0.0"
}
},
+ "node_modules/@tanstack/match-sorter-utils": {
+ "version": "8.1.1",
+ "resolved": "https://registry.npmjs.org/@tanstack/match-sorter-utils/-/match-sorter-utils-8.1.1.tgz",
+ "integrity": "sha512-IdmEekEYxQsoLOR0XQyw3jD1GujBpRRYaGJYQUw1eOT1eUugWxdc7jomh1VQ1EKHcdwDLpLaCz/8y4KraU4T9A==",
+ "dependencies": {
+ "remove-accents": "0.4.2"
+ },
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/kentcdodds"
+ }
+ },
+ "node_modules/@tanstack/query-core": {
+ "version": "4.15.1",
+ "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-4.15.1.tgz",
+ "integrity": "sha512-+UfqJsNbPIVo0a9ANW0ZxtjiMfGLaaoIaL9vZeVycvmBuWywJGtSi7fgPVMCPdZQFOzMsaXaOsDtSKQD5xLRVQ==",
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/tannerlinsley"
+ }
+ },
+ "node_modules/@tanstack/react-query": {
+ "version": "4.16.1",
+ "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-4.16.1.tgz",
+ "integrity": "sha512-PDE9u49wSDykPazlCoLFevUpceLjQ0Mm8i6038HgtTEKb/aoVnUZdlUP7C392ds3Cd75+EGlHU7qpEX06R7d9Q==",
+ "dependencies": {
+ "@tanstack/query-core": "4.15.1",
+ "use-sync-external-store": "^1.2.0"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/tannerlinsley"
+ },
+ "peerDependencies": {
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
+ "react-native": "*"
+ },
+ "peerDependenciesMeta": {
+ "react-dom": {
+ "optional": true
+ },
+ "react-native": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/@tanstack/react-query-devtools": {
+ "version": "4.16.1",
+ "resolved": "https://registry.npmjs.org/@tanstack/react-query-devtools/-/react-query-devtools-4.16.1.tgz",
+ "integrity": "sha512-VrDYLmG+OOcvGSZL5avG4R8jhqeMFP7pzW2sh2BWEV9UfI+aocG+CW8y8ygacxuKy48m8Tyo/xfe8H1z9BGb+g==",
+ "dependencies": {
+ "@tanstack/match-sorter-utils": "8.1.1",
+ "superjson": "^1.10.0",
+ "use-sync-external-store": "^1.2.0"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/tannerlinsley"
+ },
+ "peerDependencies": {
+ "@tanstack/react-query": "4.16.1",
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+ }
+ },
"node_modules/@testdeck/core": {
"version": "0.2.2",
"resolved": "https://registry.npmjs.org/@testdeck/core/-/core-0.2.2.tgz",
@@ -12929,6 +13362,14 @@
"node": ">= 0.12.0"
}
},
+ "node_modules/cobe": {
+ "version": "0.6.2",
+ "resolved": "https://registry.npmjs.org/cobe/-/cobe-0.6.2.tgz",
+ "integrity": "sha512-0lU+QD18yzxsWsuTy4HB+kRYT/SugVPRx95MhfteZgD2UgEJ+6fScChroCVqIXWi5IxL0T8Ywm8avHvmOsl5xQ==",
+ "dependencies": {
+ "phenomenon": "^1.6.0"
+ }
+ },
"node_modules/code-point-at": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
@@ -13228,6 +13669,20 @@
"integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
"dev": true
},
+ "node_modules/copy-anything": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-3.0.2.tgz",
+ "integrity": "sha512-CzATjGXzUQ0EvuvgOCI6A4BGOo2bcVx8B+eC2nF862iv9fopnPQwlrbACakNCHRIJbCSBj+J/9JeDf60k64MkA==",
+ "dependencies": {
+ "is-what": "^4.1.6"
+ },
+ "engines": {
+ "node": ">=12.13"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/mesqueeb"
+ }
+ },
"node_modules/copy-concurrently": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/copy-concurrently/-/copy-concurrently-1.0.5.tgz",
@@ -19912,6 +20367,17 @@
"url": "https://github.com/sponsors/ljharb"
}
},
+ "node_modules/is-what": {
+ "version": "4.1.7",
+ "resolved": "https://registry.npmjs.org/is-what/-/is-what-4.1.7.tgz",
+ "integrity": "sha512-DBVOQNiPKnGMxRMLIYSwERAS5MVY1B7xYiGnpgctsOFvVDz9f9PFXXxMcTOHuoqYp4NK9qFYQaIC1NRRxLMpBQ==",
+ "engines": {
+ "node": ">=12.13"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/mesqueeb"
+ }
+ },
"node_modules/is-whitespace-character": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/is-whitespace-character/-/is-whitespace-character-1.0.4.tgz",
@@ -26507,6 +26973,11 @@
"split2": "^4.1.0"
}
},
+ "node_modules/phenomenon": {
+ "version": "1.6.0",
+ "resolved": "https://registry.npmjs.org/phenomenon/-/phenomenon-1.6.0.tgz",
+ "integrity": "sha512-7h9/fjPD3qNlgggzm88cY58l9sudZ6Ey+UmZsizfhtawO6E3srZQXywaNm2lBwT72TbpHYRPy7ytIHeBUD/G0A=="
+ },
"node_modules/picocolors": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -31423,6 +31894,11 @@
"sprintf-js": "~1.0.2"
}
},
+ "node_modules/remove-accents": {
+ "version": "0.4.2",
+ "resolved": "https://registry.npmjs.org/remove-accents/-/remove-accents-0.4.2.tgz",
+ "integrity": "sha512-7pXIJqJOq5tFgG1A2Zxti3Ht8jJF337m4sowbuHsW30ZnkQFnDzy9qBNhgzX8ZLW4+UBcXiiR7SwR6pokHsxiA=="
+ },
"node_modules/remove-trailing-separator": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
@@ -33215,6 +33691,17 @@
"resolved": "tests",
"link": true
},
+ "node_modules/superjson": {
+ "version": "1.11.0",
+ "resolved": "https://registry.npmjs.org/superjson/-/superjson-1.11.0.tgz",
+ "integrity": "sha512-6PfAg1FKhqkwWvPb2uXhH4MkMttdc17eJ91+Aoz4s1XUEDZFmLfFx/xVA3wgkPxAGy5dpozgGdK6V/n20Wj9yg==",
+ "dependencies": {
+ "copy-anything": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=10"
+ }
+ },
"node_modules/supports-color": {
"version": "7.2.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -35089,6 +35576,14 @@
"react": "^16.8.0 || ^17.0.0"
}
},
+ "node_modules/use-sync-external-store": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",
+ "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==",
+ "peerDependencies": {
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+ }
+ },
"node_modules/utf-8-validate": {
"version": "5.0.10",
"resolved": "https://registry.npmjs.org/utf-8-validate/-/utf-8-validate-5.0.10.tgz",
@@ -35236,6 +35731,11 @@
"spdx-expression-parse": "^3.0.0"
}
},
+ "node_modules/vanilla-tilt": {
+ "version": "1.7.0",
+ "resolved": "https://registry.npmjs.org/vanilla-tilt/-/vanilla-tilt-1.7.0.tgz",
+ "integrity": "sha512-u9yUhpSasFeqQCuiTon+RSb0aHzcj9stvWVXQIswzKL5oG491lkYk7U1GmhOAEZt7yPT6EiYZRJhIh2MFBncOA=="
+ },
"node_modules/vary": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@@ -36918,7 +37418,9 @@
"@supabase/postgres-meta": "^0.26.1",
"@supabase/react-data-grid": "^7.1.0-beta.7",
"@supabase/shared-types": "^0.1.29",
- "@supabase/supabase-js": "^2.1.0",
+ "@supabase/supabase-js": "^2.1.1",
+ "@tanstack/react-query": "^4.16.1",
+ "@tanstack/react-query-devtools": "^4.16.1",
"ajv": "^8.6.3",
"analytics-node": "^3.5.0",
"awesome-debounce-promise": "^2.1.0",
@@ -37022,7 +37524,7 @@
"storybook-dark-mode": "^1.0.4",
"tailwindcss": "^3.0.22",
"ts-jest": "^27.0.7",
- "typescript": "4.3.4"
+ "typescript": "4.8.4"
}
},
"studio/node_modules/@next/bundle-analyzer": {
@@ -37243,9 +37745,9 @@
}
},
"studio/node_modules/typescript": {
- "version": "4.3.4",
- "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.3.4.tgz",
- "integrity": "sha512-uauPG7XZn9F/mo+7MrsRjyvbxFpzemRjKEZXS4AK83oP2KKOJPvb+9cO/gmnv8arWZvhnjVOXz7B49m1l0e9Ew==",
+ "version": "4.8.4",
+ "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.8.4.tgz",
+ "integrity": "sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==",
"dev": true,
"bin": {
"tsc": "bin/tsc",
@@ -39063,19 +39565,42 @@
"dev": true
},
"@docsearch/css": {
- "version": "1.0.0-alpha.28",
- "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-1.0.0-alpha.28.tgz",
- "integrity": "sha512-1AhRzVdAkrWwhaxTX6/R7SnFHz8yLz1W8I/AldlTrfbNvZs9INk1FZiEFTJdgHaP68nhgQNWSGlQiDiI3y2RYg=="
+ "version": "3.3.0",
+ "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-3.3.0.tgz",
+ "integrity": "sha512-rODCdDtGyudLj+Va8b6w6Y85KE85bXRsps/R4Yjwt5vueXKXZQKYw0aA9knxLBT6a/bI/GMrAcmCR75KYOM6hg=="
},
"@docsearch/react": {
- "version": "1.0.0-alpha.27",
- "resolved": "https://registry.npmjs.org/@docsearch/react/-/react-1.0.0-alpha.27.tgz",
- "integrity": "sha512-jcgUHZsrNNRsaVsplqKhXWheh4VzRTCdhsPuVhJMRvfsFUqXEPo/7kVt5xIybtOj9u+/FVdeSO+APJEE2rakYA==",
+ "version": "3.3.0",
+ "resolved": "https://registry.npmjs.org/@docsearch/react/-/react-3.3.0.tgz",
+ "integrity": "sha512-fhS5adZkae2SSdMYEMVg6pxI5a/cE+tW16ki1V0/ur4Fdok3hBRkmN/H8VvlXnxzggkQIIRIVvYPn00JPjen3A==",
"requires": {
- "@docsearch/css": "^1.0.0-alpha.27",
- "@francoischalifour/autocomplete-core": "^1.0.0-alpha.27",
- "@francoischalifour/autocomplete-preset-algolia": "^1.0.0-alpha.27",
+ "@algolia/autocomplete-core": "1.7.2",
+ "@algolia/autocomplete-preset-algolia": "1.7.2",
+ "@docsearch/css": "3.3.0",
"algoliasearch": "^4.0.0"
+ },
+ "dependencies": {
+ "@algolia/autocomplete-core": {
+ "version": "1.7.2",
+ "resolved": "https://registry.npmjs.org/@algolia/autocomplete-core/-/autocomplete-core-1.7.2.tgz",
+ "integrity": "sha512-eclwUDC6qfApNnEfu1uWcL/rudQsn59tjEoUYZYE2JSXZrHLRjBUGMxiCoknobU2Pva8ejb0eRxpIYDtVVqdsw==",
+ "requires": {
+ "@algolia/autocomplete-shared": "1.7.2"
+ }
+ },
+ "@algolia/autocomplete-preset-algolia": {
+ "version": "1.7.2",
+ "resolved": "https://registry.npmjs.org/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.7.2.tgz",
+ "integrity": "sha512-+RYEG6B0QiGGfRb2G3MtPfyrl0dALF3cQNTWBzBX6p5o01vCCGTTinAm2UKG3tfc2CnOMAtnPLkzNZyJUpnVJw==",
+ "requires": {
+ "@algolia/autocomplete-shared": "1.7.2"
+ }
+ },
+ "@algolia/autocomplete-shared": {
+ "version": "1.7.2",
+ "resolved": "https://registry.npmjs.org/@algolia/autocomplete-shared/-/autocomplete-shared-1.7.2.tgz",
+ "integrity": "sha512-QCckjiC7xXHIUaIL3ektBtjJ0w7tTA3iqKcAE/Hjn1lZ5omp7i3Y4e09rAr9ZybqirL7AbxCLLq0Ra5DDPKeug=="
+ }
}
},
"@eslint/eslintrc": {
@@ -39115,16 +39640,6 @@
"integrity": "sha512-8YXBE2ZcU/pImVOHX7MWrSR/X5up7t6rPWZlk34RwZEcdr3ua6X+32pSd6XuOQRN+vbuvYNfA6iey8NbrjuMFQ==",
"dev": true
},
- "@francoischalifour/autocomplete-core": {
- "version": "1.0.0-alpha.28",
- "resolved": "https://registry.npmjs.org/@francoischalifour/autocomplete-core/-/autocomplete-core-1.0.0-alpha.28.tgz",
- "integrity": "sha512-rL9x+72btViw+9icfBKUJjZj87FgjFrD2esuTUqtj4RAX3s4AuVZiN8XEsfjQBSc6qJk31cxlvqZHC/BIyYXgg=="
- },
- "@francoischalifour/autocomplete-preset-algolia": {
- "version": "1.0.0-alpha.28",
- "resolved": "https://registry.npmjs.org/@francoischalifour/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.0.0-alpha.28.tgz",
- "integrity": "sha512-bprfNmYt1opFUFEtD2XfY/kEsm13bzHQgU80uMjhuK0DJ914IjolT1GytpkdM6tJ4MBvyiJPP+bTtWO+BZ7c7w=="
- },
"@gar/promisify": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
@@ -43986,6 +44501,38 @@
"lodash.uniq": "^4.5.0"
}
},
+ "@tanstack/match-sorter-utils": {
+ "version": "8.1.1",
+ "resolved": "https://registry.npmjs.org/@tanstack/match-sorter-utils/-/match-sorter-utils-8.1.1.tgz",
+ "integrity": "sha512-IdmEekEYxQsoLOR0XQyw3jD1GujBpRRYaGJYQUw1eOT1eUugWxdc7jomh1VQ1EKHcdwDLpLaCz/8y4KraU4T9A==",
+ "requires": {
+ "remove-accents": "0.4.2"
+ }
+ },
+ "@tanstack/query-core": {
+ "version": "4.15.1",
+ "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-4.15.1.tgz",
+ "integrity": "sha512-+UfqJsNbPIVo0a9ANW0ZxtjiMfGLaaoIaL9vZeVycvmBuWywJGtSi7fgPVMCPdZQFOzMsaXaOsDtSKQD5xLRVQ=="
+ },
+ "@tanstack/react-query": {
+ "version": "4.16.1",
+ "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-4.16.1.tgz",
+ "integrity": "sha512-PDE9u49wSDykPazlCoLFevUpceLjQ0Mm8i6038HgtTEKb/aoVnUZdlUP7C392ds3Cd75+EGlHU7qpEX06R7d9Q==",
+ "requires": {
+ "@tanstack/query-core": "4.15.1",
+ "use-sync-external-store": "^1.2.0"
+ }
+ },
+ "@tanstack/react-query-devtools": {
+ "version": "4.16.1",
+ "resolved": "https://registry.npmjs.org/@tanstack/react-query-devtools/-/react-query-devtools-4.16.1.tgz",
+ "integrity": "sha512-VrDYLmG+OOcvGSZL5avG4R8jhqeMFP7pzW2sh2BWEV9UfI+aocG+CW8y8ygacxuKy48m8Tyo/xfe8H1z9BGb+g==",
+ "requires": {
+ "@tanstack/match-sorter-utils": "8.1.1",
+ "superjson": "^1.10.0",
+ "use-sync-external-store": "^1.2.0"
+ }
+ },
"@testdeck/core": {
"version": "0.2.2",
"resolved": "https://registry.npmjs.org/@testdeck/core/-/core-0.2.2.tgz",
@@ -46929,6 +47476,14 @@
"integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
"dev": true
},
+ "cobe": {
+ "version": "0.6.2",
+ "resolved": "https://registry.npmjs.org/cobe/-/cobe-0.6.2.tgz",
+ "integrity": "sha512-0lU+QD18yzxsWsuTy4HB+kRYT/SugVPRx95MhfteZgD2UgEJ+6fScChroCVqIXWi5IxL0T8Ywm8avHvmOsl5xQ==",
+ "requires": {
+ "phenomenon": "^1.6.0"
+ }
+ },
"code-point-at": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
@@ -47214,6 +47769,14 @@
"integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
"dev": true
},
+ "copy-anything": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-3.0.2.tgz",
+ "integrity": "sha512-CzATjGXzUQ0EvuvgOCI6A4BGOo2bcVx8B+eC2nF862iv9fopnPQwlrbACakNCHRIJbCSBj+J/9JeDf60k64MkA==",
+ "requires": {
+ "is-what": "^4.1.6"
+ }
+ },
"copy-concurrently": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/copy-concurrently/-/copy-concurrently-1.0.5.tgz",
@@ -48848,10 +49411,10 @@
"@algolia/autocomplete-plugin-recent-searches": "^1.7.2",
"@apollo/client": "^3.6.6",
"@code-hike/mdx": "^0.7.4",
- "@docsearch/react": "1.0.0-alpha.27",
- "@mdx-js/loader": "^2.1.5",
- "@mdx-js/react": "^2.1.5",
- "@next/mdx": "^12.3.2",
+ "@docsearch/react": "^3.3.0",
+ "@mdx-js/loader": "^1.6.22",
+ "@mdx-js/react": "^1.6.22",
+ "@next/mdx": "^12.0.4",
"@radix-ui/react-accordion": "^1.0.1",
"@tailwindcss/typography": "^0.4.1",
"@types/node": "^17.0.12",
@@ -48904,6 +49467,111 @@
"ui": "*"
},
"dependencies": {
+ "@babel/core": {
+ "version": "7.12.9",
+ "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.12.9.tgz",
+ "integrity": "sha512-gTXYh3M5wb7FRXQy+FErKFAv90BnlOuNn1QkCK2lREoPAjrQCO49+HVSrFoe5uakFAF5eenS75KbO2vQiLrTMQ==",
+ "requires": {
+ "@babel/code-frame": "^7.10.4",
+ "@babel/generator": "^7.12.5",
+ "@babel/helper-module-transforms": "^7.12.1",
+ "@babel/helpers": "^7.12.5",
+ "@babel/parser": "^7.12.7",
+ "@babel/template": "^7.12.7",
+ "@babel/traverse": "^7.12.9",
+ "@babel/types": "^7.12.7",
+ "convert-source-map": "^1.7.0",
+ "debug": "^4.1.0",
+ "gensync": "^1.0.0-beta.1",
+ "json5": "^2.1.2",
+ "lodash": "^4.17.19",
+ "resolve": "^1.3.2",
+ "semver": "^5.4.1",
+ "source-map": "^0.5.0"
+ }
+ },
+ "@babel/helper-plugin-utils": {
+ "version": "7.10.4",
+ "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+ "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg=="
+ },
+ "@babel/plugin-proposal-object-rest-spread": {
+ "version": "7.12.1",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.12.1.tgz",
+ "integrity": "sha512-s6SowJIjzlhx8o7lsFx5zmY4At6CTtDvgNQDdPzkBQucle58A6b/TTeEBYtyDgmcXjUTM+vE8YOGHZzzbc/ioA==",
+ "requires": {
+ "@babel/helper-plugin-utils": "^7.10.4",
+ "@babel/plugin-syntax-object-rest-spread": "^7.8.0",
+ "@babel/plugin-transform-parameters": "^7.12.1"
+ }
+ },
+ "@babel/plugin-syntax-jsx": {
+ "version": "7.12.1",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.12.1.tgz",
+ "integrity": "sha512-1yRi7yAtB0ETgxdY9ti/p2TivUxJkTdhu/ZbF9MshVGqOx1TdB3b7xCXs49Fupgg50N45KcAsRP/ZqWjs9SRjg==",
+ "requires": {
+ "@babel/helper-plugin-utils": "^7.10.4"
+ }
+ },
+ "@mdx-js/loader": {
+ "version": "1.6.22",
+ "resolved": "https://registry.npmjs.org/@mdx-js/loader/-/loader-1.6.22.tgz",
+ "integrity": "sha512-9CjGwy595NaxAYp0hF9B/A0lH6C8Rms97e2JS9d3jVUtILn6pT5i5IV965ra3lIWc7Rs1GG1tBdVF7dCowYe6Q==",
+ "requires": {
+ "@mdx-js/mdx": "1.6.22",
+ "@mdx-js/react": "1.6.22",
+ "loader-utils": "2.0.0"
+ }
+ },
+ "@mdx-js/mdx": {
+ "version": "1.6.22",
+ "resolved": "https://registry.npmjs.org/@mdx-js/mdx/-/mdx-1.6.22.tgz",
+ "integrity": "sha512-AMxuLxPz2j5/6TpF/XSdKpQP1NlG0z11dFOlq+2IP/lSgl11GY8ji6S/rgsViN/L0BDvHvUMruRb7ub+24LUYA==",
+ "requires": {
+ "@babel/core": "7.12.9",
+ "@babel/plugin-syntax-jsx": "7.12.1",
+ "@babel/plugin-syntax-object-rest-spread": "7.8.3",
+ "@mdx-js/util": "1.6.22",
+ "babel-plugin-apply-mdx-type-prop": "1.6.22",
+ "babel-plugin-extract-import-names": "1.6.22",
+ "camelcase-css": "2.0.1",
+ "detab": "2.0.4",
+ "hast-util-raw": "6.0.1",
+ "lodash.uniq": "4.5.0",
+ "mdast-util-to-hast": "10.0.1",
+ "remark-footnotes": "2.0.0",
+ "remark-mdx": "1.6.22",
+ "remark-parse": "8.0.3",
+ "remark-squeeze-paragraphs": "4.0.0",
+ "style-to-object": "0.3.0",
+ "unified": "9.2.0",
+ "unist-builder": "2.0.3",
+ "unist-util-visit": "2.0.3"
+ },
+ "dependencies": {
+ "remark-mdx": {
+ "version": "1.6.22",
+ "resolved": "https://registry.npmjs.org/remark-mdx/-/remark-mdx-1.6.22.tgz",
+ "integrity": "sha512-phMHBJgeV76uyFkH4rvzCftLfKCr2RZuF+/gmVcaKrpsihyzmhXjA0BEMDaPTXG5y8qZOKPVo83NAOX01LPnOQ==",
+ "requires": {
+ "@babel/core": "7.12.9",
+ "@babel/helper-plugin-utils": "7.10.4",
+ "@babel/plugin-proposal-object-rest-spread": "7.12.1",
+ "@babel/plugin-syntax-jsx": "7.12.1",
+ "@mdx-js/util": "1.6.22",
+ "is-alphabetical": "1.0.4",
+ "remark-parse": "8.0.3",
+ "unified": "9.2.0"
+ }
+ }
+ }
+ },
+ "@mdx-js/react": {
+ "version": "1.6.22",
+ "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-1.6.22.tgz",
+ "integrity": "sha512-TDoPum4SHdfPiGSAaRBw7ECyI8VaHpK8GJugbJIJuqyh6kzw9ZLJZW3HGL3NNrJGxcAixUvqROm+YuQOo5eXtg==",
+ "requires": {}
+ },
"ajv": {
"version": "6.12.6",
"resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -48959,11 +49627,143 @@
"v8-compile-cache": "^2.0.3"
}
},
+ "is-buffer": {
+ "version": "2.0.5",
+ "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
+ "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ=="
+ },
+ "is-plain-obj": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
+ "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA=="
+ },
+ "loader-utils": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
+ "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
+ "requires": {
+ "big.js": "^5.2.2",
+ "emojis-list": "^3.0.0",
+ "json5": "^2.1.2"
+ }
+ },
+ "mdast-util-to-hast": {
+ "version": "10.0.1",
+ "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-10.0.1.tgz",
+ "integrity": "sha512-BW3LM9SEMnjf4HXXVApZMt8gLQWVNXc3jryK0nJu/rOXPOnlkUjmdkDlmxMirpbU9ILncGFIwLH/ubnWBbcdgA==",
+ "requires": {
+ "@types/mdast": "^3.0.0",
+ "@types/unist": "^2.0.0",
+ "mdast-util-definitions": "^4.0.0",
+ "mdurl": "^1.0.0",
+ "unist-builder": "^2.0.0",
+ "unist-util-generated": "^1.0.0",
+ "unist-util-position": "^3.0.0",
+ "unist-util-visit": "^2.0.0"
+ }
+ },
"mdx-mermaid": {
"version": "2.0.0-rc3",
"resolved": "https://registry.npmjs.org/mdx-mermaid/-/mdx-mermaid-2.0.0-rc3.tgz",
"integrity": "sha512-zshJVTyepNE8Sjrj7Hv1UyDq3UwJVnwKsHGuDBYM4jixsofrC2j9wj2sXQ3PnlryFxLm9pU9ctqiGQgbxYXLjg==",
"requires": {}
+ },
+ "remark-parse": {
+ "version": "8.0.3",
+ "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-8.0.3.tgz",
+ "integrity": "sha512-E1K9+QLGgggHxCQtLt++uXltxEprmWzNfg+MxpfHsZlrddKzZ/hZyWHDbK3/Ap8HJQqYJRXP+jHczdL6q6i85Q==",
+ "requires": {
+ "ccount": "^1.0.0",
+ "collapse-white-space": "^1.0.2",
+ "is-alphabetical": "^1.0.0",
+ "is-decimal": "^1.0.0",
+ "is-whitespace-character": "^1.0.0",
+ "is-word-character": "^1.0.0",
+ "markdown-escapes": "^1.0.0",
+ "parse-entities": "^2.0.0",
+ "repeat-string": "^1.5.4",
+ "state-toggle": "^1.0.0",
+ "trim": "0.0.1",
+ "trim-trailing-lines": "^1.0.0",
+ "unherit": "^1.0.4",
+ "unist-util-remove-position": "^2.0.0",
+ "vfile-location": "^3.0.0",
+ "xtend": "^4.0.1"
+ }
+ },
+ "semver": {
+ "version": "5.7.1",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+ "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+ },
+ "source-map": {
+ "version": "0.5.7",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+ "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ=="
+ },
+ "unified": {
+ "version": "9.2.0",
+ "resolved": "https://registry.npmjs.org/unified/-/unified-9.2.0.tgz",
+ "integrity": "sha512-vx2Z0vY+a3YoTj8+pttM3tiJHCwY5UFbYdiWrwBEbHmK8pvsPj2rtAX2BFfgXen8T39CJWblWRDT4L5WGXtDdg==",
+ "requires": {
+ "bail": "^1.0.0",
+ "extend": "^3.0.0",
+ "is-buffer": "^2.0.0",
+ "is-plain-obj": "^2.0.0",
+ "trough": "^1.0.0",
+ "vfile": "^4.0.0"
+ }
+ },
+ "unist-builder": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/unist-builder/-/unist-builder-2.0.3.tgz",
+ "integrity": "sha512-f98yt5pnlMWlzP539tPc4grGMsFaQQlP/vM396b00jngsiINumNmsY8rkXjfoi1c6QaM8nQ3vaGDuoKWbe/1Uw=="
+ },
+ "unist-util-generated": {
+ "version": "1.1.6",
+ "resolved": "https://registry.npmjs.org/unist-util-generated/-/unist-util-generated-1.1.6.tgz",
+ "integrity": "sha512-cln2Mm1/CZzN5ttGK7vkoGw+RZ8VcUH6BtGbq98DDtRGquAAOXig1mrBQYelOwMXYS8rK+vZDyyojSjp7JX+Lg=="
+ },
+ "unist-util-remove-position": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-2.0.1.tgz",
+ "integrity": "sha512-fDZsLYIe2uT+oGFnuZmy73K6ZxOPG/Qcm+w7jbEjaFcJgbQ6cqjs/eSPzXhsmGpAsWPkqZM9pYjww5QTn3LHMA==",
+ "requires": {
+ "unist-util-visit": "^2.0.0"
+ }
+ },
+ "unist-util-stringify-position": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz",
+ "integrity": "sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==",
+ "requires": {
+ "@types/unist": "^2.0.2"
+ }
+ },
+ "vfile": {
+ "version": "4.2.1",
+ "resolved": "https://registry.npmjs.org/vfile/-/vfile-4.2.1.tgz",
+ "integrity": "sha512-O6AE4OskCG5S1emQ/4gl8zK586RqA3srz3nfK/Viy0UPToBc5Trp9BVFb1u0CjsKrAWwnpr4ifM/KBXPWwJbCA==",
+ "requires": {
+ "@types/unist": "^2.0.0",
+ "is-buffer": "^2.0.0",
+ "unist-util-stringify-position": "^2.0.0",
+ "vfile-message": "^2.0.0"
+ }
+ },
+ "vfile-location": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-3.2.0.tgz",
+ "integrity": "sha512-aLEIZKv/oxuCDZ8lkJGhuhztf/BW4M+iHdCwglA/eWc+vtuRFJj8EtgceYFX4LRjOhCAAiNHsKGssC6onJ+jbA=="
+ },
+ "vfile-message": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-2.0.4.tgz",
+ "integrity": "sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==",
+ "requires": {
+ "@types/unist": "^2.0.0",
+ "unist-util-stringify-position": "^2.0.0"
+ }
}
}
},
@@ -52455,6 +53255,11 @@
"get-intrinsic": "^1.1.1"
}
},
+ "is-what": {
+ "version": "4.1.7",
+ "resolved": "https://registry.npmjs.org/is-what/-/is-what-4.1.7.tgz",
+ "integrity": "sha512-DBVOQNiPKnGMxRMLIYSwERAS5MVY1B7xYiGnpgctsOFvVDz9f9PFXXxMcTOHuoqYp4NK9qFYQaIC1NRRxLMpBQ=="
+ },
"is-whitespace-character": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/is-whitespace-character/-/is-whitespace-character-1.0.4.tgz",
@@ -57502,6 +58307,11 @@
"split2": "^4.1.0"
}
},
+ "phenomenon": {
+ "version": "1.6.0",
+ "resolved": "https://registry.npmjs.org/phenomenon/-/phenomenon-1.6.0.tgz",
+ "integrity": "sha512-7h9/fjPD3qNlgggzm88cY58l9sudZ6Ey+UmZsizfhtawO6E3srZQXywaNm2lBwT72TbpHYRPy7ytIHeBUD/G0A=="
+ },
"picocolors": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -61025,6 +61835,11 @@
}
}
},
+ "remove-accents": {
+ "version": "0.4.2",
+ "resolved": "https://registry.npmjs.org/remove-accents/-/remove-accents-0.4.2.tgz",
+ "integrity": "sha512-7pXIJqJOq5tFgG1A2Zxti3Ht8jJF337m4sowbuHsW30ZnkQFnDzy9qBNhgzX8ZLW4+UBcXiiR7SwR6pokHsxiA=="
+ },
"remove-trailing-separator": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
@@ -62393,8 +63208,10 @@
"@supabase/postgres-meta": "^0.26.1",
"@supabase/react-data-grid": "^7.1.0-beta.7",
"@supabase/shared-types": "^0.1.29",
- "@supabase/supabase-js": "^2.1.0",
+ "@supabase/supabase-js": "^2.1.1",
"@tailwindcss/typography": "^0.5.2",
+ "@tanstack/react-query": "^4.16.1",
+ "@tanstack/react-query-devtools": "^4.16.1",
"@testing-library/dom": "^8.11.1",
"@testing-library/react": "^12.1.2",
"@testing-library/user-event": "^13.5.0",
@@ -62479,7 +63296,7 @@
"swr": "^1.2.1",
"tailwindcss": "^3.0.22",
"ts-jest": "^27.0.7",
- "typescript": "4.3.4",
+ "typescript": "4.8.4",
"ui": "*",
"uniforms-bootstrap4": "^3.6.2",
"uniforms-bridge-json-schema": "^3.6.2",
@@ -62672,9 +63489,9 @@
"requires": {}
},
"typescript": {
- "version": "4.3.4",
- "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.3.4.tgz",
- "integrity": "sha512-uauPG7XZn9F/mo+7MrsRjyvbxFpzemRjKEZXS4AK83oP2KKOJPvb+9cO/gmnv8arWZvhnjVOXz7B49m1l0e9Ew==",
+ "version": "4.8.4",
+ "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.8.4.tgz",
+ "integrity": "sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==",
"dev": true
},
"webpack-bundle-analyzer": {
@@ -62861,6 +63678,14 @@
}
}
},
+ "superjson": {
+ "version": "1.11.0",
+ "resolved": "https://registry.npmjs.org/superjson/-/superjson-1.11.0.tgz",
+ "integrity": "sha512-6PfAg1FKhqkwWvPb2uXhH4MkMttdc17eJ91+Aoz4s1XUEDZFmLfFx/xVA3wgkPxAGy5dpozgGdK6V/n20Wj9yg==",
+ "requires": {
+ "copy-anything": "^3.0.2"
+ }
+ },
"supports-color": {
"version": "7.2.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -64308,6 +65133,12 @@
"object-assign": "^4.1.1"
}
},
+ "use-sync-external-store": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",
+ "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==",
+ "requires": {}
+ },
"utf-8-validate": {
"version": "5.0.10",
"resolved": "https://registry.npmjs.org/utf-8-validate/-/utf-8-validate-5.0.10.tgz",
@@ -64434,6 +65265,11 @@
"spdx-expression-parse": "^3.0.0"
}
},
+ "vanilla-tilt": {
+ "version": "1.7.0",
+ "resolved": "https://registry.npmjs.org/vanilla-tilt/-/vanilla-tilt-1.7.0.tgz",
+ "integrity": "sha512-u9yUhpSasFeqQCuiTon+RSb0aHzcj9stvWVXQIswzKL5oG491lkYk7U1GmhOAEZt7yPT6EiYZRJhIh2MFBncOA=="
+ },
"vary": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@@ -65422,6 +66258,7 @@
"@types/react-syntax-highlighter": "^13.5.2",
"autoprefixer": "^10.4.12",
"classnames": "^2.3.1",
+ "cobe": "^0.6.2",
"common": "*",
"config": "*",
"date-fns": "2.10.0",
@@ -65462,6 +66299,7 @@
"ui": "*",
"use-debounce": "^7.0.1",
"uuid": "^8.3.2",
+ "vanilla-tilt": "1.7.0",
"yup": "^0.32.11"
},
"dependencies": {
diff --git a/packages/config/tailwind.config.js b/packages/config/tailwind.config.js
index 47db462a769..0f1c25dbfe3 100644
--- a/packages/config/tailwind.config.js
+++ b/packages/config/tailwind.config.js
@@ -212,7 +212,8 @@ module.exports = ui({
},
},
}),
- // screens: {
+ screens: {
+ xs: '480px'
// sm: '640px',
// // => @media (min-width: 640px) { ... }
// md: '768px',
@@ -223,7 +224,7 @@ module.exports = ui({
// // => @media (min-width: 1280px) { ... }
// '2xl': '1536px',
// // => @media (min-width: 1536px) { ... }
- // },
+ },
// colors: {
// 'gray-light': '#7B7F86',
// 'gray-dark': '#7B7F86',
diff --git a/packages/ui/index.tsx b/packages/ui/index.tsx
index f2d6744f6b1..cc297cf34b9 100644
--- a/packages/ui/index.tsx
+++ b/packages/ui/index.tsx
@@ -40,7 +40,7 @@ export * from './src/components/Popover'
export * from './src/components/Space'
export * from './src/components/Loading'
export * from './src/components/Divider'
-export * from './src/components/ThemeProvider'
+// export * from './src/components/ThemeProvider'
// DATA ENTRY
diff --git a/spec/supabase_dart_v1.yml b/spec/supabase_dart_v1.yml
index 382c76bae08..6f3ef71a653 100644
--- a/spec/supabase_dart_v1.yml
+++ b/spec/supabase_dart_v1.yml
@@ -836,7 +836,6 @@ pages:
description: |
Retrieves the details of all Storage buckets within an existing product.
title: 'listBuckets()'
- $ref: '@supabase/storage-js.packages/StorageBucketApi.default.listBuckets'
notes: |
- Policy permissions required:
- `buckets` permissions: `select`
@@ -855,7 +854,6 @@ pages:
description: |
Retrieves the details of an existing Storage bucket.
title: 'getBucket()'
- $ref: '@supabase/storage-js.packages/StorageBucketApi.default.getBucket'
notes: |
- Policy permissions required:
- `buckets` permissions: `select`
@@ -945,7 +943,6 @@ pages:
description: |
Uploads a file to an existing bucket.
title: 'from.upload()'
- $ref: '@supabase/storage-js.packages/StorageFileApi.default.upload'
notes: |
- Policy permissions required:
- `buckets` permissions: none
@@ -1022,6 +1019,24 @@ pages:
.createSignedUrl('avatar1.png', 60);
```
+ storage.from.createSignedUrls():
+ title: 'from.createSignedUrls()'
+ notes: |
+ - RLS policy permissions required:
+ - `buckets` table permissions: none
+ - `objects` table permissions: `select`
+ - Refer to the [Storage guide](/docs/guides/storage#access-control) on how access control works
+ examples:
+ - name: Create Signed URLs
+ isSpotlight: true
+ dart: |
+ ```dart
+ final List signedUrls = await supabase
+ .storage
+ .from('avatars')
+ .createSignedUrls(['folder/avatar1.png', 'folder/avatar2.png'], 60);
+ ```
+
storage.from.getPublicUrl():
description: |
Retrieve URLs for assets in public buckets
@@ -1671,7 +1686,6 @@ pages:
.lte():
description: |
Finds all rows whose value on the stated `column` is less than or equal to the specified `value`.
- $ref: '@supabase/postgrest-js.PostgrestFilterBuilder.lte'
examples:
- name: With `select()`
isSpotlight: true
@@ -1710,7 +1724,6 @@ pages:
.like():
description: |
Finds all rows whose value in the stated `column` matches the supplied `pattern` (case sensitive).
- $ref: '@supabase/postgrest-js.PostgrestFilterBuilder.lte'
examples:
- name: With `select()`
isSpotlight: true
@@ -2045,7 +2058,6 @@ pages:
```
.rangeLte():
- $ref: '@supabase/postgrest-js.PostgrestFilterBuilder.rangeLte'
examples:
- name: With `select()`
isSpotlight: true
diff --git a/studio/components/interfaces/Billing/AddOns/AddOns.utils.ts b/studio/components/interfaces/Billing/AddOns/AddOns.utils.ts
index d3d559d3abf..4440c0a0f78 100644
--- a/studio/components/interfaces/Billing/AddOns/AddOns.utils.ts
+++ b/studio/components/interfaces/Billing/AddOns/AddOns.utils.ts
@@ -91,3 +91,39 @@ export const formatPITROptions = (addons: DatabaseAddon[]) => {
if (pitrOptions.length === 0) return []
else return [noPITROption].concat(pitrOptions)
}
+
+export const formatCustomDomainOptions = (addons: DatabaseAddon[]) => {
+ const customDomainOrder = ['addon_custom_domains']
+ const noCustomDomainOption: DatabaseAddon = {
+ id: undefined,
+ name: 'Disable Custom Domains',
+ metadata: {
+ default_price_id: undefined,
+ supabase_prod_id: 'addon_custom_domains_disabled',
+ features: '',
+ },
+ prices: [
+ {
+ id: undefined,
+ currency: 'usd',
+ recurring: {
+ interval: 'month',
+ usage_type: 'licensed',
+ interval_count: 1,
+ aggregate_usage: null,
+ trial_period_days: null,
+ },
+ unit_amount: 0,
+ },
+ ],
+ }
+
+ const customDomainOptions = customDomainOrder
+ .map((id: string) => {
+ return addons.find((option) => option.metadata.supabase_prod_id === id)
+ })
+ .filter((option) => option !== undefined) as DatabaseAddon[]
+
+ if (customDomainOptions.length === 0) return []
+ else return [noCustomDomainOption].concat(customDomainOptions)
+}
diff --git a/studio/components/interfaces/Billing/AddOns/CustomDomainSelection.tsx b/studio/components/interfaces/Billing/AddOns/CustomDomainSelection.tsx
new file mode 100644
index 00000000000..a43d9f17f34
--- /dev/null
+++ b/studio/components/interfaces/Billing/AddOns/CustomDomainSelection.tsx
@@ -0,0 +1,70 @@
+import { FC } from 'react'
+import { Badge, Radio } from 'ui'
+
+import { useStore, useFlag } from 'hooks'
+import { getProductPrice } from '../Billing.utils'
+import DisabledWarningDueToIncident from 'components/ui/DisabledWarningDueToIncident'
+
+interface Props {
+ options: any[]
+ currentOption?: any
+ selectedOption: any
+ onSelectOption: (option: any) => void
+}
+
+const CustomDomainSelection: FC = ({
+ options,
+ currentOption,
+ selectedOption,
+ onSelectOption,
+}) => {
+ const addonUpdateDisabled = useFlag('disableProjectCreationAndUpdate')
+ return (
+ = ({
const addonUpdateDisabled = useFlag('disableProjectCreationAndUpdate')
// Only projects of version greater than supabase-postgrest-14.1.0.44 can use PITR
- const canUsePITR = getSemanticVersion(ui.selectedProject?.dbVersion ?? '') > 141044
+ const canUsePITR = getSemanticVersion(ui.selectedProject?.dbVersion ?? '') >= 141044
return (
= ({
= ({
subscriptionPreview={subscriptionPreview}
// Current subscription configuration based on DB
currentPlan={currentSubscription.tier}
- currentComputeSize={currentComputeSize}
- currentPITRDuration={currentPITRDuration}
+ currentAddons={currentAddons}
// Selected subscription configuration based on UI
- selectedComputeSize={selectedComputeSize}
- selectedPITRDuration={selectedPITRDuration}
+ selectedAddons={selectedAddons}
paymentMethods={paymentMethods}
isLoadingPaymentMethods={isLoadingPaymentMethods}
selectedPaymentMethod={selectedPaymentMethodId}
diff --git a/studio/components/interfaces/Billing/PaymentSummaryPanel/PaymentSummaryPanel.tsx b/studio/components/interfaces/Billing/PaymentSummaryPanel/PaymentSummaryPanel.tsx
index 37f77b19b67..a3134c2629e 100644
--- a/studio/components/interfaces/Billing/PaymentSummaryPanel/PaymentSummaryPanel.tsx
+++ b/studio/components/interfaces/Billing/PaymentSummaryPanel/PaymentSummaryPanel.tsx
@@ -18,12 +18,21 @@ import ConfirmPaymentModal from './ConfirmPaymentModal'
interface Props {
isRefreshingPreview: boolean
subscriptionPreview?: SubscriptionPreview
+
currentPlan: any
- currentComputeSize: DatabaseAddon
- currentPITRDuration: DatabaseAddon | undefined
+ currentAddons: {
+ computeSize: DatabaseAddon
+ pitrDuration: DatabaseAddon
+ customDomains: DatabaseAddon
+ }
+
selectedPlan?: any
- selectedComputeSize: DatabaseAddon
- selectedPITRDuration: DatabaseAddon | undefined
+ selectedAddons: {
+ computeSize: DatabaseAddon
+ pitrDuration: DatabaseAddon
+ customDomains: DatabaseAddon
+ }
+
isSpendCapEnabled: boolean
paymentMethods?: any
selectedPaymentMethod: any
@@ -45,12 +54,13 @@ const PaymentSummaryPanel: FC = ({
isRefreshingPreview,
isSpendCapEnabled,
subscriptionPreview,
+
currentPlan,
- currentComputeSize,
- currentPITRDuration,
+ currentAddons,
+
selectedPlan,
- selectedComputeSize,
- selectedPITRDuration,
+ selectedAddons,
+
paymentMethods,
selectedPaymentMethod,
isLoadingPaymentMethods,
@@ -70,9 +80,10 @@ const PaymentSummaryPanel: FC = ({
const [showConfirmModal, setShowConfirmModal] = useState(false)
- const currentPITRDays = currentPITRDuration !== undefined ? getPITRDays(currentPITRDuration) : 0
+ const currentPITRDays =
+ currentAddons.pitrDuration !== undefined ? getPITRDays(currentAddons.pitrDuration) : 0
const selectedPITRDays =
- selectedPITRDuration !== undefined ? getPITRDays(selectedPITRDuration) : 0
+ selectedAddons.pitrDuration !== undefined ? getPITRDays(selectedAddons.pitrDuration) : 0
const isEnterprise = currentPlan.supabase_prod_id === PRICING_TIER_PRODUCT_IDS.ENTERPRISE
const isChangingPlan =
@@ -81,8 +92,10 @@ const PaymentSummaryPanel: FC = ({
currentPlan.prod_id !== selectedPlan.id) ||
(currentPlan.prod_id !== STRIPE_PRODUCT_IDS.PAYG && !isSpendCapEnabled) ||
(currentPlan.prod_id === STRIPE_PRODUCT_IDS.PAYG && isSpendCapEnabled)
- const isChangingComputeSize = currentComputeSize.id !== selectedComputeSize.id
- const isChangingPITRDuration = currentPITRDuration?.id !== selectedPITRDuration?.id
+ const isChangingComputeSize = currentAddons.computeSize.id !== selectedAddons.computeSize.id
+ const isChangingPITRDuration = currentAddons.pitrDuration?.id !== selectedAddons.pitrDuration?.id
+ const isChangingCustomDomains =
+ currentAddons.customDomains?.id !== selectedAddons.customDomains?.id
// If it's enterprise we only only changing of add-ons
const hasChangesToPlan = isEnterprise
@@ -96,7 +109,7 @@ const PaymentSummaryPanel: FC = ({
}
const validateOrder = () => {
- const error = validateSubscriptionUpdatePayload(selectedComputeSize, selectedPITRDuration)
+ const error = validateSubscriptionUpdatePayload(selectedAddons)
if (error) {
return ui.setNotification({
duration: 4000,
@@ -147,45 +160,71 @@ const PaymentSummaryPanel: FC = ({
)}
{isChangingPITRDuration && (
= ({
defaultVisibility
icon={ = ({
}) => {
const { app, ui } = useStore()
const router = useRouter()
+ const isCustomDomainsEnabled = useFlag('customDomains')
const isPITRSelfServeEnabled = useFlag('pitrSelfServe')
const { addons } = products
const computeSizes = formatComputeSizes(addons)
const pitrDurationOptions = formatPITROptions(addons)
- const { currentComputeSize, currentPITRDuration } = getCurrentAddons(currentSubscription, addons)
+ const customDomainOptions = formatCustomDomainOptions(addons)
+ const currentAddons = getCurrentAddons(currentSubscription, addons)
const projectId = ui.selectedProject?.id ?? -1
const projectRef = ui.selectedProject?.ref
@@ -67,10 +74,27 @@ const ProUpgrade: FC = ({
const [showAddPaymentMethodModal, setShowAddPaymentMethodModal] = useState(false)
const [showSpendCapHelperModal, setShowSpendCapHelperModal] = useState(false)
+ // [Joshen TODO] Ideally we just have a state to hold all the add ons selection, rather than individual
+ // Even better if we can just use the
+ )
+}
+
+export default observer(CustomDomainsConfigureHostname)
diff --git a/studio/components/interfaces/Settings/General/CustomDomainConfig/CustomDomainsShimmerLoader.tsx b/studio/components/interfaces/Settings/General/CustomDomainConfig/CustomDomainsShimmerLoader.tsx
new file mode 100644
index 00000000000..3caaa3b1b2c
--- /dev/null
+++ b/studio/components/interfaces/Settings/General/CustomDomainConfig/CustomDomainsShimmerLoader.tsx
@@ -0,0 +1,15 @@
+const CustomDomainsShimmerLoader = () => {
+ return (
+ = ({}) => {
return (
- Danger Zone}>
+
= ({ projectRef }) => {
/>
) : (
- {feature.units === 'bytes' ? formatBytes(usageValue) : ''}
+ {feature.units === 'bytes'
+ ? formatBytes(usageValue)
+ : usageValue}
)}
diff --git a/studio/components/interfaces/SignIn/SignInWithSSO.tsx b/studio/components/interfaces/SignIn/SignInWithSSO.tsx
index c81ce30af43..913aafb6500 100644
--- a/studio/components/interfaces/SignIn/SignInWithSSO.tsx
+++ b/studio/components/interfaces/SignIn/SignInWithSSO.tsx
@@ -1,12 +1,14 @@
import Link from 'next/link'
-import { Button } from 'ui'
+import { Button, IconLock } from 'ui'
const SignInWithSSO = () => {
return (
-
+
+ }>
+ Continue with SSO
+
+
)
}
diff --git a/studio/components/interfaces/Support/SupportForm.tsx b/studio/components/interfaces/Support/SupportForm.tsx
index deea91401d2..f0dbaf22e0a 100644
--- a/studio/components/interfaces/Support/SupportForm.tsx
+++ b/studio/components/interfaces/Support/SupportForm.tsx
@@ -455,8 +455,8 @@ const SupportForm: FC = ({ setSentCategory }) => {
id="message"
label="Message"
placeholder="Describe the issue you're facing, along with any relevant information. Please be as detailed and specific as possible."
- limit={500}
- labelOptional="500 character limit"
+ limit={5000}
+ labelOptional="5000 character limit"
/>
+
{announcement.badge}
)}
- {announcement.text}
{announcement.cta}
- {
return (
<>
-
@@ -363,6 +376,14 @@ const Nav = () => {
Blog
+
+
+ Launch Week 6
+
+
Products available:
diff --git a/apps/www/data/Announcement.json b/apps/www/data/Announcement.json index 5944138270f..a0ab4c9ff86 100644 --- a/apps/www/data/Announcement.json +++ b/apps/www/data/Announcement.json @@ -1,7 +1,7 @@ { - "show": false, - "text": "Auth UI Launch π", - "cta": "Vote now", - "link": "https://www.producthunt.com/posts/pre-built-auth-ui-for-react", - "badge": "Product Hunt" + "show": true, + "text": "Launch Week 6 begins December 12th", + "cta": "Don't miss a thing, get your free ticket", + "link": "https://supabase.com/launch-week", + "badge": "Get a reminder" } diff --git a/apps/www/data/Footer.json b/apps/www/data/Footer.json index c67c52972bc..c0988c03dfe 100644 --- a/apps/www/data/Footer.json +++ b/apps/www/data/Footer.json @@ -111,7 +111,7 @@ }, { "text": "Careers", - "url": "https://about.supabase.com/careers" + "url": "/careers" }, { "text": "Company", diff --git a/apps/www/data/career.json b/apps/www/data/career.json new file mode 100644 index 00000000000..348acdee2c3 --- /dev/null +++ b/apps/www/data/career.json @@ -0,0 +1,148 @@ +{ + "company": [ + { + "number": "50+", + "text": "team members\n\nin 20+ countries" + }, + { + "number": "15+", + "text": "languages spoken" + }, + { + "number": "$116M", + "text": "in funding" + }, + { + "number": "8500+", + "text": "community members" + }, + { + "number": "1000+", + "text": "memes posted\n\n(and counting)" + } + ], + "humanPowered": [ + { + "icon": "egoless", + "title": "Egoless", + "text": "Willing to do the schlep, the team goals come first." + }, + { + "icon": "curious", + "title": "Polyglot", + "text": "Broad skillets. Growth mindset." + }, + { + "icon": "process", + "title": "Process Driven", + "text": "Engineer yourself out of the job." + }, + { + "icon": "honesty", + "title": "Intellectual Honesty", + "text": "Put our own biases aside." + }, + { + "icon": "flexibility", + "title": "Kaizen mindset", + "text": "Continuously improve all functions." + } + ], + "contributors": [ + "Isaiah-Hamilton", + "Hallidayo", + "mertovich", + "mikqi", + "florian-lefebvre", + "m4salah", + "carlosstenzel", + "M4Tdev", + "MisterJimson", + "aminamos", + "vasudeveloper001", + "erondpowell", + "alfredlua", + "saloni137", + "rubensdemelo", + "zernonia", + "timsonner", + "sureshdsk", + "owlnai" + ], + "benefits": [ + { + "icon": "remote", + "title": "Fully Remote", + "text": "We hire globally. We believe you can do your best work from anywhere. There are no Supabase offices, but we provide a co-working membership that you can use anywhere in the world." + }, + { + "icon": "tech_allowance", + "title": "Hardware Budget", + "text": "Use this budget for anything you need to set up your work environment from tech to office setup." + }, + { + "icon": "healthcare", + "title": "Health Benefits", + "text": "We provide 100% health coverage for employees and 80% for dependants. It's important to us that you & your family have health care covered." + }, + { + "icon": "offsite", + "title": "Annual Off-Sites", + "text": "We believe in the value of in-person time, so we all come together annually for a week. Each year we pick somewhere different in the world. It's a highlight of the year!" + }, + { + "icon": "flexibility", + "title": "Flexible Work", + "text": "Work remotely from anywhere in the world. We work in teams, but we work asynchronously. You know what you need to do and when it needs to be done." + }, + { + "icon": "education", + "title": "Professional Development", + "text": "An annual allowance to spend on professional development and education. Use this for courses, books, conferences, or anything that supports your continuous learning." + } + ], + "positions": [ + { + "title": "Elixir Engineers", + "location": "US time zone", + "employment": "Full-time", + "description": "Elixir is powering more and more backend" + }, + { + "title": "Elixir Engineers", + "location": "US time zone", + "employment": "Full-time", + "description": "Elixir is powering more and more backend" + }, + { + "title": "Elixir Engineers", + "location": "US time zone", + "employment": "Full-time", + "description": "Elixir is powering more and more backend" + }, + { + "title": "Elixir Engineers", + "location": "US time zone", + "employment": "Full-time", + "description": "Elixir is powering more and more backend" + } + ], + "hiring": [ + { + "title": "Recruiter Interview", + "text": "Chat with our recruiter to tell us about your career journey, professional goals and we'll share more about Supabase, the role & our recruitment process." + }, + { + "title": "Technical / Skill-based Interview", + "text": "Meet with the team lead. In this interview we'll aim to learn about your hard skills and problem solving approach." + }, + { + "title": "Another Technical / Skill-based Interview", + "text": "You'll either meet the department lead or peer. This interview will dive deeper into your hard skills and our expectations for this role." + }, + { + "title": "Final Founders Interview", + "text": "Our co-founders meet every candidate as the final step. Learn more about Supabase's values, mission and vision directly from them." + } + ] +} diff --git a/apps/www/lib/constants.ts b/apps/www/lib/constants.ts index e72ab554946..e1ddd15bdd8 100644 --- a/apps/www/lib/constants.ts +++ b/apps/www/lib/constants.ts @@ -1,2 +1,18 @@ export const APP_NAME = 'Supabase' export const DESCRIPTION = 'The Open Source Alternative to Firebase.' + +// Launch Weeek +export const SAMPLE_TICKET_NUMBER = 1234 +export const SITE_URL = + process.env.NEXT_PUBLIC_VERCEL_ENV === 'production' + ? 'https://supabase.com/launch-week' + : process.env.NEXT_PUBLIC_VERCEL_URL + ? `https://${process.env.NEXT_PUBLIC_VERCEL_URL}/launch-week` + : 'http://localhost:3000/launch-week' +export const SITE_ORIGIN = new URL(SITE_URL).origin +export const TWITTER_USER_NAME = 'supabase' +export const COOKIE = 'supa-launch-week-ticke-user-id' +export const DATE = 'December 12th, 2022' +export const TWEET_TEXT = 'Got my ticket for #SupaLaunchWeek 6!' +export const TWEET_TEXT_GOLDEN = `Woop! I got a Golden Ticket for #SupaLaunchWeek 6! SupaSwag on its way!` +export const SITE_NAME = 'Supabase' diff --git a/apps/www/lib/helpers.tsx b/apps/www/lib/helpers.tsx index 33b8fb8ed3f..2d9722c10f1 100644 --- a/apps/www/lib/helpers.tsx +++ b/apps/www/lib/helpers.tsx @@ -11,3 +11,21 @@ export const generateReadingTime = (text: string) => { export function capitalize(word: string) { return word[0].toUpperCase() + word.substring(1).toLowerCase() } + +export function isMobileOrTablet() { + // https://stackoverflow.com/a/8876069/114157 + const viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0) + return viewportWidth < 1200 +} + +// Convert numbers or strings to pixel value +// Helpful for styled-jsx when using a prop +// height: ${toPixels(height)}; (supports height={20} and height="20px") + +export const toPixels = (value: string | number) => { + if (typeof value === 'number') { + return `${value}px` + } + + return value +} diff --git a/apps/www/lib/redirects.js b/apps/www/lib/redirects.js index 40838ca9228..ef43ecd11af 100644 --- a/apps/www/lib/redirects.js +++ b/apps/www/lib/redirects.js @@ -1545,4 +1545,24 @@ module.exports = [ source: '/docs/guides/platform/disk-usage', destination: '/docs/guides/platform/database-usage', }, + { + permanent: true, + source: '/sign-in', + destination: 'https://app.supabase.com/sign-in', + }, + { + permanent: true, + source: '/sign-up', + destination: 'https://app.supabase.com/sign-up', + }, + { + permanent: true, + source: '/forgot-password', + destination: 'https://app.supabase.com/forgot-password', + }, + { + permanent: true, + source: '/docs/guides/functions/examples', + destination: '/docs/guides/functions', + }, ] diff --git a/apps/www/lib/rewrites.js b/apps/www/lib/rewrites.js index b5f9efbea19..1fd564e3039 100644 --- a/apps/www/lib/rewrites.js +++ b/apps/www/lib/rewrites.js @@ -17,20 +17,6 @@ module.exports = [ source: '/docs/:path*', destination: `${process.env.NEXT_PUBLIC_DOCS_URL}/:path*`, }, - // rewrite to keep existing ticket urls working - { - source: '/launch-week/tickets/:path', - destination: `${process.env.NEXT_PUBLIC_LAUNCHWEEKSITE_URL}/tickets/:path`, - }, - // rewrite to move ticket website to another path - { - source: '/launch-week-register', - destination: `${process.env.NEXT_PUBLIC_LAUNCHWEEKSITE_URL}`, - }, - { - source: '/launch-week-register/:path*', - destination: `${process.env.NEXT_PUBLIC_LAUNCHWEEKSITE_URL}/:path*`, - }, { source: '/new-docs', destination: `${process.env.NEXT_PUBLIC_REFERENCE_DOCS_URL}`, diff --git a/apps/www/lib/supabase.ts b/apps/www/lib/supabase.ts index e2572c7016c..29d235578b7 100644 --- a/apps/www/lib/supabase.ts +++ b/apps/www/lib/supabase.ts @@ -3,7 +3,7 @@ import { Database } from './database.types' const SUPABASE_URL = 'https://obuldanrptloktxcffvn.supabase.co' const SUPABASE_ANON_KEY = - 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJyb2xlIjoiYW5vbiIsImlhdCI6MTYzNzY1NjAxNSwiZXhwIjoxOTUzMjMyMDE1fQ.0sfp_Njf7l4g-nOCF5a1TQE11rPqtz8Y10uctIetkBA' + 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9idWxkYW5ycHRsb2t0eGNmZnZuIiwicm9sZSI6ImFub24iLCJpYXQiOjE2Njk3MjcwMTIsImV4cCI6MTk4NTMwMzAxMn0.SZLqryz_-stF8dgzeVXmzZWPOqdOrBwqJROlFES8v3I' const supabase = createClient
+
+
+
+
+
+
+
+
+
+
+
+ Careers
+
+
+ + Weβre on a mission to build the best developer platform +
++ Explore remote possibilities and join our team to help us achieve it. +
+ +
+ {career.company.map((company: { number: string; text: string }, i: number) => {
+ return (
+
+
+
+
+ {company.text}
+
+
+ )
+ })}
+ + {company.number} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + We work together, wherever we are +
++ Working in a globally distributed team is rewarding but has its challenges. We + are across many different timezones, so we use tools like Notion, Slack, and + Discord to stay connected to our team, and our community. +
+
+
+
+ + We deeply believe in the efficacy of collaborative open source +
+
+
+
+
+
+
+ + What is Supabase +
++ Supabase is an open source Firebase alternative, built by developers for + developers. Supabase adds auth, realtime, storage, restful APIs, and edge + functions to Postgres without a single line of code. Supabase was + born-remote. Having a globally distributed, open source company is our + secret weapon to hiring top-tier talent. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Human powered +
++ As a completely remote and asynchronous team, we focus on these five traits to + keep our team effective: +
+
+ {career.humanPowered.map(
+ (human: { icon: string; title: string; text: string }, i: number) => {
+ return (
+
+
+
+ )
+ }
+ )}
+
+
+
+
+
+
+ {human.title}
+{human.text}
+
+
+
+
+
+
+ + 1,000 + Contributors building Supabase +
++ We're building a community of communities, bringing together developers from + many different backgrounds, as well as new developers looking to get involved + with open source. We love celebrating everyone who contributes their time to the + Supabase mission. +
+
+ {contributors.map((contributor: any, i: number) => {
+ return (
+
+
+
+
+
+ )
+ })}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Great people deserve great benefits +
+
+ {career.benefits.map(
+ (benefits: { icon: string; title: string; text: string }, i: number) => {
+ return (
+
+
+
+ )
+ }
+ )}
+
+
+
+
+
+
+ {benefits.text}
+
+
+ {benefits.title}
+
+
+
+
+
+
+ How we hire
++ The entire process is fully remote and all communication happens over email or via + video chat in Google. Meet. The calls are all 1:1 and usually take between 20-45 + minutes. We know you are interviewing us too, so please ask questions. We are happy + to answer. +
+
+ {career.hiring.map((hiring: { title: string; text: string }, i: number) => {
+ return (
+
+
+
+
+
+ )
+ })}
+
+
+ + {i + 1} +
+ +
+
+ + {hiring.title} +
++ {hiring.text} +
+
+
+
+
+
+
+ Open positions
+
+ {jobs.map(
+ (
+ job: {
+ title: string
+ location: any
+ employment: string
+ description: string
+ absolute_url: string
+ },
+ i: number
+ ) => {
+ return (
+
+
+
+
+ )
+ }
+ )}
+
+
+
+ + {job.title} +
+
+
+
+
+
+ {job.employment}
+
+
+ 
+
+ {job.location.name}
+
+ {job.description}
+ +
-
-
- {days.map((item: WeekDayProps, i) => {
- return (
-
+
-
-
+
+
+
+
+
+
+
+ )
+}
+
+export const getStaticProps: GetStaticProps = async ({ params }) => {
+ const username = params?.username?.toString() || null
+ let name: string | null | undefined
+ let ticketNumber: number | null | undefined
+ let golden = false
+
+ if (username) {
+ const { data: user } = await supabaseAdmin!
+ .from('lw6_tickets_golden')
+ .select('name, ticketNumber, golden')
+ .eq('username', username)
+ .single()
+ name = user?.name
+ ticketNumber = user?.ticketNumber
+ golden = user?.golden ?? false
+ }
+ return {
+ props: {
+ username: ticketNumber ? username : null,
+ usernameFromParams: username || null,
+ name: ticketNumber ? name || username || null : null,
+ ticketNumber: ticketNumber || SAMPLE_TICKET_NUMBER,
+ golden,
+ },
+ revalidate: 5,
+ }
+}
+
+export const getStaticPaths: GetStaticPaths = async () => {
+ return Promise.resolve({
+ paths: [],
+ fallback: 'blocking',
+ })
+}
diff --git a/apps/www/pages/launch-week/tickets/index.tsx b/apps/www/pages/launch-week/tickets/index.tsx
new file mode 100644
index 00000000000..fba61ea897e
--- /dev/null
+++ b/apps/www/pages/launch-week/tickets/index.tsx
@@ -0,0 +1,77 @@
+import { NextSeo } from 'next-seo'
+import DefaultLayout from '~/components/Layouts/Default'
+import SectionContainer from '~/components/Layouts/SectionContainer'
+import TicketContainer from '~/components/LaunchWeek/Ticket/TicketContainer'
+import { SITE_URL } from '~/lib/constants'
+import { useRouter } from 'next/router'
+import { createClient, Session } from '@supabase/supabase-js'
+import { useState, useEffect } from 'react'
+import { useTheme } from '~/components/Providers'
+
+export default function TicketHome() {
+ const { isDarkMode } = useTheme()
+
+ const [supabase] = useState(() =>
+ createClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!)
+ )
+ const [session, setSession] = useState(null)
+ const description = 'Supabase Launch Week 6 | 12-16 Dec 2022'
+ const { query } = useRouter()
+ const ticketNumber = query.ticketNumber?.toString()
+ const defaultUserData = {
+ id: query.id?.toString(),
+ ticketNumber: ticketNumber ? parseInt(ticketNumber, 10) : undefined,
+ name: query.name?.toString(),
+ username: query.username?.toString(),
+ }
+
+ useEffect(() => {
+ supabase.auth.onAuthStateChange((event, session) => {
+ setSession(session)
+ })
+ }, [])
+
+ useEffect(() => {
+ document.body.className = isDarkMode ? 'dark bg-[#121212]' : 'light bg-[#fff]'
+ }, [isDarkMode])
+
+ return (
+ <>
+
+
+
+
+
+ )
+}
diff --git a/apps/www/pages/partners/[slug].tsx b/apps/www/pages/partners/[slug].tsx
index 9eb63b5c310..dc498cae9fc 100644
--- a/apps/www/pages/partners/[slug].tsx
+++ b/apps/www/pages/partners/[slug].tsx
@@ -224,6 +224,7 @@ export const getStaticProps: GetStaticProps = async ({ params }) => {
let { data: partner } = await supabase
.from('partners')
.select('*')
+ .eq('approved', true)
.eq('slug', params!.slug as string)
.single()
diff --git a/apps/www/public/images/blog/2020/aom5r917s792cc081bbz.png b/apps/www/public/images/blog/2020/aom5r917s792cc081bbz.png
new file mode 100644
index 00000000000..cf1b4676218
Binary files /dev/null and b/apps/www/public/images/blog/2020/aom5r917s792cc081bbz.png differ
diff --git a/apps/www/public/images/blog/2020/b4o39am95zcl5vl54j75.png b/apps/www/public/images/blog/2020/b4o39am95zcl5vl54j75.png
new file mode 100644
index 00000000000..0e34a02e22f
Binary files /dev/null and b/apps/www/public/images/blog/2020/b4o39am95zcl5vl54j75.png differ
diff --git a/apps/www/public/images/blog/2020/jalcaoz4lsp2b6wegah5.png b/apps/www/public/images/blog/2020/jalcaoz4lsp2b6wegah5.png
new file mode 100644
index 00000000000..7f256983a4a
Binary files /dev/null and b/apps/www/public/images/blog/2020/jalcaoz4lsp2b6wegah5.png differ
diff --git a/apps/www/public/images/blog/2020/jzzm7u56ns6ega9uyc4j.png b/apps/www/public/images/blog/2020/jzzm7u56ns6ega9uyc4j.png
new file mode 100644
index 00000000000..7e0f242504d
Binary files /dev/null and b/apps/www/public/images/blog/2020/jzzm7u56ns6ega9uyc4j.png differ
diff --git a/apps/www/public/images/blog/2020/lai1mxg62kffyd2khmtm.png b/apps/www/public/images/blog/2020/lai1mxg62kffyd2khmtm.png
new file mode 100644
index 00000000000..52cc3289757
Binary files /dev/null and b/apps/www/public/images/blog/2020/lai1mxg62kffyd2khmtm.png differ
diff --git a/apps/www/public/images/blog/2021-march/54yykm6h9hqpric87zad.png b/apps/www/public/images/blog/2021-march/54yykm6h9hqpric87zad.png
new file mode 100644
index 00000000000..37b25e74a0f
Binary files /dev/null and b/apps/www/public/images/blog/2021-march/54yykm6h9hqpric87zad.png differ
diff --git a/apps/www/public/images/blog/2021-march/5j5aqyjdh74qm83slmli.png b/apps/www/public/images/blog/2021-march/5j5aqyjdh74qm83slmli.png
new file mode 100644
index 00000000000..57f62c22560
Binary files /dev/null and b/apps/www/public/images/blog/2021-march/5j5aqyjdh74qm83slmli.png differ
diff --git a/apps/www/public/images/blog/2021-march/7rcfbb12sfabevto571j.png b/apps/www/public/images/blog/2021-march/7rcfbb12sfabevto571j.png
new file mode 100644
index 00000000000..2076273baf0
Binary files /dev/null and b/apps/www/public/images/blog/2021-march/7rcfbb12sfabevto571j.png differ
diff --git a/apps/www/public/images/blog/2021-march/u3dljulzsyqu58i75epn.png b/apps/www/public/images/blog/2021-march/u3dljulzsyqu58i75epn.png
new file mode 100644
index 00000000000..23d3b4a2b98
Binary files /dev/null and b/apps/www/public/images/blog/2021-march/u3dljulzsyqu58i75epn.png differ
diff --git a/apps/www/public/images/blog/2022-11-24-sql-nosql-postgresql/sql-nosql-postgresql.jpg b/apps/www/public/images/blog/2022-11-24-sql-nosql-postgresql/sql-nosql-postgresql.jpg
new file mode 100644
index 00000000000..4bd166328fd
Binary files /dev/null and b/apps/www/public/images/blog/2022-11-24-sql-nosql-postgresql/sql-nosql-postgresql.jpg differ
diff --git a/apps/www/public/images/blog/transparent-column-encryption-with-postgres.jpg b/apps/www/public/images/blog/transparent-column-encryption-with-postgres.jpg
new file mode 100644
index 00000000000..8957abe19b6
Binary files /dev/null and b/apps/www/public/images/blog/transparent-column-encryption-with-postgres.jpg differ
diff --git a/apps/www/public/images/career/1.jpg b/apps/www/public/images/career/1.jpg
new file mode 100644
index 00000000000..cc2feb0edf7
Binary files /dev/null and b/apps/www/public/images/career/1.jpg differ
diff --git a/apps/www/public/images/career/2.jpg b/apps/www/public/images/career/2.jpg
new file mode 100644
index 00000000000..81e2f6db6fa
Binary files /dev/null and b/apps/www/public/images/career/2.jpg differ
diff --git a/apps/www/public/images/career/3.jpg b/apps/www/public/images/career/3.jpg
new file mode 100644
index 00000000000..2eec177a69b
Binary files /dev/null and b/apps/www/public/images/career/3.jpg differ
diff --git a/apps/www/public/images/career/4.jpg b/apps/www/public/images/career/4.jpg
new file mode 100644
index 00000000000..3338f52814d
Binary files /dev/null and b/apps/www/public/images/career/4.jpg differ
diff --git a/apps/www/public/images/career/5.jpg b/apps/www/public/images/career/5.jpg
new file mode 100644
index 00000000000..241b22cb010
Binary files /dev/null and b/apps/www/public/images/career/5.jpg differ
diff --git a/apps/www/public/images/career/6.jpg b/apps/www/public/images/career/6.jpg
new file mode 100644
index 00000000000..77093bcd102
Binary files /dev/null and b/apps/www/public/images/career/6.jpg differ
diff --git a/apps/www/public/images/career/careers_og.jpg b/apps/www/public/images/career/careers_og.jpg
new file mode 100644
index 00000000000..4eafc73441d
Binary files /dev/null and b/apps/www/public/images/career/careers_og.jpg differ
diff --git a/apps/www/public/images/career/icons/billing-light.svg b/apps/www/public/images/career/icons/billing-light.svg
new file mode 100644
index 00000000000..ae3d22e236d
--- /dev/null
+++ b/apps/www/public/images/career/icons/billing-light.svg
@@ -0,0 +1,12 @@
+
diff --git a/apps/www/public/images/career/icons/crisis_control-light.svg b/apps/www/public/images/career/icons/crisis_control-light.svg
new file mode 100644
index 00000000000..ea1c63faf26
--- /dev/null
+++ b/apps/www/public/images/career/icons/crisis_control-light.svg
@@ -0,0 +1,8 @@
+
diff --git a/apps/www/public/images/career/icons/curious-dark.svg b/apps/www/public/images/career/icons/curious-dark.svg
new file mode 100644
index 00000000000..3ac482aab8c
--- /dev/null
+++ b/apps/www/public/images/career/icons/curious-dark.svg
@@ -0,0 +1,8 @@
+
diff --git a/apps/www/public/images/career/icons/curious-light.svg b/apps/www/public/images/career/icons/curious-light.svg
new file mode 100644
index 00000000000..a2c8ca8dc69
--- /dev/null
+++ b/apps/www/public/images/career/icons/curious-light.svg
@@ -0,0 +1,8 @@
+
diff --git a/apps/www/public/images/career/icons/education-dark.svg b/apps/www/public/images/career/icons/education-dark.svg
new file mode 100644
index 00000000000..db5c8c1153f
--- /dev/null
+++ b/apps/www/public/images/career/icons/education-dark.svg
@@ -0,0 +1,8 @@
+
diff --git a/apps/www/public/images/career/icons/education-light.svg b/apps/www/public/images/career/icons/education-light.svg
new file mode 100644
index 00000000000..3e92aca7bff
--- /dev/null
+++ b/apps/www/public/images/career/icons/education-light.svg
@@ -0,0 +1,8 @@
+
diff --git a/apps/www/public/images/career/icons/egoless-dark.svg b/apps/www/public/images/career/icons/egoless-dark.svg
new file mode 100644
index 00000000000..0ac7b4e3303
--- /dev/null
+++ b/apps/www/public/images/career/icons/egoless-dark.svg
@@ -0,0 +1,23 @@
+
diff --git a/apps/www/public/images/career/icons/egoless-light.svg b/apps/www/public/images/career/icons/egoless-light.svg
new file mode 100644
index 00000000000..62ca09e67b9
--- /dev/null
+++ b/apps/www/public/images/career/icons/egoless-light.svg
@@ -0,0 +1,23 @@
+
diff --git a/apps/www/public/images/career/icons/flexibility-dark.svg b/apps/www/public/images/career/icons/flexibility-dark.svg
new file mode 100644
index 00000000000..bfb0cc7d462
--- /dev/null
+++ b/apps/www/public/images/career/icons/flexibility-dark.svg
@@ -0,0 +1,18 @@
+
diff --git a/apps/www/public/images/career/icons/flexibility-light.svg b/apps/www/public/images/career/icons/flexibility-light.svg
new file mode 100644
index 00000000000..45f5cb66136
--- /dev/null
+++ b/apps/www/public/images/career/icons/flexibility-light.svg
@@ -0,0 +1,18 @@
+
diff --git a/apps/www/public/images/career/icons/globe-dark.svg b/apps/www/public/images/career/icons/globe-dark.svg
new file mode 100644
index 00000000000..b5182ca85ab
--- /dev/null
+++ b/apps/www/public/images/career/icons/globe-dark.svg
@@ -0,0 +1,3 @@
+
diff --git a/apps/www/public/images/career/icons/healthcare-dark.svg b/apps/www/public/images/career/icons/healthcare-dark.svg
new file mode 100644
index 00000000000..946324be4fc
--- /dev/null
+++ b/apps/www/public/images/career/icons/healthcare-dark.svg
@@ -0,0 +1,10 @@
+
diff --git a/apps/www/public/images/career/icons/healthcare-light.svg b/apps/www/public/images/career/icons/healthcare-light.svg
new file mode 100644
index 00000000000..3fa16cfd2b1
--- /dev/null
+++ b/apps/www/public/images/career/icons/healthcare-light.svg
@@ -0,0 +1,10 @@
+
diff --git a/apps/www/public/images/career/icons/honesty-dark.svg b/apps/www/public/images/career/icons/honesty-dark.svg
new file mode 100644
index 00000000000..5f7a3c5f16a
--- /dev/null
+++ b/apps/www/public/images/career/icons/honesty-dark.svg
@@ -0,0 +1,8 @@
+
diff --git a/apps/www/public/images/career/icons/honesty-light.svg b/apps/www/public/images/career/icons/honesty-light.svg
new file mode 100644
index 00000000000..b6fa609b7e8
--- /dev/null
+++ b/apps/www/public/images/career/icons/honesty-light.svg
@@ -0,0 +1,8 @@
+
diff --git a/apps/www/public/images/career/icons/jobs-dark.svg b/apps/www/public/images/career/icons/jobs-dark.svg
new file mode 100644
index 00000000000..206189f35b7
--- /dev/null
+++ b/apps/www/public/images/career/icons/jobs-dark.svg
@@ -0,0 +1,22 @@
+
diff --git a/apps/www/public/images/career/icons/jobs-light.svg b/apps/www/public/images/career/icons/jobs-light.svg
new file mode 100644
index 00000000000..ff571524680
--- /dev/null
+++ b/apps/www/public/images/career/icons/jobs-light.svg
@@ -0,0 +1,22 @@
+
diff --git a/apps/www/public/images/career/icons/kaizen-dark.svg b/apps/www/public/images/career/icons/kaizen-dark.svg
new file mode 100644
index 00000000000..6f227f02088
--- /dev/null
+++ b/apps/www/public/images/career/icons/kaizen-dark.svg
@@ -0,0 +1,10 @@
+
diff --git a/apps/www/public/images/career/icons/kaizen-light.svg b/apps/www/public/images/career/icons/kaizen-light.svg
new file mode 100644
index 00000000000..108993c5a30
--- /dev/null
+++ b/apps/www/public/images/career/icons/kaizen-light.svg
@@ -0,0 +1,10 @@
+
diff --git a/apps/www/public/images/career/icons/offsite-dark.svg b/apps/www/public/images/career/icons/offsite-dark.svg
new file mode 100644
index 00000000000..9c4b5d01426
--- /dev/null
+++ b/apps/www/public/images/career/icons/offsite-dark.svg
@@ -0,0 +1,7 @@
+
diff --git a/apps/www/public/images/career/icons/offsite-light.svg b/apps/www/public/images/career/icons/offsite-light.svg
new file mode 100644
index 00000000000..c1b916f83fd
--- /dev/null
+++ b/apps/www/public/images/career/icons/offsite-light.svg
@@ -0,0 +1,7 @@
+
diff --git a/apps/www/public/images/career/icons/open_source-dark.svg b/apps/www/public/images/career/icons/open_source-dark.svg
new file mode 100644
index 00000000000..a499faa7824
--- /dev/null
+++ b/apps/www/public/images/career/icons/open_source-dark.svg
@@ -0,0 +1,24 @@
+
diff --git a/apps/www/public/images/career/icons/open_source-light.svg b/apps/www/public/images/career/icons/open_source-light.svg
new file mode 100644
index 00000000000..f2eeb46e1db
--- /dev/null
+++ b/apps/www/public/images/career/icons/open_source-light.svg
@@ -0,0 +1,24 @@
+
diff --git a/apps/www/public/images/career/icons/process-dark.svg b/apps/www/public/images/career/icons/process-dark.svg
new file mode 100644
index 00000000000..b88fa4929da
--- /dev/null
+++ b/apps/www/public/images/career/icons/process-dark.svg
@@ -0,0 +1,10 @@
+
diff --git a/apps/www/public/images/career/icons/process-light.svg b/apps/www/public/images/career/icons/process-light.svg
new file mode 100644
index 00000000000..84a2624f4ae
--- /dev/null
+++ b/apps/www/public/images/career/icons/process-light.svg
@@ -0,0 +1,10 @@
+
diff --git a/apps/www/public/images/career/icons/remote-dark.svg b/apps/www/public/images/career/icons/remote-dark.svg
new file mode 100644
index 00000000000..48870018b63
--- /dev/null
+++ b/apps/www/public/images/career/icons/remote-dark.svg
@@ -0,0 +1,10 @@
+
diff --git a/apps/www/public/images/career/icons/remote-light.svg b/apps/www/public/images/career/icons/remote-light.svg
new file mode 100644
index 00000000000..048f9285284
--- /dev/null
+++ b/apps/www/public/images/career/icons/remote-light.svg
@@ -0,0 +1,10 @@
+
diff --git a/apps/www/public/images/career/icons/tech_allowance-dark.svg b/apps/www/public/images/career/icons/tech_allowance-dark.svg
new file mode 100644
index 00000000000..474a9af89f5
--- /dev/null
+++ b/apps/www/public/images/career/icons/tech_allowance-dark.svg
@@ -0,0 +1,9 @@
+
diff --git a/apps/www/public/images/career/icons/tech_allowance-light.svg b/apps/www/public/images/career/icons/tech_allowance-light.svg
new file mode 100644
index 00000000000..8770d71bcec
--- /dev/null
+++ b/apps/www/public/images/career/icons/tech_allowance-light.svg
@@ -0,0 +1,9 @@
+
diff --git a/apps/www/public/images/career/icons/time_off-light.svg b/apps/www/public/images/career/icons/time_off-light.svg
new file mode 100644
index 00000000000..a7c6674a0d2
--- /dev/null
+++ b/apps/www/public/images/career/icons/time_off-light.svg
@@ -0,0 +1,8 @@
+
diff --git a/apps/www/public/images/launchweek/2x-gold-ticket-background.jpg b/apps/www/public/images/launchweek/2x-gold-ticket-background.jpg
new file mode 100644
index 00000000000..2458ba6e641
Binary files /dev/null and b/apps/www/public/images/launchweek/2x-gold-ticket-background.jpg differ
diff --git a/apps/www/public/images/launchweek/2x-regular-ticket-background.jpg b/apps/www/public/images/launchweek/2x-regular-ticket-background.jpg
new file mode 100644
index 00000000000..e2bcd23470e
Binary files /dev/null and b/apps/www/public/images/launchweek/2x-regular-ticket-background.jpg differ
diff --git a/apps/www/public/images/launchweek/gold-ticket-background.png b/apps/www/public/images/launchweek/gold-ticket-background.png
new file mode 100644
index 00000000000..5cdf8d40a9c
Binary files /dev/null and b/apps/www/public/images/launchweek/gold-ticket-background.png differ
diff --git a/apps/www/public/images/launchweek/golden-ticket.svg b/apps/www/public/images/launchweek/golden-ticket.svg
new file mode 100644
index 00000000000..9f4bebcf11e
--- /dev/null
+++ b/apps/www/public/images/launchweek/golden-ticket.svg
@@ -0,0 +1,70 @@
+
diff --git a/apps/www/public/images/launchweek/green-ticket.svg b/apps/www/public/images/launchweek/green-ticket.svg
new file mode 100644
index 00000000000..350ca923c70
--- /dev/null
+++ b/apps/www/public/images/launchweek/green-ticket.svg
@@ -0,0 +1,63 @@
+
diff --git a/apps/www/public/images/launchweek/launch-week-6.jpg b/apps/www/public/images/launchweek/launch-week-6.jpg
new file mode 100644
index 00000000000..cf7c77d3cda
Binary files /dev/null and b/apps/www/public/images/launchweek/launch-week-6.jpg differ
diff --git a/apps/www/public/images/launchweek/launchweek-logo--dark.svg b/apps/www/public/images/launchweek/launchweek-logo--dark.svg
index 90d87475b6f..5a3f62beff2 100644
--- a/apps/www/public/images/launchweek/launchweek-logo--dark.svg
+++ b/apps/www/public/images/launchweek/launchweek-logo--dark.svg
@@ -1,11 +1,20 @@
-
+
),
{
- width: 2000,
- height: 1000,
+ width: 1200,
+ height: 630,
fonts: [
{
name: 'Circular',
@@ -190,7 +207,8 @@ export async function handler(req: Request) {
const { error } = await supabaseAdminClient.storage
.from('images')
.upload(`lw6/tickets/${username}.png`, generatedImage.body!, {
- // cacheControl: '31536000', // TODO add for prod
+ contentType: 'image/png',
+ cacheControl: '31536000',
upsert: false,
})
if (error) throw error
diff --git a/examples/edge-functions/supabase/functions/puppeteer/README.md b/examples/edge-functions/supabase/functions/puppeteer/README.md
new file mode 100644
index 00000000000..353df27fd05
--- /dev/null
+++ b/examples/edge-functions/supabase/functions/puppeteer/README.md
@@ -0,0 +1,11 @@
+# Using Puppeteer
+
+This example shows how you can use Puppeteer and a headless-browser to generate screenshots of a web page. Pass the `url` of the web page as a query string.
+
+Since Edge Functions cannot run a Headless Browser instance due to resource constraints, you will need to use a hosted browser service like https://browserless.io.
+
+## Deploy
+
+```bash
+supabase functions deploy puppeteer --no-verify-jwt
+```
diff --git a/examples/edge-functions/supabase/functions/puppeteer/index.ts b/examples/edge-functions/supabase/functions/puppeteer/index.ts
new file mode 100644
index 00000000000..7eac140f29f
--- /dev/null
+++ b/examples/edge-functions/supabase/functions/puppeteer/index.ts
@@ -0,0 +1,25 @@
+import { serve } from 'https://deno.land/std@0.131.0/http/server.ts'
+import puppeteer from 'https://deno.land/x/puppeteer@16.2.0/mod.ts'
+
+serve(async (req) => {
+ try {
+ // Visit browserless.io to get your free API token
+ const browser = await puppeteer.connect({
+ browserWSEndpoint: 'wss://chrome.browserless.io?token=YOUR_API_TOKEN',
+ })
+ const page = await browser.newPage()
+
+ const url = new URL(req.url).searchParams.get('url') || 'http://www.example.com'
+
+ await page.goto(url)
+ const screenshot = await page.screenshot()
+
+ return new Response(screenshot, { headers: { 'Content-Type': 'image/png' } })
+ } catch (e) {
+ console.error(e)
+ return new Response(JSON.stringify(`Error occurred when generating the screenshot`), {
+ headers: { 'Content-Type': 'application/json' },
+ status: 500,
+ })
+ }
+})
diff --git a/examples/edge-functions/supabase/functions/stripe-webhooks/index.ts b/examples/edge-functions/supabase/functions/stripe-webhooks/index.ts
index 3379e6060e8..6b159a2a5b4 100644
--- a/examples/edge-functions/supabase/functions/stripe-webhooks/index.ts
+++ b/examples/edge-functions/supabase/functions/stripe-webhooks/index.ts
@@ -5,7 +5,7 @@
import { serve } from 'https://deno.land/std@0.132.0/http/server.ts'
// esm.sh is used to compile stripe-node to be compatible with ES modules.
-import Stripe from 'https://esm.sh/stripe@10.13.0?target=deno&deno-std=0.132.0'
+import Stripe from 'https://esm.sh/stripe@10.13.0?target=deno&no-check&deno-std=0.132.0'
const stripe = Stripe(Deno.env.get('STRIPE_API_KEY'), {
// This is needed to use the Fetch API rather than relying on the Node http
diff --git a/examples/user-management/flutter-user-management/.gitignore b/examples/user-management/flutter-user-management/.gitignore
index 0fa6b675c0a..6d47c6f3495 100644
--- a/examples/user-management/flutter-user-management/.gitignore
+++ b/examples/user-management/flutter-user-management/.gitignore
@@ -30,6 +30,7 @@
.pub-cache/
.pub/
/build/
+pubspec.lock
# Web related
lib/generated_plugin_registrant.dart
diff --git a/examples/user-management/flutter-user-management/pubspec.lock b/examples/user-management/flutter-user-management/pubspec.lock
deleted file mode 100644
index 306226cee79..00000000000
--- a/examples/user-management/flutter-user-management/pubspec.lock
+++ /dev/null
@@ -1,516 +0,0 @@
-# Generated by pub
-# See https://dart.dev/tools/pub/glossary#lockfile
-packages:
- app_links:
- dependency: transitive
- description:
- name: app_links
- url: "https://pub.dartlang.org"
- source: hosted
- version: "3.2.0"
- app_links_macos:
- dependency: transitive
- description:
- name: app_links_macos
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.0.0"
- app_links_platform_interface:
- dependency: transitive
- description:
- name: app_links_platform_interface
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.0.2"
- app_links_web:
- dependency: transitive
- description:
- name: app_links_web
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.0.0"
- app_links_windows:
- dependency: transitive
- description:
- name: app_links_windows
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.0.0"
- async:
- dependency: transitive
- description:
- name: async
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.9.0"
- boolean_selector:
- dependency: transitive
- description:
- name: boolean_selector
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.1.0"
- characters:
- dependency: transitive
- description:
- name: characters
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.2.1"
- clock:
- dependency: transitive
- description:
- name: clock
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.1.1"
- collection:
- dependency: transitive
- description:
- name: collection
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.16.0"
- cross_file:
- dependency: transitive
- description:
- name: cross_file
- url: "https://pub.dartlang.org"
- source: hosted
- version: "0.3.3+1"
- crypto:
- dependency: transitive
- description:
- name: crypto
- url: "https://pub.dartlang.org"
- source: hosted
- version: "3.0.2"
- fake_async:
- dependency: transitive
- description:
- name: fake_async
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.3.1"
- ffi:
- dependency: transitive
- description:
- name: ffi
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.0.1"
- file:
- dependency: transitive
- description:
- name: file
- url: "https://pub.dartlang.org"
- source: hosted
- version: "6.1.2"
- flutter:
- dependency: "direct main"
- description: flutter
- source: sdk
- version: "0.0.0"
- flutter_plugin_android_lifecycle:
- dependency: transitive
- description:
- name: flutter_plugin_android_lifecycle
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.0.7"
- flutter_test:
- dependency: "direct dev"
- description: flutter
- source: sdk
- version: "0.0.0"
- flutter_web_plugins:
- dependency: transitive
- description: flutter
- source: sdk
- version: "0.0.0"
- functions_client:
- dependency: transitive
- description:
- name: functions_client
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.0.0"
- gotrue:
- dependency: transitive
- description:
- name: gotrue
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.0.0"
- hive:
- dependency: transitive
- description:
- name: hive
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.2.3"
- hive_flutter:
- dependency: transitive
- description:
- name: hive_flutter
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.1.0"
- http:
- dependency: transitive
- description:
- name: http
- url: "https://pub.dartlang.org"
- source: hosted
- version: "0.13.5"
- http_parser:
- dependency: transitive
- description:
- name: http_parser
- url: "https://pub.dartlang.org"
- source: hosted
- version: "4.0.1"
- image_picker:
- dependency: "direct main"
- description:
- name: image_picker
- url: "https://pub.dartlang.org"
- source: hosted
- version: "0.8.5+3"
- image_picker_android:
- dependency: transitive
- description:
- name: image_picker_android
- url: "https://pub.dartlang.org"
- source: hosted
- version: "0.8.5+1"
- image_picker_for_web:
- dependency: transitive
- description:
- name: image_picker_for_web
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.1.8"
- image_picker_ios:
- dependency: transitive
- description:
- name: image_picker_ios
- url: "https://pub.dartlang.org"
- source: hosted
- version: "0.8.5+6"
- image_picker_platform_interface:
- dependency: transitive
- description:
- name: image_picker_platform_interface
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.6.1"
- js:
- dependency: transitive
- description:
- name: js
- url: "https://pub.dartlang.org"
- source: hosted
- version: "0.6.4"
- jwt_decode:
- dependency: transitive
- description:
- name: jwt_decode
- url: "https://pub.dartlang.org"
- source: hosted
- version: "0.3.1"
- lint:
- dependency: "direct dev"
- description:
- name: lint
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.10.0"
- matcher:
- dependency: transitive
- description:
- name: matcher
- url: "https://pub.dartlang.org"
- source: hosted
- version: "0.12.12"
- material_color_utilities:
- dependency: transitive
- description:
- name: material_color_utilities
- url: "https://pub.dartlang.org"
- source: hosted
- version: "0.1.5"
- meta:
- dependency: transitive
- description:
- name: meta
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.8.0"
- mime:
- dependency: transitive
- description:
- name: mime
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.0.2"
- path:
- dependency: transitive
- description:
- name: path
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.8.2"
- path_provider:
- dependency: transitive
- description:
- name: path_provider
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.0.11"
- path_provider_android:
- dependency: transitive
- description:
- name: path_provider_android
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.0.17"
- path_provider_ios:
- dependency: transitive
- description:
- name: path_provider_ios
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.0.11"
- path_provider_linux:
- dependency: transitive
- description:
- name: path_provider_linux
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.1.7"
- path_provider_macos:
- dependency: transitive
- description:
- name: path_provider_macos
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.0.6"
- path_provider_platform_interface:
- dependency: transitive
- description:
- name: path_provider_platform_interface
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.0.4"
- path_provider_windows:
- dependency: transitive
- description:
- name: path_provider_windows
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.1.1"
- platform:
- dependency: transitive
- description:
- name: platform
- url: "https://pub.dartlang.org"
- source: hosted
- version: "3.1.0"
- plugin_platform_interface:
- dependency: transitive
- description:
- name: plugin_platform_interface
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.1.2"
- postgrest:
- dependency: transitive
- description:
- name: postgrest
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.0.0"
- process:
- dependency: transitive
- description:
- name: process
- url: "https://pub.dartlang.org"
- source: hosted
- version: "4.2.4"
- realtime_client:
- dependency: transitive
- description:
- name: realtime_client
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.0.0"
- sky_engine:
- dependency: transitive
- description: flutter
- source: sdk
- version: "0.0.99"
- source_span:
- dependency: transitive
- description:
- name: source_span
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.9.0"
- stack_trace:
- dependency: transitive
- description:
- name: stack_trace
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.10.0"
- storage_client:
- dependency: transitive
- description:
- name: storage_client
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.0.0"
- stream_channel:
- dependency: transitive
- description:
- name: stream_channel
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.1.0"
- string_scanner:
- dependency: transitive
- description:
- name: string_scanner
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.1.1"
- supabase:
- dependency: transitive
- description:
- name: supabase
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.0.1"
- supabase_flutter:
- dependency: "direct main"
- description:
- name: supabase_flutter
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.0.1"
- term_glyph:
- dependency: transitive
- description:
- name: term_glyph
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.2.1"
- test_api:
- dependency: transitive
- description:
- name: test_api
- url: "https://pub.dartlang.org"
- source: hosted
- version: "0.4.12"
- typed_data:
- dependency: transitive
- description:
- name: typed_data
- url: "https://pub.dartlang.org"
- source: hosted
- version: "1.3.1"
- universal_io:
- dependency: transitive
- description:
- name: universal_io
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.0.4"
- url_launcher:
- dependency: transitive
- description:
- name: url_launcher
- url: "https://pub.dartlang.org"
- source: hosted
- version: "6.1.5"
- url_launcher_android:
- dependency: transitive
- description:
- name: url_launcher_android
- url: "https://pub.dartlang.org"
- source: hosted
- version: "6.0.17"
- url_launcher_ios:
- dependency: transitive
- description:
- name: url_launcher_ios
- url: "https://pub.dartlang.org"
- source: hosted
- version: "6.0.17"
- url_launcher_linux:
- dependency: transitive
- description:
- name: url_launcher_linux
- url: "https://pub.dartlang.org"
- source: hosted
- version: "3.0.1"
- url_launcher_macos:
- dependency: transitive
- description:
- name: url_launcher_macos
- url: "https://pub.dartlang.org"
- source: hosted
- version: "3.0.1"
- url_launcher_platform_interface:
- dependency: transitive
- description:
- name: url_launcher_platform_interface
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.1.0"
- url_launcher_web:
- dependency: transitive
- description:
- name: url_launcher_web
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.0.12"
- url_launcher_windows:
- dependency: transitive
- description:
- name: url_launcher_windows
- url: "https://pub.dartlang.org"
- source: hosted
- version: "3.0.1"
- vector_math:
- dependency: transitive
- description:
- name: vector_math
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.1.2"
- web_socket_channel:
- dependency: transitive
- description:
- name: web_socket_channel
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.2.0"
- win32:
- dependency: transitive
- description:
- name: win32
- url: "https://pub.dartlang.org"
- source: hosted
- version: "2.7.0"
- xdg_directories:
- dependency: transitive
- description:
- name: xdg_directories
- url: "https://pub.dartlang.org"
- source: hosted
- version: "0.2.0+1"
-sdks:
- dart: ">=2.17.0 <3.0.0"
- flutter: ">=3.0.0"
diff --git a/examples/user-management/flutter-user-management/pubspec.yaml b/examples/user-management/flutter-user-management/pubspec.yaml
index c38e49f8498..82b27ca5aea 100644
--- a/examples/user-management/flutter-user-management/pubspec.yaml
+++ b/examples/user-management/flutter-user-management/pubspec.yaml
@@ -13,7 +13,7 @@ dependencies:
sdk: flutter
image_picker: ^0.8.4
- supabase_flutter: ^1.0.0
+ supabase_flutter: ^1.2.0
dev_dependencies:
flutter_test:
diff --git a/i18n/README.pt-br.md b/i18n/README.pt-br.md
index f16daefe69c..fa90c744008 100644
--- a/i18n/README.pt-br.md
+++ b/i18n/README.pt-br.md
@@ -109,7 +109,7 @@ Nossa biblioteca de cliente é modular. Cada sub-biblioteca é uma implementaç
+
+
+
+
+
+
+
+ Dec 12 β 16 at 8 AM PT | 11 AM ET
+
+
+
+
+
+
+
+
)
diff --git a/apps/www/pages/launch-week/ticket-image.tsx b/apps/www/pages/launch-week/ticket-image.tsx
new file mode 100644
index 00000000000..9fa19e85f7f
--- /dev/null
+++ b/apps/www/pages/launch-week/ticket-image.tsx
@@ -0,0 +1,5 @@
+import TicketImage from '~/components/LaunchWeek/Ticket/ticket-image'
+
+export default function TicketOnlyPage() {
+ return
+
+
+
+
+
+
+
+
+ Dec 12 β 16 at 8 AM PT | 11 AM ET
+
+
+ {options.map((option: any) => {
+ const defaultPrice = getProductPrice(option)
+ return (
+
+ Current selection
+ )}
+
+ }
+ // @ts-ignore
+ description={
+
+
+ {addonUpdateDisabled ? (
+
+ Optional
+
+ Custom Domains
+Present a branded experience to your users
+{option.name}
+ {currentOption?.id === option.id && ( +
+
+ }
+ value={option.id}
+ optionalLabel={{option.metadata.features}
+${defaultPrice.unit_amount / 100} / month
}
+ checked={selectedOption?.id === option.id}
+ onChange={() => onSelectOption(option)}
+ />
+ )
+ })}
+
+ )}
+
+ )
+}
+
+export default CustomDomainSelection
diff --git a/studio/components/interfaces/Billing/AddOns/PITRDurationSelection.tsx b/studio/components/interfaces/Billing/AddOns/PITRDurationSelection.tsx
index cf97a169668..ec5ed6bf2a6 100644
--- a/studio/components/interfaces/Billing/AddOns/PITRDurationSelection.tsx
+++ b/studio/components/interfaces/Billing/AddOns/PITRDurationSelection.tsx
@@ -29,7 +29,7 @@ const PITRDurationSelection: FC
diff --git a/studio/components/interfaces/Billing/Billing.constants.tsx b/studio/components/interfaces/Billing/Billing.constants.tsx
index e246a093ddd..f2ce7ffc943 100644
--- a/studio/components/interfaces/Billing/Billing.constants.tsx
+++ b/studio/components/interfaces/Billing/Billing.constants.tsx
@@ -1,4 +1,4 @@
-import { IconArchive, IconDatabase, IconKey } from 'ui'
+import { IconArchive, IconCode, IconDatabase, IconKey } from 'ui'
export const CANCELLATION_REASONS = [
'Pricing',
@@ -71,4 +71,25 @@ export const USAGE_BASED_PRODUCTS = [
},
],
},
+ {
+ title: 'Functions',
+ icon: = ({
}) => {
const { app, ui } = useStore()
const router = useRouter()
+ const isCustomDomainsEnabled = useFlag('customDomains')
+ const isPITRSelfServeEnabled = useFlag('pitrSelfServe')
const projectId = ui.selectedProject?.id ?? -1
const projectRef = ui.selectedProject?.ref ?? 'default'
@@ -44,12 +51,30 @@ const EnterpriseUpdate: FC = ({
const { addons } = products
const computeSizes = formatComputeSizes(addons)
const pitrDurationOptions = formatPITROptions(addons)
- const { currentComputeSize, currentPITRDuration } = getCurrentAddons(currentSubscription, addons)
+ const customDomainOptions = formatCustomDomainOptions(addons)
+ const currentAddons = getCurrentAddons(currentSubscription, addons)
+
+ // [Joshen TODO] Ideally we just have a state to hold all the add ons selection, rather than individual
+ // Even better if we can just use the
{projectRegion !== 'af-south-1' && (
<>
- {pitrDurationOptions.length > 0 && (
+ {isCustomDomainsEnabled && customDomainOptions.length > 0 && (
+ <>
+ - {currentComputeSize.name} + {currentAddons.computeSize.name}
- ${(getProductPrice(currentComputeSize).unit_amount / 100).toFixed(2)} + ${(getProductPrice(currentAddons.computeSize).unit_amount / 100).toFixed(2)}
{isChangingComputeSize && (
-
)}
- {currentPITRDuration?.id !== undefined && (
+ {currentAddons.pitrDuration?.id !== undefined && (
{selectedComputeSize.name}
+{selectedAddons.computeSize.name}
- ${(getProductPrice(selectedComputeSize).unit_amount / 100).toFixed(2)} + ${(getProductPrice(selectedAddons.computeSize).unit_amount / 100).toFixed(2)}
- {currentPITRDuration?.name} + {currentAddons.pitrDuration?.name}
- ${(getProductPrice(currentPITRDuration).unit_amount / 100).toFixed(2)} + ${(getProductPrice(currentAddons.pitrDuration).unit_amount / 100).toFixed(2)}
-
+ )}
+ {currentAddons.customDomains?.id !== undefined && (
+ {selectedPITRDuration?.name}
+{selectedAddons.pitrDuration?.name}
- ${(getProductPrice(selectedPITRDuration).unit_amount / 100).toFixed(2)} + ${(getProductPrice(selectedAddons.pitrDuration).unit_amount / 100).toFixed(2)} +
+
+
+ )}
+ {isChangingCustomDomains && (
+ + {currentAddons.customDomains?.name} +
++ ${(getProductPrice(currentAddons.customDomains).unit_amount / 100).toFixed(2)} +
+
+
)}
@@ -198,9 +237,9 @@ const PaymentSummaryPanel: FC{selectedAddons.customDomains?.name}
++ ${(getProductPrice(selectedAddons.customDomains).unit_amount / 100).toFixed(2)}
+
+ )
+}
+
+export default CustomDomainsShimmerLoader
diff --git a/studio/components/interfaces/Settings/General/CustomDomainConfig/DNSRecord.tsx b/studio/components/interfaces/Settings/General/CustomDomainConfig/DNSRecord.tsx
new file mode 100644
index 00000000000..9541c0abf9d
--- /dev/null
+++ b/studio/components/interfaces/Settings/General/CustomDomainConfig/DNSRecord.tsx
@@ -0,0 +1,21 @@
+import { Input } from 'ui'
+
+export type DNSRecordProps = {
+ type: string
+ name: string
+ value: string
+}
+
+const DNSRecord = ({ type, name, value }: DNSRecordProps) => {
+ return (
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default DNSRecord
diff --git a/studio/components/interfaces/Settings/General/DeleteProjectPanel/DeleteProjectPanel.tsx b/studio/components/interfaces/Settings/General/DeleteProjectPanel/DeleteProjectPanel.tsx
index b5bdafb317d..4c8c7267fdb 100644
--- a/studio/components/interfaces/Settings/General/DeleteProjectPanel/DeleteProjectPanel.tsx
+++ b/studio/components/interfaces/Settings/General/DeleteProjectPanel/DeleteProjectPanel.tsx
@@ -5,6 +5,7 @@ import { useStore } from 'hooks'
import Panel from 'components/ui/Panel'
import DeleteProjectButton from './DeleteProjectButton'
+import { FormHeader } from 'components/ui/Forms'
interface Props {}
@@ -16,7 +17,8 @@ const DeleteProjectPanel: FC
+
+
+
+ {type.toUpperCase()}
+
diff --git a/studio/components/interfaces/TableGridEditor/SidePanelEditor/ColumnEditor/ColumnType.tsx b/studio/components/interfaces/TableGridEditor/SidePanelEditor/ColumnEditor/ColumnType.tsx
index 33ba1198cc3..a31f97e92ac 100644
--- a/studio/components/interfaces/TableGridEditor/SidePanelEditor/ColumnEditor/ColumnType.tsx
+++ b/studio/components/interfaces/TableGridEditor/SidePanelEditor/ColumnEditor/ColumnType.tsx
@@ -37,7 +37,9 @@ const ColumnType: FC = ({
readOnly
disabled
label={showLabel ? 'Type' : ''}
- layout="horizontal"
+ layout={showLabel ? 'horizontal' : undefined}
+ className="md:gap-x-0"
+ size="small"
value={value}
descriptionText={
showLabel
diff --git a/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx b/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
index a218a446c35..ebca922f3e1 100644
--- a/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
+++ b/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
@@ -63,7 +63,9 @@ const LayoutHeader = ({ customHeaderComponents, breadcrumbs = [], headerBorder =
{/* Project Dropdown */}
diff --git a/studio/components/ui/UpgradeToPro.tsx b/studio/components/ui/UpgradeToPro.tsx
index 0266397cfdb..0dd4d6e3b46 100644
--- a/studio/components/ui/UpgradeToPro.tsx
+++ b/studio/components/ui/UpgradeToPro.tsx
@@ -1,38 +1,49 @@
-import { Button, IconClock } from 'ui'
+import { Button } from 'ui'
+import { observer } from 'mobx-react-lite'
import Link from 'next/link'
-import { FC } from 'react'
+import { FC, ReactNode } from 'react'
+import { useStore } from 'hooks'
+import { PRICING_TIER_PRODUCT_IDS } from 'lib/constants'
interface Props {
+ icon?: ReactNode
primaryText: string
projectRef: string
secondaryText: string
}
-const UpgradeToPro: FC = ({ primaryText, projectRef, secondaryText }) => (
-
-
-
-
-
-
- = ({ project }) => {
return (
- >
+export type ProjectSettingsError = unknown
+
+export const useProjectSettingsQuery = (
+ { projectRef }: ProjectSettingsVariables,
+ {
+ enabled = true,
+ ...options
+ }: UseQueryOptions = {}
+) =>
+ useQuery(
+ configKeys.settings(projectRef),
+ ({ signal }) => getProjectSettings({ projectRef }, signal),
+ {
+ enabled: enabled && typeof projectRef !== 'undefined',
+ refetchInterval(data, query) {
+ if (!data) {
+ return false
+ }
+
+ const { autoApiService } = data as unknown as ProjectSettingsData
+
+ const apiKeys = autoApiService?.service_api_keys ?? []
+ const interval = apiKeys.length === 0 ? 2000 : 0
+
+ return interval
+ },
+ ...options,
+ }
+ )
+
+export const useProjectSettingsPrefetch = ({ projectRef }: ProjectSettingsVariables) => {
+ const client = useQueryClient()
+
+ return useCallback(() => {
+ if (projectRef) {
+ client.prefetchQuery(configKeys.settings(projectRef), ({ signal }) =>
+ getProjectSettings({ projectRef }, signal)
+ )
+ }
+ }, [projectRef])
+}
diff --git a/studio/data/custom-domains/custom-domains-activate-mutation.ts b/studio/data/custom-domains/custom-domains-activate-mutation.ts
new file mode 100644
index 00000000000..2fc29e5d231
--- /dev/null
+++ b/studio/data/custom-domains/custom-domains-activate-mutation.ts
@@ -0,0 +1,49 @@
+import { useMutation, UseMutationOptions, useQueryClient } from '@tanstack/react-query'
+import { post } from 'lib/common/fetch'
+import { customDomainKeys } from './keys'
+
+export type CustomDomainActivateVariables = {
+ projectRef: string
+}
+
+export async function activateCustomDomain({ projectRef }: CustomDomainActivateVariables) {
+ if (!projectRef) {
+ throw new Error('projectRef is required')
+ }
+
+ const response = await post(
+ `${process.env.NEXT_PUBLIC_API_ADMIN_URL}/projects/${projectRef}/custom-hostname/activate`,
+ {}
+ )
+ if (response.error) {
+ throw response.error
+ }
+
+ return response
+}
+
+type CustomDomainActivateData = Awaited>
+
+export const useCustomDomainActivateMutation = ({
+ onSuccess,
+ ...options
+}: Omit<
+ UseMutationOptions,
+ 'mutationFn'
+> = {}) => {
+ const queryClient = useQueryClient()
+
+ return useMutation(
+ (vars) => activateCustomDomain(vars),
+ {
+ async onSuccess(data, variables, context) {
+ const { projectRef } = variables
+
+ await queryClient.invalidateQueries(customDomainKeys.list(projectRef))
+
+ await onSuccess?.(data, variables, context)
+ },
+ ...options,
+ }
+ )
+}
diff --git a/studio/data/custom-domains/custom-domains-create-mutation.ts b/studio/data/custom-domains/custom-domains-create-mutation.ts
new file mode 100644
index 00000000000..689ed60af47
--- /dev/null
+++ b/studio/data/custom-domains/custom-domains-create-mutation.ts
@@ -0,0 +1,55 @@
+import { useMutation, UseMutationOptions, useQueryClient } from '@tanstack/react-query'
+import { post } from 'lib/common/fetch'
+import { customDomainKeys } from './keys'
+
+export type CustomDomainCreateVariables = {
+ projectRef: string
+ customDomain: string
+}
+
+export async function createCustomDomain({
+ projectRef,
+ customDomain,
+}: CustomDomainCreateVariables) {
+ if (!projectRef) {
+ throw new Error('projectRef is required')
+ }
+
+ const response = await post(
+ `${process.env.NEXT_PUBLIC_API_ADMIN_URL}/projects/${projectRef}/custom-hostname/initialize`,
+ {
+ custom_hostname: customDomain,
+ }
+ )
+ if (response.error) {
+ throw response.error
+ }
+
+ return response
+}
+
+type CustomDomainCreateData = Awaited>
+
+export const useCustomDomainCreateMutation = ({
+ onSuccess,
+ ...options
+}: Omit<
+ UseMutationOptions,
+ 'mutationFn'
+> = {}) => {
+ const queryClient = useQueryClient()
+
+ return useMutation(
+ (vars) => createCustomDomain(vars),
+ {
+ async onSuccess(data, variables, context) {
+ const { projectRef } = variables
+
+ await queryClient.invalidateQueries(customDomainKeys.list(projectRef))
+
+ await onSuccess?.(data, variables, context)
+ },
+ ...options,
+ }
+ )
+}
diff --git a/studio/data/custom-domains/custom-domains-delete-mutation.ts b/studio/data/custom-domains/custom-domains-delete-mutation.ts
new file mode 100644
index 00000000000..014ce571e4d
--- /dev/null
+++ b/studio/data/custom-domains/custom-domains-delete-mutation.ts
@@ -0,0 +1,58 @@
+import { useMutation, UseMutationOptions, useQueryClient } from '@tanstack/react-query'
+import { delete_ } from 'lib/common/fetch'
+import { getCustomDomains } from './custom-domains-query'
+import { customDomainKeys } from './keys'
+
+export type CustomDomainDeleteVariables = {
+ projectRef: string
+}
+
+export async function deleteCustomDomain({ projectRef }: CustomDomainDeleteVariables) {
+ if (!projectRef) {
+ throw new Error('projectRef is required')
+ }
+
+ const response = await delete_(
+ `${process.env.NEXT_PUBLIC_API_ADMIN_URL}/projects/${projectRef}/custom-hostname`,
+ {}
+ )
+ if (response.error) {
+ throw response.error
+ }
+
+ return response
+}
+
+type CustomDomainDeleteData = Awaited>
+
+export const useCustomDomainDeleteMutation = ({
+ onSuccess,
+ ...options
+}: Omit<
+ UseMutationOptions,
+ 'mutationFn'
+> = {}) => {
+ const queryClient = useQueryClient()
+
+ return useMutation(
+ (vars) => deleteCustomDomain(vars),
+ {
+ async onSuccess(data, variables, context) {
+ const { projectRef } = variables
+
+ // we manually setQueriesData here instead of using
+ // the standard invalidateQueries is the custom domains
+ // endpoint doesn't immediately return the new state
+ queryClient.setQueriesData(customDomainKeys.list(projectRef), () => {
+ return {
+ customDomain: null,
+ status: '0_no_hostname_configured',
+ }
+ })
+
+ await onSuccess?.(data, variables, context)
+ },
+ ...options,
+ }
+ )
+}
diff --git a/studio/data/custom-domains/custom-domains-query.ts b/studio/data/custom-domains/custom-domains-query.ts
new file mode 100644
index 00000000000..645f756b8be
--- /dev/null
+++ b/studio/data/custom-domains/custom-domains-query.ts
@@ -0,0 +1,147 @@
+import { useQuery, useQueryClient, UseQueryOptions } from '@tanstack/react-query'
+import { get } from 'lib/common/fetch'
+import { useCallback } from 'react'
+import { customDomainKeys } from './keys'
+
+export type CustomDomainsVariables = {
+ projectRef?: string
+}
+
+type CustomDomainStatus =
+ | '0_not_allowed'
+ | '0_no_hostname_configured'
+ | '1_not_started'
+ | '2_initiated'
+ | '3_challenge_verified'
+ | '4_origin_setup_completed'
+ | '5_services_reconfigured'
+
+type Settings = {
+ http2: string
+ tls_1_3: string
+ min_tls_version: string
+}
+
+type Ssl = {
+ id: string
+ type: string
+ method: string
+ status: string
+ txt_name?: string
+ txt_value?: string
+ settings: Settings
+ wildcard: boolean
+ bundle_method: string
+ certificate_authority: string
+ validation_records?: {
+ status: string
+ txt_name: string
+ txt_value: string
+ }[]
+}
+
+type OwnershipVerification = {
+ name: string
+ type: string
+ value: string
+}
+
+type OwnershipVerificationHttp = {
+ http_url: string
+ http_body: string
+}
+
+export type CustomDomainResponse = {
+ id: string
+ ssl: Ssl
+ status: string
+ hostname: string
+ created_at: string
+ custom_metadata: any
+ verification_errors?: string[]
+ custom_origin_server: string
+ ownership_verification?: OwnershipVerification
+ ownership_verification_http?: OwnershipVerificationHttp
+}
+
+export async function getCustomDomains(
+ { projectRef }: CustomDomainsVariables,
+ signal?: AbortSignal
+) {
+ if (!projectRef) {
+ throw new Error('projectRef is required')
+ }
+
+ const response = (await get(
+ `${process.env.NEXT_PUBLIC_API_ADMIN_URL}/projects/${projectRef}/custom-hostname`,
+ {
+ signal,
+ }
+ )) as {
+ data: {
+ errors: any[]
+ result: CustomDomainResponse
+ success: boolean
+ messages: any[]
+ }
+ status: CustomDomainStatus
+ error: unknown
+ }
+
+ if (response.error) {
+ // not allowed error and no hostname configured error are
+ // valid steps in the process of setting up a custom domain
+ // so we convert them to data instead of errors
+
+ const isNotAllowedError =
+ (response.error as any)?.code === 400 &&
+ (response.error as any)?.message?.includes('not allowed to set up custom domain')
+
+ if (isNotAllowedError) {
+ return {
+ customDomain: null,
+ status: '0_not_allowed',
+ } as const
+ }
+
+ const isNoHostnameConfiguredError =
+ (response.error as any)?.code === 400 &&
+ (response.error as any)?.message?.includes('custom hostname configuration')
+
+ if (isNoHostnameConfiguredError) {
+ return {
+ customDomain: null,
+ status: '0_no_hostname_configured',
+ } as const
+ }
+
+ throw response.error
+ }
+
+ return { customDomain: response?.data?.result, status: response.status }
+}
+
+export type CustomDomainsData = Awaited>
+export type CustomDomainsError = unknown
+
+export const useCustomDomainsQuery = (
+ { projectRef }: CustomDomainsVariables,
+ { enabled = true, ...options }: UseQueryOptions = {}
+) =>
+ useQuery(
+ customDomainKeys.list(projectRef),
+ ({ signal }) => getCustomDomains({ projectRef }, signal),
+ { enabled: enabled && typeof projectRef !== 'undefined', ...options }
+ )
+
+export const useCustomDomainsPrefetch = ({ projectRef }: CustomDomainsVariables) => {
+ const client = useQueryClient()
+
+ return useCallback(() => {
+ if (projectRef) {
+ client.prefetchQuery(customDomainKeys.list(projectRef), ({ signal }) =>
+ getCustomDomains({ projectRef }, signal)
+ )
+ }
+ }, [projectRef])
+}
diff --git a/studio/data/custom-domains/custom-domains-reverify-mutation.ts b/studio/data/custom-domains/custom-domains-reverify-mutation.ts
new file mode 100644
index 00000000000..8b7e2c8c671
--- /dev/null
+++ b/studio/data/custom-domains/custom-domains-reverify-mutation.ts
@@ -0,0 +1,49 @@
+import { useMutation, UseMutationOptions, useQueryClient } from '@tanstack/react-query'
+import { post } from 'lib/common/fetch'
+import { customDomainKeys } from './keys'
+
+export type CustomDomainReverifyVariables = {
+ projectRef: string
+}
+
+export async function reverifyCustomDomain({ projectRef }: CustomDomainReverifyVariables) {
+ if (!projectRef) {
+ throw new Error('projectRef is required')
+ }
+
+ const response = await post(
+ `${process.env.NEXT_PUBLIC_API_ADMIN_URL}/projects/${projectRef}/custom-hostname/reverify`,
+ {}
+ )
+ if (response.error) {
+ throw response.error
+ }
+
+ return response
+}
+
+type CustomDomainReverifyData = Awaited>
+
+export const useCustomDomainReverifyMutation = ({
+ onSuccess,
+ ...options
+}: Omit<
+ UseMutationOptions,
+ 'mutationFn'
+> = {}) => {
+ const queryClient = useQueryClient()
+
+ return useMutation(
+ (vars) => reverifyCustomDomain(vars),
+ {
+ async onSuccess(data, variables, context) {
+ const { projectRef } = variables
+
+ await queryClient.invalidateQueries(customDomainKeys.list(projectRef))
+
+ await onSuccess?.(data, variables, context)
+ },
+ ...options,
+ }
+ )
+}
diff --git a/studio/data/custom-domains/keys.ts b/studio/data/custom-domains/keys.ts
new file mode 100644
index 00000000000..e63bfeb67ca
--- /dev/null
+++ b/studio/data/custom-domains/keys.ts
@@ -0,0 +1,3 @@
+export const customDomainKeys = {
+ list: (projectRef: string | undefined) => ['projects', projectRef, 'custom-domains'] as const,
+}
diff --git a/studio/data/query-client.ts b/studio/data/query-client.ts
new file mode 100644
index 00000000000..ee9ce6f2522
--- /dev/null
+++ b/studio/data/query-client.ts
@@ -0,0 +1,21 @@
+import { QueryClient } from '@tanstack/react-query'
+import { useState } from 'react'
+
+let queryClient: QueryClient | undefined
+
+export function getQueryClient() {
+ const _queryClient = queryClient ?? new QueryClient()
+
+ // For SSG and SSR always create a new queryClient
+ if (typeof window === 'undefined') return _queryClient
+ // Create the queryClient once in the client
+ if (!queryClient) queryClient = _queryClient
+
+ return queryClient
+}
+
+export function useRootQueryClient() {
+ const [_queryClient] = useState(() => getQueryClient())
+
+ return _queryClient
+}
diff --git a/studio/lib/constants/metrics.tsx b/studio/lib/constants/metrics.tsx
index 14b79718a50..796925abace 100644
--- a/studio/lib/constants/metrics.tsx
+++ b/studio/lib/constants/metrics.tsx
@@ -144,6 +144,13 @@ export const METRICS = [
// provider: 'daily-stats',
// category: METRIC_CATEGORIES.API_AUTH,
// },
+
+ {
+ key: 'total_auth_billing_period_mau',
+ label: 'Auth Monthly Active User',
+ provider: 'daily-stats',
+ category: METRIC_CATEGORIES.API_AUTH,
+ },
{
key: 'total_auth_ingress',
label: 'Auth Ingress',
diff --git a/studio/package.json b/studio/package.json
index 21bae821867..ac126783233 100644
--- a/studio/package.json
+++ b/studio/package.json
@@ -28,7 +28,9 @@
"@supabase/postgres-meta": "^0.26.1",
"@supabase/react-data-grid": "^7.1.0-beta.7",
"@supabase/shared-types": "^0.1.29",
- "@supabase/supabase-js": "^2.1.0",
+ "@supabase/supabase-js": "^2.1.1",
+ "@tanstack/react-query": "^4.16.1",
+ "@tanstack/react-query-devtools": "^4.16.1",
"ajv": "^8.6.3",
"analytics-node": "^3.5.0",
"awesome-debounce-promise": "^2.1.0",
@@ -132,6 +134,6 @@
"storybook-dark-mode": "^1.0.4",
"tailwindcss": "^3.0.22",
"ts-jest": "^27.0.7",
- "typescript": "4.3.4"
+ "typescript": "4.8.4"
}
}
diff --git a/studio/pages/_app.tsx b/studio/pages/_app.tsx
index 358300caca2..7272e752b9f 100644
--- a/studio/pages/_app.tsx
+++ b/studio/pages/_app.tsx
@@ -24,11 +24,14 @@ import Head from 'next/head'
import { AppPropsWithLayout } from 'types'
import { useEffect, useState } from 'react'
+import { Hydrate, QueryClientProvider } from '@tanstack/react-query'
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
import { RootStore } from 'stores'
import { StoreProvider } from 'hooks'
import { GOTRUE_ERRORS } from 'lib/constants'
import { auth } from 'lib/gotrue'
import { dart } from 'lib/constants/prism'
+import { useRootQueryClient } from 'data/query-client'
import { PortalToast, RouteValidationWrapper, AppBannerWrapper } from 'components/interfaces/App'
import PageTelemetry from 'components/ui/PageTelemetry'
@@ -42,6 +45,7 @@ dayjs.extend(timezone)
dart(Prism)
function MyApp({ Component, pageProps }: AppPropsWithLayout) {
+ const queryClient = useRootQueryClient()
const [rootStore] = useState(() => new RootStore())
useEffect(() => {
@@ -96,21 +100,28 @@ function MyApp({ Component, pageProps }: AppPropsWithLayout) {
const getLayout = Component.getLayout ?? ((page) => page)
return (
-
-
-
- Supabase
-
-
-
-
-
- {getLayout(
-
-
-
-
+
+
+
+
+
+ Supabase
+
+
+
+
+
+
+ {getLayout(
+
+
+
+
+
+
+
)
}
export default MyApp
diff --git a/studio/pages/project/[ref]/database/backups/pitr.tsx b/studio/pages/project/[ref]/database/backups/pitr.tsx
index c0e74fcb7c9..2d0468532e2 100644
--- a/studio/pages/project/[ref]/database/backups/pitr.tsx
+++ b/studio/pages/project/[ref]/database/backups/pitr.tsx
@@ -13,6 +13,7 @@ import InformationBox from 'components/ui/InformationBox'
import UpgradeToPro from 'components/ui/UpgradeToPro'
import { PITRNotice, PITRSelection } from 'components/interfaces/Database/Backups/PITR'
import BackupsError from 'components/interfaces/Database/Backups/BackupsError'
+import { PRICING_TIER_PRODUCT_IDS } from 'lib/constants'
const DatabasePhysicalBackups: NextPageWithLayout = () => {
const { ui } = useStore()
@@ -51,6 +52,7 @@ const PITR = () => {
const { configuration, error, isLoading } = backups
const ref = ui.selectedProject?.ref ?? 'default'
+ const tier = ui.selectedProject?.subscription_tier
const isEnabled = configuration.walg_enabled
const isPITRSelfServeEnabled = useFlag('pitrSelfServe')
@@ -63,8 +65,12 @@ const PITR = () => {
return isPITRSelfServeEnabled ? (
{
{primaryText}
-
- = ({ icon, primaryText, projectRef, secondaryText }) => {
+ const { ui } = useStore()
+ const tier = ui.selectedProject?.subscription_tier
+
+ return (
+
-)
+ )
+}
-export default UpgradeToPro
+export default observer(UpgradeToPro)
diff --git a/studio/data/config/keys.ts b/studio/data/config/keys.ts
new file mode 100644
index 00000000000..875848a4247
--- /dev/null
+++ b/studio/data/config/keys.ts
@@ -0,0 +1,3 @@
+export const configKeys = {
+ settings: (projectRef: string | undefined) => ['projects', projectRef, 'settings'] as const,
+}
diff --git a/studio/data/config/project-settings-query.ts b/studio/data/config/project-settings-query.ts
new file mode 100644
index 00000000000..ad473e32e38
--- /dev/null
+++ b/studio/data/config/project-settings-query.ts
@@ -0,0 +1,122 @@
+import { useQuery, useQueryClient, UseQueryOptions } from '@tanstack/react-query'
+import { get } from 'lib/common/fetch'
+import { API_URL } from 'lib/constants'
+import { useCallback } from 'react'
+import { configKeys } from './keys'
+
+export type ProjectSettingsVariables = {
+ projectRef?: string
+}
+
+export type Project = {
+ id: number
+ name: string
+ ref: string
+ status: string
+ db_host: string
+ db_name: string
+ db_user: string
+ db_schema: string
+ db_port: number
+ db_ssl: boolean
+ services: Service[]
+}
+
+export type App = {
+ id: number
+ name: string
+}
+
+export type AppConfig = {
+ endpoint: string
+ db_schema: string
+ realtime_multitenant_enabled: boolean
+}
+
+export type Service = {
+ id: number
+ name: string
+ app_config: AppConfig
+ app: App
+ service_api_keys: ServiceApiKey[]
+}
+
+export type ServiceApiKey = {
+ api_key_encrypted: string
+ tags: string
+ name: string
+}
+
+export type AutoApiService = Service & {
+ endpoint: string
+ restUrl: string
+ project: Project
+ defaultApiKey: string
+ serviceApiKey: string
+}
+
+export type ProjectSettingsResponse = {
+ project: Project
+ autoApiService: AutoApiService
+}
+
+export async function getProjectSettings(
+ { projectRef }: ProjectSettingsVariables,
+ signal?: AbortSignal
+) {
+ if (!projectRef) {
+ throw new Error('projectRef is required')
+ }
+
+ const response = await get(`${API_URL}/props/project/${projectRef}/api`, {
+ signal,
+ })
+ if (response.error) {
+ throw response.error
+ }
+
+ return response as ProjectSettingsResponse
+}
+
+export type ProjectSettingsData = Awaited{secondaryText}
+const UpgradeToPro: FC
+
-
+ {icon &&
{icon}
}
+
+
-
-
-
+
+
+
+
+
+
{primaryText}
+
+
{secondaryText}
+
- {projectTier !== undefined &&
{project?.status === PROJECT_STATUS.INACTIVE &&
- {projectTier !== undefined && = ({ project }) => {
return (
Invoices
diff --git a/studio/pages/project/[ref]/settings/billing/subscription.tsx b/studio/pages/project/[ref]/settings/billing/subscription.tsx index 34a925b6079..9744f34e911 100644 --- a/studio/pages/project/[ref]/settings/billing/subscription.tsx +++ b/studio/pages/project/[ref]/settings/billing/subscription.tsx @@ -58,7 +58,8 @@ const Settings: FC
- {projectTier !== undefined && {
+ const isCustomDomainsEnabled = useFlag('customDomains')
+
return (