litestar-vite-plugin 0.21.0 → 0.22.0

package/dist/js/inertia-helpers/index.d.ts

@@ -25,26 +25,40 @@ export declare function unwrapPageProps<T extends Record<string, unknown>>(props
  * Resolve a page component from a glob import.
  *
  * Used with Inertia.js to dynamically import page components.
- * Automatically unwraps Litestar's `content` prop for ergonomic access.
+ * Automatically unwraps Litestar's `content` prop for ergonomic access
+ * and extracts the default export from ES modules.
  *
  * @param path - Component path or array of paths to try
  * @param pages - Glob import result (e.g., import.meta.glob('./pages/**\/*.vue'))
- * @returns Promise resolving to the component
+ * @returns Promise resolving to the component (default export extracted when present)
  * @throws Error if no matching component is found
  *
  * @example
  * ```ts
  * import { resolvePageComponent } from 'litestar-vite-plugin/inertia-helpers'
  *
+ * // React — type the glob with the module shape to get proper inference:
+ * const pages = import.meta.glob<{ default: ComponentType }>("./pages/**\/*.tsx")
+ * createInertiaApp({
+ *   resolve: (name) => resolvePageComponent(`./pages/${name}.tsx`, pages),
+ *   // ...
+ * })
+ *
+ * // Vue — type the glob with the component type directly:
  * createInertiaApp({
  *   resolve: (name) => resolvePageComponent(
  *     `./pages/${name}.vue`,
- *     import.meta.glob('./pages/**\/*.vue')
+ *     import.meta.glob<DefineComponent>('./pages/**\/*.vue')
  *   ),
  *   // ...
  * })
  * ```
  */
+export declare function resolvePageComponent<T>(path: string | string[], pages: Record<string, Promise<{
+    default: T;
+}> | (() => Promise<{
+    default: T;
+}>)>): Promise<T>;
 export declare function resolvePageComponent<T>(path: string | string[], pages: Record<string, Promise<T> | (() => Promise<T>)>): Promise<T>;
 /**
  * Offset-based pagination props.

package/dist/js/inertia-helpers/index.js

@@ -52,30 +52,6 @@ function wrapComponent(module) {
     }
     return module;
 }
-/**
- * Resolve a page component from a glob import.
- *
- * Used with Inertia.js to dynamically import page components.
- * Automatically unwraps Litestar's `content` prop for ergonomic access.
- *
- * @param path - Component path or array of paths to try
- * @param pages - Glob import result (e.g., import.meta.glob('./pages/**\/*.vue'))
- * @returns Promise resolving to the component
- * @throws Error if no matching component is found
- *
- * @example
- * ```ts
- * import { resolvePageComponent } from 'litestar-vite-plugin/inertia-helpers'
- *
- * createInertiaApp({
- *   resolve: (name) => resolvePageComponent(
- *     `./pages/${name}.vue`,
- *     import.meta.glob('./pages/**\/*.vue')
- *   ),
- *   // ...
- * })
- * ```
- */
 export async function resolvePageComponent(path, pages) {
     for (const p of Array.isArray(path) ? path : [path]) {
         const page = pages[p];
@@ -83,7 +59,11 @@ export async function resolvePageComponent(path, pages) {
             continue;
         }
         const resolved = typeof page === "function" ? await page() : await page;
-        return wrapComponent(resolved);
+        const wrapped = wrapComponent(resolved);
+        if (wrapped != null && typeof wrapped === "object" && "default" in wrapped) {
+            return wrapped.default;
+        }
+        return wrapped;
     }
     throw new Error(`Page not found: ${path}`);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "litestar-vite-plugin",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "type": "module",
   "description": "Litestar plugin for Vite.",
   "keywords": [