chore: update createMatcher types (#49)

Author: metonym

examples/append/src/index.js

@@ -1,20 +1,20 @@
-const fs = require('fs');
-const posthtml = require('posthtml');
-const { insertAt } = require('posthtml-insert-at');
+const fs = require("fs");
+const posthtml = require("posthtml");
+const { insertAt } = require("posthtml-insert-at");
 
-const html = fs.readFileSync('./src/index.html');
+const html = fs.readFileSync("./src/index.html");
 
 posthtml()
   .use(
     insertAt({
-      selector: '.foo',
+      selector: ".foo",
       append: `
         <footer id="footer">
           &copy; ${new Date().getFullYear()}
         </footer>
       `,
-      behavior: 'outside'
+      behavior: "outside",
     })
   )
   .process(html)
-  .then(result => fs.writeFileSync('./src/after.html', result.html));
+  .then((result) => fs.writeFileSync("./src/after.html", result.html));

examples/prepend/src/index.js

@@ -1,20 +1,20 @@
-const fs = require('fs');
-const posthtml = require('posthtml');
-const { insertAt } = require('posthtml-insert-at');
+const fs = require("fs");
+const posthtml = require("posthtml");
+const { insertAt } = require("posthtml-insert-at");
 
-const html = fs.readFileSync('./src/index.html');
+const html = fs.readFileSync("./src/index.html");
 
 posthtml()
   .use(
     insertAt({
-      selector: 'main',
+      selector: "main",
       prepend: `
         <header>
           <a href="/">Home</a>
         </header>
       `,
-      behavior: 'outside'
+      behavior: "outside",
     })
   )
   .process(html)
-  .then(result => fs.writeFileSync('./src/after.html', result.html));
+  .then((result) => fs.writeFileSync("./src/after.html", result.html));

src/global.d.ts

@@ -1,4 +1,14 @@
 declare module "posthtml-match-helper" {
-  function createMatcher(matcher: string | string[]): string[];
-  export default createMatcher;
+  interface Matcher {
+    tag?: string;
+    attrs: {
+      id?: string;
+      class?: RegExp;
+      [attr: string]: any;
+    };
+  }
+
+  export default function createMatcher(
+    matcher: string | string[]
+  ): Matcher | Matcher[];
 }

src/insertAt.ts

@@ -33,7 +33,7 @@ export function insertAt(options: Options) {
 
         const matchingNode = siblingNode as PostHTML.Node["content"];
 
-        tree.match({ content: [matcher] }, (node) =>
+        tree.match({ content: [matcher as PostHTML.ContentMatcher] }, (node) =>
           insertNode({ node, option, content: [matchingNode] })
         );
       }