@crowdin/app-project-module 0.96.3 → 0.98.0-cf-0

package/out/views/OAuthPage.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface OAuthPageProps {
+    message: string;
+    oauthMode?: string;
+}
+export declare const OAuthPage: FC<OAuthPageProps>;
+export {};

package/out/views/OAuthPage.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OAuthPage = void 0;
+const react_1 = __importDefault(require("react"));
+const OAuthPage = ({ message, oauthMode }) => (react_1.default.createElement("script", { type: "text/javascript", dangerouslySetInnerHTML: {
+        __html: `
+        const oauthMode = ${oauthMode ? `'${oauthMode}'` : 'undefined'};
+        if (oauthMode !== 'polling') {
+          window.opener.postMessage('${message}');
+        }
+        window.close();
+      `,
+    } }));
+exports.OAuthPage = OAuthPage;

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,13 @@
+/**
+ * React JSX Views
+ * Export all React SSR components for use in route handlers
+ */
+export { Head } from './layout/Head';
+export { AboutPage } from './AboutPage';
+export { ErrorPage } from './ErrorPage';
+export { FormPage } from './FormPage';
+export { InstallPage } from './InstallPage';
+export { LoginPage } from './LoginPage';
+export { MainPage } from './MainPage';
+export { OAuthPage } from './OAuthPage';
+export { SubscriptionPage } from './SubscriptionPage';

package/out/views/index.js

@@ -0,0 +1,25 @@
+"use strict";
+/**
+ * React JSX Views
+ * Export all React SSR components for use in route handlers
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubscriptionPage = exports.OAuthPage = exports.MainPage = exports.LoginPage = exports.InstallPage = exports.FormPage = exports.ErrorPage = 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 ErrorPage_1 = require("./ErrorPage");
+Object.defineProperty(exports, "ErrorPage", { enumerable: true, get: function () { return ErrorPage_1.ErrorPage; } });
+var FormPage_1 = require("./FormPage");
+Object.defineProperty(exports, "FormPage", { enumerable: true, get: function () { return FormPage_1.FormPage; } });
+var InstallPage_1 = require("./InstallPage");
+Object.defineProperty(exports, "InstallPage", { enumerable: true, get: function () { return InstallPage_1.InstallPage; } });
+var LoginPage_1 = require("./LoginPage");
+Object.defineProperty(exports, "LoginPage", { enumerable: true, get: function () { return LoginPage_1.LoginPage; } });
+var MainPage_1 = require("./MainPage");
+Object.defineProperty(exports, "MainPage", { enumerable: true, get: function () { return MainPage_1.MainPage; } });
+var OAuthPage_1 = require("./OAuthPage");
+Object.defineProperty(exports, "OAuthPage", { enumerable: true, get: function () { return OAuthPage_1.OAuthPage; } });
+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,14 +1,14 @@
 {
   "name": "@crowdin/app-project-module",
-  "version": "0.96.3",
+  "version": "0.98.0-cf-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": "tsc -p ./ && cp -R static out && cp logo.png out && rollup -c rollup.config.mjs",
+    "build-main": "tsc -p ./ && 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",
+    "watch-main": "tsc --watch -p ./ && cp -R static out && cp logo.png out",
     "lint": "eslint --fix \"{src,tests}/**/*.{js,ts}\"",
     "prettier": "prettier --config .prettierrc src/**/*.ts --write",
     "lint-ci": "eslint \"{src,tests}/**/*.{js,ts}\"",
@@ -26,8 +26,7 @@
     "@godaddy/terminus": "^4.12.1",
     "amqplib": "^0.10.8",
     "crypto-js": "^4.2.0",
-    "express": "^4.21.2",
-    "express-handlebars": "^5.3.5",
+    "express": "^5.1.0",
     "express-rate-limit": "^7.5.0",
     "lodash.get": "^4.4.2",
     "lodash.isstring": "^4.0.1",
@@ -37,16 +36,19 @@
     "mysql2": "^3.12.0",
     "node-cron": "^3.0.3",
     "pg": "^8.13.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "redoc-express": "^2.1.0",
     "sqlite3": "^5.1.7",
     "swagger-jsdoc": "^6.2.8",
     "uuid": "^8.3.2"
   },
   "devDependencies": {
-    "@monaco-editor/react": "^4.7.0",
     "@babel/preset-react": "^7.26.3",
+    "@cloudflare/workers-types": "^4.20251011.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
+    "@monaco-editor/react": "^4.7.0",
     "@mui/icons-material": "^5.16.14",
     "@mui/material": "^5.16.14",
     "@rjsf/core": "^5.24.3",
@@ -62,8 +64,7 @@
     "@rollup/plugin-terser": "^0.4.4",
     "@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",
@@ -73,6 +74,8 @@
     "@types/node": "^16.18.126",
     "@types/node-cron": "^3.0.11",
     "@types/pg": "^8.11.11",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
     "@types/swagger-jsdoc": "^6.0.4",
     "@types/uuid": "^9.0.7",
     "@typescript-eslint/eslint-plugin": "^2.3.1",
@@ -84,8 +87,6 @@
     "jest": "^29.7.0",
     "jest-junit": "^15.0.0",
     "prettier": "^2.8.8",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
     "rollup": "^3.29.4",
     "rollup-plugin-delete": "^2.1.0",
     "ts-jest": "^29.2.5",

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,30 +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 formSchema = {{{formSchema}}};
-        var formUiSchema = {{{formUiSchema}}};
-    /*-->*/
-    </script>
-    <script src="/assets/js/form.js"></script>
-</body>
-</html>

package/out/views/install.handlebars

@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-{{> head}}
-
-<body>
-    <div class="i_w center">
-        <div>
-            <h1>Looks like {{ name }} is not installed yet!</h1>
-            <p>Contact your organization administrator to install it. More info on <a
-                    href='https://support.crowdin.com'>Link
-                    to how to install</a></p>
-        </div>
-    </div>
-</body>
-
-</html>