@trapar-waves/react-three-maplibre 1.2.0 → 2.0.0

package/readme/README-CN.md

@@ -9,107 +9,78 @@
 
 ---
 
-[English](../README.md) | [日本語](/readme/README-JP.md) | [Русский язык](/readme/README-RU.md)
+[English](../README.md) | [日本語](./README-JP.md) | [Русский язык](./README-RU.md)
 
-> 一个基于React的库，集成了Three.js、MapLibre和AntV，用于高级地理空间3D可视化。
+> 一个基于 React 的库，集成了 Three.js、MapLibre 和 AntV，用于高级地理空间 3D 可视化。
 
-## ✨ 特性
+![react-three-maplibre hero](../assets/readme/hero.svg)
 
-- **地理空间可视化:** 结合`@antv/l7`和`maplibre-gl`，通过自定义地图图层实现强大的地理空间数据渲染。
-- **React 3D渲染:** 利用`@react-three/fiber`和`@react-three/drei`将Three.js集成到基于React的工作流中，实现声明式3D场景管理。
-- **可定制UI集成:** 提供与React（`react`、`react-dom`）的无缝集成，用于构建交互式地理空间应用。
-- **实用优先的样式:** 采用`tailwindcss`为组件和布局提供灵活快速的样式设计。
-- **类型安全:** 使用TypeScript确保类型安全，提升开发过程中的开发者体验。
-- **快速开发工作流:** 利用`rsbuild`实现优化构建和高效的开发服务器性能。
-- **丰富的组件库:** 与`three-stdlib`和`@react-three/drei`集成，提供可重用的Three.js工具和组件。
-- **地图交互性:** 实现`react-map-gl`，用于地理空间环境中的交互式地图控制和客户端导航。
-- **AntV增强功能:** 整合`@antv/l7-maps`，提供额外的地图分层功能和可视化工具。
+![Features](../assets/readme/headers/features.svg)
 
-## 💻 技术栈
+- **地理空间可视化：** 结合 `@antv/l7` 和 `maplibre-gl`，通过自定义地图图层实现强大的地理空间数据渲染。
+- **React 3D 渲染：** 利用 `@react-three/fiber` 和 `@react-three/drei` 将 Three.js 集成到基于 React 的工作流中，实现声明式 3D 场景管理。
+- **可定制 UI 集成：** 提供与 React（`react`、`react-dom`）的无缝集成，用于构建交互式地理空间应用。
+- **实用优先的样式：** 采用 `tailwindcss` 为组件和布局提供灵活快速的样式设计。
+- **类型安全：** 使用 TypeScript 确保类型安全，提升开发过程中的开发者体验。
+- **快速开发工作流：** 利用 `rsbuild` 实现优化构建和高效的开发服务器性能。
+- **丰富的组件库：** 与 `three-stdlib` 和 `@react-three/drei` 集成，提供可重用的 Three.js 工具和组件。
+- **地图交互性：** 实现 `react-map-gl`，用于地理空间环境中的交互式地图控制和客户端导航。
+- **AntV 增强功能：** 整合 `@antv/l7-maps`，提供额外的地图分层功能和可视化工具。
 
-- **框架/库:** React
-- **UI工具包/样式:** Tailwind CSS
-- **3D渲染:** Three.js（`@react-three/fiber`、`@react-three/drei`）
-- **地理空间库:** MapLibre GL、AntV L7
-- **构建工具:** Rsbuild
-- **语言:** TypeScript
+![Tech Stack](../assets/readme/headers/tech-stack.svg)
 
-完整依赖列表参见[package.json](package.json)。
+- **框架/库：** `React`
+- **UI 工具包/样式：** `Tailwind CSS`
+- **3D 渲染：** `Three.js`（`@react-three/fiber`、`@react-three/drei`）
+- **地理空间库：** `MapLibre GL`、`AntV L7`
+- **构建工具：** `Rsbuild`
+- **语言：** `TypeScript`
 
-## 🚀 开始使用
+查看 [package.json](../package.json) 获取完整的依赖列表。
 
-按照以下说明在本地运行项目。
+![Getting Started](../assets/readme/headers/getting-started.svg)
 
