@editframe/elements 0.15.0-beta.10 → 0.15.0-beta.11

package/dist/getRenderInfo.d.ts

@@ -0,0 +1,51 @@
+import { z } from 'zod';
+export declare const RenderInfo: z.ZodObject<{
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    fps: z.ZodNumber;
+    durationMs: z.ZodNumber;
+    assets: z.ZodObject<{
+        efMedia: z.ZodRecord<z.ZodString, z.ZodAny>;
+        efCaptions: z.ZodArray<z.ZodString, "many">;
+        efImage: z.ZodArray<z.ZodString, "many">;
+    }, "strip", z.ZodTypeAny, {
+        efMedia: Record<string, any>;
+        efCaptions: string[];
+        efImage: string[];
+    }, {
+        efMedia: Record<string, any>;
+        efCaptions: string[];
+        efImage: string[];
+    }>;
+}, "strip", z.ZodTypeAny, {
+    width: number;
+    height: number;
+    fps: number;
+    durationMs: number;
+    assets: {
+        efMedia: Record<string, any>;
+        efCaptions: string[];
+        efImage: string[];
+    };
+}, {
+    width: number;
+    height: number;
+    fps: number;
+    durationMs: number;
+    assets: {
+        efMedia: Record<string, any>;
+        efCaptions: string[];
+        efImage: string[];
+    };
+}>;
+export declare const getRenderInfo: () => Promise<{
+    width: number;
+    height: number;
+    fps: number;
+    durationMs: number;
+    assets: {
+        efMedia: Record<string, any>;
+        efCaptions: string[];
+        efImage: string[];
+    };
+}>;

package/dist/getRenderInfo.js

@@ -0,0 +1,72 @@
+import { z } from "zod";
+const RenderInfo = z.object({
+  width: z.number().positive(),
+  height: z.number().positive(),
+  fps: z.number().positive(),
+  durationMs: z.number().positive(),
+  assets: z.object({
+    efMedia: z.record(z.any()),
+    efCaptions: z.array(z.string()),
+    efImage: z.array(z.string())
+  })
+});
+const getRenderInfo = async () => {
+  const rootTimeGroup = document.querySelector("ef-timegroup");
+  if (!rootTimeGroup) {
+    throw new Error("No ef-timegroup found");
+  }
+  console.error("Waiting for media durations", rootTimeGroup);
+  await rootTimeGroup.waitForMediaDurations();
+  const width = rootTimeGroup.clientWidth;
+  const height = rootTimeGroup.clientHeight;
+  const fps = 30;
+  const durationMs = Math.round(rootTimeGroup.durationMs);
+  const elements = document.querySelectorAll(
+    "ef-audio, ef-video, ef-image, ef-captions"
+  );
+  const assets = {
+    efMedia: {},
+    efCaptions: /* @__PURE__ */ new Set(),
+    efImage: /* @__PURE__ */ new Set()
+  };
+  for (const element of elements) {
+    switch (element.tagName) {
+      case "EF-AUDIO":
+      case "EF-VIDEO": {
+        const src = element.src;
+        console.error("Processing element", element.tagName, src);
+        assets.efMedia[src] = element.trackFragmentIndexLoader.value;
+        break;
+      }
+      case "EF-IMAGE": {
+        const src = element.src;
+        console.error("Processing element", element.tagName, src);
+        assets.efImage.add(src);
+        break;
+      }
+      case "EF-CAPTIONS": {
+        const src = element.targetElement?.src;
+        console.error("Processing element", element.tagName, src);
+        assets.efCaptions.add(src);
+        break;
+      }
+    }
+  }
+  const renderInfo = {
+    width,
+    height,
+    fps,
+    durationMs,
+    assets: {
+      efMedia: assets.efMedia,
+      efCaptions: Array.from(assets.efCaptions),
+      efImage: Array.from(assets.efImage)
+    }
+  };
+  console.error("Render info", renderInfo);
+  return renderInfo;
+};
+export {
+  RenderInfo,
+  getRenderInfo
+};

package/dist/index.d.ts

@@ -14,3 +14,4 @@ export { EFToggleLoop } from './gui/EFToggleLoop.js';
 export { EFScrubber } from './gui/EFScrubber.js';
 export { EFTimeDisplay } from './gui/EFTimeDisplay.js';
 export { EFFocusOverlay } from './gui/EFFocusOverlay.js';
+export { getRenderInfo, RenderInfo } from './getRenderInfo.js';

package/dist/index.js

@@ -16,6 +16,7 @@ import { EFScrubber } from "./gui/EFScrubber.js";
 import { EFTimeDisplay } from "./gui/EFTimeDisplay.js";
 import { EFFocusOverlay } from "./gui/EFFocusOverlay.js";
 import "./EF_FRAMEGEN.js";
+import { RenderInfo, getRenderInfo } from "./getRenderInfo.js";
 if (typeof window !== "undefined") {
   window.EF_REGISTERED = true;
 }
@@ -38,5 +39,7 @@ export {
   EFTogglePlay,
   EFVideo,
   EFWaveform,
-  EFWorkbench
+  EFWorkbench,
+  RenderInfo,
+  getRenderInfo
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/elements",
-  "version": "0.15.0-beta.10",
+  "version": "0.15.0-beta.11",
   "description": "",
   "exports": {
     ".": {
@@ -27,13 +27,14 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@bramus/style-observer": "^1.3.0",
-    "@editframe/assets": "0.15.0-beta.10",
+    "@editframe/assets": "0.15.0-beta.11",
     "@lit/context": "^1.1.2",
     "@lit/task": "^1.0.1",
     "d3": "^7.9.0",
     "debug": "^4.3.5",
     "lit": "^3.1.4",
-    "mp4box": "^0.5.2"
+    "mp4box": "^0.5.2",
+    "zod": "^3.24.1"
   },
   "devDependencies": {
     "@types/d3": "^7.4.3",