Infrastructure/safetwitch
0
Fork 0
mirror of https://codeberg.org/SafeTwitch/safetwitch.git synced 2024-12-22 13:22:58 -05:00
Code Issues Activity

Lint/prettify

Browse source
This commit is contained in:
dragongoose 2023-08-18 13:39:26 -04:00
parent f87b235abe
commit 06b77d686c
No known key found for this signature in database
GPG key ID: 01397EEC371CDAA5
13 changed files with 177 additions and 149 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/assets/messageParser.ts
View file

@ -60,7 +60,7 @@ export function parseMessage(messageData: any, allBadges: Badge[]): ParsedMessag
return {
type: 'CLEARCHAT',
data: {
username: message.message.replace(/(\r\n|\n|\r)/gm, ""),
username: message.message.replace(/(\r\n|\n|\r)/gm, ''),
duration
}
}
@ -76,7 +76,7 @@ export function parseMessage(messageData: any, allBadges: Badge[]): ParsedMessag
}
export function parseChatHistory(messages: StreamMessage[], badges: Badge[]) {
let parsedMessages = []
const parsedMessages = []
for (let i = 0; i < messages.length; i++) {
const message = messages[i]

8
src/assets/qualitySelector.ts
View file

@ -6,12 +6,6 @@ import type { QualityLevelList, QualityLevel } from 'videojs-contrib-quality-lev
import i18n from '@/i18n'
import { getSetting } from '@/mixins'
const getQualityFromSettings = (qualityLevels) => {
const settings = localStorage.getItem("settings")
const parsed = JSON.parse(settings)
return parsed.defaultQuality.selected
}
export const createQualitySelector = (player: any) => {
const qualityLevels: QualityLevelList = player.qualityLevels()
const MenuButton = videojs.getComponent('MenuButton')
@ -53,7 +47,7 @@ export const createQualitySelector = (player: any) => {
}
// set quality on startup
const startingQuality = getSetting("defaultQuality")
const startingQuality = getSetting('defaultQuality')
const id = formatedQualities.find((i) => i.name === startingQuality)?.id
setQuality(id)

11
src/components/LanguageSwitcher.vue
View file

@ -18,7 +18,16 @@ export default {
setup() {
return {
langs: ['en-US', 'es-ES', 'nl-NL', 'pt-PT', 'fa-IR', 'he-IL', 'ru-RU', 'ko-KR'],
names: ['English', 'Español', 'Nederlands', 'Português', 'فارسی', 'עִבְרִית', 'Русский', '한국어']
names: [
'English',
'Español',
'Nederlands',
'Português',
'فارسی',
'עִבְרִית',
'Русский',
'한국어'
]
}
},
mounted() {

18
src/components/NavbarView.vue
View file

@ -21,7 +21,6 @@ export default {
</script>
<template>
<nav class="flex items-center justify-between flex-wrap p-4">
<div class="flex items-center flex-no-shrink text-white mr-6">
<router-link to="/">
@ -32,18 +31,27 @@ export default {
<search-bar class="mt-4 mr-4 hidden sm:inline-block sm:mt-0"></search-bar>
<div class="text-white hidden sm:block">
<a href="https://codeberg.org/dragongoose/safetwitch" class="mt-4 mr-4 sm:inline-block sm:mt-0">{{ $t('nav.code') }}</a>
<router-link to="/privacy" class="mt-4 mr-4 sm:inline-block sm:mt-0">{{ $t('nav.privacy') }}</router-link>
<a
href="https://codeberg.org/dragongoose/safetwitch"
class="mt-4 mr-4 sm:inline-block sm:mt-0"
>{{ $t('nav.code') }}</a
>
<router-link to="/privacy" class="mt-4 mr-4 sm:inline-block sm:mt-0">{{
$t('nav.privacy')
}}</router-link>
<language-switcher class="mt-4 sm:inline-block sm:mt-0"></language-switcher>
</div>
<div class="block sm:hidden">
<button @click="toggle" class="flex items-center px-3 py-2">
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><title>Menu</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"/></svg>
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<title>Menu</title>
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
</svg>
</button>
</div>
<div :class="open ? 'block': 'hidden'" class="w-full flex-grow">
<div :class="open ? 'block' : 'hidden'" class="w-full flex-grow">
<div class="p-4 flex flex-col items-center space-y-5 bg-ctp-base text-white">
<search-bar></search-bar>
<ul class="inline-flex space-x-3 md:space-x-6 font-medium">

4
src/components/user/VideoTab.vue
View file

@ -5,10 +5,10 @@
<template>
<div class="bg-ctp-mantle mt-1 p-5 pt-3 rounded-lg w-full space-y-3">
<div class="inline-flex w-full">
<span class="pr-3 font-bold text-3xl">{{ $t("streamer.videos") }}</span>
<span class="pr-3 font-bold text-3xl">{{ $t('streamer.videos') }}</span>
</div>
<h1 v-if="!shelves && status === 'error'">{{ $t("streamer.videoerror") }}</h1>
<h1 v-if="!shelves && status === 'error'">{{ $t('streamer.videoerror') }}</h1>
<div v-else-if="shelves" class="mb-5">
<div class="space-y-5">

30
src/mixins.ts
View file

@ -43,22 +43,22 @@ export async function getEndpoint(endpoint: string) {
export function getDefaultSettings() {
return {
"audioOnly": {
"name": "Audio Only",
"selected": false,
"type": "checkbox"
audioOnly: {
name: 'Audio Only',
selected: false,
type: 'checkbox'
},
"defaultQuality": {
"name": "Default Quality",
"options": ["160p", "360p", "480p", "720p", "1080p"],
"selected": "480p",
"type": "option"
},
"chatVisible": {
"name": "Hide Chat",
"selected": false,
"type": "checkbox"
defaultQuality: {
name: 'Default Quality',
options: ['160p', '360p', '480p', '720p', '1080p'],
selected: '480p',
type: 'option'
},
chatVisible: {
name: 'Hide Chat',
selected: false,
type: 'checkbox'
}
}
}
@ -75,7 +75,7 @@ export function getSetting(key: string): boolean | string {
}
export function chatVisible() {
const p = getSetting("chatVisible")
const p = getSetting('chatVisible')
// Flip becuase on the setting page it's
// displayed as "Hide Chat", but the value
// is chatVisible

2
src/types/VOD.ts
View file

@ -15,7 +15,7 @@ export interface MinifiedStreamer {
}
export interface Video {
type: "vod" | "clip"
type: 'vod' | 'clip'
preview: string
game: MinifiedCategory
duration: number

6
src/views/CategoryView.vue
View file

@ -52,11 +52,11 @@ export default {
throw err
})
let lastStreamCursor = this.data!.streams[this.data!.streams.length-1].cursor
let newLastStreamCursor = resData.streams[resData.streams.length-1].cursor
let lastStreamCursor = this.data!.streams[this.data!.streams.length - 1].cursor
let newLastStreamCursor = resData.streams[resData.streams.length - 1].cursor
if (lastStreamCursor === newLastStreamCursor) {
// Add "no more streams!" screen later
console.log("no more streams!")
console.log('no more streams!')
} else {
for (let stream of resData.streams) {
this.data!.streams.push(stream)

6
src/views/HomepageView.vue
View file

@ -25,7 +25,10 @@ export default {
methods: {
filterSearches(toFilter: string) {
const categories = this.$refs.categoryItem
const wantedTags: string[] = toFilter.toLowerCase().split(',').filter((v) => v.toLowerCase())
const wantedTags: string[] = toFilter
.toLowerCase()
.split(',')
.filter((v) => v.toLowerCase())
for (let category of categories as any) {
let tagElements = category.getElementsByTagName('span')
@ -142,6 +145,5 @@ export default {
<category-preview :category-data="category"></category-preview>
</li>
</ul>
</div>
</template>

25
src/views/SettingsView.vue
View file

@ -5,7 +5,7 @@ export default {
setup() {
let settings
let storedSettings = localStorage.getItem("settings")
let storedSettings = localStorage.getItem('settings')
if (storedSettings === null) {
settings = getDefaultSettings()
} else {
@ -20,7 +20,7 @@ export default {
save() {
const settings = JSON.stringify(this.settings)
localStorage.setItem('settings', settings)
},
}
// download() {
// var hiddenElement = document.createElement('a');
@ -41,25 +41,29 @@ export default {
// this.save()
// },
}
}
}
</script>
<template>
<div class="mx-auto w-[35rem] p-5 py-3 bg-ctp-crust rounded-md text-white">
<h1 class="font-bold text-3xl">Settings</h1>
<hr class="my-2">
<hr class="my-2" />
<ul class="w-full space-y-1">
<li v-for="setting in settings">
<li v-for="setting in settings" :key="setting.type">
<div v-if="setting.type == 'checkbox'" class="justify-between items-center flex">
<label :for="setting.name">{{ setting.name }}</label>
<input :name="setting.name" type="checkbox" v-model="setting.selected">
<input :name="setting.name" type="checkbox" v-model="setting.selected" />
</div>
<div v-else-if="setting.type == 'option'" class="justify-between items-center flex">
<label :for="setting.name">{{ setting.name }}</label>
<select :name="setting.name" type="checkbox" v-model="setting.selected"
class="text-black rounded-md h-8 p-0 pr-8 pl-2">
<option v-for="option of setting.options" :value="option">
<select
:name="setting.name"
type="checkbox"
v-model="setting.selected"
class="text-black rounded-md h-8 p-0 pr-8 pl-2"
>
<option v-for="option of setting.options" :key="option" :value="option">
{{ option }}
</option>
</select>
@ -73,4 +77,5 @@ export default {
<input type="file" @change="handleImport" name="fileinput" ref="fileinput"
class="bg-ctp-surface0 p-4 py-2 rounded-md"> -->
</div>
</div></template>
</div>
</template>

7
src/views/UserView.vue
View file

@ -168,6 +168,11 @@ export default {
</div>
</div>
<twitch-chat v-if="chatVisible()" :isLive="true" :channelName="data.login" class="h-2/3"></twitch-chat>
<twitch-chat
v-if="chatVisible()"
:isLive="true"
:channelName="data.login"
class="h-2/3"
></twitch-chat>
</div>
</template>

7
src/views/VodView.vue
View file

@ -137,6 +137,11 @@ export default {
</div>
</div>
<twitch-chat v-if="chatVisible()" :isVod="true" :channelName="data.streamer.login" ref="chat"></twitch-chat>
<twitch-chat
v-if="chatVisible()"
:isVod="true"
:channelName="data.streamer.login"
ref="chat"
></twitch-chat>
</div>
</template>