presenter 0.5.4 → 0.6.0

package/dist/src/constructors/Grid.d.ts

@@ -0,0 +1,21 @@
+import { Group } from "../objects/Group";
+import { Anchor } from "../types/Anchor";
+import { SlideObject } from "../types/SlideObject";
+export interface GridProps {
+    readonly anchor: Anchor;
+    readonly cols: number;
+    readonly gapX: number;
+    readonly gapY: number;
+    readonly height: number | ((row: number, col: number) => number);
+    readonly objects: (row: number, col: number) => SlideObject | null;
+    readonly rows: number;
+    readonly width: number | ((row: number, col: number) => number);
+    readonly x: number;
+    readonly y: number;
+}
+interface Return {
+    readonly grid: Group;
+    readonly objects: (SlideObject | null)[][];
+}
+export declare function Grid(props: Partial<GridProps>): Return;
+export {};

package/dist/src/export/image-renderer/ImageRenderer.d.ts

@@ -0,0 +1,9 @@
+import { ImageRendererProps } from "./types/ImageRendererProps";
+import { ImageRendererState } from "./types/ImageRendererState";
+export declare class ImageRenderer {
+    props: ImageRendererProps;
+    state: ImageRendererState;
+    constructor(props: Partial<ImageRendererProps>);
+    save(directoryName: string, startImageIndex?: number): Promise<void>;
+    renderImage(slideIndex: number, buildIndex: number, buildTime?: number | null): Promise<void>;
+}

package/dist/src/export/image-renderer/types/ImageRendererProps.d.ts

@@ -0,0 +1,26 @@
+import { BrowserCanvasObjectRenderer } from "../../../renderer/browser-canvas/types/BrowserCanvasObjectRenderer";
+import { Presentation } from "../../../types/Presentation";
+import { SlideObject } from "../../../types/SlideObject";
+export interface ImageRendererProps {
+    readonly presentation: Presentation;
+    /**
+     * An animated export includes all frames of animation in the entire presentation.
+     * Non-animated exports only include key builds.
+     */
+    readonly isAnimatedExport: boolean;
+    /**
+     * The number of frames to hold for each animation step.
+     * Applies only to animated exports.
+     */
+    readonly animationHoldFrames: number;
+    /**
+     * The number of frames per second for animated exports.
+     */
+    readonly framesPerSecond: number;
+    readonly getFilenameForImage: (imageIndex: number) => string;
+    readonly imageFormat: "png" | "jpeg" | "webp" | "svg";
+    /** How frequently to log progress frame. */
+    readonly logFrequency: number;
+    readonly objectRenderers: Record<string, BrowserCanvasObjectRenderer<SlideObject>>;
+    readonly resourcePathPrefix: string;
+}

package/dist/src/export/image-renderer/types/ImageRendererState.d.ts

@@ -0,0 +1,8 @@
+import { UnifiedImage } from "../../../renderer/browser-canvas/types/UnifiedImage";
+export interface ImageRendererState {
+    directoryName: string;
+    imageIndex: number;
+    imageById: Record<string, UnifiedImage>;
+    startImageIndex: number;
+}
+export declare const IMAGE_RENDERER_DEFAULT_STATE: ImageRendererState;

package/dist/src/export/index.d.ts

@@ -1,24 +1,2 @@
-import "svg2pdf.js";
-import { Presentation } from "../presentation/presentation";
-/**
- * Renders the SVG content of a single slide of a presentation to a PNG image.
- */
-export declare function renderCurrentSlide(presentation: Presentation, filename: string): Promise<void>;
-/**
- * Renders the SVG content of all slides in a presentation as PNG images.
- */
-export declare function renderPresentationAsImages(presentation: Presentation): Promise<void>;
-/**
- * Renders whole slide container (background, additional element canvas, svg)
- * and sends to a server endpoint.
- *
- * When rendering all componenst of the slide container, the server endpoint
- * is requried to perform additional image compositing to generate the
- * render.
- */
-export declare function exportCurrentSlideContainer(presentation: Presentation, filename: string, serverEndpoint: string): Promise<void>;
-/**
- * Exports the whole slide content of all slides and sends to a server endpoint.
- */
-export declare function exportAllSlides(presentation: Presentation, serverEndpoint: string): Promise<void>;
-export declare function exportToPDF(presentation: Presentation, promptForConfirmation?: boolean): Promise<void>;
+export { ImageRenderer } from "./image-renderer/ImageRenderer";
+export { PDFRenderer } from "./pdf-renderer/PDFRenderer";

