Merge pull request #15 from depatchedmode/v0.6.0

feat: text input #14

Author: depatchedmode

api/index.js

@@ -2,6 +2,7 @@ import landingPage from '../src/landing-page';
 import frames from '../src/frames';
 import { parseRequest, objectToURLSearchParams } from '../modules/utils';
 import buildButtons from '../modules/buildButtons';
+import buildInputs from '../modules/buildInputs';
 import getTargetFrame from '../modules/getTargetFrame';
 import { validateMessage } from '../src/data/message';
 
@@ -16,6 +17,7 @@ export default async (req, context) => {
         from = requestURL.searchParams.get('frame');
         buttonId = payload.untrustedData?.buttonIndex;
         isOriginal = isOriginalCast(payload.untrustedData.castId.hash);
+        payload.referringFrame = from;
         payload.validData = await validateMessage(payload.trustedData.messageBytes);
     }
 
@@ -58,7 +60,8 @@ const respondWithFrame = async (frameName, frameSrc, payload) => {
 
     const frameContent = {
         image: ``,
-        buttons: buildButtons(frameSrc.buttons),
+        buttons: frameSrc.buttons ? buildButtons(frameSrc.buttons) : [],
+        inputs: frameSrc.inputs ? buildInputs(frameSrc.inputs) : [],
         postURL: `${host}?frame=${frameName}`
     }
 

modules/buildButtons.js

@@ -1,9 +1,9 @@
 export default (buttons) => {
     return buttons
         .map((button, index) => {
-            let buttonMarkup = `<meta property="fc:frame:button:${index + 1}" content="${button.label}" />`;
+            let buttonMarkup = `<meta name="fc:frame:button:${index + 1}" content="${button.label}" />`;
             if (button.url) {
-                buttonMarkup += `\n<meta property="fc:frame:button:${index + 1}:action" content="post_redirect" />`
+                buttonMarkup += `\n<meta name="fc:frame:button:${index + 1}:action" content="post_redirect" />`
             }
             return buttonMarkup;
         })

modules/buildInputs.js

@@ -0,0 +1,12 @@
+import buildTextInput from "./buildTextInput";
+
+export default (inputs) => {
+    return inputs
+        .map((input, index) => {
+            switch (input.type) {
+                case 'text':
+                    return buildTextInput(input);
+            } 
+        })
+        .join('\n');
+}

modules/buildTextInput.js

@@ -0,0 +1,3 @@
+export default (input) => {
+    return `<meta name="fc:frame:input:text" content="${input.content}" />`;
+}

modules/safeDecode.js

@@ -0,0 +1,13 @@
+import { JSDOM } from 'jsdom';
+import DOMPurify from 'dompurify';
+
+export default (inputText) => {
+    try {
+        const decodedInputText = atob(inputText);
+        const window = new JSDOM('').window;
+        const purify = DOMPurify(window);
+        return purify.sanitize(decodedInputText);
+    } catch {
+        throw new Error(`That ain't no encoded string mfr`)
+    }
+}