Summary

I have probably explained terribly in the title, so here it goes.

I have a local project which allows me to build and bundle our implementation of the Tiptap editor.

In the root of the project I pull in all my dependencies.

I have a pnpm-workspace.yaml file:

packages:
    - 'packages/*'

This is my turbo.json file:

{
	"$schema": "https://turbo.build/schema.json",
	"tasks": {
		"build": {
			"inputs": ["src/**/*", "package.json", "esbuild.config.js"],
			"outputs": ["dist/**"]
		}
	}
}

This is my pnpm build command:

"build": "turbo run build && node esbuild.config.js",

This is my esbuild.config.js

const esbuild = require('esbuild')

const buildOptions = {
	entryPoints: ['./index.js'],
	bundle: true,
	outfile: '../../js/vendor/tiptap/tiptap-bundle.js',
	platform: 'browser',
	target: ['es2020'],
	format: 'iife',
	globalName: 'Tiptap',
	minify: true,
	sourcemap: true,
	define: {
		'process.env.NODE_ENV': '"production"',
	},
}

async function build ()
{
	try
	{
		const result = await esbuild.build(buildOptions)
		console.log('Build completed successfully')

		if (result.errors.length > 0)
		{
			console.error('Build errors:', result.errors)
		}
		if (result.warnings.length > 0)
		{
			console.warn('Build warnings:', result.warnings)
		}

	}
	catch (err)
	{
		console.error('Build failed:', err)
		process.exit(1)
	}
}

build()

Within the root directory I also have a packages directory which contains a number of extensions I have written for Tiptap to extend the functionality.

Each of those has a package.json:

{
  "name": "@me/tiptap-extension-video",
  "version": "1.0.0",
  "description": "video extension for tiptap",
  "private": true,
  "packageManager": "pnpm@9.10.0",
  "main": "dist/index.cjs.js",
  "module": "dist/index.js",
  "types": "dist/index.d.ts",
  "scripts": {
    "clean": "rm -rf dist",
    "build": "node esbuild.config.js"
  },
  "devDependencies": {
    "esbuild": "^0.23.1",
    "typescript": "^5.5.3"
  },
  "peerDependencies": {
    "@tiptap/core": "^2.0.0",
    "@tiptap/pm": "^2.0.0",
    "@me/tiptap-extension-resize-utilities": "workspace:*"
  }
}

And its own esbuild config:

const esbuild = require('esbuild')

const baseConfig = {
	entryPoints: ['src/index.ts'],
	bundle: true,
	sourcemap: true,
	minify: process.env.NODE_ENV === 'production',
	target: ['es2020'],
	external: ['@tiptap/core', '@tiptap/pm', '@me/tiptap-extension-resize-utilities'],
}

const cjsConfig = {
	...baseConfig,
	outfile: 'dist/index.cjs.js',
	format: 'cjs',
}

const esmConfig = {
	...baseConfig,
	outfile: 'dist/index.js',
	format: 'esm',
}

async function build ()
{
	try
	{
		await Promise.all([
			esbuild.build(cjsConfig),
			esbuild.build(esmConfig),
		])
		console.log('Build completed successfully')
	}
	catch (error)
	{
		console.error('Build failed:', error)
		process.exit(1)
	}
}

build()

I apologise in advance for how detailed this is but I figured if there was an issue it would be better to get everything out there in one go.

Now, everything is working fine. I really enjoy Turbo over Lerna, for example, and even with this issue it seems to be super fast.

But the specific issue I'm facing is that if I modify one .ts file in one of the packages, the next time I build, every single package is a cache miss. I have 18 packages in total. It will report there are 0 cached:

Cached:    0 cached, 18 total

I subsequent run without changes, as expected, will be fully cached:

Cached:    18 cached, 18 total

If I edit one file in one package and build my expectation was it would look something like this:

Cached:    17 cached, 18 total

Are my expectations faulty in some way or is there an issue here? Happy to provide any log output (or look for specifics in output) that might help narrow this down.

Thank you!

Additional information

No response

Example

No response