@fiduswriter/editor 0.2.5 → 0.2.7

package/locale/es/messages.json

@@ -374,7 +374,6 @@
     "Portuguese (Brazil)": "Portugués (Brasil)",
     "Previous": "Anterior",
     "Print": "Imprimir",
-    "Print/PDF": "Imprimir PDF",
     "Proceed to Login page": "Vaya a la página de inicio de sesión",
     "Proceed to Merge": "Proceder a fusionar",
     "Read": "Leer",

package/locale/fr/messages.json

@@ -374,7 +374,6 @@
     "Portuguese (Brazil)": "Portugais (Brésil)",
     "Previous": "précédent",
     "Print": "Imprimer",
-    "Print/PDF": "Imprimer/PDF",
     "Proceed to Login page": "Accédez à la page de connexion",
     "Proceed to Merge": "Procéder à la fusion",
     "Read": "Lire",

package/locale/it/messages.json

@@ -374,7 +374,6 @@
     "Portuguese (Brazil)": "Portoghese (Brasile)",
     "Previous": "Precedente",
     "Print": "Stampa",
-    "Print/PDF": "Stampa/PDF",
     "Proceed to Login page": "Procedi alla pagina di accesso",
     "Proceed to Merge": "Procedi all'unione",
     "Read": "Leggere",

package/locale/ja/messages.json

@@ -374,7 +374,6 @@
     "Portuguese (Brazil)": "ポルトガル語 (ブラジル)",
     "Previous": "前の",
     "Print": "印刷",
-    "Print/PDF": "印刷/PDF",
     "Proceed to Login page": "ログインページに進む",
     "Proceed to Merge": "結合に進む",
     "Read": "閲覧",

package/locale/ko/messages.json

@@ -374,7 +374,6 @@
     "Portuguese (Brazil)": "포르투갈어(브라질)",
     "Previous": "이전의",
     "Print": "인쇄",
-    "Print/PDF": "인쇄/PDF",
     "Proceed to Login page": "로그인 페이지로 이동",
     "Proceed to Merge": "병합을 진행하세요",
     "Read": "읽기",

package/locale/nb/messages.json

@@ -374,7 +374,6 @@
     "Portuguese (Brazil)": "Portugisisk (Brasil)",
     "Previous": "Tidligere",
     "Print": "Skriv ut",
-    "Print/PDF": "Print/PDF",
     "Proceed to Login page": "Fortsett til påloggingssiden",
     "Proceed to Merge": "Fortsett til sammenslåing",
     "Read": "Lese",

package/locale/nl/messages.json

@@ -374,7 +374,6 @@
     "Portuguese (Brazil)": "Portugees (Brazilië)",
     "Previous": "Vorig",
     "Print": "Afdrukken",
-    "Print/PDF": "Afdrukken/PDF",
     "Proceed to Login page": "Ga verder naar de inlogpagina",
     "Proceed to Merge": "Ga verder naar Samenvoegen",
     "Read": "Lezen",

package/locale/pl/messages.json

@@ -374,7 +374,6 @@
     "Portuguese (Brazil)": "portugalski (Brazylia)",
     "Previous": "Poprzedni",
     "Print": "Drukuj",
-    "Print/PDF": "Drukuj/PDF",
     "Proceed to Login page": "Przejdź do strony logowania",
     "Proceed to Merge": "Przejdź do Scalania",
     "Read": "Odczyt",

package/locale/pt_BR/messages.json

@@ -374,7 +374,6 @@
     "Portuguese (Brazil)": "Português (Brasil)",
     "Previous": "Anterior",
     "Print": "Imprimir",
-    "Print/PDF": "Imprimir/PDF",
     "Proceed to Login page": "Prossiga para a página de login",
     "Proceed to Merge": "Prossiga para a fusão",
     "Read": "Ler",

package/locale/pt_PT/messages.json

@@ -374,7 +374,6 @@
     "Portuguese (Brazil)": "Português (Brasil)",
     "Previous": "Anterior",
     "Print": "Imprimir",
