houdini-react 2.0.0-next.3 → 2.0.0-next.31

package/build/runtime-esm/hooks/useFragment.js

@@ -1,67 +0,0 @@
-import { deepEquals } from "$houdini/runtime/lib/deepEquals";
-import { fragmentKey } from "$houdini/runtime/lib/types";
-import * as React from "react";
-import { useRouterContext } from "../routing";
-import { useDeepCompareMemoize } from "./useDeepCompareEffect";
-import { useDocumentSubscription } from "./useDocumentSubscription";
-function useFragment(reference, document) {
-  const { cache } = useRouterContext();
-  const { parent, variables, loading } = fragmentReference(
-    reference,
-    document
-  );
-  let cachedValue = reference;
-  if (reference && parent) {
-    cachedValue = cache.read({
-      selection: document.artifact.selection,
-      parent,
-      variables,
-      loading
-    }).data;
-  }
-  const [storeValue] = useDocumentSubscription({
-    artifact: document.artifact,
-    variables,
-    initialValue: cachedValue,
-    // dont subscribe to anything if we are loading
-    disabled: loading,
-    send: {
-      stuff: {
-        parentID: parent
-      },
-      setup: true
-    }
-  });
-  const lastReference = React.useRef(null);
-  return React.useMemo(() => {
-    const parentChange = storeValue.parent !== parent || !deepEquals({ parent, variables }, lastReference.current);
-    if (parentChange) {
-      lastReference.current = { parent, variables: { ...variables } };
-      return cachedValue;
-    }
-    return storeValue.data;
-  }, [
-    useDeepCompareMemoize({
-      parent,
-      variables,
-      cachedValue,
-      storeValue: storeValue.data,
-      storeParent: storeValue.parent
-    })
-  ]);
-}
-function fragmentReference(reference, document) {
-  const { variables, parent } = reference?.[fragmentKey]?.values?.[document.artifact.name] ?? {};
-  if (reference && fragmentKey in reference && (!variables || !parent)) {
-    console.warn(
-      `\u26A0\uFE0F Parent does not contain the information for this fragment. Something is wrong.
-Please ensure that you have passed a record that has ${document.artifact.name} mixed into it.`
-    );
-  }
-  const loading = Boolean(reference?.[fragmentKey]?.loading);
-  return { variables, parent, loading };
-}
-export {
-  fragmentReference,
-  useFragment
-};

package/build/runtime-esm/hooks/useFragmentHandle.d.ts

@@ -1,8 +0,0 @@
-import type { GraphQLObject, FragmentArtifact, QueryArtifact, fragmentKey, GraphQLVariables } from '$houdini/runtime/lib/types';
-import { type DocumentHandle } from './useDocumentHandle';
-export declare function useFragmentHandle<_Artifact extends FragmentArtifact, _Data extends GraphQLObject, _ReferenceType extends {}, _PaginationArtifact extends QueryArtifact, _Input extends GraphQLVariables = GraphQLVariables>(reference: _Data | {
-    [fragmentKey]: _ReferenceType;
-} | null, document: {
-    artifact: FragmentArtifact;
-    refetchArtifact?: QueryArtifact;
-}): DocumentHandle<_PaginationArtifact, _Data, _Input>;

package/build/runtime-esm/hooks/useFragmentHandle.js

@@ -1,23 +0,0 @@
-import { useDocumentHandle } from "./useDocumentHandle";
-import { useDocumentStore } from "./useDocumentStore";
-import { fragmentReference, useFragment } from "./useFragment";
-function useFragmentHandle(reference, document) {
-  const data = useFragment(reference, document);
-  const { variables } = fragmentReference(reference, document);
-  const [handleValue, handleObserver] = useDocumentStore({
-    artifact: document.refetchArtifact ?? document.artifact
-  });
-  const handle = useDocumentHandle({
-    observer: handleObserver,
-    storeValue: handleValue,
-    artifact: document.refetchArtifact ?? document.artifact
-  });
-  return {
-    ...handle,
-    variables,
-    data
-  };
-}
-export {
-  useFragmentHandle
-};

