github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-07 20:31:06 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #2408 from overleaf/as-dynamic-public-path

Browse source 
Fetch dynamically fetched scripts from CDN

GitOrigin-RevId: b480f261a6b4ba2d6a8819fd0e7a354605ed9a82
This commit is contained in:
Hugh O'Brien 2019-12-04 12:02:02 +00:00 committed by sharelatex
parent 01c89d3af2
commit 687d3c1b22
4 changed files with 22 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
services/web/app/src/infrastructure/ExpressLocals.js
View file

@ -78,6 +78,12 @@ module.exports = function(webRouter, privateApiRouter, publicApiRouter) {
staticFilesBase = ''
}
res.locals.buildBaseAssetPath = function() {
// Return the base asset path (including the CDN url) so that webpack can
// use this to dynamically fetch scripts (e.g. PDFjs worker)
return Url.resolve(staticFilesBase, '/')
}
res.locals.buildJsPath = function(jsFile) {
let path
if (IS_DEV_ENV) {
@ -89,7 +95,7 @@ module.exports = function(webRouter, privateApiRouter, publicApiRouter) {
// In production: resolve path from webpack manifest file
// We are guaranteed to have a manifest file since webpack compiles in
// the build
path = webpackManifest[jsFile]
path = `/${webpackManifest[jsFile]}`
}
return Url.resolve(staticFilesBase, path)
@ -97,7 +103,7 @@ module.exports = function(webRouter, privateApiRouter, publicApiRouter) {
// Temporary hack while jQuery/Angular dependencies are *not* bundled,
// instead copied into output directory
res.locals.buildCopiedJsAssetPath = function(jsFile, opts = {}) {
res.locals.buildCopiedJsAssetPath = function(jsFile) {
let path
if (IS_DEV_ENV) {
// In dev: resolve path to root directory
@ -108,27 +114,17 @@ module.exports = function(webRouter, privateApiRouter, publicApiRouter) {
// In production: resolve path from webpack manifest file
// We are guaranteed to have a manifest file since webpack compiles in
// the build
path = webpackManifest[jsFile]
path = `/${webpackManifest[jsFile]}`
}
if (opts.cdn !== false) {
path = Url.resolve(staticFilesBase, path)
}
if (opts.qs) {
path = path + '?' + querystring.stringify(opts.qs)
}
return path
return Url.resolve(staticFilesBase, path)
}
res.locals.mathJaxPath = res.locals.buildCopiedJsAssetPath(
'js/libs/mathjax/MathJax.js',
res.locals.mathJaxPath = `/js/libs/mathjax/MathJax.js?${querystring.stringify(
{
cdn: false,
qs: { config: 'TeX-AMS_HTML,Safe' }
config: 'TeX-AMS_HTML,Safe'
}
)
)}`
res.locals.lib = PackageVersions.lib
@ -169,7 +165,7 @@ module.exports = function(webRouter, privateApiRouter, publicApiRouter) {
// In production: resolve path from webpack manifest file
// We are guaranteed to have a manifest file since webpack compiles in
// the build
path = webpackManifest[cssFileName]
path = `/${webpackManifest[cssFileName]}`
}
return Url.resolve(staticFilesBase, path)

3
services/web/app/views/layout.pug
View file

@ -47,6 +47,9 @@ html(
script(type="text/javascript").
window.csrfToken = "#{csrfToken}";
//- Configure dynamically loaded assets (via webpack) to be downloaded from CDN
//- See: https://webpack.js.org/guides/public-path/#on-the-fly
window.baseAssetPath = "#{buildBaseAssetPath()}"
script(src=buildCopiedJsAssetPath('js/libs/jquery-1.11.1.min.js'))
script(type="text/javascript").

5
services/web/frontend/js/base.js
View file

@ -14,6 +14,11 @@
* DS207: Consider shorter variations of null checks
* Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
*/
// Configure dynamically loaded assets (via webpack) to be downloaded from CDN
// See: https://webpack.js.org/guides/public-path/#on-the-fly
__webpack_public_path__ = window.baseAssetPath
define([
'libraries',
'libs/polyfills/symbol',

3
services/web/webpack.config.js
View file

@ -41,9 +41,6 @@ module.exports = {
output: {
path: path.join(__dirname, '/public'),
// Serve from the root of public directory
publicPath: '/',
// By default write into js directory
filename: 'js/[name].js',