# Smithereens [Smithreens][sm] (also known as `pgfinder-next`) is written in [Rust][rust] and is intended to be used in the [Web Assembly][wass] framework as a backend to the [PGFinder][pgfinder] WebUI. Its purpose is to take structures in PGLang, calculate their monoisotopic masses for performing an MS1 search, then simulating the fragmentation of those structures to enable MS2 analysis. ## Integration with PGFinder [PGFinder][pgfinder] currently consists of two components, a Python library for analysing the mass spectroscopy of bacterial cell walls and determining the likely structure of constituents and a WebUI written in JavaScript framework [svelte][svelte] which considerably lowers the barrier to usage. The current deployment of the WebUI can be found [here][pgfinder_web] (see also [PGFinder documentation][pgfinder_docs]). The array of peptidoglycans is vast and the purpose of Smithereens is to allow users to specify their own list of muropeptide structures and have these molecular masses serve as input to the current [PGFinder][pgfinder]. Because of the stack (set of software) being used in the project and the fact that it is currently under heavy development means automated deployment is not yet in place. Until this build process is automated, the following steps are required to build the software and integrate it with the WebUI. ### Pre-requisites There are a number of pre-requisites to working with Rust. How you install these will depend on your operating system. + [Rust][rust] You may already have this installed system wide (check with `which rustc`) but it is recommended you install under your user account using [rustup][rustup], as of writing the minimum supported version is 1.79.0. The `smithereens` / `pgfinder-next` repository currently exists as a sub-repo of the [PGFinder][pgfinder] repository in the `smithereens/` directory. If, however, this is your first time cloning the `pgfinder` repository, then you may need to initialise the submodule: ```bash git clone https://github.com/Mesnage-Org/pgfinder.git cd pgfinder # Now initialize the `smithereens` submodule git submodule update --init --recursive ``` ### Building the Package Rust packages are configured via the `Cargo.toml` which is used by [Cargo][cargo] the Rust package manager to build the package. This handles downloading dependencies, compiling the package and making binaries that can be used. Once you are on the correct branch (`pgfinder-2` as of 2024-07-22) it is simple to use Cargo to ``` bash cargo build ``` ### Build the Package for Web Assembly The [Rust and WebAssembly][rust_wasm] book has a useful tutorial that can inform how to build packages for use in WebAssembly. First you need to have the [`wasm-pack`][wasm-pack] Rust package installed, you can install this using Cargo. ``` bash cargo install wasm-pack ``` `wasm-pack` undertakes building the package using `wasm32-unknown-unknown` as a target. This needs to be installed using [`rustup`][rustup] but not all systems will have this installed as some will have [`rustc`][rustc] installed instead. There are [instructions][wasm32-unknown-unknown] on how to do this which are shown below (indented lines are output) ``` bash ❱ rustc --version rustc 1.79.0 (129f3b996 2024-06-10) ❱ mkdir tmp && cd tmp ❱ wget https://static.rust-lang.org/dist/rust-std-1.79.0-wasm32-unknown-unknown.tar.gz ❱ tar xzvf rust-std-1.79.0-wasm32-unknown-unknown.tar.gz ❱ cd rust-std-1.79.0-wasm32-unknown-unknown ❱ rustc --print sysroot /usr/lib/rustlib/ ``` Under this directory you should find `lib/rustlib` (i.e. in this example the full path is `/usr/lib/rustlib/`) and the file `rust-std-1.79.0-wasm32-unknown-unknown/rust-std-wasm32-unknown-unknown/lib/rustlib/wasm32-unknown-unknown` needs copying there. Those familiar with UNIX like operating systems will have recognised that this is a directory that normal users can not access, so you either need `root` access or to be in the `sudo` group that permits access. The following steps were undertaken as `root` ``` bash cp -r /home/neil/work/git/hub/TheLostLambda/smithereens/tmp/rust-std-1.79.0-wasm32-unknown-unknown/rust-std-wasm32-unknown-unknown/lib/rustlib/wasm32-unknown-unknown /usr/lib/rustlib/. ``` `wasm-pack` can then be used to build the `wasm-shim` packaage / crate which contains the code needed to run `smithereens` from the WebUI: ``` bash cd crates/wasm-shim/ wasm-pack build --out-name smithereens --target web ``` ### Copying to PGFinder The generated package artifacts are located in the `pkg/` directory and it is these that need copying to `web/smithereens/pkg`. The [Hello World!](https://rustwasm.github.io/docs/book/game-of-life/hello-world.html) page from the Rust and [[WebAssembly][wa] book is informative as to what each file is/does. ``` bash $ ls -l pkg/ total 5748 -rw-r--r-- 1 neil neil 292 Mar 6 10:44 package.json -rw-r--r-- 1 neil neil 1574 Mar 6 10:44 README.md -rw-r--r-- 1 neil neil 10719 Mar 6 10:44 smithereens_bg.js -rw-r--r-- 1 neil neil 5852244 Mar 6 10:44 smithereens_bg.wasm -rw-r--r-- 1 neil neil 702 Mar 6 10:44 smithereens_bg.wasm.d.ts -rw-r--r-- 1 neil neil 352 Mar 6 10:44 smithereens.d.ts -rw-r--r-- 1 neil neil 160 Mar 6 10:44 smithereens.js ``` | **File** | **Description** | |:---------------|:------------------------------------------------------------------------------------------------------------------------------------------------------| | `*.wasm` | The WebAssembly binary created from source by the Rust compiler. | | `*.js` | "_contains JavaScript glue for importing DOM and JavaScript functions into Rust and exposing a nice API to the WebAssembly functions to JavaScript._" | | `*.d.ts` | "_contains TypeScript type declarations for the JavaScript glue._" | | `package.json` | "_[The package.json file contains metadata about the generated JavaScript and WebAssembly package.](https://docs.npmjs.com/files/package.json)_" | Before copying these artefacts, make sure that the old ones have been deleted from the `web/smithereens/` directory: ```bash rm -r ../../../web/smithereens/pkg/ cp -r pkg/ ../../../web/smithereens/ ``` After this, your changes to `smithereens` should be visible from the WebUI (after re-running `pnpm dev`). [cargo]: https://doc.rust-lang.org/cargo/ [pgfinder]: https://github.com/Mesnage-Org/pgfinder [pginder_docs]: https://pgfinder.readthedocs.io/en/latest/ [pgfinder_web]: https://mesnage-org.github.io/pgfinder/ [rust]: https://doc.rust-lang.org/stable/book/ [rustup]: https://www.rust-lang.org/tools/install [rust_wasm]: https://rustwasm.github.io/docs/book/game-of-life/hello-world.html [sm]: https://github.com/TheLostLambda/smithereens [svelte]: https://svelte.dev/docs/introduction [ts]: https://www.typescriptlang.org/ [wass]: https://webassembly.org/ [wasm-pack]: https://rustwasm.github.io/docs/wasm-pack/ [wasm32-unknown-unknown]: https://rustwasm.github.io/docs/wasm-pack/prerequisites/non-rustup-setups.html