Add support for providing alt text

server.js

@@ -178,18 +178,21 @@ app.get('/preview/:id', requireGfycatToken, (request, response) => {
 
 /* Login needed here */
 app.post('/post', requireLogin, (request, response) => {
-  var props = { photo: [ request.body.originalUrl ] }
-  if (request.body.inReplyTo) {
-    props['in-reply-to'] = [ request.body.inReplyTo ]
+  var params = {
+    h: 'entry',
+    photo: request.body.originalUrl
+  }
+  if (request.body.inReplyTo && request.body.inReplyTo.length != 0) {
+    params['in-reply-to'] = request.body.inReplyTo
+  }
+  if (request.body.altText && request.body.altText.length != 0) {
+    params['mp-photo-alt'] = request.body.altText
   }
   const micropub = new Micropub({
     token: request.session.user.token,
     micropubEndpoint: request.session.user.micropubEndpoint
   })
-  micropub.create({
-    type: ['h-entry'],
-    properties: props
-  })
+  micropub.create(params, 'form')
   .then((url) => response.redirect(url))
   .catch((err) => console.log(err))
 })

views/preview.hbs

@@ -19,6 +19,7 @@
         </label>
 
         <input type="hidden" name="originalUrl" value="{{ content_urls.largeGif.url }}" />
+        <input type="text" name="altText" placeholder="Alt text for the GIF, increase the accessibility of the post" />
         {{#if ../inReplyTo }}<input type="hidden" name="inReplyTo" value="{{ ../inReplyTo }}" />{{/if}}
         <input id="post-gif" type="submit" value="Post this GIF" />
       </form>