feat: Invite to OpenSauced

src/components/InviteToOpenSauced/InviteToOpenSaucedModal.ts

@@ -1,5 +1,4 @@
 import "../../index.css";
-import { TEST } from "../../config.json";
 
 interface Socials {
   emailAddress?: string;
@@ -9,7 +8,7 @@ interface Socials {
 
 export const InviteToOpenSaucedModal = (
   username: string,
-  { mailAddress, twitterUsername, linkedInUsername }: Socials = {}
+  { emailAddress, twitterUsername, linkedInUsername }: Socials = {}
 ) => {
   //TODO: Conditionally render social icons
   const socialIcons = `<span class="flex flex-nowrap space-x-3"> <a href="https://github.com/bdougie">

src/utils/fetchOpenSaucedApiData.ts

@@ -1,4 +1,4 @@
-export const getOpenSaucedUser = async (username) => {
+export const getOpenSaucedUser = async (username: string) => {
     try {
         const response = await fetch(`https://api.opensauced.pizza/v1/users/${username}`);
         return response.status === 200;

src/utils/invite-to-OS.ts → src/utils/inviteToOpenSauced.ts

@@ -1,11 +1,11 @@
 //import {USER_BIO_SELECTOR} from "../config.json";
 import { InviteToOpenSaucedButton } from "../components/InviteToOpenSauced/InviteToOpenSaucedButton";
 import { InviteToOpenSaucedModal } from "../components/InviteToOpenSauced/InviteToOpenSaucedModal";
-import { getTwitterUsername } from "./matchers/tw-username-matcher";
-import { getLinkedInUsername } from "./matchers/li-username-matcher";
+import { getTwitterUsername } from "./matchers";
+import { getLinkedInUsername } from "./matchers";
 
 const injectViewOnOS = (username: string) => {
-  const mailAddress: string | undefined = (
+  const emailAddress: string | undefined = (
     document.querySelector(`a[href^="mailto:"]`) as HTMLAnchorElement
   )?.href.substr(7);
   const twitterUrl: string | undefined = (
@@ -15,13 +15,13 @@ const injectViewOnOS = (username: string) => {
     document.querySelector(`a[href*="linkedin.com"]`) as HTMLAnchorElement
   )?.href;
   console.log(linkedInUrl);
-  if (!(mailAddress || twitterUrl || linkedInUrl)) return;
+  if (!(emailAddress || twitterUrl || linkedInUrl)) return;
 
   const twitterUsername = twitterUrl && getTwitterUsername(twitterUrl);
   const linkedInUsername = linkedInUrl && getLinkedInUsername(linkedInUrl);
   const inviteToOpenSaucedButton = InviteToOpenSaucedButton();
   const inviteToOpenSaucedModal = InviteToOpenSaucedModal(username, {
-    mailAddress,
+    emailAddress,
     twitterUsername,
     linkedInUsername,
   });

src/utils/matchers.ts

@@ -0,0 +1,18 @@
+export const getGithubUsername = (url: string) => {
+  const match = url.match(/github\.com\/([^/]+)/);
+  return match && match[1];
+};
+
+export const getLinkedInUsername = (url: string) => {
+  const match = url.match(
+    /https:\/\/www\.linkedin\.com\/in\/(?<username>[a-zA-Z0-9]{3,100})\/?/
+  );
+  return match ? match[1] : undefined;
+};
+
+export const getTwitterUsername = (url: string) => {
+  const match = url.match(
+    /(?:https?:\/\/)?(?:www\.)?twitter\.com\/(?:#!\/)?@?([^\/\?\s]*)/
+  );
+  return match ? match[1] : undefined;
+};

src/utils/view-on-OS.ts → src/utils/viewOnOpenSauced.ts

@@ -1,4 +1,3 @@
-//import {USER_BIO_SELECTOR} from "../config.json" assert { type: 'json' };
 import { ViewOnOpenSaucedButton } from "../components/ViewOnOpenSaucedButton/ViewOnOpenSaucedButton";
 
 const injectViewOnOpenSauced = (username: string) => {