Merge pull request #49 from mathjax/v4-samples

Update samples to work with v4 loaders
mathjax · Feb 2, 2024 · a3c930e · a3c930e
2 parents 4ae412b + 6aba36a
commit a3c930e
Show file tree

Hide file tree

Showing 99 changed files with 1,299 additions and 511 deletions.
diff --git a/samples/asciimath-document.js b/samples/asciimath-document.js
@@ -1,9 +1,9 @@
-import {mathjax} from '../mathjax3/js/mathjax.js';
+import {mathjax} from 'mathjax-full/js/mathjax.js';
 
-import {AsciiMath} from '../mathjax3/js/input/asciimath.js';
-import {CHTML} from '../mathjax3/js/output/chtml.js';
+import {AsciiMath} from 'mathjax-full/js/input/asciimath.js';
+import {CHTML} from 'mathjax-full/js/output/chtml.js';
 import {adaptor, htmlDocument} from './lib/chooseHTML.js';
-import {STATE} from '../mathjax3/js/core/MathItem.js';
+import {STATE} from 'mathjax-full/js/core/MathItem.js';
 
 const OPTIONS = {
   InputJax: new AsciiMath(),

diff --git a/samples/asciimath-json.js b/samples/asciimath-json.js
@@ -1,17 +1,17 @@
-import {mathjax} from '../mathjax3/js/mathjax.js';
+import {mathjax} from 'mathjax-full/js/mathjax.js';
 
-import {AsciiMath} from '../mathjax3/js/input/asciimath.js';
-import {RegisterHTMLHandler} from '../mathjax3/js/handlers/html.js';
-import {chooseAdaptor} from '../mathjax3/js/adaptors/chooseAdaptor.js';
-import {STATE} from '../mathjax3/js/core/MathItem.js';
+import {AsciiMath} from 'mathjax-full/js/input/asciimath.js';
+import {RegisterHTMLHandler} from 'mathjax-full/js/handlers/html.js';
+import {chooseAdaptor} from 'mathjax-full/js/adaptors/chooseAdaptor.js';
+import {STATE} from 'mathjax-full/js/core/MathItem.js';
 
 RegisterHTMLHandler(chooseAdaptor());
 
 const html = mathjax.document('<html></html>', {
   InputJax: new AsciiMath()
 });
 
-import {JsonMmlVisitor} from '../mathjax3/js/core/MmlTree/JsonMmlVisitor.js';
+import {JsonMmlVisitor} from 'mathjax-full/js/core/MmlTree/JsonMmlVisitor.js';
 const visitor = new JsonMmlVisitor();
 const toJSON = (node => visitor.visitTree(node));
 

diff --git a/samples/asciimath2mml-component.js b/samples/asciimath2mml-component.js
@@ -3,11 +3,11 @@ global.MathJax = {
         failed: (error => console.log(`>> MathJax(${error.package || '?'}): ${error.message} ${error.stack}`)),
         load: ['adaptors/liteDOM', 'input/asciimath'],
         paths: {
-            mathjax: '../mathjax3/components/dist',
+            mathjax: 'mathjax-full/components/dist',
 //            mathjax: './components/dist',
-            sre: '../mathjax3/js/a11y/sre-node'
+            sre: 'mathjax-full/js/a11y/sre-node'
         },
-        source: require('../mathjax3/components/src/source.js').source,
+        source: require('mathjax-full/components/src/source.js').source,
 //        require: (url) => System.import(url)
         require: require
     },
@@ -25,5 +25,5 @@ global.MathJax = {
 //require('../components/src/tex-chtml/tex-chtml.js');
 
 //require('../components/dist/startup.js');
-require('../mathjax3/components/src/startup/startup.js');
+require('mathjax-full/components/src/startup/startup.js');
 
diff --git a/samples/asciimath2mml.js b/samples/asciimath2mml.js
@@ -1,17 +1,17 @@
-import {mathjax} from '../mathjax3/js/mathjax.js';
+import {mathjax} from 'mathjax-full/js/mathjax.js';
 
-import {AsciiMath} from '../mathjax3/js/input/asciimath.js';
-import {RegisterHTMLHandler} from '../mathjax3/js/handlers/html.js';
-import {chooseAdaptor} from '../mathjax3/js/adaptors/chooseAdaptor.js';
-import {STATE} from '../mathjax3/js/core/MathItem.js';
+import {AsciiMath} from 'mathjax-full/js/input/asciimath.js';
+import {RegisterHTMLHandler} from 'mathjax-full/js/handlers/html.js';
+import {chooseAdaptor} from 'mathjax-full/js/adaptors/chooseAdaptor.js';
+import {STATE} from 'mathjax-full/js/core/MathItem.js';
 
 RegisterHTMLHandler(chooseAdaptor());
 
 let html = mathjax.document('<html></html>', {
   InputJax: new AsciiMath()
 });
 
-import {SerializedMmlVisitor as MmlVisitor} from '../mathjax3/js/core/MmlTree/SerializedMmlVisitor.js';
+import {SerializedMmlVisitor as MmlVisitor} from 'mathjax-full/js/core/MmlTree/SerializedMmlVisitor.js';
 let visitor = new MmlVisitor();
 let toMml = (node => visitor.visitTree(node, html.document));
 

diff --git a/samples/asyncLoad.js b/samples/asyncLoad.js
@@ -1,5 +1,5 @@
-import '../mathjax3/js/util/asyncLoad/node.js';
-import {asyncLoad} from '../mathjax3/js/util/AsyncLoad.js';
+import 'mathjax-full/js/util/asyncLoad/node.js';
+import {asyncLoad} from 'mathjax-full/js/util/AsyncLoad.js';
 
 asyncLoad('../js/util/entities/all.js')
     .then(() => console.log("OK"))

diff --git a/samples/bits.js b/samples/bits.js
@@ -1,4 +1,4 @@
-import {BitFieldClass} from '../mathjax3/js/util/BitField.js';
+import {BitFieldClass} from 'mathjax-full/js/util/BitField.js';
 
 const MyBits = BitFieldClass('test1', 'test2');
 

diff --git a/samples/css.js b/samples/css.js
@@ -1,6 +1,6 @@
-import {CHTML} from '../mathjax3/js/output/chtml.js';
-import {liteAdaptor} from '../mathjax3/js/adaptors/liteAdaptor.js';
-import {HTMLDocument} from '../mathjax3/js/handlers/html/HTMLDocument.js';
+import {CHTML} from 'mathjax-full/js/output/chtml.js';
+import {liteAdaptor} from 'mathjax-full/js/adaptors/liteAdaptor.js';
+import {HTMLDocument} from 'mathjax-full/js/handlers/html/HTMLDocument.js';
 
 const chtml = new CHTML();
 

diff --git a/samples/find-asciimath.js b/samples/find-asciimath.js
@@ -1,6 +1,6 @@
-import {mathjax} from '../mathjax3/js/mathjax.js';
+import {mathjax} from 'mathjax-full/js/mathjax.js';
 
-import {AsciiMath} from '../mathjax3/js/input/asciimath.js';
+import {AsciiMath} from 'mathjax-full/js/input/asciimath.js';
 import {adaptor, htmlDocument} from './lib/chooseHTML.js';
 import {printFound} from './lib/found.js';
 

diff --git a/samples/find-mml.js b/samples/find-mml.js
@@ -1,6 +1,6 @@
-import {mathjax} from '../mathjax3/js/mathjax.js';
+import {mathjax} from 'mathjax-full/js/mathjax.js';
 
-import {MathML} from '../mathjax3/js/input/mathml.js';
+import {MathML} from 'mathjax-full/js/input/mathml.js';
 import {htmlDocument} from './lib/chooseHTML.js';
 
 const OPTIONS = {

diff --git a/samples/find-strings.js b/samples/find-strings.js
@@ -1,6 +1,6 @@
-import {mathjax} from '../mathjax3/js/mathjax.js';
+import {mathjax} from 'mathjax-full/js/mathjax.js';
 
-import {TeX} from '../mathjax3/js/input/tex.js';
+import {TeX} from 'mathjax-full/js/input/tex.js';
 import {adaptor, htmlDocument} from './lib/chooseHTML.js';
 import {printFound} from './lib/found.js';
 

diff --git a/samples/find-tex-dollars.js b/samples/find-tex-dollars.js
@@ -1,7 +1,7 @@
-import {mathjax} from '../mathjax3/js/mathjax.js';
+import {mathjax} from 'mathjax-full/js/mathjax.js';
 
-import {TeX} from '../mathjax3/js/input/tex.js';
-import {APPEND} from '../mathjax3/js/util/Options.js';
+import {TeX} from 'mathjax-full/js/input/tex.js';
+import {APPEND} from 'mathjax-full/js/util/Options.js';
 import {htmlDocument} from './lib/chooseHTML.js';
 import {printFound} from './lib/found.js';
 

diff --git a/samples/find-tex.js b/samples/find-tex.js
@@ -1,6 +1,6 @@
-import {mathjax} from '../mathjax3/js/mathjax.js';
+import {mathjax} from 'mathjax-full/js/mathjax.js';
 
-import {TeX} from '../mathjax3/js/input/tex.js';
+import {TeX} from 'mathjax-full/js/input/tex.js';
 import {htmlDocument} from './lib/chooseHTML.js';
 import {printFound} from './lib/found.js';
 

diff --git a/samples/html-full.js b/samples/html-full.js
@@ -1,7 +1,7 @@
-import {mathjax} from '../mathjax3/js/mathjax.js';
+import {mathjax} from 'mathjax-full/js/mathjax.js';
 
-import {RegisterHTMLHandler} from '../mathjax3/js/handlers/html.js';
-import {chooseAdaptor} from '../mathjax3/js/adaptors/chooseAdaptor.js';
+import {RegisterHTMLHandler} from 'mathjax-full/js/handlers/html.js';
+import {chooseAdaptor} from 'mathjax-full/js/adaptors/chooseAdaptor.js';
 
 RegisterHTMLHandler(chooseAdaptor());
 

diff --git a/samples/lib/chooseHTML.js b/samples/lib/chooseHTML.js
@@ -1,7 +1,7 @@
-import {mathjax} from '../../mathjax3/js/mathjax.js';
+import {mathjax} from 'mathjax-full/js/mathjax.js';
 
-import {RegisterHTMLHandler} from '../../mathjax3/js/handlers/html.js';
-import {chooseAdaptor} from '../../mathjax3/js/adaptors/chooseAdaptor.js';
+import {RegisterHTMLHandler} from 'mathjax-full/js/handlers/html.js';
+import {chooseAdaptor} from 'mathjax-full/js/adaptors/chooseAdaptor.js';
 
 export const adaptor = chooseAdaptor();
 

diff --git a/samples/lite-test.js b/samples/lite-test.js
@@ -0,0 +1,15 @@
+import {mathjax} from 'mathjax-full/js/mathjax.js';
+
+import {adaptor, htmlDocument} from './lib/chooseHTML.js';
+
+const HTML = process.argv[3] || `
+  <p id="test">abx</p>
+  <p class="fred">fred</p>
+  <p>def</p>
+  <div class="fred">div</div>
+`;
+
+const html = htmlDocument(HTML);
+
+//console.log(adaptor.elementsByClass(adaptor.body(html.document), 'fred'));
+console.log(adaptor.getElements(['.fred'], html.document));
diff --git a/samples/mfenced.js b/samples/mfenced.js
@@ -1,9 +1,9 @@
-import {mathjax} from '../mathjax3/js/mathjax.js';
+import {mathjax} from 'mathjax-full/js/mathjax.js';
 
-import {MathML} from '../mathjax3/js/input/mathml.js';
-import {RegisterHTMLHandler} from '../mathjax3/js/handlers/html.js';
-import {chooseAdaptor} from '../mathjax3/js/adaptors/chooseAdaptor.js';
-import {STATE} from '../mathjax3/js/core/MathItem.js';
+import {MathML} from 'mathjax-full/js/input/mathml.js';
+import {RegisterHTMLHandler} from 'mathjax-full/js/handlers/html.js';
+import {chooseAdaptor} from 'mathjax-full/js/adaptors/chooseAdaptor.js';
+import {STATE} from 'mathjax-full/js/core/MathItem.js';
 
 RegisterHTMLHandler(chooseAdaptor());
 

diff --git a/samples/mml-bbox.js b/samples/mml-bbox.js
@@ -1,10 +1,10 @@
-import {mathjax} from '../mathjax3/js/mathjax.js';
+import {mathjax} from 'mathjax-full/js/mathjax.js';
 
-import {MathML} from '../mathjax3/js/input/mathml.js';
-import {CHTML} from '../mathjax3/js/output/chtml.js';
-import {RegisterHTMLHandler} from '../mathjax3/js/handlers/html.js';
-import {chooseAdaptor} from '../mathjax3/js/adaptors/chooseAdaptor.js';
-import {STATE} from '../mathjax3/js/core/MathItem.js';
+import {MathML} from 'mathjax-full/js/input/mathml.js';
+import {CHTML} from 'mathjax-full/js/output/chtml.js';
+import {RegisterHTMLHandler} from 'mathjax-full/js/handlers/html.js';
+import {chooseAdaptor} from 'mathjax-full/js/adaptors/chooseAdaptor.js';
+import {STATE} from 'mathjax-full/js/core/MathItem.js';
 
 const adaptor = chooseAdaptor();
 RegisterHTMLHandler(adaptor);

diff --git a/samples/mml-doc.js-orig b/samples/mml-doc.js-orig
@@ -1,10 +1,10 @@
-import {mathjax} from '../mathjax3/mathjax.js';
+import {mathjax} from 'mathjax-full/mathjax.js';
 
-import {MathML} from '../mathjax3/input/mathml.js';
-//import {CHTML} from '../mathjax3/output/chtml.js';
-import {SVG} from '../mathjax3/output/svg.js';
-import {RegisterHTMLHandler} from '../mathjax3/handlers/html.js';
-import {browserAdaptor} from '../mathjax3/adaptors/browserAdaptor.js';
+import {MathML} from 'mathjax-full/input/mathml.js';
+//import {CHTML} from 'mathjax-full/output/chtml.js';
+import {SVG} from 'mathjax-full/output/svg.js';
+import {RegisterHTMLHandler} from 'mathjax-full/handlers/html.js';
+import {browserAdaptor} from 'mathjax-full/adaptors/browserAdaptor.js';
 
 RegisterHTMLHandler(browserAdaptor());
 

diff --git a/samples/mml-nodes.js b/samples/mml-nodes.js
@@ -1,17 +1,17 @@
-import {mathjax} from '../mathjax3/js/mathjax.js';
+import {mathjax} from 'mathjax-full/js/mathjax.js';
 
-import {MathML} from '../mathjax3/js/input/mathml.js';
-import {RegisterHTMLHandler} from '../mathjax3/js/handlers/html.js';
-import {chooseAdaptor} from '../mathjax3/js/adaptors/chooseAdaptor.js';
-import {STATE} from '../mathjax3/js/core/MathItem.js';
+import {MathML} from 'mathjax-full/js/input/mathml.js';
+import {RegisterHTMLHandler} from 'mathjax-full/js/handlers/html.js';
+import {chooseAdaptor} from 'mathjax-full/js/adaptors/chooseAdaptor.js';
+import {STATE} from 'mathjax-full/js/core/MathItem.js';
 
 RegisterHTMLHandler(chooseAdaptor());
 
 let html = mathjax.document('<html></html>', {
   InputJax: new MathML()
 });
 
-import {TestMmlVisitor as MmlVisitor} from '../mathjax3/js/core/MmlTree/TestMmlVisitor.js';
+import {TestMmlVisitor as MmlVisitor} from 'mathjax-full/js/core/MmlTree/TestMmlVisitor.js';
 let visitor = new MmlVisitor();
 let toMathML = (node => visitor.visitTree(node, html.document));
 

diff --git a/samples/mml2html.js b/samples/mml2html.js
@@ -1,10 +1,10 @@
-import {mathjax} from '../mathjax3/js/mathjax.js';
+import {mathjax} from 'mathjax-full/js/mathjax.js';
 
-import {MathML} from '../mathjax3/js/input/mathml.js';
-import {CHTML} from '../mathjax3/js/output/chtml.js';
-import {RegisterHTMLHandler} from '../mathjax3/js/handlers/html.js';
-import {chooseAdaptor} from '../mathjax3/js/adaptors/chooseAdaptor.js';
-import {STATE} from '../mathjax3/js/core/MathItem.js';
+import {MathML} from 'mathjax-full/js/input/mathml.js';
+import {CHTML} from 'mathjax-full/js/output/chtml.js';
+import {RegisterHTMLHandler} from 'mathjax-full/js/handlers/html.js';
+import {chooseAdaptor} from 'mathjax-full/js/adaptors/chooseAdaptor.js';
+import {STATE} from 'mathjax-full/js/core/MathItem.js';
 
 const adaptor = chooseAdaptor();
 RegisterHTMLHandler(adaptor);

diff --git a/samples/mml2svg.js b/samples/mml2svg.js
@@ -1,10 +1,10 @@
-import {mathjax} from '../mathjax3/js/mathjax.js';
+import {mathjax} from 'mathjax-full/js/mathjax.js';
 
-import {MathML} from '../mathjax3/js/input/mathml.js';
-import {SVG} from '../mathjax3/js/output/svg.js';
-import {RegisterHTMLHandler} from '../mathjax3/js/handlers/html.js';
-import {chooseAdaptor} from '../mathjax3/js/adaptors/chooseAdaptor.js';
-import {STATE} from '../mathjax3/js/core/MathItem.js';
+import {MathML} from 'mathjax-full/js/input/mathml.js';
+import {SVG} from 'mathjax-full/js/output/svg.js';
+import {RegisterHTMLHandler} from 'mathjax-full/js/handlers/html.js';
+import {chooseAdaptor} from 'mathjax-full/js/adaptors/chooseAdaptor.js';
+import {STATE} from 'mathjax-full/js/core/MathItem.js';
 
 const adaptor = chooseAdaptor();
 RegisterHTMLHandler(adaptor);

diff --git a/samples/notagids.js b/samples/notagids.js
@@ -1,12 +1,12 @@
-import {mathjax} from '../mathjax3/js/mathjax.js';
+import {mathjax} from 'mathjax-full/js/mathjax.js';
 
-import {TeX} from '../mathjax3/js/input/tex.js';
-import {RegisterHTMLHandler} from '../mathjax3/js/handlers/html.js';
-import {chooseAdaptor} from '../mathjax3/js/adaptors/chooseAdaptor.js';
-import {AllPackages} from '../mathjax3/js/input/tex/AllPackages.js';
-import {STATE} from '../mathjax3/js/core/MathItem.js';
+import {TeX} from 'mathjax-full/js/input/tex.js';
+import {RegisterHTMLHandler} from 'mathjax-full/js/handlers/html.js';
+import {chooseAdaptor} from 'mathjax-full/js/adaptors/chooseAdaptor.js';
+import {AllPackages} from 'mathjax-full/js/input/tex/AllPackages.js';
+import {STATE} from 'mathjax-full/js/core/MathItem.js';
 
-import {AbstractTags, TagsFactory} from '../mathjax3/js/input/tex/Tags.js';
+import {AbstractTags, TagsFactory} from 'mathjax-full/js/input/tex/Tags.js';
 
 class NoIdTags extends AbstractTags {
 
@@ -30,7 +30,7 @@ let html = mathjax.document(
   '',
   {InputJax: new TeX({packages: {'[-]': ['bussproofs']}, tags: 'noID'})});
 
-import {SerializedMmlVisitor} from '../mathjax3/js/core/MmlTree/SerializedMmlVisitor.js';
+import {SerializedMmlVisitor} from 'mathjax-full/js/core/MmlTree/SerializedMmlVisitor.js';
 let visitor = new SerializedMmlVisitor();
 let toMml = (node => visitor.visitTree(node));
 

diff --git a/samples/tables/lib/dual-tables.js b/samples/tables/lib/dual-tables.js
@@ -1,14 +1,14 @@
-import {MathML} from "../../../mathjax3/input/mathml.js";
-import {CHTML} from "../../../mathjax3/output/chtml.js";
-import {SVG} from "../../../mathjax3/output/svg.js";
-import {HTMLMathItem} from "../../../mathjax3/handlers/html/HTMLMathItem.js";
-import {HTMLDocument} from "../../../mathjax3/handlers/html/HTMLDocument.js";
-import {handleRetriesFor} from "../../../mathjax3/util/Retries.js";
-import {browserAdaptor} from "../../../mathjax3/adaptors/browserAdaptor.js";
+import {MathML} from "mathjax-full/js/input/mathml.js";
+import {CHTML} from "mathjax-full/js/output/chtml.js";
+import {SVG} from "mathjax-full/js/output/svg.js";
+import {HTMLMathItem} from "mathjax-full/js/handlers/html/HTMLMathItem.js";
+import {HTMLDocument} from "mathjax-full/js/handlers/html/HTMLDocument.js";
+import {handleRetriesFor} from "mathjax-full/js/util/Retries.js";
+import {browserAdaptor} from "mathjax-full/js/adaptors/browserAdaptor.js";
 
 let mml = new MathML({forceReparse: true});
-let chtml = new CHTML({fontURL: '../../mathjax2/css/'});
-let svg = new SVG();
+let chtml = new CHTML({fontURL: '../../node_modules/mathjax-modern-font/chtml/woff'});
+let svg = new SVG({});
 
 let docs = {
   CHTML: new HTMLDocument(document, browserAdaptor(), {InputJax: mml, OutputJax: chtml}),
@@ -75,7 +75,7 @@ function linkTables(n, m, arrow) {
     return '<a href="tables-' + N + '.html"' + (n === m ? ' disabled="true"' : '') + '>&#x' + arrow + ';</a>';
 }
 
-const testNo = parseInt(this.location.pathname.match(/-(\d+)\.html$/)[1]);
+const testNo = parseInt(window.location.pathname.match(/-(\d+)\.html$/)[1]);
 const maxTest = 60;
 
 const nav = document.body.appendChild(document.createElement('div'));
@@ -86,16 +86,9 @@ nav.innerHTML = [
 ].join(' ');
 
 
-docs.CHTML
-  .findMath({elements: ['mjx-chtml-table']})
-  .compile()
-  .getMetrics()
-  .typeset()
-  .updateDocument();
+chtml.options.elements = ['mjx-chtml-table'];
+svg.options.elements = ['mjx-svg-table'];
+
+docs.CHTML.render();
+docs.SVG.render();
 
-docs.SVG
-  .findMath({elements: ['mjx-svg-table']})
-  .compile()
-  .getMetrics()
-  .typeset()
-  .updateDocument();