@remotion/studio 4.0.386 → 4.0.387

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/esm/{chunk-w85z7zan.js → chunk-fea6d7v0.js} +7 -3
  2. package/dist/esm/internals.mjs +7 -3
  3. package/dist/esm/previewEntry.mjs +7 -3
  4. package/dist/esm/renderEntry.mjs +1 -1
  5. package/dist/helpers/show-browser-rendering.d.ts +1 -1
  6. package/dist/helpers/show-browser-rendering.js +1 -1
  7. package/package.json +11 -11
package/dist/esm/{chunk-w85z7zan.js → chunk-fea6d7v0.js} RENAMED
@@ -16894,7 +16894,7 @@ import { useContext as useContext54, useEffect as useEffect55, useRef as useRef2
16894
16894
  import { Internals as Internals45 } from "remotion";
16895
16895
 
16896
16896
  // src/helpers/show-browser-rendering.ts
16897
- var SHOW_BROWSER_RENDERING = false;
16897
+ var SHOW_BROWSER_RENDERING = Boolean(process.env.EXPERIMENTAL_CLIENT_SIDE_RENDERING_ENABLED);
16898
16898
 
16899
16899
  // src/state/loop.ts
16900
16900
  var key = "remotion.loop";
@@ -50106,6 +50106,10 @@ async function createScaffold({
50106
50106
  div.style.width = `${width2}px`;
50107
50107
  div.style.height = `${height}px`;
50108
50108
  div.style.zIndex = "-9999";
50109
+ div.style.top = "0";
50110
+ div.style.visibility = "hidden";
50111
+ div.style.left = "0";
50112
+ div.style.pointerEvents = "none";
50109
50113
  document.body.appendChild(div);
50110
50114
  const { promise, resolve, reject } = withResolvers();
50111
50115
  const root = ReactDOM8.createRoot(div, {
@@ -50124,7 +50128,7 @@ async function createScaffold({
50124
50128
  flushSync2(() => {
50125
50129
  root.render(/* @__PURE__ */ jsx258(Internals210.MaxMediaCacheSizeContext.Provider, {
50126
50130
  value: mediaCacheSizeInBytes,
50127
- children: /* @__PURE__ */ jsx258(Internals210.RemotionEnvironmentContext, {
50131
+ children: /* @__PURE__ */ jsx258(Internals210.RemotionEnvironmentContext.Provider, {
50128
50132
  value: {
50129
50133
  isStudio: false,
50130
50134
  isRendering: true,
@@ -50179,7 +50183,7 @@ async function createScaffold({
50179
50183
  compId: id,
50180
50184
  initialFrame,
50181
50185
  timeUpdater,
50182
- children: /* @__PURE__ */ jsx258(Internals210.CanUseRemotionHooks, {
50186
+ children: /* @__PURE__ */ jsx258(Internals210.CanUseRemotionHooks.Provider, {
50183
50187
  value: true,
50184
50188
  children: /* @__PURE__ */ jsx258(Component, {
50185
50189
  ...resolvedProps
package/dist/esm/internals.mjs CHANGED
@@ -16913,7 +16913,7 @@ import { useContext as useContext54, useEffect as useEffect55, useRef as useRef2
16913
16913
  import { Internals as Internals45 } from "remotion";
16914
16914
 
16915
16915
  // src/helpers/show-browser-rendering.ts
16916
- var SHOW_BROWSER_RENDERING = false;
16916
+ var SHOW_BROWSER_RENDERING = Boolean(process.env.EXPERIMENTAL_CLIENT_SIDE_RENDERING_ENABLED);
16917
16917
 
16918
16918
  // src/state/loop.ts
16919
16919
  var key = "remotion.loop";
@@ -50125,6 +50125,10 @@ async function createScaffold({
50125
50125
  div.style.width = `${width2}px`;
50126
50126
  div.style.height = `${height}px`;
50127
50127
  div.style.zIndex = "-9999";
50128
+ div.style.top = "0";
50129
+ div.style.visibility = "hidden";
50130
+ div.style.left = "0";
50131
+ div.style.pointerEvents = "none";
50128
50132
  document.body.appendChild(div);
50129
50133
  const { promise, resolve, reject } = withResolvers();
50130
50134
  const root = ReactDOM8.createRoot(div, {
@@ -50143,7 +50147,7 @@ async function createScaffold({
50143
50147
  flushSync2(() => {
50144
50148
  root.render(/* @__PURE__ */ jsx258(Internals210.MaxMediaCacheSizeContext.Provider, {
50145
50149
  value: mediaCacheSizeInBytes,
50146
- children: /* @__PURE__ */ jsx258(Internals210.RemotionEnvironmentContext, {
50150
+ children: /* @__PURE__ */ jsx258(Internals210.RemotionEnvironmentContext.Provider, {
50147
50151
  value: {
50148
50152
  isStudio: false,
50149
50153
  isRendering: true,
@@ -50198,7 +50202,7 @@ async function createScaffold({
50198
50202
  compId: id,
50199
50203
  initialFrame,
50200
50204
  timeUpdater,
50201
- children: /* @__PURE__ */ jsx258(Internals210.CanUseRemotionHooks, {
50205
+ children: /* @__PURE__ */ jsx258(Internals210.CanUseRemotionHooks.Provider, {
50202
50206
  value: true,
50203
50207
  children: /* @__PURE__ */ jsx258(Component, {
50204
50208
  ...resolvedProps
package/dist/esm/previewEntry.mjs CHANGED
@@ -17193,7 +17193,7 @@ import { useContext as useContext54, useEffect as useEffect55, useRef as useRef2
17193
17193
  import { Internals as Internals45 } from "remotion";
17194
17194
 
17195
17195
  // src/helpers/show-browser-rendering.ts
17196
- var SHOW_BROWSER_RENDERING = false;
17196
+ var SHOW_BROWSER_RENDERING = Boolean(process.env.EXPERIMENTAL_CLIENT_SIDE_RENDERING_ENABLED);
17197
17197
 
17198
17198
  // src/state/loop.ts
17199
17199
  var key = "remotion.loop";
@@ -50405,6 +50405,10 @@ async function createScaffold({
50405
50405
  div.style.width = `${width2}px`;
50406
50406
  div.style.height = `${height}px`;
50407
50407
  div.style.zIndex = "-9999";
50408
+ div.style.top = "0";
50409
+ div.style.visibility = "hidden";
50410
+ div.style.left = "0";
50411
+ div.style.pointerEvents = "none";
50408
50412
  document.body.appendChild(div);
50409
50413
  const { promise, resolve, reject } = withResolvers();
50410
50414
  const root = ReactDOM8.createRoot(div, {
@@ -50423,7 +50427,7 @@ async function createScaffold({
50423
50427
  flushSync2(() => {
50424
50428
  root.render(/* @__PURE__ */ jsx259(Internals210.MaxMediaCacheSizeContext.Provider, {
50425
50429
  value: mediaCacheSizeInBytes,
50426
- children: /* @__PURE__ */ jsx259(Internals210.RemotionEnvironmentContext, {
50430
+ children: /* @__PURE__ */ jsx259(Internals210.RemotionEnvironmentContext.Provider, {
50427
50431
  value: {
50428
50432
  isStudio: false,
50429
50433
  isRendering: true,
@@ -50478,7 +50482,7 @@ async function createScaffold({
50478
50482
  compId: id,
50479
50483
  initialFrame,
50480
50484
  timeUpdater,
50481
- children: /* @__PURE__ */ jsx259(Internals210.CanUseRemotionHooks, {
50485
+ children: /* @__PURE__ */ jsx259(Internals210.CanUseRemotionHooks.Provider, {
50482
50486
  value: true,
50483
50487
  children: /* @__PURE__ */ jsx259(Component, {
50484
50488
  ...resolvedProps
package/dist/esm/renderEntry.mjs CHANGED
@@ -206,7 +206,7 @@ var renderContent = (Root) => {
206
206
  renderToDOM(/* @__PURE__ */ jsx("div", {
207
207
  children: /* @__PURE__ */ jsx(DelayedSpinner, {})
208
208
  }));
209
- import("./chunk-w85z7zan.js").then(({ StudioInternals }) => {
209
+ import("./chunk-fea6d7v0.js").then(({ StudioInternals }) => {
210
210
  window.remotion_isStudio = true;
211
211
  window.remotion_isReadOnlyStudio = true;
212
212
  window.remotion_inputProps = "{}";
package/dist/helpers/show-browser-rendering.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const SHOW_BROWSER_RENDERING = false;
1
+ export declare const SHOW_BROWSER_RENDERING: boolean;
package/dist/helpers/show-browser-rendering.js CHANGED
@@ -1,4 +1,4 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.SHOW_BROWSER_RENDERING = void 0;
4
- exports.SHOW_BROWSER_RENDERING = false;
4
+ exports.SHOW_BROWSER_RENDERING = Boolean(process.env.EXPERIMENTAL_CLIENT_SIDE_RENDERING_ENABLED);
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
4
4
  },
5
5
  "name": "@remotion/studio",
6
- "version": "4.0.386",
6
+ "version": "4.0.387",
7
7
  "description": "APIs for interacting with the Remotion Studio",
8
8
  "main": "dist",
9
9
  "sideEffects": false,
@@ -25,13 +25,13 @@
25
25
  },
26
26
  "dependencies": {
27
27
  "semver": "7.5.3",
28
- "remotion": "4.0.386",
29
- "@remotion/player": "4.0.386",
30
- "@remotion/media-utils": "4.0.386",
31
- "@remotion/renderer": "4.0.386",
32
- "@remotion/web-renderer": "4.0.386",
33
- "@remotion/studio-shared": "4.0.386",
34
- "@remotion/zod-types": "4.0.386",
28
+ "remotion": "4.0.387",
29
+ "@remotion/player": "4.0.387",
30
+ "@remotion/media-utils": "4.0.387",
31
+ "@remotion/renderer": "4.0.387",
32
+ "@remotion/web-renderer": "4.0.387",
33
+ "@remotion/studio-shared": "4.0.387",
34
+ "@remotion/zod-types": "4.0.387",
35
35
  "mediabunny": "1.25.8",
36
36
  "memfs": "3.4.3",
37
37
  "source-map": "0.7.3",
@@ -39,10 +39,10 @@
39
39
  "zod": "3.22.3"
40
40
  },
41
41
  "devDependencies": {
42
- "react": "19.2.1",
43
- "react-dom": "19.2.1",
42
+ "react": "19.2.3",
43
+ "react-dom": "19.2.3",
44
44
  "@types/semver": "^7.3.4",
45
- "@remotion/eslint-config-internal": "4.0.386",
45
+ "@remotion/eslint-config-internal": "4.0.387",
46
46
  "eslint": "9.19.0"
47
47
  },
48
48
  "publishConfig": {