All Projects → beyonk-adventures → Svelte Social Auth

beyonk-adventures / Svelte Social Auth

Social Auth for Svelte v3

Projects that are alternatives of or similar to Svelte Social Auth

Auth
:atom: Social (OAuth1\OAuth2\OpenID\OpenIDConnect) sign with PHP
Stars: ✭ 457 (+431.4%)
Mutual labels:  social, facebook-login, google-login, facebook
LeonSocialLogin
Leon Social Login is an Android library written to Integrate (Twitter, Facebook, Google, SnapChat) login.
Stars: ✭ 16 (-81.4%)
Mutual labels:  social, facebook, facebook-login
Keyring
Keyring is an authentication framework for WordPress. It comes with definitions for a variety of HTTP Basic, OAuth1 and OAuth2 web services. Use it as a common foundation for working with other web services from within WordPress code.
Stars: ✭ 52 (-39.53%)
Mutual labels:  google, authentication, facebook
Oauth
🔗 OAuth 2.0 implementation for various providers in one place.
Stars: ✭ 336 (+290.7%)
Mutual labels:  google, authentication, facebook
Hackathon Starter Kit
A Node-Typescript/Express Boilerplate with Authentication(Local, Github, Facebook, Twitter, Google, Dropbox, LinkedIn, Discord, Slack), Authorization, and CRUD functionality + PWA Support!
Stars: ✭ 242 (+181.4%)
Mutual labels:  google, authentication, facebook
Socialblocklists
Blocklists to block the communication to social networking sites and privacy harming services
Stars: ✭ 161 (+87.21%)
Mutual labels:  social, facebook, social-network
KASocialLogins
This is Social login library in which you can login through Facebook , LinkedIn and Google
Stars: ✭ 15 (-82.56%)
Mutual labels:  facebook, facebook-login, google-login
Mern Boilerplate
Fullstack boilerplate with React, Redux, Express, Mongoose, Passport Local, JWT, Facebook and Google OAuth out of the box.
Stars: ✭ 112 (+30.23%)
Mutual labels:  authentication, facebook-login, google-login
Ngx Auth Firebaseui
Angular Material UI component for firebase authentication
Stars: ✭ 518 (+502.33%)
Mutual labels:  google, authentication, facebook
Spring Boot React Oauth2 Social Login Demo
Spring Boot React OAuth2 Social Login with Google, Facebook, and Github
Stars: ✭ 676 (+686.05%)
Mutual labels:  authentication, facebook-login, google-login
Opensource Socialnetwork
Open Source Social Network (OSSN) is a social networking software written in PHP. It allows you to make a social networking website and helps your members build social relationships, with people who share similar professional or personal interests. It is available in 16 international languages.
Stars: ✭ 710 (+725.58%)
Mutual labels:  social, facebook, social-network
Turnstile
An authentication framework for Swift.
Stars: ✭ 163 (+89.53%)
Mutual labels:  google, authentication, facebook
Pwa Auth
Web component that lets your users sign-in/sign-up using their Microsoft, Google, Facebook, or Apple account. Your app receives their email address, name, and profile picture.
Stars: ✭ 139 (+61.63%)
Mutual labels:  authentication, facebook-login, google-login
Nativescript Plugin Firebase
🔥 NativeScript plugin for Firebase
Stars: ✭ 990 (+1051.16%)
Mutual labels:  google, authentication, facebook
React Most Wanted
React starter kit with "Most Wanted" application features
Stars: ✭ 1,867 (+2070.93%)
Mutual labels:  authentication, facebook-login, google-login
SimpleOAuth
Simple OAuth 2.0 for Android
Stars: ✭ 15 (-82.56%)
Mutual labels:  facebook, facebook-login, google-login
Googleclientplugin
Google Client Plugin for Xamarin iOS and Android
Stars: ✭ 69 (-19.77%)
Mutual labels:  google, authentication, social-network
Play Authenticate
An authentication plugin for Play Framework 2.x (Java)
Stars: ✭ 813 (+845.35%)
Mutual labels:  google, authentication, facebook
Social Login Helper Deprecated
A simple android library to easily implement social login into your android project
Stars: ✭ 81 (-5.81%)
Mutual labels:  social, google, facebook
Socialite
Socialite is an OAuth2 Authentication tool. It is inspired by laravel/socialite, you can easily use it without Laravel.
Stars: ✭ 1,026 (+1093.02%)
Mutual labels:  google, facebook

Beyonk

Svelte Social Auth

js-standard-style CircleCI svelte-v2 svelte-v3

Google and Facebook Auth

SSR Ready Svelte v3 + v2

installation

npm i @beyonk/svelte-social-auth --save-dev

Usage

<GoogleAuth clientId="your-google-auth-client-id" on:auth-success={e => console.dir(e.detail.user)} />
<FacebookAuth appId="your-facebook-app-id" on:auth-success={e => console.dir(e.detail.user)} />

<script>
  import { GoogleAuth, FacebookAuth } from '@beyonk/svelte-social-auth'
</script>

Usage with v2

<GoogleAuth clientId="your-google-auth-client-id" on:auth-success={e => console.dir(e.detail.user)} />
<FacebookAuth appId="your-facebook-app-id" on:auth-success={e => console.dir(e.detail.user)} />

<script>
  import { GoogleAuth, FacebookAuth } from '@beyonk/svelte-social-auth/src/components.v2.js'
</script>

Attributes

Common attributes:

Attribute Description Type Default
text Text of the sign-in button string 'Sign in with '

The attributes for the GoogleAuth component are:

Attribute Description Type Default
clientId Google service account client id string -

The attributes for the FacebookAuth component are:

Attribute Description Type Default
appId Facebook app id string -

Events

The events fired by the GoogleAuth component are:

Event Purpose Properties
on:auth-success User authentication success { user }
on:auth-failure User authentication failure { error }
on:init-error Google Auth initialisation failure { error }

The events fired by the FacebookAuth component are:

Event Purpose Properties
on:auth-success User authentication success { user }
on:auth-failure User authentication failure { error }

Developing / Contributing

Note that Facebook requires that you have HTTPS locally, despite their documentation to the contrary, so you will need to generate some SSL certs and point rollup config at them.

GOOGLE_CLIENT_ID=<your-google-client-id> FACEBOOK_APP_ID=<your-facebook-app-id> npm run dev
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].