@cyprnet/node-red-contrib-uibuilder-formgen 0.5.2 → 0.5.3

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this package will be documented in this file.
 
+## 0.5.3
+
+- FormGen node: added **Logo height/width** options (defaults to **252h x 1100w**) with per-message override support.
+
 ## 0.5.2
 
 - Schema Builder: added **Generate Schema (Plain JSON)** to auto-create a PortalSmith schema from a plain JSON config object and load it into the builder for editing.

package/nodes/uibuilder-formgen-v3.html

@@ -12,6 +12,8 @@
       themeMode: { value: "auto" },
       logoPath: { value: "" },
       logoAlt: { value: "Logo" },
+      logoHeight: { value: 252 },
+      logoWidth: { value: 1100 },
       licenseConfig: { value: "", type: "portalsmith-license", required: false },
       submitMode: { value: "uibuilder" },
       submitUrl: { value: "" },
@@ -127,6 +129,16 @@
   <input type="text" id="node-input-logoAlt" placeholder="Logo" />
 </div>
 
+<div class="form-row">
+  <label for="node-input-logoHeight"><i class="fa fa-arrows-v"></i> Logo height (px)</label>
+  <input type="number" id="node-input-logoHeight" min="1" placeholder="252" />
+</div>
+
+<div class="form-row">
+  <label for="node-input-logoWidth"><i class="fa fa-arrows-h"></i> Logo width (px)</label>
+  <input type="number" id="node-input-logoWidth" min="1" placeholder="1100" />
+</div>
+
 <hr/>
 <div class="form-row">
   <strong>Licensing (offline-first)</strong>

package/nodes/uibuilder-formgen-v3.js

