Switched to own hosted cors-proxy

Signed-off-by: Marcus Noble <github@marcusnoble.co.uk>

src/BindIt.js

@@ -60,7 +60,7 @@ function bindIt(obj, base = '', withFuncs = {}, onUpdate = ()=>{}) {
       }
       if (onUpdate !== undefined) {
         requestAnimationFrame(() => {
-          onUpdate();
+          onUpdate(bindKey, value);
         });
       }
     });

src/index.html

@@ -75,7 +75,7 @@
                 <div class="handle" bind-it-to="bskyPost.handle"></div>
               </div>
             </div>
-            <div class="body" bind-it-to="bskyPost.text" bind-it-with="asHTML"></div>
+            <div class="body" bind-it-to="bskyPost.text" bind-it-with="innerHTML"></div>
 
             <div class="embeds">
               <div class="images" bind-it-to="bskyPost.images.exists" bind-it-with="visible">

src/script.js

@@ -2,7 +2,7 @@
   let {bskyPost, config} = bindIt(
     {
       config: {
-        corsProxy: `https://corsproxy.io/?url=`,
+        corsProxy: `https://cors-proxy.cluster.fun/`,
         width: 600,
         windowTitle: "$handle", // $handle, $displayName, $url
         windowDecoration: true,
@@ -45,9 +45,6 @@
           this.setAttribute('src', "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==");
         }
       },
-      asHTML: function(value) {
-        this.innerHTML = value;
-      },
       setWidth: function(value) {
         this.style.width = `${value}px`;
       },
@@ -59,7 +56,13 @@
         }
       }
     },
-    updateImage
+    (prop, val) => {
+      if (prop === "config.corsProxy") {
+        loadPost();
+      } else {
+        updateImage();
+      }
+    }
   );
 
   var updateImageTimeout;

src/style.css

@@ -42,6 +42,10 @@ body {
   left: -9999;
   top: -9999;
   margin-left: -10px;
+  overflow: hidden;
+}
+.post {
+  background: #fff;
 }
 
 .link {