houdini-react 2.0.0-next.4 → 2.0.0-next.40

package/vite/transform.js

@@ -0,0 +1,90 @@
+import * as graphql from "graphql";
+import {
+  ArtifactKind,
+  artifact_import,
+  ensure_imports,
+  find_graphql,
+  parseJS,
+  path,
+  printJS
+} from "houdini";
+import { componentField_unit_path, houdini_root } from "houdini/router/conventions";
+import * as recast from "recast";
+const AST = recast.types.builders;
+async function transform_file(page, cfRows) {
+  const isJSX = page.filepath.endsWith(".tsx") || page.filepath.endsWith(".jsx");
+  if (!isJSX && !page.filepath.endsWith(".ts") && !page.filepath.endsWith(".js")) {
+    return { code: page.content, map: page.map };
+  }
+  const script = parseJS(page.content, isJSX ? { plugins: ["jsx"] } : {});
+  const cfMap = {};
+  for (const row of cfRows) {
+    if (row.type && row.field && row.fragment) {
+      cfMap[row.type] ??= {};
+      cfMap[row.type][row.field] = row.fragment;
+    }
+  }
+  await find_graphql(page.config, script, {
+    skipGraphqlType: true,
+    tag({ node, artifact, parsedDocument }) {
+      const { id: artifactRef } = artifact_import({ page, script, artifact });
+      const properties = [AST.objectProperty(AST.stringLiteral("artifact"), artifactRef)];
+      if (is_paginated(parsedDocument)) {
+        if (artifact.kind !== ArtifactKind.Query) {
+          const refetchName = artifact.name + "_Pagination_Query";
+          const { id: refetchRef } = artifact_import({
+            page,
+            script,
+            artifact: { name: refetchName }
+          });
+          properties.push(
+            AST.objectProperty(AST.stringLiteral("refetchArtifact"), refetchRef)
+          );
+        } else {
+          properties.push(
+            AST.objectProperty(AST.stringLiteral("refetchArtifact"), artifactRef)
+          );
+        }
+      }
+      if (Object.keys(cfMap).length > 0) {
+        const typeInfo = new graphql.TypeInfo(page.config.schema);
+        graphql.visit(
+          parsedDocument,
+          graphql.visitWithTypeInfo(typeInfo, {
+            Field(fieldNode) {
+              const parentType = typeInfo.getParentType();
+              const typeName = parentType?.name;
+              if (!typeName) return;
+              const fragmentName = cfMap[typeName]?.[fieldNode.name.value];
+              if (!fragmentName) return;
+              const entryPointPath = componentField_unit_path(
+                page.config,
+                fragmentName
+              );
+              ensure_imports({
+                script,
+                sourceModule: "$houdini/" + path.relative(houdini_root(page.config), entryPointPath)
+              });
+            }
+          })
+        );
+      }
+      node.replaceWith(AST.objectExpression(properties));
+    }
+  });
+  return printJS(script);
+}
+function is_paginated(doc) {
+  let paginated = false;
+  graphql.visit(doc, {
+    Directive(node) {
+      if (node.name.value === "paginate") {
+        paginated = true;
+      }
+    }
+  });
+  return paginated;
+}
+export {
+  transform_file
+};

package/README.md

@@ -1,36 +0,0 @@
-<div align="center">
-  <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/HoudiniGraphql/houdini/main/.github/assets/logo_l.svg">
-    <img height="140" alt="Houdini's logo (dark or light)" src="https://raw.githubusercontent.com/HoudiniGraphql/houdini/main/.github/assets/logo_d.svg">
-  </picture>
-  <br />
-  <br />
-  <strong>
-    The disappearing GraphQL clients.
-  </strong>
-  <br />
-  <br />
-  <a href="https://npmjs.org/package/houdini">
-    <img src="https://img.shields.io/npm/v/houdini.svg" alt="version" />
-  </a>
-  <a href="https://github.com/HoudiniGraphql/houdini/actions">
-    <img src="https://github.com/HoudiniGraphql/houdini/actions/workflows/tests.yml/badge.svg" alt="CI Tests" />
-  </a>
-  <a href="https://github.com/HoudiniGraphql/houdini">
-    <img src="https://img.shields.io/github/stars/HoudiniGraphql/houdini.svg?label=stars" alt="github stars" />
-  </a>
-  <a href="https://npmjs.org/package/houdini">
-    <img src="https://img.shields.io/npm/dm/houdini.svg" alt="downloads" />
-  </a>
-  <a href="https://github.com/HoudiniGraphql/houdini/blob/main/LICENSE">
-    <img src="https://img.shields.io/github/license/HoudiniGraphql/houdini.svg?maxAge=2592000" alt="license" />
-  </a>
-</div>
-
-----
-
-At its core, houdini seeks to enable a high quality developer experience
-without compromising bundle size. Like Svelte, houdini shifts what is
-traditionally handled by a bloated runtime into a compile step that allows
-for the generation of an incredibly lean GraphQL abstraction for your application.
-See more at <a href="https://www.houdinigraphql.com">HoudiniGraphQL.com</a> 🚀

