memos/web
Claude 1bcc8dfb6f
refactor(web): use MobX observer for Mermaid theme detection
Replace MutationObserver with MobX observer pattern for cleaner, more
reactive theme detection in MermaidBlock component.

Changes:
- Use observer() wrapper from mobx-react-lite
- Watch instanceStore.state.theme and userStore.state.userGeneralSetting.theme
- Use resolveTheme() utility to handle "system" theme resolution
- Remove MutationObserver boilerplate code
- Use useMemo for computed theme value

Benefits:
- Consistent with app's state management architecture (same as App.tsx)
- Automatic re-renders via MobX reactivity
- Cleaner code with less boilerplate
- Better performance - MobX handles optimization
- More reliable - reacts to source of truth instead of DOM changes
2025-11-09 06:11:00 +00:00
..
public chore: enhance site.webmanifest in firefox (#4828) 2025-07-08 19:56:46 +08:00
src refactor(web): use MobX observer for Mermaid theme detection 2025-11-09 06:11:00 +00:00
.gitignore chore: update gitignore 2025-04-17 23:11:36 +08:00
.prettierrc.js chore: fix linter 2025-03-02 15:40:16 +08:00
MARKDOWN_STYLE_GUIDE.md chore: remove unused syntax 2025-10-27 08:31:57 +08:00
README.md chore: tweak readme 2024-02-23 08:25:54 +08:00
components.json feat: themes (#4824) 2025-07-07 20:13:22 +08:00
eslint.config.mjs refactor: migrate eslint 2025-04-01 00:04:43 +08:00
index.html chore: remove fixed theme color 2025-07-15 23:26:07 +08:00
package.json chore: remove unused syntax 2025-10-27 08:31:57 +08:00
pnpm-lock.yaml chore: remove unused syntax 2025-10-27 08:31:57 +08:00
tsconfig.json refactor: update import prefix with alias (#1433) 2023-04-01 16:03:14 +08:00
vite.config.mts refactor: update markdown parser 2025-10-26 11:28:40 +08:00

README.md

The frontend of Memos