@remotion/skia 4.0.395 → 4.0.397

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/skia"
 	},
 	"name": "@remotion/skia",
-	"version": "4.0.395",
+	"version": "4.0.397",
 	"description": "Include React Native Skia components in a Remotion video",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -21,7 +21,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.395"
+		"remotion": "4.0.397"
 	},
 	"peerDependencies": {
 		"@shopify/react-native-skia": ">=0.1.191",
@@ -29,14 +29,14 @@
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@remotion/bundler": "4.0.395",
+		"@remotion/bundler": "4.0.397",
 		"@shopify/react-native-skia": "2.0.0",
 		"canvaskit-wasm": "0.40.0",
 		"@types/react-native": "^0.69.2",
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
-		"remotion": "4.0.395",
-		"@remotion/eslint-config-internal": "4.0.395",
+		"remotion": "4.0.397",
+		"@remotion/eslint-config-internal": "4.0.397",
 		"eslint": "9.19.0"
 	},
 	"keywords": [

package/package/dist/cjs/SkiaCanvas.d.ts

@@ -1,13 +0,0 @@
-import type { CanvasProps } from '@shopify/react-native-skia';
-import type { ReactNode } from 'react';
-type RemotionCanvasProps = CanvasProps & {
-    readonly children: ReactNode;
-    readonly width: number;
-    readonly 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) => import("react/jsx-runtime").JSX.Element;
-export {};

package/package/dist/cjs/SkiaCanvas.js

@@ -1,30 +0,0 @@
-"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 mergedStyles = (0, react_1.useMemo)(() => {
-        var _a;
-        return {
-            width,
-            height,
-            ...((_a = style) !== null && _a !== void 0 ? _a : {}),
-        };
-    }, [height, style, width]);
-    const props = (0, react_1.useMemo)(() => {
-        return {
-            style: mergedStyles,
-            ...otherProps,
-        };
-    }, [mergedStyles, otherProps]);
-    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/package/dist/cjs/enable.d.ts

@@ -1,6 +0,0 @@
-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/package/dist/cjs/enable.js

@@ -1,61 +0,0 @@
-"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 bundler_1 = require("@remotion/bundler");
-const fs_1 = __importDefault(require("fs"));
-/**
- * @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, _c, _d;
-    const newExtensions = [
-        '.web.js',
-        '.web.ts',
-        '.web.tsx',
-        ...((_b = (_a = currentConfiguration.resolve) === null || _a === void 0 ? void 0 : _a.extensions) !== null && _b !== void 0 ? _b : []),
-    ];
-    const deduplicatedExtensions = [...new Set(newExtensions)];
-    return {
-        ...currentConfiguration,
-        plugins: [
-            ...((_c = currentConfiguration.plugins) !== null && _c !== void 0 ? _c : []),
-            new (class CopySkiaPlugin {
-                apply(compiler) {
-                    compiler.hooks.thisCompilation.tap('AddSkiaPlugin', (compilation) => {
-                        compilation.hooks.processAssets.tapPromise({
-                            name: 'copy-skia',
-                            stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL,
-                        }, async () => {
-                            const src = require.resolve('canvaskit-wasm/bin/full/canvaskit.wasm');
-                            if (compilation.getAsset(src)) {
-                                // Skip emitting the asset again because it's immutable
-                                return;
-                            }
-                            compilation.emitAsset('/canvaskit.wasm', new bundler_1.webpack.sources.RawSource(await fs_1.default.promises.readFile(src)));
-                        });
-                    });
-                }
-            })(),
-        ],
-        resolve: {
-            ...currentConfiguration.resolve,
-            // FIXME: To fix missing modules in browser when using webassembly
-            fallback: {
-                fs: false,
-                path: false,
-            },
-            extensions: deduplicatedExtensions,
-            alias: {
-                ...(_d = currentConfiguration.resolve) === null || _d === void 0 ? void 0 : _d.alias,
-                'react-native-reanimated': "require('react-native-reanimated')",
-                'react-native-reanimated/lib/reanimated2/core': "require('react-native-reanimated/lib/reanimated2/core')",
-                'react-native/Libraries/Image/AssetRegistry': false,
-            },
-        },
-    };
-};
-exports.enableSkia = enableSkia;

package/package/dist/cjs/index.d.ts

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

package/package/dist/cjs/index.js

@@ -1,5 +0,0 @@
-"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/dist/esm/enable.mjs

@@ -1,54 +0,0 @@
-import { createRequire } from "node:module";
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
-
-// src/enable.ts
-import { webpack } from "@remotion/bundler";
-import fs from "fs";
-var enableSkia = (currentConfiguration) => {
-  const newExtensions = [
-    ".web.js",
-    ".web.ts",
-    ".web.tsx",
-    ...currentConfiguration.resolve?.extensions ?? []
-  ];
-  const deduplicatedExtensions = [...new Set(newExtensions)];
-  return {
-    ...currentConfiguration,
-    plugins: [
-      ...currentConfiguration.plugins ?? [],
-      new class CopySkiaPlugin {
-        apply(compiler) {
-          compiler.hooks.thisCompilation.tap("AddSkiaPlugin", (compilation) => {
-            compilation.hooks.processAssets.tapPromise({
-              name: "copy-skia",
-              stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL
-            }, async () => {
-              const src = __require.resolve("canvaskit-wasm/bin/full/canvaskit.wasm");
-              if (compilation.getAsset(src)) {
-                return;
-              }
-              compilation.emitAsset("/canvaskit.wasm", new webpack.sources.RawSource(await fs.promises.readFile(src)));
-            });
-          });
-        }
-      }
-    ],
-    resolve: {
-      ...currentConfiguration.resolve,
-      fallback: {
-        fs: false,
-        path: false
-      },
-      extensions: deduplicatedExtensions,
-      alias: {
-        ...currentConfiguration.resolve?.alias,
-        "react-native-reanimated": "require('react-native-reanimated')",
-        "react-native-reanimated/lib/reanimated2/core": "require('react-native-reanimated/lib/reanimated2/core')",
-        "react-native/Libraries/Image/AssetRegistry": false
-      }
-    }
-  };
-};
-export {
-  enableSkia
-};

package/package/dist/esm/index.mjs

@@ -1,37 +0,0 @@
-// src/SkiaCanvas.tsx
-import { Canvas } from "@shopify/react-native-skia";
-import { useMemo } from "react";
-import { Internals } from "remotion";
-import { jsx } from "react/jsx-runtime";
-var SkiaCanvas = ({
-  children,
-  height,
-  width,
-  style,
-  ...otherProps
-}) => {
-  const contexts = Internals.useRemotionContexts();
-  const mergedStyles = useMemo(() => {
-    return {
-      width,
-      height,
-      ...style ?? {}
-    };
-  }, [height, style, width]);
-  const props = useMemo(() => {
-    return {
-      style: mergedStyles,
-      ...otherProps
-    };
-  }, [mergedStyles, otherProps]);
-  return /* @__PURE__ */ jsx(Canvas, {
-    ...props,
-    children: /* @__PURE__ */ jsx(Internals.RemotionContextProvider, {
-      contexts,
-      children
-    })
-  });
-};
-export {
-  SkiaCanvas
-};