From 4d8f6c36702ea434edc2f462656f3f28d23df2b6 Mon Sep 17 00:00:00 2001 From: MayaWolf Date: Fri, 20 Jul 2018 03:12:26 +0200 Subject: [PATCH] 3.0.6 --- bbcode/Editor.vue | 18 +- chat/CharacterSearch.vue | 4 +- chat/Chat.vue | 15 +- chat/ChatView.vue | 33 +- chat/ConversationSettings.vue | 5 +- chat/ConversationView.vue | 119 +- chat/Logs.vue | 43 +- chat/ManageChannel.vue | 103 +- chat/SettingsView.vue | 11 +- chat/StatusSwitcher.vue | 4 +- chat/UserMenu.vue | 2 +- chat/assets/ic_notification.png | Bin 0 -> 2948 bytes chat/common.ts | 1 + chat/conversations.ts | 23 +- chat/interfaces.ts | 6 +- chat/localize.ts | 6 +- chat/notifications.ts | 48 +- chat/profile_api.ts | 2 +- chat/slash_commands.ts | 10 +- components/Dropdown.vue | 4 +- components/Modal.vue | 16 +- components/character_select.vue | 2 +- components/custom_dialog.ts | 8 +- electron/Window.vue | 6 +- electron/application.json | 4 +- electron/chat.ts | 21 +- electron/notifications.ts | 11 +- electron/webpack.config.js | 17 +- fchat/connection.ts | 6 +- fchat/interfaces.ts | 9 +- mobile/android/app/.gitignore | 1 + mobile/android/app/build.gradle | 4 +- .../kotlin/net/f_list/fchat/MainActivity.kt | 2 +- mobile/android/build.gradle | 4 +- mobile/chat.ts | 13 +- mobile/filesystem.ts | 2 +- mobile/ios/F-Chat/Logs.swift | 56 +- mobile/ios/F-Chat/ViewController.swift | 2 +- mobile/notifications.ts | 2 +- mobile/package.json | 2 +- mobile/webpack.config.js | 13 +- package.json | 10 +- scss/_bbcode_editor.scss | 11 + scss/_chat.scss | 2 +- scss/_core.scss | 2 +- scss/_flist_derived.scss | 5 + scss/_flist_overrides.scss | 16 +- scss/_notes.scss | 3 - scss/_tag_input.scss | 9 +- scss/themes/variables/_dark_variables.scss | 3 + scss/themes/variables/_default_variables.scss | 3 + scss/themes/variables/_invert.scss | 11 +- webchat/chat.ts | 25 +- webchat/notifications.ts | 25 + webchat/package.json | 2 +- webchat/sw.js | 15 + webchat/webpack.config.js | 13 +- yarn.lock | 1582 +++++++++-------- 58 files changed, 1313 insertions(+), 1082 deletions(-) create mode 100644 chat/assets/ic_notification.png create mode 100644 webchat/notifications.ts create mode 100644 webchat/sw.js diff --git a/bbcode/Editor.vue b/bbcode/Editor.vue index 4e51ed5..eaafa46 100644 --- a/bbcode/Editor.vue +++ b/bbcode/Editor.vue @@ -1,11 +1,12 @@ @@ -130,6 +129,7 @@ import Component from 'vue-class-component'; import {Prop, Watch} from 'vue-property-decorator'; import {EditorButton, EditorSelection} from '../bbcode/editor'; + import {isShowing as anyDialogsShown} from '../components/Modal.vue'; import {Keys} from '../keys'; import {BBCodeView, Editor} from './bbcode'; import CommandHelp from './CommandHelp.vue'; @@ -168,23 +168,30 @@ lastSearchInput = 0; messageCount = 0; searchTimer = 0; - windowHeight = window.innerHeight; - resizeHandler = () => { - const messageView = this.$refs['messages']; - if(this.windowHeight - window.innerHeight + messageView.scrollTop + messageView.offsetHeight >= messageView.scrollHeight - 15) - messageView.scrollTop = messageView.scrollHeight - messageView.offsetHeight; - this.windowHeight = window.innerHeight; - } + messageView!: HTMLElement; + resizeHandler!: EventListener; keydownHandler!: EventListener; + keypressHandler!: EventListener; + scrolledDown = true; + scrolledUp = false; - created(): void { + mounted(): void { this.extraButtons = [{ title: 'Help\n\nClick this button for a quick overview of slash commands.', tag: '?', icon: 'fa-question', handler: () => (this.$refs['helpDialog']).show() }]; - window.addEventListener('resize', this.resizeHandler); + window.addEventListener('resize', this.resizeHandler = () => { + if(this.scrolledDown) + this.messageView.scrollTop = this.messageView.scrollHeight - this.messageView.offsetHeight; + this.onMessagesScroll(); + }); + window.addEventListener('keypress', this.keypressHandler = () => { + if(document.getSelection().isCollapsed && !anyDialogsShown && + (document.activeElement === document.body || document.activeElement.tagName === 'A')) + (this.$refs['textBox']).focus(); + }); window.addEventListener('keydown', this.keydownHandler = ((e: KeyboardEvent) => { if(getKey(e) === Keys.KeyF && (e.ctrlKey || e.metaKey) && !e.shiftKey && !e.altKey) { this.showSearch = true; @@ -195,11 +202,13 @@ if(Date.now() - this.lastSearchInput > 500 && this.search !== this.searchInput) this.search = this.searchInput; }, 500); + this.messageView = this.$refs['messages']; } destroyed(): void { window.removeEventListener('resize', this.resizeHandler); window.removeEventListener('keydown', this.keydownHandler); + window.removeEventListener('keypress', this.keypressHandler); clearInterval(this.searchTimer); } @@ -224,29 +233,30 @@ @Watch('conversation') conversationChanged(): void { - (this.$refs['textBox']).focus(); + if(!anyDialogsShown) (this.$refs['textBox']).focus(); + setTimeout(() => this.messageView.scrollTop = this.messageView.scrollHeight - this.messageView.offsetHeight); + this.scrolledDown = true; } @Watch('conversation.messages') messageAdded(newValue: Conversation.Message[]): void { - const messageView = this.$refs['messages']; - if(!this.keepScroll() && newValue.length === this.messageCount) - messageView.scrollTop -= (messageView.firstElementChild).clientHeight; + this.keepScroll(); + if(!this.scrolledDown && newValue.length === this.messageCount) + this.messageView.scrollTop -= (this.messageView.firstElementChild!).clientHeight; this.messageCount = newValue.length; } - keepScroll(): boolean { - const messageView = this.$refs['messages']; - if(messageView.scrollTop + messageView.offsetHeight >= messageView.scrollHeight - 15) { - this.$nextTick(() => setTimeout(() => messageView.scrollTop = messageView.scrollHeight, 0)); - return true; - } - return false; + keepScroll(): void { + if(this.scrolledDown) + this.$nextTick(() => setTimeout(() => this.messageView.scrollTop = this.messageView.scrollHeight, 0)); } onMessagesScroll(): void { - const messageView = this.$refs['messages']; - if(messageView !== undefined && messageView.scrollTop < 50) this.conversation.loadMore(); + if(this.messageView.scrollTop < 50 && !this.scrolledUp) { + this.scrolledUp = true; + this.conversation.loadMore(); + } else this.scrolledUp = false; + this.scrolledDown = this.messageView.scrollTop + this.messageView.offsetHeight >= this.messageView.scrollHeight - 15; } @Watch('conversation.errorText') @@ -378,4 +388,13 @@ } } } + + .chat-info-text { + display:flex; + align-items:center; + flex:1 51%; + @media (max-width: breakpoint-max(xs)) { + flex-basis: 100%; + } + } \ No newline at end of file diff --git a/chat/Logs.vue b/chat/Logs.vue index a50b4d6..35552b3 100644 --- a/chat/Logs.vue +++ b/chat/Logs.vue @@ -38,7 +38,7 @@
@@ -47,7 +47,7 @@ class="fa fa-download"> -
+
@@ -102,6 +102,7 @@ selectedCharacter = core.connection.character; showFilters = true; canZip = core.logs.canZip; + dateOffset = -1; get filteredMessages(): ReadonlyArray { if(this.filter.length === 0) return this.messages; @@ -139,9 +140,16 @@ this.dates = this.selectedConversation === null ? [] : (await core.logs.getLogDates(this.selectedCharacter, this.selectedConversation.key)).slice().reverse(); this.selectedDate = null; + this.dateOffset = -1; + this.filter = ''; await this.loadMessages(); } + @Watch('filter') + onFilterChanged(): void { + this.$nextTick(async() => this.onMessagesScroll()); + } + download(file: string, logs: string): void { const a = document.createElement('a'); a.href = logs; @@ -189,6 +197,8 @@ if(this.selectedCharacter !== '') { this.conversations = (await core.logs.getConversations(this.selectedCharacter)).slice(); this.conversations.sort((x, y) => (x.name < y.name ? -1 : (x.name > y.name ? 1 : 0))); + this.dates = this.selectedConversation === null ? [] : + (await core.logs.getLogDates(this.selectedCharacter, this.selectedConversation.key)).slice().reverse(); await this.loadMessages(); } this.keyDownListener = (e) => { @@ -213,10 +223,33 @@ } async loadMessages(): Promise> { - if(this.selectedDate === null || this.selectedConversation === null) + if(this.selectedConversation === null) return this.messages = []; - return this.messages = await core.logs.getLogs(this.selectedCharacter, this.selectedConversation.key, - new Date(this.selectedDate)); + if(this.selectedDate !== null) { + this.dateOffset = -1; + return this.messages = await core.logs.getLogs(this.selectedCharacter, this.selectedConversation.key, + new Date(this.selectedDate)); + } + if(this.dateOffset === -1) { + this.messages = []; + this.dateOffset = 0; + } + this.$nextTick(async() => this.onMessagesScroll()); + return this.messages; + } + + async onMessagesScroll(): Promise { + const list = this.$refs['messages']; + if(this.selectedConversation === null || this.selectedDate !== null || list === undefined || list.scrollTop > 15 + || !this.dialog.isShown || this.dateOffset >= this.dates.length) return; + const messages = await core.logs.getLogs(this.selectedCharacter, this.selectedConversation.key, + this.dates[this.dateOffset++]); + this.messages = messages.concat(this.messages); + const noOverflow = list.offsetHeight === list.scrollHeight; + this.$nextTick(() => { + if(list.offsetHeight === list.scrollHeight) return this.onMessagesScroll(); + else if(noOverflow) list.scrollTop = list.scrollHeight; + }); } } diff --git a/chat/ManageChannel.vue b/chat/ManageChannel.vue index 07cce05..b9a0020 100644 --- a/chat/ManageChannel.vue +++ b/chat/ManageChannel.vue @@ -1,51 +1,46 @@ \ No newline at end of file diff --git a/chat/SettingsView.vue b/chat/SettingsView.vue index 103b8fd..514b082 100644 --- a/chat/SettingsView.vue +++ b/chat/SettingsView.vue @@ -47,6 +47,12 @@ {{l('settings.messageSeparators')}}
+
+ +
- -
+ +
{{getByteLength(text)}} / 255
diff --git a/chat/UserMenu.vue b/chat/UserMenu.vue index 3cbc95d..1885b90 100644 --- a/chat/UserMenu.vue +++ b/chat/UserMenu.vue @@ -30,7 +30,7 @@ {{l('user.channelKick')}} {{l('user.chatKick')}} + v-show="isChatOp">{{l('user.chatKick')}}
{{getByteLength(memo)}} / 1000
diff --git a/chat/assets/ic_notification.png b/chat/assets/ic_notification.png new file mode 100644 index 0000000000000000000000000000000000000000..fd718db69861c41f88ee2d1f089e13c6c73c9e3b GIT binary patch literal 2948 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 w.replace(/[^\w]/gi, '\\$&')); + const words = conversation.settings.highlightWords.slice(); if(conversation.settings.defaultHighlights) words.push(...core.state.settings.highlightWords); if(conversation.settings.highlight === Interfaces.Setting.Default && core.state.settings.highlight || conversation.settings.highlight === Interfaces.Setting.True) words.push(core.connection.character); + for(let i = 0; i < words.length; ++i) + words[i] = words[i].replace(/[^\w]/gi, '\\$&'); //tslint:disable-next-line:no-null-keyword const results = words.length > 0 ? message.text.match(new RegExp(`\\b(${words.join('|')})\\b`, 'i')) : null; if(results !== null) { - core.notifications.notify(conversation, data.character, l('chat.highlight', results[0], conversation.name, message.text), + await core.notifications.notify(conversation, data.character, l('chat.highlight', results[0], conversation.name, message.text), characterImage(data.character), 'attention'); if(conversation !== state.selectedConversation || !state.windowFocused) conversation.unread = Interfaces.UnreadState.Mention; message.isHighlight = true; } else if(conversation.settings.notify === Interfaces.Setting.True) { - core.notifications.notify(conversation, conversation.name, messageToString(message), + await core.notifications.notify(conversation, conversation.name, messageToString(message), characterImage(data.character), 'attention'); if(conversation !== state.selectedConversation || !state.windowFocused) conversation.unread = Interfaces.UnreadState.Mention; } @@ -565,7 +567,7 @@ export default function(this: void): Interfaces.State { if(conversation === undefined) return core.channels.leave(channel); if(sender.isIgnored && !isOp(conversation)) return; if(data.type === 'bottle' && data.target === core.connection.character) { - core.notifications.notify(conversation, conversation.name, messageToString(message), + await core.notifications.notify(conversation, conversation.name, messageToString(message), characterImage(data.character), 'attention'); if(conversation !== state.selectedConversation || !state.windowFocused) conversation.unread = Interfaces.UnreadState.Mention; @@ -648,13 +650,13 @@ export default function(this: void): Interfaces.State { url += `newspost/${data.target_id}/#Comment${data.id}`; break; case 'bugreport': - url += `view_bugreport.php?id=/${data.target_id}/#${data.id}`; + url += `view_bugreport.php?id=${data.target_id}/#${data.id}`; break; case 'changelog': - url += `log.php?id=/${data.target_id}/#${data.id}`; + url += `log.php?id=${data.target_id}/#${data.id}`; break; case 'feature': - url += `vote.php?id=/${data.target_id}/#${data.id}`; + url += `vote.php?id=${data.target_id}/#${data.id}`; } const key = `events.rtbComment${(data.parent_id !== 0 ? 'Reply' : '')}`; text = l(key, `[user]${data.name}[/user]`, l(`events.rtbComment_${data.target_type}`), `[url=${url}]${data.target}[/url]`); @@ -691,7 +693,7 @@ export default function(this: void): Interfaces.State { } await addEventMessage(new EventMessage(text, time)); if(data.type === 'note') - core.notifications.notify(state.consoleTab, character, text, characterImage(character), 'newnote'); + await core.notifications.notify(state.consoleTab, character, text, characterImage(character), 'newnote'); }); type SFCMessage = (Interfaces.Message & {sfc: Connection.ServerCommands['SFC'] & {confirmed?: true}}); const sfcList: SFCMessage[] = []; @@ -699,7 +701,8 @@ export default function(this: void): Interfaces.State { let text: string, message: Interfaces.Message; if(data.action === 'report') { text = l('events.report', `[user]${data.character}[/user]`, decodeHTML(data.tab), decodeHTML(data.report)); - core.notifications.notify(state.consoleTab, data.character, text, characterImage(data.character), 'modalert'); + if(!data.old) + await core.notifications.notify(state.consoleTab, data.character, text, characterImage(data.character), 'modalert'); message = new EventMessage(text, time); safeAddMessage(sfcList, message, 500); (message).sfc = data; diff --git a/chat/interfaces.ts b/chat/interfaces.ts index 096b96c..a9be8e5 100644 --- a/chat/interfaces.ts +++ b/chat/interfaces.ts @@ -172,6 +172,7 @@ export namespace Settings { readonly showNeedsReply: boolean; readonly enterSend: boolean; readonly colorBookmarks: boolean; + readonly bbCodeBar: boolean; } } @@ -179,9 +180,10 @@ export type Settings = Settings.Settings; export interface Notifications { isInBackground: boolean - notify(conversation: Conversation, title: string, body: string, icon: string, sound: string): void - playSound(sound: string): void + notify(conversation: Conversation, title: string, body: string, icon: string, sound: string): Promise + playSound(sound: string): Promise requestPermission(): Promise + initSounds(sounds: ReadonlyArray): Promise } export interface State { diff --git a/chat/localize.ts b/chat/localize.ts index 3b2d89f..6ef970a 100644 --- a/chat/localize.ts +++ b/chat/localize.ts @@ -86,7 +86,7 @@ const strings: {[key: string]: string | undefined} = { 'logs.date': 'Date', 'logs.selectCharacter': 'Select a character...', 'logs.selectConversation': 'Select a conversation...', - 'logs.selectDate': 'Select a date...', + 'logs.allDates': 'Show all', 'user.profile': 'Profile', 'user.message': 'Open conversation', 'user.messageJump': 'View conversation', @@ -172,6 +172,7 @@ Current log location: {1}`, 'settings.defaultHighlights': 'Use global highlight words', 'settings.colorBookmarks': 'Show friends/bookmarks in a different colour', 'settings.beta': 'Opt-in to test unstable prerelease updates', + 'settings.bbCodeBar': 'Show BBCode formatting bar', 'fixLogs.action': 'Fix corrupted logs', 'fixLogs.text': `There are a few reason log files can become corrupted - log files from old versions with bugs that have since been fixed or incomplete file operations caused by computer crashes are the most common. If one of your log files is corrupted, you may get an "Unknown Type" error when you log in or when you open a specific tab. You may also experience other issues. @@ -182,6 +183,7 @@ Once this process has started, do not interrupt it or your logs will get corrupt 'fixLogs.success': 'Your logs have been fixed. If you experience any more issues, please ask in for further assistance in the Helpdesk channel.', 'conversationSettings.title': 'Tab Settings', 'conversationSettings.action': 'Edit settings for {0}', + 'conversationSettings.save': 'Save settings', 'conversationSettings.default': 'Default', 'conversationSettings.true': 'Yes', 'conversationSettings.false': 'No', @@ -286,7 +288,7 @@ Once this process has started, do not interrupt it or your logs will get corrupt 'commands.status': 'Set status', 'commands.status.help': 'Sets your status along with an optional message.', 'commands.status.param0': 'Status', - 'commands.status.param0.help': 'A valid status, namely "online", "busy", "looking", "away", "dnd" or "busy".', + 'commands.status.param0.help': 'A valid status, namely "online", "busy", "looking", "away" or "dnd".', 'commands.status.param1': 'Message', 'commands.status.param1.help': 'An optional status message of up to 255 bytes.', 'commands.priv': 'Open conversation', diff --git a/chat/notifications.ts b/chat/notifications.ts index c2a3c58..a15a07d 100644 --- a/chat/notifications.ts +++ b/chat/notifications.ts @@ -11,26 +11,45 @@ export default class Notifications implements Interface { conversation !== core.conversations.selectedConversation || core.state.settings.alwaysNotify); } - notify(conversation: Conversation, title: string, body: string, icon: string, sound: string): void { + async notify(conversation: Conversation, title: string, body: string, icon: string, sound: string): Promise { if(!this.shouldNotify(conversation)) return; - this.playSound(sound); - if(core.state.settings.notifications) { - /*tslint:disable-next-line:no-object-literal-type-assertion*///false positive - const notification = new Notification(title, {body, icon, silent: true}); + await this.playSound(sound); + if(core.state.settings.notifications && (Notification).permission === 'granted') { //tslint:disable-line:no-any + const notification = new Notification(title, this.getOptions(conversation, body, icon)); notification.onclick = () => { conversation.show(); window.focus(); notification.close(); }; + window.setTimeout(() => { + notification.close(); + }, 5000); } } - playSound(sound: string): void { + getOptions(conversation: Conversation, body: string, icon: string): + NotificationOptions & {badge: string, silent: boolean, renotify: boolean} { + const badge = require(`./assets/ic_notification.png`); //tslint:disable-line:no-require-imports + return { + body, icon: core.state.settings.showAvatars ? icon : undefined, badge, silent: true, data: {key: conversation.key}, + tag: conversation.key, renotify: true + }; + } + + async playSound(sound: string): Promise { if(!core.state.settings.playSound) return; - const id = `soundplayer-${sound}`; - let audio = document.getElementById(id); - if(audio === null) { - audio = document.createElement('audio'); + const audio = document.getElementById(`soundplayer-${sound}`); + audio.volume = 1; + audio.muted = false; + return audio.play(); + } + + initSounds(sounds: ReadonlyArray): Promise { //tslint:disable-line:promise-function-async + const promises = []; + for(const sound of sounds) { + const id = `soundplayer-${sound}`; + if(document.getElementById(id) !== null) continue; + const audio = document.createElement('audio'); audio.id = id; for(const name in codecs) { const src = document.createElement('source'); @@ -39,9 +58,14 @@ export default class Notifications implements Interface { src.src = require(`./assets/${sound}.${codecs[name]}`); audio.appendChild(src); } + document.body.appendChild(audio); + audio.volume = 0; + audio.muted = true; + const promise = audio.play(); + if(promise instanceof Promise) + promises.push(promise); } - //tslint:disable-next-line:no-floating-promises - audio.play(); + return Promise.all(promises); //tslint:disable-line:no-any } async requestPermission(): Promise { diff --git a/chat/profile_api.ts b/chat/profile_api.ts index 09402dd..67c37b4 100644 --- a/chat/profile_api.ts +++ b/chat/profile_api.ts @@ -40,7 +40,7 @@ async function characterData(name: string | undefined): Promise { }; const newKinks: {[key: string]: KinkChoiceFull} = {}; for(const key in data.kinks) - newKinks[key] = (data.kinks[key] === 'fave' ? 'favorite' : data.kinks[key]); + newKinks[key] = (data.kinks[key] === 'fave' ? 'favorite' : data.kinks[key]); const newCustoms: CharacterCustom[] = []; for(const key in data.custom_kinks) { const custom = data.custom_kinks[key]; diff --git a/chat/slash_commands.ts b/chat/slash_commands.ts index 82187df..0bc307c 100644 --- a/chat/slash_commands.ts +++ b/chat/slash_commands.ts @@ -281,18 +281,12 @@ const commands: {readonly [key: string]: Command | undefined} = { params: [{type: ParamType.Character}] }, closeroom: { - exec: (conv: ChannelConversation) => { - core.connection.send('RST', {channel: conv.channel.id, status: 'private'}); - core.connection.send('ORS'); - }, + exec: (conv: ChannelConversation) => core.connection.send('RST', {channel: conv.channel.id, status: 'private'}), permission: Permission.RoomOwner, context: CommandContext.Channel }, openroom: { - exec: (conv: ChannelConversation) => { - core.connection.send('RST', {channel: conv.channel.id, status: 'public'}); - core.connection.send('ORS'); - }, + exec: (conv: ChannelConversation) => core.connection.send('RST', {channel: conv.channel.id, status: 'public'}), permission: Permission.RoomOwner, context: CommandContext.Channel }, diff --git a/components/Dropdown.vue b/components/Dropdown.vue index 1673fb9..47cc6de 100644 --- a/components/Dropdown.vue +++ b/components/Dropdown.vue @@ -1,11 +1,11 @@