npmpackage.info

Gathering detailed insights and metrics for ra-supabase-language-english

Other packages similar to ra-supabase-language-english

ra-language-english

5.4.0

English messages for react-admin, the frontend framework for building admin applications on top of REST/GraphQL services

ra-i18n-polyglot

5.4.0

Polyglot i18n provider for react-admin

@supabase/supabase-js

2.46.2

Isomorphic Javascript client for Supabase

@supabase/realtime-js

2.10.9

Listen to realtime updates to your PostgreSQL database

Gathering detailed insights and metrics for ra-supabase-language-english

ra-supabase-language-english

Supabase adapter for react-admin, the frontend framework for building admin applications on top of REST/GraphQL services.

3.2.0

156

MIT

TypeScript

459.00 B

26,624 4.2

Installations

npm install ra-supabase-language-english

Score

69.8

Supply Chain

82.5

Quality

84.4

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

1

Total

52

Closed

3

Merged

48

Issues

Open

3

Total

28

Closed

25

Releases

3.3.1

v3.3.1

Published on 12 Nov 2024

3.3.0

v3.3.0

Published on 07 Nov 2024

3.2.1

v3.2.1

Published on 29 Oct 2024

3.2.0

v3.2.0

Published on 02 Sept 2024

v3.1.1

Published on 27 Aug 2024

v3.1.0

Published on 08 Aug 2024

View all 20 releases

Contributors

View all 28 contributors

Developer

marmelab

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

Yes

Node Version

18.19.1

NPM Version

lerna/6.6.2/node@v18.19.1+arm64 (darwin)

Statistics

156 Stars

326 Commits

27 Forks

10 Watching

2 Branches

28 Contributors

Updated on 27 Nov 2024

Bundle Size

816.00 B

Minified

459.00 B

Minified + Gzipped

Bundlephobia

Languages

TypeScript (90.14%)

HTML (6.61%)

JavaScript (1.64%)

Makefile (1.62%)

Total Downloads

Cumulative downloads

Total Downloads

26,624

Last day

-12.1%

Compared to previous day

Last week

21.2%

435

Compared to previous week

Last month

23.7%

1,552

Compared to previous month

Last year

142.5%

15,704

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

No dependencies detected.

Versions

ra-supabase

This package provides a dataProvider, an authProvider, hooks and components to integrate Supabase with react-admin when using its default UI (ra-ui-materialui).

Projects

ra-supabase: Umbrella project that re-export the others.
ra-supabase-core: Provide the dataProvider, authProvider and some hooks
ra-supabase-ui-materialui: Provide the LoginPage and Social authentication buttons
ra-supabase-language-english: Provide the english translations
ra-supabase-language-french: Provide the french translations

Roadmap

Add support for magic link authentication
Add support for uploading files to Supabase storage

Local Development

This project uses a local instance of Supabase. To set up your environment, run the following command:

1make install supabase-start db-setup

This will:

install dependencies
initialize an .env file with environment variables to target the supabase instance
start the supabase instance
apply the database migration
seed the database with data

You can then start the application in development mode with:

1make run

Email: janedoe@atomic.dev
Password: password

If you need debug the backend, you can access the following services:

Supabase dashboard: http://localhost:54323/
REST API: http://127.0.0.1:54321
Attachments storage: http://localhost:54323/project/default/storage/buckets/attachments
Inbucket email testing service: http://localhost:54324/

Testing Invitations And Password Reset

When you invite a new user through the Authentication dashboard, or reset a password through the password reset form, you can see the email sent in Inbucket.

Clicking the link inside the email will take you to the /set-password page where you can set or reset your password.

Testing Third Party Authentication Providers

To test OAuth providers, you must configure the Supabase local instance. This is done by editing the ./supabase/config.toml file as described in the Supabase CLi documentation.

For instance, to add support for Github authentication, you have to:

Create a GitHub Oauth App

Go to the GitHub Developer Settings page:

Click on your profile picture at the top right
Click Settings near the bottom of the menu
In the left sidebar, click Developer settings (near the bottom)
In the left sidebar, click OAuth Apps
Click Register a new application. If you've created an app before, click New OAuth App here.
In Application name, type the name of your app.
In Homepage URL, type the full URL to your app's website: http://localhost:8000
In Authorization callback URL, type the callback URL of your app: http://localhost:54321/auth/v1/callback
Click Save Changes at the bottom right.
Click Register Application
Copy and save your Client ID.
Click Generate a new client secret.
Copy and save your Client secret

