houdini 1.2.43 → 1.2.45

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

@@ -23,8 +23,12 @@ export type ObserveParams<_Data extends GraphQLObject, _Artifact extends Documen
 };
 export declare class HoudiniClient {
     url: string;
-    readonly plugins: ClientPlugin[];
     readonly throwOnError_operations: ThrowOnErrorOperations[];
+    private cache;
+    private throwOnError;
+    private fetchParams;
+    private pipeline;
+    private extraPlugins;
     proxies: Record<string, (operation: {
         query: string;
         variables: any;
@@ -32,7 +36,9 @@ export declare class HoudiniClient {
         session: App.Session | null | undefined;
     }) => Promise<any>>;
     componentCache: Record<string, any>;
+    setCache(cache: Cache): void;
     constructor({ url, fetchParams, plugins, pipeline, throwOnError, }?: HoudiniClientConstructorArgs);
+    get plugins(): ClientPlugin[];
     observe<_Data extends GraphQLObject, _Input extends GraphQLVariables>({ enableCache, fetching, ...rest }: ObserveParams<_Data, DocumentArtifact, _Input>): DocumentStore<_Data, _Input>;
     registerProxy(url: string, handler: (operation: {
         query: string;

package/build/runtime-esm/client/index.js

@@ -1,3 +1,4 @@
+import cacheRef from "../cache";
 import { getCurrentConfig, localApiEndpoint } from "../lib";
 import { flatten } from "../lib/flatten";
 import { DocumentStore } from "./documentStore";
@@ -14,10 +15,17 @@ import { DocumentStore as DocumentStore2 } from "./documentStore";
 import { fetch, mutation, query, subscription } from "./plugins";
 class HoudiniClient {
   url;
-  plugins;
   throwOnError_operations;
+  cache = null;
+  throwOnError;
+  fetchParams;
+  pipeline;
+  extraPlugins;
   proxies = {};
   componentCache = {};
+  setCache(cache) {
+    this.cache = cache;
+  }
   constructor({
     url,
     fetchParams,
@@ -31,23 +39,29 @@ class HoudiniClient {
       );
     }
     this.throwOnError_operations = throwOnError?.operations ?? [];
-    this.plugins = flatten(
+    let serverPort = globalThis.process?.env?.HOUDINI_PORT ?? "5173";
+    this.url = url ?? (globalThis.window ? "" : `https://localhost:${serverPort}`) + localApiEndpoint(getCurrentConfig());
+    this.throwOnError = throwOnError;
+    this.fetchParams = fetchParams;
+    this.pipeline = pipeline;
+    this.extraPlugins = plugins;
+  }
+  get plugins() {
+    return flatten(
       [].concat(
-        throwOnError ? [throwOnErrorPlugin(throwOnError)] : [],
-        fetchParamsPlugin(fetchParams),
-        pipeline ?? [
-          queryPlugin,
-          mutationPlugin,
-          fragmentPlugin
+        this.throwOnError ? [throwOnErrorPlugin(this.throwOnError)] : [],
+        fetchParamsPlugin(this.fetchParams),
+        this.pipeline ?? [
+          queryPlugin(this.cache ?? cacheRef),
+          mutationPlugin(this.cache ?? cacheRef),
+          fragmentPlugin(this.cache ?? cacheRef)
         ].concat(
-          plugins ?? [],
+          this.extraPlugins ?? [],
           pluginsFromPlugins,
           fetchPlugin()
         )
       )
     );
-    let serverPort = globalThis.process?.env?.HOUDINI_PORT ?? "5173";
-    this.url = url ?? (globalThis.window ? "" : `https://localhost:${serverPort}`) + localApiEndpoint(getCurrentConfig());
   }
   observe({
     enableCache = true,
@@ -59,6 +73,7 @@ class HoudiniClient {
       plugins: createPluginHooks(this.plugins),
       fetching,
       enableCache,
+      cache: this.cache ?? void 0,
       ...rest
     });
   }

package/build/runtime-esm/client/plugins/fragment.d.ts

@@ -1,2 +1,2 @@
-import type { ClientPlugin } from '../documentStore';
-export declare const fragment: ClientPlugin;
+import type { Cache } from '../../cache/cache';
+export declare const fragment: (cache: Cache) => import("..").ClientPlugin;

package/build/runtime-esm/client/plugins/fragment.js

@@ -1,8 +1,7 @@
-import cache from "../../cache";
 import { deepEquals } from "../../lib/deepEquals";
 import { ArtifactKind, DataSource } from "../../lib/types";
 import { documentPlugin } from "../utils";
-const fragment = documentPlugin(ArtifactKind.Fragment, function() {
+const fragment = (cache) => documentPlugin(ArtifactKind.Fragment, function() {
   let subscriptionSpec = null;
   let lastReference = null;
   return {

package/build/runtime-esm/client/plugins/mutation.d.ts

@@ -1 +1,2 @@
-export declare const mutation: import("..").ClientPlugin;
+import type { Cache } from '../../cache/cache';
+export declare const mutation: (cache: Cache) => import("..").ClientPlugin;

package/build/runtime-esm/client/plugins/mutation.js

@@ -1,8 +1,7 @@
-import cache from "../../cache";
 import { marshalSelection } from "../../lib/scalars";
 import { ArtifactKind } from "../../lib/types";
 import { documentPlugin } from "../utils";
-const mutation = documentPlugin(ArtifactKind.Mutation, () => {
+const mutation = (cache) => documentPlugin(ArtifactKind.Mutation, () => {
   return {
     async start(ctx, { next, marshalVariables }) {
       const layerOptimistic = cache._internal_unstable.storage.createLayer(true);

package/build/runtime-esm/client/plugins/query.d.ts

@@ -1,2 +1,2 @@
-import type { ClientPlugin } from '../documentStore';
-export declare const query: ClientPlugin;
+import type { Cache } from '../../cache/cache';
+export declare const query: (cache: Cache) => import("..").ClientPlugin;

package/build/runtime-esm/client/plugins/query.js

@@ -1,13 +1,26 @@
-import cache from "../../cache";
 import { ArtifactKind, DataSource } from "../../lib/types";
 import { documentPlugin } from "../utils";
-const query = documentPlugin(ArtifactKind.Query, function() {
+const query = (cache) => documentPlugin(ArtifactKind.Query, function() {
   let subscriptionSpec = null;
   let lastVariables = null;
   return {
     start(ctx, { next }) {
+      const runtimeScalarPayload = {
+        session: ctx.session
+      };
       ctx.variables = {
         ...lastVariables,
+        ...Object.fromEntries(
+          Object.entries(ctx.artifact.input?.runtimeScalars ?? {}).map(
+            ([field, type]) => {
+              const runtimeScalar = ctx.config.features?.runtimeScalars?.[type];
+              if (!runtimeScalar) {
+                return [field, type];
+              }
+              return [field, runtimeScalar.resolve(runtimeScalarPayload)];
+            }
+          )
+        ),
         ...ctx.variables
       };
       next(ctx);

package/build/runtime-esm/lib/config.d.ts

@@ -119,13 +119,23 @@ export type ConfigFile = {
      */
     router?: RouterConfig;
     /**
-     * A collection of flags to opt-into experimental features that might break unexpectedly
+     * A collection of flags to opt-into experimental features are not yet stable and can break on any
+     * minor version.
      */
     features?: {
-        componentFields?: boolean;
+        /** Interact with the cache directly using an imperative API.*/
         imperativeCache?: boolean;
+        runtimeScalars?: Record<string, {
+            type: string;
+            resolve: (args: RuntimeScalarPayload) => any;
+        }>;
+        /** [React Only] Emebed component references in query responses*/
+        componentFields?: boolean;
     };
 };
+export type RuntimeScalarPayload = {
+    session?: App.Session | null | undefined;
+};
 type RouterConfig = {
     auth?: AuthStrategy;
     apiEndpoint?: string;

package/build/runtime-esm/lib/scalars.d.ts

@@ -1,5 +1,5 @@
 import type { ConfigFile } from './config';
-import type { FragmentArtifact, MutationArtifact, QueryArtifact, SubscriptionArtifact, SubscriptionSelection } from './types';
+import { type FragmentArtifact, type MutationArtifact, type QueryArtifact, type SubscriptionArtifact, type SubscriptionSelection } from './types';
 export declare function marshalSelection({ selection, data, }: {
     selection: SubscriptionSelection;
     data: any;

package/build/runtime-esm/lib/scalars.js

@@ -1,5 +1,8 @@
 import { getCurrentConfig } from "./config";
 import { getFieldsForType } from "./selection";
+import {
+  fragmentKey
+} from "./types";
 async function marshalSelection({
   selection,
   data
@@ -15,6 +18,9 @@ async function marshalSelection({
   return Object.fromEntries(
     await Promise.all(
       Object.entries(data).map(async ([fieldName, value]) => {
+        if (fieldName === fragmentKey) {
+          return [fieldName, value];
+        }
         const { type, selection: selection2 } = targetSelection[fieldName];
         if (!type) {
           return [fieldName, value];

package/build/runtime-esm/lib/types.d.ts

@@ -31,6 +31,9 @@ declare global {
         }
     }
 }
+export type RuntimeScalarResolver = (args: {
+    session: App.Session;
+}) => any;
 export type Fragment<_Result> = {
     readonly shape?: _Result;
 };
@@ -72,6 +75,7 @@ export type InputObject = {
     fields: Record<string, string>;
     types: Record<string, Record<string, string>>;
     defaults: Record<string, any>;
+    runtimeScalars: Record<string, string>;
 };
 export type BaseCompiledDocument<_Kind extends ArtifactKinds> = {
     name: string;
@@ -363,6 +367,14 @@ export type PageManifest = {
     layouts: string[];
     /** The filepath of the unit */
     path: string;
+    /**
+     * The name and type of every route paramter that this page can use.
+     * null indicates the type is unknown (not constrained by a query)
+     **/
+    params: Record<string, {
+        type: string;
+        wrappers: string[];
+    } | null>;
 };
 export type QueryManifest = {
     /** the name of the query */
@@ -373,6 +385,9 @@ export type QueryManifest = {
     loading: boolean;
     /** The filepath of the unit */
     path: string;
-    /** The list of variables that this query cares about */
-    variables: string[];
+    /** The name and GraphQL type for the variables that this query cares about */
+    variables: Record<string, {
+        wrappers: string[];
+        type: string;
+    }>;
 };

package/build/runtime-esm/router/server.js

@@ -42,10 +42,9 @@ function _serverHandler({
       return yoga(request);
     }
     const authResponse = await handle_request({
-      url: request.url,
+      request,
       config: config_file,
-      session_keys,
-      headers: request.headers
+      session_keys
     });
     if (authResponse) {
       return authResponse;

package/build/runtime-esm/router/session.d.ts

@@ -1,9 +1,8 @@
 import type { ConfigFile } from '../lib';
 type ServerHandlerArgs = {
-    url: string;
+    request: Request;
     config: ConfigFile;
     session_keys: string[];
-    headers: Headers;
 };
 export declare function handle_request(args: ServerHandlerArgs): Promise<Response | undefined>;
 export type Server = {

package/build/runtime-esm/router/session.js

@@ -2,22 +2,36 @@ import { parse } from "./cookies";
 import { decode, encode, verify } from "./jwt";
 async function handle_request(args) {
   const plugin_config = args.config.router ?? {};
-  const { pathname } = new URL(args.url);
+  const { pathname } = new URL(args.request.url);
   if (plugin_config.auth && "redirect" in plugin_config.auth && pathname.startsWith(plugin_config.auth.redirect)) {
     return await redirect_auth(args);
   }
 }
 async function redirect_auth(args) {
-  const { searchParams } = new URL(args.url, `http://${args.headers.get("host")}`);
-  const { redirectTo, ...session } = Object.fromEntries(searchParams.entries());
-  const response = new Response("ok", {
-    status: 302,
-    headers: {
-      Location: redirectTo ?? "/"
-    }
-  });
-  await set_session(args, response, session);
-  return response;
+  if (args.request.method === "GET") {
+    const { searchParams } = new URL(
+      args.request.url,
+      `http://${args.request.headers.get("host")}`
+    );
+    const { redirectTo, ...session } = Object.fromEntries(searchParams.entries());
+    const response = new Response("ok", {
+      status: 302,
+      headers: {
+        Location: redirectTo ?? "/"
+      }
+    });
+    await set_session(args, response, session);
+    return response;
+  }
+  if (args.request.method === "POST") {
+    const newValues = await args.request.json();
+    const existing = await get_session(args.request.headers, args.session_keys);
+    const response = new Response("ok", {
+      status: 200
+    });
+    await set_session(args, response, { ...existing, ...newValues });
+    return response;
+  }
 }
 const session_cookie_name = "__houdini__";
 async function set_session(req, response, value) {

package/build/runtime-esm/router/types.d.ts

@@ -16,7 +16,9 @@ export type RouterPageManifest<_ComponentType> = {
             default: QueryArtifact;
         }>;
         loading: boolean;
-        variables: string[];
+        variables: Record<string, {
+            type: string;
+        }>;
     }>;
     component: () => Promise<{
         default: (props: any) => _ComponentType;