@ahmedrowaihi/pdf-forge-cli 1.1.0 → 1.2.0-canary.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @ahmedrowaihi/pdf-forge-cli
 
+## 1.2.0-canary.0
+
+### Minor Changes
+
+- 5e324d8: All In Bun and Printer Pool
+
+### Patch Changes
+
+- Updated dependencies [5e324d8]
+  - @ahmedrowaihi/pdf-forge-toolbox@1.2.0-canary.0
+
 ## 1.1.0
 
 ### Minor Changes

package/dist/index.js

@@ -1,25 +1,19 @@
-#!/usr/bin/env node
-import { createRequire } from "node:module";
+#!/usr/bin/env bun
 import { program } from "commander";
-import fs, { existsSync, promises, statSync, unlinkSync, writeFileSync } from "node:fs";
+import fs, { existsSync, promises, unlinkSync, writeFileSync } from "node:fs";
 import path from "node:path";
+import { createDependencyGraph, escapeStringForRegex, getTemplatesDirectoryMetadata, registerSpinnerAutostopping, styleText } from "@ahmedrowaihi/pdf-forge-toolbox";
 import logSymbols from "log-symbols";
 import { addDevDependency, installDependencies, runScript } from "nypm";
 import ora from "ora";
-import url from "node:url";
-import { createJiti } from "jiti";
 import prompts from "prompts";
 import { watch } from "chokidar";
 import debounce from "debounce";
 import { Server } from "socket.io";
-import { parse } from "@babel/parser";
-import traverseModule from "@babel/traverse";
-import { createMatchPath, loadConfig } from "tsconfig-paths";
 import http from "node:http";
-import * as nodeUtil from "node:util";
+import url from "node:url";
 import { lookup } from "mime-types";
 import os from "node:os";
-import { build } from "esbuild";
 import { glob } from "glob";
 import normalize from "normalize-path";
 import { spawn } from "node:child_process";
