Wallet auth

packages/ui/components/auth.tsx

@@ -0,0 +1,95 @@
+import { AppConfig, UserSession, showConnect } from "@stacks/connect";
+// import { Storage } from '@stacks/storage';
+import { StacksMainnet, StacksTestnet } from "@stacks/network";
+import {
+  callReadOnlyFunction,
+  cvToJSON,
+  standardPrincipalCV,
+} from "@stacks/transactions";
+
+// Initialize Gaia hub permissions for the user
+const appConfig = new AppConfig(["store_write", "publish_data"]);
+
+// Set this to true if you want to use Mainnet
+// Using a boolean helps to switch the entire application to mainnet
+// or testnet with only changing a single value
+const isNetworkMainnet = true;
+
+export const userSession = new UserSession({ appConfig });
+// export const storage = new Storage({ userSession });
+
+// Return the network type object for the current network in use
+export function networkType() {
+  if (isNetworkMainnet) return new StacksMainnet();
+  else return new StacksTestnet();
+}
+
+export function getMyStxAddress(): string {
+  if (isNetworkMainnet) return getUserData().profile.stxAddress.mainnet;
+  else return getUserData().profile.stxAddress.testnet;
+}
+
+export function getNetworkName(): string {
+  if (isNetworkMainnet) return "mainnet";
+  else return "testnet";
+}
+
+export function authenticate(): void {
+  showConnect({
+    appDetails: {
+      name: "daoOS",
+      // TODO: add daoOS logo over here
+      icon: "../public/favicon.ico",
+    },
+    redirectTo: "/",
+    onFinish: () => {
+      // TODO: Enter miami vice's contract address
+      const contractAddress: string = "SP98329831323123";
+      // TODO: Enter miami vice's contract name
+      const contractName: string = "miami-vice-v1";
+
+      const functionName: string = "is-dao-member";
+      const stxAddress: string = getMyStxAddress();
+      const principalArg = standardPrincipalCV(stxAddress);
+
+      const options = {
+        contractAddress,
+        contractName,
+        functionName,
+        functionArgs: [principalArg],
+        network: networkType(),
+        senderAddress: stxAddress,
+      };
+
+      callReadOnlyFunction(options)
+        .then((clarityValue) => {
+          const jsonValue = cvToJSON(clarityValue);
+
+          // TODO: check that the right type is compared
+          if (jsonValue.type === "(response bool)") {
+            // TODO: console log and check whether the right argument is used as boolean
+            const isMember: boolean = jsonValue.value["is-member"].value;
+
+            if (isMember) {
+              // Allow access to the miami dashboard
+              // TODO: add redirect to miami dashboard
+              window.location.replace(window.location.origin + "/");
+            } else {
+              // Deny access
+              // TODO: add redirect to register page
+              window.location.replace(window.location.origin + "/register");
+            }
+          }
+        })
+        .catch((error) => {
+          // TODO: any error handling such as the contract or the function doesn't exist
+          console.log(error.message);
+        });
+    },
+    userSession: userSession,
+  });
+}
+
+export function getUserData() {
+  return userSession.loadUserData();
+}