Merge pull request #295 from yileifeng/vite-build

Upgrade build from Vue CLI to Vite
ramp4-pcar4 · Jul 11, 2024 · 1b7260e · 1b7260e
2 parents a6f7431 + 33ec4c6
commit 1b7260e
Show file tree

Hide file tree

Showing 64 changed files with 5,183 additions and 37,647 deletions.
diff --git a/.env b/.env
@@ -1,3 +1,3 @@
-VUE_APP_API_URL=#{API_URL}#
-VUE_APP_CURR_ENV=#{CURR_ENV}#
-VUE_APP_NET_API_URL=#{NET_API_URL}#
+VITE_APP_API_URL=#{API_URL}#
+VITE_APP_CURR_ENV=#{CURR_ENV}#
+VITE_APP_NET_API_URL=#{NET_API_URL}#
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-# RAMP Storylines Editor (formerly StoryRAMP)
+# RAMP Storylines Editor
 
 RAMP Storylines Editor is an implementation of [RAMP4](https://github.com/ramp4-pcar4/ramp4-pcar4) (the mapping framework), [RAMP4 Config Editor](https://github.com/ramp4-pcar4/config-editor) (used to create map configurations), [Highcharts Editor](https://www.highcharts.com/blog/products/highcharts-editor/) (used to create interactive charts and graphs), and [Storylines](https://github.com/ramp4-pcar4/story-ramp) (used to host and display the created product).
 
@@ -23,7 +23,7 @@ npm install
 ### Compiles and hot-reloads for development
 
 ```
-npm run serve
+npm run dev
 ```
 
 ### Compiles and minifies for production

diff --git a/babel.config.js b/babel.config.js
diff --git a/public/favicon.ico → favicon.ico b/public/favicon.ico → favicon.ico
diff --git a/public/favicon.svg → favicon.svg b/public/favicon.svg → favicon.svg
diff --git a/public/help/en.md → help/en.md b/public/help/en.md → help/en.md
diff --git a/public/help/fr.md → help/fr.md b/public/help/fr.md → help/fr.md
diff --git a/...ic/help/images/datatable/applyFilters.png → help/images/datatable/applyFilters.png b/...ic/help/images/datatable/applyFilters.png → help/images/datatable/applyFilters.png
diff --git a/...ic/help/images/datatable/clearFilters.png → help/images/datatable/clearFilters.png b/...ic/help/images/datatable/clearFilters.png → help/images/datatable/clearFilters.png
diff --git a/public/help/images/datatable/close.png → help/images/datatable/close.png b/public/help/images/datatable/close.png → help/images/datatable/close.png
diff --git a/public/help/images/datatable/collapse.png → help/images/datatable/collapse.png b/public/help/images/datatable/collapse.png → help/images/datatable/collapse.png
diff --git a/public/help/images/datatable/expand.png → help/images/datatable/expand.png b/public/help/images/datatable/expand.png → help/images/datatable/expand.png
diff --git a/...ic/help/images/datatable/extentFilter.png → help/images/datatable/extentFilter.png b/...ic/help/images/datatable/extentFilter.png → help/images/datatable/extentFilter.png
diff --git a/public/help/images/datatable/minimize.png → help/images/datatable/minimize.png b/public/help/images/datatable/minimize.png → help/images/datatable/minimize.png
diff --git a/public/help/images/datatable/showFilters.png → help/images/datatable/showFilters.png b/public/help/images/datatable/showFilters.png → help/images/datatable/showFilters.png
diff --git a/public/help/images/datatable/toggleCols.png → help/images/datatable/toggleCols.png b/public/help/images/datatable/toggleCols.png → help/images/datatable/toggleCols.png
diff --git a/public/help/images/layer/addLayer.png → help/images/layer/addLayer.png b/public/help/images/layer/addLayer.png → help/images/layer/addLayer.png
diff --git a/public/help/images/layer/datatable.png → help/images/layer/datatable.png b/public/help/images/layer/datatable.png → help/images/layer/datatable.png
diff --git a/public/help/images/layer/legend.png → help/images/layer/legend.png b/public/help/images/layer/legend.png → help/images/layer/legend.png
diff --git a/public/help/images/layer/metadata.png → help/images/layer/metadata.png b/public/help/images/layer/metadata.png → help/images/layer/metadata.png
diff --git a/public/help/images/layer/reload.png → help/images/layer/reload.png b/public/help/images/layer/reload.png → help/images/layer/reload.png
diff --git a/public/help/images/layer/remove.png → help/images/layer/remove.png b/public/help/images/layer/remove.png → help/images/layer/remove.png
diff --git a/public/help/images/layer/reorderLayers.png → help/images/layer/reorderLayers.png b/public/help/images/layer/reorderLayers.png → help/images/layer/reorderLayers.png
diff --git a/public/help/images/layer/settings.png → help/images/layer/settings.png b/public/help/images/layer/settings.png → help/images/layer/settings.png
diff --git a/public/help/images/layer/toggleGroups.png → help/images/layer/toggleGroups.png b/public/help/images/layer/toggleGroups.png → help/images/layer/toggleGroups.png
diff --git a/...ic/help/images/layer/toggleVisibility.png → help/images/layer/toggleVisibility.png b/...ic/help/images/layer/toggleVisibility.png → help/images/layer/toggleVisibility.png
diff --git a/public/help/images/layer/zoomBoundary.png → help/images/layer/zoomBoundary.png b/public/help/images/layer/zoomBoundary.png → help/images/layer/zoomBoundary.png
diff --git a/public/help/images/navigation/basemaps.png → help/images/navigation/basemaps.png b/public/help/images/navigation/basemaps.png → help/images/navigation/basemaps.png
diff --git a/public/help/images/navigation/fullscreen.png → help/images/navigation/fullscreen.png b/public/help/images/navigation/fullscreen.png → help/images/navigation/fullscreen.png
diff --git a/public/help/images/navigation/geolocate.png → help/images/navigation/geolocate.png b/public/help/images/navigation/geolocate.png → help/images/navigation/geolocate.png
diff --git a/public/help/images/navigation/help.png → help/images/navigation/help.png b/public/help/images/navigation/help.png → help/images/navigation/help.png
diff --git a/public/help/images/navigation/home.png → help/images/navigation/home.png b/public/help/images/navigation/home.png → help/images/navigation/home.png
diff --git a/public/help/images/navigation/zoomin.png → help/images/navigation/zoomin.png b/public/help/images/navigation/zoomin.png → help/images/navigation/zoomin.png
diff --git a/public/help/images/navigation/zoomout.png → help/images/navigation/zoomout.png b/public/help/images/navigation/zoomout.png → help/images/navigation/zoomout.png
diff --git a/public/help/images/overview/toggle.png → help/images/overview/toggle.png b/public/help/images/overview/toggle.png → help/images/overview/toggle.png
diff --git a/public/index-ca-en.html → index-ca-en.html b/public/index-ca-en.html → index-ca-en.html
@@ -9,6 +9,7 @@
 
         <script src="https://code.highcharts.com/highcharts.js" type="text/javascript" charset="utf-8"></script>
         <script src="https://code.highcharts.com/modules/data.js" type="text/javascript" charset="utf-8"></script>
+        <script src="scripts/highcharts-editor/highcharts-editor.complete.js" type="text/javascript"></script>
 
         <!-- replace `rn` in the url with a version number ("v4_0_30" for example) if desired -->
         <script
@@ -20,24 +21,21 @@
             src="https://www.canada.ca/etc/designs/canada/cdts/gcweb/rn/cdts/compiled/wet-en.js"
         ></script>
         <link rel="stylesheet" href="scripts/highcharts-editor/highcharts-editor.min.css" />
-        <link rel="stylesheet" href="scripts/ramp4/ramp.css" />
 
-        <!-- top reference links and no-script fallback -->
-        <noscript> <%= require('html-loader!../src/assets/static/cdts/refTop.html') %> </noscript>
         <script type="text/javascript">
             document.write(wet.builder.refTop({}));
         </script>
     </head>
     <body>
         <!-- template top and no-script fallback -->
-        <div id="def-top">d<%= require('html-loader!../src/assets/static/cdts/top-en.html') %></div>
+        <div id="def-top"></div>
 
         <div id="wb-cont">
             <div id="app"></div>
         </div>
 
         <!-- template footer and no-script fallback -->
-        <div id="def-footer"><%= require('html-loader!../src/assets/static/cdts/footer-en.html') %></div>
+        <div id="def-footer"></div>
 
         <script type="text/javascript">
             // URL Parsing for Language Switch
@@ -104,8 +102,7 @@
             document.write(wet.builder.refFooter({}));
         </script>
 
-        <script src="scripts/highcharts-editor/highcharts-editor.complete.js"></script>
-        <script src="scripts/ramp4/ramp.js"></script>
+        <script type="module" src="/src/main.ts"></script>
 
         <style>
             html {

diff --git a/public/index-ca-fr.html → index-ca-fr.html b/public/index-ca-fr.html → index-ca-fr.html
@@ -9,6 +9,7 @@
 
         <script src="https://code.highcharts.com/highcharts.js" type="text/javascript" charset="utf-8"></script>
         <script src="https://code.highcharts.com/modules/data.js" type="text/javascript" charset="utf-8"></script>
+        <script src="scripts/highcharts-editor/highcharts-editor.complete.js" type="text/javascript"></script>
 
         <!-- replace `rn` in the url with a version number ("v4_0_30" for example) if desired -->
         <script
@@ -22,22 +23,20 @@
         <link rel="stylesheet" href="scripts/highcharts-editor/highcharts-editor.min.css" />
         <link rel="stylesheet" href="scripts/ramp4/ramp.css" />
 
-        <!-- top reference links and no-script fallback -->
-        <noscript> <%= require('html-loader!../src/assets/static/cdts/refTop.html') %> </noscript>
         <script type="text/javascript">
             document.write(wet.builder.refTop({}));
         </script>
     </head>
     <body>
         <!-- template top and no-script fallback -->
-        <div id="def-top">d<%= require('html-loader!../src/assets/static/cdts/top-fr.html') %></div>
+        <div id="def-top"></div>
 
         <div id="wb-cont">
             <div id="app"></div>
         </div>
 
         <!-- template footer and no-script fallback -->
-        <div id="def-footer"><%= require('html-loader!../src/assets/static/cdts/footer-fr.html') %></div>
+        <div id="def-footer"></div>
 
         <script type="text/javascript">
             // URL Parsing for Language Switch
@@ -104,8 +103,7 @@
             document.write(wet.builder.refFooter({}));
         </script>
 
-        <script src="scripts/highcharts-editor/highcharts-editor.complete.js"></script>
-        <script src="scripts/ramp4/ramp.js"></script>
+        <script type="module" src="/src/main.ts"></script>
 
         <style>
             html {

diff --git a/public/index.html → index.html b/public/index.html → index.html
@@ -7,6 +7,7 @@
 
         <script src="https://code.highcharts.com/highcharts.js" type="text/javascript" charset="utf-8"></script>
         <script src="https://code.highcharts.com/modules/data.js" type="text/javascript" charset="utf-8"></script>
+        <script src="scripts/highcharts-editor/highcharts-editor.complete.js" type="text/javascript"></script>
 
         <link rel="icon" href="./favicon.svg" />
         <link rel="stylesheet" href="scripts/highcharts-editor/highcharts-editor.min.css" />
@@ -18,8 +19,7 @@
         <div id="app"></div>
         <!-- built files will be auto injected -->
 
-        <script src="scripts/highcharts-editor/highcharts-editor.complete.js"></script>
-        <script src="scripts/ramp4/ramp.js"></script>
+        <script type="module" src="/src/main.ts"></script>
     </body>
 </html>
 <noscript>