fix(typesync | publish): tsup and package.json updates for publishing

.gitignore

@@ -68,4 +68,7 @@ typings/
 *.tsbuildinfo
 next-env.d.ts
 
-.DS_Store
+.DS_Store
+
+# tanstack router output
+.tanstack

Dockerfile

@@ -28,10 +28,10 @@ ENV DATABASE_URL="file:./dev.db"
 RUN \
   # TODO: This initalizes the database. But we should probably remove this later.
   pnpm --filter server prisma migrate reset --force && \
-  # Build the monorepo packages
-  pnpm build && \
   # Generate the prisma client
   pnpm --filter server prisma generate && \
+  # Build the monorepo packages
+  pnpm build && \
   # Build the server.
   pnpm --filter server build && \
   # Create an isolated deployment for the server.

apps/server/tsup.config.ts

@@ -5,4 +5,5 @@ export default defineConfig(() => ({
   format: ['esm'],
   clean: true,
   sourcemap: true,
+  external: ['../prisma/generated/client'],
 }));

apps/typesync/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@graphprotocol/typesync-cli",
-  "version": "0.0.0-alpha",
+  "version": "0.0.0-alpha.6",
   "type": "module",
   "license": "MIT",
   "description": "CLI toolchain to view existing types, select, pick, extend to create schemas and generate a @graphprotocol/hypergraph schema.",
   "repository": {
     "type": "git",
-    "url": "https://github.com/graphprotocol/hypergraph.git",
+    "url": "git+https://github.com/graphprotocol/hypergraph.git",
     "directory": "apps/typesync"
   },
   "publishConfig": {
@@ -15,25 +15,25 @@
     "linkDirectory": false
   },
   "bin": {
-    "typesync": "./dist/bin.cjs"
+    "typesync": "dist/bin.js"
   },
   "files": ["README.md", "dist"],
   "scripts": {
     "codegen:gql": "graphql-codegen --config ./graphql.codegen.ts",
     "build:client": "vite build",
-    "build": "rm -rf dist && pnpm run build:client && tsup && pnpm run copy-all",
+    "build": "rm -rf ./client/dist && pnpm run build:client && tsup && pnpm run copy-all",
     "build:ts": "tsup",
     "dev": "vite build && pnpx tsx ./src/bin.ts",
     "dev:cli": "pnpx tsx ./src/bin.ts studio",
     "dev:client": "vite --force",
     "clean": "rimraf dist/*",
-    "start": "node ./dist/bin.cjs",
+    "start": "node ./dist/bin.js",
     "check": "tsc --noEmit",
     "test": "vitest run",
     "coverage": "vitest run --coverage",
     "copy-package-json": "tsx scripts/copy-package-json.ts",
-    "copy-db-migrations": "cp -rp ./src/migrations ./dist/migrations",
-    "copy-client-dist": "mkdir -p ./dist/client && cp -rp ./client/dist ./dist/client/dist",
+    "copy-db-migrations": "cp ./src/migrations/_schema.sql ./dist/migrations/_schema.sql",
+    "copy-client-dist": "tsx scripts/copy-client-dist.ts",
     "copy-all": "pnpm run copy-package-json && pnpm run copy-db-migrations && pnpm run copy-client-dist",
     "typesync": "pnpx tsx ./src/bin.ts studio"
   },
@@ -46,18 +46,19 @@
     "@effect/sql": "latest",
     "@effect/sql-sqlite-node": "latest",
     "@effect/vitest": "latest",
-    "@graphprotocol/grc-20": "^0.21.2",
-    "@graphql-codegen/cli": "^5.0.6",
-    "@graphql-codegen/client-preset": "^4.8.1",
+    "@graphprotocol/grc-20": "^0.18.0",
+    "@graphql-codegen/cli": "^5.0.7",
+    "@graphql-codegen/client-preset": "^4.8.2",
     "@graphql-codegen/typescript": "^4.1.6",
     "@graphql-codegen/typescript-operations": "^4.6.1",
-    "@tanstack/router-plugin": "^1.120.13",
-    "@types/node": "^22.15.29",
-    "@types/react": "^19.1.6",
-    "@types/react-dom": "^19.1.5",
-    "@vitejs/plugin-react": "^4.5.0",
+    "@tanstack/router-plugin": "^1.121.10",
+    "@types/node": "^24.0.1",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^4.5.2",
+    "glob": "^11.0.3",
     "tsup": "^8.5.0",
-    "tsx": "^4.19.4",
+    "tsx": "^4.20.3",
     "vite": "^6.3.5"
   },
   "dependencies": {
@@ -66,12 +67,12 @@
     "@heroicons/react": "^2.2.0",
     "@phosphor-icons/react": "^2.1.10",
     "@radix-ui/react-tabs": "^1.1.12",
-    "@tailwindcss/vite": "^4.1.8",
-    "@tanstack/react-form": "^1.12.1",
-    "@tanstack/react-query": "^5.79.2",
-    "@tanstack/react-query-devtools": "^5.79.2",
-    "@tanstack/react-router": "^1.120.15",
-    "@tanstack/react-router-devtools": "1.120.15",
+    "@tailwindcss/vite": "^4.1.10",
+    "@tanstack/react-form": "^1.12.3",
+    "@tanstack/react-query": "^5.80.7",
+    "@tanstack/react-query-devtools": "^5.80.7",
+    "@tanstack/react-router": "^1.121.2",
+    "@tanstack/react-router-devtools": "1.121.8",
     "better-sqlite3": "^11.10.0",
     "date-fns": "^4.1.0",
     "effect": "latest",
@@ -81,7 +82,7 @@
     "open": "^10.1.2",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "shiki": "^3.4.2",
-    "tailwindcss": "^4.1.8"
+    "shiki": "^3.6.0",
+    "tailwindcss": "^4.1.10"
   }
 }

