@flyo/nitro-astro 2.2.0 → 2.3.1

package/README.md

@@ -22,14 +22,21 @@ npm install @flyo/nitro-astro
 Then, revise and adjust the configuration in your `astro.config.mjs`:
 
 ```js
+import { loadEnv } from "vite"
+import { defineConfig } from "astro/config";
 import flyoNitroIntegration from "@flyo/nitro-astro";
 
+const {
+  FLYO_ACCESS_TOKEN,
+  FLYO_LIVE_EDIT
+} = loadEnv(process.env.NODE_ENV, process.cwd() + "/", "");
+
 export default defineConfig({
   site: "https://myflyowebsite.com", // required to make the sitemap.xml work
   integrations: [
     flyoNitroIntegration({
-      accessToken: "ADD_YOUR_TOKEN_HERE", // Switch between dev and prod tokens depending on the environment
-      liveEdit: true, // Enable on dev and preview systems for application reloading in the Flyo preview frame upon changes
+      accessToken: FLYO_ACCESS_TOKEN, // Switch between dev and prod tokens depending on the environment
+      liveEdit: FLYO_LIVE_EDIT, // Enable on dev and preview systems for application reloading in the Flyo preview frame upon changes
       components: {
         // Define where the Flyo components are located. The suffix .astro is not required. The object key is the value from Flyo, while the object value is the component in the Astro components folder
         // [!] Adding new elements requires restarting the development process
@@ -45,6 +52,59 @@ export default defineConfig({
 > [!WARNING]
 > The nitro astro integration requires an SSR setup which is done by using `output: 'server'`.
 
+## Configuration Options
+
+The `flyoNitroIntegration` accepts the following configuration options:
+
+### Required Options
+
+- **`accessToken`** (string, required): Your Flyo access token for authentication. This is either the production or development token from the Flyo Cloud interface. Keep in mind that requests with production accessToken will be effectively cached by the Flyo CDN, but development accessToken requests will not be cached.
+
+- **`components`** (object, required): Object containing component definitions where the key is the component name defined in the Flyo Interface, and the value is the name of the component inside the components directory. The `.astro` suffix is not required.
+  ```js
+  components: {
+    Text: "Text",
+    CardsGrid: "CardsGrid",
+    SlotContainer: "subfolder/SlotContainer",
+  }
+  ```
+
+### Optional Options
+
+- **`liveEdit`** (string | boolean | number, default: `false`): Enables live editing mode. If enabled, the application will reload when changes are made in the Flyo preview frame. This should be enabled on dev and preview systems.
+
+- **`componentsDir`** (string, default: `"src/components/flyo"`): Directory path where your Flyo components are located.
+
+- **`fallbackComponent`** (string, optional): Name of a fallback component to use when a requested component is not found. This component will only be used in live editing mode. Example: `"BlockNotFound"` would reference `{componentsDir}/BlockNotFound.astro`.
+
+- **`clientCacheHeaderTtl`** (number, default: `900`): TTL (Time-To-Live) for client-side cache headers, in seconds. Default is 900 seconds (15 minutes). Only available if `liveEdit` is disabled. Use `0` to disable client caching.
+
+- **`serverCacheHeaderTtl`** (number, default: `1200`): TTL (Time-To-Live) for server-side cache headers, in seconds. Default is 1200 seconds (20 minutes). Only available if `liveEdit` is disabled. Use `0` to disable server caching.
+
+### Complete Configuration Example
+
+```js
+export default defineConfig({
+  site: "https://myflyowebsite.com",
+  integrations: [
+    flyoNitroIntegration({
+      accessToken: FLYO_ACCESS_TOKEN,
+      liveEdit: FLYO_LIVE_EDIT,
+      componentsDir: "src/components/flyo",
+      fallbackComponent: "BlockNotFound",
+      clientCacheHeaderTtl: 600,  // 10 minutes
+      serverCacheHeaderTtl: 1800, // 30 minutes
+      components: {
+        Text: "Text",
+        CardsGrid: "CardsGrid",
+        SlotContainer: "SlotContainer",
+      },
+    }),
+  ],
+  output: "server",
+});
+```
+
 ### Pages
 
 Add a `[...slug].astro` file in the pages directory with the following example content as a catch-all CMS handler:
@@ -121,7 +181,26 @@ const currentPath = Astro.url.pathname;
 
 ### Blocks
 
-Block Component Example (which are mostly located in `src/components/flyo`):
+Block components are the building blocks of your Flyo pages. They receive a `block` prop containing all the data from Flyo.
+
+#### Basic Block Component Example
+
+Located in `src/components/flyo/Text.astro`:
+
+```astro
+---
+import { editable } from "@flyo/nitro-astro";
+const { block } = Astro.props;
+---
+
+<!-- Make the block editable if necessary -->
+<div {...editable(block)}>
+  <!-- Content variable -->
+  <div set:html={block.content.content.html} />
+</div>
+```
+
+#### Block with Items and Images
 
 ```astro
 ---
@@ -159,14 +238,163 @@ const { block } = Astro.props;
 </div>
 ```
 
+#### Cards Grid Component Example
+
+Example of a component that displays a grid of cards with items (`src/components/flyo/CardsGrid.astro`):
+
+```astro
+---
+import { Image } from "astro:assets";
+import { editable } from "@flyo/nitro-astro";
+const { block } = Astro.props;
+---
+
+{
+  block.items.map((item: any) => (
+    <div {...editable(block)} style="background-color:#F0F0F0; padding:20px; margin-bottom:10px;">
+      <h2 class="text-xl">{item.title}</h2>
+      {item.image && (
+        <Image
+          src={item.image.source}
+          alt={item.title}
+          width="200"
+          height="200"
+        />
+      )}
+      <a href={item.link.routes.detail} class="underline">
+        Go to Detail
+      </a>
+    </div>
+  ))
+}
+```
+
+#### Slot Container Component Example
+
+Slots allow you to nest blocks within blocks (`src/components/flyo/SlotContainer.astro`):
+
+```astro
+---
+import BlockSlot from "@flyo/nitro-astro/BlockSlot.astro";
+const { block } = Astro.props;
+---
+
+<BlockSlot slot={block.slots.slotcontainername} />
+```
+
+## Available Components
+
+### Core Components
+
+These components are provided by the package and can be imported directly:
+
+#### `FlyoNitroPage`
+
+Renders an entire Flyo page with all its blocks.
+
+```astro
+---
+import FlyoNitroPage from "@flyo/nitro-astro/FlyoNitroPage.astro";
+const page = await usePagesApi().page({ slug });
+---
+
+<FlyoNitroPage page={page} />
+```
+
+#### `FlyoNitroBlock`
+
+Renders a single Flyo block. This component automatically maps the block's component name to your custom components.
+
+```astro
+---
+import FlyoNitroBlock from "@flyo/nitro-astro/FlyoNitroBlock.astro";
+---
+
+<FlyoNitroBlock block={block} />
+```
+
+#### `BlockSlot`
+
+Renders the contents of a Flyo block slot, allowing for nested block structures.
+
+```astro
+---
+import BlockSlot from "@flyo/nitro-astro/BlockSlot.astro";
+---
+
+<BlockSlot slot={block.slots.myslotname} />
+```
+
+#### `MetaInfo`
+
+Generic component for adding meta tags (title, description, image, JSON-LD).
+
+```astro
+---
+import MetaInfo from "@flyo/nitro-astro/MetaInfo.astro";
+---
+
+<MetaInfo
+  title="Page Title"
+  description="Page description"
+  image="https://example.com/image.jpg"
+  jsonld={jsonldObject}
+  slot="head"
+/>
+```
+
+#### `MetaInfoPage`
+
+Specialized meta component for Flyo pages.
+
+```astro
+---
+import MetaInfoPage from "@flyo/nitro-astro/MetaInfoPage.astro";
+---
+
+<MetaInfoPage page={page} slot="head" />
+```
+
+#### `MetaInfoEntity`
+
+Specialized meta component for Flyo entities.
+
+```astro
+---
+import MetaInfoEntity from "@flyo/nitro-astro/MetaInfoEntity.astro";
+---
+
+<MetaInfoEntity response={entityResponse} slot="head" />
+```
+
+#### `FallbackComponent`
+
+Automatically used when a component is not found (only in live edit mode). You can customize this behavior with the `fallbackComponent` configuration option.
+
 ### Wysiwyg
 
 The `FlyoWysiwyg` component renders ProseMirror/TipTap JSON content. It handles standard nodes automatically and allows you to provide custom components for specific node types.
 
+#### Basic Usage
+
 ```astro
 ---
 import FlyoWysiwyg from "@flyo/nitro-astro/FlyoWysiwyg.astro";
