Is it possible to use xyjax with rehype-mathjax ?

[ych817]

Greetings , I would like to know is it possible to use the following configuration with rehype-mathjax ?

MathJax = {
  loader: {
    load: [],                                    // array of components to load
    ready: Loader.defaultReady.bind(Loader),     // function to call when everything is loaded
    failed: function (error) {                   // function to call if a component fails to load
      console.log(`MathJax(${error.package || '?'}): ${error.message}`);
    },
    paths: {mathjax: Loader.getRoot()},          // the path prefixes for use in specifying components
    source: {},                                  // the URLs for components, when defaults aren't right
    dependencies: {},                            // arrays of dependencies for each component
    provides: {},                                // components provided by each component
    require: null,                               // function to use for loading components
    pathFlters: []                               // functions to use to process package names
  }
};

I tried to integrate xyjax with rehype-mathjax in my astro blog .

Here is the readme.md for xyjax-v3 :

Hosting your own copy of XyJax-v3

(ref. test/sample-xyjax-v3-chtml.html and test/sample-xyjax-v3-svg.html)

Download build/xypic.js. The rest of the files are not necessary for use.

In your html, configure it to load the xypic.js you downloaded.

<script> MathJax = { loader: { load: ['[custom]/xypic.js'], paths: {custom: '.'} // specify the path where xypic.js is located. // This example assumes that xypic.js is in the same place as html. }, tex: { packages: {'[+]': ['xypic']} } }; </script> <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/[email protected]/es5/tex-chtml-full.js"></script>

So here is my astro.config.mjs file ; however I cannot got my xymatrix rendered correctly .

import { defineConfig } from 'astro/config';
import preact from "@astrojs/preact";
import expressiveCode from 'astro-expressive-code';
import remarkMath from 'remark-math';
import rehypeMathJax from 'rehype-mathjax';

// https://astro.build/config
export default defineConfig({
  site: "https://example.com",
  markdown: {
    remarkPlugins: [remarkMath],
    rehypePlugins: [
      [rehypeMathJax, {
        MathJax: {
          loader: {
            load: ['[custom]/xypic.js'],
            paths: {custom: 'https://cdn.jsdelivr.net/gh/sonoisa/[email protected]/build/'}
          },
          tex: {
            packages: {'[+]': ['xypic']}
          }
        }
      }]
    ]
  },
  integrations: [// astroExpressiveCode({
    preact(), expressiveCode()]
});

[wooorm]

Hi!

The options for rehype-mathjax are explained in its readme: https://github.com/remarkjs/remark-math/tree/main/packages/rehype-mathjax#options.
Those options do not include the options you specify above (your MathJax field).

I do not know xyjax-v3.
From its readme, it seems unmaintained and unfinished.
It also looks like a fork of mathjax than an extension.

rehype-mathjax does not let you swap in a fork of mathjax.
You can create your own fork of rehype-mathjax to support different forks of mathjax.