@zikojs/astro 0.0.0

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@zikojs/astro",
+  "version": "0.0.0",
+  "description": "Use Zikojs components within Astro",
+  "keywords": [
+    "astro-integration",
+    "astro-component",
+    "renderer",
+    "zikojs",
+    "ziko"
+  ],
+  "license": "MIT",
+  "author": "zakaria elalaoui",
+  "type": "module",
+  "main": "index.js",
+  "exports":{
+    ".":"./src/index.js",
+    "./client": "./client.js",
+    "./server": "./server.js"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "ziko": "^1.8.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zikojs/integrations.git",
+    "directory": "packages/astro"
+  }
+}

package/src/client.d.ts

@@ -0,0 +1 @@
+export default function (wrapper: HTMLElement): (Component: any, props: Record<string, any>, { default: children, ...slotted }: Record<string, any>, { client }: Record<string, string>) => void;

package/src/client.js

@@ -0,0 +1,19 @@
+// import { isAsync } from "ziko-server/utils"
+export default function (wrapper) {
+    return (Component, props, { default: children, ...slotted }, {client}) => {
+        // if (!wrapper.hasAttribute("ssr")){
+        //     console.log("ssr")
+        //     return
+        // }
+        wrapper.setAttribute("data-engine","zikojs")
+        const properties = props ?? {};
+        switch(client){
+            case "only" : Component(properties).mount(wrapper); break;
+            default : {
+                wrapper.innerHTML = ""
+                console.log(`Client Hydration : ${Component}`)
+                 Component(properties).mount(wrapper); break;
+            }
+        }
+    };
+}

package/src/index.d.ts

@@ -0,0 +1,9 @@
+import type { AstroIntegration } from "astro";
+
+export interface ZikoOptions {
+  noExternal?: string[];
+}
+
+declare const astroZikojs: (options?: ZikoOptions) => AstroIntegration;
+
+export default astroZikojs;

package/src/index.js

@@ -0,0 +1,36 @@
+const astroZikojs = (options = {}) => {
+  const noExternal = options.noExternal || []
+
+  return {
+    name: "astro-zikojs",
+
+    hooks: {
+      "astro:config:setup": async ({ addRenderer, updateConfig, config }) => {
+        
+        // 1. Register renderer
+        addRenderer({
+          name: "astro-zikojs",
+          serverEntrypoint: "@zikojs/astro/server",
+          clientEntrypoint: "@zikojs/astro/client",
+        })
+
+        // 2. Merge noExternal
+        const existing = config.vite?.ssr?.noExternal || []
+
+        if (noExternal.length) {
+          updateConfig({
+            vite: {
+              ssr: {
+                noExternal: [
+                  ...new Set([...existing, ...noExternal])
+                ]
+              }
+            }
+          })
+        }
+      }
+    }
+  }
+}
+
+export default astroZikojs

package/src/server.js

@@ -0,0 +1,26 @@
+import { renderToString } from "ziko-server/server-only-utils"
+import { isAsync } from "ziko-server/utils"
+function check(Component, attributes) {
+    if (typeof Component !== "function") return false;
+	return true
+}
+async function renderToStaticMarkup(Component, props, { default: children, ...slotted }, metadata) {
+    const UI = isAsync(Component) ? await Component(props) : Component(props)
+    const html = renderToString(UI)
+    console.log({metadata})
+    return { 
+        html,
+        // hydration: {
+        //     ...metadata,
+        //     directive: "astro-zikojs",               
+        //     // componentExport: "default",        
+        //     // componentUrl: metadata.filePath,   
+        // },
+     };
+}
+
+export default {
+    name : "astro-zikojs",
+    check,
+    renderToStaticMarkup
+}