Solution for offline workflow? (rendering and viewing without Internet access)

[knuesel]

Description

Is there a way to fully render a Quarto file with math while being offline?

For example rendering the following with quarto render math.qmd

---
embed-resources: true
self-contained-math: true
---

$$
x^2 = 4
$$

shows the following messages:

[WARNING] Could not fetch resource https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=es6: HttpExceptionRequest Request {
    host                 = "cdnjs.cloudflare.com"
    port                 = 443
    secure               = True
    requestHeaders       = []
    path                 = "/polyfill/v3/polyfill.min.js"
    queryString          = "?features=es6"
    method               = "GET"
    proxy                = Nothing
    rawBody              = False
    redirectCount        = 10
    responseTimeout      = ResponseTimeoutDefault
    requestVersion       = HTTP/1.1
    proxySecureMode      = ProxySecureWithConnect
  }
   (ConnectionFailure Network.Socket.getAddrInfo (called with preferred socket type/protocol: AddrInfo {addrFlags = [AI_ADDRCONFIG], addrFamily = AF_UNSPEC, addrSocketType = Stream, addrProtocol = 0, addrAddress = 0.0.0.0:0, addrCanonName = Nothing}, host name: Just "cdnjs.cloudflare.com", service name: Just "443"): does not exist (Try again))
[WARNING] Could not fetch resource https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js: HttpExceptionRequest Request {
    host                 = "cdn.jsdelivr.net"
    port                 = 443
    secure               = True
    requestHeaders       = []
    path                 = "/npm/mathjax@3/es5/tex-chtml-full.js"
    queryString          = ""
    method               = "GET"
    proxy                = Nothing
    rawBody              = False
    redirectCount        = 10
    responseTimeout      = ResponseTimeoutDefault
    requestVersion       = HTTP/1.1
    proxySecureMode      = ProxySecureWithConnect
  }
   (ConnectionFailure Network.Socket.getAddrInfo (called with preferred socket type/protocol: AddrInfo {addrFlags = [AI_ADDRCONFIG], addrFamily = AF_UNSPEC, addrSocketType = Stream, addrProtocol = 0, addrAddress = 0.0.0.0:0, addrCanonName = Nothing}, host name: Just "cdn.jsdelivr.net", service name: Just "443"): does not exist (Try again))
Output created: math.html

and opening the HTML page I see \[ x^2 = 4 \] instead of rendered math.

I'm thinking maybe a way to have quarto use a local cache for the CDN resources, that could be populated once while online and use thereafter?

[mcanouil]

WHich format are you using? And which version of Quarto?

There is a known issue for revealjs:

• self-contained-math:true in reveal.js format still require internet access #9404

[knuesel]

Sorry, please ignore the Could not fetch resource error mentioned above: I had forgotten to rename tex-chtml-full.js to mathjax.js.

I can get the MathJax rendering with url: ./mathjax.js but the math font is wrong. For example the following document

---
format: html
html-math-method:
  method: mathjax
  url: ./mathjax.js
---

$$
\mathcal{X} \in \mathbb{R}
$$

renders as

while after commenting out the url: line I get the correct rendering:

Note that this font problem can also occur when I'm not using the url: option, for example the following document also gives the wrong font:

---
format: html
embed-resources: true
self-contained-math: true
---

$$
\mathcal{X} \in \mathbb{R}
$$

[mcanouil]

Maybe related to polyfill or to the missing fonts warnings.

[cscheid]

Another option here might be to use MathML. Its support is not perfect in many browsers, but it's been improving, and it's acceptably good in Firefox.

[knuesel]

Ah yes MathML looks like a promising solution, especially now that Chrome finally supports it. I'll try and see how well it works.

[AFg6K7h4fhy2]

Any updates on this? Specifically, on fixing of fonts path errors. E.g.

output/chtml/fonts/woff-v2/MathJax_Zero.woff (404: Not Found)

[likanzhan]

Any update on this?

[cderv]

Did you try recently? Polyfill is no longer used. So the OP is now outdated.

With mathjax, there still maybe font problem as they are probably not embded - this would still require download mathjax, and setting the url to local;

Using html-math-method: katex may not have this font issue;

If you have a new issue with this, please share details. Thank you

[likanzhan]

I guess that my problem is related to bibliography ?

Could not fetch http://www.zotero.org/styles/multidisciplinary-digital-publishing-institute
HttpExceptionRequest Request {
  host                 = "www.zotero.org"
  port                 = 80
  secure               = False
  requestHeaders       = []
  path                 = "/styles/multidisciplinary-digital-publishing-institute"
  queryString          = ""
  method               = "GET"
  proxy                = Nothing
  rawBody              = False
  redirectCount        = 10
  responseTimeout      = ResponseTimeoutDefault
  requestVersion       = HTTP/1.1
  proxySecureMode      = ProxySecureWithConnect
}
 (ConnectionFailure Network.Socket.getAddrInfo (called with preferred socket type/protocol: AddrInfo {addrFlags = [], addrFamily = AF_UNSPEC, addrSocketType = Stream, addrProtocol = 0, addrAddress = 0.0.0.0:0, addrCanonName = Nothing}, host name: "www.zotero.org", service name: "80"): does not exist (nodename nor servname provided, or not known))

Thanks

[mcanouil]

Please open a new discussion and share a small and simple reproducible example following the guidelines provided when opening a new Q&A discussion.
Thanks.

[cderv]

I guess that my problem is related to bibliography

yes probably. Please open a new Question as asked.

General comment though: Doing a embed-resources: true document does not mean you can't have internet access at the place where you render. This is meant to produce an output with only local resources. But if your resources are online at the time of rendering, Quarto (and pandoc) will require internet access to download them first before being able to embed them.

The error you see is a Pandoc error, and it probably means

• (a) you have your CSL file online
• (b) you can't access internet for some reason and this CSL can't be retrieved as expected.

Hope it helps. If not enough, please open a new topic.

Thanks !

[likanzhan]

I created a discussion #12748