package/build/runtime-esm/hooks/useIsMounted.d.ts

@@ -1,3 +0,0 @@
-export declare function useIsMountedRef(): {
-    current: boolean;
-};

package/build/runtime-esm/hooks/useIsMounted.js

@@ -1,14 +0,0 @@
-import { useRef, useEffect } from "react";
-function useIsMountedRef() {
-  const isMountedRef = useRef(true);
-  useEffect(() => {
-    isMountedRef.current = true;
-    return () => {
-      isMountedRef.current = false;
-    };
-  }, []);
-  return isMountedRef;
-}
-export {
-  useIsMountedRef
-};

package/build/runtime-esm/hooks/useMutation.d.ts

@@ -1,14 +0,0 @@
-import type { MutationArtifact, GraphQLObject, QueryResult, GraphQLVariables } from '$houdini/runtime/lib/types';
-export type MutationHandler<_Result, _Input, _Optimistic extends GraphQLObject> = (args: {
-    variables: _Input;
-    metadata?: App.Metadata;
-    fetch?: typeof globalThis.fetch;
-    optimisticResponse?: _Optimistic;
-    abortController?: AbortController;
-}) => Promise<QueryResult<_Result, _Input>>;
-export declare function useMutation<_Result extends GraphQLObject, _Input extends GraphQLVariables, _Optimistic extends GraphQLObject>({ artifact, }: {
-    artifact: MutationArtifact;
-}): [boolean, MutationHandler<_Result, _Input, _Optimistic>];
-export declare class RuntimeGraphQLError extends Error {
-    raw: QueryResult['errors'];
-}

package/build/runtime-esm/hooks/useMutation.js

@@ -1,42 +0,0 @@
-import { useSession } from "../routing/hooks";
-import { useDocumentStore } from "./useDocumentStore";
-function useMutation({
-  artifact
-}) {
-  const [storeValue, observer] = useDocumentStore({ artifact });
-  const pending = storeValue.fetching;
-  const [session] = useSession();
-  const mutate = async ({
-    metadata,
-    fetch,
-    variables,
-    abortController,
-    ...mutationConfig
-  }) => {
-    const result = await observer.send({
-      variables,
-      metadata,
-      session,
-      abortController,
-      stuff: {
-        ...mutationConfig
-      }
-    });
-    if (result.errors && result.errors?.length > 0) {
-      const err = new RuntimeGraphQLError(
-        result.errors.map((error) => error.message).join(". ")
-      );
-      err.raw = result.errors;
-      throw err;
-    }
-    return result;
-  };
-  return [pending, mutate];
-}
-class RuntimeGraphQLError extends Error {
-  raw = [];
-}
-export {
-  RuntimeGraphQLError,
-  useMutation
-};

package/build/runtime-esm/hooks/useQuery.d.ts

@@ -1,5 +0,0 @@
-import type { GraphQLVariables, GraphQLObject, QueryArtifact } from '$houdini/runtime/lib/types';
-import type { UseQueryConfig } from './useQueryHandle';
-export declare function useQuery<_Artifact extends QueryArtifact, _Data extends GraphQLObject = GraphQLObject, _Input extends GraphQLVariables = GraphQLVariables>(document: {
-    artifact: QueryArtifact;
-}, variables?: any, config?: UseQueryConfig): _Data;

package/build/runtime-esm/hooks/useQuery.js

@@ -1,8 +0,0 @@
-import { useQueryHandle } from "./useQueryHandle";
-function useQuery(document, variables = null, config = {}) {
-  const { data } = useQueryHandle(document, variables, config);
-  return data;
-}
-export {
-  useQuery
-};

package/build/runtime-esm/hooks/useQueryHandle.d.ts

