diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 1641ee15..f2c42091 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -17,7 +17,7 @@ jobs:
- name: system packages
run: |
sudo apt-get update
- sudo apt-get install -y --no-install-recommends pkg-config libwayland-dev libxkbcommon-dev libfontconfig1-dev
+ sudo apt-get install -y --no-install-recommends pkg-config libwebkit2gtk-4.1-dev libxdo-dev libasound2-dev
- uses: dtolnay/rust-toolchain@stable
with:
components: rustfmt, clippy
@@ -25,12 +25,7 @@ jobs:
- run: cargo fmt --all --check
- run: cargo clippy --workspace --all-targets -- -D warnings
- run: cargo test --workspace
- - uses: actions/setup-node@v4
- with:
- node-version: 22
- - name: the web app's offline engine matches the hub, and markdown stays safe
+ - name: the Dioxus app builds for the web too
run: |
- cargo build -p anend-hub
- node hub/web/test/parity.mjs | tee parity.log
- grep -q "all the same" parity.log
- node hub/web/test/markdown.mjs
+ rustup target add wasm32-unknown-unknown
+ cargo build -p anend-app --target wasm32-unknown-unknown --no-default-features --features web
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 2454ceaa..d2ea3469 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -1,6 +1,6 @@
name: release
-# Push a tag like v0.2.0 to build the app and the hub for Linux and Windows and
+# Push a tag like v0.2.0 to build the desktop app (anend-app) and the hub for Linux and Windows and
# attach them to a GitHub release of that name. "Run workflow" on the Actions tab
# builds them too, as downloadable artifacts, without making a release.
on:
@@ -33,11 +33,18 @@ jobs:
if: runner.os == 'Linux'
run: |
sudo apt-get update
- sudo apt-get install -y --no-install-recommends pkg-config libwayland-dev libxkbcommon-dev libfontconfig1-dev
+ sudo apt-get install -y --no-install-recommends pkg-config libwebkit2gtk-4.1-dev libxdo-dev libasound2-dev
- uses: dtolnay/rust-toolchain@stable
+ with:
+ targets: wasm32-unknown-unknown
- uses: Swatinem/rust-cache@v2
- - name: build the app and the hub
- run: cargo build --release --locked --workspace
+ - name: the web app (built into the hub)
+ shell: bash
+ run: |
+ cargo install --locked wasm-bindgen-cli --version 0.2.129
+ sh app/web/build.sh
+ - name: build the desktop app and the hub
+ run: cargo build --release --locked -p anend-app -p anend-hub
- name: package
shell: bash
@@ -45,7 +52,7 @@ jobs:
dir=anend-${{ github.ref_name }}-${{ matrix.name }}
dir=${dir//\//-}
mkdir "$dir"
- cp target/release/anend${{ matrix.exe }} target/release/anend-hub${{ matrix.exe }} README.md LICENSE "$dir"/
+ cp target/release/anend-app${{ matrix.exe }} target/release/anend-hub${{ matrix.exe }} README.md LICENSE "$dir"/
if [ "$RUNNER_OS" = "Windows" ]; then
7z a "$dir.zip" "$dir" >/dev/null
echo "ASSET=$dir.zip" >> "$GITHUB_ENV"
diff --git a/Cargo.lock b/Cargo.lock
index 137c72b1..f5f1d082 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -18,81 +18,6 @@ version = "0.1.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "366ffbaa4442f4684d91e2cd7c5ea7c4ed8add41959a31447066e279e432b618"
-[[package]]
-name = "accesskit"
-version = "0.24.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d3b7f7f85a7e5f68090000ed7622545829afd484d210358702ae4cb97dd0c320"
-dependencies = [
- "uuid",
-]
-
-[[package]]
-name = "accesskit_consumer"
-version = "0.38.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5d10a236f96f87d70732e44520046785431ef01d5bcd6b041317bfadd2f88245"
-dependencies = [
- "accesskit",
- "hashbrown 0.16.1",
-]
-
-[[package]]
-name = "accesskit_ios"
-version = "0.1.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "750c4e9f6ce888dfe8a10c0f1b5ceb646a7854fd46579d74919219d1bb314083"
-dependencies = [
- "accesskit",
- "accesskit_consumer",
- "hashbrown 0.16.1",
- "objc2 0.5.3",
- "objc2-foundation 0.2.2",
- "objc2-ui-kit",
-]
-
-[[package]]
-name = "accesskit_macos"
-version = "0.26.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ce02dc63b43f0c9296af9ac946312a2dc8814427d7a64d2d600971dac55b6076"
-dependencies = [
- "accesskit",
- "accesskit_consumer",
- "hashbrown 0.16.1",
- "objc2 0.5.3",
- "objc2-app-kit 0.2.2",
- "objc2-foundation 0.2.2",
-]
-
-[[package]]
-name = "accesskit_windows"
-version = "0.34.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "106c2b961215864d1c2e703ee63269c25c4e80a577ffb2c1017b9c17dcdf83a1"
-dependencies = [
- "accesskit",
- "accesskit_consumer",
- "hashbrown 0.16.1",
- "static_assertions",
- "windows",
- "windows-core",
-]
-
-[[package]]
-name = "accesskit_winit"
-version = "0.33.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d5b41e63a69f36d9f1f41e70464c7e5f72eee485ef26aab19f0b4f86e6c0a84c"
-dependencies = [
- "accesskit",
- "accesskit_ios",
- "accesskit_macos",
- "accesskit_windows",
- "raw-window-handle",
- "winit",
-]
-
[[package]]
name = "adler2"
version = "2.0.1"
@@ -135,25 +60,30 @@ dependencies = [
]
[[package]]
-name = "ahash"
-version = "0.8.12"
+name = "aho-corasick"
+version = "1.1.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5a15f179cd60c4584b8a8c596927aadc462e27f2ca70c04e0071964a73ba7a75"
+checksum = "c982642fa9e8606056828ee9a8505737230110bb1099153c79efe865c59d12ba"
dependencies = [
- "cfg-if",
- "getrandom 0.3.4",
- "once_cell",
- "version_check",
- "zerocopy",
+ "memchr",
]
[[package]]
-name = "aho-corasick"
-version = "1.1.5"
+name = "aligned"
+version = "0.4.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c982642fa9e8606056828ee9a8505737230110bb1099153c79efe865c59d12ba"
+checksum = "ee4508988c62edf04abd8d92897fca0c2995d907ce1dfeaf369dac3716a40685"
dependencies = [
- "memchr",
+ "as-slice",
+]
+
+[[package]]
+name = "aligned-vec"
+version = "0.6.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dc890384c8602f339876ded803c97ad529f3842aba97f6392b3dba0dd171769b"
+dependencies = [
+ "equator",
]
[[package]]
@@ -178,35 +108,26 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "683d7910e743518b0e34f1186f92494becacb047c7b6bf616c96772180fef923"
[[package]]
-name = "android-activity"
-version = "0.6.1"
+name = "alsa"
+version = "0.9.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0f2a1bb052857d5dd49572219344a7332b31b76405648eabac5bc68978251bcd"
+checksum = "ed7572b7ba83a31e20d1b48970ee402d2e3e0537dcfe0a3ff4d6eb7508617d43"
dependencies = [
- "android-properties",
+ "alsa-sys",
"bitflags 2.13.2",
- "cc",
- "jni",
+ "cfg-if",
"libc",
- "log",
- "ndk",
- "ndk-context",
- "ndk-sys",
- "num_enum",
- "thiserror 2.0.21",
]
[[package]]
-name = "android-properties"
-version = "0.2.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fc7eb209b1518d6bb87b283c20095f5228ecda460da70b44f0802523dea6da04"
-
-[[package]]
-name = "android_log-sys"
-version = "0.3.2"
+name = "alsa-sys"
+version = "0.3.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "84521a3cf562bc62942e294181d9eef17eb38ceb8c68677bc49f144e4c3d4f8d"
+checksum = "db8fee663d06c4e303404ef5f40488a53e062f89ba8bfed81f42325aafad1527"
+dependencies = [
+ "libc",
+ "pkg-config",
+]
[[package]]
name = "android_system_properties"
@@ -218,21 +139,29 @@ dependencies = [
]
[[package]]
-name = "anend"
+name = "anend-app"
version = "0.1.0"
dependencies = [
"anend-core",
- "bevy",
- "bevy_slugtext",
+ "anend-render",
"chrono",
- "fontique",
+ "cpal",
+ "dioxus",
+ "futures-channel",
+ "futures-util",
+ "gtk",
+ "js-sys",
+ "png 0.17.16",
"pulldown-cmark",
"redb",
"serde",
"serde_json",
- "ttf-parser",
+ "symphonia",
+ "tokio",
"ureq",
- "winit",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
]
[[package]]
@@ -240,10 +169,15 @@ name = "anend-core"
version = "0.1.0"
dependencies = [
"chrono",
+ "image",
+ "pollster",
"pulldown-cmark",
"redb",
"serde",
"serde_json",
+ "serde_path_to_error",
+ "ureq",
+ "wgpu",
]
[[package]]
@@ -269,100 +203,50 @@ dependencies = [
]
[[package]]
-name = "annotate-snippets"
-version = "0.12.16"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f211a51805bc641f3ad5b7664c77d2547af685cc33b4cd8d31964027a46f13f1"
-dependencies = [
- "anstyle",
- "memchr",
- "unicode-width",
-]
-
-[[package]]
-name = "anstream"
-version = "1.0.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "824a212faf96e9acacdbd09febd34438f8f711fb84e09a8916013cd7815ca28d"
-dependencies = [
- "anstyle",
- "anstyle-parse",
- "anstyle-query",
- "anstyle-wincon",
- "colorchoice",
- "is_terminal_polyfill",
- "utf8parse",
-]
-
-[[package]]
-name = "anstyle"
-version = "1.0.14"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "940b3a0ca603d1eade50a4846a2afffd5ef57a9feac2c0e2ec2e14f9ead76000"
-
-[[package]]
-name = "anstyle-parse"
-version = "1.0.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "52ce7f38b242319f7cabaa6813055467063ecdc9d355bbb4ce0c68908cd8130e"
-dependencies = [
- "utf8parse",
-]
-
-[[package]]
-name = "anstyle-query"
-version = "1.1.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "40c48f72fd53cd289104fc64099abca73db4166ad86ea0b4341abe65af83dadc"
+name = "anend-render"
+version = "0.1.0"
dependencies = [
- "windows-sys 0.61.2",
+ "ab_glyph",
+ "base64 0.22.1",
+ "bytemuck",
+ "glam",
+ "image",
+ "pollster",
+ "serde_json",
+ "web-sys",
+ "wgpu",
]
[[package]]
-name = "anstyle-wincon"
-version = "3.0.11"
+name = "anyhow"
+version = "1.0.104"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "291e6a250ff86cd4a820112fb8898808a366d8f9f58ce16d1f538353ad55747d"
-dependencies = [
- "anstyle",
- "once_cell_polyfill",
- "windows-sys 0.61.2",
-]
+checksum = "330a5ed07fa54e4702c9d6c4174f74427fc0ef6e214bbd677ae50a5099946470"
[[package]]
-name = "approx"
-version = "0.5.1"
+name = "arbitrary"
+version = "1.5.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cab112f0a86d568ea0e627cc1d6be74a1e9cd55214684db5561995f6dad897c6"
-dependencies = [
- "num-traits",
-]
+checksum = "3bc62ac97cc33321f50863d514c3bc38a453947a8f9e781137e47c7401020aed"
[[package]]
-name = "arboard"
-version = "3.6.1"
+name = "arc-swap"
+version = "1.9.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0348a1c054491f4bfe6ab86a7b6ab1e44e45d899005de92f58b3df180b36ddaf"
+checksum = "c049c0be4daef0b145cb3555416b3b8ef5b7888a38aea1a3a155801fe7b0810b"
dependencies = [
- "clipboard-win",
- "log",
- "objc2 0.6.5",
- "objc2-app-kit 0.3.2",
- "objc2-foundation 0.3.2",
- "parking_lot",
- "percent-encoding",
- "windows-sys 0.60.2",
- "wl-clipboard-rs",
- "x11rb",
+ "rustversion",
]
[[package]]
-name = "arc-swap"
-version = "1.9.2"
+name = "arg_enum_proc_macro"
+version = "0.3.4"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c049c0be4daef0b145cb3555416b3b8ef5b7888a38aea1a3a155801fe7b0810b"
+checksum = "0ae92a5119aa49cdbcf6b9f893fe4e1d98b04ccbf82ee0584ad948a44a734dea"
dependencies = [
- "rustversion",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
]
[[package]]
@@ -377,12 +261,6 @@ dependencies = [
"password-hash",
]
-[[package]]
-name = "arrayref"
-version = "0.3.9"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "76a2e8124351fda1ef8aaaa3bbd7ebbcb486bbcd4225aca0aa0d84bb2db8fecb"
-
[[package]]
name = "arrayvec"
version = "0.7.8"
@@ -390,10 +268,13 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "d3fb67a6e08acf24fdeccbac2cb6ac4305825bd1f117462e0e6f2f193345ad56"
[[package]]
-name = "as-raw-xcb-connection"
-version = "1.0.1"
+name = "as-slice"
+version = "0.2.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "175571dd1d178ced59193a6fc02dde1b972eb0bc56c892cde9beeceac5bf0f6b"
+checksum = "516b6b4f0e40d50dcda9365d53964ec74560ad4284da2e7fc97122cd83174516"
+dependencies = [
+ "stable_deref_trait",
+]
[[package]]
name = "ash"
@@ -401,7 +282,7 @@ version = "0.38.0+1.3.281"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "0bb44936d800fea8f016d7f2311c6a4f97aebd5dc86f09906139ec848cf3a46f"
dependencies = [
- "libloading",
+ "libloading 0.8.9",
]
[[package]]
@@ -454,143 +335,136 @@ dependencies = [
"serde",
"serde_derive",
"unicode-ident",
- "winnow",
+ "winnow 1.0.4",
]
[[package]]
-name = "assert_type_match"
-version = "0.1.1"
+name = "async-stream"
+version = "0.3.6"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f548ad2c4031f2902e3edc1f29c29e835829437de49562d8eb5dc5584d3a1043"
+checksum = "0b5a71a6f37880a80d1d7f19efd781e4b5de42c88f0722cc13bcb6cc2cfe8476"
dependencies = [
- "proc-macro2",
- "quote",
- "syn 2.0.119",
+ "async-stream-impl",
+ "futures-core",
+ "pin-project-lite",
]
[[package]]
-name = "async-broadcast"
-version = "0.7.2"
+name = "async-stream-impl"
+version = "0.3.6"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "435a87a52755b8f27fcf321ac4f04b2802e337c8c4872923137471ec39c37532"
+checksum = "c7c24de15d275a1ecfd47a380fb4d5ec9bfe0933f309ed5e705b775596a3574d"
dependencies = [
- "event-listener",
- "event-listener-strategy",
- "futures-core",
- "pin-project-lite",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
]
[[package]]
-name = "async-channel"
-version = "2.5.0"
+name = "async-trait"
+version = "0.1.92"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "924ed96dd52d1b75e9c1a3e6275715fd320f5f9439fb5a4a11fa51f4221158d2"
+checksum = "82f6aeea286b8eb4dd3431a1be1b59d290ace00f5bfd8e2a159bc2a05e2c1667"
dependencies = [
- "concurrent-queue",
- "event-listener-strategy",
- "futures-core",
- "pin-project-lite",
+ "proc-macro2",
+ "quote",
+ "syn 3.0.9",
]
[[package]]
-name = "async-executor"
-version = "1.14.0"
+name = "async-tungstenite"
+version = "0.31.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c96bf972d85afc50bf5ab8fe2d54d1586b4e0b46c97c50a0c9e71e2f7bcd812a"
+checksum = "ee88b4c88ac8c9ea446ad43498955750a4bbe64c4392f21ccfe5d952865e318f"
dependencies = [
- "async-task",
- "concurrent-queue",
- "fastrand",
- "futures-lite",
+ "atomic-waker",
+ "futures-core",
+ "futures-io",
+ "futures-task",
+ "futures-util",
+ "log",
"pin-project-lite",
- "slab",
+ "tungstenite 0.27.0",
]
[[package]]
-name = "async-fs"
-version = "2.2.0"
+name = "atk"
+version = "0.18.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8034a681df4aed8b8edbd7fbe472401ecf009251c8b40556b304567052e294c5"
+checksum = "241b621213072e993be4f6f3a9e4b45f65b7e6faad43001be957184b7bb1824b"
dependencies = [
- "async-lock",
- "blocking",
- "futures-lite",
+ "atk-sys",
+ "glib",
+ "libc",
]
[[package]]
-name = "async-io"
-version = "2.6.0"
+name = "atk-sys"
+version = "0.18.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "456b8a8feb6f42d237746d4b3e9a178494627745c3c56c6ea55d92ba50d026fc"
+checksum = "c5e48b684b0ca77d2bbadeef17424c2ea3c897d44d566a1617e7e8f30614d086"
dependencies = [
- "autocfg",
- "cfg-if",
- "concurrent-queue",
- "futures-io",
- "futures-lite",
- "parking",
- "polling",
- "rustix 1.1.5",
- "slab",
- "windows-sys 0.61.2",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
]
[[package]]
-name = "async-lock"
-version = "3.4.2"
+name = "atomic-waker"
+version = "1.1.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "290f7f2596bd5b78a9fec8088ccd89180d7f9f55b94b0576823bbbdc72ee8311"
-dependencies = [
- "event-listener",
- "event-listener-strategy",
- "pin-project-lite",
-]
+checksum = "1505bd5d3d116872e7271a6d4e16d81d0c8570876c8de68093a09ac269d8aac0"
[[package]]
-name = "async-task"
-version = "4.7.1"
+name = "autocfg"
+version = "1.5.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8b75356056920673b02621b35afd0f7dda9306d03c79a30f5c56c44cf256e3de"
-dependencies = [
- "portable-atomic",
-]
+checksum = "f2032f911046de80f0a198e0901378627c33f59ea0ac00e363d481118bd70a53"
[[package]]
-name = "async-trait"
-version = "0.1.92"
+name = "av-scenechange"
+version = "0.14.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "82f6aeea286b8eb4dd3431a1be1b59d290ace00f5bfd8e2a159bc2a05e2c1667"
+checksum = "0f321d77c20e19b92c39e7471cf986812cbb46659d2af674adc4331ef3f18394"
dependencies = [
- "proc-macro2",
- "quote",
- "syn 3.0.9",
+ "aligned",
+ "anyhow",
+ "arg_enum_proc_macro",
+ "arrayvec",
+ "log",
+ "num-rational",
+ "num-traits",
+ "pastey",
+ "rayon",
+ "thiserror 2.0.21",
+ "v_frame",
+ "y4m",
]
[[package]]
-name = "atomic-waker"
-version = "1.1.2"
+name = "av1-grain"
+version = "0.2.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1505bd5d3d116872e7271a6d4e16d81d0c8570876c8de68093a09ac269d8aac0"
+checksum = "8cfddb07216410377231960af4fcab838eaa12e013417781b78bd95ee22077f8"
dependencies = [
- "portable-atomic",
+ "anyhow",
+ "arrayvec",
+ "log",
+ "nom 8.0.0",
+ "num-rational",
+ "v_frame",
]
[[package]]
-name = "atomicow"
-version = "1.2.0"
+name = "avif-serialize"
+version = "0.8.9"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "301801c08259e328a1c7da556608c0c22687708831b22024dbd3a57ea741e6de"
+checksum = "e7178fe5f7d460b13895ebb9dcb28a3a6216d2df2574a0806cb51b555d297f38"
dependencies = [
- "portable-atomic",
- "portable-atomic-util",
+ "arrayvec",
]
-[[package]]
-name = "autocfg"
-version = "1.5.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f2032f911046de80f0a198e0901378627c33f59ea0ac00e363d481118bd70a53"
-
[[package]]
name = "aws-lc-rs"
version = "1.18.2"
@@ -615,2070 +489,1513 @@ dependencies = [
]
[[package]]
-name = "base64"
-version = "0.22.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "72b3254f16251a8381aa12e40e3c4d2f0199f8c6508fbecb9d91f575e0fbb8c6"
-
-[[package]]
-name = "base64"
-version = "0.23.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ac07cdecf99051d9a5238b80f35af32cdeba5b336e55d957b318b50137e18da5"
-
-[[package]]
-name = "base64ct"
-version = "1.8.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2af50177e190e07a26ab74f8b1efbfe2ef87da2116221318cb1c2e82baf7de06"
-
-[[package]]
-name = "basic-toml"
-version = "0.1.10"
+name = "axum"
+version = "0.8.9"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ba62675e8242a4c4e806d12f11d136e626e6c8361d6b829310732241652a178a"
+checksum = "31b698c5f9a010f6573133b09e0de5408834d0c82f8d7475a89fc1867a71cd90"
dependencies = [
- "serde",
+ "axum-core",
+ "bytes",
+ "form_urlencoded",
+ "futures-util",
+ "http",
+ "http-body",
+ "http-body-util",
+ "itoa",
+ "matchit",
+ "memchr",
+ "mime",
+ "multer",
+ "percent-encoding",
+ "pin-project-lite",
+ "serde_core",
+ "serde_json",
+ "serde_path_to_error",
+ "serde_urlencoded",
+ "sync_wrapper",
+ "tower",
+ "tower-layer",
+ "tower-service",
]
[[package]]
-name = "bevy"
-version = "0.20.0"
+name = "axum-core"
+version = "0.5.6"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8bd0e4ea5ec677698955f9f285221eab78606d8c27b57b889def199c16ce36e6"
+checksum = "08c78f31d7b1291f7ee735c1c6780ccde7785daae9a9206026862dab7d8792d1"
dependencies = [
- "bevy_internal",
+ "bytes",
+ "futures-core",
+ "http",
+ "http-body",
+ "http-body-util",
+ "mime",
+ "pin-project-lite",
+ "sync_wrapper",
+ "tower-layer",
+ "tower-service",
]
[[package]]
-name = "bevy_a11y"
-version = "0.20.0"
+name = "base64"
+version = "0.22.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "72b3254f16251a8381aa12e40e3c4d2f0199f8c6508fbecb9d91f575e0fbb8c6"
+
+[[package]]
+name = "base64"
+version = "0.23.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f1070b9b7f087a5073be2da713367f29a831c85cd3391afcfc95bc0498125704"
-dependencies = [
- "accesskit",
- "bevy_app",
- "bevy_derive",
- "bevy_ecs",
- "bevy_reflect",
-]
+checksum = "ac07cdecf99051d9a5238b80f35af32cdeba5b336e55d957b318b50137e18da5"
[[package]]
-name = "bevy_android"
-version = "0.20.0"
+name = "base64ct"
+version = "1.8.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "17fd56a4708085b36f8aa1a011e347f8bd9334f0343bb3d5d9c3742897968a55"
-dependencies = [
- "android-activity",
-]
+checksum = "2af50177e190e07a26ab74f8b1efbfe2ef87da2116221318cb1c2e82baf7de06"
[[package]]
-name = "bevy_animation"
-version = "0.20.0"
+name = "basic-toml"
+version = "0.1.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9409aa300e8b023281b78759b3aed4124ec745dc7e1c9f96cbb445110e4b32ad"
+checksum = "ba62675e8242a4c4e806d12f11d136e626e6c8361d6b829310732241652a178a"
dependencies = [
- "bevy_animation_macros",
- "bevy_app",
- "bevy_asset",
- "bevy_color",
- "bevy_curve",
- "bevy_derive",
- "bevy_ecs",
- "bevy_math",
- "bevy_platform",
- "bevy_reflect",
- "bevy_time",
- "bevy_transform",
- "bevy_utils",
- "bitvec",
- "blake3",
- "derive_more",
- "downcast-rs 2.0.2",
- "either",
- "petgraph",
- "ron",
"serde",
- "smallvec",
- "thiserror 2.0.21",
- "thread_local",
- "tracing",
- "uuid",
]
[[package]]
-name = "bevy_animation_macros"
-version = "0.20.0"
+name = "bindgen"
+version = "0.72.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "011144ef75ba95b665b1e6b03f3b7bbe9aa85d55472abb1d21e64813dac1c0a4"
+checksum = "993776b509cfb49c750f11b8f07a46fa23e0a1386ffc01fb1e7d343efc387895"
dependencies = [
- "bevy_macro_utils",
+ "bitflags 2.13.2",
+ "cexpr",
+ "clang-sys",
+ "itertools 0.13.0",
+ "proc-macro2",
"quote",
+ "regex",
+ "rustc-hash 2.1.3",
+ "shlex 1.3.0",
"syn 2.0.119",
]
[[package]]
-name = "bevy_app"
-version = "0.20.0"
+name = "bit-set"
+version = "0.10.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a2489da2972d57cccd19060d7faa44c4c4cfb296a657c84ee6ab8bde2b1c0115"
+checksum = "09ec2f926cc3060f09db9ebc5b52823d85268d24bb917e472c0c4bea35780a7d"
dependencies = [
- "bevy_derive",
- "bevy_ecs",
- "bevy_platform",
- "bevy_reflect",
- "bevy_tasks",
- "bevy_utils",
- "console_error_panic_hook",
- "ctrlc",
- "downcast-rs 2.0.2",
- "log",
- "thiserror 2.0.21",
- "variadics_please",
- "wasm-bindgen",
- "web-sys",
+ "bit-vec",
]
[[package]]
-name = "bevy_asset"
-version = "0.20.0"
+name = "bit-vec"
+version = "0.9.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b88b3767a2c3f5a017b2febca08a670819ea2acb46846e4d8cd02980aeb0ed3e"
-dependencies = [
- "async-broadcast",
- "async-channel",
- "async-fs",
- "async-io",
- "async-lock",
- "atomicow",
- "bevy_android",
- "bevy_app",
- "bevy_asset_macros",
- "bevy_diagnostic",
- "bevy_ecs",
- "bevy_platform",
- "bevy_reflect",
- "bevy_tasks",
- "bevy_utils",
- "bitflags 2.13.2",
- "blake3",
- "crossbeam-channel",
- "derive_more",
- "disqualified",
- "downcast-rs 2.0.2",
- "either",
- "futures-io",
- "futures-lite",
- "futures-util",
- "js-sys",
- "ron",
- "serde",
- "stackfuture",
- "thiserror 2.0.21",
- "tracing",
- "uuid",
- "wasm-bindgen",
- "wasm-bindgen-futures",
- "web-sys",
-]
+checksum = "b71798fca2c1fe1086445a7258a4bc81e6e49dcd24c8d0dd9a1e57395b603f51"
[[package]]
-name = "bevy_asset_macros"
-version = "0.20.0"
+name = "bit_field"
+version = "0.10.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "875b4fd236612744dbd61fb0a77ffde0aee37b8b780cf8a89caa308511c70646"
-dependencies = [
- "bevy_macro_utils",
- "proc-macro2",
- "quote",
- "syn 2.0.119",
-]
+checksum = "1e4b40c7323adcfc0a41c4b88143ed58346ff65a288fc144329c5c45e05d70c6"
+
+[[package]]
+name = "bitflags"
+version = "1.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bef38d45163c2f1dde094a7dfd33ccf595c92905c8f8f4fdc18d06fb1037718a"
[[package]]
-name = "bevy_camera"
-version = "0.20.0"
+name = "bitflags"
+version = "2.13.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f32c0d8436fb9373dc3b64fa30c3dec51d6a7cfda61de3c70fd1f62f8a903887"
+checksum = "3ded4057c258ba199e2d26386d3af3780957ecaee6c4ef4041c6b4b8b97c0b06"
dependencies = [
- "bevy_app",
- "bevy_asset",
- "bevy_color",
- "bevy_derive",
- "bevy_ecs",
- "bevy_image",
- "bevy_math",
- "bevy_mesh",
- "bevy_reflect",
- "bevy_shape",
- "bevy_transform",
- "bevy_utils",
- "bevy_window",
- "derive_more",
- "downcast-rs 2.0.2",
- "serde",
- "smallvec",
- "thiserror 2.0.21",
- "wgpu-types",
+ "serde_core",
]
[[package]]
-name = "bevy_clipboard"
-version = "0.20.0"
+name = "bitstream-io"
+version = "4.10.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f0267b0beafd7e587a1b25b5ce14b271577f5fc1d8fd7828b2b66f0cf5dd649b"
+checksum = "7eff00be299a18769011411c9def0d827e8f2d7bf0c3dbf53633147a8867fd1f"
dependencies = [
- "arboard",
- "bevy_app",
- "bevy_ecs",
- "bevy_log",
- "bevy_platform",
- "wasm-bindgen",
- "wasm-bindgen-futures",
- "web-sys",
+ "no_std_io2",
]
[[package]]
-name = "bevy_color"
-version = "0.20.0"
+name = "blake2"
+version = "0.11.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c0e57bfc1a0da1c018235fb98bb0e15ab61f1d0253122020ab6e1450e6cfbcf9"
+checksum = "5b5d4d889834ee8ecfc0f8426ad30faf7cdcb10f741a8e6d7224d95325479f6f"
dependencies = [
- "bevy_curve",
- "bevy_math",
- "bevy_reflect",
- "bytemuck",
- "derive_more",
- "encase",
- "serde",
- "thiserror 2.0.21",
- "wgpu-types",
+ "digest 0.11.3",
]
[[package]]
-name = "bevy_core_pipeline"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a4a077b301be4b373a4cb224c54988e1f8385ecf3ab9e60bd3727a65b3d6901a"
-dependencies = [
- "bevy_app",
- "bevy_asset",
- "bevy_camera",
- "bevy_color",
- "bevy_derive",
- "bevy_diagnostic",
- "bevy_ecs",
- "bevy_extract",
- "bevy_image",
- "bevy_light",
- "bevy_log",
- "bevy_math",
- "bevy_platform",
- "bevy_reflect",
- "bevy_render",
- "bevy_shader",
- "bevy_transform",
- "bevy_utils",
- "bevy_window",
- "bitflags 2.13.2",
- "indexmap",
- "nonmax",
-]
+name = "block"
+version = "0.1.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0d8c1fef690941d3e7788d328517591fecc684c084084702d6ff1641e993699a"
[[package]]
-name = "bevy_curve"
-version = "0.20.0"
+name = "block-buffer"
+version = "0.10.4"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "21ae28ed95c1c8a1bfc8930471840ee5a4b99b6b31138b17598e7ee6f4291b64"
+checksum = "3078c7629b62d3f0439517fa394996acacc5cbc91c5a20d8c658e77abd503a71"
dependencies = [
- "approx",
- "bevy_math",
- "bevy_reflect",
- "itertools 0.14.0",
- "serde",
- "thiserror 2.0.21",
- "variadics_please",
+ "generic-array",
]
[[package]]
-name = "bevy_derive"
-version = "0.20.0"
+name = "block-buffer"
+version = "0.12.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fd59e9e600d792e60df17b4d52719b28c288bf047884ac89ad29d9c7a6592d2c"
+checksum = "d2f6c7dbe95a6ed67ad9f18e57daf93a2f034c524b99fd2b76d18fdfeb6660aa"
dependencies = [
- "bevy_macro_utils",
- "quote",
- "syn 2.0.119",
+ "hybrid-array",
]
[[package]]
-name = "bevy_diagnostic"
-version = "0.20.0"
+name = "block2"
+version = "0.6.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7f8851dc1b253b350bf941695457007e6e44ad4b8f075bf52a1ef202e6866b6a"
+checksum = "cdeb9d870516001442e364c5220d3574d2da8dc765554b4a617230d33fa58ef5"
dependencies = [
- "atomic-waker",
- "bevy_app",
- "bevy_ecs",
- "bevy_platform",
- "bevy_tasks",
- "bevy_time",
- "const-fnv1a-hash",
- "log",
- "serde",
+ "objc2",
]
[[package]]
-name = "bevy_ecs"
-version = "0.20.0"
+name = "brotli"
+version = "9.0.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d5541a1658c5029b39e3ec59c6ecb47ad0a6d85fa083312a5ee2a95d6982a926"
+checksum = "f8b851b75c23ca7873623d612fe49bd1989aeb03d08fb9432187eb253d3d4c6b"
dependencies = [
- "arrayvec",
- "bevy_ecs_macros",
- "bevy_platform",
- "bevy_ptr",
- "bevy_reflect",
- "bevy_tasks",
- "bevy_utils",
- "bitflags 2.13.2",
- "bumpalo",
- "concurrent-queue",
- "derive_more",
- "fixedbitset",
- "indexmap",
- "log",
- "nonmax",
- "serde",
- "slotmap",
- "smallvec",
- "thiserror 2.0.21",
- "variadics_please",
+ "alloc-no-stdlib",
+ "alloc-stdlib",
+ "brotli-decompressor",
]
[[package]]
-name = "bevy_ecs_macro_logic"
-version = "0.20.0"
+name = "brotli-decompressor"
+version = "6.0.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5197fea7643d2733e8b6d81c3dfa99adad3a754cdfd159c00255cea157b795d7"
+checksum = "941cd9bd4ddab83cb46fa5a2d428f1c857b24ac78cb876cf7beb710840934bd7"
dependencies = [
- "bevy_macro_utils",
- "proc-macro2",
- "quote",
- "syn 2.0.119",
+ "alloc-no-stdlib",
+ "alloc-stdlib",
]
[[package]]
-name = "bevy_ecs_macros"
-version = "0.20.0"
+name = "built"
+version = "0.8.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3dde5305169503c9101404bf8cf17e8351f56fccf5152b8e5d7d7c32dcf1c486"
-dependencies = [
- "bevy_ecs_macro_logic",
- "bevy_macro_utils",
- "proc-macro2",
- "quote",
- "syn 2.0.119",
-]
+checksum = "5c0e531d93d39c34eef561e929e8a7f86d77a5af08aac4f6d6e39976c51858e9"
[[package]]
-name = "bevy_encase_derive"
-version = "0.20.0"
+name = "bumpalo"
+version = "3.20.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d4e4c4183c39ae8d00e53afeeab66aa71c41b08d82638149f9d485a2a62df569"
-dependencies = [
- "bevy_macro_utils",
- "encase_derive_impl",
-]
+checksum = "72f5acc6cb2ba439de613abc23857ec3d78374d8ed5ac84e9d11336e87da8649"
[[package]]
-name = "bevy_extract"
-version = "0.20.0"
+name = "bytemuck"
+version = "1.25.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "08e27fc07ef8e3ab7c217fed1b171d42c90f3b6e4f7f526ffa28f9006ac49aa4"
+checksum = "95832e849adfb21180ccb6826a99da14e5d266ae5c2e668e1602cf234f153797"
dependencies = [
- "bevy_app",
- "bevy_camera",
- "bevy_derive",
- "bevy_ecs",
- "bevy_extract_macros",
- "bevy_log",
- "bevy_platform",
- "bevy_reflect",
- "bevy_time",
- "bevy_utils",
+ "bytemuck_derive",
]
[[package]]
-name = "bevy_extract_macros"
-version = "0.20.0"
+name = "bytemuck_derive"
+version = "1.12.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3a5c67e8c55ef35c65295e8cb614eda169780e21e2748f6df470d3bff21849a3"
+checksum = "6a1f896587b6f2c069c73d2f0913e2d590c3990285cd2f0b6aa02b786b4c679c"
dependencies = [
- "bevy_macro_utils",
"proc-macro2",
"quote",
- "syn 2.0.119",
+ "syn 3.0.9",
]
[[package]]
-name = "bevy_feathers"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9c4566f226580b5d852e3fa4fdb821e45367f598c0c6090896d686e446fa91f4"
-dependencies = [
- "accesskit",
- "bevy_a11y",
- "bevy_app",
- "bevy_asset",
- "bevy_camera",
- "bevy_color",
- "bevy_derive",
- "bevy_ecs",
- "bevy_input",
- "bevy_input_focus",
- "bevy_log",
- "bevy_math",
- "bevy_picking",
- "bevy_platform",
- "bevy_reflect",
- "bevy_render",
- "bevy_scene",
- "bevy_shader",
- "bevy_text",
- "bevy_ui",
- "bevy_ui_render",
- "bevy_ui_widgets",
- "bevy_window",
- "smol_str",
-]
-
-[[package]]
-name = "bevy_gizmos"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dfc92f635ec5eaef5733afee45e6a0452e8c65de42d818dc7269dc5265087689"
-dependencies = [
- "bevy_app",
- "bevy_asset",
- "bevy_camera",
- "bevy_color",
- "bevy_curve",
- "bevy_ecs",
- "bevy_gizmos_macros",
- "bevy_input",
- "bevy_log",
- "bevy_math",
- "bevy_mesh",
- "bevy_reflect",
- "bevy_shape",
- "bevy_time",
- "bevy_transform",
- "bevy_utils",
- "bevy_window",
-]
-
-[[package]]
-name = "bevy_gizmos_macros"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "501e72c4ac31caef17ef9e627dee212d2107b95402a891ec6f0fc4107dd0cdf4"
-dependencies = [
- "bevy_macro_utils",
- "quote",
- "syn 2.0.119",
-]
+name = "byteorder"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1fd0f2584146f6f2ef48085050886acf353beff7305ebd1ae69500e27c67f64b"
[[package]]
-name = "bevy_gizmos_render"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "42f5be0c9f114dc9b2c929076517d088e059b971edec5dfff4d5a225df6796df"
-dependencies = [
- "bevy_app",
- "bevy_asset",
- "bevy_camera",
- "bevy_color",
- "bevy_core_pipeline",
- "bevy_ecs",
- "bevy_extract",
- "bevy_gizmos",
- "bevy_image",
- "bevy_log",
- "bevy_material",
- "bevy_math",
- "bevy_mesh",
- "bevy_pbr",
- "bevy_reflect",
- "bevy_render",
- "bevy_shader",
- "bevy_shape",
- "bevy_sprite_render",
- "bevy_transform",
- "bevy_utils",
- "bytemuck",
- "tracing",
-]
+name = "byteorder-lite"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f1fe948ff07f4bd06c30984e69f5b4899c516a3ef74f34df92a2df2ab535495"
[[package]]
-name = "bevy_image"
-version = "0.20.0"
+name = "bytes"
+version = "1.12.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bb818dd8d705809d54adea08e346edce81a51ddbf06406ddf12a72ee467a3855"
+checksum = "fc652a48c352aef3ea3aed32080501cf3ef6ed5da78602a020c991775b0aff04"
dependencies = [
- "bevy_app",
- "bevy_asset",
- "bevy_color",
- "bevy_ecs",
- "bevy_math",
- "bevy_platform",
- "bevy_reflect",
- "bevy_utils",
- "bitflags 2.13.2",
- "bytemuck",
- "futures-lite",
- "guillotiere",
- "half",
- "image",
- "rectangle-pack",
"serde",
- "thiserror 2.0.21",
- "tracing",
- "wgpu-types",
]
[[package]]
-name = "bevy_input"
-version = "0.20.0"
+name = "cairo-rs"
+version = "0.18.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "261ca5cc8a0bf228bfe4e841570db18a3ab1d034ce089772b8ec49c163ae74ea"
+checksum = "8ca26ef0159422fb77631dc9d17b102f253b876fe1586b03b803e63a309b4ee2"
dependencies = [
- "bevy_app",
- "bevy_ecs",
- "bevy_math",
- "bevy_platform",
- "bevy_reflect",
- "derive_more",
- "log",
- "smol_str",
- "thiserror 2.0.21",
+ "bitflags 2.13.2",
+ "cairo-sys-rs",
+ "glib",
+ "libc",
+ "once_cell",
+ "thiserror 1.0.69",
]
[[package]]
-name = "bevy_input_focus"
-version = "0.20.0"
+name = "cairo-sys-rs"
+version = "0.18.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "83c81d369d0ab3ec17ba14bab1e07da7cacf3751a3104a93b1a3cd99d887887b"
+checksum = "685c9fa8e590b8b3d678873528d83411db17242a73fccaed827770ea0fedda51"
dependencies = [
- "bevy_app",
- "bevy_camera",
- "bevy_ecs",
- "bevy_input",
- "bevy_math",
- "bevy_picking",
- "bevy_reflect",
- "bevy_window",
- "log",
- "thiserror 2.0.21",
-]
-
-[[package]]
-name = "bevy_internal"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a4ed1cb58d1761426a077a8aff55e6a2e0cdfd19e411211d4b0217409330bb84"
-dependencies = [
- "bevy_a11y",
- "bevy_android",
- "bevy_animation",
- "bevy_app",
- "bevy_asset",
- "bevy_camera",
- "bevy_clipboard",
- "bevy_color",
- "bevy_core_pipeline",
- "bevy_curve",
- "bevy_derive",
- "bevy_diagnostic",
- "bevy_ecs",
- "bevy_extract",
- "bevy_feathers",
- "bevy_gizmos",
- "bevy_gizmos_render",
- "bevy_image",
- "bevy_input",
- "bevy_input_focus",
- "bevy_light",
- "bevy_log",
- "bevy_material",
- "bevy_math",
- "bevy_mesh",
- "bevy_pbr",
- "bevy_picking",
- "bevy_platform",
- "bevy_ptr",
- "bevy_reflect",
- "bevy_render",
- "bevy_scene",
- "bevy_shader",
- "bevy_shape",
- "bevy_sprite",
- "bevy_sprite_render",
- "bevy_state",
- "bevy_tasks",
- "bevy_text",
- "bevy_time",
- "bevy_transform",
- "bevy_ui",
- "bevy_ui_render",
- "bevy_ui_widgets",
- "bevy_utils",
- "bevy_window",
- "bevy_winit",
- "bevy_world_serialization",
-]
-
-[[package]]
-name = "bevy_light"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "529d5ec7db637bbce7d016b2bfd0798362ad67118de8e9d37aaac24ecb3337cd"
-dependencies = [
- "bevy_app",
- "bevy_asset",
- "bevy_camera",
- "bevy_color",
- "bevy_curve",
- "bevy_ecs",
- "bevy_gizmos",
- "bevy_image",
- "bevy_log",
- "bevy_math",
- "bevy_mesh",
- "bevy_platform",
- "bevy_reflect",
- "bevy_shape",
- "bevy_transform",
- "bevy_utils",
- "half",
- "smallvec",
- "tracing",
- "wgpu-types",
+ "glib-sys",
+ "libc",
+ "system-deps",
]
[[package]]
-name = "bevy_log"
-version = "0.20.0"
+name = "cc"
+version = "1.8.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a87d5152292b0e581a589cffb6b7e83e0afe345279d4126545ce7b786bd8a47a"
+checksum = "6651c9ed80effdc7db0ff72512157f901af5e3549e341e24b1dd4887d836d838"
dependencies = [
- "android_log-sys",
- "bevy_app",
- "bevy_ecs",
- "bevy_platform",
- "bevy_utils",
- "tracing",
- "tracing-log",
- "tracing-oslog",
- "tracing-subscriber",
- "tracing-wasm",
+ "find-msvc-tools",
+ "jobserver",
+ "libc",
+ "shlex 2.0.1",
]
[[package]]
-name = "bevy_macro_utils"
-version = "0.20.0"
+name = "cesu8"
+version = "1.1.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c0d03a948df65138e30917d91237797d7e38763135ebacd0f28c891e1a3b2b52"
-dependencies = [
- "proc-macro2",
- "quote",
- "syn 2.0.119",
- "toml_edit",
-]
+checksum = "6d43a04d8753f35258c91f8ec639f792891f748a1edbd759cf1dcea3382ad83c"
[[package]]
-name = "bevy_material"
-version = "0.20.0"
+name = "cexpr"
+version = "0.6.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5be7ee4b2f4764e8d58a59afb47a3ba8bae36f955f409f08c658cace2808ef40"
+checksum = "6fac387a98bb7c37292057cffc56d62ecb629900026402633ae9160df93a8766"
dependencies = [
- "bevy_asset",
- "bevy_derive",
- "bevy_ecs",
- "bevy_material_macros",
- "bevy_mesh",
- "bevy_platform",
- "bevy_reflect",
- "bevy_shader",
- "bevy_utils",
- "encase",
- "smallvec",
- "thiserror 2.0.21",
- "tracing",
- "variadics_please",
- "wgpu-types",
+ "nom 7.1.3",
]
[[package]]
-name = "bevy_material_macros"
-version = "0.20.0"
+name = "cfb"
+version = "0.7.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "70551fa201e1416ab44968631b7ce6320c194acfdb652a1971ec6882af122333"
+checksum = "d38f2da7a0a2c4ccf0065be06397cc26a81f4e528be095826eee9d4adbb8c60f"
dependencies = [
- "bevy_macro_utils",
- "quote",
- "syn 2.0.119",
+ "byteorder",
+ "fnv",
+ "uuid",
]
[[package]]
-name = "bevy_math"
-version = "0.20.0"
+name = "cfg-expr"
+version = "0.15.8"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "598cbdcec4d0f0d966905996240ac76f77a644c583f95fb612d4f59f5f649038"
+checksum = "d067ad48b8650848b989a59a86c6c36a995d02d2bf778d45c3c5d57bc2718f02"
dependencies = [
- "approx",
- "bevy_reflect",
- "derive_more",
- "glam",
- "libm",
- "rand 0.10.3",
- "serde",
- "thiserror 2.0.21",
- "variadics_please",
+ "smallvec",
+ "target-lexicon",
]
[[package]]
-name = "bevy_mesh"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "09358ac9a3ede5855568c10eaba6bcf126bf86639e786fb21b413457ebec5f26"
-dependencies = [
- "bevy_app",
- "bevy_asset",
- "bevy_derive",
- "bevy_ecs",
- "bevy_encase_derive",
- "bevy_math",
- "bevy_mikktspace",
- "bevy_platform",
- "bevy_reflect",
- "bevy_shape",
- "bevy_transform",
- "bitflags 2.13.2",
- "bytemuck",
- "derive_more",
- "encase",
- "glam",
- "half",
- "hexasphere",
- "thiserror 2.0.21",
- "tracing",
- "wgpu-types",
-]
-
-[[package]]
-name = "bevy_mikktspace"
-version = "1.0.0"
+name = "cfg-if"
+version = "1.0.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bff34eb29ff4b8a8688bc7299f14fb6b597461ca80fec03ed7d22939ab33e48f"
+checksum = "4e7648175b45a9a48536d676f68d918270699102aa8dab5496df06904c914600"
[[package]]
-name = "bevy_pbr"
-version = "0.20.0"
+name = "cfg_aliases"
+version = "0.2.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fb760932d1e683e7c00011f5c99e4e1cc893646a3a7b7224da6daf9bfa94853d"
-dependencies = [
- "arrayvec",
- "bevy_app",
- "bevy_asset",
- "bevy_camera",
- "bevy_color",
- "bevy_core_pipeline",
- "bevy_derive",
- "bevy_diagnostic",
- "bevy_ecs",
- "bevy_extract",
- "bevy_image",
- "bevy_light",
- "bevy_log",
- "bevy_material",
- "bevy_math",
- "bevy_mesh",
- "bevy_platform",
- "bevy_reflect",
- "bevy_render",
- "bevy_shader",
- "bevy_shape",
- "bevy_tasks",
- "bevy_transform",
- "bevy_utils",
- "bitflags 2.13.2",
- "bytemuck",
- "derive_more",
- "fixedbitset",
- "indexmap",
- "nonmax",
- "offset-allocator",
- "smallvec",
- "static_assertions",
- "thiserror 2.0.21",
- "tracing",
- "wgpu-types",
-]
+checksum = "f079e83a288787bcd14a6aea84cee5c87a67c5a3e660c30f557a3d24761b3527"
[[package]]
-name = "bevy_picking"
-version = "0.20.0"
+name = "chacha20"
+version = "0.10.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "47a04fb644c62a57a4f338f5cd8b61519c569139742eafe87dccb523e4b7cf2e"
+checksum = "65c35e4b699c7e15ccbe7ee35c005e4fc0a278d22238a2857e6ce2dadeda1b06"
dependencies = [
- "bevy_app",
- "bevy_asset",
- "bevy_camera",
- "bevy_derive",
- "bevy_ecs",
- "bevy_input",
- "bevy_math",
- "bevy_mesh",
- "bevy_platform",
- "bevy_reflect",
- "bevy_shape",
- "bevy_time",
- "bevy_transform",
- "bevy_window",
- "crossbeam-channel",
- "tracing",
- "uuid",
+ "cfg-if",
+ "cpufeatures 0.3.1",
+ "rand_core 0.10.1",
]
[[package]]
-name = "bevy_platform"
-version = "0.20.0"
+name = "chardetng"
+version = "1.0.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "000bc467d1b344b6609fcf217a9b08d349d49c8e85dc4179fb7656f2b6e3db47"
+checksum = "13de944a44b5064ee5d3a5ceccc49a41bfec50f2580e66f82e87703acdb88b53"
dependencies = [
- "bytemuck",
- "critical-section",
- "foldhash 0.2.0",
- "futures-channel",
- "futures-lite",
- "hashbrown 0.16.1",
- "js-sys",
- "portable-atomic",
- "portable-atomic-util",
- "serde",
- "spin",
- "wasm-bindgen",
- "wasm-bindgen-futures",
- "web-time",
- "windows-sys 0.61.2",
+ "cfg-if",
+ "encoding_rs",
+ "memchr",
]
[[package]]
-name = "bevy_ptr"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "41935a00c02004753bd7ed5094754397800b3f673bf15553bb007b06216872d5"
-
-[[package]]
-name = "bevy_reflect"
-version = "0.20.0"
+name = "charset"
+version = "0.1.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "46eecc733575b873deedcc37639e36290092388657091b3321fa6e073e7818e6"
+checksum = "f1f927b07c74ba84c7e5fe4db2baeb3e996ab2688992e39ac68ce3220a677c7e"
dependencies = [
- "assert_type_match",
- "bevy_platform",
- "bevy_ptr",
- "bevy_reflect_derive",
- "bevy_utils",
- "derive_more",
- "disqualified",
- "downcast-rs 2.0.2",
- "erased-serde",
- "foldhash 0.2.0",
- "glam",
- "indexmap",
- "inventory",
- "petgraph",
- "serde",
- "smallvec",
- "smol_str",
- "thiserror 2.0.21",
- "uuid",
- "variadics_please",
- "wgpu-types",
+ "base64 0.22.1",
+ "encoding_rs",
]
[[package]]
-name = "bevy_reflect_derive"
-version = "0.20.0"
+name = "chrono"
+version = "0.4.45"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dfaa1e315676c625ed8d30ba8a671ebf917cad6355320295b9802a8cbc06853b"
+checksum = "1aa79e62e7697b8e29b513a68abacf485adcd1fe8284a4316c5ae868e6633327"
dependencies = [
- "bevy_macro_utils",
- "indexmap",
- "proc-macro2",
- "quote",
- "syn 2.0.119",
- "uuid",
-]
-
-[[package]]
-name = "bevy_render"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5f438a921fd3ef82cc09ccf5e0cd8f1214dcae6286890f9d4acba0409d9a61a8"
-dependencies = [
- "async-channel",
- "bevy_app",
- "bevy_asset",
- "bevy_camera",
- "bevy_color",
- "bevy_derive",
- "bevy_diagnostic",
- "bevy_ecs",
- "bevy_encase_derive",
- "bevy_extract",
- "bevy_extract_macros",
- "bevy_image",
- "bevy_log",
- "bevy_material",
- "bevy_material_macros",
- "bevy_math",
- "bevy_mesh",
- "bevy_platform",
- "bevy_reflect",
- "bevy_render_macros",
- "bevy_shader",
- "bevy_shape",
- "bevy_tasks",
- "bevy_time",
- "bevy_transform",
- "bevy_utils",
- "bevy_window",
- "bitflags 2.13.2",
- "bytemuck",
- "derive_more",
- "downcast-rs 2.0.2",
- "encase",
- "glam",
- "image",
- "indexmap",
- "itertools 0.14.0",
+ "iana-time-zone",
"js-sys",
- "nonmax",
- "offset-allocator",
- "send_wrapper",
- "smallvec",
- "static_assertions",
- "thiserror 2.0.21",
- "tracing",
- "variadics_please",
+ "num-traits",
+ "serde",
"wasm-bindgen",
- "weak-table",
- "web-sys",
- "wgpu",
- "wgpu-types",
+ "windows-link 0.2.1",
]
[[package]]
-name = "bevy_render_macros"
-version = "0.20.0"
+name = "ciborium"
+version = "0.2.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "119ca6d445eba5c9976c658f29bac854094b27c27624aa92c4d9668c319618d0"
+checksum = "42e69ffd6f0917f5c029256a24d0161db17cea3997d185db0d35926308770f0e"
dependencies = [
- "bevy_extract_macros",
- "bevy_macro_utils",
- "proc-macro2",
- "quote",
- "syn 2.0.119",
+ "ciborium-io",
+ "ciborium-ll",
+ "serde",
]
[[package]]
-name = "bevy_scene"
-version = "0.20.0"
+name = "ciborium-io"
+version = "0.2.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "98c4b1677c948e4c1453883f4441136003c53fd9caa44e0f7d78b37618bdb9ad"
-dependencies = [
- "bevy_app",
- "bevy_asset",
- "bevy_derive",
- "bevy_ecs",
- "bevy_log",
- "bevy_platform",
- "bevy_reflect",
- "bevy_scene_macros",
- "bevy_utils",
- "smallvec",
- "thiserror 2.0.21",
- "tracing",
- "variadics_please",
-]
+checksum = "05afea1e0a06c9be33d539b876f1ce3692f4afea2cb41f740e7743225ed1c757"
[[package]]
-name = "bevy_scene_macros"
-version = "0.20.0"
+name = "ciborium-ll"
+version = "0.2.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d4da846d8418ca6e38943707c88075a4a0b8f6eea0fd286d33a024d0257439d0"
+checksum = "57663b653d948a338bfb3eeba9bb2fd5fcfaecb9e199e87e1eda4d9e8b240fd9"
dependencies = [
- "bevy_ecs_macro_logic",
- "bevy_macro_utils",
- "proc-macro2",
- "quote",
- "syn 2.0.119",
+ "ciborium-io",
+ "half",
]
[[package]]
-name = "bevy_shader"
-version = "0.20.0"
+name = "cipher"
+version = "0.4.4"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c2becafd54079da13835d6a42fc743e305d6270c27a91de613afe6e3f4b5de19"
+checksum = "773f3b9af64447d2ce9850330c473515014aa235e6a783b02db81ff39e4a3dad"
dependencies = [
- "bevy_asset",
- "bevy_platform",
- "bevy_reflect",
- "bevy_utils",
- "serde",
- "thiserror 2.0.21",
- "tracing",
- "wesl",
- "wgpu-types",
+ "crypto-common 0.1.7",
+ "inout",
]
[[package]]
-name = "bevy_shape"
-version = "0.20.0"
+name = "clang-sys"
+version = "1.9.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "aa8b6096ad1ec7dfe1af8e51d7cfa7de1a9e0a3bd02be58a061092c5e1ff1eb1"
+checksum = "157a8ba7b480713b56f4c09fd13fc3e0a22a5dfab8097ba61cbc5feef950788a"
dependencies = [
- "arrayvec",
- "bevy_math",
- "bevy_reflect",
- "derive_more",
- "rand 0.10.3",
- "rand_distr",
- "serde",
- "thiserror 2.0.21",
+ "glob",
+ "libc",
+ "libloading 0.8.9",
]
[[package]]
-name = "bevy_slugtext"
-version = "0.1.0"
-source = "git+https://github.com/SaulDoesCode/bevy_slugtext?rev=1cfb7d5#1cfb7d58036fa36b8cd8e44071bee859c11791c8"
+name = "cmake"
+version = "0.1.58"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c0f78a02292a74a88ac736019ab962ece0bc380e3f977bf72e376c5d78ff0678"
dependencies = [
- "bevy",
- "ttf-parser",
-]
-
-[[package]]
-name = "bevy_sprite"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "24dc4f69160513952a1969a3df5b4a2c729acfe0caf773854acea4a8c71f0918"
-dependencies = [
- "bevy_app",
- "bevy_asset",
- "bevy_camera",
- "bevy_color",
- "bevy_derive",
- "bevy_ecs",
- "bevy_image",
- "bevy_log",
- "bevy_math",
- "bevy_mesh",
- "bevy_picking",
- "bevy_reflect",
- "bevy_text",
- "bevy_transform",
- "bevy_window",
- "radsort",
- "tracing",
- "wgpu-types",
+ "cc",
]
[[package]]
-name = "bevy_sprite_render"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8918649806697740b61d3fd0559cb8c7de2ade5046aacf8abbef20e49ea1de0c"
-dependencies = [
- "bevy_app",
- "bevy_asset",
- "bevy_camera",
- "bevy_color",
- "bevy_core_pipeline",
- "bevy_derive",
- "bevy_ecs",
- "bevy_extract",
- "bevy_image",
- "bevy_material",
- "bevy_math",
- "bevy_mesh",
- "bevy_platform",
- "bevy_reflect",
- "bevy_render",
- "bevy_shader",
- "bevy_shape",
- "bevy_sprite",
- "bevy_text",
- "bevy_transform",
- "bevy_utils",
- "bitflags 2.13.2",
- "bytemuck",
- "derive_more",
- "fixedbitset",
- "nonmax",
- "smallvec",
- "static_assertions",
- "tracing",
-]
+name = "cmov"
+version = "0.5.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0c9ea0ac24bc397ab3c98583a3c9ba74fa56b09a4449bbe172b9b1ddb016027a"
[[package]]
-name = "bevy_state"
-version = "0.20.0"
+name = "cocoa"
+version = "0.26.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "09292e08e1eb34d2dd915630fb3c04ba75220c7819943c9f213d3a5f9a8be1e8"
+checksum = "ad36507aeb7e16159dfe68db81ccc27571c3ccd4b76fb2fb72fc59e7a4b1b64c"
dependencies = [
- "bevy_app",
- "bevy_ecs",
- "bevy_platform",
- "bevy_reflect",
- "bevy_state_macros",
- "bevy_utils",
- "log",
- "variadics_please",
+ "bitflags 2.13.2",
+ "block",
+ "cocoa-foundation",
+ "core-foundation",
+ "core-graphics 0.24.0",
+ "foreign-types 0.5.0",
+ "libc",
+ "objc",
]
[[package]]
-name = "bevy_state_macros"
-version = "0.20.0"
+name = "cocoa-foundation"
+version = "0.2.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fec1a8f6a253e39ddf7e447b1b9286caacb205ed8e619e6fb9a2e010d58dd04b"
+checksum = "81411967c50ee9a1fc11365f8c585f863a22a9697c89239c452292c40ba79b0d"
dependencies = [
- "bevy_macro_utils",
- "quote",
- "syn 2.0.119",
+ "bitflags 2.13.2",
+ "block",
+ "core-foundation",
+ "core-graphics-types",
+ "objc",
]
[[package]]
-name = "bevy_tasks"
-version = "0.20.0"
+name = "codespan-reporting"
+version = "0.13.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fbd8116f12dc50bde3758a72fba85e1f4c00e6c66d0ad58bdc46c0c0690829a8"
+checksum = "af491d569909a7e4dee0ad7db7f5341fef5c614d5b8ec8cf765732aba3cff681"
dependencies = [
- "async-channel",
- "async-executor",
- "async-task",
- "atomic-waker",
- "bevy_platform",
- "concurrent-queue",
- "crossbeam-queue",
- "derive_more",
- "futures-lite",
- "heapless",
- "web-task",
-]
-
-[[package]]
-name = "bevy_text"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "119d2b37ce3f5ea5a5b9092a7c9eec8d3734de62592d2869bd1d925976f34d05"
-dependencies = [
- "bevy_app",
- "bevy_asset",
- "bevy_clipboard",
- "bevy_color",
- "bevy_derive",
- "bevy_ecs",
- "bevy_image",
- "bevy_log",
- "bevy_math",
- "bevy_platform",
- "bevy_reflect",
- "bevy_utils",
- "parley",
"serde",
- "smallvec",
- "smol_str",
- "swash",
- "sys-locale",
- "thiserror 2.0.21",
- "tracing",
- "wgpu-types",
+ "termcolor",
+ "unicode-width",
]
[[package]]
-name = "bevy_time"
-version = "0.20.0"
+name = "color_quant"
+version = "1.1.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "13901174b792bb7848d8e088075f0009ea409b99179934c0d5bdd2b95622694e"
-dependencies = [
- "bevy_app",
- "bevy_ecs",
- "bevy_platform",
- "bevy_reflect",
- "crossbeam-channel",
- "log",
- "serde",
-]
+checksum = "3d7b894f5411737b7867f4827955924d7c254fc9f4d91a6aad6b097804b1018b"
[[package]]
-name = "bevy_transform"
-version = "0.20.0"
+name = "combine"
+version = "4.6.8"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "83379023d77a0739569a5bcb859eed652781a1b3271e94a86dfbb56fc5d067e0"
+checksum = "cfc320937d09e6de266b31b9afb480f197d7a861be86be7cb2ea7e5d1bfffc5e"
dependencies = [
- "bevy_app",
- "bevy_ecs",
- "bevy_math",
- "bevy_reflect",
- "bevy_tasks",
- "bevy_utils",
- "derive_more",
- "serde",
- "thiserror 2.0.21",
-]
-
-[[package]]
-name = "bevy_ui"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7926fba78f133376db0cba73a054db6931952379b5bfdc63f2fe9ba0c3b96c39"
-dependencies = [
- "accesskit",
- "bevy_a11y",
- "bevy_app",
- "bevy_asset",
- "bevy_camera",
- "bevy_color",
- "bevy_derive",
- "bevy_ecs",
- "bevy_image",
- "bevy_input",
- "bevy_input_focus",
- "bevy_log",
- "bevy_math",
- "bevy_picking",
- "bevy_platform",
- "bevy_reflect",
- "bevy_sprite",
- "bevy_text",
- "bevy_time",
- "bevy_transform",
- "bevy_utils",
- "bevy_window",
- "derive_more",
- "parley",
- "smallvec",
- "swash",
- "taffy",
- "thiserror 2.0.21",
- "tracing",
- "uuid",
-]
-
-[[package]]
-name = "bevy_ui_render"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "620b51b51eb8e7d8b2362ba96263142829560d9aa254e2f28032570667c6b0fb"
-dependencies = [
- "bevy_a11y",
- "bevy_app",
- "bevy_asset",
- "bevy_camera",
- "bevy_color",
- "bevy_core_pipeline",
- "bevy_derive",
- "bevy_ecs",
- "bevy_extract",
- "bevy_image",
- "bevy_input_focus",
- "bevy_math",
- "bevy_mesh",
- "bevy_platform",
- "bevy_reflect",
- "bevy_render",
- "bevy_shader",
- "bevy_sprite",
- "bevy_sprite_render",
- "bevy_text",
- "bevy_transform",
- "bevy_ui",
- "bevy_utils",
- "bytemuck",
- "derive_more",
- "indexmap",
- "smallvec",
- "tracing",
+ "bytes",
+ "memchr",
]
[[package]]
-name = "bevy_ui_widgets"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6442cd402df6a54f0e51ed8c1bd004c8f9c6715d0f8045e33c68ea9aebb1ce16"
-dependencies = [
- "accesskit",
- "bevy_a11y",
- "bevy_app",
- "bevy_camera",
- "bevy_ecs",
- "bevy_input",
- "bevy_input_focus",
- "bevy_log",
- "bevy_math",
- "bevy_picking",
- "bevy_platform",
- "bevy_reflect",
- "bevy_text",
- "bevy_time",
- "bevy_ui",
- "bevy_window",
- "parley",
- "smol_str",
- "web-sys",
-]
+name = "const-oid"
+version = "0.10.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a6ef517f0926dd24a1582492c791b6a4818a4d94e789a334894aa15b0d12f55c"
[[package]]
-name = "bevy_utils"
-version = "0.20.0"
+name = "const-serialize"
+version = "0.7.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5cbd58495039d4e63e6fcfef1242fecab33ffe62b4a5e010467e69e790879812"
+checksum = "ad7154afa56de2f290e3c82c2c6dc4f5b282b6870903f56ef3509aba95866edc"
dependencies = [
- "async-channel",
- "bevy_platform",
- "disqualified",
- "indexmap",
- "thread_local",
+ "const-serialize-macro 0.7.2",
]
[[package]]
-name = "bevy_window"
-version = "0.20.0"
+name = "const-serialize"
+version = "0.8.0-alpha.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dc9a83f3cbaa04155b5dc9b247819c0e215aee754451a4324b82ddeb80dc53f1"
+checksum = "9e42cd5aabba86f128b3763da1fec1491c0f728ce99245062cd49b6f9e6d235b"
dependencies = [
- "bevy_app",
- "bevy_asset",
- "bevy_ecs",
- "bevy_image",
- "bevy_input",
- "bevy_math",
- "bevy_platform",
- "bevy_reflect",
- "log",
- "raw-window-handle",
+ "const-serialize 0.7.2",
+ "const-serialize-macro 0.8.0-alpha.1",
"serde",
]
[[package]]
-name = "bevy_winit"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1ef0a5a55524e793ab13536ef244229fa66a4839fae6564df2aa4b3c13956a82"
-dependencies = [
- "accesskit",
- "accesskit_winit",
- "approx",
- "bevy_a11y",
- "bevy_android",
- "bevy_app",
- "bevy_asset",
- "bevy_derive",
- "bevy_ecs",
- "bevy_image",
- "bevy_input",
- "bevy_input_focus",
- "bevy_log",
- "bevy_math",
- "bevy_platform",
- "bevy_reflect",
- "bevy_tasks",
- "bevy_window",
- "bytemuck",
- "js-sys",
- "tracing",
- "wasm-bindgen",
- "web-sys",
- "wgpu-types",
- "winit",
-]
-
-[[package]]
-name = "bevy_world_serialization"
-version = "0.20.0"
+name = "const-serialize-macro"
+version = "0.7.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "eef3a23ed3899c88467ce27a0420a1dadeb543981c2e1b9617f6ecf6e5fce1bf"
+checksum = "4f160aad86b4343e8d4e261fee9965c3005b2fd6bc117d172ab65948779e4acf"
dependencies = [
- "bevy_app",
- "bevy_asset",
- "bevy_camera",
- "bevy_derive",
- "bevy_ecs",
- "bevy_platform",
- "bevy_reflect",
- "bevy_transform",
- "bevy_utils",
- "derive_more",
- "ron",
- "serde",
- "thiserror 2.0.21",
- "uuid",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
]
[[package]]
-name = "bit-set"
-version = "0.10.0"
+name = "const-serialize-macro"
+version = "0.8.0-alpha.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "09ec2f926cc3060f09db9ebc5b52823d85268d24bb917e472c0c4bea35780a7d"
+checksum = "8e4c3b1c2ce89797adff100c510b92c7cf32983fdbc632e703253f2ef516ef56"
dependencies = [
- "bit-vec",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
]
[[package]]
-name = "bit-vec"
-version = "0.9.1"
+name = "const-str"
+version = "0.7.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b71798fca2c1fe1086445a7258a4bc81e6e49dcd24c8d0dd9a1e57395b603f51"
+checksum = "b0664d2867b4a32697dfe655557f5c3b187e9b605b38612a748e5ec99811d160"
[[package]]
-name = "bitflags"
-version = "1.3.2"
+name = "const_format"
+version = "0.2.36"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bef38d45163c2f1dde094a7dfd33ccf595c92905c8f8f4fdc18d06fb1037718a"
+checksum = "4481a617ad9a412be3b97c5d403fef8ed023103368908b9c50af598ff467cc1e"
+dependencies = [
+ "const_format_proc_macros",
+ "konst",
+]
[[package]]
-name = "bitflags"
-version = "2.13.2"
+name = "const_format_proc_macros"
+version = "0.2.34"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3ded4057c258ba199e2d26386d3af3780957ecaee6c4ef4041c6b4b8b97c0b06"
+checksum = "1d57c2eccfb16dbac1f4e61e206105db5820c9d26c3c472bc17c774259ef7744"
dependencies = [
- "bytemuck",
- "serde_core",
+ "proc-macro2",
+ "quote",
+ "unicode-xid",
]
[[package]]
-name = "bitvec"
-version = "1.1.1"
+name = "content_disposition"
+version = "0.4.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ddcec3d12c579d40898fe0a9a358a803c23e9c52ca3c425707f81c9436211837"
+checksum = "ebc14a88e1463ddd193906285abe5c360c7e8564e05ccc5d501755f7fbc9ca9c"
dependencies = [
- "funty",
- "radium",
- "tap",
- "wyz",
+ "charset",
]
[[package]]
-name = "blake2"
-version = "0.11.0"
+name = "content_inspector"
+version = "0.2.4"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5b5d4d889834ee8ecfc0f8426ad30faf7cdcb10f741a8e6d7224d95325479f6f"
+checksum = "b7bda66e858c683005a53a9a60c69a4aca7eeaa45d124526e389f7aec8e62f38"
dependencies = [
- "digest 0.11.3",
+ "memchr",
]
[[package]]
-name = "blake3"
-version = "1.8.7"
+name = "convert_case"
+version = "0.4.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6d9e454fc11f76977dc803893aff6304ed33d6a26efae8696573bea74baa27ae"
+checksum = "6245d59a3e82a7fc217c5828a6692dbc6dfb63a0c8c90495621f7b9d79704a0e"
+
+[[package]]
+name = "convert_case"
+version = "0.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "baaaa0ecca5b51987b9423ccdc971514dd8b0bb7b4060b983d3664dad3f1f89f"
dependencies = [
- "arrayvec",
- "cc",
- "cfg-if",
- "constant_time_eq",
- "cpufeatures 0.3.1",
+ "unicode-segmentation",
]
[[package]]
-name = "block-buffer"
-version = "0.10.4"
+name = "convert_case"
+version = "0.10.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3078c7629b62d3f0439517fa394996acacc5cbc91c5a20d8c658e77abd503a71"
+checksum = "633458d4ef8c78b72454de2d54fd6ab2e60f9e02be22f3c6104cdc8a4e0fceb9"
dependencies = [
- "generic-array",
+ "unicode-segmentation",
]
[[package]]
-name = "block-buffer"
-version = "0.12.1"
+name = "cookie"
+version = "0.18.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d2f6c7dbe95a6ed67ad9f18e57daf93a2f034c524b99fd2b76d18fdfeb6660aa"
+checksum = "1a373e3602691c3cdea496d2f0ee5935151e6168fe87739483c463db1b2f2f87"
dependencies = [
- "hybrid-array",
+ "aes-gcm",
+ "base64 0.22.1",
+ "hmac",
+ "percent-encoding",
+ "rand 0.8.8",
+ "sha2 0.10.9",
+ "subtle",
+ "time",
+ "version_check",
]
[[package]]
-name = "block2"
-version = "0.5.1"
+name = "cookie_store"
+version = "0.22.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2c132eebf10f5cad5289222520a4a058514204aed6d791f1cf4fe8088b82d15f"
+checksum = "15b2c103cf610ec6cae3da84a766285b42fd16aad564758459e6ecf128c75206"
dependencies = [
- "objc2 0.5.3",
+ "cookie",
+ "document-features",
+ "idna",
+ "log",
+ "publicsuffix",
+ "serde",
+ "serde_derive",
+ "serde_json",
+ "time",
+ "url",
]
[[package]]
-name = "block2"
-version = "0.6.2"
+name = "core-foundation"
+version = "0.10.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cdeb9d870516001442e364c5220d3574d2da8dc765554b4a617230d33fa58ef5"
+checksum = "b2a6cd9ae233e7f62ba4e9353e81a88df7fc8a5987b8d445b4d90c879bd156f6"
dependencies = [
- "objc2 0.6.5",
+ "core-foundation-sys",
+ "libc",
]
[[package]]
-name = "blocking"
-version = "1.7.0"
+name = "core-foundation-sys"
+version = "0.8.7"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a70e4329df6cb94385eed412ec92375c3cdd8a6e502493d1229b6414e4036dfa"
+checksum = "773648b94d0e5d620f64f280777445740e61fe701025087ec8b57f45c791888b"
+
+[[package]]
+name = "core-graphics"
+version = "0.24.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fa95a34622365fa5bbf40b20b75dba8dfa8c94c734aea8ac9a5ca38af14316f1"
dependencies = [
- "async-channel",
- "async-task",
- "futures-io",
- "futures-lite",
- "piper",
+ "bitflags 2.13.2",
+ "core-foundation",
+ "core-graphics-types",
+ "foreign-types 0.5.0",
+ "libc",
]
[[package]]
-name = "brotli"
-version = "9.0.0"
+name = "core-graphics"
+version = "0.25.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f8b851b75c23ca7873623d612fe49bd1989aeb03d08fb9432187eb253d3d4c6b"
+checksum = "064badf302c3194842cf2c5d61f56cc88e54a759313879cdf03abdd27d0c3b97"
dependencies = [
- "alloc-no-stdlib",
- "alloc-stdlib",
- "brotli-decompressor",
+ "bitflags 2.13.2",
+ "core-foundation",
+ "core-graphics-types",
+ "foreign-types 0.5.0",
+ "libc",
]
[[package]]
-name = "brotli-decompressor"
-version = "6.0.1"
+name = "core-graphics-types"
+version = "0.2.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "941cd9bd4ddab83cb46fa5a2d428f1c857b24ac78cb876cf7beb710840934bd7"
+checksum = "3d44a101f213f6c4cdc1853d4b78aef6db6bdfa3468798cc1d9912f4735013eb"
dependencies = [
- "alloc-no-stdlib",
- "alloc-stdlib",
+ "bitflags 2.13.2",
+ "core-foundation",
+ "libc",
]
[[package]]
-name = "bumpalo"
-version = "3.20.3"
+name = "core_detect"
+version = "1.0.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "72f5acc6cb2ba439de613abc23857ec3d78374d8ed5ac84e9d11336e87da8649"
+checksum = "7f8f80099a98041a3d1622845c271458a2d73e688351bf3cb999266764b81d48"
[[package]]
-name = "bytemuck"
-version = "1.25.2"
+name = "coreaudio-rs"
+version = "0.11.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "95832e849adfb21180ccb6826a99da14e5d266ae5c2e668e1602cf234f153797"
+checksum = "321077172d79c662f64f5071a03120748d5bb652f5231570141be24cfcd2bace"
dependencies = [
- "bytemuck_derive",
+ "bitflags 1.3.2",
+ "core-foundation-sys",
+ "coreaudio-sys",
]
[[package]]
-name = "bytemuck_derive"
-version = "1.12.1"
+name = "coreaudio-sys"
+version = "0.2.18"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6a1f896587b6f2c069c73d2f0913e2d590c3990285cd2f0b6aa02b786b4c679c"
+checksum = "b9b4739a805a62757a83e5654fa3faabec0442666b263bb2287d5a8185bfd953"
dependencies = [
- "proc-macro2",
- "quote",
- "syn 3.0.9",
+ "bindgen",
]
[[package]]
-name = "byteorder"
-version = "1.5.0"
+name = "cpal"
+version = "0.15.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1fd0f2584146f6f2ef48085050886acf353beff7305ebd1ae69500e27c67f64b"
+checksum = "873dab07c8f743075e57f524c583985fbaf745602acbe916a01539364369a779"
+dependencies = [
+ "alsa",
+ "core-foundation-sys",
+ "coreaudio-rs",
+ "dasp_sample",
+ "jni 0.21.1",
+ "js-sys",
+ "libc",
+ "mach2",
+ "ndk 0.8.0",
+ "ndk-context",
+ "oboe",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+ "windows 0.54.0",
+]
[[package]]
-name = "byteorder-lite"
-version = "0.1.0"
+name = "cpufeatures"
+version = "0.2.17"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8f1fe948ff07f4bd06c30984e69f5b4899c516a3ef74f34df92a2df2ab535495"
+checksum = "59ed5838eebb26a2bb2e58f6d5b5316989ae9d08bab10e0e6d103e656d1b0280"
+dependencies = [
+ "libc",
+]
[[package]]
-name = "bytes"
-version = "1.12.1"
+name = "cpufeatures"
+version = "0.3.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fc652a48c352aef3ea3aed32080501cf3ef6ed5da78602a020c991775b0aff04"
+checksum = "5ca28b0ae3115b884660db4118d803791fd6756b6e88f39c0f3f7859060d7566"
+dependencies = [
+ "libc",
+]
[[package]]
-name = "calloop"
-version = "0.13.0"
+name = "crc32fast"
+version = "1.5.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b99da2f8558ca23c71f4fd15dc57c906239752dd27ff3c00a1d56b685b7cbfec"
+checksum = "01a7799fd6b852db0e61728dde9a204c423b44d689dbd432522543614b490e78"
dependencies = [
- "bitflags 2.13.2",
- "log",
- "polling",
- "rustix 0.38.44",
- "slab",
- "thiserror 1.0.69",
+ "cfg-if",
]
[[package]]
-name = "calloop-wayland-source"
-version = "0.3.0"
+name = "crossbeam-channel"
+version = "0.5.17"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "95a66a987056935f7efce4ab5668920b5d0dac4a7c99991a67395f13702ddd20"
+checksum = "98b0cc327b5bc766e7fda9c9260cc0fa81b43a8e240440422dff70788e3f9ef1"
dependencies = [
- "calloop",
- "rustix 0.38.44",
- "wayland-backend",
- "wayland-client",
+ "crossbeam-utils",
]
[[package]]
-name = "cc"
-version = "1.8.0"
+name = "crossbeam-deque"
+version = "0.8.8"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6651c9ed80effdc7db0ff72512157f901af5e3549e341e24b1dd4887d836d838"
+checksum = "622f3fc73690be383c7214310406f28a90e6edeadc3cea882f9d71e495b9711a"
dependencies = [
- "find-msvc-tools",
- "jobserver",
- "libc",
- "shlex",
+ "crossbeam-epoch",
+ "crossbeam-utils",
]
[[package]]
-name = "cfg-if"
-version = "1.0.5"
+name = "crossbeam-epoch"
+version = "0.9.21"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4e7648175b45a9a48536d676f68d918270699102aa8dab5496df06904c914600"
+checksum = "dc74980687109a3b14c72fd458107bf0baa1da1a1a805e178d15501ba9b86d9d"
+dependencies = [
+ "crossbeam-utils",
+]
[[package]]
-name = "cfg_aliases"
-version = "0.2.2"
+name = "crossbeam-utils"
+version = "0.8.23"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f079e83a288787bcd14a6aea84cee5c87a67c5a3e660c30f557a3d24761b3527"
+checksum = "a31eee39dddec8330830986fcd7625edb5a24ec90ea038215273bbc3adb08ac6"
[[package]]
-name = "chacha20"
-version = "0.10.2"
+name = "crunchy"
+version = "0.2.4"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "65c35e4b699c7e15ccbe7ee35c005e4fc0a278d22238a2857e6ce2dadeda1b06"
-dependencies = [
- "cfg-if",
- "cpufeatures 0.3.1",
- "rand_core 0.10.1",
-]
+checksum = "460fbee9c2c2f33933d720630a6a0bac33ba7053db5344fac858d4b8952d77d5"
[[package]]
-name = "chardetng"
-version = "1.0.0"
+name = "crypto-common"
+version = "0.1.7"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "13de944a44b5064ee5d3a5ceccc49a41bfec50f2580e66f82e87703acdb88b53"
+checksum = "78c8292055d1c1df0cce5d180393dc8cce0abec0a7102adb6c7b1eef6016d60a"
dependencies = [
- "cfg-if",
- "encoding_rs",
- "memchr",
+ "generic-array",
+ "rand_core 0.6.4",
+ "typenum",
]
[[package]]
-name = "chrono"
-version = "0.4.45"
+name = "crypto-common"
+version = "0.2.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1aa79e62e7697b8e29b513a68abacf485adcd1fe8284a4316c5ae868e6633327"
+checksum = "ce6e4c961d6cd6c9a86db418387425e8bdeaf05b3c8bc1411e6dca4c252f1453"
dependencies = [
- "iana-time-zone",
- "js-sys",
- "num-traits",
- "serde",
- "wasm-bindgen",
- "windows-link",
+ "hybrid-array",
]
[[package]]
-name = "cipher"
-version = "0.4.4"
+name = "cssparser"
+version = "0.29.6"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "773f3b9af64447d2ce9850330c473515014aa235e6a783b02db81ff39e4a3dad"
+checksum = "f93d03419cb5950ccfd3daf3ff1c7a36ace64609a1a8746d493df1ca0afde0fa"
dependencies = [
- "crypto-common 0.1.7",
- "inout",
+ "cssparser-macros",
+ "dtoa-short",
+ "itoa",
+ "matches",
+ "phf 0.10.1",
+ "proc-macro2",
+ "quote",
+ "smallvec",
+ "syn 1.0.109",
]
[[package]]
-name = "clipboard-win"
-version = "5.4.1"
+name = "cssparser-macros"
+version = "0.6.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bde03770d3df201d4fb868f2c9c59e66a3e4e2bd06692a0fe701e7103c7e84d4"
+checksum = "13b588ba4ac1a99f7f2964d24b3d896ddc6bf847ee3855dbd4366f058cfcd331"
dependencies = [
- "error-code",
+ "quote",
+ "syn 2.0.119",
]
[[package]]
-name = "cmake"
-version = "0.1.58"
+name = "ctr"
+version = "0.9.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c0f78a02292a74a88ac736019ab962ece0bc380e3f977bf72e376c5d78ff0678"
+checksum = "0369ee1ad671834580515889b80f2ea915f23b8be8d0daa4bbaf2ac5c7590835"
dependencies = [
- "cc",
+ "cipher",
]
[[package]]
-name = "cmov"
-version = "0.5.4"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0c9ea0ac24bc397ab3c98583a3c9ba74fa56b09a4449bbe172b9b1ddb016027a"
-
-[[package]]
-name = "codespan-reporting"
-version = "0.13.1"
+name = "ctutils"
+version = "0.4.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "af491d569909a7e4dee0ad7db7f5341fef5c614d5b8ec8cf765732aba3cff681"
+checksum = "03bb0e1cc970d482d121d9a1744999169b69a07470b3d644a7894e53fcaf4574"
dependencies = [
- "unicode-width",
+ "cmov",
]
[[package]]
-name = "colorchoice"
-version = "1.0.5"
+name = "darling"
+version = "0.21.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1d07550c9036bf2ae0c684c4297d503f838287c83c53686d05370d0e139ae570"
+checksum = "9cdf337090841a411e2a7f3deb9187445851f91b309c0c0a29e05f74a00a48c0"
+dependencies = [
+ "darling_core",
+ "darling_macro",
+]
[[package]]
-name = "combine"
-version = "4.6.8"
+name = "darling_core"
+version = "0.21.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cfc320937d09e6de266b31b9afb480f197d7a861be86be7cb2ea7e5d1bfffc5e"
+checksum = "1247195ecd7e3c85f83c8d2a366e4210d588e802133e1e355180a9870b517ea4"
dependencies = [
- "bytes",
- "memchr",
+ "fnv",
+ "ident_case",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
]
[[package]]
-name = "concurrent-queue"
-version = "2.5.0"
+name = "darling_macro"
+version = "0.21.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4ca0197aee26d1ae37445ee532fefce43251d24cc7c166799f4d46817f1d3973"
+checksum = "d38308df82d1080de0afee5d069fa14b0326a88c14f15c5ccda35b4a6c414c81"
dependencies = [
- "crossbeam-utils",
- "portable-atomic",
+ "darling_core",
+ "quote",
+ "syn 2.0.119",
]
[[package]]
-name = "console_error_panic_hook"
-version = "0.1.7"
+name = "dasp_sample"
+version = "0.11.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a06aeb73f470f66dcdbf7223caeebb85984942f22f1adb2a088cf9668146bbbc"
-dependencies = [
- "cfg-if",
- "wasm-bindgen",
-]
+checksum = "0c87e182de0887fd5361989c677c4e8f5000cd9491d6d563161a8f3a5519fc7f"
[[package]]
-name = "const-fnv1a-hash"
-version = "1.1.0"
+name = "data-encoding"
+version = "2.11.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "32b13ea120a812beba79e34316b3942a857c86ec1593cb34f27bb28272ce2cca"
+checksum = "4583a4551df46e2792f82ceeac45e850d2e2d5debba0b91f102385cda5b11f06"
[[package]]
-name = "const-oid"
-version = "0.10.2"
+name = "deranged"
+version = "0.5.8"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a6ef517f0926dd24a1582492c791b6a4818a4d94e789a334894aa15b0d12f55c"
+checksum = "7cd812cc2bc1d69d4764bd80df88b4317eaef9e773c75226407d9bc0876b211c"
[[package]]
-name = "const_panic"
-version = "0.2.17"
+name = "derive_more"
+version = "0.99.20"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9603f79528ece8163c496f8932121cb36cfe46259e9c907bb3d8205139d7caa3"
+checksum = "6edb4b64a43d977b8e99788fe3a04d483834fba1215a7e02caa415b626497f7f"
dependencies = [
- "typewit",
+ "convert_case 0.4.0",
+ "proc-macro2",
+ "quote",
+ "rustc_version",
+ "syn 2.0.119",
]
[[package]]
-name = "const_soft_float"
-version = "0.1.4"
+name = "derive_more"
+version = "2.1.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "87ca1caa64ef4ed453e68bb3db612e51cf1b2f5b871337f0fcab1c8f87cc3dff"
+checksum = "d751e9e49156b02b44f9c1815bcb94b984cdcc4396ecc32521c739452808b134"
+dependencies = [
+ "derive_more-impl",
+]
[[package]]
-name = "constant_time_eq"
-version = "0.4.2"
+name = "derive_more-impl"
+version = "2.1.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3d52eff69cd5e647efe296129160853a42795992097e8af39800e1060caeea9b"
+checksum = "799a97264921d8623a957f6c3b9011f3b5492f557bbb7a5a19b7fa6d06ba8dcb"
+dependencies = [
+ "convert_case 0.10.0",
+ "proc-macro2",
+ "quote",
+ "rustc_version",
+ "syn 2.0.119",
+ "unicode-xid",
+]
[[package]]
-name = "constgebra"
-version = "0.1.4"
+name = "digest"
+version = "0.10.7"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e1aaf9b65849a68662ac6c0810c8893a765c960b907dd7cfab9c4a50bf764fbc"
+checksum = "9ed9a281f7bc9b7576e61468ba615a66a5c8cfdff42420a70aa82701a3b1e292"
dependencies = [
- "const_soft_float",
+ "block-buffer 0.10.4",
+ "crypto-common 0.1.7",
+ "subtle",
]
[[package]]
-name = "content_inspector"
-version = "0.2.4"
+name = "digest"
+version = "0.11.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b7bda66e858c683005a53a9a60c69a4aca7eeaa45d124526e389f7aec8e62f38"
+checksum = "f1dd6dbb5841937940781866fa1281a1ff7bd3bf827091440879f9994983d5c2"
dependencies = [
- "memchr",
+ "block-buffer 0.12.1",
+ "const-oid",
+ "crypto-common 0.2.2",
+ "ctutils",
]
[[package]]
-name = "convert_case"
-version = "0.10.0"
+name = "dioxus"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "633458d4ef8c78b72454de2d54fd6ab2e60f9e02be22f3c6104cdc8a4e0fceb9"
+checksum = "9320593eda4f01858f046698b42441603d2af5fcb62a6c1f9046a0c2eebd6d9b"
dependencies = [
- "unicode-segmentation",
+ "dioxus-asset-resolver",
+ "dioxus-cli-config",
+ "dioxus-config-macro",
+ "dioxus-config-macros",
+ "dioxus-core",
+ "dioxus-core-macro",
+ "dioxus-desktop",
+ "dioxus-document",
+ "dioxus-fullstack",
+ "dioxus-history",
+ "dioxus-hooks",
+ "dioxus-html",
+ "dioxus-signals",
+ "dioxus-stores",
+ "dioxus-web",
+ "manganis",
+ "subsecond",
+ "warnings",
]
[[package]]
-name = "cookie"
-version = "0.18.2"
+name = "dioxus-asset-resolver"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1a373e3602691c3cdea496d2f0ee5935151e6168fe87739483c463db1b2f2f87"
+checksum = "84235ff0e272f15d4537603cdd50df6d45d50e51bb96326dbc0bdfd01d825226"
dependencies = [
- "aes-gcm",
- "base64 0.22.1",
- "hmac",
+ "dioxus-cli-config",
+ "http",
+ "infer",
+ "jni 0.21.1",
+ "js-sys",
+ "ndk 0.9.0",
+ "ndk-context",
+ "ndk-sys 0.6.0+11769913",
"percent-encoding",
- "rand 0.8.8",
- "sha2 0.10.9",
- "subtle",
- "time",
- "version_check",
+ "thiserror 2.0.21",
+ "tokio",
+ "wasm-bindgen-futures",
+ "web-sys",
]
[[package]]
-name = "core-foundation"
-version = "0.9.4"
+name = "dioxus-cli-config"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "91e195e091a93c46f7102ec7818a2aa394e1e1771c3ab4825963fa03e45afb8f"
+checksum = "322d10f47effebd85ee0662a2cb083ff920d40dd6295a4afd8cfa4f9bc2e05c6"
dependencies = [
- "core-foundation-sys",
- "libc",
+ "wasm-bindgen",
]
[[package]]
-name = "core-foundation"
-version = "0.10.1"
+name = "dioxus-config-macro"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b2a6cd9ae233e7f62ba4e9353e81a88df7fc8a5987b8d445b4d90c879bd156f6"
+checksum = "9f3a906c8219e94fa48189a793c760a4e3193cbb7791f799e9d37633fe41161d"
dependencies = [
- "core-foundation-sys",
- "libc",
+ "proc-macro2",
+ "quote",
]
[[package]]
-name = "core-foundation-sys"
-version = "0.8.7"
+name = "dioxus-config-macros"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "773648b94d0e5d620f64f280777445740e61fe701025087ec8b57f45c791888b"
+checksum = "20de015bc89c20f4ffc7b4f849943420308365fa66f991250b5c075261990a21"
[[package]]
-name = "core-graphics"
-version = "0.23.2"
+name = "dioxus-core"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c07782be35f9e1140080c6b96f0d44b739e2278479f64e02fdab4e32dfd8b081"
+checksum = "1b232228ada232c0adc151e41ebd9ef70cc04683db097fa0dc6015979fa01722"
dependencies = [
- "bitflags 1.3.2",
- "core-foundation 0.9.4",
- "core-graphics-types",
- "foreign-types",
- "libc",
+ "anyhow",
+ "const_format",
+ "dioxus-core-types",
+ "futures-channel",
+ "futures-util",
+ "generational-box",
+ "longest-increasing-subsequence",
+ "rustc-hash 2.1.3",
+ "rustversion",
+ "serde",
+ "slab",
+ "slotmap",
+ "subsecond",
+ "tracing",
]
[[package]]
-name = "core-graphics-types"
-version = "0.1.3"
+name = "dioxus-core-macro"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "45390e6114f68f718cc7a830514a96f903cccd70d02a8f6d9f643ac4ba45afaf"
+checksum = "6256a68462222f0600f5fd7d9542cbd9f299bc19355d900f7827dd3fc9e09fdb"
dependencies = [
- "bitflags 1.3.2",
- "core-foundation 0.9.4",
- "libc",
+ "convert_case 0.8.0",
+ "dioxus-rsx",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
]
[[package]]
-name = "core_detect"
-version = "1.0.0"
+name = "dioxus-core-types"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7f8f80099a98041a3d1622845c271458a2d73e688351bf3cb999266764b81d48"
+checksum = "96007ed6cbad951dfed82d83c581aabd95bc591f351f5666d454ddbe7845b324"
[[package]]
-name = "cpufeatures"
-version = "0.2.17"
+name = "dioxus-desktop"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "59ed5838eebb26a2bb2e58f6d5b5316989ae9d08bab10e0e6d103e656d1b0280"
+checksum = "236deb81f1a04de704fb80cf7838c65607441c76914de2e036709540c540a39d"
dependencies = [
+ "anyhow",
+ "async-trait",
+ "base64 0.22.1",
+ "bytes",
+ "cocoa",
+ "core-foundation",
+ "dioxus-asset-resolver",
+ "dioxus-cli-config",
+ "dioxus-core",
+ "dioxus-devtools",
+ "dioxus-document",
+ "dioxus-history",
+ "dioxus-hooks",
+ "dioxus-html",
+ "dioxus-interpreter-js",
+ "dioxus-signals",
+ "dunce",
+ "futures-channel",
+ "futures-util",
+ "generational-box",
+ "global-hotkey",
+ "image",
+ "infer",
+ "jni 0.21.1",
+ "lazy-js-bundle",
"libc",
+ "muda",
+ "ndk 0.9.0",
+ "ndk-context",
+ "ndk-sys 0.6.0+11769913",
+ "objc",
+ "objc_id",
+ "percent-encoding",
+ "rand 0.9.5",
+ "rfd",
+ "rustc-hash 2.1.3",
+ "serde",
+ "serde_json",
+ "signal-hook",
+ "slab",
+ "subtle",
+ "tao",
+ "thiserror 2.0.21",
+ "tokio",
+ "tracing",
+ "tray-icon",
+ "tungstenite 0.28.0",
+ "webbrowser",
+ "wry",
+]
+
+[[package]]
+name = "dioxus-devtools"
+version = "0.7.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "434cebb282b3f820a341582ebfd37dab907d5a25c3eeafd87802468afcd2a959"
+dependencies = [
+ "dioxus-cli-config",
+ "dioxus-core",
+ "dioxus-devtools-types",
+ "dioxus-signals",
+ "serde",
+ "serde_json",
+ "subsecond",
+ "thiserror 2.0.21",
+ "tracing",
+ "tungstenite 0.28.0",
+]
+
+[[package]]
+name = "dioxus-devtools-types"
+version = "0.7.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dfd6f3475e38c93be245a664a9ce11679a8f2b99832620705cf7837f42aa39ce"
+dependencies = [
+ "dioxus-core",
+ "serde",
+ "subsecond-types",
+]
+
+[[package]]
+name = "dioxus-document"
+version = "0.7.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2f6fadd5c6d886b48b762820abae1a08142a2159f8a1136c0466b4b4ed9f547e"
+dependencies = [
+ "dioxus-core",
+ "dioxus-core-macro",
+ "dioxus-core-types",
+ "dioxus-html",
+ "futures-channel",
+ "futures-util",
+ "generational-box",
+ "lazy-js-bundle",
+ "serde",
+ "serde_json",
+ "tracing",
+]
+
+[[package]]
+name = "dioxus-fullstack"
+version = "0.7.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a91d5acabd1470145bcf164cab9fd2edcf2e4fba0fa6fb0fd6dca23079fcc169"
+dependencies = [
+ "anyhow",
+ "async-stream",
+ "async-tungstenite",
+ "axum",
+ "axum-core",
+ "base64 0.22.1",
+ "bytes",
+ "ciborium",
+ "const-str",
+ "const_format",
+ "content_disposition",
+ "derive_more 2.1.1",
+ "dioxus-asset-resolver",
+ "dioxus-cli-config",
+ "dioxus-core",
+ "dioxus-fullstack-core",
+ "dioxus-fullstack-macro",
+ "dioxus-hooks",
+ "dioxus-html",
+ "dioxus-signals",
+ "form_urlencoded",
+ "futures",
+ "futures-channel",
+ "futures-util",
+ "gloo-net",
+ "headers",
+ "http",
+ "http-body",
+ "http-body-util",
+ "js-sys",
+ "mime",
+ "pin-project",
+ "reqwest 0.12.28",
+ "rustversion",
+ "send_wrapper",
+ "serde",
+ "serde_json",
+ "serde_qs",
+ "serde_urlencoded",
+ "thiserror 2.0.21",
+ "tokio-util",
+ "tracing",
+ "tungstenite 0.27.0",
+ "url",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "wasm-streams 0.4.2",
+ "web-sys",
+ "xxhash-rust",
]
[[package]]
-name = "cpufeatures"
-version = "0.3.1"
+name = "dioxus-fullstack-core"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5ca28b0ae3115b884660db4118d803791fd6756b6e88f39c0f3f7859060d7566"
+checksum = "0011e9bca8da2ae6bf02ba9ef93ba6c5fa539e402de3aeb316ad86ca77c59079"
dependencies = [
- "libc",
+ "anyhow",
+ "axum-core",
+ "base64 0.22.1",
+ "ciborium",
+ "dioxus-core",
+ "dioxus-document",
+ "dioxus-history",
+ "dioxus-hooks",
+ "dioxus-signals",
+ "futures-channel",
+ "futures-util",
+ "generational-box",
+ "http",
+ "inventory",
+ "parking_lot",
+ "serde",
+ "serde_json",
+ "thiserror 2.0.21",
+ "tokio",
+ "tracing",
]
[[package]]
-name = "crc32fast"
-version = "1.5.2"
+name = "dioxus-fullstack-macro"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "01a7799fd6b852db0e61728dde9a204c423b44d689dbd432522543614b490e78"
+checksum = "681f39665de36af7bb724b1cc0ca9c2b7c36a2b93febf1b2911716479eac3db0"
dependencies = [
- "cfg-if",
+ "const_format",
+ "convert_case 0.8.0",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
+ "xxhash-rust",
]
[[package]]
-name = "critical-section"
-version = "1.2.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "790eea4361631c5e7d22598ecd5723ff611904e3344ce8720784c93e3d83d40b"
-
-[[package]]
-name = "crossbeam-channel"
-version = "0.5.17"
+name = "dioxus-history"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "98b0cc327b5bc766e7fda9c9260cc0fa81b43a8e240440422dff70788e3f9ef1"
+checksum = "2404b77d4441e694a5e93afb5c9a729efb26a3f6920f769cfe6cfedf5c7ac210"
dependencies = [
- "crossbeam-utils",
+ "dioxus-core",
+ "tracing",
]
[[package]]
-name = "crossbeam-queue"
-version = "0.3.14"
+name = "dioxus-hooks"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "03e8bd762f7479489c70ed6c768ddca99d7296857de437a68dcb2a94365b3fae"
+checksum = "9d3807a1bc039299cd37ad85f1c56ae7088210e8a38e3e877f01034d68c15fbb"
dependencies = [
- "crossbeam-utils",
+ "dioxus-core",
+ "dioxus-signals",
+ "futures-channel",
+ "futures-util",
+ "generational-box",
+ "rustversion",
+ "slab",
+ "tracing",
]
[[package]]
-name = "crossbeam-utils"
-version = "0.8.23"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a31eee39dddec8330830986fcd7625edb5a24ec90ea038215273bbc3adb08ac6"
-
-[[package]]
-name = "crunchy"
-version = "0.2.4"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "460fbee9c2c2f33933d720630a6a0bac33ba7053db5344fac858d4b8952d77d5"
-
-[[package]]
-name = "crypto-common"
-version = "0.1.7"
+name = "dioxus-html"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "78c8292055d1c1df0cce5d180393dc8cce0abec0a7102adb6c7b1eef6016d60a"
+checksum = "40b9a85679c4dfd8699407a9ad5041a6a4fe6be0ee386353951cd03b57a12030"
dependencies = [
- "generic-array",
- "rand_core 0.6.4",
- "typenum",
+ "async-trait",
+ "bytes",
+ "dioxus-core",
+ "dioxus-core-macro",
+ "dioxus-core-types",
+ "dioxus-hooks",
+ "dioxus-html-internal-macro",
+ "enumset",
+ "euclid",
+ "futures-channel",
+ "futures-util",
+ "generational-box",
+ "keyboard-types",
+ "lazy-js-bundle",
+ "rustversion",
+ "serde",
+ "serde_json",
+ "serde_repr",
+ "tracing",
]
[[package]]
-name = "crypto-common"
-version = "0.2.2"
+name = "dioxus-html-internal-macro"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ce6e4c961d6cd6c9a86db418387425e8bdeaf05b3c8bc1411e6dca4c252f1453"
+checksum = "500282dad5b62e91f93e127cbf41c587bf1c457d52514a75f3ff2a55fd0ea9f6"
dependencies = [
- "hybrid-array",
+ "convert_case 0.8.0",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
]
[[package]]
-name = "ctr"
-version = "0.9.2"
+name = "dioxus-interpreter-js"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0369ee1ad671834580515889b80f2ea915f23b8be8d0daa4bbaf2ac5c7590835"
+checksum = "faa22cc3431e7efdbae28069542a1763c977d5edbe4d4fbfb0b7667b9c9966e9"
dependencies = [
- "cipher",
+ "dioxus-core",
+ "dioxus-core-types",
+ "dioxus-html",
+ "js-sys",
+ "lazy-js-bundle",
+ "rustc-hash 2.1.3",
+ "serde",
+ "sledgehammer_bindgen",
+ "sledgehammer_utils",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
]
[[package]]
-name = "ctrlc"
-version = "3.5.2"
+name = "dioxus-rsx"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e0b1fab2ae45819af2d0731d60f2afe17227ebb1a1538a236da84c93e9a60162"
+checksum = "aea662c9e13a91279d8acbc0d02a80430c7081704c20e8c791e4c4a151268596"
dependencies = [
- "dispatch2",
- "nix",
- "windows-sys 0.61.2",
+ "proc-macro2",
+ "proc-macro2-diagnostics",
+ "quote",
+ "rustversion",
+ "syn 2.0.119",
]
[[package]]
-name = "ctutils"
-version = "0.4.3"
+name = "dioxus-signals"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "03bb0e1cc970d482d121d9a1744999169b69a07470b3d644a7894e53fcaf4574"
+checksum = "95d85e36fcaf7abdc986836801bf248776da7d5961f5fac65fdbf5ed491afb4f"
dependencies = [
- "cmov",
+ "dioxus-core",
+ "futures-channel",
+ "futures-util",
+ "generational-box",
+ "parking_lot",
+ "rustc-hash 2.1.3",
+ "tracing",
+ "warnings",
]
[[package]]
-name = "cursor-icon"
-version = "1.2.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f27ae1dd37df86211c42e150270f82743308803d90a6f6e6651cd730d5e1732f"
-
-[[package]]
-name = "deranged"
-version = "0.5.8"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7cd812cc2bc1d69d4764bd80df88b4317eaef9e773c75226407d9bc0876b211c"
-
-[[package]]
-name = "derive_more"
-version = "2.1.1"
+name = "dioxus-stores"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d751e9e49156b02b44f9c1815bcb94b984cdcc4396ecc32521c739452808b134"
+checksum = "15eaa9f2ccc5ce962d056515e61345c846a54b13a2b880cf7e8ac93faa53a178"
dependencies = [
- "derive_more-impl",
+ "dioxus-core",
+ "dioxus-signals",
+ "dioxus-stores-macro",
+ "generational-box",
]
[[package]]
-name = "derive_more-impl"
-version = "2.1.1"
+name = "dioxus-stores-macro"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "799a97264921d8623a957f6c3b9011f3b5492f557bbb7a5a19b7fa6d06ba8dcb"
+checksum = "a13bd8a693d7042544fa3ac79698a08783bbc698d1ed257e88c5d4059e9ac476"
dependencies = [
- "convert_case",
+ "convert_case 0.8.0",
"proc-macro2",
"quote",
- "rustc_version",
"syn 2.0.119",
- "unicode-xid",
]
[[package]]
-name = "digest"
-version = "0.10.7"
+name = "dioxus-web"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9ed9a281f7bc9b7576e61468ba615a66a5c8cfdff42420a70aa82701a3b1e292"
+checksum = "481093233d789c5ffbdde66e7970e803b01a199a7ab0c0f8ef84c65d30b7384f"
dependencies = [
- "block-buffer 0.10.4",
- "crypto-common 0.1.7",
- "subtle",
+ "dioxus-cli-config",
+ "dioxus-core",
+ "dioxus-core-types",
+ "dioxus-devtools",
+ "dioxus-document",
+ "dioxus-history",
+ "dioxus-html",
+ "dioxus-interpreter-js",
+ "dioxus-signals",
+ "futures-channel",
+ "futures-util",
+ "generational-box",
+ "js-sys",
+ "lazy-js-bundle",
+ "rustc-hash 2.1.3",
+ "send_wrapper",
+ "serde",
+ "serde-wasm-bindgen",
+ "serde_json",
+ "tracing",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "wasm-streams 0.4.2",
+ "web-sys",
]
[[package]]
-name = "digest"
-version = "0.11.3"
+name = "dirs"
+version = "6.0.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f1dd6dbb5841937940781866fa1281a1ff7bd3bf827091440879f9994983d5c2"
+checksum = "c3e8aa94d75141228480295a7d0e7feb620b1a5ad9f12bc40be62411e38cce4e"
dependencies = [
- "block-buffer 0.12.1",
- "const-oid",
- "crypto-common 0.2.2",
- "ctutils",
+ "dirs-sys",
]
[[package]]
-name = "dispatch"
-version = "0.2.0"
+name = "dirs-sys"
+version = "0.5.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bd0c93bb4b0c6d9b77f4435b0ae98c24d17f1c45b2ff844c6151a07256ca923b"
+checksum = "e01a3366d27ee9890022452ee61b2b63a67e6f13f58900b651ff5665f0bb1fab"
+dependencies = [
+ "libc",
+ "option-ext",
+ "redox_users",
+ "windows-sys 0.61.2",
+]
[[package]]
name = "dispatch2"
@@ -2687,9 +2004,9 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "1e0e367e4e7da84520dedcac1901e4da967309406d1e51017ae1abfb97adbd38"
dependencies = [
"bitflags 2.13.2",
- "block2 0.6.2",
+ "block2",
"libc",
- "objc2 0.6.5",
+ "objc2",
]
[[package]]
@@ -2703,41 +2020,46 @@ dependencies = [
"syn 3.0.9",
]
-[[package]]
-name = "disqualified"
-version = "1.1.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e90a5dd66beeca277ae954f8055b02a712792b6b6b43f2bc2f92b0b7d8291614"
-
[[package]]
name = "dlib"
version = "0.5.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "ab8ecd87370524b461f8557c119c405552c396ed91fc0a8eec68679eab26f94a"
dependencies = [
- "libloading",
+ "libloading 0.8.9",
]
[[package]]
-name = "document-features"
-version = "0.2.12"
+name = "dlopen2"
+version = "0.8.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d4b8a88685455ed29a21542a33abd9cb6510b6b129abadabdcef0f4c55bc8f61"
+checksum = "5e2c5bd4158e66d1e215c49b837e11d62f3267b30c92f1d171c4d3105e3dc4d4"
dependencies = [
- "litrs",
+ "dlopen2_derive",
+ "libc",
+ "once_cell",
+ "winapi",
]
[[package]]
-name = "downcast-rs"
-version = "1.2.1"
+name = "dlopen2_derive"
+version = "0.4.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "75b325c5dbd37f80359721ad39aca5a29fb04c89279657cffdda8736d0c0b9d2"
+checksum = "0fbbb781877580993a8707ec48672673ec7b81eeba04cfd2310bd28c08e47c8f"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
+]
[[package]]
-name = "downcast-rs"
-version = "2.0.2"
+name = "document-features"
+version = "0.2.12"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "117240f60069e65410b3ae1bb213295bd828f707b5bec6596a1afc8793ce0cbc"
+checksum = "d4b8a88685455ed29a21542a33abd9cb6510b6b129abadabdcef0f4c55bc8f61"
+dependencies = [
+ "litrs",
+]
[[package]]
name = "dpi"
@@ -2746,47 +2068,31 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "d8b14ccef22fc6f5a8f4d7d768562a182c04ce9a3b3157b91390b52ddfdf1a76"
[[package]]
-name = "dunce"
-version = "1.0.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "92773504d58c093f6de2459af4af33faa518c13451eb8f2b5698ed3d36e7c813"
-
-[[package]]
-name = "either"
-version = "1.19.0"
+name = "dtoa"
+version = "1.0.11"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0e9c71c2167ca323c882b99918929403426e2373ea17242ff5653e0d5e1058be"
+checksum = "4c3cf4824e2d5f025c7b531afcb2325364084a16806f6d47fbc1f5fbd9960590"
[[package]]
-name = "encase"
-version = "0.12.1"
+name = "dtoa-short"
+version = "0.3.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b1acbc46b960480c4959213714511e22f9a2e0d361520693bcf5057b5924f53e"
+checksum = "cd1511a7b6a56299bd043a9c167a6d2bfb37bf84a6dfceaba651168adfb43c87"
dependencies = [
- "const_panic",
- "encase_derive",
- "thiserror 2.0.21",
+ "dtoa",
]
[[package]]
-name = "encase_derive"
-version = "0.12.1"
+name = "dunce"
+version = "1.0.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1e30d38c47336a0afbdfde297b442944041cf6dccbb1a79eceea16abfb27a92a"
-dependencies = [
- "encase_derive_impl",
-]
+checksum = "92773504d58c093f6de2459af4af33faa518c13451eb8f2b5698ed3d36e7c813"
[[package]]
-name = "encase_derive_impl"
-version = "0.12.1"
+name = "either"
+version = "1.19.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "495d24abe406f090f2ba8fc362ecaa8a001e192522aa75eae7b144163c3235ff"
-dependencies = [
- "proc-macro2",
- "quote",
- "syn 2.0.119",
-]
+checksum = "0e9c71c2167ca323c882b99918929403426e2373ea17242ff5653e0d5e1058be"
[[package]]
name = "encoding_rs"
@@ -2823,22 +2129,52 @@ dependencies = [
]
[[package]]
-name = "equivalent"
-version = "1.0.2"
+name = "enumset"
+version = "1.1.14"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "877a4ace8713b0bcf2a4e7eec82529c029f1d0619886d18145fea96c3ffe5c0f"
+checksum = "ccc5801fd11762e24d1e420d01d2ac518f2a2ca4329d4fbb6639f2412b6204e0"
+dependencies = [
+ "enumset_derive",
+]
+
+[[package]]
+name = "enumset_derive"
+version = "0.15.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4bd536557b58c682b217b8fb199afdff47cd3eff260623f19e77074eb073d63a"
+dependencies = [
+ "darling",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
+]
[[package]]
-name = "erased-serde"
-version = "0.4.10"
+name = "equator"
+version = "0.4.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d2add8a07dd6a8d93ff627029c51de145e12686fbc36ecb298ac22e74cf02dec"
+checksum = "4711b213838dfee0117e3be6ac926007d7f433d7bbe33595975d4190cb07e6fc"
dependencies = [
- "serde",
- "serde_core",
- "typeid",
+ "equator-macro",
+]
+
+[[package]]
+name = "equator-macro"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "44f23cf4b44bfce11a86ace86f8a73ffdec849c9fd00a386a53d278bd9e81fb3"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
]
+[[package]]
+name = "equivalent"
+version = "1.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "877a4ace8713b0bcf2a4e7eec82529c029f1d0619886d18145fea96c3ffe5c0f"
+
[[package]]
name = "errno"
version = "0.3.14"
@@ -2849,12 +2185,6 @@ dependencies = [
"windows-sys 0.61.2",
]
-[[package]]
-name = "error-code"
-version = "3.4.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0b5343afd4a8365a643ac588dab4cf234a190c7f6c88c9f6dd6ffe00837661b7"
-
[[package]]
name = "etag"
version = "4.0.0"
@@ -2872,27 +2202,31 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "f1a05365e3b1c6d1650318537c7460c6923f1abdd272ad6842baa2b509957a06"
dependencies = [
"num-traits",
+ "serde",
]
[[package]]
-name = "event-listener"
-version = "5.4.2"
+name = "exr"
+version = "1.74.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5a23add41df1562121a9393cb065eab5146a1242410f23a644851e90cfd669d2"
+checksum = "711fe42c9964295e01ee3fba3f9fe0e1d24b98886950d68efe81b1c76e21adf3"
dependencies = [
- "parking",
- "pin-project-lite",
+ "bit_field",
+ "half",
+ "lebe",
+ "miniz_oxide 0.8.9",
+ "num-complex",
+ "pulp",
+ "rayon-core",
+ "smallvec",
+ "zune-inflate",
]
[[package]]
-name = "event-listener-strategy"
-version = "0.5.4"
+name = "extended"
+version = "0.1.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8be9f3dfaaffdae2972880079a491a1a8bb7cbed0b8dd7a347f668b4150a3b93"
-dependencies = [
- "event-listener",
- "pin-project-lite",
-]
+checksum = "af9673d8203fcb076b19dfd17e38b3d4ae9f44959416ea532ce72415a6020365"
[[package]]
name = "fastrand"
@@ -2900,6 +2234,12 @@ version = "2.5.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "da7c62ceae207dd37ea5b845da6a0696c799f85e97da1ab5b7910be3c1c80223"
+[[package]]
+name = "fax"
+version = "0.2.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "caf1079563223d5d59d83c85886a56e586cfd5c1a26292e971a0fa266531ac5a"
+
[[package]]
name = "fdeflate"
version = "0.3.7"
@@ -2909,18 +2249,22 @@ dependencies = [
"simd-adler32",
]
+[[package]]
+name = "field-offset"
+version = "0.3.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "38e2275cc4e4fc009b0669731a1e5ab7ebf11f469eaede2bab9309a5b4d6057f"
+dependencies = [
+ "memoffset",
+ "rustc_version",
+]
+
[[package]]
name = "find-msvc-tools"
version = "0.1.14"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "aedcfb3409746eddb02b9e19ebda1c3394f759a152e48ee875a0844d1b955484"
-[[package]]
-name = "fixedbitset"
-version = "0.5.7"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1d674e81391d1e1ab681a28d99df07927c6d4aa5b027d7da16ba32d1d21ecd99"
-
[[package]]
name = "flate2"
version = "1.1.10"
@@ -2938,12 +2282,6 @@ version = "1.0.7"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "3f9eec918d3f24069decb9af1554cad7c880e2da24a9afd88aca000531ab82c1"
-[[package]]
-name = "foldhash"
-version = "0.1.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d9c4f5dac5e15c24eb999c26181a6ca40b39fe946cbe4c263c7209467bc83af2"
-
[[package]]
name = "foldhash"
version = "0.2.0"
@@ -2951,34 +2289,12 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "77ce24cb58228fbb8aa041425bb1050850ac19177686ea6e0f41a70416f56fdb"
[[package]]
-name = "font-types"
-version = "0.12.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6c92d9081c7ab3bd83ef1eecdfad090f3d966e3ce74106779664114cfe1a6274"
-dependencies = [
- "bytemuck",
-]
-
-[[package]]
-name = "fontique"
-version = "0.11.1"
+name = "foreign-types"
+version = "0.3.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6688bc1294fe7117d788937b6c53480169b29c566954af490830d4c09da9516a"
+checksum = "f6f339eb8adc052cd2ca78910fda869aefa38d22d5cb648e6485e4d3fc06f3b1"
dependencies = [
- "hashbrown 0.17.1",
- "linebender_resource_handle",
- "memmap2",
- "objc2 0.6.5",
- "objc2-core-foundation",
- "objc2-core-text",
- "objc2-foundation 0.3.2",
- "parlance",
- "read-fonts",
- "roxmltree",
- "smallvec",
- "windows",
- "windows-core",
- "yeslogic-fontconfig-sys",
+ "foreign-types-shared 0.1.1",
]
[[package]]
@@ -2988,7 +2304,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "d737d9aa519fb7b749cbc3b962edcf310a8dd1f4b67c91c4f83975dbdd17d965"
dependencies = [
"foreign-types-macros",
- "foreign-types-shared",
+ "foreign-types-shared 0.3.1",
]
[[package]]
@@ -3002,6 +2318,12 @@ dependencies = [
"syn 3.0.9",
]
+[[package]]
+name = "foreign-types-shared"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "00b0228411908ca8685dba7fc2cdd70ec9990a6e753e89b6ac91a84c40fbaf4b"
+
[[package]]
name = "foreign-types-shared"
version = "0.3.1"
@@ -3024,10 +2346,29 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "42703706b716c37f96a77aea830392ad231f44c9e9a67872fa5548707e11b11c"
[[package]]
-name = "funty"
-version = "2.0.0"
+name = "futf"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "df420e2e84819663797d1ec6544b13c5be84629e7bb00dc960d6917db2987843"
+dependencies = [
+ "mac",
+ "new_debug_unreachable",
+]
+
+[[package]]
+name = "futures"
+version = "0.3.34"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e6d5a32815ae3f33302d95fdcb2ce17862f8c65363dcfd29360480ba1001fc9c"
+checksum = "9a31d2a3fbaaeb2af2368bbdd904aa8e812d3c04a1ee10d3171f52d556e5d0a3"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-executor",
+ "futures-io",
+ "futures-sink",
+ "futures-task",
+ "futures-util",
+]
[[package]]
name = "futures-channel"
@@ -3036,6 +2377,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "b1f9e3d69d39e4862ffed03ed071a76f9a13ba1d9109d355b0f0aa6b15e393c4"
dependencies = [
"futures-core",
+ "futures-sink",
]
[[package]]
@@ -3045,24 +2387,22 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "92d699e522242e69e3003b94ecc1f960f3a5e015aa7c5d7486e65ad01dd94f5e"
[[package]]
-name = "futures-io"
+name = "futures-executor"
version = "0.3.34"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "53c0fa8157de1303bfffdaa1cc2a673bfffb60102f76b0ef4441659124373fed"
-
-[[package]]
-name = "futures-lite"
-version = "2.6.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f78e10609fe0e0b3f4157ffab1876319b5b0db102a2c60dc4626306dc46b44ad"
+checksum = "031b47cf1a3c6cc8bc2fc76cd437f521619387907d469316e7c0bc278f1f5432"
dependencies = [
- "fastrand",
"futures-core",
- "futures-io",
- "parking",
- "pin-project-lite",
+ "futures-task",
+ "futures-util",
]
+[[package]]
+name = "futures-io"
+version = "0.3.34"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "53c0fa8157de1303bfffdaa1cc2a673bfffb60102f76b0ef4441659124373fed"
+
[[package]]
name = "futures-macro"
version = "0.3.34"
@@ -3092,6 +2432,7 @@ version = "0.3.34"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "0d50a92467f8ba5dd6e3ee5d4bd04d73ab2e4e1c44474a0674821dfce14b79bc"
dependencies = [
+ "futures-channel",
"futures-core",
"futures-io",
"futures-macro",
@@ -3102,6 +2443,110 @@ dependencies = [
"slab",
]
+[[package]]
+name = "fxhash"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c31b6d751ae2c7f11320402d34e41349dd1016f8d5d45e48c4312bc8625af50c"
+dependencies = [
+ "byteorder",
+]
+
+[[package]]
+name = "gdk"
+version = "0.18.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d9f245958c627ac99d8e529166f9823fb3b838d1d41fd2b297af3075093c2691"
+dependencies = [
+ "cairo-rs",
+ "gdk-pixbuf",
+ "gdk-sys",
+ "gio",
+ "glib",
+ "libc",
+ "pango",
+]
+
+[[package]]
+name = "gdk-pixbuf"
+version = "0.18.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "50e1f5f1b0bfb830d6ccc8066d18db35c487b1b2b1e8589b5dfe9f07e8defaec"
+dependencies = [
+ "gdk-pixbuf-sys",
+ "gio",
+ "glib",
+ "libc",
+ "once_cell",
+]
+
+[[package]]
+name = "gdk-pixbuf-sys"
+version = "0.18.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3f9839ea644ed9c97a34d129ad56d38a25e6756f99f3a88e15cd39c20629caf7"
+dependencies = [
+ "gio-sys",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "gdk-sys"
+version = "0.18.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5c2d13f38594ac1e66619e188c6d5a1adb98d11b2fcf7894fc416ad76aa2f3f7"
+dependencies = [
+ "cairo-sys-rs",
+ "gdk-pixbuf-sys",
+ "gio-sys",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "pango-sys",
+ "pkg-config",
+ "system-deps",
+]
+
+[[package]]
+name = "gdkwayland-sys"
+version = "0.18.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "140071d506d223f7572b9f09b5e155afbd77428cd5cc7af8f2694c41d98dfe69"
+dependencies = [
+ "gdk-sys",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "pkg-config",
+ "system-deps",
+]
+
+[[package]]
+name = "gdkx11-sys"
+version = "0.18.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6e2e7445fe01ac26f11601db260dd8608fe172514eb63b3b5e261ea6b0f4428d"
+dependencies = [
+ "gdk-sys",
+ "glib-sys",
+ "libc",
+ "system-deps",
+ "x11",
+]
+
+[[package]]
+name = "generational-box"
+version = "0.7.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b8b2dc9b873cd1a8adb80aa5dcef9a8205f781a8a313d5ffb867248cb3bcb764"
+dependencies = [
+ "parking_lot",
+ "tracing",
+]
+
[[package]]
name = "generic-array"
version = "0.14.7"
@@ -3118,79 +2563,265 @@ version = "1.1.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "1bd49230192a3797a9a4d6abe9b3eed6f7fa4c8a8a4947977c6f80025f92cbd8"
dependencies = [
- "rustix 1.1.5",
- "windows-link",
+ "rustix",
+ "windows-link 0.2.1",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.1.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8fc3cb4d91f53b50155bdcfd23f6a4c39ae1969c2ae85982b135750cccaf5fce"
+dependencies = [
+ "cfg-if",
+ "libc",
+ "wasi 0.9.0+wasi-snapshot-preview1",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.2.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ff2abc00be7fca6ebc474524697ae276ad847ad0a6b3faa4bcb027e9a4614ad0"
+dependencies = [
+ "cfg-if",
+ "js-sys",
+ "libc",
+ "wasi 0.11.1+wasi-snapshot-preview1",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.3.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "899def5c37c4fd7b2664648c28120ecec138e4d395b459e5ca34f9cce2dd77fd"
+dependencies = [
+ "cfg-if",
+ "libc",
+ "r-efi 5.3.0",
+ "wasip2",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "300e883d756b2e4ec94e02791f39b04b522276138852cfc41d9fb7e904106099"
+dependencies = [
+ "cfg-if",
+ "js-sys",
+ "libc",
+ "r-efi 6.0.0",
+ "rand_core 0.10.1",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "ghash"
+version = "0.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f0d8a4362ccb29cb0b265253fb0a2728f592895ee6854fd9bc13f2ffda266ff1"
+dependencies = [
+ "opaque-debug",
+ "polyval",
+]
+
+[[package]]
+name = "gif"
+version = "0.14.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ee8cfcc411d9adbbaba82fb72661cc1bcca13e8bba98b364e62b2dba8f960159"
+dependencies = [
+ "color_quant",
+ "weezl",
+]
+
+[[package]]
+name = "gio"
+version = "0.18.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d4fc8f532f87b79cbc51a79748f16a6828fb784be93145a322fa14d06d354c73"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-io",
+ "futures-util",
+ "gio-sys",
+ "glib",
+ "libc",
+ "once_cell",
+ "pin-project-lite",
+ "smallvec",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "gio-sys"
+version = "0.18.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "37566df850baf5e4cb0dfb78af2e4b9898d817ed9263d1090a2df958c64737d2"
+dependencies = [
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+ "winapi",
+]
+
+[[package]]
+name = "gl_generator"
+version = "0.14.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1a95dfc23a2b4a9a2f5ab41d194f8bfda3cabec42af4e39f08c339eb2a0c124d"
+dependencies = [
+ "khronos_api",
+ "log",
+ "xml-rs",
+]
+
+[[package]]
+name = "glam"
+version = "0.33.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "37bfe73dc8ec21f54d181e5a60554327ec3f1c600c455a75ccbfc65d2106a6c4"
+
+[[package]]
+name = "glib"
+version = "0.18.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "233daaf6e83ae6a12a52055f568f9d7cf4671dabb78ff9560ab6da230ce00ee5"
+dependencies = [
+ "bitflags 2.13.2",
+ "futures-channel",
+ "futures-core",
+ "futures-executor",
+ "futures-task",
+ "futures-util",
+ "gio-sys",
+ "glib-macros",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "memchr",
+ "once_cell",
+ "smallvec",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "glib-macros"
+version = "0.18.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0bb0228f477c0900c880fd78c8759b95c7636dbd7842707f49e132378aa2acdc"
+dependencies = [
+ "heck 0.4.1",
+ "proc-macro-crate 2.0.2",
+ "proc-macro-error",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
+]
+
+[[package]]
+name = "glib-sys"
+version = "0.18.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "063ce2eb6a8d0ea93d2bf8ba1957e78dbab6be1c2220dd3daca57d5a9d869898"
+dependencies = [
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "glob"
+version = "0.3.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e4eba85ea1d0a966a983acd07deee566e67395d2d96b6fb39e62b5a833f1eb0b"
+
+[[package]]
+name = "global-hotkey"
+version = "0.7.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b9247516746aa8e53411a0db9b62b0e24efbcf6a76e0ba73e5a91b512ddabed7"
+dependencies = [
+ "crossbeam-channel",
+ "keyboard-types",
+ "objc2",
+ "objc2-app-kit",
+ "once_cell",
+ "thiserror 2.0.21",
+ "windows-sys 0.59.0",
+ "x11rb",
+ "xkeysym",
]
[[package]]
-name = "getrandom"
-version = "0.2.17"
+name = "gloo-net"
+version = "0.6.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ff2abc00be7fca6ebc474524697ae276ad847ad0a6b3faa4bcb027e9a4614ad0"
+checksum = "c06f627b1a58ca3d42b45d6104bf1e1a03799df472df00988b6ba21accc10580"
dependencies = [
- "cfg-if",
+ "futures-channel",
+ "futures-core",
+ "futures-sink",
+ "gloo-utils",
+ "http",
"js-sys",
- "libc",
- "wasi",
+ "pin-project",
+ "serde",
+ "serde_json",
+ "thiserror 1.0.69",
"wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
]
[[package]]
-name = "getrandom"
-version = "0.3.4"
+name = "gloo-utils"
+version = "0.2.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "899def5c37c4fd7b2664648c28120ecec138e4d395b459e5ca34f9cce2dd77fd"
+checksum = "0b5555354113b18c547c1d3a98fbf7fb32a9ff4f6fa112ce823a21641a0ba3aa"
dependencies = [
- "cfg-if",
- "libc",
- "r-efi 5.3.0",
- "wasip2",
+ "js-sys",
+ "serde",
+ "serde_json",
+ "wasm-bindgen",
+ "web-sys",
]
[[package]]
-name = "getrandom"
-version = "0.4.3"
+name = "glow"
+version = "0.17.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "300e883d756b2e4ec94e02791f39b04b522276138852cfc41d9fb7e904106099"
+checksum = "29038e1c483364cc6bb3cf78feee1816002e127c331a1eec55a4d202b9e1adb5"
dependencies = [
- "cfg-if",
"js-sys",
- "libc",
- "r-efi 6.0.0",
- "rand_core 0.10.1",
+ "slotmap",
"wasm-bindgen",
+ "web-sys",
]
[[package]]
-name = "ghash"
-version = "0.5.1"
+name = "glutin_wgl_sys"
+version = "0.6.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f0d8a4362ccb29cb0b265253fb0a2728f592895ee6854fd9bc13f2ffda266ff1"
+checksum = "2c4ee00b289aba7a9e5306d57c2d05499b2e5dc427f84ac708bd2c090212cf3e"
dependencies = [
- "opaque-debug",
- "polyval",
+ "gl_generator",
]
[[package]]
-name = "glam"
-version = "0.33.12"
+name = "gobject-sys"
+version = "0.18.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "37bfe73dc8ec21f54d181e5a60554327ec3f1c600c455a75ccbfc65d2106a6c4"
+checksum = "0850127b514d1c4a4654ead6dedadb18198999985908e6ffe4436f53c785ce44"
dependencies = [
- "approx",
- "bytemuck",
- "encase",
- "libm",
- "rand 0.10.3",
- "serde_core",
+ "glib-sys",
+ "libc",
+ "system-deps",
]
-[[package]]
-name = "glob"
-version = "0.3.4"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e4eba85ea1d0a966a983acd07deee566e67395d2d96b6fb39e62b5a833f1eb0b"
-
[[package]]
name = "gpu-allocator"
version = "0.28.0"
@@ -3202,16 +2833,59 @@ dependencies = [
"log",
"presser",
"thiserror 2.0.21",
- "windows",
+ "windows 0.62.2",
]
[[package]]
-name = "guillotiere"
-version = "0.7.0"
+name = "gtk"
+version = "0.18.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6b17e70c989c36bad147b27a58d148c0741c51448aa5653436547323e524d0ab"
+checksum = "fd56fb197bfc42bd5d2751f4f017d44ff59fbb58140c6b49f9b3b2bdab08506a"
dependencies = [
- "euclid",
+ "atk",
+ "cairo-rs",
+ "field-offset",
+ "futures-channel",
+ "gdk",
+ "gdk-pixbuf",
+ "gio",
+ "glib",
+ "gtk-sys",
+ "gtk3-macros",
+ "libc",
+ "pango",
+ "pkg-config",
+]
+
+[[package]]
+name = "gtk-sys"
+version = "0.18.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f29a1c21c59553eb7dd40e918be54dccd60c52b049b75119d5d96ce6b624414"
+dependencies = [
+ "atk-sys",
+ "cairo-sys-rs",
+ "gdk-pixbuf-sys",
+ "gdk-sys",
+ "gio-sys",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "pango-sys",
+ "system-deps",
+]
+
+[[package]]
+name = "gtk3-macros"
+version = "0.18.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "52ff3c5b21f14f0736fed6dcfc0bfb4225ebf5725f3c0209edeec181e4d73e9d"
+dependencies = [
+ "proc-macro-crate 1.3.1",
+ "proc-macro-error",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
]
[[package]]
@@ -3239,43 +2913,12 @@ version = "2.7.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "6ea2d84b969582b4b1864a92dc5d27cd2b77b622a8d79306834f1be5ba20d84b"
dependencies = [
- "bytemuck",
"cfg-if",
"crunchy",
"num-traits",
"zerocopy",
]
-[[package]]
-name = "harfrust"
-version = "0.12.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c03d949a14aa089bbb282f7dd76a498a7f684428e4257202efc119ec010376f9"
-dependencies = [
- "bitflags 2.13.2",
- "bytemuck",
- "read-fonts",
- "smallvec",
-]
-
-[[package]]
-name = "hash32"
-version = "0.3.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "47d60b12902ba28e2730cd37e95b8c9223af2808df9e902d4df49588d1470606"
-dependencies = [
- "byteorder",
-]
-
-[[package]]
-name = "hashbrown"
-version = "0.15.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9229cfe53dfd69f0609a49f65461bd93001ea1ef889cd5529dd176593f5338a1"
-dependencies = [
- "foldhash 0.1.5",
-]
-
[[package]]
name = "hashbrown"
version = "0.16.1"
@@ -3284,9 +2927,7 @@ checksum = "841d1cc9bed7f9236f321df977030373f4a4163ae1a7dbfe1a51a2c1a51d9100"
dependencies = [
"allocator-api2",
"equivalent",
- "foldhash 0.2.0",
- "serde",
- "serde_core",
+ "foldhash",
]
[[package]]
@@ -3295,7 +2936,7 @@ version = "0.17.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "ed5909b6e89a2db4456e54cd5f673791d7eca6732202bbf2a9cc504fe2f9b84a"
dependencies = [
- "foldhash 0.2.0",
+ "foldhash",
]
[[package]]
@@ -3323,40 +2964,36 @@ dependencies = [
]
[[package]]
-name = "heapless"
-version = "0.9.3"
+name = "heck"
+version = "0.4.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "25ba4bd83f9415b58b4ed8dc5714c76e626a105be4646c02630ad730ad3b5aa4"
-dependencies = [
- "hash32",
- "portable-atomic",
- "stable_deref_trait",
-]
+checksum = "95505c38b4572b2d910cecb0281560f54b440a19336cbbcb27bf6ce6adc6f5a8"
[[package]]
-name = "hermit-abi"
-version = "0.5.3"
+name = "heck"
+version = "0.5.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e17592d60ebacc7d5e169f4663c5f84f9161cc90328abcfe8456f41e4dfcb284"
+checksum = "2304e00983f87ffb38b55b444b5e3b60a884b5d30c0fca7d82fe33449bbe55ea"
[[package]]
-name = "hexasphere"
-version = "19.0.0"
+name = "hmac"
+version = "0.12.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "163385eff5a0cf606ebe2c10b3a44ab02f4306e83fbd068a64f5e1d72a3049ac"
+checksum = "6c49c37c09c17a53d937dfbb742eb3a961d65a994e6bcdcf37e7399d0cc8ab5e"
dependencies = [
- "constgebra",
- "glam",
- "tinyvec",
+ "digest 0.10.7",
]
[[package]]
-name = "hmac"
-version = "0.12.1"
+name = "html5ever"
+version = "0.29.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6c49c37c09c17a53d937dfbb742eb3a961d65a994e6bcdcf37e7399d0cc8ab5e"
+checksum = "3b7410cae13cbc75623c98ac4cbfd1f0bedddf3227afc24f370cf0f50a44a11c"
dependencies = [
- "digest 0.10.7",
+ "log",
+ "mac",
+ "markup5ever",
+ "match_token",
]
[[package]]
@@ -3489,7 +3126,7 @@ dependencies = [
"js-sys",
"log",
"wasm-bindgen",
- "windows-core",
+ "windows-core 0.62.2",
]
[[package]]
@@ -3523,32 +3160,11 @@ checksum = "d56e28588da92eee5c3201a6eff33fabdd49b62269c8938d4ff050ce4d900deb"
dependencies = [
"displaydoc",
"litemap",
- "serde",
"tinystr",
"writeable",
"zerovec",
]
-[[package]]
-name = "icu_locale_fallback"
-version = "2.3.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "251af8e57c9400e3eb58242fe5b8b1152b2a64fdf4cf632f923c38ccee6f2fa9"
-dependencies = [
- "icu_locale_core",
- "icu_locale_fallback_data",
- "icu_provider",
- "potential_utf",
- "tinystr",
- "zerovec",
-]
-
-[[package]]
-name = "icu_locale_fallback_data"
-version = "2.3.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "decf2a22ec8fa68f1a0c1129a3f8583f8f8bc24e8b9ccbe98ead99f62a4dc3a8"
-
[[package]]
name = "icu_normalizer"
version = "2.3.0"
@@ -3598,8 +3214,6 @@ checksum = "d27bbb9d3abbefac45d55f647c9de1d44aafcd1186eb91879afef17c396c3e73"
dependencies = [
"displaydoc",
"icu_locale_core",
- "serde",
- "stable_deref_trait",
"writeable",
"yoke",
"zerofrom",
@@ -3608,26 +3222,10 @@ dependencies = [
]
[[package]]
-name = "icu_segmenter"
-version = "2.3.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "82d07aafccd67af15d02512a6adf5896fbc5ed00f2e99b471d2efa14016db3db"
-dependencies = [
- "icu_collections",
- "icu_locale_fallback",
- "icu_provider",
- "icu_segmenter_data",
- "potential_utf",
- "smallvec",
- "utf8_iter",
- "zerovec",
-]
-
-[[package]]
-name = "icu_segmenter_data"
-version = "2.3.0"
+name = "ident_case"
+version = "1.0.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ae293c039020f9ec10710af98d29ce6aa2051486638b49c9a6409f3b4a9e98ad"
+checksum = "b9e0384b61958566e926dc50660321d12159025e767c18e043daf26b70104c39"
[[package]]
name = "idna"
@@ -3658,11 +3256,38 @@ checksum = "85ab80394333c02fe689eaf900ab500fbd0c2213da414687ebf995a65d5a6104"
dependencies = [
"bytemuck",
"byteorder-lite",
+ "color_quant",
+ "exr",
+ "gif",
+ "image-webp",
"moxcms",
"num-traits",
- "png",
+ "png 0.18.1",
+ "qoi",
+ "ravif",
+ "rayon",
+ "rgb",
+ "tiff",
+ "zune-core",
+ "zune-jpeg",
]
+[[package]]
+name = "image-webp"
+version = "0.2.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "525e9ff3e1a4be2fbea1fdf0e98686a6d98b4d8f937e1bf7402245af1909e8c3"
+dependencies = [
+ "byteorder-lite",
+ "quick-error",
+]
+
+[[package]]
+name = "imgref"
+version = "1.12.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6e44b0a4eaa4c82f441d50a963f2d5f05a787240aeee097597033e72accfd22f"
+
[[package]]
name = "indexmap"
version = "2.14.2"
@@ -3671,8 +3296,15 @@ checksum = "cc4e190f5d26ca7051642629da2c52fc03bde85a03197c99408dcd291734c855"
dependencies = [
"equivalent",
"hashbrown 0.17.1",
- "serde",
- "serde_core",
+]
+
+[[package]]
+name = "infer"
+version = "0.19.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a588916bfdfd92e71cacef98a63d9b1f0d74d6599980d11894290e7ddefffcf7"
+dependencies = [
+ "cfb",
]
[[package]]
@@ -3684,6 +3316,17 @@ dependencies = [
"generic-array",
]
+[[package]]
+name = "interpolate_name"
+version = "0.2.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c34819042dc3d3971c46c2190835914dfbe0c3c13f61449b2997f4e9722dfa60"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
+]
+
[[package]]
name = "inventory"
version = "0.3.25"
@@ -3699,26 +3342,20 @@ version = "2.12.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "791930b43c0d5973160d90a8f3894509f2b273430f5c5c73b668636d0287c5c0"
-[[package]]
-name = "is_terminal_polyfill"
-version = "1.70.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a6cb138bb79a146c1bd460005623e142ef0181e3d0219cb493e02f7d08a35695"
-
[[package]]
name = "itertools"
-version = "0.14.0"
+version = "0.13.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2b192c782037fadd9cfa75548310488aabdbf3d2da73885b31bd0abd03351285"
+checksum = "413ee7dfc52ee1a4949ceeb7dbc8a33f2d6c088194d9f922fb8318faf1f01186"
dependencies = [
"either",
]
[[package]]
name = "itertools"
-version = "0.15.0"
+version = "0.14.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8b4baf93f58d4425749ca49a51c50ebab072c5df6994d08fed93541c331481dc"
+checksum = "2b192c782037fadd9cfa75548310488aabdbf3d2da73885b31bd0abd03351285"
dependencies = [
"either",
]
@@ -3729,6 +3366,45 @@ version = "1.0.18"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "8f42a60cbdf9a97f5d2305f08a87dc4e09308d1276d28c869c684d7777685682"
+[[package]]
+name = "javascriptcore-rs"
+version = "1.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ca5671e9ffce8ffba57afc24070e906da7fc4b1ba66f2cabebf61bf2ea257fcc"
+dependencies = [
+ "bitflags 1.3.2",
+ "glib",
+ "javascriptcore-rs-sys",
+]
+
+[[package]]
+name = "javascriptcore-rs-sys"
+version = "1.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "af1be78d14ffa4b75b66df31840478fef72b51f8c2465d4ca7c194da9f7a5124"
+dependencies = [
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "jni"
+version = "0.21.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1a87aa2bb7d2af34197c04845522473242e1aa17c12f4935d5856491a7fb8c97"
+dependencies = [
+ "cesu8",
+ "cfg-if",
+ "combine",
+ "jni-sys 0.3.1",
+ "log",
+ "thiserror 1.0.69",
+ "walkdir",
+ "windows-sys 0.45.0",
+]
+
[[package]]
name = "jni"
version = "0.22.4"
@@ -3743,7 +3419,7 @@ dependencies = [
"simd_cesu8",
"thiserror 2.0.21",
"walkdir",
- "windows-link",
+ "windows-link 0.2.1",
]
[[package]]
@@ -3809,13 +3485,65 @@ dependencies = [
]
[[package]]
-name = "lalrpop-util"
-version = "0.23.1"
+name = "keyboard-types"
+version = "0.7.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b750dcadc39a09dbadd74e118f6dd6598df77fa01df0cfcdc52c28dece74528a"
+dependencies = [
+ "bitflags 2.13.2",
+ "serde",
+ "unicode-segmentation",
+]
+
+[[package]]
+name = "khronos-egl"
+version = "6.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6aae1df220ece3c0ada96b8153459b67eebe9ae9212258bb0134ae60416fdf76"
+dependencies = [
+ "libc",
+ "libloading 0.8.9",
+ "pkg-config",
+]
+
+[[package]]
+name = "khronos_api"
+version = "3.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e2db585e1d738fc771bf08a151420d3ed193d9d895a36df7f6f8a9456b911ddc"
+
+[[package]]
+name = "konst"
+version = "0.2.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "128133ed7824fcd73d6e7b17957c5eb7bacb885649bd8c69708b2331a10bcefb"
+dependencies = [
+ "konst_macro_rules",
+]
+
+[[package]]
+name = "konst_macro_rules"
+version = "0.2.19"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a4933f3f57a8e9d9da04db23fb153356ecaf00cbd14aee46279c33dc80925c37"
+
+[[package]]
+name = "kuchikiki"
+version = "0.8.8-speedreader"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "02cb977175687f33fa4afa0c95c112b987ea1443e5a51c8f8ff27dc618270cc2"
+dependencies = [
+ "cssparser",
+ "html5ever",
+ "indexmap",
+ "selectors",
+]
+
+[[package]]
+name = "lazy-js-bundle"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "884f3e747ed2dcee867cda1b0c31a048f9e20de2d916a248949319921a2e666e"
-dependencies = [
- "regex-automata",
-]
+checksum = "51cdaa5abc885e2d606e6985281ace220778bde190be20aab1ec2346ed8bd1fa"
[[package]]
name = "lazy_static"
@@ -3824,77 +3552,61 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "20870f649af7073d53e38067b2a84312175d56ea15217e1b15bc83506ec50afb"
[[package]]
-name = "lexical"
-version = "7.0.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1bc8a009b2ff1f419ccc62706f04fe0ca6e67b37460513964a3dfdb919bb37d6"
-dependencies = [
- "lexical-core",
-]
-
-[[package]]
-name = "lexical-core"
-version = "1.0.6"
+name = "lebe"
+version = "0.5.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7d8d125a277f807e55a77304455eb7b1cb52f2b18c143b60e766c120bd64a594"
-dependencies = [
- "lexical-parse-float",
- "lexical-parse-integer",
- "lexical-util",
- "lexical-write-float",
- "lexical-write-integer",
-]
+checksum = "7a79a3332a6609480d7d0c9eab957bca6b455b91bb84e66d19f5ff66294b85b8"
[[package]]
-name = "lexical-parse-float"
-version = "1.0.6"
+name = "libappindicator"
+version = "0.9.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "52a9f232fbd6f550bc0137dcb5f99ab674071ac2d690ac69704593cb4abbea56"
+checksum = "03589b9607c868cc7ae54c0b2a22c8dc03dd41692d48f2d7df73615c6a95dc0a"
dependencies = [
- "lexical-parse-integer",
- "lexical-util",
+ "glib",
+ "gtk",
+ "gtk-sys",
+ "libappindicator-sys",
+ "log",
]
[[package]]
-name = "lexical-parse-integer"
-version = "1.0.6"
+name = "libappindicator-sys"
+version = "0.9.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9a7a039f8fb9c19c996cd7b2fcce303c1b2874fe1aca544edc85c4a5f8489b34"
+checksum = "6e9ec52138abedcc58dc17a7c6c0c00a2bdb4f3427c7f63fa97fd0d859155caf"
dependencies = [
- "lexical-util",
+ "gtk-sys",
+ "libloading 0.7.4",
+ "once_cell",
]
[[package]]
-name = "lexical-util"
-version = "1.0.7"
+name = "libc"
+version = "0.2.190"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2604dd126bb14f13fb5d1bd6a66155079cb9fa655b37f875b3a742c705dbed17"
+checksum = "ce5d3ddc6d3fa000eb1536d85e147bfe31aacaba692ed6a876f95cb7c855be78"
[[package]]
-name = "lexical-write-float"
-version = "1.0.6"
+name = "libfuzzer-sys"
+version = "0.4.13"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "50c438c87c013188d415fbabbb1dceb44249ab81664efbd31b14ae55dabb6361"
+checksum = "a9fd2f41a1cba099f79a0b6b6c35656cf7c03351a7bae8ff0f28f25270f929d2"
dependencies = [
- "lexical-util",
- "lexical-write-integer",
+ "arbitrary",
+ "cc",
]
[[package]]
-name = "lexical-write-integer"
-version = "1.0.6"
+name = "libloading"
+version = "0.7.4"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "409851a618475d2d5796377cad353802345cba92c867d9fbcde9cf4eac4e14df"
+checksum = "b67380fd3b2fbe7527a606e18729d21c6f3951633d0500574c4dc22d2d638b9f"
dependencies = [
- "lexical-util",
+ "cfg-if",
+ "winapi",
]
-[[package]]
-name = "libc"
-version = "0.2.190"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ce5d3ddc6d3fa000eb1536d85e147bfe31aacaba692ed6a876f95cb7c855be78"
-
[[package]]
name = "libloading"
version = "0.8.9"
@@ -3902,7 +3614,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "d7c4b02199fee7c5d21a5ae7d8cfa79a6ef5bb2fc834d6e9058e89c825efdc55"
dependencies = [
"cfg-if",
- "windows-link",
+ "windows-link 0.2.1",
]
[[package]]
@@ -3917,23 +3629,27 @@ version = "0.1.25"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "61ff90caf6077a803a240f62fdbe88645a890bbca49ef8174c3cb0404362171d"
dependencies = [
- "bitflags 2.13.2",
"libc",
- "plain",
- "redox_syscall 0.9.4",
]
[[package]]
-name = "linebender_resource_handle"
-version = "0.1.1"
+name = "libxdo"
+version = "0.6.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d4a5ff6bcca6c4867b1c4fd4ef63e4db7436ef363e0ad7531d1558856bae64f4"
+checksum = "00333b8756a3d28e78def82067a377de7fa61b24909000aeaa2b446a948d14db"
+dependencies = [
+ "libxdo-sys",
+]
[[package]]
-name = "linux-raw-sys"
-version = "0.4.15"
+name = "libxdo-sys"
+version = "0.11.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d26c52dbd32dccf2d10cac7725f8eae5296885fb5703b261f7d0a0739ec807ab"
+checksum = "db23b9e7e2b7831bbd8aac0bbeeeb7b68cbebc162b227e7052e8e55829a09212"
+dependencies = [
+ "libc",
+ "x11",
+]
[[package]]
name = "linux-raw-sys"
@@ -3969,50 +3685,150 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "f9f8bd3e56ce4dfc153cf470fffbfa98c7620958b312ca5c3a4b8d5181fd13c6"
[[package]]
-name = "logos"
-version = "0.16.1"
+name = "longest-increasing-subsequence"
+version = "0.1.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "eb2c55a318a87600ea870ff8c2012148b44bf18b74fad48d0f835c38c7d07c5f"
+checksum = "b3bd0dd2cd90571056fdb71f6275fada10131182f84899f4b2a916e565d81d86"
+
+[[package]]
+name = "loop9"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0fae87c125b03c1d2c0150c90365d7d6bcc53fb73a9acaef207d2d065860f062"
dependencies = [
- "logos-derive",
+ "imgref",
]
[[package]]
-name = "logos-codegen"
-version = "0.16.1"
+name = "lru-slab"
+version = "0.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4050469837a6ff301cd14c1f8f24f88549e6d548f24f64e2148eb0f72cebc51f"
+
+[[package]]
+name = "mac"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c41e0c4fef86961ac6d6f8a82609f55f31b05e4fce149ac5710e439df7619ba4"
+
+[[package]]
+name = "mach2"
+version = "0.4.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "58b3ffaa284e1350d017a57d04ada118c4583cf260c8fb01e0fe28a2e9cf8970"
+checksum = "d640282b302c0bb0a2a8e0233ead9035e3bed871f0b7e81fe4a1ec829765db44"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "macro-string"
+version = "0.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1b27834086c65ec3f9387b096d66e99f221cf081c2b738042aa252bcd41204e3"
dependencies = [
- "fnv",
"proc-macro2",
"quote",
- "regex-automata",
- "regex-syntax",
"syn 2.0.119",
]
[[package]]
-name = "logos-derive"
-version = "0.16.1"
+name = "malloc_buf"
+version = "0.0.6"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "52d3a9855747c17eaf4383823f135220716ab49bea5fbea7dd42cc9a92f8aa31"
+checksum = "62bb907fe88d54d8d9ce32a3cceab4218ed2f6b7d35617cafe9adf84e43919cb"
dependencies = [
- "logos-codegen",
+ "libc",
]
[[package]]
-name = "lru-slab"
-version = "0.1.3"
+name = "manganis"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4050469837a6ff301cd14c1f8f24f88549e6d548f24f64e2148eb0f72cebc51f"
+checksum = "1ed2af894a724a0b6e521f9efe84f98cfdc74a4de6828efef77ffd3b1679fd52"
+dependencies = [
+ "const-serialize 0.7.2",
+ "const-serialize 0.8.0-alpha.0",
+ "jni 0.21.1",
+ "manganis-core",
+ "manganis-macro",
+ "ndk-context",
+ "objc2",
+ "thiserror 2.0.21",
+]
[[package]]
-name = "matchers"
-version = "0.2.0"
+name = "manganis-core"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d1525a2a28c7f4fa0fc98bb91ae755d1e2d1505079e05539e35bc876b5d65ae9"
+checksum = "e258c71b137bf48deaffb48b8a8a2f994af9e5c3ca201daa20d41e26b379da11"
dependencies = [
- "regex-automata",
+ "const-serialize 0.7.2",
+ "const-serialize 0.8.0-alpha.0",
+ "dioxus-cli-config",
+ "dioxus-core-types",
+ "serde",
+ "winnow 0.7.15",
+]
+
+[[package]]
+name = "manganis-macro"
+version = "0.7.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0abae8346bbf637e6d21ac3831863bd5a98657517f5cd2d69d651046b95e7ce9"
+dependencies = [
+ "dunce",
+ "macro-string",
+ "manganis-core",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
+]
+
+[[package]]
+name = "markup5ever"
+version = "0.14.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c7a7213d12e1864c0f002f52c2923d4556935a43dec5e71355c2760e0f6e7a18"
+dependencies = [
+ "log",
+ "phf 0.11.3",
+ "phf_codegen 0.11.3",
+ "string_cache",
+ "string_cache_codegen",
+ "tendril",
+]
+
+[[package]]
+name = "match_token"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "88a9689d8d44bf9964484516275f5cd4c9b59457a6940c1d5d0ecbb94510a36b"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
+]
+
+[[package]]
+name = "matches"
+version = "0.1.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2532096657941c2fea9c289d370a250971c689d4f143798ff67113ec042024a5"
+
+[[package]]
+name = "matchit"
+version = "0.8.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "47e1ffaa40ddd1f3ed91f717a33c8c0ee23fff369e3aa8772b9605cc1d22f4c3"
+
+[[package]]
+name = "maybe-rayon"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8ea1f30cedd69f0a2954655f7188c6a834246d2bcf1e315e2ac40c4b24dc9519"
+dependencies = [
+ "cfg-if",
+ "rayon",
]
[[package]]
@@ -4021,6 +3837,15 @@ version = "2.8.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "cf8baf1c55e62ffcace7a9f06f4bd9cd3f0c4beb022d3b367256b91b87513d98"
+[[package]]
+name = "memfd"
+version = "0.6.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "57804b2c9b69967f1536a56f86297e367a33b19e98852ed624b84551cdbc0d90"
+dependencies = [
+ "rustix",
+]
+
[[package]]
name = "memmap2"
version = "0.9.11"
@@ -4030,6 +3855,15 @@ dependencies = [
"libc",
]
+[[package]]
+name = "memoffset"
+version = "0.9.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "488016bfae457b036d996092f6cb448677611ce4449e970ceaf42695203f218a"
+dependencies = [
+ "autocfg",
+]
+
[[package]]
name = "mime"
version = "0.3.17"
@@ -4056,6 +3890,12 @@ dependencies = [
"unicase",
]
+[[package]]
+name = "minimal-lexical"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "68354c5c6bd36d73ff3feceb05efa59b6acb7626617f4962be322a825e61f79a"
+
[[package]]
name = "miniz_oxide"
version = "0.8.9"
@@ -4083,7 +3923,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "1788edb87fdc09c7e26304471e2f5be8cdefb1b6930d6e3985fc02ff53bf86ee"
dependencies = [
"libc",
- "wasi",
+ "wasi 0.11.1+wasi-snapshot-preview1",
"windows-sys 0.61.2",
]
@@ -4097,6 +3937,44 @@ dependencies = [
"pxfm",
]
+[[package]]
+name = "muda"
+version = "0.17.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7c9fec5a4e89860383d778d10563a605838f8f0b2f9303868937e5ff32e86177"
+dependencies = [
+ "crossbeam-channel",
+ "dpi",
+ "gtk",
+ "keyboard-types",
+ "libxdo",
+ "objc2",
+ "objc2-app-kit",
+ "objc2-core-foundation",
+ "objc2-foundation",
+ "once_cell",
+ "png 0.17.16",
+ "thiserror 2.0.21",
+ "windows-sys 0.60.2",
+]
+
+[[package]]
+name = "multer"
+version = "3.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "83e87776546dc87511aa5ee218730c92b666d7264ab6ed41f9d215af9cd5224b"
+dependencies = [
+ "bytes",
+ "encoding_rs",
+ "futures-util",
+ "http",
+ "httparse",
+ "memchr",
+ "mime",
+ "spin",
+ "version_check",
+]
+
[[package]]
name = "multimap"
version = "0.10.1"
@@ -4127,12 +4005,6 @@ dependencies = [
"mime",
]
-[[package]]
-name = "mutants"
-version = "0.0.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bc0287524726960e07b119cebd01678f852f147742ae0d925e6a520dca956126"
-
[[package]]
name = "naga"
version = "30.0.1"
@@ -4168,10 +4040,40 @@ dependencies = [
"hashbrown 0.17.1",
"indexmap",
"rustc-hash 1.1.0",
- "serde",
"thiserror 2.0.21",
]
+[[package]]
+name = "native-tls"
+version = "0.2.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "465500e14ea162429d264d44189adc38b199b62b1c21eea9f69e4b73cb03bbf2"
+dependencies = [
+ "libc",
+ "log",
+ "openssl",
+ "openssl-probe",
+ "openssl-sys",
+ "schannel",
+ "security-framework",
+ "security-framework-sys",
+ "tempfile",
+]
+
+[[package]]
+name = "ndk"
+version = "0.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2076a31b7010b17a38c01907c45b945e8f11495ee4dd588309718901b1f7a5b7"
+dependencies = [
+ "bitflags 2.13.2",
+ "jni-sys 0.3.1",
+ "log",
+ "ndk-sys 0.5.0+25.2.9519653",
+ "num_enum",
+ "thiserror 1.0.69",
+]
+
[[package]]
name = "ndk"
version = "0.9.0"
@@ -4181,9 +4083,9 @@ dependencies = [
"bitflags 2.13.2",
"jni-sys 0.3.1",
"log",
- "ndk-sys",
+ "ndk-sys 0.6.0+11769913",
"num_enum",
- "raw-window-handle",
+ "raw-window-handle 0.6.2",
"thiserror 1.0.69",
]
@@ -4193,6 +4095,15 @@ version = "0.1.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "27b02d87554356db9e9a873add8782d4ea6e3e58ea071a9adb9a2e8ddb884a8b"
+[[package]]
+name = "ndk-sys"
+version = "0.5.0+25.2.9519653"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8c196769dd60fd4f363e11d948139556a344e79d451aeb2fa2fd040738ef7691"
+dependencies = [
+ "jni-sys 0.3.1",
+]
+
[[package]]
name = "ndk-sys"
version = "0.6.0+11769913"
@@ -4203,15 +4114,34 @@ dependencies = [
]
[[package]]
-name = "nix"
-version = "0.31.3"
+name = "new_debug_unreachable"
+version = "1.0.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "650eef8c711430f1a879fdd01d4745a7deea475becfb90269c06775983bbf086"
+
+[[package]]
+name = "no_std_io2"
+version = "0.9.4"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cf20d2fde8ff38632c426f1165ed7436270b44f199fc55284c38276f9db47c3d"
+checksum = "418abd1b6d34fbf6cae440dc874771b0525a604428704c76e48b29a5e67b8003"
dependencies = [
- "bitflags 2.13.2",
- "cfg-if",
- "cfg_aliases",
- "libc",
+ "memchr",
+]
+
+[[package]]
+name = "nodrop"
+version = "0.1.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "72ef4a56884ca558e5ddb05a1d1e7e1bfd9a68d9ed024c21704cc98872dae1bb"
+
+[[package]]
+name = "nom"
+version = "7.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d273983c5a657a70a3e8f2a01329822f3b8c8172b73826411a55751e404a0a4a"
+dependencies = [
+ "memchr",
+ "minimal-lexical",
]
[[package]]
@@ -4224,10 +4154,10 @@ dependencies = [
]
[[package]]
-name = "nonmax"
-version = "0.5.5"
+name = "noop_proc_macro"
+version = "0.3.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "610a5acd306ec67f907abe5567859a3c693fb9886eb1f012ab8f2a47bef3db51"
+checksum = "0676bb32a98c1a483ce53e500a81ad9c3d5b3f7c920c28c24e9cb0980d0b5bc8"
[[package]]
name = "nu-ansi-term"
@@ -4239,10 +4169,61 @@ dependencies = [
]
[[package]]
-name = "num-conv"
-version = "0.2.2"
+name = "num-bigint"
+version = "0.4.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c89e69e7e0f03bea5ef08013795c25018e101932225a656383bd384495ecc367"
+dependencies = [
+ "num-integer",
+ "num-traits",
+]
+
+[[package]]
+name = "num-complex"
+version = "0.4.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "73f88a1307638156682bada9d7604135552957b7818057dcef22705b4d509495"
+dependencies = [
+ "bytemuck",
+ "num-traits",
+]
+
+[[package]]
+name = "num-conv"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "521739c6d2bac4aa25192232afe6841231376b2b26d4d9fae5ecf8ca5772e441"
+
+[[package]]
+name = "num-derive"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ed3955f1a9c7c0c15e092f9c887db08b1fc683305fdf6eb6684f22555355e202"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
+]
+
+[[package]]
+name = "num-integer"
+version = "0.1.47"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7ce2d95d4b3734dc35aa2f45e1aa22cd416814592a4f9d9205e11affd5b8e10b"
+dependencies = [
+ "num-traits",
+]
+
+[[package]]
+name = "num-rational"
+version = "0.4.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "521739c6d2bac4aa25192232afe6841231376b2b26d4d9fae5ecf8ca5772e441"
+checksum = "f83d14da390562dca69fc84082e73e548e1ad308d24accdedd2720017cb37824"
+dependencies = [
+ "num-bigint",
+ "num-integer",
+ "num-traits",
+]
[[package]]
name = "num-traits"
@@ -4270,26 +4251,19 @@ version = "0.7.6"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "680998035259dcfcafe653688bf2aa6d3e2dc05e98be6ab46afb089dc84f1df8"
dependencies = [
- "proc-macro-crate",
+ "proc-macro-crate 3.5.0",
"proc-macro2",
"quote",
"syn 2.0.119",
]
[[package]]
-name = "objc-sys"
-version = "0.3.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cdb91bdd390c7ce1a8607f35f3ca7151b65afc0ff5ff3b34fa350f7d7c7e4310"
-
-[[package]]
-name = "objc2"
-version = "0.5.3"
+name = "objc"
+version = "0.2.7"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "19d5490aaf8f1d7cf7688dfa9b0ce07900e168852c45cd2c03f534dfd27cfd0b"
+checksum = "915b1b472bc21c53464d6c8461c9d3af805ba1ef837e1cac254428f4a77177b1"
dependencies = [
- "objc-sys",
- "objc2-encode",
+ "malloc_buf",
]
[[package]]
@@ -4299,22 +4273,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "08849bbd4767dfae9457696856ae1c84fe4e0281bbe4a7abff2d0e06fb7981f8"
dependencies = [
"objc2-encode",
-]
-
-[[package]]
-name = "objc2-app-kit"
-version = "0.2.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e4e89ad9e3d7d297152b17d39ed92cd50ca8063a89a9fa569046d41568891eff"
-dependencies = [
- "bitflags 2.13.2",
- "block2 0.5.1",
- "libc",
- "objc2 0.5.3",
- "objc2-core-data",
- "objc2-core-image",
- "objc2-foundation 0.2.2",
- "objc2-quartz-core 0.2.2",
+ "objc2-exception-helper",
]
[[package]]
@@ -4324,45 +4283,10 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "d49e936b501e5c5bf01fda3a9452ff86dc3ea98ad5f283e1455153142d97518c"
dependencies = [
"bitflags 2.13.2",
- "objc2 0.6.5",
- "objc2-core-graphics",
- "objc2-foundation 0.3.2",
-]
-
-[[package]]
-name = "objc2-cloud-kit"
-version = "0.2.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "74dd3b56391c7a0596a295029734d3c1c5e7e510a4cb30245f8221ccea96b009"
-dependencies = [
- "bitflags 2.13.2",
- "block2 0.5.1",
- "objc2 0.5.3",
- "objc2-core-location",
- "objc2-foundation 0.2.2",
-]
-
-[[package]]
-name = "objc2-contacts"
-version = "0.2.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a5ff520e9c33812fd374d8deecef01d4a840e7b41862d849513de77e44aa4889"
-dependencies = [
- "block2 0.5.1",
- "objc2 0.5.3",
- "objc2-foundation 0.2.2",
-]
-
-[[package]]
-name = "objc2-core-data"
-version = "0.2.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "617fbf49e071c178c0b24c080767db52958f716d9eabdf0890523aeae54773ef"
-dependencies = [
- "bitflags 2.13.2",
- "block2 0.5.1",
- "objc2 0.5.3",
- "objc2-foundation 0.2.2",
+ "block2",
+ "objc2",
+ "objc2-core-foundation",
+ "objc2-foundation",
]
[[package]]
@@ -4373,7 +4297,7 @@ checksum = "2a180dd8642fa45cdb7dd721cd4c11b1cadd4929ce112ebd8b9f5803cc79d536"
dependencies = [
"bitflags 2.13.2",
"dispatch2",
- "objc2 0.6.5",
+ "objc2",
]
[[package]]
@@ -4384,45 +4308,11 @@ checksum = "e022c9d066895efa1345f8e33e584b9f958da2fd4cd116792e15e07e4720a807"
dependencies = [
"bitflags 2.13.2",
"dispatch2",
- "objc2 0.6.5",
+ "objc2",
"objc2-core-foundation",
"objc2-io-surface",
]
-[[package]]
-name = "objc2-core-image"
-version = "0.2.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "55260963a527c99f1819c4f8e3b47fe04f9650694ef348ffd2227e8196d34c80"
-dependencies = [
- "block2 0.5.1",
- "objc2 0.5.3",
- "objc2-foundation 0.2.2",
- "objc2-metal 0.2.2",
-]
-
-[[package]]
-name = "objc2-core-location"
-version = "0.2.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "000cfee34e683244f284252ee206a27953279d370e309649dc3ee317b37e5781"
-dependencies = [
- "block2 0.5.1",
- "objc2 0.5.3",
- "objc2-contacts",
- "objc2-foundation 0.2.2",
-]
-
-[[package]]
-name = "objc2-core-text"
-version = "0.3.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0cde0dfb48d25d2b4862161a4d5fcc0e3c24367869ad306b0c9ec0073bfed92d"
-dependencies = [
- "bitflags 2.13.2",
- "objc2-core-foundation",
-]
-
[[package]]
name = "objc2-encode"
version = "4.1.0"
@@ -4430,16 +4320,12 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "ef25abbcd74fb2609453eb695bd2f860d389e457f67dc17cafc8b8cbc89d0c33"
[[package]]
-name = "objc2-foundation"
-version = "0.2.2"
+name = "objc2-exception-helper"
+version = "0.1.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0ee638a5da3799329310ad4cfa62fbf045d5f56e3ef5ba4149e7452dcf89d5a8"
+checksum = "c7a1c5fbb72d7735b076bb47b578523aedc40f3c439bea6dfd595c089d79d98a"
dependencies = [
- "bitflags 2.13.2",
- "block2 0.5.1",
- "dispatch",
- "libc",
- "objc2 0.5.3",
+ "cc",
]
[[package]]
@@ -4449,7 +4335,8 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "e3e0adef53c21f888deb4fa59fc59f7eb17404926ee8a6f59f5df0fd7f9f3272"
dependencies = [
"bitflags 2.13.2",
- "objc2 0.6.5",
+ "block2",
+ "objc2",
"objc2-core-foundation",
]
@@ -4460,34 +4347,10 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "180788110936d59bab6bd83b6060ffdfffb3b922ba1396b312ae795e1de9d81d"
dependencies = [
"bitflags 2.13.2",
- "objc2 0.6.5",
+ "objc2",
"objc2-core-foundation",
]
-[[package]]
-name = "objc2-link-presentation"
-version = "0.2.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a1a1ae721c5e35be65f01a03b6d2ac13a54cb4fa70d8a5da293d7b0020261398"
-dependencies = [
- "block2 0.5.1",
- "objc2 0.5.3",
- "objc2-app-kit 0.2.2",
- "objc2-foundation 0.2.2",
-]
-
-[[package]]
-name = "objc2-metal"
-version = "0.2.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dd0cba1276f6023976a406a14ffa85e1fdd19df6b0f737b063b95f6c8c7aadd6"
-dependencies = [
- "bitflags 2.13.2",
- "block2 0.5.1",
- "objc2 0.5.3",
- "objc2-foundation 0.2.2",
-]
-
[[package]]
name = "objc2-metal"
version = "0.3.2"
@@ -4495,101 +4358,81 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "a0125f776a10d00af4152d74616409f0d4a2053a6f57fa5b7d6aa2854ac04794"
dependencies = [
"bitflags 2.13.2",
- "block2 0.6.2",
- "objc2 0.6.5",
- "objc2-foundation 0.3.2",
+ "block2",
+ "objc2",
+ "objc2-foundation",
]
[[package]]
name = "objc2-quartz-core"
-version = "0.2.2"
+version = "0.3.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e42bee7bff906b14b167da2bac5efe6b6a07e6f7c0a21a7308d40c960242dc7a"
+checksum = "96c1358452b371bf9f104e21ec536d37a650eb10f7ee379fff67d2e08d537f1f"
dependencies = [
"bitflags 2.13.2",
- "block2 0.5.1",
- "objc2 0.5.3",
- "objc2-foundation 0.2.2",
- "objc2-metal 0.2.2",
+ "objc2",
+ "objc2-core-foundation",
+ "objc2-core-graphics",
+ "objc2-foundation",
+ "objc2-metal",
]
[[package]]
-name = "objc2-quartz-core"
+name = "objc2-ui-kit"
version = "0.3.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "96c1358452b371bf9f104e21ec536d37a650eb10f7ee379fff67d2e08d537f1f"
+checksum = "d87d638e33c06f577498cbcc50491496a3ed4246998a7fbba7ccb98b1e7eab22"
dependencies = [
"bitflags 2.13.2",
- "objc2 0.6.5",
+ "objc2",
"objc2-core-foundation",
- "objc2-core-graphics",
- "objc2-foundation 0.3.2",
- "objc2-metal 0.3.2",
+ "objc2-foundation",
]
[[package]]
-name = "objc2-symbols"
-version = "0.2.2"
+name = "objc2-web-kit"
+version = "0.3.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0a684efe3dec1b305badae1a28f6555f6ddd3bb2c2267896782858d5a78404dc"
+checksum = "b2e5aaab980c433cf470df9d7af96a7b46a9d892d521a2cbbb2f8a4c16751e7f"
dependencies = [
- "objc2 0.5.3",
- "objc2-foundation 0.2.2",
+ "bitflags 2.13.2",
+ "block2",
+ "objc2",
+ "objc2-app-kit",
+ "objc2-core-foundation",
+ "objc2-foundation",
]
[[package]]
-name = "objc2-ui-kit"
-version = "0.2.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b8bb46798b20cd6b91cbd113524c490f1686f4c4e8f49502431415f3512e2b6f"
-dependencies = [
- "bitflags 2.13.2",
- "block2 0.5.1",
- "objc2 0.5.3",
- "objc2-cloud-kit",
- "objc2-core-data",
- "objc2-core-image",
- "objc2-core-location",
- "objc2-foundation 0.2.2",
- "objc2-link-presentation",
- "objc2-quartz-core 0.2.2",
- "objc2-symbols",
- "objc2-uniform-type-identifiers",
- "objc2-user-notifications",
-]
-
-[[package]]
-name = "objc2-uniform-type-identifiers"
-version = "0.2.2"
+name = "objc_id"
+version = "0.1.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "44fa5f9748dbfe1ca6c0b79ad20725a11eca7c2218bceb4b005cb1be26273bfe"
+checksum = "c92d4ddb4bd7b50d730c215ff871754d0da6b2178849f8a2a2ab69712d0c073b"
dependencies = [
- "block2 0.5.1",
- "objc2 0.5.3",
- "objc2-foundation 0.2.2",
+ "objc",
]
[[package]]
-name = "objc2-user-notifications"
-version = "0.2.2"
+name = "oboe"
+version = "0.6.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "76cfcbf642358e8689af64cee815d139339f3ed8ad05103ed5eaf73db8d84cb3"
+checksum = "e8b61bebd49e5d43f5f8cc7ee2891c16e0f41ec7954d36bcb6c14c5e0de867fb"
dependencies = [
- "bitflags 2.13.2",
- "block2 0.5.1",
- "objc2 0.5.3",
- "objc2-core-location",
- "objc2-foundation 0.2.2",
+ "jni 0.21.1",
+ "ndk 0.8.0",
+ "ndk-context",
+ "num-derive",
+ "num-traits",
+ "oboe-sys",
]
[[package]]
-name = "offset-allocator"
-version = "0.2.0"
+name = "oboe-sys"
+version = "0.6.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e234d535da3521eb95106f40f0b73483d80bfb3aacf27c40d7e2b72f1a3e00a2"
+checksum = "6c8bb09a4a2b1d668170cfe0a7d5bc103f8999fb316c98099b6a9939c9f2e79d"
dependencies = [
- "log",
- "nonmax",
+ "cc",
]
[[package]]
@@ -4598,18 +4441,37 @@ version = "1.21.4"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "9f7c3e4beb33f85d45ae3e3a1792185706c8e16d043238c593331cc7cd313b50"
-[[package]]
-name = "once_cell_polyfill"
-version = "1.70.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "384b8ab6d37215f3c5301a95a4accb5d64aa607f1fcb26a11b5303878451b4fe"
-
[[package]]
name = "opaque-debug"
version = "0.3.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "c08d65885ee38876c4f86fa503fb49d7b507c2b62552df7c70b2fce627e06381"
+[[package]]
+name = "openssl"
+version = "0.10.81"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "77823a27f0babb03091cb9ed9ef80af3b39dbc82f97e8fa530374b7dafd87a45"
+dependencies = [
+ "bitflags 2.13.2",
+ "cfg-if",
+ "foreign-types 0.3.2",
+ "libc",
+ "openssl-macros",
+ "openssl-sys",
+]
+
+[[package]]
+name = "openssl-macros"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a948666b637a0f465e8564c73e89d4dde00d72d4d473cc972f390fc3dcee7d9c"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
+]
+
[[package]]
name = "openssl-probe"
version = "0.2.1"
@@ -4617,15 +4479,23 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "7c87def4c32ab89d880effc9e097653c8da5d6ef28e6b539d313baaacfbafcbe"
[[package]]
-name = "orbclient"
-version = "0.3.55"
+name = "openssl-sys"
+version = "0.9.117"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5df339f526ea9a60e371768d50efc2f2508c7203290731565d1f7a6f71d21747"
+checksum = "b47e7e6bb2c38cd930d25a23b40fa52e068c10e85f3e03a7f5ba5aaca5713695"
dependencies = [
+ "cc",
"libc",
- "libredox",
+ "pkg-config",
+ "vcpkg",
]
+[[package]]
+name = "option-ext"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "04744f49eae99ab78e0d5c0b603ab218f515ea8cfe5a456d7629ad883a3b6e7d"
+
[[package]]
name = "ordered-float"
version = "5.5.0"
@@ -4636,29 +4506,38 @@ dependencies = [
]
[[package]]
-name = "os_pipe"
-version = "1.2.3"
+name = "owned_ttf_parser"
+version = "0.25.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7d8fae84b431384b68627d0f9b3b1245fcf9f46f6c0e3dc902e9dce64edd1967"
+checksum = "36820e9051aca1014ddc75770aab4d68bc1e9e632f0f5627c4086bc216fb583b"
dependencies = [
- "libc",
- "windows-sys 0.61.2",
+ "ttf-parser",
]
[[package]]
-name = "owned_ttf_parser"
-version = "0.25.1"
+name = "pango"
+version = "0.18.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "36820e9051aca1014ddc75770aab4d68bc1e9e632f0f5627c4086bc216fb583b"
+checksum = "7ca27ec1eb0457ab26f3036ea52229edbdb74dee1edd29063f5b9b010e7ebee4"
dependencies = [
- "ttf-parser",
+ "gio",
+ "glib",
+ "libc",
+ "once_cell",
+ "pango-sys",
]
[[package]]
-name = "parking"
-version = "2.2.1"
+name = "pango-sys"
+version = "0.18.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f38d5652c16fde515bb1ecef450ab0f6a219d619a7274976324d5e377f7dceba"
+checksum = "436737e391a843e5933d6d9aa102cb126d501e815b83601365a948a518555dc5"
+dependencies = [
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+]
[[package]]
name = "parking_lot"
@@ -4678,82 +4557,168 @@ checksum = "2621685985a2ebf1c516881c026032ac7deafcda1a2c9b7850dc81e3dfcb64c1"
dependencies = [
"cfg-if",
"libc",
- "redox_syscall 0.5.18",
+ "redox_syscall",
"smallvec",
- "windows-link",
+ "windows-link 0.2.1",
+]
+
+[[package]]
+name = "password-hash"
+version = "0.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "aab41826031698d6ffcd9cff78ef56ef998e39dc7e5067cdfebe373842d4723b"
+dependencies = [
+ "getrandom 0.4.3",
+ "phc",
]
[[package]]
-name = "parlance"
+name = "paste"
+version = "1.0.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "57c0d7b74b563b49d38dae00a0c37d4d6de9b432382b2892f0574ddcae73fd0a"
+
+[[package]]
+name = "pastey"
version = "0.1.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "73072a9470554c8e794778acece2312661218aaabb635600957d952cf01c716e"
+checksum = "35fb2e5f958ec131621fdd531e9fc186ed768cbe395337403ae56c17a74c68ec"
[[package]]
-name = "parley"
-version = "0.11.1"
+name = "percent-encoding"
+version = "2.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9b4f627cb1b25917193a259e49bdad08f671f8d9708acfd5fe0a8c1455d87220"
+
+[[package]]
+name = "phc"
+version = "0.6.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "22d2ff88bd3f7d68d1d9b09c7e6209f9a8e8c05088295140a2bcf2e9b17038c5"
+checksum = "44dc769b75f93afdddd8c7fa12d685292ddeff1e66f7f0f3a234cf1818afe892"
dependencies = [
- "fontique",
- "harfrust",
- "hashbrown 0.17.1",
- "icu_normalizer",
- "icu_properties",
- "icu_segmenter",
- "linebender_resource_handle",
- "parlance",
- "parley_data",
- "skrifa",
+ "base64ct",
+ "ctutils",
+ "getrandom 0.4.3",
]
[[package]]
-name = "parley_data"
-version = "0.11.1"
+name = "phf"
+version = "0.8.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1567535334d6ba2d3cde19221ba9a7bd0fabb3cbd99046ddfb10ae061cfcc889"
+checksum = "3dfb61232e34fcb633f43d12c58f83c1df82962dcdfa565a4e866ffc17dafe12"
dependencies = [
- "icu_properties",
+ "phf_shared 0.8.0",
]
[[package]]
-name = "password-hash"
-version = "0.6.1"
+name = "phf"
+version = "0.10.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "aab41826031698d6ffcd9cff78ef56ef998e39dc7e5067cdfebe373842d4723b"
+checksum = "fabbf1ead8a5bcbc20f5f8b939ee3f5b0f6f281b6ad3468b84656b658b455259"
dependencies = [
- "getrandom 0.4.3",
- "phc",
+ "phf_macros",
+ "phf_shared 0.10.0",
+ "proc-macro-hack",
]
[[package]]
-name = "percent-encoding"
-version = "2.3.2"
+name = "phf"
+version = "0.11.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9b4f627cb1b25917193a259e49bdad08f671f8d9708acfd5fe0a8c1455d87220"
+checksum = "1fd6780a80ae0c52cc120a26a1a42c1ae51b247a253e4e06113d23d2c2edd078"
+dependencies = [
+ "phf_shared 0.11.3",
+]
[[package]]
-name = "petgraph"
-version = "0.8.3"
+name = "phf_codegen"
+version = "0.8.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8701b58ea97060d5e5b155d383a69952a60943f0e6dfe30b04c287beb0b27455"
+checksum = "cbffee61585b0411840d3ece935cce9cb6321f01c45477d30066498cd5e1a815"
dependencies = [
- "fixedbitset",
- "hashbrown 0.15.5",
- "indexmap",
- "serde",
- "serde_derive",
+ "phf_generator 0.8.0",
+ "phf_shared 0.8.0",
]
[[package]]
-name = "phc"
-version = "0.6.1"
+name = "phf_codegen"
+version = "0.11.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "44dc769b75f93afdddd8c7fa12d685292ddeff1e66f7f0f3a234cf1818afe892"
+checksum = "aef8048c789fa5e851558d709946d6d79a8ff88c0440c587967f8e94bfb1216a"
dependencies = [
- "base64ct",
- "ctutils",
- "getrandom 0.4.3",
+ "phf_generator 0.11.3",
+ "phf_shared 0.11.3",
+]
+
+[[package]]
+name = "phf_generator"
+version = "0.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "17367f0cc86f2d25802b2c26ee58a7b23faeccf78a396094c13dced0d0182526"
+dependencies = [
+ "phf_shared 0.8.0",
+ "rand 0.7.3",
+]
+
+[[package]]
+name = "phf_generator"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d5285893bb5eb82e6aaf5d59ee909a06a16737a8970984dd7746ba9283498d6"
+dependencies = [
+ "phf_shared 0.10.0",
+ "rand 0.8.8",
+]
+
+[[package]]
+name = "phf_generator"
+version = "0.11.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3c80231409c20246a13fddb31776fb942c38553c51e871f8cbd687a4cfb5843d"
+dependencies = [
+ "phf_shared 0.11.3",
+ "rand 0.8.8",
+]
+
+[[package]]
+name = "phf_macros"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "58fdf3184dd560f160dd73922bea2d5cd6e8f064bf4b13110abd81b03697b4e0"
+dependencies = [
+ "phf_generator 0.10.0",
+ "phf_shared 0.10.0",
+ "proc-macro-hack",
+ "proc-macro2",
+ "quote",
+ "syn 1.0.109",
+]
+
+[[package]]
+name = "phf_shared"
+version = "0.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c00cf8b9eafe68dde5e9eaa2cef8ee84a9336a47d566ec55ca16589633b65af7"
+dependencies = [
+ "siphasher 0.3.11",
+]
+
+[[package]]
+name = "phf_shared"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6796ad771acdc0123d2a88dc428b5e38ef24456743ddb1744ed628f9815c096"
+dependencies = [
+ "siphasher 0.3.11",
+]
+
+[[package]]
+name = "phf_shared"
+version = "0.11.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "67eabc2ef2a60eb7faa00097bd1ffdb5bd28e62bf39990626a582201b7a754e5"
+dependencies = [
+ "siphasher 1.0.4",
]
[[package]]
@@ -4782,17 +4747,6 @@ version = "0.2.17"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "a89322df9ebe1c1578d689c92318e070967d1042b512afbe49518723f4e6d5cd"
-[[package]]
-name = "piper"
-version = "0.2.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c835479a4443ded371d6c535cbfd8d31ad92c5d23ae9770a61bc155e4992a3c1"
-dependencies = [
- "atomic-waker",
- "fastrand",
- "futures-io",
-]
-
[[package]]
name = "pkg-config"
version = "0.3.34"
@@ -4800,10 +4754,17 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "f6b464fbc74e149a392436b17d523f769e057cb6877f6a5c4618bc6f11800548"
[[package]]
-name = "plain"
-version = "0.2.3"
+name = "png"
+version = "0.17.16"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b4596b6d070b27117e987119b4dac604f3c58cfb0b191112e24771b2faeac1a6"
+checksum = "82151a2fc869e011c153adc57cf2789ccb8d9906ce52c0b39a6b5697749d7526"
+dependencies = [
+ "bitflags 1.3.2",
+ "crc32fast",
+ "fdeflate",
+ "flate2",
+ "miniz_oxide 0.8.9",
+]
[[package]]
name = "png"
@@ -4819,18 +4780,10 @@ dependencies = [
]
[[package]]
-name = "polling"
-version = "3.11.0"
+name = "pollster"
+version = "0.4.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5d0e4f59085d47d8241c88ead0f274e8a0cb551f3625263c05eb8dd897c34218"
-dependencies = [
- "cfg-if",
- "concurrent-queue",
- "hermit-abi",
- "pin-project-lite",
- "rustix 1.1.5",
- "windows-sys 0.61.2",
-]
+checksum = "2f3a9f18d041e6d0e102a0a46750538147e5e8992d3b4873aaafee2520b00ce3"
[[package]]
name = "polyval"
@@ -4865,8 +4818,6 @@ version = "0.1.6"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "d83eb9bc6d8e5cf568e7a1101d60ee05e81ed50ea106026f3d18deeb046d7661"
dependencies = [
- "serde_core",
- "writeable",
"zerovec",
]
@@ -4885,21 +4836,77 @@ dependencies = [
"zerocopy",
]
+[[package]]
+name = "precomputed-hash"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "925383efa346730478fb4838dbe9137d2a47675ad789c546d150a6e1dd4ab31c"
+
[[package]]
name = "presser"
version = "0.3.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "e8cf8e6a8aa66ce33f63993ffc4ea4271eb5b0530a9002db8455ea6050c77bfa"
+[[package]]
+name = "proc-macro-crate"
+version = "1.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7f4c021e1093a56626774e81216a4ce732a735e5bad4868a03f3ed65ca0c3919"
+dependencies = [
+ "once_cell",
+ "toml_edit 0.19.15",
+]
+
+[[package]]
+name = "proc-macro-crate"
+version = "2.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b00f26d3400549137f92511a46ac1cd8ce37cb5598a96d382381458b992a5d24"
+dependencies = [
+ "toml_datetime 0.6.3",
+ "toml_edit 0.20.2",
+]
+
[[package]]
name = "proc-macro-crate"
version = "3.5.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "e67ba7e9b2b56446f1d419b1d807906278ffa1a658a8a5d8a39dcb1f5a78614f"
dependencies = [
- "toml_edit",
+ "toml_edit 0.25.17+spec-1.1.0",
+]
+
+[[package]]
+name = "proc-macro-error"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "da25490ff9892aab3fcf7c36f08cfb902dd3e71ca0f9f9517bea02a73a5ce38c"
+dependencies = [
+ "proc-macro-error-attr",
+ "proc-macro2",
+ "quote",
+ "syn 1.0.109",
+ "version_check",
+]
+
+[[package]]
+name = "proc-macro-error-attr"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a1be40180e52ecc98ad80b184934baf3d0d29f979574e439af5a55274b35f869"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "version_check",
]
+[[package]]
+name = "proc-macro-hack"
+version = "0.5.20+deprecated"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dc375e1527247fe1a97d8b7156678dfe7c1af2fc075c9a4db3690ecd2a148068"
+
[[package]]
name = "proc-macro2"
version = "1.0.107"
@@ -4909,11 +4916,52 @@ dependencies = [
"unicode-ident",
]
+[[package]]
+name = "proc-macro2-diagnostics"
+version = "0.10.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "af066a9c399a26e020ada66a034357a868728e72cd426f3adcd35f80d88d88c8"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
+ "version_check",
+]
+
[[package]]
name = "profiling"
version = "1.0.18"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "3d595e54a326bc53c1c197b32d295e14b169e3cfeaa8dc82b529f947fba6bcf5"
+dependencies = [
+ "profiling-procmacros",
+]
+
+[[package]]
+name = "profiling-procmacros"
+version = "1.0.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4488a4a36b9a4ba6b9334a32a39971f77c1436ec82c38707bce707699cc3bbcb"
+dependencies = [
+ "quote",
+ "syn 2.0.119",
+]
+
+[[package]]
+name = "psl-types"
+version = "2.0.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "33cb294fe86a74cbcf50d4445b37da762029549ebeea341421c7c70370f86cac"
+
+[[package]]
+name = "publicsuffix"
+version = "2.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6f42ea446cab60335f76979ec15e12619a2165b5ae2c12166bef27d283a9fadf"
+dependencies = [
+ "idna",
+ "psl-types",
+]
[[package]]
name = "pulldown-cmark"
@@ -4923,9 +4971,39 @@ checksum = "e9f068eba8e7071c5f9511831b44f32c740d5adf574e990f946ddb53db2f314e"
dependencies = [
"bitflags 2.13.2",
"memchr",
+ "pulldown-cmark-escape",
"unicase",
]
+[[package]]
+name = "pulldown-cmark-escape"
+version = "0.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "007d8adb5ddab6f8e3f491ac63566a7d5002cc7ed73901f72057943fa71ae1ae"
+
+[[package]]
+name = "pulp"
+version = "0.22.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "046aa45b989642ec2e4717c8e72d677b13edd831a4d3b6cf37d9a3e54912496a"
+dependencies = [
+ "bytemuck",
+ "cfg-if",
+ "libm",
+ "num-complex",
+ "paste",
+ "pulp-wasm-simd-flag",
+ "raw-cpuid",
+ "reborrow",
+ "version_check",
+]
+
+[[package]]
+name = "pulp-wasm-simd-flag"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1d8f70e07b9c3962945a74e59ca1c511bba65b6419468acc217c457d93f3c740"
+
[[package]]
name = "pxfm"
version = "0.1.30"
@@ -4933,14 +5011,20 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "d55d956fa96f5ec02be2e13af0e20391a5aa83d6a074e3ad368959d0fab299ea"
[[package]]
-name = "quick-xml"
-version = "0.41.0"
+name = "qoi"
+version = "0.4.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e660451e55124f798a69a5af3f49ccfbefbd41910eefd25caf2393e1f3473ec1"
+checksum = "7f6d64c71eb498fe9eae14ce4ec935c555749aef511cca85b5568910d6e48001"
dependencies = [
- "memchr",
+ "bytemuck",
]
+[[package]]
+name = "quick-error"
+version = "2.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a993555f31e5a609f617c12db6250dedcac1b0a85076912c436e6fc9b2c8e6a3"
+
[[package]]
name = "quinn"
version = "0.11.12"
@@ -4972,7 +5056,7 @@ dependencies = [
"getrandom 0.4.3",
"lru-slab",
"rand 0.10.3",
- "rand_pcg",
+ "rand_pcg 0.10.2",
"ring",
"rustc-hash 2.1.3",
"rustls",
@@ -5020,16 +5104,18 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "f8dcc9c7d52a811697d2151c701e0d08956f92b0e24136cf4cf27b57a6a0d9bf"
[[package]]
-name = "radium"
-version = "0.7.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dc33ff2d4973d518d823d61aa239014831e521c75da58e3df4840d3f47749d09"
-
-[[package]]
-name = "radsort"
-version = "0.1.1"
+name = "rand"
+version = "0.7.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "019b4b213425016d7d84a153c4c73afb0946fbb4840e4eece7ba8848b9d6da22"
+checksum = "6a6b1679d49b24bbfe0c803429aa1874472f50d9b363131f0e89fc356b544d03"
+dependencies = [
+ "getrandom 0.1.16",
+ "libc",
+ "rand_chacha 0.2.2",
+ "rand_core 0.5.1",
+ "rand_hc",
+ "rand_pcg 0.2.1",
+]
[[package]]
name = "rand"
@@ -5063,6 +5149,16 @@ dependencies = [
"rand_core 0.10.1",
]
+[[package]]
+name = "rand_chacha"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f4c8ed856279c9737206bf725bf36935d8666ead7aa69b52be55af369d193402"
+dependencies = [
+ "ppv-lite86",
+ "rand_core 0.5.1",
+]
+
[[package]]
name = "rand_chacha"
version = "0.3.1"
@@ -5083,6 +5179,15 @@ dependencies = [
"rand_core 0.9.5",
]
+[[package]]
+name = "rand_core"
+version = "0.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "90bde5296fc891b0cef12a6d03ddccc162ce7b2aff54160af9338f8d40df6d19"
+dependencies = [
+ "getrandom 0.1.16",
+]
+
[[package]]
name = "rand_core"
version = "0.6.4"
@@ -5108,13 +5213,21 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "63b8176103e19a2643978565ca18b50549f6101881c443590420e4dc998a3c69"
[[package]]
-name = "rand_distr"
-version = "0.6.0"
+name = "rand_hc"
+version = "0.2.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4d431c2703ccf129de4d45253c03f49ebb22b97d6ad79ee3ecfc7e3f4862c1d8"
+checksum = "ca3129af7b92a17112d59ad498c6f81eaf463253766b90396d39ea7a39d6613c"
dependencies = [
- "num-traits",
- "rand 0.10.3",
+ "rand_core 0.5.1",
+]
+
+[[package]]
+name = "rand_pcg"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "16abd0c1b639e9eb4d7c50c0b8100b0d0f849be2349829c740fe8e6eb4816429"
+dependencies = [
+ "rand_core 0.5.1",
]
[[package]]
@@ -5132,6 +5245,71 @@ version = "0.1.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "ca45419789ae5a7899559e9512e58ca889e41f04f1f2445e9f4b290ceccd1d08"
+[[package]]
+name = "rav1e"
+version = "0.8.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "43b6dd56e85d9483277cde964fd1bdb0428de4fec5ebba7540995639a21cb32b"
+dependencies = [
+ "aligned-vec",
+ "arbitrary",
+ "arg_enum_proc_macro",
+ "arrayvec",
+ "av-scenechange",
+ "av1-grain",
+ "bitstream-io",
+ "built",
+ "cfg-if",
+ "interpolate_name",
+ "itertools 0.14.0",
+ "libc",
+ "libfuzzer-sys",
+ "log",
+ "maybe-rayon",
+ "new_debug_unreachable",
+ "noop_proc_macro",
+ "num-derive",
+ "num-traits",
+ "paste",
+ "profiling",
+ "rand 0.9.5",
+ "rand_chacha 0.9.0",
+ "simd_helpers",
+ "thiserror 2.0.21",
+ "v_frame",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "ravif"
+version = "0.13.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e52310197d971b0f5be7fe6b57530dcd27beb35c1b013f29d66c1ad73fbbcc45"
+dependencies = [
+ "avif-serialize",
+ "imgref",
+ "loop9",
+ "quick-error",
+ "rav1e",
+ "rayon",
+ "rgb",
+]
+
+[[package]]
+name = "raw-cpuid"
+version = "11.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "498cd0dc59d73224351ee52a95fee0f1a617a2eae0e7d9d720cc622c73a54186"
+dependencies = [
+ "bitflags 2.13.2",
+]
+
+[[package]]
+name = "raw-window-handle"
+version = "0.5.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f2ff9a1f06a88b01621b7ae906ef0211290d1c8a168a15542486a8f61c0833b9"
+
[[package]]
name = "raw-window-handle"
version = "0.6.2"
@@ -5144,28 +5322,37 @@ version = "1.1.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "40d213455a5f1dc59214213c7330e074ddf8114c9a42411eb890c767357ce135"
dependencies = [
- "objc2 0.6.5",
+ "objc2",
"objc2-core-foundation",
- "objc2-foundation 0.3.2",
- "objc2-quartz-core 0.3.2",
+ "objc2-foundation",
+ "objc2-quartz-core",
]
[[package]]
-name = "read-fonts"
-version = "0.41.0"
+name = "rayon"
+version = "1.12.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "046a7d674daf459825b32f5062056d6882db0d2f5a479fbd76ccfc870ac18709"
+checksum = "fb39b166781f92d482534ef4b4b1b2568f42613b53e5b6c160e24cfbfa30926d"
dependencies = [
- "bytemuck",
- "font-types",
- "once_cell",
+ "either",
+ "rayon-core",
]
[[package]]
-name = "rectangle-pack"
-version = "0.4.2"
+name = "rayon-core"
+version = "1.13.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "22e18b0f0062d30d4230b2e85ff77fdfe4326feb054b9783a3460d8435c8ab91"
+dependencies = [
+ "crossbeam-deque",
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "reborrow"
+version = "0.5.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a0d463f2884048e7153449a55166f91028d5b0ea53c79377099ce4e8cf0cf9bb"
+checksum = "03251193000f4bd3b042892be858ee50e8b3719f2b08e5833ac4353724632430"
[[package]]
name = "redb"
@@ -5176,15 +5363,6 @@ dependencies = [
"libc",
]
-[[package]]
-name = "redox_syscall"
-version = "0.4.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4722d768eff46b75989dd134e5c353f0d6296e5aaa3132e776cbdb56be7731aa"
-dependencies = [
- "bitflags 1.3.2",
-]
-
[[package]]
name = "redox_syscall"
version = "0.5.18"
@@ -5195,12 +5373,13 @@ dependencies = [
]
[[package]]
-name = "redox_syscall"
-version = "0.9.4"
+name = "redox_users"
+version = "0.5.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "737970939a87c6fa31e7acad13307bccbb017a073b695b6089a2c484f929e20e"
+checksum = "60dc65c0ff1a7ae1294b0c67b9f14baf70b644404010370171787bfac1038fc0"
dependencies = [
- "bitflags 2.13.2",
+ "libredox",
+ "thiserror 2.0.21",
]
[[package]]
@@ -5238,6 +5417,50 @@ version = "1.1.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "19b30a45b0cd0bcca8037f3d0dc3421eaf95327a17cad11964fb8179b4fc4832"
+[[package]]
+name = "reqwest"
+version = "0.12.28"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "eddd3ca559203180a307f12d114c268abf583f59b03cb906fd0b3ff8646c1147"
+dependencies = [
+ "base64 0.22.1",
+ "bytes",
+ "cookie",
+ "cookie_store",
+ "futures-core",
+ "futures-util",
+ "http",
+ "http-body",
+ "http-body-util",
+ "hyper",
+ "hyper-rustls",
+ "hyper-util",
+ "js-sys",
+ "log",
+ "mime_guess",
+ "percent-encoding",
+ "pin-project-lite",
+ "quinn",
+ "rustls",
+ "rustls-pki-types",
+ "serde",
+ "serde_json",
+ "serde_urlencoded",
+ "sync_wrapper",
+ "tokio",
+ "tokio-rustls",
+ "tokio-util",
+ "tower",
+ "tower-http",
+ "tower-service",
+ "url",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "wasm-streams 0.4.2",
+ "web-sys",
+ "webpki-roots",
+]
+
[[package]]
name = "reqwest"
version = "0.13.5"
@@ -5275,10 +5498,40 @@ dependencies = [
"url",
"wasm-bindgen",
"wasm-bindgen-futures",
- "wasm-streams",
+ "wasm-streams 0.5.0",
+ "web-sys",
+]
+
+[[package]]
+name = "rfd"
+version = "0.17.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "20dafead71c16a34e1ff357ddefc8afc11e7d51d6d2b9fbd07eaa48e3e540220"
+dependencies = [
+ "block2",
+ "dispatch2",
+ "js-sys",
+ "libc",
+ "log",
+ "objc2",
+ "objc2-app-kit",
+ "objc2-core-foundation",
+ "objc2-foundation",
+ "percent-encoding",
+ "pollster",
+ "raw-window-handle 0.6.2",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
"web-sys",
+ "windows-sys 0.61.2",
]
+[[package]]
+name = "rgb"
+version = "0.8.53"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "47b34b781b31e5d73e9fbc8689c70551fd1ade9a19e3e28cfec8580a79290cc4"
+
[[package]]
name = "ring"
version = "0.17.14"
@@ -5293,29 +5546,6 @@ dependencies = [
"windows-sys 0.52.0",
]
-[[package]]
-name = "ron"
-version = "0.12.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "81116b9531d61eabc41aeb228e4b6b2435bcca3233b98cf3b3077d4e6e9debb3"
-dependencies = [
- "bitflags 2.13.2",
- "once_cell",
- "serde",
- "serde_derive",
- "typeid",
- "unicode-ident",
-]
-
-[[package]]
-name = "roxmltree"
-version = "0.21.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f1964b10c76125c36f8afe190065a4bf9a87bf324842c05701330bba9f1cacbb"
-dependencies = [
- "memchr",
-]
-
[[package]]
name = "rust-embed"
version = "8.13.0"
@@ -5372,19 +5602,6 @@ dependencies = [
"semver",
]
-[[package]]
-name = "rustix"
-version = "0.38.44"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fdb5bc1ae2baa591800df16c9ca78619bf65c0488b41b96ccec5d11220d8c154"
-dependencies = [
- "bitflags 2.13.2",
- "errno",
- "libc",
- "linux-raw-sys 0.4.15",
- "windows-sys 0.59.0",
-]
-
[[package]]
name = "rustix"
version = "1.1.5"
@@ -5394,7 +5611,7 @@ dependencies = [
"bitflags 2.13.2",
"errno",
"libc",
- "linux-raw-sys 0.12.1",
+ "linux-raw-sys",
"windows-sys 0.61.2",
]
@@ -5442,9 +5659,9 @@ version = "0.7.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "1167586491e2b18b8bfbb293e8180ec17c201c4f076d7cb3070ca964e7598f98"
dependencies = [
- "core-foundation 0.10.1",
+ "core-foundation",
"core-foundation-sys",
- "jni",
+ "jni 0.22.4",
"log",
"once_cell",
"rustls",
@@ -5510,7 +5727,7 @@ dependencies = [
"hyper-rustls",
"hyper-util",
"percent-encoding",
- "reqwest",
+ "reqwest 0.13.5",
"rustls",
"salvo_core",
"tokio",
@@ -5608,7 +5825,7 @@ version = "1.0.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "0b7644c99267dd8a97d97a00ad1358c6d597db764354fe6c7679105af62d1f7c"
dependencies = [
- "proc-macro-crate",
+ "proc-macro-crate 3.5.0",
"proc-macro2",
"quote",
"salvo-serde-util",
@@ -5633,31 +5850,12 @@ dependencies = [
"windows-sys 0.61.2",
]
-[[package]]
-name = "scoped-tls"
-version = "1.0.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e1cf6437eb19a8f4a6cc0f7dca544973b0b78843adbfeb3683d1a94a0024a294"
-
[[package]]
name = "scopeguard"
version = "1.2.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "94143f37725109f92c262ed2cf5e59bce7498c01bcc1502d7b9afe439a4e9f49"
-[[package]]
-name = "sctk-adwaita"
-version = "0.10.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b6277f0217056f77f1d8f49f2950ac6c278c0d607c45f5ee99328d792ede24ec"
-dependencies = [
- "ab_glyph",
- "log",
- "memmap2",
- "smithay-client-toolkit",
- "tiny-skia",
-]
-
[[package]]
name = "security-framework"
version = "3.7.0"
@@ -5665,7 +5863,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "b7f4bc775c73d9a02cde8bf7b2ec4c9d12743edf609006c7facc23998404cd1d"
dependencies = [
"bitflags 2.13.2",
- "core-foundation 0.10.1",
+ "core-foundation",
"core-foundation-sys",
"libc",
"security-framework-sys",
@@ -5681,6 +5879,24 @@ dependencies = [
"libc",
]
+[[package]]
+name = "selectors"
+version = "0.24.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0c37578180969d00692904465fb7f6b3d50b9a2b952b87c23d0e2e5cb5013416"
+dependencies = [
+ "bitflags 1.3.2",
+ "cssparser",
+ "derive_more 0.99.20",
+ "fxhash",
+ "log",
+ "phf 0.8.0",
+ "phf_codegen 0.8.0",
+ "precomputed-hash",
+ "servo_arc",
+ "smallvec",
+]
+
[[package]]
name = "semver"
version = "1.0.28"
@@ -5692,6 +5908,9 @@ name = "send_wrapper"
version = "0.6.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "cd0b0ec5f1c1ca621c432a25813d8d60c88abe6d3e08a3eb9cf37d97a0fe3d73"
+dependencies = [
+ "futures-core",
+]
[[package]]
name = "serde"
@@ -5703,6 +5922,17 @@ dependencies = [
"serde_derive",
]
+[[package]]
+name = "serde-wasm-bindgen"
+version = "0.6.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8302e169f0eddcc139c70f139d19d6467353af16f9fce27e8c30158036a1e16b"
+dependencies = [
+ "js-sys",
+ "serde",
+ "wasm-bindgen",
+]
+
[[package]]
name = "serde-xml-rs"
version = "0.8.2"
@@ -5749,14 +5979,47 @@ dependencies = [
]
[[package]]
-name = "serde_spanned"
-version = "1.1.2"
+name = "serde_path_to_error"
+version = "0.1.20"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4e7523beb55eece201a2356bee0bbca0d1ab466c14c07703b2e0ee6d42cb0c2c"
+checksum = "10a9ff822e371bb5403e391ecd83e182e0e77ba7f6fe0160b795797109d1b457"
dependencies = [
+ "itoa",
+ "serde",
"serde_core",
]
+[[package]]
+name = "serde_qs"
+version = "0.15.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f3faaf9e727533a19351a43cc5a8de957372163c7d35cc48c90b75cdda13c352"
+dependencies = [
+ "percent-encoding",
+ "serde",
+ "thiserror 2.0.21",
+]
+
+[[package]]
+name = "serde_repr"
+version = "0.1.21"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8d3b1629de253c70a0508c3899572da79ca359fdab27c7920ff00406df418906"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 3.0.9",
+]
+
+[[package]]
+name = "serde_spanned"
+version = "0.6.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bf41e0cfaf7226dca15e8197172c295a782857fcb97fad1808a166870dee75a3"
+dependencies = [
+ "serde",
+]
+
[[package]]
name = "serde_urlencoded"
version = "0.7.1"
@@ -5769,6 +6032,16 @@ dependencies = [
"serde",
]
+[[package]]
+name = "servo_arc"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d52aa42f8fdf0fed91e5ce7f23d8138441002fa31dca008acf47e6fd4721f741"
+dependencies = [
+ "nodrop",
+ "stable_deref_trait",
+]
+
[[package]]
name = "sha1"
version = "0.10.7"
@@ -5803,193 +6076,424 @@ dependencies = [
]
[[package]]
-name = "sharded-slab"
-version = "0.1.7"
+name = "sharded-slab"
+version = "0.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f40ca3c46823713e0d4209592e8d6e826aa57e928f09752619fc696c499637f6"
+dependencies = [
+ "lazy_static",
+]
+
+[[package]]
+name = "shlex"
+version = "1.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0fda2ff0d084019ba4d7c6f371c95d8fd75ce3524c3cb8fb653a3023f6323e64"
+
+[[package]]
+name = "shlex"
+version = "2.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f8fadd59c855ef2080decdef8ff161eb6661b86933c9d82e5ba29dc602a55aba"
+
+[[package]]
+name = "signal-hook"
+version = "0.3.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d881a16cf4426aa584979d30bd82cb33429027e42122b169753d6ef1085ed6e2"
+dependencies = [
+ "libc",
+ "signal-hook-registry",
+]
+
+[[package]]
+name = "signal-hook-registry"
+version = "1.4.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c4db69cba1110affc0e9f7bcd48bbf87b3f4fc7c61fc9155afd4c469eb3d6c1b"
+dependencies = [
+ "errno",
+ "libc",
+]
+
+[[package]]
+name = "simd-adler32"
+version = "0.3.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3a219298ac11a56ea9a6d2120044824d6f01aeb034955e7af7bc16858527deea"
+
+[[package]]
+name = "simd_cesu8"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "11031e251abf8611c80f460e19dbdeb54a66db918e49c65a7065b46ac7aec520"
+dependencies = [
+ "rustc_version",
+ "simdutf8",
+]
+
+[[package]]
+name = "simd_helpers"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "95890f873bec569a0362c235787f3aca6e1e887302ba4840839bcc6459c42da6"
+dependencies = [
+ "quote",
+]
+
+[[package]]
+name = "simdutf8"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e3a9fe34e3e7a50316060351f37187a3f546bce95496156754b601a5fa71b76e"
+
+[[package]]
+name = "siphasher"
+version = "0.3.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "38b58827f4464d87d377d175e90bf58eb00fd8716ff0a62f80356b5e61555d0d"
+
+[[package]]
+name = "siphasher"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "33f4fe9184a62d842c9ef383018f3306d8ba224fd9d836f56d7288308847c256"
+
+[[package]]
+name = "slab"
+version = "0.4.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0c790de23124f9ab44544d7ac05d60440adc586479ce501c1d6d7da3cd8c9cf5"
+
+[[package]]
+name = "sledgehammer_bindgen"
+version = "0.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "49e83e178d176459c92bc129cfd0958afac3ced925471b889b3a75546cfc4133"
+dependencies = [
+ "sledgehammer_bindgen_macro",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "sledgehammer_bindgen_macro"
+version = "0.6.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bb251b407f50028476a600541542b605bb864d35d9ee1de4f6cab45d88475e6d"
+dependencies = [
+ "quote",
+ "syn 2.0.119",
+]
+
+[[package]]
+name = "sledgehammer_utils"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "debdd4b83524961983cea3c55383b3910fd2f24fd13a188f5b091d2d504a61ae"
+dependencies = [
+ "rustc-hash 1.1.0",
+]
+
+[[package]]
+name = "slotmap"
+version = "1.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bdd58c3c93c3d278ca835519292445cb4b0d4dc59ccfdf7ceadaab3f8aeb4038"
+dependencies = [
+ "serde",
+ "version_check",
+]
+
+[[package]]
+name = "smallvec"
+version = "1.16.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5b3dc8af474f516a851ff4bd12db780f948b9250ad37211e4eec0bccea54e01b"
+
+[[package]]
+name = "socket2"
+version = "0.6.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c3d1e2c7f27f8d4cb10542a02c49005dbd6e93095799d6f3be745fae9f8fedd4"
+dependencies = [
+ "libc",
+ "windows-sys 0.61.2",
+]
+
+[[package]]
+name = "soup3"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "471f924a40f31251afc77450e781cb26d55c0b650842efafc9c6cbd2f7cc4f9f"
+dependencies = [
+ "futures-channel",
+ "gio",
+ "glib",
+ "libc",
+ "soup3-sys",
+]
+
+[[package]]
+name = "soup3-sys"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7ebe8950a680a12f24f15ebe1bf70db7af98ad242d9db43596ad3108aab86c27"
+dependencies = [
+ "gio-sys",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "spin"
+version = "0.9.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3763264f6b73151db08c50ff20d7d8a0b8796e021cdea7ceedad07b80155fa0e"
+
+[[package]]
+name = "spirv"
+version = "0.4.0+sdk-1.4.341.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f40ca3c46823713e0d4209592e8d6e826aa57e928f09752619fc696c499637f6"
+checksum = "d9571ea910ebd84c86af4b3ed27f9dbdc6ad06f17c5f96146b2b671e2976744f"
dependencies = [
- "lazy_static",
+ "bitflags 2.13.2",
]
[[package]]
-name = "shlex"
-version = "2.0.1"
+name = "stable_deref_trait"
+version = "1.2.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f8fadd59c855ef2080decdef8ff161eb6661b86933c9d82e5ba29dc602a55aba"
+checksum = "6ce2be8dc25455e1f91df71bfa12ad37d7af1092ae736f3a6cd0e37bc7810596"
[[package]]
-name = "signal-hook-registry"
-version = "1.4.8"
+name = "static_assertions"
+version = "1.1.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c4db69cba1110affc0e9f7bcd48bbf87b3f4fc7c61fc9155afd4c469eb3d6c1b"
-dependencies = [
- "errno",
- "libc",
-]
+checksum = "a2eb9349b6444b326872e140eb1cf5e7c522154d69e7a0ffb0fb81c06b37543f"
[[package]]
-name = "simd-adler32"
-version = "0.3.10"
+name = "str-buf"
+version = "3.0.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3a219298ac11a56ea9a6d2120044824d6f01aeb034955e7af7bc16858527deea"
+checksum = "0ceb97b7225c713c2fd4db0153cb6b3cab244eb37900c3f634ed4d43310d8c34"
[[package]]
-name = "simd_cesu8"
-version = "1.2.0"
+name = "string_cache"
+version = "0.8.9"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "11031e251abf8611c80f460e19dbdeb54a66db918e49c65a7065b46ac7aec520"
+checksum = "bf776ba3fa74f83bf4b63c3dcbbf82173db2632ed8452cb2d891d33f459de70f"
dependencies = [
- "rustc_version",
- "simdutf8",
+ "new_debug_unreachable",
+ "parking_lot",
+ "phf_shared 0.11.3",
+ "precomputed-hash",
+ "serde",
]
[[package]]
-name = "simdutf8"
-version = "0.1.5"
+name = "string_cache_codegen"
+version = "0.5.4"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e3a9fe34e3e7a50316060351f37187a3f546bce95496156754b601a5fa71b76e"
+checksum = "c711928715f1fe0fe509c53b43e993a9a557babc2d0a3567d0a3006f1ac931a0"
+dependencies = [
+ "phf_generator 0.11.3",
+ "phf_shared 0.11.3",
+ "proc-macro2",
+ "quote",
+]
[[package]]
-name = "skrifa"
-version = "0.44.0"
+name = "subsecond"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "819ab7d62b1d3e72d9d9dea5650bac30424f9111364bb94928dbf5ecad1baa68"
+checksum = "d350d5788fa94d560d92269266a50efc77b036bfca6675e420b64df7b3211f37"
dependencies = [
- "bytemuck",
- "read-fonts",
+ "js-sys",
+ "libc",
+ "libloading 0.8.9",
+ "memfd",
+ "memmap2",
+ "serde",
+ "subsecond-types",
+ "thiserror 2.0.21",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
]
[[package]]
-name = "slab"
-version = "0.4.12"
+name = "subsecond-types"
+version = "0.7.10"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0c790de23124f9ab44544d7ac05d60440adc586479ce501c1d6d7da3cd8c9cf5"
+checksum = "dcf32d66269b5fbb8558334e8d22b657b2f7af0dd2ef56c231541099a862e464"
+dependencies = [
+ "serde",
+]
[[package]]
-name = "slotmap"
-version = "1.1.1"
+name = "subtle"
+version = "2.6.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bdd58c3c93c3d278ca835519292445cb4b0d4dc59ccfdf7ceadaab3f8aeb4038"
-dependencies = [
- "version_check",
-]
+checksum = "13c2bddecc57b384dee18652358fb23172facb8a2c51ccc10d74c157bdea3292"
[[package]]
-name = "smallvec"
-version = "1.16.3"
+name = "symphonia"
+version = "0.5.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5b3dc8af474f516a851ff4bd12db780f948b9250ad37211e4eec0bccea54e01b"
+checksum = "5773a4c030a19d9bfaa090f49746ff35c75dfddfa700df7a5939d5e076a57039"
+dependencies = [
+ "lazy_static",
+ "symphonia-bundle-flac",
+ "symphonia-bundle-mp3",
+ "symphonia-codec-aac",
+ "symphonia-codec-pcm",
+ "symphonia-codec-vorbis",
+ "symphonia-core",
+ "symphonia-format-isomp4",
+ "symphonia-format-ogg",
+ "symphonia-format-riff",
+ "symphonia-metadata",
+]
[[package]]
-name = "smithay-client-toolkit"
-version = "0.19.2"
+name = "symphonia-bundle-flac"
+version = "0.5.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3457dea1f0eb631b4034d61d4d8c32074caa6cd1ab2d59f2327bd8461e2c0016"
+checksum = "c91565e180aea25d9b80a910c546802526ffd0072d0b8974e3ebe59b686c9976"
dependencies = [
- "bitflags 2.13.2",
- "calloop",
- "calloop-wayland-source",
- "cursor-icon",
- "libc",
"log",
- "memmap2",
- "rustix 0.38.44",
- "thiserror 1.0.69",
- "wayland-backend",
- "wayland-client",
- "wayland-csd-frame",
- "wayland-cursor",
- "wayland-protocols",
- "wayland-protocols-wlr",
- "wayland-scanner",
- "xkeysym",
+ "symphonia-core",
+ "symphonia-metadata",
+ "symphonia-utils-xiph",
]
[[package]]
-name = "smol_str"
-version = "0.2.2"
+name = "symphonia-bundle-mp3"
+version = "0.5.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dd538fb6910ac1099850255cf94a94df6551fbdd602454387d0adb2d1ca6dead"
+checksum = "4872dd6bb56bf5eac799e3e957aa1981086c3e613b27e0ac23b176054f7c57ed"
dependencies = [
- "serde",
+ "lazy_static",
+ "log",
+ "symphonia-core",
+ "symphonia-metadata",
]
[[package]]
-name = "socket2"
-version = "0.6.5"
+name = "symphonia-codec-aac"
+version = "0.5.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c3d1e2c7f27f8d4cb10542a02c49005dbd6e93095799d6f3be745fae9f8fedd4"
+checksum = "4c263845aa86881416849c1729a54c7f55164f8b96111dba59de46849e73a790"
dependencies = [
- "libc",
- "windows-sys 0.61.2",
+ "lazy_static",
+ "log",
+ "symphonia-core",
]
[[package]]
-name = "spin"
-version = "0.12.3"
+name = "symphonia-codec-pcm"
+version = "0.5.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0134f9043ed38b087ac4f7d4af44c79e2c9e5094421fe3164f435ce585953b10"
+checksum = "4e89d716c01541ad3ebe7c91ce4c8d38a7cf266a3f7b2f090b108fb0cb031d95"
dependencies = [
- "portable-atomic",
+ "log",
+ "symphonia-core",
]
[[package]]
-name = "spirv"
-version = "0.4.0+sdk-1.4.341.0"
+name = "symphonia-codec-vorbis"
+version = "0.5.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d9571ea910ebd84c86af4b3ed27f9dbdc6ad06f17c5f96146b2b671e2976744f"
+checksum = "f025837c309cd69ffef572750b4a2257b59552c5399a5e49707cc5b1b85d1c73"
dependencies = [
- "bitflags 2.13.2",
+ "log",
+ "symphonia-core",
+ "symphonia-utils-xiph",
]
[[package]]
-name = "stable_deref_trait"
-version = "1.2.1"
+name = "symphonia-core"
+version = "0.5.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6ce2be8dc25455e1f91df71bfa12ad37d7af1092ae736f3a6cd0e37bc7810596"
+checksum = "ea00cc4f79b7f6bb7ff87eddc065a1066f3a43fe1875979056672c9ef948c2af"
+dependencies = [
+ "arrayvec",
+ "bitflags 1.3.2",
+ "bytemuck",
+ "lazy_static",
+ "log",
+]
[[package]]
-name = "stackfuture"
-version = "0.3.1"
+name = "symphonia-format-isomp4"
+version = "0.5.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "115beb9c69db2393ff10b75a1b8587a51716e5551d015001e55320ed279d32f9"
+checksum = "243739585d11f81daf8dac8d9f3d18cc7898f6c09a259675fc364b382c30e0a5"
dependencies = [
- "const_panic",
+ "encoding_rs",
+ "log",
+ "symphonia-core",
+ "symphonia-metadata",
+ "symphonia-utils-xiph",
]
[[package]]
-name = "static_assertions"
-version = "1.1.0"
+name = "symphonia-format-ogg"
+version = "0.5.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a2eb9349b6444b326872e140eb1cf5e7c522154d69e7a0ffb0fb81c06b37543f"
+checksum = "2b4955c67c1ed3aa8ae8428d04ca8397fbef6a19b2b051e73b5da8b1435639cb"
+dependencies = [
+ "log",
+ "symphonia-core",
+ "symphonia-metadata",
+ "symphonia-utils-xiph",
+]
[[package]]
-name = "str-buf"
-version = "3.0.3"
+name = "symphonia-format-riff"
+version = "0.5.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0ceb97b7225c713c2fd4db0153cb6b3cab244eb37900c3f634ed4d43310d8c34"
+checksum = "c2d7c3df0e7d94efb68401d81906eae73c02b40d5ec1a141962c592d0f11a96f"
+dependencies = [
+ "extended",
+ "log",
+ "symphonia-core",
+ "symphonia-metadata",
+]
[[package]]
-name = "strict-num"
-version = "0.1.1"
+name = "symphonia-metadata"
+version = "0.5.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6637bab7722d379c8b41ba849228d680cc12d0a45ba1fa2b48f2a30577a06731"
+checksum = "36306ff42b9ffe6e5afc99d49e121e0bd62fe79b9db7b9681d48e29fa19e6b16"
+dependencies = [
+ "encoding_rs",
+ "lazy_static",
+ "log",
+ "symphonia-core",
+]
[[package]]
-name = "subtle"
-version = "2.6.1"
+name = "symphonia-utils-xiph"
+version = "0.5.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "13c2bddecc57b384dee18652358fb23172facb8a2c51ccc10d74c157bdea3292"
+checksum = "ee27c85ab799a338446b68eec77abf42e1a6f1bb490656e121c6e27bfbab9f16"
+dependencies = [
+ "symphonia-core",
+ "symphonia-metadata",
+]
[[package]]
-name = "swash"
-version = "0.2.10"
+name = "syn"
+version = "1.0.109"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6c2499c2d826531388872b2268718aed907a39bd785ab0dcfe57fab26283f92e"
+checksum = "72b64191b275b66ffe2469e8af2c1cfe3bafa67b529ead792a6d0160888b4237"
dependencies = [
- "skrifa",
- "yazi",
- "zeno",
+ "proc-macro2",
+ "quote",
+ "unicode-ident",
]
[[package]]
@@ -6035,31 +6539,73 @@ dependencies = [
]
[[package]]
-name = "sys-locale"
-version = "0.3.2"
+name = "system-deps"
+version = "6.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a3e535eb8dded36d55ec13eddacd30dec501792ff23a0b1682c38601b8cf2349"
+dependencies = [
+ "cfg-expr",
+ "heck 0.5.0",
+ "pkg-config",
+ "toml",
+ "version-compare",
+]
+
+[[package]]
+name = "tao"
+version = "0.34.8"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8eab9a99a024a169fe8a903cf9d4a3b3601109bcc13bd9e3c6fff259138626c4"
+checksum = "9103edf55f2da3c82aea4c7fab7c4241032bfeea0e71fa557d98e00e7ce7cc20"
dependencies = [
+ "bitflags 2.13.2",
+ "block2",
+ "core-foundation",
+ "core-graphics 0.25.0",
+ "crossbeam-channel",
+ "dispatch2",
+ "dlopen2",
+ "dpi",
+ "gdkwayland-sys",
+ "gdkx11-sys",
+ "gtk",
+ "jni 0.21.1",
"libc",
+ "log",
+ "ndk 0.9.0",
+ "ndk-context",
+ "ndk-sys 0.6.0+11769913",
+ "objc2",
+ "objc2-app-kit",
+ "objc2-foundation",
+ "once_cell",
+ "parking_lot",
+ "raw-window-handle 0.5.2",
+ "raw-window-handle 0.6.2",
+ "tao-macros",
+ "unicode-segmentation",
+ "url",
+ "windows 0.61.3",
+ "windows-core 0.61.2",
+ "windows-version",
+ "x11-dl",
]
[[package]]
-name = "taffy"
-version = "0.14.0"
+name = "tao-macros"
+version = "0.1.4"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "639627c87f43b9181c811f40a6296409e093a17bc761214cba3c15df74f86b99"
+checksum = "5f7eeb6d99155545da6150a1795945f16ac9c178deb2a5f2e74d776107bd5849"
dependencies = [
- "arrayvec",
- "serde",
- "slotmap",
- "smallvec",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
]
[[package]]
-name = "tap"
-version = "1.0.1"
+name = "target-lexicon"
+version = "0.12.16"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "55937e1799185b12863d447f42597ed69d9928686b8d88a1df17376a097d8369"
+checksum = "61c41af27dd6d1e27b1b16b489db798443478cef1f06a660c96db617ba5de3b1"
[[package]]
name = "tempfile"
@@ -6070,10 +6616,30 @@ dependencies = [
"fastrand",
"getrandom 0.4.3",
"once_cell",
- "rustix 1.1.5",
+ "rustix",
"windows-sys 0.61.2",
]
+[[package]]
+name = "tendril"
+version = "0.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d24a120c5fc464a3458240ee02c299ebcb9d67b5249c8848b09d639dca8d7bb0"
+dependencies = [
+ "futf",
+ "mac",
+ "utf-8",
+]
+
+[[package]]
+name = "termcolor"
+version = "1.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "06794f8f6c5c898b3275aebefa6b8a1cb24cd2c6c79397ab15774837a0bc5755"
+dependencies = [
+ "winapi-util",
+]
+
[[package]]
name = "thiserror"
version = "1.0.69"
@@ -6123,6 +6689,20 @@ dependencies = [
"cfg-if",
]
+[[package]]
+name = "tiff"
+version = "0.11.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b63feaf3343d35b6ca4d50483f94843803b0f51634937cc2ec519fc32232bc52"
+dependencies = [
+ "fax",
+ "flate2",
+ "half",
+ "quick-error",
+ "weezl",
+ "zune-jpeg",
+]
+
[[package]]
name = "time"
version = "0.3.55"
@@ -6153,31 +6733,6 @@ dependencies = [
"time-core",
]
-[[package]]
-name = "tiny-skia"
-version = "0.11.4"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "83d13394d44dae3207b52a326c0c85a8bf87f1541f23b0d143811088497b09ab"
-dependencies = [
- "arrayref",
- "arrayvec",
- "bytemuck",
- "cfg-if",
- "log",
- "tiny-skia-path",
-]
-
-[[package]]
-name = "tiny-skia-path"
-version = "0.11.4"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9c9e7fc0c2e86a30b117d0462aa261b72b7a99b7ebd7deb3a14ceda95c5bdc93"
-dependencies = [
- "arrayref",
- "bytemuck",
- "strict-num",
-]
-
[[package]]
name = "tinystr"
version = "0.8.4"
@@ -6185,7 +6740,6 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "b1e27c91459209c2986af3dcf603a5a74a4368754ce37414f59acc971167f643"
dependencies = [
"displaydoc",
- "serde_core",
"zerovec",
]
@@ -6241,7 +6795,7 @@ dependencies = [
"futures-util",
"log",
"tokio",
- "tungstenite",
+ "tungstenite 0.30.0",
]
[[package]]
@@ -6252,7 +6806,9 @@ checksum = "e464cf451ba96ebfc6f9b6542f17ee8b8956e33f1e40d9690624e59d7a7f8a4b"
dependencies = [
"bytes",
"futures-core",
+ "futures-io",
"futures-sink",
+ "futures-util",
"libc",
"pin-project-lite",
"tokio",
@@ -6260,17 +6816,23 @@ dependencies = [
[[package]]
name = "toml"
-version = "1.1.8+spec-1.1.0"
+version = "0.8.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "20489e00e4d8741d6be680764cc12e270655e375a20d1011e844a9c3379e678d"
+checksum = "185d8ab0dfbb35cf1399a6344d8484209c088f75f8f68230da55d48d95d43e3d"
dependencies = [
- "indexmap",
- "serde_core",
+ "serde",
"serde_spanned",
- "toml_datetime",
- "toml_parser",
- "toml_writer",
- "winnow",
+ "toml_datetime 0.6.3",
+ "toml_edit 0.20.2",
+]
+
+[[package]]
+name = "toml_datetime"
+version = "0.6.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7cda73e2f1397b1262d6dfdcef8aafae14d1de7748d66822d3bfeeb6d03e5e4b"
+dependencies = [
+ "serde",
]
[[package]]
@@ -6282,6 +6844,30 @@ dependencies = [
"serde_core",
]
+[[package]]
+name = "toml_edit"
+version = "0.19.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1b5bb770da30e5cbfde35a2d7b9b8a2c4b8ef89548a7a6aeab5c9a576e3e7421"
+dependencies = [
+ "indexmap",
+ "toml_datetime 0.6.3",
+ "winnow 0.5.40",
+]
+
+[[package]]
+name = "toml_edit"
+version = "0.20.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "396e4d48bbb2b7554c944bde63101b5ae446cff6ec4a24227428f15eb72ef338"
+dependencies = [
+ "indexmap",
+ "serde",
+ "serde_spanned",
+ "toml_datetime 0.6.3",
+ "winnow 0.5.40",
+]
+
[[package]]
name = "toml_edit"
version = "0.25.17+spec-1.1.0"
@@ -6289,9 +6875,9 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "e3641d5bbb5349a79e1020a242d251efbc546ad8048d133958323ce9c40a9c9c"
dependencies = [
"indexmap",
- "toml_datetime",
+ "toml_datetime 1.1.2+spec-1.1.0",
"toml_parser",
- "winnow",
+ "winnow 1.0.4",
]
[[package]]
@@ -6300,15 +6886,9 @@ version = "1.1.5+spec-1.1.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "baa693a8032d7e1cada7d0041e96126df243179ff061456783ac7f12bda4744c"
dependencies = [
- "winnow",
+ "winnow 1.0.4",
]
-[[package]]
-name = "toml_writer"
-version = "1.1.3+spec-1.1.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "06bdbd8cfc056b8d2e2e85f29b56a3bdbecb527cef81eb39e3e7b98af4652770"
-
[[package]]
name = "tower"
version = "0.5.3"
@@ -6400,15 +6980,13 @@ dependencies = [
]
[[package]]
-name = "tracing-oslog"
-version = "0.3.0"
+name = "tracing-serde"
+version = "0.2.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d76902d2a8d5f9f55a81155c08971734071968c90f2d9bfe645fe700579b2950"
+checksum = "704b1aeb7be0d0a84fc9828cae51dab5970fee5088f83d1dd7ee6f6246fc6ff1"
dependencies = [
- "cc",
- "cfg-if",
+ "serde",
"tracing-core",
- "tracing-subscriber",
]
[[package]]
@@ -6417,38 +6995,36 @@ version = "0.3.23"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "cb7f578e5945fb242538965c2d0b04418d38ec25c79d160cd279bf0731c8d319"
dependencies = [
- "matchers",
"nu-ansi-term",
- "once_cell",
- "regex-automata",
+ "serde",
+ "serde_json",
"sharded-slab",
"smallvec",
"thread_local",
- "tracing",
"tracing-core",
"tracing-log",
+ "tracing-serde",
]
[[package]]
-name = "tracing-wasm"
-version = "0.2.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4575c663a174420fa2d78f4108ff68f65bf2fbb7dd89f33749b6e826b3626e07"
-dependencies = [
- "tracing",
- "tracing-subscriber",
- "wasm-bindgen",
-]
-
-[[package]]
-name = "tree_magic_mini"
-version = "3.2.2"
+name = "tray-icon"
+version = "0.21.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b8765b90061cba6c22b5831f675da109ae5561588290f9fa2317adab2714d5a6"
+checksum = "a5e85aa143ceb072062fc4d6356c1b520a51d636e7bc8e77ec94be3608e5e80c"
dependencies = [
- "memchr",
- "nom",
- "petgraph",
+ "crossbeam-channel",
+ "dirs",
+ "libappindicator",
+ "muda",
+ "objc2",
+ "objc2-app-kit",
+ "objc2-core-foundation",
+ "objc2-core-graphics",
+ "objc2-foundation",
+ "once_cell",
+ "png 0.17.16",
+ "thiserror 2.0.21",
+ "windows-sys 0.60.2",
]
[[package]]
@@ -6465,33 +7041,57 @@ checksum = "d2df906b07856748fa3f6e0ad0cbaa047052d4a7dd609e231c4f72cee8c36f31"
[[package]]
name = "tungstenite"
-version = "0.30.0"
+version = "0.27.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e48ac77174b19c110a50ab2128b24215ac9cb40e0e12e093fb602d175c569d22"
+checksum = "eadc29d668c91fcc564941132e17b28a7ceb2f3ebf0b9dae3e03fd7a6748eb0d"
dependencies = [
"bytes",
+ "data-encoding",
+ "http",
+ "httparse",
"log",
- "rand 0.10.3",
+ "rand 0.9.5",
+ "sha1",
"thiserror 2.0.21",
+ "utf-8",
]
[[package]]
-name = "typeid"
-version = "1.0.3"
+name = "tungstenite"
+version = "0.28.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bc7d623258602320d5c55d1bc22793b57daff0ec7efc270ea7d55ce1d5f5471c"
+checksum = "8628dcc84e5a09eb3d8423d6cb682965dea9133204e8fb3efee74c2a0c259442"
+dependencies = [
+ "bytes",
+ "data-encoding",
+ "http",
+ "httparse",
+ "log",
+ "native-tls",
+ "rand 0.9.5",
+ "rustls",
+ "sha1",
+ "thiserror 2.0.21",
+ "utf-8",
+]
[[package]]
-name = "typenum"
-version = "1.20.1"
+name = "tungstenite"
+version = "0.30.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b6f5e870be6c3b371b77fe0ee0bafb859fa4964b4404c27de1d380043c4dda20"
+checksum = "e48ac77174b19c110a50ab2128b24215ac9cb40e0e12e093fb602d175c569d22"
+dependencies = [
+ "bytes",
+ "log",
+ "rand 0.10.3",
+ "thiserror 2.0.21",
+]
[[package]]
-name = "typewit"
-version = "1.15.2"
+name = "typenum"
+version = "1.20.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "214ca0b2191785cbc06209b9ca1861e048e39b5ba33574b3cedd58363d5bb5f6"
+checksum = "b6f5e870be6c3b371b77fe0ee0bafb859fa4964b4404c27de1d380043c4dda20"
[[package]]
name = "ulid"
@@ -6543,17 +7143,6 @@ dependencies = [
"subtle",
]
-[[package]]
-name = "unsynn"
-version = "0.3.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "501a7adf1a4bd9951501e5c66621e972ef8874d787628b7f90e64f936ef7ec0a"
-dependencies = [
- "mutants",
- "proc-macro2",
- "rustc-hash 2.1.3",
-]
-
[[package]]
name = "untrusted"
version = "0.9.0"
@@ -6578,9 +7167,9 @@ dependencies = [
[[package]]
name = "ureq-proto"
-version = "0.6.4"
+version = "0.6.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f86fd172ccca569e458f61b6bdd6220965a9ef36e672a6852953b51a0e1583be"
+checksum = "841583fc36089d7d59419568ae157f43a5a03a2e5a81ba87c77d1596ef46e922"
dependencies = [
"base64 0.23.1",
"http",
@@ -6600,6 +7189,12 @@ dependencies = [
"serde",
]
+[[package]]
+name = "utf-8"
+version = "0.7.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "09cc8ee72d2a9becf2f2febe0205bbed8fc6615b7cb429ad062dc7b7ddd036a9"
+
[[package]]
name = "utf8-zero"
version = "0.8.1"
@@ -6612,21 +7207,24 @@ version = "1.0.4"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "b6c140620e7ffbb22c2dee59cafe6084a59b5ffc27a8859a5f0d494b5d52b6be"
-[[package]]
-name = "utf8parse"
-version = "0.2.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "06abde3611657adf66d383f00b093d7faecc7fa57071cce2578660c9f1010821"
-
[[package]]
name = "uuid"
version = "1.28.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "7cc1186384beb7dd8eedea376413fd654937285ea6c9cfbb928dc3043ea4b606"
dependencies = [
- "getrandom 0.4.3",
"js-sys",
- "serde_core",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "v_frame"
+version = "0.3.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "666b7727c8875d6ab5db9533418d7c764233ac9c0cff1d469aec8fa127597be2"
+dependencies = [
+ "aligned-vec",
+ "num-traits",
"wasm-bindgen",
]
@@ -6637,14 +7235,16 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "ba73ea9cf16a25df0c8caa16c51acb937d5712a8429db78a3ee29d5dcacd3a65"
[[package]]
-name = "variadics_please"
-version = "2.0.0"
+name = "vcpkg"
+version = "0.2.15"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b53d0f7f2d0182759a549f1f313ce16b07d8f9ba93098157b5fa10ee3e61117f"
-dependencies = [
- "quote",
- "unsynn",
-]
+checksum = "accd4ea62f7bb7a82fe23066fb0957d48ef677f6eeb8215f372f52e48bb32426"
+
+[[package]]
+name = "version-compare"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "03c2856837ef78f57382f06b2b8563a2f512f7185d732608fd9176cb3b8edf0e"
[[package]]
name = "version_check"
@@ -6671,6 +7271,34 @@ dependencies = [
"try-lock",
]
+[[package]]
+name = "warnings"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "64f68998838dab65727c9b30465595c6f7c953313559371ca8bf31759b3680ad"
+dependencies = [
+ "pin-project",
+ "tracing",
+ "warnings-macro",
+]
+
+[[package]]
+name = "warnings-macro"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "59195a1db0e95b920366d949ba5e0d3fc0e70b67c09be15ce5abb790106b0571"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
+]
+
+[[package]]
+name = "wasi"
+version = "0.9.0+wasi-snapshot-preview1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cccddf32554fecc6acb585f82a32a72e28b48f8c4c1883ddfeeeaa96f7d8e519"
+
[[package]]
name = "wasi"
version = "0.11.1+wasi-snapshot-preview1"
@@ -6744,9 +7372,9 @@ dependencies = [
[[package]]
name = "wasm-streams"
-version = "0.5.0"
+version = "0.4.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9d1ec4f6517c9e11ae630e200b2b65d193279042e28edd4a2cda233e46670bbb"
+checksum = "15053d8d85c7eccdbefef60f06769760a563c7f0a9d6902a13d35c7800b0ad65"
dependencies = [
"futures-util",
"js-sys",
@@ -6756,100 +7384,16 @@ dependencies = [
]
[[package]]
-name = "wayland-backend"
-version = "0.3.17"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "38a91b4eaddff87b1cd1074985e3713da4af2c49742d1b356b2c01670a67a078"
-dependencies = [
- "cc",
- "downcast-rs 1.2.1",
- "rustix 1.1.5",
- "scoped-tls",
- "smallvec",
- "wayland-sys",
-]
-
-[[package]]
-name = "wayland-client"
-version = "0.31.15"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e3c36a0f861ad76d0901f2800b46321410d9f73f2ea88aac0650d86c32688073"
-dependencies = [
- "bitflags 2.13.2",
- "rustix 1.1.5",
- "wayland-backend",
- "wayland-scanner",
-]
-
-[[package]]
-name = "wayland-csd-frame"
-version = "0.3.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "625c5029dbd43d25e6aa9615e88b829a5cad13b2819c4ae129fdbb7c31ab4c7e"
-dependencies = [
- "bitflags 2.13.2",
- "cursor-icon",
- "wayland-backend",
-]
-
-[[package]]
-name = "wayland-cursor"
-version = "0.31.14"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4a52d18780be9b1314328a3de5f930b73d2200112e3849ca6cb11822793fb34d"
-dependencies = [
- "rustix 1.1.5",
- "wayland-client",
- "xcursor",
-]
-
-[[package]]
-name = "wayland-protocols"
-version = "0.32.13"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "23d0c813de3daa2ed6520af85a3bd49b0e722a3078506899aa9686fea58dc4b6"
-dependencies = [
- "bitflags 2.13.2",
- "wayland-backend",
- "wayland-client",
- "wayland-scanner",
-]
-
-[[package]]
-name = "wayland-protocols-plasma"
-version = "0.3.12"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2b6d8cf1eb2c1c31ed1f5643c88a6e53538129d4af80030c8cabd1f9fa884d91"
-dependencies = [
- "bitflags 2.13.2",
- "wayland-backend",
- "wayland-client",
- "wayland-protocols",
- "wayland-scanner",
-]
-
-[[package]]
-name = "wayland-protocols-wlr"
-version = "0.3.12"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "eb04e52f7836d7c7976c78ca0250d61e33873c34156a2a1fc9474828ec268234"
-dependencies = [
- "bitflags 2.13.2",
- "wayland-backend",
- "wayland-client",
- "wayland-protocols",
- "wayland-scanner",
-]
-
-[[package]]
-name = "wayland-scanner"
-version = "0.31.11"
+name = "wasm-streams"
+version = "0.5.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "338e30461b3a2b67d70eb30a6d89f8e0c93a833e07d2ae89085cd070c4a00ac0"
+checksum = "9d1ec4f6517c9e11ae630e200b2b65d193279042e28edd4a2cda233e46670bbb"
dependencies = [
- "proc-macro2",
- "quick-xml",
- "quote",
+ "futures-util",
+ "js-sys",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
]
[[package]]
@@ -6860,19 +7404,10 @@ checksum = "d8eab23fefc9e41f8e841df4a9c707e8a8c4ed26e944ef69297184de2785e3be"
dependencies = [
"dlib",
"log",
+ "once_cell",
"pkg-config",
]
-[[package]]
-name = "weak-table"
-version = "0.4.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5eba2ec791141b0bf4db542f6b038a8f9310cee33e076cb181245780b09a24ff"
-dependencies = [
- "cfg-if",
- "hashbrown 0.16.1",
-]
-
[[package]]
name = "web-sys"
version = "0.3.106"
@@ -6884,25 +7419,73 @@ dependencies = [
]
[[package]]
-name = "web-task"
-version = "1.1.3"
+name = "web-time"
+version = "1.1.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1cdc136a53ccd64a1211f107ccc34404769fbcc0f165f1afa065f5d88ab93538"
+checksum = "5a6580f308b1fad9207618087a65c04e7a10bc77e02c8e84e9b00dd4b12fa0bb"
dependencies = [
- "async-task",
- "cfg-if",
"js-sys",
"wasm-bindgen",
]
[[package]]
-name = "web-time"
-version = "1.1.0"
+name = "webbrowser"
+version = "1.2.4"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5a6580f308b1fad9207618087a65c04e7a10bc77e02c8e84e9b00dd4b12fa0bb"
+checksum = "62c35be770821a214dbc362fc26908c853e776c0004294d0b10b8a6bad582f94"
dependencies = [
- "js-sys",
- "wasm-bindgen",
+ "jni 0.22.4",
+ "log",
+ "ndk-context",
+ "objc2",
+ "objc2-app-kit",
+ "objc2-foundation",
+ "url",
+ "web-sys",
+]
+
+[[package]]
+name = "webkit2gtk"
+version = "2.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "76b1bc1e54c581da1e9f179d0b38512ba358fb1af2d634a1affe42e37172361a"
+dependencies = [
+ "bitflags 1.3.2",
+ "cairo-rs",
+ "gdk",
+ "gdk-sys",
+ "gio",
+ "gio-sys",
+ "glib",
+ "glib-sys",
+ "gobject-sys",
+ "gtk",
+ "gtk-sys",
+ "javascriptcore-rs",
+ "libc",
+ "once_cell",
+ "soup3",
+ "webkit2gtk-sys",
+]
+
+[[package]]
+name = "webkit2gtk-sys"
+version = "2.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "62daa38afc514d1f8f12b8693d30d5993ff77ced33ce30cd04deebc267a6d57c"
+dependencies = [
+ "bitflags 1.3.2",
+ "cairo-sys-rs",
+ "gdk-sys",
+ "gio-sys",
+ "glib-sys",
+ "gobject-sys",
+ "gtk-sys",
+ "javascriptcore-rs-sys",
+ "libc",
+ "pkg-config",
+ "soup3-sys",
+ "system-deps",
]
[[package]]
@@ -6924,45 +7507,47 @@ dependencies = [
]
[[package]]
-name = "wesl"
-version = "0.6.0"
+name = "webview2-com"
+version = "0.38.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fdd8f9619baa4c7bde4df0899d6f626b70ee92d6e9c18c5f74473419b5bb6fa6"
+checksum = "7130243a7a5b33c54a444e54842e6a9e133de08b5ad7b5861cd8ed9a6a5bc96a"
dependencies = [
- "annotate-snippets",
- "anstream",
- "derive_more",
- "glob",
- "half",
- "itertools 0.15.0",
- "num-traits",
- "serde",
- "thiserror 2.0.21",
- "toml",
- "wesl-core",
- "wesl-macros",
- "wgsl-parse",
- "wgsl-types",
+ "webview2-com-macros",
+ "webview2-com-sys",
+ "windows 0.61.3",
+ "windows-core 0.61.2",
+ "windows-implement",
+ "windows-interface",
]
[[package]]
-name = "wesl-core"
-version = "0.1.0"
+name = "webview2-com-macros"
+version = "0.8.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "84dd3e600497eda0b47afcd21bd84c8953a9dfce7e93ed27a38ba97ac0747e03"
+checksum = "67a921c1b6914c367b2b823cd4cde6f96beec77d30a939c8199bb377cf9b9b54"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
+]
[[package]]
-name = "wesl-macros"
-version = "0.6.0"
+name = "webview2-com-sys"
+version = "0.38.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ac8767ec26e75262a8e581d5f188b1f63a288baaf885bb33c9f4f73a693e06fc"
+checksum = "381336cfffd772377d291702245447a5251a2ffa5bad679c99e61bc48bacbf9c"
dependencies = [
- "itertools 0.15.0",
- "proc-macro2",
- "quote",
- "syn 3.0.9",
+ "thiserror 2.0.21",
+ "windows 0.61.3",
+ "windows-core 0.61.2",
]
+[[package]]
+name = "weezl"
+version = "0.1.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a28ac98ddc8b9274cb41bb4d9d4d5c425b6020c50c46f25559911905610b4a88"
+
[[package]]
name = "wgpu"
version = "30.0.1"
@@ -6976,12 +7561,18 @@ dependencies = [
"cfg_aliases",
"document-features",
"hashbrown 0.17.1",
+ "js-sys",
"log",
+ "naga",
+ "parking_lot",
"portable-atomic",
"profiling",
- "raw-window-handle",
+ "raw-window-handle 0.6.2",
"smallvec",
"static_assertions",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
"wgpu-core",
"wgpu-hal",
"wgpu-types",
@@ -7009,11 +7600,12 @@ dependencies = [
"parking_lot",
"portable-atomic",
"profiling",
- "raw-window-handle",
+ "raw-window-handle 0.6.2",
"rustc-hash 1.1.0",
"smallvec",
"thiserror 2.0.21",
"wgpu-core-deps-apple",
+ "wgpu-core-deps-emscripten",
"wgpu-core-deps-windows-linux-android",
"wgpu-hal",
"wgpu-naga-bridge",
@@ -7029,6 +7621,15 @@ dependencies = [
"wgpu-hal",
]
+[[package]]
+name = "wgpu-core-deps-emscripten"
+version = "30.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d98b86cf4abf524a902dd35f18ca6a3f08fc2ae9847c8f10b48e30491b1f0b86"
+dependencies = [
+ "wgpu-hal",
+]
+
[[package]]
name = "wgpu-core-deps-windows-linux-android"
version = "30.0.1"
@@ -7049,23 +7650,28 @@ dependencies = [
"ash",
"bit-set",
"bitflags 2.13.2",
- "block2 0.6.2",
+ "block2",
"bytemuck",
"cfg-if",
"cfg_aliases",
+ "glow",
+ "glutin_wgl_sys",
"gpu-allocator",
"hashbrown 0.17.1",
+ "js-sys",
+ "khronos-egl",
"libc",
- "libloading",
+ "libloading 0.8.9",
"log",
"naga",
"naga-types",
- "objc2 0.6.5",
+ "ndk-sys 0.6.0+11769913",
+ "objc2",
"objc2-core-foundation",
"objc2-core-graphics",
- "objc2-foundation 0.3.2",
- "objc2-metal 0.3.2",
- "objc2-quartz-core 0.3.2",
+ "objc2-foundation",
+ "objc2-metal",
+ "objc2-quartz-core",
"once_cell",
"ordered-float",
"parking_lot",
@@ -7073,16 +7679,20 @@ dependencies = [
"portable-atomic-util",
"profiling",
"range-alloc",
- "raw-window-handle",
+ "raw-window-handle 0.6.2",
"raw-window-metal",
"renderdoc-sys",
"smallvec",
"static_assertions",
"thiserror 2.0.21",
+ "wasm-bindgen",
+ "wayland-sys",
+ "web-sys",
"wgpu-naga-bridge",
"wgpu-types",
- "windows",
- "windows-core",
+ "windows 0.62.2",
+ "windows-core 0.62.2",
+ "windows-result 0.4.1",
]
[[package]]
@@ -7106,38 +7716,26 @@ dependencies = [
"js-sys",
"log",
"naga-types",
- "raw-window-handle",
- "serde",
+ "raw-window-handle 0.6.2",
"static_assertions",
"web-sys",
]
[[package]]
-name = "wgsl-parse"
-version = "0.6.0"
+name = "winapi"
+version = "0.3.9"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "37cee524ba5cfabfd65d10a316b646f8a4c50f3663e7e787471f21b783261f47"
+checksum = "5c839a674fcd7a98952e593242ea400abe93992746761e38641405d28b00f419"
dependencies = [
- "annotate-snippets",
- "derive_more",
- "itertools 0.15.0",
- "lalrpop-util",
- "lexical",
- "logos",
- "thiserror 2.0.21",
- "wgsl-types",
+ "winapi-i686-pc-windows-gnu",
+ "winapi-x86_64-pc-windows-gnu",
]
[[package]]
-name = "wgsl-types"
-version = "0.6.0"
+name = "winapi-i686-pc-windows-gnu"
+version = "0.4.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e119dd12e57d937397535201959ddddb5dbf26505402db5ef305ebb1ca9a7e5f"
-dependencies = [
- "half",
- "itertools 0.15.0",
- "num-traits",
-]
+checksum = "ac3b87c63620426dd9b991e5ce0329eff545bccbbb34f3be09ff6fb6ab51b7b6"
[[package]]
name = "winapi-util"
@@ -7148,16 +7746,54 @@ dependencies = [
"windows-sys 0.61.2",
]
+[[package]]
+name = "winapi-x86_64-pc-windows-gnu"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "712e227841d057c1ee1cd2fb22fa7e5a5461ae8e48fa2ca79ec42cfc1931183f"
+
+[[package]]
+name = "windows"
+version = "0.54.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9252e5725dbed82865af151df558e754e4a3c2c30818359eb17465f1346a1b49"
+dependencies = [
+ "windows-core 0.54.0",
+ "windows-targets 0.52.6",
+]
+
+[[package]]
+name = "windows"
+version = "0.61.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9babd3a767a4c1aef6900409f85f5d53ce2544ccdfaa86dad48c91782c6d6893"
+dependencies = [
+ "windows-collections 0.2.0",
+ "windows-core 0.61.2",
+ "windows-future 0.2.1",
+ "windows-link 0.1.3",
+ "windows-numerics 0.2.0",
+]
+
[[package]]
name = "windows"
version = "0.62.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "527fadee13e0c05939a6a05d5bd6eec6cd2e3dbd648b9f8e447c6518133d8580"
dependencies = [
- "windows-collections",
- "windows-core",
- "windows-future",
- "windows-numerics",
+ "windows-collections 0.3.2",
+ "windows-core 0.62.2",
+ "windows-future 0.3.2",
+ "windows-numerics 0.3.1",
+]
+
+[[package]]
+name = "windows-collections"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3beeceb5e5cfd9eb1d76b381630e82c4241ccd0d27f1a39ed41b2760b255c5e8"
+dependencies = [
+ "windows-core 0.61.2",
]
[[package]]
@@ -7166,7 +7802,30 @@ version = "0.3.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "23b2d95af1a8a14a3c7367e1ed4fc9c20e0a26e79551b1454d72583c97cc6610"
dependencies = [
- "windows-core",
+ "windows-core 0.62.2",
+]
+
+[[package]]
+name = "windows-core"
+version = "0.54.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "12661b9c89351d684a50a8a643ce5f608e20243b9fb84687800163429f161d65"
+dependencies = [
+ "windows-result 0.1.2",
+ "windows-targets 0.52.6",
+]
+
+[[package]]
+name = "windows-core"
+version = "0.61.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c0fdd3ddb90610c7638aa2b3a3ab2904fb9e5cdbecc643ddb3647212781c4ae3"
+dependencies = [
+ "windows-implement",
+ "windows-interface",
+ "windows-link 0.1.3",
+ "windows-result 0.3.4",
+ "windows-strings 0.4.2",
]
[[package]]
@@ -7177,9 +7836,20 @@ checksum = "b8e83a14d34d0623b51dce9581199302a221863196a1dde71a7663a4c2be9deb"
dependencies = [
"windows-implement",
"windows-interface",
- "windows-link",
- "windows-result",
- "windows-strings",
+ "windows-link 0.2.1",
+ "windows-result 0.4.1",
+ "windows-strings 0.5.1",
+]
+
+[[package]]
+name = "windows-future"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fc6a41e98427b19fe4b73c550f060b59fa592d7d686537eebf9385621bfbad8e"
+dependencies = [
+ "windows-core 0.61.2",
+ "windows-link 0.1.3",
+ "windows-threading 0.1.0",
]
[[package]]
@@ -7188,9 +7858,9 @@ version = "0.3.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "e1d6f90251fe18a279739e78025bd6ddc52a7e22f921070ccdc67dde84c605cb"
dependencies = [
- "windows-core",
- "windows-link",
- "windows-threading",
+ "windows-core 0.62.2",
+ "windows-link 0.2.1",
+ "windows-threading 0.2.1",
]
[[package]]
@@ -7215,20 +7885,54 @@ dependencies = [
"syn 2.0.119",
]
+[[package]]
+name = "windows-link"
+version = "0.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5e6ad25900d524eaabdbbb96d20b4311e1e7ae1699af4fb28c17ae66c80d798a"
+
[[package]]
name = "windows-link"
version = "0.2.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "f0805222e57f7521d6a62e36fa9163bc891acd422f971defe97d64e70d0a4fe5"
+[[package]]
+name = "windows-numerics"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9150af68066c4c5c07ddc0ce30421554771e528bde427614c61038bc2c92c2b1"
+dependencies = [
+ "windows-core 0.61.2",
+ "windows-link 0.1.3",
+]
+
[[package]]
name = "windows-numerics"
version = "0.3.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "6e2e40844ac143cdb44aead537bbf727de9b044e107a0f1220392177d15b0f26"
dependencies = [
- "windows-core",
- "windows-link",
+ "windows-core 0.62.2",
+ "windows-link 0.2.1",
+]
+
+[[package]]
+name = "windows-result"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5e383302e8ec8515204254685643de10811af0ed97ea37210dc26fb0032647f8"
+dependencies = [
+ "windows-targets 0.52.6",
+]
+
+[[package]]
+name = "windows-result"
+version = "0.3.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "56f42bd332cc6c8eac5af113fc0c1fd6a8fd2aa08a0119358686e5160d0586c6"
+dependencies = [
+ "windows-link 0.1.3",
]
[[package]]
@@ -7237,7 +7941,16 @@ version = "0.4.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "7781fa89eaf60850ac3d2da7af8e5242a5ea78d1a11c49bf2910bb5a73853eb5"
dependencies = [
- "windows-link",
+ "windows-link 0.2.1",
+]
+
+[[package]]
+name = "windows-strings"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "56e6c93f3a0c3b36176cb1327a4958a0353d5d166c2a35cb268ace15e91d3b57"
+dependencies = [
+ "windows-link 0.1.3",
]
[[package]]
@@ -7246,7 +7959,16 @@ version = "0.5.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "7837d08f69c77cf6b07689544538e017c1bfcf57e34b4c0ff58e6c2cd3b37091"
dependencies = [
- "windows-link",
+ "windows-link 0.2.1",
+]
+
+[[package]]
+name = "windows-sys"
+version = "0.45.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "75283be5efb2831d37ea142365f009c02ec203cd29a3ebecbc093d52315b66d0"
+dependencies = [
+ "windows-targets 0.42.2",
]
[[package]]
@@ -7282,7 +8004,22 @@ version = "0.61.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "ae137229bcbd6cdf0f7b80a31df61766145077ddf49416a728b02cb3921ff3fc"
dependencies = [
- "windows-link",
+ "windows-link 0.2.1",
+]
+
+[[package]]
+name = "windows-targets"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e5180c00cd44c9b1c88adb3693291f1cd93605ded80c250a75d472756b4d071"
+dependencies = [
+ "windows_aarch64_gnullvm 0.42.2",
+ "windows_aarch64_msvc 0.42.2",
+ "windows_i686_gnu 0.42.2",
+ "windows_i686_msvc 0.42.2",
+ "windows_x86_64_gnu 0.42.2",
+ "windows_x86_64_gnullvm 0.42.2",
+ "windows_x86_64_msvc 0.42.2",
]
[[package]]
@@ -7307,7 +8044,7 @@ version = "0.53.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "4945f9f551b88e0d65f3db0bc25c33b8acea4d9e41163edf90dcd0b19f9069f3"
dependencies = [
- "windows-link",
+ "windows-link 0.2.1",
"windows_aarch64_gnullvm 0.53.1",
"windows_aarch64_msvc 0.53.1",
"windows_i686_gnu 0.53.1",
@@ -7318,15 +8055,39 @@ dependencies = [
"windows_x86_64_msvc 0.53.1",
]
+[[package]]
+name = "windows-threading"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b66463ad2e0ea3bbf808b7f1d371311c80e115c0b71d60efc142cafbcfb057a6"
+dependencies = [
+ "windows-link 0.1.3",
+]
+
[[package]]
name = "windows-threading"
version = "0.2.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "3949bd5b99cafdf1c7ca86b43ca564028dfe27d66958f2470940f73d86d75b37"
dependencies = [
- "windows-link",
+ "windows-link 0.2.1",
+]
+
+[[package]]
+name = "windows-version"
+version = "0.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e4060a1da109b9d0326b7262c8e12c84df67cc0dbc9e33cf49e01ccc2eb63631"
+dependencies = [
+ "windows-link 0.2.1",
]
+[[package]]
+name = "windows_aarch64_gnullvm"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "597a5118570b68bc08d8d59125332c54f1ba9d9adeedeef5b99b02ba2b0698f8"
+
[[package]]
name = "windows_aarch64_gnullvm"
version = "0.52.6"
@@ -7339,6 +8100,12 @@ version = "0.53.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "a9d8416fa8b42f5c947f8482c43e7d89e73a173cead56d044f6a56104a6d1b53"
+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e08e8864a60f06ef0d0ff4ba04124db8b0fb3be5776a5cd47641e942e58c4d43"
+
[[package]]
name = "windows_aarch64_msvc"
version = "0.52.6"
@@ -7351,6 +8118,12 @@ version = "0.53.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "b9d782e804c2f632e395708e99a94275910eb9100b2114651e04744e9b125006"
+[[package]]
+name = "windows_i686_gnu"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c61d927d8da41da96a81f029489353e68739737d3beca43145c8afec9a31a84f"
+
[[package]]
name = "windows_i686_gnu"
version = "0.52.6"
@@ -7375,6 +8148,12 @@ version = "0.53.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "fa7359d10048f68ab8b09fa71c3daccfb0e9b559aed648a8f95469c27057180c"
+[[package]]
+name = "windows_i686_msvc"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "44d840b6ec649f480a41c8d80f9c65108b92d89345dd94027bfe06ac444d1060"
+
[[package]]
name = "windows_i686_msvc"
version = "0.52.6"
@@ -7387,6 +8166,12 @@ version = "0.53.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "1e7ac75179f18232fe9c285163565a57ef8d3c89254a30685b57d83a38d326c2"
+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8de912b8b8feb55c064867cf047dda097f92d51efad5b491dfb98f6bbb70cb36"
+
[[package]]
name = "windows_x86_64_gnu"
version = "0.52.6"
@@ -7399,6 +8184,12 @@ version = "0.53.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "9c3842cdd74a865a8066ab39c8a7a473c0778a3f29370b5fd6b4b9aa7df4a499"
+[[package]]
+name = "windows_x86_64_gnullvm"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "26d41b46a36d453748aedef1486d5c7a85db22e56aff34643984ea85514e94a3"
+
[[package]]
name = "windows_x86_64_gnullvm"
version = "0.52.6"
@@ -7411,6 +8202,12 @@ version = "0.53.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "0ffa179e2d07eee8ad8f57493436566c7cc30ac536a3379fdf008f47f6bb7ae1"
+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9aec5da331524158c6d1a4ac0ab1541149c0b9505fde06423b02f5ef0106b9f0"
+
[[package]]
name = "windows_x86_64_msvc"
version = "0.52.6"
@@ -7424,55 +8221,21 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "d6bbff5f0aada427a1e5a6da5f1f98158182f26556f345ac9e04d36d0ebed650"
[[package]]
-name = "winit"
-version = "0.30.13"
+name = "winnow"
+version = "0.5.40"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a6755fa58a9f8350bd1e472d4c3fcc25f824ec358933bba33306d0b63df5978d"
+checksum = "f593a95398737aeed53e489c785df13f3618e41dbcd6718c6addbf1395aa6876"
dependencies = [
- "ahash",
- "android-activity",
- "atomic-waker",
- "bitflags 2.13.2",
- "block2 0.5.1",
- "bytemuck",
- "calloop",
- "cfg_aliases",
- "concurrent-queue",
- "core-foundation 0.9.4",
- "core-graphics",
- "cursor-icon",
- "dpi",
- "js-sys",
- "libc",
- "memmap2",
- "ndk",
- "objc2 0.5.3",
- "objc2-app-kit 0.2.2",
- "objc2-foundation 0.2.2",
- "objc2-ui-kit",
- "orbclient",
- "percent-encoding",
- "pin-project",
- "raw-window-handle",
- "redox_syscall 0.4.1",
- "rustix 0.38.44",
- "sctk-adwaita",
- "smithay-client-toolkit",
- "smol_str",
- "tracing",
- "unicode-segmentation",
- "wasm-bindgen",
- "wasm-bindgen-futures",
- "wayland-backend",
- "wayland-client",
- "wayland-protocols",
- "wayland-protocols-plasma",
- "web-sys",
- "web-time",
- "windows-sys 0.52.0",
- "x11-dl",
- "x11rb",
- "xkbcommon-dl",
+ "memchr",
+]
+
+[[package]]
+name = "winnow"
+version = "0.7.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "df79d97927682d2fd8adb29682d1140b343be4ac0f08fd68b7765d9c059d3945"
+dependencies = [
+ "memchr",
]
[[package]]
@@ -7491,36 +8254,62 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "1ebf944e87a7c253233ad6766e082e3cd714b5d03812acc24c318f549614536e"
[[package]]
-name = "wl-clipboard-rs"
-version = "0.9.4"
+name = "writeable"
+version = "0.6.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3ad82d2a33cdc9674dc7465672f271e096168fcdbe0f799d9e6db8c5892679dc"
+
+[[package]]
+name = "wry"
+version = "0.53.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4d7888ccd4896447b2d14d3a9350a85df2aeb6f181e2e7a31349d104ac46cac1"
+checksum = "728b7d4c8ec8d81cab295e0b5b8a4c263c0d41a785fb8f8c4df284e5411140a2"
dependencies = [
+ "base64 0.22.1",
+ "block2",
+ "cookie",
+ "crossbeam-channel",
+ "dirs",
+ "dpi",
+ "dunce",
+ "gtk",
+ "html5ever",
+ "http",
+ "javascriptcore-rs",
+ "jni 0.21.1",
+ "kuchikiki",
"libc",
- "log",
- "os_pipe",
- "rustix 1.1.5",
+ "ndk 0.9.0",
+ "objc2",
+ "objc2-app-kit",
+ "objc2-core-foundation",
+ "objc2-foundation",
+ "objc2-ui-kit",
+ "objc2-web-kit",
+ "once_cell",
+ "percent-encoding",
+ "raw-window-handle 0.6.2",
+ "sha2 0.10.9",
+ "soup3",
+ "tao-macros",
"thiserror 2.0.21",
- "tree_magic_mini",
- "wayland-backend",
- "wayland-client",
- "wayland-protocols",
- "wayland-protocols-wlr",
+ "url",
+ "webkit2gtk",
+ "webkit2gtk-sys",
+ "webview2-com",
+ "windows 0.61.3",
+ "windows-core 0.61.2",
+ "windows-version",
]
[[package]]
-name = "writeable"
-version = "0.6.4"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3ad82d2a33cdc9674dc7465672f271e096168fcdbe0f799d9e6db8c5892679dc"
-
-[[package]]
-name = "wyz"
-version = "0.5.1"
+name = "x11"
+version = "2.21.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "05f360fc0b24296329c78fda852a1e9ae82de9cf7b27dae4b7f62f118f77b9ed"
+checksum = "502da5464ccd04011667b11c435cb992822c2c0dbde1770c988480d312a0db2e"
dependencies = [
- "tap",
+ "libc",
+ "pkg-config",
]
[[package]]
@@ -7540,12 +8329,8 @@ version = "0.13.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "9993aa5be5a26815fe2c3eacfc1fde061fc1a1f094bf1ad2a18bf9c495dd7414"
dependencies = [
- "as-raw-xcb-connection",
"gethostname",
- "libc",
- "libloading",
- "once_cell",
- "rustix 1.1.5",
+ "rustix",
"x11rb-protocol",
]
@@ -7555,25 +8340,6 @@ version = "0.13.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "ea6fc2961e4ef194dcbfe56bb845534d0dc8098940c7e5c012a258bfec6701bd"
-[[package]]
-name = "xcursor"
-version = "0.3.11"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "163b33ed8786455e2fa5d72f554057ce3f3182425434f756cd39c99839d88e23"
-
-[[package]]
-name = "xkbcommon-dl"
-version = "0.4.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d039de8032a9a8856a6be89cea3e5d12fdd82306ab7c94d74e6deab2460651c5"
-dependencies = [
- "bitflags 2.13.2",
- "dlib",
- "log",
- "once_cell",
- "xkeysym",
-]
-
[[package]]
name = "xkeysym"
version = "0.2.1"
@@ -7587,27 +8353,22 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "2f45bb2c13fec6a6cb4c0f76a7e94839e110a14ec803ec2940777a94c347bc52"
[[package]]
-name = "xxhash-rust"
-version = "0.8.19"
+name = "xml-rs"
+version = "0.8.29"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "550a2b930b62486a393c52d5c3b84bff264b28aa437ed64694d31e93b1757af7"
+checksum = "e450f9b2ed1dff33c94c12589a87338689467b9c4f5d8a5710bd09a847d2c8a7"
[[package]]
-name = "yazi"
-version = "0.2.1"
+name = "xxhash-rust"
+version = "0.8.19"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e01738255b5a16e78bbb83e7fbba0a1e7dd506905cfc53f4622d89015a03fbb5"
+checksum = "550a2b930b62486a393c52d5c3b84bff264b28aa437ed64694d31e93b1757af7"
[[package]]
-name = "yeslogic-fontconfig-sys"
-version = "6.0.1"
+name = "y4m"
+version = "0.8.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1d8b8abf912b9a29ff112e1671c97c33636903d13a69712037190e6805af4f76"
-dependencies = [
- "dlib",
- "once_cell",
- "pkg-config",
-]
+checksum = "7a5a4b21e1a62b67a2970e6831bc091d7b87e119e7f9791aef9702e3bef04448"
[[package]]
name = "yoke"
@@ -7632,12 +8393,6 @@ dependencies = [
"synstructure",
]
-[[package]]
-name = "zeno"
-version = "0.3.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6df3dc4292935e51816d896edcd52aa30bc297907c26167fec31e2b0c6a32524"
-
[[package]]
name = "zerocopy"
version = "0.8.62"
@@ -7694,7 +8449,6 @@ dependencies = [
"displaydoc",
"yoke",
"zerofrom",
- "zerovec",
]
[[package]]
@@ -7703,7 +8457,6 @@ version = "0.11.8"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "bb0464e17806c1d976d5cba29399c7f08e516e279e2ba493f63123b5fca67dd8"
dependencies = [
- "serde",
"yoke",
"zerofrom",
"zerovec-derive",
@@ -7759,3 +8512,27 @@ dependencies = [
"cc",
"pkg-config",
]
+
+[[package]]
+name = "zune-core"
+version = "0.5.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d56377fd46368984a170bc5aac5567e52ca5da874caa60bea39fcbca78fb658b"
+
+[[package]]
+name = "zune-inflate"
+version = "0.2.54"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "73ab332fe2f6680068f3582b16a24f90ad7096d5d39b974d1c0aff0125116f02"
+dependencies = [
+ "simd-adler32",
+]
+
+[[package]]
+name = "zune-jpeg"
+version = "0.5.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "27bc9d5b815bc103f142aa054f561d9187d191692ec7c2d1e2b4737f8dbd7296"
+dependencies = [
+ "zune-core",
+]
diff --git a/Cargo.toml b/Cargo.toml
index d733df50..e08e7cd5 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -1,47 +1,5 @@
-[package]
-name = "anend"
-version = "0.1.0"
-edition = "2024"
-description = "anend notes: a desktop markdown note app, grown out of the anend blog server"
-license-file = "LICENSE"
-publish = false
-
+# anend: the core (the entry graph, models), the hub (the server: the sharing site and the
+# web app's API) and the app (Dioxus: the desktop app, and the web app from the same code)
[workspace]
-members = ["core", "hub"]
-
-[dependencies]
-anend-core = { path = "core" }
-bevy = { version = "0.20", default-features = false, features = [
- "std",
- "multi_threaded",
- "default_app",
- "ui_api",
- "ui_bevy_render",
- "scene",
- "picking",
- "bevy_ui_widgets",
- "bevy_feathers",
- "bevy_winit",
- "bevy_clipboard",
- "default_font",
- "custom_cursor",
- "x11",
- "wayland",
- "system_font_discovery",
- "bevy_pbr",
- "bevy_light",
-] }
-bevy_slugtext = { git = "https://github.com/SaulDoesCode/bevy_slugtext", rev = "1cfb7d5" }
-ttf-parser = "0.25"
-fontique = "0.11"
-chrono = "0.4"
-redb = "4.3"
-serde = { version = "1", features = ["derive"] }
-serde_json = "1"
-# the window icon; the same winit bevy_winit uses
-winit = { version = "0.30", default-features = false }
-pulldown-cmark = { version = "0.13", default-features = false }
-
-ureq = { version = "3", default-features = false, features = ["rustls"] }
-
-
+members = ["core", "hub", "app", "render"]
+resolver = "3"
diff --git a/README.md b/README.md
index 524d44fb..b79d601d 100644
--- a/README.md
+++ b/README.md
@@ -1,348 +1,258 @@
# anend
-anend started out as a Go blog server: posts ("writs") in ArangoDB, magic-link email
-logins, and a sand-coloured admin panel for writing markdown. Both halves are Rust now.
+anend is a memory palace for short texts. You type a word or phrase and it is stored as
+an entry with its gematria sums. You find it again by its numbers, its words, its tags or
+the lists it's in, and you can fly through your memories laid out in space. It
+continues [weum](docs/weum-reference/README.md), whose numbers it reproduces exactly.
-**anend notes** is its Rust successor: a desktop markdown note app with no server. It
-keeps the admin panel's look and workflow, and is built with
-[Bevy 0.20](https://bevy.org)'s feathers widgets. Notes are stored locally in an
-embedded [redb](https://www.redb.org) (4.3) database, and you can keep several of them
-as saves and swap between them like a game's.
+It comes as:
-**anend hub** is what became of the server: a self-hosted place to share saves, the way a
-game has a workshop or a mod hub. People join, share their saves, star and download each
-other's, and earn points, levels and badges when others use what they made; the app
-browses and shares straight from its settings. See [the hub](#the-hub).
-
-**New here?** [The guide](docs/guide.md) explains what anend is and how to use every part
-of it, in the desktop app and the web app (a hub serves it at `/guide` too).
-
-
-
-
-
-
-
-
-## Using it
+- **the app** (`app/`, [Dioxus](https://dioxuslabs.com)): a desktop app, and the same
+ app built to WebAssembly for the browser;
+- **the hub** (`hub/`, [Salvo](https://salvo.rs)): a self-hosted server that runs the app
+ for its members and serves it at `/app/`, and a place to share saves, like a game's
+ workshop;
+- **the core** (`core/`): what both share. That includes the entry graph store, gematria,
+ the app's API, and a deterministic transformer engine for classifiers and generators.
| | |
|---|---|
-| **editor** | the note list (with **+ new**) next to the editor card. The first `# line` is the note's title, the rest is markdown. **‹** (or **Ctrl+B**) slides the list away to the left; it peeks back out while the pointer is at the left edge. |
-| **tags** | type a tag in the box at the top of the card and press Enter (or `,`); click a tag to remove it |
-| **view / edit** | switch between the markdown source and the rendered note |
-| **reader** | your notes, newest first, the way the old front page listed writs; click a `#tag` to filter |
-| **stats** | counts of notes, words, saves and tags |
-| **memory** | weum's memory view: short texts ("memories") and your notes, searched by gematria or by words |
-| **command bar** | the line at the bottom, one for every view (see below) |
-| **space** | weum's spatial memory (remem): fly through a room where memory texts float, laid out by their sums. **Ctrl+right click** a text and the search line in the top bar ends with its triangle: sides s (ordinal), r (reversed) and ⌊√(s·r)⌋, drawn small, with its angles (or "don't close" when the three can't make one) |
-| **lists** | every list in the save, side by side: its members (× takes one out), its figures (members, the sums of the whole list, its means, its gsum and pfR chain), its 26 letter frequencies drawn as a vector, and a grid of how alike every two lists are (the cosine of those vectors, as if each list were an entry in a learning system). Type in the bar and press Enter to put the text into the chosen list, or start a new one |
-| **settings** | saves, fonts, colours, sizes, zen mode and the bars: the top bar and the command bar can swap places, and the note list can sit on the right (also **Ctrl+,**); the key remap menu is in there too (also **K**, or **Ctrl+K** in the space) |
-
-Shortcuts: **Ctrl+S** save, **Ctrl+N** new note, **Ctrl+E** toggle view/edit, **Ctrl+B** the note list,
-**Ctrl+1..6** editor / reader / memory / stats / space / lists, **Ctrl+,** settings, **/** the
-command bar. All of them can be changed in **keys**.
-
-Unsaved changes (marked `•` in the list) are saved when you switch notes or close the
-window. A note needs a `# title` before it can be saved.
-
-## The command bar
-
-There's one place to type, the bar at the bottom, and it does what the view you're in
-needs. Its name at the left says which; each view keeps its own text, so switching views
-doesn't lose what you typed.
-
-| view | the bar | at its right |
-|---|---|---|
-| editor, reader, stats | finds notes: the list (and the reader) narrow to notes with words starting with what you type; Enter opens the first | how many notes match |
-| memory | weum's term bar (below) | the sidecar of the term's sums, the buckets, the toggles |
-| space | the space's terminal (below) | the terminal's sums and the chips |
-
-**/** goes to the bar, **Escape** leaves it.
-
-## Saves and settings
-
-Every database is a save. **settings** lists the saves in your saves folder, the open one
-first and then the most recently used, each with its notes, memories, date and size:
-**load** one (the open note is saved first), start a **new save** by name, **copy**,
-**rename** (the open one too) or **delete** one (not the open one, and only after a
-second click). The folder box changes the saves folder; a path ending in `.redb` there
-opens (or starts) that file instead. The app comes back to the save you had open.
-
-Also in settings:
+|  |  |
+| the memory view, with its menu | the space |
+|  |  |
+| sums as buckets | notes |
+|  |  |
+| the reader, night colours | a list's page (web) |
+|  |  |
+| stats (web) | filters (web) |
+|  |  |
+| a chain of texts under its title (web) | a block bent by a ripple and a fold (web) |
+|  |  |
+| a texture recipe on a block, a colour on one face, a sky (web) | blocks and spheres under baked lights (web) |
+|  |  |
+| a spec model in the builder | texts spreading inside a staging zone (web) |
+|  |  |
+| two switches through an AND gate light a lamp, while the room plays (web) | a copy of a prefab selected, with its menu (desktop) |
+|  |  |
+| superflight: the texts flown through, ready to become an entry (web) | placing a prefab by hand: red where it would overlap (web) |
+|  |  |
+| an s program asking a classifier, its output beside each line (web) | an s program in the editor (web) |
+
+## The views
+
+**Ctrl+1 … Ctrl+9** switch views, **Ctrl+,** opens settings, and **Esc** closes things.
+Every view has the command bar at the bottom, and each view keeps its own text there.
| | |
|---|---|
-| **fonts** | the interface font (every text in the app, the space's floating texts too) and the memory view's font, from the fonts on your system; filter the list by typing |
-| **zen** | while the mouse rests the bars and panels fade away (after 1, 2.5, 5 or 10 seconds); typing in the editor doesn't bring them back, moving the mouse does |
-| **colours** | every colour the app uses has a name (window, bars, bar text, cards, writing pad, buttons, accent, text, links, code, the space's room...): pick one and set it with the hue, saturation and lightness sliders or a hex. **sand** (the old admin panel's), **night**, **paper** and **sea** are starting points; **reset** puts one colour back. The memory view keeps weum's own colours |
-| **sizes** | the whole interface's scale, and the top bar's and command bar's heights in pixels, the way a desktop panel is set; their text and buttons are sized to fit |
-| **hide the top bar** | it slides up out of the way and back down when the pointer comes to the top edge |
-| **slide the note list away** | the same as **Ctrl+B**: it stays away until the pointer comes to the left edge |
-| **the space's search line** | in the space, what was searched, its counts and its sum's prime factor chain sit in the top bar (fading with it under zen); this turns that off |
-
-**hub**, in settings, under the saves: give it a hub's address and an app token (made on
-your page on the hub) and connect. Browse the hub's saves (search, and sort by new, stars,
-downloads or featured) and **download** one: it's checked, then lands in your saves
-folder, ready to load. **Share this save** sends the open one with a name, description and
-tags. The app only ever talks to the hub you give it, on a background thread.
-
-These settings and your key bindings live in `config.json` in the platform config folder
-(`~/.config/anend` on Linux, `~/Library/Application Support/anend` on macOS,
-`%APPDATA%\anend` on Windows), not in a save, so they stay the same whichever save is
-open. `ANEND_CONFIG` points it somewhere else.
-
-## Memory and gsearch
-
-The memory view is weum's `memory.html`, without the browser. Type in the command bar;
-the sidecar at its right shows the term's four gsearch keys:
-
-| bucket | measure |
-|---|---|
-| ordinal | a=1 .. z=26 |
-| reversed | a=26 .. z=1 |
-| atbash | every letter swapped for its mirror in its alphabet, `n + 1 − v`: a=26 .. z=1 for Latin (the reversed value), α=24 .. ω=1 for Greek, א=22 .. ת=1 for Hebrew |
-| frequency | the letter frequency table, so anagrams share a bucket (shown as the sorted letters, `eilnst`) |
+| **memory** (Ctrl+1) | weum's memory view. **Enter** on text gsearches its sum and saves it when it's new. **Enter** on a number gsearches that bucket. **Ctrl+Enter** saves, **Shift+Enter** shows a key, **Delete** forgets. `Enlist` `List` `Delist` `Unlist` work on lists. **r / o / f** pick the bucket (reversed, ordinal, frequency), and **← →** gsearch the term's sums. Hover shows the gsum line, and texts that share a sum are underlined in its colour. The circles at the left edge are the buckets. **Shift+click** (or Alt+click, or a box dragged on the field) selects several texts to put in a list or tag; **Ctrl+Shift+click** picks the list. Right-click opens the menu: edit, tag, select, list, candidate, key, forget. |
+| **space** (Ctrl+2) | memory texts floating in a room, laid out by their sums. On the desktop the room is Rust, drawn with [wgpu](https://wgpu.rs) with no JavaScript (`render/`; under the page on Linux, shown in it on macOS and Windows); on the web it is [three.js](https://threejs.org) for now. Clicking a text puts its triangle in the top bar: sides s (ordinal), r (reversed) and ⌊√(s·r)⌋. The arrow keys glide to the nearest text in that direction, and its card opens on the right. It's also where you build: copies that inherit, have their own text or are detached; each placement's size; chains of texts that hang under their title; saved scenes, combined with overlaps settled; and blocks showing texts, pictures, colours or texture recipes (cropped, tiled, tinted, with variants; on a whole block or one face), which move, resize, turn and bend or become spheres; a sky; lights baked onto the blocks; and staging zones whose texts spread among themselves. Blocks act on each other: each can listen for clicks, other blocks' rays, texts entering its zone, timers or signals, run an s program, cast a ray, play keyframe animations and sounds; blocks group into prefabs placed as copies, and starter prefabs (a switch, logic gates, a lamp, a door) show it working. Shift+click or a box selects many things at once to move, turn or delete together. Besides flying you can walk (V: gravity, collisions, run, sneak, crouch, lean, mantle), swing on a grapple (G), place prefabs by hand where you look, and superflight (B) through texts to collect them, in order, into an entry, a chain or a list. |
+| **lists** (Ctrl+3) | every list as a tile. A list's page has an editable name and members, and figures for the whole list: its sums, means, gsum and pfR chain. |
+| **reader** (Ctrl+4) | everything that matches, in pages. Short texts appear as a tiny grid, and notes appear as markdown. Besides its own three views (everything, notes, texts), it shows views written as s programs: a pipe or a search, an order, headings, a layout and pipes' effects. |
+| **notes** (Ctrl+5) | markdown notes, in a list by date, with tags and a read mode. A note can be attached to any entry. Typing stays quick in a note of any length. A note tagged `s` is a program in s (below), and the notes view is its code editor. |
+| **tags** (Ctrl+6) | tags on any entry: pick tags (all or any) and see the entries that have them. |
+| **stats** (Ctrl+7) | figures for the whole save |
+| **models** (Ctrl+8) | classifiers (learned from lists, trained and run here) and spec models: models described as data (what they read, their heads, what they learn from, critics for a writer), made in a builder with a control for every part or as JSON, then trained, run and, for a writer, asked to write. Tag sets are word types of your own (a language's, a conlang checker's right and wrong), learned from words you mark. Taxonomies put classifiers in a tree: each answer picks the next classifier, and every step can be marked right or wrong, which each node counts and its classifier learns from. |
+| **filters** (Ctrl+9) | words, a sum range, written between two dates, a tag, a kind. Each filter is kept by name in the save. It's also the pipe editor: a filter with effects (a colour, a classifier's colours, an underline, a label, a size, a glow, gathering in the space) shown in the memory view and the space while it's on, stacked with other pipes, and actions (a list, a tag, a program on each) done when asked. |
+
+The top bar holds the view icons, the search line with its triangle, undo (**Ctrl+Z**) and
+settings. **Ctrl+= / Ctrl+−** zoom and **0** resets it.
+
+**Settings** are a dialog with folding sections:
+- colours (palettes, or your own) and the text size;
+- the memory view's sizes and spacing, and the space's room colour;
+- zen: the bars fade while you rest, and the top bar can hide until the pointer reaches
+ the top edge;
+- keys, and the hub (a hub's address, to browse and share);
+- saves: open, new, copy, delete, **backup**, and **import from weum**.
+
+## Programs
+
+A save can be scripted in s, the project's own language ([docs/s.md](docs/s.md)). A program
+is a note tagged `s`: its title names it, its body is the code. The notes view is its
+editor: the text stands right-aligned (each line's acting word at the right), coloured by
+kind of word, with an outline, Ctrl+click to a definition, completion, ▶ to run it with each
+line's output beside it, and a step debugger showing the stack and the values.
+
+A program reaches the rest of the save through two library modules of anend's own. With
+`std/anend.s.`, `op` calls any of the app's ops ([docs/app-api.md](docs/app-api.md)) and
+`json`, `#json` and `obj` read and build their JSON. With `std/learn.s.`, classifiers and
+models are words whose answers are s values:
-**Term bar**
+```
+std/learn.s.
+{c is the top class, c/p its probability} //
+{things} {a ripe mango} class
+{~c~ (~c/p~)} >
+{found lists what the search finds} //
+{mango} search
+found all {, } l/
+{found: ~all~} >
+```
+
+With the "things" starter classifier made under the name `things`, that prints
+`fruit, stones and animals: fruit (0.888…)` and the texts with "mango" in them.
+
+Programs run from the notes view, from the bar anywhere (`Run [arguments]`, the
+output as a toast), from blocks in the space (a block's wiring runs a program when it's
+clicked, hit by a ray or signalled), and from a shell with `anend-app run` (below). On a
+shared hub a run takes at most 2 million steps, and the hub's limits apply to what it asks.
+
+## The taxonomy engine
+
+The classifiers are meant to work together rather than one at a time
+([docs/architecture.md](docs/architecture.md)):
+
+- **Taxonomies** put classifiers in a tree: each answer decides which classifier reads the
+ text next ("English or not?" before "which kind of thing?"). Every step of a routing can
+ be marked right or wrong; each node counts its marks beside its classifier's held-out
+ accuracy, and every mark teaches that classifier.
+- **Pipes** take the texts a filter lets through (words, sums, lists, tags, what
+ classifiers say) and give them effects: a colour, a classifier's class colours, an
+ underline, a label, a size, a glow, gathering in the space. Turned on, a pipe's effects
+ show in the memory view and the space, stacked with other pipes'; nothing is written
+ onto the texts. Its actions (a list, a tag, a program on each) run when asked.
+- **Views are programs:** an s program that loads `std/view.s.` says where a view's texts
+ come from (a pipe, or a search), their order, headings and layout, and the reader shows
+ it beside its own views, which are presets of the same thing.
+- **Tag sets** are word types of your own, learned from words you mark: a language's (a
+ set can claim the texts a language classifier picks out), or a checker for a language of
+ your own that flags wrong words with the nearest right ones.
| | |
|---|---|
-| Enter on a number | gsearch it in the current bucket, under its prime factor reduction line (weum's `pfR`, numbers clickable) |
-| Enter on text | gsearch the text's key in the current bucket and show the text itself, saving it as a memory when it's new. With gsearch-typed-text off (**G**): an ordinary word search over every variation weum's search tries (case, plurals, suffixes) |
-| Ctrl+Enter | gsearch the text and save it |
-| Shift+Enter | show the item under a key (`3,4`, or `note:1000001`) |
-| Delete | forget the memory under the key typed |
-| `Enlist` `List` `Delist` `Unlist` | list commands, using the list and candidate picked below |
-| Escape | leave the term bar so the single keys work (**/** goes back) |
-
-**Results**: click puts a text in the term bar, double-click its key, Ctrl+click picks it
-as list candidate, Shift+click as the list, Ctrl+right-click forgets it and saves it again
-under a new key, middle-click opens a note. Hovering shows weum's gsum line (sums,
-difference, vowels, consonants, words, atbash).
-
-**Underlines**: a text that shares its reversed sum with any other text is underlined in
-a colour taken from its reversed sum (all its matches share the hue) and ordinal sum (the
-shade). Texts alone with their reversed sum get none.
-
-**Single keys** (outside text boxes): **O** / **R** / **A** / **F** pick the bucket (**R**
-again goes back to ordinal), **←** **→** **↑** **↓** gsearch the term's ordinal /
-reversed / atbash / letters, **G** gsearch typed text, **S** save searches as memories,
-**W** white mode. The buckets and toggles also sit at the bar's right, to click.
-
-To bring weum's memories over, back them up there (`memory.backup` writes
-`all-of-it.json`) and run
+|  |  |
+| a taxonomy: English or not, then which kind of thing; marks per node (desktop) | a pipe's colour, label, size and gathering in the space (desktop) |
+|  |  |
+| a view of one's own in the reader: a pipe's texts as a list (web) | an Afrikaans tag set, learned from marked words (web) |
-```sh
-anend --import-weum all-of-it.json
-```
+## Saves
-They keep their keys, and new memories continue weum's key allocation (one byte keys,
-then two, three and four, reusing forgotten ones). Images and embedding search (esearch)
-from weum aren't part of the app.
-
-## The space
-
-The space is remem (kuis), weum's spatial memory, as a view of the app. Memory texts
-float in a warm room as camera-facing billboards, drawn as GPU vector text with
-[bevy_slugtext](https://github.com/SaulDoesCode/bevy_slugtext). A gsearch pulls its
-bucket's memories in and spread lays them out in front of you: each bucket (texts with
-the same reversed sum, or ordinal with **reversed** on) clusters on an Archimedean spiral
-by its sum, deeper the higher the sum, with texts repelling each other (more so when one
-isn't the other's atbash). Texts sharing a bucket are underlined in its colour.
-
-**Flying**: hold the right mouse button to look, **W A S D** move, **Space** / **C** up and
-down, **Q** / **E** roll, **Shift** fast, **[** **]** or the wheel over empty space change
-the speed, **R** levels the horizon, **Home** goes back to the start.
-
-**Texts**: drag one to move it (a spread text you move stays pinned, **U** toggles that),
-the wheel on a text pushes it away or pulls it near, click puts its text in the terminal,
-double click edits it (a memory text: its key into the terminal), double click on empty
-space or **N** makes a new text, **Enter** edits the selected one, **Delete** removes it,
-**Ctrl+C** copies it, **Ctrl+Z** undoes (a forget too). Ctrl+click picks a list candidate,
-Shift+click the list, Ctrl+right click gsearches ⌊√(s·r)⌋. Hovering shows its metrics
-card: s, r, their sums, product, roots and differences, vowels, consonants, words, its
-key and bucket, every number gsearching itself.
-
-**Terminal**, the command bar in the space (**/**, or **Enter** with nothing selected; it
-says "editing" while you edit a text in it): a number gsearches that bucket,
-text gsearches its sum (with **gsearch** off, searches its words), **Ctrl+Enter**
-saturates the text and gsearches its sum, **Shift+Enter** recalls a key, **Delete**
-forgets the key typed, **↑** **↓** walk the history, **Esc** goes back to flying. `#123`,
-`#r123` and `#name` go to an ordinal bucket, a reversed one or a saved map. The words
-`Enlist` `List` `Delist` `Unlist` `Count` `Backup` `Clear` `ClearAll` `Settle` `Maps` and
-`Save name` are commands. The chips at its right: **gsearch**, **reversed** (**F**),
-**saturate** (searches save new texts) and **keep** (new results join the spread instead
-of replacing it).
-
-**More keys**: **O** the spread's sliders, **P** pauses the physics, **K** settles it now,
-**←** **→** gsearch the terminal's sums, **X** exports every text to a JSON file in your
-Downloads, **Shift+X** saves the map in the database (**Maps** lists them), **H** help,
-**I** the position card. Every key can be remapped in **keys**. weum's esearch, speech
-and image memories aren't part of it.
-
-## Downloads
-
-Builds for Linux and Windows are on the repository's
-[releases page](https://github.com/SaulDoesCode/anend/releases), each with the app
-(`anend`) and the hub (`anend-hub`). On Linux the app needs the Wayland or X11
-libraries a desktop already has.
-
-They're made by GitHub Actions (`.github/workflows/release.yml`). To make a release, tag a
-commit and push the tag:
+A save is one file, an entry graph in [redb](https://www.redb.org). Every text, note,
+tag, list and setting is an entry with timestamps. Lists and tags are edges between
+entries. Identical texts are stored once, and an entry can borrow another's text.
+[docs/format.md](docs/format.md) describes the format. The desktop keeps saves in
+`<data dir>/anend/saves/` (`~/.local/share/anend/saves` on Linux), and starts with `main`.
-```sh
-git tag v0.2.0
-git push origin v0.2.0
-```
+**Backup** writes `texts.json` (every text) and `other.json` (everything else) into the
+save's `backups/` folder. **Import from weum** reads weum's `all-of-it.json` (made by
+`memory.backup` in weum), and the texts keep their keys. Saves from older anend versions
+aren't read.
-The workflow builds both on Linux and Windows and attaches a `.tar.gz` and a
-`.zip` to a new release named after the tag, with notes listing the merged pull requests.
-**Run workflow** on the repository's Actions tab (release) builds the same packages as
-downloadable artifacts without making a release. `.github/workflows/ci.yml` checks
-formatting, clippy and the tests of both on every push to master and every pull request.
+There's no limit on how long a text can be: one over 64 KiB is stored in pieces, and the
+views show long texts piece by piece. The limits a save does set (how much a call reads,
+the spelling check's size, and so on) are its own settings, under "limits of this save".
-## Building
+Gematria modes are **ordinal** (a=1 … z=26), **reversed** (a=26 … z=1) and **frequency**
+(the letters sorted, so anagrams share a bucket). Byte sums (bytes valued 1–256) are a
+separate measure, in `core/src/measure.rs`.
-```sh
-cargo run --release
-```
+## Building and running
-Bevy 0.20 needs Rust 1.97.1 or newer. On Linux you also need the usual Bevy system
-packages, e.g. on Debian/Ubuntu: `libwayland-dev libxkbcommon-dev libfontconfig1-dev` (plus
-`libxkbcommon-x11-0` at runtime on X11). The memory view uses a system serif font
-(Times New Roman, or whatever serif fontconfig offers).
+```sh
+# the desktop app (Linux needs libwebkit2gtk-4.1-dev, libxdo-dev and libasound2-dev)
+cargo run --release -p anend-app
-The tokenizer, the gematria sums and the frequency table have AVX2 kernels picked at
-runtime on x86_64, with scalar fallbacks elsewhere.
+# the app for the browser: needs the wasm32-unknown-unknown target and wasm-bindgen-cli 0.2.129
+app/web/build.sh # writes app/web/dist
-## Data
+# a hub on your own machine: no logins, the app at http://127.0.0.1:8080/app/
+cargo run --release -p anend-hub -- --local
-A save holds the notes, the memories, the search tables and the space's maps and
-settings. Saves go in the saves folder, by default the platform data directory
-(`~/.local/share/anend` on Linux, `~/Library/Application Support/anend` on macOS,
-`%APPDATA%\anend` on Windows), starting with `notes.redb`; settings can move it.
-`--db <file>` opens a particular save for one run.
+# an s program on a save, headless: a file, or the save's program (a note tagged s) by
+# title; stdin, when it isn't a terminal, is read to its end as the program's stdin
+# (give it </dev/null when there's none); its output comes out, and its exit code
+cargo run --release -p anend-app -- run tally --save ~/.local/share/anend/saves/main.redb
+```
-To bring writs over from the old server, export the `writs` collection (for example
-`arangoexport --collection writs --type json`) and import it:
+On Linux the app turns off WebKitGTK's DMA-BUF renderer, which leaves a white window
+("Failed to create GBM buffer") on some drivers. If the window is still blank, try
+`WEBKIT_DISABLE_COMPOSITING_MODE=1 anend-app`. To keep DMA-BUF on, set
+`WEBKIT_DISABLE_DMABUF_RENDERER=0`.
-```sh
-anend --import writs.json
-```
+Build the web app before the hub, so the hub can serve it at `/app/`. Without it,
+`/app/` shows a page saying to run `app/web/build.sh`.
-This keeps their keys, titles, markdown, tags, dates and edit history.
+Before a change goes in, run the checks: `cargo fmt --all --check`,
+`cargo clippy --workspace --all-targets -- -D warnings`, `cargo test --workspace`, and the
+wasm build (`cargo build -p anend-app --target wasm32-unknown-unknown
+--no-default-features --features web`). `.github/workflows/ci.yml` runs the same
+checks, and `release.yml` builds the desktop app and the hub (with the web app inside)
+for Linux and Windows when a `v*` tag is pushed.
## The hub
-`anend-hub` (in `hub/`, built with [Salvo](https://salvo.rs)) is a website and an API for
-sharing saves. Start one and make yourself its admin:
-
```sh
cargo run --release -p anend-hub -- --admin yourname
```
-It prints a login link (good once, within an hour); open it and set a password on your
-page. The hub listens on `127.0.0.1:8080` and keeps everything in `./hub-data`: its own
-redb database (people, sessions, saves' details, stars) and the save files in
-`hub-data/saves/`. Back it up by copying the folder while the hub is stopped.
-
-**What's in it**
-
-| | |
-|---|---|
-| **the grid** | every shared save as a card, headed by its name's ordinal and reversed sums in a colour taken from them; search by words, author or `#tag`, sort by new, stars, downloads or featured |
-| **a save's page** | its description and tags, some of its memories with their sums, its notes' titles, stars, downloads, and the download |
-| **joining** | name and password (email optional). By default it's an application an admin answers; `--open` lets people straight in |
-| **sharing** | upload a `.redb` save with a name, description and tags. The hub opens its own copy to check it's a save the app made (a copy of an open save is fine) and reads its counts and memories. It waits for an admin unless you're trusted; a new version keeps its stars and downloads |
-| **the game** | points when others use what you share: 50 when a save is let in, 5 a star, 1 for each person who downloads it, 100 when it's featured, and 1 for each save you star. Levels go seeker, reader, scribe, counter, cipherer, numerologist, gematrian, archivist, palace keeper, sage; badges for milestones (first save, prolific, beloved, well read, library, memory palace, curator, founder...). Stars and downloads count once per person, and your own don't count |
-| **people** | a page each, with level, badges, saves and a bio; the leaderboard ranks them, and the most starred saves |
-| **admin** | saves waiting (let in, or turn down with a reason), people applying, everyone (member, trusted (no review), admin, ban, make a login link), and every save (approve, turn down, feature, remove) |
-| **app tokens** | made on your page and pasted into the app (settings → hub), which uses them to share (see [the API](docs/hub-api.md)) |
-
-**Options**: `--addr` where it listens, `--url` the address people reach it at (for login
-links, and https cookies when it starts with `https://`), `--data` its folder, `--name` and
-`--about` what it calls itself, `--open`, `--max-upload` in MB (64), `--quota` in MB (1024: how much disk each member's saves in the web app may fill; 0 for no limit), `--behind-proxy` to
-trust `X-Forwarded-For`, `--no-ratelimit`, `--local` (below), and `--tls-cert` /
-`--tls-key` (PEM files) to speak https itself. Those two can also be set on
-**admin → server settings**, a page that only opens from the machine the hub runs on; they
-take effect at the next start. Without them it speaks plain http, and a reverse proxy
-(Caddy, nginx) can do the https.
-
-### The app in a browser
-
-The hub is also the app's daemon: **/app/** is the app as a web page (plain HTML, CSS and
-JavaScript in `hub/web/`, built into the binary, with [three.js](https://threejs.org) for the
-space), talking to the hub over a WebSocket (`/app/ws`, falling back to `POST
-/app/api/{op}`). It has the desktop app's views: the editor, reader, stats, the memory
-view, the space (the texts as crisp CSS3D labels in a WebGL room, the search line with its
-triangle), lists, and settings with saves (download and upload too), the forge, the hub
-and colours. Each person who logs in gets their own workspace of saves in
-`hub-data/users/<name>/saves`.
-
-```sh
-cargo run --release -p anend-hub -- --local # just you: no logins, one workspace
-```
-
-**Offline**: the same files work from any static web server (`python3 -m http.server -d
-hub/web`, a static host) with no hub at all. When no hub answers at load, the page runs the
-app's calls itself in JavaScript (`hub/web/local/`, the same results as the hub's down to
-the last bit; `node hub/web/test/parity.mjs` checks it against a live `--local` hub) and
-keeps its saves in the browser's IndexedDB. Only then: a page a hub serves always works on
-the hub. A save moves between the two as a bundle, a JSON file with every key kept
-(settings → export bundle, then import bundle on the other side).
-
-`--local` is for running it on your own machine; on a shared hub people log in and the
-app is theirs. The calls are listed in [the app API](docs/app-api.md), so anything that
-speaks WebSocket or JSON can drive a save. To keep it running as a service,
-`hub/anend-hub.service` is a systemd unit (its comments say where to put things).
-
-Passwords are hashed with argon2; sessions and tokens are random and stored only as
-hashes; forms posted from other sites are refused; logins, joins and uploads are limited
-per address.
+This prints a one-time login link. The hub keeps everything in `./hub-data`, and listens
+on `127.0.0.1:8080`.
+- **`--mode`** picks what it serves:
+ - `hub`: the sharing site;
+ - `app`: the web app for members, each with their own saves;
+ - `both`: both, the default.
+- **`--join`** sets how people get in: `invite`, `apply` or `open`.
+- **Visibility:** each save is private, unlisted or public.
+
+Members share saves, star and download each other's, and earn points, levels and badges
+when others use what they made. The admin panel reviews saves and people.
+[docs/deploy.md](docs/deploy.md) covers running one for real: modes, joining, TLS,
+backups, Docker, and running it as a paid service. [docs/security.md](docs/security.md)
+covers the security model.
+
+The web app and the desktop make the same calls ([the app API](docs/app-api.md)), over
+a WebSocket at `/app/ws` or `POST /app/api/{op}`. Anything that speaks JSON can drive
+a save. [docs/hub-api.md](docs/hub-api.md) covers the sharing API.
+
+## Models
+
+`core/src/classify` is a transformer engine written from scratch: RMSNorm, SwiGLU, RoPE,
+grouped key/value heads. The same inputs give the same output bits on any machine and
+thread count. Models are described by a declarative spec ([docs/models.md](docs/models.md)):
+- **inputs:** bytes, numbers, pictures, and optionally gematria channels (off unless you
+ choose them);
+- **heads:** classify, regress, and generate;
+- **data queries**, and **critics:** classifiers that steer generation, by reranking,
+ guidance or reinforcement.
+
+**Pretrained models:** Llama-family checkpoints (Llama, Mistral, Qwen2/3, SmolLM) load
+from safetensors and a `tokenizer.json`. Use `"from": {"pretrained": "<dir>"}` in a spec,
+or see `core/examples/pretrained.rs`.
+
+**The GPU:** a backend (wgpu, the cargo feature `gpu`, on in the desktop app and the hub)
+trains and reads texts on the GPU. Classifiers read on it (trying, search, indexing,
+buckets, colouring, filters) with every text's windows packed into a few submissions;
+the settings' GPU section picks auto, the CPU, the GPU or the GPU fast. In exact
+precision it gives the CPU's bits on a device whose kernels the probe finds exact (this
+was checked on a software GPU, llvmpipe, only). **write a GPU report** in the settings
+(`gpu.report`) writes a JSON file about your GPU: the adapter, driver, limits, the probe
+of every kernel, and training and reading timings next to the CPU.
+`core/examples/gpu_bench.rs` measures larger models.
+
+**Starter classifiers** (`core/src/starters.rs`) have texts whose classes are known for
+certain (made by rules, or public-domain books), so each is scored on held-out texts:
+`cargo run --release -p anend-core --example starters` prints the table.
+
+[core/src/classify/STATUS.md](core/src/classify/STATUS.md) has the details and what's
+measured.
## Layout
-| file | what |
+| | |
|---|---|
-| `core/` | `anend-core`, what the app and the hub share: the note model, redb storage, markdown, the SIMD sums, the memory tables, weum, the spread layout and the triangle, list figures, the forge |
-| `src/main.rs` | startup, command line, window |
-| `src/lists_ui.rs` | the lists view |
-| `src/ui.rs` | the interface: layout scenes, actions, rebuild systems, markdown rendering |
-| `src/theme.rs` | the sand palette from `admin.css` as a feathers theme |
-| `core/src/note.rs` | the note model, title/body splitting, dates |
-| `core/src/store.rs` | redb storage |
-| `core/src/markdown.rs` | markdown to styled text blocks |
-| `core/src/simd.rs` | AVX2 tokenizer, gematria dual sum (ordinal, reversed, atbash) and letter frequencies |
-| `core/src/memory.rs` | the memory and search tables: weum's allocator, token index, the four gsearch buckets, lists |
-| `core/src/weum.rs` | ports of memory.js helpers: pfR, the gsum line, the search variations |
-| `src/memory_ui.rs` | the memory view |
-| `src/keys.rs` | actions, bindings and the remap logic |
-| `core/src/fmath.rs` | sin, cos and hypot the same on every machine and in the browser |
-| `core/src/bundle.rs` | a save as JSON, keys and all |
-| `core/src/spread.rs` | spread.js: the layout of memory texts by their sums, checked step by step against the original |
-| `src/space.rs` | the space: flying, the texts as slug billboards, picking, the terminal's memory commands, maps |
-| `src/space_ui.rs` | the space's panels: position line, help, metrics, sliders, search line |
-| `src/bar.rs` | the command bar every view shares |
-| `src/settings.rs` | the settings menu and the saves: load, new, copy, rename, delete |
-| `src/config.rs` | the settings file |
-| `src/typeface.rs` | swapping the interface font and the memory view's font |
-| `src/zen.rs` | zen's fade, the hiding top bar and the sliding note list |
-| `src/palette.rs` | the colours the settings change, and repainting the interface with them |
-| `src/sizing.rs` | the interface scale and the bars' heights |
-| `src/hub.rs` | talking to a hub: its API, downloads, uploads |
-| `src/hub_ui.rs` | the hub section of the settings |
-| `hub/src/main.rs` | the hub: command line and routes |
-| `hub/src/hub.rs` | taking uploads in, finding saves, stars, downloads, reviews |
-| `hub/src/store.rs` | the hub's redb tables |
-| `hub/src/inspect.rs` | reading an uploaded save |
-| `hub/src/game.rs` | points, levels and badges |
-| `hub/src/auth.rs` | passwords, sessions, tokens, login links, rate limits |
-| `hub/src/web.rs`, `hub/templates/` | the pages |
-| `hub/src/api.rs` | the JSON API |
-| `hub/src/app.rs` | the app's calls on a workspace of saves (the daemon) |
-| `hub/src/appweb.rs` | the web app's files, its WebSocket and posts, moving saves in and out |
-| `hub/src/server.rs`, `hub/templates/server.html` | the https settings page |
-| `hub/web/` | the web app: `app.js` (routes, bars, keys), `api.js` (the socket), `space.js` (three.js), `views/` |
+| `core/src/graph/` | the entry graph store: records, the 5-bit codec with references and calls, posting lists, edges, queries |
+| `core/src/ops/` | the app API over a save and a folder of saves, merge and forge, shared by the desktop and the hub |
+| `core/src/classify/` | the transformer engine, the spec, generation, pretrained import, the GPU backend |
+| `core/src/measure.rs` | byte sums |
+| `app/src/` | the Dioxus app: `shell.rs` (bars, keys, menu), `views/`, `backend/` (`local.rs` the graph in-process, `hub.rs` the WebSocket), `gem.rs` (weum's numbers), `native.rs` (the room's picture under the page on Linux), `picture.rs` (in the page on macOS and Windows), `space.js` (the three.js room on the web) |
+| `render/` | the room in Rust (`anend-render`): the wgpu renderer, the room itself (`room.rs`, `room/`: the spread, building, wires, sounds, walking), blocks and their tiles |
+| `app/web/` | the web build: `build.sh`, the page, its loader |
+| `hub/src/` | the hub: modes, accounts, saves, sharing, the game, the app's API (`app.rs`, `appweb.rs`) |
+| `docs/` | the formats, the APIs, deployment, security, models, and `next.md` (the plan and status) |
+| `docs/weum-reference/` | weum's own code, the reference for its numbers |
+
+[docs/guide.md](docs/guide.md) is the guide for people using the app: every view, the
+command bar, lists, classifiers and spec models, settings and the hub.
diff --git a/app/Cargo.toml b/app/Cargo.toml
new file mode 100644
index 00000000..cb2f7e32
--- /dev/null
+++ b/app/Cargo.toml
@@ -0,0 +1,50 @@
+[package]
+name = "anend-app"
+version = "0.1.0"
+edition = "2024"
+description = "anend's app in Rust with Dioxus: the desktop app and, from the same code, the web app"
+license-file = "../LICENSE"
+publish = false
+
+[[bin]]
+name = "anend-app"
+path = "src/main.rs"
+
+[features]
+default = ["desktop", "hub"]
+# the desktop app: the system webview (wry), the saves on disk through anend-core's Store
+desktop = ["dioxus/desktop", "dep:tokio", "dep:png", "dep:ureq", "anend-core/gpu", "anend-core/fetch", "dep:anend-render", "dep:gtk", "dep:cpal", "dep:symphonia"]
+# the web app: WebAssembly in the browser, talking to the hub's app API over a WebSocket
+web = ["dioxus/web", "dep:wasm-bindgen", "dep:web-sys", "dep:js-sys", "dep:wasm-bindgen-futures", "dep:anend-render"]
+# the hub's settings (its address, the app token); leave out for a hub-free build
+hub = []
+
+[dependencies]
+anend-core = { path = "../core" }
+dioxus = { version = "=0.7.10", default-features = false, features = ["launch", "lib"] }
+serde = { version = "1", features = ["derive"] }
+serde_json = "1"
+futures-channel = "0.3"
+futures-util = { version = "0.3", default-features = false, features = ["std"] }
+chrono = "0.4"
+pulldown-cmark = { version = "0.13", default-features = false, features = ["html"] }
+redb = "4.3"
+# the space drawn natively (wgpu), on the desktop
+anend-render = { path = "../render", optional = true }
+# the native space's sounds: decoded with symphonia, mixed on cpal's output
+cpal = { version = "0.15", optional = true }
+symphonia = { version = "0.5", optional = true, default-features = false, features = ["wav", "pcm", "ogg", "vorbis", "flac", "mp3", "isomp4", "aac"] }
+
+tokio = { version = "1", features = ["rt", "time"], optional = true }
+png = { version = "0.17", optional = true }
+ureq = { version = "3", default-features = false, features = ["rustls"], optional = true }
+
+wasm-bindgen = { version = "=0.2.129", optional = true }
+wasm-bindgen-futures = { version = "0.4", optional = true }
+js-sys = { version = "0.3", optional = true }
+web-sys = { version = "0.3", optional = true, features = ["WebSocket", "MessageEvent", "Window", "Storage", "Location", "CloseEvent", "BinaryType", "Document", "Element", "HtmlCanvasElement", "Navigator", "console"] }
+
+# the native space's drawing area under the webview (Linux: GTK, as tao and wry use)
+[target.'cfg(target_os = "linux")'.dependencies]
+gtk = { version = "0.18", optional = true }
+
diff --git a/app/docs/shots/anims.png b/app/docs/shots/anims.png
new file mode 100644
index 00000000..3daccbd0
Binary files /dev/null and b/app/docs/shots/anims.png differ
diff --git a/app/docs/shots/desktop-bar-stable.png b/app/docs/shots/desktop-bar-stable.png
new file mode 100644
index 00000000..603d7e6f
Binary files /dev/null and b/app/docs/shots/desktop-bar-stable.png differ
diff --git a/app/docs/shots/desktop-bar-widths.png b/app/docs/shots/desktop-bar-widths.png
new file mode 100644
index 00000000..544f3af3
Binary files /dev/null and b/app/docs/shots/desktop-bar-widths.png differ
diff --git a/app/docs/shots/desktop-block-bend.png b/app/docs/shots/desktop-block-bend.png
new file mode 100644
index 00000000..25744d42
Binary files /dev/null and b/app/docs/shots/desktop-block-bend.png differ
diff --git a/app/docs/shots/desktop-block-menu.png b/app/docs/shots/desktop-block-menu.png
new file mode 100644
index 00000000..dea56a46
Binary files /dev/null and b/app/docs/shots/desktop-block-menu.png differ
diff --git a/app/docs/shots/desktop-copy-menu.png b/app/docs/shots/desktop-copy-menu.png
new file mode 100644
index 00000000..9f1eb8d5
Binary files /dev/null and b/app/docs/shots/desktop-copy-menu.png differ
diff --git a/app/docs/shots/desktop-editor-alternatives.png b/app/docs/shots/desktop-editor-alternatives.png
new file mode 100644
index 00000000..6189c334
Binary files /dev/null and b/app/docs/shots/desktop-editor-alternatives.png differ
diff --git a/app/docs/shots/desktop-filter.png b/app/docs/shots/desktop-filter.png
new file mode 100644
index 00000000..c4df3328
Binary files /dev/null and b/app/docs/shots/desktop-filter.png differ
diff --git a/app/docs/shots/desktop-gates.png b/app/docs/shots/desktop-gates.png
new file mode 100644
index 00000000..5342435b
Binary files /dev/null and b/app/docs/shots/desktop-gates.png differ
diff --git a/app/docs/shots/desktop-ghost.png b/app/docs/shots/desktop-ghost.png
new file mode 100644
index 00000000..9d8cc10b
Binary files /dev/null and b/app/docs/shots/desktop-ghost.png differ
diff --git a/app/docs/shots/desktop-gpu-report.png b/app/docs/shots/desktop-gpu-report.png
new file mode 100644
index 00000000..c548ea8c
Binary files /dev/null and b/app/docs/shots/desktop-gpu-report.png differ
diff --git a/app/docs/shots/desktop-group.png b/app/docs/shots/desktop-group.png
new file mode 100644
index 00000000..3ab07487
Binary files /dev/null and b/app/docs/shots/desktop-group.png differ
diff --git a/app/docs/shots/desktop-help-walking.png b/app/docs/shots/desktop-help-walking.png
new file mode 100644
index 00000000..a9eb5232
Binary files /dev/null and b/app/docs/shots/desktop-help-walking.png differ
diff --git a/app/docs/shots/desktop-memory-buckets.png b/app/docs/shots/desktop-memory-buckets.png
new file mode 100644
index 00000000..f087fbda
Binary files /dev/null and b/app/docs/shots/desktop-memory-buckets.png differ
diff --git a/app/docs/shots/desktop-memory-frame.png b/app/docs/shots/desktop-memory-frame.png
new file mode 100644
index 00000000..0ecb42bd
Binary files /dev/null and b/app/docs/shots/desktop-memory-frame.png differ
diff --git a/app/docs/shots/desktop-memory-hover-types.png b/app/docs/shots/desktop-memory-hover-types.png
new file mode 100644
index 00000000..5a04a0df
Binary files /dev/null and b/app/docs/shots/desktop-memory-hover-types.png differ
diff --git a/app/docs/shots/desktop-memory-long-open.png b/app/docs/shots/desktop-memory-long-open.png
new file mode 100644
index 00000000..7b134afb
Binary files /dev/null and b/app/docs/shots/desktop-memory-long-open.png differ
diff --git a/app/docs/shots/desktop-memory-long-piece.png b/app/docs/shots/desktop-memory-long-piece.png
new file mode 100644
index 00000000..13074d39
Binary files /dev/null and b/app/docs/shots/desktop-memory-long-piece.png differ
diff --git a/app/docs/shots/desktop-memory-menu.png b/app/docs/shots/desktop-memory-menu.png
new file mode 100644
index 00000000..8fd72b0e
Binary files /dev/null and b/app/docs/shots/desktop-memory-menu.png differ
diff --git a/app/docs/shots/desktop-memory-types-and-underlines.png b/app/docs/shots/desktop-memory-types-and-underlines.png
new file mode 100644
index 00000000..e0481af9
Binary files /dev/null and b/app/docs/shots/desktop-memory-types-and-underlines.png differ
diff --git a/app/docs/shots/desktop-memory-word-types.png b/app/docs/shots/desktop-memory-word-types.png
new file mode 100644
index 00000000..584b26cf
Binary files /dev/null and b/app/docs/shots/desktop-memory-word-types.png differ
diff --git a/app/docs/shots/desktop-models-trained.png b/app/docs/shots/desktop-models-trained.png
new file mode 100644
index 00000000..335b756b
Binary files /dev/null and b/app/docs/shots/desktop-models-trained.png differ
diff --git a/app/docs/shots/desktop-models-try.png b/app/docs/shots/desktop-models-try.png
new file mode 100644
index 00000000..064b7025
Binary files /dev/null and b/app/docs/shots/desktop-models-try.png differ
diff --git a/app/docs/shots/desktop-native-space.png b/app/docs/shots/desktop-native-space.png
new file mode 100644
index 00000000..c01d2596
Binary files /dev/null and b/app/docs/shots/desktop-native-space.png differ
diff --git a/app/docs/shots/desktop-native-texts.png b/app/docs/shots/desktop-native-texts.png
new file mode 100644
index 00000000..7e9823cc
Binary files /dev/null and b/app/docs/shots/desktop-native-texts.png differ
diff --git a/app/docs/shots/desktop-notes-highlight.png b/app/docs/shots/desktop-notes-highlight.png
new file mode 100644
index 00000000..7778f56c
Binary files /dev/null and b/app/docs/shots/desktop-notes-highlight.png differ
diff --git a/app/docs/shots/desktop-notes-segments.png b/app/docs/shots/desktop-notes-segments.png
new file mode 100644
index 00000000..ba7702ff
Binary files /dev/null and b/app/docs/shots/desktop-notes-segments.png differ
diff --git a/app/docs/shots/desktop-notes-spelling.png b/app/docs/shots/desktop-notes-spelling.png
new file mode 100644
index 00000000..6d03eeeb
Binary files /dev/null and b/app/docs/shots/desktop-notes-spelling.png differ
diff --git a/app/docs/shots/desktop-notes.png b/app/docs/shots/desktop-notes.png
new file mode 100644
index 00000000..07430024
Binary files /dev/null and b/app/docs/shots/desktop-notes.png differ
diff --git a/app/docs/shots/desktop-pictures.png b/app/docs/shots/desktop-pictures.png
new file mode 100644
index 00000000..19ffa836
Binary files /dev/null and b/app/docs/shots/desktop-pictures.png differ
diff --git a/app/docs/shots/desktop-pipes-memory.png b/app/docs/shots/desktop-pipes-memory.png
new file mode 100644
index 00000000..6739f2a7
Binary files /dev/null and b/app/docs/shots/desktop-pipes-memory.png differ
diff --git a/app/docs/shots/desktop-pipes-space.png b/app/docs/shots/desktop-pipes-space.png
new file mode 100644
index 00000000..ee424433
Binary files /dev/null and b/app/docs/shots/desktop-pipes-space.png differ
diff --git a/app/docs/shots/desktop-prefabs-before.png b/app/docs/shots/desktop-prefabs-before.png
new file mode 100644
index 00000000..0944b8a3
Binary files /dev/null and b/app/docs/shots/desktop-prefabs-before.png differ
diff --git a/app/docs/shots/desktop-prefabs.png b/app/docs/shots/desktop-prefabs.png
new file mode 100644
index 00000000..d2712484
Binary files /dev/null and b/app/docs/shots/desktop-prefabs.png differ
diff --git a/app/docs/shots/desktop-reader-night.png b/app/docs/shots/desktop-reader-night.png
new file mode 100644
index 00000000..c764efa3
Binary files /dev/null and b/app/docs/shots/desktop-reader-night.png differ
diff --git a/app/docs/shots/desktop-run-bar.png b/app/docs/shots/desktop-run-bar.png
new file mode 100644
index 00000000..d034ca3b
Binary files /dev/null and b/app/docs/shots/desktop-run-bar.png differ
diff --git a/app/docs/shots/desktop-s-editor.png b/app/docs/shots/desktop-s-editor.png
new file mode 100644
index 00000000..5de67323
Binary files /dev/null and b/app/docs/shots/desktop-s-editor.png differ
diff --git a/app/docs/shots/desktop-s-learn.png b/app/docs/shots/desktop-s-learn.png
new file mode 100644
index 00000000..2238e8c3
Binary files /dev/null and b/app/docs/shots/desktop-s-learn.png differ
diff --git a/app/docs/shots/desktop-s-run.png b/app/docs/shots/desktop-s-run.png
new file mode 100644
index 00000000..6fe4c1cc
Binary files /dev/null and b/app/docs/shots/desktop-s-run.png differ
diff --git a/app/docs/shots/desktop-scenes-combine.png b/app/docs/shots/desktop-scenes-combine.png
new file mode 100644
index 00000000..1f41907f
Binary files /dev/null and b/app/docs/shots/desktop-scenes-combine.png differ
diff --git a/app/docs/shots/desktop-scenes-combined.png b/app/docs/shots/desktop-scenes-combined.png
new file mode 100644
index 00000000..d655ebee
Binary files /dev/null and b/app/docs/shots/desktop-scenes-combined.png differ
diff --git a/app/docs/shots/desktop-scenes-migrated.png b/app/docs/shots/desktop-scenes-migrated.png
new file mode 100644
index 00000000..096b84e0
Binary files /dev/null and b/app/docs/shots/desktop-scenes-migrated.png differ
diff --git a/app/docs/shots/desktop-search-gpu.png b/app/docs/shots/desktop-search-gpu.png
new file mode 100644
index 00000000..e4c5f721
Binary files /dev/null and b/app/docs/shots/desktop-search-gpu.png differ
diff --git a/app/docs/shots/desktop-select-many.png b/app/docs/shots/desktop-select-many.png
new file mode 100644
index 00000000..d2c25006
Binary files /dev/null and b/app/docs/shots/desktop-select-many.png differ
diff --git a/app/docs/shots/desktop-settings-gpu-speed.png b/app/docs/shots/desktop-settings-gpu-speed.png
new file mode 100644
index 00000000..0fa4d858
Binary files /dev/null and b/app/docs/shots/desktop-settings-gpu-speed.png differ
diff --git a/app/docs/shots/desktop-settings-gpu.png b/app/docs/shots/desktop-settings-gpu.png
new file mode 100644
index 00000000..5a0c808a
Binary files /dev/null and b/app/docs/shots/desktop-settings-gpu.png differ
diff --git a/app/docs/shots/desktop-settings-hsl.png b/app/docs/shots/desktop-settings-hsl.png
new file mode 100644
index 00000000..0c9a47b5
Binary files /dev/null and b/app/docs/shots/desktop-settings-hsl.png differ
diff --git a/app/docs/shots/desktop-settings-limits.png b/app/docs/shots/desktop-settings-limits.png
new file mode 100644
index 00000000..360a1b2e
Binary files /dev/null and b/app/docs/shots/desktop-settings-limits.png differ
diff --git a/app/docs/shots/desktop-sounds.png b/app/docs/shots/desktop-sounds.png
new file mode 100644
index 00000000..ee6725ab
Binary files /dev/null and b/app/docs/shots/desktop-sounds.png differ
diff --git a/app/docs/shots/desktop-space-blocks.png b/app/docs/shots/desktop-space-blocks.png
new file mode 100644
index 00000000..7f04f7c4
Binary files /dev/null and b/app/docs/shots/desktop-space-blocks.png differ
diff --git a/app/docs/shots/desktop-space-chain.png b/app/docs/shots/desktop-space-chain.png
new file mode 100644
index 00000000..f0024c2f
Binary files /dev/null and b/app/docs/shots/desktop-space-chain.png differ
diff --git a/app/docs/shots/desktop-space-copy-menu.png b/app/docs/shots/desktop-space-copy-menu.png
new file mode 100644
index 00000000..6112f9d9
Binary files /dev/null and b/app/docs/shots/desktop-space-copy-menu.png differ
diff --git a/app/docs/shots/desktop-space-inherit.png b/app/docs/shots/desktop-space-inherit.png
new file mode 100644
index 00000000..da1ed098
Binary files /dev/null and b/app/docs/shots/desktop-space-inherit.png differ
diff --git a/app/docs/shots/desktop-space-onebar.png b/app/docs/shots/desktop-space-onebar.png
new file mode 100644
index 00000000..5bf4f9b1
Binary files /dev/null and b/app/docs/shots/desktop-space-onebar.png differ
diff --git a/app/docs/shots/desktop-space-physics.png b/app/docs/shots/desktop-space-physics.png
new file mode 100644
index 00000000..296f7b89
Binary files /dev/null and b/app/docs/shots/desktop-space-physics.png differ
diff --git a/app/docs/shots/desktop-space-size-saved.png b/app/docs/shots/desktop-space-size-saved.png
new file mode 100644
index 00000000..5f5cf4dd
Binary files /dev/null and b/app/docs/shots/desktop-space-size-saved.png differ
diff --git a/app/docs/shots/desktop-space-size.png b/app/docs/shots/desktop-space-size.png
new file mode 100644
index 00000000..06cb8c84
Binary files /dev/null and b/app/docs/shots/desktop-space-size.png differ
diff --git a/app/docs/shots/desktop-space.png b/app/docs/shots/desktop-space.png
new file mode 100644
index 00000000..72f46a74
Binary files /dev/null and b/app/docs/shots/desktop-space.png differ
diff --git a/app/docs/shots/desktop-specs-device.png b/app/docs/shots/desktop-specs-device.png
new file mode 100644
index 00000000..eeb3a41c
Binary files /dev/null and b/app/docs/shots/desktop-specs-device.png differ
diff --git a/app/docs/shots/desktop-specs-error.png b/app/docs/shots/desktop-specs-error.png
new file mode 100644
index 00000000..f33e0618
Binary files /dev/null and b/app/docs/shots/desktop-specs-error.png differ
diff --git a/app/docs/shots/desktop-specs-trained.png b/app/docs/shots/desktop-specs-trained.png
new file mode 100644
index 00000000..12ea6619
Binary files /dev/null and b/app/docs/shots/desktop-specs-trained.png differ
diff --git a/app/docs/shots/desktop-specs-write.png b/app/docs/shots/desktop-specs-write.png
new file mode 100644
index 00000000..326a9fc2
Binary files /dev/null and b/app/docs/shots/desktop-specs-write.png differ
diff --git a/app/docs/shots/desktop-starter-held-out.png b/app/docs/shots/desktop-starter-held-out.png
new file mode 100644
index 00000000..6e2c2c1c
Binary files /dev/null and b/app/docs/shots/desktop-starter-held-out.png differ
diff --git a/app/docs/shots/desktop-starters.png b/app/docs/shots/desktop-starters.png
new file mode 100644
index 00000000..c044c84e
Binary files /dev/null and b/app/docs/shots/desktop-starters.png differ
diff --git a/app/docs/shots/desktop-tagset-checker.png b/app/docs/shots/desktop-tagset-checker.png
new file mode 100644
index 00000000..408827e0
Binary files /dev/null and b/app/docs/shots/desktop-tagset-checker.png differ
diff --git a/app/docs/shots/desktop-taxonomy.png b/app/docs/shots/desktop-taxonomy.png
new file mode 100644
index 00000000..8002b5a7
Binary files /dev/null and b/app/docs/shots/desktop-taxonomy.png differ
diff --git a/app/docs/shots/desktop-view-program.png b/app/docs/shots/desktop-view-program.png
new file mode 100644
index 00000000..6e3bdaf2
Binary files /dev/null and b/app/docs/shots/desktop-view-program.png differ
diff --git a/app/docs/shots/desktop-walking.png b/app/docs/shots/desktop-walking.png
new file mode 100644
index 00000000..f85fc81a
Binary files /dev/null and b/app/docs/shots/desktop-walking.png differ
diff --git a/app/docs/shots/desktop-wire-drag.png b/app/docs/shots/desktop-wire-drag.png
new file mode 100644
index 00000000..f4f8d6cb
Binary files /dev/null and b/app/docs/shots/desktop-wire-drag.png differ
diff --git a/app/docs/shots/desktop-wiring.png b/app/docs/shots/desktop-wiring.png
new file mode 100644
index 00000000..2a2fbcc2
Binary files /dev/null and b/app/docs/shots/desktop-wiring.png differ
diff --git a/app/docs/shots/lights.png b/app/docs/shots/lights.png
new file mode 100644
index 00000000..300ebb6f
Binary files /dev/null and b/app/docs/shots/lights.png differ
diff --git a/app/docs/shots/native-default.png b/app/docs/shots/native-default.png
new file mode 100644
index 00000000..6aa5cacd
Binary files /dev/null and b/app/docs/shots/native-default.png differ
diff --git a/app/docs/shots/native-gizmo.png b/app/docs/shots/native-gizmo.png
new file mode 100644
index 00000000..9d8b2410
Binary files /dev/null and b/app/docs/shots/native-gizmo.png differ
diff --git a/app/docs/shots/native-lights.png b/app/docs/shots/native-lights.png
new file mode 100644
index 00000000..cb4e6f3d
Binary files /dev/null and b/app/docs/shots/native-lights.png differ
diff --git a/app/docs/shots/native-picture-path.png b/app/docs/shots/native-picture-path.png
new file mode 100644
index 00000000..324e686a
Binary files /dev/null and b/app/docs/shots/native-picture-path.png differ
diff --git a/app/docs/shots/native-prefab-thumbs.png b/app/docs/shots/native-prefab-thumbs.png
new file mode 100644
index 00000000..d71096cc
Binary files /dev/null and b/app/docs/shots/native-prefab-thumbs.png differ
diff --git a/app/docs/shots/native-sky.png b/app/docs/shots/native-sky.png
new file mode 100644
index 00000000..effbe170
Binary files /dev/null and b/app/docs/shots/native-sky.png differ
diff --git a/app/docs/shots/native-texture-previews.png b/app/docs/shots/native-texture-previews.png
new file mode 100644
index 00000000..ae4f848f
Binary files /dev/null and b/app/docs/shots/native-texture-previews.png differ
diff --git a/app/docs/shots/native-wires.png b/app/docs/shots/native-wires.png
new file mode 100644
index 00000000..98c4b657
Binary files /dev/null and b/app/docs/shots/native-wires.png differ
diff --git a/app/docs/shots/native-zone.png b/app/docs/shots/native-zone.png
new file mode 100644
index 00000000..08d1818e
Binary files /dev/null and b/app/docs/shots/native-zone.png differ
diff --git a/app/docs/shots/polish-lists.png b/app/docs/shots/polish-lists.png
new file mode 100644
index 00000000..488672ce
Binary files /dev/null and b/app/docs/shots/polish-lists.png differ
diff --git a/app/docs/shots/polish-memory.png b/app/docs/shots/polish-memory.png
new file mode 100644
index 00000000..1b5a26e1
Binary files /dev/null and b/app/docs/shots/polish-memory.png differ
diff --git a/app/docs/shots/polish-models.png b/app/docs/shots/polish-models.png
new file mode 100644
index 00000000..075b3522
Binary files /dev/null and b/app/docs/shots/polish-models.png differ
diff --git a/app/docs/shots/polish-notes.png b/app/docs/shots/polish-notes.png
new file mode 100644
index 00000000..20715895
Binary files /dev/null and b/app/docs/shots/polish-notes.png differ
diff --git a/app/docs/shots/polish-reader.png b/app/docs/shots/polish-reader.png
new file mode 100644
index 00000000..b9987fec
Binary files /dev/null and b/app/docs/shots/polish-reader.png differ
diff --git a/app/docs/shots/polish-space-empty-after.png b/app/docs/shots/polish-space-empty-after.png
new file mode 100644
index 00000000..c6943986
Binary files /dev/null and b/app/docs/shots/polish-space-empty-after.png differ
diff --git a/app/docs/shots/polish-space-empty-before.png b/app/docs/shots/polish-space-empty-before.png
new file mode 100644
index 00000000..2f8af526
Binary files /dev/null and b/app/docs/shots/polish-space-empty-before.png differ
diff --git a/app/docs/shots/polish-space-many.png b/app/docs/shots/polish-space-many.png
new file mode 100644
index 00000000..93ce4daf
Binary files /dev/null and b/app/docs/shots/polish-space-many.png differ
diff --git a/app/docs/shots/polish-space.png b/app/docs/shots/polish-space.png
new file mode 100644
index 00000000..d0386016
Binary files /dev/null and b/app/docs/shots/polish-space.png differ
diff --git a/app/docs/shots/polish-stats.png b/app/docs/shots/polish-stats.png
new file mode 100644
index 00000000..e07cf091
Binary files /dev/null and b/app/docs/shots/polish-stats.png differ
diff --git a/app/docs/shots/polish-tags-after.png b/app/docs/shots/polish-tags-after.png
new file mode 100644
index 00000000..cb4f91fc
Binary files /dev/null and b/app/docs/shots/polish-tags-after.png differ
diff --git a/app/docs/shots/polish-tags-before.png b/app/docs/shots/polish-tags-before.png
new file mode 100644
index 00000000..4b4f4f43
Binary files /dev/null and b/app/docs/shots/polish-tags-before.png differ
diff --git a/app/docs/shots/saves-folder.png b/app/docs/shots/saves-folder.png
new file mode 100644
index 00000000..b785fd17
Binary files /dev/null and b/app/docs/shots/saves-folder.png differ
diff --git a/app/docs/shots/space-searchline.png b/app/docs/shots/space-searchline.png
new file mode 100644
index 00000000..852a2f90
Binary files /dev/null and b/app/docs/shots/space-searchline.png differ
diff --git a/app/docs/shots/spec-builder-json.png b/app/docs/shots/spec-builder-json.png
new file mode 100644
index 00000000..48554605
Binary files /dev/null and b/app/docs/shots/spec-builder-json.png differ
diff --git a/app/docs/shots/spec-builder.png b/app/docs/shots/spec-builder.png
new file mode 100644
index 00000000..6abc8cf4
Binary files /dev/null and b/app/docs/shots/spec-builder.png differ
diff --git a/app/docs/shots/sphere-menu.png b/app/docs/shots/sphere-menu.png
new file mode 100644
index 00000000..370de539
Binary files /dev/null and b/app/docs/shots/sphere-menu.png differ
diff --git a/app/docs/shots/system-font-applied.png b/app/docs/shots/system-font-applied.png
new file mode 100644
index 00000000..91efef1b
Binary files /dev/null and b/app/docs/shots/system-font-applied.png differ
diff --git a/app/docs/shots/system-fonts.png b/app/docs/shots/system-fonts.png
new file mode 100644
index 00000000..b2cc079e
Binary files /dev/null and b/app/docs/shots/system-fonts.png differ
diff --git a/app/docs/shots/textures-sky.png b/app/docs/shots/textures-sky.png
new file mode 100644
index 00000000..749b1e13
Binary files /dev/null and b/app/docs/shots/textures-sky.png differ
diff --git a/app/docs/shots/textures-window.png b/app/docs/shots/textures-window.png
new file mode 100644
index 00000000..1cc081a5
Binary files /dev/null and b/app/docs/shots/textures-window.png differ
diff --git a/app/docs/shots/web-anim-scrub.png b/app/docs/shots/web-anim-scrub.png
new file mode 100644
index 00000000..dd4d71a4
Binary files /dev/null and b/app/docs/shots/web-anim-scrub.png differ
diff --git a/app/docs/shots/web-anim-window.png b/app/docs/shots/web-anim-window.png
new file mode 100644
index 00000000..5019ab56
Binary files /dev/null and b/app/docs/shots/web-anim-window.png differ
diff --git a/app/docs/shots/web-bar-memory.png b/app/docs/shots/web-bar-memory.png
new file mode 100644
index 00000000..f8817ad3
Binary files /dev/null and b/app/docs/shots/web-bar-memory.png differ
diff --git a/app/docs/shots/web-block-bend-editor.png b/app/docs/shots/web-block-bend-editor.png
new file mode 100644
index 00000000..d4e628bd
Binary files /dev/null and b/app/docs/shots/web-block-bend-editor.png differ
diff --git a/app/docs/shots/web-block-bend.png b/app/docs/shots/web-block-bend.png
new file mode 100644
index 00000000..96159162
Binary files /dev/null and b/app/docs/shots/web-block-bend.png differ
diff --git a/app/docs/shots/web-block-menu.png b/app/docs/shots/web-block-menu.png
new file mode 100644
index 00000000..6a3943a8
Binary files /dev/null and b/app/docs/shots/web-block-menu.png differ
diff --git a/app/docs/shots/web-classifier-buckets.png b/app/docs/shots/web-classifier-buckets.png
new file mode 100644
index 00000000..beb75fa5
Binary files /dev/null and b/app/docs/shots/web-classifier-buckets.png differ
diff --git a/app/docs/shots/web-copy-group.png b/app/docs/shots/web-copy-group.png
new file mode 100644
index 00000000..f26b3680
Binary files /dev/null and b/app/docs/shots/web-copy-group.png differ
diff --git a/app/docs/shots/web-copy-open.png b/app/docs/shots/web-copy-open.png
new file mode 100644
index 00000000..462ea637
Binary files /dev/null and b/app/docs/shots/web-copy-open.png differ
diff --git a/app/docs/shots/web-filters-builder.png b/app/docs/shots/web-filters-builder.png
new file mode 100644
index 00000000..b0de22e4
Binary files /dev/null and b/app/docs/shots/web-filters-builder.png differ
diff --git a/app/docs/shots/web-filters.png b/app/docs/shots/web-filters.png
new file mode 100644
index 00000000..c3b65af1
Binary files /dev/null and b/app/docs/shots/web-filters.png differ
diff --git a/app/docs/shots/web-forge.png b/app/docs/shots/web-forge.png
new file mode 100644
index 00000000..e8ffe9da
Binary files /dev/null and b/app/docs/shots/web-forge.png differ
diff --git a/app/docs/shots/web-gates-lit.png b/app/docs/shots/web-gates-lit.png
new file mode 100644
index 00000000..6bce916d
Binary files /dev/null and b/app/docs/shots/web-gates-lit.png differ
diff --git a/app/docs/shots/web-gates-menu.png b/app/docs/shots/web-gates-menu.png
new file mode 100644
index 00000000..d66c20e6
Binary files /dev/null and b/app/docs/shots/web-gates-menu.png differ
diff --git a/app/docs/shots/web-ghost-red.png b/app/docs/shots/web-ghost-red.png
new file mode 100644
index 00000000..f244e309
Binary files /dev/null and b/app/docs/shots/web-ghost-red.png differ
diff --git a/app/docs/shots/web-grapple.png b/app/docs/shots/web-grapple.png
new file mode 100644
index 00000000..4d083292
Binary files /dev/null and b/app/docs/shots/web-grapple.png differ
diff --git a/app/docs/shots/web-groups.png b/app/docs/shots/web-groups.png
new file mode 100644
index 00000000..4aff15e3
Binary files /dev/null and b/app/docs/shots/web-groups.png differ
diff --git a/app/docs/shots/web-lights.png b/app/docs/shots/web-lights.png
new file mode 100644
index 00000000..98cc262b
Binary files /dev/null and b/app/docs/shots/web-lights.png differ
diff --git a/app/docs/shots/web-list.png b/app/docs/shots/web-list.png
new file mode 100644
index 00000000..9d96c277
Binary files /dev/null and b/app/docs/shots/web-list.png differ
diff --git a/app/docs/shots/web-lists.png b/app/docs/shots/web-lists.png
new file mode 100644
index 00000000..75c01889
Binary files /dev/null and b/app/docs/shots/web-lists.png differ
diff --git a/app/docs/shots/web-memory-box.png b/app/docs/shots/web-memory-box.png
new file mode 100644
index 00000000..f92a9c76
Binary files /dev/null and b/app/docs/shots/web-memory-box.png differ
diff --git a/app/docs/shots/web-memory-long-piece.png b/app/docs/shots/web-memory-long-piece.png
new file mode 100644
index 00000000..df975550
Binary files /dev/null and b/app/docs/shots/web-memory-long-piece.png differ
diff --git a/app/docs/shots/web-memory-types-and-underlines.png b/app/docs/shots/web-memory-types-and-underlines.png
new file mode 100644
index 00000000..d2f434a8
Binary files /dev/null and b/app/docs/shots/web-memory-types-and-underlines.png differ
diff --git a/app/docs/shots/web-memory.png b/app/docs/shots/web-memory.png
new file mode 100644
index 00000000..e51dc804
Binary files /dev/null and b/app/docs/shots/web-memory.png differ
diff --git a/app/docs/shots/web-models-training.png b/app/docs/shots/web-models-training.png
new file mode 100644
index 00000000..42126f15
Binary files /dev/null and b/app/docs/shots/web-models-training.png differ
diff --git a/app/docs/shots/web-notes-long.png b/app/docs/shots/web-notes-long.png
new file mode 100644
index 00000000..0d436ffd
Binary files /dev/null and b/app/docs/shots/web-notes-long.png differ
diff --git a/app/docs/shots/web-notes-picked.png b/app/docs/shots/web-notes-picked.png
new file mode 100644
index 00000000..784a0731
Binary files /dev/null and b/app/docs/shots/web-notes-picked.png differ
diff --git a/app/docs/shots/web-notes-spelling.png b/app/docs/shots/web-notes-spelling.png
new file mode 100644
index 00000000..9160bff7
Binary files /dev/null and b/app/docs/shots/web-notes-spelling.png differ
diff --git a/app/docs/shots/web-pictures.png b/app/docs/shots/web-pictures.png
new file mode 100644
index 00000000..eaa1b3e4
Binary files /dev/null and b/app/docs/shots/web-pictures.png differ
diff --git a/app/docs/shots/web-pipes.png b/app/docs/shots/web-pipes.png
new file mode 100644
index 00000000..86c04b32
Binary files /dev/null and b/app/docs/shots/web-pipes.png differ
diff --git a/app/docs/shots/web-prefabs-play.png b/app/docs/shots/web-prefabs-play.png
new file mode 100644
index 00000000..0645a373
Binary files /dev/null and b/app/docs/shots/web-prefabs-play.png differ
diff --git a/app/docs/shots/web-prefabs.png b/app/docs/shots/web-prefabs.png
new file mode 100644
index 00000000..4aa546b5
Binary files /dev/null and b/app/docs/shots/web-prefabs.png differ
diff --git a/app/docs/shots/web-reader-card-dates.png b/app/docs/shots/web-reader-card-dates.png
new file mode 100644
index 00000000..7949d19a
Binary files /dev/null and b/app/docs/shots/web-reader-card-dates.png differ
diff --git a/app/docs/shots/web-reader-dates-classifiers.png b/app/docs/shots/web-reader-dates-classifiers.png
new file mode 100644
index 00000000..e85759e9
Binary files /dev/null and b/app/docs/shots/web-reader-dates-classifiers.png differ
diff --git a/app/docs/shots/web-s-anend.png b/app/docs/shots/web-s-anend.png
new file mode 100644
index 00000000..91faee69
Binary files /dev/null and b/app/docs/shots/web-s-anend.png differ
diff --git a/app/docs/shots/web-s-editor.png b/app/docs/shots/web-s-editor.png
new file mode 100644
index 00000000..c494dd76
Binary files /dev/null and b/app/docs/shots/web-s-editor.png differ
diff --git a/app/docs/shots/web-s-learn.png b/app/docs/shots/web-s-learn.png
new file mode 100644
index 00000000..4bba667d
Binary files /dev/null and b/app/docs/shots/web-s-learn.png differ
diff --git a/app/docs/shots/web-s-run.png b/app/docs/shots/web-s-run.png
new file mode 100644
index 00000000..a1d089e9
Binary files /dev/null and b/app/docs/shots/web-s-run.png differ
diff --git a/app/docs/shots/web-scene-open-migrated.png b/app/docs/shots/web-scene-open-migrated.png
new file mode 100644
index 00000000..c89cdfb2
Binary files /dev/null and b/app/docs/shots/web-scene-open-migrated.png differ
diff --git a/app/docs/shots/web-scenes-combined.png b/app/docs/shots/web-scenes-combined.png
new file mode 100644
index 00000000..85cab73a
Binary files /dev/null and b/app/docs/shots/web-scenes-combined.png differ
diff --git a/app/docs/shots/web-scenes-undo.png b/app/docs/shots/web-scenes-undo.png
new file mode 100644
index 00000000..70866d73
Binary files /dev/null and b/app/docs/shots/web-scenes-undo.png differ
diff --git a/app/docs/shots/web-select-box.png b/app/docs/shots/web-select-box.png
new file mode 100644
index 00000000..d649dcab
Binary files /dev/null and b/app/docs/shots/web-select-box.png differ
diff --git a/app/docs/shots/web-settings-gpu-speed.png b/app/docs/shots/web-settings-gpu-speed.png
new file mode 100644
index 00000000..23fe0d04
Binary files /dev/null and b/app/docs/shots/web-settings-gpu-speed.png differ
diff --git a/app/docs/shots/web-settings-gpu.png b/app/docs/shots/web-settings-gpu.png
new file mode 100644
index 00000000..547b8b4f
Binary files /dev/null and b/app/docs/shots/web-settings-gpu.png differ
diff --git a/app/docs/shots/web-settings-hsl.png b/app/docs/shots/web-settings-hsl.png
new file mode 100644
index 00000000..7077bb31
Binary files /dev/null and b/app/docs/shots/web-settings-hsl.png differ
diff --git a/app/docs/shots/web-settings-limits.png b/app/docs/shots/web-settings-limits.png
new file mode 100644
index 00000000..0b7a63eb
Binary files /dev/null and b/app/docs/shots/web-settings-limits.png differ
diff --git a/app/docs/shots/web-settings.png b/app/docs/shots/web-settings.png
new file mode 100644
index 00000000..d3db65f4
Binary files /dev/null and b/app/docs/shots/web-settings.png differ
diff --git a/app/docs/shots/web-sounds.png b/app/docs/shots/web-sounds.png
new file mode 100644
index 00000000..5f29fa65
Binary files /dev/null and b/app/docs/shots/web-sounds.png differ
diff --git a/app/docs/shots/web-space-blocks.png b/app/docs/shots/web-space-blocks.png
new file mode 100644
index 00000000..26ef8623
Binary files /dev/null and b/app/docs/shots/web-space-blocks.png differ
diff --git a/app/docs/shots/web-space-chain.png b/app/docs/shots/web-space-chain.png
new file mode 100644
index 00000000..1de2f7d5
Binary files /dev/null and b/app/docs/shots/web-space-chain.png differ
diff --git a/app/docs/shots/web-space-copy-menu.png b/app/docs/shots/web-space-copy-menu.png
new file mode 100644
index 00000000..3ddef5f9
Binary files /dev/null and b/app/docs/shots/web-space-copy-menu.png differ
diff --git a/app/docs/shots/web-space-inherit.png b/app/docs/shots/web-space-inherit.png
new file mode 100644
index 00000000..ba8253a0
Binary files /dev/null and b/app/docs/shots/web-space-inherit.png differ
diff --git a/app/docs/shots/web-space-long-piece.png b/app/docs/shots/web-space-long-piece.png
new file mode 100644
index 00000000..d8a7acbc
Binary files /dev/null and b/app/docs/shots/web-space-long-piece.png differ
diff --git a/app/docs/shots/web-space-note-chain.png b/app/docs/shots/web-space-note-chain.png
new file mode 100644
index 00000000..567d6b2f
Binary files /dev/null and b/app/docs/shots/web-space-note-chain.png differ
diff --git a/app/docs/shots/web-space-searchline.png b/app/docs/shots/web-space-searchline.png
new file mode 100644
index 00000000..507305d7
Binary files /dev/null and b/app/docs/shots/web-space-searchline.png differ
diff --git a/app/docs/shots/web-space-size.png b/app/docs/shots/web-space-size.png
new file mode 100644
index 00000000..711e0007
Binary files /dev/null and b/app/docs/shots/web-space-size.png differ
diff --git a/app/docs/shots/web-space-spread.png b/app/docs/shots/web-space-spread.png
new file mode 100644
index 00000000..a0e5f621
Binary files /dev/null and b/app/docs/shots/web-space-spread.png differ
diff --git a/app/docs/shots/web-space-underlines.png b/app/docs/shots/web-space-underlines.png
new file mode 100644
index 00000000..4b58b296
Binary files /dev/null and b/app/docs/shots/web-space-underlines.png differ
diff --git a/app/docs/shots/web-space.png b/app/docs/shots/web-space.png
new file mode 100644
index 00000000..9d14ecf9
Binary files /dev/null and b/app/docs/shots/web-space.png differ
diff --git a/app/docs/shots/web-spec-builder-error.png b/app/docs/shots/web-spec-builder-error.png
new file mode 100644
index 00000000..7bce372e
Binary files /dev/null and b/app/docs/shots/web-spec-builder-error.png differ
diff --git a/app/docs/shots/web-spec-builder-writer.png b/app/docs/shots/web-spec-builder-writer.png
new file mode 100644
index 00000000..0a6d80c4
Binary files /dev/null and b/app/docs/shots/web-spec-builder-writer.png differ
diff --git a/app/docs/shots/web-spec-builder.png b/app/docs/shots/web-spec-builder.png
new file mode 100644
index 00000000..113d08bb
Binary files /dev/null and b/app/docs/shots/web-spec-builder.png differ
diff --git a/app/docs/shots/web-specs-training.png b/app/docs/shots/web-specs-training.png
new file mode 100644
index 00000000..e099faef
Binary files /dev/null and b/app/docs/shots/web-specs-training.png differ
diff --git a/app/docs/shots/web-sphere.png b/app/docs/shots/web-sphere.png
new file mode 100644
index 00000000..f87fb1b0
Binary files /dev/null and b/app/docs/shots/web-sphere.png differ
diff --git a/app/docs/shots/web-starter-fetch-refused.png b/app/docs/shots/web-starter-fetch-refused.png
new file mode 100644
index 00000000..60d967fe
Binary files /dev/null and b/app/docs/shots/web-starter-fetch-refused.png differ
diff --git a/app/docs/shots/web-starter-held-out.png b/app/docs/shots/web-starter-held-out.png
new file mode 100644
index 00000000..e94b1206
Binary files /dev/null and b/app/docs/shots/web-starter-held-out.png differ
diff --git a/app/docs/shots/web-starters.png b/app/docs/shots/web-starters.png
new file mode 100644
index 00000000..04819459
Binary files /dev/null and b/app/docs/shots/web-starters.png differ
diff --git a/app/docs/shots/web-stats.png b/app/docs/shots/web-stats.png
new file mode 100644
index 00000000..7cda4689
Binary files /dev/null and b/app/docs/shots/web-stats.png differ
diff --git a/app/docs/shots/web-superflight.png b/app/docs/shots/web-superflight.png
new file mode 100644
index 00000000..4840962a
Binary files /dev/null and b/app/docs/shots/web-superflight.png differ
diff --git a/app/docs/shots/web-tagset.png b/app/docs/shots/web-tagset.png
new file mode 100644
index 00000000..3d094f10
Binary files /dev/null and b/app/docs/shots/web-tagset.png differ
diff --git a/app/docs/shots/web-taxonomy.png b/app/docs/shots/web-taxonomy.png
new file mode 100644
index 00000000..33112f63
Binary files /dev/null and b/app/docs/shots/web-taxonomy.png differ
diff --git a/app/docs/shots/web-textures-room.png b/app/docs/shots/web-textures-room.png
new file mode 100644
index 00000000..fa1b25de
Binary files /dev/null and b/app/docs/shots/web-textures-room.png differ
diff --git a/app/docs/shots/web-textures-window.png b/app/docs/shots/web-textures-window.png
new file mode 100644
index 00000000..7d98aa05
Binary files /dev/null and b/app/docs/shots/web-textures-window.png differ
diff --git a/app/docs/shots/web-view-program.png b/app/docs/shots/web-view-program.png
new file mode 100644
index 00000000..54a68709
Binary files /dev/null and b/app/docs/shots/web-view-program.png differ
diff --git a/app/docs/shots/web-wires-lit.png b/app/docs/shots/web-wires-lit.png
new file mode 100644
index 00000000..f60e87bd
Binary files /dev/null and b/app/docs/shots/web-wires-lit.png differ
diff --git a/app/docs/shots/web-wiring-lifted.png b/app/docs/shots/web-wiring-lifted.png
new file mode 100644
index 00000000..0a0205f3
Binary files /dev/null and b/app/docs/shots/web-wiring-lifted.png differ
diff --git a/app/docs/shots/web-wiring-ray.png b/app/docs/shots/web-wiring-ray.png
new file mode 100644
index 00000000..4a04f9ce
Binary files /dev/null and b/app/docs/shots/web-wiring-ray.png differ
diff --git a/app/docs/shots/web-zone-window.png b/app/docs/shots/web-zone-window.png
new file mode 100644
index 00000000..d06718df
Binary files /dev/null and b/app/docs/shots/web-zone-window.png differ
diff --git a/app/docs/shots/web-zone.png b/app/docs/shots/web-zone.png
new file mode 100644
index 00000000..9d27c85e
Binary files /dev/null and b/app/docs/shots/web-zone.png differ
diff --git a/app/docs/shots/zone.png b/app/docs/shots/zone.png
new file mode 100644
index 00000000..e0a8b799
Binary files /dev/null and b/app/docs/shots/zone.png differ
diff --git a/app/src/backend/hub.rs b/app/src/backend/hub.rs
new file mode 100644
index 00000000..e1583782
--- /dev/null
+++ b/app/src/backend/hub.rs
@@ -0,0 +1,140 @@
+//! The web build's backend: the hub's app API over a WebSocket at `/app/ws`
+//! (docs/app-api.md). Calls send `{id, op, args}`; answers come back as
+//! `{id, ok, data | error}`, matched by id. The socket opens on the first call and again
+//! after it drops; calls made meanwhile wait in a queue.
+
+use std::cell::RefCell;
+use std::collections::HashMap;
+use std::rc::Rc;
+
+use futures_channel::oneshot;
+use serde_json::{Value, json};
+use wasm_bindgen::JsCast;
+use wasm_bindgen::closure::Closure;
+use web_sys::{CloseEvent, MessageEvent, WebSocket};
+
+use super::{Backend, Fut};
+
+type Answer = oneshot::Sender<Result<Value, String>>;
+
+#[derive(Default)]
+struct State {
+ ws: Option<WebSocket>,
+ open: bool,
+ queue: Vec<String>,
+ pending: HashMap<u64, Answer>,
+ next: u64,
+}
+
+#[derive(Clone)]
+pub struct Hub {
+ url: String,
+ st: Rc<RefCell<State>>,
+}
+
+impl Hub {
+ /// the hub that served this page
+ pub fn here() -> Hub {
+ let loc = web_sys::window().map(|w| w.location());
+ let (proto, host, search) = loc
+ .map(|l| {
+ (
+ l.protocol().unwrap_or_default(),
+ l.host().unwrap_or_default(),
+ l.search().unwrap_or_default(),
+ )
+ })
+ .unwrap_or_default();
+ let ws = if proto == "https:" { "wss" } else { "ws" };
+ // `?hub=host:port` talks to a hub elsewhere (the page served apart from it)
+ let host = search
+ .trim_start_matches('?')
+ .split('&')
+ .find_map(|kv| kv.strip_prefix("hub="))
+ .map(str::to_string)
+ .unwrap_or(host);
+ Hub {
+ url: format!("{ws}://{host}/app/ws"),
+ st: Default::default(),
+ }
+ }
+
+ fn connect(&self) -> Result<(), String> {
+ if self.st.borrow().ws.is_some() {
+ return Ok(());
+ }
+ let ws = WebSocket::new(&self.url).map_err(|e| format!("couldn't reach the hub: {e:?}"))?;
+ let st = self.st.clone();
+ let onopen = Closure::<dyn FnMut()>::new(move || {
+ let mut s = st.borrow_mut();
+ s.open = true;
+ let queued: Vec<String> = std::mem::take(&mut s.queue);
+ if let Some(ws) = &s.ws {
+ for m in queued {
+ let _ = ws.send_with_str(&m);
+ }
+ }
+ });
+ let st = self.st.clone();
+ let onmessage = Closure::<dyn FnMut(MessageEvent)>::new(move |e: MessageEvent| {
+ let Some(text) = e.data().as_string() else { return };
+ let Ok(v) = serde_json::from_str::<Value>(&text) else {
+ return;
+ };
+ let id = v["id"].as_u64().unwrap_or(0);
+ if let Some(tx) = st.borrow_mut().pending.remove(&id) {
+ let r = if v["ok"].as_bool() == Some(true) {
+ Ok(v.get("data").cloned().unwrap_or(Value::Null))
+ } else {
+ Err(v["error"].as_str().unwrap_or("the hub said no").to_string())
+ };
+ let _ = tx.send(r);
+ }
+ });
+ let st = self.st.clone();
+ let onclose = Closure::<dyn FnMut(CloseEvent)>::new(move |_e: CloseEvent| {
+ let mut s = st.borrow_mut();
+ s.ws = None;
+ s.open = false;
+ for (_, tx) in s.pending.drain() {
+ let _ = tx.send(Err("the hub dropped the connection; try again".into()));
+ }
+ });
+ ws.set_onopen(Some(onopen.as_ref().unchecked_ref()));
+ ws.set_onmessage(Some(onmessage.as_ref().unchecked_ref()));
+ ws.set_onclose(Some(onclose.as_ref().unchecked_ref()));
+ // they live as long as the socket
+ onopen.forget();
+ onmessage.forget();
+ onclose.forget();
+ self.st.borrow_mut().ws = Some(ws);
+ Ok(())
+ }
+}
+
+impl Backend for Hub {
+ fn call(&self, op: &str, args: Value) -> Fut<Value> {
+ let (tx, rx) = oneshot::channel();
+ let sent = self.connect().map(|_| {
+ let mut s = self.st.borrow_mut();
+ s.next += 1;
+ let id = s.next;
+ s.pending.insert(id, tx);
+ let msg = json!({ "id": id, "op": op, "args": args }).to_string();
+ match (&s.ws, s.open) {
+ (Some(ws), true) => {
+ let _ = ws.send_with_str(&msg);
+ }
+ _ => s.queue.push(msg),
+ }
+ });
+ Box::pin(async move {
+ sent?;
+ rx.await.map_err(|_| "the hub didn't answer".to_string())?
+ })
+ }
+
+ fn describe(&self) -> String {
+ format!("the hub at {}", self.url)
+ }
+}
diff --git a/app/src/backend/local.rs b/app/src/backend/local.rs
new file mode 100644
index 00000000..ab91f0da
--- /dev/null
+++ b/app/src/backend/local.rs
@@ -0,0 +1,196 @@
+//! The desktop's backend: the entry graph (core/src/graph, docs/format.md) in this
+//! process. Every call runs on a worker thread and answers through a channel, so the
+//! interface never waits on the disk.
+//!
+//! The operations are the app API's (docs/app-api.md), answered by `anend_core::ops`, the
+//! same code the hub answers them with: keys are weum labels of entry ids, a note is an
+//! entry of mime `text/markdown` (`# title` and markdown), lists are `member` edges, tags
+//! `tag` edges. A save's classifiers live in `<save>.models` beside it
+//! (`anend_core::ops::classify`), trained on threads of their own as on the hub.
+
+use std::path::{Path, PathBuf};
+use std::sync::Arc;
+
+use anend_core::ops::Saves;
+use anend_core::ops::classify::Limits;
+use serde_json::Value;
+
+use super::{Backend, Fut};
+
+type Res = Result<Value, String>;
+
+/// the saves folder and the open save
+#[derive(Clone)]
+pub struct Local {
+ saves: Arc<Saves>,
+}
+
+impl Local {
+ /// opens `save` (a path), or `main.redb` in `dir`
+ pub fn open(dir: &Path, save: Option<&Path>) -> Result<Local, String> {
+ let path = save.map(Path::to_path_buf).unwrap_or_else(|| dir.join("main.redb"));
+ Ok(Local {
+ saves: Arc::new(Saves::at(&path)?.with_models(Limits::NONE).with_folders()),
+ })
+ }
+
+ pub fn save_path(&self) -> PathBuf {
+ self.saves.current_path().unwrap_or_default()
+ }
+
+ /// an op answered here and now (the command line's `run`, which has no interface to keep
+ /// waiting)
+ pub fn call_now(&self, op: &str, args: &Value) -> Res {
+ self.dispatch(op, args)
+ }
+
+ fn dispatch(&self, op: &str, args: &Value) -> Res {
+ self.saves.call(op, args)
+ }
+}
+
+impl Backend for Local {
+ fn call(&self, op: &str, args: Value) -> Fut<Value> {
+ let me = self.clone();
+ let op = op.to_string();
+ let (tx, rx) = futures_channel::oneshot::channel();
+ let spawned = std::thread::Builder::new().name(format!("anend {op}")).spawn(move || {
+ let r = std::panic::catch_unwind(std::panic::AssertUnwindSafe(|| me.dispatch(&op, &args)))
+ .unwrap_or_else(|_| Err(format!("{op} failed unexpectedly")));
+ let _ = tx.send(r);
+ });
+ Box::pin(async move {
+ spawned.map_err(|e| format!("couldn't start a worker: {e}"))?;
+ rx.await.map_err(|_| "the worker stopped".to_string())?
+ })
+ }
+
+ fn describe(&self) -> String {
+ self.save_path().display().to_string()
+ }
+
+ fn on_disk(&self) -> bool {
+ true
+ }
+}
+
+#[cfg(test)]
+mod tests {
+ use super::*;
+ use crate::gem::Mode;
+ use serde_json::json;
+
+ fn temp() -> (Local, PathBuf) {
+ temp_named("main")
+ }
+
+ fn temp_named(tag: &str) -> (Local, PathBuf) {
+ let dir = std::env::temp_dir().join(format!("anend-app-test-{tag}-{}", std::process::id()));
+ let _ = std::fs::remove_dir_all(&dir);
+ (Local::open(&dir, None).unwrap(), dir)
+ }
+
+ fn wait<T: 'static>(mut f: Fut<T>) -> Result<T, String> {
+ loop {
+ match futures_util::FutureExt::now_or_never(&mut f) {
+ Some(r) => return r,
+ None => std::thread::sleep(std::time::Duration::from_millis(2)),
+ }
+ }
+ }
+
+ #[test]
+ fn texts_lists_tags_notes_backup() {
+ let (b, dir) = temp();
+ let (k, new) = wait(b.saturate("listen")).unwrap();
+ assert!(new && k == "0");
+ wait(b.saturate("silent")).unwrap();
+ assert_eq!(wait(b.saturate("listen")).unwrap(), ("0".to_string(), false));
+ assert_eq!(wait(b.gsearch(Mode::Ordinal, "79")).unwrap().len(), 2);
+ assert_eq!(wait(b.gsearch(Mode::Frequency, "tinsel")).unwrap().len(), 2);
+ wait(b.put_memory("0", "enlist")).unwrap();
+ assert_eq!(wait(b.remember("0")).unwrap().text, "enlist");
+ let counts = wait(b.bucket_counts(Mode::Ordinal)).unwrap();
+ assert_eq!(counts, vec![super::super::BucketCount { sum: 79, count: 2 }]);
+ // forget and put back: the list keeps its member
+ wait(b.enlist("0", "1")).unwrap();
+ assert_eq!(wait(b.lists()).unwrap().lists[0].count, 1);
+ assert_eq!(wait(b.forget("1")).unwrap(), "silent");
+ wait(b.put_memory("1", "silent")).unwrap();
+ assert_eq!(wait(b.lists()).unwrap().lists[0].count, 1);
+ // tags on texts
+ wait(b.tag("0", "anagram")).unwrap();
+ assert_eq!(wait(b.tagged(&["anagram".into()], false)).unwrap()[0].text, "enlist");
+ // notes
+ let n = wait(b.save_note(&Default::default(), "# hello\n\nworld")).unwrap();
+ assert_eq!(n.title, "hello");
+ assert_eq!(wait(b.notes(&Default::default())).unwrap().len(), 1);
+ let h = wait(b.hello()).unwrap();
+ assert_eq!(h.counts.notes, 1);
+ let backup = wait(b.call("saves.backup", json!({}))).unwrap();
+ assert_eq!(backup["paths"].as_array().unwrap().len(), 2);
+ let im = wait(b.import_texts(r#"[["truth", [9]]]"#, "")).unwrap();
+ assert_eq!(im.memories, 1);
+ assert_eq!(wait(b.remember("9")).unwrap().text, "truth");
+ std::fs::remove_dir_all(dir).ok();
+ }
+
+ /// classifiers on the desktop: made from lists, trained in the background, asked,
+ /// told yes or no, and the answer taken back
+ #[test]
+ fn classifiers() {
+ let (b, dir) = temp_named("classify");
+ let f = ["apple", "banana", "cherry", "mango", "peach", "plum", "grape", "melon"];
+ let r = [
+ "rock", "stone", "granite", "basalt", "flint", "slate", "quartz", "shale",
+ ];
+ let (fruit, _) = wait(b.saturate("fruit")).unwrap();
+ let (rocks, _) = wait(b.saturate("rocks")).unwrap();
+ for i in 0..20 {
+ let (a, _) =
+ wait(b.saturate(&format!("{} {} {}", f[i % 8], f[(i * 3 + 1) % 8], f[(i / 8 + 4) % 8]))).unwrap();
+ let (c, _) =
+ wait(b.saturate(&format!("{} {} {}", r[i % 8], r[(i * 5 + 2) % 8], r[(i / 8 + 4) % 8]))).unwrap();
+ wait(b.enlist(&fruit, &a)).unwrap();
+ wait(b.enlist(&rocks, &c)).unwrap();
+ }
+ wait(b.create_model("kind", &[fruit.clone(), rocks.clone()], "tiny")).unwrap();
+ let list = wait(b.models()).unwrap();
+ assert_eq!((list[0].name.as_str(), list[0].trained), ("kind", false));
+ assert_eq!(list[0].classes, ["fruit", "rocks"]);
+ let j = wait(b.train_model("kind", 6)).unwrap();
+ assert_eq!(j.state, "running");
+ let mut done = j;
+ for _ in 0..1200 {
+ done = wait(b.model_job("kind")).unwrap();
+ if done.state != "running" {
+ break;
+ }
+ std::thread::sleep(std::time::Duration::from_millis(50));
+ }
+ assert_eq!(done.state, "done", "{done:?}");
+ assert!(wait(b.models()).unwrap()[0].trained);
+ let p = wait(b.run_model("kind", "granite slate flint")).unwrap();
+ assert_eq!(p["results"][0]["class"], "rocks", "{p}");
+ let t = "melon basalt grape";
+ let prob = || {
+ wait(b.run_model("kind", t)).unwrap()["results"][0]["probs"][1]
+ .as_f64()
+ .unwrap()
+ };
+ let p0 = prob();
+ wait(b.model_feedback("kind", None, t, "rocks", true)).unwrap();
+ let p1 = prob();
+ assert!(p1 > p0, "{p0} {p1}");
+ wait(b.undo_model_feedback("kind")).unwrap();
+ assert_eq!(prob(), p0);
+ // the classifiers go with the save: copied, then deleted with it
+ wait(b.copy_save("main", "other")).unwrap();
+ assert!(dir.join("other.models").exists());
+ wait(b.delete_save("other")).unwrap();
+ assert!(!dir.join("other.models").exists());
+ wait(b.delete_model("kind")).unwrap();
+ assert!(wait(b.models()).unwrap().is_empty());
+ std::fs::remove_dir_all(dir).ok();
+ }
+}
diff --git a/app/src/backend/mod.rs b/app/src/backend/mod.rs
new file mode 100644
index 00000000..a269ea13
--- /dev/null
+++ b/app/src/backend/mod.rs
@@ -0,0 +1,700 @@
+//! Everything the views read and change goes through a [`Backend`]. A backend answers one
+//! call: an operation of the app API (docs/app-api.md) with JSON arguments. The typed
+//! methods below are what the views use; they build on that call and can be overridden.
+//!
+//! The backends:
+//! - `local::Local` (the desktop): anend-core's `Store` on this machine, every call on a
+//! worker thread so the interface never waits on the disk.
+//! - `hub::Hub` (the web build): the hub's app API over a WebSocket (`/app/ws`).
+//!
+//! **Switching to the entry graph** (core/src/graph, being built): write a backend whose
+//! `call` answers the same operations from the graph store (or make `Local` dispatch to it),
+//! and pick it in `main.rs`. The views don't change. **The core in WebAssembly** slots in
+//! the same way: `Local`'s dispatcher compiles to wasm32 (anend-core does), over a store on
+//! OPFS/IndexedDB, picked in `main.rs` when the page has no hub.
+
+#[cfg(not(target_arch = "wasm32"))]
+pub mod local;
+
+#[cfg(target_arch = "wasm32")]
+pub mod hub;
+
+use futures_util::future::LocalBoxFuture;
+use serde::{Deserialize, Serialize, de::DeserializeOwned};
+use serde_json::{Value, json};
+
+use crate::gem::Mode;
+
+pub type Fut<T> = LocalBoxFuture<'static, Result<T, String>>;
+
+fn typed<T: DeserializeOwned + 'static>(f: Fut<Value>) -> Fut<T> {
+ Box::pin(async move { serde_json::from_value(f.await?).map_err(|e| format!("an answer that doesn't read: {e}")) })
+}
+
+fn field<T: DeserializeOwned + 'static>(f: Fut<Value>, name: &'static str) -> Fut<T> {
+ Box::pin(async move {
+ let mut v = f.await?;
+ serde_json::from_value(v.get_mut(name).map(Value::take).unwrap_or(Value::Null))
+ .map_err(|e| format!("an answer that doesn't read: {e}"))
+ })
+}
+
+fn unit(f: Fut<Value>) -> Fut<()> {
+ Box::pin(async move { f.await.map(|_| ()) })
+}
+
+// ------------------------------------------------------------------ what calls answer
+
+/// a memory or a note as the views show it; `key` is weum's `0,12` or `note:<key>`
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct Hit {
+ pub key: String,
+ pub text: String,
+ #[serde(default)]
+ pub note: bool,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct Counts {
+ #[serde(default)]
+ pub notes: u64,
+ #[serde(default)]
+ pub memories: u64,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct Hello {
+ pub save: String,
+ #[serde(default)]
+ pub saves: Vec<String>,
+ #[serde(default)]
+ pub counts: Counts,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct SaveInfo {
+ pub name: String,
+ #[serde(default)]
+ pub open: bool,
+ pub notes: Option<u64>,
+ pub memories: Option<u64>,
+ #[serde(default)]
+ pub size: u64,
+ pub modified: Option<String>,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct NoteSummary {
+ pub key: String,
+ pub title: String,
+ #[serde(default)]
+ pub tags: Vec<String>,
+ #[serde(default)]
+ pub created: String,
+ #[serde(default)]
+ pub modified: String,
+ #[serde(default)]
+ pub edits: usize,
+ #[serde(default)]
+ pub preview: String,
+ #[serde(default)]
+ pub words: usize,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct Note {
+ #[serde(rename = "_key", default)]
+ pub key: String,
+ #[serde(default)]
+ pub title: String,
+ #[serde(default)]
+ pub markdown: String,
+ #[serde(default)]
+ pub tags: Vec<String>,
+ #[serde(default)]
+ pub created: String,
+ #[serde(default)]
+ pub edits: Vec<String>,
+ /// the note as written when it has replacements (`{{key}}` where an entry goes)
+ #[serde(default, skip_serializing_if = "Option::is_none")]
+ pub source: Option<String>,
+ /// its markdown with saved filters' results put in (`{{filter:name}}`)
+ #[serde(default, skip_serializing_if = "Option::is_none")]
+ pub rendered: Option<String>,
+}
+
+/// what to find in the query model (`entries.query`)
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct EntryQuery {
+ #[serde(skip_serializing_if = "String::is_empty")]
+ pub words: String,
+ /// ordinal or reversed, with `from`/`to`
+ pub bucket: String,
+ pub from: Option<i64>,
+ pub to: Option<i64>,
+ #[serde(skip_serializing_if = "Option::is_none")]
+ pub since: Option<String>,
+ #[serde(skip_serializing_if = "Option::is_none")]
+ pub until: Option<String>,
+ #[serde(skip_serializing_if = "Option::is_none")]
+ pub tag: Option<String>,
+ /// notes, memories, or anything
+ pub kind: String,
+ pub limit: usize,
+}
+
+/// which notes: words, tags (all, or any), and a time range (RFC 3339, created)
+#[derive(Debug, Clone, PartialEq, Default)]
+pub struct NoteQuery {
+ pub q: String,
+ pub tags: Vec<String>,
+ pub any: bool,
+ pub since: Option<String>,
+ pub until: Option<String>,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct ListInfo {
+ pub list: String,
+ pub name: String,
+ #[serde(default)]
+ pub members: Vec<Hit>,
+ #[serde(default)]
+ pub count: usize,
+ #[serde(default)]
+ pub ordinal_sum: i64,
+ #[serde(default)]
+ pub reversed_sum: i64,
+ #[serde(default)]
+ pub ordinal_mean: f64,
+ #[serde(default)]
+ pub reversed_mean: f64,
+ #[serde(default)]
+ pub vector: Vec<f64>,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct Lists {
+ pub lists: Vec<ListInfo>,
+ #[serde(default)]
+ pub dot: Vec<Vec<f64>>,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct SpreadNode {
+ pub id: String,
+ pub x: f64,
+ pub y: f64,
+ pub z: f64,
+ #[serde(default)]
+ pub s: i64,
+ #[serde(default)]
+ pub r: i64,
+ #[serde(default)]
+ pub q: i64,
+ #[serde(default)]
+ pub hue: f64,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct Spread {
+ pub d: f64,
+ pub nodes: Vec<SpreadNode>,
+ #[serde(default)]
+ pub buckets: usize,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct Stats {
+ #[serde(default)]
+ pub notes: u64,
+ #[serde(default)]
+ pub words: u64,
+ #[serde(default)]
+ pub saves: u64,
+ #[serde(default)]
+ pub memories: u64,
+ #[serde(default)]
+ pub tags: Vec<(String, u64)>,
+ pub first: Option<String>,
+ pub latest: Option<String>,
+}
+
+/// one sum and how many texts it holds, in a mode
+#[derive(Debug, Clone, Copy, PartialEq, Serialize, Deserialize, Default)]
+pub struct BucketCount {
+ pub sum: i64,
+ pub count: u64,
+}
+
+/// a model (today: a classifier) as the models view lists it; the rest of its details
+/// stay JSON until the declarative model spec lands (docs/models.md)
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct ModelSummary {
+ pub name: String,
+ #[serde(default)]
+ pub classes: Vec<String>,
+ #[serde(default)]
+ pub lists: Vec<String>,
+ #[serde(default)]
+ pub head: String,
+ #[serde(default)]
+ pub preset: String,
+ #[serde(default)]
+ pub trained: bool,
+ pub accuracy: Option<f64>,
+ pub examples: Option<u64>,
+ #[serde(default)]
+ pub training: bool,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct Job {
+ #[serde(default)]
+ pub name: String,
+ pub state: String,
+ #[serde(default)]
+ pub epoch: usize,
+ #[serde(default)]
+ pub step: usize,
+ #[serde(default)]
+ pub steps: usize,
+ #[serde(default)]
+ pub loss: f64,
+ #[serde(default)]
+ pub seconds: f64,
+ pub error: Option<String>,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct Scored {
+ pub key: Option<String>,
+ pub text: String,
+ #[serde(default)]
+ pub note: bool,
+ #[serde(default)]
+ pub prob: f64,
+ #[serde(default)]
+ pub score: f64,
+ pub top_class: Option<String>,
+ #[serde(default)]
+ pub member: bool,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct FilterPreset {
+ pub name: String,
+ pub expr: Value,
+ #[serde(default)]
+ pub description: String,
+ #[serde(default)]
+ pub reads: String,
+ pub count: Option<u64>,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct FilterRun {
+ #[serde(default)]
+ pub scanned: u64,
+ #[serde(default)]
+ pub matched: u64,
+ #[serde(default)]
+ pub results: Vec<Scored>,
+}
+
+/// what a backup wrote (the desktop: two files) or holds (the web: two downloads)
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct Backup {
+ /// where the files went, when the backend wrote them
+ #[serde(default)]
+ pub paths: Vec<String>,
+ /// every text, weum's `[[text, [key bytes]]]`
+ #[serde(default)]
+ pub texts: Value,
+ /// everything else: notes, lists, settings, models
+ #[serde(default)]
+ pub other: Value,
+}
+
+/// what an import put in
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize, Default)]
+pub struct Imported {
+ pub save: Option<String>,
+ #[serde(default)]
+ pub memories: u64,
+ #[serde(default)]
+ pub notes: u64,
+ #[serde(default)]
+ pub lists: u64,
+}
+
+// ------------------------------------------------------------------ the backend
+
+/// the app's data, wherever it lives
+pub trait Backend {
+ /// one operation of the app API (docs/app-api.md); every typed call goes through it
+ fn call(&self, op: &str, args: Value) -> Fut<Value>;
+
+ /// where the data is, for the status line ("local", "hub at …")
+ fn describe(&self) -> String;
+
+ /// whether the saves are files on this machine (backups go to a folder, imports read
+ /// paths); on the web they're downloads and uploads
+ fn on_disk(&self) -> bool {
+ false
+ }
+
+ // ---- the save
+ fn hello(&self) -> Fut<Hello> {
+ typed(self.call("hello", json!({})))
+ }
+ fn saves(&self) -> Fut<Vec<SaveInfo>> {
+ typed(self.call("saves.list", json!({})))
+ }
+ fn open_save(&self, name: &str) -> Fut<()> {
+ unit(self.call("saves.open", json!({ "name": name })))
+ }
+ fn new_save(&self, name: &str) -> Fut<()> {
+ unit(self.call("saves.new", json!({ "name": name })))
+ }
+ fn copy_save(&self, name: &str, to: &str) -> Fut<()> {
+ unit(self.call("saves.copy", json!({ "name": name, "to": to })))
+ }
+ fn rename_save(&self, name: &str, to: &str) -> Fut<()> {
+ unit(self.call("saves.rename", json!({ "name": name, "to": to })))
+ }
+ fn delete_save(&self, name: &str) -> Fut<()> {
+ unit(self.call("saves.delete", json!({ "name": name })))
+ }
+ /// a bundle into a save: `merge` into the open one, or a new save named `name`
+ fn import_bundle(&self, bundle: Value, name: &str, merge: bool) -> Fut<Imported> {
+ typed(self.call(
+ "saves.import",
+ json!({ "bundle": bundle, "name": name, "merge": merge }),
+ ))
+ }
+ /// weum's `await memory.backup`: the texts in one JSON, everything else in another;
+ /// on disk the backend writes the two files (their paths come back), a hub hands the
+ /// two documents back to be downloaded
+ fn backup(&self, name: &str) -> Fut<Backup> {
+ typed(self.call("saves.backup", json!({ "name": name })))
+ }
+ /// weum's `all-of-it.json` (or a backup's texts.json) into the open save, or a new one
+ /// named `new_save`
+ fn import_texts(&self, json_text: &str, new_save: &str) -> Fut<Imported> {
+ typed(self.call("saves.import_texts", json!({ "data": json_text, "name": new_save })))
+ }
+
+ // ---- texts (memories) and sums
+ fn gsearch(&self, mode: Mode, key: &str) -> Fut<Vec<Hit>> {
+ field(
+ self.call("mem.gsearch", json!({ "bucket": mode.name(), "key": key })),
+ "hits",
+ )
+ }
+ fn search(&self, q: &str, variations: bool) -> Fut<Vec<Hit>> {
+ typed(self.call("mem.search", json!({ "q": q, "variations": variations })))
+ }
+ /// remembers a text unless it's there already; its key and whether it's new
+ fn saturate(&self, text: &str) -> Fut<(String, bool)> {
+ let f = self.call("mem.saturate", json!({ "text": text }));
+ Box::pin(async move {
+ let v = f.await?;
+ Ok((
+ v["key"].as_str().unwrap_or_default().to_string(),
+ v["new"].as_bool().unwrap_or(false),
+ ))
+ })
+ }
+ /// forgets a memory; its text
+ fn forget(&self, key: &str) -> Fut<String> {
+ field(self.call("mem.forget", json!({ "key": key })), "text")
+ }
+ fn remember(&self, key: &str) -> Fut<Hit> {
+ typed(self.call("mem.remember", json!({ "key": key })))
+ }
+ /// a memory's text replaced, keeping its key (or a forgotten one put back)
+ fn put_memory(&self, key: &str, text: &str) -> Fut<()> {
+ unit(self.call("mem.put", json!({ "key": key, "text": text })))
+ }
+ fn all_memories(&self, limit: usize) -> Fut<Vec<Hit>> {
+ typed(self.call("mem.all", json!({ "limit": limit })))
+ }
+ /// every sum in a mode and how many texts it holds, lowest first
+ fn bucket_counts(&self, mode: Mode) -> Fut<Vec<BucketCount>> {
+ field(self.call("mem.buckets", json!({ "bucket": mode.name() })), "buckets")
+ }
+
+ // ---- lists (and tags on texts, which are lists headed by the tag)
+ fn lists(&self) -> Fut<Lists> {
+ typed(self.call("lists.stats", json!({})))
+ }
+ fn enlist(&self, list: &str, member: &str) -> Fut<()> {
+ unit(self.call("lists.enlist", json!({ "list": list, "member": member })))
+ }
+ fn delist(&self, list: &str, member: &str) -> Fut<()> {
+ unit(self.call("lists.delist", json!({ "list": list, "member": member })))
+ }
+ fn unlist(&self, list: &str) -> Fut<u64> {
+ field(self.call("lists.unlist", json!({ "list": list })), "removed")
+ }
+
+ // ---- tags on any entry
+ fn tag(&self, key: &str, tag: &str) -> Fut<()> {
+ unit(self.call("tags.add", json!({ "key": key, "tag": tag })))
+ }
+ fn untag(&self, key: &str, tag: &str) -> Fut<()> {
+ unit(self.call("tags.remove", json!({ "key": key, "tag": tag })))
+ }
+ /// every tag and how many entries carry it, the most used first
+ fn all_tags(&self) -> Fut<Vec<(String, u64)>> {
+ let f = self.call("tags.all", json!({}));
+ Box::pin(async move {
+ let v = f.await?;
+ Ok(v.as_array()
+ .into_iter()
+ .flatten()
+ .map(|t| {
+ (
+ t["tag"].as_str().unwrap_or("").to_string(),
+ t["count"].as_u64().unwrap_or(0),
+ )
+ })
+ .collect())
+ })
+ }
+ /// the entries carrying all (or any) of these tags
+ fn tagged(&self, tags: &[String], any: bool) -> Fut<Vec<Hit>> {
+ typed(self.call(
+ "tags.entries",
+ json!({ "tags": tags, "mode": if any { "or" } else { "and" } }),
+ ))
+ }
+ /// weum's notes on an entry, oldest first
+ fn notes_on(&self, key: &str) -> Fut<Vec<Hit>> {
+ typed(self.call("notes.on", json!({ "key": key })))
+ }
+ /// the query model: words, a sum range, a creation time range, a tag, a kind
+ fn query(&self, q: &EntryQuery) -> Fut<(u64, Vec<Hit>)> {
+ let f = self.call("entries.query", serde_json::to_value(q).unwrap_or_default());
+ Box::pin(async move {
+ let mut v = f.await?;
+ let hits = serde_json::from_value(v["hits"].take()).map_err(|e| e.to_string())?;
+ Ok((v["total"].as_u64().unwrap_or(0), hits))
+ })
+ }
+
+ // ---- notes
+ fn notes(&self, q: &NoteQuery) -> Fut<Vec<NoteSummary>> {
+ let f = self.call(
+ "notes.list",
+ json!({ "q": q.q, "tags": q.tags, "mode": if q.any { "or" } else { "and" } }),
+ );
+ let (since, until) = (q.since.clone(), q.until.clone());
+ Box::pin(async move {
+ let mut all: Vec<NoteSummary> =
+ serde_json::from_value(f.await?).map_err(|e| format!("an answer that doesn't read: {e}"))?;
+ // the time range, here so every backend has it
+ all.retain(|n| {
+ since.as_deref().is_none_or(|s| n.created.as_str() >= s)
+ && until.as_deref().is_none_or(|u| n.created.as_str() <= u)
+ });
+ Ok(all)
+ })
+ }
+ fn note_tags(&self) -> Fut<Vec<(String, u64)>> {
+ let f = self.call("notes.tags", json!({}));
+ Box::pin(async move {
+ let v = f.await?;
+ Ok(v.as_array()
+ .into_iter()
+ .flatten()
+ .map(|t| {
+ (
+ t["tag"].as_str().unwrap_or("").to_string(),
+ t["count"].as_u64().unwrap_or(0),
+ )
+ })
+ .collect())
+ })
+ }
+ fn note(&self, key: &str) -> Fut<Note> {
+ typed(self.call("notes.get", json!({ "key": key })))
+ }
+ /// stores a note from the editor's text (`# title` and markdown)
+ fn save_note(&self, note: &Note, text: &str) -> Fut<Note> {
+ typed(self.call("notes.save", json!({ "note": note, "text": text })))
+ }
+ fn delete_note(&self, key: &str) -> Fut<()> {
+ unit(self.call("notes.delete", json!({ "key": key })))
+ }
+
+ // ---- the space
+ fn spread(&self, texts: &[(String, String)], reversed: bool) -> Fut<Spread> {
+ let texts: Vec<Value> = texts.iter().map(|(id, t)| json!({ "id": id, "text": t })).collect();
+ typed(self.call("space.spread", json!({ "texts": texts, "reversed": reversed })))
+ }
+
+ // ---- the whole app
+ fn stats(&self) -> Fut<Stats> {
+ typed(self.call("stats", json!({})))
+ }
+
+ // ---- models (classifiers today), behind this seam until the model spec lands
+ fn models(&self) -> Fut<Vec<ModelSummary>> {
+ typed(self.call("classify.list", json!({})))
+ }
+ fn create_model(&self, name: &str, classes: &[String], preset: &str) -> Fut<()> {
+ unit(self.call(
+ "classify.create",
+ json!({ "name": name, "classes": classes, "preset": preset }),
+ ))
+ }
+ fn delete_model(&self, name: &str) -> Fut<()> {
+ unit(self.call("classify.delete", json!({ "name": name })))
+ }
+ fn train_model(&self, name: &str, epochs: u32) -> Fut<Job> {
+ typed(self.call("classify.train", json!({ "name": name, "epochs": epochs })))
+ }
+ fn model_job(&self, name: &str) -> Fut<Job> {
+ typed(self.call("classify.job", json!({ "name": name })))
+ }
+ fn cancel_training(&self, name: &str) -> Fut<()> {
+ unit(self.call("classify.cancel", json!({ "name": name })))
+ }
+ /// a model's outputs for a text: class names and probabilities
+ fn run_model(&self, name: &str, text: &str) -> Fut<Value> {
+ self.call("classify.predict", json!({ "name": name, "texts": [text] }))
+ }
+ /// the texts most likely in a class
+ fn model_search(&self, name: &str, class: &str, q: &str) -> Fut<Vec<Scored>> {
+ field(
+ self.call(
+ "classify.search",
+ json!({ "name": name, "class": class, "q": q, "limit": 60 }),
+ ),
+ "results",
+ )
+ }
+ /// yes or no on a text for a class
+ fn model_feedback(&self, name: &str, key: Option<&str>, text: &str, class: &str, yes: bool) -> Fut<Value> {
+ let mut args = json!({ "name": name, "class": class, "yes": yes });
+ match key {
+ Some(k) => args["key"] = json!(k),
+ None => args["text"] = json!(text),
+ }
+ self.call("classify.feedback", args)
+ }
+ /// takes back the latest feedback on a model (the undo of yes/no/why)
+ fn undo_model_feedback(&self, name: &str) -> Fut<()> {
+ unit(self.call("classify.unfeedback", json!({ "name": name })))
+ }
+ fn model_enlist(&self, name: &str, class: &str) -> Fut<Value> {
+ self.call("classify.enlist", json!({ "name": name, "class": class }))
+ }
+
+ // ---- spec models (docs/models.md; `models.*`)
+ fn spec_models(&self) -> Fut<Vec<Value>> {
+ typed(self.call("models.list", json!({})))
+ }
+ fn spec_model(&self, name: &str) -> Fut<Value> {
+ self.call("models.get", json!({ "name": name }))
+ }
+ /// what making or saving a spec would say: `{ok}` or `{ok: false, path, message}`
+ fn check_spec(&self, spec: &str) -> Fut<Value> {
+ self.call("models.check", json!({ "spec": spec }))
+ }
+ fn create_spec(&self, spec: &str) -> Fut<Value> {
+ self.call("models.create", json!({ "spec": spec }))
+ }
+ fn update_spec(&self, name: &str, spec: &str) -> Fut<Value> {
+ self.call("models.update", json!({ "name": name, "spec": spec }))
+ }
+ fn delete_spec(&self, name: &str) -> Fut<()> {
+ unit(self.call("models.delete", json!({ "name": name })))
+ }
+ fn train_spec(&self, name: &str, epochs: Option<u32>, fresh: bool) -> Fut<Value> {
+ self.call(
+ "models.train",
+ json!({ "name": name, "epochs": epochs, "fresh": fresh }),
+ )
+ }
+ fn spec_job(&self, name: &str) -> Fut<Value> {
+ self.call("models.job", json!({ "name": name }))
+ }
+ fn cancel_spec(&self, name: &str) -> Fut<()> {
+ unit(self.call("models.cancel", json!({ "name": name })))
+ }
+ /// every head's answer on a text
+ fn run_spec(&self, name: &str, text: &str) -> Fut<Value> {
+ self.call("models.run", json!({ "name": name, "text": text }))
+ }
+ /// candidates from a generator, judged by its critics; `opts` holds `candidates`,
+ /// `max_len`, `temperature`, `seed`, `guided`
+ fn generate_spec(&self, name: &str, prompt: &str, opts: Value) -> Fut<Value> {
+ let mut args = opts;
+ args["name"] = json!(name);
+ args["prompt"] = json!(prompt);
+ self.call("models.generate", args)
+ }
+
+ /// the other members of the lists a word is in (synonyms, registers), with their sums
+ fn alternatives(&self, word: &str) -> Fut<Value> {
+ self.call("notes.alternatives", json!({ "word": word }))
+ }
+
+ // ---- pictures (`pictures.*`)
+ /// the save's pictures (or a list's), each with a thumbnail fitting `thumb` pixels
+ fn pictures(&self, list: Option<&str>, thumb: u32) -> Fut<Vec<Value>> {
+ typed(self.call("pictures.list", json!({ "list": list, "thumb": thumb })))
+ }
+ /// the lists that hold pictures: `[{list, count}]`
+ fn picture_lists(&self) -> Fut<Vec<Value>> {
+ typed(self.call("pictures.lists", json!({})))
+ }
+ /// a picture file's bytes into the save (into `list` too, when given)
+ fn add_picture(&self, bytes: &[u8], name: &str, list: Option<&str>) -> Fut<Value> {
+ self.call(
+ "pictures.add",
+ json!({ "data": anend_core::classifiers::base64(bytes), "name": name, "list": list }),
+ )
+ }
+ /// a picture file on this machine (the desktop) into the save
+ fn add_picture_path(&self, path: &str, list: Option<&str>) -> Fut<Value> {
+ self.call("pictures.add", json!({ "path": path, "list": list }))
+ }
+ fn tag_picture(&self, id: &str, list: &str, remove: bool) -> Fut<Value> {
+ self.call("pictures.tag", json!({ "id": id, "list": list, "remove": remove }))
+ }
+ fn delete_picture(&self, id: &str) -> Fut<()> {
+ unit(self.call("pictures.delete", json!({ "id": id })))
+ }
+
+ // ---- filters
+ fn filters(&self) -> Fut<Vec<FilterPreset>> {
+ typed(self.call("filters.list", json!({})))
+ }
+ fn save_filter(&self, name: &str, expr: &Value, description: &str) -> Fut<()> {
+ unit(self.call(
+ "filters.save",
+ json!({ "name": name, "expr": expr, "description": description }),
+ ))
+ }
+ fn delete_filter(&self, name: &str) -> Fut<()> {
+ unit(self.call("filters.delete", json!({ "name": name })))
+ }
+ fn run_filter(&self, expr: &Value) -> Fut<FilterRun> {
+ typed(self.call("filters.run", json!({ "expr": expr, "limit": 300 })))
+ }
+ fn enlist_filter(&self, name: &str) -> Fut<Value> {
+ self.call("filters.enlist", json!({ "name": name }))
+ }
+
+ // ---- settings kept in the save
+ fn setting(&self, name: &str) -> Fut<Option<String>> {
+ field(self.call("settings.get", json!({ "name": name })), "value")
+ }
+ fn set_setting(&self, name: &str, value: &str) -> Fut<()> {
+ unit(self.call("settings.set", json!({ "name": name, "value": value })))
+ }
+}
diff --git a/app/src/fonts.rs b/app/src/fonts.rs
new file mode 100644
index 00000000..cb122e55
--- /dev/null
+++ b/app/src/fonts.rs
@@ -0,0 +1,352 @@
+//! The Bevy app's faces, bundled: Fira Sans (regular, bold, italic) and Fira Mono, subset
+//! to Latin, Greek and the common symbols (assets/fonts, from bevy_feathers; OFL). They go
+//! into the page as `@font-face` rules with data URLs, so the desktop and the web look the
+//! same whatever the system has installed.
+
+use std::sync::OnceLock;
+
+const FACES: [(&str, &str, &str, &[u8]); 4] = [
+ (
+ "Fira Sans",
+ "400",
+ "normal",
+ include_bytes!("../../assets/fonts/FiraSans-Regular.woff2"),
+ ),
+ (
+ "Fira Sans",
+ "700",
+ "normal",
+ include_bytes!("../../assets/fonts/FiraSans-Bold.woff2"),
+ ),
+ (
+ "Fira Sans",
+ "400",
+ "italic",
+ include_bytes!("../../assets/fonts/FiraSans-Italic.woff2"),
+ ),
+ (
+ "Fira Mono",
+ "400",
+ "normal",
+ include_bytes!("../../assets/fonts/FiraMono-Medium.woff2"),
+ ),
+];
+
+pub fn base64(data: &[u8]) -> String {
+ const T: &[u8; 64] = b"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
+ let mut out = String::with_capacity(data.len().div_ceil(3) * 4);
+ for c in data.chunks(3) {
+ let n = (c[0] as u32) << 16 | (*c.get(1).unwrap_or(&0) as u32) << 8 | *c.get(2).unwrap_or(&0) as u32;
+ out.push(T[(n >> 18) as usize & 63] as char);
+ out.push(T[(n >> 12) as usize & 63] as char);
+ out.push(if c.len() > 1 {
+ T[(n >> 6) as usize & 63] as char
+ } else {
+ '='
+ });
+ out.push(if c.len() > 2 { T[n as usize & 63] as char } else { '=' });
+ }
+ out
+}
+
+/// base64 back to bytes (standard alphabet, padding optional); None when it doesn't read
+#[cfg_attr(not(target_arch = "wasm32"), allow(dead_code))]
+pub fn unbase64(s: &str) -> Option<Vec<u8>> {
+ let mut out = Vec::with_capacity(s.len() / 4 * 3);
+ let (mut acc, mut bits) = (0u32, 0u32);
+ for c in s.bytes() {
+ let v = match c {
+ b'A'..=b'Z' => c - b'A',
+ b'a'..=b'z' => c - b'a' + 26,
+ b'0'..=b'9' => c - b'0' + 52,
+ b'+' => 62,
+ b'/' => 63,
+ b'=' | b'\n' | b'\r' => continue,
+ _ => return None,
+ };
+ acc = acc << 6 | v as u32;
+ bits += 6;
+ if bits >= 8 {
+ bits -= 8;
+ out.push((acc >> bits) as u8);
+ acc &= (1 << bits) - 1;
+ }
+ }
+ Some(out)
+}
+
+/// the `@font-face` rules, made once
+pub fn css() -> &'static str {
+ static CSS: OnceLock<String> = OnceLock::new();
+ CSS.get_or_init(|| {
+ FACES
+ .iter()
+ .map(|(family, weight, style, data)| {
+ format!(
+ "@font-face {{ font-family: \"{family}\"; font-weight: {weight}; font-style: {style}; font-display: block; src: url(data:font/woff2;base64,{}) format(\"woff2\"); }}\n",
+ base64(data)
+ )
+ })
+ .collect()
+ })
+}
+
+/// the families offered when the system's can't be listed (the web: a page can't see them)
+pub const COMMON: [&str; 14] = [
+ "Fira Sans",
+ "Inter",
+ "Noto Sans",
+ "DejaVu Sans",
+ "Liberation Sans",
+ "Ubuntu",
+ "Cantarell",
+ "Georgia",
+ "Times New Roman",
+ "Liberation Serif",
+ "DejaVu Serif",
+ "Noto Serif",
+ "Fira Mono",
+ "DejaVu Sans Mono",
+];
+
+#[cfg(not(target_arch = "wasm32"))]
+static SYSTEM: OnceLock<Vec<String>> = OnceLock::new();
+
+/// the families installed on this machine, alphabetically, once `scan_system` has found
+/// them (None until then, and always on the web)
+pub fn system() -> Option<&'static [String]> {
+ #[cfg(not(target_arch = "wasm32"))]
+ {
+ SYSTEM.get().map(Vec::as_slice)
+ }
+ #[cfg(target_arch = "wasm32")]
+ {
+ None
+ }
+}
+
+/// finds the installed families on a thread of its own (the desktop's font folders, each
+/// file's family name read from its `name` table)
+#[cfg(not(target_arch = "wasm32"))]
+pub fn scan_system() {
+ let _ = std::thread::Builder::new().name("anend fonts".into()).spawn(|| {
+ let _ = SYSTEM.set(families(&font_dirs()));
+ });
+}
+
+#[cfg(not(target_arch = "wasm32"))]
+fn font_dirs() -> Vec<std::path::PathBuf> {
+ use std::path::PathBuf;
+ let home = std::env::var_os("HOME").map(PathBuf::from);
+ let mut dirs: Vec<PathBuf> = Vec::new();
+ if cfg!(target_os = "windows") {
+ if let Some(w) = std::env::var_os("WINDIR") {
+ dirs.push(PathBuf::from(w).join("Fonts"));
+ }
+ if let Some(l) = std::env::var_os("LOCALAPPDATA") {
+ dirs.push(PathBuf::from(l).join("Microsoft").join("Windows").join("Fonts"));
+ }
+ } else if cfg!(target_os = "macos") {
+ dirs.extend(["/System/Library/Fonts", "/Library/Fonts"].map(PathBuf::from));
+ dirs.extend(home.iter().map(|h| h.join("Library/Fonts")));
+ } else {
+ dirs.extend(["/usr/share/fonts", "/usr/local/share/fonts"].map(PathBuf::from));
+ let data = std::env::var_os("XDG_DATA_HOME")
+ .map(PathBuf::from)
+ .or_else(|| home.as_ref().map(|h| h.join(".local/share")));
+ dirs.extend(data.map(|d| d.join("fonts")));
+ dirs.extend(home.iter().map(|h| h.join(".fonts")));
+ }
+ dirs
+}
+
+/// every family name in the font files under `dirs` (a few levels down), alphabetically,
+/// one of each ignoring case
+#[cfg(not(target_arch = "wasm32"))]
+pub fn families(dirs: &[std::path::PathBuf]) -> Vec<String> {
+ let mut found: std::collections::BTreeMap<String, String> = Default::default();
+ let mut stack: Vec<(std::path::PathBuf, u32)> = dirs.iter().map(|d| (d.clone(), 0)).collect();
+ let mut files = 0;
+ while let Some((dir, depth)) = stack.pop() {
+ for e in std::fs::read_dir(&dir).into_iter().flatten().flatten() {
+ let path = e.path();
+ if e.file_type().is_ok_and(|t| t.is_dir()) {
+ if depth < 6 {
+ stack.push((path, depth + 1));
+ }
+ continue;
+ }
+ let ext = path
+ .extension()
+ .and_then(|x| x.to_str())
+ .unwrap_or("")
+ .to_ascii_lowercase();
+ if !matches!(ext.as_str(), "ttf" | "otf" | "ttc" | "otc" | "pfb" | "pfa") || files > 20_000 {
+ continue;
+ }
+ files += 1;
+ let names = if ext.starts_with("pf") {
+ type1_family(&path).into_iter().collect()
+ } else {
+ file_families(&path)
+ };
+ for name in names {
+ let name = name.trim().to_string();
+ if !name.is_empty() && !name.starts_with('.') {
+ found.entry(name.to_lowercase()).or_insert(name);
+ }
+ }
+ }
+ }
+ found.into_values().collect()
+}
+
+/// the family names in one font file (each face of a collection), reading only the
+/// headers and the `name` table
+#[cfg(not(target_arch = "wasm32"))]
+fn file_families(path: &std::path::Path) -> Vec<String> {
+ use std::io::{Read, Seek, SeekFrom};
+ let Ok(mut f) = std::fs::File::open(path) else {
+ return vec![];
+ };
+ let mut at = |off: u64, len: usize| -> Option<Vec<u8>> {
+ f.seek(SeekFrom::Start(off)).ok()?;
+ let mut b = vec![0; len];
+ f.read_exact(&mut b).ok()?;
+ Some(b)
+ };
+ let u16_at = |b: &[u8], i: usize| b.get(i..i + 2).map(|x| u16::from_be_bytes([x[0], x[1]]));
+ let u32_at = |b: &[u8], i: usize| b.get(i..i + 4).map(|x| u32::from_be_bytes([x[0], x[1], x[2], x[3]]));
+ let Some(head) = at(0, 12) else { return vec![] };
+ let faces: Vec<u64> = if &head[0..4] == b"ttcf" {
+ let n = u32_at(&head, 8).unwrap_or(0).min(64) as usize;
+ let Some(offs) = at(12, n * 4) else { return vec![] };
+ (0..n).filter_map(|i| u32_at(&offs, i * 4)).map(u64::from).collect()
+ } else {
+ vec![0]
+ };
+ let mut out = Vec::new();
+ for face in faces {
+ let Some(h) = at(face, 12) else { continue };
+ let tables = u16_at(&h, 4).unwrap_or(0).min(200) as usize;
+ let Some(dir) = at(face + 12, tables * 16) else {
+ continue;
+ };
+ let Some((off, len)) = (0..tables)
+ .find(|i| &dir[i * 16..i * 16 + 4] == b"name")
+ .and_then(|i| Some((u32_at(&dir, i * 16 + 8)?, u32_at(&dir, i * 16 + 12)?)))
+ else {
+ continue;
+ };
+ let Some(t) = at(off as u64, (len as usize).min(1 << 20)) else {
+ continue;
+ };
+ if let Some(name) = family_of(&t) {
+ out.push(name);
+ }
+ }
+ out
+}
+
+/// a PostScript Type 1 font's family, from `/FamilyName (…)` in its clear-text start
+#[cfg(not(target_arch = "wasm32"))]
+fn type1_family(path: &std::path::Path) -> Option<String> {
+ use std::io::Read;
+ let mut b = vec![0; 8192];
+ let n = std::fs::File::open(path).ok()?.read(&mut b).ok()?;
+ let text = String::from_utf8_lossy(&b[..n]);
+ let rest = &text[text.find("/FamilyName")? + 11..];
+ let rest = &rest[rest.find('(')? + 1..];
+ Some(rest[..rest.find(')')?].to_string())
+}
+
+/// a `name` table's family: the typographic family (16) when there is one, else the
+/// family (1); Windows or Unicode English first, then the Mac's Roman
+#[cfg(not(target_arch = "wasm32"))]
+fn family_of(t: &[u8]) -> Option<String> {
+ let u16_at = |i: usize| t.get(i..i + 2).map(|x| u16::from_be_bytes([x[0], x[1]]));
+ let count = u16_at(2)? as usize;
+ let strings = u16_at(4)? as usize;
+ let mut best: Option<(u32, String)> = None;
+ for r in 0..count {
+ let b = 6 + r * 12;
+ let (platform, encoding, language, id, len, off) = (
+ u16_at(b)?,
+ u16_at(b + 2)?,
+ u16_at(b + 4)?,
+ u16_at(b + 6)?,
+ u16_at(b + 8)?,
+ u16_at(b + 10)?,
+ );
+ if id != 1 && id != 16 {
+ continue;
+ }
+ let Some(raw) = t.get(strings + off as usize..strings + off as usize + len as usize) else {
+ continue;
+ };
+ let (text, rank) = match platform {
+ 0 | 3 => {
+ let units: Vec<u16> = raw.as_chunks::<2>().0.iter().map(|c| u16::from_be_bytes(*c)).collect();
+ let english = platform == 0 || language == 0x409;
+ (String::from_utf16_lossy(&units), if english { 0 } else { 2 })
+ }
+ 1 if encoding == 0 => (raw.iter().map(|&c| c as char).collect(), 1),
+ _ => continue,
+ };
+ // the typographic family before the family, then the language's rank
+ let rank = rank + if id == 16 { 0 } else { 10 };
+ if best.as_ref().is_none_or(|(r, _)| rank < *r) {
+ best = Some((rank, text));
+ }
+ }
+ best.map(|(_, s)| s)
+}
+
+#[cfg(test)]
+mod tests {
+ use super::*;
+
+ #[test]
+ fn encodes() {
+ assert_eq!(base64(b"Man"), "TWFu");
+ assert_eq!(base64(b"Ma"), "TWE=");
+ assert_eq!(base64(b"M"), "TQ==");
+ assert!(css().matches("@font-face").count() == 4);
+ for t in [&b""[..], b"M", b"Ma", b"Man", b"hello world \xff\x00"] {
+ assert_eq!(unbase64(&base64(t)).unwrap(), t);
+ }
+ assert!(unbase64("a$b").is_none());
+ }
+
+ #[cfg(not(target_arch = "wasm32"))]
+ #[test]
+ fn reads_font_families() {
+ // the repo's own faces are woff2 (not read); a TrueType file made by hand: one
+ // `name` table with a family (1) on the Mac and a typographic family (16) on Windows
+ let mut name = Vec::new();
+ let mac = b"Plain Family";
+ let win: Vec<u8> = "Típo".encode_utf16().flat_map(u16::to_be_bytes).collect();
+ name.extend([0u16, 2, 6 + 2 * 12].iter().flat_map(|v| v.to_be_bytes()));
+ for (p, e, l, id, len, off) in [
+ (1u16, 0u16, 0u16, 1u16, mac.len() as u16, 0u16),
+ (3, 1, 0x409, 16, win.len() as u16, mac.len() as u16),
+ ] {
+ name.extend([p, e, l, id, len, off].iter().flat_map(|v| v.to_be_bytes()));
+ }
+ name.extend(mac);
+ name.extend(&win);
+ let mut file = Vec::new();
+ file.extend(0x0001_0000u32.to_be_bytes());
+ file.extend([1u16, 0, 0, 0].iter().flat_map(|v| v.to_be_bytes()));
+ file.extend(b"name");
+ file.extend([0u32, 12 + 16, name.len() as u32].iter().flat_map(|v| v.to_be_bytes()));
+ file.extend(&name);
+ let dir = std::env::temp_dir().join(format!("anend-fonts-{}", std::process::id()));
+ std::fs::create_dir_all(dir.join("sub")).unwrap();
+ std::fs::write(dir.join("sub/a.ttf"), &file).unwrap();
+ std::fs::write(dir.join("b.TTF"), &file).unwrap();
+ std::fs::write(dir.join("c.txt"), b"no").unwrap();
+ assert_eq!(families(std::slice::from_ref(&dir)), vec!["Típo".to_string()]);
+ let _ = std::fs::remove_dir_all(&dir);
+ }
+}
diff --git a/app/src/gem.rs b/app/src/gem.rs
new file mode 100644
index 00000000..3c1ad5c8
--- /dev/null
+++ b/app/src/gem.rs
@@ -0,0 +1,321 @@
+//! The numbers the views show, computed in the app (no round trip): weum's sums, its
+//! `gsum(text, 1)` line, `pfR`, `seedCLR`, the underline groups, the triangle and the byte
+//! sum. weum's api.js and memory.js (docs/weum-reference) are the reference.
+
+use anend_core::{memory, spread, weum};
+
+/// the gsearch modes (the memory view's buckets)
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash, Default, serde::Serialize, serde::Deserialize)]
+#[serde(rename_all = "lowercase")]
+pub enum Mode {
+ #[default]
+ Ordinal,
+ Reversed,
+ Frequency,
+}
+
+impl Mode {
+ pub const ALL: [Mode; 3] = [Mode::Ordinal, Mode::Reversed, Mode::Frequency];
+
+ pub fn name(self) -> &'static str {
+ match self {
+ Mode::Ordinal => "ordinal",
+ Mode::Reversed => "reversed",
+ Mode::Frequency => "frequency",
+ }
+ }
+
+ pub fn letter(self) -> &'static str {
+ match self {
+ Mode::Ordinal => "O",
+ Mode::Reversed => "R",
+ Mode::Frequency => "F",
+ }
+ }
+
+ /// the sum whose shared values colour the underlines in this mode: ordinal by
+ /// reversed groups, reversed by ordinal groups (weum), frequency by ordinal ones
+ pub fn grouping(self) -> Mode {
+ match self {
+ Mode::Ordinal => Mode::Reversed,
+ Mode::Reversed | Mode::Frequency => Mode::Ordinal,
+ }
+ }
+}
+
+/// a text's numbers
+#[derive(Debug, Clone, PartialEq, Default)]
+pub struct Measure {
+ pub ordinal: u64,
+ pub reversed: u64,
+ /// weum's letter table (`e1i1l1n1s1t1`)
+ pub frequency: String,
+ /// every byte counted as 1 to 256 (a separate measure, not a mode)
+ pub bytes: u64,
+}
+
+impl Measure {
+ pub fn of(text: &str) -> Measure {
+ let m = memory::measure(text);
+ let (s, r) = spread::sums(text);
+ Measure {
+ ordinal: s.max(0) as u64,
+ reversed: r.max(0) as u64,
+ frequency: m.frequency,
+ bytes: byte_sum(text),
+ }
+ }
+
+ /// weum's ⌊√(ordinal · reversed)⌋, the triangle's third side and Ctrl+right click's
+ /// gsearch
+ pub fn triangle(&self) -> u64 {
+ ((self.ordinal as f64) * (self.reversed as f64)).sqrt().floor() as u64
+ }
+}
+
+/// the sum of a text's bytes, each counted as its value plus one (1 to 256)
+pub fn byte_sum(text: &str) -> u64 {
+ text.bytes().map(|b| b as u64 + 1).sum()
+}
+
+/// weum's ordinal and reversed sums (`gsum(t, 3)`)
+pub fn sums(text: &str) -> (u64, u64) {
+ let (s, r) = spread::sums(text);
+ (s.max(0) as u64, r.max(0) as u64)
+}
+
+/// the sum a text gsearches by in a mode
+pub fn sum_in(text: &str, mode: Mode) -> u64 {
+ match mode {
+ Mode::Ordinal => sums(text).0,
+ Mode::Reversed => sums(text).1,
+ Mode::Frequency => sums(text).0,
+ }
+}
+
+/// weum's letter table as the letters themselves: e1i1l1n1s1t1 → eilnst
+pub fn letters(freq: &str) -> String {
+ let mut out = String::new();
+ let mut chars = freq.chars().peekable();
+ while let Some(c) = chars.next() {
+ let mut n = String::new();
+ while let Some(d) = chars.peek().filter(|d| d.is_ascii_digit()) {
+ n.push(*d);
+ chars.next();
+ }
+ let k: usize = n.parse().unwrap_or(1);
+ for _ in 0..k.min(64) {
+ out.push(c);
+ }
+ }
+ out
+}
+
+fn vowel(c: char) -> u64 {
+ match c {
+ 'a' => 1,
+ 'e' => 2,
+ 'o' => 3,
+ 'u' => 4,
+ 'i' => 5,
+ 'y' => 6,
+ _ => 0,
+ }
+}
+
+fn consonant(c: char) -> u64 {
+ // weum's table, with t and v as separate values (t 16, v 17), as the user corrected it
+ match c {
+ 'b' => 1,
+ 'c' => 2,
+ 'd' => 3,
+ 'f' => 4,
+ 'g' => 5,
+ 'h' => 6,
+ 'j' => 7,
+ 'k' => 8,
+ 'l' => 9,
+ 'm' => 10,
+ 'n' => 11,
+ 'p' => 12,
+ 'q' => 13,
+ 'r' => 14,
+ 's' => 15,
+ 't' => 16,
+ 'v' => 17,
+ 'w' => 18,
+ 'x' => 19,
+ 'z' => 20,
+ _ => 0,
+ }
+}
+
+/// weum's `gsum(text, 1)`, letter for letter:
+/// `(s + r = t; * p; *sqrt(q); diff d, a b c) v vowels c consonants w words`
+pub fn gsum_line(text: &str) -> String {
+ let (sum, r) = sums(text);
+ let (sum, r) = (sum as i64, r as i64);
+ let (mut v, mut c) = (0, 0);
+ for ch in text.chars().flat_map(char::to_lowercase) {
+ v += vowel(ch);
+ c += consonant(ch);
+ }
+ let words = text.split_whitespace().count().max(1);
+ let a = (sum + r) + (sum - r).abs();
+ let b = (sum + r) + (sum - r);
+ format!(
+ "({} + {} = {}; * {}; *sqrt({:.3}); diff {}, {} {} {}) v {} c {} w {}",
+ sum,
+ r,
+ sum + r,
+ sum * r,
+ ((sum * r) as f64).sqrt(),
+ sum - r,
+ a,
+ b,
+ a - b,
+ v,
+ c,
+ words
+ )
+}
+
+/// weum's `pfR(s)` as pieces; numbers are clickable
+pub fn pf_line(s: u64) -> Vec<weum::Seg> {
+ if s < 2 { Vec::new() } else { weum::pf_reduction(s) }
+}
+
+/// weum's `seedCLR(m)`: a hue from the string of `m` (JavaScript's 32 bit string hash)
+pub fn seed_hue(key: &str) -> u32 {
+ let mut hash: i32 = 0;
+ for c in key.encode_utf16() {
+ hash = (c as i32).wrapping_add(hash.wrapping_shl(5).wrapping_sub(hash));
+ }
+ (hash % 360).unsigned_abs()
+}
+
+/// `hsl(hue, 70%, 45%)`, weum's underline colour for a group key
+pub fn seed_clr(key: &str) -> String {
+ format!("hsl({}, 70%, 45%)", seed_hue(key))
+}
+
+/// the underline colour weum's `baroeskwidjel` gives a text in a mode: the colour of its
+/// grouping sum, when that sum's string is two or more characters long (weum checks the
+/// key's length, so a lone text with a two digit sum is underlined too)
+pub fn underline(text: &str, mode: Mode) -> Option<String> {
+ let key = sum_in(text, mode.grouping()).to_string();
+ (key.len() >= 2).then(|| seed_clr(&key))
+}
+
+/// the triangle with sides s, r and t = ⌊√(s·r)⌋ as an svg polygon fitted to a box:
+/// `(width, height, points, real)`. When the three can't close, the flat shape they come
+/// closest to (`real` false), drawn dashed.
+pub fn triangle_points(s: u64, r: u64, height: f64, max_width: f64) -> Option<(f64, f64, String, bool)> {
+ let t = ((s as f64) * (r as f64)).sqrt().floor();
+ let (s, r) = (s as f64, r as f64);
+ if !(s > 0.0 && r > 0.0 && t > 0.0) {
+ return None;
+ }
+ let real = s < r + t && r < s + t && t < s + r;
+ let x = ((s * s + t * t - r * r) / (2.0 * s)).clamp(-t, t);
+ let y = if real { (t * t - x * x).max(0.0).sqrt() } else { 0.0 };
+ let min_x = x.min(0.0);
+ let max_x = x.max(s);
+ let w = max_x - min_x;
+ let pad = 2.0;
+ let k = ((height - pad * 2.0) / y.max(1e-9)).min((max_width - pad * 2.0) / w);
+ let ww = w * k + pad * 2.0;
+ let hh = if real { y * k + pad * 2.0 } else { height };
+ let base = if real { hh - pad } else { hh / 2.0 };
+ let p = |px: f64, py: f64| format!("{:.1},{:.1}", (px - min_x) * k + pad, base - py * k);
+ Some((ww, hh, format!("{} {} {}", p(0.0, 0.0), p(s, 0.0), p(x, y)), real))
+}
+
+/// the triangle's angles, or why it lies flat, for its tooltip
+/// the triangle in a few characters for the top line: its sides and angles, or that it
+/// lies flat (the Bevy app's `s r t · a° b° c°`)
+pub fn triangle_short(s: u64, r: u64) -> String {
+ let t = ((s as f64) * (r as f64)).sqrt().floor();
+ let (sf, rf) = (s as f64, r as f64);
+ if !(sf < rf + t && rf < sf + t && t < sf + rf) {
+ return format!("{s} {r} {t} lie flat");
+ }
+ let deg = |v: f64| v.clamp(-1.0, 1.0).acos().to_degrees();
+ format!(
+ "{s} {r} {t} · {:.0}° {:.0}° {:.0}°",
+ deg((sf * sf + t * t - rf * rf) / (2.0 * sf * t)),
+ deg((sf * sf + rf * rf - t * t) / (2.0 * sf * rf)),
+ deg((rf * rf + t * t - sf * sf) / (2.0 * rf * t)),
+ )
+}
+
+pub fn triangle_title(s: u64, r: u64) -> String {
+ let t = ((s as f64) * (r as f64)).sqrt().floor();
+ let (sf, rf) = (s as f64, r as f64);
+ let real = sf < rf + t && rf < sf + t && t < sf + rf;
+ let deg = |v: f64| v.clamp(-1.0, 1.0).acos().to_degrees();
+ if real {
+ format!(
+ "s {s}, r {r}, t = ⌊√(s·r)⌋ {t}\nangles {:.1}° (facing r), {:.1}° (facing t), {:.1}° (facing s)",
+ deg((sf * sf + t * t - rf * rf) / (2.0 * sf * t)),
+ deg((sf * sf + rf * rf - t * t) / (2.0 * sf * rf)),
+ deg((rf * rf + t * t - sf * sf) / (2.0 * rf * t)),
+ )
+ } else {
+ let m = sf.max(rf).max(t);
+ format!(
+ "s {s}, r {r}, t = ⌊√(s·r)⌋ {t}\nnot a triangle: {m} is at least the other two sides together ({}), so it lies flat",
+ sf + rf + t - m
+ )
+ }
+}
+
+#[cfg(test)]
+mod tests {
+ use super::*;
+
+ #[test]
+ fn weum_numbers() {
+ assert_eq!(sums("listen"), (79, 83));
+ assert_eq!(Measure::of("listen").triangle(), 80);
+ // the JavaScript string hash, as weum's seedCLR
+ assert_eq!(
+ seed_hue("83"),
+ ("83"
+ .encode_utf16()
+ .fold(0i32, |h, c| (c as i32).wrapping_add((h << 5) - h))
+ % 360)
+ .unsigned_abs()
+ );
+ assert_eq!(seed_clr("345"), "hsl(276, 70%, 45%)");
+ assert_eq!(letters("e1i1l1n1s1t1"), "eilnst");
+ assert_eq!(byte_sum("ab"), 97 + 1 + 98 + 1);
+ }
+
+ #[test]
+ fn gsum_like_weum() {
+ // weum: gsum('listen', 1)
+ assert_eq!(
+ gsum_line("listen"),
+ "(79 + 83 = 162; * 6557; *sqrt(80.975); diff -4, 166 158 8) v 7 c 51 w 1"
+ );
+ }
+
+ #[test]
+ fn underline_groups() {
+ // ordinal mode groups by reversed: listen's reversed is 83
+ assert_eq!(underline("listen", Mode::Ordinal), Some(seed_clr("83")));
+ assert_eq!(underline("listen", Mode::Reversed), Some(seed_clr("79")));
+ // a one digit grouping sum isn't underlined ("a": reversed 26, ordinal 1)
+ assert_eq!(underline("a", Mode::Reversed), None);
+ assert!(underline("a", Mode::Ordinal).is_some());
+ }
+
+ #[test]
+ fn triangles() {
+ let (_, _, pts, real) = triangle_points(87, 48, 22.0, 64.0).unwrap();
+ assert!(real && pts.split(' ').count() == 3);
+ assert!(!triangle_points(1, 26, 22.0, 64.0).unwrap().3);
+ assert!(triangle_points(0, 0, 22.0, 64.0).is_none());
+ }
+}
diff --git a/app/src/highlight.rs b/app/src/highlight.rs
new file mode 100644
index 00000000..93c4fcf8
--- /dev/null
+++ b/app/src/highlight.rs
@@ -0,0 +1,1018 @@
+//! Markdown highlighting in the note editor, ported from the Bevy app's highlight.rs: a
+//! class for every byte of the text, line by line ([`classify`]), and the text as HTML
+//! spans of those classes ([`to_html`]) for the layer painted under the editor's textarea,
+//! whose own glyphs are transparent (so editing, the caret, selection and input methods
+//! stay the textarea's). The colours come from the palette (theme.rs `hl_vars`), each
+//! darkened or lightened until it reads on the writing pad. Spelling and grammar marks
+//! (`Mark`s) are underlined over the same layer.
+
+/// what a stretch of markdown is
+#[derive(Clone, Copy, Debug, PartialEq, Eq)]
+#[repr(u8)]
+pub enum Class {
+ Plain,
+ /// syntax: the `#`s, `*`s, brackets and backticks around things
+ Mark,
+ Heading,
+ Strong,
+ Emph,
+ Strike,
+ Code,
+ Link,
+ Url,
+ /// a list item's bullet or number
+ List,
+ /// a quote's text (its `>` is a [`Class::Quote`] too)
+ Quote,
+ /// a table's pipes and its alignment row
+ Table,
+ Tag,
+ Rule,
+ /// s code (docs/s.md): a command
+ SCommand,
+ /// the suffix character of a suffix form (`x.`, `x~`, `x$`…)
+ SSuffix,
+ /// a brace or quote literal, an angle word
+ SLiteral,
+ /// a local name (`:x`)
+ SLocal,
+ SNumber,
+ /// a word of s's library
+ SLibrary,
+ /// an escape (`\w`)
+ SEscape,
+}
+
+/// a class for every byte of `text`
+pub fn classify(text: &str) -> Vec<Class> {
+ let mut out = vec![Class::Plain; text.len()];
+ let mut fence: Option<(u8, usize)> = None;
+ let mut start = 0;
+ for line in text.split_inclusive('\n') {
+ let end = start + line.len();
+ let body = line.trim_end_matches(['\n', '\r']);
+ classify_line(body, start, &mut out, &mut fence);
+ start = end;
+ }
+ out
+}
+
+fn fill(out: &mut [Class], range: std::ops::Range<usize>, c: Class) {
+ let end = range.end.min(out.len());
+ if range.start < end {
+ out[range.start..end].fill(c);
+ }
+}
+
+/// a fence's char and length, if the line opens or closes one
+fn fence_of(line: &str) -> Option<(u8, usize)> {
+ let t = line.trim_start();
+ if line.len() - t.len() > 3 {
+ return None;
+ }
+ let ch = *t.as_bytes().first()?;
+ if ch != b'`' && ch != b'~' {
+ return None;
+ }
+ let n = t.bytes().take_while(|b| *b == ch).count();
+ (n >= 3).then_some((ch, n))
+}
+
+fn classify_line(line: &str, at: usize, out: &mut [Class], fence: &mut Option<(u8, usize)>) {
+ let span = at..at + line.len();
+ // fenced code
+ if let Some((ch, n)) = *fence {
+ fill(out, span.clone(), Class::Code);
+ if let Some((c2, n2)) = fence_of(line)
+ && c2 == ch
+ && n2 >= n
+ && line.trim().bytes().all(|b| b == ch)
+ {
+ fill(out, span, Class::Mark);
+ *fence = None;
+ }
+ return;
+ }
+ if let Some(f) = fence_of(line)
+ && !(f.0 == b'`' && line.trim_start()[f.1..].contains('`'))
+ {
+ *fence = Some(f);
+ fill(out, span, Class::Mark);
+ return;
+ }
+ let trimmed = line.trim_start();
+ let indent = line.len() - trimmed.len();
+ // indented code (4 spaces or a tab, not inside a list item's text)
+ if (line.starts_with(" ") || line.starts_with('\t')) && !trimmed.is_empty() && !is_list(trimmed) {
+ fill(out, span, Class::Code);
+ return;
+ }
+ // headings
+ let hashes = trimmed.bytes().take_while(|b| *b == b'#').count();
+ if (1..=6).contains(&hashes) && indent < 4 && trimmed[hashes..].chars().next().is_none_or(|c| c == ' ' || c == '\t')
+ {
+ let mark_end = at + indent + hashes;
+ fill(out, span.clone(), Class::Heading);
+ fill(out, at..mark_end, Class::Mark);
+ inline(line, at, indent + hashes, out, Class::Heading);
+ // a closing run of #s is syntax too
+ let t = line.trim_end();
+ let closing = t.bytes().rev().take_while(|b| *b == b'#').count();
+ if closing > 0 && closing < t.len() - indent - hashes && t.as_bytes()[t.len() - closing - 1] == b' ' {
+ fill(out, at + t.len() - closing..at + t.len(), Class::Mark);
+ }
+ return;
+ }
+ // rules
+ let compact: String = trimmed.chars().filter(|c| !c.is_whitespace()).collect();
+ if compact.len() >= 3
+ && indent < 4
+ && let Some(first) = compact.chars().next()
+ && matches!(first, '-' | '*' | '_')
+ && compact.chars().all(|c| c == first)
+ {
+ fill(out, span, Class::Rule);
+ return;
+ }
+ // quotes: each > is a mark, the rest quoted text (which can still hold a list or inline marks)
+ let mut i = indent;
+ let mut base = Class::Plain;
+ while line[i..].starts_with('>') {
+ fill(out, at + i..at + i + 1, Class::Quote);
+ base = Class::Quote;
+ i += 1;
+ while line[i..].starts_with(' ') {
+ i += 1;
+ }
+ }
+ if base == Class::Quote {
+ fill(out, at + i..span.end, Class::Quote);
+ }
+ // tables: pipes, and the alignment row
+ let rest = &line[i..];
+ if rest.trim_start().starts_with('|') {
+ let is_align = rest.trim().bytes().all(|b| matches!(b, b'|' | b'-' | b':' | b' '));
+ if is_align {
+ fill(out, at + i..span.end, Class::Table);
+ return;
+ }
+ inline(line, at, i, out, base);
+ for (j, b) in rest.bytes().enumerate() {
+ if b == b'|' && out[at + i + j] != Class::Code {
+ fill(out, at + i + j..at + i + j + 1, Class::Table);
+ }
+ }
+ return;
+ }
+ // list items: the bullet or number, and a task box
+ let lead = rest.len() - rest.trim_start().len();
+ let item = &rest[lead..];
+ if let Some(m) = list_marker(item) {
+ let s = at + i + lead;
+ fill(out, s..s + m, Class::List);
+ let mut k = i + lead + m;
+ let after = &line[k..];
+ let t = after.trim_start();
+ if t.starts_with("[ ]") || t.starts_with("[x]") || t.starts_with("[X]") {
+ let o = k + after.len() - t.len();
+ fill(out, at + o..at + o + 3, Class::List);
+ k = o + 3;
+ }
+ inline(line, at, k, out, base);
+ return;
+ }
+ inline(line, at, i, out, base);
+}
+
+fn is_list(t: &str) -> bool {
+ list_marker(t).is_some()
+}
+
+/// the length of a list marker at the start of `t` (with its space), if there is one
+fn list_marker(t: &str) -> Option<usize> {
+ let b = t.as_bytes();
+ if b.len() >= 2 && matches!(b[0], b'-' | b'*' | b'+') && (b[1] == b' ' || b[1] == b'\t') {
+ return Some(1);
+ }
+ let digits = b.iter().take_while(|c| c.is_ascii_digit()).count();
+ if (1..=9).contains(&digits)
+ && b.len() > digits + 1
+ && matches!(b[digits], b'.' | b')')
+ && (b[digits + 1] == b' ' || b[digits + 1] == b'\t')
+ {
+ return Some(digits + 1);
+ }
+ None
+}
+
+/// inline marks from byte `from` of the line on: code spans, links, emphasis, tags
+fn inline(line: &str, at: usize, from: usize, out: &mut [Class], base: Class) {
+ let b = line.as_bytes();
+ let n = b.len();
+ let mut i = from;
+ // open emphasis runs: (char, run length, the position after the run)
+ let mut open: Vec<(u8, usize, usize)> = Vec::new();
+ while i < n {
+ let c = b[i];
+ match c {
+ b'\\' if i + 1 < n && b[i + 1].is_ascii_punctuation() => {
+ fill(out, at + i..at + i + 1, Class::Mark);
+ i += 2;
+ }
+ b'`' => {
+ let run = b[i..].iter().take_while(|x| **x == b'`').count();
+ // the matching run of the same length closes it
+ let mut j = i + run;
+ let mut close = None;
+ while j < n {
+ if b[j] == b'`' {
+ let r = b[j..].iter().take_while(|x| **x == b'`').count();
+ if r == run {
+ close = Some(j);
+ break;
+ }
+ j += r;
+ } else {
+ j += 1;
+ }
+ }
+ match close {
+ Some(j) => {
+ fill(out, at + i..at + j + run, Class::Code);
+ fill(out, at + i..at + i + run, Class::Mark);
+ fill(out, at + j..at + j + run, Class::Mark);
+ i = j + run;
+ }
+ None => i += run,
+ }
+ }
+ b'[' => match link_end(line, i) {
+ Some((text_end, url_end)) => {
+ let link_class = if base == Class::Heading {
+ Class::Heading
+ } else {
+ Class::Link
+ };
+ fill(out, at + i..at + i + 1, Class::Mark);
+ fill(out, at + i + 1..at + text_end, link_class);
+ inline(&line[..text_end], at, i + 1, out, link_class);
+ fill(out, at + text_end..at + text_end + 2, Class::Mark);
+ fill(out, at + text_end + 2..at + url_end, Class::Url);
+ fill(out, at + url_end..at + url_end + 1, Class::Mark);
+ i = url_end + 1;
+ }
+ None => i += 1,
+ },
+ b'<' if line[i + 1..].starts_with("http://") || line[i + 1..].starts_with("https://") => {
+ match line[i..].find('>') {
+ Some(k) => {
+ fill(out, at + i..at + i + k + 1, Class::Url);
+ i += k + 1;
+ }
+ None => i += 1,
+ }
+ }
+ b'h' if (line[i..].starts_with("http://") || line[i..].starts_with("https://"))
+ && (i == 0 || !b[i - 1].is_ascii_alphanumeric()) =>
+ {
+ let len = line[i..]
+ .find(|c: char| c.is_whitespace() || c == ')' || c == '>')
+ .unwrap_or(n - i);
+ fill(out, at + i..at + i + len, Class::Url);
+ i += len;
+ }
+ b'#' if (i == 0 || b[i - 1] == b' ' || b[i - 1] == b'\t' || b[i - 1] == b'(')
+ && line[i + 1..]
+ .chars()
+ .next()
+ .is_some_and(|c| c.is_alphanumeric() || c == '_') =>
+ {
+ let len = 1 + line[i + 1..]
+ .find(|c: char| !(c.is_alphanumeric() || matches!(c, '_' | '-' | '/' | '.')))
+ .unwrap_or(n - i - 1);
+ // a trailing dot ends a sentence, not the tag
+ let len = len - usize::from(line[i..i + len].ends_with('.'));
+ fill(out, at + i..at + i + len, Class::Tag);
+ i += len;
+ }
+ b'*' | b'_' | b'~' => {
+ let run = b[i..].iter().take_while(|x| **x == c).count();
+ let prev = if i == 0 { b' ' } else { b[i - 1] };
+ let next = if i + run < n { b[i + run] } else { b' ' };
+ // _ inside a word (snake_case) isn't emphasis
+ let intraword = c == b'_' && prev.is_ascii_alphanumeric() && next.is_ascii_alphanumeric();
+ if c == b'~' && run != 2 || intraword {
+ i += run;
+ continue;
+ }
+ let can_close = !prev.is_ascii_whitespace();
+ let can_open = !next.is_ascii_whitespace();
+ let opener = open
+ .iter()
+ .rposition(|(oc, orun, _)| *oc == c && (*orun == run || run >= 2 && *orun >= 2));
+ if can_close && let Some(k) = opener {
+ let (_, orun, after) = open[k];
+ let used = orun.min(run);
+ let class = match (c, used) {
+ (b'~', _) => Class::Strike,
+ (_, 1) => Class::Emph,
+ _ => Class::Strong,
+ };
+ for x in &mut out[at + after..at + i] {
+ // inner marks and code stay what they are
+ if matches!(*x, Class::Plain | Class::Quote | Class::Heading)
+ || (class == Class::Strong && *x == Class::Emph)
+ {
+ *x = class;
+ }
+ }
+ fill(out, at + after - used..at + after, Class::Mark);
+ fill(out, at + i..at + i + used, Class::Mark);
+ open.truncate(k);
+ i += run;
+ } else {
+ if can_open {
+ open.push((c, run, i + run));
+ }
+ i += run;
+ }
+ }
+ _ => {
+ // step over a whole character
+ i += line[i..].chars().next().map_or(1, char::len_utf8);
+ }
+ }
+ }
+}
+
+/// for a `[` at `i`: where its `](` is and where the `)` closing the url is
+fn link_end(line: &str, i: usize) -> Option<(usize, usize)> {
+ let b = line.as_bytes();
+ let mut depth = 0;
+ let mut j = i;
+ while j < b.len() {
+ match b[j] {
+ b'[' => depth += 1,
+ b']' => {
+ depth -= 1;
+ if depth == 0 {
+ break;
+ }
+ }
+ _ => {}
+ }
+ j += 1;
+ }
+ if j >= b.len() || b.get(j + 1) != Some(&b'(') {
+ return None;
+ }
+ let close = line[j + 2..].find(')')?;
+ Some((j, j + 2 + close))
+}
+
+impl Class {
+ /// the CSS class of a span of this class
+ pub fn css(self) -> &'static str {
+ match self {
+ Class::Plain => "",
+ Class::Mark => "h-m",
+ Class::Heading => "h-h",
+ Class::Strong => "h-s",
+ Class::Emph => "h-e",
+ Class::Strike => "h-x",
+ Class::Code => "h-c",
+ Class::Link => "h-l",
+ Class::Url => "h-u",
+ Class::List => "h-li",
+ Class::Quote => "h-q",
+ Class::Table => "h-t",
+ Class::Tag => "h-g",
+ Class::Rule => "h-r",
+ Class::SCommand => "h-sc",
+ Class::SSuffix => "h-ss",
+ Class::SLiteral => "h-sl",
+ Class::SLocal => "h-sv",
+ Class::SNumber => "h-sn",
+ Class::SLibrary => "h-sb",
+ Class::SEscape => "h-se",
+ }
+ }
+}
+
+/// a stretch of the text the checker flagged: bytes `start..end`, what it is, and a title
+#[derive(Clone, Debug, PartialEq)]
+pub struct Flag {
+ pub start: usize,
+ pub end: usize,
+ pub kind: &'static str,
+ pub title: String,
+}
+
+fn escape(s: &str, out: &mut String) {
+ for ch in s.chars() {
+ match ch {
+ '&' => out.push_str("&"),
+ '<' => out.push_str("<"),
+ '>' => out.push_str(">"),
+ '"' => out.push_str("""),
+ c => out.push(c),
+ }
+ }
+}
+
+/// the text as HTML: runs of one class in a span each (plain text bare), flagged
+/// stretches inside a `mark`; a trailing newline gets a space after it so the layer is as
+/// tall as the textarea's content
+/// a text cut into typing segments for the colour layer: each ends after a blank line
+/// that is outside a code fence, so a segment highlights the same on its own as inside
+/// the whole text (a fence is the only state that carries from line to line). The
+/// segments joined are the text.
+pub fn segments(text: &str) -> Vec<&str> {
+ segments_open(text).0
+}
+
+/// `segments`, and whether the text ends inside a code fence (so text after it would be
+/// code too)
+pub fn segments_open(text: &str) -> (Vec<&str>, bool) {
+ let mut out = Vec::new();
+ let mut fence: Option<(u8, usize)> = None;
+ let (mut start, mut at) = (0, 0);
+ let mut prev_blank = false;
+ for line in text.split_inclusive('\n') {
+ let body = line.trim_end_matches(['\n', '\r']);
+ let blank = body.trim().is_empty();
+ // a segment starts at the first non-blank line after blank ones
+ if !blank && prev_blank && fence.is_none() && at > start {
+ out.push(&text[start..at]);
+ start = at;
+ }
+ match fence {
+ Some((ch, n)) => {
+ if let Some((c2, n2)) = fence_of(body)
+ && c2 == ch
+ && n2 >= n
+ && body.trim().bytes().all(|b| b == ch)
+ {
+ fence = None;
+ }
+ }
+ None => {
+ if let Some(f) = fence_of(body)
+ && !(f.0 == b'`' && body.trim_start()[f.1..].contains('`'))
+ {
+ fence = Some(f);
+ }
+ }
+ }
+ prev_blank = blank;
+ at += line.len();
+ }
+ if start < text.len() || out.is_empty() {
+ out.push(&text[start..]);
+ }
+ (out, fence.is_some())
+}
+
+/// the colour layer of a text kept as its typing segments, so an edit re-colours only
+/// the segments around it. Every segment starts outside a code fence, so cutting again
+/// from a segment's start is exact; an edit that leaves a fence open runs to the end.
+#[derive(Default)]
+pub struct Layer {
+ pub segs: Vec<String>,
+ /// the text is s code (a note tagged `s`): coloured by s's word classes, whole
+ pub s: bool,
+ /// s code's inline results, by line (dropped when the text changes)
+ pub notes: std::collections::BTreeMap<usize, String>,
+ /// the token a stepped run stopped before (dropped when the text changes)
+ pub at: Option<std::ops::Range<usize>>,
+}
+
+impl Layer {
+ /// every segment's html, for a whole new text
+ pub fn full(&mut self, text: &str, colour: bool, flags: &[Flag]) -> Vec<String> {
+ if self.s {
+ self.segs = vec![text.to_string()];
+ return vec![s_html_with(text, colour, &self.notes, self.at.clone())];
+ }
+ self.segs = segments(text).into_iter().map(str::to_string).collect();
+ let mut at = 0;
+ self.segs
+ .iter()
+ .map(|seg| {
+ let end = at + seg.len();
+ let fl: Vec<Flag> = flags
+ .iter()
+ .filter(|f| f.start >= at && f.end <= end)
+ .map(|f| Flag {
+ start: f.start - at,
+ end: f.end - at,
+ ..f.clone()
+ })
+ .collect();
+ at = end;
+ part_html(seg, colour, &fl)
+ })
+ .collect()
+ }
+
+ /// bytes `a..b` of the text replaced by `ins`: the segments that changed, as (first
+ /// index, how many went, the new ones' html); None when there's no layer to edit
+ pub fn edit(&mut self, a: usize, b: usize, ins: &str, colour: bool) -> Option<(usize, usize, Vec<String>)> {
+ if self.segs.is_empty() {
+ return None;
+ }
+ if self.s {
+ // code is coloured whole (a brace literal may span blank lines)
+ let mut t = self.segs.concat();
+ if b > t.len() || a > b || !t.is_char_boundary(a) || !t.is_char_boundary(b) {
+ return None;
+ }
+ t.replace_range(a..b, ins);
+ let went = self.segs.len();
+ // what ran belonged to the text as it was
+ self.notes.clear();
+ self.at = None;
+ let html = s_html(&t, colour);
+ self.segs = vec![t];
+ return Some((0, went, vec![html]));
+ }
+ let n = self.segs.len();
+ let mut starts = Vec::with_capacity(n);
+ let mut acc = 0;
+ for s in &self.segs {
+ starts.push(acc);
+ acc += s.len();
+ }
+ if b > acc || a > b {
+ return None;
+ }
+ let within = |x: usize| starts.iter().rposition(|&st| st <= x).unwrap_or(0);
+ let i0 = within(a).saturating_sub(1);
+ let mut j1 = (within(b) + 1).min(n - 1);
+ let base = starts[i0];
+ let mut local = self.segs[i0..=j1].concat();
+ if a - base > local.len() || b - base > local.len() {
+ return None;
+ }
+ local.replace_range(a - base..b - base, ins);
+ let (mut cut, open) = segments_open(&local);
+ let mut owned: Vec<String>;
+ if open && j1 < n - 1 {
+ // a fence left open swallows the rest: cut again to the end
+ local.push_str(&self.segs[j1 + 1..].concat());
+ j1 = n - 1;
+ cut = segments_open(&local).0;
+ }
+ owned = cut.into_iter().map(str::to_string).collect();
+ let html: Vec<String> = owned.iter().map(|s| part_html(s, colour, &[])).collect();
+ let went = j1 - i0 + 1;
+ self.segs.splice(i0..=j1, owned.drain(..));
+ Some((i0, went, html))
+ }
+
+ #[cfg(test)]
+ pub fn text(&self) -> String {
+ self.segs.concat()
+ }
+}
+
+/// a class for every byte of s code: commands, suffix forms (the stem plain or local, the
+/// suffix marked), literals, locals, numbers, library words, escapes
+pub fn s_classes(text: &str) -> Vec<Class> {
+ use anend_core::s::machine::{SUFFIXES, is_command};
+ let library: std::collections::HashSet<&str> =
+ anend_core::s::lib::words().into_iter().flat_map(|(_, w)| w).collect();
+ let mut out = vec![Class::Plain; text.len()];
+ let b = text.as_bytes();
+ let mut i = 0;
+ while i < b.len() {
+ let c = b[i];
+ if c.is_ascii_whitespace() {
+ i += 1;
+ continue;
+ }
+ // a word, up to whitespace or a literal
+ let start = i;
+ while i < b.len() && !b[i].is_ascii_whitespace() && b[i] != b'{' && b[i] != b'\'' {
+ i += 1;
+ }
+ if i < b.len() && (b[i] == b'{' || b[i] == b'\'') {
+ // a literal (with its prefix)
+ let end = if b[i] == b'\'' {
+ b[i + 1..]
+ .iter()
+ .position(|&x| x == b'\'')
+ .map_or(b.len(), |p| i + 2 + p)
+ } else {
+ let mut depth = 0usize;
+ let mut j = i;
+ while j < b.len() {
+ match b[j] {
+ b'{' => depth += 1,
+ b'}' => {
+ depth -= 1;
+ if depth == 0 {
+ break;
+ }
+ }
+ _ => {}
+ }
+ j += 1;
+ }
+ (j + 1).min(b.len())
+ };
+ out[start..end].fill(Class::SLiteral);
+ i = end;
+ continue;
+ }
+ let w = &text[start..i];
+ let class = if is_command(w) {
+ Class::SCommand
+ } else if w.len() >= 2 && w.starts_with('\\') {
+ Class::SEscape
+ } else if w.starts_with('⟨') {
+ Class::SLiteral
+ } else if library.contains(w) {
+ Class::SLibrary
+ } else if w.parse::<f64>().is_ok() {
+ Class::SNumber
+ } else if w.starts_with(':') && w.len() > 1 {
+ Class::SLocal
+ } else {
+ Class::Plain
+ };
+ out[start..i].fill(class);
+ // a suffix form: its last character marked
+ if !matches!(class, Class::SCommand | Class::SEscape | Class::SLiteral)
+ && w.chars().count() >= 2
+ && let Some(last) = w.chars().last()
+ && SUFFIXES.contains(&last)
+ {
+ let at = i - last.len_utf8();
+ out[at..i].fill(Class::SSuffix);
+ }
+ }
+ out
+}
+
+/// s code as the colour layer's html
+pub fn s_html(text: &str, colour: bool) -> String {
+ s_html_with(text, colour, &std::collections::BTreeMap::new(), None)
+}
+
+/// s code as the colour layer's html, with what the code editor adds: inline results at
+/// the start of their lines (`notes`, by line; drawn at the pad's left edge without
+/// moving the text) and the token a stepped run stopped before (`at`, marked)
+pub fn s_html_with(
+ text: &str,
+ colour: bool,
+ notes: &std::collections::BTreeMap<usize, String>,
+ at: Option<std::ops::Range<usize>>,
+) -> String {
+ let classes = if colour {
+ s_classes(text)
+ } else {
+ vec![Class::Plain; text.len()]
+ };
+ let at = at.filter(|r| {
+ r.start < r.end && r.end <= text.len() && text.is_char_boundary(r.start) && text.is_char_boundary(r.end)
+ });
+ let cut = |i: usize| {
+ at.as_ref().is_some_and(|r| r.start == i || r.end == i) || (i > 0 && text.as_bytes()[i - 1] == b'\n')
+ };
+ let mut out = String::with_capacity(text.len() * 2);
+ let mut line = 0;
+ let mut a = 0;
+ if text.is_empty()
+ && let Some(n) = notes.get(&0)
+ {
+ note_html(n, &mut out);
+ }
+ while a < text.len() {
+ if a == 0 || text.as_bytes()[a - 1] == b'\n' {
+ if a > 0 {
+ line += 1;
+ }
+ if let Some(n) = notes.get(&line) {
+ note_html(n, &mut out);
+ }
+ }
+ if at.as_ref().is_some_and(|r| r.start == a) {
+ out.push_str("<mark class=\"s-at\">");
+ }
+ let mut b = a + 1;
+ while b < text.len() && !cut(b) && (classes[b] == classes[a] || !text.is_char_boundary(b)) {
+ b += 1;
+ }
+ let css = classes[a].css();
+ if css.is_empty() {
+ escape(&text[a..b], &mut out);
+ } else {
+ out.push_str("<span class=\"");
+ out.push_str(css);
+ out.push_str("\">");
+ escape(&text[a..b], &mut out);
+ out.push_str("</span>");
+ }
+ if at.as_ref().is_some_and(|r| r.end == b) {
+ out.push_str("</mark>");
+ }
+ a = b;
+ }
+ out
+}
+
+/// an inline result: drawn at the line's start, at the pad's left edge, taking no room
+fn note_html(n: &str, out: &mut String) {
+ out.push_str("<span class=\"s-note\" aria-hidden=\"true\">");
+ escape(n, out);
+ out.push_str("</span>");
+}
+
+#[cfg(test)]
+pub fn to_html(text: &str, colour: bool, flags: &[Flag]) -> String {
+ let mut out = part_html(text, colour, flags);
+ // a last empty line keeps its height in the layer
+ if text.ends_with('\n') || text.is_empty() {
+ out.push(' ');
+ }
+ out
+}
+
+/// `to_html` of one segment of a text (`segments`): the same, without the space a whole
+/// text's empty last line gets
+pub fn part_html(text: &str, colour: bool, flags: &[Flag]) -> String {
+ let classes = if colour {
+ classify(text)
+ } else {
+ vec![Class::Plain; text.len()]
+ };
+ let mut out = String::with_capacity(text.len() * 2);
+ // the boundaries: where the class changes or a flag starts or ends
+ let mut cuts: Vec<usize> = vec![0, text.len()];
+ for i in 1..text.len() {
+ if classes[i] != classes[i - 1] {
+ cuts.push(i);
+ }
+ }
+ for f in flags {
+ cuts.push(f.start.min(text.len()));
+ cuts.push(f.end.min(text.len()));
+ }
+ cuts.retain(|&c| text.is_char_boundary(c));
+ cuts.sort_unstable();
+ cuts.dedup();
+ for w in cuts.windows(2) {
+ let (a, b) = (w[0], w[1]);
+ if a == b {
+ continue;
+ }
+ let piece = &text[a..b];
+ let flag = flags.iter().find(|f| f.start <= a && b <= f.end);
+ if let Some(f) = flag {
+ out.push_str("<mark class=\"flag ");
+ out.push_str(f.kind);
+ out.push_str("\" title=\"");
+ escape(&f.title, &mut out);
+ out.push_str("\">");
+ }
+ let css = classes[a].css();
+ if css.is_empty() {
+ escape(piece, &mut out);
+ } else {
+ out.push_str("<span class=\"");
+ out.push_str(css);
+ out.push_str("\">");
+ escape(piece, &mut out);
+ out.push_str("</span>");
+ }
+ if flag.is_some() {
+ out.push_str("</mark>");
+ }
+ }
+ out
+}
+
+#[cfg(test)]
+mod segment_tests {
+ use super::*;
+
+ #[test]
+ fn segments_join_to_the_text_and_colour_it_the_same() {
+ let texts = [
+ "# Title\n\nA *line* with `code`.\n\n- a list\n- more\n\n\n```rust\nfn x() {}\n\nlet y = 1;\n```\n\nafter **the** fence\n\n| a | b |\n|---|---|\n| 1 | 2 |\n\n indented\n\n> quote\n",
+ "",
+ "one line",
+ "\n\n\nstarts blank\n\nends blank\n\n",
+ "~~~\nopen fence\n\nnever closed\n\nstill code",
+ ];
+ for t in texts {
+ let segs = segments(t);
+ assert_eq!(segs.concat(), t);
+ let mut joined: String = segs.iter().map(|s| part_html(s, true, &[])).collect();
+ if t.ends_with('\n') || t.is_empty() {
+ joined.push(' ');
+ }
+ assert_eq!(joined, to_html(t, true, &[]), "{t:?} in {} segments", segs.len());
+ }
+ assert!(segments(texts[0]).len() >= 6);
+ }
+
+ #[test]
+ fn edits_recolour_only_around_them_and_match_a_whole_colouring() {
+ let mut t = String::from("# T\n\npara one\n\npara two\n\n- list\n\n```\ncode\n```\n\nend *here*\n");
+ let mut l = Layer::default();
+ l.full(&t, true, &[]);
+ // (at, delete, insert): typing, a blank line splitting a paragraph, joining two,
+ // opening a fence that runs to the end, closing it, deleting everything
+ let edits: Vec<(usize, usize, &str)> = vec![
+ (9, 0, "x"),
+ (12, 0, "\n\nnew para "),
+ (8, 3, ""),
+ (2, 0, "\n```\n"),
+ (0, 0, "```\n\n"),
+ (0, 0, "intro\n\n"),
+ ];
+ for (at, del, ins) in edits {
+ let at = at.min(t.len());
+ let b = (at + del).min(t.len());
+ let (i, went, html) = l.edit(at, b, ins, true).expect("an edit");
+ t.replace_range(at..b, ins);
+ assert_eq!(l.text(), t);
+ assert!(went >= 1 && i < l.segs.len());
+ // the layer's segments are exactly a fresh cut of the text, coloured the same
+ let fresh: Vec<&str> = segments(&t);
+ assert_eq!(
+ l.segs.iter().map(String::as_str).collect::<Vec<_>>(),
+ fresh,
+ "after {ins:?}"
+ );
+ let _ = html;
+ }
+ let all = t.len();
+ l.edit(0, all, "", true).unwrap();
+ assert_eq!(l.text(), "");
+ }
+}
+
+#[cfg(test)]
+mod tests {
+ use super::*;
+ use Class::*;
+
+ /// the classes of `text` as a string of letters, one per byte
+ fn show(text: &str) -> String {
+ classify(text)
+ .iter()
+ .map(|c| match c {
+ Plain => '.',
+ Mark => 'm',
+ Heading => 'H',
+ Strong => 'S',
+ Emph => 'E',
+ Strike => 'x',
+ Code => 'c',
+ Link => 'L',
+ Url => 'u',
+ List => 'l',
+ Quote => 'q',
+ Table => 't',
+ Tag => 'g',
+ Rule => 'r',
+ SCommand => 'C',
+ SSuffix => '$',
+ SLiteral => '{',
+ SLocal => 'v',
+ SNumber => '9',
+ SLibrary => 'b',
+ SEscape => '\\',
+ })
+ .collect()
+ }
+
+ #[test]
+ fn headings_and_emphasis() {
+ assert_eq!(show("# Title"), "mHHHHHH");
+ assert_eq!(show("#tag here"), "gggg.....");
+ assert_eq!(show("a **b** c"), "..mmSmm..");
+ assert_eq!(show("*i* _j_"), "mEm.mEm");
+ assert_eq!(show("snake_case_name"), "...............");
+ assert_eq!(show("~~no~~"), "mmxxmm");
+ assert_eq!(show("2 * 3 * 4"), ".........");
+ }
+
+ #[test]
+ fn code_links_and_tags() {
+ assert_eq!(show("a `b*c*` d"), "..mccccm..");
+ assert_eq!(show("[t](u)"), "mLmmum");
+ assert_eq!(show("see #rust."), "....ggggg.");
+ assert_eq!(show("x https://a.b y"), "..uuuuuuuuuuu..");
+ assert_eq!(show("```\nlet *a*\n```\nz"), "mmm.ccccccc.mmm..");
+ }
+
+ #[test]
+ fn blocks() {
+ assert_eq!(show("- item"), "l.....");
+ assert_eq!(show("12. x"), "lll..");
+ assert_eq!(show("> q *e*"), "q.qqmEm");
+ assert_eq!(show("|a|b|\n|-|-|"), "t.t.t.ttttt");
+ assert_eq!(show("---"), "rrr");
+ assert_eq!(show(" code"), "cccccccc");
+ }
+
+ #[test]
+ fn html() {
+ assert_eq!(
+ to_html("# T", true, &[]),
+ "<span class=\"h-m\">#</span><span class=\"h-h\"> T</span>"
+ );
+ assert_eq!(to_html("a<b\n", false, &[]), "a<b\n ");
+ let f = Flag {
+ start: 2,
+ end: 5,
+ kind: "spell",
+ title: String::new(),
+ };
+ assert_eq!(
+ to_html("a teh b", false, &[f]),
+ "a <mark class=\"flag spell\" title=\"\">teh</mark> b"
+ );
+ // a flag never cuts a character in two
+ let f = Flag {
+ start: 1,
+ end: 2,
+ kind: "spell",
+ title: String::new(),
+ };
+ assert!(to_html("é", false, &[f]).contains('é'));
+ }
+
+ #[test]
+ fn every_byte_gets_a_class() {
+ for t in [
+ "",
+ "é **ü** `ß`",
+ "[unclosed",
+ "**",
+ "` `",
+ "# ",
+ "> ",
+ "|",
+ "\n\n",
+ "- [x] done",
+ ] {
+ assert_eq!(classify(t).len(), t.len());
+ }
+ }
+}
+
+#[cfg(test)]
+mod timing {
+ /// `cargo test -p anend-app --release long_text_timing -- --ignored --nocapture`
+ #[test]
+ #[ignore]
+ fn long_text_timing() {
+ let para = "The path went on past the quarry and the orchard, and the **light** fell on [[stones]] and plums. ";
+ let mut t = String::from("# Long\n\n");
+ for i in 0..6000 {
+ if i % 8 == 7 {
+ t.push_str(&format!("\n\n## part {i}\n\n"));
+ } else {
+ t.push_str(para);
+ }
+ }
+ let a = std::time::Instant::now();
+ let h = super::to_html(&t, true, &[]);
+ eprintln!("{} bytes -> {} in {:?}", t.len(), h.len(), a.elapsed());
+ }
+
+ /// s code coloured by word class: commands, suffix forms, literals, numbers, locals
+ #[test]
+ fn s_word_classes() {
+ use super::Class::*;
+ use super::{s_classes, s_html};
+ let t = "{hi} 3 a# :x >";
+ let c: String = s_classes(t)
+ .iter()
+ .map(|c| match c {
+ SCommand => 'C',
+ SSuffix => '$',
+ SLiteral => '{',
+ SLocal => 'v',
+ SNumber => '9',
+ _ => '.',
+ })
+ .collect();
+ assert_eq!(c, "{{{{.9..$.vv.C");
+ assert!(s_html("{a} <", true).contains("h-sl"));
+ let mut notes = std::collections::BTreeMap::new();
+ notes.insert(1, "out".to_string());
+ let h = super::s_html_with("a >\nb >", true, ¬es, Some(2..3));
+ assert!(h.contains("<mark class=\"s-at\">"), "{h}");
+ let i = h.find("s-note").unwrap();
+ assert!(
+ h[..i].contains('\n') && !h[..i].contains("b"),
+ "the note starts line 2: {h}"
+ );
+ }
+}
diff --git a/app/src/hubnet.rs b/app/src/hubnet.rs
new file mode 100644
index 00000000..3605a3c5
--- /dev/null
+++ b/app/src/hubnet.rs
@@ -0,0 +1,275 @@
+//! Talking to an anend hub over HTTP (docs/hub-api.md), as the Bevy app's hub.rs did: what
+//! a hub sends is untrusted (links must stay on the hub, sizes are capped, names are
+//! cleaned before they touch the disk). The desktop calls with ureq on a blocking thread;
+//! the web build with the page's `fetch` (its own hub, or another that allows it).
+
+use serde_json::Value;
+
+/// the biggest save a download may be
+#[cfg_attr(target_arch = "wasm32", allow(dead_code))]
+pub const MAX_DOWNLOAD: u64 = 256 << 20;
+/// the biggest JSON answer read
+const MAX_JSON: u64 = 4 << 20;
+
+/// a typed hub address made tidy: `http(s)://host[:port][/path]` without the trailing `/`
+pub fn base(url: &str) -> Result<String, String> {
+ let u = url.trim().trim_end_matches('/');
+ let rest = u
+ .strip_prefix("http://")
+ .or_else(|| u.strip_prefix("https://"))
+ .ok_or("a hub's address starts with http:// or https://")?;
+ if rest.is_empty() || rest.starts_with('/') {
+ return Err("the hub's address needs a host".into());
+ }
+ if u.chars().any(|c| c.is_whitespace() || c.is_control()) || u.contains(['?', '#']) {
+ return Err("the hub's address has odd characters in it".into());
+ }
+ Ok(u.to_string())
+}
+
+/// a path on the hub; a path the hub sent can't lead anywhere else
+pub fn join(hub: &str, path: &str) -> Result<String, String> {
+ let b = base(hub)?;
+ if !path.starts_with('/')
+ || path.starts_with("//")
+ || path.contains("..")
+ || path.contains('\\')
+ || path.chars().any(|c| c.is_whitespace() || c.is_control())
+ {
+ return Err("the hub sent a bad link".into());
+ }
+ Ok(format!("{b}{path}"))
+}
+
+/// percent-encodes a query value
+pub fn encode(s: &str) -> String {
+ let mut out = String::new();
+ for b in s.bytes() {
+ if b.is_ascii_alphanumeric() || b"-_.~".contains(&b) {
+ out.push(b as char);
+ } else {
+ out.push_str(&format!("%{b:02X}"));
+ }
+ }
+ out
+}
+
+/// a hub's ids are lowercase letters and digits
+pub fn id_ok(id: &str) -> bool {
+ (1..=16).contains(&id.len()) && id.bytes().all(|b| b.is_ascii_lowercase() || b.is_ascii_digit())
+}
+
+/// a multipart/form-data body of text fields and one file, and its content type
+pub fn multipart(fields: &[(&str, &str)], file: (&str, &str, &[u8])) -> (String, Vec<u8>) {
+ let mut seed = (crate::ui::now_ms() as u64).wrapping_mul(2654435761) | 1;
+ let boundary = loop {
+ seed ^= seed << 13;
+ seed ^= seed >> 7;
+ seed ^= seed << 17;
+ let b = format!("anend-{seed:016x}");
+ if !file.2.windows(b.len()).any(|w| w == b.as_bytes()) {
+ break b;
+ }
+ };
+ let q = |s: &str| -> String {
+ s.chars()
+ .map(|c| {
+ if c == '"' || c == '\\' || c.is_control() {
+ '_'
+ } else {
+ c
+ }
+ })
+ .collect()
+ };
+ let mut body = Vec::new();
+ for (name, value) in fields {
+ body.extend_from_slice(
+ format!(
+ "--{boundary}\r\nContent-Disposition: form-data; name=\"{}\"\r\n\r\n{value}\r\n",
+ q(name)
+ )
+ .as_bytes(),
+ );
+ }
+ let (field, filename, bytes) = file;
+ body.extend_from_slice(
+ format!(
+ "--{boundary}\r\nContent-Disposition: form-data; name=\"{}\"; filename=\"{}\"\r\nContent-Type: application/octet-stream\r\n\r\n",
+ q(field),
+ q(filename)
+ )
+ .as_bytes(),
+ );
+ body.extend_from_slice(bytes);
+ body.extend_from_slice(format!("\r\n--{boundary}--\r\n").as_bytes());
+ (format!("multipart/form-data; boundary={boundary}"), body)
+}
+
+/// the hub's own words for a failed call, or its status
+fn failure(status: u16, body: &[u8]) -> String {
+ let said = serde_json::from_slice::<Value>(body)
+ .ok()
+ .and_then(|v| v["error"].as_str().map(str::to_string))
+ .unwrap_or_default();
+ let said: String = said.chars().filter(|c| !c.is_control()).take(200).collect();
+ match (status, said.trim()) {
+ (401, "") => "the hub didn't take the token (401)".into(),
+ (413, "") => "that's bigger than the hub takes (413)".into(),
+ (_, "") => format!("the hub answered {status}"),
+ (_, s) => format!("{s} ({status})"),
+ }
+}
+
+/// one call: the status and the body (cut off past `limit`, which is an error)
+#[cfg(not(target_arch = "wasm32"))]
+async fn request(
+ method: &'static str,
+ url: String,
+ token: Option<String>,
+ body: Option<(String, Vec<u8>)>,
+ limit: u64,
+) -> Result<(u16, Vec<u8>), String> {
+ tokio::task::spawn_blocking(move || {
+ use std::io::Read;
+ use std::time::Duration;
+ let agent: ureq::Agent = ureq::Agent::config_builder()
+ .timeout_connect(Some(Duration::from_secs(10)))
+ .timeout_global(Some(Duration::from_secs(15 * 60)))
+ .http_status_as_error(false)
+ .user_agent(concat!("anend/", env!("CARGO_PKG_VERSION")))
+ .build()
+ .into();
+ let auth = token.map(|t| format!("Bearer {}", t.trim()));
+ let resp = match (method, body) {
+ ("POST", Some((kind, bytes))) => {
+ let mut req = agent.post(&url).content_type(kind);
+ if let Some(a) = &auth {
+ req = req.header("Authorization", a);
+ }
+ req.send(&bytes[..])
+ }
+ ("POST", None) => {
+ let mut req = agent.post(&url);
+ if let Some(a) = &auth {
+ req = req.header("Authorization", a);
+ }
+ req.send_empty()
+ }
+ _ => {
+ let mut req = agent.get(&url);
+ if let Some(a) = &auth {
+ req = req.header("Authorization", a);
+ }
+ req.call()
+ }
+ };
+ let resp = resp.map_err(|e| match e {
+ ureq::Error::Timeout(_) => "the hub took too long to answer".to_string(),
+ ureq::Error::ConnectionFailed | ureq::Error::HostNotFound => "couldn't reach the hub".into(),
+ e => format!("couldn't reach the hub: {e}"),
+ })?;
+ let status = resp.status().as_u16();
+ let mut out = Vec::new();
+ resp.into_body()
+ .into_reader()
+ .take(limit + 1)
+ .read_to_end(&mut out)
+ .map_err(|e| format!("the answer broke off: {e}"))?;
+ if out.len() as u64 > limit {
+ return Err("the hub sent too much".to_string());
+ }
+ Ok((status, out))
+ })
+ .await
+ .map_err(|e| e.to_string())?
+}
+
+#[cfg(target_arch = "wasm32")]
+async fn request(
+ method: &'static str,
+ url: String,
+ token: Option<String>,
+ body: Option<(String, Vec<u8>)>,
+ limit: u64,
+) -> Result<(u16, Vec<u8>), String> {
+ // the page's fetch, the body going in and out as base64
+ let b64 = body.as_ref().map(|(_, b)| crate::fonts::base64(b)).unwrap_or_default();
+ let kind = body.as_ref().map(|(k, _)| k.clone()).unwrap_or_default();
+ let js = format!(
+ r#"(async () => {{
+ try {{
+ const h = {{}};
+ const tok = {tok}; if (tok) h['Authorization'] = 'Bearer ' + tok;
+ const kind = {kind}; const b64 = {b64};
+ let body;
+ if (b64) {{ h['Content-Type'] = kind; body = Uint8Array.from(atob(b64), (c) => c.charCodeAt(0)); }}
+ const r = await fetch({url}, {{ method: {method}, headers: h, body, credentials: 'same-origin' }});
+ const buf = new Uint8Array(await r.arrayBuffer());
+ if (buf.length > {limit}) {{ dioxus.send({{ error: 'the hub sent too much' }}); return; }}
+ let s = ''; for (let i = 0; i < buf.length; i += 32768) s += String.fromCharCode.apply(null, buf.subarray(i, i + 32768));
+ dioxus.send({{ status: r.status, body: btoa(s) }});
+ }} catch (e) {{ dioxus.send({{ error: 'couldn\'t reach the hub: ' + (e && e.message || e) }}); }}
+}})();"#,
+ tok = serde_json::to_string(&token.unwrap_or_default()).unwrap_or_default(),
+ kind = serde_json::to_string(&kind).unwrap_or_default(),
+ b64 = serde_json::to_string(&b64).unwrap_or_default(),
+ url = serde_json::to_string(&url).unwrap_or_default(),
+ method = serde_json::to_string(method).unwrap_or_default(),
+ );
+ let mut ev = dioxus::prelude::document::eval(&js);
+ let v: Value = ev.recv().await.map_err(|e| format!("{e:?}"))?;
+ if let Some(e) = v["error"].as_str() {
+ return Err(e.to_string());
+ }
+ let body = crate::fonts::unbase64(v["body"].as_str().unwrap_or("")).ok_or("the answer didn't read")?;
+ Ok((v["status"].as_u64().unwrap_or(0) as u16, body))
+}
+
+pub async fn get_json(url: String, token: Option<String>) -> Result<Value, String> {
+ let (s, b) = request("GET", url, token, None, MAX_JSON).await?;
+ if !(200..300).contains(&s) {
+ return Err(failure(s, &b));
+ }
+ serde_json::from_slice(&b).map_err(|e| format!("the hub sent something odd: {e}"))
+}
+
+#[cfg_attr(target_arch = "wasm32", allow(dead_code))]
+pub async fn get_bytes(url: String, limit: u64) -> Result<Vec<u8>, String> {
+ let (s, b) = request("GET", url, None, None, limit).await?;
+ if !(200..300).contains(&s) {
+ return Err(failure(s, &b));
+ }
+ Ok(b)
+}
+
+pub async fn post(url: String, token: Option<String>, body: Option<(String, Vec<u8>)>) -> Result<Value, String> {
+ let (s, b) = request("POST", url, token, body, MAX_JSON).await?;
+ if !(200..300).contains(&s) {
+ return Err(failure(s, &b));
+ }
+ Ok(serde_json::from_slice(&b).unwrap_or(Value::Null))
+}
+
+#[cfg(test)]
+mod tests {
+ use super::*;
+
+ #[test]
+ fn urls_stay_on_the_hub() {
+ assert_eq!(base(" http://a.b:8080/ ").unwrap(), "http://a.b:8080");
+ assert!(base("ftp://a").is_err() && base("http://").is_err() && base("http://a b").is_err());
+ assert_eq!(join("http://a.b", "/api/saves").unwrap(), "http://a.b/api/saves");
+ for bad in ["api", "//evil.org/x", "/../x", "/a b"] {
+ assert!(join("http://a.b", bad).is_err(), "{bad}");
+ }
+ assert_eq!(encode("a b&c"), "a%20b%26c");
+ assert!(id_ok("ab12") && !id_ok("AB") && !id_ok("../x"));
+ let (kind, body) = multipart(&[("name", "x\"y")], ("file", "f.redb", b"data"));
+ let s = String::from_utf8_lossy(&body);
+ assert!(kind.starts_with("multipart/form-data; boundary=anend-"));
+ assert!(
+ s.contains("name=\"name\"\r\n\r\nx\"y") && s.contains("filename=\"f.redb\"") && s.contains("data\r\n--")
+ );
+ }
+}
diff --git a/app/src/icons.rs b/app/src/icons.rs
new file mode 100644
index 00000000..2095fd94
--- /dev/null
+++ b/app/src/icons.rs
@@ -0,0 +1,73 @@
+//! The shared line icons (assets/icons), drawn in the text colour. The app's own icon is the window's and the web tab's, not the views'.
+
+/// an icon's svg by name; unknown names draw nothing
+pub fn svg(name: &str) -> &'static str {
+ match name {
+ "alert" => include_str!("../../assets/icons/alert.svg"),
+ "and" => include_str!("../../assets/icons/and.svg"),
+ "bolt" => include_str!("../../assets/icons/bolt.svg"),
+ "bucket" => include_str!("../../assets/icons/bucket.svg"),
+ "check" => include_str!("../../assets/icons/check.svg"),
+ "chevron-left" => include_str!("../../assets/icons/chevron-left.svg"),
+ "chevron-right" => include_str!("../../assets/icons/chevron-right.svg"),
+ "classifier" => include_str!("../../assets/icons/classifier.svg"),
+ "close" => include_str!("../../assets/icons/close.svg"),
+ "copy" => include_str!("../../assets/icons/copy.svg"),
+ "cube" => include_str!("../../assets/icons/cube.svg"),
+ "delete" => include_str!("../../assets/icons/delete.svg"),
+ "prefab" => include_str!("../../assets/icons/prefab.svg"),
+ "download" => include_str!("../../assets/icons/download.svg"),
+ "edit" => include_str!("../../assets/icons/edit.svg"),
+ "editor" => include_str!("../../assets/icons/editor.svg"),
+ "export" => include_str!("../../assets/icons/export.svg"),
+ "eye-off" => include_str!("../../assets/icons/eye-off.svg"),
+ "filter" => include_str!("../../assets/icons/filter.svg"),
+ "folder" => include_str!("../../assets/icons/folder.svg"),
+ "font" => include_str!("../../assets/icons/font.svg"),
+ "forge" => include_str!("../../assets/icons/forge.svg"),
+ "hash" => include_str!("../../assets/icons/hash.svg"),
+ "help" => include_str!("../../assets/icons/help.svg"),
+ "home" => include_str!("../../assets/icons/home.svg"),
+ "hub" => include_str!("../../assets/icons/hub.svg"),
+ "image" => include_str!("../../assets/icons/image.svg"),
+ "keys" => include_str!("../../assets/icons/keys.svg"),
+ "link" => include_str!("../../assets/icons/link.svg"),
+ "list" => include_str!("../../assets/icons/list.svg"),
+ "memory" => include_str!("../../assets/icons/memory.svg"),
+ "merge" => include_str!("../../assets/icons/merge.svg"),
+ "near" => include_str!("../../assets/icons/near.svg"),
+ "new" => include_str!("../../assets/icons/new.svg"),
+ "not" => include_str!("../../assets/icons/not.svg"),
+ "open" => include_str!("../../assets/icons/open.svg"),
+ "or" => include_str!("../../assets/icons/or.svg"),
+ "palette" => include_str!("../../assets/icons/palette.svg"),
+ "pause" => include_str!("../../assets/icons/pause.svg"),
+ "pick" => include_str!("../../assets/icons/pick.svg"),
+ "pin" => include_str!("../../assets/icons/pin.svg"),
+ "play" => include_str!("../../assets/icons/play.svg"),
+ "reader" => include_str!("../../assets/icons/reader.svg"),
+ "refresh" => include_str!("../../assets/icons/refresh.svg"),
+ "rename" => include_str!("../../assets/icons/rename.svg"),
+ "save" => include_str!("../../assets/icons/save.svg"),
+ "search" => include_str!("../../assets/icons/search.svg"),
+ "settings" => include_str!("../../assets/icons/settings.svg"),
+ "shield" => include_str!("../../assets/icons/shield.svg"),
+ "sidebar" => include_str!("../../assets/icons/sidebar.svg"),
+ "sliders" => include_str!("../../assets/icons/sliders.svg"),
+ "sound" => include_str!("../../assets/icons/sound.svg"),
+ "sort" => include_str!("../../assets/icons/sort.svg"),
+ "space" => include_str!("../../assets/icons/space.svg"),
+ "star" => include_str!("../../assets/icons/star.svg"),
+ "stats" => include_str!("../../assets/icons/stats.svg"),
+ "sun" => include_str!("../../assets/icons/sun.svg"),
+ "swap" => include_str!("../../assets/icons/swap.svg"),
+ "tag" => include_str!("../../assets/icons/tag.svg"),
+ "tags" => include_str!("../../assets/icons/tags.svg"),
+ "text" => include_str!("../../assets/icons/text.svg"),
+ "undo" => include_str!("../../assets/icons/undo.svg"),
+ "upload" => include_str!("../../assets/icons/upload.svg"),
+ "view" => include_str!("../../assets/icons/view.svg"),
+ "zen" => include_str!("../../assets/icons/zen.svg"),
+ _ => "",
+ }
+}
diff --git a/app/src/keys.rs b/app/src/keys.rs
new file mode 100644
index 00000000..ed1a3acd
--- /dev/null
+++ b/app/src/keys.rs
@@ -0,0 +1,763 @@
+//! Rebindable keys, as the Bevy app had them (its keys.rs): every keyboard action has a
+//! binding (a key and its modifiers) that the keys menu in the settings changes; the
+//! changes are kept in the app's settings file (`Prefs::keymap`, only the ones that differ
+//! from the defaults), so they stay whichever save is open, on the desktop and the web.
+//!
+//! Keys are named by where they sit (the `code` of a key event: `KeyW` is W on any layout),
+//! like Bevy's `KeyCode`. Bindings with Ctrl or Alt work everywhere, even while typing;
+//! plain keys only act while no text box has focus. Each action has a scope: global, or
+//! one view; two actions only clash (and swap when one takes the other's key) when both
+//! can be pressed in the same place.
+
+use std::collections::BTreeMap;
+
+use crate::ui::View;
+
+#[derive(Clone, Copy, Debug, PartialEq, Eq, Hash, PartialOrd, Ord)]
+pub enum Action {
+ // everywhere
+ GotoMemory,
+ GotoSpace,
+ GotoLists,
+ GotoReader,
+ GotoNotes,
+ GotoTags,
+ GotoStats,
+ GotoModels,
+ GotoFilters,
+ OpenSettings,
+ OpenKeys,
+ FocusBar,
+ Undo,
+ ZoomIn,
+ ZoomOut,
+ ZoomReset,
+ // notes
+ Save,
+ NewNote,
+ ToggleRead,
+ ToggleList,
+ NoteClassifiers,
+ ToggleCheck,
+ // memory
+ BucketOrdinal,
+ BucketReversed,
+ BucketFrequency,
+ ToggleGsearch,
+ ToggleSaturate,
+ WhiteMode,
+ Letters,
+ ClassifierSearch,
+ WordTypes,
+ SideOrdinal,
+ SideReversed,
+ SideFrequency,
+ // space
+ FlyForward,
+ FlyBack,
+ FlyLeft,
+ FlyRight,
+ FlyUp,
+ FlyDown,
+ RollLeft,
+ RollRight,
+ Level,
+ BackToStart,
+ Slower,
+ Faster,
+ Walk,
+ SuperFlight,
+ Grapple,
+ Sneak,
+ NewText,
+ EditText,
+ DeleteText,
+ CopyText,
+ Group,
+ Ungroup,
+ WireMode,
+ Reversed,
+ Pin,
+ Physics,
+ Pause,
+ Settle,
+ SideSum,
+ SideReversedSum,
+ Help,
+ Hud,
+ Details,
+ Export,
+ SaveMap,
+ // reader
+ ReadPrev,
+ ReadNext,
+}
+
+/// where an action's key works
+#[derive(Clone, Copy, Debug, PartialEq, Eq)]
+pub enum Scope {
+ Global,
+ In(View),
+}
+
+impl Scope {
+ /// whether two actions can be pressed in the same place, so can't share a key
+ pub fn overlaps(self, other: Scope) -> bool {
+ self == other || self == Scope::Global || other == Scope::Global
+ }
+
+ pub fn name(self) -> &'static str {
+ match self {
+ Scope::Global => "everywhere",
+ Scope::In(v) => v.name(),
+ }
+ }
+}
+
+use Action::*;
+
+impl Action {
+ pub const ALL: [Action; 71] = [
+ GotoMemory,
+ GotoSpace,
+ GotoLists,
+ GotoReader,
+ GotoNotes,
+ GotoTags,
+ GotoStats,
+ GotoModels,
+ GotoFilters,
+ OpenSettings,
+ OpenKeys,
+ FocusBar,
+ Undo,
+ ZoomIn,
+ ZoomOut,
+ ZoomReset,
+ Save,
+ NewNote,
+ ToggleRead,
+ ToggleList,
+ NoteClassifiers,
+ ToggleCheck,
+ BucketOrdinal,
+ BucketReversed,
+ BucketFrequency,
+ ToggleGsearch,
+ ToggleSaturate,
+ WhiteMode,
+ Letters,
+ ClassifierSearch,
+ WordTypes,
+ SideOrdinal,
+ SideReversed,
+ SideFrequency,
+ FlyForward,
+ FlyBack,
+ FlyLeft,
+ FlyRight,
+ FlyUp,
+ FlyDown,
+ RollLeft,
+ RollRight,
+ Level,
+ BackToStart,
+ Slower,
+ Faster,
+ Walk,
+ SuperFlight,
+ Grapple,
+ Sneak,
+ NewText,
+ EditText,
+ DeleteText,
+ CopyText,
+ Group,
+ Ungroup,
+ WireMode,
+ Reversed,
+ Pin,
+ Physics,
+ Pause,
+ Settle,
+ SideSum,
+ SideReversedSum,
+ Help,
+ Hud,
+ Details,
+ Export,
+ SaveMap,
+ ReadPrev,
+ ReadNext,
+ ];
+
+ pub fn scope(self) -> Scope {
+ match self {
+ GotoMemory | GotoSpace | GotoLists | GotoReader | GotoNotes | GotoTags | GotoStats | GotoModels
+ | GotoFilters | OpenSettings | OpenKeys | FocusBar | Undo | ZoomIn | ZoomOut | ZoomReset => Scope::Global,
+ Save | NewNote | ToggleRead | ToggleList | NoteClassifiers | ToggleCheck => Scope::In(View::Notes),
+ BucketOrdinal | BucketReversed | BucketFrequency | ToggleGsearch | ToggleSaturate | WhiteMode | Letters
+ | ClassifierSearch | WordTypes | SideOrdinal | SideReversed | SideFrequency => Scope::In(View::Memory),
+ ReadPrev | ReadNext => Scope::In(View::Reader),
+ _ => Scope::In(View::Space),
+ }
+ }
+
+ /// the space's flying keys act while held (space.js reads them), not on a press
+ pub fn held(self) -> bool {
+ matches!(
+ self,
+ FlyForward | FlyBack | FlyLeft | FlyRight | FlyUp | FlyDown | RollLeft | RollRight | Sneak
+ )
+ }
+
+ /// the stable name kept in the settings file
+ pub fn id(self) -> &'static str {
+ match self {
+ GotoMemory => "goto_memory",
+ GotoSpace => "goto_space",
+ GotoLists => "goto_lists",
+ GotoReader => "goto_reader",
+ GotoNotes => "goto_notes",
+ GotoTags => "goto_tags",
+ GotoStats => "goto_stats",
+ GotoModels => "goto_models",
+ GotoFilters => "goto_filters",
+ OpenSettings => "open_settings",
+ OpenKeys => "open_keys",
+ FocusBar => "focus_bar",
+ Undo => "undo",
+ ZoomIn => "zoom_in",
+ ZoomOut => "zoom_out",
+ ZoomReset => "zoom_reset",
+ Save => "save",
+ NewNote => "new_note",
+ ToggleRead => "toggle_read",
+ ToggleList => "toggle_list",
+ NoteClassifiers => "note_classifiers",
+ ToggleCheck => "toggle_check",
+ BucketOrdinal => "bucket_ordinal",
+ BucketReversed => "bucket_reversed",
+ BucketFrequency => "bucket_frequency",
+ ToggleGsearch => "toggle_gsearch",
+ ToggleSaturate => "toggle_saturate",
+ WhiteMode => "white_mode",
+ Letters => "letters",
+ ClassifierSearch => "classifier_search",
+ WordTypes => "word_types",
+ SideOrdinal => "side_ordinal",
+ SideReversed => "side_reversed",
+ SideFrequency => "side_frequency",
+ FlyForward => "fly_forward",
+ FlyBack => "fly_back",
+ FlyLeft => "fly_left",
+ FlyRight => "fly_right",
+ FlyUp => "fly_up",
+ FlyDown => "fly_down",
+ RollLeft => "roll_left",
+ RollRight => "roll_right",
+ Level => "level",
+ BackToStart => "back_to_start",
+ Slower => "slower",
+ Faster => "faster",
+ Walk => "walk",
+ SuperFlight => "superflight",
+ Grapple => "grapple",
+ Sneak => "sneak",
+ NewText => "new_text",
+ EditText => "edit_text",
+ DeleteText => "delete_text",
+ CopyText => "copy_text",
+ Group => "group",
+ Ungroup => "ungroup",
+ WireMode => "wire_mode",
+ Reversed => "reversed",
+ Pin => "pin",
+ Physics => "physics",
+ Pause => "pause",
+ Settle => "settle",
+ SideSum => "side_sum",
+ SideReversedSum => "side_reversed_sum",
+ Help => "help",
+ Hud => "hud",
+ Details => "details",
+ Export => "export",
+ SaveMap => "save_map",
+ ReadPrev => "read_prev",
+ ReadNext => "read_next",
+ }
+ }
+
+ pub fn label(self) -> &'static str {
+ match self {
+ GotoMemory => "go to memory",
+ GotoSpace => "go to the space",
+ GotoLists => "go to the lists",
+ GotoReader => "go to the reader",
+ GotoNotes => "go to the notes",
+ GotoTags => "go to the tags",
+ GotoStats => "go to stats",
+ GotoModels => "go to the models (classifiers)",
+ GotoFilters => "go to the filters",
+ OpenSettings => "open the settings",
+ OpenKeys => "open this keys menu",
+ FocusBar => "focus the command bar",
+ Undo => "take back the latest action",
+ ZoomIn => "zoom in",
+ ZoomOut => "zoom out",
+ ZoomReset => "zoom back to 100%",
+ Save => "save the note",
+ NewNote => "new note",
+ ToggleRead => "read / edit the note",
+ ToggleList => "slide the note list away / back",
+ NoteClassifiers => "the note's classifiers",
+ ToggleCheck => "check spelling and grammar",
+ BucketOrdinal => "ordinal bucket",
+ BucketReversed => "reversed bucket (again: back to ordinal)",
+ BucketFrequency => "frequency bucket (again: back to ordinal)",
+ ToggleGsearch => "gsearch typed text on / off",
+ ToggleSaturate => "saturate searches on / off",
+ WhiteMode => "white mode",
+ Letters => "the sidecar's letters",
+ ClassifierSearch => "search with the colouring classifier",
+ WordTypes => "label every text's word types",
+ SideOrdinal => "gsearch the bar's ordinal sum",
+ SideReversed => "gsearch the bar's reversed sum",
+ SideFrequency => "gsearch the bar's letters",
+ FlyForward => "fly forward (hold)",
+ FlyBack => "fly back (hold)",
+ FlyLeft => "fly left (hold)",
+ FlyRight => "fly right (hold)",
+ FlyUp => "fly up (hold)",
+ FlyDown => "fly down (hold)",
+ RollLeft => "roll left (hold)",
+ RollRight => "roll right (hold)",
+ Level => "level the horizon",
+ BackToStart => "back to start",
+ Slower => "slower flight",
+ Faster => "faster flight",
+ Walk => "walk / fly (first person: gravity, jump, crouch, lean, mantle)",
+ SuperFlight => "superflight / fly (collects the texts flown through)",
+ Grapple => "grapple: hook what's ahead / let go (the wheel reels)",
+ Sneak => "sneak while walking (hold)",
+ NewText => "new text ahead",
+ EditText => "edit the selected text",
+ DeleteText => "remove the selected text",
+ CopyText => "copy the selected text",
+ Group => "group what's selected",
+ Ungroup => "ungroup the selected group",
+ WireMode => "wiring: drag from block to block to wire them",
+ Reversed => "reversed on / off",
+ Pin => "pin / unpin the selected text",
+ Physics => "the physics panel",
+ Pause => "pause the physics",
+ Settle => "settle now",
+ SideSum => "gsearch the bar's ordinal sum",
+ SideReversedSum => "gsearch the bar's reversed sum",
+ Help => "help",
+ Hud => "the position card",
+ Details => "the details window",
+ Export => "export the texts to a file",
+ SaveMap => "save the map",
+ ReadPrev => "the one before",
+ ReadNext => "the next one",
+ }
+ }
+
+ pub fn default_binding(self) -> Binding {
+ let b = |s: &str| Binding::parse(s).expect("a default binding reads");
+ b(match self {
+ GotoMemory => "Ctrl+1",
+ GotoSpace => "Ctrl+2",
+ GotoLists => "Ctrl+3",
+ GotoReader => "Ctrl+4",
+ GotoNotes => "Ctrl+5",
+ GotoTags => "Ctrl+6",
+ GotoStats => "Ctrl+7",
+ GotoModels => "Ctrl+8",
+ GotoFilters => "Ctrl+9",
+ OpenSettings => "Ctrl+,",
+ OpenKeys => "Ctrl+K",
+ FocusBar => "/",
+ Undo => "Ctrl+Z",
+ ZoomIn => "Ctrl+=",
+ ZoomOut => "Ctrl+-",
+ ZoomReset => "Ctrl+0",
+ Save => "Ctrl+S",
+ NewNote => "Ctrl+N",
+ ToggleRead => "Ctrl+E",
+ ToggleList => "Ctrl+B",
+ NoteClassifiers => "Ctrl+I",
+ ToggleCheck => "Ctrl+J",
+ BucketOrdinal => "O",
+ BucketReversed => "R",
+ BucketFrequency => "F",
+ ToggleGsearch => "G",
+ ToggleSaturate => "S",
+ WhiteMode => "W",
+ Letters => "L",
+ ClassifierSearch => "C",
+ WordTypes => "T",
+ SideOrdinal => "Left",
+ SideReversed => "Right",
+ SideFrequency => "Down",
+ FlyForward => "W",
+ FlyBack => "S",
+ FlyLeft => "A",
+ FlyRight => "D",
+ FlyUp => "Space",
+ FlyDown => "C",
+ RollLeft => "Q",
+ RollRight => "E",
+ Level => "R",
+ BackToStart => "Home",
+ Slower => "[",
+ Faster => "]",
+ Walk => "V",
+ SuperFlight => "B",
+ Grapple => "G",
+ Sneak => "Z",
+ NewText => "N",
+ EditText => "Enter",
+ DeleteText => "Delete",
+ CopyText => "Ctrl+C",
+ Group => "Ctrl+G",
+ Ungroup => "Ctrl+Shift+G",
+ WireMode => "J",
+ Reversed => "F",
+ Pin => "U",
+ Physics => "O",
+ Pause => "P",
+ Settle => "K",
+ SideSum => "Shift+Left",
+ SideReversedSum => "Shift+Right",
+ Help => "H",
+ Hud => "I",
+ Details => "M",
+ Export => "X",
+ SaveMap => "Shift+X",
+ ReadPrev => "Left",
+ ReadNext => "Right",
+ })
+ }
+
+ pub fn from_id(id: &str) -> Option<Action> {
+ Action::ALL.into_iter().find(|a| a.id() == id)
+ }
+}
+
+#[derive(Clone, Copy, Debug, PartialEq, Eq, Hash)]
+pub struct Binding {
+ /// the key, by its name in [`KEYS`]
+ pub key: &'static str,
+ pub ctrl: bool,
+ pub shift: bool,
+ pub alt: bool,
+}
+
+/// the keys that can be bound: a key event's `code`, and the name shown and kept
+const KEYS: &[(&str, &str)] = &[
+ ("KeyA", "A"),
+ ("KeyB", "B"),
+ ("KeyC", "C"),
+ ("KeyD", "D"),
+ ("KeyE", "E"),
+ ("KeyF", "F"),
+ ("KeyG", "G"),
+ ("KeyH", "H"),
+ ("KeyI", "I"),
+ ("KeyJ", "J"),
+ ("KeyK", "K"),
+ ("KeyL", "L"),
+ ("KeyM", "M"),
+ ("KeyN", "N"),
+ ("KeyO", "O"),
+ ("KeyP", "P"),
+ ("KeyQ", "Q"),
+ ("KeyR", "R"),
+ ("KeyS", "S"),
+ ("KeyT", "T"),
+ ("KeyU", "U"),
+ ("KeyV", "V"),
+ ("KeyW", "W"),
+ ("KeyX", "X"),
+ ("KeyY", "Y"),
+ ("KeyZ", "Z"),
+ ("Digit0", "0"),
+ ("Digit1", "1"),
+ ("Digit2", "2"),
+ ("Digit3", "3"),
+ ("Digit4", "4"),
+ ("Digit5", "5"),
+ ("Digit6", "6"),
+ ("Digit7", "7"),
+ ("Digit8", "8"),
+ ("Digit9", "9"),
+ ("F1", "F1"),
+ ("F2", "F2"),
+ ("F3", "F3"),
+ ("F4", "F4"),
+ ("F5", "F5"),
+ ("F6", "F6"),
+ ("F7", "F7"),
+ ("F8", "F8"),
+ ("F9", "F9"),
+ ("F10", "F10"),
+ ("F11", "F11"),
+ ("F12", "F12"),
+ ("ArrowLeft", "Left"),
+ ("ArrowRight", "Right"),
+ ("ArrowUp", "Up"),
+ ("ArrowDown", "Down"),
+ ("Enter", "Enter"),
+ ("NumpadEnter", "Enter"),
+ ("Tab", "Tab"),
+ ("Space", "Space"),
+ ("Backspace", "Backspace"),
+ ("Delete", "Delete"),
+ ("Insert", "Insert"),
+ ("Home", "Home"),
+ ("End", "End"),
+ ("PageUp", "PageUp"),
+ ("PageDown", "PageDown"),
+ ("Minus", "-"),
+ ("NumpadSubtract", "-"),
+ ("Equal", "="),
+ ("NumpadAdd", "="),
+ ("BracketLeft", "["),
+ ("BracketRight", "]"),
+ ("Backslash", "\\"),
+ ("Semicolon", ";"),
+ ("Quote", "'"),
+ ("Comma", ","),
+ ("Period", "."),
+ ("Slash", "/"),
+ ("Backquote", "`"),
+];
+
+/// a key's name from a key event's `code`
+pub fn key_name(code: &str) -> Option<&'static str> {
+ KEYS.iter().find(|(c, _)| *c == code).map(|(_, n)| *n)
+}
+
+/// a key event's `code` for a key's name (the first, where two codes share a name)
+pub fn key_code(name: &str) -> Option<&'static str> {
+ KEYS.iter().find(|(_, n)| *n == name).map(|(c, _)| *c)
+}
+
+fn name_of(s: &str) -> Option<&'static str> {
+ KEYS.iter().find(|(_, n)| n.eq_ignore_ascii_case(s)).map(|(_, n)| *n)
+}
+
+impl std::fmt::Display for Binding {
+ fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+ if self.ctrl {
+ f.write_str("Ctrl+")?;
+ }
+ if self.alt {
+ f.write_str("Alt+")?;
+ }
+ if self.shift {
+ f.write_str("Shift+")?;
+ }
+ f.write_str(self.key)
+ }
+}
+
+impl Binding {
+ pub fn parse(s: &str) -> Option<Binding> {
+ let mut b = Binding {
+ key: "A",
+ ctrl: false,
+ shift: false,
+ alt: false,
+ };
+ let mut rest = s.trim();
+ loop {
+ if let Some(r) = rest.strip_prefix("Ctrl+") {
+ b.ctrl = true;
+ rest = r;
+ } else if let Some(r) = rest.strip_prefix("Alt+") {
+ b.alt = true;
+ rest = r;
+ } else if let Some(r) = rest.strip_prefix("Shift+") {
+ b.shift = true;
+ rest = r;
+ } else {
+ break;
+ }
+ }
+ b.key = name_of(rest)?;
+ Some(b)
+ }
+
+ /// a key event as a binding
+ pub fn of(code: &str, ctrl: bool, shift: bool, alt: bool) -> Option<Binding> {
+ Some(Binding {
+ key: key_name(code)?,
+ ctrl,
+ shift,
+ alt,
+ })
+ }
+
+ /// chords work while typing, plain keys don't
+ pub fn is_chord(&self) -> bool {
+ self.ctrl || self.alt
+ }
+}
+
+/// every action's binding: the defaults with the person's changes over them
+#[derive(Clone, Debug, PartialEq)]
+pub struct Keymap(BTreeMap<Action, Binding>);
+
+impl Default for Keymap {
+ fn default() -> Self {
+ Keymap(Action::ALL.iter().map(|a| (*a, a.default_binding())).collect())
+ }
+}
+
+impl Keymap {
+ pub fn get(&self, a: Action) -> Binding {
+ self.0.get(&a).copied().unwrap_or_else(|| a.default_binding())
+ }
+
+ /// binds `action`, handing its old binding to whichever action held the new one where
+ /// both can be pressed; returns that action
+ pub fn rebind(&mut self, action: Action, binding: Binding) -> Option<Action> {
+ let old = self.get(action);
+ let other = Action::ALL
+ .iter()
+ .copied()
+ .find(|a| *a != action && a.scope().overlaps(action.scope()) && self.get(*a) == binding);
+ if let Some(o) = other {
+ self.0.insert(o, old);
+ }
+ self.0.insert(action, binding);
+ other
+ }
+
+ /// the person's changes, as kept in the settings file (action id → binding)
+ pub fn changes(&self) -> BTreeMap<String, String> {
+ Action::ALL
+ .iter()
+ .filter(|a| self.get(**a) != a.default_binding())
+ .map(|a| (a.id().to_string(), self.get(*a).to_string()))
+ .collect()
+ }
+
+ pub fn from_changes(map: &BTreeMap<String, String>) -> Keymap {
+ let mut k = Keymap::default();
+ for (id, b) in map {
+ if let (Some(a), Some(b)) = (Action::from_id(id), Binding::parse(b)) {
+ k.0.insert(a, b);
+ }
+ }
+ k
+ }
+
+ /// the action a key press fires in `view`: one of that view's, else a global one
+ pub fn action(&self, view: View, b: Binding, typing: bool) -> Option<Action> {
+ if typing && !b.is_chord() {
+ return None;
+ }
+ let find = |want: Scope| {
+ Action::ALL
+ .into_iter()
+ .find(|a| a.scope() == want && !a.held() && self.get(*a) == b)
+ };
+ find(Scope::In(view)).or_else(|| find(Scope::Global))
+ }
+
+ /// the bindings the page's key listener should keep from the browser: chords anywhere,
+ /// plain keys outside text boxes (as `ctrl,shift,alt,code` strings)
+ pub fn taken(&self, view: View) -> Vec<String> {
+ Action::ALL
+ .into_iter()
+ .filter(|a| a.scope() == Scope::Global || a.scope() == Scope::In(view))
+ .map(|a| {
+ let b = self.get(a);
+ format!(
+ "{},{},{},{}",
+ b.ctrl as u8,
+ b.shift as u8,
+ b.alt as u8,
+ key_code(b.key).unwrap_or("")
+ )
+ })
+ .collect()
+ }
+
+ /// the space's held keys for space.js: action id → key code
+ pub fn flying(&self) -> BTreeMap<&'static str, &'static str> {
+ Action::ALL
+ .into_iter()
+ .filter(|a| a.held() || matches!(a, Level | BackToStart | Slower | Faster | Walk | SuperFlight | Grapple))
+ .map(|a| (a.id(), key_code(self.get(a).key).unwrap_or("")))
+ .collect()
+ }
+}
+
+#[cfg(test)]
+mod tests {
+ use super::*;
+
+ #[test]
+ fn bindings_roundtrip_and_swap() {
+ let mut k = Keymap::default();
+ assert_eq!(k.get(Save).to_string(), "Ctrl+S");
+ assert_eq!(
+ Binding::parse("Ctrl+Shift+Left"),
+ Some(Binding {
+ key: "Left",
+ ctrl: true,
+ shift: true,
+ alt: false
+ })
+ );
+ assert_eq!(Binding::parse("Nope"), None);
+ // taking another action's key swaps them
+ let swapped = k.rebind(BucketFrequency, Binding::parse("R").unwrap());
+ assert_eq!(swapped, Some(BucketReversed));
+ assert_eq!(k.get(BucketReversed).to_string(), "F");
+ let back = Keymap::from_changes(&k.changes());
+ assert_eq!(back, k);
+ assert!(Keymap::default().changes().is_empty());
+ // every default is nameable and distinct where both can be pressed
+ for (i, a) in Action::ALL.iter().enumerate() {
+ assert!(key_code(a.default_binding().key).is_some(), "{a:?}");
+ for b in &Action::ALL[i + 1..] {
+ assert!(
+ !(a.scope().overlaps(b.scope()) && a.default_binding() == b.default_binding()),
+ "{a:?} and {b:?} share {}",
+ a.default_binding()
+ );
+ assert_ne!(a.id(), b.id());
+ }
+ }
+ // the space's keys don't push the memory view's out
+ k.rebind(Settle, Binding::parse("G").unwrap());
+ assert_eq!(k.get(ToggleGsearch).to_string(), "G");
+ }
+
+ #[test]
+ fn presses_find_their_action() {
+ let k = Keymap::default();
+ let r = Binding::of("KeyR", false, false, false).unwrap();
+ assert_eq!(k.action(View::Memory, r, false), Some(BucketReversed));
+ assert_eq!(k.action(View::Space, r, false), Some(Level));
+ assert_eq!(k.action(View::Memory, r, true), None, "plain keys wait while typing");
+ let s = Binding::of("KeyS", true, false, false).unwrap();
+ assert_eq!(k.action(View::Notes, s, true), Some(Save));
+ assert_eq!(
+ k.action(View::Memory, Binding::of("Digit2", true, false, false).unwrap(), true),
+ Some(GotoSpace)
+ );
+ // held keys are space.js's
+ assert_eq!(
+ k.action(View::Space, Binding::of("KeyW", false, false, false).unwrap(), false),
+ None
+ );
+ assert_eq!(k.flying()["fly_forward"], "KeyW");
+ }
+}
diff --git a/app/src/main.rs b/app/src/main.rs
new file mode 100644
index 00000000..f7bca0be
--- /dev/null
+++ b/app/src/main.rs
@@ -0,0 +1,248 @@
+//! anend's app with Dioxus: the desktop app (the system webview) and, from the same code,
+//! the web app (WebAssembly). See docs/next.md, "The Dioxus app".
+
+mod backend;
+mod fonts;
+mod gem;
+mod highlight;
+mod hubnet;
+mod icons;
+mod keys;
+mod md;
+#[cfg(all(feature = "desktop", target_os = "linux"))]
+mod native;
+#[cfg(feature = "desktop")]
+mod native_audio;
+mod parity;
+#[cfg(feature = "desktop")]
+mod picture;
+mod prefs;
+mod shell;
+mod theme;
+mod ui;
+mod views;
+
+use std::rc::Rc;
+
+use ui::Api;
+
+#[cfg(not(target_arch = "wasm32"))]
+static LOCAL: std::sync::OnceLock<backend::local::Local> = std::sync::OnceLock::new();
+
+/// the backend this build talks to
+pub fn make_api() -> Api {
+ #[cfg(not(target_arch = "wasm32"))]
+ {
+ Api(Rc::new(
+ LOCAL.get().expect("the save is opened before the window").clone(),
+ ))
+ }
+ #[cfg(target_arch = "wasm32")]
+ {
+ Api(Rc::new(backend::hub::Hub::here()))
+ }
+}
+
+#[cfg(not(target_arch = "wasm32"))]
+/// `anend-app run <program> [arguments...] [--save path.redb]`: runs an s program on the
+/// save, headless, with the app's ops a call away (`std:anend`). The program is a file, or
+/// the save's s program (a note tagged `s`) of that title. What it writes goes to stdout,
+/// an error to stderr; stdin, when piped, is its stdin. Its exit code is the program's.
+fn run_cli(args: &[String], save: Option<&std::path::Path>) -> i32 {
+ use std::io::{IsTerminal, Read};
+ let mut rest: Vec<String> = Vec::new();
+ let mut skip = false;
+ for (i, a) in args.iter().enumerate().skip(2) {
+ if skip {
+ skip = false;
+ continue;
+ }
+ if a == "--save" || a == "--db" {
+ skip = true;
+ continue;
+ }
+ let _ = i;
+ rest.push(a.clone());
+ }
+ let Some(program) = rest.first().cloned() else {
+ eprintln!("usage: anend-app run <program.s or a program's title> [its arguments...] [--save path.redb]");
+ return 2;
+ };
+ let dir = prefs::data_dir().join("saves");
+ let local = match backend::local::Local::open(&dir, save) {
+ Ok(l) => l,
+ Err(e) => {
+ eprintln!("anend: couldn't open the save: {e}");
+ return 1;
+ }
+ };
+ let mut stdin = String::new();
+ if !std::io::stdin().is_terminal() {
+ let _ = std::io::stdin().read_to_string(&mut stdin);
+ }
+ let mut call = serde_json::json!({ "args": rest[1..], "stdin": stdin });
+ if std::path::Path::new(&program).is_file() {
+ match std::fs::read_to_string(&program) {
+ Ok(code) => call["code"] = code.into(),
+ Err(e) => {
+ eprintln!("anend: {program}: {e}");
+ return 1;
+ }
+ }
+ } else {
+ let progs = local.call_now("s.programs", &serde_json::json!({})).unwrap_or_default();
+ let title = program.strip_suffix(".s").unwrap_or(&program);
+ match progs.as_array().into_iter().flatten().find(|p| p["title"] == title) {
+ Some(p) => call["key"] = p["key"].clone(),
+ None => {
+ eprintln!("anend: no file {program}, and the save has no s program titled {title:?}");
+ return 1;
+ }
+ }
+ }
+ match local.call_now("s.run", &call) {
+ Ok(r) => {
+ let out = r["out"].as_str().unwrap_or("");
+ println!("{}", out.strip_prefix('\n').unwrap_or(out));
+ if let Some(e) = r["err"].as_str() {
+ eprintln!("s: {e}");
+ }
+ r["code"].as_i64().unwrap_or(0) as i32
+ }
+ Err(e) => {
+ eprintln!("anend: {e}");
+ 1
+ }
+ }
+}
+
+#[cfg(not(target_arch = "wasm32"))]
+fn main() {
+ use dioxus::desktop::{Config, LogicalSize, WindowBuilder};
+ // WebKitGTK's DMA-BUF renderer needs GBM buffers the driver may refuse ("Failed to
+ // create GBM buffer ... Invalid argument", NVIDIA's driver and some Wayland setups),
+ // which leaves the window white. Turn it off unless the person chose otherwise
+ // (`WEBKIT_DISABLE_DMABUF_RENDERER=0` keeps it).
+ #[cfg(target_os = "linux")]
+ if std::env::var_os("WEBKIT_DISABLE_DMABUF_RENDERER").is_none() {
+ // SAFETY: first thing in main, before any thread is started.
+ unsafe { std::env::set_var("WEBKIT_DISABLE_DMABUF_RENDERER", "1") };
+ }
+ // `anend-app [--save path.redb]`; else the last save, else main.redb in the saves folder
+ let args: Vec<String> = std::env::args().collect();
+ let arg_save = args
+ .iter()
+ .position(|a| a == "--save" || a == "--db")
+ .and_then(|i| args.get(i + 1))
+ .map(std::path::PathBuf::from);
+ let prefs = prefs::load();
+ // `anend-app run <program> [its arguments]`: an s program, headless, on the save
+ if args.get(1).map(String::as_str) == Some("run") {
+ let save = arg_save.clone().or_else(|| prefs.save.clone().map(Into::into));
+ std::process::exit(run_cli(&args, save.as_deref()));
+ }
+ // the installed font families, for the settings' font fields
+ fonts::scan_system();
+ let save = arg_save.or_else(|| prefs.save.clone().map(Into::into));
+ let dir = prefs::data_dir().join("saves");
+ let local = match backend::local::Local::open(&dir, save.as_deref()) {
+ Ok(l) => l,
+ Err(e) => {
+ eprintln!("anend: couldn't open the save: {e}");
+ std::process::exit(1);
+ }
+ };
+ // `--import all-of-it.json`: weum's texts into the save first
+ if let Some(file) = args.iter().position(|a| a == "--import").and_then(|i| args.get(i + 1)) {
+ let text = std::fs::read_to_string(file).unwrap_or_default();
+ let mut f = backend::Backend::import_texts(&local, &text, "");
+ // the worker answers on its own thread; wait for it
+ let r = loop {
+ match futures_util::FutureExt::now_or_never(&mut f) {
+ Some(r) => break r,
+ None => std::thread::sleep(std::time::Duration::from_millis(5)),
+ }
+ };
+ match r {
+ Ok(im) => eprintln!("anend: imported {} texts", im.memories),
+ Err(e) => eprintln!("anend: the import failed: {e}"),
+ }
+ }
+ let _ = LOCAL.set(local);
+ // the icon goes on the window itself: `Config::with_icon` sets it on the config's own
+ // window, which `with_window` then replaces (so it never showed in the title bar)
+ let window = WindowBuilder::new()
+ .with_title("anend")
+ .with_window_icon(window_icon())
+ .with_inner_size(LogicalSize::new(1200.0, 820.0));
+ // the native space shows through the page: the window (and so the webview) is see-through
+ #[cfg(target_os = "linux")]
+ let window = window.with_transparent(true);
+ #[cfg(target_os = "linux")]
+ desktop_entry();
+ let cfg = Config::new()
+ .with_window(window)
+ .with_menu(None)
+ // closing hides the window; the shell saves what's open, then ends the app
+ .with_close_behaviour(dioxus::desktop::WindowCloseBehaviour::WindowHides)
+ .with_disable_context_menu(true)
+ // the native room's frames, for the page (macOS, Windows: picture.rs)
+ .with_custom_protocol("anendframe", picture::protocol)
+ // the sand window's colour, so the first frame isn't a different shade
+ .with_background_color((0x92, 0x7a, 0x4f, 0xff));
+ dioxus::LaunchBuilder::desktop().with_cfg(cfg).launch(shell::App);
+}
+
+/// the window's icon, from assets/icon.png
+#[cfg(not(target_arch = "wasm32"))]
+fn window_icon() -> Option<dioxus::desktop::tao::window::Icon> {
+ let dec = png::Decoder::new(std::io::Cursor::new(include_bytes!("../../assets/icon.png")));
+ let mut reader = dec.read_info().ok()?;
+ let mut buf = vec![0; reader.output_buffer_size()];
+ let info = reader.next_frame(&mut buf).ok()?;
+ let rgba: Vec<u8> = match info.color_type {
+ png::ColorType::Rgba => buf[..info.buffer_size()].to_vec(),
+ png::ColorType::Rgb => buf[..info.buffer_size()]
+ .chunks(3)
+ .flat_map(|p| [p[0], p[1], p[2], 255])
+ .collect(),
+ _ => return None,
+ };
+ dioxus::desktop::tao::window::Icon::from_rgba(rgba, info.width, info.height).ok()
+}
+
+/// Wayland desktops (GNOME, KDE) draw a window's icon from the desktop entry matching its
+/// app id, not from the window: a user-level entry and icon are put in place once (never
+/// overwriting one the person changed)
+#[cfg(target_os = "linux")]
+fn desktop_entry() {
+ let Some(data) = std::env::var_os("XDG_DATA_HOME")
+ .map(std::path::PathBuf::from)
+ .or_else(|| std::env::var_os("HOME").map(|h| std::path::PathBuf::from(h).join(".local/share")))
+ else {
+ return;
+ };
+ let icon = data.join("icons/hicolor/256x256/apps/anend.png");
+ if !icon.exists() {
+ let _ = std::fs::create_dir_all(icon.parent().unwrap_or(&data));
+ let _ = std::fs::write(&icon, include_bytes!("../../assets/icon.png"));
+ }
+ let entry = data.join("applications/anend-app.desktop");
+ if !entry.exists()
+ && let Ok(exe) = std::env::current_exe()
+ {
+ let _ = std::fs::create_dir_all(entry.parent().unwrap_or(&data));
+ let _ = std::fs::write(
+ &entry,
+ format!(
+ "[Desktop Entry]\nType=Application\nName=anend\nComment=notes, memory and the space\nExec=\"{}\" %F\nIcon=anend\nStartupWMClass=anend-app\nCategories=Office;Utility;\n",
+ exe.display()
+ ),
+ );
+ }
+}
+
+#[cfg(target_arch = "wasm32")]
+fn main() {
+ dioxus::LaunchBuilder::web().launch(shell::App);
+}
diff --git a/app/src/md.rs b/app/src/md.rs
new file mode 100644
index 00000000..a85468d7
--- /dev/null
+++ b/app/src/md.rs
@@ -0,0 +1,73 @@
+//! Markdown to HTML for reading notes: raw HTML in a note is shown as text, and links and
+//! pictures only go to http(s), mailto or relative addresses.
+
+use pulldown_cmark::{CowStr, Event, Options, Parser, Tag, html};
+
+fn safe_url(u: &str) -> bool {
+ let t: String = u.chars().filter(|c| !c.is_control() && !c.is_whitespace()).collect();
+ let lower = t.to_ascii_lowercase();
+ match lower.split_once(':') {
+ Some((scheme, _)) if !scheme.contains('/') => matches!(scheme, "http" | "https" | "mailto"),
+ _ => true,
+ }
+}
+
+pub fn to_html(text: &str) -> String {
+ let opts = Options::ENABLE_TABLES | Options::ENABLE_STRIKETHROUGH | Options::ENABLE_TASKLISTS;
+ let events = Parser::new_ext(text, opts).map(|e| match e {
+ Event::Html(h) | Event::InlineHtml(h) => Event::Text(h),
+ Event::Start(Tag::Link {
+ link_type,
+ dest_url,
+ title,
+ id,
+ }) => Event::Start(Tag::Link {
+ link_type,
+ dest_url: if safe_url(&dest_url) {
+ dest_url
+ } else {
+ CowStr::from("#")
+ },
+ title,
+ id,
+ }),
+ Event::Start(Tag::Image {
+ link_type,
+ dest_url,
+ title,
+ id,
+ }) => Event::Start(Tag::Image {
+ link_type,
+ dest_url: if safe_url(&dest_url) {
+ dest_url
+ } else {
+ CowStr::from("")
+ },
+ title,
+ id,
+ }),
+ e => e,
+ });
+ let mut out = String::new();
+ html::push_html(&mut out, events);
+ out
+}
+
+#[cfg(test)]
+mod tests {
+ use super::*;
+
+ #[test]
+ fn safe() {
+ let h = to_html("# hi\n\n<script>alert(1)</script>\n\n[x](javascript:alert(1)) [y](https://a.b) **b**");
+ assert!(h.contains("<h1>hi</h1>") && h.contains("<strong>b</strong>"));
+ assert!(!h.contains("<script>") && h.contains("<script>"));
+ assert!(!h.contains("javascript:") && h.contains("href=\"https://a.b\""));
+ assert!(
+ to_html("[x](JaVa%20script:alert(1)) [y](JAVASCRIPT:x)")
+ .matches("href=\"#\"")
+ .count()
+ >= 1
+ );
+ }
+}
diff --git a/app/src/native.rs b/app/src/native.rs
new file mode 100644
index 00000000..b0fb2b94
--- /dev/null
+++ b/app/src/native.rs
@@ -0,0 +1,171 @@
+//! The space drawn natively on the Linux desktop, with no JavaScript (docs/wip/questions.md
+//! 114): `anend-render` draws the room on a thread of its own, and a GTK drawing area
+//! *under* the (transparent) webview paints each picture where the space's element is.
+//! The HTML around and over the room (bars, windows, menus) stays on top; GTK puts the two
+//! together in one window.
+//!
+//! macOS and Windows show the same room in the page instead (picture.rs); neither space.js nor three.js is in a desktop build
+//! (docs/wip/questions.md 118).
+
+use std::cell::RefCell;
+use std::sync::mpsc::{Receiver, Sender, channel};
+use std::sync::{Arc, Mutex, OnceLock};
+
+use gtk::prelude::*;
+
+/// a picture ready to paint: BGRA (cairo's order), where it goes in the window
+struct Frame {
+ x: f64,
+ y: f64,
+ w: i32,
+ h: i32,
+ bgra: Vec<u8>,
+}
+
+/// what the drawing area paints: the window's colour, then the room's picture (while shown)
+#[derive(Default)]
+struct Paint {
+ window: (f64, f64, f64),
+ frame: Option<Frame>,
+ shown: bool,
+}
+
+fn paint() -> &'static Arc<Mutex<Paint>> {
+ static P: OnceLock<Arc<Mutex<Paint>>> = OnceLock::new();
+ P.get_or_init(Default::default)
+}
+
+thread_local! {
+ static AREA: RefCell<Option<gtk::DrawingArea>> = const { RefCell::new(None) };
+}
+
+/// asks GTK (on its own thread) to paint again
+fn redraw() {
+ gtk::glib::MainContext::default().invoke(|| {
+ AREA.with(|a| {
+ if let Some(a) = a.borrow().as_ref() {
+ a.queue_draw();
+ }
+ })
+ });
+}
+
+/// puts the drawing area under the webview and makes the webview see-through; once
+pub fn install(window: &dioxus::desktop::tao::window::Window, webview: &dioxus::desktop::wry::WebView) {
+ use dioxus::desktop::tao::platform::unix::WindowExtUnix;
+ if AREA.with(|a| a.borrow().is_some()) {
+ return;
+ }
+ let Some(vbox) = window.default_vbox() else { return };
+ let Some(web) = vbox.children().into_iter().next() else {
+ return;
+ };
+ vbox.remove(&web);
+ let overlay = gtk::Overlay::new();
+ let area = gtk::DrawingArea::new();
+ area.connect_draw(|_, cr| {
+ let p = paint().lock().unwrap_or_else(|e| e.into_inner());
+ let (r, g, b) = p.window;
+ cr.set_source_rgb(r, g, b);
+ let _ = cr.paint();
+ if p.shown
+ && let Some(f) = &p.frame
+ && let Ok(s) =
+ gtk::cairo::ImageSurface::create_for_data(f.bgra.clone(), gtk::cairo::Format::Rgb24, f.w, f.h, f.w * 4)
+ {
+ let _ = cr.set_source_surface(&s, f.x, f.y);
+ let _ = cr.paint();
+ }
+ gtk::glib::Propagation::Stop
+ });
+ overlay.add(&area);
+ overlay.add_overlay(&web);
+ vbox.pack_start(&overlay, true, true, 0);
+ overlay.show_all();
+ // a webview at full opacity is put on screen by itself, over (and hiding) what's under
+ // it; just under full, GTK draws it into the window with the room showing through
+ web.set_opacity(0.99);
+ let _ = webview.set_background_color((0, 0, 0, 0));
+ AREA.with(|a| *a.borrow_mut() = Some(area));
+}
+
+/// the window's colour (behind the see-through parts of the page), `#rrggbb`
+pub fn set_window_colour(hex: &str) {
+ let h = |i: usize| u8::from_str_radix(hex.get(i..i + 2).unwrap_or("00"), 16).unwrap_or(0) as f64 / 255.0;
+ paint().lock().unwrap_or_else(|e| e.into_inner()).window = (h(1), h(3), h(5));
+ redraw();
+}
+
+/// whether the room's picture shows (the space is the view on screen)
+pub fn show(on: bool) {
+ paint().lock().unwrap_or_else(|e| e.into_inner()).shown = on;
+ redraw();
+}
+
+/// one picture to draw: the room, from where, into which part of the window
+pub struct Job {
+ pub scene: anend_render::Scene,
+ pub camera: anend_render::Camera,
+ pub x: f64,
+ pub y: f64,
+ pub w: u32,
+ pub h: u32,
+}
+
+fn worker() -> &'static Mutex<Sender<Job>> {
+ static W: OnceLock<Mutex<Sender<Job>>> = OnceLock::new();
+ W.get_or_init(|| {
+ let (tx, rx) = channel::<Job>();
+ std::thread::Builder::new()
+ .name("anend space".into())
+ .spawn(move || draw_loop(rx))
+ .expect("the space's thread");
+ Mutex::new(tx)
+ })
+}
+
+/// asks for a picture; only the newest asked for is drawn
+pub fn draw(job: Job) {
+ let _ = worker().lock().unwrap_or_else(|e| e.into_inner()).send(job);
+}
+
+fn draw_loop(rx: Receiver<Job>) {
+ let mut renderer: Option<anend_render::Renderer> = None;
+ while let Ok(mut job) = rx.recv() {
+ while let Ok(newer) = rx.try_recv() {
+ job = newer;
+ }
+ if job.w == 0 || job.h == 0 {
+ continue;
+ }
+ let r = match &mut renderer {
+ Some(r) => {
+ r.resize(job.w, job.h);
+ r
+ }
+ None => match anend_render::Renderer::new(job.w, job.h) {
+ Ok(r) => renderer.insert(r),
+ Err(e) => {
+ eprintln!("anend: the space can't be drawn natively: {e}");
+ return;
+ }
+ },
+ };
+ let mut px = r.render(&job.scene, &job.camera);
+ // something hidden behind came into view: drawn again, so it shows now
+ if r.wants_again {
+ px = r.render(&job.scene, &job.camera);
+ }
+ for p in px.as_chunks_mut::<4>().0 {
+ p.swap(0, 2);
+ }
+ paint().lock().unwrap_or_else(|e| e.into_inner()).frame = Some(Frame {
+ x: job.x,
+ y: job.y,
+ w: job.w as i32,
+ h: job.h as i32,
+ bgra: px,
+ });
+ redraw();
+ }
+}
diff --git a/app/src/native_audio.rs b/app/src/native_audio.rs
new file mode 100644
index 00000000..e5f97e39
--- /dev/null
+++ b/app/src/native_audio.rs
@@ -0,0 +1,251 @@
+//! The native room's sounds on the Linux desktop (no Web Audio): sounds decoded once with
+//! symphonia (wav, ogg, flac, mp3, mp4), mixed on cpal's output thread, each voice at the
+//! gains the room says its two ears hear it with (`anend_render::room::Audio`).
+
+use std::collections::HashMap;
+use std::sync::{Arc, Mutex, OnceLock};
+
+use anend_render::room::Audio;
+use cpal::traits::{DeviceTrait, HostTrait, StreamTrait};
+
+/// a sound decoded: stereo frames at the output's rate
+type Pcm = Arc<Vec<[f32; 2]>>;
+
+struct Voice {
+ pcm: Pcm,
+ at: usize,
+ looped: bool,
+ /// the gains it's heard with, and where they're easing to (no clicks)
+ gains: [f32; 2],
+ target: [f32; 2],
+}
+
+#[derive(Default)]
+struct Mix {
+ rate: u32,
+ sounds: HashMap<String, Pcm>,
+ voices: HashMap<String, Voice>,
+ /// each voice's gains as last said (they can come before it starts)
+ gains: HashMap<String, [f32; 2]>,
+ /// voices waiting on a sound still decoding: voice → (sound, looped)
+ pending: HashMap<String, (String, bool)>,
+}
+
+impl Mix {
+ fn start(&mut self, voice: String, sound: &str, looped: bool) {
+ let Some(pcm) = self.sounds.get(sound).cloned() else {
+ self.pending.insert(voice, (sound.to_string(), looped));
+ return;
+ };
+ let g = self
+ .gains
+ .get(&voice)
+ .copied()
+ .unwrap_or(if voice.is_empty() { [1.0, 1.0] } else { [0.0, 0.0] });
+ self.voices.insert(
+ voice,
+ Voice {
+ pcm,
+ at: 0,
+ looped,
+ gains: g,
+ target: g,
+ },
+ );
+ }
+}
+
+fn mix() -> &'static Arc<Mutex<Mix>> {
+ static M: OnceLock<Arc<Mutex<Mix>>> = OnceLock::new();
+ M.get_or_init(|| {
+ let m = Arc::new(Mutex::new(Mix {
+ rate: 48_000,
+ ..Default::default()
+ }));
+ start(m.clone());
+ m
+ })
+}
+
+/// the output stream, on a thread of its own (cpal's stream isn't Send); no device, no sound
+fn start(m: Arc<Mutex<Mix>>) {
+ std::thread::spawn(move || {
+ let Some(dev) = cpal::default_host().default_output_device() else {
+ return;
+ };
+ let Ok(cfg) = dev.default_output_config() else { return };
+ let channels = cfg.channels() as usize;
+ if let Ok(mut x) = m.lock() {
+ x.rate = cfg.sample_rate().0;
+ }
+ let fill = move |out: &mut [f32]| {
+ out.fill(0.0);
+ let Ok(mut x) = m.lock() else { return };
+ x.voices.retain(|_, v| {
+ for frame in out.chunks_mut(channels.max(1)) {
+ if v.at >= v.pcm.len() {
+ if v.looped && !v.pcm.is_empty() {
+ v.at = 0;
+ } else {
+ return false;
+ }
+ }
+ for i in 0..2 {
+ v.gains[i] += (v.target[i] - v.gains[i]) * 0.002;
+ }
+ let s = v.pcm[v.at];
+ v.at += 1;
+ if channels == 1 {
+ frame[0] += (s[0] * v.gains[0] + s[1] * v.gains[1]) * 0.5;
+ } else {
+ frame[0] += s[0] * v.gains[0];
+ frame[1] += s[1] * v.gains[1];
+ }
+ }
+ true
+ });
+ for s in out.iter_mut() {
+ *s = s.clamp(-1.0, 1.0);
+ }
+ };
+ let err = |_e: cpal::StreamError| {};
+ let stream = match cfg.sample_format() {
+ cpal::SampleFormat::F32 => {
+ dev.build_output_stream(&cfg.config(), move |d: &mut [f32], _: &_| fill(d), err, None)
+ }
+ cpal::SampleFormat::I16 => {
+ let mut buf = Vec::new();
+ dev.build_output_stream(
+ &cfg.config(),
+ move |d: &mut [i16], _: &_| {
+ buf.resize(d.len(), 0.0);
+ fill(&mut buf);
+ for (o, s) in d.iter_mut().zip(&buf) {
+ *o = (s * i16::MAX as f32) as i16;
+ }
+ },
+ err,
+ None,
+ )
+ }
+ _ => return,
+ };
+ let Ok(stream) = stream else { return };
+ if stream.play().is_err() {
+ return;
+ }
+ // the stream plays while it's kept: park here for the app's life
+ loop {
+ std::thread::park();
+ }
+ });
+}
+
+/// a sound's bytes decoded to stereo at a rate (resampled straight across), or none
+fn decode(bytes: Vec<u8>, rate: u32) -> Option<Vec<[f32; 2]>> {
+ use symphonia::core::audio::SampleBuffer;
+ use symphonia::core::codecs::DecoderOptions;
+ use symphonia::core::formats::FormatOptions;
+ use symphonia::core::io::MediaSourceStream;
+ use symphonia::core::meta::MetadataOptions;
+ use symphonia::core::probe::Hint;
+ let mss = MediaSourceStream::new(Box::new(std::io::Cursor::new(bytes)), Default::default());
+ let probed = symphonia::default::get_probe()
+ .format(
+ &Hint::new(),
+ mss,
+ &FormatOptions::default(),
+ &MetadataOptions::default(),
+ )
+ .ok()?;
+ let mut format = probed.format;
+ let track = format.default_track()?.clone();
+ let mut dec = symphonia::default::get_codecs()
+ .make(&track.codec_params, &DecoderOptions::default())
+ .ok()?;
+ let src_rate = track.codec_params.sample_rate.unwrap_or(rate);
+ let mut frames: Vec<[f32; 2]> = Vec::new();
+ while let Ok(packet) = format.next_packet() {
+ if packet.track_id() != track.id {
+ continue;
+ }
+ let Ok(buf) = dec.decode(&packet) else { continue };
+ let spec = *buf.spec();
+ let ch = spec.channels.count().max(1);
+ let mut sb = SampleBuffer::<f32>::new(buf.capacity() as u64, spec);
+ sb.copy_interleaved_ref(buf);
+ for f in sb.samples().chunks(ch) {
+ frames.push(if ch == 1 { [f[0], f[0]] } else { [f[0], f[1]] });
+ }
+ }
+ if frames.is_empty() {
+ return None;
+ }
+ if src_rate == rate {
+ return Some(frames);
+ }
+ let step = src_rate as f64 / rate as f64;
+ let n = (frames.len() as f64 / step) as usize;
+ Some(
+ (0..n)
+ .map(|i| {
+ let t = i as f64 * step;
+ let (a, f) = (t as usize, (t.fract()) as f32);
+ let (x, y) = (frames[a.min(frames.len() - 1)], frames[(a + 1).min(frames.len() - 1)]);
+ [x[0] + (y[0] - x[0]) * f, x[1] + (y[1] - x[1]) * f]
+ })
+ .collect(),
+ )
+}
+
+/// does what the room said
+pub fn play(cmds: Vec<Audio>) {
+ if cmds.is_empty() {
+ return;
+ }
+ let m = mix();
+ for c in cmds {
+ match c {
+ Audio::Data { id, bytes } => {
+ let rate = m.lock().map(|x| x.rate).unwrap_or(48_000);
+ // decoding takes a moment: off the room's thread, then what waited starts
+ let m = m.clone();
+ std::thread::spawn(move || {
+ let pcm = decode(bytes, rate).unwrap_or_default();
+ if let Ok(mut x) = m.lock() {
+ x.sounds.insert(id.clone(), Arc::new(pcm));
+ let waiting: Vec<(String, bool)> = x
+ .pending
+ .iter()
+ .filter(|(_, (s, _))| *s == id)
+ .map(|(v, (_, l))| (v.clone(), *l))
+ .collect();
+ for (v, l) in waiting {
+ x.pending.remove(&v);
+ x.start(v, &id, l);
+ }
+ }
+ });
+ }
+ Audio::Play { voice, sound, looped } => {
+ if let Ok(mut x) = m.lock() {
+ x.start(voice, &sound, looped);
+ }
+ }
+ Audio::Stop { voice } => {
+ if let Ok(mut x) = m.lock() {
+ x.voices.remove(&voice);
+ x.pending.remove(&voice);
+ }
+ }
+ Audio::Gains { voice, left, right } => {
+ if let Ok(mut x) = m.lock() {
+ if let Some(v) = x.voices.get_mut(&voice) {
+ v.target = [left, right];
+ }
+ x.gains.insert(voice, [left, right]);
+ }
+ }
+ }
+ }
+}
diff --git a/app/src/parity.rs b/app/src/parity.rs
new file mode 100644
index 00000000..3672fa9e
--- /dev/null
+++ b/app/src/parity.rs
@@ -0,0 +1,852 @@
+//! Guards for docs/parity.md: the settings keys and the views the app has. A key or a view
+//! that goes away fails these tests until the expected list here and docs/parity.md are
+//! changed together, saying why.
+
+/// every key the app's settings file holds (`prefs::Prefs`); add new ones here, and never
+/// take one out without a line in docs/parity.md
+#[cfg(test)]
+pub const SETTINGS: &[&str] = &[
+ "palette",
+ "colours",
+ "font_size",
+ "zoom",
+ "memory_font",
+ "spacing",
+ "field_width",
+ "mode",
+ "gsearch_text",
+ "saturate",
+ "letters",
+ "tint",
+ "cls_search",
+ "space_bg",
+ "space_reversed",
+ "space_keep",
+ "zen",
+ "zen_delay",
+ "hide_bar",
+ "collapsed",
+ "view",
+ "save",
+ "hub_url",
+ "filter_open",
+ "filter",
+ "keymap",
+ "highlight",
+ "check_spelling",
+ "space_search",
+ "hide_list",
+ "list_right",
+ "white",
+ "word_types",
+ "space",
+ "font",
+ "memory_family",
+ "top_bar",
+ "bottom_bar",
+ "bars_swapped",
+ "hub_token",
+ "read_device",
+ "piece_line",
+ "piece_lines",
+ "pipes",
+];
+
+/// the views, in their tab order
+#[cfg(test)]
+pub const VIEWS: &[&str] = &[
+ "memory", "space", "lists", "reader", "notes", "tags", "stats", "models", "filters",
+];
+
+/// the keymap's action ids (keys.rs): every one the Bevy app had that still applies, and
+/// the ones added since
+#[cfg(test)]
+pub const KEY_ACTIONS: &[&str] = &[
+ "goto_memory",
+ "goto_space",
+ "goto_lists",
+ "goto_reader",
+ "goto_notes",
+ "goto_tags",
+ "goto_stats",
+ "goto_models",
+ "goto_filters",
+ "open_settings",
+ "open_keys",
+ "focus_bar",
+ "undo",
+ "zoom_in",
+ "zoom_out",
+ "zoom_reset",
+ "save",
+ "new_note",
+ "toggle_read",
+ "toggle_list",
+ "note_classifiers",
+ "toggle_check",
+ "bucket_ordinal",
+ "bucket_reversed",
+ "bucket_frequency",
+ "toggle_gsearch",
+ "toggle_saturate",
+ "white_mode",
+ "letters",
+ "classifier_search",
+ "word_types",
+ "side_ordinal",
+ "side_reversed",
+ "side_frequency",
+ "fly_forward",
+ "fly_back",
+ "fly_left",
+ "fly_right",
+ "fly_up",
+ "fly_down",
+ "roll_left",
+ "roll_right",
+ "level",
+ "back_to_start",
+ "slower",
+ "faster",
+ "walk",
+ "superflight",
+ "grapple",
+ "sneak",
+ "new_text",
+ "edit_text",
+ "delete_text",
+ "copy_text",
+ "group",
+ "ungroup",
+ "wire_mode",
+ "reversed",
+ "pin",
+ "physics",
+ "pause",
+ "settle",
+ "side_sum",
+ "side_reversed_sum",
+ "help",
+ "hud",
+ "details",
+ "export",
+ "save_map",
+ "read_prev",
+ "read_next",
+];
+
+#[cfg(test)]
+mod tests {
+ use super::*;
+
+ #[test]
+ fn settings_keys_stay() {
+ let v = serde_json::to_value(crate::prefs::Prefs::default()).unwrap();
+ let have: Vec<&str> = v.as_object().unwrap().keys().map(String::as_str).collect();
+ for k in SETTINGS {
+ assert!(have.contains(k), "the setting {k} went away: say why in docs/parity.md");
+ }
+ for k in &have {
+ assert!(SETTINGS.contains(k), "a new setting {k}: add it to parity::SETTINGS");
+ }
+ }
+
+ #[test]
+ fn key_actions_stay() {
+ let have: Vec<&str> = crate::keys::Action::ALL.iter().map(|a| a.id()).collect();
+ for k in KEY_ACTIONS {
+ assert!(
+ have.contains(k),
+ "the key action {k} went away: say why in docs/parity.md"
+ );
+ }
+ for k in &have {
+ assert!(
+ KEY_ACTIONS.contains(k),
+ "a new key action {k}: add it to parity::KEY_ACTIONS"
+ );
+ }
+ }
+
+ /// the memory view's gematria underline (the colour of a text's reversed-sum group)
+ /// stays under word-type labels: no rule on a text or its labelled words takes the
+ /// underline away or draws one of its own
+ #[test]
+ fn word_types_keep_the_gematria_underline() {
+ let css = include_str!("style.css");
+ for rule in css.split('}') {
+ let (sel, body) = rule.split_once('{').unwrap_or(("", ""));
+ if sel.contains(".art") || sel.contains("ruby.rw") {
+ assert!(!body.contains("text-decoration: none"), "{sel} hides the underline");
+ assert!(!body.contains("border-bottom"), "{sel} draws a line of its own");
+ assert!(!body.contains("text-decoration-color"), "{sel} recolours the underline");
+ }
+ }
+ let mem = include_str!("views/memory.rs");
+ assert!(mem.contains("text-decoration: underline; text-decoration-color: {c};"));
+ assert!(mem.contains("labels: true, ruby: true"));
+ }
+
+ /// the space's texts carry the same gematria grouping underline as the memory view's
+ #[test]
+ fn space_keeps_the_grouping_underlines() {
+ let js = include_str!("space.js");
+ assert!(
+ js.matches("borderBottomColor = t.under").count() >= 2,
+ "space.js must draw t.under"
+ );
+ let rs = include_str!("views/space.rs");
+ assert!(
+ rs.contains("\"under\": gem::underline(&h.text"),
+ "the space's texts must carry their underline"
+ );
+ assert!(rs.contains("f[\"under\"] = json!(gem::underline("), "a map's texts too");
+ }
+
+ /// spatial saves: blocks keep their tiling UVs, their repeat wrapping and their gizmo,
+ /// and the space keeps the window that makes them
+ #[test]
+ fn blocks_tile_and_have_a_gizmo() {
+ let js = include_str!("space.js");
+ for needle in [
+ "boxGeometry(t)",
+ "RepeatWrapping",
+ "makeGizmo()",
+ "mode: 'scale'",
+ "mode: 'move'",
+ "kind === 'blockadd'",
+ "kind === 'unblock'",
+ ] {
+ assert!(js.contains(needle), "space.js lost {needle}");
+ }
+ let rs = include_str!("views/space.rs");
+ for needle in [
+ "fn Blocks(",
+ "\"blocks.list\"",
+ "\"blocks.set\"",
+ "\"blocks.add\"",
+ "show_blocks",
+ ] {
+ assert!(rs.contains(needle), "space.rs lost {needle}");
+ }
+ }
+
+ /// the native room (the Linux desktop's) takes every command space.js takes, and has
+ /// what each of its parts does
+ #[test]
+ fn the_native_room_takes_every_command() {
+ let room = [
+ include_str!("../../render/src/room.rs"),
+ include_str!("../../render/src/room/edit.rs"),
+ include_str!("../../render/src/room/wires.rs"),
+ include_str!("../../render/src/room/sounds.rs"),
+ include_str!("../../render/src/room/play.rs"),
+ ]
+ .concat();
+ let sp = include_str!("views/space.rs");
+ let mut n = 0;
+ for part in sp.split("c.cmd === '").skip(1) {
+ let cmd = &part[..part.find('\'').unwrap_or(0)];
+ assert!(
+ room.contains(&format!("\"{cmd}\"")),
+ "the native room doesn't take `{cmd}`"
+ );
+ n += 1;
+ }
+ assert!(n > 50, "space.js's commands: {n}");
+ for needle in [
+ "fn pick_block(",
+ "fn start_block_drag(",
+ "fn toggle_multi(",
+ "fn end_box(",
+ "fn set_groups(",
+ "fn pick_copy(",
+ "fn set_wiring(",
+ "fn wire_meshes(",
+ "fn assign_zones(",
+ "fn play_sound(",
+ "fn set_mode(",
+ "fn walk_step(",
+ "fn grapple(",
+ "fn superflight(",
+ "fn aim_ghost(",
+ "fn apply_anims(",
+ "fn thumbs(",
+ ] {
+ assert!(room.contains(needle), "the native room lost {needle}");
+ }
+ let blocks = include_str!("../../render/src/blocks.rs");
+ assert!(
+ blocks.contains("pub fn bend_at(") && blocks.contains("fn light_at(") && blocks.contains("fn sky_mesh(")
+ );
+ let tiles = include_str!("../../render/src/tiles.rs");
+ assert!(
+ tiles.contains("pub fn text_tile(")
+ && tiles.contains("pub fn recipe_tile(")
+ && tiles.contains("pub fn preview(")
+ );
+ // and the Linux desktop's build has no space.js nor three.js in it
+ assert!(sp.contains("#[cfg(not(feature = \"desktop\"))]\nconst THREE"));
+ }
+
+ /// wires drawn in the room and made by dragging
+ #[test]
+ fn wires_drawn_stay() {
+ let js = include_str!("space.js");
+ for needle in [
+ "drawWires() {",
+ "lightWires(rays) {",
+ "setWiring(on) {",
+ "startWire(e) {",
+ "endWire(e) {",
+ "u.kind === 'wired'",
+ "TubeGeometry",
+ ] {
+ assert!(js.contains(needle), "space.js lost {needle}");
+ }
+ assert!(
+ include_str!("views/space.rs").contains("\"wirelink\"")
+ && include_str!("views/space/wirewin.rs").contains("\"connect by dragging\"")
+ );
+ }
+
+ /// groups: Ctrl+G, nesting, picked whole, opened, copied, made a prefab
+ #[test]
+ fn groups_stay() {
+ let js = include_str!("space.js");
+ for needle in [
+ "setGroups(list) {",
+ "outer(key) {",
+ "pickGroup(gid, add) {",
+ "groupMembers() {",
+ "openGroupAt(key) {",
+ "u.kind === 'grouped'",
+ "u.kind === 'ungrouped'",
+ ] {
+ assert!(js.contains(needle), "space.js lost {needle}");
+ }
+ let sp = include_str!("views/space.rs");
+ assert!(
+ sp.contains("fn group_copy(")
+ && sp.contains("fn group_prefab(")
+ && sp.contains("Some(Action::Group)")
+ && sp.contains("Some(Action::Ungroup)")
+ );
+ }
+
+ /// selecting many: Shift+click and boxes in the space and the memory view; notes, lists
+ #[test]
+ fn selection_of_many_stays() {
+ let js = include_str!("space.js");
+ for needle in [
+ "toggleMulti(kind, id) {",
+ "endBox(e) {",
+ "moveMulti(d) {",
+ "removeMulti() {",
+ "setBatch(on) {",
+ "kind: 'many'",
+ ] {
+ assert!(js.contains(needle), "space.js lost {needle}");
+ }
+ assert!(
+ include_str!("views/space.rs").contains("\"removedmulti\"")
+ && include_str!("views/space.rs").contains("class: \"multibar\"")
+ );
+ let m = include_str!("views/memory.rs");
+ assert!(m.contains("BOX_SELECT") && m.contains("md.shift() || md.alt()"));
+ assert!(
+ include_str!("views/notes.rs").contains("fn ManyNotes(")
+ && include_str!("views/lists.rs").contains("fn ManyLists(")
+ );
+ }
+
+ /// a prefab's copy is one group in the room: selected, moved, copied and removed whole
+ #[test]
+ fn copies_are_groups() {
+ let js = include_str!("space.js");
+ for needle in [
+ "pickCopy(cid, quiet) {",
+ "openCopyAt(id) {",
+ "closeCopy() {",
+ "moveCopyParts(d) {",
+ "copyGone(ids, restore) {",
+ "kind: 'copygone'",
+ "'copyset'",
+ ] {
+ assert!(js.contains(needle), "space.js lost {needle}");
+ }
+ let pf = include_str!("views/space/prefabwin.rs");
+ assert!(
+ pf.contains("fn CopyMenu(")
+ && pf.contains("\"prefabs.duplicate\"")
+ && pf.contains("\"open it to edit its parts\"")
+ );
+ }
+
+ /// tag sets: the models view's fourth tab; English types only on English
+ #[test]
+ fn tag_sets_stay() {
+ let cls = include_str!("views/classifiers.rs");
+ assert!(
+ cls.contains("(3, \"tag sets\")")
+ && cls.contains("models: tagsets")
+ && cls.contains("crate::views::tagsets::TagSets {}")
+ );
+ let t = include_str!("views/tagsets.rs");
+ for needle in [
+ "\"tagsets.mark\"",
+ "\"tagsets.train\"",
+ "\"tagsets.tag\"",
+ "\"tagsets.score\"",
+ "\"tagsets.save\"",
+ "\"tagsets.delete\"",
+ "\"a checker\"",
+ "ts-suggest",
+ ] {
+ assert!(t.contains(needle), "tagsets.rs lost {needle}");
+ }
+ let m = include_str!("views/memory.rs");
+ assert!(
+ m.matches("looks_english").count() >= 2,
+ "the memory view's word types only on English"
+ );
+ }
+
+ /// views as programs: the reader's presets and view programs
+ #[test]
+ fn views_as_programs_stay() {
+ let r = include_str!("views/reader.rs");
+ for needle in [
+ "\"views.run\"",
+ "\"views.list\"",
+ "\"reader-list\"",
+ "\"reader-head\"",
+ "fn fx_style(",
+ ] {
+ assert!(r.contains(needle), "reader.rs lost {needle}");
+ }
+ let core = include_str!("../../core/src/ops/views.rs");
+ assert!(
+ core.contains("(\"everything\", \"everything\"")
+ && core.contains("(\"notes\", \"notes\"")
+ && core.contains("(\"texts\", \"texts\"")
+ );
+ assert!(include_str!("../../core/src/s/lib.rs").contains("\"view\" => (&[], VIEW)"));
+ }
+
+ /// pipes: the filters view's pipe editor, effects in the memory view and the space
+ #[test]
+ fn pipes_stay() {
+ let p = include_str!("views/pipes.rs");
+ for needle in [
+ "(\"colour\", \"a colour\")",
+ "(\"colour_by\", \"a classifier's colours\")",
+ "(\"underline\", \"an underline\")",
+ "(\"label\", \"a label\")",
+ "(\"size\", \"a size\")",
+ "(\"glow\", \"a glow\")",
+ "(\"gather\", \"gather in the space\")",
+ "(\"enlist\", \"put them in a list\")",
+ "(\"tag\", \"tag them\")",
+ "(\"run\", \"run a program on each\")",
+ "\"pipes.apply\"",
+ "\"pipes.delete\"",
+ "\"pipes.list\"",
+ ] {
+ assert!(p.contains(needle), "pipes.rs lost {needle}");
+ }
+ let b = include_str!("views/flt.rs");
+ assert!(
+ b.contains("\"pipes.save\"")
+ && b.contains("crate::views::pipes::Parts")
+ && b.contains("crate::views::pipes::KeptPipes")
+ );
+ assert!(
+ include_str!("views/memory.rs").contains("\"pipes.effects\"")
+ && include_str!("views/memory.rs").contains("fx-label")
+ );
+ assert!(include_str!("views/space.rs").contains("\"cmd\": \"effects\""));
+ let js = include_str!("space.js");
+ assert!(js.contains("effects(fx) {") && js.contains("dress(n) {") && js.contains("A.gather"));
+ }
+
+ /// taxonomies: the models view's third tab, the tree editor, routing and marking
+ #[test]
+ fn taxonomies_stay() {
+ let cls = include_str!("views/classifiers.rs");
+ assert!(cls.contains("(2, \"taxonomies\")") && cls.contains("models: taxonomies"));
+ assert!(cls.contains("crate::views::taxonomy::Taxonomies { bar: tax_bar }"));
+ let tx = include_str!("views/taxonomy.rs");
+ for needle in [
+ "\"taxonomy.list\"",
+ "\"taxonomy.get\"",
+ "\"taxonomy.save\"",
+ "\"taxonomy.delete\"",
+ "\"taxonomy.route\"",
+ "\"taxonomy.mark\"",
+ "\"ends here\"",
+ "\"none of these\"",
+ "fn node_view(",
+ ] {
+ assert!(tx.contains(needle), "taxonomy.rs lost {needle}");
+ }
+ assert!(include_str!("../../core/src/s/lib.rs").contains("(\"route\", |rt|"));
+ }
+
+ /// s programs: notes tagged s, the right-aligned code mode, word classes, running
+ #[test]
+ fn s_programs_stay() {
+ let hl = include_str!("highlight.rs");
+ for needle in ["pub fn s_classes(", "pub fn s_html(", "pub s: bool"] {
+ assert!(hl.contains(needle), "highlight.rs lost {needle}");
+ }
+ let rs = include_str!("views/notes.rs");
+ for needle in [
+ "\"run the program\"",
+ "\"s.run\"",
+ "s-run",
+ "ops::script::TAG",
+ "\"s.debug\"",
+ "\"step through the program\"",
+ "\"the program's outline\"",
+ "goto_req",
+ "__anendCompl",
+ ] {
+ assert!(rs.contains(needle), "notes.rs lost {needle}");
+ }
+ assert!(include_str!("style.css").contains(".pad.code textarea"));
+ assert!(hl.contains("pub fn s_html_with(") && include_str!("views/scode.rs").contains("pub fn outline("));
+ // the bar's Run and the command line's run (#11)
+ assert!(include_str!("views/scode.rs").contains("pub async fn run_from_bar("));
+ assert!(include_str!("views/memory.rs").contains("run_from_bar"));
+ assert!(include_str!("views/space.rs").contains("run_from_bar"));
+ assert!(include_str!("main.rs").contains("fn run_cli("));
+ assert!(include_str!("../../core/src/s/lib.rs").contains("\"anend\" =>"));
+ // classifiers and models as words (#18)
+ assert!(include_str!("../../core/src/s/lib.rs").contains("\"learn\" => (&[\"anend\"], LEARN)"));
+ }
+
+ /// wiring: blocks that cast rays and run programs, the window, playing in the room
+ #[test]
+ fn wiring_stays() {
+ let js = include_str!("space.js");
+ for needle in [
+ "setWires(list, live)",
+ "wireTimers(now)",
+ "wireZone(zone, text, event)",
+ "showRays(rays)",
+ "this.wireFire(id, 'click')",
+ ] {
+ assert!(js.contains(needle), "space.js lost {needle}");
+ }
+ let rs = include_str!("views/space/wirewin.rs");
+ for needle in [
+ "fn Wires(",
+ "\"wiring.fire\"",
+ "\"wiring.set\"",
+ "pick targets in the room",
+ "▶ play",
+ "try it",
+ ] {
+ assert!(rs.contains(needle), "wirewin.rs lost {needle}");
+ }
+ let sp = include_str!("views/space.rs");
+ assert!(sp.contains("show_wiring") && sp.contains("\"blockfire\""));
+ }
+
+ /// prefabs: grouping, the menu with pictures, a copy's controls
+ #[test]
+ fn prefabs_stay() {
+ let js = include_str!("space.js");
+ assert!(js.contains("thumbs(list, textures)") && js.contains("part_of"));
+ for needle in [
+ "startGhost(prefab, parts, textures, name)",
+ "aimGhost()",
+ "placeGhost()",
+ ] {
+ assert!(js.contains(needle), "space.js lost {needle}");
+ }
+ let rs = include_str!("views/space/prefabwin.rs");
+ for needle in [
+ "fn Prefabs(",
+ "\"prefabs.make\"",
+ "\"prefabs.place\"",
+ "\"prefabs.apply\"",
+ "\"prefabs.detach\"",
+ "pick blocks in the room",
+ "…but not the other copies",
+ "\"prefabs.starters\"",
+ ] {
+ assert!(rs.contains(needle), "prefabwin.rs lost {needle}");
+ }
+ let sp = include_str!("views/space.rs");
+ assert!(sp.contains("show_prefabs") && sp.contains("\"prefabspot\"") && sp.contains("\"thumbs\""));
+ }
+
+ /// sounds: the window, emitters played by the room
+ #[test]
+ fn sounds_stay() {
+ let js = include_str!("space.js");
+ for needle in [
+ "playSound(blockId)",
+ "startLoops()",
+ "hushAll()",
+ "soundData(id, data)",
+ "hearFrom()",
+ ] {
+ assert!(js.contains(needle), "space.js lost {needle}");
+ }
+ let rs = include_str!("views/space/soundwin.rs");
+ for needle in [
+ "fn Sounds(",
+ "\"sounds.add\"",
+ "\"blocks.set\"",
+ "sounds to add",
+ "the sound it plays",
+ ] {
+ assert!(rs.contains(needle), "soundwin.rs lost {needle}");
+ }
+ let sp = include_str!("views/space.rs");
+ assert!(sp.contains("show_sounds") && sp.contains("\"soundwant\""));
+ }
+
+ /// space.js defines each method of the room once: a second one replaces the first
+ /// without a word (an audio `listen` once shadowed the one that attaches the events)
+ #[test]
+ fn room_methods_are_unique() {
+ let js = include_str!("space.js");
+ let mut seen = std::collections::HashSet::new();
+ for line in js.lines() {
+ let Some(rest) = line.strip_prefix(" ") else { continue };
+ if rest.starts_with(' ') || !rest.ends_with(") {") {
+ continue;
+ }
+ let Some((name, _)) = rest.split_once('(') else {
+ continue;
+ };
+ if name.is_empty() || !name.chars().all(|c| c.is_ascii_alphanumeric() || c == '_') {
+ continue;
+ }
+ if ["if", "for", "while", "switch", "catch", "constructor"].contains(&name) {
+ continue;
+ }
+ assert!(seen.insert(name.to_string()), "space.js defines {name} twice");
+ }
+ assert!(seen.len() > 100);
+ }
+
+ /// first-person mode: walking, the grapple, superflight and what it collects
+ #[test]
+ fn first_person_stays() {
+ let js = include_str!("space.js");
+ for needle in [
+ "setMode(mode)",
+ "walkStep(dt)",
+ "grapple()",
+ "superflight(dt)",
+ "collect(a, b)",
+ "BODY.mantle",
+ ] {
+ assert!(js.contains(needle), "space.js lost {needle}");
+ }
+ let rs = include_str!("views/space/flightwin.rs");
+ for needle in [
+ "fn Collected(",
+ "\"mem.saturate\"",
+ "\"chains.make\"",
+ "\"lists.enlist\"",
+ "into the bar",
+ ] {
+ assert!(rs.contains(needle), "flightwin.rs lost {needle}");
+ }
+ assert!(include_str!("views/space.rs").contains("\"collected\""));
+ }
+
+ /// keyframe animations: the window, the room posing blocks
+ #[test]
+ fn animations_stay() {
+ let js = include_str!("space.js");
+ for needle in [
+ "animPose(a, p)",
+ "applyAnims(now)",
+ "previewAnim(id, anim, p)",
+ "function cubicBezier(",
+ ] {
+ assert!(js.contains(needle), "space.js lost {needle}");
+ }
+ let rs = include_str!("views/space/animwin.rs");
+ for needle in [
+ "fn Anims(",
+ "fn Curve(",
+ "\"anims.save\"",
+ "a key here",
+ "the selected block plays it",
+ ] {
+ assert!(rs.contains(needle), "animwin.rs lost {needle}");
+ }
+ assert!(include_str!("views/space.rs").contains("show_anims"));
+ }
+
+ /// texture recipes: the textures window's steps, faces and the sky
+ #[test]
+ fn texture_recipes_stay() {
+ let js = include_str!("space.js");
+ for needle in [
+ "recipeCanvas(about",
+ "recipeTexture(about",
+ "blockMaterial(b)",
+ "setSky(about)",
+ "preview(id, about",
+ "function variantOf(",
+ ] {
+ assert!(js.contains(needle), "space.js lost {needle}");
+ }
+ let rs = include_str!("views/space/texwin.rs");
+ for needle in [
+ "fn Textures(",
+ "\"textures.save\"",
+ "\"blocks.retexture\"",
+ "\"space.sky\"",
+ "on one face:",
+ "as the sky",
+ ] {
+ assert!(rs.contains(needle), "texwin.rs lost {needle}");
+ }
+ assert!(include_str!("views/space.rs").contains("show_textures"));
+ }
+
+ /// lights baked onto blocks, and sphere blocks
+ #[test]
+ fn lights_and_spheres_stay() {
+ let js = include_str!("space.js");
+ for needle in [
+ "bake(o)",
+ "setLights(list, changed)",
+ "showLights(on, picked)",
+ "lightSpot()",
+ "sphereGeometry(t)",
+ ] {
+ assert!(js.contains(needle), "space.js lost {needle}");
+ }
+ let rs = include_str!("views/space/lightwin.rs");
+ for needle in [
+ "fn Lights(",
+ "\"lights.add\"",
+ "\"lights.set\"",
+ "\"lights.delete\"",
+ "move it here",
+ ] {
+ assert!(rs.contains(needle), "lightwin.rs lost {needle}");
+ }
+ let sp = include_str!("views/space.rs");
+ for needle in [
+ "show_lights",
+ "fn ShapeRow(",
+ "make it a sphere",
+ "fn ZoneRow(",
+ "a staging zone",
+ ] {
+ assert!(sp.contains(needle), "space.rs lost {needle}");
+ }
+ }
+
+ /// the notes editor's spelling check: asked for as one writes, its flags drawn in the
+ /// highlight layer, a click's suggestion put in as an undo step of its own
+ #[test]
+ fn the_spelling_check_stays() {
+ let rs = include_str!("views/notes.rs");
+ for needle in [
+ "\"grammar.check\"",
+ "l.layer.full(&t, colour, &flags_now)",
+ "fn SpellPick(",
+ "__anendPadSnap(p, true)",
+ "check_spelling",
+ ] {
+ assert!(rs.contains(needle), "notes.rs lost {needle}");
+ }
+ }
+
+ /// Enter in the space's bar gives the keys back to flying
+ #[test]
+ fn the_space_bar_lets_go_after_enter() {
+ let rs = include_str!("views/space.rs");
+ let at = rs.find("\"Enter\" => {").expect("the bar's Enter");
+ let arm = &rs[at..at + 700];
+ assert!(
+ arm.contains("spawn_forever(enter(") && arm.contains("b.blur()"),
+ "{arm}"
+ );
+ }
+
+ /// the room's right-click menu, and copies that are placements, not entries
+ #[test]
+ fn space_texts_have_a_menu_and_safe_copies() {
+ let rs = include_str!("views/space.rs");
+ for needle in [
+ "fn SpaceMenu(",
+ "\"cmd\": \"dup\"",
+ "\"cmd\": \"removenode\"",
+ "forget the entry",
+ "e.shift && !t.is_empty()",
+ "a copy that inherits",
+ "a detached copy",
+ "edit this placement only",
+ "follow the entry again",
+ ] {
+ assert!(rs.contains(needle), "space.rs lost {needle}");
+ }
+ let js = include_str!("space.js");
+ for needle in [
+ "placements(entry)",
+ "duplicate(node, det)",
+ "setOwn(node, text)",
+ "removeNode(node)",
+ "copyKey(entry)",
+ ] {
+ assert!(js.contains(needle), "space.js lost {needle}");
+ }
+ }
+
+ /// the saved scenes: listed, opened, renamed, deleted with an undo
+ #[test]
+ fn scenes_window_stays() {
+ let rs = include_str!("views/space.rs");
+ for needle in [
+ "fn Scenes(",
+ "show_scenes",
+ "renamed {n} to {to}",
+ "deleted the scene {n}",
+ "{n} is back",
+ ] {
+ assert!(rs.contains(needle), "space.rs lost {needle}");
+ }
+ }
+
+ /// the command bar's input spans the bar with the same room at both ends, so its
+ /// centred text doesn't move when what's beside it changes size
+ #[test]
+ fn the_bar_text_stays_put() {
+ let css = include_str!("style.css");
+ assert!(
+ css.contains("padding: 0 var(--reserve);") && css.contains("min-width: 15.5cm"),
+ "the input keeps equal room at both ends"
+ );
+ assert!(
+ css.contains(".cmdbar .side {\n position: absolute;"),
+ "the side sits over the bar, not beside the input"
+ );
+ }
+
+ /// the reader's note cards show when each note was written
+ #[test]
+ fn reader_cards_keep_their_dates() {
+ let rs = include_str!("views/reader.rs");
+ assert!(rs.contains("short_date(&c)") && rs.contains("written "));
+ }
+
+ #[test]
+ fn views_stay() {
+ let have: Vec<&str> = crate::ui::View::ALL.iter().map(|v| v.name()).collect();
+ assert_eq!(have, VIEWS, "the views changed: say why in docs/parity.md");
+ }
+}
diff --git a/app/src/picture.rs b/app/src/picture.rs
new file mode 100644
index 00000000..ed2a13f2
--- /dev/null
+++ b/app/src/picture.rs
@@ -0,0 +1,177 @@
+//! The native room's picture shown *in* the page, for desktops without GTK under the
+//! webview (macOS, Windows; on Linux with `ANEND_SPACE_PICTURE=1`, to check it): each frame
+//! `anend-render` draws is kept as an uncompressed bitmap, served to the page through the
+//! `anendframe` custom protocol, and shown by an `img` in the space's element. No script:
+//! the `img`'s address changes with each new frame (docs/wip/questions.md 118).
+//! The prefab pictures (`thumbs`) are drawn here too, on every desktop.
+
+use std::borrow::Cow;
+use std::sync::mpsc::{Receiver, Sender, channel};
+use std::sync::{Arc, Mutex, OnceLock};
+
+use dioxus::desktop::wry::http::{Request, Response};
+
+/// whether the room's picture goes into the page (not under it)
+pub fn enabled() -> bool {
+ static ON: OnceLock<bool> = OnceLock::new();
+ *ON.get_or_init(|| !cfg!(target_os = "linux") || std::env::var("ANEND_SPACE_PICTURE").is_ok_and(|v| v == "1"))
+}
+
+/// the newest frame: its number and its bitmap
+fn frame() -> &'static Mutex<(u64, Arc<Vec<u8>>)> {
+ static F: OnceLock<Mutex<(u64, Arc<Vec<u8>>)>> = OnceLock::new();
+ F.get_or_init(|| Mutex::new((0, Arc::new(bmp(1, 1, &[0, 0, 0, 0])))))
+}
+
+/// the newest frame's number (the page asks for it by number, so each new one loads)
+pub fn frame_no() -> u64 {
+ frame().lock().map(|f| f.0).unwrap_or(0)
+}
+
+/// where the page fetches a frame (WebView2 serves custom protocols over http)
+pub fn frame_url(n: u64) -> String {
+ if cfg!(target_os = "windows") {
+ format!("http://anendframe.localhost/{n}")
+ } else {
+ format!("anendframe://localhost/{n}")
+ }
+}
+
+/// the custom protocol: the newest frame, whatever number was asked for
+pub fn protocol(_: dioxus::desktop::wry::WebViewId, _req: Request<Vec<u8>>) -> Response<Cow<'static, [u8]>> {
+ let data = frame().lock().map(|f| f.1.clone()).unwrap_or_default();
+ Response::builder()
+ .header("Content-Type", "image/bmp")
+ .header("Cache-Control", "no-store")
+ .body(Cow::<'static, [u8]>::Owned(data.as_ref().clone()))
+ .unwrap_or_else(|_| Response::new(Cow::Owned(Vec::new())))
+}
+
+/// RGBA rows (from the top) as a 32-bit BMP, top-down
+fn bmp(w: u32, h: u32, rgba: &[u8]) -> Vec<u8> {
+ let size = (w * h * 4) as usize;
+ let mut out = Vec::with_capacity(54 + size);
+ let le32 = |v: u32| v.to_le_bytes();
+ out.extend_from_slice(b"BM");
+ out.extend_from_slice(&le32(54 + size as u32));
+ out.extend_from_slice(&[0, 0, 0, 0]);
+ out.extend_from_slice(&le32(54));
+ out.extend_from_slice(&le32(40));
+ out.extend_from_slice(&le32(w));
+ out.extend_from_slice(&(-(h as i32)).to_le_bytes());
+ out.extend_from_slice(&1u16.to_le_bytes());
+ out.extend_from_slice(&32u16.to_le_bytes());
+ out.extend_from_slice(&[0; 4]);
+ out.extend_from_slice(&le32(size as u32));
+ out.extend_from_slice(&[0; 16]);
+ for p in rgba.as_chunks::<4>().0 {
+ out.extend_from_slice(&[p[2], p[1], p[0], 255]);
+ }
+ out
+}
+
+/// one picture to draw: the room, from where, how big
+pub struct Job {
+ pub scene: anend_render::Scene,
+ pub camera: anend_render::Camera,
+ pub w: u32,
+ pub h: u32,
+}
+
+fn worker() -> &'static Mutex<Sender<Job>> {
+ static W: OnceLock<Mutex<Sender<Job>>> = OnceLock::new();
+ W.get_or_init(|| {
+ let (tx, rx) = channel::<Job>();
+ std::thread::Builder::new()
+ .name("anend space picture".into())
+ .spawn(move || draw_loop(rx))
+ .expect("the space's thread");
+ Mutex::new(tx)
+ })
+}
+
+/// asks for a picture; only the newest asked for is drawn
+pub fn draw(job: Job) {
+ let _ = worker().lock().unwrap_or_else(|e| e.into_inner()).send(job);
+}
+
+fn draw_loop(rx: Receiver<Job>) {
+ let mut renderer: Option<anend_render::Renderer> = None;
+ while let Ok(mut job) = rx.recv() {
+ while let Ok(newer) = rx.try_recv() {
+ job = newer;
+ }
+ if job.w == 0 || job.h == 0 {
+ continue;
+ }
+ let r = match &mut renderer {
+ Some(r) => {
+ r.resize(job.w, job.h);
+ r
+ }
+ None => match anend_render::Renderer::new(job.w, job.h) {
+ Ok(r) => renderer.insert(r),
+ Err(e) => {
+ eprintln!("anend: the space can't be drawn natively: {e}");
+ return;
+ }
+ },
+ };
+ let mut px = r.render(&job.scene, &job.camera);
+ if r.wants_again {
+ px = r.render(&job.scene, &job.camera);
+ }
+ let b = Arc::new(bmp(job.w, job.h, &px));
+ if let Ok(mut f) = frame().lock() {
+ *f = (f.0 + 1, b);
+ }
+ }
+}
+
+/// the prefabs' small pictures (112 pixels square, see-through round their parts), drawn
+/// on a renderer of their own: id → a PNG data URL, sent back when done
+pub fn thumbs(
+ jobs: Vec<(serde_json::Value, anend_render::Scene, anend_render::Camera)>,
+ done: Sender<serde_json::Value>,
+) {
+ if jobs.is_empty() {
+ return;
+ }
+ std::thread::spawn(move || {
+ const SIZE: u32 = 112;
+ let Ok(mut r) = anend_render::Renderer::new(SIZE, SIZE) else {
+ return;
+ };
+ let mut out = serde_json::Map::new();
+ for (id, scene, camera) in jobs {
+ let mut px = r.render(&scene, &camera);
+ // the picture's edges are blended with nothing: their colour back to full
+ for p in px.as_chunks_mut::<4>().0 {
+ let a = p[3] as f32 / 255.0;
+ if a > 0.0 && a < 1.0 {
+ for c in &mut p[..3] {
+ *c = ((*c as f32 / a).min(255.0)) as u8;
+ }
+ }
+ }
+ let key = id.as_str().map(String::from).unwrap_or_else(|| id.to_string());
+ out.insert(
+ key,
+ serde_json::Value::String(anend_render::tiles::rgba_url(SIZE, SIZE, px)),
+ );
+ }
+ let _ = done.send(serde_json::Value::Object(out));
+ });
+}
+
+#[cfg(test)]
+mod tests {
+ #[test]
+ fn frames_are_bitmaps() {
+ let b = super::bmp(2, 1, &[255, 0, 0, 255, 0, 0, 255, 255]);
+ assert_eq!(&b[..2], b"BM");
+ assert_eq!(b.len(), 54 + 8);
+ // BGRA: the first pixel red
+ assert_eq!(&b[54..58], &[0, 0, 255, 255]);
+ }
+}
diff --git a/app/src/prefs.rs b/app/src/prefs.rs
new file mode 100644
index 00000000..2811d08d
--- /dev/null
+++ b/app/src/prefs.rs
@@ -0,0 +1,314 @@
+//! The app's own settings (this machine's, not the save's): colours, font size, zoom,
+//! spacing, the memory view's toggles, which sections are collapsed. The desktop keeps
+//! them in `app.json` beside the Bevy app's config (`ANEND_APP_CONFIG` overrides the
+//! path); the web app in localStorage.
+
+use std::collections::{BTreeMap, BTreeSet};
+
+use serde::{Deserialize, Serialize};
+
+use crate::gem::Mode;
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize)]
+#[serde(default)]
+pub struct Prefs {
+ /// sand, night, paper or sea
+ pub palette: String,
+ /// colours changed from the palette's, by role
+ pub colours: BTreeMap<String, String>,
+ /// the interface's text size in pixels
+ pub font_size: f32,
+ /// the whole page's zoom (Ctrl+= / Ctrl+−, Ctrl+PageUp / PageDown)
+ pub zoom: f32,
+ /// the memory view's text size in pixels
+ pub memory_font: f32,
+ /// the gap between texts in the memory view, in pixels
+ pub spacing: f32,
+ /// the memory view's centre field's width, in pixels (0: the whole width)
+ pub field_width: f32,
+ pub mode: Mode,
+ /// Enter on a text gsearches its sum (weum's gsch), not its words
+ pub gsearch_text: bool,
+ /// remember what's searched (weum's alsoSaturate)
+ pub saturate: bool,
+ /// the sidecar's frequency letters
+ pub letters: bool,
+ /// the classifier colouring the memory view's texts (empty: none)
+ pub tint: String,
+ /// Enter in the memory view searches with that classifier: a class's name finds the
+ /// texts most likely in it, any other text the texts it reads most like
+ pub cls_search: bool,
+ /// the pipes whose effects the memory view and the space show, stacked in this order
+ pub pipes: Vec<String>,
+ /// how the space's bar searches: normal, classifier or random
+ pub space_search: String,
+ /// the space's background colour
+ pub space_bg: String,
+ /// the space buckets by the reversed sum
+ pub space_reversed: bool,
+ /// the space adds new results to what's there
+ pub space_keep: bool,
+ /// fade the bars away while the mouse and keys rest
+ pub zen: bool,
+ /// seconds of stillness before zen fades
+ pub zen_delay: f32,
+ /// slide the top bar away until the pointer comes near it
+ pub hide_bar: bool,
+ /// sections folded shut, by name (settings, lists…)
+ pub collapsed: BTreeSet<String>,
+ pub view: String,
+ /// the save the desktop opens (a path)
+ pub save: Option<String>,
+ /// the hub (when built with it)
+ pub hub_url: String,
+ /// the memory view's search filter panel is open
+ pub filter_open: bool,
+ /// what the memory view's search filter keeps
+ pub filter: MemFilter,
+ /// the keys changed from their defaults: action id → binding (keys.rs)
+ pub keymap: BTreeMap<String, String>,
+ /// colour the markdown in the note editor
+ pub highlight: bool,
+ /// underline likely spelling and word-choice errors in the note editor
+ pub check_spelling: bool,
+ /// the note list slid away
+ pub hide_list: bool,
+ /// the note list at the editor's right
+ pub list_right: bool,
+ /// the memory view's white mode: dark texts on white
+ pub white: bool,
+ /// the memory view labels every text's words with their types
+ pub word_types: bool,
+ /// the space's panels, physics, history and last address
+ pub space: SpaceUi,
+ /// the interface's font family (empty: the built-in Fira Sans)
+ pub font: String,
+ /// the memory view's font family (empty: the system serif)
+ pub memory_family: String,
+ /// the top bar's and the command bar's heights in pixels
+ pub top_bar: f32,
+ pub bottom_bar: f32,
+ /// the top bar at the bottom, the command bar at the top
+ pub bars_swapped: bool,
+ /// an app token from the hub's profile page (sharing needs one)
+ pub hub_token: String,
+ /// where classifiers read texts: auto, cpu, gpu or gpu_fast (`classify.device`)
+ pub read_device: String,
+ /// a long text is shown piece by piece (`anend_core::pieces`): characters a line and
+ /// lines a piece
+ pub piece_line: usize,
+ pub piece_lines: usize,
+}
+
+/// the space's own settings
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize)]
+#[serde(default)]
+pub struct SpaceUi {
+ /// the physics panel's sliders changed from their defaults (views/space.rs `SLIDERS`)
+ pub physics: BTreeMap<String, f64>,
+ /// what the depth follows: none, ordinal, length or time
+ pub depth_by: String,
+ /// what was typed in the space's bar (↑ ↓), newest last
+ pub history: Vec<String>,
+ /// the last address (`123`, `r123` or a map's name), opened again next time
+ pub address: String,
+ pub show_physics: bool,
+ pub show_hud: bool,
+ pub show_help: bool,
+ pub show_details: bool,
+ /// the blocks window (spatial saves)
+ pub show_blocks: bool,
+ /// the saved scenes (maps) window
+ pub show_scenes: bool,
+ /// the textures window (texture recipes)
+ pub show_textures: bool,
+ /// the lights window
+ pub show_lights: bool,
+ /// the animations window
+ pub show_anims: bool,
+ /// the wiring window (blocks that cast rays and run programs)
+ pub show_wiring: bool,
+ /// the prefabs window (subassemblies and their menu)
+ pub show_prefabs: bool,
+ /// the sounds window (the save's sounds and the selected block's emitter)
+ pub show_sounds: bool,
+ /// where each movable window was left (`details`, `physics`): its left and top
+ pub wins: BTreeMap<String, (f64, f64)>,
+}
+
+impl Default for SpaceUi {
+ fn default() -> SpaceUi {
+ SpaceUi {
+ physics: BTreeMap::new(),
+ depth_by: "none".into(),
+ history: Vec::new(),
+ address: String::new(),
+ show_physics: false,
+ show_hud: true,
+ show_help: false,
+ show_details: true,
+ show_blocks: false,
+ show_scenes: false,
+ show_textures: false,
+ show_lights: false,
+ show_anims: false,
+ show_wiring: false,
+ show_prefabs: false,
+ show_sounds: false,
+ wins: BTreeMap::new(),
+ }
+ }
+}
+
+/// the memory view's search filter: what of the shown texts it keeps (every part empty or
+/// off keeps everything)
+#[derive(Debug, Clone, Default, PartialEq, Serialize, Deserialize)]
+#[serde(default)]
+pub struct MemFilter {
+ /// leave out notes / texts that aren't notes
+ pub no_notes: bool,
+ pub no_texts: bool,
+ /// kinds of text (core's kinds::detect) to keep; empty: all
+ pub kinds: BTreeSet<String>,
+ /// word types a text must have (each of them at least once)
+ pub words: BTreeSet<String>,
+ /// classes of the colouring classifier to keep ("unsure" for none); empty: all
+ pub classes: BTreeSet<String>,
+ /// only texts the colouring classifier was given a yes or no on
+ pub feedback: bool,
+}
+
+impl MemFilter {
+ pub fn active(&self) -> bool {
+ *self != MemFilter::default()
+ }
+}
+
+impl Default for Prefs {
+ fn default() -> Prefs {
+ Prefs {
+ palette: "sand".into(),
+ colours: BTreeMap::new(),
+ font_size: 14.0,
+ zoom: 1.0,
+ memory_font: 20.0,
+ spacing: 4.0,
+ field_width: 0.0,
+ mode: Mode::Ordinal,
+ gsearch_text: true,
+ saturate: true,
+ letters: true,
+ tint: String::new(),
+ cls_search: false,
+ pipes: Vec::new(),
+ space_search: "normal".into(),
+ space_bg: "#e4d4be".into(),
+ space_reversed: false,
+ space_keep: false,
+ zen: false,
+ zen_delay: 2.5,
+ hide_bar: false,
+ collapsed: ["hub".to_string()].into_iter().collect(),
+ view: "memory".into(),
+ save: None,
+ hub_url: String::new(),
+ filter_open: false,
+ filter: MemFilter::default(),
+ keymap: BTreeMap::new(),
+ highlight: true,
+ check_spelling: true,
+ hide_list: false,
+ list_right: false,
+ white: false,
+ word_types: false,
+ space: SpaceUi::default(),
+ font: String::new(),
+ memory_family: String::new(),
+ top_bar: 32.0,
+ bottom_bar: 32.0,
+ bars_swapped: false,
+ hub_token: String::new(),
+ read_device: "auto".into(),
+ piece_line: anend_core::pieces::LINE,
+ piece_lines: anend_core::pieces::LINES,
+ }
+ }
+}
+
+impl Prefs {
+ pub fn folded(&self, section: &str) -> bool {
+ self.collapsed.contains(section)
+ }
+}
+
+#[cfg(not(target_arch = "wasm32"))]
+fn path() -> std::path::PathBuf {
+ if let Some(p) = std::env::var_os("ANEND_APP_CONFIG") {
+ return p.into();
+ }
+ config_dir().join("app.json")
+}
+
+#[cfg(not(target_arch = "wasm32"))]
+fn platform_dir(xdg: &str, fallback: &str) -> std::path::PathBuf {
+ let base = if cfg!(target_os = "windows") {
+ std::env::var_os("APPDATA").map(std::path::PathBuf::from)
+ } else if cfg!(target_os = "macos") {
+ std::env::var_os("HOME").map(|h| std::path::PathBuf::from(h).join("Library/Application Support"))
+ } else {
+ std::env::var_os(xdg)
+ .map(std::path::PathBuf::from)
+ .or_else(|| std::env::var_os("HOME").map(|h| std::path::PathBuf::from(h).join(fallback)))
+ };
+ base.unwrap_or_else(|| ".".into()).join("anend")
+}
+
+#[cfg(not(target_arch = "wasm32"))]
+pub fn config_dir() -> std::path::PathBuf {
+ platform_dir("XDG_CONFIG_HOME", ".config")
+}
+
+/// where saves live unless the settings say otherwise (the Bevy app's folder)
+#[cfg(not(target_arch = "wasm32"))]
+pub fn data_dir() -> std::path::PathBuf {
+ platform_dir("XDG_DATA_HOME", ".local/share")
+}
+
+#[cfg(not(target_arch = "wasm32"))]
+pub fn load() -> Prefs {
+ std::fs::read(path())
+ .ok()
+ .and_then(|b| serde_json::from_slice(&b).ok())
+ .unwrap_or_default()
+}
+
+#[cfg(not(target_arch = "wasm32"))]
+pub fn store(p: &Prefs) {
+ let path = path();
+ if let Some(d) = path.parent() {
+ let _ = std::fs::create_dir_all(d);
+ }
+ if let Ok(b) = serde_json::to_vec_pretty(p) {
+ let _ = std::fs::write(path, b);
+ }
+}
+
+#[cfg(target_arch = "wasm32")]
+fn storage() -> Option<web_sys::Storage> {
+ web_sys::window()?.local_storage().ok().flatten()
+}
+
+#[cfg(target_arch = "wasm32")]
+pub fn load() -> Prefs {
+ storage()
+ .and_then(|s| s.get_item("anend.app").ok().flatten())
+ .and_then(|t| serde_json::from_str(&t).ok())
+ .unwrap_or_default()
+}
+
+#[cfg(target_arch = "wasm32")]
+pub fn store(p: &Prefs) {
+ if let (Some(s), Ok(t)) = (storage(), serde_json::to_string(p)) {
+ let _ = s.set_item("anend.app", &t);
+ }
+}
diff --git a/app/src/shell.rs b/app/src/shell.rs
new file mode 100644
index 00000000..a54ca795
--- /dev/null
+++ b/app/src/shell.rs
@@ -0,0 +1,672 @@
+//! The app's shell: the top bar (the mark, the views, the search line, the status, undo and
+//! settings), the views, the dock (the strip of toggles in the memory view and the space,
+//! the command bar), toasts, the right-click menu, and the keyboard.
+
+use dioxus::prelude::*;
+
+use crate::gem::Measure;
+use crate::keys::{Action, Binding};
+use crate::prefs::Prefs;
+use crate::ui::*;
+use crate::views;
+
+const CSS: &str = include_str!("style.css");
+
+/// the one key listener: keys the shell or the open view takes, sent to Rust; the browser
+/// keeps the rest (typing, Tab, the browser's own)
+const KEYS_JS: &str = r#"
+const KEY = /^\d{1,3}(,\d{1,3}){0,5}$/;
+// the bindings the keymap holds here (`ctrl,shift,alt,code`), set by Rust per view
+window.__anendTaken = window.__anendTaken || new Set();
+// the keys menu waits for a key: every key goes to Rust
+window.__anendListen = false;
+window.addEventListener('keydown', (e) => {
+ // an input method composing (IME): its keys are its own, Enter included
+ if (e.isComposing || e.keyCode === 229) return;
+ const t = e.target || {};
+ const bar = t.id === 'bar';
+ const typing = t.tagName === 'INPUT' || t.tagName === 'TEXTAREA' || t.tagName === 'SELECT' || t.isContentEditable;
+ const k = e.key, c = e.ctrlKey || e.metaKey;
+ const send = () => dioxus.send({ key: k, code: e.code, ctrl: c, shift: e.shiftKey, alt: e.altKey, bar, typing, text: bar ? t.value : '' });
+ if (window.__anendListen) {
+ if (!['Control', 'Shift', 'Alt', 'Meta'].includes(k)) { e.preventDefault(); send(); }
+ return;
+ }
+ const bound = window.__anendTaken.has(`${+c},${+e.shiftKey},${+e.altKey},${e.code}`);
+ // a text box keeps its own editing chords
+ const editing = typing && !bar && c && ['z', 'Z', 'y', 'x', 'c', 'v', 'a'].includes(k);
+ let take = false, prevent = false;
+ if (editing) return;
+ if (c && (k === 'z' || k === 'Z' || k === 'y') && bar) { take = true; prevent = true; }
+ else if (bound && (c || e.altKey)) { take = true; prevent = true; }
+ else if (c && (k === 'PageUp' || k === 'PageDown' || k === '+')) { take = true; prevent = true; }
+ else if (k === 'Escape') take = true;
+ else if (bar && (k === 'Enter' || k === 'ArrowUp' || k === 'ArrowDown')) { take = true; prevent = true; }
+ else if (bar && k === 'Delete' && KEY.test(t.value.trim()) && t.selectionStart === t.value.length) { take = true; prevent = true; }
+ else if (!typing && !e.altKey && !c) { take = true; if (bound || k.startsWith('Arrow') || k === ' ') prevent = true; }
+ if (!take) return;
+ if (prevent) e.preventDefault();
+ send();
+});
+// zen: the bars fade while the mouse and keys rest; the top bar slides in near the top
+let zenTimer = 0;
+const stir = (y) => {
+ const app = document.querySelector('.app');
+ if (!app) return;
+ app.classList.remove('idle');
+ clearTimeout(zenTimer);
+ if (app.dataset.zen === '1') zenTimer = setTimeout(() => {
+ if (!app.querySelector('.dock:focus-within, .overlay, .menu')) app.classList.add('idle');
+ }, (parseFloat(app.dataset.zenDelay) || 2.5) * 1000);
+ // shown from the window's top edge, kept while the pointer stays on the bar
+ if (y !== undefined) app.classList.toggle('peek', y < (app.classList.contains('peek') ? 36 : 8));
+};
+window.addEventListener('mousemove', (e) => stir(e.clientY), { passive: true });
+window.addEventListener('keydown', () => stir(), { passive: true });
+window.addEventListener('mousedown', (e) => stir(e.clientY), { passive: true });
+"#;
+
+fn measure_of(t: &str) -> Option<Measure> {
+ let t = t.trim();
+ let key_like = !t.is_empty() && t.split(',').all(|p| p.trim().parse::<u8>().is_ok());
+ (!t.is_empty() && !key_like && t.parse::<u64>().is_err()).then(|| Measure::of(t))
+}
+
+#[component]
+pub fn App() -> Element {
+ let api = use_context_provider(crate::make_api);
+ let prefs = use_signal(crate::prefs::load);
+ let ui = use_context_provider(|| Ui {
+ view: Signal::new(View::parse(&prefs.peek().view)),
+ prefs,
+ status: Signal::new((String::new(), false, 0)),
+ toasts: Signal::new(Vec::new()),
+ bar: Signal::new(String::new()),
+ measure: Signal::new(None),
+ settings: Signal::new(false),
+ hello: Signal::new(Default::default()),
+ topline: Signal::new(None),
+ picks: Signal::new(Default::default()),
+ pending: Signal::new(Pending::None),
+ menu: Signal::new(None),
+ actions: Signal::new(Vec::new()),
+ bar_history: Signal::new(Default::default()),
+ keys: Signal::new(Vec::new()),
+ changed: Signal::new(0),
+ bar_texts: Signal::new(Default::default()),
+ seq: Signal::new(0),
+ side: Signal::new(Default::default()),
+ listening: Signal::new(None),
+ open_note: Signal::new(None),
+ pick_tag: Signal::new(None),
+ closing: Signal::new(0),
+ });
+ // closing the window (desktop): the notes view saves the open note first; the window
+ // only hides when asked to close (main.rs), and the app ends here
+ #[cfg(not(target_arch = "wasm32"))]
+ {
+ use dioxus::desktop::tao::event::{Event, WindowEvent};
+ dioxus::desktop::use_wry_event_handler(move |ev, _| {
+ if let Event::WindowEvent {
+ event: WindowEvent::CloseRequested,
+ ..
+ } = ev
+ {
+ let mut c = ui.closing;
+ if *c.peek() != 0 {
+ return;
+ }
+ c.set(1);
+ dioxus::dioxus_core::spawn_forever(async move {
+ // a view that has something to keep takes it (2) and ends the app when
+ // it's kept; give up waiting after a few seconds
+ crate::ui::sleep_ms(200).await;
+ if *ui.closing.peek() == 2 {
+ crate::ui::sleep_ms(5000).await;
+ }
+ std::process::exit(0);
+ });
+ }
+ });
+ }
+
+ // where classifiers read texts, as chosen in the settings (a shared hub keeps its own)
+ {
+ let api = api.clone();
+ use_hook(move || {
+ let device = prefs.peek().read_device.clone();
+ spawn(async move {
+ let _ = api
+ .call("classify.device", serde_json::json!({ "device": device }))
+ .await;
+ });
+ });
+ }
+
+ // the save's name and counts, and again whenever something changed
+ {
+ let api = api.clone();
+ use_effect(move || {
+ let _ = (ui.changed)();
+ ui.refresh(api.clone());
+ });
+ }
+
+ // the bar's text measured a beat after typing stops, off the input path
+ use_effect(move || {
+ let t = ui.bar.read().clone();
+ spawn(async move {
+ sleep_ms(110).await;
+ if *ui.bar.peek() == t {
+ let mut m = ui.measure;
+ m.set(measure_of(&t));
+ }
+ });
+ });
+
+ // the page's key listener keeps the keys bound here from the browser
+ use_effect(move || {
+ let view = (ui.view)();
+ let keymap = crate::keys::Keymap::from_changes(&ui.prefs.read().keymap);
+ let listen = ui.listening.read().is_some();
+ let taken = serde_json::to_string(&keymap.taken(view)).unwrap_or_default();
+ document::eval(&format!(
+ "window.__anendTaken = new Set({taken}); window.__anendListen = {listen};"
+ ));
+ });
+
+ // the keyboard
+ {
+ let api = api.clone();
+ use_hook(move || {
+ spawn(async move {
+ let mut ev = document::eval(KEYS_JS);
+ while let Ok(k) = ev.recv::<KeyPress>().await {
+ on_key(ui, api.clone(), k);
+ }
+ });
+ });
+ }
+
+ let p = prefs.read();
+ let vars = format!(
+ "{}{}",
+ crate::theme::css_vars(&p.palette, &p.colours),
+ crate::theme::hl_vars(&p.palette, &p.colours)
+ );
+ let zoom = p.zoom;
+ let fs = p.font_size;
+ let (zen, zen_delay, hide_bar) = (p.zen, p.zen_delay, p.hide_bar);
+ let view = (ui.view)();
+ // zoom only when it isn't 1 (WebKit's css zoom upsets the space's 3d transforms)
+ let zoomed = if (zoom - 1.0).abs() > 0.001 {
+ format!("zoom: {zoom}; height: calc(100vh / {zoom});")
+ } else {
+ String::new()
+ };
+ // a family the person named goes before the built-in ones
+ let fam = |f: &str, rest: &str| {
+ let f = f.trim().replace(['"', ';', '{', '}'], "");
+ if f.is_empty() {
+ String::new()
+ } else {
+ format!(
+ "--{rest}: \"{f}\", {};",
+ if rest == "font" {
+ "\"Fira Sans\", system-ui, sans-serif"
+ } else {
+ "\"Times New Roman\", serif"
+ }
+ )
+ }
+ };
+ let style = format!(
+ "{vars} --fs: {fs}px; --mfs: {}px; --mspace: {}px; --top: {}px; --barh: {}px; {}{}{zoomed}",
+ p.memory_font,
+ p.spacing,
+ p.top_bar.clamp(20.0, 80.0),
+ p.bottom_bar.clamp(20.0, 80.0),
+ fam(&p.font, "font"),
+ fam(&p.memory_family, "serif"),
+ );
+ let swapped = p.bars_swapped;
+ drop(p);
+ rsx! {
+ style { {crate::fonts::css()} }
+ style { {CSS} }
+ div {
+ class: "app v-{view.name()}",
+ class: if zen { "zen" } else { "" },
+ class: if hide_bar { "hide-bar" } else { "" },
+ class: if swapped { "swapped" } else { "" },
+ "data-zen": if zen { "1" } else { "0" },
+ "data-zen-delay": "{zen_delay}",
+ style: "{style}",
+ TopBar {}
+ div { class: "views",
+ for v in View::ALL {
+ views::ViewHost { key: "{v.name()}", view: v }
+ }
+ }
+ Dock {}
+ Toasts {}
+ ContextMenu {}
+ if (ui.settings)() {
+ views::settings::Settings {}
+ }
+ }
+ }
+}
+
+fn set_zoom(mut ui: Ui, z: f32) {
+ ui.prefs.write().zoom = (z * 20.0).round().clamp(10.0, 60.0) / 20.0;
+ ui.save_prefs();
+ let z = ui.prefs.peek().zoom;
+ ui.say(format!("zoom {}%", (z * 100.0).round()));
+}
+
+fn on_key(mut ui: Ui, api: Api, mut k: KeyPress) {
+ let view = *ui.view.peek();
+ // the keys menu is waiting for a key
+ if let Some(a) = *ui.listening.peek() {
+ crate::views::settings::rebind(ui, a, &k);
+ return;
+ }
+ let keymap = ui.keymap();
+ let pressed = Binding::of(&k.code, k.ctrl, k.shift, k.alt);
+ k.action = pressed.and_then(|b| keymap.action(view, b, k.typing || k.bar));
+ let z = ui.prefs.peek().zoom;
+ // the bar's own undo (Ctrl+Z / Ctrl+Y / Ctrl+Shift+Z while in it)
+ if k.ctrl && k.bar && matches!(k.key.as_str(), "z" | "Z" | "y") {
+ ui.bar_undo(k.key != "z");
+ return;
+ }
+ if k.ctrl && !k.alt {
+ match k.key.as_str() {
+ "PageUp" | "+" => return set_zoom(ui, z + 0.05),
+ "PageDown" => return set_zoom(ui, z - 0.05),
+ _ => {}
+ }
+ }
+ let global = match k.action {
+ Some(Action::GotoMemory) => Some(View::Memory),
+ Some(Action::GotoSpace) => Some(View::Space),
+ Some(Action::GotoLists) => Some(View::Lists),
+ Some(Action::GotoReader) => Some(View::Reader),
+ Some(Action::GotoNotes) => Some(View::Notes),
+ Some(Action::GotoTags) => Some(View::Tags),
+ Some(Action::GotoStats) => Some(View::Stats),
+ Some(Action::GotoModels) => Some(View::Models),
+ Some(Action::GotoFilters) => Some(View::Filters),
+ _ => None,
+ };
+ if let Some(v) = global {
+ go(ui, v);
+ return;
+ }
+ match k.action {
+ Some(Action::OpenSettings) => {
+ let open = *ui.settings.peek();
+ ui.settings.set(!open);
+ return;
+ }
+ Some(Action::OpenKeys) => {
+ crate::shell::set_pref(ui, |p| {
+ p.collapsed.remove("keys");
+ });
+ ui.settings.set(true);
+ return;
+ }
+ Some(Action::ZoomIn) => return set_zoom(ui, z + 0.05),
+ Some(Action::ZoomOut) => return set_zoom(ui, z - 0.05),
+ Some(Action::ZoomReset) => return set_zoom(ui, 1.0),
+ // the space keeps its own undo (moves, pins, removals) and falls back on this
+ Some(Action::Undo) if !k.typing && view != View::Space => return undo_last(ui, api),
+ Some(Action::FocusBar) if !*ui.settings.peek() => {
+ ui.focus_bar();
+ return;
+ }
+ _ => {}
+ }
+ if k.key == "Escape" {
+ if ui.menu.peek().is_some() {
+ ui.menu.set(None);
+ } else if *ui.settings.peek() {
+ ui.settings.set(false);
+ } else if *ui.pending.peek() != Pending::None {
+ ui.pending.set(Pending::None);
+ ui.say("never mind");
+ } else if k.bar {
+ document::eval("document.activeElement && document.activeElement.blur()");
+ } else {
+ let handler = ui.keys.peek().iter().find(|(v, _)| *v == view).map(|(_, h)| *h);
+ if let Some(h) = handler {
+ h.call(k);
+ }
+ }
+ return;
+ }
+ if *ui.settings.peek() || ui.menu.peek().is_some() {
+ return;
+ }
+ let handler = ui.keys.peek().iter().find(|(v, _)| *v == view).map(|(_, h)| *h);
+ let taken = handler.map(|h| h.call(k.clone())).unwrap_or(false);
+ if !taken && !k.bar && !k.typing && k.key == "Enter" {
+ ui.focus_bar();
+ }
+}
+
+pub fn go(mut ui: Ui, v: View) {
+ let from = *ui.view.peek();
+ if from == v {
+ return;
+ }
+ // each view keeps its own bar text
+ let now = ui.bar.peek().clone();
+ ui.bar_texts.write().insert(from, now);
+ let back = ui.bar_texts.peek().get(&v).cloned().unwrap_or_default();
+ ui.set_bar(&back);
+ ui.view.set(v);
+ ui.prefs.write().view = v.name().to_string();
+ ui.save_prefs();
+ ui.menu.set(None);
+}
+
+#[component]
+fn TopBar() -> Element {
+ let mut ui = ui();
+ let api = api();
+ let view = (ui.view)();
+ let (status, bad, _) = (ui.status)();
+ let hello = (ui.hello)();
+ let line = (ui.topline)();
+ let show_line = matches!(view, View::Memory | View::Space);
+ // the notes view counts its notes at the bar's end ("n of m notes" while narrowed),
+ // so the top line leaves its count out there: one notes count per view
+ let idle = if view == View::Notes {
+ format!("{} · {} texts", hello.save, hello.counts.memories)
+ } else {
+ format!(
+ "{} · {} texts · {} notes",
+ hello.save, hello.counts.memories, hello.counts.notes
+ )
+ };
+ let last = ui.actions.read().last().map(|a| a.describe());
+ rsx! {
+ header { class: "top", role: "banner",
+ nav { class: "tabs", "aria-label": "views",
+ for (i , v) in View::ALL.into_iter().enumerate() {
+ button {
+ key: "{v.name()}",
+ class: if v == view { "tab on" } else { "tab" },
+ class: if i == 0 { "tip-right" } else { "" },
+ "data-tip": "{v.name()} · Ctrl+{i + 1}",
+ "aria-label": "{v.name()}",
+ "aria-current": if v == view { "page" } else { "false" },
+ onclick: move |_| go(ui, v),
+ Icon { name: v.icon() }
+ }
+ }
+ }
+ if show_line {
+ if let Some(l) = line {
+ div { class: "searchline", role: "status",
+ b { "{l.title}" }
+ if !l.detail.is_empty() {
+ span { class: "detail", "{l.detail}" }
+ }
+ if let Some((texts, buckets)) = l.counts {
+ span { class: "counts",
+ span { title: format!("{texts} text{} in the space", if texts == 1 { "" } else { "s" }), Icon { name: "text" } b { "{texts}" } }
+ span { title: format!("{buckets} bucket{} in the space", if buckets == 1 { "" } else { "s" }), Icon { name: "bucket" } b { "{buckets}" } }
+ }
+ }
+ Triangle { s: l.s, r: l.r }
+ if l.s > 0 || l.r > 0 {
+ span { class: "detail tri", "{crate::gem::triangle_short(l.s, l.r)}" }
+ }
+ // last: the line's end gives way when the bar is narrow
+ if let Some(n) = l.pf {
+ span { class: "pfline", title: "its prime factor chain (weum's pfR); click a number to put it in the bar", crate::views::memory::PfLine { n } }
+ }
+ }
+ }
+ }
+ span { class: "grow" }
+ span {
+ class: if bad { "status bad" } else { "status" },
+ role: "status",
+ "aria-live": "polite",
+ if status.is_empty() { "{idle}" } else { "{status}" }
+ }
+ button {
+ class: "side tip-left",
+ "data-tip": match &last { Some(d) => format!("undo {d} · Ctrl+Z"), None => "nothing to undo".to_string() },
+ "aria-label": "undo",
+ disabled: last.is_none(),
+ onclick: move |_| undo_last(ui, api.clone()),
+ Icon { name: "undo" }
+ }
+ button {
+ class: "side tip-left",
+ "data-tip": "settings · Ctrl+,",
+ "aria-label": "settings",
+ onclick: move |_| ui.settings.set(!(ui.settings)()),
+ Icon { name: "settings" }
+ }
+ }
+ }
+}
+
+#[component]
+fn Dock() -> Element {
+ let ui = ui();
+ let view = (ui.view)();
+ let pending = (ui.pending)();
+ // the bar names what Enter will do only while it does something else than search; it
+ // never names the view (the tabs say which one is open)
+ let badge = match &pending {
+ Pending::Edit(h) => Some(format!("editing {}", h.key)),
+ Pending::EditOwn { .. } => Some("this placement's own text".to_string()),
+ Pending::Tag(hs) => Some(format!(
+ "tag {} with…",
+ if hs.len() == 1 {
+ hs[0].text.clone()
+ } else {
+ format!("{} texts", hs.len())
+ }
+ )),
+ Pending::None => None,
+ };
+ rsx! {
+ footer { class: "dock",
+ div { class: "cmdbar",
+ if let Some(b) = badge {
+ label { class: "pending", r#for: "bar", "{b}" }
+ }
+ input {
+ id: "bar",
+ r#type: "text",
+ autocomplete: "off",
+ spellcheck: "false",
+ "aria-label": "command bar",
+ placeholder: view.placeholder(),
+ oninput: move |e| ui.typed(e.value()),
+ }
+ div { class: "side", role: "toolbar", "aria-label": "{view.name()} controls",
+ views::Side { view }
+ }
+ }
+ }
+ }
+}
+
+#[component]
+fn Toasts() -> Element {
+ let mut ui = ui();
+ let toasts = (ui.toasts)();
+ rsx! {
+ div { class: "toasts", "aria-live": "polite",
+ for t in toasts {
+ div {
+ key: "{t.id}",
+ class: "toast",
+ title: "click: into the bar · double click: dismiss",
+ onclick: {
+ let text = t.text.clone();
+ move |_| ui.set_bar(&text)
+ },
+ ondoubleclick: move |_| ui.toasts.write().retain(|x| x.id != t.id),
+ "{t.text}"
+ }
+ }
+ }
+ }
+}
+
+#[component]
+fn ContextMenu() -> Element {
+ let mut ui = ui();
+ let api = api();
+ let Some(m) = (ui.menu)() else { return rsx! {} };
+ let hit = m.hit.clone();
+ let selected = ui.picks.read().selected.iter().any(|h| h.key == hit.key);
+ let (x, y) = (m.x.min(10_000.0), m.y.min(10_000.0));
+ let item = move |f: Box<dyn Fn()>| {
+ move |_| {
+ f();
+ let mut menu = ui.menu;
+ menu.set(None);
+ }
+ };
+ let h1 = hit.clone();
+ let h2 = hit.clone();
+ let h3 = hit.clone();
+ let h4 = hit.clone();
+ let h5 = hit.clone();
+ let h6 = hit.clone();
+ let h7 = hit.clone();
+ let api2 = api.clone();
+ rsx! {
+ div { class: "backdrop", onclick: move |_| ui.menu.set(None), oncontextmenu: move |e| { e.prevent_default(); ui.menu.set(None) } }
+ div {
+ class: "menu",
+ role: "menu",
+ style: "left: min({x}px, calc(100vw - 200px)); top: min({y}px, calc(100vh - 300px));",
+ onmounted: move |e| async move { let _ = e.set_focus(true).await; },
+ tabindex: "-1",
+ div { class: "title", "{hit.text}" }
+ MenuKind { key: "{hit.key}", entry: hit.key.clone() }
+ button { role: "menuitem", onclick: item(Box::new(move || {
+ ui.set_bar(&h1.text);
+ let mut p = ui.pending; p.set(Pending::Edit(h1.clone()));
+ ui.focus_bar();
+ ui.say("edit it in the bar; Enter puts it back under the same key, Esc leaves it");
+ })), Icon { name: "edit" } "edit" kbd { "Enter keeps the key" } }
+ button { role: "menuitem", onclick: item(Box::new(move || {
+ let sel = ui.picks.peek().selected.clone();
+ let targets = if sel.iter().any(|h| h.key == h2.key) { sel } else { vec![h2.clone()] };
+ let mut p = ui.pending; p.set(Pending::Tag(targets));
+ ui.set_bar("");
+ ui.focus_bar();
+ ui.say("type a tag and press Enter");
+ })), Icon { name: "tag" } "tag…" }
+ button { role: "menuitem", onclick: item(Box::new(move || {
+ let mut picks = ui.picks;
+ let mut p = picks.write();
+ if let Some(i) = p.selected.iter().position(|h| h.key == h3.key) { p.selected.remove(i); } else { p.selected.push(h3.clone()); }
+ })), Icon { name: "check" } if selected { "unselect" } else { "select" } kbd { "Alt+click" } }
+ button { role: "menuitem", onclick: item(Box::new(move || {
+ let mut p = ui.picks; p.write().list = Some(h4.clone());
+ ui.say(format!("list: {}", h4.text));
+ })), Icon { name: "list" } "make it the list" kbd { "Shift+click" } }
+ button { role: "menuitem", onclick: item(Box::new(move || {
+ let mut p = ui.picks; p.write().candidate = Some(h5.clone());
+ ui.say(format!("candidate: {}", h5.text));
+ })), Icon { name: "pick" } "make it the candidate" kbd { "Ctrl+click" } }
+ button { role: "menuitem", onclick: item(Box::new(move || {
+ ui.set_bar(&h6.key);
+ })), Icon { name: "keys" } "its key into the bar" kbd { "double click" } }
+ if !hit.note {
+ button { role: "menuitem", onclick: item(Box::new(move || {
+ let h = h7.clone();
+ let api = api2.clone();
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.forget(&h.key).await {
+ Ok(text) => {
+ ui.did(Did::Forgot { key: h.key.clone(), text: text.clone() });
+ ui.say(format!("forgot “{text}” ({}) · Ctrl+Z takes it back", h.key));
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ })), Icon { name: "delete" } "forget" kbd { "Delete" } }
+ }
+ }
+ }
+}
+
+/// in the right-click menu: when the entry was written, and its kind (told by its
+/// pattern; picked here when the guess is wrong, kept in the save)
+#[component]
+fn MenuKind(entry: String) -> Element {
+ let ui = ui();
+ let api = api();
+ let key = entry;
+ let k0 = key.clone();
+ let api_i = api.clone();
+ let info = use_resource(move || {
+ let (api, k) = (api_i.clone(), k0.clone());
+ async move { api.call("entries.info", serde_json::json!({ "key": k })).await }
+ });
+ let Some(Ok(v)) = info.read().clone() else {
+ return rsx! {};
+ };
+ let kind = v["kind"].as_str().unwrap_or("text").to_string();
+ let detected = v["detected"].as_str().unwrap_or("text").to_string();
+ let fixed = v["fixed"] == true;
+ let kinds: Vec<String> = v["kinds"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .filter_map(|k| k.as_str().map(str::to_string))
+ .collect();
+ let written = v["created"].as_str().unwrap_or("").get(..10).unwrap_or("").to_string();
+ rsx! {
+ div { class: "kindrow small",
+ label { "kind"
+ select {
+ "aria-label": "its kind",
+ value: "{kind}",
+ onchange: move |e| {
+ let api = api.clone();
+ let k = key.clone();
+ let pick = e.value();
+ let det = detected.clone();
+ let mut menu = ui.menu;
+ menu.set(None);
+ dioxus::dioxus_core::spawn_forever(async move {
+ let set = if pick == det { String::new() } else { pick.clone() };
+ match api.call("entries.set_kind", serde_json::json!({ "key": k, "kind": set })).await {
+ Ok(_) => ui.say(format!("{k} is a {pick} now")),
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ for k in kinds {
+ option { key: "{k}", value: "{k}", selected: k == kind, "{k}" }
+ }
+ }
+ }
+ span { class: "dim", if fixed { "set by hand" } else { "by its pattern" } }
+ if !written.is_empty() { span { class: "dim", "written {written}" } }
+ }
+ }
+}
+
+/// the prefs, changed and kept
+pub fn set_pref(mut ui: Ui, f: impl FnOnce(&mut Prefs)) {
+ f(&mut ui.prefs.write());
+ ui.save_prefs();
+}
diff --git a/app/src/space.js b/app/src/space.js
new file mode 100644
index 00000000..8de12c89
--- /dev/null
+++ b/app/src/space.js
@@ -0,0 +1,3661 @@
+// the space: memory texts float as camera-facing labels (html laid over a webgl room at
+// each text's projected place) and you fly through it. Rust sends the texts with what
+// they are (their sums, length, kind, word types, lists, time, class) and the physics'
+// settings; this file runs the free spread and draws, and tells Rust what happens.
+//
+// The spread is a free force-directed layout (no spiral, no anchors): every two texts
+// repel, and attract each other as much as they are alike, where "alike" is a weighted
+// sum of what the physics panel weighs (sums, bucket, length, word types, lists, class,
+// time, letters), each weight from −1 (alike texts push apart) to +1 (pull together). A
+// weak gravity keeps the cloud together, labels never overlap, and the integration runs
+// in fixed steps with damping and cooling, so it settles whatever the frame rate.
+//
+// Smooth labels: each label keeps one font size and is placed and scaled with a
+// sub-pixel transform every frame (no font-size steps, no whole-pixel snapping).
+//
+// right mouse drag looks, W A S D move, Space / C up and down, Q / E roll, Shift fast,
+// [ ] or the wheel change the speed, R levels, Home goes back; the arrows ease the
+// camera onto the nearest text that way. Drag a text to move it (it stays pinned), the
+// wheel on a text pushes it away or pulls it near. Blocks (spatial saves) are boxes in
+// the webgl room, moved and resized with a gizmo (see "blocks" below).
+
+import * as THREE from '__THREE__';
+
+const LOOK = 0.0026;
+const ROLL = 1.4;
+const BASE_PX = 32;
+// a block's texture repeats once per unit of its sides (core's graph::blocks::TILE)
+const BLOCK_TILE = 1;
+const STEP = 1 / 60;
+// the flying keys by action, as the keymap binds them (Rust sends them: `keys`)
+const DEFAULT_KEYS = { fly_forward: 'KeyW', fly_back: 'KeyS', fly_left: 'KeyA', fly_right: 'KeyD', fly_up: 'Space', fly_down: 'KeyC', roll_left: 'KeyQ', roll_right: 'KeyE', level: 'KeyR', back_to_start: 'Home', slower: 'BracketLeft', faster: 'BracketRight', walk: 'KeyV', superflight: 'KeyB', grapple: 'KeyG', sneak: 'KeyZ' };
+const FLYING = ['fly_forward', 'fly_back', 'fly_left', 'fly_right', 'fly_up', 'fly_down', 'roll_left', 'roll_right', 'sneak'];
+// walking (first-person mode): the body's sizes, speeds (units a second) and the floor
+const BODY = { r: 0.3, stand: 1.7, crouch: 1.05, walk: 3.2, run: 6, sneak: 1.4, crawl: 1.6, jump: 6.2, gravity: 20, step: 0.35, mantle: 1.3, floor: -9 };
+const FP_STEP = 1 / 120;
+// the physics' settings (the panel's sliders); Rust sends changes as `physics`
+export const PHYSICS = {
+ damping: 2.2, gravity: 0.06, repel: 9, link: 4, attract: 0.9, pad: 0.3, cool: 0.012, substeps: 2,
+ size: 0.5, wrap: 60, minPx: 1.2, depth: 0, flat: 1.5, qscale: 12, distance: 26,
+ w_ordinal: 0.6, w_reversed: 0.3, w_bucket: 0.8, w_length: 0.2, w_types: 0.3, w_lists: 0.7, w_class: 0.5, w_time: 0.2, w_letters: 0.4,
+ depth_by: 'none', reversed: 0,
+ look: 1, smooth: 14,
+};
+
+const typing = (e) => {
+ const t = e.target || {};
+ return t.tagName === 'INPUT' || t.tagName === 'TEXTAREA' || t.tagName === 'SELECT' || t.isContentEditable;
+};
+
+const hash01 = (s, salt) => {
+ let h = 2166136261 ^ salt;
+ for (let i = 0; i < s.length; i++) h = Math.imul(h ^ s.charCodeAt(i), 16777619);
+ return ((h >>> 0) % 100000) / 100000;
+};
+
+const cosine = (a, b) => {
+ let d = 0, na = 0, nb = 0;
+ for (let i = 0; i < a.length; i++) { d += a[i] * b[i]; na += a[i] * a[i]; nb += b[i] * b[i]; }
+ return na && nb ? d / Math.sqrt(na * nb) : 0;
+};
+
+const TYPES = ['word', 'name', 'number', 'date', 'time', 'link', 'email', 'hashtag', 'noun', 'verb', 'adjective', 'adverb', 'pronoun', 'determiner', 'preposition', 'conjunction', 'interjection'];
+
+// a block's bend at u across its width (0 the left edge, 1 the right): how far that
+// slice moves along the block's depth. The same as core's `Bend::offset`: a ripple whose
+// one-period profile is the cubic bezier 0, c1, c2, 0 scaled to peak at its amount, plus
+// a fold about the line `at`, each side the bezier 0, c1, c2, 1 times its amount.
+export function bendAt(bend, u) {
+ let z = 0;
+ const r = bend && bend.ripple;
+ if (r && r.amount && r.freq > 0) {
+ const s = (((u * r.freq + (r.phase || 0)) % 1) + 1) % 1;
+ z += (r.amount * wave(s, r.c1, r.c2)) / wavePeak(r.c1, r.c2);
+ }
+ const f = bend && bend.fold;
+ if (f && f.amount) {
+ const line = 0.5 + (f.at || 0) * 0.5;
+ let t = u >= line ? (u - line) / Math.max(1e-6, 1 - line) : (line - u) / Math.max(1e-6, line);
+ t = Math.min(1, Math.max(0, t));
+ z += f.amount * (3 * (1 - t) * (1 - t) * t * f.c1 + 3 * (1 - t) * t * t * f.c2 + t * t * t);
+ }
+ return z;
+}
+function wave(s, c1, c2) { return 3 * (1 - s) * (1 - s) * s * c1 + 3 * (1 - s) * s * s * c2; }
+function wavePeak(c1, c2) {
+ let m = 0;
+ for (let i = 0; i <= 64; i++) m = Math.max(m, Math.abs(wave(i / 64, c1, c2)));
+ return m > 1e-6 ? m : 1;
+}
+// what a block's geometry depends on (its sides and bend)
+function shapeKey(t) { return JSON.stringify([t.w, t.h, t.d, t.bend || null, t.shape || 'box']); }
+function localAxis(i) { const a = new THREE.Vector3(); a.setComponent(i, 1); return a; }
+// which variant the n-th block of a recipe shows: core's graph::textures::variant, the
+// same 32-bit mix
+function variantOf(seed, n, variants) {
+ if (!(variants > 1)) return 0;
+ const lo = n >>> 0, hi = Math.floor(n / 4294967296) >>> 0;
+ let h = ((seed >>> 0) ^ Math.imul(lo, 0x9e3779b9) ^ hi) >>> 0;
+ h ^= h >>> 16; h = Math.imul(h, 0x85ebca6b) >>> 0;
+ h ^= h >>> 13; h = Math.imul(h, 0xc2b2ae35) >>> 0;
+ h ^= h >>> 16;
+ return (h >>> 0) % variants;
+}
+export { variantOf };
+
+// a CSS cubic-bezier timing at x (0 to 1): core's graph::anims::bezier, by bisection
+function cubicBezier(t, x) {
+ if (x <= 0) return 0;
+ if (x >= 1) return 1;
+ const at = (a, b, s) => 3 * (1 - s) * (1 - s) * s * a + 3 * (1 - s) * s * s * b + s * s * s;
+ let lo = 0, hi = 1;
+ for (let i = 0; i < 40; i++) { const mid = (lo + hi) / 2; if (at(t[0], t[2], mid) < x) lo = mid; else hi = mid; }
+ return at(t[1], t[3], (lo + hi) / 2);
+}
+
+function turnOf(b) { const r = b.rot || [0, 0, 0, 1]; return new THREE.Quaternion(r[0], r[1], r[2], r[3]); }
+
+export class Space {
+ constructor(host, send) {
+ this.host = host;
+ this.send = send;
+ this.nodes = new Map(); // key → node
+ this.order = []; // nodes, in a stable order for the pair loops
+ this.sim = null; // the pair weights, row-major over `order`
+ this.keys = new Set();
+ this.bind = { ...DEFAULT_KEYS };
+ this.p = { ...PHYSICS };
+ this.speed = 6;
+ // the camera's turn as yaw (about the world's up), pitch (clamped short of straight up
+ // or down) and roll, kept apart: looking round in circles never builds up a roll.
+ // The mouse moves the targets; the camera eases onto them.
+ this.yaw = 0; this.pitch = 0; this.rollA = 0;
+ this.tyaw = 0; this.tpitch = 0;
+ this.running = false;
+ this.looking = false;
+ this.paused = false;
+ this.alpha = 0;
+ this.acc = 0;
+ this.ease = null;
+ this.selected = null;
+ this.hover = null;
+ this.drag = null;
+ this.undo = [];
+ // the selection of many (Shift+click, or a box drawn): kind:id → { kind, id }, kinds
+ // b (a block), c (a prefab's copy), t (a text's placement, by its node key), l (a light)
+ this.multi = new Map();
+ // groups made by hand (Ctrl+G; core's ops::groups): id → members, a member's group,
+ // the selected group, and the groups opened (a double click) to pick inside them
+ this.groups = new Map();
+ this.parent = new Map();
+ this.selGroup = null;
+ this.openGroups = [];
+ this.freeN = 0;
+ this.infoAt = 0;
+ this.origin = new THREE.Vector3();
+ this.quat = new THREE.Quaternion();
+ this.scene = new THREE.Scene();
+ this.camera = new THREE.PerspectiveCamera(50, 1, 0.05, 4000);
+ this.room = new THREE.Color('#e4d4be');
+ this.scene.background = this.room;
+ this.scene.fog = new THREE.Fog(this.room, 60, 260);
+ try {
+ this.gl = new THREE.WebGLRenderer({ antialias: true });
+ this.gl.setPixelRatio(Math.min(devicePixelRatio || 1, 2));
+ this.gl.domElement.className = 'space-gl';
+ host.append(this.gl.domElement);
+ } catch {
+ this.gl = null;
+ }
+ this.overlay = document.createElement('div');
+ this.overlay.className = 'space-css';
+ host.append(this.overlay);
+ this.size = { w: 1, h: 1 };
+ this.grid = new THREE.GridHelper(600, 120, 0x000000, 0x000000);
+ this.grid.position.y = -9;
+ for (const m of [].concat(this.grid.material)) {
+ m.transparent = true;
+ m.opacity = 0.06;
+ m.depthWrite = false;
+ }
+ this.scene.add(this.grid);
+ this.blocks = new Map(); // id → {b, mesh, key, about}
+ this.mats = new Map(); // texture key (and a recipe's variant) → material
+ this.abouts = new Map(); // texture key → what it is (as Rust sent it)
+ this.sky = null;
+ this.lights = []; // the room's lights (core's graph::lights), baked onto the blocks
+ this.anims = new Map(); // animation key → the animation (core's graph::anims)
+ this.animT0 = performance.now(); // when the room's animations started
+ this.animPlaying = true;
+ this.lightMarks = null; // where the point and cone lights are, while the lights window is open
+ this.selBlock = null;
+ this.bdrag = null;
+ this.ray = new THREE.Raycaster();
+ this.gizmo = this.makeGizmo();
+ this.resize = this.resize.bind(this);
+ new ResizeObserver(this.resize).observe(host);
+ this.resize();
+ this.listen();
+ this.loop = this.loop.bind(this);
+ this.setFrame();
+ }
+
+ // ------------------------------------------------------------------ settings
+
+ setKeys(map) {
+ this.bind = { ...DEFAULT_KEYS, ...map };
+ this.keys.clear();
+ }
+
+ held(action) {
+ return this.keys.has(this.bind[action]);
+ }
+
+ setPhysics(p) {
+ const old = this.p;
+ this.p = { ...PHYSICS, ...p };
+ const weights = Object.keys(PHYSICS).filter((k) => k.startsWith('w_') || k === 'qscale' || k === 'reversed');
+ if (weights.some((k) => old[k] !== this.p[k])) this.sim = null;
+ if (old.wrap !== this.p.wrap) for (const n of this.order) this.measure(n);
+ this.wake(0.6);
+ }
+
+ setRoom(color, ink) {
+ this.room.set(color);
+ this.scene.fog.color.set(color);
+ this.host.style.setProperty('--room-bg', color);
+ this.host.style.setProperty('--room-ink', ink);
+ this.host.style.background = color;
+ const dark = this.room.r * 0.3 + this.room.g * 0.59 + this.room.b * 0.11 < 0.35;
+ for (const m of [].concat(this.grid.material)) {
+ m.color.set(dark ? 0xffffff : 0x000000);
+ m.opacity = dark ? 0.05 : 0.06;
+ }
+ this.render();
+ }
+
+ resize() {
+ const w = this.host.clientWidth || 1;
+ const h = this.host.clientHeight || 1;
+ this.camera.aspect = w / h;
+ this.camera.updateProjectionMatrix();
+ this.gl?.setSize(w, h);
+ this.size = { w, h };
+ this.render();
+ }
+
+ start() {
+ if (this.running) return;
+ this.running = true;
+ this.last = performance.now();
+ this.resize();
+ requestAnimationFrame(this.loop);
+ }
+
+ stop() {
+ this.running = false;
+ this.keys.clear();
+ this.looking = false;
+ }
+
+ // the cloud's centre: ahead of where the camera is when a search lays texts out
+ setFrame() {
+ this.quat.copy(this.camera.quaternion);
+ this.origin.set(0, 0, -this.p.distance).applyQuaternion(this.quat).add(this.camera.position);
+ }
+
+ world(n, out = new THREE.Vector3()) {
+ return out.set(n.x, n.y, n.z).applyQuaternion(this.quat).add(this.origin);
+ }
+
+ local(w, n) {
+ const v = w.clone().sub(this.origin).applyQuaternion(this.quat.clone().invert());
+ n.x = v.x; n.y = v.y; n.z = v.z;
+ }
+
+ // ------------------------------------------------------------------ texts
+
+ // texts: [{key, text, note, s, r, q, hue, chars, words, kind, types, created, lists, freq, cls, strength, colour}]
+ place(texts, again) {
+ if (!again) {
+ this.setFrame();
+ for (const n of [...this.order]) if (!n.pinned && !n.free) this.drop(n);
+ }
+ const before = this.order.length;
+ for (const t of texts) {
+ let n = this.nodes.get(String(t.key));
+ if (n) {
+ // a detached placement keeps the text it was detached with
+ const kept = n.f.text;
+ Object.assign(n.f, t);
+ if (n.det) n.f.text = kept;
+ this.showText(n);
+ const was = (n.links || []).map((c) => c.f.key + '|' + c.f.text).join('\n');
+ const now = (Array.isArray(t.chain) ? t.chain : []).map((m) => m.key + '|' + m.text).join('\n');
+ if (was !== now) this.link(n, t.chain);
+ n.el.style.borderBottomColor = t.under || 'transparent';
+ this.dress(n);
+ continue;
+ }
+ n = this.make(t, false);
+ this.dress(n);
+ this.seed(n);
+ }
+ this.sim = null;
+ this.wake(1);
+ this.render();
+ this.info(true);
+ return this.order.length - before;
+ }
+
+ // the pipes' effects on the room's texts, by key ({colour, underline, label, size, glow,
+ // gather}); a text without any goes back to how it was
+ effects(fx) {
+ this.fx = fx || {};
+ for (const n of this.order) this.dress(n);
+ this.sim = null;
+ this.wake(1);
+ }
+
+ dress(n) {
+ const e = (this.fx && !n.free && this.fx[n.f.key]) || null;
+ const el = n.el;
+ n.f.gather = e && e.gather ? e.gather : null;
+ el.style.color = (e && e.colour) || n.f.colour || '';
+ el.style.borderBottomColor = (e && e.underline) || n.f.under || 'transparent';
+ el.style.textShadow = e && e.glow ? `0 0 6px ${e.glow}, 0 0 14px ${e.glow}` : '';
+ n.fxSize = e && e.size ? e.size : 1;
+ let tag = el.querySelector(':scope > .fx-label');
+ if (e && e.label) {
+ if (!tag) {
+ tag = document.createElement('span');
+ tag.className = 'fx-label';
+ el.append(tag);
+ }
+ tag.textContent = e.label;
+ } else if (tag) tag.remove();
+ this.measure(n);
+ }
+
+ // a placement of a text: `free` is the room's own text (no entry); `how` says how a
+ // copy relates to its entry: { det } detached at that version (it keeps the text it was
+ // copied with), { own } an inheriting copy's own text, shadowing the entry's
+ make(t, free, nodeKey, how) {
+ const el = document.createElement('div');
+ el.className = 'slabel' + (free ? ' free' : '') + (t.note ? ' note' : '');
+ el.textContent = t.note ? `✎ ${t.text}` : t.text;
+ // the gematria grouping underline (the memory view's colour), on every text that has one
+ el.style.borderBottomColor = t.under || 'transparent';
+ if (t.colour) el.style.color = t.colour;
+ el.tabIndex = -1;
+ const n = { key: nodeKey || String(t.key), f: t, el, x: 0, y: 0, z: 0, vx: 0, vy: 0, vz: 0, hw: 1, hh: 0.4, pinned: false, free, det: 0, own: null };
+ if (how && how.det) n.det = how.det;
+ if (how && how.own != null) n.own = how.own;
+ this.showText(n);
+ this.overlay.append(el);
+ this.nodes.set(n.key, n);
+ this.order.push(n);
+ this.wire(n);
+ this.measure(n);
+ if (t.isChain) el.classList.add('chain-head');
+ this.link(n, t.chain);
+ return n;
+ }
+
+ // a chain's members under its head (a chain entry's, or a note's body as a chain of
+ // two): nodes of their own, laid out in reading order by `follow`, never moved by the
+ // spread; dragging any of them drags the head
+ link(n, members) {
+ for (const c of n.links || []) this.drop(c);
+ n.links = [];
+ if (!Array.isArray(members)) return;
+ members.forEach((m, i) => {
+ const c = this.make({ key: String(m.key), text: m.text, note: !!m.note, virt: !!m.virt }, false, `${n.key}>${i}>${m.key}`);
+ c.head = n;
+ c.idx = i;
+ c.el.classList.add('member');
+ c.x = n.x; c.y = n.y - (i + 1) * 0.9; c.z = n.z;
+ n.links.push(c);
+ });
+ this.sim = null;
+ }
+
+ // a chain changed (or broke, `chain` null): every head showing it takes its members
+ // again; a broken one becomes its title again
+ setChain(key, chain) {
+ for (const n of [...this.order]) {
+ if (n.head || String(n.f.key) !== String(key)) continue;
+ if (!chain) {
+ // broken: the head shows its title, and the members stay as texts where they are
+ n.f.key = n.f.titleKey || n.f.key;
+ n.f.isChain = false;
+ for (const c of n.links || []) {
+ c.head = null;
+ c.el.classList.remove('member');
+ c.pinned = true;
+ c.el.classList.add('pinned');
+ }
+ n.links = [];
+ n.el.classList.remove('chain-head');
+ continue;
+ }
+ n.f.text = chain.title.text;
+ n.f.titleKey = chain.title.key;
+ n.f.isChain = true;
+ n.el.classList.add('chain-head');
+ this.showText(n);
+ this.measure(n);
+ this.link(n, chain.members);
+ }
+ this.wake(0.5);
+ this.render();
+ }
+
+ // a text in the room becomes a chain's head (a chain just made with it as title)
+ chainify(node, chain) {
+ const n = this.nodes.get(node);
+ if (!n) return;
+ n.f.key = chain.key;
+ this.setChain(chain.key, chain);
+ }
+
+ // a new chain (from a cut) beside the head it came from
+ addChain(near, chain) {
+ const h = this.order.find((x) => !x.head && String(x.f.key) === String(near));
+ const n = this.make({ key: chain.key, text: chain.title.text, note: false, titleKey: chain.title.key, isChain: true, chain: chain.members }, false,
+ this.nodes.has(String(chain.key)) ? this.copyKey(chain.key) : null);
+ n.el.classList.add('chain-head');
+ if (h) { n.x = h.x + h.hw * 2 + 1.5; n.y = h.y; n.z = h.z; }
+ n.pinned = true;
+ n.el.classList.add('pinned');
+ this.render();
+ }
+
+ // members placed in reading order under their head, left-aligned, spaced by their own
+ // heights, eased there like a spring (so a dragged chain follows and settles)
+ follow(h) {
+ const k = Math.min(1, 10 * h);
+ let moved = 0;
+ for (const n of this.order) {
+ if (!n.links || !n.links.length) continue;
+ const gap = 0.12;
+ const left = n.x - n.hw;
+ let y = n.y - n.hh - gap;
+ for (const c of n.links) {
+ const tx = left + c.hw, ty = y - c.hh;
+ y -= c.hh * 2 + gap;
+ const dx = tx - c.x, dy = ty - c.y, dz = n.z - c.z;
+ c.x += dx * k; c.y += dy * k; c.z += dz * k;
+ c.vx = c.vy = c.vz = 0;
+ moved += dx * dx + dy * dy + dz * dz;
+ }
+ }
+ return moved;
+ }
+
+ // a new text starts beside the texts most like it, or at a spot of its own
+ seed(n) {
+ const R = 2 + Math.sqrt(this.order.length) * 1.4;
+ const a = hash01(n.key, 1) * Math.PI * 2;
+ const r = R * Math.sqrt(hash01(n.key, 2));
+ n.x = Math.cos(a) * r;
+ n.y = Math.sin(a) * r;
+ n.z = (hash01(n.key, 3) - 0.5) * 0.5;
+ }
+
+ measure(n) {
+ const free = n.free;
+ const hidden = n.el.style.display === 'none';
+ if (hidden) n.el.style.display = '';
+ n.el.style.fontSize = `${BASE_PX}px`;
+ n.el.style.maxWidth = free ? '80ch' : `${this.p.wrap}ch`;
+ const w = n.el.offsetWidth || BASE_PX * 0.55 * n.f.text.length;
+ const h = n.el.offsetHeight || BASE_PX * 1.2;
+ const size = (n.size || this.p.size) * (n.fxSize || 1);
+ n.hw = (w / BASE_PX / 2) * size;
+ n.hh = (h / BASE_PX / 2) * size;
+ if (hidden) n.el.style.display = 'none';
+ }
+
+ drop(n) {
+ for (const c of n.links || []) if (c !== n) this.drop(c);
+ n.links = [];
+ n.el.remove();
+ this.nodes.delete(n.key);
+ this.order = this.order.filter((x) => x !== n);
+ if (this.selected === n) this.selected = null;
+ if (this.hover === n) this.hover = null;
+ this.sim = null;
+ }
+
+ clear(all) {
+ for (const n of [...this.order]) if (all || (!n.pinned && !n.free)) this.drop(n);
+ this.undo = [];
+ this.render();
+ this.info(true);
+ }
+
+ mark(list, candidate) {
+ for (const n of this.order) n.el.classList.toggle('picked', n.key === list || n.key === candidate);
+ }
+
+ colours(map) {
+ for (const n of this.order) {
+ const c = map[n.key];
+ n.el.style.color = c || '';
+ }
+ }
+
+ // ------------------------------------------------------------------ the spread
+
+ wake(a) {
+ this.dirty = true;
+ this.alpha = Math.max(this.alpha, a);
+ }
+
+ // how alike two texts are, from −1 to 1, by the weighted measures
+ alike(a, b) {
+ const p = this.p, A = a.f, B = b.f;
+ let sum = 0, w = 0;
+ const add = (weight, m) => {
+ if (!weight || m === null || m === undefined || Number.isNaN(m)) return;
+ sum += weight * m;
+ w += Math.abs(weight);
+ };
+ add(p.w_ordinal, Math.exp(-Math.abs((A.s || 0) - (B.s || 0)) / p.qscale));
+ add(p.w_reversed, Math.exp(-Math.abs((A.r || 0) - (B.r || 0)) / p.qscale));
+ add(p.w_bucket, A.q === B.q ? 1 : 0);
+ add(p.w_length, Math.exp(-Math.abs(Math.log1p(A.chars || 1) - Math.log1p(B.chars || 1)) * 1.5));
+ if (A.types && B.types) {
+ const va = TYPES.map((t) => A.types[t] || 0), vb = TYPES.map((t) => B.types[t] || 0);
+ add(p.w_types, 0.5 * cosine(va, vb) + 0.5 * (A.kind === B.kind ? 1 : 0));
+ }
+ const la = A.lists || [], lb = B.lists || [];
+ if (la.length || lb.length) {
+ const shared = la.filter((x) => lb.includes(x)).length;
+ add(p.w_lists, shared / (la.length + lb.length - shared));
+ } else add(p.w_lists, 0);
+ if (A.cls !== undefined && A.cls !== null && B.cls !== undefined && B.cls !== null) {
+ add(p.w_class, A.cls === B.cls ? Math.min(A.strength ?? 1, B.strength ?? 1) : 0);
+ }
+ // a pipe that gathers pulls its texts together, and apart from the rest
+ if (A.gather || B.gather) add(2, A.gather === B.gather ? 1 : 0);
+ if (A.created && B.created) add(p.w_time, Math.exp(-Math.abs(A.created - B.created) / (7 * 864e5)));
+ if (A.freq && B.freq) add(p.w_letters, cosine(A.freq, B.freq));
+ return w ? sum / w : 0;
+ }
+
+ // ------------------------------------------------------------------ staging zones
+ //
+ // A block can be a staging zone (core's graph::blocks::Zone): the texts inside it spread
+ // among themselves, pulled to its centre and kept inside its box, under its own physics
+ // (repel, attract, link, gravity, damping; each left out follows the room's). Texts
+ // outside and inside don't push or pull each other. Zones nest: a text belongs to the
+ // smallest zone it's in. Moving a zone carries its texts along.
+
+ // the zones in the spread's own frame (texts' x y z are relative to `origin`, `quat`)
+ zoneFrames() {
+ if (!this.zoneBlocks) this.zoneBlocks = [...this.blocks.values()].filter((o) => o.b.zone).map((o) => o.b);
+ if (!this.zoneBlocks.length) return [];
+ const qi = this.quat.clone().invert();
+ return this.zoneBlocks.map((b) => {
+ const c = new THREE.Vector3(b.x, b.y, b.z).sub(this.origin).applyQuaternion(qi);
+ const q = qi.clone().multiply(turnOf(b));
+ return { id: b.id, c, q, qi: q.clone().invert(), half: [b.w / 2, b.h / 2, b.d / 2], vol: b.w * b.h * b.d, p: { ...this.p, ...Object.fromEntries(Object.entries(b.zone).filter(([, v]) => v != null)) } };
+ });
+ }
+
+ // the smallest zone a text is in (its id), or null
+ zoneOf(n, frames) {
+ let best = null;
+ const v = new THREE.Vector3();
+ for (const f of frames) {
+ v.set(n.x, n.y, n.z).sub(f.c).applyQuaternion(f.qi);
+ if (Math.abs(v.x) <= f.half[0] && Math.abs(v.y) <= f.half[1] && Math.abs(v.z) <= f.half[2] && (!best || f.vol < best.vol)) best = f;
+ }
+ return best ? best.id : null;
+ }
+
+ // a text kept inside its zone's box (its label's half size in from the sides, at most
+ // half the box)
+ keepIn(n, f) {
+ const v = new THREE.Vector3(n.x, n.y, n.z).sub(f.c).applyQuaternion(f.qi);
+ const m = [Math.min(n.hw || 0.3, f.half[0] * 0.45), Math.min(n.hh || 0.2, f.half[1] * 0.45), Math.min(0.3, f.half[2] * 0.45)];
+ const c = [v.x, v.y, v.z].map((x, i) => Math.max(-f.half[i] + m[i], Math.min(f.half[i] - m[i], x)));
+ if (c[0] === v.x && c[1] === v.y && c[2] === v.z) return false;
+ v.set(c[0], c[1], c[2]).applyQuaternion(f.q).add(f.c);
+ n.x = v.x; n.y = v.y; n.z = v.z;
+ return true;
+ }
+
+ // which zone each text is in: members of a zone that moved come along first
+ assignZones(frames) {
+ const byId = new Map(frames.map((f) => [f.id, f]));
+ for (const n of this.order) {
+ const f = n.zone && byId.get(n.zone);
+ if (f && !n.pinned) this.keepIn(n, f);
+ const was = n.zone;
+ n.zone = frames.length ? this.zoneOf(n, frames) : null;
+ if (was !== n.zone && this.live) {
+ if (was) this.wireZone(was, n.key, 'leave');
+ if (n.zone) this.wireZone(n.zone, n.key, 'enter');
+ }
+ }
+ }
+
+ weights() {
+ this.zonesDirty = true;
+ const n = this.order.length;
+ this.sim = new Float32Array(n * n);
+ for (let i = 0; i < n; i++) {
+ for (let j = i + 1; j < n; j++) {
+ const s = this.order[i].free || this.order[j].free ? 0 : this.alike(this.order[i], this.order[j]);
+ this.sim[i * n + j] = s;
+ this.sim[j * n + i] = s;
+ }
+ }
+ }
+
+ // the depth a text is drawn toward: a measure, or none
+ depthOf(n) {
+ const p = this.p, f = n.f;
+ switch (p.depth_by) {
+ case 'ordinal': return ((f.s || 0) - this.mean.s) / Math.max(1, this.mean.ss);
+ case 'length': return Math.log1p(f.chars || 1) - this.mean.l;
+ case 'time': return f.created ? (f.created - this.mean.t) / Math.max(864e5, this.mean.tt) : 0;
+ default: return 0;
+ }
+ }
+
+ step(h) {
+ const p = this.p, N = this.order;
+ const n = N.length;
+ if (!n) return;
+ if (!this.sim || this.sim.length !== n * n) this.weights();
+ if (p.depth_by !== 'none') {
+ let s = 0, l = 0, t = 0, k = 0;
+ for (const x of N) { s += x.f.s || 0; l += Math.log1p(x.f.chars || 1); if (x.f.created) { t += x.f.created; k++; } }
+ const ms = s / n, ml = l / n, mt = k ? t / k : 0;
+ let ss = 0, tt = 0;
+ for (const x of N) { ss += ((x.f.s || 0) - ms) ** 2; if (x.f.created) tt += (x.f.created - mt) ** 2; }
+ this.mean = { s: ms, ss: Math.sqrt(ss / n), l: ml, t: mt, tt: Math.sqrt(tt / Math.max(1, k)) };
+ }
+ const a = this.alpha;
+ const frames = this.zoneFrames();
+ if (this.zonesDirty) {
+ this.assignZones(frames);
+ this.zonesDirty = false;
+ }
+ const zones = new Map(frames.map((f) => [f.id, f]));
+ const fx = new Float64Array(n), fy = new Float64Array(n), fz = new Float64Array(n);
+ for (let i = 0; i < n; i++) {
+ const A = N[i];
+ // a text in a zone moves under the zone's physics, toward its centre
+ const zf = A.zone ? zones.get(A.zone) : null;
+ const pp = zf ? zf.p : p;
+ const L = pp.link;
+ for (let j = i + 1; j < n; j++) {
+ const B = N[j];
+ // a chain's members take no part in the spread's forces: their head stands for them
+ if (A.head || B.head) continue;
+ // texts in different zones (or one in, one out) leave each other alone
+ if ((A.zone || null) !== (B.zone || null)) continue;
+ let dx = B.x - A.x, dy = B.y - A.y, dz = B.z - A.z;
+ let d2 = dx * dx + dy * dy + dz * dz;
+ if (d2 < 1e-6) { dx = (hash01(A.key + B.key, 7) - 0.5) * 0.01; dy = (hash01(B.key + A.key, 9) - 0.5) * 0.01; d2 = dx * dx + dy * dy + 1e-6; }
+ const d = Math.sqrt(d2);
+ const s = this.sim[i * n + j];
+ // every two repel (more when the weights say alike texts should part), softened near
+ let f = -pp.repel * (1 + Math.max(0, -s) * 2) / (d2 + 0.5);
+ // alike texts pull toward a rest length that shrinks the more alike they are
+ if (s > 0) f += pp.attract * s * (d - L * (1.15 - s));
+ const ux = dx / d, uy = dy / d, uz = dz / d;
+ fx[i] += f * ux; fy[i] += f * uy; fz[i] += f * uz;
+ fx[j] -= f * ux; fy[j] -= f * uy; fz[j] -= f * uz;
+ }
+ // gravity to the centre (a zone's own), and toward the depth the measure gives
+ if (zf) {
+ fx[i] -= pp.gravity * (A.x - zf.c.x);
+ fy[i] -= pp.gravity * (A.y - zf.c.y);
+ fz[i] -= p.flat * (A.z - zf.c.z);
+ continue;
+ }
+ fx[i] -= p.gravity * A.x;
+ fy[i] -= p.gravity * A.y;
+ const zt = p.depth_by === 'none' ? 0 : this.depthOf(A) * p.depth;
+ fz[i] -= p.flat * (A.z - zt);
+ }
+ let ke = 0;
+ for (let i = 0; i < n; i++) {
+ const A = N[i];
+ if (A.pinned || A.head || A === this.drag?.n) { A.vx = A.vy = A.vz = 0; continue; }
+ const zf = A.zone ? zones.get(A.zone) : null;
+ const drag = Math.exp(-(zf ? zf.p.damping : p.damping) * h);
+ A.vx = (A.vx + a * fx[i] * h) * drag;
+ A.vy = (A.vy + a * fy[i] * h) * drag;
+ A.vz = (A.vz + a * fz[i] * h) * drag;
+ const v2 = A.vx * A.vx + A.vy * A.vy + A.vz * A.vz;
+ if (v2 > 900) { const k = 30 / Math.sqrt(v2); A.vx *= k; A.vy *= k; A.vz *= k; }
+ A.x += A.vx * h; A.y += A.vy * h; A.z += A.vz * h;
+ // bounded by its zone: the speed into a side is lost there
+ if (zf && this.keepIn(A, zf)) { A.vx *= 0.5; A.vy *= 0.5; A.vz *= 0.5; }
+ ke += v2;
+ }
+ ke += this.follow(h) * 100;
+ // labels never overlap: separate rectangles in the facing plane, along the shorter way
+ for (let pass = 0; pass < 2; pass++) {
+ for (let i = 0; i < n; i++) {
+ const A = N[i];
+ for (let j = i + 1; j < n; j++) {
+ const B = N[j];
+ if (Math.abs(A.z - B.z) > 1.5) continue;
+ if ((A.zone || null) !== (B.zone || null)) continue;
+ const ox = A.hw + B.hw + p.pad - Math.abs(B.x - A.x);
+ const oy = A.hh + B.hh + p.pad * 0.5 - Math.abs(B.y - A.y);
+ if (ox <= 0 || oy <= 0) continue;
+ // a chain's members aren't pushed (their head is), nor pushed off their own head
+ if ((A.head && (A.head === B || A.head === B.head)) || (B.head && B.head === A)) continue;
+ const am = A.pinned || A.head || A === this.drag?.n ? 0 : 1, bm = B.pinned || B.head || B === this.drag?.n ? 0 : 1;
+ if (!am && !bm) continue;
+ const share = am && bm ? 0.5 : 1;
+ if (ox / (A.hw + B.hw) < oy / (A.hh + B.hh)) {
+ const sgn = B.x >= A.x ? 1 : -1;
+ A.x -= sgn * ox * share * am; B.x += sgn * ox * share * bm;
+ } else {
+ const sgn = B.y >= A.y ? 1 : -1;
+ A.y -= sgn * oy * share * am; B.y += sgn * oy * share * bm;
+ }
+ }
+ }
+ }
+ this.alpha = Math.max(0, a - a * p.cool);
+ this.energy = ke / n;
+ }
+
+ asleep() {
+ return this.alpha < 0.01 && (this.energy ?? 0) < 0.0005;
+ }
+
+ settle() {
+ this.wake(1);
+ const t0 = performance.now();
+ let i = 0;
+ while (i < 6000 && performance.now() - t0 < 400) {
+ this.step(STEP);
+ i++;
+ if (this.asleep()) break;
+ }
+ this.render();
+ return i;
+ }
+
+ // ------------------------------------------------------------------ editing
+
+ pick(n) {
+ if (this.selected) this.selected.el.classList.remove('selected');
+ this.selected = n;
+ if (n) n.el.classList.add('selected');
+ if (n && this.selBlock != null) this.pickBlock(null);
+ if (n && this.selCopy) this.pickCopy(null);
+ this.send(this.ev('select', n));
+ }
+
+ // records made together (a batch) go back together, the last first
+ record(u) {
+ if (this.batch) { this.batch.push(u); return; }
+ this.undo.push(u);
+ if (this.undo.length > 300) this.undo.shift();
+ }
+
+ undoLast() {
+ const u = this.undo.pop();
+ if (!u) return 'nothing';
+ this.applyUndo(u);
+ this.wake(0.5);
+ this.render();
+ return u.kind;
+ }
+
+ setBatch(on) {
+ if (on) { this.batch = this.batch || []; return; }
+ const b = this.batch;
+ this.batch = null;
+ if (b && b.length) this.record(b.length === 1 ? b[0] : { kind: 'many', items: b });
+ }
+
+ applyUndo(u) {
+ if (u.kind === 'many') {
+ for (const x of [...u.items].reverse()) this.applyUndo(x);
+ } else if (u.kind === 'move') {
+ Object.assign(u.n, { x: u.x, y: u.y, z: u.z, pinned: u.pinned });
+ } else if (u.kind === 'pin') {
+ u.n.pinned = u.was;
+ } else if (u.kind === 'remove') {
+ this.overlay.append(u.n.el);
+ this.nodes.set(u.n.key, u.n);
+ this.order.push(u.n);
+ this.sim = null;
+ } else if (u.kind === 'add') {
+ this.drop(u.n);
+ } else if (u.kind === 'text') {
+ this.setText(u.n, u.from);
+ } else if (u.kind === 'size') {
+ u.n.size = u.from;
+ this.measure(u.n);
+ this.send(this.ev('select', u.n));
+ } else if (u.kind === 'own') {
+ u.n.own = u.from;
+ this.showText(u.n);
+ this.measure(u.n);
+ } else if (u.kind === 'blockadd') {
+ for (const id of u.ids) this.dropBlock(id);
+ this.send({ ...this.ev('blockgone', null), data: u.ids });
+ } else if (u.kind === 'unblock') {
+ const textures = {};
+ for (const i of u.items) textures[i.key] = i.about;
+ this.setBlocks(u.items.map((i) => i.b), textures);
+ this.send({ ...this.ev('blockrestore', null), data: u.items.map((i) => i.b) });
+ } else if (u.kind === 'copy') {
+ this.send({ ...this.ev('copyset', null), data: { id: u.id, ...u.t } });
+ } else if (u.kind === 'copygone') {
+ this.send({ ...this.ev('copyrestore', null), data: u.restore });
+ } else if (u.kind === 'block') {
+ const o = this.blocks.get(u.id);
+ if (o) {
+ Object.assign(o.b, u.t);
+ this.shapeBlock(o);
+ this.send({ ...this.ev('blockset', null), data: this.blockOut(o) });
+ }
+ } else if (u.kind === 'wired') {
+ for (const x of u.items) this.send({ ...this.ev('wireset', null), data: { id: x.id, wiring: x.before } });
+ } else if (u.kind === 'grouped') {
+ this.send({ ...this.ev('groupbreak', null), data: { id: u.id, quiet: true } });
+ } else if (u.kind === 'ungrouped') {
+ this.send({ ...this.ev('grouprestore', null), data: { members: u.members, name: u.name || '' } });
+ } else if (u.kind === 'lightgone') {
+ this.send({ ...this.ev('lightrestore', null), data: u.light });
+ } else if (u.kind === 'light') {
+ const x = this.lights.find((l) => l.id === u.id);
+ if (x) Object.assign(x, u.t);
+ this.markLights();
+ this.send({ ...this.ev('lightset', null), data: { id: u.id, ...u.t } });
+ }
+ }
+
+ pinSelected() {
+ const n = this.selected;
+ if (!n) return null;
+ this.record({ kind: 'pin', n, was: n.pinned });
+ n.pinned = !n.pinned;
+ n.el.classList.toggle('pinned', n.pinned);
+ this.wake(0.5);
+ return n.pinned ? 'pinned' : 'unpinned';
+ }
+
+ removeSelected() {
+ const n = this.selected;
+ if (!n) return null;
+ this.record({ kind: 'remove', n });
+ this.drop(n);
+ this.render();
+ this.info(true);
+ return n.key;
+ }
+
+ copyKey(entry) {
+ let i = 2;
+ while (this.nodes.has(`${entry}~${i}`)) i++;
+ return `${entry}~${i}`;
+ }
+
+ // what a placement shows: its own text, else the text it was detached with or its
+ // entry's (both in f.text), and its marks
+ showText(n) {
+ // a long text shows its first piece (`shown`, made by Rust); its whole text stays in f.text
+ const t = n.own != null ? n.own : n.det ? n.f.text : n.f.shown || n.f.text;
+ n.el.textContent = n.f.note && !n.f.virt ? `✎ ${t}` : t;
+ n.el.classList.toggle('det', !!n.det);
+ n.el.classList.toggle('own', n.own != null);
+ // the text was set afresh: a pipe's label goes back on
+ if (this.fx && this.fx[n.f.key] && this.fx[n.f.key].label) this.dress(n);
+ }
+
+ // another placement of the selected (or named) text beside it: the same entry, not a
+ // new one; Ctrl+Z takes it away. `det` (the entry's edited time now, ms) makes a
+ // detached copy, which keeps the text as it reads now; without it the copy inherits
+ // (and keeps the original's own text, if it has one)
+ duplicate(node, det) {
+ const n = node ? this.nodes.get(node) : this.selected;
+ if (!n) return null;
+ const how = n.free ? null : det ? { det } : n.det ? { det: n.det } : { own: n.own };
+ const f = { ...n.f };
+ const c = this.make(f, n.free, n.free ? `t:${Date.now().toString(36)}${this.freeN++}` : this.copyKey(n.f.key), how);
+ if (n.size) { c.size = n.size; this.measure(c); }
+ c.x = n.x + n.hw * 2 + 0.6; c.y = n.y; c.z = n.z;
+ // below any copy already beside it, so copies don't land on each other
+ const near = (x) => x !== c && Math.abs(x.x - c.x) < c.hw && Math.abs(x.y - c.y) < c.hh * 2 && Math.abs(x.z - c.z) < 0.5;
+ for (let i = 0; i < 50 && this.order.some(near); i++) c.y -= c.hh * 2 + 0.25;
+ c.pinned = true;
+ c.el.classList.add('pinned');
+ this.record({ kind: 'add', n: c });
+ this.pick(c);
+ this.sim = null;
+ this.render();
+ this.info(true);
+ return c.key;
+ }
+
+ // takes one placement out of the room (the entry stays in the save)
+ removeNode(node) {
+ const n = this.nodes.get(node);
+ if (!n) return null;
+ this.record({ kind: 'remove', n });
+ this.drop(n);
+ this.render();
+ this.info(true);
+ return n.key;
+ }
+
+ pinNode(node) {
+ const n = this.nodes.get(node);
+ if (!n) return null;
+ this.pick(n);
+ return this.pinSelected();
+ }
+
+ // a free text (not a memory) ahead of the camera
+ addFree(text) {
+ const key = `t:${Date.now().toString(36)}${this.freeN++}`;
+ const n = this.make({ key, text: text || 'text', note: false }, true);
+ const ahead = new THREE.Vector3(0, 0, -6).applyQuaternion(this.camera.quaternion).add(this.camera.position);
+ this.local(ahead, n);
+ n.pinned = true;
+ this.record({ kind: 'add', n });
+ this.pick(n);
+ this.render();
+ return key;
+ }
+
+ setText(n, text) {
+ n.f.text = text;
+ // the first piece Rust made was of the old text
+ n.f.shown = null;
+ this.showText(n);
+ this.measure(n);
+ this.wake(0.3);
+ }
+
+ // a text edited: a free text's own, or an entry's, which every placement inheriting
+ // from it shows (a detached copy keeps its text)
+ editFree(key, text) {
+ const n = this.nodes.get(key);
+ if (n && n.free) {
+ this.record({ kind: 'text', n, from: n.f.text });
+ this.setText(n, text);
+ } else {
+ for (const x of this.order) {
+ if (!x.free && !x.det && String(x.f.key) === String(key)) this.setText(x, text);
+ }
+ }
+ this.render();
+ }
+
+ // a placement's font size in steps of 1/50 of a unit per em (format.md: a u8, 0 the
+ // default, which is the "text size" slider); `by` steps it, `to` sets it (0: default);
+ // Ctrl+Z undoes it
+ setSize(node, by, to) {
+ const n = node ? this.nodes.get(node) : this.selected;
+ if (!n) return null;
+ const now = n.size ? Math.round(n.size * 50) : 0;
+ const base = now || Math.round(this.p.size * 50);
+ const step = to != null ? to : Math.max(1, Math.min(255, base + by));
+ this.record({ kind: 'size', n, from: n.size });
+ n.size = step ? step / 50 : undefined;
+ this.measure(n);
+ this.sim = null;
+ this.wake(0.3);
+ this.render();
+ this.send(this.ev('select', n));
+ return step;
+ }
+
+ // an inheriting copy's own text (null: it follows its entry again); Ctrl+Z undoes it
+ setOwn(node, text) {
+ const n = this.nodes.get(node);
+ if (!n || n.free || n.det) return null;
+ this.record({ kind: 'own', n, from: n.own });
+ n.own = text == null || text === '' ? null : text;
+ this.showText(n);
+ this.measure(n);
+ this.wake(0.3);
+ this.render();
+ return n.key;
+ }
+
+ // a map: every text with its place, as the Bevy app kept them, [text, x, y, z, {size,
+ // key}], with how a copy relates to its entry (detached: the version it keeps; own: its
+ // own text)
+ rows() {
+ const w = new THREE.Vector3();
+ // a chain is one row, its head's (its members are laid out from it)
+ return this.order.filter((n) => !n.head).map((n) => {
+ this.world(n, w);
+ const o = {};
+ if (!n.free) o.key = String(n.f.key);
+ if (n.size) o.size = n.size;
+ if (!n.free && n.det) o.detached = n.det;
+ if (!n.free && n.own != null) o.own = n.own;
+ return [n.own != null ? n.own : n.f.text, +w.x.toFixed(2), +w.y.toFixed(2), +w.z.toFixed(2), o];
+ });
+ }
+
+ loadRows(rows, feats) {
+ this.clear(true);
+ this.setFrame();
+ const w = new THREE.Vector3();
+ for (const [text, x, y, z, o] of rows) {
+ const key = o && o.key ? String(o.key) : `t:${Date.now().toString(36)}${this.freeN++}`;
+ const f = { ...((o && o.key && feats[o.key]) || { key, text, note: false }) };
+ const how = o && o.key ? { det: o.detached || 0, own: o.own != null ? o.own : null } : null;
+ // an own text shadows the entry's, which the features carry; a detached copy keeps
+ // the text the row has
+ if (!(how && how.own != null && f.text != null)) f.text = text;
+ const n = this.make(f, !(o && o.key), this.nodes.has(key) ? this.copyKey(key) : null, how);
+ if (o && o.size) { n.size = o.size; this.measure(n); }
+ this.local(w.set(x, y, z), n);
+ n.pinned = true;
+ n.el.classList.add('pinned');
+ }
+ this.sim = null;
+ this.render();
+ this.info(true);
+ }
+
+ // ------------------------------------------------------------------ blocks
+ //
+ // Spatial saves: boxes in the room (world coordinates, kept by Rust in the save's
+ // `graph blocks` table) showing a text, a picture or a colour. One texture and one
+ // material per texture key, shared by every block showing it (as the table keeps one
+ // key per texture); each block's geometry has its UVs scaled to its size with repeat
+ // wrapping, so a bigger block shows more tiles, never a stretched one. The selected
+ // block has a gizmo: the arrows move it along an axis, the knobs on its faces resize
+ // it (the opposite face stays put), the ball moves it in the view's plane; Shift snaps
+ // to quarter units.
+
+ textCanvas(text, colour) {
+ const c = document.createElement('canvas');
+ c.width = c.height = 256;
+ const g = c.getContext('2d');
+ g.fillStyle = '#f3ead9';
+ g.fillRect(0, 0, 256, 256);
+ // the text's grouping colour as a band at the bottom, as the labels' underline
+ g.fillStyle = colour || '#8a7350';
+ g.fillRect(0, 244, 256, 12);
+ g.strokeStyle = 'rgba(60, 45, 25, 0.25)';
+ g.lineWidth = 2;
+ g.strokeRect(1, 1, 254, 254);
+ g.fillStyle = '#2b2219';
+ g.textAlign = 'center';
+ g.textBaseline = 'middle';
+ const words = String(text || '').split(/\s+/).filter(Boolean);
+ let size = 64;
+ let lines = [];
+ for (; size >= 12; size -= 4) {
+ g.font = `${size}px "Fira Sans", sans-serif`;
+ lines = [];
+ let line = '';
+ for (const w of words) {
+ const t = line ? `${line} ${w}` : w;
+ if (g.measureText(t).width > 224 && line) { lines.push(line); line = w; } else line = t;
+ }
+ if (line) lines.push(line);
+ if (lines.length * size * 1.15 <= 220 && lines.every((l) => g.measureText(l).width <= 232)) break;
+ }
+ const top = 122 - ((lines.length - 1) * size * 1.15) / 2;
+ lines.slice(0, 12).forEach((l, i) => g.fillText(l, 128, top + i * size * 1.15));
+ return c;
+ }
+
+ // ------------------------------------------------------------------ texture recipes
+ //
+ // A recipe (core's graph::textures) is drawn into a tile: its source (a picture, a
+ // text drawn as a text block's is, or a colour), cropped, mirrored, turned a quarter
+ // at a time and tinted. The tile repeats every `scale` units, shifted by `offset`; a
+ // block's variant k shifts it by (k·0.381966, k·0.618034) of a tile and, with
+ // `turn_variants`, turns it k more quarters. The same tile shows in the textures
+ // window's previews (`preview`).
+
+ // a recipe's tile; a picture's arrives later, and `redraw` is called when it has
+ recipeCanvas(about, extraTurns, redraw, size = 256) {
+ const r = about.recipe || {};
+ const src = r.source || {};
+ const c = document.createElement('canvas');
+ c.width = c.height = size;
+ const draw = (img) => {
+ const g = c.getContext('2d');
+ g.save();
+ g.clearRect(0, 0, size, size);
+ g.translate(size / 2, size / 2);
+ g.rotate((((r.turn || 0) + (extraTurns || 0)) % 4) * Math.PI / 2);
+ if (r.mirror) g.scale(-1, 1);
+ g.translate(-size / 2, -size / 2);
+ if (src.plain) {
+ g.fillStyle = src.plain;
+ g.fillRect(0, 0, size, size);
+ } else if (img) {
+ const [l, t, rr, b] = r.crop || [0, 0, 1, 1];
+ const w = img.width, h = img.height;
+ g.drawImage(img, l * w, t * h, Math.max(1, (rr - l) * w), Math.max(1, (b - t) * h), 0, 0, size, size);
+ } else {
+ g.fillStyle = about.gone || about.picture_gone ? '#9a8f84' : '#b8a07a';
+ g.fillRect(0, 0, size, size);
+ }
+ g.restore();
+ if (r.tint && r.tint_amount) {
+ g.globalAlpha = r.tint_amount;
+ g.fillStyle = r.tint;
+ g.fillRect(0, 0, size, size);
+ g.globalAlpha = 1;
+ }
+ };
+ if (src.text != null) draw(this.textCanvas(about.text_gone ? '(gone)' : about.text, about.colour));
+ else if (src.picture && about.src) {
+ draw(null);
+ const im = new Image();
+ im.onload = () => { draw(im); if (redraw) redraw(); };
+ im.src = about.src;
+ } else draw(null);
+ return c;
+ }
+
+ // a recipe's texture for a block's variant (or the sky, `sky` repeats round it)
+ recipeTexture(about, variant, sky) {
+ const r = about.recipe || {};
+ const v = variant || 0;
+ const turns = r.turn_variants ? v % 4 : 0;
+ let tex = null;
+ const canvas = this.recipeCanvas(about, turns, () => { if (tex) tex.needsUpdate = true; this.render(); });
+ tex = new THREE.CanvasTexture(canvas);
+ tex.wrapS = tex.wrapT = THREE.RepeatWrapping;
+ tex.colorSpace = THREE.SRGBColorSpace;
+ tex.anisotropy = 4;
+ const [sw, sh] = r.scale || [1, 1];
+ // round the sky: four tiles a turn for a one-unit tile (fewer, bigger, for a bigger one)
+ if (sky) tex.repeat.set(Math.max(1, Math.round(4 / sw)), Math.max(1, Math.round(2 / sh)));
+ else tex.repeat.set(BLOCK_TILE / sw, BLOCK_TILE / sh);
+ const [ou, ov] = r.offset || [0, 0];
+ tex.offset.set(ou + v * 0.381966, ov + v * 0.618034);
+ return tex;
+ }
+
+ recipeMaterial(key, about, variant) {
+ const k = `${key}|${variant || 0}`;
+ let m = this.mats.get(k);
+ if (m) return m;
+ if (!about.recipe) m = new THREE.MeshBasicMaterial({ vertexColors: true, color: new THREE.Color('#9a8f84') });
+ else m = new THREE.MeshBasicMaterial({ vertexColors: true, map: this.recipeTexture(about, variant) });
+ this.mats.set(k, m);
+ return m;
+ }
+
+ // a block's material: its texture's (a recipe's for its variant), or one per face when
+ // some faces show recipes of their own
+ blockMaterial(b) {
+ const key = `${b.kind}:${b.texture}`;
+ const about = this.abouts.get(key) || {};
+ const base = b.kind === 'texture' ? this.recipeMaterial(key, about, b.variant || 0) : this.material(key, about);
+ const all = b.shape === 'sphere' || !b.faces || !b.faces.some(Boolean) ? base : b.faces.map((f) => (f ? this.recipeMaterial(`texture:${f}`, this.abouts.get(`texture:${f}`) || {}, 0) : base));
+ if (!b.zone) return all;
+ return Array.isArray(all) ? all.map((m) => this.seeThrough(m)) : this.seeThrough(all);
+ }
+
+ // a zone shows the texts in it: its material, see-through (made once per material)
+ seeThrough(m) {
+ if (!m.userData.glass) {
+ const g = m.clone();
+ g.transparent = true;
+ g.opacity = 0.22;
+ g.depthWrite = false;
+ m.userData.glass = g;
+ }
+ return m.userData.glass;
+ }
+
+ // the sky: a recipe round the room, far off and following the camera (null: none)
+ setSky(about) {
+ if (this.sky) {
+ this.scene.remove(this.sky);
+ this.sky.geometry.dispose();
+ this.sky.material.map?.dispose();
+ this.sky.material.dispose();
+ this.sky = null;
+ }
+ if (about && about.recipe) {
+ const m = new THREE.MeshBasicMaterial({ map: this.recipeTexture(about, 0, true), side: THREE.BackSide, fog: false, depthWrite: false });
+ this.sky = new THREE.Mesh(new THREE.SphereGeometry(1800, 48, 24), m);
+ this.sky.renderOrder = -1000;
+ this.sky.userData.sky = true;
+ this.scene.add(this.sky);
+ }
+ this.render();
+ }
+
+ // draws a recipe's tiles into the canvas with that id on the page (the textures
+ // window's previews): `tiles` across, each block variant in turn when `variants`
+ preview(id, about, tiles, variants, tries = 0) {
+ const el = document.getElementById(id);
+ if (!el) {
+ if (tries < 30) requestAnimationFrame(() => this.preview(id, about, tiles, variants, tries + 1));
+ return;
+ }
+ const n = Math.max(1, tiles || 1);
+ const W = el.width, H = el.height;
+ const g = el.getContext('2d');
+ const r = about.recipe || {};
+ const drawAll = () => {
+ g.clearRect(0, 0, W, H);
+ // a tile keeps its shape (scale w by h)
+ const [sw, sh] = r.scale || [1, 1];
+ const cw0 = W / n, ch0 = cw0 * (sh / sw);
+ const rows = Math.max(1, Math.ceil(H / ch0 - 1e-6));
+ for (let y = 0; y < rows; y++) for (let x = 0; x < n; x++) {
+ const v = variants ? (y * n + x) % Math.max(1, r.variants || 1) : 0;
+ const tile = tiles_[v] || tiles_[0];
+ const [ou, ov] = r.offset || [0, 0];
+ // as the room samples it: the tile moved left by its u offset, down by its v
+ const fu = (((ou + v * 0.381966) % 1) + 1) % 1, fv = (((ov + v * 0.618034) % 1) + 1) % 1;
+ const cw = cw0, ch = ch0, x0 = x * cw, y0 = y * ch;
+ g.save();
+ g.beginPath();
+ g.rect(x0, y0, cw, ch);
+ g.clip();
+ for (const i of [0, 1]) for (const j of [0, 1]) g.drawImage(tile, x0 - fu * cw + i * cw, y0 + fv * ch - j * ch, cw, ch);
+ g.restore();
+ }
+ };
+ const kinds = variants && r.turn_variants ? 4 : 1;
+ const tiles_ = [];
+ for (let k = 0; k < Math.max(kinds, variants ? Math.max(1, r.variants || 1) : 1); k++) {
+ tiles_.push(this.recipeCanvas(about, r.turn_variants ? k % 4 : 0, drawAll, 128));
+ }
+ drawAll();
+ }
+
+ // a texture key's material, made once
+ material(key, about) {
+ if (key.startsWith('texture:')) return this.recipeMaterial(key, about, 0);
+ let m = this.mats.get(key);
+ if (m) return m;
+ const [kind, ...rest] = key.split(':');
+ const texture = rest.join(':');
+ let map = null;
+ if (kind === 'text') map = new THREE.CanvasTexture(this.textCanvas(about.gone ? '(gone)' : about.text, about.colour));
+ else if (kind === 'picture' && about.src) {
+ map = new THREE.TextureLoader().load(about.src, () => this.render());
+ }
+ if (map) {
+ map.wrapS = map.wrapT = THREE.RepeatWrapping;
+ map.colorSpace = THREE.SRGBColorSpace;
+ map.anisotropy = 4;
+ }
+ // unlit, so a texture shows its own colours; the faces are shaded by vertex colours
+ m = new THREE.MeshBasicMaterial({ vertexColors: true, ...(map ? { map } : { color: new THREE.Color(kind === 'plain' ? texture : '#b8a07a') }) });
+ this.mats.set(key, m);
+ return m;
+ }
+
+ // a box whose UVs count tiles: each face's u and v run over its sides in units. A bent
+ // block (`bend`, core's `graph::blocks::Bend`) is cut into slices across its width
+ // and each slice moved along its depth by `bendAt`, so its texture, picking and ray
+ // hits all follow the bent shape exactly. Faces are shaded by their direction (the top
+ // brightest, the bottom darkest), so a box and a curve both read.
+ boxGeometry(t) {
+ if (t.shape === 'sphere') return this.sphereGeometry(t);
+ const bent = !!(t.bend && ((t.bend.ripple && t.bend.ripple.amount) || (t.bend.fold && t.bend.fold.amount)));
+ const freq = bent && t.bend.ripple && t.bend.ripple.amount ? Math.max(1, t.bend.ripple.freq || 0) : 1;
+ const seg = bent ? Math.min(512, Math.max(16, Math.ceil(freq * 24))) : 1;
+ // faces cut into cells about a unit across (at most 16 a side), so baked light has
+ // somewhere to land
+ const cells = (v) => Math.min(16, Math.max(1, Math.ceil(v - 1e-6)));
+ const g = new THREE.BoxGeometry(t.w, t.h, t.d, Math.max(seg, cells(t.w)), cells(t.h), cells(t.d));
+ const uv = g.attributes.uv, pos = g.attributes.position, nor = g.attributes.normal;
+ for (let i = 0; i < uv.count; i++) {
+ const ax = Math.abs(nor.getX(i)), ay = Math.abs(nor.getY(i));
+ const span = ax > 0.5 ? [t.d, t.h] : ay > 0.5 ? [t.w, t.d] : [t.w, t.h];
+ uv.setXY(i, uv.getX(i) * span[0] / BLOCK_TILE, uv.getY(i) * span[1] / BLOCK_TILE);
+ }
+ uv.needsUpdate = true;
+ if (bent) {
+ for (let i = 0; i < pos.count; i++) {
+ const u = (pos.getX(i) + t.w / 2) / t.w;
+ pos.setZ(i, pos.getZ(i) + bendAt(t.bend, u));
+ }
+ pos.needsUpdate = true;
+ g.computeVertexNormals();
+ }
+ const col = new Float32Array(pos.count * 3);
+ for (let i = 0; i < pos.count; i++) {
+ const v = 0.86 + 0.14 * nor.getY(i) + 0.08 * Math.abs(nor.getZ(i));
+ col.set([v, v, v], i * 3);
+ }
+ g.setAttribute('color', new THREE.BufferAttribute(col, 3));
+ g.userData.shape = shapeKey(t);
+ return g;
+ }
+
+ // ------------------------------------------------------------------ animations
+ //
+ // A block playing an animation (core's graph::anims) is posed every frame: its move added
+ // to its place, its turn after its own, its sides scaled, its texture switched from a
+ // key on; the block itself (its place in the save, its gizmo, picking for editing) stays
+ // where it was put. `animPose` follows core's `sample`.
+
+ setAnims(list, textures) {
+ for (const [k, v] of Object.entries(textures || {})) this.abouts.set(k, v);
+ this.anims = new Map((list || []).map((x) => [x.key, x.anim]));
+ this.animT0 = performance.now();
+ for (const o of this.blocks.values()) this.unpose(o);
+ this.dirty = true;
+ }
+
+ // play or pause every animation (paused: each block back where it was put)
+ playAnims(on) {
+ this.animPlaying = !!on;
+ if (on) this.animT0 = performance.now();
+ else for (const o of this.blocks.values()) this.unpose(o);
+ this.dirty = true;
+ }
+
+
+
+ // ------------------------------------------------------------------ placing prefabs
+ //
+ // Placing a prefab by hand, flying or walking: a see-through copy (the ghost) follows
+ // where you look (where the pointer is, when it isn't locked), sitting on the face of a
+ // block or on the floor, snapped to a half-unit grid (Shift: free). The wheel turns it a
+ // quarter at a time; it shows red where it would overlap a block. A click places a copy
+ // there (and the ghost stays, to place more); Esc or a right click stops.
+ startGhost(prefab, parts, textures, name) {
+ this.stopGhost();
+ for (const [k, v] of Object.entries(textures || {})) this.abouts.set(k, v);
+ const g = new THREE.Group();
+ const mats = [];
+ for (const b of parts || []) {
+ const mesh = new THREE.Mesh(this.boxGeometry(b), this.blockMaterial(b));
+ mesh.position.set(b.x, b.y, b.z);
+ const r = b.rot || [0, 0, 0, 1];
+ mesh.quaternion.set(r[0], r[1], r[2], r[3]);
+ this.bake({ b, mesh });
+ const all = Array.isArray(mesh.material) ? mesh.material : [mesh.material];
+ mesh.material = all.map((m) => { const c = m.clone(); c.transparent = true; c.opacity = 0.55; c.depthWrite = false; mats.push(c); return c; });
+ if (mesh.material.length === 1) mesh.material = mesh.material[0];
+ g.add(mesh);
+ }
+ this.scene.add(g);
+ this.ghost = { prefab, g, mats, turn: 0, ok: true, name: name || 'the prefab' };
+ this.dirty = true;
+ }
+
+ stopGhost() {
+ if (!this.ghost) return;
+ this.scene.remove(this.ghost.g);
+ for (const m of this.ghost.g.children) m.geometry.dispose();
+ for (const m of this.ghost.mats) m.dispose();
+ this.ghost = null;
+ this.dirty = true;
+ }
+
+ // the ghost where you look: on a block's face or the floor, snapped, turned; red if
+ // it would overlap
+ aimGhost() {
+ const gh = this.ghost;
+ if (!gh) return;
+ const locked = document.pointerLockElement === this.host;
+ const ray = this.rayFrom(locked || !this.pointer ? null : this.pointer);
+ const g = gh.g;
+ g.position.set(0, 0, 0);
+ g.quaternion.setFromAxisAngle(new THREE.Vector3(0, 1, 0), gh.turn * Math.PI / 2);
+ g.updateMatrixWorld(true);
+ const box = new THREE.Box3().setFromObject(g);
+ const meshes = [...this.blocks.values()].map((o) => o.mesh);
+ const hit = ray.intersectObjects(meshes, false).find((h) => h.distance <= 80);
+ let at, n;
+ if (hit) {
+ at = hit.point.clone();
+ n = hit.face ? hit.face.normal.clone().transformDirection(hit.object.matrixWorld) : new THREE.Vector3(0, 1, 0);
+ } else {
+ // the floor, where the ray meets it (else 12 units ahead)
+ const o = ray.ray.origin, d = ray.ray.direction;
+ const t = d.y < -1e-3 ? (BODY.floor - o.y) / d.y : -1;
+ at = t > 0 && t < 200 ? o.clone().addScaledVector(d, t) : o.clone().addScaledVector(d, 12);
+ n = new THREE.Vector3(0, 1, 0);
+ }
+ // the ghost's box rests against the surface along its normal
+ const ax = Math.abs(n.x) > Math.abs(n.y) && Math.abs(n.x) > Math.abs(n.z) ? 'x' : Math.abs(n.y) >= Math.abs(n.z) ? 'y' : 'z';
+ const sign = Math.sign(n[ax]) || 1;
+ const pos = at.clone();
+ pos[ax] += sign > 0 ? -box.min[ax] : -box.max[ax];
+ const snap = this.keys.has('ShiftLeft') || this.keys.has('ShiftRight') ? 0 : 0.5;
+ if (snap) for (const k of ['x', 'y', 'z']) if (k !== ax) pos[k] = Math.round(pos[k] / snap) * snap;
+ g.position.copy(pos);
+ g.updateMatrixWorld(true);
+ const placed = new THREE.Box3().setFromObject(g);
+ placed.min.addScalar(0.01);
+ placed.max.addScalar(-0.01);
+ gh.ok = !this.solids().some((s) => s.intersectsBox(placed));
+ for (const m of gh.mats) m.color && m.color.set(gh.ok ? 0xb8ffc0 : 0xff6a6a);
+ gh.at = pos;
+ }
+
+ // the click: a copy where the ghost is, if it fits
+ placeGhost() {
+ const gh = this.ghost;
+ if (!gh || !gh.at) return;
+ if (!gh.ok) { this.send({ ...this.ev('toast', null), text: 'it would overlap a block there (red); move it, or turn it with the wheel' }); return; }
+ const q = new THREE.Quaternion().setFromAxisAngle(new THREE.Vector3(0, 1, 0), gh.turn * Math.PI / 2);
+ this.send({ ...this.ev('ghostplace', null), data: { prefab: gh.prefab, x: +gh.at.x.toFixed(4), y: +gh.at.y.toFixed(4), z: +gh.at.z.toFixed(4), rot: [q.x, q.y, q.z, q.w] } });
+ }
+
+ // ------------------------------------------------------------------ first person
+ //
+ // Besides flying (the default), you can walk (V): gravity, blocks to stand on and bump
+ // into, run (Shift), sneak (held), crouch (C), jump (Space), lean (Q, E) and mantle (jump
+ // at a ledge within reach climbs onto it). The grapple (G) hooks the block or text you
+ // look at, to swing on, reel in and out with the wheel, and let go with G or a jump.
+ // Superflight (B) flies fast where you look (Shift boosts) and collects the texts you
+ // fly through, in order, drawn as a trail; Rust offers to make them an entry, a chain, a
+ // list or the bar's text. The body moves in fixed steps of 1/120 s, the same on the
+ // desktop and the web. Walking and superflight lock the pointer when the page allows
+ // (Esc lets it go); right-drag looks around as ever.
+ setMode(mode) {
+ const was = this.mode || 'fly';
+ if (mode === was) return;
+ this.mode = mode;
+ this.ease = null;
+ if (mode === 'fly') {
+ this.dropRope();
+ this.body = null;
+ this.flight = null;
+ if (document.pointerLockElement === this.host) document.exitPointerLock?.();
+ } else {
+ const c = this.camera.position;
+ if (mode === 'walk') {
+ this.flight = null;
+ this.body = { p: new THREE.Vector3(c.x, c.y - (BODY.stand - 0.1), c.z), v: new THREE.Vector3(), ground: false, h: BODY.stand, lean: 0, acc: 0, ledge: null };
+ this.rollA = 0;
+ } else {
+ this.dropRope();
+ this.body = null;
+ this.flight = { v: new THREE.Vector3(), acc: 0, last: c.clone() };
+ if (!this.collected) this.collected = [];
+ }
+ // the pointer locked, the mouse looks; not on the desktop, whose web view stops
+ // passing keys on while it's locked (seen under Xvfb), so right-drag looks there
+ try { if (!window.__anendNoLock) this.host.requestPointerLock?.(); } catch { /* right-drag still looks */ }
+ }
+ this.send({ ...this.ev('mode', null), data: mode });
+ this.dirty = true;
+ }
+
+ // what blocks are in the way: their boxes in the room (turned and bent), made again
+ // when blocks change
+ solids() {
+ if (!this.solidBoxes || this.solidsAt !== this.blocksRev) {
+ this.solidBoxes = [];
+ for (const o of this.blocks.values()) {
+ if (o.b.zone) continue;
+ o.mesh.updateMatrixWorld(true);
+ this.solidBoxes.push(new THREE.Box3().setFromObject(o.mesh));
+ }
+ this.solidsAt = this.blocksRev;
+ }
+ return this.solidBoxes;
+ }
+
+ // the body's box at feet `p` with height `h`
+ bodyBox(p, h, out) {
+ return (out || new THREE.Box3()).set(new THREE.Vector3(p.x - BODY.r, p.y, p.z - BODY.r), new THREE.Vector3(p.x + BODY.r, p.y + h, p.z + BODY.r));
+ }
+
+ // whether a body at feet `p`, `h` tall, would stand in a block
+ blocked(p, h) {
+ const box = this.bodyBox(p, h);
+ box.min.addScalar(0.001);
+ box.max.addScalar(-0.001);
+ return this.solids().some((s) => s.intersectsBox(box));
+ }
+
+ moveBody(dt) {
+ if (this.mode === 'super') return this.superflight(dt);
+ const b = this.body;
+ if (!b) return;
+ b.acc = Math.min(b.acc + dt, 0.25);
+ while (b.acc >= FP_STEP) {
+ this.walkStep(FP_STEP);
+ b.acc -= FP_STEP;
+ }
+ // the camera at the eyes, leaning
+ const c = this.camera;
+ const right = new THREE.Vector3(Math.cos(this.yaw), 0, -Math.sin(this.yaw));
+ c.position.set(b.p.x, b.p.y + b.h - 0.1, b.p.z).addScaledVector(right, b.lean * 0.4);
+ this.rollA = -b.lean * 0.12;
+ if (this.rope) this.drawRope();
+ }
+
+ walkStep(dt) {
+ const b = this.body, k = this.held.bind(this);
+ // crouching (and staying down where there's no room to stand)
+ const want = k('fly_down') ? BODY.crouch : BODY.stand;
+ if (want > b.h && this.blocked(b.p, want)) { /* stays down */ } else b.h = want;
+ const lean = (k('roll_left') ? -1 : 0) + (k('roll_right') ? 1 : 0);
+ b.lean += (lean - b.lean) * Math.min(1, dt * 10);
+ // where the keys push, on the ground's plane
+ const fwd = new THREE.Vector3(-Math.sin(this.yaw), 0, -Math.cos(this.yaw));
+ const right = new THREE.Vector3(Math.cos(this.yaw), 0, -Math.sin(this.yaw));
+ const wish = new THREE.Vector3();
+ if (k('fly_forward')) wish.add(fwd);
+ if (k('fly_back')) wish.sub(fwd);
+ if (k('fly_left')) wish.sub(right);
+ if (k('fly_right')) wish.add(right);
+ if (wish.lengthSq() > 0) wish.normalize();
+ const shift = this.keys.has('ShiftLeft') || this.keys.has('ShiftRight');
+ const speed = b.h < BODY.stand ? BODY.crawl : k('sneak') ? BODY.sneak : shift ? BODY.run : BODY.walk;
+ if (this.rope) {
+ // on the rope: a little push, gravity, the rope's pull
+ b.v.addScaledVector(wish, 6 * dt);
+ b.v.y -= BODY.gravity * dt;
+ } else if (b.ground) {
+ b.v.x = wish.x * speed;
+ b.v.z = wish.z * speed;
+ } else {
+ b.v.x += (wish.x * speed - b.v.x) * Math.min(1, dt * 2);
+ b.v.z += (wish.z * speed - b.v.z) * Math.min(1, dt * 2);
+ b.v.y -= BODY.gravity * dt;
+ }
+ if (b.ground && !this.rope) b.v.y = 0;
+ // a jump; at a ledge in reach, a mantle onto it
+ if (k('fly_up') && !b.jumpHeld) {
+ if (this.rope) this.dropRope();
+ else if (b.ledge != null && b.ledge - b.p.y <= BODY.mantle && !this.blocked(new THREE.Vector3(b.p.x + fwd.x * 0.35, b.ledge + 0.01, b.p.z + fwd.z * 0.35), b.h)) {
+ b.p.set(b.p.x + fwd.x * 0.35, b.ledge + 0.01, b.p.z + fwd.z * 0.35);
+ b.v.set(0, 0, 0);
+ } else if (b.ground) b.v.y = BODY.jump;
+ }
+ b.jumpHeld = k('fly_up');
+ // move one axis at a time, out of what's in the way
+ b.ledge = null;
+ b.ground = false;
+ const box = new THREE.Box3();
+ for (const axis of ['x', 'z', 'y']) {
+ const d = b.v[axis] * dt;
+ if (!d) continue;
+ b.p[axis] += d;
+ for (const s of this.solids()) {
+ this.bodyBox(b.p, b.h, box);
+ if (!s.intersectsBox(box)) continue;
+ if (axis === 'y') {
+ if (d < 0) { b.p.y = s.max.y; b.ground = true; } else b.p.y = s.min.y - b.h;
+ b.v.y = 0;
+ } else {
+ // a low step is climbed; a higher one is a ledge to mantle
+ const rise = s.max.y - b.p.y;
+ if (rise > 0 && rise <= BODY.step && b.v.y <= 0 && !this.blocked(new THREE.Vector3(b.p.x, s.max.y + 0.001, b.p.z), b.h)) {
+ b.p.y = s.max.y + 0.001;
+ continue;
+ }
+ if (rise > 0) b.ledge = b.ledge == null ? s.max.y : Math.max(b.ledge, s.max.y);
+ b.p[axis] = d > 0 ? s.min[axis] - BODY.r - 0.0005 : s.max[axis] + BODY.r + 0.0005;
+ if (!this.rope) b.v[axis] = 0;
+ }
+ }
+ }
+ if (b.p.y <= BODY.floor) { b.p.y = BODY.floor; b.v.y = Math.max(0, b.v.y); b.ground = true; }
+ // standing on something (resting on its top)
+ if (!b.ground && b.v.y <= 0) {
+ const below = this.bodyBox(new THREE.Vector3(b.p.x, b.p.y - 0.01, b.p.z), 0.009);
+ if (this.solids().some((s) => s.intersectsBox(below))) b.ground = true;
+ }
+ // the rope keeps the hand within its length of the hook
+ const r = this.rope;
+ if (r) {
+ const hand = new THREE.Vector3(b.p.x, b.p.y + b.h - 0.3, b.p.z);
+ const d = hand.clone().sub(r.at);
+ const len = d.length();
+ if (len > r.len) {
+ d.multiplyScalar(1 / len);
+ b.p.addScaledVector(d, r.len - len);
+ const out = b.v.dot(d);
+ if (out > 0) b.v.addScaledVector(d, -out);
+ b.ground = false;
+ }
+ b.v.multiplyScalar(1 - Math.min(1, dt * 0.15));
+ }
+ }
+
+ // the grapple: hook what's ahead, or let go
+ grapple() {
+ if (this.rope) return this.dropRope();
+ if (this.mode !== 'walk') this.setMode('walk');
+ const c = this.camera;
+ // where you look now (the room may not have drawn since the last turn)
+ this.applyTurn();
+ c.updateMatrixWorld(true);
+ const ray = this.rayFrom(null);
+ let at = null;
+ const meshes = [...this.blocks.values()].map((o) => o.mesh);
+ const hit = ray.intersectObjects(meshes, false)[0];
+ if (hit && hit.distance <= 60) at = hit.point.clone();
+ // else a text near where you look
+ if (!at) {
+ const fwd = new THREE.Vector3(0, 0, -1).applyQuaternion(c.quaternion);
+ let best = 0.05;
+ const w = new THREE.Vector3();
+ for (const n of this.order) {
+ this.world(n, w);
+ const d = w.clone().sub(c.position);
+ const dist = d.length();
+ if (dist < 1 || dist > 60) continue;
+ const off = 1 - d.normalize().dot(fwd);
+ if (off < best) { best = off; at = w.clone(); }
+ }
+ }
+ if (!at) { this.send({ ...this.ev('toast', null), text: 'nothing to hook ahead (60 units at most)' }); return; }
+ const b = this.body;
+ const hand = new THREE.Vector3(b.p.x, b.p.y + b.h - 0.3, b.p.z);
+ this.rope = { at, len: Math.max(1.2, hand.distanceTo(at)) };
+ if (!this.ropeLine) {
+ this.ropeLine = new THREE.Line(new THREE.BufferGeometry().setFromPoints([new THREE.Vector3(), new THREE.Vector3()]), new THREE.LineBasicMaterial({ color: 0x5a4632 }));
+ this.ropeLine.frustumCulled = false;
+ }
+ this.scene.add(this.ropeLine);
+ this.drawRope();
+ }
+
+ dropRope() {
+ if (!this.rope) return;
+ this.rope = null;
+ if (this.ropeLine) this.scene.remove(this.ropeLine);
+ this.dirty = true;
+ }
+
+ drawRope() {
+ const b = this.body, r = this.rope;
+ if (!b || !r || !this.ropeLine) return;
+ const right = new THREE.Vector3(Math.cos(this.yaw), 0, -Math.sin(this.yaw));
+ const hand = new THREE.Vector3(b.p.x, b.p.y + b.h - 0.35, b.p.z).addScaledVector(right, 0.25);
+ const pos = this.ropeLine.geometry.attributes.position;
+ pos.setXYZ(0, hand.x, hand.y, hand.z);
+ pos.setXYZ(1, r.at.x, r.at.y, r.at.z);
+ pos.needsUpdate = true;
+ }
+
+ // superflight: thrust where you look, Shift to boost; texts flown through are collected
+ superflight(dt) {
+ const f = this.flight;
+ if (!f) return;
+ f.acc = Math.min(f.acc + dt, 0.25);
+ const c = this.camera, k = this.held.bind(this);
+ while (f.acc >= FP_STEP) {
+ const t = FP_STEP;
+ const look = new THREE.Vector3(0, 0, -1).applyQuaternion(c.quaternion);
+ const right = new THREE.Vector3(1, 0, 0).applyQuaternion(c.quaternion);
+ const boost = this.keys.has('ShiftLeft') || this.keys.has('ShiftRight') ? 3 : 1;
+ const thrust = new THREE.Vector3();
+ if (k('fly_forward')) thrust.addScaledVector(look, 40 * boost);
+ if (k('fly_back')) thrust.addScaledVector(f.v, -2);
+ if (k('fly_left')) thrust.addScaledVector(right, -20);
+ if (k('fly_right')) thrust.addScaledVector(right, 20);
+ if (k('fly_up')) thrust.y += 20;
+ if (k('fly_down')) thrust.y -= 20;
+ f.v.addScaledVector(thrust, t);
+ f.v.multiplyScalar(1 - Math.min(1, 1.2 * t));
+ const max = 30 * boost;
+ if (f.v.length() > max) f.v.setLength(max);
+ const from = c.position.clone();
+ c.position.addScaledVector(f.v, t);
+ this.collect(from, c.position);
+ f.acc -= t;
+ }
+ }
+
+ // the texts within reach of the path from `a` to `b`, in the order met, into the buffer
+ collect(a, b) {
+ const seg = b.clone().sub(a);
+ const len2 = seg.lengthSq();
+ if (len2 < 1e-9) return;
+ const w = new THREE.Vector3();
+ const met = [];
+ const have = new Set(this.collected.map((x) => x.key));
+ for (const n of this.order) {
+ if (have.has(n.key)) continue;
+ this.world(n, w);
+ const t = Math.max(0, Math.min(1, w.clone().sub(a).dot(seg) / len2));
+ const near = a.clone().addScaledVector(seg, t).distanceTo(w);
+ if (near <= 0.6 + (n.size || this.p.size)) met.push({ t, n, at: w.clone() });
+ }
+ if (!met.length) return;
+ met.sort((x, y) => x.t - y.t || (x.n.key < y.n.key ? -1 : 1));
+ for (const m of met) this.collected.push({ key: m.n.key, text: m.n.f.text, at: m.at });
+ this.drawTrail();
+ this.send({ ...this.ev('collected', null), data: this.collected.map((x) => ({ key: x.key, text: x.text })) });
+ }
+
+ // the collected texts, joined by a line in the order met
+ drawTrail() {
+ if (this.trail) { this.scene.remove(this.trail); this.trail.geometry.dispose(); this.trail = null; }
+ const pts = (this.collected || []).map((x) => x.at);
+ if (pts.length < 2) return;
+ this.trail = new THREE.Line(new THREE.BufferGeometry().setFromPoints(pts), new THREE.LineBasicMaterial({ color: 0xff8c1a }));
+ this.trail.frustumCulled = false;
+ this.scene.add(this.trail);
+ this.dirty = true;
+ }
+
+ clearCollected() {
+ this.collected = [];
+ this.drawTrail();
+ this.send({ ...this.ev('collected', null), data: [] });
+ }
+
+ // ------------------------------------------------------------------ prefabs
+ //
+ // A prefab's copies are drawn as their parts, ordinary blocks whose ids name their copy
+ // (core's graph::prefabs). The prefab menu shows each prefab as a small picture of its
+ // parts, drawn here on a renderer of its own: `thumbs` answers id → a PNG data URL.
+ thumbs(list, textures) {
+ for (const [k, v] of Object.entries(textures || {})) this.abouts.set(k, v);
+ const size = 112;
+ if (!this.thumbR) {
+ this.thumbR = new THREE.WebGLRenderer({ antialias: true, alpha: true, preserveDrawingBuffer: true });
+ this.thumbR.setPixelRatio(1);
+ this.thumbR.setSize(size, size);
+ }
+ const out = {};
+ for (const p of list || []) {
+ const sc = new THREE.Scene();
+ const box = new THREE.Box3();
+ const made = [];
+ for (const b of p.parts || []) {
+ const mesh = new THREE.Mesh(this.boxGeometry(b), this.blockMaterial(b));
+ mesh.position.set(b.x, b.y, b.z);
+ const r = b.rot || [0, 0, 0, 1];
+ mesh.quaternion.set(r[0], r[1], r[2], r[3]);
+ const o = { b, mesh };
+ this.bake(o);
+ sc.add(mesh);
+ made.push(mesh);
+ box.expandByObject(mesh);
+ }
+ if (!made.length) continue;
+ const c = box.getCenter(new THREE.Vector3());
+ const r = Math.max(0.5, box.getSize(new THREE.Vector3()).length() / 2);
+ const cam = new THREE.PerspectiveCamera(35, 1, 0.05, r * 20);
+ cam.position.copy(c).add(new THREE.Vector3(0.9, 0.7, 1.4).normalize().multiplyScalar(r / Math.sin((35 / 2) * Math.PI / 180)));
+ cam.lookAt(c);
+ this.thumbR.setClearColor(0x000000, 0);
+ this.thumbR.render(sc, cam);
+ out[p.id] = this.thumbR.domElement.toDataURL('image/png');
+ for (const m of made) m.geometry.dispose();
+ }
+ return out;
+ }
+
+ // ------------------------------------------------------------------ wiring
+ //
+ // Blocks that cast rays and run programs (core's `ops::wiring`). The room only knows
+ // which blocks listen for what; core runs the programs and casts the rays. Playing
+ // (`live`), a click on a block listening for clicks fires it instead of selecting it,
+ // timers fire their blocks, and a zone listening for texts coming or going is told.
+ // The rays a cause casts show for a moment.
+ setWires(list, live) {
+ this.wires = new Map((list || []).map((w) => [w.id, w]));
+ this.wiresDirty = true;
+ // timers keep their beat across a reload of the list (a cause reloads it)
+ const was = this.live;
+ this.live = !!live;
+ const old = (was && this.live && this.wireT) || new Map();
+ this.wireT = new Map([...old].filter(([k]) => this.wires.has(k)));
+ this.dirty = true;
+ // the looping sound emitters play while the room plays
+ if (this.live && !was) this.startLoops();
+ if (!this.live && was) this.hushAll();
+ }
+
+ // ------------------------------------------------------------------ wires
+ //
+ // Each sticky ray is drawn as a wire from its block to each target: a sagging line,
+ // lit while a ray passes along it. In wiring mode (J, or the wiring window's "connect
+ // by dragging") every block shows a port, and a drag from one block to another makes a
+ // wire (or takes it away, when it's there); flying or walking alike (walking, what's
+ // ahead is what the drag starts and ends on). Ctrl+Z takes a wire back.
+
+ drawWires() {
+ this.wiresDirty = false;
+ if (this.wireLines) {
+ this.scene.remove(this.wireLines);
+ this.wireLines.traverse((x) => { x.geometry?.dispose(); x.material?.dispose(); });
+ this.wireLines = null;
+ }
+ const g = new THREE.Group();
+ this.wireIdx = [];
+ const now = performance.now();
+ for (const w of (this.wires || new Map()).values()) {
+ const a = this.blocks.get(w.id);
+ if (!a) continue;
+ for (const t of w.links || []) {
+ const b = this.blocks.get(t);
+ if (!b) continue;
+ const p0 = a.mesh.position, p1 = b.mesh.position;
+ const mid = p0.clone().add(p1).multiplyScalar(0.5);
+ mid.y -= Math.min(1.2, p0.distanceTo(p1) * 0.18);
+ const curve = new THREE.QuadraticBezierCurve3(p0.clone(), mid, p1.clone());
+ const lit = this.wireLit && this.wireLit.get(`${w.id}>${t}`) > now;
+ // a cable with some thickness (lines are a pixel wide whatever the distance)
+ const line = new THREE.Mesh(new THREE.TubeGeometry(curve, 28, lit ? 0.045 : 0.028, 6, false), new THREE.MeshBasicMaterial({ color: lit ? 0xffd23f : 0x5a4a32, transparent: true, opacity: lit ? 1 : 0.85, depthTest: !lit }));
+ line.renderOrder = lit ? 11 : 1;
+ g.add(line);
+ this.wireIdx.push({ from: w.id, to: t });
+ }
+ }
+ // the ports, while wiring
+ if (this.wiring) {
+ const mat = new THREE.MeshBasicMaterial({ color: 0x3f8cff, fog: false, depthTest: false, transparent: true, opacity: 0.9 });
+ for (const o of this.blocks.values()) {
+ const box = new THREE.Box3().setFromObject(o.mesh);
+ const port = new THREE.Mesh(new THREE.SphereGeometry(0.09, 12, 8), mat.clone());
+ port.position.set((box.min.x + box.max.x) / 2, box.max.y + 0.12, (box.min.z + box.max.z) / 2);
+ port.renderOrder = 1003;
+ g.add(port);
+ }
+ }
+ this.wireLines = g;
+ this.scene.add(g);
+ this.dirty = true;
+ }
+
+ // a ray passed: the wires it went along light up for a moment
+ lightWires(rays) {
+ if (!this.wires) return;
+ this.wireLit = this.wireLit || new Map();
+ const until = performance.now() + 700;
+ for (const r of rays || []) {
+ const from = new THREE.Vector3(...r.from);
+ for (const w of this.wires.values()) {
+ const a = this.blocks.get(w.id);
+ if (!a || a.mesh.position.distanceTo(from) > 0.6) continue;
+ for (const t of r.hits || []) if ((w.links || []).includes(t)) this.wireLit.set(`${w.id}>${t}`, until);
+ }
+ }
+ this.wiresDirty = true;
+ setTimeout(() => { this.wiresDirty = true; this.dirty = true; }, 760);
+ }
+
+ setWiring(on) {
+ this.wiring = on == null ? !this.wiring : !!on;
+ this.wiresDirty = true;
+ this.send({ ...this.ev('wiremode', null), data: this.wiring });
+ this.render();
+ }
+
+ // the block under the pointer (or ahead, walking), not the gizmo over it
+ blockUnder(e) {
+ const m = this.rayFrom(e).intersectObjects([...this.blocks.values()].map((o) => o.mesh), false)[0];
+ return m ? m.object.userData.block : null;
+ }
+
+ startWire(e) {
+ const from = this.blockUnder(e);
+ if (from == null) return false;
+ const fwd = new THREE.Vector3(0, 0, -1).applyQuaternion(this.camera.quaternion);
+ const at = this.blocks.get(from).mesh.position;
+ this.wdrag = { from, depth: at.clone().sub(this.camera.position).dot(fwd), line: null };
+ try { this.host.setPointerCapture(e.pointerId); } catch { /* fine without */ }
+ return true;
+ }
+
+ dragWire(e) {
+ const d = this.wdrag;
+ const p0 = this.blocks.get(d.from).mesh.position;
+ const to = this.blockUnder(e);
+ const p1 = to != null && to !== d.from ? this.blocks.get(to).mesh.position : this.rayAt(e.clientX, e.clientY, d.depth);
+ if (d.line) { this.scene.remove(d.line); d.line.geometry.dispose(); }
+ d.line = new THREE.Line(new THREE.BufferGeometry().setFromPoints([p0.clone(), p1.clone()]), new THREE.LineDashedMaterial({ color: 0x3f8cff, dashSize: 0.15, gapSize: 0.08, depthTest: false }));
+ d.line.computeLineDistances();
+ d.line.renderOrder = 1004;
+ this.scene.add(d.line);
+ this.dirty = true;
+ }
+
+ endWire(e) {
+ const d = this.wdrag;
+ this.wdrag = null;
+ if (d.line) { this.scene.remove(d.line); d.line.geometry.dispose(); }
+ const to = this.blockUnder(e);
+ if (to != null && to !== d.from) this.send({ ...this.ev('wirelink', null), data: { from: d.from, to } });
+ this.render();
+ }
+
+ // ------------------------------------------------------------------ sounds
+ //
+ // Blocks can be sound emitters (core's graph::sounds): a sound of the save, a volume,
+ // how far it carries (it fades to nothing there) and whether it loops. While the room
+ // plays, looping emitters sound from the start and the others when a program prints
+ // `sound`; each is placed where its block is and heard from the camera (Web Audio).
+ // The room asks Rust for a sound's bytes the first time it needs them (`soundwant`).
+ audio() {
+ if (!this.ac) {
+ const AC = window.AudioContext || window.webkitAudioContext;
+ if (!AC) return null;
+ this.ac = new AC();
+ this.buffers = new Map(); // sound id → AudioBuffer, or a Promise while decoding
+ this.voices = new Map(); // block id → { src, gain, pan }
+ this.waiting = new Map(); // sound id → block ids to start when it arrives
+ }
+ if (this.ac.state === 'suspended') this.ac.resume().catch(() => {});
+ return this.ac;
+ }
+
+ // a sound's bytes from Rust: decoded, then the blocks waiting on it start
+ soundData(id, data) {
+ const ac = this.audio();
+ if (!ac) return;
+ const bin = atob(data);
+ const bytes = new Uint8Array(bin.length);
+ for (let i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i);
+ const p = ac.decodeAudioData(bytes.buffer).then((buf) => {
+ this.buffers.set(id, buf);
+ const want = this.waiting.get(id) || [];
+ this.waiting.delete(id);
+ for (const w of want) w();
+ }).catch((e) => {
+ this.buffers.delete(id);
+ this.send({ ...this.ev('toast', null), text: `that sound doesn't play here: ${e && e.message || e}` });
+ });
+ this.buffers.set(id, p);
+ }
+
+ // runs `then` with the sound's buffer, once it's here
+ withSound(id, then) {
+ const b = this.buffers.get(id);
+ if (b instanceof AudioBuffer) return then(b);
+ const q = this.waiting.get(id) || [];
+ q.push(() => then(this.buffers.get(id)));
+ this.waiting.set(id, q);
+ if (!b) {
+ this.buffers.set(id, 'asked');
+ this.send({ ...this.ev('soundwant', null), data: id });
+ }
+ }
+
+ // a block's sound starts (again, from the beginning)
+ playSound(blockId) {
+ const o = this.blocks.get(blockId);
+ const s = o && o.b.sound;
+ if (!s || !this.audio()) return;
+ this.stopSound(blockId);
+ this.withSound(s.id, (buf) => {
+ if (!(buf instanceof AudioBuffer) || !this.blocks.has(blockId)) return;
+ const ac = this.ac;
+ const src = ac.createBufferSource();
+ src.buffer = buf;
+ src.loop = !!s.loop;
+ const gain = ac.createGain();
+ gain.gain.value = s.volume == null ? 1 : s.volume;
+ const pan = ac.createPanner();
+ pan.panningModel = 'equalpower';
+ pan.distanceModel = 'linear';
+ pan.refDistance = 1;
+ pan.maxDistance = Math.max(1.01, s.range || 20);
+ pan.rolloffFactor = 1;
+ src.connect(gain).connect(pan).connect(ac.destination);
+ const v = { src, gain, pan };
+ this.voices.set(blockId, v);
+ this.placeVoice(blockId, v);
+ src.onended = () => { if (this.voices.get(blockId) === v) this.voices.delete(blockId); };
+ src.start();
+ this.hearFrom();
+ });
+ }
+
+ stopSound(blockId) {
+ const v = this.voices && this.voices.get(blockId);
+ if (!v) return;
+ this.voices.delete(blockId);
+ try { v.src.stop(); } catch { /* ended already */ }
+ }
+
+ startLoops() {
+ for (const [id, o] of this.blocks) if (o.b.sound && o.b.sound.loop) this.playSound(id);
+ }
+
+ hushAll() {
+ if (!this.voices) return;
+ for (const id of [...this.voices.keys()]) this.stopSound(id);
+ }
+
+ // what programs asked for: `[{block, play}]`
+ sounds(list) {
+ for (const s of list || []) (s.play ? this.playSound(s.block) : this.stopSound(s.block));
+ }
+
+ // a sound heard as it is, not placed (the sounds window's ▶)
+ previewSound(id) {
+ if (!this.audio()) return;
+ if (this.preview && this.preview.stop) { try { this.preview.stop(); } catch { /* done */ } }
+ this.withSound(id, (buf) => {
+ if (!(buf instanceof AudioBuffer)) return;
+ const src = this.ac.createBufferSource();
+ src.buffer = buf;
+ src.connect(this.ac.destination);
+ src.start();
+ this.preview = src;
+ });
+ }
+
+ placeVoice(id, v) {
+ const o = this.blocks.get(id);
+ if (!o) return;
+ const p = o.mesh.position;
+ const t = this.ac.currentTime;
+ if (v.pan.positionX) {
+ v.pan.positionX.setValueAtTime(p.x, t);
+ v.pan.positionY.setValueAtTime(p.y, t);
+ v.pan.positionZ.setValueAtTime(p.z, t);
+ } else v.pan.setPosition(p.x, p.y, p.z);
+ }
+
+ // the listener is the camera; voices follow their blocks (an animation moves them).
+ // (Not `listen`: that's the method that attaches the room's events, once.)
+ hearFrom() {
+ if (!this.ac || !this.voices || !this.voices.size) return;
+ const l = this.ac.listener, c = this.camera, t = this.ac.currentTime;
+ const f = new THREE.Vector3(0, 0, -1).applyQuaternion(c.quaternion);
+ const u = new THREE.Vector3(0, 1, 0).applyQuaternion(c.quaternion);
+ if (l.positionX) {
+ l.positionX.setValueAtTime(c.position.x, t);
+ l.positionY.setValueAtTime(c.position.y, t);
+ l.positionZ.setValueAtTime(c.position.z, t);
+ l.forwardX.setValueAtTime(f.x, t);
+ l.forwardY.setValueAtTime(f.y, t);
+ l.forwardZ.setValueAtTime(f.z, t);
+ l.upX.setValueAtTime(u.x, t);
+ l.upY.setValueAtTime(u.y, t);
+ l.upZ.setValueAtTime(u.z, t);
+ } else {
+ l.setPosition(c.position.x, c.position.y, c.position.z);
+ l.setOrientation(f.x, f.y, f.z, u.x, u.y, u.z);
+ }
+ for (const [id, v] of this.voices) this.placeVoice(id, v);
+ }
+
+ wireFire(id, event, from) {
+ this.send({ ...this.ev('blockfire', null), data: { id, event, from: from || '' } });
+ }
+
+ // the timers of wired blocks, on the frame's clock (playing only)
+ wireTimers(now) {
+ if (!this.live || !this.wires || !this.wires.size) return false;
+ let any = false;
+ for (const [id, w] of this.wires) {
+ if (!(w.on || []).includes('timer')) continue;
+ any = true;
+ const every = Math.max(0.2, w.every || 1) * 1000;
+ const last = this.wireT.get(id);
+ if (last == null) this.wireT.set(id, now);
+ else if (now - last >= every) {
+ this.wireT.set(id, now);
+ this.wireFire(id, 'timer');
+ }
+ }
+ return any;
+ }
+
+ // a text came into or left a zone: the zone's block is told, when it listens
+ wireZone(zone, text, event) {
+ if (!this.live || !zone || !this.wires) return;
+ const w = this.wires.get(zone);
+ if (w && (w.on || []).includes(event)) this.wireFire(zone, event, text);
+ }
+
+ // the rays a cause cast, drawn for a moment
+ showRays(rays) {
+ if (!rays || !rays.length) return;
+ this.lightWires(rays);
+ const pts = [];
+ for (const r of rays) pts.push(new THREE.Vector3(...r.from), new THREE.Vector3(...r.to));
+ const g = new THREE.BufferGeometry().setFromPoints(pts);
+ const line = new THREE.LineSegments(g, new THREE.LineBasicMaterial({ color: 0xffcc33, transparent: true, opacity: 0.95, depthTest: false }));
+ line.renderOrder = 10;
+ this.scene.add(line);
+ this.rayLines = (this.rayLines || []).concat([{ line, t0: performance.now() }]);
+ this.dirty = true;
+ }
+
+ // fades the rays out over 0.8 s; whether any are left
+ fadeRays(now) {
+ if (!this.rayLines || !this.rayLines.length) return false;
+ this.rayLines = this.rayLines.filter((r) => {
+ const a = 1 - (now - r.t0) / 800;
+ if (a <= 0) {
+ this.scene.remove(r.line);
+ r.line.geometry.dispose();
+ r.line.material.dispose();
+ return false;
+ }
+ r.line.material.opacity = 0.95 * a;
+ return true;
+ });
+ return true;
+ }
+
+ // the animations window shows one on a block: at a phase (scrubbing), or playing
+ previewAnim(id, anim, p) {
+ const o = this.blocks.get(id);
+ if (!o) return;
+ o.preview = anim ? { anim, p: p == null ? null : p, t0: performance.now() } : null;
+ if (!anim) this.unpose(o);
+ this.dirty = true;
+ }
+
+ animating() {
+ for (const o of this.blocks.values()) if (o.preview || (this.animPlaying && o.b.anim && this.anims.has(o.b.anim.key))) return true;
+ return false;
+ }
+
+ unpose(o) {
+ o.mesh.scale.set(1, 1, 1);
+ o.mesh.position.set(o.b.x, o.b.y, o.b.z);
+ o.mesh.quaternion.copy(turnOf(o.b));
+ if (o.animTex) {
+ o.animTex = null;
+ o.mesh.material = this.blockMaterial(o.b);
+ }
+ }
+
+ // where in an animation (0 to 1) `t` seconds after it started
+ animPhase(a, t) {
+ const x = Math.max(0, t) / Math.max(0.05, a.duration || 2);
+ if (a.repeat === 'loop') return x % 1;
+ if (a.repeat === 'alternate') { const f = x % 2; return f <= 1 ? f : 2 - f; }
+ return Math.min(1, x);
+ }
+
+ animPose(a, p) {
+ const keys = [...(a.keys || [])].sort((x, y) => x.at - y.at);
+ const timing = a.timing || [0.25, 0.1, 0.25, 1];
+ const field = (name, rest) => {
+ const set = keys.filter((k) => k[name]);
+ if (!set.length) return rest;
+ const f = set[0];
+ if (p <= f.at) {
+ if (f.at <= 0) return f[name];
+ const u = cubicBezier(timing, p / f.at);
+ return rest.map((r, i) => r + (f[name][i] - r) * u);
+ }
+ for (let i = 0; i + 1 < set.length; i++) {
+ const k0 = set[i], k1 = set[i + 1];
+ if (p <= k1.at) {
+ const u = cubicBezier(k0.timing || timing, (p - k0.at) / Math.max(1e-6, k1.at - k0.at));
+ return k0[name].map((v, j) => v + (k1[name][j] - v) * u);
+ }
+ }
+ return set[set.length - 1][name];
+ };
+ let texture = null;
+ for (const k of keys) if (k.at <= p && k.texture) texture = k.texture;
+ return { move: field('move', [0, 0, 0]), turn: field('turn', [0, 0, 0]), scale: field('scale', [1, 1, 1]), texture };
+ }
+
+ // every playing block posed for this moment
+ applyAnims(now) {
+ const e = new THREE.Euler(), q = new THREE.Quaternion();
+ for (const o of this.blocks.values()) {
+ let a = null, p = 0;
+ if (o.preview) {
+ a = o.preview.anim;
+ p = o.preview.p != null ? o.preview.p : this.animPhase(a, (now - o.preview.t0) / 1000);
+ } else if (this.animPlaying && o.b.anim && this.anims.has(o.b.anim.key)) {
+ a = this.anims.get(o.b.anim.key);
+ const t = ((now - this.animT0) / 1000 - (o.b.anim.delay || 0)) * (o.b.anim.speed || 1);
+ p = this.animPhase(a, t);
+ }
+ if (!a) continue;
+ const pose = this.animPose(a, p);
+ const b = o.b;
+ o.mesh.position.set(b.x + pose.move[0], b.y + pose.move[1], b.z + pose.move[2]);
+ e.set((pose.turn[0] * Math.PI) / 180, (pose.turn[1] * Math.PI) / 180, (pose.turn[2] * Math.PI) / 180, 'XYZ');
+ o.mesh.quaternion.copy(turnOf(b)).multiply(q.setFromEuler(e));
+ o.mesh.scale.set(pose.scale[0], pose.scale[1], pose.scale[2]);
+ if ((pose.texture || null) !== (o.animTex || null)) {
+ o.animTex = pose.texture;
+ const m = pose.texture ? this.material(pose.texture, this.abouts.get(pose.texture) || {}) : this.blockMaterial(b);
+ o.mesh.material = b.zone ? (Array.isArray(m) ? m.map((x) => this.seeThrough(x)) : this.seeThrough(m)) : m;
+ }
+ }
+ }
+
+ // ------------------------------------------------------------------ lights
+ //
+ // The room's lights are baked: each block's vertex colours are the light reaching them
+ // (ambient, directional, point and cone lights summed; points and cones fade to nothing
+ // at their range, a cone's edge softened), worked out when a light or the block changes
+ // and not every frame. No shadows. With no lights, faces are shaded by their direction
+ // as before. Texts (html labels) aren't lit.
+
+ // a block's vertex colours from the lights
+ bake(o) {
+ const g = o.mesh.geometry;
+ const pos = g.attributes.position, nor = g.attributes.normal;
+ let col = g.attributes.color;
+ if (!col || col.count !== pos.count) {
+ col = new THREE.BufferAttribute(new Float32Array(pos.count * 3), 3);
+ g.setAttribute('color', col);
+ }
+ const lights = this.lights || [];
+ if (!lights.length) {
+ const round = o.b.shape === 'sphere';
+ for (let i = 0; i < pos.count; i++) {
+ const v = round ? 0.82 + 0.18 * nor.getY(i) + 0.06 * Math.abs(nor.getZ(i)) : 0.86 + 0.14 * nor.getY(i) + 0.08 * Math.abs(nor.getZ(i));
+ col.setXYZ(i, v, v, v);
+ }
+ col.needsUpdate = true;
+ return;
+ }
+ o.mesh.updateMatrixWorld(true);
+ const m = o.mesh.matrixWorld, q = o.mesh.quaternion;
+ const p = new THREE.Vector3(), n = new THREE.Vector3(), l = new THREE.Vector3();
+ const ls = lights.map((x) => ({ ...x, c: new THREE.Color(x.colour || '#ffffff'), d: new THREE.Vector3(...(x.dir || [0, -1, 0])).normalize(), at: new THREE.Vector3(x.x || 0, x.y || 0, x.z || 0) }));
+ for (let i = 0; i < pos.count; i++) {
+ p.fromBufferAttribute(pos, i).applyMatrix4(m);
+ n.fromBufferAttribute(nor, i).applyQuaternion(q).normalize();
+ let r = 0, gg = 0, bb = 0;
+ for (const x of ls) {
+ let f = 0;
+ if (x.kind === 'ambient') f = x.intensity;
+ else if (x.kind === 'directional') f = x.intensity * Math.max(0, -n.dot(x.d));
+ else {
+ l.copy(x.at).sub(p);
+ const dist = l.length();
+ if (dist > x.range) continue;
+ l.divideScalar(dist || 1);
+ const fade = (1 - dist / x.range) ** 2;
+ f = x.intensity * Math.max(0, n.dot(l)) * fade;
+ if (x.kind === 'spot') {
+ const cos = -l.dot(x.d);
+ const outer = Math.cos((x.angle * Math.PI) / 180), inner = Math.cos((x.angle * (1 - x.softness) * Math.PI) / 180);
+ const t = inner > outer ? Math.min(1, Math.max(0, (cos - outer) / (inner - outer))) : cos >= outer ? 1 : 0;
+ f *= t * t * (3 - 2 * t);
+ }
+ }
+ r += x.c.r * f; gg += x.c.g * f; bb += x.c.b * f;
+ }
+ col.setXYZ(i, Math.min(r, 2), Math.min(gg, 2), Math.min(bb, 2));
+ }
+ col.needsUpdate = true;
+ }
+
+ // the lights from Rust; `changed` (ids, with where they were) bakes only the blocks they
+ // reach, else every block
+ setLights(list, changed) {
+ const before = new Map((this.lights || []).map((x) => [x.id, x]));
+ this.lights = list || [];
+ const now = new Map(this.lights.map((x) => [x.id, x]));
+ let all = !changed || (before.size === 0) !== (now.size === 0);
+ const reach = [];
+ for (const id of changed || []) {
+ for (const x of [before.get(id), now.get(id)]) {
+ if (!x) continue;
+ if (x.kind === 'ambient' || x.kind === 'directional') all = true;
+ else reach.push(x);
+ }
+ }
+ for (const o of this.blocks.values()) {
+ if (all) { this.bake(o); continue; }
+ const b = o.b, half = Math.hypot(b.w, b.h, b.d) / 2;
+ if (reach.some((x) => Math.hypot(b.x - x.x, b.y - x.y, b.z - x.z) <= x.range + half)) this.bake(o);
+ }
+ this.markLights();
+ this.render();
+ }
+
+ // the lights window shows where the point and cone lights are, and which is picked
+ showLights(on, picked) {
+ this.lightsShown = !!on;
+ this.lightPicked = picked == null ? null : picked;
+ this.markLights();
+ this.render();
+ }
+
+ markLights() {
+ if (this.lightMarks) {
+ this.scene.remove(this.lightMarks);
+ this.lightMarks.traverse((x) => { x.geometry?.dispose(); x.material?.dispose(); });
+ this.lightMarks = null;
+ }
+ if (!this.lightsShown) return;
+ const g = new THREE.Group();
+ for (const x of this.lights) {
+ if (x.kind !== 'point' && x.kind !== 'spot') continue;
+ const picked = x.id === this.lightPicked;
+ const mat = new THREE.MeshBasicMaterial({ color: x.colour, fog: false, depthTest: false, transparent: true, opacity: picked ? 1 : 0.8 });
+ const ball = new THREE.Mesh(new THREE.SphereGeometry(picked ? 0.22 : 0.15, 16, 12), mat);
+ ball.position.set(x.x, x.y, x.z);
+ ball.userData.light = x.id;
+ ball.renderOrder = 998;
+ g.add(ball);
+ const ring = new THREE.Mesh(new THREE.TorusGeometry(picked ? 0.34 : 0.26, 0.02, 6, 32), new THREE.MeshBasicMaterial({ color: picked ? 0xffffff : 0x333333, fog: false, depthTest: false, transparent: true }));
+ ring.position.copy(ball.position);
+ ring.userData.facing = true;
+ ring.renderOrder = 998;
+ g.add(ring);
+ if (x.kind === 'spot') {
+ // the cone's axis, as long as its reach (up to 3 units)
+ const d = new THREE.Vector3(...x.dir).normalize();
+ const len = Math.min(2, x.range);
+ const cone = new THREE.Mesh(new THREE.ConeGeometry(Math.tan((x.angle * Math.PI) / 180) * len, len, 24, 1, true), new THREE.MeshBasicMaterial({ color: x.colour, fog: false, transparent: true, opacity: 0.08, side: THREE.DoubleSide, depthWrite: false }));
+ cone.quaternion.setFromUnitVectors(new THREE.Vector3(0, -1, 0), d);
+ cone.position.copy(ball.position).add(d.clone().multiplyScalar(len / 2));
+ g.add(cone);
+ }
+ }
+ this.lightMarks = g;
+ this.scene.add(g);
+ }
+
+ // where a new light goes: a little ahead of the camera
+ lightSpot() {
+ const at = new THREE.Vector3(0, 0, -4).applyQuaternion(this.camera.quaternion).add(this.camera.position);
+ const d = new THREE.Vector3(0, 0, -1).applyQuaternion(this.camera.quaternion);
+ return { x: +at.x.toFixed(2), y: +at.y.toFixed(2), z: +at.z.toFixed(2), dir: [+d.x.toFixed(3), +d.y.toFixed(3), +d.z.toFixed(3)] };
+ }
+
+ // a sphere block: an ellipsoid with the block's sides as its diameters. Its texture
+ // tiles once per unit round its middle and from pole to pole, as a box's does over its
+ // faces; it neither bends nor has faces of its own (core's graph::blocks::Shape)
+ sphereGeometry(t) {
+ const g = new THREE.SphereGeometry(0.5, 48, 32);
+ const pos = g.attributes.position, uv = g.attributes.uv;
+ for (let i = 0; i < pos.count; i++) pos.setXYZ(i, pos.getX(i) * t.w, pos.getY(i) * t.h, pos.getZ(i) * t.d);
+ const round = (Math.PI * (t.w + t.d)) / 2, meridian = (Math.PI * t.h) / 2;
+ for (let i = 0; i < uv.count; i++) uv.setXY(i, (uv.getX(i) * round) / BLOCK_TILE, (uv.getY(i) * meridian) / BLOCK_TILE);
+ g.computeVertexNormals();
+ const nor = g.attributes.normal;
+ const col = new Float32Array(pos.count * 3);
+ for (let i = 0; i < pos.count; i++) {
+ const v = 0.82 + 0.18 * nor.getY(i) + 0.06 * Math.abs(nor.getZ(i));
+ col.set([v, v, v], i * 3);
+ }
+ g.setAttribute('color', new THREE.BufferAttribute(col, 3));
+ g.userData.shape = shapeKey(t);
+ return g;
+ }
+
+ // blocks from Rust: [{id, kind, texture, x, y, z, w, h, d}] and their textures by key
+ setBlocks(list, textures, replace) {
+ if (replace) {
+ for (const id of [...this.blocks.keys()]) this.dropBlock(id);
+ }
+ for (const [k, v] of Object.entries(textures || {})) this.abouts.set(k, v);
+ for (const b of list || []) {
+ const key = `${b.kind}:${b.texture}`;
+ const about = this.abouts.get(key) || {};
+ const had = this.blocks.get(b.id);
+ if (had) {
+ had.b = b;
+ had.animTex = null;
+ had.mesh.material = this.blockMaterial(b);
+ this.shapeBlock(had);
+ continue;
+ }
+ const mesh = new THREE.Mesh(this.boxGeometry(b), this.blockMaterial(b));
+ mesh.userData.block = b.id;
+ const o = { b, mesh, key, about };
+ this.blocks.set(b.id, o);
+ this.shapeBlock(o);
+ this.scene.add(mesh);
+ }
+ if (this.selCopy) { this.copyO = this.copyBlock(this.selCopy); this.placeGizmo(); }
+ if (this.selCopy || this.openCopy) this.outlineCopy();
+ this.render();
+ }
+
+ shapeBlock(o) {
+ const { b, mesh } = o;
+ // walking bumps into the blocks as they are now
+ this.blocksRev = (this.blocksRev || 0) + 1;
+ // a zone's place or size changed: its texts are looked at again (and come along)
+ if (b.zone || o.wasZone) {
+ this.zoneBlocks = null;
+ this.zonesDirty = true;
+ this.wake(1);
+ }
+ if (!!b.zone !== !!o.wasZone) mesh.material = this.blockMaterial(b);
+ o.wasZone = !!b.zone;
+ if (mesh.geometry.userData.shape !== shapeKey(b)) {
+ mesh.geometry.dispose();
+ mesh.geometry = this.boxGeometry(b);
+ // a sphere has one face: one material, whatever faces the box had
+ mesh.material = this.blockMaterial(b);
+ }
+ mesh.position.set(b.x, b.y, b.z);
+ const r = b.rot || [0, 0, 0, 1];
+ mesh.quaternion.set(r[0], r[1], r[2], r[3]);
+ if (!o.preview && !b.anim) mesh.scale.set(1, 1, 1);
+ this.bake(o);
+ if (this.selBlock === b.id) this.placeGizmo();
+ this.wiresDirty = true;
+ }
+
+ dropBlock(id) {
+ const o = this.blocks.get(id);
+ if (!o) return;
+ this.blocksRev = (this.blocksRev || 0) + 1;
+ this.stopSound(id);
+ if (o.b.zone) {
+ this.zoneBlocks = null;
+ this.zonesDirty = true;
+ this.wake(1);
+ }
+ this.scene.remove(o.mesh);
+ o.mesh.geometry.dispose();
+ this.blocks.delete(id);
+ if (this.selBlock === id) this.pickBlock(null);
+ }
+
+ blockOut(o) {
+ const { id, kind, texture, x, y, z, w, h, d, rot, bend, faces, variant, shape, zone, anim, part_of, sound } = o.b;
+ return { id, kind, texture, x, y, z, w, h, d, rot: rot || [0, 0, 0, 1], bend: bend || null, faces: faces || null, shape: shape || 'box', zone: zone || null, anim: anim || null, ...(variant != null ? { variant } : {}), ...(part_of ? { part_of } : {}), ...(sound ? { sound } : {}) };
+ }
+
+ pickBlock(id) {
+ // a part of a prefab's copy stands for its whole copy, unless that copy is open
+ const cid = id != null ? this.copyOf(id) : null;
+ if (cid && this.openCopy !== cid) return this.pickCopy(cid);
+ if (this.selCopy) this.pickCopy(null, true);
+ this.selBlock = id;
+ if (id != null) {
+ if (this.selected) this.pick(null);
+ this.placeGizmo();
+ this.gizmo.visible = true;
+ } else {
+ this.gizmo.visible = false;
+ for (const k of this.gizmoKnobs) k.visible = false;
+ }
+ const o = id != null ? this.blocks.get(id) : null;
+ this.send({ ...this.ev('block', null), data: o ? { ...this.blockOut(o), about: o.about } : null });
+ this.render();
+ }
+
+ // ------------------------------------------------------------------ copies as groups
+ //
+ // A placed prefab is one group: a click on any of its parts selects the whole copy (an
+ // outline round it, the gizmo at its origin), which moves, turns, copies and goes as a
+ // whole. A double click opens it: its parts are picked one by one (their changes kept
+ // as the copy's own values) until Esc or a click outside closes it again.
+
+ copyOf(id) {
+ return typeof id === 'string' && id.startsWith('prefab:') && id.includes('/') ? id.slice(0, id.indexOf('/')) : null;
+ }
+
+ setCopies(list) {
+ this.copyInfo = new Map((list || []).map((c) => [c.id, c]));
+ if (this.openCopy && !this.copyInfo.has(this.openCopy)) this.openCopy = null;
+ if (this.selCopy && !this.copyInfo.has(this.selCopy)) this.pickCopy(null);
+ else if (this.selCopy) { this.copyO = this.copyBlock(this.selCopy); this.placeGizmo(); }
+ this.outlineCopy();
+ }
+
+ partsOf(cid) {
+ return [...this.blocks.values()].filter((o) => this.copyOf(o.b.id) === cid);
+ }
+
+ // the copy as the gizmo handles it: its origin and turn, and the parts' box
+ copyBlock(cid) {
+ const c = this.copyInfo && this.copyInfo.get(cid);
+ if (!c) return null;
+ const box = new THREE.Box3();
+ for (const o of this.partsOf(cid)) box.expandByObject(o.mesh);
+ const size = box.isEmpty() ? new THREE.Vector3(1, 1, 1) : box.getSize(new THREE.Vector3());
+ // the gizmo stands at the middle of its parts; the copy's own origin goes with it
+ const mid = box.isEmpty() ? new THREE.Vector3(c.x, c.y, c.z) : box.getCenter(new THREE.Vector3());
+ return {
+ group: true, origin: new THREE.Vector3(c.x, c.y, c.z),
+ b: { id: cid, x: mid.x, y: mid.y, z: mid.z, rot: c.rot || [0, 0, 0, 1], w: size.x, h: size.y, d: size.z, scale: c.scale || 1 },
+ name: c.name,
+ };
+ }
+
+ pickCopy(cid, quiet) {
+ this.selCopy = cid || null;
+ this.copyO = cid ? this.copyBlock(cid) : null;
+ if (cid) {
+ this.selBlock = null;
+ if (this.selected) this.pick(null);
+ }
+ this.outlineCopy();
+ this.placeGizmo();
+ if (!quiet) {
+ const o = this.copyO;
+ this.send({ ...this.ev('block', null), data: o ? { id: cid, copy: true, part_of: cid, name: o.name, x: o.b.x, y: o.b.y, z: o.b.z, rot: o.b.rot, scale: o.b.scale } : null });
+ }
+ this.render();
+ }
+
+ // the outline round the selected copy, or round the open one (dashed)
+ outlineCopy() {
+ if (this.copyBox) { this.scene.remove(this.copyBox); this.copyBox.geometry.dispose(); this.copyBox = null; }
+ const cid = this.selCopy || this.openCopy;
+ if (!cid) return;
+ const box = new THREE.Box3();
+ for (const o of this.partsOf(cid)) box.expandByObject(o.mesh);
+ if (box.isEmpty()) return;
+ box.expandByScalar(0.06);
+ const open = !this.selCopy && this.openCopy === cid;
+ const geo = new THREE.EdgesGeometry(new THREE.BoxGeometry(...box.getSize(new THREE.Vector3()).toArray()));
+ const mat = open
+ ? new THREE.LineDashedMaterial({ color: 0xe0a03f, dashSize: 0.2, gapSize: 0.12, fog: false, depthTest: false, transparent: true })
+ : new THREE.LineBasicMaterial({ color: 0xe0a03f, fog: false, depthTest: false, transparent: true });
+ const line = new THREE.LineSegments(geo, mat);
+ line.position.copy(box.getCenter(new THREE.Vector3()));
+ if (open) line.computeLineDistances();
+ line.renderOrder = 998;
+ this.copyBox = line;
+ this.scene.add(line);
+ }
+
+ // a copy Rust removed: its parts out of the room, kept for an undo
+ copyGone(ids, restore) {
+ this.record({ kind: 'copygone', restore });
+ if (this.openCopy && (ids || []).some((i) => this.copyOf(i) === this.openCopy)) this.openCopy = null;
+ for (const id of ids || []) this.dropBlock(id);
+ if (this.selCopy) this.pickCopy(null);
+ this.outlineCopy();
+ this.render();
+ }
+
+ // the copy opened from its menu: its first part selected
+ openCopyNamed(cid) {
+ const first = this.partsOf(cid)[0];
+ return first ? this.openCopyAt(first.b.id) : false;
+ }
+
+ // a double click on a part: its copy opens, the part selected
+ openCopyAt(id) {
+ const cid = this.copyOf(id);
+ if (!cid) return false;
+ this.openCopy = cid;
+ this.selCopy = null;
+ this.copyO = null;
+ this.pickBlock(id);
+ this.outlineCopy();
+ this.send({ ...this.ev('copyopen', null), data: cid });
+ return true;
+ }
+
+ closeCopy() {
+ const cid = this.openCopy;
+ if (!cid) return false;
+ this.openCopy = null;
+ this.selBlock = null;
+ this.pickCopy(cid);
+ return true;
+ }
+
+ // the parts follow the copy while it's dragged (Rust places them again when it ends)
+ moveCopyParts(d) {
+ const b = d.o.b;
+ const q0 = new THREE.Quaternion(...d.from.rot);
+ const q1 = new THREE.Quaternion(...b.rot);
+ const turn = q1.clone().multiply(q0.clone().invert());
+ const p0 = new THREE.Vector3(d.from.x, d.from.y, d.from.z);
+ const p1 = new THREE.Vector3(b.x, b.y, b.z);
+ for (const s of d.parts) {
+ const rel = s.p.clone().sub(p0).applyQuaternion(turn);
+ s.o.mesh.position.copy(p1).add(rel);
+ s.o.mesh.quaternion.copy(turn.clone().multiply(s.q));
+ }
+ this.outlineCopy();
+ this.wiresDirty = true;
+ }
+
+ // ------------------------------------------------------------------ the selection of many
+ //
+ // Shift+click adds an item to the selection or takes it out: a block, a prefab's copy, a
+ // text, or a light while the lights show. A box drawn on empty room selects what's in it
+ // (with Shift, adds to it). Selected, they're outlined (texts ringed); the gizmo at their
+ // middle moves and turns them all, Delete takes them all away, and Ctrl+Z takes either
+ // back in one step. Esc, or a click on empty room, lets them go.
+
+ seedMulti() {
+ if (this.selCopy) this.multi.set(`c:${this.selCopy}`, { kind: 'c', id: this.selCopy });
+ else if (this.selBlock != null) this.multi.set(`b:${this.selBlock}`, { kind: 'b', id: this.selBlock });
+ if (this.selected) this.multi.set(`t:${this.selected.key}`, { kind: 't', id: this.selected.key });
+ }
+
+ toggleMulti(kind, id) {
+ this.selGroup = null;
+ // a thing in a group comes and goes with its whole group
+ const g = kind === 'b' || kind === 'c' ? this.outer(`${kind}:${id}`) : null;
+ if (g) {
+ if (!this.multi.size) this.seedMulti();
+ const ls = this.leaves(g);
+ const all = ls.every((x) => this.multi.has(`${x.kind}:${x.id}`));
+ for (const x of ls) { if (all) this.multi.delete(`${x.kind}:${x.id}`); else this.multi.set(`${x.kind}:${x.id}`, x); }
+ this.afterMulti();
+ return;
+ }
+ if (!this.multi.size) this.seedMulti();
+ const k = `${kind}:${id}`;
+ if (this.multi.has(k)) this.multi.delete(k); else this.multi.set(k, { kind, id });
+ this.afterMulti();
+ }
+
+ setMulti(items, add) {
+ if (!add) this.multi.clear(); else if (!this.multi.size) this.seedMulti();
+ for (const x of items) this.multi.set(`${x.kind}:${x.id}`, x);
+ this.afterMulti();
+ }
+
+ clearMulti() {
+ this.selGroup = null;
+ if (!this.multi.size) return false;
+ this.multi.clear();
+ this.afterMulti();
+ return true;
+ }
+
+ itemThere(x) {
+ if (x.kind === 'b') return this.blocks.has(x.id);
+ if (x.kind === 'c') return !!(this.copyInfo && this.copyInfo.has(x.id));
+ if (x.kind === 't') return this.nodes.has(x.id);
+ return this.lights.some((l) => l.id === x.id);
+ }
+
+ // where an item is, in the room
+ itemAt(x) {
+ if (x.kind === 'b') return this.blocks.get(x.id).mesh.position.clone();
+ if (x.kind === 'c') {
+ const box = new THREE.Box3();
+ for (const o of this.partsOf(x.id)) box.expandByObject(o.mesh);
+ return box.isEmpty() ? new THREE.Vector3() : box.getCenter(new THREE.Vector3());
+ }
+ if (x.kind === 't') return this.world(this.nodes.get(x.id));
+ const l = this.lights.find((y) => y.id === x.id);
+ return new THREE.Vector3(l.x, l.y, l.z);
+ }
+
+ afterMulti(quiet) {
+ for (const [k, x] of [...this.multi]) if (!this.itemThere(x)) this.multi.delete(k);
+ if (this.multi.size) {
+ // the one selected becomes one of many
+ if (this.selBlock != null || this.selCopy) {
+ this.selBlock = null;
+ this.selCopy = null;
+ this.copyO = null;
+ this.send({ ...this.ev('block', null), data: null });
+ }
+ if (this.selected) {
+ this.selected.el.classList.remove('selected');
+ this.selected = null;
+ this.send(this.ev('select', null));
+ }
+ }
+ this.showMulti();
+ this.multiO = this.multi.size ? this.multiBlock() : null;
+ this.outlineCopy();
+ this.placeGizmo();
+ if (!quiet) {
+ const n = { blocks: 0, copies: 0, texts: 0, lights: 0 };
+ for (const x of this.multi.values()) n[{ b: 'blocks', c: 'copies', t: 'texts', l: 'lights' }[x.kind]]++;
+ const g = this.selGroup && this.groups.get(this.selGroup);
+ this.send({ ...this.ev('multi', null), data: { count: this.multi.size, ...n, group: g ? g.id : null, name: g ? g.name || '' : null } });
+ }
+ this.render();
+ }
+
+ showMulti() {
+ for (const n of this.order) n.el.classList.toggle('multi', this.multi.has(`t:${n.key}`));
+ if (this.multiLines) {
+ this.scene.remove(this.multiLines);
+ this.multiLines.traverse((x) => { x.geometry?.dispose(); x.material?.dispose(); });
+ this.multiLines = null;
+ }
+ const g = new THREE.Group();
+ for (const x of this.multi.values()) {
+ if (x.kind === 't') continue;
+ const box = new THREE.Box3();
+ if (x.kind === 'b') box.expandByObject(this.blocks.get(x.id).mesh);
+ else if (x.kind === 'c') for (const o of this.partsOf(x.id)) box.expandByObject(o.mesh);
+ else box.setFromCenterAndSize(this.itemAt(x), new THREE.Vector3(0.5, 0.5, 0.5));
+ if (box.isEmpty()) continue;
+ box.expandByScalar(0.05);
+ const line = new THREE.LineSegments(
+ new THREE.EdgesGeometry(new THREE.BoxGeometry(...box.getSize(new THREE.Vector3()).toArray())),
+ new THREE.LineBasicMaterial({ color: 0x3f8cff, fog: false, depthTest: false, transparent: true }),
+ );
+ line.position.copy(box.getCenter(new THREE.Vector3()));
+ line.renderOrder = 997;
+ g.add(line);
+ }
+ this.multiLines = g;
+ this.scene.add(g);
+ }
+
+ // the many as the gizmo handles them: their middle
+ multiBlock() {
+ const c = new THREE.Vector3();
+ for (const x of this.multi.values()) c.add(this.itemAt(x));
+ c.divideScalar(Math.max(1, this.multi.size));
+ return { group: true, multi: true, b: { id: 'many', x: c.x, y: c.y, z: c.z, rot: [0, 0, 0, 1], w: 1, h: 1, d: 1 } };
+ }
+
+ // each item where it was when a drag began
+ multiStart() {
+ const out = [];
+ for (const x of this.multi.values()) {
+ if (x.kind === 'b') {
+ const o = this.blocks.get(x.id);
+ out.push({ x, o, from: { ...o.b, rot: [...(o.b.rot || [0, 0, 0, 1])] }, p: o.mesh.position.clone(), q: o.mesh.quaternion.clone() });
+ } else if (x.kind === 'c') {
+ const c = this.copyInfo.get(x.id);
+ out.push({ x, origin: new THREE.Vector3(c.x, c.y, c.z), rot: c.rot || [0, 0, 0, 1], parts: this.partsOf(x.id).map((o) => ({ o, p: o.mesh.position.clone(), q: o.mesh.quaternion.clone() })) });
+ } else if (x.kind === 't') {
+ const n = this.nodes.get(x.id);
+ out.push({ x, n, p: this.world(n), from: { x: n.x, y: n.y, z: n.z, pinned: n.pinned } });
+ } else {
+ const l = this.lights.find((y) => y.id === x.id);
+ out.push({ x, l, p: new THREE.Vector3(l.x, l.y, l.z), from: { x: l.x, y: l.y, z: l.z } });
+ }
+ }
+ return out;
+ }
+
+ // the many follow the gizmo: moved, and turned about their middle
+ moveMulti(d) {
+ const b = d.o.b;
+ const turn = new THREE.Quaternion(...b.rot).multiply(new THREE.Quaternion(...d.from.rot).invert());
+ const p0 = new THREE.Vector3(d.from.x, d.from.y, d.from.z);
+ const p1 = new THREE.Vector3(b.x, b.y, b.z);
+ const to = (p) => p.clone().sub(p0).applyQuaternion(turn).add(p1);
+ for (const s of d.items) {
+ if (s.x.kind === 'b') {
+ s.o.mesh.position.copy(to(s.p));
+ s.o.mesh.quaternion.copy(turn.clone().multiply(s.q));
+ } else if (s.x.kind === 'c') {
+ for (const pt of s.parts) {
+ pt.o.mesh.position.copy(to(pt.p));
+ pt.o.mesh.quaternion.copy(turn.clone().multiply(pt.q));
+ }
+ } else if (s.x.kind === 't') {
+ s.n.pinned = true;
+ s.n.el.classList.add('pinned');
+ this.local(to(s.p), s.n);
+ } else {
+ const w = to(s.p);
+ Object.assign(s.l, { x: w.x, y: w.y, z: w.z });
+ }
+ }
+ if (d.items.some((s) => s.x.kind === 'l')) this.markLights();
+ this.wiresDirty = true;
+ this.showMulti();
+ this.wake(0.3);
+ }
+
+ // a drag of many ended: each kept where it went, one step to undo
+ endMulti(d) {
+ const b = d.o.b;
+ const turn = new THREE.Quaternion(...b.rot).multiply(new THREE.Quaternion(...d.from.rot).invert());
+ const p0 = new THREE.Vector3(d.from.x, d.from.y, d.from.z);
+ const p1 = new THREE.Vector3(b.x, b.y, b.z);
+ const r = (v) => +v.toFixed(4);
+ this.setBatch(true);
+ for (const s of d.items) {
+ if (s.x.kind === 'b') {
+ const o = s.o;
+ this.record({ kind: 'block', id: o.b.id, t: s.from });
+ const q = o.mesh.quaternion;
+ Object.assign(o.b, { x: r(o.mesh.position.x), y: r(o.mesh.position.y), z: r(o.mesh.position.z), rot: [q.x, q.y, q.z, q.w] });
+ this.shapeBlock(o);
+ this.send({ ...this.ev('blockset', null), data: this.blockOut(o) });
+ } else if (s.x.kind === 'c') {
+ const o1 = s.origin.clone().sub(p0).applyQuaternion(turn).add(p1);
+ const rot = turn.clone().multiply(new THREE.Quaternion(...s.rot));
+ this.record({ kind: 'copy', id: s.x.id, t: { x: s.origin.x, y: s.origin.y, z: s.origin.z, rot: s.rot } });
+ this.send({ ...this.ev('copyset', null), data: { id: s.x.id, x: r(o1.x), y: r(o1.y), z: r(o1.z), rot: [rot.x, rot.y, rot.z, rot.w] } });
+ } else if (s.x.kind === 't') {
+ this.record({ kind: 'move', n: s.n, ...s.from });
+ this.send(this.ev('moved', s.n));
+ } else {
+ this.record({ kind: 'light', id: s.l.id, t: s.from });
+ this.send({ ...this.ev('lightset', null), data: { id: s.l.id, x: r(s.l.x), y: r(s.l.y), z: r(s.l.z) } });
+ }
+ }
+ this.setBatch(false);
+ this.afterMulti(true);
+ }
+
+ // Delete with many selected: texts out of the room and blocks deleted here, the rest
+ // (copies, lights) by Rust, which closes the undo step when it's done
+ removeMulti() {
+ if (!this.multi.size) return null;
+ const items = [...this.multi.values()];
+ this.multi.clear();
+ this.setBatch(true);
+ const blocks = items.filter((x) => x.kind === 'b').map((x) => x.id);
+ for (const x of items.filter((y) => y.kind === 't')) this.removeNode(x.id);
+ if (blocks.length) {
+ this.unblock(blocks);
+ this.send({ ...this.ev('blockgone', null), data: blocks });
+ }
+ const lights = items.filter((x) => x.kind === 'l').map((x) => this.lights.find((l) => l.id === x.id)).filter(Boolean);
+ for (const l of lights) this.record({ kind: 'lightgone', light: { ...l } });
+ const copies = items.filter((x) => x.kind === 'c').map((x) => x.id);
+ const rest = { copies, lights: lights.map((l) => l.id) };
+ if (!copies.length) this.setBatch(false);
+ this.afterMulti();
+ return { count: items.length, ...rest };
+ }
+
+ drawBox(e) {
+ const b = this.boxSel;
+ if (!b.el && Math.hypot(e.clientX - b.x0, e.clientY - b.y0) < 5) return;
+ if (!b.el) {
+ b.el = document.createElement('div');
+ b.el.className = 'selbox';
+ document.body.append(b.el);
+ }
+ const x = Math.min(b.x0, e.clientX), y = Math.min(b.y0, e.clientY);
+ Object.assign(b.el.style, { left: `${x}px`, top: `${y}px`, width: `${Math.abs(e.clientX - b.x0)}px`, height: `${Math.abs(e.clientY - b.y0)}px` });
+ }
+
+ endBox(e) {
+ const b = this.boxSel;
+ this.boxSel = null;
+ if (!b.el) {
+ // a click on empty room: everything let go; a double click makes a text
+ if (this.openCopy) { this.openCopy = null; this.outlineCopy(); }
+ if (this.selCopy) this.pickCopy(null);
+ if (this.selBlock != null) this.pickBlock(null);
+ this.clearMulti();
+ const now = performance.now();
+ if (this.lastEmpty && now - this.lastEmpty < 450) {
+ this.lastEmpty = 0;
+ this.send(this.ev('newtext', null, b.e));
+ } else this.lastEmpty = now;
+ if (this.selected) this.pick(null);
+ return;
+ }
+ const r = b.el.getBoundingClientRect();
+ b.el.remove();
+ const inside = (v) => {
+ const p = v.clone().project(this.camera);
+ if (p.z > 1 || p.z < -1) return false;
+ const host = this.host.getBoundingClientRect();
+ const sx = host.left + (p.x + 1) / 2 * host.width, sy = host.top + (1 - p.y) / 2 * host.height;
+ return sx >= r.left && sx <= r.right && sy >= r.top && sy <= r.bottom;
+ };
+ const items = [];
+ for (const n of this.order) {
+ if (n.el.style.display === 'none' || n.head) continue;
+ const er = n.el.getBoundingClientRect();
+ const cx = er.left + er.width / 2, cy = er.top + er.height / 2;
+ if (cx >= r.left && cx <= r.right && cy >= r.top && cy <= r.bottom) items.push({ kind: 't', id: n.key });
+ }
+ const seen = new Set();
+ for (const o of this.blocks.values()) {
+ const c = this.copyOf(o.b.id);
+ if (c && this.openCopy !== c) {
+ if (seen.has(c)) continue;
+ seen.add(c);
+ if (inside(this.itemAt({ kind: 'c', id: c }))) items.push({ kind: 'c', id: c });
+ } else if (inside(o.mesh.position)) items.push({ kind: 'b', id: o.b.id });
+ }
+ if (this.lightsShown) for (const l of this.lights) if ((l.kind === 'point' || l.kind === 'spot') && inside(new THREE.Vector3(l.x, l.y, l.z))) items.push({ kind: 'l', id: l.id });
+ if (!b.add && this.selCopy) this.pickCopy(null);
+ if (!b.add && this.selBlock != null) this.pickBlock(null);
+ this.setMulti(items, b.add);
+ }
+
+ // ------------------------------------------------------------------ groups
+ //
+ // A group (Ctrl+G on what's selected) is picked as one: a click on any of its things
+ // selects all of it, and it moves, turns, copies and becomes a prefab as one. Groups
+ // nest. A double click opens a group to pick inside it; Esc closes it again.
+
+ setGroups(list) {
+ this.groups = new Map((list || []).map((g) => [g.id, g]));
+ this.parent = new Map();
+ for (const g of this.groups.values()) for (const m of g.members) this.parent.set(`${m.kind}:${m.id}`, g.id);
+ this.openGroups = this.openGroups.filter((id) => this.groups.has(id));
+ if (this.selGroup && !this.groups.has(this.selGroup)) this.selGroup = null;
+ }
+
+ // the outermost closed group a thing is in (an open group lets its things be picked)
+ outer(key) {
+ let g = this.parent.get(key), top = null;
+ while (g && !this.openGroups.includes(g)) {
+ top = g;
+ g = this.parent.get(`g:${g}`);
+ }
+ return top;
+ }
+
+ leaves(gid, out = []) {
+ const g = this.groups.get(gid);
+ for (const m of (g && g.members) || []) {
+ if (m.kind === 'g') this.leaves(m.id, out);
+ else out.push({ kind: m.kind, id: m.id });
+ }
+ return out;
+ }
+
+ pickGroup(gid, add) {
+ this.setMulti(this.leaves(gid), add);
+ this.selGroup = add ? null : gid;
+ this.afterMulti();
+ }
+
+ // what Ctrl+G groups: the things selected, each as its outermost group
+ groupMembers() {
+ const out = new Map();
+ for (const x of this.multi.values()) {
+ if (x.kind !== 'b' && x.kind !== 'c') continue;
+ const g = this.outer(`${x.kind}:${x.id}`);
+ const m = g ? { kind: 'g', id: g } : { kind: x.kind, id: x.id };
+ out.set(`${m.kind}:${m.id}`, m);
+ }
+ return [...out.values()];
+ }
+
+ openGroupAt(key) {
+ const g = this.outer(key);
+ if (!g) return false;
+ this.openGroups.push(g);
+ this.clearMulti();
+ this.send({ ...this.ev('groupopen', null), data: g });
+ return true;
+ }
+
+ // where a new block goes: ahead of the camera, or at the selected text
+ blockSpot() {
+ let at;
+ if (this.selected) at = this.world(this.selected);
+ else at = new THREE.Vector3(0, 0, -8).applyQuaternion(this.camera.quaternion).add(this.camera.position);
+ return { x: +at.x.toFixed(2), y: +at.y.toFixed(2), z: +at.z.toFixed(2) };
+ }
+
+ makeGizmo() {
+ const g = new THREE.Group();
+ const axes = [new THREE.Vector3(1, 0, 0), new THREE.Vector3(0, 1, 0), new THREE.Vector3(0, 0, 1)];
+ const colours = [0xd0453a, 0x3f9b4b, 0x3a6fd0];
+ const mat = (c) => new THREE.MeshBasicMaterial({ color: c, fog: false, depthTest: false, depthWrite: false, transparent: true, opacity: 0.95 });
+ const up = new THREE.Vector3(0, 1, 0);
+ this.gizmoKnobs = [];
+ axes.forEach((a, i) => {
+ const q = new THREE.Quaternion().setFromUnitVectors(up, a);
+ const shaft = new THREE.Mesh(new THREE.CylinderGeometry(0.025, 0.025, 0.8, 8), mat(colours[i]));
+ shaft.position.copy(a.clone().multiplyScalar(0.4));
+ shaft.quaternion.copy(q);
+ const tip = new THREE.Mesh(new THREE.ConeGeometry(0.08, 0.22, 14), mat(colours[i]));
+ tip.position.copy(a.clone().multiplyScalar(0.9));
+ tip.quaternion.copy(q);
+ // a fatter invisible grip, easier to hit
+ const grip = new THREE.Mesh(new THREE.CylinderGeometry(0.1, 0.1, 1.05, 8), new THREE.MeshBasicMaterial({ visible: false }));
+ grip.position.copy(a.clone().multiplyScalar(0.52));
+ grip.quaternion.copy(q);
+ for (const m of [shaft, tip, grip]) { m.userData.handle = { mode: 'move', axis: i }; m.renderOrder = 1000; g.add(m); }
+ const knob = new THREE.Mesh(new THREE.BoxGeometry(0.16, 0.16, 0.16), mat(colours[i]));
+ knob.userData.handle = { mode: 'scale', axis: i };
+ knob.renderOrder = 1001;
+ this.gizmoKnobs.push(knob);
+ this.scene.add(knob);
+ });
+ // the rotation rings: one about each axis, dragged around the block's centre
+ const flat = new THREE.Vector3(0, 0, 1);
+ axes.forEach((a, i) => {
+ const q = new THREE.Quaternion().setFromUnitVectors(flat, a);
+ const ring = new THREE.Mesh(new THREE.TorusGeometry(1.25, 0.018, 8, 72), mat(colours[i]));
+ ring.material.opacity = 0.75;
+ ring.quaternion.copy(q);
+ const grip = new THREE.Mesh(new THREE.TorusGeometry(1.25, 0.09, 6, 48), new THREE.MeshBasicMaterial({ visible: false }));
+ grip.quaternion.copy(q);
+ for (const m of [ring, grip]) { m.userData.handle = { mode: 'rotate', axis: i }; m.renderOrder = 999; g.add(m); }
+ });
+ const ball = new THREE.Mesh(new THREE.SphereGeometry(0.1, 16, 12), mat(0xf0e6d0));
+ ball.userData.handle = { mode: 'plane', axis: -1 };
+ ball.renderOrder = 1002;
+ g.add(ball);
+ g.visible = false;
+ for (const k of this.gizmoKnobs) k.visible = false;
+ this.scene.add(g);
+ return g;
+ }
+
+ // the gizmo at the selected block, the same size on screen wherever it is
+ placeGizmo() {
+ const o = this.multi.size ? this.multiO : this.selCopy ? this.copyO : this.blocks.get(this.selBlock);
+ const on = !!o;
+ this.gizmo.visible = on;
+ // a copy is moved and turned as a whole; its size is the prefabs window's
+ for (const k of this.gizmoKnobs) k.visible = on && !o.group;
+ if (!o) return;
+ const b = o.b;
+ const c = new THREE.Vector3(b.x, b.y, b.z);
+ const s = Math.max(0.05, c.distanceTo(this.camera.position) * 0.11);
+ this.gizmo.position.copy(c);
+ this.gizmo.scale.setScalar(s);
+ const half = [b.w / 2, b.h / 2, b.d / 2];
+ const q = turnOf(b);
+ this.gizmoKnobs.forEach((k, i) => {
+ // on the block's own faces, turned with it
+ k.position.copy(c).add(localAxis(i).applyQuaternion(q).multiplyScalar(half[i]));
+ k.quaternion.copy(q);
+ k.scale.setScalar(s);
+ });
+ }
+
+ rayFrom(e) {
+ const r = this.host.getBoundingClientRect();
+ // with the pointer locked (walking, superflight) it's where you look
+ const ndc = document.pointerLockElement === this.host || !e ? new THREE.Vector2(0, 0) : new THREE.Vector2(((e.clientX - r.left) / r.width) * 2 - 1, -((e.clientY - r.top) / r.height) * 2 + 1);
+ this.ray.setFromCamera(ndc, this.camera);
+ return this.ray;
+ }
+
+ // the gizmo handle or block under the pointer
+ blockHit(e) {
+ const ray = this.rayFrom(e);
+ if ((this.selBlock != null || this.selCopy || this.multi.size) && this.gizmo.visible) {
+ // the middle ball first, then the arrows and knobs, then the rings (a ring seen
+ // edge-on crosses the middle)
+ const hs = ray.intersectObjects([...this.gizmo.children, ...this.gizmoKnobs], false).filter((x) => x.object.visible !== false || x.object.userData.handle);
+ const rank = { plane: 0, move: 1, scale: 2, rotate: 3 };
+ hs.sort((a, b) => rank[a.object.userData.handle.mode] - rank[b.object.userData.handle.mode] || a.distance - b.distance);
+ if (hs[0]) return { handle: hs[0].object.userData.handle };
+ }
+ const meshes = [...this.blocks.values()].map((o) => o.mesh);
+ const h = ray.intersectObjects(meshes, false)[0];
+ return h ? { block: h.object.userData.block, point: h.point } : null;
+ }
+
+ // pixels on screen per unit along a world axis at a point
+ screenAxis(at, axis, along) {
+ const a = along || localAxis(axis);
+ return this.toPx(at.clone().add(a)).sub(this.toPx(at));
+ }
+
+ toPx(v) {
+ const p = v.clone().project(this.camera);
+ return new THREE.Vector2((p.x * 0.5 + 0.5) * this.size.w, (-p.y * 0.5 + 0.5) * this.size.h);
+ }
+
+ startBlockDrag(e, hit) {
+ const o = this.multi.size ? this.multiO : this.selCopy ? this.copyO : this.blocks.get(this.selBlock);
+ if (!o) return false;
+ if (o.group && hit.handle && hit.handle.mode === 'scale') return false;
+ // many move only by the gizmo
+ if (o.multi && !hit.handle) return false;
+ const b = o.b;
+ const at = new THREE.Vector3(b.x, b.y, b.z);
+ const fwd = new THREE.Vector3(0, 0, -1).applyQuaternion(this.camera.quaternion);
+ const depth = at.clone().sub(this.camera.position).dot(fwd);
+ const mode = hit.handle ? hit.handle.mode : 'plane', axis = hit.handle ? hit.handle.axis : -1;
+ // a side's knob pulls along the block's own (turned) axis
+ const along = mode === 'scale' ? localAxis(axis).applyQuaternion(turnOf(b)) : null;
+ const c = this.toPx(at);
+ this.bdrag = {
+ o, mode, axis, along,
+ x0: e.clientX, y0: e.clientY, from: { ...b, rot: [...(b.rot || [0, 0, 0, 1])] }, depth, moved: false,
+ sdir: axis >= 0 && mode !== 'rotate' ? this.screenAxis(at, axis, along) : null,
+ off: at.clone().sub(this.rayAt(e.clientX, e.clientY, depth)),
+ centre: c, a0: Math.atan2(e.clientY - c.y, e.clientX - c.x),
+ // turning about an axis that points at the viewer turns the other way on screen
+ toward: localAxis(Math.max(0, axis)).dot(this.camera.position.clone().sub(at)) > 0,
+ // a copy's parts, where they were
+ parts: o.group && !o.multi ? this.partsOf(b.id).map((p) => ({ o: p, p: p.mesh.position.clone(), q: p.mesh.quaternion.clone() })) : null,
+ items: o.multi ? this.multiStart() : null,
+ };
+ try { this.host.setPointerCapture(e.pointerId); } catch { /* fine without */ }
+ return true;
+ }
+
+ dragBlock(e) {
+ const d = this.bdrag;
+ if (!d) return;
+ if (!d.moved && Math.hypot(e.clientX - d.x0, e.clientY - d.y0) < 3) return;
+ d.moved = true;
+ const snap = (v) => (e.shiftKey ? Math.round(v * 4) / 4 : v);
+ const b = d.o.b;
+ const f = d.from;
+ const keys = ['x', 'y', 'z'];
+ const sides = ['w', 'h', 'd'];
+ if (d.mode === 'plane') {
+ const w = this.rayAt(e.clientX, e.clientY, d.depth).add(d.off);
+ b.x = snap(w.x); b.y = snap(w.y); b.z = snap(w.z);
+ } else if (d.mode === 'rotate') {
+ let ang = Math.atan2(e.clientY - d.centre.y, e.clientX - d.centre.x) - d.a0;
+ if (d.toward) ang = -ang;
+ // Shift: steps of 15°
+ if (e.shiftKey) ang = Math.round(ang / (Math.PI / 12)) * (Math.PI / 12);
+ const q = new THREE.Quaternion().setFromAxisAngle(localAxis(d.axis), ang).multiply(turnOf(d.from)).normalize();
+ b.rot = [q.x, q.y, q.z, q.w];
+ } else {
+ const m = new THREE.Vector2(e.clientX - d.x0, e.clientY - d.y0);
+ const len2 = Math.max(1e-6, d.sdir.lengthSq());
+ const units = m.dot(d.sdir) / len2;
+ const k = keys[d.axis];
+ if (d.mode === 'move') b[k] = snap(f[k] + units);
+ else {
+ const s = sides[d.axis];
+ const size = Math.max(0.05, snap(f[s] + units));
+ b[s] = size;
+ // the opposite face stays put, along the block's own axis
+ const shift = (size - f[s]) / 2;
+ b.x = f.x + d.along.x * shift; b.y = f.y + d.along.y * shift; b.z = f.z + d.along.z * shift;
+ }
+ }
+ if (d.o.multi) {
+ this.moveMulti(d);
+ this.placeGizmo();
+ } else if (d.o.group) {
+ this.moveCopyParts(d);
+ this.placeGizmo();
+ } else this.shapeBlock(d.o);
+ this.render();
+ }
+
+ endBlockDrag() {
+ const d = this.bdrag;
+ this.bdrag = null;
+ if (!d || !d.moved) return;
+ if (d.o.multi) {
+ this.endMulti(d);
+ return;
+ }
+ if (d.o.group) {
+ // the copy's origin, carried as the middle was
+ const b = d.o.b;
+ const o0 = d.o.origin;
+ const turn = new THREE.Quaternion(...b.rot).multiply(new THREE.Quaternion(...d.from.rot).invert());
+ const o1 = o0.clone().sub(new THREE.Vector3(d.from.x, d.from.y, d.from.z)).applyQuaternion(turn).add(new THREE.Vector3(b.x, b.y, b.z));
+ const r = (v) => +v.toFixed(4);
+ this.record({ kind: 'copy', id: b.id, t: { x: o0.x, y: o0.y, z: o0.z, rot: d.from.rot } });
+ this.send({ ...this.ev('copyset', null), data: { id: b.id, x: r(o1.x), y: r(o1.y), z: r(o1.z), rot: b.rot } });
+ return;
+ }
+ this.record({ kind: 'block', id: d.o.b.id, t: d.from });
+ this.send({ ...this.ev('blockset', null), data: this.blockOut(d.o) });
+ this.pickBlock(d.o.b.id);
+ }
+
+ // blocks Rust deleted: out of the room, kept for an undo
+ unblock(ids) {
+ const items = ids.map((id) => this.blocks.get(id)).filter(Boolean).map((o) => ({ b: this.blockOut(o), key: o.key, about: o.about }));
+ if (!items.length) return;
+ this.record({ kind: 'unblock', items });
+ for (const id of ids) this.dropBlock(id);
+ this.render();
+ }
+
+ // a change from the window's fields
+ setBlockFields(id, t) {
+ const o = this.blocks.get(id);
+ if (!o) return;
+ this.record({ kind: 'block', id, t: { ...o.b } });
+ Object.assign(o.b, t);
+ this.shapeBlock(o);
+ this.send({ ...this.ev('blockset', null), data: this.blockOut(o) });
+ this.render();
+ }
+
+ // ------------------------------------------------------------------ input
+
+ // the placements of one entry in the room (a copy is another placement of the same
+ // entry, never another entry)
+ placements(entry) {
+ return this.order.filter((x) => !x.free && !x.head && String(x.f.key) === String(entry));
+ }
+
+ ev(kind, n, e, extra) {
+ const same = n && !n.free ? this.placements(n.f.key) : [];
+ return {
+ kind, key: n ? (n.free ? n.key : String(n.f.key)) : '', node: n ? n.key : '',
+ copies: same.length, primary: !!(n && !n.free && same[0] === n), text: n ? (n.own != null ? n.own : n.f.text) : '', note: !!(n && n.f.note), free: !!(n && n.free),
+ det: n ? n.det || 0 : 0,
+ chain: n ? (n.head ? String(n.head.f.key) : n.f.isChain ? String(n.f.key) : '') : '', idx: n && n.head ? n.idx : -1,
+ members: n && n.links ? n.links.length : 0, virt: !!(n && n.f.virt), head_node: n && n.head ? n.head.key : '', font: n && n.size ? Math.round(n.size * 50) : 0, font_default: Math.round(this.p.size * 50), own: n ? n.own : null, entry_text: n ? n.f.text : '',
+ x: e ? e.clientX : 0, y: e ? e.clientY : 0, ctrl: !!(e && (e.ctrlKey || e.metaKey)), shift: !!(e && e.shiftKey), alt: !!(e && e.altKey),
+ q: n ? n.f.q || 0 : 0, hue: n ? n.f.hue || 0 : 0, pinned: !!(n && n.pinned), data: extra || '',
+ };
+ }
+
+ wire(n) {
+ const { el } = n;
+ el.addEventListener('pointerenter', (e) => {
+ if (this.looking || this.drag) return;
+ this.hover = n;
+ el.classList.add('hover');
+ this.send(this.ev('hover', n, e));
+ });
+ el.addEventListener('pointerleave', () => {
+ el.classList.remove('hover');
+ if (this.hover === n) this.hover = null;
+ });
+ el.addEventListener('pointerdown', (e) => {
+ if (e.button !== 0) return;
+ e.preventDefault();
+ e.stopPropagation();
+ // Shift+click: one of many, in or out
+ // (Ctrl+Shift+click makes it the list, as a click goes)
+ if (e.shiftKey && !e.ctrlKey && !e.metaKey) { this.toggleMulti('t', n.key); return; }
+ if (this.multi.size) this.clearMulti();
+ try { el.setPointerCapture(e.pointerId); } catch { /* fine without */ }
+ // a chain's member drags its head (the chain comes along)
+ const t = n.head || n;
+ const w = this.world(t);
+ const fwd = new THREE.Vector3(0, 0, -1).applyQuaternion(this.camera.quaternion);
+ this.drag = { n: t, el: n, x0: e.clientX, y0: e.clientY, moved: false, depth: this.world(n).sub(this.camera.position).dot(fwd), from: { x: t.x, y: t.y, z: t.z, pinned: t.pinned }, off: null };
+ // where the pointer is on the text, so it doesn't jump to its centre
+ const hit = this.rayAt(e.clientX, e.clientY, this.drag.depth);
+ this.drag.off = w.clone().sub(hit);
+ });
+ el.addEventListener('pointermove', (e) => {
+ const d = this.drag;
+ if (!d || d.el !== n) return;
+ if (!d.moved && Math.hypot(e.clientX - d.x0, e.clientY - d.y0) < 4) return;
+ d.moved = true;
+ const t = d.n;
+ t.pinned = true;
+ t.el.classList.add('pinned', 'dragging');
+ const w = this.rayAt(e.clientX, e.clientY, d.depth).add(d.off);
+ this.local(w, t);
+ this.wake(0.3);
+ });
+ const up = (e) => {
+ const d = this.drag;
+ if (!d || d.el !== n) return;
+ this.drag = null;
+ d.n.el.classList.remove('dragging');
+ if (d.moved) {
+ // dropped into a zone (or out of one)
+ d.n.zone = this.zoneOf(d.n, this.zoneFrames());
+ this.sim = null;
+ this.record({ kind: 'move', n: d.n, ...d.from });
+ this.send(this.ev('moved', d.n, e));
+ } else {
+ this.pick(n);
+ const now = performance.now();
+ if (this.lastClick && this.lastClick.n === n && now - this.lastClick.t < 450) {
+ this.lastClick = null;
+ this.send(this.ev('dblclick', n, e));
+ } else {
+ this.lastClick = { n, t: now };
+ this.send(this.ev('click', n, e));
+ }
+ }
+ };
+ el.addEventListener('pointerup', up);
+ el.addEventListener('lostpointercapture', up);
+ el.addEventListener('contextmenu', (e) => {
+ e.preventDefault();
+ e.stopPropagation();
+ this.send(this.ev('menu', n, e));
+ });
+ el.addEventListener('wheel', (e) => {
+ e.preventDefault();
+ e.stopPropagation();
+ // push away or pull near, along the line from the eye
+ const k = Math.exp(-(e.deltaMode === 1 ? e.deltaY * 33 : e.deltaY) * 0.0015);
+ const w = this.world(n);
+ const from = w.clone().sub(this.camera.position);
+ const len = Math.min(2000, Math.max(0.3, from.length() * k));
+ const now = performance.now();
+ if (!(this.wheelUndo && this.wheelUndo.n === n && now - this.wheelUndo.t < 800)) this.record({ kind: 'move', n, x: n.x, y: n.y, z: n.z, pinned: n.pinned });
+ this.wheelUndo = { n, t: now };
+ this.local(this.camera.position.clone().add(from.setLength(len)), n);
+ n.pinned = true;
+ n.el.classList.add('pinned');
+ this.wake(0.3);
+ }, { passive: false });
+ }
+
+ // the point under the pointer at a depth in front of the camera
+ rayAt(cx, cy, depth) {
+ const r = this.host.getBoundingClientRect();
+ const ndc = new THREE.Vector3(((cx - r.left) / r.width) * 2 - 1, -((cy - r.top) / r.height) * 2 + 1, 0.5);
+ const dir = ndc.unproject(this.camera).sub(this.camera.position).normalize();
+ const fwd = new THREE.Vector3(0, 0, -1).applyQuaternion(this.camera.quaternion);
+ const t = depth / Math.max(1e-4, dir.dot(fwd));
+ return this.camera.position.clone().add(dir.multiplyScalar(t));
+ }
+
+ applyTurn() {
+ this.camera.quaternion.setFromEuler(new THREE.Euler(this.pitch, this.yaw, this.rollA, 'YXZ'));
+ }
+
+ // yaw, pitch and roll from where an ease left the camera
+ syncTurn() {
+ const e = new THREE.Euler().setFromQuaternion(this.camera.quaternion, 'YXZ');
+ this.yaw = this.tyaw = e.y;
+ this.pitch = this.tpitch = Math.max(-1.55, Math.min(1.55, e.x));
+ this.rollA = e.z;
+ this.applyTurn();
+ }
+
+ home() {
+ this.camera.position.set(0, 0, 0);
+ this.yaw = this.tyaw = this.pitch = this.tpitch = this.rollA = 0;
+ this.ease = null;
+ this.applyTurn();
+ this.render();
+ }
+
+ level() {
+ this.rollA = 0;
+ this.applyTurn();
+ this.render();
+ }
+
+ roll() {
+ return (this.rollA * 180) / Math.PI;
+ }
+
+ // the arrow keys: the nearest text in that direction on screen, eased onto
+ hop(dir) {
+ const cam = this.camera;
+ cam.updateMatrixWorld();
+ let best = null;
+ let bestScore = Infinity;
+ const want = { ArrowLeft: [-1, 0], ArrowRight: [1, 0], ArrowUp: [0, 1], ArrowDown: [0, -1] }[dir];
+ const w = new THREE.Vector3();
+ for (const n of this.order) {
+ const local = this.world(n, w).applyMatrix4(cam.matrixWorldInverse);
+ const dist = local.length();
+ if (dist < 0.5) continue;
+ const sx = local.x / dist;
+ const sy = local.y / dist;
+ const along = sx * want[0] + sy * want[1];
+ if (along <= 0.02) continue;
+ const across = Math.abs(sx * want[1] - sy * want[0]);
+ const score = (Math.acos(Math.min(1, along)) + across * 2) * 10 + dist * 0.05 + (local.z > 0 ? 50 : 0);
+ if (score < bestScore) {
+ bestScore = score;
+ best = n;
+ }
+ }
+ if (!best) return;
+ const target = this.world(best);
+ const fwd = target.clone().sub(cam.position).normalize();
+ const stand = Math.max(4, Math.min(14, best.f.text.length * 0.35));
+ const toPos = target.clone().sub(fwd.clone().multiplyScalar(stand));
+ const look = new THREE.Object3D();
+ look.position.copy(toPos);
+ look.up.copy(new THREE.Vector3(0, 1, 0).applyQuaternion(cam.quaternion));
+ look.lookAt(target);
+ // a camera looks down -z, an Object3D's lookAt points +z: turn it round
+ look.rotateY(Math.PI);
+ this.ease = { fromPos: cam.position.clone(), toPos, fromQuat: cam.quaternion.clone(), toQuat: look.quaternion.clone(), t: 0 };
+ this.pick(best);
+ this.send(this.ev('focus', best));
+ }
+
+ listen() {
+ const h = this.host;
+ h.addEventListener('contextmenu', (e) => e.preventDefault());
+ // a double click on a prefab copy's part opens the copy to edit its parts
+ h.addEventListener('dblclick', (e) => {
+ if (e.target.closest('.slabel') || !this.blocks.size) return;
+ // the block itself, not the gizmo over it
+ const m = this.rayFrom(e).intersectObjects([...this.blocks.values()].map((o) => o.mesh), false)[0];
+ const id = m && m.object.userData.block;
+ if (id == null) return;
+ const c = this.copyOf(id);
+ if (this.outer(c && this.openCopy !== c ? `c:${c}` : `b:${id}`) && this.openGroupAt(c && this.openCopy !== c ? `c:${c}` : `b:${id}`)) return;
+ if (c && this.openCopy !== c) this.openCopyAt(id);
+ });
+ h.addEventListener('pointerdown', (e) => {
+ if (e.target.closest('.slabel')) return;
+ // placing a prefab: a click places it, a right click stops
+ if (this.ghost && (e.button === 0 || e.button === 2)) {
+ e.preventDefault();
+ if (e.button === 0) this.placeGhost(); else { this.stopGhost(); this.send({ ...this.ev('ghostdone', null) }); }
+ return;
+ }
+ // wiring: a drag from a block to another makes a wire
+ if (e.button === 0 && this.wiring && !this.live) {
+ if (this.startWire(e)) { e.preventDefault(); return; }
+ }
+ if (e.button === 0) {
+ // a block's gizmo, or a block: select it (and drag it in the view's plane)
+ // playing, a click on a block listening for clicks fires it (through the gizmo)
+ if (this.live && this.wires && this.wires.size) {
+ const m = this.rayFrom(e).intersectObjects([...this.blocks.values()].map((o) => o.mesh), false)[0];
+ const id = m && m.object.userData.block;
+ const w = id != null && this.wires.get(id);
+ if (w && (w.on || []).includes('click')) {
+ this.wireFire(id, 'click');
+ return;
+ }
+ }
+ // a light's marker (while the lights show): picked, or with Shift one of many
+ if (this.lightMarks) {
+ const m = this.rayFrom(e).intersectObjects(this.lightMarks.children.filter((x) => x.userData.light != null), false)[0];
+ if (m) {
+ const id = m.object.userData.light;
+ if (e.shiftKey) this.toggleMulti('l', id);
+ else { this.clearMulti(); this.send({ ...this.ev('lightpick', null), data: id }); }
+ return;
+ }
+ }
+ const hit = this.blocks.size ? this.blockHit(e) : null;
+ // Shift+click on a block or a copy (the block itself, not the gizmo over it): one
+ // of many, in or out
+ if (e.shiftKey && this.blocks.size) {
+ const m = this.rayFrom(e).intersectObjects([...this.blocks.values()].map((o) => o.mesh), false)[0];
+ const sid = m && m.object.userData.block;
+ if (sid != null) {
+ const c = this.copyOf(sid);
+ if (c && this.openCopy !== c) this.toggleMulti('c', c); else this.toggleMulti('b', sid);
+ return;
+ }
+ }
+ // a thing in a group: the whole group, dragged by any of it
+ if (hit && hit.block != null) {
+ const c = this.copyOf(hit.block);
+ const key = c && this.openCopy !== c ? `c:${c}` : `b:${hit.block}`;
+ const g = this.outer(key);
+ if (g) {
+ if (this.selGroup !== g) this.pickGroup(g);
+ this.startBlockDrag(e, { handle: { mode: 'plane', axis: -1 } });
+ return;
+ }
+ }
+ if (hit && hit.block != null && this.multi.size) this.clearMulti();
+ if (hit) {
+ // a click outside the open copy closes it
+ if (this.openCopy && hit.block != null && this.copyOf(hit.block) !== this.openCopy) this.openCopy = null;
+ const cid = hit.block != null ? this.copyOf(hit.block) : null;
+ if (cid && this.openCopy !== cid) {
+ if (this.selCopy !== cid) this.pickCopy(cid);
+ } else if (hit.block != null && hit.block !== this.selBlock) this.pickBlock(hit.block);
+ this.startBlockDrag(e, hit);
+ return;
+ }
+ // empty room: a drag draws a box to select what's in it; a click lets go
+ this.boxSel = { x0: e.clientX, y0: e.clientY, add: e.shiftKey, el: null, e };
+ try { h.setPointerCapture(e.pointerId); } catch { /* fine without */ }
+ return;
+ }
+ if (e.button !== 2) return;
+ e.preventDefault();
+ this.rdown = { x: e.clientX, y: e.clientY };
+ this.looking = true;
+ if (this.ease) { this.ease = null; this.syncTurn(); }
+ h.classList.add('looking');
+ try { h.setPointerCapture(e.pointerId); } catch { /* fine without */ }
+ });
+ // the pointer locked (walking, superflight): the mouse looks around
+ document.addEventListener('mousemove', (e) => {
+ if (document.pointerLockElement !== h) return;
+ const k = LOOK * (this.p.look || 1);
+ this.tyaw -= (e.movementX || 0) * k;
+ this.tpitch = Math.max(-1.55, Math.min(1.55, this.tpitch - (e.movementY || 0) * k));
+ });
+ h.addEventListener('pointermove', (e) => {
+ this.pointer = { clientX: e.clientX, clientY: e.clientY };
+ if (this.ghost) this.dirty = true;
+ if (this.bdrag) { this.dragBlock(e); return; }
+ if (this.boxSel) { this.drawBox(e); return; }
+ if (this.wdrag) { this.dragWire(e); return; }
+ if (!this.looking) return;
+ const k = LOOK * (this.p.look || 1);
+ this.tyaw -= (e.movementX || 0) * k;
+ this.tpitch = Math.max(-1.55, Math.min(1.55, this.tpitch - (e.movementY || 0) * k));
+ });
+ const up = (e) => {
+ if (this.bdrag && (e.button === 0 || e.type === 'lostpointercapture')) this.endBlockDrag();
+ if (this.boxSel && (e.button === 0 || e.type === 'lostpointercapture')) this.endBox(e);
+ if (this.wdrag && (e.button === 0 || e.type === 'lostpointercapture')) this.endWire(e);
+ if (e.button === 2 || e.type === 'lostpointercapture') {
+ this.looking = false;
+ h.classList.remove('looking');
+ // a right click that didn't look around, on a block: its menu
+ const r = this.rdown;
+ this.rdown = null;
+ if (e.button === 2 && r && Math.hypot(e.clientX - r.x, e.clientY - r.y) < 4 && this.blocks.size) {
+ // the block itself, not the gizmo over it
+ const m = this.rayFrom(e).intersectObjects([...this.blocks.values()].map((o) => o.mesh), false)[0];
+ const id = m && m.object.userData.block;
+ if (id != null) {
+ this.pickBlock(id);
+ this.send({ ...this.ev('blockmenu', null, e), data: id });
+ }
+ }
+ }
+ };
+ h.addEventListener('pointerup', up);
+ h.addEventListener('lostpointercapture', up);
+ h.addEventListener('wheel', (e) => {
+ if (e.target.closest('.slabel')) return;
+ e.preventDefault();
+ // placing a prefab, the wheel turns it a quarter
+ if (this.ghost) { this.ghost.turn = (this.ghost.turn + (e.deltaY > 0 ? 1 : 3)) % 4; this.dirty = true; return; }
+ // hanging on the grapple, the wheel reels the rope in or out
+ if (this.rope) { this.rope.len = Math.max(1.2, Math.min(60, this.rope.len + (e.deltaY > 0 ? 0.8 : -0.8))); return; }
+ this.speed = Math.min(200, Math.max(0.5, this.speed * (e.deltaY > 0 ? 0.9 : 1.1)));
+ this.info(true);
+ }, { passive: false });
+ window.addEventListener('keydown', (e) => {
+ if (!this.running || typing(e) || e.ctrlKey || e.metaKey || e.altKey) return;
+ const k = e.code;
+ const b = this.bind;
+ if (FLYING.some((a) => b[a] === k) || k === 'ShiftLeft' || k === 'ShiftRight') {
+ this.keys.add(k);
+ if (this.ease) { this.ease = null; this.syncTurn(); }
+ e.preventDefault();
+ } else if (k.startsWith('Arrow') && !e.shiftKey) {
+ e.preventDefault();
+ this.hop(k);
+ } else if (k === 'Escape' && this.ghost) { this.stopGhost(); this.send({ ...this.ev('ghostdone', null) }); }
+ else if (k === 'Escape' && this.openCopy) this.closeCopy();
+ else if (k === 'Escape' && this.multi.size) this.clearMulti();
+ else if (k === 'Escape' && this.openGroups.length) { const g = this.openGroups.pop(); this.pickGroup(g); }
+ else if (k === b.level) this.level();
+ else if (k === b.walk) this.setMode(this.mode === 'walk' ? 'fly' : 'walk');
+ else if (k === b.superflight) this.setMode(this.mode === 'super' ? 'fly' : 'super');
+ else if (k === b.grapple) this.grapple();
+ else if (k === b.back_to_start) this.home();
+ else if (k === b.slower) this.speed = Math.max(0.5, this.speed / 1.25);
+ else if (k === b.faster) this.speed = Math.min(200, this.speed * 1.25);
+ });
+ window.addEventListener('keyup', (e) => this.keys.delete(e.code));
+ window.addEventListener('blur', () => this.keys.clear());
+ }
+
+ // ------------------------------------------------------------------ the frame
+
+ // a frame, and the next one asked for whatever goes wrong in this one (a fault is
+ // reported once, not left to stop the room)
+ loop(now) {
+ if (!this.running) return;
+ try {
+ this.frame(now);
+ } catch (e) {
+ if (!this.faulted) {
+ this.faulted = true;
+ this.send({ ...this.ev('fault', null), text: `the room: ${e && e.message || e}` });
+ }
+ }
+ requestAnimationFrame(this.loop);
+ }
+
+ frame(now) {
+ if (this.wiresDirty) this.drawWires();
+ const dt = Math.min(0.1, (now - this.last) / 1000);
+ this.last = now;
+ const c = this.camera;
+ if (this.mode && this.mode !== 'fly') this.moveBody(dt);
+ else if (this.keys.size) {
+ const k = this.keys;
+ const v = this.speed * (k.has('ShiftLeft') || k.has('ShiftRight') ? 4 : 1) * dt;
+ if (this.held('fly_forward')) c.translateZ(-v);
+ if (this.held('fly_back')) c.translateZ(v);
+ if (this.held('fly_left')) c.translateX(-v);
+ if (this.held('fly_right')) c.translateX(v);
+ if (this.held('fly_up')) c.translateY(v);
+ if (this.held('fly_down')) c.translateY(-v);
+ if (this.held('roll_left')) this.rollA += ROLL * dt;
+ if (this.held('roll_right')) this.rollA -= ROLL * dt;
+ }
+ if (this.ease) {
+ const e = this.ease;
+ e.t = Math.min(1, e.t + dt / 0.6);
+ const s = e.t * e.t * (3 - 2 * e.t);
+ c.position.lerpVectors(e.fromPos, e.toPos, s);
+ c.quaternion.slerpQuaternions(e.fromQuat, e.toQuat, s);
+ if (e.t >= 1) {
+ this.ease = null;
+ this.syncTurn();
+ }
+ } else {
+ // ease the turn onto where the mouse put it (frame-rate independent)
+ const a = 1 - Math.exp(-(this.p.smooth || 14) * dt);
+ this.yaw += (this.tyaw - this.yaw) * a;
+ this.pitch += (this.tpitch - this.pitch) * a;
+ this.applyTurn();
+ }
+ // the physics in fixed steps, however long the frame was
+ const moving = !this.paused && this.order.length && !this.asleep();
+ if (moving) {
+ this.acc = Math.min(this.acc + dt * this.p.substeps, 0.25);
+ while (this.acc >= STEP) {
+ this.step(STEP);
+ this.acc -= STEP;
+ }
+ }
+ // a still room isn't drawn again: nothing flies, turns, eases, drags or spreads, and
+ // the turn has caught up with the mouse (it keeps the page light while one types
+ // elsewhere)
+ const turning = Math.abs(this.tyaw - this.yaw) > 1e-5 || Math.abs(this.tpitch - this.pitch) > 1e-5;
+ const animated = this.blocks.size && this.animating();
+ if (animated) this.applyAnims(now);
+ this.wireTimers(now);
+ this.hearFrom();
+ if (this.ghost) this.aimGhost();
+ const rays = this.fadeRays(now);
+ if (moving || turning || this.keys.size || this.ease || this.looking || this.drag || this.bdrag || this.dirty || animated || rays || (this.mode && this.mode !== 'fly') || this.ghost) {
+ this.dirty = false;
+ this.render();
+ this.info(false);
+ }
+ }
+
+ render() {
+ if (this.selBlock != null) this.placeGizmo();
+ if (this.sky) this.sky.position.copy(this.camera.position);
+ // the lights' rings face the camera
+ if (this.lightMarks) for (const m of this.lightMarks.children) if (m.userData.facing) m.quaternion.copy(this.camera.quaternion);
+ this.gl?.render(this.scene, this.camera);
+ const c = this.camera;
+ c.updateMatrixWorld();
+ const { w, h } = this.size;
+ const focal = h / 2 / Math.tan((c.fov * Math.PI) / 360);
+ const v = new THREE.Vector3();
+ for (const n of this.order) {
+ this.world(n, v).applyMatrix4(c.matrixWorldInverse);
+ const dist = -v.z;
+ const el = n.el;
+ if (dist < 0.3) {
+ if (el.style.display !== 'none') el.style.display = 'none';
+ continue;
+ }
+ const size = (n.size || this.p.size) * (n.fxSize || 1);
+ // a text's em on screen, in pixels
+ const px = (size * focal) / dist;
+ const x = w / 2 + (v.x / dist) * focal;
+ const y = h / 2 - (v.y / dist) * focal;
+ if (px < this.p.minPx || x < -w || x > 2 * w || y < -h || y > 2 * h) {
+ if (el.style.display !== 'none') el.style.display = 'none';
+ continue;
+ }
+ if (el.style.display === 'none') el.style.display = '';
+ const s = Math.min(px, 220) / BASE_PX;
+ el.style.transform = `translate3d(${x.toFixed(2)}px, ${y.toFixed(2)}px, 0) translate(-50%, -50%) scale(${s.toFixed(4)})`;
+ el.style.zIndex = String(100000 - Math.round(dist * 10));
+ el.style.opacity = String(Math.max(0.15, Math.min(1, 1.4 - dist / 220)).toFixed(3));
+ }
+ }
+
+ info(now) {
+ const t = performance.now();
+ if (!now && t - this.infoAt < 120) return;
+ this.infoAt = t;
+ const p = this.camera.position;
+ const state = this.paused ? 'paused' : this.asleep() ? 'still' : 'moving';
+ const mode = this.mode === 'walk' ? (this.rope ? ' on the grapple' : ' walking') : this.mode === 'super' ? ` superflight ${this.flight ? this.flight.v.length().toFixed(0) : 0}` : '';
+ const text = `${p.x.toFixed(1)} ${p.y.toFixed(1)} ${(-p.z).toFixed(1)} speed ${this.speed.toFixed(1)} roll ${Math.round(this.roll())}° ${this.order.length} texts spread ${state}${mode}`;
+ if (text === this.lastInfo) return;
+ this.lastInfo = text;
+ this.send({ ...this.ev('info', null), text });
+ }
+}
diff --git a/app/src/style.css b/app/src/style.css
new file mode 100644
index 00000000..4c18ddfe
--- /dev/null
+++ b/app/src/style.css
@@ -0,0 +1,1002 @@
+/* anend's app: the sand look of the web and Bevy apps, written once for the desktop and the web */
+:root {
+ --radius: 4px;
+ --gap: 6px;
+ --frame: 6px;
+ --top: 32px;
+ --barh: 32px;
+ --font: "Fira Sans", "FiraGO", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+ --mono: "Fira Mono", "Fira Code", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
+ --serif: "Times New Roman", Times, "Liberation Serif", "DejaVu Serif", serif;
+ --bad: hsl(5 60% 46%);
+}
+* { box-sizing: border-box; }
+html, body { height: 100%; margin: 0; overflow: hidden; }
+#main { height: 100%; }
+/* the Bevy app's frame: the bars and the views are inset cards on the window's colour */
+.app {
+ height: 100vh; display: grid; grid-template-rows: var(--top) minmax(0, 1fr) auto; gap: var(--frame);
+ padding: var(--frame); background: var(--window); color: var(--text);
+ font: var(--fs, 14px)/1.45 var(--font);
+ text-rendering: optimizeLegibility; -webkit-font-smoothing: subpixel-antialiased;
+}
+button { font: inherit; }
+[hidden] { display: none !important; }
+.grow { flex: 1; }
+.dim { color: var(--dim); }
+.small { font-size: .88em; }
+.bad { color: var(--bad); }
+.row { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
+h2 { font-size: 1.3em; margin: 0 0 .4em; }
+h3 { font-size: 1.08em; margin: 0 0 .3em; }
+
+button, .btn {
+ display: inline-flex; align-items: center; justify-content: center; gap: 4px;
+ height: 24px; padding: 0 9px; border: 0; border-radius: var(--radius);
+ background: var(--buttons); color: var(--on-button); cursor: pointer; white-space: nowrap; font-size: .96em;
+}
+button:hover { filter: brightness(1.06); }
+button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
+ outline: 2px solid var(--accent); outline-offset: 1px;
+}
+button.on, button.primary { background: var(--accent); }
+button.armed { background: var(--bad); color: #fff; }
+button:disabled { opacity: .5; cursor: default; filter: none; }
+button.ibtn { width: 26px; padding: 0; }
+button.plain { background: none; color: var(--dim); }
+button.plain:hover { background: color-mix(in srgb, var(--buttons) 40%, transparent); color: var(--text); filter: none; }
+input[type=text], input[type=search], input[type=number], input[type=password], input[type=date], select, textarea {
+ font: inherit; color: var(--text); background: var(--pad); border: 0; border-radius: var(--radius);
+ padding: 3px 8px; min-width: 0; height: 26px;
+}
+textarea { height: auto; }
+/* every select draws its own arrow, so its text sits centred and clear of it whatever the
+ engine (WebKitGTK clipped the text of a native select at 26px with this line height) */
+select {
+ appearance: none; -webkit-appearance: none; line-height: 1.2; padding: 0 26px 0 9px; cursor: pointer;
+ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23777' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+ background-repeat: no-repeat; background-position: right 9px center; background-size: 10px 6px;
+}
+select option { color: var(--text); background: var(--cards); }
+input[type=color] { width: 30px; height: 22px; border: 0; padding: 0; background: none; cursor: pointer; }
+input[type=range] { accent-color: var(--accent); }
+input::placeholder, textarea::placeholder { color: var(--dim); opacity: .8; }
+.icon { display: inline-flex; width: 16px; height: 16px; flex: none; }
+.icon svg { width: 100%; height: 100%; display: block; }
+
+/* the tooltip: a control's name and key, styled, after a short rest */
+[data-tip] { position: relative; }
+[data-tip]::after {
+ content: attr(data-tip); position: absolute; z-index: 60; left: 50%; top: calc(100% + 6px); transform: translateX(-50%);
+ padding: 3px 8px; border-radius: var(--radius); white-space: pre; pointer-events: none;
+ background: var(--bars); color: var(--bar-text); font: 12.5px/1.35 var(--font); box-shadow: 0 3px 12px rgb(0 0 0 / .28);
+ opacity: 0; visibility: hidden; transition: opacity .12s;
+}
+[data-tip]:hover::after, [data-tip]:focus-visible::after { opacity: 1; visibility: visible; transition-delay: .35s; }
+[data-tip].tip-up::after { top: auto; bottom: calc(100% + 6px); }
+[data-tip].tip-left::after { left: auto; right: 0; transform: none; }
+[data-tip].tip-right::after { left: 0; transform: none; }
+
+/* ---------------------------------------------------------------- the top bar */
+.top {
+ position: relative; z-index: 3; display: flex; align-items: center; gap: 2px; padding: 0 4px; min-width: 0;
+ background: var(--bars); color: var(--bar-text); border-radius: var(--radius);
+}
+.tabs { display: flex; gap: 2px; flex: none; }
+.top button.tab, .top button.side { height: 26px; width: 32px; padding: 0; background: none; color: var(--bar-dim); }
+.top button.tab .icon, .top button.side .icon { width: 17px; height: 17px; }
+.top button.tab:hover, .top button.side:hover { color: var(--bar-text); background: color-mix(in srgb, var(--bar-text) 12%, transparent); filter: none; }
+.top button.tab.on { background: var(--accent); color: var(--on-button); }
+.top .status { font-size: 12.5px; color: var(--bar-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; max-width: 34%; padding: 0 6px; }
+.top .status.bad { color: hsl(8 85% 72%); }
+/* the search line: centered on the bar whatever sits at its sides */
+.searchline {
+ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
+ display: flex; align-items: center; gap: 8px; max-width: 46%; overflow: hidden; white-space: nowrap;
+ height: 24px; padding: 0 10px; border-radius: var(--radius);
+ background: color-mix(in srgb, var(--bar-text) 13%, transparent); color: var(--bar-text); font-size: 13px;
+}
+.searchline b { font-weight: 700; }
+.searchline .detail { font-size: 11.5px; color: var(--bar-dim); overflow: hidden; text-overflow: ellipsis; }
+.searchline .detail.tri, .searchline .detail:first-of-type { flex: none; }
+.searchline .counts { display: flex; align-items: center; gap: 8px; flex: none; }
+.searchline .counts > span { display: inline-flex; align-items: center; gap: 3px; }
+.searchline .counts .icon { width: 13px; height: 13px; }
+.searchline .pfline { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: 11.5px; color: var(--bar-dim); }
+.searchline .pfline .pf { display: inline; white-space: nowrap; }
+.searchline .pfline i { cursor: pointer; font-style: normal; color: var(--bar-text); }
+.searchline .pfline i:hover { text-decoration: underline; }
+svg.triangle { flex: none; overflow: visible; display: block; }
+svg.triangle polygon { fill: color-mix(in srgb, var(--accent) 55%, transparent); stroke: var(--bar-text); stroke-width: 1; stroke-linejoin: round; }
+svg.triangle.flat polygon { stroke: hsl(8 85% 72%); fill: none; }
+
+/* ---------------------------------------------------------------- the command bar: one bar, the view's
+ controls (sums, toggles, counts) at its right end */
+.dock { position: relative; z-index: 3; min-width: 0; }
+/* the input spans the whole bar with the same room kept at both ends, so its centred text
+ never moves when what sits at the right (sums, counts, chips) changes size. The room at
+ each end depends only on the bar's width: whatever is left once the typing field has its
+ 15.5 cm (at most 520px a side), so the field is never narrower than 15.5 cm. The view's
+ items sit in the right-hand room on the bar's line; those that don't fit wrap upward into
+ a see-through bar just above it (and in a bar too narrow for a useful right-hand room,
+ all of them go above). */
+.dock { container-type: inline-size; }
+.cmdbar {
+ position: relative; display: block; height: var(--barh);
+ --reserve: clamp(0px, calc((100cqw - 15.5cm) / 2), 520px);
+ background: var(--bars); color: var(--bar-text); border-radius: var(--radius);
+}
+.cmdbar:focus-within { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 70%, transparent); }
+.cmdbar .pending { position: absolute; left: 10px; top: 0; bottom: 0; display: flex; align-items: center; font-size: 11.5px; color: var(--accent); white-space: nowrap; max-width: max(0px, calc(var(--reserve) - 20px)); overflow: hidden; text-overflow: ellipsis; pointer-events: none; }
+#bar {
+ display: block; width: 100%; min-width: 15.5cm; height: var(--barh); background: transparent; color: var(--bar-text); text-align: center;
+ border: 0; outline: 0; font: inherit; font-size: 15px; padding: 0 var(--reserve); border-radius: 0;
+}
+#bar::placeholder { color: var(--bar-dim); opacity: .55; }
+.app.v-memory #bar { font-family: var(--serif); font-size: 17px; }
+.cmdbar .side {
+ position: absolute; right: 0; bottom: 0; width: max(0px, calc(var(--reserve) - 8px));
+ display: flex; align-items: center; justify-content: flex-end; gap: 10px 12px; flex-wrap: wrap-reverse;
+ padding: 4px 8px calc((var(--barh) - 22px) / 2) 0; box-sizing: content-box;
+ color: var(--bar-dim); font-size: 12px; font-variant-numeric: tabular-nums;
+}
+.cmdbar .side > * { min-height: 22px; }
+/* the lines that wrapped above the bar: a see-through bar of their own */
+.cmdbar .side { background: linear-gradient(to top, transparent var(--barh), color-mix(in srgb, var(--bars) 82%, transparent) var(--barh)); border-radius: var(--radius) var(--radius) 0 0; }
+@container (max-width: 866px) {
+ .cmdbar .side { width: calc(100% - 16px); bottom: 100%; padding: 4px 8px; background: color-mix(in srgb, var(--bars) 82%, transparent); border-radius: var(--radius) var(--radius) 0 0; }
+}
+.cmdbar .side:empty { display: none; }
+.sidenote { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.toggles { display: flex; gap: 1px; align-items: center; }
+button.tchip {
+ min-width: 20px; height: 20px; padding: 0 3px; background: none; border: 0; color: var(--bar-dim); opacity: .55;
+ font: 600 12px/1 var(--font);
+}
+button.tchip .icon { width: 14px; height: 14px; }
+button.tchip:hover { opacity: 1; filter: none; }
+button.tchip.on { color: var(--bar-text); opacity: 1; }
+.sidecar { color: var(--bar-text); font-family: var(--serif); font-size: 14px; white-space: nowrap; font-variant-numeric: tabular-nums; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+.sidecar .extra, .sidecar .letters { margin-left: 6px; }
+.sidecar .num { cursor: pointer; }
+.sidecar .num:hover { color: var(--accent); }
+.sidecar .num.on { text-decoration: underline; text-underline-offset: 3px; }
+.sidecar .extra { color: var(--bar-dim); font-size: 12.5px; }
+.sidecar .letters { font-size: 11px; color: var(--bar-dim); display: inline-block; vertical-align: bottom; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+
+/* toasts (weum's): bottom right, above the bar */
+.toasts { position: fixed; right: 12px; bottom: calc(var(--barh) + 20px); z-index: 50; display: flex; flex-direction: column; gap: 4px; align-items: flex-end; }
+.toast { background: var(--bars); color: var(--bar-text); padding: 4px 10px; border-radius: var(--radius); font: 13px var(--mono); cursor: pointer; box-shadow: 0 3px 12px rgb(0 0 0 / .3); max-width: 60vw; overflow-wrap: anywhere; }
+
+/* ---------------------------------------------------------------- views */
+.views { position: relative; min-height: 0; min-width: 0; }
+.view { position: absolute; inset: 0; overflow: auto; }
+.card { background: var(--cards); border-radius: var(--radius); padding: 10px 12px; }
+.page { max-width: 980px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--gap); padding: 0 0 6px; }
+.page > .row:first-child { background: var(--cards); border-radius: 0 0 var(--radius) var(--radius); padding: 4px 10px; }
+.page > .row:first-child h2 { margin: 0; }
+.metrics svg.triangle polygon { stroke: var(--text); }
+.chip { display: inline-flex; align-items: center; gap: 3px; height: 22px; padding: 0 7px; font-size: 13px; background: var(--buttons); color: var(--on-button); border-radius: var(--radius); border: 0; cursor: pointer; }
+.chip.on { background: var(--accent); }
+.empty { color: var(--dim); text-align: center; padding: 24px; }
+.pager { display: flex; gap: 6px; align-items: center; justify-content: center; padding: 4px; }
+
+/* ---------------------------------------------------------------- the memory view (weum's black field) */
+/* the memory view: weum's black field in the frame, joined to a black command bar (Bevy's bar_look) */
+.app.v-memory .views { background: #000; border-radius: var(--radius) var(--radius) 0 0; }
+.app.v-memory .dock { margin-top: calc(-1 * var(--frame)); padding-top: var(--frame); background: #000; border-radius: 0 0 var(--radius) var(--radius); }
+.app.v-memory .dock, .app.v-memory .toasts { --bars: #000; --bar-text: #fff; --bar-dim: #b9a59a; }
+/* weum's white line under the typing, the width of the typing box */
+.app.v-memory #bar { background: linear-gradient(#fff, #fff) center bottom 3px / calc(100% - 2 * var(--reserve) + 24px) 1px no-repeat; }
+.memory { border-radius: var(--radius); background: #000; color: #fff; font-family: var(--serif); display: flex; flex-direction: column; overflow: hidden; }
+.mem-head { display: flex; align-items: center; gap: 10px; padding: 3px 10px; font-size: 12.5px; color: #c9ab99; flex: none; }
+.mem-head b { color: #fff; font-weight: 600; }
+.mem-main { position: relative; flex: 1; min-height: 0; overflow: auto; display: flex; flex-direction: column; align-items: center; padding: 10px 26px; }
+.mem-main > .spacer { flex: 1; }
+.field { position: relative; width: 100%; max-width: 100%; }
+.field .grip {
+ position: absolute; top: 0; bottom: 0; width: 8px; cursor: ew-resize; z-index: 3;
+ background: transparent; border-radius: 3px;
+}
+.field .grip:hover, .field .grip.dragging { background: color-mix(in srgb, #c9ab99 45%, transparent); }
+.field .grip.l { left: -10px; }
+.field .grip.r { right: -10px; }
+.results-head { text-align: center; padding: 4px 4px 2px; background: #c9ab99; }
+.results-head h3 { margin: 0; font-size: 26px; font-weight: 700; line-height: 1.15; color: #fff; overflow-wrap: anywhere; }
+.results-head .pf { font-size: 12.5px; color: #f3ebe6; margin: 2px 0 2px; overflow-wrap: anywhere; }
+.results-head .pf i { cursor: pointer; }
+.results-head .pf i:hover { text-decoration: underline; }
+.arts { display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-start; gap: var(--mspace, 4px); padding-top: calc(var(--mspace, 4px) + 4px); }
+.art {
+ position: relative; background: #282626; color: #fff; font-size: var(--mfs, 20px); line-height: 1.25;
+ padding: 2px 8px 3px; cursor: pointer; max-width: 100%; overflow-wrap: anywhere;
+ text-decoration-thickness: 3px; text-underline-offset: 4px; user-select: none;
+ max-height: 7.5em; overflow: hidden;
+}
+/* crisp emphasis on hover: brighter, outlined, on top; no scaling */
+.art:hover { background: #3d3838; box-shadow: 0 0 0 1px #c9ab99, 0 4px 16px rgb(0 0 0 / .8); z-index: 5; max-height: none; overflow: visible; }
+.art.long:hover { position: relative; }
+/* a long text: its first piece (lines at word boundaries), "more" opens the next ones */
+.art.long { max-height: none; max-width: min(100%, calc(var(--piece-ch, 80ch) + 20px)); }
+.art.long .piece { white-space: pre-wrap; }
+.art.long.open .piece { max-height: 60vh; overflow-y: auto; }
+.art .pieces-more { display: flex; gap: 8px; align-items: center; font-size: 12px; margin-top: 2px; }
+.art .pieces-more button.plain { color: #c9ab99; height: auto; padding: 0 4px; }
+.art.is-list { background: #5a4636; }
+.art.is-candidate { outline: 2px dashed #c9ab99; outline-offset: -2px; }
+.art.selected { background: #2f4a5a; box-shadow: inset 0 0 0 2px #7fb0cf; }
+.art.note::before { content: "✎ "; color: #c9ab99; }
+.art .meta { display: none; }
+/* word types (kinds::tag): each type a colour, its label under the word */
+.memory, .types-legend { --t-noun: #6aa6f0; --t-verb: #f07a6a; --t-adjective: #f0b34d; --t-adverb: #d38af0; --t-pronoun: #5fd0c0; --t-determiner: #a5acb8; --t-preposition: #9ccf6c; --t-conjunction: #c9b48e; --t-interjection: #f58cc0; --t-name: #f5d65a; --t-number: #6ee08a; --t-date: #7fd8f0; --t-time: #7fd8f0; --t-link: #9aa6ff; --t-email: #9aa6ff; --t-hashtag: #f0a060; }
+.memory.white, .memory.white .types-legend { --t-noun: #1f62b8; --t-verb: #c0392b; --t-adjective: #a86a00; --t-adverb: #8e3fae; --t-pronoun: #138a7a; --t-determiner: #5f6672; --t-preposition: #4f7d22; --t-conjunction: #7d6440; --t-interjection: #b5306e; --t-name: #8a6d00; --t-number: #1d8a3c; --t-date: #1b7d9a; --t-time: #1b7d9a; --t-link: #3d4bc7; --t-email: #3d4bc7; --t-hashtag: #b05a10; }
+/* a labelled word: the word over its type's short name, a bar of its colour between */
+.tw { display: inline-flex; flex-direction: column; align-items: center; vertical-align: top; line-height: 1.1; }
+.tw .w { border-bottom: 2px solid var(--tc, currentColor); padding-bottom: 1px; }
+.tw .l { font: 700 max(10px, .5em)/1.15 var(--font); color: var(--tc); letter-spacing: .02em; margin-top: 1px; }
+.tw.t-noun { --tc: var(--t-noun); } .tw.t-verb { --tc: var(--t-verb); } .tw.t-adjective { --tc: var(--t-adjective); }
+.tw.t-adverb { --tc: var(--t-adverb); } .tw.t-pronoun { --tc: var(--t-pronoun); } .tw.t-determiner { --tc: var(--t-determiner); }
+.tw.t-preposition { --tc: var(--t-preposition); } .tw.t-conjunction { --tc: var(--t-conjunction); } .tw.t-interjection { --tc: var(--t-interjection); }
+.tw.t-name { --tc: var(--t-name); } .tw.t-number { --tc: var(--t-number); } .tw.t-date, .tw.t-time { --tc: var(--t-date); }
+.tw.t-link, .tw.t-email { --tc: var(--t-link); } .tw.t-hashtag { --tc: var(--t-hashtag); }
+/* in a text (an article) the words stay inline under its own gematria underline; each
+ type is only the coloured label under its word (ruby), so the two never mix */
+.art .tagged { display: inline; }
+.art:has(.tagged) { max-height: none; line-height: 1.9; }
+ruby.rw { ruby-position: under; ruby-align: center; }
+ruby.rw rt { font: 700 max(10px, .5em)/1.2 var(--font); letter-spacing: .02em; color: var(--tc); }
+ruby.rw.t-noun { --tc: var(--t-noun); } ruby.rw.t-verb { --tc: var(--t-verb); } ruby.rw.t-adjective { --tc: var(--t-adjective); }
+ruby.rw.t-adverb { --tc: var(--t-adverb); } ruby.rw.t-pronoun { --tc: var(--t-pronoun); } ruby.rw.t-determiner { --tc: var(--t-determiner); }
+ruby.rw.t-preposition { --tc: var(--t-preposition); } ruby.rw.t-conjunction { --tc: var(--t-conjunction); } ruby.rw.t-interjection { --tc: var(--t-interjection); }
+ruby.rw.t-name { --tc: var(--t-name); } ruby.rw.t-number { --tc: var(--t-number); } ruby.rw.t-date, ruby.rw.t-time { --tc: var(--t-date); }
+ruby.rw.t-link, ruby.rw.t-email { --tc: var(--t-link); } ruby.rw.t-hashtag { --tc: var(--t-hashtag); }
+.types-legend .tw { flex-direction: row; gap: 4px; color: var(--tc); align-items: baseline; }
+.mem-types { text-align: center; font: 17px/2 var(--serif); padding: 0 10px 4px; flex: none; color: #ddd; }
+.mem-types .tw .w { color: #fff; }
+.memory.white .mem-types .tw .w { color: #111; }
+.types-legend { display: flex; flex-wrap: wrap; gap: 3px 12px; justify-content: center; padding: 4px 6px 0; font: 12.5px var(--font); }
+.types-legend b { font-weight: 700; margin-right: 2px; }
+/* white mode (W): dark texts on white, as weum's */
+.memory.white { background: #fff; color: #111; }
+.app.v-memory:has(.memory.white) .views, .app.v-memory:has(.memory.white) .dock { background: #fff; }
+.app.v-memory:has(.memory.white) .dock { --bars: #fff; --bar-text: #111; --bar-dim: #6b5d55; }
+.app.v-memory:has(.memory.white) #bar { background-image: linear-gradient(#111, #111); }
+.memory.white .art { background: #fff; color: #111; box-shadow: inset 0 0 0 1px #ddd; }
+.memory.white .art:hover { background: #f2ece8; }
+
+.memory.white .results-head { background: #fff; }
+.memory.white .results-head h3 { color: #111; }
+.memory.white .results-head .pf, .memory.white .mem-hover, .memory.white .mem-types, .memory.white .mem-intro { color: #333; }
+.mem-intro { max-width: 520px; margin: auto; text-align: center; color: #c9ab99; font-size: 17px; }
+.mem-intro p { margin: .4em 0; }
+.mem-hover { min-height: 1.5em; text-align: center; font: 12.5px var(--mono); color: #bbb; padding: 4px; flex: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+.selbar { display: flex; gap: 6px; align-items: center; justify-content: center; padding: 4px; color: #ddd; font-size: 13px; flex: none; flex-wrap: wrap; }
+.selbar button { height: 22px; font-size: 12.5px; }
+.listpick { display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; max-height: 30vh; overflow: auto; padding: 4px; }
+.listpick button { background: #3a3030; color: #fff; }
+.listpick button:hover { background: #5a4636; }
+/* the left edge: the sum buckets as circles, shown on hover */
+.edge { position: absolute; left: 0; top: 0; bottom: 0; width: 14px; z-index: 8; }
+.buckets {
+ position: absolute; left: 0; top: 0; bottom: 0; width: 64px; z-index: 9; overflow-y: auto; overflow-x: hidden;
+ opacity: 0; pointer-events: none; transition: opacity .25s; scrollbar-width: none;
+ background: linear-gradient(90deg, rgb(0 0 0 / .92), rgb(0 0 0 / .6) 70%, transparent);
+}
+.buckets::-webkit-scrollbar { display: none; }
+.edge:hover + .buckets, .buckets:hover { opacity: 1; pointer-events: auto; }
+.buckets .line { position: absolute; left: 20px; top: 0; bottom: 0; width: 1px; background: #5b4f48; }
+.buckets .b { position: relative; display: flex; align-items: center; gap: 4px; margin: 1px 0; cursor: pointer; color: #c9ab99; font: 10px var(--font); }
+.buckets .b .dot { display: inline-block; border-radius: 50%; background: #c9ab99; flex: none; margin-left: calc(20px - var(--r)); width: calc(var(--r) * 2); height: calc(var(--r) * 2); }
+.buckets .b:hover .dot, .buckets .b.on .dot { background: #fff; }
+.buckets .b:hover { color: #fff; }
+.buckets .label { position: fixed; left: 70px; z-index: 20; background: #1b1818; color: #fff; padding: 2px 8px; border-radius: 3px; font-size: 12px; pointer-events: none; }
+/* the right-click menu */
+.menu {
+ position: fixed; z-index: 70; min-width: 170px; background: var(--cards); color: var(--text); border-radius: var(--radius);
+ box-shadow: 0 6px 22px rgb(0 0 0 / .35); padding: 4px; display: flex; flex-direction: column; font: 13.5px var(--font);
+}
+.menu .title { padding: 3px 8px 5px; color: var(--dim); font-size: 12px; max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid color-mix(in srgb, var(--dim) 30%, transparent); margin-bottom: 3px; }
+.menu button { justify-content: flex-start; background: none; color: var(--text); height: 26px; gap: 8px; }
+.menu button:hover, .menu button:focus-visible { background: color-mix(in srgb, var(--accent) 35%, transparent); filter: none; }
+.menu kbd { margin-left: auto; font: 11px var(--mono); color: var(--dim); }
+.backdrop { position: fixed; inset: 0; z-index: 65; }
+
+/* ---------------------------------------------------------------- settings: a dialog, closed by a click outside */
+.overlay { position: fixed; inset: 0; z-index: 40; background: rgb(0 0 0 / .35); display: flex; justify-content: center; align-items: flex-start; padding-top: calc(var(--top) + 8px); }
+.dialog {
+ position: relative; width: min(760px, calc(100vw - 16px)); max-height: calc(100vh - var(--top) - 24px); overflow-y: auto; overflow-x: hidden;
+ background: var(--cards); color: var(--text); border-radius: var(--radius); box-shadow: 0 10px 40px rgb(0 0 0 / .4); padding: 8px 14px 12px;
+}
+.dialog .head { display: flex; align-items: center; gap: 8px; position: sticky; top: -8px; background: var(--cards); padding: 4px 0; z-index: 2; }
+.dialog .head h2 { margin: 0; }
+.dialog .close { flex: none; }
+.dialog hr { border: 0; border-top: 1px solid color-mix(in srgb, var(--dim) 35%, transparent); margin: 6px 0; }
+.section > .shead { display: flex; align-items: center; gap: 6px; width: 100%; background: none; color: var(--text); justify-content: flex-start; height: 28px; padding: 0 2px; font-weight: 600; font-size: 1.05em; }
+.section > .shead .icon { transition: transform .15s; transform: rotate(90deg); }
+.section.folded > .shead .icon { transform: none; }
+.section .body { display: grid; grid-template-columns: minmax(130px, 200px) 1fr; gap: 6px 12px; align-items: center; padding: 4px 4px 8px; }
+.section .body > .wide { grid-column: 1 / -1; }
+.section .body label { color: var(--dim); }
+.swatches { display: flex; gap: 8px; flex-wrap: wrap; }
+.swatches label { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; color: var(--text); }
+table.saves { width: 100%; border-collapse: collapse; font-size: 13px; }
+table.saves td, table.saves th { padding: 3px 6px; text-align: left; border-bottom: 1px solid color-mix(in srgb, var(--dim) 20%, transparent); }
+table.saves tr.open td:first-child { font-weight: 700; }
+table.keys td { padding: 2px 8px 2px 0; font-size: 13px; }
+.keymap { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 4px 18px; }
+.keygroup h4 { margin: 8px 0 2px; font-size: 12.5px; color: var(--dim); font-weight: 600; text-transform: none; }
+.keyrow { display: flex; align-items: center; gap: 8px; padding: 1px 0; font-size: 13px; }
+.keyrow .what { flex: 1; min-width: 0; }
+button.keycap { min-width: 74px; height: 22px; font: 12px var(--mono); background: var(--pad); color: var(--text); }
+button.keycap.changed { box-shadow: inset 0 0 0 1px var(--accent); }
+button.keycap.on { background: var(--accent); color: var(--on-button); }
+kbd { font: 12px var(--mono); border: 1px solid color-mix(in srgb, var(--dim) 50%, transparent); border-radius: 3px; padding: 0 4px; }
+.import { background: var(--pad); border-radius: var(--radius); padding: 8px; display: flex; flex-direction: column; gap: 6px; }
+.steps { display: flex; gap: 6px; font-size: 12px; color: var(--dim); }
+.steps .on { color: var(--text); font-weight: 700; }
+
+/* ---------------------------------------------------------------- lists */
+.lists-head { display: flex; flex-direction: column; gap: 6px; }
+.listcard { display: flex; flex-direction: column; gap: 6px; }
+.listcard.chosen { box-shadow: inset 0 0 0 2px var(--accent); }
+.listcard .lname { height: auto; padding: 0 4px; color: var(--text); }
+.listcard .lname h3 { margin: 0; font-size: 1.25em; }
+.mono { font-family: var(--mono); }
+.figures-row { display: flex; flex-wrap: wrap; gap: 4px 22px; }
+.figures-row div { display: flex; flex-direction: column; }
+.figures-row b { font-size: 1.3em; line-height: 1.1; }
+.figures-row span { font-size: 12px; color: var(--dim); }
+.memberchips { display: flex; flex-wrap: wrap; gap: 4px; }
+.mchip { display: inline-flex; align-items: center; gap: 5px; padding: 1px 2px 1px 8px; background: var(--pad); border-radius: 3px; font-size: 13px; }
+.mchip .mt { cursor: pointer; }
+.mchip .mt:hover { color: var(--link); }
+.mchip .ms { color: var(--dim); font-size: 12px; font-variant-numeric: tabular-nums; }
+.mchip button.mx { height: 18px; width: 18px; padding: 0; font-size: 14px; }
+.alike { display: grid; gap: 2px; margin-top: 6px; overflow-x: auto; font-size: 12px; }
+.alike-col { color: var(--dim); text-align: center; overflow: hidden; white-space: nowrap; }
+.alike-row { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+.alike-cell { height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 2px; font-variant-numeric: tabular-nums; }
+.list-page .pf, .listcard .pf { font-size: 12px; color: var(--dim); overflow-wrap: anywhere; }
+.listcard .pf i { cursor: pointer; color: var(--link); }
+.list-grid { flex: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--gap); }
+.list-tile { height: auto; white-space: normal; display: flex; flex-direction: column; gap: 4px; cursor: pointer; border: 0; text-align: left; font: inherit; color: var(--text); background: var(--cards); }
+.list-tile:hover { outline: 2px solid var(--accent); }
+.list-tile h3 { margin: 0; overflow-wrap: anywhere; }
+.list-page .name { font-size: 1.6em; font-weight: 700; margin: 0; overflow-wrap: anywhere; }
+.members { display: flex; flex-direction: column; gap: 3px; }
+.member { display: flex; gap: 6px; align-items: center; }
+.member input { flex: 1; }
+.member .key { font: 11.5px var(--mono); color: var(--dim); width: 74px; flex: none; }
+.figures { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 4px 14px; font-size: 13px; }
+.figures div b { display: block; font-size: 1.25em; }
+.letterbars { display: grid; grid-template-columns: repeat(26, 1fr); gap: 2px; height: 46px; align-items: end; }
+.letterbars .col { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; }
+.letterbars .bar { display: block; background: var(--accent); border-radius: 3px 3px 0 0; min-height: 1px; }
+.letterbars .l { font-size: 9.5px; color: var(--dim); text-align: center; line-height: 12px; }
+
+/* ---------------------------------------------------------------- reader */
+.reader-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--cell, 220px), 1fr)); gap: var(--gap); }
+.reader-grid.tiny { --cell: 120px; }
+.rcard { overflow: hidden; display: flex; flex-direction: column; gap: 4px; min-height: 0; max-height: 260px; cursor: pointer; }
+.rcard:hover { outline: 2px solid var(--accent); }
+.rcard h3 { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.rcard .body { font-size: .95em; overflow: hidden; white-space: pre-wrap; overflow-wrap: anywhere; }
+.rcard.tiny { max-height: 90px; padding: 6px 8px; }
+.expand { max-width: 820px; margin: 0 auto; padding: 18px 22px; }
+.expand h2 { font-size: 1.8em; margin-bottom: .1em; }
+.expand { display: flex; flex-direction: column; gap: 8px; }
+.expand .dates b { font-weight: 600; color: var(--text); }
+.expand .text { white-space: pre-wrap; font-size: 1.12em; line-height: 1.6; overflow-wrap: anywhere; }
+.md h1 { font-size: 1.5em; } .md h2 { font-size: 1.3em; } .md pre { background: var(--code); padding: 8px; border-radius: var(--radius); overflow: auto; }
+.md code { font-family: var(--mono); background: var(--code); padding: 0 3px; border-radius: 3px; }
+.md blockquote { margin: .4em 0; padding-left: 10px; border-left: 4px solid var(--accent); color: var(--dim); }
+
+/* ---------------------------------------------------------------- notes */
+/* the view never scrolls itself (its list and its pad do), so nothing drags it sideways */
+.view.notes { overflow: hidden; }
+.notes { position: absolute; inset: 0; display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: var(--gap); min-width: 0; }
+.notes.no-list { grid-template-columns: minmax(0, 1fr); }
+.notes.list-right { grid-template-columns: minmax(0, 1fr) 250px; }
+.notes.list-right .notelist { order: 2; }
+/* slid away: the list waits off its edge and slides in while the pointer is near it */
+.notes.no-list .list-edge { position: absolute; top: 0; bottom: 0; left: 0; width: 10px; z-index: 5; }
+.notes.no-list.list-right .list-edge { left: auto; right: 0; }
+.notes.no-list .notelist { position: absolute; top: 0; bottom: 0; left: 0; width: 250px; z-index: 6;
+ transform: translateX(calc(-100% - 16px)); transition: transform .15s ease; box-shadow: 0 4px 18px rgb(0 0 0 / .25); }
+.notes.no-list.list-right .notelist { left: auto; right: 0; transform: translateX(calc(100% + 16px)); }
+.notes.no-list .list-edge:hover + .notelist, .notes.no-list .notelist:hover, .notes.no-list .notelist:focus-within { transform: none; }
+.notelist { display: flex; flex-direction: column; gap: 6px; padding: 6px; overflow: hidden; min-height: 0; }
+.notelist ul { list-style: none; margin: 0; padding: 0; overflow-y: auto; overflow-x: hidden; flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 2px; }
+.notelist li { padding: 4px 8px; border-radius: var(--radius); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: none; }
+.notelist li .when { display: block; font-size: 11px; color: var(--dim); }
+.notelist li:hover { background: color-mix(in srgb, var(--buttons) 35%, transparent); }
+.notelist li:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
+.notelist li.on { background: var(--accent); color: var(--on-button); }
+.notelist li.on .when { color: inherit; opacity: .8; }
+.editor { display: flex; flex-direction: column; gap: 6px; padding: 8px; min-height: 0; min-width: 0; overflow: hidden; }
+.editor .head { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; min-width: 0; }
+.editor .title { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 60px; max-width: 40%; }
+.tagchips { flex: 1; display: flex; flex-wrap: wrap; gap: 4px; align-items: center; min-width: 120px; }
+.tagchips .chip .x { margin-left: 4px; opacity: .7; }
+.tagchips input.taginput { width: 110px; height: 22px; font-size: 13px; }
+button.plain.on { background: var(--accent); color: var(--on-button); }
+/* the pad: a transparent-glyph textarea over the highlighting layer, both the same box */
+.pad { position: relative; flex: 1; min-height: 0; background: var(--pad); border-radius: 5px; overflow: hidden; }
+.pad textarea, .pad pre.hl {
+ position: absolute; inset: 0; margin: 0; padding: 10px; border: 0; border-radius: 5px;
+ font: 15px/1.45 var(--mono); letter-spacing: 0; tab-size: 4; white-space: pre-wrap; overflow-wrap: anywhere; word-break: normal;
+}
+.pad textarea { width: 100%; height: 100%; resize: none; background: transparent; color: var(--text); z-index: 1; }
+/* both always keep the same scrollbar room, so their lines wrap alike; the layer's is invisible */
+.pad textarea, .pad pre.hl { overflow-y: scroll; overflow-x: hidden; scrollbar-width: thin; }
+.pad textarea::-webkit-scrollbar, .pad pre.hl::-webkit-scrollbar { width: 10px; }
+.pad textarea::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--dim) 45%, transparent); border-radius: 5px; border: 2px solid transparent; background-clip: padding-box; }
+.pad pre.hl { scrollbar-color: transparent transparent; }
+.pad pre.hl::-webkit-scrollbar-thumb, .pad pre.hl::-webkit-scrollbar-track { background: transparent; }
+.pad.hl-on textarea { color: transparent; caret-color: var(--text); }
+.pad.hl-on textarea::selection { background: color-mix(in srgb, var(--accent) 45%, transparent); color: transparent; }
+.pad pre.hl { color: var(--text); pointer-events: none; z-index: 0; background: none; }
+/* the layer's typing segments are blocks, so a changed one lays out on its own (a
+ block's last line break draws no line, and the next block starts a new one: the lines
+ are the same as the text's) */
+.pad pre.hl > span { display: block; contain: layout style; }
+.pad:not(.hl-on) pre.hl { visibility: hidden; }
+.hl .h-m { color: var(--hl-mark); }
+.hl .h-h { color: var(--hl-heading); font-weight: 700; }
+.hl .h-s { font-weight: 700; }
+.hl .h-e { color: var(--hl-emph); font-style: italic; }
+.hl .h-x { color: var(--hl-strike); text-decoration: line-through; }
+.hl .h-c { color: var(--hl-code); background: color-mix(in srgb, var(--code) 70%, transparent); border-radius: 2px; }
+.hl .h-l { color: var(--hl-link); text-decoration: underline; }
+.hl .h-u { color: var(--hl-url); }
+.hl .h-li, .hl .h-t { color: var(--hl-list); font-weight: 700; }
+.hl .h-q { color: var(--hl-quote); }
+.hl .h-g { color: var(--hl-tag); }
+.hl .h-r { color: var(--hl-rule); }
+/* a flagged stretch (spelling, grammar): a wavy underline under the glyphs */
+.hl mark.flag { background: none; color: inherit; text-decoration: underline wavy; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
+.hl mark.flag.spell { text-decoration-color: hsl(2 75% 52%); }
+.hl mark.flag.grammar { text-decoration-color: hsl(215 75% 52%); }
+.spell-pick { position: fixed; z-index: 60; min-width: 160px; display: flex; flex-direction: column; gap: 2px; padding: 6px; background: var(--cards); color: var(--text); border-radius: var(--radius); box-shadow: 0 4px 18px rgb(0 0 0 / .22); }
+.spell-pick button { justify-content: space-between; display: flex; gap: 12px; text-align: left; }
+.spell-note { margin-top: 4px; }
+/* what classifiers say of an entry (views/judge.rs) */
+.judge { display: flex; flex-direction: column; gap: 6px; background: var(--code); border-radius: 5px; padding: 8px 10px; flex: none; max-height: 40%; overflow: auto; }
+.judge-pick { gap: 4px; }
+.judge .chip:not(.on) { background: color-mix(in srgb, var(--buttons) 45%, transparent); color: var(--text); }
+.verdict { display: flex; flex-direction: column; gap: 3px; padding-top: 4px; border-top: 1px solid color-mix(in srgb, var(--dim) 25%, transparent); }
+.verdict .probs { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 2px 14px; }
+.prob { display: flex; align-items: center; gap: 8px; font-size: 12.5px; }
+.prob .c { width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.prob.best .c { font-weight: 700; }
+.prob .p { width: 46px; text-align: right; color: var(--dim); font-variant-numeric: tabular-nums; }
+
+/* ---------------------------------------------------------------- tags, stats, models, filters */
+.taglist { display: flex; flex-wrap: wrap; gap: 4px; }
+.stats-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: var(--gap); }
+.stat b { display: block; font-size: 1.8em; line-height: 1.1; }
+.stat span { font-size: .85em; color: var(--dim); }
+.bars { display: grid; gap: 3px; }
+.hbar { display: grid; grid-template-columns: minmax(80px, 180px) 1fr 50px; gap: 8px; align-items: center; font-size: 13px; }
+.hbar .track { height: 8px; }
+.hbar .fill { display: block; height: 100%; background: var(--accent); border-radius: 0 4px 4px 0; min-width: 3px; }
+.hbar .n { text-align: right; color: var(--dim); font-variant-numeric: tabular-nums; }
+.results { display: flex; flex-direction: column; gap: 2px; }
+.result { display: flex; gap: 8px; align-items: center; padding: 2px 4px; border-radius: 3px; }
+.result:hover { background: color-mix(in srgb, var(--buttons) 25%, transparent); }
+.result .p { width: 52px; text-align: right; font-variant-numeric: tabular-nums; color: var(--dim); font-size: 12.5px; flex: none; }
+.result .t { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.probbar { width: 80px; height: 6px; background: var(--pad); border-radius: 3px; flex: none; overflow: hidden; }
+.probbar span { display: block; height: 100%; background: var(--accent); }
+.builder { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--gap); }
+.builder .card h3 { display: flex; align-items: center; gap: 6px; }
+.cond { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; padding: 3px 0; }
+
+/* ---------------------------------------------------------------- the space */
+/* the space fills the window behind the bars, as the Bevy app's 3D view did; its panels sit
+ between the bars */
+.app.v-space { background: transparent; }
+.view.space { position: fixed; inset: 0; z-index: 0; overflow: hidden; }
+.space { overflow: hidden; background: var(--room-bg, #e4d4be); --over-top: calc(var(--top) + 2 * var(--frame)); --over-bottom: calc(var(--barh) + 2 * var(--frame)); }
+.space-host { position: absolute; inset: 0; overflow: hidden; outline: 0; }
+.space-host.looking { cursor: none; }
+.space-gl, .space-css { position: absolute !important; inset: 0; }
+.space-css { pointer-events: none; overflow: hidden; z-index: 1; }
+.space-css .slabel { position: absolute; left: 0; top: 0; transform-origin: 50% 50%; }
+.slabel {
+ pointer-events: auto; cursor: grab; line-height: 1.15; padding: 0 3px; text-align: center; white-space: pre-wrap; width: max-content;
+ color: var(--room-ink); font-family: var(--font); border-bottom: .12em solid transparent; user-select: none;
+ text-shadow: 0 0 2px var(--room-bg); backface-visibility: hidden;
+}
+.slabel.dragging { cursor: grabbing; }
+/* hovered and selected texts take the Bevy space's accent */
+.slabel.hover, .slabel.selected { color: #e811a0 !important; }
+.slabel.selected { text-decoration: underline dotted; text-decoration-thickness: .06em; }
+.slabel.picked { background: color-mix(in srgb, var(--accent) 40%, transparent); }
+.slabel.pinned::after { content: "•"; font-size: .5em; vertical-align: super; color: var(--accent); margin-left: 2px; }
+.slabel.free { font-style: italic; }
+/* a detached copy (keeps the text it was copied with) and a copy with its own text */
+.slabel.det::before, .slabel.own::before { font-size: .5em; vertical-align: super; color: var(--accent); margin-right: 2px; }
+.slabel.det::before { content: "◇"; }
+.slabel.own::before { content: "◆"; }
+.poscard { position: absolute; top: calc(var(--over-top) + 2px); left: calc(var(--frame) + 2px); z-index: 2; pointer-events: none; white-space: pre; background: color-mix(in srgb, var(--cards) 92%, transparent); color: var(--text); font: 12px var(--mono); padding: 2px 8px; border-radius: var(--radius); }
+/* the space's windows: moved by their title bar, their close button showing on hover */
+.space { --win-w: min(320px, calc(100vw - 16px)); }
+.win {
+ position: absolute; z-index: 4; width: var(--win-w); max-height: calc(100vh - var(--over-top) - var(--over-bottom) - 8px);
+ display: flex; flex-direction: column; background: color-mix(in srgb, var(--cards) 94%, transparent); color: var(--text);
+ border-radius: var(--radius); box-shadow: 0 4px 18px rgb(0 0 0 / .22); font: 13px/1.4 var(--font);
+}
+.win-head { display: flex; align-items: center; gap: 6px; padding: 5px 6px 4px 10px; cursor: move; user-select: none; touch-action: none; border-bottom: 1px solid color-mix(in srgb, var(--dim) 18%, transparent); }
+.win-title { flex: 1; font-weight: 700; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 4px; }
+.win-head .win-title, .win-head .win-title * { pointer-events: none; }
+.win-head .close { opacity: 0; transition: opacity .15s; height: 20px; width: 22px; }
+.win:hover .win-head .close, .win-head .close:focus-visible { opacity: 1; }
+.win-body { padding: 6px 10px 8px; overflow: hidden auto; min-height: 0; }
+.scene-open { min-width: 0; }
+.blocks-add { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 8px; }
+.blocks-add .row, .blocks-sel .row { display: inline-flex; gap: 4px; align-items: center; }
+.blocks-add select { max-width: 120px; }
+.blocks-add input[type=color] { width: 30px; height: 24px; padding: 0 2px; border: 0; background: none; cursor: pointer; }
+.blocks-sel { border-top: 1px solid color-mix(in srgb, var(--dim) 18%, transparent); padding-top: 6px; display: flex; flex-direction: column; gap: 6px; }
+.bfields { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px 8px; }
+.bfield { display: flex; align-items: center; gap: 4px; font: 12px var(--mono); color: var(--dim); }
+.bfield input { width: 100%; min-width: 0; font: 12px var(--mono); padding: 2px 4px; }
+.win-drag { position: fixed; inset: 0; z-index: 90; cursor: move; touch-action: none; user-select: none; }
+.metrics-table { border-collapse: collapse; font-variant-numeric: tabular-nums; }
+.metrics-table th { text-align: left; font-weight: 400; color: var(--dim); padding: 0 6px 0 0; white-space: nowrap; }
+.metrics-table td { padding: 0 12px 0 0; }
+.win .num { cursor: pointer; color: var(--link); }
+.win .num:hover { text-decoration: underline; }
+.win .gsum { font: 11.5px var(--mono); margin: 4px 0; overflow-wrap: anywhere; }
+.win .pf { font-size: 11.5px; color: var(--dim); overflow-wrap: anywhere; }
+.win .pf i { cursor: pointer; color: var(--link); }
+.win svg.triangle polygon { stroke: var(--text); }
+/* the physics panel */
+.win .physics { display: flex; flex-direction: column; gap: 6px; }
+.pgroup h4 { margin: 2px 0 2px; font-size: 12px; color: var(--dim); font-weight: 600; }
+.pslider { display: grid; grid-template-columns: 1fr 92px 38px; gap: 6px; align-items: center; font-size: 12px; }
+.pslider .pname { cursor: default; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.pslider input[type=range] { width: 100%; }
+.pslider .pval { text-align: right; color: var(--dim); font-variant-numeric: tabular-nums; }
+.pslider select { height: 22px; font-size: 12px; }
+.space-empty { position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); z-index: 1; pointer-events: none; width: min(440px, calc(100% - 32px)); text-align: center; color: var(--room-ink); font-size: 15px; }
+.space-help { position: absolute; left: 50%; transform: translateX(-50%); top: calc(var(--over-top) + 4px); width: min(980px, calc(100vw - 24px)); max-height: calc(100vh - var(--over-top) - var(--over-bottom) - 12px); overflow: auto; z-index: 5; font-size: 12.5px; background: color-mix(in srgb, var(--cards) 96%, transparent); color: var(--text); padding: 8px 14px; border-radius: var(--radius); box-shadow: 0 4px 18px rgb(0 0 0 / .22); }
+.space-help .close { position: absolute; right: 6px; top: 6px; }
+.help-cols { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 4px 20px; }
+.help-cols h4 { margin: 4px 0 2px; font-size: 12.5px; color: var(--dim); }
+.help-cols td { padding: 1px 8px 1px 0; vertical-align: top; }
+
+/* zen: the bars fade while you rest (the views keep their room); the top bar can slide away
+ and come back when the pointer nears the top */
+.app .top, .app .dock, .app .mem-head, .app .mem-hover { transition: opacity .6s, transform .25s ease; }
+.app.zen.idle .top, .app.zen.idle .dock, .app.zen.idle .mem-hover { opacity: 0; }
+.app.zen.idle { cursor: none; }
+.app.zen.idle.peek .top { opacity: 1; }
+.app.hide-bar { grid-template-rows: minmax(0, 1fr) auto; }
+.app.hide-bar .top { position: fixed; left: 0; right: 0; top: 0; height: var(--top); z-index: 30; transform: translateY(-100%); box-shadow: 0 2px 10px rgb(0 0 0 / .3); }
+.app.hide-bar.peek .top, .app.hide-bar .top:focus-within { transform: none; }
+
+/* markdown read: the reader's expanded note and the notes view's reading mode */
+.md.rendered { flex: 1; overflow: auto; padding: 4px 10px; min-height: 0; }
+.md { line-height: 1.55; overflow-wrap: anywhere; }
+.md ul, .md ol { padding-left: 1.6em; }
+.md li::marker { color: var(--accent); }
+.md table { border-collapse: collapse; }
+.md th, .md td { padding: 3px 8px; border-bottom: 1px solid color-mix(in srgb, var(--accent) 45%, transparent); }
+.md img { max-width: 100%; }
+.md a { color: var(--link); }
+.import input[type=text] { background: var(--cards); }
+
+/* ---------------------------------------------------------------- classifiers */
+.page.wide { max-width: 1180px; }
+.cls-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: var(--gap); align-items: start; }
+.cls-list { display: flex; flex-direction: column; gap: 2px; padding: 6px; position: sticky; top: 0; max-height: calc(100vh - var(--top) - var(--barh) - 60px); overflow: auto; }
+button.cls-item { display: flex; flex-direction: column; align-items: flex-start; height: auto; padding: 4px 8px; gap: 0; background: none; color: var(--text); text-align: left; white-space: normal; }
+button.cls-item:hover { background: color-mix(in srgb, var(--buttons) 35%, transparent); filter: none; }
+button.cls-item.on { background: var(--accent); color: var(--on-button); }
+button.cls-item .small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; opacity: .85; }
+button.cls-item .state { font-size: 11px; opacity: .7; }
+.cls-main, .cls-page { display: flex; flex-direction: column; gap: var(--gap); min-width: 0; }
+.cls-head h2 { margin: 0 6px 0 0; overflow-wrap: anywhere; }
+.chip.cls-class { background: hsl(var(--hue) 40% 52%); color: #fff; }
+.form { display: grid; grid-template-columns: minmax(110px, 170px) minmax(0, 1fr); gap: 6px 12px; align-items: center; padding: 4px 0 8px; }
+.form > label { color: var(--dim); }
+.form .col { display: flex; flex-direction: column; gap: 4px; }
+.card h3 { display: flex; align-items: center; gap: 6px; }
+.progress { height: 10px; background: var(--pad); border-radius: 5px; overflow: hidden; margin: 6px 0 4px; }
+.progress span { display: block; height: 100%; background: var(--accent); transition: width .3s; }
+svg.spark { display: block; margin-top: 4px; overflow: visible; }
+svg.spark polyline { fill: none; stroke: var(--accent); stroke-width: 1.5; stroke-linejoin: round; }
+table.confusion { border-collapse: collapse; font-size: 12.5px; margin-top: 6px; font-variant-numeric: tabular-nums; }
+table.confusion th, table.confusion td { padding: 2px 8px; text-align: right; border-bottom: 1px solid color-mix(in srgb, var(--dim) 20%, transparent); }
+table.confusion th:first-child { text-align: left; }
+table.confusion thead th { font-weight: 400; color: var(--dim); }
+table.confusion td.hit { font-weight: 700; }
+table.confusion td.miss { color: var(--bad); }
+.result.best .t { font-weight: 700; }
+.cls-new .chip.on, .cls-page .chip.on { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--text) 60%, transparent); font-weight: 600; }
+.result .t .swatch { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: hsl(var(--hue) 45% 55%); margin-right: 6px; }
+.probbar.wide { width: min(260px, 34%); height: 8px; }
+.num { font: 12px var(--mono); color: var(--dim); width: 44px; text-align: right; flex: none; }
+.t.dim.small { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
+.starters .starter { padding: 10px 0; border-top: 1px solid var(--pad); display: flex; flex-direction: column; gap: 4px; }
+.starters .starter .row { flex-wrap: wrap; gap: 6px; align-items: center; }
+.held-out .big { font-size: 1.6em; }
+@media (max-width: 700px) { .cls-layout { grid-template-columns: 1fr; } .cls-list { position: static; max-height: 30vh; } }
+/* the page's controls sit at the right: their tips open leftwards, inside the window */
+.page.wide [data-tip]::after { left: auto; right: 0; transform: none; }
+/* a classifier's colours in the memory view */
+.tint-legend { display: flex; flex-wrap: wrap; gap: 4px 12px; justify-content: center; padding: 3px; font: 12.5px var(--font); color: #ddd; }
+.tint-legend .dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 5px; }
+.tintpick { gap: 4px; margin-left: 6px; }
+.tintpick .icon-l { display: inline-flex; color: var(--bar-dim); }
+.tintpick select { border-radius: var(--radius); height: 20px; padding: 0 18px 0 6px; background-position: right 5px center; font-size: 12px; background: transparent; color: var(--bar-text); border: 1px solid color-mix(in srgb, var(--bar-dim) 45%, transparent); }
+.tintpick select option { color: #000; background: #fff; }
+
+/* ---------------------------------------------------------------- spec models */
+.mtabs { display: flex; gap: 0; flex: none; border-radius: var(--radius); overflow: hidden; margin-right: 6px; }
+.mtabs button.mtab { border-radius: 0; background: color-mix(in srgb, var(--buttons) 40%, transparent); color: var(--text); font-size: 1.05em; font-weight: 600; }
+.mtabs button.mtab.on { background: var(--accent); color: var(--on-button); }
+.spec-editor { display: flex; flex-direction: column; gap: 4px; }
+.spec-editor textarea.spec-text { width: 100%; font: 13px/1.45 var(--mono); padding: 8px 10px; resize: vertical; tab-size: 2; white-space: pre; overflow: auto; }
+.spec-err { display: flex; gap: 6px; align-items: baseline; color: var(--bad); overflow-wrap: anywhere; }
+.spec-err code { font: 12px var(--mono); background: color-mix(in srgb, var(--bad) 14%, transparent); padding: 0 4px; border-radius: 3px; flex: none; }
+.spec-ok { color: var(--dim); display: flex; gap: 4px; align-items: center; }
+.spec-head h4 { margin: 8px 0 2px; font-size: 13px; color: var(--dim); font-weight: 600; }
+.spec-out { font: 14px/1.45 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; background: var(--pad); padding: 6px 8px; border-radius: var(--radius); }
+.spec-img { image-rendering: pixelated; width: 192px; border-radius: var(--radius); }
+.row.wrap { flex-wrap: wrap; }
+.cands { gap: 6px; margin-top: 6px; }
+.cand { padding: 4px 6px; border-radius: var(--radius); background: color-mix(in srgb, var(--pad) 60%, transparent); }
+.cand.broken { opacity: .6; }
+.cand .cand-text { flex: 1; font: 13.5px/1.4 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; min-width: 0; }
+.cand .p { width: 38px; text-align: right; color: var(--dim); font-variant-numeric: tabular-nums; flex: none; }
+.cand .chip { font-size: 11.5px; }
+.menu .kindrow { display: flex; gap: 8px; align-items: center; padding: 2px 10px 6px; flex-wrap: wrap; }
+.menu .kindrow label { display: flex; gap: 6px; align-items: center; }
+.menu .kindrow select { height: 24px; }
+
+/* the pictures panel (views/pictures.rs) */
+.pictures { flex: none; display: flex; flex-direction: column; gap: 8px; }
+.pictures.over { box-shadow: inset 0 0 0 2px var(--accent); }
+.pictures label.button { display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 9px; border-radius: var(--radius); background: var(--buttons); color: var(--on-button); cursor: pointer; }
+.pictures .chips { flex-wrap: wrap; gap: 4px; }
+.pic-drop { border: 1px dashed color-mix(in srgb, var(--dim) 60%, transparent); border-radius: var(--radius); padding: 18px; text-align: center; }
+.pic-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--gap); }
+.pic { display: flex; flex-direction: column; gap: 4px; background: var(--pad); border-radius: var(--radius); padding: 6px; min-width: 0; }
+.pic img { width: 100%; height: 128px; object-fit: contain; image-rendering: auto; background: color-mix(in srgb, var(--dim) 12%, transparent); border-radius: var(--radius); }
+.pic-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.pic-lists { display: flex; flex-wrap: wrap; gap: 3px; min-height: 0; }
+.pic-lists .chip button.plain { height: 16px; width: 16px; padding: 0; }
+.pic-tools input { flex: 1; height: 24px; }
+
+/* the memory view's search filter (views/memory.rs) */
+.filter-panel { position: fixed; right: 12px; bottom: 84px; font-family: var(--font); z-index: 40; width: min(420px, calc(100vw - 24px)); max-height: 60vh; overflow: auto; background: var(--cards); color: var(--text); border-radius: var(--radius); padding: 8px 10px; box-shadow: 0 4px 18px rgba(0,0,0,.35); display: flex; flex-direction: column; gap: 6px; font-size: 13px; }
+.filter-panel .fgroup { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
+.filter-panel .fgroup > span:first-child { min-width: 64px; }
+.filter-panel .chip:not(.on) { background: color-mix(in srgb, var(--buttons) 35%, transparent); color: var(--text); }
+.filter-note { text-align: center; color: #bbb; font-size: 12px; padding: 2px; }
+.filter-square { margin-left: 6px; }
+
+/* the editor's replacements (views/notes.rs) */
+.editor .replace { gap: 6px; flex-wrap: wrap; }
+.editor .replace select { max-width: 280px; }
+.editor .replace input { width: min(260px, 100%); }
+
+/* the classifier page's tabs and extras (views/clsmore.rs) */
+.cls-tabs { display: flex; gap: 4px; padding: 4px 6px; }
+.cls-tabs button { gap: 6px; }
+table.growth { border-collapse: collapse; font-size: 12.5px; width: 100%; font-variant-numeric: tabular-nums; }
+table.growth th { text-align: left; font-weight: 400; color: var(--dim); padding: 2px 8px 2px 0; }
+table.growth td { padding: 2px 8px 2px 0; border-top: 1px solid color-mix(in srgb, var(--dim) 15%, transparent); }
+.bgrid { display: grid; grid-template-columns: minmax(110px, 180px) 46px 1fr; gap: 4px 10px; align-items: center; margin: 6px 0; }
+.bscale { display: flex; justify-content: space-between; }
+button.bclass { justify-content: flex-start; gap: 6px; color: var(--text); height: 26px; }
+.bclass .dot { width: 10px; height: 10px; border-radius: 2px; display: inline-block; }
+.bands { display: grid; grid-template-columns: repeat(10, 1fr); gap: 3px; height: 30px; }
+button.band { height: 30px; padding: 0; background: color-mix(in srgb, var(--pad) 70%, transparent); border-radius: 3px; display: flex; align-items: flex-end; overflow: hidden; }
+button.band span { display: block; width: 100%; min-height: 0; border-radius: 0 0 3px 3px; }
+button.band:hover { box-shadow: inset 0 0 0 1px var(--accent); }
+.bucket-texts { border-top: 1px solid color-mix(in srgb, var(--dim) 25%, transparent); padding-top: 6px; margin-top: 4px; max-height: 360px; overflow: auto; }
+.result .t { cursor: pointer; }
+.wide-label { margin-top: 6px; font-weight: 600; color: var(--text) !important; }
+h3 .dim.small, h3 .small { font-weight: 400; }
+
+/* the filters' builder (views/flt.rs) */
+.fgroup { display: flex; flex-direction: column; gap: 4px; padding: 6px 8px; border-left: 3px solid color-mix(in srgb, var(--accent) 60%, transparent); background: color-mix(in srgb, var(--pad) 45%, transparent); border-radius: var(--radius); margin: 2px 0; }
+.fgroup.root { border-left-color: var(--accent); }
+.fgroup .cond { gap: 6px; padding: 2px 0; }
+.fgroup select { height: 24px; }
+.kept { padding: 3px 0; border-top: 1px solid color-mix(in srgb, var(--dim) 15%, transparent); }
+
+/* the bars swapped: the command bar at the top, the top bar at the bottom */
+.app.swapped { grid-template-rows: auto minmax(0, 1fr) var(--top); }
+.app.swapped .dock { order: -1; }
+.app.swapped .views { order: 0; }
+.app.swapped .top { order: 1; }
+.app.swapped [data-tip].tip-up::after { bottom: auto; top: calc(100% + 6px); }
+/* the forge (views/forge.rs) */
+.dialog.forge { width: min(1100px, calc(100vw - 16px)); }
+.forge-cols { display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: 12px; }
+.fcol { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
+.fcol h3 { margin: 4px 0; }
+.fsave button { width: 26px; padding: 0; font-weight: 700; }
+.fsample { max-height: 180px; overflow: auto; background: var(--pad); border-radius: var(--radius); padding: 4px 8px; }
+a.btn { text-decoration: none; }
+.top .side, .top .status { z-index: 1; }
+@media (max-width: 800px) { .forge-cols { grid-template-columns: 1fr; } }
+.hbar button.tag-open { justify-content: flex-start; height: 20px; padding: 0 4px; color: var(--link); }
+
+/* the hub section (views/hubui.rs) */
+.hub-list { display: flex; flex-direction: column; gap: 4px; max-height: 340px; overflow: auto; background: var(--pad); border-radius: var(--radius); padding: 6px 8px; }
+.hub-item { padding: 3px 0; border-bottom: 1px solid color-mix(in srgb, var(--dim) 18%, transparent); }
+.progress + .row .device { color: var(--accent); font-weight: 600; }
+/* the room never selects as text when dragged across */
+.space-host, .space-host * { user-select: none; -webkit-user-select: none; }
+
+.menu.smenu { max-height: calc(100vh - 16px); overflow-y: auto; }
+.scenes { display: flex; flex-direction: column; gap: 3px; }
+.scene { display: flex; align-items: center; gap: 4px; }
+.scene.on .scene-open b { color: var(--link); }
+.scene-open { flex: 1; justify-content: flex-start; text-align: left; overflow: hidden; }
+.scene-name { flex: 1; min-width: 0; }
+.scene-save { margin-top: 6px; gap: 4px; }
+.scene-save input { flex: 1; min-width: 0; }
+.scenes input { font: 13px var(--font); background: var(--pad, #ddd); color: var(--text); border: 0; border-radius: var(--radius); padding: 3px 6px; }
+.cmdbar select.search-mode { height: 22px; font-size: 11.5px; padding: 0 18px 0 6px; background-color: color-mix(in srgb, var(--bar-text) 10%, transparent); color: var(--bar-text); border: 0; }
+.checkpoints { display: flex; flex-direction: column; gap: 3px; padding: 2px 0 6px 12px; border-left: 2px solid color-mix(in srgb, var(--accent) 50%, transparent); }
+.checkpoints .checkpoint { gap: 8px; align-items: center; }
+.checkpoints .grow { flex: 1; }
+/* a placement's size: − value + (the space's menu and details window) */
+.size-row { flex-wrap: nowrap; gap: 4px; padding: 2px 0; }
+.size-row > * { flex: none; }
+.smenu .size-row { padding: 4px 12px; }
+.size-row .num { white-space: nowrap; width: 14ch; text-align: center; }
+.size-row button.btn.small { width: auto; min-width: 26px; padding: 1px 8px; justify-content: center; }
+/* chains in the space: the members hang under their head, a rule at their left */
+.slabel.member { border-left: 2px solid color-mix(in srgb, var(--accent) 80%, transparent); padding-left: 5px; }
+.slabel.chain-head { font-weight: 600; }
+.menu .rot-up { transform: rotate(-90deg); }
+.menu .rot-down { transform: rotate(90deg); }
+/* a block's turn and bend (the blocks window) */
+.turn-row { gap: 4px; margin: 4px 0; }
+.blocks-sel details.bend { margin: 4px 0 6px; }
+.blocks-sel details.bend summary { cursor: pointer; font-weight: 600; }
+.bend-editor { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
+.bend-part { display: flex; flex-direction: column; gap: 2px; }
+.bend-curve { background: color-mix(in srgb, var(--pad, #ddd) 70%, transparent); border-radius: var(--radius); touch-action: none; }
+.bend-curve .axis { stroke: color-mix(in srgb, var(--dim) 50%, transparent); stroke-dasharray: 3 3; }
+.bend-curve .handle { stroke: color-mix(in srgb, var(--accent) 70%, transparent); }
+.bend-curve .curve { fill: none; stroke: var(--text); stroke-width: 2; }
+.bend-curve .ctl { fill: var(--accent); stroke: var(--text); cursor: ns-resize; }
+.bend-curve .catch { fill: transparent; cursor: ns-resize; }
+.bend-slider { display: grid; grid-template-columns: 9em 1fr 3.5em; gap: 6px; align-items: center; font-size: 12px; }
+.bend-slider .num { width: auto; }
+
+/* a colour as hue, saturation, lightness and hex (settings, looks) */
+.hsl-edit { display: flex; flex-direction: column; gap: 6px; }
+.hsl-sliders { display: grid; gap: 4px; }
+.hsl-sliders label { display: grid; grid-template-columns: 6.5em 1fr 3.5em; gap: 8px; align-items: center; font-size: 12.5px; }
+.hsl-sliders .num { width: auto; }
+.hsl-swatch { display: block; height: 18px; border-radius: var(--radius); border: 1px solid color-mix(in srgb, var(--text) 25%, transparent); }
+.hsl-sliders input.hue { accent-color: var(--accent); }
+/* the textures window: saved recipes, then the pipeline's steps from source to use */
+.tx-saved { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
+.tx-item { display: flex; flex-direction: column; align-items: center; gap: 2px; width: 64px; }
+.tx-item canvas { width: 56px; height: 56px; border-radius: 4px; cursor: pointer; box-shadow: 0 0 0 1px color-mix(in srgb, var(--dim) 30%, transparent); }
+.tx-item span { max-width: 64px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.tx-item button { padding: 0 4px; height: 18px; }
+.tx-steps { display: flex; flex-direction: column; }
+.tx-step { border: 1px solid color-mix(in srgb, var(--dim) 22%, transparent); border-radius: 6px; padding: 6px 8px; display: flex; flex-direction: column; gap: 6px; }
+.tx-step-head { display: flex; align-items: center; gap: 6px; min-width: 0; }
+.tx-step-head .dim { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.tx-n { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--accent); color: var(--on-button); font-size: 11px; font-weight: 700; flex: none; }
+.tx-arrow { text-align: center; color: var(--dim); line-height: 14px; }
+.tx-step .row { display: flex; gap: 6px; align-items: center; }
+.tx-step .row.wrap { flex-wrap: wrap; }
+.tx-step select { max-width: 150px; }
+.tx-step input[type=color] { width: 30px; height: 24px; padding: 0 2px; border: 0; background: none; cursor: pointer; }
+.tx-crop { position: relative; align-self: center; touch-action: none; }
+.tx-crop canvas { width: 100%; height: 100%; display: block; border-radius: 3px; }
+.tx-cropbox { position: absolute; border: 2px solid var(--accent); box-shadow: 0 0 0 9999px rgba(0, 0, 0, .35); pointer-events: none; box-sizing: border-box; }
+.tx-crop { overflow: hidden; }
+.tx-crop-grip { position: absolute; inset: 0; cursor: crosshair; }
+.tx-tile-row { display: flex; gap: 8px; align-items: center; }
+.tx-tile-row canvas { width: 96px; height: 96px; flex: none; border-radius: 3px; }
+.tx-sliders { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
+.tx-sliders label { display: flex; align-items: center; gap: 6px; font-size: 12px; }
+.tx-sliders label span { width: 46px; color: var(--dim); }
+.tx-sliders input { flex: 1; min-width: 0; }
+.tx-patch { width: 200px; height: 200px; align-self: center; border-radius: 3px; }
+.win:has(.tx-steps) { --win-w: min(360px, calc(100vw - 16px)); }
+.tx-name { flex: 1; min-width: 0; height: 24px; }
+.tx-faces button { padding: 0 6px; }
+/* the lights window */
+.lt-add { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin-bottom: 6px; }
+.lt-list { display: flex; flex-direction: column; gap: 2px; margin-bottom: 6px; }
+.lt-row { display: flex; justify-content: flex-start; width: 100%; align-items: center; gap: 8px; padding: 3px 6px; border-radius: 4px; background: none; border: 0; text-align: left; color: inherit; cursor: pointer; }
+.lt-row:hover { background: color-mix(in srgb, var(--dim) 12%, transparent); }
+.lt-row.on { background: color-mix(in srgb, var(--accent) 30%, transparent); }
+.lt-swatch { width: 14px; height: 14px; border-radius: 50%; box-shadow: 0 0 0 1px color-mix(in srgb, var(--dim) 40%, transparent); flex: none; }
+.lt-edit { display: flex; flex-direction: column; gap: 4px; border-top: 1px solid color-mix(in srgb, var(--dim) 18%, transparent); padding-top: 6px; }
+.lt-edit .row { display: flex; gap: 6px; align-items: center; }
+.lt-edit .row.wrap { flex-wrap: wrap; }
+.lt-edit input[type=color] { width: 30px; height: 24px; padding: 0 2px; border: 0; background: none; cursor: pointer; }
+.lt-slider { display: flex; align-items: center; gap: 6px; font-size: 12px; }
+.lt-slider > span:first-child { width: 62px; color: var(--dim); flex: none; }
+.lt-slider input { flex: 1; min-width: 0; }
+.lt-slider .dim { width: 64px; text-align: right; flex: none; }
+.zone-row { display: flex; flex-direction: column; gap: 3px; margin: 4px 0; }
+.zone-row .lt-slider > span:first-child { width: 84px; }
+.zone-row .lt-slider button { width: 76px; padding: 0 4px; flex: none; }
+.zone-row .lt-slider .dim { width: 76px; text-align: center; }
+/* the spec builder: the spec's parts as controls, beside the JSON view */
+.sb-tabs { gap: 4px; margin: 6px 0; }
+.sb-tabs .tab { border: 0; background: none; padding: 3px 10px; border-radius: var(--radius); color: var(--text); display: inline-flex; gap: 4px; align-items: center; cursor: pointer; }
+.sb-tabs .tab.on { background: var(--accent); color: var(--on-button); }
+.sb { display: flex; flex-direction: column; gap: 10px; }
+.sb-top-err { display: flex; gap: 6px; align-items: center; }
+.sb-sec { border: 1px solid color-mix(in srgb, var(--dim) 22%, transparent); border-radius: 6px; padding: 8px 10px; display: flex; flex-direction: column; gap: 6px; }
+.sb-sec h4 { margin: 0 0 2px; font-size: 13.5px; }
+.sb-sec h4.sb-sub { margin-top: 6px; }
+.sb-row { display: grid; grid-template-columns: 120px 1fr; gap: 8px; align-items: center; }
+.sb-row.bad .sb-label { color: var(--bad); }
+.sb-label { font-size: 12.5px; color: var(--dim); }
+.sb-ctl { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-width: 0; }
+.sb-help { font-size: 11.5px; color: var(--dim); }
+.sb-err { font-size: 12px; color: var(--bad); display: inline-flex; gap: 4px; align-items: center; flex-basis: 100%; }
+.sb-num { width: 110px; height: 26px; }
+.sb-text { min-width: 140px; flex: 1; height: 26px; }
+.sb-short { flex: none; min-width: 0; width: 60px; }
+.sb-pick { height: 26px; max-width: 260px; }
+.sb-slide { display: inline-flex; gap: 6px; align-items: center; flex: 1; min-width: 200px; }
+.sb-slide input { flex: 1; }
+.sb-val { width: 54px; font-size: 12px; text-align: right; }
+.sb-pair { display: inline-flex; gap: 6px; align-items: center; }
+.sb-ticks { display: inline-flex; flex-wrap: wrap; gap: 10px; }
+.sb-tick { display: inline-flex; gap: 4px; align-items: center; font-size: 12.5px; }
+.sb-chips { display: inline-flex; flex-wrap: wrap; gap: 4px; align-items: center; }
+.sb-chips .chip { display: inline-flex; gap: 2px; align-items: center; }
+.sb-chips .chip button { padding: 0 3px; height: 16px; line-height: 1; }
+.sb-chip-in { width: 120px; height: 24px; }
+.sb-values { display: inline-flex; flex-wrap: wrap; gap: 6px; }
+.sb-value { display: inline-flex; gap: 4px; align-items: center; }
+.sb-value .sb-num { width: 80px; }
+.sb-item { border-left: 3px solid color-mix(in srgb, var(--accent) 60%, transparent); padding: 4px 0 4px 8px; display: flex; flex-direction: column; gap: 5px; }
+.sb-item-head { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
+.sb-n { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: color-mix(in srgb, var(--accent) 40%, transparent); font-size: 11px; font-weight: 700; flex: none; }
+.sb-inline { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
+.sb-more summary { cursor: pointer; font-size: 12.5px; color: var(--dim); margin-bottom: 4px; }
+.sb-sec > button.btn, .sb-sec > button.plain { align-self: flex-start; }
+.sb-diagram { display: block; font-size: 10.5px; }
+.sb-diagram text { fill: var(--text); }
+.sb-diagram rect { stroke: color-mix(in srgb, var(--text) 35%, transparent); stroke-width: 1; }
+.sb-d-in { fill: color-mix(in srgb, var(--accent) 22%, transparent); }
+.sb-d-trunk { fill: color-mix(in srgb, var(--accent) 45%, transparent); }
+.sb-d-head { fill: color-mix(in srgb, hsl(140 40% 50%) 30%, transparent); }
+.sb-d-data { fill: color-mix(in srgb, hsl(210 50% 55%) 25%, transparent); }
+.sb-d-critic { fill: color-mix(in srgb, hsl(0 50% 55%) 25%, transparent); }
+.sb-d-line { stroke: color-mix(in srgb, var(--text) 45%, transparent); stroke-width: 1.2; }
+.sb-d-teach { fill: none; stroke: hsl(210 50% 55%); stroke-width: 1.2; stroke-dasharray: 4 3; }
+.sb-d-judge { stroke: hsl(0 50% 55%); stroke-width: 1.2; stroke-dasharray: 2 2; }
+@media (max-width: 560px) { .sb-row { grid-template-columns: 1fr; } }
+/* the animations window */
+.anim-list { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 6px; }
+.anim-edit { display: flex; flex-direction: column; gap: 6px; }
+.anim-edit .row { display: flex; gap: 6px; align-items: center; }
+.anim-edit .row.wrap { flex-wrap: wrap; }
+.anim-timing { display: flex; gap: 8px; align-items: flex-start; }
+.anim-named { display: flex; flex-direction: column; gap: 2px; align-items: flex-start; }
+.anim-curve .anim-box { fill: none; stroke: color-mix(in srgb, var(--dim) 30%, transparent); stroke-dasharray: 2 3; }
+.anim-track { position: relative; height: 40px; margin: 0 8px; }
+.anim-key { position: absolute; top: 0; transform: translateX(-50%); background: none; border: 0; padding: 0; font-size: 15px; line-height: 16px; color: var(--dim); cursor: pointer; }
+.anim-key, .anim-key.on, .anim-key:hover { background: none !important; box-shadow: none; width: auto; height: auto; min-width: 0; }
+.anim-key.on { color: var(--accent); font-size: 18px; }
+.anim-scrub { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; }
+.anim-keyed { display: flex; flex-direction: column; gap: 4px; border-top: 1px solid color-mix(in srgb, var(--dim) 18%, transparent); padding-top: 6px; }
+.anim-vec { display: flex; flex-direction: column; gap: 2px; }
+.anim-vec .lt-slider > span:first-child { width: 20px; }
+.anim-use { display: flex; flex-direction: column; gap: 3px; border-top: 1px solid color-mix(in srgb, var(--dim) 18%, transparent); padding-top: 6px; }
+/* s code in the notes view: right-aligned, so the acting words stand in a column */
+.pad.code textarea, .pad.code .hl { text-align: right; }
+.hl .h-sc { color: var(--hl-heading); font-weight: 700; }
+.hl .h-ss { color: var(--hl-mark); font-weight: 700; }
+.hl .h-sl { color: var(--hl-code); }
+.hl .h-sv { color: var(--hl-tag); }
+.hl .h-sn { color: var(--hl-link); }
+.hl .h-sb { color: var(--hl-url); }
+.hl .h-se { color: var(--hl-mark); font-style: italic; }
+.s-run { margin-top: 6px; border: 1px solid color-mix(in srgb, var(--dim) 25%, transparent); border-radius: 6px; padding: 6px 10px; }
+.s-run .row { display: flex; align-items: center; gap: 6px; }
+.s-out { font: 13px/1.45 var(--mono); white-space: pre-wrap; margin: 4px 0 0; max-height: 240px; overflow: auto; }
+.s-err { font: 13px/1.45 var(--mono); color: var(--bad); white-space: pre-wrap; margin: 4px 0 0; }
+
+/* the wiring window: blocks that cast rays and run programs */
+.wire-sec { display: flex; flex-direction: column; gap: 4px; padding: 6px 0; border-top: 1px solid color-mix(in srgb, var(--dim) 25%, transparent); }
+.wire-sec .check { display: inline-flex; align-items: center; gap: 3px; margin-right: 6px; cursor: pointer; }
+.wire-sec select, .wire-sec input[type="text"], .wire-sec input[type="number"] { min-width: 0; flex: 1; }
+.wire-targets { display: flex; flex-wrap: wrap; gap: 4px; }
+.wire-targets .chip button { padding: 0 2px; }
+.wire-log { display: flex; flex-direction: column; gap: 3px; padding-top: 6px; border-top: 1px solid color-mix(in srgb, var(--dim) 25%, transparent); max-height: 180px; overflow: auto; }
+.wire-log pre { margin: 2px 0 0; }
+
+/* the prefabs window: the menu's cards, each with its picture */
+.pf-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); gap: 8px; }
+.pf-card { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
+.pf-card b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.pf-card input { min-width: 0; }
+.pf-thumb { width: 100%; height: auto; min-height: 0; aspect-ratio: 1; padding: 0; overflow: hidden; display: grid; place-items: center; background: color-mix(in srgb, var(--dim) 12%, transparent); border-radius: var(--radius); }
+.pf-thumb img { display: block; width: 100%; height: 100%; object-fit: contain; }
+.pf-copy { border-top: 0; }
+
+/* the sounds window */
+.snd-row { gap: 6px; align-items: center; }
+.snd-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; }
+
+/* s code: inline results, the stepped token, completion, the outline, the debugger */
+.pad pre.hl .s-note { position: absolute; left: 10px; max-width: 42%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--dim); font-style: italic; font-size: .88em; text-align: left; pointer-events: none; }
+.pad pre.hl mark.s-at { background: color-mix(in srgb, var(--accent) 45%, transparent); color: inherit; border-radius: 2px; }
+.s-compl { gap: 4px; padding: 4px 2px 0; }
+.s-outline { display: flex; flex-direction: column; gap: 2px; padding: 6px 8px; border-radius: 5px; background: var(--card); max-height: 220px; overflow: auto; }
+.s-outline .s-item { justify-content: flex-start; gap: 4px; height: auto; padding: 2px 4px; }
+.s-dbg .s-stack { gap: 4px; padding: 4px 0; }
+.s-dbg .s-vals { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 2px 10px; padding: 4px 0; }
+.s-dbg .s-unit { font-size: .9em; }
+
+/* ---------------------------------------------------------------- taxonomies */
+.tax-node { display: flex; flex-direction: column; gap: 4px; }
+.tax-node > .row { gap: 8px; align-items: center; flex-wrap: wrap; }
+.tax-route { display: flex; flex-direction: column; gap: 4px; margin-left: 14px; }
+.tax-route > .row { gap: 8px; align-items: center; flex-wrap: wrap; }
+.tax-class { font-weight: 600; overflow-wrap: anywhere; }
+.tax-sub { margin-left: 10px; padding: 4px 0 4px 12px; border-left: 2px solid color-mix(in srgb, var(--accent) 55%, transparent); }
+input.tax-title { font-size: 1.2em; font-weight: 700; min-width: 0; flex: 1 1 200px; }
+.tax-step .t { white-space: normal; }
+.tax-which { flex-wrap: wrap; gap: 6px; align-items: center; margin: 0 0 6px 52px; }
+input.tax-about { width: 100%; }
+
+/* ---------------------------------------------------------------- pipes */
+.pipe-parts { display: flex; flex-direction: column; gap: 4px; padding: 6px 0; border-top: 1px solid var(--pad); margin-top: 6px; }
+.pipe-parts > .row { gap: 8px; align-items: center; flex-wrap: wrap; }
+.pipe-n { display: inline-grid; place-items: center; min-width: 16px; height: 16px; border-radius: 8px; background: var(--accent); color: var(--on-button); font-size: 11px; font-weight: 700; }
+.fx-label { display: inline-block; margin-left: 6px; padding: 0 5px; border-radius: 7px; font-size: 0.6em; vertical-align: middle; background: color-mix(in srgb, var(--accent) 80%, transparent); color: var(--on-button); text-decoration: none; }
+/* the reader's views of one's own */
+.chip.own { font-style: italic; }
+.reader-head { margin: 12px 0 4px; grid-column: 1 / -1; display: flex; gap: 6px; align-items: baseline; }
+.reader-list { display: flex; flex-direction: column; gap: 2px; }
+.reader-list .reader-head { margin: 10px 0 2px; }
+.rrow { padding: 4px 8px; border-radius: var(--radius); background: var(--cards); cursor: pointer; display: flex; gap: 8px; align-items: baseline; }
+.rrow:hover { background: color-mix(in srgb, var(--buttons) 30%, var(--cards)); }
+.rrow h3 { margin: 0; font-size: 1em; }
+.rrow .body { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.view-title { font-style: italic; }
+
+/* ---------------------------------------------------------------- tag sets */
+.chip.ts-type { background: color-mix(in srgb, var(--c) 30%, var(--cards)); box-shadow: inset 3px 0 0 var(--c); }
+.swatch-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; }
+.ts-words { display: flex; flex-wrap: wrap; gap: 6px 4px; padding: 8px 0; align-items: flex-start; }
+.ts-word { display: inline-flex; flex-direction: column; align-items: center; gap: 2px; }
+.ts-word > button.plain { display: inline-flex; flex-direction: column; align-items: center; height: auto; padding: 2px 6px; border-radius: var(--radius); border-bottom: 3px solid var(--c); }
+.ts-word .w { font-size: 1.15em; }
+.ts-word .l { font-size: 11px; color: var(--dim); }
+.ts-word.flagged .w { text-decoration: underline wavy #d6453d; }
+.ts-pick, .ts-suggest { display: flex; gap: 3px; flex-wrap: wrap; justify-content: center; }
+.row.wrap { flex-wrap: wrap; }
+
+/* ---------------------------------------------------------------- the selection of many */
+.slabel.multi { outline: 2px solid #3f8cff; outline-offset: 2px; border-radius: 3px; }
+.selbox { position: fixed; z-index: 50; border: 1px solid #3f8cff; background: rgba(63, 140, 255, 0.12); pointer-events: none; }
+.multibar { position: absolute; left: 50%; transform: translateX(-50%); bottom: 64px; z-index: 30; display: flex; gap: 10px; align-items: center; padding: 6px 10px; border-radius: 8px; background: var(--cards); box-shadow: 0 2px 12px rgb(0 0 0 / .25); max-width: calc(100% - 32px); flex-wrap: wrap; }
+.notelist li.picked { box-shadow: inset 3px 0 0 #3f8cff; background: color-mix(in srgb, #3f8cff 14%, transparent); }
+.many { display: flex; flex-direction: column; gap: 4px; padding: 6px; margin: 4px 0; border-radius: var(--radius); background: color-mix(in srgb, #3f8cff 12%, var(--cards)); }
+.many .row { gap: 4px; flex-wrap: wrap; }
+.many input { min-width: 0; flex: 1; }
+.listcard.picked { box-shadow: inset 4px 0 0 #3f8cff; }
+/* the space drawn natively under the page: the page is see-through over it */
+.app:has(.space-host.native) { background: transparent; }
+.space-host.native { background: transparent; }
+
+/* the native room's picture in the page (macOS, Windows): under everything in the space */
+.space-frame { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; user-select: none; }
diff --git a/app/src/theme.rs b/app/src/theme.rs
new file mode 100644
index 00000000..6c0702e3
--- /dev/null
+++ b/app/src/theme.rs
@@ -0,0 +1,233 @@
+//! The colours: every one has a role (as in the web and Bevy apps) and a CSS variable.
+//! Sand is the old admin panel's; night, paper and sea start from it.
+
+use std::collections::BTreeMap;
+
+pub const ROLES: [(&str, &str); 13] = [
+ ("window", "--window"),
+ ("bars", "--bars"),
+ ("bar text", "--bar-text"),
+ ("bar labels", "--bar-dim"),
+ ("cards", "--cards"),
+ ("writing pad", "--pad"),
+ ("buttons", "--buttons"),
+ ("accent", "--accent"),
+ ("text", "--text"),
+ ("dim text", "--dim"),
+ ("links", "--link"),
+ ("code", "--code"),
+ ("space room", "--room"),
+];
+
+const SAND: [&str; 13] = [
+ "#927a4f", "#404040", "#ebebeb", "#9e9e9e", "#ffffff", "#dbd4c8", "#c4b28f", "#c4a265", "#2e2e2e", "#6b6b6b",
+ "#86592a", "#e9e5de", "#e4d4be",
+];
+const NIGHT: [&str; 13] = [
+ "#1d1b19", "#2b2825", "#e8e2d8", "#9a9184", "#2f2c29", "#3a3632", "#6b5d48", "#a8875a", "#e6dfd4", "#a39a8d",
+ "#d9a066", "#26231f", "#26221e",
+];
+const PAPER: [&str; 13] = [
+ "#e9e6df", "#d9d4ca", "#2e2b27", "#77706a", "#fbfaf7", "#f2efe8", "#d6cfc2", "#b9a688", "#2b2926", "#7a746c",
+ "#8a4f22", "#ece8df", "#f1ede4",
+];
+const SEA: [&str; 13] = [
+ "#4d6e78", "#2c3b40", "#ebebeb", "#9e9e9e", "#f6fafa", "#d5e2e4", "#9dbcc2", "#6f9ea7", "#2e2e2e", "#6b6b6b",
+ "#2d6470", "#e3eced", "#d8e4e3",
+];
+
+pub const PALETTES: [&str; 4] = ["sand", "night", "paper", "sea"];
+
+pub fn palette(name: &str) -> &'static [&'static str; 13] {
+ match name {
+ "night" => &NIGHT,
+ "paper" => &PAPER,
+ "sea" => &SEA,
+ _ => &SAND,
+ }
+}
+
+/// a role's colour: the custom one, else the palette's
+pub fn colour(name: &str, own: &BTreeMap<String, String>, role: &str) -> String {
+ if let Some(c) = own.get(role) {
+ return c.clone();
+ }
+ ROLES
+ .iter()
+ .position(|(r, _)| *r == role)
+ .map(|i| palette(name)[i].to_string())
+ .unwrap_or_default()
+}
+
+pub fn rgb(hex: &str) -> (f64, f64, f64) {
+ let h = hex.trim_start_matches('#');
+ let n = u32::from_str_radix(h.get(..6).unwrap_or("000000"), 16).unwrap_or(0);
+ (((n >> 16) & 255) as f64, ((n >> 8) & 255) as f64, (n & 255) as f64)
+}
+
+/// whether dark ink reads on it
+pub fn light(hex: &str) -> bool {
+ let (r, g, b) = rgb(hex);
+ 0.2126 * r + 0.7152 * g + 0.0722 * b > 140.0
+}
+
+/// the CSS variables for a palette and its custom colours
+pub fn css_vars(name: &str, own: &BTreeMap<String, String>) -> String {
+ let mut out = String::new();
+ for (role, var) in ROLES {
+ out.push_str(&format!("{var}: {};", colour(name, own, role)));
+ }
+ let buttons = colour(name, own, "buttons");
+ out.push_str(&format!(
+ "--on-button: {};",
+ if light(&buttons) { "#1f1f1f" } else { "#f1ebe2" }
+ ));
+ let cards = colour(name, own, "cards");
+ out.push_str(&format!(
+ "color-scheme: {};",
+ if light(&cards) { "light" } else { "dark" }
+ ));
+ out
+}
+
+pub fn hsl_of(hex: &str) -> (f64, f64, f64) {
+ let (r, g, b) = rgb(hex);
+ let (r, g, b) = (r / 255.0, g / 255.0, b / 255.0);
+ let (mx, mn) = (r.max(g).max(b), r.min(g).min(b));
+ let l = (mx + mn) / 2.0;
+ if mx == mn {
+ return (0.0, 0.0, l);
+ }
+ let d = mx - mn;
+ let s = if l > 0.5 { d / (2.0 - mx - mn) } else { d / (mx + mn) };
+ let h = if mx == r {
+ (g - b) / d + if g < b { 6.0 } else { 0.0 }
+ } else if mx == g {
+ (b - r) / d + 2.0
+ } else {
+ (r - g) / d + 4.0
+ };
+ (h * 60.0, s, l)
+}
+
+pub fn hex_of_hsl(h: f64, s: f64, l: f64) -> String {
+ let c = (1.0 - (2.0 * l - 1.0).abs()) * s;
+ let hp = h.rem_euclid(360.0) / 60.0;
+ let x = c * (1.0 - (hp % 2.0 - 1.0).abs());
+ let (r, g, b) = match hp as u32 {
+ 0 => (c, x, 0.0),
+ 1 => (x, c, 0.0),
+ 2 => (0.0, c, x),
+ 3 => (0.0, x, c),
+ 4 => (x, 0.0, c),
+ _ => (c, 0.0, x),
+ };
+ let m = l - c / 2.0;
+ let to = |v: f64| ((v + m).clamp(0.0, 1.0) * 255.0).round() as u8;
+ format!("#{:02x}{:02x}{:02x}", to(r), to(g), to(b))
+}
+
+/// relative luminance (WCAG)
+fn luminance(hex: &str) -> f64 {
+ let (r, g, b) = rgb(hex);
+ let lin = |v: f64| {
+ let v = v / 255.0;
+ if v <= 0.03928 {
+ v / 12.92
+ } else {
+ ((v + 0.055) / 1.055).powf(2.4)
+ }
+ };
+ 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b)
+}
+
+fn contrast(a: &str, b: &str) -> f64 {
+ let (la, lb) = (luminance(a), luminance(b));
+ (la.max(lb) + 0.05) / (la.min(lb) + 0.05)
+}
+
+/// `c`, darkened or lightened (away from `bg`) until it stands out from it by `ratio`
+pub fn readable(c: &str, bg: &str, ratio: f64) -> String {
+ let darker = luminance(bg) > 0.18;
+ let (h, s, mut l) = hsl_of(c);
+ let mut out = hex_of_hsl(h, s, l);
+ for _ in 0..40 {
+ if contrast(&out, bg) >= ratio {
+ break;
+ }
+ l = if darker {
+ (l - 0.025).max(0.0)
+ } else {
+ (l + 0.025).min(1.0)
+ };
+ out = hex_of_hsl(h, s, l);
+ }
+ out
+}
+
+fn mix(a: &str, b: &str, t: f64) -> String {
+ let (a, b) = (rgb(a), rgb(b));
+ let m = |x: f64, y: f64| (x + (y - x) * t).round() as u8;
+ format!("#{:02x}{:02x}{:02x}", m(a.0, b.0), m(a.1, b.1), m(a.2, b.2))
+}
+
+/// the editor's highlighting colours (highlight.rs's classes), as the Bevy app made them:
+/// from the palette, each readable on the writing pad, the hues the palette doesn't name
+/// turned from its link colour so they suit any preset
+pub fn hl_vars(name: &str, own: &BTreeMap<String, String>) -> String {
+ let pad = colour(name, own, "writing pad");
+ let text = colour(name, own, "text");
+ let dim = colour(name, own, "dim text");
+ let link = colour(name, own, "links");
+ let accent = colour(name, own, "accent");
+ let (lh, ls, ll) = hsl_of(&link);
+ let turn = |deg: f64, sat: f64| hex_of_hsl(lh + deg, (ls * sat).clamp(0.25, 0.75), ll);
+ let heading = readable(&link, &pad, 5.0);
+ let mark = readable(&mix(&dim, &pad, 0.2), &pad, 2.2);
+ let vars = [
+ ("--hl-mark", mark.clone()),
+ ("--hl-heading", heading.clone()),
+ ("--hl-emph", readable(&mix(&text, &heading, 0.4), &pad, 5.0)),
+ ("--hl-strike", readable(&dim, &pad, 2.6)),
+ ("--hl-code", readable(&turn(140.0, 0.8), &pad, 4.2)),
+ ("--hl-link", readable(&turn(200.0, 1.0), &pad, 4.5)),
+ ("--hl-url", readable(&turn(190.0, 0.6), &pad, 3.0)),
+ ("--hl-list", readable(&accent, &pad, 3.0)),
+ ("--hl-quote", readable(&dim, &pad, 3.4)),
+ ("--hl-tag", readable(&turn(-40.0, 1.0), &pad, 4.0)),
+ ("--hl-rule", mark),
+ ];
+ vars.iter().map(|(k, v)| format!("{k}: {v};")).collect()
+}
+
+/// readable ink for texts on a background (the space's room): dark on light, light on dark
+pub fn ink_on(bg: &str) -> &'static str {
+ if light(bg) { "hsl(0 0% 12%)" } else { "hsl(35 30% 92%)" }
+}
+
+#[cfg(test)]
+mod tests {
+ use super::*;
+
+ #[test]
+ fn palettes() {
+ let own = BTreeMap::from([("accent".to_string(), "#ff0000".to_string())]);
+ assert_eq!(colour("night", &own, "accent"), "#ff0000");
+ assert_eq!(colour("night", &own, "window"), "#1d1b19");
+ assert!(css_vars("sand", &BTreeMap::new()).contains("--window: #927a4f"));
+ assert!(light("#ffffff") && !light("#1d1b19"));
+ assert_eq!(ink_on("#000000"), "hsl(35 30% 92%)");
+ // the sand window is hsl(39 30% 44%), the Bevy app's MOOD_DARK
+ assert_eq!(hex_of_hsl(39.0, 0.30, 0.44), "#927a4f");
+ let (h, s, l) = hsl_of("#927a4f");
+ assert!((h - 39.0).abs() < 1.0 && (s - 0.30).abs() < 0.01 && (l - 0.44).abs() < 0.01);
+ // every highlighting colour reads on the pad
+ for p in PALETTES {
+ let pad = colour(p, &BTreeMap::new(), "writing pad");
+ for part in hl_vars(p, &BTreeMap::new()).split(';').filter(|x| !x.is_empty()) {
+ let c = part.split(": ").nth(1).unwrap();
+ assert!(contrast(c, &pad) >= 2.2, "{p} {part}");
+ }
+ }
+ }
+}
diff --git a/app/src/ui.rs b/app/src/ui.rs
new file mode 100644
index 00000000..a43c6612
--- /dev/null
+++ b/app/src/ui.rs
@@ -0,0 +1,497 @@
+//! The state every view shares (signals in a context), and the small pieces they all use:
+//! the status line, toasts, the command bar, picks (the list, its candidate and a
+//! selection), the right-click menu, and undo.
+
+use std::rc::Rc;
+
+use dioxus::prelude::*;
+
+use crate::backend::{Backend, Hello, Hit};
+use crate::gem::{Measure, Mode};
+use crate::prefs::Prefs;
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash)]
+pub enum View {
+ Memory,
+ Space,
+ Lists,
+ Reader,
+ Notes,
+ Tags,
+ Stats,
+ Models,
+ Filters,
+}
+
+impl View {
+ pub const ALL: [View; 9] = [
+ View::Memory,
+ View::Space,
+ View::Lists,
+ View::Reader,
+ View::Notes,
+ View::Tags,
+ View::Stats,
+ View::Models,
+ View::Filters,
+ ];
+
+ pub fn name(self) -> &'static str {
+ match self {
+ View::Memory => "memory",
+ View::Space => "space",
+ View::Lists => "lists",
+ View::Reader => "reader",
+ View::Notes => "notes",
+ View::Tags => "tags",
+ View::Stats => "stats",
+ View::Models => "models",
+ View::Filters => "filters",
+ }
+ }
+
+ pub fn icon(self) -> &'static str {
+ match self {
+ View::Memory => "memory",
+ View::Space => "space",
+ View::Lists => "list",
+ View::Reader => "reader",
+ View::Notes => "editor",
+ View::Tags => "tags",
+ View::Stats => "stats",
+ View::Models => "classifier",
+ View::Filters => "filter",
+ }
+ }
+
+ pub fn parse(s: &str) -> View {
+ View::ALL.into_iter().find(|v| v.name() == s).unwrap_or(View::Memory)
+ }
+
+ /// what the command bar asks for in this view
+ pub fn placeholder(self) -> &'static str {
+ match self {
+ View::Memory => "a number, a text, or a key",
+ View::Space => "a number, a text, or a key (Esc to fly)",
+ View::Lists => "a text for the chosen list, a list's name, or a new list's (Enter)",
+ View::Reader | View::Notes => "words to find notes by",
+ View::Tags => "a tag (Enter picks the first match)",
+ View::Stats => "",
+ View::Models => "a text to try the model on (or to route, in a taxonomy)",
+ View::Filters => "words, or a sum like 79 or 70-90",
+ }
+ }
+}
+
+/// a key press the shell hands to the open view: from the bar (`bar`), or anywhere else
+/// that isn't typing
+#[derive(Debug, Clone, PartialEq, serde::Deserialize)]
+pub struct KeyPress {
+ pub key: String,
+ pub code: String,
+ pub ctrl: bool,
+ pub shift: bool,
+ pub alt: bool,
+ pub bar: bool,
+ /// a text box (the bar or another) has the focus
+ #[serde(default)]
+ pub typing: bool,
+ pub text: String,
+ /// the action the keymap gives this press here (set by the shell)
+ #[serde(skip)]
+ pub action: Option<crate::keys::Action>,
+}
+
+#[derive(Debug, Clone, PartialEq)]
+pub struct Toast {
+ pub id: u64,
+ pub text: String,
+}
+
+/// the search line in the top bar: what was searched and its triangle
+#[derive(Debug, Clone, PartialEq, Default)]
+pub struct TopLine {
+ pub title: String,
+ pub detail: String,
+ pub s: u64,
+ pub r: u64,
+ /// the space: texts in the room and the buckets they make
+ pub counts: Option<(usize, usize)>,
+ /// a gsearched number's prime factor chain (weum's pfR line), shown after it
+ pub pf: Option<u64>,
+}
+
+/// the list (Ctrl+Shift+click), its candidate (Ctrl+click) and a selection of texts
+#[derive(Debug, Clone, PartialEq, Default)]
+pub struct Picks {
+ pub list: Option<Hit>,
+ pub candidate: Option<Hit>,
+ pub selected: Vec<Hit>,
+ /// the chain texts are being added to in the space (its key, its title)
+ pub chain: Option<Hit>,
+}
+
+/// what the next Enter in the bar does instead of a search
+#[derive(Debug, Clone, PartialEq, Default)]
+pub enum Pending {
+ #[default]
+ None,
+ /// the bar holds the text; Enter puts it back under the same key
+ Edit(Hit),
+ /// the bar holds a placement's text in the space; Enter makes it that placement's
+ /// own text (the entry and its other placements stay as they are)
+ EditOwn { node: String, text: String },
+ /// the next text typed tags these
+ Tag(Vec<Hit>),
+}
+
+/// the right-click menu on a text
+#[derive(Debug, Clone, PartialEq)]
+pub struct Menu {
+ pub hit: Hit,
+ pub x: f64,
+ pub y: f64,
+}
+
+/// a recent action that can be taken back
+#[derive(Debug, Clone, PartialEq)]
+pub enum Did {
+ Forgot { key: String, text: String },
+ Remembered { key: String, text: String },
+ Edited { key: String, old: String },
+ Enlisted { list: String, member: String },
+ Delisted { list: String, member: String },
+ Unlisted { list: String, members: Vec<String> },
+ Feedback { model: String },
+}
+
+impl Did {
+ pub fn describe(&self) -> String {
+ match self {
+ Did::Forgot { text, .. } => format!("forgetting “{text}”"),
+ Did::Remembered { text, .. } => format!("remembering “{text}”"),
+ Did::Edited { old, .. } => format!("the edit of “{old}”"),
+ Did::Enlisted { .. } => "adding to a list".into(),
+ Did::Delisted { .. } => "taking out of a list".into(),
+ Did::Unlisted { .. } => "deleting a list".into(),
+ Did::Feedback { model } => format!("the verdict given to {model}"),
+ }
+ }
+}
+
+/// the bar's own undo: states it was in, coalesced while typing
+#[derive(Debug, Clone, PartialEq, Default)]
+pub struct BarHistory {
+ pub back: Vec<String>,
+ pub forth: Vec<String>,
+ pub last_push: f64,
+}
+
+#[derive(Clone)]
+pub struct Api(pub Rc<dyn Backend>);
+
+impl PartialEq for Api {
+ fn eq(&self, other: &Api) -> bool {
+ Rc::ptr_eq(&self.0, &other.0)
+ }
+}
+
+impl std::ops::Deref for Api {
+ type Target = dyn Backend + 'static;
+ fn deref(&self) -> &(dyn Backend + 'static) {
+ &*self.0
+ }
+}
+
+#[derive(Clone, Copy)]
+pub struct Ui {
+ pub view: Signal<View>,
+ pub prefs: Signal<Prefs>,
+ pub status: Signal<(String, bool, u64)>,
+ pub toasts: Signal<Vec<Toast>>,
+ /// the command bar's text, mirrored on every input (the input itself isn't bound to it,
+ /// so typing never waits on a render)
+ pub bar: Signal<String>,
+ /// the bar's text measured, a beat after typing stops
+ pub measure: Signal<Option<Measure>>,
+ pub settings: Signal<bool>,
+ pub hello: Signal<Hello>,
+ pub topline: Signal<Option<TopLine>>,
+ pub picks: Signal<Picks>,
+ pub pending: Signal<Pending>,
+ pub menu: Signal<Option<Menu>>,
+ pub actions: Signal<Vec<Did>>,
+ pub bar_history: Signal<BarHistory>,
+ /// each view's key handler
+ pub keys: Signal<Vec<(View, Callback<KeyPress, bool>)>>,
+ /// bumped when the save's data changed (views reload)
+ pub changed: Signal<u64>,
+ /// what the bar held in each view, put back when you return to it
+ pub bar_texts: Signal<std::collections::HashMap<View, String>>,
+ pub seq: Signal<u64>,
+ /// what each view says at the command bar's right end (its counts, what Enter does)
+ pub side: Signal<std::collections::HashMap<View, String>>,
+ /// the keys menu waits for a key for this action
+ pub listening: Signal<Option<crate::keys::Action>>,
+ /// a note another view asked the notes view to open
+ pub open_note: Signal<Option<String>>,
+ /// a tag another view asked the tags view to show
+ pub pick_tag: Signal<Option<String>>,
+ /// the window is closing (desktop): 1 asked, 2 a view is saving and closes it after
+ pub closing: Signal<u8>,
+}
+
+pub fn ui() -> Ui {
+ use_context::<Ui>()
+}
+
+pub fn api() -> Api {
+ use_context::<Api>()
+}
+
+pub fn now_ms() -> f64 {
+ #[cfg(target_arch = "wasm32")]
+ {
+ js_sys::Date::now()
+ }
+ #[cfg(not(target_arch = "wasm32"))]
+ {
+ std::time::SystemTime::now()
+ .duration_since(std::time::UNIX_EPOCH)
+ .map(|d| d.as_secs_f64() * 1000.0)
+ .unwrap_or(0.0)
+ }
+}
+
+pub async fn sleep_ms(ms: u64) {
+ #[cfg(target_arch = "wasm32")]
+ {
+ let p = js_sys::Promise::new(&mut |ok, _| {
+ if let Some(w) = web_sys::window() {
+ let _ = w.set_timeout_with_callback_and_timeout_and_arguments_0(&ok, ms as i32);
+ }
+ });
+ let _ = wasm_bindgen_futures::JsFuture::from(p).await;
+ }
+ #[cfg(not(target_arch = "wasm32"))]
+ {
+ tokio::time::sleep(std::time::Duration::from_millis(ms)).await;
+ }
+}
+
+impl Ui {
+ /// the keymap: the defaults with the person's changes
+ pub fn keymap(self) -> crate::keys::Keymap {
+ crate::keys::Keymap::from_changes(&self.prefs.peek().keymap)
+ }
+
+ /// what the key bound to an action is called, for tooltips
+ pub fn key_of(self, a: crate::keys::Action) -> String {
+ self.keymap().get(a).to_string()
+ }
+
+ /// what the view says at the command bar's right end
+ pub fn side_note(mut self, view: View, text: impl Into<String>) {
+ let t = text.into();
+ if self.side.peek().get(&view) != Some(&t) {
+ self.side.write().insert(view, t);
+ }
+ }
+
+ fn next(mut self) -> u64 {
+ let n = *self.seq.peek() + 1;
+ self.seq.set(n);
+ n
+ }
+
+ /// a message in the top bar; errors stay a while longer
+ pub fn say(mut self, msg: impl Into<String>) {
+ let n = self.next();
+ self.status.set((msg.into(), false, n));
+ dioxus::dioxus_core::spawn_forever(async move {
+ sleep_ms(4000).await;
+ if self.status.peek().2 == n {
+ self.status.set((String::new(), false, n));
+ }
+ });
+ }
+
+ pub fn fail(mut self, msg: impl Into<String>) {
+ let n = self.next();
+ self.status.set((msg.into(), true, n));
+ dioxus::dioxus_core::spawn_forever(async move {
+ sleep_ms(8000).await;
+ if self.status.peek().2 == n {
+ self.status.set((String::new(), false, n));
+ }
+ });
+ }
+
+ /// weum's toast: 15 seconds, click puts it in the bar, double click dismisses
+ pub fn toast(mut self, text: impl Into<String>) {
+ let id = self.next();
+ self.toasts.write().push(Toast { id, text: text.into() });
+ dioxus::dioxus_core::spawn_forever(async move {
+ sleep_ms(15_000).await;
+ self.toasts.write().retain(|t| t.id != id);
+ });
+ }
+
+ /// puts a text in the command bar (and its undo history)
+ pub fn set_bar(mut self, text: &str) {
+ let old = self.bar.peek().clone();
+ if old != text {
+ let mut h = self.bar_history.write();
+ h.back.push(old);
+ h.forth.clear();
+ h.last_push = now_ms();
+ }
+ self.bar.set(text.to_string());
+ let js = format!(
+ "const b = document.getElementById('bar'); if (b) b.value = {};",
+ serde_json::to_string(text).unwrap_or_default()
+ );
+ document::eval(&js);
+ }
+
+ pub fn focus_bar(self) {
+ document::eval("const b = document.getElementById('bar'); if (b) { b.focus(); }");
+ }
+
+ /// the bar's input, as typed: coalesced into undo states
+ pub fn typed(mut self, text: String) {
+ let old = self.bar.peek().clone();
+ let t = now_ms();
+ {
+ let mut h = self.bar_history.write();
+ // a new undo state after a pause or at a word's end
+ if t - h.last_push > 700.0 || old.ends_with(' ') && !text.ends_with(' ') || h.back.is_empty() {
+ h.back.push(old);
+ if h.back.len() > 200 {
+ h.back.remove(0);
+ }
+ h.forth.clear();
+ }
+ h.last_push = t;
+ }
+ self.bar.set(text);
+ }
+
+ pub fn bar_undo(mut self, redo: bool) {
+ let cur = self.bar.peek().clone();
+ let to = {
+ let mut h = self.bar_history.write();
+ let t = if redo { h.forth.pop() } else { h.back.pop() };
+ if t.is_some() {
+ if redo {
+ h.back.push(cur);
+ } else {
+ h.forth.push(cur);
+ }
+ h.last_push = 0.0;
+ }
+ t
+ };
+ if let Some(t) = to {
+ self.bar.set(t.clone());
+ document::eval(&format!(
+ "const b = document.getElementById('bar'); if (b) b.value = {};",
+ serde_json::to_string(&t).unwrap_or_default()
+ ));
+ }
+ }
+
+ pub fn did(mut self, a: Did) {
+ let mut all = self.actions.write();
+ all.push(a);
+ if all.len() > 50 {
+ all.remove(0);
+ }
+ }
+
+ pub fn touched(mut self) {
+ let n = *self.changed.peek() + 1;
+ self.changed.set(n);
+ }
+
+ pub fn mode(self) -> Mode {
+ self.prefs.read().mode
+ }
+
+ pub fn save_prefs(self) {
+ crate::prefs::store(&self.prefs.peek());
+ }
+
+ /// counts and the save's name again
+ pub fn refresh(mut self, api: Api) {
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.hello().await {
+ Ok(h) => self.hello.set(h),
+ Err(e) => self.fail(e),
+ }
+ });
+ }
+}
+
+/// takes back the latest action
+pub fn undo_last(ui: Ui, api: Api) {
+ let mut actions = ui.actions;
+ let Some(a) = actions.write().pop() else {
+ ui.say("nothing to undo");
+ return;
+ };
+ dioxus::dioxus_core::spawn_forever(async move {
+ let r = match &a {
+ Did::Forgot { key, text } => api.put_memory(key, text).await,
+ Did::Remembered { key, .. } => api.forget(key).await.map(|_| ()),
+ Did::Edited { key, old } => api.put_memory(key, old).await,
+ Did::Enlisted { list, member } => api.delist(list, member).await,
+ Did::Delisted { list, member } => api.enlist(list, member).await,
+ Did::Unlisted { list, members } => {
+ let mut r = Ok(());
+ for m in members {
+ r = r.and(api.enlist(list, m).await);
+ }
+ r
+ }
+ Did::Feedback { model } => api.undo_model_feedback(model).await,
+ };
+ match r {
+ Ok(()) => {
+ ui.say(format!("took back {}", a.describe()));
+ ui.touched();
+ ui.refresh(api);
+ }
+ Err(e) => ui.fail(format!("couldn't take back {}: {e}", a.describe())),
+ }
+ });
+}
+
+/// an icon from the shared set
+#[component]
+pub fn Icon(name: String, #[props(default)] class: String) -> Element {
+ rsx! {
+ span { class: "icon {class}", "aria-hidden": "true", dangerous_inner_html: crate::icons::svg(&name) }
+ }
+}
+
+/// the triangle with sides s, r and ⌊√(s·r)⌋, with its angles as the tooltip
+#[component]
+pub fn Triangle(s: u64, r: u64, #[props(default = 22.0)] height: f64) -> Element {
+ let Some((w, h, pts, real)) = crate::gem::triangle_points(s, r, height, height * 3.0) else {
+ return rsx! {};
+ };
+ let title = crate::gem::triangle_title(s, r);
+ rsx! {
+ svg {
+ class: if real { "triangle" } else { "triangle flat" },
+ width: "{w:.1}",
+ height: "{h:.1}",
+ view_box: "0 0 {w:.1} {h:.1}",
+ role: "img",
+ "aria-label": "{title}",
+ title { "{title}" }
+ polygon { points: "{pts}", stroke_dasharray: if real { "none" } else { "2 2" } }
+ }
+ }
+}
diff --git a/app/src/views/classifiers.rs b/app/src/views/classifiers.rs
new file mode 100644
index 00000000..dd255134
--- /dev/null
+++ b/app/src/views/classifiers.rs
@@ -0,0 +1,1374 @@
+//! Classifiers: models trained on the save's lists, one class per list (docs/app-api.md,
+//! `classify.*`). The same view on the desktop and the web, through the backend.
+//!
+//! The left column lists them; a classifier's page has its training (epochs, progress,
+//! cancel, the metrics), a try card (the command bar's text, each class's probability,
+//! yes/no, texts like it), its steering (bias, temperature, threshold), a search by class
+//! (yes/no on each, the class as a list), and its recent verdicts. Every yes/no can be
+//! taken back with Ctrl+Z. "new" makes one from lists; "import" takes a classifier file
+//! (`.anendcls`), and each page exports its own.
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use crate::backend::{ListInfo, ModelSummary, Scored};
+use crate::ui::*;
+use crate::views::clsmore::Tab;
+use crate::views::use_keys;
+
+/// what the open classifier's page is showing
+#[derive(Clone, Copy, PartialEq)]
+enum Side {
+ None,
+ New,
+ Import,
+ Starters,
+}
+
+pub(crate) fn strs(v: &Value) -> Vec<String> {
+ v.as_array()
+ .into_iter()
+ .flatten()
+ .filter_map(|x| x.as_str().map(str::to_string))
+ .collect()
+}
+
+pub(crate) fn nums(v: &Value) -> Vec<f64> {
+ v.as_array().into_iter().flatten().filter_map(Value::as_f64).collect()
+}
+
+pub(crate) fn pct(p: f64) -> String {
+ format!("{:.0}%", p * 100.0)
+}
+
+#[component]
+pub fn Models() -> Element {
+ let ui = ui();
+ let api = api();
+ let mut chosen: Signal<Option<String>> = use_signal(|| None);
+ let mut side = use_signal(|| Side::None);
+ let mut rev = use_signal(|| 0u64);
+ // the classifiers (0), the spec models (1), the taxonomies (2) or the tag sets (3)
+ let mut tab = use_signal(|| {
+ let p = ui.prefs.peek();
+ if p.folded("models: tagsets") {
+ 3u8
+ } else if p.folded("models: taxonomies") {
+ 2
+ } else if p.folded("models: specs") {
+ 1
+ } else {
+ 0
+ }
+ });
+ let specs_tab = use_memo(move || tab() == 1);
+ // the bar's text, sent to a taxonomy's try card by Enter
+ let mut tax_bar = use_signal(|| (0u64, String::new()));
+ let specs = use_hook(crate::views::specs::SpecState::new);
+ let api_r = api.clone();
+ let models = use_resource(move || {
+ let api = api_r.clone();
+ let _ = ((ui.changed)(), rev());
+ async move { api.models().await }
+ });
+ use_keys(View::Models, move |k: KeyPress| {
+ if *tab.peek() == 3 {
+ return false;
+ }
+ if *tab.peek() == 2 {
+ if k.bar && k.key == "Enter" {
+ let n = tax_bar.peek().0 + 1;
+ tax_bar.set((n, k.text.trim().to_string()));
+ return true;
+ }
+ return false;
+ }
+ if *specs_tab.peek() {
+ if k.bar && k.key == "Enter" {
+ let mut e = specs.enter;
+ e += 1;
+ return true;
+ }
+ if !k.bar && k.key == "Escape" {
+ specs.escape();
+ return true;
+ }
+ return false;
+ }
+ if k.bar && k.key == "Enter" {
+ // the try card runs as you type
+ if chosen.peek().is_none()
+ && models
+ .peek()
+ .as_ref()
+ .and_then(|r| r.as_ref().ok())
+ .is_none_or(|l| l.is_empty())
+ {
+ ui.fail("make a classifier first (new)");
+ }
+ return true;
+ }
+ if !k.bar && k.key == "Escape" {
+ if *side.peek() != Side::None {
+ side.set(Side::None);
+ } else {
+ chosen.set(None);
+ }
+ return true;
+ }
+ false
+ });
+ let (list, note): (Vec<ModelSummary>, Option<String>) = match &*models.read() {
+ Some(Ok(v)) => (v.clone(), None),
+ Some(Err(e)) => (vec![], Some(e.clone())),
+ None => (vec![], None),
+ };
+ // the first one is open until another is picked
+ let open = chosen().or_else(|| {
+ (side() == Side::None)
+ .then(|| list.first().map(|m| m.name.clone()))
+ .flatten()
+ });
+ let on_made = move |name: String| {
+ side.set(Side::None);
+ chosen.set(Some(name));
+ rev += 1;
+ };
+ rsx! {
+ div { class: "page wide",
+ div { class: "row",
+ div { class: "mtabs", role: "tablist", "aria-label": "kinds of model",
+ for (on , label) in [(0u8, "classifiers"), (1, "spec models"), (2, "taxonomies"), (3, "tag sets")] {
+ button { key: "{label}", role: "tab", "aria-selected": "{tab() == on}",
+ class: if tab() == on { "mtab on" } else { "mtab" },
+ onclick: move |_| {
+ tab.set(on);
+ crate::shell::set_pref(ui, |p| {
+ p.collapsed.remove("models: specs");
+ p.collapsed.remove("models: taxonomies");
+ p.collapsed.remove("models: tagsets");
+ match on {
+ 1 => { p.collapsed.insert("models: specs".into()); }
+ 2 => { p.collapsed.insert("models: taxonomies".into()); }
+ 3 => { p.collapsed.insert("models: tagsets".into()); }
+ _ => {}
+ }
+ });
+ },
+ "{label}" }
+ }
+ }
+ if tab() == 3 {
+ span { class: "dim small", "word types of your own, learned from words you mark" }
+ } else if tab() == 2 {
+ span { class: "dim small", "classifiers in a tree: each answer picks the next classifier" }
+ } else if specs_tab() {
+ span { class: "dim small", "described as data: what they read, their heads, what they learn from" }
+ } else {
+ span { class: "dim small", "learn classes from example lists, then read any text" }
+ }
+ span { class: "grow" }
+ if tab() == 0 {
+ button { class: if side() == Side::New { "on" } else { "" }, onclick: move |_| side.set(if side() == Side::New { Side::None } else { Side::New }),
+ Icon { name: "new" } "new" }
+ button { class: if side() == Side::Starters { "on" } else { "" }, "data-tip": "ready-made classifiers whose answers a rule can check",
+ onclick: move |_| side.set(if side() == Side::Starters { Side::None } else { Side::Starters }),
+ Icon { name: "star" } "starters" }
+ button { class: if side() == Side::Import { "on" } else { "" }, "data-tip": "a classifier file (.anendcls)",
+ onclick: move |_| side.set(if side() == Side::Import { Side::None } else { Side::Import }),
+ Icon { name: "upload" } "import" }
+ }
+ }
+ if tab() == 3 {
+ crate::views::tagsets::TagSets {}
+ } else if tab() == 2 {
+ crate::views::taxonomy::Taxonomies { bar: tax_bar }
+ } else if specs_tab() {
+ crate::views::specs::SpecModels { state: specs }
+ } else {
+ if let Some(n) = note {
+ div { class: "card bad", "{n}" }
+ }
+ div { class: "cls-layout",
+ div { class: "card cls-list", role: "listbox", "aria-label": "classifiers",
+ if list.is_empty() {
+ span { class: "dim small", "none yet" }
+ }
+ for m in list.iter().cloned() {
+ button {
+ key: "{m.name}",
+ role: "option",
+ "aria-selected": "{open.as_deref() == Some(m.name.as_str())}",
+ class: if open.as_deref() == Some(m.name.as_str()) && side() == Side::None { "cls-item on" } else { "cls-item" },
+ onclick: { let n = m.name.clone(); move |_| { chosen.set(Some(n.clone())); side.set(Side::None); } },
+ b { "{m.name}" }
+ span { class: "small",
+ {m.classes.join(" · ")}
+ }
+ span { class: "small state",
+ if m.training { "training…" }
+ else if m.trained { {format!("trained{}", m.accuracy.map(|a| format!(" · {}", pct(a))).unwrap_or_default())} }
+ else { "not trained yet" }
+ }
+ }
+ }
+ }
+ div { class: "cls-main",
+ match side() {
+ Side::New => rsx! { NewClassifier { on_made } },
+ Side::Import => rsx! { ImportClassifier { on_made } },
+ Side::Starters => rsx! { Starters { on_made } },
+ Side::None => match open {
+ Some(name) => rsx! { ClassifierPage { key: "{name}", name: name.clone(), on_gone: move |_| { chosen.set(None); rev += 1; } } },
+ None => rsx! {
+ div { class: "card empty",
+ p { "A classifier learns from examples, given as lists (each list a class, its members the examples), and then reads any text, in the save or newly typed: it orders classifier search, colours the memory and the space, and answers in the reader and the notes. Classifiers are one use of the project's transformer engine, which also runs spec models (taggers, generators, critics)." }
+ p { "Make two or more lists (in the memory view: Ctrl+Shift+click a text to make it a list's head, then Shift+click texts and put them in it), then press " b { "new" } "." }
+ p { "Or begin with a starter: ready-made texts whose classes a rule knows for certain, so how well a classifier learned them is measured on texts it never saw. "
+ button { onclick: move |_| side.set(Side::Starters), Icon { name: "star" } "starters" } }
+ }
+ },
+ },
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+// ------------------------------------------------------------------ making one
+
+#[component]
+fn NewClassifier(on_made: EventHandler<String>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut name = use_signal(String::new);
+ let mut classes: Signal<Vec<String>> = use_signal(Vec::new);
+ let mut not = use_signal(String::new);
+ let mut preset = use_signal(|| "compact".to_string());
+ let mut multi = use_signal(|| false);
+ let mut gematria = use_signal(|| false);
+ let mut busy = use_signal(|| false);
+ let mut q = use_signal(String::new);
+ let api_l = api.clone();
+ let lists = use_resource(move || {
+ let api = api_l.clone();
+ async move { api.lists().await }
+ });
+ let all: Vec<ListInfo> = match &*lists.read() {
+ Some(Ok(l)) => l.lists.clone(),
+ Some(Err(e)) => return rsx! { div { class: "card bad", "{e}" } },
+ None => return rsx! { div { class: "card dim", "…" } },
+ };
+ let usable: Vec<ListInfo> = all.iter().filter(|l| l.count > 0).cloned().collect();
+ let ql = q().to_lowercase();
+ let shown: Vec<ListInfo> = usable
+ .iter()
+ .filter(|l| ql.is_empty() || l.name.to_lowercase().contains(&ql) || classes.read().contains(&l.list))
+ .cloned()
+ .collect();
+ let picked = classes();
+ let ready = !name().trim().is_empty() && (picked.len() >= 2 || (picked.len() == 1 && !not().is_empty()));
+ let create = move |_| {
+ let api = api.clone();
+ let args = json!({
+ "name": name.peek().trim(),
+ "classes": *classes.peek(),
+ "not": *not.peek(),
+ "preset": *preset.peek(),
+ "head": if *multi.peek() { "multi" } else { "single" },
+ "gematria": *gematria.peek(),
+ });
+ busy.set(true);
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("classify.create", args).await {
+ Ok(v) => {
+ let n = v["name"].as_str().unwrap_or("").to_string();
+ ui.say(format!("made {n}; train it next"));
+ on_made.call(n);
+ }
+ Err(e) => ui.fail(e),
+ }
+ busy.set(false);
+ });
+ };
+ rsx! {
+ div { class: "card cls-new",
+ h3 { Icon { name: "new" } "a new classifier" }
+ if usable.len() < 2 {
+ p { class: "dim", "It needs at least two lists with members (or one list and a list of texts that are not in it). This save has {usable.len()}." }
+ }
+ div { class: "form",
+ label { r#for: "cls-name", "name" }
+ input { id: "cls-name", r#type: "text", placeholder: "kind, author, mood…", oninput: move |e| name.set(e.value()) }
+ label { "classes" }
+ div { class: "col",
+ if usable.len() > 12 {
+ input { r#type: "text", placeholder: "find a list", oninput: move |e| q.set(e.value()) }
+ }
+ div { class: "taglist",
+ for l in shown {
+ button {
+ key: "{l.list}",
+ class: if picked.contains(&l.list) { "chip on" } else { "chip" },
+ "aria-pressed": "{picked.contains(&l.list)}",
+ title: l.members.iter().take(5).map(|m| m.text.clone()).collect::<Vec<_>>().join(" · "),
+ onclick: { let k = l.list.clone(); move |_| {
+ let mut c = classes.write();
+ if let Some(i) = c.iter().position(|x| *x == k) { c.remove(i); } else { c.push(k.clone()); }
+ } },
+ "{l.name}" span { class: "dim", " {l.count}" }
+ }
+ }
+ }
+ span { class: "dim small", "each list picked is a class; its members are the examples" }
+ }
+ label { r#for: "cls-not", "none of them" }
+ select { id: "cls-not", onchange: move |e| not.set(e.value()),
+ option { value: "", "no such list" }
+ for l in usable.iter().filter(|l| !picked.contains(&l.list)) {
+ option { key: "{l.list}", value: "{l.list}", "{l.name} ({l.count})" }
+ }
+ }
+ label { r#for: "cls-preset", "size" }
+ select { id: "cls-preset", value: "{preset}", onchange: move |e| preset.set(e.value()),
+ option { value: "tiny", "tiny: trains in seconds" }
+ option { value: "compact", "compact: the default" }
+ option { value: "small", "small: more to learn, slower" }
+ option { value: "base", "base: the largest" }
+ }
+ label { "options" }
+ div { class: "col",
+ label { class: "row", input { r#type: "checkbox", checked: multi(), onchange: move |e| multi.set(e.checked()) } "a text can be in several classes at once" }
+ label { class: "row", input { r#type: "checkbox", checked: gematria(), onchange: move |e| gematria.set(e.checked()) } "read the letters' values and word sums too (gematria inputs)" }
+ }
+ }
+ div { class: "row",
+ span { class: "grow" }
+ button { class: "primary", disabled: !ready || busy(), onclick: create, Icon { name: "check" } "make it" }
+ }
+ }
+ }
+}
+
+#[component]
+fn ImportClassifier(on_made: EventHandler<String>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut path = use_signal(String::new);
+ let mut as_name = use_signal(String::new);
+ let on_disk = api.on_disk();
+ let take = {
+ let api = api.clone();
+ move |bytes: Vec<u8>| {
+ let api = api.clone();
+ let n = as_name.peek().trim().to_string();
+ dioxus::dioxus_core::spawn_forever(async move {
+ let data = anend_core::classifiers::base64(&bytes);
+ match api.call("classify.import", json!({ "data": data, "as": n })).await {
+ Ok(v) => {
+ let name = v["name"].as_str().unwrap_or("").to_string();
+ let lists = v["lists"].as_array().map_or(0, |l| l.len());
+ ui.say(format!("took in {name} ({lists} lists for its classes)"));
+ ui.touched();
+ on_made.call(name);
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ let take2 = take.clone();
+ rsx! {
+ div { class: "card",
+ h3 { Icon { name: "upload" } "a classifier file" }
+ p { class: "dim small", "A .anendcls file exported from anend (here, another save, or the hub). Each class goes to the list of its name, made when there's none." }
+ div { class: "form",
+ label { r#for: "imp-as", "as" }
+ input { id: "imp-as", r#type: "text", placeholder: "the name it came with", oninput: move |e| as_name.set(e.value()) }
+ label { "the file" }
+ input { r#type: "file", accept: ".anendcls",
+ onchange: move |e: FormEvent| {
+ let take = take.clone();
+ async move {
+ let Some(f) = e.files().into_iter().next() else { return };
+ match f.read_bytes().await {
+ Ok(b) => take(b.to_vec()),
+ Err(e) => ui.fail(format!("couldn't read it: {e}")),
+ }
+ }
+ },
+ }
+ if on_disk {
+ label { r#for: "imp-path", "or its path" }
+ div { class: "row",
+ input { id: "imp-path", r#type: "text", style: "flex: 1;", placeholder: "/home/you/Downloads/kind.anendcls", oninput: move |e| path.set(e.value()) }
+ button { onclick: move |_| {
+ #[cfg(not(target_arch = "wasm32"))]
+ match std::fs::read(path().trim()) {
+ Ok(b) => take2(b),
+ Err(e) => ui.fail(format!("couldn't read {}: {e}", path().trim())),
+ }
+ #[cfg(target_arch = "wasm32")]
+ { let _ = &take2; }
+ }, "take it in" }
+ }
+ }
+ }
+ }
+ }
+}
+
+// ------------------------------------------------------------------ one classifier
+
+#[component]
+fn ClassifierPage(name: String, on_gone: EventHandler<()>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut rev = use_signal(|| 0u64);
+ let mut armed = use_signal(|| false);
+ let mut job: Signal<Option<Value>> = use_signal(|| None);
+ let mut watching = use_signal(|| true);
+ let tab = use_signal(|| Tab::Learn);
+ let api_all = api.clone();
+ let all = use_resource(move || {
+ let api = api_all.clone();
+ let _ = (ui.changed)();
+ async move { api.call("classify.list", json!({})).await.ok() }
+ });
+ let all_names: Vec<String> = all
+ .read()
+ .clone()
+ .flatten()
+ .and_then(|v| v.as_array().cloned())
+ .unwrap_or_default()
+ .iter()
+ .filter_map(|c| c["name"].as_str().map(str::to_string))
+ .collect();
+ let n0 = name.clone();
+ let api_d = api.clone();
+ let details = use_resource(move || {
+ let (api, n) = (api_d.clone(), n0.clone());
+ let _ = ((ui.changed)(), rev());
+ async move { api.call("classify.get", json!({ "name": n })).await }
+ });
+ // the training's progress, while there is one
+ {
+ let (api, n) = (api.clone(), name.clone());
+ use_future(move || {
+ let (api, n) = (api.clone(), n.clone());
+ async move {
+ let mut was_running = false;
+ loop {
+ if *watching.peek() {
+ match api.call("classify.job", json!({ "name": n })).await {
+ Ok(j) => {
+ let running = j["state"] == "running";
+ if !running {
+ watching.set(false);
+ if was_running {
+ match j["state"].as_str() {
+ Some("done") => ui.say(format!("{n} is trained")),
+ Some("failed") => ui.fail(format!(
+ "{n}: {}",
+ j["error"].as_str().unwrap_or("training failed")
+ )),
+ Some(s) => ui.say(format!("{n}: {s}")),
+ None => {}
+ }
+ ui.touched();
+ }
+ }
+ was_running = running;
+ job.set(Some(j));
+ }
+ Err(_) => watching.set(false),
+ }
+ }
+ sleep_ms(if was_running { 350 } else { 600 }).await;
+ }
+ }
+ });
+ }
+ let d = match &*details.read() {
+ Some(Ok(v)) => v.clone(),
+ Some(Err(e)) => return rsx! { div { class: "card bad", "{e}" } },
+ None => return rsx! { div { class: "card dim", "…" } },
+ };
+ let classes = strs(&d["classes"]);
+ let trained = d["trained"].as_bool().unwrap_or(false);
+ let running = job().is_some_and(|j| j["state"] == "running");
+ let api_x = api.clone();
+ let api_del = api.clone();
+ let n_x = name.clone();
+ let n_del = name.clone();
+ let size = &d["size"];
+ let inputs: Vec<String> = d["inputs"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .filter_map(|i| i["from"].as_str().map(str::to_string))
+ .collect();
+ rsx! {
+ div { class: "cls-page",
+ div { class: "card cls-head",
+ div { class: "row",
+ h2 { "{name}" }
+ for (i , c) in classes.iter().enumerate() {
+ span { key: "{c}", class: "chip cls-class", style: "--hue: {hue(i, classes.len())};", "{c}" }
+ }
+ if let Some(n) = d["not"]["name"].as_str() {
+ span { class: "chip", title: "texts that are none of the classes", Icon { name: "not" } "{n}" }
+ }
+ span { class: "grow" }
+ button { class: "plain", "data-tip": "export it as a file (.anendcls)", "aria-label": "export",
+ onclick: move |_| export(ui, api_x.clone(), n_x.clone()),
+ Icon { name: "download" } }
+ button {
+ class: if armed() { "armed" } else { "plain" },
+ "data-tip": "delete it (its lists stay); click twice",
+ "aria-label": "delete the classifier",
+ disabled: running,
+ onclick: move |_| {
+ if !armed() { armed.set(true); return; }
+ let (api, n) = (api_del.clone(), n_del.clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.delete_model(&n).await {
+ Ok(()) => { ui.say(format!("deleted {n}")); on_gone.call(()); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ Icon { name: "delete" }
+ if armed() { "delete it?" }
+ }
+ }
+ div { class: "dim small",
+ {format!(
+ "{} · {} head{}{} · version {}",
+ d["preset"].as_str().unwrap_or(""),
+ d["head"].as_str().unwrap_or(""),
+ if d["gematria"].as_bool() == Some(true) { " · gematria inputs" } else { "" },
+ if size.is_object() { format!(" · {} weights, {} wide, {} blocks", size["weights"], size["d_model"], size["layers"]) } else { String::new() },
+ d["version"],
+ )}
+ if !inputs.is_empty() {
+ {format!(" · builds on {}", inputs.join(", "))}
+ }
+ if let Some(s) = d["starter"].as_str() {
+ {format!(" · from the starter {s:?}")}
+ }
+ }
+ }
+ crate::views::clsmore::Tabs { tab }
+ match tab() {
+ Tab::Learn => rsx! {
+ Train { name: name.clone(), details: d.clone(), job: job(), on_start: move |j: Value| { job.set(Some(j)); watching.set(true); } }
+ if trained && d["starter"].is_string() {
+ HeldOut { name: name.clone(), version: d["version"].as_u64().unwrap_or(0) }
+ }
+ if trained {
+ Steer { name: name.clone(), details: d.clone() }
+ }
+ crate::views::clsmore::Growth { details: d.clone() }
+ Verdicts { name: name.clone(), details: d.clone(), on_change: move |_| rev += 1 }
+ },
+ _ if !trained => rsx! {
+ div { class: "card dim", if running { "It's training: the learn tab shows how it goes." } else { "Train it first (the learn tab): then try it on texts, search with it, file the save into its buckets and check it with other classifiers." } }
+ },
+ Tab::Use => rsx! {
+ Try { name: name.clone(), classes: classes.clone() }
+ crate::views::clsmore::Why { name: name.clone() }
+ Search { name: name.clone(), classes: classes.clone(), outputs: d["outputs"].clone() }
+ },
+ Tab::Buckets => rsx! { crate::views::clsmore::Buckets { name: name.clone() } },
+ Tab::Checks => rsx! { crate::views::clsmore::Checks { name: name.clone(), all: all_names.clone() } },
+ }
+ }
+ }
+}
+
+// ------------------------------------------------------------------ starters
+
+/// the starters: each one's classes, where its texts come from and on what terms; making
+/// one writes its training texts as lists and trains a classifier on them
+#[component]
+fn Starters(on_made: EventHandler<String>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut rev = use_signal(|| 0u64);
+ let mut busy: Signal<Option<String>> = use_signal(|| None);
+ let api_l = api.clone();
+ let all = use_resource(move || {
+ let api = api_l.clone();
+ let _ = rev();
+ async move { api.call("classify.starters", json!({})).await }
+ });
+ let list: Vec<Value> = match &*all.read() {
+ Some(Ok(v)) => v.as_array().cloned().unwrap_or_default(),
+ Some(Err(e)) => return rsx! { div { class: "card bad", "{e}" } },
+ None => return rsx! { div { class: "card dim", "…" } },
+ };
+ rsx! {
+ div { class: "card starters",
+ h3 { "starters" }
+ p { class: "dim small",
+ "Texts whose classes are known for certain: made by a rule, or taken from public-domain books. Making one writes its training texts into this save as lists, one per class (400 texts a class for the rule-made ones), and trains a classifier on them; its page then scores it on texts held out from training, which it never saw."
+ }
+ for s in list {
+ {
+ let id = s["id"].as_str().unwrap_or("").to_string();
+ let classes = strs(&s["classes"]);
+ let source = match s["source"].as_str() {
+ Some("rules") => "made by rules",
+ Some("bundled") => "public domain, comes with the app",
+ _ => "public domain, fetched when asked",
+ };
+ let needs_fetch = s["fetched"] == false;
+ let this_busy = busy().as_deref() == Some(id.as_str());
+ let (api_m, id_m) = (api.clone(), id.clone());
+ let make = move |_| {
+ let (api, id) = (api_m.clone(), id_m.clone());
+ busy.set(Some(id.clone()));
+ spawn(async move {
+ let r = api.call("classify.starter", json!({ "id": id })).await;
+ busy.set(None);
+ match r {
+ Ok(v) => {
+ let n = v["classifier"]["name"].as_str().unwrap_or("").to_string();
+ ui.say(format!("{n}: {} texts in its lists; training", v["texts"]));
+ ui.touched();
+ on_made.call(n);
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let (api_f, id_f) = (api.clone(), id.clone());
+ let fetch = move |_| {
+ let (api, id) = (api_f.clone(), id_f.clone());
+ busy.set(Some(id.clone()));
+ spawn(async move {
+ let r = api.call("classify.starter_fetch", json!({ "id": id })).await;
+ busy.set(None);
+ match r {
+ Ok(v) => { ui.say(format!("fetched {} books", v["got"])); rev += 1; }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ rsx! {
+ div { key: "{id}", class: "starter",
+ div { class: "row",
+ b { {s["title"].as_str().unwrap_or("")} }
+ for (i , c) in classes.iter().enumerate() {
+ span { key: "{c}", class: "chip cls-class", style: "--hue: {hue(i, classes.len())};", "{c}" }
+ }
+ span { class: "grow" }
+ if needs_fetch {
+ button { disabled: busy().is_some(), onclick: fetch, Icon { name: "download" } if this_busy { "fetching…" } else { "fetch its books" } }
+ } else {
+ button { disabled: busy().is_some(), onclick: make, Icon { name: "new" } if this_busy { "making…" } else { "make and train it" } }
+ }
+ }
+ div { class: "small", {s["about"].as_str().unwrap_or("")} }
+ div { class: "dim small", "{source}: " {s["licence"].as_str().unwrap_or("")} }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// a starter classifier's score on the starter's held-out texts, read again when its
+/// weights change
+#[component]
+fn HeldOut(name: String, version: u64) -> Element {
+ let api = api();
+ let mut again = use_signal(|| 0u64);
+ let n0 = name.clone();
+ let score = use_resource(move || {
+ let (api, n) = (api.clone(), n0.clone());
+ let _ = (again(), version);
+ async move { api.call("classify.starter_score", json!({ "name": n })).await }
+ });
+ let body = match &*score.read() {
+ Some(Ok(v)) => {
+ let per: Vec<String> = v["classes"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .map(|c| format!("{} {}/{}", c["class"].as_str().unwrap_or(""), c["right"], c["texts"]))
+ .collect();
+ let dev = match v["device"]["device"].as_str() {
+ Some("cpu") | None => "the CPU".to_string(),
+ Some(_) => format!("the GPU ({})", v["device"]["gpu"].as_str().unwrap_or("")),
+ };
+ rsx! {
+ div { class: "row",
+ b { class: "big", {format!("{:.1}%", 100.0 * v["accuracy"].as_f64().unwrap_or(0.0))} }
+ span { {format!("right on {} of {} held-out texts it never trained on", v["right"], v["texts"])} }
+ }
+ div { class: "dim small", {per.join(" · ")} }
+ div { class: "dim small", {format!("read on {dev} in {:.2} s", v["seconds"].as_f64().unwrap_or(0.0))} }
+ }
+ }
+ Some(Err(e)) => rsx! { div { class: "bad small", "{e}" } },
+ None => rsx! { div { class: "dim small", "scoring on the held-out texts…" } },
+ };
+ rsx! {
+ div { class: "card held-out",
+ div { class: "row",
+ h3 { "held-out score" }
+ span { class: "grow" }
+ button { class: "plain", "data-tip": "score it again", onclick: move |_| again += 1, Icon { name: "refresh" } }
+ }
+ {body}
+ }
+ }
+}
+
+/// a class's hue, spread round the wheel (the memo palette's order)
+pub(crate) fn hue(i: usize, n: usize) -> f64 {
+ (i as f64 * 360.0 / n.max(1) as f64 + 24.0) % 360.0
+}
+
+/// the classifier as a file: written to Downloads on the desktop, a download on the web
+fn export(ui: Ui, api: Api, name: String) {
+ dioxus::dioxus_core::spawn_forever(async move {
+ let v = match api.call("classify.export", json!({ "name": name })).await {
+ Ok(v) => v,
+ Err(e) => return ui.fail(e),
+ };
+ let file = v["file"].as_str().unwrap_or("classifier.anendcls").to_string();
+ let data = v["data"].as_str().unwrap_or("").to_string();
+ if api.on_disk() {
+ #[cfg(not(target_arch = "wasm32"))]
+ {
+ let Some(bytes) = anend_core::classifiers::unbase64(&data) else {
+ return ui.fail("the export didn't read");
+ };
+ let home = std::env::var_os("HOME").or_else(|| std::env::var_os("USERPROFILE"));
+ let downloads = home
+ .map(|h| std::path::PathBuf::from(h).join("Downloads"))
+ .filter(|d| d.is_dir());
+ let dir = downloads.unwrap_or_else(|| {
+ std::path::PathBuf::from(api.describe())
+ .parent()
+ .map(|p| p.join("exports"))
+ .unwrap_or_default()
+ });
+ let _ = std::fs::create_dir_all(&dir);
+ let path = dir.join(&file);
+ match std::fs::write(&path, bytes) {
+ Ok(()) => ui.say(format!("exported to {}", path.display())),
+ Err(e) => ui.fail(format!("couldn't write {}: {e}", path.display())),
+ }
+ }
+ } else {
+ let js = format!(
+ "const b = Uint8Array.from(atob({}), c => c.charCodeAt(0)); const a = document.createElement('a'); a.href = URL.createObjectURL(new Blob([b], {{type: 'application/octet-stream'}})); a.download = {}; a.click(); setTimeout(() => URL.revokeObjectURL(a.href), 4000);",
+ serde_json::to_string(&data).unwrap_or_default(),
+ serde_json::to_string(&file).unwrap_or_default()
+ );
+ document::eval(&js);
+ ui.say(format!("exported {file}"));
+ }
+ });
+}
+
+// ------------------------------------------------------------------ training
+
+#[component]
+fn Train(name: String, details: Value, job: Option<Value>, on_start: EventHandler<Value>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut epochs = use_signal(|| 8u32);
+ let mut fresh = use_signal(|| false);
+ let device = use_signal(|| "cpu".to_string());
+ let state = job
+ .as_ref()
+ .and_then(|j| j["state"].as_str())
+ .unwrap_or("idle")
+ .to_string();
+ let running = state == "running";
+ let trained = details["trained"].as_bool().unwrap_or(false);
+ let last = details["history"]
+ .as_array()
+ .and_then(|h| h.iter().rev().find(|e| e["kind"] == "train"))
+ .cloned()
+ .unwrap_or(Value::Null);
+ let (api_t, n_t, api_c, n_c) = (api.clone(), name.clone(), api.clone(), name.clone());
+ let start = move |_| {
+ let (api, n) = (api_t.clone(), n_t.clone());
+ let args = json!({ "name": n, "epochs": *epochs.peek(), "fresh": *fresh.peek(), "device": *device.peek() });
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("classify.train", args).await {
+ Ok(j) => {
+ ui.say(format!("training {n}…"));
+ on_start.call(j);
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let cancel = move |_| {
+ let (api, n) = (api_c.clone(), n_c.clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ if let Err(e) = api.cancel_training(&n).await {
+ ui.fail(e);
+ }
+ });
+ };
+ rsx! {
+ div { class: "card",
+ div { class: "row",
+ h3 { Icon { name: "play" } "training" }
+ span { class: "grow" }
+ if !running {
+ label { class: "row small", "epochs"
+ input { r#type: "number", min: "1", max: "200", style: "width: 64px;", initial_value: "{epochs}",
+ oninput: move |e| if let Ok(v) = e.value().parse::<u32>() { epochs.set(v.clamp(1, 200)) } }
+ }
+ if trained {
+ label { class: "row small", title: "from new weights instead of going on from these",
+ input { r#type: "checkbox", checked: fresh(), onchange: move |e| fresh.set(e.checked()) } "from scratch" }
+ }
+ DevicePick { device }
+ button { class: "primary", onclick: start, Icon { name: "play" } if trained { "train more" } else { "train" } }
+ } else {
+ button { onclick: cancel, Icon { name: "pause" } "cancel" }
+ }
+ }
+ if let Some(j) = job.as_ref().filter(|_| running) {
+ Progress { job: j.clone() }
+ } else {
+ if state == "failed" {
+ div { class: "bad small", {j_err(&job)} }
+ }
+ if let Some(j) = job.as_ref().filter(|j| j["state"] == "done") {
+ div { class: "dim small", "the last run: " {format!("{:.1} s {}", j["seconds"].as_f64().unwrap_or(0.0), device_words(j["device"].as_str().unwrap_or("")))}
+ if let Some(n) = j["device_note"].as_str() { span { class: "bad", " · {n}" } } }
+ }
+ if state == "cancelled" {
+ div { class: "dim small", "the last run was cancelled; nothing was written" }
+ }
+ if last.is_object() {
+ Metrics { event: last.clone(), classes: strs(&details["classes"]) }
+ } else if !trained {
+ div { class: "dim small", "It learns from its lists' members as they are when training starts. A tiny classifier trains in seconds; compact in a minute or so." }
+ }
+ }
+ }
+ }
+}
+
+fn j_err(job: &Option<Value>) -> String {
+ job.as_ref()
+ .and_then(|j| j["error"].as_str())
+ .unwrap_or("it failed")
+ .to_string()
+}
+
+/// where a training runs: the CPU (the reference, bit for bit the same everywhere), the GPU
+/// in exact precision, or the GPU fast (plain operators, within a hair of the CPU)
+#[component]
+pub(crate) fn DevicePick(device: Signal<String>) -> Element {
+ let mut device = device;
+ rsx! {
+ label { class: "row small", title: "where it trains: without a GPU (or on a hub that keeps members on its CPU) it falls back to the CPU and says so",
+ "on"
+ select { "aria-label": "where it trains", value: "{device}", onchange: move |e| device.set(e.value()),
+ option { value: "cpu", selected: device() == "cpu", "the CPU" }
+ option { value: "gpu", selected: device() == "gpu", "the GPU" }
+ option { value: "gpu_fast", selected: device() == "gpu_fast", "the GPU, fast" }
+ }
+ }
+ }
+}
+
+/// a job's device in words
+pub(crate) fn device_words(d: &str) -> &'static str {
+ match d {
+ "gpu" => "on the GPU",
+ "gpu_fast" => "on the GPU (fast)",
+ "cpu" => "on the CPU",
+ _ => "",
+ }
+}
+
+#[component]
+pub(crate) fn Progress(job: Value) -> Element {
+ let steps = job["steps"].as_f64().unwrap_or(0.0).max(1.0);
+ let step = job["step"].as_f64().unwrap_or(0.0);
+ let rounds = job["rounds"].as_u64().unwrap_or(1);
+ let done = (step / steps).clamp(0.0, 1.0);
+ let losses: Vec<(f64, f64)> = job["losses"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .filter_map(|p| Some((p.get(0)?.as_f64()?, p.get(1)?.as_f64()?)))
+ .collect();
+ let line = spark(&losses, 240.0, 34.0);
+ rsx! {
+ div { class: "progress", role: "progressbar", "aria-valuenow": "{(done * 100.0).round()}", "aria-valuemin": "0", "aria-valuemax": "100",
+ span { style: "width: {done * 100.0:.1}%;" }
+ }
+ div { class: "row small",
+ span { {format!("{:.0}%", done * 100.0)} }
+ span { class: "dim", {format!("epoch {} · step {} of {}", job["epoch"].as_u64().unwrap_or(0) + 1, step as u64, steps as u64)} }
+ if rounds > 1 { span { class: "dim", {format!("round {} of {rounds}", job["round"].as_u64().unwrap_or(0) + 1)} } }
+ span { class: "dim", {format!("loss {:.3}", job["loss"].as_f64().unwrap_or(0.0))} }
+ span { class: "dim", {format!("{:.0} tokens/s · {:.0} s · {} texts", job["tokens_per_sec"].as_f64().unwrap_or(0.0), job["seconds"].as_f64().unwrap_or(0.0), job["examples"])} }
+ span { class: "device", {device_words(job["device"].as_str().unwrap_or(""))} }
+ }
+ if let Some(n) = job["device_note"].as_str() {
+ div { class: "small bad", "{n}" }
+ }
+ if !line.is_empty() {
+ svg { class: "spark", width: "240", height: "34", view_box: "0 0 240 34", role: "img", "aria-label": "the loss as it trains",
+ polyline { points: "{line}" }
+ }
+ }
+ }
+}
+
+/// points of a line through (x, y) pairs fitted to w × h
+pub(crate) fn spark(p: &[(f64, f64)], w: f64, h: f64) -> String {
+ if p.len() < 2 {
+ return String::new();
+ }
+ let (x0, x1) = (p[0].0, p[p.len() - 1].0.max(p[0].0 + 1.0));
+ let lo = p.iter().map(|q| q.1).fold(f64::INFINITY, f64::min);
+ let hi = p.iter().map(|q| q.1).fold(f64::NEG_INFINITY, f64::max).max(lo + 1e-9);
+ p.iter()
+ .map(|(x, y)| {
+ format!(
+ "{:.1},{:.1}",
+ (x - x0) / (x1 - x0) * w,
+ h - 2.0 - (y - lo) / (hi - lo) * (h - 4.0)
+ )
+ })
+ .collect::<Vec<_>>()
+ .join(" ")
+}
+
+#[component]
+pub(crate) fn Metrics(event: Value, classes: Vec<String>) -> Element {
+ let m = &event["metrics"];
+ let on = event["measured_on"].as_str().unwrap_or("");
+ let per = m["classes"].as_array().cloned().unwrap_or_default();
+ let confusion: Vec<Vec<u64>> = m["confusion"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .map(|r| r.as_array().into_iter().flatten().filter_map(Value::as_u64).collect())
+ .collect();
+ rsx! {
+ div { class: "figures",
+ div { b { {pct(m["accuracy"].as_f64().unwrap_or(0.0))} } "accuracy" }
+ div { b { {format!("{:.2}", m["macro_f1"].as_f64().unwrap_or(0.0))} } "macro F1" }
+ div { b { {format!("{:.3}", m["log_loss"].as_f64().unwrap_or(0.0))} } "log loss" }
+ div { b { "{event[\"examples\"]}" } "texts" }
+ div { b { {format!("{:.0} s", event["seconds"].as_f64().unwrap_or(0.0))} } "{event[\"steps\"]} steps" }
+ }
+ div { class: "dim small", {format!("measured on {} texts {}", m["n"], if on.is_empty() { "held out".to_string() } else { on.to_string() })} " · " {event["note"].as_str().unwrap_or("").to_string()} }
+ if !per.is_empty() {
+ table { class: "confusion",
+ thead { tr { th { "" } th { "F1" } th { "texts" } for c in classes.iter() { th { key: "{c}", title: "said {c}", "→ {c}" } } } }
+ tbody {
+ for (i , c) in classes.iter().enumerate() {
+ tr { key: "{c}",
+ th { "{c}" }
+ td { {format!("{:.2}", per.get(i).and_then(|s| s["f1"].as_f64()).unwrap_or(0.0))} }
+ td { {per.get(i).map(|s| s["support"].to_string()).unwrap_or_default()} }
+ for (j , n) in confusion.get(i).cloned().unwrap_or_default().into_iter().enumerate() {
+ td { key: "{j}", class: if i == j { "hit" } else if n > 0 { "miss" } else { "" }, "{n}" }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+// ------------------------------------------------------------------ trying it
+
+#[component]
+fn Try(name: String, classes: Vec<String>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut similar: Signal<Option<Vec<Value>>> = use_signal(|| None);
+ let n0 = name.clone();
+ let api_p = api.clone();
+ let out = use_resource(move || {
+ let (api, n) = (api_p.clone(), n0.clone());
+ let t = ui.bar.read().trim().to_string();
+ let shown = (ui.view)() == View::Models;
+ let _ = (ui.changed)();
+ async move {
+ if t.is_empty() || !shown {
+ return None;
+ }
+ // a beat after typing stops
+ sleep_ms(180).await;
+ Some(api.run_model(&n, &t).await)
+ }
+ });
+ let v = match &*out.read() {
+ Some(Some(Ok(v))) => v.clone(),
+ Some(Some(Err(e))) => return rsx! { div { class: "card bad", "{e}" } },
+ _ => {
+ return rsx! {
+ div { class: "card",
+ h3 { Icon { name: "text" } "try it" }
+ div { class: "dim", "Type a text in the command bar below: each class's probability shows here as you type." }
+ }
+ };
+ }
+ };
+ let r = v["results"][0].clone();
+ let text = r["text"].as_str().unwrap_or("").to_string();
+ let probs = nums(&r["probs"]);
+ let members = strs(&r["members"]);
+ let top = r["class"].as_str().unwrap_or("").to_string();
+ let api_s = api.clone();
+ let (n_s, t_s) = (name.clone(), text.clone());
+ rsx! {
+ div { class: "card",
+ div { class: "row",
+ h3 { Icon { name: "text" } "try it" }
+ span { class: "dim small t", "“{text}”" }
+ span { class: "grow" }
+ button { class: "plain", "data-tip": "the texts it reads most like this one", "aria-label": "texts like this",
+ onclick: move |_| {
+ let (api, n, t) = (api_s.clone(), n_s.clone(), t_s.clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("classify.similar", json!({ "name": n, "text": t, "limit": 12 })).await {
+ Ok(v) => similar.set(Some(v["results"].as_array().cloned().unwrap_or_default())),
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ Icon { name: "near" } "texts like this" }
+ }
+ div { class: "results",
+ for (i , c) in classes.iter().cloned().enumerate() {
+ ClassRow { key: "{c}", name: name.clone(), class: c.clone(), prob: probs.get(i).copied().unwrap_or(0.0),
+ top: c == top, member: members.contains(&c), hue: hue(i, classes.len()), key_: None, text: text.clone() }
+ }
+ }
+ if let Some(found) = similar() {
+ div { class: "row small", span { class: "dim", "most like it:" } button { class: "plain", "aria-label": "close", onclick: move |_| similar.set(None), Icon { name: "close" } } }
+ div { class: "results",
+ for h in found {
+ div { key: "{h[\"key\"]}", class: "result",
+ span { class: "p", {format!("{:.2}", h["cosine"].as_f64().unwrap_or(0.0))} }
+ span { class: "t", title: "{h[\"text\"].as_str().unwrap_or(\"\")}", {h["text"].as_str().unwrap_or("").to_string()} }
+ button { class: "plain", "aria-label": "into the bar", "data-tip": "into the bar",
+ onclick: { let t = h["text"].as_str().unwrap_or("").to_string(); move |_| ui.set_bar(&t) }, Icon { name: "text" } }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// a class's probability for a text, with yes and no (Ctrl+Z takes either back)
+#[component]
+fn ClassRow(
+ name: String,
+ class: String,
+ prob: f64,
+ top: bool,
+ member: bool,
+ hue: f64,
+ key_: Option<String>,
+ text: String,
+) -> Element {
+ let ui = ui();
+ let api = api();
+ rsx! {
+ div { class: if top { "result best" } else { "result" },
+ span { class: "t", style: "--hue: {hue};", span { class: "swatch" } "{class}" if member { span { class: "dim small", " · in it" } } }
+ span { class: "probbar wide", span { style: "width: {prob * 100.0:.1}%; background: hsl({hue} 45% 55%);" } }
+ span { class: "p", {pct(prob)} }
+ for yes in [true, false] {
+ button { class: "plain", "aria-label": if yes { "yes, it is {class}" } else { "no, it isn't {class}" }, "data-tip": if yes { "yes, it is" } else { "no, it isn't" },
+ onclick: { let (api, n, t, c, k) = (api.clone(), name.clone(), text.clone(), class.clone(), key_.clone()); move |_| {
+ let (api, n, t, c, k) = (api.clone(), n.clone(), t.clone(), c.clone(), k.clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.model_feedback(&n, k.as_deref(), &t, &c, yes).await {
+ Ok(v) => {
+ let e = &v["entry"];
+ ui.did(Did::Feedback { model: n });
+ ui.say(format!("told it {}: {c} {} → {} · Ctrl+Z takes it back", if yes { "yes" } else { "no" },
+ pct(e["before"].as_f64().unwrap_or(0.0)), pct(e["after"].as_f64().unwrap_or(0.0))));
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ } },
+ Icon { name: if yes { "check" } else { "close" } } }
+ }
+ }
+ }
+}
+
+// ------------------------------------------------------------------ steering
+
+#[component]
+fn Steer(name: String, details: Value) -> Element {
+ let ui = ui();
+ let api = api();
+ let classes = strs(&details["classes"]);
+ let h = &details["steer"]["heads"][0];
+ let mut bias = use_signal(|| nums(&h["bias"]));
+ let mut temperature = use_signal(|| h["temperature"].as_f64().unwrap_or(1.0));
+ let mut threshold = use_signal(|| h["threshold"].as_f64().unwrap_or(0.5));
+ let g0 = &details["steer"]["gains"];
+ let mut gains = use_signal(|| ["letter", "word", "side", "extra"].map(|k| g0[k].as_f64().unwrap_or(1.0)));
+ let mut report: Signal<Option<Value>> = use_signal(|| None);
+ let mut form = use_signal(|| 0u64);
+ let apply = {
+ let (api, n) = (api.clone(), name.clone());
+ move |reset: bool| {
+ let (api, n) = (api.clone(), n.clone());
+ let steer = if reset {
+ json!({ "reset": true })
+ } else {
+ {
+ let g = *gains.peek();
+ json!({ "bias": *bias.peek(), "temperature": *temperature.peek(), "threshold": *threshold.peek(),
+ "gains": { "letter": g[0], "word": g[1], "side": g[2], "extra": g[3] } })
+ }
+ };
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("classify.steer", json!({ "name": n, "steer": steer })).await {
+ Ok(v) => {
+ let h = &v["steer"]["heads"][0];
+ if reset {
+ bias.set(nums(&h["bias"]));
+ temperature.set(h["temperature"].as_f64().unwrap_or(1.0));
+ threshold.set(h["threshold"].as_f64().unwrap_or(0.5));
+ let g = &v["steer"]["gains"];
+ gains.set(["letter", "word", "side", "extra"].map(|k| g[k].as_f64().unwrap_or(1.0)));
+ form += 1;
+ }
+ report.set(Some(v["bias"].clone()));
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ let (a1, a2, a3, a4) = (apply.clone(), apply.clone(), apply.clone(), apply.clone());
+ let b = bias();
+ rsx! {
+ div { class: "card",
+ div { class: "row",
+ h3 { Icon { name: "sliders" } "steering" }
+ span { class: "dim small", "your hand on its answers; training never changes these" }
+ span { class: "grow" }
+ button { class: "plain", onclick: move |_| a4(true), Icon { name: "refresh" } "reset" }
+ }
+ for g in [form()] {
+ div { key: "{g}", class: "form",
+ for (i , c) in classes.iter().enumerate() {
+ label { "towards {c}" }
+ div { class: "row",
+ input { r#type: "range", min: "-4", max: "4", step: "0.1", style: "flex: 1;", "aria-label": "bias towards {c}",
+ initial_value: "{b.get(i).copied().unwrap_or(0.0)}",
+ oninput: move |e| if let (Ok(v), Some(x)) = (e.value().parse::<f64>(), bias.write().get_mut(i)) { *x = v; },
+ onchange: { let a = a1.clone(); move |_| a(false) } }
+ span { class: "num", {format!("{:+.1}", b.get(i).copied().unwrap_or(0.0))} }
+ }
+ }
+ label { "temperature" }
+ div { class: "row",
+ input { r#type: "range", min: "0.2", max: "4", step: "0.05", style: "flex: 1;", "aria-label": "temperature",
+ initial_value: "{temperature}", oninput: move |e| if let Ok(v) = e.value().parse() { temperature.set(v) },
+ onchange: { let a = a2.clone(); move |_| a(false) } }
+ span { class: "num", {format!("{:.2}", temperature())} }
+ }
+ label { "counts as in at" }
+ div { class: "row",
+ input { r#type: "range", min: "0", max: "1", step: "0.01", style: "flex: 1;", "aria-label": "threshold",
+ initial_value: "{threshold}", oninput: move |e| if let Ok(v) = e.value().parse() { threshold.set(v) },
+ onchange: { let a = a3.clone(); move |_| a(false) } }
+ span { class: "num", {pct(threshold())} }
+ }
+ label { class: "wide-label", "channel gains" }
+ div { class: "dim small", "how much each kind of input counts: the letters, the words' sums, the text's own measures, other classifiers" }
+ for (i , what) in ["letters", "word sums", "the text's measures", "other classifiers"].into_iter().enumerate() {
+ label { key: "gl{i}", "{what}" }
+ div { class: "row",
+ input { r#type: "range", min: "0", max: "3", step: "0.05", style: "flex: 1;", "aria-label": "the gain of {what}",
+ initial_value: "{gains()[i]}", oninput: move |e| if let Ok(v) = e.value().parse::<f64>() { gains.write()[i] = v; },
+ onchange: { let a = a1.clone(); move |_| a(false) } }
+ span { class: "num", {format!("{:.2}", gains()[i])} }
+ }
+ }
+ }
+ }
+ if let Some(r) = report().filter(|r| r.is_object()) {
+ div { class: "dim small",
+ {format!("on {} texts: {} change their answer, mean shift {:.3} nats (largest {:.3})",
+ r["texts"], pct(r["flipped"].as_f64().unwrap_or(0.0)), r["mean_kl"].as_f64().unwrap_or(0.0), r["max_kl"].as_f64().unwrap_or(0.0))}
+ }
+ }
+ }
+ }
+}
+
+// ------------------------------------------------------------------ searching with it
+
+#[component]
+fn Search(name: String, classes: Vec<String>, outputs: Value) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut class = use_signal(|| 0usize);
+ let mut words = use_signal(String::new);
+ let mut found: Signal<Option<Vec<Scored>>> = use_signal(|| None);
+ let mut busy = use_signal(|| false);
+ let run = {
+ let (api, n, classes) = (api.clone(), name.clone(), classes.clone());
+ move || {
+ let (api, n) = (api.clone(), n.clone());
+ let c = classes.get(*class.peek()).cloned().unwrap_or_default();
+ let q = words.peek().trim().to_string();
+ busy.set(true);
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.model_search(&n, &c, &q).await {
+ Ok(r) => found.set(Some(r)),
+ Err(e) => ui.fail(e),
+ }
+ busy.set(false);
+ });
+ }
+ };
+ let (r1, r2) = (run.clone(), run.clone());
+ let api_e = api.clone();
+ let n_e = name.clone();
+ let cur = classes.get(class()).cloned().unwrap_or_default();
+ let as_list = outputs[cur.as_str()].as_str().map(str::to_string);
+ let c_e = cur.clone();
+ rsx! {
+ div { class: "card",
+ div { class: "row",
+ h3 { Icon { name: "search" } "search by class" }
+ for (i , c) in classes.iter().enumerate() {
+ button { key: "{c}", class: if class() == i { "chip on" } else { "chip" }, onclick: { let mut r = r1.clone(); move |_| { class.set(i); r(); } }, "{c}" }
+ }
+ input { r#type: "text", placeholder: "and these words (optional)", style: "flex: 1; min-width: 120px;",
+ oninput: move |e| words.set(e.value()),
+ onkeydown: { let mut r = r2.clone(); move |e: KeyboardEvent| if e.key() == Key::Enter { r() } } }
+ button { class: "primary", disabled: busy(), onclick: { let mut r = run.clone(); move |_| r() }, Icon { name: "search" } "find" }
+ button { "data-tip": if as_list.is_some() { "write the list again from its answers now" } else { "its answers for this class as a list, for lists and other classifiers" },
+ onclick: move |_| {
+ let (api, n, c) = (api_e.clone(), n_e.clone(), c_e.clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.model_enlist(&n, &c).await {
+ Ok(v) => { ui.say(format!("“{}”: {} texts", v["name"].as_str().unwrap_or(""), v["members"])); ui.touched(); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ Icon { name: "list" } if as_list.is_some() { "list again" } else { "as a list" } }
+ }
+ if let Some(hits) = found() {
+ if hits.is_empty() {
+ div { class: "dim", "nothing found" }
+ }
+ div { class: "results",
+ for h in hits {
+ SearchRow { key: "{h.key.clone().unwrap_or_default()}", name: name.clone(), class: cur.clone(), hit: h }
+ }
+ }
+ }
+ }
+ }
+}
+
+#[component]
+fn SearchRow(name: String, class: String, hit: Scored) -> Element {
+ let ui = ui();
+ let api = api();
+ let t = hit.text.clone();
+ rsx! {
+ div { class: "result",
+ span { class: "p", {pct(hit.prob)} }
+ span { class: "probbar", span { style: "width: {hit.prob * 100.0:.1}%;" } }
+ span { class: "t", title: "{hit.text}", if hit.note { "✎ " } "{hit.text}" }
+ if hit.top_class.as_deref().is_some_and(|c| c != class) {
+ span { class: "dim small", "reads as {hit.top_class.clone().unwrap_or_default()}" }
+ }
+ for yes in [true, false] {
+ button { class: "plain", "aria-label": if yes { "yes" } else { "no" }, "data-tip": if yes { "yes, it is {class}" } else { "no, it isn't {class}" },
+ onclick: { let (api, n, c, k, t) = (api.clone(), name.clone(), class.clone(), hit.key.clone(), hit.text.clone()); move |_| {
+ let (api, n, c, k, t) = (api.clone(), n.clone(), c.clone(), k.clone(), t.clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.model_feedback(&n, k.as_deref(), &t, &c, yes).await {
+ Ok(_) => { ui.did(Did::Feedback { model: n }); ui.say("told it; Ctrl+Z takes it back"); ui.touched(); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ } },
+ Icon { name: if yes { "check" } else { "close" } } }
+ }
+ button { class: "plain", "aria-label": "into the bar", "data-tip": "into the bar", onclick: move |_| ui.set_bar(&t), Icon { name: "text" } }
+ }
+ }
+}
+
+// ------------------------------------------------------------------ verdicts given
+
+#[component]
+fn Verdicts(name: String, details: Value, on_change: EventHandler<()>) -> Element {
+ let ui = ui();
+ let api = api();
+ let fb = details["feedback"].as_array().cloned().unwrap_or_default();
+ let count = details["feedback_count"].as_u64().unwrap_or(0);
+ let undo = details["undo"].as_u64().unwrap_or(0);
+ if count == 0 {
+ return rsx! {};
+ }
+ let n = name.clone();
+ rsx! {
+ div { class: "card",
+ div { class: "row",
+ h3 { Icon { name: "check" } "yes and no given" }
+ span { class: "dim small", "{count} in all; kept and replayed when it trains" }
+ span { class: "grow" }
+ button { class: "plain", disabled: undo == 0, "data-tip": if undo == 0 { "nothing to take back since it last trained".to_string() } else { format!("take back the latest ({undo} can be)") },
+ onclick: move |_| {
+ let (api, n) = (api.clone(), n.clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.undo_model_feedback(&n).await {
+ Ok(()) => { ui.say("took it back"); ui.touched(); on_change.call(()); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ Icon { name: "undo" } "take back" }
+ }
+ div { class: "results",
+ for (i , e) in fb.into_iter().take(8).enumerate() {
+ div { key: "{i}", class: "result",
+ span { class: "p", Icon { name: if e["yes"] == true { "check" } else { "close" } } }
+ span { class: "small", style: "flex: none;", {e["class"].as_str().unwrap_or("").to_string()} }
+ span { class: "t dim", {e["text"].as_str().unwrap_or("").to_string()} }
+ span { class: "p", {format!("{} → {}", pct(e["before"].as_f64().unwrap_or(0.0)), pct(e["after"].as_f64().unwrap_or(0.0)))} }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/app/src/views/clsmore.rs b/app/src/views/clsmore.rs
new file mode 100644
index 00000000..f2c17974
--- /dev/null
+++ b/app/src/views/clsmore.rs
@@ -0,0 +1,461 @@
+//! More of the classifiers view, as the Bevy app had it (classify_ui.rs, cls_more.rs): the
+//! page's tabs (learn, use, buckets, checks); the buckets (every text filed by class and
+//! sureness in tenths, a column or a class opening its texts, index again); texts near a
+//! text by meaning or by verdict; "why" (each classifier's part in a verdict); the checks
+//! (validators: other classifiers that must say a class for a verdict to stand, and the
+//! texts they disagree on); the growth it went through.
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use crate::ui::*;
+use crate::views::classifiers::{nums, strs};
+
+#[derive(Clone, Copy, PartialEq, Eq, Debug)]
+pub enum Tab {
+ Learn,
+ Use,
+ Buckets,
+ Checks,
+}
+
+impl Tab {
+ pub const ALL: [Tab; 4] = [Tab::Learn, Tab::Use, Tab::Buckets, Tab::Checks];
+ pub fn name(self) -> &'static str {
+ match self {
+ Tab::Learn => "learn",
+ Tab::Use => "use",
+ Tab::Buckets => "buckets",
+ Tab::Checks => "checks",
+ }
+ }
+ pub fn icon(self) -> &'static str {
+ match self {
+ Tab::Learn => "sliders",
+ Tab::Use => "search",
+ Tab::Buckets => "bucket",
+ Tab::Checks => "shield",
+ }
+ }
+ pub fn tip(self) -> &'static str {
+ match self {
+ Tab::Learn => "training, steering and what it was told",
+ Tab::Use => "try it, why it says so, search by class, texts near a text",
+ Tab::Buckets => "every text filed by class and sureness, and near texts",
+ Tab::Checks => "other classifiers that check this one, and where they disagree",
+ }
+ }
+}
+
+#[component]
+pub fn Tabs(tab: Signal<Tab>) -> Element {
+ let mut tab = tab;
+ rsx! {
+ div { class: "card cls-tabs", role: "tablist",
+ for t in Tab::ALL {
+ button {
+ key: "{t.name()}",
+ role: "tab",
+ class: if tab() == t { "plain on" } else { "plain" },
+ "aria-selected": "{tab() == t}",
+ "data-tip": "{t.tip()}",
+ onclick: move |_| tab.set(t),
+ Icon { name: t.icon() }
+ "{t.name()}"
+ }
+ }
+ }
+ }
+}
+
+/// the growth and training it went through, newest first
+#[component]
+pub fn Growth(details: Value) -> Element {
+ let hist: Vec<Value> = details["history"].as_array().cloned().unwrap_or_default();
+ if hist.is_empty() {
+ return rsx! {};
+ }
+ rsx! {
+ div { class: "card",
+ h3 { Icon { name: "stats" } "growth" span { class: "dim small", " what it went through, newest first" } }
+ table { class: "growth",
+ thead { tr { th { "when" } th { "what" } th { "accuracy" } th { "F1" } th { "on" } th { "steps" } th { "" } } }
+ for (i , e) in hist.iter().rev().take(30).enumerate() {
+ tr { key: "{i}",
+ td { class: "dim", {e["time"].as_str().unwrap_or("").get(..16).unwrap_or("").replace('T', " ")} }
+ td { "{e[\"kind\"].as_str().unwrap_or(\"\")}" }
+ td { {e["metrics"]["accuracy"].as_f64().map(|a| format!("{:.1}%", a * 100.0)).unwrap_or_default()} }
+ td { {e["metrics"]["macro_f1"].as_f64().map(|a| format!("{a:.3}")).unwrap_or_default()} }
+ td { class: "dim", {format!("{} {}", e["examples"].as_u64().unwrap_or(0), e["measured_on"].as_str().unwrap_or(""))} }
+ td { "{e[\"steps\"].as_u64().unwrap_or(0)}" }
+ td { class: "dim small", "{e[\"note\"].as_str().unwrap_or(\"\")}" }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// each classifier's part in what this one says of a text (`classify.contributions`)
+#[component]
+pub fn Why(name: String) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut text = use_signal(String::new);
+ let mut got: Signal<Option<Value>> = use_signal(|| None);
+ let ask = move |_| {
+ let (api, n, t) = (api.clone(), name.clone(), text());
+ if t.trim().is_empty() {
+ ui.say("a text to ask about, please");
+ return;
+ }
+ spawn(async move {
+ match api
+ .call("classify.contributions", json!({ "name": n, "text": t }))
+ .await
+ {
+ Ok(v) => got.set(Some(v)),
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let v = got();
+ rsx! {
+ div { class: "card",
+ h3 { Icon { name: "help" } "why" span { class: "dim small", " each classifier's part in a verdict, end to end through the couplings" } }
+ div { class: "row",
+ input { r#type: "text", style: "flex: 1;", placeholder: "a text", "aria-label": "a text to ask why about", oninput: move |e| text.set(e.value()) }
+ button { onclick: ask, "why?" }
+ }
+ if let Some(v) = v {
+ div { class: "dim small", "it says “{v[\"class\"].as_str().unwrap_or(\"\")}”: who had a part in it" }
+ div { class: "results",
+ for (i , r) in v["results"].as_array().cloned().unwrap_or_default().into_iter().enumerate() {
+ div { key: "{i}", class: "result",
+ span { class: "p", {format!("{:.0}%", r["share"].as_f64().unwrap_or(0.0) * 100.0)} }
+ span { class: "probbar", span { style: "width: {(r[\"share\"].as_f64().unwrap_or(0.0) * 100.0).clamp(0.0, 100.0):.0}%;" } }
+ span { class: "t", b { "{r[\"name\"].as_str().unwrap_or(\"\")}" } if r["judged"] == true { " (this one)" } " says {r[\"top_class\"].as_str().unwrap_or(\"\")}" }
+ span { class: "dim small", {format!("inputs {:.0}%", r["input_share"].as_f64().unwrap_or(0.0) * 100.0)} }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// the texts filed nearest a text, by what the classifier represents them as (meaning) or
+/// by how it judges them (verdict)
+#[component]
+pub fn Near(name: String) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut text = use_signal(String::new);
+ let mut by = use_signal(|| "embedding");
+ let mut got: Signal<Option<Value>> = use_signal(|| None);
+ let ask = move |_| {
+ let (api, n, t, b) = (api.clone(), name.clone(), text(), by());
+ if t.trim().is_empty() {
+ return;
+ }
+ // a key as it is, else a text
+ let args = if anend_core::graph::record::parse_label(t.trim().trim_start_matches("note:")).is_some() {
+ json!({ "name": n, "key": t.trim(), "by": b, "limit": 30 })
+ } else {
+ json!({ "name": n, "text": t, "by": b, "limit": 30 })
+ };
+ spawn(async move {
+ match api.call("classify.near", args).await {
+ Ok(v) => got.set(Some(v)),
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ rsx! {
+ div { class: "card",
+ h3 { Icon { name: "near" } "near texts" span { class: "dim small", " the filed texts closest to a text: by meaning (what it represents it as) or by verdict (how it judges it)" } }
+ div { class: "row",
+ span { class: "mtabs",
+ button { class: if by() == "embedding" { "mtab on" } else { "mtab" }, onclick: move |_| by.set("embedding"), "meaning" }
+ button { class: if by() == "outputs" { "mtab on" } else { "mtab" }, onclick: move |_| by.set("outputs"), "verdict" }
+ }
+ input { r#type: "text", style: "flex: 1;", placeholder: "a text, or a key like 0,12", "aria-label": "a text to find near texts of", oninput: move |e| text.set(e.value()) }
+ button { onclick: ask, Icon { name: "near" } "find them" }
+ }
+ if let Some(v) = got() {
+ div { class: "dim small", "{v[\"indexed\"]} texts filed" }
+ div { class: "results",
+ for (i , r) in v["results"].as_array().cloned().unwrap_or_default().into_iter().enumerate() {
+ div { key: "{i}", class: "result",
+ span { class: "p", {format!("{:.3}", r["cosine"].as_f64().unwrap_or(0.0))} }
+ span { class: "t", title: "{r[\"key\"].as_str().unwrap_or(\"\")}", onclick: { let t = r["text"].as_str().unwrap_or("").to_string(); move |_| ui.set_bar(&t) },
+ if r["note"] == true { "✎ " } "{r[\"text\"].as_str().unwrap_or(\"\")}" }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// every text filed by class and sureness, in tenths; a cell opens its texts
+#[component]
+pub fn Buckets(name: String) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut again = use_signal(|| 0u64);
+ let mut open: Signal<Option<(String, Option<u32>)>> = use_signal(|| None);
+ let mut job: Signal<Option<Value>> = use_signal(|| None);
+ let (n0, api0) = (name.clone(), api.clone());
+ let b = use_resource(move || {
+ let (api, n) = (api0.clone(), n0.clone());
+ let _ = (again(), (ui.changed)());
+ async move { api.call("classify.buckets", json!({ "name": n })).await }
+ });
+ let (n1, api1) = (name.clone(), api.clone());
+ let texts = use_resource(move || {
+ let (api, n) = (api1.clone(), n1.clone());
+ let o = open();
+ async move {
+ let (c, band) = o?;
+ let mut args = json!({ "name": n, "class": c, "limit": 200 });
+ if let Some(b) = band {
+ args["band"] = json!(b);
+ }
+ api.call("classify.bucket", args).await.ok()
+ }
+ });
+ let (n2, api2) = (name.clone(), api.clone());
+ let index = move |_| {
+ let (api, n) = (api2.clone(), n2.clone());
+ spawn(async move {
+ match api.call("classify.index", json!({ "name": n })).await {
+ Ok(j) => {
+ job.set(Some(j));
+ loop {
+ sleep_ms(400).await;
+ match api.call("classify.index_job", json!({ "name": n })).await {
+ Ok(j) => {
+ let running = j["state"] == "running";
+ job.set(Some(j));
+ if !running {
+ break;
+ }
+ }
+ Err(_) => break,
+ }
+ }
+ again += 1;
+ ui.say(format!("{n}: the save is filed again"));
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let v = match &*b.read() {
+ Some(Ok(v)) => v.clone(),
+ Some(Err(e)) => return rsx! { div { class: "card dim", "{e}" } },
+ None => return rsx! { div { class: "card dim", "…" } },
+ };
+ let palette = strs(&v["palette"]);
+ let buckets: Vec<Value> = v["buckets"].as_array().cloned().unwrap_or_default();
+ let max = buckets.iter().flat_map(|b| nums(&b["bands"])).fold(1.0f64, f64::max);
+ let total: u64 = buckets.iter().map(|b| b["count"].as_u64().unwrap_or(0)).sum();
+ let running = job().is_some_and(|j| j["state"] == "running");
+ rsx! {
+ div { class: "card",
+ div { class: "row",
+ h3 { Icon { name: "bucket" } "buckets" }
+ span { class: "dim small", "{total} of {v[\"indexed\"]} texts filed" }
+ span { class: "grow" }
+ if running {
+ span { class: "dim small", {format!("filing {} of {}", job().map(|j| j["done"].clone()).unwrap_or_default(), job().map(|j| j["total"].clone()).unwrap_or_default())} }
+ }
+ button { disabled: running, "data-tip": "file every text again (after training or new texts)", onclick: index, Icon { name: "bolt" } "index again" }
+ }
+ div { class: "bgrid",
+ span { class: "dim small", "class" }
+ span {}
+ span { class: "dim small bscale", span { "0%" } span { "sureness →" } span { "100%" } }
+ for (i , bk) in buckets.iter().enumerate() {
+ {
+ let cname = bk["class"].as_str().unwrap_or("").to_string();
+ let colour = if bk["index"].is_null() { "#8a8580".to_string() } else { palette.get(i).cloned().unwrap_or_default() };
+ let bands = nums(&bk["bands"]);
+ let c2 = cname.clone();
+ rsx! {
+ button { key: "c{i}", class: "plain bclass", onclick: move |_| open.set(Some((c2.clone(), None))),
+ span { class: "dot", style: "background: {colour};" } "{cname}" }
+ span { class: "dim num", "{bk[\"count\"]}" }
+ div { class: "bands",
+ for (j , n) in bands.iter().enumerate() {
+ {
+ let c3 = cname.clone();
+ let h = (n / max * 100.0).clamp(0.0, 100.0);
+ rsx! {
+ button { key: "{j}", class: "band", title: "{cname}: {n} texts {j}0–{j + 1}0% sure",
+ onclick: move |_| open.set(Some((c3.clone(), Some(j as u32)))),
+ span { style: "height: {h:.0}%; background: {colour};" }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ div { class: "dim small", "each class's texts by how sure it is, in tenths; “uncertain” holds the texts it puts in no class. Click a class or a cell for its texts. What's filed is kept until training, feedback or steering changes it." }
+ if let Some((c, band)) = open() {
+ div { class: "bucket-texts",
+ div { class: "row",
+ b { "{c}" }
+ if let Some(bd) = band { span { class: "dim small", " {bd}0–{bd + 1}0% sure" } }
+ span { class: "grow" }
+ button { class: "plain ibtn", "aria-label": "close", onclick: move |_| open.set(None), Icon { name: "close" } }
+ }
+ match texts.read().clone().flatten() {
+ Some(t) => rsx! {
+ if t["stale"].as_u64().unwrap_or(0) > 0 { div { class: "dim small", "{t[\"stale\"]} filed before the last change: index again" } }
+ div { class: "results",
+ for (i , h) in t["hits"].as_array().cloned().unwrap_or_default().into_iter().enumerate() {
+ div { key: "{i}", class: "result",
+ span { class: "p", {format!("{:.0}%", h["prob"].as_f64().unwrap_or(0.0) * 100.0)} }
+ span { class: "t", onclick: { let t = h["text"].as_str().unwrap_or("").to_string(); move |_| ui.set_bar(&t) },
+ if h["note"] == true { "✎ " } "{h[\"text\"].as_str().unwrap_or(\"\")}" }
+ span { class: "dim small", "{h[\"ordinal\"]}·{h[\"reversed\"]}" }
+ }
+ }
+ }
+ },
+ None => rsx! { div { class: "dim", "…" } },
+ }
+ }
+ }
+ }
+ Near { name: name.clone() }
+ }
+}
+
+/// the validators (classifiers that check this one) and the texts they disagree on
+#[component]
+pub fn Checks(name: String, all: Vec<String>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut again = use_signal(|| 0u64);
+ let (n0, api0) = (name.clone(), api.clone());
+ let vals = use_resource(move || {
+ let (api, n) = (api0.clone(), n0.clone());
+ let _ = again();
+ async move { api.call("classify.validators", json!({ "name": n })).await }
+ });
+ let (n1, api1) = (name.clone(), api.clone());
+ let dis = use_resource(move || {
+ let (api, n) = (api1.clone(), n1.clone());
+ let _ = again();
+ async move {
+ api.call("classify.disagreements", json!({ "name": n, "limit": 40 }))
+ .await
+ }
+ });
+ let mut by = use_signal(String::new);
+ let mut class = use_signal(String::new);
+ let mut min = use_signal(|| 0.5f64);
+ let mut mode = use_signal(|| "gate".to_string());
+ // the classes of the classifier picked as a validator
+ let api_c = api.clone();
+ let by_classes = use_resource(move || {
+ let api = api_c.clone();
+ let b = by();
+ async move {
+ if b.is_empty() {
+ return vec![];
+ }
+ api.call("classify.get", json!({ "name": b }))
+ .await
+ .map(|v| strs(&v["classes"]))
+ .unwrap_or_default()
+ }
+ });
+ let current: Vec<Value> = match &*vals.read() {
+ Some(Ok(v)) => v["validators"].as_array().cloned().unwrap_or_default(),
+ _ => vec![],
+ };
+ let set = {
+ let (api, n) = (api.clone(), name.clone());
+ move |list: Vec<Value>| {
+ let (api, n) = (api.clone(), n.clone());
+ spawn(async move {
+ match api.call("classify.validators", json!({ "name": n, "set": list })).await {
+ Ok(_) => {
+ again += 1;
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ let set2 = set.clone();
+ let cur2 = current.clone();
+ let others: Vec<String> = all.into_iter().filter(|x| *x != name).collect();
+ rsx! {
+ div { class: "card",
+ h3 { Icon { name: "shield" } "validators" span { class: "dim small", " other classifiers that check this one: a verdict stands when its validator says the class it must" } }
+ if current.is_empty() { div { class: "dim", "none yet" } }
+ for (i , v) in current.iter().enumerate() {
+ div { key: "{i}", class: "row",
+ b { "{v[\"by\"].as_str().unwrap_or(\"\")}" }
+ span { "must say “{v[\"class\"].as_str().unwrap_or(\"\")}” at least {v[\"min\"].as_f64().unwrap_or(0.5) * 100.0:.0}% ({v[\"mode\"].as_str().unwrap_or(\"gate\")})" }
+ button { class: "plain", "data-tip": "take this validator off",
+ onclick: { let s = set.clone(); let cur = current.clone(); move |_| { let mut l = cur.clone(); l.remove(i); s(l); } },
+ Icon { name: "close" } }
+ }
+ }
+ if others.is_empty() {
+ div { class: "dim small", "train another classifier to check this one with" }
+ } else {
+ div { class: "row",
+ select { "aria-label": "the validator", onchange: move |e| { by.set(e.value()); class.set(String::new()); },
+ option { value: "", "a classifier…" }
+ for o in others { option { key: "{o}", value: "{o}", "{o}" } }
+ }
+ select { "aria-label": "the class it must say", onchange: move |e| class.set(e.value()),
+ option { value: "", "the class it must say…" }
+ for c in by_classes.read().clone().unwrap_or_default() { option { key: "{c}", value: "{c}", "{c}" } }
+ }
+ label { class: "row small", "at least" input { r#type: "number", min: "0", max: "1", step: "0.05", value: "{min}", style: "width: 70px;", oninput: move |e| if let Ok(x) = e.value().parse() { min.set(x) } } }
+ select { "aria-label": "how it checks", value: "{mode}", onchange: move |e| mode.set(e.value()),
+ option { value: "gate", "gate: no class unless it passes" }
+ option { value: "weigh", "weigh: multiply by its sureness" }
+ }
+ button { disabled: by().is_empty() || class().is_empty(),
+ onclick: move |_| { let mut l = cur2.clone(); l.push(json!({ "by": by(), "class": class(), "min": min(), "mode": mode() })); set2(l); },
+ Icon { name: "new" } "add it" }
+ }
+ }
+ }
+ div { class: "card",
+ h3 { Icon { name: "alert" } "disagreements" span { class: "dim small", " texts it puts in a class its validators don't let stand" } }
+ match &*dis.read() {
+ Some(Ok(d)) => {
+ let rs = d["results"].as_array().cloned().unwrap_or_default();
+ rsx! {
+ if rs.is_empty() { div { class: "dim", "they agree on every text" } }
+ div { class: "results",
+ for (i , r) in rs.into_iter().enumerate() {
+ div { key: "{i}", class: "result",
+ span { class: "p", {format!("{:.0}%", r["prob"].as_f64().unwrap_or(0.0) * 100.0)} }
+ span { class: "t", onclick: { let t = r["text"].as_str().unwrap_or("").to_string(); move |_| ui.set_bar(&t) }, "{r[\"text\"].as_str().unwrap_or(\"\")}" }
+ span { class: "dim small", "“{r[\"class\"].as_str().unwrap_or(\"\")}”, checked by " {r["checks"].as_array().cloned().unwrap_or_default().iter().map(|c| format!("{} {:.0}%", c[0].as_str().unwrap_or(""), c[1].as_f64().unwrap_or(0.0) * 100.0)).collect::<Vec<_>>().join(", ")} }
+ }
+ }
+ }
+ }
+ }
+ Some(Err(e)) => rsx! { div { class: "dim", "{e}" } },
+ None => rsx! { div { class: "dim", "…" } },
+ }
+ }
+ }
+}
diff --git a/app/src/views/flt.rs b/app/src/views/flt.rs
new file mode 100644
index 00000000..5b562059
--- /dev/null
+++ b/app/src/views/flt.rs
@@ -0,0 +1,500 @@
+//! The filters view's builder, as the Bevy app's filters_ui.rs had it: include and exclude
+//! texts by what classifiers say of them, by words, sums, lists, tags and kind, nested in
+//! "all of" and "any of" groups (each condition can be turned round: "not"); run over the
+//! classifiers' memoized buckets (`filters.run`), kept as presets that can include each
+//! other (`filters.save`), and written out as lists (`filters.enlist`).
+//!
+//! The expression is core's `filters::Expr` as JSON, edited in place by paths into it.
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use crate::backend::FilterRun;
+use crate::ui::*;
+use crate::views::classifiers::strs;
+
+/// what the builder offers to add
+const ADD: [(&str, &str); 8] = [
+ ("class", "a classifier says"),
+ ("words", "words"),
+ ("sum", "a sum"),
+ ("list", "in a list"),
+ ("tags", "tags"),
+ ("kind", "texts or notes"),
+ ("preset", "a kept filter"),
+ ("group", "a group"),
+];
+
+fn blank(kind: &str) -> Value {
+ match kind {
+ "class" => json!({ "op": "class", "classifier": "", "class": "" }),
+ "words" => json!({ "op": "words", "q": "" }),
+ "sum" => json!({ "op": "sum", "bucket": "ordinal" }),
+ "list" => json!({ "op": "list", "list": "" }),
+ "tags" => json!({ "op": "tags", "tags": [] }),
+ "kind" => json!({ "op": "kind", "kind": "memories" }),
+ "preset" => json!({ "op": "preset", "name": "" }),
+ _ => json!({ "op": "or", "of": [] }),
+ }
+}
+
+/// the node at a path (indices into `of`)
+fn at<'a>(root: &'a mut Value, path: &[usize]) -> Option<&'a mut Value> {
+ let mut v = root;
+ for &i in path {
+ v = v.get_mut("of")?.get_mut(i)?;
+ }
+ Some(v)
+}
+
+/// a condition without its "not"
+fn inner(v: &Value) -> (&Value, bool) {
+ if v["op"] == "not" { (&v["of"], true) } else { (v, false) }
+}
+
+#[derive(Clone, PartialEq)]
+struct Ctx {
+ classifiers: Vec<(String, Vec<String>)>,
+ lists: Vec<(String, String)>,
+ presets: Vec<String>,
+}
+
+#[component]
+pub fn Builder() -> Element {
+ let ui = ui();
+ let api = api();
+ let mut expr = use_signal(|| json!({ "op": "and", "of": [] }));
+ let mut name = use_signal(String::new);
+ // a pipe's effects and actions on what the filter lets through
+ let mut effects: Signal<Vec<Value>> = use_signal(Vec::new);
+ let mut actions: Signal<Vec<Value>> = use_signal(Vec::new);
+ // the kept pipe being edited, and the kept pipes' revision
+ let mut editing: Signal<Option<String>> = use_signal(|| None);
+ let mut pipes_rev = use_signal(|| 0u64);
+ let mut found: Signal<Option<FilterRun>> = use_signal(|| None);
+ let api_c = api.clone();
+ let ctx = use_resource(move || {
+ let api = api_c.clone();
+ let _ = (ui.changed)();
+ async move {
+ let mut classifiers = Vec::new();
+ for c in api
+ .call("classify.list", json!({}))
+ .await
+ .ok()
+ .and_then(|v| v.as_array().cloned())
+ .unwrap_or_default()
+ {
+ let n = c["name"].as_str().unwrap_or("").to_string();
+ let classes = api
+ .call("classify.get", json!({ "name": n }))
+ .await
+ .map(|d| strs(&d["classes"]))
+ .unwrap_or_default();
+ classifiers.push((n, classes));
+ }
+ let lists = api
+ .lists()
+ .await
+ .map(|l| l.lists.into_iter().map(|x| (x.list, x.name)).collect())
+ .unwrap_or_default();
+ let presets = api.filters().await.unwrap_or_default();
+ (
+ Ctx {
+ classifiers,
+ lists,
+ presets: presets.iter().map(|p| p.name.clone()).collect(),
+ },
+ presets,
+ )
+ }
+ });
+ let Some((cx, presets)) = ctx.read().clone() else {
+ return rsx! { div { class: "card dim", "…" } };
+ };
+ use_context_provider(|| cx.clone());
+ let api_r = api.clone();
+ let run = move |_| {
+ let api = api_r.clone();
+ let e = prune(&expr());
+ if e.is_null() {
+ ui.say("add a condition first");
+ return;
+ }
+ spawn(async move {
+ match api.run_filter(&e).await {
+ Ok(r) => found.set(Some(r)),
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let api_s = api.clone();
+ let save = move |_| {
+ let (api, n, e) = (api_s.clone(), name().trim().to_string(), prune(&expr()));
+ spawn(async move {
+ match api.save_filter(&n, &e, "").await {
+ Ok(()) => {
+ ui.say(format!(
+ "kept the filter “{n}”: it can be part of other filters, and written as a list"
+ ));
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let api_p = api.clone();
+ let keep_pipe = move |_| {
+ let api = api_p.clone();
+ let n = name().trim().to_string();
+ let e = prune(&expr());
+ let pipe = json!({ "name": n, "from": e, "effects": effects(), "actions": actions() });
+ let was = editing();
+ spawn(async move {
+ let mut args = json!({ "pipe": pipe });
+ match &was {
+ Some(w) => args["was"] = json!(w),
+ None => args["new"] = json!(true),
+ }
+ match api.call("pipes.save", args).await {
+ Ok(_) => {
+ ui.say(format!(
+ "kept the pipe “{n}”: turn it on below to see its effects in the memory view and the space"
+ ));
+ if let Some(w) = was.filter(|w| *w != n) {
+ crate::shell::set_pref(ui, |p| {
+ for x in p.pipes.iter_mut() {
+ if *x == w {
+ *x = n.clone();
+ }
+ }
+ });
+ }
+ editing.set(Some(n));
+ pipes_rev += 1;
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let classifier_names: Vec<String> = cx.classifiers.iter().map(|c| c.0.clone()).collect();
+ rsx! {
+ div { class: "card",
+ h3 { Icon { name: "classifier" } "by what classifiers say, and pipes" span { class: "dim small", " conditions in groups: all of them, or any; each can be turned round. With effects, it's a pipe." } }
+ Group { expr, path: vec![], depth: 0 }
+ crate::views::pipes::Parts { effects, actions, classifiers: classifier_names }
+ div { class: "row",
+ button { class: "primary", onclick: run, Icon { name: "play" } "run" }
+ input { r#type: "text", placeholder: "a name to keep it", value: "{name}", oninput: move |e| name.set(e.value()) }
+ button { disabled: name().trim().is_empty(), "data-tip": "keep the filter, to use in other filters", onclick: save, Icon { name: "save" } "keep the filter" }
+ button { disabled: name().trim().is_empty(), "data-tip": "keep the filter with its effects and actions",
+ onclick: keep_pipe, Icon { name: "save" } if editing().is_some() { "save the pipe" } else { "keep as a pipe" } }
+ if let Some(w) = editing() {
+ span { class: "dim small", "editing the pipe “{w}”" }
+ button { class: "plain", onclick: move |_| { editing.set(None); effects.set(vec![]); actions.set(vec![]); expr.set(json!({ "op": "and", "of": [] })); name.set(String::new()); },
+ Icon { name: "close" } "new" }
+ }
+ }
+ if let Some(r) = found() {
+ div { class: "dim small", "{r.matched} of {r.scanned} texts" }
+ div { class: "results",
+ for (i , h) in r.results.iter().cloned().enumerate() {
+ div { key: "{i}", class: "result",
+ span { class: "p", {if h.prob > 0.0 { format!("{:.0}%", h.prob * 100.0) } else { String::new() }} }
+ span { class: "t", title: "{h.text}", onclick: { let t = h.text.clone(); move |_| ui.set_bar(&t) }, if h.note { "✎ " } "{h.text}" }
+ }
+ }
+ }
+ }
+ }
+ crate::views::pipes::KeptPipes { rev: pipes_rev, on_open: move |p: Value| {
+ let from = p["from"].clone();
+ expr.set(if from.is_null() { json!({ "op": "and", "of": [] }) } else if from["op"] == "and" || from["op"] == "or" { from } else { json!({ "op": "and", "of": [from] }) });
+ effects.set(p["effects"].as_array().cloned().unwrap_or_default());
+ actions.set(p["actions"].as_array().cloned().unwrap_or_default());
+ let n = p["name"].as_str().unwrap_or("").to_string();
+ name.set(n.clone());
+ editing.set(Some(n));
+ } }
+ if !presets.is_empty() {
+ div { class: "card",
+ h3 { Icon { name: "save" } "kept filters" }
+ for p in presets {
+ Kept { key: "{p.name}", name: p.name.clone(), reads: p.reads.clone(), count: p.count, expr: p.expr.clone(), on_open: { let mut expr = expr; move |e: Value| { expr.set(e); } } }
+ }
+ }
+ }
+ }
+}
+
+#[component]
+fn Kept(name: String, reads: String, count: Option<u64>, expr: Value, on_open: EventHandler<Value>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut armed = use_signal(|| false);
+ let (api1, api2, n1, n2) = (api.clone(), api.clone(), name.clone(), name.clone());
+ rsx! {
+ div { class: "row kept",
+ b { "{name}" }
+ span { class: "dim small grow", "{reads}" if let Some(c) = count { " · {c} found last time" } }
+ button { class: "plain", "data-tip": "into the builder", onclick: move |_| on_open.call(expr.clone()), Icon { name: "edit" } }
+ button { class: "plain", "data-tip": "write its texts as a list",
+ onclick: move |_| {
+ let (api, n) = (api1.clone(), n1.clone());
+ spawn(async move {
+ match api.enlist_filter(&n).await {
+ Ok(v) => { ui.say(format!("the list “{}” holds its {} texts", v["name"].as_str().unwrap_or(""), v["members"])); ui.touched(); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ Icon { name: "list" } "as a list" }
+ button { class: if armed() { "armed" } else { "plain" }, "data-tip": "delete it (click twice)",
+ onclick: move |_| {
+ if !armed() { armed.set(true); return; }
+ let (api, n) = (api2.clone(), n2.clone());
+ spawn(async move { match api.delete_filter(&n).await { Ok(()) => ui.touched(), Err(e) => ui.fail(e) } });
+ },
+ Icon { name: "delete" } }
+ }
+ }
+}
+
+#[component]
+fn Group(expr: Signal<Value>, path: Vec<usize>, depth: usize) -> Element {
+ let mut expr = expr;
+ let node = {
+ let mut root = expr();
+ at(&mut root, &path).cloned().unwrap_or(Value::Null)
+ };
+ let (g, not) = inner(&node);
+ let op = g["op"].as_str().unwrap_or("and").to_string();
+ let items: Vec<Value> = g["of"].as_array().cloned().unwrap_or_default();
+ let p1 = path.clone();
+ let p2 = path.clone();
+ let p3 = path.clone();
+ rsx! {
+ div { class: if depth == 0 { "fgroup root" } else { "fgroup" },
+ div { class: "row",
+ span { class: "mtabs",
+ button { class: if op == "and" { "mtab on" } else { "mtab" }, onclick: { let p = p1.clone(); move |_| set_op(expr, &p, "and") }, "all of" }
+ button { class: if op == "or" { "mtab on" } else { "mtab" }, onclick: { let p = p1.clone(); move |_| set_op(expr, &p, "or") }, "any of" }
+ }
+ if not { span { class: "bad small", "not" } }
+ span { class: "grow" }
+ select {
+ key: "{items.len()}",
+ "aria-label": "add a condition",
+ value: "",
+ onchange: move |e| {
+ let k = e.value();
+ if k.is_empty() { return; }
+ let mut root = expr();
+ if let Some(n) = at(&mut root, &p2) {
+ let g = if n["op"] == "not" { &mut n["of"] } else { n };
+ if let Some(a) = g["of"].as_array_mut() { a.push(blank(&k)); }
+ }
+ expr.set(root);
+ },
+ option { value: "", "add a condition…" }
+ for (k , label) in ADD { option { key: "{k}", value: "{k}", "{label}" } }
+ }
+ if depth > 0 {
+ Turn { expr, path: p3.clone() }
+ }
+ }
+ if items.is_empty() { div { class: "dim small", "no conditions yet: every text passes" } }
+ for (i , it) in items.iter().enumerate() {
+ {
+ let mut p = path.clone();
+ p.push(i);
+ let (c, _) = inner(it);
+ let group = c["op"] == "and" || c["op"] == "or";
+ rsx! {
+ if group {
+ Group { key: "{i}", expr, path: p, depth: depth + 1 }
+ } else {
+ Cond { key: "{i}", expr, path: p }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// the expression without empty groups (a group with nothing in it lets everything by)
+fn prune(v: &Value) -> Value {
+ match v["op"].as_str() {
+ Some("and") | Some("or") => {
+ let of: Vec<Value> = v["of"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .map(prune)
+ .filter(|x| !x.is_null())
+ .collect();
+ if of.is_empty() {
+ Value::Null
+ } else {
+ json!({ "op": v["op"], "of": of })
+ }
+ }
+ Some("not") => {
+ let i = prune(&v["of"]);
+ if i.is_null() {
+ Value::Null
+ } else {
+ json!({ "op": "not", "of": i })
+ }
+ }
+ _ => v.clone(),
+ }
+}
+
+fn set_op(mut expr: Signal<Value>, path: &[usize], op: &str) {
+ let mut root = expr();
+ if let Some(n) = at(&mut root, path) {
+ let g = if n["op"] == "not" { &mut n["of"] } else { n };
+ g["op"] = json!(op);
+ }
+ expr.set(root);
+}
+
+/// "not" and remove, for a condition or a nested group
+#[component]
+fn Turn(expr: Signal<Value>, path: Vec<usize>) -> Element {
+ let mut expr = expr;
+ let p1 = path.clone();
+ let p2 = path.clone();
+ let not = {
+ let mut root = expr();
+ at(&mut root, &path).is_some_and(|n| n["op"] == "not")
+ };
+ rsx! {
+ button { class: if not { "chip on" } else { "chip" }, "data-tip": "turn it round: the texts it doesn't let through",
+ onclick: move |_| {
+ let mut root = expr();
+ if let Some(n) = at(&mut root, &p1) {
+ *n = if n["op"] == "not" { n["of"].clone() } else { json!({ "op": "not", "of": n.clone() }) };
+ }
+ expr.set(root);
+ },
+ "not" }
+ button { class: "plain ibtn", "aria-label": "remove it",
+ onclick: move |_| {
+ let mut root = expr();
+ if let Some((last, parent)) = p2.split_last()
+ && let Some(pn) = at(&mut root, parent)
+ {
+ let g = if pn["op"] == "not" { &mut pn["of"] } else { pn };
+ if let Some(a) = g["of"].as_array_mut() && *last < a.len() { a.remove(*last); }
+ }
+ expr.set(root);
+ },
+ Icon { name: "close" } }
+ }
+}
+
+#[component]
+fn Cond(expr: Signal<Value>, path: Vec<usize>) -> Element {
+ let cx = use_context::<Ctx>();
+ let mut expr = expr;
+ let node = {
+ let mut root = expr();
+ at(&mut root, &path).cloned().unwrap_or(Value::Null)
+ };
+ let (c, _) = inner(&node);
+ let c = c.clone();
+ let p = path.clone();
+ // writes a field of the condition (inside its "not", if any)
+ let set = move |k: &'static str, v: Value| {
+ let mut root = expr();
+ if let Some(n) = at(&mut root, &p) {
+ let c = if n["op"] == "not" { &mut n["of"] } else { n };
+ if v.is_null() {
+ if let Some(o) = c.as_object_mut() {
+ o.remove(k);
+ }
+ } else {
+ c[k] = v;
+ }
+ }
+ expr.set(root);
+ };
+ let s = |k: &str| c[k].as_str().unwrap_or("").to_string();
+ let op = s("op");
+ let classes: Vec<String> = cx
+ .classifiers
+ .iter()
+ .find(|(n, _)| *n == s("classifier"))
+ .map(|x| x.1.clone())
+ .unwrap_or_default();
+ rsx! {
+ div { class: "cond row",
+ match op.as_str() {
+ "class" => rsx! {
+ Icon { name: "classifier" }
+ select { "aria-label": "the classifier", onchange: { let mut set = set.clone(); move |e: FormEvent| { set("classifier", json!(e.value())); set("class", json!("")); } },
+ option { value: "", "a classifier…" }
+ for (n , _) in cx.classifiers.iter() { option { key: "{n}", value: "{n}", selected: *n == s("classifier"), "{n}" } }
+ }
+ "says"
+ select { "aria-label": "the class", onchange: { let mut set = set.clone(); move |e: FormEvent| set("class", json!(e.value())) },
+ option { value: "", "a class…" }
+ for k in classes { option { key: "{k}", value: "{k}", selected: k == s("class"), "{k}" } }
+ }
+ "at least"
+ input { r#type: "number", min: "0", max: "1", step: "0.05", style: "width: 70px;", placeholder: "its own",
+ initial_value: c["min"].as_f64().map(|x| x.to_string()).unwrap_or_default(),
+ oninput: { let mut set = set.clone(); move |e: FormEvent| set("min", e.value().parse::<f64>().map(|x| json!(x)).unwrap_or(Value::Null)) } }
+ label { class: "row small", input { r#type: "checkbox", checked: c["top"] == true, onchange: { let mut set = set.clone(); move |e: FormEvent| set("top", if e.checked() { json!(true) } else { Value::Null }) } } "its top class" }
+ },
+ "words" => rsx! {
+ Icon { name: "search" } "words"
+ input { r#type: "text", initial_value: "{s(\"q\")}", oninput: { let mut set = set.clone(); move |e: FormEvent| set("q", json!(e.value())) } }
+ },
+ "sum" => rsx! {
+ Icon { name: "hash" }
+ select { "aria-label": "which sum", onchange: { let mut set = set.clone(); move |e: FormEvent| set("bucket", json!(e.value())) },
+ for b in ["ordinal", "reversed"] { option { key: "{b}", value: "{b}", selected: b == s("bucket"), "{b}" } }
+ }
+ "from" input { r#type: "number", style: "width: 80px;", initial_value: c["from"].as_i64().map(|x| x.to_string()).unwrap_or_default(), oninput: { let mut set = set.clone(); move |e: FormEvent| set("from", e.value().parse::<i64>().map(|x| json!(x)).unwrap_or(Value::Null)) } }
+ "to" input { r#type: "number", style: "width: 80px;", initial_value: c["to"].as_i64().map(|x| x.to_string()).unwrap_or_default(), oninput: { let mut set = set.clone(); move |e: FormEvent| set("to", e.value().parse::<i64>().map(|x| json!(x)).unwrap_or(Value::Null)) } }
+ },
+ "list" => rsx! {
+ Icon { name: "list" } "in"
+ select { "aria-label": "the list", onchange: { let mut set = set.clone(); move |e: FormEvent| set("list", json!(e.value())) },
+ option { value: "", "a list…" }
+ for (k , n) in cx.lists.iter() { option { key: "{k}", value: "{k}", selected: *k == s("list"), "{n}" } }
+ }
+ },
+ "tags" => rsx! {
+ Icon { name: "tag" } "tagged"
+ input { r#type: "text", placeholder: "tags, comma separated",
+ initial_value: c["tags"].as_array().map(|a| a.iter().filter_map(|t| t.as_str()).collect::<Vec<_>>().join(", ")).unwrap_or_default(),
+ oninput: { let mut set = set.clone(); move |e: FormEvent| set("tags", json!(e.value().split(',').map(|t| t.trim().to_string()).filter(|t| !t.is_empty()).collect::<Vec<_>>())) } }
+ label { class: "row small", input { r#type: "checkbox", checked: c["any"] == true, onchange: { let mut set = set.clone(); move |e: FormEvent| set("any", if e.checked() { json!(true) } else { Value::Null }) } } "any of them" }
+ },
+ "kind" => rsx! {
+ Icon { name: "filter" }
+ select { "aria-label": "texts or notes", onchange: { let mut set = set.clone(); move |e: FormEvent| set("kind", json!(e.value())) },
+ option { value: "memories", selected: s("kind") == "memories", "texts only" }
+ option { value: "notes", selected: s("kind") == "notes", "notes only" }
+ }
+ },
+ "preset" => rsx! {
+ Icon { name: "save" } "the kept filter"
+ select { "aria-label": "a kept filter", onchange: { let mut set = set.clone(); move |e: FormEvent| set("name", json!(e.value())) },
+ option { value: "", "which…" }
+ for n in cx.presets.iter() { option { key: "{n}", value: "{n}", selected: *n == s("name"), "{n}" } }
+ }
+ },
+ _ => rsx! { span { class: "dim", "{op}" } },
+ }
+ span { class: "grow" }
+ Turn { expr, path: path.clone() }
+ }
+ }
+}
diff --git a/app/src/views/forge.rs b/app/src/views/forge.rs
new file mode 100644
index 00000000..f4ce5654
--- /dev/null
+++ b/app/src/views/forge.rs
@@ -0,0 +1,168 @@
+//! The forge, as the Bevy app laid it out (forge_ui.rs, after Oblivion's spellmaking
+//! altar): your saves on the left, the ingredients chosen in the middle (each with its
+//! effect: add, take away, keep shared), and the result on the right: what it holds, a few
+//! of its texts with their sums, filters to narrow it (words, ordinal and reversed ranges,
+//! texts, notes, lists), a name, and the forge. Forging makes a new save; pouring puts the
+//! result into the open one (`forge.preview`, `forge.make`, `forge.pour`).
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use crate::ui::*;
+
+const EFFECTS: [(&str, &str); 3] = [("add", "+"), ("take away", "−"), ("keep shared", "∩")];
+
+#[component]
+pub fn Forge(on_close: EventHandler<()>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut parts: Signal<Vec<(String, String)>> = use_signal(Vec::new);
+ let mut words = use_signal(String::new);
+ let mut o_from = use_signal(String::new);
+ let mut o_to = use_signal(String::new);
+ let mut r_from = use_signal(String::new);
+ let mut r_to = use_signal(String::new);
+ let mut keep = use_signal(|| [true, true, true]);
+ let mut name = use_signal(String::new);
+ let api_s = api.clone();
+ let saves = use_resource(move || {
+ let api = api_s.clone();
+ let _ = (ui.changed)();
+ async move { api.saves().await.unwrap_or_default() }
+ });
+ let args = move || {
+ let n = |s: Signal<String>| s.peek().trim().parse::<i64>().ok();
+ let k = *keep.peek();
+ json!({
+ "ingredients": parts.peek().iter().map(|(s, e)| json!({ "save": s, "effect": e })).collect::<Vec<_>>(),
+ "filter": { "words": words.peek().clone(), "ordinal_from": n(o_from), "ordinal_to": n(o_to),
+ "reversed_from": n(r_from), "reversed_to": n(r_to), "memories": k[0], "notes": k[1], "lists": k[2] },
+ })
+ };
+ let api_p = api.clone();
+ let preview = use_resource(move || {
+ let api = api_p.clone();
+ let _ = (parts(), words(), o_from(), o_to(), r_from(), r_to(), keep());
+ let a = args();
+ async move {
+ if a["ingredients"].as_array().is_none_or(|x| x.is_empty()) {
+ return None;
+ }
+ Some(api.call("forge.preview", a).await)
+ }
+ });
+ let api_m = api.clone();
+ let make = move |_| {
+ let api = api_m.clone();
+ let mut a = args();
+ let n = name().trim().to_string();
+ a["name"] = json!(n);
+ spawn(async move {
+ match api.call("forge.make", a).await {
+ Ok(v) => {
+ ui.say(format!(
+ "forged {}: {} texts, {} notes, {} lists",
+ v["save"].as_str().unwrap_or(""),
+ v["memories"],
+ v["notes"],
+ v["lists"]
+ ));
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let api_o = api.clone();
+ let pour = move |_| {
+ let api = api_o.clone();
+ let a = args();
+ spawn(async move {
+ match api.call("forge.pour", a).await {
+ Ok(v) => {
+ ui.say(format!(
+ "poured in {} texts, {} notes, {} lists",
+ v["memories"], v["notes"], v["lists"]
+ ));
+ ui.touched();
+ ui.refresh(api);
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let all = saves.read().clone().unwrap_or_default();
+ let pv: Option<Result<Value, String>> = preview.read().clone().flatten();
+ rsx! {
+ div { class: "overlay", onclick: move |_| on_close.call(()),
+ div { class: "dialog forge", role: "dialog", "aria-label": "the forge", onclick: move |e| e.stop_propagation(),
+ div { class: "head",
+ h2 { Icon { name: "forge" } " the forge" }
+ span { class: "dim small", "saves in, a save out: + adds one, − takes it away, ∩ keeps only what they share" }
+ span { class: "grow" }
+ button { class: "plain ibtn", "aria-label": "close", onclick: move |_| on_close.call(()), Icon { name: "close" } }
+ }
+ div { class: "forge-cols",
+ div { class: "fcol",
+ h3 { "your saves" }
+ for s in all {
+ div { key: "{s.name}", class: "row fsave",
+ span { class: "grow", "{s.name}" if s.open { span { class: "dim small", " (open)" } } }
+ for (e , sym) in EFFECTS {
+ button { key: "{e}", class: "plain", "data-tip": "{e}",
+ onclick: { let n = s.name.clone(); move |_| parts.write().push((n.clone(), e.to_string())) },
+ "{sym}" }
+ }
+ }
+ }
+ }
+ div { class: "fcol",
+ h3 { "ingredients" }
+ if parts().is_empty() { div { class: "dim small", "pick saves on the left with + − ∩" } }
+ for (i , (s , e)) in parts().into_iter().enumerate() {
+ div { key: "{i}", class: "row",
+ b { {EFFECTS.iter().find(|x| x.0 == e).map(|x| x.1).unwrap_or("+")} }
+ span { class: "grow", "{s}" span { class: "dim small", " · {e}" } }
+ button { class: "plain ibtn", "aria-label": "take it out", onclick: move |_| { parts.write().remove(i); }, Icon { name: "close" } }
+ }
+ }
+ }
+ div { class: "fcol",
+ h3 { "the result" }
+ match pv {
+ Some(Ok(v)) => rsx! {
+ div { "{v[\"memories\"]} texts · {v[\"notes\"]} notes · {v[\"lists\"]} list links" }
+ div { class: "fsample",
+ for (i , t) in v["sample"].as_array().cloned().unwrap_or_default().into_iter().enumerate() {
+ div { key: "{i}", class: "small", "{t[\"text\"].as_str().unwrap_or(\"\")} " span { class: "dim", "{t[\"ordinal\"]}·{t[\"reversed\"]}" } }
+ }
+ for (i , t) in v["titles"].as_array().cloned().unwrap_or_default().into_iter().enumerate() {
+ div { key: "n{i}", class: "small", "✎ {t.as_str().unwrap_or(\"\")}" }
+ }
+ }
+ },
+ Some(Err(e)) => rsx! { div { class: "bad small", "{e}" } },
+ None => rsx! { div { class: "dim small", "nothing yet" } },
+ }
+ div { class: "form",
+ label { "words" } input { r#type: "text", placeholder: "word -notword", oninput: move |e| words.set(e.value()) }
+ label { "ordinal" } div { class: "row", input { r#type: "number", style: "width: 80px;", oninput: move |e| o_from.set(e.value()) } "to" input { r#type: "number", style: "width: 80px;", oninput: move |e| o_to.set(e.value()) } }
+ label { "reversed" } div { class: "row", input { r#type: "number", style: "width: 80px;", oninput: move |e| r_from.set(e.value()) } "to" input { r#type: "number", style: "width: 80px;", oninput: move |e| r_to.set(e.value()) } }
+ label { "keep" }
+ div { class: "row",
+ for (i , what) in ["texts", "notes", "lists"].into_iter().enumerate() {
+ label { key: "{what}", class: "row small", input { r#type: "checkbox", checked: keep()[i], onchange: move |e| keep.write()[i] = e.checked() } "{what}" }
+ }
+ }
+ label { "name" } input { r#type: "text", placeholder: "the new save's name", oninput: move |e| name.set(e.value()) }
+ }
+ div { class: "row",
+ button { class: "primary", disabled: parts().is_empty() || name().trim().is_empty(), onclick: make, Icon { name: "forge" } "forge" }
+ button { disabled: parts().is_empty(), "data-tip": "put the result into the open save", onclick: pour, Icon { name: "merge" } "pour into the open save" }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/app/src/views/hubui.rs b/app/src/views/hubui.rs
new file mode 100644
index 00000000..a7c38983
--- /dev/null
+++ b/app/src/views/hubui.rs
@@ -0,0 +1,395 @@
+//! The settings' hub section (the Bevy app's hub_ui.rs and the JS client's hub pages):
+//! connect to an anend hub (its address and an app token from your profile there), browse
+//! the saves and classifiers people share, take one in, and share the open save or a
+//! classifier. On the desktop a taken save lands in the saves folder and opens; on the web
+//! the app's own hub takes it into your workspace (`POST /app/hub/{id}`).
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use crate::hubnet;
+use crate::shell::set_pref;
+use crate::ui::*;
+use crate::views::Fold;
+
+#[derive(Clone, Copy, PartialEq)]
+enum What {
+ Saves,
+ Classifiers,
+}
+
+/// the hub's address: the setting, else (on the web) the page's own
+fn address(ui: Ui) -> String {
+ let a = ui.prefs.peek().hub_url.trim().to_string();
+ if !a.is_empty() {
+ return a;
+ }
+ #[cfg(target_arch = "wasm32")]
+ {
+ web_sys::window()
+ .and_then(|w| w.location().origin().ok())
+ .unwrap_or_default()
+ }
+ #[cfg(not(target_arch = "wasm32"))]
+ {
+ String::new()
+ }
+}
+
+#[component]
+pub fn Hub() -> Element {
+ let ui = ui();
+ let api = api();
+ let p = ui.prefs.read().clone();
+ let mut info: Signal<Option<String>> = use_signal(|| None);
+ let mut what = use_signal(|| What::Saves);
+ let mut q = use_signal(String::new);
+ let mut sort = use_signal(|| "new");
+ let mut page = use_signal(|| 0u32);
+ let mut found: Signal<Option<Value>> = use_signal(|| None);
+ let mut share_name = use_signal(String::new);
+ let mut share_desc = use_signal(String::new);
+ let mut share_tags = use_signal(String::new);
+ let mut share_cls = use_signal(String::new);
+ let connect = move |_| {
+ let hub = address(ui);
+ let tok = ui.prefs.peek().hub_token.clone();
+ spawn(async move {
+ let url = match hubnet::join(&hub, "/api/hub") {
+ Ok(u) => u,
+ Err(e) => return ui.fail(e),
+ };
+ match hubnet::get_json(url, None).await {
+ Ok(v) => {
+ let mut line = format!(
+ "{} · {} saves · {} classifiers · {} people",
+ v["name"].as_str().unwrap_or("a hub"),
+ v["saves"],
+ v["classifiers"],
+ v["users"]
+ );
+ if !tok.trim().is_empty()
+ && let Ok(u) = hubnet::join(&hub, "/api/me")
+ {
+ match hubnet::get_json(u, Some(tok)).await {
+ Ok(me) => line.push_str(&format!(" · you're {}", me["username"].as_str().unwrap_or("?"))),
+ Err(e) => line.push_str(&format!(" · the token: {e}")),
+ }
+ }
+ info.set(Some(line));
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let browse = move || {
+ let hub = address(ui);
+ let path = match what() {
+ What::Saves => "/api/saves",
+ What::Classifiers => "/api/classifiers",
+ };
+ let url = hubnet::join(
+ &hub,
+ &format!(
+ "{path}?q={}&sort={}&page={}",
+ hubnet::encode(q().trim()),
+ sort(),
+ page()
+ ),
+ );
+ spawn(async move {
+ match url {
+ Ok(u) => match hubnet::get_json(u, None).await {
+ Ok(v) => found.set(Some(v)),
+ Err(e) => ui.fail(e),
+ },
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let b1 = browse;
+ let api_t = api.clone();
+ let take = move |item: Value| {
+ let api = api_t.clone();
+ let hub = address(ui);
+ let kind = what();
+ spawn(async move {
+ let id = item["id"].as_str().unwrap_or("").to_string();
+ if !hubnet::id_ok(&id) {
+ return ui.fail("the hub sent an odd id");
+ }
+ let name = item["name"].as_str().unwrap_or("hub").to_string();
+ let r: Result<String, String> = async {
+ match kind {
+ What::Saves => take_save(&api, &hub, &id, &name, &item).await,
+ What::Classifiers => {
+ #[cfg(target_arch = "wasm32")]
+ {
+ let u = hubnet::join(&hub, &format!("/app/classifiers/{id}/take"))?;
+ hubnet::post(u, None, Some(("application/json".into(), b"{}".to_vec()))).await?;
+ Ok(format!("took in the classifier {name}"))
+ }
+ #[cfg(not(target_arch = "wasm32"))]
+ {
+ let u = hubnet::join(&hub, &format!("/classifiers/{id}/download"))?;
+ let bytes = hubnet::get_bytes(u, 64 << 20).await?;
+ api.call(
+ "classify.import",
+ json!({ "data": crate::fonts::base64(&bytes), "name": name }),
+ )
+ .await?;
+ Ok(format!("took in the classifier {name}"))
+ }
+ }
+ }
+ }
+ .await;
+ match r {
+ Ok(m) => {
+ ui.say(m);
+ ui.touched();
+ ui.refresh(api);
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let api_s = api.clone();
+ let share_save = move |_| {
+ let api = api_s.clone();
+ let hub = address(ui);
+ let tok = ui.prefs.peek().hub_token.clone();
+ let (n, d, t) = (share_name(), share_desc(), share_tags());
+ spawn(async move {
+ let r: Result<Value, String> = async {
+ let name = if n.trim().is_empty() {
+ ui.hello.peek().save.clone()
+ } else {
+ n.trim().to_string()
+ };
+ let bytes = open_save_bytes(&api, &ui.hello.peek().save).await?;
+ let (kind, body) = hubnet::multipart(
+ &[("name", &name), ("description", d.trim()), ("tags", t.trim())],
+ ("file", &format!("{name}.redb"), &bytes),
+ );
+ hubnet::post(hubnet::join(&hub, "/api/saves")?, Some(tok), Some((kind, body))).await
+ }
+ .await;
+ match r {
+ Ok(v) => ui.say(format!(
+ "shared: {} ({})",
+ v["url"].as_str().unwrap_or(""),
+ v["status"].as_str().unwrap_or("")
+ )),
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let api_c = api.clone();
+ let share_classifier = move |_| {
+ let api = api_c.clone();
+ let hub = address(ui);
+ let tok = ui.prefs.peek().hub_token.clone();
+ let n = share_cls();
+ spawn(async move {
+ let r: Result<Value, String> = async {
+ if n.trim().is_empty() {
+ return Err("pick a classifier to share".to_string());
+ }
+ #[cfg(target_arch = "wasm32")]
+ {
+ let _ = (&api, &tok);
+ hubnet::post(
+ hubnet::join(&hub, "/app/classifiers/share")?,
+ None,
+ Some(("application/json".into(), json!({ "name": n }).to_string().into_bytes())),
+ )
+ .await
+ }
+ #[cfg(not(target_arch = "wasm32"))]
+ {
+ let v = api.call("classify.export", json!({ "name": n })).await?;
+ let bytes =
+ crate::fonts::unbase64(v["data"].as_str().unwrap_or("")).ok_or("the export didn't read")?;
+ let (kind, body) = hubnet::multipart(
+ &[("name", &n)],
+ ("file", v["file"].as_str().unwrap_or("c.anendcls"), &bytes),
+ );
+ hubnet::post(hubnet::join(&hub, "/api/classifiers")?, Some(tok), Some((kind, body))).await
+ }
+ }
+ .await;
+ match r {
+ Ok(v) => ui.say(format!("shared {n}: {}", v["status"].as_str().unwrap_or("done"))),
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let api_l = api.clone();
+ let mine = use_resource(move || {
+ let api = api_l.clone();
+ async move {
+ api.call("classify.list", json!({}))
+ .await
+ .ok()
+ .and_then(|v| v.as_array().cloned())
+ .unwrap_or_default()
+ .iter()
+ .filter_map(|c| c["name"].as_str().map(str::to_string))
+ .collect::<Vec<_>>()
+ }
+ });
+ let items: Vec<Value> = found()
+ .map(|v| {
+ v[if what() == What::Saves { "saves" } else { "classifiers" }]
+ .as_array()
+ .cloned()
+ .unwrap_or_default()
+ })
+ .unwrap_or_default();
+ let more = found().is_some_and(|v| v["more"] == true);
+ let take2 = take.clone();
+ rsx! {
+ Fold { name: "hub", title: "the hub",
+ label { r#for: "hub", "its address" }
+ div { class: "row",
+ input { id: "hub", r#type: "text", style: "flex: 1;", placeholder: if cfg!(target_arch = "wasm32") { "this page's own hub" } else { "http://localhost:8080" }, initial_value: "{p.hub_url}",
+ oninput: move |e| set_pref(ui, |p| p.hub_url = e.value()) }
+ button { onclick: connect, Icon { name: "hub" } "connect" }
+ }
+ label { r#for: "hubtok", "an app token" }
+ div { class: "row",
+ input { id: "hubtok", r#type: "password", style: "flex: 1;", placeholder: "from your profile on the hub (sharing needs one)", initial_value: "{p.hub_token}",
+ oninput: move |e| set_pref(ui, |p| p.hub_token = e.value()) }
+ }
+ if let Some(i) = info() { div { class: "wide dim small", "{i}" } }
+ div { class: "wide row",
+ span { class: "mtabs",
+ button { class: if what() == What::Saves { "mtab on" } else { "mtab" }, onclick: move |_| { what.set(What::Saves); found.set(None); }, "saves" }
+ button { class: if what() == What::Classifiers { "mtab on" } else { "mtab" }, onclick: move |_| { what.set(What::Classifiers); found.set(None); }, "classifiers" }
+ }
+ input { r#type: "text", style: "flex: 1;", placeholder: "names, tags, authors", oninput: move |e| q.set(e.value()),
+ onkeydown: move |e: KeyboardEvent| if e.key() == Key::Enter { page.set(0); b1() } }
+ select { "aria-label": "order", onchange: move |e| sort.set(match e.value().as_str() { "stars" => "stars", "downloads" => "downloads", "featured" => "featured", _ => "new" }),
+ for s in ["new", "stars", "downloads", "featured"] { option { key: "{s}", value: "{s}", "{s}" } }
+ }
+ button { onclick: move |_| { page.set(0); browse() }, Icon { name: "search" } "browse" }
+ }
+ if found().is_some() {
+ div { class: "wide hub-list",
+ if items.is_empty() { div { class: "dim", "nothing shared there yet (or nothing matches)" } }
+ for (i , it) in items.into_iter().enumerate() {
+ div { key: "{i}", class: "row hub-item",
+ div { class: "grow",
+ b { "{it[\"name\"].as_str().unwrap_or(\"\")}" }
+ span { class: "dim small", " by {it[\"author\"].as_str().unwrap_or(\"?\")}" }
+ div { class: "dim small",
+ {it["description"].as_str().unwrap_or("").chars().take(160).collect::<String>()}
+ if what() == What::Saves { " · {it[\"memories\"]} texts · {it[\"notes\"]} notes" } else { " · {it[\"classes\"].as_array().map(|a| a.iter().filter_map(|c| c.as_str()).collect::<Vec<_>>().join(\", \")).unwrap_or_default()}" }
+ " · ★ {it[\"stars\"]} · ↓ {it[\"downloads\"]}"
+ }
+ }
+ button { onclick: { let t = take2.clone(); let it = it.clone(); move |_| t(it.clone()) }, Icon { name: "download" } "take it" }
+ }
+ }
+ div { class: "row",
+ button { disabled: page() == 0, onclick: move |_| { page -= 1; browse() }, Icon { name: "chevron-left" } }
+ span { class: "dim small", "page {page() + 1}" }
+ button { disabled: !more, onclick: move |_| { page += 1; browse() }, Icon { name: "chevron-right" } }
+ }
+ }
+ }
+ label { "share this save" }
+ div { class: "row",
+ if cfg!(target_arch = "wasm32") {
+ span { class: "dim small", "from the desktop app (the web app's saves stay on this hub; export a bundle to move one)" }
+ } else {
+ input { r#type: "text", placeholder: "its name there", oninput: move |e| share_name.set(e.value()) }
+ input { r#type: "text", placeholder: "a line about it", oninput: move |e| share_desc.set(e.value()) }
+ input { r#type: "text", placeholder: "tags, comma separated", oninput: move |e| share_tags.set(e.value()) }
+ button { onclick: share_save, Icon { name: "upload" } "share" }
+ }
+ }
+ label { "share a classifier" }
+ div { class: "row",
+ select { "aria-label": "the classifier to share", onchange: move |e| share_cls.set(e.value()),
+ option { value: "", "a classifier…" }
+ for n in mine.read().clone().unwrap_or_default() { option { key: "{n}", value: "{n}", "{n}" } }
+ }
+ button { onclick: share_classifier, Icon { name: "upload" } "share" }
+ }
+ }
+ }
+}
+
+/// a hub save into this app: the desktop downloads it into the saves folder and opens it;
+/// the web asks its own hub to take it into the workspace
+async fn take_save(api: &Api, hub: &str, id: &str, name: &str, item: &Value) -> Result<String, String> {
+ #[cfg(target_arch = "wasm32")]
+ {
+ let _ = (api, item);
+ let u = hubnet::join(hub, &format!("/app/hub/{id}"))?;
+ hubnet::post(u, None, None).await?;
+ Ok(format!("took {name} into your saves"))
+ }
+ #[cfg(not(target_arch = "wasm32"))]
+ {
+ let link = item["download_url"]
+ .as_str()
+ .map(str::to_string)
+ .unwrap_or(format!("/saves/{id}/download"));
+ let bytes = hubnet::get_bytes(hubnet::join(hub, &link)?, hubnet::MAX_DOWNLOAD).await?;
+ if !bytes.starts_with(b"redb\x1A\x0A\xA9\x0D\x0A") {
+ return Err("the hub sent something that isn't a save".into());
+ }
+ let clean: String = name
+ .chars()
+ .map(|c| {
+ if c.is_alphanumeric() || " -_.".contains(c) {
+ c
+ } else {
+ '-'
+ }
+ })
+ .collect::<String>()
+ .trim_matches('.')
+ .trim()
+ .chars()
+ .take(80)
+ .collect();
+ let clean = if clean.is_empty() {
+ "hub save".to_string()
+ } else {
+ clean
+ };
+ let dir = crate::prefs::data_dir().join("saves");
+ let mut n = clean.clone();
+ let mut i = 2;
+ while dir.join(format!("{n}.redb")).exists() {
+ n = format!("{clean} {i}");
+ i += 1;
+ }
+ std::fs::create_dir_all(&dir).map_err(|e| e.to_string())?;
+ std::fs::write(dir.join(format!("{n}.redb")), &bytes).map_err(|e| format!("couldn't keep it: {e}"))?;
+ api.open_save(&n).await.map_err(|e| {
+ let _ = std::fs::remove_file(dir.join(format!("{n}.redb")));
+ format!("the app can't open it ({e}); deleted it")
+ })?;
+ Ok(format!("took {name} and opened it"))
+ }
+}
+
+/// the open save's file, to share
+async fn open_save_bytes(api: &Api, name: &str) -> Result<Vec<u8>, String> {
+ #[cfg(not(target_arch = "wasm32"))]
+ {
+ let _ = api;
+ let path = crate::prefs::data_dir().join("saves").join(format!("{name}.redb"));
+ std::fs::read(&path).map_err(|e| format!("couldn't read {}: {e}", path.display()))
+ }
+ #[cfg(target_arch = "wasm32")]
+ {
+ let _ = (api, name);
+ Err("sharing a save goes from the desktop app".into())
+ }
+}
diff --git a/app/src/views/judge.rs b/app/src/views/judge.rs
new file mode 100644
index 00000000..59bf3ae3
--- /dev/null
+++ b/app/src/views/judge.rs
@@ -0,0 +1,149 @@
+//! What classifiers say of one entry (the Bevy app's index panel, index_panel.rs): pick
+//! which classifiers the entry is indexed on (kept in the save, `classify.set_index`), and
+//! see how it measures on each: every class's probability as a bar in that classifier's
+//! colours, the class it's put in, and a yes or a no that teaches it. Used by the notes
+//! editor (the classifier button, Ctrl+I) and the reader's opened item.
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use crate::ui::*;
+
+/// `key` is an entry's key (`0,12` or `note:…`; a bare note key is taken as a note's)
+#[component]
+pub fn Judge(entry: String, #[props(default)] title: String) -> Element {
+ let ui = ui();
+ let api = api();
+ let key = if entry.contains(',') || entry.starts_with("note:") {
+ entry
+ } else {
+ format!("note:{entry}")
+ };
+ let mut again = use_signal(|| 0u64);
+ let k0 = key.clone();
+ let api0 = api.clone();
+ let info = use_resource(move || {
+ let (api, k) = (api0.clone(), k0.clone());
+ let _ = (again(), (ui.changed)());
+ async move { api.call("classify.indexed", json!({ "key": k })).await }
+ });
+ let v = match &*info.read() {
+ Some(Ok(v)) => v.clone(),
+ Some(Err(e)) => return rsx! { div { class: "judge dim small", "{e}" } },
+ None => return rsx! { div { class: "judge dim small", "reading what the classifiers say…" } },
+ };
+ let all: Vec<(String, bool, bool)> = v["classifiers"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .map(|c| {
+ (
+ c["name"].as_str().unwrap_or("").to_string(),
+ c["trained"] == true,
+ c["chosen"] == true,
+ )
+ })
+ .collect();
+ let chosen: Vec<String> = all.iter().filter(|c| c.2).map(|c| c.0.clone()).collect();
+ let verdicts: Vec<Value> = v["verdicts"].as_array().cloned().unwrap_or_default();
+ rsx! {
+ div { class: "judge",
+ div { class: "row judge-pick",
+ Icon { name: "classifier" }
+ if title.is_empty() { span { class: "dim small", "classifiers to measure it on:" } } else { span { class: "dim small", "{title}" } }
+ if all.is_empty() {
+ span { class: "dim small", "none yet: make one in the models view (Ctrl+8)" }
+ }
+ for (name , trained , on) in all.clone() {
+ button {
+ key: "{name}",
+ class: if on { "chip on" } else { "chip" },
+ "aria-pressed": "{on}",
+ "data-tip": if trained { "measure it on {name}" } else { "{name} isn't trained yet" },
+ onclick: {
+ let (api, key, chosen, name) = (api.clone(), key.clone(), chosen.clone(), name.clone());
+ move |_| {
+ let mut names = chosen.clone();
+ if on { names.retain(|n| *n != name); } else { names.push(name.clone()); }
+ let (api, key) = (api.clone(), key.clone());
+ spawn(async move {
+ match api.call("classify.set_index", json!({ "key": key, "names": names })).await {
+ Ok(_) => again += 1,
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ },
+ "{name}"
+ }
+ }
+ }
+ for v in verdicts {
+ Verdict { key: "{v[\"name\"]}", entry: key.clone(), v, on_change: move |_| again += 1 }
+ }
+ }
+ }
+}
+
+#[component]
+fn Verdict(entry: String, v: Value, on_change: EventHandler<()>) -> Element {
+ let ui = ui();
+ let api = api();
+ let name = v["name"].as_str().unwrap_or("").to_string();
+ let classes = crate::views::classifiers::strs(&v["classes"]);
+ if v["trained"] != true {
+ return rsx! {
+ div { class: "verdict dim small", b { "{name}" } " isn't trained yet: train it in the models view" }
+ };
+ }
+ let probs = crate::views::classifiers::nums(&v["probs"]);
+ let palette = crate::views::classifiers::strs(&v["palette"]);
+ let top = v["top"].as_u64().unwrap_or(0) as usize;
+ let members = crate::views::classifiers::strs(&v["members"]);
+ let confidence = v["confidence"].as_f64().unwrap_or(0.0);
+ let valid = v["valid"] != false;
+ let top_class = classes.get(top).cloned().unwrap_or_default();
+ let teach = move |yes: bool| {
+ let (api, name, entry, class) = (api.clone(), name.clone(), entry.clone(), top_class.clone());
+ move |_| {
+ let (api, name, entry, class) = (api.clone(), name.clone(), entry.clone(), class.clone());
+ spawn(async move {
+ match api.model_feedback(&name, Some(&entry), "", &class, yes).await {
+ Ok(_) => {
+ ui.did(Did::Feedback { model: name.clone() });
+ ui.say(format!(
+ "{name} learns that {} “{class}”; Ctrl+Z takes it back",
+ if yes { "it is" } else { "it isn't" }
+ ));
+ on_change.call(());
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ let (yes, no) = (teach(true), teach(false));
+ rsx! {
+ div { class: "verdict",
+ div { class: "row",
+ b { "{v[\"name\"].as_str().unwrap_or(\"\")}" }
+ span { class: "chip cls-class", style: "background: {palette.get(top).cloned().unwrap_or_default()};", "{classes.get(top).cloned().unwrap_or_default()}" }
+ span { class: "dim small", {format!("{:.0}% sure", confidence * 100.0)} }
+ if members.len() > 1 { span { class: "dim small", "also {members.iter().filter(|m| **m != classes[top.min(classes.len().saturating_sub(1))]).cloned().collect::<Vec<_>>().join(\", \")}" } }
+ if !valid { span { class: "bad small", "its validators disagree" } }
+ span { class: "grow" }
+ button { class: "plain", "data-tip": "yes, it is that", "aria-label": "yes", onclick: yes, Icon { name: "check" } }
+ button { class: "plain", "data-tip": "no, it isn't that", "aria-label": "no", onclick: no, Icon { name: "close" } }
+ }
+ div { class: "probs",
+ for (i , c) in classes.iter().enumerate() {
+ div { key: "{c}", class: if i == top { "prob best" } else { "prob" },
+ span { class: "c", "{c}" }
+ span { class: "probbar wide", span { style: "width: {(probs.get(i).copied().unwrap_or(0.0) * 100.0).clamp(0.0, 100.0):.1}%; background: {palette.get(i).cloned().unwrap_or_default()};" } }
+ span { class: "p", {format!("{:.1}%", probs.get(i).copied().unwrap_or(0.0) * 100.0)} }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/app/src/views/lists.rs b/app/src/views/lists.rs
new file mode 100644
index 00000000..76da898d
--- /dev/null
+++ b/app/src/views/lists.rs
@@ -0,0 +1,519 @@
+//! Lists, as the Bevy app had them (lists_ui.rs): every list as a card with its figures,
+//! the list read as one text, its letters as a vector and its members as chips with their
+//! sums (× takes one out); how alike every two lists are (the cosine of their letter
+//! vectors); a chosen list the bar fills (Enter adds what's typed, remembering it when
+//! new), or, with none chosen, Enter chooses a list by its name or starts one. A list's
+//! own page (its name clicked) renames it, edits its members a page at a time, and holds
+//! its pictures. Unlisting takes two clicks, and Ctrl+Z brings a list back.
+
+use dioxus::prelude::*;
+
+use crate::backend::{Hit, ListInfo};
+use crate::gem;
+use crate::ui::*;
+use crate::views::use_keys;
+
+const PAGE: usize = 40;
+
+#[component]
+pub fn Lists() -> Element {
+ let ui = ui();
+ let api = api();
+ let mut open: Signal<Option<String>> = use_signal(|| None);
+ // the list the bar fills (the Bevy app's "chosen"): Enter adds what's typed to it
+ let mut chosen: Signal<Option<Hit>> = use_signal(|| None);
+ // lists picked with Shift+click on their names
+ let mut picked: Signal<Vec<String>> = use_signal(Vec::new);
+ let api_r = api.clone();
+ let lists = use_resource(move || {
+ let api = api_r.clone();
+ let _ = (ui.changed)();
+ async move { api.lists().await }
+ });
+ {
+ let api = api.clone();
+ use_keys(View::Lists, move |k: KeyPress| {
+ if k.bar && k.key == "Enter" {
+ let typed = k.text.trim().to_string();
+ if typed.is_empty() {
+ return true;
+ }
+ let api = api.clone();
+ let list = chosen.peek().clone();
+ let exact = lists
+ .peek()
+ .as_ref()
+ .and_then(|r| r.as_ref().ok())
+ .and_then(|l| l.lists.iter().find(|x| x.name.eq_ignore_ascii_case(&typed)).cloned());
+ dioxus::dioxus_core::spawn_forever(async move {
+ match (list, exact) {
+ // a list is chosen: the text joins it (remembered when it's new)
+ (Some(l), _) => match api.saturate(&typed).await {
+ Ok((key, _)) if key == l.key => ui.fail("a list can't hold itself"),
+ Ok((key, _)) => match api.enlist(&l.key, &key).await {
+ Ok(()) => {
+ ui.did(Did::Enlisted {
+ list: l.key.clone(),
+ member: key,
+ });
+ ui.say(format!("added “{typed}” to {}", l.text));
+ ui.set_bar("");
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ },
+ Err(e) => ui.fail(e),
+ },
+ // a list by that name: choose it
+ (None, Some(l)) => {
+ chosen.set(Some(Hit {
+ key: l.list.clone(),
+ text: l.name.clone(),
+ note: false,
+ }));
+ ui.set_bar("");
+ ui.say(format!("Enter adds to “{}” now", l.name));
+ }
+ // else a new list headed by the text, chosen
+ (None, None) => match api.saturate(&typed).await {
+ Ok((key, _)) => {
+ let h = Hit {
+ key,
+ text: typed.clone(),
+ note: false,
+ };
+ chosen.set(Some(h.clone()));
+ let mut picks = ui.picks;
+ picks.write().list = Some(h);
+ ui.set_bar("");
+ ui.say(format!("a new list “{typed}”: type its members, Enter after each"));
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ },
+ }
+ });
+ return true;
+ }
+ if !k.bar && k.key == "Escape" {
+ if open.peek().is_some() {
+ open.set(None);
+ } else {
+ chosen.set(None);
+ }
+ return true;
+ }
+ false
+ });
+ }
+ use_effect(move || {
+ let note = match chosen() {
+ Some(l) => format!("Enter adds to “{}”", l.text),
+ None => "Enter chooses a list by its name, or starts one".to_string(),
+ };
+ ui.side_note(View::Lists, note);
+ });
+ let q = ui.bar.read().trim().to_lowercase();
+ let (all, dot): (Vec<ListInfo>, Vec<Vec<f64>>) = match &*lists.read() {
+ Some(Ok(l)) => (l.lists.clone(), l.dot.clone()),
+ Some(Err(e)) => return rsx! { div { class: "page", div { class: "card bad", "{e}" } } },
+ None => return rsx! { div { class: "page", div { class: "card dim", "…" } } },
+ };
+ let names: Vec<String> = all.iter().map(|l| l.name.clone()).collect();
+ if let Some(key) = open()
+ && let Some(l) = all.iter().find(|l| l.list == key).cloned()
+ {
+ return rsx! { ListPage { list: l, back: move |_| open.set(None) } };
+ }
+ let finding = chosen().is_none() && !q.is_empty();
+ let shown: Vec<ListInfo> = all
+ .iter()
+ .filter(|l| !finding || l.name.to_lowercase().contains(&q))
+ .cloned()
+ .collect();
+ let cur = chosen();
+ rsx! {
+ div { class: "page lists-page",
+ div { class: "card lists-head",
+ div { class: "row",
+ h2 { "lists" }
+ span { class: "dim small", "{all.len()} lists" if finding { " · {shown.len()} named like “{q}”" } }
+ }
+ match &cur {
+ Some(l) => rsx! {
+ div { class: "row",
+ span { "Typing in the bar adds to " b { "“{l.text}”" } ". Choose another list below, or let go of it to start a new one." }
+ button { onclick: move |_| chosen.set(None), Icon { name: "close" } "let go of it" }
+ }
+ },
+ None => rsx! {
+ div { class: "dim", "Type in the bar to start a new list headed by that text (or a list's name to choose it); choose a list below to add to it. In the memory view, Ctrl+Shift+click a text to head a list and Ctrl+click another, then Enlist." }
+ },
+ }
+ }
+ if all.len() > 1 {
+ Alike { all: all.clone(), dot: dot.clone() }
+ }
+ if shown.is_empty() && all.is_empty() {
+ div { class: "card empty", "No lists yet." }
+ }
+ ManyLists { picked, all: all.clone() }
+ for l in shown {
+ ListCard {
+ key: "{l.list}",
+ is_chosen: cur.as_ref().is_some_and(|c| c.key == l.list),
+ is_picked: picked().contains(&l.list),
+ on_pick: move |k: String| { let mut p = picked.write(); if let Some(i) = p.iter().position(|x| *x == k) { p.remove(i); } else { p.push(k); } },
+ list: l.clone(),
+ on_choose: move |h: Hit| chosen.set(Some(h)),
+ on_open: move |k: String| open.set(Some(k)),
+ }
+ }
+ crate::views::pictures::Pictures { list: None, names: names.clone() }
+ }
+ }
+}
+
+/// how alike the lists are: the cosine of each two lists' letter vectors (1 is the same
+/// letters in the same proportions), as the Bevy app's grid
+#[component]
+fn Alike(all: Vec<ListInfo>, dot: Vec<Vec<f64>>) -> Element {
+ if dot.len() != all.len() {
+ return rsx! {};
+ }
+ let n = all.len();
+ rsx! {
+ div { class: "card",
+ h3 { "how alike" }
+ div { class: "dim small", "the cosine of each two lists' letter vectors: 1 is the same letters in the same proportions" }
+ div { class: "alike", style: "grid-template-columns: 130px repeat({n}, minmax(38px, 52px));",
+ span {}
+ for l in all.iter() {
+ span { key: "h{l.list}", class: "alike-col", title: "{l.name}", {l.name.chars().take(7).collect::<String>()} }
+ }
+ for (i , l) in all.iter().enumerate() {
+ span { key: "r{l.list}", class: "alike-row", title: "{l.name}", {l.name.chars().take(18).collect::<String>()} }
+ for (j , v) in dot[i].iter().enumerate() {
+ span {
+ key: "{i}-{j}",
+ class: "alike-cell",
+ title: "{all[i].name} · {all[j].name}: {v:.3}",
+ style: "background: hsl({anend_core::spread::seed_hue((v * 360.0) as i64)} 60% 55% / {0.15 + 0.75 * v.clamp(0.0, 1.0):.2});",
+ {format!("{v:.2}")}
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// a list as the Bevy app showed it: its name and key, choose and unlist, its figures, the
+/// list read as one text, its letters as bars, and its members as chips with their sums
+#[component]
+fn ListCard(
+ list: ListInfo,
+ is_chosen: bool,
+ is_picked: bool,
+ on_pick: EventHandler<String>,
+ on_choose: EventHandler<Hit>,
+ on_open: EventHandler<String>,
+) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut armed = use_signal(|| false);
+ let joined: String = list
+ .members
+ .iter()
+ .map(|m| m.text.as_str())
+ .collect::<Vec<_>>()
+ .join(" ");
+ let m = gem::Measure::of(&joined);
+ let max = list.vector.iter().cloned().fold(0.0f64, f64::max).max(1e-9);
+ let (k1, k2, n1) = (list.list.clone(), list.list.clone(), list.name.clone());
+ let api_u = api.clone();
+ let members_keys: Vec<String> = list.members.iter().map(|h| h.key.clone()).collect();
+ rsx! {
+ div { class: match (is_chosen, is_picked) { (true, true) => "card listcard chosen picked", (true, false) => "card listcard chosen", (false, true) => "card listcard picked", _ => "card listcard" },
+ div { class: "row",
+ button { class: "plain lname", "data-tip": "its page: rename, edit members, pictures · Shift+click picks lists, several at once",
+ onclick: move |e: MouseEvent| if e.modifiers().shift() { on_pick.call(k1.clone()) } else { on_open.call(k1.clone()) }, h3 { "{list.name}" } }
+ span { class: "dim small mono", "{list.list}" }
+ span { class: "grow" }
+ button { class: if is_chosen { "primary" } else { "" }, "data-tip": "the bar's Enter adds to it",
+ onclick: move |_| on_choose.call(Hit { key: k2.clone(), text: n1.clone(), note: false }),
+ if is_chosen { "chosen" } else { "choose" } }
+ button {
+ class: if armed() { "armed" } else { "plain" },
+ "data-tip": "unlist: the list goes, its members stay (click twice)",
+ onclick: move |_| {
+ if !armed() { armed.set(true); return; }
+ let (api, key, members) = (api_u.clone(), list.list.clone(), members_keys.clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.unlist(&key).await {
+ Ok(n) => { ui.did(Did::Unlisted { list: key, members }); ui.say(format!("unlisted {n} members · Ctrl+Z brings it back")); ui.touched(); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ Icon { name: "delete" }
+ if armed() { "unlist?" } else { "unlist" }
+ }
+ }
+ div { class: "figures-row",
+ div { b { "{list.count}" } span { "members" } }
+ div { b { "{list.ordinal_sum}" } span { "ordinal" } }
+ div { b { {format!("{:.1}", list.ordinal_mean)} } span { "ordinal mean" } }
+ div { b { "{list.reversed_sum}" } span { "reversed" } }
+ div { b { {format!("{:.1}", list.reversed_mean)} } span { "reversed mean" } }
+ }
+ div { class: "small", "as one: ordinal {m.ordinal} · reversed {m.reversed} · letters " span { class: "mono", {gem::letters(&m.frequency).chars().take(40).collect::<String>()} } }
+ div { class: "dim small mono", {gem::gsum_line(&joined)} }
+ if m.ordinal > 1 {
+ crate::views::memory::PfLine { n: m.ordinal }
+ }
+ if !list.vector.is_empty() {
+ div { class: "letterbars", title: "its letters as a vector",
+ for (i , v) in list.vector.iter().enumerate() {
+ div { key: "{i}", class: "col",
+ span { class: "bar", style: "height: {(v / max * 34.0).max(1.0):.1}px;" }
+ span { class: "l", {((b'a' + i as u8) as char).to_string()} }
+ }
+ }
+ }
+ }
+ div { class: "memberchips",
+ for h in list.members.iter().cloned() {
+ MemberChip { key: "{h.key}", list: list.list.clone(), hit: h }
+ }
+ }
+ }
+ }
+}
+
+#[component]
+fn MemberChip(list: String, hit: Hit) -> Element {
+ let ui = ui();
+ let api = api();
+ let (s, r) = gem::sums(&hit.text);
+ rsx! {
+ span { class: "mchip", title: "{hit.key}",
+ span { class: "mt", onclick: { let t = hit.text.clone(); move |_| ui.set_bar(&t) }, "{hit.text}" }
+ span { class: "ms", "{s}·{r}" }
+ button { class: "plain mx", "aria-label": "take it out of the list", "data-tip": "take it out (it stays a text)",
+ onclick: move |_| {
+ let (api, l, k) = (api.clone(), list.clone(), hit.key.clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.delist(&l, &k).await {
+ Ok(()) => { ui.did(Did::Delisted { list: l, member: k }); ui.touched(); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ "×"
+ }
+ }
+ }
+}
+
+#[component]
+fn ListPage(list: ListInfo, back: EventHandler<()>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut page = use_signal(|| 0usize);
+ let mut armed = use_signal(|| false);
+ let mut name = use_signal(|| list.name.clone());
+ let pages = list.members.len().div_ceil(PAGE).max(1);
+ let p = page().min(pages - 1);
+ let members: Vec<Hit> = list.members.iter().skip(p * PAGE).take(PAGE).cloned().collect();
+ let key = list.list.clone();
+ let k2 = key.clone();
+ let api2 = api.clone();
+ let api3 = api.clone();
+ let old_name = list.name.clone();
+ rsx! {
+ div { class: "page list-page",
+ div { class: "row",
+ button { class: "plain tip-right", "data-tip": "all the lists · Esc", "aria-label": "back", onclick: move |_| back.call(()), Icon { name: "chevron-left" } }
+ input {
+ class: "name",
+ r#type: "text",
+ "aria-label": "the list's name",
+ initial_value: "{name}",
+ style: "flex: 1; height: auto; background: none;",
+ oninput: move |e| name.set(e.value()),
+ onchange: move |_| {
+ let n = name();
+ if n.trim().is_empty() || n == old_name { return; }
+ let (api, key, old) = (api2.clone(), k2.clone(), old_name.clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.put_memory(&key, &n).await {
+ Ok(()) => { ui.did(Did::Edited { key, old }); ui.say("renamed"); ui.touched(); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ }
+ button {
+ class: if armed() { "armed" } else { "plain" },
+ "data-tip": "delete the list (its members stay); click twice",
+ "aria-label": "delete the list",
+ onclick: move |_| {
+ if !armed() { armed.set(true); return; }
+ let (api, key) = (api3.clone(), key.clone());
+ let members: Vec<String> = list.members.iter().map(|h| h.key.clone()).collect();
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.unlist(&key).await {
+ Ok(n) => { ui.did(Did::Unlisted { list: key, members }); ui.say(format!("the list is gone ({n} members); Ctrl+Z brings it back")); ui.touched(); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ back.call(());
+ },
+ Icon { name: "delete" }
+ if armed() { "delete the list?" }
+ }
+ }
+ div { class: "card members",
+ if members.is_empty() { span { class: "dim", "no members yet" } }
+ for (i , m) in members.into_iter().enumerate() {
+ Member { key: "{m.key}", list: list.list.clone(), hit: m, n: p * PAGE + i + 1 }
+ }
+ }
+ if pages > 1 {
+ div { class: "pager",
+ button { disabled: p == 0, onclick: move |_| page.set(p.saturating_sub(1)), Icon { name: "chevron-left" } }
+ span { "page {p + 1} of {pages}" }
+ button { disabled: p + 1 >= pages, onclick: move |_| page.set(p + 1), Icon { name: "chevron-right" } }
+ }
+ }
+ crate::views::pictures::Pictures { list: Some(list.name.clone()), names: vec![] }
+ Figures { list: list.clone() }
+ }
+ }
+}
+
+#[component]
+fn Member(list: String, hit: Hit, n: usize) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut text = use_signal(|| hit.text.clone());
+ let (api1, api2) = (api.clone(), api.clone());
+ let h1 = hit.clone();
+ let h2 = hit.clone();
+ rsx! {
+ div { class: "member",
+ span { class: "key", title: "its key", "{n}. {hit.key}" }
+ input {
+ r#type: "text",
+ "aria-label": "member {n}",
+ initial_value: "{text}",
+ readonly: hit.note,
+ oninput: move |e| text.set(e.value()),
+ onchange: move |_| {
+ let t = text();
+ if t == h1.text || t.trim().is_empty() { return; }
+ let (api, h) = (api1.clone(), h1.clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.put_memory(&h.key, &t).await {
+ Ok(()) => { ui.did(Did::Edited { key: h.key.clone(), old: h.text.clone() }); ui.say(format!("{} now reads “{t}”", h.key)); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ }
+ button {
+ class: "plain tip-left",
+ "data-tip": "take it out of the list (it stays a text)",
+ "aria-label": "take out of the list",
+ onclick: move |_| {
+ let (api, h, l) = (api2.clone(), h2.clone(), list.clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.delist(&l, &h.key).await {
+ Ok(()) => { ui.did(Did::Delisted { list: l, member: h.key }); ui.touched(); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ Icon { name: "close" }
+ }
+ }
+ }
+}
+
+#[component]
+fn Figures(list: ListInfo) -> Element {
+ let joined: String = list
+ .members
+ .iter()
+ .map(|m| m.text.as_str())
+ .collect::<Vec<_>>()
+ .join(" ");
+ let (s, r) = gem::sums(&joined);
+ let max = list.vector.iter().cloned().fold(0.0f64, f64::max).max(1e-9);
+ rsx! {
+ div { class: "card",
+ h3 { "figures" }
+ div { class: "figures",
+ div { b { "{list.count}" } "members" }
+ div { b { "{list.ordinal_sum}" } "ordinal, all of them" }
+ div { b { "{list.reversed_sum}" } "reversed, all of them" }
+ div { b { "{list.ordinal_mean:.2}" } "ordinal mean" }
+ div { b { "{list.reversed_mean:.2}" } "reversed mean" }
+ div { b { "{gem::byte_sum(&joined)}" } "bytes (1–256)" }
+ div { b { "{((s as f64) * (r as f64)).sqrt().floor()}" } "⌊√(s·r)⌋ of them whole" }
+ }
+ if !list.vector.is_empty() {
+ div { class: "letterbars", title: "the members' letters",
+ for (i , v) in list.vector.iter().enumerate() {
+ div { key: "{i}", class: "col",
+ span { class: "bar", style: "height: {(v / max * 34.0).max(1.0):.1}px;" }
+ span { class: "l", {((b'a' + i as u8) as char).to_string()} }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// the lists picked with Shift+click on their names: unlist them together, or let go
+#[component]
+fn ManyLists(picked: Signal<Vec<String>>, all: Vec<ListInfo>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut armed = use_signal(|| false);
+ let n = picked().len();
+ if n == 0 {
+ return rsx! {};
+ }
+ rsx! {
+ div { class: "card many", role: "status",
+ div { class: "row",
+ b { {format!("{n} list{} picked", if n == 1 { "" } else { "s" })} }
+ span { class: "dim small", {all.iter().filter(|l| picked().contains(&l.list)).map(|l| l.name.clone()).collect::<Vec<_>>().join(" · ")} }
+ span { class: "grow" }
+ button { class: if armed() { "btn small danger" } else { "btn small" },
+ onclick: move |_| {
+ if !armed() { armed.set(true); return; }
+ let (api, keys) = (api.clone(), picked());
+ let members: Vec<(String, Vec<String>)> = all.iter().filter(|l| keys.contains(&l.list)).map(|l| (l.list.clone(), l.members.iter().map(|h| h.key.clone()).collect())).collect();
+ spawn(async move {
+ for (key, m) in members {
+ match api.unlist(&key).await {
+ Ok(_) => ui.did(Did::Unlisted { list: key, members: m }),
+ Err(e) => { ui.fail(e); return; }
+ }
+ }
+ picked.set(vec![]);
+ armed.set(false);
+ ui.say(format!("unlisted {} lists (their members stay) · Ctrl+Z brings them back one by one", keys.len()));
+ ui.touched();
+ });
+ },
+ Icon { name: "delete" } if armed() { "sure? unlist them" } else { "unlist them" } }
+ button { class: "btn small", onclick: move |_| picked.set(vec![]), Icon { name: "close" } "let go" }
+ }
+ }
+ }
+}
diff --git a/app/src/views/memory.rs b/app/src/views/memory.rs
new file mode 100644
index 00000000..fef3c529
--- /dev/null
+++ b/app/src/views/memory.rs
@@ -0,0 +1,1563 @@
+//! The memory view: weum's memory page (docs/weum-reference/memory.js) on a black field.
+//! The results header (the sum and its pfR line) and the texts sit in a centre field
+//! whose width is dragged at its edges and stays centered; the sidecar and the toggles
+//! are on the strip over the bar.
+//!
+//! weum's behaviour, kept: the hover title is the key and `gsum(text, 1)`; click puts a
+//! text in the bar (its sums in the sidecar), Ctrl+click makes it the list candidate,
+//! Ctrl+Shift+click the list (Shift+click selects, as Alt+click; a box drawn selects), double click puts its key in the bar, Ctrl+right click gsearches
+//! ⌊√(ordinal·reversed)⌋; underlines by the opposite sum's group with seedCLR; toasts; `r`
+//! toggles reversed; ← → gsearch the sidecar's first and last; Enter, Ctrl+Enter,
+//! Shift+Enter and Delete as weum; Enlist, List, Delist, Unlist. Added: Alt+click selects
+//! (then a list is picked visually, or a tag typed), the right-click menu, the left-edge
+//! strip of sum buckets, the triangle, spacing, and the bar's undo.
+
+use dioxus::prelude::*;
+
+use crate::backend::{BucketCount, Hit};
+use crate::gem::{self, Mode};
+use crate::keys::Action;
+use crate::shell::set_pref;
+use crate::ui::*;
+use crate::views::{TChip, use_keys};
+
+#[derive(Clone, PartialEq, Default)]
+struct Header {
+ /// the sum (or what was searched)
+ title: String,
+ /// the number pfR runs on
+ n: Option<u64>,
+}
+
+#[derive(Clone, Copy)]
+struct Mem {
+ results: Signal<Vec<Hit>>,
+ header: Signal<Option<Header>>,
+ hover: Signal<String>,
+ /// the text under the pointer, for its words' types under the hover line
+ hover_text: Signal<String>,
+ picking: Signal<bool>,
+}
+
+/// weum's `envale(v)`: the header, then everything filed under `n`
+fn envale(ui: Ui, api: Api, m: Mem, n: u64, mode: Mode) {
+ let mode = if mode == Mode::Frequency { Mode::Ordinal } else { mode };
+ show_sum(ui, m, n.to_string(), Some(n), None);
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.gsearch(mode, &n.to_string()).await {
+ Ok(hits) => {
+ set_topline(
+ ui,
+ &n.to_string(),
+ mode,
+ hits.first().map(|h| h.text.as_str()),
+ hits.len(),
+ );
+ let mut r = m.results;
+ r.set(hits);
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+}
+
+fn show_sum(_ui: Ui, mut m: Mem, title: String, n: Option<u64>, keep: Option<Vec<Hit>>) {
+ m.header.set(Some(Header { title, n }));
+ m.results.set(keep.unwrap_or_default());
+}
+
+/// the search line in the top bar: what was searched, and the triangle of `text`
+fn set_topline(mut ui: Ui, title: &str, mode: Mode, text: Option<&str>, count: usize) {
+ let (s, r) = text.map(gem::sums).unwrap_or((0, 0));
+ ui.topline.set(Some(TopLine {
+ title: title.to_string(),
+ detail: format!("{} · {count} text{}", mode.name(), if count == 1 { "" } else { "s" }),
+ s,
+ r,
+ ..Default::default()
+ }));
+}
+
+fn add_hit(mut m: Mem, h: Hit) {
+ let mut r = m.results.write();
+ if !r.iter().any(|x| x.key == h.key) {
+ r.push(h);
+ }
+}
+
+/// the list commands typed in the bar
+async fn list_command(ui: Ui, api: Api, m: Mem, word: &str) -> bool {
+ if !["Enlist", "List", "Delist", "Unlist"].contains(&word) {
+ return false;
+ }
+ let p = ui.picks.peek().clone();
+ let Some(list) = p.list else {
+ ui.fail("Ctrl+Shift+click a text to pick the list first");
+ return true;
+ };
+ let r = match word {
+ "Enlist" | "Delist" => {
+ let Some(c) = p.candidate else {
+ ui.fail("Ctrl+click a text to pick the candidate first");
+ return true;
+ };
+ if word == "Enlist" {
+ api.enlist(&list.key, &c.key).await.map(|_| {
+ ui.did(Did::Enlisted {
+ list: list.key.clone(),
+ member: c.key.clone(),
+ });
+ format!("“{}” is in the list “{}”", c.text, list.text)
+ })
+ } else {
+ api.delist(&list.key, &c.key).await.map(|_| {
+ ui.did(Did::Delisted {
+ list: list.key.clone(),
+ member: c.key.clone(),
+ });
+ format!("“{}” left the list “{}”", c.text, list.text)
+ })
+ }
+ }
+ "Unlist" => {
+ let members: Vec<String> = match api.lists().await {
+ Ok(l) => l
+ .lists
+ .into_iter()
+ .find(|x| x.list == list.key)
+ .map(|x| x.members.into_iter().map(|h| h.key).collect())
+ .unwrap_or_default(),
+ Err(_) => vec![],
+ };
+ api.unlist(&list.key).await.map(|n| {
+ ui.did(Did::Unlisted {
+ list: list.key.clone(),
+ members,
+ });
+ let mut picks = ui.picks;
+ picks.write().list = None;
+ format!("the list “{}” is gone ({n} members)", list.text)
+ })
+ }
+ _ => Ok(String::new()),
+ };
+ match r {
+ Ok(msg) => {
+ if !msg.is_empty() {
+ ui.say(msg);
+ }
+ ui.touched();
+ // List (and after a change): the list and its members
+ if let Ok(l) = api.lists().await {
+ let members = l
+ .lists
+ .into_iter()
+ .find(|x| x.list == list.key)
+ .map(|x| x.members)
+ .unwrap_or_default();
+ show_sum(
+ ui,
+ m,
+ list.text.clone(),
+ None,
+ Some([vec![list.clone()], members].concat()),
+ );
+ }
+ }
+ Err(e) => ui.fail(e),
+ }
+ true
+}
+
+/// anagrams: everything with the same letters as `t`
+async fn letters_search(ui: Ui, api: Api, m: Mem, t: String) {
+ let letters = gem::letters(&gem::Measure::of(&t).frequency);
+ show_sum(ui, m, letters.clone(), None, None);
+ match api.gsearch(Mode::Frequency, &t).await {
+ Ok(hits) => {
+ set_topline(ui, &letters, Mode::Frequency, Some(&t), hits.len());
+ let mut r = m.results;
+ r.set(hits);
+ }
+ Err(e) => ui.fail(e),
+ }
+}
+
+/// Enter in the bar (weum's term onkeydown)
+async fn enter(mut ui: Ui, api: Api, m: Mem, raw: String, ctrl: bool, shift: bool) {
+ let t = raw.trim().to_string();
+ if t.is_empty() {
+ return;
+ }
+ let mode = ui.mode();
+ let (gsearch_text, saturate) = {
+ let p = ui.prefs.peek();
+ (p.gsearch_text, p.saturate)
+ };
+ // the right-click menu's edit and tag
+ let pending = ui.pending.peek().clone();
+ match pending {
+ Pending::Edit(h) => {
+ ui.pending.set(Pending::None);
+ match api.put_memory(&h.key, &t).await {
+ Ok(()) => {
+ ui.did(Did::Edited {
+ key: h.key.clone(),
+ old: h.text.clone(),
+ });
+ let mut r = m.results;
+ for x in r.write().iter_mut().filter(|x| x.key == h.key) {
+ x.text = t.clone();
+ }
+ ui.say(format!("{} now reads “{t}” · Ctrl+Z takes it back", h.key));
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ return;
+ }
+ Pending::Tag(hs) => {
+ ui.pending.set(Pending::None);
+ let mut done = 0;
+ for h in &hs {
+ match api.tag(&h.key, &t).await {
+ Ok(()) => done += 1,
+ Err(e) => ui.fail(e),
+ }
+ }
+ ui.say(format!("tagged {done} with “{t}”"));
+ ui.set_bar("");
+ ui.touched();
+ return;
+ }
+ // a space placement's own text, left pending when the view changed: dropped
+ Pending::EditOwn { .. } => ui.pending.set(Pending::None),
+ Pending::None => {}
+ }
+ if list_command(ui, api.clone(), m, &t).await {
+ return;
+ }
+ // `Run <program> [arguments]`: an s program of the save
+ if crate::views::scode::run_from_bar(ui, &api, &t).await {
+ return;
+ }
+ let (tint, cls_search) = {
+ let p = ui.prefs.peek();
+ (p.tint.clone(), p.cls_search)
+ };
+ if cls_search && !tint.is_empty() && !shift {
+ classifier_search(ui, api, m, &tint, &t).await;
+ return;
+ }
+ let number: Option<u64> = t.parse().ok();
+ if shift {
+ // remember by key
+ match api.remember(&t).await {
+ Ok(h) => show_sum(ui, m, t.clone(), None, Some(vec![h])),
+ Err(e) => ui.fail(e),
+ }
+ return;
+ }
+ if let Some(n) = number {
+ envale(ui, api, m, n, mode);
+ return;
+ }
+ if mode == Mode::Frequency && !ctrl {
+ letters_search(ui, api.clone(), m, t.clone()).await;
+ if saturate {
+ saturate_and_show(ui, api, m, &t, false).await;
+ }
+ return;
+ }
+ let s = gem::sum_in(&t, mode);
+ if ctrl {
+ // weum: gsearch the text's sum, saturate it, toast its key
+ envale(ui, api.clone(), m, s, mode);
+ saturate_and_show(ui, api, m, &t, true).await;
+ return;
+ }
+ if gsearch_text {
+ envale(ui, api.clone(), m, s, mode);
+ set_topline(ui, &s.to_string(), mode, Some(&t), 0);
+ // and the words: the text itself, when it's there
+ match api.search(&t, true).await {
+ Ok(found) => {
+ if let Some(h) = found.into_iter().find(|h| h.text == t) {
+ add_hit(m, h);
+ } else if saturate {
+ saturate_and_show(ui, api, m, &t, true).await;
+ }
+ }
+ Err(e) => ui.fail(e),
+ }
+ } else {
+ // weum's tryfulSearchVariations: the words, with variations
+ show_sum(ui, m, t.clone(), None, None);
+ match api.search(&t, true).await {
+ Ok(found) => {
+ let present = found.iter().any(|h| h.text == t);
+ set_topline(ui, &t, mode, Some(&t), found.len());
+ let mut r = m.results;
+ r.set(found);
+ if !present && saturate {
+ saturate_and_show(ui, api, m, &t, true).await;
+ }
+ }
+ Err(e) => ui.fail(e),
+ }
+ }
+}
+
+/// the classifier search mode: a class's name (and words after it) finds the texts most
+/// likely in that class; any other text, the texts the classifier reads most like it
+async fn classifier_search(ui: Ui, api: Api, m: Mem, name: &str, t: &str) {
+ let classes: Vec<String> = match api.call("classify.get", serde_json::json!({ "name": name })).await {
+ Ok(v) => v["classes"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .filter_map(|c| c.as_str().map(str::to_string))
+ .collect(),
+ Err(e) => return ui.fail(e),
+ };
+ let lower = t.to_lowercase();
+ let class = classes.iter().find(|c| {
+ let c = c.to_lowercase();
+ lower == c || lower.starts_with(&format!("{c} "))
+ });
+ let mode = ui.mode();
+ match class {
+ Some(c) => {
+ let words = t[c.len()..].trim().to_string();
+ let title = if words.is_empty() {
+ format!("{name}: {c}")
+ } else {
+ format!("{name}: {c} · {words}")
+ };
+ show_sum(ui, m, title.clone(), None, None);
+ match api.model_search(name, c, &words).await {
+ Ok(found) => {
+ // the texts it counts in the class; when there are none, the likeliest
+ let members = found.iter().filter(|s| s.member).count();
+ if members == 0 {
+ ui.say(format!("{name} counts nothing here as {c}; these are the likeliest"));
+ }
+ let hits: Vec<Hit> = found
+ .into_iter()
+ .filter(|s| s.member || members == 0)
+ .take(if members == 0 { 24 } else { usize::MAX })
+ .filter_map(|s| {
+ Some(Hit {
+ key: s.key?,
+ text: s.text,
+ note: s.note,
+ })
+ })
+ .collect();
+ set_topline(ui, &title, mode, hits.first().map(|h| h.text.as_str()), hits.len());
+ let mut r = m.results;
+ r.set(hits);
+ }
+ Err(e) => ui.fail(e),
+ }
+ }
+ None => {
+ let title = format!("like “{t}” · {name}");
+ show_sum(ui, m, title.clone(), None, None);
+ match api
+ .call(
+ "classify.similar",
+ serde_json::json!({ "name": name, "text": t, "limit": 60 }),
+ )
+ .await
+ {
+ Ok(v) => {
+ let hits: Vec<Hit> = v["results"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .filter_map(|h| {
+ Some(Hit {
+ key: h["key"].as_str()?.to_string(),
+ text: h["text"].as_str()?.to_string(),
+ note: h["note"].as_bool().unwrap_or(false),
+ })
+ })
+ .collect();
+ set_topline(ui, &title, mode, Some(t), hits.len());
+ let mut r = m.results;
+ r.set(hits);
+ }
+ Err(e) => ui.fail(e),
+ }
+ }
+ }
+}
+
+async fn saturate_and_show(ui: Ui, api: Api, m: Mem, t: &str, toast: bool) {
+ match api.saturate(t).await {
+ Ok((key, new)) => {
+ if new {
+ ui.did(Did::Remembered {
+ key: key.clone(),
+ text: t.to_string(),
+ });
+ ui.touched();
+ }
+ if toast || new {
+ ui.toast(key.clone());
+ }
+ add_hit(
+ m,
+ Hit {
+ key,
+ text: t.to_string(),
+ note: false,
+ },
+ );
+ }
+ Err(e) => ui.fail(e),
+ }
+}
+
+async fn forget(ui: Ui, api: Api, m: Mem, key: String) {
+ match api.forget(&key).await {
+ Ok(text) => {
+ ui.did(Did::Forgot {
+ key: key.clone(),
+ text: text.clone(),
+ });
+ ui.say(format!("forgot “{text}” ({key}) · Ctrl+Z takes it back"));
+ let mut r = m.results;
+ r.write().retain(|h| h.key != key);
+ ui.set_bar("");
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+}
+
+fn set_mode(ui: Ui, mode: Mode) {
+ set_pref(ui, |p| p.mode = mode);
+}
+
+#[component]
+pub fn Memory() -> Element {
+ let mut ui = ui();
+ let api = api();
+ let m = Mem {
+ results: use_signal(Vec::new),
+ header: use_signal(|| None),
+ hover: use_signal(String::new),
+ hover_text: use_signal(String::new),
+ picking: use_signal(|| false),
+ };
+ use_context_provider(|| m);
+
+ // the keys (weum's window.onkeydown, and the bar's)
+ {
+ let api = api.clone();
+ use_keys(View::Memory, move |k: KeyPress| {
+ if k.bar {
+ match k.key.as_str() {
+ "Enter" => {
+ dioxus::dioxus_core::spawn_forever(enter(ui, api.clone(), m, k.text.clone(), k.ctrl, k.shift));
+ true
+ }
+ "Delete" => {
+ dioxus::dioxus_core::spawn_forever(forget(ui, api.clone(), m, k.text.trim().to_string()));
+ true
+ }
+ _ => false,
+ }
+ } else {
+ let measure = ui.measure.peek().clone();
+ let mode = ui.mode();
+ if k.key == "Escape" {
+ let mut p = m.picking;
+ p.set(false);
+ ui.picks.write().selected.clear();
+ return true;
+ }
+ match k.action {
+ Some(Action::BucketReversed) => set_mode(
+ ui,
+ if mode == Mode::Reversed {
+ Mode::Ordinal
+ } else {
+ Mode::Reversed
+ },
+ ),
+ Some(Action::BucketOrdinal) => set_mode(ui, Mode::Ordinal),
+ Some(Action::BucketFrequency) => set_mode(
+ ui,
+ if mode == Mode::Frequency {
+ Mode::Ordinal
+ } else {
+ Mode::Frequency
+ },
+ ),
+ Some(Action::ToggleGsearch) => set_pref(ui, |p| p.gsearch_text = !p.gsearch_text),
+ Some(Action::ToggleSaturate) => set_pref(ui, |p| p.saturate = !p.saturate),
+ Some(Action::Letters) => set_pref(ui, |p| p.letters = !p.letters),
+ Some(Action::WhiteMode) => set_pref(ui, |p| p.white = !p.white),
+ Some(Action::WordTypes) => set_pref(ui, |p| p.word_types = !p.word_types),
+ Some(Action::ClassifierSearch) if !ui.prefs.peek().tint.is_empty() => {
+ set_pref(ui, |p| p.cls_search = !p.cls_search)
+ }
+ Some(Action::SideOrdinal) => match measure {
+ // the sidecar's first: the ordinal sum, gsearched in ordinal
+ Some(me) => {
+ set_mode(ui, Mode::Ordinal);
+ envale(ui, api.clone(), m, me.ordinal, Mode::Ordinal);
+ }
+ None => return false,
+ },
+ Some(Action::SideReversed) => match measure {
+ // the last: the reversed sum, gsearched in reversed
+ Some(me) => {
+ set_mode(ui, Mode::Reversed);
+ envale(ui, api.clone(), m, me.reversed, Mode::Reversed);
+ }
+ None => return false,
+ },
+ Some(Action::SideFrequency) => match measure {
+ // the letters: gsearched by frequency
+ Some(me) => {
+ set_mode(ui, Mode::Frequency);
+ let _ = me;
+ let t = ui.bar.peek().trim().to_string();
+ dioxus::dioxus_core::spawn_forever(letters_search(ui, api.clone(), m, t));
+ }
+ None => return false,
+ },
+ _ => return false,
+ }
+ true
+ }
+ });
+ }
+
+ let results = (m.results)();
+ let header = (m.header)();
+ let mode = ui.prefs.read().mode;
+ let width = ui.prefs.read().field_width;
+ let picks = (ui.picks)();
+ let field_style = if width > 0.0 {
+ format!("max-width: {width}px;")
+ } else {
+ String::new()
+ };
+ let nsel = picks.selected.len();
+ let (word_types_on, white) = {
+ let p = ui.prefs.read();
+ (p.word_types, p.white)
+ };
+ rsx! {
+ div { class: if white { "memory white" } else { "memory" }, style: "position: absolute; inset: 0;",
+ div { class: "edge" }
+ Buckets {}
+ div { class: "mem-main",
+ if header.is_none() && results.is_empty() {
+ div { class: "mem-intro",
+ p { "Type a word below and press Enter: it is remembered, and everything sharing its sum comes up." }
+ p { "A number gsearches it; Shift+Enter brings back a key (like 0,12). Shift+click (or Alt+click) selects texts, a box drawn round them too; Ctrl+Shift+click heads a list, Ctrl+click picks a candidate." }
+ }
+ } else {
+ div { class: "spacer" }
+ Field { style: field_style, header, results, mode, picks: picks.clone() }
+ div { class: "spacer" }
+ }
+ }
+ if nsel > 0 {
+ SelBar { n: nsel }
+ }
+ div { class: "mem-hover", "{m.hover}" }
+ if !(m.hover_text)().is_empty() && !word_types_on {
+ div { class: "mem-types", "aria-label": "its words' types", TaggedText { text: (m.hover_text)(), labels: true } }
+ }
+ }
+ }
+}
+
+/// each word type's short label
+pub(crate) fn type_label(t: &str) -> &'static str {
+ match t {
+ "noun" => "n",
+ "verb" => "v",
+ "adjective" => "adj",
+ "adverb" => "adv",
+ "pronoun" => "pron",
+ "determiner" => "det",
+ "preposition" => "prep",
+ "conjunction" => "conj",
+ "interjection" => "intj",
+ "name" => "name",
+ "number" => "num",
+ "date" => "date",
+ "time" => "time",
+ "link" => "link",
+ "email" => "email",
+ "hashtag" => "tag",
+ _ => "",
+ }
+}
+
+/// a text with each word labelled by its type (core's `kinds::tag`), in that type's colour;
+/// the spaces and punctuation between words kept as they are
+#[component]
+pub(crate) fn TaggedText(
+ text: String,
+ #[props(default = true)] labels: bool,
+ /// as ruby: the words stay inline text, so a text's own underline (the gematria
+ /// colour of its reversed-sum group) runs under them untouched; the type is the label
+ /// under each word, in its colour, never an underline
+ #[props(default)]
+ ruby: bool,
+) -> Element {
+ // English types only on English (other languages get their own tag sets)
+ let tags = if anend_core::kinds::looks_english(&text) {
+ anend_core::kinds::tag(&text)
+ } else {
+ vec![]
+ };
+ let mut parts: Vec<(String, Option<&'static str>)> = Vec::new();
+ let mut at = 0;
+ for t in &tags {
+ if t.start > at {
+ parts.push((text[at..t.start].to_string(), None));
+ }
+ parts.push((text[t.start..t.end].to_string(), Some(t.ty)));
+ at = t.end;
+ }
+ if at < text.len() {
+ parts.push((text[at..].to_string(), None));
+ }
+ rsx! {
+ span { class: "tagged",
+ for (i , (piece , ty)) in parts.into_iter().enumerate() {
+ match ty {
+ Some(ty) if ruby => rsx! {
+ ruby { key: "{i}", class: "rw t-{ty}", title: "{ty}",
+ "{piece}"
+ rt { "{type_label(ty)}" }
+ }
+ },
+ Some(ty) => rsx! {
+ span { key: "{i}", class: "tw t-{ty}", title: "{ty}",
+ span { class: "w", "{piece}" }
+ if labels { span { class: "l", "{type_label(ty)}" } }
+ }
+ },
+ None => rsx! { span { key: "{i}", "{piece}" } },
+ }
+ }
+ }
+ }
+}
+
+/// the word types shown, each in its colour, with how many of each
+#[component]
+fn TypesLegend(texts: Vec<String>) -> Element {
+ let mut counts: std::collections::BTreeMap<usize, (&'static str, usize)> = Default::default();
+ for t in texts.iter().filter(|t| anend_core::kinds::looks_english(t)) {
+ for w in anend_core::kinds::tag(t) {
+ let i = anend_core::kinds::WORD_TYPES
+ .iter()
+ .position(|x| *x == w.ty)
+ .unwrap_or(99);
+ counts.entry(i).or_insert((w.ty, 0)).1 += 1;
+ }
+ }
+ rsx! {
+ div { class: "types-legend", "aria-label": "word types",
+ for (_ , (ty , n)) in counts {
+ span { key: "{ty}", class: "tw t-{ty}", b { "{type_label(ty)}" } span { "{ty} {n}" } }
+ }
+ }
+ }
+}
+
+/// the lists, and the picked list (Ctrl+Shift+click, or a new one) even while it's empty
+fn with_picked(mut lists: Vec<crate::backend::ListInfo>, picked: Option<Hit>) -> Vec<crate::backend::ListInfo> {
+ if let Some(h) = picked
+ && !lists.iter().any(|l| l.list == h.key)
+ {
+ lists.insert(
+ 0,
+ crate::backend::ListInfo {
+ list: h.key,
+ name: h.text,
+ ..Default::default()
+ },
+ );
+ }
+ lists
+}
+
+#[component]
+fn SelBar(n: usize) -> Element {
+ let mut ui = ui();
+ let api = api();
+ let m = use_context::<Mem>();
+ let mut picking = m.picking;
+ let api_r = api.clone();
+ let lists = use_resource(move || {
+ let api = api_r.clone();
+ let open = picking();
+ async move { if open { api.lists().await.ok() } else { None } }
+ });
+ rsx! {
+ div { class: "selbar", role: "toolbar",
+ "{n} selected"
+ button { onclick: move |_| picking.set(!picking()), Icon { name: "list" } "put in a list…" }
+ button {
+ onclick: move |_| {
+ let sel = ui.picks.peek().selected.clone();
+ ui.pending.set(Pending::Tag(sel));
+ ui.set_bar("");
+ ui.focus_bar();
+ },
+ Icon { name: "tag" }
+ "tag…"
+ }
+ button { onclick: move |_| ui.picks.write().selected.clear(), Icon { name: "close" } "clear" }
+ }
+ if picking() {
+ div { class: "listpick",
+ match &*lists.read() {
+ Some(Some(l)) if !l.lists.is_empty() || ui.picks.read().list.is_some() => rsx! {
+ for li in with_picked(l.lists.clone(), ui.picks.read().list.clone()) {
+ button {
+ key: "{li.list}",
+ title: "{li.count} members · {li.list}",
+ onclick: {
+ let api = api.clone();
+ let li = li.clone();
+ move |_| {
+ let api = api.clone();
+ let li = li.clone();
+ dioxus::dioxus_core::spawn_forever(async move {
+ let sel = ui.picks.peek().selected.clone();
+ for h in &sel {
+ match api.enlist(&li.list, &h.key).await {
+ Ok(()) => ui.did(Did::Enlisted { list: li.list.clone(), member: h.key.clone() }),
+ Err(e) => ui.fail(e),
+ }
+ }
+ ui.say(format!("{} into the list “{}”", sel.len(), li.name));
+ ui.picks.write().selected.clear();
+ let mut p = m.picking;
+ p.set(false);
+ ui.touched();
+ });
+ }
+ },
+ "{li.name} ({li.count})"
+ }
+ }
+ },
+ Some(Some(_)) => rsx! { span { "no lists yet: Ctrl+Shift+click a text to make one its head" } },
+ _ => rsx! { span { "…" } },
+ }
+ }
+ }
+ }
+}
+
+/// the memory view's box selection: a drag that starts on the field's empty space draws a
+/// box; on release, the keys of the texts it touches go to Rust (`add` with Shift)
+const BOX_SELECT: &str = r#"
+// the newest field's channel; the listeners go in once
+window.__anendBoxSend = (m) => dioxus.send(m);
+if (!window.__anendBoxSel) {
+ window.__anendBoxSel = true;
+ let b = null;
+ document.addEventListener('mousedown', (e) => {
+ const arts = e.target.closest && e.target.closest('.arts');
+ if (e.button !== 0 || !arts || e.target.closest('.art')) return;
+ b = { x0: e.clientX, y0: e.clientY, add: e.shiftKey, el: null };
+ });
+ document.addEventListener('mousemove', (e) => {
+ if (!b) return;
+ if (!b.el && Math.hypot(e.clientX - b.x0, e.clientY - b.y0) < 5) return;
+ if (!b.el) { b.el = document.createElement('div'); b.el.className = 'selbox'; document.body.append(b.el); }
+ const x = Math.min(b.x0, e.clientX), y = Math.min(b.y0, e.clientY);
+ Object.assign(b.el.style, { left: x + 'px', top: y + 'px', width: Math.abs(e.clientX - b.x0) + 'px', height: Math.abs(e.clientY - b.y0) + 'px' });
+ e.preventDefault();
+ });
+ document.addEventListener('mouseup', () => {
+ if (!b) return;
+ const was = b; b = null;
+ if (!was.el) return;
+ const r = was.el.getBoundingClientRect();
+ was.el.remove();
+ const keys = [...document.querySelectorAll('.arts .art[data-key]')].filter((el) => {
+ const q = el.getBoundingClientRect();
+ return q.right >= r.left && q.left <= r.right && q.bottom >= r.top && q.top <= r.bottom;
+ }).map((el) => el.dataset.key);
+ if (window.__anendBoxSend) window.__anendBoxSend({ keys, add: was.add });
+ });
+}
+await new Promise(() => {});
+"#;
+
+#[component]
+fn Field(style: String, header: Option<Header>, results: Vec<Hit>, mode: Mode, picks: Picks) -> Element {
+ let ui = ui();
+ let api = api();
+ let keys: Vec<String> = results.iter().map(|h| h.key.clone()).collect();
+ let keys = use_memo(use_reactive!(|keys| keys));
+ let tints = use_resource(move || {
+ let api = api.clone();
+ let name = ui.prefs.read().tint.clone();
+ let keys = keys();
+ let _ = (ui.changed)();
+ async move {
+ if name.is_empty() || keys.is_empty() {
+ return None;
+ }
+ let keys: Vec<String> = keys.into_iter().take(5000).collect();
+ api.call("classify.tints", serde_json::json!({ "name": name, "keys": keys }))
+ .await
+ .ok()
+ }
+ });
+ let tinted = tints.read().clone().flatten();
+ let (tint_of, legend) = tint_map(tinted.as_ref());
+ // a box drawn on the field's empty space selects the texts it touches (Shift adds)
+ let shown = use_signal(Vec::<Hit>::new);
+ {
+ let mut shown = shown;
+ if *shown.peek() != results {
+ shown.set(results.clone());
+ }
+ }
+ use_hook(move || {
+ let mut ev = document::eval(BOX_SELECT);
+ spawn(async move {
+ while let Ok(v) = ev.recv::<serde_json::Value>().await {
+ let keys: Vec<String> = crate::views::classifiers::strs(&v["keys"]);
+ let add = v["add"] == true;
+ let all = shown.peek().clone();
+ let mut picks = ui.picks;
+ let mut p = picks.write();
+ if !add {
+ p.selected.clear();
+ }
+ for h in all.into_iter().filter(|h| keys.contains(&h.key)) {
+ if !p.selected.iter().any(|x| x.key == h.key) {
+ p.selected.push(h);
+ }
+ }
+ }
+ });
+ });
+ // the effects of the pipes turned on (stacked in their order)
+ let api_fx = use_context::<Api>();
+ let fx = use_resource(move || {
+ let api = api_fx.clone();
+ let names = ui.prefs.read().pipes.clone();
+ let keys = keys();
+ let _ = (ui.changed)();
+ async move {
+ if names.is_empty() || keys.is_empty() {
+ return std::collections::HashMap::new();
+ }
+ let keys: Vec<String> = keys.into_iter().take(5000).collect();
+ let v = api
+ .call("pipes.effects", serde_json::json!({ "names": names, "keys": keys }))
+ .await
+ .unwrap_or_default();
+ v["effects"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .map(|e| (e["key"].as_str().unwrap_or("").to_string(), e.clone()))
+ .collect::<std::collections::HashMap<String, serde_json::Value>>()
+ }
+ });
+ let fx_of = fx.read().clone().unwrap_or_default();
+ // the search filter (the square at the strip's right): what it keeps of the results
+ let filter = ui.prefs.read().filter.clone();
+ let filter_open = ui.prefs.read().filter_open;
+ let class_of = class_map(tinted.as_ref());
+ let api_f = use_context::<Api>();
+ let judged = use_resource(move || {
+ let api = api_f.clone();
+ let name = ui.prefs.read().tint.clone();
+ let want = ui.prefs.read().filter.feedback || ui.prefs.read().filter_open;
+ let _ = (ui.changed)();
+ async move {
+ if name.is_empty() || !want {
+ return None;
+ }
+ let d = api
+ .call("classify.get", serde_json::json!({ "name": name }))
+ .await
+ .ok()?;
+ let bias = api
+ .call(
+ "classify.steer",
+ serde_json::json!({ "name": name, "steer": {}, "save": false }),
+ )
+ .await
+ .ok()
+ .map(|v| v["bias"].clone());
+ let keys: std::collections::HashSet<String> = d["feedback"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .filter_map(|f| f["key"].as_str().map(str::to_string))
+ .collect();
+ Some((
+ keys,
+ bias.unwrap_or_default(),
+ d["feedback_count"].as_u64().unwrap_or(0),
+ ))
+ }
+ });
+ let judged = judged.read().clone().flatten();
+ let all_results = results.clone();
+ let results: Vec<Hit> = results
+ .into_iter()
+ .filter(|h| {
+ keeps(
+ &filter,
+ h,
+ class_of.get(&h.key).map(String::as_str),
+ judged.as_ref().map(|j| &j.0),
+ )
+ })
+ .collect();
+ let hidden = all_results.len() - results.len();
+ let mut drag: Signal<Option<(f64, f64, f64)>> = use_signal(|| None);
+ let mut rect: Signal<Option<std::rc::Rc<MountedData>>> = use_signal(|| None);
+ let start = move |e: MouseEvent, side: f64| {
+ e.prevent_default();
+ let x = e.client_coordinates().x;
+ dioxus::dioxus_core::spawn_forever(async move {
+ let w = match rect.peek().clone() {
+ Some(r) => r.get_client_rect().await.map(|r| r.width()).unwrap_or(800.0),
+ None => 800.0,
+ };
+ drag.set(Some((x, w, side)));
+ });
+ };
+ rsx! {
+ div {
+ class: "field",
+ style: "{style}",
+ onmounted: move |e| rect.set(Some(e.data())),
+ div { class: "grip l", title: "drag: the field's width (it stays centered); double click: the whole width",
+ onmousedown: move |e| start(e, -1.0),
+ ondoubleclick: move |_| set_pref(ui, |p| p.field_width = 0.0) }
+ div { class: "grip r", title: "drag: the field's width (it stays centered); double click: the whole width",
+ onmousedown: move |e| start(e, 1.0),
+ ondoubleclick: move |_| set_pref(ui, |p| p.field_width = 0.0) }
+ if let Some(h) = header {
+ div { class: "results-head",
+ h3 { "{h.title}" }
+ if let Some(n) = h.n {
+ PfLine { n }
+ }
+ }
+ }
+ if !legend.is_empty() {
+ div { class: "tint-legend", "aria-label": "colours",
+ for (c , colour , n) in legend.clone() {
+ span { key: "{c}", span { class: "dot", style: "background: {colour};" } "{c} {n}" }
+ }
+ }
+ }
+ if hidden > 0 {
+ div { class: "filter-note", "the filter hides {hidden} of {all_results.len()} · the square at the right of the strip changes it" }
+ }
+ if ui.prefs.read().word_types && !results.is_empty() {
+ TypesLegend { texts: results.iter().map(|h| h.text.clone()).collect::<Vec<_>>() }
+ }
+ div { class: "arts", role: "list",
+ if results.is_empty() && hidden == 0 {
+ span { class: "dim", style: "color: #bbb; padding: 6px;", "nothing filed here yet" }
+ }
+ for h in results {
+ Art {
+ key: "{h.key}",
+ tint: tint_of.get(&h.key).cloned(),
+ fx: fx_of.get(&h.key).cloned(),
+ under: gem::underline(&h.text, mode),
+ is_list: picks.list.as_ref().is_some_and(|l| l.key == h.key),
+ is_cand: picks.candidate.as_ref().is_some_and(|l| l.key == h.key),
+ selected: picks.selected.iter().any(|s| s.key == h.key),
+ hit: h,
+ }
+ }
+ }
+ }
+ if filter_open {
+ FilterPanel { shown: all_results.clone(), class_of: class_of.clone(), legend: legend.clone(), judged: judged.clone() }
+ }
+ if let Some((x0, w0, side)) = drag() {
+ div {
+ style: "position: fixed; inset: 0; z-index: 90; cursor: ew-resize;",
+ onmousemove: move |e| {
+ let x = e.client_coordinates().x;
+ let w = (w0 + 2.0 * side * (x - x0)).max(240.0);
+ set_pref(ui, |p| p.field_width = w as f32);
+ },
+ onmouseup: move |_| drag.set(None),
+ }
+ }
+ }
+}
+
+/// each key's class name under the colouring classifier ("unsure" when in none)
+fn class_map(v: Option<&serde_json::Value>) -> std::collections::HashMap<String, String> {
+ let mut out = std::collections::HashMap::new();
+ let Some(v) = v else { return out };
+ let names: Vec<String> = crate::views::classifiers::strs(&v["classes"]);
+ for t in v["tints"].as_array().into_iter().flatten() {
+ let Some(key) = t["key"].as_str() else { continue };
+ let c = t["class"]
+ .as_u64()
+ .and_then(|c| names.get(c as usize).cloned())
+ .unwrap_or_else(|| "unsure".into());
+ out.insert(key.to_string(), c);
+ }
+ out
+}
+
+/// whether the search filter keeps a text
+fn keeps(
+ f: &crate::prefs::MemFilter,
+ h: &Hit,
+ class: Option<&str>,
+ judged: Option<&std::collections::HashSet<String>>,
+) -> bool {
+ if (h.note && f.no_notes) || (!h.note && f.no_texts) {
+ return false;
+ }
+ if !f.kinds.is_empty() && !f.kinds.contains(anend_core::kinds::detect(&h.text)) {
+ return false;
+ }
+ if !f.words.is_empty() {
+ let types = anend_core::kinds::word_types(&h.text);
+ if !f.words.iter().all(|w| types.iter().any(|(_, k)| k == w)) {
+ return false;
+ }
+ }
+ if !f.classes.is_empty() && class.is_some_and(|c| !f.classes.contains(c)) {
+ return false;
+ }
+ if f.feedback && judged.is_some_and(|j| !j.contains(&h.key)) {
+ return false;
+ }
+ true
+}
+
+/// counts of a thing among the shown texts, most first
+fn tally<'a>(items: impl Iterator<Item = &'a str>) -> Vec<(String, usize)> {
+ let mut m: std::collections::BTreeMap<&str, usize> = Default::default();
+ for i in items {
+ *m.entry(i).or_default() += 1;
+ }
+ let mut v: Vec<(String, usize)> = m.into_iter().map(|(k, n)| (k.to_string(), n)).collect();
+ v.sort_by(|a, b| b.1.cmp(&a.1).then(a.0.cmp(&b.0)));
+ v
+}
+
+/// the search filter panel: what the shown texts are (their kinds, their words' types,
+/// their classes under the colouring classifier, which were given a verdict, the
+/// classifier's bias), each a chip that keeps only those
+#[component]
+fn FilterPanel(
+ shown: Vec<Hit>,
+ class_of: std::collections::HashMap<String, String>,
+ legend: Legend,
+ judged: Option<(std::collections::HashSet<String>, serde_json::Value, u64)>,
+) -> Element {
+ let ui = ui();
+ let f = ui.prefs.read().filter.clone();
+ let tint = ui.prefs.read().tint.clone();
+ let kinds = tally(shown.iter().map(|h| anend_core::kinds::detect(&h.text)));
+ let words = tally(
+ shown
+ .iter()
+ .flat_map(|h| anend_core::kinds::word_types(&h.text))
+ .map(|(_, k)| k)
+ .collect::<Vec<_>>()
+ .into_iter(),
+ );
+ let notes = shown.iter().filter(|h| h.note).count();
+ let classes: Vec<(String, usize)> = legend.iter().map(|(c, _, n)| (c.clone(), *n)).collect();
+ let flip = move |set: fn(&mut crate::prefs::MemFilter) -> &mut std::collections::BTreeSet<String>, v: String| {
+ set_pref(ui, move |p| {
+ let s = set(&mut p.filter);
+ if !s.remove(&v) {
+ s.insert(v.clone());
+ }
+ })
+ };
+ let _ = &class_of;
+ rsx! {
+ div { class: "filter-panel", role: "dialog", "aria-label": "search filter",
+ div { class: "row",
+ b { "filter what's shown" }
+ span { class: "grow" }
+ if f.active() {
+ button { class: "plain", onclick: move |_| set_pref(ui, |p| p.filter = Default::default()), "clear" }
+ }
+ button { class: "plain", "aria-label": "close the filter", onclick: move |_| set_pref(ui, |p| p.filter_open = false), Icon { name: "close" } }
+ }
+ div { class: "fgroup",
+ span { class: "dim small", "entries" }
+ button { class: if !f.no_texts { "chip on" } else { "chip" }, onclick: move |_| set_pref(ui, |p| p.filter.no_texts = !p.filter.no_texts),
+ "texts " span { class: "dim", "{shown.len() - notes}" } }
+ button { class: if !f.no_notes { "chip on" } else { "chip" }, onclick: move |_| set_pref(ui, |p| p.filter.no_notes = !p.filter.no_notes),
+ "notes " span { class: "dim", "{notes}" } }
+ }
+ div { class: "fgroup",
+ span { class: "dim small", "kind" }
+ for (k , n) in kinds {
+ button { key: "{k}", class: if f.kinds.contains(&k) { "chip on" } else { "chip" },
+ onclick: { let k = k.clone(); move |_| flip(|f| &mut f.kinds, k.clone()) },
+ "{k} " span { class: "dim", "{n}" } }
+ }
+ }
+ div { class: "fgroup",
+ span { class: "dim small", "has words of type" }
+ for (k , n) in words {
+ button { key: "{k}", class: if f.words.contains(&k) { "chip on" } else { "chip" },
+ title: "{n} words of this type among the texts shown",
+ onclick: { let k = k.clone(); move |_| flip(|f| &mut f.words, k.clone()) },
+ "{k} " span { class: "dim", "{n}" } }
+ }
+ }
+ if tint.is_empty() {
+ div { class: "fgroup dim small", "pick a classifier in the strip (the palette) to filter by its classes, its verdicts and see its bias" }
+ } else {
+ div { class: "fgroup",
+ span { class: "dim small", "{tint}" }
+ for (c , n) in classes {
+ button { key: "{c}", class: if f.classes.contains(&c) { "chip on" } else { "chip" },
+ onclick: { let c = c.clone(); move |_| flip(|f| &mut f.classes, c.clone()) },
+ "{c} " span { class: "dim", "{n}" } }
+ }
+ }
+ div { class: "fgroup",
+ span { class: "dim small", "feedback" }
+ button { class: if f.feedback { "chip on" } else { "chip" },
+ title: "only texts this classifier was given a yes or no on (its latest 50)",
+ onclick: move |_| set_pref(ui, |p| p.filter.feedback = !p.filter.feedback),
+ "given a verdict "
+ span { class: "dim", {judged.as_ref().map(|j| format!("{} of {}", shown.iter().filter(|h| j.0.contains(&h.key)).count(), j.2)).unwrap_or_default()} }
+ }
+ }
+ if let Some((_, bias, _)) = &judged && bias.is_object() {
+ div { class: "fgroup small",
+ span { class: "dim", "bias" }
+ span { title: "mean KL of the steered from the trained outputs", {format!("KL {:.3}", bias["mean_kl"].as_f64().unwrap_or(0.0))} }
+ span { title: "share of texts whose top class the steering flips", {format!("flipped {:.0}%", 100.0 * bias["flipped"].as_f64().unwrap_or(0.0))} }
+ span { title: "how uneven the classes' shares are", {format!("imbalance {:.2}", bias["imbalance"].as_f64().unwrap_or(0.0))} }
+ span { title: "how far the predicted shares are from the training lists'", {format!("prior skew {:.2}", bias["prior_skew"].as_f64().unwrap_or(0.0))} }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// weum's pfR line; its numbers go into the bar when clicked
+#[component]
+pub(crate) fn PfLine(n: u64) -> Element {
+ let ui = ui();
+ let segs = gem::pf_line(n);
+ rsx! {
+ div { class: "pf",
+ for (i , s) in segs.into_iter().enumerate() {
+ match s {
+ anend_core::weum::Seg::Text(t) => rsx! { span { key: "{i}", "{t}" } },
+ anend_core::weum::Seg::Num(v) => rsx! {
+ i { key: "{i}", title: "into the bar", onclick: move |_| ui.set_bar(&v.to_string()), "{v}" }
+ },
+ }
+ }
+ }
+ }
+}
+
+#[component]
+fn Art(
+ hit: Hit,
+ under: Option<String>,
+ is_list: bool,
+ is_cand: bool,
+ selected: bool,
+ tint: Option<String>,
+ fx: Option<serde_json::Value>,
+) -> Element {
+ let mut ui = ui();
+ let api = api();
+ let m = use_context::<Mem>();
+ let title = format!("{} {}", hit.key, gem::gsum_line(&hit.text));
+ // a long text shows piece by piece (lines at word boundaries, a few lines a piece)
+ let (pw, pl) = {
+ let p = ui.prefs.read();
+ (p.piece_line, p.piece_lines)
+ };
+ let n_pieces = anend_core::pieces::count(&hit.text, pw, pl);
+ let long = n_pieces > 1;
+ let mut shown = use_signal(|| 1usize);
+ let shown_n = shown().min(n_pieces);
+ let shown_text: String = if long {
+ anend_core::pieces::pieces(&hit.text, pw, pl)[..shown_n].concat()
+ } else {
+ String::new()
+ };
+ let mut class = String::from("art");
+ for (on, c) in [
+ (is_list, " is-list"),
+ (is_cand, " is-candidate"),
+ (selected, " selected"),
+ (hit.note, " note"),
+ (long, " long"),
+ ] {
+ if on {
+ class.push_str(c);
+ }
+ }
+ // a pipe's underline stands in for the gematria one
+ let fx_s = |k: &str| fx.as_ref().and_then(|f| f[k].as_str()).map(String::from);
+ let under_style = match fx_s("underline").or(under.clone()) {
+ Some(c) => format!("text-decoration: underline; text-decoration-color: {c};"),
+ None => String::new(),
+ };
+ let label = fx_s("label");
+ // a long text underlines its piece, not the controls under it
+ let mut style = if long { String::new() } else { under_style.clone() };
+ if let Some(t) = fx_s("colour").as_ref().or(tint.as_ref()) {
+ style.push_str(&format!(" border-left: 5px solid {t};"));
+ }
+ if let Some(sz) = fx.as_ref().and_then(|f| f["size"].as_f64()) {
+ style.push_str(&format!(" font-size: calc(var(--mfs, 20px) * {sz:.2});"));
+ }
+ if let Some(g) = fx_s("glow") {
+ style.push_str(&format!(" text-shadow: 0 0 6px {g}, 0 0 12px {g};"));
+ }
+ if long {
+ style.push_str(&format!(" --piece-ch: {pw}ch;"));
+ if shown_n > 1 {
+ class.push_str(" open");
+ }
+ }
+ let (h1, h2, h3, h4) = (hit.clone(), hit.clone(), hit.clone(), hit.clone());
+ // the hover line: the title, the text's kind and its words' types (kinds.rs)
+ let words = anend_core::kinds::describe_words(&hit.text);
+ let t2 = if words.is_empty() {
+ title.clone()
+ } else {
+ format!("{title} · {} · {words}", anend_core::kinds::detect(&hit.text))
+ };
+ let mut hover = m.hover;
+ let mut hover_text = m.hover_text;
+ // the words' types strip shows a long text's first piece, not all of it
+ let ht = if long {
+ anend_core::pieces::pieces(&hit.text, pw, pl)[0].to_string()
+ } else {
+ hit.text.clone()
+ };
+ let tagged = ui.prefs.read().word_types;
+ // the tooltip has the word types on a line of their own
+ let tip = if words.is_empty() {
+ title.clone()
+ } else {
+ format!("{title}\n{} · {words}", anend_core::kinds::detect(&hit.text))
+ };
+ rsx! {
+ div {
+ class: "{class}",
+ style: "{style}",
+ role: "listitem",
+ "data-key": "{hit.key}",
+ tabindex: "0",
+ title: "{tip}",
+ onmouseenter: move |_| {
+ hover.set(t2.clone());
+ hover_text.set(ht.clone());
+ },
+ onclick: move |e: MouseEvent| {
+ let md = e.modifiers();
+ if (md.ctrl() || md.meta()) && md.shift() {
+ let mut p = ui.picks.write();
+ p.candidate = None;
+ p.list = Some(h1.clone());
+ drop(p);
+ ui.say(format!("list: {}", h1.text));
+ } else if md.ctrl() || md.meta() {
+ ui.picks.write().candidate = Some(h1.clone());
+ ui.say(format!("candidate: {}", h1.text));
+ } else if md.shift() || md.alt() {
+ let mut p = ui.picks.write();
+ if let Some(i) = p.selected.iter().position(|x| x.key == h1.key) {
+ p.selected.remove(i);
+ } else {
+ p.selected.push(h1.clone());
+ }
+ } else {
+ ui.set_bar(&h1.text);
+ ui.focus_bar();
+ }
+ },
+ ondoubleclick: move |_| ui.set_bar(&h2.key),
+ onauxclick: {
+ let h = hit.clone();
+ move |e: PointerEvent| {
+ // the middle button opens a note in the editor
+ if e.trigger_button() == Some(dioxus::html::input_data::MouseButton::Auxiliary) && h.note {
+ let mut o = ui.open_note;
+ o.set(Some(h.key.clone()));
+ crate::shell::go(ui, View::Notes);
+ }
+ }
+ },
+ onkeydown: move |e: KeyboardEvent| {
+ if e.key() == Key::Enter {
+ ui.set_bar(&h4.text);
+ ui.focus_bar();
+ }
+ },
+ oncontextmenu: move |e: MouseEvent| {
+ e.prevent_default();
+ if e.modifiers().ctrl() {
+ // weum: gsearch ⌊√(s·r)⌋ in the current mode
+ let me = gem::Measure::of(&h3.text);
+ envale(ui, api.clone(), m, me.triangle(), ui.mode());
+ } else {
+ let p = e.client_coordinates();
+ ui.menu.set(Some(Menu { hit: h3.clone(), x: p.x, y: p.y }));
+ }
+ },
+ if long {
+ div { class: "piece", style: "{under_style}",
+ if tagged { TaggedText { text: shown_text.clone(), labels: true, ruby: true } } else { "{shown_text}" }
+ }
+ div { class: "pieces-more",
+ span { class: "dim", {format!("{} of {} pieces · {} KB", shown_n, n_pieces, hit.text.len().div_ceil(1000))} }
+ if shown_n < n_pieces {
+ button { class: "plain", title: "the next pieces",
+ onclick: move |e| { e.stop_propagation(); shown.set((shown_n + 4).min(n_pieces)); }, "more" }
+ button { class: "plain", title: "every piece (a long text takes a while to lay out)",
+ onclick: move |e| { e.stop_propagation(); shown.set(n_pieces); }, "all" }
+ }
+ if shown_n > 1 {
+ button { class: "plain", title: "back to the first piece",
+ onclick: move |e| { e.stop_propagation(); shown.set(1); }, "less" }
+ }
+ }
+ } else if tagged { TaggedText { text: hit.text.clone(), labels: true, ruby: true } } else { "{hit.text}" }
+ if let Some(l) = label {
+ span { class: "fx-label", "{l}" }
+ }
+ }
+ }
+}
+
+/// each class shown, its colour, and how many texts it has here
+type Legend = Vec<(String, String, usize)>;
+
+/// a classifier's tints as each key's colour (its class's, fainter when less sure; grey
+/// when it's in none) and the legend: each class, its colour, how many texts it has here
+fn tint_map(v: Option<&serde_json::Value>) -> (std::collections::HashMap<String, String>, Legend) {
+ let mut map = std::collections::HashMap::new();
+ let Some(v) = v else { return (map, vec![]) };
+ let names: Vec<String> = v["classes"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .filter_map(|c| c.as_str().map(str::to_string))
+ .collect();
+ let palette: Vec<String> = v["palette"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .filter_map(|c| c.as_str().map(str::to_string))
+ .collect();
+ let mut counts = vec![0usize; names.len() + 1];
+ for t in v["tints"].as_array().into_iter().flatten() {
+ let Some(key) = t["key"].as_str() else { continue };
+ let strength = t["strength"].as_f64().unwrap_or(0.0).clamp(0.0, 1.0);
+ let colour = match t["class"].as_u64().map(|c| c as usize) {
+ Some(c) if c < palette.len() => {
+ counts[c] += 1;
+ format!(
+ "color-mix(in srgb, {} {:.0}%, transparent)",
+ palette[c],
+ 35.0 + 65.0 * strength
+ )
+ }
+ _ => {
+ counts[names.len()] += 1;
+ "#6b6461".to_string()
+ }
+ };
+ map.insert(key.to_string(), colour);
+ }
+ let mut legend: Vec<(String, String, usize)> = names
+ .iter()
+ .zip(&palette)
+ .zip(&counts)
+ .filter(|(_, k)| **k > 0)
+ .map(|((n, c), k)| (n.clone(), c.clone(), *k))
+ .collect();
+ if counts[names.len()] > 0 {
+ legend.push(("unsure".into(), "#6b6461".into(), counts[names.len()]));
+ }
+ (map, legend)
+}
+
+/// the classifier colouring the memory view, picked in the strip, and its search mode
+#[component]
+fn TintPick() -> Element {
+ let ui = ui();
+ let api = api();
+ let p = ui.prefs.read().clone();
+ let models = use_resource(move || {
+ let api = api.clone();
+ let _ = (ui.changed)();
+ async move { api.models().await.unwrap_or_default() }
+ });
+ let trained: Vec<String> = models
+ .read()
+ .clone()
+ .unwrap_or_default()
+ .into_iter()
+ .filter(|m| m.trained)
+ .map(|m| m.name)
+ .collect();
+ if trained.is_empty() && p.tint.is_empty() {
+ return rsx! {};
+ }
+ rsx! {
+ span { class: "toggles tintpick",
+ span { class: "icon-l", title: "colour the texts by a classifier's classes", Icon { name: "palette" } }
+ select {
+ "aria-label": "colour by a classifier",
+ title: "colour the texts by a classifier's classes",
+ onchange: move |e| { let v = e.value(); set_pref(ui, |p| { p.tint = v; if p.tint.is_empty() { p.cls_search = false; } }) },
+ option { value: "", selected: p.tint.is_empty(), "no colours" }
+ for n in trained {
+ option { key: "{n}", value: "{n}", selected: p.tint == n, "{n}" }
+ }
+ }
+ if !p.tint.is_empty() {
+ TChip { label: format!("search with {}: a class's name finds its texts, any other text the texts like it · C", p.tint), icon: "classifier", on: p.cls_search, onclick: move |_| set_pref(ui, |p| p.cls_search = !p.cls_search) }
+ }
+ }
+ }
+}
+
+/// the left edge: a circle per sum bucket, sized by how many texts it holds
+#[component]
+fn Buckets() -> Element {
+ let ui = ui();
+ let api = api();
+ let m = use_context::<Mem>();
+ let mode = ui.prefs.read().mode;
+ let counts = use_resource(move || {
+ let api = api.clone();
+ let _ = (ui.changed)();
+ let mode = ui.prefs.read().mode;
+ async move {
+ api.bucket_counts(if mode == Mode::Frequency { Mode::Ordinal } else { mode })
+ .await
+ .unwrap_or_default()
+ }
+ });
+ let all: Vec<BucketCount> = counts.read().clone().unwrap_or_default();
+ let max = all.iter().map(|b| b.count).max().unwrap_or(1).max(1) as f64;
+ let shown_mode = if mode == Mode::Frequency { Mode::Ordinal } else { mode };
+ let on = (m.header)().and_then(|h| h.n);
+ let api2 = use_context::<Api>();
+ rsx! {
+ nav { class: "buckets", "aria-label": "sum buckets",
+ div { class: "line" }
+ for b in all.into_iter().take(4000) {
+ div {
+ key: "{b.sum}",
+ class: if on == Some(b.sum as u64) { "b on" } else { "b" },
+ style: "--r: {2.0 + 6.0 * (b.count as f64 / max).sqrt():.1}px;",
+ title: format!("{} {} · {} text{}", shown_mode.name(), b.sum, b.count, if b.count == 1 { "" } else { "s" }),
+ onclick: {
+ let api = api2.clone();
+ move |_| envale(ui, api.clone(), m, b.sum.max(0) as u64, shown_mode)
+ },
+ span { class: "dot" }
+ "{b.sum}"
+ }
+ }
+ }
+ }
+}
+
+/// the strip over the bar: the sidecar (the bar's sums) and the toggles
+#[component]
+pub fn MemoryStrip() -> Element {
+ let ui = ui();
+ let measure = (ui.measure)();
+ let p = ui.prefs.read().clone();
+ rsx! {
+ if let Some(me) = measure {
+ span { class: "sidecar", "aria-label": "the bar's sums",
+ "("
+ for (i , (v , md)) in [(me.ordinal, Mode::Ordinal), (me.reversed, Mode::Reversed)].into_iter().enumerate() {
+ if i > 0 { ", " }
+ span {
+ class: if p.mode == md { "num on" } else { "num" },
+ title: format!("gsearch {} {v} ({})", md.name(), if i == 0 { "←" } else { "→" }),
+ onclick: move |_| {
+ // as ← and → do
+ let key = if md == Mode::Ordinal { "ArrowLeft" } else { "ArrowRight" };
+ let h = ui.keys.peek().iter().find(|(w, _)| *w == View::Memory).map(|(_, h)| *h);
+ if let Some(h) = h {
+ h.call(KeyPress { key: key.into(), code: String::new(), ctrl: false, shift: false, alt: false, bar: false, typing: false, text: String::new(), action: Some(if md == Mode::Ordinal { Action::SideOrdinal } else { Action::SideReversed }) });
+ }
+ },
+ "{v}"
+ }
+ }
+ ")"
+ span { class: "extra", title: "the byte sum (bytes 1–256)", "· b {me.bytes}" }
+ if p.letters {
+ span { class: "letters", title: "the letters (frequency); L hides them", "{gem::letters(&me.frequency)}" }
+ }
+ }
+ }
+ span { class: "toggles", role: "group", "aria-label": "mode",
+ for md in Mode::ALL {
+ TChip {
+ key: "{md.name()}",
+ label: format!("{} · {}", md.name(), match md { Mode::Ordinal => "O", Mode::Reversed => "R toggles", Mode::Frequency => "F" }),
+ letter: md.letter(),
+ on: p.mode == md,
+ onclick: move |_| set_mode(ui, md),
+ }
+ }
+ }
+ span { class: "toggles",
+ TChip { label: "gsearch text: by its sum, not its words · G", icon: "search", on: p.gsearch_text, onclick: move |_| set_pref(ui, |p| p.gsearch_text = !p.gsearch_text) }
+ TChip { label: "saturate: remember what's searched · S", icon: "bolt", on: p.saturate, onclick: move |_| set_pref(ui, |p| p.saturate = !p.saturate) }
+ TChip { label: "letters in the sidecar · L", letter: "abc", on: p.letters, onclick: move |_| set_pref(ui, |p| p.letters = !p.letters) }
+ TChip { label: format!("word types: label every word (noun, verb, name, number…) · {}", ui.key_of(Action::WordTypes)), letter: "n·v", on: p.word_types, onclick: move |_| set_pref(ui, |p| p.word_types = !p.word_types) }
+ TChip { label: format!("white: dark texts on white · {}", ui.key_of(Action::WhiteMode)), icon: "sun", on: p.white, onclick: move |_| set_pref(ui, |p| p.white = !p.white) }
+ }
+ TintPick {}
+ span { class: "toggles filter-square",
+ TChip {
+ label: if p.filter.active() { "the search filter (on): kinds, word types, classes, verdicts, bias".to_string() } else { "the search filter: kinds, word types, classes, verdicts, bias".to_string() },
+ icon: "filter",
+ on: p.filter_open || p.filter.active(),
+ onclick: move |_| set_pref(ui, |p| p.filter_open = !p.filter_open),
+ }
+ }
+ }
+}
diff --git a/app/src/views/mod.rs b/app/src/views/mod.rs
new file mode 100644
index 00000000..c196e790
--- /dev/null
+++ b/app/src/views/mod.rs
@@ -0,0 +1,137 @@
+//! The views. Every view stays mounted (the space keeps its scene, each view its page and
+//! scroll) and loads when first shown; only the open one is visible.
+
+pub mod classifiers;
+pub mod clsmore;
+pub mod flt;
+pub mod forge;
+pub mod hubui;
+pub mod judge;
+pub mod lists;
+pub mod memory;
+pub mod models;
+pub mod notes;
+pub mod pictures;
+pub mod pipes;
+pub mod reader;
+pub mod scode;
+pub mod settings;
+pub mod space;
+pub mod specs;
+pub mod stats;
+pub mod tags;
+pub mod tagsets;
+pub mod taxonomy;
+
+use dioxus::prelude::*;
+
+use crate::ui::*;
+
+#[component]
+pub fn ViewHost(view: View) -> Element {
+ let ui = ui();
+ let open = (ui.view)() == view;
+ // a view is built the first time it's shown, then kept
+ let mut seen = use_signal(|| false);
+ if open && !*seen.peek() {
+ seen.set(true);
+ }
+ if !seen() {
+ return rsx! {};
+ }
+ rsx! {
+ section {
+ class: "view {view.name()}",
+ hidden: !open,
+ "aria-label": "{view.name()}",
+ match view {
+ View::Memory => rsx! { memory::Memory {} },
+ View::Space => rsx! { space::Space {} },
+ View::Lists => rsx! { lists::Lists {} },
+ View::Reader => rsx! { reader::Reader {} },
+ View::Notes => rsx! { notes::Notes {} },
+ View::Tags => rsx! { tags::Tags {} },
+ View::Stats => rsx! { stats::Stats {} },
+ View::Models => rsx! { classifiers::Models {} },
+ View::Filters => rsx! { models::Filters {} },
+ }
+ }
+ }
+}
+
+/// what a view adds at the command bar's right end: the memory view's and the space's sums
+/// and toggles, the other views' counts and hints
+#[component]
+pub fn Side(view: View) -> Element {
+ let ui = ui();
+ match view {
+ View::Memory => rsx! { memory::MemoryStrip {} },
+ View::Space => rsx! { space::SpaceStrip {} },
+ _ => {
+ let note = ui.side.read().get(&view).cloned().unwrap_or_default();
+ rsx! { span { class: "sidenote", "{note}" } }
+ }
+ }
+}
+
+/// registers a view's key handler with the shell
+pub fn use_keys(view: View, f: impl FnMut(KeyPress) -> bool + 'static) {
+ let mut ui = ui();
+ let cb = use_callback(f);
+ use_hook(move || {
+ ui.keys.write().push((view, cb));
+ });
+}
+
+/// a toggle as small as an icon or a letter; its name and key in the tip
+#[component]
+pub fn TChip(
+ label: String,
+ #[props(default)] icon: String,
+ #[props(default)] letter: String,
+ on: bool,
+ onclick: EventHandler<()>,
+) -> Element {
+ rsx! {
+ button {
+ class: if on { "tchip on tip-up tip-left" } else { "tchip tip-up tip-left" },
+ "data-tip": "{label}",
+ "aria-label": "{label}",
+ "aria-pressed": "{on}",
+ onclick: move |_| onclick.call(()),
+ if !icon.is_empty() {
+ Icon { name: icon.clone() }
+ } else {
+ "{letter}"
+ }
+ }
+ }
+}
+
+/// a section that folds, remembered by name
+#[component]
+pub fn Fold(name: String, title: String, children: Element) -> Element {
+ let ui = ui();
+ let folded = ui.prefs.read().folded(&name);
+ let n = name.clone();
+ rsx! {
+ div { class: if folded { "section folded" } else { "section" },
+ button {
+ class: "shead",
+ "aria-expanded": "{!folded}",
+ onclick: move |_| {
+ crate::shell::set_pref(ui, |p| {
+ if !p.collapsed.remove(&n) {
+ p.collapsed.insert(n.clone());
+ }
+ })
+ },
+ Icon { name: "chevron-right", class: "chev" }
+ "{title}"
+ }
+ if !folded {
+ div { class: "body", {children} }
+ }
+ }
+ }
+}
diff --git a/app/src/views/models.rs b/app/src/views/models.rs
new file mode 100644
index 00000000..fc1759e5
--- /dev/null
+++ b/app/src/views/models.rs
@@ -0,0 +1,163 @@
+//! Filters (the models view is `classifiers.rs`).
+//!
+//! **Filters** run the query model (`entries.query`): words, a sum range, a time range, a
+//! tag and a kind, intersected. Filters are kept in the save's settings by name.
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use crate::backend::{EntryQuery, Hit};
+use crate::ui::*;
+use crate::views::use_keys;
+
+#[component]
+pub fn Filters() -> Element {
+ let ui = ui();
+ let api = api();
+ let mut q = use_signal(EntryQuery::default);
+ let mut since = use_signal(String::new);
+ let mut until = use_signal(String::new);
+ let mut name = use_signal(String::new);
+ let mut form = use_signal(|| 0u64);
+ let mut found: Signal<Option<(u64, Vec<Hit>)>> = use_signal(|| None);
+ let api_s = api.clone();
+ let saved = use_resource(move || {
+ let api = api_s.clone();
+ let _ = (ui.changed)();
+ async move {
+ let raw = api.setting("filters").await.ok().flatten().unwrap_or_default();
+ serde_json::from_str::<Vec<(String, Value)>>(&raw).unwrap_or_default()
+ }
+ });
+ let run = {
+ let api = api.clone();
+ move || {
+ let api = api.clone();
+ let mut query = q.peek().clone();
+ let day = |d: &str, end: bool| {
+ (!d.is_empty()).then(|| format!("{d}T{}", if end { "23:59:59Z" } else { "00:00:00Z" }))
+ };
+ query.since =
+ day(&since.peek(), false).or_else(|| (!until.peek().is_empty()).then(|| "1970-01-01T00:00:00Z".into()));
+ query.until =
+ day(&until.peek(), true).or_else(|| query.since.as_ref().map(|_| "9999-12-31T23:59:59Z".into()));
+ query.limit = 300;
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.query(&query).await {
+ Ok(r) => found.set(Some(r)),
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ {
+ let run = run.clone();
+ use_keys(View::Filters, move |k: KeyPress| {
+ if !(k.bar && k.key == "Enter") {
+ return false;
+ }
+ // a sum (79) or a range (70-90), else words
+ let t = k.text.trim().to_string();
+ let range: Option<(i64, i64)> = match t.split_once('-') {
+ Some((a, b)) => a.trim().parse().ok().zip(b.trim().parse().ok()),
+ None => t.parse().ok().map(|n| (n, n)),
+ };
+ let mut w = q.write();
+ match range {
+ Some((a, b)) => {
+ w.from = Some(a.min(b));
+ w.to = Some(a.max(b));
+ if w.bucket.is_empty() {
+ w.bucket = "ordinal".into();
+ }
+ }
+ None => w.words = t,
+ }
+ drop(w);
+ form += 1;
+ run();
+ true
+ });
+ }
+ let cur = q();
+ let saved_list = saved.read().clone().unwrap_or_default();
+ let api_save = api.clone();
+ let run2 = run.clone();
+ rsx! {
+ div { class: "page",
+ div { class: "row", h2 { "filters and pipes" } span { class: "dim small", "find texts by words, sums, time, tags and kind; below, by what classifiers say, in groups, and pipes: a filter with effects shown in the views" } }
+ // remade when a kept filter or the bar fills it (its inputs aren't bound while typing)
+ for g in [form()] {
+ div { key: "{g}", class: "card",
+ div { class: "cond", Icon { name: "search" } "words"
+ input { r#type: "text", initial_value: "{cur.words}", placeholder: "any", oninput: move |e| q.write().words = e.value() } }
+ div { class: "cond", Icon { name: "hash" } "sum"
+ select { value: "{cur.bucket}", onchange: move |e| q.write().bucket = e.value(),
+ option { value: "", "any" } option { value: "ordinal", "ordinal" } option { value: "reversed", "reversed" } }
+ "from" input { r#type: "number", initial_value: cur.from.map(|v| v.to_string()).unwrap_or_default(), oninput: move |e| q.write().from = e.value().parse().ok() }
+ "to" input { r#type: "number", initial_value: cur.to.map(|v| v.to_string()).unwrap_or_default(), oninput: move |e| q.write().to = e.value().parse().ok() } }
+ div { class: "cond", Icon { name: "sort" } "written between"
+ input { r#type: "date", initial_value: "{since}", oninput: move |e| since.set(e.value()) } "and"
+ input { r#type: "date", initial_value: "{until}", oninput: move |e| until.set(e.value()) } }
+ div { class: "cond", Icon { name: "tag" } "tag"
+ input { r#type: "text", initial_value: cur.tag.clone().unwrap_or_default(), placeholder: "any", oninput: move |e| { let v = e.value(); q.write().tag = (!v.is_empty()).then_some(v); } } }
+ div { class: "cond", Icon { name: "filter" } "kind"
+ for (k , label) in [("", "everything"), ("memories", "texts"), ("notes", "notes")] {
+ button { key: "{k}", class: if cur.kind == k { "chip on" } else { "chip" }, onclick: move |_| q.write().kind = k.to_string(), "{label}" }
+ } }
+ div { class: "row",
+ button { class: "primary", onclick: { let run2 = run2.clone(); move |_| run2() }, Icon { name: "play" } "run" }
+ input { r#type: "text", placeholder: "a name to keep it", initial_value: "{name}", oninput: move |e| name.set(e.value()) }
+ button { disabled: name().trim().is_empty(), onclick: { let api_save = api_save.clone(); move |_| {
+ let api = api_save.clone();
+ let mut all = saved.peek().clone().unwrap_or_default();
+ let n = name.peek().trim().to_string();
+ all.retain(|(x, _)| *x != n);
+ all.push((n.clone(), json!({ "q": serde_json::to_value(&*q.peek()).unwrap_or_default(), "since": since.peek().clone(), "until": until.peek().clone() })));
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.set_setting("filters", &serde_json::to_string(&all).unwrap_or_default()).await {
+ Ok(()) => { ui.say(format!("kept “{n}”")); ui.touched(); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ } }, Icon { name: "save" } "keep" }
+ }
+ }
+ }
+ if !saved_list.is_empty() {
+ div { class: "row",
+ span { class: "dim", "kept:" }
+ for (n , v) in saved_list {
+ button { key: "{n}", class: "chip", onclick: {
+ let run = run.clone();
+ move |_| {
+ if let Ok(query) = serde_json::from_value::<EntryQuery>(v["q"].clone()) { q.set(query); }
+ form += 1;
+ since.set(v["since"].as_str().unwrap_or("").to_string());
+ until.set(v["until"].as_str().unwrap_or("").to_string());
+ name.set(n.clone());
+ run();
+ }
+ }, "{n}" }
+ }
+ }
+ }
+ crate::views::flt::Builder {}
+ if let Some((total, hits)) = found() {
+ div { class: "card",
+ h3 { "{total} found" if total as usize > hits.len() { " (the first {hits.len()})" } }
+ div { class: "results",
+ for h in hits {
+ div { key: "{h.key}", class: "result",
+ span { class: "p", "{h.key}" }
+ span { class: "t", title: "{h.text}", if h.note { "✎ " } "{h.text}" }
+ button { class: "plain", "aria-label": "into the bar", "data-tip": "into the bar",
+ onclick: { let t = h.text.clone(); move |_| ui.set_bar(&t) }, Icon { name: "text" } }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/app/src/views/notes.rs b/app/src/views/notes.rs
new file mode 100644
index 00000000..fd893303
--- /dev/null
+++ b/app/src/views/notes.rs
@@ -0,0 +1,1479 @@
+//! Notes: chronological (newest first) at the left, each with its date; long titles show
+//! in full on hover. The editor at the right holds `# title` and markdown, its tags in a
+//! box; Ctrl+S (or the save button) keeps it. The layout is a grid, so the editor takes
+//! whatever room the window gives it. The bar narrows the list by words.
+
+use dioxus::prelude::*;
+
+use crate::backend::{Note, NoteQuery, NoteSummary};
+use crate::keys::Action;
+use crate::shell::set_pref;
+use crate::ui::*;
+use crate::views::use_keys;
+
+fn when(iso: &str) -> String {
+ chrono::DateTime::parse_from_rfc3339(iso)
+ .map(|t| t.with_timezone(&chrono::Local).format("%d %b %Y, %H:%M").to_string())
+ .unwrap_or_default()
+}
+
+/// keeps the highlighting layer scrolled with the pad (once per page)
+const PAD_JS: &str = r#"
+// the colour layer's segments, kept by Rust (`highlight::Layer`): set them all, or
+// replace a run of them; a last span keeps an empty last line's height
+window.__anendHl = window.__anendHl || {
+ mk(html) { const s = document.createElement('span'); s.innerHTML = html; return s; },
+ tail(h, end) {
+ let t = h.lastElementChild;
+ if (!t || !t.classList.contains('hl-end')) { t = document.createElement('span'); t.className = 'hl-end'; h.append(t); }
+ t.textContent = end ? ' ' : '';
+ },
+ set(htmls, end) {
+ const h = document.getElementById('note-hl');
+ if (!h) return;
+ h.replaceChildren(...htmls.map((x) => this.mk(x)));
+ this.tail(h, end);
+ },
+ patch(from, count, htmls, end) {
+ const h = document.getElementById('note-hl');
+ if (!h) return;
+ const kids = h.children;
+ const before = kids[from + count] || null;
+ for (let i = 0; i < count && kids[from]; i++) kids[from].remove();
+ for (const x of htmls) h.insertBefore(this.mk(x), before && before.isConnected ? before : h.lastElementChild);
+ this.tail(h, end);
+ },
+};
+if (!window.__anendPad) {
+ window.__anendPad = true;
+ document.addEventListener('scroll', (e) => {
+ const t = e.target;
+ if (t && t.id === 'note-pad') {
+ const h = document.getElementById('note-hl');
+ if (h) { h.scrollTop = t.scrollTop; h.scrollLeft = t.scrollLeft; }
+ }
+ }, true);
+ // the pad's own undo: the desktop's web view has none for a text box, and a
+ // replacement put in by a click must come back out with Ctrl+Z too. A pause in typing
+ // ends a step; Ctrl+Z undoes, Ctrl+Shift+Z or Ctrl+Y redoes.
+ const stacks = new WeakMap();
+ const st = (p) => { let s = stacks.get(p); if (!s) { s = { undo: [], redo: [], last: 0 }; stacks.set(p, s); } return s; };
+ window.__anendPadSnap = (p, force) => {
+ const s = st(p);
+ const now = Date.now();
+ if (force || now - s.last > 800 || !s.undo.length) s.undo.push({ v: p.value, a: p.selectionStart, b: p.selectionEnd });
+ if (s.undo.length > 500) s.undo.shift();
+ s.last = force ? 0 : now;
+ s.redo = [];
+ };
+ document.addEventListener('beforeinput', (e) => {
+ const p = e.target;
+ if (p && p.id === 'note-pad' && !window.__anendPadReplaying) window.__anendPadSnap(p, false);
+ }, true);
+ document.addEventListener('keydown', (e) => {
+ const p = e.target;
+ if (!p || p.id !== 'note-pad' || !(e.ctrlKey || e.metaKey) || e.altKey) return;
+ const k = e.key.toLowerCase();
+ const undo = k === 'z' && !e.shiftKey, redo = (k === 'z' && e.shiftKey) || k === 'y';
+ if (!undo && !redo) return;
+ e.preventDefault();
+ e.stopImmediatePropagation();
+ const s = st(p);
+ const snap = (undo ? s.undo : s.redo).pop();
+ if (!snap) return;
+ (undo ? s.redo : s.undo).push({ v: p.value, a: p.selectionStart, b: p.selectionEnd });
+ p.value = snap.v;
+ p.setSelectionRange(snap.a, snap.b);
+ s.last = 0;
+ window.__anendPadReplaying = true;
+ p.dispatchEvent(new Event('input', { bubbles: true }));
+ window.__anendPadReplaying = false;
+ }, true);
+}
+"#;
+
+/// typing in segments (the user's approach for long texts, docs/format.md "Long texts"):
+/// each change to the pad goes to Rust as the range it replaced and what went in
+/// (UTF-16 units), so a key sends a few characters rather than the whole text. A pad
+/// whose last value isn't known (just opened) sends its whole text once.
+const PAD_SYNC_JS: &str = r#"
+window.__anendPadSend = (m) => dioxus.send(m);
+if (!window.__anendPadSync) {
+ window.__anendPadSync = true;
+ document.addEventListener('input', (e) => {
+ const p = e.target;
+ if (!p || p.id !== 'note-pad' || !window.__anendPadSend) return;
+ const v = p.value, prev = p.__prev;
+ p.__prev = v;
+ if (typeof prev !== 'string') { window.__anendPadSend({ full: v, caret: p.selectionStart }); return; }
+ const n = Math.min(prev.length, v.length);
+ let a = 0;
+ while (a < n && prev.charCodeAt(a) === v.charCodeAt(a)) a++;
+ let b = 0;
+ while (b < n - a && prev.charCodeAt(prev.length - 1 - b) === v.charCodeAt(v.length - 1 - b)) b++;
+ window.__anendPadSend({ at: a, del: prev.length - a - b, ins: v.slice(a, v.length - b), len: v.length, caret: p.selectionStart });
+ }, true);
+ // s code: Ctrl+click goes to a word's definition; Tab takes the first completion
+ document.addEventListener('click', (e) => {
+ const p = e.target;
+ if (p && p.id === 'note-pad' && (e.ctrlKey || e.metaKey) && window.__anendPadSend) window.__anendPadSend({ goto: p.selectionStart });
+ }, true);
+ document.addEventListener('keydown', (e) => {
+ const p = e.target;
+ const c = window.__anendCompl;
+ if (!p || p.id !== 'note-pad' || e.key !== 'Tab' || e.shiftKey || !c) return;
+ e.preventDefault();
+ const a = p.selectionStart;
+ p.setRangeText(c, a, a, 'end');
+ window.__anendCompl = null;
+ p.dispatchEvent(new Event('input', { bubbles: true }));
+ }, true);
+}
+await new Promise(() => {});
+"#;
+
+/// selects a span of the pad and scrolls it into view (go to definition, the outline)
+fn pad_show(a: usize, b: usize) {
+ // the pad counts UTF-16 units; Rust's offsets are bytes
+ document::eval(&format!(
+ "const p = document.getElementById('note-pad'); if (p) {{ const enc = new TextEncoder(); const v = p.value; let a = 0, b = 0, n = 0; for (let i = 0; i < v.length; i++) {{ if (n === {a}) a = i; if (n === {b}) {{ b = i; break; }} n += enc.encode(v[i]).length; b = i + 1; }} p.focus(); p.setSelectionRange(a, b); const lh = parseFloat(getComputedStyle(p).lineHeight) || 20; const line = v.slice(0, a).split('\\n').length - 1; p.scrollTop = Math.max(0, line * lh - p.clientHeight / 3); }}"
+ ));
+}
+
+/// the output a run wrote, as one line beside the code that wrote it (`> a b` writes
+/// "\n a b"): its lines joined, at most 80 characters
+fn inline_result(out: &str) -> String {
+ let s: Vec<&str> = out
+ .split('\n')
+ .map(|l| l.strip_prefix(' ').unwrap_or(l))
+ .filter(|l| !l.is_empty())
+ .collect();
+ let s = s.join(" · ");
+ if s.chars().count() > 80 {
+ format!("{}…", s.chars().take(79).collect::<String>())
+ } else {
+ s
+ }
+}
+
+/// a change sent by `PAD_SYNC_JS`, applied to the text; false when it doesn't fit (the
+/// pad's whole text is asked for then)
+fn apply_delta(t: &mut String, m: &serde_json::Value) -> Delta {
+ if let Some(full) = m["full"].as_str() {
+ *t = full.to_string();
+ return Delta::Whole;
+ }
+ match splice(t, m) {
+ Some(e) => Delta::Edit(e),
+ None => Delta::Lost,
+ }
+}
+
+/// the notes view's colour layer: its segments, and whether it shows spelling flags
+#[derive(Default)]
+struct PadLayer {
+ layer: crate::highlight::Layer,
+ flagged: bool,
+}
+
+/// what a pad change did to the text
+enum Delta {
+ /// the whole text came
+ Whole,
+ /// bytes `a..b` were replaced by `ins`
+ Edit((usize, usize, String)),
+ /// it didn't fit: the pad's whole text is asked for
+ Lost,
+}
+
+fn splice(t: &mut String, m: &serde_json::Value) -> Option<(usize, usize, String)> {
+ let (Some(at), Some(del), Some(ins), Some(len)) = (
+ m["at"].as_u64(),
+ m["del"].as_u64(),
+ m["ins"].as_str(),
+ m["len"].as_u64(),
+ ) else {
+ return None;
+ };
+ // UTF-16 offsets to byte offsets
+ let byte_of = |t: &str, u: usize| -> Option<usize> {
+ let mut units = 0;
+ for (i, c) in t.char_indices() {
+ if units == u {
+ return Some(i);
+ }
+ units += c.len_utf16();
+ if units > u {
+ return None;
+ }
+ }
+ (units == u).then_some(t.len())
+ };
+ let a = byte_of(t, at as usize)?;
+ let b = byte_of(&t[a..], del as usize).map(|x| a + x)?;
+ t.replace_range(a..b, ins);
+ // the length check: a pad changed without an input event would drift
+ (t.encode_utf16().count() == len as usize).then(|| (a, b, ins.to_string()))
+}
+
+/// puts a replacement in the pad as one undo step of its own (Ctrl+Z takes it back);
+/// `from`..`to` in UTF-16 units
+fn replace_in_pad(from: usize, to: usize, with: &str) {
+ let js = format!(
+ r#"(() => {{
+ const p = document.getElementById('note-pad');
+ if (!p) return;
+ p.focus();
+ if (window.__anendPadSnap) window.__anendPadSnap(p, true);
+ p.setRangeText({with}, {from}, {to}, 'end');
+ window.__anendPadReplaying = true;
+ p.dispatchEvent(new Event('input', {{ bubbles: true }}));
+ window.__anendPadReplaying = false;
+}})();"#,
+ with = serde_json::to_string(with).unwrap_or_default()
+ );
+ document::eval(&js);
+}
+
+/// a flagged word the pointer clicked, and where
+#[derive(Clone, PartialEq)]
+struct Pick {
+ flag: serde_json::Value,
+ x: f64,
+ y: f64,
+}
+
+/// a note longer than this (bytes) is typed without the spelling check (which reads the
+/// whole text), unless the save's `limits.grammar_check_bytes` says otherwise; the
+/// colours stay on at any length, as the layer is coloured in segments
+const BIG: usize = 200_000;
+
+fn split_tags(t: &str) -> Vec<String> {
+ t.split(',')
+ .map(|x| x.trim().to_string())
+ .filter(|x| !x.is_empty())
+ .collect()
+}
+
+#[component]
+pub fn Notes() -> Element {
+ let ui = ui();
+ let api = api();
+ let mut q = use_signal(String::new);
+ let mut open: Signal<Option<Note>> = use_signal(|| None);
+ let mut text = use_signal(String::new);
+ let mut tags: Signal<Vec<String>> = use_signal(Vec::new);
+ let mut dirty = use_signal(|| false);
+ let mut armed = use_signal(|| false);
+ // notes picked with Shift+click, to tag or delete together
+ let mut picked: Signal<Vec<String>> = use_signal(Vec::new);
+ let mut seq = use_signal(|| 0u64);
+ let mut reading = use_signal(|| false);
+ let mut judging = use_signal(|| false);
+ // an s program's last run: its output and error
+ let mut ran: Signal<Option<serde_json::Value>> = use_signal(|| None);
+ // the code editor (`views::scode`): the save's s programs (title, key), the words that
+ // complete what's being typed, a go-to asked for (a place in the text), the outline
+ // shown, and a stepped run (how many steps in, its seed) with what it shows
+ let mut progs: Signal<Vec<(String, String)>> = use_signal(Vec::new);
+ let mut compl: Signal<(String, Vec<String>)> = use_signal(|| (String::new(), vec![]));
+ let mut goto_req: Signal<Option<usize>> = use_signal(|| None);
+ let mut outline_open = use_signal(|| false);
+ let mut dbg: Signal<Option<(u64, u64)>> = use_signal(|| None);
+ let mut snap: Signal<Option<serde_json::Value>> = use_signal(|| None);
+ let mut tag_gen = use_signal(|| 0u64);
+ let mut tag_draft = use_signal(String::new);
+ // the spelling check: the flags for the text they were made for
+ let mut flags: Signal<(String, Vec<serde_json::Value>)> = use_signal(|| (String::new(), vec![]));
+ let mut check_gen = use_signal(|| 0u64);
+ let mut report: Signal<Option<serde_json::Value>> = use_signal(|| None);
+ let mut pick: Signal<Option<Pick>> = use_signal(|| None);
+ // how long a note the spelling check reads (the save's limit)
+ let mut big_at = use_signal(|| BIG);
+ {
+ let api = api.clone();
+ use_hook(move || {
+ spawn(async move {
+ if let Ok(v) = api.call("limits.list", serde_json::json!({})).await {
+ let n = v
+ .as_array()
+ .into_iter()
+ .flatten()
+ .find(|l| l["name"] == "limits.grammar_check_bytes")
+ .and_then(|l| l["value"].as_u64());
+ if let Some(n) = n {
+ big_at.set(n as usize);
+ }
+ }
+ });
+ });
+ }
+ // the colour layer, kept in typing segments (`highlight::Layer`); `layer_gen` asks for
+ // it whole (a note opened, a text put in, the colours or the flags changed)
+ let layer: std::rc::Rc<std::cell::RefCell<PadLayer>> = use_hook(Default::default);
+ let mut layer_gen = use_signal(|| 0u64);
+ use_hook(|| {
+ document::eval(PAD_JS);
+ });
+ // the pad's changes, as deltas (`PAD_SYNC_JS`)
+ let layer_d = layer.clone();
+ use_hook(move || {
+ let layer = layer_d.clone();
+ spawn(async move {
+ let mut ev = document::eval(PAD_SYNC_JS);
+ while let Ok(m) = ev.recv::<serde_json::Value>().await {
+ // s code: a Ctrl+click asks for the word's definition
+ if let Some(at) = m["goto"].as_u64() {
+ goto_req.set(Some(at as usize));
+ continue;
+ }
+ let d = text.with_mut(|t| apply_delta(t, &m));
+ match d {
+ Delta::Lost => {
+ // out of step: the whole text once, then deltas again
+ document::eval(
+ "const p = document.getElementById('note-pad'); if (p) { p.__prev = undefined; p.dispatchEvent(new Event('input', { bubbles: true })); }",
+ );
+ continue;
+ }
+ Delta::Whole => layer_gen += 1,
+ Delta::Edit((a, b, ins)) => {
+ // only the segments around the edit are coloured again; a layer
+ // showing spelling flags (now stale) is made again whole
+ let colour = ui.prefs.peek().highlight;
+ let patched = {
+ let mut l = layer.borrow_mut();
+ if l.flagged {
+ None
+ } else {
+ l.layer.edit(a, b, &ins, colour)
+ }
+ };
+ match patched {
+ Some((from, went, html)) => {
+ let end = text.peek().ends_with('\n') || text.peek().is_empty();
+ document::eval(&format!(
+ "window.__anendHl && window.__anendHl.patch({from}, {went}, {}, {end});",
+ serde_json::to_string(&html).unwrap_or_default()
+ ));
+ }
+ None => layer_gen += 1,
+ }
+ }
+ }
+ dirty.set(true);
+ pick.set(None);
+ // s code: the words that complete what's typed before the caret
+ if tags.peek().iter().any(|t| t == anend_core::ops::script::TAG)
+ && let Some(caret) = m["caret"].as_u64()
+ {
+ let t = text.peek();
+ let prefix = crate::views::scode::prefix_at(&t, caret as usize).to_string();
+ let titles: Vec<String> = progs.peek().iter().map(|p| p.0.clone()).collect();
+ let mut words: Vec<String> =
+ anend_core::s::machine::COMMANDS.iter().map(|w| w.to_string()).collect();
+ words.extend(
+ anend_core::s::lib::words()
+ .into_iter()
+ .flat_map(|(_, w)| w)
+ .map(|w| w.to_string()),
+ );
+ words.extend(titles.iter().cloned());
+ let body_at = crate::views::scode::body_offset(&t);
+ words.extend(
+ crate::views::scode::outline(&t[body_at..], &titles)
+ .into_iter()
+ .map(|i| i.name),
+ );
+ let c = crate::views::scode::complete(&prefix, &words, 8);
+ let rest = c.first().map(|w| w[prefix.len()..].to_string());
+ document::eval(&format!(
+ "window.__anendCompl = {};",
+ serde_json::to_string(&rest).unwrap_or("null".into())
+ ));
+ compl.set((prefix, c));
+ } else if !compl.peek().1.is_empty() {
+ compl.set((String::new(), vec![]));
+ document::eval("window.__anendCompl = null;");
+ }
+ }
+ });
+ });
+ let api_r = api.clone();
+ let list = use_resource(move || {
+ let api = api_r.clone();
+ let _ = (ui.changed)();
+ let query = NoteQuery {
+ q: q(),
+ ..Default::default()
+ };
+ async move { api.notes(&query).await }
+ });
+ let save = {
+ let api = api.clone();
+ move || {
+ let api = api.clone();
+ let mut note = open.peek().clone().unwrap_or_default();
+ note.tags = tags.peek().clone();
+ let t = text.peek().clone();
+ if anend_core::note::split(&t).0.trim().is_empty() {
+ ui.fail("a note needs a '# title' line before it can be saved");
+ return;
+ }
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.save_note(¬e, &t).await {
+ Ok(n) => {
+ open.set(Some(n));
+ dirty.set(false);
+ ui.say("saved");
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ let mut new_note = move || {
+ open.set(Some(Note::default()));
+ text.set("# \n\n".into());
+ seq += 1;
+ tags.set(Vec::new());
+ dirty.set(false);
+ reading.set(false);
+ document::eval(
+ "setTimeout(() => { const p = document.getElementById('note-pad'); if (p) { p.focus(); p.setSelectionRange(2, 2); } }, 30);",
+ );
+ };
+ let save_k = save.clone();
+ use_keys(View::Notes, move |k: KeyPress| {
+ if k.bar && k.key == "Enter" {
+ let t = k.text.trim().to_string();
+ // Enter again on the same words opens the first note found
+ if t == *q.peek()
+ && let Some(first) = list
+ .peek()
+ .as_ref()
+ .and_then(|r| r.as_ref().ok())
+ .and_then(|v| v.first().cloned())
+ {
+ let mut o = ui.open_note;
+ o.set(Some(first.key));
+ document::eval("document.activeElement && document.activeElement.blur()");
+ return true;
+ }
+ q.set(t);
+ return true;
+ }
+ match k.action {
+ Some(Action::Save) => save_k(),
+ Some(Action::NewNote) => new_note(),
+ Some(Action::ToggleRead) => {
+ reading.set(!reading());
+ seq += 1;
+ }
+ Some(Action::ToggleList) => set_pref(ui, |p| p.hide_list = !p.hide_list),
+ Some(Action::NoteClassifiers) => judging.set(!judging()),
+ _ => return false,
+ }
+ true
+ });
+ // leaving the view keeps a titled note's changes, as the Bevy app did
+ {
+ let save = save.clone();
+ use_effect(move || {
+ let v = (ui.view)();
+ if v != View::Notes
+ && *dirty.peek()
+ && open.peek().is_some()
+ && !anend_core::note::split(&text.peek()).0.trim().is_empty()
+ {
+ save();
+ }
+ });
+ }
+ // closing the window keeps a titled note's changes too (desktop)
+ {
+ let api = api.clone();
+ use_effect(move || {
+ if (ui.closing)() != 1 {
+ return;
+ }
+ let t = text.peek().clone();
+ if !*dirty.peek() || open.peek().is_none() || anend_core::note::split(&t).0.trim().is_empty() {
+ return;
+ }
+ let mut c = ui.closing;
+ c.set(2);
+ let mut note = open.peek().clone().unwrap_or_default();
+ note.tags = tags.peek().clone();
+ let api = api.clone();
+ dioxus::dioxus_core::spawn_forever(async move {
+ let _ = api.save_note(¬e, &t).await;
+ #[cfg(not(target_arch = "wasm32"))]
+ std::process::exit(0);
+ });
+ });
+ }
+ // a note another view asked to open (the reader's edit)
+ {
+ let api = api.clone();
+ use_effect(move || {
+ let Some(key) = (ui.open_note)() else { return };
+ let mut asked = ui.open_note;
+ asked.set(None);
+ let api = api.clone();
+ spawn(async move {
+ match api.note(&key).await {
+ Ok(note) => {
+ text.set(
+ note.source
+ .clone()
+ .unwrap_or_else(|| anend_core::note::compose(¬e.title, ¬e.markdown)),
+ );
+ tags.set(note.tags.clone());
+ open.set(Some(note));
+ reading.set(false);
+ seq += 1;
+ dirty.set(false);
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ });
+ }
+ // the bar's right end: how many notes there are, or match
+ use_effect(move || {
+ let n = list
+ .read()
+ .as_ref()
+ .and_then(|r| r.as_ref().ok())
+ .map(|v| v.len())
+ .unwrap_or(0);
+ let words = q();
+ ui.side_note(
+ View::Notes,
+ if words.is_empty() {
+ format!("{n} note{}", if n == 1 { "" } else { "s" })
+ } else {
+ format!("{n} with “{words}” · Enter again to narrow")
+ },
+ );
+ });
+ // checked a beat after typing stops
+ {
+ let api = api.clone();
+ use_effect(move || {
+ let on = ui.prefs.read().check_spelling;
+ if !on || text.read().len() > big_at() {
+ return;
+ }
+ let t = text();
+ if t.trim().is_empty() {
+ return;
+ }
+ let g = *check_gen.peek() + 1;
+ check_gen.set(g);
+ let key = open.peek().as_ref().map(|n| n.key.clone()).unwrap_or_default();
+ let api = api.clone();
+ spawn(async move {
+ crate::ui::sleep_ms(700).await;
+ if *check_gen.peek() != g {
+ return;
+ }
+ match api
+ .call("grammar.check", serde_json::json!({ "text": t, "exclude": key }))
+ .await
+ {
+ Ok(r) => {
+ if *check_gen.peek() == g {
+ let fl = r["flags"].as_array().cloned().unwrap_or_default();
+ flags.set((t, fl));
+ report.set(Some(r["report"].clone()));
+ }
+ }
+ // a hub from before the check: say nothing, show nothing
+ Err(_) => flags.set((String::new(), vec![])),
+ }
+ });
+ });
+ }
+ let notes: Vec<NoteSummary> = match &*list.read() {
+ Some(Ok(v)) => v.clone(),
+ _ => vec![],
+ };
+ let cur_key = open().map(|n| n.key).unwrap_or_default();
+ // read mode shows the note as saved (its replacements and views put in) until it's
+ // edited
+ let read_text = match open() {
+ Some(n) if !dirty() && !n.key.is_empty() => {
+ anend_core::note::compose(&n.title, n.rendered.as_deref().unwrap_or(&n.markdown))
+ }
+ // only read mode shows it: no copy of a long text on every key
+ _ if reading() => text(),
+ _ => String::new(),
+ };
+ let shown_title = anend_core::note::split(&text.read()).0;
+ let (hide_list, list_right, colour) = {
+ let p = ui.prefs.read();
+ (p.hide_list, p.list_right, p.highlight)
+ };
+ // with no note open the list is all there is: it shows whatever was chosen (the choice
+ // to slide it away holds while a note is open)
+ let hide_list = hide_list && open().is_some();
+ // a note tagged `s` is s code (docs/s.md): right-aligned, coloured by s's word
+ // classes, run with ▶; the spelling check leaves it alone
+ let code = tags.read().iter().any(|t| t == anend_core::ops::script::TAG);
+ // the code editor: the programs (for go to definition and completion), when it's code
+ {
+ let api = api.clone();
+ use_effect(use_reactive!(|code| {
+ if !code {
+ return;
+ }
+ let api = api.clone();
+ spawn(async move {
+ if let Ok(v) = api.call("s.programs", serde_json::json!({})).await {
+ progs.set(
+ v.as_array()
+ .into_iter()
+ .flatten()
+ .map(|p| {
+ (
+ p["title"].as_str().unwrap_or("").to_string(),
+ p["key"].as_str().unwrap_or("").to_string(),
+ )
+ })
+ .collect(),
+ );
+ }
+ });
+ }));
+ }
+ // the stepped run: run again to the step asked for; the token it stops before is
+ // marked in the pad when it's the program's own
+ {
+ let api = api.clone();
+ let layer = layer.clone();
+ use_effect(move || {
+ let state = dbg();
+ let layer = layer.clone();
+ let Some((n, seed)) = state else {
+ snap.set(None);
+ let had = layer.borrow().layer.at.is_some();
+ if had {
+ layer.borrow_mut().layer.at = None;
+ layer_gen += 1;
+ }
+ return;
+ };
+ let whole = text.peek().clone();
+ let body_at = crate::views::scode::body_offset(&whole);
+ let body = whole[body_at..].to_string();
+ let api = api.clone();
+ spawn(async move {
+ match api
+ .call("s.debug", serde_json::json!({ "code": body, "steps": n, "seed": seed }))
+ .await
+ {
+ Ok(r) => {
+ let at = (r["main"] == true)
+ .then(|| {
+ Some(
+ body_at + r["at"]["start"].as_u64()? as usize
+ ..body_at + r["at"]["end"].as_u64()? as usize,
+ )
+ })
+ .flatten();
+ if *text.peek() == whole {
+ layer.borrow_mut().layer.at = at;
+ layer_gen += 1;
+ }
+ snap.set(Some(r));
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ });
+ }
+ // a Ctrl+click: the word's definition here, else the program it names
+ {
+ let api = api.clone();
+ use_effect(move || {
+ let Some(at) = goto_req() else { return };
+ goto_req.set(None);
+ let t = text.peek().clone();
+ let Some((_, _, w)) = crate::views::scode::word_at(&t, at) else {
+ return;
+ };
+ let name = crate::views::scode::stem(w).to_string();
+ let titles: Vec<String> = progs.peek().iter().map(|p| p.0.clone()).collect();
+ let body_at = crate::views::scode::body_offset(&t);
+ let here = crate::views::scode::outline(&t[body_at..], &titles)
+ .into_iter()
+ .find(|i| i.name == name && i.kind != "call");
+ if let Some(i) = here {
+ pad_show(body_at + i.at, body_at + i.at + i.name.len());
+ return;
+ }
+ let Some((_, key)) = progs
+ .peek()
+ .iter()
+ .find(|p| p.0 == name || format!("{}.s", p.0) == name)
+ .cloned()
+ else {
+ ui.say(format!(
+ "“{name}” isn't defined in this program, nor a program of the save"
+ ));
+ return;
+ };
+ let api = api.clone();
+ spawn(async move {
+ match api.note(&key).await {
+ Ok(note) => {
+ text.set(
+ note.source
+ .clone()
+ .unwrap_or_else(|| anend_core::note::compose(¬e.title, ¬e.markdown)),
+ );
+ tags.set(note.tags.clone());
+ open.set(Some(note));
+ seq += 1;
+ dirty.set(false);
+ armed.set(false);
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ });
+ }
+ let check = ui.prefs.read().check_spelling && !code;
+ let shown_flags: Vec<crate::highlight::Flag> = {
+ let (t, fl) = &*flags.read();
+ if check && *t == *text.read() {
+ fl.iter()
+ .map(|f| {
+ let sug: Vec<String> = f["suggestions"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .map(|s| match s["text"].as_str().unwrap_or("") {
+ "" => "take it out".to_string(),
+ x => x.to_string(),
+ })
+ .collect();
+ crate::highlight::Flag {
+ start: f["start"].as_u64().unwrap_or(0) as usize,
+ end: f["end"].as_u64().unwrap_or(0) as usize,
+ kind: if f["kind"] == "spelling" { "spell" } else { "grammar" },
+ title: format!("{} · click: {}", f["kind"].as_str().unwrap_or(""), sug.join(", ")),
+ }
+ })
+ .collect()
+ } else {
+ vec![]
+ }
+ };
+ // the colour layer, kept in typing segments by `layer` (made whole here when asked;
+ // each typed change patches only its segments, in the pad's delta loop). The spelling
+ // check still pauses on long notes.
+ let big = text.read().len() > big_at();
+ // s code always has its layer (inline results and the stepped token live in it)
+ let layered = colour || !shown_flags.is_empty() || code;
+ {
+ let layer = layer.clone();
+ let flags_now = shown_flags.clone();
+ use_effect(use_reactive!(|layered, colour, flags_now, code| {
+ let _ = layer_gen();
+ let mut l = layer.borrow_mut();
+ l.layer.s = code;
+ if !layered {
+ l.layer = Default::default();
+ l.flagged = false;
+ document::eval("window.__anendHl && window.__anendHl.set([], false);");
+ return;
+ }
+ let t = text.peek();
+ let html = l.layer.full(&t, colour, &flags_now);
+ l.flagged = !flags_now.is_empty();
+ let end = t.ends_with('\n') || t.is_empty();
+ document::eval(&format!(
+ "window.__anendHl && window.__anendHl.set({}, {end});",
+ serde_json::to_string(&html).unwrap_or_default()
+ ));
+ }));
+ }
+ let api_d = api.clone();
+ let api_m = api.clone();
+ let mut class = String::from("notes");
+ if hide_list {
+ class.push_str(" no-list");
+ }
+ if list_right {
+ class.push_str(" list-right");
+ }
+ let unsaved = dirty();
+ rsx! {
+ div { class: "{class}",
+ // slid away, the list waits off the edge and slides in while the pointer is
+ // near that edge (or on the list), as the Bevy app's `hide_list`
+ if hide_list {
+ div { class: "list-edge", "aria-hidden": "true" }
+ }
+ div { class: "card notelist",
+ button { class: "primary", "data-tip": "start a new note · {ui.key_of(Action::NewNote)}", onclick: move |_| new_note(),
+ Icon { name: "new" } "a new note" }
+ ManyNotes { picked, api: api_m.clone() }
+ ul { role: "listbox", "aria-label": "notes, newest first", "aria-multiselectable": "true",
+ if open().is_some_and(|n| n.key.is_empty()) {
+ li { class: "on", role: "option", {if shown_title.trim().is_empty() { "untitled".to_string() } else { shown_title.clone() }} if unsaved { " •" } span { class: "when", "not saved yet" } }
+ }
+ if notes.is_empty() {
+ li { class: "dim", "no notes" if !q().is_empty() { " with “{q}”" } }
+ }
+ for n in notes {
+ li {
+ key: "{n.key}",
+ class: match (n.key == cur_key, picked().contains(&n.key)) { (true, true) => "on picked", (true, false) => "on", (false, true) => "picked", _ => "" },
+ title: "{n.title}",
+ role: "option",
+ "aria-selected": "{picked().contains(&n.key)}",
+ tabindex: "0",
+ onclick: {
+ let api = api.clone();
+ let key = n.key.clone();
+ move |e: MouseEvent| {
+ // Shift+click picks notes, several at once
+ if e.modifiers().shift() {
+ let mut p = picked.write();
+ if let Some(i) = p.iter().position(|k| *k == key) { p.remove(i); } else { p.push(key.clone()); }
+ return;
+ }
+ picked.write().clear();
+ let api = api.clone();
+ let key = key.clone();
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.note(&key).await {
+ Ok(note) => {
+ // with replacements, the note as written
+ text.set(note.source.clone().unwrap_or_else(|| anend_core::note::compose(¬e.title, ¬e.markdown)));
+ tags.set(note.tags.clone());
+ open.set(Some(note));
+ seq += 1;
+ dirty.set(false);
+ armed.set(false);
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ },
+ if n.key == cur_key { "{shown_title}" if unsaved { " •" } } else { "{n.title}" }
+ span { class: "when", "{when(&n.created)}" if !n.tags.is_empty() { {format!(" · {}", n.tags.join(", "))} } }
+ }
+ }
+ }
+ }
+ div { class: "card editor",
+ if let Some(note) = open() {
+ div { class: "head",
+ button { class: "plain", "data-tip": "slide the note list away / back · {ui.key_of(Action::ToggleList)}", "aria-label": "the note list",
+ onclick: move |_| set_pref(ui, |p| p.hide_list = !p.hide_list), Icon { name: "sidebar" } }
+ span { class: "title", title: "{shown_title}", "{shown_title}" if unsaved { span { class: "dim", " •" } } }
+ div { class: "tagchips",
+ for t in tags() {
+ button { key: "{t}", class: "chip", "data-tip": "take the tag off",
+ onclick: { let t = t.clone(); move |_| { tags.write().retain(|x| *x != t); dirty.set(true); } },
+ "#{t}" span { class: "x", "×" } }
+ }
+ for g in [tag_gen()] {
+ input { key: "{g}", class: "taginput", r#type: "text", placeholder: "a tag", "aria-label": "add a tag (Enter or a comma)",
+ oninput: move |e| {
+ let v = e.value();
+ if v.contains(',') {
+ for t in split_tags(&v) { if !tags.peek().contains(&t) { tags.write().push(t); } }
+ dirty.set(true);
+ tag_draft.set(String::new());
+ tag_gen += 1;
+ } else {
+ tag_draft.set(v);
+ }
+ },
+ onkeydown: move |e: KeyboardEvent| {
+ if e.key() == Key::Enter {
+ e.prevent_default();
+ for t in split_tags(&tag_draft.peek()) { if !tags.peek().contains(&t) { tags.write().push(t); dirty.set(true); } }
+ tag_draft.set(String::new());
+ tag_gen += 1;
+ document::eval("setTimeout(() => { const i = document.querySelector('.taginput'); if (i) i.focus(); }, 20);");
+ }
+ },
+ }
+ }
+ }
+ button {
+ class: if code { "plain on" } else { "plain" },
+ "data-tip": if code { "s code: right-aligned, the acting words in a column; click to make it a plain note" } else { "make it s code (the tag s): right-aligned, coloured by s's words, run with ▶" },
+ "aria-label": "s code",
+ "aria-pressed": "{code}",
+ onclick: move |_| {
+ let on = tags.peek().iter().any(|t| t == "s");
+ if on { tags.write().retain(|t| t != "s"); } else { tags.write().push("s".to_string()); }
+ dirty.set(true);
+ layer_gen += 1;
+ },
+ "s"
+ }
+ if code {
+ button {
+ class: "plain",
+ "data-tip": "run it (its files are the save's s programs, by title)",
+ "aria-label": "run the program",
+ onclick: { let api = api.clone(); let layer = layer.clone(); move |_| {
+ let api = api.clone();
+ let layer = layer.clone();
+ let whole = text.peek().clone();
+ let body_at = crate::views::scode::body_offset(&whole);
+ let body = whole[body_at..].to_string();
+ spawn(async move {
+ match api.call("s.run", serde_json::json!({ "code": body, "trace": true })).await {
+ Ok(r) => {
+ // each line's output beside it, while the text stays as it ran
+ let mut notes: std::collections::BTreeMap<usize, String> = Default::default();
+ for w in r["writes"].as_array().into_iter().flatten() {
+ let at = body_at + w["from"].as_u64().unwrap_or(0) as usize;
+ let line = crate::views::scode::line_of(&whole, at);
+ let shown = inline_result(w["out"].as_str().unwrap_or(""));
+ let n = notes.entry(line).or_default();
+ if !n.is_empty() { n.push_str(" · "); }
+ n.push_str(&shown);
+ }
+ if *text.peek() == whole {
+ layer.borrow_mut().layer.notes = notes;
+ layer_gen += 1;
+ }
+ ran.set(Some(r));
+ }
+ Err(e) => ran.set(Some(serde_json::json!({ "out": "", "err": e }))),
+ }
+ });
+ } },
+ Icon { name: "play" }
+ }
+ button {
+ class: if dbg().is_some() { "plain on" } else { "plain" },
+ "data-tip": "step through it: the stack, the values and the token it stops before",
+ "aria-label": "step through the program",
+ onclick: move |_| {
+ if dbg.peek().is_some() { dbg.set(None); } else {
+ // one seed for the whole session, so each step runs the same run again
+ let seed = text.peek().bytes().fold(0x5eed_u64, |h, b| h.rotate_left(5) ^ b as u64).wrapping_add(seq() * 7919);
+ dbg.set(Some((0, seed)));
+ }
+ },
+ Icon { name: "chevron-right" }
+ }
+ button {
+ class: if outline_open() { "plain on" } else { "plain" },
+ "data-tip": "the outline: what it defines and the programs it calls (Ctrl+click a word: its definition)",
+ "aria-label": "the program's outline",
+ onclick: move |_| outline_open.set(!outline_open()),
+ Icon { name: "list" }
+ }
+ }
+ button {
+ class: if check { "plain on" } else { "plain" },
+ "data-tip": if check { "the spelling check is on: click an underlined word for what it may be" } else { "check spelling and word choice" },
+ "aria-label": "check spelling",
+ "aria-pressed": "{check}",
+ onclick: move |_| set_pref(ui, |p| p.check_spelling = !p.check_spelling),
+ Icon { name: "check" }
+ }
+ button {
+ class: if judging() { "plain on" } else { "plain" },
+ "data-tip": "the classifiers this note is measured on · {ui.key_of(Action::NoteClassifiers)}",
+ "aria-label": "the note's classifiers",
+ onclick: move |_| judging.set(!judging()),
+ Icon { name: "classifier" }
+ }
+ button {
+ class: "plain",
+ "data-tip": if reading() { format!("edit it · {}", ui.key_of(Action::ToggleRead)) } else { format!("read it · {}", ui.key_of(Action::ToggleRead)) },
+ "aria-label": if reading() { "edit" } else { "read" },
+ onclick: move |_| { reading.set(!reading()); seq += 1; },
+ Icon { name: if reading() { "edit" } else { "view" } }
+ }
+ button { class: if dirty() { "primary" } else { "" }, "data-tip": "save · {ui.key_of(Action::Save)}", "aria-label": "save",
+ onclick: { let s = save.clone(); move |_| s() }, Icon { name: "save" } }
+ if !note.key.is_empty() {
+ button {
+ class: if armed() { "armed" } else { "plain" },
+ "data-tip": "delete (click twice)",
+ "aria-label": "delete",
+ onclick: move |_| {
+ if !armed() { armed.set(true); return; }
+ let api = api_d.clone();
+ let key = note.key.clone();
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.delete_note(&key).await {
+ Ok(()) => { open.set(None); ui.say("deleted"); ui.touched(); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ Icon { name: "delete" }
+ if armed() { "delete?" }
+ }
+ }
+ }
+ if !note.created.is_empty() {
+ span { class: "dim small", "written {when(¬e.created)}" if !note.edits.is_empty() { " · {note.edits.len()} edits" } }
+ }
+ if judging() {
+ if cur_key.is_empty() {
+ div { class: "judge dim small", "save the note first: then pick classifiers to measure it on" }
+ } else {
+ crate::views::judge::Judge { entry: cur_key.clone() }
+ }
+ }
+ if reading() {
+ div { class: "md rendered", dangerous_inner_html: crate::md::to_html(&read_text) }
+ }
+ if !reading() {
+ Replace { text, dirty, seq }
+ }
+ for pad in [format!("{}-{}", cur_key, seq())].into_iter().filter(|_| !reading()) {
+ div { key: "{pad}", class: format!("pad{}{}", if layered { " hl-on" } else { "" }, if code { " code" } else { "" }),
+ // the colours, painted under the textarea's transparent glyphs
+ // its segments are put in by `layer` (not by the render)
+ pre { id: "note-hl", class: "hl", "aria-hidden": "true",
+ onmounted: move |_| layer_gen += 1,
+ }
+ // not bound to the signal while typing (a round trip per key would
+ // drop letters typed fast); its text is put in when a note opens
+ textarea {
+ id: "note-pad",
+ "aria-label": "the note: # title, then markdown",
+ spellcheck: "false",
+ onmounted: move |_| {
+ let js = format!(
+ "const p = document.getElementById('note-pad'); if (p) {{ p.value = {}; p.__prev = p.value; }}",
+ serde_json::to_string(&*text.peek()).unwrap_or_default()
+ );
+ document::eval(&js);
+ },
+ onclick: move |e: MouseEvent| {
+ if !ui.prefs.peek().check_spelling || flags.peek().1.is_empty() {
+ return;
+ }
+ let c = e.client_coordinates();
+ spawn(async move {
+ let mut ev = document::eval("const p = document.getElementById('note-pad'); dioxus.send(p ? p.selectionStart : -1);");
+ let Ok(at) = ev.recv::<i64>().await else { return };
+ let (t, fl) = flags.peek().clone();
+ if t != *text.peek() || at < 0 {
+ return;
+ }
+ let at = at as u64;
+ let hit = fl.into_iter().find(|f| {
+ f["from"].as_u64().unwrap_or(0) <= at && at <= f["to"].as_u64().unwrap_or(0)
+ });
+ pick.set(hit.map(|flag| Pick { flag, x: c.x, y: c.y }));
+ });
+ },
+ }
+ }
+ if code && let Some(r) = ran() {
+ div { class: "s-run",
+ div { class: "row",
+ span { class: "dim small", {format!("ran in {} steps{}", r["steps"].as_u64().unwrap_or(0), match r["code"].as_i64() { Some(c) if c != 0 => format!(" · exit {c}"), _ => String::new() })} }
+ span { class: "grow" }
+ button { class: "plain small", onclick: move |_| ran.set(None), Icon { name: "close" } }
+ }
+ pre { class: "s-out", {r["out"].as_str().unwrap_or("").trim_start_matches('\n').to_string()} }
+ if let Some(e) = r["err"].as_str() {
+ pre { class: "s-err", role: "alert", "s: {e}" }
+ }
+ }
+ }
+ if code && !compl().1.is_empty() {
+ div { class: "s-compl row wrap",
+ span { class: "dim small", "Tab:" }
+ for (i, w) in compl().1.into_iter().enumerate() {
+ {
+ let rest = w[compl().0.len().min(w.len())..].to_string();
+ rsx! {
+ button { key: "{w}", class: if i == 0 { "chip small on" } else { "chip small" },
+ onclick: move |_| {
+ document::eval(&format!(
+ "const p = document.getElementById('note-pad'); if (p) {{ const a = p.selectionStart; p.setRangeText({}, a, a, 'end'); p.focus(); window.__anendCompl = null; p.dispatchEvent(new Event('input', {{ bubbles: true }})); }}",
+ serde_json::to_string(&rest).unwrap_or_default()
+ ));
+ },
+ "{w}"
+ }
+ }
+ }
+ }
+ }
+ }
+ if code && outline_open() {
+ {
+ let t = text.read().clone();
+ let body_at = crate::views::scode::body_offset(&t);
+ let titles: Vec<String> = progs.read().iter().map(|p| p.0.clone()).collect();
+ let items = crate::views::scode::outline(&t[body_at..], &titles);
+ rsx! {
+ div { class: "s-outline",
+ div { class: "row",
+ span { class: "dim small", if items.is_empty() { "it defines nothing and calls no other program" } else { "the outline · Ctrl+click a word in the code: its definition" } }
+ span { class: "grow" }
+ button { class: "plain small", "aria-label": "close the outline", onclick: move |_| outline_open.set(false), Icon { name: "close" } }
+ }
+ for (i, it) in items.into_iter().enumerate() {
+ {
+ let (a, b) = (body_at + it.at, body_at + it.at + it.name.len());
+ let line = crate::views::scode::line_of(&t, a) + 1;
+ let what = match it.kind { "script" => "script", "word" => "word", _ => "calls" };
+ rsx! {
+ button { key: "{i}", class: "plain s-item", onclick: move |_| pad_show(a, b),
+ span { class: "chip small", "{what}" }
+ b { " {it.name}" }
+ span { class: "dim small", " line {line}" }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ if code && let (Some((n, seed)), Some(s)) = (dbg(), snap()) {
+ div { class: "s-run s-dbg",
+ div { class: "row wrap",
+ span { class: "dim small", {format!("step {}{}", s["steps"].as_u64().unwrap_or(n), if s["done"] == true { " · it ended" } else { "" })} }
+ span { class: "grow" }
+ button { class: "btn small", title: "back to the start", onclick: move |_| dbg.set(Some((0, seed))), "⏮" }
+ button { class: "btn small primary", disabled: s["done"] == true, title: "one step", onclick: move |_| dbg.set(Some((n + 1, seed))), "step" }
+ button { class: "btn small", disabled: s["done"] == true, onclick: move |_| dbg.set(Some((n + 10, seed))), "+10" }
+ button { class: "btn small", disabled: s["done"] == true, onclick: move |_| dbg.set(Some((n + 100, seed))), "+100" }
+ button { class: "btn small", disabled: s["done"] == true, title: "run to the end", onclick: move |_| dbg.set(Some((n + 1_000_000, seed))), "⏭" }
+ button { class: "plain small", "aria-label": "stop stepping", onclick: move |_| dbg.set(None), Icon { name: "close" } }
+ }
+ if s["done"] != true && s["main"] != true {
+ div { class: "small", "in a call, depth {s[\"depth\"]}: " code { class: "s-unit", {s["unit"].as_str().unwrap_or("").chars().take(80).collect::<String>()} } }
+ }
+ div { class: "row wrap s-stack",
+ span { class: "dim small", if s["ow"] == true { "stack (ow on)" } else { "stack" } }
+ for (i, v) in s["stack"].as_array().cloned().unwrap_or_default().into_iter().enumerate() {
+ span { key: "{i}", class: "chip small", {v.as_str().unwrap_or("").to_string()} }
+ }
+ }
+ {
+ let mut rows: Vec<(String, String)> = Vec::new();
+ for k in ["locals", "mem", "numbers"] {
+ for (name, v) in s[k].as_object().into_iter().flatten() {
+ if k != "numbers" || !s["mem"].as_object().is_some_and(|m| m.contains_key(name)) {
+ rows.push((name.clone(), v.as_str().unwrap_or("").to_string()));
+ }
+ }
+ }
+ for (name, v) in s["lists"].as_object().into_iter().flatten() {
+ let items: Vec<String> = v.as_array().into_iter().flatten().filter_map(|x| x.as_str().map(str::to_string)).collect();
+ rows.push((format!("{name} []"), items.join(" · ")));
+ }
+ rsx! {
+ if !rows.is_empty() {
+ div { class: "s-vals",
+ for (i, (k, v)) in rows.into_iter().enumerate() {
+ div { key: "{i}", class: "small", b { "{k}" } " {v}" }
+ }
+ }
+ }
+ }
+ }
+ if !s["out"].as_str().unwrap_or("").is_empty() {
+ pre { class: "s-out", {s["out"].as_str().unwrap_or("").trim_start_matches('\n').to_string()} }
+ }
+ if let Some(e) = s["err"].as_str() {
+ pre { class: "s-err", role: "alert", "s: {e}" }
+ }
+ }
+ }
+ if let Some(pk) = pick() {
+ SpellPick {
+ pick: pk,
+ on_close: move |_| pick.set(None),
+ }
+ }
+ if big {
+ div { class: "spell-note dim small", {format!("a long note ({} KB): the spelling check pauses above {} KB, so typing stays quick", text.read().len() / 1000, big_at() / 1000)} }
+ }
+ if check && !big {
+ if let Some(r) = report() {
+ div { class: "spell-note dim small",
+ title: "measured on a fifth of its corpus held out, with errors put in the same way it was trained: real typing errors are harder",
+ {format!(
+ "spelling check: finds {:.0}% of the errors put into held-out text, {:.0}% of what it flags is one, the first suggestion is right {:.0}% of the time; {:.1} false alarms per 1000 clean words",
+ r["recall"].as_f64().unwrap_or(0.0) * 100.0,
+ r["precision"].as_f64().unwrap_or(0.0) * 100.0,
+ r["top1"].as_f64().unwrap_or(0.0) * 100.0,
+ r["false_alarms_per_1000"].as_f64().unwrap_or(0.0),
+ )}
+ }
+ }
+ }
+ }
+ } else {
+ div { class: "empty",
+ p { "Pick a note in the list, or make a new one ({ui.key_of(Action::NewNote)}). A note is a text whose first line is its # title." }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// what a flagged word may be: each suggestion (a click puts it in; Ctrl+Z takes it back)
+#[component]
+fn SpellPick(pick: Pick, on_close: EventHandler<()>) -> Element {
+ let f = pick.flag.clone();
+ let from = f["from"].as_u64().unwrap_or(0) as usize;
+ let to = f["to"].as_u64().unwrap_or(0) as usize;
+ let kind = f["kind"].as_str().unwrap_or("").to_string();
+ let p = f["p"].as_f64().unwrap_or(0.0) * 100.0;
+ let sugs: Vec<(String, f64)> = f["suggestions"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .map(|s| {
+ (
+ s["text"].as_str().unwrap_or("").to_string(),
+ s["p"].as_f64().unwrap_or(0.0),
+ )
+ })
+ .collect();
+ let what = match kind.as_str() {
+ "repeated" => "a word twice",
+ "confused" => "another word may fit",
+ _ => "not a word it knows",
+ };
+ rsx! {
+ div { class: "spell-pick", style: "left: {pick.x:.0}px; top: {pick.y + 14.0:.0}px;", role: "menu",
+ div { class: "dim small", "{what} · {p:.0}% sure" }
+ if sugs.is_empty() {
+ div { class: "dim small", "no suggestion" }
+ }
+ for (s , sp) in sugs {
+ button {
+ key: "{s}",
+ class: "plain",
+ role: "menuitem",
+ onclick: {
+ let s = s.clone();
+ move |_| {
+ replace_in_pad(from, to, &s);
+ on_close.call(());
+ }
+ },
+ if s.is_empty() { i { "take it out" } } else { b { "{s}" } }
+ span { class: "dim small", " {sp * 100.0:.0}%" }
+ }
+ }
+ button { class: "plain dim small", onclick: move |_| on_close.call(()), "leave it" }
+ }
+ }
+}
+
+/// the text before the selection, the word, the text after, and the word's alternatives
+type Around = (String, String, String, Vec<serde_json::Value>);
+
+/// the editor's replacements: `{{key}}` puts an entry's text in (live: it shows that
+/// entry as it is now), `{{filter:name}}` a saved filter's results; a word's synonyms and
+/// registers come from the lists it is in, those keeping the text's sum first
+#[component]
+fn Replace(text: Signal<String>, dirty: Signal<bool>, seq: Signal<u64>) -> Element {
+ let ui = ui();
+ let api = api();
+ // (the text before the selection, the word, the text after) and its alternatives
+ let mut alts: Signal<Option<Around>> = use_signal(|| None);
+ let mut find = use_signal(String::new);
+ let mut find_gen = use_signal(|| 0u64);
+ // puts a new text into the pad and the signal
+ let mut put = move |t: String| {
+ text.set(t.clone());
+ dirty.set(true);
+ let js = format!(
+ "const p = document.getElementById('note-pad'); if (p) {{ p.value = {}; p.__prev = undefined; p.dispatchEvent(new Event('input', {{ bubbles: true }})); p.focus(); }}",
+ serde_json::to_string(&t).unwrap_or_default()
+ );
+ document::eval(&js);
+ };
+ // the pad's text around its selection (the word under the caret when nothing is selected)
+ const AROUND: &str = r#"
+ const p = document.getElementById('note-pad');
+ if (!p) { dioxus.send(null); } else {
+ let a = p.selectionStart, b = p.selectionEnd, v = p.value;
+ if (a === b && WORD) {
+ while (a > 0 && /[\p{L}\p{N}'-]/u.test(v[a - 1])) a--;
+ while (b < v.length && /[\p{L}\p{N}'-]/u.test(v[b])) b++;
+ }
+ dioxus.send([v.slice(0, a), v.slice(a, b), v.slice(b)]);
+ }"#;
+ let api_a = api.clone();
+ let synonyms = move |_| {
+ let api = api_a.clone();
+ spawn(async move {
+ let mut ev = document::eval(&AROUND.replace("WORD", "true"));
+ let Ok(Some((before, word, after))) = ev.recv::<Option<(String, String, String)>>().await else {
+ return;
+ };
+ if word.trim().is_empty() {
+ ui.say("select a word (or put the caret in one) first");
+ return;
+ }
+ match api.alternatives(word.trim()).await {
+ Ok(v) => {
+ let list: Vec<serde_json::Value> = v["alternatives"].as_array().cloned().unwrap_or_default();
+ if list.is_empty() {
+ ui.say(format!(
+ "“{}” is in no list: make one of words that may stand for each other",
+ word.trim()
+ ));
+ alts.set(None);
+ } else {
+ alts.set(Some((before, word, after, list)));
+ }
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let api_f = api.clone();
+ let insert = move || {
+ let api = api_f.clone();
+ let want = find.peek().trim().to_string();
+ if want.is_empty() {
+ return;
+ }
+ spawn(async move {
+ // a key as it is, a filter by its name, else the first text with those words
+ let piece = if want.starts_with("filter:") || anend_core::graph::record::parse_label(&want).is_some() {
+ format!("{{{{{want}}}}}")
+ } else {
+ match api.search(&want, false).await {
+ Ok(hits) if !hits.is_empty() => format!("{{{{{}}}}}", hits[0].key.trim_start_matches("note:")),
+ Ok(_) => {
+ ui.fail(format!("no text with “{want}”"));
+ return;
+ }
+ Err(e) => {
+ ui.fail(e);
+ return;
+ }
+ }
+ };
+ let mut ev = document::eval(&AROUND.replace("WORD", "false"));
+ let Ok(Some((before, sel, after))) = ev.recv::<Option<(String, String, String)>>().await else {
+ return;
+ };
+ let _ = sel;
+ put(format!("{before}{piece}{after}"));
+ find.set(String::new());
+ find_gen += 1;
+ ui.say(format!(
+ "{piece} goes in where the caret was: it shows that entry's text when read"
+ ));
+ });
+ };
+ let insert2 = insert.clone();
+ let _ = seq;
+ rsx! {
+ div { class: "replace row",
+ button { class: "plain", "data-tip": "a word's synonyms and registers: the other words of the lists it is in", onclick: synonyms,
+ Icon { name: "swap" } "alternatives" }
+ if let Some((before, word, after, list)) = alts() {
+ select {
+ "aria-label": "replace “{word}” with",
+ onchange: move |e| {
+ let v = e.value();
+ if !v.is_empty() {
+ put(format!("{before}{v}{after}"));
+ ui.say(format!("“{}” → “{v}”", word.trim()));
+ }
+ alts.set(None);
+ },
+ option { value: "", {format!("“{}” (o {} r {}) →", word.trim(), crate::gem::sums(word.trim()).0, crate::gem::sums(word.trim()).1)} }
+ for a in list.iter() {
+ option { key: "{a[\"key\"]}", value: "{a[\"text\"].as_str().unwrap_or(\"\")}",
+ {format!("{}{} · {} · o {} r {}",
+ if a["same_ordinal"].as_bool() == Some(true) { "= " } else { "" },
+ a["text"].as_str().unwrap_or(""),
+ a["list"].as_str().unwrap_or(""),
+ a["ordinal"], a["reversed"])}
+ }
+ }
+ }
+ }
+ span { class: "grow" }
+ for g in [find_gen()] {
+ input { key: "{g}", r#type: "text", placeholder: "put in {{{{key}}}}: a key, words, or filter:name",
+ "aria-label": "an entry to put in where the caret is",
+ oninput: move |e| find.set(e.value()),
+ onkeydown: { let insert = insert.clone(); move |e: KeyboardEvent| if e.key() == Key::Enter { insert() } },
+ }
+ }
+ button { onclick: move |_| insert2(), "put in" }
+ }
+ }
+}
+
+/// the notes picked with Shift+click: tag them, delete them (two clicks), or let them go
+#[component]
+fn ManyNotes(picked: Signal<Vec<String>>, api: Api) -> Element {
+ let ui = ui();
+ let mut tag = use_signal(String::new);
+ let mut armed = use_signal(|| false);
+ let n = picked().len();
+ if n == 0 {
+ return rsx! {};
+ }
+ let (a1, a2) = (api.clone(), api.clone());
+ rsx! {
+ div { class: "many", role: "status",
+ b { {format!("{n} note{} picked", if n == 1 { "" } else { "s" })} }
+ div { class: "row",
+ input { r#type: "text", placeholder: "a tag", "aria-label": "a tag for them", value: "{tag}", oninput: move |e| tag.set(e.value()) }
+ button { class: "btn small", disabled: tag().trim().is_empty(),
+ onclick: move |_| {
+ let (api, keys, t) = (a1.clone(), picked(), tag().trim().trim_start_matches('#').to_string());
+ spawn(async move {
+ for k in &keys {
+ if let Err(e) = api.call("tags.add", serde_json::json!({ "key": k, "tag": t })).await { ui.fail(e); return; }
+ }
+ ui.say(format!("tagged #{t}: {} notes", keys.len()));
+ ui.touched();
+ });
+ },
+ Icon { name: "tag" } "tag them" }
+ }
+ div { class: "row",
+ button { class: if armed() { "btn small danger" } else { "btn small" },
+ onclick: move |_| {
+ if !armed() { armed.set(true); return; }
+ let (api, keys) = (a2.clone(), picked());
+ spawn(async move {
+ for k in &keys {
+ if let Err(e) = api.delete_note(k).await { ui.fail(e); return; }
+ }
+ picked.set(vec![]);
+ armed.set(false);
+ ui.say(format!("{} notes deleted", keys.len()));
+ ui.touched();
+ });
+ },
+ Icon { name: "delete" } if armed() { "sure? delete them" } else { "delete them" } }
+ button { class: "btn small", onclick: move |_| picked.set(vec![]), Icon { name: "close" } "let go" }
+ }
+ }
+ }
+}
diff --git a/app/src/views/pictures.rs b/app/src/views/pictures.rs
new file mode 100644
index 00000000..84a382b0
--- /dev/null
+++ b/app/src/views/pictures.rs
@@ -0,0 +1,303 @@
+//! The pictures panel (docs/app-api.md, `pictures.*`): the save's pictures as
+//! thumbnails, added by dropping files on the panel or picking them, put into lists
+//! (by name, beside the texts of the list with that head) and taken out, deleted with
+//! two clicks. In the lists view, for all the save's pictures (with a picker of the
+//! picture lists) and on a list's page for that list's (what is added there goes into
+//! it). Spec models train on them (`{"from": "pictures", "list": ..}`).
+
+use dioxus::html::HasFileData;
+use dioxus::prelude::*;
+use serde_json::Value;
+
+use crate::ui::*;
+
+/// thumbnails' side in pixels
+const THUMB: u32 = 128;
+
+fn str_of<'a>(v: &'a Value, k: &str) -> &'a str {
+ v.get(k).and_then(Value::as_str).unwrap_or("")
+}
+
+#[component]
+pub fn Pictures(
+ /// the list whose pictures these are (None: all the save's)
+ list: Option<String>,
+ /// list names to offer when putting a picture into a list
+ names: Vec<String>,
+) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut rev = use_signal(|| 0u64);
+ // the picture list shown when this is the save's panel ("" for all)
+ let mut showing = use_signal(String::new);
+ let mut over = use_signal(|| false);
+ let mut busy = use_signal(|| 0usize);
+ let fixed = list.clone();
+ let api_r = api.clone();
+ let pics = use_resource(move || {
+ let api = api_r.clone();
+ let l = fixed.clone().or_else(|| Some(showing()).filter(|s| !s.is_empty()));
+ let _ = ((ui.changed)(), rev());
+ async move { api.pictures(l.as_deref(), THUMB).await }
+ });
+ let api_l = api.clone();
+ let plists = use_resource(move || {
+ let api = api_l.clone();
+ let _ = ((ui.changed)(), rev());
+ async move { api.picture_lists().await }
+ });
+ // files in: each read and sent; the panel's list gets them too
+ let into = list.clone().or_else(|| Some(showing()).filter(|s| !s.is_empty()));
+ let take = {
+ let api = api.clone();
+ let into = into.clone();
+ move |files: Vec<dioxus::html::FileData>| {
+ let api = api.clone();
+ let into = into.clone();
+ async move {
+ let n = files.len();
+ if n == 0 {
+ return;
+ }
+ busy += n;
+ let (mut added, mut had) = (0, 0);
+ for f in files {
+ let name = f.name();
+ match f.read_bytes().await {
+ Ok(b) => match api.add_picture(&b, &name, into.as_deref()).await {
+ Ok(v) if v.get("new").and_then(Value::as_bool) == Some(true) => added += 1,
+ Ok(_) => had += 1,
+ Err(e) => ui.fail(format!("{name}: {e}")),
+ },
+ Err(e) => ui.fail(format!("couldn't read {name}: {e}")),
+ }
+ busy -= 1;
+ }
+ match (added, had) {
+ (0, 0) => {}
+ (a, 0) => ui.say(format!("{a} picture{} added", if a == 1 { "" } else { "s" })),
+ (a, h) => ui.say(format!("{a} added, {h} the save had already")),
+ }
+ rev += 1;
+ }
+ }
+ };
+ let take_drop = take.clone();
+ // on the desktop a file's path works too (where the system's file dialog doesn't)
+ let on_disk = api.on_disk();
+ let mut path = use_signal(String::new);
+ // bumped to empty the path field (it isn't bound to the signal, so fast typing keeps
+ // every letter)
+ let mut path_gen = use_signal(|| 0u64);
+ let add_path = {
+ let api = api.clone();
+ let into = into.clone();
+ move || {
+ let p = path.peek().trim().to_string();
+ if p.is_empty() {
+ return;
+ }
+ let (api, into) = (api.clone(), into.clone());
+ spawn(async move {
+ match api.add_picture_path(&p, into.as_deref()).await {
+ Ok(v) => {
+ ui.say(if v.get("new").and_then(Value::as_bool) == Some(true) {
+ "the picture is in"
+ } else {
+ "the save had that picture already"
+ });
+ path.set(String::new());
+ path_gen += 1;
+ rev += 1;
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ let add_path2 = add_path.clone();
+ let (shown, note): (Vec<Value>, Option<String>) = match &*pics.read() {
+ Some(Ok(v)) => (v.clone(), None),
+ Some(Err(e)) => (vec![], Some(e.clone())),
+ None => (vec![], None),
+ };
+ let lists: Vec<(String, u64)> = match &*plists.read() {
+ Some(Ok(v)) => v
+ .iter()
+ .map(|l| {
+ (
+ str_of(l, "list").to_string(),
+ l.get("count").and_then(Value::as_u64).unwrap_or(0),
+ )
+ })
+ .collect(),
+ _ => vec![],
+ };
+ let mut offer: Vec<String> = names.clone();
+ for (l, _) in &lists {
+ if !offer.contains(l) {
+ offer.push(l.clone());
+ }
+ }
+ offer.sort_by_key(|n| n.to_lowercase());
+ let dl = format!("pic-lists-{}", list.as_deref().unwrap_or("all").replace(' ', "-"));
+ rsx! {
+ div {
+ class: if over() { "card pictures over" } else { "card pictures" },
+ ondragover: move |e: DragEvent| { e.prevent_default(); over.set(true); },
+ ondragleave: move |_| over.set(false),
+ ondrop: move |e: DragEvent| {
+ e.prevent_default();
+ over.set(false);
+ let files = e.files();
+ let take = take_drop.clone();
+ spawn(async move { take(files).await });
+ },
+ div { class: "row",
+ h3 { Icon { name: "image" } "pictures" }
+ span { class: "dim small",
+ match &list {
+ Some(l) => format!("{} in “{l}” · drop PNG or JPEG files here, or pick them", shown.len()),
+ None => format!("{} shown · drop PNG or JPEG files here, or pick them; spec models learn from them", shown.len()),
+ }
+ }
+ span { class: "grow" }
+ if busy() > 0 { span { class: "dim small", "adding {busy()}…" } }
+ label { class: "button", "data-tip": "PNG or JPEG files",
+ Icon { name: "upload" } "add pictures"
+ input { r#type: "file", accept: "image/png,image/jpeg", multiple: true, style: "display: none;",
+ "aria-label": "pictures to add",
+ onchange: move |e: FormEvent| {
+ let take = take.clone();
+ async move { take(e.files()).await }
+ },
+ }
+ }
+ }
+ if on_disk {
+ div { class: "row",
+ for g in [path_gen()] {
+ input { key: "{g}", r#type: "text", style: "flex: 1;", placeholder: "or a picture's path: /home/you/Pictures/cat.png",
+ "aria-label": "a picture's path",
+ oninput: move |e| path.set(e.value()),
+ onkeydown: { let add_path = add_path.clone(); move |e: KeyboardEvent| if e.key() == Key::Enter { add_path() } },
+ }
+ }
+ button { onclick: move |_| add_path2(), "add" }
+ }
+ }
+ if list.is_none() && !lists.is_empty() {
+ div { class: "row chips", role: "tablist", "aria-label": "picture lists",
+ button { class: if showing().is_empty() { "chip on" } else { "chip" }, onclick: move |_| showing.set(String::new()), "all" }
+ for (l , n) in lists.iter().cloned() {
+ button { key: "{l}", class: if showing() == l { "chip on" } else { "chip" },
+ onclick: { let l = l.clone(); move |_| showing.set(l.clone()) },
+ "{l} " span { class: "dim", "{n}" } }
+ }
+ }
+ }
+ if let Some(n) = note { div { class: "bad small", "{n}" } }
+ datalist { id: "{dl}",
+ for n in offer.iter() { option { key: "{n}", value: "{n}" } }
+ }
+ if shown.is_empty() {
+ div { class: "pic-drop dim", "no pictures yet: drop some here" }
+ }
+ div { class: "pic-grid",
+ for p in shown.into_iter() {
+ Thumb { key: "{str_of(&p, \"id\")}", pic: p.clone(), datalist: dl.clone(), on_change: move |_| rev += 1 }
+ }
+ }
+ }
+ }
+}
+
+#[component]
+fn Thumb(pic: Value, datalist: String, on_change: EventHandler<()>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut armed = use_signal(|| false);
+ let mut into = use_signal(String::new);
+ let mut into_gen = use_signal(|| 0u64);
+ let id = str_of(&pic, "id").to_string();
+ let name = str_of(&pic, "name").to_string();
+ let thumb = str_of(&pic, "thumb").to_string();
+ let (w, h) = (
+ pic.get("width").and_then(Value::as_u64).unwrap_or(0),
+ pic.get("height").and_then(Value::as_u64).unwrap_or(0),
+ );
+ let kb = pic.get("size").and_then(Value::as_u64).unwrap_or(0).div_ceil(1024);
+ let lists: Vec<String> = crate::views::classifiers::strs(pic.get("lists").unwrap_or(&Value::Null));
+ let shown_name = if name.is_empty() {
+ id[..8.min(id.len())].to_string()
+ } else {
+ name.clone()
+ };
+ let tag = {
+ let (api, id) = (api.clone(), id.clone());
+ move |list: String, remove: bool| {
+ let (api, id) = (api.clone(), id.clone());
+ spawn(async move {
+ match api.tag_picture(&id, &list, remove).await {
+ Ok(_) => {
+ ui.say(if remove {
+ format!("out of “{list}”")
+ } else {
+ format!("in “{list}” now")
+ });
+ on_change.call(());
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ let tag2 = tag.clone();
+ let api_d = api.clone();
+ let id_d = id.clone();
+ rsx! {
+ div { class: "pic", title: "{shown_name} · {w}×{h} · {kb} KB",
+ img { src: "data:image/png;base64,{thumb}", alt: "{shown_name}" }
+ div { class: "pic-name small", "{shown_name}" }
+ div { class: "pic-lists",
+ for l in lists.iter().cloned() {
+ span { key: "{l}", class: "chip small",
+ "{l}"
+ button { class: "plain", "aria-label": "take it out of {l}", "data-tip": "take it out of the list",
+ onclick: { let tag = tag.clone(); let l = l.clone(); move |_| tag(l.clone(), true) },
+ Icon { name: "close" } }
+ }
+ }
+ }
+ div { class: "row pic-tools",
+ for g in [into_gen()] {
+ input { key: "{g}", r#type: "text", list: "{datalist}", placeholder: "into a list…", "aria-label": "put it into a list",
+ oninput: move |e| into.set(e.value()),
+ onkeydown: { let tag2 = tag2.clone(); move |e: KeyboardEvent| {
+ if e.key() == Key::Enter {
+ let l = into().trim().to_string();
+ if !l.is_empty() { tag2(l, false); into.set(String::new()); into_gen += 1; }
+ }
+ } },
+ }
+ }
+ button {
+ class: if armed() { "armed" } else { "plain" },
+ "aria-label": "delete the picture",
+ "data-tip": "delete the picture; click twice",
+ onclick: move |_| {
+ if !armed() { armed.set(true); return; }
+ let (api, id) = (api_d.clone(), id_d.clone());
+ spawn(async move {
+ match api.delete_picture(&id).await {
+ Ok(()) => { ui.say("the picture is gone"); on_change.call(()); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ Icon { name: "delete" }
+ }
+ }
+ }
+ }
+}
diff --git a/app/src/views/pipes.rs b/app/src/views/pipes.rs
new file mode 100644
index 00000000..d9c163ca
--- /dev/null
+++ b/app/src/views/pipes.rs
@@ -0,0 +1,274 @@
+//! Pipes in the filters view (docs/architecture.md 2, 3; `pipes.*` in docs/app-api.md):
+//! the builder's filter, with the effects it has on the texts it lets through and the
+//! actions it can do to them, kept by name. Kept pipes are turned on and off for the
+//! memory view and the space (stacked in the order they were turned on), edited in the
+//! builder, made to act, and deleted.
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use crate::shell::set_pref;
+use crate::ui::*;
+
+/// the effects the editor offers
+const EFFECTS: [(&str, &str); 7] = [
+ ("colour", "a colour"),
+ ("colour_by", "a classifier's colours"),
+ ("underline", "an underline"),
+ ("label", "a label"),
+ ("size", "a size"),
+ ("glow", "a glow"),
+ ("gather", "gather in the space"),
+];
+
+const ACTIONS: [(&str, &str); 3] = [
+ ("enlist", "put them in a list"),
+ ("tag", "tag them"),
+ ("run", "run a program on each"),
+];
+
+fn blank(kind: &str) -> Value {
+ match kind {
+ "colour" => json!({ "kind": "colour", "colour": "#e07a3f" }),
+ "colour_by" => json!({ "kind": "colour_by", "classifier": "" }),
+ "underline" => json!({ "kind": "underline", "colour": "#3f7ae0" }),
+ "label" => json!({ "kind": "label", "text": "" }),
+ "size" => json!({ "kind": "size", "scale": 1.5 }),
+ "glow" => json!({ "kind": "glow", "colour": "#ffd166" }),
+ "gather" => json!({ "kind": "gather" }),
+ "enlist" => json!({ "kind": "enlist", "list": "" }),
+ "tag" => json!({ "kind": "tag", "tag": "" }),
+ _ => json!({ "kind": "run", "program": "" }),
+ }
+}
+
+/// a pipe's effects or actions in one line each, for the kept list
+pub fn describe(v: &Value) -> String {
+ let mut out = Vec::new();
+ for e in v["effects"].as_array().into_iter().flatten() {
+ out.push(match e["kind"].as_str().unwrap_or("") {
+ "colour" => format!("colour {}", e["colour"].as_str().unwrap_or("")),
+ "colour_by" => format!("{}'s colours", e["classifier"].as_str().unwrap_or("")),
+ "underline" => format!("underline {}", e["colour"].as_str().unwrap_or("")),
+ "label" => format!("label “{}”", e["text"].as_str().unwrap_or("")),
+ "size" => format!("size ×{}", e["scale"]),
+ "glow" => format!("glow {}", e["colour"].as_str().unwrap_or("")),
+ "gather" => "gathers".to_string(),
+ k => k.to_string(),
+ });
+ }
+ for a in v["actions"].as_array().into_iter().flatten() {
+ out.push(match a["kind"].as_str().unwrap_or("") {
+ "enlist" => format!("→ list “{}”", a["list"].as_str().unwrap_or("")),
+ "tag" => format!("→ tag {}", a["tag"].as_str().unwrap_or("")),
+ "run" => format!("→ runs {}", a["program"].as_str().unwrap_or("")),
+ k => k.to_string(),
+ });
+ }
+ if out.is_empty() {
+ "no effects yet".into()
+ } else {
+ out.join(" · ")
+ }
+}
+
+/// the effects and actions being edited, under the builder's filter
+#[component]
+pub fn Parts(effects: Signal<Vec<Value>>, actions: Signal<Vec<Value>>, classifiers: Vec<String>) -> Element {
+ let api = api();
+ let programs = use_resource(move || {
+ let api = api.clone();
+ async move {
+ api.call("s.programs", json!({}))
+ .await
+ .ok()
+ .and_then(|v| v.as_array().cloned())
+ .unwrap_or_default()
+ .iter()
+ .filter_map(|p| p["title"].as_str().map(String::from))
+ .collect::<Vec<_>>()
+ }
+ });
+ let programs = programs.read().clone().unwrap_or_default();
+ let mut effects = effects;
+ let mut actions = actions;
+ rsx! {
+ div { class: "pipe-parts",
+ div { class: "row",
+ b { "effects" }
+ span { class: "dim small", "what the texts it lets through look like, where the pipe is on" }
+ span { class: "grow" }
+ select { key: "{effects().len()}", "aria-label": "add an effect", value: "",
+ onchange: move |e| { let k = e.value(); if !k.is_empty() { effects.write().push(blank(&k)); } },
+ option { value: "", selected: true, "add an effect…" }
+ for (k , l) in EFFECTS { option { key: "{k}", value: "{k}", "{l}" } }
+ }
+ }
+ for (i , e) in effects().into_iter().enumerate() {
+ div { key: "{i}-{e[\"kind\"]}", class: "cond row",
+ match e["kind"].as_str().unwrap_or("") {
+ k @ ("colour" | "underline" | "glow") => rsx! {
+ span { {match k { "colour" => "colour", "underline" => "underline", _ => "glow" }} }
+ input { r#type: "color", "aria-label": "its colour", value: "{e[\"colour\"].as_str().unwrap_or(\"#000000\")}",
+ oninput: move |ev| { if let Some(x) = effects.write().get_mut(i) { x["colour"] = json!(ev.value()); } } }
+ },
+ "colour_by" => rsx! {
+ span { "each in its class's colour, by" }
+ select { "aria-label": "the classifier",
+ onchange: move |ev| { if let Some(x) = effects.write().get_mut(i) { x["classifier"] = json!(ev.value()); } },
+ option { value: "", "a classifier…" }
+ for c in classifiers.iter() { option { key: "{c}", value: "{c}", selected: e["classifier"] == c.as_str(), "{c}" } }
+ }
+ },
+ "label" => rsx! {
+ span { "label" }
+ input { r#type: "text", maxlength: "40", placeholder: "a word or two", initial_value: "{e[\"text\"].as_str().unwrap_or(\"\")}",
+ oninput: move |ev| { if let Some(x) = effects.write().get_mut(i) { x["text"] = json!(ev.value()); } } }
+ },
+ "size" => rsx! {
+ span { "size ×" }
+ input { r#type: "number", min: "0.25", max: "4", step: "0.25", style: "width: 70px;", initial_value: "{e[\"scale\"]}",
+ oninput: move |ev| { if let (Some(x), Ok(v)) = (effects.write().get_mut(i), ev.value().parse::<f64>()) { x["scale"] = json!(v); } } }
+ },
+ "gather" => rsx! { span { "in the space, they pull together" } },
+ k => rsx! { span { class: "dim", "{k}" } },
+ }
+ span { class: "grow" }
+ button { class: "plain ibtn", "aria-label": "remove it", onclick: move |_| { let mut w = effects.write(); if i < w.len() { w.remove(i); } }, Icon { name: "close" } }
+ }
+ }
+ div { class: "row",
+ b { "actions" }
+ span { class: "dim small", "done once, when you ask, to every text it lets through" }
+ span { class: "grow" }
+ select { key: "{actions().len()}", "aria-label": "add an action", value: "",
+ onchange: move |e| { let k = e.value(); if !k.is_empty() { actions.write().push(blank(&k)); } },
+ option { value: "", selected: true, "add an action…" }
+ for (k , l) in ACTIONS { option { key: "{k}", value: "{k}", "{l}" } }
+ }
+ }
+ for (i , a) in actions().into_iter().enumerate() {
+ div { key: "{i}-{a[\"kind\"]}", class: "cond row",
+ match a["kind"].as_str().unwrap_or("") {
+ "enlist" => rsx! {
+ Icon { name: "list" } span { "into the list" }
+ input { r#type: "text", placeholder: "its name", initial_value: "{a[\"list\"].as_str().unwrap_or(\"\")}",
+ oninput: move |ev| { if let Some(x) = actions.write().get_mut(i) { x["list"] = json!(ev.value()); } } }
+ },
+ "tag" => rsx! {
+ Icon { name: "tag" } span { "tagged" }
+ input { r#type: "text", placeholder: "a tag", initial_value: "{a[\"tag\"].as_str().unwrap_or(\"\")}",
+ oninput: move |ev| { if let Some(x) = actions.write().get_mut(i) { x["tag"] = json!(ev.value()); } } }
+ },
+ _ => rsx! {
+ Icon { name: "play" } span { "run the program" }
+ select { "aria-label": "the program",
+ onchange: move |ev| { if let Some(x) = actions.write().get_mut(i) { x["program"] = json!(ev.value()); } },
+ option { value: "", "a program…" }
+ for p in programs.iter() { option { key: "{p}", value: "{p}", selected: a["program"] == p.as_str(), "{p}" } }
+ }
+ span { class: "dim small", "on each, the text as its first argument" }
+ },
+ }
+ span { class: "grow" }
+ button { class: "plain ibtn", "aria-label": "remove it", onclick: move |_| { let mut w = actions.write(); if i < w.len() { w.remove(i); } }, Icon { name: "close" } }
+ }
+ }
+ }
+ }
+}
+
+/// the kept pipes: on in the views or not, into the builder, acting, deleting
+#[component]
+pub fn KeptPipes(rev: Signal<u64>, on_open: EventHandler<Value>) -> Element {
+ let ui = ui();
+ let api = api();
+ let api_l = api.clone();
+ let list = use_resource(move || {
+ let api = api_l.clone();
+ let _ = ((ui.changed)(), rev());
+ async move { api.call("pipes.list", json!({})).await }
+ });
+ let pipes: Vec<Value> = match &*list.read() {
+ Some(Ok(v)) => v.as_array().cloned().unwrap_or_default(),
+ _ => vec![],
+ };
+ if pipes.is_empty() {
+ return rsx! {};
+ }
+ let on = ui.prefs.read().pipes.clone();
+ rsx! {
+ div { class: "card",
+ h3 { Icon { name: "filter" } "pipes" span { class: "dim small", " on: their effects show in the memory view and the space, stacked in the order turned on" } }
+ for p in pipes {
+ {
+ let pipe = p["pipe"].clone();
+ let name = pipe["name"].as_str().unwrap_or("").to_string();
+ let lit = on.iter().position(|n| *n == name);
+ rsx! {
+ PipeRow { key: "{name}", name: name.clone(), pipe: pipe.clone(), lit, on_open }
+ }
+ }
+ }
+ }
+ }
+}
+
+#[component]
+fn PipeRow(name: String, pipe: Value, lit: Option<usize>, on_open: EventHandler<Value>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut armed = use_signal(|| false);
+ let has_actions = pipe["actions"].as_array().is_some_and(|a| !a.is_empty());
+ let (n1, n2, n3) = (name.clone(), name.clone(), name.clone());
+ let (api1, api2) = (api.clone(), api.clone());
+ rsx! {
+ div { class: "row kept",
+ label { class: "row small", "data-tip": "show its effects in the memory view and the space",
+ input { r#type: "checkbox", checked: lit.is_some(), "aria-label": "{name} on in the views",
+ onchange: move |e| {
+ let (n, on) = (n1.clone(), e.checked());
+ set_pref(ui, |p| { p.pipes.retain(|x| *x != n); if on { p.pipes.push(n); } });
+ } }
+ if let Some(i) = lit { span { class: "pipe-n", "{i + 1}" } }
+ }
+ b { "{name}" }
+ span { class: "dim small grow", {describe(&pipe)} }
+ button { class: "plain", "data-tip": "into the builder", onclick: move |_| on_open.call(pipe.clone()), Icon { name: "edit" } }
+ if has_actions {
+ button { class: "plain", "data-tip": "do its actions now, on every text it lets through",
+ onclick: move |_| {
+ let (api, n) = (api1.clone(), n2.clone());
+ spawn(async move {
+ match api.call("pipes.apply", json!({ "name": n })).await {
+ Ok(v) => {
+ let parts: Vec<String> = v["done"].as_array().into_iter().flatten().map(|d| match d["kind"].as_str() {
+ Some("enlist") => format!("{} into “{}”", d["texts"], d["list"].as_str().unwrap_or("")),
+ Some("tag") => format!("{} tagged {}", d["texts"], d["tag"].as_str().unwrap_or("")),
+ _ => format!("{} ran {}{}", d["program"].as_str().unwrap_or(""), d["texts"],
+ if d["failed"].as_u64().unwrap_or(0) > 0 { format!(" ({} failed)", d["failed"]) } else { String::new() }),
+ }).collect();
+ ui.say(format!("{}: {}", n, parts.join(", ")));
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ Icon { name: "play" } "act" }
+ }
+ button { class: if armed() { "armed" } else { "plain" }, "data-tip": "delete it (click twice)",
+ onclick: move |_| {
+ if !armed() { armed.set(true); return; }
+ let (api, n) = (api2.clone(), n3.clone());
+ spawn(async move {
+ match api.call("pipes.delete", json!({ "name": n.clone() })).await {
+ Ok(_) => { set_pref(ui, |p| p.pipes.retain(|x| *x != n)); ui.touched(); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ Icon { name: "delete" } }
+ }
+ }
+}
diff --git a/app/src/views/reader.rs b/app/src/views/reader.rs
new file mode 100644
index 00000000..7f49e25b
--- /dev/null
+++ b/app/src/views/reader.rs
@@ -0,0 +1,382 @@
+//! The reader: notes and texts as cards, a page at a time; short texts flow in a tight
+//! grid. Clicking one (or Enter on it) expands it to read big, one at a time, ← and →
+//! stepping through; Esc goes back. The bar narrows by words.
+//!
+//! What it shows is a view (`views.run`, docs/architecture.md part 4): its own three
+//! (everything, notes, texts) are built-in presets, and any s program that loads
+//! `std/view.s.` is a view of its own beside them: where its texts come from, their order,
+//! headings, a layout (cards, a tight grid or a list) and the pipes whose effects it shows.
+
+use dioxus::prelude::*;
+
+use serde_json::Value;
+
+use crate::backend::Hit;
+use crate::keys::Action;
+
+use crate::ui::*;
+use crate::views::use_keys;
+
+#[component]
+pub fn Reader() -> Element {
+ let ui = ui();
+ let api = api();
+ let mut view = use_signal(|| "everything".to_string());
+ let mut page = use_signal(|| 0usize);
+ let mut words = use_signal(String::new);
+ let mut expanded: Signal<Option<usize>> = use_signal(|| None);
+ let mut tag: Signal<Option<String>> = use_signal(|| None);
+ let api_r = api.clone();
+ let found = use_resource(move || {
+ let api = api_r.clone();
+ let _ = (ui.changed)();
+ let mut a = serde_json::json!({ "name": view(), "words": words() });
+ if let Some(t) = tag() {
+ a["tag"] = serde_json::json!(t);
+ }
+ async move { api.call("views.run", a).await }
+ });
+ let api_v = api.clone();
+ let views = use_resource(move || {
+ let api = api_v.clone();
+ let _ = (ui.changed)();
+ async move {
+ api.call("views.list", serde_json::json!({}))
+ .await
+ .ok()
+ .and_then(|v| v.as_array().cloned())
+ .unwrap_or_default()
+ }
+ });
+ let views = views.read().clone().unwrap_or_default();
+ // each note's dates, for its card (as the Bevy reader showed them)
+ let api_n = api.clone();
+ let dates = use_resource(move || {
+ let api = api_n.clone();
+ let _ = (ui.changed)();
+ async move {
+ api.notes(&crate::backend::NoteQuery::default())
+ .await
+ .unwrap_or_default()
+ .into_iter()
+ .map(|n| (n.key.clone(), (n.created.clone(), n.modified.clone(), n.edits)))
+ .collect::<std::collections::HashMap<_, _>>()
+ }
+ });
+ let dates = dates.read().clone().unwrap_or_default();
+ let got: Value = match &*found.read() {
+ Some(Ok(v)) => v.clone(),
+ _ => Value::Null,
+ };
+ let fail = match &*found.read() {
+ Some(Err(e)) => Some(e.clone()),
+ _ => None,
+ };
+ let raw: Vec<Value> = got["hits"].as_array().cloned().unwrap_or_default();
+ let all: Vec<Hit> = raw
+ .iter()
+ .filter_map(|h| serde_json::from_value(h.clone()).ok())
+ .collect();
+ let fx: Vec<Value> = raw.iter().map(|h| h["fx"].clone()).collect();
+ // a group's heading goes before its first text
+ let heads: std::collections::HashMap<usize, (String, u64)> = got["groups"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .filter(|g| !g["name"].as_str().unwrap_or("").is_empty())
+ .map(|g| {
+ (
+ g["from"].as_u64().unwrap_or(0) as usize,
+ (
+ g["name"].as_str().unwrap_or("").to_string(),
+ g["count"].as_u64().unwrap_or(0),
+ ),
+ )
+ })
+ .collect();
+ let layout = got["layout"].as_str().unwrap_or("auto").to_string();
+ let title = got["title"].as_str().unwrap_or("").to_string();
+ let builtin = views
+ .iter()
+ .any(|v| v["name"] == view().as_str() && v["builtin"] == true);
+ let tiny = match layout.as_str() {
+ "grid" => true,
+ "cards" | "list" => false,
+ _ => all.iter().filter(|h| h.text.chars().count() <= 40 && !h.note).count() * 2 > all.len(),
+ };
+ let listed = layout == "list";
+ let per = if tiny || listed { 240 } else { 48 };
+ let pages = all.len().div_ceil(per).max(1);
+ let p = page().min(pages - 1);
+ let n = all.len();
+ let total = got["total"].as_u64().map(|t| t as usize).unwrap_or(n);
+ use_keys(View::Reader, move |k: KeyPress| {
+ if k.bar && k.key == "Enter" {
+ words.set(k.text.trim().to_string());
+ page.set(0);
+ expanded.set(None);
+ return true;
+ }
+ if k.bar {
+ return false;
+ }
+ let step = match k.action {
+ Some(Action::ReadNext) => 1,
+ Some(Action::ReadPrev) => -1,
+ _ => 0,
+ };
+ match (k.key.as_str(), step, expanded()) {
+ ("Escape", _, Some(_)) => expanded.set(None),
+ (_, 1, Some(i)) => expanded.set(Some((i + 1).min(n.saturating_sub(1)))),
+ (_, -1, Some(i)) => expanded.set(Some(i.saturating_sub(1))),
+ (_, 1, None) => page.set((p + 1).min(pages - 1)),
+ (_, -1, None) => page.set(p.saturating_sub(1)),
+ _ => return false,
+ }
+ true
+ });
+ if let Some(i) = expanded()
+ && let Some(h) = all.get(i).cloned()
+ {
+ return rsx! {
+ Expanded {
+ hit: h,
+ i,
+ n,
+ on_close: move |_| expanded.set(None),
+ on_step: move |d: i64| expanded.set(Some((i as i64 + d).clamp(0, n as i64 - 1) as usize)),
+ on_tag: move |t: String| {
+ tag.set(Some(t));
+ page.set(0);
+ expanded.set(None);
+ },
+ }
+ };
+ }
+ let shown: Vec<(usize, Hit)> = all.into_iter().enumerate().skip(p * per).take(per).collect();
+ rsx! {
+ div { class: "page", style: "max-width: 1200px;",
+ div { class: "row",
+ h2 { "reader" }
+ for v in views.iter() {
+ {
+ let name = v["name"].as_str().unwrap_or("").to_string();
+ let own = v["builtin"] != true;
+ let tip = if own { format!("your view: the s program “{name}”") } else { v["about"].as_str().unwrap_or("").to_string() };
+ rsx! {
+ button { key: "{name}", class: if view() == name { if own { "chip on own" } else { "chip on" } } else if own { "chip own" } else { "chip" },
+ "data-tip": "{tip}",
+ onclick: { let n = name.clone(); move |_| { view.set(n.clone()); page.set(0); expanded.set(None); } },
+ if own { Icon { name: "editor" } } "{name}" }
+ }
+ }
+ }
+ span { class: "dim small", "{total} found" if total > n { " (the first {n} here)" } if !words().is_empty() { " for “{words}”" } " · click one to read it big" }
+ if !builtin && !title.is_empty() {
+ span { class: "small view-title", "{title}" }
+ }
+ if let Some(t) = tag() {
+ button { class: "chip on", "data-tip": "show them all again", onclick: move |_| { tag.set(None); page.set(0); }, "#{t}" span { class: "x", " ×" } }
+ }
+ }
+ if let Some(e) = fail {
+ div { class: "card bad", "{e}" }
+ }
+ div { class: if listed { "reader-list" } else if tiny { "reader-grid tiny" } else { "reader-grid" },
+ for (i , h) in shown {
+ div { key: "{h.key}", style: "display: contents;",
+ if let Some((g, c)) = heads.get(&i) {
+ h3 { class: "reader-head", "{g}" span { class: "dim small", " {c}" } }
+ }
+ div {
+ class: if listed { "rrow" } else if tiny { "card rcard tiny" } else { "card rcard" },
+ style: fx_style(&fx[i]),
+ tabindex: "0",
+ role: "button",
+ title: "{h.text}",
+ onclick: move |_| expanded.set(Some(i)),
+ onkeydown: move |e: KeyboardEvent| if e.key() == Key::Enter { expanded.set(Some(i)) },
+ if h.note {
+ h3 { "{h.text}" }
+ {
+ let d = dates.get(h.key.trim_start_matches("note:")).cloned();
+ rsx! {
+ span { class: "dim small rdate",
+ match d {
+ Some((c, m, e)) => rsx! {
+ "{short_date(&c)}"
+ if e > 0 && !m.is_empty() && m != c { " · edited {relative(&m)}" }
+ },
+ None => rsx! { "a note" },
+ }
+ }
+ }
+ }
+ } else {
+ div { class: "body", "{h.text}" }
+ }
+ if let Some(l) = fx[i]["label"].as_str() {
+ span { class: "fx-label", "{l}" }
+ }
+ }
+ }
+ }
+ }
+ if pages > 1 {
+ div { class: "pager",
+ button { "aria-label": "the page before", disabled: p == 0, onclick: move |_| page.set(p.saturating_sub(1)), Icon { name: "chevron-left" } }
+ span { "page {p + 1} of {pages}" }
+ button { "aria-label": "the next page", disabled: p + 1 >= pages, onclick: move |_| page.set(p + 1), Icon { name: "chevron-right" } }
+ }
+ }
+ }
+ }
+}
+
+/// a pipe's effects on a card: its colour as the left edge, its glow, its size
+fn fx_style(fx: &Value) -> String {
+ let mut s = String::new();
+ if let Some(c) = fx["colour"].as_str() {
+ s.push_str(&format!("border-left: 5px solid {c};"));
+ }
+ if let Some(c) = fx["underline"].as_str() {
+ s.push_str(&format!("text-decoration: underline; text-decoration-color: {c};"));
+ }
+ if let Some(c) = fx["glow"].as_str() {
+ s.push_str(&format!("box-shadow: 0 0 10px {c};"));
+ }
+ if let Some(z) = fx["size"].as_f64() {
+ s.push_str(&format!("font-size: {z:.2}em;"));
+ }
+ s
+}
+
+/// a card's date: `19 October 2026`
+fn short_date(iso: &str) -> String {
+ chrono::DateTime::parse_from_rfc3339(iso)
+ .map(|t| t.with_timezone(&chrono::Local).format("%-d %B %Y").to_string())
+ .unwrap_or_default()
+}
+
+/// how long ago, in words
+fn relative(iso: &str) -> String {
+ let full = long_date(iso);
+ full.rsplit_once('(')
+ .map(|(_, r)| r.trim_end_matches(')').to_string())
+ .unwrap_or(full)
+}
+
+/// a date for people: `19 Oct 2026, 08:46`, and how long ago
+fn long_date(iso: &str) -> String {
+ let Ok(t) = chrono::DateTime::parse_from_rfc3339(iso) else {
+ return String::new();
+ };
+ let local = t.with_timezone(&chrono::Local);
+ let ago = chrono::Local::now().signed_duration_since(local);
+ let rel = if ago.num_days() >= 365 {
+ format!("{} years ago", ago.num_days() / 365)
+ } else if ago.num_days() >= 30 {
+ format!("{} months ago", ago.num_days() / 30)
+ } else if ago.num_days() >= 1 {
+ format!("{} days ago", ago.num_days())
+ } else if ago.num_hours() >= 1 {
+ format!("{} hours ago", ago.num_hours())
+ } else if ago.num_minutes() >= 1 {
+ format!("{} minutes ago", ago.num_minutes())
+ } else {
+ "just now".into()
+ };
+ format!("{} ({rel})", local.format("%A %-d %B %Y, %H:%M"))
+}
+
+#[component]
+fn Expanded(
+ hit: Hit,
+ i: usize,
+ n: usize,
+ on_close: EventHandler<()>,
+ on_step: EventHandler<i64>,
+ on_tag: EventHandler<String>,
+) -> Element {
+ let mut ui = ui();
+ let api = api();
+ let key = hit.key.clone();
+ let note = hit.note;
+ let api_b = api.clone();
+ let body = use_resource(move || {
+ let api = api_b.clone();
+ let key = key.clone();
+ async move { if note { api.note(&key).await.ok() } else { None } }
+ });
+ // when it was written and last changed (any entry)
+ let k2 = hit.key.clone();
+ let info = use_resource(move || {
+ let api = api.clone();
+ let k = k2.clone();
+ async move { api.call("entries.info", serde_json::json!({ "key": k })).await.ok() }
+ });
+ let mut judging = use_signal(|| true);
+ let n_body = body.read().clone().flatten();
+ let info = info.read().clone().flatten();
+ let created = info
+ .as_ref()
+ .and_then(|v| v["created"].as_str())
+ .unwrap_or("")
+ .to_string();
+ let edited = info
+ .as_ref()
+ .and_then(|v| v["edited"].as_str())
+ .unwrap_or("")
+ .to_string();
+ let kind = info.as_ref().and_then(|v| v["kind"].as_str()).unwrap_or("").to_string();
+ let edits = n_body.as_ref().map(|n| n.edits.len()).unwrap_or(0);
+ let tags = n_body.as_ref().map(|n| n.tags.clone()).unwrap_or_default();
+ let md = n_body.as_ref().map(|n| n.markdown.clone()).unwrap_or_default();
+ let open_key = hit.key.clone();
+ rsx! {
+ div { class: "card expand",
+ div { class: "row",
+ button { class: "plain", "aria-label": "back", onclick: move |_| on_close.call(()), Icon { name: "chevron-left" } "back" }
+ span { class: "grow" }
+ if note {
+ button { class: "plain", "data-tip": "edit it in the notes view", "aria-label": "edit",
+ onclick: move |_| {
+ ui.open_note.set(Some(open_key.clone()));
+ crate::shell::go(ui, View::Notes);
+ },
+ Icon { name: "edit" } "edit" }
+ }
+ button { class: if judging() { "plain on" } else { "plain" }, "data-tip": "how it measures on your classifiers", "aria-label": "classifiers",
+ onclick: move |_| judging.set(!judging()), Icon { name: "classifier" } }
+ button { class: "plain", "aria-label": "the one before", "data-tip": "the one before · {ui.key_of(Action::ReadPrev)}", disabled: i == 0, onclick: move |_| on_step.call(-1), Icon { name: "chevron-left" } }
+ span { class: "dim", "{i + 1} of {n}" }
+ button { class: "plain", "aria-label": "the next one", "data-tip": "the next one · {ui.key_of(Action::ReadNext)}", disabled: i + 1 >= n, onclick: move |_| on_step.call(1), Icon { name: "chevron-right" } }
+ }
+ if hit.note {
+ h2 { "{hit.text}" }
+ }
+ div { class: "dates dim small",
+ if !created.is_empty() { span { "written " b { "{long_date(&created)}" } } }
+ if !edited.is_empty() && edited != created { span { " · last changed " b { "{long_date(&edited)}" } } }
+ if edits > 0 { span { " · {edits} edit" if edits != 1 { "s" } } }
+ if !kind.is_empty() { span { " · a {kind}" } }
+ }
+ if !tags.is_empty() {
+ div { class: "row",
+ for t in tags {
+ button { key: "{t}", class: "chip", "data-tip": "the notes tagged #{t}", onclick: { let t = t.clone(); move |_| on_tag.call(t.clone()) }, "#{t}" }
+ }
+ }
+ }
+ if hit.note {
+ div { class: "md", dangerous_inner_html: crate::md::to_html(&md) }
+ } else {
+ div { class: "text", style: "font-size: 1.6em;", "{hit.text}" }
+ }
+ div { class: "dim small", "{hit.key} · {crate::gem::gsum_line(&hit.text)}" }
+ if judging() {
+ crate::views::judge::Judge { key: "{hit.key}", entry: hit.key.clone(), title: "how it measures on:" }
+ }
+ }
+ }
+}
diff --git a/app/src/views/scode.rs b/app/src/views/scode.rs
new file mode 100644
index 00000000..9c7a935d
--- /dev/null
+++ b/app/src/views/scode.rs
@@ -0,0 +1,201 @@
+//! The notes view as s's code editor (docs/s.md; queued requests #11, #12): what it knows of
+//! a program's text. An outline of what the program defines (scripts, `name$`; words,
+//! `value word ><`) and the other programs it calls (`name.`), the word at a place (for
+//! go to definition), and the words to complete a prefix with.
+
+use anend_core::s::lex::{Tok, lex_spans};
+
+/// one thing in the outline: its name, what it is, and where (a byte offset in the code)
+#[derive(Clone, Debug, PartialEq)]
+pub struct Item {
+ pub name: String,
+ /// `script` (`name$`), `word` (`value word ><`) or `call` (`name.` of another program)
+ pub kind: &'static str,
+ pub at: usize,
+}
+
+/// a word without the suffix that makes it a form: `loop.` and `loop..` are `loop`
+pub fn stem(w: &str) -> &str {
+ let w = w.strip_suffix("..").unwrap_or(w);
+ if w.chars().count() >= 2
+ && let Some(last) = w.chars().last()
+ && anend_core::s::machine::SUFFIXES.contains(&last)
+ {
+ return &w[..w.len() - last.len_utf8()];
+ }
+ w
+}
+
+/// what the program defines, in order, and the programs it calls (by `titles`)
+pub fn outline(code: &str, titles: &[String]) -> Vec<Item> {
+ let Ok(toks) = lex_spans(code) else { return vec![] };
+ let mut out: Vec<Item> = Vec::new();
+ for (i, (t, r)) in toks.iter().enumerate() {
+ let Tok::Word(w) = t else { continue };
+ if w == "><" {
+ // the word defined is the token before
+ let name = match i.checked_sub(1).map(|j| &toks[j].0) {
+ Some(Tok::Word(x)) | Some(Tok::Quote(x)) => x.clone(),
+ _ => continue,
+ };
+ out.push(Item {
+ name,
+ kind: "word",
+ at: toks[i - 1].1.start,
+ });
+ } else if w.len() >= 2 && w.ends_with('$') && !w.ends_with("$$") {
+ out.push(Item {
+ name: w[..w.len() - 1].to_string(),
+ kind: "script",
+ at: r.start,
+ });
+ } else if (w.ends_with('.') || w.ends_with("..")) && w.len() >= 2 {
+ let s = stem(w);
+ if titles.iter().any(|t| t == s || format!("{t}.s") == s)
+ && !out.iter().any(|x| x.kind == "call" && x.name == s)
+ {
+ out.push(Item {
+ name: s.to_string(),
+ kind: "call",
+ at: r.start,
+ });
+ }
+ }
+ }
+ out
+}
+
+/// the word around a place (a byte offset): its start, its end and its text; words run
+/// between whitespace and braces or quotes
+pub fn word_at(text: &str, at: usize) -> Option<(usize, usize, &str)> {
+ let at = at.min(text.len());
+ if !text.is_char_boundary(at) {
+ return None;
+ }
+ let edge = |c: char| c.is_whitespace() || matches!(c, '{' | '}' | '\'');
+ let a = text[..at]
+ .char_indices()
+ .rev()
+ .find(|(_, c)| edge(*c))
+ .map_or(0, |(i, c)| i + c.len_utf8());
+ let b = text[at..]
+ .char_indices()
+ .find(|(_, c)| edge(*c))
+ .map_or(text.len(), |(i, _)| at + i);
+ (a < b).then(|| (a, b, &text[a..b]))
+}
+
+/// the word being typed before a place: its text (a prefix, empty when none)
+pub fn prefix_at(text: &str, at: usize) -> &str {
+ match word_at(text, at) {
+ Some((a, _, _)) if a < at && text.is_char_boundary(at) => &text[a..at],
+ _ => "",
+ }
+}
+
+/// the words a prefix may be (shortest first, then alphabetical), not itself, at most `n`
+pub fn complete(prefix: &str, words: &[String], n: usize) -> Vec<String> {
+ if prefix.is_empty() || prefix.chars().all(|c| c.is_ascii_digit() || c == '.' || c == '-') {
+ return vec![];
+ }
+ let mut c: Vec<String> = words
+ .iter()
+ .filter(|w| w.starts_with(prefix) && w.as_str() != prefix)
+ .cloned()
+ .collect();
+ c.sort_by(|a, b| a.len().cmp(&b.len()).then(a.cmp(b)));
+ c.dedup();
+ c.truncate(n);
+ c
+}
+
+/// a byte offset's line, counted from 0
+pub fn line_of(text: &str, at: usize) -> usize {
+ text.as_bytes()[..at.min(text.len())]
+ .iter()
+ .filter(|b| **b == b'\n')
+ .count()
+}
+
+/// where a note's body starts in its whole text: after its `# title` line and the blank
+/// space after it (as `note::split` takes the body, without trimming its end)
+pub fn body_offset(text: &str) -> usize {
+ let mut at = 0;
+ for line in text.split_inclusive('\n') {
+ if line.trim_start().starts_with('#') {
+ let after = at + line.len();
+ let rest = &text[after..];
+ return after + (rest.len() - rest.trim_start().len());
+ }
+ at += line.len();
+ }
+ // no title: the body is the text, from its first non-blank character
+ text.len() - text.trim_start().len()
+}
+
+/// the bar's `Run <program> [arguments]`: the save's s program of that title, run; what it
+/// wrote shown, or its error. True when the bar's text was a `Run`
+pub async fn run_from_bar(ui: crate::ui::Ui, api: &crate::ui::Api, text: &str) -> bool {
+ let Some(rest) = text.trim().strip_prefix("Run ") else {
+ return false;
+ };
+ let mut words = rest.split_whitespace();
+ let Some(title) = words.next().map(|t| t.strip_suffix(".s").unwrap_or(t).to_string()) else {
+ return false;
+ };
+ let args: Vec<String> = words.map(str::to_string).collect();
+ let progs = api.call("s.programs", serde_json::json!({})).await.unwrap_or_default();
+ let Some(key) = progs
+ .as_array()
+ .into_iter()
+ .flatten()
+ .find(|p| p["title"] == title.as_str())
+ .and_then(|p| p["key"].as_str().map(str::to_string))
+ else {
+ ui.fail(format!("the save has no s program titled “{title}” (a note tagged s)"));
+ return true;
+ };
+ match api.call("s.run", serde_json::json!({ "key": key, "args": args })).await {
+ Ok(r) => {
+ let out = r["out"].as_str().unwrap_or("").trim_start_matches('\n').to_string();
+ match r["err"].as_str() {
+ Some(e) => ui.fail(format!("{title}: {e}")),
+ None => ui.toast(if out.trim().is_empty() {
+ format!("{title} ran ({} steps)", r["steps"])
+ } else {
+ out
+ }),
+ }
+ }
+ Err(e) => ui.fail(e),
+ }
+ true
+}
+
+#[cfg(test)]
+mod tests {
+ use super::*;
+
+ #[test]
+ fn outline_words_and_completion() {
+ let code = "{n~ 0 >> step.?} loop$\n{1 +} 'inc' ><\nworld who@ greet.\nloop..";
+ let o = outline(code, &["greet".to_string()]);
+ let names: Vec<(&str, &str)> = o.iter().map(|i| (i.name.as_str(), i.kind)).collect();
+ assert_eq!(names, [("loop", "script"), ("inc", "word"), ("greet", "call")]);
+ assert_eq!(&code[o[0].at..o[0].at + 5], "loop$");
+ assert_eq!(stem("loop.."), "loop");
+ assert_eq!(stem("a~"), "a");
+ assert_eq!(stem(">"), ">");
+ let at = code.find("greet").unwrap() + 2;
+ assert_eq!(word_at(code, at).unwrap().2, "greet.");
+ assert_eq!(prefix_at(code, at), "gr");
+ assert_eq!(word_at("{abc}", 2).unwrap().2, "abc");
+ let words: Vec<String> = ["loop", "load", "lo", "l"].iter().map(|s| s.to_string()).collect();
+ assert_eq!(complete("lo", &words, 5), ["load", "loop"]);
+ assert!(complete("12", &words, 5).is_empty());
+ assert_eq!(line_of(code, code.find("world").unwrap()), 2);
+ assert_eq!(body_offset("# t\n\nbody"), 5);
+ assert_eq!(body_offset("# t\n\n{a} >\n\n"), 5);
+ assert_eq!(body_offset(" x"), 2);
+ }
+}
diff --git a/app/src/views/settings.rs b/app/src/views/settings.rs
new file mode 100644
index 00000000..d0d6180e
--- /dev/null
+++ b/app/src/views/settings.rs
@@ -0,0 +1,1064 @@
+//! Settings: a dialog that closes on a click outside it (or Esc), its sections folding
+//! (remembered), separated by rules. Looks, the memory view, the space, the saves (open,
+//! new, copy, rename, delete, a backup, and importing weum's all-of-it.json step by step),
+//! the keys, and the hub (folded; absent without the `hub` feature).
+
+use dioxus::prelude::*;
+
+use crate::backend::{Imported, SaveInfo};
+use crate::keys::{Action, Binding, Scope};
+use crate::shell::set_pref;
+use crate::theme::{PALETTES, ROLES, colour};
+use crate::ui::*;
+use crate::views::Fold;
+
+#[component]
+pub fn Settings() -> Element {
+ let mut ui = ui();
+ let mut forge = use_signal(|| false);
+ if forge() {
+ return rsx! { crate::views::forge::Forge { on_close: move |_| forge.set(false) } };
+ }
+ rsx! {
+ div {
+ class: "overlay",
+ onclick: move |_| ui.settings.set(false),
+ div {
+ class: "dialog",
+ role: "dialog",
+ "aria-modal": "true",
+ "aria-label": "settings",
+ onclick: move |e| e.stop_propagation(),
+ div { class: "head",
+ h2 { "settings" }
+ span { class: "grow" }
+ button { class: "plain", "data-tip": "the forge: a save from other saves", onclick: move |_| forge.set(true), Icon { name: "forge" } "forge" }
+ a { class: "btn plain", href: "https://github.com/SaulDoesCode/anend/blob/main/docs/guide.md", target: "_blank", rel: "noopener", "data-tip": "the guide (opens in a browser)", Icon { name: "help" } "guide" }
+ button { class: "plain ibtn close tip-left", "data-tip": "close · Esc", "aria-label": "close",
+ onclick: move |_| ui.settings.set(false), Icon { name: "close" } }
+ }
+ Looks {}
+ hr {}
+ MemorySettings {}
+ hr {}
+ Saves {}
+ hr {}
+ GpuSettings {}
+ hr {}
+ LimitSettings {}
+ hr {}
+ Keys {}
+ if cfg!(feature = "hub") {
+ hr {}
+ crate::views::hubui::Hub {}
+ }
+ }
+ }
+ }
+}
+
+#[component]
+fn Looks() -> Element {
+ let ui = ui();
+ let p = ui.prefs.read().clone();
+ // the desktop lists the installed families; the web offers common ones
+ let font_names: Vec<String> = match crate::fonts::system() {
+ Some(all) if !all.is_empty() => std::iter::once("Fira Sans".to_string())
+ .chain(all.iter().cloned())
+ .collect(),
+ _ => crate::fonts::COMMON.iter().map(|s| s.to_string()).collect(),
+ };
+ // the role whose colour the hue / saturation / lightness editor holds
+ let mut editing: Signal<Option<&'static str>> = use_signal(|| None);
+ rsx! {
+ Fold { name: "looks", title: "looks",
+ label { "palette" }
+ div { class: "row",
+ for name in PALETTES {
+ button {
+ key: "{name}",
+ class: if p.palette == name { "on" } else { "" },
+ onclick: move |_| set_pref(ui, |p| { p.palette = name.to_string(); p.colours.clear(); }),
+ "{name}"
+ }
+ }
+ }
+ label { "your colours" }
+ div { class: "swatches",
+ for (role , _) in ROLES {
+ label { key: "{role}",
+ input {
+ r#type: "color",
+ value: "{colour(&p.palette, &p.colours, role)}",
+ "aria-label": "{role}",
+ oninput: move |e| set_pref(ui, |p| { p.colours.insert(role.to_string(), e.value()); }),
+ }
+ "{role}"
+ }
+ }
+ if !p.colours.is_empty() {
+ button { class: "plain", onclick: move |_| set_pref(ui, |p| p.colours.clear()), "the palette's own" }
+ }
+ }
+ label { r#for: "hsl-role", "edit a colour" }
+ div { class: "hsl-edit",
+ select { id: "hsl-role", value: editing().unwrap_or(""),
+ onchange: move |e| { let v = e.value(); editing.set(ROLES.iter().map(|r| r.0).find(|r| *r == v)); },
+ option { value: "", "pick a role…" }
+ for (role, _) in ROLES {
+ option { key: "{role}", value: "{role}", selected: editing() == Some(role), "{role}" }
+ }
+ }
+ if let Some(role) = editing() {
+ HslEditor { key: "{role}", role, hex: colour(&p.palette, &p.colours, role) }
+ }
+ }
+ label { r#for: "fs", "text size" }
+ div { class: "row",
+ input { id: "fs", r#type: "range", min: "11", max: "22", step: "0.5", value: "{p.font_size}",
+ oninput: move |e| set_pref(ui, |p| p.font_size = e.value().parse().unwrap_or(14.0)) }
+ span { "{p.font_size}px" }
+ }
+ label { "zen" }
+ div { class: "row",
+ label { class: "row", input { r#type: "checkbox", checked: p.zen, onchange: move |e| set_pref(ui, |p| p.zen = e.checked()) } "fade the bars while you rest" }
+ input { r#type: "range", min: "0.5", max: "10", step: "0.5", value: "{p.zen_delay}", "aria-label": "seconds before zen fades",
+ oninput: move |e| set_pref(ui, |p| p.zen_delay = e.value().parse().unwrap_or(2.5)) }
+ span { "after {p.zen_delay}s" }
+ }
+ label { "the top bar" }
+ label { class: "row", input { r#type: "checkbox", checked: p.hide_bar, onchange: move |e| set_pref(ui, |p| p.hide_bar = e.checked()) } "slide it away until the pointer comes near the top" }
+ label { "the bars" }
+ label { class: "row", input { r#type: "checkbox", checked: p.bars_swapped, onchange: move |e| set_pref(ui, |p| p.bars_swapped = e.checked()) } "the top bar at the bottom, and the command bar at the top" }
+ label { r#for: "tbh", "sizes" }
+ div { class: "row",
+ "top bar" input { id: "tbh", r#type: "range", min: "24", max: "64", step: "1", value: "{p.top_bar}", oninput: move |e| set_pref(ui, |p| p.top_bar = e.value().parse().unwrap_or(32.0)) } span { "{p.top_bar}px" }
+ "command bar" input { r#type: "range", min: "24", max: "64", step: "1", value: "{p.bottom_bar}", "aria-label": "the command bar's height", oninput: move |e| set_pref(ui, |p| p.bottom_bar = e.value().parse().unwrap_or(32.0)) } span { "{p.bottom_bar}px" }
+ button { class: "plain", onclick: move |_| set_pref(ui, |p| { p.top_bar = 32.0; p.bottom_bar = 32.0; p.font_size = 14.0; p.zoom = 1.0; }), "default sizes" }
+ }
+ label { r#for: "font", "fonts" }
+ div { class: "row",
+ input { id: "font", r#type: "text", list: "fontlist", placeholder: "Fira Sans (built in)", initial_value: "{p.font}", "aria-label": "the interface's font", oninput: move |e| set_pref(ui, |p| p.font = e.value()) }
+ input { r#type: "text", list: "fontlist", placeholder: "the memory view: system serif", initial_value: "{p.memory_family}", "aria-label": "the memory view's font", oninput: move |e| set_pref(ui, |p| p.memory_family = e.value()) }
+ datalist { id: "fontlist",
+ for f in font_names.iter() { option { key: "{f}", value: "{f}" } }
+ }
+ span { class: "dim small",
+ if let Some(n) = crate::fonts::system().map(<[String]>::len) {
+ "one of this machine's {n} families (type to narrow them); empty for the built-in"
+ } else {
+ "a font's name as the system knows it; empty for the built-in"
+ }
+ }
+ }
+ label { "the editor" }
+ div { class: "row",
+ label { class: "row", input { r#type: "checkbox", checked: p.highlight, onchange: move |e| set_pref(ui, |p| p.highlight = e.checked()) } "colour the markdown (headings, emphasis, code, links, tags…)" }
+ label { class: "row", input { r#type: "checkbox", checked: p.list_right, onchange: move |e| set_pref(ui, |p| p.list_right = e.checked()) } "the note list on the right" }
+ }
+ label { r#for: "zoom", "zoom" }
+ div { class: "row",
+ input { id: "zoom", r#type: "range", min: "0.5", max: "3", step: "0.05", value: "{p.zoom}",
+ oninput: move |e| set_pref(ui, |p| p.zoom = e.value().parse().unwrap_or(1.0)) }
+ span { "{(p.zoom * 100.0).round()}%" }
+ span { class: "dim small", "Ctrl+= / Ctrl+− or Ctrl+PageUp / PageDown; Ctrl+0 resets" }
+ }
+ }
+ }
+}
+
+#[component]
+fn MemorySettings() -> Element {
+ let ui = ui();
+ let p = ui.prefs.read().clone();
+ rsx! {
+ Fold { name: "memory", title: "the memory view and the space",
+ label { r#for: "mfs", "texts' size" }
+ div { class: "row",
+ input { id: "mfs", r#type: "range", min: "12", max: "40", step: "1", value: "{p.memory_font}",
+ oninput: move |e| set_pref(ui, |p| p.memory_font = e.value().parse().unwrap_or(20.0)) }
+ span { "{p.memory_font}px" }
+ }
+ label { r#for: "pline", "long texts, shown piece by piece" }
+ div { class: "row",
+ input { id: "pline", r#type: "number", min: "10", max: "400", step: "1", value: "{p.piece_line}", style: "width: 5em;",
+ onchange: move |e| set_pref(ui, |p| p.piece_line = e.value().parse::<usize>().unwrap_or(80).clamp(10, 400)) }
+ span { "characters a line," }
+ input { r#type: "number", "aria-label": "lines a piece", min: "1", max: "200", step: "1", value: "{p.piece_lines}", style: "width: 4em;",
+ onchange: move |e| set_pref(ui, |p| p.piece_lines = e.value().parse::<usize>().unwrap_or(6).clamp(1, 200)) }
+ span { "lines a piece" }
+ span { class: "dim small", "a longer text shows its first piece, and opens into the rest" }
+ }
+ label { r#for: "msp", "space between texts" }
+ div { class: "row",
+ input { id: "msp", r#type: "range", min: "0", max: "24", step: "1", value: "{p.spacing}",
+ oninput: move |e| set_pref(ui, |p| p.spacing = e.value().parse().unwrap_or(4.0)) }
+ span { "{p.spacing}px" }
+ }
+ label { "the centre field" }
+ div { class: "row",
+ span { if p.field_width > 0.0 { "{p.field_width.round()}px wide" } else { "the whole width" } }
+ button { class: "plain", onclick: move |_| set_pref(ui, |p| p.field_width = 0.0), "whole width" }
+ span { class: "dim small", "or drag its edges" }
+ }
+ label { r#for: "sbg", "the space's background" }
+ div { class: "row",
+ input { id: "sbg", r#type: "color", value: "{p.space_bg}",
+ oninput: move |e| set_pref(ui, |p| p.space_bg = e.value()) }
+ for (name , c) in [("sand", "#e4d4be"), ("night", "#14120f"), ("deep", "#0b1622"), ("paper", "#f4f1ea")] {
+ button { key: "{name}", class: "plain", onclick: move |_| set_pref(ui, |p| p.space_bg = c.to_string()), "{name}" }
+ }
+ }
+ }
+ }
+}
+
+#[derive(Clone, PartialEq)]
+enum Step {
+ Closed,
+ /// the file read: its rows and a sample
+ Read {
+ target: String,
+ data: String,
+ rows: usize,
+ sample: Vec<String>,
+ },
+ Importing,
+ Done(Imported),
+}
+
+/// the open save's checkpoints (redb savepoints): made by hand with a name, gone back to
+/// (dropping what changed since, and the checkpoints after it), deleted
+#[component]
+fn Checkpoints(on_back: EventHandler<()>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut rev = use_signal(|| 0u64);
+ let mut made = use_signal(|| 0u64);
+ let mut armed: Signal<Option<u64>> = use_signal(|| None);
+ let api_r = api.clone();
+ let list = use_resource(move || {
+ let api = api_r.clone();
+ let _ = (rev(), (ui.changed)());
+ async move { api.call("saves.checkpoints", serde_json::json!({})).await }
+ });
+ let cps: Vec<serde_json::Value> = match &*list.read() {
+ Some(Ok(v)) => v.as_array().cloned().unwrap_or_default(),
+ _ => vec![],
+ };
+ let call = move |op: &'static str, args: serde_json::Value, said: String, back: bool| {
+ let api = api.clone();
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call(op, args).await {
+ Ok(_) => {
+ ui.say(said);
+ rev += 1;
+ if back {
+ on_back.call(());
+ }
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let when = |ms: u64| {
+ chrono::DateTime::from_timestamp_millis(ms as i64)
+ .map(|t| t.with_timezone(&chrono::Local).format("%d %b %Y, %H:%M").to_string())
+ .unwrap_or_default()
+ };
+ let call2 = call.clone();
+ rsx! {
+ div { class: "checkpoints",
+ span { class: "dim small", "checkpoints of this save" }
+ if cps.is_empty() {
+ span { class: "dim small", " · none yet" }
+ }
+ for c in cps {
+ div { key: "{c[\"id\"]}", class: "row checkpoint",
+ Icon { name: "save" }
+ b { {c["name"].as_str().unwrap_or("").to_string()} }
+ span { class: "dim small", {when(c["at"].as_u64().unwrap_or(0))} }
+ span { class: "grow" }
+ button {
+ class: if armed() == c["id"].as_u64() { "armed" } else { "plain" },
+ "data-tip": "go back to it: what changed since goes, and the checkpoints made after it (click twice)",
+ onclick: { let call = call.clone(); let id = c["id"].as_u64().unwrap_or(0); let n = c["name"].as_str().unwrap_or("").to_string(); move |_| {
+ if armed() != Some(id) { armed.set(Some(id)); return; }
+ armed.set(None);
+ call("saves.restore_checkpoint", serde_json::json!({ "id": id }), format!("back to the checkpoint {n}"), true);
+ } },
+ Icon { name: "undo" }
+ if armed() == c["id"].as_u64() { "go back?" } else { "go back" }
+ }
+ button { class: "plain", "data-tip": "delete the checkpoint (the save stays as it is)", "aria-label": "delete the checkpoint",
+ onclick: { let call = call.clone(); let id = c["id"].as_u64().unwrap_or(0); move |_| call("saves.delete_checkpoint", serde_json::json!({ "id": id }), "checkpoint deleted".into(), false) },
+ Icon { name: "delete" } }
+ }
+ }
+ div { class: "row",
+ // not bound while typing (a round trip per key drops fast letters); a new
+ // one after each checkpoint
+ // read when the button is pressed: re-rendering on every key dropped letters
+ // in the desktop's web view
+ for g in [made()] {
+ input { key: "{g}", id: "cp-name", r#type: "text", placeholder: "a name (or the time)", "aria-label": "the checkpoint's name" }
+ }
+ button { onclick: move |_| {
+ let call2 = call2.clone();
+ spawn(async move {
+ let mut ev = document::eval("const i = document.getElementById('cp-name'); dioxus.send(i ? i.value : '');");
+ let n: String = ev.recv().await.unwrap_or_default();
+ call2("saves.checkpoint", serde_json::json!({ "name": n }), "checkpoint made".into(), false);
+ made += 1;
+ });
+ },
+ Icon { name: "save" } "a checkpoint now" }
+ }
+ }
+ }
+}
+
+#[component]
+fn Saves() -> Element {
+ let ui = ui();
+ let api = api();
+ let mut reload = use_signal(|| 0);
+ let api_r = api.clone();
+ let saves = use_resource(move || {
+ let api = api_r.clone();
+ let _ = reload();
+ let _ = (ui.changed)();
+ async move { api.saves().await }
+ });
+ let mut name = use_signal(String::new);
+ let mut made = use_signal(|| 0u64);
+ let mut step = use_signal(|| Step::Closed);
+ let mut armed = use_signal(|| None::<String>);
+ let mut renaming: Signal<Option<(String, String)>> = use_signal(|| None);
+ let list: Vec<SaveInfo> = match &*saves.read() {
+ Some(Ok(v)) => v.clone(),
+ _ => vec![],
+ };
+ let on_disk = api.on_disk();
+ let api_k = use_signal(|| api.clone());
+ // the desktop opens the save it had open last (`prefs.save`), so its folder too
+ let keep = move || {
+ if on_disk {
+ let path = api_k.peek().describe();
+ set_pref(ui, |p| p.save = Some(path));
+ }
+ };
+ let act = move |f: crate::backend::Fut<()>, msg: String| {
+ dioxus::dioxus_core::spawn_forever(async move {
+ match f.await {
+ Ok(()) => {
+ ui.say(msg);
+ keep();
+ reload += 1;
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let api_f = api.clone();
+ let folder = use_resource(move || {
+ let api = api_f.clone();
+ let _ = reload();
+ async move { api.call("saves.folder", serde_json::json!({})).await }
+ });
+ let folder_now = match &*folder.read() {
+ Some(Ok(v)) if v["can"].as_bool() == Some(true) => v["folder"].as_str().map(str::to_string),
+ _ => None,
+ };
+ let mut folder_text = use_signal(String::new);
+ let mut folder_gen = use_signal(|| 0u64);
+ let use_folder = {
+ let api = api.clone();
+ move || {
+ let api = api.clone();
+ let path = folder_text();
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("saves.folder", serde_json::json!({ "path": path })).await {
+ Ok(v) => {
+ ui.say(format!(
+ "saves from {}: opened {}",
+ v["folder"].as_str().unwrap_or(""),
+ v["save"].as_str().unwrap_or("")
+ ));
+ keep();
+ folder_text.set(String::new());
+ folder_gen += 1;
+ reload += 1;
+ ui.touched();
+ ui.refresh(api);
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ rsx! {
+ Fold { name: "saves", title: "saves",
+ if let Some(f) = folder_now {
+ label { r#for: "savesfolder", "saves folder" }
+ div { class: "row",
+ for g in [folder_gen()] {
+ input { key: "{g}", id: "savesfolder", r#type: "text", style: "flex: 1; min-width: 12em;",
+ placeholder: "another folder, or a .redb file",
+ oninput: move |e| folder_text.set(e.value()),
+ onkeydown: { let u = use_folder.clone(); move |e: KeyboardEvent| if e.key() == Key::Enter { u() } } }
+ }
+ button { disabled: folder_text().trim().is_empty(), onclick: { let u = use_folder.clone(); move |_| u() },
+ Icon { name: "folder" } "use it" }
+ span { class: "dim small", "now {f}. A folder lists its saves and opens the first (or makes a main); a .redb file opens that save, and its folder becomes the saves folder." }
+ }
+ }
+ div { class: "wide",
+ table { class: "saves",
+ thead { tr { th { "save" } th { "entries" } th { "size" } th { "" } } }
+ tbody {
+ for s in list {
+ tr { key: "{s.name}", class: if s.open { "open" } else { "" },
+ td { "{s.name}" if s.open { span { class: "dim", " · open" } } }
+ td { {s.memories.map(|m| m.to_string()).unwrap_or_default()} }
+ td { "{s.size / 1024} kB" }
+ td { class: "row",
+ if !s.open {
+ button { class: "plain", "data-tip": "open it", "aria-label": "open",
+ onclick: { let api = api.clone(); let n = s.name.clone(); move |_| act(api.open_save(&n), format!("opened {n}")) },
+ Icon { name: "open" } }
+ }
+ button { class: "plain", "data-tip": "a backup: its texts in one JSON, the rest in another", "aria-label": "backup",
+ onclick: { let api = api.clone(); let n = s.name.clone(); move |_| {
+ let api = api.clone(); let n = n.clone();
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.backup(&n).await {
+ Ok(b) if !b.paths.is_empty() => ui.say(format!("backed up: {}", b.paths.join(" and "))),
+ Ok(b) => {
+ let text = |v: &serde_json::Value| v.as_str().map(str::to_string).unwrap_or_else(|| v.to_string());
+ download(&format!("{n} texts.json"), &text(&b.texts));
+ download(&format!("{n} other.json"), &text(&b.other));
+ ui.say("backed up: two downloads");
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ } },
+ Icon { name: "download" } }
+ button { class: "plain", "data-tip": "import weum's all-of-it.json into this save", "aria-label": "import",
+ onclick: { let n = s.name.clone(); move |_| step.set(Step::Read { target: n.clone(), data: String::new(), rows: 0, sample: vec![] }) },
+ Icon { name: "upload" } }
+ button { class: "plain", "data-tip": "rename it", "aria-label": "rename",
+ onclick: { let n = s.name.clone(); move |_| renaming.set(Some((n.clone(), n.clone()))) },
+ Icon { name: "rename" } }
+ button { class: "plain", "data-tip": "export a bundle (.anend.json): keys, lists, notes, classifiers and all", "aria-label": "export a bundle",
+ onclick: { let api = api.clone(); let n = s.name.clone(); move |_| {
+ let (api, n) = (api.clone(), n.clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("saves.export", serde_json::json!({ "name": n })).await {
+ Ok(b) => { download(&format!("{n}.anend.json"), &b.to_string()); ui.say(format!("{n}.anend.json: a download")); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ } },
+ Icon { name: "export" } }
+ button { class: "plain", "data-tip": "copy", "aria-label": "copy",
+ onclick: { let api = api.clone(); let n = s.name.clone(); move |_| act(api.copy_save(&n, ""), format!("copied {n}")) },
+ Icon { name: "copy" } }
+ if !s.open {
+ button {
+ class: if armed() == Some(s.name.clone()) { "armed" } else { "plain" },
+ "data-tip": "delete (click twice)",
+ "aria-label": "delete",
+ onclick: { let api = api.clone(); let n = s.name.clone(); move |_| {
+ if armed() == Some(n.clone()) {
+ armed.set(None);
+ act(api.delete_save(&n), format!("deleted {n}"));
+ } else {
+ armed.set(Some(n.clone()));
+ }
+ } },
+ Icon { name: "delete" }
+ if armed() == Some(s.name.clone()) { "delete?" }
+ }
+ }
+ }
+ }
+ if s.open {
+ tr { key: "{s.name} checkpoints", class: "checkpoints-row",
+ td { colspan: "4", Checkpoints { on_back: move |_| { reload += 1; ui.touched(); } } }
+ }
+ }
+ }
+ }
+ }
+ }
+ label { r#for: "newsave", "a new save" }
+ div { class: "row",
+ for g in [made()] {
+ input { key: "{g}", id: "newsave", r#type: "text", placeholder: "its name", initial_value: "{name}", oninput: move |e| name.set(e.value()) }
+ }
+ button { onclick: { let api = api.clone(); move |_| { let n = name(); act(api.new_save(&n), format!("made and opened {n}")); name.set(String::new()); made += 1; } },
+ Icon { name: "new" } "make it" }
+ button { class: "plain", onclick: move |_| step.set(Step::Read { target: String::new(), data: String::new(), rows: 0, sample: vec![] }),
+ Icon { name: "upload" } "a new save from all-of-it.json" }
+ }
+ if let Some((from, to)) = renaming() {
+ label { "rename “{from}”" }
+ div { class: "row",
+ input { r#type: "text", initial_value: "{to}", "aria-label": "its new name", oninput: move |e| { let f = from.clone(); renaming.set(Some((f, e.value()))) } }
+ button { class: "primary", onclick: { let api = api.clone(); move |_| {
+ if let Some((f, t)) = renaming() { act(api.rename_save(&f, &t), format!("renamed {f} to {t}")); }
+ renaming.set(None);
+ } }, "rename" }
+ button { class: "plain", onclick: move |_| renaming.set(None), "cancel" }
+ }
+ }
+ label { "a bundle" }
+ div { class: "row",
+ label { class: "button btn", Icon { name: "upload" } "import a bundle (.anend.json) as a new save"
+ input { r#type: "file", accept: ".json,.anend.json", style: "display: none;",
+ onchange: { let api = api.clone(); move |e: FormEvent| {
+ let api = api.clone();
+ let files = e.files();
+ spawn(async move {
+ let Some(f) = files.into_iter().next() else { return };
+ let text = match f.read_string().await { Ok(t) => t, Err(e) => return ui.fail(e.to_string()) };
+ let Ok(b) = serde_json::from_str::<serde_json::Value>(&text) else { return ui.fail("that isn't a bundle (JSON)") };
+ match api.import_bundle(b, "", false).await {
+ Ok(im) => { ui.say(format!("imported {} texts{}", im.memories, im.save.map(|s| format!(" into “{s}”")).unwrap_or_default())); reload += 1; ui.touched(); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ } },
+ }
+ }
+ }
+ if step() != Step::Closed {
+ div { class: "wide import",
+ ImportSteps { step }
+ }
+ }
+ }
+ }
+}
+
+/// importing weum's all-of-it.json: choose the file, see what's in it, import, done
+#[component]
+fn ImportSteps(step: Signal<Step>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut new_name = use_signal(|| "weum".to_string());
+ let cur = step();
+ let on_disk = api.on_disk();
+ let mut path = use_signal(String::new);
+ let target_p = match &cur {
+ Step::Read { target, .. } => target.clone(),
+ _ => String::new(),
+ };
+ let n = match &cur {
+ Step::Read { rows: 0, .. } => 1,
+ Step::Read { .. } => 2,
+ Step::Importing => 3,
+ _ => 4,
+ };
+ rsx! {
+ div { class: "steps",
+ for (i , label) in ["1 the file", "2 what's in it", "3 importing", "4 done"].into_iter().enumerate() {
+ span { key: "{i}", class: if i + 1 == n { "on" } else { "" }, "{label}" }
+ }
+ span { class: "grow" }
+ button { class: "plain ibtn", "aria-label": "close the import", onclick: move |_| step.set(Step::Closed), Icon { name: "close" } }
+ }
+ match cur {
+ Step::Read { target, rows: 0, .. } => {
+ let t2 = target.clone();
+ rsx! {
+ div { class: "row",
+ "weum's all-of-it.json (or a backup's texts.json):"
+ input {
+ r#type: "file",
+ accept: ".json,application/json",
+ onchange: move |e: FormEvent| {
+ let target = target.clone();
+ async move {
+ let Some(f) = e.files().into_iter().next() else { return };
+ match f.read_string().await {
+ Ok(data) => read_rows(ui, step, target, data),
+ Err(e) => ui.fail(format!("couldn't read it: {e}")),
+ }
+ }
+ },
+ }
+ }
+ if on_disk {
+ div { class: "row",
+ "or its path:"
+ input { r#type: "text", placeholder: "/home/you/all-of-it.json", style: "flex: 1;",
+ oninput: move |e| path.set(e.value()),
+ onkeydown: move |e: KeyboardEvent| if e.key() == Key::Enter { read_path(ui, step, t2.clone(), path()) } }
+ button { onclick: move |_| read_path(ui, step, target_p.clone(), path()), "read it" }
+ }
+ }
+ }
+ }
+ Step::Read { target, data, rows, sample } => rsx! {
+ div { "{rows} rows. The first: " span { class: "dim", {sample.join(" · ")} } }
+ div { class: "row",
+ if target.is_empty() {
+ "into a new save named"
+ input { r#type: "text", initial_value: "{new_name}", oninput: move |e| new_name.set(e.value()) }
+ } else {
+ "into “{target}”: keys already there are replaced (the old text kept as a version)"
+ }
+ button { class: "primary",
+ onclick: move |_| {
+ let api = api.clone();
+ let data = data.clone();
+ let into_new = if target.is_empty() { new_name() } else { String::new() };
+ let target = target.clone();
+ step.set(Step::Importing);
+ dioxus::dioxus_core::spawn_forever(async move {
+ // into a save that isn't open: open it first
+ if !target.is_empty()
+ && target != ui.hello.peek().save
+ && let Err(e) = api.open_save(&target).await
+ {
+ ui.fail(e);
+ step.set(Step::Closed);
+ return;
+ }
+ match api.import_texts(&data, &into_new).await {
+ Ok(im) => {
+ step.set(Step::Done(im));
+ ui.touched();
+ }
+ Err(e) => {
+ ui.fail(e);
+ step.set(Step::Closed);
+ }
+ }
+ });
+ },
+ Icon { name: "upload" }
+ "import"
+ }
+ }
+ },
+ Step::Importing => rsx! { div { "importing…" } },
+ Step::Done(im) => rsx! {
+ div { "imported {im.memories} texts" if let Some(s) = im.save { " into “{s}”" } "." }
+ },
+ Step::Closed => rsx! {},
+ }
+ }
+}
+
+/// a weum file's rows read: on to the step that shows what's in it
+fn read_rows(ui: Ui, mut step: Signal<Step>, target: String, data: String) {
+ match serde_json::from_str::<serde_json::Value>(&data) {
+ Ok(serde_json::Value::Array(rows)) => {
+ let sample = rows
+ .iter()
+ .take(8)
+ .filter_map(|r| r.get(0).and_then(|t| t.as_str()).map(str::to_string))
+ .collect();
+ step.set(Step::Read {
+ target,
+ data,
+ rows: rows.len(),
+ sample,
+ });
+ }
+ _ => ui.fail("that isn't a list of [text, [key bytes]] rows"),
+ }
+}
+
+/// the desktop reads the file at a path typed in (when a file dialog isn't at hand)
+fn read_path(ui: Ui, step: Signal<Step>, target: String, path: String) {
+ #[cfg(not(target_arch = "wasm32"))]
+ match std::fs::read_to_string(path.trim()) {
+ Ok(data) => read_rows(ui, step, target, data),
+ Err(e) => ui.fail(format!("couldn't read {}: {e}", path.trim())),
+ }
+ #[cfg(target_arch = "wasm32")]
+ {
+ let _ = (step, target, path);
+ ui.fail("pick the file instead");
+ }
+}
+
+/// what a `reading` answer says, in words
+fn reading_words(r: &serde_json::Value) -> String {
+ let dev = match r["device"].as_str() {
+ Some("gpu") => "the GPU",
+ Some("gpu_fast") => "the GPU (fast)",
+ Some("cpu") => "the CPU",
+ _ => return String::new(),
+ };
+ let mut s = format!("now on {dev}");
+ if let Some(g) = r["gpu"].as_str() {
+ s += &format!(", {g}");
+ }
+ if r["device"] != "cpu" {
+ s += if r["exact"] == true {
+ ", the CPU's results bit for bit"
+ } else {
+ ", within a small difference of the CPU's results"
+ };
+ }
+ if let Some(n) = r["note"].as_str() {
+ s += &format!(": {n}");
+ }
+ s
+}
+
+/// the limits the open save sets for itself (`limits.*`), each a number with its default;
+/// none caps how long a text can be
+/// a colour as hue, saturation and lightness sliders and a hex box (the Bevy app's), each
+/// change kept as the role's own colour
+#[component]
+fn HslEditor(role: &'static str, hex: String) -> Element {
+ let ui = ui();
+ let (h, s, l) = crate::theme::hsl_of(&hex);
+ let set = move |h: f64, s: f64, l: f64| {
+ let c = crate::theme::hex_of_hsl(h, s.clamp(0.0, 1.0), l.clamp(0.0, 1.0));
+ set_pref(ui, move |p| {
+ p.colours.insert(role.to_string(), c.clone());
+ });
+ };
+ let mut draft = use_signal(|| hex.clone());
+ rsx! {
+ div { class: "hsl-sliders",
+ span { class: "hsl-swatch", style: "background: {hex};" }
+ label { span { "hue" }
+ input { r#type: "range", min: "0", max: "359", step: "1", value: "{h.round()}", class: "hue",
+ oninput: move |e| set(e.value().parse().unwrap_or(h), s, l) }
+ span { class: "num", "{h.round()}°" } }
+ label { span { "saturation" }
+ input { r#type: "range", min: "0", max: "100", step: "1", value: "{(s * 100.0).round()}",
+ oninput: move |e| set(h, e.value().parse::<f64>().unwrap_or(s * 100.0) / 100.0, l) }
+ span { class: "num", "{(s * 100.0).round()}%" } }
+ label { span { "lightness" }
+ input { r#type: "range", min: "0", max: "100", step: "1", value: "{(l * 100.0).round()}",
+ oninput: move |e| set(h, s, e.value().parse::<f64>().unwrap_or(l * 100.0) / 100.0) }
+ span { class: "num", "{(l * 100.0).round()}%" } }
+ label { span { "hex" }
+ input { r#type: "text", value: "{hex}", "aria-label": "{role} as hex", style: "width: 7em;",
+ oninput: move |e| draft.set(e.value()),
+ onchange: move |_| {
+ let v = draft().trim().to_string();
+ let v = if v.starts_with('#') { v } else { format!("#{v}") };
+ if v.len() == 7 && v[1..].chars().all(|c| c.is_ascii_hexdigit()) {
+ set_pref(ui, move |p| { p.colours.insert(role.to_string(), v.to_lowercase()); });
+ } else {
+ ui.fail("a colour in hex is like #a07850");
+ }
+ } } }
+ }
+ }
+}
+
+#[component]
+fn LimitSettings() -> Element {
+ let ui = ui();
+ let api = api();
+ let mut rows = use_signal(Vec::<serde_json::Value>::new);
+ {
+ let api = api.clone();
+ use_hook(move || {
+ spawn(async move {
+ if let Ok(v) = api.call("limits.list", serde_json::json!({})).await {
+ rows.set(v.as_array().cloned().unwrap_or_default());
+ }
+ });
+ });
+ }
+ rsx! {
+ Fold { name: "limits", title: "limits of this save",
+ div { class: "wide dim small", "Limits the save sets for itself, with their defaults. Empty puts a default back. None of them limits how long a text can be." }
+ for r in rows() {
+ {
+ let name = r["name"].as_str().unwrap_or("").to_string();
+ let label = name.trim_start_matches("limits.").trim_start_matches("graph.").replace('_', " ");
+ let id = format!("lim-{}", name.replace('.', "-"));
+ let api = api.clone();
+ let n2 = name.clone();
+ let value = r["value"].to_string();
+ rsx! {
+ label { key: "{name}", r#for: "{id}", "{label}" }
+ div { class: "row",
+ input { id: "{id}", r#type: "number", min: "0", step: "1", style: "width: 9em;",
+ value: "{value}",
+ onchange: move |e| {
+ let (api, n) = (api.clone(), n2.clone());
+ let v = e.value();
+ spawn(async move {
+ match api.call("limits.set", serde_json::json!({ "name": n, "value": v })).await {
+ Ok(_) => {
+ if let Ok(v) = api.call("limits.list", serde_json::json!({})).await {
+ rows.set(v.as_array().cloned().unwrap_or_default());
+ }
+ ui.say(format!("{n} set"));
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ }
+ span { class: "dim small", {format!("{} (default {})", r["about"].as_str().unwrap_or(""), r["default"])} }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// the GPU: where classifiers read texts (predict, search, indexing, buckets, tints),
+/// and a report on this machine's GPU for the user to send back
+#[component]
+fn GpuSettings() -> Element {
+ let ui = ui();
+ let api = api();
+ let mut state = use_signal(|| serde_json::Value::Null);
+ let mut busy = use_signal(|| false);
+ let mut written = use_signal(String::new);
+ {
+ let api = api.clone();
+ use_hook(move || {
+ spawn(async move {
+ if let Ok(v) = api.call("classify.device", serde_json::json!({})).await {
+ state.set(v);
+ }
+ });
+ });
+ }
+ let choice = ui.prefs.read().read_device.clone();
+ let mut now = reading_words(&state.read()["reading"]);
+ if choice == "auto" && state.read()["reading"]["device"] == "gpu" {
+ // auto's answer depends on the model's size, measured on its first reading
+ now = format!(
+ "the GPU here, {}, gives the CPU's results bit for bit; auto reads on it with the model sizes it is faster for, measured on each size's first reading",
+ state.read()["reading"]["gpu"].as_str().unwrap_or("")
+ );
+ }
+ let speeds: Vec<String> = state.read()["speeds"]
+ .as_array()
+ .map(|a| {
+ a.iter()
+ .filter_map(|s| s["words"].as_str().map(str::to_string))
+ .collect()
+ })
+ .unwrap_or_default();
+ let again = {
+ let api = api.clone();
+ move |_| {
+ let api = api.clone();
+ spawn(async move {
+ match api
+ .call("classify.device", serde_json::json!({ "measure_again": true }))
+ .await
+ {
+ Ok(r) => {
+ state.set(r);
+ ui.say("each model size is measured again the next time it reads");
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ let set = {
+ let api = api.clone();
+ move |e: Event<FormData>| {
+ let v = e.value();
+ set_pref(ui, |p| p.read_device = v.clone());
+ let api = api.clone();
+ spawn(async move {
+ match api.call("classify.device", serde_json::json!({ "device": v })).await {
+ Ok(r) => state.set(r),
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ let report = move |_| {
+ let api = api.clone();
+ busy.set(true);
+ ui.say("measuring the GPU and the CPU; this takes some minutes (about twenty on a software renderer)");
+ spawn(async move {
+ let r = api.call("gpu.report", serde_json::json!({})).await;
+ busy.set(false);
+ let r = match r {
+ Ok(r) => r,
+ Err(e) => return ui.fail(e),
+ };
+ let text = serde_json::to_string_pretty(&r).unwrap_or_default();
+ let secs = (now_ms() / 1000.0) as u64;
+ let file = format!("gpu-report-{secs}.json");
+ #[cfg(not(target_arch = "wasm32"))]
+ {
+ let dir = crate::prefs::data_dir().join("exports");
+ let path = dir.join(&file);
+ match std::fs::create_dir_all(&dir).and_then(|_| std::fs::write(&path, &text)) {
+ Ok(()) => {
+ written.set(format!("written to {}", path.display()));
+ ui.say(format!("the GPU report is in {}", path.display()));
+ }
+ Err(e) => ui.fail(format!("couldn't write {}: {e}", path.display())),
+ }
+ }
+ #[cfg(target_arch = "wasm32")]
+ {
+ download(&file, &text);
+ written.set(format!("downloaded as {file}"));
+ ui.say(format!("the GPU report downloaded as {file}"));
+ }
+ });
+ };
+ rsx! {
+ Fold { name: "gpu", title: "the GPU",
+ label { r#for: "readdev", "classifiers read texts on" }
+ div { class: "row",
+ select { id: "readdev", onchange: set,
+ option { value: "auto", selected: choice == "auto", "auto: the GPU when it gives the CPU's results and is faster" }
+ option { value: "cpu", selected: choice == "cpu", "the CPU" }
+ option { value: "gpu", selected: choice == "gpu", "the GPU" }
+ option { value: "gpu_fast", selected: choice == "gpu_fast", "the GPU, fast" }
+ }
+ span { class: "dim small", "{now}" }
+ }
+ if !speeds.is_empty() {
+ label { "measured on this machine" }
+ div { class: "wide small",
+ for w in speeds.iter() {
+ div { "{w}" }
+ }
+ }
+ div { class: "row",
+ button { onclick: again, Icon { name: "refresh" } "measure again" }
+ span { class: "dim small", "forgets these rates; each model size is measured again on its next reading" }
+ }
+ }
+ div { class: "wide dim small",
+ "Predicting, classifier search, indexing, buckets, colouring by a classifier and filters by one. Training picks its device on the classifier's page."
+ }
+ label { "a report on this machine's GPU" }
+ div { class: "row",
+ button { disabled: busy(), onclick: report, Icon { name: "stats" } if busy() { "measuring…" } else { "write a GPU report" } }
+ span { class: "dim small", "the adapter and driver, its limits, whether every kernel gives the CPU's bits, and timings of a fixed training run and of reading up to 10 000 texts on the CPU and the GPU (two minutes at most on each); it takes some minutes, about twenty on a software renderer" }
+ }
+ if !written().is_empty() {
+ div { class: "wide small", "{written} — paste the file back to report how the GPU does" }
+ }
+ }
+ }
+}
+
+/// a file handed to the viewer (the web build's backups)
+pub fn download(name: &str, text: &str) {
+ let js = format!(
+ "const a = document.createElement('a'); a.href = URL.createObjectURL(new Blob([{}], {{type: 'application/json'}})); a.download = {}; a.click(); setTimeout(() => URL.revokeObjectURL(a.href), 4000);",
+ serde_json::to_string(text).unwrap_or_default(),
+ serde_json::to_string(name).unwrap_or_default()
+ );
+ document::eval(&js);
+}
+
+/// the keys menu's answer: the key pressed while it waited for one
+pub fn rebind(mut ui: Ui, a: Action, k: &KeyPress) {
+ ui.listening.set(None);
+ if k.key == "Escape" {
+ ui.say("the key stays as it was");
+ return;
+ }
+ let Some(b) = Binding::of(&k.code, k.ctrl, k.shift, k.alt) else {
+ ui.fail(format!(
+ "{} can't be bound",
+ if k.code.is_empty() { &k.key } else { &k.code }
+ ));
+ return;
+ };
+ let mut map = ui.keymap();
+ let other = map.rebind(a, b);
+ set_pref(ui, |p| p.keymap = map.changes());
+ match other {
+ Some(o) => ui.say(format!(
+ "{} is {b} now; {} takes {} instead",
+ a.label(),
+ o.label(),
+ map.get(o)
+ )),
+ None => ui.say(format!("{} is {b} now", a.label())),
+ }
+}
+
+/// every action and its key: click a key, then press the new one (Esc leaves it); a key
+/// another action holds where both work is swapped with it; kept in the settings file
+#[component]
+fn Keys() -> Element {
+ let mut ui = ui();
+ let map = crate::keys::Keymap::from_changes(&ui.prefs.read().keymap);
+ let listening = (ui.listening)();
+ let changed = !ui.prefs.read().keymap.is_empty();
+ let mut groups: Vec<(Scope, Vec<Action>)> = Vec::new();
+ for a in Action::ALL {
+ match groups.iter_mut().find(|(s, _)| *s == a.scope()) {
+ Some((_, v)) => v.push(a),
+ None => groups.push((a.scope(), vec![a])),
+ }
+ }
+ let rows = [
+ ("Ctrl+Z / Ctrl+Shift+Z in the bar", "undo and redo the bar's typing"),
+ (
+ "Enter in the bar",
+ "the view's search; Ctrl+Enter saturates, Shift+Enter brings back a key",
+ ),
+ ("Delete in the bar", "forget the key typed"),
+ ("↑ ↓ in the space's bar", "its history"),
+ (
+ "click / Ctrl / Shift / Alt + click",
+ "into the bar / candidate / list / select",
+ ),
+ ("double click", "the key into the bar"),
+ ("right click / Ctrl+right click", "the menu / gsearch ⌊√(s·r)⌋"),
+ ("Esc", "close, cancel an edit or tag, leave the bar"),
+ ];
+ rsx! {
+ Fold { name: "keys", title: "keys",
+ div { class: "wide dim small",
+ "Click a key, then press the new one (with Ctrl, Alt or Shift if you like); Esc leaves it. A key another action holds is swapped with it. Keys without Ctrl or Alt only act while you're not typing in a text box."
+ }
+ div { class: "wide keymap",
+ for (scope , acts) in groups {
+ div { key: "{scope.name()}", class: "keygroup",
+ h4 { "{scope.name()}" }
+ for a in acts {
+ div { key: "{a.id()}", class: "keyrow",
+ span { class: "what", "{a.label()}" }
+ button {
+ class: if listening == Some(a) { "keycap on" } else if map.get(a) != a.default_binding() { "keycap changed" } else { "keycap" },
+ "aria-label": "the key for {a.label()}",
+ onclick: move |_| ui.listening.set(Some(a)),
+ if listening == Some(a) { "press a key…" } else { "{map.get(a)}" }
+ }
+ }
+ }
+ }
+ }
+ }
+ div { class: "wide row",
+ button { disabled: !changed, onclick: move |_| { set_pref(ui, |p| p.keymap.clear()); ui.say("every key is back to its default"); }, Icon { name: "undo" } "reset to defaults" }
+ }
+ div { class: "wide",
+ table { class: "keys",
+ for (k , what) in rows {
+ tr { key: "{k}", td { kbd { "{k}" } } td { "{what}" } }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/app/src/views/space.rs b/app/src/views/space.rs
new file mode 100644
index 00000000..fbce3f35
--- /dev/null
+++ b/app/src/views/space.rs
@@ -0,0 +1,3880 @@
+//! The space. Rust searches and gathers what each text is (`space.features`: its sums,
+//! length, kind, word types, lists, time; the colouring classifier's class); the room runs
+//! the free spread and draws. On the desktop the room is `anend_render::room::Room`, in
+//! Rust, drawn on wgpu (native_room; no JavaScript, and neither space.js nor three.js is in
+//! the desktop build): under the see-through webview on Linux, in the page on macOS and
+//! Windows. On the web it is the three.js room (app/src/space.js, over the vendored
+//! three.js in app/vendor) hosted through Dioxus's JS interop. Both take the same commands
+//! and send the same events.
+//!
+//! As the Bevy app's space had it: the terminal (the command bar: Enter, Ctrl+Enter,
+//! Shift+Enter, Delete, ↑ ↓ history, `#123` `#r123` `#name`, the words Enlist List Delist
+//! Unlist Count Backup Clear ClearAll Settle Maps `Save name` Help); texts dragged (then
+//! pinned), pushed and pulled with the wheel, pinned (U), new (N, a double click on empty
+//! room), edited (Enter), removed (Delete), copied (Ctrl+C), undone (Ctrl+Z); maps saved
+//! (Shift+X) and exported (X); the physics panel (O) with pause (P) and settle (K); the
+//! position card (I), help (H), and the details of the text under the pointer in a window
+//! that moves (M), its close button showing on hover.
+
+use std::collections::{BTreeMap, HashMap};
+
+use dioxus::prelude::*;
+#[cfg(not(feature = "desktop"))]
+use futures_util::{StreamExt, future::Either};
+use serde_json::{Value, json};
+
+use crate::backend::Hit;
+use crate::gem::{self, Mode};
+use crate::keys::Action;
+use crate::shell::set_pref;
+use crate::ui::*;
+use crate::views::{TChip, use_keys};
+
+mod animwin;
+mod flightwin;
+mod lightwin;
+mod native_room;
+use native_room::NativeHost;
+mod prefabwin;
+mod soundwin;
+mod texwin;
+mod wirewin;
+
+#[cfg(not(feature = "desktop"))]
+const THREE: &str = include_str!("../../vendor/three.module.min.js");
+#[cfg(any(test, not(feature = "desktop")))]
+const ENGINE: &str = include_str!("../space.js");
+
+/// a physics slider: its key (space.js `PHYSICS`), label, range, step, default and group
+pub struct Slider {
+ pub key: &'static str,
+ pub label: &'static str,
+ pub min: f64,
+ pub max: f64,
+ pub step: f64,
+ pub def: f64,
+ pub group: &'static str,
+}
+
+const fn sl(
+ key: &'static str,
+ label: &'static str,
+ min: f64,
+ max: f64,
+ step: f64,
+ def: f64,
+ group: &'static str,
+) -> Slider {
+ Slider {
+ key,
+ label,
+ min,
+ max,
+ step,
+ def,
+ group,
+ }
+}
+
+/// the physics panel; a weight runs from −1 (texts alike that way push apart) to +1 (they
+/// pull together)
+pub const SLIDERS: [Slider; 26] = [
+ sl(
+ "w_ordinal",
+ "ordinal sums",
+ -1.0,
+ 1.0,
+ 0.05,
+ 0.6,
+ "what pulls texts together",
+ ),
+ sl(
+ "w_reversed",
+ "reversed sums",
+ -1.0,
+ 1.0,
+ 0.05,
+ 0.3,
+ "what pulls texts together",
+ ),
+ sl(
+ "w_bucket",
+ "the same bucket",
+ -1.0,
+ 1.0,
+ 0.05,
+ 0.8,
+ "what pulls texts together",
+ ),
+ sl("w_length", "length", -1.0, 1.0, 0.05, 0.2, "what pulls texts together"),
+ sl(
+ "w_types",
+ "kind and word types",
+ -1.0,
+ 1.0,
+ 0.05,
+ 0.3,
+ "what pulls texts together",
+ ),
+ sl(
+ "w_lists",
+ "shared lists",
+ -1.0,
+ 1.0,
+ 0.05,
+ 0.7,
+ "what pulls texts together",
+ ),
+ sl(
+ "w_class",
+ "the colouring classifier's class",
+ -1.0,
+ 1.0,
+ 0.05,
+ 0.5,
+ "what pulls texts together",
+ ),
+ sl(
+ "w_time",
+ "written near in time",
+ -1.0,
+ 1.0,
+ 0.05,
+ 0.2,
+ "what pulls texts together",
+ ),
+ sl(
+ "w_letters",
+ "the same letters",
+ -1.0,
+ 1.0,
+ 0.05,
+ 0.4,
+ "what pulls texts together",
+ ),
+ sl(
+ "qscale",
+ "how near sums count as alike",
+ 1.0,
+ 100.0,
+ 1.0,
+ 12.0,
+ "what pulls texts together",
+ ),
+ sl("attract", "attraction", 0.0, 4.0, 0.05, 0.9, "motion"),
+ sl("repel", "repulsion", 0.0, 60.0, 0.5, 9.0, "motion"),
+ sl("link", "distance between alike texts", 0.5, 20.0, 0.1, 4.0, "motion"),
+ sl("gravity", "gravity to the centre", 0.0, 1.0, 0.005, 0.06, "motion"),
+ sl("pad", "gap between texts", 0.0, 2.0, 0.05, 0.3, "motion"),
+ sl("damping", "damping", 0.0, 10.0, 0.1, 2.2, "motion"),
+ sl("cool", "cooling", 0.001, 0.08, 0.001, 0.012, "motion"),
+ sl("substeps", "speed (steps per frame)", 0.0, 8.0, 1.0, 2.0, "motion"),
+ sl("depth", "depth by the measure", 0.0, 20.0, 0.25, 0.0, "depth"),
+ sl("flat", "flatness", 0.0, 5.0, 0.05, 1.5, "depth"),
+ sl("distance", "spread distance", 5.0, 200.0, 1.0, 26.0, "depth"),
+ sl("look", "look sensitivity", 0.2, 3.0, 0.05, 1.0, "camera"),
+ sl(
+ "smooth",
+ "look smoothness (higher: snappier)",
+ 2.0,
+ 40.0,
+ 1.0,
+ 14.0,
+ "camera",
+ ),
+ sl("size", "text size", 0.1, 3.0, 0.05, 0.5, "texts"),
+ sl("wrap", "text wrap (characters)", 16.0, 160.0, 1.0, 60.0, "texts"),
+ sl("minPx", "hide texts under px", 0.0, 8.0, 0.1, 1.2, "texts"),
+];
+
+pub const DEPTH_BY: [&str; 4] = ["none", "ordinal", "length", "time"];
+
+#[derive(Debug, Clone, PartialEq, serde::Deserialize)]
+pub(crate) struct SpaceEvent {
+ kind: String,
+ #[serde(default)]
+ key: String,
+ #[serde(default)]
+ text: String,
+ #[serde(default)]
+ note: bool,
+ #[serde(default)]
+ free: bool,
+ #[serde(default)]
+ x: f64,
+ #[serde(default)]
+ y: f64,
+ #[serde(default)]
+ ctrl: bool,
+ #[serde(default)]
+ shift: bool,
+ #[serde(default)]
+ alt: bool,
+ #[serde(default)]
+ q: f64,
+ #[serde(default)]
+ hue: f64,
+ #[serde(default)]
+ pinned: bool,
+ #[serde(default)]
+ data: Value,
+ /// the placement in the room (a copy's own key); `key` is the entry's
+ #[serde(default)]
+ node: String,
+ /// how many placements the entry has in the room, and whether this is the first
+ #[serde(default)]
+ copies: u32,
+ #[serde(default)]
+ primary: bool,
+ /// a detached placement: the entry's version it keeps (its edited time, ms)
+ #[serde(default)]
+ det: u64,
+ /// an inheriting placement's own text, shadowing its entry's
+ #[serde(default)]
+ own: Option<String>,
+ /// the entry's text (what an inheriting placement shows without its own)
+ #[serde(default)]
+ entry_text: String,
+ /// the chain it heads or is in (the chain entry's key), its place among the members
+ /// (-1: the head), how many members a head has, and the node of its head
+ #[serde(default)]
+ chain: String,
+ #[serde(default = "minus_one")]
+ idx: i64,
+ #[serde(default)]
+ members: u32,
+ #[serde(default)]
+ head_node: String,
+ /// a note's body shown as the second of a chain of two (no entry of its own)
+ #[serde(default)]
+ virt: bool,
+ /// its font size in steps of 1/50 unit (0: the default), and the default's step
+ #[serde(default)]
+ font: u32,
+ #[serde(default)]
+ font_default: u32,
+}
+
+/// a placement's size, − and + a step, and back to the default (the details window and
+/// the menu)
+#[component]
+fn SizeRow(ev: SpaceEvent, on_send: EventHandler<Value>) -> Element {
+ let shown = if ev.font == 0 {
+ format!("default ({:.2})", ev.font_default as f64 / 50.0)
+ } else {
+ format!("{:.2}", ev.font as f64 / 50.0)
+ };
+ let node = ev.node.clone();
+ let step = move |by: i32| {
+ let n = node.clone();
+ move |_| on_send.call(json!({ "cmd": "size", "node": n, "by": by }))
+ };
+ let n0 = ev.node.clone();
+ rsx! {
+ div { class: "row size-row",
+ span { class: "dim small", "size " }
+ button { class: "btn small", title: "smaller by 0.1 (sizes go in steps of 0.02)", onclick: step(-5), "−" }
+ span { class: "num", title: "units per em; the default is the physics window's text size", "{shown}" }
+ button { class: "btn small", title: "larger by 0.1", onclick: step(5), "+" }
+ if ev.font != 0 {
+ button { class: "btn small", title: "back to the default size", onclick: move |_| on_send.call(json!({ "cmd": "size", "node": n0, "to": 0 })), "default" }
+ }
+ }
+ }
+}
+
+fn minus_one() -> i64 {
+ -1
+}
+
+impl SpaceEvent {
+ /// how this placement relates to its entry, in words
+ fn relation(&self) -> String {
+ if self.free {
+ return String::new();
+ }
+ if self.virt {
+ return "a note's body, shown under its title as a chain of two".into();
+ }
+ if self.idx >= 0 {
+ return format!(
+ "text {} of a chain under its title (drag any of it to move it)",
+ self.idx + 1
+ );
+ }
+ if !self.chain.is_empty() {
+ return format!("heads a chain of {} texts", self.members);
+ }
+ if self.det > 0 {
+ let when = chrono_date(self.det);
+ return format!("detached on {when}: keeps the text as it read then");
+ }
+ if self.own.is_some() {
+ return "its own text over the entry's".into();
+ }
+ "inherits: shows the entry's text as it is now".into()
+ }
+}
+
+/// what a chain op does to the room once it's done
+#[derive(Clone, PartialEq)]
+enum ChainThen {
+ /// the text becomes the new chain's head, and the chain is the one to add to
+ Start(String),
+ /// the chain changed (cut: a new one starts beside it); the node, when given, leaves
+ /// the room (it went into the chain)
+ Changed(Option<String>),
+ /// the chain broke: its head shows its title again
+ Broke,
+}
+
+/// a change to a chain's members' keys
+type MembersEdit = std::rc::Rc<dyn Fn(&mut Vec<Value>)>;
+
+/// the right-click menu's chain items: start one, add to the chain being built, move a
+/// member, cut, take out, break (docs/format.md answer 4, queued #8)
+#[component]
+fn ChainItems(ev: SpaceEvent, sp_menu: Signal<Option<SpaceEvent>>, on_send: EventHandler<Value>) -> Element {
+ let ui = ui();
+ let api = api();
+ if ev.free || ev.virt {
+ return rsx! {};
+ }
+ let building = ui.picks.read().chain.clone();
+ // runs a chain op, tells the room, then closes the menu (its handler goes with it)
+ let run = {
+ let api = api.clone();
+ move |op: &'static str, args: Value, then: ChainThen| {
+ let api = api.clone();
+ let mut sm = sp_menu;
+ spawn(async move {
+ match api.call(op, args).await {
+ Ok(r) => match then {
+ ChainThen::Start(node) => {
+ on_send.call(json!({ "cmd": "chainify", "node": node, "chain": r }));
+ let mut p = ui.picks;
+ p.write().chain = Some(Hit {
+ key: r["key"].as_str().unwrap_or("").to_string(),
+ text: r["title"]["text"].as_str().unwrap_or("").to_string(),
+ note: false,
+ });
+ ui.say("a chain: right-click other texts to add them to it");
+ }
+ ChainThen::Changed(gone) => {
+ let (chain, new) = if r.get("chain").is_some() {
+ (r["chain"].clone(), r["new"].clone())
+ } else {
+ (r.clone(), Value::Null)
+ };
+ on_send.call(json!({ "cmd": "chain", "key": chain["key"], "chain": chain }));
+ if !new.is_null() {
+ on_send.call(json!({ "cmd": "addchain", "near": chain["key"], "chain": new }));
+ }
+ if let Some(n) = gone {
+ on_send.call(json!({ "cmd": "removenode", "node": n, "quiet": true }));
+ ui.say(format!(
+ "added to the chain “{}”",
+ chain["title"]["text"].as_str().unwrap_or("")
+ ));
+ }
+ }
+ ChainThen::Broke => {
+ on_send.call(json!({ "cmd": "chain", "key": r["key"], "chain": Value::Null }));
+ let mut p = ui.picks;
+ if p.peek()
+ .chain
+ .as_ref()
+ .is_some_and(|c| Some(c.key.as_str()) == r["key"].as_str())
+ {
+ p.write().chain = None;
+ }
+ ui.say("the chain broke: its texts stay");
+ }
+ },
+ Err(e) => ui.fail(e),
+ }
+ sm.set(None);
+ });
+ }
+ };
+ // the chain's members' keys with one change made
+ let reorder = {
+ let api = api.clone();
+ let run = run.clone();
+ move |chain: String, f: MembersEdit| {
+ let (api, run) = (api.clone(), run.clone());
+ spawn(async move {
+ match api.call("chains.get", json!({ "key": chain })).await {
+ Ok(c) => {
+ let mut keys: Vec<Value> = c["members"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .map(|m| m["key"].clone())
+ .collect();
+ f(&mut keys);
+ run(
+ "chains.set",
+ json!({ "key": chain, "members": keys }),
+ ChainThen::Changed(None),
+ );
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ let idx = ev.idx;
+ let member = ev.idx >= 0;
+ let head = ev.idx < 0 && !ev.chain.is_empty();
+ let chain = ev.chain.clone();
+ rsx! {
+ if !member && !head && !ev.note {
+ button { role: "menuitem", onclick: { let run = run.clone(); let (k, n) = (ev.key.clone(), ev.node.clone()); move |_| run("chains.make", json!({ "title": k, "members": [] }), ChainThen::Start(n.clone())) },
+ Icon { name: "list" } "start a chain with this as its title" }
+ }
+ if let Some(b) = building.clone().filter(|b| !member && b.key != ev.key && b.key != chain) {
+ button { role: "menuitem", onclick: { let api = api.clone(); let run = run.clone(); let (k, n) = (ev.key.clone(), ev.node.clone()); let b = b.clone(); move |_| {
+ let (api, run, k, n, b) = (api.clone(), run.clone(), k.clone(), n.clone(), b.clone());
+ spawn(async move {
+ match api.call("chains.get", json!({ "key": b.key })).await {
+ Ok(c) => {
+ let mut keys: Vec<Value> = c["members"].as_array().into_iter().flatten().map(|m| m["key"].clone()).collect();
+ keys.push(json!(k));
+ run("chains.set", json!({ "key": b.key, "members": keys }), ChainThen::Changed(Some(n)));
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ } },
+ Icon { name: "list" } "add it to the chain “{b.text}”" }
+ }
+ if head {
+ button { role: "menuitem", onclick: { let (k, t) = (chain.clone(), ev.text.clone()); move |_| {
+ let mut p = ui.picks; p.write().chain = Some(Hit { key: k.clone(), text: t.clone(), note: false });
+ ui.say("right-click other texts to add them to this chain");
+ let mut sm = sp_menu; sm.set(None);
+ } },
+ Icon { name: "list" } "add texts to this chain" span { class: "dim small", " ({ev.members} now)" } }
+ button { role: "menuitem", onclick: { let run = run.clone(); let k = chain.clone(); move |_| run("chains.break", json!({ "key": k }), ChainThen::Broke) },
+ Icon { name: "close" } "break the chain" span { class: "dim small", " (its texts stay)" } }
+ }
+ if member {
+ if idx > 0 {
+ button { role: "menuitem", onclick: { let r = reorder.clone(); let k = chain.clone(); move |_| r(k.clone(), std::rc::Rc::new(move |v: &mut Vec<Value>| v.swap(idx as usize - 1, idx as usize))) },
+ Icon { name: "chevron-right", class: "rot-up" } "earlier in the chain" }
+ }
+ button { role: "menuitem", onclick: { let r = reorder.clone(); let k = chain.clone(); move |_| r(k.clone(), std::rc::Rc::new(move |v: &mut Vec<Value>| if (idx as usize) + 1 < v.len() { v.swap(idx as usize, idx as usize + 1) })) },
+ Icon { name: "chevron-right", class: "rot-down" } "later in the chain" }
+ button { role: "menuitem", onclick: { let run = run.clone(); let k = chain.clone(); move |_| run("chains.cut", json!({ "key": k, "at": idx }), ChainThen::Changed(None)) },
+ Icon { name: "close" } "cut the chain before this" span { class: "dim small", " (this heads a new one)" } }
+ button { role: "menuitem", onclick: { let r = reorder.clone(); let k = chain.clone(); move |_| r(k.clone(), std::rc::Rc::new(move |v: &mut Vec<Value>| { if (idx as usize) < v.len() { v.remove(idx as usize); } })) },
+ Icon { name: "close" } "take it out of the chain" }
+ }
+ }
+}
+
+/// a date from ms since 1970, as "2026-10-25 14:03 UTC"
+fn chrono_date(ms: u64) -> String {
+ let secs = (ms / 1000) as i64;
+ let days = secs.div_euclid(86_400);
+ let rem = secs.rem_euclid(86_400);
+ // days since 1970-01-01 to a civil date (Howard Hinnant's algorithm)
+ let z = days + 719_468;
+ let era = z.div_euclid(146_097);
+ let doe = z - era * 146_097;
+ let yoe = (doe - doe / 1460 + doe / 36_524 - doe / 146_096) / 365;
+ let doy = doe - (365 * yoe + yoe / 4 - yoe / 100);
+ let mp = (5 * doy + 2) / 153;
+ let d = doy - (153 * mp + 2) / 5 + 1;
+ let m = if mp < 10 { mp + 3 } else { mp - 9 };
+ let y = yoe + era * 400 + i64::from(m <= 2);
+ format!("{y}-{m:02}-{d:02} {:02}:{:02} UTC", rem / 3600, rem % 3600 / 60)
+}
+
+#[cfg(not(feature = "desktop"))]
+fn boot_js() -> String {
+ format!(
+ r#"
+const THREE_SRC = {three};
+const ENGINE_SRC = {engine};
+window.__anendNoLock = {no_lock};
+const url = (src) => URL.createObjectURL(new Blob([src], {{ type: 'text/javascript' }}));
+const tu = url(THREE_SRC);
+const eu = url(ENGINE_SRC.split("'__THREE__'").join(JSON.stringify(tu)));
+let host = null;
+for (let i = 0; i < 100 && !host; i++) {{ host = document.getElementById('space-host'); if (!host) await new Promise((r) => setTimeout(r, 20)); }}
+try {{
+ const mod = await import(eu);
+ const sp = new mod.Space(host, (m) => dioxus.send(m));
+ window.__anendSpace = sp;
+ dioxus.send({{ kind: 'ready' }});
+ while (true) {{
+ const c = await dioxus.recv();
+ if (c.cmd === 'place') sp.place(c.texts, c.again);
+ else if (c.cmd === 'effects') sp.effects(c.fx);
+ else if (c.cmd === 'copies') sp.setCopies(c.list || []);
+ else if (c.cmd === 'batch') sp.setBatch(!!c.on);
+ else if (c.cmd === 'wiremode') sp.setWiring(c.toggle ? null : !!c.on);
+ else if (c.cmd === 'wired') sp.record({{ kind: 'wired', items: c.items || [] }});
+ else if (c.cmd === 'groups') {{
+ sp.setGroups(c.list || []);
+ if (c.made) {{ sp.record({{ kind: 'grouped', id: c.made }}); sp.pickGroup(c.made); }}
+ if (c.broke) {{ sp.record({{ kind: 'ungrouped', members: c.broke.members, name: c.broke.name }}); sp.afterMulti(); }}
+ if (c.select) sp.pickGroup(c.select);
+ }}
+ else if (c.cmd === 'group') dioxus.send({{ kind: 'groupmake', data: {{ members: sp.groupMembers() }} }});
+ else if (c.cmd === 'ungroup') dioxus.send({{ kind: 'groupbreak', data: {{ id: sp.selGroup }} }});
+ else if (c.cmd === 'removemulti') dioxus.send({{ kind: 'removedmulti', data: sp.removeMulti() }});
+ else if (c.cmd === 'clearmulti') sp.clearMulti();
+ else if (c.cmd === 'copygone') sp.copyGone(c.ids || [], c.restore);
+ else if (c.cmd === 'opencopy') sp.openCopyNamed(c.id);
+ else if (c.cmd === 'closecopy') sp.closeCopy();
+ else if (c.cmd === 'pickcopy') sp.pickCopy(c.id);
+ else if (c.cmd === 'clear') sp.clear(!!c.all);
+ else if (c.cmd === 'room') sp.setRoom(c.bg, c.ink);
+ else if (c.cmd === 'start') sp.start();
+ else if (c.cmd === 'stop') sp.stop();
+ else if (c.cmd === 'mark') sp.mark(c.list, c.candidate);
+ else if (c.cmd === 'focus') host.focus();
+ else if (c.cmd === 'keys') sp.setKeys(c.map);
+ else if (c.cmd === 'physics') sp.setPhysics(c.p);
+ else if (c.cmd === 'pause') sp.paused = !!c.on;
+ else if (c.cmd === 'settle') dioxus.send({{ kind: 'settled', data: sp.settle() }});
+ else if (c.cmd === 'undo') dioxus.send({{ kind: 'undone', data: sp.undoLast() }});
+ else if (c.cmd === 'pin') dioxus.send({{ kind: 'toast', text: sp.pinSelected() || 'select a text first' }});
+ else if (c.cmd === 'remove') {{ const k = sp.removeSelected(); dioxus.send({{ kind: 'toast', text: k ? 'text removed · Ctrl+Z puts it back' : 'select a text first' }}); }}
+ else if (c.cmd === 'free') dioxus.send({{ kind: 'made', key: sp.addFree(c.text), text: c.text || 'text', free: true }});
+ else if (c.cmd === 'retext') sp.editFree(c.key, c.text);
+ else if (c.cmd === 'rows') dioxus.send({{ kind: 'rows', data: {{ why: c.why, name: c.name || '', rows: sp.rows() }} }});
+ else if (c.cmd === 'load') sp.loadRows(c.rows, c.feats || {{}});
+ else if (c.cmd === 'colours') sp.colours(c.map || {{}});
+ else if (c.cmd === 'blocks') {{
+ sp.setBlocks(c.blocks, c.textures || {{}}, !!c.replace);
+ if (c.added) sp.record({{ kind: 'blockadd', ids: c.added }});
+ if (c.select != null) sp.pickBlock(c.select);
+ }}
+ else if (c.cmd === 'unblock') sp.unblock(c.ids || []);
+ else if (c.cmd === 'sky') sp.setSky(c.about || null);
+ else if (c.cmd === 'anims') sp.setAnims(c.anims || [], c.textures || {{}});
+ else if (c.cmd === 'playanims') sp.playAnims(!!c.on);
+ else if (c.cmd === 'wires') sp.setWires(c.wires || [], !!c.live);
+ else if (c.cmd === 'thumbs') dioxus.send({{ kind: 'thumbs', data: sp.thumbs(c.prefabs || [], c.textures || {{}}) }});
+ else if (c.cmd === 'prefabspot') dioxus.send({{ kind: 'prefabspot', data: {{ ...sp.blockSpot(), want: c.want }} }});
+ else if (c.cmd === 'rays') sp.showRays(c.rays || []);
+ else if (c.cmd === 'sounddata') sp.soundData(c.id, c.data || '');
+ else if (c.cmd === 'sounds') sp.sounds(c.sounds || []);
+ else if (c.cmd === 'soundpreview') sp.previewSound(c.id);
+ else if (c.cmd === 'clearcollected') sp.clearCollected();
+ else if (c.cmd === 'ghost') sp.startGhost(c.prefab, c.parts || [], c.textures || {{}}, c.name);
+ else if (c.cmd === 'noghost') sp.stopGhost();
+ else if (c.cmd === 'animpreview') sp.previewAnim(c.id, c.anim || null, c.p);
+ else if (c.cmd === 'lights') sp.setLights(c.lights || [], c.changed || null);
+ else if (c.cmd === 'showlights') sp.showLights(!!c.on, c.picked);
+ else if (c.cmd === 'lightspot') dioxus.send({{ kind: 'lightspot', data: {{ ...sp.lightSpot(), want: c.want }} }});
+ else if (c.cmd === 'preview') sp.preview(c.id, c.about || {{}}, c.tiles || 1, !!c.variants);
+ else if (c.cmd === 'blockspot') dioxus.send({{ kind: 'spot', data: {{ ...sp.blockSpot(), want: c.want }} }});
+ else if (c.cmd === 'blockfields') sp.setBlockFields(c.id, c.t);
+ else if (c.cmd === 'pickblock') sp.pickBlock(c.id);
+ else if (c.cmd === 'dup') {{ const k = sp.duplicate(c.node, c.det || 0); dioxus.send({{ kind: 'toast', text: !k ? 'select a text first' : c.det ? 'a detached copy: it keeps the text as it reads now · Ctrl+Z takes it away' : 'a copy that inherits: it shows the entry as it changes · Ctrl+Z takes it away' }}); }}
+ else if (c.cmd === 'size') sp.setSize(c.node, c.by || 0, c.to);
+ else if (c.cmd === 'chain') sp.setChain(c.key, c.chain);
+ else if (c.cmd === 'chainify') sp.chainify(c.node, c.chain);
+ else if (c.cmd === 'addchain') sp.addChain(c.near, c.chain);
+ else if (c.cmd === 'own') {{ const k = sp.setOwn(c.node, c.text); dioxus.send({{ kind: 'toast', text: !k ? 'that placement can\'t have its own text' : c.text ? 'this placement has its own text now; the entry is unchanged · Ctrl+Z undoes it' : 'it follows the entry again · Ctrl+Z undoes it' }}); }}
+ else if (c.cmd === 'removenode') {{ const k = sp.removeNode(c.node); if (!c.quiet) dioxus.send({{ kind: 'toast', text: k ? 'taken out of the room (the entry stays) · Ctrl+Z puts it back' : 'gone already' }}); }}
+ else if (c.cmd === 'pinnode') dioxus.send({{ kind: 'toast', text: sp.pinNode(c.node) || 'gone already' }});
+ }}
+}} catch (e) {{
+ dioxus.send({{ kind: 'error', text: String(e && e.message || e) }});
+}}
+"#,
+ three = serde_json::to_string(THREE).unwrap_or_default(),
+ engine = serde_json::to_string(ENGINE).unwrap_or_default(),
+ no_lock = cfg!(feature = "desktop"),
+ )
+}
+
+#[derive(Clone, Copy, PartialEq)]
+struct Sp {
+ tx: Signal<Option<futures_channel::mpsc::UnboundedSender<Value>>>,
+ /// the texts in the room (memory texts and notes), by key
+ texts: Signal<Vec<Hit>>,
+ /// what the details window shows: the text under the pointer, else the selected one
+ card: Signal<Option<SpaceEvent>>,
+ selected: Signal<Option<SpaceEvent>>,
+ pos: Signal<String>,
+ /// ↑ ↓ in the bar: where in the history
+ hist_at: Signal<Option<usize>>,
+ paused: Signal<bool>,
+ /// each text's bucket axis Q, for the shared-bucket underlines
+ q_bucket: Signal<HashMap<String, u64>>,
+ /// the selected block: `{id, kind, texture, x, y, z, w, h, d, about}`
+ block: Signal<Option<Value>>,
+ /// how many blocks and textures the save has
+ block_use: Signal<(u64, u64)>,
+ /// the room's lights (`lights.list`), as the room bakes them
+ lights: Signal<Vec<Value>>,
+ /// wiring by dragging is on
+ wiremode: Signal<bool>,
+ /// a light picked in the room (its marker clicked), for the lights window
+ lightpick: Signal<Option<u64>>,
+ /// the selection of many in the room: `{count, blocks, copies, texts, lights}`
+ multi: Signal<Option<Value>>,
+ /// the right-click menu on a text
+ menu: Signal<Option<SpaceEvent>>,
+ /// bumped when a scene is saved, so the scenes window reads them again
+ scenes_rev: Signal<u64>,
+ /// the right-click menu on a block: where
+ bmenu: Signal<Option<(f64, f64)>>,
+ /// the blocks window shows the selected block's bend editor open
+ bend_open: Signal<bool>,
+ /// the room is live: clicks fire wired blocks, timers run (the wiring window's play)
+ live: Signal<bool>,
+ /// what the last cause set off (`wiring.fire`'s events)
+ fired: Signal<Vec<Value>>,
+ /// the save's prefabs (`prefabs.list`), their copies, and each one's picture
+ prefabs: Signal<Vec<Value>>,
+ copies: Signal<Vec<Value>>,
+ thumbs: Signal<HashMap<u64, String>>,
+ /// how the camera moves: `fly` (the default), `walk` or `super` (superflight)
+ mode: Signal<String>,
+ /// the texts superflight flew through, in order: `{key, text}`
+ collected: Signal<Vec<Value>>,
+ /// the native room's texture previews (`Previews`)
+ previews: Signal<HashMap<String, String>>,
+}
+
+/// the native room's texture previews (the textures window's), by canvas id: PNG data
+/// URLs the room draws in Rust, shown as pictures where space.js drew into canvases
+#[derive(Clone, Copy)]
+pub(super) struct Previews(pub Signal<HashMap<String, String>>);
+
+/// whether the room is the native one (Rust, drawn by anend-render, no JavaScript): always
+/// on the desktop; on the web with `?room=wgpu` where the browser has WebGPU (else space.js)
+pub(super) fn native_space() -> bool {
+ #[cfg(feature = "desktop")]
+ return true;
+ #[cfg(not(feature = "desktop"))]
+ {
+ thread_local! {
+ static GPU: bool = web_sys::window()
+ .and_then(|w| js_sys::Reflect::get(&w.navigator(), &"gpu".into()).ok())
+ .is_some_and(|g| !g.is_undefined() && !g.is_null())
+ // opted into until it's been seen in a real browser (questions 121): `?room=wgpu`
+ && web_sys::window().and_then(|w| w.location().search().ok()).is_some_and(|q| q.contains("room=wgpu"));
+ }
+ GPU.with(|g| *g)
+ }
+}
+
+impl Sp {
+ fn send(&self, v: Value) {
+ if let Some(tx) = self.tx.peek().as_ref() {
+ let _ = tx.unbounded_send(v);
+ }
+ }
+}
+
+/// the physics' settings for space.js: the sliders (defaults and the person's changes)
+fn physics(ui: Ui) -> Value {
+ let p = ui.prefs.peek();
+ let mut o = serde_json::Map::new();
+ for s in &SLIDERS {
+ o.insert(
+ s.key.into(),
+ json!(p.space.physics.get(s.key).copied().unwrap_or(s.def)),
+ );
+ }
+ o.insert("depth_by".into(), json!(p.space.depth_by));
+ o.insert("reversed".into(), json!(p.space_reversed as u8));
+ Value::Object(o)
+}
+
+/// the letters of a text as counts a–z, for the "same letters" weight
+fn letter_counts(t: &str) -> Vec<u32> {
+ let mut v = vec![0u32; 26];
+ for c in t.bytes() {
+ let c = c | 32;
+ if c.is_ascii_lowercase() {
+ v[(c - b'a') as usize] += 1;
+ }
+ }
+ v
+}
+
+/// lays hits out: in place of what's there (pinned and free texts stay), or (keep) added
+/// to it; each with what it is, from `space.features` and the colouring classifier
+fn show(ui: Ui, api: Api, sp: Sp, hits: Vec<Hit>) {
+ let (keep, reversed, tint) = {
+ let p = ui.prefs.peek();
+ (p.space_keep, p.space_reversed, p.tint.clone())
+ };
+ let mut all = if keep { sp.texts.peek().clone() } else { vec![] };
+ let again = keep && !all.is_empty();
+ let mut fresh = Vec::new();
+ for h in hits {
+ if !all.iter().any(|x| x.key == h.key) {
+ all.push(h.clone());
+ fresh.push(h);
+ }
+ }
+ let mut texts = sp.texts;
+ if all.is_empty() {
+ texts.set(vec![]);
+ sp.send(json!({ "cmd": "clear", "all": false }));
+ return;
+ }
+ dioxus::dioxus_core::spawn_forever(async move {
+ let keys: Vec<String> = fresh.iter().map(|h| h.key.clone()).collect();
+ let feats = api
+ .call("space.features", json!({ "keys": keys }))
+ .await
+ .unwrap_or(Value::Null);
+ let mut by: HashMap<String, Value> = HashMap::new();
+ for f in feats["features"].as_array().into_iter().flatten() {
+ by.insert(f["key"].as_str().unwrap_or("").to_string(), f.clone());
+ }
+ let mut tints: HashMap<String, (Value, Value, String)> = HashMap::new();
+ if !tint.is_empty()
+ && let Ok(t) = api.call("classify.tints", json!({ "name": tint, "keys": keys })).await
+ {
+ let palette = crate::views::classifiers::strs(&t["palette"]);
+ for x in t["tints"].as_array().into_iter().flatten() {
+ let c = x["class"].as_u64().map(|c| c as usize);
+ let colour = c.and_then(|c| palette.get(c).cloned()).unwrap_or_default();
+ tints.insert(
+ x["key"].as_str().unwrap_or("").to_string(),
+ (x["class"].clone(), x["strength"].clone(), colour),
+ );
+ }
+ }
+ // the bucket axis Q (r, or s when reversed) and how many of the room share it
+ let mut qs = sp.q_bucket.peek().clone();
+ if !again {
+ qs.clear();
+ }
+ for h in &fresh {
+ let (s, r) = gem::sums(&h.text);
+ qs.insert(h.key.clone(), if reversed { s } else { r });
+ }
+ let mut count: HashMap<u64, usize> = HashMap::new();
+ for q in qs.values() {
+ *count.entry(*q).or_default() += 1;
+ }
+ let payload: Vec<Value> = fresh
+ .iter()
+ .map(|h| {
+ let f = by.get(&h.key).cloned().unwrap_or(Value::Null);
+ let (s, r) = gem::sums(&h.text);
+ let q = if reversed { s } else { r };
+ let mut v = json!({
+ "key": h.key, "text": h.text, "note": h.note, "shown": first_piece(ui, &h.text),
+ "s": s, "r": r, "q": q, "hue": anend_core::spread::seed_hue(q as i64),
+ "shared": count.get(&q).copied().unwrap_or(0) >= 2,
+ // the gematria grouping underline, the memory view's colour for it
+ "under": gem::underline(&h.text, if reversed { Mode::Reversed } else { Mode::Ordinal }),
+ "chars": f["chars"], "words": f["words"], "kind": f["kind"], "types": f["types"],
+ "created": f["created"], "lists": f["lists"], "freq": letter_counts(&h.text),
+ "chain": f["chain"], "isChain": f["isChain"], "titleKey": f["titleKey"],
+ });
+ if let Some((c, st, colour)) = tints.get(&h.key) {
+ v["cls"] = c.clone();
+ v["strength"] = st.clone();
+ if !colour.is_empty() {
+ v["colour"] = json!(colour);
+ }
+ }
+ v
+ })
+ .collect();
+ // the room's counts in the search line
+ let mut tl = ui.topline;
+ if let Some(l) = tl.write().as_mut() {
+ l.counts = Some((qs.len(), count.len()));
+ }
+ let mut q_bucket = sp.q_bucket;
+ q_bucket.set(qs);
+ sp.send(json!({ "cmd": "place", "texts": payload, "again": again }));
+ texts.set(all);
+ });
+}
+
+/// the space's search line: what was searched and its mode; the room's counts follow
+/// when the texts are placed (`place`), with icons
+fn topline(ui: Ui, title: String, mode: Mode, text: Option<&str>, n: usize) {
+ topline_pf(ui, title, mode, text, n, None);
+}
+
+fn topline_pf(mut ui: Ui, title: String, mode: Mode, text: Option<&str>, n: usize, pf: Option<u64>) {
+ let (s, r) = text.map(gem::sums).unwrap_or((0, 0));
+ ui.topline.set(Some(TopLine {
+ title,
+ detail: mode.name().to_string(),
+ s,
+ r,
+ counts: (n == 0).then_some((0, 0)),
+ pf,
+ }));
+}
+
+fn space_mode(ui: Ui) -> Mode {
+ if ui.prefs.peek().space_reversed {
+ Mode::Reversed
+ } else {
+ Mode::Ordinal
+ }
+}
+
+async fn gsearch(ui: Ui, api: Api, sp: Sp, n: u64, mode: Mode, text: Option<String>) {
+ set_pref(ui, |p| {
+ p.space.address = format!("{}{n}", if mode == Mode::Reversed { "r" } else { "" })
+ });
+ match api.gsearch(mode, &n.to_string()).await {
+ Ok(hits) => {
+ let t = text.or_else(|| hits.first().map(|h| h.text.clone()));
+ topline_pf(ui, n.to_string(), mode, t.as_deref(), hits.len(), (n > 1).then_some(n));
+ if hits.is_empty() {
+ ui.say(format!("nothing in {} {n} yet", mode.name()));
+ }
+ show(ui, api, sp, hits);
+ }
+ Err(e) => ui.fail(e),
+ }
+}
+
+/// a value into the bar, and gsearch it (remem's `envale`)
+fn envale(ui: Ui, api: Api, sp: Sp, n: u64, mode: Mode) {
+ ui.set_bar(&n.to_string());
+ dioxus::dioxus_core::spawn_forever(gsearch(ui, api, sp, n, mode, None));
+}
+
+/// the scenes saved in the save: name → rows (`scenes.maps`)
+async fn maps(api: &Api) -> BTreeMap<String, Value> {
+ match api.call("scenes.maps", json!({})).await {
+ Ok(v) => serde_json::from_value(v).unwrap_or_default(),
+ Err(_) => BTreeMap::new(),
+ }
+}
+
+/// `#123` an ordinal bucket, `#r123` a reversed one, `#name` a map
+async fn route(ui: Ui, api: Api, sp: Sp, addr: &str) {
+ let addr = addr.trim();
+ let (rev, digits) = match addr.strip_prefix('r') {
+ Some(d) => (true, d),
+ None => (false, addr),
+ };
+ if !digits.is_empty()
+ && digits.bytes().all(|b| b.is_ascii_digit())
+ && let Ok(n) = digits.parse::<u64>()
+ {
+ if ui.prefs.peek().space_reversed != rev {
+ set_pref(ui, |p| p.space_reversed = rev);
+ }
+ gsearch(ui, api, sp, n, if rev { Mode::Reversed } else { Mode::Ordinal }, None).await;
+ return;
+ }
+ let all = maps(&api).await;
+ let Some(rows) = all.get(addr).cloned() else {
+ ui.fail(format!("there's no map named {addr}"));
+ return;
+ };
+ // the memory texts of the map, with what they are
+ let keys: Vec<String> = rows
+ .as_array()
+ .into_iter()
+ .flatten()
+ .filter_map(|r| r[4]["key"].as_str().map(str::to_string))
+ .collect();
+ let feats = api
+ .call("space.features", json!({ "keys": keys }))
+ .await
+ .unwrap_or(Value::Null);
+ let reversed = ui.prefs.peek().space_reversed;
+ let mut fm = serde_json::Map::new();
+ for f in feats["features"].as_array().into_iter().flatten() {
+ let k = f["key"].as_str().unwrap_or("").to_string();
+ let mut f = f.clone();
+ let (s, r) = (f["s"].as_u64().unwrap_or(0), f["r"].as_u64().unwrap_or(0));
+ let q = if reversed { s } else { r };
+ f["q"] = json!(q);
+ f["hue"] = json!(anend_core::spread::seed_hue(q as i64));
+ let text = rows
+ .as_array()
+ .into_iter()
+ .flatten()
+ .find(|r| r[4]["key"].as_str() == Some(k.as_str()))
+ .and_then(|r| r[0].as_str())
+ .unwrap_or("")
+ .to_string();
+ f["under"] = json!(gem::underline(
+ &text,
+ if reversed { Mode::Reversed } else { Mode::Ordinal }
+ ));
+ f["shown"] = json!(first_piece(ui, &text));
+ fm.insert(k, f);
+ }
+ let hits: Vec<Hit> = rows
+ .as_array()
+ .into_iter()
+ .flatten()
+ .filter_map(|r| {
+ Some(Hit {
+ key: r[4]["key"].as_str()?.to_string(),
+ text: r[0].as_str().unwrap_or("").to_string(),
+ note: r[4]["key"].as_str()?.starts_with("note:"),
+ })
+ })
+ .collect();
+ let mut texts = sp.texts;
+ texts.set(hits);
+ sp.send(json!({ "cmd": "load", "rows": rows, "feats": fm }));
+ set_pref(ui, |p| p.space.address = addr.to_string());
+ let mut tl = ui.topline;
+ tl.set(Some(TopLine {
+ title: format!("map {addr}"),
+ detail: format!("{} texts", rows.as_array().map(|a| a.len()).unwrap_or(0)),
+ s: 0,
+ r: 0,
+ ..Default::default()
+ }));
+}
+
+fn push_history(ui: Ui, sp: Sp, v: &str) {
+ set_pref(ui, |p| {
+ let h = &mut p.space.history;
+ if h.last().map(String::as_str) != Some(v) {
+ h.push(v.to_string());
+ }
+ let n = h.len();
+ if n > 300 {
+ h.drain(0..n - 300);
+ }
+ });
+ let mut at = sp.hist_at;
+ at.set(None);
+}
+
+fn need(ui: Ui, h: Option<Hit>, what: &str) -> Option<Hit> {
+ if h.is_none() {
+ ui.fail(format!(
+ "no {what}: {} a text to set it",
+ if what == "list" {
+ "Ctrl+Shift+click"
+ } else {
+ "Ctrl+click"
+ }
+ ));
+ }
+ h
+}
+
+/// the space's words (the Bevy terminal's commands)
+async fn command(ui: Ui, api: Api, sp: Sp, word: &str, rest: &str) {
+ let picks = ui.picks.peek().clone();
+ match word {
+ "Enlist" => {
+ if let (Some(l), Some(c)) = (need(ui, picks.list, "list"), need(ui, picks.candidate, "candidate")) {
+ match api.enlist(&l.key, &c.key).await {
+ Ok(()) => {
+ ui.did(Did::Enlisted {
+ list: l.key.clone(),
+ member: c.key.clone(),
+ });
+ ui.say(format!("enlisted “{}” in “{}”", c.text, l.text));
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ }
+ }
+ "Delist" => {
+ if let (Some(l), Some(c)) = (need(ui, picks.list, "list"), need(ui, picks.candidate, "candidate")) {
+ match api.delist(&l.key, &c.key).await {
+ Ok(()) => {
+ ui.did(Did::Delisted {
+ list: l.key.clone(),
+ member: c.key.clone(),
+ });
+ ui.say(format!("delisted “{}” from “{}”", c.text, l.text));
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ }
+ }
+ "List" => {
+ if let Some(l) = need(ui, picks.list, "list") {
+ match api.lists().await {
+ Ok(all) => {
+ let members = all
+ .lists
+ .into_iter()
+ .find(|x| x.list == l.key)
+ .map(|x| x.members)
+ .unwrap_or_default();
+ let mut tl = ui.topline;
+ tl.set(Some(TopLine {
+ title: format!("list {}", l.text),
+ detail: String::new(),
+ s: 0,
+ r: 0,
+ ..Default::default()
+ }));
+ show(ui, api, sp, members);
+ }
+ Err(e) => ui.fail(e),
+ }
+ }
+ }
+ "Unlist" => {
+ if let Some(l) = need(ui, picks.list, "list") {
+ let members: Vec<String> = api
+ .lists()
+ .await
+ .ok()
+ .and_then(|a| a.lists.into_iter().find(|x| x.list == l.key))
+ .map(|x| x.members.into_iter().map(|m| m.key).collect())
+ .unwrap_or_default();
+ match api.unlist(&l.key).await {
+ Ok(n) => {
+ ui.did(Did::Unlisted {
+ list: l.key.clone(),
+ members,
+ });
+ ui.say(format!("unlisted “{}” ({n} members) · Ctrl+Z brings it back", l.text));
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ }
+ }
+ "Count" => {
+ let h = ui.hello.peek().clone();
+ ui.toast(format!("{} texts · {} notes", h.counts.memories, h.counts.notes));
+ }
+ "Backup" => {
+ let name = ui.hello.peek().save.clone();
+ match api.backup(&name).await {
+ Ok(b) if !b.paths.is_empty() => ui.say(format!("backed up: {}", b.paths.join(" and "))),
+ Ok(_) => ui.say("backed up"),
+ Err(e) => ui.fail(e),
+ }
+ }
+ "Clear" | "ClearAll" => {
+ let mut texts = sp.texts;
+ texts.set(vec![]);
+ sp.send(json!({ "cmd": "clear", "all": word == "ClearAll" }));
+ }
+ "Settle" => sp.send(json!({ "cmd": "settle" })),
+ "Help" => set_pref(ui, |p| p.space.show_help = !p.space.show_help),
+ "Maps" => {
+ let all = maps(&api).await;
+ if all.is_empty() {
+ ui.say("no maps yet: Save name (or Shift+X) keeps the room as one");
+ } else {
+ ui.toast(format!(
+ "maps: {} (#name opens one)",
+ all.keys().map(|k| format!("#{k}")).collect::<Vec<_>>().join(" ")
+ ));
+ }
+ }
+ "Save" => {
+ let name = rest.trim();
+ let name = if name.is_empty() {
+ default_map_name(ui)
+ } else {
+ name.to_string()
+ };
+ sp.send(json!({ "cmd": "rows", "why": "save", "name": name }));
+ }
+ _ => {}
+ }
+}
+
+/// what a text's label in the space shows: a long text's first piece (lines at word
+/// boundaries, `anend_core::pieces`) and how many more there are; None for a short text
+fn first_piece(ui: Ui, text: &str) -> Option<String> {
+ let (w, l) = {
+ let p = ui.prefs.peek();
+ (p.piece_line, p.piece_lines)
+ };
+ let n = anend_core::pieces::count(text, w, l);
+ (n > 1).then(|| {
+ let first = anend_core::pieces::pieces(text, w, l)[0].trim_end();
+ format!("{first} … ({} more pieces, {} KB)", n - 1, text.len().div_ceil(1000))
+ })
+}
+
+fn default_map_name(ui: Ui) -> String {
+ let a = ui.prefs.peek().space.address.clone();
+ let rev = a.starts_with('r');
+ let digits = a.trim_start_matches('r');
+ if !digits.is_empty() && digits.bytes().all(|b| b.is_ascii_digit()) {
+ format!("spread-{}{digits}", if rev { "r" } else { "" })
+ } else if a.is_empty() {
+ "untitled".into()
+ } else {
+ a
+ }
+}
+
+const COMMANDS: [&str; 14] = [
+ "Enlist", "List", "Delist", "Unlist", "Count", "Backup", "Clear", "ClearAll", "Settle", "Maps", "Save", "Help",
+ "Note", "Notes",
+];
+
+async fn enter(mut ui: Ui, api: Api, sp: Sp, raw: String, ctrl: bool, shift: bool) {
+ let t = raw.trim().to_string();
+ // an edit started from the right-click menu or Enter on a text
+ let pending = ui.pending.peek().clone();
+ if let Pending::EditOwn { node, .. } = &pending {
+ ui.pending.set(Pending::None);
+ if !t.is_empty() {
+ sp.send(json!({ "cmd": "own", "node": node, "text": t }));
+ }
+ ui.set_bar("");
+ return;
+ }
+ if let Pending::Edit(h) = pending {
+ ui.pending.set(Pending::None);
+ if t.is_empty() {
+ return;
+ }
+ if h.key.starts_with("t:") {
+ sp.send(json!({ "cmd": "retext", "key": h.key, "text": t }));
+ } else {
+ match api.put_memory(&h.key, &t).await {
+ Ok(()) => {
+ ui.did(Did::Edited {
+ key: h.key.clone(),
+ old: h.text.clone(),
+ });
+ sp.send(json!({ "cmd": "retext", "key": h.key, "text": t }));
+ ui.say(format!("{} now reads “{t}”", h.key));
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ }
+ ui.set_bar("");
+ return;
+ }
+ if t.is_empty() {
+ return;
+ }
+ push_history(ui, sp, &t);
+ let mut words = t.split_whitespace();
+ let word = words.next().unwrap_or_default().to_string();
+ let rest: Vec<&str> = words.collect();
+ // `Run <program> [arguments]`: an s program of the save
+ if word == "Run" && crate::views::scode::run_from_bar(ui, &api, &t).await {
+ return;
+ }
+ if COMMANDS.contains(&word.as_str()) && (rest.is_empty() || word == "Save") {
+ if matches!(word.as_str(), "Note" | "Notes") {
+ ui.say("weum's notes on memories aren't part of anend; lists are");
+ } else {
+ command(ui, api, sp, &word, &rest.join(" ")).await;
+ }
+ return;
+ }
+ if let Some(addr) = t.strip_prefix('#') {
+ route(ui, api, sp, addr).await;
+ return;
+ }
+ let (gs, sat) = {
+ let p = ui.prefs.peek();
+ (p.gsearch_text, p.saturate)
+ };
+ let mode = space_mode(ui);
+ if shift {
+ // recall by key
+ match api.remember(&t).await {
+ Ok(h) => {
+ let mut tl = ui.topline;
+ tl.set(Some(TopLine {
+ title: format!("key {}", h.key),
+ detail: String::new(),
+ s: 0,
+ r: 0,
+ ..Default::default()
+ }));
+ show(ui, api, sp, vec![h]);
+ }
+ Err(e) => ui.fail(e),
+ }
+ return;
+ }
+ // the search modes: by the colouring classifier (a class's name, then words), or
+ // weum's random hashmap search (texts sharing a word, in no order)
+ let how = if ctrl {
+ "normal".to_string()
+ } else {
+ ui.prefs.peek().space_search.clone()
+ };
+ if how == "classifier" {
+ classifier_search(ui, api, sp, &t).await;
+ return;
+ }
+ if how == "random" {
+ match api
+ .call(
+ "mem.random",
+ json!({ "q": if t == "*" { "" } else { t.as_str() }, "limit": 60 }),
+ )
+ .await
+ {
+ Ok(v) => {
+ let hits: Vec<Hit> = serde_json::from_value(v).unwrap_or_default();
+ topline(ui, format!("random “{t}”"), mode, None, hits.len());
+ if hits.is_empty() {
+ ui.say(format!("no text shares a word with {t} (* takes any)"));
+ }
+ show(ui, api, sp, hits);
+ }
+ Err(e) => ui.fail(e),
+ }
+ return;
+ }
+ if let Ok(n) = t.parse::<u64>() {
+ gsearch(ui, api, sp, n, mode, None).await;
+ return;
+ }
+ if !gs && !ctrl {
+ match api.search(&t, true).await {
+ Ok(hits) => {
+ topline(ui, format!("search “{t}”"), mode, Some(&t), hits.len());
+ if hits.is_empty() {
+ ui.say(format!("didn't find anything for {t}"));
+ }
+ show(ui, api, sp, hits);
+ }
+ Err(e) => ui.fail(e),
+ }
+ return;
+ }
+ if sat || ctrl {
+ match api.saturate(&t).await {
+ Ok((key, new)) => {
+ if new {
+ ui.did(Did::Remembered {
+ key: key.clone(),
+ text: t.clone(),
+ });
+ ui.say(format!("remembered “{t}” under {key}"));
+ ui.touched();
+ }
+ }
+ Err(e) => ui.fail(e),
+ }
+ }
+ gsearch(ui, api, sp, gem::sum_in(&t, mode), mode, Some(t)).await;
+}
+
+/// the bar's text as a class of the colouring classifier (and words after it): the texts
+/// it counts in that class, or the likeliest when it counts none
+async fn classifier_search(ui: Ui, api: Api, sp: Sp, t: &str) {
+ let name = ui.prefs.peek().tint.clone();
+ if name.is_empty() {
+ ui.fail("pick a colouring classifier first (the palette in the memory view's strip)");
+ return;
+ }
+ let classes: Vec<String> = match api.call("classify.get", json!({ "name": name })).await {
+ Ok(v) => v["classes"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .filter_map(|c| c.as_str().map(str::to_string))
+ .collect(),
+ Err(e) => return ui.fail(e),
+ };
+ let lower = t.to_lowercase();
+ let Some(c) = classes.iter().find(|c| {
+ let c = c.to_lowercase();
+ lower == c || lower.starts_with(&format!("{c} "))
+ }) else {
+ ui.fail(format!(
+ "{name}'s classes: {} (type one, then words if you like)",
+ classes.join(", ")
+ ));
+ return;
+ };
+ let words = t[c.len()..].trim().to_string();
+ match api.model_search(&name, c, &words).await {
+ Ok(found) => {
+ let members = found.iter().filter(|s| s.member).count();
+ if members == 0 {
+ ui.say(format!("{name} counts nothing here as {c}; these are the likeliest"));
+ }
+ let hits: Vec<Hit> = found
+ .into_iter()
+ .filter(|s| s.member || members == 0)
+ .take(if members == 0 { 24 } else { 400 })
+ .filter_map(|s| {
+ Some(Hit {
+ key: s.key?,
+ text: s.text,
+ note: s.note,
+ })
+ })
+ .collect();
+ topline(ui, format!("{name}: {c}"), space_mode(ui), None, hits.len());
+ show(ui, api, sp, hits);
+ }
+ Err(e) => ui.fail(e),
+ }
+}
+
+/// the bar's Delete: forget the memory under the key typed
+async fn forget_typed(ui: Ui, api: Api, sp: Sp, raw: String) {
+ let key = raw.trim().to_string();
+ match api.forget(&key).await {
+ Ok(text) => {
+ ui.did(Did::Forgot {
+ key: key.clone(),
+ text: text.clone(),
+ });
+ ui.say(format!("forgot {key}: “{text}” · Ctrl+Z puts it back"));
+ let mut texts = sp.texts;
+ texts.write().retain(|h| h.key != key);
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+}
+
+fn copy_text(ui: Ui, text: &str) {
+ let js = format!(
+ "(async () => {{ const t = {}; try {{ await navigator.clipboard.writeText(t); }} catch {{ const a = document.createElement('textarea'); a.value = t; document.body.append(a); a.select(); document.execCommand('copy'); a.remove(); }} }})();",
+ serde_json::to_string(text).unwrap_or_default()
+ );
+ document::eval(&js);
+ ui.say("copied");
+}
+
+/// the room's texts to a file: a download on the web, a file in the data folder on the
+/// desktop
+fn export(ui: Ui, name: &str, rows: &Value) {
+ let text = serde_json::to_string_pretty(rows).unwrap_or_default();
+ let file = format!("{name}.json");
+ let n = rows.as_array().map(|a| a.len()).unwrap_or(0);
+ #[cfg(not(target_arch = "wasm32"))]
+ {
+ let dir = crate::prefs::data_dir().join("exports");
+ let path = dir.join(&file);
+ match std::fs::create_dir_all(&dir).and_then(|_| std::fs::write(&path, &text)) {
+ Ok(()) => ui.say(format!("{n} texts to {}", path.display())),
+ Err(e) => ui.fail(format!("couldn't write {}: {e}", path.display())),
+ }
+ }
+ #[cfg(target_arch = "wasm32")]
+ {
+ crate::views::settings::download(&file, &text);
+ ui.say(format!("{n} texts to {file}"));
+ }
+}
+
+#[component]
+pub fn Space() -> Element {
+ let ui = ui();
+ let api = api();
+ let sp = Sp {
+ tx: use_signal(|| None),
+ texts: use_signal(Vec::new),
+ card: use_signal(|| None),
+ selected: use_signal(|| None),
+ pos: use_signal(String::new),
+ hist_at: use_signal(|| None),
+ paused: use_signal(|| false),
+ q_bucket: use_signal(HashMap::new),
+ block: use_signal(|| None),
+ block_use: use_signal(|| (0, 0)),
+ lights: use_signal(Vec::new),
+ lightpick: use_signal(|| None),
+ wiremode: use_signal(|| false),
+ multi: use_signal(|| None),
+ menu: use_signal(|| None),
+ scenes_rev: use_signal(|| 0),
+ bmenu: use_signal(|| None),
+ bend_open: use_signal(|| false),
+ live: use_signal(|| false),
+ fired: use_signal(Vec::new),
+ prefabs: use_signal(Vec::new),
+ copies: use_signal(Vec::new),
+ thumbs: use_signal(HashMap::new),
+ mode: use_signal(|| "fly".to_string()),
+ collected: use_signal(Vec::new),
+ previews: use_signal(HashMap::new),
+ };
+ use_context_provider(|| Previews(sp.previews));
+ // the pipes turned on: their effects on the room's texts, sent whenever they or the texts change
+ {
+ let api = api.clone();
+ let texts = sp.texts;
+ let _fx = use_resource(move || {
+ let api = api.clone();
+ let names = ui.prefs.read().pipes.clone();
+ let keys: Vec<String> = texts.read().iter().map(|h| h.key.clone()).take(5000).collect();
+ let _ = (ui.changed)();
+ async move {
+ let fx = if names.is_empty() || keys.is_empty() {
+ json!({})
+ } else {
+ let v = api
+ .call("pipes.effects", json!({ "names": names, "keys": keys }))
+ .await
+ .unwrap_or_default();
+ let mut m = serde_json::Map::new();
+ for e in v["effects"].as_array().into_iter().flatten() {
+ m.insert(e["key"].as_str().unwrap_or("").to_string(), e.clone());
+ }
+ Value::Object(m)
+ };
+ sp.send(json!({ "cmd": "effects", "fx": fx }));
+ }
+ });
+ }
+ // the engine and its channel
+ {
+ let api = api.clone();
+ use_hook(move || {
+ let (tx, rx) = futures_channel::mpsc::unbounded::<Value>();
+ let mut stx = sp.tx;
+ stx.set(Some(tx));
+ // the room in Rust, drawn natively (no JavaScript): its loop takes the commands
+ if native_space() {
+ let api = api.clone();
+ native_room::run(rx, move |e| on_event(ui, api.clone(), sp, e));
+ #[cfg(not(feature = "desktop"))]
+ return;
+ }
+ #[cfg(not(feature = "desktop"))]
+ spawn(async move {
+ let mut rx = rx;
+ let mut ev = document::eval(&boot_js());
+ loop {
+ let got = {
+ let recv = ev.recv::<SpaceEvent>();
+ let next = rx.next();
+ futures_util::pin_mut!(recv, next);
+ match futures_util::future::select(recv, next).await {
+ Either::Left((r, _)) => Either::Left(r),
+ Either::Right((c, _)) => Either::Right(c),
+ }
+ };
+ match got {
+ Either::Left(Ok(e)) => on_event(ui, api.clone(), sp, e),
+ Either::Left(Err(_)) => break,
+ Either::Right(Some(c)) => {
+ let _ = ev.send(c);
+ }
+ Either::Right(None) => break,
+ }
+ }
+ });
+ });
+ }
+ // the save's blocks, whenever another save opens
+ {
+ let api = api.clone();
+ use_effect(move || {
+ let save = (ui.hello)().save;
+ let api = api.clone();
+ dioxus::dioxus_core::spawn_forever(async move {
+ let _ = save;
+ load_blocks(ui, api, sp).await;
+ });
+ });
+ }
+ // running only while shown; the room's colour and ink from the settings
+ use_effect(move || {
+ let shown = (ui.view)() == View::Space;
+ sp.send(json!({ "cmd": if shown { "start" } else { "stop" } }));
+ });
+ // the flying keys as the keymap binds them
+ use_effect(move || {
+ let map = crate::keys::Keymap::from_changes(&ui.prefs.read().keymap).flying();
+ sp.send(json!({ "cmd": "keys", "map": map }));
+ });
+ // the physics, whenever a slider moves
+ use_effect(move || {
+ let p = ui.prefs.read();
+ let _ = (&p.space.physics, &p.space.depth_by, p.space_reversed);
+ drop(p);
+ sp.send(json!({ "cmd": "physics", "p": physics(ui) }));
+ });
+ use_effect(move || {
+ let bg = ui.prefs.read().space_bg.clone();
+ sp.send(json!({ "cmd": "room", "bg": bg, "ink": crate::theme::ink_on(&bg) }));
+ });
+ use_effect(move || {
+ let p = (ui.picks)();
+ sp.send(json!({ "cmd": "mark", "list": p.list.map(|h| h.key), "candidate": p.candidate.map(|h| h.key) }));
+ });
+ {
+ let api = api.clone();
+ use_keys(View::Space, move |k: KeyPress| {
+ if k.bar {
+ match k.key.as_str() {
+ "Enter" => {
+ dioxus::dioxus_core::spawn_forever(enter(ui, api.clone(), sp, k.text.clone(), k.ctrl, k.shift));
+ // the bar lets go, so the flying keys move again; a click on the bar
+ // (or the focus key) types again
+ document::eval(
+ "const b = document.getElementById('bar'); if (b) b.blur(); const h = document.getElementById('space-host'); if (h) h.focus({ preventScroll: true });",
+ );
+ return true;
+ }
+ "Delete" => {
+ dioxus::dioxus_core::spawn_forever(forget_typed(ui, api.clone(), sp, k.text.clone()));
+ return true;
+ }
+ "ArrowUp" | "ArrowDown" => {
+ let h = ui.prefs.peek().space.history.clone();
+ if h.is_empty() || k.text.contains('\n') {
+ return true;
+ }
+ let n = h.len();
+ let cur = sp.hist_at.peek().unwrap_or(n);
+ let i = if k.key == "ArrowUp" {
+ cur.saturating_sub(1)
+ } else {
+ (cur + 1).min(n)
+ };
+ let mut at = sp.hist_at;
+ at.set(Some(i));
+ ui.set_bar(h.get(i).map(String::as_str).unwrap_or(""));
+ return true;
+ }
+ _ => return false,
+ }
+ }
+ if k.key == "Escape" {
+ let mut s = sp.selected;
+ s.set(None);
+ return true;
+ }
+ let sel = sp.selected.peek().clone();
+ match k.action {
+ Some(Action::Help) => set_pref(ui, |p| p.space.show_help = !p.space.show_help),
+ Some(Action::Hud) => set_pref(ui, |p| p.space.show_hud = !p.space.show_hud),
+ Some(Action::Details) => set_pref(ui, |p| p.space.show_details = !p.space.show_details),
+ Some(Action::Physics) => set_pref(ui, |p| p.space.show_physics = !p.space.show_physics),
+ Some(Action::Reversed) => set_pref(ui, |p| p.space_reversed = !p.space_reversed),
+ Some(Action::Pause) => {
+ let on = !*sp.paused.peek();
+ let mut p = sp.paused;
+ p.set(on);
+ sp.send(json!({ "cmd": "pause", "on": on }));
+ ui.say(if on { "physics paused" } else { "physics running" });
+ }
+ Some(Action::Settle) => sp.send(json!({ "cmd": "settle" })),
+ Some(Action::Pin) => sp.send(json!({ "cmd": "pin" })),
+ Some(Action::DeleteText) if sp.multi.peek().is_some() => sp.send(json!({ "cmd": "removemulti" })),
+ Some(Action::Group) => sp.send(json!({ "cmd": "group" })),
+ Some(Action::WireMode) => sp.send(json!({ "cmd": "wiremode", "toggle": true })),
+ Some(Action::Ungroup) => sp.send(json!({ "cmd": "ungroup" })),
+ Some(Action::DeleteText) => match sp
+ .block
+ .peek()
+ .as_ref()
+ .and_then(|b| b["id"].as_str().map(str::to_string))
+ {
+ Some(id) => delete_block(ui, api.clone(), sp, id),
+ None => sp.send(json!({ "cmd": "remove" })),
+ },
+ Some(Action::NewText) => {
+ let t = ui.bar.peek().trim().to_string();
+ sp.send(json!({ "cmd": "free", "text": if t.is_empty() { "text".to_string() } else { t } }));
+ }
+ Some(Action::EditText) => match sel {
+ Some(s) => start_edit(ui, &s),
+ None => ui.focus_bar(),
+ },
+ Some(Action::CopyText) => match sel {
+ Some(s) => copy_text(ui, &s.text),
+ None => ui.say("select a text first"),
+ },
+ Some(Action::Undo) => sp.send(json!({ "cmd": "undo" })),
+ Some(Action::Export) => {
+ sp.send(json!({ "cmd": "rows", "why": "export", "name": default_map_name(ui) }))
+ }
+ Some(Action::SaveMap) => sp.send(json!({ "cmd": "rows", "why": "save", "name": default_map_name(ui) })),
+ Some(Action::SideSum) | Some(Action::SideReversedSum) => {
+ let t = ui.bar.peek().clone();
+ let (s, r) = gem::sums(&t);
+ if k.action == Some(Action::SideSum) {
+ envale(ui, api.clone(), sp, s, Mode::Ordinal);
+ } else {
+ envale(ui, api.clone(), sp, r, Mode::Reversed);
+ }
+ }
+ // the engine flies and hops on the rest itself
+ _ => {
+ return matches!(
+ k.key.as_str(),
+ "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | " "
+ );
+ }
+ }
+ true
+ });
+ }
+ // the last address, opened the first time the space is shown
+ {
+ let api = api.clone();
+ use_hook(move || {
+ let a = ui.prefs.peek().space.address.clone();
+ if !a.is_empty() {
+ dioxus::dioxus_core::spawn_forever(async move {
+ // the engine boots first
+ sleep_ms(500).await;
+ route(ui, api, sp, &a).await;
+ });
+ }
+ });
+ }
+ let card = (sp.card)();
+ let n = sp.texts.read().len();
+ let p = ui.prefs.read().clone();
+ let bg = p.space_bg.clone();
+ let ink = crate::theme::ink_on(&bg);
+ let api_g = api.clone();
+ let api_b = api.clone();
+ rsx! {
+ div { class: "space", style: "position: absolute; inset: 0; --room-bg: {bg}; --room-ink: {ink};",
+ if native_space() {
+ NativeHost {}
+ } else {
+ div { id: "space-host", class: "space-host", tabindex: "0", "aria-label": "the space: right drag looks, W A S D fly, arrows hop between texts" }
+ }
+ if p.space.show_hud {
+ PosCard { pos: sp.pos }
+ }
+ // the hint while the room has nothing in it: no texts, no blocks and no prefab copies
+ if n == 0 && (sp.block_use)().0 == 0 && sp.copies.read().is_empty() {
+ div { class: "space-empty",
+ p { "The room is empty." }
+ p { class: "small", "Type a word, a number or a key in the bar and press Enter: its bucket spreads out here, pulled together by how alike the texts are. Hold the right mouse button to look around, W A S D to fly, the arrow keys hop from text to text; H for help." }
+ }
+ }
+ if p.space.show_help {
+ Help {}
+ }
+ if p.space.show_physics {
+ PhysicsPanel {
+ paused: (sp.paused)(),
+ on_settle: move |_| sp.send(json!({ "cmd": "settle" })),
+ on_pause: move |on: bool| {
+ let mut ps = sp.paused;
+ ps.set(on);
+ sp.send(json!({ "cmd": "pause", "on": on }));
+ },
+ }
+ }
+ if let Some(m) = (sp.multi)() {
+ div { class: "multibar", role: "status",
+ b { {format!("{} selected", m["count"])} }
+ span { class: "dim small",
+ {[("blocks", "block"), ("copies", "copy"), ("texts", "text"), ("lights", "light")].iter().filter_map(|(k, one)| {
+ let n = m[*k].as_u64().unwrap_or(0);
+ (n > 0).then(|| format!("{n} {}", if n == 1 { one.to_string() } else { k.to_string() }))
+ }).collect::<Vec<_>>().join(" · ")}
+ }
+ if let Some(g) = m["group"].as_str().map(String::from) {
+ span { class: "small", b { {if m["name"].as_str().unwrap_or("").is_empty() { "a group".to_string() } else { format!("the group “{}”", m["name"].as_str().unwrap_or("")) }} } }
+ button { class: "btn small", onclick: move |_| sp.send(json!({ "cmd": "ungroup" })), Icon { name: "close" } "ungroup" kbd { "{ui.key_of(Action::Ungroup)}" } }
+ button { class: "btn small", onclick: { let (g, api) = (g.clone(), api_b.clone()); move |_| group_copy(ui, api.clone(), sp, g.clone()) }, Icon { name: "copy" } "a copy beside it" }
+ button { class: "btn small", onclick: { let (g, api, n) = (g.clone(), api_b.clone(), m["name"].as_str().unwrap_or("").to_string()); move |_| group_prefab(ui, api.clone(), sp, g.clone(), n.clone()) }, Icon { name: "prefab" } "make a prefab of it" }
+ } else {
+ button { class: "btn small", onclick: move |_| sp.send(json!({ "cmd": "group" })), Icon { name: "prefab" } "group them" kbd { "{ui.key_of(Action::Group)}" } }
+ }
+ span { class: "dim small", "drag the gizmo to move or turn them all · Shift+click adds or takes out" }
+ button { class: "btn small", onclick: move |_| sp.send(json!({ "cmd": "removemulti" })), Icon { name: "delete" } "delete them" kbd { "{ui.key_of(Action::DeleteText)}" } }
+ button { class: "btn small", onclick: move |_| sp.send(json!({ "cmd": "clearmulti" })), Icon { name: "close" } "let go" kbd { "Esc" } }
+ }
+ }
+ if let (Some((x, y)), Some(b)) = ((sp.bmenu)(), (sp.block)().filter(|b| b["copy"] == true)) {
+ prefabwin::CopyMenu { c: b, x, y, sp }
+ } else if let (Some((x, y)), Some(b)) = ((sp.bmenu)(), (sp.block)()) {
+ BlockMenu { b, x, y, sp_bmenu: sp.bmenu, bend_open: sp.bend_open,
+ on_send: move |v: Value| sp.send(v),
+ on_duplicate: { let api = api_b.clone(); move |b: Value| duplicate_block(ui, api.clone(), sp, b) },
+ on_delete: { let api = api_b.clone(); move |id: String| delete_block(ui, api.clone(), sp, id) },
+ }
+ }
+ if let Some(m) = (sp.menu)() {
+ SpaceMenu { ev: m, sp_menu: sp.menu, on_send: move |v: Value| sp.send(v), on_gsearch: { let api = api_b.clone(); move |(n, md): (u64, Mode)| envale(ui, api.clone(), sp, n, md) } }
+ }
+ if p.space.show_scenes {
+ Scenes {
+ rev: sp.scenes_rev,
+ on_open: { let api = api_b.clone(); move |name: String| { let api = api.clone(); dioxus::dioxus_core::spawn_forever(async move { route(ui, api, sp, &name).await; }); } },
+ on_save: move |name: String| sp.send(json!({ "cmd": "rows", "why": "save", "name": name })),
+ }
+ }
+ if p.space.show_blocks {
+ Blocks {
+ selected: (sp.selected)(),
+ block: (sp.block)().filter(|b| b["copy"] != true),
+ counts: (sp.block_use)(),
+ on_send: move |v: Value| sp.send(v),
+ on_duplicate: { let api = api_b.clone(); move |b: Value| duplicate_block(ui, api.clone(), sp, b) },
+ on_delete: { let api = api_b.clone(); move |id: String| delete_block(ui, api.clone(), sp, id) },
+ bend_open: sp.bend_open,
+ }
+ }
+ if p.space.show_anims {
+ animwin::Anims { sp, block: (sp.block)().filter(|b| b["copy"] != true), on_changed: { let api = api_b.clone(); move |_| { let api = api.clone(); dioxus::dioxus_core::spawn_forever(count_blocks(api, sp)); } } }
+ }
+ if !(sp.collected)().is_empty() {
+ flightwin::Collected { sp }
+ }
+ if p.space.show_sounds {
+ soundwin::Sounds { sp }
+ }
+ if p.space.show_prefabs {
+ prefabwin::Prefabs { sp }
+ }
+ if p.space.show_wiring {
+ wirewin::Wires { sp }
+ }
+ if p.space.show_lights {
+ lightwin::Lights { sp }
+ }
+ if p.space.show_textures {
+ texwin::Textures {
+ selected: (sp.selected)(),
+ block: (sp.block)().filter(|b| b["copy"] != true),
+ on_send: move |v: Value| sp.send(v),
+ on_changed: { let api = api_b.clone(); move |_| { let api = api.clone(); dioxus::dioxus_core::spawn_forever(count_blocks(api, sp)); } },
+ }
+ }
+ if p.space.show_details {
+ if let Some(c) = card {
+ Details { ev: c, on_gsearch: move |(n, m): (u64, Mode)| envale(ui, api_g.clone(), sp, n, m), on_send: move |v: Value| sp.send(v) }
+ }
+ }
+ }
+ }
+}
+
+/// puts a text in the bar to edit: Enter puts it back (a memory under its key, a free text
+/// in its place)
+fn start_edit(mut ui: Ui, s: &SpaceEvent) {
+ ui.set_bar(&s.text);
+ ui.pending.set(Pending::Edit(Hit {
+ key: s.key.clone(),
+ text: s.text.clone(),
+ note: s.note,
+ }));
+ ui.focus_bar();
+ ui.say("edit it in the bar; Enter puts it back, Esc leaves it");
+}
+
+fn on_event(mut ui: Ui, api: Api, sp: Sp, e: SpaceEvent) {
+ let hit = Hit {
+ key: e.key.clone(),
+ text: e.text.clone(),
+ note: e.note,
+ };
+ let mut card = sp.card;
+ let mut pos = sp.pos;
+ let mut selected = sp.selected;
+ match e.kind.as_str() {
+ "info" => pos.set(e.text),
+ "error" => ui.fail(format!("the space couldn't start: {}", e.text)),
+ "fault" => ui.fail(e.text.clone()),
+ "toast" => ui.say(e.text),
+ "hover" | "focus" => card.set(Some(e.clone())),
+ "select" => {
+ // an open menu on the same placement shows its new values (its size)
+ let mut m = sp.menu;
+ let open = m
+ .peek()
+ .as_ref()
+ .filter(|o| o.node == e.node && !e.node.is_empty())
+ .cloned();
+ if let Some(o) = open {
+ m.set(Some(SpaceEvent {
+ x: o.x,
+ y: o.y,
+ ..e.clone()
+ }));
+ }
+ // and so does the details window
+ if card
+ .peek()
+ .as_ref()
+ .is_some_and(|c| c.node == e.node && !e.node.is_empty())
+ {
+ card.set(Some(e.clone()));
+ }
+ selected.set((!e.key.is_empty()).then(|| e.clone()))
+ }
+ "settled" => ui.say(format!("settled in {} steps", e.data)),
+ "block" => {
+ let mut b = sp.block;
+ b.set((!e.data.is_null()).then(|| e.data.clone()));
+ }
+ "blockset" => {
+ let mut b = sp.block;
+ if b.peek().as_ref().map(|x| &x["id"]) == Some(&e.data["id"]) {
+ let mut v = e.data.clone();
+ if let Some(old) = b.peek().as_ref() {
+ v["about"] = old["about"].clone();
+ }
+ b.set(Some(v));
+ }
+ let args = e.data.clone();
+ dioxus::dioxus_core::spawn_forever(async move {
+ if let Err(err) = api.call("blocks.set", args).await {
+ ui.fail(err);
+ }
+ });
+ }
+ "spot" => {
+ let want = e.data["want"].clone();
+ let mut args = want.clone();
+ for k in ["x", "y", "z"] {
+ args[k] = e.data[k].clone();
+ }
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("blocks.add", args).await {
+ Ok(r) => {
+ let id = r["ids"][0].clone();
+ let textures = dress(ui, &api, r["textures"].clone()).await;
+ sp.send(json!({ "cmd": "blocks", "blocks": r["blocks"], "textures": textures, "added": r["ids"], "select": id }));
+ count_blocks(api, sp).await;
+ ui.say("a block · drag its arrows to move it, the knobs on its faces to resize it · Ctrl+Z takes it back");
+ }
+ Err(err) => ui.fail(err),
+ }
+ });
+ }
+ // an undo took back blocks just added, or put back blocks just deleted
+ "lightspot" => lightwin::light_spot(ui, api, sp, e.data.clone()),
+ "prefabspot" => prefabwin::place_at(ui, api, sp, e.data.clone()),
+ // placing a prefab by hand: a copy where the ghost was
+ "ghostplace" => prefabwin::place_exactly(ui, api, sp, e.data.clone()),
+ // a prefab's copy, as one group
+ "copyset" => prefabwin::copy_set(ui, api, sp, e.data.clone()),
+ "copyrestore" => prefabwin::copy_restore(ui, api, sp, e.data.clone()),
+ // the selection of many
+ "multi" => {
+ let mut m = sp.multi;
+ m.set((e.data["count"].as_u64().unwrap_or(0) > 0).then(|| e.data.clone()));
+ }
+ // Delete on many: the room took texts and blocks; copies and lights go here, in the
+ // same undo step (the room closes it when told)
+ "removedmulti" => {
+ let copies: Vec<String> = e.data["copies"].as_array().into_iter().flatten().filter_map(|x| x.as_str().map(String::from)).collect();
+ let lights: Vec<Value> = e.data["lights"].as_array().cloned().unwrap_or_default();
+ let n = e.data["count"].as_u64().unwrap_or(0);
+ dioxus::dioxus_core::spawn_forever(async move {
+ for id in &copies {
+ match api.call("prefabs.remove", json!({ "id": id })).await {
+ Ok(r) => sp.send(json!({ "cmd": "copygone", "ids": r["removed"], "restore": r["restore"] })),
+ Err(err) => ui.fail(err),
+ }
+ }
+ for id in &lights {
+ if let Err(err) = api.call("lights.delete", json!({ "id": id })).await {
+ ui.fail(err);
+ }
+ }
+ if !copies.is_empty() {
+ sp.send(json!({ "cmd": "batch", "on": false }));
+ prefabwin::load_prefabs(ui, &api, sp).await;
+ }
+ if !lights.is_empty() {
+ lightwin::load_lights(&api, sp).await;
+ }
+ count_blocks(api, sp).await;
+ ui.say(format!("{n} taken away · Ctrl+Z puts them back"));
+ });
+ }
+ // groups (Ctrl+G, Ctrl+Shift+G, the bar's buttons, an undo)
+ "groupmake" => groups_call(ui, api, sp, "groups.make", json!({ "members": e.data["members"] }), "made"),
+ "groupbreak" => {
+ if e.data["id"].is_null() {
+ ui.say("select a group first (a click on any of it)");
+ return;
+ }
+ let why = if e.data["quiet"] == true { "quiet" } else { "broke" };
+ groups_call(ui, api, sp, "groups.ungroup", json!({ "id": e.data["id"] }), why)
+ }
+ "grouprestore" => groups_call(ui, api, sp, "groups.restore", e.data.clone(), "select"),
+ // wires made by dragging (and taken back by an undo)
+ "wiremode" => {
+ let on = e.data == true;
+ let mut w = sp.wiremode;
+ w.set(on);
+ ui.say(if on { "wiring: drag from one block to another to wire it (again to take the wire away) · J stops" } else { "wiring stopped" });
+ }
+ "wirelink" => {
+ let args = e.data.clone();
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("wiring.link", args).await {
+ Ok(r) => {
+ let textures = dress(ui, &api, r["textures"].clone()).await;
+ sp.send(json!({ "cmd": "blocks", "blocks": r["blocks"], "textures": textures }));
+ sp.send(json!({ "cmd": "wired", "items": r["changed"] }));
+ wirewin::load_wires(&api, sp).await;
+ ui.say(if r["made"] == true { "wired: a click on the first casts its ray to the second · Ctrl+Z takes it back" } else { "the wire is gone · Ctrl+Z puts it back" });
+ }
+ Err(err) => ui.fail(err),
+ }
+ });
+ }
+ "wireset" => {
+ let args = e.data.clone();
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("wiring.set", args).await {
+ Ok(_) => wirewin::load_wires(&api, sp).await,
+ Err(err) => ui.fail(err),
+ }
+ });
+ }
+ "groupopen" => ui.say("the group is open: its things are picked one by one · Esc closes it"),
+ "lightpick" => {
+ let mut l = sp.lightpick;
+ l.set(e.data.as_u64());
+ }
+ // a light moved in the room (with many), or put back by an undo
+ "lightset" => {
+ let args = e.data.clone();
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("lights.set", args).await {
+ Ok(_) => lightwin::load_lights(&api, sp).await,
+ Err(err) => ui.fail(err),
+ }
+ });
+ }
+ "lightrestore" => {
+ let mut args = e.data.clone();
+ if let Some(o) = args.as_object_mut() {
+ o.remove("id");
+ }
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("lights.add", json!({ "light": args })).await {
+ Ok(_) => lightwin::load_lights(&api, sp).await,
+ Err(err) => ui.fail(err),
+ }
+ });
+ }
+ "copyopen" => ui.say("the copy is open: its parts are picked one by one, their changes kept as the copy's own · Esc or a click outside closes it"),
+ "ghostdone" => ui.say("placing stopped"),
+ "mode" => {
+ let m = e.data.as_str().unwrap_or("fly").to_string();
+ ui.say(match m.as_str() {
+ "walk" => format!("walking · {} jumps, {} crouches, {} {} lean, {} hooks the grapple · {} flies again", ui.key_of(Action::FlyUp), ui.key_of(Action::FlyDown), ui.key_of(Action::RollLeft), ui.key_of(Action::RollRight), ui.key_of(Action::Grapple), ui.key_of(Action::Walk)),
+ "super" => format!("superflight · {} thrusts where you look, Shift boosts; texts you fly through are collected · {} flies again", ui.key_of(Action::FlyForward), ui.key_of(Action::SuperFlight)),
+ _ => "flying".to_string(),
+ });
+ let mut s = sp.mode;
+ s.set(m);
+ }
+ "collected" => {
+ let mut c = sp.collected;
+ c.set(e.data.as_array().cloned().unwrap_or_default());
+ }
+ // the room needs a sound's bytes to play it
+ "soundwant" => {
+ let id = e.data.as_str().unwrap_or("").to_string();
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("sounds.get", json!({ "id": id })).await {
+ Ok(r) => sp.send(json!({ "cmd": "sounddata", "id": id, "data": r["data"] })),
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ "preview" => {
+ if let (Some(id), Some(src)) = (e.data["id"].as_str(), e.data["src"].as_str()) {
+ let mut p = sp.previews;
+ p.write().insert(id.to_string(), src.to_string());
+ }
+ }
+ "thumbs" => {
+ let mut t = sp.thumbs;
+ let mut m = t.peek().clone();
+ for (k, v) in e.data.as_object().into_iter().flatten() {
+ if let (Ok(k), Some(v)) = (k.parse::<u64>(), v.as_str()) {
+ m.insert(k, v.to_string());
+ }
+ }
+ t.set(m);
+ }
+ // a wired block fired in the room (a click while playing, a timer, a zone)
+ "blockfire" => {
+ let ev = match e.data["event"].as_str().unwrap_or("") {
+ "click" => "click",
+ "timer" => "timer",
+ "enter" => "enter",
+ "leave" => "leave",
+ _ => return,
+ };
+ let id = e.data["id"].as_str().unwrap_or("").to_string();
+ let from = e.data["from"].as_str().unwrap_or("").to_string();
+ wirewin::fire(ui, api.clone(), sp, id, ev, from);
+ }
+ "blockmenu" => {
+ let mut m = sp.bmenu;
+ m.set(Some((e.x, e.y)));
+ }
+ "blockgone" => {
+ let ids = e.data.clone();
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("blocks.delete", json!({ "ids": ids })).await {
+ Ok(_) => count_blocks(api, sp).await,
+ Err(err) => ui.fail(err),
+ }
+ });
+ }
+ "blockrestore" => {
+ let blocks = e.data.clone();
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("blocks.restore", json!({ "blocks": blocks })).await {
+ Ok(_) => count_blocks(api, sp).await,
+ Err(err) => ui.fail(err),
+ }
+ });
+ }
+ "undone" => {
+ if e.data == "nothing" {
+ undo_last(ui, api);
+ } else {
+ ui.say("undone");
+ }
+ }
+ "made" => {
+ selected.set(Some(e.clone()));
+ start_edit(ui, &e);
+ }
+ // a double click on the empty room makes a new free text: an empty one to type in,
+ // or with Shift the bar's text (deliberately: it used to copy the bar's text, which
+ // after a click is the text clicked)
+ "newtext" => {
+ let t = ui.bar.peek().trim().to_string();
+ let t = if e.shift && !t.is_empty() {
+ t
+ } else {
+ "text".to_string()
+ };
+ sp.send(json!({ "cmd": "free", "text": t }));
+ }
+ "dblclick" => {
+ if e.free {
+ start_edit(ui, &e);
+ } else {
+ ui.set_bar(&e.key);
+ }
+ }
+ "rows" => {
+ let rows = e.data["rows"].clone();
+ let name = e.data["name"].as_str().unwrap_or("untitled").to_string();
+ if e.data["why"] == "export" {
+ export(ui, &name, &rows);
+ } else {
+ let ok = (1..=96).contains(&name.len())
+ && name.chars().all(|c| c.is_ascii_alphanumeric() || c == '_' || c == '-');
+ if !ok {
+ ui.fail("a map's name: 1 to 96 of letters, digits, _ and -");
+ return;
+ }
+ dioxus::dioxus_core::spawn_forever(async move {
+ let n = rows.as_array().map(|a| a.len()).unwrap_or(0);
+ match api.call("scenes.save", json!({ "name": name, "rows": rows })).await {
+ Ok(_) => {
+ let mut r = sp.scenes_rev;
+ r += 1;
+ set_pref(ui, |p| p.space.address = name.clone());
+ ui.say(format!("saved the map {name} · {n} texts · #{name} opens it"));
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ }
+ "click" => {
+ if e.free {
+ ui.set_bar(&e.text);
+ return;
+ }
+ if e.ctrl && !e.shift {
+ ui.picks.write().candidate = Some(hit.clone());
+ ui.say(format!("candidate: {}", hit.text));
+ } else if e.shift {
+ let mut p = ui.picks.write();
+ p.candidate = None;
+ p.list = Some(hit.clone());
+ drop(p);
+ ui.say(format!("list: {}", hit.text));
+ } else {
+ ui.set_bar(&hit.text);
+ let mode = space_mode(ui);
+ // its triangle in the top bar
+ let (s, r) = gem::sums(&hit.text);
+ ui.topline.set(Some(TopLine {
+ title: hit.text.clone(),
+ detail: format!("{} {}", mode.name(), gem::sum_in(&hit.text, mode)),
+ s,
+ r,
+ ..Default::default()
+ }));
+ card.set(Some(e.clone()));
+ }
+ }
+ "menu" => {
+ if e.ctrl && !e.free {
+ let m = gem::Measure::of(&hit.text);
+ dioxus::dioxus_core::spawn_forever(gsearch(ui, api, sp, m.triangle(), space_mode(ui), Some(hit.text)));
+ } else {
+ let mut m = sp.menu;
+ m.set(Some(e.clone()));
+ }
+ }
+ _ => {}
+ }
+}
+
+// ------------------------------------------------------------------ blocks
+
+/// what the engine needs to draw the textures: a text's grouping colour (its labels'
+/// underline), a picture's thumbnail as a data URL
+async fn dress(ui: Ui, api: &Api, textures: Value) -> Value {
+ let mode = space_mode(ui);
+ let mut out = textures;
+ if let Some(o) = out.as_object_mut() {
+ for (k, about) in o.iter_mut() {
+ if let Some(t) = k.strip_prefix("text:").and(about["text"].as_str().map(str::to_string)) {
+ about["colour"] = json!(gem::underline(&t, mode));
+ } else if let Some(id) = k.strip_prefix("picture:")
+ && about.get("gone").is_none()
+ && let Ok(p) = api.call("pictures.get", json!({ "id": id, "thumb": 256 })).await
+ && let Some(t) = p["thumb"].as_str()
+ {
+ about["src"] = json!(format!("data:image/png;base64,{t}"));
+ } else if k.starts_with("texture:") {
+ // a recipe: its text's colour, its picture's thumbnail
+ if let Some(t) = about["text"].as_str().map(str::to_string) {
+ about["colour"] = json!(gem::underline(&t, mode));
+ }
+ if let Some(id) = about["recipe"]["source"]["picture"].as_str().map(str::to_string)
+ && about.get("picture_gone").is_none()
+ && let Ok(p) = api.call("pictures.get", json!({ "id": id, "thumb": 512 })).await
+ && let Some(t) = p["thumb"].as_str()
+ {
+ about["src"] = json!(format!("data:image/png;base64,{t}"));
+ }
+ }
+ }
+ }
+ out
+}
+
+async fn count_blocks(api: Api, sp: Sp) {
+ if let Ok(u) = api.call("blocks.stats", json!({})).await {
+ let mut c = sp.block_use;
+ c.set((u["blocks"].as_u64().unwrap_or(0), u["textures"].as_u64().unwrap_or(0)));
+ }
+}
+
+/// the open save's blocks into the room, in place of what was there
+async fn load_blocks(ui: Ui, api: Api, sp: Sp) {
+ match api.call("blocks.list", json!({})).await {
+ Ok(r) => {
+ let textures = dress(ui, &api, r["textures"].clone()).await;
+ sp.send(json!({ "cmd": "blocks", "blocks": r["blocks"], "textures": textures, "replace": true }));
+ let mut b = sp.block;
+ b.set(None);
+ texwin::load_sky(ui, &api, EventHandler::new(move |v: Value| sp.send(v))).await;
+ lightwin::load_lights(&api, sp).await;
+ animwin::load_anims(ui, &api, sp).await;
+ wirewin::load_wires(&api, sp).await;
+ // the prefabs' copies: each one a group in the room; and the groups made by hand
+ prefabwin::load_prefabs(ui, &api, sp).await;
+ load_groups(&api, sp).await;
+ count_blocks(api, sp).await;
+ }
+ // a hub from before blocks: the room has none
+ Err(_) => sp.send(json!({ "cmd": "blocks", "blocks": [], "replace": true })),
+ }
+}
+
+async fn load_groups(api: &Api, sp: Sp) {
+ if let Ok(l) = api.call("groups.list", json!({})).await {
+ sp.send(json!({ "cmd": "groups", "list": l }));
+ }
+}
+
+/// a groups op; `how` says what the room does after: `made` (select it, one undo step),
+/// `broke` (one undo step), `select` (select it), `quiet` (nothing: an undo's own work)
+fn groups_call(ui: Ui, api: Api, sp: Sp, op: &'static str, args: Value, how: &'static str) {
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call(op, args).await {
+ Ok(r) => {
+ let mut c = json!({ "cmd": "groups", "list": r["groups"] });
+ match how {
+ "made" => {
+ c["made"] = r["id"].clone();
+ ui.say("grouped: a click on any of it picks it all · double-click opens it · Ctrl+Shift+G ungroups");
+ }
+ "broke" => {
+ c["broke"] = json!({ "members": r["members"] });
+ ui.say("ungrouped · Ctrl+Z groups it again");
+ }
+ "select" => c["select"] = r["id"].clone(),
+ _ => {}
+ }
+ sp.send(c);
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+}
+
+/// the selected group: a copy beside it (groups inside it copied as groups), or a prefab
+/// of its blocks
+fn group_copy(ui: Ui, api: Api, sp: Sp, gid: String) {
+ dioxus::dioxus_core::spawn_forever(async move {
+ let list = match api.call("groups.list", json!({})).await {
+ Ok(l) => l.as_array().cloned().unwrap_or_default(),
+ Err(e) => return ui.fail(e),
+ };
+ let by = json!([2.0, 0.0, 0.0]);
+ // copies of every block and prefab copy in it, old id → new
+ let mut new: HashMap<String, String> = HashMap::new();
+ fn leaves(list: &[Value], gid: &str, out: &mut Vec<(String, String)>) {
+ if let Some(g) = list.iter().find(|g| g["id"] == gid) {
+ for m in g["members"].as_array().into_iter().flatten() {
+ let (k, id) = (m["kind"].as_str().unwrap_or(""), m["id"].as_str().unwrap_or(""));
+ if k == "g" {
+ leaves(list, id, out)
+ } else {
+ out.push((k.to_string(), id.to_string()))
+ }
+ }
+ }
+ }
+ let mut ls = Vec::new();
+ leaves(&list, &gid, &mut ls);
+ sp.send(json!({ "cmd": "batch", "on": true }));
+ for (k, id) in &ls {
+ let r = if k == "b" {
+ api.call("blocks.duplicate", json!({ "ids": [id], "by": by }))
+ .await
+ .map(|r| (r["ids"][0].as_str().unwrap_or("").to_string(), r))
+ } else {
+ api.call("prefabs.duplicate", json!({ "id": id, "by": by }))
+ .await
+ .map(|r| (r["copy"]["id"].as_str().unwrap_or("").to_string(), r))
+ };
+ match r {
+ Ok((nid, r)) => {
+ let textures = dress(ui, &api, r["textures"].clone()).await;
+ sp.send(json!({ "cmd": "blocks", "blocks": r["blocks"], "textures": textures, "added": if k == "b" { json!([nid]) } else { json!([]) } }));
+ new.insert(format!("{k}:{id}"), nid);
+ }
+ Err(e) => {
+ sp.send(json!({ "cmd": "batch", "on": false }));
+ return ui.fail(e);
+ }
+ }
+ }
+ // the groups again, innermost first
+ fn remake<'a>(
+ api: &'a Api,
+ list: &'a [Value],
+ gid: &'a str,
+ new: &'a HashMap<String, String>,
+ ) -> std::pin::Pin<Box<dyn std::future::Future<Output = Option<String>> + 'a>> {
+ Box::pin(async move {
+ let g = list.iter().find(|g| g["id"] == gid)?;
+ let mut members = Vec::new();
+ for m in g["members"].as_array().into_iter().flatten() {
+ let (k, id) = (m["kind"].as_str().unwrap_or(""), m["id"].as_str().unwrap_or(""));
+ let nid = if k == "g" {
+ remake(api, list, id, new).await?
+ } else {
+ new.get(&format!("{k}:{id}"))?.clone()
+ };
+ members.push(json!({ "kind": k, "id": nid }));
+ }
+ api.call("groups.make", json!({ "members": members, "name": g["name"] }))
+ .await
+ .ok()
+ .and_then(|r| r["id"].as_str().map(String::from))
+ })
+ }
+ let made = remake(&api, &list, &gid, &new).await;
+ sp.send(json!({ "cmd": "batch", "on": false }));
+ prefabwin::load_prefabs(ui, &api, sp).await;
+ if let Ok(l) = api.call("groups.list", json!({})).await {
+ sp.send(json!({ "cmd": "groups", "list": l, "select": made }));
+ }
+ count_blocks(api, sp).await;
+ ui.say("a copy of the group beside it");
+ });
+}
+
+fn group_prefab(ui: Ui, api: Api, sp: Sp, gid: String, name: String) {
+ dioxus::dioxus_core::spawn_forever(async move {
+ let list = api
+ .call("groups.list", json!({}))
+ .await
+ .ok()
+ .and_then(|l| l.as_array().cloned())
+ .unwrap_or_default();
+ let mut blocks = Vec::new();
+ let mut copies = 0;
+ fn walk(list: &[Value], gid: &str, blocks: &mut Vec<String>, copies: &mut usize) {
+ if let Some(g) = list.iter().find(|g| g["id"] == gid) {
+ for m in g["members"].as_array().into_iter().flatten() {
+ match m["kind"].as_str().unwrap_or("") {
+ "g" => walk(list, m["id"].as_str().unwrap_or(""), blocks, copies),
+ "b" => blocks.push(m["id"].as_str().unwrap_or("").to_string()),
+ _ => *copies += 1,
+ }
+ }
+ }
+ }
+ walk(&list, &gid, &mut blocks, &mut copies);
+ if copies > 0 {
+ return ui.fail("a prefab is made of blocks: detach the copies in the group first (their menu)");
+ }
+ let name = if name.trim().is_empty() {
+ "a group".to_string()
+ } else {
+ name
+ };
+ match api.call("prefabs.make", json!({ "name": name, "ids": blocks })).await {
+ Ok(_) => {
+ load_blocks(ui, api.clone(), sp).await;
+ ui.say(format!("a prefab, “{name}”: its copy stands where the group was"));
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+}
+
+fn delete_block(ui: Ui, api: Api, sp: Sp, id: String) {
+ // a copy goes as a whole
+ if prefabwin::is_copy(&id) {
+ prefabwin::copy_remove(ui, api, sp, id);
+ return;
+ }
+ // a part of an open copy: the whole copy goes, or the part after detaching it
+ if id.starts_with("prefab:") {
+ ui.say("a part of a prefab's copy: remove the whole copy, or detach it, in the prefabs window");
+ return;
+ }
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("blocks.delete", json!({ "ids": [id] })).await {
+ Ok(_) => {
+ sp.send(json!({ "cmd": "unblock", "ids": [id] }));
+ let mut b = sp.block;
+ b.set(None);
+ count_blocks(api, sp).await;
+ ui.say("block deleted · Ctrl+Z puts it back");
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+}
+
+fn duplicate_block(ui: Ui, api: Api, sp: Sp, b: Value) {
+ let id = b["id"].as_str().unwrap_or("").to_string();
+ if prefabwin::is_copy(&id) {
+ prefabwin::copy_duplicate(ui, api, sp, id);
+ return;
+ }
+ // side by side, along its width
+ let by = b["w"].as_f64().unwrap_or(1.0) + 0.1;
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api
+ .call("blocks.duplicate", json!({ "ids": [id], "by": [by, 0, 0] }))
+ .await
+ {
+ Ok(r) => {
+ let textures = dress(ui, &api, r["textures"].clone()).await;
+ sp.send(json!({ "cmd": "blocks", "blocks": r["blocks"], "textures": textures, "added": r["ids"], "select": r["ids"][0] }));
+ count_blocks(api, sp).await;
+ ui.say("a copy: the same texture, stored once");
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+}
+
+/// the blocks window: make blocks from the selected text, a picture or a colour; the
+/// selected block's place and size; copy, delete
+#[component]
+fn Blocks(
+ selected: Option<SpaceEvent>,
+ block: Option<Value>,
+ counts: (u64, u64),
+ on_send: EventHandler<Value>,
+ on_duplicate: EventHandler<Value>,
+ on_delete: EventHandler<String>,
+ bend_open: Signal<bool>,
+) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut pictures: Signal<Vec<(String, String)>> = use_signal(Vec::new);
+ let mut picture = use_signal(String::new);
+ let mut colour = use_signal(|| "#b49a6c".to_string());
+ use_hook(move || {
+ let api = api.clone();
+ spawn(async move {
+ if let Ok(v) = api.call("pictures.list", json!({})).await {
+ let all: Vec<(String, String)> = v
+ .as_array()
+ .into_iter()
+ .flatten()
+ .map(|p| {
+ let id = p["id"].as_str().unwrap_or("").to_string();
+ let name = p["name"]
+ .as_str()
+ .filter(|n| !n.is_empty())
+ .unwrap_or(&id[..id.len().min(8)])
+ .to_string();
+ (id, name)
+ })
+ .collect();
+ if let Some((id, _)) = all.first() {
+ picture.set(id.clone());
+ }
+ pictures.set(all);
+ }
+ });
+ });
+ let text = selected.clone().filter(|s| !s.free && !s.key.is_empty());
+ let w = window_width();
+ let field = move |b: Value, k: &'static str| {
+ let v = b[k].as_f64().unwrap_or(0.0);
+ let id = b["id"].as_str().unwrap_or("").to_string();
+ rsx! {
+ label { class: "bfield", title: if "whd".contains(k) { "a side, in units (the texture tiles once per unit)" } else { "its centre, in units" },
+ span { "{k}" }
+ input {
+ r#type: "number",
+ step: "0.25",
+ value: "{v:.2}",
+ onchange: move |e| {
+ if let Ok(x) = e.value().parse::<f64>() {
+ on_send.call(json!({ "cmd": "blockfields", "id": id, "t": { k: x } }));
+ }
+ },
+ }
+ }
+ }
+ };
+ rsx! {
+ Win {
+ id: "blocks",
+ at: ((w - 330.0).max(8.0), 420.0),
+ on_close: move |_| set_pref(ui, |p| p.space.show_blocks = false),
+ title: rsx! {
+ span { class: "win-title",
+ Icon { name: "cube" }
+ "blocks"
+ span { class: "dim small", style: "font-weight: 400;", "{counts.0} in this save · {counts.1} textures" }
+ }
+ },
+ div { class: "blocks-add",
+ button {
+ class: "btn small",
+ disabled: text.is_none(),
+ title: "a block showing the selected text, where it is",
+ onclick: move |_| {
+ if let Some(t) = &text {
+ add_block_from(on_send, "text", &t.key)
+ }
+ },
+ Icon { name: "text" }
+ "the selected text"
+ }
+ if pictures.read().is_empty() {
+ span { class: "dim small", title: "add pictures in the models view (spec models, pictures)", "no pictures yet" }
+ } else {
+ span { class: "row",
+ select {
+ "aria-label": "a picture",
+ value: "{picture}",
+ onchange: move |e| picture.set(e.value()),
+ for (id , name) in pictures.read().iter() {
+ option { key: "{id}", value: "{id}", selected: *id == picture(), "{name}" }
+ }
+ }
+ button { class: "btn small", onclick: move |_| add_block_from(on_send, "picture", &picture()), Icon { name: "image" } "picture" }
+ }
+ }
+ span { class: "row",
+ input { r#type: "color", "aria-label": "a colour", value: "{colour}", oninput: move |e| colour.set(e.value()) }
+ button { class: "btn small", onclick: move |_| add_block_from(on_send, "plain", &colour()), Icon { name: "palette" } "colour" }
+ }
+ }
+ if let Some(b) = block {
+ div { class: "blocks-sel",
+ div { class: "small",
+ b {
+ {
+ match b["kind"].as_str().unwrap_or("") {
+ "text" => format!("“{}”", b["about"]["text"].as_str().unwrap_or("a text")),
+ "picture" => format!("picture {}", b["about"]["name"].as_str().unwrap_or("")),
+ "texture" => match b["about"]["name"].as_str().filter(|n| !n.is_empty()) {
+ Some(n) => format!("the recipe {n}"),
+ None => "a texture recipe".to_string(),
+ },
+ _ => format!("colour {}", b["texture"].as_str().unwrap_or("")),
+ }
+ }
+ }
+ span { class: "dim", title: "{b[\"id\"].as_str().unwrap_or(\"\")}", {format!(" · block {} of this texture", b["id"].as_str().and_then(|i| i.rsplit_once('#')).map_or("", |x| x.1))} }
+ }
+ div { class: "bfields",
+ {field(b.clone(), "x")}
+ {field(b.clone(), "y")}
+ {field(b.clone(), "z")}
+ {field(b.clone(), "w")}
+ {field(b.clone(), "h")}
+ {field(b.clone(), "d")}
+ }
+ TurnRow { b: b.clone(), on_send }
+ ShapeRow { b: b.clone(), on_send }
+ ZoneRow { b: b.clone(), on_send }
+ details { class: "bend", open: bend_open(), hidden: b["shape"].as_str() == Some("sphere"),
+ summary { onclick: move |e| { e.prevent_default(); let o = bend_open(); let mut bo = bend_open; bo.set(!o); }, "bend" span { class: "dim small", {bend_words(&b["bend"])} } }
+ if bend_open() {
+ BendEditor { b: b.clone(), on_send }
+ }
+ }
+ div { class: "row",
+ button { class: "btn small", title: "a copy beside it (the texture is stored once)", onclick: { let b = b.clone(); move |_| on_duplicate.call(b.clone()) }, Icon { name: "copy" } "copy" }
+ button { class: "btn small", title: "the textures window: a recipe for this block or one of its faces", onclick: move |_| set_pref(ui, |p| p.space.show_textures = true), Icon { name: "image" } "texture…" }
+ button { class: "btn small", title: "{ui.key_of(Action::DeleteText)}", onclick: { let id = b["id"].as_str().unwrap_or("").to_string(); move |_| on_delete.call(id.clone()) }, Icon { name: "delete" } "delete" }
+ }
+ }
+ } else {
+ p { class: "dim small", "Click a block to select it: its arrows move it, the knobs on its faces resize it (the texture tiles, it doesn't stretch), the rings turn it, the ball moves it across the view. Shift snaps to quarter units and 15° turns. Right-click a block for its menu (bend, straighten, turn)." }
+ }
+ }
+ }
+}
+
+/// a block's turn in words: the angle and the axis
+fn turn_words(rot: &Value) -> String {
+ let q: Vec<f64> = rot
+ .as_array()
+ .map(|a| a.iter().filter_map(Value::as_f64).collect())
+ .unwrap_or_default();
+ if q.len() != 4 || (q[3] - 1.0).abs() < 1e-6 {
+ return "not turned".into();
+ }
+ let angle = 2.0 * q[3].clamp(-1.0, 1.0).acos();
+ let s = (1.0 - q[3] * q[3]).sqrt().max(1e-9);
+ format!(
+ "turned {:.0}° about ({:.2}, {:.2}, {:.2})",
+ angle.to_degrees(),
+ q[0] / s,
+ q[1] / s,
+ q[2] / s
+ )
+}
+
+/// the quaternion product a·b, as [x, y, z, w]
+fn qmul(a: [f64; 4], b: [f64; 4]) -> [f64; 4] {
+ [
+ a[3] * b[0] + a[0] * b[3] + a[1] * b[2] - a[2] * b[1],
+ a[3] * b[1] - a[0] * b[2] + a[1] * b[3] + a[2] * b[0],
+ a[3] * b[2] + a[0] * b[1] - a[1] * b[0] + a[2] * b[3],
+ a[3] * b[3] - a[0] * b[0] - a[1] * b[1] - a[2] * b[2],
+ ]
+}
+
+fn rot_of(b: &Value) -> [f64; 4] {
+ let q: Vec<f64> = b["rot"]
+ .as_array()
+ .map(|a| a.iter().filter_map(Value::as_f64).collect())
+ .unwrap_or_default();
+ if q.len() == 4 {
+ [q[0], q[1], q[2], q[3]]
+ } else {
+ [0.0, 0.0, 0.0, 1.0]
+ }
+}
+
+/// whether a block is a staging zone (texts inside it spread among themselves, bounded
+/// by it), and its own physics: each slider starts at the room's value, and "as the room"
+/// lets a setting follow the room's again
+#[component]
+fn ZoneRow(b: Value, on_send: EventHandler<Value>) -> Element {
+ let ui = ui();
+ let id = b["id"].as_str().unwrap_or("").to_string();
+ let zone = b["zone"].clone();
+ let on = zone.is_object();
+ let room = ui.prefs.read().space.physics.clone();
+ let send = move |id: &str, z: Value| on_send.call(json!({ "cmd": "blockfields", "id": id, "t": { "zone": z } }));
+ rsx! {
+ div { class: "zone-row",
+ label { class: "row small", title: "texts inside it spread among themselves, kept inside it, under physics of its own (zones can nest)",
+ input { r#type: "checkbox", checked: on,
+ oninput: { let id = id.clone(); move |e: FormEvent| send(&id, if e.checked() { json!({}) } else { Value::Null }) } }
+ "a staging zone"
+ }
+ if on {
+ for (key , short) in [("repel", "push apart"), ("attract", "pull together"), ("link", "spacing"), ("gravity", "to the centre"), ("damping", "damping")] {
+ {
+ let s = SLIDERS.iter().find(|s| s.key == key).expect("a physics slider");
+ let own = zone[key].as_f64();
+ let v = own.unwrap_or_else(|| room.get(key).copied().unwrap_or(s.def));
+ let id = id.clone();
+ let id2 = id.clone();
+ let zone2 = zone.clone();
+ let zone3 = zone.clone();
+ rsx! {
+ label { key: "{key}", class: "lt-slider", title: "{s.label}",
+ span { "{short}" }
+ input { r#type: "range", min: "{s.min}", max: "{s.max}", step: "{s.step}", value: "{v}",
+ onchange: move |e| {
+ let mut z = zone2.clone();
+ z[key] = json!(e.value().parse::<f64>().unwrap_or(v));
+ send(&id, z);
+ } }
+ if own.is_some() {
+ button { class: "plain small", title: "follow the room's setting again",
+ onclick: move |_| {
+ let mut z = zone3.clone();
+ if let Some(o) = z.as_object_mut() { o.remove(key); }
+ send(&id2, z);
+ },
+ "as the room" }
+ } else {
+ span { class: "dim small", "the room's" }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// a block's shape: a box or a sphere (its sides become the sphere's diameters)
+#[component]
+fn ShapeRow(b: Value, on_send: EventHandler<Value>) -> Element {
+ let id = b["id"].as_str().unwrap_or("").to_string();
+ let now = b["shape"].as_str().unwrap_or("box").to_string();
+ rsx! {
+ div { class: "row turn-row",
+ span { class: "dim small", "shape" }
+ for (shape , label , tip) in [("box", "box", "six faces, which can bend"), ("sphere", "sphere", "round, its sides its diameters; it doesn't bend and has no faces of its own")] {
+ button { key: "{shape}", class: if now == shape { "btn small on" } else { "plain small" }, title: "{tip}",
+ onclick: { let id = id.clone(); move |_| on_send.call(json!({ "cmd": "blockfields", "id": id, "t": { "shape": shape } })) },
+ "{label}" }
+ }
+ }
+ }
+}
+
+/// a block's turn and buttons to turn it a quarter about each axis or not at all (the
+/// rings on the gizmo turn it freely)
+#[component]
+fn TurnRow(b: Value, on_send: EventHandler<Value>) -> Element {
+ let id = b["id"].as_str().unwrap_or("").to_string();
+ let q = rot_of(&b);
+ let quarter = move |axis: usize| {
+ let h = std::f64::consts::FRAC_PI_4;
+ let mut r = [0.0, 0.0, 0.0, h.cos()];
+ r[axis] = h.sin();
+ qmul(r, q)
+ };
+ let turn = |r: [f64; 4]| json!({ "rot": r });
+ rsx! {
+ div { class: "row turn-row",
+ span { class: "dim small", "{turn_words(&b[\"rot\"])}" }
+ for (i, name) in ["x", "y", "z"].into_iter().enumerate() {
+ button { key: "{name}", class: "btn small", title: "a quarter turn about {name} (the rings turn it freely)",
+ onclick: { let id = id.clone(); move |_| on_send.call(json!({ "cmd": "blockfields", "id": id, "t": turn(quarter(i)) })) },
+ "↻ {name}" }
+ }
+ button { class: "btn small", title: "back to not turned",
+ onclick: { let id = id.clone(); move |_| on_send.call(json!({ "cmd": "blockfields", "id": id, "t": { "rot": [0, 0, 0, 1] } })) },
+ "no turn" }
+ }
+ }
+}
+
+/// a bend in words
+fn bend_words(b: &Value) -> String {
+ let r = b["ripple"]["amount"].as_f64().unwrap_or(0.0);
+ let f = b["fold"]["amount"].as_f64().unwrap_or(0.0);
+ match (r != 0.0, f != 0.0) {
+ (false, false) => " · straight".into(),
+ (true, false) => format!(" · a ripple of {r:.2}"),
+ (false, true) => format!(" · a fold of {f:.2}"),
+ (true, true) => format!(" · a ripple of {r:.2} and a fold of {f:.2}"),
+ }
+}
+
+/// a bend with its defaults filled in (the block's, or straight)
+fn bend_of(b: &Value) -> Value {
+ let d = json!({
+ "ripple": { "amount": 0.0, "freq": 2.0, "phase": 0.0, "c1": 1.0, "c2": -1.0 },
+ "fold": { "amount": 0.0, "at": 0.0, "c1": 0.0, "c2": 1.0 },
+ });
+ let mut out = d.clone();
+ for part in ["ripple", "fold"] {
+ if let Some(o) = b["bend"][part].as_object() {
+ for (k, v) in o {
+ out[part][k] = v.clone();
+ }
+ }
+ }
+ out
+}
+
+/// the bend editor: each shape's curve drawn with its two control points to drag up and
+/// down (the cubic bezier's c1 and c2), and sliders for how much, how often and where;
+/// every change shows on the block as it's made
+#[component]
+fn BendEditor(b: Value, on_send: EventHandler<Value>) -> Element {
+ let id = b["id"].as_str().unwrap_or("").to_string();
+ let bend = bend_of(&b);
+ // which control point is being dragged: (shape, 1 or 2)
+ let mut dragging: Signal<Option<(&'static str, u8)>> = use_signal(|| None);
+ let send = {
+ let id = id.clone();
+ move |nb: Value| on_send.call(json!({ "cmd": "blockfields", "id": id, "t": { "bend": nb } }))
+ };
+ let set = {
+ let bend = bend.clone();
+ let send = send.clone();
+ move |part: &'static str, key: &'static str, v: f64| {
+ let mut nb = bend.clone();
+ nb[part][key] = json!(v);
+ send(nb);
+ }
+ };
+ let slider = {
+ let bend = bend.clone();
+ let set = set.clone();
+ move |part: &'static str, key: &'static str, label: &'static str, lo: f64, hi: f64, step: f64| {
+ let v = bend[part][key].as_f64().unwrap_or(0.0);
+ let set = set.clone();
+ rsx! {
+ label { class: "bend-slider",
+ span { "{label}" }
+ input { r#type: "range", min: "{lo}", max: "{hi}", step: "{step}", value: "{v}",
+ oninput: move |e| { if let Ok(x) = e.value().parse::<f64>() { set(part, key, x) } } }
+ span { class: "num", "{v:.2}" }
+ }
+ }
+ }
+ };
+ // the curves: (x, y) points of a cubic bezier with ends p0, p3 and controls c1, c2
+ let (w, h) = (220.0f64, 90.0f64);
+ let ry = |v: f64| h / 2.0 - v * 28.0;
+ let fy = |v: f64| h - 12.0 - v * 56.0;
+ let path = |p0: f64, c1: f64, c2: f64, p3: f64, y: &dyn Fn(f64) -> f64| {
+ let mut d = String::new();
+ for i in 0..=40 {
+ let t = i as f64 / 40.0;
+ let v = (1.0 - t).powi(3) * p0
+ + 3.0 * (1.0 - t).powi(2) * t * c1
+ + 3.0 * (1.0 - t) * t * t * c2
+ + t.powi(3) * p3;
+ d += &format!(
+ "{}{:.1},{:.1} ",
+ if i == 0 { "M" } else { "L" },
+ 10.0 + t * (w - 20.0),
+ y(v)
+ );
+ }
+ d
+ };
+ let r = &bend["ripple"];
+ let f = &bend["fold"];
+ let (rc1, rc2) = (r["c1"].as_f64().unwrap_or(1.0), r["c2"].as_f64().unwrap_or(-1.0));
+ let (fc1, fc2) = (f["c1"].as_f64().unwrap_or(0.0), f["c2"].as_f64().unwrap_or(1.0));
+ let ripple_path = path(0.0, rc1, rc2, 0.0, &ry);
+ let fold_path = path(0.0, fc1, fc2, 1.0, &fy);
+ let x1 = 10.0 + (w - 20.0) / 3.0;
+ let x2 = 10.0 + 2.0 * (w - 20.0) / 3.0;
+ // a drag moves the dragged control point to the pointer's height
+ let drag_to = {
+ let set = set.clone();
+ move |y: f64| {
+ if let Some((part, n)) = dragging() {
+ let v = if part == "ripple" {
+ (h / 2.0 - y) / 28.0
+ } else {
+ (h - 12.0 - y) / 56.0
+ };
+ let v = (v.clamp(-3.0, 3.0) * 100.0).round() / 100.0;
+ set(part, if n == 1 { "c1" } else { "c2" }, v);
+ }
+ }
+ };
+ let curve = |part: &'static str, d: String, c1: f64, c2: f64, y: &dyn Fn(f64) -> f64, base: f64| {
+ let drag_to = drag_to.clone();
+ let (y1, y2, yb) = (y(c1), y(c2), base);
+ let y_end = y(if part == "fold" { 1.0 } else { 0.0 });
+ rsx! {
+ svg { class: "bend-curve", width: "{w}", height: "{h}", view_box: "0 0 {w} {h}",
+ line { x1: "10", y1: "{yb}", x2: "{w - 10.0}", y2: "{yb}", class: "axis" }
+ line { x1: "10", y1: "{yb}", x2: "{x1}", y2: "{y1}", class: "handle" }
+ line { x1: "{w - 10.0}", y1: "{y_end}", x2: "{x2}", y2: "{y2}", class: "handle" }
+ path { d: "{d}", class: "curve" }
+ circle { cx: "{x1}", cy: "{y1}", r: "7", class: "ctl", onmousedown: move |e| { e.prevent_default(); dragging.set(Some((part, 1))) } }
+ circle { cx: "{x2}", cy: "{y2}", r: "7", class: "ctl", onmousedown: move |e| { e.prevent_default(); dragging.set(Some((part, 2))) } }
+ if dragging().is_some_and(|(p, _)| p == part) {
+ rect { x: "0", y: "0", width: "{w}", height: "{h}", class: "catch",
+ onmousemove: move |e| drag_to(e.element_coordinates().y),
+ onmouseup: move |_| dragging.set(None),
+ onmouseleave: move |_| dragging.set(None),
+ }
+ }
+ }
+ }
+ };
+ rsx! {
+ div { class: "bend-editor",
+ div { class: "bend-part",
+ b { "curtain ripple" } span { class: "dim small", " a wave across its width; drag the dots to shape one period" }
+ {curve("ripple", ripple_path, rc1, rc2, &ry, h / 2.0)}
+ {slider("ripple", "amount", "how much", -2.0, 2.0, 0.01)}
+ {slider("ripple", "freq", "how many waves", 0.5, 16.0, 0.5)}
+ {slider("ripple", "phase", "shifted by", 0.0, 1.0, 0.01)}
+ }
+ div { class: "bend-part",
+ b { "fold" } span { class: "dim small", " a curve across the middle, from the fold line to the edges" }
+ {curve("fold", fold_path, fc1, fc2, &fy, h - 12.0)}
+ {slider("fold", "amount", "how much", -3.0, 3.0, 0.01)}
+ {slider("fold", "at", "fold line", -1.0, 1.0, 0.01)}
+ }
+ button { class: "btn small", onclick: { let id = id.clone(); move |_| on_send.call(json!({ "cmd": "blockfields", "id": id, "t": { "bend": Value::Null } })) }, "straighten" }
+ }
+ }
+}
+
+/// the right-click menu on a block: bend it (the blocks window's bend editor), straighten
+/// it, turn it, copy, delete
+#[component]
+fn BlockMenu(
+ b: Value,
+ x: f64,
+ y: f64,
+ sp_bmenu: Signal<Option<(f64, f64)>>,
+ bend_open: Signal<bool>,
+ on_send: EventHandler<Value>,
+ on_duplicate: EventHandler<Value>,
+ on_delete: EventHandler<String>,
+) -> Element {
+ let ui = ui();
+ let mut close = move || sp_bmenu.set(None);
+ let id = b["id"].as_str().unwrap_or("").to_string();
+ let title = match b["kind"].as_str().unwrap_or("") {
+ "text" => format!("a block of “{}”", b["about"]["text"].as_str().unwrap_or("a text")),
+ "picture" => "a picture block".to_string(),
+ "texture" => match b["about"]["name"].as_str().filter(|n| !n.is_empty()) {
+ Some(n) => format!("a block of the recipe {n}"),
+ None => "a block of a texture recipe".to_string(),
+ },
+ _ => format!("a block of colour {}", b["texture"].as_str().unwrap_or("")),
+ };
+ // a sphere doesn't bend
+ let round = b["shape"].as_str() == Some("sphere");
+ let q = rot_of(&b);
+ let quarter_y = {
+ let h = std::f64::consts::FRAC_PI_4;
+ qmul([0.0, h.sin(), 0.0, h.cos()], q)
+ };
+ rsx! {
+ div { class: "backdrop", onclick: move |_| close(), oncontextmenu: move |e| { e.prevent_default(); close() } }
+ div { class: "menu smenu", role: "menu",
+ style: "left: min({x}px, calc(100vw - 330px)); top: max(8px, min({y}px, calc(100vh - 300px)));",
+ div { class: "title", "{title}" }
+ div { class: "title dim small", {if round { format!("{} · a sphere", turn_words(&b["rot"])) } else { format!("{}{}", turn_words(&b["rot"]), bend_words(&b["bend"])) }} }
+ button { role: "menuitem", hidden: round, onclick: move |_| { set_pref(ui, |p| p.space.show_blocks = true); let mut bo = bend_open; bo.set(true); close(); },
+ Icon { name: "edit" } "bend it…" span { class: "dim small", " (the curves in the blocks window)" } }
+ button { role: "menuitem", onclick: { let id = id.clone(); let to = if b["shape"].as_str() == Some("sphere") { "box" } else { "sphere" }; move |_| { on_send.call(json!({ "cmd": "blockfields", "id": id, "t": { "shape": to } })); close(); } },
+ Icon { name: "cube" } {if b["shape"].as_str() == Some("sphere") { "make it a box" } else { "make it a sphere" }} }
+ button { role: "menuitem", onclick: move |_| { set_pref(ui, |p| p.space.show_textures = true); close(); },
+ Icon { name: "image" } "texture it…" span { class: "dim small", " (a recipe for it or one face)" } }
+ button { role: "menuitem", hidden: round, onclick: { let id = id.clone(); move |_| { on_send.call(json!({ "cmd": "blockfields", "id": id, "t": { "bend": Value::Null } })); close(); } },
+ Icon { name: "close" } "straighten" }
+ button { role: "menuitem", onclick: { let id = id.clone(); move |_| { on_send.call(json!({ "cmd": "blockfields", "id": id, "t": { "rot": quarter_y } })); close(); } },
+ Icon { name: "refresh" } "a quarter turn about the upright" }
+ button { role: "menuitem", onclick: { let id = id.clone(); move |_| { on_send.call(json!({ "cmd": "blockfields", "id": id, "t": { "rot": [0, 0, 0, 1] } })); close(); } },
+ Icon { name: "undo" } "no turn" }
+ button { role: "menuitem", onclick: { let b = b.clone(); move |_| { on_duplicate.call(b.clone()); close(); } },
+ Icon { name: "copy" } "a copy beside it" }
+ button { role: "menuitem", onclick: { let id = id.clone(); move |_| { on_delete.call(id.clone()); close(); } },
+ Icon { name: "delete" } "delete it" kbd { "{ui.key_of(Action::DeleteText)}" } }
+ }
+ }
+}
+
+fn add_block_from(on_send: EventHandler<Value>, kind: &str, texture: &str) {
+ if texture.is_empty() {
+ return;
+ }
+ on_send.call(json!({ "cmd": "blockspot", "want": { "kind": kind, "texture": texture } }));
+}
+
+/// the right-click menu on a text in the room: what the details window offers and more;
+/// a copy is another placement of the same entry, so taking one out of the room never
+/// touches the entry, and forgetting the entry itself is its own, confirmed, item
+#[component]
+fn SpaceMenu(
+ ev: SpaceEvent,
+ sp_menu: Signal<Option<SpaceEvent>>,
+ on_send: EventHandler<Value>,
+ on_gsearch: EventHandler<(u64, Mode)>,
+) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut armed = use_signal(|| false);
+ let mut close = move || sp_menu.set(None);
+ let hit = Hit {
+ key: ev.key.clone(),
+ text: ev.text.clone(),
+ note: ev.note,
+ };
+ let node = ev.node.clone();
+ let m = gem::Measure::of(&ev.text);
+ let list = ui.picks.read().list.clone();
+ let (x, y) = (ev.x, ev.y);
+ // a note's body under its title: it isn't an entry of its own, so the menu only opens
+ // the note (editing it here would put the body in place of the whole note)
+ if ev.virt {
+ let k = ev.key.clone();
+ return rsx! {
+ div { class: "backdrop", onclick: move |_| close(), oncontextmenu: move |e| { e.prevent_default(); close() } }
+ div { class: "menu smenu", role: "menu",
+ style: "left: min({x}px, calc(100vw - 330px)); top: max(8px, min({y}px, calc(100vh - 160px)));",
+ div { class: "title", "{ev.text}" }
+ div { class: "title dim small", "{ev.relation()}" }
+ button { role: "menuitem", onclick: move |_| { let mut o = ui.open_note; o.set(Some(k.clone())); crate::shell::go(ui, View::Notes); close(); },
+ Icon { name: "editor" } "open the note" }
+ }
+ };
+ }
+ let copies = ev.copies.max(1);
+ let which = if ev.free {
+ "a free text (in this room only)".to_string()
+ } else if copies > 1 {
+ format!(
+ "{} · {} placements in the room · {}",
+ if ev.primary { "the first placement" } else { "a copy" },
+ copies,
+ ev.relation()
+ )
+ } else {
+ format!("its only placement in the room · {}", ev.relation())
+ };
+ rsx! {
+ div { class: "backdrop", onclick: move |_| close(), oncontextmenu: move |e| { e.prevent_default(); close() } }
+ div {
+ class: "menu smenu",
+ role: "menu",
+ style: "left: min({x}px, calc(100vw - 330px)); top: max(8px, min({y}px, calc(100vh - 560px)));",
+ div { class: "title", "{ev.text}" }
+ div { class: "title dim small", "{which}" }
+ SizeRow { ev: ev.clone(), on_send: move |v: Value| on_send.call(v) }
+ button { role: "menuitem", onclick: { let ev = ev.clone(); let h = hit.clone(); move |_| {
+ if ev.free { start_edit(ui, &ev); } else {
+ ui.set_bar(&h.text);
+ let mut p = ui.pending; p.set(Pending::Edit(h.clone()));
+ ui.focus_bar();
+ ui.say("edit it in the bar; Enter puts it back under the same key, Esc leaves it");
+ }
+ close();
+ } }, Icon { name: "edit" } "edit"
+ if !ev.free && ev.det > 0 { span { class: "dim small", " the entry (this copy keeps its text)" } }
+ else if !ev.free && copies > 1 { span { class: "dim small", " the entry (inheriting copies follow)" } }
+ kbd { "{ui.key_of(Action::EditText)}" } }
+ button { role: "menuitem", onclick: { let n = node.clone(); move |_| { on_send.call(json!({ "cmd": "pinnode", "node": n })); close(); } },
+ Icon { name: "pin" } if ev.pinned { "unpin" } else { "pin" } kbd { "{ui.key_of(Action::Pin)}" } }
+ button { role: "menuitem", onclick: { let n = node.clone(); move |_| { on_send.call(json!({ "cmd": "dup", "node": n })); close(); } },
+ Icon { name: "copy" } "a copy that inherits" span { class: "dim small", " (follows the entry)" } }
+ if !ev.free {
+ button { role: "menuitem", onclick: { let n = node.clone(); let k = ev.key.clone(); let api = api.clone(); move |_| {
+ let (n, k, api) = (n.clone(), k.clone(), api.clone());
+ // the menu stays until the answer is in: its handler goes with it
+ let mut sm = sp_menu;
+ spawn(async move {
+ match api.call("entries.info", json!({ "key": k })).await {
+ Ok(i) => on_send.call(json!({ "cmd": "dup", "node": n, "det": i["edited_ms"] })),
+ Err(e) => ui.fail(e),
+ }
+ sm.set(None);
+ });
+ } },
+ Icon { name: "copy" } "a detached copy" span { class: "dim small", " (keeps the text as it reads now)" } }
+ if ev.det == 0 {
+ button { role: "menuitem", onclick: { let n = node.clone(); let t = ev.text.clone(); move |_| {
+ ui.set_bar(&t);
+ let mut p = ui.pending; p.set(Pending::EditOwn { node: n.clone(), text: t.clone() });
+ ui.focus_bar();
+ ui.say("this placement's own text: Enter sets it, Esc leaves it; the entry and its other placements stay");
+ close();
+ } },
+ Icon { name: "edit" } "edit this placement only" }
+ }
+ if ev.own.is_some() {
+ button { role: "menuitem", onclick: { let n = node.clone(); move |_| { on_send.call(json!({ "cmd": "own", "node": n, "text": Value::Null })); close(); } },
+ Icon { name: "undo" } "follow the entry again" span { class: "dim small", " (drops its own text)" } }
+ }
+ }
+ ChainItems { ev: ev.clone(), sp_menu, on_send: move |v: Value| on_send.call(v) }
+ button { role: "menuitem", onclick: { let t = ev.text.clone(); move |_| { copy_text(ui, &t); close(); } },
+ Icon { name: "copy" } "copy the text" kbd { "{ui.key_of(Action::CopyText)}" } }
+ if !ev.free {
+ if ev.note {
+ button { role: "menuitem", onclick: { let k = ev.key.clone(); move |_| { let mut o = ui.open_note; o.set(Some(k.clone())); crate::shell::go(ui, View::Notes); close(); } },
+ Icon { name: "editor" } "open in notes" }
+ } else {
+ button { role: "menuitem", onclick: { let t = ev.text.clone(); move |_| { crate::shell::go(ui, View::Memory); ui.set_bar(&t); close(); } },
+ Icon { name: "memory" } "into the memory view's bar" }
+ }
+ if let Some(l) = list.clone().filter(|l| l.key != ev.key) {
+ button { role: "menuitem", onclick: { let api = api.clone(); let k = ev.key.clone(); let l = l.clone(); move |_| {
+ let api = api.clone(); let k = k.clone(); let l = l.clone();
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.enlist(&l.key, &k).await {
+ Ok(()) => { ui.say(format!("put into the list {}", l.text)); ui.touched(); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ close();
+ } },
+ Icon { name: "list" } "put it in the list “{l.text}”" }
+ }
+ button { role: "menuitem", onclick: { let h = hit.clone(); move |_| { let mut p = ui.picks; p.write().list = Some(h.clone()); ui.say(format!("list: {}", h.text)); close(); } },
+ Icon { name: "list" } "make it the list" kbd { "Ctrl+Shift+click" } }
+ button { role: "menuitem", onclick: { let h = hit.clone(); move |_| { let mut p = ui.picks; p.write().candidate = Some(h.clone()); ui.say(format!("candidate: {}", h.text)); close(); } },
+ Icon { name: "pick" } "make it the candidate" kbd { "Ctrl+click" } }
+ button { role: "menuitem", onclick: { let h = hit.clone(); move |_| {
+ let mut p = ui.pending; p.set(Pending::Tag(vec![h.clone()]));
+ ui.set_bar(""); ui.focus_bar(); ui.say("type a tag and press Enter"); close();
+ } }, Icon { name: "tag" } "tag…" }
+ button { role: "menuitem", onclick: move |_| { on_gsearch.call((m.ordinal, Mode::Ordinal)); close(); }, Icon { name: "search" } "gsearch its sum {m.ordinal}" }
+ button { role: "menuitem", onclick: move |_| { on_gsearch.call((m.reversed, Mode::Reversed)); close(); }, Icon { name: "search" } "gsearch its reversed sum {m.reversed}" }
+ button { role: "menuitem", onclick: move |_| { on_gsearch.call((m.triangle(), space_mode(ui))); close(); }, Icon { name: "search" } "gsearch ⌊√(s·r)⌋ {m.triangle()}" kbd { "Ctrl+right click" } }
+ button { role: "menuitem", onclick: { let k = ev.key.clone(); move |_| { ui.set_bar(&k); close(); } }, Icon { name: "keys" } "its key into the bar" }
+ }
+ button { role: "menuitem", onclick: move |_| { set_pref(ui, |p| p.space.show_details = true); close(); }, Icon { name: "view" } "the details window" kbd { "{ui.key_of(Action::Details)}" } }
+ button { role: "menuitem", onclick: { let n = node.clone(); move |_| { on_send.call(json!({ "cmd": "removenode", "node": n })); close(); } },
+ Icon { name: "close" } if ev.free { "take it out of the room" } else { "take this placement out of the room" } kbd { "{ui.key_of(Action::DeleteText)}" } }
+ if !ev.free {
+ button {
+ role: "menuitem",
+ class: if armed() { "armed" } else { "" },
+ title: "deletes the entry from the save: every placement of it goes; Ctrl+Z brings it back",
+ onclick: { let api = api.clone(); let h = hit.clone(); move |_| {
+ if !armed() { armed.set(true); return; }
+ let api = api.clone(); let h = h.clone();
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.forget(&h.key).await {
+ Ok(text) => {
+ ui.did(Did::Forgot { key: h.key.clone(), text: text.clone() });
+ ui.say(format!("forgot the entry “{text}” ({}) · Ctrl+Z takes it back", h.key));
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ close();
+ } },
+ Icon { name: "delete" }
+ if armed() { "forget the entry? click again" } else if copies > 1 { "forget the entry ({copies} placements)…" } else { "forget the entry…" }
+ }
+ }
+ }
+ }
+}
+
+/// the saved scenes (maps): open, rename, delete (two clicks, with an undo), and the room
+/// saved under a name
+#[component]
+fn Scenes(rev: Signal<u64>, on_open: EventHandler<String>, on_save: EventHandler<String>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut local = use_signal(|| 0u64);
+ let mut renaming: Signal<Option<String>> = use_signal(|| None);
+ let mut armed: Signal<Option<String>> = use_signal(|| None);
+ let mut gone: Signal<Option<(String, Value)>> = use_signal(|| None);
+ // the scene being combined into another, and which
+ let mut combining: Signal<Option<String>> = use_signal(|| None);
+ let mut into = use_signal(String::new);
+ let mut name = use_signal(|| default_map_name(ui));
+ let api_r = api.clone();
+ let all = use_resource(move || {
+ let api = api_r.clone();
+ let _ = (rev(), local());
+ async move { maps(&api).await }
+ });
+ let all: BTreeMap<String, Value> = all.read().clone().unwrap_or_default();
+ let here = ui.prefs.read().space.address.clone();
+ // one `scenes.*` call, then the list read again; `then` sees its answer
+ let store = {
+ let api = api.clone();
+ move |op: &'static str, args: Value, said: String, then: Option<Callback<Value>>| {
+ let api = api.clone();
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call(op, args).await {
+ Ok(v) => {
+ if let Some(f) = then {
+ f.call(v);
+ }
+ ui.say(said);
+ local += 1;
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ let ok_name =
+ |n: &str| (1..=96).contains(&n.len()) && n.chars().all(|c| c.is_ascii_alphanumeric() || c == '_' || c == '-');
+ rsx! {
+ Win {
+ id: "scenes",
+ at: (8.0, 120.0),
+ on_close: move |_| set_pref(ui, |p| p.space.show_scenes = false),
+ title: rsx! { span { class: "win-title", Icon { name: "folder" } "scenes" span { class: "dim small", style: "font-weight: 400;", "{all.len()} saved" } } },
+ div { class: "scenes",
+ if all.is_empty() {
+ p { class: "dim small", "No scenes yet: save the room as one below (or Save name in the bar)." }
+ }
+ for (n , rows) in all.clone() {
+ div { key: "{n}", class: if n == here { "scene on" } else { "scene" },
+ if renaming().as_deref() == Some(n.as_str()) {
+ input {
+ class: "scene-name",
+ initial_value: "{n}",
+ "aria-label": "a new name: letters, digits, _ and -",
+ onmounted: move |e| async move { let _ = e.set_focus(true).await; },
+ onkeydown: move |e: KeyboardEvent| {
+ if e.key() == Key::Escape { renaming.set(None); }
+ },
+ onchange: {
+ let n = n.clone();
+ let all = all.clone();
+ let store = store.clone();
+ move |e: FormEvent| {
+ let to = e.value().trim().to_string();
+ renaming.set(None);
+ if to == n { return; }
+ if !ok_name(&to) { ui.fail("a scene's name: 1 to 96 of letters, digits, _ and -"); return; }
+ if all.contains_key(&to) { ui.fail(format!("there's a scene {to} already")); return; }
+ if ui.prefs.peek().space.address == n { let t = to.clone(); set_pref(ui, move |p| p.space.address = t); }
+ store("scenes.rename", json!({ "from": n, "to": to }), format!("renamed {n} to {to}"), None);
+ }
+ },
+ }
+ } else {
+ button { class: "plain scene-open", title: "open it (#{n})", onclick: { let n = n.clone(); move |_| on_open.call(n.clone()) },
+ b { "{n}" } span { class: "dim small", " {rows.as_array().map(|a| a.len()).unwrap_or(0)} texts" } }
+ }
+ button { class: "plain ibtn", "data-tip": "rename it", "aria-label": "rename", onclick: { let n = n.clone(); move |_| renaming.set(Some(n.clone())) }, Icon { name: "rename" } }
+ if all.len() > 1 {
+ button { class: "plain ibtn", "data-tip": "combine it into another scene (overlaps settle)", "aria-label": "combine",
+ onclick: { let n = n.clone(); let first = all.keys().find(|k| **k != n).cloned().unwrap_or_default(); move |_| {
+ if combining().as_deref() == Some(n.as_str()) { combining.set(None); } else { combining.set(Some(n.clone())); into.set(first.clone()); }
+ } },
+ Icon { name: "merge" } }
+ }
+ button {
+ class: if armed().as_deref() == Some(n.as_str()) { "armed" } else { "plain ibtn" },
+ "data-tip": "delete it (click twice; it can be undone)",
+ "aria-label": "delete",
+ onclick: {
+ let n = n.clone();
+ let store = store.clone();
+ move |_| {
+ if armed().as_deref() != Some(n.as_str()) { armed.set(Some(n.clone())); return; }
+ armed.set(None);
+ let keep = Callback::new(move |v: Value| gone.set(Some((v["name"].as_str().unwrap_or("").to_string(), v["rows"].clone()))));
+ store("scenes.delete", json!({ "name": n }), format!("deleted the scene {n}"), Some(keep));
+ }
+ },
+ Icon { name: "delete" }
+ if armed().as_deref() == Some(n.as_str()) { "delete?" }
+ }
+ }
+ }
+ if let Some(from) = combining() {
+ div { class: "row scene-combine",
+ span { class: "dim small", "combine {from} into" }
+ select { "aria-label": "the scene to combine it into", value: "{into}", onchange: move |e| into.set(e.value()),
+ for k in all.keys().filter(|k| **k != from) {
+ option { key: "{k}", value: "{k}", selected: *k == into(), "{k}" }
+ }
+ }
+ button { class: "btn small",
+ onclick: { let store = store.clone(); let from = from.clone(); move |_| {
+ let to = into();
+ let open = Callback::new({ let to = to.clone(); move |_: Value| on_open.call(to.clone()) });
+ store("scenes.combine", json!({ "from": from, "into": to }), format!("combined {from} into {to}: what overlapped was moved out of the way"), Some(open));
+ combining.set(None);
+ } },
+ "combine" }
+ span { class: "dim small", "(it stays as it is; its copies settle out of what's there)" }
+ }
+ }
+ if let Some((n, v)) = gone() {
+ div { class: "scene dim small",
+ "deleted {n} "
+ button { class: "plain", onclick: {
+ let store = store.clone();
+ move |_| {
+ gone.set(None);
+ store("scenes.save", json!({ "name": n, "rows": v }), format!("{n} is back"), None);
+ }
+ },
+ Icon { name: "undo" } "undo" }
+ }
+ }
+ div { class: "row scene-save",
+ input { "aria-label": "the scene's name", initial_value: "{name}", oninput: move |e| name.set(e.value()) }
+ button { class: "btn small", title: "keeps every text in the room where it is", onclick: move |_| {
+ let n = name().trim().to_string();
+ if !ok_name(&n) { ui.fail("a scene's name: 1 to 96 of letters, digits, _ and -"); return; }
+ on_save.call(n);
+ }, Icon { name: "save" } "save the room" }
+ }
+ }
+ }
+ }
+}
+
+/// the position card: its own component, so its many updates (every 120 ms while the
+/// spread moves) re-render only it, not the whole room and its windows
+#[component]
+fn PosCard(pos: Signal<String>) -> Element {
+ rsx! { div { class: "poscard", "{pos}" } }
+}
+
+/// a window over the room that moves by its title bar and remembers where it was left;
+/// its close button shows when the pointer is over it
+#[component]
+fn Win(id: String, title: Element, at: (f64, f64), on_close: EventHandler<()>, children: Element) -> Element {
+ let ui = ui();
+ let saved = ui.prefs.read().space.wins.get(&id).copied();
+ let mut place = use_signal(move || saved.unwrap_or(at));
+ let mut grab: Signal<Option<(f64, f64)>> = use_signal(|| None);
+ let (x, y) = place();
+ let id2 = id.clone();
+ rsx! {
+ // kept inside the room however the window is resized: the place is clamped by the
+ // layout itself, so a window left far right comes back when the room narrows
+ div {
+ class: "win",
+ // never past the bottom: its height is what's left below where it starts (it
+ // scrolls inside); a tall one moves up when there isn't room for 320 px
+ style: "left: clamp(0px, {x:.0}px, max(0px, calc(100% - var(--win-w)))); top: clamp(0px, min({y:.0}px, calc(100% - var(--over-bottom, 40px) - 320px)), max(0px, calc(100% - var(--over-bottom, 40px) - 44px))); max-height: calc(100% - var(--over-bottom, 40px) - 8px - clamp(0px, min({y:.0}px, calc(100% - var(--over-bottom, 40px) - 320px)), max(0px, calc(100% - var(--over-bottom, 40px) - 44px))));",
+ role: "dialog",
+ div {
+ class: "win-head",
+ title: "drag to move it",
+ onpointerdown: move |e| {
+ // from where it shows (clamped), not where it was left; no text selection
+ e.prevent_default();
+ let c = e.client_coordinates();
+ let o = e.element_coordinates();
+ place.set((c.x - o.x, c.y - o.y));
+ grab.set(Some((o.x, o.y)));
+ },
+ {title}
+ button {
+ class: "plain ibtn close",
+ "aria-label": "close",
+ onclick: move |_| on_close.call(()),
+ onpointerdown: move |e| e.stop_propagation(),
+ Icon { name: "close" }
+ }
+ }
+ div { class: "win-body", {children} }
+ }
+ if grab().is_some() {
+ // while dragging, a sheet over everything follows the pointer
+ div {
+ class: "win-drag",
+ onpointermove: move |e| {
+ if let Some((ox, oy)) = grab() {
+ let c = e.client_coordinates();
+ place.set(((c.x - ox).max(0.0), (c.y - oy).max(0.0)));
+ }
+ },
+ onpointerup: move |_| {
+ grab.set(None);
+ let id = id2.clone();
+ spawn(async move {
+ // kept clamped to the window as it is now
+ let mut ev = document::eval("dioxus.send([innerWidth, innerHeight]);");
+ let (w, h) = ev.recv::<(f64, f64)>().await.unwrap_or((1e6, 1e6));
+ let (x, y) = place();
+ let at = (x.clamp(0.0, (w - 120.0).max(0.0)), y.clamp(0.0, (h - 80.0).max(0.0)));
+ place.set(at);
+ set_pref(ui, move |p| {
+ p.space.wins.insert(id, at);
+ });
+ });
+ },
+ }
+ }
+ }
+}
+
+/// the numbers of a hovered or clicked text (the Bevy app's metrics card), each gsearching
+/// itself; its key, bucket and whether it's pinned
+#[component]
+fn Details(ev: SpaceEvent, on_gsearch: EventHandler<(u64, Mode)>, on_send: EventHandler<Value>) -> Element {
+ let ui = ui();
+ let m = anend_core::spread::metrics(&ev.text);
+ let rev = ui.prefs.read().space_reversed;
+ let mode = if rev { Mode::Reversed } else { Mode::Ordinal };
+ let n = move |v: i64, md: Option<Mode>| {
+ let md = md.unwrap_or(mode);
+ rsx! {
+ span {
+ class: "num",
+ title: "gsearch {v} ({md.name()})",
+ onclick: move |_| {
+ if v >= 0 {
+ on_gsearch.call((v as u64, md))
+ }
+ },
+ "{v}"
+ }
+ }
+ };
+ let rows: [[(&str, Element); 2]; 7] = [
+ [("s", n(m.s, Some(Mode::Ordinal))), ("r", n(m.r, Some(Mode::Reversed)))],
+ [("s+r", n(m.sr, None)), ("s·r", n(m.product, None))],
+ [("√(s·r)", rsx! { "{m.root:.3}" }), ("⌊√(s·r)⌋", n(m.jump, None))],
+ [("s−r", rsx! { "{m.diff}" }), ("s+r+|s−r|", n(m.wide, None))],
+ [("s+r+(s−r)", n(m.lean, None)), ("|s−r|−(s−r)", n(m.gap, None))],
+ [("v", n(m.v, None)), ("c", n(m.c, None))],
+ [("w", rsx! { "{m.w}" }), ("letters", rsx! { "{m.letters}" })],
+ ];
+ let w = window_width();
+ let key = ev.key.clone();
+ let q = ev.q as u64;
+ rsx! {
+ Win {
+ id: "details",
+ at: ((w - 330.0).max(8.0), 52.0),
+ on_close: move |_| set_pref(ui, |p| p.space.show_details = false),
+ title: rsx! { span { class: "win-title", "{ev.text}" } },
+ table { class: "metrics-table",
+ for (i , row) in rows.into_iter().enumerate() {
+ tr { key: "{i}",
+ for (label , cell) in row {
+ th { key: "{label}", "{label}" }
+ td { {cell} }
+ }
+ }
+ }
+ }
+ Triangle { s: m.s.max(0) as u64, r: m.r.max(0) as u64, height: 40.0 }
+ div { class: "gsum", {gem::gsum_line(&ev.text)} }
+ if !ev.free {
+ div { class: "dim small row",
+ "key "
+ span { class: "num", title: "into the bar", onclick: move |_| ui.set_bar(&key), "{ev.key}" }
+ " · bucket "
+ span { class: "swatch", style: "display: inline-block; width: 10px; height: 10px; border-radius: 2px; background: hsl({ev.hue} 70% 45%);" }
+ span {
+ class: "num",
+ title: "gsearch it",
+ onclick: move |_| on_gsearch.call((q, if rev { Mode::Ordinal } else { Mode::Reversed })),
+ " {q}"
+ }
+ if ev.pinned { " · pinned" }
+ if ev.copies > 1 { {format!(" · {} of {} placements", if ev.primary { "the first" } else { "a copy" }, ev.copies)} }
+ }
+ div { class: "dim small", "{ev.relation()}" }
+ SizeRow { ev: ev.clone(), on_send: move |v: Value| on_send.call(v) }
+ } else {
+ div { class: "dim small",
+ "a free text: double click or Enter edits it"
+ if ev.pinned { " · pinned" }
+ }
+ }
+ if m.s > 1 {
+ crate::views::memory::PfLine { n: m.s as u64 }
+ }
+ }
+ }
+}
+
+/// the window's width, for placing a window at the right the first time
+fn window_width() -> f64 {
+ #[cfg(target_arch = "wasm32")]
+ {
+ web_sys::window()
+ .and_then(|w| w.inner_width().ok())
+ .and_then(|v| v.as_f64())
+ .unwrap_or(1200.0)
+ }
+ #[cfg(not(target_arch = "wasm32"))]
+ {
+ 1200.0
+ }
+}
+
+/// the physics panel: every slider (double click its name: back to its default), what the
+/// depth follows, reset all, settle, pause
+#[component]
+fn PhysicsPanel(paused: bool, on_settle: EventHandler<()>, on_pause: EventHandler<bool>) -> Element {
+ let ui = ui();
+ let p = ui.prefs.read().space.clone();
+ let mut groups: Vec<(&str, Vec<&Slider>)> = Vec::new();
+ for s in &SLIDERS {
+ match groups.iter_mut().find(|(g, _)| *g == s.group) {
+ Some((_, v)) => v.push(s),
+ None => groups.push((s.group, vec![s])),
+ }
+ }
+ rsx! {
+ Win {
+ id: "physics",
+ at: (8.0, 80.0),
+ on_close: move |_| set_pref(ui, |p| p.space.show_physics = false),
+ title: rsx! {
+ span { class: "win-title", Icon { name: "sliders" } " physics" }
+ },
+ div { class: "physics",
+ for (g , sliders) in groups {
+ div { key: "{g}", class: "pgroup",
+ h4 { "{g}" }
+ for s in sliders {
+ PSlider { key: "{s.key}", which: s.key, value: p.physics.get(s.key).copied().unwrap_or(s.def) }
+ }
+ if g == "depth" {
+ label { class: "pslider",
+ span { class: "pname", "depth follows" }
+ select {
+ value: "{p.depth_by}",
+ onchange: move |e| set_pref(ui, |p| p.space.depth_by = e.value()),
+ for d in DEPTH_BY {
+ option { key: "{d}", value: "{d}", selected: p.depth_by == d, "{d}" }
+ }
+ }
+ }
+ }
+ }
+ }
+ div { class: "row",
+ button {
+ onclick: move |_| set_pref(ui, |p| {
+ p.space.physics.clear();
+ p.space.depth_by = "none".into();
+ }),
+ Icon { name: "undo" }
+ "reset all"
+ }
+ button { "data-tip": "settle now · {ui.key_of(Action::Settle)}", onclick: move |_| on_settle.call(()),
+ Icon { name: "check" }
+ "settle"
+ }
+ button {
+ class: if paused { "on" } else { "" },
+ "data-tip": "pause the physics · {ui.key_of(Action::Pause)}",
+ onclick: move |_| on_pause.call(!paused),
+ Icon { name: if paused { "play" } else { "pause" } }
+ if paused { "run" } else { "pause" }
+ }
+ }
+ }
+ }
+ }
+}
+
+#[component]
+fn PSlider(which: &'static str, value: f64) -> Element {
+ let ui = ui();
+ let Some(s) = SLIDERS.iter().find(|s| s.key == which) else {
+ return rsx! {};
+ };
+ let def = s.def;
+ let decimals = (-s.step.log10()).ceil().max(0.0) as usize;
+ rsx! {
+ label { class: "pslider",
+ span {
+ class: "pname",
+ title: "double click: back to {def}",
+ ondoubleclick: move |_| set_pref(ui, move |p| {
+ p.space.physics.remove(which);
+ }),
+ "{s.label}"
+ }
+ input {
+ r#type: "range",
+ min: "{s.min}",
+ max: "{s.max}",
+ step: "{s.step}",
+ value: "{value}",
+ oninput: move |e| {
+ if let Ok(x) = e.value().parse::<f64>() {
+ set_pref(ui, move |p| {
+ if (x - def).abs() < 1e-9 {
+ p.space.physics.remove(which);
+ } else {
+ p.space.physics.insert(which.to_string(), x);
+ }
+ });
+ }
+ },
+ }
+ span { class: "pval", {format!("{value:.decimals$}")} }
+ }
+ }
+}
+
+/// the keys as they're bound, and what the mouse does
+#[component]
+fn Help() -> Element {
+ let ui = ui();
+ let k = |a: Action| ui.key_of(a);
+ let sections: Vec<(&str, Vec<(String, &str)>)> = vec![
+ (
+ "flying",
+ vec![
+ ("Right mouse".into(), "hold to look"),
+ (
+ format!(
+ "{} {} {} {}",
+ k(Action::FlyForward),
+ k(Action::FlyLeft),
+ k(Action::FlyBack),
+ k(Action::FlyRight)
+ ),
+ "move",
+ ),
+ (format!("{} / {}", k(Action::FlyUp), k(Action::FlyDown)), "up / down"),
+ (format!("{} / {}", k(Action::RollLeft), k(Action::RollRight)), "roll"),
+ ("Shift".into(), "fast"),
+ (
+ format!("{} {} or the wheel", k(Action::Slower), k(Action::Faster)),
+ "flight speed",
+ ),
+ (k(Action::Level), "level the horizon"),
+ (k(Action::BackToStart), "back to start"),
+ ("arrows".into(), "hop to the nearest text that way"),
+ ],
+ ),
+ (
+ "walking, the grapple, superflight",
+ vec![
+ (k(Action::Walk), "walk / fly: gravity, blocks to stand on and bump into"),
+ (
+ format!(
+ "{} {} {} {}, Shift, {}",
+ k(Action::FlyForward),
+ k(Action::FlyLeft),
+ k(Action::FlyBack),
+ k(Action::FlyRight),
+ k(Action::Sneak)
+ ),
+ "walk, run, sneak",
+ ),
+ (
+ format!("{} / {}", k(Action::FlyUp), k(Action::FlyDown)),
+ "jump (at a ledge: climb onto it) / crouch",
+ ),
+ (format!("{} / {}", k(Action::RollLeft), k(Action::RollRight)), "lean"),
+ (
+ k(Action::Grapple),
+ "hook the block or text ahead / let go; the wheel reels in and out",
+ ),
+ (
+ k(Action::SuperFlight),
+ "superflight / fly: Shift boosts; texts flown through are collected",
+ ),
+ ("Esc".into(), "let the pointer go (right-drag still looks)"),
+ ],
+ ),
+ (
+ "texts",
+ vec![
+ ("drag a text".into(), "move it; it stays pinned"),
+ ("wheel on a text".into(), "push away / pull near"),
+ ("click".into(), "its text into the bar, its numbers in the details"),
+ ("double click".into(), "its key into the bar (a free text: edit it)"),
+ (
+ format!("double click the room, {}", k(Action::NewText)),
+ "a new free text",
+ ),
+ (k(Action::EditText), "edit the selected text"),
+ (k(Action::DeleteText), "remove it from the room"),
+ (k(Action::CopyText), "copy it"),
+ (k(Action::Pin), "pin / unpin it"),
+ (k(Action::Undo), "undo (a move, a pin, a removal; else the last action)"),
+ (
+ format!("{} / {}", k(Action::Export), k(Action::SaveMap)),
+ "export the texts / save the map",
+ ),
+ ],
+ ),
+ (
+ "blocks",
+ vec![
+ (
+ "the cube chip".into(),
+ "the blocks window: a block of the selected text, a picture or a colour",
+ ),
+ ("click a block".into(), "select it; drag it across the view"),
+ ("drag an arrow".into(), "move it along that axis"),
+ (
+ "drag a face's knob".into(),
+ "resize it: the texture tiles, the far face stays",
+ ),
+ ("Shift while dragging".into(), "snap to quarter units"),
+ (k(Action::DeleteText), "delete the selected block"),
+ (k(Action::Undo), "undo a move, a resize, an add or a delete"),
+ ],
+ ),
+ (
+ "the bar",
+ vec![
+ ("Enter".into(), "a number: its bucket; a text: its sum (or its words)"),
+ ("Ctrl+Enter".into(), "remember the text, gsearch its sum"),
+ ("Shift+Enter".into(), "bring back a key, like 0,12"),
+ ("Delete".into(), "forget the key typed"),
+ ("↑ ↓".into(), "history"),
+ ("#123 #r123 #name".into(), "a bucket, a reversed one, a saved map"),
+ (
+ "words".into(),
+ "Enlist List Delist Unlist Count Backup Clear ClearAll Settle Maps Save name",
+ ),
+ (
+ "Ctrl+click / Ctrl+Shift+click".into(),
+ "the list's candidate / the list",
+ ),
+ (
+ "Shift+click, or a box drawn on empty room".into(),
+ "select many: blocks, copies, texts, lights",
+ ),
+ ("Ctrl+right click".into(), "gsearch ⌊√(s·r)⌋"),
+ (
+ format!("{} {}", k(Action::SideSum), k(Action::SideReversedSum)),
+ "gsearch the bar's sums",
+ ),
+ ],
+ ),
+ (
+ "panels",
+ vec![
+ (k(Action::Physics), "the physics"),
+ (
+ format!("{} / {}", k(Action::Pause), k(Action::Settle)),
+ "pause / settle now",
+ ),
+ (k(Action::Details), "the details window"),
+ (k(Action::Hud), "the position card"),
+ (k(Action::Reversed), "reversed sums"),
+ (k(Action::Help), "this help"),
+ ],
+ ),
+ ];
+ rsx! {
+ div { class: "space-help",
+ button {
+ class: "plain ibtn close",
+ "aria-label": "close",
+ onclick: move |_| set_pref(ui, |p| p.space.show_help = false),
+ Icon { name: "close" }
+ }
+ div { class: "help-cols",
+ for (title , rows) in sections {
+ div { key: "{title}",
+ h4 { "{title}" }
+ table {
+ for (key , what) in rows {
+ tr { key: "{key}",
+ td { kbd { "{key}" } }
+ td { "{what}" }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// what the space adds to the command bar: the bar's sums, the list state, the chips
+#[component]
+pub fn SpaceStrip() -> Element {
+ let ui = ui();
+ let p = ui.prefs.read().clone();
+ let measure = (ui.measure)();
+ let picks = (ui.picks)();
+ let list = match (&picks.list, &picks.candidate) {
+ (Some(l), Some(c)) => format!("list {} · candidate {}", l.text, c.text),
+ (Some(l), None) => format!("list {}", l.text),
+ (None, Some(c)) => format!("candidate {}", c.text),
+ _ => String::new(),
+ };
+ rsx! {
+ if let Some(me) = measure {
+ span { class: "sidecar", "aria-label": "the bar's sums",
+ "("
+ span {
+ class: if !p.space_reversed { "num on" } else { "num" },
+ title: "ordinal · {ui.key_of(Action::SideSum)} gsearches it",
+ onclick: move |_| set_pref(ui, |p| p.space_reversed = false),
+ "{me.ordinal}"
+ }
+ ", "
+ span {
+ class: if p.space_reversed { "num on" } else { "num" },
+ title: "reversed · {ui.key_of(Action::SideReversedSum)} gsearches it",
+ onclick: move |_| set_pref(ui, |p| p.space_reversed = true),
+ "{me.reversed}"
+ }
+ ")"
+ }
+ }
+ if !list.is_empty() {
+ span { class: "sidenote", "{list}" }
+ }
+ select {
+ class: "search-mode",
+ "aria-label": "how Enter searches",
+ title: "how Enter searches: normal (sums and words), by the colouring classifier (a class's name), or random (texts sharing a word, in no order; * takes any)",
+ value: "{p.space_search}",
+ onchange: move |e| { let v = e.value(); set_pref(ui, move |p| p.space_search = v) },
+ option { value: "normal", selected: p.space_search == "normal", "normal" }
+ option { value: "classifier", selected: p.space_search == "classifier", "classifier" }
+ option { value: "random", selected: p.space_search == "random", "random" }
+ }
+ span { class: "toggles",
+ TChip {
+ label: "gsearch: a text by its sum, not its words",
+ icon: "search",
+ on: p.gsearch_text,
+ onclick: move |_| set_pref(ui, |p| p.gsearch_text = !p.gsearch_text),
+ }
+ TChip {
+ label: format!("reversed: bucket by the reversed sum · {}", ui.key_of(Action::Reversed)),
+ letter: "R",
+ on: p.space_reversed,
+ onclick: move |_| set_pref(ui, |p| p.space_reversed = !p.space_reversed),
+ }
+ TChip {
+ label: "saturate: remember what's searched",
+ icon: "bolt",
+ on: p.saturate,
+ onclick: move |_| set_pref(ui, |p| p.saturate = !p.saturate),
+ }
+ TChip {
+ label: "keep: add new results to the spread",
+ icon: "pin",
+ on: p.space_keep,
+ onclick: move |_| set_pref(ui, |p| p.space_keep = !p.space_keep),
+ }
+ }
+ span { class: "toggles",
+ TChip {
+ label: format!("the physics · {}", ui.key_of(Action::Physics)),
+ icon: "sliders",
+ on: p.space.show_physics,
+ onclick: move |_| set_pref(ui, |p| p.space.show_physics = !p.space.show_physics),
+ }
+ TChip {
+ label: format!("the details window · {}", ui.key_of(Action::Details)),
+ icon: "view",
+ on: p.space.show_details,
+ onclick: move |_| set_pref(ui, |p| p.space.show_details = !p.space.show_details),
+ }
+ TChip {
+ label: "scenes: the saved rooms, to open, combine, rename and delete",
+ icon: "folder",
+ on: p.space.show_scenes,
+ onclick: move |_| set_pref(ui, |p| p.space.show_scenes = !p.space.show_scenes),
+ }
+ TChip {
+ label: "blocks: spatial saves, boxes showing texts and pictures",
+ icon: "cube",
+ on: p.space.show_blocks,
+ onclick: move |_| set_pref(ui, |p| p.space.show_blocks = !p.space.show_blocks),
+ }
+ TChip {
+ label: "animations: keyframes for blocks, eased along timing curves",
+ icon: "play",
+ on: p.space.show_anims,
+ onclick: move |_| set_pref(ui, |p| p.space.show_anims = !p.space.show_anims),
+ }
+ TChip {
+ label: "prefabs: blocks grouped into subassemblies, placed as copies",
+ icon: "prefab",
+ on: p.space.show_prefabs,
+ onclick: move |_| set_pref(ui, |p| p.space.show_prefabs = !p.space.show_prefabs),
+ }
+ TChip {
+ label: "sounds: the save's sounds, and blocks that play them",
+ icon: "sound",
+ on: p.space.show_sounds,
+ onclick: move |_| set_pref(ui, |p| p.space.show_sounds = !p.space.show_sounds),
+ }
+ TChip {
+ label: "wiring: blocks that cast rays and run programs",
+ icon: "bolt",
+ on: p.space.show_wiring,
+ onclick: move |_| set_pref(ui, |p| p.space.show_wiring = !p.space.show_wiring),
+ }
+ TChip {
+ label: "lights: ambient, sun, point and cone lights, baked onto the blocks",
+ icon: "sun",
+ on: p.space.show_lights,
+ onclick: move |_| set_pref(ui, |p| p.space.show_lights = !p.space.show_lights),
+ }
+ TChip {
+ label: "textures: recipes from pictures, texts and colours, for blocks, faces and the sky",
+ icon: "image",
+ on: p.space.show_textures,
+ onclick: move |_| set_pref(ui, |p| p.space.show_textures = !p.space.show_textures),
+ }
+ TChip {
+ label: format!("help · {}", ui.key_of(Action::Help)),
+ icon: "help",
+ on: p.space.show_help,
+ onclick: move |_| set_pref(ui, |p| p.space.show_help = !p.space.show_help),
+ }
+ }
+ }
+}
+
+#[cfg(test)]
+mod tests {
+ use super::*;
+
+ #[test]
+ fn sliders_match_the_engine() {
+ // every slider is one of space.js's PHYSICS keys, with the same default
+ for s in &SLIDERS {
+ let pat = format!("{}: {}", s.key, s.def);
+ let alt = format!("{}: {}", s.key, s.def as i64);
+ assert!(
+ ENGINE.contains(&pat) || ENGINE.contains(&alt),
+ "{} = {} isn't space.js's",
+ s.key,
+ s.def
+ );
+ assert!(s.min <= s.def && s.def <= s.max, "{}", s.key);
+ }
+ // a free spread: no spiral and no anchors left in the engine
+ assert!(!ENGINE.contains("spiral(") && !ENGINE.contains("p.anchor"));
+ assert_eq!(letter_counts("Ab b")[1], 2);
+ }
+}
diff --git a/app/src/views/space/animwin.rs b/app/src/views/space/animwin.rs
new file mode 100644
index 00000000..057168dd
--- /dev/null
+++ b/app/src/views/space/animwin.rs
@@ -0,0 +1,468 @@
+//! The animations window: keyframe animations for blocks (core's `graph::anims`), made and
+//! previewed on the selected block. An animation is an entry of the save, so one is shared
+//! by every block that plays it.
+//!
+//! The window lists the save's animations; one is opened to edit: its name, length and how
+//! it repeats, its timing (a cubic-bezier curve whose two control points are dragged, with
+//! CSS's named curves one click away), and a timeline of keys. The scrubber shows any
+//! moment on the selected block; "a key here" adds a key there with the pose it has; a
+//! picked key's move, turn and scale are sliders, its texture a pick, and it can have a
+//! timing of its own to the next key. "play" previews it on the block; "keep" saves it;
+//! the selected block can then play it, with a delay and a speed of its own.
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use super::{Sp, Win, dress};
+use crate::shell::set_pref;
+use crate::ui::*;
+
+/// the save's animations, and the textures their keys show, into the room
+pub(super) async fn load_anims(ui: Ui, api: &Api, sp: Sp) -> Vec<Value> {
+ let list: Vec<Value> = match api.call("anims.list", json!({})).await {
+ Ok(v) => v.as_array().cloned().unwrap_or_default(),
+ // a hub from before animations
+ Err(_) => Vec::new(),
+ };
+ let textures = textures_of(api, &list).await;
+ let textures = dress(ui, api, textures).await;
+ sp.send(json!({ "cmd": "anims", "anims": list, "textures": textures }));
+ list
+}
+
+/// what the keys' textures are, for the room to draw them
+async fn textures_of(api: &Api, list: &[Value]) -> Value {
+ let mut out = serde_json::Map::new();
+ let recipes = api.call("textures.list", json!({})).await.ok();
+ for a in list {
+ for k in a["anim"]["keys"].as_array().into_iter().flatten() {
+ let Some(t) = k["texture"].as_str() else { continue };
+ if out.contains_key(t) {
+ continue;
+ }
+ let about = if let Some(c) = t.strip_prefix("plain:") {
+ json!({ "colour": c })
+ } else if let Some(id) = t.strip_prefix("texture:") {
+ recipes
+ .as_ref()
+ .and_then(|r| r.as_array())
+ .and_then(|r| r.iter().find(|x| x["id"].as_str() == Some(id)).cloned())
+ .unwrap_or(json!({ "gone": true }))
+ } else {
+ json!({})
+ };
+ out.insert(t.to_string(), about);
+ }
+ }
+ Value::Object(out)
+}
+
+fn blank() -> Value {
+ json!({ "name": "", "duration": 2.0, "repeat": "loop", "timing": [0.25, 0.1, 0.25, 1.0],
+ "keys": [{ "at": 0.0, "move": [0.0, 0.0, 0.0] }, { "at": 1.0, "move": [0.0, 1.0, 0.0] }] })
+}
+
+/// CSS's named timings
+const NAMED: [(&str, [f64; 4]); 5] = [
+ ("linear", [0.0, 0.0, 1.0, 1.0]),
+ ("ease", [0.25, 0.1, 0.25, 1.0]),
+ ("ease-in", [0.42, 0.0, 1.0, 1.0]),
+ ("ease-out", [0.0, 0.0, 0.58, 1.0]),
+ ("ease-in-out", [0.42, 0.0, 0.58, 1.0]),
+];
+
+fn four(v: &Value) -> [f64; 4] {
+ let a: Vec<f64> = v
+ .as_array()
+ .map(|a| a.iter().filter_map(Value::as_f64).collect())
+ .unwrap_or_default();
+ if a.len() == 4 {
+ [a[0], a[1], a[2], a[3]]
+ } else {
+ [0.25, 0.1, 0.25, 1.0]
+ }
+}
+
+/// two timings the same, as far as f32 storage keeps them
+fn same(a: [f64; 4], b: [f64; 4]) -> bool {
+ a.iter().zip(b).all(|(x, y)| (x - y).abs() < 1e-4)
+}
+
+fn three(v: &Value, d: f64) -> [f64; 3] {
+ let a: Vec<f64> = v
+ .as_array()
+ .map(|a| a.iter().filter_map(Value::as_f64).collect())
+ .unwrap_or_default();
+ if a.len() == 3 { [a[0], a[1], a[2]] } else { [d; 3] }
+}
+
+/// a cubic-bezier timing drawn in a square: drag either control point
+#[component]
+fn Curve(t: [f64; 4], on_change: EventHandler<[f64; 4]>) -> Element {
+ let mut dragging: Signal<Option<u8>> = use_signal(|| None);
+ let (w, h) = (150.0f64, 150.0f64);
+ let px = |x: f64| 15.0 + x * (w - 30.0);
+ // y from -0.5 to 1.5 (overshoot shows)
+ let py = |y: f64| h - 15.0 - (y + 0.5) / 2.0 * (h - 30.0) - 0.0;
+ let mut d = String::new();
+ for i in 0..=40 {
+ let s = i as f64 / 40.0;
+ let b = |a: f64, c: f64| 3.0 * (1.0 - s) * (1.0 - s) * s * a + 3.0 * (1.0 - s) * s * s * c + s * s * s;
+ d += &format!(
+ "{}{:.1},{:.1} ",
+ if i == 0 { "M" } else { "L" },
+ px(b(t[0], t[2])),
+ py(b(t[1], t[3]))
+ );
+ }
+ let to = move |x: f64, y: f64| -> (f64, f64) {
+ let fx = ((x - 15.0) / (w - 30.0)).clamp(0.0, 1.0);
+ let fy = ((h - 15.0 - y) / (h - 30.0) * 2.0 - 0.5).clamp(-0.5, 1.5);
+ ((fx * 100.0).round() / 100.0, (fy * 100.0).round() / 100.0)
+ };
+ rsx! {
+ svg { class: "bend-curve anim-curve", width: "{w}", height: "{h}", view_box: "0 0 {w} {h}",
+ rect { x: "{px(0.0)}", y: "{py(1.0)}", width: "{px(1.0) - px(0.0)}", height: "{py(0.0) - py(1.0)}", class: "anim-box" }
+ line { x1: "{px(0.0)}", y1: "{py(0.0)}", x2: "{px(t[0])}", y2: "{py(t[1])}", class: "handle" }
+ line { x1: "{px(1.0)}", y1: "{py(1.0)}", x2: "{px(t[2])}", y2: "{py(t[3])}", class: "handle" }
+ path { d: "{d}", class: "curve" }
+ circle { cx: "{px(t[0])}", cy: "{py(t[1])}", r: "7", class: "ctl", onmousedown: move |e| { e.prevent_default(); dragging.set(Some(1)) } }
+ circle { cx: "{px(t[2])}", cy: "{py(t[3])}", r: "7", class: "ctl", onmousedown: move |e| { e.prevent_default(); dragging.set(Some(2)) } }
+ if dragging().is_some() {
+ rect { x: "0", y: "0", width: "{w}", height: "{h}", class: "catch",
+ onmousemove: move |e| {
+ let c = e.element_coordinates();
+ let (x, y) = to(c.x, c.y);
+ let mut n = t;
+ if dragging() == Some(1) { n[0] = x; n[1] = y; } else { n[2] = x; n[3] = y; }
+ on_change.call(n);
+ },
+ onmouseup: move |_| dragging.set(None),
+ onmouseleave: move |_| dragging.set(None),
+ }
+ }
+ }
+ }
+}
+
+/// three sliders for a key's vector, and whether the key sets it at all
+fn vec_row(
+ label: &str,
+ v: &Value,
+ (lo, hi, step, rest): (f64, f64, f64, f64),
+ on: EventHandler<Option<[f64; 3]>>,
+) -> Element {
+ let set = !v.is_null();
+ let cur = three(v, rest);
+ rsx! {
+ div { class: "anim-vec",
+ label { class: "sb-tick", title: "whether this key sets it (else it's carried between the keys that do)",
+ input { r#type: "checkbox", checked: set, oninput: move |e| on.call(if e.checked() { Some(cur) } else { None }) }
+ "{label}"
+ }
+ if set {
+ for (i , axis) in ["x", "y", "z"].into_iter().enumerate() {
+ label { key: "{axis}", class: "lt-slider",
+ span { "{axis}" }
+ input { r#type: "range", min: "{lo}", max: "{hi}", step: "{step}", value: "{cur[i]}",
+ oninput: move |e| { let mut n = cur; n[i] = e.value().parse().unwrap_or(rest); on.call(Some(n)) } }
+ span { class: "dim small", {format!("{:.2}", cur[i])} }
+ }
+ }
+ }
+ }
+ }
+}
+
+#[component]
+pub(super) fn Anims(sp: Sp, block: Option<Value>, on_changed: EventHandler<()>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut list: Signal<Vec<Value>> = use_signal(Vec::new);
+ // the animation being edited: its key (None: new) and itself
+ let mut open: Signal<Option<(Option<String>, Value)>> = use_signal(|| None);
+ let mut picked: Signal<Option<usize>> = use_signal(|| None);
+ let mut scrub = use_signal(|| 0.0f64);
+ let mut playing = use_signal(|| false);
+ let mut recipes: Signal<Vec<(String, String)>> = use_signal(Vec::new);
+ let api_l = api.clone();
+ use_hook(move || {
+ let api = api_l.clone();
+ spawn(async move {
+ list.set(load_anims(ui, &api, sp).await);
+ if let Ok(r) = api.call("textures.list", json!({})).await {
+ recipes.set(
+ r.as_array()
+ .into_iter()
+ .flatten()
+ .map(|t| {
+ let id = t["id"].as_str().unwrap_or("").to_string();
+ let name = t["name"]
+ .as_str()
+ .filter(|n| !n.is_empty())
+ .map(str::to_string)
+ .unwrap_or_else(|| id.chars().take(8).collect());
+ (format!("texture:{id}"), name)
+ })
+ .collect(),
+ );
+ }
+ });
+ });
+ let bid = block.as_ref().and_then(|b| b["id"].as_str()).map(str::to_string);
+ // the open animation shown on the selected block: at the scrubber, or playing
+ let bid_e = bid.clone();
+ use_effect(move || {
+ let (o, p, play) = (open(), scrub(), playing());
+ if let Some(id) = bid_e.clone() {
+ match o {
+ Some((_, a)) => sp.send(json!({ "cmd": "animpreview", "id": id, "anim": a, "p": if play { Value::Null } else { json!(p) } })),
+ None => sp.send(json!({ "cmd": "animpreview", "id": id, "anim": null })),
+ }
+ }
+ });
+ let bid_d = bid.clone();
+ use_drop(move || {
+ if let Some(id) = bid_d.clone() {
+ sp.send(json!({ "cmd": "animpreview", "id": id, "anim": null }));
+ }
+ });
+ let edit = move |f: &dyn Fn(&mut Value)| {
+ let mut o = open;
+ if let Some((_, a)) = o.write().as_mut() {
+ f(a);
+ }
+ };
+ let api_k = api.clone();
+ let keep = move || {
+ let api = api_k.clone();
+ let Some((key, a)) = open.peek().clone() else { return };
+ spawn(async move {
+ match api.call("anims.save", json!({ "key": key, "anim": a })).await {
+ Ok(v) => {
+ let k = v["key"].as_str().unwrap_or("").to_string();
+ open.set(Some((Some(k), v["anim"].clone())));
+ list.set(load_anims(ui, &api, sp).await);
+ ui.say("animation kept");
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+
+ let o = open();
+ let keys: Vec<Value> = o
+ .as_ref()
+ .map(|(_, a)| a["keys"].as_array().cloned().unwrap_or_default())
+ .unwrap_or_default();
+ let pk = picked().filter(|&i| i < keys.len());
+ let plays = block
+ .as_ref()
+ .and_then(|b| b["anim"]["key"].as_str())
+ .map(str::to_string);
+ rsx! {
+ Win {
+ id: "anims",
+ at: (8.0, 80.0),
+ on_close: move |_| set_pref(ui, |p| p.space.show_anims = false),
+ title: rsx! {
+ span { class: "win-title",
+ Icon { name: "play" }
+ "animations"
+ span { class: "dim small", style: "font-weight: 400;", {match list.read().len() { 0 => "none yet".to_string(), 1 => "1 in this save".to_string(), n => format!("{n} in this save") }} }
+ }
+ },
+ div { class: "row wrap anim-list",
+ for a in list() {
+ {
+ let key = a["key"].as_str().unwrap_or("").to_string();
+ let name = a["anim"]["name"].as_str().filter(|n| !n.is_empty()).map(str::to_string).unwrap_or_else(|| format!("animation {key}"));
+ let on = o.as_ref().and_then(|x| x.0.clone()) == Some(key.clone());
+ rsx! {
+ button { key: "{key}", class: if on { "btn small on" } else { "plain small" },
+ title: if plays.as_deref() == Some(key.as_str()) { "the selected block plays this" } else { "open it" },
+ onclick: move |_| { open.set(Some((Some(key.clone()), a["anim"].clone()))); picked.set(None); scrub.set(0.0); },
+ if plays.as_deref() == Some(a["key"].as_str().unwrap_or("")) { "▶ " } "{name}" }
+ }
+ }
+ }
+ button { class: "btn small", onclick: move |_| { open.set(Some((None, blank()))); picked.set(Some(1)); scrub.set(1.0); }, Icon { name: "new" } "new" }
+ }
+ if let Some((key, a)) = o.clone() {
+ div { class: "anim-edit",
+ div { class: "row",
+ input { r#type: "text", class: "sb-text", placeholder: "its name", value: a["name"].as_str().unwrap_or("").to_string(),
+ oninput: move |e| edit(&|a| a["name"] = json!(e.value())) }
+ select { class: "sb-pick", "aria-label": "how it repeats",
+ onchange: move |e| edit(&|a| a["repeat"] = json!(e.value())),
+ for (r , w) in [("once", "once"), ("loop", "in a loop"), ("alternate", "back and forth")] {
+ option { key: "{r}", value: "{r}", selected: a["repeat"].as_str().unwrap_or("once") == r, "{w}" }
+ }
+ }
+ }
+ label { class: "lt-slider", span { "length" }
+ input { r#type: "range", min: "0.1", max: "20", step: "0.1", value: "{a[\"duration\"].as_f64().unwrap_or(2.0)}",
+ oninput: move |e| edit(&|a| a["duration"] = json!(e.value().parse::<f64>().unwrap_or(2.0))) }
+ span { class: "dim small", {format!("{:.1} s", a["duration"].as_f64().unwrap_or(2.0))} }
+ }
+ div { class: "anim-timing",
+ Curve { t: four(&a["timing"]), on_change: move |t: [f64; 4]| edit(&|a| a["timing"] = json!(t)) }
+ div { class: "anim-named",
+ span { class: "dim small", "timing between keys" }
+ for (n , t) in NAMED {
+ button { key: "{n}", class: if same(four(&a["timing"]), t) { "btn small on" } else { "plain small" }, onclick: move |_| edit(&|a| a["timing"] = json!(t)), "{n}" }
+ }
+ }
+ }
+ // the timeline: the keys as dots; the scrubber shows a moment on the block
+ div { class: "anim-track",
+ for (i , at) in keys.iter().map(|k| k["at"].as_f64().unwrap_or(0.0)).enumerate() {
+ button { key: "{i}", class: if pk == Some(i) { "anim-key on" } else { "anim-key" },
+ style: "left: {at * 100.0}%;",
+ title: "the key at {at:.2}",
+ onclick: move |_| { picked.set(Some(i)); scrub.set(at); playing.set(false); },
+ "◆" }
+ }
+ input { r#type: "range", class: "anim-scrub", min: "0", max: "1", step: "0.005", value: "{scrub()}", "aria-label": "a moment",
+ oninput: move |e| { scrub.set(e.value().parse().unwrap_or(0.0)); playing.set(false); } }
+ }
+ div { class: "row wrap",
+ span { class: "dim small", {format!("{:.0}%", scrub() * 100.0)} }
+ button { class: "btn small", title: "a key at this moment, with the pose it has here",
+ onclick: move |_| {
+ let p = (scrub() * 1000.0).round() / 1000.0;
+ edit(&|a| {
+ let mut ks = a["keys"].as_array().cloned().unwrap_or_default();
+ ks.retain(|k| k["at"].as_f64() != Some(p));
+ ks.push(json!({ "at": p }));
+ ks.sort_by(|x, y| x["at"].as_f64().unwrap_or(0.0).total_cmp(&y["at"].as_f64().unwrap_or(0.0)));
+ a["keys"] = json!(ks);
+ });
+ let i = open.peek().as_ref().and_then(|(_, a)| a["keys"].as_array().and_then(|k| k.iter().position(|k| k["at"].as_f64() == Some(p))));
+ picked.set(i);
+ },
+ Icon { name: "new" } "a key here" }
+ button { class: "btn small", disabled: bid.is_none(), title: if bid.is_none() { "select a block to see it on" } else { "play it on the selected block" },
+ onclick: move |_| playing.set(!playing()), if playing() { "pause" } else { "▶ play" } }
+ span { class: "grow" }
+ button { class: "btn small primary", onclick: { let k = keep.clone(); move |_| k() }, Icon { name: "save" } "keep" }
+ }
+ if let Some(i) = pk {
+ {
+ let k = keys[i].clone();
+ let path_set = move |field: &'static str, v: Option<[f64; 3]>| edit(&|a| {
+ match v {
+ Some(x) => a["keys"][i][field] = json!(x),
+ None => { if let Some(o) = a["keys"][i].as_object_mut() { o.remove(field); } }
+ }
+ });
+ let tex = k["texture"].as_str().unwrap_or("").to_string();
+ rsx! {
+ div { class: "anim-keyed",
+ div { class: "row",
+ b { "key {i + 1}" }
+ label { class: "lt-slider", span { "at" }
+ input { r#type: "range", min: "0", max: "1", step: "0.005", value: "{k[\"at\"].as_f64().unwrap_or(0.0)}",
+ oninput: move |e| { let p: f64 = e.value().parse().unwrap_or(0.0); scrub.set(p); edit(&|a| a["keys"][i]["at"] = json!(p)) } }
+ }
+ button { class: "plain small", title: "take this key out",
+ onclick: move |_| { edit(&|a| { if let Some(ks) = a["keys"].as_array_mut() && i < ks.len() { ks.remove(i); } }); picked.set(None); },
+ Icon { name: "delete" } }
+ }
+ {vec_row("move (units)", &k["move"], (-10.0, 10.0, 0.05, 0.0), EventHandler::new(move |v| path_set("move", v)))}
+ {vec_row("turn (degrees)", &k["turn"], (-360.0, 360.0, 1.0, 0.0), EventHandler::new(move |v| path_set("turn", v)))}
+ {vec_row("scale (times)", &k["scale"], (0.1, 4.0, 0.05, 1.0), EventHandler::new(move |v| path_set("scale", v)))}
+ div { class: "row wrap",
+ span { class: "small", "texture from here" }
+ select { class: "sb-pick", "aria-label": "the key's texture",
+ onchange: move |e| { let t = e.value(); edit(&|a| { if t.is_empty() { if let Some(o) = a["keys"][i].as_object_mut() { o.remove("texture"); } } else { a["keys"][i]["texture"] = json!(t) } }) },
+ option { value: "", selected: tex.is_empty(), "the block's own" }
+ if tex.starts_with("plain:") { option { value: "{tex}", selected: true, "{tex}" } }
+ for (id , n) in recipes() { option { key: "{id}", value: "{id}", selected: tex == id, "the recipe {n}" } }
+ }
+ input { r#type: "color", "aria-label": "a colour from this key", value: tex.strip_prefix("plain:").unwrap_or("#c0a070").to_string(),
+ onchange: move |e| edit(&|a| a["keys"][i]["texture"] = json!(format!("plain:{}", e.value()))) }
+ }
+ div { class: "row wrap",
+ label { class: "sb-tick", title: "a timing of its own from this key to the next",
+ input { r#type: "checkbox", checked: !k["timing"].is_null(),
+ oninput: move |e| { let on = e.checked(); edit(&|a| { if on { let t = a["timing"].clone(); a["keys"][i]["timing"] = t; } else if let Some(o) = a["keys"][i].as_object_mut() { o.remove("timing"); } }) } }
+ "its own timing to the next key"
+ }
+ }
+ if !k["timing"].is_null() {
+ Curve { t: four(&k["timing"]), on_change: move |t: [f64; 4]| edit(&|a| a["keys"][i]["timing"] = json!(t)) }
+ }
+ }
+ }
+ }
+ }
+ if let (Some(b), Some(k)) = (block.clone(), key.clone()) {
+ {
+ let id = b["id"].as_str().unwrap_or("").to_string();
+ let delay = b["anim"]["delay"].as_f64().unwrap_or(0.0);
+ let speed = b["anim"]["speed"].as_f64().unwrap_or(1.0);
+ let mine = plays.as_deref() == Some(k.as_str());
+ let api = api.clone();
+ let set_anim = move |v: Value| {
+ let (api, id) = (api.clone(), id.clone());
+ spawn(async move {
+ match api.call("blocks.set", json!({ "id": id, "anim": v })).await {
+ Ok(r) => {
+ let textures = dress(ui, &api, r["textures"].clone()).await;
+ sp.send(json!({ "cmd": "blocks", "blocks": r["blocks"], "textures": textures, "select": id }));
+ on_changed.call(());
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let (s1, s2, s3, s4) = (set_anim.clone(), set_anim.clone(), set_anim.clone(), set_anim.clone());
+ let (k1, k2, k3) = (k.clone(), k.clone(), k.clone());
+ rsx! {
+ div { class: "anim-use",
+ if mine {
+ span { class: "small", "the selected block plays it" }
+ label { class: "lt-slider", span { "after" }
+ input { r#type: "range", min: "0", max: "10", step: "0.1", value: "{delay}",
+ onchange: move |e| s1(json!({ "key": k1, "delay": e.value().parse::<f64>().unwrap_or(0.0), "speed": speed })) }
+ span { class: "dim small", {format!("{delay:.1} s")} }
+ }
+ label { class: "lt-slider", span { "speed" }
+ input { r#type: "range", min: "0.1", max: "4", step: "0.05", value: "{speed}",
+ onchange: move |e| s2(json!({ "key": k2, "delay": delay, "speed": e.value().parse::<f64>().unwrap_or(1.0) })) }
+ span { class: "dim small", {format!("{speed:.2}×")} }
+ }
+ button { class: "plain small", onclick: move |_| s3(Value::Null), "stop it" }
+ } else {
+ button { class: "btn small", title: "the selected block plays this animation (kept in the save)",
+ onclick: move |_| s4(json!({ "key": k3, "delay": 0.0, "speed": 1.0 })), Icon { name: "play" } "the selected block plays it" }
+ }
+ }
+ }
+ }
+ } else if key.is_none() {
+ p { class: "dim small", "Keep it first; then a block can play it." }
+ } else {
+ p { class: "dim small", "Select a block to see it there and have it play it." }
+ }
+ if let Some(k) = key.clone() {
+ button { class: "plain small", title: "delete the animation (blocks playing it stop)",
+ onclick: { let api = api.clone(); move |_| {
+ let (api, k) = (api.clone(), k.clone());
+ spawn(async move {
+ match api.call("anims.delete", json!({ "key": k })).await {
+ Ok(_) => { open.set(None); list.set(load_anims(ui, &api, sp).await); ui.say("animation deleted"); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ } },
+ Icon { name: "delete" } "delete it" }
+ }
+ }
+ } else {
+ p { class: "dim small", "Keyframes for blocks, as CSS has them: a move, a turn, a scale and a texture at moments, eased along a timing curve. Open one, or make a new one; select a block to see it there." }
+ }
+ }
+ }
+}
diff --git a/app/src/views/space/flightwin.rs b/app/src/views/space/flightwin.rs
new file mode 100644
index 00000000..f17e3b4d
--- /dev/null
+++ b/app/src/views/space/flightwin.rs
@@ -0,0 +1,99 @@
+//! What superflight collected (queued request #9): the texts flown through, in the order
+//! met, shown while there are any. They can become one new entry (their words joined), a
+//! chain (the first its title, the rest its members), a list (the first its head), or the
+//! bar's text; or be cleared. Free texts (not entries of the save) join the new entry
+//! and the bar, but a chain or a list takes entries only.
+
+use dioxus::prelude::*;
+use serde_json::json;
+
+use super::{Sp, Win};
+use crate::ui::*;
+
+#[component]
+pub(super) fn Collected(sp: Sp) -> Element {
+ let ui = ui();
+ let api = api();
+ let got = (sp.collected)();
+ let texts: Vec<String> = got
+ .iter()
+ .map(|c| c["text"].as_str().unwrap_or("").to_string())
+ .collect();
+ let joined = texts.join(" ");
+ // entries only (a free text's key isn't an entry's)
+ let keys: Vec<String> = got
+ .iter()
+ .filter_map(|c| c["key"].as_str())
+ .filter(|k| anend_core::graph::record::parse_label(k).is_some())
+ .map(str::to_string)
+ .collect();
+ let clear = move || sp.send(json!({ "cmd": "clearcollected" }));
+ let make = {
+ let api = api.clone();
+ move |what: &'static str| {
+ let api = api.clone();
+ let (joined, keys) = (joined.clone(), keys.clone());
+ spawn(async move {
+ let r: Result<String, String> = match what {
+ "entry" => api
+ .call("mem.saturate", json!({ "text": joined }))
+ .await
+ .map(|v| format!("an entry: {}", v["key"].as_str().unwrap_or(""))),
+ "chain" if keys.len() >= 2 => api
+ .call("chains.make", json!({ "title": keys[0], "members": keys[1..] }))
+ .await
+ .map(|v| format!("a chain under “{}”", v["title"]["text"].as_str().unwrap_or(""))),
+ "list" if keys.len() >= 2 => {
+ let mut out = Ok(String::new());
+ for m in &keys[1..] {
+ if let Err(e) = api.call("lists.enlist", json!({ "list": keys[0], "member": m })).await {
+ out = Err(e);
+ break;
+ }
+ }
+ out.map(|_| format!("a list of {} under its first", keys.len() - 1))
+ }
+ _ => Err("a chain or a list needs two texts of the save at least".into()),
+ };
+ match r {
+ Ok(said) => {
+ ui.say(said);
+ sp.send(json!({ "cmd": "clearcollected" }));
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ let (m1, m2, m3) = (make.clone(), make.clone(), make.clone());
+ let shown = 24;
+ rsx! {
+ Win {
+ id: "collected",
+ at: (8.0, 200.0),
+ on_close: move |_| clear(),
+ title: rsx! {
+ span { class: "win-title",
+ Icon { name: "bolt" }
+ "flown through"
+ span { class: "dim small", style: "font-weight: 400;", {format!("{} text{}, in order", got.len(), if got.len() == 1 { "" } else { "s" })} }
+ }
+ },
+ div { class: "wire-targets",
+ for (i, t) in texts.iter().take(shown).enumerate() {
+ span { key: "{i}", class: "chip small", "{t}" }
+ }
+ if texts.len() > shown {
+ span { class: "dim small", {format!("…and {} more", texts.len() - shown)} }
+ }
+ }
+ div { class: "row wrap",
+ button { class: "btn small primary", title: "one new entry: their words joined", onclick: move |_| m1("entry"), "an entry" }
+ button { class: "btn small", title: "the first its title, the rest its members", onclick: move |_| m2("chain"), "a chain" }
+ button { class: "btn small", title: "the first its head, the rest its members", onclick: move |_| m3("list"), "a list" }
+ button { class: "btn small", onclick: { let j = texts.join(" "); move |_| ui.set_bar(&j) }, "into the bar" }
+ button { class: "btn small", onclick: move |_| clear(), "clear" }
+ }
+ }
+ }
+}
diff --git a/app/src/views/space/lightwin.rs b/app/src/views/space/lightwin.rs
new file mode 100644
index 00000000..9d943f18
--- /dev/null
+++ b/app/src/views/space/lightwin.rs
@@ -0,0 +1,328 @@
+//! The lights window: the room's lights (core's `graph::lights`), baked onto the blocks by
+//! the room (`space.js` `bake`). Add an ambient light, a sun (directional), a point or a
+//! cone ahead of you; pick one to set its colour, strength, reach, direction and cone with
+//! sliders. Every change shows at once; it's kept when the slider is let go.
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use super::{Sp, Win};
+use crate::shell::set_pref;
+use crate::ui::*;
+
+/// the room's lights into the room (all of them, or baking only where `changed` reach)
+pub(super) fn send_lights(sp: Sp, changed: Option<Vec<u64>>) {
+ let lights = sp.lights.peek().clone();
+ sp.send(json!({ "cmd": "lights", "lights": lights, "changed": changed }));
+}
+
+/// the save's lights, read again and sent to the room
+pub(super) async fn load_lights(api: &Api, sp: Sp) {
+ let all = match api.call("lights.list", json!({})).await {
+ Ok(v) => v.as_array().cloned().unwrap_or_default(),
+ // a hub from before lights: none
+ Err(_) => Vec::new(),
+ };
+ let mut l = sp.lights;
+ l.set(all);
+ send_lights(sp, None);
+}
+
+/// a slider for a reach: 0–100 for 0.5 to 200 units, evenly in log
+fn reach_to_slider(v: f64) -> f64 {
+ ((v.clamp(0.5, 200.0) / 0.5).ln() / 400f64.ln() * 100.0).round()
+}
+fn slider_to_reach(s: f64) -> f64 {
+ ((0.5 * 400f64.powf(s / 100.0)) * 10.0).round() / 10.0
+}
+
+/// a direction as yaw (degrees round the upright, 0 looking along −z) and pitch (degrees up)
+fn yaw_pitch(d: &Value) -> (f64, f64) {
+ let (x, y, z) = (
+ d[0].as_f64().unwrap_or(0.0),
+ d[1].as_f64().unwrap_or(-1.0),
+ d[2].as_f64().unwrap_or(0.0),
+ );
+ let yaw = (-x).atan2(-z).to_degrees().rem_euclid(360.0);
+ let pitch = y.clamp(-1.0, 1.0).asin().to_degrees();
+ // no "-0°"
+ (yaw.round().abs() % 360.0, pitch.round() + 0.0)
+}
+fn dir_of(yaw: f64, pitch: f64) -> Value {
+ let (y, p) = (yaw.to_radians(), pitch.to_radians());
+ let r = |v: f64| (v * 1000.0).round() / 1000.0;
+ json!([r(-y.sin() * p.cos()), r(p.sin()), r(-y.cos() * p.cos())])
+}
+
+fn kind_words(k: &str) -> &'static str {
+ match k {
+ "ambient" => "ambient",
+ "directional" => "sun",
+ "point" => "point",
+ "spot" => "cone",
+ _ => "light",
+ }
+}
+
+#[component]
+pub(super) fn Lights(sp: Sp) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut picked: Signal<Option<u64>> = use_signal(|| None);
+ // a marker clicked in the room picks its light here
+ use_effect(move || {
+ if let Some(id) = (sp.lightpick)() {
+ picked.set(Some(id));
+ }
+ });
+ let mut armed = use_signal(|| false);
+ // the markers show while the window is open, the picked one bigger
+ use_effect(move || {
+ let p = picked();
+ sp.send(json!({ "cmd": "showlights", "on": true, "picked": p }));
+ });
+ // however the window closes
+ use_drop(move || sp.send(json!({ "cmd": "showlights", "on": false })));
+ let lights = (sp.lights)();
+ let now = picked().and_then(|id| lights.iter().find(|l| l["id"].as_u64() == Some(id)).cloned());
+
+ // a field of the picked light changed: shown at once, kept when `keep`
+ let api_c = api.clone();
+ let change = move |id: u64, k: &'static str, v: Value, keep: bool| {
+ let mut ls = sp.lights;
+ if let Some(l) = ls.write().iter_mut().find(|l| l["id"].as_u64() == Some(id)) {
+ l[k] = v.clone();
+ }
+ send_lights(sp, Some(vec![id]));
+ if keep {
+ let api = api_c.clone();
+ spawn(async move {
+ if let Err(e) = api.call("lights.set", json!({ "id": id, k: v })).await {
+ ui.fail(e);
+ }
+ });
+ }
+ };
+ let add = move |kind: &'static str| sp.send(json!({ "cmd": "lightspot", "want": { "kind": kind } }));
+
+ rsx! {
+ Win {
+ id: "lights",
+ at: (8.0, 120.0),
+ on_close: move |_| set_pref(ui, |p| p.space.show_lights = false),
+ title: rsx! {
+ span { class: "win-title",
+ Icon { name: "sun" }
+ "lights"
+ span { class: "dim small", style: "font-weight: 400;",
+ {match lights.len() { 0 => "none: faces are shaded by their direction".to_string(), 1 => "1 light".to_string(), n => format!("{n} lights") }}
+ }
+ }
+ },
+ div { class: "row wrap lt-add",
+ span { class: "small", "add" }
+ button { class: "btn small", title: "light from everywhere, so nothing is black", onclick: move |_| add("ambient"), "ambient" }
+ button { class: "btn small", title: "light from one way, the way you look", onclick: move |_| add("directional"), "sun" }
+ button { class: "btn small", title: "a light all round, a little ahead of you", onclick: move |_| add("point"), "point" }
+ button { class: "btn small", title: "a cone of light ahead of you, shining the way you look", onclick: move |_| add("spot"), "cone" }
+ }
+ div { class: "lt-list",
+ for l in lights.iter() {
+ {
+ let id = l["id"].as_u64().unwrap_or(0);
+ let colour = l["colour"].as_str().unwrap_or("#ffffff").to_string();
+ let k = kind_words(l["kind"].as_str().unwrap_or(""));
+ let i = l["intensity"].as_f64().unwrap_or(1.0);
+ rsx! {
+ button { key: "{id}", class: if picked() == Some(id) { "lt-row on" } else { "lt-row" },
+ onclick: move |_| { picked.set(Some(id)); armed.set(false); },
+ span { class: "lt-swatch", style: "background: {colour};" }
+ span { "{k}" }
+ span { class: "dim small", {format!("strength {i:.2}")} }
+ }
+ }
+ }
+ }
+ }
+ if let Some(l) = now {
+ {
+ let id = l["id"].as_u64().unwrap_or(0);
+ let kind = l["kind"].as_str().unwrap_or("ambient").to_string();
+ let placed = kind == "point" || kind == "spot";
+ let aimed = kind == "directional" || kind == "spot";
+ let (yaw, pitch) = yaw_pitch(&l["dir"]);
+ let range = l["range"].as_f64().unwrap_or(10.0);
+ let api = api.clone();
+ let change2 = change.clone();
+ let change3 = change.clone();
+ let change4 = change.clone();
+ let change5 = change.clone();
+ let change6 = change.clone();
+ let change7 = change.clone();
+ let change8 = change.clone();
+ rsx! {
+ div { class: "lt-edit",
+ div { class: "row",
+ b { {kind_words(&kind)} }
+ input { r#type: "color", value: l["colour"].as_str().unwrap_or("#ffffff"), "aria-label": "its colour",
+ oninput: { let c = change.clone(); move |e: FormEvent| c(id, "colour", json!(e.value()), false) },
+ onchange: { let c = change.clone(); move |e: FormEvent| c(id, "colour", json!(e.value()), true) } }
+ }
+ label { class: "lt-slider", span { "strength" }
+ input { r#type: "range", min: "0", max: "5", step: "0.05", value: "{l[\"intensity\"].as_f64().unwrap_or(1.0)}",
+ oninput: move |e| change2(id, "intensity", json!(e.value().parse::<f64>().unwrap_or(1.0)), false),
+ onchange: move |e| change3(id, "intensity", json!(e.value().parse::<f64>().unwrap_or(1.0)), true) }
+ span { class: "dim small", {format!("{:.2}", l["intensity"].as_f64().unwrap_or(1.0))} }
+ }
+ if placed {
+ label { class: "lt-slider", span { "reach" }
+ input { r#type: "range", min: "0", max: "100", step: "1", value: "{reach_to_slider(range)}",
+ oninput: move |e| change4(id, "range", json!(slider_to_reach(e.value().parse().unwrap_or(50.0))), false),
+ onchange: move |e| change5(id, "range", json!(slider_to_reach(e.value().parse().unwrap_or(50.0))), true) }
+ span { class: "dim small", {format!("{range:.1} units")} }
+ }
+ }
+ if aimed {
+ label { class: "lt-slider", span { "round" }
+ input { r#type: "range", min: "0", max: "359", step: "1", value: "{yaw}",
+ oninput: { let c = change6.clone(); move |e: FormEvent| c(id, "dir", dir_of(e.value().parse().unwrap_or(0.0), pitch), false) },
+ onchange: { let c = change6.clone(); move |e: FormEvent| c(id, "dir", dir_of(e.value().parse().unwrap_or(0.0), pitch), true) } }
+ span { class: "dim small", "{yaw}°" }
+ }
+ label { class: "lt-slider", span { "up/down" }
+ input { r#type: "range", min: "-90", max: "90", step: "1", value: "{pitch}",
+ oninput: { let c = change7.clone(); move |e: FormEvent| c(id, "dir", dir_of(yaw, e.value().parse().unwrap_or(-45.0)), false) },
+ onchange: { let c = change7.clone(); move |e: FormEvent| c(id, "dir", dir_of(yaw, e.value().parse().unwrap_or(-45.0)), true) } }
+ span { class: "dim small", "{pitch}°" }
+ }
+ }
+ if kind == "spot" {
+ label { class: "lt-slider", span { "cone" }
+ input { r#type: "range", min: "1", max: "89", step: "1", value: "{l[\"angle\"].as_f64().unwrap_or(30.0)}",
+ oninput: { let c = change8.clone(); move |e: FormEvent| c(id, "angle", json!(e.value().parse::<f64>().unwrap_or(30.0)), false) },
+ onchange: { let c = change8.clone(); move |e: FormEvent| c(id, "angle", json!(e.value().parse::<f64>().unwrap_or(30.0)), true) } }
+ span { class: "dim small", {format!("{:.0}°", l["angle"].as_f64().unwrap_or(30.0))} }
+ }
+ label { class: "lt-slider", span { "soft edge" }
+ input { r#type: "range", min: "0", max: "1", step: "0.05", value: "{l[\"softness\"].as_f64().unwrap_or(0.3)}",
+ oninput: { let c = change8.clone(); move |e: FormEvent| c(id, "softness", json!(e.value().parse::<f64>().unwrap_or(0.3)), false) },
+ onchange: { let c = change8.clone(); move |e: FormEvent| c(id, "softness", json!(e.value().parse::<f64>().unwrap_or(0.3)), true) } }
+ }
+ }
+ div { class: "row wrap",
+ if placed || aimed {
+ button { class: "btn small", title: if placed { "to a little ahead of you, shining the way you look" } else { "shining the way you look" },
+ onclick: move |_| sp.send(json!({ "cmd": "lightspot", "want": { "move": id, "placed": placed } })),
+ if placed { "move it here" } else { "the way I look" } }
+ }
+ button {
+ class: if armed() { "armed small" } else { "plain small" },
+ title: "delete the light (click twice)",
+ onclick: move |_| {
+ if !armed() {
+ armed.set(true);
+ return;
+ }
+ armed.set(false);
+ picked.set(None);
+ let api = api.clone();
+ spawn(async move {
+ match api.call("lights.delete", json!({ "id": id })).await {
+ Ok(_) => {
+ let mut ls = sp.lights;
+ ls.write().retain(|l| l["id"].as_u64() != Some(id));
+ send_lights(sp, Some(vec![id]));
+ ui.say("light deleted");
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ Icon { name: "delete" }
+ if armed() { "delete?" }
+ }
+ }
+ }
+ }
+ }
+ } else if !lights.is_empty() {
+ p { class: "dim small", "Pick a light to change it. Point and cone lights show as dots in the room while this window is open." }
+ } else {
+ p { class: "dim small", "Lights are baked onto the blocks: worked out when a light or a block changes, not every frame, and without shadows. Texts aren't lit." }
+ }
+ }
+ }
+}
+
+/// what the room answered for a new light's place: add it, or move the one asked for
+pub(super) fn light_spot(ui: Ui, api: Api, sp: Sp, data: Value) {
+ spawn_forever(async move {
+ let want = &data["want"];
+ let dir = data["dir"].clone();
+ let at = json!({ "x": data["x"], "y": data["y"], "z": data["z"] });
+ if let Some(id) = want["move"].as_u64() {
+ let mut args = json!({ "id": id, "dir": dir });
+ if want["placed"].as_bool() == Some(true) {
+ for k in ["x", "y", "z"] {
+ args[k] = at[k].clone();
+ }
+ }
+ match api.call("lights.set", args).await {
+ Ok(l) => {
+ let mut ls = sp.lights;
+ if let Some(x) = ls.write().iter_mut().find(|x| x["id"].as_u64() == Some(id)) {
+ *x = l;
+ }
+ send_lights(sp, Some(vec![id]));
+ }
+ Err(e) => ui.fail(e),
+ }
+ return;
+ }
+ let kind = want["kind"].as_str().unwrap_or("point");
+ let mut light = json!({ "kind": kind, "x": at["x"], "y": at["y"], "z": at["z"], "dir": dir });
+ match kind {
+ "ambient" => light["intensity"] = json!(0.6),
+ // a sun shines down whichever way one looks
+ "directional" => {
+ let d = &light["dir"];
+ let (x, z) = (d[0].as_f64().unwrap_or(0.0), d[2].as_f64().unwrap_or(-1.0));
+ light["dir"] = json!([x, -1.0, z]);
+ light["intensity"] = json!(0.8);
+ }
+ "spot" => light["intensity"] = json!(2.0),
+ _ => light["intensity"] = json!(1.5),
+ }
+ match api.call("lights.add", light).await {
+ Ok(l) => {
+ let id = l["id"].as_u64();
+ let mut ls = sp.lights;
+ ls.write().push(l);
+ send_lights(sp, id.map(|i| vec![i]));
+ ui.say("a light · pick it in the lights window to change it");
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+}
+
+fn spawn_forever(f: impl std::future::Future<Output = ()> + 'static) {
+ dioxus::dioxus_core::spawn_forever(f);
+}
+
+#[cfg(test)]
+mod tests {
+ use super::*;
+
+ #[test]
+ fn directions_round_trip() {
+ for (yaw, pitch) in [(0.0, -45.0), (90.0, 10.0), (200.0, -80.0), (359.0, 0.0)] {
+ let (y, p) = yaw_pitch(&dir_of(yaw, pitch));
+ assert!(
+ (y - yaw).abs() <= 1.0 && (p - pitch).abs() <= 1.0,
+ "{yaw} {pitch} → {y} {p}"
+ );
+ }
+ assert!((slider_to_reach(reach_to_slider(10.0)) - 10.0).abs() < 0.7);
+ }
+}
diff --git a/app/src/views/space/native_room.rs b/app/src/views/space/native_room.rs
new file mode 100644
index 00000000..a579dbf7
--- /dev/null
+++ b/app/src/views/space/native_room.rs
@@ -0,0 +1,358 @@
+//! The room in Rust: space.js's place is taken by `anend_render::room::Room`, which takes the
+//! same commands and sends the same events. It's drawn by `anend-render`: on the Linux
+//! desktop under the see-through webview (crate::native), on macOS and Windows into the page
+//! as frames (crate::picture), and on the web straight into a canvas with WebGPU. The pointer
+//! and keys come to the room through Dioxus's own handlers. No JavaScript is involved.
+
+use std::cell::RefCell;
+use std::rc::Rc;
+
+use anend_render::room::{Mods, Room};
+use dioxus::prelude::*;
+use serde_json::Value;
+
+use super::SpaceEvent;
+
+thread_local! {
+ static ROOM: Rc<RefCell<Room>> = Rc::new(RefCell::new(Room::new()));
+ static HOST: RefCell<Option<Rc<MountedData>>> = const { RefCell::new(None) };
+ static RECT: RefCell<(f64, f64, f64, f64)> = const { RefCell::new((0.0, 0.0, 0.0, 0.0)) };
+ /// whether the space is the view on screen
+ static SHOWN: std::cell::Cell<bool> = const { std::cell::Cell::new(false) };
+ /// the newest frame shown in the page (the picture path), and the signal its img reads
+ static FRAME: std::cell::Cell<u64> = const { std::cell::Cell::new(0) };
+ static FRAME_SIG: RefCell<Option<Signal<u64>>> = const { RefCell::new(None) };
+}
+
+fn room() -> Rc<RefCell<Room>> {
+ ROOM.with(|r| r.clone())
+}
+
+/// what differs between the desktop and the web: where the picture goes, the clock, sounds
+/// and the prefab pictures
+#[cfg(feature = "desktop")]
+mod gpu {
+ use super::*;
+
+ pub fn install() {
+ // on Linux the picture goes under the page (GTK); elsewhere, into it (an img)
+ #[cfg(target_os = "linux")]
+ if !crate::picture::enabled() {
+ let d = dioxus::desktop::window();
+ crate::native::install(&d.window, &d.webview);
+ }
+ }
+
+ pub fn now() -> f64 {
+ thread_local! { static T0: std::time::Instant = std::time::Instant::now(); }
+ T0.with(|t| t.elapsed().as_secs_f64())
+ }
+
+ pub fn thumbs(jobs: Vec<(Value, anend_render::Scene, anend_render::Camera)>, tx: &std::sync::mpsc::Sender<Value>) {
+ crate::picture::thumbs(jobs, tx.clone());
+ }
+
+ pub fn audio(cmds: Vec<anend_render::room::Audio>) {
+ crate::native_audio::play(cmds);
+ }
+
+ /// whether the picture is an img in the page
+ pub fn picture() -> bool {
+ crate::picture::enabled()
+ }
+
+ pub fn draw(scene: anend_render::Scene, camera: anend_render::Camera, x: f64, y: f64, w: u32, h: u32) {
+ let _ = (x, y);
+ if crate::picture::enabled() {
+ crate::picture::draw(crate::picture::Job { scene, camera, w, h });
+ } else {
+ #[cfg(target_os = "linux")]
+ crate::native::draw(crate::native::Job {
+ scene,
+ camera,
+ x,
+ y,
+ w,
+ h,
+ });
+ }
+ }
+
+ pub fn shown(on: bool) {
+ #[cfg(target_os = "linux")]
+ if !crate::picture::enabled() {
+ crate::native::show(on);
+ }
+ let _ = on;
+ }
+
+ pub fn window_colour(hex: &str) {
+ #[cfg(target_os = "linux")]
+ crate::native::set_window_colour(hex);
+ let _ = hex;
+ }
+
+ pub fn frame_no() -> u64 {
+ crate::picture::frame_no()
+ }
+
+ pub fn frame_url(n: u64) -> String {
+ crate::picture::frame_url(n)
+ }
+}
+
+#[cfg(not(feature = "desktop"))]
+mod gpu {
+ use super::*;
+ use std::cell::Cell;
+ use wasm_bindgen::JsCast;
+
+ thread_local! {
+ static RENDERER: RefCell<Option<anend_render::Renderer>> = const { RefCell::new(None) };
+ static STARTED: Cell<bool> = const { Cell::new(false) };
+ }
+
+ pub fn install() {}
+
+ pub fn now() -> f64 {
+ js_sys::Date::now() / 1000.0
+ }
+
+ /// the prefab pictures need a picture read back, which WebGPU only gives later: not yet
+ pub fn thumbs(_: Vec<(Value, anend_render::Scene, anend_render::Camera)>, _: &std::sync::mpsc::Sender<Value>) {}
+
+ /// sounds on the web aren't mixed yet
+ pub fn audio(_: Vec<anend_render::room::Audio>) {}
+
+ pub fn picture() -> bool {
+ false
+ }
+
+ fn canvas() -> Option<web_sys::HtmlCanvasElement> {
+ web_sys::window()?
+ .document()?
+ .get_element_by_id("space-canvas")?
+ .dyn_into()
+ .ok()
+ }
+
+ /// draws into the canvas (made the first time, once the canvas is on the page)
+ pub fn draw(scene: anend_render::Scene, camera: anend_render::Camera, _x: f64, _y: f64, w: u32, h: u32) {
+ let Some(c) = canvas() else { return };
+ if c.width() != w || c.height() != h {
+ c.set_width(w);
+ c.set_height(h);
+ }
+ let ready = RENDERER.with(|r| r.borrow().is_some());
+ if !ready {
+ if !STARTED.with(|s| s.replace(true)) {
+ spawn(async move {
+ match anend_render::Renderer::for_canvas(c).await {
+ Ok(r) => {
+ web_sys::console::log_1(
+ &format!("anend: the room draws with WebGPU ({})", r.adapter_name).into(),
+ );
+ RENDERER.with(|x| *x.borrow_mut() = Some(r));
+ }
+ Err(e) => {
+ web_sys::console::warn_1(&format!("anend: the room can't draw with WebGPU: {e}").into())
+ }
+ }
+ });
+ }
+ return;
+ }
+ RENDERER.with(|r| {
+ if let Some(r) = r.borrow_mut().as_mut() {
+ r.resize(w, h);
+ if let Err(e) = r.present(&scene, &camera) {
+ web_sys::console::warn_1(&format!("anend: {e}").into());
+ }
+ }
+ });
+ }
+
+ pub fn shown(_: bool) {}
+
+ pub fn window_colour(_: &str) {}
+
+ pub fn frame_no() -> u64 {
+ 0
+ }
+
+ pub fn frame_url(_: u64) -> String {
+ String::new()
+ }
+}
+
+/// the room's loop: the commands Rust sends, a step of the room, its events, its picture
+pub fn run(mut rx: futures_channel::mpsc::UnboundedReceiver<Value>, on_event: impl Fn(SpaceEvent) + 'static) {
+ gpu::install();
+ spawn(async move {
+ let mut last = gpu::now();
+ let mut tick = 0u32;
+ let (thumbs_tx, thumbs_rx) = std::sync::mpsc::channel::<Value>();
+ loop {
+ crate::ui::sleep_ms(15).await;
+ let r = room();
+ // the prefabs' pictures, drawn off this thread
+ let jobs = r.borrow_mut().take_thumbs();
+ gpu::thumbs(jobs, &thumbs_tx);
+ while let Ok(data) = thumbs_rx.try_recv() {
+ if let Ok(e) =
+ serde_json::from_value::<SpaceEvent>(serde_json::json!({ "kind": "thumbs", "data": data }))
+ {
+ on_event(e);
+ }
+ }
+ loop {
+ match rx.try_recv() {
+ Ok(c) => {
+ // the room's element takes the keys
+ if c["cmd"] == "focus"
+ && let Some(m) = HOST.with(|h| h.borrow().clone())
+ {
+ spawn(async move {
+ let _ = m.set_focus(true).await;
+ });
+ }
+ r.borrow_mut().command(&c)
+ }
+ Err(futures_channel::mpsc::TryRecvError::Closed) => return,
+ Err(_) => break,
+ }
+ }
+ let now = gpu::now();
+ let dt = (now - last) as f32;
+ last = now;
+ r.borrow_mut().frame(dt);
+ let audio = r.borrow_mut().take_audio();
+ gpu::audio(audio);
+ let evs = r.borrow_mut().take_events();
+ for e in evs {
+ if let Ok(e) = serde_json::from_value::<SpaceEvent>(e) {
+ on_event(e);
+ }
+ }
+ // where the room's element is (it moves with the window's size)
+ tick += 1;
+ if tick % 20 == 1
+ && let Some(m) = HOST.with(|h| h.borrow().clone())
+ && let Ok(rc) = m.get_client_rect().await
+ {
+ RECT.with(|x| *x.borrow_mut() = (rc.origin.x, rc.origin.y, rc.size.width, rc.size.height));
+ }
+ let (x, y, w, h) = RECT.with(|x| *x.borrow());
+ if w < 2.0 || h < 2.0 {
+ continue;
+ }
+ let mut rm = r.borrow_mut();
+ rm.resize(w as f32, h as f32);
+ if SHOWN.with(|s| s.get()) && (rm.dirty || tick.is_multiple_of(30)) {
+ let scene = rm.scene();
+ let camera = rm.camera();
+ drop(rm);
+ gpu::draw(scene, camera, x, y, w as u32, h as u32);
+ }
+ // a new frame in the page: the img asks for it
+ if gpu::picture() {
+ let n = gpu::frame_no();
+ if FRAME.with(|f| f.get()) != n {
+ FRAME.with(|f| f.set(n));
+ if let Some(mut sig) = FRAME_SIG.with(|f| *f.borrow()) {
+ sig.set(n);
+ }
+ }
+ }
+ }
+ });
+}
+
+fn mods(m: dioxus::html::Modifiers) -> Mods {
+ Mods {
+ shift: m.shift(),
+ ctrl: m.ctrl() || m.meta(),
+ alt: m.alt(),
+ }
+}
+
+fn button(e: &MouseEvent) -> u8 {
+ use dioxus::html::input_data::MouseButton;
+ match e.trigger_button() {
+ Some(MouseButton::Secondary) => 2,
+ Some(MouseButton::Auxiliary) => 1,
+ _ => 0,
+ }
+}
+
+/// the room's element: empty and see-through, its pointer and keys for the room
+#[component]
+pub fn NativeHost() -> Element {
+ let ui = crate::ui::ui();
+ // the room shows while the space is the view on screen (views are kept once built)
+ let open = (ui.view)() == crate::ui::View::Space;
+ let picture = gpu::picture();
+ let frame = use_signal(|| 0u64);
+ use_hook(move || FRAME_SIG.with(|f| *f.borrow_mut() = Some(frame)));
+ use_effect(move || {
+ let on = (ui.view)() == crate::ui::View::Space;
+ SHOWN.with(|s| s.set(on));
+ gpu::shown(on);
+ });
+ use_drop(move || {
+ SHOWN.with(|s| s.set(false));
+ gpu::shown(false);
+ });
+ use_effect(move || {
+ let p = ui.prefs.read();
+ gpu::window_colour(&crate::theme::colour(&p.palette, &p.colours, "window"));
+ });
+ let at = |e: &MouseEvent| {
+ let p = e.element_coordinates();
+ (p.x as f32, p.y as f32)
+ };
+ rsx! {
+ // the page is see-through where the room is: the window's colour is painted under it
+ if open && !picture && cfg!(feature = "desktop") {
+ style { "html, body, #main, .app, .view.space, .space {{ background: transparent !important; }}" }
+ }
+ div { id: "space-host", class: "space-host native", tabindex: "0",
+ "aria-label": "the space: right drag looks, W A S D fly, arrows hop between texts",
+ onmounted: move |e| HOST.with(|h| *h.borrow_mut() = Some(e.data())),
+ onkeydown: move |e: KeyboardEvent| {
+ let code = e.code().to_string();
+ if code.starts_with("Arrow") || code == "Space" {
+ e.prevent_default();
+ }
+ room().borrow_mut().key_down(&code, mods(e.modifiers()));
+ },
+ onkeyup: move |e: KeyboardEvent| room().borrow_mut().key_up(&e.code().to_string()),
+ onblur: move |_| room().borrow_mut().blur(),
+ onmousedown: move |e: MouseEvent| {
+ let (x, y) = at(&e);
+ room().borrow_mut().pointer_down(x, y, button(&e), mods(e.modifiers()));
+ },
+ onmousemove: move |e: MouseEvent| {
+ let (x, y) = at(&e);
+ room().borrow_mut().pointer_move(x, y, mods(e.modifiers()));
+ },
+ onmouseup: move |e: MouseEvent| {
+ let (x, y) = at(&e);
+ room().borrow_mut().pointer_up(x, y, button(&e), mods(e.modifiers()));
+ },
+ onwheel: move |e: WheelEvent| {
+ e.prevent_default();
+ let d = e.delta().strip_units();
+ let (x, y) = { let p = e.element_coordinates(); (p.x as f32, p.y as f32) };
+ room().borrow_mut().wheel(x, y, d.y as f32);
+ },
+ oncontextmenu: move |e| e.prevent_default(),
+ if picture {
+ img { class: "space-frame", src: "{gpu::frame_url(frame())}", alt: "", draggable: "false" }
+ }
+ if !cfg!(feature = "desktop") {
+ canvas { id: "space-canvas", class: "space-frame" }
+ }
+ }
+ }
+}
diff --git a/app/src/views/space/prefabwin.rs b/app/src/views/space/prefabwin.rs
new file mode 100644
index 00000000..df3eb5fb
--- /dev/null
+++ b/app/src/views/space/prefabwin.rs
@@ -0,0 +1,518 @@
+//! The prefabs window: subassemblies (core's `graph::prefabs`, `ops::prefabs`). Pick blocks
+//! in the room and group them into a prefab (their textures, turns, wirings, animations
+//! and the links between them go with it); the menu shows the save's prefabs with a
+//! picture of each, to place a copy ahead of you, rename or delete. A part of a copy,
+//! selected, shows its copy here: move, turn and size the whole copy, take its own changes
+//! back, make them the prefab's (every copy following, or the others kept as they were),
+//! detach it into ordinary blocks, or remove it. A part moved, resized or retextured by
+//! hand changes in its copy only.
+
+use std::collections::HashMap;
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use super::{Sp, Win, dress, load_blocks};
+use crate::shell::set_pref;
+use crate::ui::*;
+
+/// the save's prefabs, and their pictures drawn by the room
+/// whether an id is a prefab's copy (not one of its parts)
+pub(super) fn is_copy(id: &str) -> bool {
+ id.starts_with("prefab:") && !id.contains('/')
+}
+
+/// the selected copy moved or turned in the room (a drag, or an undo of one)
+pub(super) fn copy_set(ui: Ui, api: Api, sp: Sp, data: Value) {
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("prefabs.set", data).await {
+ Ok(r) => {
+ show(ui, &api, sp, &r).await;
+ load_prefabs(ui, &api, sp).await;
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+}
+
+/// a removed copy put back (an undo)
+pub(super) fn copy_restore(ui: Ui, api: Api, sp: Sp, restore: Value) {
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("prefabs.place", restore).await {
+ Ok(r) => {
+ show(ui, &api, sp, &r).await;
+ load_prefabs(ui, &api, sp).await;
+ sp.send(json!({ "cmd": "pickcopy", "id": r["copy"]["id"] }));
+ ui.say("the copy is back");
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+}
+
+/// the selected copy taken away, as a whole (Ctrl+Z puts it back)
+pub(super) fn copy_remove(ui: Ui, api: Api, sp: Sp, id: String) {
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("prefabs.remove", json!({ "id": id })).await {
+ Ok(r) => {
+ sp.send(json!({ "cmd": "copygone", "ids": r["removed"], "restore": r["restore"] }));
+ let mut b = sp.block;
+ b.set(None);
+ load_prefabs(ui, &api, sp).await;
+ ui.say("the copy is gone · Ctrl+Z puts it back");
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+}
+
+/// another copy beside the selected one, with its own values
+pub(super) fn copy_duplicate(ui: Ui, api: Api, sp: Sp, id: String) {
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("prefabs.duplicate", json!({ "id": id })).await {
+ Ok(r) => {
+ show(ui, &api, sp, &r).await;
+ load_prefabs(ui, &api, sp).await;
+ sp.send(json!({ "cmd": "pickcopy", "id": r["copy"]["id"] }));
+ ui.say("a copy of the copy, beside it, with its own changes");
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+}
+
+pub(super) async fn load_prefabs(ui: Ui, api: &Api, sp: Sp) {
+ let r = match api.call("prefabs.list", json!({})).await {
+ Ok(r) => r,
+ // a hub from before prefabs
+ Err(_) => return,
+ };
+ let list = r["prefabs"].as_array().cloned().unwrap_or_default();
+ let textures = dress(ui, api, r["textures"].clone()).await;
+ let want: Vec<Value> = list
+ .iter()
+ .map(|p| json!({ "id": p["id"], "parts": p["parts"] }))
+ .collect();
+ sp.send(json!({ "cmd": "thumbs", "prefabs": want, "textures": textures }));
+ let mut l = sp.prefabs;
+ l.set(list);
+ let copies = api
+ .call("prefabs.copies", json!({}))
+ .await
+ .ok()
+ .and_then(|v| v.as_array().cloned())
+ .unwrap_or_default();
+ sp.send(json!({ "cmd": "copies", "list": copies }));
+ let mut c = sp.copies;
+ c.set(copies);
+}
+
+/// a new copy of a prefab where the room says (ahead of you, or at the selected text)
+pub(super) fn place_at(ui: Ui, api: Api, sp: Sp, data: Value) {
+ dioxus::dioxus_core::spawn_forever(async move {
+ let args = json!({ "prefab": data["want"], "x": data["x"], "y": data["y"], "z": data["z"] });
+ match api.call("prefabs.place", args).await {
+ Ok(r) => {
+ show(ui, &api, sp, &r).await;
+ load_prefabs(ui, &api, sp).await;
+ sp.send(json!({ "cmd": "pickcopy", "id": r["copy"]["id"] }));
+ ui.say("a copy, selected as one: drag it to move it, its rings turn it · double-click a part to edit the parts");
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+}
+
+/// a copy just where the hand put it (the ghost), turned as it was
+pub(super) fn place_exactly(ui: Ui, api: Api, sp: Sp, data: Value) {
+ dioxus::dioxus_core::spawn_forever(async move {
+ let args =
+ json!({ "prefab": data["prefab"], "x": data["x"], "y": data["y"], "z": data["z"], "rot": data["rot"] });
+ match api.call("prefabs.place", args).await {
+ Ok(r) => {
+ show(ui, &api, sp, &r).await;
+ load_prefabs(ui, &api, sp).await;
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+}
+
+/// a prefab to place by hand: its ghost follows where you look
+async fn ghost(ui: Ui, api: &Api, sp: Sp, p: &Value) {
+ let r = match api.call("prefabs.list", json!({})).await {
+ Ok(r) => r,
+ Err(e) => return ui.fail(e),
+ };
+ let textures = dress(ui, api, r["textures"].clone()).await;
+ sp.send(json!({ "cmd": "ghost", "prefab": p["id"], "parts": p["parts"], "textures": textures, "name": p["name"] }));
+ ui.say(format!(
+ "placing {}: it follows where you look · the wheel turns it · click places · Shift: off the grid · Esc stops",
+ p["name"].as_str().unwrap_or("")
+ ));
+}
+
+/// blocks an answer brings, into the room
+async fn show(ui: Ui, api: &Api, sp: Sp, r: &Value) {
+ if r["removed"].as_array().is_some_and(|a| !a.is_empty()) {
+ sp.send(json!({ "cmd": "unblock", "ids": r["removed"] }));
+ }
+ if r["blocks"].as_array().is_some_and(|a| !a.is_empty()) {
+ let textures = dress(ui, api, r["textures"].clone()).await;
+ sp.send(json!({ "cmd": "blocks", "blocks": r["blocks"], "textures": textures }));
+ }
+}
+
+fn short(id: &str) -> String {
+ // a prefab copy's part: its address inside, and which copy
+ if let Some((copy, inner)) = id.strip_prefix("prefab:").and_then(|r| r.split_once('/')) {
+ let n = copy.rsplit_once('#').map_or(copy, |x| x.1);
+ return format!("{} in copy {n}", short(inner));
+ }
+ let (k, n) = id.rsplit_once('#').unwrap_or((id, ""));
+ let k = k.split_once(':').map_or(k, |(_, t)| t);
+ let k = if k.chars().count() > 14 {
+ format!("{}…", k.chars().take(12).collect::<String>())
+ } else {
+ k.to_string()
+ };
+ if n.is_empty() { k } else { format!("{k} #{n}") }
+}
+
+#[component]
+pub(super) fn Prefabs(sp: Sp) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut grouping = use_signal(|| false);
+ let mut group: Signal<Vec<String>> = use_signal(Vec::new);
+ let mut name = use_signal(String::new);
+ let mut renaming: Signal<Option<u64>> = use_signal(|| None);
+ let mut rename_to = use_signal(String::new);
+ let mut deleting: Signal<Option<u64>> = use_signal(|| None);
+ let mut busy = use_signal(|| false);
+
+ let api_l = api.clone();
+ use_hook(move || {
+ let api = api_l.clone();
+ spawn(async move { load_prefabs(ui, &api, sp).await });
+ });
+
+ let sel = (sp.block)();
+ let sel_id = sel.as_ref().and_then(|b| b["id"].as_str().map(str::to_string));
+ // picking blocks to group: each one selected joins (a copy's parts can't, yet)
+ use_effect(use_reactive!(|sel_id| {
+ let Some(id) = sel_id else { return };
+ if !*grouping.peek() || id.starts_with("prefab:") {
+ return;
+ }
+ if !group.peek().contains(&id) {
+ group.write().push(id);
+ }
+ }));
+ let copy_id = sel.as_ref().and_then(|b| b["part_of"].as_str().map(str::to_string));
+ let list = (sp.prefabs)();
+ let thumbs: HashMap<u64, String> = (sp.thumbs)();
+ let copy = copy_id.as_ref().and_then(|c| {
+ let scene: u64 = c.strip_prefix("prefab:")?.split('#').next()?.parse().ok()?;
+ list.iter()
+ .find(|p| p["id"].as_u64() == Some(scene))
+ .cloned()
+ .map(|p| (c.clone(), p))
+ });
+
+ // an op on the selected copy; `reload`: the room reads every block again after
+ let api_c = api.clone();
+ let on_copy = use_callback(
+ move |(op, args, reload, said): (&'static str, Value, bool, &'static str)| {
+ let api = api_c.clone();
+ busy.set(true);
+ spawn(async move {
+ match api.call(op, args).await {
+ Ok(r) => {
+ if reload {
+ load_blocks(ui, api.clone(), sp).await;
+ } else {
+ show(ui, &api, sp, &r).await;
+ }
+ load_prefabs(ui, &api, sp).await;
+ super::wirewin::load_wires(&api, sp).await;
+ if !said.is_empty() {
+ ui.say(said.to_string());
+ }
+ }
+ Err(e) => ui.fail(e),
+ }
+ busy.set(false);
+ });
+ },
+ );
+ let api_m = api.clone();
+ let make = move |_| {
+ let ids = group.peek().clone();
+ let n = name.peek().trim().to_string();
+ let api = api_m.clone();
+ spawn(async move {
+ match api.call("prefabs.make", json!({ "name": n, "ids": ids })).await {
+ Ok(_) => {
+ group.set(Vec::new());
+ grouping.set(false);
+ name.set(String::new());
+ load_blocks(ui, api.clone(), sp).await;
+ load_prefabs(ui, &api, sp).await;
+ super::wirewin::load_wires(&api, sp).await;
+ ui.say("a prefab · its copy stands where the blocks were; place more from the menu".to_string());
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+
+ rsx! {
+ Win {
+ id: "prefabs",
+ at: (8.0, 160.0),
+ on_close: move |_| { grouping.set(false); set_pref(ui, |p| p.space.show_prefabs = false) },
+ title: rsx! {
+ span { class: "win-title",
+ Icon { name: "prefab" }
+ "prefabs"
+ span { class: "dim small", style: "font-weight: 400;", "grouped blocks, placed as copies" }
+ }
+ },
+ if let Some((cid, p)) = copy.clone() {
+ {
+ let c = cid.clone();
+ let own = (sp.copies)().iter().find(|x| x["id"].as_str() == Some(c.as_str())).and_then(|x| x["own"].as_u64()).unwrap_or(0);
+ let pname = p["name"].as_str().unwrap_or("").to_string();
+ let copies = p["copies"].as_u64().unwrap_or(1);
+ let mv = |by: [f64; 3]| { let c = c.clone(); move |_| on_copy.call(("prefabs.set", json!({ "id": c, "by": by }), false, "")) };
+ rsx! {
+ div { class: "wire-sec pf-copy",
+ span { class: "small", "the selected part's copy of " b { "{pname}" } }
+ div { class: "row wrap",
+ span { class: "small", "move" }
+ button { class: "btn small", title: "along −x", onclick: mv([-1.0, 0.0, 0.0]), "←" }
+ button { class: "btn small", title: "along +x", onclick: mv([1.0, 0.0, 0.0]), "→" }
+ button { class: "btn small", title: "along −z (away)", onclick: mv([0.0, 0.0, -1.0]), "↑" }
+ button { class: "btn small", title: "along +z (near)", onclick: mv([0.0, 0.0, 1.0]), "↓" }
+ button { class: "btn small", title: "up", onclick: mv([0.0, 1.0, 0.0]), "up" }
+ button { class: "btn small", title: "down", onclick: mv([0.0, -1.0, 0.0]), "down" }
+ }
+ div { class: "row wrap",
+ span { class: "small", "turn" }
+ button { class: "btn small", title: "a quarter turn to the left", onclick: { let c = c.clone(); move |_| on_copy.call(("prefabs.set", json!({ "id": c, "turn": 1 }), false, "")) }, "⟲" }
+ button { class: "btn small", title: "a quarter turn to the right", onclick: { let c = c.clone(); move |_| on_copy.call(("prefabs.set", json!({ "id": c, "turn": -1 }), false, "")) }, "⟳" }
+ span { class: "small", "size" }
+ {
+ let sc = (sp.copies)().iter().find(|x| x["id"].as_str() == Some(c.as_str())).and_then(|x| x["scale"].as_f64()).unwrap_or(1.0);
+ let (c1, c2) = (c.clone(), c.clone());
+ rsx! {
+ button { class: "btn small", onclick: move |_| on_copy.call(("prefabs.set", json!({ "id": c1, "scale": sc / 1.25 }), false, "")), "−" }
+ span { class: "dim small", {format!("×{sc:.2}")} }
+ button { class: "btn small", onclick: move |_| on_copy.call(("prefabs.set", json!({ "id": c2, "scale": sc * 1.25 }), false, "")), "+" }
+ }
+ }
+ }
+ if own > 0 {
+ span { class: "small", {format!("its own changes to {own} part{} (moved, resized, retextured or rewired here)", if own == 1 { "" } else { "s" })} }
+ div { class: "row wrap",
+ button { class: "btn small", title: "it shows the prefab as it is again",
+ onclick: { let c = c.clone(); move |_| on_copy.call(("prefabs.reset", json!({ "id": c }), true, "back to the prefab")) }, "take them back" }
+ button { class: "btn small", disabled: busy(), title: "the prefab becomes this copy; every copy shows it",
+ onclick: { let c = c.clone(); move |_| on_copy.call(("prefabs.apply", json!({ "id": c, "others": true }), true, "the prefab changed; every copy follows")) }, "make them the prefab's" }
+ if copies > 1 {
+ button { class: "btn small", disabled: busy(), title: "the prefab becomes this copy; the other copies keep it as it was (a prefab of its own)",
+ onclick: { let c = c.clone(); move |_| on_copy.call(("prefabs.apply", json!({ "id": c, "others": false }), true, "the prefab changed; the other copies kept it as it was")) }, "…but not the other copies" }
+ }
+ }
+ }
+ div { class: "row wrap",
+ button { class: "btn small", title: "its parts become ordinary blocks; it stops following the prefab",
+ onclick: { let c = c.clone(); move |_| on_copy.call(("prefabs.detach", json!({ "id": c }), true, "detached: ordinary blocks now")) }, "detach" }
+ button { class: "btn small",
+ onclick: { let c = c.clone(); move |_| on_copy.call(("prefabs.remove", json!({ "id": c }), false, "copy removed")) }, "remove this copy" }
+ }
+ }
+ }
+ }
+ }
+ div { class: "wire-sec",
+ span { class: "small", "group blocks into a prefab" }
+ div { class: "row wrap",
+ button { class: if grouping() { "btn small primary" } else { "btn small" },
+ onclick: move |_| {
+ let now = grouping();
+ grouping.set(!now);
+ // the selected block (if any) starts the group
+ if !now
+ && let Some(id) = (sp.block)().and_then(|b| b["id"].as_str().map(str::to_string)).filter(|i| !i.starts_with("prefab:"))
+ && !group.peek().contains(&id)
+ {
+ group.write().push(id);
+ }
+ },
+ if grouping() { "done picking" } else { "pick blocks in the room" }
+ }
+ if !group().is_empty() {
+ button { class: "btn small", onclick: move |_| group.set(Vec::new()), "clear" }
+ }
+ }
+ if grouping() {
+ p { class: "dim small", "Click the blocks to group; each one joins." }
+ }
+ div { class: "wire-targets",
+ for t in group() {
+ {
+ let t2 = t.clone();
+ rsx! {
+ span { key: "{t}", class: "chip small", {short(&t)}
+ button { class: "plain", "aria-label": "leave it out", onclick: move |_| group.write().retain(|x| x != &t2), "×" }
+ }
+ }
+ }
+ }
+ }
+ if !group().is_empty() {
+ div { class: "row",
+ input { r#type: "text", placeholder: "its name", value: "{name}", "aria-label": "the prefab's name",
+ oninput: move |e: FormEvent| name.set(e.value()) }
+ button { class: "btn small primary", disabled: name().trim().is_empty(), onclick: make, "make it" }
+ }
+ }
+ }
+ div { class: "wire-sec",
+ span { class: "small", if list.is_empty() { "no prefabs yet" } else { "the menu: place a copy ahead of you" } }
+ button { class: "btn small",
+ title: "a switch, AND, OR, XOR and NOT gates, a latch, a lamp and a door, run by s programs (notes tagged s); placed in a row at one height, each one's ray reaches the next",
+ onclick: {
+ let api = api.clone();
+ move |_| {
+ let api = api.clone();
+ spawn(async move {
+ match api.call("prefabs.starters", json!({})).await {
+ Ok(r) => {
+ load_prefabs(ui, &api, sp).await;
+ let n = r["prefabs"].as_array().map_or(0, |a| a.len());
+ ui.say(if n == 0 { "the starters are here already".to_string() } else { format!("{n} starter prefabs · place them in a row at one height, then play: click a switch") });
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ },
+ "add the starters: switch, gates, lamp, door"
+ }
+ div { class: "pf-grid",
+ for p in list.iter() {
+ {
+ let id = p["id"].as_u64().unwrap_or(0);
+ let pname = p["name"].as_str().unwrap_or("").to_string();
+ let n = p["copies"].as_u64().unwrap_or(0);
+ let parts = p["parts"].as_array().map_or(0, |a| a.len());
+ let src = thumbs.get(&id).cloned();
+ let api_r = api.clone();
+ let api_d = api.clone();
+ rsx! {
+ div { key: "{id}", class: "pf-card",
+ button { class: "pf-thumb", title: "place a copy of {pname} ahead of you",
+ onclick: move |_| sp.send(json!({ "cmd": "prefabspot", "want": id })),
+ if let Some(s) = src { img { src: "{s}", alt: "{pname}" } } else { Icon { name: "cube" } }
+ }
+ if renaming() == Some(id) {
+ input { r#type: "text", value: "{rename_to}", "aria-label": "its new name",
+ oninput: move |e: FormEvent| rename_to.set(e.value()),
+ onkeydown: move |e: KeyboardEvent| {
+ if e.key() == Key::Enter {
+ let api = api_r.clone();
+ let to = rename_to.peek().clone();
+ renaming.set(None);
+ spawn(async move {
+ match api.call("prefabs.rename", json!({ "prefab": id, "name": to })).await {
+ Ok(_) => load_prefabs(ui, &api, sp).await,
+ Err(e) => ui.fail(e),
+ }
+ });
+ } else if e.key() == Key::Escape { renaming.set(None); }
+ }
+ }
+ } else {
+ b { class: "small", ondoubleclick: { let pn = pname.clone(); move |_| { rename_to.set(pn.clone()); renaming.set(Some(id)); } }, title: "double click to rename", "{pname}" }
+ }
+ span { class: "dim small", {format!("{parts} block{} · {n} cop{}", if parts == 1 { "" } else { "s" }, if n == 1 { "y" } else { "ies" })} }
+ div { class: "row wrap",
+ button { class: "btn small", onclick: move |_| sp.send(json!({ "cmd": "prefabspot", "want": id })), "place" }
+ button { class: "btn small", title: "place copies by hand: the prefab follows where you look, flying or walking; the wheel turns it, a click places it, Esc stops",
+ onclick: { let api = api.clone(); let p = p.clone(); move |_| { let api = api.clone(); let p = p.clone(); spawn(async move { ghost(ui, &api, sp, &p).await }); } },
+ "by hand"
+ }
+ button { class: if deleting() == Some(id) { "btn small primary" } else { "btn small" },
+ onclick: move |_| {
+ if deleting() != Some(id) { deleting.set(Some(id)); return; }
+ deleting.set(None);
+ let api = api_d.clone();
+ spawn(async move {
+ match api.call("prefabs.delete", json!({ "prefab": id })).await {
+ Ok(r) => {
+ sp.send(json!({ "cmd": "unblock", "ids": r["removed"] }));
+ load_prefabs(ui, &api, sp).await;
+ super::wirewin::load_wires(&api, sp).await;
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ if deleting() == Some(id) { if n > 0 { "and its copies?" } else { "sure?" } } else { "delete" }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// a copy's menu (a right click on it): it's one group
+#[component]
+pub(super) fn CopyMenu(c: Value, x: f64, y: f64, sp: Sp) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut menu = sp.bmenu;
+ let mut close = move || menu.set(None);
+ let id = c["id"].as_str().unwrap_or("").to_string();
+ let name = c["name"].as_str().unwrap_or("a prefab").to_string();
+ let (a1, a2, a3, a4) = (api.clone(), api.clone(), api.clone(), api.clone());
+ let (i1, i2, i3, i4, i5) = (id.clone(), id.clone(), id.clone(), id.clone(), id.clone());
+ rsx! {
+ div { class: "backdrop", onclick: move |_| close(), oncontextmenu: move |e| { e.prevent_default(); close() } }
+ div { class: "menu smenu", role: "menu",
+ style: "left: min({x}px, calc(100vw - 330px)); top: max(8px, min({y}px, calc(100vh - 300px)));",
+ div { class: "title", "a copy of {name}" }
+ div { class: "title dim small", "one group: it moves, turns, copies and goes as a whole" }
+ button { role: "menuitem", onclick: move |_| { sp.send(json!({ "cmd": "opencopy", "id": i1 })); close(); },
+ Icon { name: "edit" } "open it to edit its parts" kbd { "double-click" } }
+ button { role: "menuitem", onclick: move |_| { copy_set(ui, a1.clone(), sp, json!({ "id": i2, "turn": 1 })); close(); },
+ Icon { name: "refresh" } "a quarter turn about the upright" }
+ button { role: "menuitem", onclick: move |_| { copy_duplicate(ui, a2.clone(), sp, i3.clone()); close(); },
+ Icon { name: "copy" } "a copy beside it" }
+ button { role: "menuitem", onclick: move |_| { set_pref(ui, |p| p.space.show_prefabs = true); close(); },
+ Icon { name: "prefab" } "its prefab…" span { class: "dim small", " (the prefabs window: size, own changes)" } }
+ button { role: "menuitem",
+ onclick: move |_| {
+ let (api, id) = (a3.clone(), i4.clone());
+ spawn(async move {
+ match api.call("prefabs.detach", json!({ "id": id })).await {
+ Ok(r) => { show(ui, &api, sp, &r).await; load_prefabs(ui, &api, sp).await; ui.say("detached: ordinary blocks now"); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ close();
+ },
+ Icon { name: "cube" } "detach it into blocks" }
+ button { role: "menuitem", onclick: move |_| { copy_remove(ui, a4.clone(), sp, i5.clone()); close(); },
+ Icon { name: "delete" } "remove it" kbd { "{ui.key_of(crate::keys::Action::DeleteText)}" } }
+ }
+ }
+}
diff --git a/app/src/views/space/soundwin.rs b/app/src/views/space/soundwin.rs
new file mode 100644
index 00000000..2e9d4ee3
--- /dev/null
+++ b/app/src/views/space/soundwin.rs
@@ -0,0 +1,226 @@
+//! The sounds window: the save's sounds (core's `graph::sounds`, `ops::sounds`) and the
+//! selected block's emitter. Add sound files (WAV, OGG, MP3, FLAC, WebM or M4A), hear one
+//! with ▶, rename (a double click) or delete one. The selected block plays a sound of
+//! the save: how loud, how far it carries (it fades to nothing there), and whether it
+//! loops. While the room plays (the wiring window's ▶ play), looping sounds play from the
+//! start and the others when a program prints `sound`; each is heard from where it is.
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use super::{Sp, Win, dress};
+use crate::shell::set_pref;
+use crate::ui::*;
+
+#[component]
+pub(super) fn Sounds(sp: Sp) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut list: Signal<Vec<Value>> = use_signal(Vec::new);
+ let mut rev = use_signal(|| 0u64);
+ let mut busy = use_signal(|| 0usize);
+ let mut renaming: Signal<Option<String>> = use_signal(|| None);
+ let mut rename_to = use_signal(String::new);
+ let mut deleting: Signal<Option<String>> = use_signal(|| None);
+
+ let api_l = api.clone();
+ use_effect(move || {
+ let _ = rev();
+ let api = api_l.clone();
+ spawn(async move {
+ if let Ok(v) = api.call("sounds.list", json!({})).await {
+ list.set(v.as_array().cloned().unwrap_or_default());
+ }
+ });
+ });
+
+ let take = {
+ let api = api.clone();
+ move |files: Vec<dioxus::html::FileData>| {
+ let api = api.clone();
+ async move {
+ for f in files {
+ busy += 1;
+ let name = f.name();
+ match f.read_bytes().await {
+ Ok(b) => match api
+ .call(
+ "sounds.add",
+ json!({ "data": anend_core::classifiers::base64(&b), "name": name }),
+ )
+ .await
+ {
+ Ok(v) => ui.say(if v["new"] == true {
+ format!("{name} is in")
+ } else {
+ format!("the save had {name} already")
+ }),
+ Err(e) => ui.fail(format!("{name}: {e}")),
+ },
+ Err(e) => ui.fail(format!("couldn't read {name}: {e}")),
+ }
+ busy -= 1;
+ }
+ rev += 1;
+ }
+ }
+ };
+
+ let block = (sp.block)().filter(|b| b["copy"] != true);
+ let bid = block.as_ref().and_then(|b| b["id"].as_str().map(str::to_string));
+ let em = block.as_ref().map(|b| b["sound"].clone()).unwrap_or(Value::Null);
+ // the selected block's emitter changed: kept, and the room shows it
+ let api_s = api.clone();
+ let set_sound = move |v: Value| {
+ let Some(id) = bid.clone() else { return };
+ let api = api_s.clone();
+ spawn(async move {
+ match api.call("blocks.set", json!({ "id": id, "sound": v })).await {
+ Ok(r) => {
+ let textures = dress(ui, &api, r["textures"].clone()).await;
+ sp.send(json!({ "cmd": "blocks", "blocks": r["blocks"], "textures": textures }));
+ if let Some(b) = r["blocks"].as_array().and_then(|a| a.first()) {
+ let mut s = sp.block;
+ let mut v = b.clone();
+ if let Some(old) = s.peek().as_ref() {
+ v["about"] = old["about"].clone();
+ }
+ s.set(Some(v));
+ }
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let sounds = list();
+ let field = |k: &str, d: f64| em.get(k).and_then(Value::as_f64).unwrap_or(d);
+ let (vol, range, looped) = (field("volume", 1.0), field("range", 20.0), em["loop"] == true);
+ let cur = em["id"].as_str().map(str::to_string);
+
+ rsx! {
+ Win {
+ id: "sounds",
+ at: (8.0, 180.0),
+ on_close: move |_| set_pref(ui, |p| p.space.show_sounds = false),
+ title: rsx! {
+ span { class: "win-title",
+ Icon { name: "sound" }
+ "sounds"
+ span { class: "dim small", style: "font-weight: 400;", "emitters in the room" }
+ }
+ },
+ if let Some(id) = block.as_ref().and_then(|b| b["id"].as_str()) {
+ div { class: "wire-sec",
+ span { class: "small", "the selected block " b { {id.rsplit_once('/').map_or(id, |x| x.1).to_string()} } " plays" }
+ select { "aria-label": "the sound it plays",
+ onchange: {
+ let set_sound = set_sound.clone();
+ move |e: FormEvent| {
+ let v = e.value();
+ set_sound(if v.is_empty() { Value::Null } else { json!({ "id": v, "volume": vol, "range": range, "loop": looped }) });
+ }
+ },
+ option { value: "", selected: cur.is_none(), "no sound" }
+ for s in sounds.iter() {
+ {
+ let sid = s["id"].as_str().unwrap_or("").to_string();
+ let name = s["name"].as_str().filter(|n| !n.is_empty()).unwrap_or(&sid[..8.min(sid.len())]).to_string();
+ rsx! { option { key: "{sid}", value: "{sid}", selected: cur.as_deref() == Some(sid.as_str()), "{name}" } }
+ }
+ }
+ }
+ if let Some(c) = cur.clone() {
+ label { class: "lt-slider", span { "volume" }
+ input { r#type: "range", min: "0", max: "200", value: "{(vol * 100.0).round()}",
+ onchange: { let set_sound = set_sound.clone(); let c = c.clone(); move |e: FormEvent| { let v = e.value().parse::<f64>().unwrap_or(100.0) / 100.0; set_sound(json!({ "id": c, "volume": v, "range": range, "loop": looped })); } }
+ }
+ span { class: "dim small", {format!("{:.0}%", vol * 100.0)} }
+ }
+ label { class: "lt-slider", span { "reach" }
+ input { r#type: "range", min: "1", max: "200", value: "{range.round()}",
+ onchange: { let set_sound = set_sound.clone(); let c = c.clone(); move |e: FormEvent| { let v = e.value().parse::<f64>().unwrap_or(20.0); set_sound(json!({ "id": c, "volume": vol, "range": v, "loop": looped })); } }
+ }
+ span { class: "dim small", {format!("{range:.0}")} }
+ }
+ label { class: "check small",
+ input { r#type: "checkbox", checked: looped,
+ onchange: { let set_sound = set_sound.clone(); let c = c.clone(); move |e: FormEvent| set_sound(json!({ "id": c, "volume": vol, "range": range, "loop": e.checked() })) }
+ }
+ "loops (plays from the start while the room plays)"
+ }
+ p { class: "dim small", "Not looping, it plays when a program prints sound (and stops at hush), while the room plays." }
+ }
+ }
+ } else {
+ p { class: "dim small", "Select a block to make it a sound emitter." }
+ }
+ div { class: "wire-sec",
+ div { class: "row",
+ span { class: "small", if sounds.is_empty() { "no sounds yet" } else { "the save's sounds" } }
+ span { class: "grow" }
+ if busy() > 0 { span { class: "dim small", "adding…" } }
+ label { class: "button btn small", "data-tip": "WAV, OGG, MP3, FLAC, WebM or M4A files",
+ Icon { name: "upload" } "add sounds"
+ input { r#type: "file", accept: "audio/*,.wav,.ogg,.mp3,.flac,.webm,.m4a", multiple: true, style: "display: none;",
+ "aria-label": "sounds to add",
+ onchange: move |e: FormEvent| { let take = take.clone(); async move { take(e.files()).await } },
+ }
+ }
+ }
+ for s in sounds.iter() {
+ {
+ let sid = s["id"].as_str().unwrap_or("").to_string();
+ let name = s["name"].as_str().unwrap_or("").to_string();
+ let secs = s["seconds"].as_f64().map(|x| format!("{x:.1} s · ")).unwrap_or_default();
+ let kb = s["size"].as_u64().unwrap_or(0).div_ceil(1024);
+ let mime = s["mime"].as_str().unwrap_or("").trim_start_matches("audio/").to_string();
+ let (s1, s2, s3, s4) = (sid.clone(), sid.clone(), sid.clone(), sid.clone());
+ let (api_r, api_d) = (api.clone(), api.clone());
+ rsx! {
+ div { key: "{sid}", class: "row snd-row",
+ button { class: "btn small", title: "hear it", "aria-label": "hear {name}", onclick: move |_| sp.send(json!({ "cmd": "soundpreview", "id": s1 })), "▶" }
+ if renaming().as_deref() == Some(sid.as_str()) {
+ input { r#type: "text", value: "{rename_to}", "aria-label": "its new name",
+ oninput: move |e: FormEvent| rename_to.set(e.value()),
+ onkeydown: move |e: KeyboardEvent| {
+ if e.key() == Key::Enter {
+ let (api, id, to) = (api_r.clone(), s2.clone(), rename_to.peek().clone());
+ renaming.set(None);
+ spawn(async move {
+ match api.call("sounds.name", json!({ "id": id, "name": to })).await {
+ Ok(_) => rev += 1,
+ Err(e) => ui.fail(e),
+ }
+ });
+ } else if e.key() == Key::Escape { renaming.set(None); }
+ }
+ }
+ } else {
+ span { class: "grow snd-name", title: "double click to rename",
+ ondoubleclick: { let n = name.clone(); move |_| { rename_to.set(n.clone()); renaming.set(Some(s3.clone())); } },
+ b { class: "small", if name.is_empty() { "(no name)" } else { "{name}" } }
+ span { class: "dim small", " {secs}{mime} · {kb} KB" }
+ }
+ }
+ button { class: if deleting().as_deref() == Some(sid.as_str()) { "btn small primary" } else { "btn small" },
+ onclick: move |_| {
+ if deleting().as_deref() != Some(s4.as_str()) { deleting.set(Some(s4.clone())); return; }
+ deleting.set(None);
+ let (api, id) = (api_d.clone(), s4.clone());
+ spawn(async move {
+ match api.call("sounds.delete", json!({ "id": id })).await {
+ Ok(_) => rev += 1,
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ if deleting().as_deref() == Some(sid.as_str()) { "sure?" } else { "delete" }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/app/src/views/space/texwin.rs b/app/src/views/space/texwin.rs
new file mode 100644
index 00000000..418435ac
--- /dev/null
+++ b/app/src/views/space/texwin.rs
@@ -0,0 +1,683 @@
+//! The textures window: texture recipes (core's `graph::textures`) built step by step, as a
+//! pipeline from a source to where it's used, each step with a preview drawn by the room
+//! itself (`space.js` `preview`), so what the window shows is what blocks show.
+//!
+//! Source (a picture of the save, the selected text, or a colour) → crop (drag a box on the
+//! source) → tile (its size in units, its offset, a quarter turn, a mirror, a tint) →
+//! variants (how many, shuffled by a seed) → use (on the selected block, on one of its
+//! faces, as the sky, on a new block). Recipes are kept by their content hash, so making
+//! the same one twice keeps one; the saved ones are listed at the top to pick up again.
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use super::{Previews, SpaceEvent, Win, add_block_from, dress, native_space};
+use crate::gem::{self, Mode};
+use crate::shell::set_pref;
+use crate::ui::*;
+
+/// a preview the room draws: into a canvas (space.js), or as a picture the native room
+/// drew (its PNG, by the canvas's id)
+#[component]
+fn Preview(id: String, w: f64, h: f64, class: Option<String>, onclick: Option<EventHandler<MouseEvent>>) -> Element {
+ let class = class.unwrap_or_default();
+ let click = move |e: MouseEvent| {
+ if let Some(f) = onclick {
+ f.call(e);
+ }
+ };
+ if native_space() {
+ let src = try_use_context::<Previews>()
+ .and_then(|p| p.0.read().get(&id).cloned())
+ .unwrap_or_default();
+ rsx! { img { id: "{id}", class: "{class}", src: "{src}", width: "{w.round()}", height: "{h.round()}", alt: "", onclick: click } }
+ } else {
+ rsx! { canvas { id: "{id}", class: "{class}", width: "{w.round()}", height: "{h.round()}", onclick: click } }
+ }
+}
+
+/// the source's shape on screen (a picture's, 240 pixels on its longer side)
+fn source_px(src: &Value, pics: &[(String, String, u64, u64)]) -> (f64, f64) {
+ match src["picture"].as_str().and_then(|p| pics.iter().find(|x| x.0 == p)) {
+ Some((_, _, w, h)) => {
+ let (w, h) = (*w as f64, *h as f64);
+ if w >= h {
+ (240.0, (240.0 * h / w).max(40.0))
+ } else {
+ ((240.0 * w / h).max(40.0), 240.0)
+ }
+ }
+ None => (240.0, 240.0),
+ }
+}
+
+/// a fresh recipe: a colour, one unit a tile
+fn blank() -> Value {
+ json!({
+ "source": { "plain": "#b49a6c" },
+ "crop": [0.0, 0.0, 1.0, 1.0],
+ "scale": [1.0, 1.0],
+ "offset": [0.0, 0.0],
+ "turn": 0,
+ "mirror": false,
+ "tint": "#000000",
+ "tint_amount": 0.0,
+ "variants": 1,
+ "seed": 0,
+ "turn_variants": false,
+ })
+}
+
+/// a recipe with every field there (one from the save may leave defaults out)
+fn filled(r: &Value) -> Value {
+ let mut out = blank();
+ if let Some(o) = r.as_object() {
+ for (k, v) in o {
+ if !v.is_null() {
+ out[k] = v.clone();
+ }
+ }
+ }
+ out
+}
+
+fn f(v: &Value, i: usize) -> f64 {
+ v.get(i).and_then(Value::as_f64).unwrap_or(0.0)
+}
+
+/// a tile's side on a slider: 0–100 for 0.1 to 10 units, evenly in log
+fn side_to_slider(v: f64) -> f64 {
+ ((v.clamp(0.1, 10.0) / 0.1).ln() / 100f64.ln() * 100.0).round()
+}
+fn slider_to_side(s: f64) -> f64 {
+ let v = 0.1 * 100f64.powf(s / 100.0);
+ (v * 100.0).round() / 100.0
+}
+
+/// what a recipe's source is, in words
+fn source_words(r: &Value, pictures: &[(String, String, u64, u64)], text: &str) -> String {
+ let s = &r["source"];
+ if let Some(c) = s["plain"].as_str() {
+ format!("the colour {c}")
+ } else if let Some(p) = s["picture"].as_str() {
+ let name = pictures
+ .iter()
+ .find(|x| x.0 == p)
+ .map(|x| x.1.clone())
+ .unwrap_or_else(|| p[..8.min(p.len())].to_string());
+ format!("the picture {name}")
+ } else if s["text"].is_string() {
+ format!("the text “{}”", text.chars().take(40).collect::<String>())
+ } else {
+ "nothing yet".into()
+ }
+}
+
+#[component]
+pub(super) fn Textures(
+ selected: Option<SpaceEvent>,
+ block: Option<Value>,
+ on_send: EventHandler<Value>,
+ on_changed: EventHandler<()>,
+) -> Element {
+ let ui = ui();
+ let api = api();
+ // the saved recipes, dressed for drawing
+ let mut saved: Signal<Vec<Value>> = use_signal(Vec::new);
+ let mut rev = use_signal(|| 0u64);
+ // pictures: id, name, width, height
+ let mut pictures: Signal<Vec<(String, String, u64, u64)>> = use_signal(Vec::new);
+ // the recipe being made, its name, and what its source draws from (a picture's
+ // thumbnail, a text)
+ let mut recipe = use_signal(blank);
+ let mut name = use_signal(String::new);
+ let src_url = use_signal(String::new);
+ let mut src_text = use_signal(String::new);
+ let mut sky = use_signal(String::new);
+ let mut armed: Signal<Option<String>> = use_signal(|| None);
+ // a crop being dragged: where it started, as fractions of the source
+ let mut crop_from: Signal<Option<(f64, f64)>> = use_signal(|| None);
+
+ let api_l = api.clone();
+ use_effect(move || {
+ let _ = rev();
+ let api = api_l.clone();
+ spawn(async move {
+ if let Ok(v) = api.call("textures.list", json!({})).await {
+ let mut all = Vec::new();
+ for t in v.as_array().into_iter().flatten() {
+ let id = t["id"].as_str().unwrap_or("").to_string();
+ let dressed = dress(ui, &api, json!({ format!("texture:{id}"): t })).await;
+ all.push(dressed[format!("texture:{id}")].clone());
+ }
+ saved.set(all);
+ }
+ if let Ok(v) = api.call("settings.get", json!({ "name": "space.sky" })).await {
+ sky.set(v["value"].as_str().unwrap_or("").to_string());
+ }
+ });
+ });
+ let api_p = api.clone();
+ use_hook(move || {
+ let api = api_p.clone();
+ spawn(async move {
+ if let Ok(v) = api.call("pictures.list", json!({})).await {
+ let all = v
+ .as_array()
+ .into_iter()
+ .flatten()
+ .map(|p| {
+ let id = p["id"].as_str().unwrap_or("").to_string();
+ let name = p["name"]
+ .as_str()
+ .filter(|n| !n.is_empty())
+ .unwrap_or(&id[..id.len().min(8)])
+ .to_string();
+ (
+ id,
+ name,
+ p["width"].as_u64().unwrap_or(1),
+ p["height"].as_u64().unwrap_or(1),
+ )
+ })
+ .collect();
+ pictures.set(all);
+ }
+ });
+ });
+
+ // what the room needs to draw the recipe being made
+ let about_now = move || {
+ let r = recipe();
+ let mut a = json!({ "recipe": r });
+ if r["source"]["picture"].is_string() {
+ a["src"] = json!(src_url());
+ }
+ if r["source"]["text"].is_string() {
+ let t = src_text();
+ a["colour"] = json!(gem::underline(&t, Mode::Ordinal));
+ a["text"] = json!(t);
+ }
+ a
+ };
+ // the previews: the whole source (to crop), one tile, a patch of two by two units
+ // with the variants, and each saved recipe
+ use_effect(move || {
+ let a = about_now();
+ let mut whole = a.clone();
+ whole["recipe"] = json!({ "source": a["recipe"]["source"], "crop": [0, 0, 1, 1] });
+ let (w, h) = source_px(&a["recipe"]["source"], &pictures());
+ on_send.call(
+ json!({ "cmd": "preview", "id": "tx-source", "about": whole, "tiles": 1, "w": w.round(), "h": h.round() }),
+ );
+ on_send.call(json!({ "cmd": "preview", "id": "tx-tile", "about": a, "tiles": 1 }));
+ // one variant: two by two units of it; more: a tile of each, side by side
+ let sw = f(&a["recipe"]["scale"], 0).max(0.05);
+ let n = a["recipe"]["variants"].as_u64().unwrap_or(1);
+ let across = if n > 1 {
+ (n as f64).sqrt().ceil()
+ } else {
+ (2.0 / sw).round().clamp(1.0, 24.0)
+ };
+ on_send.call(json!({ "cmd": "preview", "id": "tx-patch", "about": a, "tiles": across, "variants": n > 1 }));
+ });
+ use_effect(move || {
+ for t in saved() {
+ let id = t["id"].as_str().unwrap_or("").to_string();
+ on_send.call(json!({ "cmd": "preview", "id": format!("tx-saved-{id}"), "about": t, "tiles": 2 }));
+ }
+ });
+
+ let set = move |k: &str, v: Value| {
+ let mut recipe = recipe;
+ let mut r = recipe.write();
+ r[k] = v;
+ };
+ let set_at = move |k: &str, i: usize, v: f64| {
+ let mut recipe = recipe;
+ let mut r = recipe.write();
+ r[k][i] = json!(v);
+ };
+ // a picture as the source: its thumbnail fetched for drawing
+ let api_s = api.clone();
+ let use_picture = move |id: String| {
+ let api = api_s.clone();
+ let (mut recipe, mut src_url) = (recipe, src_url);
+ recipe.write()["source"] = json!({ "picture": id.clone() });
+ recipe.write()["crop"] = json!([0.0, 0.0, 1.0, 1.0]);
+ spawn(async move {
+ if let Ok(p) = api.call("pictures.get", json!({ "id": id, "thumb": 512 })).await
+ && let Some(t) = p["thumb"].as_str()
+ {
+ src_url.set(format!("data:image/png;base64,{t}"));
+ }
+ });
+ };
+ let api_k = api.clone();
+ // keeps the recipe and answers its id
+ let keep = move || {
+ let api = api_k.clone();
+ let r = recipe();
+ let n = name();
+ async move {
+ match api.call("textures.save", json!({ "recipe": r, "name": n })).await {
+ Ok(t) => {
+ rev += 1;
+ Some(t["id"].as_str().unwrap_or("").to_string())
+ }
+ Err(e) => {
+ ui.fail(e);
+ None
+ }
+ }
+ }
+ };
+
+ let r = recipe();
+ let src = &r["source"];
+ let pics = pictures();
+ let block_id = block.as_ref().and_then(|b| b["id"].as_str()).map(str::to_string);
+ let text = selected.clone().filter(|s| !s.free && !s.key.is_empty());
+ // the source's shape on screen, so the crop box is drawn over it as it is
+ let (sw_px, sh_px) = source_px(src, &pics);
+ let crop = r["crop"].clone();
+ let (cl, ct, cr, cb) = (f(&crop, 0), f(&crop, 1), f(&crop, 2), f(&crop, 3));
+ let scale = r["scale"].clone();
+ let (tw, th) = (f(&scale, 0), f(&scale, 1));
+ let offset = r["offset"].clone();
+ let turn = r["turn"].as_u64().unwrap_or(0);
+ let variants = r["variants"].as_u64().unwrap_or(1);
+ let tint = r["tint"].as_str().unwrap_or("#000000").to_string();
+ let tint_amount = r["tint_amount"].as_f64().unwrap_or(0.0);
+ let sky_now = sky();
+ let words = source_words(&r, &pics, &src_text());
+ let pic_shape = src["picture"]
+ .as_str()
+ .and_then(|p| pics.iter().find(|x| x.0 == p))
+ .map(|x| (x.2 as f64, x.3 as f64));
+
+ rsx! {
+ Win {
+ id: "textures",
+ at: (8.0, 60.0),
+ on_close: move |_| set_pref(ui, |p| p.space.show_textures = false),
+ title: rsx! {
+ span { class: "win-title",
+ Icon { name: "image" }
+ "textures"
+ span { class: "dim small", style: "font-weight: 400;", {match saved.read().len() { 0 => "no recipes yet".to_string(), 1 => "1 recipe".to_string(), n => format!("{n} recipes") }} }
+ }
+ },
+ if !saved.read().is_empty() {
+ div { class: "tx-saved",
+ for t in saved() {
+ {
+ let id = t["id"].as_str().unwrap_or("").to_string();
+ let label = t["name"].as_str().filter(|n| !n.is_empty()).map(str::to_string).unwrap_or_else(|| id[..8].to_string());
+ let is_sky = sky_now == id;
+ rsx! {
+ div { key: "{id}", class: "tx-item", title: "{label}: open it to change or use it",
+ Preview { id: "tx-saved-{id}", w: 56.0, h: 56.0,
+ onclick: {
+ let t = t.clone();
+ let use_picture = use_picture.clone();
+ move |_| {
+ recipe.set(filled(&t["recipe"]));
+ name.set(t["name"].as_str().unwrap_or("").to_string());
+ src_text.set(t["text"].as_str().unwrap_or("").to_string());
+ if let Some(p) = t["recipe"]["source"]["picture"].as_str() {
+ let crop = t["recipe"]["crop"].clone();
+ use_picture(p.to_string());
+ recipe.write()["crop"] = crop;
+ }
+ }
+ },
+ }
+ span { class: "small", if is_sky { "☁ " } "{label}" }
+ button {
+ class: if armed() == Some(id.clone()) { "armed small" } else { "plain small" },
+ title: "delete the recipe (blocks showing it draw grey)",
+ onclick: {
+ let id = id.clone();
+ let api = api.clone();
+ move |_| {
+ if armed() == Some(id.clone()) {
+ armed.set(None);
+ let (api, id) = (api.clone(), id.clone());
+ spawn(async move {
+ match api.call("textures.delete", json!({ "id": id })).await {
+ Ok(_) => { rev += 1; ui.say("recipe deleted"); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ } else {
+ armed.set(Some(id.clone()));
+ }
+ }
+ },
+ Icon { name: "delete" }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ div { class: "tx-steps",
+ // 1. the source
+ div { class: "tx-step",
+ div { class: "tx-step-head", span { class: "tx-n", "1" } b { "source" } span { class: "dim small", "{words}" } }
+ div { class: "row wrap",
+ if !pics.is_empty() {
+ select {
+ "aria-label": "a picture",
+ onchange: { let use_picture = use_picture.clone(); move |e: FormEvent| { let v = e.value(); if !v.is_empty() { use_picture(v) } } },
+ option { value: "", selected: !src["picture"].is_string(), "a picture…" }
+ for (id , n , _ , _) in pics.iter() {
+ option { key: "{id}", value: "{id}", selected: src["picture"].as_str() == Some(id.as_str()), "{n}" }
+ }
+ }
+ }
+ button { class: "btn small", disabled: text.is_none(), title: "the text selected in the room, drawn as a text block draws it",
+ onclick: {
+ let text = text.clone();
+ move |_| if let Some(t) = &text {
+ recipe.write()["source"] = json!({ "text": t.key.clone() });
+ recipe.write()["crop"] = json!([0.0, 0.0, 1.0, 1.0]);
+ src_text.set(t.text.clone());
+ }
+ },
+ Icon { name: "text" } "the selected text" }
+ label { class: "row", title: "a plain colour",
+ input { r#type: "color", value: src["plain"].as_str().unwrap_or("#b49a6c"),
+ oninput: move |e| { recipe.write()["source"] = json!({ "plain": e.value() }); } }
+ span { class: "small", "colour" }
+ }
+ }
+ }
+ div { class: "tx-arrow", "↓" }
+ // 2. the crop
+ div { class: "tx-step",
+ div { class: "tx-step-head", span { class: "tx-n", "2" } b { "crop" }
+ span { class: "dim small",
+ if src["plain"].is_string() { "a colour has nothing to crop" } else { "drag a box over the part to use" }
+ }
+ }
+ div { class: "tx-crop", hidden: src["plain"].is_string(), style: "width: {sw_px}px; height: {sh_px}px;",
+ Preview { id: "tx-source", w: sw_px, h: sh_px }
+ div { class: "tx-cropbox", style: "left: {cl * 100.0}%; top: {ct * 100.0}%; width: {(cr - cl) * 100.0}%; height: {(cb - ct) * 100.0}%;" }
+ div { class: "tx-crop-grip",
+ onpointerdown: move |e| {
+ if recipe.peek()["source"]["plain"].is_string() { return; }
+ e.prevent_default();
+ let o = e.element_coordinates();
+ let (x, y) = ((o.x / sw_px).clamp(0.0, 1.0), (o.y / sh_px).clamp(0.0, 1.0));
+ crop_from.set(Some((x, y)));
+ recipe.write()["crop"] = json!([x, y, (x + 0.01).min(1.0), (y + 0.01).min(1.0)]);
+ },
+ onpointermove: move |e| {
+ if let Some((x0, y0)) = crop_from() {
+ let o = e.element_coordinates();
+ let (x, y) = ((o.x / sw_px).clamp(0.0, 1.0), (o.y / sh_px).clamp(0.0, 1.0));
+ let r4 = |v: f64| (v * 1000.0).round() / 1000.0;
+ recipe.write()["crop"] = json!([r4(x0.min(x)), r4(y0.min(y)), r4(x0.max(x)), r4(y0.max(y))]);
+ }
+ },
+ onpointerup: move |_| crop_from.set(None),
+ onpointerleave: move |_| crop_from.set(None),
+ }
+ }
+ div { class: "row",
+ span { class: "dim small", {format!("{:.0}% × {:.0}% of it", (cr - cl) * 100.0, (cb - ct) * 100.0)} }
+ button { class: "plain small", onclick: move |_| set("crop", json!([0.0, 0.0, 1.0, 1.0])), "all of it" }
+ }
+ }
+ div { class: "tx-arrow", "↓" }
+ // 3. the tile
+ div { class: "tx-step",
+ div { class: "tx-step-head", span { class: "tx-n", "3" } b { "tile" } span { class: "dim small", {format!("{tw:.2} × {th:.2} units")} } }
+ div { class: "tx-tile-row",
+ Preview { id: "tx-tile", w: 96.0, h: 96.0 }
+ div { class: "tx-sliders",
+ label { span { "width" } input { r#type: "range", min: "0", max: "100", step: "1", value: "{side_to_slider(tw)}", oninput: move |e| set_at("scale", 0, slider_to_side(e.value().parse().unwrap_or(50.0))) } }
+ label { span { "height" } input { r#type: "range", min: "0", max: "100", step: "1", value: "{side_to_slider(th)}", oninput: move |e| set_at("scale", 1, slider_to_side(e.value().parse().unwrap_or(50.0))) } }
+ label { span { "across" } input { r#type: "range", min: "0", max: "1", step: "0.01", value: "{f(&offset, 0)}", oninput: move |e| set_at("offset", 0, e.value().parse().unwrap_or(0.0)) } }
+ label { span { "down" } input { r#type: "range", min: "0", max: "1", step: "0.01", value: "{f(&offset, 1)}", oninput: move |e| set_at("offset", 1, e.value().parse().unwrap_or(0.0)) } }
+ }
+ }
+ div { class: "row wrap",
+ for (q , label) in [(0u64, "0°"), (1, "90°"), (2, "180°"), (3, "270°")] {
+ button { key: "{q}", class: if turn == q { "btn small on" } else { "plain small" }, title: "turn the tile", onclick: move |_| set("turn", json!(q)), "{label}" }
+ }
+ label { class: "row small", input { r#type: "checkbox", checked: r["mirror"].as_bool().unwrap_or(false), oninput: move |e| set("mirror", json!(e.checked())) } "mirror" }
+ }
+ div { class: "row wrap",
+ if let Some((pw, ph)) = pic_shape {
+ button { class: "plain small", title: "the tile's height from its width, so the crop keeps its shape",
+ onclick: move |_| {
+ let r = recipe.peek().clone();
+ let (cw, ch) = ((f(&r["crop"], 2) - f(&r["crop"], 0)) * pw, (f(&r["crop"], 3) - f(&r["crop"], 1)) * ph);
+ let w = f(&r["scale"], 0);
+ if cw > 0.0 { set_at("scale", 1, ((w * ch / cw) * 100.0).round() / 100.0) }
+ },
+ "keep the crop's shape" }
+ }
+ span { class: "small", "tint" }
+ input { r#type: "color", value: "{tint}", "aria-label": "the tint", oninput: move |e| set("tint", json!(e.value())) }
+ input { r#type: "range", min: "0", max: "1", step: "0.01", value: "{tint_amount}", "aria-label": "how strong the tint is", oninput: move |e| set("tint_amount", json!(e.value().parse::<f64>().unwrap_or(0.0))) }
+ span { class: "dim small", {format!("{:.0}%", tint_amount * 100.0)} }
+ }
+ }
+ div { class: "tx-arrow", "↓" }
+ // 4. the variants
+ div { class: "tx-step",
+ div { class: "tx-step-head", span { class: "tx-n", "4" } b { "variants" }
+ span { class: "dim small", if variants <= 1 { "every block the same" } else { "{variants}, each block picks one" } }
+ }
+ div { class: "row wrap",
+ input { r#type: "range", min: "1", max: "16", step: "1", value: "{variants}", "aria-label": "how many variants", oninput: move |e| set("variants", json!(e.value().parse::<u64>().unwrap_or(1))) }
+ button { class: "plain small", disabled: variants <= 1, title: "another seed: the blocks pick again",
+ onclick: move |_| { let s = (js_random() * 4_294_967_295.0) as u64; set("seed", json!(s)) }, "shuffle" }
+ label { class: "row small", input { r#type: "checkbox", checked: r["turn_variants"].as_bool().unwrap_or(false), disabled: variants <= 1, oninput: move |e| set("turn_variants", json!(e.checked())) } "turned too" }
+ }
+ div { class: "dim small", if variants <= 1 { "two by two units, as a block shows it:" } else { "a tile of each variant (a block shows one all over):" } }
+ Preview { id: "tx-patch", class: "tx-patch", w: 200.0, h: 200.0 }
+ }
+ div { class: "tx-arrow", "↓" }
+ // 5. where it's used
+ div { class: "tx-step",
+ div { class: "tx-step-head", span { class: "tx-n", "5" } b { "use" }
+ input { r#type: "text", class: "tx-name", placeholder: "its name (optional)", value: "{name}", oninput: move |e| name.set(e.value()) }
+ }
+ div { class: "row wrap",
+ button { class: "btn small", title: "keep the recipe in the save",
+ onclick: { let keep = keep.clone(); move |_| { let k = keep(); spawn(async move { if k.await.is_some() { ui.say("recipe kept") } }); } },
+ Icon { name: "save" } "keep" }
+ button { class: "btn small", title: "a new block showing it, ahead of you",
+ onclick: { let keep = keep.clone(); move |_| { let k = keep(); spawn(async move { if let Some(id) = k.await { add_block_from(on_send, "texture", &id) } }); } },
+ Icon { name: "cube" } "a new block" }
+ button { class: "btn small", disabled: block_id.is_none(), title: "the selected block shows it (on every face that has no recipe of its own)",
+ onclick: {
+ let keep = keep.clone();
+ let api = api.clone();
+ let bid = block_id.clone();
+ move |_| {
+ let (k, api, bid) = (keep(), api.clone(), bid.clone());
+ spawn(async move {
+ let (Some(id), Some(bid)) = (k.await, bid) else { return };
+ match api.call("blocks.retexture", json!({ "id": bid, "kind": "texture", "texture": id })).await {
+ Ok(r) => {
+ let textures = dress(ui, &api, r["textures"].clone()).await;
+ on_send.call(json!({ "cmd": "unblock", "ids": [bid] }));
+ on_send.call(json!({ "cmd": "blocks", "blocks": r["blocks"], "textures": textures, "select": r["ids"][0] }));
+ on_changed.call(());
+ ui.say("the block shows the recipe");
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ },
+ Icon { name: "image" } "on the selected block" }
+ }
+ if let Some(b) = block.clone() {
+ div { class: "row wrap tx-faces",
+ span { class: "small", "on one face:" }
+ for (i , face) in ["right", "left", "top", "bottom", "front", "back"].into_iter().enumerate() {
+ {
+ let has = b["faces"].get(i).is_some_and(|v| !v.is_null());
+ let keep = keep.clone();
+ let api = api.clone();
+ let b = b.clone();
+ rsx! {
+ button { key: "{face}", class: if has { "btn small on" } else { "plain small" },
+ title: if has { "this face has a recipe of its own; click to put this one there" } else { "put the recipe on this face only" },
+ onclick: move |_| {
+ let (k, api, b) = (keep(), api.clone(), b.clone());
+ spawn(async move {
+ let Some(id) = k.await else { return };
+ let mut faces = b["faces"].as_array().cloned().unwrap_or_else(|| vec![Value::Null; 6]);
+ faces.resize(6, Value::Null);
+ faces[i] = json!(id);
+ set_faces(ui, api, on_send, &b, Value::Array(faces)).await;
+ });
+ },
+ "{face}" }
+ }
+ }
+ }
+ if b["faces"].as_array().is_some_and(|a| a.iter().any(|v| !v.is_null())) {
+ button { class: "plain small", title: "every face shows the block's own texture again",
+ onclick: { let api = api.clone(); let b = b.clone(); move |_| { let (api, b) = (api.clone(), b.clone()); spawn(async move { set_faces(ui, api, on_send, &b, Value::Null).await }); } },
+ "clear the faces" }
+ }
+ }
+ }
+ div { class: "row wrap",
+ button { class: "btn small", title: "the room's sky: the recipe all round, far off",
+ onclick: {
+ let keep = keep.clone();
+ let api = api.clone();
+ move |_| {
+ let (k, api) = (keep(), api.clone());
+ spawn(async move {
+ let Some(id) = k.await else { return };
+ set_sky(ui, &api, on_send, &id).await;
+ sky.set(id);
+ });
+ }
+ },
+ "☁ as the sky" }
+ if !sky_now.is_empty() {
+ button { class: "plain small", title: "no sky: the room's colour again",
+ onclick: { let api = api.clone(); move |_| { let api = api.clone(); spawn(async move { set_sky(ui, &api, on_send, "").await; sky.set(String::new()); }); } },
+ "no sky" }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// a random number in [0, 1) (the clock has no time in a browser's wasm; Math.random does)
+#[cfg(target_arch = "wasm32")]
+fn js_random() -> f64 {
+ js_sys::Math::random()
+}
+
+/// a random number in [0, 1)
+#[cfg(not(target_arch = "wasm32"))]
+fn js_random() -> f64 {
+ let t = std::time::SystemTime::now()
+ .duration_since(std::time::UNIX_EPOCH)
+ .map(|d| d.subsec_nanos())
+ .unwrap_or(7);
+ let mut x = t as u64 ^ 0x9e37_79b9_7f4a_7c15;
+ x ^= x >> 33;
+ x = x.wrapping_mul(0xff51_afd7_ed55_8ccd);
+ x ^= x >> 33;
+ (x >> 11) as f64 / (1u64 << 53) as f64
+}
+
+/// a block's faces set (null clears them), and the room told
+async fn set_faces(ui: Ui, api: Api, on_send: EventHandler<Value>, b: &Value, faces: Value) {
+ let id = b["id"].as_str().unwrap_or("").to_string();
+ match api.call("blocks.set", json!({ "id": id, "faces": faces })).await {
+ Ok(r) => {
+ let textures = dress(ui, &api, r["textures"].clone()).await;
+ on_send.call(json!({ "cmd": "blocks", "blocks": r["blocks"], "textures": textures, "select": id }));
+ ui.say(if faces.is_null() {
+ "the faces show the block's texture again"
+ } else {
+ "the face shows the recipe"
+ });
+ }
+ Err(e) => ui.fail(e),
+ }
+}
+
+/// the room's sky: a recipe's id in the save's settings (`space.sky`), "" for none; the
+/// room is told
+pub(super) async fn set_sky(ui: Ui, api: &Api, on_send: EventHandler<Value>, id: &str) {
+ if let Err(e) = api
+ .call("settings.set", json!({ "name": "space.sky", "value": id }))
+ .await
+ {
+ return ui.fail(e);
+ }
+ send_sky(ui, api, on_send, id).await;
+ ui.say(if id.is_empty() {
+ "no sky"
+ } else {
+ "the sky shows the recipe"
+ });
+}
+
+/// the room's sky drawn from the save's setting (on opening the room)
+pub(super) async fn load_sky(ui: Ui, api: &Api, on_send: EventHandler<Value>) {
+ let id = match api.call("settings.get", json!({ "name": "space.sky" })).await {
+ Ok(v) => v["value"].as_str().unwrap_or("").to_string(),
+ Err(_) => String::new(),
+ };
+ send_sky(ui, api, on_send, &id).await;
+}
+
+async fn send_sky(ui: Ui, api: &Api, on_send: EventHandler<Value>, id: &str) {
+ if id.is_empty() {
+ on_send.call(json!({ "cmd": "sky", "about": null }));
+ return;
+ }
+ let Ok(all) = api.call("textures.list", json!({})).await else {
+ return;
+ };
+ let Some(t) = all
+ .as_array()
+ .into_iter()
+ .flatten()
+ .find(|t| t["id"].as_str() == Some(id))
+ .cloned()
+ else {
+ on_send.call(json!({ "cmd": "sky", "about": null }));
+ return;
+ };
+ let dressed = dress(ui, api, json!({ format!("texture:{id}"): t })).await;
+ on_send.call(json!({ "cmd": "sky", "about": dressed[format!("texture:{id}")] }));
+}
+
+#[cfg(test)]
+mod tests {
+ use super::*;
+
+ #[test]
+ fn sides_on_a_slider() {
+ for v in [0.1, 0.5, 1.0, 2.0, 10.0] {
+ assert!((slider_to_side(side_to_slider(v)) - v).abs() < v * 0.06, "{v}");
+ }
+ assert_eq!(slider_to_side(50.0), 1.0);
+ assert_eq!(
+ filled(&json!({ "source": { "plain": "#000000" }, "turn": 2 }))["scale"],
+ json!([1.0, 1.0])
+ );
+ }
+}
diff --git a/app/src/views/space/wirewin.rs b/app/src/views/space/wirewin.rs
new file mode 100644
index 00000000..d6cbcfe7
--- /dev/null
+++ b/app/src/views/space/wirewin.rs
@@ -0,0 +1,487 @@
+//! The wiring window: blocks that cast rays and run programs (core's `graph::wiring`,
+//! `ops::wiring`). For the selected block: the events it listens for (a click, a ray's
+//! hit, a text coming into or leaving its zone, a timer, a named signal), the s program
+//! it runs then (a note tagged `s`), and its ray: none, fixed (a direction out of the
+//! block, registering the first, last, nth or all of what it crosses, of the kinds it
+//! sees, and optionally sticking to what it first hits) or sticky (to target blocks,
+//! picked in the room). "play" makes the room live: a click on a wired block fires it
+//! (instead of selecting it), timers run, zones report texts coming and going. "try it"
+//! fires the block once. The window lists what the last cause set off.
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use super::{Sp, Win, dress};
+use crate::shell::set_pref;
+use crate::ui::*;
+
+const EVENTS: [(&str, &str); 6] = [
+ ("click", "a click (while playing)"),
+ ("hit", "another block's ray"),
+ ("enter", "a text coming into its zone"),
+ ("leave", "a text leaving its zone"),
+ ("timer", "a timer"),
+ ("signal", "a signal by name"),
+];
+
+const DIRS: [(&str, [f64; 3]); 6] = [
+ ("front", [0.0, 0.0, 1.0]),
+ ("back", [0.0, 0.0, -1.0]),
+ ("right", [1.0, 0.0, 0.0]),
+ ("left", [-1.0, 0.0, 0.0]),
+ ("up", [0.0, 1.0, 0.0]),
+ ("down", [0.0, -1.0, 0.0]),
+];
+
+/// the wired blocks, into the room (what each listens for), and whether it's live
+pub(super) async fn load_wires(api: &Api, sp: Sp) {
+ let list = match api.call("wiring.list", json!({})).await {
+ Ok(v) => v.as_array().cloned().unwrap_or_default(),
+ // a hub from before wiring
+ Err(_) => Vec::new(),
+ };
+ let wires: Vec<Value> = list
+ .iter()
+ .map(|w| json!({ "id": w["id"], "on": w["wiring"]["on"], "every": w["wiring"]["every"], "links": w["links"] }))
+ .collect();
+ let live = *sp.live.peek();
+ sp.send(json!({ "cmd": "wires", "wires": wires, "live": live }));
+}
+
+/// fires a block: the room shows what changed, its rays and what was said
+pub(super) fn fire(ui: Ui, api: Api, sp: Sp, id: String, event: &'static str, from: String) {
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api
+ .call("wiring.fire", json!({ "id": id, "event": event, "from": from }))
+ .await
+ {
+ Ok(r) => {
+ if r["removed"].as_array().is_some_and(|a| !a.is_empty()) {
+ sp.send(json!({ "cmd": "unblock", "ids": r["removed"] }));
+ }
+ if r["blocks"].as_array().is_some_and(|a| !a.is_empty()) {
+ let textures = dress(ui, &api, r["textures"].clone()).await;
+ sp.send(json!({ "cmd": "blocks", "blocks": r["blocks"], "textures": textures }));
+ }
+ sp.send(json!({ "cmd": "rays", "rays": r["rays"] }));
+ if r["sounds"].as_array().is_some_and(|a| !a.is_empty()) {
+ sp.send(json!({ "cmd": "sounds", "sounds": r["sounds"] }));
+ }
+ for s in r["says"].as_array().into_iter().flatten() {
+ ui.say(s.as_str().unwrap_or("").to_string());
+ }
+ let errs: Vec<String> = r["events"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .filter_map(|e| {
+ e["err"]
+ .as_str()
+ .map(|x| format!("{}: {x}", e["block"].as_str().unwrap_or("")))
+ })
+ .collect();
+ if let Some(e) = errs.first() {
+ ui.fail(e.clone());
+ }
+ if r["cut"] == true {
+ ui.say("stopped: one cause sets off at most 200 events, in one budget of steps".to_string());
+ }
+ let mut f = sp.fired;
+ f.set(r["events"].as_array().cloned().unwrap_or_default());
+ if r["removed"].as_array().is_some_and(|a| !a.is_empty())
+ || r["events"]
+ .as_array()
+ .is_some_and(|e| e.iter().any(|x| x["block"] != x["from"]))
+ {
+ load_wires(&api, sp).await;
+ }
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+}
+
+fn has(w: &Value, ev: &str) -> bool {
+ w["on"].as_array().is_some_and(|a| a.iter().any(|x| x == ev))
+}
+
+fn short(id: &str) -> String {
+ // a prefab copy's part: its address inside, and which copy
+ if let Some((copy, inner)) = id.strip_prefix("prefab:").and_then(|r| r.split_once('/')) {
+ let n = copy.rsplit_once('#').map_or(copy, |x| x.1);
+ return format!("{} in copy {n}", short(inner));
+ }
+ let (k, n) = id.rsplit_once('#').unwrap_or((id, ""));
+ let k = k.split_once(':').map_or(k, |(_, t)| t);
+ let k = if k.chars().count() > 14 {
+ format!("{}…", k.chars().take(12).collect::<String>())
+ } else {
+ k.to_string()
+ };
+ if n.is_empty() { k } else { format!("{k} #{n}") }
+}
+
+#[component]
+pub(super) fn Wires(sp: Sp) -> Element {
+ let ui = ui();
+ let api = api();
+ // the block being wired: the selected one, held while targets are picked
+ let mut wired: Signal<Option<String>> = use_signal(|| None);
+ let mut picking = use_signal(|| false);
+ let mut w: Signal<Value> = use_signal(|| Value::Null);
+ let mut dirty = use_signal(|| false);
+ let mut programs: Signal<Vec<String>> = use_signal(Vec::new);
+ let sel = (sp.block)()
+ .filter(|b| b["copy"] != true)
+ .and_then(|b| b["id"].as_str().map(str::to_string));
+
+ // the programs to choose from
+ let api_p = api.clone();
+ use_hook(move || {
+ let api = api_p.clone();
+ spawn(async move {
+ if let Ok(v) = api.call("s.programs", json!({})).await {
+ programs.set(
+ v.as_array()
+ .into_iter()
+ .flatten()
+ .filter_map(|p| p["title"].as_str().map(str::to_string))
+ .collect(),
+ );
+ }
+ });
+ });
+
+ // the selection: picked as a target, or the block to wire
+ let api_s = api.clone();
+ use_effect(use_reactive!(|sel| {
+ let Some(id) = sel else { return };
+ if *picking.peek() {
+ if wired.peek().as_deref() != Some(id.as_str()) {
+ let mut v = w.peek().clone();
+ let ts = v["ray"]["targets"].as_array().cloned().unwrap_or_default();
+ if !ts.iter().any(|t| t == &json!(id)) {
+ let mut ts = ts;
+ ts.push(json!(id));
+ v["ray"]["targets"] = json!(ts);
+ w.set(v);
+ dirty.set(true);
+ }
+ }
+ return;
+ }
+ if wired.peek().as_deref() == Some(id.as_str()) {
+ return;
+ }
+ wired.set(Some(id.clone()));
+ dirty.set(false);
+ let api = api_s.clone();
+ spawn(async move {
+ match api.call("wiring.get", json!({ "id": id })).await {
+ Ok(v) => w.set(v),
+ Err(e) => ui.fail(e),
+ }
+ });
+ }));
+
+ let api_k = api.clone();
+ let keep = move |v: Value| {
+ let Some(id) = wired.peek().clone() else { return };
+ let api = api_k.clone();
+ spawn(async move {
+ match api.call("wiring.set", json!({ "id": id, "wiring": v })).await {
+ Ok(r) => {
+ w.set(r["wiring"].clone());
+ dirty.set(false);
+ load_wires(&api, sp).await;
+ ui.say(
+ if r["wiring"].is_null() {
+ "unwired"
+ } else {
+ "wired · \"try it\" fires it once; \"play\" makes the room live"
+ }
+ .to_string(),
+ );
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let keep2 = keep.clone();
+
+ let cur = w();
+ let on = !cur.is_null();
+ let ray = cur["ray"].clone();
+ let aim = if ray.is_null() {
+ "none"
+ } else if ray["targets"].as_array().is_some_and(|a| !a.is_empty()) || *picking.read() {
+ "sticky"
+ } else {
+ "fixed"
+ };
+ let mode = ray["mode"].as_str().unwrap_or("first").to_string();
+ let live = (sp.live)();
+ let fired = (sp.fired)();
+ let mut set = move |f: &dyn Fn(&mut Value)| {
+ let mut v = w.peek().clone();
+ if v.is_null() {
+ v = json!({ "on": [] });
+ }
+ f(&mut v);
+ w.set(v);
+ dirty.set(true);
+ };
+
+ rsx! {
+ Win {
+ id: "wiring",
+ at: (8.0, 140.0),
+ on_close: move |_| set_pref(ui, |p| p.space.show_wiring = false),
+ title: rsx! {
+ span { class: "win-title",
+ Icon { name: "bolt" }
+ "wiring"
+ span { class: "dim small", style: "font-weight: 400;", "rays and programs" }
+ }
+ },
+ div { class: "row wrap",
+ button { class: if live { "btn small primary" } else { "btn small" },
+ "aria-pressed": "{live}",
+ title: "play: a click on a wired block fires it, timers run, zones tell of texts coming and going",
+ onclick: {
+ let api = api.clone();
+ move |_| {
+ let mut l = sp.live;
+ l.set(!live);
+ let api = api.clone();
+ spawn(async move { load_wires(&api, sp).await });
+ }
+ },
+ if live { "■ stop playing" } else { "▶ play" }
+ }
+ button { class: if (sp.wiremode)() { "btn small primary" } else { "btn small" },
+ "aria-pressed": "{(sp.wiremode)()}",
+ title: "drag from one block to another to wire them; every block shows a port while it's on (J)",
+ onclick: move |_| sp.send(json!({ "cmd": "wiremode", "toggle": true })),
+ "connect by dragging" }
+ if let Some(id) = wired() {
+ span { class: "small", "wiring " b { {short(&id)} } }
+ }
+ }
+ if wired().is_none() {
+ p { class: "dim small", "Select a block to wire it." }
+ } else {
+ div { class: "wire-sec",
+ span { class: "small", "it listens for" }
+ div { class: "row wrap",
+ for (ev, what) in EVENTS {
+ label { key: "{ev}", class: "check small", title: "{what}",
+ input { r#type: "checkbox", checked: has(&cur, ev),
+ onchange: move |e: FormEvent| {
+ let yes = e.checked();
+ set(&|v: &mut Value| {
+ let mut a: Vec<Value> = v["on"].as_array().cloned().unwrap_or_default();
+ a.retain(|x| x != ev);
+ if yes { a.push(json!(ev)); }
+ v["on"] = json!(a);
+ });
+ }
+ }
+ "{ev}"
+ }
+ }
+ }
+ if has(&cur, "timer") {
+ label { class: "lt-slider", span { "every (s)" }
+ input { r#type: "number", min: "0.2", step: "0.1", value: "{cur[\"every\"].as_f64().unwrap_or(1.0)}",
+ oninput: move |e: FormEvent| { let x = e.value().parse::<f64>().unwrap_or(1.0); set(&|v: &mut Value| v["every"] = json!(x)); }
+ }
+ }
+ }
+ if has(&cur, "signal") {
+ label { class: "lt-slider", span { "signal" }
+ input { r#type: "text", placeholder: "its name", value: "{cur[\"signal\"].as_str().unwrap_or(\"\")}",
+ oninput: move |e: FormEvent| { let x = e.value(); set(&|v: &mut Value| v["signal"] = json!(x.clone())); }
+ }
+ }
+ }
+ }
+ div { class: "wire-sec",
+ label { class: "lt-slider", span { "program" }
+ select {
+ "aria-label": "the s program it runs",
+ onchange: move |e: FormEvent| { let x = e.value(); set(&|v: &mut Value| v["program"] = json!(x.clone())); },
+ option { value: "", selected: cur["program"].as_str().unwrap_or("").is_empty(), "none: it casts its ray" }
+ for p in programs() {
+ option { key: "{p}", value: "{p}", selected: cur["program"].as_str() == Some(p.as_str()), "{p}" }
+ }
+ }
+ }
+ if programs().is_empty() {
+ p { class: "dim small", "Programs are notes tagged s (the notes view's s button)." }
+ }
+ }
+ div { class: "wire-sec",
+ span { class: "small", "its ray" }
+ div { class: "row wrap",
+ for a in ["none", "fixed", "sticky"] {
+ button { key: "{a}", class: if aim == a { "btn small on" } else { "btn small" },
+ onclick: move |_| {
+ picking.set(a == "sticky");
+ set(&|v: &mut Value| match a {
+ "none" => { if let Some(o) = v.as_object_mut() { o.remove("ray"); } }
+ "fixed" => { let mut r = v["ray"].clone(); if r.is_null() { r = json!({}); } r["targets"] = json!([]); v["ray"] = r; }
+ _ => { if v["ray"].is_null() { v["ray"] = json!({ "targets": [] }); } }
+ });
+ },
+ "{a}"
+ }
+ }
+ }
+ if aim == "fixed" {
+ div { class: "row wrap",
+ span { class: "small", "out of its" }
+ for (name, d) in DIRS {
+ {
+ let now: Vec<f64> = ray["dir"].as_array().map(|a| a.iter().filter_map(Value::as_f64).collect()).unwrap_or(vec![0.0, 0.0, 1.0]);
+ let on = now.len() == 3 && (0..3).all(|i| (now[i] - d[i]).abs() < 1e-3);
+ rsx! {
+ button { key: "{name}", class: if on { "btn small on" } else { "btn small" },
+ onclick: move |_| set(&|v: &mut Value| v["ray"]["dir"] = json!(d)),
+ "{name}"
+ }
+ }
+ }
+ }
+ }
+ div { class: "row wrap",
+ span { class: "small", "registers" }
+ for m in ["first", "last", "all", "nth"] {
+ button { key: "{m}", class: if mode == m { "btn small on" } else { "btn small" },
+ onclick: move |_| set(&|v: &mut Value| v["ray"]["mode"] = json!(m)),
+ "{m}"
+ }
+ }
+ if mode == "nth" {
+ input { r#type: "number", min: "1", style: "width: 4em;", value: "{ray[\"n\"].as_u64().unwrap_or(1)}",
+ "aria-label": "which one it registers",
+ oninput: move |e: FormEvent| { let n = e.value().parse::<u64>().unwrap_or(1).max(1); set(&|v: &mut Value| v["ray"]["n"] = json!(n)); }
+ }
+ }
+ }
+ label { class: "lt-slider", span { "reach" }
+ input { r#type: "range", min: "1", max: "200", value: "{ray[\"range\"].as_f64().unwrap_or(50.0)}",
+ oninput: move |e: FormEvent| { let x = e.value().parse::<f64>().unwrap_or(50.0); set(&|v: &mut Value| v["ray"]["range"] = json!(x)); }
+ }
+ span { class: "dim small", {format!("{:.0}", ray["range"].as_f64().unwrap_or(50.0))} }
+ }
+ div { class: "row wrap",
+ span { class: "small", "sees" }
+ for k in ["text", "picture", "plain", "texture"] {
+ {
+ let sees: Vec<Value> = ray["sees"].as_array().cloned().unwrap_or_default();
+ let on = sees.is_empty() || sees.iter().any(|x| x == k);
+ rsx! {
+ label { key: "{k}", class: "check small",
+ input { r#type: "checkbox", checked: on,
+ onchange: move |e: FormEvent| {
+ let yes = e.checked();
+ set(&|v: &mut Value| {
+ let mut s: Vec<Value> = v["ray"]["sees"].as_array().cloned().unwrap_or_default();
+ if s.is_empty() { s = ["text", "picture", "plain", "texture"].iter().map(|x| json!(x)).collect(); }
+ s.retain(|x| x != k);
+ if yes { s.push(json!(k)); }
+ if s.len() == 4 { s.clear(); }
+ v["ray"]["sees"] = json!(s);
+ });
+ }
+ }
+ "{k}"
+ }
+ }
+ }
+ }
+ }
+ label { class: "check small",
+ input { r#type: "checkbox", checked: ray["stick"] == true,
+ onchange: move |e: FormEvent| { let yes = e.checked(); set(&|v: &mut Value| v["ray"]["stick"] = json!(yes)); }
+ }
+ "become sticky on its first hit"
+ }
+ }
+ if aim == "sticky" {
+ div { class: "wire-targets",
+ for t in ray["targets"].as_array().cloned().unwrap_or_default() {
+ {
+ let t = t.as_str().unwrap_or("").to_string();
+ let t2 = t.clone();
+ rsx! {
+ span { key: "{t}", class: "chip small", {short(&t)}
+ button { class: "plain", "aria-label": "not this target",
+ onclick: move |_| { let t = t2.clone(); set(&|v: &mut Value| { if let Some(a) = v["ray"]["targets"].as_array_mut() { a.retain(|x| x != &json!(t)); } }); },
+ "×"
+ }
+ }
+ }
+ }
+ }
+ }
+ button { class: if picking() { "btn small primary" } else { "btn small" },
+ onclick: move |_| {
+ let now = picking();
+ picking.set(!now);
+ if now && let Some(id) = wired.peek().clone() {
+ // back to the wired block
+ sp.send(json!({ "cmd": "pickblock", "id": id }));
+ }
+ },
+ if picking() { "done picking" } else { "pick targets in the room" }
+ }
+ if picking() {
+ p { class: "dim small", "Click the blocks it should hit; each becomes a target." }
+ }
+ }
+ }
+ div { class: "row wrap",
+ button { class: if dirty() { "btn small primary" } else { "btn small" }, disabled: !dirty(),
+ onclick: move |_| { picking.set(false); keep(w.peek().clone()); },
+ "keep"
+ }
+ button { class: "btn small", disabled: !on,
+ title: "fire it once, as a click would",
+ onclick: {
+ let api = api.clone();
+ move |_| {
+ if let Some(id) = wired.peek().clone() {
+ fire(ui, api.clone(), sp, id.clone(), "click", String::new());
+ }
+ }
+ },
+ "try it"
+ }
+ button { class: "btn small", disabled: !on,
+ onclick: move |_| keep2(Value::Null),
+ "unwire"
+ }
+ }
+ if !fired.is_empty() {
+ div { class: "wire-log",
+ span { class: "small", "what the last cause set off" }
+ for (i, e) in fired.iter().enumerate() {
+ div { key: "{i}", class: "small",
+ b { {short(e["block"].as_str().unwrap_or(""))} }
+ " · {e[\"event\"].as_str().unwrap_or(\"\")}"
+ if let Some(o) = e["out"].as_str().filter(|o| !o.is_empty()) {
+ pre { class: "s-out", "{o}" }
+ }
+ if let Some(x) = e["err"].as_str() {
+ div { class: "s-err", "{x}" }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/app/src/views/specs.rs b/app/src/views/specs.rs
new file mode 100644
index 00000000..36767f31
--- /dev/null
+++ b/app/src/views/specs.rs
@@ -0,0 +1,1037 @@
+//! Spec models: models made from a declarative spec (docs/models.md, `models.*` in
+//! docs/app-api.md), the second tab of the models view. The same view on the desktop and
+//! the web, through the backend.
+//!
+//! The left column lists them; "new" starts one from a template (a classifier, a tagger,
+//! a generator) filled in with the save's lists. A model's page has its spec in the
+//! builder (`builder.rs`: a control for every field) and in a JSON editor, the same text
+//! under both (checked as you type, a broken rule shown where it is; Ctrl+Enter saves),
+//! its training (epochs, progress, cancel, the metrics), a run card (the command bar's
+//! text through every head as you type) and, for a generator, a write card: candidates
+//! judged by its critics, each critic's score shown (Enter in the bar writes after the
+//! bar's text).
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use super::classifiers::{Metrics, Progress, hue, pct, strs};
+
+mod builder;
+use crate::backend::ListInfo;
+use crate::ui::*;
+
+/// what the models view shares with this tab: the open model, whether "new" is open, and
+/// a count the bar's Enter bumps (the write card writes after the bar's text)
+#[derive(Clone, Copy, PartialEq)]
+pub struct SpecState {
+ pub chosen: Signal<Option<String>>,
+ pub new: Signal<bool>,
+ pub enter: Signal<u64>,
+}
+
+impl SpecState {
+ pub fn new() -> SpecState {
+ SpecState {
+ chosen: Signal::new(None),
+ new: Signal::new(false),
+ enter: Signal::new(0),
+ }
+ }
+
+ /// Escape: closes "new", else the open model
+ pub fn escape(mut self) {
+ if *self.new.peek() {
+ self.new.set(false);
+ } else {
+ self.chosen.set(None);
+ }
+ }
+}
+
+#[component]
+pub fn SpecModels(state: SpecState) -> Element {
+ let ui = ui();
+ let api = api();
+ let SpecState {
+ mut chosen, mut new, ..
+ } = state;
+ let mut rev = use_signal(|| 0u64);
+ let api_r = api.clone();
+ let models = use_resource(move || {
+ let api = api_r.clone();
+ let _ = ((ui.changed)(), rev());
+ async move { api.spec_models().await }
+ });
+ let (list, note): (Vec<Value>, Option<String>) = match &*models.read() {
+ Some(Ok(v)) => (v.clone(), None),
+ Some(Err(e)) => (vec![], Some(e.clone())),
+ None => (vec![], None),
+ };
+ let open = chosen().or_else(|| {
+ (!new())
+ .then(|| list.first().and_then(|m| m["name"].as_str().map(str::to_string)))
+ .flatten()
+ });
+ let on_made = move |name: String| {
+ new.set(false);
+ chosen.set(Some(name));
+ rev += 1;
+ };
+ rsx! {
+ if let Some(n) = note {
+ div { class: "card bad", "{n}" }
+ }
+ div { class: "cls-layout",
+ div { class: "card cls-list", role: "listbox", "aria-label": "spec models",
+ button { class: if new() { "cls-item on" } else { "cls-item" }, onclick: move |_| new.set(!new()),
+ b { Icon { name: "new" } " new" } span { class: "small", "from a template" } }
+ if list.is_empty() {
+ span { class: "dim small", "none yet" }
+ }
+ for m in list.iter().cloned() {
+ {
+ let name = m["name"].as_str().unwrap_or("").to_string();
+ let on = open.as_deref() == Some(name.as_str()) && !new();
+ let heads: Vec<String> = m["heads"].as_array().into_iter().flatten()
+ .map(|h| format!("{} ({})", h["name"].as_str().unwrap_or(""), h["kind"].as_str().unwrap_or(""))).collect();
+ let state = if m["training"] == true { "training…".to_string() }
+ else if m["trained"] == true { trained_line(&m) }
+ else { "not trained yet".to_string() };
+ rsx! {
+ button { key: "{name}", role: "option", "aria-selected": "{on}",
+ class: if on { "cls-item on" } else { "cls-item" },
+ onclick: { let n = name.clone(); move |_| { chosen.set(Some(n.clone())); new.set(false); } },
+ b { "{name}" }
+ span { class: "small", {heads.join(" · ")} }
+ span { class: "small state", "{state}" }
+ }
+ }
+ }
+ }
+ }
+ div { class: "cls-main",
+ if new() {
+ NewSpec { on_made }
+ } else {
+ match open {
+ Some(name) => rsx! { SpecPage { key: "{name}", name: name.clone(), enter: state.enter,
+ on_gone: move |_| { chosen.set(None); rev += 1; },
+ on_renamed: move |n: String| { chosen.set(Some(n)); rev += 1; } } },
+ None => rsx! {
+ div { class: "card empty",
+ p { "A spec model is a model described as plain data: what it reads, how big it is, what comes out (classes, labels, numbers, or text it writes), what it learns from in this save, and for a writer, which other models judge what it writes." }
+ p { "Press " b { "new" } " to start from a template, then edit its spec, train it, and try it from the command bar." }
+ }
+ },
+ }
+ }
+ }
+ }
+ }
+}
+
+fn trained_line(m: &Value) -> String {
+ let mut s = "trained".to_string();
+ if let Some(a) = m["accuracy"].as_f64() {
+ s += &format!(" · {}", pct(a));
+ }
+ if let Some(b) = m["bits_per_byte"].as_f64() {
+ s += &format!(" · {b:.2} bits/byte");
+ }
+ s
+}
+
+// ------------------------------------------------------------------ templates
+
+#[derive(Clone, Copy, PartialEq)]
+enum Template {
+ Classifier,
+ Tagger,
+ Generator,
+ Pictures,
+}
+
+impl Template {
+ const ALL: [Template; 4] = [
+ Template::Classifier,
+ Template::Tagger,
+ Template::Generator,
+ Template::Pictures,
+ ];
+
+ fn name(self) -> &'static str {
+ match self {
+ Template::Classifier => "classifier",
+ Template::Tagger => "tagger",
+ Template::Generator => "generator",
+ Template::Pictures => "pictures",
+ }
+ }
+
+ fn about(self) -> &'static str {
+ match self {
+ Template::Classifier => "one class of several for a text: each list a class",
+ Template::Tagger => "any of several labels for a text, each from a list",
+ Template::Generator => "writes texts like a list's, judged by another model",
+ Template::Pictures => "one class of several for a picture: each picture list a class",
+ }
+ }
+}
+
+/// a judge a generator can use: a model's name, its head and a class of it
+pub type Judge = (String, String, String);
+
+/// a template's spec, filled in with the save's lists (by name), its picture lists and a
+/// judge if there is one
+fn template(t: Template, lists: &[ListInfo], judge: Option<&Judge>, plists: &[String]) -> String {
+ let names: Vec<String> = lists.iter().filter(|l| l.count > 0).map(|l| l.name.clone()).collect();
+ let pick = |n: usize| -> Vec<String> {
+ let mut v: Vec<String> = names.iter().take(n).cloned().collect();
+ for i in v.len()..n.min(2).max(v.len()) {
+ v.push(format!("list {}", i + 1));
+ }
+ v
+ };
+ // written by hand so the fields keep the order docs/models.md gives them
+ let q = |s: &str| serde_json::to_string(s).unwrap_or_default();
+ let classes = |c: &[String]| c.iter().map(|x| q(x)).collect::<Vec<_>>().join(", ");
+ let data = |head: &str, c: &[String]| {
+ c.iter()
+ .map(|x| {
+ format!(
+ " {{\"from\": \"list\", \"list\": {}, \"head\": {}, \"class\": {}}}",
+ q(x),
+ q(head),
+ q(x)
+ )
+ })
+ .collect::<Vec<_>>()
+ .join(",\n")
+ };
+ match t {
+ Template::Pictures => {
+ let mut c: Vec<String> = plists.iter().take(3).cloned().collect();
+ for i in c.len()..2 {
+ c.push(format!("pictures {}", i + 1));
+ }
+ let d = c
+ .iter()
+ .map(|x| {
+ format!(
+ " {{\"from\": \"pictures\", \"list\": {}, \"head\": \"what\", \"class\": {}}}",
+ q(x),
+ q(x)
+ )
+ })
+ .collect::<Vec<_>>()
+ .join(",\n");
+ format!(
+ "{{\n \"name\": \"what it shows\",\n \"input\": {{\"type\": \"image\", \"width\": 32, \"height\": 32, \"patch\": 8, \"codes\": 64}},\n \"trunk\": {{\"preset\": \"compact\"}},\n \"heads\": [\n {{\"name\": \"what\", \"kind\": \"classify\", \"classes\": [{cl}]}}\n ],\n \"data\": [\n{d}\n ],\n \"train\": {{\"epochs\": 30, \"batch\": 8}}\n}}\n",
+ cl = classes(&c),
+ )
+ }
+ Template::Classifier | Template::Tagger => {
+ let c = pick(3);
+ let (name, kind) = if t == Template::Classifier {
+ ("kind", "classify")
+ } else {
+ ("tags", "multi")
+ };
+ format!(
+ "{{\n \"name\": {n},\n \"input\": {{\"type\": \"text\"}},\n \"trunk\": {{\"preset\": \"compact\"}},\n \"heads\": [\n {{\"name\": {n}, \"kind\": \"{kind}\", \"classes\": [{cl}]}}\n ],\n \"data\": [\n{d}\n ],\n \"train\": {{\"epochs\": 20}}\n}}\n",
+ n = q(name),
+ cl = classes(&c),
+ d = data(name, &c),
+ )
+ }
+ Template::Generator => {
+ let l = pick(1).into_iter().next().unwrap_or_else(|| "list 1".into());
+ let critics = match judge {
+ Some((m, h, c)) => format!(
+ " \"critics\": [\n {{\"model\": {}, \"head\": {}, \"want\": {{\"class\": {}}}}}\n ],\n",
+ q(m),
+ q(h),
+ q(c)
+ ),
+ None => String::new(),
+ };
+ format!(
+ "{{\n \"name\": \"writer\",\n \"input\": {{\"type\": \"text\"}},\n \"trunk\": {{\"preset\": \"compact\", \"max_len\": 96}},\n \"heads\": [\n {{\"name\": \"next\", \"kind\": \"generate\"}}\n ],\n \"data\": [\n {{\"from\": \"list\", \"list\": {l}, \"head\": \"next\"}}\n ],\n{critics} \"constraints\": {{\"max_len\": 120}},\n \"sampling\": {{\"temperature\": 0.7, \"top_p\": 0.9, \"max_len\": 60, \"seed\": 1}},\n \"train\": {{\"epochs\": 80, \"batch\": 8, \"lr\": 0.003}}\n}}\n",
+ l = q(&l),
+ )
+ }
+ }
+}
+
+#[component]
+fn NewSpec(on_made: EventHandler<String>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut which = use_signal(|| Template::Classifier);
+ // the spec as edited (None: the template as it is)
+ let mut text: Signal<Option<String>> = use_signal(|| None);
+ let mut form = use_signal(|| 0u64);
+ let mut busy = use_signal(|| false);
+ let api_l = api.clone();
+ let ctx = use_resource(move || {
+ let api = api_l.clone();
+ async move {
+ let lists = api.lists().await.map(|l| l.lists).unwrap_or_default();
+ // a judge for a writer: a trained classifier, else a spec model's classify head
+ let mut judge: Option<Judge> = None;
+ if let Ok(cls) = api.models().await
+ && let Some(c) = cls.iter().find(|c| c.trained && !c.classes.is_empty())
+ {
+ judge = Some((c.name.clone(), c.name.clone(), c.classes[0].clone()));
+ }
+ if judge.is_none()
+ && let Ok(ms) = api.spec_models().await
+ {
+ judge = ms.iter().find_map(|m| {
+ let h = m["heads"].as_array()?.iter().find(|h| h["kind"] == "classify")?;
+ Some((
+ m["name"].as_str()?.to_string(),
+ h["name"].as_str()?.to_string(),
+ h["classes"][0].as_str()?.to_string(),
+ ))
+ });
+ }
+ let plists: Vec<String> = api
+ .picture_lists()
+ .await
+ .unwrap_or_default()
+ .iter()
+ .filter_map(|l| l["list"].as_str().map(str::to_string))
+ .collect();
+ (lists, judge, plists)
+ }
+ });
+ let Some((lists, judge, plists)) = ctx.read().clone() else {
+ return rsx! { div { class: "card dim", "…" } };
+ };
+ let shown = text
+ .peek()
+ .clone()
+ .unwrap_or_else(|| template(*which.peek(), &lists, judge.as_ref(), &plists));
+ let create = {
+ let api = api.clone();
+ let (lists, judge, plists) = (lists.clone(), judge.clone(), plists.clone());
+ move || {
+ let api = api.clone();
+ let t = text
+ .peek()
+ .clone()
+ .unwrap_or_else(|| template(*which.peek(), &lists, judge.as_ref(), &plists));
+ busy.set(true);
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.create_spec(&t).await {
+ Ok(v) => {
+ let n = v["name"].as_str().unwrap_or("").to_string();
+ ui.say(format!("made {n}; train it next"));
+ on_made.call(n);
+ }
+ Err(e) => ui.fail(e),
+ }
+ busy.set(false);
+ });
+ }
+ };
+ let create2 = create.clone();
+ rsx! {
+ div { class: "card cls-new",
+ h3 { Icon { name: "new" } "a new spec model" }
+ div { class: "row",
+ for t in Template::ALL {
+ button { key: "{t.name()}", class: if which() == t { "chip on" } else { "chip" }, "aria-pressed": "{which() == t}",
+ "data-tip": "{t.about()}",
+ onclick: move |_| {
+ which.set(t);
+ text.set(None);
+ form += 1;
+ },
+ "{t.name()}" }
+ }
+ span { class: "dim small", {which().about()} }
+ }
+ for g in [form()] {
+ SpecBoth { key: "{g}", text: shown.clone(), on_change: move |t: String| text.set(Some(t)), on_save: { let mut c = create2.clone(); move |_| c() } }
+ }
+ div { class: "row",
+ span { class: "dim small", "lists are named by their names; docs/models.md has every field" }
+ span { class: "grow" }
+ button { class: "primary", disabled: busy(), onclick: { let mut c = create.clone(); move |_| c() }, Icon { name: "check" } "make it" }
+ }
+ }
+ }
+}
+
+// ------------------------------------------------------------------ the editor
+
+/// a spec two ways: the builder (every part a control; the default) and the JSON, the
+/// same text under both, so a change in one shows in the other; a broken rule shows on
+/// the builder's control it concerns
+#[component]
+fn SpecBoth(text: String, on_change: EventHandler<String>, on_save: EventHandler<()>) -> Element {
+ let api = api();
+ let mut cur = use_signal(|| text.clone());
+ let mut as_json = use_signal(|| false);
+ let mut jgen = use_signal(|| 0u64);
+ let checked = use_resource(move || {
+ let api = api.clone();
+ let t = cur();
+ async move {
+ sleep_ms(250).await;
+ api.check_spec(&t).await.ok()
+ }
+ });
+ let rule = match &*checked.read() {
+ Some(Some(v)) if v["ok"] == false => Some((
+ v["path"].as_str().unwrap_or("").to_string(),
+ v["message"].as_str().unwrap_or("").to_string(),
+ )),
+ _ => None,
+ };
+ let now = cur();
+ rsx! {
+ div { class: "row sb-tabs", role: "tablist",
+ button { role: "tab", class: if !as_json() { "tab on" } else { "tab" }, "aria-selected": "{!as_json()}",
+ onclick: move |_| as_json.set(false), Icon { name: "sliders" } "builder" }
+ button { role: "tab", class: if as_json() { "tab on" } else { "tab" }, "aria-selected": "{as_json()}",
+ onclick: move |_| { jgen += 1; as_json.set(true); }, Icon { name: "editor" } "JSON" }
+ span { class: "dim small", "the same spec two ways: a change in one shows in the other" }
+ }
+ if as_json() {
+ for g in [jgen()] {
+ SpecEditor { key: "{g}", text: now.clone(), on_change: move |t: String| { cur.set(t.clone()); on_change.call(t); }, on_save }
+ }
+ } else {
+ builder::SpecBuilder { text: now.clone(), on_change: move |t: String| { cur.set(t.clone()); on_change.call(t); }, err: rule }
+ }
+ }
+}
+
+/// a spec's JSON in a monospace textarea, checked a beat after typing stops: a broken
+/// rule shows under it with where in the spec it is; Ctrl+Enter saves
+#[component]
+fn SpecEditor(text: String, on_change: EventHandler<String>, on_save: EventHandler<()>) -> Element {
+ let api = api();
+ let mut cur = use_signal(|| text.clone());
+ let rows = text.lines().count().clamp(8, 40);
+ let check = use_resource(move || {
+ let api = api.clone();
+ let t = cur();
+ async move {
+ sleep_ms(300).await;
+ api.check_spec(&t).await
+ }
+ });
+ let verdict = check.read().clone();
+ rsx! {
+ div { class: "spec-editor",
+ textarea {
+ class: "spec-text",
+ rows: "{rows}",
+ spellcheck: "false",
+ "aria-label": "the model's spec (JSON)",
+ initial_value: "{text}",
+ oninput: move |e| { let v = e.value(); cur.set(v.clone()); on_change.call(v); },
+ onkeydown: move |e: KeyboardEvent| {
+ if e.key() == Key::Enter && (e.modifiers().ctrl() || e.modifiers().meta()) {
+ e.prevent_default();
+ on_save.call(());
+ }
+ },
+ }
+ match verdict {
+ Some(Ok(v)) if v["ok"] == true => rsx! { div { class: "spec-ok small", Icon { name: "check" } "the spec reads" } },
+ Some(Ok(v)) => rsx! {
+ div { class: "spec-err small", role: "alert",
+ Icon { name: "alert" }
+ if let Some(p) = v["path"].as_str().filter(|p| !p.is_empty()) { code { "{p}" } }
+ span { {v["message"].as_str().unwrap_or("").to_string()} }
+ }
+ },
+ Some(Err(e)) => rsx! { div { class: "spec-err small", "{e}" } },
+ None => rsx! {},
+ }
+ }
+ }
+}
+
+// ------------------------------------------------------------------ one model
+
+#[component]
+fn SpecPage(name: String, enter: Signal<u64>, on_gone: EventHandler<()>, on_renamed: EventHandler<String>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut rev = use_signal(|| 0u64);
+ let mut armed = use_signal(|| false);
+ let mut job: Signal<Option<Value>> = use_signal(|| None);
+ let mut watching = use_signal(|| true);
+ // the spec as edited (None: as stored)
+ let mut text: Signal<Option<String>> = use_signal(|| None);
+ let mut form = use_signal(|| 0u64);
+ let n0 = name.clone();
+ let api_d = api.clone();
+ let details = use_resource(move || {
+ let (api, n) = (api_d.clone(), n0.clone());
+ let _ = ((ui.changed)(), rev());
+ async move { api.spec_model(&n).await }
+ });
+ {
+ let (api, n) = (api.clone(), name.clone());
+ use_future(move || {
+ let (api, n) = (api.clone(), n.clone());
+ async move {
+ let mut was_running = false;
+ loop {
+ if *watching.peek() {
+ match api.spec_job(&n).await {
+ Ok(j) => {
+ let running = j["state"] == "running";
+ if !running {
+ watching.set(false);
+ if was_running {
+ match j["state"].as_str() {
+ Some("done") => ui.say(format!("{n} is trained")),
+ Some("failed") => ui.fail(format!(
+ "{n}: {}",
+ j["error"].as_str().unwrap_or("training failed")
+ )),
+ Some(s) => ui.say(format!("{n}: {s}")),
+ None => {}
+ }
+ rev += 1;
+ ui.touched();
+ }
+ }
+ was_running = running;
+ job.set(Some(j));
+ }
+ Err(_) => watching.set(false),
+ }
+ }
+ sleep_ms(if was_running { 350 } else { 600 }).await;
+ }
+ }
+ });
+ }
+ let d = match &*details.read() {
+ Some(Ok(v)) => v.clone(),
+ Some(Err(e)) => return rsx! { div { class: "card bad", "{e}" } },
+ None => return rsx! { div { class: "card dim", "…" } },
+ };
+ let source = d["source"].as_str().unwrap_or("").to_string();
+ let trained = d["trained"] == true;
+ let running = job().is_some_and(|j| j["state"] == "running");
+ let generates = d["generates"] == true;
+ let heads: Vec<Value> = d["heads"].as_array().cloned().unwrap_or_default();
+ let edited = text().is_some_and(|t| t != source);
+ let shown = text.peek().clone().unwrap_or_else(|| source.clone());
+ let save = {
+ let (api, n, source) = (api.clone(), name.clone(), source.clone());
+ move || {
+ let (api, n) = (api.clone(), n.clone());
+ let t = text.peek().clone().unwrap_or_else(|| source.clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.update_spec(&n, &t).await {
+ Ok(v) => {
+ let new = v["name"].as_str().unwrap_or("").to_string();
+ let kept = if v["weights_kept"] == true {
+ "; its training stays"
+ } else if v["trained"] == false && trained {
+ "; its shape changed, so it trains anew"
+ } else {
+ ""
+ };
+ ui.say(format!("saved {new}{kept}"));
+ text.set(None);
+ ui.touched();
+ if new != n {
+ on_renamed.call(new);
+ } else {
+ rev += 1;
+ }
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ let save2 = save.clone();
+ let api_del = api.clone();
+ let n_del = name.clone();
+ rsx! {
+ div { class: "cls-page",
+ div { class: "card cls-head",
+ div { class: "row",
+ h2 { "{name}" }
+ for (i , h) in heads.iter().enumerate() {
+ span { key: "{i}", class: "chip cls-class", style: "--hue: {hue(i, heads.len())};",
+ title: strs(&h["classes"]).join(" · "),
+ {format!("{} · {}", h["name"].as_str().unwrap_or(""), h["kind"].as_str().unwrap_or(""))} }
+ }
+ span { class: "grow" }
+ button {
+ class: if armed() { "armed" } else { "plain" },
+ "data-tip": "delete it (its lists stay); click twice",
+ "aria-label": "delete the model",
+ disabled: running,
+ onclick: move |_| {
+ if !armed() { armed.set(true); return; }
+ let (api, n) = (api_del.clone(), n_del.clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.delete_spec(&n).await {
+ Ok(()) => { ui.say(format!("deleted {n}")); ui.touched(); on_gone.call(()); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ Icon { name: "delete" }
+ if armed() { "delete it?" }
+ }
+ }
+ div { class: "dim small",
+ {format!("reads {} · version {}{}{}{}",
+ d["input"].as_str().unwrap_or("text"),
+ d["version"],
+ d["pretrained"].as_str().map(|p| format!(" · from {p}")).unwrap_or_default(),
+ if d["critics"].as_array().is_some_and(|c| !c.is_empty()) { format!(" · judged by {}", strs(&d["critics"]).join(", ")) } else { String::new() },
+ if trained { format!(" · {} steps trained", d["steps"]) } else { " · not trained yet".into() },
+ )}
+ }
+ }
+ div { class: "card",
+ div { class: "row",
+ h3 { Icon { name: "editor" } "spec" }
+ span { class: "dim small", if edited { "edited · Ctrl+Enter saves" } else { "as stored" } }
+ span { class: "grow" }
+ button { disabled: !edited, onclick: move |_| { text.set(None); form += 1; }, Icon { name: "undo" } "as stored" }
+ button { class: "primary", disabled: !edited || running, onclick: { let c = save.clone(); move |_| c() }, Icon { name: "save" } "save" }
+ }
+ for g in [form()] {
+ SpecBoth { key: "{g}", text: shown.clone(), on_change: move |t: String| text.set(Some(t)), on_save: { let c = save2.clone(); move |_| c() } }
+ }
+ }
+ SpecTrain { name: name.clone(), details: d.clone(), job: job(), on_start: move |j: Value| { job.set(Some(j)); watching.set(true); } }
+ SpecRun { name: name.clone(), trained }
+ if generates {
+ SpecWrite { name: name.clone(), enter }
+ }
+ }
+ }
+}
+
+// ------------------------------------------------------------------ training
+
+#[component]
+fn SpecTrain(name: String, details: Value, job: Option<Value>, on_start: EventHandler<Value>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut epochs: Signal<Option<u32>> = use_signal(|| None);
+ let mut fresh = use_signal(|| false);
+ let device = use_signal(|| details["spec"]["device"].as_str().unwrap_or("cpu").to_string());
+ let state = job
+ .as_ref()
+ .and_then(|j| j["state"].as_str())
+ .unwrap_or("idle")
+ .to_string();
+ let running = state == "running";
+ let trained = details["trained"] == true;
+ let last = details["history"].as_array().and_then(|h| h.last()).cloned();
+ let (api_t, n_t, api_c, n_c) = (api.clone(), name.clone(), api.clone(), name.clone());
+ let start = move |_| {
+ let (api, n) = (api_t.clone(), n_t.clone());
+ let (e, f, d) = (*epochs.peek(), *fresh.peek(), device.peek().clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api
+ .call(
+ "models.train",
+ json!({ "name": n, "epochs": e, "fresh": f, "device": d }),
+ )
+ .await
+ {
+ Ok(j) => {
+ ui.say(format!("training {n}…"));
+ on_start.call(j);
+ ui.touched();
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let cancel = move |_| {
+ let (api, n) = (api_c.clone(), n_c.clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ if let Err(e) = api.cancel_spec(&n).await {
+ ui.fail(e);
+ }
+ });
+ };
+ rsx! {
+ div { class: "card",
+ div { class: "row",
+ h3 { Icon { name: "play" } "training" }
+ span { class: "grow" }
+ if !running {
+ label { class: "row small", title: "the spec's train.epochs when left empty", "epochs"
+ input { r#type: "number", min: "1", max: "1000", style: "width: 64px;", placeholder: "spec",
+ oninput: move |e| epochs.set(e.value().parse::<u32>().ok().map(|v| v.clamp(1, 1000))) }
+ }
+ if trained {
+ label { class: "row small", title: "from new weights instead of going on from these",
+ input { r#type: "checkbox", checked: fresh(), onchange: move |e| fresh.set(e.checked()) } "from scratch" }
+ }
+ crate::views::classifiers::DevicePick { device }
+ button { class: "primary", onclick: start, Icon { name: "play" } if trained { "train more" } else { "train" } }
+ } else {
+ button { onclick: cancel, Icon { name: "pause" } "cancel" }
+ }
+ }
+ if let Some(j) = job.as_ref().filter(|_| running) {
+ Progress { job: j.clone() }
+ } else {
+ if state == "failed" {
+ div { class: "bad small", {job.as_ref().and_then(|j| j["error"].as_str()).unwrap_or("it failed").to_string()} }
+ }
+ if state == "cancelled" {
+ div { class: "dim small", "the last run was cancelled; nothing was written" }
+ }
+ if let Some(t) = last {
+ TrainedFigures { t, heads: details["heads"].as_array().cloned().unwrap_or_default() }
+ } else {
+ div { class: "dim small", "It learns from what its data queries find in this save when training starts (a list's members, a tag's entries)." }
+ }
+ }
+ }
+ }
+}
+
+#[component]
+fn TrainedFigures(t: Value, heads: Vec<Value>) -> Element {
+ // the spec's heads, for their class names
+ let decls = heads;
+ let heads: Vec<Value> = t["heads"].as_array().cloned().unwrap_or_default();
+ rsx! {
+ div { class: "figures",
+ if let Some(l) = t["loss"].as_f64() { div { b { {format!("{l:.3}")} } "loss" } }
+ if let Some(b) = t["bits_per_byte"].as_f64() { div { b { {format!("{b:.2}")} } "bits per byte (held out)" } }
+ div { b { "{t[\"examples\"]}" } {format!("examples · {} held out", t["val_examples"])} }
+ div { b { {format!("{:.0} s", t["seconds"].as_f64().unwrap_or(0.0))} } "{t[\"steps\"]} steps" }
+ div { b { {format!("{:.0}", t["tokens_per_sec"].as_f64().unwrap_or(0.0))} } "tokens/s" }
+ if t["weights"].as_u64().is_some_and(|w| w > 0) { div { b { {weights(t["weights"].as_u64().unwrap_or(0))} } "weights" } }
+ }
+ if heads.is_empty() && t["val_examples"] == 0 {
+ div { class: "dim small", "no examples were held out, so there are no metrics (train.val_fraction in the spec)" }
+ }
+ for h in heads {
+ {
+ let name = h[0].as_str().unwrap_or("").to_string();
+ let m = h[1].clone();
+ let classes: Vec<String> = decls.iter().find(|d| d["name"] == name.as_str())
+ .map(|d| strs(&d["classes"])).unwrap_or_default();
+ let ev = json!({ "metrics": m, "examples": t["examples"], "seconds": t["seconds"], "steps": t["steps"] });
+ rsx! {
+ div { key: "{name}", class: "spec-head",
+ h4 { "head {name}" }
+ Metrics { event: ev, classes }
+ }
+ }
+ }
+ }
+ }
+}
+
+fn weights(n: u64) -> String {
+ if n >= 1_000_000 {
+ format!("{:.1} M", n as f64 / 1e6)
+ } else if n >= 1000 {
+ format!("{:.0} k", n as f64 / 1e3)
+ } else {
+ n.to_string()
+ }
+}
+
+// ------------------------------------------------------------------ running it
+
+/// every head's answer on the command bar's text, as you type
+#[component]
+fn SpecRun(name: String, trained: bool) -> Element {
+ let ui = ui();
+ let api = api();
+ let n0 = name.clone();
+ let out = use_resource(move || {
+ let (api, n) = (api.clone(), n0.clone());
+ let t = ui.bar.read().trim().to_string();
+ let shown = (ui.view)() == View::Models;
+ let _ = (ui.changed)();
+ async move {
+ if t.is_empty() || !shown {
+ return None;
+ }
+ sleep_ms(200).await;
+ Some((t.clone(), api.run_spec(&n, &t).await))
+ }
+ });
+ let (text, v) = match &*out.read() {
+ Some(Some((t, Ok(v)))) => (t.clone(), v.clone()),
+ Some(Some((_, Err(e)))) => return rsx! { div { class: "card bad", "{e}" } },
+ _ => {
+ return rsx! {
+ div { class: "card",
+ h3 { Icon { name: "text" } "run it" }
+ div { class: "dim", "Type a text in the command bar below: every head's answer shows here as you type." }
+ }
+ };
+ }
+ };
+ let outputs: Vec<(String, Value)> = v["outputs"]
+ .as_object()
+ .map(|o| o.iter().map(|(k, v)| (k.clone(), v.clone())).collect())
+ .unwrap_or_default();
+ rsx! {
+ div { class: "card",
+ div { class: "row",
+ h3 { Icon { name: "text" } "run it" }
+ span { class: "dim small t", "“{text}”" }
+ if !trained { span { class: "dim small", "untrained: its starting weights answer" } }
+ }
+ for (head , a) in outputs {
+ div { key: "{head}", class: "spec-head",
+ h4 { "{head}" }
+ {answer(&a)}
+ }
+ }
+ }
+ }
+}
+
+fn answer(a: &Value) -> Element {
+ match a["kind"].as_str() {
+ Some("classes") => {
+ let probs: Vec<(String, f64)> = a["probs"]
+ .as_object()
+ .map(|o| o.iter().map(|(k, v)| (k.clone(), v.as_f64().unwrap_or(0.0))).collect())
+ .unwrap_or_default();
+ let top = a["top"].as_str().unwrap_or("").to_string();
+ let members = strs(&a["members"]);
+ let n = probs.len();
+ rsx! {
+ div { class: "results",
+ for (i , (c , p)) in probs.into_iter().enumerate() {
+ div { key: "{c}", class: if c == top { "result best" } else { "result" },
+ span { class: "t", style: "--hue: {hue(i, n)};", span { class: "swatch" } "{c}"
+ if members.contains(&c) { span { class: "dim small", " · in it" } } }
+ span { class: "probbar wide", span { style: "width: {p * 100.0:.1}%; background: hsl({hue(i, n)} 45% 55%);" } }
+ span { class: "p", {pct(p)} }
+ }
+ }
+ }
+ }
+ }
+ Some("values") => rsx! {
+ div { class: "figures",
+ for (k , v) in a["values"].as_object().cloned().unwrap_or_default() {
+ div { key: "{k}", b { {format!("{:.3}", v.as_f64().unwrap_or(0.0))} } "{k}" }
+ }
+ }
+ },
+ _ => {
+ if let Some(png) = a["image"]["png"].as_str() {
+ rsx! { img { class: "spec-img", src: "data:image/png;base64,{png}", alt: "what it drew" } }
+ } else {
+ let t = a["text"]
+ .as_str()
+ .map(str::to_string)
+ .unwrap_or_else(|| a["numbers"].to_string());
+ if t.is_empty() {
+ rsx! { div { class: "dim small", "nothing: it ended at once" } }
+ } else {
+ rsx! { div { class: "spec-out", "{t}" } }
+ }
+ }
+ }
+ }
+}
+
+// ------------------------------------------------------------------ writing
+
+#[component]
+fn SpecWrite(name: String, enter: Signal<u64>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut prompt = use_signal(String::new);
+ let mut candidates = use_signal(|| 8u32);
+ let mut length: Signal<Option<u32>> = use_signal(|| None);
+ let mut temperature: Signal<Option<f64>> = use_signal(|| None);
+ let mut seed = use_signal(|| 1u64);
+ let mut guided = use_signal(|| false);
+ let mut busy = use_signal(|| false);
+ let mut got: Signal<Option<Value>> = use_signal(|| None);
+ let mut form = use_signal(|| 0u64);
+ let write = {
+ let (api, n) = (api.clone(), name.clone());
+ move || {
+ let (api, n) = (api.clone(), n.clone());
+ let mut opts = json!({ "candidates": *candidates.peek(), "seed": *seed.peek(), "guided": *guided.peek() });
+ if let Some(l) = *length.peek() {
+ opts["max_len"] = json!(l);
+ }
+ if let Some(t) = *temperature.peek() {
+ opts["temperature"] = json!(t);
+ }
+ let p = prompt.peek().clone();
+ busy.set(true);
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.generate_spec(&n, &p, opts).await {
+ Ok(v) => got.set(Some(v)),
+ Err(e) => ui.fail(e),
+ }
+ busy.set(false);
+ });
+ }
+ };
+ // Enter in the bar: write after the bar's text
+ {
+ let mut write = write.clone();
+ let mut seen = use_signal(|| *enter.peek());
+ use_effect(move || {
+ let n = enter();
+ if n != *seen.peek() {
+ seen.set(n);
+ prompt.set(ui.bar.peek().trim().to_string());
+ form += 1;
+ write();
+ }
+ });
+ }
+ let write2 = write.clone();
+ let res = got();
+ let critics: Vec<String> = res
+ .as_ref()
+ .map(|r| {
+ r["critics"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .map(|c| {
+ let want = &c["want"];
+ let w = want
+ .as_object()
+ .and_then(|o| o.iter().next())
+ .map(|(k, v)| {
+ format!(
+ "{k} {}",
+ v.as_str().map(str::to_string).unwrap_or_else(|| v.to_string())
+ )
+ })
+ .unwrap_or_default();
+ format!("{} ({w})", c["model"].as_str().unwrap_or(""))
+ })
+ .collect()
+ })
+ .unwrap_or_default();
+ rsx! {
+ div { class: "card",
+ div { class: "row",
+ h3 { Icon { name: "edit" } "write" }
+ span { class: "dim small", "candidates judged by its critics; the same seed writes the same ones · Enter in the bar writes after its text" }
+ }
+ for g in [form()] {
+ div { key: "{g}", class: "row wrap",
+ input { r#type: "text", style: "flex: 1; min-width: 160px;", placeholder: "a start to go on from (empty: from nothing)",
+ "aria-label": "the start", initial_value: "{prompt}", oninput: move |e| prompt.set(e.value()) }
+ label { class: "row small", "candidates"
+ input { r#type: "number", min: "1", max: "32", style: "width: 56px;", initial_value: "{candidates}",
+ oninput: move |e| if let Ok(v) = e.value().parse::<u32>() { candidates.set(v.clamp(1, 32)) } } }
+ label { class: "row small", "length"
+ input { r#type: "number", min: "1", max: "2000", style: "width: 64px;", placeholder: "spec",
+ oninput: move |e| length.set(e.value().parse::<u32>().ok().map(|v| v.clamp(1, 2000))) } }
+ label { class: "row small", "temperature"
+ input { r#type: "number", min: "0", max: "3", step: "0.1", style: "width: 60px;", placeholder: "spec",
+ oninput: move |e| temperature.set(e.value().parse::<f64>().ok().map(|v| v.clamp(0.0, 3.0))) } }
+ label { class: "row small", "seed"
+ input { r#type: "number", min: "0", style: "width: 64px;", initial_value: "{seed}",
+ oninput: move |e| if let Ok(v) = e.value().parse::<u64>() { seed.set(v) } } }
+ label { class: "row small", title: "steer each byte toward what the critics want (slower)",
+ input { r#type: "checkbox", checked: guided(), onchange: move |e| guided.set(e.checked()) } "guided" }
+ button { class: "primary", disabled: busy(), onclick: { let mut c = write2.clone(); move |_| c() }, Icon { name: "play" } if busy() { "writing…" } else { "write" } }
+ }
+ }
+ if let Some(r) = res {
+ div { class: "dim small",
+ {format!("{} candidates in {:.1} s, seed {}", r["candidates"].as_array().map_or(0, |c| c.len()), r["seconds"].as_f64().unwrap_or(0.0), r["seed"])}
+ if !critics.is_empty() { {format!(" · judged by {}", critics.join(", "))} } else { " · no critics in its spec" }
+ }
+ div { class: "results cands",
+ for c in r["candidates"].as_array().cloned().unwrap_or_default() {
+ Candidate { key: "{c[\"index\"]}", c: c.clone(), critics: critics.clone() }
+ }
+ }
+ }
+ }
+ }
+}
+
+#[component]
+fn Candidate(c: Value, critics: Vec<String>) -> Element {
+ let ui = ui();
+ let text = c["text"].as_str().unwrap_or("").to_string();
+ let kept = c["kept"] == true;
+ // the score is a weighted mean log; its exp is a geometric mean probability
+ let score = c["score"].as_f64().unwrap_or(0.0).exp();
+ let scores: Vec<f64> = c["scores"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .filter_map(Value::as_f64)
+ .collect();
+ let broken = strs(&c["broken"]);
+ let t = text.clone();
+ rsx! {
+ div { class: if kept { "cand" } else { "cand broken" },
+ div { class: "row",
+ if !critics.is_empty() {
+ span { class: "probbar", title: "the critics' score", span { style: "width: {score * 100.0:.1}%;" } }
+ span { class: "p small", {pct(score)} }
+ }
+ span { class: "cand-text", "{text}" }
+ button { class: "plain", "aria-label": "into the bar", "data-tip": "into the bar", onclick: move |_| ui.set_bar(&t), Icon { name: "text" } }
+ }
+ div { class: "row small dim",
+ for (i , s) in scores.iter().enumerate() {
+ span { key: "{i}", class: "chip", {format!("{} {}", critics.get(i).map(|c| c.split(' ').next().unwrap_or("")).unwrap_or(""), pct(*s))} }
+ }
+ span { {format!("log p {:.1}", c["logp"].as_f64().unwrap_or(0.0))} }
+ if !broken.is_empty() { span { class: "bad", {format!("left out: {}", broken.join("; "))} } }
+ }
+ }
+ }
+}
+
+#[cfg(test)]
+mod tests {
+ use super::*;
+
+ #[test]
+ fn every_template_is_a_spec() {
+ let lists: Vec<ListInfo> = ["fruit", "rocks \"and\" stones"]
+ .iter()
+ .map(|n| ListInfo {
+ name: n.to_string(),
+ count: 3,
+ ..Default::default()
+ })
+ .collect();
+ let judge = ("kind".to_string(), "kind".to_string(), "fruit".to_string());
+ for t in Template::ALL {
+ for (l, j) in [(&lists[..], Some(&judge)), (&[][..], None)] {
+ let s = template(t, l, j, &["cats".to_string(), "dogs".to_string()]);
+ let spec = anend_core::classify::spec::ModelSpec::parse(&s, true)
+ .unwrap_or_else(|e| panic!("{}: {e:?}\n{s}", t.name()));
+ assert!(s.find("\"name\"") < s.find("\"data\""), "{s}");
+ assert_eq!(spec.critics.len(), usize::from(t == Template::Generator && j.is_some()));
+ }
+ }
+ }
+}
diff --git a/app/src/views/specs/builder.rs b/app/src/views/specs/builder.rs
new file mode 100644
index 00000000..bff21c72
--- /dev/null
+++ b/app/src/views/specs/builder.rs
@@ -0,0 +1,1274 @@
+//! The spec builder: every part of a model spec (docs/models.md) as a control, so a model
+//! is made without typing JSON. It edits the same JSON the JSON view shows (each change is
+//! written back to it, and a change in the JSON view shows here), so the two stay in step.
+//!
+//! The parts: the model (name, version, seed, where it runs, a pretrained start), what it
+//! reads (text with its feature channels, bytes, pictures with their size and patches,
+//! named numbers with their width), the trunk (a preset and any size of its own), the heads
+//! (each with its kind, classes and weight), the data (the save's lists, tags, list pairs,
+//! picture lists, or examples written in, picked from what the save has), and for a
+//! generator its critics (other models and what they should say), its constraints and how
+//! it samples; then training. A diagram shows how the parts connect. A broken rule shows
+//! on the control it concerns (and at the top, with where it is).
+//!
+//! [`COVERED`] lists every field the spec has, as a path; a test in this file walks a spec
+//! that uses every part and checks each field it finds is here and has a control.
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use crate::ui::*;
+
+/// every field of the spec that has a control, as a path (`[]` for any index)
+#[cfg_attr(not(test), allow(dead_code))]
+pub const COVERED: &[&str] = &[
+ "version",
+ "name",
+ "seed",
+ "device",
+ "from.pretrained",
+ "input.type",
+ "input.features",
+ "input.width",
+ "input.height",
+ "input.patch",
+ "input.codes",
+ "input.names",
+ "input.codec.digits",
+ "input.codec.decimals",
+ "input.codec.signed",
+ "trunk.preset",
+ "trunk.d_model",
+ "trunk.layers",
+ "trunk.heads",
+ "trunk.head_dim",
+ "trunk.d_ff",
+ "trunk.max_len",
+ "trunk.causal",
+ "trunk.pooling",
+ "trunk.dropout",
+ "heads[].name",
+ "heads[].kind",
+ "heads[].classes",
+ "heads[].weight",
+ "data[].from",
+ "data[].list",
+ "data[].tag",
+ "data[].input",
+ "data[].output",
+ "data[].head",
+ "data[].class",
+ "data[].value",
+ "data[].items[].input.text",
+ "data[].items[].input.bytes",
+ "data[].items[].input.numbers",
+ "data[].items[].input.image.width",
+ "data[].items[].input.image.height",
+ "data[].items[].input.image.rgb",
+ "data[].items[].head",
+ "data[].items[].class",
+ "data[].items[].value",
+ "critics[].model",
+ "critics[].head",
+ "critics[].weight",
+ "critics[].want.class",
+ "critics[].want.not",
+ "critics[].want.near.value",
+ "critics[].want.near.target",
+ "critics[].want.near.scale",
+ "critics[].want.range.value",
+ "critics[].want.range.lo",
+ "critics[].want.range.hi",
+ "critics[].want.range.scale",
+ "constraints.min_len",
+ "constraints.max_len",
+ "constraints.gates[].critic",
+ "constraints.gates[].class",
+ "constraints.gates[].member",
+ "constraints.sums[].measure",
+ "constraints.sums[].lo",
+ "constraints.sums[].hi",
+ "constraints.sums[].modulo",
+ "constraints.contains",
+ "constraints.excludes",
+ "sampling.temperature",
+ "sampling.top_k",
+ "sampling.top_p",
+ "sampling.max_len",
+ "sampling.stop",
+ "sampling.seed",
+ "train.epochs",
+ "train.batch",
+ "train.lr",
+ "train.val_fraction",
+ "train.patience",
+ "train.max_steps",
+ "train.threads",
+ "train.budget_seconds",
+];
+
+// ------------------------------------------------------------------ paths
+
+enum Seg {
+ Key(String),
+ Idx(usize),
+}
+
+/// `a.b[2].c` as its steps
+fn parts(path: &str) -> Vec<Seg> {
+ let mut out = Vec::new();
+ for piece in path.split('.') {
+ let (key, rest) = piece.split_once('[').map_or((piece, ""), |(k, r)| (k, r));
+ if !key.is_empty() {
+ out.push(Seg::Key(key.to_string()));
+ }
+ for i in rest.split('[') {
+ if let Ok(n) = i.trim_end_matches(']').parse() {
+ out.push(Seg::Idx(n));
+ }
+ }
+ }
+ out
+}
+
+/// the value at a path (null when it isn't there)
+fn at<'a>(v: &'a Value, path: &str) -> &'a Value {
+ let mut cur = v;
+ for s in parts(path) {
+ cur = match s {
+ Seg::Key(k) => &cur[k.as_str()],
+ Seg::Idx(i) => &cur[i],
+ };
+ }
+ cur
+}
+
+/// sets the value at a path, making what's missing on the way; null takes a key out
+fn put(v: &mut Value, path: &str, val: Value) {
+ let ps = parts(path);
+ let mut cur = v;
+ for (n, s) in ps.iter().enumerate() {
+ let last = n + 1 == ps.len();
+ match s {
+ Seg::Key(k) => {
+ if !cur.is_object() {
+ *cur = json!({});
+ }
+ let o = cur.as_object_mut().expect("an object");
+ if last {
+ if val.is_null() {
+ o.remove(k);
+ } else {
+ o.insert(k.clone(), val);
+ }
+ return;
+ }
+ cur = o.entry(k.clone()).or_insert(Value::Null);
+ }
+ Seg::Idx(i) => {
+ if !cur.is_array() {
+ *cur = json!([]);
+ }
+ let a = cur.as_array_mut().expect("an array");
+ while a.len() <= *i {
+ a.push(Value::Null);
+ }
+ if last {
+ a[*i] = val;
+ return;
+ }
+ cur = &mut a[*i];
+ }
+ }
+ }
+}
+
+/// takes item `i` out of the array at a path
+fn remove_at(v: &mut Value, path: &str, i: usize) {
+ if let Some(a) = at_mut(v, path).and_then(Value::as_array_mut)
+ && i < a.len()
+ {
+ a.remove(i);
+ }
+}
+
+fn at_mut<'a>(v: &'a mut Value, path: &str) -> Option<&'a mut Value> {
+ let mut cur = v;
+ for s in parts(path) {
+ cur = match s {
+ Seg::Key(k) => cur.get_mut(k.as_str())?,
+ Seg::Idx(i) => cur.get_mut(i)?,
+ };
+ }
+ Some(cur)
+}
+
+fn strings(v: &Value) -> Vec<String> {
+ v.as_array()
+ .map(|a| a.iter().filter_map(|x| x.as_str().map(str::to_string)).collect())
+ .unwrap_or_default()
+}
+
+/// a change to the spec: set a path, take one out (null), or edit it whole
+#[derive(Clone, PartialEq)]
+enum Change {
+ Set(String, Value),
+ Remove(String, usize),
+ Push(String, Value),
+}
+
+/// the broken rule, when it's on this path
+fn err_here(err: &Option<(String, String)>, path: &str) -> Option<String> {
+ err.as_ref().filter(|(p, _)| p == path).map(|(_, m)| m.clone())
+}
+
+// ------------------------------------------------------------------ the save's names
+
+/// a model's head: its name, kind and classes
+type HeadInfo = (String, String, Vec<String>);
+
+#[derive(Clone, PartialEq, Default)]
+struct Names {
+ lists: Vec<String>,
+ tags: Vec<String>,
+ picture_lists: Vec<String>,
+ /// pictures: id and name
+ pictures: Vec<(String, String)>,
+ /// other spec models: name and heads (name, kind, classes)
+ models: Vec<(String, Vec<HeadInfo>)>,
+ /// pretrained folders on a shared hub; any folder when `any_folder`
+ folders: Vec<String>,
+ any_folder: bool,
+}
+
+// ------------------------------------------------------------------ the controls
+
+/// a labelled control, with its help and, when it's broken, the rule
+fn row(label: &str, help: &str, err: Option<String>, body: Element) -> Element {
+ rsx! {
+ div { class: if err.is_some() { "sb-row bad" } else { "sb-row" },
+ span { class: "sb-label", "{label}" }
+ div { class: "sb-ctl",
+ {body}
+ if !help.is_empty() { span { class: "sb-help", "{help}" } }
+ if let Some(e) = err.clone() { span { class: "sb-err", role: "alert", Icon { name: "alert" } "{e}" } }
+ }
+ }
+ }
+}
+
+/// a whole number (empty: left out, the default)
+fn num(v: &Value, path: String, min: f64, max: f64, step: f64, placeholder: &str, ch: EventHandler<Change>) -> Element {
+ let cur = at(v, &path);
+ let shown = cur.as_f64().map(|x| x.to_string()).unwrap_or_default();
+ let int = step >= 1.0;
+ rsx! {
+ input { r#type: "number", class: "sb-num", min: "{min}", max: "{max}", step: "{step}", placeholder: "{placeholder}", value: "{shown}",
+ "aria-label": "{path}",
+ onchange: move |e| {
+ let t = e.value();
+ let val = match t.trim().parse::<f64>() {
+ Ok(x) if int => json!(x.clamp(min, max).round() as i64),
+ Ok(x) => json!(x.clamp(min, max)),
+ Err(_) => Value::Null,
+ };
+ ch.call(Change::Set(path.clone(), val));
+ } }
+ }
+}
+
+/// a slider with its value beside it, and "default" to leave it out when `optional`
+fn slide(
+ v: &Value,
+ path: String,
+ (min, max, step, def): (f64, f64, f64, f64),
+ optional: bool,
+ ch: EventHandler<Change>,
+) -> Element {
+ let cur = at(v, &path).as_f64();
+ let shown = cur.unwrap_or(def);
+ let p2 = path.clone();
+ rsx! {
+ span { class: "sb-slide",
+ input { r#type: "range", min: "{min}", max: "{max}", step: "{step}", value: "{shown}", "aria-label": "{path}",
+ oninput: move |e| ch.call(Change::Set(path.clone(), json!(e.value().parse::<f64>().unwrap_or(def)))) }
+ span { class: "sb-val", if cur.is_some() || !optional { {fmt(shown)} } else { "default" } }
+ if optional && cur.is_some() {
+ button { class: "plain small", title: "leave it to the default", onclick: move |_| ch.call(Change::Set(p2.clone(), Value::Null)), "default" }
+ }
+ }
+ }
+}
+
+fn fmt(x: f64) -> String {
+ if x.fract() == 0.0 && x.abs() < 1e9 {
+ format!("{x:.0}")
+ } else {
+ format!("{x:.3}").trim_end_matches('0').to_string()
+ }
+}
+
+/// one of `options` (value, words), kept as text; `none` (when given) leaves it out
+fn pick(
+ v: &Value,
+ path: String,
+ options: Vec<(String, String)>,
+ none: Option<&str>,
+ ch: EventHandler<Change>,
+) -> Element {
+ choose(v, path, options, none, false, ch)
+}
+
+/// the same, its values numbers or true / false
+fn pick_json(
+ v: &Value,
+ path: String,
+ options: Vec<(String, String)>,
+ none: Option<&str>,
+ ch: EventHandler<Change>,
+) -> Element {
+ choose(v, path, options, none, true, ch)
+}
+
+fn choose(
+ v: &Value,
+ path: String,
+ options: Vec<(String, String)>,
+ none: Option<&str>,
+ typed: bool,
+ ch: EventHandler<Change>,
+) -> Element {
+ let cur = at(v, &path);
+ let now = match cur {
+ Value::String(s) => s.clone(),
+ Value::Null => String::new(),
+ other => other.to_string(),
+ };
+ let known = options.iter().any(|(o, _)| *o == now);
+ rsx! {
+ select { class: "sb-pick", "aria-label": "{path}",
+ onchange: move |e| {
+ let t = e.value();
+ let val = if t.is_empty() {
+ Value::Null
+ } else if typed {
+ serde_json::from_str::<Value>(&t).unwrap_or(Value::String(t))
+ } else {
+ Value::String(t)
+ };
+ ch.call(Change::Set(path.clone(), val));
+ },
+ if let Some(n) = none { option { value: "", selected: now.is_empty(), "{n}" } }
+ if !known && !now.is_empty() { option { value: "{now}", selected: true, "{now}" } }
+ for (o , w) in options.iter() {
+ option { key: "{o}", value: "{o}", selected: *o == now, "{w}" }
+ }
+ }
+ }
+}
+
+/// a line of text (empty: left out when `optional`)
+fn line(v: &Value, path: String, placeholder: &str, optional: bool, ch: EventHandler<Change>) -> Element {
+ let shown = at(v, &path).as_str().unwrap_or("").to_string();
+ rsx! {
+ input { r#type: "text", class: "sb-text", placeholder: "{placeholder}", value: "{shown}", "aria-label": "{path}",
+ onchange: move |e| {
+ let t = e.value();
+ ch.call(Change::Set(path.clone(), if t.is_empty() && optional { Value::Null } else { json!(t) }));
+ } }
+ }
+}
+
+/// on or off
+fn tick(v: &Value, path: String, words: &str, ch: EventHandler<Change>) -> Element {
+ let on = at(v, &path).as_bool().unwrap_or(false);
+ rsx! {
+ label { class: "sb-tick",
+ input { r#type: "checkbox", checked: on, "aria-label": "{path}", oninput: move |e| ch.call(Change::Set(path.clone(), json!(e.checked()))) }
+ "{words}"
+ }
+ }
+}
+
+/// a list of words as chips: × takes one out, Enter adds what's typed
+fn chips(v: &Value, path: String, placeholder: &str, ch: EventHandler<Change>) -> Element {
+ let all = strings(at(v, &path));
+ let p_add = path.clone();
+ rsx! {
+ span { class: "sb-chips",
+ for (i , w) in all.iter().enumerate() {
+ span { key: "{i}-{w}", class: "chip",
+ "{w}"
+ button { class: "plain small", "aria-label": "take {w} out", onclick: { let p = path.clone(); move |_| ch.call(Change::Remove(p.clone(), i)) }, "×" }
+ }
+ }
+ input { r#type: "text", class: "sb-chip-in", placeholder: "{placeholder}", "aria-label": "{path}: add one",
+ onkeydown: move |e: KeyboardEvent| {
+ if e.key() == Key::Enter {
+ e.prevent_default();
+ }
+ },
+ onchange: move |e| {
+ let t = e.value().trim().to_string();
+ if !t.is_empty() {
+ ch.call(Change::Push(p_add.clone(), json!(t)));
+ }
+ } }
+ }
+ }
+}
+
+/// byte strings (constraints' contains / excludes) as chips of text
+fn byte_chips(v: &Value, path: String, placeholder: &str, ch: EventHandler<Change>) -> Element {
+ let all: Vec<String> = at(v, &path)
+ .as_array()
+ .map(|a| {
+ a.iter()
+ .map(|b| {
+ let bytes: Vec<u8> = b
+ .as_array()
+ .map(|x| x.iter().filter_map(|n| n.as_u64().map(|n| n as u8)).collect())
+ .unwrap_or_default();
+ String::from_utf8_lossy(&bytes).into_owned()
+ })
+ .collect()
+ })
+ .unwrap_or_default();
+ let p_add = path.clone();
+ rsx! {
+ span { class: "sb-chips",
+ for (i , w) in all.iter().enumerate() {
+ span { key: "{i}-{w}", class: "chip",
+ "“{w}”"
+ button { class: "plain small", "aria-label": "take it out", onclick: { let p = path.clone(); move |_| ch.call(Change::Remove(p.clone(), i)) }, "×" }
+ }
+ }
+ input { r#type: "text", class: "sb-chip-in", placeholder: "{placeholder}", "aria-label": "{path}: add one",
+ onchange: move |e| {
+ let t = e.value();
+ if !t.is_empty() {
+ ch.call(Change::Push(p_add.clone(), json!(t.as_bytes())));
+ }
+ } }
+ }
+ }
+}
+
+/// one number per name (a regress head's values)
+fn values(v: &Value, path: String, names: &[String], ch: EventHandler<Change>) -> Element {
+ let cur: Vec<f64> = at(v, &path)
+ .as_array()
+ .map(|a| a.iter().map(|x| x.as_f64().unwrap_or(0.0)).collect())
+ .unwrap_or_default();
+ let n = names.len().max(1);
+ rsx! {
+ span { class: "sb-values",
+ for i in 0..n {
+ label { key: "{i}", class: "sb-value",
+ span { class: "dim small", {names.get(i).cloned().unwrap_or_else(|| "value".into())} }
+ input { r#type: "number", class: "sb-num", step: "any", value: "{cur.get(i).copied().unwrap_or(0.0)}", "aria-label": "{path}[{i}]",
+ onchange: {
+ let path = path.clone();
+ let cur = cur.clone();
+ move |e: FormEvent| {
+ let mut all = cur.clone();
+ all.resize(n, 0.0);
+ all[i] = e.value().parse().unwrap_or(0.0);
+ ch.call(Change::Set(path.clone(), json!(all)));
+ }
+ } }
+ }
+ }
+ }
+ }
+}
+
+fn opts(xs: &[&str]) -> Vec<(String, String)> {
+ xs.iter().map(|x| (x.to_string(), x.replace('_', " "))).collect()
+}
+
+fn named(xs: &[String]) -> Vec<(String, String)> {
+ xs.iter().map(|x| (x.clone(), x.clone())).collect()
+}
+
+/// what an inline picture example's input holds, written whole from a picture of the save
+/// (`pictures.get` with `rgb`)
+#[allow(dead_code)]
+const IMAGE_FIELDS: [&str; 3] = [
+ "data[].items[].input.image.width",
+ "data[].items[].input.image.height",
+ "data[].items[].input.image.rgb",
+];
+
+// ------------------------------------------------------------------ the builder
+
+#[component]
+pub fn SpecBuilder(text: String, on_change: EventHandler<String>, err: Option<(String, String)>) -> Element {
+ let api = api();
+ let spec = use_memo(use_reactive!(|text| serde_json::from_str::<Value>(&text).ok()));
+ // the save's lists, tags, pictures, other models and pretrained folders, for the pickers
+ let names = use_resource(move || {
+ let api = api.clone();
+ async move {
+ let mut n = Names::default();
+ if let Ok(l) = api.lists().await {
+ n.lists = l.lists.into_iter().map(|x| x.name).collect();
+ }
+ if let Ok(t) = api.call("tags.all", json!({})).await {
+ n.tags = t
+ .as_array()
+ .into_iter()
+ .flatten()
+ .filter_map(|x| x["tag"].as_str().map(str::to_string))
+ .collect();
+ }
+ if let Ok(p) = api.picture_lists().await {
+ n.picture_lists = p
+ .iter()
+ .filter_map(|x| x["list"].as_str().map(str::to_string))
+ .collect();
+ }
+ if let Ok(p) = api.call("pictures.list", json!({})).await {
+ n.pictures = p
+ .as_array()
+ .into_iter()
+ .flatten()
+ .map(|x| {
+ let id = x["id"].as_str().unwrap_or("").to_string();
+ let name = x["name"]
+ .as_str()
+ .filter(|s| !s.is_empty())
+ .map(str::to_string)
+ .unwrap_or_else(|| id.chars().take(8).collect());
+ (id, name)
+ })
+ .collect();
+ }
+ if let Ok(ms) = api.spec_models().await {
+ n.models = ms
+ .iter()
+ .map(|m| {
+ let heads = m["heads"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .map(|h| {
+ (
+ h["name"].as_str().unwrap_or("").to_string(),
+ h["kind"].as_str().unwrap_or("").to_string(),
+ strings(&h["classes"]),
+ )
+ })
+ .collect();
+ (m["name"].as_str().unwrap_or("").to_string(), heads)
+ })
+ .collect();
+ }
+ if let Ok(p) = api.call("models.pretrained", json!({})).await {
+ n.any_folder = p["any"].as_bool().unwrap_or(false);
+ n.folders = strings(&p["folders"]);
+ }
+ n
+ }
+ });
+ let ch: EventHandler<Change> = use_callback(move |c: Change| {
+ let Some(mut v) = spec.peek().clone() else { return };
+ match c {
+ Change::Set(p, val) => put(&mut v, &p, val),
+ Change::Remove(p, i) => remove_at(&mut v, &p, i),
+ Change::Push(p, val) => {
+ let mut a = at(&v, &p).as_array().cloned().unwrap_or_default();
+ a.push(val);
+ put(&mut v, &p, Value::Array(a));
+ }
+ }
+ on_change.call(serde_json::to_string_pretty(&v).unwrap_or_default());
+ });
+ let Some(v) = spec() else {
+ return rsx! { div { class: "card sb", p { class: "spec-err small", Icon { name: "alert" } "The JSON doesn't read; fix it in the JSON view, and the builder comes back." } } };
+ };
+ let n = names.read().clone().unwrap_or_default();
+ let heads: Vec<Value> = v["heads"].as_array().cloned().unwrap_or_default();
+ let head_names: Vec<String> = heads
+ .iter()
+ .filter_map(|h| h["name"].as_str().map(str::to_string))
+ .collect();
+ let generates = heads.iter().any(|h| h["kind"] == "generate");
+ let itype = v["input"]["type"].as_str().unwrap_or("text").to_string();
+ let e = |p: &str| err_here(&err, p);
+
+ rsx! {
+ div { class: "sb",
+ if let Some((p, m)) = err.clone() {
+ div { class: "spec-err small sb-top-err", role: "alert", Icon { name: "alert" } code { "{p}" } span { "{m}" } }
+ }
+ Diagram { v: v.clone() }
+
+ // the model
+ div { class: "sb-sec",
+ h4 { "the model" }
+ {row("name", "other models' critics name it by this", e("name"), line(&v, "name".into(), "its name", false, ch))}
+ {row("version", "the spec format's version", e("version"), pick_json(&v, "version".into(), vec![("1".into(), "1".into())], Some("1 (the default)"), ch))}
+ {row("seed", "the weights' and the data split's seed", e("seed"), num(&v, "seed".into(), 0.0, 4294967295.0, 1.0, "0", ch))}
+ {row("runs on", "where training and writing run", e("device"), pick(&v, "device".into(), vec![("gpu".into(), "the GPU, exact".into()), ("gpu_fast".into(), "the GPU, fast".into())], Some("the CPU (the default)"), ch))}
+ {row("starts from", "a pretrained model folder (its trunk and vocabulary), or new weights", e("from.pretrained") .or(e("from")),
+ if n.any_folder {
+ line(&v, "from.pretrained".into(), "a model folder on this machine (empty: new weights)", true, ch)
+ } else {
+ pick(&v, "from.pretrained".into(), named(&n.folders), Some("new weights"), ch)
+ })}
+ }
+
+ // what it reads
+ div { class: "sb-sec",
+ h4 { "what it reads" }
+ {row("input", "", e("input.type").or(e("input")), rsx! {
+ select { class: "sb-pick", "aria-label": "input.type",
+ onchange: move |ev| {
+ let t = ev.value();
+ let fresh = match t.as_str() {
+ "image" => json!({ "type": "image", "width": 32, "height": 32, "patch": 8, "codes": 128 }),
+ "numbers" => json!({ "type": "numbers", "names": ["a"], "codec": { "digits": 3, "decimals": 1, "signed": false } }),
+ other => json!({ "type": other }),
+ };
+ ch.call(Change::Set("input".into(), fresh));
+ },
+ for (o , w) in [("text", "text"), ("bytes", "bytes"), ("image", "pictures"), ("numbers", "numbers")] {
+ option { key: "{o}", value: "{o}", selected: itype == o, "{w}" }
+ }
+ }
+ })}
+ if itype == "text" {
+ {row("channels", "gematria and shape features beside the bytes (all off by default)", e("input.features"), rsx! {
+ span { class: "sb-ticks",
+ for (f , w) in [("letters", "letter values"), ("word_sums", "word sums"), ("side", "whole-text measures")] {
+ {
+ let has = strings(&v["input"]["features"]).contains(&f.to_string());
+ let all = strings(&v["input"]["features"]);
+ rsx! {
+ label { key: "{f}", class: "sb-tick",
+ input { r#type: "checkbox", checked: has, "aria-label": "input.features {f}",
+ oninput: move |ev| {
+ let mut a = all.clone();
+ a.retain(|x| x != f);
+ if ev.checked() { a.push(f.to_string()); }
+ ch.call(Change::Set("input.features".into(), json!(a)));
+ } }
+ "{w}"
+ }
+ }
+ }
+ }
+ }
+ })}
+ }
+ if itype == "image" {
+ {row("size", "pixels; each a multiple of the patch", e("input.width").or(e("input.height")), rsx! {
+ span { class: "sb-pair", {num(&v, "input.width".into(), 8.0, 1024.0, 8.0, "32", ch)} "×" {num(&v, "input.height".into(), 8.0, 1024.0, 8.0, "32", ch)} }
+ })}
+ {row("patch", "a patch's side in pixels: one token each", e("input.patch"), num(&v, "input.patch".into(), 1.0, 64.0, 1.0, "8", ch))}
+ {row("codes", "how many learned patch prototypes (at most 255)", e("input.codes"), slide(&v, "input.codes".into(), (2.0, 255.0, 1.0, 128.0), true, ch))}
+ }
+ if itype == "numbers" {
+ {row("names", "one per number the model reads", e("input.names"), chips(&v, "input.names".into(), "a name, Enter", ch))}
+ {row("width", "digits before and after the point", e("input.codec.digits").or(e("input.codec.decimals")), rsx! {
+ span { class: "sb-pair", {num(&v, "input.codec.digits".into(), 1.0, 12.0, 1.0, "3", ch)} "." {num(&v, "input.codec.decimals".into(), 0.0, 8.0, 1.0, "1", ch)} }
+ })}
+ {row("signed", "", e("input.codec.signed"), tick(&v, "input.codec.signed".into(), "numbers can be below zero", ch))}
+ }
+ }
+
+ // the trunk
+ div { class: "sb-sec",
+ h4 { "the trunk" }
+ {row("preset", "the sizes; any set below override it", e("trunk.preset"), pick(&v, "trunk.preset".into(), opts(&["compact", "small", "base", "auto", "test"]), Some("the default"), ch))}
+ details { class: "sb-more",
+ summary { "sizes of its own" }
+ {row("width", "d_model", e("trunk.d_model"), num(&v, "trunk.d_model".into(), 8.0, 4096.0, 8.0, "from the preset", ch))}
+ {row("layers", "", e("trunk.layers"), num(&v, "trunk.layers".into(), 1.0, 48.0, 1.0, "from the preset", ch))}
+ {row("attention heads", "", e("trunk.heads"), num(&v, "trunk.heads".into(), 1.0, 64.0, 1.0, "from the preset", ch))}
+ {row("head size", "head_dim", e("trunk.head_dim"), num(&v, "trunk.head_dim".into(), 4.0, 512.0, 4.0, "from the preset", ch))}
+ {row("feed-forward", "d_ff", e("trunk.d_ff"), num(&v, "trunk.d_ff".into(), 8.0, 16384.0, 8.0, "from the preset", ch))}
+ {row("window", "tokens per window, CLS and SEP included", e("trunk.max_len"), num(&v, "trunk.max_len".into(), 8.0, 8192.0, 1.0, "from the preset", ch))}
+ {row("causal", "on by default when there's a generate head", e("trunk.causal"), pick_json(&v, "trunk.causal".into(), vec![("true".into(), "causal".into()), ("false".into(), "not causal".into())], Some("the default"), ch))}
+ {row("pooling", "how the tokens become one vector for the heads", e("trunk.pooling"), pick(&v, "trunk.pooling".into(), vec![("Cls".into(), "CLS token".into()), ("Mean".into(), "mean".into()), ("ClsMean".into(), "CLS and mean".into()), ("Attention".into(), "attention".into())], Some("the default"), ch))}
+ {row("dropout", "", e("trunk.dropout"), slide(&v, "trunk.dropout".into(), (0.0, 0.5, 0.01, 0.1), true, ch))}
+ }
+ }
+
+ // the heads
+ div { class: "sb-sec",
+ h4 { "the heads" span { class: "dim small", " what comes out" } }
+ for (i , h) in heads.iter().enumerate() {
+ {
+ let kind = h["kind"].as_str().unwrap_or("classify").to_string();
+ rsx! {
+ div { key: "{i}", class: "sb-item",
+ div { class: "sb-item-head",
+ span { class: "sb-n", "{i + 1}" }
+ {line(&v, format!("heads[{i}].name"), "its name", false, ch)}
+ {pick(&v, format!("heads[{i}].kind"), vec![("classify".into(), "one class of several".into()), ("multi".into(), "any of several labels".into()), ("regress".into(), "numbers".into()), ("generate".into(), "writes (the next byte)".into())], None, ch)}
+ button { class: "plain small", title: "take this head out", onclick: move |_| ch.call(Change::Remove("heads".into(), i)), Icon { name: "delete" } }
+ }
+ if let Some(m) = e(&format!("heads[{i}].name")).or(e(&format!("heads[{i}].kind"))).or(e(&format!("heads[{i}]"))) { span { class: "sb-err", Icon { name: "alert" } "{m}" } }
+ if kind != "generate" {
+ {row(if kind == "regress" { "values" } else { "classes" }, if kind == "regress" { "a name per number it gives" } else { "" }, e(&format!("heads[{i}].classes")), chips(&v, format!("heads[{i}].classes"), "add one, Enter", ch))}
+ }
+ {row("weight", "its share of the loss when heads train together", e(&format!("heads[{i}].weight")), slide(&v, format!("heads[{i}].weight"), (0.0, 5.0, 0.05, 1.0), true, ch))}
+ }
+ }
+ }
+ }
+ button { class: "btn small", onclick: move |_| ch.call(Change::Push("heads".into(), json!({ "name": format!("head {}", heads.len() + 1), "kind": "classify", "classes": ["yes", "no"] }))),
+ Icon { name: "new" } "a head" }
+ }
+
+ // the data
+ DataSection { v: v.clone(), names: n.clone(), head_names: head_names.clone(), itype: itype.clone(), err: err.clone(), ch }
+
+ // a generator's critics, constraints and sampling
+ if generates || v["critics"].as_array().is_some_and(|a| !a.is_empty()) {
+ CriticSection { v: v.clone(), names: n.clone(), err: err.clone(), ch }
+ }
+ if generates {
+ div { class: "sb-sec",
+ h4 { "what it writes" span { class: "dim small", " a candidate breaking these is dropped" } }
+ {row("length", "bytes, at least and at most (empty: no limit)", e("constraints.min_len").or(e("constraints.max_len")), rsx! {
+ span { class: "sb-pair", {num(&v, "constraints.min_len".into(), 0.0, 100000.0, 1.0, "0", ch)} "to" {num(&v, "constraints.max_len".into(), 0.0, 100000.0, 1.0, "no limit", ch)} }
+ })}
+ {row("must contain", "each of these", e("constraints.contains"), byte_chips(&v, "constraints.contains".into(), "a text, Enter", ch))}
+ {row("must not contain", "any of these", e("constraints.excludes"), byte_chips(&v, "constraints.excludes".into(), "a text, Enter", ch))}
+ for (g , _) in v["constraints"]["sums"].as_array().cloned().unwrap_or_default().iter().enumerate() {
+ div { key: "sum{g}", class: "sb-item",
+ div { class: "sb-item-head",
+ span { class: "small", "a sum:" }
+ {pick(&v, format!("constraints.sums[{g}].measure"), vec![("bytes".into(), "bytes (Σ byte + 1)".into()), ("bytes_reversed".into(), "bytes reversed".into()), ("ordinal".into(), "ordinal".into()), ("reversed".into(), "reversed".into()), ("length".into(), "length".into())], None, ch)}
+ {num(&v, format!("constraints.sums[{g}].lo"), 0.0, 1e12, 1.0, "from", ch)}
+ "to"
+ {num(&v, format!("constraints.sums[{g}].hi"), 0.0, 1e12, 1.0, "to", ch)}
+ "mod"
+ {num(&v, format!("constraints.sums[{g}].modulo"), 0.0, 1e12, 1.0, "none", ch)}
+ button { class: "plain small", onclick: move |_| ch.call(Change::Remove("constraints.sums".into(), g)), Icon { name: "delete" } }
+ }
+ if let Some(m) = e(&format!("constraints.sums[{g}]")) { span { class: "sb-err", Icon { name: "alert" } "{m}" } }
+ }
+ }
+ button { class: "btn small", onclick: move |_| ch.call(Change::Push("constraints.sums".into(), json!({ "measure": "ordinal", "lo": 0, "hi": 1000 }))), Icon { name: "new" } "a sum it must fall in" }
+ GateRows { v: v.clone(), names: n.clone(), err: err.clone(), ch }
+ h4 { class: "sb-sub", "sampling" }
+ {row("temperature", "0 always picks the likeliest byte", e("sampling.temperature"), slide(&v, "sampling.temperature".into(), (0.0, 2.0, 0.05, 0.8), true, ch))}
+ {row("top k", "keep only the k likeliest bytes (0: all)", e("sampling.top_k"), num(&v, "sampling.top_k".into(), 0.0, 256.0, 1.0, "0", ch))}
+ {row("top p", "keep the fewest likeliest bytes reaching p", e("sampling.top_p"), slide(&v, "sampling.top_p".into(), (0.0, 1.0, 0.01, 0.95), true, ch))}
+ {row("at most", "bytes written", e("sampling.max_len"), num(&v, "sampling.max_len".into(), 1.0, 100000.0, 1.0, "200", ch))}
+ {row("stops at", "a character that ends what it writes", e("sampling.stop"), rsx! {
+ input { r#type: "text", class: "sb-text sb-short", maxlength: "1", placeholder: "none", "aria-label": "sampling.stop",
+ value: v["sampling"]["stop"].as_u64().map(|b| (b as u8 as char).to_string()).unwrap_or_default(),
+ onchange: move |ev| {
+ let t = ev.value();
+ ch.call(Change::Set("sampling.stop".into(), t.bytes().next().map_or(Value::Null, |b| json!(b))));
+ } }
+ })}
+ {row("seed", "", e("sampling.seed"), num(&v, "sampling.seed".into(), 0.0, 4294967295.0, 1.0, "0", ch))}
+ }
+ }
+
+ // training
+ div { class: "sb-sec",
+ h4 { "training" }
+ {row("epochs", "", e("train.epochs"), num(&v, "train.epochs".into(), 1.0, 10000.0, 1.0, "the default", ch))}
+ {row("batch", "", e("train.batch"), num(&v, "train.batch".into(), 1.0, 4096.0, 1.0, "the default", ch))}
+ {row("learning rate", "", e("train.lr"), num(&v, "train.lr".into(), 0.000001, 1.0, 0.0001, "the default", ch))}
+ {row("held out", "the share of the data kept for checking", e("train.val_fraction"), slide(&v, "train.val_fraction".into(), (0.0, 0.5, 0.01, 0.1), true, ch))}
+ {row("patience", "epochs without improving before it stops", e("train.patience"), num(&v, "train.patience".into(), 0.0, 1000.0, 1.0, "the default", ch))}
+ {row("steps at most", "", e("train.max_steps"), num(&v, "train.max_steps".into(), 1.0, 1e9, 1.0, "no limit", ch))}
+ {row("threads", "", e("train.threads"), num(&v, "train.threads".into(), 1.0, 256.0, 1.0, "the default", ch))}
+ {row("time budget", "seconds an \"auto\" trunk is sized for", e("train.budget_seconds"), num(&v, "train.budget_seconds".into(), 1.0, 1e6, 1.0, "none", ch))}
+ }
+ }
+ }
+}
+
+/// the data rows: where each head's examples come from
+#[component]
+fn DataSection(
+ v: Value,
+ names: Names,
+ head_names: Vec<String>,
+ itype: String,
+ err: Option<(String, String)>,
+ ch: EventHandler<Change>,
+) -> Element {
+ let api = api();
+ let u = ui();
+ let hn_add = head_names.clone();
+ let data: Vec<Value> = v["data"].as_array().cloned().unwrap_or_default();
+ let e = |p: &str| err_here(&err, p);
+ let classes_of = |head: &str| -> (String, Vec<String>) {
+ v["heads"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .find(|h| h["name"] == head)
+ .map(|h| (h["kind"].as_str().unwrap_or("").to_string(), strings(&h["classes"])))
+ .unwrap_or_default()
+ };
+ // a head and its class or values, as the head's kind needs
+ let target = |prefix: String, d: &Value| -> Element {
+ let head = d["head"].as_str().unwrap_or("").to_string();
+ let (kind, classes) = classes_of(&head);
+ rsx! {
+ {pick(&v, format!("{prefix}.head"), named(&head_names), Some("which head?"), ch)}
+ if kind == "classify" || kind == "multi" {
+ {pick(&v, format!("{prefix}.class"), named(&classes), Some("which class?"), ch)}
+ }
+ if kind == "regress" {
+ {values(&v, format!("{prefix}.value"), &classes, ch)}
+ }
+ }
+ };
+ rsx! {
+ div { class: "sb-sec",
+ h4 { "the data" span { class: "dim small", " what each head learns from" } }
+ for (i , d) in data.iter().enumerate() {
+ {
+ let from = d["from"].as_str().unwrap_or("list").to_string();
+ let head = d["head"].clone();
+ rsx! {
+ div { key: "{i}", class: "sb-item",
+ div { class: "sb-item-head",
+ span { class: "sb-n", "{i + 1}" }
+ select { class: "sb-pick", "aria-label": "data[{i}].from",
+ onchange: move |ev| {
+ let f = ev.value();
+ let mut fresh = json!({ "from": f });
+ if f != "inline" && !head.is_null() { fresh["head"] = head.clone(); }
+ if f == "inline" { fresh["items"] = json!([]); }
+ ch.call(Change::Set(format!("data[{i}]"), fresh));
+ },
+ for (o , w) in [("list", "a list's members"), ("tagged", "texts with a tag"), ("pairs", "pairs of two lists"), ("pictures", "pictures"), ("inline", "examples written here")] {
+ option { key: "{o}", value: "{o}", selected: from == o, "{w}" }
+ }
+ }
+ button { class: "plain small", title: "take this out", onclick: move |_| ch.call(Change::Remove("data".into(), i)), Icon { name: "delete" } }
+ }
+ if let Some(m) = e(&format!("data[{i}]")).or(e(&format!("data[{i}].from"))) { span { class: "sb-err", Icon { name: "alert" } "{m}" } }
+ match from.as_str() {
+ "list" => rsx! {
+ {row("list", "", e(&format!("data[{i}].list")), pick(&v, format!("data[{i}].list"), named(&names.lists), Some("which list?"), ch))}
+ {row("for", "the head, and what its members are", e(&format!("data[{i}].head")).or(e(&format!("data[{i}].class"))).or(e(&format!("data[{i}].value"))), target(format!("data[{i}]"), d))}
+ },
+ "tagged" => rsx! {
+ {row("tag", "", e(&format!("data[{i}].tag")), pick(&v, format!("data[{i}].tag"), named(&names.tags), Some("which tag?"), ch))}
+ {row("for", "", e(&format!("data[{i}].head")).or(e(&format!("data[{i}].class"))).or(e(&format!("data[{i}].value"))), target(format!("data[{i}]"), d))}
+ },
+ "pairs" => rsx! {
+ {row("in", "what it reads", e(&format!("data[{i}].input")), pick(&v, format!("data[{i}].input"), named(&names.lists), Some("which list?"), ch))}
+ {row("out", "what it learns to write after it, member by member", e(&format!("data[{i}].output")), pick(&v, format!("data[{i}].output"), named(&names.lists), Some("which list?"), ch))}
+ {row("head", "a generate head", e(&format!("data[{i}].head")), pick(&v, format!("data[{i}].head"), named(&head_names), Some("which head?"), ch))}
+ },
+ "pictures" => rsx! {
+ {row("pictures", "each scaled to the input's size", e(&format!("data[{i}].list")), pick(&v, format!("data[{i}].list"), named(&names.picture_lists), Some("all of the save's pictures"), ch))}
+ {row("for", "", e(&format!("data[{i}].head")).or(e(&format!("data[{i}].class"))).or(e(&format!("data[{i}].value"))), target(format!("data[{i}]"), d))}
+ },
+ _ => rsx! {
+ for (j , item) in d["items"].as_array().cloned().unwrap_or_default().iter().enumerate() {
+ div { key: "{j}", class: "sb-inline",
+ span { class: "dim small", "{j + 1}" }
+ match itype.as_str() {
+ "numbers" => rsx! {
+ {values(&v, format!("data[{i}].items[{j}].input.numbers"), &strings(&v["input"]["names"]), ch)}
+ },
+ "image" => {
+ let w = item["input"]["image"]["width"].as_u64().unwrap_or(0);
+ let h = item["input"]["image"]["height"].as_u64().unwrap_or(0);
+ let api = api.clone();
+ let (iw, ih) = (v["input"]["width"].as_u64().unwrap_or(32), v["input"]["height"].as_u64().unwrap_or(32));
+ rsx! {
+ span { class: "small", if w > 0 { "a picture, {w} × {h}" } else { "no picture yet" } }
+ select { class: "sb-pick", "aria-label": "data[{i}].items[{j}].input.image",
+ onchange: move |ev| {
+ let id = ev.value();
+ if id.is_empty() { return; }
+ let api = api.clone();
+ spawn(async move {
+ // the picture as the item's input: IMAGE_FIELDS
+ match api.call("pictures.get", json!({ "id": id, "rgb": { "width": iw, "height": ih } })).await {
+ Ok(p) => ch.call(Change::Set(format!("data[{i}].items[{j}].input"), json!({ "image": p["image"] }))),
+ Err(err) => u.fail(err),
+ }
+ });
+ },
+ option { value: "", "from a picture…" }
+ for (id , nm) in names.pictures.iter() { option { key: "{id}", value: "{id}", "{nm}" } }
+ }
+ }
+ }
+ "bytes" => rsx! {
+ input { r#type: "text", class: "sb-text", placeholder: "its bytes, as text", "aria-label": "data[{i}].items[{j}].input.bytes",
+ value: String::from_utf8_lossy(&item["input"]["bytes"].as_array().map(|a| a.iter().filter_map(|x| x.as_u64().map(|b| b as u8)).collect::<Vec<u8>>()).unwrap_or_default()).into_owned(),
+ onchange: move |ev| ch.call(Change::Set(format!("data[{i}].items[{j}].input"), json!({ "bytes": ev.value().as_bytes() }))) }
+ },
+ _ => rsx! {
+ input { r#type: "text", class: "sb-text", placeholder: "its text", "aria-label": "data[{i}].items[{j}].input.text",
+ value: item["input"]["text"].as_str().unwrap_or("").to_string(),
+ onchange: move |ev| ch.call(Change::Set(format!("data[{i}].items[{j}].input"), json!({ "text": ev.value() }))) }
+ },
+ }
+ {target(format!("data[{i}].items[{j}]"), item)}
+ if let Some(m) = e(&format!("data[{i}].items[{j}].head")).or(e(&format!("data[{i}].items[{j}].class"))).or(e(&format!("data[{i}].items[{j}].value"))).or(e(&format!("data[{i}].items[{j}].input"))) {
+ span { class: "sb-err", Icon { name: "alert" } "{m}" }
+ }
+ button { class: "plain small", onclick: move |_| ch.call(Change::Remove(format!("data[{i}].items"), j)), "×" }
+ }
+ }
+ button { class: "plain small", onclick: {
+ let (itype, head_names) = (itype.clone(), head_names.clone());
+ move |_| {
+ let input = match itype.as_str() {
+ "numbers" => json!({ "numbers": [] }),
+ "bytes" => json!({ "bytes": [] }),
+ "image" => json!({ "image": { "width": 0, "height": 0, "rgb": [] } }),
+ _ => json!({ "text": "" }),
+ };
+ ch.call(Change::Push(format!("data[{i}].items"), json!({ "input": input, "head": head_names.first().cloned().unwrap_or_default() })));
+ } },
+ Icon { name: "new" } "an example" }
+ },
+ }
+ }
+ }
+ }
+ }
+ button { class: "btn small", onclick: move |_| ch.call(Change::Push("data".into(), json!({ "from": "list", "head": hn_add.first().cloned().unwrap_or_default() }))), Icon { name: "new" } "data" }
+ }
+ }
+}
+
+/// a generator's critics: another model, its head, and what it should say
+#[component]
+fn CriticSection(v: Value, names: Names, err: Option<(String, String)>, ch: EventHandler<Change>) -> Element {
+ let critics: Vec<Value> = v["critics"].as_array().cloned().unwrap_or_default();
+ let e = |p: &str| err_here(&err, p);
+ let me = v["name"].as_str().unwrap_or("").to_string();
+ let models: Vec<String> = names.models.iter().map(|m| m.0.clone()).filter(|m| *m != me).collect();
+ rsx! {
+ div { class: "sb-sec",
+ h4 { "critics" span { class: "dim small", " other models judging what it writes" } }
+ for (k , c) in critics.iter().enumerate() {
+ {
+ let model = c["model"].as_str().unwrap_or("").to_string();
+ let heads = names.models.iter().find(|m| m.0 == model).map(|m| m.1.clone()).unwrap_or_default();
+ let head = c["head"].as_str().unwrap_or("").to_string();
+ let (hkind, classes) = heads.iter().find(|h| h.0 == head).map(|h| (h.1.clone(), h.2.clone())).unwrap_or_default();
+ let want_kind = c["want"].as_object().and_then(|o| o.keys().next().cloned()).unwrap_or_else(|| "class".into());
+ let wk = want_kind.clone();
+ rsx! {
+ div { key: "{k}", class: "sb-item",
+ div { class: "sb-item-head",
+ span { class: "sb-n", "{k + 1}" }
+ {pick(&v, format!("critics[{k}].model"), named(&models), Some("which model?"), ch)}
+ {pick(&v, format!("critics[{k}].head"), heads.iter().map(|h| (h.0.clone(), format!("{} ({})", h.0, h.1))).collect(), Some("which head?"), ch)}
+ button { class: "plain small", onclick: move |_| ch.call(Change::Remove("critics".into(), k)), Icon { name: "delete" } }
+ }
+ if let Some(m) = e(&format!("critics[{k}]")).or(e(&format!("critics[{k}].model"))).or(e(&format!("critics[{k}].head"))) { span { class: "sb-err", Icon { name: "alert" } "{m}" } }
+ {row("wants", "", e(&format!("critics[{k}].want")), rsx! {
+ select { class: "sb-pick", "aria-label": "critics[{k}].want",
+ onchange: move |ev| {
+ let w = match ev.value().as_str() {
+ "not" => json!({ "not": "" }),
+ "near" => json!({ "near": { "value": "", "target": 0.0, "scale": 1.0 } }),
+ "range" => json!({ "range": { "value": "", "lo": 0.0, "hi": 1.0, "scale": 1.0 } }),
+ _ => json!({ "class": "" }),
+ };
+ ch.call(Change::Set(format!("critics[{k}].want"), w));
+ },
+ for (o , w) in [("class", "a class"), ("not", "not a class"), ("near", "a value near"), ("range", "a value between")] {
+ option { key: "{o}", value: "{o}", selected: wk == o, "{w}" }
+ }
+ }
+ match want_kind.as_str() {
+ "not" => pick(&v, format!("critics[{k}].want.not"), named(&classes), Some("which class?"), ch),
+ "near" => rsx! {
+ {pick(&v, format!("critics[{k}].want.near.value"), named(&classes), Some("which value?"), ch)}
+ "near" {num(&v, format!("critics[{k}].want.near.target"), -1e9, 1e9, 0.01, "target", ch)}
+ "within" {num(&v, format!("critics[{k}].want.near.scale"), 0.0001, 1e9, 0.01, "scale", ch)}
+ },
+ "range" => rsx! {
+ {pick(&v, format!("critics[{k}].want.range.value"), named(&classes), Some("which value?"), ch)}
+ {num(&v, format!("critics[{k}].want.range.lo"), -1e9, 1e9, 0.01, "from", ch)}
+ "to" {num(&v, format!("critics[{k}].want.range.hi"), -1e9, 1e9, 0.01, "to", ch)}
+ "softness" {num(&v, format!("critics[{k}].want.range.scale"), 0.0001, 1e9, 0.01, "scale", ch)}
+ },
+ _ => pick(&v, format!("critics[{k}].want.class"), named(&classes), Some("which class?"), ch),
+ }
+ if !hkind.is_empty() { span { class: "dim small", "({hkind})" } }
+ })}
+ {row("weight", "its share of the score", e(&format!("critics[{k}].weight")), slide(&v, format!("critics[{k}].weight"), (0.0, 5.0, 0.05, 1.0), true, ch))}
+ }
+ }
+ }
+ }
+ button { class: "btn small", disabled: models.is_empty(), title: if models.is_empty() { "make another model first: a critic is another model" } else { "another model judging what this one writes" },
+ onclick: move |_| ch.call(Change::Push("critics".into(), json!({ "model": "", "head": "", "want": { "class": "" } }))),
+ Icon { name: "new" } "a critic" }
+ }
+ }
+}
+
+/// gates: a critic's class that must (or must not) be among what it says
+#[component]
+fn GateRows(v: Value, names: Names, err: Option<(String, String)>, ch: EventHandler<Change>) -> Element {
+ let critics: Vec<Value> = v["critics"].as_array().cloned().unwrap_or_default();
+ let gates: Vec<Value> = v["constraints"]["gates"].as_array().cloned().unwrap_or_default();
+ let e = |p: &str| err_here(&err, p);
+ let classes_of = |ci: usize| -> Vec<String> {
+ let Some(c) = critics.get(ci) else { return vec![] };
+ names
+ .models
+ .iter()
+ .find(|m| m.0 == c["model"].as_str().unwrap_or(""))
+ .and_then(|m| m.1.iter().find(|h| h.0 == c["head"].as_str().unwrap_or("")))
+ .map(|h| h.2.clone())
+ .unwrap_or_default()
+ };
+ rsx! {
+ for (g , gate) in gates.iter().enumerate() {
+ {
+ let ci = gate["critic"].as_u64().unwrap_or(0) as usize;
+ let classes = classes_of(ci);
+ rsx! {
+ div { key: "gate{g}", class: "sb-item",
+ div { class: "sb-item-head",
+ span { class: "small", "critic" }
+ {pick_json(&v, format!("constraints.gates[{g}].critic"), critics.iter().enumerate().map(|(i, c)| (i.to_string(), format!("{} {}", i + 1, c["model"].as_str().unwrap_or("")))).collect(), None, ch)}
+ {pick_json(&v, format!("constraints.gates[{g}].member"), vec![("true".into(), "must say".into()), ("false".into(), "must not say".into())], None, ch)}
+ {pick_json(&v, format!("constraints.gates[{g}].class"), classes.iter().enumerate().map(|(i, c)| (i.to_string(), c.clone())).collect(), None, ch)}
+ button { class: "plain small", onclick: move |_| ch.call(Change::Remove("constraints.gates".into(), g)), Icon { name: "delete" } }
+ }
+ if let Some(m) = e(&format!("constraints.gates[{g}]")) { span { class: "sb-err", Icon { name: "alert" } "{m}" } }
+ }
+ }
+ }
+ }
+ button { class: "btn small", disabled: critics.is_empty(), title: "a critic's class that must, or must not, be among what it says",
+ onclick: move |_| ch.call(Change::Push("constraints.gates".into(), json!({ "critic": 0, "class": 0, "member": true }))),
+ Icon { name: "new" } "a gate" }
+ }
+}
+
+/// how the parts connect: the data into the heads, the input through the trunk to the
+/// heads, the critics judging a generate head
+#[component]
+fn Diagram(v: Value) -> Element {
+ let heads: Vec<(String, String)> = v["heads"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .map(|h| {
+ (
+ h["name"].as_str().unwrap_or("").to_string(),
+ h["kind"].as_str().unwrap_or("").to_string(),
+ )
+ })
+ .collect();
+ let data: Vec<(String, String)> = v["data"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .map(|d| {
+ let what = match d["from"].as_str().unwrap_or("") {
+ "list" => format!("list {}", d["list"].as_str().unwrap_or("?")),
+ "tagged" => format!("tag {}", d["tag"].as_str().unwrap_or("?")),
+ "pairs" => format!(
+ "{} → {}",
+ d["input"].as_str().unwrap_or("?"),
+ d["output"].as_str().unwrap_or("?")
+ ),
+ "pictures" => d["list"]
+ .as_str()
+ .map_or("all pictures".to_string(), |l| format!("pictures {l}")),
+ _ => format!("{} examples", d["items"].as_array().map_or(0, |a| a.len())),
+ };
+ (what, d["head"].as_str().unwrap_or("").to_string())
+ })
+ .collect();
+ let critics: Vec<String> = v["critics"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .map(|c| c["model"].as_str().unwrap_or("?").to_string())
+ .collect();
+ let input = match v["input"]["type"].as_str().unwrap_or("text") {
+ "image" => format!("pictures {}×{}", v["input"]["width"], v["input"]["height"]),
+ "numbers" => format!("{} numbers", v["input"]["names"].as_array().map_or(0, |a| a.len())),
+ t => t.to_string(),
+ };
+ let trunk = format!(
+ "trunk · {}{}",
+ v["trunk"]["preset"].as_str().unwrap_or("default"),
+ v["from"]["pretrained"].as_str().map(|_| " · pretrained").unwrap_or("")
+ );
+ let rows = heads.len().max(data.len()).max(critics.len()).max(1);
+ let h = 26.0 * rows as f64 + 20.0;
+ let y = |i: usize, n: usize| -> f64 { 10.0 + (h - 20.0) * (i as f64 + 0.5) / n.max(1) as f64 };
+ let short = |s: &str| -> String {
+ if s.chars().count() > 18 {
+ format!("{}…", s.chars().take(17).collect::<String>())
+ } else {
+ s.to_string()
+ }
+ };
+ let head_y = |name: &str| heads.iter().position(|h| h.0 == name).map(|i| y(i, heads.len()));
+ let gen_y = heads.iter().position(|h| h.1 == "generate").map(|i| y(i, heads.len()));
+ rsx! {
+ svg { class: "sb-diagram", view_box: "0 0 640 {h}", width: "100%", height: "{h}", role: "img", "aria-label": "how the spec's parts connect",
+ // the data feeding the heads they teach
+ for (i , (what , head)) in data.iter().enumerate() {
+ g { key: "d{i}",
+ rect { x: "4", y: "{y(i, data.len()) - 11.0}", width: "120", height: "22", rx: "5", class: "sb-d-data" }
+ text { x: "64", y: "{y(i, data.len()) + 4.0}", "text-anchor": "middle", {short(what)} }
+ if let Some(hy) = head_y(head) {
+ path { d: "M124 {y(i, data.len())} C 300 {y(i, data.len()) - 60.0}, 380 {hy + 40.0}, 460 {hy}", class: "sb-d-teach" }
+ }
+ }
+ }
+ // the input and the trunk in the middle
+ rect { x: "150", y: "{h / 2.0 - 13.0}", width: "110", height: "26", rx: "5", class: "sb-d-in" }
+ text { x: "205", y: "{h / 2.0 + 4.0}", "text-anchor": "middle", {short(&input)} }
+ line { x1: "260", y1: "{h / 2.0}", x2: "290", y2: "{h / 2.0}", class: "sb-d-line" }
+ rect { x: "290", y: "{h / 2.0 - 13.0}", width: "130", height: "26", rx: "5", class: "sb-d-trunk" }
+ text { x: "355", y: "{h / 2.0 + 4.0}", "text-anchor": "middle", {short(&trunk)} }
+ for (i , (name , kind)) in heads.iter().enumerate() {
+ g { key: "h{i}",
+ line { x1: "420", y1: "{h / 2.0}", x2: "460", y2: "{y(i, heads.len())}", class: "sb-d-line" }
+ rect { x: "460", y: "{y(i, heads.len()) - 11.0}", width: "100", height: "22", rx: "5", class: "sb-d-head" }
+ text { x: "510", y: "{y(i, heads.len()) + 4.0}", "text-anchor": "middle", {short(&format!("{name} · {kind}"))} }
+ }
+ }
+ // the critics judging the generate head
+ if let Some(gy) = gen_y {
+ for (i , c) in critics.iter().enumerate() {
+ g { key: "c{i}",
+ rect { x: "580", y: "{y(i, critics.len()) - 11.0}", width: "56", height: "22", rx: "5", class: "sb-d-critic" }
+ text { x: "608", y: "{y(i, critics.len()) + 4.0}", "text-anchor": "middle", {short(c).chars().take(8).collect::<String>()} }
+ line { x1: "580", y1: "{y(i, critics.len())}", x2: "560", y2: "{gy}", class: "sb-d-judge" }
+ }
+ }
+ }
+ }
+ }
+}
+
+#[cfg(test)]
+mod tests {
+ use super::*;
+
+ /// every path in a value, arrays as `[]` (scalars and arrays of scalars are leaves)
+ fn walk(v: &Value, at: &str, out: &mut Vec<String>) {
+ match v {
+ Value::Object(o) => {
+ for (k, x) in o {
+ let p = if at.is_empty() { k.clone() } else { format!("{at}.{k}") };
+ walk(x, &p, out);
+ }
+ }
+ // an empty list says nothing about what its items hold
+ Value::Array(a) if a.is_empty() => {}
+ Value::Array(a) if a.iter().any(Value::is_object) => {
+ for x in a {
+ walk(x, &format!("{at}[]"), out);
+ }
+ }
+ _ => out.push(at.to_string()),
+ }
+ }
+
+ /// specs using every part of the format, read by the core (so every field is real)
+ fn every_part() -> Vec<Value> {
+ use anend_core::classify::spec::ModelSpec;
+ let full = r#"{
+ "version": 1, "name": "all", "seed": 3, "device": "gpu_fast",
+ "from": {"pretrained": "folder"},
+ "input": {"type": "text", "features": ["letters", "word_sums", "side"]},
+ "trunk": {"preset": "small", "d_model": 64, "layers": 2, "heads": 4, "head_dim": 16, "d_ff": 128,
+ "max_len": 64, "causal": true, "pooling": "Mean", "dropout": 0.1},
+ "heads": [{"name": "c", "kind": "classify", "classes": ["a", "b"], "weight": 1.0},
+ {"name": "r", "kind": "regress", "classes": ["x"], "weight": 0.5},
+ {"name": "g", "kind": "generate"}],
+ "data": [
+ {"from": "list", "list": "l", "head": "c", "class": "a", "value": [1.0]},
+ {"from": "tagged", "tag": "t", "head": "r", "value": [1.0]},
+ {"from": "pairs", "input": "i", "output": "o", "head": "g"},
+ {"from": "pictures", "list": "p", "head": "c", "class": "b"},
+ {"from": "inline", "items": [
+ {"input": {"text": "x"}, "head": "c", "class": "a", "value": [1.0]},
+ {"input": {"bytes": [1, 2]}, "head": "c", "class": "b"},
+ {"input": {"numbers": [1.0]}, "head": "r", "value": [2.0]},
+ {"input": {"image": {"width": 1, "height": 1, "rgb": [0, 0, 0]}}, "head": "c", "class": "a"}
+ ]}
+ ],
+ "critics": [
+ {"model": "m", "head": "h", "want": {"class": "a"}, "weight": 1.0},
+ {"model": "m", "head": "h", "want": {"not": "a"}},
+ {"model": "m", "head": "h", "want": {"near": {"value": "v", "target": 1.0, "scale": 1.0}}},
+ {"model": "m", "head": "h", "want": {"range": {"value": "v", "lo": 0.0, "hi": 1.0, "scale": 1.0}}}
+ ],
+ "constraints": {"min_len": 1, "max_len": 9, "gates": [{"critic": 0, "class": 0, "member": true}],
+ "sums": [{"measure": "ordinal", "lo": 0, "hi": 9, "modulo": 0}],
+ "contains": [[97]], "excludes": [[98]]},
+ "sampling": {"temperature": 0.5, "top_k": 2, "top_p": 0.9, "max_len": 10, "stop": 10, "seed": 1},
+ "train": {"epochs": 1, "batch": 2, "lr": 0.001, "val_fraction": 0.1, "patience": 2, "max_steps": 9,
+ "threads": 1, "budget_seconds": 5.0}
+ }"#;
+ let image = r#"{"name": "i", "input": {"type": "image", "width": 16, "height": 16, "patch": 8, "codes": 16},
+ "heads": [{"name": "c", "kind": "classify", "classes": ["a", "b"]}]}"#;
+ let numbers = r#"{"name": "n", "input": {"type": "numbers", "names": ["a"], "codec": {"digits": 2, "decimals": 1, "signed": true}},
+ "heads": [{"name": "y", "kind": "regress", "classes": ["s"]}]}"#;
+ let bytes = r#"{"name": "b", "input": {"type": "bytes"}, "heads": [{"name": "g", "kind": "generate"}]}"#;
+ [full, image, numbers, bytes]
+ .iter()
+ .map(|s| {
+ let spec: ModelSpec = serde_json::from_str(s).unwrap_or_else(|e| panic!("{e}: {s}"));
+ serde_json::to_value(spec).unwrap()
+ })
+ .collect()
+ }
+
+ #[test]
+ fn every_field_of_the_spec_has_a_control() {
+ let mut found = Vec::new();
+ for v in every_part() {
+ walk(&v, "", &mut found);
+ }
+ found.sort();
+ found.dedup();
+ // `from: {pretrained}` and the value enums are objects of one key; the walk finds
+ // them as their inner paths
+ let missing: Vec<&String> = found.iter().filter(|p| !COVERED.contains(&p.as_str())).collect();
+ assert!(missing.is_empty(), "fields without a control: {missing:?}");
+ // and each path in COVERED is one the builder writes (indices as `[{i}]` there)
+ let src = include_str!("builder.rs");
+ let body = &src[src
+ .find("// ------------------------------------------------------------------ paths")
+ .expect("the code")..src.find("#[cfg(test)]").expect("the tests")];
+ let norm = ["{i}", "{j}", "{k}", "{g}"]
+ .iter()
+ .fold(body.to_string(), |s, x| s.replace(&format!("[{x}]"), "[]"));
+ for p in COVERED {
+ assert!(norm.contains(&format!("\"{p}")), "no control writes {p}");
+ }
+ }
+
+ #[test]
+ fn paths_set_and_read() {
+ let mut v = json!({});
+ put(&mut v, "heads[1].classes", json!(["a"]));
+ put(&mut v, "trunk.d_model", json!(64));
+ assert_eq!(at(&v, "heads[1].classes"), &json!(["a"]));
+ assert_eq!(v["heads"][0], Value::Null);
+ put(&mut v, "trunk.d_model", Value::Null);
+ assert_eq!(v["trunk"], json!({}));
+ remove_at(&mut v, "heads", 0);
+ assert_eq!(v["heads"], json!([{ "classes": ["a"] }]));
+ }
+}
diff --git a/app/src/views/stats.rs b/app/src/views/stats.rs
new file mode 100644
index 00000000..aedecc31
--- /dev/null
+++ b/app/src/views/stats.rs
@@ -0,0 +1,101 @@
+//! Stats for the whole app: entries, texts and notes, versions, edges by relation, kinds,
+//! how much is stored as borrowings, the sums' spread, lists and tags.
+
+use dioxus::prelude::*;
+
+use crate::gem::Mode;
+use crate::ui::*;
+
+#[component]
+pub fn Stats() -> Element {
+ let ui = ui();
+ let api = api();
+ let api1 = api.clone();
+ let raw = use_resource(move || {
+ let api = api1.clone();
+ let _ = (ui.changed)();
+ async move { api.call("stats", serde_json::json!({})).await }
+ });
+ let api2 = api.clone();
+ let more = use_resource(move || {
+ let api = api2.clone();
+ let _ = (ui.changed)();
+ async move {
+ let lists = api.lists().await.map(|l| l.lists).unwrap_or_default();
+ let tags = api.all_tags().await.unwrap_or_default();
+ let buckets = api.bucket_counts(Mode::Ordinal).await.unwrap_or_default();
+ (lists, tags, buckets)
+ }
+ });
+ let v = match &*raw.read() {
+ Some(Ok(v)) => v.clone(),
+ Some(Err(e)) => return rsx! { div { class: "page", div { class: "card bad", "{e}" } } },
+ None => return rsx! { div { class: "page", div { class: "card dim", "…" } } },
+ };
+ let n = |k: &str| v[k].as_u64().unwrap_or(0);
+ let date = |k: &str| {
+ v[k].as_str()
+ .and_then(|s| chrono::DateTime::parse_from_rfc3339(s).ok())
+ .map(|t| t.format("%d %b %Y").to_string())
+ .unwrap_or_else(|| "–".into())
+ };
+ let pairs = |k: &str| -> Vec<(String, u64)> {
+ v[k].as_array()
+ .into_iter()
+ .flatten()
+ .filter_map(|p| Some((p.get(0)?.as_str()?.to_string(), p.get(1)?.as_u64()?)))
+ .collect()
+ };
+ let (lists, tags, buckets) = more.read().clone().unwrap_or_default();
+ let biggest = buckets.iter().max_by_key(|b| b.count).cloned();
+ let edges = pairs("edges");
+ let kinds = pairs("by_mime");
+ let emax = edges.iter().map(|e| e.1).max().unwrap_or(1).max(1);
+ let tmax = tags.iter().map(|e| e.1).max().unwrap_or(1).max(1);
+ rsx! {
+ div { class: "page",
+ div { class: "row", h2 { "stats" } span { class: "dim small", "the whole save" } }
+ div { class: "card stats-grid",
+ div { class: "stat", b { {n("entries").to_string()} } span { "entries" } }
+ div { class: "stat", b { {n("memories").to_string()} } span { "texts" } }
+ div { class: "stat", b { {n("notes").to_string()} } span { "notes" } }
+ div { class: "stat", b { {n("words").to_string()} } span { "words in notes" } }
+ div { class: "stat", b { {n("versions").to_string()} } span { "past versions" } }
+ div { class: "stat", b { "{lists.len()}" } span { "lists" } }
+ div { class: "stat", b { "{tags.len()}" } span { "tags" } }
+ div { class: "stat", b { "{buckets.len()}" } span { "ordinal sums in use" } }
+ div { class: "stat", b { {n("borrowing").to_string()} } span { "stored as borrowings" } }
+ div { class: "stat", b { {format!("{} kB", n("body_bytes") / 1024)} } span { "packed text" } }
+ div { class: "stat", b { {date("first")} } span { "the first" } }
+ div { class: "stat", b { {date("latest")} } span { "the latest" } }
+ }
+ if let Some(b) = biggest {
+ div { class: "card", "The fullest ordinal sum is " b { "{b.sum}" } ", holding {b.count} texts." }
+ }
+ div { class: "card",
+ h3 { "relations" }
+ div { class: "bars",
+ for (name , c) in edges {
+ div { key: "{name}", class: "hbar", span { "{name}" } span { class: "track", span { class: "fill", style: "width: {c as f64 / emax as f64 * 100.0:.1}%;" } } span { class: "n", "{c}" } }
+ }
+ }
+ h3 { style: "margin-top: 10px;", "kinds" }
+ div { class: "bars",
+ for (name , c) in kinds {
+ div { key: "{name}", class: "hbar", span { "{name}" } span { class: "track" } span { class: "n", "{c}" } }
+ }
+ }
+ }
+ if !tags.is_empty() {
+ div { class: "card",
+ h3 { "tags" }
+ div { class: "bars",
+ for (t , c) in tags.into_iter().take(30) {
+ div { key: "{t}", class: "hbar", button { class: "plain tag-open", "data-tip": "see the entries tagged #{t}", onclick: { let t = t.clone(); move |_| { let mut pt = ui.pick_tag; pt.set(Some(t.clone())); crate::shell::go(ui, View::Tags); } }, "#{t}" } span { class: "track", span { class: "fill", style: "width: {c as f64 / tmax as f64 * 100.0:.1}%;" } } span { class: "n", "{c}" } }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/app/src/views/tags.rs b/app/src/views/tags.rs
new file mode 100644
index 00000000..821a6db7
--- /dev/null
+++ b/app/src/views/tags.rs
@@ -0,0 +1,122 @@
+//! Tags: every tag (on any entry, texts and notes alike) with its count; click picks one,
+//! Ctrl or Shift+click adds or drops it; all or any decides how several combine. The
+//! entries carrying them show beside. The bar narrows the tags; Enter picks the first.
+
+use dioxus::prelude::*;
+
+use crate::ui::*;
+use crate::views::use_keys;
+
+#[component]
+pub fn Tags() -> Element {
+ let ui = ui();
+ let api = api();
+ let mut picked: Signal<Vec<String>> = use_signal(Vec::new);
+ let mut any = use_signal(|| false);
+ // a tag another view asked for (the stats' tags)
+ use_effect(move || {
+ if let Some(t) = (ui.pick_tag)() {
+ let mut pt = ui.pick_tag;
+ pt.set(None);
+ picked.set(vec![t]);
+ }
+ });
+ let api_t = api.clone();
+ let tags = use_resource(move || {
+ let api = api_t.clone();
+ let _ = (ui.changed)();
+ async move { api.all_tags().await.unwrap_or_default() }
+ });
+ let api_e = api.clone();
+ let found = use_resource(move || {
+ let api = api_e.clone();
+ let p = picked();
+ let a = any();
+ let _ = (ui.changed)();
+ async move {
+ if p.is_empty() {
+ Ok(vec![])
+ } else {
+ api.tagged(&p, a).await
+ }
+ }
+ });
+ let q = ui.bar.read().trim().to_lowercase();
+ let all: Vec<(String, u64)> = tags.read().clone().unwrap_or_default();
+ let shown: Vec<(String, u64)> = all
+ .into_iter()
+ .filter(|(t, _)| q.is_empty() || t.to_lowercase().contains(&q))
+ .collect();
+ let first = shown.first().map(|t| t.0.clone());
+ use_keys(View::Tags, move |k: KeyPress| {
+ if k.bar && k.key == "Enter" {
+ if let Some(t) = first.clone() {
+ let mut p = picked.write();
+ if !p.contains(&t) {
+ p.push(t);
+ }
+ drop(p);
+ ui.set_bar("");
+ }
+ return true;
+ }
+ false
+ });
+ let hits = match &*found.read() {
+ Some(Ok(h)) => h.clone(),
+ _ => vec![],
+ };
+ rsx! {
+ div { class: "page",
+ div { class: "row",
+ h2 { "tags" }
+ button { class: if !any() { "chip on" } else { "chip" }, onclick: move |_| any.set(false), "data-tip": "entries with every picked tag", "all" }
+ button { class: if any() { "chip on" } else { "chip" }, onclick: move |_| any.set(true), "data-tip": "entries with any picked tag", "any" }
+ if !picked().is_empty() {
+ button { class: "plain", onclick: move |_| picked.set(vec![]), Icon { name: "close" } "clear" }
+ }
+ }
+ div { class: "card taglist", role: "group", "aria-label": "tags",
+ if shown.is_empty() {
+ span { class: "dim", "No tags yet: right-click a text in the memory view and pick “tag…”, or give a note tags." }
+ }
+ for (t , n) in shown {
+ button {
+ key: "{t}",
+ class: if picked().contains(&t) { "chip on" } else { "chip" },
+ "aria-pressed": "{picked().contains(&t)}",
+ title: "click: just this · Ctrl/Shift+click: add or drop",
+ onclick: move |e: MouseEvent| {
+ let m = e.modifiers();
+ let mut p = picked.write();
+ if m.ctrl() || m.shift() || m.meta() {
+ if let Some(i) = p.iter().position(|x| *x == t) { p.remove(i); } else { p.push(t.clone()); }
+ } else {
+ *p = vec![t.clone()];
+ }
+ },
+ "{t} "
+ span { class: "dim", "{n}" }
+ }
+ }
+ }
+ if !picked().is_empty() {
+ div { class: "card",
+ h3 { {format!("{} carrying {}", hits.len(), picked().join(if any() { " or " } else { " and " }))} }
+ div { class: "results",
+ for h in hits {
+ div { key: "{h.key}", class: "result",
+ span { class: "p", "{h.key}" }
+ span { class: "t", title: if h.note { "open it in the editor" } else { "into the bar" },
+ onclick: { let h = h.clone(); move |_| if h.note { let mut o = ui.open_note; o.set(Some(h.key.clone())); crate::shell::go(ui, View::Notes); } else { ui.set_bar(&h.text) } },
+ if h.note { "✎ " } "{h.text}" }
+ button { class: "plain", "data-tip": "into the bar", "aria-label": "into the bar",
+ onclick: { let t = h.text.clone(); move |_| ui.set_bar(&t) }, Icon { name: "text" } }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/app/src/views/tagsets.rs b/app/src/views/tagsets.rs
new file mode 100644
index 00000000..bf73c0c8
--- /dev/null
+++ b/app/src/views/tagsets.rs
@@ -0,0 +1,453 @@
+//! Tag sets (queued requests #13, #10; `tagsets.*` in docs/app-api.md): word types of
+//! one's own, the models view's fourth tab. A set's page shows its types and their
+//! colours, how many words each has marked, how well it reads words it didn't train on
+//! (precision and recall per type), and a try card: a text's words labelled by the set,
+//! where clicking a word picks its right type (which marks it, and teaches the set when it
+//! is trained). A checker set marks words right or wrong and offers the nearest right
+//! words for a wrong one. The built-in English set is shown read-only.
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use crate::ui::*;
+use crate::views::classifiers::pct;
+
+const PALETTE: [&str; 8] = [
+ "#e07a3f", "#3f7ae0", "#3fae6a", "#b05cc8", "#d6453d", "#c9a227", "#2bb3b1", "#8a6d5a",
+];
+
+#[component]
+pub fn TagSets() -> Element {
+ let ui = ui();
+ let api = api();
+ let mut chosen: Signal<Option<String>> = use_signal(|| None);
+ let mut making = use_signal(|| false);
+ let mut rev = use_signal(|| 0u64);
+ let list = use_resource(move || {
+ let api = api.clone();
+ let _ = ((ui.changed)(), rev());
+ async move { api.call("tagsets.list", json!({})).await }
+ });
+ let (items, note): (Vec<Value>, Option<String>) = match &*list.read() {
+ Some(Ok(v)) => (v.as_array().cloned().unwrap_or_default(), None),
+ Some(Err(e)) => (vec![], Some(e.clone())),
+ None => (vec![], None),
+ };
+ let open = chosen().unwrap_or_else(|| "english".to_string());
+ let current = items
+ .iter()
+ .find(|t| t["builtin"] == true && open == "english" || t["set"]["name"] == open.as_str())
+ .cloned();
+ rsx! {
+ if let Some(n) = note {
+ div { class: "card bad", "{n}" }
+ }
+ div { class: "cls-layout",
+ div { class: "card cls-list", role: "listbox", "aria-label": "tag sets",
+ button { class: if making() { "cls-item on" } else { "cls-item" }, onclick: move |_| making.set(!making()),
+ b { Icon { name: "new" } " new" } }
+ for t in items.iter().cloned() {
+ {
+ let builtin = t["builtin"] == true;
+ let name = if builtin { "english".to_string() } else { t["set"]["name"].as_str().unwrap_or("").to_string() };
+ let on = !making() && open == name;
+ let sub = if builtin {
+ "by rule, on English".to_string()
+ } else if t["set"]["check"] == true {
+ "a checker: right or wrong".to_string()
+ } else {
+ t["set"]["types"].as_array().into_iter().flatten().filter_map(|x| x["name"].as_str()).collect::<Vec<_>>().join(" · ")
+ };
+ rsx! {
+ button { key: "{name}", role: "option", "aria-selected": "{on}", class: if on { "cls-item on" } else { "cls-item" },
+ onclick: { let n = name.clone(); move |_| { chosen.set(Some(n.clone())); making.set(false); } },
+ b { "{name}" }
+ span { class: "small", "{sub}" }
+ }
+ }
+ }
+ }
+ }
+ div { class: "cls-main",
+ if making() {
+ SetEditor { set: Value::Null, on_saved: move |n: String| { making.set(false); chosen.set(Some(n)); rev += 1; } }
+ } else if let Some(t) = current {
+ if t["builtin"] == true {
+ English { types: crate::views::classifiers::strs(&t["types"]) }
+ } else {
+ SetPage { key: "{open}", set: t["set"].clone(), on_changed: move |_| rev += 1, on_gone: move |_| { chosen.set(None); rev += 1; } }
+ }
+ }
+ }
+ }
+ }
+}
+
+#[component]
+fn English(types: Vec<String>) -> Element {
+ rsx! {
+ div { class: "card",
+ h3 { "english" span { class: "dim small", " built in" } }
+ p { "Word types by rule, for texts that read as English (most of their words are English ones). The memory view's word types (T) use it. Texts in other languages get no English types; make a tag set for them, and say which texts it's for." }
+ div { class: "row wrap",
+ for t in types { span { key: "{t}", class: "tw t-{t}", b { "{t}" } } }
+ }
+ }
+ }
+}
+
+/// a new set, or a set's types, threshold and which texts it's for
+#[component]
+fn SetEditor(set: Value, on_saved: EventHandler<String>) -> Element {
+ let ui = ui();
+ let api = api();
+ let fresh = set.is_null();
+ let mut draft = use_signal(|| {
+ if set.is_null() {
+ json!({ "name": "", "types": [
+ { "name": "", "colour": PALETTE[0] }, { "name": "", "colour": PALETTE[1] }
+ ], "check": false, "threshold": 0.5 })
+ } else {
+ set.clone()
+ }
+ });
+ let api_c = api.clone();
+ let models = use_resource(move || {
+ let api = api_c.clone();
+ async move { api.models().await.unwrap_or_default() }
+ });
+ let models = models.read().clone().unwrap_or_default();
+ let d = draft();
+ let check = d["check"] == true;
+ let types: Vec<Value> = d["types"].as_array().cloned().unwrap_or_default();
+ let ft_cls = d["for_texts"]["classifier"].as_str().unwrap_or("").to_string();
+ let ft_class = d["for_texts"]["class"].as_str().unwrap_or("").to_string();
+ let classes: Vec<String> = models
+ .iter()
+ .find(|m| m.name == ft_cls)
+ .map(|m| m.classes.clone())
+ .unwrap_or_default();
+ let was = set["name"].as_str().unwrap_or("").to_string();
+ rsx! {
+ div { class: "card cls-new",
+ h3 { Icon { name: "new" } if fresh { "a new tag set" } else { "its types" } }
+ div { class: "form",
+ if fresh {
+ label { r#for: "ts-name", "name" }
+ input { r#type: "text", id: "ts-name", placeholder: "elvish, sacred words…", value: "{d[\"name\"].as_str().unwrap_or(\"\")}",
+ oninput: move |e| draft.write()["name"] = json!(e.value()) }
+ label { "kind" }
+ div { class: "row",
+ button { class: if !check { "chip on" } else { "chip" }, onclick: move |_| draft.write()["check"] = json!(false), "word types" }
+ button { class: if check { "chip on" } else { "chip" }, "data-tip": "for a language of one's own: words marked right or wrong, wrong ones flagged with suggestions",
+ onclick: move |_| draft.write()["check"] = json!(true), "a checker" }
+ }
+ }
+ if !check {
+ label { "types" }
+ div { class: "col",
+ for (i , t) in types.iter().cloned().enumerate() {
+ div { key: "{i}", class: "row",
+ input { r#type: "color", "aria-label": "its colour", value: "{t[\"colour\"].as_str().unwrap_or(\"#888888\")}",
+ oninput: move |e| draft.write()["types"][i]["colour"] = json!(e.value()) }
+ input { r#type: "text", "aria-label": "the type's name", placeholder: "a type", value: "{t[\"name\"].as_str().unwrap_or(\"\")}",
+ oninput: move |e| draft.write()["types"][i]["name"] = json!(e.value()) }
+ input { r#type: "text", class: "grow", "aria-label": "what it is", placeholder: "what it is (optional)", value: "{t[\"about\"].as_str().unwrap_or(\"\")}",
+ oninput: move |e| draft.write()["types"][i]["about"] = json!(e.value()) }
+ if types.len() > 2 {
+ button { class: "plain ibtn", "aria-label": "remove it", onclick: move |_| { if let Some(a) = draft.write()["types"].as_array_mut() { a.remove(i); } }, Icon { name: "close" } }
+ }
+ }
+ }
+ button { class: "plain", onclick: move |_| {
+ let n = draft.peek()["types"].as_array().map(|a| a.len()).unwrap_or(0);
+ if let Some(a) = draft.write()["types"].as_array_mut() { a.push(json!({ "name": "", "colour": PALETTE[n % PALETTE.len()] })); }
+ }, Icon { name: "new" } "a type" }
+ }
+ }
+ label { "for texts" }
+ div { class: "row wrap",
+ select { "aria-label": "the classifier that says which texts", value: "{ft_cls}",
+ onchange: move |e| { let v = e.value(); if v.is_empty() { if let Some(o) = draft.write().as_object_mut() { o.remove("for_texts"); } } else { draft.write()["for_texts"] = json!({ "classifier": v, "class": "" }); } },
+ option { value: "", selected: ft_cls.is_empty(), "any text I pick it for" }
+ for m in models.iter() { option { key: "{m.name}", value: "{m.name}", selected: m.name == ft_cls, "{m.name} says…" } }
+ }
+ if !ft_cls.is_empty() {
+ select { "aria-label": "the class", value: "{ft_class}",
+ onchange: move |e| draft.write()["for_texts"]["class"] = json!(e.value()),
+ option { value: "", "which class…" }
+ for c in classes { option { key: "{c}", value: "{c}", selected: c == ft_class, "{c}" } }
+ }
+ }
+ }
+ label { r#for: "ts-th", "show a type from" }
+ div { class: "row",
+ input { r#type: "range", id: "ts-th", min: "0", max: "1", step: "0.05", value: "{d[\"threshold\"].as_f64().unwrap_or(0.5)}",
+ oninput: move |e| draft.write()["threshold"] = json!(e.value().parse::<f64>().unwrap_or(0.5)) }
+ span { class: "dim small", {format!("{} sure", pct(d["threshold"].as_f64().unwrap_or(0.5)))} }
+ }
+ }
+ div { class: "row",
+ button { class: "primary",
+ onclick: move |_| {
+ let api = api.clone();
+ let mut set = draft();
+ if let Some(a) = set["types"].as_array_mut() {
+ a.retain(|t| !t["name"].as_str().unwrap_or("").trim().is_empty());
+ }
+ let mut args = json!({ "set": set });
+ if fresh { args["new"] = json!(true); } else { args["was"] = json!(was.clone()); }
+ spawn(async move {
+ match api.call("tagsets.save", args).await {
+ Ok(v) => {
+ ui.say("saved: mark some words of each type in the try card, then train it");
+ on_saved.call(v["set"]["name"].as_str().unwrap_or("").to_string());
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ Icon { name: "save" } if fresh { "make it" } else { "save" } }
+ }
+ }
+ }
+}
+
+#[component]
+fn SetPage(set: Value, on_changed: EventHandler<()>, on_gone: EventHandler<()>) -> Element {
+ let ui = ui();
+ let api = api();
+ let name = set["name"].as_str().unwrap_or("").to_string();
+ let mut rev = use_signal(|| 0u64);
+ let mut editing = use_signal(|| false);
+ let mut sure = use_signal(|| false);
+ let (api_s, n_s) = (api.clone(), name.clone());
+ let score = use_resource(move || {
+ let (api, n) = (api_s.clone(), n_s.clone());
+ let _ = ((ui.changed)(), rev());
+ async move { api.call("tagsets.score", json!({ "name": n })).await }
+ });
+ let sc = score.read().clone().and_then(|r| r.ok()).unwrap_or(Value::Null);
+ let training = sc["training"] == true;
+ // while it trains, look again now and then
+ use_future(move || async move {
+ loop {
+ crate::ui::sleep_ms(1500).await;
+ if score
+ .peek()
+ .as_ref()
+ .and_then(|r| r.as_ref().ok())
+ .is_some_and(|v| v["training"] == true)
+ {
+ rev += 1;
+ }
+ }
+ });
+ let colour = |ty: &str| {
+ set["types"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .find(|t| t["name"] == ty)
+ .and_then(|t| t["colour"].as_str())
+ .unwrap_or("#888")
+ .to_string()
+ };
+ let check = set["check"] == true;
+ let (api_t, n_t) = (api.clone(), name.clone());
+ let train = move |_| {
+ let (api, n) = (api_t.clone(), n_t.clone());
+ spawn(async move {
+ match api.call("tagsets.train", json!({ "name": n })).await {
+ Ok(_) => {
+ ui.say("training: it reads its marked words, and how well it reads unseen ones shows here");
+ rev += 1;
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ };
+ let (api_d, n_d) = (api.clone(), name.clone());
+ rsx! {
+ div { class: "cls-page",
+ div { class: "card cls-head",
+ div { class: "row",
+ h2 { "{name}" }
+ for t in set["types"].as_array().cloned().unwrap_or_default() {
+ span { key: "{t[\"name\"]}", class: "chip ts-type", style: "--c: {t[\"colour\"].as_str().unwrap_or(\"#888\")};", title: "{t[\"about\"].as_str().unwrap_or(\"\")}", "{t[\"name\"].as_str().unwrap_or(\"\")}" }
+ }
+ span { class: "grow" }
+ button { class: if editing() { "on" } else { "" }, onclick: move |_| editing.set(!editing()), Icon { name: "edit" } "types" }
+ button { class: if sure() { "danger" } else { "" },
+ onclick: move |_| {
+ if !sure() { sure.set(true); return; }
+ let (api, n) = (api_d.clone(), n_d.clone());
+ spawn(async move {
+ match api.call("tagsets.delete", json!({ "name": n })).await {
+ Ok(_) => { ui.say("deleted the set and its classifier (the marked words' lists stay)"); on_gone.call(()); }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ Icon { name: "delete" } if sure() { "sure? delete" } else { "delete" } }
+ }
+ if let Some(f) = set["for_texts"].as_object() {
+ span { class: "dim small", {format!("for texts {} puts in {}", f.get("classifier").or(f.get("taxonomy")).and_then(|x| x.as_str()).unwrap_or(""), f.get("class").and_then(|x| x.as_str()).unwrap_or(""))} }
+ } else {
+ span { class: "dim small", "for any text it's picked for" }
+ }
+ }
+ if editing() {
+ SetEditor { set: set.clone(), on_saved: move |_| { editing.set(false); on_changed.call(()); rev += 1; } }
+ }
+ div { class: "card",
+ h3 { Icon { name: "classifier" } "how it reads"
+ span { class: "grow" }
+ button { class: "primary", disabled: training, onclick: train, Icon { name: "play" } if training { "training…" } else if sc["trained"] == true { "train again" } else { "train it" } }
+ }
+ table { class: "confusion",
+ thead { tr { th { "type" } th { "words marked" } th { "precision" } th { "recall" } } }
+ tbody {
+ for m in sc["marked"].as_array().cloned().unwrap_or_default() {
+ {
+ let ty = m["type"].as_str().unwrap_or("").to_string();
+ let st = sc["types"].as_array().into_iter().flatten().find(|x| x["type"] == ty.as_str()).cloned().unwrap_or(Value::Null);
+ let some: Vec<String> = crate::views::classifiers::strs(&m["some"]);
+ rsx! {
+ tr { key: "{ty}",
+ th { span { class: "swatch-dot", style: "background: {colour(&ty)};" } " {ty}" }
+ td { title: "{some.join(\", \")}", "{m[\"words\"]}" }
+ td { {st["precision"].as_f64().map(pct).unwrap_or_else(|| "—".into())} }
+ td { {st["recall"].as_f64().map(pct).unwrap_or_else(|| "—".into())} }
+ }
+ }
+ }
+ }
+ }
+ }
+ p { class: "dim small",
+ if let Some(a) = sc["accuracy"].as_f64() {
+ if sc["measured_on"] == "held out" {
+ {format!("{} right on marked words it didn't train on", pct(a))}
+ } else {
+ {format!("{} right on the words it trained on: with forty or more marked, a fifth are held out to measure it on words it hasn't seen", pct(a))}
+ }
+ }
+ else { "Mark two words or more of each type in the try card, then train it." }
+ }
+ }
+ TryTags { name: name.clone(), set: set.clone(), check, on_marked: move |_| rev += 1 }
+ }
+ }
+}
+
+/// a text's words as the set labels them; clicking a word picks its right type
+#[component]
+fn TryTags(name: String, set: Value, check: bool, on_marked: EventHandler<()>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut text = use_signal(String::new);
+ let mut got: Signal<Option<Value>> = use_signal(|| None);
+ let mut picking: Signal<Option<usize>> = use_signal(|| None);
+ let tag = {
+ let (api, name) = (api.clone(), name.clone());
+ move || {
+ let (api, name) = (api.clone(), name.clone());
+ let t = text.peek().clone();
+ if t.trim().is_empty() {
+ return;
+ }
+ spawn(async move {
+ match api.call("tagsets.tag", json!({ "name": name, "text": t })).await {
+ Ok(v) => {
+ picking.set(None);
+ got.set(Some(v));
+ }
+ Err(e) => {
+ got.set(None);
+ ui.fail(e)
+ }
+ }
+ });
+ }
+ };
+ let types: Vec<(String, String)> = set["types"]
+ .as_array()
+ .into_iter()
+ .flatten()
+ .map(|t| {
+ (
+ t["name"].as_str().unwrap_or("").to_string(),
+ t["colour"].as_str().unwrap_or("#888").to_string(),
+ )
+ })
+ .collect();
+ let words: Vec<Value> = got().and_then(|v| v["words"].as_array().cloned()).unwrap_or_default();
+ rsx! {
+ div { class: "card",
+ h3 { Icon { name: "text" } "try a text" span { class: "dim small", " click a word to say which type it is" } }
+ div { class: "row",
+ input { r#type: "text", class: "grow", "aria-label": "a text to tag", placeholder: "a text in the set's language", value: "{text}",
+ oninput: move |e| text.set(e.value()),
+ onkeydown: { let tag = tag.clone(); move |e: KeyboardEvent| if e.key() == Key::Enter { tag() } } }
+ button { onclick: { let tag = tag.clone(); move |_| tag() }, Icon { name: "play" } "tag it" }
+ }
+ div { class: "ts-words",
+ for (i , w) in words.iter().cloned().enumerate() {
+ {
+ let word = w["word"].as_str().unwrap_or("").to_string();
+ let ty = w["type"].as_str().map(String::from);
+ let c = w["colour"].as_str().unwrap_or("transparent").to_string();
+ let suggest = crate::views::classifiers::strs(&w["suggest"]);
+ rsx! {
+ span { key: "{i}", class: if check && ty.as_deref() == Some("wrong") { "ts-word flagged" } else { "ts-word" },
+ button { class: "plain", style: "--c: {c};", "aria-label": "{word}: say which type",
+ title: {format!("{} · {}", ty.clone().unwrap_or_else(|| "no type".into()), pct(w["prob"].as_f64().unwrap_or(0.0)))},
+ onclick: move |_| picking.set(if picking() == Some(i) { None } else { Some(i) }),
+ span { class: "w", "{word}" }
+ span { class: "l", {ty.clone().unwrap_or_else(|| "?".into())} }
+ }
+ if !suggest.is_empty() {
+ span { class: "ts-suggest",
+ for s in suggest {
+ button { key: "{s}", class: "chip", "data-tip": "use it",
+ onclick: { let (s, word, tag) = (s.clone(), word.clone(), tag.clone()); move |_| { let t = text.peek().replacen(&word, &s, 1); text.set(t); tag(); } },
+ "{s}" }
+ }
+ }
+ }
+ if picking() == Some(i) {
+ span { class: "ts-pick",
+ for (tn , tc) in types.iter().cloned() {
+ button { key: "{tn}", class: "chip ts-type", style: "--c: {tc};",
+ onclick: {
+ let (api, name, word, tag, tn) = (api.clone(), name.clone(), word.clone(), tag.clone(), tn.clone());
+ move |_| {
+ let (api, name, word, tag, tn) = (api.clone(), name.clone(), word.clone(), tag.clone(), tn.clone());
+ spawn(async move {
+ match api.call("tagsets.mark", json!({ "name": name, "word": word, "type": tn })).await {
+ Ok(v) => {
+ ui.say(if v["taught"] == true { format!("“{word}” is {tn}: marked, and the set was told") } else { format!("“{word}” is {tn}: marked (train it to learn from the marks)") });
+ on_marked.call(());
+ tag();
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ },
+ "{tn}" }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ if got().is_some() && words.is_empty() {
+ p { class: "dim small", "no words" }
+ }
+ }
+ }
+}
diff --git a/app/src/views/taxonomy.rs b/app/src/views/taxonomy.rs
new file mode 100644
index 00000000..66fb6f50
--- /dev/null
+++ b/app/src/views/taxonomy.rs
@@ -0,0 +1,495 @@
+//! Taxonomies: the save's classifiers in a tree (docs/architecture.md, part 1;
+//! `taxonomy.*` in docs/app-api.md). The models view's third tab.
+//!
+//! The left column lists them. A taxonomy's page edits its tree (each node a classifier,
+//! each of its classes either the end or the next classifier), shows each node's
+//! held-out accuracy and its count marked by hand, and has a try card: a text routed down
+//! the tree, each step marked right or wrong (wrong asks which class it was), which counts
+//! at that node and tells its classifier.
+
+use std::collections::BTreeMap;
+
+use dioxus::prelude::*;
+use serde_json::{Value, json};
+
+use crate::ui::*;
+use crate::views::classifiers::pct;
+
+fn path_of(v: &Value) -> Vec<String> {
+ crate::views::classifiers::strs(v)
+}
+
+/// the node at `path` in a taxonomy's JSON tree
+fn node_mut<'a>(root: &'a mut Value, path: &[String]) -> Option<&'a mut Value> {
+ match path.split_first() {
+ None => Some(root),
+ Some((c, rest)) => node_mut(root.get_mut("routes")?.get_mut(c)?, rest),
+ }
+}
+
+/// held out and by hand, for a node's line
+fn scores(n: &Value) -> String {
+ let mut s = Vec::new();
+ match n["held_out"].as_f64() {
+ Some(a) => s.push(format!("held out {}", pct(a))),
+ None if n["trained"] == false => s.push("not trained yet".into()),
+ None => {}
+ }
+ let (r, w) = (n["right"].as_u64().unwrap_or(0), n["wrong"].as_u64().unwrap_or(0));
+ if r + w > 0 {
+ s.push(format!("by hand {} ({r} of {})", pct(r as f64 / (r + w) as f64), r + w));
+ } else {
+ s.push("not marked yet".into());
+ }
+ s.join(" · ")
+}
+
+#[component]
+pub fn Taxonomies(bar: Signal<(u64, String)>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut chosen: Signal<Option<String>> = use_signal(|| None);
+ let mut making = use_signal(|| false);
+ let mut rev = use_signal(|| 0u64);
+ let api_l = api.clone();
+ let list = use_resource(move || {
+ let api = api_l.clone();
+ let _ = ((ui.changed)(), rev());
+ async move { api.call("taxonomy.list", json!({})).await }
+ });
+ let api_m = api.clone();
+ let models = use_resource(move || {
+ let api = api_m.clone();
+ let _ = ((ui.changed)(), rev());
+ async move { api.models().await }
+ });
+ let (items, note): (Vec<Value>, Option<String>) = match &*list.read() {
+ Some(Ok(v)) => (v.as_array().cloned().unwrap_or_default(), None),
+ Some(Err(e)) => (vec![], Some(e.clone())),
+ None => (vec![], None),
+ };
+ let classifiers: BTreeMap<String, Vec<String>> = match &*models.read() {
+ Some(Ok(l)) => l.iter().map(|m| (m.name.clone(), m.classes.clone())).collect(),
+ _ => BTreeMap::new(),
+ };
+ let open = chosen().or_else(|| {
+ (!making())
+ .then(|| items.first().and_then(|t| t["name"].as_str().map(String::from)))
+ .flatten()
+ });
+ rsx! {
+ if let Some(n) = note {
+ div { class: "card bad", "{n}" }
+ }
+ div { class: "cls-layout",
+ div { class: "card cls-list", role: "listbox", "aria-label": "taxonomies",
+ button { class: if making() { "cls-item on" } else { "cls-item" }, onclick: move |_| making.set(!making()),
+ b { Icon { name: "new" } " new" } }
+ if items.is_empty() {
+ span { class: "dim small", "none yet" }
+ }
+ for t in items.iter().cloned() {
+ {
+ let name = t["name"].as_str().unwrap_or("").to_string();
+ let on = open.as_deref() == Some(name.as_str()) && !making();
+ let (r, w) = (t["right"].as_u64().unwrap_or(0), t["wrong"].as_u64().unwrap_or(0));
+ rsx! {
+ button { key: "{name}", role: "option", "aria-selected": "{on}",
+ class: if on { "cls-item on" } else { "cls-item" },
+ onclick: { let n = name.clone(); move |_| { chosen.set(Some(n.clone())); making.set(false); } },
+ b { "{name}" }
+ span { class: "small", {format!("{} · {} node{}", t["root"].as_str().unwrap_or(""), t["nodes"], if t["nodes"] == 1 { "" } else { "s" })} }
+ span { class: "small state",
+ if r + w > 0 { {format!("{} right by hand", pct(r as f64 / (r + w) as f64))} } else { "not marked yet" }
+ }
+ }
+ }
+ }
+ }
+ }
+ div { class: "cls-main",
+ if making() {
+ NewTaxonomy { classifiers: classifiers.clone(), on_made: move |name: String| { making.set(false); chosen.set(Some(name)); rev += 1; } }
+ } else if let Some(name) = open {
+ TaxonomyPage { key: "{name}", name: name.clone(), classifiers: classifiers.clone(), bar,
+ on_saved: move |name: String| { chosen.set(Some(name)); rev += 1; },
+ on_gone: move |_| { chosen.set(None); rev += 1; } }
+ } else {
+ div { class: "card empty",
+ p { "A taxonomy puts classifiers in a tree. The first one reads a text; each of its classes can end there or send the text on to a further classifier, so a question like \"English or not?\" decides which classifier reads the text next." }
+ p { "Mark each step of a routing right or wrong as you try texts: each node counts its marks beside its classifier's held-out accuracy, and every mark is that classifier's feedback too. Nothing is stored about the texts themselves." }
+ if classifiers.is_empty() {
+ p { "Make a classifier first (the classifiers tab)." }
+ } else {
+ p { button { onclick: move |_| making.set(true), Icon { name: "new" } "new taxonomy" } }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+#[component]
+fn NewTaxonomy(classifiers: BTreeMap<String, Vec<String>>, on_made: EventHandler<String>) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut name = use_signal(String::new);
+ let first = classifiers.keys().next().cloned().unwrap_or_default();
+ let mut root = use_signal(move || first);
+ rsx! {
+ div { class: "card cls-new",
+ h3 { Icon { name: "new" } "a new taxonomy" }
+ div { class: "form",
+ label { r#for: "tax-name", "name" }
+ input { r#type: "text", id: "tax-name", value: "{name}", placeholder: "languages, kinds of thing…", oninput: move |e| name.set(e.value()) }
+ label { r#for: "tax-root", "first classifier" }
+ select { id: "tax-root", value: "{root}", onchange: move |e| root.set(e.value()),
+ for c in classifiers.keys() {
+ option { key: "{c}", value: "{c}", selected: *c == root(), "{c}" }
+ }
+ }
+ }
+ div { class: "row",
+ button { disabled: name().trim().is_empty() || root().is_empty(),
+ onclick: move |_| {
+ let api = api.clone();
+ let t = json!({ "name": name().trim(), "root": { "classifier": root() } });
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("taxonomy.save", json!({ "taxonomy": t, "new": true })).await {
+ Ok(v) => {
+ ui.say("made: now send its classes on to further classifiers");
+ on_made.call(v["taxonomy"]["name"].as_str().unwrap_or("").to_string());
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ },
+ Icon { name: "save" } "make it" }
+ }
+ }
+ }
+}
+
+#[component]
+fn TaxonomyPage(
+ name: String,
+ classifiers: BTreeMap<String, Vec<String>>,
+ bar: Signal<(u64, String)>,
+ on_saved: EventHandler<String>,
+ on_gone: EventHandler<()>,
+) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut rev = use_signal(|| 0u64);
+ let api_g = api.clone();
+ let n_g = name.clone();
+ let got = use_resource(move || {
+ let (api, n) = (api_g.clone(), n_g.clone());
+ let _ = rev();
+ async move { api.call("taxonomy.get", json!({ "name": n })).await }
+ });
+ // the tree as edited, and as saved
+ let mut draft: Signal<Option<Value>> = use_signal(|| None);
+ let mut saved: Signal<Option<Value>> = use_signal(|| None);
+ use_effect(move || {
+ if let Some(Ok(v)) = &*got.read() {
+ draft.set(Some(v["taxonomy"].clone()));
+ saved.set(Some(v["taxonomy"].clone()));
+ }
+ });
+ let mut sure = use_signal(|| false);
+ let nodes: Vec<Value> = match &*got.read() {
+ Some(Ok(v)) => v["nodes"].as_array().cloned().unwrap_or_default(),
+ Some(Err(e)) => return rsx! { div { class: "card bad", "{e}" } },
+ None => return rsx! { div { class: "card dim", "…" } },
+ };
+ let Some(t) = draft() else {
+ return rsx! { div { class: "card dim", "…" } };
+ };
+ let stats: BTreeMap<Vec<String>, Value> = nodes.iter().map(|n| (path_of(&n["path"]), n.clone())).collect();
+ let dirty = draft() != saved();
+ let save = {
+ let api = api.clone();
+ let was = name.clone();
+ move |_| {
+ let (api, was) = (api.clone(), was.clone());
+ let Some(t) = draft() else { return };
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("taxonomy.save", json!({ "taxonomy": t, "was": was })).await {
+ Ok(v) => {
+ ui.say("saved");
+ let n = v["taxonomy"]["name"].as_str().unwrap_or("").to_string();
+ if n == was {
+ rev += 1;
+ }
+ on_saved.call(n);
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ let delete = {
+ let api = api.clone();
+ let n = name.clone();
+ move |_| {
+ if !sure() {
+ sure.set(true);
+ return;
+ }
+ let (api, n) = (api.clone(), n.clone());
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("taxonomy.delete", json!({ "name": n })).await {
+ Ok(_) => {
+ ui.say(format!("deleted the taxonomy {n} (its classifiers stay)"));
+ on_gone.call(());
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ rsx! {
+ div { class: "cls-page",
+ div { class: "card cls-head",
+ div { class: "row",
+ input { r#type: "text", class: "tax-title", "aria-label": "the taxonomy's name", value: "{t[\"name\"].as_str().unwrap_or(\"\")}",
+ oninput: move |e| { if let Some(d) = draft.write().as_mut() { d["name"] = json!(e.value()); } } }
+ span { class: "grow" }
+ button { disabled: !dirty, class: if dirty { "on" } else { "" }, "data-tip": "save the tree (marks stay where the same classifier stands)", onclick: save,
+ Icon { name: "save" } "save" }
+ if dirty {
+ button { onclick: move |_| draft.set(saved()), Icon { name: "undo" } "as saved" }
+ }
+ button { class: if sure() { "danger" } else { "" }, onclick: delete,
+ Icon { name: "delete" } if sure() { "sure? delete" } else { "delete" } }
+ }
+ input { r#type: "text", class: "tax-about", placeholder: "what it sorts (optional)", "aria-label": "what it sorts",
+ value: "{t[\"about\"].as_str().unwrap_or(\"\")}",
+ oninput: move |e| { if let Some(d) = draft.write().as_mut() { d["about"] = json!(e.value()); } } }
+ }
+ div { class: "card",
+ h3 { Icon { name: "classifier" } "the tree" }
+ p { class: "dim small", "Each classifier's classes end the routing, or send the text on to the next classifier." }
+ {node_view(Vec::new(), &t["root"], &classifiers, &stats, draft)}
+ }
+ TryRoute { name: name.clone(), classifiers: classifiers.clone(), dirty, bar, on_marked: move |_| rev += 1 }
+ }
+ }
+}
+
+/// a node of the tree being edited, with its classes and where each goes
+fn node_view(
+ path: Vec<String>,
+ node: &Value,
+ classifiers: &BTreeMap<String, Vec<String>>,
+ stats: &BTreeMap<Vec<String>, Value>,
+ mut draft: Signal<Option<Value>>,
+) -> Element {
+ let cls = node["classifier"].as_str().unwrap_or("").to_string();
+ let classes = classifiers.get(&cls).cloned().unwrap_or_default();
+ let score = stats.get(&path).map(scores).unwrap_or_else(|| "not saved yet".into());
+ let missing = !classifiers.contains_key(&cls);
+ let p_set = path.clone();
+ rsx! {
+ div { class: "tax-node",
+ div { class: "row",
+ select { "aria-label": "the classifier here", value: "{cls}",
+ onchange: move |e| {
+ let v = e.value();
+ if let Some(d) = draft.write().as_mut()
+ && let Some(n) = node_mut(&mut d["root"], &p_set)
+ {
+ n["classifier"] = json!(v);
+ if let Some(r) = n.get_mut("routes").and_then(Value::as_object_mut) {
+ r.clear();
+ }
+ }
+ },
+ if missing {
+ option { value: "{cls}", selected: true, "{cls} (missing)" }
+ }
+ for c in classifiers.keys() {
+ option { key: "{c}", value: "{c}", selected: *c == cls, "{c}" }
+ }
+ }
+ span { class: "dim small", "{score}" }
+ }
+ for class in classes.iter().cloned() {
+ {
+ let next = node["routes"].get(&class).cloned();
+ let goes = next.as_ref().and_then(|n| n["classifier"].as_str()).unwrap_or("").to_string();
+ let mut sub = path.clone();
+ sub.push(class.clone());
+ let p_route = path.clone();
+ let c_route = class.clone();
+ rsx! {
+ div { key: "{class}", class: "tax-route",
+ div { class: "row",
+ span { class: "tax-class", "{class}" }
+ span { class: "dim", "→" }
+ select { "aria-label": "where {class} goes", value: "{goes}",
+ onchange: move |e| {
+ let v = e.value();
+ if let Some(d) = draft.write().as_mut()
+ && let Some(n) = node_mut(&mut d["root"], &p_route)
+ {
+ if v.is_empty() {
+ if let Some(r) = n.get_mut("routes").and_then(Value::as_object_mut) {
+ r.remove(&c_route);
+ }
+ } else {
+ if !n["routes"].is_object() {
+ n["routes"] = json!({});
+ }
+ n["routes"][&c_route] = json!({ "classifier": v });
+ }
+ }
+ },
+ option { value: "", selected: goes.is_empty(), "ends here" }
+ for c in classifiers.keys() {
+ option { key: "{c}", value: "{c}", selected: *c == goes, "{c}" }
+ }
+ }
+ }
+ if let Some(n) = next {
+ div { class: "tax-sub", {node_view(sub, &n, classifiers, stats, draft)} }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// a text routed down the saved tree, each step marked right or wrong
+#[component]
+fn TryRoute(
+ name: String,
+ classifiers: BTreeMap<String, Vec<String>>,
+ dirty: bool,
+ bar: Signal<(u64, String)>,
+ on_marked: EventHandler<()>,
+) -> Element {
+ let ui = ui();
+ let api = api();
+ let mut text = use_signal(String::new);
+ let mut got: Signal<Option<Value>> = use_signal(|| None);
+ // the step being told which class it was
+ let mut asking: Signal<Option<usize>> = use_signal(|| None);
+ let route = {
+ let (api, name) = (api.clone(), name.clone());
+ move || {
+ let (api, name) = (api.clone(), name.clone());
+ let t = text.peek().clone();
+ if t.trim().is_empty() {
+ return;
+ }
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("taxonomy.route", json!({ "name": name, "text": t })).await {
+ Ok(v) => {
+ asking.set(None);
+ got.set(Some(v));
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ let mark = {
+ let (api, name) = (api.clone(), name.clone());
+ let route = route.clone();
+ move |path: Value, right: bool, class: Option<String>| {
+ let (api, name, route) = (api.clone(), name.clone(), route.clone());
+ let mut a = json!({ "name": name, "text": text(), "path": path, "right": right });
+ if let Some(c) = &class {
+ a["class"] = json!(c);
+ }
+ dioxus::dioxus_core::spawn_forever(async move {
+ match api.call("taxonomy.mark", a).await {
+ Ok(_) => {
+ ui.say(match (right, class) {
+ (true, _) => {
+ "marked right: the node counts it, and its classifier was told yes".to_string()
+ }
+ (false, Some(c)) => format!("marked wrong: it was {c}; its classifier was told so"),
+ (false, None) => "marked wrong: its classifier was told no".to_string(),
+ });
+ ui.touched();
+ on_marked.call(());
+ route();
+ }
+ Err(e) => ui.fail(e),
+ }
+ });
+ }
+ };
+ // Enter in the bar routes its text (the first time it changes after this card opened)
+ let seen = use_hook(|| bar.peek().0);
+ {
+ let route = route.clone();
+ use_effect(move || {
+ let (n, t) = bar();
+ if n != seen && !t.is_empty() {
+ text.set(t);
+ route();
+ }
+ });
+ }
+ let steps: Vec<Value> = got().and_then(|v| v["steps"].as_array().cloned()).unwrap_or_default();
+ let reached = got().is_some_and(|v| v["reached"] == true);
+ rsx! {
+ div { class: "card",
+ h3 { Icon { name: "search" } "try a text" }
+ if dirty {
+ p { class: "dim small", "Routing uses the tree as saved." }
+ }
+ div { class: "row",
+ input { r#type: "text", class: "grow", placeholder: "a text to route", "aria-label": "a text to route", value: "{text}",
+ oninput: move |e| text.set(e.value()),
+ onkeydown: { let route = route.clone(); move |e: KeyboardEvent| if e.key() == Key::Enter { route() } } }
+ button { onclick: { let route = route.clone(); move |_| route() }, Icon { name: "play" } "route it" }
+ }
+ for (i , st) in steps.iter().cloned().enumerate() {
+ {
+ let cls = st["classifier"].as_str().unwrap_or("").to_string();
+ let class = st["class"].as_str().unwrap_or("—").to_string();
+ let trained = st["trained"] == true;
+ let others: Vec<String> = classifiers.get(&cls).cloned().unwrap_or_default().into_iter().filter(|c| *c != class).collect();
+ let path = st["path"].clone();
+ let (m1, m2, m3) = (mark.clone(), mark.clone(), mark.clone());
+ let (p1, p2, p3) = (path.clone(), path.clone(), path.clone());
+ rsx! {
+ div { key: "{i}", class: "result tax-step",
+ span { class: "num", "{i + 1}" }
+ span { class: "t", b { "{cls}" } " → " if trained { "{class}" } else { span { class: "dim", "not trained yet" } } }
+ span { class: "p", if trained { {pct(st["prob"].as_f64().unwrap_or(0.0))} } }
+ span { class: "dim small", {scores(&st)} }
+ if trained {
+ button { class: "plain", "aria-label": "right: it is {class}", "data-tip": "right", onclick: move |_| m1(p1.clone(), true, None), Icon { name: "check" } }
+ button { class: "plain", "aria-label": "wrong: it isn't {class}", "data-tip": "wrong: which was it?",
+ onclick: move |_| asking.set(if asking() == Some(i) { None } else { Some(i) }), Icon { name: "close" } }
+ }
+ }
+ if asking() == Some(i) {
+ div { class: "row tax-which",
+ span { class: "dim small", "it was:" }
+ for o in others.iter().cloned() {
+ button { key: "{o}", class: "chip", onclick: { let (m, p, o) = (m2.clone(), p2.clone(), o.clone()); move |_| m(p.clone(), false, Some(o.clone())) }, "{o}" }
+ }
+ button { class: "plain", onclick: move |_| m3(p3.clone(), false, None), "none of these" }
+ }
+ }
+ }
+ }
+ }
+ if let Some(v) = got() {
+ p { class: "small",
+ if reached { {format!("ends in {}", v["class"].as_str().unwrap_or("—"))} } else { "stopped: a classifier on the way isn't trained" }
+ }
+ }
+ }
+ }
+}
diff --git a/hub/web/vendor/three.LICENSE b/app/vendor/three.LICENSE
similarity index 100%
rename from hub/web/vendor/three.LICENSE
rename to app/vendor/three.LICENSE
diff --git a/hub/web/vendor/three.module.min.js b/app/vendor/three.module.min.js
similarity index 100%
rename from hub/web/vendor/three.module.min.js
rename to app/vendor/three.module.min.js
diff --git a/app/web/.gitignore b/app/web/.gitignore
new file mode 100644
index 00000000..43ce0264
--- /dev/null
+++ b/app/web/.gitignore
@@ -0,0 +1,2 @@
+dist/*
+!dist/.gitkeep
diff --git a/app/web/boot.js b/app/web/boot.js
new file mode 100644
index 00000000..3687c904
--- /dev/null
+++ b/app/web/boot.js
@@ -0,0 +1,4 @@
+// starts the web app (a file of its own, so the hub's content security policy needn't
+// allow inline scripts)
+import init from './anend-app.js';
+init();
diff --git a/app/web/build.sh b/app/web/build.sh
new file mode 100755
index 00000000..fc2c9776
--- /dev/null
+++ b/app/web/build.sh
@@ -0,0 +1,14 @@
+#!/bin/sh
+# builds the web app into app/web/dist: the wasm, its bindings, the page and the icon.
+# Serve dist where the hub answers /app/ws (the hub's app API), e.g. beside it.
+set -e
+here=$(cd "$(dirname "$0")" && pwd)
+root=$(cd "$here/../.." && pwd)
+target=${CARGO_TARGET_DIR:-$root/target}
+cargo build -p anend-app --target wasm32-unknown-unknown --no-default-features --features web --release
+mkdir -p "$here/dist"
+wasm-bindgen --target web --no-typescript --out-dir "$here/dist" "$target/wasm32-unknown-unknown/release/anend-app.wasm"
+cp "$here/index.html" "$here/dist/index.html"
+cp "$here/boot.js" "$here/dist/boot.js"
+cp "$root/assets/icon.svg" "$here/dist/icon.svg"
+echo "built $here/dist"
diff --git a/app/web/dist/.gitkeep b/app/web/dist/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/app/web/index.html b/app/web/index.html
new file mode 100644
index 00000000..d0c57f21
--- /dev/null
+++ b/app/web/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>anend
+
+
+
+
+
+
+
+