Cookbook: build a Visit feature in your EMR

"use server";

import { ohm } from "@/server/ohm";
import { db } from "@/server/db";
import { auth } from "@/server/auth";

export async function recordAndExtract(formData: FormData) {
  const session = await auth();        // your existing auth
  const file = formData.get("audio") as Blob;
  const visitId = formData.get("visitId") as string;

  // 1. OHM does transcription + structured extraction in one call.
  const { transcript, data } = await ohm.audio.extract({
    apiSlug: "visit-extract",
    file,
    inputs: {
      visitId,
      doctorId: session.user.id,
      patientId: (await db.visit.findUnique({ where: { id: visitId } }))!.patientId,
    },
  });

  // 2. Save into YOUR DB. OHM never persists this; the only thing OHM kept
  //    is a metadata row (latency, status, token count) for the audit log.
  await db.visit.update({
    where: { id: visitId, doctorId: session.user.id },
    data: {
      transcript,
      vitals:       data.vitals,
      diagnoses:    data.diagnoses,
      medications:  data.medications,
      assessment:   data.assessment,
      plan:         data.plan,
      // ...whatever fields you declared in the Studio Builder tab
      structuredAt: new Date(),
    },
  });
}

"use client";
import { useRecorder } from "@ohm_studio/sdk/react";

export function VisitRecorder({ visitId }: { visitId: string }) {
  const r = useRecorder({
    apiSlug: "visit-extract",          // auto-extract on stop
    extractInputs: { visitId },
    silenceAutoStop: { ms: 6000 },     // stop after 6s of silence
    maxDurationMs: 15 * 60_000,        // hard cap at 15 min
    wakeLock: true,                    // keep tablet screen awake
  });

  return (
    <div className="space-y-2">
      <button
        onClick={r.isRecording ? r.stop : r.start}
        disabled={r.extracting}
        className={`px-6 py-3 rounded-lg text-white ${
          r.extracting ? "bg-gray-500" :
          r.isRecording ? "bg-red-600" : "bg-emerald-700"
        }`}
      >
        {r.extracting   ? "Extracting…" :
         r.isRecording  ? `Stop (${r.durationSec.toFixed(0)}s)` :
                          "Record consult"}
      </button>

      {/* simple VU meter */}
      {r.isRecording && (
        <div className="h-2 bg-gray-200 rounded">
          <div
            className="h-full bg-emerald-500 rounded transition-all"
            style={{ width: `${Math.min(100, r.level * 400)}%` }}
          />
        </div>
      )}

      {r.transcript && <pre className="text-sm">{r.transcript}</pre>}
      {r.error      && <p className="text-red-600">{r.error.message}</p>}
    </div>
  );
}

"use client";
import { OHM } from "@ohm_studio/sdk";
import { OhmProvider } from "@ohm_studio/sdk/react";
const ohm = new OHM(process.env.NEXT_PUBLIC_OHM_TEST_KEY!);  // test mode in browser
// in production, use a server proxy — see /security/rn-key-handling

import { ExpoRecorder, OHM } from "@ohm_studio/sdk-react-native";
import { Audio } from "expo-av";

// Test-mode key for local dev. In production, hit your own backend.
const ohm = new OHM({
  apiKey: TEST_KEY,
  acknowledgeBundledKey: true,
});

export async function recordVisit(visitId: string, doctorId: string) {
  const recorder = new ExpoRecorder(Audio);
  await recorder.start();
  // …show "Recording" UI; user taps Stop…
  const file = await recorder.stop();

  const { transcript, data } = await ohm.audio.extract({
    apiSlug: "visit-extract",
    file,
    inputs: { visitId, doctorId },
  });

  // Send to YOUR backend to persist
  await fetch("https://your-emr.com/api/visits/" + visitId, {
    method: "PATCH",
    headers: {
      "Content-Type": "application/json",
      Authorization: "Bearer " + sessionToken,
    },
    body: JSON.stringify({ transcript, ...data }),
  });
}