@@ -14,6 +14,17 @@ module.exports = function(RED) {
   const https = require("https");
   const licensing = require("../lib/licensing");
 
+  const DEFAULT_LOGO_MAX_HEIGHT_PX = 252;
+  const DEFAULT_LOGO_MAX_WIDTH_PX = 1100;
+
+  function toPositiveIntOrDefault(value, defaultValue) {
+    const n = Number(value);
+    if (!Number.isFinite(n)) return defaultValue;
+    const i = Math.round(n);
+    if (i <= 0) return defaultValue;
+    return i;
+  }
+
   // Register admin endpoints once (used by the editor UI to show license status)
   let _adminRegistered = false;
   function registerAdminEndpoints() {
@@ -358,6 +369,14 @@ module.exports = function(RED) {
         const logoRequested = isNonEmptyString(msg.options?.logoPath ?? config.logoPath ?? "");
         let logoPathRaw = msg.options?.logoPath ?? config.logoPath ?? "";
         const logoAltRaw = msg.options?.logoAlt ?? config.logoAlt ?? "Logo";
+        const logoMaxHeightPx = toPositiveIntOrDefault(
+          msg.options?.logoHeight ?? config.logoHeight ?? DEFAULT_LOGO_MAX_HEIGHT_PX,
+          DEFAULT_LOGO_MAX_HEIGHT_PX
+        );
+        const logoMaxWidthPx = toPositiveIntOrDefault(
+          msg.options?.logoWidth ?? config.logoWidth ?? DEFAULT_LOGO_MAX_WIDTH_PX,
+          DEFAULT_LOGO_MAX_WIDTH_PX
+        );
         if (isNonEmptyString(logoPathRaw) && licensePublic.brandingLocked) {
           node.warn("PortalSmith FormGen: custom logo is disabled in Free mode (watermarked). Using default branding.");
           licensePublic.brandingAttempted = Boolean(logoRequested);
@@ -403,6 +422,8 @@ module.exports = function(RED) {
           themeMode: themeMode,
           logoUrl: logoUrl,
           logoAlt: logoAlt,
+          logoMaxHeightPx: logoMaxHeightPx,
+          logoMaxWidthPx: logoMaxWidthPx,
           licensed: licensePublic.licensed
         };
 
@@ -434,7 +455,7 @@ module.exports = function(RED) {
         await fs.writeJson(targetSchema, schema, { spaces: 2 });
 
         const runtimeData = {
-          generatorVersion: "0.5.1",
+          generatorVersion: "0.5.3",
           generatorNode: "uibuilder-formgen-v3",
           timestamp: new Date().toISOString(),
           instanceName: instanceName,
@@ -443,6 +464,8 @@ module.exports = function(RED) {
           themeMode: themeMode,
           logoUrl: logoUrl || "",
           logoAlt: logoAlt || "",
+          logoMaxHeightPx: logoMaxHeightPx,
+          logoMaxWidthPx: logoMaxWidthPx,
           submitMode: submitMode,
           submitUrl: submitUrl,
           license: licensePublic,

package/nodes/uibuilder-formgen.html

@@ -12,6 +12,8 @@
       themeMode: { value: "auto" },
       logoPath: { value: "" },
       logoAlt: { value: "Logo" },
+      logoHeight: { value: 252 },
+      logoWidth: { value: 1100 },
       licenseConfig: { value: "", type: "portalsmith-license", required: false },
       submitMode: { value: "uibuilder" },
       submitUrl: { value: "" },
@@ -139,6 +141,16 @@
   <input type="text" id="node-input-logoAlt" placeholder="Logo" />
 </div>
 
+<div class="form-row">
+  <label for="node-input-logoHeight"><i class="fa fa-arrows-v"></i> Logo height (px)</label>
+  <input type="number" id="node-input-logoHeight" min="1" placeholder="252" />
+</div>
+
+<div class="form-row">
+  <label for="node-input-logoWidth"><i class="fa fa-arrows-h"></i> Logo width (px)</label>
+  <input type="number" id="node-input-logoWidth" min="1" placeholder="1100" />
+</div>
+
 <hr/>
 <div class="form-row">
   <strong>Licensing (offline-first)</strong>

package/nodes/uibuilder-formgen.js

@@ -14,6 +14,17 @@ module.exports = function(RED) {
   const https = require("https");
   const licensing = require("../lib/licensing");
 
+  const DEFAULT_LOGO_MAX_HEIGHT_PX = 252;
+  const DEFAULT_LOGO_MAX_WIDTH_PX = 1100;
+
+  function toPositiveIntOrDefault(value, defaultValue) {
+    const n = Number(value);
+    if (!Number.isFinite(n)) return defaultValue;
+    const i = Math.round(n);
+    if (i <= 0) return defaultValue;
+    return i;
+  }
+
   // Register admin endpoints once (used by the editor UI to show license status)
   let _adminRegistered = false;
   function registerAdminEndpoints() {
@@ -362,6 +373,14 @@ module.exports = function(RED) {
         const logoRequested = isNonEmptyString(msg.options?.logoPath ?? config.logoPath ?? "");
         let logoPathRaw = msg.options?.logoPath ?? config.logoPath ?? "";
         const logoAltRaw = msg.options?.logoAlt ?? config.logoAlt ?? "Logo";
+        const logoMaxHeightPx = toPositiveIntOrDefault(
+          msg.options?.logoHeight ?? config.logoHeight ?? DEFAULT_LOGO_MAX_HEIGHT_PX,
+          DEFAULT_LOGO_MAX_HEIGHT_PX
+        );
+        const logoMaxWidthPx = toPositiveIntOrDefault(
+          msg.options?.logoWidth ?? config.logoWidth ?? DEFAULT_LOGO_MAX_WIDTH_PX,
+          DEFAULT_LOGO_MAX_WIDTH_PX
+        );
         if (isNonEmptyString(logoPathRaw) && licensePublic.brandingLocked) {
           node.warn("PortalSmith FormGen: custom logo is disabled in Free mode (watermarked). Using default branding.");
           licensePublic.brandingAttempted = Boolean(logoRequested);
@@ -425,6 +444,8 @@ module.exports = function(RED) {
           themeMode: themeMode,
           logoUrl: logoUrl,
           logoAlt: logoAlt,
+          logoMaxHeightPx: logoMaxHeightPx,
+          logoMaxWidthPx: logoMaxWidthPx,
           licensed: licensePublic.licensed
         };
 
@@ -463,7 +484,7 @@ module.exports = function(RED) {
 
         // Write runtime metadata
         const runtimeData = {
-          generatorVersion: "0.5.1",
+          generatorVersion: "0.5.3",
           timestamp: new Date().toISOString(),
           instanceName: instanceName,
           storageMode: storageMode,
@@ -471,6 +492,8 @@ module.exports = function(RED) {
           themeMode: themeMode,
           logoUrl: logoUrl || "",
           logoAlt: logoAlt || "",
+          logoMaxHeightPx: logoMaxHeightPx,
+          logoMaxWidthPx: logoMaxWidthPx,
           submitMode: submitMode,
           submitUrl: submitUrl,
           license: licensePublic,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cyprnet/node-red-contrib-uibuilder-formgen",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "PortalSmith: Generate schema-driven uibuilder form portals from JSON",
   "keywords": [
     "node-red",

package/templates/index.html.mustache

@@ -137,6 +137,13 @@
       height: auto;
       object-fit: contain;
     }
+    .ps-custom-logo {
+      max-height: var(--ps-logo-max-height, 252px);
+      max-width: var(--ps-logo-max-width, 1100px);
+      width: auto;
+      height: auto;
+      object-fit: contain;
+    }
     .ps-watermark {
       position: fixed;
       right: 14px;
@@ -186,10 +193,10 @@
 <body>
   <div id="app">
     <div class="container form-container">
-      <div class="ps-header">
+      <div class="ps-header" style="--ps-logo-max-height: [[logoMaxHeightPx]]px; --ps-logo-max-width: [[logoMaxWidthPx]]px;">
         <h1 class="mb-0">[[title]]</h1>
         [[#logoUrl]]
-        <img class="ps-logo" src="[[logoUrl]]" alt="[[logoAlt]]">
+        <img class="ps-custom-logo" src="[[logoUrl]]" alt="[[logoAlt]]">
         [[/logoUrl]]
         [[^logoUrl]]
         [[^licensed]]

package/templates/index.v3.html.mustache

@@ -120,6 +120,13 @@
       height: auto;
       object-fit: contain;
     }
+    .ps-custom-logo {
+      max-height: var(--ps-logo-max-height, 252px);
+      max-width: var(--ps-logo-max-width, 1100px);
+      width: auto;
+      height: auto;
+      object-fit: contain;
+    }
     .ps-watermark {
       position: fixed;
       right: 14px;
@@ -169,10 +176,10 @@
 <body>
   <div id="app">
     <div class="container form-container">
-      <div class="ps-header">
+      <div class="ps-header" style="--ps-logo-max-height: [[logoMaxHeightPx]]px; --ps-logo-max-width: [[logoMaxWidthPx]]px;">
         <h1 class="mb-0">[[title]]</h1>
         [[#logoUrl]]
-        <img class="ps-logo" src="[[logoUrl]]" alt="[[logoAlt]]">
+        <img class="ps-custom-logo" src="[[logoUrl]]" alt="[[logoAlt]]">
         [[/logoUrl]]
         [[^logoUrl]]
         [[^licensed]]