@hexagon6/svelte-solid-webid-check

Purpose

A Svelte component which can do OpenID Connect Discovery.

It is useful to check where a solid webId is being authenticated with a OpenID Connect 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.

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

Example usage

1<script>
2  import WebIdCheck from '@hexagon6/svelte-solid-webid-check'
3
4  let validOIDCEndpoint = ''
5</script>
6
7<WebIdCheck
8  placeholder={'https://timbl.inrupt.net/profile/card#me'}
9  on:valid-oidc-endpoint={({ detail: { oidcEndpoint } }) => {
10    validOIDCEndpoint = oidcEndpoint
11  }}><span slot="confirm">show</span></WebIdCheck
12>
13
14Your 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.