Merge branch 'main' into release

server/internal/adapter/gql/gqlmodel/convert_value.go

@@ -14,6 +14,14 @@ func valueInterfaceToGqlValue(v interface{}) interface{} {
 	switch v2 := v.(type) {
 	case bool:
 		return v2
+	case int:
+		return v2
+	case int32:
+		return v2
+	case int64:
+		return v2
+	case float32:
+		return v2
 	case float64:
 		return v2
 	case string:

server/pkg/builtin/manifest.yml

@@ -13,7 +13,7 @@ extensions:
     schema:
       groups:
         - id: default
-          collection: Main
+          collection: main
           title: Main
           fields:
             - id: sceneMode
@@ -23,11 +23,11 @@ extensions:
               defaultValue: 3d
               choices:
                 - key: 3d
-                  label: Scene 3D
+                  label: 3D
                 - key: 2d
-                  label: Scene 2D
+                  label: 2D
                 - key: columbus
-                  label: Columbus View
+                  label: 2.5D (Columbus View)
             - id: ion
               type: string
               title: Cesium Ion API access token
@@ -37,7 +37,7 @@ extensions:
               title: VR
               description: Enable VR mode to split the screen into left and right.
         - id: tiles
-          collection: Tiles
+          collection: tiles
           title: Tiles
           description: You may change the look of the Earth by obtaining map tile data and setting it here.
           list: true
@@ -76,10 +76,11 @@ extensions:
                 type: string
                 value: url
             - id: tile_zoomLevel
-              type: number
+              type: array
               title: zoom level
-              description: "Change the Zoom Level of the selected tile map. Min: 0 Max: 1"
-              ui: slider
+              description: "Change the zoom level of the selected tile map. Min:0, Max:30"
+              defaultValue: [0,30]
+              ui: range
               min: 0
               max: 30
             - id: tile_opacity
@@ -91,7 +92,7 @@ extensions:
               min: 0
               max: 1
         - id: terrain
-          collection: Terrain
+          collection: terrain
           title: Terrain
           fields:
             - id: terrain
@@ -167,25 +168,25 @@ extensions:
                 type: bool
                 value: true
         - id: globeLighting
-          collection: Globe
+          collection: globe
           title: Globe Lighting
           fields:
             - id: globeLighting
               type: bool
               title: Enable
               defaultValue: false
-              description: This property will support the globe receive Entitys Lighting.
+              description: This property will support the globe receive an Entity's Lighting.
         - id: globeShadow
-          collection: Globe
+          collection: globe
           title: Globe Shadow
           fields:
             - id: globeShadow
               type: bool
               title: Enable
               defaultValue: false
-              description: This property will support the globe receive Entitys shadows.
+              description: This property will support the globe receive an Entity's shadows.
         - id: globeAtmosphere
-          collection: Globe
+          collection: globe
           title: Globe Atmosphere
           fields:
             - id: globeAtmosphere
@@ -206,7 +207,7 @@ extensions:
                 type: bool
                 value: true
         - id: skyBox
-          collection: Sky
+          collection: sky
           title: Sky Box
           fields:
             - id: skyBox
@@ -215,7 +216,7 @@ extensions:
               defaultValue: true
               description: Description needed.
         - id: sun
-          collection: Sky
+          collection: sky
           title: Sun
           fields:
             - id: sun
@@ -224,7 +225,7 @@ extensions:
               defaultValue: true
               description: Description needed.
         - id: moon
-          collection: Sky
+          collection: sky
           title: Moon
           fields:
             - id: moon
@@ -233,7 +234,7 @@ extensions:
               defaultValue: true
               description: Description needed.
         - id: skyAtmosphere
-          collection: Sky
+          collection: sky
           title: Sky Atmosphere
           fields:
             - id: skyAtmosphere
@@ -254,7 +255,7 @@ extensions:
                 type: bool
                 value: true
         - id: camera
-          collection: Camera
+          collection: camera
           title: Camera
           fields:
             - id: camera
@@ -2320,6 +2321,12 @@ extensions:
               type: string
               title: Color
               ui: color
+            - id: padding
+              type: spacing
+              title: Padding
+              ui: padding
+              min: 0
+              max: 100
         - id: cameraAnimation
           title: Camera Animation
           fields:

server/pkg/builtin/manifest_ja.yml

@@ -1,6 +1,137 @@
 name: Re:Earth公式プラグイン
 description: 公式プラグイン
 extensions:
+  cesium-beta:
+    name: Cesium Beta
+    description: プロジェクト概要
+    propertySchema:
+      default:
+        title: メイン
+        fields:
+          sceneMode:
+            title: シーンモード
+            description: 地球儀の表示を2D、2.5D、3Dから選択します。
+          ion:
+            title: Cesium Ion アクセストークン
+            description: ご自身の Cesium Ion アカウントからアクセストークンを発行し、ここに設定します。Cesium Ion のアセット（タイルデータ・3Dデータなど）の使用が可能になります。
+          vr:
+            title: VR
+            description: 画面を左右に分割するVRモードを有効にします。
+      tiles:
+        title: タイル
+        description: 手持ちのタイルデータを使用し、地球上に表示することができます。
+        fields:
+          tile_type:
+            title: 種類
+            choices:
+              default: デフォルト
+              default_label: ラベル付き地図
+              default_road: 道路地図
+              stamen_watercolor: Stamen Watercolor
+              stamen_toner: Stamen Toner
+              open_street_map: OpenStreetMap
+              esri_world_topo: ESRI Topography
+              black_marble: Black Marble
+              japan_gsi_standard: 地理院地図 標準地図
+              url: URL
+          tile_url:
+            title: URL
+          tile_zoomLevel:
+            title: ズームレベル
+            description: "選択したタイルマップのズームレベルを変更します。 最小値: 0 最大値: 1"
+          tile_opacity:
+            title: 不透明度
+            description: "選択したタイルマップの不透明度を変更します。 最小値: 0 最大値: 1"
+      terrain:
+        title: 地形
+        fields:
+          terrain:
+            title: 地形
+            description: 有効にすると、標高データが読み込みこまれ、立体的な地形を表現することができます。
+          terrainType:
+            title: 種類
+            description: 地形の種類を指定します。
+            choices:
+              cesium: Cesium World Terrain
+              arcgis: ArcGIS Terrain
+              cesiumion: Cesium Ion
+          terrainCesiumIonAsset:
+            title: Cesium Ion アセットID
+            description: Cesium Ion に登録されたテラインのアセットのIDを指定します。
+          terrainCesiumIonAccessToken:
+            title: Cesium Ion アクセストークン
+            description: シーン全体設定の Cesium Ion のアクセストークンをこのタイルのために上書きしたい場合は指定します。
+          terrainCesiumIonUrl:
+            title: Cesium Ion テラインURL
+            description: Cesium のテラインデータを Cesium Ion ではなくオンプレミスのサーバーで配信している場合はそのURLを指定します。アセットIDの指定よりも優先されます。
+          terrainExaggeration:
+            title: 地形の強調
+            description: 地形の強調を設定します。デフォルトは1.0（誇張しない）です。2.0は、地形を2倍に拡大します。0.0の値は地形を完全に平らにします。
+          terrainExaggerationRelativeHeight:
+            title: 地形の強調の基準
+            description: 地形が誇張される高さです。デフォルトは0.0です。この高さより上にある地形は上方に、この高さより下にある地形は下方にスケールされます。
+          depthTestAgainstTerrain:
+            title: 地形の下を非表示
+            description: 地形の下にあるオブジェクトを非表示にします。標高データの読み込み状況によってオブジェクトが表示されたり隠れたりすることがあります。
+      globeLighting:
+        title: 太陽光の明るさ
+        fields:
+          globeLighting:
+            title: 有効化
+            description: 地球上の地物にあたる明るさの有効無効を切り替えます。
+      globeShadow:
+        title: 陰影
+        fields:
+          globeShadow:
+            title: 有効化
+            description: 地球上の地物の陰影の有効無効を切り替えます。
+      globeAtmosphere:
+        title: 大気
+        fields:
+          globeAtmosphere:
+            title: 有効化
+            description: 地球上の大気の効果の有効無効を切り替えます。
+          globeAtmosphereIntensity:
+            title: 光の強さ
+            description: "選択したタイルマップの光の強さを変更します。 最小値: 0 最大値: 30"
+      skyBox:
+        title: スカイボックス
+        fields:
+          skyBox:
+            title: 有効化
+            description: 有効にすると、空に星が追加されます。
+      sun:
+        title: 太陽
+        fields:
+          sun:
+            title: 有効化
+            description: 有効にすると、空に太陽が表示されます。
+      moon:
+        title: 月
+        fields:
+          moon:
+            title: 有効化
+            description: 有効にすると、空に月が表示されます。
+      skyAtmosphere:
+        title: 上空の大気
+        fields:
+          skyAtmosphere:
+            title: 有効化
+            description: 有効にすると、リアルな上空の大気が表示されます。
+          skyAtmosphereIntensity:
+            title: 光の強さ
+            description: "選択したタイルマップの光の強さを変更します。 最小値: 0 最大値: 200"
+      camera:
+        title: カメラ
+        fields:
+          camera:
+            title: カメラの初期位置
+            description: プロジェクトを開いたときに表示される最初の位置
+          allowEnterGround:
+            title: 地下に入る
+            description: 有効にすると、カメラが地表の中に入るようになります。
+          fov:
+            title: 視野（FOV）
   cesium:
     name: Cesium
     description: 右パネルでシーン全体の設定を変更することができます。タイル、大気、ライティングなどの設定が含まれています。
@@ -1022,6 +1153,8 @@ extensions:
             title: タイトル
           color:
             title: 色
+          padding:
+            title: 余白
       cameraAnimation:
         title: カメラアニメーション
         fields:

web/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@reearth/web",
-    "version": "0.19.0",
+    "version": "0.20.0",
     "repository": "https://github.com/reearth/reearth.git",
     "author": "Re:Earth contributors <[email protected]>",
     "license": "Apache-2.0",

web/src/beta/components/Button/index.tsx

@@ -17,7 +17,6 @@ export interface Props {
   icon?: string;
   iconPosition?: "left" | "right";
   margin?: string;
-
   onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
   onMouseEnter?: () => void;
   onMouseLeave?: () => void;

web/src/beta/components/CatalogCard/index.tsx

@@ -109,7 +109,6 @@ const CatalogCard: React.FC<Props> = ({
       {isEditing ? (
         <StyledTextInput
           value={newName}
-          timeout={0}
           autoFocus
           onChange={handleNameChange}
           onBlur={handleEditExit}
@@ -218,7 +217,6 @@ const ActionIcon = styled.button`
 `;
 
 const StyledPopoverContent = styled(Popover.Content)`
-  z-index: 1000;
   position: relative;
 `;
 

web/src/beta/components/DragAndDropList/Item.tsx

@@ -102,7 +102,11 @@ const Item: FC<Props> = ({
   drop(contentRef);
   return shouldUseCustomHandler ? (
     <ItemContext.Provider value={ref}>
-      <SItem ref={preview} data-handler-id={handlerId} isDragging={isDragging}>
+      <SItem
+        customHandler={shouldUseCustomHandler}
+        ref={preview}
+        data-handler-id={handlerId}
+        isDragging={isDragging}>
         <div ref={contentRef}>{children}</div>
       </SItem>
     </ItemContext.Provider>
@@ -115,7 +119,7 @@ const Item: FC<Props> = ({
 
 export default memo(Item);
 
-const SItem = styled.div<{ isDragging: boolean }>`
+const SItem = styled.div<{ isDragging: boolean; customHandler?: boolean }>`
   ${({ isDragging }) => `opacity: ${isDragging ? 0 : 1};`}
-  cursor: move;
+  cursor: ${({ customHandler }) => (customHandler ? "default" : "move")};
 `;

web/src/beta/components/InsertionBar/index.tsx

@@ -72,7 +72,7 @@ const InsertionBar: React.FC<Props> = ({
         </ButtonWrapper>
       </Wrapper>
       <Portal>
-        <div ref={popperElement} style={{ ...styles.popper, zIndex: 1000 }} {...attributes.popper}>
+        <div ref={popperElement} style={{ ...styles.popper }} {...attributes.popper}>
           {children}
         </div>
       </Portal>
@@ -134,7 +134,7 @@ const Wrapper = styled.div<WrapperProps>`
   position: absolute;
   left: 0;
   width: 100%;
-  z-index: ${props => props.theme.zIndexes.infoBox};
+  z-index: ${props => props.theme.zIndexes.visualizer.storyPage.indicator.unselected};
   top: ${props => (props.pos === "top" ? "0%" : "100%")};
   transform: translateY(-50%);
   height: 15px;

web/src/beta/components/Loading/index.tsx

@@ -45,7 +45,7 @@ const LoadingWrapper = styled.div<{ fixed?: boolean; overlay?: boolean; relative
   left: 0;
   background: ${({ overlay, theme }) => (overlay ? theme.bg[0] : null)};
   opacity: 0.8;
-  z-index: ${props => props.theme.zIndexes.loading};
+  z-index: ${props => props.theme.zIndexes.editor.loading};
 `;
 
 export default Loading;

web/src/beta/components/Modal/ModalFrame/index.tsx

@@ -57,7 +57,7 @@ const Modal: React.FC<Props> = ({ className, size, isVisible, title, onClose, ch
 const Bg = styled.div<{ state: TransitionStatus }>`
   background: ${({ theme }) => theme.bg.transparentBlack};
   position: fixed;
-  z-index: ${({ theme }) => theme.zIndexes.fullScreenModal};
+  z-index: ${({ theme }) => theme.zIndexes.editor.modal.bg};
   left: 0;
   top: 0;
   width: 100%;