@crowdin/app-project-module 0.108.0 → 1.0.0

package/out/views/AboutPage.js

@@ -0,0 +1,76 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AboutPage = void 0;
+const react_1 = __importDefault(require("react"));
+const AboutPage = ({ name, logo, manifest, storeLink, showDebugLink }) => (react_1.default.createElement("html", null,
+    react_1.default.createElement("head", null,
+        react_1.default.createElement("title", null, name),
+        react_1.default.createElement("meta", { charSet: "utf-8" }),
+        react_1.default.createElement("meta", { httpEquiv: "Content-type", content: "text/html; charset=utf-8" }),
+        react_1.default.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
+        storeLink && react_1.default.createElement("link", { rel: "canonical", href: storeLink }),
+        react_1.default.createElement("link", { rel: "stylesheet", href: "https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css", integrity: "sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH", crossOrigin: "anonymous" }),
+        react_1.default.createElement("link", { href: "/assets/css/about.css", media: "screen", rel: "stylesheet", type: "text/css" })),
+    react_1.default.createElement("body", null,
+        react_1.default.createElement("header", { id: "header", className: "navbar navbar-expand-lg fixed-top crowdin-navbar" },
+            react_1.default.createElement("a", { itemProp: "url", className: "navbar-brand crowdin-navbar__logo", href: "https://crowdin.com", title: "Crowdin \u2014 Localization Management Platform" },
+                react_1.default.createElement("svg", { className: "d-none d-md-block d-lg-block default-logo", width: "180", height: "54", "aria-labelledby": "crowdinLogoTitle" },
+                    react_1.default.createElement("title", { id: "crowdinLogoTitle" }, "Crowdin"),
+                    react_1.default.createElement("image", { className: "d-none d-md-block d-lg-block", href: "/assets/img/crowdin.svg", width: "180", height: "54" })),
+                react_1.default.createElement("svg", { className: "d-block d-md-none d-lg-none default-logo", width: "173", height: "32" },
+                    react_1.default.createElement("image", { className: "d-block d-md-none d-lg-none", href: "/assets/img/crowdin_small.svg", width: "173", height: "32" }))),
+            react_1.default.createElement("div", { className: "flex-nowrap justify-content-lg-end ml-auto my-lg-0" },
+                react_1.default.createElement("div", { className: "pr-0 ml-2 my-2" },
+                    react_1.default.createElement("span", { className: "crowdin-navbar__nav-link contact " },
+                        react_1.default.createElement("a", { title: "Contact", href: "https://crowdin.com/contacts" }, "Contact"))))),
+        react_1.default.createElement("div", { className: "main" },
+            react_1.default.createElement("div", { className: "container" },
+                react_1.default.createElement("div", { className: "row crwd__product-template__header align-items-center" },
+                    react_1.default.createElement("div", { className: "offset-lg-1 col-lg-2 product-single__photo-wrapper crwd__product-single__photo-wrapper" },
+                        react_1.default.createElement("div", { className: "product-single__photo text-center mb-3 mb-lg-0" },
+                            react_1.default.createElement("div", { className: "image-holder" },
+                                react_1.default.createElement("img", { width: "200", src: logo, alt: name, id: "FeaturedImage-product-template", className: "img-fluid lazyloaded ls-is-cached product-featured-img", style: { position: 'unset' } })))),
+                    react_1.default.createElement("div", { className: " col-lg-8 crwd__product-template__header__title-container" },
+                        react_1.default.createElement("div", { className: "product-single__meta" },
+                            react_1.default.createElement("div", { className: "section-header" },
+                                react_1.default.createElement("h1", { className: "product-single__title text-center text-lg-left" },
+                                    react_1.default.createElement("span", null, name)),
+                                react_1.default.createElement("div", { className: "description" },
+                                    name,
+                                    " extends the default functionality available in Crowdin and Crowdin Enterprise by providing additional capabilities to enhance your localization workflows."))))),
+                react_1.default.createElement("div", { className: "row" },
+                    react_1.default.createElement("div", { className: "offset-lg-1 col-lg-10" },
+                        react_1.default.createElement("p", null, "To install this app, you can use either of the following methods: "),
+                        react_1.default.createElement("ol", null,
+                            react_1.default.createElement("li", null,
+                                "Install it directly from the",
+                                ' ',
+                                react_1.default.createElement("a", { href: "https://store.crowdin.com/", target: "_blank" }, "Crowdin Store"),
+                                ", if available."),
+                            react_1.default.createElement("li", null, "Install it manually using the manifest URL below.")),
+                        react_1.default.createElement("p", null,
+                            "For detailed steps, follow the",
+                            ' ',
+                            react_1.default.createElement("a", { href: "https://support.crowdin.com/developer/crowdin-apps-installation/", target: "_blank" }, "App Installation")),
+                        react_1.default.createElement("div", { className: "mb-3" },
+                            react_1.default.createElement("label", { htmlFor: "manifest-url", className: "form-label" }, "Paste the following manifest URL when prompted during manual installation:"),
+                            react_1.default.createElement("div", { className: "input-group" },
+                                react_1.default.createElement("input", { type: "text", className: "form-control", id: "manifest-url", value: manifest, readOnly: true }))),
+                        storeLink && (react_1.default.createElement("div", null,
+                            "Read more about",
+                            ' ',
+                            react_1.default.createElement("a", { href: storeLink, target: "_blank", title: `${name} on Crowdin Store` }, name),
+                            ".")),
+                        showDebugLink && (react_1.default.createElement("div", { className: "mt-4 pt-3 border-top" },
+                            react_1.default.createElement("p", { className: "mb-2" },
+                                react_1.default.createElement("strong", null, "Developer Tools")),
+                            react_1.default.createElement("p", null,
+                                "Access the",
+                                ' ',
+                                react_1.default.createElement("a", { href: "/__debug", target: "_blank", title: "Open developer console in a new tab" }, "Developer Console"),
+                                ' ',
+                                "to inspect requests, debug issues, and monitor application behavior."))))))))));
+exports.AboutPage = AboutPage;

