@crowdin/app-project-module
Version:
Module that generates for you all common endpoints for serving standalone Crowdin App
55 lines (52 loc) • 3.29 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Head = void 0;
const react_1 = __importDefault(require("react"));
const Head = ({ sentryData }) => (react_1.default.createElement("head", null,
react_1.default.createElement("meta", { charSet: "UTF-8" }),
react_1.default.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }),
react_1.default.createElement("meta", { httpEquiv: "X-UA-Compatible", content: "ie=edge" }),
react_1.default.createElement("title", null),
react_1.default.createElement("link", { rel: "stylesheet", href: "/assets/css/styles.css" }),
react_1.default.createElement("link", { rel: "stylesheet", href: "/assets/css/crowdin-ui-colors.css" }),
react_1.default.createElement("script", { type: "module", src: "https://crowdin-web-components.s3.amazonaws.com/crowdin-web-components/crowdin-web-components.esm.js" }),
react_1.default.createElement("script", { noModule: true, src: "https://crowdin-web-components.s3.amazonaws.com/crowdin-web-components/crowdin-web-components.js" }),
react_1.default.createElement("script", { type: "text/javascript", src: "https://cdn.crowdin.com/apps/dist/iframe.js" }),
react_1.default.createElement("script", { type: "text/javascript", src: "/assets/js/polyfills/promise.js" }),
react_1.default.createElement("script", { type: "text/javascript", src: "/assets/js/polyfills/fetch.js" }),
react_1.default.createElement("script", { type: "text/javascript", src: "/assets/js/main.js" }),
react_1.default.createElement("script", { type: "text/javascript", src: "/assets/js/dependent.js" }),
react_1.default.createElement("style", null, `
.ml-10 {
margin-left: 10px;
}
`),
sentryData && (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("script", { src: "https://browser.sentry-cdn.com/7.60.0/bundle.replay.min.js", integrity: "sha384-N+VZps2PwFdv9LugkPA8nw+SMI1mGJG7IDe49jaxZlWDDJhHQ+SHakMpwhLQLAka", crossOrigin: "anonymous" }),
react_1.default.createElement("script", { dangerouslySetInnerHTML: {
__html: `
if (typeof Sentry !== 'undefined') {
Sentry.init({
dsn: "${sentryData.dsn}",
environment: "frontend",
replaysSessionSampleRate: 0,
replaysOnErrorSampleRate: 1.0,
integrations: [new Sentry.Replay()],
});
Sentry.configureScope(function(scope) {
scope.setTag("identifier", "${sentryData.appIdentifier}");
AP.getContext(contextData => {
const { user_id, ...rest } = contextData;
user_id && scope.setUser({ id: user_id });
scope.setTags(rest);
});
});
} else {
console.warn('Sentry is not available. This might be due to ad/tracking blockers or network issues.');
}
`,
} })))));
exports.Head = Head;