Avoid referencing the private assets path in the main template

This way we can change it more easily in the future

assets/vpu-signature.html.ejs

@@ -5,8 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <!-- Favicons -->
-    <link rel="shortcut icon" type="image/x-icon" href="<%= geturl('local/vpu-signature/favicon.ico') %>">
-    <link rel="icon" type="image/svg+xml" href="<%= geturl('local/vpu-signature/favicon.svg') %>" sizes="any">
+    <link rel="shortcut icon" type="image/x-icon" href="<%= getprivateurl('favicon.ico') %>">
+    <link rel="icon" type="image/svg+xml" href="<%= getprivateurl('favicon.svg') %>" sizes="any">
 
 <% if (environment === "local") { -%>
     <!-- XXX: Disable adoptedStyleSheets so that lit-element doesn't use it and we can edit CSS in the Chrome dev tools -->
@@ -20,7 +20,7 @@
 
     <!-- Loading spinner -->
     <script type="module">
-        import {Spinner} from '<%= geturl('local/vpu-signature/spinner.js') %>';
+        import {Spinner} from '<%= getprivateurl('spinner.js') %>';
         customElements.define('vpu-loading-spinner', Spinner);
     </script>
 
@@ -31,10 +31,10 @@
     <meta name="google" content="notranslate">
 
     <!-- Preload fonts -->
-    <link rel="preload" href="<%= geturl('local/vpu-signature/fonts/SourceSansPro-Light.otf.woff2') %>" as="font" type="font/woff2" crossorigin>
-    <link rel="preload" href="<%= geturl('local/vpu-signature/fonts/SourceSansPro-Regular.otf.woff2') %>" as="font" type="font/woff2" crossorigin>
-    <link rel="preload" href="<%= geturl('local/vpu-signature/fonts/SourceSansPro-Semibold.otf.woff2') %>" as="font" type="font/woff2" crossorigin>
-    <link rel="preload" href="<%= geturl('local/vpu-signature/fonts/SourceSansPro-Bold.otf.woff2') %>" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="<%= getprivateurl('fonts/SourceSansPro-Light.otf.woff2') %>" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="<%= getprivateurl('fonts/SourceSansPro-Regular.otf.woff2') %>" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="<%= getprivateurl('fonts/SourceSansPro-Semibold.otf.woff2') %>" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="<%= getprivateurl('fonts/SourceSansPro-Bold.otf.woff2') %>" as="font" type="font/woff2" crossorigin>
 
     <!-- Matomo -->
     <script type="text/javascript">
@@ -86,28 +86,28 @@
         @font-face {
             font-family: 'Source Sans Pro';
             font-weight: 300;
-            src: url('<%= geturl('local/vpu-signature/fonts/SourceSansPro-Light.otf.woff2') %>') format('woff2');
+            src: url('<%= getprivateurl('fonts/SourceSansPro-Light.otf.woff2') %>') format('woff2');
             font-display: block;
         }
 
         @font-face {
             font-family: 'Source Sans Pro';
             font-weight: 400;
-            src: url('<%= geturl('local/vpu-signature/fonts/SourceSansPro-Regular.otf.woff2') %>') format('woff2');
+            src: url('<%= getprivateurl('fonts/SourceSansPro-Regular.otf.woff2') %>') format('woff2');
             font-display: block;
         }
 
         @font-face {
             font-family: 'Source Sans Pro';
             font-weight: 600;
-            src: url('<%= geturl('local/vpu-signature/fonts/SourceSansPro-Semibold.otf.woff2') %>') format('woff2');
+            src: url('<%= getprivateurl('fonts/SourceSansPro-Semibold.otf.woff2') %>') format('woff2');
             font-display: block;
         }
 
         @font-face {
             font-family: 'Source Sans Pro';
             font-weight: 700;
-            src: url('<%= geturl('local/vpu-signature/fonts/SourceSansPro-Bold.otf.woff2') %>') format('woff2');
+            src: url('<%= getprivateurl('fonts/SourceSansPro-Bold.otf.woff2') %>') format('woff2');
             font-display: block;
         }
 
@@ -138,7 +138,7 @@
 ><vpu-loading-spinner></vpu-loading-spinner></vpu-app-signature>
 
 <!-- Error handling for too old browsers -->
-<script src="<%= geturl('local/vpu-signature/browser-check.js') %>" defer></script>
+<script src="<%= getprivateurl('browser-check.js') %>" defer></script>
 <noscript>Diese Applikation benötigt Javascript / This application requires Javascript</noscript>
 </body>
 </html>
\ No newline at end of file

rollup.config.js

@@ -212,6 +212,9 @@ export default {
             geturl: (p) => {
               return url.resolve(basePath, p);
             },
+            getprivateurl: (p) => {
+                return url.resolve(`${basePath}local/${pkg.name}/`, p);
+            },
             entryPointURL: entryPointURL,
             keyCloakServer: keyCloakServer,
             keyCloakBaseURL: keyCloakBaseURL,