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

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

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

Binary file not shown.

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. 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 { proposal Pipeline {
case SingleArgument { case SingleArgument {

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. \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{center}
\begin{tabular}{|c|c|c|c|c|} \begin{tabular}{|c|c|c|c|c|}
\hline \hline
@ -34,7 +34,7 @@ All these proposals have an impact on JavaScript, as they change how certain fun
\end{center} \end{center}
\caption{Evaluation with Next.js source code} \caption{Evaluation with Next.js source code}
\label{fig:evalNextJS} \label{fig:evalNextJS}
\end{figure} \end{table}
\begin{figure}[H] \begin{figure}[H]
\begin{lstlisting}[language={JavaScript}] \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. \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{center}
\begin{tabular}{|c|c|c|c|} \begin{tabular}{|c|c|c|c|}
\hline \hline
@ -111,7 +111,7 @@ html.match(/iframe/) ? 'fail' : 'success'
\end{center} \end{center}
\caption{Evaluation with Three.js source code} \caption{Evaluation with Three.js source code}
\label{fig:evalThreeJS} \label{fig:evalThreeJS}
\end{figure} \end{table}
\begin{figure}[H] \begin{figure}[H]
\begin{lstlisting}[language={JavaScript}] \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. \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{center}
\begin{tabular}{|c|c|c|c|} \begin{tabular}{|c|c|c|c|}
\hline \hline
@ -143,7 +143,7 @@ frameTime
\end{center} \end{center}
\caption{Evaluation with React source code} \caption{Evaluation with React source code}
\label{fig:evalReact} \label{fig:evalReact}
\end{figure} \end{table}
\begin{figure}[H] \begin{figure}[H]
\begin{lstlisting}[language={JavaScript}] \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. \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{center}
\begin{tabular}{|c|c|c|c|} \begin{tabular}{|c|c|c|c|}
\hline \hline
@ -179,7 +179,7 @@ const logger = {
\end{center} \end{center}
\caption{Evaluation with Bootstrap source code} \caption{Evaluation with Bootstrap source code}
\label{fig:evalBootstrap} \label{fig:evalBootstrap}
\end{figure} \end{table}
\begin{figure}[H] \begin{figure}[H]
\begin{lstlisting}[language={JavaScript}] \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. \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{center}
\begin{tabular}{|c|c|c|c|} \begin{tabular}{|c|c|c|c|}
\hline \hline
@ -217,7 +217,7 @@ if (content |> isElement(%)) {
\end{center} \end{center}
\caption{Evaluation with Atom source code} \caption{Evaluation with Atom source code}
\label{fig:evalAtom} \label{fig:evalAtom}
\end{figure} \end{table}
\begin{figure}[H] \begin{figure}[H]