@aws/nx-plugin 0.49.0 → 0.50.0

package/src/smithy/project/files/src/main.smithy.template

@@ -0,0 +1,19 @@
+$version: "2.0"
+
+namespace <%- namespace %>
+
+use aws.protocols#restJson1
+use smithy.framework#ValidationException
+
+/// TODO: describe your service here
+@title("<%- serviceNameClassName %>")
+@restJson1
+service <%- serviceNameClassName %> {
+    version: "1.0.0"
+    operations: [
+        Echo
+    ]
+    errors: [
+        ValidationException
+    ]
+}

package/src/smithy/project/files/src/operations/echo.smithy.template

@@ -0,0 +1,18 @@
+$version: "2.0"
+
+namespace <%- namespace %>
+
+/// An example operation
+@http(method: "GET", uri: "/echo")
+@readonly
+operation Echo {
+    input := {
+        @httpQuery("message")
+        @required
+        message: String
+    }
+    output := {
+        @required
+        message: String
+    }
+}

package/src/smithy/project/generator.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { GeneratorCallback, Tree } from '@nx/devkit';
+import { SmithyProjectGeneratorSchema } from './schema';
+import { NxGeneratorInfo } from '../../utils/nx';
+export declare const SMITHY_PROJECT_GENERATOR_INFO: NxGeneratorInfo;
+export declare const smithyProjectGenerator: (tree: Tree, options: SmithyProjectGeneratorSchema) => Promise<GeneratorCallback>;
+export default smithyProjectGenerator;