package/out/views/FormPage.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+interface FormPageProps {
+    formGetDataUrl: string;
+    formPostDataUrl: string;
+    formPatchDataUrl?: string;
+    formSchema: string;
+    formUiSchema: string;
+    sentryData?: {
+        dsn: string;
+        appIdentifier: string;
+    };
+}
+export declare const FormPage: FC<FormPageProps>;
+export {};

package/out/views/FormPage.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormPage = void 0;
+const react_1 = __importDefault(require("react"));
+const Head_1 = require("./layout/Head");
+const FormPage = ({ formGetDataUrl, formPostDataUrl, formPatchDataUrl, formSchema, formUiSchema, sentryData, }) => (react_1.default.createElement("html", { lang: "en" },
+    react_1.default.createElement(Head_1.Head, { sentryData: sentryData }),
+    react_1.default.createElement("body", null,
+        react_1.default.createElement("div", { className: "i_w", style: { maxWidth: '680px', position: 'relative' } },
+            react_1.default.createElement("crowdin-card", { id: "card", "is-shadowed": true },
+                react_1.default.createElement("div", { id: "form" }),
+                react_1.default.createElement("div", { id: "form-loading" },
+                    react_1.default.createElement("crowdin-progress-indicator", null)))),
+        react_1.default.createElement("crowdin-toasts", null),
+        react_1.default.createElement("script", { dangerouslySetInnerHTML: {
+                __html: `
+            var formGetDataUrl = '${formGetDataUrl}';
+            var formPostDataUrl = '${formPostDataUrl}';
+            var formPatchDataUrl = '${formPatchDataUrl}';
+            var formSchema = ${formSchema};
+            var formUiSchema = ${formUiSchema};
+          `,
+            } }),
+        react_1.default.createElement("script", { src: "/assets/js/form.js" }))));
+exports.FormPage = FormPage;

package/out/views/SubscriptionPage.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface SubscriptionPageProps {
+    name?: string;
+    subscribeLink?: string;
+}
+export declare const SubscriptionPage: FC<SubscriptionPageProps>;
+export {};

