feat: dashboard v2, esm, upgrades (#211)

* esm * wip * wip * wip * wip * wip * wip * subscription notice * wip * wip * wip * fix envs * fix: update docker build * fix * esm/types * delete dashboard :D * add patches to dockerfiles * update packages + catalogs + ts * wip * remove native libs * ts * improvements * fix redirects and fetching session * try fix favicon * fixes * fix * order and resize reportds within a dashboard * improvements * wip * added userjot to dashboard * fix * add op * wip * different cache key * improve date picker * fix table * event details loading * redo onboarding completely * fix login * fix * fix * extend session, billing and improve bars * fix * reduce price on 10M
2025-10-16 12:27:44 +02:00
parent 436e81ecc9
commit 81a7e5d62e
741 changed files with 32695 additions and 16996 deletions
--- a/apps/start/src/components/onboarding/connect-backend.tsx
+++ b/apps/start/src/components/onboarding/connect-backend.tsx
@@ -0,0 +1,86 @@
+import { pushModal } from '@/modals';
+import { ServerIcon } from 'lucide-react';
+
+import Syntax from '@/components/syntax';
+import { useAppContext } from '@/hooks/use-app-context';
+import type { IServiceClient } from '@openpanel/db';
+import { frameworks } from '@openpanel/sdk-info';
+
+type Props = {
+  client: IServiceClient | null;
+};
+
+const ConnectBackend = ({ client }: Props) => {
+  const context = useAppContext();
+  return (
+    <>
+      <div>
+        <div>
+          <div className="flex items-center gap-2 text-xl font-bold capitalize mb-1">
+            <ServerIcon className="size-4" />
+            Backend
+          </div>
+          <div className="text-muted-foreground mb-2">
+            Try with a basic curl command
+          </div>
+        </div>
+
+        <Syntax
+          language="bash"
+          className="border"
+          code={`curl -X POST ${context.apiUrl}/track \\
+-H "Content-Type: application/json" \\
+-H "openpanel-client-id: ${client?.id}" \\
+-H "openpanel-client-secret: ${client?.secret}" \\
+-d '{
+  "type": "track",
+  "payload": {
+    "name": "test_event",
+    "properties": {
+      "test": "property"
+    }
+  }
+}'`}
+        />
+      </div>
+      <div>
+        <p className="text-muted-foreground mb-2">
+          Pick a framework below to get started.
+        </p>
+        <div className="grid gap-4 md:grid-cols-2">
+          {frameworks
+            .filter((framework) => framework.type.includes('backend'))
+            .map((framework) => (
+              <button
+                type="button"
+                onClick={() =>
+                  pushModal('Instructions', {
+                    framework,
+                    client,
+                  })
+                }
+                className="flex items-center gap-4 rounded-md border p-2 py-2 text-left"
+                key={framework.name}
+              >
+                <div className="h-10 w-10 rounded-md bg-def-200 p-2">
+                  <framework.IconComponent className="h-full w-full" />
+                </div>
+                <div className="flex-1 font-semibold">{framework.name}</div>
+              </button>
+            ))}
+        </div>
+        <p className="mt-2 text-sm text-muted-foreground">
+          Missing a framework?{' '}
+          <a
+            href="mailto:hello@openpanel.dev"
+            className="text-foreground underline"
+          >
+            Let us know!
+          </a>
+        </p>
+      </div>
+    </>
+  );
+};
+
+export default ConnectBackend;