⚡ FlashNote 1.0 Core Features

FlashNote is a cross-browser sidebar workspace crafted for geeks, writers, technical bloggers, and researchers. Whether capturing fleeting flashes of inspiration or organizing comprehensive multi-chapter books, FlashNote delivers an effortless, distraction-free writing experience.

🌟 Key Features Overview

1. 📂 Dual-Track Workspace: Notes & Books

Quick Notes:
- Millisecond-speed inspiration capture with pin, star, and physical folder categorization.
- Floating drawer list panel with permanent pinning or auto-hide sidebar behavior, remembered persistently.
Structured Books:
- Tree-structured chapter outline management with intuitive drag-and-drop hierarchy reorganization.
- Seamless continuous reader for immersive end-to-end book reading.

2. ✍️ Production-Grade Tiptap WYSIWYG Editor

4 Flexible Viewport Modes:
- 🎨 Visual Mode: WYSIWYG rich text editing supporting task checklists, heading levels, and tables.
- 📑 Split Mode: Synchronized side-by-side editing with rich text on the left and raw source on the right.
- 📝 Source Mode: Pure plain text Markdown writing experience honoring geek traditions.
- 🌐 Preview Mode: Reader-perspective layout with safe, clickable hyperlinks.
Typography & Interaction Refinements:
- Non-copyable gray line numbers in code blocks with a one-click copy button.
- Syntax highlighting covering hundreds of languages across web, backend, systems, and configs.
- Persistent scroll ratio preservation for exact percentage restoration.

3. 📐 Real-Time KaTeX LaTeX Math Engine

Native support for inline math ( $E=mc^2$ ) and multiline block formulas ($$\int_0^\infty e^{-x^2} dx$$).
Dedicated formula dialog providing quick-insert buttons for common mathematical symbols and instant preview.

4. 📊 Comprehensive Interactive Mermaid Diagrams

Instant rendering of flowcharts, sequence diagrams, class diagrams, state diagrams, and more.
Gesture Drag & Pan: Hover cursor switches to grab mode; hold and drag to pan across large architectures; double-click to instantly center and reset.
Full-Screen Lightbox: One-click expansion into a 94vw × 88vh immersive modal with 30%–350% stepless zooming.
Dual-Format Export: Export lossless vector SVG or 2x retina HD PNG with 24px breathing padding, pure white backdrop, and automated semantic filenames.

5. 🚀 Blog Direct: Dedicated Static Site Editor for MagicNote

Transforming into a Static Blog Powerhouse:
- Traditional static blogs (like VitePress or Astro) rely on Git and local files, often suffering from lack of lightweight WYSIWYG editors, cumbersome image/diagram workflows, and inability to write on the go.
- FlashNote integrates deeply with MagicNote (FisherMS/magicnote), turning your browser sidebar into a dedicated, immersive WYSIWYG editor for static blogs.
Zero-Config Automated FrontMatter Injection:
- Every note automatically compiles with standard YAML FrontMatter conforming to MagicNote / SSG specifications.
- Automatically manages title, date (timezone-safe publishing dates), category, tags, order (📌 weighted sticky priority), and description (Markdown-supported summary).
Standardized Content Asset Hierarchy:
- Strictly decouples physical folder directories from business category tags, generating clean posts/{folder}/{slug}.md trees.
- Companion images and exported Mermaid diagrams are archived cleanly alongside articles, upholding strict static site asset isolation.
End-to-End Instant Publishing Loop:
- Sidebar inspiration capture -> Rich text / raw Markdown typesetting -> One-click Blog Direct compilation -> Automated CI/CD trigger. Write and publish seamlessly.

6. ☁️ Data Sovereignty: Chunked Cloud Sync

Chunked slicing and SHA-256 fingerprint verification engine, uploading only modified chapters to eliminate timeout issues.
Automatically compiles a consolidated single-file ebook ${safeBookName}.md (with table-of-contents anchors) and standard SUMMARY.md on the cloud.

7. 🤖 Dual-Tier AI Assistant

Multi-Level LLM Orchestration: Native support for Chrome Built-in Gemini Nano (Prompt API) on-device offline inference, alongside Google Gemini API (Gemini 1.5/2.0 Flash) and OpenAI-compatible endpoints.
Immersive Floating Workspace: Independent draggable and resizable AI assistant panel that glides smoothly without obstructing your content.
Turnkey Writing Directives: One-click text polishing, grammar proofreading, multilingual academic translation, smart summarization, outline expansion, and customizable prompts.

8. 🌐 Global Web Clipper & Inspiration Capture

Multidimensional Context Capture: Capture entire articles, selected excerpts, hyperlinks, or images directly from any webpage via right-click context menu.
Lightweight Native Web Toast: Minimalist in-page floating feedback capsule in the top-right corner confirms saves without requiring desktop notification permissions.
Provenance & Sidepanel Sync: Automatically captures source page title and permalink URL, with optional automatic side panel opening and note highlighting.

9. 🗄️ OPFS High-Performance Asset Sandbox

Leverages the modern Origin Private File System (OPFS) for isolated, lightning-fast offline storage of images and media assets.
Cascading cleanup automatically purges orphaned asset files whenever notes are permanently deleted.

10. 📊 Transparent & Controllable GA4 Anonymous Analytics

Uses Google Analytics 4 Measurement Protocol to gather cold-start latencies, feature adoption rates, and environment health with zero business code intrusion.
Strictly adheres to Non-PII principles with zero access to note text, and provides an immediate one-click opt-out toggle under Settings.

11. 🎯 Thoughtful Modern Interactions

Adaptive Collapsible Toolbar: Dynamic width sensing via ResizeObserver seamlessly wraps between single and multi-line without horizontal scrollbars.
50ms Micro-Animated Tooltips: Lightweight and instant response upon hover.
Instant 4-Language Hot Switching: Seamlessly toggle between English, Traditional Chinese, Simplified Chinese, and Japanese.