react-rust-ontology-editor

O código fonte aqui presente pertence ao projeto de elaboração do editor de ontologias Knowledge Graph Web Editor (KGWE). Este projeto, bem como a monografia, serão utilizados para obtenção do título de mestre pelo programa de pós graduação da USP (ICMC - São Carlos).

Instalação

1. Ferramentas necessárias
1.1 NodeJS

O NodeJS é um interpretador de código JavaScript que funciona do lado do servidor. Utilizaremos ele para subir um servidor com o nosso front-end de demonstração. Basta realizar o download do executável e efetuar a instalação do mesmo. Para mais informações sobre o NodeJS, acesse a documentação.

1.2 GIT

O GIT é um sistema de controle de versão distribuído e um sistema de gerenciamento de código fonte, com ênfase em velocidade. Utilizaremos ele para realizar a cópia (clone) do repositório, criar ramificações (branch) com nossas alterações, entre outros. Basta realizar o download do executável e efetuar a instalação do mesmo. Para mais informações sobre o GIT, acesse a documentação. Obs.: Há outras possibilidades para realizar as atividades acima, por exemplo, SourceTree ou TortoiseGIT.

1.3 Editor de texto

É recomendado o uso de qualquer um dos seguintes editores: IntelliJ IDEA, Visual Studio Code, Notepad++ ou Sublime Text devido aos plugins e aditivos que aumentam e melhoram a produtividade durante a etapa de desenvolvimento.

1.4 Rust

Instalar (usuários Windows) => rustup-init.exe (https://win.rustup.rs/)

1.5 Procedimentos de Instalação
  • Passo 1 (ação): abrir o terminal de comando e navegar até a raiz do projeto (onde está localizado o arquivo Cargo.toml)
  • Passo 2 (execute o comando): rustup update nightly
  • Passo 3 (execute o comando): rustup target add wasm32-unknown-unknown --toolchain=nightly
  • Passo 4 (execute o comando): cargo +nightly install wasm-bindgen-cli
  • Passo 5 (execute o comando): cargo +nightly build --target wasm32-unknown-unknown
  • Passo 6 (execute o comando): wasm-bindgen target/wasm32-unknown-unknown/debug/react_rust_ontology_editor.wasm --out-dir build
  • Passo 7 (execute o comando): npm run build-wasm && npm run build-bindgen && npx webpack
  • Passo 8 (execute o comando): npm install

Execução do projeto

2. Procedimentos de execução

Para execução do projeto abra dois terminais de comando distintos. No primeiro terminal execute o comando: npm run serve No segundo terminal, execute o comando: npm run watch

O comando npm run serve irá executar o bundle gerado pelo webpack O comando npm run watch irá executar o watch sobre os arquivos, gerando novos builds após alterações em classes Rust.