This react app should at some point help us play with different kinds of Fluent editors.
Basic structure is that App is the top-level component, which holds a
MessageList.
MessageList loads an example ftl file, and parses that and set's that as
state. It then renders each Message and Term. That is done via a React
Component per AST node. These components are automatically created via
scripts/ast-gen.js. Please don't edit them directly, but modify the
generation script and commit the result.
The component instantiation is done via a Factory module that knows how to
map AST nodes to ReactComponents or s.
The idea for experimentation is that one can just subclass individual
components, create a different rendering function, and benefit from most
of the existing AST components. Check out the preview and editing subclasses
of the Factory for examples.
Be my guest.