@crowdin/app-project-module 1.3.1 → 1.4.0

package/out/types.d.ts

@@ -524,6 +524,10 @@ export interface ImagePath {
      * path to app logo (e.g. {@example join(__dirname, 'logo.png')})
      */
     imagePath?: string;
+    /**
+     * URL to app logo that can be used instead of hosting it in the app (e.g. 'https://example.com/logo.png')
+     */
+    imageUrl?: string;
 }
 export interface Logger {
     enabled: boolean;

package/out/util/index.d.ts

@@ -14,7 +14,7 @@ export declare function getLogoUrl(config: Config | UnauthorizedConfig, moduleCo
  * Logo middleware with backwards compatibility
  * Serves both /logo.png (backwards-compatible) and actual file name
  * @param config - App configuration (required for Cloudflare Workers Assets support)
- * @param moduleConfig - Module configuration with imagePath (optional, falls back to config.imagePath)
+ * @param moduleConfig - Module configuration with imagePath or imageUrl (optional, falls back to config.imagePath)
  * @returns Express middleware
  */
 export declare function serveLogo(config: Config | UnauthorizedConfig, moduleConfig?: ImagePath): (req: Request, res: Response, next: Function) => Promise<void>;

package/out/util/index.js

@@ -177,8 +177,30 @@ function executeWithRetry(func_1) {
     });
 }
 function getLogoUrl(config, moduleConfig, modulePath) {
+    if (moduleConfig) {
+        if (moduleConfig.imageUrl) {
+            if (modulePath) {
+                return `/logo${modulePath}/logo.png`;
+            }
+            return '/logo.png';
+        }
+        else if (moduleConfig.imagePath) {
+            const imagePath = moduleConfig.imagePath;
+            const fileName = basename(imagePath);
+            if (!modulePath) {
+                return `/${fileName}`;
+            }
+            return `/logo${modulePath}/${fileName}`;
+        }
+    }
+    if (config.imageUrl) {
+        if (modulePath) {
+            return `/logo${modulePath}/logo.png`;
+        }
+        return '/logo.png';
+    }
     // Extract file name from imagePath with fallback to config.imagePath
-    const imagePath = (moduleConfig === null || moduleConfig === void 0 ? void 0 : moduleConfig.imagePath) || config.imagePath;
+    const imagePath = config.imagePath;
     const fileName = basename(imagePath);
     if (!modulePath) {
         return `/${fileName}`;
@@ -189,11 +211,42 @@ function getLogoUrl(config, moduleConfig, modulePath) {
  * Logo middleware with backwards compatibility
  * Serves both /logo.png (backwards-compatible) and actual file name
  * @param config - App configuration (required for Cloudflare Workers Assets support)
- * @param moduleConfig - Module configuration with imagePath (optional, falls back to config.imagePath)
+ * @param moduleConfig - Module configuration with imagePath or imageUrl (optional, falls back to config.imagePath)
  * @returns Express middleware
  */
 function serveLogo(config, moduleConfig) {
-    const imagePath = (moduleConfig === null || moduleConfig === void 0 ? void 0 : moduleConfig.imagePath) || config.imagePath;
+    if (moduleConfig) {
+        if (moduleConfig.imageUrl) {
+            return (req, res, next) => __awaiter(this, void 0, void 0, function* () {
+                if (req.path === '/logo.png') {
+                    res.redirect(moduleConfig.imageUrl);
+                    return;
+                }
+                next();
+            });
+        }
+        else if (moduleConfig.imagePath) {
+            const fileHandler = (0, static_files_1.serveFile)(config, moduleConfig.imagePath);
+            const fileName = basename(moduleConfig.imagePath);
+            return (req, res, next) => __awaiter(this, void 0, void 0, function* () {
+                // Match exact paths: /logo.png (backwards-compatible) or /{actual-file-name}
+                if (req.path === '/logo.png' || req.path === `/${fileName}`) {
+                    return fileHandler(req, res, next);
+                }
+                next();
+            });
+        }
+    }
+    if (config.imageUrl) {
+        return (req, res, next) => __awaiter(this, void 0, void 0, function* () {
+            if (req.path === '/logo.png') {
+                res.redirect(config.imageUrl);
+                return;
+            }
+            next();
+        });
+    }
+    const imagePath = config.imagePath;
     const fileName = basename(imagePath);
     const fileHandler = (0, static_files_1.serveFile)(config, imagePath);
     return (req, res, next) => __awaiter(this, void 0, void 0, function* () {

package/out/views/AboutPage.js

@@ -58,7 +58,8 @@ const AboutPage = ({ name, logo, manifest, storeLink, showDebugLink }) => (react
                         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 }))),
+                                react_1.default.createElement("input", { type: "text", className: "form-control", id: "manifest-url", value: manifest, readOnly: true }),
+                                react_1.default.createElement("button", { className: "btn btn-outline-secondary", type: "button", id: "copy-button" }, "Copy"))),
                         storeLink && (react_1.default.createElement("div", null,
                             "Read more about",
                             ' ',
@@ -72,5 +73,16 @@ const AboutPage = ({ name, logo, manifest, storeLink, showDebugLink }) => (react
                                 ' ',
                                 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."))))))))));
+                                "to inspect requests, debug issues, and monitor application behavior."))))))),
+        react_1.default.createElement("script", { dangerouslySetInnerHTML: {
+                __html: `
+                        document.getElementById('copy-button').addEventListener('click', async function() {
+                            var text = document.getElementById('manifest-url').value;
+                            await navigator.clipboard.writeText(text);
+                            var btn = document.getElementById('copy-button');
+                            btn.textContent = 'Copied!';
+                            setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
+                        });
+                    `.trim(),
+            } }))));
 exports.AboutPage = AboutPage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crowdin/app-project-module",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "Module that generates for you all common endpoints for serving standalone Crowdin App",
   "main": "out/index.js",
   "types": "out/index.d.ts",