types: Add support for LocationProvider.ctx to support class components (#92)

* fix: Support class components by adding LocationProvider.ctx types

* test: Add location context test too

Author: rschristian

src/router.d.ts

@@ -1,15 +1,15 @@
-import { AnyComponent, ComponentChildren, FunctionComponent, VNode } from 'preact';
+import { AnyComponent, ComponentChildren, Context, FunctionComponent, VNode } from 'preact';
 
-export function LocationProvider(props: {
-	scope?: string | RegExp;
-	children?: ComponentChildren;
-}): VNode;
+export const LocationProvider: {
+	(props: { scope?: string | RegExp; children?: ComponentChildren; }): VNode;
+	ctx: Context<LocationHook>;
+};
 
 type NestedArray<T> = Array<T | NestedArray<T>>;
 
 /**
  * Check if a URL path matches against a URL path pattern.
- * 
+ *
  * Warning: This is an internal API exported only for testing purpose. API could change in future.
  * @param url - URL path (e.g. /user/12345)
  * @param route - URL pattern (e.g. /user/:id)

test/router.test.js

@@ -1,4 +1,4 @@
-import { h, Fragment, render, hydrate, options } from 'preact';
+import { h, Fragment, render, Component, hydrate, options } from 'preact';
 import { useState } from 'preact/hooks';
 import * as chai from 'chai';
 import * as sinon from 'sinon';
@@ -73,6 +73,31 @@ describe('Router', () => {
 		});
 	});
 
+	it('should support class components using LocationProvider.ctx', () => {
+		class Foo extends Component {
+			static contextType = LocationProvider.ctx;
+
+			render() {
+				loc = this.context;
+				return <h1>{loc.url}</h1>;
+			}
+		}
+
+		render(
+			<LocationProvider>
+				<Foo />
+			</LocationProvider>,
+			scratch
+		);
+
+		expect(scratch).to.have.property('innerHTML', '<h1>/</h1>');
+		expect(loc).to.deep.include({
+			url: '/',
+			path: '/',
+			query: {},
+		});
+	});
+
 	it('should allow passing props to a route', async () => {
 		const Home = sinon.fake(() => <h1>Home</h1>);