@remotion/skia 3.3.77 → 3.3.78

package/dist/SkiaCanvas.d.ts

@@ -0,0 +1,13 @@
+import type { CanvasProps } from '@shopify/react-native-skia';
+import type { ReactNode } from 'react';
+declare type RemotionCanvasProps = CanvasProps & {
+    children: ReactNode;
+    width: number;
+    height: number;
+};
+/**
+ * @description A React Native Skia <Canvas /> component that wraps Remotion contexts.
+ * @see [Documentation](https://www.remotion.dev/docs/skia/skia-canvas)
+ */
+export declare const SkiaCanvas: ({ children, height, width, style, ...otherProps }: RemotionCanvasProps) => JSX.Element;
+export {};

package/dist/SkiaCanvas.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkiaCanvas = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_skia_1 = require("@shopify/react-native-skia");
+const react_1 = require("react");
+const remotion_1 = require("remotion");
+/**
+ * @description A React Native Skia <Canvas /> component that wraps Remotion contexts.
+ * @see [Documentation](https://www.remotion.dev/docs/skia/skia-canvas)
+ */
+const SkiaCanvas = ({ children, height, width, style, ...otherProps }) => {
+    const contexts = remotion_1.Internals.useRemotionContexts();
+    const props = (0, react_1.useMemo)(() => {
+        return {
+            style: [
+                {
+                    width,
+                    height,
+                },
+                style,
+            ],
+            ...otherProps,
+        };
+    }, [height, otherProps, style, width]);
+    return ((0, jsx_runtime_1.jsx)(react_native_skia_1.Canvas, { ...props, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionContextProvider, { contexts: contexts, children: children }) }));
+};
+exports.SkiaCanvas = SkiaCanvas;

package/dist/enable-skia.d.ts

@@ -0,0 +1,6 @@
+import type { WebpackOverrideFn } from '@remotion/bundler';
+/**
+ * @description A function that modifies the default Webpack configuration to make the necessary changes to support Skia.
+ * @see [Documentation](https://www.remotion.dev/docs/skia/enable-skia)
+ */
+export declare const enableSkia: WebpackOverrideFn;

package/dist/enable-skia.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.enableSkia = void 0;
+const copy_webpack_plugin_1 = __importDefault(require("copy-webpack-plugin"));
+/**
+ * @description A function that modifies the default Webpack configuration to make the necessary changes to support Skia.
+ * @see [Documentation](https://www.remotion.dev/docs/skia/enable-skia)
+ */
+const enableSkia = (currentConfiguration) => {
+    var _a, _b;
+    return {
+        ...currentConfiguration,
+        plugins: [
+            ...((_a = currentConfiguration.plugins) !== null && _a !== void 0 ? _a : []),
+            new copy_webpack_plugin_1.default({
+                patterns: [
+                    { from: 'node_modules/canvaskit-wasm/bin/full/canvaskit.wasm' },
+                ],
+            }),
+        ],
+        resolve: {
+            ...currentConfiguration.resolve,
+            // FIXME: To fix missing modules in browser when using webassembly
+            fallback: {
+                fs: false,
+                path: false,
+            },
+            extensions: [
+                '.web.js',
+                '.web.ts',
+                '.web.tsx',
+                '.js',
+                '.ts',
+                '.tsx',
+                '...',
+            ],
+        },
+        externals: {
+            ...((_b = currentConfiguration.externals) !== null && _b !== void 0 ? _b : {}),
+            'react-native-reanimated': "require('react-native-reanimated')",
+            'react-native-reanimated/lib/reanimated2/core': "require('react-native-reanimated/lib/reanimated2/core')",
+        },
+    };
+};
+exports.enableSkia = enableSkia;

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { SkiaCanvas } from './SkiaCanvas';

package/dist/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkiaCanvas = void 0;
+var SkiaCanvas_1 = require("./SkiaCanvas");
+Object.defineProperty(exports, "SkiaCanvas", { enumerable: true, get: function () { return SkiaCanvas_1.SkiaCanvas; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/skia",
-  "version": "3.3.77",
+  "version": "3.3.78",
   "description": "Utilities for using react-native-skia in Remotion",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -17,17 +17,17 @@
   },
   "dependencies": {
     "copy-webpack-plugin": "11",
-    "remotion": "3.3.77"
+    "remotion": "3.3.78"
   },
   "peerDependencies": {
-    "@remotion/bundler": "3.3.77",
+    "@remotion/bundler": "3.3.78",
     "@shopify/react-native-skia": "^0.1.139",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
     "@jonny/eslint-config": "3.0.266",
-    "@remotion/bundler": "3.3.77",
+    "@remotion/bundler": "3.3.78",
     "@rollup/plugin-typescript": "^8.2.0",
     "@shopify/react-native-skia": "^0.1.139",
     "@types/react": "18.0.26",
@@ -37,7 +37,7 @@
     "prettier-plugin-organize-imports": "^2.3.4",
     "react": "18.0.0",
     "react-dom": "18.0.0",
-    "remotion": "3.3.77",
+    "remotion": "3.3.78",
     "rollup": "^2.70.1",
     "typescript": "^4.7.0"
   },