42 lines
1.8 KiB
JavaScript
42 lines
1.8 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.StaticFilePreview = void 0;
|
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
const react_1 = require("react");
|
|
const remotion_1 = require("remotion");
|
|
const get_static_files_1 = require("../api/get-static-files");
|
|
const client_id_1 = require("../helpers/client-id");
|
|
const colors_1 = require("../helpers/colors");
|
|
const FilePreview_1 = require("./FilePreview");
|
|
const Preview_1 = require("./Preview");
|
|
const msgStyle = {
|
|
fontSize: 13,
|
|
color: 'white',
|
|
fontFamily: 'sans-serif',
|
|
display: 'flex',
|
|
justifyContent: 'center',
|
|
};
|
|
const errMsgStyle = {
|
|
...msgStyle,
|
|
color: colors_1.LIGHT_TEXT,
|
|
};
|
|
const StaticFilePreview = ({ currentAsset, assetMetadata }) => {
|
|
const fileType = (0, Preview_1.getPreviewFileType)(currentAsset);
|
|
const staticFileSrc = (0, remotion_1.staticFile)(currentAsset);
|
|
const staticFiles = (0, get_static_files_1.getStaticFiles)();
|
|
const connectionStatus = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx)
|
|
.previewServerState.type;
|
|
const exists = staticFiles.find((file) => file.name === currentAsset);
|
|
if (connectionStatus === 'disconnected') {
|
|
return (0, jsx_runtime_1.jsx)("div", { style: errMsgStyle, children: "Studio server disconnected" });
|
|
}
|
|
if (!exists) {
|
|
return ((0, jsx_runtime_1.jsxs)("div", { style: errMsgStyle, children: [currentAsset, " does not exist in your public folder."] }));
|
|
}
|
|
if (!currentAsset) {
|
|
return null;
|
|
}
|
|
return ((0, jsx_runtime_1.jsx)(FilePreview_1.FilePreview, { currentAsset: currentAsset, fileType: fileType, src: `${staticFileSrc}?date=${assetMetadata && assetMetadata.type === 'found' ? assetMetadata.fetchedAt : 0}`, assetMetadata: assetMetadata }));
|
|
};
|
|
exports.StaticFilePreview = StaticFilePreview;
|