function App() {
  const routes = [MainPage, OrderPage];

  for (const route of routes) {
    renderRoute($path, route);
  }
}

nst OrderPage: Page<string> = {
  visible: (path) => path.startsWith('/order/'),
  fn() {
    h('p', {
      text: 'Hello, from order page',
    });
  },
};

function renderRoute(source: Store<string>, { visible, childState: childStateFn, state: stateFn, fn }) {
  route({
    source,
    visible,
    fn({ store }) {
      let state;
      let childState;

      if (stateFn) state = store.map(stateFn);
      if (childStateFn) childState = store.map(childStateFn);

      fn({
        state,
        childState,
      });
    },
  });
}

fn({state}) {
  sample({ source: state, target: fx });
})