Added trigger

ui/src/components/ParameterField.jsx

@@ -99,9 +99,9 @@ export function ParameterField({ layer, parameter, onParameterChange }) {
   } = useThrottledParameterValue(parameter, onParameterChange);
 
   const defaultValue = parameter.defaultValue;
-  const resetDisabled = defaultValue === undefined || valuesMatch(draftValue, defaultValue);
+  const resetDisabled = parameter.type === "trigger" || defaultValue === undefined || valuesMatch(draftValue, defaultValue);
   const resetParameter = () => {
-    if (defaultValue !== undefined) {
+    if (parameter.type !== "trigger" && defaultValue !== undefined) {
       sendValue(defaultValue);
     }
   };
@@ -318,5 +318,22 @@ export function ParameterField({ layer, parameter, onParameterChange }) {
     );
   }
 
+  if (parameter.type === "trigger") {
+    const triggerCount = Number(draftValue ?? 0);
+    return (
+      <section className="parameter">
+        {header}
+        <button
+          type="button"
+          className="parameter__trigger"
+          onClick={() => sendValue(triggerCount + 1)}
+        >
+          Trigger
+        </button>
+        <ParameterValueDisplay parameterType={parameter.type} value={appliedValue} pending={isPending} />
+      </section>
+    );
+  }
+
   return null;
 }

ui/src/components/ParameterValueDisplay.jsx

@@ -12,6 +12,9 @@ export function formatParameterValue(parameterType, value) {
   if (parameterType === "bool") {
     return value ? "Enabled" : "Disabled";
   }
+  if (parameterType === "trigger") {
+    return `Triggered ${Number(value ?? 0)} time${Number(value ?? 0) === 1 ? "" : "s"}`;
+  }
   return `${value ?? ""}`;
 }