Fix building the @moq/publish and @moq/watch packages (#957)

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: kixelated

bun.lock

@@ -3,47 +3,59 @@
 // Split from release.ts to allow building packages without publishing
 
 import { copyFileSync, readFileSync, writeFileSync } from "node:fs";
-import { join } from "node:path";
+import { join, resolve } from "node:path";
+import { publint } from "publint";
+import { formatMessage } from "publint/utils";
 
 console.log("✍️  Rewriting package.json...");
 const pkg = JSON.parse(readFileSync("package.json", "utf8"));
 
-function rewritePath(p: string): string {
-	return p.replace(/^\.\/src/, ".").replace(/\.ts(x)?$/, ".js");
+function rewritePath(p: string, ext: string): string {
+	return p.replace(/^\.\/src/, ".").replace(/\.ts(x)?$/, `.${ext}`);
 }
 
-pkg.main &&= rewritePath(pkg.main);
-pkg.types &&= rewritePath(pkg.types);
+pkg.main &&= rewritePath(pkg.main, "js");
+pkg.types &&= rewritePath(pkg.types, "d.ts");
 
 if (pkg.exports) {
 	for (const key in pkg.exports) {
 		const val = pkg.exports[key];
 		if (typeof val === "string") {
-			pkg.exports[key] = rewritePath(val);
+			if (val.endsWith(".css")) {
+				// CSS exports are only needed for dev-time resolution;
+				// consumers inline them at build time via @import.
+				// We purposely do not copy them to the dist to help catch bugs.
+				delete pkg.exports[key];
+			} else {
+				pkg.exports[key] = {
+					types: rewritePath(val, "d.ts"),
+					default: rewritePath(val, "js"),
+				};
+			}
 		} else if (typeof val === "object") {
 			for (const sub in val) {
 				if (typeof val[sub] === "string") {
-					val[sub] = rewritePath(val[sub]);
+					val[sub] = rewritePath(val[sub], sub === "types" ? "d.ts" : "js");
 				}
 			}
 		}
 	}
 }
 
 if (pkg.sideEffects) {
-	pkg.sideEffects = pkg.sideEffects.map(rewritePath);
+	pkg.sideEffects = pkg.sideEffects.map((p: string) => rewritePath(p, "js"));
 }
 
 if (pkg.files) {
-	pkg.files = pkg.files.map(rewritePath);
+	pkg.files = pkg.files.map((p: string) => rewritePath(p, "js"));
 }
 
 if (pkg.bin) {
 	if (typeof pkg.bin === "string") {
-		pkg.bin = rewritePath(pkg.bin);
+		pkg.bin = rewritePath(pkg.bin, "js");
 	} else if (typeof pkg.bin === "object") {
 		for (const key in pkg.bin) {
-			pkg.bin[key] = rewritePath(pkg.bin[key]);
+			pkg.bin[key] = rewritePath(pkg.bin[key], "js");
 		}
 	}
 }
@@ -78,4 +90,19 @@ writeFileSync("dist/package.json", JSON.stringify(pkg, null, 2));
 console.log("📄 Copying README.md...");
 copyFileSync("README.md", join("dist", "README.md"));
 
+// Lint the package to catch publishing issues
+console.log("🔍 Running publint...");
+const { messages, pkg: lintPkg } = await publint({
+	pkgDir: resolve("dist"),
+	level: "warning",
+	pack: false,
+});
+
+if (messages.length > 0) {
+	for (const message of messages) {
+		console.error(formatMessage(message, lintPkg));
+	}
+	process.exit(1);
+}
+
 console.log("📦 Package built successfully in dist/");

js/scripts/package.ts js/common/package.tsjs/scripts/package.ts renamed to js/common/package.ts

@@ -0,0 +1,56 @@
+import { build } from "esbuild";
+import type { Plugin } from "vite";
+
+const SUFFIX = "?worklet";
+
+/**
+ * A Vite plugin that compiles AudioWorklet files and inlines them as blob URLs.
+ *
+ * Usage: import workletUrl from "./my-worklet.ts?worklet"
+ *
+ * The worklet file is compiled to JS with all dependencies bundled via esbuild,
+ * then inlined as a string. At runtime, a blob URL is created and exported.
+ * Pass the URL to audioWorklet.addModule().
+ */
+export function workletInline(): Plugin {
+	return {
+		name: "worklet-inline",
+		enforce: "pre",
+
+		async resolveId(source, importer) {
+			if (!source.endsWith(SUFFIX)) return;
+
+			const cleanSource = source.slice(0, -SUFFIX.length);
+			const resolved = await this.resolve(cleanSource, importer, { skipSelf: true });
+			if (!resolved) return;
+
+			return { id: resolved.id + SUFFIX, moduleSideEffects: false };
+		},
+
+		async load(id) {
+			if (!id.endsWith(SUFFIX)) return;
+
+			const filePath = id.slice(0, -SUFFIX.length);
+
+			if (this.addWatchFile) {
+				this.addWatchFile(filePath);
+			}
+
+			const result = await build({
+				entryPoints: [filePath],
+				bundle: true,
+				write: false,
+				format: "esm",
+				target: "esnext",
+			});
+
+			const compiled = result.outputFiles[0].text;
+
+			return [
+				`const code = ${JSON.stringify(compiled)};`,
+				`const blob = new Blob([code], { type: "application/javascript" });`,
+				`export default URL.createObjectURL(blob);`,
+			].join("\n");
+		},
+	};
+}

js/scripts/release.ts js/common/release.tsjs/scripts/release.ts renamed to js/common/release.ts

@@ -1,4 +1,4 @@
-declare module "*-worklet.ts?worker&url" {
+declare module "*?worklet" {
 	const url: string;
 	export default url;
 }

js/common/vite-plugin-worklet.ts

@@ -19,10 +19,11 @@
 	"devDependencies": {
 		"@tailwindcss/typography": "^0.5.16",
 		"@tailwindcss/vite": "^4.1.13",
+		"esbuild": "^0.27.0",
 		"highlight.js": "^11.11.1",
 		"tailwindcss": "^4.1.13",
 		"typescript": "^5.9.2",
-		"vite": "^6.3.6",
+		"vite": "^7.3.1",
 		"vite-plugin-solid": "^2.11.10"
 	}
 }

js/watch/src/worklet.d.ts js/common/worklet.d.tsjs/watch/src/worklet.d.ts renamed to js/common/worklet.d.ts

@@ -3,5 +3,5 @@
 	"compilerOptions": {
 		"outDir": "dist"
 	},
-	"include": ["src"]
+	"include": ["src", "../common/worklet.d.ts"]
 }

js/hang-demo/package.json

@@ -1,19 +1,21 @@
 import tailwindcss from "@tailwindcss/vite";
+import { resolve } from "path";
 import { defineConfig } from "vite";
 import solidPlugin from "vite-plugin-solid";
+import { workletInline } from "../common/vite-plugin-worklet";
 
 export default defineConfig({
 	root: "src",
-	plugins: [tailwindcss(), solidPlugin()],
+	plugins: [tailwindcss(), solidPlugin(), workletInline()],
 	build: {
 		target: "esnext",
 		sourcemap: process.env.NODE_ENV === "production" ? false : "inline",
 		rollupOptions: {
 			input: {
-				watch: "index.html",
-				publish: "publish.html",
-				support: "support.html",
-				mse: "mse.html",
+				watch: resolve(__dirname, "src/index.html"),
+				publish: resolve(__dirname, "src/publish.html"),
+				support: resolve(__dirname, "src/support.html"),
+				mse: resolve(__dirname, "src/mse.html"),
 			},
 		},
 	},

js/hang-demo/tsconfig.json

@@ -17,9 +17,9 @@
 		"./src/support/element.ts"
 	],
 	"scripts": {
-		"build": "rimraf dist && tsc -b && bun ../scripts/package.ts",
+		"build": "rimraf dist && tsc -b && bun ../common/package.ts",
 		"check": "tsc --noEmit",
-		"release": "bun ../scripts/release.ts"
+		"release": "bun ../common/release.ts"
 	},
 	"dependencies": {
 		"@kixelated/libavjs-webcodecs-polyfill": "^0.5.5",

js/hang-demo/vite.config.ts

@@ -10,10 +10,10 @@
 		"./zod": "./src/zod.ts"
 	},
 	"scripts": {
-		"build": "rimraf dist && tsc -b && bun ../scripts/package.ts",
+		"build": "rimraf dist && tsc -b && bun ../common/package.ts",
 		"check": "tsc --noEmit && madge --circular --extensions ts,tsx src && tsc -b examples/tsconfig.json",
 		"test": "bun test --only-failures",
-		"release": "bun ../scripts/release.ts"
+		"release": "bun ../common/release.ts"
 	},
 	"dependencies": {
 		"async-mutex": "^0.5.0",
@@ -25,7 +25,6 @@
 	},
 	"devDependencies": {
 		"@typescript/lib-dom": "npm:@types/web@^0.0.241",
-		"vite": "^6.3.6",
 		"@types/node": "^24.3.1",
 		"vite-plugin-html": "^3.2.2",
 		"rimraf": "^6.0.1",