Giter Site home page Giter Site logo

workos / authkit Goto Github PK

View Code? Open in Web Editor NEW
1.7K 17.0 48.0 327 KB

The world's best login box powered by WorkOS and Radix.

Home Page: https://authkit.com

License: MIT License

JavaScript 0.17% TypeScript 94.86% CSS 4.97%
auth authentication authentication-backend authentication-middleware authn magic-code oauth2 passwordless-authentication radix-ui sso-authentication

authkit's People

Contributors

benoitgrelard avatar cmatheson avatar dependabot[bot] avatar paulasjes avatar pmarsceill avatar vladmoroz avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

authkit's Issues

Access to fetch has been blocked by CORS policy

Sometimes timing couldn't be more perfect, I'm so thrilled to be able to tap into the brainpower at WorkOS with AuthKit. I'm sure this problem is me. I've been following along the docs and the nextjs example, tried both the AuthKit version and Jason's, thank you for the awesome post btw!

  • WorkOS dashboard set up done
  • All steps completed in the tutorial
  • I can see the token in my application tab
  • However, after I authenticate with Google, I get this https://rizv.io/i/JhAnbC, there is no redirect to the home page and I cannot see the logged in/auth view
  • Not sure if relevant, but I can see these errors in browser console:
Access to fetch at 'https://api.workos.com/user_management/authorize?client_id=client_01HGG60KYN9F25CHGM3TYV56WB&provider=authkit&redirect_uri=http%3A%2F%2Flocalhost%3A3000%2Fcallback&response_type=code' (redirected from 'http://localhost:3000/account?_rsc=acgkz') from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Any help or guidance would be appreciated as I'm in the process of working on this. Thanks!

Mobile native

Any plans for a mobile native implementation? ios/android

License?

Not sure what is permissible!

API support on Cloudflare Pages / Workers?

Hey there,

I'm developing Remix apps on Cloudflare Pages and it does not look like Authkit supports that (workos/node seems to be using plenty of node core libs, and axios for fetching).

Do you have any plans to support Cloudflare Pages / Workers? If so, do you have a timeline? I'm happy to participate in testing :)

Screenshots?

I'm having a hard time seeing what the prebuilt UI looks like. I can see the login form on authkit.com, but that's it. I can't find screenshots of stuff like the Clerk avatar dropdown or profile modal. The widgets are front-and-center on the Clerk website. I'd hope to at least see the screenshots on the README.

I don't want to have to create an account and set up all the example code just to see if I like the UI enough to switch from Clerk. :)

Access to fetch at has been blocked by CORS policy

I followed the instructions in the document to complete the code and dashboard settings, but when I sent a request to ' http://localhost:3000/api/workos, I received a CORS error

This is the code that initiated my request:

fetch('http://localhost:3000/api/workOS',{
  method: 'GET',
})

This is my api/workOS/route.ts

import { NextResponse } from 'next/server';
import { WorkOS } from '@workos-inc/node';

const workos = new WorkOS(process.env.WORKOS_API_KEY);
const clientId = process.env.WORKOS_CLIENT_ID as string;

export async function GET() {

  const authorizationUrl = workos.userManagement.getAuthorizationUrl({
    // Specify that we'd like AuthKit to handle the authentication flow
    provider: 'authkit',

    // The callback URI AuthKit will redirect to after authentication
    redirectUri: 'http://localhost:3000/api/authCallback',
    clientId,
  });

  // Redirect the user to the AuthKit sign-in page
  return NextResponse.redirect(authorizationUrl);
}

and my nextjs version is 14.0

Here is an error screenshot
image

Any help or guidance would be appreciated, thanks!

Passkey Support?

Hi there,

This project looks fantastic. On the marketing site, it says it supports "biometric and passkey auth" but I cannot find information about this on the documentation.

Do you support "biometric and passkey auth"?

Thank you

image

Issue building the app locally because of SSO_ENABLED_ORGANIZATION_ID

Im getting an error when trying to build this app where the getAuthorizationUrl method is being called with a clientId, organizationId, and redirectUri. The organizationId is being fetched from the environment variable SSO_ENABLED_ORGANIZATION_ID. I don't have any need for this because I'm just testing this out locally. As such the environment variable is not set, it could be the cause of the error. Are there any remedies for this?

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.