Build core domain: orgs, users, jobs, locate points, auth, live map

Replaces the device-events demo with the actual product: - Prisma + PostGIS data layer (postgis/postgis:17-3.5). Lat/lng decimals are the source of truth; a generated geometry(Point,4326) column with a GIST index backs bbox queries. Migrations apply on container boot. - JWT auth (bcryptjs + httpOnly cookie) with public registration that creates an org; per-org roles (ORG_ADMIN/MEMBER/VIEWER) enforced by guards on all /orgs/:orgId routes. - Scoped API keys (X-API-Key, sha256-hashed, shown once) for programmatic access, manageable by org admins. - REST API: jobs/tickets CRUD with filters, points query (time range, recordedAt cursor, bbox), members, devices, api-keys. - MQTT ingest: devices publish to devices/{username}/points and /jobs; unknown tickets auto-create stub jobs (source=DEVICE); every message is raw-logged to device_events; acks on devices/{username}/jobs/ack. Broker gets a dedicated backend user; testuser is now a plain device. - Realtime: plain-WS gateway at /api/ws (socket.io removed) with cookie auth and per-job channels feeding the map live. - Next.js frontend: login/register, jobs list with filters, job detail with live Google map (APWA utility colors, polylines per run) behind a provider-neutral JobMap abstraction for a future Esri swap, and settings pages for members/devices/api-keys. - Seed: Umagul org, admin user, testuser device, demo job with RTK points. Sample publisher updated to the new topic contract. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-14 12:43:25 +00:00
parent cbe0cc6da2
commit eae4075265
79 changed files with 10215 additions and 494 deletions
--- a/web/pages/register.tsx
+++ b/web/pages/register.tsx
@@ -0,0 +1,78 @@
+import Head from 'next/head';
+import Link from 'next/link';
+import { useRouter } from 'next/router';
+import { FormEvent, useState } from 'react';
+import { useAuth } from '../lib/auth-context';
+
+export default function RegisterPage() {
+  const { register } = useAuth();
+  const router = useRouter();
+  const [form, setForm] = useState({ name: '', email: '', password: '', orgName: '' });
+  const [error, setError] = useState<string | null>(null);
+  const [submitting, setSubmitting] = useState(false);
+
+  const set = (key: keyof typeof form) => (e: { target: { value: string } }) =>
+    setForm((f) => ({ ...f, [key]: e.target.value }));
+
+  const onSubmit = async (e: FormEvent) => {
+    e.preventDefault();
+    setError(null);
+    setSubmitting(true);
+    try {
+      await register(form);
+      router.push('/');
+    } catch (err: any) {
+      setError(err.message || 'Registration failed');
+    } finally {
+      setSubmitting(false);
+    }
+  };
+
+  return (
+    <main style={{ fontFamily: 'sans-serif', maxWidth: 360, margin: '10vh auto', padding: '0 1rem' }}>
+      <Head>
+        <title>Register · UlHub</title>
+      </Head>
+      <h1>Create your account</h1>
+      <p style={{ color: '#666' }}>Registering creates a new organization with you as its admin.</p>
+      <form onSubmit={onSubmit} style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem' }}>
+        <label>
+          Your name
+          <input value={form.name} onChange={set('name')} required style={{ width: '100%', padding: '0.5rem' }} />
+        </label>
+        <label>
+          Email
+          <input
+            type="email"
+            value={form.email}
+            onChange={set('email')}
+            required
+            style={{ width: '100%', padding: '0.5rem' }}
+          />
+        </label>
+        <label>
+          Password (min 8 chars)
+          <input
+            type="password"
+            value={form.password}
+            onChange={set('password')}
+            required
+            minLength={8}
+            style={{ width: '100%', padding: '0.5rem' }}
+          />
+        </label>
+        <label>
+          Organization name
+          <input value={form.orgName} onChange={set('orgName')} required style={{ width: '100%', padding: '0.5rem' }} />
+        </label>
+        {error && <p style={{ color: '#c62828', margin: 0 }}>{error}</p>}
+        <button type="submit" disabled={submitting} style={{ padding: '0.6rem' }}>
+          {submitting ? 'Creating…' : 'Create account'}
+        </button>
+      </form>
+      <p>
+        Already registered? <Link href="/login">Log in</Link>
+      </p>
+    </main>
+  );
+}