@hyperframes/studio-server 0.8.222 → 0.8.224

package/dist/{chunk-V6K3WWWU.js → chunk-LRTNNDXS.js}

@@ -82,7 +82,40 @@ function parseSourceDocument(raw) {
   );
   return { document, wrappedFragment: !hasDocumentShell };
 }
+function dropCssRulesForId(document, id) {
+  const idToken = `#${id}`;
+  const namesId = (selector) => {
+    let found = false;
+    selectorParser((selectors) => {
+      selectors.walkIds((node) => {
+        let up = node.parent;
+        while (up && !(up.type === "pseudo" && up.value === ":not")) up = up.parent;
+        if (node.value === id && !up) found = true;
+      });
+    }).processSync(selector);
+    return found;
+  };
+  for (const styleEl of document.querySelectorAll("style")) {
+    const css = styleEl.textContent ?? "";
+    if (!css.includes(idToken)) continue;
+    let root;
+    try {
+      root = postcss.parse(css);
+    } catch {
+      continue;
+    }
+    let dropped = false;
+    root.walkRules((rule) => {
+      if (rule.selectors.length > 0 && rule.selectors.every(namesId)) {
+        rule.remove();
+        dropped = true;
+      }
+    });
+    if (dropped) styleEl.textContent = root.toString();
+  }
+}
 function duplicateCssRulesForId(document, originalId, newId) {
+  dropCssRulesForId(document, newId);
   const idToken = `#${originalId}`;
   const transform = selectorParser((selectors) => {
     selectors.walkIds((node) => {
@@ -165,7 +198,9 @@ function removeElementsFromHtml(source, targets) {
   for (const target of targets) {
     const element = findTargetElement(document, target);
     if (!element) continue;
+    const id = element.getAttribute("id");
     removeElementWithGsapCascade(document, element);
+    if (id && !document.getElementById(id)) dropCssRulesForId(document, id);
     removed = true;
   }
   if (!removed) return source;

package/dist/{chunk-CZ2QLV2C.js → chunk-UC72OCMB.js}

@@ -847,7 +847,7 @@ import { dirname as dirname2, join as join4 } from "path";
 
 // src/history/historyId.ts
 import { randomUUID as randomUUID4 } from "crypto";
-import { existsSync, mkdirSync as mkdirSync2, readFileSync as readFileSync4, statSync as statSync2, writeFileSync as writeFileSync2 } from "fs";
+import { existsSync, mkdirSync as mkdirSync2, readFileSync as readFileSync4, statSync as statSync2, utimesSync, writeFileSync as writeFileSync2 } from "fs";
 import { basename, join as join3, resolve as resolve4 } from "path";
 import { replaceFileAtomically as replaceFileAtomically3 } from "@hyperframes/core/atomic-file";
 var ID_PATH = join3(".hyperframes", "history-id");
@@ -909,8 +909,21 @@ var HistoryIdError = class extends Error {
     this.name = "HistoryIdError";
   }
 };
+function markUsed(historyDir) {
+  const now = /* @__PURE__ */ new Date();
+  try {
+    utimesSync(join3(historyDir, "project.json"), now, now);
+  } catch {
+    return;
+  }
+}
 function recordProject(historyDir, dir, folder) {
   const record = { dir, ino: folder.ino, born: folder.birthtimeMs, dev: folder.dev };
+  const was = readRecord(historyDir);
+  if (was?.dir === record.dir && was.ino === record.ino && was.born === record.born && was.dev === record.dev) {
+    markUsed(historyDir);
+    return;
+  }
   mkdirSync2(historyDir, { recursive: true });
   replaceFileAtomically3(join3(historyDir, "project.json"), JSON.stringify(record), 420);
 }

package/dist/helpers/sourceMutation.js

@@ -13,7 +13,7 @@ import {
   splitElementInHtml,
   unwrapElementsFromHtml,
   wrapElementsInHtml
-} from "../chunk-V6K3WWWU.js";
+} from "../chunk-LRTNNDXS.js";
 export {
   dedupeClonedCompositionId,
   findTargetElement,

package/dist/history/index.js

@@ -24,7 +24,7 @@ import {
   recordRenderSuccess,
   registerRenderOutput,
   retainSnapshotOutput
-} from "../chunk-CZ2QLV2C.js";
+} from "../chunk-UC72OCMB.js";
 import "../chunk-QF7MFJJU.js";
 import "../chunk-SVQFE44C.js";
 import "../chunk-L3HJVTQE.js";

package/dist/index.js

@@ -17,7 +17,7 @@ import {
   splitElementInHtml,
   unwrapElementsFromHtml,
   wrapElementsInHtml
-} from "./chunk-V6K3WWWU.js";
+} from "./chunk-LRTNNDXS.js";
 import {
   isCompositionSource,
   stampProjectHfIds
@@ -66,7 +66,7 @@ import {
   retainSnapshotOutput,
   serveWhileOpen,
   settledFileTag
-} from "./chunk-CZ2QLV2C.js";
+} from "./chunk-UC72OCMB.js";
 import {
   clearElementScreenshotIsolation,
   getElementScreenshotClip
@@ -4760,8 +4760,17 @@ function registerLintRoutes(api, adapter) {
 
 // src/routes/render.ts
 import { streamSSE } from "hono/streaming";
-import { existsSync as existsSync6, lstatSync as lstatSync3, readFileSync as readFileSync8, unlinkSync as unlinkSync3, readdirSync as readdirSync3, statSync as statSync5 } from "fs";
+import {
+  createReadStream as createReadStream2,
+  existsSync as existsSync6,
+  lstatSync as lstatSync3,
+  readFileSync as readFileSync8,
+  unlinkSync as unlinkSync3,
+  readdirSync as readdirSync3,
+  statSync as statSync5
+} from "fs";
 import { dirname as dirname5, join as join10 } from "path";
+import { Readable as Readable2 } from "stream";
 import { VALID_CANVAS_RESOLUTIONS } from "@hyperframes/parsers";
 import { formatRenderOutputTimestamp, parseFps, fpsToNumber } from "@hyperframes/core";
 var VALID_RESOLUTIONS = new Set(VALID_CANVAS_RESOLUTIONS);
@@ -4925,23 +4934,25 @@ function registerRenderRoutes(api, adapter) {
     const ext = RENDER_EXTENSIONS.find((e) => filePath.endsWith(e));
     return (ext && RENDER_MIME[ext]) ?? "video/mp4";
   }
+  function renderFileResponse(filePath, disposition, filename, method) {
+    const headers = {
+      "Content-Type": renderContentType(filePath),
+      "Content-Disposition": contentDispositionHeader(disposition, filename),
+      ...disposition === "inline" ? { "Accept-Ranges": "bytes" } : {},
+      "Content-Length": String(statSync5(filePath).size)
+    };
+    if (method === "HEAD") return new Response(null, { headers });
+    const body = Readable2.toWeb(createReadStream2(filePath));
+    return new Response(body, { headers });
+  }
   api.get("/render/:jobId/view", (c) => {
     const { jobId } = c.req.param();
     const job = renderJobs.get(jobId);
     if (!job?.outputPath || !isPlainFile(job.outputPath)) {
       return c.json({ error: "not found" }, 404);
     }
-    const contentType = renderContentType(job.outputPath);
     const filename = job.outputPath.split("/").pop() ?? `render.mp4`;
-    const content = readFileSync8(job.outputPath);
-    return new Response(content, {
-      headers: {
-        "Content-Type": contentType,
-        "Content-Disposition": contentDispositionHeader("inline", filename),
-        "Accept-Ranges": "bytes",
-        "Content-Length": String(content.length)
-      }
-    });
+    return renderFileResponse(job.outputPath, "inline", filename, c.req.method);
   });
   api.get("/render/:jobId/download", (c) => {
     const { jobId } = c.req.param();
@@ -4949,15 +4960,8 @@ function registerRenderRoutes(api, adapter) {
     if (!job?.outputPath || !isPlainFile(job.outputPath)) {
       return c.json({ error: "not found" }, 404);
     }
-    const contentType = renderContentType(job.outputPath);
     const filename = job.outputPath.split("/").pop() ?? `render.mp4`;
-    const content = readFileSync8(job.outputPath);
-    return new Response(content, {
-      headers: {
-        "Content-Type": contentType,
-        "Content-Disposition": contentDispositionHeader("attachment", filename)
-      }
-    });
+    return renderFileResponse(job.outputPath, "attachment", filename, c.req.method);
   });
   async function renderDirectories(jobId) {
     const outputPath = renderJobs.get(jobId)?.outputPath;
@@ -4988,16 +4992,7 @@ function registerRenderRoutes(api, adapter) {
     const fp = resolveWithinProject(rendersDir, filename);
     if (!fp || isPrivateProjectFile(project.dir, fp)) return c.json({ error: "forbidden" }, 403);
     if (!existsSync6(fp)) return c.json({ error: "not found" }, 404);
-    const contentType = renderContentType(fp);
-    const content = readFileSync8(fp);
-    return new Response(content, {
-      headers: {
-        "Content-Type": contentType,
-        "Content-Disposition": contentDispositionHeader("inline", filename),
-        "Accept-Ranges": "bytes",
-        "Content-Length": String(content.length)
-      }
-    });
+    return renderFileResponse(fp, "inline", filename, c.req.method);
   });
   api.get("/projects/:id/renders", async (c) => {
     const project = await adapter.resolveProject(c.req.param("id"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperframes/studio-server",
-  "version": "0.8.222",
+  "version": "0.8.224",
   "repository": {
     "type": "git",
     "url": "https://github.com/heygen-com/hyperframes",
@@ -84,8 +84,8 @@
     "linkedom": "^0.18.12",
     "postcss": "^8.5.8",
     "postcss-selector-parser": "^7.1.2",
-    "@hyperframes/parsers": "0.8.222",
-    "@hyperframes/core": "0.8.222"
+    "@hyperframes/parsers": "0.8.224",
+    "@hyperframes/core": "0.8.224"
   },
   "devDependencies": {
     "@types/node": "^25.0.10",