@tumaet/apollon 4.6.0 → 4.7.0

package/dist/react/store/assessmentSelectionStore.d.ts

@@ -3,11 +3,13 @@ export type AssessmentSelectionStore = {
     selectedElementIds: string[];
     highlightedElementId: string | null;
     isAssessmentSelectionMode: boolean;
+    highlightedElements: Record<string, string>;
     setAssessmentSelectionMode: (isActive: boolean) => void;
     selectElement: (elementId: string) => void;
     selectMultipleElements: (elementIds: string[]) => void;
     clearSelection: () => void;
     setHighlightedElement: (elementId: string | null) => void;
+    setElementHighlights: (highlights: Record<string, string>) => void;
     isElementSelected: (elementId: string) => boolean;
     isElementHighlighted: (elementId: string) => boolean;
     reset: () => void;

package/dist/react/types/nodes/NodeProps.d.ts

@@ -36,7 +36,7 @@ export type DeploymentComponentProps = {
 } & DefaultNodeProps;
 export type PetriNetPlaceProps = {
     tokens: number;
-    capacity: number | "Infinity";
+    capacity: number | string;
 } & DefaultNodeProps;
 export type BPMNTaskType = "default" | "user" | "send" | "receive" | "manual" | "business-rule" | "script";
 export type BPMNMarkerType = "none" | "parallel multi instance" | "sequential multi instance" | "loop";
@@ -48,7 +48,7 @@ export type BPMNStartEventType = "default" | "message" | "timer" | "conditional"
 export type BPMNIntermediateEventType = "default" | "message-catch" | "message-throw" | "timer-catch" | "escalation-throw" | "conditional-catch" | "link-catch" | "link-throw" | "compensation-throw" | "signal-catch" | "signal-throw";
 export type BPMNEndEventType = "default" | "message" | "escalation" | "error" | "compensation" | "signal" | "terminate";
 export type BPMNEventProps = DefaultNodeProps & {
-    eventType: BPMNStartEventType;
+    eventType: BPMNStartEventType | BPMNIntermediateEventType | BPMNEndEventType;
 };
 export type BPMNGatewayType = "complex" | "event-based" | "exclusive" | "inclusive" | "parallel";
 export type BPMNGatewayProps = DefaultNodeProps & {
@@ -73,5 +73,5 @@ export type SfcActionTableProps = DefaultNodeProps & {
     actionRows: SfcActionRow[];
 };
 export type SfcTransitionBranchNodeProps = DefaultNodeProps & {
-    showHint: boolean;
+    showHint?: boolean;
 };

package/dist/react/typings.d.ts

@@ -88,8 +88,12 @@ export type ApollonEdge = {
     data: OrthogonalEdgeData;
 };
 export type InteractiveElements = {
-    elements: Record<string, boolean>;
-    relationships: Record<string, boolean>;
+    elements: {
+        [id: string]: boolean;
+    };
+    relationships: {
+        [id: string]: boolean;
+    };
 };
 export type UMLModel = {
     version: `4.${number}.${number}`;

package/dist/react/utils/exportFonts.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Inter `@font-face` (base64 woff2) for self-contained `compat`-mode SVG
+ * exports, so the file renders in Inter when opened away from the editor
+ * (browser, Inkscape, PowerPoint). The woff2 is the same file `fonts.css`
+ * bundles. resvg does not resolve data-URI `@font-face` (resvg#541) — pass the
+ * font via its `fontFiles` instead; the embedded face is harmlessly ignored.
+ *
+ * Data-only and loaded lazily (dynamic `import()` in `exportModelAsSvg`) so the
+ * woff2 lands in its own chunk instead of the main bundle.
+ */
+export declare const INTER_FONT_FACE_CSS: string;

package/dist/react/utils/exportStyles.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Layout CSS the off-screen export mount needs to be self-contained, so a
+ * consumer rendering headlessly never has to import `@tumaet/apollon/style.css`
+ * for the export to be correct.
+ *
+ * The load-bearing rule is React Flow's `base.css` `.react-flow__node {
+ * position: absolute }`: Apollon positions each connection `<Handle>` with an
+ * inline `left/top: "X%"` (see `DefaultNodeWrapper`), and a percentage offset
+ * resolves against the nearest *positioned* ancestor. React Flow sets the
+ * node's transform/size inline but not `position` — that comes only from
+ * `base.css`. Without it `.react-flow__node` is `position: static`, the handle
+ * `%` offsets resolve against the wrong box, React Flow's on-mount
+ * `getBoundingClientRect` handle measurement is wrong, and edges route through
+ * the node boxes (the symptom reported for browser/Playwright exports). The
+ * same `base.css` also positions `.react-flow__viewport/.react-flow__edges`,
+ * which the `getBoundingClientRect`-based bounds math in `exportUtils` relies on.
+ *
+ * `app.css` adds `.apollon-canvas { flex: 1; ... }` so the canvas fills the
+ * 4000×4000 mount container.
+ *
+ * WARNING: `app.css` is inlined verbatim into this lazy chunk. It must stay
+ * free of `@font-face`, `url(...)`, and `@import`, or those assets leak into
+ * this chunk (the Inter font is shipped separately, see `exportFonts.ts`).
+ *
+ * Reached only via a dynamic `import()` in `exportModelAsSvg`, so Rollup emits
+ * it as its own chunk and these ~26 KB of CSS-as-string stay out of the main
+ * bundle (mirrors the `exportFonts.ts` pattern). The chunk is emitted per build
+ * entry (`dist/` and `dist/react/`).
+ */
+export declare const EXPORT_LAYOUT_CSS: string;

package/dist/react/utils/exportUtils.d.ts

@@ -7,7 +7,7 @@ type ExportFilterOptions = {
     svgMode?: SvgExportMode;
 };
 export declare function filterRenderedElements(container: HTMLElement, options?: ExportFilterOptions): void;
-export declare const getSVG: (container: HTMLElement, clip: Rect, options?: ExportFilterOptions) => string;
+export declare const getSVG: (container: HTMLElement, clip: Rect, options?: ExportFilterOptions, fontFaceCss?: string) => string;
 /**
  * Extract all coordinate points from an SVG path string.
  * This includes endpoints AND control points for bezier curves,
@@ -72,6 +72,25 @@ declare function convertStyleToAttributes(node: Element | ChildNode): void;
  * from inline styles are present as attributes.
  */
 declare function ensureTextFontDefaults(svg: Element): void;
+/**
+ * Resolve relative `font-size` (`%`, `em`) to px against the inherited size —
+ * otherwise stereotypes (`font-size="85%"`) balloon over the class title. Walks
+ * depth-first carrying the resolved px; runs after ensureTextFontDefaults so
+ * every <text> already has a px size to inherit.
+ */
+declare function resolveRelativeFontSizes(el: Element, inheritedPx?: number): void;
+/**
+ * Flatten cumulative `<tspan dy>` to absolute `y` — Skia collapses sibling
+ * tspans onto one line, overlapping a stereotype with its class name. Assumes
+ * the flat `<text><tspan/></text>` shape Apollon emits (no nested tspans).
+ */
+declare function resolveTspanDy(svg: Element): void;
+/**
+ * Resolve `dominant-baseline` to an explicit baseline `y` — non-browser engines
+ * draw every label at the alphabetic baseline (too high) otherwise. Runs after
+ * resolveTspanDy so tspan `y` is already absolute.
+ */
+declare function resolveDominantBaseline(svg: Element): void;
 /**
  * Replace `text-decoration="underline"` on `<text>` elements with manual
  * `<line>` siblings so the underline is visible in non-browser renderers.
@@ -85,6 +104,13 @@ declare function ensureTextFontDefaults(svg: Element): void;
  * The SVG must be temporarily attached to the DOM for `getBBox()` to work.
  */
 declare function replaceTextDecorationWithManualUnderline(svg: SVGSVGElement): void;
+/**
+ * Embed `@font-face` CSS (typically the bundled Inter woff2 as base64) into the
+ * export SVG so the document carries its own font and renders identically when
+ * opened away from the editor. Inserted first so the face is declared before
+ * any `<text>` references it. Idempotent: a second call is a no-op.
+ */
+declare function embedFontFaceCss(svg: SVGSVGElement, css: string): void;
 /**
  * Final safety pass: strip any legacy <marker> references that could sneak in
  * from third-party content. Keeps exports clean for PowerPoint/Keynote.
@@ -94,6 +120,7 @@ declare function removeMarkerElements(svg: Element): void;
  * @internal — Exported for unit testing only. Not part of the public API.
  */
 export declare const __testing: {
+    readonly embedFontFaceCss: typeof embedFontFaceCss;
     readonly filterRenderedElements: typeof filterRenderedElements;
     readonly getRenderedDiagramBounds: typeof getRenderedDiagramBounds;
     readonly extractPathPoints: typeof extractPathPoints;
@@ -102,6 +129,9 @@ export declare const __testing: {
     readonly replaceCSSVariables: typeof replaceCSSVariables;
     readonly convertStyleToAttributes: typeof convertStyleToAttributes;
     readonly ensureTextFontDefaults: typeof ensureTextFontDefaults;
+    readonly resolveRelativeFontSizes: typeof resolveRelativeFontSizes;
+    readonly resolveTspanDy: typeof resolveTspanDy;
+    readonly resolveDominantBaseline: typeof resolveDominantBaseline;
     readonly removeMarkerElements: typeof removeMarkerElements;
     readonly replaceTextDecorationWithManualUnderline: typeof replaceTextDecorationWithManualUnderline;
     readonly mergeBounds: typeof mergeBounds;