🔀 Merge pull request #191 from AyakaLab/master

🔖 Release 1.0.0

Author: nekomeowww

.github/workflows/node.dev.yml

@@ -22,6 +22,4 @@ jobs:
       uses: actions/setup-node@v1
       with:
         node-version: ${{ matrix.node-version }}
-    - run: npm install
-    - run: npm run build
-
+    - run: npm install

.github/workflows/node.prod.yml

@@ -22,5 +22,4 @@ jobs:
       uses: actions/setup-node@v1
       with:
         node-version: ${{ matrix.node-version }}
-    - run: npm install
-    - run: npm run build
+    - run: npm install

README.md

@@ -1,11 +1,47 @@
+<p align="center">
+   <img src="https://i.loli.net/2020/09/23/ieb1oOS5C9WAdpL.png" />
+</p>
 <h1 align="center">ArcLight</h1>
-<p align="center">An Arweave Music and Podcast Distribution App for users to listen and pay to download the source music</p>
-<p align="center"><a href="https://arweave.net/DdjCHM9GiWxQ7NnRQq_jJ7Ib4kOe8tlSchdu4nGbVWw">Live Permaweb</a> for ArcLight</p>
+<p align="center">An Arweave Music and Podcast Distribution App for users to publish, listen and pay to the encrypted music</p>
+<p align="center"><strong>Now 1.0.0 Online</strong></p>
+<p align="center"><strong>Great Thanks to ❤️<a href="https://github.com/LittleSound">@LittleSound</a>❤️ for contributing this project</strong></p>
+<p align="center"><a href="https://arweave.net/XVwDlpEp8LQXDxgOpyXelHcGMwMQ92s80WIoTgZc0cY">Live Permaweb</a> for ArcLight</p>
 <p align="center">
   <img src="https://github.com/AyakaLab/ArcLight/workflows/Node%20Build%20Test/badge.svg" />
   <img src="https://github.com/AyakaLab/ArcLight/workflows/Production%20CI%20Build%20Test/badge.svg">
 </p>
 
