change the API so it takes an array

README.md

@@ -38,17 +38,17 @@ import { attributesToString } from '@substrate-system/util'
 
 ### `attributesToString` 
 
-Take an `HTMLElement`, and transform its attributes into a string format. This is sometimes useful for creating [web components](https://developer.mozilla.org/en-US/docs/Web/API/Web_components).
+Take an array of attributes, and transform them into a string format. This can be useful for creating [web components](https://developer.mozilla.org/en-US/docs/Web/API/Web_components).
 
 ```ts
-function attributesToString (el:HTMLElement):string {
+function attributesToString (attrs:Attr[]):string {
 ```
 
 #### example
 ```ts
 import { attributesToString } from '@substrate-system/util'
 const el = document.getElementById('example')
-const str = attributesToString(el!)
+const str = attributesToString(Array.from(el!.attributes))
 console.log(str)
 // => 'type="text" id="example" required'
 ```

example/index.ts

@@ -3,6 +3,6 @@ import { attributesToString } from '../src/index.js'
 const debug = Debug()
 
 const el = document.getElementById('example')
-const str = attributesToString(el!)
+const str = attributesToString(Array.from(el!.attributes))
 
-debug('attributes as string', str)
+debug('attributes as string', `'${str}'`)

src/index.ts

@@ -1,14 +1,12 @@
 /**
  * Get attributes from an HTMLElement, and return them as a string
  * like `key=val`.
- * @param {HTMLElement} el The element to get attributes from
- * @returns {string} The attributes as a string of `key=val`
+ * @param {Attr[]} attrs An array of the attributes
+ * @returns {string} The attributes as a string like `key=val`
  */
-export function attributesToString (el:HTMLElement):string {
-    return Array.from(el.attributes)
-        .filter(attr => !attr.name.includes('display-name'))
-        .map(attr => attr.name + (attr.value === '' ? '' : '=' +
-            `"${attr.value}"`))
+export function attributesToString (attrs:Attr[]):string {
+    return attrs.map(attr => attr.name + (attr.value === '' ? '' : '=' +
+        `"${attr.value}"`))
         .join(' ')
 }