@reearth/core 0.0.7-alpha.36 → 0.0.7-alpha.38

package/dist/index.d.ts

@@ -368,13 +368,21 @@ export declare type CoreVisualizerProps = {
     onSketchFeatureDelete?: (layerId: string, featureId: string) => void;
     onInteractionModeChange?: (mode: InteractionModeType) => void;
     onAPIReady?: () => void;
-    onCreditsUpdate?: (credits: Credit[]) => void;
+    onCreditsUpdate?: (credits?: Credits) => void;
 };
 
-export declare type Credit = {
+export declare type CreditItem = {
     html?: string;
 };
 
+export declare type Credits = {
+    engine: {
+        cesium?: CreditItem;
+    };
+    lightbox: CreditItem[];
+    screen: CreditItem[];
+};
+
 declare type CursorType = "default" | "auto" | "help" | "pointer" | "grab" | "crosshair" | "wait";
 
 export declare type Data = {
@@ -518,7 +526,7 @@ export declare type EngineProps = {
     onLayerSelectWithRectStart?: (e: LayerSelectWithRectStart) => void;
     onLayerSelectWithRectMove?: (e: LayerSelectWithRectMove) => void;
     onLayerSelectWithRectEnd?: (e: LayerSelectWithRectEnd) => void;
-    onCreditsUpdate?: (credits: Credit[]) => void;
+    onCreditsUpdate?: (credits?: Credits) => void;
 };
 
 export declare type EngineRef = {
@@ -607,7 +615,7 @@ export declare type EngineRef = {
     unselectFeatures: (layerId: string, featureId: string[]) => void;
     pickManyFromViewport: (windowPosition: [x: number, y: number], windowWidth: number, windowHeight: number, condition?: (f: PickedFeature) => boolean) => PickedFeature[] | undefined;
     calcRectangleControlPoint: (p1: Position3d, p2: Position3d, p3: Position3d) => [p1: Position3d, p2: Position3d, p3: Position3d];
-    getCredits: () => Credit[] | undefined;
+    getCredits: () => Credits | undefined;
 } & MouseEventHandles;
 
 export declare const engines: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reearth/core",
-  "version": "0.0.7-alpha.36",
+  "version": "0.0.7-alpha.38",
   "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/types/index.ts

@@ -212,7 +212,7 @@ export type EngineRef = {
     p2: Position3d,
     p3: Position3d,
   ) => [p1: Position3d, p2: Position3d, p3: Position3d];
-  getCredits: () => Credit[] | undefined;
+  getCredits: () => Credits | undefined;
 } & MouseEventHandles;
 
 export type EngineProps = {
@@ -261,7 +261,7 @@ export type EngineProps = {
   onLayerSelectWithRectStart?: (e: LayerSelectWithRectStart) => void;
   onLayerSelectWithRectMove?: (e: LayerSelectWithRectMove) => void;
   onLayerSelectWithRectEnd?: (e: LayerSelectWithRectEnd) => void;
-  onCreditsUpdate?: (credits: Credit[]) => void;
+  onCreditsUpdate?: (credits?: Credits) => void;
 };
 
 export type LayerEditEvent = {
@@ -386,6 +386,14 @@ export type SketchRef = {
   onEditFeatureChange: (cb: SketchEditFeatureChangeCb) => void;
 };
 
-export type Credit = {
+export type CreditItem = {
   html?: string;
 };
+
+export type Credits = {
+  engine: {
+    cesium?: CreditItem;
+  };
+  lightbox: CreditItem[];
+  screen: CreditItem[];
+};

package/src/Visualizer/index.tsx

@@ -12,7 +12,7 @@ import {
   type LatLng,
   type Cluster,
   type ComputedLayer,
-  type Credit,
+  type Credits,
 } from "../Map";
 import { SketchFeature, SketchType } from "../Map/Sketch/types";
 
@@ -64,7 +64,7 @@ export type CoreVisualizerProps = {
   onSketchFeatureDelete?: (layerId: string, featureId: string) => void;
   onInteractionModeChange?: (mode: InteractionModeType) => void;
   onAPIReady?: () => void;
-  onCreditsUpdate?: (credits: Credit[]) => void;
+  onCreditsUpdate?: (credits?: Credits) => void;
 };
 
 export const CoreVisualizer = memo(

package/src/engines/Cesium/common.ts

@@ -42,6 +42,7 @@ import { MutableRefObject, useMemo } from "react";
 
 import type { Camera, Clock } from "..";
 import { ClassificationType } from "../../mantle";
+import { Credits } from "../../Map";
 import type {
   CameraOptions,
   FlyToDestination,
@@ -75,8 +76,8 @@ const drawIcon = (
 
   ctx.save();
 
-  c.width = w + shadowBlur;
-  c.height = h + shadowBlur;
+  c.width = w + shadowBlur * 2;
+  c.height = h + shadowBlur * 2;
   ctx.shadowBlur = shadowBlur;
   ctx.shadowOffsetX = shadowOffsetX;
   ctx.shadowOffsetY = shadowOffsetY;
@@ -87,14 +88,14 @@ const drawIcon = (
   if (crop === "circle") {
     ctx.fillStyle = "black";
     ctx.globalCompositeOperation = "destination-in";
-    ctx.arc(w / 2, h / 2, Math.min(w, h) / 2, 0, 2 * Math.PI);
+    ctx.arc(c.width / 2, c.height / 2, Math.min(w, h) / 2, 0, 2 * Math.PI);
     ctx.fill();
 
     if (shadow) {
       ctx.shadowColor = shadowColor;
       ctx.globalCompositeOperation = "destination-over";
       ctx.fillStyle = "black";
-      ctx.arc(w / 2, h / 2, Math.min(w, h) / 2, 0, 2 * Math.PI);
+      ctx.arc(c.width / 2, c.height / 2, Math.min(w, h) / 2, 0, 2 * Math.PI);
       ctx.fill();
     }
   } else if (shadow) {
@@ -919,17 +920,17 @@ export function getCredits(viewer: Viewer) {
   const { lightboxCredits, screenCredits } = creditDisplay?._currentFrameCredits || {};
   const cesiumCredits = creditDisplay._currentCesiumCredit;
 
-  const credits: {
-    html?: string;
-  }[] = [
-    ...(cesiumCredits?.html ? [{ html: cesiumCredits.html }] : []),
-    ...Array.from(lightboxCredits?._array ?? []).map(c => ({
+  const credits: Credits = {
+    engine: {
+      cesium: cesiumCredits?.html ? { html: cesiumCredits.html } : undefined,
+    },
+    lightbox: Array.from(lightboxCredits?._array ?? []).map(c => ({
       html: c?.credit?.html,
     })),
-    ...Array.from(screenCredits?._array ?? []).map(c => ({
+    screen: Array.from(screenCredits?._array ?? []).map(c => ({
       html: c?.credit?.html,
     })),
-  ];
+  };
 
   return credits;
 }

package/src/engines/Cesium/hooks.ts

@@ -27,7 +27,7 @@ import type {
 import { e2eAccessToken, setE2ECesiumViewer } from "../../e2eConfig";
 import { ComputedFeature, DataType, SelectedFeatureInfo, LatLng, Camera } from "../../mantle";
 import {
-  Credit,
+  Credits,
   LayerLoadEvent,
   LayerSelectWithRectEnd,
   LayerSelectWithRectMove,
@@ -130,7 +130,7 @@ export default ({
   onLayerLoad?: (e: LayerLoadEvent) => void;
   onCameraChange?: (camera: Camera) => void;
   onMount?: () => void;
-  onCreditsUpdate?: (credits: Credit[]) => void;
+  onCreditsUpdate?: (credits?: Credits) => void;
 }) => {
   const cesium = useRef<CesiumComponentRef<CesiumViewer>>(null);
 
@@ -665,7 +665,7 @@ export default ({
       if (!onCreditsUpdateRef.current) return;
       const viewer = cesium.current?.cesiumElement;
       if (!viewer || viewer.isDestroyed()) return;
-      const credits: Credit[] = getCredits(viewer) ?? [];
+      const credits = getCredits(viewer);
       onCreditsUpdateRef.current(credits);
     }, 3000);
   }, []);