@repdf/preview 0.0.25 → 0.1.0

package/dist/index.js

@@ -6,7 +6,7 @@ import { program } from "commander";
 // package.json
 var package_default = {
   name: "@repdf/preview",
-  version: "0.0.24",
+  version: "0.1.0",
   type: "module",
   main: "dist/index.js",
   bin: {
@@ -27,36 +27,37 @@ var package_default = {
   scripts: {
     tsup: "tsup --tsconfig tsconfig.build.json && node build-preview-server.js",
     build: "next build",
-    dev: "next dev",
-    "dev:live": "tsx watch src/cli/index.ts dev",
+    dev: "next dev -p 3000",
+    "dev:live": "tsx src/cli/index.ts dev",
     "dev:live:notused": "tsup --tsconfig tsconfig.build.json --watch",
     lint: "next lint",
     start: "next start",
     "check-exports": "attw --pack .",
     format: "biome check --write .",
-    clean: "rm -rf dist"
+    "local-release": "bun publish --access public",
+    clean: "rm -rf dist",
+    typecheck: "tsc --noEmit"
   },
   dependencies: {
     "@repdf/core": "workspace:*",
     "@react-email/render": "1.0.2",
     "@react-email/tailwind": "1.0.2",
-    "@tanstack/react-query": "^5.59.15",
-    "@tanstack/react-query-devtools": "^5.59.15",
-    "@trpc/client": "^11.0.0-rc.553",
-    "@trpc/next": "^11.0.0-rc.553",
-    "@trpc/react-query": "^11.0.0-rc.553",
-    "@trpc/server": "^11.0.0-rc.553",
+    "@tanstack/react-query": "^5.59.20",
+    "@tanstack/react-query-devtools": "^5.59.20",
+    "@trpc/client": "11.0.0-rc.630",
+    "@trpc/next": "11.0.0-rc.630",
+    "@trpc/react-query": "11.0.0-rc.630",
+    "@trpc/server": "11.0.0-rc.630",
     chokidar: "4.0.1",
     clsx: "^2.1.1",
     commander: "^12.1.0",
     "dependency-tree": "^11.0.1",
     esbuild: "0.24.0",
-    express: "^4.21.1",
     glob: "^11.0.0",
     "js-beautify": "^1.15.1",
     "js-dependency-extractor": "^1.0.3",
     "lucide-react": "^0.453.0",
-    next: "^14.2.15",
+    next: "^14.2.17",
     ora: "^8.1.0",
     pino: "^9.4.0",
     "pino-pretty": "^11.2.2",
@@ -64,13 +65,12 @@ var package_default = {
     puppeteer: "^23.4.1",
     react: "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-use-websocket": "^4.10.0",
+    "react-hot-toast": "^2.4.1",
     "source-map-js": "^1.2.1",
     "stacktrace-parser": "^0.1.10",
     superjson: "^2.2.1",
     "tailwind-merge": "^2.5.4",
     webpack: "^5.95.0",
-    ws: "^8.18.0",
     zod: "^3.23.8"
   },
   devDependencies: {
@@ -79,22 +79,20 @@ var package_default = {
     "@changesets/cli": "2.27.9",
     "@arethetypeswrong/cli": "0.16.4",
     "@biomejs/biome": "1.9.3",
-    "@types/express": "^5.0.0",
     "@types/js-beautify": "^1.14.3",
     "@types/node": "^20.14.10",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
-    "@types/ws": "^8.5.12",
     postcss: "^8.4.39",
     "react-email": "3.0.1",
-    tailwindcss: "^3.4.14",
-    typescript: "5.5.4"
+    typescript: "^5.6.3",
+    tailwindcss: "^3.4.14"
   },
   packageManager: "pnpm@9.7.1"
 };
 
 // src/cli/commands/dev.ts
-import fs2 from "node:fs";
+import fs from "node:fs";
 
 // src/logger.ts
 import pino from "pino";
@@ -108,152 +106,9 @@ var logger_default = logger;
 
 // src/cli/commands/server.ts
 import { parse } from "node:url";
-import path2 from "path";
+import path from "path";
 import { fileURLToPath } from "url";
-import express from "express";
 import next from "next";
-import WebSocket from "ws";
-import { WebSocketServer } from "ws";
-
-// src/utils/files/pdfTemplateWatcher.ts
-import * as chokidar from "chokidar";
-
-// src/constants.ts
-var RELATIVE_PATH_TO_PDF_FOLDER = () => {
-  if (!process.env.RELATIVE_PATH_TO_PDF_FOLDER) {
-    throw new Error("RELATIVE_PATH_TO_PDF_FOLDER is not set");
-  }
-  return process.env.RELATIVE_PATH_TO_PDF_FOLDER;
-};
-var ABSOLUTE_PATH_TO_PDF_FOLDER = () => {
-  if (!process.env.ABSOLUTE_PATH_TO_PDF_FOLDER) {
-    throw new Error("ABSOLUTE_PATH_TO_PDF_FOLDER is not set");
-  }
-  return process.env.ABSOLUTE_PATH_TO_PDF_FOLDER;
-};
-
-// src/utils/files/dependencyTree.ts
-import dependencyTree from "dependency-tree";
-function getDependencyTree({
-  relViewerPath,
-  outputType
-}) {
-  const options = {
-    filename: relViewerPath,
-    //TODO does this work with absolute paths?
-    directory: ".",
-    // requireConfig: 'path/to/requirejs/config', // optional
-    // webpackConfig: 'path/to/webpack/config', // optional
-    tsConfig: "tsconfig.json",
-    // optional
-    // nodeModulesConfig: {
-    //     entry: 'module'
-    // }, // optional
-    filter: (path3) => path3.indexOf("node_modules") === -1,
-    // remove node_node modules from tree
-    // nonExistent: [], // optional
-    noTypeDefinitions: false
-    // optional
-  };
-  if (outputType === "list") {
-    return dependencyTree.toList(options);
-  }
-  return dependencyTree(options);
-}
-
-// src/utils/files/getPdfTemplates.ts
-import fs from "node:fs";
-import path from "node:path";
-import { glob } from "glob";
-function isPotentialPdfTemplate(relViewerPath) {
-  const stat = fs.statSync(relViewerPath);
-  if (stat.isDirectory()) return false;
-  const fileName = path.basename(relViewerPath);
-  if (fileName.startsWith("_")) {
-    return false;
-  }
-  const extension = path.extname(relViewerPath);
-  if (![".tsx", ".ts", ".jsx", ".js"].includes(extension)) {
-    return false;
-  }
-  const absoluteFilePath = path.resolve(relViewerPath);
-  if (!fs.existsSync(absoluteFilePath)) {
-    return false;
-  }
-  const fileContents = fs.readFileSync(absoluteFilePath, "utf8");
-  const hasDefaultExport = fileContents.includes("export default");
-  return hasDefaultExport;
-}
-function getPdfTemplates() {
-  const potentialTemplateFilePaths = glob.sync(
-    `${RELATIVE_PATH_TO_PDF_FOLDER()}/**/*.{tsx,jsx,js}`,
-    { nodir: true }
-  );
-  const filteredTemplateFilePaths = potentialTemplateFilePaths.filter(
-    isPotentialPdfTemplate
-  );
-  return filteredTemplateFilePaths.map((file) => {
-    const relTemplatePath = file.replace(
-      `${RELATIVE_PATH_TO_PDF_FOLDER()}/`,
-      ""
-    );
-    const pathParts = relTemplatePath.split("/");
-    let topParentFolder = null;
-    if (pathParts.length > 1 && pathParts[0]) {
-      topParentFolder = pathParts[0];
-    }
-    return {
-      fileName: path.basename(file),
-      // just the file name
-      relTemplatePath,
-      relViewerPath: file,
-      // to where script is being run
-      absolutePath: path.resolve(file),
-      // file system
-      topParentFolder
-    };
-  });
-}
-
-// src/utils/files/pdfTemplateWatcher.ts
-function pdfTemplateWatcher() {
-  console.log("running template watcher");
-  const pdfTemplates = getPdfTemplates();
-  try {
-    const allFiles = /* @__PURE__ */ new Set();
-    for (const pdfTemplate of pdfTemplates) {
-      allFiles.add(pdfTemplate.absolutePath);
-      const dependencyTree2 = getDependencyTree({
-        relViewerPath: pdfTemplate.relViewerPath,
-        outputType: "list"
-      });
-      for (const absoluteFilePath of dependencyTree2) {
-        allFiles.add(absoluteFilePath);
-      }
-    }
-    const watcher2 = chokidar.watch(ABSOLUTE_PATH_TO_PDF_FOLDER(), {
-      persistent: true,
-      ignoreInitial: true,
-      ignored: /(^|[\/\\])\../
-      // Ignore dot files
-    });
-    watcher2.add(Array.from(allFiles));
-    console.log("added files to watcher", Array.from(allFiles));
-    watcher2.on("add", (filePath) => {
-      console.log(`File ${filePath} has been added`);
-    }).on("change", (filePath) => {
-      console.log(`File ${filePath} has been changed`);
-    }).on("unlink", (filePath) => {
-      console.log(`File ${filePath} has been removed`);
-    }).on("error", (error) => {
-      console.error(`Watcher error: ${error}`);
-    });
-    return watcher2;
-  } catch (error) {
-    console.error("issue", error);
-    throw error;
-  }
-}
 
 // src/utils/checkPortAvailability.ts
 import http from "http";
@@ -276,40 +131,36 @@ function checkPortAvailability(port) {
 }
 
 // src/cli/commands/server.ts
+import http2 from "node:http";
 var __filename = fileURLToPath(import.meta.url);
-var __dirname = path2.dirname(__filename);
+var __dirname = path.dirname(__filename);
 var isDev = !__filename.endsWith("index.js");
 console.log("cli script is in dev mode", isDev);
-var cliPackageLocation = isDev ? path2.resolve(__dirname, "../..") : path2.resolve(__dirname, "../..");
-var previewServerLocation = isDev ? path2.resolve(__dirname, "../../..") : path2.resolve(__dirname, "./preview");
+var cliPackageLocation = isDev ? path.resolve(__dirname, "../..") : path.resolve(__dirname, "../..");
+var previewServerLocation = isDev ? path.resolve(__dirname, "../../..") : path.resolve(__dirname, "./preview");
 var getEnvVariablesForPreviewApp = (relativePathToPdfsDirectory, cwd) => {
   return {
     RELATIVE_PATH_TO_PDF_FOLDER: relativePathToPdfsDirectory,
-    ABSOLUTE_PATH_TO_PDF_FOLDER: path2.resolve(cwd, relativePathToPdfsDirectory),
+    ABSOLUTE_PATH_TO_PDF_FOLDER: path.resolve(cwd, relativePathToPdfsDirectory),
     USER_PROJECT_LOCATION: cwd
     // TODO what is this used for if anything
   };
 };
 var previewServer;
-var clients = /* @__PURE__ */ new Set();
-var watcher;
 var startPreviewServer = async (pdfsDirRelativePath, port) => {
   let actualPort = port;
   while (!await checkPortAvailability(actualPort)) {
     console.log("port is in use, trying next port");
     actualPort++;
   }
-  previewServer = express();
-  const server = previewServer.listen(actualPort);
-  const wss = new WebSocketServer({ noServer: true });
   process.env = {
     ...process.env,
-    NODE_ENV: isDev ? "development" : "production",
-    // TODO: why is this set to devlopment and is that right?
+    NODE_ENV: "development",
+    //isDev ? "development" : "production", // TODO: why is this set to development and is that right?
     PORT: actualPort.toString(),
     ...getEnvVariablesForPreviewApp(
       // If we don't do normalization here, stuff like https://github.com/resend/react-email/issues/1354 happens.
-      path2.normalize(pdfsDirRelativePath),
+      path.normalize(pdfsDirRelativePath),
       process.cwd()
     )
   };
@@ -326,51 +177,21 @@ var startPreviewServer = async (pdfsDirRelativePath, port) => {
     dir: previewServerLocation
   });
   logger_default.info("preparing next app");
-  nextApp.prepare().then(() => {
-    const url = `http://localhost:${actualPort}`;
-    const clickableUrl = `\x1B]8;;${url}\x07${url}\x1B]8;;\x07`;
-    console.log(clickableUrl);
-    previewServer.use((req, res, next2) => {
-      nextApp.getRequestHandler()(req, res, parse(req.url, true));
-    });
-    watcher = pdfTemplateWatcher();
-    watcher.on("all", () => {
-      logger_default.info("watcher: file changed");
-      for (const client of Array.from(clients)) {
-        logger_default.info("sending file changed message to client");
-        client.send(`file changed ${(/* @__PURE__ */ new Date()).toISOString()}`);
-      }
-      watcher = pdfTemplateWatcher();
-    });
-    wss.on("connection", (ws) => {
-      clients.add(ws);
-      logger_default.info("New client connected");
-      ws.on("message", (message, isBinary) => {
-        logger_default.info(`Message received: ${message}`);
-        for (const client of Array.from(clients)) {
-          if (client.readyState === WebSocket.OPEN && message.toString() !== `{"event":"ping"}`) {
-            client.send(message, { binary: isBinary });
-          }
-        }
-      });
-      ws.on("close", () => {
-        clients.delete(ws);
-        logger_default.info("Client disconnected");
-      });
-    });
-    server.on("upgrade", (req, socket, head) => {
-      logger_default.info("upgrading to websockets", req.url);
-      const { pathname } = parse(req.url || "/", true);
-      if (pathname === "/_next/webpack-hmr") {
-        logger_default.info("inside nextjs hot module reloading path");
-        nextApp.getUpgradeHandler()(req, socket, head);
-      }
-      if (pathname === "/api/ws") {
-        wss.handleUpgrade(req, socket, head, (ws) => {
-          wss.emit("connection", ws, req);
-        });
-      }
-    });
+  await nextApp.prepare();
+  previewServer = http2.createServer((req, res) => {
+    nextApp.getRequestHandler()(req, res, parse(req.url || "/", true));
+  });
+  const server = previewServer.listen(actualPort);
+  const url = `http://localhost:${actualPort}`;
+  const clickableUrl = `\x1B]8;;${url}\x07${url}\x1B]8;;\x07`;
+  console.log(clickableUrl);
+  server.on("upgrade", (req, socket, head) => {
+    logger_default.info("upgrading to websockets", req.url);
+    const { pathname } = parse(req.url || "/", true);
+    if (pathname === "/_next/webpack-hmr") {
+      logger_default.info("inside nextjs hot module reloading path");
+      nextApp.getUpgradeHandler()(req, socket, head);
+    }
   });
   return server;
 };
@@ -381,7 +202,7 @@ var dev = async ({
   port
 }) => {
   try {
-    if (!fs2.existsSync(relativePathToPdfFolder)) {
+    if (!fs.existsSync(relativePathToPdfFolder)) {
       throw new Error(`Missing ${relativePathToPdfFolder} folder`);
     }
     const devServer = await startPreviewServer(

package/dist/preview/.next/BUILD_ID

@@ -1 +1 @@
-r14XpRGeqXRkqt8lq1z_x
+3KzSbw8453o_mkesYso5R

package/dist/preview/.next/build-manifest.json

@@ -5,43 +5,43 @@
   "devFiles": [],
   "ampDevFiles": [],
   "lowPriorityFiles": [
-    "static/r14XpRGeqXRkqt8lq1z_x/_buildManifest.js",
-    "static/r14XpRGeqXRkqt8lq1z_x/_ssgManifest.js"
+    "static/3KzSbw8453o_mkesYso5R/_buildManifest.js",
+    "static/3KzSbw8453o_mkesYso5R/_ssgManifest.js"
   ],
   "rootMainFiles": [],
   "pages": {
     "/": [
-      "static/chunks/webpack-b8f8d6679aaa5f42.js",
+      "static/chunks/webpack-8fa1640cc84ba8fe.js",
       "static/chunks/framework-e0f347a11a70369e.js",
-      "static/chunks/main-58cc12cfc6868a7a.js",
-      "static/chunks/138-c24eca17d1ad2527.js",
-      "static/chunks/pages/index-7e306d1513d09a1a.js"
+      "static/chunks/main-32f0addb06a02100.js",
+      "static/chunks/64-33135d2a0b032c99.js",
+      "static/chunks/pages/index-59cca326edb25e5b.js"
     ],
     "/_app": [
-      "static/chunks/webpack-b8f8d6679aaa5f42.js",
+      "static/chunks/webpack-8fa1640cc84ba8fe.js",
       "static/chunks/framework-e0f347a11a70369e.js",
-      "static/chunks/main-58cc12cfc6868a7a.js",
-      "static/css/e697c978240c2fce.css",
-      "static/chunks/pages/_app-0f9241fc03d167e5.js"
+      "static/chunks/main-32f0addb06a02100.js",
+      "static/css/3beae5d5e23b91e8.css",
+      "static/chunks/pages/_app-7207fb686c7ea292.js"
     ],
     "/_error": [
-      "static/chunks/webpack-b8f8d6679aaa5f42.js",
+      "static/chunks/webpack-8fa1640cc84ba8fe.js",
       "static/chunks/framework-e0f347a11a70369e.js",
-      "static/chunks/main-58cc12cfc6868a7a.js",
-      "static/chunks/pages/_error-4ad10ca9d415501b.js"
+      "static/chunks/main-32f0addb06a02100.js",
+      "static/chunks/pages/_error-0577f827b4afb66a.js"
     ],
     "/preview/[...relTemplatePath]": [
-      "static/chunks/webpack-b8f8d6679aaa5f42.js",
+      "static/chunks/webpack-8fa1640cc84ba8fe.js",
       "static/chunks/framework-e0f347a11a70369e.js",
-      "static/chunks/main-58cc12cfc6868a7a.js",
-      "static/chunks/138-c24eca17d1ad2527.js",
-      "static/chunks/pages/preview/[...relTemplatePath]-54953a42a234e88f.js"
+      "static/chunks/main-32f0addb06a02100.js",
+      "static/chunks/64-33135d2a0b032c99.js",
+      "static/chunks/pages/preview/[...relTemplatePath]-3e7bbb1e7746e61f.js"
     ],
     "/test": [
-      "static/chunks/webpack-b8f8d6679aaa5f42.js",
+      "static/chunks/webpack-8fa1640cc84ba8fe.js",
       "static/chunks/framework-e0f347a11a70369e.js",
-      "static/chunks/main-58cc12cfc6868a7a.js",
-      "static/chunks/pages/test-6c9d6a5f356c21ea.js"
+      "static/chunks/main-32f0addb06a02100.js",
+      "static/chunks/pages/test-1b0ec700afcdd64b.js"
     ]
   },
   "ampFirstPages": []