SOLIDPOD: Implement SolidLoginPopup() for bstim

[gjwgit]

Description

Not all apps will need to immediately log into the POD on startup. An example is BSTIM which only needs PODs when a survey is to be submitted. This use case is for a solid pod login popup that will establish a connection to the pod.

If a WebID is not known then prompt for it and save it locally, then connect to the server to retrieve the token.

The token should be retained so that no further login is required for reading/writing data during the app session.

If the app folder does not exist for the user on the solid server then run the InitialisePod() widget from #2

Closing Criteria

• This popup is deployed into bstim
• This popup is deployed into keypod on the LOAD button

[gjwgit]

Could this be assigned to Kevin? Start to have a look at how this will work. Thanks.

[junhaow1]

Assign myself to this ticket

[junhaow1]

https://github.com/anusii/solidpod/tree/kev/3_popup
working branch

[junhaow1]

[junhaow1]

solidpod repo:
#57

keypod repo:
anusii/keypod#51

PR created

[junhaow1]

in progress, working on saving auth data/token for use on other pages as in SolidLogin()

[junhaow1]

I converted authdata (Map format) into String using serializeMap so that we can save them in secureStorage. But I found difficulty converting the string back to the correct map format. Dawei suggested I can convert the map into Json format first, then save as a string using secureStorage.

[cdawei]

This page might be useful for converting the authData between a String and a Map https://docs.flutter.dev/data-and-backend/serialization/json

[junhaow1]

/// Store authentication data
authData = {
'client': client,
'rsaInfo': rsaResults,
'authResponse': authResponse,
'tokenResponse': tokenResponse,
'accessToken': accessToken,
'idToken': tokenResponse.idToken,
'refreshToken': tokenResponse.refreshToken,
'expiresIn': tokenResponse.expiresIn,
'logoutUrl': _logoutUrl
};

how to Serialize JSON for each map value .

error I got: Converting object to an encodable object failed: Instance of 'Client’

[cdawei]

So Anushka mentioned that re-creating the client instance can be done through:

var client = Client(issuer, _clientId, clientSecret: _clientSecret);

where both the _clientId and _clientSecret are strings (so can be serialised).
The issuer variable can be recreated through:

Issuer issuer = await Issuer.discover(issuerUri);

where issuerUri is the same as the one when calling the authenticate function.

Therefore, it seems that we should be able to recreate the client instance by saving the _clientId, _clientSecret and issuerUri.

[junhaow1]

So Anushka mentioned that re-creating the client instance can be done through:

var client = Client(issuer, _clientId, clientSecret: _clientSecret);

where both the _clientId and _clientSecret are strings (so can be serialised). The issuer variable can be recreated through:

Issuer issuer = await Issuer.discover(issuerUri);

where issuerUri is the same as the one when calling the authenticate function.

Therefore, it seems that we should be able to recreate the client instance by saving the _clientId, _clientSecret and issuerUri.

Thanks @cdawei on it

[junhaow1]

demo video:

video1107929422.mp4

[junhaow1]

       // Get the authentication data from the secure storage.

                                      const storage =
                                          FlutterSecureStorage();
                                      String? jsonAuthData = await storage
                                          .read(key: 'authData');
                                      Map<String, dynamic> deserializedMap =
                                          json.decode(jsonAuthData!);
                                      var rsaInfo =
                                          deserializedMap['rsaInfo'];
                                      KeyPair deserializedKeyPair = KeyPair(
                                        rsaInfo['rsa']['publicKey'],
                                        rsaInfo['rsa']['privateKey'],
                                      );
                                      var pubKeyJwk = rsaInfo['pubKeyJwk'];
                                      Map<String, dynamic> authData = {
                                        'accessToken':
                                            deserializedMap['accessToken'],
                                        'rsaInfo': {
                                          'rsa': deserializedKeyPair,
                                          'pubKeyJwk': pubKeyJwk,
                                        },
                                      };

[junhaow1]

https://github.com/anusii/bstim/pull/364

#57

PR created

[gjwgit]

Let's review this today - that it is fully functional.