package/dist/src/export/pdf-renderer/PDFRenderer.d.ts

@@ -0,0 +1,10 @@
+import { Canvas } from "skia-canvas";
+import { PDFRendererProps } from "./types/PDFRendererProps";
+import { PDFRendererState } from "./types/PDFRendererState";
+export declare class PDFRenderer {
+    props: PDFRendererProps;
+    state: PDFRendererState;
+    constructor(props: Partial<PDFRendererProps>);
+    save(filename: string): Promise<void>;
+    addPage(canvas: Canvas, slideIndex: number, buildIndex: number): void;
+}

package/dist/src/export/pdf-renderer/types/PDFRendererProps.d.ts

@@ -0,0 +1,8 @@
+import { BrowserCanvasObjectRenderer } from "../../../renderer/browser-canvas/types/BrowserCanvasObjectRenderer";
+import { Presentation } from "../../../types/Presentation";
+import { SlideObject } from "../../../types/SlideObject";
+export interface PDFRendererProps {
+    readonly presentation: Presentation;
+    readonly objectRenderers: Record<string, BrowserCanvasObjectRenderer<SlideObject>>;
+    readonly resourcePathPrefix: string;
+}

package/dist/src/export/pdf-renderer/types/PDFRendererState.d.ts

@@ -0,0 +1,5 @@
+import { UnifiedImage } from "../../../renderer/browser-canvas/types/UnifiedImage";
+export interface PDFRendererState {
+    imageById: Record<string, UnifiedImage>;
+}
+export declare const PDF_RENDERER_DEFAULT_STATE: PDFRendererState;

package/dist/src/export/utils/createCanvasElement.d.ts

@@ -0,0 +1,3 @@
+import { Canvas } from "skia-canvas";
+import { Size } from "../../types/Size";
+export declare function createCanvasElement(size: Size): Canvas;

package/dist/src/export/utils/createPath2D.d.ts

@@ -0,0 +1,2 @@
+import { UnifiedPath2D } from "../../renderer/browser-canvas/types/UnifiedPath2D";
+export declare function createPath2D(): UnifiedPath2D;

package/dist/src/export/utils/loadPresentationImages.d.ts

@@ -0,0 +1,2 @@
+import { UnifiedImage } from "../../renderer/browser-canvas/types/UnifiedImage";
+export declare function loadPresentationImages(imagePathById: Record<string, string>, pathPrefix: string): Promise<Record<string, UnifiedImage>>;

package/dist/src/index.d.ts

