@shopify/react-native-skia 1.3.12 → 1.4.0

package/lib/typescript/src/renderer/__tests__/e2e/DataEncoding.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Drawings.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/FontMgr.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Gradient.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Group.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Image.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/ImageEncoding.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/ImageFilters.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Mask.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Matrix4.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/NativeBuffer.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Offscreen.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Opacity.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Paint.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/ParagraphPaint.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Paragraphs.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/PathEffects.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Paths.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Picture.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Point.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Rect.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/RuntimeShader.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/SDF.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/SVG.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Shader.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Snapshot.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Surfaces.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Text.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/TextPath.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Transforms.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Vertices.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Video.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/setup/Paragraph.d.ts

@@ -0,0 +1,19 @@
+import type { SkParagraph, Skia, SkCanvas } from "../../../../skia/types";
+import type { EvalContext } from "../../setup";
+import { SkiaObject } from "./SkiaObject";
+export declare class ParagraphAsset<Ctx extends EvalContext> extends SkiaObject<Ctx, SkParagraph> implements SkParagraph {
+    constructor(Skia: Skia, fn: (Skia: Skia, ctx: Ctx) => SkParagraph, context?: Ctx);
+    layout(width: number): void;
+    paint(canvas: SkCanvas, x: number, y: number): void;
+    getHeight(): number;
+    getMaxWidth(): number;
+    getMinIntrinsicWidth(): number;
+    getMaxIntrinsicWidth(): number;
+    getLongestLine(): number;
+    getGlyphPositionAtCoordinate(x: number, y: number): number;
+    getRectsForRange(start: number, end: number): import("../../../../skia/types").SkRect[];
+    getLineMetrics(): import("../../../../skia/types").SkRect[];
+    getRectsForPlaceholders(): import("../../../../skia/types").SkRectWithDirection[];
+    __typename__: "Paragraph";
+    dispose(): void;
+}

package/lib/typescript/src/renderer/__tests__/e2e/setup/SVG.d.ts

@@ -0,0 +1,12 @@
+import type { SkSVG } from "../../../../skia/types";
+export declare class SVGAsset implements SkSVG {
+    private _source;
+    private _width;
+    private _height;
+    __typename__: "SVG";
+    constructor(_source: string, _width: number, _height: number);
+    dispose(): void;
+    source(): string;
+    width(): number;
+    height(): number;
+}

package/lib/typescript/src/renderer/__tests__/e2e/setup/SkiaObject.d.ts

@@ -0,0 +1,11 @@
+import type { SkJSIInstance, Skia } from "../../../../skia/types";
+import type { EvalContext } from "../../setup";
+export declare abstract class SkiaObject<Ctx extends EvalContext, R extends SkJSIInstance<string>> {
+    _context: Ctx;
+    protected _source: string;
+    protected _instance: R;
+    constructor(Skia: Skia, fn: (Skia: Skia, ctx: Ctx) => R, _context: Ctx);
+    get source(): string;
+    get context(): Ctx;
+    get instance(): R;
+}

package/lib/typescript/src/renderer/__tests__/e2e/setup/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Paragraph";
+export * from "./SVG";
+export * from "./SkiaObject";

package/lib/typescript/src/renderer/__tests__/examples/BlendModes.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/setup.d.ts

@@ -0,0 +1,66 @@
+import type { ReactNode } from "react";
+import type { Server, WebSocket } from "ws";
+import type * as SkiaExports from "../../index";
+import type { SkImage, SkFont, Skia, SkCanvas } from "../../skia/types";
+import { SkiaRoot } from "../Reconciler";
+type TestOS = "ios" | "android" | "web" | "node";
+declare global {
+    var testServer: Server;
+    var testClient: WebSocket;
+    var testOS: TestOS;
+}
+export declare let surface: TestingSurface;
+export declare let images: {
+    oslo: SkImage;
+    skiaLogoPng: SkImage;
+    skiaLogoJpeg: SkImage;
+    mask: SkImage;
+};
+export declare let fonts: {
+    RobotoMedium: SkFont;
+    NotoColorEmoji: SkFont;
+    NotoSansSCRegular: SkFont;
+    UberMoveMediumMono: SkFont;
+    DinMedium: SkFont;
+};
+export declare const wait: (ms: number) => Promise<unknown>;
+export declare const resolveFile: (uri: string) => Buffer;
+export declare const resolveFont: (uri: string) => number[];
+export declare const testingFonts: {
+    Roboto: number[][];
+};
+export interface EmptyProps {
+}
+export declare const BirdGIF: string;
+export declare const loadImage: (uri: string) => SkiaExports.SkImage;
+export declare const loadFont: (uri: string, ftSize?: number) => SkiaExports.SkFont;
+export declare const importSkia: () => typeof SkiaExports;
+export declare const getSkDOM: () => SkiaExports.JsiSkDOM;
+export declare const PIXEL_RATIO = 3;
+export declare const fontSize: number;
+export declare const width: number;
+export declare const height: number;
+export declare const center: {
+    x: number;
+    y: number;
+};
+export declare const drawOnNode: (element: ReactNode) => SkiaExports.SkSurface;
+export declare const mountCanvas: (element: ReactNode) => {
+    surface: SkiaExports.SkSurface;
+    root: SkiaRoot;
+    draw: () => void;
+};
+export declare const serialize: (element: ReactNode) => string;
+export type EvalContext = Record<string, any>;
+interface TestingSurface {
+    eval<Ctx extends EvalContext = EvalContext, R = any>(fn: (Skia: Skia, ctx: Ctx) => R, ctx?: Ctx): Promise<R>;
+    drawOffscreen<Ctx extends EvalContext, R>(fn: (Skia: Skia, canvas: SkCanvas, ctx: Ctx) => R, ctx?: Ctx): Promise<SkImage>;
+    draw(node: ReactNode): Promise<SkImage>;
+    screen(name: string): Promise<SkImage>;
+    width: number;
+    height: number;
+    fontSize: number;
+    OS: TestOS;
+    arch: "paper" | "fabric";
+}
+export {};

