feat: support keysend in lightning meta tag

src/app/screens/Home/index.tsx

@@ -189,11 +189,28 @@ function Home() {
                   description: lnData[0].description,
                   icon: lnData[0].icon,
                 };
-                navigate(
-                  `/lnurlPay?lnurl=${
-                    lnData[0].recipient
-                  }&origin=${encodeURIComponent(JSON.stringify(origin))}`
-                );
+                if (lnData[0].method === "lnurl") {
+                  navigate(
+                    `/lnurlPay?lnurl=${
+                      lnData[0].address
+                    }&origin=${encodeURIComponent(JSON.stringify(origin))}`
+                  );
+                } else if (lnData[0].method === "keysend") {
+                  const params = new URLSearchParams({
+                    destination: lnData[0].address,
+                    origin: encodeURIComponent(JSON.stringify(origin)),
+                  });
+                  if (lnData[0].customKey && lnData[0].customValue) {
+                    const customRecords = {
+                      [lnData[0].customKey]: lnData[0].customValue,
+                    };
+                    params.set(
+                      "customRecords",
+                      JSON.stringify(customRecords) // encodeURIComponent() ??
+                    );
+                  }
+                  navigate(`/keysend?${params.toString()}`);
+                }
               } catch (e) {
                 if (e instanceof Error) toast.error(e.message);
               } finally {

src/app/screens/Keysend/index.tsx

@@ -23,7 +23,9 @@ function Keysend(props: Props) {
   const navigate = useNavigate();
   const auth = useAccount();
   const [amount, setAmount] = useState(props.valueSat || "");
-  const [customRecords] = useState(props.customRecords || {});
+  const [customRecords] = useState(
+    props.customRecords || JSON.parse(searchParams.get("customRecords") || "{}")
+  );
   const [destination] = useState(
     props.destination || searchParams.get("destination")
   );

src/extension/content-script/batteries/GitHub.ts

@@ -50,7 +50,7 @@ function handleProfilePage() {
   setLightningData([
     {
       method: "lnurl",
-      recipient: address,
+      address: address,
       ...getOriginData(),
       description: shortBioElement?.innerText ?? "",
       name:
@@ -72,7 +72,7 @@ function handleRepositoryPage(username: string) {
     setLightningData([
       {
         method: "lnurl",
-        recipient: address,
+        address: address,
         ...getOriginData(),
         description:
           document.querySelector<HTMLHeadingElement>("article")?.innerText ??

src/extension/content-script/batteries/Medium.ts

@@ -18,7 +18,7 @@ const battery = (): void => {
   setLightningData([
     {
       method: "lnurl",
-      recipient: match[2],
+      address: match[2],
       ...getOriginData(),
       description: shortBio,
       name:

src/extension/content-script/batteries/Monetization.ts

@@ -1,22 +1,51 @@
+import { BatteryMetaTagRecipient } from "~/types";
+
 import getOriginData from "../originData";
 import setLightningData from "../setLightningData";
 
 const urlMatcher = /^https?:\/\/.*/i;
 
+const parseRecipient = (content: string): BatteryMetaTagRecipient => {
+  const tokens = content
+    .split(";")
+    .map((e) => e.trim())
+    .filter((e) => !!e);
+
+  const recipient = tokens.reduce((obj, tkn) => {
+    const keyAndValue = tkn.split("=");
+    const keyAndValueTrimmed = keyAndValue.map((e) => e.trim());
+    return { ...obj, [keyAndValueTrimmed[0]]: keyAndValueTrimmed[1] };
+  }, {} as BatteryMetaTagRecipient);
+
+  return recipient;
+};
+
 const battery = (): void => {
   const monetizationTag = document.querySelector<HTMLMetaElement>(
     'head > meta[name="lightning"]'
   );
   if (!monetizationTag) {
     return;
   }
-  const recipient = monetizationTag.content.replace(/lnurlp:/i, "");
+  const content = monetizationTag.content;
+
+  let recipient: BatteryMetaTagRecipient;
+  // check for backwards compatibility: supports directly a lightning address or lnurlp:xxx
+  if (content.match(/^lnurlp:/) || content.indexOf("=") === -1) {
+    const lnAddress = monetizationTag.content.replace(/lnurlp:/i, "");
+    recipient = {
+      method: "lnurl",
+      address: lnAddress,
+    };
+  } else {
+    recipient = parseRecipient(content);
+  }
+
   const metaData = getOriginData();
 
   setLightningData([
     {
-      method: "lnurlp",
-      recipient: recipient,
+      ...recipient,
       ...metaData,
     },
   ]);

src/extension/content-script/batteries/Peertube.ts

@@ -70,7 +70,7 @@ const battery = (): void => {
         {
           ...metaData,
           method: "lnurlp",
-          recipient: recipient,
+          address: recipient,
           name: channelName,
           icon: icon,
           description: channelDescription,

src/extension/content-script/batteries/Reddit.ts

@@ -34,7 +34,7 @@ function battery(): void {
   setLightningData([
     {
       method: "lnurl",
-      recipient,
+      address: recipient,
       ...getOriginData(),
       icon: imageUrl,
       name: document.title,

src/extension/content-script/batteries/StackOverflow.ts

@@ -25,7 +25,7 @@ function handleProfilePage() {
     setLightningData([
       {
         method: "lnurl",
-        recipient: match[2],
+        address: match[2],
         ...getOriginData(),
         description: aboutElement?.innerText ?? "",
         icon:

src/extension/content-script/batteries/Twitter.ts

@@ -124,7 +124,7 @@ function battery(): void {
       setLightningData([
         {
           method: "lnurl",
-          recipient,
+          address: recipient,
           ...getOriginData(),
           icon: userData.imageUrl,
           name: userData.name,

src/extension/content-script/batteries/VimeoVideo.ts

@@ -33,7 +33,7 @@ const battery = (): void => {
   setLightningData([
     {
       method: "lnurl",
-      recipient,
+      address: recipient,
       ...getOriginData(),
       name,
       icon: imageUrl,

src/extension/content-script/batteries/YouTubeChannel.ts

@@ -38,7 +38,7 @@ const battery = (): void => {
         setLightningData([
           {
             method: "lnurl",
-            recipient: lnurl[2],
+            address: lnurl[2],
             ...getOriginData(),
             name: name,
             icon: imageUrl,

src/extension/content-script/batteries/YouTubeVideo.ts

@@ -36,7 +36,7 @@ const battery = (): void => {
   setLightningData([
     {
       method: "lnurl",
-      recipient,
+      address: recipient,
       ...getOriginData(),
       name,
       icon: imageUrl,

src/types.ts

@@ -72,11 +72,19 @@ export interface OriginDataInternal {
 
 export interface Battery extends OriginData {
   method: string;
-  recipient: string;
+  address: string;
+  customKey?: string;
+  customValue?: string;
+  suggested?: string;
   name: string;
   icon: string;
 }
 
+export type BatteryMetaTagRecipient = Pick<
+  Battery,
+  "address" | "customKey" | "customValue" | "method"
+>;
+
 /**
  * @deprecated Use MessageDefault instead
  */