package/out/views/SubscriptionPage.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubscriptionPage = void 0;
+const react_1 = __importDefault(require("react"));
+const SubscriptionPage = ({ name, subscribeLink }) => (react_1.default.createElement("html", { lang: "en" },
+    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("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("body", null,
+        react_1.default.createElement("div", { className: "i_w center" },
+            react_1.default.createElement("crowdin-alert", { type: "warning" },
+                "Subscribe to continue using the ",
+                name,
+                " app."),
+            react_1.default.createElement("br", null),
+            react_1.default.createElement("crowdin-button", { primary: true, onclick: `window.open('${subscribeLink}','_blank')` }, "Subscribe"),
+            react_1.default.createElement("crowdin-button", { outlined: true, onclick: "window.open('https://crowdin.com/contacts','_blank')" }, "Contact us")))));
+exports.SubscriptionPage = SubscriptionPage;

package/out/views/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * React JSX Views
+ * Export all React SSR components for use in route handlers
+ */
+export { Head } from './layout/Head';
+export { AboutPage } from './AboutPage';
+export { FormPage } from './FormPage';
+export { SubscriptionPage } from './SubscriptionPage';

package/out/views/index.js

@@ -0,0 +1,15 @@
+"use strict";
+/**
+ * React JSX Views
+ * Export all React SSR components for use in route handlers
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubscriptionPage = exports.FormPage = exports.AboutPage = exports.Head = void 0;
+var Head_1 = require("./layout/Head");
+Object.defineProperty(exports, "Head", { enumerable: true, get: function () { return Head_1.Head; } });
+var AboutPage_1 = require("./AboutPage");
+Object.defineProperty(exports, "AboutPage", { enumerable: true, get: function () { return AboutPage_1.AboutPage; } });
+var FormPage_1 = require("./FormPage");
+Object.defineProperty(exports, "FormPage", { enumerable: true, get: function () { return FormPage_1.FormPage; } });
+var SubscriptionPage_1 = require("./SubscriptionPage");
+Object.defineProperty(exports, "SubscriptionPage", { enumerable: true, get: function () { return SubscriptionPage_1.SubscriptionPage; } });

package/out/views/layout/Head.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+interface HeadProps {
+    sentryData?: {
+        dsn: string;
+        appIdentifier: string;
+    };
+}
+export declare const Head: FC<HeadProps>;
+export {};

package/out/views/layout/Head.js

@@ -0,0 +1,54 @@
+"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;

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@crowdin/app-project-module",
-  "version": "0.108.0",
+  "version": "1.0.0",
   "description": "Module that generates for you all common endpoints for serving standalone Crowdin App",
   "main": "out/index.js",
   "types": "out/index.d.ts",
   "scripts": {
-    "build": "tsc -p ./ && cp -R views out && cp -R static out && cp logo.png out && rollup -c rollup.config.mjs",
-    "build-main": "tsc -p ./ && cp -R views out && cp -R static out && cp logo.png out",
-    "build-form": "tsc -p ./ && cp -R static/js/form out/static/js && rollup -c rollup.config.mjs",
-    "watch-main": "tsc --watch -p ./ && cp -R views out && cp -R static out && cp logo.png out",
-    "lint": "eslint --fix \"{src,tests}/**/*.{js,ts}\"",
-    "prettier": "prettier --config .prettierrc src/**/*.ts --write",
+    "build": "npm run build-main && npm run build-form && npm run build-ui",
+    "build-main": "tsc -p ./ && cp -R static out && cp logo.png out",
+    "build-form": "rollup -c rollup-form.config.mjs",
+    "build-ui": "rollup -c rollup-ui.config.mjs",
+    "watch-main": "tsc --watch -p ./ && cp -R static out && cp logo.png out",
+    "lint": "eslint --fix \"{src,tests,ui}/**/*.{js,ts,tsx}\"",
+    "prettier": "prettier --config .prettierrc {src,ui}/**/*.{ts,tsx} --write",
     "lint-ci": "eslint \"{src,tests}/**/*.{js,ts}\"",
     "test-coverage": "jest --ci --reporters=jest-junit --reporters=default --coverage --coverageReporters=cobertura --coverageReporters=html",
     "test": "jest"
