passlock-dev / svelte-passkeys Goto Github PK
View Code? Open in Web Editor NEWTypescript authentication library featuring passkeys, Apple and Google social sign in and much more.
Home Page: https://passlock.dev
License: MIT License
Typescript authentication library featuring passkeys, Apple and Google social sign in and much more.
Home Page: https://passlock.dev
License: MIT License
Apple has a nice DX although any devs wanting to use Apple will need a (paid) developer account.
Conceptually it's similar to Google so should integrate nicely.
If I register with Social login how can I link the passkey or vice-versa
I'm keen to use this app as the foundation for my AI agent app in Sveltekit, however I'm still "learning the ropes" and having trouble running the shadcn app.
I've tried the following:
$ pnpm -r install
$ pnpm -r build
$ pnpm --filter sveltekit dev
When I build, I get the following error on an anchor href:
pnpm -r build
Scope: 6 of 7 workspace projects
apps/sveltekit/preline build$ vite build
[150 lines collapsed]
│ ^
│ 1036: class="inline-block size-[38px] rounded-full"
│ 1037: src="https://images.unsplash.com/photo-1670272505340-d906d8d77d03?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=320&h=320&q=80"
│ 19.58.24 [vite-plugin-svelte] /Users/kristian/repos/personal/svelte-apps/sveltekit-passlock-social-login/apps/sveltekit/preline/src/routes/(app)/app/+page.svelte:1096:20 A11y: '#' is not a valid href attribute
│ 1094: <a
│ 1095: class="inline-flex items-center gap-x-1 text-sm text-blue-600 decoration-2 hover:underline font-medium dark:text-blue-500"
│ 1096: href="#">
│ ^
│ 1097: Edit
│ 1098: </a>
└─ Running...
apps/sveltekit/shadcn build$ vite build
│ vite v5.3.4 building SSR bundle for production...
│ transforming...
│ 19.58.24 [vite-plugin-svelte] /Users/kristian/repos/personal/svelte-apps/sveltekit-passlock-social-login/apps/sveltekit/shadcn/src/routes/(other)/+page.svelte:161:11 A11y: '#' is not a valid href attribute
│ 159: <p class="px-8 text-center text-sm text-muted-foreground">
│ 160: By creating an account, you agree to our
│ 161: <a href="#" class="underline underline-offset-4 hover:text-primary">
│ ^
│ 162: Terms of Service
│ 163: </a>
│ 19.58.24 [vite-plugin-svelte] /Users/kristian/repos/personal/svelte-apps/sveltekit-passlock-social-login/apps/sveltekit/shadcn/src/routes/(other)/+page.svelte:165:11 A11y: '#' is not a valid href attribute
│ 163: </a>
│ 164: and
│ 165: <a href="#" class="underline underline-offset-4 hover:text-primary">
│ ^
│ 166: Privacy Policy
│ 167: </a>
│ ✓ 35 modules transformed.
│ x Build failed in 242ms
│ error during build:
│ [vite]: Rollup failed to resolve import "@passlock/sveltekit/superforms" from "/Users/kristian/repos/personal/svelte-apps/sveltekit-passlock-social-login/apps/sveltekit/shadcn/src/routes/(other)/+page.svelte".
│ This is most likely unintended because it can break your application at runtime.
│ If you do want to externalize this module explicitly add it to
│ `build.rollupOptions.external`
Running on latest Mac OSX, versions
$ pnpm -v
9.6.0
$ node -v
v20.11.1
Template now supports Apple and Google login - need to update the Passlock docs to reflect this.
It seems the dev community is keen on Svelte 5 so let's do it! Create a branch off master for users who want to stick with Svelte 4 but upgrade master to use 5.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.