@shopify/react-native-skia 2.11.0-next.2 → 2.11.1

package/lib/typescript/src/sksg/Recorder/Recorder.d.ts

@@ -42,7 +42,7 @@ export declare class Recorder implements BaseRecorder {
     saveBackdropFilter(): void;
     drawBox(boxProps: AnimatedProps<BoxProps>, shadows: {
         props: BoxShadowProps;
-        animatedProps?: Record<string, SharedValue<unknown>>;
+        animatedProps?: Record<string, unknown>;
     }[]): void;
     drawImage(props: AnimatedProps<ImageProps>): void;
     drawCircle(props: AnimatedProps<CircleProps>): void;

package/lib/typescript/src/sksg/utils.d.ts

@@ -1,5 +1,9 @@
 import type { SharedValue } from "react-native-reanimated";
 export declare const isSharedValue: <T = unknown>(value: unknown) => value is SharedValue<T>;
+export declare const isSharedValueSelector: (value: unknown) => value is {
+    __sv: SharedValue<unknown>;
+    __key: string;
+};
 export declare const materialize: <T extends object>(props: T) => T;
 type Composer<T> = (outer: T, inner: T) => T;
 export declare const composeDeclarations: <T>(filters: T[], composer: Composer<T>) => T;

package/package.json

@@ -8,7 +8,7 @@
     "setup-skia-web": "scripts/setup-canvaskit.js"
   },
   "title": "React Native Skia",
-  "version": "2.11.0-next.2",
+  "version": "2.11.1",
   "description": "High-performance React Native Graphics using Skia",
   "main": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -139,15 +139,16 @@
   },
   "dependencies": {
     "canvaskit-wasm": "0.41.0",
-    "react-native-skia-graphite-android": "150.0.0",
-    "react-native-skia-graphite-apple-ios": "150.0.0",
-    "react-native-skia-graphite-apple-macos": "150.0.0",
+    "react-native-skia-android": "152.0.0",
+    "react-native-skia-apple-ios": "152.0.0",
+    "react-native-skia-apple-macos": "152.0.0",
+    "react-native-skia-apple-tvos": "152.0.0",
     "react-reconciler": "0.31.0"
   },
   "graphiteDependencies": {
-    "react-native-skia-graphite-android": "150.0.0",
-    "react-native-skia-graphite-apple-ios": "150.0.0",
-    "react-native-skia-graphite-apple-macos": "150.0.0"
+    "react-native-skia-graphite-android": "152.0.0",
+    "react-native-skia-graphite-apple-ios": "152.0.0",
+    "react-native-skia-graphite-apple-macos": "152.0.0"
   },
   "eslintIgnore": [
     "node_modules/",
@@ -184,6 +185,5 @@
         }
       ]
     ]
-  },
-  "stableVersion": "0.0.0"
+  }
 }

package/src/renderer/components/Mask.tsx

@@ -20,17 +20,24 @@ export const Mask = ({
 }: MaskProps) => {
   return (
     <Group layer>
+      {children}
+      {/* The children composite against each other in the layer above; the
+          mask is then applied once, when its own layer is restored. A blend
+          mode attached to a <Group> without a layer would instead be applied
+          per draw call, compositing every child after the first against the
+          previous child rather than against the mask (issue #3254).
+          dstIn keeps the children where the mask is opaque and erases them
+          where it is transparent. Without clip, dstATop additionally keeps
+          the mask artwork itself wherever the children leave it uncovered. */}
       <Group
         layer={
-          <Paint blendMode="src">
+          <Paint blendMode={clip ? "dstIn" : "dstATop"}>
             {mode === "luminance" && <LumaColorFilter />}
           </Paint>
         }
       >
         {mask}
-        {clip && <Group layer={<Paint blendMode="dstIn" />}>{children}</Group>}
       </Group>
-      <Group blendMode="srcIn">{children}</Group>
     </Group>
   );
 };

package/src/renderer/processors/Animations/Animations.ts

