From 900620f0fbcb93ac2f91877c006378496394591b Mon Sep 17 00:00:00 2001 From: Process-ing Date: Mon, 17 Feb 2025 23:21:51 +0000 Subject: [PATCH 1/2] Add development environment setup --- README.md | 38 ++++++++++++++++++++++++++++++++++++-- 1 file changed, 36 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 8dba2f8..795c405 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ Clava integration of LARA's web tool for visualization and analysis of the AST and its source code. -For more details, see the [LARA Framework repository](https://github.com/specs-feup/lara-framework). +For more details, see the [LARA visualization tool repository](https://github.com/specs-feup/lara-visualization) and the [Clava repository](https://github.com/specs-feup/clava). ## Usage @@ -31,4 +31,38 @@ VisualizationTool.port; // port to which the server is listening VisualizationTool.hostname; // hostname to which the server is listening ``` -For more details, refer to the `GenericVisualizationTool` documentation, from [LARA](https://github.com/specs-feup/lara-framework). \ No newline at end of file +For more details, refer to the `GenericVisualizationTool` documentation, from [LARA](https://github.com/specs-feup/lara-framework). + +## Development Environment + +To configure the development environment, firstly do the [setup described in Clava-JS](do the setup described in Clava-JS). Then, clone the visualization tool repositories: + +```bash +git clone -b feature/ast-visualization https://github.com/specs-feup/lara-visualization.git +git clone -b feature/ast-visualization https://github.com/specs-feup/clava-visualization.git +``` + +Edit the base folder's `package.json` to the following: + +```bash +{ + "type": "module", + "workspaces": [ + "clava/Clava-JS", + "lara-framework/Lara-JS", + "lara-visualization", + "clava-visualization" + ] +} +``` + +Then, execute the following commands to finish the compilation procedure: + +```bash +npm install +npm run build -w lara-visualization +npm run build -w clava-visualization +npm install +``` + +After this, you you should be able to use the tool in your project by following the instructions described in the previous section. From 6ba384adccb402a5b3dfb7a97a60a54734653768 Mon Sep 17 00:00:00 2001 From: Process-ing Date: Mon, 21 Jul 2025 22:29:51 +0100 Subject: [PATCH 2/2] Fix Clava-JS setup link --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 795c405..bb418a3 100644 --- a/README.md +++ b/README.md @@ -35,7 +35,7 @@ For more details, refer to the `GenericVisualizationTool` documentation, from [L ## Development Environment -To configure the development environment, firstly do the [setup described in Clava-JS](do the setup described in Clava-JS). Then, clone the visualization tool repositories: +To configure the development environment, firstly do the [setup described in Clava-JS](https://github.com/specs-feup/clava/tree/master/Clava-JS#installing-dev-environment). Then, clone the visualization tool repositories: ```bash git clone -b feature/ast-visualization https://github.com/specs-feup/lara-visualization.git