myst-demo 0.13.4 → 0.13.6

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import type { PageFrontmatter } from 'myst-frontmatter';
 import type { NodeRenderer } from '@myst-theme/providers';
-export declare function MySTRenderer({ value, column, fullscreen, numbering, TitleBlock, captureTab, className, }: {
+export declare function MySTRenderer({ id, value, column, fullscreen, numbering, TitleBlock, captureTab, className, }: {
+    id?: string;
     value: string;
     column?: boolean;
     fullscreen?: boolean;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAsN1D,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,2CA8PA;AAED,eAAO,MAAM,gBAAgB,EAAE,YAE9B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AA0N1D,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,MAAM,EACN,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,GACV,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,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,2CA+PA;AAED,eAAO,MAAM,gBAAgB,EAAE,YAS9B,CAAC"}

package/dist/index.js

@@ -93,6 +93,7 @@ function parse(text, defaultFrontmatter, options) {
         const { default: mystToTypst } = yield import('myst-to-typst');
         const { default: mystToJats } = yield import('myst-to-jats').catch(() => ({ default: null }));
         const { mystToHtml } = yield import('myst-to-html');
+        const { buttonRole } = yield import('myst-ext-button');
         const { cardDirective } = yield import('myst-ext-card');
         const { gridDirective } = yield import('myst-ext-grid');
         const { tabDirectives } = yield import('myst-ext-tabs');
@@ -108,7 +109,7 @@ function parse(text, defaultFrontmatter, options) {
                 proofDirective,
                 ...exerciseDirectives,
             ],
-            // roles: [reactiveRole],
+            roles: [buttonRole],
             vfile,
         });
         const mdast = parseMyst(text);
@@ -134,7 +135,7 @@ function parse(text, defaultFrontmatter, options) {
             messages: {},
         });
         const state = new ReferenceState('', {
-            numbering: (_a = frontmatter.numbering) !== null && _a !== void 0 ? _a : defaultFrontmatter === null || defaultFrontmatter === void 0 ? void 0 : defaultFrontmatter.numbering,
+            frontmatter: Object.assign(Object.assign({}, frontmatter), { numbering: (_a = frontmatter.numbering) !== null && _a !== void 0 ? _a : defaultFrontmatter === null || defaultFrontmatter === void 0 ? void 0 : defaultFrontmatter.numbering }),
             vfile,
         });
         visit(mdast, (n) => {
@@ -206,7 +207,7 @@ function parse(text, defaultFrontmatter, options) {
         };
     });
 }
-export function MySTRenderer({ value, column, fullscreen, numbering, TitleBlock, captureTab, className, }) {
+export function MySTRenderer({ id, value, column, fullscreen, numbering, TitleBlock, captureTab, className, }) {
     var _a;
     const area = useRef(null);
     const [text, setText] = useState(value.trim());
@@ -297,22 +298,22 @@ export function MySTRenderer({ value, column, fullscreen, numbering, TitleBlock,
                         }), 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;
     const { downloads, exports, parts } = frontmatter, reducedFrontmatter = __rest(frontmatter, ["downloads", "exports", "parts"]);
-    return (_jsxs("figure", { className: classnames('relative', {
+    return (_jsxs("figure", { id: id, className: classnames('relative', {
             'grid grid-cols-2 gap-0 grid-rows-[3rem_1fr]': column,
-            'shadow-lg rounded': !fullscreen,
+            'rounded shadow-lg': !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', {
+        }, className), children: [column && (_jsxs("div", { className: "flex flex-row col-span-2 items-stretch px-2 h-full border dark:border-slate-600", children: [_jsx("div", { className: "flex-grow" }), demoMenu] })), _jsxs("div", { className: classnames('relative myst', { '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 w-full font-mono shadow-inner outline-none resize-none bg-slate-50/50 dark:bg-slate-800/50', { 'text-sm': !column }, { 'h-full': column }), onChange: (e) => setText(e.target.value) })] })] }), _jsxs("div", { className: classnames('relative exclude-from-outline 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 && previewType !== 'AST',
                             'pt-[80px]': !column && previewType === 'AST',
                             'pt-4': column,
-                        }), children: [previewType === 'DEMO' && (_jsx(_Fragment, { children: _jsxs(ReferencesProvider, { references: references, frontmatter: reducedFrontmatter, 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' ? yamlDump(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', {
+                        }), children: [previewType === 'DEMO' && (_jsx(_Fragment, { children: _jsxs(ReferencesProvider, { references: references, frontmatter: reducedFrontmatter, 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' ? yamlDump(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 rounded border", 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,
                             }), children: [m.fatal === true && (_jsx(ExclamationCircleIcon, { width: "1.3rem", height: "1.3rem", className: "inline mr-1" })), m.fatal === false && (_jsx(ExclamationTriangleIcon, { width: "1.3rem", height: "1.3rem", className: "inline mr-1" })), m.fatal === null && (_jsx(InformationCircleIcon, { width: "1.3rem", height: "1.3rem", className: "inline mr-1" })), _jsx("code", { children: m.ruleId || m.source }), ": ", m.message] }, i))) }))] })] }));
 }
 export const MystDemoRenderer = ({ node }) => {
-    return _jsx(MySTRenderer, { value: node.value, numbering: node.numbering });
+    return (_jsx(MySTRenderer, { id: node.html_id || node.identifier, value: node.value, numbering: node.numbering, className: node.class }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myst-demo",
-  "version": "0.13.4",
+  "version": "0.13.6",
   "type": "module",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -23,24 +23,25 @@
     "@heroicons/react": "^2.0.18",
     "classnames": "^2.3.2",
     "js-yaml": "^4.1.0",
-    "myst-common": "^1.7.3",
-    "myst-config": "^1.7.3",
-    "myst-directives": "^1.5.7",
+    "myst-common": "^1.7.8",
+    "myst-config": "^1.7.8",
+    "myst-directives": "^1.5.11",
+    "myst-ext-button": "^0.0.1",
     "myst-ext-card": "^1.0.9",
-    "myst-ext-exercise": "^1.0.8",
-    "myst-ext-grid": "^1.0.8",
-    "myst-ext-proof": "^1.0.11",
-    "myst-ext-tabs": "^1.0.8",
-    "myst-frontmatter": "^1.7.3",
-    "myst-parser": "^1.5.7",
+    "myst-ext-exercise": "^1.0.9",
+    "myst-ext-grid": "^1.0.9",
+    "myst-ext-proof": "^1.0.12",
+    "myst-ext-tabs": "^1.0.9",
+    "myst-frontmatter": "^1.7.8",
+    "myst-parser": "^1.5.11",
     "myst-spec": "^0.0.5",
-    "myst-to-docx": "^1.0.12",
-    "myst-to-html": "^1.5.7",
-    "myst-to-jats": "^1.0.30",
-    "myst-to-react": "^0.13.4",
-    "myst-to-tex": "^1.0.38",
-    "myst-to-typst": "^0.0.25",
-    "myst-transforms": "^1.3.26",
+    "myst-to-docx": "^1.0.13",
+    "myst-to-html": "^1.5.11",
+    "myst-to-jats": "^1.0.32",
+    "myst-to-react": "^0.13.6",
+    "myst-to-tex": "^1.0.41",
+    "myst-to-typst": "^0.0.30",
+    "myst-transforms": "^1.3.31",
     "unified": "^10.1.2",
     "unist-util-remove": "^4.0.0",
     "unist-util-visit": "^4.1.2",