prisma · wmadden · Apr 2, 2026 · Mar 31, 2026 · Mar 31, 2026 · Mar 31, 2026
@@ -234,6 +234,12 @@
       "layer": "core",
       "plane": "shared"
     },
+    {
+      "glob": "packages/2-mongo-family/3-tooling/emitter/**",
+      "domain": "mongo",
+      "layer": "tooling",
+      "plane": "migration"
+    },
     {
       "glob": "packages/2-mongo-family/4-orm/**",
       "domain": "mongo",
@@ -322,6 +328,6 @@
   "layerOrder": {
     "framework": ["core", "authoring", "tooling", "runtime-executor"],
     "sql": ["core", "authoring", "tooling", "lanes", "runtime", "adapters", "drivers"],
-    "mongo": ["core", "orm", "runtime"]
+    "mongo": ["core", "tooling", "orm", "runtime"]
   }
 }
@@ -0,0 +1,4 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.3.11/schema.json",
+  "extends": "//"
+}
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Mongo Demo — Task Tracker</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/app/main.tsx"></script>
+  </body>
+</html>
@@ -0,0 +1,41 @@
+{
+  "name": "mongo-demo",
+  "private": true,
+  "type": "module",
+  "engines": {
+    "node": ">=24"
+  },
+  "scripts": {
+    "emit": "tsx scripts/generate-contract.ts",
+    "dev:api": "tsx src/server.ts",
+    "dev": "vite",
+    "test": "vitest run",
+    "typecheck": "tsc --project tsconfig.json --noEmit"
+  },
+  "dependencies": {
+    "@prisma-next/adapter-mongo": "workspace:*",
+    "@prisma-next/contract": "workspace:*",
+    "@prisma-next/driver-mongo": "workspace:*",
+    "@prisma-next/mongo-core": "workspace:*",
+    "@prisma-next/mongo-orm": "workspace:*",
+    "@prisma-next/mongo-runtime": "workspace:*",
+    "mongodb": "catalog:",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
+  },
+  "devDependencies": {
+    "@prisma-next/emitter": "workspace:*",
+    "@prisma-next/mongo-emitter": "workspace:*",
+    "@prisma-next/test-utils": "workspace:*",
+    "@prisma-next/tsconfig": "workspace:*",
+    "@types/node": "catalog:",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react-swc": "^4.2.3",
+    "mongodb-memory-server": "^10.4.0",
+    "tsx": "^4.19.2",
+    "typescript": "catalog:",
+    "vite": "catalog:",
+    "vitest": "catalog:"
+  }
+}
@@ -0,0 +1,84 @@
+import { writeFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import type { ContractIR } from '@prisma-next/contract/ir';
+import type { TypesImportSpec } from '@prisma-next/contract/types';
+import { emit } from '@prisma-next/emitter';
+import { mongoTargetFamilyHook } from '@prisma-next/mongo-emitter';
+
+const blogIR: ContractIR = {
+  schemaVersion: '1',
+  targetFamily: 'mongo',
+  target: 'mongo',
+  roots: {
+    users: 'User',
+    posts: 'Post',
+  },
+  models: {
+    User: {
+      fields: {
+        _id: { codecId: 'mongo/objectId@1', nullable: false },
+        name: { codecId: 'mongo/string@1', nullable: false },
+        email: { codecId: 'mongo/string@1', nullable: false },
+        bio: { codecId: 'mongo/string@1', nullable: true },
+      },
+      relations: {
+        posts: {
+          to: 'Post',
+          cardinality: '1:N',
+          on: { localFields: ['_id'], targetFields: ['authorId'] },
+        },
+      },
+      storage: { collection: 'users' },
+    },
+    Post: {
+      fields: {
+        _id: { codecId: 'mongo/objectId@1', nullable: false },
+        title: { codecId: 'mongo/string@1', nullable: false },
+        content: { codecId: 'mongo/string@1', nullable: false },
+        authorId: { codecId: 'mongo/objectId@1', nullable: false },
+        createdAt: { codecId: 'mongo/date@1', nullable: false },
+      },
+      relations: {
+        author: {
+          to: 'User',
+          cardinality: 'N:1',
+          on: { localFields: ['authorId'], targetFields: ['_id'] },
+        },
+      },
+      storage: { collection: 'posts' },
+    },
+  },
+  relations: {},
+  storage: {
+    collections: {
+      users: {},
+      posts: {},
+    },
+  },
+  extensionPacks: {},
+  capabilities: {},
+  meta: {},
+  sources: {},
+};
+
+const codecTypeImports: TypesImportSpec[] = [
+  {
+    package: '@prisma-next/mongo-core/codec-types',
+    named: 'CodecTypes',
+    alias: 'MongoCodecTypes',
+  },
+];
+
+async function main() {
+  const result = await emit(blogIR, { outputDir: '.', codecTypeImports }, mongoTargetFamilyHook);
+
+  const srcDir = resolve(import.meta.dirname, '..', 'src');
+  writeFileSync(resolve(srcDir, 'contract.json'), result.contractJson + '\n');
+  writeFileSync(resolve(srcDir, 'contract.d.ts'), result.contractDts);
+  console.log('Generated contract.json and contract.d.ts in src/');
+}
+
+main().catch((err) => {
+  console.error('Failed to generate contract:', err);
+  process.exit(1);
+});
@@ -0,0 +1,104 @@
+import { useEffect, useState } from 'react';
+import type { ApiPost, ApiUser } from '../types';
+import { PostList } from './PostList';
+import { UserList } from './UserList';
+
+type Tab = 'posts' | 'users';
+
+export function App() {
+  const [tab, setTab] = useState<Tab>('posts');
+  const [posts, setPosts] = useState<ApiPost[]>([]);
+  const [users, setUsers] = useState<ApiUser[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    async function load() {
+      try {
+        const [postsRes, usersRes] = await Promise.all([fetch('/api/posts'), fetch('/api/users')]);
+
+        if (!postsRes.ok || !usersRes.ok) {
+          throw new Error('API request failed');
+        }
+
+        setPosts((await postsRes.json()) as ApiPost[]);
+        setUsers((await usersRes.json()) as ApiUser[]);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : 'Unknown error');
+      } finally {
+        setLoading(false);
+      }
+    }
+    load();
+  }, []);
+
+  if (loading) {
+    return (
+      <div className="container">
+        <div className="loading">Loading...</div>
+      </div>
+    );
+  }
+
+  if (error) {
+    return (
+      <div className="container">
+        <div className="error">
+          <h2>Error</h2>
+          <p>{error}</p>
+          <p className="hint">
+            Make sure the API server is running: <code>pnpm dev:api</code>
+          </p>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="container">
+      <header>
+        <h1>Blog</h1>
+        <p className="subtitle">Prisma Next — Mongo ORM demo with emitter-generated contract</p>
+      </header>
+
+      <nav className="tabs">
+        <button
+          type="button"
+          className={tab === 'posts' ? 'active' : ''}
+          onClick={() => setTab('posts')}
+        >
+          Posts ({posts.length})
+        </button>
+        <button
+          type="button"
+          className={tab === 'users' ? 'active' : ''}
+          onClick={() => setTab('users')}
+        >
+          Authors ({users.length})
+        </button>
+      </nav>
+
+      <main>{tab === 'posts' ? <PostList posts={posts} /> : <UserList users={users} />}</main>
+
+      <footer>
+        <div className="legend">
+          <h3>Features demonstrated</h3>
+          <ul>
+            <li>
+              <strong>Emitter pipeline</strong> — Contract artifacts generated by{' '}
+              <code>emit(ir, options, mongoTargetFamilyHook)</code>
+            </li>
+            <li>
+              <strong>Reference relations</strong> — Post.author resolves to User via{' '}
+              <code>$lookup</code> on <code>authorId</code>
+            </li>
+            <li>
+              <strong>Contract-first types</strong> — All types derived from the emitted{' '}
+              <code>contract.d.ts</code>
+            </li>
+          </ul>
+        </div>
+      </footer>
+    </div>
+  );
+}
@@ -0,0 +1,29 @@
+import type { ApiPost } from '../types';
+
+function PostCard({ post }: { post: ApiPost }) {
+  return (
+    <div className="card">
+      <div className="card-header">
+        <h3>{post.title}</h3>
+      </div>
+      <p className="card-content">{post.content}</p>
+      <div className="card-meta">
+        {post.author && <span className="badge badge-assignee">By {post.author.name}</span>}
+        <span className="badge">{new Date(post.createdAt).toLocaleDateString()}</span>
+      </div>
+    </div>
+  );
+}
+
+export function PostList({ posts }: { posts: ApiPost[] }) {
+  return (
+    <div className="post-list">
+      <h2>Posts ({posts.length})</h2>
+      <div className="cards">
+        {posts.map((post) => (
+          <PostCard key={post._id} post={post} />
+        ))}
+      </div>
+    </div>
+  );
+}
@@ -0,0 +1,30 @@
+import type { ApiUser } from '../types';
+
+function UserCard({ user }: { user: ApiUser }) {
+  return (
+    <div className="card">
+      <div className="card-header">
+        <div className="avatar">{user.name.charAt(0)}</div>
+        <div>
+          <h3>{user.name}</h3>
+          <p className="email">{user.email}</p>
+        </div>
+      </div>
+      {user.bio && <p className="card-content">{user.bio}</p>}
+      {!user.bio && <p className="no-data">No bio</p>}
+    </div>
+  );
+}
+
+export function UserList({ users }: { users: ApiUser[] }) {
+  return (
+    <div className="user-list">
+      <h2>Authors ({users.length})</h2>
+      <div className="cards">
+        {users.map((user) => (
+          <UserCard key={user._id} user={user} />
+        ))}
+      </div>
+    </div>
+  );
+}
@@ -0,0 +1,13 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { App } from './App';
+import './styles.css';
+
+const el = document.getElementById('root');
+if (!el) throw new Error('Missing #root element');
+
+createRoot(el).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);