@crowdin/app-project-module 2.1.0 → 2.3.0

package/out/storage/drizzle/sqlite/migrations/meta/_journal.json

@@ -8,6 +8,13 @@
       "when": 1779645859117,
       "tag": "0000_init",
       "breakpoints": true
+    },
+    {
+      "idx": 1,
+      "version": "6",
+      "when": 1783598873358,
+      "tag": "0001_new_rhodey",
+      "breakpoints": true
     }
   ]
 }

package/out/storage/drizzle/sqlite/schema.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.syncedData = exports.unsyncedFiles = exports.translationFileCache = exports.job = exports.integrationSettings = exports.userErrors = exports.webhooks = exports.filesSnapshot = exports.appMetadata = exports.syncSettings = exports.integrationCredentials = exports.crowdinCredentials = void 0;
 const sqlite_core_1 = require("drizzle-orm/sqlite-core");
+const types_1 = require("../../../modules/integration/util/types");
 exports.crowdinCredentials = (0, sqlite_core_1.sqliteTable)('crowdin_credentials', {
     id: (0, sqlite_core_1.text)('id').primaryKey(),
     app_secret: (0, sqlite_core_1.text)('app_secret'),
@@ -70,7 +71,7 @@ exports.job = (0, sqlite_core_1.sqliteTable)('job', {
     type: (0, sqlite_core_1.text)('type').notNull(),
     title: (0, sqlite_core_1.text)('title'),
     progress: (0, sqlite_core_1.integer)('progress').notNull().default(0),
-    status: (0, sqlite_core_1.text)('status').notNull().default('CREATED'),
+    status: (0, sqlite_core_1.text)('status').notNull().default(types_1.JobStatus.CREATED),
     payload: (0, sqlite_core_1.text)('payload'),
     info: (0, sqlite_core_1.text)('info'),
     data: (0, sqlite_core_1.text)('data'),

package/out/types.d.ts

@@ -17,6 +17,7 @@ import { Webhook } from './modules/webhooks/types';
 import { WorkflowStepTypeModule } from './modules/workflow-step-type/types';
 import { AiRequestProcessorModule, AiStreamProcessorModule } from './modules/ai-request-processors/types';
 import { AutomationActionModule } from './modules/automation-action/types';
+import { AdvisorInspectorModule } from './modules/advisor-inspector/types';
 import { AuthGuardModule } from './modules/auth-guard/types';
 import { Cron } from './util/cron';
 import { PostgreStorageConfig } from './storage/drizzle/postgresql';
@@ -276,6 +277,11 @@ export interface ClientConfig extends ImagePath {
      * qa check module
      */
     externalQaCheck?: (ExternalQaCheckModule & ImagePath)[];
+    /**
+     * Advisor inspector module — app-provided checks surfaced in the Crowdin Advisor.
+     * Receives recheck nudges from BE and pushes results via reportAdvisorInsight().
+     */
+    advisorInspector?: AdvisorInspectorModule[];
     /**
      * webhook modules
      */

package/out/util/jsx-renderer.d.ts

@@ -7,8 +7,9 @@ export declare function renderJSXOnServer<P = any>(Component: FC<P>, props: P):
 /**
  * Renders a React component to HTML string to be hydrated on client side
  */
-export declare function renderJSXOnClient({ name, props, withHead, }: {
+export declare function renderJSXOnClient({ name, props, head, withHead, }: {
     name: string;
     props: any;
+    head?: string;
     withHead?: boolean;
 }): string;

package/out/util/jsx-renderer.js

@@ -4,6 +4,9 @@ exports.renderJSXOnServer = renderJSXOnServer;
 exports.renderJSXOnClient = renderJSXOnClient;
 const server_1 = require("react-dom/server");
 const views_1 = require("../views");
+function serializePageProps(props) {
+    return JSON.stringify(props).replace(/</g, '\\u003c');
+}
 /**
  * Renders a React component to HTML string
  * Uses React Server-Side Rendering (renderToStaticMarkup)
@@ -15,19 +18,16 @@ function renderJSXOnServer(Component, props) {
 /**
  * Renders a React component to HTML string to be hydrated on client side
  */
-function renderJSXOnClient({ name, props, withHead = true, }) {
-    const head = withHead ? (0, server_1.renderToStaticMarkup)((0, views_1.Head)(props)) : '';
+function renderJSXOnClient({ name, props, head, withHead = true, }) {
+    const htmlHead = head !== null && head !== void 0 ? head : (withHead ? (0, server_1.renderToStaticMarkup)((0, views_1.Head)(props)) : '');
     return `
 <!DOCTYPE html>
 <html>
-    ${head}
+    ${htmlHead}
     <body>
         <div id="root"></div>
-    <script>
-      // Make props available to client JS
-      window.__PAGE_PROPS__ = ${JSON.stringify(props).replace(/</g, '\\u003c')};
-    </script>
-    <script type="module" src="/assets/ui/${name}.bundle.js"></script>
+        <script id="__PAGE_PROPS__" type="application/json">${serializePageProps(props)}</script>
+        <script type="module" src="/assets/ui/${name}.bundle.js"></script>
     </body>
 </html>
     `;

package/out/views/FormPage.js

@@ -9,10 +9,10 @@ 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("div", { className: "relative mx-auto max-w-[680px] px-6 py-4" },
             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("div", { id: "form-loading", className: "absolute inset-0 flex items-center justify-center bg-[rgb(251_251_251_/_70%)]" },
                     react_1.default.createElement("crowdin-progress-indicator", null)))),
         react_1.default.createElement("crowdin-toasts", null),
         react_1.default.createElement("script", { dangerouslySetInnerHTML: {

package/out/views/index.d.ts

@@ -3,6 +3,4 @@
  * 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

@@ -4,12 +4,8 @@
  * 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;
+exports.FormPage = 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.js

@@ -11,19 +11,9 @@ const Head = ({ sentryData }) => (react_1.default.createElement("head", null,
     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: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crowdin/app-project-module",
-  "version": "2.1.0",
+  "version": "2.3.0",
   "description": "Module that generates for you all common endpoints for serving standalone Crowdin App",
   "main": "out/index.js",
   "types": "out/index.d.ts",
@@ -37,7 +37,8 @@
     }
   },
   "scripts": {
-    "build": "npm run build-main && npm run build-ui",
+    "build": "npm run build-css && npm run build-main && npm run build-ui",
+    "build-css": "tailwindcss -i ./ui/styles/tailwind.css -o ./static/css/styles.css --minify",
     "build-main": "tsc -p ./ && cp -R static out && cp logo.png out && npm run copy-migrations",
     "build-ui": "rollup -c rollup-ui.config.mjs",
     "watch-main": "tsc --watch -p ./ && cp -R static out && cp logo.png out",
@@ -106,6 +107,7 @@
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-replace": "^6.0.3",
     "@rollup/plugin-typescript": "12.3.0",
+    "@tailwindcss/cli": "^4.3.2",
     "@types/better-sqlite3": "^7.6.13",
     "@types/cors": "^2.8.19",
     "@types/express": "^5.0.3",
@@ -128,6 +130,7 @@
     "jest-junit": "^16.0.0",
     "prettier": "^3.8.1",
     "rollup": "^4.59.0",
+    "tailwindcss": "^4.3.2",
     "ts-jest": "^29.4.6",
     "typescript": "^5.9.3"
   },

package/out/static/css/about.css

@@ -1,128 +0,0 @@
-/* Base styles */
-body {
-    margin: 0;
-    font-family: 'Noto Sans', sans-serif;
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: rgba(38,50,56,.87);
-    text-align: left;
-    background-color: #fff;
-}
-
-h1 {
-    font-family: 'Poppins', sans-serif;
-    line-height: 1.2;
-    color: #050c1a;
-    font-size: 2.33333rem;
-    letter-spacing: -.5px;
-    margin-bottom: 1.5rem;
-}
-
-a {
-    color: #66bb6a;
-    text-decoration: none;
-}
-
-a:hover {
-    color: #66bb6a;
-    text-decoration: underline;
-}
-
-pre {
-    display: block;
-    font-size: 87.5%;
-    color: #212529;
-    background-color: #eceff1;
-    border: 0;
-    border-radius: .25rem;
-    padding: 1rem;
-}
-
-/* Layout */
-.main {
-    padding-top: 64px;
-    padding-bottom: 3rem;
-}
-
-/* Navbar */
-.crowdin-navbar {
-    min-width: 300px;
-    background-color: #fff;
-    border-bottom: 1px solid rgba(0,0,0,.1);
-    padding: 0 1.5rem 0 .75rem;
-}
-
-@media (min-width: 768px) {
-    .crowdin-navbar {
-        padding: 0 1.75rem;
-        justify-content: space-between;
-    }
-}
-
-.crowdin-navbar__nav-link > a {
-    color: rgba(38,50,56,.54);
-    font-family: Poppins, sans-serif;
-    font-weight: 500;
-    letter-spacing: .25px;
-}
-
-.crowdin-navbar__nav-link > a:hover {
-    color: #050c1a;
-    text-decoration: none;
-}
-
-@media (min-width: 992px) and (max-width:1439.98px) {
-    .crowdin-navbar__nav-link > a {
-        font-size: .875rem;
-    }
-}
-
-/* Product template */
-.crwd__product-template__header {
-    padding-top: 6rem;
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 1.5;
-    font-family: 'Noto Sans', sans-serif;
-    color: rgba(40,44,52,0.87);
-    display: flex;
-    margin-bottom: 32px;
-}
-
-.crwd__product-single__photo-wrapper {
-    position: relative;
-}
-
-.description {
-    font-size: smaller;
-}
-
-.product-single__photo {
-    margin: 0 auto;
-    min-height: 1px;
-    width: 30%;
-    border-radius: 1rem;
-    border: 1px solid rgba(0,0,0,.1);
-    position: relative;
-    height: 0;
-    padding-bottom: 30%;
-}
-
-@media (min-width: 992px) {
-    .product-single__photo {
-        width: 100%;
-        padding-bottom: 100%;
-    }
-}
-
-.image-holder {
-    position: absolute;
-    left: 0;
-    top: 0;
-    padding: 1rem;
-    height: 100%;
-    width: 100%;
-    display: flex;
-    align-items: center;
-}

package/out/static/css/crowdin-ui-colors.css

@@ -1,115 +0,0 @@
-/* text color */
-*[class*="crdn-text"] {
-    color: var(--crdn-color, var(--crowdin-body-color));
-}
-
-.crdn-text\:primary {
-    --crdn-color: var(--crowdin-primary);
-}
-
-.crdn-text\:title {
-    --crdn-color: var(--crowdin-title-color);
-}
-
-.crdn-text\:body {
-    --crdn-color: var(--crowdin-body-color);
-}
-
-.crdn-text\:muted {
-    --crdn-color: var(--crowdin-text-muted);
-}
-
-.crdn-text\:disabled {
-    --crdn-color: var(--crowdin-text-disabled);
-}
-
-.crdn-text\:info {
-    --crdn-color: var(--crowdin-info)
-}
-
-.crdn-text\:success {
-    --crdn-color: var(--crowdin-success)
-}
-
-.crdn-text\:warning {
-    --crdn-color: var(--crowdin-warning)
-}
-
-.crdn-text\:danger {
-    --crdn-color: var(--crowdin-danger)
-}
-
-/* backgrounds */
-
-*[class*="crdn-bg"] {
-    background-color: var(--crdn-bg, var(--crowdin-body-bg));
-}
-
-.crdn-bg\:lvl-0 {
-    --crdn-bg: var(--crowdin-level-0-bg);
-}
-
-.crdn-bg\:lvl-1 {
-    --crdn-bg: var(--crowdin-level-1-bg);
-}
-
-.crdn-bg\:lvl-2 {
-    --crdn-bg: var(--crowdin-level-2-bg);
-}
-
-.crdn-bg\:lvl-2\:05 {
-    --crdn-bg: var(--crowdin-level-2-bg-05);
-}
-
-.crdn-bg\:lvl-3 {
-    --crdn-bg: var(--crowdin-level-3-bg);
-}
-
-.crdn-bg\:primary {
-    --crdn-bg: var(--crowdin-primary);
-}
-
-.crdn-bg\:success {
-    --crdn-bg: var(--crowdin-success-bg)
-}
-
-.crdn-bg\:success {
-    --crdn-bg: var(--crowdin-success-bg)
-}
-
-
-.crdn-bg\:warning {
-    --crdn-bg: var(--crowdin-warning-bg)
-}
-
-.crdn-bg\:danger {
-    --crdn-bg: var(--crowdin-danger-bg)
-}
-
-/* borders */
-
-*[class*="crdn-border"] {
-    border-width: 1px;
-    border-style: solid;
-    border-color: var(--crdn-border, var(--crowdin-border-color));
-}
-
-.crdn-border\:primary {
-    --crdn-border: var(--crowdin-primary);
-}
-
-.crdn-border\:danger {
-    --crdn-border: var(--crowdin-danger);
-}
-
-.crdn-border\:info {
-    --crdn-border: var(--crowdin-danger);
-}
-
-.crdn-border\:success {
-    --crdn-border: var(--crowdin-success);
-}
-
-.crdn-border\:warning {
-    --crdn-border: var(--crowdin-warning);
-}