@hyperspan/plugin-preact 1.0.0-alpha.0 → 1.0.0-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperspan/plugin-preact",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.2",
   "description": "Hyperspan Plugin for Preact",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -28,7 +28,7 @@
     "typescript": "^5.0.0"
   },
   "peerDependencies": {
-    "@hyperspan/html": "0.1.7",
+    "@hyperspan/html": "^1.0.0-alpha",
     "@hyperspan/framework": "^1.0.0-alpha"
   },
   "dependencies": {

package/src/index.ts

@@ -3,6 +3,7 @@ import { assetHash } from '@hyperspan/framework/utils';
 import { IS_PROD } from '@hyperspan/framework/server';
 import { join, resolve } from 'node:path';
 import type { Hyperspan as HS } from '@hyperspan/framework';
+import { html } from '@hyperspan/html';
 
 // External ESM = https://esm.sh/preact@10.26.4/compat
 const PREACT_ISLAND_CACHE = new Map<string, string>();
@@ -154,3 +155,21 @@ ${componentName}.__HS_ISLAND = {
     });
   };
 }
+
+
+/**
+ * Render a Preact island component
+ */
+export function renderPreactIsland(Component: any, props: any = {}, options = {
+  ssr: true,
+  loading: undefined,
+}) {
+  // Render island with its own logic
+  if (Component.__HS_ISLAND?.render) {
+    return html.raw(Component.__HS_ISLAND.render(props, options));
+  }
+
+  throw new Error(
+    `Module ${Component.name} was not loaded with an island plugin! Did you forget to install an island plugin and add it to the 'islandPlugins' option in your hyperspan.config.ts file?`
+  );
+}