はじめる

git clone https://github.com/kotsutsumi/zylix.git
cd zylix

cd core

# デバッグビルド
zig build

# リリースビルド
zig build -Doptimize=ReleaseFast

# 利用可能なビルドターゲットを表示
zig build --help

# WASM をビルド
cd core
zig build wasm -Doptimize=ReleaseSmall

# 出力ファイルをコピー
cp zig-out/lib/zylix.wasm ../platforms/web/

# ローカルサーバーを起動
cd ../platforms/web
python3 -m http.server 8080

# ブラウザで開く
open http://localhost:8080

# iOS 向けにビルド (arm64)
cd core
zig build ios -Doptimize=ReleaseFast

# ライブラリをコピー
cp zig-out/lib/libzylix.a ../platforms/ios/ZylixTodo/

# Xcode プロジェクトを生成
cd ../platforms/ios/ZylixTodo
xcodegen generate

# Xcode で開く
open Zylix.xcodeproj

# Android 向けにビルド（複数 ABI）
cd core

# arm64-v8a
zig build android-arm64 -Doptimize=ReleaseFast

# armeabi-v7a
zig build android-arm -Doptimize=ReleaseFast

# x86_64 (エミュレータ用)
zig build android-x64 -Doptimize=ReleaseFast

# ライブラリをコピー
mkdir -p ../platforms/android/zylix-android/app/src/main/jniLibs/arm64-v8a
mkdir -p ../platforms/android/zylix-android/app/src/main/jniLibs/armeabi-v7a
mkdir -p ../platforms/android/zylix-android/app/src/main/jniLibs/x86_64

cp zig-out/lib/libzylix-arm64.so ../platforms/android/zylix-android/app/src/main/jniLibs/arm64-v8a/libzylix.so
cp zig-out/lib/libzylix-arm.so ../platforms/android/zylix-android/app/src/main/jniLibs/armeabi-v7a/libzylix.so
cp zig-out/lib/libzylix-x64.so ../platforms/android/zylix-android/app/src/main/jniLibs/x86_64/libzylix.so

# Gradle でビルド
cd ../platforms/android/zylix-android
./gradlew assembleDebug

# macOS 向けにビルド (ユニバーサルバイナリ)
cd core

# arm64 (Apple Silicon)
zig build macos-arm64 -Doptimize=ReleaseFast

# x86_64 (Intel)
zig build macos-x64 -Doptimize=ReleaseFast

# ユニバーサルバイナリを作成
lipo -create \
  zig-out/lib/libzylix-arm64.a \
  zig-out/lib/libzylix-x64.a \
  -output ../platforms/macos/ZylixTodo/libzylix.a

# Xcode プロジェクトを生成
cd ../platforms/macos/ZylixTodo
xcodegen generate
open Zylix.xcodeproj

# Linux 向けにビルド
cd core
zig build linux -Doptimize=ReleaseFast

# ライブラリをコピー
cp zig-out/lib/libzylix.a ../platforms/linux/zylix-gtk/

# GTK アプリをビルド
cd ../platforms/linux/zylix-gtk
make

# 実行
./build/zylix-todo

# Windows 向けにビルド
cd core
zig build windows-x64 -Doptimize=ReleaseFast

# DLL をコピー
cp zig-out/lib/zylix.dll ../platforms/windows/Zylix/

# .NET プロジェクトをビルド
cd ../platforms/windows/Zylix
dotnet build -c Release

# 実行
dotnet run

const std = @import("std");
const state = @import("state.zig");
const vdom = @import("vdom.zig");

// 状態定義
pub const CounterState = struct {
    count: i64 = 0,
};

// イベント定義
pub const Event = enum(u32) {
    increment = 1,
    decrement = 2,
    reset = 3,
};

// 状態変更ハンドラ
pub fn handleEvent(event: Event) void {
    const s = state.getStore().getStateMut();

    switch (event) {
        .increment => s.count += 1,
        .decrement => s.count -= 1,
        .reset => s.count = 0,
    }

    state.getStore().commit();
}

// UI 構築
pub fn render(tree: *vdom.VTree) u32 {
    const s = state.getStore().getState();

    // コンテナを作成
    const container = tree.create(vdom.VNode.element(.div));

    // カウント表示
    var count_text: [32]u8 = undefined;
    const count_str = std.fmt.bufPrint(&count_text, "カウント: {d}", .{s.count}) catch "0";
    const text_node = tree.create(vdom.VNode.textNode(count_str));
    _ = tree.addChild(container, text_node);

    // ボタン
    const inc_btn = createButton(tree, "+", @intFromEnum(Event.increment));
    const dec_btn = createButton(tree, "-", @intFromEnum(Event.decrement));
    const reset_btn = createButton(tree, "リセット", @intFromEnum(Event.reset));

    _ = tree.addChild(container, inc_btn);
    _ = tree.addChild(container, dec_btn);
    _ = tree.addChild(container, reset_btn);

    return container;
}

fn createButton(tree: *vdom.VTree, label: []const u8, callback_id: u32) u32 {
    var btn = vdom.VNode.element(.button);
    btn.setText(label);
    btn.props.on_click = callback_id;
    return tree.create(btn);
}