@@ -1,25 +1,43 @@
-export * from "./presentation/presentation";
-export * from "./presentation/slide";
-export * from "./presentation/object";
-export * from "./objects/arrow";
-export * from "./objects/circle";
-export * from "./objects/grid";
-export * from "./objects/group";
-export * from "./objects/iframe";
-export * from "./objects/image";
-export * from "./objects/line";
-export * from "./objects/mask";
-export * from "./objects/paragraph";
-export * from "./objects/polygon";
-export * from "./objects/path";
-export * from "./objects/screenCapture";
-export * from "./objects/text";
-export * from "./objects/rectangle";
-export * from "./objects/vectorGraphic";
-export * from "./library/bullets";
-export * from "./library/mainTitle";
-export * from "./library/slideTitle";
-export * from "./util/animation";
-export * from "./util/easing";
-export * from "./util/position";
-export * from "./util/richText";
+export { Grid } from "./constructors/Grid";
+export { Arrow } from "./objects/Arrow";
+export { Circle } from "./objects/Circle";
+export { Group } from "./objects/Group";
+export { Image } from "./objects/Image";
+export { Line } from "./objects/Line";
+export { Mask } from "./objects/Mask";
+export { Path } from "./objects/Path";
+export { Polygon } from "./objects/Polygon";
+export { Rectangle } from "./objects/Rectangle";
+export { Text } from "./objects/Text";
+export { BrowserCanvasRenderer } from "./renderer/browser-canvas/BrowserCanvasRenderer";
+export { BrowserCanvasRendererProps } from "./renderer/browser-canvas/types/BrowserCanvasRendererProps";
+export { type BrowserCanvasContext, type NodeCanvasContext, type UnifiedCanvasContext, } from "./renderer/browser-canvas/types/UnifiedCanvasContext";
+export { type BrowserPath2D, type NodePath2D, type UnifiedPath2D, } from "./renderer/browser-canvas/types/UnifiedPath2D";
+export { Alignment } from "./types/Alignment";
+export { Anchor } from "./types/Anchor";
+export { Animate, AnimationParams } from "./types/Animate";
+export { Color } from "./types/Color";
+export { Easing } from "./types/Easing";
+export { EasingFunction } from "./types/EasingFunction";
+export { FontStyle } from "./types/FontStyle";
+export { FontWeight } from "./types/FontWeight";
+export { Interpolator } from "./types/Interpolator";
+export { ObjectType } from "./types/ObjectType";
+export { Pause } from "./types/Pause";
+export { Position } from "./types/Position";
+export { Presentation } from "./types/Presentation";
+export { Resources } from "./types/Resources";
+export { Size } from "./types/Size";
+export { Slide } from "./types/Slide";
+export { SlideObject } from "./types/SlideObject";
+export { TextContent } from "./types/TextContent";
+export { TextUnit } from "./types/TextUnit";
+export { Update } from "./types/Update";
+export { Opaque } from "./utils/color/Opaque";
+export { Transparent } from "./utils/color/Transparent";
+export { getSmoothPathInterpolator } from "./utils/interpolate/getSmoothPathInterpolator";
+export { interpolateColor } from "./utils/interpolate/interpolateColor";
+export { interpolateNumber } from "./utils/interpolate/interpolateNumber";
+export { getSizingFunctions } from "./utils/layout/getSizingFunctions";
+export { getTextContentLength } from "./utils/objects/text/getTextContentLength";
+export { getKeySlideBuildIndices } from "./utils/slide/getKeySlideBuildIndices";

package/dist/src/navigator/openNavigator.d.ts

@@ -0,0 +1,8 @@
+import { Presentation } from "../types/Presentation";
+interface Args {
+    readonly presentation: Presentation;
+    readonly onNavigateToSlide: (slideIndex: number) => void;
+}
+export declare function openNavigator({ presentation, onNavigateToSlide }: Args): void;
+export declare function createNavigatorElement(presentation: Presentation, onNavigateToSlide: (slideIndex: number) => void): HTMLDivElement;
+export {};

package/dist/src/objects/Arrow.d.ts

@@ -0,0 +1,18 @@
+import { Color } from "../types/Color";
+import { ObjectType } from "../types/ObjectType";
+import { SlideObject } from "../types/SlideObject";
+export interface Arrow extends SlideObject {
+    readonly objectType: typeof ObjectType.ARROW;
+    readonly arrowheadSize: number;
+    readonly color: Color;
+    readonly drawn: number;
+    readonly endX: number;
+    readonly endY: number;
+    readonly isArrowheadDoubled: boolean;
+    readonly isArrowheadFilled: boolean;
+    readonly isDrawnFromCenter: boolean;
+    readonly startX: number;
+    readonly startY: number;
+    readonly width: number;
+}
+export declare function Arrow(props?: Partial<Arrow> | null): Arrow;

package/dist/src/objects/Circle.d.ts

@@ -0,0 +1,16 @@
+import { Anchor } from "../types/Anchor";
+import { Color } from "../types/Color";
+import { ObjectType } from "../types/ObjectType";
+import { SlideObject } from "../types/SlideObject";
+export interface Circle extends SlideObject {
+    readonly objectType: typeof ObjectType.CIRCLE;
+    readonly anchor: Anchor;
+    readonly borderColor: Color;
+    readonly borderWidth: number;
+    readonly drawn: number;
+    readonly fill: Color;
+    readonly radius: number;
+    readonly x: number;
+    readonly y: number;
+}
+export declare function Circle(props?: Partial<Circle> | null): Circle;

package/dist/src/objects/Group.d.ts

@@ -0,0 +1,17 @@
+import { Anchor } from "../types/Anchor";
+import { ObjectType } from "../types/ObjectType";
+import { SlideObject } from "../types/SlideObject";
+export interface Group extends SlideObject {
+    readonly objectType: typeof ObjectType.GROUP;
+    readonly anchor: Anchor;
+    readonly height: number;
+    readonly objects: SlideObject[];
+    readonly rotateOriginX: number;
+    readonly rotateOriginY: number;
+    readonly rotation: number;
+    readonly scale: number;
+    readonly width: number;
+    readonly x: number;
+    readonly y: number;
+}
+export declare function Group(objects: SlideObject[], props?: Partial<Omit<Group, "objects">> | null): Group;

