Svelte Auth0 screenshot

Svelte Auth0

Author Avatar Theme by Dopry
Updated: 10 Jun 2024
74 Stars

Svelte Auth0 Components

Overview:

svelte-auth0 is a component for the Svelte framework that allows users to easily integrate Auth0 authentication into their Svelte applications. This component provides a seamless way to handle user authentication and authorization using the Auth0 service.

Features:

  • Auth0Context: a component that initiates the Auth0 client and handles authentication-related functionalities.
  • Attributes: domain, client_id, audience, callback_url, logout_url.
  • Auth0LoginButton: a component that provides a button to log in the current user.
  • Attributes: preserve_route, callback_url.
  • Auth0LogoutButton: a component that provides a button to log out the current user.
  • Attributes: logout_url.
  • Functions: login, logout, refreshToken.
  • Stores: isLoading, isAuthenticated, authToken, userInfo, authError.
  • Constants: AUTH0_CONTEXT_CALLBACK_URL, AUTH0_CONTEXT_CLIENT_PROMISE, AUTH0_CONTEXT_LOGOUT_URL.
  • Release: versioning using semver, publishing to npm, building and publishing a showcase.

Installation:

To install svelte-auth0, follow the steps below:

  1. Set up an Auth0 account and get the domain and client_id from the Default App.
  2. Run the following command to install the package from npm:
npm install @dopry/svelte-auth0
  1. Use the provided components and functions in your Svelte application to handle authentication and authorization.

Summary:

svelte-auth0 is a powerful component for integrating Auth0 authentication into Svelte applications. With its easy setup process and comprehensive set of features, it provides a seamless way to handle user authentication and authorization. Whether you’re building a small app or a large-scale project, svelte-auth0 can help simplify the authentication process and make it more secure.