-    "Print/PDF": "Imprimir/PDF",
     "Proceed to Login page": "Prossiga para a página de login",
     "Proceed to Merge": "Prossiga para mesclar",
     "Read": "Ler",

package/locale/ru/messages.json

@@ -374,7 +374,6 @@
     "Portuguese (Brazil)": "Португальский (Бразилия)",
     "Previous": "Предыдущий",
     "Print": "Распечатать",
-    "Print/PDF": "Распечатать/PDF",
     "Proceed to Login page": "Перейдите на страницу входа",
     "Proceed to Merge": "Перейдите к объединению",
     "Read": "Читать",

package/locale/sv/messages.json

@@ -374,7 +374,6 @@
     "Portuguese (Brazil)": "portugisiska (Brasilien)",
     "Previous": "Tidigare",
     "Print": "Skriva ut",
-    "Print/PDF": "Skriv ut/PDF",
     "Proceed to Login page": "Fortsätt till inloggningssidan",
     "Proceed to Merge": "Fortsätt till Merge",
     "Read": "Läsa",

package/locale/tr/messages.json

@@ -374,7 +374,6 @@
     "Portuguese (Brazil)": "Portekizce (Brezilya)",
     "Previous": "Öncesi",
     "Print": "Yazdır",
-    "Print/PDF": "Yazdır/PDF",
     "Proceed to Login page": "Giriş sayfasına ilerleyin",
     "Proceed to Merge": "Birleştirmeye Devam Et",
     "Read": "Okumak",

package/locale/zh_Hans/messages.json

@@ -374,7 +374,6 @@
     "Portuguese (Brazil)": "葡萄牙语（巴西）",
     "Previous": "以前的",
     "Print": "打印",