package/dist/src/objects/Image.d.ts

@@ -0,0 +1,15 @@
+import { Anchor } from "../types/Anchor";
+import { ObjectType } from "../types/ObjectType";
+import { SlideObject } from "../types/SlideObject";
+export interface Image extends SlideObject {
+    readonly objectType: typeof ObjectType.IMAGE;
+    readonly anchor: Anchor;
+    readonly height: number;
+    readonly imageId: string;
+    readonly rounding: number;
+    readonly smooth: boolean;
+    readonly width: number;
+    readonly x: number;
+    readonly y: number;
+}
+export declare function Image(props?: Partial<Image> | null): Image;

package/dist/src/objects/Line.d.ts

@@ -0,0 +1,15 @@
+import { Color } from "../types/Color";
+import { ObjectType } from "../types/ObjectType";
+import { SlideObject } from "../types/SlideObject";
+export interface Line extends SlideObject {
+    readonly objectType: typeof ObjectType.LINE;
+    readonly color: Color;
+    readonly drawn: number;
+    readonly endX: number;
+    readonly endY: number;
+    readonly isDrawnFromCenter: boolean;
+    readonly startX: number;
+    readonly startY: number;
+    readonly width: number;
+}
+export declare function Line(props?: Partial<Line> | null): Line;

package/dist/src/objects/Mask.d.ts

@@ -0,0 +1,15 @@
+import { Anchor } from "../types/Anchor";
+import { ObjectType } from "../types/ObjectType";
+import { SlideObject } from "../types/SlideObject";
+export interface Mask extends SlideObject {
+    readonly objectType: typeof ObjectType.MASK;
+    readonly anchor: Anchor;
+    readonly height: number;
+    readonly objects: SlideObject[];
+    /** A debugging flag that allows previewing the mask shape. */
+    readonly preview: boolean;
+    readonly width: number;
+    readonly x: number;
+    readonly y: number;
+}
+export declare function Mask(objects: SlideObject[], props?: Partial<Omit<Mask, "objects">> | null): Mask;

package/dist/src/objects/Path.d.ts

@@ -0,0 +1,19 @@
+import { Anchor } from "../types/Anchor";
+import { Color } from "../types/Color";
+import { ObjectType } from "../types/ObjectType";
+import { SlideObject } from "../types/SlideObject";
+export interface Path extends SlideObject {
+    readonly objectType: typeof ObjectType.PATH;
+    readonly anchor: Anchor;
+    readonly color: Color;
+    readonly drawn: number;
+    readonly fill: Color;
+    readonly height: number;
+    readonly path: string;
+    readonly pathLength: number;
+    readonly strokeWidth: number;
+    readonly width: number;
+    readonly x: number;
+    readonly y: number;
+}
+export declare function Path(props?: Partial<Path> | null): Path;

package/dist/src/objects/Polygon.d.ts

@@ -0,0 +1,13 @@
+import { Color } from "../types/Color";
+import { ObjectType } from "../types/ObjectType";
+import { Position } from "../types/Position";
+import { SlideObject } from "../types/SlideObject";
+export interface Polygon extends SlideObject {
+    readonly objectType: typeof ObjectType.POLYGON;
+    readonly borderColor: Color;
+    readonly borderWidth: number;
+    readonly drawn: number;
+    readonly points: readonly Position[];
+    readonly fill: Color;
+}
+export declare function Polygon(props?: Partial<Polygon> | null): Polygon;

package/dist/src/objects/Rectangle.d.ts

@@ -0,0 +1,18 @@
+import { Anchor } from "../types/Anchor";
+import { Color } from "../types/Color";
+import { ObjectType } from "../types/ObjectType";
+import { SlideObject } from "../types/SlideObject";
+export interface Rectangle extends SlideObject {
+    readonly objectType: typeof ObjectType.RECTANGLE;
+    readonly anchor: Anchor;
+    readonly borderColor: Color;
+    readonly borderWidth: number;
+    readonly drawn: number;
+    readonly fill: Color;
+    readonly height: number;
+    readonly rounding: number;
+    readonly width: number;
+    readonly x: number;
+    readonly y: number;
+}
+export declare function Rectangle(props?: Partial<Rectangle> | null): Rectangle;

