@shopify/react-native-skia 1.7.6 → 1.8.0

package/lib/commonjs/sksg/DeclarationContext.d.ts

@@ -0,0 +1,56 @@
+import type { SkShader, SkPaint, SkImageFilter, SkMaskFilter, SkPathEffect, Skia, SkColorFilter } from "../skia/types";
+type Composer<T> = (outer: T, inner: T) => T;
+export declare const composeDeclarations: <T>(filters: T[], composer: Composer<T>) => T;
+export declare const createDeclarationContext: (Skia: Skia) => {
+    Skia: Skia;
+    paints: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkPaint | undefined;
+        push: (decl: SkPaint) => void;
+        popAll: () => SkPaint[];
+        popAllAsOne: () => SkPaint | undefined;
+    };
+    maskFilters: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkMaskFilter | undefined;
+        push: (decl: SkMaskFilter) => void;
+        popAll: () => SkMaskFilter[];
+        popAllAsOne: () => SkMaskFilter | undefined;
+    };
+    shaders: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkShader | undefined;
+        push: (decl: SkShader) => void;
+        popAll: () => SkShader[];
+        popAllAsOne: () => SkShader | undefined;
+    };
+    pathEffects: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkPathEffect | undefined;
+        push: (decl: SkPathEffect) => void;
+        popAll: () => SkPathEffect[];
+        popAllAsOne: () => SkPathEffect | undefined;
+    };
+    imageFilters: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkImageFilter | undefined;
+        push: (decl: SkImageFilter) => void;
+        popAll: () => SkImageFilter[];
+        popAllAsOne: () => SkImageFilter | undefined;
+    };
+    colorFilters: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkColorFilter | undefined;
+        push: (decl: SkColorFilter) => void;
+        popAll: () => SkColorFilter[];
+        popAllAsOne: () => SkColorFilter | undefined;
+    };
+};
+export type DeclarationContext = ReturnType<typeof createDeclarationContext>;
+export {};

package/lib/commonjs/sksg/DeclarationContext.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDeclarationContext = exports.composeDeclarations = void 0;
+const composeDeclarations = (filters, composer) => {
+  "worklet";
+
+  const len = filters.length;
+  if (len <= 1) {
+    return filters[0];
+  }
+  return filters.reduceRight((inner, outer) => inner ? composer(outer, inner) : outer);
+};
+exports.composeDeclarations = composeDeclarations;
+const createDeclaration = composer => {
+  "worklet";
+
+  const state = {
+    decls: [],
+    indexes: [0]
+  };
+  return {
+    save: () => {
+      state.indexes.push(state.decls.length);
+    },
+    restore: () => {
+      state.indexes.pop();
+    },
+    pop: () => state.decls.pop(),
+    push: decl => {
+      state.decls.push(decl);
+    },
+    popAll: () => {
+      const idx = state.indexes[state.indexes.length - 1];
+      return state.decls.splice(idx, state.decls.length - idx);
+    },
+    popAllAsOne: () => {
+      if (state.decls.length === 0) {
+        return undefined;
+      }
+      if (!composer) {
+        throw new Error("No composer for this type of declaration");
+      }
+      if (!state.decls.length) {
+        return undefined;
+      }
+      if (!composer) {
+        throw new Error("No composer for this type of declaration");
+      }
+      const idx = state.indexes[state.indexes.length - 1];
+      const decls = state.decls.splice(idx, state.decls.length - idx);
+      return composeDeclarations(decls, composer);
+    }
+  };
+};
+const createDeclarationContext = Skia => {
+  "worklet";
+
+  const composers = {
+    pathEffect: Skia.PathEffect.MakeCompose.bind(Skia.PathEffect),
+    imageFilter: Skia.ImageFilter.MakeCompose.bind(Skia.ImageFilter),
+    colorFilter: Skia.ColorFilter.MakeCompose.bind(Skia.ColorFilter)
+  };
+  return {
+    Skia,
+    paints: createDeclaration(),
+    maskFilters: createDeclaration(),
+    shaders: createDeclaration(),
+    pathEffects: createDeclaration(composers.pathEffect),
+    imageFilters: createDeclaration(composers.imageFilter),
+    colorFilters: createDeclaration(composers.colorFilter)
+  };
+};
+exports.createDeclarationContext = createDeclarationContext;
+//# sourceMappingURL=DeclarationContext.js.map

