From f2bee540c367ebb37ce5955743b074e19042f5f7 Mon Sep 17 00:00:00 2001
From: g45t345rt <fred10.cha@gmail.com>
Date: Thu, 11 Feb 2021 12:49:58 -0500
Subject: [PATCH] Create m3u playlist by selecting files.

---
 .gitignore                                   |   1 +
 frontend/package-lock.json                   |   5 +
 frontend/package.json                        |   1 +
 frontend/src/components/Header.vue           |  10 +-
 frontend/src/components/buttons/Playlist.vue |  41 ++++++
 frontend/src/components/files/Preview.vue    |   9 +-
 frontend/src/i18n/en.json                    |   3 +-
 frontend/src/i18n/fr.json                    |   3 +-
 get.sh                                       | 145 -------------------
 9 files changed, 67 insertions(+), 151 deletions(-)
 create mode 100644 frontend/src/components/buttons/Playlist.vue
 delete mode 100644 get.sh

diff --git a/.gitignore b/.gitignore
index 773afff7..ea36f844 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,6 +5,7 @@ _old
 rice-box.go
 .idea/
 filebrowser
+filebrowser.exe
 dist/
 
 .DS_Store
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 1c67b00b..1eef0ec0 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -6524,6 +6524,11 @@
         }
       }
     },
