From c24b24890311dff619f583616041c15a40aa3772 Mon Sep 17 00:00:00 2001
From: Julien Ripouteau <julien@ripouteau.com>
Date: Thu, 25 Jan 2024 15:00:57 +0100
Subject: [PATCH] fix: twitter meta images

---
 providers/app_provider.ts            | 6 ++++++
 resources/views/components/meta.edge | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/providers/app_provider.ts b/providers/app_provider.ts
index 5687a00..59a8e44 100644
--- a/providers/app_provider.ts
+++ b/providers/app_provider.ts
@@ -1,3 +1,4 @@
+import edge from 'edge.js'
 import { join } from 'node:path'
 import { readFile } from 'node:fs/promises'
 import { getDirname } from '@poppinss/utils'
@@ -25,5 +26,10 @@ export default class AppProvider {
     this.app.container.bind(PackagesFetcher, async (resolver) => {
       return new PackagesFetcher(await resolver.make(PackageFetcher), packagesFile)
     })
+
+    /**
+     * Helper for removing double slashes from urls
+     */
+    edge.global('cleanUrl', (url: string) => url.replace(/([^:]\/)\/+/g, '$1'))
   }
 }
diff --git a/resources/views/components/meta.edge b/resources/views/components/meta.edge
index 1c231ae..a480d3c 100644
--- a/resources/views/components/meta.edge
+++ b/resources/views/components/meta.edge
@@ -1,6 +1,6 @@
 @assign(title = title ?? 'AdonisJS Packages')
 @assign(description = description ?? 'Discover our list of packages to supercharge your AdonisJS project. Created by the AdonisJS team and community.')
-@assign(image = image ?? 'https://packages.adonisjs.com/preview.png')
+@assign(image = image ?? '/preview.png')
 
 <title inertia>{{ `${title} - AdonisJS Packages` }}</title>
 <meta name="title" content="{{ `${title} - AdonisJS Packages` }}">
@@ -11,7 +11,7 @@
 <meta property="og:url" content="https://package.adonisjs.com" />
 <meta property="og:title" content="{{ title }}" />
 <meta property="og:description" content="{{ description }}" />
-<meta property="og:image" content="{{ image }}" />
+<meta property="og:image" content="{{ cleanUrl(`https://packages.adonisjs.com/${image}`) }}" />
 
 {{-- Twitter --}}
 <meta name="twitter:card" content="summary_large_image">
@@ -19,4 +19,4 @@
 <meta property="twitter:url" content="https://package.adonisjs.com">
 <meta name="twitter:title" content="AdonisJS Packages">
 <meta name="twitter:description" content="Discover our list of packages to supercharge your AdonisJS project. Created by the AdonisJS team and community.">
-<meta name="twitter:image" content="{{ image }}">
\ No newline at end of file
+<meta name="twitter:image" content="{{ cleanUrl(`https://packages.adonisjs.com/${image}`) }}">
\ No newline at end of file