@@ -1,10 +0,0 @@
-import type { GraphQLObject, CachePolicies, QueryArtifact, GraphQLVariables } from '$houdini/runtime/lib/types';
-import type { DocumentHandle } from './useDocumentHandle';
-export declare function useQueryHandle<_Artifact extends QueryArtifact, _Data extends GraphQLObject = GraphQLObject, _Input extends GraphQLVariables = GraphQLVariables>({ artifact }: {
-    artifact: QueryArtifact;
-}, variables?: any, config?: UseQueryConfig): DocumentHandle<_Artifact, _Data, _Input>;
-export type UseQueryConfig = {
-    policy?: CachePolicies;
-    metadata?: App.Metadata;
-    fetchKey?: any;
-};

package/build/runtime-esm/hooks/useQueryHandle.js

@@ -1,97 +0,0 @@
-import { createLRUCache } from "$houdini/runtime/lib/lru";
-import React from "react";
-import { useClient } from "../routing";
-import { useDocumentHandle } from "./useDocumentHandle";
-import { useIsMountedRef } from "./useIsMounted";
-const promiseCache = createLRUCache();
-function useQueryHandle({ artifact }, variables = null, config = {}) {
-  const identifier = queryIdentifier({ artifact, variables, config });
-  const suspenseValue = promiseCache.get(identifier);
-  const client = useClient();
-  const isMountedRef = useIsMountedRef();
-  let [observer] = React.useState(
-    client.observe({
-      artifact,
-      initialValue: suspenseValue?.resolved?.data ?? {}
-    })
-  );
-  const suspenseTracker = React.useRef(false);
-  const box = React.useRef(observer.state);
-  const subscribe = React.useCallback(
-    (fn) => {
-      return observer.subscribe((val) => {
-        box.current = val;
-        if (isMountedRef.current && !suspenseTracker.current) {
-          fn();
-        }
-      });
-    },
-    [observer]
-  );
-  const storeValue = React.useSyncExternalStore(subscribe, () => box.current);
-  const handle = useDocumentHandle({
-    artifact,
-    observer,
-    storeValue
-  });
-  React.useEffect(() => {
-    return () => {
-      promiseCache.delete(identifier);
-    };
-  }, [identifier]);
-  React.useEffect(() => {
-    return () => {
-      observer.cleanup();
-    };
-  }, [observer]);
-  let result = storeValue.data;
-  if (!suspenseValue) {
-    let resolve = () => {
-    };
-    const loadPromise = new Promise((r) => resolve = r);
-    const suspenseUnit = {
-      then: loadPromise.then.bind(loadPromise),
-      resolve,
-      // @ts-ignore
-      variables
-    };
-    promiseCache.set(identifier, suspenseUnit);
-    handle.fetch({
-      variables,
-      // @ts-ignore: this is actually allowed... 🤫
-      stuff: {
-        silenceLoading: true
-      }
-    }).then((value) => {
-      suspenseUnit.resolved = {
-        ...handle,
-        data: value.data,
-        partia: value.partial,
-        artifact
-      };
-      suspenseUnit.resolve();
-    });
-    suspenseTracker.current = true;
-    throw suspenseUnit;
-  }
-  if (!result && suspenseValue && !suspenseValue.resolved) {
-    suspenseTracker.current = true;
-    throw suspenseValue;
-  }
-  if (!result && suspenseValue?.resolved) {
-    return suspenseValue.resolved;
-  }
-  return {
-    ...handle,
-    variables: storeValue.variables,
-    data: result
-  };
-}
-function queryIdentifier(args) {
-  args.fetchKey ??= 0;
-  const { artifact, variables, fetchKey } = args;
-  return [artifact.name, JSON.stringify(variables), fetchKey].join("@@");
-}
-export {
-  useQueryHandle
-};

package/build/runtime-esm/hooks/useSubscription.d.ts

@@ -1,4 +0,0 @@
-import type { SubscriptionArtifact, GraphQLObject, GraphQLVariables } from '$houdini/runtime/lib/types';
-export declare function useSubscription<_Result extends GraphQLObject, _Input extends GraphQLVariables>(document: {
-    artifact: SubscriptionArtifact;
-}, variables: _Input): import("houdini").GraphQLObject | null;

