fix histogram initialization, format with standard, update README, add per-channel contributions pie chart

Author: samlich

CHANGELOG.md

@@ -1,3 +1,9 @@
+# 1.0.1 --- Patch
+
+- Display per-channel contributions pie chart
+- Histograms initialized when not logged in are done properly now
+- Video currency defaults to USD if not set
+
 # 1.0.0 --- Stable release
 
 - Add receipt verification to check payments server-side

README.md

@@ -7,17 +7,19 @@ Viewers can sign up for a service such as [Coil](https://coil.com/) and either i
 Creators can monetize their content by using a PeerTube instance with the Web Monetization plugin installed, and adding their Interledger payment pointer.
 A payment pointer provides a way for funds to be deposited, and a supported wallet can be created using [GateHub](https://gatehub.net/) or [Uphold](https://uphold.com). The payment pointer is added under the "Plugin Settings" tab in the video editing interface. You can also set a minimum pay rate to view.
 
-![Editing plugin settings on a video](https://milesdewitt.com/peertube-web-monetization/video-edit.png)
+![Editing plugin settings on a video](https://milesdewitt.com/peertube-web-monetization/video-edit3.png)
+
+The monetization status of videos will then show when viewing their thumbnails.
+
+![Badges on video titles](https://milesdewitt.com/peertube-web-monetization/badges.png)
 
 Creators can specify the location of sponsors segments using the [PeerTube chapters plugin](https://milesdewitt.com/peertube-chapters), and those who pay with Web Monetization will automatically skip those sponsor segments. You can also set a minimum pay rate for ad-skipping as seen above.
 
 ![Chapter menu including sponsor segments](https://milesdewitt.com/peertube-chapters/chapters-menu.png)
 
-Segments of the video which have already been paid for are remembered and will not receive double-payment. This is currently only during a single page view. In the future users can optionally store this data to not pay multiple times. They will also have the option to make data available to the creator on which videos or parts of videos thay have paid. On the other hand, the architecture of Web Monetization makes it simple to contribute without sharing any data with the PeerTube instance or video uploader.
-
-Currently, the amount paid for each segment of the video can be seen in the web console. It updates each time a seek occurs.
+Segments of the video which have already been paid for are remembered and will not receive double-payment. Users can store this data when logged-in to not pay multiple times. General contribution data is made available in the stats tray below the video. However, no data sharing is necessary.
 
-![Listing of total payments made for segments of video viewed](https://milesdewitt.com/peertube-web-monetization/segment-payments-debug.png)
+![Stats tray](https://milesdewitt.com/peertube-web-monetization/stats.png)
 
 ## Contributing
 

client/common-client-plugin.js

@@ -16,19 +16,19 @@ async function populateBadges (recurse) {
   const names = document.getElementsByClassName('video-miniature-name')
 
   var fetchMonetizationStatus = []
-  
+
   for (var i = 0; i < names.length; i++) {
     if (names[i].classList.contains('web-monetization-badge-checked')) {
       continue
     }
     // Price labels may wrap to second line
-    names[i].style.maxHeight = '3em';
+    names[i].style.maxHeight = '3em'
     if (names[i].tagName.toLowerCase() == 'a') {
       const dest = names[i].href
       const videoUuid = dest.substring(dest.lastIndexOf('/') + 1)
-      if (monetizationStatus[videoUuid] != null ) {
-          var badge = document.createElement('img')
-          badge.style = 'padding-left:0.5em;height:1.5em;'
+      if (monetizationStatus[videoUuid] != null) {
+        var badge = document.createElement('img')
+        badge.style = 'padding-left:0.5em;height:1.5em;'
         if (monetizationStatus[videoUuid].monetization == 'monetized') {
           badge.src = ptHelpers.getBaseStaticRoute() + '/images/wm-icon.svg'
           badge.title = 'Monetized'
@@ -82,7 +82,7 @@ async function populateBadges (recurse) {
               costTag.innerText += ' (' + exchanged.display() + ')'
             }
           }
-          
+
           names[i].append(costTag)
         }
         names[i].classList.add('web-monetization-badge-checked')
@@ -94,7 +94,7 @@ async function populateBadges (recurse) {
 
   if (0 < fetchMonetizationStatus.length) {
     var route = ptHelpers.getBaseStaticRoute()
-    route = route.slice(0, route.lastIndexOf('/') + 1)+'router/monetization_status_bulk'
+    route = route.slice(0, route.lastIndexOf('/') + 1) + 'router/monetization_status_bulk'
 
     var headers = {}
     if (ptHelpers != null) {
@@ -105,7 +105,7 @@ async function populateBadges (recurse) {
       headers = {}
     }
     headers['content-type'] = 'application/json; charset=utf-8'
-    
+
     fetch(route, {
       method: 'POST',
       headers,
@@ -120,9 +120,6 @@ async function populateBadges (recurse) {
         }
       })
   }
-
 }
 
-export {
-  register
-}
+export { register}