Upload starter template

lib/img-to-jsx.js

@@ -0,0 +1,32 @@
+const visit = require('unist-util-visit')
+const sizeOf = require('image-size')
+const fs = require('fs')
+
+module.exports = (options) => (tree) => {
+  visit(
+    tree,
+    // only visit p tags that contain an img element
+    (node) => node.type === 'paragraph' && node.children.some((n) => n.type === 'image'),
+    (node) => {
+      const imageNode = node.children.find((n) => n.type === 'image')
+
+      // only local files
+      if (fs.existsSync(`${process.cwd()}/public${imageNode.url}`)) {
+        const dimensions = sizeOf(`${process.cwd()}/public${imageNode.url}`)
+
+        // Convert original node to next/image
+        imageNode.type = 'jsx'
+        imageNode.value = `<Image
+          alt={\`${imageNode.alt}\`} 
+          src={\`${imageNode.url}\`}
+          width={${dimensions.width}}
+          height={${dimensions.height}}
+      />`
+
+        // Change node type from p to div to avoid nesting error
+        node.type = 'div'
+        node.children = [imageNode]
+      }
+    }
+  )
+}