matty/peertube-plugin-livechat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix linting

Browse Source
This commit is contained in:
Mehdi Benadel
2024-05-23 22:52:39 +02:00
parent f549142ae4
commit fb7f44692c
10 changed files with 282 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
client/common/lib/directives/translation.ts
View File

@ -2,59 +2,59 @@
//
// SPDX-License-Identifier: AGPL-3.0-only
import { PartInfo, directive } from 'lit/directive.js'
import { /* PartInfo, */ directive } from 'lit/directive.js'
import { AsyncDirective } from 'lit/async-directive.js'
import { RegisterClientHelpers } from '@peertube/peertube-types/client';
import { unsafeHTML } from 'lit/directives/unsafe-html.js';
import { html } from 'lit';
import { RegisterClientHelpers } from '@peertube/peertube-types/client'
import { unsafeHTML } from 'lit/directives/unsafe-html.js'
import { html } from 'lit'
export class TranslationDirective extends AsyncDirective {
private readonly _peertubeHelpers?: RegisterClientHelpers
private _peertubeHelpers?: RegisterClientHelpers
private _translatedValue: string = ''
private _localizationId: string = ''
private _translatedValue : string = ''
private _localizationId : string = ''
private _allowUnsafeHTML = false
private _allowUnsafeHTML = false
// constructor (partInfo: PartInfo) {
// super(partInfo)
constructor(partInfo: PartInfo) {
super(partInfo);
// _peertubeOptionsPromise.then((options) => this._peertubeHelpers = options.peertubeHelpers)
// }
//_peertubeOptionsPromise.then((options) => this._peertubeHelpers = options.peertubeHelpers)
// update = (part: ElementPart) => {
// if (part) console.log(`Element : ${part?.element?.getAttributeNames?.().join(' ')}`);
// return this.render(this._localizationId);
// }
public override render = (locId: string, allowHTML: boolean = false): unknown => {
this._localizationId = locId // TODO Check current component for context (to infer the prefix)
this._allowUnsafeHTML = allowHTML
if (this._translatedValue === '') {
this._translatedValue = locId
}
// update = (part: ElementPart) => {
// if (part) console.log(`Element : ${part?.element?.getAttributeNames?.().join(' ')}`);
// return this.render(this._localizationId);
// }
this._asyncUpdateTranslation().then(() => {}, () => {})
override render = (locId: string, allowHTML: boolean = false) => {
this._localizationId = locId // TODO Check current component for context (to infer the prefix)
return this._internalRender()
}
this._allowUnsafeHTML = allowHTML
private readonly _internalRender = (): unknown => {
return this._allowUnsafeHTML ? html`${unsafeHTML(this._translatedValue)}` : this._translatedValue
}
if (this._translatedValue === '') {
this._translatedValue = locId
}
private readonly _asyncUpdateTranslation = async (): Promise<true> => {
const newValue = await this._peertubeHelpers?.translate(this._localizationId) ?? ''
this._asyncUpdateTranslation().then(() => {}, () => {})
return this._internalRender()
if (newValue !== '' && newValue !== this._translatedValue) {
this._translatedValue = newValue
this.setValue(this._internalRender())
}
_internalRender = () => {
return this._allowUnsafeHTML ? html`${unsafeHTML(this._translatedValue)}` : this._translatedValue
}
_asyncUpdateTranslation = async () => {
let newValue = await this._peertubeHelpers?.translate(this._localizationId) ?? ''
if (newValue !== '' && newValue !== this._translatedValue) {
this._translatedValue = newValue
this.setValue(this._internalRender())
}
}
return true
}
}
export const ptTr = directive(TranslationDirective)