@cyprnet/node-red-contrib-uibuilder-formgen 0.4.11

package/nodes/uibuilder-formgen.html

@@ -0,0 +1,261 @@
+<script type="text/javascript">
+  RED.nodes.registerType('uibuilder-formgen', {
+    category: 'PortalSmith',
+    color: '#E2D96E',
+    defaults: {
+      name: { value: "" },
+      uibuilderUrl: { value: "/uibuilder" },
+      instanceName: { value: "formgen" },
+      projectName: { value: "" },
+      uibRootDir: { value: "" },
+      instanceRootDir: { value: "" },
+      themeMode: { value: "auto" },
+      logoPath: { value: "" },
+      logoAlt: { value: "Logo" },
+      licenseConfig: { value: "", type: "portalsmith-license", required: false },
+      submitMode: { value: "uibuilder" },
+      submitUrl: { value: "" },
+      submitHeadersJson: { value: "" },
+      apiUrl: { value: "" },
+      apiMethod: { value: "POST" },
+      apiHeadersJson: { value: "" },
+      apiInsecureTls: { value: false },
+      apiTimeoutMs: { value: 15000 },
+      overwrite: { value: true },
+      storageMode: { value: "file", validate: function(val) { return val === "file" || val === "localstorage"; } },
+      exportFormats: { value: '["json","csv","html"]' }
+    },
+    credentials: {
+      licenseKey: { type: "password" }
+    },
+    inputs: 1,
+    outputs: 1,
+    icon: "font-awesome/fa-magic",
+    label: function() {
+      return this.name || "uibuilder-formgen";
+    },
+    oneditprepare: function() {
+      var statusEl = $("#ps-license-status");
+      var timer = null;
+
+      function setStatus(text, cls) {
+        statusEl.removeClass("text-success text-warning text-danger text-muted");
+        if (cls) statusEl.addClass(cls);
+        statusEl.text(text);
+      }
+
+      function validate() {
+        var licenseKey = $("#node-input-licenseKey").val() || "";
+        var licenseConfigId = $("#node-input-licenseConfig").val() || "";
+        setStatus("Checking...", "text-muted");
+
+        $.ajax({
+          url: "portalsmith/license/validate",
+          type: "POST",
+          contentType: "application/json",
+          data: JSON.stringify({ licenseKey: licenseKey, licenseConfigId: licenseConfigId })
+        })
+        .done(function(resp) {
+          if (!resp || resp.ok !== true) {
+            setStatus("Unknown", "text-muted");
+            return;
+          }
+          var keyInfo = "";
+          if (resp.verifier && resp.verifier.source) {
+            keyInfo = " (key: " + resp.verifier.source + (resp.verifier.fingerprint ? " " + resp.verifier.fingerprint : "") + ")";
+          }
+          if (resp.licensed) {
+            setStatus((resp.displayName || "Licensed") + keyInfo, "text-success");
+          } else if (resp.reason && resp.reason !== "missing") {
+            setStatus("Invalid/Expired (" + resp.reason + ")" + keyInfo, "text-warning");
+          } else {
+            setStatus("Free (Watermarked)" + keyInfo, "text-muted");
+          }
+        })
+        .fail(function() {
+          setStatus("Status unavailable (deploy/restart may be needed)", "text-muted");
+        });
+      }
+
+      function scheduleValidate() {
+        if (timer) clearTimeout(timer);
+        timer = setTimeout(validate, 250);
+      }
+
+      $("#node-input-licenseKey").on("keyup change", scheduleValidate);
+      $("#node-input-licenseConfig").on("change", scheduleValidate);
+      scheduleValidate();
+    }
+  });
+</script>
+
+<script type="text/html" data-template-name="uibuilder-formgen">
+<div class="form-row">
+  <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
+  <input type="text" id="node-input-name" placeholder="PortalSmith FormGen" />
+</div>
+
+<div class="form-row">
+  <label for="node-input-uibuilderUrl"><i class="fa fa-link"></i> uibuilder base</label>
+  <input type="text" id="node-input-uibuilderUrl" placeholder="/uibuilder" />
+</div>
+
+<div class="form-row">
+  <label for="node-input-instanceName"><i class="fa fa-folder"></i> Instance</label>
+  <input type="text" id="node-input-instanceName" placeholder="form-jobapp" />
+</div>
+
+<div class="form-row">
+  <label for="node-input-projectName"><i class="fa fa-briefcase"></i> Project (optional)</label>
+  <input type="text" id="node-input-projectName" placeholder="my-project" />
+</div>
+
+<div class="form-row">
+  <label for="node-input-uibRootDir"><i class="fa fa-folder-open"></i> uibuilder root dir (optional)</label>
+  <input type="text" id="node-input-uibRootDir" placeholder="/opt/node-red-home/projects/my-project/uibuilder" />
+</div>
+
+<div class="form-row">
+  <label for="node-input-instanceRootDir"><i class="fa fa-map-marker"></i> Instance root dir (optional)</label>
+  <input type="text" id="node-input-instanceRootDir" placeholder="/opt/node-red-home/projects/my-project/uibuilder/form-jobapp" />
+</div>
+
+<div class="form-row">
+  <label for="node-input-themeMode"><i class="fa fa-adjust"></i> Theme</label>
+  <select id="node-input-themeMode">
+    <option value="auto">Auto (prefers-color-scheme)</option>
+    <option value="light">Light</option>
+    <option value="dark">Dark</option>
+  </select>
+</div>
+
+<div class="form-row">
+  <label for="node-input-logoPath"><i class="fa fa-image"></i> Logo path (optional)</label>
+  <input type="text" id="node-input-logoPath" placeholder="Either /abs/path/to/logo.png OR just logo.png (assumes src/images/)" />
+</div>
+
+<div class="form-row">
+  <label for="node-input-logoAlt"><i class="fa fa-font"></i> Logo alt text</label>
+  <input type="text" id="node-input-logoAlt" placeholder="Logo" />
+</div>
+
+<hr/>
+<div class="form-row">
+  <strong>Licensing (offline-first)</strong>
+</div>
+
+<div class="form-row">
+  <label for="node-input-licenseConfig"><i class="fa fa-id-card"></i> License (shared config)</label>
+  <input type="text" id="node-input-licenseConfig" />
+</div>
+
+<div class="form-row">
+  <label for="node-input-licenseKey"><i class="fa fa-key"></i> License Key (optional)</label>
+  <input type="password" id="node-input-licenseKey" placeholder="PSLF1.<payload>.<signature>" />
+</div>
+
+<div class="form-tips">
+  Leave license fields blank to run in <strong>Free (Watermarked)</strong> mode. For PRO, paste the <code>PSLF1...</code> license string (provided by PortalSmith/CyprNet).
+</div>
+
+<div class="form-row">
+  <label>License Status</label>
+  <span id="ps-license-status" class="text-muted">Free (Watermarked)</span>
+</div>
+
+<div class="form-row">
+  <label for="node-input-overwrite"><i class="fa fa-refresh"></i> Overwrite</label>
+  <input type="checkbox" id="node-input-overwrite" />
+</div>
+
+<div class="form-row">
+  <label for="node-input-storageMode"><i class="fa fa-hdd-o"></i> Storage</label>
+  <select id="node-input-storageMode">
+    <option value="file">File (recommended)</option>
+    <option value="localstorage">Browser localStorage</option>
+  </select>
+</div>
+
+<div class="form-row">
+  <label for="node-input-exportFormats"><i class="fa fa-download"></i> Export Formats (JSON array)</label>
+  <input type="text" id="node-input-exportFormats" placeholder='["json","csv","html"]' />
+</div>
+
+<div class="form-row">
+  <label for="node-input-submitMode"><i class="fa fa-paper-plane"></i> Submit mode</label>
+  <select id="node-input-submitMode">
+    <option value="uibuilder">uibuilder message (default)</option>
+    <option value="http">HTTP POST (API / Node-RED http in)</option>
+  </select>
+</div>
+
+<div class="form-row">
+  <label for="node-input-submitUrl"><i class="fa fa-globe"></i> Submit URL (http mode)</label>
+  <input type="text" id="node-input-submitUrl" placeholder="e.g. /api/forms/submit or https://api.example.com/submit" />
+</div>
+
+<div class="form-row">
+  <label for="node-input-submitHeadersJson"><i class="fa fa-code"></i> Submit headers (JSON, optional)</label>
+  <input type="text" id="node-input-submitHeadersJson" placeholder='e.g. {"Authorization":"Bearer ...","X-Org":"CyprNet"}' />
+</div>
+
+<hr/>
+<div class="form-row">
+  <strong>Server-side API proxy (for uibuilder submit)</strong>
+</div>
+
+<div class="form-row">
+  <label for="node-input-apiUrl"><i class="fa fa-exchange"></i> API URL</label>
+  <input type="text" id="node-input-apiUrl" placeholder="https://api.example.com/submit (leave blank to just emit submit msg)" />
+</div>
+
+<div class="form-row">
+  <label for="node-input-apiMethod"><i class="fa fa-bolt"></i> API method</label>
+  <select id="node-input-apiMethod">
+    <option value="POST">POST</option>
+    <option value="PUT">PUT</option>
+    <option value="PATCH">PATCH</option>
+  </select>
+</div>
+
+<div class="form-row">
+  <label for="node-input-apiHeadersJson"><i class="fa fa-code"></i> API headers (JSON, optional)</label>
+  <input type="text" id="node-input-apiHeadersJson" placeholder='e.g. {"Authorization":"Bearer ..."}' />
+</div>
+
+<div class="form-row">
+  <label for="node-input-apiInsecureTls"><i class="fa fa-shield"></i> Allow insecure TLS (self-signed)</label>
+  <input type="checkbox" id="node-input-apiInsecureTls" />
+</div>
+
+<div class="form-row">
+  <label for="node-input-apiTimeoutMs"><i class="fa fa-clock-o"></i> API timeout (ms)</label>
+  <input type="number" id="node-input-apiTimeoutMs" min="1000" step="500" placeholder="15000" />
+</div>
+
+<div class="form-tips">
+  Input: <code>msg.schema</code> (required), optional <code>msg.uibuilder</code>, <code>msg.options</code><br/>
+  Output: generated file list + URL
+</div>
+</script>
+
+<script type="text/markdown" data-help-name="uibuilder-formgen">
+Generates a uibuilder instance (`src/index.html`, `src/index.js`, `src/form.schema.json`) from `msg.schema`.
+
+**Licensing**
+- Free mode is fully functional but **watermarked** and **custom branding/logo is disabled**.
+- Licensing is **offline-first** (no phone-home). Keys are stored in the Node-RED credentials store.
+
+**Industry templates**
+- This node ships with ready-to-use schema templates under `examples/schemas/`:
+  - `examples/schemas/IT/`
+  - `examples/schemas/Maintenance/`
+  - `examples/schemas/HR/`
+  - `examples/schemas/Banking/`
+  - `examples/schemas/Healthcare/`
+- You can copy any of those JSON files into an Inject node as `msg.schema`, then click Inject to generate a portal.
+
+**Paths**
+- Default: `${userDir}/uibuilder/<instance>/src/`
+- Optional overrides (highest priority first): `instanceRootDir`, `uibRootDir`, `projectName` (see README for details).
+</script>