-    "Print/PDF": "打印/PDF",
     "Proceed to Login page": "进入登录页面",
     "Proceed to Merge": "继续合并",
     "Read": "读",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fiduswriter/editor",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "description": "Fidus Writer browser editor",
   "keywords": [
     "fiduswriter",
@@ -84,15 +84,17 @@
     "format": "prettier --write .",
     "format:check": "prettier --check .",
     "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js --config jest.config.js && node test/copy-serializer.js && node test/comment-store.js && node test/import-comments.js && node test/contributor-dialog.js",
+    "test:e2e": "playwright test",
+    "test:e2e:install": "playwright install chromium",
     "deploy-pages": "./scripts/deploy-pages.sh",
     "install-hooks": "husky",
     "demo": "echo 'Open demo/editor/index.html or run: npx http-server .pages-build -p 8080 -c-1'",
     "testserver": "node scripts/serve-demo.js"
   },
   "dependencies": {
-    "@fiduswriter/bibliography-manager": "^0.1.31",
-    "@fiduswriter/document": "^0.3.3",
-    "@fiduswriter/image-manager": "^0.1.23",
+    "@fiduswriter/bibliography-manager": "^0.1.32",
+    "@fiduswriter/document": "^0.3.11",
+    "@fiduswriter/image-manager": "^0.1.24",
     "@fortawesome/fontawesome-free": "^7.2.0",
     "cropperjs": "^1.6.2",
     "diff": "^5.0.0",
@@ -102,7 +104,7 @@
     "fast-xml-parser": "^4.5.0",
     "fastdom": "^1.0.11",
     "fix-utf8": "^2.0.1",
-    "fwtoolkit": "^0.2.14",
+    "fwtoolkit": "^0.2.18",
     "jszip": "^3.10.1",
     "mathml-to-latex": "^1.4.3",
     "mathml2omml": "^0.5.0",
@@ -132,6 +134,7 @@
     "@eslint/js": "^10.0.1",
     "@fontsource/jetbrains-mono": "^5.3.0",
     "@fontsource/source-sans-pro": "^5.3.0",
+    "@playwright/test": "^1.49.0",
     "@swc/core": "^1.16.1",
     "@swc/jest": "^0.2.39",
     "@types/jest": "^30.0.0",

package/src/copyright_dialog/templates.ts

@@ -1,4 +1,4 @@
-import {escapeText} from "fwtoolkit"
+import {escapeText, InfoRow} from "fwtoolkit"
 import {LICENSE_URLS} from "./index.js"
 
 interface LicenseSelectParams {
@@ -34,38 +34,42 @@ export const licenseInputTemplate = ({url, title}: LicenseInputParams) =>
         <input type='text' class='license-title' value="${escapeText(title)}" placeholder="${gettext("License Title")}">
     </div>`
 
+const copyrightRow = (
+    label: string,
+    helpText: string,
+    field: string,
+    fieldClass = ""
+): string =>
+    new InfoRow({
+        label,
+        helpText,
+        field,
+        fieldClass
+    }).html()
+
 export const copyrightTemplate = ({holder, year, freeToRead}: CopyrightParams) =>
     `<table class="fw-dialog-table">
         <tbody>
-            <tr>
-                <th><h4 class="fw-tablerow-title fw-wtooltip">
-                    ${gettext("Copyright holder")}
-                    <span class="fw-tooltip">${gettext("If the work is not in the public domain, specify who the copyright holder is.")}</span>
-                </h4></th>
-                <td class="fw-entry-field"><input type="text" class="holder" value="${holder ? escapeText(holder) : ""}"></td>
-            </tr>
-            <tr>
-                <th><h4 class="fw-tablerow-title fw-wtooltip">
-                    ${gettext("Copyright year")}
-                    <span class="fw-tooltip">${gettext("If the work is not in the public domain, specify the year of the copyright.")}</span>
-                </h4></th>
-                <td class="fw-entry-field"><input type="number" class="year" min=0 max=2100 value="${year ? year : ""}"></td>
-            </tr>
-            <tr>
-                <th><h4 class="fw-tablerow-title fw-wtooltip">
-                    ${gettext("Available to read for free?")}
-                    <span class="fw-tooltip">${gettext("Specify whether the work can be accessed without paying a fee.")}</span>
-                </h4></th>
-                <td class="fw-entry-field"><input type="checkbox" class="free-to-read"${freeToRead ? " checked" : ""}></td>
-            </tr>
-            <tr>
-                <th><h4 class="fw-tablerow-title fw-wtooltip">
-                    ${gettext("License(s)")}
-                    <span class="fw-tooltip">${gettext('List any licenses the work is available under. If the license only applies from a given date, please specify the date in the ISO8601 format (such as "2012-10-15").')}</span>
-                </h4></th>
-                <td class="fw-entry-field licenses">
-                    <div class="copyright-licenses-list"></div>
-                </td>
-            </tr>
+            ${copyrightRow(
+                gettext("Copyright holder"),
+                gettext("If the work is not in the public domain, specify who the copyright holder is."),
+                `<input type="text" class="holder" value="${holder ? escapeText(holder) : ""}">`
+            )}
+            ${copyrightRow(
+                gettext("Copyright year"),
+                gettext("If the work is not in the public domain, specify the year of the copyright."),
+                `<input type="number" class="year" min=0 max=2100 value="${year ? year : ""}">`
+            )}
+            ${copyrightRow(
+                gettext("Available to read for free?"),
+                gettext("Specify whether the work can be accessed without paying a fee."),
+                `<input type="checkbox" class="free-to-read"${freeToRead ? " checked" : ""}>`
+            )}
+            ${copyrightRow(
+                gettext("License(s)"),
+                gettext('List any licenses the work is available under. If the license only applies from a given date, please specify the date in the ISO8601 format (such as "2012-10-15").'),
+                `<div class="copyright-licenses-list"></div>`,
+                "licenses"
+            )}
         </tbody>
     </table>`

package/src/dialogs/epub_export.ts

@@ -0,0 +1,66 @@
+import {Dialog} from "fwtoolkit"
+import {epubExportDialogTemplate, getExportTrackChangesValue} from "./templates.js"
+
+export interface EpubExportDialogResult {
+    /** Render `equation`/`figure_equation` nodes as SVG images (MathJax)
+        instead of MathML. */
+    svgMath: boolean
+    /** Resolve all tracked changes (accept all) before exporting. When false,
+        the tracked changes are kept and rendered in the export. */
+    resolveTrackChanges: boolean
+}
+
+export class EpubExportDialog {
+    dialog: Dialog | false
+
+    constructor() {
+        this.dialog = false
+    }
+
+    init(): Promise<EpubExportDialogResult | false> {
+        const buttons: Array<Record<string, unknown>> = []
+        const dialogDonePromise = new Promise<EpubExportDialogResult | false>(
+            resolve => {
+                buttons.push({
+                    text: gettext("Export"),
+                    classes: "fw-dark",
+                    click: () => {
+                        const dialogEl = (this.dialog as Dialog).dialogEl
+                        const svgMath = (
+                            dialogEl.querySelector(
+                                ".epub-svg-math"
+                            ) as HTMLInputElement
+                        )?.checked
+                        const resolveTrackChanges =
+                            getExportTrackChangesValue(
+                                dialogEl,
+                                "epub-track-changes"
+                            ) !== "include"
+                        ;(this.dialog as Dialog).close()
+                        return resolve({svgMath: !!svgMath, resolveTrackChanges})
+                    }
+                })
+
+                buttons.push({
+                    type: "cancel" as const,
+                    click: () => {
+                        ;(this.dialog as Dialog).close()
+                        resolve(false)
+                    }
+                })
+            }
+        )
+
+        this.dialog = new Dialog({
+            title: gettext("EPUB export options"),
+            body: epubExportDialogTemplate(),
+            height: 330,
+            width: 420,
+            buttons,
+            restoreActiveElement: false
+        })
+        this.dialog.open()
+
+        return dialogDonePromise
+    }
+}

package/src/dialogs/html_export.ts

@@ -1,10 +1,13 @@
 import {Dialog} from "fwtoolkit"
-import {htmlExportDialogTemplate} from "./templates.js"
+import {getExportTrackChangesValue, htmlExportDialogTemplate} from "./templates.js"
 
 export interface HtmlExportDialogResult {
     /** Render `equation`/`figure_equation` nodes as SVG images (MathJax)
         instead of MathML. */
     svgMath: boolean
+    /** Resolve all tracked changes (accept all) before exporting. When false,
+        the tracked changes are kept and rendered in the export. */
+    resolveTrackChanges: boolean
 }
 
 export class HtmlExportDialog {
@@ -28,8 +31,13 @@ export class HtmlExportDialog {
                                 ".html-svg-math"
                             ) as HTMLInputElement
                         )?.checked
+                        const resolveTrackChanges =
+                            getExportTrackChangesValue(
+                                dialogEl,
+                                "html-track-changes"
+                            ) !== "include"
                         ;(this.dialog as Dialog).close()
-                        return resolve({svgMath: !!svgMath})
+                        return resolve({svgMath: !!svgMath, resolveTrackChanges})
                     }
                 })
 
@@ -46,7 +54,7 @@ export class HtmlExportDialog {
         this.dialog = new Dialog({
             title: gettext("HTML export options"),
             body: htmlExportDialogTemplate(),
-            height: 220,
+            height: 330,
             width: 420,
             buttons,
             restoreActiveElement: false

package/src/dialogs/index.ts

@@ -8,5 +8,7 @@ export {TableDialog, TableConfigurationDialog} from "./table.js"
 export {RevisionDialog} from "./revision.js"
 export {PdfExportDialog} from "./pdf_export.js"
 export {HtmlExportDialog} from "./html_export.js"
+export {EpubExportDialog} from "./epub_export.js"
+export {TemplateExportDialog} from "./template_export.js"
 export {OrderedListStartDialog} from "./ordered_list.js"
 export {CodeBlockDialog} from "./code_block.js"

package/src/dialogs/template_export.ts

@@ -0,0 +1,66 @@
+import {Dialog} from "fwtoolkit"
+import {
+    exportTrackChangesTemplate,
+    getExportTrackChangesValue
+} from "./templates.js"
+
+export interface TemplateExportDialogResult {
+    /** Resolve all tracked changes (accept all) before exporting. When false,
+        the tracked changes are kept and rendered in the exported file. */
+    resolveTrackChanges: boolean
+}
+
+/** Ask how tracked changes should be handled before a DOCX/ODT template export. */
+export class TemplateExportDialog {
+    dialog: Dialog | false
+
+    constructor() {
+        this.dialog = false
+    }
+
+    init(fileType: "docx" | "odt"): Promise<TemplateExportDialogResult | false> {
+        const title =
+            fileType === "docx"
+                ? gettext("DOCX export options")
+                : gettext("ODT export options")
+        const buttons: Array<Record<string, unknown>> = []
+        const dialogDonePromise = new Promise<TemplateExportDialogResult | false>(
+            resolve => {
+                buttons.push({
+                    text: gettext("Export"),
+                    classes: "fw-dark",
+                    click: () => {
+                        const dialogEl = (this.dialog as Dialog).dialogEl
+                        const resolveTrackChanges =
+                            getExportTrackChangesValue(
+                                dialogEl,
+                                "template-track-changes"
+                            ) !== "include"
+                        ;(this.dialog as Dialog).close()
+                        return resolve({resolveTrackChanges})
+                    }
+                })
+
+                buttons.push({
+                    type: "cancel" as const,
+                    click: () => {
+                        ;(this.dialog as Dialog).close()
+                        resolve(false)
+                    }
+                })
+            }
+        )
+
+        this.dialog = new Dialog({
+            title,
+            body: exportTrackChangesTemplate("template-track-changes"),
+            height: 220,
+            width: 420,
+            buttons,
+            restoreActiveElement: false
+        })
+        this.dialog.open()
+
+        return dialogDonePromise
+    }
+}

package/src/dialogs/templates.ts

@@ -1,5 +1,5 @@
 import {CATS} from "@fiduswriter/document/schema/i18n"
-import {escapeText} from "fwtoolkit"
+import {escapeText, infoTooltip} from "fwtoolkit"
 
 interface InternalTarget {
     id: string
@@ -96,40 +96,143 @@ export const revisionDialogTemplate = ({dir}: {dir: string}): string =>
 export const pdfExportDialogTemplate = (): string => `
     <h4>${gettext("Tracked changes")}</h4>
     <div class="fw-radio">
-        <input type="radio" name="pdf-track-changes" value="resolve" class="pdf-track-resolve" checked="">
+        <input type="radio" name="pdf-track-changes" value="resolve" class="pdf-track-resolve" checked="" aria-describedby="pdf-track-resolve-help">
         <label class="pdf-track-resolve-label">${gettext("Resolve tracked changes (accept all)")}</label>
+        ${infoTooltip(
+            gettext(
+                "Applies all tracked changes so the PDF shows the document as if every change had already been accepted."
+            ),
+            "pdf-track-resolve-help"
+        )}
     </div>
     <div class="fw-radio">
-        <input type="radio" name="pdf-track-changes" value="include" class="pdf-track-include">
+        <input type="radio" name="pdf-track-changes" value="include" class="pdf-track-include" aria-describedby="pdf-track-include-help">
         <label class="pdf-track-include-label">${gettext("Include tracked changes in the PDF")}</label>
+        ${infoTooltip(
+            gettext(
+                "Prints the tracked changes so reviewers can see what was added, removed or altered."
+            ),
+            "pdf-track-include-help"
+        )}
     </div>
     <p>
         <label>
-            <input type="checkbox" class="pdf-embed-fidus">
+            <input type="checkbox" class="pdf-embed-fidus" aria-describedby="pdf-embed-fidus-help">
             ${gettext("Embed a Fidus Writer file of this document in the PDF")}
         </label>
+        ${infoTooltip(
+            gettext(
+                "Embeds the editable Fidus Writer document inside the PDF so it can be reopened for editing."
+            ),
+            "pdf-embed-fidus-help"
+        )}
     </p>
     <h4>${gettext("Print production")}</h4>
     <p>
-        <label><input type="checkbox" class="pdf-crop-marks"> ${gettext("Crop marks")}</label><br>
-        <label><input type="checkbox" class="pdf-trim-box"> ${gettext("Trim box")}</label><br>
-        <label><input type="checkbox" class="pdf-bleed-box"> ${gettext("Bleed box")}</label><br>
-        <label>${gettext("Bleed")}: <input type="number" class="pdf-bleed-mm" value="3" min="0" step="0.5"> ${gettext("mm")}</label><br>
-        <label><input type="checkbox" class="pdf-link-borders"> ${gettext("Show link annotation borders")}</label><br>
-        <label><input type="checkbox" class="pdf-rasterize-svgs"> ${gettext("Rasterize SVG images")}</label>
+        <label><input type="checkbox" class="pdf-crop-marks" aria-describedby="pdf-crop-marks-help"> ${gettext("Crop marks")}</label>
+        ${infoTooltip(
+            gettext("Small lines at the corners of the page that show printers where to cut the paper."),
+            "pdf-crop-marks-help"
+        )}<br>
+        <label><input type="checkbox" class="pdf-trim-box" aria-describedby="pdf-trim-box-help"> ${gettext("Trim box")}</label>
+        ${infoTooltip(
+            gettext("Marks the final size of the page after it has been cut."),
+            "pdf-trim-box-help"
+        )}<br>
+        <label><input type="checkbox" class="pdf-bleed-box" aria-describedby="pdf-bleed-box-help"> ${gettext("Bleed box")}</label>
+        ${infoTooltip(
+            gettext("Marks the area beyond the final page size where images and colors must extend so no white edges appear after cutting."),
+            "pdf-bleed-box-help"
+        )}<br>
+        <label>${gettext("Bleed")}: <input type="number" class="pdf-bleed-mm" value="3" min="0" step="0.5" aria-describedby="pdf-bleed-mm-help"> ${gettext("mm")}</label>
+        ${infoTooltip(
+            gettext("How far, in millimeters, images and colors extend beyond the edge of the page."),
+            "pdf-bleed-mm-help"
+        )}<br>
+        <label><input type="checkbox" class="pdf-link-borders" aria-describedby="pdf-link-borders-help"> ${gettext("Show link annotation borders")}</label>
+        ${infoTooltip(
+            gettext("Draws a visible border around hyperlinks in the PDF so they are easier to find."),
+            "pdf-link-borders-help"
+        )}<br>
+        <label><input type="checkbox" class="pdf-rasterize-svgs" aria-describedby="pdf-rasterize-svgs-help"> ${gettext("Rasterize SVG images")}</label>
+        ${infoTooltip(
+            gettext("Converts SVG images to bitmap images in the PDF, which can help when PDF viewers or printers do not render SVG images correctly."),
+            "pdf-rasterize-svgs-help"
+        )}
     </p>
 `
 
+/**
+ * Radio group for choosing whether tracked changes are resolved (accepted) or
+ * kept in the exported file. `name` must be unique per dialog; the chosen value
+ * is read back with {@link getExportTrackChangesValue}.
+ */
+export const exportTrackChangesTemplate = (name: string): string => `
+    <h4>${gettext("Tracked changes")}</h4>
+    <div class="fw-radio">
+        <input type="radio" name="${name}" value="resolve" class="export-track-resolve" checked="" aria-describedby="${name}-resolve-help">
+        <label class="export-track-resolve-label">${gettext("Resolve tracked changes (accept all)")}</label>
+        ${infoTooltip(
+            gettext(
+                "Applies all tracked changes so the exported file shows the document as if every change had already been accepted."
+            ),
+            `${name}-resolve-help`
+        )}
+    </div>
+    <div class="fw-radio">
+        <input type="radio" name="${name}" value="include" class="export-track-include" aria-describedby="${name}-include-help">
+        <label class="export-track-include-label">${gettext("Include tracked changes in the export")}</label>
+        ${infoTooltip(
+            gettext(
+                "Keeps the tracked changes so reviewers can see what was added, removed or altered."
+            ),
+            `${name}-include-help`
+        )}
+    </div>
+`
+
+/** Read the tracked-changes radio group value ("resolve" or "include"). */
+export const getExportTrackChangesValue = (
+    dialogEl: Element,
+    name: string
+): string => {
+    return (
+        dialogEl.querySelector(
+            `input[name="${name}"]:checked`
+        ) as HTMLInputElement | null
+    )?.value || "resolve"
+}
+
 export const htmlExportDialogTemplate = (): string => `
+    ${exportTrackChangesTemplate("html-track-changes")}
+    <p>
+        <label>
+            <input type="checkbox" class="html-svg-math" aria-describedby="html-svg-math-help">
+            ${gettext("Render formulas as SVG images instead of MathML")}
+        </label>
+        ${infoTooltip(
+            gettext(
+                "SVG renders consistently across browsers; MathML keeps formulas as text that can be searched and copied, but only newer browsers support it."
+            ),
+            "html-svg-math-help"
+        )}
+    </p>
+`
+
+export const epubExportDialogTemplate = (): string => `
+    ${exportTrackChangesTemplate("epub-track-changes")}
     <p>
         <label>
-            <input type="checkbox" class="html-svg-math">
+            <input type="checkbox" class="epub-svg-math" aria-describedby="epub-svg-math-help">
             ${gettext("Render formulas as SVG images instead of MathML")}
         </label>
+        ${infoTooltip(
+            gettext(
+                "SVG renders consistently across browsers; MathML keeps formulas as text that can be searched and copied, but only newer browsers support it."
+            ),
+            "epub-svg-math-help"
+        )}
     </p>
-    <p class="formula-note">${gettext(
-        "SVG renders consistently across browsers and is used in PDF export; MathML keeps formulas as text that can be searched and copied, but only newer browsers support it."
-    )}</p>
 `
 
 export const tableInsertTemplate = (): string => `

package/src/document_template/index.ts

@@ -14,6 +14,7 @@ import {
 
 import type {Editor} from "../types.js"
 import {SaveCopy} from "../exporter/native/index.js"
+import {TemplateExportDialog} from "../dialogs/index.js"
 
 export {serializeHelp} from "./schema.js"
 
@@ -388,8 +389,17 @@ export class ModDocumentTemplate {
                     action: (editor: Editor) => {
                         import(
                             "@fiduswriter/document/exporter/docx/index"
-                        ).then(({DOCXExporter}: any) => {
-                            const doc = editor.getDoc() as any
+                        ).then(async ({DOCXExporter}: any) => {
+                            const dialog = new TemplateExportDialog()
+                            const options = await dialog.init("docx")
+                            if (!options) {
+                                return
+                            }
+                            const doc = editor.getDoc({
+                                changes: options.resolveTrackChanges
+                                    ? "acceptAllNoInsertions"
+                                    : undefined
+                            }) as any
                             const title = shortFileTitle(
                                 doc.title,
                                 doc.path || ""
@@ -426,8 +436,17 @@ export class ModDocumentTemplate {
                     ),
                     action: (editor: Editor) => {
                         import("@fiduswriter/document/exporter/odt/index").then(
-                            ({ODTExporter}: any) => {
-                                const doc = editor.getDoc() as any
+                            async ({ODTExporter}: any) => {
+                                const dialog = new TemplateExportDialog()
+                                const options = await dialog.init("odt")
+                                if (!options) {
+                                    return
+                                }
+                                const doc = editor.getDoc({
+                                    changes: options.resolveTrackChanges
+                                        ? "acceptAllNoInsertions"
+                                        : undefined
+                                }) as any
                                 const title = shortFileTitle(
                                     doc.title,
                                     doc.path || ""