package/dist/src/objects/Text.d.ts

@@ -0,0 +1,25 @@
+import { Alignment } from "../types/Alignment";
+import { Anchor } from "../types/Anchor";
+import { Animate, AnimationParams } from "../types/Animate";
+import { ObjectType } from "../types/ObjectType";
+import { SlideObject } from "../types/SlideObject";
+import { TextContent } from "../types/TextContent";
+import { TextStyle } from "../types/TextStyle";
+export interface Text extends SlideObject, TextStyle {
+    readonly objectType: typeof ObjectType.TEXT;
+    readonly alignment: Alignment;
+    readonly anchor: Anchor;
+    /**
+     * The number of characters of the text to show.
+     * If `null`, shows all text.
+     */
+    readonly length: number | null;
+    readonly lineSpacing: number;
+    readonly text: TextContent;
+    readonly x: number;
+    readonly y: number;
+}
+export declare function Text(text?: TextContent, props?: Partial<Omit<Text, "objectType" | "text">> | null): Text;
+export declare namespace Text {
+    var writeOn: (text: Text, animationParams?: AnimationParams<Text>) => Animate<Text>;
+}

package/dist/src/renderer/browser-canvas/BrowserCanvasRenderer.d.ts

@@ -0,0 +1,12 @@
+import { BrowserCanvasRendererProps } from "./types/BrowserCanvasRendererProps";
+import { BrowserCanvasRendererState } from "./types/BrowserCanvasRendererState";
+export declare class BrowserCanvasRenderer {
+    props: BrowserCanvasRendererProps;
+    state: BrowserCanvasRendererState;
+    constructor(props: Partial<BrowserCanvasRendererProps>);
+    /** Starts the presentation. */
+    present(): Promise<void>;
+    renderSlide(slideIndex: number, buildIndex?: number, buildTime?: number | null): void;
+    next(skipIntermediateBuilds?: boolean): void;
+    previous(skipIntermediateBuilds?: boolean): void;
+}

package/dist/src/renderer/browser-canvas/objects/renderArrow.d.ts

@@ -0,0 +1,3 @@
+import { Arrow } from "../../../objects/Arrow";
+import { BrowserCanvasObjectRenderer } from "../types/BrowserCanvasObjectRenderer";
+export declare const renderArrow: BrowserCanvasObjectRenderer<Arrow>;

package/dist/src/renderer/browser-canvas/objects/renderCircle.d.ts

@@ -0,0 +1,3 @@
+import { Circle } from "../../../objects/Circle";
+import { BrowserCanvasObjectRenderer } from "../types/BrowserCanvasObjectRenderer";
+export declare const renderCircle: BrowserCanvasObjectRenderer<Circle>;

package/dist/src/renderer/browser-canvas/objects/renderGroup.d.ts

@@ -0,0 +1,3 @@
+import { Group } from "../../../objects/Group";
+import { BrowserCanvasObjectRenderer } from "../types/BrowserCanvasObjectRenderer";
+export declare const renderGroup: BrowserCanvasObjectRenderer<Group>;

package/dist/src/renderer/browser-canvas/objects/renderImage.d.ts

@@ -0,0 +1,3 @@
+import { Image } from "../../../objects/Image";
+import { BrowserCanvasObjectRenderer } from "../types/BrowserCanvasObjectRenderer";
+export declare const renderImage: BrowserCanvasObjectRenderer<Image>;

package/dist/src/renderer/browser-canvas/objects/renderLine.d.ts

@@ -0,0 +1,3 @@
+import { Line } from "../../../objects/Line";
+import { BrowserCanvasObjectRenderer } from "../types/BrowserCanvasObjectRenderer";
+export declare const renderLine: BrowserCanvasObjectRenderer<Line>;

package/dist/src/renderer/browser-canvas/objects/renderMask.d.ts

@@ -0,0 +1,3 @@
+import { Mask } from "../../../objects/Mask";
+import { BrowserCanvasObjectRenderer } from "../types/BrowserCanvasObjectRenderer";
+export declare const renderMask: BrowserCanvasObjectRenderer<Mask>;

package/dist/src/renderer/browser-canvas/objects/renderPath.d.ts

