Update template.ts to include Layout schema

schema/input.ts

@@ -1,3 +1,5 @@
+import { UiConfig } from "./ui";
+
 /**
  * @x-go-file input.go
  */
@@ -23,6 +25,7 @@ export interface Input {
 
     /**
      * @go-type: interface{}
+     * Default value populated for this input
      */
     default?: any
 
@@ -46,27 +49,6 @@ export interface Input {
      */
     pattern?: string;
 
-    /**
-     * Component defines the form element that should be used to
-     * render the input.
-     */
-    component?: "dropdown" | "text" | "number" | "date" | "datetime" | string;
-
-    /**
-     * Autofocus configures the form element autofocus attribute.
-     */
-    autofocus?: boolean;
-
-    /**
-     * Placeholder configures the form element placeholder attribute.
-     */
-    placeholder?: string;
-
-    /**
-     * Tooltip configures the form element alt attribute.
-     */
-    tooltip?: string;
-
     /**
      * Options defines a list of accepted input values.
      * This is an alias for enum.
@@ -79,4 +61,14 @@ export interface Input {
      * @deprecated
      */
     mask?: boolean
+
+    /**
+     * Label to be displayed in the UI for this input
+     */
+    label?: string
+
+    /**
+     * Config to override default UI rendering behaviour
+     */
+    ui?: UiConfig
 }

schema/template.ts

@@ -10,4 +10,46 @@ export interface Template {
     inputs?: Record<string, Input>
     stage?: Stage;
     step?: Step;
+
+    /**
+     * Provide a Layout to control ordering and grouping of inputs in the UI
+     */
+    layout?: Layout
+
+    /**
+     * Base64 encoded image to be shown in the list of templates
+     */
+    icon?: string
+
+    /**
+     * enum of supported logo names from Harness Design System
+     * https://harness-design.netlify.app/components/logo/#available-logos
+     */
+    iconName?: string
+
+    /**
+     * Absolute URL to a hosted image
+     */
+    iconUrl?: string
+
+    id?: string
+    name?: string
+    description?: string
+    version?: string
+    author?: "harness" | string
+    alias?: "build" | "deploy"
+    module?: Array<"cd" | "ci">
+    tags?: Record<string, string>
+}
+
+type Layout = Array<InputName | InputGroup>
+type InputName = string
+
+/*
+ * InputGroups will be shown as accordions in the UI if a title is provided
+ */
+interface InputGroup {
+  items: Layout // you can have nested groups within groups
+  title?: string
+  open?: boolean
 }

schema/ui.ts

@@ -0,0 +1,42 @@
+export interface UiConfig {
+    /**
+     * CEL expression to add dynamic behaviour. 
+     * This input will be displayed only when this condition is true.
+     * All inputs in this template are available to reference here.
+     */
+    visible?: string
+
+    /**
+     * Component defines the form element that should be used to
+     * override the default renderer for the input.
+     */
+    component?: "dropdown" | "text" | "number" | "date" | "datetime" | "select" | string;
+
+    /**
+     * Autofocus configures the form element autofocus attribute.
+     */
+    autofocus?: boolean;
+
+    /**
+     * Placeholder configures the form element placeholder attribute.
+     */
+    placeholder?: string;
+
+    /**
+     * Tooltip configures the form element alt attribute.
+     */
+    tooltip?: string;
+
+    /**
+     * Types of values allowed for this input.
+     * Fixed: User must enter value when configuring the pipeline
+     * Runtime: User must enter value when running the pipeline
+     * Expression: Value will be derived by evaluating this CEL / JEXL expression
+     */
+    allowedValueTypes?: Array<'fixed' | 'runtime' | 'expression'>
+
+    /**
+     * Options to populate the dropdown if the `component` is "select"
+     */
+    options?: string[]
+}