@forrestjs/kitchensink/fe-react/src/features/layout/index.js

ForrestJS demonstrational tool

import * as hooks from './hooks';
import { Layout } from './Layout';

export const layout = ({
  registerHook,
  registerAction,
  createHook,
  setContext,
}) => {
  registerHook(hooks);

  registerAction({
    hook: '$INIT_SERVICE',
    handler: () => {
      const { value: layoutTitle } = createHook.waterfall(
        hooks.LAYOUT_TITLE,
        'Dashboard',
      );

      const layoutContent = createHook
        .sync(hooks.LAYOUT_CONTENT)
        .map((_) => _[0]);

      const layoutRoutes = createHook.sync(hooks.LAYOUT_ROUTE).map((_) => _[0]);

      const primaryListItems = createHook
        .sync(hooks.LAYOUT_DRAWER_PRIMARY_LIST_ITEMS)
        .map((_) => _[0]);

      const secondaryListItems = createHook
        .sync(hooks.LAYOUT_DRAWER_SECONDARY_LIST_ITEMS)
        .map((_) => _[0]);

      setContext('layout.title', layoutTitle);
      setContext('layout.content', layoutContent);
      setContext('layout.routes', layoutRoutes);
      setContext('layout.drawer.list.primary.items', primaryListItems);
      setContext('layout.drawer.list.secondary.items', secondaryListItems);
    },
  });

  registerAction({
    hook: '$REACT_ROOT_COMPONENT',
    handler: () => <Layout />,
  });
};