Problems with rustdoc integration (already set some assess model before)

[obsoleszenz]

Hey I'm currently trying to integrate typst into rustdocs, similar how it's already possible with katex (https://github.com/paulkernfeld/rustdoc-katex-demo).

I'm using this typst-headers.html:

<script
  type="module"
  src="https://cdn.jsdelivr.net/npm/@myriaddreamin/typst.ts/dist/esm/contrib/all-in-one-lite.bundle.js"
  id="typst"
></script>
<script>

  document.getElementById('typst').addEventListener('load', function () {
    $typst.setCompilerInitOptions({
      getModule: () =>
        'https://cdn.jsdelivr.net/npm/@myriaddreamin/typst-ts-web-compiler/pkg/typst_ts_web_compiler_bg.wasm',
    });
    $typst.setRendererInitOptions({
      getModule: () =>
        'https://cdn.jsdelivr.net/npm/@myriaddreamin/typst-ts-renderer/pkg/typst_ts_renderer_bg.wasm',
    });

    const paragraphs = document.querySelectorAll('p');
    paragraphs.forEach(p => {
      if (!p.textContent.startsWith('$') || !p.textContent.endsWith('$')) {
        return;
      }
      
      console.log(p);
      let mainContent = p.textContent;
        $typst.svg({ mainContent }).then(svg => {
          <!-- console.log(`svg=${svg}`); -->
          const dom_parser = new DOMParser();
          const svg_document = dom_parser.parseFromString(svg, 'text/html');
          console.log(svg_document)
          const svg_element = svg_document.querySelector("svg");
          svg_element.removeAttribute('width')
          svg_element.removeAttribute('height')
        
          let svg_height = svg_element.getAttribute('data-height')
          let svg_width = svg_element.getAttribute('data-width')
        
          svg_element.setAttribute('viewBox', `240, 60 ${svg_width} ${svg_height}`)
        
          p.style.display = 'none';
          p.style.marginTop = '-40px';

          p.parentNode.insertBefore(svg_element, p.nextSibling);
        
        }, err => {
          console.error(err)
          
        });
        
    });
    document.q
  });
</script>

The problem i'm getting is that, as soon as there's two different <p>$...$</p> on the page, $typst seems to bail with the error Error: already set some assess model before. Any ideas what the problem could be?

[Myriad-Dreamin]

You must initialize the compiler exactly once. It is also inefficient if we do allow you initialize it repeatly.

Edit: After reading it carefully, I think there is no obvious error in your code, I should investigate by running it in local to tell the reason.

[obsoleszenz]

You must initialize the compiler exactly once. It is also inefficient if we do allow you initialize it repeatly.

Edit: After reading it carefully, I think there is no obvious error in your code, I should investigate by running it in local to tell the reason.

Yes I think i'm initializing the compiler only once as soon as the esm module is loaded.
I will try to create an example repo to easily reproduce this problem.

[obsoleszenz]

I created a demo repo (converted rustdoc-katex-demo)

See https://codeberg.org/obsoleszenz/rustdoc-typst-demo.git
You can build and open it in a browser with ./scripts/build-docs --open

I also added some print debugging and I'm really initialyzing typst-ts only once. The second call to $typst.svg() seems to cause the problem though.

[supersurviveur]

Get the same error trying to acheive the same thing using the code from katex renderer.
If $typst.svg are rendered in the same <p> tag there is no problem.

[obsoleszenz]

Get the same error trying to acheive the same thing using the code from katex renderer. If $typst.svg are rendered in the same <p> tag there is no problem.

Good to know! Then this might be the moment to transfer this to the issue tracker?