feat: initial

Author: unix

.circleci/config.yml

@@ -0,0 +1,55 @@
+version: 2
+jobs:
+  test:
+    docker:
+      - image: circleci/node:12.0
+
+    working_directory: ~/repo
+
+    steps:
+      - checkout
+
+      - restore_cache:
+          keys:
+            - v2-dependencies-{{ checksum "package.json" }}
+            - v2-dependencies-
+
+      - run: yarn
+
+      - save_cache:
+          paths:
+            - node_modules
+          key: v2-dependencies-{{ checksum "package.json" }}
+
+      - run: yarn run lint
+      - run: yarn test -w 1 --coverage
+      - run: bash <(curl -s https://codecov.io/bash)
+
+  build:
+    docker:
+      - image: circleci/node:12.0
+
+    working_directory: ~/repo
+
+    steps:
+      - checkout
+
+      - restore_cache:
+          keys:
+            - v2-dependencies-{{ checksum "package.json" }}
+            - v2-dependencies-
+
+      - run: yarn
+
+      - save_cache:
+          paths:
+            - node_modules
+          key: v2-dependencies-{{ checksum "package.json" }}
+
+      - run: yarn run build
+workflows:
+  version: 2
+  build_and_test:
+    jobs:
+      - test
+      - build

.codecov.yml

@@ -0,0 +1,8 @@
+codecov:
+  require_ci_to_pass: yes
+  comment:
+    layout: "reach, diff, flags, files"
+    behavior: default
+    require_changes: false
+    branches:
+      - "master"

.eslintignore

@@ -0,0 +1,8 @@
+.now/*
+.next/*
+examples/*
+dist/*
+public/*
+scripts/*
+tests/*
+*.config.js

.gitignore

@@ -0,0 +1,28 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+.env*
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+.now
+dist

.jest.config.js

@@ -0,0 +1,23 @@
+module.exports = {
+  verbose: true,
+
+  setupFiles: ['./tests/setup.js'],
+
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+
+  testPathIgnorePatterns: ['/pages/', '/dist/', '/lib/', '/.next/'],
+
+  transform: {
+    '^.+\\.tsx?$': ['babel-jest', { configFile: './tests/.babelrc.js' }],
+  },
+
+  // testRegex: '.*\\.test\\.(j|t)sx?$',
+  testRegex: '.*update\\.test\\.(j|t)sx?$',
+
+  collectCoverageFrom: ['packages/**/*.{ts,tsx}'],
+
+  moduleNameMapper: {
+    'tests/(.*)$': '<rootDir>/tests/$1',
+    packages: '<rootDir>/packages/index.ts',
+  },
+}

.nowignore

@@ -0,0 +1,5 @@
+.idea
+.git
+.DS_Store
+.env
+.circleci

.prettierignore

@@ -0,0 +1,9 @@
+.github
+.next
+.now
+.circleci
+dist
+coverage
+*.json
+*.yml
+*.snap

.prettierrc.js

@@ -0,0 +1,10 @@
+module.exports = {
+  semi: false,
+  tabWidth: 2,
+  printWidth: 100,
+  trailingComma: 'all',
+  arrowParens: 'avoid',
+  singleQuote: true,
+  jsxBracketSameLine: true,
+  endOfLine: 'lf',
+}

.travis.yml

@@ -0,0 +1,22 @@
+language: node_js
+
+node_js:
+  - 13.9.0
+
+cache:
+  directories:
+  - "node_modules"
+
+notifications:
+  email:
+    on_success: never
+
+branches:
+  only:
+    - master
+
+install:
+  - yarn
+
+script:
+  - yarn run build

lib/components/active-link.tsx

@@ -0,0 +1,13 @@
+import { useRouter } from 'next/router'
+import Link from 'next/link'
+import React, { Children, ReactHTMLElement } from 'react'
+
+const ActiveLink: React.FC<React.PropsWithChildren<{ href: string }>> = ({ children, href }) => {
+  const { pathname } = useRouter()
+  const child = Children.only(children) as ReactHTMLElement<any>
+  const className = pathname === href ? 'active' : ''
+
+  return <Link href={href}>{React.cloneElement(child, { className })}</Link>
+}
+
+export default ActiveLink