Attempt to output assets using absolute url

Author: avvertix

.github/workflows/publish.yml

@@ -35,6 +35,7 @@ jobs:
           fetch-depth: 1
 
       - name: Setup Pages
+        id: pages
         uses: actions/configure-pages@v5
 
       - name: Cache JS dependencies
@@ -59,13 +60,13 @@ jobs:
         run: |
           cd portal
           npm ci
-          npm run build
       
       - name: Build static website
+        env:
+          ASSETS_URL: ${{ steps.pages.outputs.base_url }}
         run: |
           cd portal
           npm run build
-          vendor/bin/jigsaw build production
 
       
       - name: Upload artifact

portal/config.php

@@ -1,5 +1,7 @@
 <?php
 
+use Illuminate\Support\Str;
+
 return [
     'production' => false,
     'baseUrl' => 'http://localhost:8000/',
@@ -21,4 +23,12 @@
             },
         ],
     ],
+
+    'absoluteUrl' => function ($page, $path) {
+        if(Str::startsWith($path, 'http')){
+            return $path;
+        }
+        
+        return  rtrim($page->baseUrl, '/') . '/' . trimPath($path);
+    },
 ];

portal/source/_layouts/main.blade.php

@@ -10,7 +10,7 @@
         <link rel="stylesheet" href="{{ vite('source/_assets/css/main.css') }}">
         <script defer type="module" src="{{ vite('source/_assets/js/main.js') }}"></script>
 
-        <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg">
+        <link rel="icon" type="image/svg+xml" href="{{ $page->absoluteUrl('/assets/favicon.svg') }}">
 
 
         <meta property="og:title" content="{{ $page->title  }}">
@@ -20,10 +20,10 @@
         <link rel="canonical" href="{{ $page->getUrl() }}">
         <meta property="og:url" content="{{ $page->getUrl() }}">
         <meta property="og:site_name" content="OneOffTech">
-        <meta property="og:image" content="/assets/images/og.jpg">
+        <meta property="og:image" content="{{ $page->absoluteUrl('/assets/images/og.jpg') }}">
         <meta property="og:type" content="website">
         <meta name="twitter:card" content="summary_large_image">
-        <meta property="twitter:image" content="/assets/images/og.jpg">
+        <meta property="twitter:image" content="{{ $page->absoluteUrl('/assets/images/og.jpg') }}">
         <meta property="twitter:title" content="{{ $page->title  }}">