@benqoder/beam 0.1.2 → 0.2.0

package/dist/client.js

@@ -7,12 +7,23 @@ import { newWebSocketRpcSession } from 'capnweb';
 // - Bidirectional RPC (server can call client callbacks)
 // - Automatic reconnection
 // - Type-safe method calls
+//
+// SECURITY: Implements in-band authentication pattern
+// - WebSocket connections start unauthenticated (PublicApi)
+// - Client must call authenticate(token) to get AuthenticatedApi
+// - Token is obtained from same-origin page (prevents CSWSH attacks)
 // Get endpoint from meta tag or default to /beam
 // Usage: <meta name="beam-endpoint" content="/custom-endpoint">
 function getEndpoint() {
     const meta = document.querySelector('meta[name="beam-endpoint"]');
     return meta?.getAttribute('content') ?? '/beam';
 }
+// Get auth token from meta tag
+// Usage: <meta name="beam-token" content="...">
+function getAuthToken() {
+    const meta = document.querySelector('meta[name="beam-token"]');
+    return meta?.getAttribute('content') ?? '';
+}
 let isOnline = navigator.onLine;
 let rpcSession = null;
 let connectingPromise = null;
@@ -38,27 +49,36 @@ function connect() {
     if (rpcSession) {
         return Promise.resolve(rpcSession);
     }
-    connectingPromise = new Promise((resolve, reject) => {
+    connectingPromise = (async () => {
         try {
             const protocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
             const endpoint = getEndpoint();
             const url = `${protocol}//${location.host}${endpoint}`;
-            // Create capnweb RPC session with BeamServer type
-            const session = newWebSocketRpcSession(url);
+            // Get auth token from page (proves same-origin access)
+            const token = getAuthToken();
+            if (!token) {
+                throw new Error('No auth token found. Ensure <meta name="beam-token" content="..."> is set.');
+            }
+            // Create capnweb RPC session - starts with PublicBeamServer
+            const publicSession = newWebSocketRpcSession(url);
+            // Authenticate to get the full BeamServer API
+            // This is the capnweb in-band authentication pattern
+            // @ts-ignore - capnweb stub methods are dynamically typed
+            const authenticatedSession = await publicSession.authenticate(token);
             // Register client callback for bidirectional communication
             // @ts-ignore - capnweb stub methods are dynamically typed
-            session.registerCallback?.(handleServerEvent)?.catch?.(() => {
+            authenticatedSession.registerCallback?.(handleServerEvent)?.catch?.(() => {
                 // Server may not support callbacks, that's ok
             });
-            rpcSession = session;
+            rpcSession = authenticatedSession;
             connectingPromise = null;
-            resolve(session);
+            return authenticatedSession;
         }
         catch (err) {
             connectingPromise = null;
-            reject(err);
+            throw err;
         }
-    });
+    })();
     return connectingPromise;
 }
 async function ensureConnected() {
@@ -85,16 +105,6 @@ const api = {
         // @ts-ignore - capnweb stub methods are dynamically typed
         return session.call(action, data);
     },
-    async modal(modalId, params = {}) {
-        const session = await ensureConnected();
-        // @ts-ignore - capnweb stub methods are dynamically typed
-        return session.modal(modalId, params);
-    },
-    async drawer(drawerId, params = {}) {
-        const session = await ensureConnected();
-        // @ts-ignore - capnweb stub methods are dynamically typed
-        return session.drawer(drawerId, params);
-    },
     // Direct access to RPC session for advanced usage (promise pipelining, etc.)
     async getSession() {
         return ensureConnected();
@@ -436,6 +446,72 @@ function swap(target, html, mode, trigger) {
     // Process hungry elements - auto-update elements that match IDs in response
     processHungryElements(html);
 }
+/**
+ * Handle HTML response - supports both single string and array of HTML strings.
+ * Target resolution order (server wins, frontend is fallback):
+ * 1. Server target from comma-separated list (by index)
+ *    - Use "!selector" to exclude that selector (blocks frontend fallback too)
+ * 2. Frontend target (beam-target) as fallback for remaining items
+ * 3. ID from HTML fragment's root element
+ * 4. Skip if none found
+ */
+function handleHtmlResponse(response, frontendTarget, frontendSwap, trigger) {
+    if (!response.html)
+        return;
+    const htmlArray = Array.isArray(response.html) ? response.html : [response.html];
+    // Server targets take priority, collect exclusions
+    const serverTargets = response.target ? response.target.split(',').map(s => s.trim()) : [];
+    const excluded = new Set(serverTargets.filter(t => t.startsWith('!')).map(t => t.slice(1)));
+    const swapMode = response.swap || frontendSwap;
+    htmlArray.forEach((htmlItem, index) => {
+        const serverTarget = serverTargets[index];
+        // Skip if this is an exclusion marker
+        if (serverTarget?.startsWith('!')) {
+            return;
+        }
+        // Priority 1: Server target (by index)
+        let explicitTarget = serverTarget;
+        // Priority 2: Frontend target as fallback (only if no server target and not excluded)
+        if (!explicitTarget && frontendTarget && !excluded.has(frontendTarget)) {
+            explicitTarget = frontendTarget;
+        }
+        if (explicitTarget) {
+            // Explicit target provided - use normal swap
+            const target = $(explicitTarget);
+            if (target) {
+                swap(target, htmlItem, swapMode, trigger);
+            }
+            else {
+                console.warn(`[beam] Target "${explicitTarget}" not found on page, skipping`);
+            }
+        }
+        else {
+            // Priority 3: id, beam-id, or beam-item-id on root element
+            const temp = document.createElement('div');
+            temp.innerHTML = htmlItem.trim();
+            const rootEl = temp.firstElementChild;
+            // Check id first, then beam-id, then beam-item-id
+            const id = rootEl?.id;
+            const beamId = rootEl?.getAttribute('beam-id');
+            const beamItemId = rootEl?.getAttribute('beam-item-id');
+            const selector = id ? `#${id}`
+                : beamId ? `[beam-id="${beamId}"]`
+                    : beamItemId ? `[beam-item-id="${beamItemId}"]`
+                        : null;
+            if (selector && !excluded.has(selector)) {
+                const target = $(selector);
+                if (target) {
+                    // Replace entire element using outerHTML (preserves styles/classes)
+                    target.outerHTML = htmlItem.trim();
+                }
+                else {
+                    console.warn(`[beam] Target "${selector}" (from HTML) not found on page, skipping`);
+                }
+            }
+            // If no id/beam-id/beam-item-id found or excluded, skip silently
+        }
+    });
+}
 function parseOobSwaps(html) {
     const temp = document.createElement('div');
     temp.innerHTML = html;
@@ -452,8 +528,8 @@ function parseOobSwaps(html) {
 }
 // ============ RPC WRAPPER ============
 async function rpc(action, data, el) {
-    const targetSelector = el.getAttribute('beam-target');
-    const swapMode = el.getAttribute('beam-swap') || 'morph';
+    const frontendTarget = el.getAttribute('beam-target');
+    const frontendSwap = el.getAttribute('beam-swap') || 'morph';
     const opt = optimistic(el);
     const placeholder = showPlaceholder(el);
     setLoading(el, true, action, data);
@@ -464,13 +540,20 @@ async function rpc(action, data, el) {
             location.href = response.redirect;
             return;
         }
-        // Handle HTML (if present)
-        if (response.html && targetSelector) {
-            const target = $(targetSelector);
-            if (target) {
-                swap(target, response.html, swapMode, el);
-            }
+        // Handle modal (if present)
+        if (response.modal) {
+            const modalData = typeof response.modal === 'string'
+                ? { html: response.modal } : response.modal;
+            openModal(modalData.html, modalData.size || 'medium', modalData.spacing);
+        }
+        // Handle drawer (if present)
+        if (response.drawer) {
+            const drawerData = typeof response.drawer === 'string'
+                ? { html: response.drawer } : response.drawer;
+            openDrawer(drawerData.html, drawerData.position || 'right', drawerData.size || 'medium', drawerData.spacing);
         }
+        // Handle HTML (if present) - supports single string or array
+        handleHtmlResponse(response, frontendTarget, frontendSwap, el);
         // Execute script (if present)
         if (response.script) {
             executeScript(response.script);
@@ -560,8 +643,9 @@ document.addEventListener('click', async (e) => {
         closeDrawer();
     }
 });
-// ============ MODALS ============
-document.addEventListener('click', (e) => {
+// ============ MODALS & DRAWERS ============
+// beam-modal trigger - calls action and opens result in modal
+document.addEventListener('click', async (e) => {
     const target = e.target;
     if (!target?.closest)
         return;
@@ -571,30 +655,48 @@ document.addEventListener('click', (e) => {
         // Check confirmation
         if (!checkConfirm(trigger))
             return;
-        const modalId = trigger.getAttribute('beam-modal');
+        const action = trigger.getAttribute('beam-modal');
+        if (!action)
+            return;
         const size = trigger.getAttribute('beam-size') || 'medium';
         const params = getParams(trigger);
-        if (modalId) {
-            openModal(modalId, params, { size });
+        const placeholder = trigger.getAttribute('beam-placeholder');
+        // Show placeholder modal while loading
+        if (placeholder) {
+            openModal(placeholder, size);
         }
-    }
-    // Close on backdrop click
-    if (target.matches?.('#modal-backdrop')) {
-        closeModal();
-    }
-    // Close button (handles both modal and drawer)
-    const closeBtn = target.closest('[beam-close]');
-    if (closeBtn && !closeBtn.hasAttribute('beam-action')) {
-        if (activeDrawer) {
-            closeDrawer();
+        setLoading(trigger, true, action, params);
+        try {
+            const response = await api.call(action, params);
+            // Handle the response - if it returns modal, use that, otherwise use html
+            if (response.modal) {
+                const modalData = typeof response.modal === 'string'
+                    ? { html: response.modal } : response.modal;
+                openModal(modalData.html, modalData.size || size, modalData.spacing);
+            }
+            else if (response.html) {
+                // For modals, use first item if array, otherwise use as-is
+                const htmlStr = Array.isArray(response.html) ? response.html[0] : response.html;
+                if (htmlStr)
+                    openModal(htmlStr, size);
+            }
+            // Execute script if present
+            if (response.script) {
+                executeScript(response.script);
+            }
         }
-        else {
+        catch (err) {
             closeModal();
+            showToast('Failed to open modal.', 'error');
+            console.error('Modal error:', err);
+        }
+        finally {
+            setLoading(trigger, false, action, params);
         }
     }
 });
-// Drawer triggers
-document.addEventListener('click', (e) => {
+// beam-drawer trigger - calls action and opens result in drawer
+document.addEventListener('click', async (e) => {
     const target = e.target;
     if (!target?.closest)
         return;
@@ -604,18 +706,69 @@ document.addEventListener('click', (e) => {
         // Check confirmation
         if (!checkConfirm(trigger))
             return;
-        const drawerId = trigger.getAttribute('beam-drawer');
+        const action = trigger.getAttribute('beam-drawer');
+        if (!action)
+            return;
         const position = trigger.getAttribute('beam-position') || 'right';
         const size = trigger.getAttribute('beam-size') || 'medium';
         const params = getParams(trigger);
-        if (drawerId) {
-            openDrawer(drawerId, params, { position, size });
+        const placeholder = trigger.getAttribute('beam-placeholder');
+        // Show placeholder drawer while loading
+        if (placeholder) {
+            openDrawer(placeholder, position, size);
+        }
+        setLoading(trigger, true, action, params);
+        try {
+            const response = await api.call(action, params);
+            // Handle the response - if it returns drawer, use that, otherwise use html
+            if (response.drawer) {
+                const drawerData = typeof response.drawer === 'string'
+                    ? { html: response.drawer } : response.drawer;
+                openDrawer(drawerData.html, drawerData.position || position, drawerData.size || size, drawerData.spacing);
+            }
+            else if (response.html) {
+                // For drawers, use first item if array, otherwise use as-is
+                const htmlStr = Array.isArray(response.html) ? response.html[0] : response.html;
+                if (htmlStr)
+                    openDrawer(htmlStr, position, size);
+            }
+            // Execute script if present
+            if (response.script) {
+                executeScript(response.script);
+            }
+        }
+        catch (err) {
+            closeDrawer();
+            showToast('Failed to open drawer.', 'error');
+            console.error('Drawer error:', err);
+        }
+        finally {
+            setLoading(trigger, false, action, params);
         }
     }
+});
+// Close handlers
+document.addEventListener('click', (e) => {
+    const target = e.target;
+    if (!target?.closest)
+        return;
     // Close on backdrop click
+    if (target.matches?.('#modal-backdrop')) {
+        closeModal();
+    }
     if (target.matches?.('#drawer-backdrop')) {
         closeDrawer();
     }
+    // Close button (handles both modal and drawer)
+    const closeBtn = target.closest('[beam-close]');
+    if (closeBtn && !closeBtn.hasAttribute('beam-action')) {
+        if (activeDrawer) {
+            closeDrawer();
+        }
+        else {
+            closeModal();
+        }
+    }
 });
 document.addEventListener('keydown', (e) => {
     if (e.key === 'Escape') {
@@ -627,33 +780,30 @@ document.addEventListener('keydown', (e) => {
         }
     }
 });
-async function openModal(id, params = {}, options = { size: 'medium' }) {
-    try {
-        const html = await api.modal(id, params);
-        let backdrop = $('#modal-backdrop');
-        if (!backdrop) {
-            backdrop = document.createElement('div');
-            backdrop.id = 'modal-backdrop';
-            document.body.appendChild(backdrop);
-        }
-        const { size } = options;
-        backdrop.innerHTML = `
-      <div id="modal-content" role="dialog" aria-modal="true" data-size="${size}">
-        ${html}
-      </div>
-    `;
-        backdrop.offsetHeight;
-        backdrop.classList.add('open');
-        document.body.classList.add('modal-open');
-        activeModal = $('#modal-content');
-        const autoFocus = activeModal?.querySelector('[autofocus]');
-        const firstInput = activeModal?.querySelector('input, button, textarea, select');
-        (autoFocus || firstInput)?.focus();
-    }
-    catch (err) {
-        showToast('Failed to open modal.', 'error');
-        console.error('Modal error:', err);
+function openModal(html, size = 'medium', spacing) {
+    // Close any existing drawer first (modal takes priority)
+    if (activeDrawer) {
+        closeDrawer();
     }
+    let backdrop = $('#modal-backdrop');
+    if (!backdrop) {
+        backdrop = document.createElement('div');
+        backdrop.id = 'modal-backdrop';
+        document.body.appendChild(backdrop);
+    }
+    const style = spacing !== undefined ? `padding: ${spacing}px;` : '';
+    backdrop.innerHTML = `
+    <div id="modal-content" role="dialog" aria-modal="true" data-size="${size}" style="${style}">
+      ${html}
+    </div>
+  `;
+    backdrop.offsetHeight;
+    backdrop.classList.add('open');
+    document.body.classList.add('modal-open');
+    activeModal = $('#modal-content');
+    const autoFocus = activeModal?.querySelector('[autofocus]');
+    const firstInput = activeModal?.querySelector('input, button, textarea, select');
+    (autoFocus || firstInput)?.focus();
 }
 function closeModal() {
     const backdrop = $('#modal-backdrop');
@@ -666,34 +816,31 @@ function closeModal() {
     document.body.classList.remove('modal-open');
     activeModal = null;
 }
-async function openDrawer(id, params = {}, options) {
-    try {
-        const html = await api.drawer(id, params);
-        let backdrop = $('#drawer-backdrop');
-        if (!backdrop) {
-            backdrop = document.createElement('div');
-            backdrop.id = 'drawer-backdrop';
-            document.body.appendChild(backdrop);
-        }
-        // Set position and size as data attributes for CSS styling
-        const { position, size } = options;
-        backdrop.innerHTML = `
-      <div id="drawer-content" role="dialog" aria-modal="true" data-position="${position}" data-size="${size}">
-        ${html}
-      </div>
-    `;
-        backdrop.offsetHeight; // Force reflow
-        backdrop.classList.add('open');
-        document.body.classList.add('drawer-open');
-        activeDrawer = $('#drawer-content');
-        const autoFocus = activeDrawer?.querySelector('[autofocus]');
-        const firstInput = activeDrawer?.querySelector('input, button, textarea, select');
-        (autoFocus || firstInput)?.focus();
-    }
-    catch (err) {
-        showToast('Failed to open drawer.', 'error');
-        console.error('Drawer error:', err);
+// ============ DRAWERS ============
+function openDrawer(html, position = 'right', size = 'medium', spacing) {
+    // Close any existing modal first (drawer takes priority)
+    if (activeModal) {
+        closeModal();
     }
+    let backdrop = $('#drawer-backdrop');
+    if (!backdrop) {
+        backdrop = document.createElement('div');
+        backdrop.id = 'drawer-backdrop';
+        document.body.appendChild(backdrop);
+    }
+    const style = spacing !== undefined ? `padding: ${spacing}px;` : '';
+    backdrop.innerHTML = `
+    <div id="drawer-content" role="dialog" aria-modal="true" data-position="${position}" data-size="${size}" style="${style}">
+      ${html}
+    </div>
+  `;
+    backdrop.offsetHeight; // Force reflow
+    backdrop.classList.add('open');
+    document.body.classList.add('drawer-open');
+    activeDrawer = $('#drawer-content');
+    const autoFocus = activeDrawer?.querySelector('[autofocus]');
+    const firstInput = activeDrawer?.querySelector('input, button, textarea, select');
+    (autoFocus || firstInput)?.focus();
 }
 function closeDrawer() {
     const backdrop = $('#drawer-backdrop');
@@ -1102,9 +1249,14 @@ const infiniteObserver = new IntersectionObserver(async (entries) => {
         setLoading(sentinel, true, action, params);
         try {
             const response = await api.call(action, params);
-            const target = $(targetSelector);
-            if (target && response.html) {
-                swap(target, response.html, swapMode, sentinel);
+            if (response.html) {
+                // For infinite scroll, always use the specified target (not auto-detect from HTML)
+                const target = $(targetSelector);
+                if (target) {
+                    // Handle single html string for infinite scroll (array not typically used here)
+                    const htmlStr = Array.isArray(response.html) ? response.html.join('') : response.html;
+                    swap(target, htmlStr, swapMode, sentinel);
+                }
                 // Save scroll state after content is loaded
                 requestAnimationFrame(() => {
                     saveScrollState(targetSelector, action);
@@ -1163,9 +1315,14 @@ document.addEventListener('click', async (e) => {
     setLoading(trigger, true, action, params);
     try {
         const response = await api.call(action, params);
-        const targetEl = $(targetSelector);
-        if (targetEl && response.html) {
-            swap(targetEl, response.html, swapMode, trigger);
+        if (response.html) {
+            // For load more, always use the specified target (not auto-detect from HTML)
+            const targetEl = $(targetSelector);
+            if (targetEl) {
+                // Handle single html string for load more (array not typically used here)
+                const htmlStr = Array.isArray(response.html) ? response.html.join('') : response.html;
+                swap(targetEl, htmlStr, swapMode, trigger);
+            }
             // Save scroll state after content is loaded
             requestAnimationFrame(() => {
                 saveScrollState(targetSelector, action);
@@ -1349,13 +1506,8 @@ document.addEventListener('click', async (e) => {
             location.href = response.redirect;
             return;
         }
-        // Handle HTML (if present)
-        if (response.html && targetSelector) {
-            const target = $(targetSelector);
-            if (target) {
-                swap(target, response.html, swapMode, link);
-            }
-        }
+        // Handle HTML (if present) - supports single string or array
+        handleHtmlResponse(response, targetSelector, swapMode, link);
         // Execute script (if present)
         if (response.script) {
             executeScript(response.script);
@@ -1405,13 +1557,20 @@ document.addEventListener('submit', async (e) => {
             location.href = response.redirect;
             return;
         }
-        // Handle HTML (if present)
-        if (response.html && targetSelector) {
-            const target = $(targetSelector);
-            if (target) {
-                swap(target, response.html, swapMode);
-            }
+        // Handle modal (if present)
+        if (response.modal) {
+            const modalData = typeof response.modal === 'string'
+                ? { html: response.modal } : response.modal;
+            openModal(modalData.html, modalData.size || 'medium', modalData.spacing);
         }
+        // Handle drawer (if present)
+        if (response.drawer) {
+            const drawerData = typeof response.drawer === 'string'
+                ? { html: response.drawer } : response.drawer;
+            openDrawer(drawerData.html, drawerData.position || 'right', drawerData.size || 'medium', drawerData.spacing);
+        }
+        // Handle HTML (if present) - supports single string or array
+        handleHtmlResponse(response, targetSelector, swapMode);
         // Execute script (if present)
         if (response.script) {
             executeScript(response.script);
@@ -1460,7 +1619,10 @@ function setupValidation(el) {
                 if (response.html) {
                     const target = $(targetSelector);
                     if (target) {
-                        morph(target, response.html);
+                        // For validation, use first item if array, otherwise use as-is
+                        const htmlStr = Array.isArray(response.html) ? response.html[0] : response.html;
+                        if (htmlStr)
+                            morph(target, htmlStr);
                     }
                 }
                 // Execute script (if present)
@@ -1510,7 +1672,10 @@ const deferObserver = new IntersectionObserver(async (entries) => {
             if (response.html) {
                 const target = targetSelector ? $(targetSelector) : el;
                 if (target) {
-                    swap(target, response.html, swapMode);
+                    // For deferred loading, use first item if array, otherwise use as-is
+                    const htmlStr = Array.isArray(response.html) ? response.html[0] : response.html;
+                    if (htmlStr)
+                        swap(target, htmlStr, swapMode);
                 }
             }
             // Execute script (if present)
@@ -1566,7 +1731,10 @@ function startPolling(el) {
             if (response.html) {
                 const target = targetSelector ? $(targetSelector) : el;
                 if (target) {
-                    swap(target, response.html, swapMode);
+                    // For polling, use first item if array, otherwise use as-is
+                    const htmlStr = Array.isArray(response.html) ? response.html[0] : response.html;
+                    if (htmlStr)
+                        swap(target, htmlStr, swapMode);
                 }
             }
             // Execute script (if present)
@@ -1822,17 +1990,27 @@ window.beam = new Proxy(beamUtils, {
                 location.href = response.redirect;
                 return response;
             }
+            // Handle modal (if present)
+            if (response.modal) {
+                const modalData = typeof response.modal === 'string'
+                    ? { html: response.modal } : response.modal;
+                openModal(modalData.html, modalData.size || 'medium', modalData.spacing);
+            }
+            // Handle drawer (if present)
+            if (response.drawer) {
+                const drawerData = typeof response.drawer === 'string'
+                    ? { html: response.drawer } : response.drawer;
+                openDrawer(drawerData.html, drawerData.position || 'right', drawerData.size || 'medium', drawerData.spacing);
+            }
             // Normalize options: string is shorthand for { target: string }
             const opts = typeof options === 'string'
                 ? { target: options }
                 : (options || {});
-            // Handle HTML swap if target provided
-            if (response.html && opts.target) {
-                const targetEl = document.querySelector(opts.target);
-                if (targetEl) {
-                    swap(targetEl, response.html, opts.swap || 'morph');
-                }
-            }
+            // Server target/swap override frontend options
+            const targetSelector = response.target || opts.target || null;
+            const swapMode = response.swap || opts.swap || 'morph';
+            // Handle HTML swap - supports single string or array
+            handleHtmlResponse(response, targetSelector, swapMode);
             // Execute script if present
             if (response.script) {
                 executeScript(response.script);

package/dist/collect.d.ts

@@ -1,4 +1,4 @@
-import type { ActionHandler, ModalHandler, DrawerHandler } from './types';
+import type { ActionHandler } from './types';
 /**
  * Type for glob import results from import.meta.glob
  */
@@ -18,51 +18,5 @@ type GlobImport = Record<string, Record<string, unknown>>;
  * - `./actions/cart.tsx` exports `addToCart` → `addToCart`
  */
 export declare function collectActions<TEnv = object>(glob: GlobImport): Record<string, ActionHandler<TEnv>>;
-/**
- * Collects modal handlers from glob imports.
- *
- * @example
- * ```typescript
- * const modals = collectModals<Env>(
- *   import.meta.glob('./modals/*.tsx', { eager: true })
- * )
- * ```
- */
-export declare function collectModals<TEnv = object>(glob: GlobImport): Record<string, ModalHandler<TEnv>>;
-/**
- * Collects drawer handlers from glob imports.
- *
- * @example
- * ```typescript
- * const drawers = collectDrawers<Env>(
- *   import.meta.glob('./drawers/*.tsx', { eager: true })
- * )
- * ```
- */
-export declare function collectDrawers<TEnv = object>(glob: GlobImport): Record<string, DrawerHandler<TEnv>>;
-/**
- * Collects all handlers (actions, modals, drawers) from glob imports.
- * This is a convenience function that collects all three at once.
- *
- * @example
- * ```typescript
- * const { actions, modals, drawers } = collectHandlers<Env>({
- *   actions: import.meta.glob('./actions/*.tsx', { eager: true }),
- *   modals: import.meta.glob('./modals/*.tsx', { eager: true }),
- *   drawers: import.meta.glob('./drawers/*.tsx', { eager: true }),
- * })
- *
- * export const beam = createBeam<Env>({ actions, modals, drawers })
- * ```
- */
-export declare function collectHandlers<TEnv = object>(globs: {
-    actions?: GlobImport;
-    modals?: GlobImport;
-    drawers?: GlobImport;
-}): {
-    actions: Record<string, ActionHandler<TEnv>>;
-    modals: Record<string, ModalHandler<TEnv>>;
-    drawers: Record<string, DrawerHandler<TEnv>>;
-};
 export {};
 //# sourceMappingURL=collect.d.ts.map

package/dist/collect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collect.d.ts","sourceRoot":"","sources":["../src/collect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEzE;;GAEG;AACH,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;AAEzD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,IAAI,GAAG,MAAM,EAC1C,IAAI,EAAE,UAAU,GACf,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAarC;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,IAAI,GAAG,MAAM,EACzC,IAAI,EAAE,UAAU,GACf,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAYpC;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,IAAI,GAAG,MAAM,EAC1C,IAAI,EAAE,UAAU,GACf,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAYrC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,eAAe,CAAC,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE;IACpD,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,OAAO,CAAC,EAAE,UAAU,CAAA;CACrB,GAAG;IACF,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAA;IAC1C,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAA;CAC7C,CAMA"}
+{"version":3,"file":"collect.d.ts","sourceRoot":"","sources":["../src/collect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C;;GAEG;AACH,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;AAEzD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,IAAI,GAAG,MAAM,EAC1C,IAAI,EAAE,UAAU,GACf,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAarC"}