package/lib/typescript/src/skia/__tests__/ColorFilter.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/skia/__tests__/Data.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/skia/__tests__/Drawings.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/skia/__tests__/Enums.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/skia/__tests__/Geometry.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/skia/__tests__/ImageFilter.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/skia/__tests__/Paint.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/skia/__tests__/Path.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/skia/__tests__/RuntimeEffect.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/skia/__tests__/Shader.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/skia/__tests__/Text.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/skia/__tests__/Transform.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/skia/__tests__/Vertices.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/skia/__tests__/setup.d.ts

@@ -0,0 +1,19 @@
+import type { Node } from "../../dom/types";
+import { Skia } from "../types";
+import { JsiSkApi } from "../web";
+declare let Skia: ReturnType<typeof JsiSkApi>;
+export declare const setupSkia: (width?: number, height?: number) => {
+    surface: import("../types").SkSurface;
+    width: number;
+    height: number;
+    center: {
+        x: number;
+        y: number;
+    };
+    canvas: import("../types").SkCanvas;
+    Skia: Skia;
+    CanvasKit: import("canvaskit-wasm").CanvasKit;
+};
+export declare const printAsXML: (node: Node<unknown>) => void;
+export declare const asXML: (node: Node<unknown>, indent?: number) => string;
+export {};

package/lib/typescript/src/skia/types/Paragraph/TextStyle.d.ts

