Case sensitive routes

packages/react-router/modules/Route.js

@@ -16,6 +16,7 @@ class Route extends React.Component {
     path: PropTypes.string,
     exact: PropTypes.bool,
     strict: PropTypes.bool,
+    sensitive: PropTypes.bool,
     component: PropTypes.func,
     render: PropTypes.func,
     children: PropTypes.oneOfType([
@@ -53,7 +54,7 @@ class Route extends React.Component {
     match: this.computeMatch(this.props, this.context.router)
   }
 
-  computeMatch({ computedMatch, location, path, strict, exact }, router) {
+  computeMatch({ computedMatch, location, path, strict, exact, sensitive }, router) {
     if (computedMatch)
       return computedMatch // <Switch> already computed the match for us
 
@@ -65,7 +66,7 @@ class Route extends React.Component {
     const { route } = router
     const pathname = (location || route.location).pathname
 
-    return path ? matchPath(pathname, { path, strict, exact }) : route.match
+    return path ? matchPath(pathname, { path, strict, exact, sensitive }) : route.match
   }
 
   componentWillMount() {

packages/react-router/modules/Switch.js

@@ -47,12 +47,12 @@ class Switch extends React.Component {
     React.Children.forEach(children, element => {
       if (!React.isValidElement(element)) return
 
-      const { path: pathProp, exact, strict, from } = element.props
+      const { path: pathProp, exact, strict, sensitive, from } = element.props
       const path = pathProp || from
 
       if (match == null) {
         child = element
-        match = path ? matchPath(location.pathname, { path, exact, strict }) : route.match
+        match = path ? matchPath(location.pathname, { path, exact, strict, sensitive }) : route.match
       }
     })
 

packages/react-router/modules/__tests__/matchPath-test.js

@@ -33,6 +33,27 @@ describe('matchPath', () => {
     })
   })
 
+  describe('with sensitive path', () => {
+    it('returns non-sensitive url', () => {
+      const options = {
+        path: '/SomeWhere',
+      }
+      const pathname = '/somewhere'
+      const match = matchPath(pathname, options)
+      expect(match.url).toBe('/somewhere')
+    })
+
+    it('returns sensitive url', () => {
+      const options = {
+        path: '/SomeWhere',
+        sensitive: true
+      }
+      const pathname = '/somewhere'
+      const match = matchPath(pathname, options)
+      expect(match).toBe(null)
+    })
+  })
+
   describe('with no path', () => {
     it('matches the root URL', () => {
       const match = matchPath('/test-location/7', {})

packages/react-router/modules/matchPath.js

@@ -5,7 +5,7 @@ const cacheLimit = 10000
 let cacheCount = 0
 
 const compilePath = (pattern, options) => {
-  const cacheKey = `${options.end}${options.strict}`
+  const cacheKey = `${options.end}${options.strict}${options.sensitive}`
   const cache = patternCache[cacheKey] || (patternCache[cacheKey] = {})
 
   if (cache[pattern])
@@ -30,8 +30,8 @@ const matchPath = (pathname, options = {}) => {
   if (typeof options === 'string')
     options = { path: options }
 
-  const { path = '/', exact = false, strict = false } = options
-  const { re, keys } = compilePath(path, { end: exact, strict })
+  const { path = '/', exact = false, strict = false, sensitive = false } = options
+  const { re, keys } = compilePath(path, { end: exact, strict, sensitive })
   const match = re.exec(pathname)
 
   if (!match)