FriendsOfFlarum Mason, the discussion custom fields builder

clarkwinkelmann · Jul 2, 2021

basti there are no alternate styles built-in. You can customize your website using custom CSS.

ParlorPink · Jul 6, 2021

clarkwinkelmann Hi, in the current flarum 1.0.4, this extension has a bug that every field is followed by a comma. check out the test post [(https://bookclubforgrads.com/d/5-test)]. Can you check if you can reproduce this?

ParlorPink · Jul 12, 2021

To (temporarily) solve the bug of extra commas between fields, add the following custum CSS
.Mason-Field.Form-group { color: transparent } .Mason-Field.Form-group > * { color: initial }

ParlorPink see the following answer https://stackoverflow.com/questions/68340768/can-i-hide-commas-from-a-jsx-bug-using-custom-css/68340963#68340963

clarkwinkelmann · Aug 1, 2021

GVG while I do agree that screenshots are very useful, there's also a very good reason we don't have any on most extension: it's a lot of work.

I think all the FoF extension that have screenshots are completely outdated. It's very difficult to keep them up to date. And sometimes outdated screenshots give the wrong idea since they might show features that were changed or removed.

The discussion first post is also often the same as the GitHub README file and it's not always practical to include screenshots in README since they need to be either hosted inside of the repository, or externally but then not all README viewers will show them the same way.

I do hope we can standardize this a bit better between extensions in the future!

[deleted] · Aug 1, 2021

GVG Please don't post in uppercase text to get a point across. You can place emphasis on words by using bold or italics, but uppercase text in forums is seen as shouting and impolite.

This is a community forum where you'll get much more traction if you ask for something rather than simply complain about it's lack of existence.

mekici · Oct 16, 2021

@clarkwinkelmann a comma somewhere in the plugin seems to be taking up space for nothing. how can i fix this

clarkwinkelmann · Oct 16, 2021

mekici we have an issue for it FriendsOfFlarum/mason31

Hopefully someone can take care of it soon.

Darkle · Mar 14, 2022

I'm starting to consider uses for this extension, I would like to know before I get into a real use case, if it would be possible to use the field answers set in each field (when we have not activated the custom fields) as dropdown filters in the discussion list. I would like to know if this could be developed without complicating the current implementation.

SZSZ · Jun 11, 2022

This extention will mess up composer after updated to 1.3.1.

clarkwinkelmann · Jun 11, 2022

SZSZ what do you mean? Is there an error message?

SZSZ · Jun 12, 2022

clarkwinkelmann
The composer will works like this after updated to 1.3.1 and enabled Mason.

For convenience, I recorded this GIF on freeflarum. I got same errors on my self-hosted Flarum.
Errors in console after clicked Start a Discussion button:

forum.js?v=115bc3d5:sourcemap:2 TypeError: t.suggested_answers(...).forEach is not a function
at forum.js?v=115bc3d5:sourcemap:383:11233
at Array.forEach (<anonymous>)
at n.oninit (forum.js?v=115bc3d5:sourcemap:383:11190)
at Function.a (forum.js?v=115bc3d5:sourcemap:2:145019)
at j (forum.js?v=115bc3d5:sourcemap:2:156895)
at forum.js?v=115bc3d5:sourcemap:2:146713
at forum.js?v=115bc3d5:sourcemap:2:146916
at c (forum.js?v=115bc3d5:sourcemap:2:147039)
at l (forum.js?v=115bc3d5:sourcemap:2:145183)
at forum.js?v=115bc3d5:sourcemap:2:146031
a @ forum.js?v=115bc3d5:sourcemap:2
e.show @ forum.js?v=115bc3d5:sourcemap:2
(anonymous) @ forum.js?v=115bc3d5:sourcemap:2
n.newDiscussionAction @ forum.js?v=115bc3d5:sourcemap:2
onclick @ forum.js?v=115bc3d5:sourcemap:2
L.handleEvent @ forum.js?v=115bc3d5:sourcemap:2
forum.js?v=115bc3d5:sourcemap:2 TypeError: Cannot read properties of undefined (reading 'onbeforeupdate')
at forum.js?v=115bc3d5:sourcemap:2:149948
at p (forum.js?v=115bc3d5:sourcemap:2:150156)
at f (forum.js?v=115bc3d5:sourcemap:2:149572)
at forum.js?v=115bc3d5:sourcemap:2:151356
at p (forum.js?v=115bc3d5:sourcemap:2:151394)
at f (forum.js?v=115bc3d5:sourcemap:2:148072)
at forum.js?v=115bc3d5:sourcemap:2:151356
at p (forum.js?v=115bc3d5:sourcemap:2:151394)
at f (forum.js?v=115bc3d5:sourcemap:2:149572)
at forum.js?v=115bc3d5:sourcemap:2:151356
a @ forum.js?v=115bc3d5:sourcemap:2
(anonymous) @ forum.js?v=115bc3d5:sourcemap:2
requestAnimationFrame (async)
u @ forum.js?v=115bc3d5:sourcemap:2
(anonymous) @ forum.js?v=115bc3d5:sourcemap:2
dispatch @ forum.js?v=115bc3d5:sourcemap:2
v.handle @ forum.js?v=115bc3d5:sourcemap:2
trigger @ forum.js?v=115bc3d5:sourcemap:2
simulate @ forum.js?v=115bc3d5:sourcemap:2
n @ forum.js?v=115bc3d5:sourcemap:2
handler @ forum.js?v=115bc3d5:sourcemap:2
dispatch @ forum.js?v=115bc3d5:sourcemap:2
v.handle @ forum.js?v=115bc3d5:sourcemap:2
trigger @ forum.js?v=115bc3d5:sourcemap:2
(anonymous) @ forum.js?v=115bc3d5:sourcemap:2
each @ forum.js?v=115bc3d5:sourcemap:2
each @ forum.js?v=115bc3d5:sourcemap:2
trigger @ forum.js?v=115bc3d5:sourcemap:2
C.each.C.fn.<computed> @ forum.js?v=115bc3d5:sourcemap:2
n.focus @ forum.js?v=115bc3d5:sourcemap:2
(anonymous) @ forum.js?v=115bc3d5:sourcemap:2
l @ forum.js?v=115bc3d5:sourcemap:2
c @ forum.js?v=115bc3d5:sourcemap:2
setTimeout (async)
(anonymous) @ forum.js?v=115bc3d5:sourcemap:2
u @ forum.js?v=115bc3d5:sourcemap:2
fireWith @ forum.js?v=115bc3d5:sourcemap:2
fire @ forum.js?v=115bc3d5:sourcemap:2
u @ forum.js?v=115bc3d5:sourcemap:2
fireWith @ forum.js?v=115bc3d5:sourcemap:2
a @ forum.js?v=115bc3d5:sourcemap:2
u @ forum.js?v=115bc3d5:sourcemap:2
fireWith @ forum.js?v=115bc3d5:sourcemap:2
fire @ forum.js?v=115bc3d5:sourcemap:2
dequeue @ forum.js?v=115bc3d5:sourcemap:2
r.complete @ forum.js?v=115bc3d5:sourcemap:2
u @ forum.js?v=115bc3d5:sourcemap:2
fireWith @ forum.js?v=115bc3d5:sourcemap:2
u @ forum.js?v=115bc3d5:sourcemap:2
C.fx.tick @ forum.js?v=115bc3d5:sourcemap:2
ue @ forum.js?v=115bc3d5:sourcemap:2
requestAnimationFrame (async)
ue @ forum.js?v=115bc3d5:sourcemap:2
requestAnimationFrame (async)
ue @ forum.js?v=115bc3d5:sourcemap:2
requestAnimationFrame (async)
ue @ forum.js?v=115bc3d5:sourcemap:2
requestAnimationFrame (async)
ue @ forum.js?v=115bc3d5:sourcemap:2
requestAnimationFrame (async)
ue @ forum.js?v=115bc3d5:sourcemap:2
requestAnimationFrame (async)
ue @ forum.js?v=115bc3d5:sourcemap:2
C.fx.start @ forum.js?v=115bc3d5:sourcemap:2
C.fx.timer @ forum.js?v=115bc3d5:sourcemap:2
he @ forum.js?v=115bc3d5:sourcemap:2
s @ forum.js?v=115bc3d5:sourcemap:2
dequeue @ forum.js?v=115bc3d5:sourcemap:2
(anonymous) @ forum.js?v=115bc3d5:sourcemap:2
each @ forum.js?v=115bc3d5:sourcemap:2
each @ forum.js?v=115bc3d5:sourcemap:2
queue @ forum.js?v=115bc3d5:sourcemap:2
animate @ forum.js?v=115bc3d5:sourcemap:2
n.animateHeightChange @ forum.js?v=115bc3d5:sourcemap:2
n.show @ forum.js?v=115bc3d5:sourcemap:2
n.animatePositionChange @ forum.js?v=115bc3d5:sourcemap:2
n.onupdate @ forum.js?v=115bc3d5:sourcemap:2
a @ forum.js?v=115bc3d5:sourcemap:2
(anonymous) @ forum.js?v=115bc3d5:sourcemap:2
a @ forum.js?v=115bc3d5:sourcemap:2
(anonymous) @ forum.js?v=115bc3d5:sourcemap:2
requestAnimationFrame (async)
u @ forum.js?v=115bc3d5:sourcemap:2
L.handleEvent @ forum.js?v=115bc3d5:sourcemap:2
forum.js?v=115bc3d5:sourcemap:2 TypeError: Cannot read properties of undefined (reading 'onbeforeupdate')
at forum.js?v=115bc3d5:sourcemap:2:149948
at p (forum.js?v=115bc3d5:sourcemap:2:150156)
at f (forum.js?v=115bc3d5:sourcemap:2:149572)
at forum.js?v=115bc3d5:sourcemap:2:151356
at p (forum.js?v=115bc3d5:sourcemap:2:151394)
at f (forum.js?v=115bc3d5:sourcemap:2:148072)
at forum.js?v=115bc3d5:sourcemap:2:151356
at p (forum.js?v=115bc3d5:sourcemap:2:151394)
at f (forum.js?v=115bc3d5:sourcemap:2:149572)
at forum.js?v=115bc3d5:sourcemap:2:151356
a @ forum.js?v=115bc3d5:sourcemap:2
(anonymous) @ forum.js?v=115bc3d5:sourcemap:2
requestAnimationFrame (async)
u @ forum.js?v=115bc3d5:sourcemap:2
(anonymous) @ forum.js?v=115bc3d5:sourcemap:2
dispatch @ forum.js?v=115bc3d5:sourcemap:2
v.handle @ forum.js?v=115bc3d5:sourcemap:2
trigger @ forum.js?v=115bc3d5:sourcemap:2
simulate @ forum.js?v=115bc3d5:sourcemap:2
n @ forum.js?v=115bc3d5:sourcemap:2

It will shows more errors if click on buttons on composer.

clarkwinkelmann · Jul 10, 2022

Version 1.1.0

Fixed answers not loading correctly on Flarum 1.3
Updated to Webpack 5 for smaller javascript bundle size
Fixed phantom commas appearing next to fields

This update requires Flarum 1.2+

This updates includes a breaking change for custom integrations that directly interact with the REST API or javascript models. The suggested_answers field relationship has been renamed to suggestedAnswers and the all_answers field relationship has been renamed to allAnswers. This change applies to the REST API include name, the key in the JSON data and the relationship method in javascript.

Gglo · Aug 7, 2022

How do I specify fields for a specific tag?

clarkwinkelmann · Aug 7, 2022

glo you can't. That feature is not available.

There are discussions earlier about why it's so complex to implement.

carlreid · Sep 4, 2022

I'm not sure if this is the extension I need, but it feels close, so I will ask here.

I'd like to have a custom fields builder (like this extension) but then transform those inputs into a generic structure when users post. So as a basic example, if I have {url}, {name}, {color}, I could then specify a template for the top level post of;

I found this amazing product called [{name}]({url}] available in {color}

Should the user edit the post, they wouldn't be able to edit this templated output, but only the fields once again.

Any advice on how to achieve this?

clarkwinkelmann · Sep 4, 2022

carlreid it's doable, but will require custom javascript code. The extension doesn't have any helper that will achieve it. From a custom extension you can browse the attached answers, I think the relationship is called something like post.masonAnswers()

moreany · Sep 6, 2022

Question for users https://discuss.flarum.org/d/7028-friendsofflarum-mason-the-discussion-custom-fields-builder

Is it possible to make a check somehow, that is: for one tag - one form, for another tag - another form.

Is there any similar software with such functions?

What is used in this forum as autocomplete when creating a discussion?

So...

clarkwinkelmann · Sep 22, 2022

Version 1.2.0

Use official Flarum ComposerState fields API to hold answer data. This allows other extensions to interact with Mason in new ways.

The only extension known to take advantage of this feature at this time is Composer Page.

Jjdoe · Oct 6, 2022

Can fields be searchable via the main page search?
So far not really working for me...