release v3.12.0 (#698)

* cleanup console logs, comments and unused styles (#681)

* remove console logs

* cleanup comments

* removed unused style classes

* fixed parenthesis urls (#682)

* separate .env for production and development (#683)

* add environment env

* add production env

* configure package json to read correct env file

* remove devtool extension on production build

* fix incorrect env props

* fix incorrect env props

* simplify conditions for compose enhancers

* update ci config

* update CI

* hide payout tooltip in mobile screens (#685)

* Add upvote list (#686)

* add upvote list tooltip

* env version dev update

* add vote list dialog

* add theme upvote list

* remain consistent on hover

* add soundcloud embed support (#687)

* add facebook embed support (#688)

* add tiktok embed support (#689)

* add odysee link support (#690)

* add apple music render support (#691)

* fixed upvote list not showing in single page content (#692)

.circleci/config.yml

@@ -12,6 +12,7 @@ jobs:
       - checkout
       - run: npm install
       - run: npm run lint
-      - run: npm run build
+      - run: npm run build:prod
+      - run: npm run build:dev
       - send_status:
           webhook: https://discordapp.com/api/webhooks/747082285828014170/6TLGC1_wgAAT91n5s3PYZxC9n2_Tj5BzqHQo2tO9miZxnVGKWusD3YA-pO2GjVvOWzuF

.env.development

@@ -0,0 +1,7 @@
+REACT_APP_VERSION=3.14.0-dev-build2
+REACT_APP_SEARCH_API=https://endpoint.d.buzz/api/v1
+REACT_APP_SCRAPE_API=https://endpoint.d.buzz/api/v1/meta
+REACT_APP_IMAGE_API=https://endpoint.d.buzz/api/v1/imageservice
+REACT_APP_CENSOR_API=https://endpoint.d.buzz/api/v1/censor
+REACT_APP_ENV=dev
+NODE_PATH=src

.env.production

@@ -0,0 +1,7 @@
+REACT_APP_VERSION=$npm_package_version
+REACT_APP_SEARCH_API=https://endpoint.d.buzz/api/v1
+REACT_APP_SCRAPE_API=https://endpoint.d.buzz/api/v1/meta
+REACT_APP_IMAGE_API=https://endpoint.d.buzz/api/v1/imageservice
+REACT_APP_CENSOR_API=https://endpoint.d.buzz/api/v1/censor
+REACT_APP_ENV=prod
+NODE_PATH=src

package.json

@@ -15,6 +15,7 @@
     "crypto-js": "^4.0.0",
     "diff-match-patch": "^1.0.5",
     "emoji-mart": "^3.0.1",
+    "env-cmd": "^10.1.0",
     "immutable": "^4.0.0-rc.12",
     "lottie-react": "^2.1.0",
     "markdown-link-extractor": "^1.2.3",
@@ -46,6 +47,7 @@
     "react-scripts": "^3.4.3",
     "react-scrollspy": "^3.4.3",
     "react-share": "^4.4.0",
+    "react-soundcloud-embedded": "^2.0.7",
     "react-sticky": "^6.0.3",
     "react-syntax-highlighter": "^15.4.3",
     "react-tag-input": "^6.2.1",
@@ -64,8 +66,9 @@
     "uuid-random": "^1.3.2"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
+    "start": "env-cmd -f .env.development react-scripts start",
+    "build:dev": "env-cmd -f .env.development react-scripts build",
+    "build:prod": "env-cmd -f .env.production react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "lint": "eslint src",

src/components/common/InfiniteList/index.js

@@ -75,6 +75,7 @@ class InfiniteList extends PureComponent {
               created={items[index].created}
               body={items[index].body}
               upvotes={items[index].active_votes.length}
+              upvoteList={items[index].active_votes}
               replyCount={items[index].children}
               meta={items[index].json_metadata}
               payout={items[index].payout}

src/components/common/LinkPreview/index.js

@@ -97,6 +97,11 @@ const LinkPreview = (props) => {
           && !link.match(/(?:https?:\/\/(?:(?:3speak\.tv\/watch\?v=(.*))))/i)
           && !link.match(/(?:https?:\/\/(?:(?:www\.vimm\.tv\/(.*?)\/embed)))/i)
           && !link.match(/(?:https?:\/\/(?:(?:www\.vimm\.tv\/(.*?))))/i)
+          && !link.match(/^https?:\/\/(soundcloud\.com|snd\.sc)\/(.*)$/)
+          && !link.match(/((http:\/\/(.*\.tiktok\.com\/.*|tiktok\.com\/.*))|(https:\/\/(.*\.tiktok\.com\/.*|tiktok\.com\/.*)))/i)
+          && !link.match(/(?:https?:\/\/(?:(?:odysee\.com)))/i)
+          && !link.match(/(?:https?:\/\/(?:(?:music\.apple\.com\/(.*?))))/i)
+          && !link.match(/(?:https?:\/\/(?:(?:embed\.music\.apple\.com\/(.*?))))/i)
           && !link.match(/\.(jpeg|jpg|gif|png|pdf|JPG)$/)) {
         url = link
         isValidUrl = true