Skip to content

0.22.0

Compare
Choose a tag to compare
@arcticicestudio arcticicestudio released this 19 Dec 10:57
v0.22.0

Changelog for the official Nord website and documentation

Release Date: 2019-12-19 Project Board Milestone

This version mainly focused on the transition of the „Nord Xcode“ port project. The implementation includes the port specific landing and docs pages as well as the installation & activation and asset catalog guides.

Features

„Nord Xcode“ Transition#182#186 (⊶ 0732fd4)
↠ Transferred all documentations, assets and visualizations from „Nord Xcode“ to Nord Docs which will now serve as the single-source-of-truth™.
Please see the corresponding issue in the Nord Xcode repository to get an overview of what has changed for Nord Xcode and what has been done to migrate to Nord Docs.

Landing Page

Preview: Nord Xcode Port Project Landing Page

Docs Page

Preview: Nord Xcode Docs Page

Installation & Activation Guide

Preview: Nord Xcode Installation & Activation Guide Page

Asset Catalog Guide

Preview: Nord Xcode Asset Catalog Guide Page

Bug Fixes

Workflow

Non-matching remark-lint ignore pattern#180#181 (⊶ 8ae06b3)
↠ Previously the defined pattern for directories were not matching due to the "asterisk" wildcard character at the end of the paths. These have been removed in order to make them work correctly.

Task

Dependency Update April-October 2019#183#184 (⊶ b37ec8d)
↠ Completed the regular batch update for outdated production and development dependencies.

Deprecated Packages

The following packages have been deprecated in favour of new (scoped) packages:

  • eslint-config-arcticicestudio@arcticicestudio/eslint-config
  • gatsby-mdxgatsby-plugin-mdx
  • jest-dom@testing-library/jest-dom
  • react-hooks-testing-library@testing-library/react-hooks
  • react-testing-library@testing-library/react

Known Issues

The react-pose and react-spring package were intentionally not updated in order to prevent incompatibilities. Due to the transitive dependency of react-pose to the stylefire package, some SVG animations would break because the latest version of stylefire changed the way how x & y CSS transform and translate property values are handled. This would result in SVG elements not being scaled from their original position but from the top of the viewBox.
Using the latest version of react-spring would cause a value not defined error for the animation of the floating port project logos.
Both problems will be solved later on by finding the root cause of the undefined value as well as migrating away from the deprecated react-pose package to the new framer-motion package and API.

Updated ESLint Configuration

The ESLint configuration has been adapted to the new @arcticicestudio/eslint-config package. This simplifies the configuration at all by removing custom overrides that were missing in the preset. It also removes the import of the import/no-extraneous-dependencies rule object from the @arcticicestudio/eslint-config-base package since the rule will be disabled for all files matching the **/.gatsby/**/*.js pattern.

The new preset also comes with the new development dependency package eslint-config-prettier. In order to resolve alias imports the eslint-import-resolver-alias package has also been added and configured.

After updating all configurations the whole code base has been linted and found errors and warnings have been fixed.

Testing Setup

The awesome react-testing libraries moved to the @testing-library package scope which required some changes to be done to migrate the test setup:

  1. Updated all package import paths, e.g. react-testing-library to @testing-library/react.
  2. Removed the deprecated import of the cleanup-after-each function that yields the following warning

    The module @testing-library/react/cleanup-after-each has been deprecated and no longer does anything (it is not needed). You no longer need to import this module and can safely remove any import or configuration which imports this module.

  3. Updated failing snapshots were only the class name of styled components changed. This is because the generated class names are now starting with a counter of 0 instead of 1 causing only changes like this:
    -.c1
    +.c0
