更新地图库

package.json

@@ -7,8 +7,8 @@
     "dev": "esbuild build.ts --format=cjs | node - dev"
   },
   "dependencies": {
-    "@canvaskit-tilemap/core": "^0.6.0",
-    "@canvaskit-tilemap/react": "^0.5.0",
+    "@canvaskit-map/core": "^0.0.1",
+    "@canvaskit-map/react": "^0.0.1",
     "canvaskit-wasm": "^0.38.2",
     "classnames": "^2.3.2",
     "fflate": "^0.8.1",

src/genshin-map/active-marker-layer.tsx

@@ -1,4 +1,4 @@
-import { DomLayer, MarkerLayer } from "@canvaskit-tilemap/react";
+import { DomLayer, MarkerLayer } from "@canvaskit-map/react";
 import classNames from "classnames";
 import { useState } from "react";
 import { useSnapshot } from "valtio";

src/genshin-map/area-item-layer.tsx

@@ -1,4 +1,4 @@
-import { MarkerLayer } from "@canvaskit-tilemap/react";
+import { MarkerLayer } from "@canvaskit-map/react";
 import classNames from "classnames";
 import { useMemo } from "react";
 import { useSnapshot } from "valtio";

src/genshin-map/area-names-layer.tsx

@@ -1,4 +1,4 @@
-import { TextLayer } from "@canvaskit-tilemap/react";
+import { TextLayer } from "@canvaskit-map/react";
 import { useSnapshot } from "valtio";
 import { zIndex } from ".";
 import { store } from "../store";

src/genshin-map/index.tsx

@@ -1,4 +1,4 @@
-import { TileLayer, Tilemap } from "@canvaskit-tilemap/react";
+import { TileLayer, CanvaskitMap } from "@canvaskit-map/react";
 import { CanvasKit } from "canvaskit-wasm";
 import { useSnapshot } from "valtio";
 import { store } from "../store";
@@ -19,7 +19,7 @@ export const zIndex = {
 export function GenshinMap() {
   const { activeAreaItems, mapInfo, canvaskit } = useSnapshot(store);
   return (
-    <Tilemap
+    <CanvaskitMap
       key={mapInfo.getId()}
       canvaskit={canvaskit as CanvasKit}
       className="absolute w-full h-full bg-gray-900"
@@ -46,6 +46,6 @@ export function GenshinMap() {
       <UndergroundLayer />
       <TeleportLayer />
       <AreaNamesLayer />
-    </Tilemap>
+    </CanvaskitMap>
   );
 }

src/genshin-map/mask-layer.tsx

@@ -1,5 +1,5 @@
-import { Layer } from "@canvaskit-tilemap/core";
-import { CustomLayer } from "@canvaskit-tilemap/react";
+import { Layer } from "@canvaskit-map/core";
+import { CustomLayer } from "@canvaskit-map/react";
 import { Canvas, Paint } from "canvaskit-wasm";
 import { zIndex } from ".";
 

src/genshin-map/state.ts

@@ -1,4 +1,4 @@
-import { MapClickEvent, MarkerItem, Tilemap } from "@canvaskit-tilemap/core";
+import { MapClickEvent, MarkerItem, CanvaskitMap } from "@canvaskit-map/core";
 import { proxy, ref } from "valtio";
 import { proxySet } from "valtio/utils";
 import { AreaItem, Marker, UndergroundMap } from "../data_pb";
@@ -10,7 +10,7 @@ export interface AreaItemMarker extends MarkerItem {
 }
 
 export const state = proxy({
-  tilemap: null as unknown as Tilemap,
+  tilemap: null as unknown as CanvaskitMap,
   zoomLevel: 0,
   undergroundEnabled: false,
   activeUndergroundMap: null as UndergroundMap | null,
@@ -20,7 +20,7 @@ export const state = proxy({
   marked: proxySet<number>(),
 });
 
-export async function onTilemapReady(tilemap: Tilemap) {
+export async function onTilemapReady(tilemap: CanvaskitMap) {
   state.tilemap = ref(tilemap);
   onTilemapMove();
 }

src/genshin-map/underground-layer.tsx

@@ -1,4 +1,4 @@
-import { DomLayer, ImageLayer } from "@canvaskit-tilemap/react";
+import { DomLayer, ImageLayer } from "@canvaskit-map/react";
 import classNames from "classnames";
 import { useMemo, useRef, useState } from "react";
 import { useSnapshot } from "valtio";