feat(roadiz): add useRoadizWebResponse()

composables/use-roadiz-web-response.ts

@@ -0,0 +1,31 @@
+import type { RoadizWebResponse } from '@roadiz/types'
+
+export async function useRoadizWebResponse<T>(path: string) {
+    const fetch = useRoadizFetchFactory()
+    const { data } = await useAsyncData(async () => {
+        try {
+            const response = await fetch.raw<RoadizWebResponse>('/web_response_by_path', {
+                method: 'GET',
+                query: {
+                    path,
+                },
+            })
+            const headersLink = response.headers.get('link')
+            const alternateLinks = headersLink ? getResponseAlternateLinks(headersLink) : []
+
+            return { webResponse: response._data, alternateLinks }
+        } catch (error) {
+            console.error('Error=', error)
+
+            return { error }
+        }
+    })
+    const webResponse = data.value?.webResponse
+
+    return {
+        alternateLinks: data.value?.alternateLinks || [],
+        webResponse,
+        item: webResponse?.item as T | undefined,
+        error: data.value?.error,
+    }
+}

utils/index.ts

@@ -0,0 +1,6 @@
+// Enable auto import for all files nested into folders
+// @see https://nuxt.com/docs/guide/directory-structure/composables#how-files-are-scanned
+// string
+export { b64DecodeUnicode } from './string/b64-decode-unicode'
+// Roadiz
+export { getResponseAlternateLinks } from './roadiz/get-response-alternate-links'

utils/roadiz/get-response-alternate-links.ts

@@ -0,0 +1,23 @@
+import type { RoadizAlternateLink } from '@roadiz/types'
+
+export function getResponseAlternateLinks(links: string): Array<RoadizAlternateLink> {
+    return links
+        .split(',')
+        .filter((link: string) => {
+            return link
+                .split(';')
+                .map((attribute) => attribute.trim())
+                .includes('type="text/html"')
+        })
+        .map((link: string) => {
+            const attributes = link.split(';')
+            const title = attributes[3]?.split('title="').join('').split('"').join('').trim() || undefined
+
+            return {
+                url: attributes[0].split('<').join('').split('>').join('').trim(),
+                locale: attributes[2].split('hreflang="').join('').split('"').join('').trim(),
+                // Must decode translation name from base64 because headers are ASCII only
+                title: title ? b64DecodeUnicode(title) : undefined,
+            } as RoadizAlternateLink
+        })
+}

utils/string/b64-decode-unicode.ts

@@ -0,0 +1,22 @@
+/*
+ * Decode base64 string to UTF-8 string on client-side and Node.js
+ */
+export function b64DecodeUnicode(str: string) {
+    if (!process.server) {
+        return decodeURIComponent(
+            Array.prototype.map
+                .call(window.atob(str), function (c: string) {
+                    return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2)
+                })
+                .join(''),
+        )
+    }
+
+    return decodeURIComponent(
+        Array.prototype.map
+            .call(Buffer.from(str, 'base64').toString('binary'), function (c: string) {
+                return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2)
+            })
+            .join(''),
+    )
+}