package/src/smithy/project/generator.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.smithyProjectGenerator = exports.SMITHY_PROJECT_GENERATOR_INFO = void 0;
+const tslib_1 = require("tslib");
+/**
+ * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const devkit_1 = require("@nx/devkit");
+const nx_1 = require("../../utils/nx");
+const metrics_1 = require("../../utils/metrics");
+const format_1 = require("../../utils/format");
+const generator_1 = require("../../ts/lib/generator");
+const names_1 = require("../../utils/names");
+const npm_scope_1 = require("../../utils/npm-scope");
+const fs_1 = require("../../utils/fs");
+exports.SMITHY_PROJECT_GENERATOR_INFO = (0, nx_1.getGeneratorInfo)(__filename);
+const smithyProjectGenerator = (tree, options) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b;
+    const cmd = new fs_1.FsCommands(tree);
+    // Create project.json
+    const { fullyQualifiedName, dir } = (0, generator_1.getTsLibDetails)(tree, options);
+    (0, devkit_1.addProjectConfiguration)(tree, fullyQualifiedName, {
+        name: fullyQualifiedName,
+        root: dir,
+        sourceRoot: (0, devkit_1.joinPathFragments)(dir, 'src'),
+        projectType: 'library',
+        targets: {
+            build: {
+                dependsOn: ['compile'],
+            },
+            compile: {
+                cache: true,
+                outputs: ['{workspaceRoot}/dist/{projectRoot}/build'],
+                executor: 'nx:run-commands',
+                options: {
+                    commands: [
+                        cmd.rm(`dist/${dir}/build`),
+                        cmd.mkdir(`dist/${dir}/build`),
+                        `docker build -f ${dir}/build.Dockerfile --target export --output type=local,dest=dist/${dir}/build ${dir}`,
+                    ],
+                    parallel: false,
+                    cwd: '{workspaceRoot}',
+                },
+            },
+        },
+    });
+    const serviceName = (_a = options.serviceName) !== null && _a !== void 0 ? _a : options.name;
+    const serviceNameClassName = (0, names_1.toClassName)(serviceName);
+    const serviceNameKebabCase = (0, names_1.toKebabCase)(serviceName);
+    const scope = (0, npm_scope_1.getNpmScope)(tree);
+    const namespace = (_b = options.namespace) !== null && _b !== void 0 ? _b : (0, names_1.toKebabCase)(scope).replace(/-/g, '.');
+    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files'), dir, {
+        namespace,
+        serviceNameClassName,
+        serviceNameKebabCase,
+        scope,
+    });
+    (0, nx_1.addGeneratorMetadata)(tree, fullyQualifiedName, exports.SMITHY_PROJECT_GENERATOR_INFO, {
+        apiName: options.name,
+    });
+    yield (0, metrics_1.addGeneratorMetricsIfApplicable)(tree, [exports.SMITHY_PROJECT_GENERATOR_INFO]);
+    yield (0, format_1.formatFilesInSubtree)(tree);
+    return () => {
+        (0, devkit_1.installPackagesTask)(tree);
+    };
+});
+exports.smithyProjectGenerator = smithyProjectGenerator;
+exports.default = exports.smithyProjectGenerator;
+//# sourceMappingURL=generator.js.map

package/src/smithy/project/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../packages/nx-plugin/src/smithy/project/generator.ts"],"names":[],"mappings":";;;;AAAA;;;GAGG;AACH,uCAOoB;AAEpB,uCAIwB;AACxB,iDAAsE;AACtE,+CAA0D;AAC1D,sDAAyD;AACzD,6CAA6D;AAC7D,qDAAoD;AACpD,uCAA4C;AAE/B,QAAA,6BAA6B,GACxC,IAAA,qBAAgB,EAAC,UAAU,CAAC,CAAC;AAExB,MAAM,sBAAsB,GAAG,CACpC,IAAU,EACV,OAAqC,EACT,EAAE;;IAC9B,MAAM,GAAG,GAAG,IAAI,eAAU,CAAC,IAAI,CAAC,CAAC;IAEjC,sBAAsB;IACtB,MAAM,EAAE,kBAAkB,EAAE,GAAG,EAAE,GAAG,IAAA,2BAAe,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACnE,IAAA,gCAAuB,EAAC,IAAI,EAAE,kBAAkB,EAAE;QAChD,IAAI,EAAE,kBAAkB;QACxB,IAAI,EAAE,GAAG;QACT,UAAU,EAAE,IAAA,0BAAiB,EAAC,GAAG,EAAE,KAAK,CAAC;QACzC,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE;YACP,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC,SAAS,CAAC;aACvB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI;gBACX,OAAO,EAAE,CAAC,0CAA0C,CAAC;gBACrD,QAAQ,EAAE,iBAAiB;gBAC3B,OAAO,EAAE;oBACP,QAAQ,EAAE;wBACR,GAAG,CAAC,EAAE,CAAC,QAAQ,GAAG,QAAQ,CAAC;wBAC3B,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;wBAC9B,mBAAmB,GAAG,mEAAmE,GAAG,UAAU,GAAG,EAAE;qBAC5G;oBACD,QAAQ,EAAE,KAAK;oBACf,GAAG,EAAE,iBAAiB;iBACvB;aACF;SACF;KACF,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,MAAA,OAAO,CAAC,WAAW,mCAAI,OAAO,CAAC,IAAI,CAAC;IACxD,MAAM,oBAAoB,GAAG,IAAA,mBAAW,EAAC,WAAW,CAAC,CAAC;IACtD,MAAM,oBAAoB,GAAG,IAAA,mBAAW,EAAC,WAAW,CAAC,CAAC;IACtD,MAAM,KAAK,GAAG,IAAA,uBAAW,EAAC,IAAI,CAAC,CAAC;IAChC,MAAM,SAAS,GAAG,MAAA,OAAO,CAAC,SAAS,mCAAI,IAAA,mBAAW,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAE7E,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAA,0BAAiB,EAAC,SAAS,EAAE,OAAO,CAAC,EAAE,GAAG,EAAE;QAC9D,SAAS;QACT,oBAAoB;QACpB,oBAAoB;QACpB,KAAK;KACN,CAAC,CAAC;IAEH,IAAA,yBAAoB,EAClB,IAAI,EACJ,kBAAkB,EAClB,qCAA6B,EAC7B;QACE,OAAO,EAAE,OAAO,CAAC,IAAI;KACtB,CACF,CAAC;IAEF,MAAM,IAAA,yCAA+B,EAAC,IAAI,EAAE,CAAC,qCAA6B,CAAC,CAAC,CAAC;IAE7E,MAAM,IAAA,6BAAoB,EAAC,IAAI,CAAC,CAAC;IACjC,OAAO,GAAG,EAAE;QACV,IAAA,4BAAmB,EAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAC;AACJ,CAAC,CAAA,CAAC;AA9DW,QAAA,sBAAsB,0BA8DjC;AAEF,kBAAe,8BAAsB,CAAC"}

package/src/smithy/project/schema.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export interface SmithyProjectGeneratorSchema {
+  name: string;
+  serviceName?: string;
+  namespace?: string;
+  directory?: string;
+  subDirectory?: string;
+}

package/src/smithy/project/schema.json

@@ -0,0 +1,42 @@
+{
+  "$schema": "https://json-schema.org/schema",
+  "$id": "smithy#project",
+  "title": "smithy#project",
+  "description": "Generate a Smithy model project",
+  "type": "object",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "Smithy project name",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-priority": "important",
+      "x-prompt": "What would you like to call your Smithy project?"
+    },
+    "serviceName": {
+      "type": "string",
+      "description": "The name of your Smithy service. Uses the supplied name by default.",
+      "x-prompt": "What name would you like your Smithy Service to have? i.e: MyService"
+    },
+    "namespace": {
+      "type": "string",
+      "description": "The namespace for the Smithy API. Defaults to your monorepo scope",
+      "x-prompt": "What namespace would you like your API to have? i.e: com.example"
+    },
+    "directory": {
+      "type": "string",
+      "description": "Parent directory where the Smithy project is placed.",
+      "default": "packages",
+      "x-prompt": "Which directory do you want to create the Smithy project in?",
+      "x-priority": "important"
+    },
+    "subDirectory": {
+      "type": "string",
+      "description": "The sub directory the Smithy project is placed in. By default this is the project name.",
+      "x-prompt": "Which sub directory do you want to create the Smithy project in? (By default this is the project name)"
+    }
+  },
+  "required": ["name"]
+}

package/src/smithy/react-connection/__snapshots__/generator.spec.ts.snap

@@ -0,0 +1,270 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`smithy#react-connection generator > with model project as target > should generate client hook files > useTestApi.tsx 1`] = `
+"import { useContext } from 'react';
+import { TestApiContext } from '../components/TestApiProvider';
+import { TestApiOptionsProxy } from '../generated/test-api/options-proxy.gen';
+
+export const useTestApi = (): TestApiOptionsProxy => {
+  const optionsProxy = useContext(TestApiContext);
+
+  if (!optionsProxy) {
+    throw new Error('useTestApi must be used within a TestApiProvider');
+  }
+
+  return optionsProxy;
+};
+"
+`;
+
+exports[`smithy#react-connection generator > with model project as target > should generate client hook files > useTestApiClient.tsx 1`] = `
+"import { TestApi } from '../generated/test-api/client.gen';
+import { TestApiClientContext } from '../components/TestApiProvider';
+import { useContext } from 'react';
+
+export const useTestApiClient = (): TestApi => {
+  const client = useContext(TestApiClientContext);
+
+  if (!client) {
+    throw new Error('useTestApiClient must be used within a TestApiProvider');
+  }
+
+  return client;
+};
+"
+`;
+
+exports[`smithy#react-connection generator > with model project as target > should generate provider components > TestApiProvider.tsx 1`] = `
+"import { createContext, FC, PropsWithChildren, useMemo } from 'react';
+import { TestApi } from '../generated/test-api/client.gen';
+import { TestApiOptionsProxy } from '../generated/test-api/options-proxy.gen';
+import { useRuntimeConfig } from '../hooks/useRuntimeConfig';
+import { useSigV4 } from '../hooks/useSigV4';
+
+export const TestApiContext = createContext<TestApiOptionsProxy | undefined>(
+  undefined,
+);
+
+export const TestApiClientContext = createContext<TestApi | undefined>(
+  undefined,
+);
+
+const useCreateTestApiClient = (): TestApi => {
+  const runtimeConfig = useRuntimeConfig();
+  const apiUrl = runtimeConfig.apis.TestApi;
+  const sigv4Client = useSigV4();
+  return useMemo(
+    () =>
+      new TestApi({
+        url: apiUrl,
+        fetch: sigv4Client,
+      }),
+    [apiUrl, sigv4Client],
+  );
+};
+
+export const TestApiProvider: FC<PropsWithChildren> = ({ children }) => {
+  const client = useCreateTestApiClient();
+  const optionsProxy = useMemo(
+    () => new TestApiOptionsProxy({ client }),
+    [client],
+  );
+
+  return (
+    <TestApiClientContext.Provider value={client}>
+      <TestApiContext.Provider value={optionsProxy}>
+        {children}
+      </TestApiContext.Provider>
+    </TestApiClientContext.Provider>
+  );
+};
+
+export default TestApiProvider;
+"
+`;
+
+exports[`smithy#react-connection generator > with model project as target > should handle Cognito auth option > TestApiProvider-Cognito.tsx 1`] = `
+"import { createContext, FC, PropsWithChildren, useMemo } from 'react';
+import { TestApi } from '../generated/test-api/client.gen';
+import { TestApiOptionsProxy } from '../generated/test-api/options-proxy.gen';
+import { useRuntimeConfig } from '../hooks/useRuntimeConfig';
+import { useAuth } from 'react-oidc-context';
+
+export const TestApiContext = createContext<TestApiOptionsProxy | undefined>(
+  undefined,
+);
+
+export const TestApiClientContext = createContext<TestApi | undefined>(
+  undefined,
+);
+
+const useCreateTestApiClient = (): TestApi => {
+  const runtimeConfig = useRuntimeConfig();
+  const apiUrl = runtimeConfig.apis.TestApi;
+  const { user } = useAuth();
+  const cognitoClient: typeof fetch = (url, init) => {
+    const headers = { Authorization: \`Bearer \${user?.id_token}\` };
+    const existingHeaders = init?.headers;
+
+    return fetch(url, {
+      ...init,
+      headers: !existingHeaders
+        ? headers
+        : existingHeaders instanceof Headers
+          ? (() => {
+              const h = new Headers(existingHeaders);
+              Object.entries(headers).forEach(([k, v]) => h.append(k, v));
+              return h;
+            })()
+          : Array.isArray(existingHeaders)
+            ? [...existingHeaders, ...Object.entries(headers)]
+            : { ...existingHeaders, ...headers },
+    });
+  };
+  return useMemo(
+    () =>
+      new TestApi({
+        url: apiUrl,
+        fetch: cognitoClient,
+      }),
+    [apiUrl, cognitoClient],
+  );
+};
+
+export const TestApiProvider: FC<PropsWithChildren> = ({ children }) => {
+  const client = useCreateTestApiClient();
+  const optionsProxy = useMemo(
+    () => new TestApiOptionsProxy({ client }),
+    [client],
+  );
+
+  return (
+    <TestApiClientContext.Provider value={client}>
+      <TestApiContext.Provider value={optionsProxy}>
+        {children}
+      </TestApiContext.Provider>
+    </TestApiClientContext.Provider>
+  );
+};
+
+export default TestApiProvider;
+"
+`;
+
+exports[`smithy#react-connection generator > with model project as target > should handle IAM auth option > TestApiProvider-IAM.tsx 1`] = `
+"import { createContext, FC, PropsWithChildren, useMemo } from 'react';
+import { TestApi } from '../generated/test-api/client.gen';
+import { TestApiOptionsProxy } from '../generated/test-api/options-proxy.gen';
+import { useRuntimeConfig } from '../hooks/useRuntimeConfig';
+import { useSigV4 } from '../hooks/useSigV4';
+
+export const TestApiContext = createContext<TestApiOptionsProxy | undefined>(
+  undefined,
+);
+
+export const TestApiClientContext = createContext<TestApi | undefined>(
+  undefined,
+);
+
+const useCreateTestApiClient = (): TestApi => {
+  const runtimeConfig = useRuntimeConfig();
+  const apiUrl = runtimeConfig.apis.TestApi;
+  const sigv4Client = useSigV4();
+  return useMemo(
+    () =>
+      new TestApi({
+        url: apiUrl,
+        fetch: sigv4Client,
+      }),
+    [apiUrl, sigv4Client],
+  );
+};
+
+export const TestApiProvider: FC<PropsWithChildren> = ({ children }) => {
+  const client = useCreateTestApiClient();
+  const optionsProxy = useMemo(
+    () => new TestApiOptionsProxy({ client }),
+    [client],
+  );
+
+  return (
+    <TestApiClientContext.Provider value={client}>
+      <TestApiContext.Provider value={optionsProxy}>
+        {children}
+      </TestApiContext.Provider>
+    </TestApiClientContext.Provider>
+  );
+};
+
+export default TestApiProvider;
+"
+`;
+
+exports[`smithy#react-connection generator > with model project as target > should handle None auth option > TestApiProvider-None.tsx 1`] = `
+"import { createContext, FC, PropsWithChildren, useMemo } from 'react';
+import { TestApi } from '../generated/test-api/client.gen';
+import { TestApiOptionsProxy } from '../generated/test-api/options-proxy.gen';
+import { useRuntimeConfig } from '../hooks/useRuntimeConfig';
+
+export const TestApiContext = createContext<TestApiOptionsProxy | undefined>(
+  undefined,
+);
+
+export const TestApiClientContext = createContext<TestApi | undefined>(
+  undefined,
+);
+
+const useCreateTestApiClient = (): TestApi => {
+  const runtimeConfig = useRuntimeConfig();
+  const apiUrl = runtimeConfig.apis.TestApi;
+  return useMemo(
+    () =>
+      new TestApi({
+        url: apiUrl,
+      }),
+    [apiUrl],
+  );
+};
+
+export const TestApiProvider: FC<PropsWithChildren> = ({ children }) => {
+  const client = useCreateTestApiClient();
+  const optionsProxy = useMemo(
+    () => new TestApiOptionsProxy({ client }),
+    [client],
+  );
+
+  return (
+    <TestApiClientContext.Provider value={client}>
+      <TestApiContext.Provider value={optionsProxy}>
+        {children}
+      </TestApiContext.Provider>
+    </TestApiClientContext.Provider>
+  );
+};
+
+export default TestApiProvider;
+"
+`;
+
+exports[`smithy#react-connection generator > with model project as target > should instrument providers in main.tsx > main.tsx 1`] = `
+"import TestApiProvider from './components/TestApiProvider';
+import QueryClientProvider from './components/QueryClientProvider';
+import RuntimeConfigProvider from './components/RuntimeConfig';
+
+import { RouterProvider } from '@tanstack/react-router';
+
+const App = () => <RouterProvider router={router} />;
+
+export function Main() {
+  return (
+    <RuntimeConfigProvider>
+      <QueryClientProvider>
+        <TestApiProvider>
+          <App />
+        </TestApiProvider>
+      </QueryClientProvider>
+    </RuntimeConfigProvider>
+  );
+}
+"
+`;

package/src/smithy/react-connection/files/model/extensions.smithy.template

@@ -0,0 +1,33 @@
+$version: "2.0"
+
+namespace <%- namespace %>
+
+use smithy.openapi#specificationExtension
+
+// This file contains traits which can apply certain OpenAPI vendor extensions to your operations
+// This can be used to customise the client generated for calling your API
+// If you do not need to customise the client, you can safely delete this file
+
+/// Use this trait if you have an operation with an HTTP method typically associated with a mutation (PUT, POST, etc) but
+/// wish for it to be considered as a query by the client
+@trait
+@specificationExtension
+structure query {}
+
+/// Use this trait if you have an operation with an HTTP method typically associated with a query (GET, HEAD, etc) but
+/// wish for it to be considered as a mutation by the client
+@trait
+@specificationExtension
+structure mutation {}
+
+/// By default, operations which accept a parameter named "cursor" are treated as paginated by the client
+/// Use this trait if you have an operation where the pagination cursor is named something other than "cursor"
+@trait
+@specificationExtension
+structure cursor {
+  // Use inputToken to change the input parameter used for pagination
+  inputToken: String
+  // Set enabled to false if your operation defines an input named "cursor"
+  // but should not be treated as a paginated operation
+  enabled: Boolean
+}

package/src/smithy/react-connection/generator.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { GeneratorCallback, Tree } from '@nx/devkit';
+import { SmithyReactConnectionGeneratorSchema } from './schema';
+import { NxGeneratorInfo } from '../../utils/nx';
+export declare const SMITHY_REACT_CONNECTION_GENERATOR_INFO: NxGeneratorInfo;
+export declare const smithyReactConnectionGenerator: (tree: Tree, options: SmithyReactConnectionGeneratorSchema) => Promise<GeneratorCallback>;
+export default smithyReactConnectionGenerator;

package/src/smithy/react-connection/generator.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.smithyReactConnectionGenerator = exports.SMITHY_REACT_CONNECTION_GENERATOR_INFO = void 0;
+const tslib_1 = require("tslib");
+/**
+ * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const devkit_1 = require("@nx/devkit");
+const nx_1 = require("../../utils/nx");
+const metrics_1 = require("../../utils/metrics");
+const format_1 = require("../../utils/format");
+const generator_1 = require("../project/generator");
+const generator_2 = require("../ts/api/generator");
+const react_1 = require("../../utils/api-connection/open-api/react");
+exports.SMITHY_REACT_CONNECTION_GENERATOR_INFO = (0, nx_1.getGeneratorInfo)(__filename);
+const smithyReactConnectionGenerator = (tree, options) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b, _c, _d;
+    const frontendProjectConfig = (0, nx_1.readProjectConfigurationUnqualified)(tree, options.frontendProjectName);
+    const targetConfig = (0, nx_1.readProjectConfigurationUnqualified)(tree, options.smithyModelOrBackendProjectName);
+    // Target could either be the model or backend project
+    const { modelProjectConfig, backendProjectConfig } = resolveProjectConfig(tree, targetConfig);
+    const backendMetadata = backendProjectConfig.metadata;
+    const apiName = backendMetadata === null || backendMetadata === void 0 ? void 0 : backendMetadata.apiName;
+    const auth = (_a = backendMetadata === null || backendMetadata === void 0 ? void 0 : backendMetadata.auth) !== null && _a !== void 0 ? _a : 'IAM';
+    const port = (_d = (_b = backendMetadata === null || backendMetadata === void 0 ? void 0 : backendMetadata.port) !== null && _b !== void 0 ? _b : (_c = backendMetadata === null || backendMetadata === void 0 ? void 0 : backendMetadata.ports) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : 3001;
+    const namespace = inferNamespace(tree, modelProjectConfig);
+    // Add extensions.smithy for customising the client
+    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files', 'model'), modelProjectConfig.sourceRoot, {
+        namespace,
+    }, {
+        overwriteStrategy: devkit_1.OverwriteStrategy.KeepExisting,
+    });
+    yield (0, react_1.addOpenApiReactClient)(tree, {
+        apiName,
+        frontendProjectConfig,
+        backendProjectConfig,
+        specBuildProject: modelProjectConfig,
+        specPath: (0, devkit_1.joinPathFragments)('dist', modelProjectConfig.root, 'build', 'openapi', 'openapi.json'),
+        specBuildTargetName: `${modelProjectConfig.name}:build`,
+        auth,
+        port,
+    });
+    yield (0, metrics_1.addGeneratorMetricsIfApplicable)(tree, [
+        exports.SMITHY_REACT_CONNECTION_GENERATOR_INFO,
+    ]);
+    yield (0, format_1.formatFilesInSubtree)(tree);
+    return () => {
+        (0, devkit_1.installPackagesTask)(tree);
+    };
+});
+exports.smithyReactConnectionGenerator = smithyReactConnectionGenerator;
+const resolveProjectConfig = (tree, modelOrBackendConfig) => {
+    var _a, _b, _c, _d, _e;
+    if (((_a = modelOrBackendConfig.metadata) !== null && _a !== void 0 ? _a : {}).generator ===
+        generator_1.SMITHY_PROJECT_GENERATOR_INFO.id) {
+        // It's the model project
+        const backendProjectName = ((_b = modelOrBackendConfig.metadata) !== null && _b !== void 0 ? _b : {})
+            .backendProject;
+        if (!backendProjectName) {
+            throw new Error(`Could not find associated backend for Smithy model project ${modelOrBackendConfig.name}`);
+        }
+        return {
+            modelProjectConfig: modelOrBackendConfig,
+            backendProjectConfig: (0, nx_1.readProjectConfigurationUnqualified)(tree, backendProjectName),
+        };
+    }
+    else if (((_c = modelOrBackendConfig.metadata) !== null && _c !== void 0 ? _c : {}).generator ===
+        generator_2.TS_SMITHY_API_GENERATOR_INFO.id) {
+        // It's the backend project
+        const modelProjectName = ((_d = modelOrBackendConfig.metadata) !== null && _d !== void 0 ? _d : {})
+            .modelProject;
+        if (!modelProjectName) {
+            throw new Error(`Could not find associated model for Smithy backend project ${modelOrBackendConfig.name}`);
+        }
+        return {
+            modelProjectConfig: (0, nx_1.readProjectConfigurationUnqualified)(tree, ((_e = modelOrBackendConfig.metadata) !== null && _e !== void 0 ? _e : {}).modelProject),
+            backendProjectConfig: modelOrBackendConfig,
+        };
+    }
+    throw new Error(`Unsupported api-connection target ${modelOrBackendConfig.name}. Expected a Smithy model or backend project.`);
+};
+/**
+ * Get the namespace from a model project
+ */
+const inferNamespace = (tree, modelProject) => {
+    const smithyBuildJsonPath = (0, devkit_1.joinPathFragments)(modelProject.root, 'smithy-build.json');
+    if (!tree.exists(smithyBuildJsonPath)) {
+        throw new Error(`No smithy-build.json file found for model project ${modelProject.name}`);
+    }
+    try {
+        const smithyBuild = JSON.parse(tree.read(smithyBuildJsonPath, 'utf-8'));
+        return smithyBuild.plugins.openapi.service.split('#')[0];
+    }
+    catch (_a) {
+        throw new Error(`Unable to determine namespace from ${smithyBuildJsonPath}. Expected plugins.openapi.service to be defined.`);
+    }
+};
+exports.default = exports.smithyReactConnectionGenerator;
+//# sourceMappingURL=generator.js.map

package/src/smithy/react-connection/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../packages/nx-plugin/src/smithy/react-connection/generator.ts"],"names":[],"mappings":"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"}

package/src/smithy/react-connection/schema.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export interface SmithyReactConnectionGeneratorSchema {
+  frontendProjectName: string;
+  smithyModelOrBackendProjectName: string;
+}

package/src/smithy/react-connection/schema.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "https://json-schema.org/schema",
+  "$id": "smithy#react-connection",
+  "title": "smithy#react-connection",
+  "description": "Connects a react website to a Smithy API",
+  "type": "object",
+  "properties": {
+    "frontendProjectName": {
+      "type": "string",
+      "description": "",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "React application's project name.",
+      "x-dropdown": "projects"
+    },
+    "smithyModelOrBackendProjectName": {
+      "type": "string",
+      "description": "",
+      "x-prompt": "Project containing your Smithy API (either model or backend)",
+      "x-dropdown": "projects"
+    }
+  },
+  "required": ["frontendProjectName", "smithyModelOrBackendProjectName"]
+}