+
+## Why ArcLight ?
+> about Project ArcLight
+
+Project ArcLight first started as an Arweave storage solution dapp, after the [Gitcoin bounty](https://gitcoin.co/issue/ArweaveTeam/Bounties/32/100023546) was announced, we transferred our objective to make a truly free music distribution platform for the Hackathon project.    
+
+Why choose ArcLight? We use Arweave's Permaweb as our storage for your wonderful artworks, we try everything to protect your copyright to your music, including encrypting your music to an unreadable source on Arweave network explorer, so the people must pay to you as your price defined for your project to get the download source of your music.    
+
+## All different Sound
+> we support single music, albums, podcasts, and sound effects
+
+We support many types of artworks to upload, same as the title has been said, you can upload single music, album, podcast, sound effect to the ArcLight platform, with the powerful knowledge base we could get, you can have up to 913 different genres for single music and album to use, and the category for the podcast is same as the Apple Podcast category.    
+
+Express all your creativity to produce whatever you can think of, ArcLight helps you to store them up.    
+
+## Encryption and Profit
+> a secure way to store your artworks
+
+A great chance we can introduce our technic to have your artwork safe.    
+
+Different from the DRM system, we simply encrypt your audio after you upload it into the broswer, after the encryption of our own, Arweave API will encrypt it again before uploading it to the Permaweb. Your listener can only get the source file after they pay to you, otherwise, they can only get a small amount of music demo or the full trial (if you wish to disable the demo function). After the customers decided to pay for your work, they will use the official token AR pay to your account.    
+
+## Ensure your rewards
+> validation of the payments
+
+When customers paying the AR to your account, we will generate a receipt transaction to the customer side, including the UNIX timestamp information, the price paid to you, the target music or album custom bought, and your address. All the information will be saved into the receipt transaction.    
+
+We will look back for the transactions for users, in order to prevent unauthorized official sign to the transactions, check the timestamp is correct to the payment, check the price and the price you required is right, after all the process is done and validated, the music source file will be able to deliver to the customers. And you will receive the transaction as well.    
+
+**Thank you for choosing ArcLight!**
+
 ### Interact with Arweave
 ```
 yarn dev

build/webpack.base.conf.js

@@ -78,7 +78,31 @@ module.exports = {
       {
         test: /\.less$/,
         loader: "style-loader!css-loader!less-loader"
-      }
+      },
+      {
+        test: /\.s(c|a)ss$/,
+        use: [
+          'vue-style-loader',
+          'css-loader',
+          {
+            loader: 'sass-loader',
+            // Requires sass-loader@^7.0.0
+            options: {
+              implementation: require('sass'),
+              fiber: require('fibers'),
+              indentedSyntax: true // optional
+            },
+            // Requires sass-loader@^8.0.0
+            options: {
+              implementation: require('sass'),
+              sassOptions: {
+                fiber: require('fibers'),
+                indentedSyntax: true // optional
+              },
+            },
+          },
+        ],
+      },
     ]
   },
   node: {

index.html

@@ -4,9 +4,10 @@
     <meta charset="utf-8">
       <meta name="viewport" content="width=device-width,initial-scale=1.0">
       <title>ArcLight</title>
-      <meta name="description" content="A Arweave Storage App">
-      <link rel="icon" type="image/png" href="https://arweave.net/QBZ-GBVAsum9Eyjzwq04cKYky2pjZUPGtyrwwhwFpfg">
-      <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
+      <meta name="description" content="An Arweave Music and Podcast Distribution App for users to listen and pay to download the source music">
+      <link rel="icon" type="image/png" href="./static/favicon.png">
+      <link href="./static/css/main.css" rel="stylesheet">
+      <link href="./static/css/materialdesignicons.min.css" rel="stylesheet">
   </head>
   <body>
     <div id="app"></div>

package.json

@@ -13,10 +13,22 @@
     "build": "node build/build.js"
   },
   "dependencies": {
-    "@moefe/vue-aplayer": "^2.0.0-beta.5",
+    "arweave": "^1.9.1",
+    "axios": "^0.20.0",
     "buefy": "^0.9.2",
+    "community-js": "1.0.9",
+    "compressorjs": "^1.0.6",
+    "cropperjs": "^1.5.7",
+    "element-ui": "^2.13.2",
+    "hls.js": "^0.14.11",
+    "jszip": "^3.5.0",
+    "moment": "^2.27.0",
+    "musicgenres-json": "^1.0.1",
     "vue": "^2.5.2",
+    "vue-aplayer": "^1.6.1",
     "vue-router": "^3.0.1",
+    "vue-upload-component": "^2.8.20",
+    "vuetify": "^2.3.10",
     "vuex": "^3.5.1"
   },
   "devDependencies": {
@@ -36,6 +48,7 @@
     "copy-webpack-plugin": "^4.0.1",
     "cross-env": "^5.0.1",
     "css-loader": "^0.28.0",
+    "deepmerge": "^4.2.2",
     "eslint": "^4.15.0",
     "eslint-config-standard": "^10.2.1",
     "eslint-friendly-formatter": "^3.0.0",
@@ -46,6 +59,7 @@
     "eslint-plugin-standard": "^3.0.1",
     "eslint-plugin-vue": "^4.0.0",
     "extract-text-webpack-plugin": "^3.0.0",
+    "fibers": "^5.0.0",
     "file-loader": "^1.1.4",
     "friendly-errors-webpack-plugin": "^1.6.1",
     "html-webpack-plugin": "^2.30.1",
@@ -71,6 +85,8 @@
     "postcss-loader": "^2.0.8",
     "postcss-url": "^7.2.1",
     "rimraf": "^2.6.0",
+    "sass": "^1.26.10",
+    "sass-loader": "^10.0.1",
     "semver": "^5.3.0",
     "shelljs": "^0.7.6",
     "sinon": "^4.0.0",

src/App.vue

@@ -1,12 +1,57 @@
 <template>
-  <div id="app">
+  <div id="app" v-if="routerAlive">
     <router-view/>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'App'
+  name: 'App',
+  data () {
+    return {
+      routerAlive: true
+    }
+  },
+  provide () {
+    return {
+      routerRefresh: this.routerRefresh,
+      updateQuery: this.updateQuery,
+      backPage: this.backPage
+    }
+  },
+  methods: {
+    /** 对页面进行软刷新，不会丢失 vuex 中的数据 */
+    routerRefresh () {
+      this.routerAlive = false
+      this.$nextTick(() => {
+        this.routerAlive = true
+      })
+    },
+    /** 更改 Query */
+    updateQuery (key, val) {
+      const query = { ...this.$route.query }
+      if (query[key] !== val) {
+        if (!val) delete query[key]
+        else query[key] = val
+        this.$router.replace({ query }).catch(e => { // 过滤掉不必要的错误
+          if (!e.message.includes('Avoided redundant navigation to current location')) {
+            console.error(e.message)
+          }
+        })
+      }
+    },
+    backPage (defaultLink) {
+      const originRoute = { ...this.$route }
+      const pushLink = defaultLink || { name: 'Landing' }
+      this.$router.go(-1)
+      // 如果页面没有变化，返回失败，将回到默认页面
+      this.$nextTick(() => {
+        if (this.$route.fullPath === originRoute.fullPath) {
+          this.$router.push(pushLink)
+        }
+      })
+    }
+  }
 }
 </script>
 

src/api/api.js

@@ -0,0 +1,7 @@
+const arweave = require('./arweave')
+
+let API = {
+  arweave: arweave.default
+}
+
+export default API