// 声明响应式状态
let mut count = use_signal(|| 0);

// 读取值 (自动订阅依赖)
let current = count();  // 0

// 更新值 (触发重渲染)
count.set(1);

// 派生计算
let doubled = use_memo(move || count() * 2);

// 副作用
use_effect(move || println!("count changed: {}", count()));

struct Signal<T> {
    value: Rc<RefCell<T>>,
    subscribers: Rc<RefCell<Vec<ScopeId>>>,
    id: SignalId,
}

// 读取时自动订阅
impl<T> Deref for Signal<T> {
    fn deref(&self) -> &T {
        CURRENT_SCOPE.with(|scope| {
            self.subscribers.borrow_mut().push(*scope);
        });
        &*self.value.borrow()
    }
}

// 写入时通知所有订阅者
impl<T> Signal<T> {
    fn set(&self, value: T) {
        *self.value.borrow_mut() = value;
        for subscriber in self.subscribers.borrow().iter() {
            SCHEDULER.mark_dirty(*subscriber);
        }
    }
}

fn user_profile(cx: Scope) -> Element {
    let user = use_signal(cx, || User::default());
    
    rsx! {
        div { class: "profile-card",
            img { src: "{user().avatar}", alt: "Avatar" }
            h2 { "{user().name}" }
            p { "{user().bio}" }
            button { 
                onclick: move |_| follow_user(user()),
                "Follow"
            }
        }
    }
}

// 编译前
rsx! {
    div { class: "container",
        h1 { "Hello {name}" }
    }
}

// 编译后 (简化版)
VNode::new([
    VElement::new(
        "div",
        [Attribute::new("class", "container")],
        [VNode::new([VElement::new("h1", [], [VText::new(format!("Hello {}", name))])])]
    )
])

// Web 渲染器核心流程
struct WebRenderer {
    document: web_sys::Document,
    mutation_observer: MutationObserver,
}

impl Renderer for WebRenderer {
    fn mount(&mut self, root: &VNode) {
        // 1. 创建 DOM 节点
        // 2. 应用属性和事件
        // 3. 递归挂载子节点
    }
    
    fn update(&mut self, old: &VNode, new: &VNode) {
        // diff 算法
        // 仅更新变化的部分
    }
}

// 桌面端架构：Rust 后端 + WebView 前端
struct DesktopConfig {
    window: WindowBuilder,
    webview: WebViewBuilder,
    asset_root: PathBuf,
    custom_protocol: Option<Protocol>,
}

// IPC 桥接：Rust ↔ JavaScript
fn setup_ipc(webview: &WebView) {
    webview.listen("dioxus_event", |msg| {
        // 处理前端事件
        let event: DomEvent = serde_json::from_str(msg).unwrap();
        SCHEDULER.dispatch(event);
    });
}

// 客户端代码
fn fetch_data(cx: Scope) -> Element {
    let data = use_server_future(cx, || async move {
        // 这段代码在服务端执行！
        let db = connect_db().await;
        db.query("SELECT * FROM data").await
    })?;
    
    rsx! {
        div { "Data: {data:?}" }
    }
}

// 自动生成的服务端端点
#[server(FetchData, "/api")]
async fn fetch_data_impl() -> Result<Data, ServerFnError> {
    let db = connect_db().await;
    Ok(db.query().await?)
}

fn diff(old: &[VNode], new: &[VNode]) -> Vec<Mutation> {
    let mut old_start = 0;
    let mut new_start = 0;
    let mut old_end = old.len() - 1;
    let mut new_end = new.len() - 1;
    
    // 1. 头部相同元素跳过
    while old_start <= old_end && new_start <= new_end 
          && old[old_start] == new[new_start] {
        old_start += 1;
        new_start += 1;
    }
    
    // 2. 尾部相同元素跳过
    while old_start <= old_end && new_start <= new_end 
          && old[old_end] == new[new_end] {
        old_end -= 1;
        new_end -= 1;
    }
    
    // 3. 中间区域使用 LIS 找最小移动
    let remaining = &old[old_start..=old_end];
    let lis = longest_increasing_subsequence(remaining);
    
    // 4. 生成移动、插入、删除操作
    generate_mutations(lis, remaining, &new[new_start..=new_end])
}

# 安装 Dioxus CLI
cargo install dioxus-cli

# 创建新项目
dx new my_app
cd my_app

# 启动开发服务器
dx serve --hot-reload

# 构建 Web 版本 (WASM)
dx build --release

# 构建桌面端应用
dx bundle --release --platform desktop

# 构建 Android APK
dx bundle --release --platform android

# Docker 部署
docker build -t my-dioxus-app .
docker run -p 8080:8080 my-dioxus-app