@prokodo/ui 0.0.34 → 0.0.36

package/dist/components/button/Button.js

@@ -1,18 +1,12 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { jsx, Fragment } from "react/jsx-runtime";
-import { Suspense, lazy } from "react";
+import { createIsland } from "../../helpers/createIsland.js";
 import ButtonServer from "./Button.server.js";
-const loader = /* @__PURE__ */ __name(() => import("./Button.lazy.js"), "loader");
-if (typeof window !== "undefined") void loader();
-const LazyWrapper = typeof window !== "undefined" ? lazy(loader) : null;
-function Button({ priority = false, ...props }) {
-  const interactive = !!props.onClick || !!props.onKeyDown || !!props.redirect;
-  if (!interactive) return /* @__PURE__ */ jsx(ButtonServer, { ...props });
-  const Fallback = /* @__PURE__ */ jsx("div", { "data-island": "button", children: /* @__PURE__ */ jsx(ButtonServer, { ...props }) });
-  return /* @__PURE__ */ jsx(Suspense, { fallback: Fallback, children: LazyWrapper ? /* @__PURE__ */ jsx(LazyWrapper, { ...props, priority }) : /* @__PURE__ */ jsx(Fragment, {}) });
-}
-__name(Button, "Button");
+const Button = createIsland({
+  name: "Button",
+  Server: ButtonServer,
+  loadLazy: /* @__PURE__ */ __name(() => import("./Button.lazy.js"), "loadLazy")
+});
 export {
   Button
 };

package/dist/components/button/Button.lazy.js

@@ -1,24 +1,12 @@
 "use client";
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { jsx } from "react/jsx-runtime";
-import { useHydrationReady } from "../../hooks/useHydrationReady.js";
+import { createLazyWrapper } from "../../helpers/createLazyWrapper.js";
 import ButtonClient from "./Button.client.js";
 import ButtonServer from "./Button.server.js";
-function ButtonWrapper({
-  priority = false,
-  ...props
-}) {
-  const hasInteraction = !!props.onClick || !!props.onKeyDown || !!props.redirect;
-  const [visible, ref] = useHydrationReady({
-    enabled: hasInteraction && !priority
-  });
-  if (hasInteraction && (priority || visible)) {
-    return /* @__PURE__ */ jsx(ButtonClient, { ...props });
-  }
-  return /* @__PURE__ */ jsx("div", { ref, "data-island": "button", children: /* @__PURE__ */ jsx(ButtonServer, { ...props }) });
-}
-__name(ButtonWrapper, "ButtonWrapper");
+const Button_lazy = createLazyWrapper({
+  name: "Button",
+  Client: ButtonClient,
+  Server: ButtonServer
+});
 export {
-  ButtonWrapper as default
+  Button_lazy as default
 };

package/dist/constants/project.js

@@ -1,4 +1,4 @@
-const PROKODO_UI_VERSION = "0.0.34";
+const PROKODO_UI_VERSION = "0.0.36";
 export {
   PROKODO_UI_VERSION
 };

package/dist/helpers/createIsland.js

@@ -0,0 +1,32 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx } from "react/jsx-runtime";
+import { lazy, Suspense } from "react";
+function createIsland({
+  name,
+  Server,
+  loadLazy,
+  isInteractive: customInteractive
+}) {
+  if (typeof window !== "undefined") void loadLazy();
+  const LazyWrapper = typeof window !== "undefined" ? lazy(() => loadLazy().then((m) => ({ default: m.default }))) : null;
+  const Island = /* @__PURE__ */ __name(({
+    priority = false,
+    ...raw
+  }) => {
+    const props = raw;
+    const autoInteractive = Object.entries(props).some(
+      ([key, val]) => key.startsWith("on") && typeof val === "function"
+    ) || props.redirect !== void 0;
+    const interactive = customInteractive ? customInteractive(props) || autoInteractive : autoInteractive;
+    if (!interactive) return /* @__PURE__ */ jsx(Server, { ...props });
+    const fallback = /* @__PURE__ */ jsx("div", { "data-island": name.toLowerCase(), children: /* @__PURE__ */ jsx(Server, { ...props }) });
+    return /* @__PURE__ */ jsx(Suspense, { fallback, children: LazyWrapper ? /* @__PURE__ */ jsx(LazyWrapper, { ...props, priority }) : fallback });
+  }, "Island");
+  Island.displayName = `${name}Island`;
+  return Island;
+}
+__name(createIsland, "createIsland");
+export {
+  createIsland
+};

package/dist/helpers/createLazyWrapper.js

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx } from "react/jsx-runtime";
+import { useHydrationReady } from "../hooks/useHydrationReady.js";
+function createLazyWrapper({
+  name,
+  Client,
+  Server
+}) {
+  const LazyWrapper = /* @__PURE__ */ __name(({
+    priority = false,
+    ...raw
+  }) => {
+    const props = raw;
+    const hasInteraction = typeof props.onClick === "function" || typeof props.onKeyDown === "function" || props.redirect !== void 0;
+    const [visible, ref] = useHydrationReady({
+      enabled: hasInteraction && !priority
+    });
+    if (hasInteraction && (priority || visible)) {
+      return /* @__PURE__ */ jsx(Client, { ...raw });
+    }
+    return /* @__PURE__ */ jsx("div", { ref, "data-island": name.toLowerCase(), children: /* @__PURE__ */ jsx(Server, { ...raw }) });
+  }, "LazyWrapper");
+  LazyWrapper.displayName = `${name}Lazy`;
+  return LazyWrapper;
+}
+__name(createLazyWrapper, "createLazyWrapper");
+export {
+  createLazyWrapper
+};