2.0.0
- Add compatibility with react-admin v4
- Use
ra-data-postgrest
for the dataProvider - Add support for third party authentication providers
Migration
DataProvider
As we now use ra-data-postgrest
, you now longer need to describe your resources. However, you must now pass the supabaseInstanceUrl
and the apiKey
:
// in dataProvider.js
import { supabaseDataProvider } from 'ra-supabase-core';
import { supabaseClient } from './supabase';
-const resources = {
- posts: ['id', 'title', 'body', 'author_id', 'date'],
- authors: ['id', 'full_name'],
-};
-export const dataProvider = supabaseDataProvider(supabaseClient, resources);
+export const dataProvider = supabaseDataProvider({
+ instanceUrl: 'YOUR_SUPABASE_URL',
+ apiKey: 'YOUR_SUPABASE_ANON_KEY',
+ supabaseClient
+});
When specifying the source
prop of filter inputs, you can now either set it to the field name for simple equality checks or add an operator suffix for more control. For instance, the gte
(Greater Than or Equal) or the ilike
(Case insensitive like) operators:
const postFilters = [
<TextInput label="Title" source="title@ilike" alwaysOn />,
<TextInput label="Views" source="views@gte" />,
];
export const PostList = () => (
<List filters={postFilters}>
...
</List>
);
See the PostgREST documentation for a list of supported operators.
We used to have full-text search support that required a special configuration:
// in dataProvider.js
import { supabaseDataProvider } from 'ra-supabase';
import { supabase } from './supabase';
const resources = {
posts: {
fields: ['id', 'title', 'body', 'author_id', 'date'],
fullTextSearchFields: ['title', 'body'],
},
authors: {
fields: ['id', 'full_name'],
fullTextSearchFields: ['full_name'],
},
};
export const dataProvider = supabaseDataProvider(supabase, resources);
This is now longer required as you can use PostgREST operators for this purpose (fts
, plfts
and wfts
). However this means the field on which you apply those operators must be of type tsvector
. You can follow Supabase documentation to create one.
Here's how to add a SearchInput
for such a column:
<SearchInput source="fts@my_column" />