+    "file-saver": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz",
+      "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA=="
+    },
     "filesize": {
       "version": "3.6.1",
       "resolved": "https://registry.npmjs.org/filesize/-/filesize-3.6.1.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 0aea1e0d..a5499c1a 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "ace-builds": "^1.4.7",
     "clipboard": "^2.0.4",
+    "file-saver": "^2.0.5",
     "js-base64": "^2.5.1",
     "lodash.clonedeep": "^4.5.0",
     "lodash.throttle": "^4.1.1",
diff --git a/frontend/src/components/Header.vue b/frontend/src/components/Header.vue
index 6d9a1270..631db891 100644
--- a/frontend/src/components/Header.vue
+++ b/frontend/src/components/Header.vue
@@ -20,6 +20,7 @@
         <!-- Menu that shows on listing AND mobile when there are files selected -->
         <div id="file-selection" v-if="isMobile && isListing && !isSharing">
           <span v-if="selectedCount > 0">{{ selectedCount }} selected</span>
+          <playlist-button v-show="showPlaylistButton"></playlist-button>
           <share-button v-show="showShareButton"></share-button>
           <rename-button v-show="showRenameButton"></rename-button>
           <copy-button v-show="showCopyButton"></copy-button>
@@ -30,6 +31,7 @@
         <!-- This buttons are shown on a dropdown on mobile phones -->
         <div id="dropdown" :class="{ active: showMore }">
           <div v-if="!isListing || !isMobile">
+            <playlist-button v-show="showPlaylistButton"></playlist-button>
             <share-button v-show="showShareButton"></share-button>
             <rename-button v-show="showRenameButton"></rename-button>
             <copy-button v-show="showCopyButton"></copy-button>
@@ -67,6 +69,8 @@ import MoveButton from './buttons/Move'
 import CopyButton from './buttons/Copy'
 import ShareButton from './buttons/Share'
 import ShellButton from './buttons/Shell'
+import PlaylistButton from './buttons/Playlist'
+
 import {mapGetters, mapState} from 'vuex'
 import { logoURL, enableExec } from '@/utils/constants'
 import * as api from '@/api'
@@ -85,7 +89,8 @@ export default {
     UploadButton,
     SwitchButton,
     MoveButton,
-    ShellButton
+    ShellButton,
+    PlaylistButton
   },
   data: function () {
     return {
@@ -151,6 +156,9 @@ export default {
         ? (this.selectedCount > 0 && this.user.perm.rename)
         : this.user.perm.rename)
     },
+    showPlaylistButton () {
+      return this.selectedCount > 0
+    },
     showCopyButton () {
       return this.isFiles && (this.isListing
         ? (this.selectedCount > 0 && this.user.perm.create)
diff --git a/frontend/src/components/buttons/Playlist.vue b/frontend/src/components/buttons/Playlist.vue
new file mode 100644
index 00000000..cf662a81
--- /dev/null
+++ b/frontend/src/components/buttons/Playlist.vue
@@ -0,0 +1,41 @@
+<template>
+  <button @click="getPlaylist" :aria-label="$t('buttons.playlist')" :title="$t('buttons.playlist')" class="action">
+    <i class="material-icons">playlist_play</i>
+    <span>{{ $t('buttons.playlist') }}</span>
+  </button>
+</template>
+
+<script>
+import { saveAs } from 'file-saver'
+import { mapState } from 'vuex'
+import { baseURL } from '@/utils/constants'
+import url from '@/utils/url'
+
+export default {
+  name: 'playlist-button',
+  computed: {
+    ...mapState([ 'req', 'selected', 'selectedCount', 'jwt', ]),
+  },
+  methods: {
+    raw (fileUrl) {
+      return `${baseURL}/api/raw${url.encodePath(fileUrl)}?auth=${this.jwt}&inline=true`
+    },
+    getPlaylist () {
+      const { protocol, hostname, port } = window.location
+      let host = `${protocol}//${hostname}`
+      if (port) host = `${host}:${port}`
+
+      const validTypes = ['video', 'audio']
+      console.log(this.req.items)
+      // constraint to video & audio files remove any folders
+      const files = this.selected.map((i) => this.req.items[i]).filter((v) => validTypes.indexOf(v.type) !== -1 && !v.isDir)
+      console.log(files)
+      if (files.length === 0) return
+
+      const urls = files.map((v) => `${host}${this.raw(v.path)}\n`)
+      var blob = new Blob(["#EXTM3U\n", ...urls], {type: "text/plain;charset=utf-8"})
+      saveAs(blob, "playlist.m3u")
+    }
+  }
+}
+</script>
diff --git a/frontend/src/components/files/Preview.vue b/frontend/src/components/files/Preview.vue
index f72ad38b..2fe18a95 100644
--- a/frontend/src/components/files/Preview.vue
+++ b/frontend/src/components/files/Preview.vue
@@ -108,14 +108,17 @@ export default {
     hasNext () {
       return (this.nextLink !== '')
     },
+    authPath () {
+      return `${url.encodePath(this.req.path)}?auth=${this.jwt}`
+    },
     download () {
-      return `${baseURL}/api/raw${url.encodePath(this.req.path)}?auth=${this.jwt}`
+      return `${baseURL}/api/raw${this.authPath}`
     },
     previewUrl () {
       if (this.req.type === 'image' && !this.fullSize) {
-        return `${baseURL}/api/preview/big${url.encodePath(this.req.path)}?auth=${this.jwt}`
+        return `${baseURL}/api/preview/big${this.authPath}`
       }
-      return `${baseURL}/api/raw${url.encodePath(this.req.path)}?auth=${this.jwt}`
+      return `${baseURL}/api/raw${this.authPath}`
     },
     raw () {
       return `${this.previewUrl}&inline=true`
diff --git a/frontend/src/i18n/en.json b/frontend/src/i18n/en.json
index 5c3a451f..d0e1a337 100644
--- a/frontend/src/i18n/en.json
+++ b/frontend/src/i18n/en.json
@@ -32,7 +32,8 @@
     "switchView": "Switch view",
     "toggleSidebar": "Toggle sidebar",
     "update": "Update",
-    "upload": "Upload"
+    "upload": "Upload",
+    "playlist": "Playlist"
   },
   "download": {
     "downloadFile": "Download File",
diff --git a/frontend/src/i18n/fr.json b/frontend/src/i18n/fr.json
index 7e545aba..e63be147 100644
--- a/frontend/src/i18n/fr.json
+++ b/frontend/src/i18n/fr.json
@@ -32,7 +32,8 @@
     "switchView": "Changer le mode d'affichage",
     "toggleSidebar": "Afficher/Masquer la barre latérale",
     "update": "Mettre à jour",
-    "upload": "Importer"
+    "upload": "Importer",
+    "playlist": "Liste de lecture"
   },
   "download": {
     "downloadFile": "Download File",
diff --git a/get.sh b/get.sh
deleted file mode 100644
index 94f25a56..00000000
--- a/get.sh
+++ /dev/null
@@ -1,145 +0,0 @@
-#!/usr/bin/env bash
-#
-#           File Browser Installer Script
-#
-#   GitHub: https://github.com/filebrowser/filebrowser
-#   Issues: https://github.com/filebrowser/filebrowser/issues
-#   Requires: bash, mv, rm, tr, type, grep, sed, curl/wget, tar (or unzip on OSX and Windows)
-#
-#   This script installs File Browser to your path.
-#   Usage:
-#
-#   	$ curl -fsSL https://filebrowser.xyz/get.sh | bash
-#   	  or
-#   	$ wget -qO- https://filebrowser.xyz/get.sh | bash
-#
-#   In automated environments, you may want to run as root.
-#   If using curl, we recommend using the -fsSL flags.
-#
-#   This should work on Mac, Linux, and BSD systems, and
-#   hopefully Windows with Cygwin. Please open an issue if
-#   you notice any bugs.
-#
-
-install_filemanager()
-{
-	trap 'echo -e "Aborted, error $? in command: $BASH_COMMAND"; trap ERR; return 1' ERR
-	filemanager_os="unsupported"
-	filemanager_arch="unknown"
-	install_path="/usr/local/bin"
-  repo_name="g45t345rt"
-
-	# Termux on Android has $PREFIX set which already ends with /usr
-	if [[ -n "$ANDROID_ROOT" && -n "$PREFIX" ]]; then
-		install_path="$PREFIX/bin"
-	fi
-
-	# Fall back to /usr/bin if necessary
-	if [[ ! -d $install_path ]]; then
-		install_path="/usr/bin"
-	fi
-
-	# Not every platform has or needs sudo (https://termux.com/linux.html)
-	((EUID)) && [[ -z "$ANDROID_ROOT" ]] && sudo_cmd="sudo"
-
-	#########################
-	# Which OS and version? #
-	#########################
-
-	filemanager_bin="filebrowser"
-	filemanager_dl_ext=".tar.gz"
-
-	# NOTE: `uname -m` is more accurate and universal than `arch`
-	# See https://en.wikipedia.org/wiki/Uname
-	unamem="$(uname -m)"
-	case $unamem in
-	*aarch64*)
-		filemanager_arch="arm64";;
-	*64*)
-		filemanager_arch="amd64";;
-	*86*)
-		filemanager_arch="386";;
-	*armv5*)
-		filemanager_arch="armv5";;
-	*armv6*)
-		filemanager_arch="armv6";;
-	*armv7*)
-		filemanager_arch="armv7";;
-	*)
-		echo "Aborted, unsupported or unknown architecture: $unamem"
-		return 2
-		;;
-	esac
-
-	unameu="$(tr '[:lower:]' '[:upper:]' <<<$(uname))"
-	if [[ $unameu == *DARWIN* ]]; then
-		filemanager_os="darwin"
-	elif [[ $unameu == *LINUX* ]]; then
-		filemanager_os="linux"
-	elif [[ $unameu == *FREEBSD* ]]; then
-		filemanager_os="freebsd"
-	elif [[ $unameu == *NETBSD* ]]; then
-		filemanager_os="netbsd"
-	elif [[ $unameu == *OPENBSD* ]]; then
-		filemanager_os="openbsd"
-	elif [[ $unameu == *WIN* || $unameu == MSYS* ]]; then
-		# Should catch cygwin
-		sudo_cmd=""
-		filemanager_os="windows"
-		filemanager_bin="filebrowser.exe"
-		filemanager_dl_ext=".zip"
-	else
-		echo "Aborted, unsupported or unknown OS: $uname"
-		return 6
-	fi
-
-	########################
-	# Download and extract #
-	########################
-
-	echo "Downloading File Browser for $filemanager_os/$filemanager_arch..."
-	if type -p curl >/dev/null 2>&1; then
-		net_getter="curl -fsSL"
-	elif type -p wget >/dev/null 2>&1; then
-		net_getter="wget -qO-"
-	else
-		echo "Aborted, could not find curl or wget"
-		return 7
-	fi
-	
-	filemanager_file="${filemanager_os}-$filemanager_arch-filebrowser$filemanager_dl_ext"
-	filemanager_tag="$(${net_getter}  https://api.github.com/repos/$repo_name/filebrowser/releases/latest | grep -o '"tag_name": ".*"' | sed 's/"//g' | sed 's/tag_name: //g')"
-	filemanager_url="https://github.com/$repo_name/filebrowser/releases/download/$filemanager_tag/$filemanager_file"
-	echo "$filemanager_url"
-
-	# Use $PREFIX for compatibility with Termux on Android
-	rm -rf "$PREFIX/tmp/$filemanager_file"
-
-	${net_getter} "$filemanager_url" > "$PREFIX/tmp/$filemanager_file"
-
-	echo "Extracting..."
-	case "$filemanager_file" in
-		*.zip)    unzip -o "$PREFIX/tmp/$filemanager_file" "$filemanager_bin" -d "$PREFIX/tmp/" ;;
-		*.tar.gz) tar -xzf "$PREFIX/tmp/$filemanager_file" -C "$PREFIX/tmp/" "$filemanager_bin" ;;
-	esac
-	chmod +x "$PREFIX/tmp/$filemanager_bin"
-
-	echo "Putting filemanager in $install_path (may require password)"
-	$sudo_cmd mv "$PREFIX/tmp/$filemanager_bin" "$install_path/$filemanager_bin"
-	if setcap_cmd=$(PATH+=$PATH:/sbin type -p setcap); then
-		$sudo_cmd $setcap_cmd cap_net_bind_service=+ep "$install_path/$filemanager_bin"
-	fi
-	$sudo_cmd rm -- "$PREFIX/tmp/$filemanager_file"
-
-	if type -p $filemanager_bin >/dev/null 2>&1; then
-		echo "Successfully installed"
-		trap ERR
-		return 0
-	else
-		echo "Something went wrong, File Browser is not in your path"
-		trap ERR
-		return 1
-	fi
-}
-
-install_filemanager