diff --git a/.vscode/notes/lol.txt b/.vscode/notes/lol.txt new file mode 100644 index 0000000..ffefe7b --- /dev/null +++ b/.vscode/notes/lol.txt @@ -0,0 +1 @@ +Add examples Of XSLT diff --git a/build/report.pdf b/build/report.pdf index 1a91a00..0c23a08 100644 Binary files a/build/report.pdf and b/build/report.pdf differ diff --git a/chapter/ch3.tex b/chapter/ch3.tex index e148552..7a76fde 100644 --- a/chapter/ch3.tex +++ b/chapter/ch3.tex @@ -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 { diff --git a/chapter/ch5.tex b/chapter/ch5.tex index 61311bd..7fceb8a 100644 --- a/chapter/ch5.tex +++ b/chapter/ch5.tex @@ -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]