{
- setShowTooltip(!showTooltip)
- }
- }
- onMouseEnter={() => {
- if (hoverable) {
- setShowTooltip(true)
-
- if (onMouseEnter) {
- onMouseEnter()
- }
- }
- }}
- onMouseLeave={() => {
- if (hoverable) {
- setShowTooltip(false)
- }
- }}
- >
+
{iconSvg}
{showSpinner && (
{spinnerIcon}
)}
+ {tooltip && (
+
+ )}
- {tooltipContent && (
-
{
- setShowTooltip(false)
- }}
- data-gatsby-preview-indicator="tooltip-link"
- >
- {exitIcon}
-
- )
- }
- overrideShowTooltip={overrideShowTooltip}
- showTooltip={showTooltip}
- elementRef={buttonRef}
- testId={testId}
- />
- )}
)
}
+
+export default IndicatorButton
diff --git a/packages/gatsby-plugin-gatsby-cloud/src/components/buttons/InfoIndicatorButton.js b/packages/gatsby-plugin-gatsby-cloud/src/components/buttons/InfoIndicatorButton.js
index 55f7bf11e4e27..b757e73be724d 100644
--- a/packages/gatsby-plugin-gatsby-cloud/src/components/buttons/InfoIndicatorButton.js
+++ b/packages/gatsby-plugin-gatsby-cloud/src/components/buttons/InfoIndicatorButton.js
@@ -1,93 +1,39 @@
-import React from "react"
+import React, { useEffect, useState } from "react"
import { formatDistance } from "date-fns"
-import trackEvent from "../../utils/trackEvent"
-
import IndicatorButton from "./IndicatorButton"
-import { infoIcon, infoIconActive } from "../icons"
+import { infoIcon, infoAlertIcon } from "../icons"
import {
+ FeedbackTooltipContent,
BuildErrorTooltipContent,
BuildSuccessTooltipContent,
} from "../tooltips"
+import { useTrackEvent, useCookie, useFeedback } from "../../utils"
+import {
+ FEEDBACK_COOKIE_NAME,
+ FEEDBACK_URL,
+ INTERACTION_COOKIE_NAME,
+} from "../../constants"
+import { BuildStatus } from "../../models/enums"
-const getButtonProps = props => {
- const {
- createdAt,
- buildStatus,
- erroredBuildId,
- isOnPrettyUrl,
- sitePrefix,
- siteId,
- buildId,
- orgId,
- } = props
+const InfoIndicatorButton = ({
+ buttonIndex,
+ orgId,
+ siteId,
+ erroredBuildId,
+ isOnPrettyUrl,
+ sitePrefix,
+ buildId,
+ createdAt,
+ buildStatus,
+}) => {
+ const initialButtonProps = { buttonIndex, testId: `info`, hoverable: true }
+ const [buttonProps, setButtonProps] = useState(initialButtonProps)
+ const { setCookie } = useCookie()
+ const { shouldShowFeedback } = useFeedback()
+ const { track } = useTrackEvent()
- switch (buildStatus) {
- case `UPTODATE`: {
- return {
- tooltipContent: `Preview updated ${formatDistance(
- Date.now(),
- new Date(createdAt),
- { includeSeconds: true }
- )} ago`,
- active: true,
- showInfo: false,
- hoverable: true,
- }
- }
- case `SUCCESS`: {
- return {
- tooltipContent: (
- {
+ closeFeedbackTooltip()
+ }}
+ />
+ ),
+ overrideShow: true,
+ closable: true,
+ onClose: closeFeedbackTooltip,
+ },
+ active: true,
+ highlighted: true,
+ })
+ } else {
+ setButtonProps(btnProps => {
+ return {
+ ...btnProps,
+ tooltip: {
+ testId: btnProps.testId,
+ content: `Preview updated ${formatDistance(
+ Date.now(),
+ new Date(createdAt),
+ { includeSeconds: true }
+ )} ago`,
+ overrideShow: false,
+ show: false,
+ },
+ active: true,
+ }
+ })
+ }
+ },
+ [BuildStatus.SUCCESS]: () => {
+ setButtonProps(btnProps => {
+ return {
+ ...btnProps,
+ tooltip: {
+ testId: btnProps.testId,
+ content: (
+
+
+)
+
+export const infoAlertIcon = (
+
+
+)
diff --git a/packages/gatsby-plugin-gatsby-cloud/src/components/index.d.ts b/packages/gatsby-plugin-gatsby-cloud/src/components/index.d.ts
index 7c901b6842f62..de2374c51da9f 100644
--- a/packages/gatsby-plugin-gatsby-cloud/src/components/index.d.ts
+++ b/packages/gatsby-plugin-gatsby-cloud/src/components/index.d.ts
@@ -1,26 +1,45 @@
export declare module "gatsby-plugin-gatsby-cloud/components" {
import React from "react"
- type GenericProps = {[key: string]: any}
+ type GenericProps = { [key: string]: any }
+
type TrackEventProps = {
- siteId: string,
- orgId: string,
+ siteId: string
+ orgId: string
buildId: string
}
- type IndicatorButtonProps = {
- tooltipContent?: React.ReactNode,
- overrideShowTooltip?: boolean,
- iconSvg?: React.ReactNode,
- onClick?: () => void,
- showSpinner?: boolean,
- active?: boolean,
- onMouseEnter?: () => void,
+
+ interface IndicatorButtonTooltipProps {
+ content: React.ReactNode | string
+ closable: boolean
+ show: boolean
+ overrideShow?: boolean
+ testId: string
+ onClose?: () => void
+ }
+ interface IndicatorButtonProps {
+ buttonIndex: number
+ testId: string
+ showSpinner?: boolean
+ active?: boolean
+ hoverable?: boolean
+ highlighted?: boolean
+ iconSvg?: React.ReactNode
+ tooltip?: IndicatorButtonTooltipProps
+ onClick?: () => void
+ onMouseEnter?: () => void
}
- export function PreviewIndicator(props: { children: React.ReactNode }): React.FC
+ export function PreviewIndicator(props: {
+ children: React.ReactNode
+ }): React.FC
export function GatsbyIndicatorButton(props: GenericProps): React.FC
- export function LinkIndicatorButton(props: TrackEventProps & IndicatorButtonProps): React.FC
- export function InfoIndicatorButton(props: TrackEventProps & IndicatorButtonProps): React.FC
+ export function LinkIndicatorButton(
+ props: TrackEventProps & IndicatorButtonProps
+ ): React.FC
+ export function InfoIndicatorButton(
+ props: TrackEventProps & IndicatorButtonProps
+ ): React.FC
export function BuildErrorIndicatorTooltip(props: TrackEventProps): React.FC
export function BuildErrorIndicatorTooltip(props: {}): React.FC
}
diff --git a/packages/gatsby-plugin-gatsby-cloud/src/components/tooltips/BuildErrorTooltipContent.js b/packages/gatsby-plugin-gatsby-cloud/src/components/tooltips/BuildErrorTooltipContent.js
index 2e50e8b5f81c6..fd5aa98c2ee90 100644
--- a/packages/gatsby-plugin-gatsby-cloud/src/components/tooltips/BuildErrorTooltipContent.js
+++ b/packages/gatsby-plugin-gatsby-cloud/src/components/tooltips/BuildErrorTooltipContent.js
@@ -1,9 +1,9 @@
import React from "react"
import { logsIcon, failedIcon } from "../icons"
-import trackEvent from "../../utils/trackEvent"
+import { useTrackEvent } from "../../utils"
const generateBuildLogUrl = ({ orgId, siteId, buildId }) => {
- let pathToBuildLogs
+ let pathToBuildLogs = ``
if (!buildId) {
pathToBuildLogs = `https://www.gatsbyjs.com/dashboard/${orgId}/sites/${siteId}/cmsPreview`
@@ -16,7 +16,8 @@ const generateBuildLogUrl = ({ orgId, siteId, buildId }) => {
return `${pathToBuildLogs}?returnTo=${returnTo}`
}
-export default function BuildErrorTooltipContent({ siteId, orgId, buildId }) {
+const BuildErrorTooltipContent = ({ siteId, orgId, buildId }) => {
+ const { track } = useTrackEvent()
return (
<>
{failedIcon}
@@ -26,7 +27,7 @@ export default function BuildErrorTooltipContent({ siteId, orgId, buildId }) {
target="_blank"
rel="noreferrer"
onClick={() => {
- trackEvent({
+ track({
eventType: `PREVIEW_INDICATOR_CLICK`,
orgId,
siteId,
@@ -37,8 +38,10 @@ export default function BuildErrorTooltipContent({ siteId, orgId, buildId }) {
data-gatsby-preview-indicator="tooltip-link"
>
{`View logs`}
- {logsIcon}
+ {logsIcon}
)
}
+
+export default BuildErrorTooltipContent
diff --git a/packages/gatsby-plugin-gatsby-cloud/src/components/tooltips/BuildSuccessTooltipContent.js b/packages/gatsby-plugin-gatsby-cloud/src/components/tooltips/BuildSuccessTooltipContent.js
index 90219f70aa63b..cbe63c1c0164d 100644
--- a/packages/gatsby-plugin-gatsby-cloud/src/components/tooltips/BuildSuccessTooltipContent.js
+++ b/packages/gatsby-plugin-gatsby-cloud/src/components/tooltips/BuildSuccessTooltipContent.js
@@ -1,52 +1,55 @@
import React from "react"
-import trackEvent from "../../utils/trackEvent"
+import { useTrackEvent } from "../../utils"
const delay = ms => new Promise(resolve => setTimeout(resolve, ms || 50))
-const newPreviewAvailableClick = async ({
+const BuildSuccessTooltipContent = ({
isOnPrettyUrl,
sitePrefix,
orgId,
siteId,
buildId,
}) => {
- trackEvent({
- eventType: `PREVIEW_INDICATOR_CLICK`,
+ const { track } = useTrackEvent()
+ const newPreviewAvailableClick = async ({
+ isOnPrettyUrl,
+ sitePrefix,
orgId,
siteId,
buildId,
- name: `new preview`,
- })
+ }) => {
+ track({
+ eventType: `PREVIEW_INDICATOR_CLICK`,
+ orgId,
+ siteId,
+ buildId,
+ name: `new preview`,
+ })
- /**
- * Delay to ensure that track event fires but do not await trackEvent directly since we do not
- * want to block the thread until the event request comes back
- */
- await delay(75)
+ /**
+ * Delay to ensure that track event fires but do not await trackEvent directly since we do not
+ * want to block the thread until the event request comes back
+ */
+ await delay(75)
- // Grabs domain that preview is hosted on https://preview-sitePrefix.gtsb.io
- // This will match `gtsb.io`
- const previewDomain = window.location.hostname.split(`.`).slice(-2).join(`.`)
+ // Grabs domain that preview is hosted on https://preview-sitePrefix.gtsb.io
+ // This will match `gtsb.io`
+ const previewDomain = window.location.hostname
+ .split(`.`)
+ .slice(-2)
+ .join(`.`)
- if (isOnPrettyUrl || window.location.hostname === `localhost`) {
- window.location.reload()
- } else {
- window.location.replace(
- `https://preview-${sitePrefix}.${previewDomain}${window.location.pathname}`
- )
+ if (isOnPrettyUrl || window.location.hostname === `localhost`) {
+ window.location.reload()
+ } else {
+ window.location.replace(
+ `https://preview-${sitePrefix}.${previewDomain}${window.location.pathname}`
+ )
+ }
}
-}
-
-export default function BuildSuccessTooltipContent({
- isOnPrettyUrl,
- sitePrefix,
- orgId,
- siteId,
- buildId,
-}) {
return (
<>
- {`This page has been updated. `}
+ {`This page has been updated.`}
{
newPreviewAvailableClick({
@@ -59,10 +62,10 @@ export default function BuildSuccessTooltipContent({
}}
data-gatsby-preview-indicator="tooltip-link"
>
-
- {`View Changes `}
-
+ {`View Changes`}
)
}
+
+export default BuildSuccessTooltipContent
diff --git a/packages/gatsby-plugin-gatsby-cloud/src/components/tooltips/FeedbackTooltipContent.js b/packages/gatsby-plugin-gatsby-cloud/src/components/tooltips/FeedbackTooltipContent.js
new file mode 100644
index 0000000000000..5f92a8d384bbc
--- /dev/null
+++ b/packages/gatsby-plugin-gatsby-cloud/src/components/tooltips/FeedbackTooltipContent.js
@@ -0,0 +1,25 @@
+import React from "react"
+import { logsIcon } from "../icons"
+
+const FeedbackTooltipContent = ({ url, onOpened }) => {
+ const openFeedbackPage = () => {
+ if (onOpened) {
+ onOpened()
+ }
+ window.open(url, `blank`, `noreferrer`)
+ }
+ return (
+ <>
+ How are we doing?
+
+ Share feedback
+ {logsIcon}
+
+
+ )
+}
+
+export default FeedbackTooltipContent
diff --git a/packages/gatsby-plugin-gatsby-cloud/src/components/tooltips/IndicatorButtonTooltip.js b/packages/gatsby-plugin-gatsby-cloud/src/components/tooltips/IndicatorButtonTooltip.js
index 10b2d6eff0e98..bcec129f6c220 100644
--- a/packages/gatsby-plugin-gatsby-cloud/src/components/tooltips/IndicatorButtonTooltip.js
+++ b/packages/gatsby-plugin-gatsby-cloud/src/components/tooltips/IndicatorButtonTooltip.js
@@ -1,31 +1,85 @@
-import React from "react"
+import React, { useEffect, useRef, useState, useMemo } from "react"
+import { closeIcon } from "../icons"
-export default function IndicatorButtonTooltip({
- tooltipContent,
- overrideShowTooltip,
- showTooltip,
+const IndicatorButtonTooltip = ({
+ content,
+ overrideShow,
+ show,
testId,
- iconExit,
- elementRef,
-}) {
- const elmOffsetTop = () => {
- if (elementRef && elementRef.current) {
- const elm = elementRef.current
- return elm.offsetTop
+ closable,
+ onClose,
+ onAppear,
+ onDisappear,
+}) => {
+ const tooltipRef = useRef(null)
+ const [visible, setVisible] = useState(overrideShow || show)
+ const shouldShow = useMemo(() => overrideShow || show, [overrideShow, show])
+ const onCloseClick = event => {
+ event.preventDefault()
+ if (onClose) {
+ onClose()
}
- return 0
}
+ useEffect(() => {
+ if (shouldShow) {
+ setVisible(true)
+ }
+ }, [shouldShow])
+ useEffect(() => {
+ // check to make sure that tootip fades out before setting it to 'display: none'
+ const onTransitionEnd = event => {
+ const { propertyName, target } = event
+ if (target !== tooltipRef.current) {
+ return
+ }
+ if (tooltipRef.current) {
+ if (window && propertyName === `opacity`) {
+ const opacity = window
+ .getComputedStyle(tooltipRef.current)
+ .getPropertyValue(`opacity`)
+ if (opacity === `0`) {
+ if (typeof onDisappear === `function`) {
+ onDisappear()
+ }
+ setVisible(false)
+ } else {
+ if (typeof onAppear === `function`) {
+ onAppear()
+ }
+ }
+ }
+ }
+ }
+ if (tooltipRef.current) {
+ tooltipRef.current.addEventListener(`transitionend`, onTransitionEnd)
+ }
+ return () => {
+ if (tooltipRef.current) {
+ tooltipRef.current.removeEventListener(`transitionend`, onTransitionEnd)
+ }
+ }
+ }, [])
return (
- {tooltipContent}
- {iconExit}
+
+ {content}
+ {closable && (
+
+ {closeIcon}
+
+ )}
+
+ {children}
+
+ )
+}
+
+export default IndicatorProvider
diff --git a/packages/gatsby-plugin-gatsby-cloud/index.js b/packages/gatsby-plugin-gatsby-cloud/src/index.js
similarity index 100%
rename from packages/gatsby-plugin-gatsby-cloud/index.js
rename to packages/gatsby-plugin-gatsby-cloud/src/index.js
diff --git a/packages/gatsby-plugin-gatsby-cloud/src/models/enums/build-status.ts b/packages/gatsby-plugin-gatsby-cloud/src/models/enums/build-status.ts
new file mode 100644
index 0000000000000..5bf26a1834088
--- /dev/null
+++ b/packages/gatsby-plugin-gatsby-cloud/src/models/enums/build-status.ts
@@ -0,0 +1,6 @@
+export enum BuildStatus {
+ SUCCESS = `SUCCESS`,
+ UPTODATE = `UPTODATE`,
+ ERROR = `ERROR`,
+ BUILDING = `BUILDING`,
+}
diff --git a/packages/gatsby-plugin-gatsby-cloud/src/models/enums/index.ts b/packages/gatsby-plugin-gatsby-cloud/src/models/enums/index.ts
new file mode 100644
index 0000000000000..f3c5a99b6adf1
--- /dev/null
+++ b/packages/gatsby-plugin-gatsby-cloud/src/models/enums/index.ts
@@ -0,0 +1,3 @@
+import { BuildStatus } from "./build-status"
+
+export { BuildStatus }
diff --git a/packages/gatsby-plugin-gatsby-cloud/src/utils/index.js b/packages/gatsby-plugin-gatsby-cloud/src/utils/index.js
new file mode 100644
index 0000000000000..2e41e06346c98
--- /dev/null
+++ b/packages/gatsby-plugin-gatsby-cloud/src/utils/index.js
@@ -0,0 +1,4 @@
+export { default as useTrackEvent } from "./trackEvent"
+export { default as useCookie } from "./useCookie"
+export { default as useFeedback } from "./useFeedback"
+export { default as getBuildInfo } from "./getBuildInfo"
diff --git a/packages/gatsby-plugin-gatsby-cloud/src/utils/trackEvent.js b/packages/gatsby-plugin-gatsby-cloud/src/utils/trackEvent.js
index da27ba315abe2..dfb3e8904963c 100644
--- a/packages/gatsby-plugin-gatsby-cloud/src/utils/trackEvent.js
+++ b/packages/gatsby-plugin-gatsby-cloud/src/utils/trackEvent.js
@@ -1,36 +1,48 @@
+import { useCookie, useFeedback } from "."
+import { INTERACTION_COOKIE_NAME } from "../constants"
import pkgJSON from "../package.json"
-export default async function trackEvent({
- eventType,
- orgId,
- siteId,
- buildId,
- name,
-}) {
- if (process.env.GATSBY_TELEMETRY_API) {
- try {
- const body = {
- time: new Date(),
- eventType,
- componentId: `gatsby-plugin-gatsby-cloud_preview-indicator`,
- version: 1,
- componentVersion: pkgJSON.version,
- organizationId: orgId,
- siteId,
- buildId,
- name,
- }
+const useTrackEvent = () => {
+ const { setCookie, getCookie } = useCookie()
+ const { shouldAskForFeedback, checkForFeedback } = useFeedback()
+ const track = async ({ eventType, orgId, siteId, buildId, name }) => {
+ checkForFeedback()
+ if (shouldAskForFeedback) {
+ const interactions = isNaN(parseInt(getCookie(INTERACTION_COOKIE_NAME)))
+ ? 0
+ : parseInt(getCookie(INTERACTION_COOKIE_NAME))
+ setCookie(INTERACTION_COOKIE_NAME, interactions + 1)
+ }
+ if (process.env.GATSBY_TELEMETRY_API) {
+ try {
+ const body = {
+ time: new Date(),
+ eventType,
+ componentId: `gatsby-plugin-gatsby-cloud_preview-indicator`,
+ version: 1,
+ componentVersion: pkgJSON.version,
+ organizationId: orgId,
+ siteId,
+ buildId,
+ name,
+ }
- const res = await fetch(process.env.GATSBY_TELEMETRY_API, {
- mode: `cors`,
- method: `POST`,
- headers: {
- "Content-Type": `application/json`,
- },
- body: JSON.stringify(body),
- })
- } catch (e) {
- console.log(e, e.message)
+ await fetch(process.env.GATSBY_TELEMETRY_API, {
+ mode: `cors`,
+ method: `POST`,
+ headers: {
+ "Content-Type": `application/json`,
+ },
+ body: JSON.stringify(body),
+ })
+ } catch (e) {
+ console.log(e, e.message)
+ }
}
}
+ return {
+ track,
+ }
}
+
+export default useTrackEvent
diff --git a/packages/gatsby-plugin-gatsby-cloud/src/utils/useCookie.js b/packages/gatsby-plugin-gatsby-cloud/src/utils/useCookie.js
new file mode 100644
index 0000000000000..b0c8a0844bcf0
--- /dev/null
+++ b/packages/gatsby-plugin-gatsby-cloud/src/utils/useCookie.js
@@ -0,0 +1,45 @@
+import { useCallback, useContext, useEffect } from "react"
+import Cookies from "js-cookie"
+import IndicatorContext from "../context/indicatorContext"
+
+const useCookie = () => {
+ const rootDomain = location.hostname
+ .split(`.`)
+ .reverse()
+ .splice(0, 2)
+ .reverse()
+ .join(`.`)
+
+ const { cookies, setCookies } = useContext(IndicatorContext)
+
+ const setCookie = useCallback((name, value) => {
+ Cookies.set(name, value, {
+ domain: rootDomain,
+ })
+ const newValue = { [`${name}`]: value }
+ setCookies(newValue)
+ }, [])
+
+ const getCookie = useCallback(name => Cookies.get(name), [])
+ const removeCookie = useCallback(name => {
+ Cookies.remove(name, { domain: rootDomain })
+ if (name in cookies) {
+ delete cookies[name]
+ setCookies(cookies)
+ }
+ }, [])
+
+ useEffect(() => {
+ const allCookies = Cookies.get()
+ setCookies(allCookies)
+ }, [])
+
+ return {
+ cookies,
+ setCookie,
+ getCookie,
+ removeCookie,
+ }
+}
+
+export default useCookie
diff --git a/packages/gatsby-plugin-gatsby-cloud/src/utils/useFeedback.js b/packages/gatsby-plugin-gatsby-cloud/src/utils/useFeedback.js
new file mode 100644
index 0000000000000..d199ee9a817fd
--- /dev/null
+++ b/packages/gatsby-plugin-gatsby-cloud/src/utils/useFeedback.js
@@ -0,0 +1,48 @@
+import { useCallback, useContext, useEffect, useMemo } from "react"
+import { differenceInDays } from "date-fns"
+import { useCookie } from "."
+import {
+ FEEDBACK_COOKIE_NAME,
+ DAYS_BEFORE_FEEDBACK,
+ INTERACTION_COOKIE_NAME,
+ INTERACTIONS_BEFORE_FEEDBACK,
+} from "../constants"
+import IndicatorContext from "../context/indicatorContext"
+
+const useFeedback = () => {
+ const { shouldAskForFeedback, setShouldAskForFeedback } =
+ useContext(IndicatorContext)
+ const { cookies, getCookie } = useCookie()
+
+ const checkForFeedback = useCallback(() => {
+ const lastFeedback = getCookie(FEEDBACK_COOKIE_NAME)
+ if (lastFeedback) {
+ const lastFeedbackDate = new Date(lastFeedback)
+ const now = new Date()
+ const diffInDays = differenceInDays(now, lastFeedbackDate)
+ const askForFeedback = diffInDays >= DAYS_BEFORE_FEEDBACK
+ setShouldAskForFeedback(askForFeedback)
+ } else {
+ setShouldAskForFeedback(true)
+ }
+ }, [])
+ const shouldShowFeedback = useMemo(() => {
+ const interactionCount = cookies[INTERACTION_COOKIE_NAME]
+ ? parseInt(cookies[INTERACTION_COOKIE_NAME])
+ : 0
+ return (
+ shouldAskForFeedback && interactionCount > INTERACTIONS_BEFORE_FEEDBACK
+ )
+ }, [shouldAskForFeedback, cookies[INTERACTION_COOKIE_NAME]])
+
+ useEffect(() => {
+ checkForFeedback()
+ }, [])
+ return {
+ shouldAskForFeedback,
+ shouldShowFeedback,
+ checkForFeedback,
+ }
+}
+
+export default useFeedback
diff --git a/yarn.lock b/yarn.lock
index a2ffb5440c564..36cff191c4bc8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -13939,6 +13939,11 @@ js-combinatorics@^1.4.5:
resolved "https://registry.yarnpkg.com/js-combinatorics/-/js-combinatorics-1.4.5.tgz#f9b5d57ba97d1dba420c133b4ddbfabc5a41353c"
integrity sha512-lIBPgsZnIK5S8kCyTUY4L34Kq5YXj2LXyk9WJDPsK6iklV96+ZahxIsgHtXcwHhG9XZhqrS1EbnaEkUh5gyXdg==
+js-cookie@^3.0.1:
+ version "3.0.1"
+ resolved "https://registry.yarnpkg.com/js-cookie/-/js-cookie-3.0.1.tgz#9e39b4c6c2f56563708d7d31f6f5f21873a92414"
+ integrity sha512-+0rgsUXZu4ncpPxRL+lNEptWMOWl9etvPHc/koSRp6MPwpRYAhmk0dUG00J4bxVV3r9uUzfo24wW0knS07SKSw==
+
js-levenshtein@^1.1.6:
version "1.1.6"
resolved "https://registry.yarnpkg.com/js-levenshtein/-/js-levenshtein-1.1.6.tgz#c6cee58eb3550372df8deb85fad5ce66ce01d59d"