refactor: pick mql methods

.gitignore

@@ -32,3 +32,4 @@ yarn-error.log*
 # others
 packages/*/stats.html
 packages/hover-vanilla/docs/dist
+packages/react/src/utils/mql.js

package.json

@@ -88,5 +88,10 @@
   "simple-git-hooks": {
     "commit-msg": "npx commitlint --edit",
     "pre-commit": "npx nano-staged"
+  },
+  "standard": {
+    "ignore": [
+      "packages/react/src/utils/mql.js"
+    ]
   }
 }

packages/react/package.json

@@ -24,7 +24,7 @@
     "react"
   ],
   "dependencies": {
-    "@microlink/mql": "~0.11.1",
+    "@microlink/mql": "~0.12.0",
     "localhost-url-regex": "~1.0.4",
     "nanoclamp": "~2.0.4"
   },
@@ -58,6 +58,7 @@
     "jest-enzyme": "latest",
     "jest-styled-components": "latest",
     "lodash": "latest",
+    "esbuild": "latest",
     "prop-types": "latest",
     "react": "^17",
     "react-dom": "^17",
@@ -76,9 +77,11 @@
   "scripts": {
     "build": "NODE_ENV=production rollup -c rollup.config.js --bundleConfigAsCjs",
     "build-storybook": "NODE_ENV=production build-storybook --quiet",
+    "transpile": "echo \"export { fetchFromApi, getApiUrl } from '@microlink/mql'\" | esbuild --bundle --target=ES2019 --format=esm --minify-whitespace --minify-identifiers > src/utils/mql.js",
     "dev": "start-storybook -p 6006",
     "start": "node scripts/start.js",
     "pretest": "npm run build",
+    "postinstall": "npm run transpile",
     "test": "NODE_ENV=test jest --detectOpenHandles"
   },
   "license": "MIT",

packages/react/src/utils/index.js

@@ -1,4 +1,4 @@
-import { fetchFromApi, getApiUrl as createApiUrl } from '@microlink/mql'
+import { fetchFromApi, getApiUrl as createApiUrl } from './mql'
 import localhostUrl from 'localhost-url-regex'
 import { css } from 'styled-components'