dioxus_codemirror 0.1.0

A Dioxus web component that wraps the CodeMirror 6 editor.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

use serde::{Deserialize, Serialize};

/// Color theme for a [`CodeMirror`] editor.
///
/// Drives the `data-theme` attribute on the editor's mount element, which the
/// vendored stylesheet keys off to choose its light or dark CSS variables (see
/// `code_mirror/glue.js`). Token colors track the same variables, so the whole
/// editor -- chrome and syntax highlighting -- switches together.
///
/// [`CodeMirror`]: crate::code_mirror::CodeMirror
#[derive(Clone, Copy, Debug, Default, PartialEq, Eq, Serialize, Deserialize)]
#[serde(rename_all = "snake_case")]
pub enum Theme {
    /// Follow the operating system's `prefers-color-scheme`. The default.
    #[default]
    Auto,
    /// Always use the light palette, e.g. when forcing light on a dark OS.
    Light,
    /// Always use the dark palette, e.g. when forcing dark on a light OS.
    Dark,
}

impl Theme {
    /// The `data-theme` attribute value the stylesheet matches on, e.g.
    /// `Theme::Dark` becomes `"dark"`.
    pub fn theme_attr(self) -> &'static str {
        match self {
            Theme::Auto => "auto",
            Theme::Light => "light",
            Theme::Dark => "dark",
        }
    }
}