package/build/plugin/codegen/entries/documentWrappers.d.ts

@@ -1,6 +0,0 @@
-import { type Config, type ProjectManifest, type Document } from 'houdini';
-export declare function generate_routing_document_wrappers({ manifest, config, documents, }: {
-    manifest: ProjectManifest;
-    config: Config;
-    documents: Record<string, Document>;
-}): Promise<void[]>;

package/build/plugin/codegen/entries/fallbacks.d.ts

@@ -1,5 +0,0 @@
-import { type Config, type ProjectManifest } from 'houdini';
-export declare function generate_fallbacks({ config, project, }: {
-    config: Config;
-    project: ProjectManifest;
-}): Promise<void>;

package/build/plugin/codegen/entries/index.d.ts

@@ -1,16 +0,0 @@
-import type { Config, ProjectManifest, PageManifest, Document } from 'houdini';
-import type { ComponentFieldData } from '..';
-export declare function generate_entries({ config, manifest, documents, componentFields, }: {
-    config: Config;
-    manifest: ProjectManifest;
-    documents: Document[];
-    componentFields: ComponentFieldData[];
-}): Promise<void>;
-export type PageBundleInput = {
-    id: string;
-    page: PageManifest;
-    project: ProjectManifest;
-    config: Config;
-    documents: Record<string, Document>;
-    componentFields: ComponentFieldData[];
-};

package/build/plugin/codegen/entries/pages.d.ts

@@ -1,2 +0,0 @@
-import type { PageBundleInput } from '.';
-export declare function generate_page_entries(args: PageBundleInput): Promise<void>;

package/build/plugin/codegen/index.d.ts

@@ -1,17 +0,0 @@
-import type { Config, GenerateHookInput, ProjectManifest } from 'houdini';
-import { processComponentFieldDirective } from 'houdini';
-/**
- * The router is fundamentally a component that knows how to render
- * a particular component tree for a given url. This is driven by something
- * we call the applications "manifest".
- *
- * In react, the tree of route directories maps to a component hierarchy
- * with suspense boundaries sprinkled when there is a loading directive
- * present on a query.
- */
-export default function routerCodegen({ config, manifest, documents, }: GenerateHookInput & {
-    manifest: ProjectManifest;
-}): Promise<void>;
-export type ComponentFieldData = ReturnType<typeof processComponentFieldDirective> & Config['componentFields'][string][string] & {
-    type: string;
-};

package/build/plugin/codegen/manifest.d.ts

@@ -1,5 +0,0 @@
-import { type Config, type ProjectManifest } from 'houdini';
-export declare function write_manifest({ config, manifest, }: {
-    config: Config;
-    manifest: ProjectManifest;
-}): Promise<void>;

package/build/plugin/codegen/render.d.ts

@@ -1,7 +0,0 @@
-import { type Config, type ProjectManifest } from 'houdini';
-import type { ComponentFieldData } from '.';
-export declare function generate_renders({ componentFields, config, manifest, }: {
-    componentFields: ComponentFieldData[];
-    config: Config;
-    manifest: ProjectManifest;
-}): Promise<void>;

package/build/plugin/codegen/router.d.ts

@@ -1,7 +0,0 @@
-import { type Config, type ProjectManifest } from 'houdini';
-export declare function format_router_manifest({ config, manifest, exportDefaultStatement, }: {
-    config: Config;
-    manifest: ProjectManifest;
-    exportDefaultStatement: (name: string) => string;
-    importStatement: (from: string, as: string) => string;
-}): string;

