chore(structure): update doc

krokoko · krokoko · commit bc9fe5a7cd51 · 2025-06-02T16:29:37.000-05:00
diff --git a/samples/speech-to-speech/.gitignore b/samples/speech-to-speech/.gitignore
@@ -1,4 +1,3 @@
-*.js
 !jest.config.js
 *.d.ts
 node_modules
diff --git a/samples/speech-to-speech/README.md b/samples/speech-to-speech/README.md
@@ -187,7 +187,6 @@ $ aws cloudformation describe-stacks --stack-name NovaSonicSolutionBackendStack
 6. Click "Stop Streaming" when you're done
 
 ![Speech to Speech Interface](docs/images/speechToSpeech_home.png)
-
    
 > Note: Ensure your microphone is properly connected and working before testing. The browser may require you to grant microphone permissions the first time you use the feature.
 
diff --git a/samples/speech-to-speech/frontend/.eslintrc.cjs b/samples/speech-to-speech/frontend/.eslintrc.cjs
@@ -0,0 +1,31 @@
+//
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+//
+// Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance
+// with the License. A copy of the License is located at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// or in the 'license' file accompanying this file. This file is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES
+// OR CONDITIONS OF ANY KIND, express or implied. See the License for the specific language governing permissions
+// and limitations under the License.
+//
+
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react-hooks/recommended",
+  ],
+  ignorePatterns: ["dist", ".eslintrc.cjs"],
+  parser: "@typescript-eslint/parser",
+  plugins: ["react-refresh"],
+  rules: {
+    "react-refresh/only-export-components": [
+      "warn",
+      { allowConstantExport: true },
+    ],
+  },
+};
diff --git a/samples/speech-to-speech/frontend/.example.env b/samples/speech-to-speech/frontend/.example.env
@@ -0,0 +1,7 @@
+VITE_REGION_NAME=<NovaSonicSolutionBackendStack.RegionName>
+VITE_COGNITO_USER_POOL_ID=<NovaSonicSolutionBackendStack.CognitoUserPoolId>
+VITE_COGNITO_USER_POOL_CLIENT_ID=<NovaSonicSolutionBackendStack.CognitoUserPoolClientId>
+VITE_COGNITO_IDENTITY_POOL_ID=<NovaSonicSolutionBackendStack.CognitoIdentityPoolId>
+VITE_LOAD_BALANCER_DNS=<NovaSonicSolutionBackendStack.LoadBalancerDNS>
+VITE_DEPLOYMENT_TYPE="local"
+VITE_APP_NAME="Bedrock Nova Sonic Solution"
diff --git a/samples/speech-to-speech/frontend/.gitignore b/samples/speech-to-speech/frontend/.gitignore
@@ -0,0 +1,35 @@
+!jest.config.js
+# *.d.ts
+node_modules
+
+# CDK asset staging directory
+.cdk.staging
+cdk.out
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+dist
+webapp/dist
+dist-ssr
+webapp/dist-ssr
+*.local
+webapp/*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.env
diff --git a/samples/speech-to-speech/frontend/.npmignore b/samples/speech-to-speech/frontend/.npmignore
@@ -0,0 +1,6 @@
+*.ts
+!*.d.ts
+
+# CDK asset staging directory
+.cdk.staging
+cdk.out
diff --git a/samples/speech-to-speech/frontend/generate-dev-env.sh b/samples/speech-to-speech/frontend/generate-dev-env.sh
diff --git a/samples/speech-to-speech/frontend/postcss.config.js b/samples/speech-to-speech/frontend/postcss.config.js
@@ -0,0 +1,21 @@
+//
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+//
+// Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance
+// with the License. A copy of the License is located at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// or in the 'license' file accompanying this file. This file is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES
+// OR CONDITIONS OF ANY KIND, express or implied. See the License for the specific language governing permissions
+// and limitations under the License.
+//
+
+export default {
+  plugins: {
+    "postcss-import": {},
+    "tailwindcss/nesting": {},
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/samples/speech-to-speech/frontend/prettier.config.js b/samples/speech-to-speech/frontend/prettier.config.js
@@ -0,0 +1,15 @@
+//
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+//
+// Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance
+// with the License. A copy of the License is located at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// or in the 'license' file accompanying this file. This file is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES
+// OR CONDITIONS OF ANY KIND, express or implied. See the License for the specific language governing permissions
+// and limitations under the License.
+//
+export default {
+  plugins: ["prettier-plugin-tailwindcss"],
+};
diff --git a/samples/speech-to-speech/frontend/src/App.tsx b/samples/speech-to-speech/frontend/src/App.tsx
@@ -1,15 +1,12 @@
-import { BDAProvider } from "@/contexts/BDAContext";
 import { BrowserRouter as Router, Routes } from "react-router-dom";
 
 function App() {
   return (
-    <BDAProvider>
       <Router>
         <Routes>
           {/* Routes configuration */}
         </Routes>
       </Router>
