fix(react): send a pageview when route is set without a path (#197)

packages/web/src/react/index.test.tsx

@@ -140,4 +140,28 @@ describe('<Analytics />', () => {
       });
     });
   });
+
+  describe('pageview tracking', () => {
+    it('tracks a pageview when route and path are both provided', () => {
+      render(
+        <Analytics mode="production" path="/blog/hello" route="/blog/[slug]" />,
+      );
+
+      expect(window.vaq?.[0]).toEqual([
+        'pageview',
+        { route: '/blog/[slug]', path: '/blog/hello' },
+      ]);
+    });
+
+    it('tracks a pageview when route is provided without path', () => {
+      // auto tracking is disabled as soon as `route` is set, so the component
+      // must still emit a pageview instead of silently dropping it.
+      render(<Analytics mode="production" route="/blog/[slug]" />);
+
+      expect(window.vaq?.[0]).toEqual([
+        'pageview',
+        { route: '/blog/[slug]', path: window.location.pathname },
+      ]);
+    });
+  });
 });

packages/web/src/react/index.tsx

@@ -57,8 +57,11 @@ function Analytics(
 
   useEffect(() => {
     // explicitely track page view, since we disabled auto tracking
-    if (props.route && props.path) {
-      pageview({ route: props.route, path: props.path });
+    if (props.route) {
+      pageview({
+        route: props.route,
+        path: props.path ?? window.location.pathname,
+      });
     }
   }, [props.route, props.path]);