build: update dependencies (#1755)

* build: update dependencies

* refactor: use vitest instead of ava

Author: Kikobeats

package.json

@@ -102,44 +102,44 @@
   ],
   "dependencies": {
     "@kikobeats/use-query-state": "1.2.2",
-    "@microlink/mql": "~0.13.8",
+    "@microlink/mql": "~0.13.11",
     "@microlink/react": "5.5.22",
     "@microlink/recipes": "~1.8.1",
-    "@react-spring/web": "~9.7.4",
+    "@react-spring/web": "~9.7.5",
     "@stripe/react-stripe-js": "~2.8.0",
-    "@stripe/stripe-js": "~4.9.0",
+    "@stripe/stripe-js": "~5.2.0",
     "@styled-system/prop-types": "~5.1.5",
-    "@techstack/styled-system": "~1.0.490",
+    "@techstack/styled-system": "~1.0.494",
     "@tippyjs/react": "~4.2.6",
-    "@vercel/analytics": "~1.3.1",
+    "@vercel/analytics": "~1.4.1",
     "babel-plugin-styled-components": "~2.1.4",
     "beauty-error": "~1.2.18",
     "cssnano": "~7.0.6",
     "cssnano-preset-advanced": "~7.0.6",
     "dlv": "~1.1.3",
-    "gatsby": "~5.13.7",
+    "gatsby": "~5.14.0",
     "gatsby-plugin-advanced-sitemap": "~2.1.0",
-    "gatsby-plugin-canonical-urls": "~5.13.1",
-    "gatsby-plugin-catch-links": "~5.13.1",
-    "gatsby-plugin-sass": "~6.13.1",
-    "gatsby-plugin-styled-components": "~6.13.1",
-    "gatsby-source-filesystem": "~5.13.1",
-    "gatsby-transformer-javascript-frontmatter": "~5.13.1",
-    "gatsby-transformer-json": "~5.13.1",
-    "gatsby-transformer-remark": "~6.13.1",
-    "gatsby-transformer-yaml": "~5.13.1",
+    "gatsby-plugin-canonical-urls": "~5.14.0",
+    "gatsby-plugin-catch-links": "~5.14.0",
+    "gatsby-plugin-sass": "~6.14.0",
+    "gatsby-plugin-styled-components": "~6.14.0",
+    "gatsby-source-filesystem": "~5.14.0",
+    "gatsby-transformer-javascript-frontmatter": "~5.14.0",
+    "gatsby-transformer-json": "~5.14.0",
+    "gatsby-transformer-remark": "~6.14.0",
+    "gatsby-transformer-yaml": "~5.14.0",
     "github-slugger": "~2.0.0",
     "humanize-url": "~3.0.0",
     "is-color": "~1.0.2",
-    "is-url-http": "~2.3.8",
+    "is-url-http": "~2.3.9",
     "json-future": "~2.2.21",
     "lodash": "~4.17.21",
     "mdx-scoped-runtime": "~0.8.0",
     "microsoft-capitalize": "~1.0.5",
     "normalize.css": "~8.0.1",
     "path-browserify": "~1.0.1",
     "polished": "~4.3.1",
-    "postcss": "~8.4.47",
+    "postcss": "~8.4.49",
     "postcss-focus": "~7.0.0",
     "prepend-http": "~4.0.0",
     "prettier": "2",
@@ -152,14 +152,14 @@
     "react-timeago": "~7.2.0",
     "react-twitter-widgets": "~1.11.0",
     "remark-slug": "~7.0.1",
-    "sass": "~1.80.5",
+    "sass": "~1.81.0",
     "styled-components": "~6.1.13",
     "styled-is": "~1.3.0",
     "styled-system": "~5.1.5",
     "swr": "~2.2.5",
-    "tldts": "~6.1.48",
+    "tldts": "~6.1.65",
     "top-crawler-agents": "~1.0.27",
-    "top-user-agents": "~2.1.23",
+    "top-user-agents": "~2.1.24",
     "unique-random-array": "~3.0.0"
   },
   "devDependencies": {
@@ -172,12 +172,10 @@
     "@storybook/builder-webpack5": "~6.5.16",
     "@storybook/manager-webpack5": "~6.5.16",
     "@storybook/react": "~6.5.16",
-    "ava": "3",
     "contrast": "latest",
     "debug-logfmt": "latest",
     "esbuild": "latest",
     "eslint-config-next": "latest",
-    "esm": "latest",
     "finepack": "latest",
     "git-authors-cli": "latest",
     "github-generate-release": "latest",
@@ -189,7 +187,8 @@
     "standard": "latest",
     "standard-markdown": "latest",
     "standard-version": "latest",
-    "tinyspawn": "latest"
+    "tinyspawn": "latest",
+    "vitest": "latest"
   },
   "engines": {
     "node": ">= 18"
@@ -222,20 +221,12 @@
     "release:github": "github-generate-release",
     "release:tags": "git push --follow-tags origin HEAD:master",
     "storybook": "start-storybook -p 6006",
-    "test": "ava",
+    "test": "vitest",
     "transpile": "echo \"export { getApiUrl } from '@microlink/mql'\" | esbuild --bundle --target=ES2019 --format=esm --minify-whitespace --minify-identifiers > src/helpers/get-api-url.js",
     "update": "ncu -i"
   },
   "private": true,
   "license": "MIT",