-### 前提条件
+## 前置条件
 
-确保已安装以下软件：
+- Node.js（推荐 >= 18.x）
+- 包管理器（npm、yarn 或 pnpm）
 
-- Node.js (推荐 >= 18.x 版本)
-- 包管理器 (npm, yarn 或 pnpm)
-
-```bash
-node -v
-npm -v
-```
-
-### 安装步骤
+### 安装
 
 1. 使用模板创建新项目：
 
-```bash
-pnpm create trapar-waves
-```
-
-2. 进入项目目录并安装依赖：
-
-```bash
-cd your-project-name
-pnpm install
-# or
-npm install
-# or
-yarn install
-```
-
-### 开发
+   ```bash
+   pnpm create trapar-waves
+   ```
 
-启动带热重载的开发服务器：
+2. 导航到项目目录并安装依赖：
 
-```bash
-pnpm dev
-# or
-npm run dev
-# or
-yarn dev
-```
+   ```bash
+   pnpm install
+   ```
 
-默认情况下，应用程序将在 `http://localhost:3000` 可用。
+3. 启动开发服务器：
 
-### 构建生产版本
+   ```bash
+   pnpm dev
+   ```
 
-创建生产构建：
+![Project Structure](../assets/readme/headers/project-structure.svg)
 
-```bash
-pnpm build
-# or
-npm run build
-# or
-yarn build
 ```
-
-在本地预览生产构建：
-
-```bash
-pnpm preview
-# or
-npm run preview
-# or
-yarn preview
+├── public/             # 静态资源
+├── src/                # 源代码
+│   ├── App.tsx         # 主应用组件
+│   └── index.tsx       # 入口点
+├── rsbuild.config.ts   # Rsbuild 配置
+├── tsconfig.json       # TypeScript 配置
+├── eslint.config.js    # ESLint 配置
+└── package.json        # 项目依赖和脚本
 ```
 
-## 📦 使用方法
+![Usage](../assets/readme/headers/usage.svg)
 
-该库被设计为用于创建地理空间3D可视化应用程序的模板。它提供了一个基础设置，包括 React、Three.js、MapLibre GL 和 AntV L7。
+该库被设计为用于创建地理空间 3D 可视化应用程序的模板。它提供了一个基础设置，包括 React、Three.js、MapLibre GL 和 AntV L7。
 
 ### 基本示例
 
@@ -222,25 +193,26 @@ export default App;
 
 模板默认使用无需 API Key 的 Carto GL 样式（见 `src/App.tsx` 中的 `MAP_STYLE_URL`）。若改用 MapTiler 等需鉴权的服务，请自行设置 `mapStyle` 并通过 `.env` / CI 密钥管理凭据。
 
-## 🤝 贡献指南
+![Contributing](../assets/readme/headers/contributing.svg)
 
-欢迎贡献，非常感谢您的支持！请按照以下步骤进行贡献：
+欢迎贡献，非常感谢！请按照以下步骤贡献：
 
-1. Fork 本仓库
-2. 创建功能分支（`git checkout -b feature/amazing-feature`）
-3. 提交您的更改（`git commit -m 'Add some amazing feature'`）
+1. Fork 仓库
+2. 创建特性分支（`git checkout -b feature/amazing-feature`）
+3. 提交更改（`git commit -m 'Add some amazing feature'`）
 4. 推送到分支（`git push origin feature/amazing-feature`）
-5. 打开Pull Request
+5. 创建 Pull Request
+
+![License](../assets/readme/headers/license.svg)
 
-请确保您的代码遵循现有风格并通过所有测试。
+MIT License © 2025 Trapar Waves
 
-## 👤 Author
+## 👤 作者
 
