@emberkit/core 0.4.2 → 0.5.0

package/dist/hydration/helpers/hydration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hydration.d.ts","sourceRoot":"","sources":["../../../src/hydration/helpers/hydration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAItD,MAAM,WAAW,gBAAgB;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC/D;AAED,wBAAsB,gBAAgB,CACpC,SAAS,EAAE,OAAO,GAAG,MAAM,EAC3B,OAAO,EAAE,UAAU,GAAG,IAAI,EAC1B,OAAO,GAAE,gBAAqB,GAC7B,OAAO,CAAC,IAAI,CAAC,CAiBf;AA4CD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAcjF;AAgCD,wBAAgB,mBAAmB,CAAC,CAAC,EACnC,MAAM,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EACxB,OAAO,GAAE;IACP,QAAQ,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC7B,GACL,UAAU,CA0BZ;AAwCD,wBAAgB,mBAAmB,IAAI,IAAI,CAE1C"}
+{"version":3,"file":"hydration.d.ts","sourceRoot":"","sources":["../../../src/hydration/helpers/hydration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAMtD,MAAM,WAAW,gBAAgB;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC/D;AAED,wBAAsB,gBAAgB,CACpC,SAAS,EAAE,OAAO,GAAG,MAAM,EAC3B,OAAO,EAAE,UAAU,GAAG,IAAI,EAC1B,OAAO,GAAE,gBAAqB,GAC7B,OAAO,CAAC,IAAI,CAAC,CAiBf;AA4CD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAcjF;AAgCD,wBAAgB,mBAAmB,CAAC,CAAC,EACnC,MAAM,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EACxB,OAAO,GAAE;IACP,QAAQ,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC7B,GACL,UAAU,CA4BZ;AAwCD,wBAAgB,mBAAmB,IAAI,IAAI,CAE1C"}

package/dist/hydration/helpers/hydration.js

@@ -1,6 +1,8 @@
 import { createElement } from '../../runtime/index.js';
 import { analyzeTree, getHydrationCandidates } from './analyzer.js';
+import { observeOnce } from '../../viewport/observe-once.js';
 const hydrationCache = new Map();
+let lazyHydrationIdCounter = 0;
 export async function hydrateSelective(container, element, options = {}) {
     const root = typeof container === 'string' ? document.querySelector(container) : container;
     if (!root || !element)
@@ -87,13 +89,15 @@ function mapHandlerToEvent(handler) {
 }
 export function createLazyHydration(loader, options = {}) {
     const { fallback = createElement('div', { 'data-loading': '' }, 'Loading...'), timeout, onLoaded, onError, } = options;
+    const lazyId = `ek-hydrate-${++lazyHydrationIdCounter}`;
     const container = createElement('div', {
         'data-lazy': '',
+        'data-lazy-id': lazyId,
         'data-loader': loader.toString(),
     }, fallback);
     if (typeof IntersectionObserver !== 'undefined') {
         requestAnimationFrame(() => {
-            observeAndHydrate(container, loader, timeout, onLoaded, onError);
+            observeAndHydrate(lazyId, loader, timeout, onLoaded, onError);
         });
     }
     else {
@@ -101,17 +105,15 @@ export function createLazyHydration(loader, options = {}) {
     }
     return container;
 }
-function observeAndHydrate(container, loader, timeout, onLoaded, onError) {
-    const observer = new IntersectionObserver((entries) => {
-        if (entries[0]?.isIntersecting) {
-            observer.disconnect();
-            loadImmediately(loader, onLoaded, onError);
-        }
-    }, { rootMargin: '100px' });
-    const root = document.querySelector(`[data-lazy]`);
-    if (root) {
-        observer.observe(root);
+function observeAndHydrate(lazyId, loader, timeout, onLoaded, onError) {
+    const root = document.querySelector(`[data-lazy-id="${lazyId}"]`);
+    if (!root) {
+        return;
     }
+    observeOnce(root, () => {
+        void timeout;
+        void loadImmediately(loader, onLoaded, onError);
+    }, { rootMargin: '100px' });
 }
 async function loadImmediately(loader, onLoaded, onError) {
     try {

package/dist/index.d.ts

@@ -11,6 +11,7 @@ export type { Signal, WritableSignal, ReadonlySignal } from './signals/index.js'
 export { createMarkdownParser, parseMarkdown, renderMarkdown, extractFrontmatter, } from './markdown/index.js';
 export { compileMDX, compileSync, useMDX } from './mdx/index.js';
 export { DataCache, createCache, getCached, setCache, prefetch } from './cache/index.js';
+export { LazyInView, hydrateLazyInView, clearLazyRegistry } from './viewport/index.js';
 export { renderToHTMLString } from './ssr/helpers/render-html.js';
 export { drainHeadContent } from './meta/head-registry.js';
 export { Head } from './meta/index.js';
@@ -18,6 +19,7 @@ export type { HeadProps } from './meta/index.js';
 export { generateMeta, generateBreadcrumbs, generateArticleSchema, generateProductSchema, } from './meta/index.js';
 export type { MetaData, OpenGraphData, TwitterCardData } from './meta/index.js';
 export type { FC, RouteComponent, RouteChildren, RouteParams } from './runtime/types.js';
+export type { LazyInViewProps } from './viewport/index.js';
 export type { Logger, LoggerOptions, LogLevel, RequestLog, ResponseLog } from './logger/types.js';
 export declare function defineConfig(config: Record<string, unknown>): Record<string, unknown>;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,QAAsB,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,GACP,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,KAAK,YAAY,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC7F,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnF,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC1E,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,cAAc,EACd,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEhF,YAAY,EAAE,EAAE,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEzF,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAElG,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAErF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,QAAsB,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,GACP,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,KAAK,YAAY,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC7F,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnF,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC1E,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,cAAc,EACd,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEhF,YAAY,EAAE,EAAE,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACzF,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAElG,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAErF"}

package/dist/index.js

@@ -10,6 +10,7 @@ export { createErrorBoundary, createLoadingBoundary } from './boundaries/index.j
 export { createMarkdownParser, parseMarkdown, renderMarkdown, extractFrontmatter, } from './markdown/index.js';
 export { compileMDX, compileSync, useMDX } from './mdx/index.js';
 export { DataCache, createCache, getCached, setCache, prefetch } from './cache/index.js';
+export { LazyInView, hydrateLazyInView, clearLazyRegistry } from './viewport/index.js';
 export { renderToHTMLString } from './ssr/helpers/render-html.js';
 export { drainHeadContent } from './meta/head-registry.js';
 export { Head } from './meta/index.js';

package/dist/runtime/index.d.ts

@@ -1,5 +1,8 @@
 import type { JSXElementProps, JSXNode, DOMElement, JSXElement } from './types.js';
 export declare function createElement(type: string | ((props: JSXElementProps) => JSXNode), props?: Record<string, unknown> | null, ...children: unknown[]): DOMElement;
+export declare function attachEventHandlers(container: Element): void;
+export declare function hydrateSignalBindings(container: Element): void;
+export declare function hydrateSubtree(container: Element): void;
 export declare function render(element: JSXElement | string | null | ((props: Record<string, unknown>) => JSXNode), container: Element | string, options?: {
     hydrate?: boolean;
     routes?: Array<{

package/dist/runtime/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAKnF,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,eAAe,KAAK,OAAO,CAAC,EACpD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,EACtC,GAAG,QAAQ,EAAE,OAAO,EAAE,GACrB,UAAU,CAYZ;AA6ID,wBAAgB,MAAM,CACpB,OAAO,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,EACnF,SAAS,EAAE,OAAO,GAAG,MAAM,EAC3B,OAAO,CAAC,EAAE;IACR,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,OAAO,CAAC;YAAE,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAA;SAAE,CAAC,CAAC;KACpF,CAAC,CAAC;CACJ,GACA,IAAI,CAmFN;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAE9F;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI,CAE9C;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,IAAI,UAAU,CAEjE;AAED,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,OAAO,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAMnF,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,eAAe,KAAK,OAAO,CAAC,EACpD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,EACtC,GAAG,QAAQ,EAAE,OAAO,EAAE,GACrB,UAAU,CAYZ;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,CAY5D;AAqED,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,CAwD9D;AAED,wBAAgB,cAAc,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,CAGvD;AAED,wBAAgB,MAAM,CACpB,OAAO,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,EACnF,SAAS,EAAE,OAAO,GAAG,MAAM,EAC3B,OAAO,CAAC,EAAE;IACR,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,OAAO,CAAC;YAAE,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAA;SAAE,CAAC,CAAC;KACpF,CAAC,CAAC;CACJ,GACA,IAAI,CAmFN;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAE9F;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI,CAE9C;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,IAAI,UAAU,CAEjE;AAED,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,OAAO,EAAE,CAAC"}

package/dist/runtime/index.js

@@ -1,6 +1,7 @@
 import { renderToString, getHandler, clearHandlers } from './helpers/render.js';
 import { getSignalByIndex } from '../signals/helpers/core.js';
 import { matchRoute } from './helpers/match.js';
+import { hydrateLazyInView } from '../viewport/index.js';
 export function createElement(type, props, ...children) {
     const resolvedProps = props ?? {};
     const flatChildren = children.flat().filter((child) => child != null && child !== false);
@@ -12,7 +13,7 @@ export function createElement(type, props, ...children) {
         props: resolvedProps,
     };
 }
-function attachEventHandlers(container) {
+export function attachEventHandlers(container) {
     const elements = container.querySelectorAll('[data-ekclick]');
     elements.forEach((el) => {
         const id = el.getAttribute('data-ekclick');
@@ -68,10 +69,10 @@ function renderToTarget(layout, target, routeComponent, routeProps) {
     };
     const html = renderToString(jsxElement);
     target.innerHTML = html;
-    attachEventHandlers(target);
-    hydrateSignalBindings(target);
+    hydrateSubtree(target);
+    hydrateLazyInView(target);
 }
-function hydrateSignalBindings(container) {
+export function hydrateSignalBindings(container) {
     const els = container.querySelectorAll('[data-ek-bind]');
     els.forEach((el) => {
         const idx = parseInt(el.getAttribute('data-ek-bind') ?? '', 10);
@@ -130,6 +131,10 @@ function hydrateSignalBindings(container) {
         });
     });
 }
+export function hydrateSubtree(container) {
+    attachEventHandlers(container);
+    hydrateSignalBindings(container);
+}
 export function render(element, container, options) {
     if (!element)
         return;

package/dist/viewport/hydrate-lazy-in-view.d.ts

@@ -0,0 +1,2 @@
+export declare function hydrateLazyInView(container: Element): void;
+//# sourceMappingURL=hydrate-lazy-in-view.d.ts.map

package/dist/viewport/hydrate-lazy-in-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydrate-lazy-in-view.d.ts","sourceRoot":"","sources":["../../src/viewport/hydrate-lazy-in-view.ts"],"names":[],"mappings":"AAsBA,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,CAwC1D"}

package/dist/viewport/hydrate-lazy-in-view.js

@@ -0,0 +1,41 @@
+import { hydrateSubtree } from '../runtime/index.js';
+import { renderToString } from '../runtime/helpers/render.js';
+import { getLazyContent, unregisterLazyContent } from './registry.js';
+import { observeOnce } from './observe-once.js';
+function getLazyHosts(container) {
+    const hosts = [];
+    if (container.matches('[data-ek-lazy-in-view]:not([data-ek-lazy-loaded])')) {
+        hosts.push(container);
+    }
+    hosts.push(...Array.from(container.querySelectorAll('[data-ek-lazy-in-view]:not([data-ek-lazy-loaded])')));
+    return hosts;
+}
+export function hydrateLazyInView(container) {
+    const hosts = getLazyHosts(container);
+    hosts.forEach((host) => {
+        const id = host.getAttribute('data-ek-lazy-in-view');
+        const rootMargin = host.getAttribute('data-ek-lazy-root-margin') ?? '200px';
+        if (!id) {
+            return;
+        }
+        observeOnce(host, () => {
+            const loader = getLazyContent(id);
+            if (!loader) {
+                return;
+            }
+            const content = loader();
+            const html = content == null || content === false
+                ? ''
+                : typeof content === 'string' || typeof content === 'number'
+                    ? String(content)
+                    : renderToString(content);
+            host.innerHTML = html;
+            host.setAttribute('data-ek-lazy-loaded', 'true');
+            host.removeAttribute('aria-busy');
+            hydrateSubtree(host);
+            if (host.getAttribute('data-ek-lazy-once') !== 'false') {
+                unregisterLazyContent(id);
+            }
+        }, { rootMargin });
+    });
+}

package/dist/viewport/index.d.ts

@@ -0,0 +1,5 @@
+export * from './hydrate-lazy-in-view.js';
+export * from './lazy-in-view.js';
+export * from './observe-once.js';
+export * from './registry.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/viewport/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/viewport/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC"}

package/dist/viewport/index.js

@@ -0,0 +1,4 @@
+export * from './hydrate-lazy-in-view.js';
+export * from './lazy-in-view.js';
+export * from './observe-once.js';
+export * from './registry.js';

package/dist/viewport/lazy-in-view.d.ts

@@ -0,0 +1,13 @@
+import type { JSXElementProps, JSXNode } from '../runtime/types.js';
+export interface LazyInViewProps extends Omit<JSXElementProps, 'children'> {
+    as?: string;
+    children: JSXNode | (() => JSXNode);
+    className?: string;
+    fallback?: JSXNode;
+    minHeight?: number | string;
+    once?: boolean;
+    rootMargin?: string;
+    ssr?: 'lazy' | 'eager';
+}
+export declare function LazyInView({ as, children, className, fallback, minHeight, once, rootMargin, ssr, style, ...rest }: LazyInViewProps): JSXNode;
+//# sourceMappingURL=lazy-in-view.d.ts.map

package/dist/viewport/lazy-in-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy-in-view.d.ts","sourceRoot":"","sources":["../../src/viewport/lazy-in-view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAGpE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACxE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAMD,wBAAgB,UAAU,CAAC,EACzB,EAAU,EACV,QAAQ,EACR,SAAS,EACT,QAAe,EACf,SAAS,EACT,IAAW,EACX,UAAoB,EACpB,GAAY,EACZ,KAAK,EACL,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,OAAO,CA6B3B"}

package/dist/viewport/lazy-in-view.js

@@ -0,0 +1,28 @@
+import { createElement } from '../runtime/index.js';
+import { nextLazyId, registerLazyContent } from './registry.js';
+function resolveLazyContent(children) {
+    return typeof children === 'function' ? children() : children;
+}
+export function LazyInView({ as = 'div', children, className, fallback = null, minHeight, once = true, rootMargin = '200px', ssr = 'lazy', style, ...rest }) {
+    const id = nextLazyId();
+    const loader = () => resolveLazyContent(children);
+    registerLazyContent(id, loader);
+    const shouldRenderLazy = ssr === 'lazy';
+    const resolvedStyle = minHeight == null
+        ? style
+        : {
+            ...(typeof style === 'object' && style !== null ? style : {}),
+            minHeight,
+        };
+    return createElement(as, {
+        ...rest,
+        'aria-busy': shouldRenderLazy ? 'true' : undefined,
+        className,
+        'data-ek-lazy-in-view': id,
+        'data-ek-lazy-once': String(once),
+        'data-ek-lazy-root-margin': rootMargin,
+        'data-ek-lazy-loaded': shouldRenderLazy ? undefined : 'true',
+        style: resolvedStyle,
+    }, shouldRenderLazy ? fallback : loader());
+}
+;

package/dist/viewport/observe-once.d.ts

@@ -0,0 +1,6 @@
+export interface ObserveOnceOptions {
+    rootMargin?: string;
+    threshold?: number;
+}
+export declare function observeOnce(element: Element, callback: () => void, options?: ObserveOnceOptions): () => void;
+//# sourceMappingURL=observe-once.d.ts.map

package/dist/viewport/observe-once.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"observe-once.d.ts","sourceRoot":"","sources":["../../src/viewport/observe-once.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CACzB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAM,IAAI,EACpB,OAAO,GAAE,kBAAuB,GAC/B,MAAM,IAAI,CA0BZ"}

package/dist/viewport/observe-once.js

@@ -0,0 +1,20 @@
+export function observeOnce(element, callback, options = {}) {
+    if (typeof IntersectionObserver === 'undefined') {
+        callback();
+        return () => { };
+    }
+    const observer = new IntersectionObserver((entries) => {
+        if (!entries[0]?.isIntersecting) {
+            return;
+        }
+        observer.disconnect();
+        callback();
+    }, {
+        rootMargin: options.rootMargin,
+        threshold: options.threshold,
+    });
+    observer.observe(element);
+    return () => {
+        observer.disconnect();
+    };
+}

package/dist/viewport/registry.d.ts

@@ -0,0 +1,7 @@
+import type { JSXNode } from '../runtime/types.js';
+export declare function registerLazyContent(id: string, loader: () => JSXNode): void;
+export declare function getLazyContent(id: string): (() => JSXNode) | undefined;
+export declare function unregisterLazyContent(id: string): void;
+export declare function clearLazyRegistry(): void;
+export declare function nextLazyId(): string;
+//# sourceMappingURL=registry.d.ts.map

package/dist/viewport/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/viewport/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAMnD,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,OAAO,GAAG,IAAI,CAE3E;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS,CAEtE;AAED,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAEtD;AAED,wBAAgB,iBAAiB,IAAI,IAAI,CAGxC;AAED,wBAAgB,UAAU,IAAI,MAAM,CAGnC"}

package/dist/viewport/registry.js

@@ -0,0 +1,19 @@
+const lazyContentRegistry = new Map();
+let lazyIdCounter = 0;
+export function registerLazyContent(id, loader) {
+    lazyContentRegistry.set(id, loader);
+}
+export function getLazyContent(id) {
+    return lazyContentRegistry.get(id);
+}
+export function unregisterLazyContent(id) {
+    lazyContentRegistry.delete(id);
+}
+export function clearLazyRegistry() {
+    lazyContentRegistry.clear();
+    lazyIdCounter = 0;
+}
+export function nextLazyId() {
+    lazyIdCounter += 1;
+    return `ek-lazy-${lazyIdCounter}`;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emberkit/core",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "type": "module",
   "private": false,
   "description": "Lightweight TypeScript-first JSX framework core",