package/build/plugin/codegen/typeRoot.d.ts

@@ -1,5 +0,0 @@
-import { type Config, type ProjectManifest } from 'houdini';
-export declare function generate_type_root({ config, manifest, }: {
-    config: Config;
-    manifest: ProjectManifest;
-}): Promise<void>;

package/build/plugin/config.d.ts

@@ -1,4 +0,0 @@
-import type { Config } from 'houdini';
-import type { HoudiniReactPluginConfig } from '.';
-export declare function plugin_config(config: Config): HoudiniReactPluginConfig;
-export declare function test_config(): Promise<Config>;

package/build/plugin/dedent.d.ts

@@ -1 +0,0 @@
-export declare function dedent(indentString: string, input?: string): string;

package/build/plugin/extract.d.ts

@@ -1,6 +0,0 @@
-import type { Config } from 'houdini';
-export declare function extractDocuments({ content, config, filepath, }: {
-    config: Config;
-    content: string;
-    filepath: string;
-}): Promise<string[]>;

package/build/plugin/index.d.ts

@@ -1,5 +0,0 @@
-import { type Plugin } from 'houdini';
-export declare const hooks: Plugin;
-declare const _default: import("houdini").PluginInit;
-export default _default;
-export type HoudiniReactPluginConfig = {};

package/build/plugin/state.d.ts

@@ -1,3 +0,0 @@
-import type { ProjectManifest } from 'houdini';
-export declare let manifest: ProjectManifest;
-export declare function setManifest(newManifest: ProjectManifest): void;

package/build/plugin/transform.d.ts

@@ -1,6 +0,0 @@
-import type { TransformPage } from 'houdini/vite';
-import type { SourceMapInput } from 'rollup';
-export declare function transformFile(page: TransformPage): Promise<{
-    code: string;
-    map?: SourceMapInput;
-}>;

package/build/plugin/vite.d.ts

@@ -1,27 +0,0 @@
-import { ConfigEnv } from 'vite';
-declare const _default: {
-    config?: ((config: import("houdini").Config, env: ConfigEnv) => import("vite").UserConfig | Promise<import("vite").UserConfig>) | undefined;
-    buildStart?: ((this: import("rollup").PluginContext, options: import("rollup").NormalizedInputOptions & {
-        houdiniConfig: import("houdini").Config;
-    }) => void | Promise<void>) | undefined;
-    buildEnd?: ((this: import("rollup").PluginContext, error?: Error | undefined, houdiniConfig?: import("houdini").Config | undefined) => void | Promise<void>) | undefined;
-    closeBundle?: ((this: import("rollup").PluginContext, config: import("houdini").Config) => void | Promise<void>) | undefined;
-    configResolved?: import("rollup").ObjectHook<(this: void, config: import("vite").ResolvedConfig) => void | Promise<void>, {}> | undefined;
-    options?: ((this: import("rollup").MinimalPluginContext, options: import("rollup").InputOptions & {
-        houdiniConfig: import("houdini").Config;
-    }) => import("rollup").InputOptions | import("rollup").NullValue) | undefined;
-    resolveId?: import("rollup").ObjectHook<(this: import("rollup").PluginContext, source: string, importer: string | undefined, options: {
-        config: import("houdini").Config;
-        custom?: import("rollup").CustomPluginOptions | undefined;
-        ssr?: boolean | undefined;
-        isEntry: boolean;
-    }) => import("rollup").ResolveIdResult | Promise<import("rollup").ResolveIdResult>, {}> | undefined;
-    load?: import("rollup").ObjectHook<(this: import("rollup").PluginContext, id: string, options: {
-        config: import("houdini").Config;
-        ssr?: boolean | undefined;
-    }) => import("rollup").LoadResult | Promise<import("rollup").LoadResult>, {}> | undefined;
-    configureServer?: import("rollup").ObjectHook<(this: void, server: import("vite").ViteDevServer & {
-        houdiniConfig: import("houdini").Config;
-    }) => void | (() => void) | Promise<void | (() => void)>, {}> | undefined;
-} | undefined;
-export default _default;