@@ -1,4 +1,37 @@
-export type AnimatedProp<T> = T | { value: T };
+import type { SharedValue } from "react-native-reanimated";
+
+/**
+ * Binds a prop to a single key of a "grouped" shared value: one shared value
+ * whose `.value` is an object can drive many props (one key each) instead of
+ * requiring a separate shared value per prop.
+ *
+ * Created via {@link select}. `T` is the type of the selected value; `__type`
+ * is a phantom marker carrying that type and is never present at runtime.
+ */
+export type SharedValueSelector<T> = {
+  __sv: { value: Record<string, unknown> };
+  __key: string;
+  readonly __type?: T;
+};
+
+export type AnimatedProp<T> = T | { value: T } | SharedValueSelector<T>;
+
+/**
+ * Selects a single key of a shared value so it can drive an animated prop.
+ * This lets one shared value (whose value is an object) drive multiple props
+ * — one per key — instead of using a separate shared value for each.
+ *
+ * @example
+ * const data = useSharedValue({ x: 0, y: 0, r: 10 });
+ * <Circle cx={select(data, "x")} cy={select(data, "y")} r={select(data, "r")} />
+ */
+export const select = <T extends object, K extends keyof T & string>(
+  value: SharedValue<T>,
+  key: K
+): SharedValueSelector<T[K]> => ({
+  __sv: value as unknown as { value: Record<string, unknown> },
+  __key: key,
+});
 
 export type AnimatedProps<T, O extends keyof T | never = never> = {
   [K in keyof T]: K extends "children"

package/src/skia/types/Matrix4.ts

@@ -190,12 +190,16 @@ export const multiply4 = (a: Matrix4, b: Matrix4): Matrix4 => {
   return result as unknown as Matrix4;
 };
 
-const skewY = (angle: number): Matrix4 => {
+// These matrices are row-major, so the shear factor of skewX - which offsets x
+// in proportion to y - belongs in row 0, column 1, and skewY's in row 1,
+// column 0. React Native's MatrixMath stores the same transforms column-major,
+// and porting its indices verbatim is what swapped the two axes here.
+const skewX = (angle: number): Matrix4 => {
   "worklet";
   return [1, Math.tan(angle), 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
 };
 
-const skewX = (angle: number): Matrix4 => {
+const skewY = (angle: number): Matrix4 => {
   "worklet";
   return [1, 0, 0, 0, Math.tan(angle), 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
 };

package/src/skia/types/Skia.ts

@@ -21,7 +21,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 { SkSurface, SurfaceFactory } from "./Surface";
+import type { SurfaceFactory } from "./Surface";
 import type { SkRSXform } from "./RSXform";
 import type { SkPath } from "./Path/Path";
 import type { SkContourMeasureIter } from "./ContourMeasure";
@@ -35,11 +35,6 @@ import type { NativeBufferFactory } from "./NativeBuffer";
 import type { JsiRecorder } from "./Recorder";
 import type { SkottieFactory } from "./Skottie";
 
-export interface SkiaContext {
-  getSurface(): SkSurface;
-  present(): void;
-}
-
 /**
  * Declares the interface for the native Skia API
  */
@@ -106,7 +101,6 @@ export interface Skia {
   ParagraphBuilder: ParagraphBuilderFactory;
   Skottie: SkottieFactory;
   Video: (url: string) => Promise<Video> | Video;
-  Context(surface: bigint, width: number, height: number): SkiaContext;
   NativeBuffer: NativeBufferFactory;
   Recorder(): JsiRecorder;
   /**

package/src/skia/web/JsiSkia.ts

@@ -4,7 +4,6 @@ import type {
   JsiRecorder,
   SkContourMeasureIter,
   Skia,
-  SkiaContext,
   SkPath,
   SkRect,
   SkRuntimeEffect,
@@ -137,9 +136,6 @@ export const JsiSkApi = (CanvasKit: CanvasKit): Skia => ({
   NativeBuffer: new JsiSkNativeBufferFactory(CanvasKit),
   Skottie: new JsiSkottieFactory(CanvasKit),
   Video: createVideo.bind(null, CanvasKit),
-  Context: (_surface: bigint, _width: number, _height: number) => {
-    return throwNotImplementedOnRNWeb<SkiaContext>();
-  },
   Recorder: () => {
     return throwNotImplementedOnRNWeb<JsiRecorder>();
   },

package/src/sksg/Recorder/Core.ts

@@ -23,6 +23,7 @@ import type {
   DrawingNodeProps,
   SkottieProps,
 } from "../../dom/types";
+import { isSharedValueSelector } from "../utils";
 
 export enum CommandType {
   // Context
@@ -79,7 +80,16 @@ export const materializeCommand = (command: any) => {
   const newProps = { ...command.props };
   if (command.animatedProps) {
     for (const key in command.animatedProps) {
-      newProps[key] = command.animatedProps[key].value;
+      const entry = command.animatedProps[key];
+      if (isSharedValueSelector(entry)) {
+        const group = entry.__sv.value;
+        newProps[key] =
+          group && typeof group === "object"
+            ? (group as Record<string, unknown>)[entry.__key]
+            : undefined;
+      } else {
+        newProps[key] = entry.value;
+      }
     }
   }
   return { ...command, props: newProps };

package/src/sksg/Recorder/DrawingContext.ts

@@ -56,6 +56,15 @@ export const createDrawingContext = (
     nextPaintIndex++;
   };
 
+  // Pushes an externally owned paint (the `paint` prop) onto the stack. It must
+  // push an opacity alongside it: restorePaint() pops both, so pushing only the
+  // paint would underflow the opacity stack and leak the enclosing group's
+  // opacity onto everything drawn afterwards.
+  const pushPaint = (paint: SkPaint) => {
+    paints.push(paint);
+    opacities.push(opacities[opacities.length - 1]);
+  };
+
   const getOpacity = () => {
     return opacities[opacities.length - 1];
   };
@@ -144,6 +153,7 @@ export const createDrawingContext = (
 
     // Public methods
     savePaint,
+    pushPaint,
     saveBackdropFilter,
     get paint() {
       return paints[paints.length - 1];

package/src/sksg/Recorder/Player.ts

@@ -123,7 +123,7 @@ const play = (ctx: DrawingContext, _command: Command) => {
     ctx.canvas.saveLayer(paint);
   } else if (isDrawCommand(command, CommandType.SavePaint)) {
     if (command.props.paint) {
-      ctx.paints.push(command.props.paint);
+      ctx.pushPaint(command.props.paint);
     } else {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       const { standalone } = command as any;

package/src/sksg/Recorder/ReanimatedRecorder.ts

@@ -31,7 +31,7 @@ import type {
   DrawingNodeProps,
 } from "../../dom/types";
 import type { AnimatedProps } from "../../renderer";
-import { isSharedValue } from "../utils";
+import { isSharedValue, isSharedValueSelector } from "../utils";
 
 /**
  * Currently the recorder only work if the GPU resources (e.g Images) are owned by the main thread.
@@ -55,6 +55,15 @@ export class ReanimatedRecorder implements BaseRecorder {
       return;
     }
     Object.values(props).forEach((value) => {
+      if (isSharedValueSelector(value) && !this.values.has(value.__sv)) {
+        const sv = value.__sv;
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error
+        sv.name = `variable${this.values.size}`;
+        this.values.add(sv as SharedValue<unknown>);
+        return;
+      }
+
       if (isSharedValue(value) && !this.values.has(value)) {
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-expect-error

package/src/sksg/Recorder/Recorder.ts

@@ -30,7 +30,7 @@ import type {
   DrawingNodeProps,
 } from "../../dom/types";
 import type { AnimatedProps } from "../../renderer";
-import { isSharedValue } from "../utils";
+import { isSharedValue, isSharedValueSelector } from "../utils";
 import { isColorFilter, isImageFilter, isPathEffect, isShader } from "../Node";
 import type { SkPaint, SkPicture, BaseRecorder } from "../../skia/types";
 
@@ -78,7 +78,7 @@ export class Recorder implements BaseRecorder {
   }
 
   private processProps(props: Record<string, unknown>) {
-    const animatedProps: Record<string, SharedValue<unknown>> = {};
+    const animatedProps: Record<string, unknown> = {};
     let hasAnimatedProps = false;
 
     for (const key in props) {
@@ -87,6 +87,10 @@ export class Recorder implements BaseRecorder {
         this.animationValues.add(prop);
         animatedProps[key] = prop;
         hasAnimatedProps = true;
+      } else if (isSharedValueSelector(prop)) {
+        this.animationValues.add(prop.__sv);
+        animatedProps[key] = prop;
+        hasAnimatedProps = true;
       }
     }
 
@@ -222,7 +226,7 @@ export class Recorder implements BaseRecorder {
     boxProps: AnimatedProps<BoxProps>,
     shadows: {
       props: BoxShadowProps;
-      animatedProps?: Record<string, SharedValue<unknown>>;
+      animatedProps?: Record<string, unknown>;
     }[]
   ) {
     shadows.forEach((shadow) => {

package/src/sksg/Recorder/Visitor.ts

@@ -104,13 +104,16 @@ const processCTM = ({
   if (layer) {
     ctm.layer = layer;
   }
+  // Only record a CTM command when saveCTM() will actually save the canvas.
+  // saveCTM() saves on transform/matrix, clip or layer; restoreCTM() always
+  // restores, so recording a CTM that saves nothing - `origin` with no
+  // transform, `clip={false}` from a conditional, a bare `invertClip` - pops
+  // an enclosing save that belongs to an ancestor.
   if (
-    clip !== undefined ||
-    invertClip !== undefined ||
-    transform !== undefined ||
-    origin !== undefined ||
-    matrix !== undefined ||
-    layer !== undefined
+    ctm.clip !== undefined ||
+    ctm.transform !== undefined ||
+    ctm.matrix !== undefined ||
+    ctm.layer !== undefined
   ) {
     return ctm;
   }

package/src/sksg/Recorder/commands/Drawing.ts

@@ -217,6 +217,16 @@ export const drawPath = (ctx: DrawingContext, props: PathProps) => {
 
   let path = processPath(ctx.Skia, pathProps.path);
 
+  // Trim runs first, so start/end address the path the caller drew. Stroking
+  // first would replace it with its outline and leave the offsets walking that
+  // outline's perimeter instead. The native recorder orders these the same way.
+  if (hasStartOffset || hasEndOffset) {
+    const trimmed = ctx.Skia.Path.Trim(path, start, end, false);
+    if (trimmed) {
+      path = trimmed;
+    }
+  }
+
   // Apply fill type using PathBuilder
   if (hasFillType) {
     const builder = ctx.Skia.PathBuilder.MakeFromPath(path);
@@ -232,14 +242,6 @@ export const drawPath = (ctx: DrawingContext, props: PathProps) => {
     }
   }
 
-  // Apply trim using static Path.Trim
-  if (hasStartOffset || hasEndOffset) {
-    const trimmed = ctx.Skia.Path.Trim(path, start, end, false);
-    if (trimmed) {
-      path = trimmed;
-    }
-  }
-
   ctx.canvas.drawPath(path, ctx.paint);
 };
 

package/src/sksg/Recorder/commands/ImageFilters.ts

@@ -31,6 +31,14 @@ export enum MorphologyOperator {
 
 const Black = Float32Array.of(0, 0, 0, 1);
 
+// Turns the source graphic into a hard silhouette: alpha is multiplied by 255
+// and clamped, so any pixel the shape covers at all becomes fully opaque, and
+// the colour channels are dropped. 255 is the saturation point of an 8-bit
+// alpha channel, so one unit of coverage is enough to reach 1.
+const AlphaSaturate = [
+  0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 255, 0,
+];
+
 const MakeInnerShadow = (
   Skia: Skia,
   shadowOnly: boolean | undefined,
@@ -50,9 +58,20 @@ const MakeInnerShadow = (
     Skia.ColorFilter.MakeBlend(Black, BlendMode.SrcIn),
     null
   );
+  // The shadow is generated outside the shape and then clipped back into it, so
+  // "outside" has to be the complement of the shape's silhouette. Taking SrcOut
+  // against the source graphic itself makes it the complement of the source's
+  // *alpha*: inside a translucent shape 1 - alpha is non-zero, so the shadow is
+  // generated across the whole interior and tints it, no matter how small the
+  // blur and the offset are (issue #2990). Saturating alpha first keeps the
+  // shadow tied to the shape's outline instead of to its opacity.
+  const coverage = Skia.ImageFilter.MakeColorFilter(
+    Skia.ColorFilter.MakeMatrix(AlphaSaturate),
+    null
+  );
   const f1 = Skia.ImageFilter.MakeColorFilter(
     Skia.ColorFilter.MakeBlend(color, BlendMode.SrcOut),
-    null
+    coverage
   );
   const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);
   const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, TileMode.Decal, f2);

package/src/sksg/Recorder/commands/Shaders.ts

@@ -221,7 +221,7 @@ const declareImageShader = (ctx: DrawingContext, props: ImageShaderProps) => {
     );
   } else {
     shader = ctx.track(
-      image.makeShaderCubic(
+      image.makeShaderOptions(
         TileMode[enumKey(tx)],
         TileMode[enumKey(ty)],
         sampling?.filter ?? FilterMode.Linear,

package/src/sksg/utils.ts

@@ -10,6 +10,17 @@ export const isSharedValue = <T = unknown>(
   return (value as Record<string, unknown>)?._isReanimatedSharedValue === true;
 };
 
+export const isSharedValueSelector = (
+  value: unknown
+): value is { __sv: SharedValue<unknown>; __key: string } => {
+  "worklet";
+  if (!value || typeof value !== "object") {
+    return false;
+  }
+  const obj = value as Record<string, unknown>;
+  return isSharedValue(obj.__sv) && typeof obj.__key === "string";
+};
+
 export const materialize = <T extends object>(props: T) => {
   "worklet";
   const result: T = Object.assign({}, props);
@@ -17,6 +28,13 @@ export const materialize = <T extends object>(props: T) => {
     const value = result[key];
     if (isSharedValue(value)) {
       result[key] = value.value as never;
+    } else if (isSharedValueSelector(value)) {
+      const group = value.__sv.value;
+      result[key] = (
+        group && typeof group === "object"
+          ? (group as Record<string, unknown>)[value.__key]
+          : undefined
+      ) as never;
     }
   });
   return result;

package/cpp/api/JsiSkiaContext.h

@@ -1,94 +0,0 @@
-#pragma once
-
-#include <memory>
-#include <numeric>
-#include <utility>
-#include <variant>
-#include <vector>
-
-#include "JsiSkConverters.h"
-#include "JsiSkNativeObjects.h"
-#include "utils/RNSkLog.h"
-#include <jsi/jsi.h>
-
-#include "JsiSkPaint.h"
-#include "JsiSkPoint.h"
-#include "JsiSkRect.h"
-#include "JsiSkSurface.h"
-#include "JsiSkTypeface.h"
-
-#include "rnskia/RNWindowContext.h"
-
-#pragma clang diagnostic push
-#pragma clang diagnostic ignored "-Wdocumentation"
-
-#include "include/core/SkFont.h"
-#include "include/core/SkFontMetrics.h"
-
-#pragma clang diagnostic pop
-
-namespace RNSkia {
-
-namespace jsi = facebook::jsi;
-
-class JsiSkiaContext
-    : public JsiSkWrappingSharedPtrNativeObject<JsiSkiaContext, WindowContext> {
-public:
-  static constexpr const char *CLASS_NAME = "SkiaContext";
-
-  std::variant<std::nullptr_t, std::shared_ptr<JsiSkSurface>> getSurface() {
-    auto surface = getObject()->getSurface();
-    if (surface == nullptr) {
-      return nullptr;
-    }
-    return std::make_shared<JsiSkSurface>(getContext(), std::move(surface));
-  }
-
-  void present() { getObject()->present(); }
-
-  static void definePrototype(jsi::Runtime &runtime, jsi::Object &prototype) {
-    installCommon(runtime, prototype);
-    installMethod(runtime, prototype, "getSurface",
-                  &JsiSkiaContext::getSurface);
-    installMethod(runtime, prototype, "present", &JsiSkiaContext::present);
-  }
-
-  JsiSkiaContext(std::shared_ptr<RNSkPlatformContext> context,
-                 std::shared_ptr<WindowContext> ctx)
-      : JsiSkWrappingSharedPtrNativeObject<JsiSkiaContext, WindowContext>(
-            std::move(context), std::move(ctx)) {}
-
-  size_t getMemoryPressure() override { return 10 * 1024 * 1024; }
-
-  /**
-   * Creates the function for construction a new instance of the SkFont
-   * wrapper
-   * @param context Platform context
-   * @return A function for creating a new host object wrapper for the SkFont
-   * class
-   */
-  static const jsi::HostFunctionType
-  createCtor(std::shared_ptr<RNSkPlatformContext> context) {
-    return JSI_HOST_FUNCTION_LAMBDA {
-      jsi::BigInt pointer = arguments[0].asBigInt(runtime);
-      const uintptr_t nativeBufferPointer = pointer.asUint64(runtime);
-      void *surface = reinterpret_cast<void *>(nativeBufferPointer);
-      auto width = static_cast<int>(arguments[1].asNumber());
-      auto height = static_cast<int>(arguments[2].asNumber());
-      if (surface == nullptr) {
-        throw std::runtime_error("Surface is null");
-      }
-      auto result =
-          context->makeContextFromNativeSurface(surface, width, height);
-      if (result == nullptr) {
-        throw std::runtime_error(
-            "Couldn't create a Skia context from the native surface");
-      }
-      // Return the newly constructed object
-      return makeJsiObject(runtime, std::make_shared<JsiSkiaContext>(
-                                        context, std::move(result)));
-    };
-  }
-};
-
-} // namespace RNSkia

package/cpp/dawn/include/dawn/dawn_proc.h

@@ -1,53 +0,0 @@
-// Copyright 2019 The Dawn & Tint Authors
-//
-// Redistribution and use in source and binary forms, with or without
-// modification, are permitted provided that the following conditions are met:
-//
-// 1. Redistributions of source code must retain the above copyright notice, this
-//    list of conditions and the following disclaimer.
-//
-// 2. Redistributions in binary form must reproduce the above copyright notice,
-//    this list of conditions and the following disclaimer in the documentation
-//    and/or other materials provided with the distribution.
-//
-// 3. Neither the name of the copyright holder nor the names of its
-//    contributors may be used to endorse or promote products derived from
-//    this software without specific prior written permission.
-//
-// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-// DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
-// FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
-// DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
-// SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
-// CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
-// OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-
-#ifndef INCLUDE_DAWN_DAWN_PROC_H_
-#define INCLUDE_DAWN_DAWN_PROC_H_
-
-#include <webgpu/webgpu.h>
-
-#include "dawn/dawn_proc_table.h"
-
-#ifdef __cplusplus
-extern "C" {
-#endif
-
-// Sets the static proctable used by libdawn_proc to implement the Dawn entrypoints. Passing NULL
-// for `procs` sets up the null proctable that contains only null function pointers. It is the
-// default value of the proctable. Setting the proctable back to null is good practice when you
-// are done using libdawn_proc since further usage will cause a segfault instead of calling an
-// unexpected function.
-WGPU_EXPORT void dawnProcSetProcs(const DawnProcTable* procs);
-
-// Returns the static array of uint8_t of size 20 representing the Dawn version.
-WGPU_EXPORT const uint8_t* dawnProcGetVersion();
-
-#ifdef __cplusplus
-}  // extern "C"
-#endif
-
-#endif  // INCLUDE_DAWN_DAWN_PROC_H_