@m13v/seo-components 0.27.0 → 0.28.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m13v/seo-components",
-  "version": "0.27.0",
+  "version": "0.28.1",
   "scripts": {
     "build:css": "tailwind -i src/_build.css -o dist/styles.css --minify",
     "bump:consumers": "bash scripts/bump-consumers.sh",
@@ -58,7 +58,6 @@
     "lottie-react": ">=2",
     "next": ">=14",
     "posthog-js": ">=1.100",
-    "posthog-node": ">=4",
     "react": ">=18",
     "react-dom": ">=18",
     "remotion": ">=4"
@@ -84,9 +83,6 @@
     },
     "posthog-js": {
       "optional": true
-    },
-    "posthog-node": {
-      "optional": true
     }
   },
   "devDependencies": {

package/src/components/Particles.tsx

@@ -9,8 +9,18 @@ import React, { useEffect, useRef, useState } from "react";
  * at mount (falling back to teal #14b8a6). Canvas paint cannot use CSS
  * vars directly, so we resolve it once via getComputedStyle.
  *
+ * Defaults to `absolute inset-0 pointer-events-none` so it sits as an
+ * ambient layer behind its `position: relative` parent (e.g. a hero
+ * card). Callers who need a non-default layout can pass `className` to
+ * override. Prior to 0.28.1 the default was an empty string, which made
+ * the canvas render in-flow and consume 500-700px of hero vertical
+ * space, pushing the real hero content off-screen.
+ *
  * @example
- * <Particles className="absolute inset-0" quantity={80} />
+ * <div className="relative">
+ *   <Particles quantity={80} />
+ *   <h1>Hero content on top</h1>
+ * </div>
  */
 
 interface MousePosition {
@@ -90,7 +100,7 @@ type Circle = {
 };
 
 export function Particles({
-  className = "",
+  className = "absolute inset-0 pointer-events-none",
   quantity = 100,
   staticity = 50,
   ease = 50,

package/src/lib/book-call-redirect.ts

@@ -17,7 +17,8 @@ export interface BookCallRedirectConfig {
  * The handler:
  *   1. Reads `email` and `site` from the query string (unsigned — the blast
  *      radius of forgery is a noisy PostHog event).
- *   2. Fires a server-side `book_call_email_link_clicked` PostHog event with
+ *   2. Fires a `book_call_email_link_clicked` event to PostHog via the
+ *      public `/i/v0/e/` HTTP endpoint (no posthog-node dependency), with
  *      `distinct_id = email`. Unique-user dedup is handled by PostHog.
  *   3. 302s to Cal.com / Calendly with `?email=` pre-filled and
  *      `utm_medium=email_booking_link` so the funnel column separates
@@ -40,33 +41,29 @@ export function createBookCallRedirectHandler(config: BookCallRedirectConfig) {
     const validEmail = !!email && email.includes("@") && email.length <= 254;
     const siteMatches = querySite === site;
 
-    // If the query is malformed or targeted at a different site, drop to the
-    // bare booking URL so the user still reaches Cal/Calendly.
     if (validEmail && siteMatches) {
       const posthogKey = process.env[posthogKeyEnv];
+      const posthogHost = process.env[posthogHostEnv] || "https://us.i.posthog.com";
       if (posthogKey) {
-        try {
-          // Lazy import so sites that never use this handler don't have to
-          // install posthog-node to satisfy Next.js static analysis.
-          const { PostHog } = await import("posthog-node");
-          const ph = new PostHog(posthogKey, {
-            host: process.env[posthogHostEnv] || "https://us.i.posthog.com",
-            flushAt: 1,
-            flushInterval: 0,
-          });
-          ph.capture({
-            distinctId: email,
+        // Fire via PostHog's public HTTP capture endpoint. Fire-and-forget
+        // with .catch so a PostHog hiccup never delays the 302.
+        fetch(`${posthogHost.replace(/\/+$/, "")}/i/v0/e/`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            api_key: posthogKey,
             event: "book_call_email_link_clicked",
+            distinct_id: email,
+            timestamp: new Date().toISOString(),
             properties: {
               site,
               email,
               $set: { email },
             },
-          });
-          await ph.shutdown();
-        } catch (err) {
-          console.error("[book-call/redirect] posthog capture failed:", err);
-        }
+          }),
+        }).catch((err) => {
+          console.error("[book-call/redirect] posthog fetch failed:", err);
+        });
       }
     }