@ereo/client 0.2.13 → 0.2.14

package/dist/index.js

@@ -6,6 +6,9 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
 
+// src/islands.ts
+import { createElement } from "react";
+
 // src/hydration.ts
 function parseHydrationDirective(props) {
   if (props["client:load"]) {
@@ -174,7 +177,7 @@ class IslandRegistry {
 var islandRegistry = new IslandRegistry;
 async function hydrateIslands() {
   const { hydrateRoot } = await import("react-dom/client");
-  const { createElement } = await import("react");
+  const { createElement: createElement2 } = await import("react");
   const islandElements = document.querySelectorAll("[data-island]");
   for (const element of islandElements) {
     const islandId = element.getAttribute("data-island");
@@ -202,7 +205,7 @@ async function hydrateIslands() {
     const triggerCleanup = createHydrationTrigger(strategy, element, () => {
       if (islandRegistry.isHydrated(islandId))
         return;
-      const root = hydrateRoot(element, createElement(component, props));
+      const root = hydrateRoot(element, createElement2(component, props));
       islandRegistry.markHydrated(islandId);
       islandRegistry.setCleanup(islandId, () => {
         triggerCleanup();
@@ -232,20 +235,13 @@ function createIsland(component, name) {
     const { strategy, media } = parseHydrationDirective(props);
     const cleanProps = stripHydrationProps(props);
     const islandId = generateIslandId();
-    return {
-      type: "div",
-      props: {
-        "data-island": islandId,
-        "data-component": name,
-        "data-props": JSON.stringify(cleanProps),
-        "data-strategy": strategy,
-        "data-media": media || undefined,
-        children: {
-          type: component,
-          props: cleanProps
-        }
-      }
-    };
+    return createElement("div", {
+      "data-island": islandId,
+      "data-component": name,
+      "data-props": JSON.stringify(cleanProps),
+      "data-strategy": strategy,
+      "data-media": media || undefined
+    }, createElement(component, cleanProps));
   };
 }
 function initializeIslands() {
@@ -682,7 +678,7 @@ import {
   useState as useState3,
   useCallback as useCallback2,
   useMemo as useMemo2,
-  createElement as createElement2
+  createElement as createElement3
 } from "react";
 
 // src/matches.ts
@@ -691,7 +687,7 @@ import {
   useContext as useContext2,
   useState as useState2,
   useMemo,
-  createElement
+  createElement as createElement2
 } from "react";
 var MatchesContext = createContext2(null);
 function useMatches() {
@@ -707,7 +703,7 @@ function MatchesProvider({
 }) {
   const [matches, setMatches] = useState2(initialMatches);
   const value = useMemo(() => ({ matches, setMatches }), [matches]);
-  return createElement(MatchesContext.Provider, { value }, children);
+  return createElement2(MatchesContext.Provider, { value }, children);
 }
 
 // src/hooks.ts
@@ -811,7 +807,7 @@ function LoaderDataProvider({
 }) {
   const [data, setData] = useState3(initialData);
   const value = useMemo2(() => ({ data, setData }), [data]);
-  return createElement2(LoaderDataContext.Provider, { value }, children);
+  return createElement3(LoaderDataContext.Provider, { value }, children);
 }
 function ActionDataProvider({
   children,
@@ -822,7 +818,7 @@ function ActionDataProvider({
     setData(undefined);
   }, []);
   const value = useMemo2(() => ({ data, setData, clearData }), [data, clearData]);
-  return createElement2(ActionDataContext.Provider, { value }, children);
+  return createElement3(ActionDataContext.Provider, { value }, children);
 }
 var defaultNavigationState = {
   status: "idle"
@@ -857,7 +853,7 @@ function NavigationProvider({
     startSubmitting,
     complete
   }), [state, startLoading, startSubmitting, complete]);
-  return createElement2(NavigationContext.Provider, { value }, children);
+  return createElement3(NavigationContext.Provider, { value }, children);
 }
 function ErrorProvider({
   children,
@@ -868,7 +864,7 @@ function ErrorProvider({
     setError(undefined);
   }, []);
   const value = useMemo2(() => ({ error, setError, clearError }), [error, clearError]);
-  return createElement2(ErrorContext.Provider, { value }, children);
+  return createElement3(ErrorContext.Provider, { value }, children);
 }
 function ParamsProvider({
   children,
@@ -876,7 +872,7 @@ function ParamsProvider({
 }) {
   const [params, setParams] = useState3(initialParams);
   const value = useMemo2(() => ({ params, setParams }), [params]);
-  return createElement2(ParamsContext.Provider, { value }, children);
+  return createElement3(ParamsContext.Provider, { value }, children);
 }
 var defaultLocation = {
   pathname: "/",
@@ -891,7 +887,7 @@ function LocationProvider({
 }) {
   const [location, setLocation] = useState3(initialLocation);
   const value = useMemo2(() => ({ location, setLocation }), [location]);
-  return createElement2(LocationContext.Provider, { value }, children);
+  return createElement3(LocationContext.Provider, { value }, children);
 }
 function EreoProvider({
   children,
@@ -903,7 +899,7 @@ function EreoProvider({
   location,
   matches
 }) {
-  return createElement2(MatchesProvider, { initialMatches: matches, children: createElement2(LocationProvider, { initialLocation: location, children: createElement2(ParamsProvider, { initialParams: params, children: createElement2(ErrorProvider, { initialError: error, children: createElement2(NavigationProvider, { initialState: navigationState, children: createElement2(ActionDataProvider, { initialData: actionData, children: createElement2(LoaderDataProvider, { initialData: loaderData, children }) }) }) }) }) }) });
+  return createElement3(MatchesProvider, { initialMatches: matches, children: createElement3(LocationProvider, { initialLocation: location, children: createElement3(ParamsProvider, { initialParams: params, children: createElement3(ErrorProvider, { initialError: error, children: createElement3(NavigationProvider, { initialState: navigationState, children: createElement3(ActionDataProvider, { initialData: actionData, children: createElement3(LoaderDataProvider, { initialData: loaderData, children }) }) }) }) }) }) });
 }
 function useLoaderDataContext() {
   const context = useContext3(LoaderDataContext);
@@ -1528,7 +1524,7 @@ async function preloadRoute(path, options) {
   } catch {}
 }
 // src/form.ts
-import { createElement as createElement3, useCallback as useCallback5, useRef as useRef3, useState as useState6, useEffect as useEffect4, useContext as useContext4, createContext as createContext4 } from "react";
+import { createElement as createElement4, useCallback as useCallback5, useRef as useRef3, useState as useState6, useEffect as useEffect4, useContext as useContext4, createContext as createContext4 } from "react";
 var FormContext = createContext4(null);
 function FormProvider({
   children,
@@ -1536,7 +1532,7 @@ function FormProvider({
 }) {
   const [actionData, setActionData] = useState6(initialActionData);
   const [state, setState] = useState6("idle");
-  return createElement3(FormContext.Provider, { value: { actionData, state, setActionData, setState } }, children);
+  return createElement4(FormContext.Provider, { value: { actionData, state, setActionData, setState } }, children);
 }
 function useFormContext() {
   return useContext4(FormContext);
@@ -1694,14 +1690,14 @@ function Form({
     }
   }, [method, resolvedAction, onSubmitStart, onSubmitEnd, replace, preventScrollReset, encType, fetcherKey, formContext, onSubmit]);
   const formMethod = method.toLowerCase() === "get" ? "get" : "post";
-  return createElement3("form", {
+  return createElement4("form", {
     ref: formRef,
     method: formMethod,
     action: resolvedAction,
     encType,
     onSubmit: handleSubmit,
     ...props
-  }, method !== "get" && method !== "post" ? createElement3("input", {
+  }, method !== "get" && method !== "post" ? createElement4("input", {
     type: "hidden",
     name: "_method",
     value: method.toUpperCase()
@@ -2454,7 +2450,7 @@ class RouteError extends Error {
 import {
   createContext as createContext5,
   useContext as useContext7,
-  createElement as createElement4
+  createElement as createElement5
 } from "react";
 var OutletElementContext = createContext5(null);
 var OutletDataContext = createContext5(null);
@@ -2465,7 +2461,7 @@ function Outlet({ context } = {}) {
   }
   const child = elementCtx.element;
   if (context !== undefined) {
-    return createElement4(OutletDataContext.Provider, { value: { data: context } }, child);
+    return createElement5(OutletDataContext.Provider, { value: { data: context } }, child);
   }
   return child;
 }
@@ -2482,9 +2478,9 @@ function OutletProvider({
   context
 }) {
   const elementValue = { element };
-  let tree = createElement4(OutletElementContext.Provider, { value: elementValue }, children);
+  let tree = createElement5(OutletElementContext.Provider, { value: elementValue }, children);
   if (context !== undefined) {
-    tree = createElement4(OutletDataContext.Provider, { value: { data: context } }, tree);
+    tree = createElement5(OutletDataContext.Provider, { value: { data: context } }, tree);
   }
   return tree;
 }
@@ -2749,7 +2745,7 @@ async function resolveAwait(deferred) {
   return deferred.promise;
 }
 // src/scroll-restoration.ts
-import { useEffect as useEffect8, useRef as useRef6, createElement as createElement5 } from "react";
+import { useEffect as useEffect8, useRef as useRef6, createElement as createElement6 } from "react";
 var memoryStore = new Map;
 var MAX_SCROLL_ENTRIES = 100;
 function getScrollPosition(key, storageKey) {
@@ -2836,7 +2832,7 @@ function ScrollRestoration({
     };
   }, [getKey, storageKey]);
   if (nonce !== undefined) {
-    return createElement5("script", {
+    return createElement6("script", {
       nonce,
       suppressHydrationWarning: true,
       dangerouslySetInnerHTML: {

package/dist/islands.d.ts

@@ -4,7 +4,7 @@
  * Selective hydration for interactive components.
  * Static content stays static, only islands get hydrated.
  */
-import type { ComponentType } from 'react';
+import { type ComponentType } from 'react';
 import type { HydrationStrategy } from '@ereo/core';
 import { type HydrationProps } from './hydration';
 /**

package/dist/islands.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"islands.d.ts","sourceRoot":"","sources":["../src/islands.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,aAAa,CAAC;AAErB;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,cAAM,cAAc;IAClB,OAAO,CAAC,OAAO,CAAyC;IACxD,OAAO,CAAC,QAAQ,CAAiC;IAEjD;;OAEG;IACH,QAAQ,CACN,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,EAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,CAAC,EAAE,MAAM,GACb,IAAI;IAYP;;OAEG;IACH,GAAG,CAAC,EAAE,EAAE,MAAM,GAAG,kBAAkB,GAAG,SAAS;IAI/C;;OAEG;IACH,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAO9B;;OAEG;IACH,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAI/B;;OAEG;IACH,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI;IAIjD;;OAEG;IACH,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IASzB;;OAEG;IACH,UAAU,IAAI,IAAI;IAMlB;;OAEG;IACH,MAAM,IAAI,kBAAkB,EAAE;IAI9B;;OAEG;IACH,aAAa,CAAC,QAAQ,EAAE,iBAAiB,GAAG,kBAAkB,EAAE;IAIhE;;OAEG;IACH,UAAU,IAAI,kBAAkB,EAAE;CAGnC;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,gBAAuB,CAAC;AAEnD;;GAEG;AACH,wBAAsB,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC,CA+DpD;AAOD;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,CAEzF;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAE/E;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,GAC7C,IAAI,CAIN;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC5D,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,EAC3B,IAAI,EAAE,MAAM,GACX,aAAa,CAAC,CAAC,GAAG,cAAc,CAAC,CA4BnC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAQxC;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,IAAI,CAErC"}
+{"version":3,"file":"islands.d.ts","sourceRoot":"","sources":["../src/islands.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,aAAa,CAAC;AAErB;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,cAAM,cAAc;IAClB,OAAO,CAAC,OAAO,CAAyC;IACxD,OAAO,CAAC,QAAQ,CAAiC;IAEjD;;OAEG;IACH,QAAQ,CACN,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,EAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,CAAC,EAAE,MAAM,GACb,IAAI;IAYP;;OAEG;IACH,GAAG,CAAC,EAAE,EAAE,MAAM,GAAG,kBAAkB,GAAG,SAAS;IAI/C;;OAEG;IACH,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAO9B;;OAEG;IACH,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAI/B;;OAEG;IACH,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI;IAIjD;;OAEG;IACH,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IASzB;;OAEG;IACH,UAAU,IAAI,IAAI;IAMlB;;OAEG;IACH,MAAM,IAAI,kBAAkB,EAAE;IAI9B;;OAEG;IACH,aAAa,CAAC,QAAQ,EAAE,iBAAiB,GAAG,kBAAkB,EAAE;IAIhE;;OAEG;IACH,UAAU,IAAI,kBAAkB,EAAE;CAGnC;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,gBAAuB,CAAC;AAEnD;;GAEG;AACH,wBAAsB,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC,CA+DpD;AAOD;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,CAEzF;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAE/E;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,GAC7C,IAAI,CAIN;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC5D,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,EAC3B,IAAI,EAAE,MAAM,GACX,aAAa,CAAC,CAAC,GAAG,cAAc,CAAC,CAyBnC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAQxC;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,IAAI,CAErC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ereo/client",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "license": "MIT",
   "author": "Ereo Team",
   "homepage": "https://ereojs.github.io/ereoJS",
@@ -32,7 +32,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@ereo/core": "^0.2.13"
+    "@ereo/core": "^0.2.14"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",