Use ESM

Author: wooorm

.babelrc

@@ -0,0 +1 @@
+export {fromDom} from './lib/index.js'

index.js

@@ -1,6 +1,5 @@
-import ns from 'web-namespaces'
-import h from 'hastscript/html.js'
-import s from 'hastscript/svg.js'
+import {webNamespaces} from 'web-namespaces'
+import {h, s} from 'hastscript'
 
 const ELEMENT_NODE = 1
 const TEXT_NODE = 3
@@ -57,10 +56,11 @@ function comment(node) {
 // Transform an element.
 function element(node) {
   const space = node.namespaceURI
-  const fn = space === ns.svg ? s : h
-  const tagName = space === ns.html ? node.tagName.toLowerCase() : node.tagName
+  const fn = space === webNamespaces.svg ? s : h
+  const tagName =
+    space === webNamespaces.html ? node.tagName.toLowerCase() : node.tagName
   const content =
-    space === ns.html && tagName === 'template' ? node.content : node
+    space === webNamespaces.html && tagName === 'template' ? node.content : node
   const attributes = node.getAttributeNames()
   const {length} = attributes
   const props = {}
@@ -94,6 +94,6 @@ function all(node) {
   return children
 }
 
-export default function fromDOM(node) {
+export function fromDom(node) {
   return transform(node) || {type: 'root', children: []}
 }

src/index.js renamed to lib/index.js

@@ -24,34 +24,37 @@
     "Keith McKnight <[email protected]> (https://keith.mcknig.ht)",
     "Titus Wormer <[email protected]> (https://wooorm.com)"
   ],
-  "main": "dist/hast-util-from-dom.js",
+  "main": "index.js",
   "module": "dist/hast-util-from-dom.mjs",
+  "sideEffects": false,
+  "type": "module",
   "files": [
-    "dist/"
+    "lib/",
+    "index.js"
   ],
   "dependencies": {
-    "hastscript": "^6.0.0",
-    "web-namespaces": "^1.0.0"
+    "hastscript": "^7.0.0",
+    "web-namespaces": "^2.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
     "@babel/preset-env": "^7.0.0",
     "@rollup/plugin-babel": "^5.0.0",
-    "babel-jest": "^26.0.0",
+    "c8": "^7.0.0",
     "glob": "^7.0.0",
-    "jest-cli": "^26.0.0",
+    "jsdom": "^16.5.3",
     "prettier": "^2.0.0",
     "remark-cli": "^9.0.0",
     "remark-preset-wooorm": "^8.0.0",
     "rollup": "^2.0.0",
+    "tape": "^5.2.2",
     "xo": "^0.39.0"
   },
   "scripts": {
-    "build": "rollup -c",
     "format": "remark . -qfo && prettier . -w --loglevel warn && xo --fix",
-    "test:api": "jest",
-    "test:dev": "jest --watchAll",
-    "test": "npm run build && npm run format && npm run test:api"
+    "test-api": "node test/index.js",
+    "test-coverage": "c8 --check-coverage --branches 100 --functions 100 --lines 100 --statements 100 --reporter lcov node test/index.js",
+    "test": "npm run format && npm run test-coverage"
   },
   "prettier": {
     "tabWidth": 2,
@@ -64,20 +67,6 @@
   "xo": {
     "prettier": true
   },
-  "jest": {
-    "collectCoverage": true,
-    "coveragePathIgnorePatterns": [
-      "/src/utils.js"
-    ],
-    "coverageThreshold": {
-      "global": {
-        "branches": 100,
-        "functions": 100,
-        "lines": 100,
-        "statements": 100
-      }
-    }
-  },
   "remarkConfig": {
     "plugins": [
       "preset-wooorm"

package.json

@@ -12,11 +12,8 @@
 
 ## Install
 
-[yarn][]:
-
-```sh
-yarn add hast-util-from-dom
-```
+This package is [ESM only](https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c):
+Node 12+ is needed to use it and it must be `import`ed instead of `require`d.
 
 [npm][]:
 
@@ -39,12 +36,12 @@ Say we have the following file, `example.html`:
 Suppose `example.js` is a bundled version of something like this:
 
 ```js
-import inspect from 'unist-util-inspect';
-import fromDom from 'hast-util-from-dom';
+import {inspect} from 'unist-util-inspect'
+import {fromDom} from 'hast-util-from-dom'
 
-const hast = fromDom(document);
+const hast = fromDom(document)
 
-console.log(inspect.noColor(hast));
+console.log(inspect.noColor(hast))
 ```
 
 Viewing `example.html` in a browser should yield the following in the console:
@@ -65,6 +62,9 @@ root[2]
 
 ## API
 
+This package exports the following identifiers: `fromDom`.
+There is no default export.
+
 ### `fromDom(node)`
 
 Transform a DOM tree to a [**hast**][hast] [*tree*][tree].
@@ -132,8 +132,6 @@ abide by its terms.
 
 [chat]: https://github.com/syntax-tree/unist/discussions
 
-[yarn]: https://yarnpkg.com/lang/en/docs/install
-
 [npm]: https://docs.npmjs.com/cli/install
 
 [license]: license