Adapt components to TypeGraph context

- ScalarType: take specificationUrl as prop instead of from context
- component-test-utils: use minimal TypeGraph context
- scalar-type.test: pass specificationUrl as prop

Author: FionaBronwen

packages/graphql/src/components/types/scalar-type.tsx

@@ -1,27 +1,26 @@
 import { type Scalar, getDoc } from "@typespec/compiler";
 import * as gql from "@alloy-js/graphql";
 import { useTsp } from "@typespec/emitter-framework";
-import { useGraphQLSchema } from "../../context/index.js";
 
 export interface ScalarTypeProps {
   /** The scalar type to render */
   type: Scalar;
+  /** Optional @specifiedBy URL for the scalar */
+  specificationUrl?: string;
 }
 
 /**
  * Renders a GraphQL scalar type declaration with optional @specifiedBy directive
  */
 export function ScalarType(props: ScalarTypeProps) {
   const { program } = useTsp();
-  const { scalarSpecifications } = useGraphQLSchema();
   const doc = getDoc(program, props.type);
-  const specificationUrl = scalarSpecifications.get(props.type.name);
 
   return (
     <gql.ScalarType
       name={props.type.name}
       description={doc}
-      specifiedByUrl={specificationUrl}
+      specifiedByUrl={props.specificationUrl}
     />
   );
 }

packages/graphql/test/components/component-test-utils.tsx

@@ -19,20 +19,9 @@ export function renderComponentToSDL(
   contextOverrides?: Partial<GraphQLSchemaContextValue>,
 ): string {
   const contextValue: GraphQLSchemaContextValue = {
-    classifiedTypes: {
-      interfaces: [],
-      outputModels: [],
-      inputModels: [],
-      enums: [],
-      scalars: [],
-      scalarVariants: [],
-      unions: [],
-      queries: [],
-      mutations: [],
-      subscriptions: [],
+    typeGraph: {
+      globalNamespace: program.getGlobalNamespaceType(),
     },
-    modelVariants: { outputModels: new Map(), inputModels: new Map() },
-    scalarSpecifications: new Map(),
     ...contextOverrides,
   };
 

packages/graphql/test/components/scalar-type.test.tsx

@@ -54,7 +54,7 @@ describe("ScalarType component", () => {
     `);
   });
 
-  it("renders a scalar with @specifiedBy from context", async () => {
+  it("renders a scalar with @specifiedBy from prop", async () => {
     const { MyScalar } = await tester.compile(
       t.code`
         @specifiedBy("https://example.com/spec")
@@ -65,17 +65,12 @@ describe("ScalarType component", () => {
     const engine = createGraphQLMutationEngine(tester.program);
     const mutation = engine.mutateScalar(MyScalar);
 
-    // Build scalarSpecifications map like the emitter does
+    // Get spec URL like the emitter does
     const specUrl = getSpecifiedBy(tester.program, mutation.mutatedType);
-    const scalarSpecifications = new Map<string, string>();
-    if (specUrl) {
-      scalarSpecifications.set(mutation.mutatedType.name, specUrl);
-    }
 
     const sdl = renderComponentToSDL(
       tester.program,
-      <ScalarType type={mutation.mutatedType} />,
-      { scalarSpecifications },
+      <ScalarType type={mutation.mutatedType} specificationUrl={specUrl} />,
     );
 
     expect(sdl).toMatchInlineSnapshot(`