Production Dependencies
  • @mdx-js/react 1.0.61.5.1
  • axios 0.18.00.19.0
  • body-scroll-lock 2.6.12.6.4
  • date-fns 2.0.0-alpha.272.4.1
  • gatsby 2.3.292.15.36
  • gatsby-image 2.0.402.2.27
  • gatsby-mdx 0.6.2 ➔ gatsby-plugin-mdx 1.0.51
  • gatsby-plugin-canonical-urls 2.0.122.1.11
  • gatsby-plugin-catch-links 2.0.132.1.13
  • gatsby-plugin-google-gtag 1.0.161.1.12
  • gatsby-plugin-lodash 3.0.53.1.11
  • gatsby-plugin-manifest 2.0.292.2.21
  • gatsby-plugin-netlify 2.0.15 ➔ 2.1.19``
  • gatsby-plugin-no-sourcemaps 2.0.22.1.1
  • gatsby-plugin-offline 2.0.253.0.14
  • gatsby-plugin-react-helmet 3.0.123.1.11
  • gatsby-plugin-remove-trailing-slashes 2.0.112.1.10
  • gatsby-plugin-robots-txt 1.4.01.5.0
  • gatsby-plugin-sharp 2.0.352.2.29
  • gatsby-plugin-sitemap 2.0.122.2.17
  • gatsby-plugin-styled-components 3.0.73.1.9
  • gatsby-plugin-webpack-size 0.0.31.0.0
  • gatsby-source-filesystem 2.0.322.1.31
  • gatsby-source-graphql 2.0.182.1.18
  • gatsby-transformer-sharp 2.1.182.2.21
  • gatsby-transformer-yaml 2.1.122.2.13
  • inter-ui 3.5.03.10.0
  • lodash 4.17.114.17.15
  • polished 3.2.03.4.1
  • react 16.8.616.10.2
  • react-dom 16.8.616.10.2
  • react-helmet 5.2.05.2.1
  • react-spring 8.0.78.0.27
  • semver 6.0.06.3.0
  • styled-components 4.2.04.4.0
Development Dependencies
  • @babel/core 7.4.37.6.4
  • @babel/plugin-proposal-class-properties 7.4.07.5.5
  • @babel/plugin-proposal-export-default-from 7.2.07.5.2
  • @babel/plugin-proposal-nullish-coalescing-operator 7.4.37.4.4
  • @babel/plugin-proposal-optional-chaining 7.2.07.6.0
  • @mdx-js/mdx 1.0.141.5.1
  • @svgr/webpack 4.2.04.3.3
  • babel-eslint 10.0.110.0.3
  • babel-jest 24.7.124.9.0
  • babel-plugin-styled-components 1.10.01.10.6
  • babel-preset-gatsby 0.1.110.2.18
  • del-cli 1.1.03.0.0
  • eslint 5.16.06.5.1
  • eslint-config-arcticicestudio >=0.4.0 <1.0.0 ➔ @arcticicestudio/eslint-config >=0.8.0 <1.0.0
  • eslint-config-prettier 🆕 6.4.0
  • eslint-import-resolver-jest 2.1.13.0.0
  • eslint-import-resolver-alias 🆕 1.1.2
  • eslint-plugin-import 2.17.22.18.2
  • eslint-plugin-jsx-a11y 6.2.16.2.3
  • eslint-plugin-prettier 3.0.13.1.1
  • eslint-plugin-react 7.12.47.16.0
  • eslint-plugin-react-hooks 1.6.02.1.2
  • git-revision-webpack-plugin 3.0.33.0.4
  • glob 7.1.37.1.4
  • husky 2.1.03.0.9
  • jest 24.7.124.9.0
  • jest-dom 3.1.3 ➔ @testing-library/jest-dom 4.1.2
  • jest-junit 6.3.08.0.0
  • jest-styled-components 6.3.16.3.3
  • lint-staged 8.1.59.4.2
  • prettier 1.17.01.18.2
  • rehype-slug 2.0.22.0.3
  • react-hooks-testing-library 0.5.0 ➔ @testing-library/react 9.3.0
  • react-testing-library 6.1.2 ➔ @testing-library/react-hooks 2.0.3
  • remark-breaks 1.0.21.0.3
  • remark-cli 6.0.17.0.0
  • remark-github 7.0.68.0.0
  • remark-preset-lint-arcticicestudio >=0.2.0 <1.0.0>=0.3.0 <1.0.0
  • webpack-bundle-analyzer 3.3.23.5.2

The full changelog is available here