Add translations, add list of strings translation

Author: NKY5223

src/components/translate/translation/en_US.ts

@@ -45,6 +45,7 @@ export const translator_en_US = makeTranslator<TranslationArgs>({
 	"contextmenu.item.name.viewport.reset_camera": "Reset Camera",
 	"contextmenu.item.name.viewport.add_object": "Add Object",
 	"contextmenu.item.name.viewport.add_object.obstacle": "Obstacle",
+	"contextmenu.item.name.viewport.add_object.lava": "Lava",
 	// #endregion
 
 	// #region Topbar
@@ -64,7 +65,7 @@ export const translator_en_US = makeTranslator<TranslationArgs>({
 		if (!github) return makeCode([`Current build: `, mode, ` `, version]);
 		const { repoOwner, repoName, commitSha, repoUrl, commitUrl } = github;
 		return makeCode([
-			`Current build: `, mode, ` `, version, ` from `, 
+			`Current build: `, mode, ` `, version, ` from `,
 			makeLink(repoUrl, [repoOwner, `/`, repoName]), ` commit `,
 			makeLink(commitUrl, commitSha.slice(0, 7)),
 		]);
@@ -82,6 +83,8 @@ export const translator_en_US = makeTranslator<TranslationArgs>({
 	"generic.action.open": "Open",
 	"generic.action.close": "Close",
 
+	"generic.list_string": ({ strings }) => strings.join(", "),
+
 	"generic.text": "Text",
 
 	"generic.lorem": true

src/components/translate/translation/zh_Hans.ts

@@ -44,7 +44,8 @@ export const translator_zh_Hans = makeTranslator<TranslationArgs>({
 	"contextmenu.item.name.viewport": "视口",
 	"contextmenu.item.name.viewport.reset_camera": "重置相机",
 	"contextmenu.item.name.viewport.add_object": "添加",
-	"contextmenu.item.name.viewport.add_object.obstacle": "Obstacle",
+	"contextmenu.item.name.viewport.add_object.obstacle": "障碍",
+	"contextmenu.item.name.viewport.add_object.lava": "岩浆",
 	// #endregion
 
 	// #region Topbar
@@ -79,6 +80,8 @@ export const translator_zh_Hans = makeTranslator<TranslationArgs>({
 	"generic.position.width": "宽",
 	"generic.position.height": "高",
 
+	"generic.list_string": ({ strings }) => strings.join("、"),
+
 	"generic.action.open": "开",
 	"generic.action.close": "关",
 

src/components/translate/translationArgs.ts

@@ -38,6 +38,7 @@ export type TranslationArgs = {
 	"contextmenu.item.name.viewport.reset_camera": {};
 	"contextmenu.item.name.viewport.add_object": {};
 	"contextmenu.item.name.viewport.add_object.obstacle": {};
+	"contextmenu.item.name.viewport.add_object.lava": {};
 	// #endregion
 
 	// #region Topbar
@@ -77,6 +78,8 @@ export type TranslationArgs = {
 	"generic.action.open": {};
 	"generic.action.close": {};
 
+	"generic.list_string": { strings: string[]; };
+
 	"generic.text": {};
 	"generic.lorem": {};
 };

src/components/view/inspector/Inspector.tsx

@@ -13,6 +13,7 @@ import { Vec2Input } from "@components/form/Vec2Input";
 import { FormTitle } from "@components/form/FormTitle.tsx";
 import { useTranslate } from "@components/translate/translationArgs.ts";
 import { currentBuild } from "@common/currentBuild.ts";
+import { Translate } from "@components/translate/Translate.tsx";
 
 export const Inspector: Layout.ViewComponent = ({
 	viewSwitch,
@@ -140,11 +141,9 @@ export const Inspector: Layout.ViewComponent = ({
 					<span>
 						<Icon icon="select" title="Current Selection" />
 						&nbsp;
-						{selection.map((item) => (
-							<Fragment key={item.id}>
-								<code>{item.id},</code>
-							</Fragment>
-						))}
+						<code>
+							<Translate k="generic.list_string" strings={selection.map((item) => item.id)} />
+						</code>
 					</span>
 					{selectionForm}
 				</FormSection>

src/components/view/viewport/Viewport.tsx

@@ -10,7 +10,7 @@ import { useDispatchSkapMap, useSkapMap } from "@editor/reducer.ts";
 import { MouseButtons, useDrag } from "@hooks/useDrag.ts";
 import { useElementSize } from "@hooks/useElementSize.ts";
 import React, { FC, useMemo, useRef, useState } from "react";
-import { makeObstacle, SkapRoom } from "../../../editor/map.ts";
+import { makeLava, makeObstacle, SkapRoom } from "../../../editor/map.ts";
 import { ViewToolbar } from "../../layout/LayoutViewToolbar.tsx";
 import { Camera, useCamera } from "./camera.ts";
 import { viewportToMap } from "./mapping.ts";
@@ -165,8 +165,20 @@ export const Viewport: Layout.ViewComponent = ({
 						type: "set_selection",
 						selection: [makeObjectSelectionItem(object)]
 					});
-				})
-			])
+				}),
+				makeSingle("viewport.add_object.lava", "square", () => {
+					const object = makeLava(0, 0, 10, 10);
+					dispatchMap({
+						type: "add_object",
+						roomId: room.id,
+						object,
+					});
+					dispatchSelection({
+						type: "set_selection",
+						selection: [makeObjectSelectionItem(object)]
+					});
+				}),
+			]),
 		]),
 	]);
 

src/hooks/useDrag.ts

@@ -121,7 +121,6 @@ export const useDrag = ({
 	const onPointerDown: PointerEventHandler = event => {
 		if (enabled && mouseButtonMatches(event.button, buttons)) {
 			if (stopPropagation) event.stopPropagation();
-			console.log("pointerdown", event.currentTarget);
 			setDragging(true);
 			const pointer = vec2(event.clientX, event.clientY);