package/lib/commonjs/sksg/DeclarationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["composeDeclarations","filters","composer","len","length","reduceRight","inner","outer","exports","createDeclaration","state","decls","indexes","save","push","restore","pop","decl","popAll","idx","splice","popAllAsOne","undefined","Error","createDeclarationContext","Skia","composers","pathEffect","PathEffect","MakeCompose","bind","imageFilter","ImageFilter","colorFilter","ColorFilter","paints","maskFilters","shaders","pathEffects","imageFilters","colorFilters"],"sources":["DeclarationContext.ts"],"sourcesContent":["import type {\n  SkShader,\n  SkPaint,\n  SkImageFilter,\n  SkMaskFilter,\n  SkPathEffect,\n  Skia,\n  SkColorFilter,\n} from \"../skia/types\";\n\ntype Composer<T> = (outer: T, inner: T) => T;\n\nexport const composeDeclarations = <T>(filters: T[], composer: Composer<T>) => {\n  \"worklet\";\n  const len = filters.length;\n  if (len <= 1) {\n    return filters[0];\n  }\n  return filters.reduceRight((inner, outer) =>\n    inner ? composer(outer, inner) : outer\n  );\n};\n\nconst createDeclaration = <T>(composer?: Composer<T>) => {\n  \"worklet\";\n  const state = {\n    decls: [] as T[],\n    indexes: [0],\n  };\n\n  return {\n    save: () => {\n      state.indexes.push(state.decls.length);\n    },\n    restore: () => {\n      state.indexes.pop();\n    },\n    pop: () => state.decls.pop(),\n    push: (decl: T) => {\n      state.decls.push(decl);\n    },\n    popAll: () => {\n      const idx = state.indexes[state.indexes.length - 1];\n      return state.decls.splice(idx, state.decls.length - idx);\n    },\n    popAllAsOne: () => {\n      if (state.decls.length === 0) {\n        return undefined;\n      }\n      if (!composer) {\n        throw new Error(\"No composer for this type of declaration\");\n      }\n      if (!state.decls.length) {\n        return undefined;\n      }\n      if (!composer) {\n        throw new Error(\"No composer for this type of declaration\");\n      }\n\n      const idx = state.indexes[state.indexes.length - 1];\n      const decls = state.decls.splice(idx, state.decls.length - idx);\n      return composeDeclarations(decls, composer);\n    },\n  };\n};\n\nexport const createDeclarationContext = (Skia: Skia) => {\n  \"worklet\";\n  const composers = {\n    pathEffect: Skia.PathEffect.MakeCompose.bind(Skia.PathEffect),\n    imageFilter: Skia.ImageFilter.MakeCompose.bind(Skia.ImageFilter),\n    colorFilter: Skia.ColorFilter.MakeCompose.bind(Skia.ColorFilter),\n  };\n  return {\n    Skia,\n    paints: createDeclaration<SkPaint>(),\n    maskFilters: createDeclaration<SkMaskFilter>(),\n    shaders: createDeclaration<SkShader>(),\n    pathEffects: createDeclaration<SkPathEffect>(composers.pathEffect),\n    imageFilters: createDeclaration<SkImageFilter>(composers.imageFilter),\n    colorFilters: createDeclaration<SkColorFilter>(composers.colorFilter),\n  };\n};\n\nexport type DeclarationContext = ReturnType<typeof createDeclarationContext>;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/sksg/DrawingContext.d.ts

@@ -0,0 +1,13 @@
+import type { DrawingNodeProps, GroupProps } from "../dom/types";
+import type { SkCanvas, Skia, SkPaint } from "../skia/types";
+import type { DeclarationContext } from "./DeclarationContext";
+export declare const createDrawingContext: (Skia: Skia, canvas: SkCanvas) => {
+    Skia: Skia;
+    canvas: SkCanvas;
+    save: () => number;
+    restore: () => SkPaint | undefined;
+    getPaint: () => SkPaint;
+    processPaint: ({ opacity, color, strokeWidth, blendMode, style, strokeJoin, strokeCap, strokeMiter, antiAlias, dither, paint: paintProp, }: DrawingNodeProps, declCtx: DeclarationContext) => boolean;
+    processMatrixAndClipping: (props: GroupProps, layer?: boolean | SkPaint) => boolean;
+};
+export type DrawingContext = ReturnType<typeof createDrawingContext>;

package/lib/commonjs/sksg/DrawingContext.js

@@ -0,0 +1,172 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDrawingContext = void 0;
+var _nodes = require("../dom/nodes");
+var _types = require("../skia/types");
+const computeClip = (Skia, clip) => {
+  "worklet";
+
+  if (clip) {
+    if ((0, _nodes.isPathDef)(clip)) {
+      return {
+        clipPath: (0, _nodes.processPath)(Skia, clip)
+      };
+    } else if ((0, _types.isRRect)(clip)) {
+      return {
+        clipRRect: clip
+      };
+    } else {
+      return {
+        clipRect: clip
+      };
+    }
+  }
+  return undefined;
+};
+const processColor = (Skia, color) => {
+  "worklet";
+
+  if (typeof color === "string" || typeof color === "number") {
+    return Skia.Color(color);
+  } else if (Array.isArray(color) || color instanceof Float32Array) {
+    return color instanceof Float32Array ? color : new Float32Array(color);
+  } else {
+    throw new Error(`Invalid color type: ${typeof color}. Expected number, string, or array.`);
+  }
+};
+const createDrawingContext = (Skia, canvas) => {
+  "worklet";
+
+  const state = {
+    paints: [Skia.Paint()]
+  };
+  const getPaint = () => {
+    return state.paints[state.paints.length - 1];
+  };
+  const processPaint = ({
+    opacity,
+    color,
+    strokeWidth,
+    blendMode,
+    style,
+    strokeJoin,
+    strokeCap,
+    strokeMiter,
+    antiAlias,
+    dither,
+    paint: paintProp
+  }, declCtx) => {
+    if (paintProp) {
+      declCtx.paints.push(paintProp);
+      return true;
+    }
+    let shouldRestore = false;
+    const colorFilter = declCtx.colorFilters.popAllAsOne();
+    const imageFilter = declCtx.imageFilters.popAllAsOne();
+    const shader = declCtx.shaders.pop();
+    const maskFilter = declCtx.maskFilters.pop();
+    const pathEffect = declCtx.pathEffects.popAllAsOne();
+    if (opacity !== undefined || color !== undefined || strokeWidth !== undefined || blendMode !== undefined || style !== undefined || strokeJoin !== undefined || strokeCap !== undefined || strokeMiter !== undefined || antiAlias !== undefined || dither !== undefined || colorFilter !== undefined || imageFilter !== undefined || shader !== undefined || maskFilter !== undefined || pathEffect !== undefined) {
+      if (!shouldRestore) {
+        state.paints.push(getPaint().copy());
+        shouldRestore = true;
+      }
+    }
+    const paint = getPaint();
+    if (opacity !== undefined) {
+      paint.setAlphaf(paint.getAlphaf() * opacity);
+    }
+    if (color !== undefined) {
+      const currentOpacity = paint.getAlphaf();
+      paint.setShader(null);
+      paint.setColor(processColor(Skia, color));
+      paint.setAlphaf(currentOpacity * paint.getAlphaf());
+    }
+    if (strokeWidth !== undefined) {
+      paint.setStrokeWidth(strokeWidth);
+    }
+    if (blendMode !== undefined) {
+      paint.setBlendMode(_types.BlendMode[(0, _nodes.enumKey)(blendMode)]);
+    }
+    if (style !== undefined) {
+      paint.setStyle(_types.PaintStyle[(0, _nodes.enumKey)(style)]);
+    }
+    if (strokeJoin !== undefined) {
+      paint.setStrokeJoin(_types.StrokeJoin[(0, _nodes.enumKey)(strokeJoin)]);
+    }
+    if (strokeCap !== undefined) {
+      paint.setStrokeCap(_types.StrokeCap[(0, _nodes.enumKey)(strokeCap)]);
+    }
+    if (strokeMiter !== undefined) {
+      paint.setStrokeMiter(strokeMiter);
+    }
+    if (antiAlias !== undefined) {
+      paint.setAntiAlias(antiAlias);
+    }
+    if (dither !== undefined) {
+      paint.setDither(dither);
+    }
+    if (colorFilter) {
+      paint.setColorFilter(colorFilter);
+    }
+    if (imageFilter) {
+      paint.setImageFilter(imageFilter);
+    }
+    if (shader) {
+      paint.setShader(shader);
+    }
+    if (maskFilter) {
+      paint.setMaskFilter(maskFilter);
+    }
+    if (pathEffect) {
+      paint.setPathEffect(pathEffect);
+    }
+    return shouldRestore;
+  };
+  const processMatrixAndClipping = (props, layer) => {
+    const hasTransform = props.matrix !== undefined || props.transform !== undefined;
+    const clip = computeClip(Skia, props.clip);
+    const hasClip = clip !== undefined;
+    const op = props.invertClip ? _types.ClipOp.Difference : _types.ClipOp.Intersect;
+    const m3 = (0, _nodes.processTransformProps2)(Skia, props);
+    const shouldSave = hasTransform || hasClip || !!layer;
+    if (shouldSave) {
+      if (layer) {
+        if (typeof layer === "boolean") {
+          canvas.saveLayer();
+        } else {
+          canvas.saveLayer(layer);
+        }
+      } else {
+        canvas.save();
+      }
+    }
+    if (m3) {
+      canvas.concat(m3);
+    }
+    if (clip) {
+      if ("clipRect" in clip) {
+        canvas.clipRect(clip.clipRect, op, true);
+      } else if ("clipRRect" in clip) {
+        canvas.clipRRect(clip.clipRRect, op, true);
+      } else {
+        canvas.clipPath(clip.clipPath, op, true);
+      }
+    }
+    return shouldSave;
+  };
+  return {
+    Skia,
+    canvas,
+    save: () => state.paints.push(getPaint().copy()),
+    restore: () => state.paints.pop(),
+    getPaint,
+    processPaint,
+    processMatrixAndClipping
+  };
+};
+exports.createDrawingContext = createDrawingContext;
+//# sourceMappingURL=DrawingContext.js.map

package/lib/commonjs/sksg/DrawingContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_nodes","require","_types","computeClip","Skia","clip","isPathDef","clipPath","processPath","isRRect","clipRRect","clipRect","undefined","processColor","color","Color","Array","isArray","Float32Array","Error","createDrawingContext","canvas","state","paints","Paint","getPaint","length","processPaint","opacity","strokeWidth","blendMode","style","strokeJoin","strokeCap","strokeMiter","antiAlias","dither","paint","paintProp","declCtx","push","shouldRestore","colorFilter","colorFilters","popAllAsOne","imageFilter","imageFilters","shader","shaders","pop","maskFilter","maskFilters","pathEffect","pathEffects","copy","setAlphaf","getAlphaf","currentOpacity","setShader","setColor","setStrokeWidth","setBlendMode","BlendMode","enumKey","setStyle","PaintStyle","setStrokeJoin","StrokeJoin","setStrokeCap","StrokeCap","setStrokeMiter","setAntiAlias","setDither","setColorFilter","setImageFilter","setMaskFilter","setPathEffect","processMatrixAndClipping","props","layer","hasTransform","matrix","transform","hasClip","op","invertClip","ClipOp","Difference","Intersect","m3","processTransformProps2","shouldSave","saveLayer","save","concat","restore","exports"],"sources":["DrawingContext.ts"],"sourcesContent":["import {\n  enumKey,\n  isPathDef,\n  processPath,\n  processTransformProps2,\n} from \"../dom/nodes\";\nimport type { ClipDef, DrawingNodeProps, GroupProps } from \"../dom/types\";\nimport {\n  BlendMode,\n  ClipOp,\n  isRRect,\n  PaintStyle,\n  StrokeCap,\n  StrokeJoin,\n} from \"../skia/types\";\nimport type {\n  SkPath,\n  SkRect,\n  SkRRect,\n  SkCanvas,\n  Skia,\n  SkPaint,\n} from \"../skia/types\";\n\nimport type { DeclarationContext } from \"./DeclarationContext\";\n\nconst computeClip = (\n  Skia: Skia,\n  clip: ClipDef | undefined\n):\n  | undefined\n  | { clipPath: SkPath }\n  | { clipRect: SkRect }\n  | { clipRRect: SkRRect } => {\n  \"worklet\";\n  if (clip) {\n    if (isPathDef(clip)) {\n      return { clipPath: processPath(Skia, clip) };\n    } else if (isRRect(clip)) {\n      return { clipRRect: clip };\n    } else {\n      return { clipRect: clip };\n    }\n  }\n  return undefined;\n};\n\nconst processColor = (\n  Skia: Skia,\n  color: number | string | Float32Array | number[]\n) => {\n  \"worklet\";\n  if (typeof color === \"string\" || typeof color === \"number\") {\n    return Skia.Color(color);\n  } else if (Array.isArray(color) || color instanceof Float32Array) {\n    return color instanceof Float32Array ? color : new Float32Array(color);\n  } else {\n    throw new Error(\n      `Invalid color type: ${typeof color}. Expected number, string, or array.`\n    );\n  }\n};\n\nexport const createDrawingContext = (Skia: Skia, canvas: SkCanvas) => {\n  \"worklet\";\n  const state = {\n    paints: [Skia.Paint()],\n  };\n\n  const getPaint = () => {\n    return state.paints[state.paints.length - 1];\n  };\n\n  const processPaint = (\n    {\n      opacity,\n      color,\n      strokeWidth,\n      blendMode,\n      style,\n      strokeJoin,\n      strokeCap,\n      strokeMiter,\n      antiAlias,\n      dither,\n      paint: paintProp,\n    }: DrawingNodeProps,\n    declCtx: DeclarationContext\n  ) => {\n    if (paintProp) {\n      declCtx.paints.push(paintProp);\n      return true;\n    }\n    let shouldRestore = false;\n    const colorFilter = declCtx.colorFilters.popAllAsOne();\n    const imageFilter = declCtx.imageFilters.popAllAsOne();\n    const shader = declCtx.shaders.pop();\n    const maskFilter = declCtx.maskFilters.pop();\n    const pathEffect = declCtx.pathEffects.popAllAsOne();\n\n    if (\n      opacity !== undefined ||\n      color !== undefined ||\n      strokeWidth !== undefined ||\n      blendMode !== undefined ||\n      style !== undefined ||\n      strokeJoin !== undefined ||\n      strokeCap !== undefined ||\n      strokeMiter !== undefined ||\n      antiAlias !== undefined ||\n      dither !== undefined ||\n      colorFilter !== undefined ||\n      imageFilter !== undefined ||\n      shader !== undefined ||\n      maskFilter !== undefined ||\n      pathEffect !== undefined\n    ) {\n      if (!shouldRestore) {\n        state.paints.push(getPaint().copy());\n        shouldRestore = true;\n      }\n    }\n\n    const paint = getPaint();\n    if (opacity !== undefined) {\n      paint.setAlphaf(paint.getAlphaf() * opacity);\n    }\n    if (color !== undefined) {\n      const currentOpacity = paint.getAlphaf();\n      paint.setShader(null);\n      paint.setColor(processColor(Skia, color));\n      paint.setAlphaf(currentOpacity * paint.getAlphaf());\n    }\n    if (strokeWidth !== undefined) {\n      paint.setStrokeWidth(strokeWidth);\n    }\n    if (blendMode !== undefined) {\n      paint.setBlendMode(BlendMode[enumKey(blendMode)]);\n    }\n    if (style !== undefined) {\n      paint.setStyle(PaintStyle[enumKey(style)]);\n    }\n    if (strokeJoin !== undefined) {\n      paint.setStrokeJoin(StrokeJoin[enumKey(strokeJoin)]);\n    }\n    if (strokeCap !== undefined) {\n      paint.setStrokeCap(StrokeCap[enumKey(strokeCap)]);\n    }\n    if (strokeMiter !== undefined) {\n      paint.setStrokeMiter(strokeMiter);\n    }\n    if (antiAlias !== undefined) {\n      paint.setAntiAlias(antiAlias);\n    }\n    if (dither !== undefined) {\n      paint.setDither(dither);\n    }\n    if (colorFilter) {\n      paint.setColorFilter(colorFilter);\n    }\n    if (imageFilter) {\n      paint.setImageFilter(imageFilter);\n    }\n    if (shader) {\n      paint.setShader(shader);\n    }\n    if (maskFilter) {\n      paint.setMaskFilter(maskFilter);\n    }\n    if (pathEffect) {\n      paint.setPathEffect(pathEffect);\n    }\n    return shouldRestore;\n  };\n\n  const processMatrixAndClipping = (\n    props: GroupProps,\n    layer?: boolean | SkPaint\n  ) => {\n    const hasTransform =\n      props.matrix !== undefined || props.transform !== undefined;\n    const clip = computeClip(Skia, props.clip);\n    const hasClip = clip !== undefined;\n    const op = props.invertClip ? ClipOp.Difference : ClipOp.Intersect;\n    const m3 = processTransformProps2(Skia, props);\n    const shouldSave = hasTransform || hasClip || !!layer;\n\n    if (shouldSave) {\n      if (layer) {\n        if (typeof layer === \"boolean\") {\n          canvas.saveLayer();\n        } else {\n          canvas.saveLayer(layer);\n        }\n      } else {\n        canvas.save();\n      }\n    }\n\n    if (m3) {\n      canvas.concat(m3);\n    }\n    if (clip) {\n      if (\"clipRect\" in clip) {\n        canvas.clipRect(clip.clipRect, op, true);\n      } else if (\"clipRRect\" in clip) {\n        canvas.clipRRect(clip.clipRRect, op, true);\n      } else {\n        canvas.clipPath(clip.clipPath, op, true);\n      }\n    }\n    return shouldSave;\n  };\n\n  return {\n    Skia,\n    canvas,\n    save: () => state.paints.push(getPaint().copy()),\n    restore: () => state.paints.pop(),\n    getPaint,\n    processPaint,\n    processMatrixAndClipping,\n  };\n};\n\nexport type DrawingContext = ReturnType<typeof createDrawingContext>;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/sksg/HostConfig.d.ts

@@ -0,0 +1,19 @@
+import type { HostConfig } from "react-reconciler";
+import { NodeType } from "../dom/types";
+import type { Node } from "./nodes/Node";
+import type { Container } from "./Container";
+export declare const debug: (message?: any, ...optionalParams: any[]) => void;
+type Instance = Node;
+type Props = object;
+type TextInstance = Node;
+type SuspenseInstance = Instance;
+type HydratableInstance = Instance;
+type PublicInstance = Instance;
+type HostContext = null;
+type UpdatePayload = Container;
+type ChildSet = Node[];
+type TimeoutHandle = NodeJS.Timeout;
+type NoTimeout = -1;
+type SkiaHostConfig = HostConfig<NodeType, Props, Container, Instance, TextInstance, SuspenseInstance, HydratableInstance, PublicInstance, HostContext, UpdatePayload, ChildSet, TimeoutHandle, NoTimeout>;
+export declare const sksgHostConfig: SkiaHostConfig;
+export {};

package/lib/commonjs/sksg/HostConfig.js

@@ -0,0 +1,168 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sksgHostConfig = exports.debug = void 0;
+var _constants = require("react-reconciler/constants");
+var _types = require("../dom/types");
+var _typeddash = require("../renderer/typeddash");
+/*global NodeJS*/
+
+const DEBUG = false;
+const debug = (...args) => {
+  if (DEBUG) {
+    console.log(...args);
+  }
+};
+exports.debug = debug;
+const isDeclaration = type => {
+  "worklet";
+
+  return (
+    // BlurMaskFilters
+    type === _types.NodeType.BlurMaskFilter ||
+    // ImageFilters
+    type === _types.NodeType.BlendImageFilter || type === _types.NodeType.BlurImageFilter || type === _types.NodeType.OffsetImageFilter || type === _types.NodeType.DropShadowImageFilter || type === _types.NodeType.MorphologyImageFilter || type === _types.NodeType.DisplacementMapImageFilter || type === _types.NodeType.RuntimeShaderImageFilter ||
+    // ColorFilters
+    type === _types.NodeType.MatrixColorFilter || type === _types.NodeType.BlendColorFilter || type === _types.NodeType.LumaColorFilter || type === _types.NodeType.LinearToSRGBGammaColorFilter || type === _types.NodeType.SRGBToLinearGammaColorFilter || type === _types.NodeType.LerpColorFilter ||
+    // Shaders
+    type === _types.NodeType.Shader || type === _types.NodeType.ImageShader || type === _types.NodeType.ColorShader || type === _types.NodeType.Turbulence || type === _types.NodeType.FractalNoise || type === _types.NodeType.LinearGradient || type === _types.NodeType.RadialGradient || type === _types.NodeType.SweepGradient || type === _types.NodeType.TwoPointConicalGradient ||
+    // Path Effects
+    type === _types.NodeType.CornerPathEffect || type === _types.NodeType.DiscretePathEffect || type === _types.NodeType.DashPathEffect || type === _types.NodeType.Path1DPathEffect || type === _types.NodeType.Path2DPathEffect || type === _types.NodeType.SumPathEffect || type === _types.NodeType.Line2DPathEffect ||
+    // Mixed
+    type === _types.NodeType.Blend ||
+    // Paint
+    type === _types.NodeType.Paint
+  );
+};
+const sksgHostConfig = exports.sksgHostConfig = {
+  /**
+   * This function is used by the reconciler in order to calculate current time for prioritising work.
+   */
+  supportsMutation: false,
+  isPrimaryRenderer: false,
+  supportsPersistence: true,
+  supportsHydration: false,
+  //supportsMicrotask: true,
+  scheduleTimeout: setTimeout,
+  cancelTimeout: clearTimeout,
+  noTimeout: -1,
+  getRootHostContext: _rootContainerInstance => {
+    debug("getRootHostContext");
+    return null;
+  },
+  getChildHostContext(_parentHostContext, _type, _rootContainerInstance) {
+    debug("getChildHostContext");
+    return null;
+  },
+  shouldSetTextContent(_type, _props) {
+    return false;
+  },
+  createTextInstance(_text, _rootContainerInstance, _hostContext, _internalInstanceHandle) {
+    debug("createTextInstance");
+    // return SpanNode({}, text) as SkNode;
+    throw new Error("Text nodes are not supported yet");
+  },
+  createInstance(type, props, container, _hostContext, _internalInstanceHandle) {
+    debug("createInstance", type);
+    container.registerValues(props);
+    const instance = {
+      type,
+      isDeclaration: isDeclaration(type),
+      props,
+      children: []
+    };
+    return instance;
+  },
+  appendInitialChild(parentInstance, child) {
+    parentInstance.children.push(child);
+  },
+  finalizeInitialChildren(parentInstance, _type, _props, _rootContainerInstance, _hostContext) {
+    debug("finalizeInitialChildren", parentInstance);
+    return false;
+  },
+  commitMount() {
+    // if finalizeInitialChildren = true
+    debug("commitMount");
+  },
+  prepareForCommit(_containerInfo) {
+    debug("prepareForCommit");
+    return null;
+  },
+  resetAfterCommit(container) {
+    debug("resetAfterCommit");
+    container.redraw();
+  },
+  getPublicInstance(node) {
+    debug("getPublicInstance");
+    return node;
+  },
+  commitTextUpdate: (_textInstance, _oldText, _newText) => {
+    //  textInstance.instance = newText;
+  },
+  clearContainer: container => {
+    debug("clearContainer");
+    container.clear();
+  },
+  prepareUpdate(_instance, _type, oldProps, newProps, container, _hostContext) {
+    debug("prepareUpdate");
+    const propsAreEqual = (0, _typeddash.shallowEq)(oldProps, newProps);
+    if (propsAreEqual) {
+      return null;
+    }
+    container.unregisterValues(oldProps);
+    container.registerValues(newProps);
+    return container;
+  },
+  preparePortalMount: () => {
+    debug("preparePortalMount");
+  },
+  cloneInstance(instance, _updatePayload, _type, _oldProps, newProps, _internalInstanceHandle, keepChildren, _recyclableInstance) {
+    debug("cloneInstance");
+    return {
+      type: instance.type,
+      props: newProps,
+      children: keepChildren ? [...instance.children] : [],
+      isDeclaration: instance.isDeclaration
+    };
+  },
+  createContainerChildSet() {
+    debug("createContainerChildSet");
+    return [];
+  },
+  appendChildToContainerChildSet(childSet, child) {
+    childSet.push(child);
+  },
+  finalizeContainerChildren(container, newChildren) {
+    debug("finalizeContainerChildren");
+    container.root = newChildren;
+  },
+  replaceContainerChildren(container, newChildren) {
+    debug("replaceContainerChildren");
+    container.root = newChildren;
+  },
+  cloneHiddenInstance(_instance, _type, _props) {
+    debug("cloneHiddenInstance");
+    throw new Error("Not yet implemented.");
+  },
+  cloneHiddenTextInstance(_instance, _text) {
+    debug("cloneHiddenTextInstance");
+    throw new Error("Not yet implemented.");
+  },
+  // see https://github.com/pmndrs/react-three-fiber/pull/2360#discussion_r916356874
+  getCurrentEventPriority: () => _constants.DefaultEventPriority,
+  beforeActiveInstanceBlur: () => {},
+  afterActiveInstanceBlur: () => {},
+  detachDeletedInstance: () => {},
+  getInstanceFromNode: function (_node) {
+    throw new Error("Function not implemented.");
+  },
+  prepareScopeUpdate: function (_scopeInstance, _instance) {
+    throw new Error("Function not implemented.");
+  },
+  getInstanceFromScope: function (_scopeInstance) {
+    throw new Error("Function not implemented.");
+  }
+};
+//# sourceMappingURL=HostConfig.js.map

package/lib/commonjs/sksg/HostConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_constants","require","_types","_typeddash","DEBUG","debug","args","console","log","exports","isDeclaration","type","NodeType","BlurMaskFilter","BlendImageFilter","BlurImageFilter","OffsetImageFilter","DropShadowImageFilter","MorphologyImageFilter","DisplacementMapImageFilter","RuntimeShaderImageFilter","MatrixColorFilter","BlendColorFilter","LumaColorFilter","LinearToSRGBGammaColorFilter","SRGBToLinearGammaColorFilter","LerpColorFilter","Shader","ImageShader","ColorShader","Turbulence","FractalNoise","LinearGradient","RadialGradient","SweepGradient","TwoPointConicalGradient","CornerPathEffect","DiscretePathEffect","DashPathEffect","Path1DPathEffect","Path2DPathEffect","SumPathEffect","Line2DPathEffect","Blend","Paint","sksgHostConfig","supportsMutation","isPrimaryRenderer","supportsPersistence","supportsHydration","scheduleTimeout","setTimeout","cancelTimeout","clearTimeout","noTimeout","getRootHostContext","_rootContainerInstance","getChildHostContext","_parentHostContext","_type","shouldSetTextContent","_props","createTextInstance","_text","_hostContext","_internalInstanceHandle","Error","createInstance","props","container","registerValues","instance","children","appendInitialChild","parentInstance","child","push","finalizeInitialChildren","commitMount","prepareForCommit","_containerInfo","resetAfterCommit","redraw","getPublicInstance","node","commitTextUpdate","_textInstance","_oldText","_newText","clearContainer","clear","prepareUpdate","_instance","oldProps","newProps","propsAreEqual","shallowEq","unregisterValues","preparePortalMount","cloneInstance","_updatePayload","_oldProps","keepChildren","_recyclableInstance","createContainerChildSet","appendChildToContainerChildSet","childSet","finalizeContainerChildren","newChildren","root","replaceContainerChildren","cloneHiddenInstance","cloneHiddenTextInstance","getCurrentEventPriority","DefaultEventPriority","beforeActiveInstanceBlur","afterActiveInstanceBlur","detachDeletedInstance","getInstanceFromNode","_node","prepareScopeUpdate","_scopeInstance","getInstanceFromScope"],"sources":["HostConfig.ts"],"sourcesContent":["/*global NodeJS*/\nimport type { Fiber, HostConfig } from \"react-reconciler\";\nimport { DefaultEventPriority } from \"react-reconciler/constants\";\n\nimport { NodeType } from \"../dom/types\";\nimport { shallowEq } from \"../renderer/typeddash\";\n\nimport type { Node } from \"./nodes/Node\";\nimport type { Container } from \"./Container\";\n\nconst DEBUG = false;\nexport const debug = (...args: Parameters<typeof console.log>) => {\n  if (DEBUG) {\n    console.log(...args);\n  }\n};\n\nconst isDeclaration = (type: NodeType) => {\n  \"worklet\";\n  return (\n    // BlurMaskFilters\n    type === NodeType.BlurMaskFilter ||\n    // ImageFilters\n    type === NodeType.BlendImageFilter ||\n    type === NodeType.BlurImageFilter ||\n    type === NodeType.OffsetImageFilter ||\n    type === NodeType.DropShadowImageFilter ||\n    type === NodeType.MorphologyImageFilter ||\n    type === NodeType.DisplacementMapImageFilter ||\n    type === NodeType.RuntimeShaderImageFilter ||\n    // ColorFilters\n    type === NodeType.MatrixColorFilter ||\n    type === NodeType.BlendColorFilter ||\n    type === NodeType.LumaColorFilter ||\n    type === NodeType.LinearToSRGBGammaColorFilter ||\n    type === NodeType.SRGBToLinearGammaColorFilter ||\n    type === NodeType.LerpColorFilter ||\n    // Shaders\n    type === NodeType.Shader ||\n    type === NodeType.ImageShader ||\n    type === NodeType.ColorShader ||\n    type === NodeType.Turbulence ||\n    type === NodeType.FractalNoise ||\n    type === NodeType.LinearGradient ||\n    type === NodeType.RadialGradient ||\n    type === NodeType.SweepGradient ||\n    type === NodeType.TwoPointConicalGradient ||\n    // Path Effects\n    type === NodeType.CornerPathEffect ||\n    type === NodeType.DiscretePathEffect ||\n    type === NodeType.DashPathEffect ||\n    type === NodeType.Path1DPathEffect ||\n    type === NodeType.Path2DPathEffect ||\n    type === NodeType.SumPathEffect ||\n    type === NodeType.Line2DPathEffect ||\n    // Mixed\n    type === NodeType.Blend ||\n    // Paint\n    type === NodeType.Paint\n  );\n};\n\ntype Instance = Node;\n\ntype Props = object;\ntype TextInstance = Node;\ntype SuspenseInstance = Instance;\ntype HydratableInstance = Instance;\ntype PublicInstance = Instance;\ntype HostContext = null;\ntype UpdatePayload = Container;\ntype ChildSet = Node[];\ntype TimeoutHandle = NodeJS.Timeout;\ntype NoTimeout = -1;\n\ntype SkiaHostConfig = HostConfig<\n  NodeType,\n  Props,\n  Container,\n  Instance,\n  TextInstance,\n  SuspenseInstance,\n  HydratableInstance,\n  PublicInstance,\n  HostContext,\n  UpdatePayload,\n  ChildSet,\n  TimeoutHandle,\n  NoTimeout\n>;\n\nexport const sksgHostConfig: SkiaHostConfig = {\n  /**\n   * This function is used by the reconciler in order to calculate current time for prioritising work.\n   */\n  supportsMutation: false,\n  isPrimaryRenderer: false,\n  supportsPersistence: true,\n  supportsHydration: false,\n  //supportsMicrotask: true,\n  scheduleTimeout: setTimeout,\n  cancelTimeout: clearTimeout,\n  noTimeout: -1,\n\n  getRootHostContext: (_rootContainerInstance: Container) => {\n    debug(\"getRootHostContext\");\n    return null;\n  },\n\n  getChildHostContext(_parentHostContext, _type, _rootContainerInstance) {\n    debug(\"getChildHostContext\");\n    return null;\n  },\n\n  shouldSetTextContent(_type, _props) {\n    return false;\n  },\n\n  createTextInstance(\n    _text,\n    _rootContainerInstance,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createTextInstance\");\n    // return SpanNode({}, text) as SkNode;\n    throw new Error(\"Text nodes are not supported yet\");\n  },\n\n  createInstance(\n    type,\n    props,\n    container,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createInstance\", type);\n    container.registerValues(props);\n    const instance = {\n      type,\n      isDeclaration: isDeclaration(type),\n      props,\n      children: [],\n    };\n    return instance;\n  },\n\n  appendInitialChild(parentInstance: Instance, child: Instance | TextInstance) {\n    parentInstance.children.push(child);\n  },\n\n  finalizeInitialChildren(\n    parentInstance,\n    _type,\n    _props,\n    _rootContainerInstance,\n    _hostContext\n  ) {\n    debug(\"finalizeInitialChildren\", parentInstance);\n    return false;\n  },\n\n  commitMount() {\n    // if finalizeInitialChildren = true\n    debug(\"commitMount\");\n  },\n\n  prepareForCommit(_containerInfo) {\n    debug(\"prepareForCommit\");\n    return null;\n  },\n\n  resetAfterCommit(container) {\n    debug(\"resetAfterCommit\");\n    container.redraw();\n  },\n\n  getPublicInstance(node: Instance) {\n    debug(\"getPublicInstance\");\n    return node;\n  },\n\n  commitTextUpdate: (\n    _textInstance: TextInstance,\n    _oldText: string,\n    _newText: string\n  ) => {\n    //  textInstance.instance = newText;\n  },\n\n  clearContainer: (container) => {\n    debug(\"clearContainer\");\n    container.clear();\n  },\n\n  prepareUpdate(\n    _instance: Instance,\n    _type: string,\n    oldProps: Props,\n    newProps: Props,\n    container: Container,\n    _hostContext: HostContext\n  ) {\n    debug(\"prepareUpdate\");\n    const propsAreEqual = shallowEq(oldProps, newProps);\n    if (propsAreEqual) {\n      return null;\n    }\n    container.unregisterValues(oldProps);\n    container.registerValues(newProps);\n    return container;\n  },\n\n  preparePortalMount: () => {\n    debug(\"preparePortalMount\");\n  },\n\n  cloneInstance(\n    instance,\n    _updatePayload,\n    _type,\n    _oldProps,\n    newProps,\n    _internalInstanceHandle,\n    keepChildren: boolean,\n    _recyclableInstance: null | Instance\n  ) {\n    debug(\"cloneInstance\");\n\n    return {\n      type: instance.type,\n      props: newProps,\n      children: keepChildren ? [...instance.children] : [],\n      isDeclaration: instance.isDeclaration,\n    };\n  },\n\n  createContainerChildSet(): ChildSet {\n    debug(\"createContainerChildSet\");\n    return [];\n  },\n\n  appendChildToContainerChildSet(\n    childSet: ChildSet,\n    child: Instance | TextInstance\n  ): void {\n    childSet.push(child);\n  },\n\n  finalizeContainerChildren(container: Container, newChildren: ChildSet) {\n    debug(\"finalizeContainerChildren\");\n    container.root = newChildren;\n  },\n\n  replaceContainerChildren(container: Container, newChildren: ChildSet) {\n    debug(\"replaceContainerChildren\");\n    container.root = newChildren;\n  },\n\n  cloneHiddenInstance(\n    _instance: Instance,\n    _type: string,\n    _props: Props\n  ): Instance {\n    debug(\"cloneHiddenInstance\");\n    throw new Error(\"Not yet implemented.\");\n  },\n\n  cloneHiddenTextInstance(_instance: Instance, _text: string): TextInstance {\n    debug(\"cloneHiddenTextInstance\");\n    throw new Error(\"Not yet implemented.\");\n  },\n  // see https://github.com/pmndrs/react-three-fiber/pull/2360#discussion_r916356874\n  getCurrentEventPriority: () => DefaultEventPriority,\n  beforeActiveInstanceBlur: () => {},\n  afterActiveInstanceBlur: () => {},\n  detachDeletedInstance: () => {},\n  getInstanceFromNode: function (_node): Fiber | null | undefined {\n    throw new Error(\"Function not implemented.\");\n  },\n  prepareScopeUpdate: function (_scopeInstance, _instance): void {\n    throw new Error(\"Function not implemented.\");\n  },\n  getInstanceFromScope: function (_scopeInstance): Instance | null {\n    throw new Error(\"Function not implemented.\");\n  },\n};\n"],"mappings":";;;;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AALA;;AAUA,MAAMG,KAAK,GAAG,KAAK;AACZ,MAAMC,KAAK,GAAGA,CAAC,GAAGC,IAAoC,KAAK;EAChE,IAAIF,KAAK,EAAE;IACTG,OAAO,CAACC,GAAG,CAAC,GAAGF,IAAI,CAAC;EACtB;AACF,CAAC;AAACG,OAAA,CAAAJ,KAAA,GAAAA,KAAA;AAEF,MAAMK,aAAa,GAAIC,IAAc,IAAK;EACxC,SAAS;;EACT;IACE;IACAA,IAAI,KAAKC,eAAQ,CAACC,cAAc;IAChC;IACAF,IAAI,KAAKC,eAAQ,CAACE,gBAAgB,IAClCH,IAAI,KAAKC,eAAQ,CAACG,eAAe,IACjCJ,IAAI,KAAKC,eAAQ,CAACI,iBAAiB,IACnCL,IAAI,KAAKC,eAAQ,CAACK,qBAAqB,IACvCN,IAAI,KAAKC,eAAQ,CAACM,qBAAqB,IACvCP,IAAI,KAAKC,eAAQ,CAACO,0BAA0B,IAC5CR,IAAI,KAAKC,eAAQ,CAACQ,wBAAwB;IAC1C;IACAT,IAAI,KAAKC,eAAQ,CAACS,iBAAiB,IACnCV,IAAI,KAAKC,eAAQ,CAACU,gBAAgB,IAClCX,IAAI,KAAKC,eAAQ,CAACW,eAAe,IACjCZ,IAAI,KAAKC,eAAQ,CAACY,4BAA4B,IAC9Cb,IAAI,KAAKC,eAAQ,CAACa,4BAA4B,IAC9Cd,IAAI,KAAKC,eAAQ,CAACc,eAAe;IACjC;IACAf,IAAI,KAAKC,eAAQ,CAACe,MAAM,IACxBhB,IAAI,KAAKC,eAAQ,CAACgB,WAAW,IAC7BjB,IAAI,KAAKC,eAAQ,CAACiB,WAAW,IAC7BlB,IAAI,KAAKC,eAAQ,CAACkB,UAAU,IAC5BnB,IAAI,KAAKC,eAAQ,CAACmB,YAAY,IAC9BpB,IAAI,KAAKC,eAAQ,CAACoB,cAAc,IAChCrB,IAAI,KAAKC,eAAQ,CAACqB,cAAc,IAChCtB,IAAI,KAAKC,eAAQ,CAACsB,aAAa,IAC/BvB,IAAI,KAAKC,eAAQ,CAACuB,uBAAuB;IACzC;IACAxB,IAAI,KAAKC,eAAQ,CAACwB,gBAAgB,IAClCzB,IAAI,KAAKC,eAAQ,CAACyB,kBAAkB,IACpC1B,IAAI,KAAKC,eAAQ,CAAC0B,cAAc,IAChC3B,IAAI,KAAKC,eAAQ,CAAC2B,gBAAgB,IAClC5B,IAAI,KAAKC,eAAQ,CAAC4B,gBAAgB,IAClC7B,IAAI,KAAKC,eAAQ,CAAC6B,aAAa,IAC/B9B,IAAI,KAAKC,eAAQ,CAAC8B,gBAAgB;IAClC;IACA/B,IAAI,KAAKC,eAAQ,CAAC+B,KAAK;IACvB;IACAhC,IAAI,KAAKC,eAAQ,CAACgC;EAAK;AAE3B,CAAC;AA+BM,MAAMC,cAA8B,GAAApC,OAAA,CAAAoC,cAAA,GAAG;EAC5C;AACF;AACA;EACEC,gBAAgB,EAAE,KAAK;EACvBC,iBAAiB,EAAE,KAAK;EACxBC,mBAAmB,EAAE,IAAI;EACzBC,iBAAiB,EAAE,KAAK;EACxB;EACAC,eAAe,EAAEC,UAAU;EAC3BC,aAAa,EAAEC,YAAY;EAC3BC,SAAS,EAAE,CAAC,CAAC;EAEbC,kBAAkB,EAAGC,sBAAiC,IAAK;IACzDnD,KAAK,CAAC,oBAAoB,CAAC;IAC3B,OAAO,IAAI;EACb,CAAC;EAEDoD,mBAAmBA,CAACC,kBAAkB,EAAEC,KAAK,EAAEH,sBAAsB,EAAE;IACrEnD,KAAK,CAAC,qBAAqB,CAAC;IAC5B,OAAO,IAAI;EACb,CAAC;EAEDuD,oBAAoBA,CAACD,KAAK,EAAEE,MAAM,EAAE;IAClC,OAAO,KAAK;EACd,CAAC;EAEDC,kBAAkBA,CAChBC,KAAK,EACLP,sBAAsB,EACtBQ,YAAY,EACZC,uBAAuB,EACvB;IACA5D,KAAK,CAAC,oBAAoB,CAAC;IAC3B;IACA,MAAM,IAAI6D,KAAK,CAAC,kCAAkC,CAAC;EACrD,CAAC;EAEDC,cAAcA,CACZxD,IAAI,EACJyD,KAAK,EACLC,SAAS,EACTL,YAAY,EACZC,uBAAuB,EACvB;IACA5D,KAAK,CAAC,gBAAgB,EAAEM,IAAI,CAAC;IAC7B0D,SAAS,CAACC,cAAc,CAACF,KAAK,CAAC;IAC/B,MAAMG,QAAQ,GAAG;MACf5D,IAAI;MACJD,aAAa,EAAEA,aAAa,CAACC,IAAI,CAAC;MAClCyD,KAAK;MACLI,QAAQ,EAAE;IACZ,CAAC;IACD,OAAOD,QAAQ;EACjB,CAAC;EAEDE,kBAAkBA,CAACC,cAAwB,EAAEC,KAA8B,EAAE;IAC3ED,cAAc,CAACF,QAAQ,CAACI,IAAI,CAACD,KAAK,CAAC;EACrC,CAAC;EAEDE,uBAAuBA,CACrBH,cAAc,EACdf,KAAK,EACLE,MAAM,EACNL,sBAAsB,EACtBQ,YAAY,EACZ;IACA3D,KAAK,CAAC,yBAAyB,EAAEqE,cAAc,CAAC;IAChD,OAAO,KAAK;EACd,CAAC;EAEDI,WAAWA,CAAA,EAAG;IACZ;IACAzE,KAAK,CAAC,aAAa,CAAC;EACtB,CAAC;EAED0E,gBAAgBA,CAACC,cAAc,EAAE;IAC/B3E,KAAK,CAAC,kBAAkB,CAAC;IACzB,OAAO,IAAI;EACb,CAAC;EAED4E,gBAAgBA,CAACZ,SAAS,EAAE;IAC1BhE,KAAK,CAAC,kBAAkB,CAAC;IACzBgE,SAAS,CAACa,MAAM,CAAC,CAAC;EACpB,CAAC;EAEDC,iBAAiBA,CAACC,IAAc,EAAE;IAChC/E,KAAK,CAAC,mBAAmB,CAAC;IAC1B,OAAO+E,IAAI;EACb,CAAC;EAEDC,gBAAgB,EAAEA,CAChBC,aAA2B,EAC3BC,QAAgB,EAChBC,QAAgB,KACb;IACH;EAAA,CACD;EAEDC,cAAc,EAAGpB,SAAS,IAAK;IAC7BhE,KAAK,CAAC,gBAAgB,CAAC;IACvBgE,SAAS,CAACqB,KAAK,CAAC,CAAC;EACnB,CAAC;EAEDC,aAAaA,CACXC,SAAmB,EACnBjC,KAAa,EACbkC,QAAe,EACfC,QAAe,EACfzB,SAAoB,EACpBL,YAAyB,EACzB;IACA3D,KAAK,CAAC,eAAe,CAAC;IACtB,MAAM0F,aAAa,GAAG,IAAAC,oBAAS,EAACH,QAAQ,EAAEC,QAAQ,CAAC;IACnD,IAAIC,aAAa,EAAE;MACjB,OAAO,IAAI;IACb;IACA1B,SAAS,CAAC4B,gBAAgB,CAACJ,QAAQ,CAAC;IACpCxB,SAAS,CAACC,cAAc,CAACwB,QAAQ,CAAC;IAClC,OAAOzB,SAAS;EAClB,CAAC;EAED6B,kBAAkB,EAAEA,CAAA,KAAM;IACxB7F,KAAK,CAAC,oBAAoB,CAAC;EAC7B,CAAC;EAED8F,aAAaA,CACX5B,QAAQ,EACR6B,cAAc,EACdzC,KAAK,EACL0C,SAAS,EACTP,QAAQ,EACR7B,uBAAuB,EACvBqC,YAAqB,EACrBC,mBAAoC,EACpC;IACAlG,KAAK,CAAC,eAAe,CAAC;IAEtB,OAAO;MACLM,IAAI,EAAE4D,QAAQ,CAAC5D,IAAI;MACnByD,KAAK,EAAE0B,QAAQ;MACftB,QAAQ,EAAE8B,YAAY,GAAG,CAAC,GAAG/B,QAAQ,CAACC,QAAQ,CAAC,GAAG,EAAE;MACpD9D,aAAa,EAAE6D,QAAQ,CAAC7D;IAC1B,CAAC;EACH,CAAC;EAED8F,uBAAuBA,CAAA,EAAa;IAClCnG,KAAK,CAAC,yBAAyB,CAAC;IAChC,OAAO,EAAE;EACX,CAAC;EAEDoG,8BAA8BA,CAC5BC,QAAkB,EAClB/B,KAA8B,EACxB;IACN+B,QAAQ,CAAC9B,IAAI,CAACD,KAAK,CAAC;EACtB,CAAC;EAEDgC,yBAAyBA,CAACtC,SAAoB,EAAEuC,WAAqB,EAAE;IACrEvG,KAAK,CAAC,2BAA2B,CAAC;IAClCgE,SAAS,CAACwC,IAAI,GAAGD,WAAW;EAC9B,CAAC;EAEDE,wBAAwBA,CAACzC,SAAoB,EAAEuC,WAAqB,EAAE;IACpEvG,KAAK,CAAC,0BAA0B,CAAC;IACjCgE,SAAS,CAACwC,IAAI,GAAGD,WAAW;EAC9B,CAAC;EAEDG,mBAAmBA,CACjBnB,SAAmB,EACnBjC,KAAa,EACbE,MAAa,EACH;IACVxD,KAAK,CAAC,qBAAqB,CAAC;IAC5B,MAAM,IAAI6D,KAAK,CAAC,sBAAsB,CAAC;EACzC,CAAC;EAED8C,uBAAuBA,CAACpB,SAAmB,EAAE7B,KAAa,EAAgB;IACxE1D,KAAK,CAAC,yBAAyB,CAAC;IAChC,MAAM,IAAI6D,KAAK,CAAC,sBAAsB,CAAC;EACzC,CAAC;EACD;EACA+C,uBAAuB,EAAEA,CAAA,KAAMC,+BAAoB;EACnDC,wBAAwB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClCC,uBAAuB,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjCC,qBAAqB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC/BC,mBAAmB,EAAE,SAAAA,CAAUC,KAAK,EAA4B;IAC9D,MAAM,IAAIrD,KAAK,CAAC,2BAA2B,CAAC;EAC9C,CAAC;EACDsD,kBAAkB,EAAE,SAAAA,CAAUC,cAAc,EAAE7B,SAAS,EAAQ;IAC7D,MAAM,IAAI1B,KAAK,CAAC,2BAA2B,CAAC;EAC9C,CAAC;EACDwD,oBAAoB,EAAE,SAAAA,CAAUD,cAAc,EAAmB;IAC/D,MAAM,IAAIvD,KAAK,CAAC,2BAA2B,CAAC;EAC9C;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/sksg/Reconciler.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+import type { SkCanvas, Skia } from "../skia/types";
+import { NodeType } from "../dom/types";
+export declare class SkiaSGRoot {
+    Skia: Skia;
+    private root;
+    private container;
+    constructor(Skia: Skia, nativeId?: number);
+    get sg(): {
+        type: NodeType;
+        props: {};
+        children: import("./nodes").Node<unknown>[];
+        isDeclaration: boolean;
+    };
+    render(element: ReactNode): void;
+    drawOnCanvas(canvas: SkCanvas): void;
+    getPicture(): import("../skia/types").SkPicture;
+    unmount(): void;
+}