start fleshing out more of meme uploader

.gitignore

@@ -130,3 +130,15 @@ dmypy.json
 
 # Data
 data/
+go-ipfs/
+*jpg
+*png
+*svg
+*mp4
+*webp
+*mkv
+*gif
+*jpeg
+*zip
+*tar.gz*
+*bz2

Makefile

@@ -11,6 +11,11 @@ dev:
 prod:
 	bash manage.sh prod
 
+install-ipfs:
+	wget https://dist.ipfs.io/go-ipfs/v0.10.0/go-ipfs_v0.10.0_linux-amd64.tar.gz
+	tar -xvzf go-ipfs_v0.10.0_linux-amd64.tar.gz
+	cd go-ipfs && bash install.sh
+
 huey:
 	mkdir -p data/
 	.venv/bin/huey_consumer suchwowx.tasks.huey -w 1 -v | tee -a data/huey.log

requirements.txt

@@ -8,7 +8,7 @@ gunicorn
 huey
 redis
 Pillow
-ipfshttpclient
+ipfs-api
 python-dotenv
 requests
 web3

suchwowx/routes.py

@@ -1,8 +1,50 @@
-from flask import Blueprint
+import ipfsApi
+from os import path
+from secrets import token_urlsafe
+from json import loads, dumps
+
+from flask import Blueprint, render_template, request, current_app
 
 
 bp = Blueprint('meta', 'meta')
 
-@bp.route('/')
+@bp.route('/', methods=['GET', 'POST'])
 def index():
-    return 'interplanetary memes'
+    if "file" in request.files:
+        title = request.form.get('title')
+        description = request.form.get('description')
+        creator = request.form.get('creator')
+        file = request.files["file"]
+        filename = "{}{}".format(
+            token_urlsafe(24),
+            path.splitext(file.filename)[1]
+        )
+        file.save(filename)
+        try:
+            client = ipfsApi.Client('127.0.0.1', 5001)
+            artwork_hash = client.add(filename)['Hash']
+            client.pin_add(artwork_hash)
+            print(f'[+] Uploaded artwork to IPFS: {artwork_hash}')
+            # Create meta json
+            meta = {
+                'name': title,
+                'description': description,
+                'image': f'ipfs://{artwork_hash}',
+                'by': creator,
+                'properties': {
+                    'creator': creator
+                }
+            }
+            print(meta)
+            meta_hash = client.add_json(meta)
+            client.pin_add(meta_hash)
+            print(f'[+] Uploaded metadata to IPFS: {meta_hash}')
+        except ConnectionError:
+            print('[!] Unable to connect to local ipfs')
+        except Exception as e:
+            print(e)
+    return render_template('index.html')
+
+@bp.route('/next')
+def next():
+    return render_template('next.html')

suchwowx/templates/index.html

@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>SuchWowX!</title>
+    <script src="https://unpkg.com/unpoly@2.5.0/unpoly.min.js"></script>
+    <link rel="stylesheet" href="https://unpkg.com/unpoly@2.5.0/unpoly.min.css">
+    <link rel="stylesheet" href="/static/css/bulma.min.css">
+    <link rel="stylesheet" href="/static/css/bulma.css.map">
+  </head>
+  <body>
+  <section class="section">
+    <div class="container">
+      <h1 class="title">
+        SuchwowX. <br/>
+
+      </h1>
+      <p class="subtitle">
+        Memes. <strong>Interplanetary</strong>!
+      </p>
+
+      <!-- <a href="/next" class="one" up-target=".one">
+        Flip
+      </a>
+
+      <a href="/next" class="two" up-target=".two">
+        Flip
+      </a> -->
+
+      <form method="POST" enctype="multipart/form-data" class="site-form" id="memeUpload">
+        <div class="field">
+          <label class="label">File</label>
+          <div class="control">
+            <input class="filestyle" id="file" name="file" required type="file">
+          </div>
+        </div>
+
+        <div class="field">
+          <label class="label">Title</label>
+          <div class="control">
+            <input class="input" type="text" placeholder="Title of your meme" name="title">
+          </div>
+        </div>
+
+        <div class="field">
+          <label class="label">Creator</label>
+          <div class="control">
+            <input class="input" type="text" placeholder="Your handle" name="creator">
+          </div>
+        </div>
+
+        <div class="field">
+          <label class="label">Description</label>
+          <div class="control">
+            <textarea class="textarea" placeholder="Description..." name="description"></textarea>
+          </div>
+        </div>
+
+        <div class="field">
+          <div class="control">
+            <label class="checkbox">
+              <input type="checkbox">
+              I agree to support the ongoing funding of exploratory meme missions
+            </label>
+          </div>
+        </div>
+
+        <div class="field is-grouped">
+          <div class="control">
+            <button class="button is-primary">Submit</button>
+          </div>
+        </div>
+      </form>
+
+    </div>
+  </section>
+  </body>
+</html>

suchwowx/templates/next.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script src="https://unpkg.com/unpoly@2.5.0/unpoly.min.js"></script>
+    <link rel="stylesheet" href="https://unpkg.com/unpoly@2.5.0/unpoly.min.css">
+  </head>
+  <body>
+    <!-- HTML here may use Unpoly attributes like [up-follow] -->
+    <a href="/" class="one" up-target=".one">
+      &hearts;
+    </a>
+
+    <a href="/" class="two" up-target=".two">
+      &spades;
+    </a>
+  </body>
+</html>