-  "ava": {
-    "files": [
-      "test/**/*.js"
-    ],
-    "require": [
-      "esm"
-    ]
-  },
   "commitlint": {
     "extends": [
       "@commitlint/config-conventional"

test/helpers/__snapshots__/mql-code.js.snap

@@ -0,0 +1,10 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`JavaScript with inline code 1`] = `
+"
+const mql = require('@microlink/mql')
+
+const { status, data } = await mql('https://myproxy:[email protected]:8001', { function: '({ page }) => page.evaluate('jQuery.fn.jquery')', number: 3000, boolean: true, string: 'MyApiToken', url: 'https://myproxy:[email protected]:8001', scripts: ['https://code.jquery.com/jquery-3.5.0.min.js'], multipleScripts: ['https://code.jquery.com/jquery-3.5.0.min.js','https://code.jquery.com/jquery-3.5.0.min.js'] })
+
+mql.render(data)"
+`;

test/helpers/__snapshots__/prettier.js.snap

@@ -0,0 +1,86 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`js 1`] = `
+"const mql = require('@microlink/mql')
+const { status, data } = await mql('https://geolocation.microlink.io', {
+  apiKey: MyApiToken,
+  proxy: 'https://myproxy:[email protected]:8001'
+})
+console.log(data)
+"
+`;
+
+exports[`json 1`] = `
+"{
+  "title": "Wormholes Explained – Breaking Spacetime",
+  "description": "To support Kurzgesagt and learn more about Brilliant, go to https://www.brilliant.org/nutshell and sign up for free. The first 688 people that go to that lin...",
+  "lang": "en",
+  "author": "Kurzgesagt – In a Nutshell",
+  "publisher": "YouTube",
+  "image": {
+    "url": "https://cdn.microlink.io/data/assets/youtube.com!watch!v=9P6rdqiybaw/img.youtube.com!vi!9P6rdqiybaw!maxresdefault.jpg.jpg",
+    "type": "jpg",
+    "size": 120116,
+    "height": 720,
+    "width": 1280,
+    "size_pretty": "120 kB",
+    "palette": [
+      "#C004F9",
+      "#EEEEA7",
+      "#25047C",
+      "#740296",
+      "#808018",
+      "#2C0494"
+    ],
+    "background_color": "#EEEEA7",
+    "color": "#AC04DF",
+    "alternative_color": "#2C0494"
+  },
+  "audio": {
+    "url": "https://cdn.microlink.io/data/assets/youtube.com!watch!v=9P6rdqiybaw/r3---sn-ab5sznly.googlevideo.com!videoplayback!c=WEB&clen=8935291&dur=552.054&ei=6gpAXv-3POHM8gTqtrm",
+    "type": "mp4",
+    "duration": 552.054422,
+    "size": 8935291,
+    "duration_pretty": "9m",
+    "size_pretty": "8.94 MB"
+  },
+  "url": "https://www.youtube.com/watch?v=9P6rdqiybaw",
+  "iframe": {
+    "html": "<iframe width=\\"480\\" height=\\"270\\" src=\\"https://www.youtube.com/embed/9P6rdqiybaw?feature=oembed\\" frameborder=\\"0\\" allow=\\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\\" allowfullscreen></iframe>",
+    "scripts": []
+  },
+  "date": "2020-02-09T13:36:39.000Z",
+  "logo": {
+    "url": "https://cdn.microlink.io/data/assets/youtube.com!watch!v=9P6rdqiybaw/logo.clearbit.com!youtube.com.png",
+    "type": "png",
+    "size": 2421,
+    "height": 128,
+    "width": 128,
+    "size_pretty": "2.42 kB",
+    "palette": [
+      "#FC0404",
+      "#FC8484",
+      "#830101",
+      "#970101",
+      "#950303",
+      "#970101"
+    ],
+    "background_color": "#FC0404",
+    "color": "#320000",
+    "alternative_color": "#320101"
+  },
+  "video": {
+    "url": "https://cdn.microlink.io/data/assets/youtube.com!watch!v=9P6rdqiybaw/r3---sn-ab5sznly.googlevideo.com!videoplayback!c=WEB&dur=552.054&ei=6gpAXv-3POHM8gTqtrmwBA&expire=15",
+    "type": "mp4",
+    "duration": 552.007943,
+    "size": 54633895,
+    "height": 720,
+    "width": 1280,
+    "duration_pretty": "9m",
+    "size_pretty": "54.6 MB"
+  }
+}
+"
+`;
+
+exports[`serializeFmt 1`] = `"type='email' id='input' placeholder='[email protected]' suggestions={[{ value: '[email protected]' }, { value: '[email protected]' }]} width='9rem' fontSize={1} required "`;

