@reearth/core 0.0.7-alpha.49 → 0.0.7-alpha.50

package/src/engines/Cesium/Feature/Tileset/hooks.ts

@@ -369,7 +369,7 @@ const useFeature = ({
 
   // If styles are updated while features are calculating,
   // we stop calculating features, and reassign styles.
-  const skippedComputingAt = useRef<number | null>();
+  const skippedComputingAt = useRef<number | null>(undefined);
   useEffect(() => {
     skippedComputingAt.current = Date.now();
   }, [pickedAppearance, updateStyle]);
@@ -456,7 +456,7 @@ export const useHooks = ({
   onLayerFetch?: (value: Partial<Pick<LayerSimple, "properties">>) => void;
 }) => {
   const { viewer } = useCesium();
-  const tilesetRef = useRef<Cesium3DTilesetType>();
+  const tilesetRef = useRef<Cesium3DTilesetType>(undefined);
   const { onLayerLoad, updateCredits } = useContext();
   const layerIdRef = useRef(layer?.id);
   layerIdRef.current = layer?.id;

package/src/engines/Cesium/Feature/Tileset/index.tsx

@@ -1,4 +1,4 @@
-import { memo, useMemo } from "react";
+import { memo, useMemo, type JSX } from "react";
 import { Cesium3DTileset } from "resium";
 
 import type { Cesium3DTilesAppearance, ComputedLayer } from "../../..";

package/src/engines/Cesium/Feature/Tileset/useClippingBox.ts

@@ -105,7 +105,7 @@ export const useClippingBox = ({
 
   const isBoxClicked = useRef(false);
   const isTopBottomSidePlaneClicked = useRef(false);
-  const currentCameraPosition = useRef<Camera | undefined>();
+  const currentCameraPosition = useRef<Camera | undefined>(undefined);
 
   // Coordinates
   const [coords, setCoords] = useState(coordinates);
@@ -349,7 +349,7 @@ export const useClippingBox = ({
     [boxId, boxState.isEdgeClicked, boxState.isScalePointClicked, handleUpdateBoxState],
   );
 
-  const hovered = useRef<any>();
+  const hovered = useRef<any>(undefined);
   const handleRawMouseMove = useCallback(
     (e: any) => {
       const picked = viewer?.scene.pick(e.endPosition);

package/src/engines/Cesium/Feature/index.tsx

@@ -1,5 +1,5 @@
 import LRUCache from "lru-cache";
-import { useEffect, useMemo } from "react";
+import { useEffect, useMemo, type JSX } from "react";
 
 import type { AppearanceTypes, FeatureComponentProps, ComputedLayer } from "../..";
 import { ComputedFeature, DataType, guessType } from "../../../mantle";

package/src/engines/Cesium/core/Clock.tsx

@@ -1,5 +1,5 @@
 import { Clock as CesiumClock, ClockRange, ClockStep, JulianDate } from "cesium";
-import { useCallback, useMemo } from "react";
+import { useCallback, useMemo, type JSX } from "react";
 import { Clock } from "resium";
 
 import { TimelineManagerRef } from "../../../Map/useTimelineManager";

package/src/engines/Cesium/core/Globe/index.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useRef } from "react";
+import { useEffect, useMemo, useRef, type JSX } from "react";
 import { Globe as CesiumGlobe } from "resium";
 
 import type { ViewerProperty } from "../../..";

package/src/engines/Cesium/core/Globe/useTerrainProviderPromise.ts

@@ -22,7 +22,7 @@ type ProviderOpts = Pick<TerrainProperty, "normal"> &
 export default function useTerrainProviderPromise(opts: ProviderOpts) {
   // Cache promises so we don’t recreate providers on every toggle
   const cacheRef = useRef(new Map<string, Promise<TerrainProvider>>());
-  const ellipsoidRef = useRef<TerrainProvider>();
+  const ellipsoidRef = useRef<TerrainProvider>(undefined);
 
   return useMemo<Promise<TerrainProvider>>(() => {
     if (!opts.terrain) {

package/src/engines/Cesium/core/Indicator/Indicator.tsx

@@ -1,7 +1,7 @@
 /// <reference types="vite-plugin-svgr/client" />
 import useTransition from "@rot1024/use-transition";
 import { BoundingSphere, Cartesian3, SceneTransforms, Cartesian2, JulianDate } from "cesium";
-import { useEffect, useState } from "react";
+import { useEffect, useState, type JSX } from "react";
 import { useCesium } from "resium";
 
 import type { ViewerProperty } from "../../..";

package/src/engines/Cesium/core/labels/JapanGSIOptimalBVmapVectorMapLabel/JapanGSIOptimalBVmapLabelImagery.tsx

@@ -233,7 +233,7 @@ export const JapanGSIOptimalBVmapLabelImagery: FC<JapanGSIOptimalBVmapLabelImage
       );
     }, [tile, imagery]);
 
-    const labelsRef = useRef<Array<[AnnotationFeature, Label]>>();
+    const labelsRef = useRef<Array<[AnnotationFeature, Label]>>(undefined);
     const scene = cesiumContext?.scene;
 
     const updateVisibility = useCallback(() => {

package/src/engines/Cesium/hooks/useCamera.ts

@@ -21,7 +21,7 @@ export default ({
   cameraForceHorizontalRoll = false,
   onCameraChange,
 }: {
-  cesium: RefObject<CesiumComponentRef<Viewer>>;
+  cesium: RefObject<CesiumComponentRef<Viewer> | null>;
   property?: ViewerProperty;
   engineAPI: EngineRef;
   featureFlags: number;

package/src/engines/Cesium/hooks/useCameraLimiter.ts

@@ -20,7 +20,7 @@ const targetWidth = 1000000;
 const targetLength = 1000000;
 
 export function useCameraLimiter(
-  cesium: RefObject<CesiumComponentRef<CesiumViewer>>,
+  cesium: RefObject<CesiumComponentRef<CesiumViewer> | null>,
   camera: Camera | undefined,
   property: CameraLimiterProperty | undefined,
 ) {

package/src/engines/Cesium/hooks/useEngineRef.ts

@@ -50,9 +50,9 @@ import {
 
 export default function useEngineRef(
   ref: Ref<EngineRef>,
-  cesium: RefObject<CesiumComponentRef<Cesium.Viewer>>,
+  cesium: RefObject<CesiumComponentRef<Cesium.Viewer> | null>,
 ): EngineRef {
-  const cancelCameraFlight = useRef<() => void>();
+  const cancelCameraFlight = useRef<() => void>(undefined);
   const mouseEventCallbacks = useRef<MouseEventCallbacks>({
     click: [],
     doubleClick: [],

package/src/engines/Cesium/hooks/useExplicitRender.ts

@@ -12,7 +12,7 @@ export default ({
   shouldRender,
   property,
 }: {
-  cesium: RefObject<CesiumComponentRef<Viewer>>;
+  cesium: RefObject<CesiumComponentRef<Viewer> | null>;
   requestingRenderMode?: MutableRefObject<RequestingRenderMode>;
   isLayerDragging?: boolean;
   shouldRender?: boolean;
@@ -28,7 +28,7 @@ export default ({
     }
   }, [cesium, requestingRenderMode]);
 
-  const explicitRenderRef = useRef<() => void>();
+  const explicitRenderRef = useRef<() => void>(undefined);
 
   useEffect(() => {
     explicitRenderRef.current = explicitRender;

package/src/engines/Cesium/hooks/useInstance.ts

@@ -70,7 +70,7 @@ export function useInstance<T, Keys extends unknown[], Owner>(
   descriptor: InstanceDescriptor<T, () => DisallowPromise<T>, Keys, Owner>,
 ): T {
   const [state, setState] = useState<T>();
-  const ref = useRef<T>();
+  const ref = useRef<T>(undefined);
   if (ref.current == null) {
     ref.current = descriptor.create();
   }

package/src/engines/Cesium/hooks/useLayerDragDrop.ts

@@ -14,7 +14,7 @@ export default ({
   onLayerDrag,
   onLayerDrop,
 }: {
-  cesium: RefObject<CesiumComponentRef<Viewer>>;
+  cesium: RefObject<CesiumComponentRef<Viewer> | null>;
   isLayerDraggable?: boolean;
   onLayerDrag?: (layerId: string, featureId: string | undefined, position: LatLng) => void;
   onLayerDrop?: (
@@ -54,7 +54,7 @@ export default ({
     [cesium, onLayerDrop],
   );
 
-  const cesiumDnD = useRef<CesiumDnD>();
+  const cesiumDnD = useRef<CesiumDnD>(undefined);
   useEffect(() => {
     const viewer = cesium.current?.cesiumElement;
     if (!viewer || viewer.isDestroyed()) return;

package/src/engines/Cesium/hooks/useLayerSelectWithRect.ts

@@ -20,7 +20,7 @@ export const useLayerSelectWithRect = ({
   onLayerSelectWithRectMove,
   onLayerSelectWithRectEnd,
 }: {
-  cesium: RefObject<CesiumComponentRef<Viewer>>;
+  cesium: RefObject<CesiumComponentRef<Viewer> | null>;
   engineAPI: EngineRef;
   featureFlags: number;
   onLayerSelectWithRectStart?: (e: LayerSelectWithRectStart) => void;

package/src/engines/Cesium/hooks/useOverrideGlobeShader/useOverrideGlobeShader.ts

@@ -142,7 +142,7 @@ const useTerrainHeatmap = ({
   cesium,
   terrain,
 }: {
-  cesium: RefObject<CesiumComponentRef<Viewer>>;
+  cesium: RefObject<CesiumComponentRef<Viewer> | null>;
   terrain: TerrainProperty | undefined;
 }) => {
   const {
@@ -223,7 +223,7 @@ export const useOverrideGlobeShader = ({
   enableLighting,
   terrain,
 }: {
-  cesium: RefObject<CesiumComponentRef<Viewer>>;
+  cesium: RefObject<CesiumComponentRef<Viewer> | null>;
   sphericalHarmonicCoefficients?: Cartesian3[];
   globeShadowDarkness?: number;
   globeImageBasedLighting?: boolean;

package/src/engines/Cesium/hooks/useViewerProperty.ts

@@ -9,7 +9,7 @@ export default ({
   cesium,
   property,
 }: {
-  cesium: RefObject<CesiumComponentRef<Viewer>>;
+  cesium: RefObject<CesiumComponentRef<Viewer> | null>;
   property?: ViewerProperty;
 }) => {
   const sceneLight = useMemo(() => {

package/src/engines/Cesium/hooks.ts

@@ -99,7 +99,7 @@ export default ({
     layerId?: string;
     featureId?: string;
   };
-  layersRef?: RefObject<LayersRef>;
+  layersRef?: RefObject<LayersRef | null>;
   selectionReason?: LayerSelectionReason;
   meta?: Record<string, unknown>;
   featureFlags: number;
@@ -240,8 +240,8 @@ export default ({
     | Primitive
     | GroundPrimitive
     | ImageryLayer
-  >();
-  const prevSelectedImageryFeatureId = useRef<string | undefined>();
+  >(undefined);
+  const prevSelectedImageryFeatureId = useRef<string | undefined>(undefined);
 
   // manage layer selection
   useEffect(() => {
@@ -796,9 +796,10 @@ function tileProperties(
 ): { key: string; value: any }[] {
   return t
     .getPropertyIds()
-    .reduce<
-      { key: string; value: any }[]
-    >((a, b) => [...a, { key: b, value: t.getProperty(b) }], []);
+    .reduce<{ key: string; value: any }[]>(
+      (a, b) => [...a, { key: b, value: t.getProperty(b) }],
+      [],
+    );
 }
 
 function getLayerId(target: RootEventTarget): string | undefined {

package/src/mantle/atoms/compute.ts

@@ -51,8 +51,9 @@ export function computeAtom(cache?: typeof globalDataFeaturesCache) {
   );
 
   const computedResult = atom<EvalResult | undefined>(undefined);
-  const finalFeatures = atom(get =>
-    get(computedResult)?.features?.map((f): ComputedFeature => merge({ ...f }, get(overrides))),
+  const finalFeatures = atom(
+    get =>
+      get(computedResult)?.features?.map((f): ComputedFeature => merge({ ...f }, get(overrides))),
   );
   const layerStatus = atom<ComputedLayerStatus>("fetching");
   const dataAtoms = dataAtom(cache);

package/src/mantle/data/shapefile/parseZip.ts

@@ -3,6 +3,7 @@ import proj4 from "proj4";
 
 import { parseDbf } from "./parseDbf";
 import { parseShp } from "./parseShp";
+
 import { combine } from ".";
 
 export async function parseZip(buffer: ArrayBuffer): Promise<GeoJSON.GeoJSON | GeoJSON.GeoJSON[]> {

package/src/mantle/types/appearance.ts

@@ -60,14 +60,14 @@ export type MarkerAppearance = {
   label?: boolean;
   labelText?: string;
   labelPosition?:
-  | "left"
-  | "right"
-  | "top"
-  | "bottom"
-  | "lefttop"
-  | "leftbottom"
-  | "righttop"
-  | "rightbottom";
+    | "left"
+    | "right"
+    | "top"
+    | "bottom"
+    | "lefttop"
+    | "leftbottom"
+    | "righttop"
+    | "rightbottom";
   labelTypography?: Typography;
   labelBackground?: boolean;
   labelBackgroundColor?: string;

package/src/test/utils.tsx

@@ -23,7 +23,7 @@ vitest.mock("react-inlinesvg", () => {
 });
 
 const render = (
-  ui: React.ReactElement,
+  ui: React.ReactElement<any>,
   // queryMocks?: readonly MockedResponse<Record<string, any>>[],
   { ...renderOptions } = {},
 ) => {

package/src/utils/image.ts

@@ -1,7 +1,7 @@
 import { useState, useEffect, useRef } from "react";
 
 export const useImage = (src?: string): HTMLImageElement | undefined => {
-  const imgRef = useRef<HTMLImageElement>();
+  const imgRef = useRef<HTMLImageElement>(undefined);
   const [img, setImg] = useState<HTMLImageElement>();
 
   useEffect(() => {

package/src/utils/use-delayed-count.ts

@@ -9,7 +9,7 @@ export const useDelayedCount = (durations: Durations = []) => {
   const [mode, setMode] = useState(0);
   const prevMode = usePreviousDistinct(mode);
   const exit = useRef(false);
-  const timeout = useRef<number>();
+  const timeout = useRef<number>(undefined);
 
   const advanceMode = useCallback(() => {
     setMode(m => Math.max(0, Math.min(durations.length + 1, m + (exit.current ? -1 : 1))));

package/src/utils/use-dnd/drop.ts

@@ -17,7 +17,7 @@ export type DropOptions<T extends ItemType = ItemType, E extends HTMLElement = H
   drop?: (item: Item<T>, context: Context) => Dropper | undefined;
   shallow?: boolean;
   disabled?: boolean;
-  wrapperRef?: React.RefObject<E>;
+  wrapperRef?: React.RefObject<E | null>;
 };
 
 export const useDrop = <T extends ItemType = ItemType, E extends HTMLElement = HTMLElement>({

package/src/utils/util.ts

@@ -73,7 +73,7 @@ export const isEmptyString = function (text: string): boolean {
 };
 
 export function useConstant<T>(callback: () => T): T {
-  const ref = useRef<{ value: T }>();
+  const ref = useRef<{ value: T }>(undefined);
   if (ref.current == null) {
     ref.current = { value: callback() };
   }