Coder Social home page Coder Social logo

supabase-ui-web's Introduction

Supabase

Supabase is an open source Firebase alternative. We're building the features of Firebase using enterprise-grade open source tools.

  • Hosted Postgres Database. Docs
  • Authentication and Authorization. Docs
  • Auto-generated APIs.
  • Functions.
    • Database Functions. Docs
    • Edge Functions Docs
  • File Storage. Docs
  • AI + Vector/Embeddings Toolkit. Docs
  • Dashboard

Supabase Dashboard

Watch "releases" of this repo to get notified of major updates.

Watch this repo

Documentation

For full documentation, visit supabase.com/docs

To see how to Contribute, visit Getting Started

Community & Support

  • Community Forum. Best for: help with building, discussion about database best practices.
  • GitHub Issues. Best for: bugs and errors you encounter using Supabase.
  • Email Support. Best for: problems with your database or infrastructure.
  • Discord. Best for: sharing your applications and hanging out with the community.

How it works

Supabase is a combination of open source tools. We’re building the features of Firebase using enterprise-grade, open source products. If the tools and communities exist, with an MIT, Apache 2, or equivalent open license, we will use and support that tool. If the tool doesn't exist, we build and open source it ourselves. Supabase is not a 1-to-1 mapping of Firebase. Our aim is to give developers a Firebase-like developer experience using open source tools.

Architecture

Supabase is a hosted platform. You can sign up and start using Supabase without installing anything. You can also self-host and develop locally.

Architecture

  • Postgres is an object-relational database system with over 30 years of active development that has earned it a strong reputation for reliability, feature robustness, and performance.
  • Realtime is an Elixir server that allows you to listen to PostgreSQL inserts, updates, and deletes using websockets. Realtime polls Postgres' built-in replication functionality for database changes, converts changes to JSON, then broadcasts the JSON over websockets to authorized clients.
  • PostgREST is a web server that turns your PostgreSQL database directly into a RESTful API
  • GoTrue is a JWT based API for managing users and issuing JWT tokens.
  • Storage provides a RESTful interface for managing Files stored in S3, using Postgres to manage permissions.
  • pg_graphql a PostgreSQL extension that exposes a GraphQL API
  • postgres-meta is a RESTful API for managing your Postgres, allowing you to fetch tables, add roles, and run queries, etc.
  • Kong is a cloud-native API gateway.

Client libraries

Our approach for client libraries is modular. Each sub-library is a standalone implementation for a single external system. This is one of the ways we support existing tools.

Language Client Feature-Clients (bundled in Supabase client)
Supabase PostgREST GoTrue Realtime Storage Functions
⚡️ Official ⚡️
JavaScript (TypeScript) supabase-js postgrest-js gotrue-js realtime-js storage-js functions-js
Flutter supabase-flutter postgrest-dart gotrue-dart realtime-dart storage-dart functions-dart
💚 Community 💚
C# supabase-csharp postgrest-csharp gotrue-csharp realtime-csharp storage-csharp functions-csharp
Go - postgrest-go gotrue-go - storage-go functions-go
Java - - gotrue-java - storage-java -
Kotlin supabase-kt postgrest-kt gotrue-kt realtime-kt storage-kt functions-kt
Python supabase-py postgrest-py gotrue-py realtime-py storage-py functions-py
Ruby supabase-rb postgrest-rb - - - -
Rust - postgrest-rs - - - -
Swift supabase-swift postgrest-swift gotrue-swift realtime-swift storage-swift functions-swift
Godot Engine (GDScript) supabase-gdscript postgrest-gdscript gotrue-gdscript realtime-gdscript storage-gdscript functions-gdscript

Badges

Made with Supabase

