@typespec/emitter-framework 0.6.0-dev.6 → 0.6.0-dev.7

package/test/typescript/components/function-declaration.test.tsx

@@ -1,9 +1,10 @@
-import { Output, render } from "@alloy-js/core";
+import { render } from "@alloy-js/core";
 import { d } from "@alloy-js/core/testing";
 import { SourceFile } from "@alloy-js/typescript";
 import { Namespace } from "@typespec/compiler";
 import { format } from "prettier";
 import { assert, describe, expect, it } from "vitest";
+import { Output } from "../../../src/core/components/output.jsx";
 import { FunctionDeclaration } from "../../../src/typescript/components/function-declaration.js";
 import { getProgram } from "../test-host.js";
 describe("Typescript Function Declaration", () => {
@@ -19,7 +20,7 @@ describe("Typescript Function Declaration", () => {
         const operation = Array.from((namespace as Namespace).operations.values())[0];
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <FunctionDeclaration type={operation} />
             </SourceFile>
@@ -45,7 +46,7 @@ describe("Typescript Function Declaration", () => {
         const operation = Array.from((namespace as Namespace).operations.values())[0];
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <FunctionDeclaration async type={operation} />
             </SourceFile>
@@ -77,7 +78,7 @@ describe("Typescript Function Declaration", () => {
         const operation = Array.from((namespace as Namespace).operations.values())[0];
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <FunctionDeclaration export type={operation} />
             </SourceFile>
@@ -103,7 +104,7 @@ describe("Typescript Function Declaration", () => {
         const operation = Array.from((namespace as Namespace).operations.values())[0];
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <FunctionDeclaration name="newName" type={operation} />
             </SourceFile>
@@ -129,7 +130,7 @@ describe("Typescript Function Declaration", () => {
         const operation = Array.from((namespace as Namespace).operations.values())[0];
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <FunctionDeclaration
                 type={operation}
@@ -170,7 +171,7 @@ describe("Typescript Function Declaration", () => {
         const model = Array.from((namespace as Namespace).models.values())[0];
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <FunctionDeclaration type={operation}>
                 <FunctionDeclaration.Parameters type={model} />
@@ -201,7 +202,7 @@ describe("Typescript Function Declaration", () => {
         const operation = Array.from((namespace as Namespace).operations.values())[0];
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <FunctionDeclaration export type={operation}>
                 const message = "Hello World!"; console.log(message);

package/test/typescript/components/function-expression.test.tsx

@@ -1,9 +1,10 @@
-import { Output, render } from "@alloy-js/core";
+import { render } from "@alloy-js/core";
 import { d } from "@alloy-js/core/testing";
 import { SourceFile } from "@alloy-js/typescript";
 import { Operation } from "@typespec/compiler";
 import { BasicTestRunner } from "@typespec/compiler/testing";
 import { beforeEach, describe, it } from "vitest";
+import { Output } from "../../../src/core/components/output.jsx";
 import { FunctionExpression } from "../../../src/typescript/components/function-expression.jsx";
 import { assertFileContents } from "../../utils.js";
 import { createEmitterFrameworkTestRunner } from "../test-host.js";
@@ -21,7 +22,7 @@ describe("function expressions with a `type` prop", () => {
     `)) as { getName: Operation };
 
     const res = render(
-      <Output>
+      <Output program={runner.program}>
         <SourceFile path="test.ts">
           <FunctionExpression type={getName}>console.log("Hello!");</FunctionExpression>
         </SourceFile>
@@ -44,7 +45,7 @@ describe("function expressions with a `type` prop", () => {
     `)) as { getName: Operation };
 
     const res = render(
-      <Output>
+      <Output program={runner.program}>
         <SourceFile path="test.ts">
           <FunctionExpression async type={getName} />
         </SourceFile>
@@ -65,7 +66,7 @@ describe("function expressions with a `type` prop", () => {
     `)) as { getName: Operation };
 
     const res = render(
-      <Output>
+      <Output program={runner.program}>
         <SourceFile path="test.ts">
           <FunctionExpression
             type={getName}

package/test/typescript/components/function-type.test.tsx

@@ -1,9 +1,10 @@
-import { Output, render } from "@alloy-js/core";
+import { render } from "@alloy-js/core";
 import { d } from "@alloy-js/core/testing";
 import { SourceFile } from "@alloy-js/typescript";
 import { Operation } from "@typespec/compiler";
 import { BasicTestRunner } from "@typespec/compiler/testing";
 import { beforeEach, describe, it } from "vitest";
+import { Output } from "../../../src/core/components/output.jsx";
 import { FunctionType } from "../../../src/typescript/index.js";
 import { assertFileContents } from "../../utils.js";
 import { createEmitterFrameworkTestRunner } from "../test-host.js";
@@ -21,7 +22,7 @@ describe("function types with a `type` prop", () => {
     `)) as { getName: Operation };
 
     const res = render(
-      <Output>
+      <Output program={runner.program}>
         <SourceFile path="test.ts">
           <FunctionType type={getName} />
         </SourceFile>
@@ -42,7 +43,7 @@ describe("function types with a `type` prop", () => {
     `)) as { getName: Operation };
 
     const res = render(
-      <Output>
+      <Output program={runner.program}>
         <SourceFile path="test.ts">
           <FunctionType async type={getName} />
         </SourceFile>
@@ -63,7 +64,7 @@ describe("function types with a `type` prop", () => {
     `)) as { getName: Operation };
 
     const res = render(
-      <Output>
+      <Output program={runner.program}>
         <SourceFile path="test.ts">
           <FunctionType type={getName} parameters={[{ name: "additionalParam", type: "number" }]} />
         </SourceFile>

package/test/typescript/components/interface-declaration.test.tsx

@@ -1,10 +1,10 @@
-import { InterfaceDeclaration } from "../../../src/typescript/components/interface-declaration.js";
-
-import { For, List, Output, render } from "@alloy-js/core";
+import { For, List, render } from "@alloy-js/core";
 import { SourceFile } from "@alloy-js/typescript";
 import { Namespace } from "@typespec/compiler";
 import { format } from "prettier";
 import { assert, describe, expect, it } from "vitest";
+import { Output } from "../../../src/core/components/output.jsx";
+import { InterfaceDeclaration } from "../../../src/typescript/components/interface-declaration.js";
 import { getProgram } from "../test-host.js";
 
 describe("Typescript Interface", () => {
@@ -24,7 +24,7 @@ describe("Typescript Interface", () => {
         const models = Array.from((namespace as Namespace).models.values());
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <List hardline>
                 {models.map((model) => (
@@ -63,7 +63,7 @@ describe("Typescript Interface", () => {
         const models = (namespace as Namespace).models;
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <For each={Array.from(models.values())} hardline>
                 {(model) => <InterfaceDeclaration export type={model} />}
@@ -97,7 +97,7 @@ describe("Typescript Interface", () => {
         const models = (namespace as Namespace).models;
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <For each={Array.from(models.values())} hardline>
                 {(model) => <InterfaceDeclaration export type={model} />}
@@ -135,7 +135,7 @@ describe("Typescript Interface", () => {
         const models = (namespace as Namespace).models;
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <For each={Array.from(models.values())} hardline>
                 {(model) => <InterfaceDeclaration export type={model} />}
@@ -183,7 +183,7 @@ describe("Typescript Interface", () => {
         const models = (namespace as Namespace).models;
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <For each={Array.from(models.values())} hardline>
                 {(model) => <InterfaceDeclaration export type={model} />}
@@ -230,7 +230,7 @@ describe("Typescript Interface", () => {
         const models = Array.from((namespace as Namespace).models.values());
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               {models.map((model) => (
                 <InterfaceDeclaration export type={model} />
@@ -277,7 +277,7 @@ describe("Typescript Interface", () => {
         const models = Array.from((namespace as Namespace).models.values());
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <InterfaceDeclaration type={models[0]} />
             </SourceFile>
@@ -314,7 +314,7 @@ describe("Typescript Interface", () => {
         const models = Array.from((namespace as Namespace).models.values());
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <InterfaceDeclaration type={models[0]} />
             </SourceFile>
@@ -350,7 +350,7 @@ describe("Typescript Interface", () => {
         const models = Array.from((namespace as Namespace).models.values());
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <InterfaceDeclaration export type={models[0]} />
             </SourceFile>
@@ -385,7 +385,7 @@ describe("Typescript Interface", () => {
         const models = Array.from((namespace as Namespace).models.values());
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <InterfaceDeclaration export name="MyOperations" type={models[0]} />
             </SourceFile>
@@ -423,7 +423,7 @@ describe("Typescript Interface", () => {
         const models = Array.from((namespace as Namespace).models.values());
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <InterfaceDeclaration export name="MyOperations" type={models[0]}>
                 customProperty: string; customMethod(): void;
@@ -465,7 +465,7 @@ describe("Typescript Interface", () => {
         const models = Array.from((namespace as Namespace).models.values());
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <InterfaceDeclaration export name="MyModel" type={models[0]} />
             </SourceFile>
@@ -508,7 +508,7 @@ describe("Typescript Interface", () => {
         const models = Array.from((namespace as Namespace).models.values());
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               {models.map((model) => (
                 <InterfaceDeclaration export type={model} />
@@ -552,7 +552,7 @@ describe("Typescript Interface", () => {
         const interfaces = Array.from((namespace as Namespace).interfaces.values());
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <InterfaceDeclaration export type={interfaces[0]} />
             </SourceFile>
@@ -592,7 +592,7 @@ describe("Typescript Interface", () => {
         const models = Array.from((namespace as Namespace).models.values());
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <InterfaceDeclaration export type={interfaces[0]} />
               <InterfaceDeclaration export type={models[0]} />
@@ -639,7 +639,7 @@ describe("Typescript Interface", () => {
         const models = Array.from((namespace as Namespace).models.values());
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <InterfaceDeclaration export type={interfaces[0]} />
               {models.map((model) => (
@@ -692,7 +692,7 @@ describe("Typescript Interface", () => {
         const models = Array.from((namespace as Namespace).models.values());
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <InterfaceDeclaration export type={interfaces[1]} />
               {models.map((model) => (

package/test/typescript/components/interface-method.test.tsx

@@ -1,12 +1,13 @@
-import { Output, render } from "@alloy-js/core";
+import { render } from "@alloy-js/core";
 import { d } from "@alloy-js/core/testing";
 import { InterfaceDeclaration, SourceFile } from "@alloy-js/typescript";
 import { Operation } from "@typespec/compiler";
 import { BasicTestRunner } from "@typespec/compiler/testing";
 import { beforeEach, describe, it } from "vitest";
+import { Output } from "../../../src/core/components/output.jsx";
 import { InterfaceMethod } from "../../../src/typescript/components/interface-method.jsx";
 import { assertFileContents } from "../../utils.js";
-import { createEmitterFrameworkTestRunner } from "../test-host.js";
+import { createEmitterFrameworkTestRunner, getProgram } from "../test-host.js";
 
 describe("interface methods with a `type` prop", () => {
   let runner: BasicTestRunner;
@@ -21,7 +22,7 @@ describe("interface methods with a `type` prop", () => {
     `)) as { getName: Operation };
 
     const res = render(
-      <Output>
+      <Output program={runner.program}>
         <SourceFile path="test.ts">
           <InterfaceDeclaration name="basicInterface">
             <InterfaceMethod type={getName} name={getName.name} />
@@ -46,7 +47,7 @@ describe("interface methods with a `type` prop", () => {
     `)) as { getName: Operation };
 
     const res = render(
-      <Output>
+      <Output program={runner.program}>
         <SourceFile path="test.ts">
           <InterfaceDeclaration name="basicInterface">
             <InterfaceMethod async type={getName} />
@@ -71,7 +72,7 @@ describe("interface methods with a `type` prop", () => {
     `)) as { getName: Operation };
 
     const res = render(
-      <Output>
+      <Output program={runner.program}>
         <SourceFile path="test.ts">
           <InterfaceDeclaration name="basicInterface">
             <InterfaceMethod
@@ -100,7 +101,7 @@ describe("interface methods with a `type` prop", () => {
     `)) as { getName: Operation };
 
     const res = render(
-      <Output>
+      <Output program={runner.program}>
         <SourceFile path="test.ts">
           <InterfaceDeclaration name="basicInterface">
             <InterfaceMethod
@@ -129,7 +130,7 @@ describe("interface methods with a `type` prop", () => {
     `)) as { getName: Operation };
 
     const res = render(
-      <Output>
+      <Output program={runner.program}>
         <SourceFile path="test.ts">
           <InterfaceDeclaration name="basicInterface">
             <InterfaceMethod
@@ -161,7 +162,7 @@ describe("interface methods with a `type` prop", () => {
     `)) as { getName: Operation };
 
     const res = render(
-      <Output>
+      <Output program={runner.program}>
         <SourceFile path="test.ts">
           <InterfaceDeclaration name="basicInterface">
             <InterfaceMethod type={getName} returnType="Promise<Record<string, unknown>>" />
@@ -186,7 +187,7 @@ describe("interface methods with a `type` prop", () => {
     `)) as { getName: Operation };
 
     const res = render(
-      <Output>
+      <Output program={runner.program}>
         <SourceFile path="test.ts">
           <InterfaceDeclaration name="basicInterface">
             <InterfaceMethod type={getName} name="getNameCustom" />
@@ -208,8 +209,9 @@ describe("interface methods with a `type` prop", () => {
 
 describe("interface methods without a `type` prop", () => {
   it("renders a plain interface method", async () => {
+    const program = await getProgram("");
     const res = render(
-      <Output>
+      <Output program={program}>
         <SourceFile path="test.ts">
           <InterfaceDeclaration name="basicInterface">
             <InterfaceMethod

package/test/typescript/components/member-expression.test.tsx

@@ -2,6 +2,7 @@ import * as ay from "@alloy-js/core";
 import { d } from "@alloy-js/core/testing";
 import { Enum, Model, Union } from "@typespec/compiler";
 import { describe, expect, it } from "vitest";
+import { TspContext } from "../../../src/core/index.js";
 import { EnumDeclaration } from "../../../src/typescript/components/enum-declaration.js";
 import { InterfaceDeclaration, UnionDeclaration } from "../../../src/typescript/index.js";
 import { getEmitOutput } from "../../utils.js";
@@ -22,10 +23,12 @@ describe("Typescript Enum Member Expression", () => {
     const output = await getEmitOutput(code, (program) => {
       const Bar = program.resolveTypeReference("Bar")[0]! as Model;
       return (
-        <ay.List hardline>
-          <EnumDeclaration type={program.resolveTypeReference("Foo")[0]! as Enum} />
-          <InterfaceDeclaration type={Bar} />
-        </ay.List>
+        <TspContext.Provider value={{ program }}>
+          <ay.List hardline>
+            <EnumDeclaration type={program.resolveTypeReference("Foo")[0]! as Enum} />
+            <InterfaceDeclaration type={Bar} />
+          </ay.List>
+        </TspContext.Provider>
       );
     });
 
@@ -56,10 +59,12 @@ describe("Typescript Enum Member Expression", () => {
     const output = await getEmitOutput(code, (program) => {
       const Bar = program.resolveTypeReference("Bar")[0]! as Model;
       return (
-        <ay.List hardline>
-          <EnumDeclaration type={program.resolveTypeReference("Foo")[0]! as Enum} />
-          <InterfaceDeclaration type={Bar} />
-        </ay.List>
+        <TspContext.Provider value={{ program }}>
+          <ay.List hardline>
+            <EnumDeclaration type={program.resolveTypeReference("Foo")[0]! as Enum} />
+            <InterfaceDeclaration type={Bar} />
+          </ay.List>
+        </TspContext.Provider>
       );
     });
 
@@ -92,10 +97,12 @@ describe("Typescript Union Member Expression", () => {
     const output = await getEmitOutput(code, (program) => {
       const Bar = program.resolveTypeReference("Bar")[0]! as Model;
       return (
-        <ay.List hardline>
-          <UnionDeclaration type={program.resolveTypeReference("Foo")[0]! as Union} />
-          <InterfaceDeclaration type={Bar} />
-        </ay.List>
+        <TspContext.Provider value={{ program }}>
+          <ay.List hardline>
+            <UnionDeclaration type={program.resolveTypeReference("Foo")[0]! as Union} />
+            <InterfaceDeclaration type={Bar} />
+          </ay.List>
+        </TspContext.Provider>
       );
     });
 
@@ -122,10 +129,12 @@ describe("Typescript Union Member Expression", () => {
     const output = await getEmitOutput(code, (program) => {
       const Bar = program.resolveTypeReference("Bar")[0]! as Model;
       return (
-        <ay.List hardline>
-          <UnionDeclaration type={program.resolveTypeReference("Foo")[0]! as Union} />
-          <InterfaceDeclaration type={Bar} />
-        </ay.List>
+        <TspContext.Provider value={{ program }}>
+          <ay.List hardline>
+            <UnionDeclaration type={program.resolveTypeReference("Foo")[0]! as Union} />
+            <InterfaceDeclaration type={Bar} />
+          </ay.List>
+        </TspContext.Provider>
       );
     });
 

package/test/typescript/components/type-alias-declaration.test.tsx

@@ -1,8 +1,9 @@
-import { Output, render } from "@alloy-js/core";
+import { render } from "@alloy-js/core";
 import { SourceFile } from "@alloy-js/typescript";
 import { Namespace, Operation } from "@typespec/compiler";
 import { format } from "prettier";
 import { assert, describe, expect, it } from "vitest";
+import { Output } from "../../../src/core/components/output.jsx";
 import { TypeAliasDeclaration } from "../../../src/typescript/components/type-alias-declaration.jsx";
 import { assertFileContents } from "../../utils.js";
 import { createEmitterFrameworkTestRunner, getProgram } from "../test-host.js";
@@ -20,7 +21,7 @@ describe("Typescript Type Alias Declaration", () => {
         const scalar = Array.from((namespace as Namespace).scalars.values())[0];
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <TypeAliasDeclaration type={scalar} />
             </SourceFile>
@@ -47,7 +48,7 @@ describe("Typescript Type Alias Declaration", () => {
         const scalar = Array.from((namespace as Namespace).scalars.values())[0];
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <TypeAliasDeclaration type={scalar} />
             </SourceFile>
@@ -74,7 +75,7 @@ describe("Typescript Type Alias Declaration", () => {
         const scalar = Array.from((namespace as Namespace).scalars.values())[0];
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <TypeAliasDeclaration type={scalar} />
             </SourceFile>
@@ -101,7 +102,7 @@ describe("Typescript Type Alias Declaration", () => {
         const scalar = Array.from((namespace as Namespace).scalars.values())[0];
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <TypeAliasDeclaration export type={scalar} />
             </SourceFile>
@@ -126,7 +127,7 @@ describe("Typescript Type Alias Declaration", () => {
     `)) as { getName: Operation };
 
     const res = render(
-      <Output>
+      <Output program={runner.program}>
         <SourceFile path="test.ts">
           <TypeAliasDeclaration type={getName} />
         </SourceFile>

package/test/typescript/components/union-declaration.test.tsx

@@ -1,8 +1,9 @@
-import { Output, render } from "@alloy-js/core";
+import { render } from "@alloy-js/core";
 import { SourceFile } from "@alloy-js/typescript";
 import { Namespace } from "@typespec/compiler";
 import { format } from "prettier";
 import { assert, describe, expect, it } from "vitest";
+import { Output } from "../../../src/core/components/output.jsx";
 import { UnionDeclaration } from "../../../src/typescript/components/union-declaration.js";
 import { UnionExpression } from "../../../src/typescript/components/union-expression.js";
 import { getProgram } from "../test-host.js";
@@ -10,8 +11,9 @@ import { getProgram } from "../test-host.js";
 describe("Typescript Union Declaration", () => {
   describe("Union not bound to Typespec Types", () => {
     it("creates a union declaration", async () => {
+      const program = await getProgram("");
       const res = render(
-        <Output>
+        <Output program={program}>
           <SourceFile path="test.ts">
             <UnionDeclaration name="MyUnion">"red" | "blue"</UnionDeclaration>
           </SourceFile>
@@ -43,7 +45,7 @@ describe("Typescript Union Declaration", () => {
         const union = Array.from((namespace as Namespace).unions.values())[0];
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <UnionDeclaration type={union} />
             </SourceFile>
@@ -72,7 +74,7 @@ describe("Typescript Union Declaration", () => {
         const union = Array.from((namespace as Namespace).unions.values())[0];
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <UnionDeclaration export type={union} name="MyUnion" />
             </SourceFile>
@@ -101,7 +103,7 @@ describe("Typescript Union Declaration", () => {
         const union = Array.from((namespace as Namespace).unions.values())[0];
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <UnionDeclaration type={union}>"three"</UnionDeclaration>
             </SourceFile>
@@ -130,7 +132,7 @@ describe("Typescript Union Declaration", () => {
         const union = Array.from((namespace as Namespace).unions.values())[0];
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               let x: <UnionExpression type={union} /> = "one";
             </SourceFile>
@@ -161,7 +163,7 @@ describe("Typescript Union Declaration", () => {
         const union = Array.from((namespace as Namespace).enums.values())[0];
 
         const res = render(
-          <Output>
+          <Output program={program}>
             <SourceFile path="test.ts">
               <UnionDeclaration type={union} />
             </SourceFile>