Adolfo Reyna
143 lines
3.7 KiB
JavaScript
143 lines
3.7 KiB
JavaScript
"use strict";
|
|
// https://github.com/remotion-dev/remotion/issues/3412#issuecomment-1910120552
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.injectCSS = void 0;
|
|
function getEnvVar() {
|
|
const parts = ['proc', 'ess', '.', 'en', 'v', '.', 'NOD', 'E_EN', 'V'];
|
|
return parts.join('');
|
|
}
|
|
const getEnvVariables = () => {
|
|
if (window.remotion_isStudio) {
|
|
// For the Studio, we already set the environment variables in index-html.ts.
|
|
// We just add NODE_ENV here.
|
|
if (!process.env.NODE_ENV) {
|
|
throw new Error(`${getEnvVar()} is not set`);
|
|
}
|
|
return {
|
|
NODE_ENV: process.env.NODE_ENV,
|
|
};
|
|
}
|
|
const param = window.remotion_envVariables;
|
|
if (!param) {
|
|
return {};
|
|
}
|
|
return { ...JSON.parse(param), NODE_ENV: process.env.NODE_ENV };
|
|
};
|
|
const setupEnvVariables = () => {
|
|
const env = getEnvVariables();
|
|
if (!window.process) {
|
|
window.process = {};
|
|
}
|
|
if (!window.process.env) {
|
|
window.process.env = {};
|
|
}
|
|
Object.keys(env).forEach((key) => {
|
|
window.process.env[key] = env[key];
|
|
});
|
|
};
|
|
setupEnvVariables();
|
|
const injected = {};
|
|
const injectCSS = (css) => {
|
|
// Skip in node
|
|
if (typeof document === 'undefined') {
|
|
return;
|
|
}
|
|
if (injected[css]) {
|
|
return;
|
|
}
|
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
const style = document.createElement('style');
|
|
style.appendChild(document.createTextNode(css));
|
|
head.prepend(style);
|
|
injected[css] = true;
|
|
};
|
|
exports.injectCSS = injectCSS;
|
|
(0, exports.injectCSS)(`
|
|
.css-reset, .css-reset * {
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
color: white;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
background: transparent;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.algolia-docsearch-suggestion--highlight {
|
|
font-size: 15px;
|
|
line-height: 1.25;
|
|
}
|
|
|
|
.__remotion-info-button-container code {
|
|
font-family: monospace;
|
|
font-size: 14px;
|
|
color: #0584f2
|
|
}
|
|
|
|
.__remotion-vertical-scrollbar::-webkit-scrollbar {
|
|
width: 6px;
|
|
}
|
|
.__remotion-vertical-scrollbar::-webkit-scrollbar-thumb {
|
|
background-color: rgba(0, 0, 0, 0.0);
|
|
}
|
|
.__remotion-vertical-scrollbar:hover::-webkit-scrollbar-thumb {
|
|
background-color: rgba(0, 0, 0, 0.6);
|
|
}
|
|
.__remotion-vertical-scrollbar:hover::-webkit-scrollbar-thumb:hover {
|
|
background-color: rgba(0, 0, 0, 1);
|
|
}
|
|
|
|
|
|
.__remotion-horizontal-scrollbar::-webkit-scrollbar {
|
|
height: 6px;
|
|
}
|
|
.__remotion-horizontal-scrollbar::-webkit-scrollbar-thumb {
|
|
background-color: rgba(0, 0, 0, 0.0);
|
|
}
|
|
.__remotion-horizontal-scrollbar:hover::-webkit-scrollbar-thumb {
|
|
background-color: rgba(0, 0, 0, 0.6);
|
|
}
|
|
.__remotion-horizontal-scrollbar:hover::-webkit-scrollbar-thumb:hover {
|
|
background-color: rgba(0, 0, 0, 1);
|
|
}
|
|
|
|
|
|
@-moz-document url-prefix() {
|
|
.__remotion-vertical-scrollbar {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.__remotion-vertical-scrollbar:hover {
|
|
scrollbar-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.__remotion-horizontal-scrollbar {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.__remotion-horizontal-scrollbar:hover {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 0);
|
|
}
|
|
}
|
|
|
|
|
|
.__remotion-timeline-slider {
|
|
appearance: none;
|
|
width: 100px;
|
|
border-radius: 3px;
|
|
height: 6px;
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
accent-color: #ffffff;
|
|
}
|
|
|
|
.__remotion-timeline-slider::-moz-range-thumb {
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius: 50%;
|
|
background-color: #ffffff;
|
|
appearance: none;
|
|
}
|
|
`);
|