[![Made with Supabase](https://supabase.com/badge-made-with-supabase.svg)](https://supabase.com)
<a href="https://supabase.com">
  <img
    width="168"
    height="30"
    src="https://supabase.com/badge-made-with-supabase.svg"
    alt="Made with Supabase"
  />
</a>

Made with Supabase (dark)

[![Made with Supabase](https://supabase.com/badge-made-with-supabase-dark.svg)](https://supabase.com)
<a href="https://supabase.com">
  <img
    width="168"
    height="30"
    src="https://supabase.com/badge-made-with-supabase-dark.svg"
    alt="Made with Supabase"
  />
</a>

Translations

supabase-ui-web's People

Contributors

alaister avatar bharatkalluri avatar dijonmusters avatar emersonlaurentino avatar enbonnet avatar fatumaa avatar flyken271 avatar hallidayo avatar heuels avatar i-pip avatar inian avatar isaiah-hamilton avatar karelschwab avatar kiwicopple avatar mildtomato avatar mudssrali avatar ngajhede avatar nhuebecker avatar ru88s avatar saltcod avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

supabase-ui-web's Issues

Auth Route Error

Bug report

Describe the bug

When clicking on 'Auth' under 'Supabase Connected' the page does not load and the following error shows:

'An unexpected error has occurred.'

To Reproduce

  1. Go to https://ui.supabase.io/
  2. Click on 'Auth' under 'Supabase Connected' on the left hand side menu

Expected behaviour

The Auth guide/example page should load.

Screenshots

image

System information

  • OS: macOS
  • Browser: Google Chrome

Dropdown

Improve documentation

Link

https://ui.supabase.io/components/dropdown

Describe the problem

The dropdown 'Bottom Center's menu is hidden behind the snippet code on documentation

Describe the improvement

I am not sure what is the problem because I have seen your snippet syntax layout has z-index: 0 on it.

Additional context

image

List of supabase icons

Feature request

Is your feature request related to a problem? Please describe.

A list of all of the supabase icons. Also, be able to search for the icon that you are looking for.

Supabase UI - auth modal - signUp with gmail doesn't work properly - it throws no error when I register with existing email

Bug report

Describe the bug

A clear and concise description of what the bug is.

To Reproduce

https://github.com/nicitaacom/19_spotify-clone/tree/issue-supabase-signUp-with-gmail

  1. Git clone https://github.com/nicitaacom/19_spotify-clone/tree/issue-supabase-signUp-with-gmail
  2. Paste env
NEXT_PUBLIC_SUPABASE_URL='https://eqhntdpwtnhqzcnpxegh.supabase.co'
NEXT_PUBLIC_SUPABASE_ANON_KEY='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImVxaG50ZHB3dG5ocXpjbnB4ZWdoIiwicm9sZSI6ImFub24iLCJpYXQiOjE2OTY2OTcwNjksImV4cCI6MjAxMjI3MzA2OX0.9DVxtenbS-JZixJOJUAhAeQYRlP2FdnmYV-Ymhi7y3Q'
  1. pnpm i - pnpm dev
  2. Click Sign up in top right corner
  3. signUp with existing email address - [email protected]
  4. You got success message instead of error message

Expected behavior

I wait email with verification link
I got no email on my gmail

I wait error message
I got success message

On temp mail like [email protected] - it works fine

System information

    "@supabase/auth-helpers-nextjs": "^0.8.3",
    "@supabase/auth-helpers-react": "^0.4.2",
    "@supabase/auth-ui-react": "^0.4.6",
    "@supabase/auth-ui-shared": "^0.1.8",
     "next": "14.0.1-canary.2",

Additional context

Ask about additional context if needed

Code Block Delayed Blur

Bug report

Describe the bug

A clear and concise description of what the bug is.

Code blocks turn dark a little later than the rest of the page when opening a modal

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

  1. Go to the Modal page on the UI Docs
  2. Scroll down to any demonstration of a modal
  3. Press on the 'open modal' button
  4. Watch closely as the page turns dim, the code block stays normal, the modal starts opening, and then the code block dims

Expected behavior

A clear and concise description of what you expected to happen.
Everything on the page dims at the same time after you open a modal

Screenshots

image

If applicable, add screenshots to help explain your problem.

System information

  • OS: Windows 11
  • Browser (if applies) Brave

Additional context

Add any other context about the problem here.

Warning in development

Bug report

Describe the bug

When we execute the project in development will get some warnings.

To Reproduce

  1. Clone repository
  2. npm install
  3. npm run dev
  4. See warnings

Expected behavior

We should not have warnings

Screenshots

Captura de Pantalla 2021-07-31 a la(s) 08 40 30

System information

  • OS: macOS
  • Browser (if applies): n/a
  • Version of supabase-js: n/a
  • Version of Node.js: v14.17.0

`/components/*` pages are broken

Bug report

When navigating to a component page, like https://ui.supabase.com/components/icon, there is an error and the page is not loaded

Describe the bug

The following errors were found on the console :

framework.6fff953eb0f638171baa.js:1 Error: Minified React error supabase/ui#130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=undefined&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at $i (framework.6fff953eb0f638171baa.js:1:119995)
    at framework.6fff953eb0f638171baa.js:1:68185
    at Io (framework.6fff953eb0f638171baa.js:1:79830)
    at Qu (framework.6fff953eb0f638171baa.js:1:126020)
    at Pi (framework.6fff953eb0f638171baa.js:1:111371)
    at xi (framework.6fff953eb0f638171baa.js:1:111299)
    at _i (framework.6fff953eb0f638171baa.js:1:111162)
    at vi (framework.6fff953eb0f638171baa.js:1:108128)
    at framework.6fff953eb0f638171baa.js:1:57507
    at t.unstable_runWithPriority (framework.6fff953eb0f638171baa.js:1:3875)
Error: Expected `string` for value, got `undefined`
    at n (%5Bslug%5D-fd042bad38272f37fcbf.js:1:10080)
    at Object.s [as highlight] (%5Bslug%5D-fd042bad38272f37fcbf.js:1:1109431)
    at D.astGenerator (%5Bslug%5D-fd042bad38272f37fcbf.js:1:1427540)
    at bc (%5Bslug%5D-fd042bad38272f37fcbf.js:1:1427660)
    at ro (framework.6fff953eb0f638171baa.js:1:71739)
    at Qu (framework.6fff953eb0f638171baa.js:1:124197)
    at Pi (framework.6fff953eb0f638171baa.js:1:111371)
    at xi (framework.6fff953eb0f638171baa.js:1:111299)
    at _i (framework.6fff953eb0f638171baa.js:1:111162)
    at vi (framework.6fff953eb0f638171baa.js:1:108128)

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

  1. Go to 'https://ui.supabase.com/components/auth'

Expected behavior

The page should load and display contentn

Screenshots

Screenshot 2022-01-21 at 17 07 11

System information

  • OS: macos
  • Browser (if applies) Chrome

Additional context

Sidepanel Code Block bugs

Bug report

Describe the bug

As I open a sidepanel demo, the code blocks on the page do not dim with the rest of the website, similar to issue #42, except the code blocks do NOT dim at all

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

  1. Go to The sidepanel demonstration page
  2. Scroll down to any of the side panel demonstrations
  3. Press the 'Open sidepanel' button
  4. As the sidepanel opens, the code blocks do not dim with the rest of the website

Expected behavior

A clear and concise description of what you expected to happen.

Anything on the website behind the sidepanel fades

Screenshots

If applicable, add screenshots to help explain your problem.

image

System information

  • OS: Windows 11
  • Browser (if applies) Brave

Additional context

Add any other context about the problem here.

Menu items marked as coming soon on ui.supabase.com behave as clickable items but are not clickable

Bug report

Describe the bug

Two menu items (Dark mode setup and Theming) in the ui.supabase.com website are marked as coming soon and are not clickable. But they look and react to mouse events as if they are clickable.

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

  1. Go to ui.supabase.com
  2. Go to: The side menu
  3. Scroll down to: the menu items named Dark mode setup (coming soon) and Theming (coming soon)
  4. See error: hover over above menu items. They hover and have cursor pointer. Attempt to click on them. Nothing happens.

Expected behavior

If they are clicked to do something. Or have them as non clickable menu items.

Screenrecording

supabase.mov

System information

  • OS: macOS
  • Browser: chrome

Additional context

I have prepared a fix for this, if this is yet to be handled 😊

Replace favicon

Improve documentation

Link

  • All the app

Describe the problem

We have default icon for NextJS APP

Captura de Pantalla 2021-07-31 a la(s) 09 14 52

Describe the improvement

Replace the icon to be consistence with ecosystem of Supabase

Mobile navigation

Bug report

Describe the bug

It is not a bug but a miss behavior, the page does not go to the top when i change route as you can

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

  1. Go to any component page from mobile
  2. Click on drawer
  3. Scroll down to any other component
  4. See error

Expected behavior

The drawer should move from the page and we should see the page from the beginning

Screenshots

CleanShot 2021-04-01 at 18 25 20

System information

  • OS: ios
  • Browser: safari
  • Version of supabase-js: supabase/ui v1.0
  • Version of Node.js: not applicable

Additional context

Add any other context about the problem here.

Assign Me: Dark Mode Docs / Implementation!

Feature request

Is your feature request related to a problem? Please describe.

I see on the docs that dark mode setup is coming soon - is there an ETA on this? I don't want to overstep anybody.

Describe the solution you'd like

You can assign me this task and I'll finish it, as long as what remains to be defined is clear!

Describe alternatives you've considered

Light mode :(

Additional context

Aforementioned documentation link: https://ui.supabase.com/

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.