@reearth/core 0.0.6 → 0.0.7-alpha.1

package/dist/index.d.ts

@@ -20,6 +20,13 @@ import { RefObject } from 'react';
 import { RequireExactlyOne } from 'type-fest';
 import { WritableAtom } from 'jotai';
 
+export declare type AmbientOcclusionProperty = {
+    enabled?: boolean;
+    quality?: "low" | "medium" | "high" | "extreme";
+    intensity?: number;
+    ambientOcclusionOnly?: boolean;
+};
+
 export declare const appearanceKeyObj: {
     [k in keyof AppearanceTypes]: 1;
 };
@@ -46,6 +53,18 @@ export declare type AppearanceTypes = {
 declare type Array_2 = any[];
 export { Array_2 as Array }
 
+export declare type AssetsCesiumProperty = {
+    terrian?: {
+        ionAccessToken?: string;
+        ionAsset?: string;
+        ionUrl?: string;
+    };
+};
+
+export declare type AssetsProperty = {
+    cesium?: AssetsCesiumProperty;
+};
+
 export declare type Atom = ReturnType<typeof computeAtom>;
 
 export declare type Bound = {
@@ -100,6 +119,14 @@ export declare type Camera = {
     aspectRatio?: number;
 };
 
+export declare type CameraLimiterProperty = {
+    enabled?: boolean;
+    targetArea?: Camera;
+    targetWidth?: number;
+    targetLength?: number;
+    showHelper?: boolean;
+};
+
 export declare type CameraOptions = {
     /** Seconds */
     duration?: number;
@@ -127,6 +154,12 @@ export declare type CameraPosition = {
     aspectRatio?: number;
 };
 
+export declare type CameraProperty = {
+    camera?: Camera;
+    allowEnterGround?: boolean;
+    limiter?: CameraLimiterProperty;
+};
+
 export declare type Cesium3DTilesAppearance = {
     show?: boolean;
     color?: string;
@@ -285,8 +318,6 @@ declare type CoreContext = {
     };
     selectedComputedFeature?: ComputedFeature | undefined;
     viewport?: Viewport;
-    overriddenSceneProperty?: SceneProperty;
-    overrideSceneProperty?: (pluginId: string, property: SceneProperty) => void;
     handleCameraForceHorizontalRollChange?: (enable?: boolean) => void;
     handleInteractionModeChange?: (mode?: InteractionModeType | undefined) => void;
     onSketchPluginFeatureCreate?: (cb: SketchEventCallback) => void;
@@ -309,9 +340,10 @@ export declare type CoreVisualizerProps = {
     engine?: EngineType;
     isBuilt?: boolean;
     isEditable?: boolean;
-    sceneProperty?: SceneProperty;
+    viewerProperty?: ViewerProperty;
     layers?: Layer[];
     clusters?: Cluster[];
+    time?: string | Date;
     camera?: Camera;
     interactionMode?: InteractionModeType;
     shouldRender?: boolean;
@@ -371,6 +403,11 @@ export declare type DataRange = {
 
 export declare type DataType = "geojson" | "3dtiles" | "osm-buildings" | "google-photorealistic" | "czml" | "csv" | "wms" | "mvt" | "kml" | "gpx" | "shapefile" | "gtfs" | "gml" | "georss" | "gltf" | "tiles" | "tms" | "heatMap";
 
+export declare type DebugProperty = {
+    showGlobeWireframe?: boolean;
+    showFramesPerSecond?: boolean;
+};
+
 export declare type DefaultInfobox = {
     title?: string;
     content: {
@@ -428,7 +465,8 @@ export declare type EngineProps = {
     style?: CSSProperties;
     isEditable?: boolean;
     isBuilt?: boolean;
-    property?: SceneProperty;
+    property?: ViewerProperty;
+    time?: string | Date;
     camera?: Camera;
     cameraForceHorizontalRoll?: boolean;
     small?: boolean;
@@ -655,7 +693,7 @@ export declare const FEATURE_FLAGS: {
 
 export declare type FeatureComponentProps = {
     layer: ComputedLayer;
-    sceneProperty?: SceneProperty;
+    viewerProperty?: ViewerProperty;
     onFeatureRequest?: (range: DataRange) => void;
     onLayerFetch?: (value: Partial<Pick<LayerSimple, "properties">>) => void;
     onFeatureFetch?: (features: Feature[]) => void;
@@ -686,6 +724,11 @@ export declare type FlyToDestination = {
     fov?: number;
 };
 
+export declare type FogProperty = {
+    enabled?: boolean;
+    density?: number;
+};
+
 export declare type FrustumAppearance = {
     show?: boolean;
     color?: string;
@@ -721,6 +764,21 @@ declare const globalDataFeaturesCache: {
     getAll: Atom_2<(key: string) => Feature[][] | undefined>;
 };
 
+export declare type GlobeAtmosphereProperty = {
+    enabled?: boolean;
+    lightIntensity?: number;
+    brightnessShift?: number;
+    hueShift?: number;
+    saturationShift?: number;
+};
+
+export declare type GlobeProperty = {
+    baseColor?: string;
+    enableLighting?: boolean;
+    atmosphere?: GlobeAtmosphereProperty;
+    depthTestAgainstTerrain?: boolean;
+};
+
 export declare function guessType(url: string | undefined): DataType | undefined;
 
 export declare type HeatMapAppearance = {
@@ -739,7 +797,26 @@ export declare type HeatMapAppearance = {
     logarithmic?: boolean;
 };
 
-export declare type IndicatorTypes = "default" | "crosshair" | "custom";
+export declare type HeightMapProperty = {
+    type?: "custom";
+    colorLUT?: LUT;
+    minHeight?: number;
+    maxHeight?: number;
+    logarithmic?: boolean;
+};
+
+export declare type ImageBasedLighting = {
+    enabled?: boolean;
+    intensity?: number;
+    specularEnvironmentMaps?: string;
+    sphericalHarmonicCoefficients?: [number, number, number][];
+};
+
+export declare type IndicatorProperty = {
+    type?: "default" | "crosshair" | "custom";
+    image?: string;
+    imageScale?: number;
+};
 
 declare type Infobox<BP = any> = {
     featureId?: string;
@@ -967,100 +1044,11 @@ export declare type LegacyPhotooverlayAppearance = {
     far?: number;
 };
 
-declare type LegacySceneProperty = {
-    default?: {
-        camera?: Camera;
-        allowEnterGround?: boolean;
-        skybox?: boolean;
-        bgcolor?: string;
-        ion?: string;
-        sceneMode?: SceneMode;
-        vr?: boolean;
-    } & TerrainProperty;
-    cameraLimiter?: {
-        cameraLimitterEnabled?: boolean;
-        cameraLimitterShowHelper?: boolean;
-        cameraLimitterTargetArea?: Camera;
-        cameraLimitterTargetWidth?: number;
-        cameraLimitterTargetLength?: number;
-    };
-    indicator?: {
-        indicator_type: IndicatorTypes;
-        indicator_image?: string;
-        indicator_image_scale?: number;
-    };
-    tiles?: {
-        id: string;
-        tile_type?: string;
-        tile_url?: string;
-        tile_zoomLevel?: number[];
-        tile_opacity?: number;
-    }[];
-    terrain?: TerrainProperty;
-    atmosphere?: {
-        enable_sun?: boolean;
-        enableMoon?: boolean;
-        enable_lighting?: boolean;
-        ground_atmosphere?: boolean;
-        sky_atmosphere?: boolean;
-        shadows?: boolean;
-        shadowResolution?: 1024 | 2048 | 4096;
-        softShadow?: boolean;
-        shadowDarkness?: number;
-        shadowMaximumDistance?: number;
-        fog?: boolean;
-        fog_density?: number;
-        hue_shift?: number;
-        brightness_shift?: number;
-        surturation_shift?: number;
-        skyboxBrightnessShift?: number;
-        skyboxSurturationShift?: number;
-        globeShadowDarkness?: number;
-        globeImageBasedLighting?: boolean;
-        globeBaseColor?: string;
-    };
-    timeline?: {
-        animation?: boolean;
-        visible?: boolean;
-        current?: string;
-        start?: string;
-        stop?: string;
-        stepType?: "rate" | "fixed";
-        multiplier?: number;
-        step?: number;
-        rangeType?: "unbounded" | "clamped" | "bounced";
-    };
-    googleAnalytics?: {
-        enableGA?: boolean;
-        trackingId?: string;
-    };
-    theme?: {
-        themeType?: "light" | "dark" | "forest" | "custom";
-        themeTextColor?: string;
-        themeSelectColor?: string;
-        themeBackgroundColor?: string;
-    };
-    ambientOcclusion?: {
-        enabled?: boolean;
-        quality?: "low" | "medium" | "high" | "extreme";
-        intensity?: number;
-        ambientOcclusionOnly?: boolean;
-    };
-    light?: {
-        lightType?: "sunLight" | "directionalLight";
-        lightDirectionX?: number;
-        lightDirectionY?: number;
-        lightDirectionZ?: number;
-        lightColor?: string;
-        lightIntensity?: number;
-        specularEnvironmentMaps?: string;
-        sphericalHarmonicCoefficients?: [x: number, y: number, z: number][];
-        imageBasedLightIntensity?: number;
-    };
-    render?: {
-        antialias?: "low" | "medium" | "high" | "extreme";
-        debugFramePerSecond?: boolean;
-    };
+export declare type LightProperty = {
+    type?: "sunLight" | "directionalLight";
+    direction?: [x: number, y: number, z: number];
+    color?: string;
+    intensity?: number;
 };
 
 export declare type LookAtDestination = {
@@ -1087,7 +1075,7 @@ export declare type LUT = readonly ColorTuple[];
 declare const Map_2: ForwardRefExoticComponent<    {
 engines?: Record<string, Engine> | undefined;
 engine?: string | undefined;
-} & Omit<Props_2, "Feature" | "selectionReason" | "delegatedDataTypes" | "clusterComponent" | "selectedLayerId"> & Omit<EngineProps, "onLayerSelect" | "selectedLayerId" | "layerSelectionReason"> & Omit<SketchProps, "engineRef" | "layersRef" | "SketchComponent"> & {
+} & Omit<Props_2, "Feature" | "viewerProperty" | "selectionReason" | "delegatedDataTypes" | "clusterComponent" | "selectedLayerId"> & Omit<EngineProps, "onLayerSelect" | "selectedLayerId" | "layerSelectionReason"> & Omit<SketchProps, "engineRef" | "layersRef" | "SketchComponent"> & {
 cursor?: CursorType | undefined;
 } & RefAttributes<MapRef>>;
 export { Map_2 as Map }
@@ -1177,6 +1165,10 @@ export declare type ModifiedCameraEventType = {
     modifier: OverideKeyboardEventModifier;
 };
 
+export declare type MoonProperty = {
+    show?: boolean;
+};
+
 export declare type MouseEventCallback = (props: MouseEventProps) => void;
 
 export declare type MouseEventCallbacks = {
@@ -1325,7 +1317,7 @@ declare type PropertyItem<T> = {
 export declare type Props = {
     engines?: Record<string, Engine>;
     engine?: string;
-} & Omit<Props_2, "Feature" | "clusterComponent" | "selectionReason" | "delegatedDataTypes" | "selectedLayerId"> & Omit<EngineProps, "onLayerSelect" | "layerSelectionReason" | "selectedLayerId"> & Omit<SketchProps, "layersRef" | "engineRef" | "SketchComponent"> & {
+} & Omit<Props_2, "Feature" | "clusterComponent" | "selectionReason" | "delegatedDataTypes" | "selectedLayerId" | "viewerProperty"> & Omit<EngineProps, "onLayerSelect" | "layerSelectionReason" | "selectedLayerId"> & Omit<SketchProps, "layersRef" | "engineRef" | "SketchComponent"> & {
     cursor?: CursorType;
 };
 
@@ -1336,7 +1328,7 @@ declare type Props_2 = Omit<Props_3, "atomMap" | "isHidden" | "selectedLayerId">
         reason?: LayerSelectionReason;
     };
     hiddenLayers?: string[];
-    sceneProperty?: any;
+    viewerProperty?: ViewerProperty;
     requestingRenderMode?: MutableRefObject<RequestingRenderMode>;
     engineRef?: RefObject<EngineRef>;
     onLayerSelect?: (layerId: string | undefined, featureId: string | undefined, layer: (() => Promise<ComputedLayer | undefined>) | undefined, reason: LayerSelectionReason | undefined, info: SelectedFeatureInfo | undefined) => void;
@@ -1353,7 +1345,7 @@ declare type Props_3 = {
     isHidden?: (id: string) => boolean;
     clusters?: Cluster[];
     delegatedDataTypes?: DataType[];
-    sceneProperty?: any;
+    viewerProperty?: ViewerProperty;
     clusterComponent?: ClusterComponentType;
     Feature?: Props_4["Feature"];
 } & Omit<CommonProps, "isSelected" | "isHidden" | "selectedFeatureId">;
@@ -1363,7 +1355,7 @@ declare type Props_4 = {
     atom?: Atom;
     overrides?: Record<string, any>;
     delegatedDataTypes?: DataType[];
-    sceneProperty?: any;
+    viewerProperty?: ViewerProperty;
     selectedFeatureId?: string;
     /** Feature component should be injected by a map engine. */
     Feature?: ComponentType<FeatureComponentProps>;
@@ -1386,6 +1378,11 @@ export declare type Rect = {
     north: number;
 };
 
+export declare type RenderPeropty = {
+    antialias?: "low" | "medium" | "high" | "extreme";
+    ambientOcclusion?: AmbientOcclusionProperty;
+};
+
 export declare type RequestingRenderMode = -1 | 0 | 1;
 
 export declare type ResourceAppearance = {
@@ -1404,67 +1401,15 @@ export declare type ResourceAppearance = {
 export declare type SceneMode = "3d" | "2d" | "columbus";
 
 export declare type SceneProperty = {
-    main?: {
-        sceneMode?: SceneMode;
-        ion?: string;
-        vr?: boolean;
-    };
-    tiles?: {
-        id: string;
-        tile_type?: string;
-        tile_url?: string;
-        tile_zoomLevel?: number[];
-        tile_zoomLevelForURL?: number[];
-        tile_opacity?: number;
-        heatmap?: boolean;
-    }[];
-    tileLabels?: {
-        id: string;
-        labelType: "japan_gsi_optimal_bvmap";
-        style: Record<string, any>;
-    }[];
-    terrain?: {
-        terrain?: boolean;
-        terrainType?: "cesium" | "arcgis" | "cesiumion";
-        terrainCesiumIonAsset?: string;
-        terrainCesiumIonAccessToken?: string;
-        terrainCesiumIonUrl?: string;
-        terrainExaggeration?: number;
-        terrainExaggerationRelativeHeight?: number;
-        depthTestAgainstTerrain?: boolean;
-    };
-    globeLighting?: {
-        globeLighting?: boolean;
-    };
-    globeShadow?: {
-        globeShadow?: boolean;
-    };
-    globeAtmosphere?: {
-        globeAtmosphere?: boolean;
-        globeAtmosphereIntensity?: number;
-    };
-    skyBox?: {
-        skyBox?: boolean;
-    };
-    sun?: {
-        sun?: boolean;
-    };
-    moon?: {
-        moon?: boolean;
-    };
-    skyAtmosphere?: {
-        skyAtmosphere?: boolean;
-        skyAtmosphereIntensity?: number;
-    };
-    camera?: {
-        camera?: Camera;
-        allowEnterGround?: boolean;
-        fov?: number;
-    };
-    render?: {
-        showWireframe?: boolean;
-    };
-} & LegacySceneProperty;
+    backgroundColor?: string;
+    mode?: SceneMode;
+    verticalExaggeration?: number;
+    verticalExaggerationRelativeHeight?: number;
+    vr?: boolean;
+    light?: LightProperty;
+    shadow?: ShadowProperty;
+    imageBasedLighting?: ImageBasedLighting;
+};
 
 export declare type ScreenSpaceCameraControllerOptions = {
     zoomEventTypes?: (OverideCameraEventType | ModifiedCameraEventType)[];
@@ -1499,6 +1444,19 @@ declare type SetTimeCommand = {
     };
 };
 
+export declare type ShadowMapProperty = {
+    size?: 1024 | 2048 | 4096;
+    softShadows?: boolean;
+    darkness?: number;
+    maximumDistance?: number;
+};
+
+export declare type ShadowProperty = {
+    enabled?: boolean;
+    darkness?: number;
+    shadowMap?: ShadowMapProperty;
+};
+
 export declare type SketchAppearance = Partial<LayerAppearanceTypes>;
 
 declare type SketchComponentProps = RequireExactlyOne<{
@@ -1553,6 +1511,25 @@ export declare type SketchRef = {
 
 export declare type SketchType = "marker" | "polyline" | "circle" | "rectangle" | "polygon" | "extrudedCircle" | "extrudedRectangle" | "extrudedPolygon";
 
+export declare type SkyAtmosphereProperty = {
+    show?: boolean;
+    lightIntensity?: number;
+    saturationShift?: number;
+    brightnessShift?: number;
+};
+
+export declare type SkyBoxProperty = {
+    show?: boolean;
+};
+
+export declare type SkyProperty = {
+    skyBox?: SkyBoxProperty;
+    sun?: SunProperty;
+    moon?: MoonProperty;
+    fog?: FogProperty;
+    skyAtmosphere?: SkyAtmosphereProperty;
+};
+
 export declare type Spacing = {
     bottom: number;
     left: number;
@@ -1562,6 +1539,10 @@ export declare type Spacing = {
 
 export declare type StyleExpression = ConditionsExpression | string;
 
+export declare type SunProperty = {
+    show?: boolean;
+};
+
 export declare type Tag = {
     id: string;
     label: string;
@@ -1569,21 +1550,11 @@ export declare type Tag = {
 };
 
 export declare type TerrainProperty = {
-    terrain?: boolean;
-    terrainType?: "cesium" | "arcgis" | "cesiumion";
-    terrainExaggeration?: number;
-    terrainExaggerationRelativeHeight?: number;
-    depthTestAgainstTerrain?: boolean;
-    terrainCesiumIonAsset?: string;
-    terrainCesiumIonAccessToken?: string;
-    terrainCesiumIonUrl?: string;
-    terrainUrl?: string;
-    terrainNormal?: boolean;
-    heatmapType?: "custom";
-    heatmapColorLUT?: LUT;
-    heatmapMinHeight?: number;
-    heatmapMaxHeight?: number;
-    heatmapLogarithmic?: boolean;
+    enabled?: boolean;
+    type?: "cesium" | "arcgis" | "cesiumion";
+    url?: string;
+    normal?: boolean;
+    heightMap?: HeightMapProperty;
 };
 
 export declare type TickEvent = (cb: TickEventCallback) => void;
@@ -1600,6 +1571,22 @@ declare type TickEventCallback_2 = (current: Date, clock: {
     stop: Date;
 }) => void;
 
+export declare type TileLabelProperty = {
+    id: string;
+    labelType: "japan_gsi_optimal_bvmap";
+    style: Record<string, any>;
+};
+
+export declare type TileProperty = {
+    id: string;
+    type?: string;
+    url?: string;
+    opacity?: number;
+    zoomLevel?: number[];
+    zoomLevelForURL?: number[];
+    heatmap?: boolean;
+};
+
 export declare type TimeInterval = [start: Date, end?: Date];
 
 export declare type Timeline = {
@@ -1619,7 +1606,7 @@ declare type TimelineCommit = (PlayCommand | PauseCommand | SetTimeCommand | Set
 };
 
 export declare type TimelineCommitter = {
-    source: "overrideSceneProperty" | "widgetContext" | "pluginAPI" | "featureResource" | "storyTimelineBlock" | "storyPage";
+    source: "widgetContext" | "pluginAPI" | "featureResource" | "storyTimelineBlock" | "storyPage" | "initialize";
     id?: string;
 };
 
@@ -1683,8 +1670,6 @@ export declare type Undefinable<T extends object> = {
 
 export declare function useGet<T>(value: T): () => T;
 
-export declare function useOverriddenProperty<T extends {}>(property: T | undefined): [T, (pluginId: string, property: T) => void];
-
 export declare const useVisualizer: () => RefObject<MapRef>;
 
 export declare type ValueType = keyof ValueTypes;
@@ -1708,6 +1693,20 @@ export declare type ValueTypes = {
     timeline: Timeline;
 };
 
+export declare type ViewerProperty = {
+    globe?: GlobeProperty;
+    terrain?: TerrainProperty;
+    scene?: SceneProperty;
+    tiles?: TileProperty[];
+    tileLabels?: TileLabelProperty[];
+    sky?: SkyProperty;
+    camera?: CameraProperty;
+    render?: RenderPeropty;
+    assets?: AssetsProperty;
+    debug?: DebugProperty;
+    indicator?: IndicatorProperty;
+};
+
 export declare type Viewport = {
     width: number | undefined;
     height: number | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reearth/core",
-  "version": "0.0.6",
+  "version": "0.0.7-alpha.1",
   "author": "Re:Earth contributors <community@reearth.io>",
   "license": "Apache-2.0",
   "description": "A library that abstracts a map engine as one common API.",

package/src/Map/ClusteredLayers/index.tsx

@@ -1,7 +1,7 @@
 import { ComponentType, useMemo, useCallback, ReactNode } from "react";
 
 import LayerComponent, { type CommonProps, type Props as LayerProps } from "../Layer";
-import type { Layer, Atom, Typography, DataType } from "../types";
+import type { Layer, Atom, Typography, DataType, ViewerProperty } from "../types";
 
 export type Props = {
   layers?: Layer[];
@@ -14,7 +14,7 @@ export type Props = {
   isHidden?: (id: string) => boolean;
   clusters?: Cluster[];
   delegatedDataTypes?: DataType[];
-  sceneProperty?: any;
+  viewerProperty?: ViewerProperty;
   clusterComponent?: ClusterComponentType;
   Feature?: LayerProps["Feature"];
 } & Omit<CommonProps, "isSelected" | "isHidden" | "selectedFeatureId">;

package/src/Map/Layer/index.tsx

@@ -9,7 +9,7 @@ import type {
   ComputedFeature,
   LayerSimple,
 } from "../../mantle";
-import { SceneProperty } from "../types";
+import { ViewerProperty } from "../types";
 
 import useHooks, { type Atom, type EvalFeature } from "./hooks";
 
@@ -29,7 +29,7 @@ export type CommonProps = {
 
 export type FeatureComponentProps = {
   layer: ComputedLayer;
-  sceneProperty?: SceneProperty;
+  viewerProperty?: ViewerProperty;
   onFeatureRequest?: (range: DataRange) => void;
   onLayerFetch?: (value: Partial<Pick<LayerSimple, "properties">>) => void;
   onFeatureFetch?: (features: Feature[]) => void;
@@ -44,7 +44,7 @@ export type Props = {
   atom?: Atom;
   overrides?: Record<string, any>;
   delegatedDataTypes?: DataType[];
-  sceneProperty?: any;
+  viewerProperty?: ViewerProperty;
   selectedFeatureId?: string;
   /** Feature component should be injected by a map engine. */
   Feature?: ComponentType<FeatureComponentProps>;

package/src/Map/Layers/index.tsx

@@ -2,7 +2,7 @@ import { forwardRef, RefObject, type ForwardRefRenderFunction, type MutableRefOb
 
 import { SelectedFeatureInfo } from "../../mantle";
 import ClusteredLayers, { type Props as ClusteredLayerProps } from "../ClusteredLayers";
-import type { ComputedLayer, EngineRef, RequestingRenderMode } from "../types";
+import type { ComputedLayer, EngineRef, RequestingRenderMode, ViewerProperty } from "../types";
 
 import useHooks, { LayerSelectionReason, type Ref } from "./hooks";
 
@@ -36,7 +36,7 @@ export type Props = Omit<ClusteredLayerProps, "atomMap" | "isHidden" | "selected
     reason?: LayerSelectionReason;
   };
   hiddenLayers?: string[];
-  sceneProperty?: any;
+  viewerProperty?: ViewerProperty;
   requestingRenderMode?: MutableRefObject<RequestingRenderMode>;
   engineRef?: RefObject<EngineRef>;
   onLayerSelect?: (

package/src/Map/hooks.ts

@@ -9,7 +9,6 @@ import type {
   LayerSelectionReason,
   ComputedLayer,
   RequestingRenderMode,
-  SceneProperty,
   SketchRef,
 } from "./types";
 import useTimelineManager, { TimelineManagerRef } from "./useTimelineManager";
@@ -24,13 +23,11 @@ export const REQUEST_RENDER_ONCE = 1;
 
 export default function ({
   ref,
-  sceneProperty,
   timelineManagerRef,
   cursor,
   onLayerSelect,
 }: {
   ref: Ref<MapRef>;
-  sceneProperty?: SceneProperty;
   timelineManagerRef?: TimelineManagerRef;
   cursor?: CursorType;
   onLayerSelect?: (
@@ -104,7 +101,6 @@ export default function ({
   );
 
   useTimelineManager({
-    init: sceneProperty?.timeline,
     engineRef,
     timelineManagerRef,
   });