try fix

Author: NKY5223

src/components/view/viewport/Viewport.tsx

@@ -1,27 +1,26 @@
+import { sortBy } from "@common/array.ts";
+import { vec2, Vec2, zero } from "@common/vec2.ts";
+import "@common/vector.ts";
+import { makeSection, makeSingle, Sections, useContextMenu } from "@components/contextmenu/ContextMenu.ts";
+import { useDispatchSelection } from "@components/editor/selection.ts";
 import { Layout } from "@components/layout/layout.ts";
+import { toClassName } from "@components/utils.tsx";
 import { Bounds } from "@editor/bounds.ts";
+import { MouseButtons, useDrag } from "@hooks/useDrag.ts";
 import { useElementSize } from "@hooks/useElementSize.ts";
 import React, { FC, useMemo, useRef, useState } from "react";
-import { vec2, Vec2, zero } from "@common/vec2.ts";
-import "@common/vector.ts";
 import { SkapRoom, useSkapMap } from "../../../editor/map.ts";
-import { MouseButtons, useDrag } from "@hooks/useDrag.ts";
 import { ViewToolbar } from "../../layout/LayoutViewToolbar.tsx";
+import { ActiveSelection } from "./ActiveSelection.tsx";
 import { Camera, useCamera } from "./camera.ts";
+import { viewportToMap } from "./mapping.ts";
+import { clickbox, zIndex } from "./objectProperties.ts";
 import { BackgroundObstacleWebGLRenderer, BackgroundWebGLRenderer } from "./renderer/background.ts";
 import { LavaWebGLRenderer } from "./renderer/lava.ts";
 import { ObstacleWebGLRenderer } from "./renderer/obstacle.ts";
 import { TextLayer } from "./renderer/text.tsx";
 import css from "./Viewport.module.css";
 import { WebGLLayer } from "./webgl/WebGLLayer.tsx";
-import { useContextMenu } from "@components/contextmenu/ContextMenu.ts";
-import { makeSection, Sections, makeSingle } from "@components/contextmenu/ContextMenu.ts";
-import { viewportToMap } from "./mapping.ts";
-import { useDispatchSelection } from "@components/editor/selection.ts";
-import { clickbox, zIndex } from "./objectProperties.ts";
-import { sortBy } from "@common/array.ts";
-import { ActiveSelection } from "./ActiveSelection.tsx";
-import { toClassName } from "@components/utils.tsx";
 
 export type ViewportInfo = {
 	camera: Camera;

vite.config.ts

@@ -3,16 +3,20 @@ import react from "@vitejs/plugin-react-swc";
 import path from "node:path";
 
 // https://vitejs.dev/config/
-export default defineConfig(env => ({
-	plugins: [react()],
-	base: env.mode === "PRODUCTION" ? "/SkapEdit/" : "/",
-	resolve: {
-		alias: {
-			"@common": path.join(__dirname, "./src/common"),
-			"@components": path.join(__dirname, "./src/components"),
-			"@hooks": path.join(__dirname, "./src/hooks"),
-			"@icon": path.join(__dirname, "./src/components/icon/icon"),
-			"@editor": path.join(__dirname, "./src/editor"),
+export default defineConfig(env => {
+	const base = env.mode === "PRODUCTION" ? "/SkapEdit/" : "/";
+	console.log("Base:", base);
+	return {
+		plugins: [react()],
+		base,
+		resolve: {
+			alias: {
+				"@common": path.join(__dirname, "./src/common"),
+				"@components": path.join(__dirname, "./src/components"),
+				"@hooks": path.join(__dirname, "./src/hooks"),
+				"@icon": path.join(__dirname, "./src/components/icon/icon"),
+				"@editor": path.join(__dirname, "./src/editor"),
+			}
 		}
-	}
-}));
+	};
+});