GithubHelp home page GithubHelp logo

jackrobertscott / authpack-client Goto Github PK

View Code? Open in Web Editor NEW
26.0 4.0 5.0 2.14 MB

πŸ”’ Authpack is a complete user login and payment system for your web projects.

Home Page: https://authpack.io

TypeScript 98.68% JavaScript 0.34% HTML 0.84% CSS 0.14%

authpack-client's Introduction

Authpack

npm language build

Features

Authpack is a complete user login system for your web project.

  • πŸ”₯ Made to be super fast.
  • πŸ›  Less than 8 lines of code.
  • πŸ€– Complete GraphQL API.
  • πŸŽ‰ SDKs for JS, React, and Vue.
  • 😻 One-click social login.
  • πŸ”’ Encrypted passwords.
  • πŸ’» All screen sizes.
  • πŸ‘©β€πŸ‘§β€πŸ‘¦ Team membership support.
  • πŸ‘Œ More coming soon...

Note: we have open sourced our client side code in this repository. Feel free to explore our code and learn how we built Authpack's dashboard and gadgets. The Authpack API and backend logic will remain private and is not included in this repository.

Links

authpack-client's People

Contributors

jackrobertscott avatar twrayden avatar

Stargazers

TechnologyBully avatar Christopher Kapic avatar Valentin Erokhin avatar Rennie Bevineau avatar Weihan avatar Joona Kulmala avatar Bo Griffin avatar tzvsi avatar  avatar Thomas Sanlis avatar  avatar Dan White avatar  avatar SHIMIZU Taku avatar Ilya Lesik avatar  avatar ahrbil avatar Dylan Steck avatar Omar Farooq avatar ThΓ©o Szymkowiak avatar LΓ©o Pradel avatar Benjamin Lupton avatar  avatar Kevin Segal avatar John Clema avatar  avatar

Watchers

 avatar James Cloos avatar  avatar  avatar

authpack-client's Issues

Teams Issue & Script Issue

I am having two issues with AuthPack.

  1. I cannot assign a team to a guarded page. So that only members of a specific team can view it. Let's say I wanted to guard page /home.html and only make it accessible to Team X. I have no way of doing that and I've looked all over the docs.

  2. The javascript https://scripts.v1.authpack.io/index.js is creating a blank white space in page loads. My page content loads right after the loading spinner. With AuthPack, there's a white space period between the spinner and page load. Video to show what I'm talking about : https://www.saucy.io/uploads/b/30753761-448405199843462052/screen-capture_975.mp4

Hope these can get fixed. Thanks.

Guarding pages not working

Hi, I have setup AuthPack for my website, (I have been testing my website on my localhost). I have guarded a page called content.html and added a login button to index.html, Then when I login, It sends me to content.html and then sends me back to index.html, I am assuming this is an issue with the login logging out when I reload the page

Token Security

This seems like a great project. I notice in your documentation you recommend storing access tokens in local storage, which sounds like a bad idea [1] especially if using authpack's payments feature. Do you plan to implement secure session management (e.g. along the lines of Auth0)?

In particular, see [1]. "If you have a single-page app (SPA) with no corresponding backend server, your SPA should request new tokens on login and store them in memory without any persistence. To make API calls, your SPA would then use the in-memory copy of the token." Auth0 stores sessions on its servers and SPAs simply make silent reauthorization requests when tokens are wiped from memory (e.g. when the is page refreshed) [2]. They also implement PKCE [3] to prevent against token interception attacks.

[1] https://auth0.com/docs/tokens/guides/store-tokens
[2] https://auth0.com/blog/introducing-auth0-single-page-apps-spa-js-sdk/#Behind-the-Curtain
[3] https://tools.ietf.org/html/rfc7636

user.id to datalayer

Hi !! Thanks a lot for your work. I'm implement the tool in webflow.

How can I send the user id to Google tag manager (datalayer.push() ) after the login?

Thanks in advance

Hi, I got this error when I tried to click "Login" button

<button data-authpack="open" data-listening="true"> Login </button>

A cookie associated with a cross-site resource at http://authpack.io/ was set without the SameSite attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with SameSite=None and Secure. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.

Is it possible to always show the login window without explicitly click on the button? Is there anyway to add a callback when the authentication was successful?

Support for CAD

Can you please enable support for Canadian currency?

Stripe already supports CAD so this should be simple to enable.

Discord social login

I think there would be many users, that would like to authenticate through Discord

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.