-import CustomImage from "./CustomImage.astro";
+const { block } = Astro.props;
+---
+
+<FlyoWysiwyg json={block.content.json} />
+```
+
+#### Custom Node Components
+
+You can override the default rendering of specific node types by providing custom components:
+
+```astro
+---
+import FlyoWysiwyg from "@flyo/nitro-astro/FlyoWysiwyg.astro";
+import CustomImage from "./wysiwyg/CustomImage.astro";
+import CustomVideo from "./wysiwyg/CustomVideo.astro";
 
 const { block } = Astro.props;
 ---
@@ -174,12 +402,15 @@ const { block } = Astro.props;
 <FlyoWysiwyg 
   json={block.content.json} 
   components={{
-    image: CustomImage
+    image: CustomImage,
+    video: CustomVideo
   }} 
 />
 ```
 
-And here is an example of how the `CustomImage.astro` component could look like:
+#### Custom Image Component Example
+
+Here's an example of a custom image component (`src/components/flyo/wysiwyg/Image.astro`):
 
 ```astro
 ---
@@ -187,7 +418,35 @@ const { node } = Astro.props;
 const { src, alt, title } = node.attrs;
 ---
 
-<img src={src} alt={alt} title={title} style="max-width: 100%; height: auto;" />
+<img src={src.source} alt={alt} title={title} style="max-width: 100%; height: auto;" />
+```
+
+The `node` prop contains all attributes from the ProseMirror node. For images, you typically get:
+- `src`: The image source (can be an object with a `source` property when using Flyo storage)
+- `alt`: Alternative text
+- `title`: Image title
+
+#### Complete Text Block with Wysiwyg Example
+
+```astro
+---
+import { editable } from "@flyo/nitro-astro";
+import FlyoWysiwyg from "@flyo/nitro-astro/FlyoWysiwyg.astro";
+import Image from "./wysiwyg/Image.astro";
+
+const { block } = Astro.props;
+---
+
+<div {...editable(block)}>
+  <div class="p-4">
+    <FlyoWysiwyg 
+      json={block.content.content.json} 
+      components={{
+        image: Image
+      }}
+    />
+  </div>
+</div>
 ```
 
 ### Entities
@@ -294,3 +553,270 @@ All endpoints accept a `lang` parameter to retrieve data in the desired language
 ```
 
 The above structure would be `/de/detail/[slug].astro` and `/fr/detail/[slug].astro`.
+
+## API Functions
+
+The Flyo Nitro Astro package provides several API functions to interact with the Flyo Nitro CMS:
+
+### Configuration APIs
+
+#### `useConfig(astro: AstroGlobal)`
+
+Returns the resolved configuration object that includes navigation containers and other config data. This is typically used in layouts and pages.
+
+```astro
+---
+import { useConfig } from "@flyo/nitro-astro";
+
+const config = await useConfig(Astro);
+// Access navigation items
+config.containers.nav.items.map((item) => ...)
+// Access available pages
+config.pages.includes(slug)
+---
+```
+
+#### `useConfigApi()`
+
+Returns the ConfigApi instance for making custom configuration requests.
+
+```astro
+---
+import { useConfigApi } from "@flyo/nitro-astro";
+
+const configApi = useConfigApi();
+const config = await configApi.config({ lang: "en" });
+---
+```
+
+#### `useConfiguration()`
+
+Returns the API main configuration which holds the access key and is globally available.
+
+```typescript
+import { useConfiguration } from "@flyo/nitro-astro";
+
+const configuration = useConfiguration();
+```
+
+### Page APIs
+
+#### `usePagesApi()`
+
+Returns the PagesApi instance for fetching Flyo pages.
+
+```astro
+---
+import { usePagesApi } from "@flyo/nitro-astro";
+
+const pagesApi = usePagesApi();
+const page = await pagesApi.page({ slug: "about" });
+---
+```
+
+### Entity APIs
+
+#### `useEntitiesApi()`
+
+Returns the EntitiesApi instance for fetching entity details.
+
+```astro
+---
+import { useEntitiesApi } from "@flyo/nitro-astro";
+
+// Fetch by slug and type ID
+const entity = await useEntitiesApi().entityBySlug({
+  slug: "my-post",
+  lang: Astro.currentLocale,
+  typeId: 54
+});
+
+// Or fetch by unique ID
+const entity = await useEntitiesApi().entityByUniqueid({
+  uniqueid: "abc123",
+  lang: Astro.currentLocale
+});
+---
+```
+
+### Search APIs
+
+#### `useSearchApi()`
+
+Returns the SearchApi instance for performing search operations.
+
+```astro
+---
+import { useSearchApi } from "@flyo/nitro-astro";
+
+const searchApi = useSearchApi();
+// Use the search API for custom search functionality
+---
+```
+
+### Sitemap APIs
+
+#### `useSitemapApi()`
+
+Returns the SitemapApi instance. The sitemap is automatically generated at `/sitemap.xml`, but you can use this API for custom sitemap functionality.
+
+```astro
+---
+import { useSitemapApi } from "@flyo/nitro-astro";
+
+const sitemapApi = useSitemapApi();
+const sitemap = await sitemapApi.sitemap();
+---
+```
+
+### Version APIs
+
+#### `useVersionApi()`
+
+Returns the VersionApi instance for checking API versions.
+
+```astro
+---
+import { useVersionApi } from "@flyo/nitro-astro";
+
+const versionApi = useVersionApi();
+// Use for version-specific functionality
+---
+```
+
+### Helper Functions
+
+#### `editable(block)`
+
+Makes a block editable in the Flyo live edit mode. Returns an object with the `data-flyo-uid` attribute.
+
+```astro
+---
+import { editable } from "@flyo/nitro-astro";
+const { block } = Astro.props;
+---
+
+<div {...editable(block)}>
+  <!-- Block content -->
+</div>
+```
+
+> **Note**: `editableBlock` is also available as a backwards-compatible alias for `editable`.
+
+## Built-in Features
+
+### Automatic Sitemap Generation
+
+The integration automatically creates a `/sitemap.xml` route that includes all your Flyo pages and entities. Make sure to set the `site` property in your `astro.config.mjs`:
+
+```js
+export default defineConfig({
+  site: "https://myflyowebsite.com",
+  // ... rest of config
+});
+```
+
+### Image Service Integration
+
+The package includes an automatic image service that integrates with Flyo Storage's image transformation capabilities. Images are automatically processed through Flyo's CDN with support for:
+
+- Dynamic resizing (`width` and `height`)
+- Format conversion (defaults to WebP)
+- Lazy loading
+- Proper dimensions to prevent CLS
+
+```astro
+---
+import { Image } from "astro:assets";
+---
+
+<Image
+  src={block.content.image.source}
+  alt="Description"
+  width={1920}
+  height={768}
+/>
+```
+
+The image URL is automatically transformed to: `https://storage.flyo.cloud/image_xxx.jpg/thumb/1920x768?format=webp`
+
+### Development Toolbar
+
+When running in development mode, the integration adds a custom toolbar with quick links to:
+- Flyo Cloud Login
+- Flyo Nitro Developer Portal
+- Flyo Nitro API Documentation
+
+### Middleware & Caching
+
+The integration automatically adds middleware that:
+- Resolves the Flyo configuration on each request
+- Sets appropriate cache headers for production (configurable via `clientCacheHeaderTtl` and `serverCacheHeaderTtl`)
+- Disables caching when `liveEdit` is enabled
+
+Cache headers set:
+- `Cache-Control`: Client-side caching
+- `CDN-Cache-Control`: CDN caching
+- `Vercel-CDN-Cache-Control`: Vercel-specific caching
+
+### Live Edit Mode
+
+When `liveEdit` is enabled, the integration:
+- Injects JavaScript to enable page refresh from the Flyo interface
+- Wires up all elements with `data-flyo-uid` for direct editing
+- Highlights and enables click-to-edit functionality
+- Shows fallback components when blocks are missing
+
+## Best Practices
+
+### Component Organization
+
+Organize your Flyo components in a dedicated directory (default: `src/components/flyo`):
+
+```
+src/
+  components/
+    flyo/
+      Text.astro
+      CardsGrid.astro
+      Hero.astro
+      wysiwyg/
+        Image.astro
+        Video.astro
+```
+
+### Error Handling
+
+Always wrap API calls in try-catch blocks and return appropriate responses:
+
+```astro
+---
+let page;
+try {
+  page = await usePagesApi().page({ slug });
+} catch (e) {
+  return new Response("Not Found", {
+    status: 404,
+    statusText: "Page Not Found"
+  });
+}
+---
+```
+
+### Environment Variables
+
+Use environment variables for sensitive configuration:
+
+```bash
+# .env
+FLYO_ACCESS_TOKEN=your_token_here
+FLYO_LIVE_EDIT=true
+```
+
+### TypeScript Support
+
+The package is fully typed and exports TypeScript types from `@flyo/nitro-typescript`:
+
+```typescript
+import type { Block, Page, Entity } from "@flyo/nitro-typescript";
+```