@@ -0,0 +1,3 @@
+import { Path } from "../../../objects/Path";
+import { BrowserCanvasObjectRenderer } from "../types/BrowserCanvasObjectRenderer";
+export declare const renderPath: BrowserCanvasObjectRenderer<Path>;

package/dist/src/renderer/browser-canvas/objects/renderPolygon.d.ts

@@ -0,0 +1,3 @@
+import { Polygon } from "../../../objects/Polygon";
+import { BrowserCanvasObjectRenderer } from "../types/BrowserCanvasObjectRenderer";
+export declare const renderPolygon: BrowserCanvasObjectRenderer<Polygon>;

package/dist/src/renderer/browser-canvas/objects/renderRectangle.d.ts

@@ -0,0 +1,3 @@
+import { Rectangle } from "../../../objects/Rectangle";
+import { BrowserCanvasObjectRenderer } from "../types/BrowserCanvasObjectRenderer";
+export declare const renderRectangle: BrowserCanvasObjectRenderer<Rectangle>;

package/dist/src/renderer/browser-canvas/objects/renderText.d.ts

@@ -0,0 +1,3 @@
+import { Text } from "../../../objects/Text";
+import { BrowserCanvasObjectRenderer } from "../types/BrowserCanvasObjectRenderer";
+export declare const renderText: BrowserCanvasObjectRenderer<Text>;

package/dist/src/renderer/browser-canvas/types/BrowserCanvasObjectRenderer.d.ts

@@ -0,0 +1,13 @@
+import { SlideObject } from "../../../types/SlideObject";
+import { UnifiedCanvasContext } from "./UnifiedCanvasContext";
+import { UnifiedImage } from "./UnifiedImage";
+import { UnifiedPath2D } from "./UnifiedPath2D";
+export interface BrowserCanvasObjectRendererArgs<T extends SlideObject> {
+    readonly ctx: UnifiedCanvasContext;
+    readonly object: T;
+    readonly opacity: number;
+    readonly imageById: Record<string, UnifiedImage>;
+    readonly createPath2D: (path?: string) => UnifiedPath2D;
+    readonly renderObject: (object: SlideObject, overallOpacity: number) => void;
+}
+export type BrowserCanvasObjectRenderer<T extends SlideObject> = (args: BrowserCanvasObjectRendererArgs<T>) => void;

package/dist/src/renderer/browser-canvas/types/BrowserCanvasRendererProps.d.ts

@@ -0,0 +1,9 @@
+import { Presentation } from "../../../types/Presentation";
+import { SlideObject } from "../../../types/SlideObject";
+import { BrowserCanvasObjectRenderer } from "./BrowserCanvasObjectRenderer";
+export interface BrowserCanvasRendererProps {
+    readonly presentation: Presentation;
+    readonly element: HTMLElement;
+    readonly objectRenderers: Record<string, BrowserCanvasObjectRenderer<SlideObject>>;
+    readonly cacheDurationMinutes: number;
+}

package/dist/src/renderer/browser-canvas/types/BrowserCanvasRendererState.d.ts

@@ -0,0 +1,16 @@
+import { ShortcutState } from "../../../types/ShortcutState";
+import { UnifiedImage } from "./UnifiedImage";
+export interface BrowserCanvasRendererState {
+    canvas: HTMLCanvasElement | null;
+    /** The index of the currently displayed slide. */
+    slideIndex: number;
+    /** The index of the current build within the current slide.
+     * If there are N animations on the slide, this will range from 0 to N inclusive.
+     */
+    buildIndex: number;
+    /** The ID of the currently running animation, if any. */
+    currentAnimationId: number | null;
+    imageById: Record<string, UnifiedImage>;
+    shortcutState: ShortcutState;
+}
+export declare const BROWSER_CANVAS_RENDERER_DEFAULT_STATE: BrowserCanvasRendererState;

package/dist/src/renderer/browser-canvas/types/UnifiedCanvasContext.d.ts

