How to create a custom renderer for a jira issue default view, custom field type?

Forge
,
1

I am trying to create a custom custom renderer for a jira issue view custom field type. But no luck so far. I am able to create a custom renderer for the edit mode, nut not for the standard view mode. Any idea? I want a custom field type as is the best option for my context. I am not interested in issues panels or issue context modules, as they don’t check all my requirements. I basically need a type which will allow me to define multiple similar fields which are JQL searchable, and which will be able to render a sortable/filterable table of entries. If I manage to define a default view renderer for the custom field type, I should be able to implement what I need, using this module.

The view in the manifest below doesn’t have any effect on the jira default issue view:

modules:
  jira:customFieldType:
    - key: typetest-configurable-validation
      name: typeTest
      description: A basic custom field with a configurable validation.
      type: string
      contextConfig:
        resource: main
        layout: basic
      view:
        resource: edit
        experience:
          - issue-view
          - portal-view
      edit:
        resource: edit
        experience:
          - issue-create
          - issue-transition
          - issue-view
          - portal-request
        validation:
          expression: value == null || !!value.match(configuration?.regexp ||
            "^[A-Za-z]+$")
          errorMessage: The value is invalid
resources:
  - key: main
    path: static/configurable-validation/build
  - key: edit
    path: static/edit/build
permissions:
  content:
    styles:
      - unsafe-inline
app:
  runtime:
    name: nodejs24.x
    memoryMB: 256
    architecture: arm64
  id: ari:cloud:ecosystem::app/9d40aba5-2b7d-45c3-85fc-de1ac817b655
2

Hello @AlinOana ,

As stated in Atlassian documentation here:

Forge apps can provide rendering of the field with UI Kit.

(…)

Forge apps can optionally provide their own editing experience of the field with UI Kit or Custom UI by specifying the edit property.

The view mode has to be UI Kit.
From your manifest, it looks like you are defining the view resource as a Custom UI resource, which is not supported.

Hope that helps.

3

I’ve saw the note already on the Atlassian doc. I have tried UI Kit too, with no success.

modules:
jira:customFieldType:
- key: typetest-configurable-validation
name: typeTest
description: A basic custom field with a configurable validation.
type: string
view:
resource: renderCFView
render: native
experience:
- issue-view
- portal-view
# view:
# function: cfView
# function:
# - key: cfView
# handler: index.runView
resources:
- key: renderCFView
path: src/view.jsx
permissions:
scopes:
- read:jira-user
- read:jira-work
- manage:jira-project
- manage:jira-configuration
content:
scripts:
- unsafe-inline
- unsafe-hashes
- unsafe-eval
styles:
- unsafe-inline
app:
runtime:
name: nodejs24.x
memoryMB: 256
id: ari:cloud:ecosystem::app/9d40aba5-2b7d-45c3-85fc-de1ac817b644

And the associated view.jsx:

import React from 'react';
import ForgeReconciler, { Text, Stack, useProductContext } from '@forge/react';

const View = () => {
    //const context = useProductContext();
    //const fieldValue = context?.extension?.fieldValue ?? 'No value';

    return (
        <Stack space="space.050">
            <Text>Field value is: </Text>
        </Stack>
    );
};

ForgeReconciler.render(
    <React.StrictMode>
        <Text>Hello World</Text>
    </React.StrictMode>
);