@winstrike/next-i18next-koa/dist/es/components/Link.js

The easiest way to translate your NextJs apps. With Koa support only. Forked from 'next-i18next'.

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

/*
  This `Link` component is a wrap of the standard
  NextJs `Link` component, with some simple lang
  redirect logic in place.

  If you haven't already, read this issue comment:
  https://github.com/zeit/next.js/issues/2833#issuecomment-414919347

  This component automatically provides this functionality:
  <Link href="/product?slug=something" as="/products/something">

  Wherein `slug` is actually our i18n lang, and it gets
  pulled automatically.

  Very important: if you import `Link` from NextJs directly,
  and not this file, your lang subpath routing will break.
*/
import React from 'react';
import PropTypes from 'prop-types';
import NextLink from 'next/link';
import { withNamespaces } from 'react-i18next';
import { lngPathCorrector, localeSubpathRequired } from '../utils';

const removeWithNamespacesProps = props => {
  const strippedProps = Object.assign({}, props);
  delete strippedProps.defaultNS;
  delete strippedProps.i18n;
  delete strippedProps.i18nOptions;
  delete strippedProps.lng;
  delete strippedProps.reportNS;
  delete strippedProps.t;
  delete strippedProps.tReady;
  return strippedProps;
};

class Link extends React.Component {
  render() {
    const {
      as,
      children,
      href,
      lng,
      nextI18NextInternals,
      ...props
    } = this.props;

    if (localeSubpathRequired(nextI18NextInternals, lng)) {
      const {
        config
      } = nextI18NextInternals;
      const {
        as: correctedAs,
        href: correctedHref
      } = lngPathCorrector(config, {
        as,
        href
      }, lng);
      return React.createElement(NextLink, _extends({
        href: correctedHref,
        as: correctedAs
      }, removeWithNamespacesProps(props)), children);
    }

    return React.createElement(NextLink, _extends({
      href: href,
      as: as
    }, removeWithNamespacesProps(props)), children);
  }

}

Link.propTypes = {
  as: PropTypes.string,
  children: PropTypes.node.isRequired,
  href: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,
  nextI18NextInternals: PropTypes.shape({
    config: PropTypes.shape({
      defaultLanguage: PropTypes.string.isRequired,
      localeSubpaths: PropTypes.string.isRequired
    }).isRequired
  }).isRequired
};
Link.defaultProps = {
  as: undefined
  /*
    Usage of `withNamespaces` here is just to
    force `Link` to rerender on language change
  */

};
export default withNamespaces()(Link);