| "pkg-a@1.1.0" | |
| version "1.1.0" | |
| dependencies: | |
| pkg-b "^2.1.0" | |
| "pkg-c@1.0.0" | |
| version "1.0.0" | |
| dependencies: | |
| pkg-b "^2.0.0" |
| "pkg-a@1.1.0" | |
| version "1.1.0" | |
| dependencies: | |
| pkg-b "^2.1.0" | |
| "pkg-c@1.0.0" | |
| version "1.0.0" | |
| dependencies: | |
| pkg-b "^2.0.0" |
| "pkg-a@1.0.0" | |
| version "1.0.0" | |
| dependencies: | |
| pkg-b "^2.0.0" | |
| "pkg-c@1.0.0" | |
| version "1.0.0" | |
| dependencies: | |
| pkg-b "^2.0.0" |
| "pkg-a@<VERSION_RANGE>" | |
| version: version of pkg-a that we resolve to | |
| dependencies: | |
| pkg-b: the range that is specified in pkg-a's package.json | |
| "pkg-b@<VERSION_RANGE>" | |
| version: the version that packages depending on pkg-b@<VERSION-RANGE> get | |
| "pkg-b@<INCOMPATIBLE_VERSION_RANGE>" |
| "pkg-a@<VERSION_RANGE>" | |
| version: version of pkg-a that we resolve to | |
| dependencies: | |
| pkg-b: the range that is specified in pkg-a's package.json | |
| "pkg-b@<VERSION_RANGE>, pkg-b@<COMPATIBLE_VERSION_RANGE>" | |
| version: the version that packages depending on pkg-b get | |
| "pkg-a@<VERSION_RANGE>" | |
| version: version of pkg-a that we resolve to, aka what ends up being bundled | |
| dependencies: | |
| pkg-b: the range that is specified in pkg-a's package.json | |
| "pkg-b@<VERSION_RANGE>" | |
| version: the version that packages depending on pkg-b@<VERSION_RANGE> get | |
Sometimes after changing content in contentful you may get a TypeError: Cannot read property 'internal' of undefined error. The only fix I've found for this is to unpublish all contentful component pages, and republish them ~4 at a time, building each time. Relevant issue here:
contentful/rich-text#53
gatsbyjs/gatsby#6949
Embedded entries don't resolve when using gatsby develop: contentful/rich-text#46
gatsbyjs/gatsby#10592
gatsbyjs/gatsby#9821
| import React from 'react'; | |
| import { Link as GatsbyLink } from 'gatsby'; | |
| import * as deepmerge from 'deepmerge'; | |
| import { INLINES, BLOCKS, MARKS } from '@contentful/rich-text-types'; | |
| import { documentToJSX } from './../scripts/documentToJSX'; | |
| import { getEntry } from './../scripts/getContentfulEntry'; | |
| const Link = ({ children, to, activeClassName, ...other }) => { | |
| const internal = /^\/(?!\/)/.test(to); |
| Dropdown* | |
| Inactive* | |
| focus -> Focused | |
| click -> Open | |
| Focused | |
| down arrow key -> Open | |
| Open | |
| arrow key -> Navigating |
| Search Bar* | |
| Inactive* | |
| focused -> Active | |
| Active | |
| canceled -> Inactive | |
| typed -> Text Entry | |
| Empty* |