Wappler Extensibility - Writing Custom Modules and Formatters for Server Connect

Docs Wappler Extensibility
#43

Hello @George ,
custom module and formatter (client -side) will be add in near future ?

#44

They are added Serhat - that is what this post explains.

#45

ohh so sory I mean client side

#46

Hi @George / @patrick . Is there a flag to enable the pencil icon like in Set Value?
image

#47

Hey @George - how would I handle array/nested data in the dataScheme output for a hjson file?

For example we have this nesting:
Screen Shot 2020-11-25 at 11.11.59 am

And need to be able to use the data in an array, so we can try and sort on end_date.

#48

Hi @mgaussie,

have a look at how @patrick did it in my case

#49

Thank you @MH2ag - I thought htat was solved, but for whatever reason my hjson isn’t sending the nesting, as per Patricks instructions. To be honest, it’s not even updating!

#50

Yes it was solved with the info from @patrick that‘s why I thought it could help you. I got a nested output with this scheme.
What npm module are you using?

#51

yes add: allowEdit: true

1 Like
#52

@George would you mind writing a small example for the subfolders(as in Stripe) usage.

#53

Here you go, we support maximum of two nested groups, you can even use fancy layered font awesome icons now :slight_smile:

  module: "stripe",
  action: "createCustomer",
  groupTitle: "Stripe",
  groupIcon: "fab fa-lg fa-stripe-s comp-data",
  groupTitle2: "Customers",
  groupIcon2: "fad fa-lg fa-user-tie color-yellow",
  title: "Create Customer",
  icon: [
    {prefix: "fad", iconName: "user-tie", classes: "color-yellow"},
    {
      prefix: "fas",
      iconName: "plus",
      styles: {color: "#222"},
      transform: {size: 9, x: 10, y: -8}
    },
    {
      prefix: "fas",
      iconName: "plus",
      classes: "color-green",
      transform: {size: 8, x: 10, y: -8}
    }
  ],
...
5 Likes
#54

In the latest Wappler version, this is causing the pickers to fail.
This value in HSJON results in JSON like:

    "$_GET": [
      {
        "object"
      },
      {
        "object"
      }
    ]
  },

Instead, using this works correctly:

globalVars: {
			'$_GET' : [{name: 'name', type: 'text'}, {name: 'objectid', type: 'text'}]
		},
1 Like
#55

Yes indeed, I will change the docs.

1 Like
#56

Note extension builders! @JonL @mebeingken @sid

We just added support for the on demand node modules installation, so now you can add those to the Hjson as well, see:

2 Likes
#57

Thanks george! Neat addition :slight_smile:

1 Like
#58

Nice! :+1:

#59

5 posts were split to a new topic: UsedModules in custom extensions aren’t auto installed

#60

I want this in the ui of my custom server action:

image
image522×748 30.4 KB

How can we get this object creator in the UI, any option for that in the .hjson?

#61

No docs, but it’s available. It is the grid control.

@sid implemented it in a custom extension. Check its source code.

Add grid display type for modules and formatters

#62

Nooo… You are just too late!!! Would’ve saved me the last 30 min of making my own object with static options…

Thanks Jon :smiley: will see if I can get it working

Got it working @JonL - it was easier than expected for once…

image
image891×314 9.97 KB

Edit:
For future readers, this is my example code:

            { name: 'headers', optionName: 'headers', key: 'name', keyValue: 'value',
                        title: 'Headers', type: 'grid',defaultValue: {}, serverDataBindings: true,
                        columns: [
                            { field: 'name', caption: 'Name', size: '50%', editable: {type: 'text'} },
                            { field: 'value', caption: 'Value', size: '50%', allowJson: true, editable: {type: 'datapicker'} },
                        ],
                        newRecord: { name: '', value: ''}
            }
1 Like