@wrdagency/react-islands 0.1.2 → 0.2.0

package/dist/index.mjs

@@ -1768,34 +1768,10 @@ var require_jsx_runtime = __commonJS({
   }
 });
 
-// src/index.tsx
+// src/render.tsx
 var import_react = __toESM(require_react());
 import { createRoot, hydrateRoot } from "react-dom/client";
 var import_jsx_runtime = __toESM(require_jsx_runtime());
-function createIsland(component, opts) {
-  const mergedOpts = __spreadValues({
-    multiple: false,
-    selector: `[data-hydrate="${opts.name}"]`,
-    keepChildren: false
-  }, opts);
-  const island = {
-    type: "island",
-    component,
-    opts: mergedOpts,
-    render(opts2) {
-      renderIsland(this, opts2);
-    }
-  };
-  return island;
-}
-function withProps(component, setProps) {
-  return (props) => {
-    return component(__spreadValues(__spreadValues({}, props), setProps));
-  };
-}
-function isServer() {
-  return !(typeof window != "undefined" && window.document);
-}
 function RawHTML({ html }) {
   const ref = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
@@ -1805,6 +1781,11 @@ function RawHTML({ html }) {
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", { ref });
 }
+function withProps(component, setProps) {
+  return (props) => {
+    return component(__spreadValues(__spreadValues({}, props), setProps));
+  };
+}
 function renderIsland(island, renderOpts = {}) {
   const { component, opts } = island;
   const { selector, multiple, keepChildren } = opts;
@@ -1855,9 +1836,36 @@ function renderIsland(island, renderOpts = {}) {
     }
   }
 }
+function hydrateIslands(islands) {
+  const isDev = (process.env.NODE_ENV || "development").trim() === "development";
+  for (const island of Object.values(islands)) {
+    island.render({ hydrate: !isDev });
+  }
+}
+
+// src/index.tsx
+function createIsland(component, opts) {
+  const mergedOpts = __spreadValues({
+    multiple: false,
+    selector: `[data-hydrate="${opts.name}"]`,
+    keepChildren: false
+  }, opts);
+  const island = {
+    type: "island",
+    component,
+    opts: mergedOpts,
+    render(opts2) {
+      renderIsland(this, opts2);
+    }
+  };
+  return island;
+}
+function isServer() {
+  return !(typeof window != "undefined" && window.document);
+}
 export {
-  RawHTML,
   createIsland,
+  hydrateIslands,
   isServer,
   withProps
 };