3rdBlock
commented
1 year ago How actions are created?
Actions aren’t necessarily created, rather than they are defined in the json. Stored as an array of objects and they are passed into.
4 properties: • ID (name of action) • XP (how many points) • Description (description of action) • Token (token ID)
How actions are triggered?
Actions call the trigger method of the ‘action’ class. Takes in the address (who’s receiving the XP). The token (the actions token). The XP (amount of XP the user gets for completing the task).
Post request to the API, to communicate with the smart contract that will reward the user with the token.
How missions are created?
Pre-defined missions in a json file, for example, complete mission 1, 3 times:
missions.json file:
[
{
"id": "mission1",
"description": "Complete action1 three times",
"amount": 20,
"token": "0x21234",
"badge": "0x123342",
"requirements": [
{
"actionId": "connect",
"count": 3
}
]
}
]Should there be an image option here? So users can add a potential image for the “mission complete NFT” the end user received? Missions should be directly linked to the number of actions that have been completed for simple implementation.
How missions are triggered?
The missions will be checked via the subgraph to see if the user has completed the set task(s) X number of times.
The function would read the missions from the json. This would be compared to the subgraph information and say, “if the mission is complete then enable the user to mint an NFT”. The NFT metadata will be constructed from the missions.json file.
Should we have the end user trigger the minting of the reward to completing a mission rather than automate that?
How to provide web2 authentication with a custodial wallet?
The main logic for the component is as follows:
magiclink > authenticateuser > have we got a private key for them already? If no > create wallet. If yes > do nothing.
Need to do:
Add encryption to protect private keys.
const handleAuthStateChange = async (event: string, session: any) => {
if (event === 'SIGNED_IN') {
const user = session.user;
setIsSignedIn(true);
setUser(user); // Update the signed-in user state
// Check if the user already exists in the "users" table
const { data: existingUsers, error: userError } = await supabase
.from('users')
.select('*')
.eq('id', user.id);
if (userError) {
console.error('Error fetching user:', userError.message);
} else if (existingUsers && existingUsers.length > 0) {
// The user already exists in the "users" table, do nothing
} else {
// The user does not exist in the "users" table, create a new wallet and get the private key
const web3 = new Web3();
const account = web3.eth.accounts.create();
const privateKey = account.privateKey;
setPrivateKey(privateKey);
// Insert the private key into the users table
const { data: userData, error: insertError } = await supabase
.from('users')
.insert([{ id: user.id, email: user.email, private_key: privateKey }]);
if (insertError) {
console.error('Error inserting user:', insertError.message);
}
}
}
};
const authListener = supabase.auth.onAuthStateChange(handleAuthStateChange);
return () => {
authListener.data?.unsubscribe();
};
},);
async function signInWithEmail(data: FormData) {
setLoading(true);
setMessage('');
const { email } = data;
const { user, error } = await supabase.auth.signIn({
email,
provider: 'email',
redirectTo: 'https://localhost:3000',
});
if (error) {
setMessage(error.message);
} else {
setMessage('Check your email for the magic link!');
reset();
}
setLoading(false);
}```
tinypell3ts
Codesandbox
Assumptions
Acceptance Criteria
For each item below, please provide a summary of a link to a codesandbox validating your research.