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-app.tsx
+++ b/apps/start/src/components/onboarding/connect-app.tsx
@@ -0,0 +1,57 @@
+import { pushModal } from '@/modals';
+import { SmartphoneIcon } from 'lucide-react';
+
+import type { IServiceClient } from '@openpanel/db';
+import { frameworks } from '@openpanel/sdk-info';
+
+type Props = {
+  client: IServiceClient | null;
+};
+
+const ConnectApp = ({ client }: Props) => {
+  return (
+    <div>
+      <div className="flex items-center gap-2 text-xl font-bold capitalize mb-1">
+        <SmartphoneIcon className="size-4" />
+        App
+      </div>
+      <div className="text-muted-foreground mb-2">
+        Pick a framework below to get started.
+      </div>
+
+      <div className="mt-4 grid gap-4 md:grid-cols-2">
+        {frameworks
+          .filter((framework) => framework.type.includes('app'))
+          .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 ConnectApp;