polsevev/master
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

f

Browse source
This commit is contained in:
Rolf Martin Glomsrud 2024-05-31 15:27:32 +02:00
parent 3f43dcf186
commit e01f12721c
4 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.vscode/notes/lol.txt vendored Normal file
View file

@ -0,0 +1 @@
Add examples Of XSLT

BIN
build/report.pdf
View file

Binary file not shown.

2
chapter/ch3.tex
View file

@ -567,7 +567,7 @@ This section contains the definitions of the proposals used to evaluate the tool
The "Pipeline" proposal is one of the proposals presented in Section \ref{sec:proposals}. This proposal is applicable to call expressions, which are used all across JavaScript. This proposal is trying to solve readability when performing deeply nested function calls.
\begin{lstlisting}[language={JavaScript}, caption={Example of "Pipeline" proposal definition in \DSL}, label={def:pipeline}]
\begin{lstlisting}[language={JavaScript}, caption={Example of "Pipeline" proposal definition in \DSL}, label={def:pipeline}][H]
proposal Pipeline {
case SingleArgument {

20
chapter/ch5.tex
View file

@ -18,7 +18,7 @@ All these proposals have an impact on JavaScript, as they change how certain fun
\paragraph*{Next.js}~\cite{NEXT.JS} is one of the largest projects on the web. It is used with React~\cite{React} to enable feature such as server-sire rendering and static site generation.
\begin{figure}[H]
\begin{table}[H]
\begin{center}
\begin{tabular}{|c|c|c|c|c|}
\hline
@ -34,7 +34,7 @@ All these proposals have an impact on JavaScript, as they change how certain fun
\end{center}
\caption{Evaluation with Next.js source code}
\label{fig:evalNextJS}
\end{figure}
\end{table}
\begin{figure}[H]
\begin{lstlisting}[language={JavaScript}]
@ -95,7 +95,7 @@ html.match(/iframe/) ? 'fail' : 'success'
\paragraph*{Three.js}~\cite{ThreeJS} is a library for 3D rendering in JavaScript. It is written purely in JavaScript and uses GPU for 3D calculations. It being a popular JavaScript library, and being written in mostly pure JavaScript makes it a good case study for our tool. It currently sits at over 1 million downloads weekly.
\begin{figure}[H]
\begin{table}[H]
\begin{center}
\begin{tabular}{|c|c|c|c|}
\hline
@ -111,7 +111,7 @@ html.match(/iframe/) ? 'fail' : 'success'
\end{center}
\caption{Evaluation with Three.js source code}
\label{fig:evalThreeJS}
\end{figure}
\end{table}
\begin{figure}[H]
\begin{lstlisting}[language={JavaScript}]
@ -127,7 +127,7 @@ frameTime
\paragraph*{React}~\cite{React} is a graphical user interface library for JavaScript, it facilitates the creation of user interfaces for both web and native platforms. React is based upon splitting a user interface into components for simple development. It is currently one of the most popular libraries for creating web apps and has over 223000 stars on Github.
\begin{figure}[H]
\begin{table}[H]
\begin{center}
\begin{tabular}{|c|c|c|c|}
\hline
@ -143,7 +143,7 @@ frameTime
\end{center}
\caption{Evaluation with React source code}
\label{fig:evalReact}
\end{figure}
\end{table}
\begin{figure}[H]
\begin{lstlisting}[language={JavaScript}]
@ -163,7 +163,7 @@ const logger = {
\paragraph*{Bootstrap}~\cite{Bootstrap} is a front-end framework used for creating responsive and mobile-first websites, it comes with a variety of built-in components, as well as a built in styling. This styling is also customizable using CSS. This library is a good evaluation point for this thesis as it is written in pure JavaScript and is used by millions of developers.
\begin{figure}[H]
\begin{table}[H]
\begin{center}
\begin{tabular}{|c|c|c|c|}
\hline
@ -179,7 +179,7 @@ const logger = {
\end{center}
\caption{Evaluation with Bootstrap source code}
\label{fig:evalBootstrap}
\end{figure}
\end{table}
\begin{figure}[H]
\begin{lstlisting}[language={JavaScript}]
@ -201,7 +201,7 @@ if (content |> isElement(%)) {
\paragraph*{Atom}~\cite{Atom} is a text editor made in JavaScript using the Electron framework. It was created to give a very minimal and modular text editor. It was bought by Microsoft, and later discontinued in favor for Visual Studio Code.
\begin{figure}[H]
\begin{table}[H]
\begin{center}
\begin{tabular}{|c|c|c|c|}
\hline
@ -217,7 +217,7 @@ if (content |> isElement(%)) {
\end{center}
\caption{Evaluation with Atom source code}
\label{fig:evalAtom}
\end{figure}
\end{table}
\begin{figure}[H]