Added dummy UI schema and fromtend implementation

client/src/pages/actions/Show.tsx

@@ -10,13 +10,14 @@ import { Edit } from '@refinedev/mui'
 import type { IChangeEvent } from '@rjsf/core'
 import { withTheme } from '@rjsf/core'
 import { Theme } from '@rjsf/mui'
-import type { RJSFSchema } from '@rjsf/utils'
+import type { RJSFSchema, UiSchema } from '@rjsf/utils'
 import validator from '@rjsf/validator-ajv8'
 import type { FC } from 'react'
 
 // @todo move to types
 interface IActionData extends BaseRecord {
   jsonschema: RJSFSchema
+  uischema: UiSchema
 }
 
 interface IRunInfo extends BaseRecord {
@@ -68,6 +69,8 @@ export const ActionShow: FC<IResourceComponentsProps> = () => {
 
   const jsonschema = queryResult?.data?.data?.jsonschema
 
+  const uischema = queryResult?.data?.data?.uischema || {}
+
   if (jsonschema) {
     // @todo I actually don't know for the moment how to overcome error
     //  "no schema with key or ref" produced when schema is defined.
@@ -110,7 +113,12 @@ export const ActionShow: FC<IResourceComponentsProps> = () => {
     <Edit isLoading={isFetching}>
       <ActionRunningState isLoading={isFetchingRunning} list={running} />
       {jsonschema && (
-        <Form schema={jsonschema} validator={validator} onSubmit={onSubmit} />
+        <Form
+          schema={jsonschema}
+          uiSchema={uischema}
+          validator={validator}
+          onSubmit={onSubmit}
+        />
       )}
     </Edit>
   )

example/rjsf/actions/arrays/action.yaml

@@ -0,0 +1,10 @@
+action:
+  title: RJSF Example of Arrays
+  description: RJSF Arrays arguments
+  image: alpine:latest
+  command: ["sh", "-c", "for i in $(seq 60); do echo $$i; sleep 1; done"]
+  arguments:
+    - name: optarr
+      title: Array
+      description: Some additional info for option
+      type: array

example/rjsf/actions/enumeration/action.yaml

@@ -11,9 +11,4 @@ action:
     - name: radio
       title: Radio
       type: string
-      enum: [ Ola, Hello, Bonjour, Buongiorno, GutenTag ]
-    - name: buttonGroup
-      type: string
-      enum: [ Ola, Hello, Bonjour, Buongiorno, GutenTag ]
-      default: Ola
-      description: With default value set
+      enum: [ Ola, Hello, Bonjour, Buongiorno, GutenTag ]

example/rjsf/actions/enumeration/ui-schema.yaml

@@ -1,5 +1,4 @@
 uiSchema:
-  buttonGroup:
-    'ui:widget': button
-  radio:
-    'ui:widget': radio
+  arguments:
+    radio:
+      'ui:widget': radio

example/rjsf/actions/numbers/ui-schema.yaml

@@ -1,5 +1,6 @@
 uiSchema:
-  range:
-    'ui:widget': range
-  rangeConstrained:
-    'ui:widget': range
+  arguments:
+    range:
+      'ui:widget': range
+    rangeConstrained:
+      'ui:widget': range

example/rjsf/actions/strings/ui-schema.yaml

@@ -1,6 +1,7 @@
 uiSchema:
-  textArea:
-    'ui:widget': textarea
-    'ui:placeholder': This is a placeholder
-  color:
-    'ui:widget': color
+  arguments:
+    textArea:
+      'ui:widget': textarea
+      'ui:placeholder': This is a placeholder
+    color:
+      'ui:widget': color

server/api.go

@@ -157,11 +157,38 @@ func apiActionFull(baseURL string, a *action.Action) ActionFull {
 	jsonschema := a.JSONSchema()
 	jsonschema.ID = fmt.Sprintf("%s/actions/%s/schema.json", baseURL, url.QueryEscape(a.ID))
 	def := a.ActionDef()
+
+	// TODO: parse this optional ui-schema.yaml in same dir with action.yaml
+	// example/rjsf/actions/enumeration/ui-schema.yaml
+	// https://rjsf-team.github.io/react-jsonschema-form/docs/api-reference/uiSchema
+	// Here currently all ui-schema.yaml files merged toghether.
+	dummyUiSchema := map[string]interface{}{
+		"arguments": map[string]interface{}{
+			"range": map[string]interface{}{
+				"ui:widget": "range",
+			},
+			"rangeConstrained": map[string]interface{}{
+				"ui:widget": "range",
+			},
+			"textArea": map[string]interface{}{
+				"ui:widget": "textarea",
+				"ui:placeholder": "This is a placeholder",
+			},
+			"color": map[string]interface{}{
+				"ui:widget": "color",
+			},
+			"radio": map[string]interface{}{
+				"ui:widget": "radio",
+			},
+		},
+	}
+
 	return ActionFull{
 		ID:          a.ID,
 		Title:       def.Title,
 		Description: def.Description,
 		JSONSchema:  jsonschema,
+		UISchema:    &dummyUiSchema,
 	}
 }
 

server/openapi.yaml

@@ -200,6 +200,10 @@ components:
               x-go-type: "jsonschema.Schema"
               x-go-type-import:
                 path: "github.com/launchrctl/launchr/pkg/jsonschema"
+            uischema:
+              type: object
+              x-go-name: "UISchema"
+              x-go-type: "map[string]interface{}"
     ActionRunParams:
       allOf:
         - type: object