fix!: remove deprecated legacy plugin and update image handling

apps/test/content/posts/codeblock-test.md

@@ -141,7 +141,7 @@ function add(a, b) {
 
 ## Long Code
 
-```js
+```html
 <p>Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.</p>
 ```
 

hugo.toml

@@ -1167,7 +1167,8 @@ twemoji = false
 # FixIt 0.2.18 | CHANGED whether to enable lightgallery
 # set to true, images in the content will be shown as the gallery if the image has a title, e.g. ![alt](src "title")
 # set to "force", images in the content will be forced to shown as the gallery regardless of the image has a title or not, e.g. ![alt](src)
-lightgallery = false
+# TODO change gallery engine in the future
+lightgallery = true
 # whether to enable the ruby extended syntax
 ruby = true
 # whether to enable the fraction extended syntax

layouts/_markup/render-image.html

@@ -13,7 +13,7 @@ A Markdown image has three components: the image description, the image destinat
   (dict "Process" "resize 1200x webp q75" "descriptor" "1200w")
   (dict "Process" "resize 1600x webp q75" "descriptor" "1600w")
 -}}
-{{- if .Title | and .Text -}}
+{{- if .Title -}}
   {{- $linked := ne $params.lightgallery false -}}
   <figure>
     {{- dict "Src" .Destination "Alt" .PlainText "Title" .Title "Caption" .Text "Linked" $linked "Loading" "lazy" "Resources" .Page.Resources "OptimConfig" $optim | partial "plugin/image.html" -}}

layouts/_partials/init/index.html

@@ -1,4 +1,4 @@
-{{- hugo.Store.Set "version" "v0.4.0-alpha.3-20251218071733-e600d047" -}}
+{{- hugo.Store.Set "version" "v0.4.0-alpha.3-20251219025233-a96a76ab" -}}
 {{- .Store.Set "this" dict -}}
 
 {{- partial "init/detection-env.html" . -}}

layouts/_partials/plugin/image-legacy.html

@@ -1,111 +0,0 @@
-{{- warnf "Deprecated image-legacy.html and will be removed in the next minor release, please use image.html instead." -}}
-{{- $params := partial "function/params.html" -}}
-{{- $class := .Class | default "" -}}
-{{- $style := "" -}}
-{{- $loading := .Loading | default "lazy" -}}
-{{- $onload := "" -}}
-{{- $onerror := "" -}}
-{{- $cacheRemoteImages := $params.cacheRemoteImages -}}
-{{- $suffixList := slice ".jpeg" ".jpg" ".png" ".gif" ".bmp" ".tif" ".tiff" ".webp" -}}
-{{- $responsive := .Responsive -}}
-
-{{- if hasPrefix .Src "data:image" -}}
-  {{- $responsive = false -}}
-{{- end -}}
-
-{{- /* handle for default size image */ -}}
-{{- $src := .Src -}}
-{{- $suffixValid := dict "Path" $src "Suffixes" $suffixList | partial "function/suffix-validation.html" -}}
-{{- with dict "Path" $src "Resources" .Resources "CacheRemoteImages" $cacheRemoteImages.enable | partial "function/resource.html" -}}
-  {{- $url := urls.Parse $src -}}
-  {{- if not $url.Host | or $cacheRemoteImages.replace -}}
-    {{- $src = .RelPermalink -}}
-  {{- end -}}
-  {{- /* only available for image resources that are raster images */ -}}
-  {{- if (eq .ResourceType "image") | and $suffixValid | and $responsive -}}
-    {{- $style = printf "--width: %vpx;--aspect-ratio: %v / %v;" .Width .Width .Height | safeHTMLAttr -}}
-  {{- end -}}
-{{- end -}}
-
-{{- $srcSmall := .SrcSmall | default $src -}}
-{{- $srcMedium := $src -}}
-{{- $srcLarge := .SrcLarge | default $src -}}
-
-{{- if $responsive }}
-  {{- /* handle for small size image */ -}}
-  {{- $suffixValidSmall := dict "Path" $srcSmall "Suffixes" $suffixList | partial "function/suffix-validation.html" -}}
-  {{- with dict "Path" .SrcSmall "Resources" .Resources "CacheRemoteImages" $cacheRemoteImages.enable | partial "function/resource.html" -}}
-    {{- $url := urls.Parse $.SrcSmall -}}
-    {{- if not $url.Host | or $cacheRemoteImages.replace -}}
-      {{- $srcSmall = .RelPermalink -}}
-    {{- end -}}
-    {{- if (eq .ResourceType "image") | and $suffixValidSmall -}}
-      {{- $style = printf "%v--width-small: %vpx;--aspect-ratio-small: %v / %v;" $style .Width .Width .Height | safeHTMLAttr -}}
-    {{- end -}}
-  {{- end -}}
-
-  {{- /* handle for large size image */ -}}
-  {{- $suffixValidLarge := dict "Path" $srcLarge "Suffixes" $suffixList | partial "function/suffix-validation.html" -}}
-  {{- with dict "Path" .SrcLarge "Resources" .Resources "CacheRemoteImages" $cacheRemoteImages.enable | partial "function/resource.html" -}}
-    {{- $url := urls.Parse $.SrcLarge -}}
-    {{- if not $url.Host | or $cacheRemoteImages.replace -}}
-      {{- $srcLarge = .RelPermalink -}}
-    {{- end -}}
-    {{- if (eq .ResourceType "image") | and $suffixValidLarge -}}
-      {{- $style = printf "%v--width-large: %vpx;--aspect-ratio-large: %v / %v;" $style .Width .Width .Height | safeHTMLAttr -}}
-    {{- end -}}
-  {{- end -}}
-
-  {{- /* handle for invalid suffix */ -}}
-  {{- if not $suffixValid | and $src -}}
-    {{- $class = printf "%v suffix-invalid" $class -}}
-  {{- end -}}
-  {{- if not $suffixValidSmall | and $srcSmall -}}
-    {{- $class = printf "%v suffix-invalid__small" $class -}}
-  {{- end -}}
-  {{- if not $suffixValidLarge | and $srcLarge -}}
-    {{- $class = printf "%v suffix-invalid__large" $class -}}
-  {{- end -}}
-
-  {{- /* set image srcset */ -}}
-  {{- if (eq $src $srcSmall) | and (eq $src $srcLarge) -}}
-    {{- $srcSmall = printf (cond (strings.Contains $srcSmall "?") "%v&size=small" "%v?size=small") $srcSmall -}}
-    {{- $srcMedium = printf (cond (strings.Contains $srcMedium "?") "%v&size=medium" "%v?size=medium") $srcMedium -}}
-    {{- $srcLarge = printf (cond (strings.Contains $srcLarge "?") "%v&size=large" "%v?size=large") $srcLarge -}}
-  {{- end -}}
-{{- end -}}
-
-{{- /* set image alt and caption */ -}}
-{{- $alt := .Alt | default $src -}}
-{{- $caption := .Caption | default $alt -}}
-
-{{- /* set image lazy loading */ -}}
-{{- /* for details, see https://lruihao.cn/posts/native-img-loading-lazy/ */ -}}
-{{- if eq $loading "lazy" -}}
-  {{- /* TODO move to theme.js */ -}}
-  {{- $commonScript := "this.title=this.dataset.title;for(const i of ['style', 'data-title','onerror','onload']){this.removeAttribute(i);}" -}}
-  {{- $onload = printf " onload=\"%vthis.dataset.lazyloaded='';\"" $commonScript | safeHTMLAttr -}}
-  {{- $onerror = printf " onerror=\"%v\"" $commonScript | safeHTMLAttr -}}
-  {{- $style = printf " style=\"%vbackground: url(%v) no-repeat center;\"" $style (resources.Get "images/loading.svg" | minify).RelPermalink | safeHTMLAttr -}}
-{{- end -}}
-
-{{- /* structure of lightgallery or img */ -}}
-{{- if .Linked -}}
-  <a class="lightgallery" href="{{ $srcLarge | safeURL }}" data-thumbnail="{{ $srcSmall | safeURL }}"{{ with $caption }} data-sub-html="<h2>{{ . }}</h2>{{ with $.Title }}<p>{{ . }}</p>{{ end }}"{{ end }}{{ with .Rel }} rel="{{ . }}"{{ end }}>
-{{- end -}}
-<img loading="{{ $loading }}" src="{{ $src | safeURL }}" alt="{{ $alt }}"
-  {{- if $responsive }} srcset="{{ $srcSmall | safeURL }}, {{ $srcMedium | safeURL }} 1.5x, {{ $srcLarge | safeURL }} 2x"{{- end -}}
-  {{- if eq $loading "lazy" }} data-title="{{ .Title | default $alt }}"
-  {{- else }} title="{{ .Title | default $alt }}"{{- end -}}
-  {{- with .Width }} width="{{ . }}"{{- end -}}
-  {{- with .Height }} height="{{ . }}"{{- end -}}
-  {{- with $class }} class="{{ trim . " " }}"{{- end -}}
-  {{- with .Decoding }} decoding="{{ . }}"{{- end -}}
-  {{- with .Referrerpolicy }} referrerpolicy="{{ . }}"{{- end -}}
-  {{- with $style -}}{{ . }}{{- end -}}
-  {{- with $onload -}}{{ . }}{{- end -}}
-  {{- with $onerror -}}{{ . }}{{- end -}}
-/>
-{{- if .Linked -}}
-  </a>
-{{- end -}}

layouts/_partials/plugin/image.html

@@ -73,7 +73,7 @@ https://github.com/HEIGE-PCloud/DoIt/blob/main/layouts/_partials/plugin/image.ht
 {{- end -}}
 
 {{- if .Linked -}}
-<a class="lightgallery" href="{{ $src }}" title="{{ .Title | default $alt }}" data-thumbnail="{{ $src }}"{{ with $caption }} data-sub-html="<h2>{{ . }}</h2>{{ with $.Title }}<p>{{ . }}</p>{{ end }}"{{ end }}{{ with .Rel }} rel="{{ . }}"{{ end }}>
+<a class="lightgallery" target="_blank" href="{{ $src }}" title="{{ .Title | default $alt }}" data-thumbnail="{{ $src }}"{{ with $caption }} data-sub-html="<h2>{{ . }}</h2>{{ with $.Title }}<p>{{ . }}</p>{{ end }}"{{ end }}{{ with .Rel }} rel="{{ . }}"{{ end }}>
 {{- end -}}
 <img {{- with .Class }} class="{{ . }}"{{ end }}{{ with .Loading }} loading="{{ . }}"{{ end }} {{ printf "src='%v'" $src | safeHTMLAttr }}{{ with $srcset }} srcset="{{ . }}"{{ end }}{{ with .Sizes }} sizes="{{ . }}"{{ end }}{{ with $alt }} alt="{{ . }}"{{ end }}{{ with $height }} height="{{ . }}"{{ end }}{{ with $width }} width="{{ . }}"{{ end }}{{ with .Decoding }} decoding="{{ . }}"{{ end }}{{ with .Referrerpolicy }} referrerpolicy="{{ . }}"{{ end }}>
 {{- if .Linked -}}