track assets again

Author: chrisspiegl

Diff for: assets/chrisspiegl.asc

@@ -0,0 +1,20 @@
+<link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57.png" />
+<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114.png" />
+<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72.png" />
+<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144.png" />
+<link rel="apple-touch-icon-precomposed" sizes="60x60" href="apple-touch-icon-60x60.png" />
+<link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120.png" />
+<link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76.png" />
+<link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152.png" />
+<link rel="icon" type="image/png" href="favicon-196x196.png" sizes="196x196" />
+<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
+<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
+<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
+<link rel="icon" type="image/png" href="favicon-128.png" sizes="128x128" />
+<meta name="application-name" content="&nbsp;"/>
+<meta name="msapplication-TileColor" content="#FFFFFF" />
+<meta name="msapplication-TileImage" content="mstile-144x144.png" />
+<meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
+<meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
+<meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
+<meta name="msapplication-square310x310logo" content="mstile-310x310.png" />

Diff for: assets/favicon/apple-touch-icon-114x114.png

@@ -0,0 +1,119 @@
+const path = require("path")
+const util = require("util")
+const glob = require("glob")
+const sharp = require("sharp")
+const mkdirp = require("mkdirp")
+
+const outputPath = `_site/assets/images/`
+
+const resizeConf = {
+  sizes: [
+    {
+      width: 320,
+      rename: { suffix: "-320w" },
+    },
+    {
+      width: 640,
+      rename: { suffix: "-640w" },
+    },
+    {
+      width: 1280,
+      rename: { suffix: "-1280w" },
+    },
+    {
+      width: 1920,
+      rename: { suffix: "-1920w" },
+    },
+    {
+      width: 3840,
+      rename: { suffix: "-3840w" },
+    },
+  ],
+  jpegOptions: {
+    quality: 80,
+    progressive: true,
+    withMetadata: true,
+    force: false,
+    //   errorOnUnusedImage: false,
+    //   errorOnEnlargement: false
+  },
+  webpOptions: {
+    quality: 80,
+    withMetadata: true,
+    force: true,
+  },
+  pngOptions: {
+    compressionLevel: 8,
+    force: false,
+  },
+}
+
+module.exports = class {
+  async data() {
+    const filePath = path.join(__dirname, `/images/`)
+    return {
+      permalink: `/assets/images/images.json`,
+      eleventyExcludeFromCollections: true,
+      filePath,
+    }
+  }
+
+  async loadImages(imgFolder) {
+    const cwd = path.resolve(imgFolder.file)
+    const getImages = util.promisify(glob)
+    const processedImages = []
+
+    const imgs = await getImages("**/*(*.jpg|*.png|*.gif)", { cwd: cwd })
+    const imgsRendered = await getImages("**/*(*.jpg|*.png|*.gif)", { cwd: outputPath })
+
+    imgs.forEach(function (img) {
+      const ext = path.extname(img)
+      const base = path.basename(img, ext)
+      const dir = path.dirname(img)
+
+      mkdirp.sync(path.join(outputPath, dir))
+
+      if (!imgsRendered.includes(img)) {
+        // console.log(`PASS THROUGH MASTER FOR ${img}`)
+        let passThroughImg = sharp(imgFolder.file + img)
+        passThroughImg.toFile(path.join(outputPath, dir, base + ext))
+      } else {
+        // console.log(`FOUND MASTER FOR ${img}`)
+      }
+
+
+      const image = sharp(imgFolder.file + img)
+      image
+      .jpeg(resizeConf.jpegOptions)
+      .png(resizeConf.pngOptions)
+      .webp(resizeConf.webpOptions)
+      resizeConf.sizes.forEach(function (size) {
+        const newPath = path.join(dir, base + size.rename.suffix + ext)
+        const newPathOutput = path.join(outputPath, newPath)
+        if (imgsRendered.includes(newPath)) {
+          // console.log(`FOUND RESIZED IMAGE FOR ${newPath}`)
+          return
+        }
+        // console.log(`RENDERING NEW RESIZED IMAGE FOR ${newPath}`)
+        const resized = image.resize({
+          width: size.width,
+          withoutEnlargement: true,
+          kernel: "lanczos2",
+        })
+        resized.toFile(newPathOutput)
+      })
+
+      processedImages.push(img)
+    })
+
+    return JSON.stringify(processedImages, null, "\t")
+  }
+
+  async render({ filePath }) {
+    try {
+      return await this.loadImages({ file: filePath })
+    } catch (err) {
+      throw new Error(err)
+    }
+  }
+}