@flyo/nitro-astro 2.0.3 → 2.0.5

package/cdn.ts

@@ -0,0 +1,48 @@
+/**
+ * Create an astro ExternalImageService for flyo where the base url with transormations looks like https://storage.flyo.cloud/image_7a158241.jpg/thumb/250x250?format=webp
+ */
+import type { ExternalImageService, ImageTransform } from "astro";
+
+const service: ExternalImageService = {
+  getURL(options: ImageTransform) {
+    // check if the options.src contains already https://storage.flyo.cloud
+    // if not we add it to the url
+
+    let url =
+      typeof options.src === "string" &&
+      options.src.includes("https://storage.flyo.cloud")
+        ? options.src
+        : `https://storage.flyo.cloud/${options.src}`;
+
+    // if either width or height are defined we add the /thumb/$widthx$height path to it.
+    let width: string | number | null = options.width ? options.width : null;
+    let height: string | number | null = options.height ? options.height : null;
+
+    if (width || height) {
+      if (width === null) {
+        width = "null";
+      }
+      if (height === null) {
+        height = "null";
+      }
+      url += `/thumb/${width}x${height}`;
+    }
+
+    const format = options.format ? options.format : "webp";
+
+    return `${url}?format=${format}`;
+  },
+
+  getHTMLAttributes(options) {
+    const { ...attributes } = options;
+    return {
+      ...attributes,
+      width: options.width ?? null, // width and height are required to prevent CLS and enable lazy loading for chrome.
+      height: options.height ?? null, // width and height are required to prevent CLS and enable lazy loading for chrome.
+      loading: options.loading ?? "lazy",
+      decoding: options.decoding ?? "async",
+    };
+  },
+};
+
+export default service;

package/middleware.ts

@@ -0,0 +1,50 @@
+import { defineMiddleware } from "astro/middleware";
+import { useConfigApi, useFlyoIntegration } from "@flyo/nitro-astro";
+
+let resolvedValue;
+
+async function getConfigPromise(context) {
+  if (resolvedValue) {
+    // If the value is already resolved, return a resolved promise with the value
+    return resolvedValue;
+  }
+
+  // Fetch the config and store the resolved value
+  const value = await useConfigApi().config({
+    lang: context.currentLocale,
+  });
+  resolvedValue = value;
+  return value;
+}
+
+export const onRequest = defineMiddleware(async (context, next) => {
+  // ensure that on each request, the resolved config is cleared, otherwise the
+  // node server needs to be restarted to get the new config
+  // this could be an option, but its hard for developers to understand, but good for performance
+  resolvedValue = null
+
+  context.locals.config = getConfigPromise(context);
+
+  const liveEditEnabled = useFlyoIntegration().options.liveEdit;
+
+  if (!liveEditEnabled) {
+    const response = await next();
+
+    response.headers.set(
+      "Vercel-CDN-Cache-Control",
+      `max-age=${useFlyoIntegration().options.serverCacheHeaderTtl}`
+    );
+    response.headers.set(
+      "CDN-Cache-Control",
+      `max-age=${useFlyoIntegration().options.serverCacheHeaderTtl}`
+    );
+    response.headers.set(
+      "Cache-Control",
+      `max-age=${useFlyoIntegration().options.clientCacheHeaderTtl}`
+    );
+
+    return response;
+  }
+
+  return next();
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flyo/nitro-astro",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "Nitro Astro connecting Flyo Headless to Astro",
   "main": "./dist/nitro-astro.js",
   "module": "./dist/nitro-astro.mjs",
@@ -66,7 +66,11 @@
   },
   "files": [
     "dist",
-    "components"
+    "components",
+    "cdn.ts",
+    "middleware.ts",
+    "sitemap.ts",
+    "toolbar.ts"
   ],
   "types": "./dist/types/index.d.ts",
   "author": "Basil Suter <git@nadar.io>",

package/sitemap.ts

@@ -0,0 +1,34 @@
+import { useSitemapApi } from "@flyo/nitro-astro";
+import type { AstroGlobal } from "astro";
+
+function buildUrl(path: string, domain: string) {
+  return `${domain.replace(/\/$/, "")}/${path.replace(/^\//, "")}`;
+}
+
+export async function GET(config: AstroGlobal) {
+  const sitemap = await useSitemapApi().sitemap();
+
+  let xml = '<?xml version="1.0" encoding="UTF-8"?>';
+  xml += '<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">';
+
+  const routes = [];
+  for (const item of sitemap) {
+    if (item.entity_type === "nitro-page") {
+      if (routes.includes(item.entity_slug)) {
+        continue;
+      }
+      routes.push(item.entity_slug);
+      xml += `<url><loc>${buildUrl(item.entity_slug, config.site.origin)}</loc></url>`;
+    } else if (item.routes?.detail) {
+      xml += `<url><loc>${buildUrl(item.routes["detail"], config.site.origin)}</loc></url>`;
+    }
+  }
+
+  xml += "</urlset>";
+
+  return new Response(xml, {
+    headers: {
+      "Content-Type": "application/xml",
+    },
+  });
+}

package/toolbar.ts

@@ -0,0 +1,30 @@
+import { defineToolbarApp } from "astro/toolbar";
+
+export default defineToolbarApp({
+  init(canvas) {
+    const windowElement = document.createElement("astro-dev-toolbar-window");
+
+    const links = [
+      { link: "https://flyo.cloud", text: "Flyo Cloud Login" },
+      {
+        link: "https://dev.flyo.cloud/nitro/",
+        text: "Flyo Nitro Developer Portal",
+      },
+      {
+        link: "https://nitro-openapi.flyo.cloud/",
+        text: "Flyo Nitro API Documentation",
+      },
+    ];
+
+    const content = links
+      .map(
+        (link) =>
+          `<astro-dev-toolbar-card link="${link.link}" style="margin-bottom:8px;">
+          ${link.text}
+        </astro-dev-toolbar-card>`
+      )
+      .join("");
+    windowElement.innerHTML = content;
+    canvas.appendChild(windowElement);
+  },
+});