Using XyJax-v3 with Markdown-It-MathJax3

[ych817]

I will post my question in here , As @dpvc said : )

Thank you @dpvc . I have done the following inside my local " markdown-it-mathjax3 " project folder :

1. npm install git://github.com/sonoisa/XyJax-v3.git to make xyjax folder show up inside my node_modules
2. import 'xyjax/src/core/XypicConfiguration.js'; in index.ts

but how to append import "xyjax" to AllPackages ? Here is the relevant code in index.ts of markdown-it-mathjax3 :

import { AllPackages } from "mathjax-full/js/input/tex/AllPackages.js";

...

function plugin(md: MarkdownIt, options: any) {
  // Default options

  const documentOptions = {
    InputJax: new TeX({ packages: AllPackages, ...options?.tex }),
    OutputJax: new SVG({ fontCache: 'none', ...options?.svg })
  }
  const convertOptions = {
    display: false
  }

  ....
}

---

I tried to put import 'xyjax/src/core/XypicConfiguration.js'; inside ./markdown-it-mathjax3/node_modules/mathjax-full/js/input/tex/AllPackages.d.ts and then type npm run build , seems like nothing changed ...

Here is my package.json for my vitepress project :

{
  "private": true,
  "type": "module",
  "scripts": {
    "docs:dev": "vitepress dev docs",
    "docs:build": "vitepress build docs",
    "docs:preview": "vitepress preview docs"
  },
  "devDependencies": {
    "markdown-it-mathjax3": "file:../markdown-it-mathjax3",
    "vitepress": "latest"
  }
}

not sure if this is the correct way for linking to my local markdown-it-mathjax3 project .

[dpvc]

how to append import "xyjax" to AllPackages

There are two natural ways that could be done. One would be to do

    InputJax: new TeX({ packages: [...AllPackages, 'xyjax'], ...options?.tex }),

to make a new array that has everything from AllPackages, plus the 'xyjax' package. Alternatively you could do

AllPackages.push('xyjax');

just after importing AllPackages in order to add 'xyjax' to the end of that array. Either way should work.

[ych817]

Thank you for your immediate reply : ) I tried the second way to append xypic to AllPackages , however after I finish the compilation and run npm run docs:dev in my vitepress project , I got this in my browser :

I run my node.js inside WSL , my markdown-it-mathjax3 clone and my vitepress project are in the Arena folder .

do I need to create an XypicConfiguration.d.ts for xyjax-v3 ? Below is the BussproofsConfiguration.d.ts :

import { Configuration } from '../Configuration.js';
import './BussproofsMappings.js';
export declare const BussproofsConfiguration: Configuration;