Merge pull request #2 from coderberry/berry/feature/upgrade-to-codefund-2.0

Patch for compatibility with CodeFund v2.0 (codefund.app)

Author: njleonzhang

README.md

@@ -1,5 +1,5 @@
 # docsify-plugin-codefund
-a plugin to make you easy to join up [codefund](https://codesponsor.io/)
+a plugin to make you easy to join up [CodeFund](https://codefund.app/)
 
 # Usage
 ```
@@ -17,7 +17,7 @@ window.$docsify = {
   search: 'auto', // default,
 
   plugins: [
-    DocsifyCodefund.create('51d43327-eea3-4e27-bd44-e075e67a84fb') // change to your codefund id
+    DocsifyCodefund.create(15) // change to your CodeFund property id
   ]
 ```
 

index.js

@@ -3,34 +3,28 @@
     create: function(codefundId) {
       return function(hook, vm) {
         hook.ready(function() {
-          var style = document.createElement('style')
-          var css = '#codefund_ad span.cf-wrapper { background-color: rgba(0,0,0,0) } #codefund_ad a.cf-text { color: #444; font-weight: 400; font-size: 10px }'
-
-          style.type = 'text/css'
-          if (style.styleSheet){
-            style.styleSheet.cssText = css
-          } else {
-            style.appendChild(document.createTextNode(css))
-          }
-          document.head.appendChild(style)
-
-          var script = document.createElement('script')
-          script.src = "https://codefund.io/scripts/" + codefundId + "/embed.js"
-          document.body.appendChild(script)
+          window.DocsifyCodefund.injectCodeFundContainer();
+          window.DocsifyCodefund.injectCodeFundScript(codefundId);
         })
+      }
+    },
 
-        hook.doneEach(function () {
-          // create a codefun container
-          let nav = document.getElementsByClassName('sidebar-nav')
-          let codefunContainer = document.createElement('div')
-          codefunContainer.id = 'codefund_ad'
-          nav[0].insertBefore(codefunContainer, nav[0].firstChild)
+    injectCodeFundContainer() {
+      let nav = document.getElementsByClassName('sidebar-nav')
+      let codefundContainer = document.createElement('div')
+      codefundContainer.id = 'codefund'
+      nav[0].insertBefore(codefundContainer, nav[0].firstChild)
 
-          if (document.getElementsByClassName('cf-wrapper').length === 0) {
-            window._codefund && window._codefund.serve();
-          }
-        })
+      if (document.getElementsByClassName('cf-wrapper').length === 0) {
+        window._codefund && window._codefund.serve();
       }
+    },
+
+    injectCodeFundScript(codefundId) {
+      var script = document.createElement('script')
+      script.src = "https://codefund.app/properties/" + codefundId + "/funder.js?template=docsify"
+      script.async = "async"
+      document.body.appendChild(script)
     }
   }
-})(window)
+})(window)