-    </BDAProvider>
   );
 }
 
diff --git a/samples/speech-to-speech/frontend/src/contexts/BDAContext.tsx b/samples/speech-to-speech/frontend/src/contexts/BDAContext.tsx
diff --git a/samples/speech-to-speech/frontend/src/lib/api.ts b/samples/speech-to-speech/frontend/src/lib/api.ts
@@ -12,8 +12,6 @@
 //
 
 import { Amplify } from "aws-amplify";
-import { fetchAuthSession } from "aws-amplify/auth";
-import { getErrorMessage } from "./utils";
 
 // Get the environment variables from the window object or the import.meta.env object
 // Window object is set by the custom resource in the backend stack
@@ -42,34 +40,4 @@ Amplify.configure({
       },
     },
   },
-});
-
-const authToken = (await fetchAuthSession()).tokens?.idToken?.toString();
-
-interface QARequest {
-  jobId: string;
-  model: string;
-  question: string;
-}
-
-export async function askQuestion(data: QARequest): Promise<Response> {
-  try {
-    const response = await fetch(`${env.VITE_API_GATEWAY_REST_API_ENDPOINT}/qa`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'Authorization': `Bearer ${authToken}`,
-      },
-      body: JSON.stringify(data)
-    });
-
-    if (!response.ok) {
-      throw new Error('Failed to get response from Q&A endpoint');
-    }
-
-    return response;
-  } catch (e: unknown) {
-    console.error("Q&A request failed:", getErrorMessage(e));
-    throw e;
-  }
-}
+});
diff --git a/samples/speech-to-speech/frontend/tailwind.config.js b/samples/speech-to-speech/frontend/tailwind.config.js
@@ -0,0 +1,91 @@
+//
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+//
+// Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance
+// with the License. A copy of the License is located at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// or in the 'license' file accompanying this file. This file is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES
+// OR CONDITIONS OF ANY KIND, express or implied. See the License for the specific language governing permissions
+// and limitations under the License.
+//
+
+import animate from "tailwindcss-animate"
+
+/** @type {import('tailwindcss').Config} */
+export default {
+  darkMode: ["class"],
+  content: [
+    "./pages/**/*.{ts,tsx}",
+    "./components/**/*.{ts,tsx}",
+    "./app/**/*.{ts,tsx}",
+    "./src/**/*.{ts,tsx}",
+  ],
+  theme: {
+    container: {
+      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "1400px",
+      },
+    },
+    extend: {
+      keyframes: {
+        "accordion-down": {
+          from: { height: 0 },
+          to: { height: "var(--radix-accordion-content-height)" },
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: 0 },
+        },
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+      },
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+    },
+  },
+  plugins: [animate]
+};

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-*.js`
`2`	`1`	`!jest.config.js`
`3`	`2`	`*.d.ts`
`4`	`3`	`node_modules`
-Original file line number
+Diff line change
@@ @@ -0,0 +1,6 @@ @@
 +*.ts
 +!*.d.ts
++
 +# CDK asset staging directory
 +.cdk.staging
 +cdk.out