@hyperframes/studio 0.7.80 → 0.7.82
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{hyperframes-player-Csai0_vh.js → hyperframes-player-HOyDfIO9.js} +1 -1
- package/dist/assets/{index-By-YiRxq.js → index-C0c6LmEC.js} +1 -1
- package/dist/assets/{index-BhdJN49y.js → index-DlPIfJDz.js} +101 -101
- package/dist/assets/{index-B5aYTg-4.js → index-fH499K3b.js} +1 -1
- package/dist/index.html +1 -1
- package/dist/index.js +4 -10
- package/dist/index.js.map +1 -1
- package/package.json +7 -7
- package/src/components/renders/RenderQueue.test.tsx +62 -0
- package/src/components/renders/RenderQueue.tsx +6 -15
- package/src/components/renders/useRenderQueue.ts +5 -11
package/dist/index.html
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
|
6
6
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
7
7
|
<title>HyperFrames Studio</title>
|
|
8
|
-
<script type="module" crossorigin src="/assets/index-
|
|
8
|
+
<script type="module" crossorigin src="/assets/index-DlPIfJDz.js"></script>
|
|
9
9
|
<link rel="stylesheet" crossorigin href="/assets/index-D379YOKT.css">
|
|
10
10
|
</head>
|
|
11
11
|
<body>
|
package/dist/index.js
CHANGED
|
@@ -64180,6 +64180,7 @@ function ParamControl({
|
|
|
64180
64180
|
|
|
64181
64181
|
// src/components/renders/RenderQueue.tsx
|
|
64182
64182
|
import { memo as memo46, useState as useState115, useRef as useRef126, useEffect as useEffect99, useId as useId6 } from "react";
|
|
64183
|
+
import { CANVAS_DIMENSIONS } from "@hyperframes/parsers";
|
|
64183
64184
|
|
|
64184
64185
|
// src/components/renders/RenderQueueItem.tsx
|
|
64185
64186
|
import { memo as memo45, useCallback as useCallback126, useState as useState114 } from "react";
|
|
@@ -64415,14 +64416,6 @@ var SCALE_LABEL = {
|
|
|
64415
64416
|
"1080p": "1080p",
|
|
64416
64417
|
"4k": "4K"
|
|
64417
64418
|
};
|
|
64418
|
-
var CANVAS_DIMENSIONS = {
|
|
64419
|
-
landscape: { width: 1920, height: 1080 },
|
|
64420
|
-
portrait: { width: 1080, height: 1920 },
|
|
64421
|
-
"landscape-4k": { width: 3840, height: 2160 },
|
|
64422
|
-
"portrait-4k": { width: 2160, height: 3840 },
|
|
64423
|
-
square: { width: 1080, height: 1080 },
|
|
64424
|
-
"square-4k": { width: 2160, height: 2160 }
|
|
64425
|
-
};
|
|
64426
64419
|
function compAspect(dims) {
|
|
64427
64420
|
if (dims == null) return "landscape";
|
|
64428
64421
|
if (dims.width === dims.height) return "square";
|
|
@@ -64656,8 +64649,9 @@ function FormatExportButton({
|
|
|
64656
64649
|
loading: isRendering,
|
|
64657
64650
|
onClick: () => {
|
|
64658
64651
|
if (isRendering) return;
|
|
64659
|
-
|
|
64660
|
-
|
|
64652
|
+
const outputResolution = resolveResolution(resolution, compositionDimensions);
|
|
64653
|
+
trackStudioEvent("render_start", { format, quality, resolution: outputResolution, fps });
|
|
64654
|
+
void onStartRender(format, quality, outputResolution, fps);
|
|
64661
64655
|
},
|
|
64662
64656
|
className: "w-full text-[11px] font-semibold",
|
|
64663
64657
|
children: isRendering ? "Rendering\u2026" : "Export"
|