Feat/user metadata upload endpoint

frontend/clientApi/index.js

@@ -25,13 +25,15 @@ export const client = new ApolloClient({
 export * from "./lens/authenticate";
 export * from "./lens/challenge";
 export * from "./lens/createProfile";
+export * from "./lens/createSetDefaultProfile";
 export * from "./lens/exploreProfiles";
 export * from "./lens/getDefaultProfile";
 export * from "./lens/getProfileByHandle";
 export * from "./lens/getProfileByAddress";
 export * from "./lens/getPublications";
 export * from "./lens/mirror";
 export * from "./lens/refresh";
+export * from "./lens/createSetProfileWithMetadata";
 
 export * from "./ipfonts/createIPFontsUser";
 export * from "./ipfonts/createIPFontProject";

frontend/clientApi/lens/createProfile.js

@@ -1,15 +1,8 @@
 import { gql } from "@apollo/client";
 
 export const createProfile = gql`
-  mutation CreateProfile {
-    createProfile(
-      request: {
-        handle: "jptestdev"
-        profilePictureUri: null
-        followNFTURI: null
-        followModule: null
-      }
-    ) {
+  mutation CreateProfile($request: CreateProfileRequest!) {
+    createProfile(request: $request) {
       ... on RelayerResult {
         txHash
       }

frontend/clientApi/lens/createSetDefaultProfile.js

@@ -0,0 +1,32 @@
+import { gql } from "@apollo/client";
+
+export const createSetDefaultProfile = gql`
+  mutation CreateSetDefaultProfileTypedData(
+    $request: CreateSetDefaultProfileRequest!
+  ) {
+    createSetDefaultProfileTypedData(request: $request) {
+      id
+      expiresAt
+      typedData {
+        types {
+          SetDefaultProfileWithSig {
+            name
+            type
+          }
+        }
+        domain {
+          name
+          chainId
+          version
+          verifyingContract
+        }
+        value {
+          nonce
+          deadline
+          wallet
+          profileId
+        }
+      }
+    }
+  }
+`;

frontend/clientApi/lens/createSetProfileWithMetadata.js

@@ -0,0 +1,32 @@
+import { gql } from "@apollo/client";
+
+export const createSetProfileWithMetadata = gql`
+  mutation CreateSetProfileMetadataTypedData(
+    $request: CreatePublicSetProfileMetadataURIRequest!
+  ) {
+    createSetProfileMetadataTypedData(request: $request) {
+      id
+      expiresAt
+      typedData {
+        types {
+          SetProfileMetadataURIWithSig {
+            name
+            type
+          }
+        }
+        domain {
+          name
+          chainId
+          version
+          verifyingContract
+        }
+        value {
+          nonce
+          deadline
+          profileId
+          metadata
+        }
+      }
+    }
+  }
+`;

frontend/clientApi/lens/getDefaultProfile.js

@@ -5,6 +5,31 @@ export const getDefaultProfile = gql`
     defaultProfile(request: $request) {
       id
       handle
+      name
+      bio
+      attributes {
+        key
+        value
+      }
+      coverPicture {
+        ... on MediaSet {
+          original {
+            url
+          }
+        }
+      }
+      picture {
+        ... on MediaSet {
+          original {
+            url
+          }
+        }
+        ... on NftImage {
+          uri
+          tokenId
+          contractAddress
+        }
+      }
     }
   }
 `;

frontend/components/Profile/ProfileCard/ProfileData.js

@@ -1,3 +1,4 @@
+import Link from "next/link";
 import classes from "../../../styles/CardData.module.css";
 
 export default function ProfileData(props) {
@@ -29,7 +30,9 @@ export default function ProfileData(props) {
         {(props.user?.website ?? "").replace(/https?:\/\//, "")}
       </a>
       {props.connected && (
-        <button className={classes.edit}>Edit Profile</button>
+        <Link className={classes.edit} href="/create-edit-user">
+          Edit Profile
+        </Link>
       )}
       <div className={classes.about}>
         <h6>About</h6>

frontend/components/UI/Form.js

@@ -0,0 +1,9 @@
+import classes from "../../styles/Form.module.css";
+
+export default function Form(props) {
+  return (
+    <form onSubmit={props.onSubmit} className={classes.form}>
+      {props.children}
+    </form>
+  );
+}

frontend/components/UI/Input.js

@@ -0,0 +1,31 @@
+import classes from "../../styles/Form.module.css";
+
+export default function Input(props) {
+  return (
+    <div className={classes.field}>
+      <label className={classes.label} htmlFor={props.id}>
+        {props.label}
+      </label>
+      {props.type !== "text-area" ? (
+        <input
+          className={classes.input}
+          id={props.id}
+          name={props.name}
+          type={props.type}
+          onChange={props.onChange}
+          onBlur={props.onBlur}
+          value={props.value || ""}
+        />
+      ) : (
+        <textarea
+          className={classes.input}
+          id={props.id}
+          name={props.name}
+          onChange={props.onChange}
+          onBlur={props.onBlur}
+          value={props.value || ""}
+        ></textarea>
+      )}
+    </div>
+  );
+}

frontend/package.json

@@ -36,6 +36,7 @@
     "siwe": "^1.1.6",
     "typescript": "^4.8.3",
     "utf8": "^3.0.0",
+    "uuid": "^9.0.0",
     "wagmi": "^0.10.14",
     "web3.storage": "^4.4.0",
     "yup": "^0.32.11"

frontend/pages/api/user-profile-data.js

@@ -0,0 +1,35 @@
+import { withIronSessionApiRoute } from "iron-session/next";
+import ironOptions from "../../config/ironOptions";
+import { storeMetadataFileIPFS } from "../../utils/storeMetadataFileIPFS";
+
+async function handler(req, res) {
+  if (req.method === "POST") {
+    return await storeUserMetadata(req, res);
+  } else {
+    return res
+      .status(405)
+      .json({ message: "Method not allowed", success: false });
+  }
+}
+
+async function storeUserMetadata(req, res) {
+  const body = req.body;
+
+  try {
+    const file = {
+      path: "/tmp/data.json",
+      content: Buffer.from(body),
+    };
+
+    const cid = await storeMetadataFileIPFS(file);
+
+    return res.status(200).json({ ok: true, cid: cid });
+  } catch (err) {
+    console.log(err);
+    return res
+      .status(500)
+      .json({ error: "Error creating/editing user", ok: false });
+  }
+}
+
+export default withIronSessionApiRoute(handler, ironOptions);