package/components/DebugInfo.astro

@@ -0,0 +1,43 @@
+---
+import { useFlyoIntegration, useConfig } from "@flyo/nitro-astro";
+
+const integration = useFlyoIntegration();
+const config = await useConfig(Astro);
+
+// Get environment variables
+const mode = import.meta.env.MODE;
+const vercelDeploymentId = import.meta.env.VERCEL_DEPLOYMENT_ID || '-';
+const vercelGitCommitSha = import.meta.env.VERCEL_GIT_COMMIT_SHA || '-';
+
+// Get token and determine type
+const token = integration.options.accessToken || '';
+const tokenType = token.startsWith('p-') ? 'production' : (token.startsWith('d-') ? 'develop' : 'unknown');
+
+// Get live edit / debug status
+const debug = integration.options.liveEdit;
+
+// Get API version from config.nitro
+const apiVersion = config.nitro?.version?.toString() || '-';
+const apiLastUpdate = config.nitro?.updated_at 
+  ? new Date(config.nitro.updated_at * 1000).toLocaleString('de-CH', { 
+      day: '2-digit', 
+      month: '2-digit', 
+      year: 'numeric',
+      hour: '2-digit',
+      minute: '2-digit'
+    })
+  : '-';
+
+const debugInfo = [
+  `liveedit:${debug}`,
+  `mode:${mode}`,
+  `apiversion:${apiVersion}`,
+  `apiversiondate:${apiLastUpdate}`,
+  `tokentype:${tokenType}`,
+  `did:${vercelDeploymentId}`,
+  `csha:${vercelGitCommitSha}`
+].join(' | ');
+
+---
+
+<Fragment set:html={`<!-- ${debugInfo} -->`} />

package/components/DebugInfo.test.ts

@@ -0,0 +1,120 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import DebugInfo from './DebugInfo';
+
+// Mock the dependencies
+vi.mock('../index', () => ({
+  useFlyoIntegration: vi.fn(),
+  useConfig: vi.fn(),
+}));
+
+describe('DebugInfo', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    
+    // Reset environment variables
+    vi.stubEnv('DEV', true);
+    vi.stubEnv('MODE', 'development');
+    vi.stubEnv('VERCEL_DEPLOYMENT_ID', '');
+    vi.stubEnv('VERCEL_GIT_COMMIT_SHA', '');
+  });
+
+  it('should export the component', () => {
+    expect(DebugInfo).toBeDefined();
+  });
+
+  it('should handle development token type', async () => {
+    const { useFlyoIntegration, useConfig } = await import('../index');
+    
+    vi.mocked(useFlyoIntegration).mockReturnValue({
+      options: {
+        accessToken: 'd-development-token-123',
+        liveEdit: true,
+        componentsDir: 'src/components/flyo',
+        clientCacheHeaderTtl: 900,
+        serverCacheHeaderTtl: 1200,
+      },
+    } as any);
+
+    vi.mocked(useConfig).mockResolvedValue({
+      nitro: {
+        version: 42,
+        updated_at: 1706270400, // 2024-01-26 12:00:00 UTC
+      },
+    } as any);
+
+    expect(useFlyoIntegration).toBeDefined();
+    expect(useConfig).toBeDefined();
+  });
+
+  it('should handle production token type', async () => {
+    const { useFlyoIntegration } = await import('../index');
+    
+    vi.mocked(useFlyoIntegration).mockReturnValue({
+      options: {
+        accessToken: 'p-production-token-456',
+        liveEdit: false,
+        componentsDir: 'src/components/flyo',
+        clientCacheHeaderTtl: 900,
+        serverCacheHeaderTtl: 1200,
+      },
+    } as any);
+
+    const integration = useFlyoIntegration();
+    const token = integration.options.accessToken as string;
+    const tokenType = token.startsWith('p-') ? 'production' : (token.startsWith('d-') ? 'develop' : 'unknown');
+    
+    expect(tokenType).toBe('production');
+  });
+
+  it('should handle unknown token type', async () => {
+    const { useFlyoIntegration } = await import('../index');
+    
+    vi.mocked(useFlyoIntegration).mockReturnValue({
+      options: {
+        accessToken: 'invalid-token',
+        liveEdit: false,
+        componentsDir: 'src/components/flyo',
+        clientCacheHeaderTtl: 900,
+        serverCacheHeaderTtl: 1200,
+      },
+    } as any);
+
+    const integration = useFlyoIntegration();
+    const token = integration.options.accessToken as string;
+    const tokenType = token.startsWith('p-') ? 'production' : (token.startsWith('d-') ? 'develop' : 'unknown');
+    
+    expect(tokenType).toBe('unknown');
+  });
+
+  it('should handle missing nitro config', async () => {
+    const { useConfig } = await import('../index');
+    
+    vi.mocked(useConfig).mockResolvedValue({} as any);
+
+    const config = await useConfig({} as any);
+    const apiVersion = config.nitro?.version?.toString() || '-';
+    const apiLastUpdate = config.nitro?.updated_at ? 'date' : '-';
+    
+    expect(apiVersion).toBe('-');
+    expect(apiLastUpdate).toBe('-');
+  });
+
+  it('should format date correctly from unix timestamp', () => {
+    const timestamp = 1706270400; // 2024-01-26 12:00:00 UTC
+    const date = new Date(timestamp * 1000);
+    
+    expect(date).toBeInstanceOf(Date);
+    expect(date.getTime()).toBe(1706270400000);
+  });
+
+  it('should handle vercel environment variables', () => {
+    vi.stubEnv('VERCEL_DEPLOYMENT_ID', 'dpl_abc123');
+    vi.stubEnv('VERCEL_GIT_COMMIT_SHA', 'a1b2c3d4e5f6');
+    
+    const vercelDeploymentId = import.meta.env.VERCEL_DEPLOYMENT_ID || '-';
+    const vercelGitCommitSha = import.meta.env.VERCEL_GIT_COMMIT_SHA || '-';
+    
+    expect(vercelDeploymentId).toBe('dpl_abc123');
+    expect(vercelGitCommitSha).toBe('a1b2c3d4e5f6');
+  });
+});

package/components/DebugInfo.ts

@@ -0,0 +1,2 @@
+import DebugInfo from "./DebugInfo.astro";
+export default DebugInfo;

package/dist/nitro-astro.js

