Fix client html cache on theme update

pull/4867/head
Chocobozzz 2022-03-17 09:09:06 +01:00
parent 52fe4b671a
commit 2769876fb2
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
5 changed files with 87 additions and 52 deletions

View File

@ -12,7 +12,6 @@ import { HTMLServerConfig } from '@shared/models'
import { buildFileLocale, getDefaultLocale, is18nLocale, POSSIBLE_LOCALES } from '../../shared/core-utils/i18n/i18n'
import { HttpStatusCode } from '../../shared/models/http/http-error-codes'
import { VideoPlaylistPrivacy, VideoPrivacy } from '../../shared/models/videos'
import { isTestInstance } from '../helpers/core-utils'
import { logger } from '../helpers/logger'
import { CONFIG } from '../initializers/config'
import {
@ -231,7 +230,7 @@ class ClientHtml {
static async getEmbedHTML () {
const path = ClientHtml.getEmbedPath()
if (!isTestInstance() && ClientHtml.htmlCache[path]) return ClientHtml.htmlCache[path]
if (ClientHtml.htmlCache[path]) return ClientHtml.htmlCache[path]
const buffer = await readFile(path)
const serverConfig = await ServerConfigManager.Instance.getHTMLServerConfig()
@ -303,7 +302,7 @@ class ClientHtml {
private static async getIndexHTML (req: express.Request, res: express.Response, paramLang?: string) {
const path = ClientHtml.getIndexPath(req, res, paramLang)
if (!isTestInstance() && ClientHtml.htmlCache[path]) return ClientHtml.htmlCache[path]
if (ClientHtml.htmlCache[path]) return ClientHtml.htmlCache[path]
const buffer = await readFile(path)
const serverConfig = await ServerConfigManager.Instance.getHTMLServerConfig()

View File

@ -277,6 +277,8 @@ export class PluginManager implements ServerHook {
logger.info('Regenerating registered plugin CSS to global file.')
await this.regeneratePluginGlobalCSS()
}
ClientHtml.invalidCache()
}
// ###################### Installation ######################
@ -419,6 +421,8 @@ export class PluginManager implements ServerHook {
}
await this.addTranslations(plugin, npmName, packageJSON.translations)
ClientHtml.invalidCache()
}
private async registerPlugin (plugin: PluginModel, pluginPath: string, packageJSON: PluginPackageJSON) {
@ -473,8 +477,6 @@ export class PluginManager implements ServerHook {
// ###################### CSS ######################
private resetCSSGlobalFile () {
ClientHtml.invalidCache()
return outputFile(PLUGIN_GLOBAL_CSS_PATH, '')
}
@ -482,8 +484,6 @@ export class PluginManager implements ServerHook {
for (const cssPath of cssRelativePaths) {
await this.concatFiles(join(pluginPath, cssPath), PLUGIN_GLOBAL_CSS_PATH)
}
ClientHtml.invalidCache()
}
private concatFiles (input: string, output: string) {

View File

@ -122,7 +122,10 @@ describe('Test video editor API validator', function () {
})
it('Should fail with an already in transcoding state video', async function () {
this.timeout(30000)
const { uuid } = await server.videos.quickUpload({ name: 'transcoded video' })
await waitJobs([ server ])
await server.jobs.pauseJobQueue()
await server.videos.runTranscoding({ videoId: uuid, transcodingType: 'hls' })

View File

@ -95,15 +95,15 @@ describe('Test plugins', function () {
})
it('Should have the plugin loaded in the configuration', async function () {
const config = await server.config.getConfig()
for (const config of [ await server.config.getConfig(), await server.config.getIndexHTMLConfig() ]) {
const theme = config.theme.registered.find(r => r.name === 'background-red')
expect(theme).to.not.be.undefined
expect(theme.npmName).to.equal('peertube-theme-background-red')
const theme = config.theme.registered.find(r => r.name === 'background-red')
expect(theme).to.not.be.undefined
expect(theme.npmName).to.equal('peertube-theme-background-red')
const plugin = config.plugin.registered.find(r => r.name === 'hello-world')
expect(plugin).to.not.be.undefined
expect(plugin.npmName).to.equal('peertube-plugin-hello-world')
const plugin = config.plugin.registered.find(r => r.name === 'hello-world')
expect(plugin).to.not.be.undefined
expect(plugin.npmName).to.equal('peertube-plugin-hello-world')
}
})
it('Should update the default theme in the configuration', async function () {
@ -113,8 +113,9 @@ describe('Test plugins', function () {
}
})
const config = await server.config.getConfig()
expect(config.theme.default).to.equal('background-red')
for (const config of [ await server.config.getConfig(), await server.config.getIndexHTMLConfig() ]) {
expect(config.theme.default).to.equal('background-red')
}
})
it('Should update my default theme', async function () {
@ -228,45 +229,62 @@ describe('Test plugins', function () {
})
it('Should update the plugin and the theme', async function () {
this.timeout(90000)
this.timeout(180000)
// Wait the scheduler that get the latest plugins versions
await wait(6000)
// Fake update our plugin version
await server.sql.setPluginVersion('hello-world', '0.0.1')
async function testUpdate (type: 'plugin' | 'theme', name: string) {
// Fake update our plugin version
await server.sql.setPluginVersion(name, '0.0.1')
// Fake update package.json
const packageJSON = await command.getPackageJSON('peertube-plugin-hello-world')
const oldVersion = packageJSON.version
// Fake update package.json
const packageJSON = await command.getPackageJSON(`peertube-${type}-${name}`)
const oldVersion = packageJSON.version
packageJSON.version = '0.0.1'
await command.updatePackageJSON('peertube-plugin-hello-world', packageJSON)
packageJSON.version = '0.0.1'
await command.updatePackageJSON(`peertube-${type}-${name}`, packageJSON)
// Restart the server to take into account this change
await killallServers([ server ])
await server.run()
// Restart the server to take into account this change
await killallServers([ server ])
await server.run()
{
const body = await command.list({ pluginType: PluginType.PLUGIN })
const checkConfig = async (version: string) => {
for (const config of [ await server.config.getConfig(), await server.config.getIndexHTMLConfig() ]) {
expect(config[type].registered.find(r => r.name === name).version).to.equal(version)
}
}
const plugin = body.data[0]
expect(plugin.version).to.equal('0.0.1')
expect(plugin.latestVersion).to.exist
expect(plugin.latestVersion).to.not.equal('0.0.1')
const getPluginFromAPI = async () => {
const body = await command.list({ pluginType: type === 'plugin' ? PluginType.PLUGIN : PluginType.THEME })
return body.data.find(p => p.name === name)
}
{
const plugin = await getPluginFromAPI()
expect(plugin.version).to.equal('0.0.1')
expect(plugin.latestVersion).to.exist
expect(plugin.latestVersion).to.not.equal('0.0.1')
await checkConfig('0.0.1')
}
{
await command.update({ npmName: `peertube-${type}-${name}` })
const plugin = await getPluginFromAPI()
expect(plugin.version).to.equal(oldVersion)
const updatedPackageJSON = await command.getPackageJSON(`peertube-${type}-${name}`)
expect(updatedPackageJSON.version).to.equal(oldVersion)
await checkConfig(oldVersion)
}
}
{
await command.update({ npmName: 'peertube-plugin-hello-world' })
const body = await command.list({ pluginType: PluginType.PLUGIN })
const plugin = body.data[0]
expect(plugin.version).to.equal(oldVersion)
const updatedPackageJSON = await command.getPackageJSON('peertube-plugin-hello-world')
expect(updatedPackageJSON.version).to.equal(oldVersion)
}
await testUpdate('theme', 'background-red')
await testUpdate('plugin', 'hello-world')
})
it('Should uninstall the plugin', async function () {
@ -293,15 +311,15 @@ describe('Test plugins', function () {
})
it('Should have updated the configuration', async function () {
const config = await server.config.getConfig()
for (const config of [ await server.config.getConfig(), await server.config.getIndexHTMLConfig() ]) {
expect(config.theme.default).to.equal('default')
expect(config.theme.default).to.equal('default')
const theme = config.theme.registered.find(r => r.name === 'background-red')
expect(theme).to.be.undefined
const theme = config.theme.registered.find(r => r.name === 'background-red')
expect(theme).to.be.undefined
const plugin = config.plugin.registered.find(r => r.name === 'hello-world')
expect(plugin).to.be.undefined
const plugin = config.plugin.registered.find(r => r.name === 'hello-world')
expect(plugin).to.be.undefined
}
})
it('Should have updated the user theme', async function () {

View File

@ -123,6 +123,21 @@ export class ConfigCommand extends AbstractCommand {
})
}
async getIndexHTMLConfig (options: OverrideCommandOptions = {}) {
const text = await this.getRequestText({
...options,
path: '/',
implicitToken: false,
defaultExpectedStatus: HttpStatusCode.OK_200
})
const match = text.match('<script type="application/javascript">window.PeerTubeServerConfig = (".+?")</script>')
// We parse the string twice, first to extract the string and then to extract the JSON
return JSON.parse(JSON.parse(match[1])) as ServerConfig
}
getAbout (options: OverrideCommandOptions = {}) {
const path = '/api/v1/config/about'