test/helpers/get-lines.js

@@ -1,4 +1,4 @@
-import test from 'ava'
+import { describe, it, expect } from 'vitest'
 
 import getLines from '../../src/helpers/get-lines.js'
 
@@ -12,8 +12,10 @@ const values = [
   ['language-json{33,55}', [33, 55]]
 ]
 
-values.forEach(([str, result]) => {
-  test(`${str} → ${result}`, t => {
-    t.deepEqual(getLines(str), result)
+describe('getLines', () => {
+  values.forEach(([str, result]) => {
+    it(`${str} → ${result}`, () => {
+      expect(getLines(str)).toEqual(result)
+    })
   })
 })

test/helpers/mql-code.js

@@ -1,8 +1,8 @@
-import test from 'ava'
+import { test, expect } from 'vitest'
 
 import mqlCode from '../../src/helpers/mql-code'
 
-test('JavaScript with inline code', t => {
+test('JavaScript with inline code', () => {
   const output = mqlCode('https://microlink.io', {
     function: "({ page }) => page.evaluate('jQuery.fn.jquery')",
     number: 3000,
@@ -16,5 +16,5 @@ test('JavaScript with inline code', t => {
     ]
   })
 
-  t.snapshot(output.JavaScript())
+  expect(output.JavaScript()).toMatchSnapshot()
 })

test/helpers/prettier.js

@@ -1,27 +1,27 @@
-import test from 'ava'
+import { test, expect } from 'vitest'
 
 import prettier, { serializeFmt } from '../../src/helpers/prettier'
 
-test('js', t => {
+test('js', () => {
   const code = `const mql = require('@microlink/mql')
   const { status, data } = await mql('https://geolocation.microlink.io', { apiKey: MyApiToken, proxy: 'https://myproxy:[email protected]:8001' })
   console.log(data)`
 
   const output = prettier.js(code)
 
-  t.snapshot(output)
+  expect(output).toMatchSnapshot()
 })
 
-test('json', t => {
+test('json', () => {
   const code =
     '{"title":"Wormholes Explained – Breaking Spacetime","description":"To support Kurzgesagt and learn more about Brilliant, go to https://www.brilliant.org/nutshell and sign up for free. The first 688 people that go to that lin...","lang":"en","author":"Kurzgesagt – In a Nutshell","publisher":"YouTube","image":{"url":"https://cdn.microlink.io/data/assets/youtube.com!watch!v=9P6rdqiybaw/img.youtube.com!vi!9P6rdqiybaw!maxresdefault.jpg.jpg","type":"jpg","size":120116,"height":720,"width":1280,"size_pretty":"120 kB","palette":["#C004F9","#EEEEA7","#25047C","#740296","#808018","#2C0494"],"background_color":"#EEEEA7","color":"#AC04DF","alternative_color":"#2C0494"},"audio":{"url":"https://cdn.microlink.io/data/assets/youtube.com!watch!v=9P6rdqiybaw/r3---sn-ab5sznly.googlevideo.com!videoplayback!c=WEB&clen=8935291&dur=552.054&ei=6gpAXv-3POHM8gTqtrm","type":"mp4","duration":552.054422,"size":8935291,"duration_pretty":"9m","size_pretty":"8.94 MB"},"url":"https://www.youtube.com/watch?v=9P6rdqiybaw","iframe":{"html":"<iframe width=\\"480\\" height=\\"270\\" src=\\"https://www.youtube.com/embed/9P6rdqiybaw?feature=oembed\\" frameborder=\\"0\\" allow=\\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\\" allowfullscreen></iframe>","scripts":[]},"date":"2020-02-09T13:36:39.000Z","logo":{"url":"https://cdn.microlink.io/data/assets/youtube.com!watch!v=9P6rdqiybaw/logo.clearbit.com!youtube.com.png","type":"png","size":2421,"height":128,"width":128,"size_pretty":"2.42 kB","palette":["#FC0404","#FC8484","#830101","#970101","#950303","#970101"],"background_color":"#FC0404","color":"#320000","alternative_color":"#320101"},"video":{"url":"https://cdn.microlink.io/data/assets/youtube.com!watch!v=9P6rdqiybaw/r3---sn-ab5sznly.googlevideo.com!videoplayback!c=WEB&dur=552.054&ei=6gpAXv-3POHM8gTqtrmwBA&expire=15","type":"mp4","duration":552.007943,"size":54633895,"height":720,"width":1280,"duration_pretty":"9m","size_pretty":"54.6 MB"}}'
 
   const output = prettier.json(code)
 
-  t.snapshot(output)
+  expect(output).toMatchSnapshot()
 })
 
-test('serializeFmt', t => {
+test('serializeFmt', () => {
   const output = serializeFmt({
     type: 'email',
     id: 'input',
@@ -32,5 +32,5 @@ test('serializeFmt', t => {
     required: true
   })
 
-  t.snapshot(output)
+  expect(output).toMatchSnapshot()
 })