aphd / paso Goto Github PK

Bibtex reference. Many readers are from the academic World. In case you are using PASO for some of your work, you can find a BibTex entry online.

@INPROCEEDINGS{9050263,  
    author={G. {Antonio Pierro} and R. {Tonelli}},  
    booktitle={2020 IEEE International Workshop on Blockchain Oriented Software Engineering (IWBOSE)},  
    title={PASO: A Web-Based Parser for Solidity Language Analysis},   
    year={2020},  
    volume={},  
    number={},  
    pages={16-21},
}

Add link to https://ieeexplore.ieee.org/document/9050263

** Visualizing Smart Contract Code through Abstract Syntax Tree Analysis **

References: https://github.com/ivan111/vtree

Options available to build form feedback are:

1. https://getbootstrap.com/docs/4.4/components/forms/#server-side
2. Form libraries and server rendered styles.

To fix the building process you need to remove Router

I need to automate Javascript minification, for now, yarn build performs "build": "rm -rf docs; react-scripts build && mv build docs"

For an unknown reason, react-scripts build fails while uglify-es is successful.

For now, the process to build the app is manual.

view-source:http://localhost:3000/
cd docs
wget *.js
../node_modules/uglify-es/bin/uglifyjs bundle.js 1.chunk.js main.chunk.js -o 1.js -c

References:

• make a test on a heavy calculation in js
• useContext and move handleFormSubmit from index.jsx to metric-form.
• https://github.com/aphd/smac-corpus/blob/master/src/components/cart.jsx

Yarn build causes solidity-parser-antlr to produce a fake tree.

I need to test the following solution:

1. minify

You can manage two levels of undefined with the Optional chaining.

Academic References

• Visualizing Software Systems as Cities (Wettel-Lanza-2007.pdf)
• A Solar System Metaphor for 3D Visualisation of Object Oriented Software Metrics (solar-system-metaphor.pdf)
• http://agilevisualization.com/AgileVisualization/Moose/0306-Moose.html
• Code Flows: Visualizing Structural Evolution of Source Code
• Visualizing Object-oriented Software for Understanding and Documentation

Company References

• https://www.imagix.com/appnotes/source-code-visualization.html

Open Source References

• https://github.com/naddison36/sol2uml
• http://www.redotheweb.com/CodeFlower/
• https://www.npmjs.com/package/arkit
• https://vanya.jp.net/vtree/
• https://github.com/leon-thomm/Ryven

Keywords

• Visualizing the code distribution
• Visualizing cross-cutting concerns

Notes

Application Examples
Getting a first overview: The programmer wants first to get a global overview of the code changes.
Figure XXX tells several things at a glance.
Checking design rules and find design violation
Discussion with a team member.
Visualizing events of interest

An example of nested source code object is the smart contract available at this address 0x6fa85aa3f44f296de1294e3c097872235215b822.

1. Awesomplete GitHub
2. Awesomplete Demo

The code to add is

import ReactGA from "react-ga";

...

        ReactGA.initialize("UA-155858412-1");
        ReactGA.pageview(window.location.pathname);

This issus is related to the minify issue #18

https://www.npmjs.com/package/solidity-parser-diligence

facebook/create-react-app#7183 (comment)
reference: facebook/create-react-app#7183

https://reacttraining.com/react-router/web/example/basic

The globalThis property provides a standard way of accessing the global this value (and hence the global object itself) across environments.

Reference: https://github.com/aphd/smac-corpus/issues/16