package/build/runtime-esm/hooks/useSubscription.js

@@ -1,8 +0,0 @@
-import { useSubscriptionHandle } from "./useSubscriptionHandle";
-function useSubscription(document, variables) {
-  const { data } = useSubscriptionHandle(document, variables);
-  return data;
-}
-export {
-  useSubscription
-};

package/build/runtime-esm/hooks/useSubscriptionHandle.d.ts

@@ -1,25 +0,0 @@
-import type { SubscriptionArtifact, GraphQLObject, GraphQLVariables } from '$houdini/runtime/lib/types';
-export type SubscriptionHandle<_Result extends GraphQLObject, _Input extends GraphQLVariables> = {
-    data: _Result | null;
-    errors: {
-        message: string;
-    }[] | null;
-    variables: _Input;
-    listen: (args: {
-        variables?: _Input;
-    }) => void;
-    unlisten: () => void;
-    fetching: boolean;
-};
-export declare function useSubscriptionHandle<_Result extends GraphQLObject, _Input extends GraphQLVariables>({ artifact }: {
-    artifact: SubscriptionArtifact;
-}, variables: _Input): {
-    data: import("houdini").GraphQLObject | null;
-    errors: {
-        message: string;
-    }[] | null;
-    fetching: boolean;
-    variables: _Input;
-    unlisten: () => Promise<void>;
-    listen: ({ metadata, session, fetch, variables, policy, stuff, cacheParams, setup, silenceEcho, abortController, }?: import("$houdini/lib").SendParams) => Promise<import("$houdini/runtime/lib/types").QueryResult<import("houdini").GraphQLObject, _Input>>;
-};

package/build/runtime-esm/hooks/useSubscriptionHandle.js

@@ -1,18 +0,0 @@
-import { useDocumentSubscription } from "./useDocumentSubscription";
-function useSubscriptionHandle({ artifact }, variables) {
-  const [storeValue, observer] = useDocumentSubscription({
-    artifact,
-    variables
-  });
-  return {
-    data: storeValue.data,
-    errors: storeValue.errors,
-    fetching: storeValue.fetching,
-    variables,
-    unlisten: observer.cleanup,
-    listen: observer.send
-  };
-}
-export {
-  useSubscriptionHandle
-};

package/build/runtime-esm/index.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import type { GraphQLObject } from '$houdini/lib/types';
-import type { Cache } from '$houdini/runtime/cache/cache';
-import { RouterCache } from './routing';
-export * from './hooks';
-export { router_cache, useSession, useLocation, useRoute } from './routing';
-export declare function Router({ cache, initialURL, artifact_cache, component_cache, data_cache, ssr_signals, last_variables, session, assetPrefix, injectToStream, }: {
-    initialURL: string;
-    initialVariables: GraphQLObject;
-    cache: Cache;
-    session?: App.Session;
-    assetPrefix: string;
-    injectToStream?: (chunk: string) => void;
-} & RouterCache): import("react").JSX.Element;

package/build/runtime-esm/index.js

@@ -1,48 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import client from "./client";
-import manifest from "./manifest";
-import { Router as RouterImpl, RouterContextProvider } from "./routing";
-export * from "./hooks";
-import { router_cache, useSession, useLocation, useRoute } from "./routing";
-function Router({
-  cache,
-  initialURL,
-  artifact_cache,
-  component_cache,
-  data_cache,
-  ssr_signals,
-  last_variables,
-  session,
-  assetPrefix,
-  injectToStream
-}) {
-  return /* @__PURE__ */ jsx(
-    RouterContextProvider,
-    {
-      client: client(),
-      cache,
-      artifact_cache,
-      component_cache,
-      data_cache,
-      ssr_signals,
-      last_variables,
-      session,
-      children: /* @__PURE__ */ jsx(
-        RouterImpl,
-        {
-          initialURL,
-          manifest,
-          assetPrefix,
-          injectToStream
-        }
-      )
-    }
-  );
-}
-export {
-  Router,
-  router_cache,
-  useLocation,
-  useRoute,
-  useSession
-};

