init

Author: colbyfayock

.gitignore

@@ -0,0 +1 @@
+node_modules

manifest.yml

@@ -0,0 +1 @@
+name: netlify-plugin-cloudinary

package.json

@@ -0,0 +1,20 @@
+{
+  "name": "netlify-plugin-cloudinary",
+  "version": "0.0.1",
+  "description": "",
+  "main": "src/index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": {
+    "name": "Colby Fayock",
+    "email": "[email protected]",
+    "url": "https://twitter.com/colbyfayock"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "fs": "^0.0.1-security",
+    "glob": "^7.2.0",
+    "jsdom": "^18.1.1"
+  }
+}

src/index.js

@@ -0,0 +1,40 @@
+const glob = require('glob');
+const fs = require('fs').promises;
+const { JSDOM } = require('jsdom');
+
+const CLOUD_NAME = 'colbycloud';
+
+module.exports = {
+
+  async onPostBuild({ constants }) {
+    const { PUBLISH_DIR } = constants;
+
+    const pages = glob.sync(`${PUBLISH_DIR}/**/*.html`);
+
+
+    for ( const page of pages ) {
+      const html = await fs.readFile(page, 'utf-8');
+      const dom = new JSDOM(html);
+      const images = Array.from(dom.window.document.querySelectorAll('img'));
+
+      for ( const $img of images ) {
+        const imgSrc = $img.getAttribute('src');
+        let cloudinarySrc = imgSrc
+
+        if ( !imgSrc.startsWith('http') ) {
+          if ( !imgSrc.startsWith('/') ) {
+            cloudinarySrc = `/${cloudinarySrc}`;
+          }
+          cloudinarySrc = `${process.env.DEPLOY_URL}${cloudinarySrc}`;
+        }
+
+        cloudinarySrc = `https://res.cloudinary.com/${CLOUD_NAME}/image/fetch/${cloudinarySrc}`;
+
+        $img.setAttribute('src', cloudinarySrc)
+
+        await fs.writeFile(page, dom.serialize());
+      }
+    }
+  }
+
+}