mirror of https://github.com/usememos/memos.git
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 |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .gitignore | ||
| .prettierrc.js | ||
| MARKDOWN_STYLE_GUIDE.md | ||
| README.md | ||
| components.json | ||
| eslint.config.mjs | ||
| index.html | ||
| package.json | ||
| pnpm-lock.yaml | ||
| tsconfig.json | ||
| vite.config.mts | ||