package/build/runtime-esm/manifest.d.ts

@@ -1,3 +0,0 @@
-import type { RouterManifest } from '$houdini/runtime/lib/types';
-declare const manifest: RouterManifest;
-export default manifest;

package/build/runtime-esm/manifest.js

@@ -1,5 +0,0 @@
-const manifest = {};
-var manifest_default = manifest;
-export {
-  manifest_default as default
-};

package/build/runtime-esm/routing/Router.d.ts

@@ -1,62 +0,0 @@
-import type { Cache } from '$houdini/runtime/cache/cache';
-import { DocumentStore, HoudiniClient } from '$houdini/runtime/client';
-import type { LRUCache } from '$houdini/runtime/lib/lru';
-import type { GraphQLObject, GraphQLVariables } from '$houdini/runtime/lib/types';
-import type { QueryArtifact } from '$houdini/runtime/lib/types';
-import type { RouterManifest } from '$houdini/runtime/router/types';
-import React from 'react';
-import { type SuspenseCache } from './cache';
-import { type DocumentHandle } from '../hooks/useDocumentHandle';
-import { type PageComponent, type PendingCache } from './hooks';
-type ComponentType = any;
-/**
- * Router is the top level entry point for the filesystem-based router.
- * It is responsible for loading various page sources (including API fetches) and
- * then rendering when appropriate.
- */
-export declare function Router({ manifest, initialURL, assetPrefix, injectToStream, }: {
-    manifest: RouterManifest<ComponentType>;
-    initialURL?: string;
-    assetPrefix: string;
-    injectToStream?: undefined | ((chunk: string) => void);
-}): React.JSX.Element;
-export declare function RouterContextProvider({ children, client, cache, artifact_cache, component_cache, data_cache, ssr_signals, last_variables, session: ssrSession, }: {
-    children: React.ReactNode;
-    client: HoudiniClient;
-    cache: Cache;
-    artifact_cache: SuspenseCache<QueryArtifact>;
-    component_cache: SuspenseCache<PageComponent>;
-    data_cache: SuspenseCache<DocumentStore<GraphQLObject, GraphQLVariables>>;
-    ssr_signals: PendingCache;
-    last_variables: LRUCache<GraphQLVariables>;
-    session?: App.Session;
-}): React.JSX.Element;
-export declare function updateLocalSession(session: App.Session): void;
-export declare function useCurrentVariables(): GraphQLVariables;
-export declare function useQueryResult<_Data extends GraphQLObject, _Input extends GraphQLVariables>(name: string): [_Data | null, DocumentHandle<any, _Data, _Input>];
-export type RouterCache = {
-    artifact_cache: SuspenseCache<QueryArtifact>;
-    component_cache: SuspenseCache<PageComponent>;
-    data_cache: SuspenseCache<DocumentStore<GraphQLObject, GraphQLVariables>>;
-    last_variables: LRUCache<GraphQLVariables>;
-    ssr_signals: PendingCache;
-};
-export declare function router_cache({ pending_queries, artifacts, components, initialData, initialVariables, initialArtifacts, }?: {
-    pending_queries?: string[];
-    artifacts?: Record<string, QueryArtifact>;
-    components?: Record<string, PageComponent>;
-    initialData?: Record<string, DocumentStore<GraphQLObject, GraphQLVariables>>;
-    initialVariables?: Record<string, GraphQLVariables>;
-    initialArtifacts?: Record<string, QueryArtifact>;
-}): RouterCache;
-export declare function PageContextProvider({ keys, children, }: {
-    keys: string[];
-    children: React.ReactNode;
-}): React.JSX.Element;
-export declare function useRoute<PageProps extends {
-    Params: {};
-}>(): RouteProp<PageProps['Params']>;
-export type RouteProp<Params> = {
-    params: Params;
-};
-export {};