stephencookdev

module.exports = function ({ types: t }) {
  const genTypeExpression = (node) => {
    return t.callExpression(
      t.memberExpression(t.identifier("React"), t.identifier("createElement")),
      [
        /^[A-Z]/.test(node.type[0])
          ? t.identifier(node.type)
          : t.stringLiteral(node.type),
        t.objectExpression(node.args),
        ...node.children.map(genTypeExpression),

stephencookdev

module.exports = function ({ types: t }) {
  const GrandmaVisitor = {
    StringLiteral(path, state) {
      if (path.node.value === "👵") {
        const recipeRef = state.grandmasRecipes[path.node.loc.start.line];
        const recipeMatches = recipeRef && recipeRef.start > path.node.start;
        if (recipeMatches) {
          const recipe = recipeRef.value;
          const domStruc = cookRecipe(recipe, state.grandmasReference);

stephencookdev

module.exports = function ({ types: t }) {
  const GrandmaVisitorInitiator = {
    Program(path) {
      const commentLineTokens = path.parent.comments.filter(
        (token) => token.type === "CommentLine"
      );
      const commentBlockTokens = path.parent.comments.filter(
        (token) => token.type === "CommentBlock"
      );

stephencookdev

module.exports = function () {
  const SimpleVisitor = {
    StringLiteral(path, state) {
      if (path.node.value === "We'll never survive!") {
        path.node.value = "Nonsense. You're only saying that because no one ever has.";
      }
    },
  };
  
  return { visitor: SimpleVisitor };

stephencookdev

const SwitchWithSlide = animateSwitch(Switch, SlideOut);

const App = () => (
  <SwitchWithSlide>
    <Route path="/a" component={PathA} />
    <Route path="/b" component={PathB} />
  </SwitchWithSlide>
);

stephencookdev

const App = () => (
  <Switch>
    <Route path="/a" component={PathA} />
    <Route path="/b" component={PathB} />
  </Switch>
);

stephencookdev

const animateSwitch = (CustomSwitch, AnimatorComponent) => ({
  children,
}) => (
  <Route
    render={({ location }) => (
      <AnimatorComponent uniqKey={location.pathname}>
        <CustomSwitch location={location}>{children}</CustomSwitch>
      </AnimatorComponent>
    )}
  />

stephencookdev

render() {
  return (
    <Route
      render={({ location }) => (
        <SlideOut uniqKey={location.pathname}>
          <Switch location={location}>
            <Route path="/a" component={PathA} />
            <Route path="/b" component={PathB} />
          </Switch>
        </SlideOut>

stephencookdev

swapChildren = () => {
  this.setState({
    childPosition: Slider.FROM_RIGHT,
    prevChild: null,
    prevUniqId: null,
    animationCallback: null
  });
}

stephencookdev

componentDidUpdate(prevProps, prevState) {
  const prevUniqId = prevProps.uniqKey || prevProps.children.type;
  const uniqId = this.props.uniqKey || this.props.children.type;

  if (prevUniqId !== uniqId) {
    this.setState({
      childPosition: Slider.TO_LEFT,
      curChild: this.props.children,
      curUniqId: uniqId,
      prevChild: prevProps.children,