WIPgit status <Compose> Refactor; <Composer> ed.

app/javascript/flavours/glitch/util/dom_helpers.js

@@ -0,0 +1,6 @@
+//  Package imports.
+import detectPassiveEvents from 'detect-passive-events';
+
+//  This will either be a passive lister options object (if passive
+//  events are supported), or `false`.
+export const withPassive = detectPassiveEvents.hasSupport ? { passive: true } : false;

app/javascript/flavours/glitch/util/initial_state.js

@@ -18,5 +18,6 @@ export const boostModal = getMeta('boost_modal');
 export const favouriteModal = getMeta('favourite_modal');
 export const deleteModal = getMeta('delete_modal');
 export const me = getMeta('me');
+export const maxChars = getMeta('max_toot_chars') || 500;
 
 export default initialState;

app/javascript/flavours/glitch/util/react_helpers.js

@@ -0,0 +1,21 @@
+//  This function binds the given `handlers` to the `target`.
+export function assignHandlers (target, handlers) {
+  if (!target || !handlers) {
+    return;
+  }
+
+  //  We just bind each handler to the `target`.
+  const handle = target.handlers = {};
+  handlers.keys().forEach(
+    key => handle.key = key.bind(target)
+  );
+}
+
+//  This function only returns the component if the result of calling
+//  `test` with `data` is `true`.  Useful with funciton binding.
+export function conditionalRender (test, data, component) {
+  return test ? component : null;
+}
+
+//  This object provides props to make the component not visible.
+export const hiddenComponent = { style: { display: 'none' } };

app/javascript/flavours/glitch/util/redux_helpers.js

@@ -0,0 +1,7 @@
+//  Merges react-redux props.
+export function mergeProps (stateProps, dispatchProps, ownProps) {
+  Object.assign({}, ownProps, {
+    dispatch: Object.assign({}, dispatchProps, ownProps.dispatch || {}),
+    state: Object.assign({}, stateProps, ownProps.state || {}),
+  });
+}