@bendyline/squisq-react 2.11.15 → 2.11.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -0
- package/dist/{chunk-6PUMLLJH.js → chunk-2FZUFQO3.js} +2 -2
- package/dist/{chunk-P3FJ3YKS.js → chunk-2VSD55NT.js} +123 -415
- package/dist/chunk-5FJZDX7H.js +298 -0
- package/dist/{chunk-VUMNXXK4.js → chunk-622IA3KB.js} +12 -9
- package/dist/chunk-63G5OJWY.js +123 -0
- package/dist/{chunk-KDTKUE53.js → chunk-L4LIIOU2.js} +1 -1
- package/dist/{chunk-7T26IKW2.js → chunk-PSAO2CTF.js} +1 -1
- package/dist/{chunk-WHVSQ42V.js → chunk-PZCWGBRQ.js} +2 -2
- package/dist/{chunk-WLUZTUNZ.js → chunk-QXZXQPL3.js} +6 -50
- package/dist/{chunk-U2FIZWAL.js → chunk-SVVPYDV3.js} +160 -16
- package/dist/diagram-pictures/index.d.ts +61 -0
- package/dist/diagram-pictures/index.js +213 -0
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.js +2 -2
- package/dist/index.js +24 -22
- package/dist/json-view/index.js +4 -4
- package/dist/layers/index.js +3 -3
- package/dist/markdown/index.js +3 -3
- package/dist/page/index.js +7 -6
- package/dist/player/index.js +10 -9
- package/dist/squisq-player.full.global.js +379 -378
- package/dist/squisq-player.global.js +71 -70
- package/dist/standalone-player-full.d.ts +1 -0
- package/dist/standalone-player-full.js +4 -0
- package/dist/standalone-source.js +1 -1
- package/package.json +10 -2
- package/dist/chunk-LR3AIGDD.js +0 -58
package/README.md
CHANGED
|
@@ -164,6 +164,18 @@ the player as a self-contained string constant (`PLAYER_BUNDLE`) with the
|
|
|
164
164
|
shared icon styles composed once. It is used by `@bendyline/squisq-formats`
|
|
165
165
|
and the CLI to produce single-file HTML and rendered video exports.
|
|
166
166
|
|
|
167
|
+
## Diagram Pictures
|
|
168
|
+
|
|
169
|
+
`@bendyline/squisq-react/diagram-pictures` draws diagrams as PNG for document
|
|
170
|
+
exports (browser only): `renderMermaidPicture`, `renderSquisqDiagramPicture`
|
|
171
|
+
(ASCII diagrams and timelines, drawing, layout and diagram blocks, cropped to
|
|
172
|
+
their content without slide chrome), `renderTreePicture`, and
|
|
173
|
+
`createDiagramPictureRenderer`, the renderer `rasterizeDiagrams` in
|
|
174
|
+
`@bendyline/squisq-formats/diagrams` takes. Pictures are plain SVG drawn to a
|
|
175
|
+
canvas — Mermaid with SVG-text labels, no `<foreignObject>` — so the read-back
|
|
176
|
+
works in every browser, and text uses system fonts because a picture cannot
|
|
177
|
+
load the page's web fonts.
|
|
178
|
+
|
|
167
179
|
## Styles
|
|
168
180
|
|
|
169
181
|
Import the package CSS for block transitions and Font Awesome inline icons:
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MermaidDiagram
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-QXZXQPL3.js";
|
|
4
4
|
import {
|
|
5
5
|
useMediaProvider,
|
|
6
6
|
useMediaUrl
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-63G5OJWY.js";
|
|
8
8
|
|
|
9
9
|
// src/hooks/FenceRendererContext.tsx
|
|
10
10
|
import { createContext, useContext } from "react";
|