@gui-chat-plugin/sequence 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## 0.5.1
+
+- **Markdown slides fit in movies too.** A dense Markdown slide shrank to fit in the View, whose page
+  runs the fitting, but a movie made from it (MulmoChat's makeMovie: an `html_tailwind` beat) cut
+  it off at the top and bottom. `SLIDE_FIT_SCRIPT` is the same fitting, for the host to give the
+  movie's page (MulmoCast's html_tailwind beat takes it as its `script`). The Markdown slide's box
+  no longer shrinks as a flex item: MulmoCast's page makes the body a flex column, where it did,
+  and its text was fitted into the shrunken box, much too small. Checked in a MulmoChat movie: a
+  14-item slide with a formula on every line fits, its title and last line in view.
+
 ## 0.5.0
 
 - **Chart slides**: `presentSlide` takes `chart`, a Chart.js configuration (`{ type, data,

package/README.md

@@ -81,7 +81,9 @@ model wrote it in `markdown`. Math is MathML (KaTeX's `mathml` output), which th
 no stylesheet or font to load: it works offline and in a movie as on the screen. Function names
 (`\log`, `\sin`) get TeX's thin spaces, and matrix cells padding, which Chrome's MathML doesn't give
 them. TeX that KaTeX can't read is shown as written, in red. The slide's type is sized by how much it
-says, and the page (the View's; a movie keeps the first size) shrinks it until it fits.
+says, and the page shrinks it until it fits. A page that shows the slide's HTML without the View's
+page (a movie's) fits it with `SLIDE_FIT_SCRIPT`: MulmoCast's `html_tailwind` beat takes it as its
+`script`.
 
 ### Chart slides
 

package/dist/core/index.d.ts

@@ -4,7 +4,7 @@ export declare const presentSlidePluginCore: SequencePluginCore;
 export declare const defineStoryboardPluginCore: SequencePluginCore;
 export declare const presentPanelPluginCore: SequencePluginCore;
 export * from "./definitions";
-export { MAX_SLIDE_HTML, SLIDE_ANIMATION_KINDS, SLIDE_AUTO_END_SECONDS, SLIDE_CSS_ANIMATIONS_FINISHED, SLIDE_HEIGHT, SLIDE_WIDTH, slideHtmlDocument, } from "./slideHtml";
+export { MAX_SLIDE_HTML, SLIDE_ANIMATION_KINDS, SLIDE_AUTO_END_SECONDS, SLIDE_CSS_ANIMATIONS_FINISHED, SLIDE_FIT_SCRIPT, SLIDE_HEIGHT, SLIDE_WIDTH, slideHtmlDocument, } from "./slideHtml";
 export { SLIDE_CHART_TYPES, chartSlideDocument, type SlideChart, } from "./chartSlide";
 export { markdownSlideHtml } from "./markdownSlide";
 export { SLIDESHOWS_DIR, STORYBOARDS_DIR, loadRecord } from "./records";

package/dist/core/slideHtml.d.ts

@@ -11,6 +11,12 @@ export declare const SLIDE_ANIMATION_KINDS: readonly ["animate", "counter", "typ
  *  it runs to the end of its beat, which the narration decides and the View
  *  doesn't know. */
 export declare const SLIDE_AUTO_END_SECONDS = 8;
+/** A script that fits a slide's data-fit boxes, as the View's page does, for
+ *  a page that shows the slide's HTML without it: a host making a movie of a
+ *  Markdown slide runs it in the movie's page (MulmoCast's html_tailwind
+ *  beat takes it as its script), or dense text is cut off there. It fits at
+ *  once and again when the page has loaded. */
+export declare const SLIDE_FIT_SCRIPT = "(() => {\n  const fit = () => {\n    for (const el of document.querySelectorAll(\"[data-fit]\")) {\n      let size = parseFloat(getComputedStyle(el).fontSize);\n      while (size > 12 && (el.scrollHeight > el.clientHeight + 1 || el.scrollWidth > el.clientWidth + 1)) {\n        size -= 1;\n        el.style.fontSize = size + \"px\";\n      }\n    }\n  };\n  fit();\n  addEventListener(\"load\", fit);\n})();";
 /** PAGE_SCRIPT's hash, which the policy allows (checked by a test). */
 export declare const PAGE_SCRIPT_HASH = "sha256-bNBxv6ehYc2PHOgmTReFSYsrxiGvq6aqqg9m5RwS7Lc=";
 /** Text as HTML text or an attribute's value. */