Parcel frontend starts from html instead of Vue

Author: chengr4

site/frontend/package.json

@@ -30,32 +30,32 @@
   },
   "targets": {
     "dashboard": {
-      "source": "src/pages/dashboard.ts",
-      "distDir": "dist/scripts"
+      "source": "src/templates/dashboard.html",
+      "distDir": "dist/"
     },
     "status": {
-      "source": "src/pages/status.ts",
-      "distDir": "dist/scripts"
+      "source": "src/templates/status.html",
+      "distDir": "dist/"
     },
     "bootstrap": {
-      "source": "src/pages/bootstrap.ts",
-      "distDir": "dist/scripts"
+      "source": "src/templates/bootstrap.html",
+      "distDir": "dist/"
     },
     "graphs": {
-      "source": "src/pages/graphs.ts",
-      "distDir": "dist/scripts"
+      "source": "src/templates/graphs.html",
+      "distDir": "dist/"
     },
     "compare": {
-      "source": "src/pages/compare.ts",
-      "distDir": "dist/scripts"
+      "source": "src/templates/compare.html",
+      "distDir": "dist/"
     },
     "detailed-query": {
-      "source": "src/pages/detailed-query.ts",
-      "distDir": "dist/scripts"
+      "source": "src/templates/detailed-query.html",
+      "distDir": "dist/"
     },
-    "uplot": {
-      "source": "node_modules/uplot/dist/uPlot.min.css",
-      "distDir": "dist/styles"
+    "layout": {
+      "source": "src/templates/layout.html",
+      "distDir": "dist/"
     }
   },
   "browserslist": "> 0.5%, last 3 years, not dead",

site/frontend/templates/pages/bootstrap.html renamed to site/frontend/src/templates/bootstrap.html

@@ -1,6 +1,6 @@
 {% extends "layout.html" %}
 {% block head %}
-<link rel="stylesheet" href="styles/uPlot.min.css">
+<link rel="stylesheet" href="../../node_modules/uplot/dist/uPlot.min.css">
 <style>
     .uplot {
         display: inline-block;
@@ -48,5 +48,5 @@
 <div id="app"></div>
 {% endblock %}
 {% block script %}
-<script src="scripts/bootstrap.js"></script>
+<script type="module" src="../pages/bootstrap.ts"></script>
 {% endblock %}

site/frontend/templates/pages/compare.html renamed to site/frontend/src/templates/compare.html

@@ -1,6 +1,6 @@
 {% extends "layout.html" %}
 {% block head %}
-<link rel="stylesheet" href="styles/uPlot.min.css">
+<link rel="stylesheet" href="../../node_modules/uplot/dist/uPlot.min.css">
 
 <style>
     body {
@@ -71,13 +71,13 @@
     }
 </style>
 
-<link rel="stylesheet" type="text/css" href="scripts/compare.css">
+<!-- <link rel="stylesheet" type="text/css" href="scripts/compare.css"> -->
 {% endblock %}
 {% block content %}
 {% raw %}
 <div id="app"></div>
 {% endraw %}
 {% endblock %}
 {% block script %}
-<script src="scripts/compare.js"></script>
+<script type="module" src="../pages/compare.ts"></script>
 {% endblock %}

site/frontend/templates/pages/dashboard.html renamed to site/frontend/src/templates/dashboard.html

@@ -17,5 +17,5 @@
 <div id="as-of"></div>
 {% endblock %}
 {% block script %}
-<script src="scripts/dashboard.js"></script>
+<script type="module" src="../pages/dashboard.ts"></script>
 {% endblock %}

site/frontend/templates/pages/detailed-query.html renamed to site/frontend/src/templates/detailed-query.html

@@ -103,5 +103,5 @@ <h4>Artifact Size</h4>
 </div>
 {% endblock content %}
 {% block script %}
-<script src="scripts/detailed-query.js"></script>
+<script type="module" src="../pages/detailed-query.ts"></script>
 {% endblock script %}

site/frontend/templates/pages/graphs.html renamed to site/frontend/src/templates/graphs.html

@@ -1,6 +1,6 @@
 {% extends "layout.html" %}
 {% block head %}
-<link rel="stylesheet" href="styles/uPlot.min.css">
+<link rel="stylesheet" href="../../node_modules/uplot/dist/uPlot.min.css">
 <style>
     .uplot {
         display: inline-block;
@@ -43,10 +43,12 @@
         margin: 0;
     }
 </style>
+<!-- <link rel="stylesheet" type="text/css" href="graphs.css"> -->
+
 {% endblock %}
 {% block content %}
 <div id="app"></div>
 {% endblock %}
 {% block script %}
-<script src="scripts/graphs.js"></script>
+<script type="module" src="../pages/graphs.ts"></script>
 {% endblock %}

site/frontend/templates/pages/help.html renamed to site/frontend/src/templates/help.html

@@ -1,16 +1,16 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
   <meta charset="utf-8">
   <title>rustc performance data</title>
-  <link rel="alternate icon" type="image/png" href="/favicon-32x32.png">
-  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
-  <link rel="stylesheet" type="text/css" href="styles/shared.css">
+  <link rel="alternate icon" type="image/png" href="../../static/favicon.svg">
+  <link rel="icon" type="image/svg+xml" href="../../static/favicon-32x32.png">
+  <link rel="stylesheet" type="text/css" href="../../static/styles/shared.css">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   {% block head %}{% endblock %}
 </head>
 <body class="container">
-  <div>&gt; <a href="index.html">graphs</a>, <a href="compare.html">compare</a>,
+  <div>&gt; <a href="graphs.html">graphs</a>, <a href="compare.html">compare</a>,
     <a href="dashboard.html">dashboard</a>, <a href="bootstrap.html">bootstrap</a>,
     <a href="status.html">status</a>, <a href="help.html">help</a>.
   </div>

site/frontend/templates/layout.html renamed to site/frontend/src/templates/layout.html

@@ -1,10 +1,10 @@
 {% extends "layout.html" %}
 {% block head %}
-<link rel="stylesheet" type="text/css" href="scripts/status.css">
+<!-- <link rel="stylesheet" type="text/css" href="scripts/status.css"> -->
 {% endblock %}
 {% block content %}
 <div id="app"></div>
 {% endblock %}
 {% block script %}
-<script src="scripts/status.js"></script>
+<script type="module" src="../pages/status.ts"></script>
 {% endblock %}