+>(({ className, ...props }, ref) => (
+ | [role=checkbox]]:translate-y-[2px]",
+ className,
+ )}
+ {...props}
+ />
+));
+TableCell.displayName = "TableCell";
+
+const TableCaption = React.forwardRef<
+ HTMLTableCaptionElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+));
+TableCaption.displayName = "TableCaption";
+
+export {
+ Table,
+ TableHeader,
+ TableBody,
+ TableFooter,
+ TableHead,
+ TableRow,
+ TableCell,
+ TableCaption,
+};
diff --git a/aidbox-forms-smart-launch-2/src/components/ui/tooltip.tsx b/aidbox-forms-smart-launch-2/src/components/ui/tooltip.tsx
new file mode 100644
index 0000000..3e3f0be
--- /dev/null
+++ b/aidbox-forms-smart-launch-2/src/components/ui/tooltip.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+
+import { cn } from "@/lib/utils";
+
+const TooltipProvider = TooltipPrimitive.Provider;
+
+const Tooltip = TooltipPrimitive.Root;
+
+const TooltipTrigger = TooltipPrimitive.Trigger;
+
+const TooltipContent = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, sideOffset = 4, ...props }, ref) => (
+
+
+
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
diff --git a/aidbox-forms-smart-launch-2/src/hooks/use-mobile.tsx b/aidbox-forms-smart-launch-2/src/hooks/use-mobile.tsx
new file mode 100644
index 0000000..a93d583
--- /dev/null
+++ b/aidbox-forms-smart-launch-2/src/hooks/use-mobile.tsx
@@ -0,0 +1,21 @@
+import * as React from "react";
+
+const MOBILE_BREAKPOINT = 768;
+
+export function useIsMobile() {
+ const [isMobile, setIsMobile] = React.useState(
+ undefined,
+ );
+
+ React.useEffect(() => {
+ const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+ const onChange = () => {
+ setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+ };
+ mql.addEventListener("change", onChange);
+ setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+ return () => mql.removeEventListener("change", onChange);
+ }, []);
+
+ return !!isMobile;
+}
diff --git a/aidbox-forms-smart-launch-2/src/lib/aidbox.ts b/aidbox-forms-smart-launch-2/src/lib/aidbox.ts
new file mode 100644
index 0000000..6ca601c
--- /dev/null
+++ b/aidbox-forms-smart-launch-2/src/lib/aidbox.ts
@@ -0,0 +1,104 @@
+import ky from "ky";
+import { Bundle, Patient, Practitioner } from "fhir/r4";
+
+interface Meta {
+ lastUpdated: string;
+ createdAt: string;
+ versionId: string;
+}
+
+interface Client {
+ id: string;
+ resourceType: "Client";
+ meta: Meta;
+ secret: string;
+ grant_types: string[];
+ auth: {
+ authorization_code: {
+ redirect_uri: string[];
+ };
+ };
+ _source: string;
+ first_party: boolean;
+}
+
+interface CommonSearchParams {
+ _count?: number;
+ _page?: number;
+}
+
+interface PatientSearchParams extends CommonSearchParams {
+ name?: string;
+ given?: string;
+ family?: string;
+ gender?: "male" | "female" | "other" | "unknown";
+}
+
+interface GetPractitionersParams extends CommonSearchParams {
+ name?: string;
+ gender?: string;
+}
+
+interface PractitionerBundle {
+ entry: { resource: Practitioner }[];
+ total: number;
+}
+
+export const api = ky.extend({
+ prefixUrl: process.env.AIDBOX_BASE_URL,
+ headers: {
+ Authorization:
+ "Basic " +
+ btoa(
+ `${process.env.AIDBOX_CLIENT_ID}:${process.env.AIDBOX_CLIENT_SECRET}`,
+ ),
+ },
+});
+
+export async function getClients() {
+ return api.get("fhir/Client").json>();
+}
+
+export function getPatients(params?: PatientSearchParams) {
+ const searchParams = new URLSearchParams();
+ if (params?._count) {
+ searchParams.set("_count", params._count.toString());
+ }
+ if (params?._page) {
+ searchParams.set("_page", params._page.toString());
+ }
+ if (params?.name) {
+ searchParams.set("name", params.name);
+ }
+ if (params?.given) {
+ searchParams.set("given", params.given);
+ }
+ if (params?.family) {
+ searchParams.set("family", params.family);
+ }
+ if (params?.gender) {
+ searchParams.set("gender", params.gender);
+ }
+ return api
+ .get(`fhir/Patient?${searchParams.toString()}`)
+ .json>();
+}
+
+export async function getPractitioners(params: GetPractitionersParams = {}) {
+ const searchParams = new URLSearchParams();
+ if (params?._count) {
+ searchParams.set("_count", params._count.toString());
+ }
+ if (params?._page) {
+ searchParams.set("_page", params._page.toString());
+ }
+ if (params?.name) {
+ searchParams.set("name", params.name);
+ }
+ if (params?.gender) {
+ searchParams.set("gender", params.gender);
+ }
+ return api
+ .get(`fhir/Practitioner?${searchParams.toString()}`)
+ .json();
+}
diff --git a/aidbox-forms-smart-launch-2/src/lib/constants.ts b/aidbox-forms-smart-launch-2/src/lib/constants.ts
new file mode 100644
index 0000000..8738696
--- /dev/null
+++ b/aidbox-forms-smart-launch-2/src/lib/constants.ts
@@ -0,0 +1,15 @@
+export const PAGE_SIZES = {
+ DEFAULT: 10,
+ OPTIONS: [10, 25, 50] as const,
+} as const;
+
+export type ValidPageSize = (typeof PAGE_SIZES.OPTIONS)[number];
+
+export const GENDER_OPTIONS = [
+ { value: "male", label: "Male" },
+ { value: "female", label: "Female" },
+ { value: "other", label: "Other" },
+ { value: "unknown", label: "Unknown" },
+] as const;
+
+export type ValidGender = (typeof GENDER_OPTIONS)[number]["value"];
diff --git a/aidbox-forms-smart-launch-2/src/lib/session.ts b/aidbox-forms-smart-launch-2/src/lib/session.ts
new file mode 100644
index 0000000..36eca8f
--- /dev/null
+++ b/aidbox-forms-smart-launch-2/src/lib/session.ts
@@ -0,0 +1,16 @@
+import { getIronSession } from "iron-session";
+import { NextApiRequest, NextApiResponse } from "next";
+import assert from "node:assert";
+
+export async function getSession(
+ request: NextApiRequest,
+ response: NextApiResponse,
+) {
+ const password = process.env.SESSION_PASSWORD;
+ assert(password, "Environment variable SESSION_PASSWORD is required");
+
+ return await getIronSession(request, response, {
+ password,
+ cookieName: "iron-session",
+ });
+}
diff --git a/aidbox-forms-smart-launch-2/src/lib/smart.ts b/aidbox-forms-smart-launch-2/src/lib/smart.ts
new file mode 100644
index 0000000..b9819d7
--- /dev/null
+++ b/aidbox-forms-smart-launch-2/src/lib/smart.ts
@@ -0,0 +1,58 @@
+import { IronSession } from "iron-session";
+import { NextApiRequest, NextApiResponse } from "next";
+import BaseServerStorage from "fhirclient/lib/storage/BrowserStorage";
+import BaseNodeAdapter from "fhirclient/lib/adapters/NodeAdapter";
+import { getSession } from "@/lib/session";
+
+class ServerStorage extends BaseServerStorage {
+ constructor(private session: IronSession) {
+ super();
+ }
+
+ async get(key: string) {
+ return this.session[key];
+ }
+
+ async set(key: string, value: any) {
+ this.session[key] = value;
+ return value;
+ }
+
+ async unset(key: string) {
+ if (key in this.session) {
+ delete this.session[key];
+ return true;
+ }
+ return false;
+ }
+}
+
+class NodeAdapter extends BaseNodeAdapter {
+ constructor(
+ request: NextApiRequest,
+ response: NextApiResponse,
+ private session: IronSession,
+ ) {
+ super({
+ request,
+ response,
+ storage: new ServerStorage(session),
+ });
+ }
+
+ async redirect(location: string) {
+ await this.session.save();
+ super.redirect(location);
+ }
+}
+
+export async function getSmartApi(
+ request: NextApiRequest,
+ response: NextApiResponse,
+) {
+ return new NodeAdapter(
+ request,
+ response,
+ await getSession(request, response),
+ ).getSmartApi();
+}
diff --git a/aidbox-forms-smart-launch-2/src/lib/utils.ts b/aidbox-forms-smart-launch-2/src/lib/utils.ts
new file mode 100644
index 0000000..365058c
--- /dev/null
+++ b/aidbox-forms-smart-launch-2/src/lib/utils.ts
@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs));
+}
diff --git a/aidbox-forms-smart-launch-2/src/pages/api/launch/authorize.ts b/aidbox-forms-smart-launch-2/src/pages/api/launch/authorize.ts
new file mode 100644
index 0000000..2e5dfce
--- /dev/null
+++ b/aidbox-forms-smart-launch-2/src/pages/api/launch/authorize.ts
@@ -0,0 +1,14 @@
+import { NextApiRequest, NextApiResponse } from "next";
+import { getSmartApi } from "@/lib/smart";
+
+export default async function handler(
+ req: NextApiRequest,
+ res: NextApiResponse,
+) {
+ const smart = await getSmartApi(req, res);
+
+ await smart.authorize({
+ clientId: "aidbox-forms",
+ redirectUri: "http://localhost:3000/api/launch/ready",
+ });
+}
diff --git a/aidbox-forms-smart-launch-2/src/pages/api/launch/ready.ts b/aidbox-forms-smart-launch-2/src/pages/api/launch/ready.ts
new file mode 100644
index 0000000..2d98c90
--- /dev/null
+++ b/aidbox-forms-smart-launch-2/src/pages/api/launch/ready.ts
@@ -0,0 +1,12 @@
+import { NextApiRequest, NextApiResponse } from "next";
+import { getSmartApi } from "@/lib/smart";
+
+export default async function handler(
+ req: NextApiRequest,
+ res: NextApiResponse,
+) {
+ const smart = await getSmartApi(req, res);
+ await smart.ready();
+
+ res.redirect(302, "/api/launch/test");
+}
diff --git a/aidbox-forms-smart-launch-2/src/pages/api/launch/test.ts b/aidbox-forms-smart-launch-2/src/pages/api/launch/test.ts
new file mode 100644
index 0000000..e44e0ef
--- /dev/null
+++ b/aidbox-forms-smart-launch-2/src/pages/api/launch/test.ts
@@ -0,0 +1,15 @@
+import { NextApiRequest, NextApiResponse } from "next";
+import { getSmartApi } from "@/lib/smart";
+import { Bundle, Patient } from "fhir/r4";
+
+export default async function handler(
+ req: NextApiRequest,
+ res: NextApiResponse,
+) {
+ const smart = await getSmartApi(req, res);
+ const client = await smart.ready();
+
+ const patient = await client.request>("Patient");
+
+ res.status(200).json({ patient: client.state });
+}
diff --git a/aidbox-forms-smart-launch-2/tailwind.config.ts b/aidbox-forms-smart-launch-2/tailwind.config.ts
new file mode 100644
index 0000000..6113ca2
--- /dev/null
+++ b/aidbox-forms-smart-launch-2/tailwind.config.ts
@@ -0,0 +1,72 @@
+import type { Config } from "tailwindcss";
+
+export default {
+ darkMode: ["class"],
+ content: [
+ "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+ ],
+ theme: {
+ extend: {
+ colors: {
+ background: 'hsl(var(--background))',
+ foreground: 'hsl(var(--foreground))',
+ card: {
+ DEFAULT: 'hsl(var(--card))',
+ foreground: 'hsl(var(--card-foreground))'
+ },
+ popover: {
+ DEFAULT: 'hsl(var(--popover))',
+ foreground: 'hsl(var(--popover-foreground))'
+ },
+ primary: {
+ DEFAULT: 'hsl(var(--primary))',
+ foreground: 'hsl(var(--primary-foreground))'
+ },
+ secondary: {
+ DEFAULT: 'hsl(var(--secondary))',
+ foreground: 'hsl(var(--secondary-foreground))'
+ },
+ muted: {
+ DEFAULT: 'hsl(var(--muted))',
+ foreground: 'hsl(var(--muted-foreground))'
+ },
+ accent: {
+ DEFAULT: 'hsl(var(--accent))',
+ foreground: 'hsl(var(--accent-foreground))'
+ },
+ destructive: {
+ DEFAULT: 'hsl(var(--destructive))',
+ foreground: 'hsl(var(--destructive-foreground))'
+ },
+ border: 'hsl(var(--border))',
+ input: 'hsl(var(--input))',
+ ring: 'hsl(var(--ring))',
+ chart: {
+ '1': 'hsl(var(--chart-1))',
+ '2': 'hsl(var(--chart-2))',
+ '3': 'hsl(var(--chart-3))',
+ '4': 'hsl(var(--chart-4))',
+ '5': 'hsl(var(--chart-5))'
+ },
+ sidebar: {
+ DEFAULT: 'hsl(var(--sidebar-background))',
+ foreground: 'hsl(var(--sidebar-foreground))',
+ primary: 'hsl(var(--sidebar-primary))',
+ 'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
+ accent: 'hsl(var(--sidebar-accent))',
+ 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
+ border: 'hsl(var(--sidebar-border))',
+ ring: 'hsl(var(--sidebar-ring))'
+ }
+ },
+ borderRadius: {
+ lg: 'var(--radius)',
+ md: 'calc(var(--radius) - 2px)',
+ sm: 'calc(var(--radius) - 4px)'
+ }
+ }
+ },
+ plugins: [require("tailwindcss-animate")],
+} satisfies Config;
diff --git a/aidbox-forms-smart-launch-2/tsconfig.json b/aidbox-forms-smart-launch-2/tsconfig.json
new file mode 100644
index 0000000..c133409
--- /dev/null
+++ b/aidbox-forms-smart-launch-2/tsconfig.json
@@ -0,0 +1,27 @@
+{
+ "compilerOptions": {
+ "target": "ES2017",
+ "lib": ["dom", "dom.iterable", "esnext"],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "strict": true,
+ "noEmit": true,
+ "esModuleInterop": true,
+ "module": "esnext",
+ "moduleResolution": "bundler",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "preserve",
+ "incremental": true,
+ "plugins": [
+ {
+ "name": "next"
+ }
+ ],
+ "paths": {
+ "@/*": ["./src/*"]
+ }
+ },
+ "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+ "exclude": ["node_modules"]
+}
|