v4 alpha 1

.github/ISSUE_TEMPLATE/bug-report.md → .github/ISSUE_TEMPLATE/bug-report-v3.md

@@ -1,9 +1,9 @@
 ---
-name: Bug report
-about: Report a bug
+name: Bug report in v3
+about: Report a bug in v3 (stable)
 ---
 
-## Bug report
+## Bug report in v3
 
 **Before** opening an issue, make sure to read the [contributing guide](https://github.com/PaulLeCam/react-leaflet/blob/master/CONTRIBUTING.md) and understand this is a bug tracker, not a support platform.
 

.github/ISSUE_TEMPLATE/bug-report-v4.md

@@ -0,0 +1,31 @@
+---
+name: Bug report in v4
+about: Report a bug in v4 (alpha)
+---
+
+## Bug report in v4
+
+**Before** opening an issue, make sure to read the [contributing guide](https://github.com/PaulLeCam/react-leaflet/blob/master/CONTRIBUTING.md) and understand this is a bug tracker, not a support platform.
+
+Please make sure to check the following boxes before submitting an issue.\
+**Issues opened without using this template will be closed unless they have a good reason not to follow this template.**
+
+- [ ] All peer dependencies are installed: React, ReactDOM and Leaflet.
+- [ ] Using the latest RC version of React and ReactDOM v18.
+- [ ] Using the supported version of Leaflet (v1.7.1 minimum) and its corresponding CSS file is loaded.
+- [ ] Using the [latest v4 version of React-Leaflet](https://github.com/PaulLeCam/react-leaflet/releases).
+- [ ] The issue has not already been reported.
+- [ ] Make sure you have followed the [quick start guide](https://leafletjs.com/examples/quick-start.html) for Leaflet.
+- [ ] Make sure you have fully read the [documentation](https://react-leaflet.js.org/docs/next/start-introduction) and that you understand the [limitations](https://react-leaflet.js.org/docs/next/start-introduction#limitations).
+
+### Expected behavior
+
+Please describe.
+
+### Actual behavior
+
+Please describe.
+
+### Steps to reproduce
+
+Please provide the simplest example possible to reproduce the issue, based on [this CodePen](https://codepen.io/PaulLeCam/pen/OJxEbBW).

CHANGELOG.md

@@ -1,3 +1,8 @@
+## v4.0.0-alpha.1 (2022-02-05)
+
+- Merge changes from v3.
+- Update docs for v4 support.
+
 ## v4.0.0-alpha.0 (2022-01-05)
 
 ### Breaking changes
@@ -8,6 +13,7 @@
 - Removed `MapConsumer` component.
 - Removed `whenCreated` property from the `MapContainer` component.
 - Removed `onOpen` and `onClose` properties from `Popup` and `Tooltip` components.
+- Removed CommonJS distribution.
 - Removed UMD distribution.
 
 ### Other changes

package.json

@@ -2,6 +2,7 @@
   "name": "react-leaflet-repository",
   "version": "1.0.0",
   "private": true,
+  "packageManager": "[email protected]",
   "workspaces": [
     "packages/*"
   ],
@@ -17,45 +18,39 @@
   "devDependencies": {
     "@skypack/package-check": "^0.2.2",
     "@swc/cli": "^0.1.55",
-    "@swc/core": "^1.2.129",
+    "@swc/core": "^1.2.136",
     "@swc/jest": "^0.2.17",
     "@testing-library/react": "^13.0.0-alpha",
     "@testing-library/react-hooks": "^8.0.0-alpha",
     "@types/jest": "^27.4.0",
-    "@types/leaflet": "^1.7.8",
+    "@types/leaflet": "^1.7.9",
     "@types/warning": "^3.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.9.1",
-    "@typescript-eslint/parser": "^5.9.1",
+    "@typescript-eslint/eslint-plugin": "^5.10.2",
+    "@typescript-eslint/parser": "^5.10.2",
     "cross-env": "^7.0.3",
     "del-cli": "^4.0.1",
-    "eslint": "^8.7.0",
+    "eslint": "^8.8.0",
     "eslint-config-prettier": "^8.1.0",
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-promise": "^6.0.0",
     "eslint-plugin-react": "^7.28.0",
     "eslint-plugin-react-hooks": "^4.3.0",
-    "jest": "^27.4.6",
+    "jest": "^27.5.0",
     "leaflet": "^1.7.1",
     "prettier": "^2.5.1",
     "prettier-eslint": "^13.0.0",
     "react": "^18.0.0-rc",
     "react-dom": "^18.0.0-rc",
     "react-test-renderer": "^18.0.0-rc",
     "ts-jest-resolver": "^2.0.0",
-    "turbo": "^1.0.28",
-    "typescript": "^4.5.4"
+    "turbo": "^1.1.2",
+    "typescript": "^4.5.5"
   },
   "jest": {
     "projects": [
       "<rootDir>/packages/*"
     ]
-  },
-  "turbo": {
-    "pipeline": {
-      "build:clean": {},
-      "build:js": {}
-    }
   }
 }

packages/react-leaflet/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-leaflet",
-  "version": "4.0.0-alpha.0",
+  "version": "4.0.0-alpha.1",
   "description": "React components for Leaflet maps",
   "repository": {
     "type": "git",
@@ -50,7 +50,7 @@
     "react-dom": "^18.0.0-rc"
   },
   "devDependencies": {
-    "@types/leaflet": "^1.7.8"
+    "@types/leaflet": "^1.7.9"
   },
   "jest": {
     "extensionsToTreatAsEsm": [

packages/website/package.json

@@ -9,16 +9,16 @@
     "deploy": "docusaurus deploy"
   },
   "dependencies": {
-    "@docusaurus/core": "^2.0.0-beta.14",
-    "@docusaurus/preset-classic": "2.0.0-beta.14",
-    "@docusaurus/theme-live-codeblock": "2.0.0-beta.14",
+    "@docusaurus/core": "^2.0.0-beta.15",
+    "@docusaurus/preset-classic": "2.0.0-beta.15",
+    "@docusaurus/theme-live-codeblock": "2.0.0-beta.15",
     "@react-leaflet/docusaurus-plugin": "^1.0.1",
     "classnames": "^2.2.6",
     "leaflet": "^1.7.1",
     "react": "^18.0.0-rc",
     "react-dom": "^18.0.0-rc",
     "react-leaflet": "^4.0.0-alpha",
-    "typescript": "^4.5.4"
+    "typescript": "^4.5.5"
   },
   "browserslist": {
     "production": [

packages/website/src/pages/index.js

@@ -1,16 +1,16 @@
 import classnames from 'classnames'
 import React from 'react'
 import Link from '@docusaurus/Link'
+import { useColorMode } from '@docusaurus/theme-common'
 import useBaseUrl from '@docusaurus/useBaseUrl'
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
-import useThemeContext from '@theme/hooks/useThemeContext'
 import CodeBlock from '@theme/CodeBlock'
 import Layout from '@theme/Layout'
 
 import styles from './styles.module.css'
 
 function Title({ text }) {
-  const { isDarkTheme } = useThemeContext()
+  const { isDarkTheme } = useColorMode()
   const logo = isDarkTheme ? 'logo-title-alt' : 'logo-title'
 
   return (

turbo.json

@@ -0,0 +1,6 @@
+{
+  "pipeline": {
+    "build:clean": {},
+    "build:js": {}
+  }
+}