mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 15:28:57 +00:00
Cell
658f03d1e5
* refactor(params)!: snake_case config + eliminate params.page + use .Param
BREAKING CHANGE: All params keys renamed from camelCase to snake_case,
[params.page] section eliminated (moved to [params] level), and users
must update their hugo.toml and front matter accordingly.
Key changes:
- All camelCase config keys → snake_case (e.g., defaultTheme → default_theme)
- [params.page] flat keys and sub-sections moved to [params] level
- Removed function/params.html (manual merge), replaced with Hugo .Param
- New function/param.html partial for page-level section params with
shorthand boolean support and site defaults merging
- New function/camel-case.html for string conversion
- snake2camel.html renamed to camel-case-keys.html
- New function/get-cover.html for cover image resolution
- Deprecation warnings in detection-deprecated.html for old config keys
- Front matter only params (subtitle, featured_image, password, repost,
weight, message) use .Params.xxx instead of .Param
- Page-level sections use param.html partial
- Simplified patch.html (siteTime only) and init/index.html
Refs: camel-case-keys.html#29 (planned v1.0 breaking change)
* refactor(params)!: move params.link to page-level, simplify link guard
- Move [params.link] and [params.link.guard] to page-level section
- link.html: .Page optional, use param.html when available for
page-level override, fall back to site config without .Page
- Remove $guardConfig variable, use $config.guard directly
- Remove unnecessary .Page from callers that don't need page override
- friends.html: use param.html for link guard instead of link_guard
* refactor(params)!: move image/codeblock/json_viewer/filetree to page-level
- Move [params.image], [params.codeblock], [params.json_viewer],
[params.filetree] to page-level sub-sections
- Templates use param.html for merged config (page override + site defaults)
- image.html: .Page optional, falls back to site config without .Page
- Add v1- prefix to all deprecation warnidf IDs
- Fix camelCase key access in image.html (blackList, cacheRemote)
- Fix Hugo-lowered camelCase keys in code-block-wrapper.html
- Add deprecation warnings for codeblock camelCase Markdown attributes
- Add deprecation warnings for file-tree camelCase Markdown attributes
- Update render-codeblock-toggle.html for snake_case attribute names
* style: standardize @param comment style across all HTML templates
- PascalCase types: {string} → {String}, {boolean} → {Boolean},
{int} → {Int}, {map} → {Map}, {array} → {Array}
- Add missing ` - ` separator between param name and description
- Remove extra alignment spaces between type and param name
* refactor(params)!: move params.mermaid to page-level, extract gen/ templates
- Move [params.mermaid] to page-level sub-sections
- Mermaid config injected into window.config (per-page override support)
- mermaid.ts reads config from window.config.mermaid instead of parameter
- Create _partials/gen/ directory for JS content generators
- Move mermaid-bootstrap.html from plugin/ to gen/
- Extract window.config JS generation into gen/config.html
- mermaid.html uses param.html for wrapper config
* refactor(params)!: consolidate link_to_* into params.post_link section
- Move link_to_markdown/source/edit/report/vscode into [params.post_link]
- Rename keys: markdown, source, edit, report (bool), editor (string)
- editor defaults to "vscode", supports "trae" etc. via protocol template
- footer.html uses .Param "post_link" for all link toggles
- Remove link_to_* from deprecated keys list
* fix: add fallback for deprecated camelCase attributes and expand deprecation warnings
- render-codeblock-file-tree.html: folderSlash attribute fallback
- render-codeblock-toggle.html: lineNosToggler/lineWrapToggler fallback + warnings
- code-block-wrapper.html: maxShownLines/wrapperClass fallback
- detection-deprecated.html: add nested key warnings for 13 sections
(header, breadcrumb, navigation, watermark, busuanzi, image, mermaid,
codeblock, filetree, math.katex, math.mathjax.options, post_summary, footer)
- detection-deprecated.html: add link_guard front matter deprecation warning
* fix(mermaid): fix rendering in hidden tab panels and neutral layer scheduling
- isRenderContextActive: check tab-panel visibility via getBoundingClientRect
instead of panel.hidden (tab-container uses slot-based hiding, not hidden attr)
- bindTabContainerChanged: render neutral layers when switching tabs so
print/fallback scenarios work correctly
150 lines
7.7 KiB
HTML
150 lines
7.7 KiB
HTML
<div class="widgets">
|
|
{{- $backToTop := .Site.Params.back_to_top -}}
|
|
{{- $comment := .Store.Get "comment" -}}
|
|
{{- if $backToTop.enable | or $comment.enable -}}
|
|
<div class="fixed-buttons">
|
|
{{- /* back to top button */ -}}
|
|
{{- if $backToTop.enable -}}
|
|
<button type="button" class="fixed-button back-to-top animate__faster hidden" aria-label="{{ T `baseof.backToTop` }}">
|
|
{{- dict "Class" "fa-solid fa-arrow-up" | partial "plugin/icon.html" -}}
|
|
{{- if $backToTop.scrollpercent -}}
|
|
<svg viewBox="0 0 100 100">
|
|
<circle class="bg" cx="50" cy="50" r="50"></circle>
|
|
<circle class="progress" cx="50" cy="50" r="50"></circle>
|
|
</svg>
|
|
{{- end -}}
|
|
</button>
|
|
{{- end -}}
|
|
{{- /* toc dialog button */ -}}
|
|
{{- if .Store.Get "showToc" -}}
|
|
<button type="button" id="toc-drawer-button" class="fixed-button toc-drawer-button hidden{{ with .Params.password }} encrypted-hidden{{ end }}" aria-label="{{ T `single.contents` }}" aria-controls="toc-dialog" aria-expanded="false">
|
|
{{- dict "Class" "fa-solid fa-bars" | partial "plugin/icon.html" -}}
|
|
</button>
|
|
{{- end -}}
|
|
{{- /* comment button */ -}}
|
|
{{- if $comment.enable -}}
|
|
<button type="button" class="fixed-button view-comments hidden" aria-label="{{ T `baseof.viewComments` }}">
|
|
{{- dict "Class" "fa-solid fa-comment" | partial "plugin/icon.html" -}}
|
|
</button>
|
|
{{- end -}}
|
|
</div>
|
|
{{- end -}}
|
|
|
|
{{- /* GitHub Corners */ -}}
|
|
{{- $githubCorner := .Site.Params.github_corner -}}
|
|
{{- if $githubCorner.enable -}}
|
|
{{- with $githubCorner -}}
|
|
{{- $githubImage := `<svg viewBox="0 0 250 250" aria-hidden="true" width="56" height="56"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg>` -}}
|
|
{{- $options := dict "Destination" .Permalink "Title" .Title "Content" $githubImage "ExternalIcon" false "Class" (cond (eq .Position "left") "left" "right" | printf "github-corner %v max-sm:hidden") "Noreferrer" false -}}
|
|
{{- partial "plugin/link.html" $options -}}
|
|
{{- end -}}
|
|
{{- end -}}
|
|
|
|
{{- /* Search mask */ -}}
|
|
<div id="mask"></div>
|
|
|
|
{{- /* Search dialog */ -}}
|
|
{{- if .Site.Params.search.enable -}}
|
|
<dialog id="search-dialog" class="search-dialog" aria-label="{{ T "assets.search" }}" closedby="any">
|
|
<div class="search-modal">
|
|
<div class="search-modal-header">
|
|
<span class="search-delimiter"></span>
|
|
<button type="button" class="search-close-btn" aria-label="Close Search Dialog"><i class="fa-solid fa-xmark" aria-hidden="true"></i></button>
|
|
</div>
|
|
<div class="search-source-footer">
|
|
<div class="search-shortcuts">
|
|
<span class="search-shortcut">
|
|
<kbd>{{ dict "Class" "lucide-arrow-up" | partial "plugin/icon.html" }}</kbd>
|
|
<kbd>{{ dict "Class" "lucide-arrow-down" | partial "plugin/icon.html" }}</kbd>
|
|
{{ T "assets.navigate" }}
|
|
</span>
|
|
<span class="search-shortcut">
|
|
<kbd>{{ dict "Class" "lucide-corner-down-left" | partial "plugin/icon.html" }}</kbd>
|
|
{{ T "assets.select" }}
|
|
</span>
|
|
<span class="search-shortcut">
|
|
<kbd>ESC</kbd>
|
|
{{ T "assets.close" }}
|
|
</span>
|
|
</div>
|
|
{{- $searchType := .Site.Params.search.type -}}
|
|
{{- $meta := dict
|
|
"algolia" (dict "label" "algolia" "icon" "fa-brands fa-algolia" "href" "https://www.algolia.com/")
|
|
"cse" (dict "label" "Google CSE" "icon" "fa-brands fa-google" "href" "https://programmablesearchengine.google.com/")
|
|
"pagefind" (dict "label" "Pagefind" "href" "https://pagefind.app/")
|
|
"fuse" (dict "label" "Fuse.js" "href" "https://fusejs.io/")
|
|
-}}
|
|
{{- with index $meta $searchType -}}
|
|
{{- $icon := dict -}}
|
|
{{- if .icon -}}
|
|
{{- $icon = dict "Class" .icon -}}
|
|
{{- end -}}
|
|
<span class="search-engine">{{ T "assets.searchBy" }} {{ dict "Destination" .href "Content" .label "Icon" $icon "ExternalIcon" false | partial "plugin/link.html" -}}</span>
|
|
{{- end -}}
|
|
</div>
|
|
</div>
|
|
</dialog>
|
|
{{- end -}}
|
|
|
|
{{- /* Reading progress bar */ -}}
|
|
{{- $readingProgress := .Site.Params.reading_progress -}}
|
|
{{- if $readingProgress.enable -}}
|
|
{{- with $readingProgress -}}
|
|
{{- $style := printf "%v: 0;%v: 0;" (.Start | default "left") (.Position | default "top") -}}
|
|
{{- if .Height | and (ne .Height "2px") -}}
|
|
{{- $style = printf "%v--fi-progress-h: %v;" $style .Height -}}
|
|
{{- end -}}
|
|
{{- if .Reversed -}}
|
|
{{- $style = printf "%v%v" $style "width: calc(100% - var(--fi-progress));" -}}
|
|
{{- end -}}
|
|
{{- if .Light -}}
|
|
{{- $style = printf "%v--fi-bg-progress: %v;" $style .Light -}}
|
|
{{- end -}}
|
|
{{- if .Dark -}}
|
|
{{- $style = printf "%v--fi-bg-progress-dark: %v;" $style .Dark -}}
|
|
{{- end -}}
|
|
<div class="reading-progress-bar" {{ printf `style="%v"` $style | safeHTMLAttr }}></div>
|
|
{{- end -}}
|
|
{{- end -}}
|
|
|
|
{{- /* Link Guard Dialog */ -}}
|
|
{{- $linkGuard := (dict "Page" . "Key" "link" | partial "function/param.html").guard | default dict -}}
|
|
{{- if $linkGuard.enable | and (eq $linkGuard.mode "modal") -}}
|
|
<dialog id="link-guard-dialog" aria-labelledby="link-guard-dialog-title" closedby="any">
|
|
<div class="guard-content">
|
|
<h2 class="title" id="link-guard-dialog-title">{{ T "linkRedirection.title" }}</h2>
|
|
<p class="message">{{ dict "Title" .Site.Title | T "linkRedirection.message" }}</p>
|
|
<div class="target-wrapper">
|
|
<p class="target">-</p>
|
|
<button type="button" class="copy-icon-btn" aria-label="{{ T "assets.copyToClipboard" }}">
|
|
{{- dict "Class" "fa-regular fa-clone fa-width-auto" | partial "plugin/icon.html" -}}
|
|
</button>
|
|
</div>
|
|
<div class="actions">
|
|
<button type="button" class="cancel-btn">{{ T "assets.cancel" }}</button>
|
|
<button type="button" class="confirm-btn">{{ T "linkRedirection.confirm" }}</button>
|
|
</div>
|
|
</div>
|
|
</dialog>
|
|
{{- end -}}
|
|
|
|
{{- /* Service Worker Update Notification */ -}}
|
|
{{- if .Site.Params.app.pwa -}}
|
|
<div class="sw-update-notification">
|
|
<div class="sw-update-content">
|
|
<p class="sw-update-title">{{ T "serviceWorker.updateTitle" }}</p>
|
|
<p class="sw-update-text">{{ T "serviceWorker.updateText" }}</p>
|
|
</div>
|
|
<button type="button" class="sw-update-btn">{{ T "assets.refresh" }}</button>
|
|
</div>
|
|
{{- end -}}
|
|
|
|
{{- /* Custom widgets */ -}}
|
|
{{- block "custom-widgets" . }}{{ end -}}
|
|
|
|
<noscript>
|
|
<div class="noscript-warning bg-danger text-white text-base font-bold fixed text-center inset-x-0 bottom-0 w-full z-fixed">{{ T "baseof.noscript" }}</div>
|
|
</noscript>
|
|
</div>
|
|
{{- /* EOF */ -}}
|