Switch nutils to vite build

CLAUDE.md

@@ -0,0 +1,90 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+A TypeScript-first monorepo for working with Notion. Fork of React Notion X with added search API, backlink support, and extended property rendering. Uses the unofficial Notion API.
+
+## Common Commands
+
+```bash
+pnpm i              # Install dependencies
+pnpm build          # Build all packages (turbo + tsup)
+pnpm dev            # Watch mode development
+pnpm test           # Run all tests (vitest)
+pnpm lint           # Lint and fix TS/TSX files
+pnpm format         # Format with Prettier
+pnpm clean          # Clean build artifacts
+```
+
+### Running a Single Test
+
+```bash
+pnpm vitest run packages/nutils/src/parse-page-id.test.ts
+```
+
+### CLI Usage
+
+```bash
+pnpm tsx packages/cli/src/main.ts export -p <PAGE_ID> --raw -r -f
+```
+
+## Architecture
+
+### Package Dependency Graph
+
+```
+ntypes (types) ─────────┬──────────────────────┐
+                        │                      │
+                        ▼                      ▼
+              nutils (utilities)        ncompat (compat layer)
+                        │
+          ┌─────────────┼─────────────┐
+          ▼             ▼             ▼
+      nclient        nreact          cli
+      (API)        (React)       (exporter)
+```
+
+### Packages
+
+| Package            | Purpose                                       | Build Target         |
+| ------------------ | --------------------------------------------- | -------------------- |
+| `@texonom/ntypes`  | Shared TypeScript type definitions            | node14/ESM           |
+| `@texonom/nutils`  | Isomorphic utility functions (Node & browser) | es2015/browser/ESM   |
+| `@texonom/nclient` | Unofficial Notion API client                  | node14/ESM           |
+| `@texonom/ncompat` | Bridge to official @notionhq/client           | node14/ESM           |
+| `@texonom/nreact`  | React renderer components                     | ESM (React 16+ peer) |
+| `@texonom/cli`     | CLI exporter using Clipanion                  | Node binary          |
+
+### Build Order (Turbo)
+
+Turbo respects dependencies defined in `turbo.json`:
+
+1. `ntypes` builds first (no dependencies)
+2. `nutils`, `nclient`, `ncompat` build next (depend on ntypes)
+3. `nreact` builds (depends on ntypes + nutils)
+4. `cli` builds last (depends on nclient)
+
+## Code Style
+
+- ESM-only output (no CommonJS)
+- Single quotes, no semicolons (Prettier)
+- camelCase for variables, PascalCase for types
+- Pre-commit hook runs `pnpm format && pnpm lint`
+
+## Key Files
+
+- `turbo.json` - Build task dependencies
+- `tsconfig.base.json` - Shared TypeScript config
+- Each package has `tsup.config.ts` for bundling
+
+## Testing
+
+Tests use Vitest. Test files are colocated with source:
+
+- `packages/nutils/src/*.test.ts`
+- `packages/nclient/src/notion-api.test.ts`
+- `packages/cli/src/notion/export.test.ts`
+
+Environment variable `NOTION_TOKEN` is needed for API tests.

package.json

@@ -43,7 +43,8 @@
     "tsx": "^4.21.0",
     "turbo": "^2.8.0",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
+"vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.0",
     "vitest": "^4.0.18"
   },
   "standard-version": {

packages/cli/package.json

@@ -21,8 +21,8 @@
     "notion": "./build/src/main.js"
   },
   "scripts": {
-    "build": "tsc && tsup",
-    "watch": "tsup --watch --silent --onSuccess 'echo build successful'",
+    "build": "tsc && vite build",
+    "watch": "vite build --watch --mode development",
     "test": "vitest --run",
     "prerelease": "standard-version --skip.changelog --prerelease",
     "release": "standard-version --release-as",

packages/cli/vite.config.ts

@@ -0,0 +1,30 @@
+import { defineConfig } from 'vite'
+import dts from 'vite-plugin-dts'
+import pkg from './package.json' with { type: 'json' }
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: 'src/main.ts',
+      formats: ['es'],
+      fileName: () => 'main.js'
+    },
+    outDir: 'build/src',
+    target: 'node16',
+    sourcemap: true,
+    minify: true,
+    rollupOptions: {
+      external: [
+        ...Object.keys(pkg.dependencies || {}),
+        ...Object.keys(pkg.peerDependencies || {}),
+        'fs',
+        'fs/promises',
+        'path',
+        'stream',
+        'util'
+      ]
+    }
+  },
+  plugins: [dts({ tsconfigPath: 'tsconfig.json', outDir: 'build/src' })]
+})
+

packages/nclient/package.json

