CrossLanguageSpotter: A Library for Detecting Relations in Polyglot Frameworks

CrossLanguageSpotter: CrossLanguageSpotter: A Library for Detecting RelationsA Library for Detecting Relations

in Polyglot Frameworksin Polyglot Frameworks

Federico Tomassetti, Giuseppe Rizzo, Raphaël Troncy

@giusepperizzo @rtroncy@raindancer

CREATE TABLE Persons ( ID int, FirstName varchar(255), LastName varchar(255), City varchar(255));

String query = "select ID, FirstName, LastName, " + "City " + "from " + dbName + ".Persons"; try { ... while (rs.next()) { int id = rs.getInt("ID"); String firstName = rs.getString("FirstName"); String lastName = rs.getString("LastName"); String city= rs.getString("City"); } } catch (SQLException e ) { ......}

data.sql

Person.java

CREATE TABLE Persons ( ID int, FirstName varchar(255), LastName varchar(255), City varchar(255));

String query = "select ID, FirstName, LastName, " + "City " + "from " + dbName + ".Persons"; try { ... while (rs.next()) { int id = rs.getInt("ID"); String firstName = rs.getString("FirstName"); String lastName = rs.getString("LastName"); String city= rs.getString("City"); } } catch (SQLException e ) { (Hopefully it does not happen)}

data.sql

Person.java

We were able to identify cross-language relations at compile time?

So I am aware that this ID is related to something else

If we could automatically identifyIf we could automatically identifycross-language relations we could:cross-language relations we could:

- Highlight them- Highlight them

- Support refactoring- Support refactoring

- Validate them- Validate them

- Navigate them- Navigate them

If I change one end, the connected elements are updated











See broken relations as errors

If we could automatically identify If we could automatically identify cross-language relations we could:cross-language relations we could:




- Navigate them- Navigate themClick to see the other side of the relation

Shared id

Shared id

HOW?

Shared id

1. Build ASTs1. Build ASTs2. Look for pairs of ID2. Look for pairs of ID3. Understand if each pair is 3. Understand if each pair is really related or not really related or not exploiting the semantic of exploiting the semantic of the contextthe context

HOW?

<ul id="types"><li ng-repeat="t in types" ng-class="{'selected': t.id == type}">

<a ng-href="#/{{t.id}}">{{t.title}}</a></li>

</ul>

var types = [ { id: 'sliding-puzzle', title: 'Sliding puzzle' }, { id: 'word-search-puzzle', title: 'Word search puzzle' }];

index.html

app.js

app.controller('slidingAdvancedCtrl', function($scope) { $scope.puzzles = [ { src: './img/misko.jpg', title: 'Miško Hevery', rows: 4, cols: 4 }, { src: './img/igor.jpg', title: 'Igor Minár', rows: 3, cols: 3 }, { src: './img/vojta.jpg', title: 'Vojta Jína', rows: 4, cols: 3 } ];});

<div ng-repeat="puzzle in puzzles"><h2>{{puzzle.title}}</h2>…

</div>

April 10, 2014 13/2123rd World Wide Web Conference (WWW'14) Dev Track

What about web applications?

Large use of several programming

languages within the same application (HTML, CSS, JS,

python, Java, C#, … )

htpp://www.eurecom.fr/


Let's pick up an example

http://git.io/yh_Q0Qangular-puzzle

http://git.io/yh_Q0Q



How to integrate?

http://youtu.be/4vi46nCl1Xw




CrossLanguageSpotter

does the magic

AST builder

RandomTree

Classifier

.js

.html

<p1> <conf> <true><p2> <conf> <false>…<pn> <conf> <false>

FeatureExtraction


Embedded AST (prendo immagine da paper)

AST Builder


Feature Extraction and Relations Spotter

Feature Extraction(contextual features)

Tomassetti F., Rizzo G., Torchiano M. (2014), Spotting Automatically Cross-Language Relations. In Conference on Software Maintenance, Reengineering and Reverse Engineering (CSMR-WCRE'14), Antwerp, Belgium.

<p1> f(1,1) f(1,2) ...<p2> f(2,1) f(2,2) ...…<pn> f(n,1) f(n,2) ...

shar

ed_l

engt

hitf

idf_

shar

ed%

_sha

red_

leng

th_m

in

%_s

hare

d_le

ngth

_max

diff_

min

Leve

nsht

ein

Jacc

ard

Jaro

Tver

sky

<p1> <conf> <true><p2> <conf> <false>…<pn> <conf> <false>

RandomTree(classifier)



Principles and experimentally assessed

Tomassetti F., Rizzo G., Torchiano M. (2014), Spotting Automatically Cross-Language Relations. In Conference on Software Maintenance, Reengineering and Reverse Engineering (CSMR-WCRE'14), Antwerp, Belgium.



Thanks for your time and attention

http://www.slideshare.net/giusepperizzo

http://git.io/rlHrvg


http://www.slideshare.net/giusepperizzo

http://git.io/rlHrvg



CrossLanguageSpotter: A Library for Detecting Relations in Polyglot Frameworks

Science

Transcript of CrossLanguageSpotter: A Library for Detecting Relations in Polyglot Frameworks