@jay-framework/dev-server 0.10.0 → 0.11.0

package/dist/index.d.ts

@@ -9,8 +9,20 @@ interface DevServerOptions {
     publicBaseUrlPath?: string;
     projectRootFolder?: string;
     pagesRootFolder?: string;
+    /**
+     * Folder where build artifacts are stored.
+     * Pre-rendered jay-html files are written to `<buildFolder>/slow-render-cache/`.
+     * Defaults to `<projectRootFolder>/build`.
+     */
+    buildFolder?: string;
     jayRollupConfig: JayRollupConfig;
     dontCacheSlowly: boolean;
+    /**
+     * Disable automation integration.
+     * When false (default), pages are wrapped with automation API for dev tooling.
+     * The automation API is available at `window.__jay.automation` and via `AUTOMATION_CONTEXT`.
+     */
+    disableAutomation?: boolean;
 }
 
 /**

package/dist/index.js

@@ -6,14 +6,16 @@ var __publicField = (obj, key, value) => {
 };
 import { createServer } from "vite";
 import { scanRoutes, routeToExpressRoute } from "@jay-framework/stack-route-scanner";
-import { discoverPluginsWithInit, sortPluginsByDependencies, executePluginServerInits, runInitCallbacks, actionRegistry, discoverAndRegisterActions, discoverAllPluginActions, runShutdownCallbacks, clearLifecycleCallbacks, clearServiceRegistry, clearClientInitData, DevSlowlyChangingPhase, preparePluginClientInits, loadPageParts, renderFastChangingData, getClientInitData, generateClientScript } from "@jay-framework/stack-server-runtime";
+import { discoverPluginsWithInit, sortPluginsByDependencies, executePluginServerInits, runInitCallbacks, actionRegistry, discoverAndRegisterActions, discoverAllPluginActions, runShutdownCallbacks, clearLifecycleCallbacks, clearServiceRegistry, clearClientInitData, DevSlowlyChangingPhase, SlowRenderCache, preparePluginClientInits, loadPageParts, renderFastChangingData, generateClientScript, getClientInitData } from "@jay-framework/stack-server-runtime";
 import { jayRuntime } from "@jay-framework/vite-plugin";
 import { createRequire } from "module";
 import "@jay-framework/compiler-shared";
 import * as path from "node:path";
 import path__default from "node:path";
-import "@jay-framework/compiler-jay-html";
+import { parseContract, slowRenderTransform } from "@jay-framework/compiler-jay-html";
+import { createRequire as createRequire$1 } from "node:module";
 import * as fs from "node:fs";
+import fs$1 from "node:fs/promises";
 import { pathToFileURL } from "node:url";
 const s$1 = createRequire(import.meta.url), e$1 = s$1("typescript"), c$1 = new Proxy(e$1, {
   get(t, r) {
@@ -1103,6 +1105,130 @@ function createImportChainTracker(options = {}) {
     }
   };
 }
+const require2 = createRequire$1(import.meta.url);
+function createDefaultPluginDetector() {
+  const cache = /* @__PURE__ */ new Map();
+  return {
+    isJayPluginWithClientExport(packageName, projectRoot) {
+      const cacheKey = `${packageName}:${projectRoot}`;
+      if (cache.has(cacheKey)) {
+        return cache.get(cacheKey);
+      }
+      let result = false;
+      try {
+        require2.resolve(`${packageName}/plugin.yaml`, { paths: [projectRoot] });
+        try {
+          require2.resolve(`${packageName}/client`, { paths: [projectRoot] });
+          result = true;
+        } catch {
+          result = false;
+        }
+      } catch {
+        result = false;
+      }
+      cache.set(cacheKey, result);
+      return result;
+    }
+  };
+}
+function extractPackageName(source) {
+  if (source.startsWith(".") || source.startsWith("/")) {
+    return null;
+  }
+  if (source.startsWith("@")) {
+    const parts2 = source.split("/");
+    if (parts2.length >= 2) {
+      return `${parts2[0]}/${parts2[1]}`;
+    }
+    return null;
+  }
+  const parts = source.split("/");
+  return parts[0];
+}
+function isSubpathImport(source, packageName) {
+  return source.length > packageName.length && source[packageName.length] === "/";
+}
+const IMPORT_REGEX = /import\s+(.+?)\s+from\s+(['"])([^'"]+)\2/g;
+const EXPORT_FROM_REGEX = /export\s+(.+?)\s+from\s+(['"])([^'"]+)\2/g;
+function transformImports(options) {
+  const { code, projectRoot, filePath, pluginDetector, verbose = false } = options;
+  let hasChanges = false;
+  let result = code;
+  result = result.replace(IMPORT_REGEX, (match, clause, quote, source) => {
+    const packageName = extractPackageName(source);
+    if (!packageName)
+      return match;
+    if (isSubpathImport(source, packageName))
+      return match;
+    if (!pluginDetector.isJayPluginWithClientExport(packageName, projectRoot))
+      return match;
+    hasChanges = true;
+    const newSource = `${packageName}/client`;
+    if (verbose) {
+      console.log(
+        `[plugin-client-import] Rewriting import ${source} -> ${newSource} (in ${path.basename(filePath)})`
+      );
+    }
+    return `import ${clause} from ${quote}${newSource}${quote}`;
+  });
+  result = result.replace(EXPORT_FROM_REGEX, (match, clause, quote, source) => {
+    const packageName = extractPackageName(source);
+    if (!packageName)
+      return match;
+    if (isSubpathImport(source, packageName))
+      return match;
+    if (!pluginDetector.isJayPluginWithClientExport(packageName, projectRoot))
+      return match;
+    hasChanges = true;
+    const newSource = `${packageName}/client`;
+    if (verbose) {
+      console.log(
+        `[plugin-client-import] Rewriting export ${source} -> ${newSource} (in ${path.basename(filePath)})`
+      );
+    }
+    return `export ${clause} from ${quote}${newSource}${quote}`;
+  });
+  return { code: result, hasChanges };
+}
+function createPluginClientImportResolver(options = {}) {
+  const { verbose = false } = options;
+  let projectRoot = options.projectRoot || process.cwd();
+  let isSSRBuild = false;
+  const pluginDetector = options.pluginDetector || createDefaultPluginDetector();
+  return {
+    name: "jay-stack:plugin-client-import",
+    enforce: "pre",
+    configResolved(config) {
+      projectRoot = config.root || projectRoot;
+      isSSRBuild = !!config.build?.ssr;
+    },
+    transform(code, id, transformOptions) {
+      if (transformOptions?.ssr || isSSRBuild) {
+        return null;
+      }
+      if (!id.endsWith(".ts") && !id.endsWith(".js") && !id.includes(".ts?") && !id.includes(".js?")) {
+        return null;
+      }
+      if (id.includes("node_modules") && !id.includes("@jay-framework")) {
+        return null;
+      }
+      if (!code.includes("@jay-framework/") && !code.includes("from '@") && !code.includes('from "@')) {
+        return null;
+      }
+      const result = transformImports({
+        code,
+        projectRoot,
+        filePath: id,
+        pluginDetector,
+        verbose
+      });
+      if (!result.hasChanges) {
+        return null;
+      }
+      return { code: result.code };
+    }
+  };
+}
 function jayStackCompiler(options = {}) {
   const { trackImports, ...jayOptions } = options;
   const moduleCache = /* @__PURE__ */ new Map();
@@ -1112,6 +1238,7 @@ function jayStackCompiler(options = {}) {
   if (shouldTrackImports) {
     plugins.push(createImportChainTracker(trackerOptions));
   }
+  plugins.push(createPluginClientImportResolver({ verbose: !!shouldTrackImports }));
   plugins.push(
     // First: Jay Stack code splitting transformation
     {
@@ -1172,6 +1299,13 @@ function jayStackCompiler(options = {}) {
             } else {
               return null;
             }
+          } else if (resolvedPath.endsWith(".js") && !fs.existsSync(resolvedPath)) {
+            const tsPath = resolvedPath.slice(0, -3) + ".ts";
+            if (fs.existsSync(tsPath)) {
+              resolvedPath = tsPath;
+            } else {
+              return null;
+            }
           }
           return `\0jay-action:${resolvedPath}`;
         },
@@ -1630,11 +1764,13 @@ function defaults(options) {
     projectRootFolder,
     options.pagesRootFolder || "./src/pages"
   );
+  const buildFolder = options.buildFolder || path__default.resolve(projectRootFolder, "./build");
   const tsConfigFilePath = options.jayRollupConfig.tsConfigFilePath || path__default.resolve(projectRootFolder, "./tsconfig.json");
   return {
     publicBaseUrlPath,
     pagesRootFolder,
     projectRootFolder,
+    buildFolder,
     dontCacheSlowly: options.dontCacheSlowly,
     jayRollupConfig: {
       ...options.jayRollupConfig || {},
@@ -1650,82 +1786,96 @@ function handleOtherResponseCodes(res, renderedResult) {
   else
     res.status(renderedResult.status).end("redirect to " + renderedResult.location);
 }
-function mkRoute(route, vite, slowlyPhase, options, projectInit, allPluginsWithInit = [], allPluginClientInits = []) {
-  const path2 = routeToExpressRoute(route);
+function filterPluginsForPage(allPluginClientInits, allPluginsWithInit, usedPackages) {
+  const pluginsByPackage = /* @__PURE__ */ new Map();
+  for (const plugin of allPluginsWithInit) {
+    pluginsByPackage.set(plugin.packageName, plugin);
+  }
+  const expandedPackages = new Set(usedPackages);
+  const toProcess = [...usedPackages];
+  while (toProcess.length > 0) {
+    const packageName = toProcess.pop();
+    const plugin = pluginsByPackage.get(packageName);
+    if (!plugin)
+      continue;
+    for (const dep of plugin.dependencies) {
+      if (pluginsByPackage.has(dep) && !expandedPackages.has(dep)) {
+        expandedPackages.add(dep);
+        toProcess.push(dep);
+      }
+    }
+  }
+  return allPluginClientInits.filter((plugin) => {
+    const pluginInfo = allPluginsWithInit.find((p) => p.name === plugin.name);
+    return pluginInfo && expandedPackages.has(pluginInfo.packageName);
+  });
+}
+function mkRoute(route, vite, slowlyPhase, options, slowRenderCache, projectInit, allPluginsWithInit = [], allPluginClientInits = []) {
+  const routePath = routeToExpressRoute(route);
   const handler = async (req, res) => {
     try {
       const url = req.originalUrl.replace(options.publicBaseUrlPath, "");
-      const pageParams = req.params;
+      const pageParams = { ...route.inferredParams, ...req.params };
       const pageProps = {
         language: "en",
         url
       };
-      let viewState, carryForward;
-      const pagePartsResult = await loadPageParts(
-        vite,
-        route,
-        options.pagesRootFolder,
-        options.projectRootFolder,
-        options.jayRollupConfig
-      );
-      if (pagePartsResult.val) {
-        const {
-          parts: pageParts,
-          serverTrackByMap,
-          clientTrackByMap,
-          usedPackages
-        } = pagePartsResult.val;
-        const pluginsForPage = allPluginClientInits.filter((plugin) => {
-          const pluginInfo = allPluginsWithInit.find((p) => p.name === plugin.name);
-          return pluginInfo && usedPackages.has(pluginInfo.packageName);
-        });
-        const renderedSlowly = await slowlyPhase.runSlowlyForPage(
+      const useSlowRenderCache = !options.dontCacheSlowly;
+      let cachedEntry = useSlowRenderCache ? slowRenderCache.get(route.jayHtmlPath, pageParams) : void 0;
+      if (cachedEntry) {
+        try {
+          await fs$1.access(cachedEntry.preRenderedPath);
+        } catch {
+          console.log(
+            `[SlowRender] Cached file missing, rebuilding: ${cachedEntry.preRenderedPath}`
+          );
+          await slowRenderCache.invalidate(route.jayHtmlPath);
+          cachedEntry = void 0;
+        }
+      }
+      if (cachedEntry) {
+        await handleCachedRequest(
+          vite,
+          route,
+          options,
+          cachedEntry,
           pageParams,
           pageProps,
-          pageParts
+          allPluginClientInits,
+          allPluginsWithInit,
+          projectInit,
+          res,
+          url
+        );
+      } else if (useSlowRenderCache) {
+        await handlePreRenderRequest(
+          vite,
+          route,
+          options,
+          slowlyPhase,
+          slowRenderCache,
+          pageParams,
+          pageProps,
+          allPluginClientInits,
+          allPluginsWithInit,
+          projectInit,
+          res,
+          url
         );
-        if (renderedSlowly.kind === "PhaseOutput") {
-          const renderedFast = await renderFastChangingData(
-            pageParams,
-            pageProps,
-            renderedSlowly.carryForward,
-            pageParts
-          );
-          if (renderedFast.kind === "PhaseOutput") {
-            if (serverTrackByMap && Object.keys(serverTrackByMap).length > 0) {
-              viewState = deepMergeViewStates(
-                renderedSlowly.rendered,
-                renderedFast.rendered,
-                serverTrackByMap
-              );
-            } else {
-              viewState = { ...renderedSlowly.rendered, ...renderedFast.rendered };
-            }
-            carryForward = renderedFast.carryForward;
-            const pageHtml = generateClientScript(
-              viewState,
-              carryForward,
-              pageParts,
-              route.jayHtmlPath,
-              clientTrackByMap,
-              getClientInitData(),
-              projectInit,
-              pluginsForPage
-            );
-            const compiledPageHtml = await vite.transformIndexHtml(
-              !!url ? url : "/",
-              pageHtml
-            );
-            res.status(200).set({ "Content-Type": "text/html" }).send(compiledPageHtml);
-          } else {
-            handleOtherResponseCodes(res, renderedFast);
-          }
-        } else if (renderedSlowly.kind === "ClientError") {
-          handleOtherResponseCodes(res, renderedSlowly);
-        }
       } else {
-        console.log(pagePartsResult.validations.join("\n"));
-        res.status(500).end(pagePartsResult.validations.join("\n"));
+        await handleDirectRequest(
+          vite,
+          route,
+          options,
+          slowlyPhase,
+          pageParams,
+          pageProps,
+          allPluginClientInits,
+          allPluginsWithInit,
+          projectInit,
+          res,
+          url
+        );
       }
     } catch (e2) {
       vite?.ssrFixStacktrace(e2);
@@ -1733,13 +1883,262 @@ function mkRoute(route, vite, slowlyPhase, options, projectInit, allPluginsWithI
       res.status(500).end(e2.stack);
     }
   };
-  return { path: path2, handler, fsRoute: route };
+  return { path: routePath, handler, fsRoute: route };
+}
+async function handleCachedRequest(vite, route, options, cachedEntry, pageParams, pageProps, allPluginClientInits, allPluginsWithInit, projectInit, res, url) {
+  const pagePartsResult = await loadPageParts(
+    vite,
+    route,
+    options.pagesRootFolder,
+    options.projectRootFolder,
+    options.jayRollupConfig,
+    { preRenderedPath: cachedEntry.preRenderedPath }
+  );
+  if (!pagePartsResult.val) {
+    console.log(pagePartsResult.validations.join("\n"));
+    res.status(500).end(pagePartsResult.validations.join("\n"));
+    return;
+  }
+  const { parts: pageParts, clientTrackByMap, usedPackages } = pagePartsResult.val;
+  const pluginsForPage = filterPluginsForPage(
+    allPluginClientInits,
+    allPluginsWithInit,
+    usedPackages
+  );
+  const renderedFast = await renderFastChangingData(
+    pageParams,
+    pageProps,
+    cachedEntry.carryForward,
+    pageParts
+  );
+  if (renderedFast.kind !== "PhaseOutput") {
+    handleOtherResponseCodes(res, renderedFast);
+    return;
+  }
+  await sendResponse(
+    vite,
+    res,
+    url,
+    cachedEntry.preRenderedPath,
+    pageParts,
+    renderedFast.rendered,
+    renderedFast.carryForward,
+    clientTrackByMap,
+    projectInit,
+    pluginsForPage,
+    options,
+    cachedEntry.slowViewState
+  );
+}
+async function handlePreRenderRequest(vite, route, options, slowlyPhase, slowRenderCache, pageParams, pageProps, allPluginClientInits, allPluginsWithInit, projectInit, res, url) {
+  const initialPartsResult = await loadPageParts(
+    vite,
+    route,
+    options.pagesRootFolder,
+    options.projectRootFolder,
+    options.jayRollupConfig
+  );
+  if (!initialPartsResult.val) {
+    console.log(initialPartsResult.validations.join("\n"));
+    res.status(500).end(initialPartsResult.validations.join("\n"));
+    return;
+  }
+  const renderedSlowly = await slowlyPhase.runSlowlyForPage(
+    pageParams,
+    pageProps,
+    initialPartsResult.val.parts
+  );
+  if (renderedSlowly.kind !== "PhaseOutput") {
+    if (renderedSlowly.kind === "ClientError") {
+      handleOtherResponseCodes(res, renderedSlowly);
+    }
+    return;
+  }
+  const preRenderedContent = await preRenderJayHtml(route, renderedSlowly.rendered);
+  if (!preRenderedContent) {
+    res.status(500).end("Failed to pre-render jay-html");
+    return;
+  }
+  const preRenderedPath = await slowRenderCache.set(
+    route.jayHtmlPath,
+    pageParams,
+    preRenderedContent,
+    renderedSlowly.rendered,
+    renderedSlowly.carryForward
+  );
+  console.log(`[SlowRender] Cached pre-rendered jay-html at ${preRenderedPath}`);
+  const pagePartsResult = await loadPageParts(
+    vite,
+    route,
+    options.pagesRootFolder,
+    options.projectRootFolder,
+    options.jayRollupConfig,
+    { preRenderedPath }
+  );
+  if (!pagePartsResult.val) {
+    console.log(pagePartsResult.validations.join("\n"));
+    res.status(500).end(pagePartsResult.validations.join("\n"));
+    return;
+  }
+  const { parts: pageParts, clientTrackByMap, usedPackages } = pagePartsResult.val;
+  const pluginsForPage = filterPluginsForPage(
+    allPluginClientInits,
+    allPluginsWithInit,
+    usedPackages
+  );
+  const renderedFast = await renderFastChangingData(
+    pageParams,
+    pageProps,
+    renderedSlowly.carryForward,
+    pageParts
+  );
+  if (renderedFast.kind !== "PhaseOutput") {
+    handleOtherResponseCodes(res, renderedFast);
+    return;
+  }
+  await sendResponse(
+    vite,
+    res,
+    url,
+    preRenderedPath,
+    pageParts,
+    renderedFast.rendered,
+    renderedFast.carryForward,
+    clientTrackByMap,
+    projectInit,
+    pluginsForPage,
+    options,
+    renderedSlowly.rendered
+  );
+}
+async function handleDirectRequest(vite, route, options, slowlyPhase, pageParams, pageProps, allPluginClientInits, allPluginsWithInit, projectInit, res, url) {
+  const pagePartsResult = await loadPageParts(
+    vite,
+    route,
+    options.pagesRootFolder,
+    options.projectRootFolder,
+    options.jayRollupConfig
+  );
+  if (!pagePartsResult.val) {
+    console.log(pagePartsResult.validations.join("\n"));
+    res.status(500).end(pagePartsResult.validations.join("\n"));
+    return;
+  }
+  const {
+    parts: pageParts,
+    serverTrackByMap,
+    clientTrackByMap,
+    usedPackages
+  } = pagePartsResult.val;
+  const pluginsForPage = filterPluginsForPage(
+    allPluginClientInits,
+    allPluginsWithInit,
+    usedPackages
+  );
+  const renderedSlowly = await slowlyPhase.runSlowlyForPage(pageParams, pageProps, pageParts);
+  if (renderedSlowly.kind !== "PhaseOutput") {
+    if (renderedSlowly.kind === "ClientError") {
+      handleOtherResponseCodes(res, renderedSlowly);
+    }
+    return;
+  }
+  const renderedFast = await renderFastChangingData(
+    pageParams,
+    pageProps,
+    renderedSlowly.carryForward,
+    pageParts
+  );
+  if (renderedFast.kind !== "PhaseOutput") {
+    handleOtherResponseCodes(res, renderedFast);
+    return;
+  }
+  let viewState;
+  if (serverTrackByMap && Object.keys(serverTrackByMap).length > 0) {
+    viewState = deepMergeViewStates(
+      renderedSlowly.rendered,
+      renderedFast.rendered,
+      serverTrackByMap
+    );
+  } else {
+    viewState = { ...renderedSlowly.rendered, ...renderedFast.rendered };
+  }
+  await sendResponse(
+    vite,
+    res,
+    url,
+    route.jayHtmlPath,
+    pageParts,
+    viewState,
+    renderedFast.carryForward,
+    clientTrackByMap,
+    projectInit,
+    pluginsForPage,
+    options
+  );
+}
+async function sendResponse(vite, res, url, jayHtmlPath, pageParts, viewState, carryForward, clientTrackByMap, projectInit, pluginsForPage, options, slowViewState) {
+  const pageHtml = generateClientScript(
+    viewState,
+    carryForward,
+    pageParts,
+    jayHtmlPath,
+    clientTrackByMap,
+    getClientInitData(),
+    projectInit,
+    pluginsForPage,
+    {
+      enableAutomation: !options.disableAutomation,
+      slowViewState
+    }
+  );
+  const compiledPageHtml = await vite.transformIndexHtml(!!url ? url : "/", pageHtml);
+  res.status(200).set({ "Content-Type": "text/html" }).send(compiledPageHtml);
+}
+async function preRenderJayHtml(route, slowViewState) {
+  const jayHtmlContent = await fs$1.readFile(route.jayHtmlPath, "utf-8");
+  const contractPath = route.jayHtmlPath.replace(".jay-html", ".jay-contract");
+  let contract;
+  try {
+    const contractContent = await fs$1.readFile(contractPath, "utf-8");
+    const parseResult = parseContract(contractContent, path__default.basename(contractPath));
+    if (parseResult.val) {
+      contract = parseResult.val;
+    } else if (parseResult.validations.length > 0) {
+      console.error(
+        `[SlowRender] Contract parse error for ${contractPath}:`,
+        parseResult.validations
+      );
+      return void 0;
+    }
+  } catch (error) {
+    if (error.code !== "ENOENT") {
+      console.error(`[SlowRender] Error reading contract ${contractPath}:`, error);
+      return void 0;
+    }
+  }
+  const result = slowRenderTransform({
+    jayHtmlContent,
+    slowViewState,
+    contract,
+    sourceDir: path__default.dirname(route.jayHtmlPath)
+  });
+  if (result.val) {
+    return result.val.preRenderedJayHtml;
+  }
+  if (result.validations.length > 0) {
+    console.error(
+      `[SlowRender] Transform failed for ${route.jayHtmlPath}:`,
+      result.validations
+    );
+  }
+  return void 0;
 }
 async function mkDevServer(options) {
   const {
     publicBaseUrlPath,
     pagesRootFolder,
     projectRootFolder,
+    buildFolder,
     jayRollupConfig,
     dontCacheSlowly
   } = defaults(options);
@@ -1763,11 +2162,23 @@ async function mkDevServer(options) {
   setupActionRouter(vite);
   const routes = await initRoutes(pagesRootFolder);
   const slowlyPhase = new DevSlowlyChangingPhase(dontCacheSlowly);
+  const slowRenderCacheDir = path__default.join(buildFolder, "slow-render-cache");
+  const slowRenderCache = new SlowRenderCache(slowRenderCacheDir, pagesRootFolder);
+  setupSlowRenderCacheInvalidation(vite, slowRenderCache, pagesRootFolder);
   const projectInit = lifecycleManager.getProjectInit() ?? void 0;
   const pluginsWithInit = lifecycleManager.getPluginsWithInit();
   const pluginClientInits = preparePluginClientInits(pluginsWithInit);
   const devServerRoutes = routes.map(
-    (route) => mkRoute(route, vite, slowlyPhase, options, projectInit, pluginsWithInit, pluginClientInits)
+    (route) => mkRoute(
+      route,
+      vite,
+      slowlyPhase,
+      options,
+      slowRenderCache,
+      projectInit,
+      pluginsWithInit,
+      pluginClientInits
+    )
   );
   return {
     server: vite.middlewares,
@@ -1812,6 +2223,34 @@ function setupActionRouter(vite) {
   vite.middlewares.use(ACTION_ENDPOINT_BASE, createActionRouter());
   console.log(`[Actions] Action router mounted at ${ACTION_ENDPOINT_BASE}`);
 }
+function setupSlowRenderCacheInvalidation(vite, cache, pagesRootFolder) {
+  vite.watcher.on("change", (changedPath) => {
+    if (!changedPath.startsWith(pagesRootFolder)) {
+      return;
+    }
+    if (changedPath.endsWith(".jay-html")) {
+      cache.invalidate(changedPath).then(() => {
+        console.log(`[SlowRender] Cache invalidated for ${changedPath}`);
+      });
+      return;
+    }
+    if (changedPath.endsWith("page.ts")) {
+      const dir = path__default.dirname(changedPath);
+      const jayHtmlPath = path__default.join(dir, "page.jay-html");
+      cache.invalidate(jayHtmlPath).then(() => {
+        console.log(`[SlowRender] Cache invalidated for ${jayHtmlPath} (page.ts changed)`);
+      });
+      return;
+    }
+    if (changedPath.endsWith(".jay-contract")) {
+      const jayHtmlPath = changedPath.replace(".jay-contract", ".jay-html");
+      cache.invalidate(jayHtmlPath).then(() => {
+        console.log(`[SlowRender] Cache invalidated for ${jayHtmlPath} (contract changed)`);
+      });
+      return;
+    }
+  });
+}
 export {
   ACTION_ENDPOINT_BASE,
   actionBodyParser,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jay-framework/dev-server",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "type": "module",
   "license": "Apache-2.0",
   "main": "dist/index.js",
@@ -22,21 +22,21 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "@jay-framework/compiler-jay-stack": "^0.10.0",
-    "@jay-framework/compiler-shared": "^0.10.0",
-    "@jay-framework/component": "^0.10.0",
-    "@jay-framework/fullstack-component": "^0.10.0",
-    "@jay-framework/runtime": "^0.10.0",
-    "@jay-framework/stack-client-runtime": "^0.10.0",
-    "@jay-framework/stack-route-scanner": "^0.10.0",
-    "@jay-framework/stack-server-runtime": "^0.10.0",
-    "@jay-framework/view-state-merge": "^0.10.0",
+    "@jay-framework/compiler-jay-stack": "^0.11.0",
+    "@jay-framework/compiler-shared": "^0.11.0",
+    "@jay-framework/component": "^0.11.0",
+    "@jay-framework/fullstack-component": "^0.11.0",
+    "@jay-framework/runtime": "^0.11.0",
+    "@jay-framework/stack-client-runtime": "^0.11.0",
+    "@jay-framework/stack-route-scanner": "^0.11.0",
+    "@jay-framework/stack-server-runtime": "^0.11.0",
+    "@jay-framework/view-state-merge": "^0.11.0",
     "vite": "^5.0.11"
   },
   "devDependencies": {
-    "@jay-framework/dev-environment": "^0.10.0",
-    "@jay-framework/jay-cli": "^0.10.0",
-    "@jay-framework/stack-client-runtime": "^0.10.0",
+    "@jay-framework/dev-environment": "^0.11.0",
+    "@jay-framework/jay-cli": "^0.11.0",
+    "@jay-framework/stack-client-runtime": "^0.11.0",
     "@types/express": "^5.0.2",
     "@types/node": "^22.15.21",
     "nodemon": "^3.0.3",