@remotion/maptiler 4.0.541 → 4.0.543

package/dist/esm/index.mjs

@@ -450,7 +450,6 @@ import {
 import { jsx as jsx3 } from "react/jsx-runtime";
 var mapOverlaySchema = {
   ...Interactive.baseSchema,
-  ...Interactive.premountSchema,
   longitude: {
     type: "number",
     min: -180,
@@ -1610,10 +1609,6 @@ import {
 import { jsx as jsx7, jsxs, Fragment } from "react/jsx-runtime";
 var mapRegionSchema = {
   ...Interactive2.baseSchema,
-  ...{
-    premountFor: Interactive2.premountSchema.premountFor,
-    postmountFor: Interactive2.premountSchema.postmountFor
-  },
   fill: {
     type: "number",
     min: 0,
@@ -1674,16 +1669,23 @@ var MapRegionDrawing = ({
   strokeWidth = 9
 }) => {
   const { map } = useContext9(MapTilerContext);
+  const videoEnabled = Internals8.useVideoEnabled();
   const { continueRender, delayRender } = useDelayRender6();
   const [readyMap, setReadyMap] = useState2(null);
   const isReady = map !== null && readyMap === map;
   useLayoutEffect(() => {
-    if (isReady) {
+    if (isReady || !videoEnabled) {
       return;
     }
     const handle = delayRender(`Loading ${feature.properties.name} geometry`);
     return () => continueRender(handle);
-  }, [continueRender, delayRender, feature.properties.name, isReady]);
+  }, [
+    continueRender,
+    delayRender,
+    feature.properties.name,
+    isReady,
+    videoEnabled
+  ]);
   const outline = useMemo3(() => lineString2(feature.geometry.coordinates[0]), [feature]);
   const outlineLength = useMemo3(() => getLineLength2(outline), [outline]);
   const fillSourceId = `${id}-fill`;
@@ -1965,10 +1967,6 @@ import {
 import { jsx as jsx8, jsxs as jsxs2, Fragment as Fragment2 } from "react/jsx-runtime";
 var mapRouteSchema = {
   ...Interactive3.baseSchema,
-  ...{
-    premountFor: Interactive3.premountSchema.premountFor,
-    postmountFor: Interactive3.premountSchema.postmountFor
-  },
   glow: {
     type: "number",
     min: 0,
@@ -2012,16 +2010,23 @@ var MapRouteDrawing = ({
   strokeWidth = 9
 }) => {
   const { map } = useContext10(MapTilerContext);
+  const videoEnabled = Internals9.useVideoEnabled();
   const { continueRender, delayRender } = useDelayRender7();
   const [readyMap, setReadyMap] = useState3(null);
   const isReady = map !== null && readyMap === map;
   useLayoutEffect2(() => {
-    if (isReady) {
+    if (isReady || !videoEnabled) {
       return;
     }
     const handle = delayRender(`Loading ${feature.properties.name} route`);
     return () => continueRender(handle);
-  }, [continueRender, delayRender, feature.properties.name, isReady]);
+  }, [
+    continueRender,
+    delayRender,
+    feature.properties.name,
+    isReady,
+    videoEnabled
+  ]);
   const route = useMemo4(() => lineString3(feature.geometry.coordinates), [feature]);
   const routeLength = useMemo4(() => getLineLength3(route), [route]);
   const sourceId = `${id}-route`;
@@ -2380,6 +2385,7 @@ import"@maptiler/sdk/style.css";
 import { useLayoutEffect as useLayoutEffect3, useMemo as useMemo5, useRef as useRef8, useState as useState4 } from "react";
 import {
   Interactive as Interactive4,
+  Internals as Internals11,
   useDelayRender as useDelayRender9
 } from "remotion";
 import { jsx as jsx10, jsxs as jsxs3, Fragment as Fragment3 } from "react/jsx-runtime";
@@ -2398,7 +2404,6 @@ var stripStyleLayers = ({
 };
 var mapViewportSchema = {
   ...Interactive4.baseSchema,
-  ...Interactive4.premountSchema,
   centerLongitude: {
     type: "number",
     min: -180,
@@ -2546,6 +2551,7 @@ var MapViewportContent = ({
   zoom = 4
 }) => {
   const mapContainerRef = useRef8(null);
+  const videoEnabled = Internals11.useVideoEnabled();
   const mapRef = useRef8(null);
   const initialCameraRef = useRef8({
     bearing,
@@ -2577,12 +2583,12 @@ var MapViewportContent = ({
   onMapReadyRef.current = onMapReady;
   const { continueRender, delayRender } = useDelayRender9();
   const [loadedMap, setLoadedMap] = useState4(null);
-  const map = loadedMap?.map.style ? loadedMap.map : null;
+  const map = videoEnabled && loadedMap?.map.style ? loadedMap.map : null;
   const [cameraRevision, setCameraRevision] = useState4(0);
   const [styleRevision, setStyleRevision] = useState4(0);
   const contextValue = useMemo5(() => ({ cameraRevision, map, styleRevision }), [cameraRevision, map, styleRevision]);
   useLayoutEffect3(() => {
-    if (!apiKey) {
+    if (!apiKey || !videoEnabled) {
       return;
     }
     if (!mapContainerRef.current || mapRef.current) {
@@ -2655,7 +2661,7 @@ var MapViewportContent = ({
       mapRef.current = null;
       continueRender(loadingHandle);
     };
-  }, [apiKey, continueRender, delayRender]);
+  }, [apiKey, continueRender, delayRender, videoEnabled]);
   useLayoutEffect3(() => {
     if (loadedMap) {
       continueRender(loadedMap.handle);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/maptiler",
-	"version": "4.0.541",
+	"version": "4.0.543",
 	"description": "MapTiler components for Remotion",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -13,8 +13,8 @@
 		"formatting": "oxfmt src --check",
 		"format": "oxfmt src",
 		"lint": "eslint src",
-		"watch": "tsc -w",
-		"make": "tsc && bun --env-file=../.env.bundle bundle.ts"
+		"watch": "node ../.monorepo/tsrs.cjs -w",
+		"make": "node ../.monorepo/tsrs.cjs && bun --env-file=../.env.bundle bundle.ts"
 	},
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"contributors": [],
@@ -25,7 +25,7 @@
 	"dependencies": {
 		"@maptiler/sdk": "4.0.2",
 		"@turf/turf": "7.3.2",
-		"remotion": "4.0.541"
+		"remotion": "4.0.543"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -42,7 +42,7 @@
 	"devDependencies": {
 		"react": "19.3.1",
 		"react-dom": "19.3.1",
-		"@remotion/eslint-config-internal": "4.0.541",
+		"@remotion/eslint-config-internal": "4.0.543",
 		"eslint": "9.19.0",
 		"typescript": "7.1.0-beta"
 	},