@@ -27,7 +21,7 @@ import { spawn } from "node:child_process";
 //#region package.json
 var package_default = {
 	name: "@ahmedrowaihi/pdf-forge-cli",
-	version: "1.1.0",
+	version: "1.2.0-canary.0",
 	description: "A live preview of your PDF templates right in your browser.",
 	bin: { "pdf-dev": "./dist/index.js" },
 	type: "module",
@@ -43,17 +37,14 @@ var package_default = {
 		"directory": "packages/react-pdf"
 	},
 	keywords: ["react", "pdf"],
-	engines: { "node": ">=20.0.0" },
+	engines: { "bun": ">=1.0.0" },
 	dependencies: {
-		"@babel/parser": "^7.27.0",
-		"@babel/traverse": "^7.27.0",
+		"@ahmedrowaihi/pdf-forge-toolbox": "workspace:*",
 		"chokidar": "^4.0.3",
 		"commander": "^13.0.0",
 		"conf": "^15.0.2",
 		"debounce": "^2.0.0",
-		"esbuild": "^0.25.0",
 		"glob": "^11.0.0",
-		"jiti": "2.4.2",
 		"log-symbols": "^7.0.0",
 		"mime-types": "^3.0.0",
 		"normalize-path": "^3.0.0",
@@ -66,10 +57,10 @@ var package_default = {
 	devDependencies: {
 		"@ahmedrowaihi/pdf-forge-components": "workspace:*",
 		"@ahmedrowaihi/pdf-forge-core": "workspace:*",
-		"@types/babel__core": "7.20.5",
-		"@types/babel__traverse": "7.20.7",
+		"@types/bun": "^1.3.5",
 		"@types/mime-types": "2.1.4",
 		"@types/prompts": "2.4.9",
+		"@types/normalize-path": "3.0.2",
 		"next": "16.0.10",
 		"react": "19.0.0",
 		"react-dom": "19.0.0",
@@ -112,104 +103,33 @@ const findWorkspacePreviewServer = () => {
 	}
 	return null;
 };
+/**
+* Finds the location of the preview server
+* 1. Checks if the preview server is installed in the workspace
+* 2. If not, checks if the preview server is installed in the cwd
+* 3. If not, prompts the user to install it
+* 4. If the user installs it, it will return the location of the preview server
+* 5. If the user does not install it, it will exit the process
+* @returns The location of the preview server
+*/
 const getPreviewServerLocation = async () => {
-	const usersProject = createJiti(process.cwd());
 	let previewServerLocation;
 	const workspacePath = findWorkspacePreviewServer();
 	if (workspacePath) previewServerLocation = workspacePath;
 	else try {
-		previewServerLocation = path.dirname(url.fileURLToPath(usersProject.esmResolve("@ahmedrowaihi/pdf-forge-preview")));
+		previewServerLocation = path.dirname(Bun.resolveSync("@ahmedrowaihi/pdf-forge-preview", process.cwd()));
 	} catch {
 		await ensurePreviewServerInstalled("To run the preview server, the package \"@ahmedrowaihi/pdf-forge-preview\" must be installed. Would you like to install it?");
 	}
 	if (!workspacePath) try {
-		const { version: version$1 } = await usersProject.import("@ahmedrowaihi/pdf-forge-preview");
-		if (version$1 !== package_default.version) await ensurePreviewServerInstalled(`To run the preview server, the version of "@ahmedrowaihi/pdf-forge-preview" must match the version of "@ahmedrowaihi/pdf-forge-cli" (${package_default.version}). Would you like to install it?`);
+		const packagePath = Bun.resolveSync("@ahmedrowaihi/pdf-forge-preview/package.json", process.cwd());
+		if (JSON.parse(await Bun.file(packagePath).text()).version !== package_default.version) await ensurePreviewServerInstalled(`To run the preview server, the version of "@ahmedrowaihi/pdf-forge-preview" must match the version of "@ahmedrowaihi/pdf-forge-cli" (${package_default.version}). Would you like to install it?`);
 	} catch {
 		await ensurePreviewServerInstalled("To run the preview server, the package \"@ahmedrowaihi/pdf-forge-preview\" must be installed. Would you like to install it?");
 	}
 	return previewServerLocation;
 };
 
-//#endregion
-//#region src/utils/get-templates-directory-metadata.ts
-const isFileATemplate = async (fullPath) => {
-	let fileHandle;
-	try {
-		fileHandle = await fs.promises.open(fullPath, "r");
-	} catch (exception) {
-		console.warn(exception);
-		return false;
-	}
-	if ((await fileHandle.stat()).isDirectory()) {
-		await fileHandle.close();
-		return false;
-	}
-	const { ext } = path.parse(fullPath);
-	if (![
-		".js",
-		".tsx",
-		".jsx"
-	].includes(ext)) {
-		await fileHandle.close();
-		return false;
-	}
-	const fileContents = await fileHandle.readFile("utf8");
-	await fileHandle.close();
-	const hasES6DefaultExport = /\bexport\s+default\b/gm.test(fileContents);
-	const hasCommonJSExport = /\bmodule\.exports\s*=/gm.test(fileContents);
-	const hasNamedExport = /\bexport\s+\{[^}]*\bdefault\b[^}]*\}/gm.test(fileContents);
-	return hasES6DefaultExport || hasCommonJSExport || hasNamedExport;
-};
-const mergeDirectoriesWithSubDirectories = (templatesDirectoryMetadata) => {
-	let currentResultingMergedDirectory = templatesDirectoryMetadata;
-	while (currentResultingMergedDirectory.templateFilenames.length === 0 && currentResultingMergedDirectory.subDirectories.length === 1) {
-		const onlySubDirectory = currentResultingMergedDirectory.subDirectories[0];
-		currentResultingMergedDirectory = {
-			...onlySubDirectory,
-			directoryName: path.join(currentResultingMergedDirectory.directoryName, onlySubDirectory.directoryName)
-		};
-	}
-	return currentResultingMergedDirectory;
-};
-const getTemplatesDirectoryMetadata = async (absolutePathToTemplatesDirectory, keepFileExtensions = false, isSubDirectory = false, baseDirectoryPath = absolutePathToTemplatesDirectory) => {
-	if (!fs.existsSync(absolutePathToTemplatesDirectory)) return;
-	const dirents = await fs.promises.readdir(absolutePathToTemplatesDirectory, { withFileTypes: true });
-	const isTemplatePredicates = await Promise.all(dirents.map((dirent) => isFileATemplate(path.join(absolutePathToTemplatesDirectory, dirent.name))));
-	const templateFilenames = dirents.filter((_, i) => isTemplatePredicates[i]).map((dirent) => keepFileExtensions ? dirent.name : dirent.name.replace(path.extname(dirent.name), ""));
-	const subDirectories = await Promise.all(dirents.filter((dirent) => dirent.isDirectory() && !dirent.name.startsWith("_") && dirent.name !== "static").map((dirent) => {
-		return getTemplatesDirectoryMetadata(path.join(absolutePathToTemplatesDirectory, dirent.name), keepFileExtensions, true, baseDirectoryPath);
-	}));
-	const templatesMetadata = {
-		absolutePath: absolutePathToTemplatesDirectory,
-		relativePath: path.relative(baseDirectoryPath, absolutePathToTemplatesDirectory),
-		directoryName: absolutePathToTemplatesDirectory.split(path.sep).pop(),
-		templateFilenames,
-		subDirectories
-	};
-	return isSubDirectory ? mergeDirectoriesWithSubDirectories(templatesMetadata) : templatesMetadata;
-};
-
-//#endregion
-//#region src/utils/register-spinner-autostopping.ts
-const spinners = /* @__PURE__ */ new Set();
-process.on("SIGINT", () => {
-	spinners.forEach((spinner) => {
-		if (spinner.isSpinning) spinner.stop();
-	});
-});
-process.on("exit", (code) => {
-	if (code !== 0) spinners.forEach((spinner) => {
-		if (spinner.isSpinning) spinner.stopAndPersist({
-			symbol: logSymbols.error,
-			text: "Process exited with error"
-		});
-	});
-});
-const registerSpinnerAutostopping = (spinner) => {
-	spinners.add(spinner);
-};
-
 //#endregion
 //#region src/commands/build.ts
 const setNextEnvironmentVariablesForBuild = async (templatesDirRelativePath, builtPreviewAppPath) => {
@@ -228,7 +148,7 @@ const nextConfig = {
     USER_PROJECT_LOCATION: userProjectLocation
   },
   outputFileTracingRoot: previewServerLocation,
-  serverExternalPackages: ['esbuild'],
+  serverExternalPackages: ["playwright", "playwright-core", "sharp"],
   typescript: {
     ignoreBuildErrors: true
   },
@@ -263,6 +183,37 @@ export function generateStaticParams() {
   );
 }`, "utf8");
 };
+const findWorkspaceRoot = (startPath) => {
+	let currentPath = startPath;
+	while (currentPath !== path.dirname(currentPath)) {
+		const pnpmWorkspace = path.join(currentPath, "pnpm-workspace.yaml");
+		if (fs.existsSync(pnpmWorkspace)) return currentPath;
+		currentPath = path.dirname(currentPath);
+	}
+	return null;
+};
+const findWorkspacePackage = (packageName, workspaceRoot) => {
+	const searchDirs = [path.join(workspaceRoot, "packages"), path.join(workspaceRoot, "apps")];
+	for (const baseDir of searchDirs) {
+		if (!fs.existsSync(baseDir)) continue;
+		const packageDirs = fs.readdirSync(baseDir, { withFileTypes: true });
+		for (const dirent of packageDirs) if (dirent.isDirectory()) {
+			const packagePath = path.join(baseDir, dirent.name);
+			const packageJsonPath = path.join(packagePath, "package.json");
+			if (fs.existsSync(packageJsonPath)) try {
+				const pkg = JSON.parse(fs.readFileSync(packageJsonPath, "utf8"));
+				if (pkg.name === packageName) {
+					if (pkg.main?.includes("dist")) {
+						const distPath = path.join(packagePath, "dist");
+						if (!fs.existsSync(distPath)) console.warn(`Warning: Package ${packageName} has not been built (dist/ missing). It may need to be built first.`);
+					}
+					return packagePath;
+				}
+			} catch {}
+		}
+	}
+	return null;
+};
 const updatePackageJson = async (builtPreviewAppPath) => {
 	const packageJsonPath = path.resolve(builtPreviewAppPath, "./package.json");
 	const packageJson = JSON.parse(await fs.promises.readFile(packageJsonPath, "utf8"));
@@ -270,13 +221,38 @@ const updatePackageJson = async (builtPreviewAppPath) => {
 	packageJson.scripts.start = "next start";
 	delete packageJson.scripts.postbuild;
 	packageJson.name = "preview-server";
-	for (const [dependency, version$1] of Object.entries(packageJson.devDependencies)) packageJson.devDependencies[dependency] = version$1.replace("workspace:", "");
+	const workspaceRoot = findWorkspaceRoot(process.cwd());
+	if (packageJson.dependencies && workspaceRoot) {
+		for (const [dependency, version$1] of Object.entries(packageJson.dependencies)) if (typeof version$1 === "string" && version$1.startsWith("workspace:")) {
+			const packagePath = findWorkspacePackage(dependency, workspaceRoot);
+			if (packagePath) {
+				const packageJsonPath$1 = path.join(packagePath, "package.json");
+				try {
+					if (JSON.parse(fs.readFileSync(packageJsonPath$1, "utf8")).main?.includes("dist")) {
+						const distPath = path.join(packagePath, "dist");
+						if (!fs.existsSync(distPath)) throw new Error(`Package ${dependency} has not been built. Please run 'pnpm build:packages' first.`);
+					}
+				} catch (error) {
+					if (error instanceof Error && error.message.includes("built")) throw error;
+				}
+				const normalizedPath = path.resolve(packagePath).replace(/\\/g, "/");
+				packageJson.dependencies[dependency] = `file:${normalizedPath}`;
+			} else {
+				console.warn(`Warning: Could not find workspace package ${dependency}, removing from dependencies.`);
+				delete packageJson.dependencies[dependency];
+			}
+		}
+	} else if (packageJson.dependencies && !workspaceRoot) {
+		console.warn("Warning: Could not find workspace root. Workspace dependencies will be removed.");
+		for (const [dependency, version$1] of Object.entries(packageJson.dependencies)) if (typeof version$1 === "string" && version$1.startsWith("workspace:")) delete packageJson.dependencies[dependency];
+	}
+	for (const [dependency, version$1] of Object.entries(packageJson.devDependencies || {})) packageJson.devDependencies[dependency] = version$1.replace("workspace:", "");
 	delete packageJson.devDependencies["@ahmedrowaihi/pdf-forge-components"];
 	delete packageJson.devDependencies["@ahmedrowaihi/pdf-forge-core"];
 	delete packageJson.scripts.prepare;
 	await fs.promises.writeFile(packageJsonPath, JSON.stringify(packageJson), "utf8");
 };
-const build$1 = async ({ dir: templatesDirRelativePath, packageManager }) => {
+const build = async ({ dir: templatesDirRelativePath, packageManager }) => {
 	try {
 		const previewServerLocation = await getPreviewServerLocation();
 		const spinner = ora({
@@ -331,217 +307,6 @@ const build$1 = async ({ dir: templatesDirRelativePath, packageManager }) => {
 	}
 };
 
-//#endregion
-//#region src/utils/preview/hot-reloading/get-imported-modules.ts
-const traverse = typeof traverseModule === "function" ? traverseModule : traverseModule.default;
-const getImportedModules = (contents) => {
-	const importedPaths = [];
-	traverse(parse(contents, {
-		sourceType: "unambiguous",
-		strictMode: false,
-		errorRecovery: true,
-		plugins: [
-			"jsx",
-			"typescript",
-			"decorators"
-		]
-	}), {
-		ImportDeclaration({ node }) {
-			importedPaths.push(node.source.value);
-		},
-		ExportAllDeclaration({ node }) {
-			importedPaths.push(node.source.value);
-		},
-		ExportNamedDeclaration({ node }) {
-			if (node.source) importedPaths.push(node.source.value);
-		},
-		TSExternalModuleReference({ node }) {
-			importedPaths.push(node.expression.value);
-		},
-		CallExpression({ node }) {
-			if ("name" in node.callee && node.callee.name === "require") {
-				if (node.arguments.length === 1) {
-					const importPathNode = node.arguments[0];
-					if (importPathNode.type === "StringLiteral") importedPaths.push(importPathNode.value);
-				}
-			}
-		}
-	});
-	return importedPaths;
-};
-
-//#endregion
-//#region src/utils/preview/hot-reloading/resolve-path-aliases.ts
-const resolvePathAliases = (importPaths, projectPath) => {
-	const configLoadResult = loadConfig(projectPath);
-	if (configLoadResult.resultType === "success") {
-		const matchPath = createMatchPath(configLoadResult.absoluteBaseUrl, configLoadResult.paths);
-		return importPaths.map((importedPath) => {
-			const unaliasedPath = matchPath(importedPath, void 0, void 0, [
-				".tsx",
-				".ts",
-				".js",
-				".jsx",
-				".cjs",
-				".mjs"
-			]);
-			if (unaliasedPath) return `./${path.relative(projectPath, unaliasedPath)}`;
-			return importedPath;
-		});
-	}
-	return importPaths;
-};
-
-//#endregion
-//#region src/utils/preview/hot-reloading/create-dependency-graph.ts
-const readAllFilesInsideDirectory = async (directory) => {
-	let allFilePaths = [];
-	const topLevelDirents = await promises.readdir(directory, { withFileTypes: true });
-	for (const dirent of topLevelDirents) {
-		const pathToDirent = path.join(directory, dirent.name);
-		if (dirent.isDirectory()) allFilePaths = allFilePaths.concat(await readAllFilesInsideDirectory(pathToDirent));
-		else allFilePaths.push(pathToDirent);
-	}
-	return allFilePaths;
-};
-const javascriptExtensions = [
-	".js",
-	".ts",
-	".jsx",
-	".tsx",
-	".mjs",
-	".cjs"
-];
-const isJavascriptModule = (filePath) => {
-	const extensionName = path.extname(filePath);
-	return javascriptExtensions.includes(extensionName);
-};
-const checkFileExtensionsUntilItExists = (pathWithoutExtension) => {
-	if (existsSync(`${pathWithoutExtension}.ts`)) return `${pathWithoutExtension}.ts`;
-	if (existsSync(`${pathWithoutExtension}.tsx`)) return `${pathWithoutExtension}.tsx`;
-	if (existsSync(`${pathWithoutExtension}.js`)) return `${pathWithoutExtension}.js`;
-	if (existsSync(`${pathWithoutExtension}.jsx`)) return `${pathWithoutExtension}.jsx`;
-	if (existsSync(`${pathWithoutExtension}.mjs`)) return `${pathWithoutExtension}.mjs`;
-	if (existsSync(`${pathWithoutExtension}.cjs`)) return `${pathWithoutExtension}.cjs`;
-};
-/**
-* Creates a stateful dependency graph that is structured in a way that you can get
-* the dependents of a module from its path.
-*
-* Stateful in the sense that it provides a `getter` and an "`updater`". The updater
-* will receive changes to the files, that can be perceived through some file watching mechanism,
-* so that it doesn't need to recompute the entire dependency graph but only the parts changed.
-*/
-const createDependencyGraph = async (directory) => {
-	const modulePaths = (await readAllFilesInsideDirectory(directory)).filter(isJavascriptModule);
-	const graph = Object.fromEntries(modulePaths.map((path$1) => [path$1, {
-		path: path$1,
-		dependencyPaths: [],
-		dependentPaths: [],
-		moduleDependencies: []
-	}]));
-	const getDependencyPaths = async (filePath) => {
-		const contents = await promises.readFile(filePath, "utf8");
-		const importedPathsRelativeToDirectory = (isJavascriptModule(filePath) ? resolvePathAliases(getImportedModules(contents), path.dirname(filePath)) : []).map((dependencyPath) => {
-			if (!dependencyPath.startsWith(".") || path.isAbsolute(dependencyPath)) return dependencyPath;
-			let pathToDependencyFromDirectory = path.resolve(path.dirname(filePath), dependencyPath);
-			let isDirectory = false;
-			try {
-				isDirectory = statSync(pathToDependencyFromDirectory).isDirectory();
-			} catch {}
-			if (isDirectory) {
-				const pathWithExtension = checkFileExtensionsUntilItExists(`${pathToDependencyFromDirectory}/index`);
-				if (pathWithExtension) pathToDependencyFromDirectory = pathWithExtension;
-				else console.warn(`Could not find index file for directory at ${pathToDependencyFromDirectory}. This is probably going to cause issues with both hot reloading and your code.`);
-			}
-			const extension = path.extname(pathToDependencyFromDirectory);
-			const pathWithEnsuredExtension = (() => {
-				if (extension.length > 0 && existsSync(pathToDependencyFromDirectory)) return pathToDependencyFromDirectory;
-				if (javascriptExtensions.includes(extension)) return checkFileExtensionsUntilItExists(pathToDependencyFromDirectory.replace(extension, ""));
-				return checkFileExtensionsUntilItExists(pathToDependencyFromDirectory);
-			})();
-			if (pathWithEnsuredExtension) pathToDependencyFromDirectory = pathWithEnsuredExtension;
-			else console.warn(`Could not find file at ${pathToDependencyFromDirectory}`);
-			return pathToDependencyFromDirectory;
-		});
-		const moduleDependencies = importedPathsRelativeToDirectory.filter((dependencyPath) => !dependencyPath.startsWith(".") && !path.isAbsolute(dependencyPath));
-		return {
-			dependencyPaths: importedPathsRelativeToDirectory.filter((dependencyPath) => dependencyPath.startsWith(".") || path.isAbsolute(dependencyPath)),
-			moduleDependencies
-		};
-	};
-	const updateModuleDependenciesInGraph = async (moduleFilePath) => {
-		if (graph[moduleFilePath] === void 0) graph[moduleFilePath] = {
-			path: moduleFilePath,
-			dependencyPaths: [],
-			dependentPaths: [],
-			moduleDependencies: []
-		};
-		const { moduleDependencies, dependencyPaths: newDependencyPaths } = await getDependencyPaths(moduleFilePath);
-		graph[moduleFilePath].moduleDependencies = moduleDependencies;
-		for (const dependencyPath of graph[moduleFilePath].dependencyPaths) {
-			if (newDependencyPaths.includes(dependencyPath)) continue;
-			const dependencyModule = graph[dependencyPath];
-			if (dependencyModule !== void 0) dependencyModule.dependentPaths = dependencyModule.dependentPaths.filter((dependentPath) => dependentPath !== moduleFilePath);
-		}
-		graph[moduleFilePath].dependencyPaths = newDependencyPaths;
-		for (const dependencyPath of newDependencyPaths) {
-			if (graph[dependencyPath] === void 0) await updateModuleDependenciesInGraph(dependencyPath);
-			const dependencyModule = graph[dependencyPath];
-			if (dependencyModule === void 0) throw new Error(`Loading the dependency path ${dependencyPath} did not initialize it at all. This is a bug in React PDF.`);
-			if (!dependencyModule.dependentPaths.includes(moduleFilePath)) dependencyModule.dependentPaths.push(moduleFilePath);
-		}
-	};
-	for (const filePath of modulePaths) await updateModuleDependenciesInGraph(filePath);
-	const removeModuleFromGraph = (filePath) => {
-		const module = graph[filePath];
-		if (module) {
-			for (const dependencyPath of module.dependencyPaths) if (graph[dependencyPath]) graph[dependencyPath].dependentPaths = graph[dependencyPath].dependentPaths.filter((dependentPath) => dependentPath !== filePath);
-			delete graph[filePath];
-		}
-	};
-	return [
-		graph,
-		async (event, pathToModified) => {
-			switch (event) {
-				case "change":
-					if (isJavascriptModule(pathToModified)) await updateModuleDependenciesInGraph(pathToModified);
-					break;
-				case "add":
-					if (isJavascriptModule(pathToModified)) await updateModuleDependenciesInGraph(pathToModified);
-					break;
-				case "addDir": {
-					const modulesInsideAddedDirectory = (await readAllFilesInsideDirectory(pathToModified)).filter(isJavascriptModule);
-					for (const filePath of modulesInsideAddedDirectory) await updateModuleDependenciesInGraph(filePath);
-					break;
-				}
-				case "unlink":
-					if (isJavascriptModule(pathToModified)) removeModuleFromGraph(pathToModified);
-					break;
-				case "unlinkDir": {
-					const modulesInsideDeletedDirectory = (await readAllFilesInsideDirectory(pathToModified)).filter(isJavascriptModule);
-					for (const filePath of modulesInsideDeletedDirectory) removeModuleFromGraph(filePath);
-					break;
-				}
-			}
-		},
-		{ resolveDependentsOf: function resolveDependentsOf(pathToModule) {
-			const dependentPaths = /* @__PURE__ */ new Set();
-			const stack = [pathToModule];
-			while (stack.length > 0) {
-				const moduleEntry = graph[stack.pop()];
-				if (!moduleEntry) continue;
-				for (const dependentPath of moduleEntry.dependentPaths) {
-					if (dependentPaths.has(dependentPath) || dependentPath === pathToModule) continue;
-					dependentPaths.add(dependentPath);
-					stack.push(dependentPath);
-				}
-			}
-			return [...dependentPaths.values()];
-		} }
-	];
-};
-
 //#endregion
 //#region src/utils/preview/hot-reloading/setup-hot-reloading.ts
 const setupHotreloading = async (devServer$1, templatesDirRelativePath) => {
@@ -594,10 +359,6 @@ const setupHotreloading = async (devServer$1, templatesDirRelativePath) => {
 	return watcher;
 };
 
-//#endregion
-//#region src/utils/style-text.ts
-const styleText = nodeUtil.styleText ? nodeUtil.styleText : (_, text) => text;
-
 //#endregion
 //#region src/utils/preview/get-env-variables-for-preview-app.ts
 const getEnvVariablesForPreviewApp = (relativePathToTemplatesDirectory, previewServerLocation, cwd) => {
@@ -700,13 +461,11 @@ const safeAsyncServerListen = (server, port) => {
 	});
 };
 const startDevServer = async (templatesDirRelativePath, staticBaseDirRelativePath, port) => {
-	const [majorNodeVersion] = process.versions.node.split(".");
-	if (majorNodeVersion && Number.parseInt(majorNodeVersion, 10) < 20) {
-		console.error(` ${logSymbols.error}  Node ${majorNodeVersion} is not supported. Please upgrade to Node 20 or higher.`);
+	if (typeof Bun === "undefined") {
+		console.error(` ${logSymbols.error}  Bun runtime is required. Please run with: bun run pdf-dev dev`);
 		process.exit(1);
 	}
 	const previewServerLocation = await getPreviewServerLocation();
-	const previewServer = createJiti(previewServerLocation);
 	devServer = http.createServer((req, res) => {
 		if (!req.url) {
 			res.end(404);
@@ -759,7 +518,8 @@ const startDevServer = async (templatesDirRelativePath, staticBaseDirRelativePat
 		...process.env,
 		...getEnvVariablesForPreviewApp(path.normalize(templatesDirRelativePath), previewServerLocation, process.cwd())
 	};
-	const app = (await previewServer.import("next", { default: true }))({
+	const nextModule = await import(Bun.resolveSync("next", previewServerLocation));
+	const app = (nextModule.default ?? nextModule)({
 		dev: false,
 		conf: { images: { unoptimized: true } },
 		hostname: "localhost",
@@ -867,15 +627,9 @@ const dev = async ({ dir: templatesDirRelativePath, port }) => {
 };
 
 //#endregion
-//#region src/utils/esbuild/escape-string-for-regex.ts
-function escapeStringForRegex(string) {
-	return string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
-}
-
-//#endregion
-//#region src/utils/esbuild/renderring-utilities-exporter.ts
+//#region src/utils/bun/rendering-utilities-exporter.ts
 /**
-* Made to export the `render` function out of the user's PDF template
+* Bun plugin to export the `render` function out of the user's PDF template
 * so that React version mismatches don't happen.
 *
 * This also exports the `createElement` from the user's React version as well
@@ -886,28 +640,35 @@ function escapeStringForRegex(string) {
 */
 const renderingUtilitiesExporter = (pdfTemplates) => ({
 	name: "rendering-utilities-exporter",
-	setup: (b) => {
-		b.onLoad({ filter: new RegExp(pdfTemplates.map((templatePath) => escapeStringForRegex(templatePath)).join("|")) }, async ({ path: pathToFile }) => {
+	setup(builder) {
+		const templateRegex = new RegExp(pdfTemplates.map((templatePath) => escapeStringForRegex(templatePath)).join("|"));
+		builder.onLoad({ filter: templateRegex }, async (args) => {
+			const code = await promises.readFile(args.path, "utf8");
+			const ext = path.extname(args.path).slice(1);
 			return {
-				contents: `${await promises.readFile(pathToFile, "utf8")};
-          export { render } from 'react-pdf-module-that-will-export-render'
-          export { createElement as reactPDFCreateReactElement } from 'react';
-        `,
-				loader: path.extname(pathToFile).slice(1)
+				contents: `${code}
+export { render } from 'react-pdf-module-that-will-export-render';
+export { createElement as reactPDFCreateReactElement } from 'react';
+`,
+				loader: ext === "tsx" || ext === "jsx" ? "tsx" : ext
 			};
 		});
-		b.onResolve({ filter: /^react-pdf-module-that-will-export-render$/ }, async (args) => {
-			const options = {
-				kind: "import-statement",
-				importer: args.importer,
-				resolveDir: args.resolveDir,
-				namespace: args.namespace
-			};
-			let result = await b.resolve("@ahmedrowaihi/pdf-forge-core", options);
-			if (result.errors.length === 0) return result;
-			result = await b.resolve("@ahmedrowaihi/pdf-forge-components", options);
-			if (result.errors.length > 0 && result.errors[0]) result.errors[0].text = "Failed trying to import `render` from either `@ahmedrowaihi/pdf-forge-core` or `@ahmedrowaihi/pdf-forge-components` to be able to render your PDF template.\n Maybe you don't have either of them installed?";
-			return result;
+		builder.onResolve({ filter: /^react-pdf-module-that-will-export-render$/ }, async (args) => {
+			try {
+				return {
+					path: await Bun.resolve("@ahmedrowaihi/pdf-forge-core", args.importer),
+					namespace: "file"
+				};
+			} catch {
+				try {
+					return {
+						path: await Bun.resolve("@ahmedrowaihi/pdf-forge-components", args.importer),
+						namespace: "file"
+					};
+				} catch (_error) {
+					throw new Error("Failed trying to import `render` from either `@ahmedrowaihi/pdf-forge-core` or `@ahmedrowaihi/pdf-forge-components` to be able to render your PDF template.\n Maybe you don't have either of them installed?");
+				}
+			}
 		});
 	}
 });
@@ -920,7 +681,6 @@ const getTemplatesFromDirectory = (templateDirectory) => {
 	for (const directory of templateDirectory.subDirectories) templatePaths.push(...getTemplatesFromDirectory(directory));
 	return templatePaths;
 };
-const require = createRequire(url.fileURLToPath(import.meta.url));
 const exportTemplates = async (pathToWhereTemplateMarkupShouldBeDumped, templatesDirectoryPath, options) => {
 	if (fs.existsSync(pathToWhereTemplateMarkupShouldBeDumped)) fs.rmSync(pathToWhereTemplateMarkupShouldBeDumped, { recursive: true });
 	let spinner;
@@ -937,27 +697,54 @@ const exportTemplates = async (pathToWhereTemplateMarkupShouldBeDumped, template
 		return;
 	}
 	const allTemplates = getTemplatesFromDirectory(templatesDirectoryMetadata);
+	const templateBaseDir = path.resolve(process.cwd(), templatesDirectoryPath);
+	const assetTransformPlugin = {
+		name: "asset-to-import-transform",
+		setup(builder) {
+			builder.onLoad({ filter: /\.(tsx?|jsx?)$/ }, async (args) => {
+				const filePath = args.path;
+				if (!filePath.startsWith(templateBaseDir)) return;
+				const code = await Bun.file(filePath).text();
+				const { transformAssetsToImports } = await import("@ahmedrowaihi/pdf-forge-toolbox");
+				const { code: transformedCode } = await transformAssetsToImports(code, filePath);
+				if (transformedCode !== code) return {
+					contents: transformedCode,
+					loader: "tsx"
+				};
+			});
+		}
+	};
 	try {
-		await build({
-			bundle: true,
-			entryPoints: allTemplates,
-			format: "cjs",
-			jsx: "automatic",
-			loader: { ".js": "jsx" },
-			logLevel: "silent",
-			outExtension: { ".js": ".cjs" },
+		const buildResult = await Bun.build({
+			entrypoints: allTemplates,
 			outdir: pathToWhereTemplateMarkupShouldBeDumped,
-			platform: "node",
-			plugins: [renderingUtilitiesExporter(allTemplates)],
-			write: true
+			target: "node",
+			format: "cjs",
+			plugins: [assetTransformPlugin, renderingUtilitiesExporter(allTemplates)],
+			jsx: {
+				runtime: "automatic",
+				importSource: "react"
+			},
+			minify: false,
+			sourcemap: "external",
+			splitting: false
 		});
+		if (!buildResult.success) {
+			const errorMessages = buildResult.logs.map((log) => log.message).join("\n");
+			throw new Error(`Bun build failed: ${errorMessages}`);
+		}
+		const builtFiles = buildResult.outputs.filter((output) => output.path.endsWith(".js"));
+		for (const file of builtFiles) {
+			const newPath = file.path.replace(/\.js$/, ".cjs");
+			await promises.rename(file.path, newPath);
+		}
 	} catch (exception) {
 		if (spinner) spinner.stopAndPersist({
 			symbol: logSymbols.error,
 			text: "Failed to build PDF templates"
 		});
-		const buildFailure = exception;
-		console.error(`\n${buildFailure.message}`);
+		const error = exception;
+		console.error(`\n${error.message}`);
 		process.exit(1);
 	}
 	if (spinner) spinner.succeed();
@@ -967,9 +754,10 @@ const exportTemplates = async (pathToWhereTemplateMarkupShouldBeDumped, template
 			spinner.text = `rendering ${template.split("/").pop()}`;
 			spinner.render();
 		}
-		delete require.cache[template];
-		const templateModule = require(template);
-		const rendered = await templateModule.render(templateModule.reactPDFCreateReactElement(templateModule.default, {}), options);
+		const templateModule = await new Function("path", "return import(path)")(`file://${template}`);
+		const TemplateComponent = templateModule.default;
+		const previewProps = TemplateComponent && "PreviewProps" in TemplateComponent ? TemplateComponent.PreviewProps : {};
+		const rendered = await templateModule.render(templateModule.reactPDFCreateReactElement(TemplateComponent, previewProps), options);
 		writeFileSync(template.replace(".cjs", options.plainText ? ".txt" : ".html"), rendered);
 		unlinkSync(template);
 	} catch (exception) {
@@ -1047,7 +835,7 @@ const start = async () => {
 //#region src/index.ts
 program.name("react-pdf").description("A live preview of your PDF templates right in your browser").version(package_default.version);
 program.command("dev").description("Starts the preview PDF development app").option("-d, --dir <path>", "Directory with your PDF templates", "./templates").option("-p --port <port>", "Port to run dev server on", "3000").action(dev);
-program.command("build").description("Copies the preview app for onto .react-pdf and builds it").option("-d, --dir <path>", "Directory with your PDF templates", "./templates").option("-p --packageManager <name>", "Package name to use on installation on `.react-pdf`", "npm").action(build$1);
+program.command("build").description("Copies the preview app for onto .react-pdf and builds it").option("-d, --dir <path>", "Directory with your PDF templates", "./templates").option("-p --packageManager <name>", "Package name to use on installation on `.react-pdf`", "npm").action(build);
 program.command("start").description("Runs the built preview app that is inside of \".react-pdf\"").action(start);
 program.command("export").description("Build the templates to the `out` directory").option("--outDir <path>", "Output directory", "out").option("-p, --pretty", "Pretty print the output", false).option("-t, --plainText", "Set output format as plain text", false).option("-d, --dir <path>", "Directory with your PDF templates", "./templates").option("-s, --silent", "To, or not to show a spinner with process information", false).action(({ outDir, pretty, plainText, silent, dir: srcDir }) => exportTemplates(outDir, srcDir, {
 	silent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ahmedrowaihi/pdf-forge-cli",
-  "version": "1.1.0",
+  "version": "1.2.0-canary.0",
   "description": "A live preview of your PDF templates right in your browser.",
   "bin": {
     "pdf-dev": "./dist/index.js"
@@ -17,18 +17,14 @@
     "pdf"
   ],
   "engines": {
-    "node": ">=20.0.0"
+    "bun": ">=1.0.0"
   },
   "dependencies": {
-    "@babel/parser": "^7.27.0",
-    "@babel/traverse": "^7.27.0",
     "chokidar": "^4.0.3",
     "commander": "^13.0.0",
     "conf": "^15.0.2",
     "debounce": "^2.0.0",
-    "esbuild": "^0.25.0",
     "glob": "^11.0.0",
-    "jiti": "2.4.2",
     "log-symbols": "^7.0.0",
     "mime-types": "^3.0.0",
     "normalize-path": "^3.0.0",
@@ -36,13 +32,14 @@
     "ora": "^8.0.0",
     "prompts": "2.4.2",
     "socket.io": "^4.8.1",
-    "tsconfig-paths": "4.2.0"
+    "tsconfig-paths": "4.2.0",
+    "@ahmedrowaihi/pdf-forge-toolbox": "1.2.0-canary.0"
   },
   "devDependencies": {
-    "@types/babel__core": "7.20.5",
-    "@types/babel__traverse": "7.20.7",
+    "@types/bun": "^1.3.5",
     "@types/mime-types": "2.1.4",
     "@types/prompts": "2.4.9",
+    "@types/normalize-path": "3.0.2",
     "next": "16.0.10",
     "react": "19.0.0",
     "react-dom": "19.0.0",