Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hexagon6/svelte-solid-webid-check

A svelte component to check solid webid urls
https://github.com/hexagon6/svelte-solid-webid-check

Last synced: about 1 month ago
JSON representation

A svelte component to check solid webid urls

Awesome Lists containing this project

README

        

# @hexagon6/svelte-solid-webid-check

## Purpose

A Svelte component which can do [OpenID Connect Discovery](https://openid.net/specs/openid-connect-discovery-1_0.html#ProviderConfig).

It is useful to check where a solid [webId](https://solidproject.org/TR/oidc#concepts-webids) is being [authenticated with a OpenID Connect Identity Provider](https://solid.github.io/webid-profile/#identity-provider).

This works by reading the contents of /.well-known/openid-configuration as defined in https://openid.net/specs/openid-connect-discovery-1_0.html#ProviderConfig.

This component can be used to help application developers guide users to set their webId url, for a quick validation on input. It should make it easier to set up a webID-based login for solid applications with svelte / sveltekit.

## Demo

Try [https://webid.fet.li/webid-check](https://webid.fet.li/webid-check/).

> Note: check the console if you want to see the result after clicking on "set".

## Example usage

```svelte

import WebIdCheck from '@hexagon6/svelte-solid-webid-check'

let validOIDCEndpoint = ''

{
validOIDCEndpoint = oidcEndpoint
}}>show

Your solid webId oidc authentication endpoint is {validOIDCEndpoint}
```

For more examples check out this repo and check out histoire with `npm run story:dev` or a sveltekit example with `npm run dev`.