@crowdin/app-project-module 0.98.0-cf-1 → 0.98.0

package/out/types.d.ts

@@ -10,8 +10,6 @@ import { IntegrationLogic } from './modules/integration/types';
 import { Storage } from './storage';
 import { MySQLStorageConfig } from './storage/mysql';
 import { PostgreStorageConfig } from './storage/postgre';
-import { D1StorageConfig } from './storage/d1';
-import type { Fetcher } from '@cloudflare/workers-types';
 import { ApiModule } from './modules/api/types';
 import { LogErrorFunction, LogFunction } from './util/logger';
 import { AiProviderModule } from './modules/ai-provider/types';
@@ -102,14 +100,6 @@ export interface ClientConfig extends ImagePath {
      * config to configure MySQL as a storage
      */
     mysqlConfig?: MySQLStorageConfig;
-    /**
-     * config to configure Cloudflare D1 as a storage
-     */
-    d1Config?: D1StorageConfig;
-    /**
-     * Cloudflare Workers Assets Fetcher
-     */
-    assets?: Fetcher;
     /**
      * integration module logic
      */
@@ -278,7 +268,7 @@ export interface Environments {
 }
 type Environment = 'crowdin' | 'crowdin-enterprise';
 export type Config = ClientConfig & {
-    baseUrl?: string;
+    baseUrl: string;
     clientId: string;
     clientSecret: string;
     port: number;

package/out/util/credentials-masker.d.ts

@@ -6,5 +6,5 @@ declare function getRequestCredentialsMasker({ moduleConfig, dataPath, }: {
     moduleConfig?: UiModule;
     dataPath?: string;
 }): (req: Request | CrowdinClientRequest, res: Response, next: Function) => any;
-declare function postRequestCredentialsMasker(moduleConfig?: UiModule, credentialsExtractor?: Function): (req: Request<import("express-serve-static-core").ParamsDictionary, any, any, import("qs").ParsedQs, Record<string, any>> | CrowdinClientRequest, res: Response<any, Record<string, any>>, next: Function) => void;
+declare function postRequestCredentialsMasker(moduleConfig?: UiModule, credentialsExtractor?: Function): (req: CrowdinClientRequest | Request<import("express-serve-static-core").ParamsDictionary, any, any, import("qs").ParsedQs, Record<string, any>>, res: Response<any, Record<string, any>>, next: Function) => void;
 export { getRequestCredentialsMasker, postRequestCredentialsMasker, maskKey };

package/out/util/handlebars.d.ts

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

package/out/util/handlebars.js

@@ -0,0 +1,46 @@
+"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/util/index.d.ts

@@ -1,11 +1,9 @@
 import { Request, Response } from 'express';
 import { Config, CrowdinClientRequest, ImagePath, UnauthorizedConfig } from '../types';
-export { renderJSX } from './jsx-renderer';
 export declare class CodeError extends Error {
     code: number | undefined;
     constructor(message: string, code?: number);
 }
-export declare function extractBaseUrlFromRequest(req: Request): string;
 export declare function runAsyncWrapper(callback: Function): (req: Request | CrowdinClientRequest, res: Response, next: Function) => void;
 export declare function encryptData(config: Config, data: string): string;
 export declare function decryptData(config: Config, data: string): string;

package/out/util/index.js

@@ -32,16 +32,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFormattedDate = exports.validateEmail = exports.prepareFormDataMetadataId = exports.getPreviousDate = exports.isJson = exports.isAuthorizedConfig = exports.getLogoUrl = exports.executeWithRetry = exports.decryptData = exports.encryptData = exports.runAsyncWrapper = exports.extractBaseUrlFromRequest = exports.CodeError = exports.renderJSX = void 0;
+exports.getFormattedDate = exports.validateEmail = exports.prepareFormDataMetadataId = exports.getPreviousDate = exports.isJson = exports.isAuthorizedConfig = exports.getLogoUrl = exports.executeWithRetry = exports.decryptData = exports.encryptData = exports.runAsyncWrapper = exports.CodeError = void 0;
 const crypto = __importStar(require("crypto-js"));
 const storage_1 = require("../storage");
 const types_1 = require("../types");
 const logger_1 = require("./logger");
 const crowdin_apps_functions_1 = require("@crowdin/crowdin-apps-functions");
-const jsx_renderer_1 = require("./jsx-renderer");
-const views_1 = require("../views");
-var jsx_renderer_2 = require("./jsx-renderer");
-Object.defineProperty(exports, "renderJSX", { enumerable: true, get: function () { return jsx_renderer_2.renderJSX; } });
 class CodeError extends Error {
     constructor(message, code) {
         super(message);
@@ -49,12 +45,6 @@ class CodeError extends Error {
     }
 }
 exports.CodeError = CodeError;
-function extractBaseUrlFromRequest(req) {
-    const protocol = req.protocol;
-    const host = req.get('host');
-    return `${protocol}://${host}`;
-}
-exports.extractBaseUrlFromRequest = extractBaseUrlFromRequest;
 function isCrowdinClientRequest(req) {
     return req.crowdinContext;
 }
@@ -71,9 +61,7 @@ function handleError(err, req, res) {
         if (!res.headersSent) {
             const errorMessage = { message: (0, logger_1.getErrorMessage)(err), code };
             if ('integrationCredentials' in req) {
-                const html = (0, jsx_renderer_1.renderJSX)(views_1.ErrorPage, errorMessage);
-                res.setHeader('Content-Type', 'text/html; charset=utf-8');
-                res.send(html);
+                res.render('error', errorMessage);
             }
             else {
                 res.status(code).send({ error: errorMessage });

package/out/views/about.handlebars

@@ -0,0 +1,102 @@
+<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

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

@@ -0,0 +1,30 @@
+<!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

@@ -0,0 +1,16 @@
+<!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>