@@ -1,4 +1,4 @@
-(function(s,h){typeof exports=="object"&&typeof module<"u"?h(exports):typeof define=="function"&&define.amd?define(["exports"],h):(s=typeof globalThis<"u"?globalThis:s||self,h(s.flyoNitroIntegration={}))})(this,function(s){"use strict";const h="https://api.flyo.cloud/nitro/v1".replace(/\/+$/,"");class ${constructor(n={}){this.configuration=n}set config(n){this.configuration=n}get basePath(){return this.configuration.basePath!=null?this.configuration.basePath:h}get fetchApi(){return this.configuration.fetchApi}get middleware(){return this.configuration.middleware||[]}get queryParamsStringify(){return this.configuration.queryParamsStringify||_}get username(){return this.configuration.username}get password(){return this.configuration.password}get apiKey(){const n=this.configuration.apiKey;if(n)return typeof n=="function"?n:()=>n}get accessToken(){const n=this.configuration.accessToken;if(n)return typeof n=="function"?n:async()=>n}get headers(){return this.configuration.headers}get credentials(){return this.configuration.credentials}}const x=new $,w=class F{constructor(n=x){this.configuration=n,this.fetchApi=async(t,i)=>{let r={url:t,init:i};for(const a of this.middleware)a.pre&&(r=await a.pre({fetch:this.fetchApi,...r})||r);let o;try{o=await(this.configuration.fetchApi||fetch)(r.url,r.init)}catch(a){for(const l of this.middleware)l.onError&&(o=await l.onError({fetch:this.fetchApi,url:r.url,init:r.init,error:a,response:o?o.clone():void 0})||o);if(o===void 0)throw a instanceof Error?new O(a,"The request failed and the interceptors did not return an alternative response"):a}for(const a of this.middleware)a.post&&(o=await a.post({fetch:this.fetchApi,url:r.url,init:r.init,response:o.clone()})||o);return o},this.middleware=n.middleware}withMiddleware(...n){const t=this.clone();return t.middleware=t.middleware.concat(...n),t}withPreMiddleware(...n){const t=n.map(i=>({pre:i}));return this.withMiddleware(...t)}withPostMiddleware(...n){const t=n.map(i=>({post:i}));return this.withMiddleware(...t)}isJsonMime(n){return n?F.jsonRegex.test(n):!1}async request(n,t){const{url:i,init:r}=await this.createFetchParams(n,t),o=await this.fetchApi(i,r);if(o&&o.status>=200&&o.status<300)return o;throw new N(o,"Response returned an error code")}async createFetchParams(n,t){let i=this.configuration.basePath+n.path;n.query!==void 0&&Object.keys(n.query).length!==0&&(i+="?"+this.configuration.queryParamsStringify(n.query));const r=Object.assign({},this.configuration.headers,n.headers);Object.keys(r).forEach(p=>r[p]===void 0?delete r[p]:{});const o=typeof t=="function"?t:async()=>t,a={method:n.method,headers:r,body:n.body,credentials:this.configuration.credentials},l={...a,...await o({init:a,context:n})};let u;M(l.body)||l.body instanceof URLSearchParams||K(l.body)?u=l.body:this.isJsonMime(r["Content-Type"])?u=JSON.stringify(l.body):u=l.body;const c={...l,body:u};return{url:i,init:c}}clone(){const n=this.constructor,t=new n(this.configuration);return t.middleware=this.middleware.slice(),t}};w.jsonRegex=new RegExp("^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$","i");let g=w;function K(e){return typeof Blob<"u"&&e instanceof Blob}function M(e){return typeof FormData<"u"&&e instanceof FormData}class N extends Error{constructor(n,t){super(t),this.response=n,this.name="ResponseError"}}class O extends Error{constructor(n,t){super(t),this.cause=n,this.name="FetchError"}}class y extends Error{constructor(n,t){super(t),this.field=n,this.name="RequiredError"}}function _(e,n=""){return Object.keys(e).map(t=>b(t,e[t],n)).filter(t=>t.length>0).join("&")}function b(e,n,t=""){const i=t+(t.length?`[${e}]`:e);if(n instanceof Array){const r=n.map(o=>encodeURIComponent(String(o))).join(`&${encodeURIComponent(i)}=`);return`${encodeURIComponent(i)}=${r}`}if(n instanceof Set){const r=Array.from(n);return b(e,r,t)}return n instanceof Date?`${encodeURIComponent(i)}=${encodeURIComponent(n.toISOString())}`:n instanceof Object?_(n,i):`${encodeURIComponent(i)}=${encodeURIComponent(String(n))}`}function v(e,n){const t={};for(const i of Object.keys(e))t[i]=n(e[i]);return t}class d{constructor(n,t=i=>i){this.raw=n,this.transformer=t}async value(){return this.transformer(await this.raw.json())}}function D(e){return B(e)}function B(e,n){return e==null?e:{identifier:e.identifier==null?void 0:e.identifier,content:e.content==null?void 0:e.content.map(C)}}function C(e){return G(e)}function G(e,n){return e==null?e:{items:e.items==null?void 0:e.items,content:e.content==null?void 0:e.content,config:e.config==null?void 0:e.config,identifier:e.identifier==null?void 0:e.identifier,uid:e.uid==null?void 0:e.uid,component:e.component==null?void 0:e.component,slots:e.slots==null?void 0:v(e.slots,D)}}function E(e){return H(e)}function H(e,n){return e==null?e:{slug:e.slug==null?void 0:e.slug,title:e.title==null?void 0:e.title,href:e.href==null?void 0:e.href}}function V(e){return z(e)}function z(e,n){return e==null?e:{domain:e.domain==null?void 0:e.domain,slug:e.slug==null?void 0:e.slug,version:e.version==null?void 0:e.version,updated_at:e.updated_at==null?void 0:e.updated_at,language:e.language==null?void 0:e.language,primary_language:e.primary_language==null?void 0:e.primary_language}}function q(e){return J(e)}function J(e,n){return e==null?e:{type:e.type==null?void 0:e.type,target:e.target==null?void 0:e.target,label:e.label==null?void 0:e.label,href:e.href==null?void 0:e.href,slug:e.slug==null?void 0:e.slug,properties:e.properties==null?void 0:e.properties,children:e.children==null?void 0:e.children.map(q)}}function W(e){return Q(e)}function Q(e,n){return e==null?e:{items:e.items==null?void 0:e.items.map(q),uid:e.uid==null?void 0:e.uid,identifier:e.identifier==null?void 0:e.identifier,label:e.label==null?void 0:e.label}}function X(e){return Y(e)}function Y(e,n){return e==null?e:{nitro:e.nitro==null?void 0:V(e.nitro),pages:e.pages==null?void 0:e.pages,containers:e.containers==null?void 0:v(e.containers,W),globals:e.globals==null?void 0:e.globals}}function Z(e){return ee(e)}function ee(e,n){return e==null?e:{shortcode:e.shortcode==null?void 0:e.shortcode,name:e.name==null?void 0:e.name}}function R(e){return ne(e)}function ne(e,n){return e==null?e:{language:e.language==null?void 0:Z(e.language),slug:e.slug==null?void 0:e.slug,title:e.title==null?void 0:e.title,href:e.href==null?void 0:e.href}}function te(e){return ie(e)}function ie(e,n){return e==null?e:{api:e.api==null?void 0:e.api,image:e.image==null?void 0:e.image}}function oe(e){return re(e)}function re(e,n){return e==null?e:{_version:e._version==null?void 0:e._version,entity_metric:e.entity_metric==null?void 0:te(e.entity_metric),entity_unique_id:e.entity_unique_id==null?void 0:e.entity_unique_id,entity_id:e.entity_id==null?void 0:e.entity_id,entity_image:e.entity_image==null?void 0:e.entity_image,entity_slug:e.entity_slug==null?void 0:e.entity_slug,entity_teaser:e.entity_teaser==null?void 0:e.entity_teaser,entity_time_end:e.entity_time_end==null?void 0:e.entity_time_end,entity_time_start:e.entity_time_start==null?void 0:e.entity_time_start,entity_title:e.entity_title==null?void 0:e.entity_title,entity_type:e.entity_type==null?void 0:e.entity_type,entity_type_id:e.entity_type_id==null?void 0:e.entity_type_id,updated_at:e.updated_at==null?void 0:e.updated_at,routes:e.routes==null?void 0:e.routes}}function A(e){return ae(e)}function ae(e,n){return e==null?e:{entity:e.entity==null?void 0:oe(e.entity),model:e.model==null?void 0:e.model,language:e.language==null?void 0:e.language,jsonld:e.jsonld==null?void 0:e.jsonld,translation:e.translation==null?void 0:e.translation.map(R),breadcrumb:e.breadcrumb==null?void 0:e.breadcrumb.map(E)}}function I(e){return le(e)}function le(e,n){return e==null?e:{entity_unique_id:e.entity_unique_id==null?void 0:e.entity_unique_id,entity_title:e.entity_title==null?void 0:e.entity_title,entity_teaser:e.entity_teaser==null?void 0:e.entity_teaser,entity_slug:e.entity_slug==null?void 0:e.entity_slug,entity_time_start:e.entity_time_start==null?void 0:e.entity_time_start,entity_type:e.entity_type==null?void 0:e.entity_type,entity_type_id:e.entity_type_id==null?void 0:e.entity_type_id,entity_image:e.entity_image==null?void 0:e.entity_image,routes:e.routes==null?void 0:e.routes}}function se(e){return ue(e)}function ue(e,n){return e==null?e:{description:e.description==null?void 0:e.description,image:e.image==null?void 0:e.image,title:e.title==null?void 0:e.title}}function ce(e){return de(e)}function de(e,n){return e==null?e:{value:e.value==null?void 0:e.value,navigation:e.navigation==null?void 0:e.navigation,propagate:e.propagate==null?void 0:e.propagate}}function T(e){return fe(e)}function fe(e,n){return e==null?e:{id:e.id==null?void 0:e.id,title:e.title==null?void 0:e.title,href:e.href==null?void 0:e.href,slug:e.slug==null?void 0:e.slug,json:e.json==null?void 0:e.json.map(C),depth:e.depth==null?void 0:e.depth,is_home:e.is_home==null?void 0:e.is_home,created_at:e.created_at==null?void 0:e.created_at,updated_at:e.updated_at==null?void 0:e.updated_at,is_visible:e.is_visible==null?void 0:e.is_visible,meta_json:e.meta_json==null?void 0:se(e.meta_json),properties:e.properties==null?void 0:v(e.properties,ce),uid:e.uid==null?void 0:e.uid,type:e.type==null?void 0:e.type,target:e.target==null?void 0:e.target,container:e.container==null?void 0:e.container,breadcrumb:e.breadcrumb==null?void 0:e.breadcrumb.map(E),translation:e.translation==null?void 0:e.translation.map(R)}}function ge(e){return he(e)}function he(e,n){return e==null?e:{version:e.version==null?void 0:e.version,updated_at:e.updated_at==null?void 0:e.updated_at}}class pe extends g{async configRaw(n,t){const i={};n.lang!=null&&(i.lang=n.lang);const r={};this.configuration&&this.configuration.apiKey&&(i.token=await this.configuration.apiKey("token"));const a=await this.request({path:"/config",method:"GET",headers:r,query:i},t);return new d(a,l=>X(l))}async config(n={},t){return await(await this.configRaw(n,t)).value()}}class ye extends g{async entityBySlugRaw(n,t){if(n.slug==null)throw new y("slug",'Required parameter "slug" was null or undefined when calling entityBySlug().');const i={};n.typeId!=null&&(i.typeId=n.typeId),n.lang!=null&&(i.lang=n.lang);const r={};this.configuration&&this.configuration.apiKey&&(i.token=await this.configuration.apiKey("token"));let o="/entities/slug/{slug}";o=o.replace("{slug}",encodeURIComponent(String(n.slug)));const a=await this.request({path:o,method:"GET",headers:r,query:i},t);return new d(a,l=>A(l))}async entityBySlug(n,t){return await(await this.entityBySlugRaw(n,t)).value()}async entityByUniqueidRaw(n,t){if(n.uniqueid==null)throw new y("uniqueid",'Required parameter "uniqueid" was null or undefined when calling entityByUniqueid().');const i={};n.lang!=null&&(i.lang=n.lang);const r={};this.configuration&&this.configuration.apiKey&&(i.token=await this.configuration.apiKey("token"));let o="/entities/uniqueid/{uniqueid}";o=o.replace("{uniqueid}",encodeURIComponent(String(n.uniqueid)));const a=await this.request({path:o,method:"GET",headers:r,query:i},t);return new d(a,l=>A(l))}async entityByUniqueid(n,t){return await(await this.entityByUniqueidRaw(n,t)).value()}}class ve extends g{async homeRaw(n,t){const i={};n.lang!=null&&(i.lang=n.lang);const r={};this.configuration&&this.configuration.apiKey&&(i.token=await this.configuration.apiKey("token"));const a=await this.request({path:"/pages/home",method:"GET",headers:r,query:i},t);return new d(a,l=>T(l))}async home(n={},t){return await(await this.homeRaw(n,t)).value()}async pageRaw(n,t){const i={};n.slug!=null&&(i.slug=n.slug),n.lang!=null&&(i.lang=n.lang);const r={};this.configuration&&this.configuration.apiKey&&(i.token=await this.configuration.apiKey("token"));const a=await this.request({path:"/pages",method:"GET",headers:r,query:i},t);return new d(a,l=>T(l))}async page(n={},t){return await(await this.pageRaw(n,t)).value()}}class me extends g{async searchRaw(n,t){if(n.query==null)throw new y("query",'Required parameter "query" was null or undefined when calling search().');const i={};n.query!=null&&(i.query=n.query),n.lang!=null&&(i.lang=n.lang);const r={};this.configuration&&this.configuration.apiKey&&(i.token=await this.configuration.apiKey("token"));const a=await this.request({path:"/search",method:"GET",headers:r,query:i},t);return new d(a,l=>l.map(I))}async search(n,t){return await(await this.searchRaw(n,t)).value()}}class we extends g{async sitemapRaw(n,t){const i={};n.lang!=null&&(i.lang=n.lang);const r={};this.configuration&&this.configuration.apiKey&&(i.token=await this.configuration.apiKey("token"));const a=await this.request({path:"/sitemap",method:"GET",headers:r,query:i},t);return new d(a,l=>l.map(I))}async sitemap(n={},t){return await(await this.sitemapRaw(n,t)).value()}}class _e extends g{async versionRaw(n,t){const i={};n.lang!=null&&(i.lang=n.lang);const r={};this.configuration&&this.configuration.apiKey&&(i.token=await this.configuration.apiKey("token"));const a=await this.request({path:"/version",method:"GET",headers:r,query:i},t);return new d(a,l=>ge(l))}async version(n={},t){return await(await this.versionRaw(n,t)).value()}}const be=/[\p{Lu}]/u,Ce=/[\p{Ll}]/u,k=/^[\p{Lu}](?![\p{Lu}])/gu,S=/([\p{Alpha}\p{N}_]|$)/u,m=/[_.\- ]+/,Ee=new RegExp("^"+m.source),j=new RegExp(m.source+S.source,"gu"),L=new RegExp("\\d+"+S.source,"gu"),qe=(e,n,t,i)=>{let r=!1,o=!1,a=!1,l=!1;for(let u=0;u<e.length;u++){const c=e[u];l=u>2?e[u-3]==="-":!0,r&&be.test(c)?(e=e.slice(0,u)+"-"+e.slice(u),r=!1,a=o,o=!0,u++):o&&a&&Ce.test(c)&&(!l||i)?(e=e.slice(0,u-1)+"-"+e.slice(u-1),a=o,o=!1,r=!0):(r=n(c)===c&&t(c)!==c,a=o,o=t(c)===c&&n(c)!==c)}return e},Re=(e,n)=>(k.lastIndex=0,e.replaceAll(k,t=>n(t))),Ae=(e,n)=>(j.lastIndex=0,L.lastIndex=0,e.replaceAll(L,(t,i,r)=>["_","-"].includes(e.charAt(r+t.length))?t:n(t)).replaceAll(j,(t,i)=>n(i)));function Ie(e,n){if(!(typeof e=="string"||Array.isArray(e)))throw new TypeError("Expected the input to be `string | string[]`");if(n={pascalCase:!1,preserveConsecutiveUppercase:!1,...n},Array.isArray(e)?e=e.map(o=>o.trim()).filter(o=>o.length).join("-"):e=e.trim(),e.length===0)return"";const t=n.locale===!1?o=>o.toLowerCase():o=>o.toLocaleLowerCase(n.locale),i=n.locale===!1?o=>o.toUpperCase():o=>o.toLocaleUpperCase(n.locale);return e.length===1?m.test(e)?"":n.pascalCase?i(e):t(e):(e!==t(e)&&(e=qe(e,t,i,n.preserveConsecutiveUppercase)),e=e.replace(Ee,""),e=n.preserveConsecutiveUppercase?Re(e,t):t(e),n.pascalCase&&(e=i(e.charAt(0))+e.slice(1)),Ae(e,i))}function Te(e,n,t){const i="virtual:flyo-components",r="\0"+i;return{name:"vite-plugin-flyo-components",async resolveId(o){if(o===i)return r},async load(o){if(o===r){const a=[];for(const[u,c]of Object.entries(n)){const p=await this.resolve("/"+e+"/"+c+".astro");p&&a.push(`export { default as ${Ie(u)} } from "${p.id}"`)}let l=null;return t&&(l=await this.resolve("/"+e+"/"+t+".astro")),l?a.push(`export { default as fallback } from "${l.id}"`):a.push('export { default as fallback } from "@flyo/nitro-astro/FallbackComponent.astro"'),a.join(";")}}}}function P(){return globalThis.flyoNitroInstance||console.error("The Flyo Typescript Configuration has not been initialized correctly"),globalThis.flyoNitroInstance}function f(){return P().config}async function ke(e){return await e.locals.config}function Se(){return new pe(f())}function je(){return new ye(f())}function Le(){return new ve(f())}function Pe(){return new me(f())}function Ue(){return new we(f())}function Fe(){return new _e(f())}function U(e){return{"data-flyo-uid":e.uid}}const $e=U,xe=`
+(function(s,h){typeof exports=="object"&&typeof module<"u"?h(exports):typeof define=="function"&&define.amd?define(["exports"],h):(s=typeof globalThis<"u"?globalThis:s||self,h(s.flyoNitroIntegration={}))})(this,function(s){"use strict";const h="https://api.flyo.cloud/nitro/v1".replace(/\/+$/,"");class ${constructor(n={}){this.configuration=n}set config(n){this.configuration=n}get basePath(){return this.configuration.basePath!=null?this.configuration.basePath:h}get fetchApi(){return this.configuration.fetchApi}get middleware(){return this.configuration.middleware||[]}get queryParamsStringify(){return this.configuration.queryParamsStringify||_}get username(){return this.configuration.username}get password(){return this.configuration.password}get apiKey(){const n=this.configuration.apiKey;if(n)return typeof n=="function"?n:()=>n}get accessToken(){const n=this.configuration.accessToken;if(n)return typeof n=="function"?n:async()=>n}get headers(){return this.configuration.headers}get credentials(){return this.configuration.credentials}}const x=new $,w=class F{constructor(n=x){this.configuration=n,this.fetchApi=async(t,i)=>{let r={url:t,init:i};for(const a of this.middleware)a.pre&&(r=await a.pre({fetch:this.fetchApi,...r})||r);let o;try{o=await(this.configuration.fetchApi||fetch)(r.url,r.init)}catch(a){for(const l of this.middleware)l.onError&&(o=await l.onError({fetch:this.fetchApi,url:r.url,init:r.init,error:a,response:o?o.clone():void 0})||o);if(o===void 0)throw a instanceof Error?new O(a,"The request failed and the interceptors did not return an alternative response"):a}for(const a of this.middleware)a.post&&(o=await a.post({fetch:this.fetchApi,url:r.url,init:r.init,response:o.clone()})||o);return o},this.middleware=n.middleware}withMiddleware(...n){const t=this.clone();return t.middleware=t.middleware.concat(...n),t}withPreMiddleware(...n){const t=n.map(i=>({pre:i}));return this.withMiddleware(...t)}withPostMiddleware(...n){const t=n.map(i=>({post:i}));return this.withMiddleware(...t)}isJsonMime(n){return n?F.jsonRegex.test(n):!1}async request(n,t){const{url:i,init:r}=await this.createFetchParams(n,t),o=await this.fetchApi(i,r);if(o&&o.status>=200&&o.status<300)return o;throw new N(o,"Response returned an error code")}async createFetchParams(n,t){let i=this.configuration.basePath+n.path;n.query!==void 0&&Object.keys(n.query).length!==0&&(i+="?"+this.configuration.queryParamsStringify(n.query));const r=Object.assign({},this.configuration.headers,n.headers);Object.keys(r).forEach(p=>r[p]===void 0?delete r[p]:{});const o=typeof t=="function"?t:async()=>t,a={method:n.method,headers:r,body:n.body,credentials:this.configuration.credentials},l={...a,...await o({init:a,context:n})};let u;M(l.body)||l.body instanceof URLSearchParams||K(l.body)?u=l.body:this.isJsonMime(r["Content-Type"])?u=JSON.stringify(l.body):u=l.body;const c={...l,body:u};return{url:i,init:c}}clone(){const n=this.constructor,t=new n(this.configuration);return t.middleware=this.middleware.slice(),t}};w.jsonRegex=new RegExp("^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$","i");let g=w;function K(e){return typeof Blob<"u"&&e instanceof Blob}function M(e){return typeof FormData<"u"&&e instanceof FormData}class N extends Error{constructor(n,t){super(t),this.response=n,this.name="ResponseError"}}class O extends Error{constructor(n,t){super(t),this.cause=n,this.name="FetchError"}}class y extends Error{constructor(n,t){super(t),this.field=n,this.name="RequiredError"}}function _(e,n=""){return Object.keys(e).map(t=>b(t,e[t],n)).filter(t=>t.length>0).join("&")}function b(e,n,t=""){const i=t+(t.length?`[${e}]`:e);if(n instanceof Array){const r=n.map(o=>encodeURIComponent(String(o))).join(`&${encodeURIComponent(i)}=`);return`${encodeURIComponent(i)}=${r}`}if(n instanceof Set){const r=Array.from(n);return b(e,r,t)}return n instanceof Date?`${encodeURIComponent(i)}=${encodeURIComponent(n.toISOString())}`:n instanceof Object?_(n,i):`${encodeURIComponent(i)}=${encodeURIComponent(String(n))}`}function v(e,n){const t={};for(const i of Object.keys(e))t[i]=n(e[i]);return t}class d{constructor(n,t=i=>i){this.raw=n,this.transformer=t}async value(){return this.transformer(await this.raw.json())}}function D(e){return B(e)}function B(e,n){return e==null?e:{identifier:e.identifier==null?void 0:e.identifier,content:e.content==null?void 0:e.content.map(C)}}function C(e){return G(e)}function G(e,n){return e==null?e:{items:e.items==null?void 0:e.items,content:e.content==null?void 0:e.content,config:e.config==null?void 0:e.config,identifier:e.identifier==null?void 0:e.identifier,uid:e.uid==null?void 0:e.uid,component:e.component==null?void 0:e.component,slots:e.slots==null?void 0:v(e.slots,D)}}function E(e){return H(e)}function H(e,n){return e==null?e:{slug:e.slug==null?void 0:e.slug,title:e.title==null?void 0:e.title,href:e.href==null?void 0:e.href}}function V(e){return z(e)}function z(e,n){return e==null?e:{domain:e.domain==null?void 0:e.domain,slug:e.slug==null?void 0:e.slug,version:e.version==null?void 0:e.version,updated_at:e.updated_at==null?void 0:e.updated_at,language:e.language==null?void 0:e.language,primary_language:e.primary_language==null?void 0:e.primary_language}}function q(e){return J(e)}function J(e,n){return e==null?e:{type:e.type==null?void 0:e.type,target:e.target==null?void 0:e.target,label:e.label==null?void 0:e.label,href:e.href==null?void 0:e.href,slug:e.slug==null?void 0:e.slug,properties:e.properties==null?void 0:e.properties,children:e.children==null?void 0:e.children.map(q)}}function W(e){return Q(e)}function Q(e,n){return e==null?e:{items:e.items==null?void 0:e.items.map(q),uid:e.uid==null?void 0:e.uid,identifier:e.identifier==null?void 0:e.identifier,label:e.label==null?void 0:e.label}}function X(e){return Y(e)}function Y(e,n){return e==null?e:{nitro:e.nitro==null?void 0:V(e.nitro),pages:e.pages==null?void 0:e.pages,containers:e.containers==null?void 0:v(e.containers,W),globals:e.globals==null?void 0:e.globals}}function Z(e){return ee(e)}function ee(e,n){return e==null?e:{shortcode:e.shortcode==null?void 0:e.shortcode,name:e.name==null?void 0:e.name}}function R(e){return ne(e)}function ne(e,n){return e==null?e:{language:e.language==null?void 0:Z(e.language),slug:e.slug==null?void 0:e.slug,title:e.title==null?void 0:e.title,href:e.href==null?void 0:e.href}}function te(e){return ie(e)}function ie(e,n){return e==null?e:{api:e.api==null?void 0:e.api,image:e.image==null?void 0:e.image}}function oe(e){return re(e)}function re(e,n){return e==null?e:{_version:e._version==null?void 0:e._version,entity_metric:e.entity_metric==null?void 0:te(e.entity_metric),entity_unique_id:e.entity_unique_id==null?void 0:e.entity_unique_id,entity_id:e.entity_id==null?void 0:e.entity_id,entity_image:e.entity_image==null?void 0:e.entity_image,entity_slug:e.entity_slug==null?void 0:e.entity_slug,entity_teaser:e.entity_teaser==null?void 0:e.entity_teaser,entity_time_end:e.entity_time_end==null?void 0:e.entity_time_end,entity_time_start:e.entity_time_start==null?void 0:e.entity_time_start,entity_title:e.entity_title==null?void 0:e.entity_title,entity_type:e.entity_type==null?void 0:e.entity_type,entity_type_id:e.entity_type_id==null?void 0:e.entity_type_id,updated_at:e.updated_at==null?void 0:e.updated_at,routes:e.routes==null?void 0:e.routes}}function A(e){return ae(e)}function ae(e,n){return e==null?e:{entity:e.entity==null?void 0:oe(e.entity),model:e.model==null?void 0:e.model,language:e.language==null?void 0:e.language,jsonld:e.jsonld==null?void 0:e.jsonld,translation:e.translation==null?void 0:e.translation.map(R),breadcrumb:e.breadcrumb==null?void 0:e.breadcrumb.map(E)}}function T(e){return le(e)}function le(e,n){return e==null?e:{entity_unique_id:e.entity_unique_id==null?void 0:e.entity_unique_id,entity_title:e.entity_title==null?void 0:e.entity_title,entity_teaser:e.entity_teaser==null?void 0:e.entity_teaser,entity_slug:e.entity_slug==null?void 0:e.entity_slug,entity_time_start:e.entity_time_start==null?void 0:e.entity_time_start,entity_type:e.entity_type==null?void 0:e.entity_type,entity_type_id:e.entity_type_id==null?void 0:e.entity_type_id,entity_image:e.entity_image==null?void 0:e.entity_image,routes:e.routes==null?void 0:e.routes}}function se(e){return ue(e)}function ue(e,n){return e==null?e:{description:e.description==null?void 0:e.description,image:e.image==null?void 0:e.image,title:e.title==null?void 0:e.title}}function ce(e){return de(e)}function de(e,n){return e==null?e:{value:e.value==null?void 0:e.value,navigation:e.navigation==null?void 0:e.navigation,propagate:e.propagate==null?void 0:e.propagate}}function I(e){return fe(e)}function fe(e,n){return e==null?e:{id:e.id==null?void 0:e.id,title:e.title==null?void 0:e.title,href:e.href==null?void 0:e.href,slug:e.slug==null?void 0:e.slug,json:e.json==null?void 0:e.json.map(C),depth:e.depth==null?void 0:e.depth,is_home:e.is_home==null?void 0:e.is_home,created_at:e.created_at==null?void 0:e.created_at,updated_at:e.updated_at==null?void 0:e.updated_at,is_visible:e.is_visible==null?void 0:e.is_visible,meta_json:e.meta_json==null?void 0:se(e.meta_json),properties:e.properties==null?void 0:v(e.properties,ce),uid:e.uid==null?void 0:e.uid,type:e.type==null?void 0:e.type,target:e.target==null?void 0:e.target,container:e.container==null?void 0:e.container,breadcrumb:e.breadcrumb==null?void 0:e.breadcrumb.map(E),translation:e.translation==null?void 0:e.translation.map(R)}}function ge(e){return he(e)}function he(e,n){return e==null?e:{version:e.version==null?void 0:e.version,updated_at:e.updated_at==null?void 0:e.updated_at}}class pe extends g{async configRaw(n,t){const i={};n.lang!=null&&(i.lang=n.lang);const r={};this.configuration&&this.configuration.apiKey&&(i.token=await this.configuration.apiKey("token"));const a=await this.request({path:"/config",method:"GET",headers:r,query:i},t);return new d(a,l=>X(l))}async config(n={},t){return await(await this.configRaw(n,t)).value()}}class ye extends g{async entityBySlugRaw(n,t){if(n.slug==null)throw new y("slug",'Required parameter "slug" was null or undefined when calling entityBySlug().');const i={};n.typeId!=null&&(i.typeId=n.typeId),n.lang!=null&&(i.lang=n.lang);const r={};this.configuration&&this.configuration.apiKey&&(i.token=await this.configuration.apiKey("token"));let o="/entities/slug/{slug}";o=o.replace("{slug}",encodeURIComponent(String(n.slug)));const a=await this.request({path:o,method:"GET",headers:r,query:i},t);return new d(a,l=>A(l))}async entityBySlug(n,t){return await(await this.entityBySlugRaw(n,t)).value()}async entityByUniqueidRaw(n,t){if(n.uniqueid==null)throw new y("uniqueid",'Required parameter "uniqueid" was null or undefined when calling entityByUniqueid().');const i={};n.lang!=null&&(i.lang=n.lang);const r={};this.configuration&&this.configuration.apiKey&&(i.token=await this.configuration.apiKey("token"));let o="/entities/uniqueid/{uniqueid}";o=o.replace("{uniqueid}",encodeURIComponent(String(n.uniqueid)));const a=await this.request({path:o,method:"GET",headers:r,query:i},t);return new d(a,l=>A(l))}async entityByUniqueid(n,t){return await(await this.entityByUniqueidRaw(n,t)).value()}}class ve extends g{async homeRaw(n,t){const i={};n.lang!=null&&(i.lang=n.lang);const r={};this.configuration&&this.configuration.apiKey&&(i.token=await this.configuration.apiKey("token"));const a=await this.request({path:"/pages/home",method:"GET",headers:r,query:i},t);return new d(a,l=>I(l))}async home(n={},t){return await(await this.homeRaw(n,t)).value()}async pageRaw(n,t){const i={};n.slug!=null&&(i.slug=n.slug),n.lang!=null&&(i.lang=n.lang);const r={};this.configuration&&this.configuration.apiKey&&(i.token=await this.configuration.apiKey("token"));const a=await this.request({path:"/pages",method:"GET",headers:r,query:i},t);return new d(a,l=>I(l))}async page(n={},t){return await(await this.pageRaw(n,t)).value()}}class me extends g{async searchRaw(n,t){if(n.query==null)throw new y("query",'Required parameter "query" was null or undefined when calling search().');const i={};n.query!=null&&(i.query=n.query),n.lang!=null&&(i.lang=n.lang);const r={};this.configuration&&this.configuration.apiKey&&(i.token=await this.configuration.apiKey("token"));const a=await this.request({path:"/search",method:"GET",headers:r,query:i},t);return new d(a,l=>l.map(T))}async search(n,t){return await(await this.searchRaw(n,t)).value()}}class we extends g{async sitemapRaw(n,t){const i={};n.lang!=null&&(i.lang=n.lang);const r={};this.configuration&&this.configuration.apiKey&&(i.token=await this.configuration.apiKey("token"));const a=await this.request({path:"/sitemap",method:"GET",headers:r,query:i},t);return new d(a,l=>l.map(T))}async sitemap(n={},t){return await(await this.sitemapRaw(n,t)).value()}}class _e extends g{async versionRaw(n,t){const i={};n.lang!=null&&(i.lang=n.lang);const r={};this.configuration&&this.configuration.apiKey&&(i.token=await this.configuration.apiKey("token"));const a=await this.request({path:"/version",method:"GET",headers:r,query:i},t);return new d(a,l=>ge(l))}async version(n={},t){return await(await this.versionRaw(n,t)).value()}}const be=/[\p{Lu}]/u,Ce=/[\p{Ll}]/u,k=/^[\p{Lu}](?![\p{Lu}])/gu,S=/([\p{Alpha}\p{N}_]|$)/u,m=/[_.\- ]+/,Ee=new RegExp("^"+m.source),j=new RegExp(m.source+S.source,"gu"),L=new RegExp("\\d+"+S.source,"gu"),qe=(e,n,t,i)=>{let r=!1,o=!1,a=!1,l=!1;for(let u=0;u<e.length;u++){const c=e[u];l=u>2?e[u-3]==="-":!0,r&&be.test(c)?(e=e.slice(0,u)+"-"+e.slice(u),r=!1,a=o,o=!0,u++):o&&a&&Ce.test(c)&&(!l||i)?(e=e.slice(0,u-1)+"-"+e.slice(u-1),a=o,o=!1,r=!0):(r=n(c)===c&&t(c)!==c,a=o,o=t(c)===c&&n(c)!==c)}return e},Re=(e,n)=>(k.lastIndex=0,e.replaceAll(k,t=>n(t))),Ae=(e,n)=>(j.lastIndex=0,L.lastIndex=0,e.replaceAll(L,(t,i,r)=>["_","-"].includes(e.charAt(r+t.length))?t:n(t)).replaceAll(j,(t,i)=>n(i)));function Te(e,n){if(!(typeof e=="string"||Array.isArray(e)))throw new TypeError("Expected the input to be `string | string[]`");if(n={pascalCase:!1,preserveConsecutiveUppercase:!1,...n},Array.isArray(e)?e=e.map(o=>o.trim()).filter(o=>o.length).join("-"):e=e.trim(),e.length===0)return"";const t=n.locale===!1?o=>o.toLowerCase():o=>o.toLocaleLowerCase(n.locale),i=n.locale===!1?o=>o.toUpperCase():o=>o.toLocaleUpperCase(n.locale);return e.length===1?m.test(e)?"":n.pascalCase?i(e):t(e):(e!==t(e)&&(e=qe(e,t,i,n.preserveConsecutiveUppercase)),e=e.replace(Ee,""),e=n.preserveConsecutiveUppercase?Re(e,t):t(e),n.pascalCase&&(e=i(e.charAt(0))+e.slice(1)),Ae(e,i))}function Ie(e,n,t){const i="virtual:flyo-components",r="\0"+i;return{name:"vite-plugin-flyo-components",async resolveId(o){if(o===i)return r},async load(o){if(o===r){const a=[];for(const[u,c]of Object.entries(n)){const p=await this.resolve("/"+e+"/"+c+".astro");p&&a.push(`export { default as ${Te(u)} } from "${p.id}"`)}let l=null;return t&&(l=await this.resolve("/"+e+"/"+t+".astro")),l?a.push(`export { default as fallback } from "${l.id}"`):a.push('export { default as fallback } from "@flyo/nitro-astro/FallbackComponent.astro"'),a.join(";")}}}}function P(){return globalThis.flyoNitroInstance||console.error("The Flyo Typescript Configuration has not been initialized correctly"),globalThis.flyoNitroInstance}function f(){return P().config}async function ke(e){return await e.locals.config}function Se(){return new pe(f())}function je(){return new ye(f())}function Le(){return new ve(f())}function Pe(){return new me(f())}function Ue(){return new we(f())}function Fe(){return new _e(f())}function U(e){return{"data-flyo-uid":e.uid}}const $e=U,xe=`
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 163.4 88.5">
 <style type="text/css">
     .st8{fill:#FFFFFF;}
@@ -29,7 +29,7 @@
     </g>
 </g>
 </svg>
-`;function Ke(e){const n={accessToken:!1,liveEdit:!1,fallbackComponent:null,componentsDir:"src/components/flyo",serverCacheHeaderTtl:1200,clientCacheHeaderTtl:900,...e};return n.liveEdit==="true"?n.liveEdit=!0:n.liveEdit==="false"&&(n.liveEdit=!1),{name:"@flyo/nitro-astro",hooks:{"astro:config:setup":({injectScript:t,updateConfig:i,injectRoute:r,addMiddleware:o,addDevToolbarApp:a})=>{if(!n.accessToken||n.accessToken.length==0)throw new Error("The Flyo Nitro Integration requires an accessToken");a({id:"flyo-nitro",name:"Flyo Nitro",icon:xe,entrypoint:"@flyo/nitro-astro/toolbar.ts"}),r({pattern:"sitemap.xml",entrypoint:"@flyo/nitro-astro/sitemap.ts"}),o({entrypoint:"@flyo/nitro-astro/middleware.ts",order:"post"}),i({image:{service:{entrypoint:"@flyo/nitro-astro/cdn.ts"}},vite:{plugins:[Te(n.componentsDir,n.components||{},n.fallbackComponent)]}}),t("page-ssr",`
+`;function Ke(e){const n={accessToken:!1,liveEdit:!1,fallbackComponent:null,componentsDir:"src/components/flyo",serverCacheHeaderTtl:1200,clientCacheHeaderTtl:900,...e};return n.liveEdit==="true"?n.liveEdit=!0:n.liveEdit==="false"&&(n.liveEdit=!1),{name:"@flyo/nitro-astro",hooks:{"astro:config:setup":({injectScript:t,updateConfig:i,injectRoute:r,addMiddleware:o,addDevToolbarApp:a})=>{if(!n.accessToken||n.accessToken.length==0)throw new Error("The Flyo Nitro Integration requires an accessToken");a({id:"flyo-nitro",name:"Flyo Nitro",icon:xe,entrypoint:"@flyo/nitro-astro/toolbar.ts"}),r({pattern:"sitemap.xml",entrypoint:"@flyo/nitro-astro/sitemap.ts"}),o({entrypoint:"@flyo/nitro-astro/middleware.ts",order:"post"}),i({image:{service:{entrypoint:"@flyo/nitro-astro/cdn.ts"}},vite:{plugins:[Ie(n.componentsDir,n.components||{},n.fallbackComponent)]}}),t("page-ssr",`
             import { Configuration } from '@flyo/nitro-typescript'
 
             var defaultConfig = new Configuration({
@@ -39,6 +39,7 @@
             globalThis.flyoNitroInstance = {
               config: defaultConfig,
               options: {
+                accessToken: '${n.accessToken}',
                 liveEdit: ${n.liveEdit},
                 componentsDir: '${n.componentsDir}',
                 clientCacheHeaderTtl: ${n.clientCacheHeaderTtl},

package/dist/nitro-astro.mjs

@@ -215,7 +215,7 @@ function O(e, n) {
     slots: e.slots == null ? void 0 : p(e.slots, N)
   };
 }
-function I(e) {
+function k(e) {
   return D(e);
 }
 function D(e, n) {
@@ -238,7 +238,7 @@ function G(e, n) {
     primary_language: e.primary_language == null ? void 0 : e.primary_language
   };
 }
-function k(e) {
+function I(e) {
   return H(e);
 }
 function H(e, n) {
@@ -249,7 +249,7 @@ function H(e, n) {
     href: e.href == null ? void 0 : e.href,
     slug: e.slug == null ? void 0 : e.slug,
     properties: e.properties == null ? void 0 : e.properties,
-    children: e.children == null ? void 0 : e.children.map(k)
+    children: e.children == null ? void 0 : e.children.map(I)
   };
 }
 function z(e) {
@@ -257,7 +257,7 @@ function z(e) {
 }
 function V(e, n) {
   return e == null ? e : {
-    items: e.items == null ? void 0 : e.items.map(k),
+    items: e.items == null ? void 0 : e.items.map(I),
     uid: e.uid == null ? void 0 : e.uid,
     identifier: e.identifier == null ? void 0 : e.identifier,
     label: e.label == null ? void 0 : e.label
@@ -334,7 +334,7 @@ function ie(e, n) {
     language: e.language == null ? void 0 : e.language,
     jsonld: e.jsonld == null ? void 0 : e.jsonld,
     translation: e.translation == null ? void 0 : e.translation.map(T),
-    breadcrumb: e.breadcrumb == null ? void 0 : e.breadcrumb.map(I)
+    breadcrumb: e.breadcrumb == null ? void 0 : e.breadcrumb.map(k)
   };
 }
 function x(e) {
@@ -394,7 +394,7 @@ function ue(e, n) {
     type: e.type == null ? void 0 : e.type,
     target: e.target == null ? void 0 : e.target,
     container: e.container == null ? void 0 : e.container,
-    breadcrumb: e.breadcrumb == null ? void 0 : e.breadcrumb.map(I),
+    breadcrumb: e.breadcrumb == null ? void 0 : e.breadcrumb.map(k),
     translation: e.translation == null ? void 0 : e.translation.map(T)
   };
 }
@@ -712,12 +712,12 @@ function Ue() {
 function Pe() {
   return new ve(f());
 }
-function Ie(e) {
+function ke(e) {
   return {
     "data-flyo-uid": e.uid
   };
 }
-const Fe = Ie, ke = `
+const Fe = ke, Ie = `
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 163.4 88.5">
 <style type="text/css">
     .st8{fill:#FFFFFF;}
@@ -777,7 +777,7 @@ function $e(e) {
           id: "flyo-nitro",
           name: "Flyo Nitro",
           //icon: 'lightbulb',
-          icon: ke,
+          icon: Ie,
           //icon: '<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><ellipse cx="100" cy="60" rx="90" ry="50" fill="#F4A460" /><circle cx="70" cy="45" r="5" fill="white" /><circle cx="90" cy="30" r="5" fill="white" /><circle cx="110" cy="45" r="5" fill="white" /><circle cx="130" cy="30" r="5" fill="white" /><circle cx="150" cy="45" r="5" fill="white" /><path d="M30 90 Q60 75, 90 90 T150 90 Q160 80, 180 90" fill="#228B22" /><rect x="30" y="90" width="140" height="15" fill="#FF6347" /><rect x="30" y="105" width="140" height="15" fill="#FFD700" /><rect x="30" y="120" width="140" height="25" fill="#8B4513" /><ellipse cx="100" cy="160" rx="90" ry="30" fill="#F4A460" /></svg>',
           entrypoint: "@flyo/nitro-astro/toolbar.ts"
         }), r({
@@ -813,6 +813,7 @@ function $e(e) {
             globalThis.flyoNitroInstance = {
               config: defaultConfig,
               options: {
+                accessToken: '${n.accessToken}',
                 liveEdit: ${n.liveEdit},
                 componentsDir: '${n.componentsDir}',
                 clientCacheHeaderTtl: ${n.clientCacheHeaderTtl},
@@ -852,7 +853,7 @@ function $e(e) {
 }
 export {
   $e as default,
-  Ie as editable,
+  ke as editable,
   Fe as editableBlock,
   Te as useConfig,
   xe as useConfigApi,

package/dist/types/components/DebugInfo.d.ts

@@ -0,0 +1,3 @@
+import { default as DebugInfo } from './DebugInfo.astro';
+
+export default DebugInfo;

package/dist/types/components/DebugInfo.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/index.d.ts

@@ -53,6 +53,7 @@ export interface IntegrationOptions {
 export interface FlyoIntegration {
     config: Configuration;
     options: {
+        accessToken: string;
         liveEdit: boolean;
         componentsDir: string;
         clientCacheHeaderTtl: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flyo/nitro-astro",
-  "version": "2.2.0",
+  "version": "2.3.1",
   "description": "Connecting Flyo Headless Content Hub into your Astro project.",
   "homepage": "https://dev.flyo.cloud/nitro",
   "keywords": [
@@ -73,6 +73,11 @@
       "import": "./components/FlyoWysiwyg.ts",
       "require": "./components/FlyoWysiwyg.ts"
     },
+    "./DebugInfo.astro": {
+      "types": "./components/DebugInfo.ts",
+      "import": "./components/DebugInfo.ts",
+      "require": "./components/DebugInfo.ts"
+    },
     "./cdn.ts": "./cdn.ts",
     "./middleware.ts": "./middleware.ts",
     "./sitemap.ts": "./sitemap.ts",