Update the ./supabase/config file

1[auth.external.github]
2enabled = true
3client_id = "YOUR_GITHUB_CLIENT_ID"
4secret = "YOUR_GITHUB_CLIENT_SECRET"

Restart the supabase instance

1make supabase-stop supabase-start db-setup

Update the demo login page configuration:

Open the ./packages/demo/src/App.tsx file and update it.

1<Admin
2    dataProvider={dataProvider}
3    authProvider={authProvider}
4    i18nProvider={i18nProvider}
5    layout={Layout}
6    dashboard={Dashboard}
7-    loginPage={LoginPage}
8+    loginPage={<LoginPage providers={['github']} />}
9    queryClient={queryClient}
10    theme={{
11        ...defaultTheme,
12        palette: {
13            background: {
14                default: '#fafafb',
15            },
16        },
17    }}
18>

Internationalization Support

We provide two language packages:

And there are also community supported language packages:

ra-supabase-language-spanish

ra-supabase already re-export ra-supabase-language-english but you must set up the i18nProvider yourself:

1// in i18nProvider.js
2import { mergeTranslations } from 'ra-core';
3import polyglotI18nProvider from 'ra-i18n-polyglot';
4import englishMessages from 'ra-language-english';
5import frenchMessages from 'ra-language-french';
6import { raSupabaseEnglishMessages } from 'ra-supabase-language-english';
7import { raSupabaseFrenchMessages } from 'ra-supabase-language-french';
8
9const allEnglishMessages = mergeTranslations(
10    englishMessages,
11    raSupabaseEnglishMessages
12);
13const allFrenchMessages = mergeTranslations(
14    frenchMessages,
15    raSupabaseFrenchMessages
16);
17
18export const i18nProvider = polyglotI18nProvider(
19    locale => (locale === 'fr' ? allFrenchMessages : allEnglishMessages),
20    'en'
21);
22
23// in App.js
24import { Admin, Resource, ListGuesser } from 'react-admin';
25import { authRoutes } from 'ra-supabase';
26import { dataProvider } from './dataProvider';
27import { authProvider } from './authProvider';
28import { i18nProvider } from './i18nProvider';
29
30export const MyAdmin = () => (
31    <Admin
32        dataProvider={dataProvider}
33        authProvider={authProvider}
34        i18nProvider={i18nProvider}
35        customRoutes={authRoutes}
36    >
37        <Resource name="posts" list={ListGuesser} />
38        <Resource name="authors" list={ListGuesser} />
39    </Admin>
40);

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Maintained

Determines if the project is "actively maintained".

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

10

SAST

Determines if the project uses static code analysis.

1

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: third-party GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/marmelab/ra-supabase/codeql-analysis.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/marmelab/ra-supabase/codeql-analysis.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:31: update your workflow using https://app.stepsecurity.io/secureworkflow/marmelab/ra-supabase/codeql-analysis.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:39: update your workflow using https://app.stepsecurity.io/secureworkflow/marmelab/ra-supabase/codeql-analysis.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:53: update your workflow using https://app.stepsecurity.io/secureworkflow/marmelab/ra-supabase/codeql-analysis.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/test.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/marmelab/ra-supabase/test.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/marmelab/ra-supabase/test.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/marmelab/ra-supabase/test.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/test.yml:22: update your workflow using https://app.stepsecurity.io/secureworkflow/marmelab/ra-supabase/test.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/test.yml:36: update your workflow using https://app.stepsecurity.io/secureworkflow/marmelab/ra-supabase/test.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:38: update your workflow using https://app.stepsecurity.io/secureworkflow/marmelab/ra-supabase/test.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:40: update your workflow using https://app.stepsecurity.io/secureworkflow/marmelab/ra-supabase/test.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/test.yml:43: update your workflow using https://app.stepsecurity.io/secureworkflow/marmelab/ra-supabase/test.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/test.yml:48: update your workflow using https://app.stepsecurity.io/secureworkflow/marmelab/ra-supabase/test.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/test.yml:56: update your workflow using https://app.stepsecurity.io/secureworkflow/marmelab/ra-supabase/test.yml/main?enable=pin
Info: 0 out of 8 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 7 third-party GitHubAction dependencies pinned

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

4.2

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More