apps/typesync/scripts/copy-client-dist.ts

@@ -0,0 +1,18 @@
+import { cp, mkdir } from 'node:fs/promises';
+import { resolve } from 'node:path';
+
+(async () => {
+  try {
+    const src = resolve(process.cwd(), 'client', 'dist');
+    const dest = resolve(process.cwd(), 'dist', 'client', 'dist');
+
+    await mkdir(dest, { recursive: true });
+    // Node >=16.7 has cp with recursive
+    await cp(src, dest, { recursive: true });
+
+    console.info('[Build] Copied client/dist to dist/client/dist');
+  } catch (err) {
+    console.error('[Build] Failed to copy client/dist', err);
+    process.exitCode = 1;
+  }
+})();

apps/typesync/src/Cli.ts

@@ -11,5 +11,5 @@ const typesync = Command.make('typesync').pipe(
 
 export const run = Command.run(typesync, {
   name: 'typesync',
-  version: '0.0.0-alpha',
+  version: '0.0.0-alpha.6',
 });

apps/typesync/src/Database.ts

@@ -20,7 +20,7 @@ import * as TypesyncDomain from '../domain/Domain.js';
 import * as Domain from './Domain.js';
 
 const SqlLive = SqliteClient.layer({
-  filename: 'typesync.db',
+  filename: '.typesync.db',
 });
 const MigratorLive = Migrator.layer({
   loader: Migrator.fromFileSystem(fileURLToPath(new URL('migrations', import.meta.url))),

apps/typesync/src/Server.ts

@@ -1,24 +1,26 @@
 /** Defines the static file routes for serving the client dist directory with the built vite/react app */
 
+import * as NodePath from 'node:path';
+import { fileURLToPath } from 'node:url';
 import * as HttpMiddleware from '@effect/platform/HttpMiddleware';
 import * as HttpRouter from '@effect/platform/HttpRouter';
 import * as HttpServer from '@effect/platform/HttpServer';
 import * as HttpServerResponse from '@effect/platform/HttpServerResponse';
-import * as Path from '@effect/platform/Path';
 import * as Effect from 'effect/Effect';
 import * as Layer from 'effect/Layer';
 import * as Option from 'effect/Option';
 import * as Struct from 'effect/Struct';
 
 import * as Api from './Api.js';
 
-const FilesRouter = Effect.gen(function* () {
-  const path = yield* Path.Path;
+const __dirname = NodePath.dirname(fileURLToPath(import.meta.url));
+const CLIENT_DIST_DIR = NodePath.resolve(__dirname, 'client', 'dist');
 
+const FilesRouter = Effect.gen(function* () {
   return HttpRouter.empty.pipe(
     HttpRouter.get(
       '/',
-      HttpServerResponse.file(path.resolve('client', 'dist', 'index.html')).pipe(
+      HttpServerResponse.file(NodePath.join(CLIENT_DIST_DIR, 'index.html')).pipe(
         Effect.orElse(() => HttpServerResponse.empty({ status: 404 })),
       ),
     ),
@@ -31,8 +33,8 @@ const FilesRouter = Effect.gen(function* () {
           return HttpServerResponse.empty({ status: 404 });
         }
 
-        const assets = path.resolve('client', 'dist', 'assets');
-        const normalized = path.normalize(path.join(assets, ...file.value.split('/')));
+        const assets = NodePath.join(CLIENT_DIST_DIR, 'assets');
+        const normalized = NodePath.normalize(NodePath.join(assets, ...file.value.split('/')));
         if (!normalized.startsWith(assets)) {
           return HttpServerResponse.empty({ status: 404 });
         }

apps/typesync/tsup.config.ts

@@ -1,9 +1,29 @@
+import { globSync } from 'glob';
 import { defineConfig } from 'tsup';
 
 export default defineConfig({
-  entry: ['src/bin.ts'],
+  entry: {
+    bin: './src/bin.ts',
+    ...Object.fromEntries(
+      globSync('./src/migrations/*.ts').map((file) => [
+        `migrations/${file.split('/').pop()?.replace('.ts', '')}`,
+        file,
+      ]),
+    ),
+  },
   clean: true,
   publicDir: true,
   treeshake: 'smallest',
   external: ['@parcel/watcher'],
+  target: 'node22',
+  platform: 'node',
+  format: 'esm',
+  splitting: false,
+  outDir: 'dist',
+  // this fixes an issue with dynamic require in the esm output
+  banner() {
+    return {
+      js: `import { createRequire } from 'module'; const require = createRequire(import.meta.url);`,
+    };
+  },
 });