2018-07-28 14:33:42 -06:00
|
|
|
import { isNil } from 'lodash';
|
2017-07-18 19:14:40 -04:00
|
|
|
import { Map, List } from 'immutable';
|
WIP - Global UI (#785)
* update top bar and collections sidebar UI
* update collection entries UI
* improve global layout
* merge search page into collection page
* enable new entry button
* search fixup
* wip -initial editor update
* update editor scrolling and markdown toolbar position
* wip
* editor toolbar progress
* editor toolbar wip
* finished basic editor toolbar
* add standalone toggle component
* improve markdown toolbar spacing
* add user avatar placeholder
* finish markdown toggle styling
* refactor icon setup, add new icons
* add new icons to markdown editor toolbar
* remove extra app container
* add markdown active mark style
* relation and text widget styling
* widget design updates, basic list/object design update
* widget style updates, image widget improvements
* refactor widget directory, fix file removal
* widget focus styles
* finish editor widget focus styles
* migrate media library modal to react-modal
* wip - migrate editor component form to modal
* wip - move editor component form to modal
* wip - embed plugin forms in the editor
* inline shortcode forms working
* disable react hot loading, its breaking things
* improve shortcode form styles
* make shortcode form collapsible, improve styling
* add close functionality to shortcode blocks
* improve base media library styling
* fix shortcode label
* migrate unstyled workflow to new UI
* wip - reorganizing everything
* more work moving everything
* finish more moving and eliminating stuff
* restructure, remove react-toolbox
* wip - removing old stuff, more restructure
* finish restructure
* wip - css arch
* switch back to test repo
* update react-datetime to ^2.11.0
* remove leftover react-toolbox button
* more restructuring clean-up
* fix UI component directory case
* wip -css editor control style
* wip - consolidate widget styles
* wip - use a single control renderer
* fixed object values breaking
* wip - editor control active styles
* pass control wrapper to widgets
* ensure branch name is trimmed
* wip - improve widget authoring support
* import Map to Widget component
* refactor toolbar buttons
* wip - more widget active styles
* break out editor toggle component
* add local scroll sync back
* update editor toggle icons
* limit editor control pane content width
* fix editor control spacing
* migrate markdown toolbar stickiness to css
* fix markdown toolbar border radius
* temporarily use test backend
* stop markdown toolbar from going to bottom
* restore disabled markdown toolbar buttons for raw
* test markdown widget without focus styles
* more widget updates
* remove card visuals from editor
* disable dragging editor split off screen
* use editorControl component for shortcode fields
* make header site link configurable
* add configurable collection descriptions
* temporarily add example assets
* add basic list view
* remove outdated css mixins
* add and implement search icon
* activate quick add menu
* visualize usable space in editor view
* fix entry close, other improvements
* wip - editorial workflow updates
* some dropshadow and other CSS tweaks
* workflow ui updates
* add worfklow card buttons
* fix workflow card button handlers
* some dropshadow and other CSS tweaks
* make workflow board wider
* center workflow and collection views
* add basic responsiveness
* a bunch of fun UI fixes! a BUNCH! (#875)
* give `.nc-entryEditor-toolbar-mainSection` left and right child divs
* a bunch of fun UI fixes! a BUNCH!
* remove obscure --buttonShadow
* revert to test repo
* fix not found page styling
* allow workflow publishing from any column
* disallow publishing from all columns, with feedback
* fix new entry button
* fix markdown state persisting across entries
* enable simple workflow save and new from editor
* update slug in address bar when saving new entry
* wip - workflow updates, deletion working
* add status change functionality to editor
* wip - improving status change from editor
* editor toolbar back button improvements, loading improvements, cleanup
* progress on the media library UI cleanup
* remove font smothing css
* a quick fix for these buttons
* tweaks
* progress on media library modal— broken FYI
* fix media library functionality, finish migrating footer
* remove media library footer files
* remove leftover css import
* fix media library
* editor publishing functionality complete (unstyled)
* remove leftover loader var from media library
* wip - editor publishing styles
* add status dropdown styling
* editor toolbar style updates
* editor toolbar state improvements
* progress on the media library UI cleanup, style improvements
* finish editorial workflow editor styling
* finish media library styling
* fix config
* add what-input to optimize focus styling
* fix button
* fix navigation blocking for simple workflow
* improve simple workflow publishing
* add avatar dropdown to editor top bar
* style github and test-repo auth pages
* add git gateway auth page styles
* improve editor error styling
2017-12-07 12:37:10 -05:00
|
|
|
import { getWidgetValueSerializer } from './registry';
|
2017-07-18 19:14:40 -04:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Methods for serializing/deserializing entry field values. Most widgets don't
|
|
|
|
* require this for their values, and those that do can typically serialize/
|
|
|
|
* deserialize on every change from within the widget. The serialization
|
|
|
|
* handlers here are for widgets whose values require heavy serialization that
|
|
|
|
* would hurt performance if run for every change.
|
|
|
|
|
|
|
|
* An example of this is the markdown widget, whose value is stored as a
|
|
|
|
* markdown string. Instead of stringifying on every change of that field, a
|
|
|
|
* deserialization method is registered from the widget's control module that
|
|
|
|
* converts the stored markdown string to an AST, and that AST serves as the
|
|
|
|
* widget model during editing.
|
|
|
|
*
|
|
|
|
* Serialization handlers should be registered for each widget that requires
|
|
|
|
* them, and the registration method is exposed through the registry. Any
|
|
|
|
* registered deserialization handlers run on entry load, and serialization
|
|
|
|
* handlers run on persist.
|
|
|
|
*/
|
|
|
|
const runSerializer = (values, fields, method) => {
|
2017-08-02 13:11:43 -04:00
|
|
|
/**
|
|
|
|
* Reduce the list of fields to a map where keys are field names and values
|
|
|
|
* are field values, serializing the values of fields whose widgets have
|
|
|
|
* registered serializers. If the field is a list or object, call recursively
|
|
|
|
* for nested fields.
|
|
|
|
*/
|
2017-07-18 19:14:40 -04:00
|
|
|
return fields.reduce((acc, field) => {
|
|
|
|
const fieldName = field.get('name');
|
|
|
|
const value = values.get(fieldName);
|
WIP - Global UI (#785)
* update top bar and collections sidebar UI
* update collection entries UI
* improve global layout
* merge search page into collection page
* enable new entry button
* search fixup
* wip -initial editor update
* update editor scrolling and markdown toolbar position
* wip
* editor toolbar progress
* editor toolbar wip
* finished basic editor toolbar
* add standalone toggle component
* improve markdown toolbar spacing
* add user avatar placeholder
* finish markdown toggle styling
* refactor icon setup, add new icons
* add new icons to markdown editor toolbar
* remove extra app container
* add markdown active mark style
* relation and text widget styling
* widget design updates, basic list/object design update
* widget style updates, image widget improvements
* refactor widget directory, fix file removal
* widget focus styles
* finish editor widget focus styles
* migrate media library modal to react-modal
* wip - migrate editor component form to modal
* wip - move editor component form to modal
* wip - embed plugin forms in the editor
* inline shortcode forms working
* disable react hot loading, its breaking things
* improve shortcode form styles
* make shortcode form collapsible, improve styling
* add close functionality to shortcode blocks
* improve base media library styling
* fix shortcode label
* migrate unstyled workflow to new UI
* wip - reorganizing everything
* more work moving everything
* finish more moving and eliminating stuff
* restructure, remove react-toolbox
* wip - removing old stuff, more restructure
* finish restructure
* wip - css arch
* switch back to test repo
* update react-datetime to ^2.11.0
* remove leftover react-toolbox button
* more restructuring clean-up
* fix UI component directory case
* wip -css editor control style
* wip - consolidate widget styles
* wip - use a single control renderer
* fixed object values breaking
* wip - editor control active styles
* pass control wrapper to widgets
* ensure branch name is trimmed
* wip - improve widget authoring support
* import Map to Widget component
* refactor toolbar buttons
* wip - more widget active styles
* break out editor toggle component
* add local scroll sync back
* update editor toggle icons
* limit editor control pane content width
* fix editor control spacing
* migrate markdown toolbar stickiness to css
* fix markdown toolbar border radius
* temporarily use test backend
* stop markdown toolbar from going to bottom
* restore disabled markdown toolbar buttons for raw
* test markdown widget without focus styles
* more widget updates
* remove card visuals from editor
* disable dragging editor split off screen
* use editorControl component for shortcode fields
* make header site link configurable
* add configurable collection descriptions
* temporarily add example assets
* add basic list view
* remove outdated css mixins
* add and implement search icon
* activate quick add menu
* visualize usable space in editor view
* fix entry close, other improvements
* wip - editorial workflow updates
* some dropshadow and other CSS tweaks
* workflow ui updates
* add worfklow card buttons
* fix workflow card button handlers
* some dropshadow and other CSS tweaks
* make workflow board wider
* center workflow and collection views
* add basic responsiveness
* a bunch of fun UI fixes! a BUNCH! (#875)
* give `.nc-entryEditor-toolbar-mainSection` left and right child divs
* a bunch of fun UI fixes! a BUNCH!
* remove obscure --buttonShadow
* revert to test repo
* fix not found page styling
* allow workflow publishing from any column
* disallow publishing from all columns, with feedback
* fix new entry button
* fix markdown state persisting across entries
* enable simple workflow save and new from editor
* update slug in address bar when saving new entry
* wip - workflow updates, deletion working
* add status change functionality to editor
* wip - improving status change from editor
* editor toolbar back button improvements, loading improvements, cleanup
* progress on the media library UI cleanup
* remove font smothing css
* a quick fix for these buttons
* tweaks
* progress on media library modal— broken FYI
* fix media library functionality, finish migrating footer
* remove media library footer files
* remove leftover css import
* fix media library
* editor publishing functionality complete (unstyled)
* remove leftover loader var from media library
* wip - editor publishing styles
* add status dropdown styling
* editor toolbar style updates
* editor toolbar state improvements
* progress on the media library UI cleanup, style improvements
* finish editorial workflow editor styling
* finish media library styling
* fix config
* add what-input to optimize focus styling
* fix button
* fix navigation blocking for simple workflow
* improve simple workflow publishing
* add avatar dropdown to editor top bar
* style github and test-repo auth pages
* add git gateway auth page styles
* improve editor error styling
2017-12-07 12:37:10 -05:00
|
|
|
const serializer = getWidgetValueSerializer(field.get('widget'));
|
2017-07-18 19:14:40 -04:00
|
|
|
const nestedFields = field.get('fields');
|
2017-08-02 13:11:43 -04:00
|
|
|
|
|
|
|
// Call recursively for fields within lists
|
2017-07-18 19:14:40 -04:00
|
|
|
if (nestedFields && List.isList(value)) {
|
2019-11-18 17:51:51 +02:00
|
|
|
return acc.set(
|
|
|
|
fieldName,
|
|
|
|
value.map(val => runSerializer(val, nestedFields, method)),
|
|
|
|
);
|
2017-08-02 13:11:43 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
// Call recursively for fields within objects
|
|
|
|
if (nestedFields && Map.isMap(value)) {
|
2017-07-18 19:14:40 -04:00
|
|
|
return acc.set(fieldName, runSerializer(value, nestedFields, method));
|
2017-08-02 13:11:43 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
// Run serialization method on value if not null or undefined
|
|
|
|
if (serializer && !isNil(value)) {
|
2017-07-18 19:14:40 -04:00
|
|
|
return acc.set(fieldName, serializer[method](value));
|
2017-08-02 13:11:43 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
// If no serializer is registered for the field's widget, use the field as is
|
|
|
|
if (!isNil(value)) {
|
2017-07-18 19:14:40 -04:00
|
|
|
return acc.set(fieldName, value);
|
|
|
|
}
|
2017-08-02 13:11:43 -04:00
|
|
|
|
2017-07-18 19:14:40 -04:00
|
|
|
return acc;
|
|
|
|
}, Map());
|
|
|
|
};
|
|
|
|
|
|
|
|
export const serializeValues = (values, fields) => {
|
|
|
|
return runSerializer(values, fields, 'serialize');
|
|
|
|
};
|
|
|
|
|
|
|
|
export const deserializeValues = (values, fields) => {
|
|
|
|
return runSerializer(values, fields, 'deserialize');
|
|
|
|
};
|