@yuzhouu/canvas-kit 0.1.4 → 0.1.5

package/_vendor/plugin-geo/geoTools.d.ts

@@ -4,6 +4,7 @@ declare class BoxGeoTool extends StateNode {
     private readonly geo;
     constructor(editor: Editor, id: string, geo: GeoShapeKind);
     getDefaultProps(): GeoShapeProps;
+    protected onEnter(): void;
 }
 export declare class RectangleTool extends BoxGeoTool {
     constructor(editor: Editor);

package/_vendor/plugin-text/canvas.d.ts

@@ -1,2 +1,5 @@
+import { type TextFontCatalog } from "./textFonts";
 import { type LandCanvasPlugin } from "../canvas-react/host/index";
-export declare function createTextCanvasPlugin(): LandCanvasPlugin;
+export declare function createTextCanvasPlugin({ fontCatalog, }?: {
+    fontCatalog?: TextFontCatalog;
+}): LandCanvasPlugin;

package/_vendor/plugin-text/editor.d.ts

@@ -1,2 +1,5 @@
 import { type LandEditorPlugin } from "../canvas-core/index";
-export declare function createTextEditorPlugin(): LandEditorPlugin;
+import { type TextFontCatalog } from "./textFonts";
+export declare function createTextEditorPlugin({ fontCatalog, }?: {
+    fontCatalog?: TextFontCatalog;
+}): LandEditorPlugin;

package/_vendor/plugin-text/feature.d.ts

@@ -1,3 +1,4 @@
 import { type LandFeatureBundle } from "../canvas-react/host/index";
-export declare function createTextFeatureBundle(): LandFeatureBundle;
-export declare const Text: import("../canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>;
+import { type TextExtensionOptions } from "./textFonts";
+export declare function createTextFeatureBundle(options?: Readonly<TextExtensionOptions>): LandFeatureBundle;
+export declare const Text: import("../canvas-react/host/index").ConfigurableLandExtension<TextExtensionOptions>;

package/_vendor/plugin-text/host/RichTextEditingBox.d.ts

@@ -1,5 +1,7 @@
 import type { TextShapeRecord } from "../textTypes";
-export declare function ShapeEditingSessionBox({ shapeId, markId, }: {
+import type { TextFontCatalog } from "../textFonts";
+export declare function ShapeEditingSessionBox({ shapeId, markId, fontCatalog, }: {
     shapeId: TextShapeRecord["id"];
     markId: string;
+    fontCatalog: TextFontCatalog;
 }): import("react/jsx-runtime").JSX.Element | null;

package/_vendor/plugin-text/host/TiptapTextEditor.d.ts

@@ -2,6 +2,7 @@ import { type CSSProperties } from "react";
 import { type Editor as TiptapEditor } from "@tiptap/react";
 import type { Editor as LandEditor } from "../../canvas-core/index";
 import type { RichTextDocument, TextShapeRecord } from "../textTypes";
+import type { TextFontCatalog } from "../textFonts";
 import { type TiptapTextEditorController } from "./tiptapTextEditorController";
 export interface TiptapTextEditorHandle {
     readonly editor: TiptapEditor;
@@ -10,6 +11,7 @@ export interface TiptapTextEditorHandle {
 export interface TiptapTextEditorProps {
     landEditor: LandEditor;
     shape: TextShapeRecord;
+    fontCatalog: TextFontCatalog;
     initialRichText: RichTextDocument;
     className: string;
     editorStyle: CSSProperties;
@@ -21,4 +23,4 @@ export interface TiptapTextEditorProps {
         richText: RichTextDocument;
     }): void;
 }
-export declare function TiptapTextEditor({ landEditor, shape, initialRichText, className, editorStyle, onReady, onDispose, onRichTextChange, }: TiptapTextEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function TiptapTextEditor({ landEditor, shape, fontCatalog, initialRichText, className, editorStyle, onReady, onDispose, onRichTextChange, }: TiptapTextEditorProps): import("react/jsx-runtime").JSX.Element;

package/_vendor/plugin-text/host/textEditingBoxStyle.d.ts

@@ -1,3 +1,4 @@
 import { type CSSProperties } from "react";
 import type { TextShapeRecord } from "../textTypes";
-export declare function useTextEditingBoxStyle(shape: TextShapeRecord): CSSProperties;
+import type { TextFontCatalog } from "../textFonts";
+export declare function useTextEditingBoxStyle(shape: TextShapeRecord, fontCatalog: TextFontCatalog): CSSProperties;

package/_vendor/plugin-text/host/textFontLoader.d.ts

@@ -1,2 +1,3 @@
 import type { TextShapeFont } from "../textTypes";
-export declare function ensureTextFontLoaded(font: TextShapeFont, ownerDocument?: Document): Promise<void>;
+import { type TextFontCatalog } from "../textFonts";
+export declare function ensureTextFontLoaded(font: TextShapeFont, fontCatalog: TextFontCatalog, ownerDocument?: Document): Promise<void>;

package/_vendor/plugin-text/host/textMeasurement.d.ts

@@ -1,12 +1,13 @@
 import type { Editor as TiptapEditor } from "@tiptap/react";
 import type { RichTextDocument, TextShapeRecord } from "../textTypes";
+import type { TextFontCatalog } from "../textFonts";
 export declare const TEXT_AUTO_SIZE_MIN_W = 16;
-export declare function measureTextShapeFromEditor(textEditor: TiptapEditor, shape: TextShapeRecord): {
+export declare function measureTextShapeFromEditor(textEditor: TiptapEditor, shape: TextShapeRecord, fontCatalog: TextFontCatalog): {
     w: number;
     h: number;
 } | undefined;
-export declare function measureTextShapeFromRichText(richText: RichTextDocument, shape: TextShapeRecord): {
+export declare function measureTextShapeFromRichText(richText: RichTextDocument, shape: TextShapeRecord, fontCatalog: TextFontCatalog): {
     w: number;
     h: number;
 } | undefined;
-export declare function applyTextShapeElementStyles(element: HTMLElement, shape: TextShapeRecord): void;
+export declare function applyTextShapeElementStyles(element: HTMLElement, shape: TextShapeRecord, fontCatalog: TextFontCatalog): void;

package/_vendor/plugin-text/host/textMeasurementSync.d.ts

@@ -1,5 +1,6 @@
 import type { ChangeSource, Editor } from "../../canvas-core/index";
 import type { TextShapeRecord } from "../textTypes";
+import type { TextFontCatalog } from "../textFonts";
 import type { TiptapTextEditorController } from "./tiptapTextEditorController";
 export declare function scheduleTextEditorMeasurement(editor: Editor, controller: TiptapTextEditorController, latestShapeRef: {
     current: TextShapeRecord;
@@ -7,4 +8,4 @@ export declare function scheduleTextEditorMeasurement(editor: Editor, controller
     current: number | null;
 }): void;
 export declare function measureTextEditorLayout(editor: Editor, controller: TiptapTextEditorController, shape: TextShapeRecord): void;
-export declare function measureTextShapeRichTextLayout(editor: Editor, shape: TextShapeRecord, source?: ChangeSource): void;
+export declare function measureTextShapeRichTextLayout(editor: Editor, shape: TextShapeRecord, fontCatalog: TextFontCatalog, source?: ChangeSource): void;

package/_vendor/plugin-text/host/textShapeRendererRuntime.d.ts

@@ -1,8 +1,9 @@
 import { type ReactNode } from "react";
 import type { Editor } from "../../canvas-core/index";
 import type { TextShapeRecord } from "../textTypes";
+import type { TextFontCatalog } from "../textFonts";
 export interface TextShapeRendererRuntime {
     isEditingThisShape: boolean;
     editingHost: ReactNode;
 }
-export declare function useTextShapeRendererRuntime(editor: Editor, shape: TextShapeRecord): TextShapeRendererRuntime;
+export declare function useTextShapeRendererRuntime(editor: Editor, shape: TextShapeRecord, fontCatalog: TextFontCatalog): TextShapeRendererRuntime;

package/_vendor/plugin-text/host/textShapeSync.d.ts

@@ -2,14 +2,16 @@ import { type MutableRefObject } from "react";
 import type { Editor as TiptapEditor } from "@tiptap/react";
 import type { Editor } from "../../canvas-core/index";
 import { type RichTextDocument, type TextShapeRecord } from "../textTypes";
+import type { TextFontCatalog } from "../textFonts";
 import type { TiptapTextEditorController } from "./tiptapTextEditorController";
 export declare function useLatestTextShapeRef(shape: TextShapeRecord): MutableRefObject<TextShapeRecord>;
-export declare function useRichTextShapeSync({ editor, shape, tiptapEditor, richTextController, latestShapeRef, }: {
+export declare function useRichTextShapeSync({ editor, shape, tiptapEditor, richTextController, latestShapeRef, fontCatalog, }: {
     editor: Editor;
     shape: TextShapeRecord;
     tiptapEditor: TiptapEditor | null;
     richTextController: TiptapTextEditorController | null;
     latestShapeRef: MutableRefObject<TextShapeRecord>;
+    fontCatalog: TextFontCatalog;
 }): (input: {
     editor: TiptapEditor;
     controller: TiptapTextEditorController;

package/_vendor/plugin-text/host/tiptapTextEditorController.d.ts

@@ -1,6 +1,7 @@
 import type { Editor as TiptapEditor } from "@tiptap/react";
 import { type Editor, type ShapeId } from "../../canvas-core/index";
 import type { RichTextDocument, TextShapeRecord } from "../textTypes";
+import type { TextFontCatalog } from "../textFonts";
 export interface TiptapTextSelectionSnapshot {
     type: string | null;
     text: string | null;
@@ -27,7 +28,8 @@ export interface TiptapTextEditorController {
     } | undefined;
     onCompositionStateChange(listener: (isComposing: boolean) => void): () => void;
 }
-export declare function createTiptapTextEditorController({ shapeId, editor, }: {
+export declare function createTiptapTextEditorController({ shapeId, editor, fontCatalog, }: {
     shapeId: ShapeId;
     editor: TiptapEditor;
+    fontCatalog: TextFontCatalog;
 }): TiptapTextEditorController;

package/_vendor/plugin-text/index.d.ts

@@ -1,4 +1,6 @@
 export { Text, createTextFeatureBundle } from "./feature";
+export { DEFAULT_TEXT_FONT, HOST_TEXT_FONT, createDefaultTextFontCatalog, createDefaultTextExtensionOptions, } from "./textFonts";
 export { createRichTextFromPlainText, getPlainTextFromRichText, validateRichTextDocument, } from "./richTextUtils";
 export { isTextShapeRecord, updateTextShapeRichText, } from "./textShapeHelpers";
+export type { TextExtensionOptions, TextFontDefinition, TextFontFaceSource, TextFontSource, TextStylesheetFontSource, TextSystemFontSource, } from "./textFonts";
 export type { RichTextDocument, TextShapeAlign, TextShapeFont, TextShapeProps, TextShapeRecord, TextShapeSize, } from "./textTypes";

package/_vendor/plugin-text/textFonts.d.ts

@@ -0,0 +1,46 @@
+import type { TextShapeFont } from "./textTypes";
+export declare const DEFAULT_TEXT_FONT: "default";
+export declare const DEFAULT_TEXT_FONT_LABEL = "Default";
+export interface TextSystemFontSource {
+    readonly kind: "system";
+}
+export interface TextStylesheetFontSource {
+    readonly kind: "stylesheet";
+    readonly cssUrl: string;
+    readonly family: string;
+    readonly weights?: readonly number[];
+    readonly sampleText?: string;
+}
+export interface TextFontFaceSource {
+    readonly kind: "font-face";
+    readonly family: string;
+    readonly src: string | ArrayBuffer;
+    readonly descriptors?: FontFaceDescriptors;
+    readonly weights?: readonly number[];
+    readonly sampleText?: string;
+}
+export type TextFontSource = TextSystemFontSource | TextStylesheetFontSource | TextFontFaceSource;
+export interface TextFontDefinition {
+    readonly id: TextShapeFont;
+    readonly label: string;
+    readonly cssFamily: string;
+    readonly source?: TextFontSource;
+}
+export interface TextFontCatalog {
+    readonly defaultFont: TextFontDefinition;
+    readonly defaultFontLabel: string;
+    readonly fontOptions: readonly TextFontDefinition[];
+    readonly fontsById: ReadonlyMap<TextShapeFont, TextFontDefinition>;
+}
+export type TextExtensionOptions = {
+    defaultFont: TextFontDefinition;
+    defaultFontLabel: string;
+    fonts: readonly TextFontDefinition[];
+};
+export declare const HOST_TEXT_FONT: TextFontDefinition;
+export declare function createDefaultTextExtensionOptions(): TextExtensionOptions;
+export declare function createDefaultTextFontCatalog(): TextFontCatalog;
+export declare function createTextFontCatalog(options: Readonly<TextExtensionOptions>): TextFontCatalog;
+export declare function isUsableFontId(value: unknown): value is TextShapeFont;
+export declare function isTextFontInCatalog(fontCatalog: TextFontCatalog, font: unknown): font is TextShapeFont;
+export declare function resolveTextFont(fontCatalog: TextFontCatalog, font: TextShapeFont): TextFontDefinition;

package/_vendor/plugin-text/textShapeSvgExporter.d.ts

@@ -1,6 +1,9 @@
 import { type ShapeSvgExporter, type SvgExportContext, type SvgNode } from "../canvas-core/index";
 import type { TextShapeRecord } from "./textTypes";
+import type { TextFontCatalog } from "./textFonts";
 export declare class TextShapeSvgExporter implements ShapeSvgExporter<TextShapeRecord> {
+    private readonly fontCatalog;
     readonly type: "text";
+    constructor(fontCatalog: TextFontCatalog);
     toSvg(shape: TextShapeRecord, context: SvgExportContext): SvgNode | null;
 }

package/_vendor/plugin-text/textStyle.d.ts

@@ -1,6 +1,15 @@
 import type { TextShapeAlign, TextShapeFont, TextShapeRecord, TextShapeSize } from "./textTypes";
-export declare const DEFAULT_TEXT_FONT: TextShapeFont;
-export declare function getTextFontFamily(font: TextShapeFont): string;
+import { DEFAULT_TEXT_FONT, type TextFontCatalog } from "./textFonts";
+export { DEFAULT_TEXT_FONT };
+export declare const TEXT_SIZE_PRESETS: {
+    readonly s: 14;
+    readonly m: 16;
+    readonly l: 20;
+    readonly xl: 28;
+};
+export declare const DEFAULT_TEXT_SIZE: TextShapeSize;
+export declare function normalizeTextSize(value: unknown, fallback?: TextShapeSize): TextShapeSize;
+export declare function getTextFontFamily(font: TextShapeFont, fontCatalog: TextFontCatalog): string;
 export declare function getTextFontSize(size: TextShapeSize): number;
 export declare function getTextLineHeight(size: TextShapeSize): number;
 export declare function getTextMinHeight(size: TextShapeSize, scale?: number): number;

package/_vendor/plugin-text/textTypes.d.ts

@@ -8,8 +8,8 @@ export interface RichTextDocument {
     attrs?: Record<string, RichTextJsonValue>;
     content: JSONContent[];
 }
-export type TextShapeFont = "noto-sans-sc" | "noto-serif-sc" | "noto-sans-mono" | "ma-shan-zheng";
-export type TextShapeSize = "s" | "m" | "l" | "xl";
+export type TextShapeFont = string;
+export type TextShapeSize = number;
 export type TextShapeAlign = "start" | "middle" | "end";
 export interface TextShapeProps {
     richText: RichTextDocument;

package/builtins/controller/shapeCreationController.d.ts

@@ -17,8 +17,10 @@ export interface BuiltInCanvasTextInput {
     text: string;
     w?: number;
     h?: number;
+    font?: TextShapeProps["font"];
     color?: ShapeColor;
     size?: TextShapeProps["size"];
+    textAlign?: TextShapeProps["textAlign"];
 }
 export interface BuiltInCanvasFrameInput extends BuiltInCanvasShapeInput {
     name?: string;

package/builtins/extensions.d.ts

@@ -1,3 +1,5 @@
+import type { LandExtensionOptionsInput } from "../_vendor/canvas-react/host/index";
+import { type TextExtensionOptions } from "../_vendor/plugin-text/index";
 export interface BuiltInCanvasExtensionOptions {
     arrow?: boolean;
     draw?: boolean;
@@ -7,9 +9,9 @@ export interface BuiltInCanvasExtensionOptions {
     group?: boolean;
     image?: boolean;
     laser?: boolean;
-    text?: boolean;
+    text?: boolean | LandExtensionOptionsInput<TextExtensionOptions>;
 }
-export declare const builtInCanvasExtensions: readonly [import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>];
+export declare const builtInCanvasExtensions: readonly [import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<TextExtensionOptions>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>];
 export type BuiltInCanvasExtension = (typeof builtInCanvasExtensions)[number];
 export declare function createBuiltInCanvasExtensions(options?: BuiltInCanvasExtensionOptions): readonly BuiltInCanvasExtension[];
 export declare function hasBuiltInCanvasExtension(extensions: readonly BuiltInCanvasExtension[], name: keyof BuiltInCanvasExtensionOptions): boolean;

package/index.d.ts

@@ -1,4 +1,6 @@
 export { createCustomShapeColor, createThemeShapeColor, getThemeColorTokenName, isCustomShapeColorRef, isThemeShapeColorRef, resolveShapeColor, shapeColorToCssColor, } from "./_vendor/canvas-core/index";
+export { DEFAULT_TEXT_FONT, HOST_TEXT_FONT, createDefaultTextFontCatalog, createDefaultTextExtensionOptions, } from "./_vendor/plugin-text/index";
+export type { TextExtensionOptions, TextFontDefinition, TextFontFaceSource, TextFontSource, TextStylesheetFontSource, TextSystemFontSource, } from "./_vendor/plugin-text/index";
 export type { CustomShapeColorRef, ShapeColor, ShapeColorRef, ThemeColorSlot, ThemeColorTokenName, ThemeShapeColorRef, } from "./_vendor/canvas-core/index";
 export { CanvasKitFloatingToolbarLayer, } from "./chrome/CanvasKitFloatingToolbarLayer";
 export { FloatingSelectionToolbarPageSpace, } from "./chrome/FloatingSelectionToolbarPageSpace";