2021-08-18 00:01:11 +02:00
|
|
|
import Vue from 'vue'
|
2022-06-02 03:14:10 +02:00
|
|
|
import Path from 'path'
|
2021-11-10 03:30:44 +01:00
|
|
|
import vClickOutside from 'v-click-outside'
|
2021-11-14 02:17:33 +01:00
|
|
|
import { formatDistance, format, addDays, isDate } from 'date-fns'
|
2021-10-13 03:07:42 +02:00
|
|
|
|
2021-11-10 03:30:44 +01:00
|
|
|
Vue.directive('click-outside', vClickOutside.directive)
|
|
|
|
|
2021-10-23 03:08:02 +02:00
|
|
|
Vue.prototype.$eventBus = new Vue()
|
|
|
|
|
2021-10-13 03:07:42 +02:00
|
|
|
Vue.prototype.$dateDistanceFromNow = (unixms) => {
|
|
|
|
if (!unixms) return ''
|
|
|
|
return formatDistance(unixms, Date.now(), { addSuffix: true })
|
|
|
|
}
|
|
|
|
Vue.prototype.$formatDate = (unixms, fnsFormat = 'MM/dd/yyyy HH:mm') => {
|
|
|
|
if (!unixms) return ''
|
|
|
|
return format(unixms, fnsFormat)
|
|
|
|
}
|
2021-11-14 02:17:33 +01:00
|
|
|
Vue.prototype.$formatJsDate = (jsdate, fnsFormat = 'MM/dd/yyyy HH:mm') => {
|
|
|
|
if (!jsdate || !isDate(jsdate)) return ''
|
|
|
|
return format(jsdate, fnsFormat)
|
|
|
|
}
|
|
|
|
Vue.prototype.$addDaysToToday = (daysToAdd) => {
|
|
|
|
var date = addDays(new Date(), daysToAdd)
|
|
|
|
if (!date || !isDate(date)) return null
|
2022-05-11 23:27:40 +02:00
|
|
|
return date
|
|
|
|
}
|
|
|
|
Vue.prototype.$addDaysToDate = (jsdate, daysToAdd) => {
|
|
|
|
var date = addDays(jsdate, daysToAdd)
|
|
|
|
if (!date || !isDate(date)) return null
|
2021-11-14 02:17:33 +01:00
|
|
|
return date
|
|
|
|
}
|
2021-10-13 03:07:42 +02:00
|
|
|
|
2022-12-14 00:46:18 +01:00
|
|
|
Vue.prototype.$sanitizeFilename = (filename, colonReplacement = ' - ') => {
|
|
|
|
if (typeof filename !== 'string') {
|
2021-08-18 00:01:11 +02:00
|
|
|
return false
|
|
|
|
}
|
2022-06-02 03:14:10 +02:00
|
|
|
|
2022-12-14 00:46:18 +01:00
|
|
|
// Most file systems use number of bytes for max filename
|
|
|
|
// to support most filesystems we will use max of 255 bytes in utf-16
|
|
|
|
// Ref: https://doc.owncloud.com/server/next/admin_manual/troubleshooting/path_filename_length.html
|
|
|
|
// Issue: https://github.com/advplyr/audiobookshelf/issues/1261
|
|
|
|
const MAX_FILENAME_BYTES = 255
|
2022-06-02 03:14:10 +02:00
|
|
|
|
2022-12-14 00:46:18 +01:00
|
|
|
const replacement = ''
|
|
|
|
const illegalRe = /[\/\?<>\\:\*\|"]/g
|
|
|
|
const controlRe = /[\x00-\x1f\x80-\x9f]/g
|
|
|
|
const reservedRe = /^\.+$/
|
|
|
|
const windowsReservedRe = /^(con|prn|aux|nul|com[0-9]|lpt[0-9])(\..*)?$/i
|
|
|
|
const windowsTrailingRe = /[\. ]+$/
|
|
|
|
const lineBreaks = /[\n\r]/g
|
2021-08-18 00:01:11 +02:00
|
|
|
|
2022-12-14 00:46:18 +01:00
|
|
|
sanitized = filename
|
2022-05-14 00:13:58 +02:00
|
|
|
.replace(':', colonReplacement) // Replace first occurrence of a colon
|
2021-08-18 00:01:11 +02:00
|
|
|
.replace(illegalRe, replacement)
|
|
|
|
.replace(controlRe, replacement)
|
|
|
|
.replace(reservedRe, replacement)
|
2022-06-02 03:14:10 +02:00
|
|
|
.replace(lineBreaks, replacement)
|
2021-08-18 00:01:11 +02:00
|
|
|
.replace(windowsReservedRe, replacement)
|
2022-06-02 03:14:10 +02:00
|
|
|
.replace(windowsTrailingRe, replacement)
|
|
|
|
|
2022-12-14 00:46:18 +01:00
|
|
|
// Check if basename is too many bytes
|
|
|
|
const ext = Path.extname(sanitized) // separate out file extension
|
|
|
|
const basename = Path.basename(sanitized, ext)
|
|
|
|
const extByteLength = Buffer.byteLength(ext, 'utf16le')
|
|
|
|
const basenameByteLength = Buffer.byteLength(basename, 'utf16le')
|
|
|
|
if (basenameByteLength + extByteLength > MAX_FILENAME_BYTES) {
|
|
|
|
const MaxBytesForBasename = MAX_FILENAME_BYTES - extByteLength
|
|
|
|
let totalBytes = 0
|
|
|
|
let trimmedBasename = ''
|
2022-06-02 03:14:10 +02:00
|
|
|
|
2022-12-14 00:46:18 +01:00
|
|
|
// Add chars until max bytes is reached
|
|
|
|
for (const char of basename) {
|
|
|
|
totalBytes += Buffer.byteLength(char, 'utf16le')
|
|
|
|
if (totalBytes > MaxBytesForBasename) break
|
|
|
|
else trimmedBasename += char
|
|
|
|
}
|
|
|
|
|
|
|
|
trimmedBasename = trimmedBasename.trim()
|
|
|
|
sanitized = trimmedBasename + ext
|
2022-06-02 03:14:10 +02:00
|
|
|
}
|
|
|
|
|
2021-08-18 00:01:11 +02:00
|
|
|
return sanitized
|
|
|
|
}
|
2021-09-05 20:21:02 +02:00
|
|
|
|
2022-05-04 01:52:34 +02:00
|
|
|
// SOURCE: https://gist.github.com/spyesx/561b1d65d4afb595f295
|
|
|
|
// modified: allowed underscores
|
|
|
|
Vue.prototype.$sanitizeSlug = (str) => {
|
|
|
|
if (!str) return ''
|
|
|
|
|
|
|
|
str = str.replace(/^\s+|\s+$/g, '') // trim
|
|
|
|
str = str.toLowerCase()
|
|
|
|
|
|
|
|
// remove accents, swap ñ for n, etc
|
|
|
|
var from = "àáäâèéëêìíïîòóöôùúüûñçěščřžýúůďťň·/,:;"
|
|
|
|
var to = "aaaaeeeeiiiioooouuuuncescrzyuudtn-----"
|
|
|
|
|
|
|
|
for (var i = 0, l = from.length; i < l; i++) {
|
|
|
|
str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i))
|
|
|
|
}
|
|
|
|
|
2022-06-17 10:26:10 +02:00
|
|
|
str = str.replace('.', '-') // replace a dot by a dash
|
2022-05-04 01:52:34 +02:00
|
|
|
.replace(/[^a-z0-9 -_]/g, '') // remove invalid chars
|
|
|
|
.replace(/\s+/g, '-') // collapse whitespace and replace by a dash
|
|
|
|
.replace(/-+/g, '-') // collapse dashes
|
|
|
|
.replace(/\//g, '') // collapse all forward-slashes
|
|
|
|
|
|
|
|
return str
|
|
|
|
}
|
|
|
|
|
2022-03-17 15:28:31 +01:00
|
|
|
Vue.prototype.$copyToClipboard = (str, ctx) => {
|
|
|
|
return new Promise((resolve) => {
|
2022-11-28 00:10:06 +01:00
|
|
|
if (navigator.clipboard) {
|
2022-05-22 15:05:39 +02:00
|
|
|
navigator.clipboard.writeText(str).then(() => {
|
|
|
|
if (ctx) ctx.$toast.success('Copied to clipboard')
|
|
|
|
}, (err) => {
|
|
|
|
console.error('Clipboard copy failed', str, err)
|
|
|
|
})
|
|
|
|
} else {
|
|
|
|
const el = document.createElement('textarea')
|
|
|
|
el.value = str
|
|
|
|
el.setAttribute('readonly', '')
|
|
|
|
el.style.position = 'absolute'
|
|
|
|
el.style.left = '-9999px'
|
|
|
|
document.body.appendChild(el)
|
|
|
|
el.select()
|
|
|
|
document.execCommand('copy')
|
|
|
|
document.body.removeChild(el)
|
|
|
|
|
|
|
|
if (ctx) ctx.$toast.success('Copied to clipboard')
|
2022-03-17 15:28:31 +01:00
|
|
|
}
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
2021-10-18 01:05:43 +02:00
|
|
|
function xmlToJson(xml) {
|
|
|
|
const json = {};
|
|
|
|
for (const res of xml.matchAll(/(?:<(\w*)(?:\s[^>]*)*>)((?:(?!<\1).)*)(?:<\/\1>)|<(\w*)(?:\s*)*\/>/gm)) {
|
|
|
|
const key = res[1] || res[3];
|
|
|
|
const value = res[2] && xmlToJson(res[2]);
|
|
|
|
json[key] = ((value && Object.keys(value).length) ? value : res[2]) || null;
|
|
|
|
|
|
|
|
}
|
|
|
|
return json;
|
|
|
|
}
|
|
|
|
Vue.prototype.$xmlToJson = xmlToJson
|
|
|
|
|
2022-03-06 00:28:15 +01:00
|
|
|
Vue.prototype.$encodeUriPath = (path) => {
|
|
|
|
return path.replace(/\\/g, '/').replace(/%/g, '%25').replace(/#/g, '%23')
|
|
|
|
}
|
|
|
|
|
2021-09-05 21:30:33 +02:00
|
|
|
const encode = (text) => encodeURIComponent(Buffer.from(text).toString('base64'))
|
|
|
|
Vue.prototype.$encode = encode
|
|
|
|
const decode = (text) => Buffer.from(decodeURIComponent(text), 'base64').toString()
|
|
|
|
Vue.prototype.$decode = decode
|
|
|
|
|
2021-09-05 20:21:02 +02:00
|
|
|
export {
|
|
|
|
encode,
|
|
|
|
decode
|
2021-09-24 14:32:38 +02:00
|
|
|
}
|
2022-10-01 23:07:30 +02:00
|
|
|
export default ({ app, store }, inject) => {
|
2021-09-24 14:32:38 +02:00
|
|
|
app.$decode = decode
|
2021-12-02 02:07:03 +01:00
|
|
|
app.$encode = encode
|
2021-12-18 03:52:11 +01:00
|
|
|
inject('isDev', process.env.NODE_ENV !== 'production')
|
2022-10-01 23:07:30 +02:00
|
|
|
|
|
|
|
store.commit('setRouterBasePath', app.$config.routerBasePath)
|
2021-09-05 20:21:02 +02:00
|
|
|
}
|