@@ -0,0 +1,18 @@
+import { type CanvasRenderingContext2D as SkiaCanvasRenderingContext2D } from "skia-canvas";
+export declare const CanvasContextType: {
+    readonly Browser: "browser";
+    readonly Node: "node";
+};
+export type CanvasContextType = (typeof CanvasContextType)[keyof typeof CanvasContextType];
+export interface BrowserCanvasContext {
+    readonly type: typeof CanvasContextType.Browser;
+    readonly context: CanvasRenderingContext2D;
+}
+export interface NodeCanvasContext {
+    readonly type: typeof CanvasContextType.Node;
+    readonly context: SkiaCanvasRenderingContext2D;
+}
+/**
+ * A unified CanvasRenderingContext2D type that works in both browser and Node.js environments.
+ */
+export type UnifiedCanvasContext = BrowserCanvasContext | NodeCanvasContext;

package/dist/src/renderer/browser-canvas/types/UnifiedImage.d.ts

@@ -0,0 +1,18 @@
+import { type Image } from "skia-canvas";
+export declare const ImageType: {
+    readonly Browser: "browser";
+    readonly Node: "node";
+};
+export type ImageType = (typeof ImageType)[keyof typeof ImageType];
+export interface BrowserImage {
+    readonly type: typeof ImageType.Browser;
+    readonly image: HTMLImageElement;
+}
+export interface NodeImage {
+    readonly type: typeof ImageType.Node;
+    readonly image: Image;
+}
+/**
+ * A unified Image type that works in both browser and Node.js environments.
+ */
+export type UnifiedImage = BrowserImage | NodeImage;

package/dist/src/renderer/browser-canvas/types/UnifiedPath2D.d.ts

@@ -0,0 +1,18 @@
+import { type Path2D as SkiaPath2D } from "skia-canvas";
+export declare const Path2DType: {
+    readonly Browser: "browser";
+    readonly Node: "node";
+};
+export type Path2DType = (typeof Path2DType)[keyof typeof Path2DType];
+export interface BrowserPath2D {
+    readonly type: typeof Path2DType.Browser;
+    readonly path: Path2D;
+}
+export interface NodePath2D {
+    readonly type: typeof Path2DType.Node;
+    readonly path: SkiaPath2D;
+}
+/**
+ * A unified Path2D type that works in both browser and Node.js environments.
+ */
+export type UnifiedPath2D = BrowserPath2D | NodePath2D;

package/dist/src/renderer/browser-canvas/utils/clearCanvas.d.ts

@@ -0,0 +1,2 @@
+import { UnifiedCanvasContext } from "../types/UnifiedCanvasContext";
+export declare function clearCanvas(canvas: HTMLCanvasElement, ctx: UnifiedCanvasContext): void;

package/dist/src/renderer/browser-canvas/utils/createCanvasElement.d.ts

@@ -0,0 +1,2 @@
+import { Size } from "../../../types/Size";
+export declare function createCanvasElement(size: Size): HTMLCanvasElement;

package/dist/src/renderer/browser-canvas/utils/createPath2D.d.ts

@@ -0,0 +1,2 @@
+import { UnifiedPath2D } from "../types/UnifiedPath2D";
+export declare function createPath2D(): UnifiedPath2D;

package/dist/src/renderer/browser-canvas/utils/defaultObjectRenderers.d.ts

@@ -0,0 +1,10 @@
+import { ObjectType } from "../../../types/ObjectType";
+import { SlideObject } from "../../../types/SlideObject";
+import { BrowserCanvasObjectRenderer } from "../types/BrowserCanvasObjectRenderer";
+type ObjectRendererMap = {
+    [T in ObjectType]: BrowserCanvasObjectRenderer<SlideObject & {
+        objectType: T;
+    }>;
+};
+export declare const DEFAULT_OBJECT_RENDERERS: ObjectRendererMap;
+export {};

package/dist/src/renderer/browser-canvas/utils/drawStroke.d.ts

@@ -0,0 +1,15 @@
+import { Color } from "../../../types/Color";
+import { UnifiedCanvasContext } from "../types/UnifiedCanvasContext";
+import { UnifiedPath2D } from "../types/UnifiedPath2D";
+interface Args {
+    readonly color: Color;
+    readonly ctx: UnifiedCanvasContext;
+    readonly drawn?: number | null;
+    readonly isDrawnFromCenter?: boolean;
+    readonly opacity?: number | null;
+    readonly path: UnifiedPath2D | undefined;
+    readonly pathLength?: number | null;
+    readonly width: number;
+}
+export declare function drawStroke({ ctx, color, drawn, isDrawnFromCenter, opacity, path, pathLength, width, }: Args): void;
+export {};