myst-demo 0.5.13 → 0.5.15

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAyK1D,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,eAAe,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAoMA;AAED,eAAO,MAAM,gBAAgB,EAAE,YAE9B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAsL1D,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,eAAe,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA6PA;AAED,eAAO,MAAM,gBAAgB,EAAE,YAE9B,CAAC"}

package/dist/index.js

@@ -55,7 +55,7 @@ function parse(text, defaultFrontmatter, options) {
         const { proofDirective } = yield import('myst-ext-proof');
         const { exerciseDirectives } = yield import('myst-ext-exercise');
         const file = new VFile();
-        const mdast = mystParse(text, {
+        const parseMyst = (content) => mystParse(content, {
             markdownit: { linkify: true },
             directives: [
                 cardDirective,
@@ -67,6 +67,7 @@ function parse(text, defaultFrontmatter, options) {
             // roles: [reactiveRole],
             vfile: file,
         });
+        const mdast = parseMyst(text);
         const linkTransforms = [
             new WikiTransformer(),
             new GithubTransformer(),
@@ -76,10 +77,8 @@ function parse(text, defaultFrontmatter, options) {
         // For the mdast that we show, duplicate, strip positions and dump to yaml
         // Also run some of the transforms, like the links
         const mdastPre = JSON.parse(JSON.stringify(mdast));
-        unified().use(linksPlugin, { transformers: linkTransforms }).runSync(mdastPre);
         visit(mdastPre, (n) => delete n.position);
-        const mdastString = yaml.dump(mdastPre);
-        const htmlString = mystToHtml(mdastPre);
+        const htmlString = mystToHtml(JSON.parse(JSON.stringify(mdast)));
         const references = {
             cite: { order: [], data: {} },
             footnotes: {},
@@ -96,8 +95,14 @@ function parse(text, defaultFrontmatter, options) {
             numbering: (_b = frontmatter.numbering) !== null && _b !== void 0 ? _b : defaultFrontmatter === null || defaultFrontmatter === void 0 ? void 0 : defaultFrontmatter.numbering,
             file,
         });
+        visit(mdast, (n) => {
+            // Before we put in the citation render, we can mark them as errors
+            if (n.type === 'cite') {
+                n.error = true;
+            }
+        });
         unified()
-            .use(basicTransformationsPlugin)
+            .use(basicTransformationsPlugin, { parser: parseMyst })
             .use(mathPlugin, { macros: (_c = frontmatter === null || frontmatter === void 0 ? void 0 : frontmatter.math) !== null && _c !== void 0 ? _c : {} }) // This must happen before enumeration, as it can add labels
             .use(glossaryPlugin, { state }) // This should be before the enumerate plugins
             .use(abbreviationPlugin, { abbreviations: frontmatter.abbreviations })
@@ -108,6 +113,11 @@ function parse(text, defaultFrontmatter, options) {
             .use(resolveReferencesPlugin, { state })
             .use(keysPlugin)
             .runSync(mdast, file);
+        const mdastPost = JSON.parse(JSON.stringify(mdast));
+        visit(mdastPost, (n) => {
+            delete n.position;
+            delete n.key;
+        });
         const texFile = new VFile();
         const tex = unified()
             .use(mystToTex, { references })
@@ -138,7 +148,8 @@ function parse(text, defaultFrontmatter, options) {
             : 'Problem loading myst-to-jats';
         return {
             frontmatter,
-            yaml: mdastString,
+            mdastPre,
+            mdastPost,
             references: Object.assign(Object.assign({}, references), { article: mdast }),
             html: htmlString,
             tex: tex.value,
@@ -157,7 +168,8 @@ export function MySTRenderer({ value, column, fullscreen, numbering, TitleBlock,
     const [text, setText] = useState(value.trim());
     const [references, setReferences] = useState({});
     const [frontmatter, setFrontmatter] = useState({});
-    const [mdastYaml, setYaml] = useState('Loading...');
+    const [mdastPre, setMdastPre] = useState('Loading...');
+    const [mdastPost, setMdastPost] = useState('Loading...');
     const [html, setHtml] = useState('Loading...');
     const [tex, setTex] = useState('Loading...');
     const [texWarnings, setTexWarnings] = useState([]);
@@ -167,13 +179,16 @@ export function MySTRenderer({ value, column, fullscreen, numbering, TitleBlock,
     const [jatsWarnings, setJatsWarnings] = useState([]);
     const [warnings, setWarnings] = useState([]);
     const [previewType, setPreviewType] = useState('DEMO');
+    const [astLang, setAstLang] = useState('yaml');
+    const [astStage, setAstStage] = useState('pre');
     useEffect(() => {
         const ref = { current: true };
         parse(text, { numbering }, { removeHeading: !!TitleBlock, jats: { fullArticle: !!TitleBlock } }).then((result) => {
             if (!ref.current)
                 return;
             setFrontmatter(result.frontmatter);
-            setYaml(result.yaml);
+            setMdastPre(result.mdastPre);
+            setMdastPost(result.mdastPost);
             setReferences(result.references);
             setHtml(result.html);
             setTex(result.tex);
@@ -226,17 +241,28 @@ export function MySTRenderer({ value, column, fullscreen, numbering, TitleBlock,
         default:
             break;
     }
-    const demoMenu = (_jsx("div", { className: "self-center text-sm border cursor-pointer dark:border-slate-600", children: ['DEMO', 'AST', 'HTML', 'LaTeX', 'Typst', 'JATS', 'DOCX'].map((show) => (_jsx("button", { className: classnames('px-2 py-1', {
-                'bg-white hover:bg-slate-200 dark:bg-slate-500 dark:hover:bg-slate-700': previewType !== show,
-                'bg-blue-800 text-white': previewType === show,
-            }), title: `Show the ${show}`, "aria-label": `Show the ${show}`, "aria-pressed": previewType === show ? 'true' : 'false', onClick: () => setPreviewType(show), children: show }, show))) }));
+    const demoMenu = (_jsxs(_Fragment, { children: [_jsx("div", { className: "self-center text-sm border cursor-pointer dark:border-slate-600", children: ['DEMO', 'AST', 'HTML', 'LaTeX', 'Typst', 'JATS', 'DOCX'].map((show) => (_jsx("button", { className: classnames('px-2 py-1', {
+                        'bg-white hover:bg-slate-200 dark:bg-slate-500 dark:hover:bg-slate-700': previewType !== show,
+                        'bg-blue-800 text-white': previewType === show,
+                    }), title: `Show the ${show}`, "aria-label": `Show the ${show}`, "aria-pressed": previewType === show ? 'true' : 'false', onClick: () => setPreviewType(show), children: show }, show))) }), previewType === 'AST' && (_jsxs("div", { className: "self-center text-sm border cursor-pointer w-fit dark:border-slate-600", children: [['yaml', 'json'].map((show) => (_jsx("button", { className: classnames('px-2 py-1', {
+                            'bg-white hover:bg-slate-200 dark:bg-slate-500 dark:hover:bg-slate-700': astLang !== show,
+                            'bg-blue-800 text-white': astLang === show,
+                        }), title: `Show the AST as ${show.toUpperCase()}`, "aria-pressed": astLang === show ? 'true' : 'false', onClick: () => setAstLang(show), children: show.toUpperCase() }, show))), ['pre', 'post'].map((show) => (_jsx("button", { className: classnames('px-2 py-1', {
+                            'bg-white hover:bg-slate-200 dark:bg-slate-500 dark:hover:bg-slate-700': astStage !== show,
+                            'bg-blue-800 text-white': astStage === show,
+                        }), title: `Show the AST Stage ${show.toUpperCase()}`, "aria-pressed": astStage === show ? 'true' : 'false', onClick: () => setAstStage(show), children: show.toUpperCase() }, show)))] }))] }));
+    const mdastStage = astStage === 'pre' ? mdastPre : mdastPost;
     return (_jsxs("figure", { className: classnames('relative', {
             'grid grid-cols-2 gap-0 grid-rows-[3rem_1fr]': column,
             'shadow-lg rounded': !fullscreen,
             'm-0': fullscreen,
         }, className), children: [column && (_jsxs("div", { className: "flex flex-row items-stretch h-full col-span-2 px-2 border dark:border-slate-600", children: [_jsx("div", { className: "flex-grow" }), demoMenu] })), _jsxs("div", { className: classnames('myst relative', { 'overflow-auto': column }), children: [_jsx(CopyIcon, { text: text, className: "absolute right-0 p-1" }), _jsxs("label", { children: [_jsx("span", { className: "sr-only", children: "Edit the MyST Markdown text" }), _jsx("textarea", { ref: area, value: text, className: classnames('block p-6 shadow-inner resize-none w-full font-mono bg-slate-50/50 dark:bg-slate-800/50 outline-none', { 'text-sm': !column }, { 'h-full': column }), onChange: (e) => setText(e.target.value) })] })] }), _jsxs("div", { className: classnames('exclude-from-outline relative min-h-1 dark:bg-slate-900', {
                     'overflow-auto': column,
-                }), children: [!column && _jsx("div", { className: "absolute top-0 left-0", children: demoMenu }), _jsxs("div", { className: classnames('px-6 pb-6', { 'pt-[40px]': !column, 'pt-4': column }), children: [previewType === 'DEMO' && (_jsx(_Fragment, { children: _jsxs(ReferencesProvider, { references: references, frontmatter: frontmatter, children: [TitleBlock && _jsx(TitleBlock, { frontmatter: frontmatter }), _jsx(MyST, { ast: (_a = references.article) === null || _a === void 0 ? void 0 : _a.children })] }) })), previewType === 'AST' && _jsx(CodeBlock, { lang: "yaml", value: mdastYaml, showCopy: false }), previewType === 'HTML' && _jsx(CodeBlock, { lang: "xml", value: html, showCopy: false }), previewType === 'LaTeX' && _jsx(CodeBlock, { lang: "latex", value: tex, showCopy: false }), previewType === 'Typst' && _jsx(CodeBlock, { lang: "typst", value: typst, showCopy: false }), previewType === 'JATS' && _jsx(CodeBlock, { lang: "xml", value: jats, showCopy: false }), previewType === 'DOCX' && (_jsx("div", { children: _jsxs("button", { className: "p-3 border rounded", onClick: () => saveDocxFile('demo.docx', references.article), title: `Download Micorsoft Word`, "aria-label": `Download Micorsoft Word`, children: [_jsx(ArrowDownTrayIcon, { width: "1.3rem", height: "1.3rem", className: "inline mr-1" }), ' ', "Download as Microsoft Word"] }) }))] }), currentWarnings.length > 0 && (_jsx("div", { className: classnames('w-full', { 'absolute bottom-0': column }), children: currentWarnings.map((m, i) => (_jsxs("div", { className: classnames('p-1 shadow-inner text-white not-prose', {
+                }), children: [!column && _jsx("div", { className: "absolute top-0 left-0", children: demoMenu }), _jsxs("div", { className: classnames('px-6 pb-6', {
+                            'pt-[40px]': !column && previewType !== 'AST',
+                            'pt-[80px]': !column && previewType === 'AST',
+                            'pt-4': column,
+                        }), children: [previewType === 'DEMO' && (_jsx(_Fragment, { children: _jsxs(ReferencesProvider, { references: references, frontmatter: frontmatter, children: [TitleBlock && _jsx(TitleBlock, { frontmatter: frontmatter }), _jsx(MyST, { ast: (_a = references.article) === null || _a === void 0 ? void 0 : _a.children })] }) })), previewType === 'AST' && (_jsx(_Fragment, { children: _jsx(CodeBlock, { lang: astLang, value: astLang === 'yaml' ? yaml.dump(mdastStage) : JSON.stringify(mdastStage, null, 2) }) })), previewType === 'HTML' && _jsx(CodeBlock, { lang: "xml", value: html, showCopy: false }), previewType === 'LaTeX' && _jsx(CodeBlock, { lang: "latex", value: tex, showCopy: false }), previewType === 'Typst' && _jsx(CodeBlock, { lang: "typst", value: typst, showCopy: false }), previewType === 'JATS' && _jsx(CodeBlock, { lang: "xml", value: jats, showCopy: false }), previewType === 'DOCX' && (_jsx("div", { children: _jsxs("button", { className: "p-3 border rounded", onClick: () => saveDocxFile('demo.docx', references.article), title: `Download Micorsoft Word`, "aria-label": `Download Micorsoft Word`, children: [_jsx(ArrowDownTrayIcon, { width: "1.3rem", height: "1.3rem", className: "inline mr-1" }), ' ', "Download as Microsoft Word"] }) }))] }), currentWarnings.length > 0 && (_jsx("div", { className: classnames('w-full', { 'absolute bottom-0': column }), children: currentWarnings.map((m, i) => (_jsxs("div", { className: classnames('p-1 shadow-inner text-white not-prose', {
                                 'bg-red-500 dark:bg-red-800': m.fatal === true,
                                 'bg-orange-500 dark:bg-orange-700': m.fatal === false,
                                 'bg-slate-500 dark:bg-slate-800': m.fatal === null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myst-demo",
-  "version": "0.5.13",
+  "version": "0.5.15",
   "type": "module",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -23,24 +23,24 @@
     "@heroicons/react": "^2.0.18",
     "classnames": "^2.3.2",
     "js-yaml": "^4.1.0",
-    "myst-common": "^1.1.13",
-    "myst-config": "^1.1.13",
-    "myst-directives": "^1.0.14",
+    "myst-common": "^1.1.15",
+    "myst-config": "^1.1.15",
+    "myst-directives": "^1.0.16",
     "myst-ext-card": "^1.0.4",
     "myst-ext-exercise": "^1.0.4",
     "myst-ext-grid": "^1.0.4",
     "myst-ext-proof": "^1.0.6",
     "myst-ext-tabs": "^1.0.4",
-    "myst-frontmatter": "^1.1.13",
-    "myst-parser": "^1.0.14",
+    "myst-frontmatter": "^1.1.15",
+    "myst-parser": "^1.0.16",
     "myst-spec": "^0.0.4",
     "myst-to-docx": "^1.0.7",
-    "myst-to-html": "^1.0.14",
-    "myst-to-jats": "^1.0.17",
-    "myst-to-react": "^0.5.13",
-    "myst-to-tex": "^1.0.13",
+    "myst-to-html": "^1.0.16",
+    "myst-to-jats": "^1.0.18",
+    "myst-to-react": "^0.5.15",
+    "myst-to-tex": "^1.0.14",
     "myst-to-typst": "^0.0.6",
-    "myst-transforms": "^1.1.11",
+    "myst-transforms": "^1.1.13",
     "unified": "^10.1.2",
     "unist-util-visit": "^4.1.2",
     "vfile": "^5.3.7",