@flyo/nitro-astro 1.0.3 → 1.0.4

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@flyo/nitro-astro",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Astro Framework",
   "main": "./dist/nitro-astro.js",
   "module": "./dist/nitro-astro.mjs",
   "files": [
-    "dist"
+    "dist",
+    "src/components"
   ],
   "author": "Basil Suter <git@nadar.io>",
   "license": "MIT",
@@ -24,6 +25,6 @@
     "url": "https://github.com/flyocloud/nitro-astro"
   },
   "dependencies": {
-    "@flyo/nitro-js": "^1.0.5"
+    "@flyo/nitro-js": "^1.0.6"
   }
 }

package/src/components/FallbackComponent.astro

@@ -0,0 +1,11 @@
+---
+interface Props {
+	block: object
+}
+
+const { block } = Astro.props
+---
+
+<div style="margin: 20px 0; padding: 10px; border-radius: 5px; background-color: #DC143C; color: white;">
+    Can't find <strong>{block.component}</strong> in the Projects component folder.
+</div>

package/src/components/FallbackComponent.ts

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

package/src/components/FlyoNitroBlock.astro

@@ -0,0 +1,29 @@
+---
+import * as components from 'virtual:flyo-components'
+import type { AstroComponentFactory } from "astro/dist/runtime/server"
+import camelcase from "camelcase"
+
+interface Props {
+	block: object;
+    [prop: string]: unknown;
+}
+
+const { block, ...props } = Astro.props;
+
+/* @vite-ignore */
+let Component: AstroComponentFactory | null = null
+
+const key : string = camelcase(block.component)
+const componentFound : boolean = key in components
+
+if (componentFound) {
+    Component = components[key]
+} else {
+    Component = components.fallback
+}
+
+---
+
+<div onclick={`openBlockInFlyo('${block.uid}')`}>
+    {Component && <Component block={block} {...props} />}
+</div>

package/src/components/FlyoNitroBlock.ts

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

package/src/components/FlyoNitroPage.astro

@@ -0,0 +1,14 @@
+---
+import FlyoNitroBlock from './FlyoNitroBlock.astro';
+
+interface Props {
+    page: object;
+}
+
+const { page } = Astro.props
+
+---
+
+{page.json.map((block: object) => (
+    <FlyoNitroBlock block={block} />
+))}

package/src/components/FlyoNitroPage.ts

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