@@ -19,35 +20,40 @@
     "out/**/*"
   ],
   "dependencies": {
-    "@aws-sdk/client-s3": "^3.758.0",
-    "@aws-sdk/s3-request-presigner": "^3.758.0",
-    "@crowdin/crowdin-apps-functions": "^0.12.4",
+    "@crowdin/crowdin-apps-functions": "^0.12.5",
     "@crowdin/logs-formatter": "^2.1.9",
     "@godaddy/terminus": "^4.12.1",
-    "@types/cors": "^2.8.19",
-    "@types/lodash.kebabcase": "^4.1.9",
     "ajv": "^8.17.1",
-    "amqplib": "^0.10.8",
-    "cors": "^2.8.5",
-    "crypto-js": "^4.2.0",
-    "express": "^4.21.2",
-    "express-handlebars": "^5.3.5",
-    "express-rate-limit": "^7.5.0",
-    "lodash.get": "^4.4.2",
-    "lodash.isstring": "^4.0.1",
-    "lodash.kebabcase": "^4.1.1",
-    "lodash.snakecase": "^4.1.1",
-    "lodash.uniqby": "^4.7.0",
-    "minimatch": "^10.0.3",
-    "mysql2": "^3.12.0",
-    "node-cron": "^3.0.3",
-    "pg": "^8.13.3",
+    "amqplib": "^0.10.9",
+    "cors": "^2.8.6",
+    "express": "^5.2.1",
+    "express-rate-limit": "^8.2.1",
+    "minimatch": "^10.1.1",
+    "mysql2": "^3.16.2",
+    "node-cron": "^4.2.1",
+    "pg": "^8.18.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "sqlite3": "^5.1.7",
-    "swagger-jsdoc": "^6.2.8",
-    "uuid": "^8.3.2"
+    "swagger-jsdoc": "^6.2.8"
+  },
+  "peerDependencies": {
+    "@aws-sdk/client-s3": "^3.980.0",
+    "@aws-sdk/s3-request-presigner": "^3.980.0"
+  },
+  "peerDependenciesMeta": {
+    "@aws-sdk/client-s3": {
+      "optional": true
+    },
+    "@aws-sdk/s3-request-presigner": {
+      "optional": true
+    }
   },
   "devDependencies": {
+    "@aws-sdk/client-s3": "^3.980.0",
+    "@aws-sdk/s3-request-presigner": "^3.980.0",
     "@babel/preset-react": "^7.26.3",
+    "@cloudflare/workers-types": "^4.20251117.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@eslint/eslintrc": "^3.3.3",
@@ -66,21 +72,18 @@
     "@rollup/plugin-node-resolve": "^15.3.1",
     "@rollup/plugin-replace": "^5.0.7",
     "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "12.3.0",
     "@types/amqplib": "^0.10.7",
     "@types/crypto-js": "^4.2.2",
-    "@types/express": "4.17.21",
-    "@types/express-handlebars": "^5.3.1",
+    "@types/express": "^5.0.3",
     "@types/jest": "^29.5.14",
-    "@types/lodash.get": "^4.4.9",
-    "@types/lodash.isstring": "^4.0.9",
-    "@types/lodash.snakecase": "^4.1.9",
-    "@types/lodash.uniqby": "^4.7.9",
     "@types/minimatch": "^5.1.2",
     "@types/node": "^16.18.126",
-    "@types/node-cron": "^3.0.11",
-    "@types/pg": "^8.11.11",
+    "@types/pg": "^8.16.0",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
     "@types/swagger-jsdoc": "^6.0.4",
-    "@types/uuid": "^9.0.7",
+    "@types/cors": "^2.8.19",
     "@typescript-eslint/eslint-plugin": "^8.49.0",
     "@typescript-eslint/parser": "^8.49.0",
     "auto-changelog": "^2.5.0",
@@ -90,12 +93,11 @@
     "jest": "^29.7.0",
     "jest-junit": "^15.0.0",
     "prettier": "^3.7.4",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
     "rollup": "^3.29.4",
     "rollup-plugin-delete": "^2.1.0",
     "ts-jest": "^29.2.5",
-    "typescript": "^4.9.5"
+    "typescript": "^4.9.5",
+    "crypto-js": "^4.2.0"
   },
   "repository": {
     "type": "git",

package/out/util/handlebars.d.ts

@@ -1 +0,0 @@
-export declare const engine: (path: string, options: object, callback: (e: any, rendered: string) => void) => void;

package/out/util/handlebars.js

@@ -1,46 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.engine = void 0;
-const express_handlebars_1 = __importDefault(require("express-handlebars"));
-exports.engine = (0, express_handlebars_1.default)({
-    layoutsDir: '',
-    defaultLayout: '',
-    helpers: {
-        ifeq: function (a, b, options) {
-            if (a === b) {
-                return options.fn(this);
-            }
-            return options.inverse(this);
-        },
-        checkLength: function (a, b, options) {
-            if (a.length > b) {
-                return options.fn(this);
-            }
-            return options.inverse(this);
-        },
-        in: function (a, b, options) {
-            if (a !== undefined && a !== null && b !== undefined && b !== null) {
-                let bArray;
-                if (Array.isArray(b)) {
-                    bArray = b.map((item) => item.toString());
-                }
-                else {
-                    bArray = b.toString().split(' ');
-                }
-                if (bArray.includes(a === null || a === void 0 ? void 0 : a.toString())) {
-                    return options.fn(this);
-                }
-            }
-            return options.inverse(this);
-        },
-        or: function (a, b, options) {
-            return a || b ? options.fn(this) : options.inverse(this);
-        },
-        incrementedIndex: function (index) {
-            return index + 1;
-        },
-    },
-});

package/out/views/about.handlebars

@@ -1,102 +0,0 @@
-<html>
-<head>
-  <title>{{name}}</title>
-  <meta charset="utf-8" />
-  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-
-  {{#if storeLink}}
-    <link rel="canonical" href="{{storeLink}}">
-  {{/if}}
-
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-  <link href="/assets/css/about.css" media="screen" rel="stylesheet" type="text/css">
-</head>
-<body>
-<header id="header" class="navbar navbar-expand-lg fixed-top crowdin-navbar">
-  <a itemprop="url" class="navbar-brand crowdin-navbar__logo" href="https://crowdin.com" title="Crowdin — Localization Management Platform">
-    <svg class="d-none d-md-block d-lg-block default-logo" width="180" height="54" aria-labelledby="crowdinLogoTitle">
-      <title id="crowdinLogoTitle">Crowdin</title>
-      <image class="d-none d-md-block d-lg-block" href="/assets/img/crowdin.svg" width="180" height="54" alt="Crowdin" />
-    </svg>
-    <svg class="d-block d-md-none d-lg-none default-logo" width="173" height="32">
-      <image class="d-block d-md-none d-lg-none" href="/assets/img/crowdin_small.svg" width="173" height="32" alt="Crowdin"/>
-    </svg>
-  </a>
-  <div class="flex-nowrap justify-content-lg-end ml-auto my-lg-0">
-    <div class="pr-0 ml-2 my-2">
-          <span class="crowdin-navbar__nav-link contact ">
-            <a title="Contact" href="https://crowdin.com/contacts">Contact</a>
-          </span>
-    </div>
-  </div>
-</header>
-<div class="main">
-  <div class="container">
-    <div class="row crwd__product-template__header align-items-center">
-
-      <div class="offset-lg-1 col-lg-2 product-single__photo-wrapper crwd__product-single__photo-wrapper">
-        <div class="product-single__photo text-center mb-3 mb-lg-0">
-          <div class="image-holder">
-            <img width="200" src="{{logo}}" alt="{{name}}" id="FeaturedImage-product-template" class="img-fluid lazyloaded ls-is-cached product-featured-img" style="position: unset;">
-          </div>
-        </div>
-      </div>
-      <div class=" col-lg-8 crwd__product-template__header__title-container">
-        <div class="product-single__meta">
-          <div class="section-header">
-            <h1 class="product-single__title text-center text-lg-left">
-              <span>{{name}}</span>
-            </h1>
-            <div class="description">
-              {{name}} extends the default functionality available in Crowdin and Crowdin Enterprise by providing additional capabilities to enhance your localization workflows.
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="row">
-      <div class="offset-lg-1 col-lg-10">
-        <p>To install this app, you can use either of the following methods: </p>
-        <ol>
-          <li>Install it directly from the <a href="https://store.crowdin.com/" target="_blank">Crowdin Store</a>, if available.</li>
-          <li>Install it manually using the manifest URL below.</li>
-        </ol>
-        <p>For detailed steps, follow the <a href="https://support.crowdin.com/developer/crowdin-apps-installation/" target="_blank">App Installation</a></p>
-
-        <div class="mb-3">
-          <label for="manifest-url" class="form-label">Paste the following manifest URL when prompted during manual installation:</label>
-          <div class="input-group">
-            <input
-              type="text"
-              class="form-control"
-              id="manifest-url"
-              value="{{manifest}}"
-              readonly
-            >
-            <button class="btn btn-outline-secondary" type="button" id="copy-button">
-              Copy
-            </button>
-          </div>
-        </div>
-
-
-
-        {{#if storeLink}}
-          <div>Read more about <a href="{{storeLink}}" target="_blank" title="{{name}} on Crowdin Store">{{name}}</a>.</div>
-        {{/if}}
-      </div>
-    </div>
-  </div>
-</div>
-</body>
-<script>
-  document.getElementById('copy-button').addEventListener('click', async () => {
-    const text = document.getElementById('manifest-url').value;
-    await navigator.clipboard.writeText(text);
-    const btn = document.getElementById('copy-button');
-    btn.textContent = 'Copied!';
-    setTimeout(() => btn.textContent = 'Copy', 1500);
-  });
-</script>
-</html>

package/out/views/error.handlebars

@@ -1,54 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-{{> head}}
-
-<body>
-<div class="i_w">
-  <div class="error-page">
-    <div>
-      <div class="error-page-message">
-        <crowdin-h3>{{ message }}</crowdin-h3>
-        {{#if owners}}
-            <crowdin-p>This integration allows only one connection per project to ensure consistent configuration and prevent file import or synchronization issues.</crowdin-p>
-            {{#if owners.[1]}}
-                <crowdin-p class="mt-2">Managed by:</crowdin-p>
-                <ul>
-                    {{#each owners}}
-                        <li><crowdin-a href="#" onclick="contactUser({{this.id}})">{{this.name}}</crowdin-a></li>
-                    {{/each}}
-                </ul>
-                <crowdin-p class="mt-2">To request access, please contact one of the project members listed above.</crowdin-p>
-            {{else}}
-                <crowdin-p class="mt-2">Managed by: <crowdin-a href="#" onclick="contactUser({{owners.[0].id}})">{{owners.[0].name}}</crowdin-a></crowdin-p>
-                <crowdin-p class="mt-2">To request access, please contact the project member listed above.</crowdin-p>
-            {{/if}}
-        {{/if}}
-      </div>
-      {{#unless hideActions}}
-        <div class="error-page-action">
-          <crowdin-button outlined onclick="integrationLogout()">Log out</crowdin-button>
-          <span> or <crowdin-a href="https://crowdin.com/contacts" target="_blank">contact us</crowdin-a> for help</span>
-        </div>
-      {{/unless}}
-    </div>
-  </div>
-</div>
-</body>
-
-</html>
-<script>
-  function integrationLogout() {
-    checkOrigin()
-      .then(queryParams => fetch(`api/logout${queryParams}`, { method: 'POST' }))
-      .then(checkResponse)
-      .then(reloadLocation)
-      .then(localStorage.removeItem('revised_{{name}}'))
-      .catch(e => catchRejection(e, 'Looks like you are not logged in'));
-  }
-
-  function contactUser(userId) {
-    AP.getContext(function(context) {
-      AP.redirect(`${context.organization_id ? '/u' : ''}/messages/create/${userId}`);
-    });
-  }
-</script>

package/out/views/form.handlebars

@@ -1,31 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-{{> head}}
-<body>
-    <div
-        class="i_w"
-        style='max-width:680px; position: relative;'
-    >
-        <crowdin-card
-            id="card"
-            is-shadowed
-        >
-            <div id="form"></div>
-            <div id="form-loading">
-                <crowdin-progress-indicator />
-            </div>
-        </crowdin-card>
-    </div>
-    <crowdin-toasts></crowdin-toasts>
-    <script>
-    /*<!--*/
-        var formGetDataUrl = '{{formGetDataUrl}}';
-        var formPostDataUrl = '{{formPostDataUrl}}';
-        var formPatchDataUrl = '{{formPatchDataUrl}}';
-        var formSchema = {{{formSchema}}};
-        var formUiSchema = {{{formUiSchema}}};
-    /*-->*/
-    </script>
-    <script src="/assets/js/form.js"></script>
-</body>
-</html>