form_type_metadata -> styling

Author: Emyrk

extract/parameter.go

@@ -56,7 +56,7 @@ func ParameterFromBlock(block *terraform.Block) (*types.Parameter, hcl.Diagnosti
 		def = types.ToHCLString(block, defAttr)
 	}
 
-	ftmeta := optionalString(block, "form_type_metadata")
+	ftmeta := optionalString(block, "styling")
 	formTypeMeta := make(map[string]any)
 	if ftmeta != "" {
 		_ = json.Unmarshal([]byte(ftmeta), &formTypeMeta)
@@ -65,12 +65,12 @@ func ParameterFromBlock(block *terraform.Block) (*types.Parameter, hcl.Diagnosti
 	p := types.Parameter{
 		Value: pVal,
 		ParameterData: types.ParameterData{
-			Name:             pName,
-			Description:      optionalString(block, "description"),
-			Type:             pType,
-			FormType:         formType,
-			FormTypeMetadata: formTypeMeta,
-			Mutable:          optionalBoolean(block, "mutable"),
+			Name:        pName,
+			Description: optionalString(block, "description"),
+			Type:        pType,
+			FormType:    formType,
+			Styling:     formTypeMeta,
+			Mutable:     optionalBoolean(block, "mutable"),
 			// Default value is always written as a string, then converted
 			// to the correct type.
 			DefaultValue: def,

extract/state.go

@@ -53,29 +53,31 @@ func ParameterFromState(block *tfjson.StateResource) (types.Parameter, error) {
 		return types.Parameter{}, fmt.Errorf("convert param validations: %w", err)
 	}
 
-	ftmeta := st.optionalString("form_type_metadata")
+	ftmeta := st.optionalString("styling")
 	var formTypeMeta any
 	if ftmeta != "" {
 		_ = json.Unmarshal([]byte(ftmeta), &formTypeMeta)
+	} else {
+		formTypeMeta = map[string]any{}
 	}
 
 	param := types.Parameter{
 		Value: types.StringLiteral(st.string("value")),
 		ParameterData: types.ParameterData{
-			Name:             st.string("name"),
-			Description:      st.optionalString("description"),
-			Type:             types.ParameterType(st.optionalString("type")),
-			FormType:         provider.ParameterFormType(st.optionalString("form_type")),
-			FormTypeMetadata: formTypeMeta,
-			Mutable:          st.optionalBool("mutable"),
-			DefaultValue:     types.StringLiteral(st.optionalString("default")),
-			Icon:             st.optionalString("icon"),
-			Options:          options,
-			Validations:      validations,
-			Required:         st.optionalBool("required"),
-			DisplayName:      st.optionalString("display_name"),
-			Order:            st.optionalInteger("order"),
-			Ephemeral:        st.optionalBool("ephemeral"),
+			Name:         st.string("name"),
+			Description:  st.optionalString("description"),
+			Type:         types.ParameterType(st.optionalString("type")),
+			FormType:     provider.ParameterFormType(st.optionalString("form_type")),
+			Styling:      formTypeMeta,
+			Mutable:      st.optionalBool("mutable"),
+			DefaultValue: types.StringLiteral(st.optionalString("default")),
+			Icon:         st.optionalString("icon"),
+			Options:      options,
+			Validations:  validations,
+			Required:     st.optionalBool("required"),
+			DisplayName:  st.optionalString("display_name"),
+			Order:        st.optionalInteger("order"),
+			Ephemeral:    st.optionalBool("ephemeral"),
 		},
 	}
 

site/src/DynamicForm.tsx

@@ -216,7 +216,7 @@ export function DynamicForm() {
                   <Select
                     onValueChange={field.onChange}
                     defaultValue={parameterValue(param.default_value)}
-                    disabled={(param.form_type_metadata as { disabled?: boolean })?.disabled}
+                    disabled={(param.styling as { disabled?: boolean })?.disabled}
                   >
                     <SelectTrigger>
                       <SelectValue placeholder={param.description} />
@@ -267,7 +267,7 @@ export function DynamicForm() {
                       //   })) 
                       //   : []}
                       emptyIndicator={<p className="text-sm">No results found</p>}
-                      disabled={(param.form_type_metadata as { disabled?: boolean })?.disabled}
+                      disabled={(param.styling as { disabled?: boolean })?.disabled}
                     />
                   </div>
                 )}
@@ -298,7 +298,7 @@ export function DynamicForm() {
                       onValueChange={(value) => {
                         field.onChange(value[0].toString());
                       }}
-                      disabled={(param.form_type_metadata as { disabled?: boolean })?.disabled}
+                      disabled={(param.styling as { disabled?: boolean })?.disabled}
                       />
                   </div>
                 )}
@@ -315,7 +315,7 @@ export function DynamicForm() {
                 control={methods.control}
                 render={({ field }) => (
                   <div>
-                    <RadioGroup defaultValue={parameterValue(param.default_value)} onValueChange={field.onChange} disabled={(param.form_type_metadata as { disabled?: boolean })?.disabled}>
+                    <RadioGroup defaultValue={parameterValue(param.default_value)} onValueChange={field.onChange} disabled={(param.styling as { disabled?: boolean })?.disabled}>
                     {(param.options || []).map((option, idx) => {
                           if (!option) return null;
                           return (
@@ -344,7 +344,7 @@ export function DynamicForm() {
                       <Switch 
                         checked={Boolean(field.value === "true")} 
                         onCheckedChange={(checked) => field.onChange(checked.toString())} 
-                        disabled={(param.form_type_metadata as { disabled?: boolean })?.disabled} 
+                        disabled={(param.styling as { disabled?: boolean })?.disabled}
                       />
                     </div>
                   )}
@@ -361,7 +361,7 @@ export function DynamicForm() {
                   control={methods.control}
                   render={({ field }) => (
                     <div>
-                      <Checkbox checked={Boolean(field.value === "true")} onCheckedChange={(checked) => field.onChange(checked.toString())} disabled={(param.form_type_metadata as { disabled?: boolean })?.disabled} />
+                      <Checkbox checked={Boolean(field.value === "true")} onCheckedChange={(checked) => field.onChange(checked.toString())} disabled={(param.styling as { disabled?: boolean })?.disabled} />
                     </div>
                   )}
                 />
@@ -380,7 +380,7 @@ export function DynamicForm() {
                           <Textarea
                             value={field.value}
                             onChange={(e) => field.onChange(e)}
-                            disabled={(param.form_type_metadata as { disabled?: boolean })?.disabled}
+                            disabled={(param.styling as { disabled?: boolean })?.disabled}
                           />
                         </div>
                       )}
@@ -402,7 +402,7 @@ export function DynamicForm() {
                           }}
                           type={mapParamTypeToInputType(param.type)}
                           defaultValue={parameterValue(param.default_value)}
-                          disabled={(param.form_type_metadata as { disabled?: boolean })?.disabled}
+                          disabled={(param.styling as { disabled?: boolean })?.disabled}
                         />
                       )}
                     />

site/src/types/preview.ts

@@ -36,7 +36,7 @@ export interface ParameterData {
     // this is likely an enum in an external package "github.com/coder/terraform-provider-coder/v2/provider.ParameterFormType"
     readonly form_type: string;
     // empty interface{} type, falling back to unknown
-    readonly form_type_metadata: unknown;
+    readonly styling: unknown;
     readonly mutable: boolean;
     readonly default_value: NullHCLString;
     readonly icon: string;

testdata/connections/main.tf

@@ -63,7 +63,7 @@ data "coder_parameter" display {
   default = local.solved ? false : true
   # default = local.solved ? "" : "Keep guessing!"
 
-  form_type_metadata = jsonencode({
+  styling = jsonencode({
     disabled = !local.solved
   })
 }
@@ -81,7 +81,7 @@ data "coder_parameter" "rows" {
   # name = "rows"
   type = "list(string)"
   form_type = "multi-select"
-  form_type_metadata = jsonencode({
+  styling = jsonencode({
     disabled = module.checker[each.value].solved
   })
   default = "[]"

testdata/demo/parameters.tf

@@ -71,7 +71,7 @@ data "coder_parameter" "cpu" {
   mutable      = true
   order        = 20
 
-  form_type_metadata = jsonencode({
+  styling = jsonencode({
     "minumum" = 1
     "budget"  = 2
     "performance" = module.base.security_level == "high" ? 4 : 8

testdata/demo/plan.json

@@ -123,7 +123,7 @@
               "display_name": null,
               "ephemeral": false,
               "form_type": "radio",
-              "form_type_metadata": "{}",
+              "styling": "{}",
               "icon": null,
               "id": "5e27a5d3-52ef-41ba-9c6b-cc4cdb1c98ff",
               "mutable": false,
@@ -190,7 +190,7 @@
               "display_name": "CPU",
               "ephemeral": false,
               "form_type": "slider",
-              "form_type_metadata": "{\"budget\":2,\"minumum\":1,\"performance\":4}",
+              "styling": "{\"budget\":2,\"minumum\":1,\"performance\":4}",
               "icon": "/icon/memory.svg",
               "id": "6e2e551e-b126-490a-a061-08504848bdb5",
               "mutable": true,
@@ -231,7 +231,7 @@
               "display_name": "Region",
               "ephemeral": false,
               "form_type": "radio",
-              "form_type_metadata": "{}",
+              "styling": "{}",
               "icon": "/icon/memory.svg",
               "id": "c60ab269-96a7-42a7-9aaa-d9a6f0f60ecd",
               "mutable": false,
@@ -298,7 +298,7 @@
               "display_name": null,
               "ephemeral": false,
               "form_type": "radio",
-              "form_type_metadata": "{}",
+              "styling": "{}",
               "icon": null,
               "id": "09c65d3c-f116-49a0-855c-6675c4aa1c21",
               "mutable": false,
@@ -474,7 +474,7 @@
                   "display_name": "JetBrains IDE",
                   "ephemeral": false,
                   "form_type": "radio",
-                  "form_type_metadata": "{}",
+                  "styling": "{}",
                   "icon": "/icon/gateway.svg",
                   "id": "a56f76ad-7626-4a22-b7b4-d0dac5c6e93a",
                   "mutable": true,
@@ -709,7 +709,7 @@
             "form_type": {
               "constant_value": "slider"
             },
-            "form_type_metadata": {
+            "styling": {
               "references": [
                 "module.base.security_level",
                 "module.base"

testdata/demo_flat/parameters.tf

@@ -72,7 +72,7 @@ data "coder_parameter" "cpu" {
   mutable      = true
   order        = 20
 
-  form_type_metadata = jsonencode({
+  styling = jsonencode({
     "minumum" = 1
     "budget"  = 2
     "performance" = local.secutity_level == "high" ? 4 : 8

testdata/module/plan.json

@@ -172,7 +172,7 @@
               "display_name": "Extra Param",
               "ephemeral": false,
               "form_type": "input",
-              "form_type_metadata": "{}",
+              "styling": "{}",
               "icon": null,
               "id": "792c6343-65bf-470a-8edb-f88d89e03cce",
               "mutable": false,
@@ -257,7 +257,7 @@
                   "display_name": "JetBrains IDE",
                   "ephemeral": false,
                   "form_type": "radio",
-                  "form_type_metadata": "{}",
+                  "styling": "{}",
                   "icon": "/icon/gateway.svg",
                   "id": "5cacbcbc-adcf-46dd-bd54-6292a6797fbf",
                   "mutable": true,

testdata/wordle/main.tf

@@ -49,7 +49,7 @@ data "coder_parameter" "letter_bank" {
   order = 9
   default = ""
   form_type = "input"
-  form_type_metadata = jsonencode({
+  styling = jsonencode({
     disabled = !local.solved
   })
   # count = 0
@@ -63,7 +63,7 @@ data "coder_parameter" "one" {
   order = 11
   default = ""
 
-  form_type_metadata = jsonencode({
+  styling = jsonencode({
     disabled = (length(data.coder_parameter.one.value) == 5 && contains(local.wordlist,data.coder_parameter.one.value)) || local.solved
   })
 
@@ -89,7 +89,7 @@ data "coder_parameter" "two" {
   order = 12
   default = ""
 
-  form_type_metadata = jsonencode({
+  styling = jsonencode({
     disabled = (length(data.coder_parameter.two.value) == 5 && contains(local.wordlist,data.coder_parameter.two.value)) || local.solved
   })
 
@@ -115,7 +115,7 @@ data "coder_parameter" "three" {
   order = 13
   default = ""
 
-  form_type_metadata = jsonencode({
+  styling = jsonencode({
     disabled = (length(data.coder_parameter.three.value) == 5 && contains(local.wordlist,data.coder_parameter.three.value)) || local.solved
   })
 
@@ -141,7 +141,7 @@ data "coder_parameter" "four" {
   order = 14
   default = ""
 
-  form_type_metadata = jsonencode({
+  styling = jsonencode({
     disabled = (length(data.coder_parameter.four.value) == 5 && contains(local.wordlist,data.coder_parameter.four.value)) || local.solved
   })
 
@@ -167,7 +167,7 @@ data "coder_parameter" "five" {
   order = 15
   default = ""
 
-  form_type_metadata = jsonencode({
+  styling = jsonencode({
     disabled = (length(data.coder_parameter.five.value) == 5 && contains(local.wordlist,data.coder_parameter.five.value)) || local.solved
   })
 
@@ -193,7 +193,7 @@ data "coder_parameter" "six" {
   order = 16
   default = ""
 
-  form_type_metadata = jsonencode({
+  styling = jsonencode({
     disabled = (length(data.coder_parameter.six.value) == 5 && contains(local.wordlist,data.coder_parameter.six.value)) || local.solved
   })