a looooot

2024-02-22 21:50:30 +01:00
parent 1d800835b8
commit 9c92803c4c
61 changed files with 2689 additions and 681 deletions
--- a/apps/test/src/app/app-dir/page.component.tsx
+++ b/apps/test/src/app/app-dir/page.component.tsx
@@ -0,0 +1,12 @@
+'use client';
+
+export default function TestPage({ triggerEvent }: { triggerEvent: any }) {
+  return (
+    <>
+      <button onClick={() => triggerEvent()}>Event (server action)</button>
+      <button data-event="yolo" data-yolo="123" data-hihi="taaa-daaaaa">
+        Event (data-attributes)
+      </button>
+    </>
+  );
+}
--- a/apps/test/src/app/app-dir/page.tsx
+++ b/apps/test/src/app/app-dir/page.tsx
@@ -0,0 +1,55 @@
+import { OpenpanelProvider, SetProfileId, trackEvent } from '@mixan-test/next';
+import { Mixan as Openpanel } from '@mixan-test/sdk';
+
+const opServer = new Openpanel({
+  clientId: '4c9a28cb-73c3-429f-beaf-4b3fe91352ea',
+  clientSecret: '2701ada9-fcbf-414a-ac94-9511949ee44d',
+  url: 'https://api.openpanel.dev',
+});
+
+export default function Page() {
+  // Track event in server actions
+  async function create() {
+    'use server';
+    opServer.event('some-event', {
+      profileId: '1234',
+    });
+  }
+
+  return (
+    <div>
+      {/* In layout.tsx (app dir) or _app.tsx (pages) */}
+      <OpenpanelProvider
+        clientId="0acce97f-1126-4439-b7ee-5d384e2fc94b"
+        url="https://api.openpanel.dev"
+        trackScreenViews
+        trackAttributes
+        trackOutgoingLinks
+      />
+
+      {/* Provide user id in React Server Components */}
+      <SetProfileId value="1234" />
+
+      <button
+        onClick={() =>
+          trackEvent('some-event', {
+            bar: 'bar',
+            foo: 'foo',
+            revenue: 1000,
+          })
+        }
+      >
+        Track event with method
+      </button>
+
+      <button
+        data-event="some-event"
+        data-bar="bar"
+        data-foo="foo"
+        data-revenue="1000"
+      >
+        Track event with attributes
+      </button>
+    </div>
+  );
+}
--- a/apps/test/src/app/layout.tsx
+++ b/apps/test/src/app/layout.tsx
@@ -0,0 +1,22 @@
+import { OpenpanelProvider } from '@mixan-test/next';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+      </head>
+      <body>
+        <OpenpanelProvider
+          clientId="0acce97f-1126-4439-b7ee-5d384e2fc94b"
+          url="http://localhost:3333"
+          trackScreenViews
+          trackAttributes
+          trackOutgoingLinks
+        />
+        {children}
+      </body>
+    </html>
+  );
+}