Files
FixIt/assets/js/modules/encryption.ts
T
Cell 17d7bc1781 refactor(assets): SCSS variables with hugo:vars and module setup standardization (#788)
* feat(assets): refactor SCSS variables with Hugo config via hugo:vars

Use Hugo's hugo:vars mechanism (v0.161.0+) to configure SCSS variables
via [params.appearance] in hugo.toml, replacing the override.scss file.

- Add [params.appearance] config section in hugo.toml
- Create scss-vars.html partial for SCSS default values
- Pass vars to toCSS via head/index.html
- Rewrite _variables.scss to use @use "hugo:vars" as h with !default
- Update all 20 consumer files from @use "override" to @use "variables"
- Delete override.scss
- Add admonition mixin in core/mixins/_admonition.scss
- Update deprecation detection to use fileExists

* refactor(assets): standardize module setup() and simplify main.ts init

- Add setup() method to all modules (menu, theme, search, enc, misc, events)
- Rename initMenu to setup, initMenuDesktop/initMenuMobile to initDesktop/initMobile
- Rename initSearch, initFixItDecryptor to setup
- Standardize setup() position at end of each module class and interface
- Simplify main.ts init sequence to uniform setup() calls

* refactor(assets): replace config.template.scss with hugo:vars/internal

- Delete config.template.scss and its ExecuteAsTemplate pipeline
- Pass internal config (base URL, logo, loading) via hugo:vars/internal namespace
- Move CSS custom properties to _root.scss using set-fi-vars mixin
- Simplify _variables.scss by removing config namespace dependency
- Update CLAUDE.md to reflect new SCSS architecture

* style(i18n): fix spacing in Korean translation strings

* fix(assets): resolve dead SCSS config keys and deduplicate defaults

- Wire up 5 config keys with v.$ references: menu-active-color,
  tag-cloud-start, tag-cloud-end, tag-cloud-end-dark,
  pagination-link-color-dark (were reading from SCSS vars, ignoring
  hugo:vars overrides)
- Remove dead !default flags from all v.$ references (hugo:vars
  always provides values, making !default unreachable)
- Compute derived defaults in scss-vars.html from base values instead
  of hardcoding duplicates
- Extract admonition mixin set-fi-vars map to shared $vars variable
2026-06-22 02:43:35 +08:00

46 lines
1.6 KiB
TypeScript

import type { CoreService, EncryptionService } from '../core/tokens'
import { eventBus } from '../core/event-bus'
/**
* Encryption module — page decryption via FixItDecryptor and encrypted content toggling.
*
* Responsibilities:
* - Initialize FixItDecryptor for full-page and shortcode-scoped decryption.
* - Toggle visibility of encrypted content sections.
*/
export class EncryptionModule implements EncryptionService {
constructor(private readonly core: CoreService) {}
/**
* Toggle between encrypted-hidden and decrypted-shown classes.
* @param container - The root element containing encrypted elements.
* @param show - `true` to show decrypted content, `false` to hide.
*/
#toggleEncryptedClass(container: Element | Document, show: boolean) {
const fromClass = show ? 'encrypted-hidden' : 'decrypted-shown'
const toClass = show ? 'decrypted-shown' : 'encrypted-hidden'
container.querySelectorAll(`.${fromClass}`).forEach(($element: Element) => {
$element.classList.replace(fromClass, toClass)
})
}
/** Initialize the FixItDecryptor and wire up decryption/re-encryption events. */
setup() {
if (!this.core.config.encryption)
return
const decryptor = new window.FixItDecryptor()
eventBus.on('fixit:decrypted', () => {
this.#toggleEncryptedClass(document, true)
})
eventBus.on('fixit:partial-decrypted', ({ detail }) => {
this.#toggleEncryptedClass(detail.target, true)
})
eventBus.on('fixit:re-encrypt', () => {
this.#toggleEncryptedClass(document, false)
})
decryptor.init(this.core.config.encryption)
}
}