@@ -17,8 +17,8 @@
     "node": ">=22.22.0"
   },
   "scripts": {
-    "build": "tsc && tsup",
-    "watch": "tsup --watch --silent --onSuccess 'echo build successful'",
+    "build": "tsc && vite build",
+    "watch": "vite build --watch --mode development",
     "test": "vitest --run",
     "prerelease": "standard-version --skip.changelog --prerelease",
     "release": "standard-version --release-as",

packages/nclient/vite.config.ts

@@ -0,0 +1,21 @@
+import { defineConfig } from 'vite'
+import dts from 'vite-plugin-dts'
+import pkg from './package.json' with { type: 'json' }
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: 'src/index.ts',
+      formats: ['es'],
+      fileName: () => 'index.js'
+    },
+    outDir: 'build',
+    target: 'es2015',
+    sourcemap: true,
+    minify: true,
+    rollupOptions: {
+      external: [...Object.keys(pkg.dependencies || {}), ...Object.keys(pkg.peerDependencies || {})]
+    }
+  },
+  plugins: [dts({ tsconfigPath: 'tsconfig.json', outDir: 'build' })]
+})

packages/ncompat/package.json

@@ -17,8 +17,8 @@
     "node": ">=22.22.0"
   },
   "scripts": {
-    "build": "tsc && tsup",
-    "watch": "tsup --watch --silent --onSuccess 'echo build successful'",
+    "build": "tsc && vite build",
+    "watch": "vite build --watch --mode development",
     "prerelease": "standard-version --skip.changelog --prerelease",
     "release": "standard-version --release-as",
     "pu": "pnpm publish"

packages/ncompat/vite.config.ts

@@ -0,0 +1,21 @@
+import { defineConfig } from 'vite'
+import dts from 'vite-plugin-dts'
+import pkg from './package.json' with { type: 'json' }
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: 'src/index.ts',
+      formats: ['es'],
+      fileName: () => 'index.js'
+    },
+    outDir: 'build',
+    target: 'es2015',
+    sourcemap: true,
+    minify: true,
+    rollupOptions: {
+      external: [...Object.keys(pkg.dependencies || {}), ...Object.keys(pkg.peerDependencies || {})]
+    }
+  },
+  plugins: [dts({ tsconfigPath: 'tsconfig.json', outDir: 'build' })]
+})

packages/nreact/package.json

@@ -18,8 +18,8 @@
     "node": ">=22.22.0"
   },
   "scripts": {
-    "build": "tsc && tsup",
-    "watch": "tsup --watch --silent --onSuccess 'echo build successful'",
+    "build": "tsc && vite build",
+    "watch": "vite build --watch --mode development",
     "prerelease": "standard-version --skip.changelog --prerelease",
     "release": "standard-version --release-as",
     "pu": "pnpm publish"

packages/nreact/src/components/search-dialog.tsx

@@ -1,13 +1,12 @@
 import React from 'react'
-import { getBlockParentPage, getBlockTitle } from '@texonom/nutils'
-
 import { NotionContextConsumer, NotionContextProvider } from '../context'
 import { ClearIcon } from '../icons/clear-icon'
 import { LoadingIcon } from '../icons/loading-icon'
 import { SearchIcon } from '../icons/search-icon'
 import { PageTitle } from './page-title'
 
 import type { SearchParams, SearchResults, APIError } from '@texonom/ntypes'
+import { getBlockTitle, getBlockParentPage } from '@texonom/nutils'
 // TODO: modal.default.setAppElement('.notion-viewport')
 
 // simple debounce utility so we only search after the user stops typing

packages/nreact/src/context.tsx

@@ -188,11 +188,9 @@ export const NotionContextProvider: React.FC<PartialNotionContext> = ({
     if (components.nextLink) {
       const nextLink = wrapNextLink(components.nextLink)
       components.nextLink = nextLink
-
       if (!components.PageLink) components.PageLink = nextLink
       if (!components.Link) components.Link = nextLink
     }
-
     // ensure the user can't override default components with falsy values
     // since it would result in very difficult-to-debug react errors
     for (const key of Object.keys(components)) if (!components[key]) delete components[key]

packages/nreact/vite.config.ts

@@ -0,0 +1,21 @@
+import { defineConfig } from 'vite'
+import dts from 'vite-plugin-dts'
+import pkg from './package.json' with { type: 'json' }
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: 'src/index.tsx',
+      formats: ['es'],
+      fileName: () => 'index.js'
+    },
+    outDir: 'build',
+    target: 'es2015',
+    sourcemap: true,
+    minify: true,
+    rollupOptions: {
+      external: [...Object.keys(pkg.dependencies || {}), ...Object.keys(pkg.peerDependencies || {})]
+    }
+  },
+  plugins: [dts({ tsconfigPath: 'tsconfig.json', outDir: 'build' })]
+})

packages/ntypes/package.json

@@ -14,14 +14,18 @@
     "build"
   ],
   "scripts": {
-    "build": "tsc && tsup",
+    "build": "tsc && vite build",
     "prerelease": "standard-version --skip.changelog --prerelease",
     "release": "standard-version --release-as",
-    "pu": "pnpm publish"
+    "pu": "pnpm publish",
+    "watch": "vite build --watch --mode development"
   },
   "engines": {
     "node": ">=22.22.0"
   },
+  "devDependencies": {
+    "vite-plugin-dts": "^4.5.0"
+  },
   "standard-version": {
     "skip": {
       "commit": true,