fix(core): Resource clenup

Author: mhevery

packages/qwik/src/core/api.md

@@ -375,10 +375,8 @@ export interface Ref<T> {
 // @alpha
 export const render: (parent: Element | Document, jsxNode: JSXNode<unknown> | FunctionComponent<any>, allowRerender?: boolean) => Promise<void>;
 
-// Warning: (ae-forgotten-export) The symbol "AsyncProps" needs to be exported by the entry point index.d.ts
-//
 // @alpha (undocumented)
-export const Resource: <T>(props: AsyncProps<T>) => JSXNode;
+export const Resource: <T>(props: ResourceProps<T>) => JSXNode;
 
 // @alpha (undocumented)
 export interface ResourceCtx<T> {
@@ -402,6 +400,18 @@ export interface ResourcePending<T> {
     state: 'pending';
 }
 
+// @alpha (undocumented)
+export interface ResourceProps<T> {
+    // (undocumented)
+    onPending?: () => JSXNode;
+    // (undocumented)
+    onRejected?: (reason: any) => JSXNode;
+    // (undocumented)
+    onResolved: (value: T) => JSXNode;
+    // (undocumented)
+    resource: ResourceReturn<T>;
+}
+
 // @alpha (undocumented)
 export interface ResourceRejected<T> {
     // (undocumented)

packages/qwik/src/core/index.ts

@@ -48,6 +48,7 @@ export type {
   ResourceResolved,
 } from './use/use-watch';
 export { useWatch$, useWatchQrl } from './use/use-watch';
+export type { ResourceProps } from './use/use-resource';
 export { useResource$, useResourceQrl, Resource } from './use/use-resource';
 export { useClientEffect$, useClientEffectQrl } from './use/use-watch';
 export { useServerMount$, useServerMountQrl } from './use/use-watch';

packages/qwik/src/core/use/use-resource.ts

@@ -69,7 +69,7 @@ export const useIsServer = () => {
 /**
  * @alpha
  */
-export interface AsyncProps<T> {
+export interface ResourceProps<T> {
   resource: ResourceReturn<T>;
   onResolved: (value: T) => JSXNode;
   onPending?: () => JSXNode;
@@ -79,7 +79,7 @@ export interface AsyncProps<T> {
 /**
  * @alpha
  */
-export const Resource = <T>(props: AsyncProps<T>): JSXNode => {
+export const Resource = <T>(props: ResourceProps<T>): JSXNode => {
   const isBrowser = !qDev || !useIsServer();
   if (isBrowser) {
     if (props.onRejected) {
@@ -98,7 +98,7 @@ export const Resource = <T>(props: AsyncProps<T>): JSXNode => {
     }
   }
 
-  // Async path
+  // Resource path
   return jsx(Fragment, {
     children: props.resource.promise.then(props.onResolved, props.onRejected),
   });