From 2f22f1dfdf7fe0d20e96434c2b3a85d35a221d90 Mon Sep 17 00:00:00 2001
From: Ming Di Leom <2809763-curben@users.noreply.gitlab.com>
Date: Sat, 5 Mar 2022 08:06:43 +0000
Subject: [PATCH] fix(assets): proxy to gitlab pages

- statically image-resizing is down
  * https://github.com/staticallyio/statically/issues/98
- may self-host https://github.com/staticallyio/image-resizing
  * requires CF Images subscription
---
 scripts/image.js  | 25 ++++++++++---------------
 source/_redirects |  4 ++--
 2 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/scripts/image.js b/scripts/image.js
index ad731a6..0039e88 100644
--- a/scripts/image.js
+++ b/scripts/image.js
@@ -8,6 +8,8 @@
 *  Usage: ![alt](/path/to/img "title")
 */
 
+const { join } = require('path').posix
+
 hexo.extend.filter.register('marked:renderer', (renderer) => {
   renderer.image = (href, title, alt) => {
     if (!alt) alt = ''
@@ -16,24 +18,17 @@ hexo.extend.filter.register('marked:renderer', (renderer) => {
     if (href.endsWith('.svg')) return `<img class="svg" src="${href}" alt="${alt}" title="${title}">`
 
     // embed external image
-    if (!href.startsWith('20')) return `<img src="${href}" alt="${alt}" title="${title}">`
+    if (!href.startsWith('20') && !href.startsWith('/20')) return `<img src="${href}" alt="${alt}" title="${title}">`
 
-    // Statically doesn't support WebP and GIF
-    if (href.endsWith('.webp')) {
-      const gif = href.replace(/\.webp$/, '.gif')
-      return `<a href="/files/${gif}"><picture>` +
-        `<source srcset="/files/${href}" type="image/webp">` +
-        `<img src="/files/${gif}" title="${title}" alt="${alt}" loading="lazy"></picture></a>`
+    const fLink = (path, width) => {
+      const query = new URLSearchParams('f=auto')
+      if (typeof width === 'number') query.set('width', width)
+      const url = new URL('http://example.com/' + join('img', path) + '?' + query)
+
+      return url.pathname + url.search
     }
 
-    const fLink = (str, width) => {
-      if (typeof width === 'number') width = ',w=' + width.toString()
-      else width = ''
-
-      return '/img/gitlab.com/f=auto' + width + '/curben/blog/-/raw/site/' + str
-    }
-
-    return `<a href="${fLink(href)}">` +
+    return `<a href="${join('http://curben.gitlab.io/blog', href)}">` +
       `<img srcset="${fLink(href, 320)} 320w,` +
       `${fLink(href, 468)} 468w,` +
       `${fLink(href, 768)} 768w,` +
diff --git a/source/_redirects b/source/_redirects
index 8cd470e..94180c1 100644
--- a/source/_redirects
+++ b/source/_redirects
@@ -1,6 +1,6 @@
 # Reverse proxy to cdn
-/img/* https://cdn.statically.io/img/:splat 200
+/img/* https://curben.gitlab.io/blog/:splat 200
+/files/* https://curben.gitlab.io/blog/:splat 200
 # https://statically.discourse.group/t/mobile-version-not-working-on-screenshot/225
 # /screenshot/* https://cdn.statically.io/screenshot/device=mobile/curben.netlify.app/:splat 200
 /screenshot/* https://cdn.statically.io/screenshot/curben.netlify.app/:splat 200
-/files/* https://gitlab.com/curben/blog/-/raw/site/:splat 200