@@ -42,10 +42,10 @@ export declare enum TextBaseline {
 export interface SkTextStyle {
     backgroundColor?: SkColor;
     color?: SkColor;
-    decoration?: number;
+    decoration?: TextDecoration;
     decorationColor?: SkColor;
     decorationThickness?: number;
-    decorationStyle?: TextDecoration;
+    decorationStyle?: TextDecorationStyle;
     fontFamilies?: string[];
     fontFeatures?: SkTextFontFeatures[];
     fontSize?: number;

package/lib/typescript/src/skia/types/Skia.d.ts

@@ -17,7 +17,7 @@ import type { SkVertices, VertexMode } from "./Vertices/Vertices";
 import type { DataFactory } from "./Data";
 import type { SVGFactory } from "./SVG";
 import type { TextBlobFactory } from "./TextBlob";
-import type { SurfaceFactory } from "./Surface";
+import type { SkSurface, SurfaceFactory } from "./Surface";
 import type { SkRSXform } from "./RSXform";
 import type { SkPath } from "./Path/Path";
 import type { SkContourMeasureIter } from "./ContourMeasure";
@@ -28,6 +28,10 @@ import type { AnimatedImageFactory } from "./AnimatedImage";
 import type { ParagraphBuilderFactory } from "./Paragraph/ParagraphBuilder";
 import type { Video } from "./Video";
 import type { NativeBufferFactory } from "./NativeBuffer";
+export interface SkiaContext {
+    getSurface(): SkSurface;
+    present(): void;
+}
 /**
  * Declares the interface for the native Skia API
  */
@@ -74,5 +78,6 @@ export interface Skia {
     Surface: SurfaceFactory;
     ParagraphBuilder: ParagraphBuilderFactory;
     Video: (url: string) => Promise<Video> | Video;
+    Context(surface: bigint, width: number, height: number): SkiaContext;
     NativeBuffer: NativeBufferFactory;
 }

package/lib/typescript/src/web/WithSkiaWeb.d.ts

@@ -1,12 +1,19 @@
 import type { ComponentProps, ComponentType } from "react";
 import React, { Suspense } from "react";
 import { LoadSkiaWeb } from "./LoadSkiaWeb";
-interface WithSkiaProps {
+type NonOptionalKeys<T> = {
+    [k in keyof T]-?: undefined extends T[k] ? never : k;
+}[keyof T];
+type WithSkiaProps<TProps> = {
     fallback?: ComponentProps<typeof Suspense>["fallback"];
     getComponent: () => Promise<{
-        default: ComponentType;
+        default: ComponentType<TProps>;
     }>;
     opts?: Parameters<typeof LoadSkiaWeb>[0];
-}
-export declare const WithSkiaWeb: ({ getComponent, fallback, opts, }: WithSkiaProps) => React.JSX.Element;
+} & (NonOptionalKeys<TProps> extends never ? {
+    componentProps?: TProps;
+} : {
+    componentProps: TProps;
+});
+export declare const WithSkiaWeb: <TProps extends object>({ getComponent, fallback, opts, componentProps, }: WithSkiaProps<TProps>) => React.JSX.Element;
 export {};

package/libs/ios/libskia.xcframework/Info.plist

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>AvailableLibraries</key>
+	<array>
+		<dict>
+			<key>BinaryPath</key>
+			<string>libskia.a</string>
+			<key>LibraryIdentifier</key>
+			<string>ios-arm64_arm64e</string>
+			<key>LibraryPath</key>
+			<string>libskia.a</string>
+			<key>SupportedArchitectures</key>
+			<array>
+				<string>arm64</string>
+				<string>arm64e</string>
+			</array>
+			<key>SupportedPlatform</key>
+			<string>ios</string>
+		</dict>
+		<dict>
+			<key>BinaryPath</key>
+			<string>libskia.a</string>
+			<key>LibraryIdentifier</key>
+			<string>ios-arm64_arm64e_x86_64-simulator</string>
+			<key>LibraryPath</key>
+			<string>libskia.a</string>
+			<key>SupportedArchitectures</key>
+			<array>
+				<string>arm64</string>
+				<string>arm64e</string>
+				<string>x86_64</string>
+			</array>
+			<key>SupportedPlatform</key>
+			<string>ios</string>
+			<key>SupportedPlatformVariant</key>
+			<string>simulator</string>
+		</dict>
+	</array>
+	<key>CFBundlePackageType</key>
+	<string>XFWK</string>
+	<key>XCFrameworkFormatVersion</key>
+	<string>1.0</string>
+</dict>
+</plist>

package/libs/ios/libskottie.xcframework/Info.plist

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>AvailableLibraries</key>
+	<array>
+		<dict>
+			<key>BinaryPath</key>
+			<string>libskottie.a</string>
+			<key>LibraryIdentifier</key>
+			<string>ios-arm64_arm64e_x86_64-simulator</string>
+			<key>LibraryPath</key>
+			<string>libskottie.a</string>
+			<key>SupportedArchitectures</key>
+			<array>
+				<string>arm64</string>
+				<string>arm64e</string>
+				<string>x86_64</string>
+			</array>
+			<key>SupportedPlatform</key>
+			<string>ios</string>
+			<key>SupportedPlatformVariant</key>
+			<string>simulator</string>
+		</dict>
+		<dict>
+			<key>BinaryPath</key>
+			<string>libskottie.a</string>
+			<key>LibraryIdentifier</key>
+			<string>ios-arm64_arm64e</string>
+			<key>LibraryPath</key>
+			<string>libskottie.a</string>
+			<key>SupportedArchitectures</key>
+			<array>
+				<string>arm64</string>
+				<string>arm64e</string>
+			</array>
+			<key>SupportedPlatform</key>
+			<string>ios</string>
+		</dict>
+	</array>
+	<key>CFBundlePackageType</key>
+	<string>XFWK</string>
+	<key>XCFrameworkFormatVersion</key>
+	<string>1.0</string>
+</dict>
+</plist>

package/libs/ios/libskparagraph.xcframework/Info.plist

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>AvailableLibraries</key>
+	<array>
+		<dict>
+			<key>BinaryPath</key>
+			<string>libskparagraph.a</string>
+			<key>LibraryIdentifier</key>
+			<string>ios-arm64_arm64e_x86_64-simulator</string>
+			<key>LibraryPath</key>
+			<string>libskparagraph.a</string>
+			<key>SupportedArchitectures</key>
+			<array>
+				<string>arm64</string>
+				<string>arm64e</string>
+				<string>x86_64</string>
+			</array>
+			<key>SupportedPlatform</key>
+			<string>ios</string>
+			<key>SupportedPlatformVariant</key>
+			<string>simulator</string>
+		</dict>
+		<dict>
+			<key>BinaryPath</key>
+			<string>libskparagraph.a</string>
+			<key>LibraryIdentifier</key>
+			<string>ios-arm64_arm64e</string>
+			<key>LibraryPath</key>
+			<string>libskparagraph.a</string>
+			<key>SupportedArchitectures</key>
+			<array>
+				<string>arm64</string>
+				<string>arm64e</string>
+			</array>
+			<key>SupportedPlatform</key>
+			<string>ios</string>
+		</dict>
+	</array>
+	<key>CFBundlePackageType</key>
+	<string>XFWK</string>
+	<key>XCFrameworkFormatVersion</key>
+	<string>1.0</string>
+</dict>
+</plist>