@shopify/react-native-skia/src/skia/web/JsiSkParagraphBuilderFactory.ts

High-performance React Native Graphics using Skia

import type { CanvasKit } from "canvaskit-wasm";

import type {
  ParagraphBuilderFactory,
  SkParagraphStyle,
  SkTypefaceFontProvider,
} from "../types";

import { Host } from "./Host";
import { JsiSkParagraphBuilder } from "./JsiSkParagraphBuilder";
import { JsiSkParagraphStyle } from "./JsiSkParagraphStyle";
import { JsiSkTypefaceFontProvider } from "./JsiSkTypefaceFontProvider";

export class JsiSkParagraphBuilderFactory
  extends Host
  implements ParagraphBuilderFactory
{
  constructor(CanvasKit: CanvasKit) {
    super(CanvasKit);
  }

  Make(
    paragraphStyle: SkParagraphStyle,
    typefaceProvider?: SkTypefaceFontProvider
  ) {
    const style = new this.CanvasKit.ParagraphStyle(
      JsiSkParagraphStyle.toParagraphStyle(this.CanvasKit, paragraphStyle ?? {})
    );
    if (typefaceProvider === undefined) {
      throw new Error(
        "SkTypefaceFontProvider is required on React Native Web."
      );
    }
    const fontCollection = this.CanvasKit.FontCollection.Make();
    fontCollection.setDefaultFontManager(
      JsiSkTypefaceFontProvider.fromValue(typefaceProvider)
    );
    fontCollection.enableFontFallback();

    return new JsiSkParagraphBuilder(
      this.CanvasKit,
      this.CanvasKit.ParagraphBuilder.MakeFromFontCollection(
        style,
        fontCollection
      )
    );
  }
}