-- **Rikka:** (admin@rikka.cc)
-- **GitHub Profile:** [Muromi-Rikka](https://github.com/Muromi-Rikka)
+- **Rikka：** [admin@rikka.cc](mailto:admin@rikka.cc)
+- **GitHub 主页：** [Muromi-Rikka](https://github.com/Muromi-Rikka)
 
-## 🔗 Links
+## 🔗 链接
 
-- **仓库:** [https://github.com/Trapar-waves/react-three-maplibre](https://github.com/Trapar-waves/react-three-maplibre)
-- **主页:** [https://github.com/Trapar-waves/react-three-maplibre](https://github.com/Trapar-waves/react-three-maplibre)
-- **问题:** [https://github.com/Trapar-waves/react-three-maplibre/issues](https://github.com/Trapar-waves/react-three-maplibre/issues)
+- **仓库：** [https://github.com/Trapar-waves/react-three-maplibre](https://github.com/Trapar-waves/react-three-maplibre)
+- **Issues：** [https://github.com/Trapar-waves/react-three-maplibre/issues](https://github.com/Trapar-waves/react-three-maplibre/issues)

package/readme/README-JP.md

@@ -9,107 +9,78 @@
 
 ---
 
-[English](../README.md) | [中文](/readme/README-CN.md) | [Русский язык](/readme/README-RU.md)
+[English](../README.md) | [中文](./README-CN.md) | [Русский язык](./README-RU.md)
 
-> Three.js、MapLibre、AntVを統合したReactベースのライブラリで、高度な地理空間3D可視化を実現します。
+> Three.js、MapLibre、AntV を統合した React ベースのライブラリで、高度な地理空間 3D 可視化を実現します。
 
-## ✨ 特徴
+![react-three-maplibre hero](../assets/readme/hero.svg)
 
-- **地理空間可視化:** `@antv/l7`と`maplibre-gl`を組み合わせ、カスタムマップレイヤーを使用した強力な地理空間データレンダリングを実現します。
-- **Reactによる3Dレンダリング:** `@react-three/fiber`と`@react-three/drei`を活用し、Three.jsをReactベースのワークフローに統合し、宣言型3Dシーン管理を実現します。
-- **カスタマイズ可能なUI統合:** React（`react`、`react-dom`）とのシームレスな統合を提供し、インタラクティブな地理空間アプリケーションを構築します。
-- **ユーティリティファーストのスタイリング:** `tailwindcss`を採用し、コンポーネントとレイアウトの柔軟で迅速なスタイリングを実現します。
-- **型安全性:** TypeScriptを使用して型安全性を確保し、開発中の開発者エクスペリエンスを向上させます。
-- **高速開発ワークフロー:** `rsbuild`を活用して最適化されたビルドと効率的な開発サーバーパフォーマンスを実現します。
-- **充実したコンポーネントライブラリ:** `three-stdlib`および`@react-three/drei`と統合し、再利用可能なThree.jsユーティリティとコンポーネントを提供します。
-- **マップインタラクティビティ:** `react-map-gl`を実装し、地理空間コンテキストにおけるインタラクティブなマップコントロールとクライアント側ナビゲーションを提供します。
-- **AntV拡張機能:** `@antv/l7-maps`を組み込み、追加のマップレイヤリング機能と可視化ツールを提供します。
+![Features](../assets/readme/headers/features.svg)
 
-## 💻 技術スタック
+- **地理空間可視化：** `@antv/l7` と `maplibre-gl` を組み合わせ、カスタムマップレイヤーを使用した強力な地理空間データレンダリングを実現します。
+- **React による 3D レンダリング：** `@react-three/fiber` と `@react-three/drei` を活用し、Three.js を React ベースのワークフローに統合し、宣言型 3D シーン管理を実現します。
+- **カスタマイズ可能な UI 統合：** React（`react`、`react-dom`）とのシームレスな統合を提供し、インタラクティブな地理空間アプリケーションを構築します。
+- **ユーティリティファーストのスタイリング：** `tailwindcss` を採用し、コンポーネントとレイアウトの柔軟で迅速なスタイリングを実現します。
+- **型安全性：** TypeScript を使用して型安全性を確保し、開発中の開発者エクスペリエンスを向上させます。
+- **高速開発ワークフロー：** `rsbuild` を活用して最適化されたビルドと効率的な開発サーバーパフォーマンスを実現します。
+- **充実したコンポーネントライブラリ：** `three-stdlib` および `@react-three/drei` と統合し、再利用可能な Three.js ユーティリティとコンポーネントを提供します。
+- **マップインタラクティビティ：** `react-map-gl` を実装し、地理空間コンテキストにおけるインタラクティブなマップコントロールとクライアント側ナビゲーションを提供します。
+- **AntV 拡張機能：** `@antv/l7-maps` を組み込み、追加のマップレイヤリング機能と可視化ツールを提供します。
 
-- **フレームワーク/ライブラリ:** React
-- **UIツールキット/スタイリング:** Tailwind CSS
-- **3Dレンダリング:** Three.js（`@react-three/fiber`、`@react-three/drei`）
-- **地理空間ライブラリ:** MapLibre GL、AntV L7
-- **ビルドツール:** Rsbuild
-- **言語:** TypeScript
+![Tech Stack](../assets/readme/headers/tech-stack.svg)
 
-依存関係の完全なリストについては[package.json](package.json)を参照してください。
+- **フレームワーク/ライブラリ：** `React`
+- **UI ツールキット/スタイリング：** `Tailwind CSS`
+- **3D レンダリング：** `Three.js`（`@react-three/fiber`、`@react-three/drei`）
+- **地理空間ライブラリ：** `MapLibre GL`、`AntV L7`
+- **ビルドツール：** `Rsbuild`
+- **言語：** `TypeScript`
 
-## 🚀 始め方
+依存関係の完全なリストについては [package.json](../package.json) を参照してください。
 
-以下の手順に従ってプロジェクトをローカルで実行してください。
+![Getting Started](../assets/readme/headers/getting-started.svg)
 
-### 前提条件
+## 前提条件
 
-以下がインストールされていることを確認してください：
-
-- Node.js (推奨バージョン >= 18.x)
-- パッケージマネージャー (npm, yarn または pnpm)
-
-```bash
-node -v
-npm -v
-```
+- Node.js（>= 18.x 推奨）
+- パッケージマネージャー（npm、yarn、または pnpm）
 
 ### インストール
 
-1. テンプレートを使用して新しいプロジェクトを作成します：
-
-```bash
-pnpm create trapar-waves
-```
-
-2. プロジェクトディレクトリに移動し、依存関係をインストールします：
+1. テンプレートを使用して新しいプロジェクトを作成：
 
-```bash
-cd your-project-name
-pnpm install
-# or
-npm install
-# or
-yarn install
-```
-
-### 開発
+   ```bash
+   pnpm create trapar-waves
+   ```
 
-ホットリロード付きの開発サーバーを起動します：
+2. プロジェクトディレクトリに移動し、依存関係をインストール：
 
-```bash
-pnpm dev
-# or
-npm run dev
-# or
-yarn dev
-```
+   ```bash
+   pnpm install
+   ```
 
-アプリケーションはデフォルトで `http://localhost:3000` で利用可能です。
+3. 開発サーバーを起動：
 
-### 本番用ビルド
+   ```bash
+   pnpm dev
+   ```
 
-本番用のビルドを作成します：
+![Project Structure](../assets/readme/headers/project-structure.svg)
 
-```bash
-pnpm build
-# or
-npm run build
-# or
-yarn build
 ```
-
-ローカルで本番ビルドをプレビューします：
-
-```bash
-pnpm preview
-# or
-npm run preview
-# or
-yarn preview
+├── public/             # 静的アセット
+├── src/                # ソースコード
+│   ├── App.tsx         # メインアプリケーションコンポーネント
+│   └── index.tsx       # エントリーポイント
+├── rsbuild.config.ts   # Rsbuild 設定
+├── tsconfig.json       # TypeScript 設定
+├── eslint.config.js    # ESLint 設定
+└── package.json        # プロジェクトの依存関係とスクリプト
 ```
 
-## 📦 使用方法
+![Usage](../assets/readme/headers/usage.svg)
 
-このライブラリは、地理空間3D可視化アプリケーションを作成するためのテンプレートとして設計されています。React、Three.js、MapLibre GL、AntV L7を使用した基本的なセットアップを提供します。
+このライブラリは、地理空間 3D 可視化アプリケーションを作成するためのテンプレートとして設計されています。React、Three.js、MapLibre GL、AntV L7 を使用した基本的なセットアップを提供します。
 
 ### 基本的な例
 
@@ -222,25 +193,26 @@ export default App;
 
 テンプレートは API キー不要の Carto GL スタイル（`src/App.tsx` の `MAP_STYLE_URL`）を既定とします。MapTiler など別プロバイダへ切り替える場合は `mapStyle` を変更し、`.env` / CI で鍵を管理してください。
 
-## 🤝 コントリビューション
+![Contributing](../assets/readme/headers/contributing.svg)
+
+コントリビュートを歓迎します！以下の手順に従ってコントリビュートしてください：
 
-貢献は歓迎され、非常に高く評価されています！貢献するには以下の手順に従ってください：
+1. リポジトリをフォーク
+2. 機能ブランチを作成（`git checkout -b feature/amazing-feature`）
+3. 変更をコミット（`git commit -m 'Add some amazing feature'`）
+4. ブランチにプッシュ（`git push origin feature/amazing-feature`）
+5. Pull Request を作成
 
-1. リポジトリをフォークする
-2. 機能ブランチを作成する（`git checkout -b feature/amazing-feature`）
-3. 変更をコミットする（`git commit -m 'Add some amazing feature'`）
-4. ブランチにプッシュする（`git push origin feature/amazing-feature`）
-5. Pull Requestを開く
+![License](../assets/readme/headers/license.svg)
 
-コードが既存のスタイルに従い、すべてのテストに合格することを確認してください。
+MIT License © 2025 Trapar Waves
 
-## 👤 Author
+## 👤 作者
 
-- **Rikka:** (admin@rikka.cc)
-- **GitHub Profile:** [Muromi-Rikka](https://github.com/Muromi-Rikka)
+- **Rikka：** [admin@rikka.cc](mailto:admin@rikka.cc)
+- **GitHub プロフィール：** [Muromi-Rikka](https://github.com/Muromi-Rikka)
 
-## 🔗 Links
+## 🔗 リンク
 
-- **リポジトリ:** [https://github.com/Trapar-waves/react-three-maplibre](https://github.com/Trapar-waves/react-three-maplibre)
-- **ホームページ:** [https://github.com/Trapar-waves/react-three-maplibre](https://github.com/Trapar-waves/react-three-maplibre)
-- **イシュー:** [https://github.com/Trapar-waves/react-three-maplibre/issues](https://github.com/Trapar-waves/react-three-maplibre/issues)
+- **リポジトリ：** [https://github.com/Trapar-waves/react-three-maplibre](https://github.com/Trapar-waves/react-three-maplibre)
+- **Issues：** [https://github.com/Trapar-waves/react-three-maplibre/issues](https://github.com/Trapar-waves/react-three-maplibre/issues)

package/readme/README-RU.md

@@ -9,105 +9,76 @@
 
 ---
 
-[English](../README.md) | [中文](/readme/README-CN.md) | [日本語](/readme/README-JP.md)
+[English](../README.md) | [中文](./README-CN.md) | [日本語](./README-JP.md)
 
 > Библиотека на базе React, интегрирующая Three.js, MapLibre и AntV для расширенной геопространственной 3D-визуализации.
 
-## ✨ Особенности
+![react-three-maplibre hero](../assets/readme/hero.svg)
+
+![Features](../assets/readme/headers/features.svg)
 
 - **Геопространственная визуализация:** Комбинирует `@antv/l7` и `maplibre-gl` для мощного рендеринга геопространственных данных с пользовательскими слоями карт.
 - **3D-рендеринг с React:** Использует `@react-three/fiber` и `@react-three/drei` для интеграции Three.js в рабочий процесс на базе React для декларативного управления 3D-сценами.
 - **Интеграция настраиваемого UI:** Обеспечивает бесперебойную интеграцию с React (`react`, `react-dom`) для создания интерактивных геопространственных приложений.
 - **Стилизация с упором на утилиты:** Применяет `tailwindcss` для гибкой и быстрой стилизации компонентов и макетов.
-- **Типовая безопасность:** Использует TypeScript для обеспечения типовой безопасности и улучшения опыта разработчика во время разработки.
+- **Типобезопасность:** Использует TypeScript для обеспечения типобезопасности и улучшения опыта разработчика во время разработки.
 - **Быстрый рабочий процесс разработки:** Использует `rsbuild` для оптимизированных сборок и эффективной производительности сервера разработки.
 - **Богатая библиотека компонентов:** Интегрируется с `three-stdlib` и `@react-three/drei` для переиспользуемых утилит и компонентов Three.js.
 - **Интерактивность карт:** Реализует `react-map-gl` для интерактивных элементов управления картами и навигации на клиентской стороне в геопространственных контекстах.
 - **Дополнения AntV:** Включает `@antv/l7-maps` для дополнительных возможностей слоев карт и инструментов визуализации.
 
-## 💻 Технологический стек
-
-- **Фреймворк/Библиотека:** React
-- **UI-тулкит/Стилизация:** Tailwind CSS
-- **3D-рендеринг:** Three.js (`@react-three/fiber`, `@react-three/drei`)
-- **Геопространственные библиотеки:** MapLibre GL, AntV L7
-- **Инструмент сборки:** Rsbuild
-- **Язык:** TypeScript
+![Tech Stack](../assets/readme/headers/tech-stack.svg)
 
-Полный список зависимостей см. в [package.json](package.json).
+- **Фреймворк/библиотека:** `React`
+- **UI-тулкит/стилизация:** `Tailwind CSS`
+- **3D-рендеринг:** `Three.js` (`@react-three/fiber`, `@react-three/drei`)
+- **Геопространственные библиотеки:** `MapLibre GL`, `AntV L7`
+- **Инструмент сборки:** `Rsbuild`
+- **Язык:** `TypeScript`
 
-## 🚀 Начало работы
+Полный список зависимостей смотрите в [package.json](../package.json).
 
-Следуйте этим инструкциям, чтобы запустить проект локально.
+![Getting Started](../assets/readme/headers/getting-started.svg)
 
-### Предварительные требования
+## Предварительные требования
 
-Убедитесь, что у вас установлены следующие компоненты:
-
-- Node.js (рекомендуется версия >= 18.x)
-- Пакетный менеджер (npm, yarn или pnpm)
-
-```bash
-node -v
-npm -v
-```
+- Node.js (рекомендуется >= 18.x)
+- Менеджер пакетов (npm, yarn или pnpm)
 
 ### Установка
 
 1. Создайте новый проект с помощью шаблона:
 
-```bash
-pnpm create trapar-waves
-```
-
-2. Перейдите в каталог вашего проекта и установите зависимости:
+   ```bash
+   pnpm create trapar-waves
+   ```
 
-```bash
-cd your-project-name
-pnpm install
-# or
-npm install
-# or
-yarn install
-```
-
-### Разработка
+2. Перейдите в директорию проекта и установите зависимости:
 
-Запустите сервер разработки с горячей перезагрузкой:
-
-```bash
-pnpm dev
-# or
-npm run dev
-# or
-yarn dev
-```
+   ```bash
+   pnpm install
+   ```
 
-Приложение будет доступно по адресу `http://localhost:3000` по умолчанию.
+3. Запустите сервер разработки:
 
-### Сборка для продакшена
+   ```bash
+   pnpm dev
+   ```
 
-Чтобы создать сборку для продакшена:
+![Project Structure](../assets/readme/headers/project-structure.svg)
 
-```bash
-pnpm build
-# or
-npm run build
-# or
-yarn build
 ```
-
-Предварительный просмотр сборки продакшена локально:
-
-```bash
-pnpm preview
-# or
-npm run preview
-# or
-yarn preview
+├── public/             # Статические ресурсы
+├── src/                # Исходный код
+│   ├── App.tsx         # Основной компонент приложения
+│   └── index.tsx       # Точка входа
+├── rsbuild.config.ts   # Конфигурация Rsbuild
+├── tsconfig.json       # Конфигурация TypeScript
+├── eslint.config.js    # Конфигурация ESLint
+└── package.json        # Зависимости и скрипты проекта
 ```
 
-## 📦 Использование
+![Usage](../assets/readme/headers/usage.svg)
 
 Эта библиотека предназначена для использования в качестве шаблона для создания приложений геопространственной 3D-визуализации. Она предоставляет фундаментальную настройку с React, Three.js, MapLibre GL и AntV L7.
 
@@ -222,7 +193,7 @@ export default App;
 
 В шаблоне по умолчанию используется стиль Carto GL без API-ключа (`MAP_STYLE_URL` в `src/App.tsx`). Для другого провайдера (например, MapTiler) задайте `mapStyle` и храните ключи в `.env` / CI.
 
-## 🤝 Участие в разработке
+![Contributing](../assets/readme/headers/contributing.svg)
 
 Вклад в проект приветствуется и очень ценится! Чтобы внести вклад, следуйте этим шагам:
 
@@ -232,15 +203,16 @@ export default App;
 4. Отправьте изменения в ветку (`git push origin feature/amazing-feature`)
 5. Откройте Pull Request
 
-Пожалуйста, убедитесь, что ваш код соответствует существующему стилю и проходит все тесты.
+![License](../assets/readme/headers/license.svg)
+
+MIT License © 2025 Trapar Waves
 
-## 👤 Author
+## 👤 Автор
 
-- **Rikka:** (admin@rikka.cc)
-- **GitHub Profile:** [Muromi-Rikka](https://github.com/Muromi-Rikka)
+- **Rikka:** [admin@rikka.cc](mailto:admin@rikka.cc)
+- **Профиль GitHub:** [Muromi-Rikka](https://github.com/Muromi-Rikka)
 
-## 🔗 Links
+## 🔗 Ссылки
 
 - **Репозиторий:** [https://github.com/Trapar-waves/react-three-maplibre](https://github.com/Trapar-waves/react-three-maplibre)
-- **Домашняя страница:** [https://github.com/Trapar-waves/react-three-maplibre](https://github.com/Trapar-waves/react-three-maplibre)
-- **Проблемы:** [https://github.com/Trapar-waves/react-three-maplibre/issues](https://github.com/Trapar-waves/react-three-maplibre/issues)
+- **Issues:** [https://github.com/Trapar-waves/react-three-maplibre/issues](https://github.com/Trapar-waves/react-three-maplibre/issues)

package/rsbuild.config.ts

@@ -1,9 +1,9 @@
-import process from "node:process";
 import { defineConfig, loadEnv } from "@rsbuild/core";
 import { pluginLess } from "@rsbuild/plugin-less";
 import { pluginReact } from "@rsbuild/plugin-react";
 import { RsdoctorRspackPlugin } from "@rsdoctor/rspack-plugin";
 import tailwind from "@tailwindcss/postcss";
+import process from "node:process";
 import TurboConsole from "unplugin-turbo-console/rspack";
 
 const { publicVars } = loadEnv({ cwd: "./environments" });
@@ -18,20 +18,18 @@ function normalizeBasePath(): string {
 }
 
 const basePath = normalizeBasePath();
-const useSubpath = basePath !== "/";
+const isUseSubpath = basePath !== "/";
 
-const enableRsdoctor = Boolean(process.env.RSDOCTOR);
-const enableTurboConsole = process.env.NODE_ENV === "development";
+const isEnableRsdoctor = Boolean(process.env.RSDOCTOR);
+const isEnableTurboConsole = process.env.NODE_ENV === "development";
 
 export default defineConfig({
-  ...(useSubpath
-    ? {
-        server: { base: basePath },
-        output: { assetPrefix: basePath },
-      }
-    : {}),
+  ...(isUseSubpath && {
+    output: { assetPrefix: basePath },
+    server: { base: basePath },
+  }),
   performance: {
-    ...(enableRsdoctor ? { buildCache: false } : {}),
+    ...(isEnableRsdoctor && { buildCache: false }),
   },
   plugins: [pluginReact(), pluginLess()],
   source: {
@@ -45,10 +43,10 @@ export default defineConfig({
     },
     rspack: [
       (config) => {
-        if (enableTurboConsole) {
+        if (isEnableTurboConsole) {
           config.plugins.push(TurboConsole());
         }
-        if (enableRsdoctor) {
+        if (isEnableRsdoctor) {
           config.plugins.push(
             new RsdoctorRspackPlugin({
               output: {