Skip to content

Latest commit

 

History

History
134 lines (92 loc) · 4.74 KB

README.md

File metadata and controls

134 lines (92 loc) · 4.74 KB
Raw

Solid-SDK

This repository contains an SDK based of the Solid protocol and demo that reuses the SDK.

The SDK is a framework written in TypeScript that includes functions to connect with a Solid pod and identity providers.

The user has to perform the following two functions in order to manage data:

  • compress a patch document (generating instructions for the identity provider to sign the user in as well as communicate what type of access rights will be needed by an application)
  • exchange a code for an identity provider

From this point on, the user is signed in and he is allowed to:

  • create a new resource (data)
  • discover data the given user has access to and returns a list of metadata
  • retrieve the content of a given resource
  • retrieve data about the user
  • retrieve and parses the profile document of a given webid
  • generate a URI to which the user should be redirected in order to approve the patch request

Those functions can be found in the functions folder and collected in the file main.ts

New functions can be added in the functions folder and declared in the main.ts file.

The demo is a React application built in Typescript and compiled in Javascript.

In order to reuse the SDK, the demo includes it first as dependency, so then the application can reuse certain functions, see App.tsx-Line2, and directly call them, see for example App.tsx-Line86

Getting started

Start by installing the SDK as a dependency of your project.

npm i @useid/movejs

As a first step, you need to authorize your user. This is done by following OIDC's Code Grant Flow. To do so, start by generating a uri by calling the requestPatch function and redirecting the user.

const onSignIn = async () => {

    log('Handling sign-in', email);

    const patch = patchForCommuter(
        import.meta.env.VITE_CLIENT_ID,
        import.meta.env.VITE_SUBJECT_WEBID,
    );

    const uri = await requestPatch(
        email,
        i.codeVerifier,
        import.meta.env.VITE_IDP_BASE_URI, // idpBaseUri
        import.meta.env.VITE_CLIENT_ID, // clientId
        window.location.href, // redirectUri
        patch
    );

    window.location.href = uri;

};

The user will be redirected back to your application after he authenticated and authorized the given request. Upon redirect, the authorization code will be available as a query parameter. Next, exchange this code by calling the exchangeCode function.

const newToken = await exchangeCode(
    import.meta.env.VITE_IDP_BASE_URI,
    code,
    import.meta.env.VITE_CLIENT_ID,
    window.location.href.split('?')[0],
    codeVerifier,
    publicKey,
    privateKey
);

localStorage.setItem('token', newToken);

With this token, your application can start interacting with the user's pod. Call the discoverData function to discover what data the user has access to. Subsequently, the resources can be retrieved by calling the retrieveData function and parsed according to your app's requirements.

// Discover data the user has access to
const combinations = await discoverData(i.token, i.publicKey, i.privateKey);

// Retrieve travel preferences and add them to the state
const preferences = (await Promise.all(
    combinations
    .filter((c) => c.subject === (i.subject ?? decodeIDToken(i.token).payload.webid) && c.type === 'https://voc.movejs.io/travel-preference')
    .map(async (c) => {

        const content = await retrieveData(c.uri, i.token, i.publicKey, i.privateKey);

        let travelPreference: TravelPreference | undefined;

        try {

        travelPreference = parseTravelPreference(c.uri, content);

        } catch(e) {

        log('Failed to parse preference', travelPreference);

        }

        return travelPreference;

    })
));

Contributing

Start by cloning, installing and building the dependencies.

git clone https://github.com/SEMICeu/SDK-Solid.git
cd SDK-Solid
npm i
npm run build

Since the master branch is protected, develop and test your contributions on a separate branch. Open a pull request to master once you are finished.

git checkout -b <branch-name>

Run the automated tests and linting in order to ensure code quality. Note these scripts will also be required to succeed before you will be able to merge your pull request.

npm test
npm run lint

License