refactor: use is-local-address

packages/hover-vanilla/package.json

@@ -27,7 +27,7 @@
   ],
   "dependencies": {
     "@microlink/hover-react": "^5.5.22",
-    "localhost-url-regex": "~1.0.4"
+    "is-local-address": "~2.0.0"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "latest",

packages/hover-vanilla/src/index.js

@@ -1,5 +1,5 @@
 import MicrolinkHover from '@microlink/hover-react'
-import localhostUrl from 'localhost-url-regex'
+import isLocalAddress from 'is-local-address'
 import { createRoot } from 'react-dom'
 import styled from 'styled-components'
 import React from 'react'
@@ -16,7 +16,10 @@ function toArray (input) {
       el.href = new URL(el.href).toString()
       return el
     })
-    .filter(el => el.href.startsWith('http') && !localhostUrl().test(el.href))
+    .filter(el => {
+      const { protocol, hostname } = new URL(el.href)
+      return protocol === 'http:' && !isLocalAddress(hostname)
+    })
 }
 
 function parseJSON (value) {

packages/react/package.json

@@ -25,7 +25,7 @@
   ],
   "dependencies": {
     "@microlink/mql": "~0.13.4",
-    "localhost-url-regex": "~1.0.4",
+    "is-local-address": "~2.0.0",
     "nanoclamp": "~2.0.4"
   },
   "devDependencies": {

packages/react/src/utils/index.js

@@ -1,5 +1,5 @@
 import { fetchFromApi, getApiUrl as createApiUrl } from '@microlink/mql'
-import localhostUrl from 'localhost-url-regex'
+import isLocalAddress from 'is-local-address'
 import { css } from 'styled-components'
 
 export const isSSR = typeof window === 'undefined'
@@ -81,7 +81,7 @@ export const isLarge = cardSize => cardSize === 'large'
 export const isSmall = cardSize => cardSize === 'small'
 
 export const imageProxy = url =>
-  localhostUrl().test(url)
+  isLocalAddress(new URL(url).hostname)
     ? url
     : `https://images.weserv.nl/?${new URLSearchParams({
       url,