JavaScript (v3): Replace ESLint & Prettier with BiomeJS (#6978)

* JavaScript (v3): Replace prettier and eslint with Biome

Author: cpyle0819

javascriptv3/.eslintignore

@@ -4,4 +4,5 @@ node_modules/
 package-lock.json
 test_results/
 test-results.xml
-state.json
+state.json
+.mypy_cache

javascriptv3/.eslintrc.json

@@ -1,11 +1,10 @@
-#!/bin/bash
 # Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 # SPDX-License-Identifier: Apache-2.0
 
 set -e
 
 # Lint
-npm run lint
+npm run --prefix ./javascriptv3 lint
 
 # Test
-npm test
+npm test --prefix ./javascriptv3

javascriptv3/.gitignore

@@ -54,10 +54,10 @@ You can run tests for a specific service, or for every service in this repositor
 If you run tests using the preceding commands, output will be stored in `unit_test.log` or `integration_test.log`. Errors are still logged to the console.
 
 ## Linting
-You can run ESLint to statically check for errors.
+You can run Biome to statically check for errors.
 
-To run ESLint, use the following command:
-  `npm run ci-lint .`
+To run Biome, use the following command:
+  `npm run ci-lint`
 
 ## Docker image (Beta)
 
@@ -87,13 +87,9 @@ run the example and verify that it ran correctly.
 
 ## Configure Visual Studio Code (VS Code)
 
-### ESLint
+### Biome
 
-To configure ESLint in VS Code, add the following to `settings.json`:
-
-```
-  "eslint.workingDirectories": ["javascriptv3/example_code/reactnative/ReactNativeApp", "javascriptv3"],
-```
+To configure Biome in VS Code, follow the instructions here: https://biomejs.dev/guides/getting-started/
 
 ## Additional resources
 

javascriptv3/hook_scripts/pre-commit.sh renamed to javascriptv3/.husky/pre-commit

@@ -0,0 +1,48 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.3/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "files": {
+    "ignoreUnknown": false,
+    "ignore": [
+      "./example_code/reactnative/",
+      "./example_code/medical-imaging/scenarios/health-image-sets/pixel-data-verification",
+      "./example_code/kinesis/kinesis-cdk",
+      "./example_code/medical-imaging/scenarios/health-image-sets/pixel-data-verification/openjphjs/openjphjs.js",
+      "**/dist"
+    ]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "tab"
+  },
+  "organizeImports": {
+    "enabled": false
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "double",
+      "indentStyle": "space",
+      "trailingCommas": "all"
+    }
+  },
+  "json": {
+    "formatter": {
+      "indentStyle": "space"
+    }
+  },
+  "css": {
+    "formatter": {
+      "indentStyle": "space"
+    }
+  }
+}

javascriptv3/README.md

@@ -64,9 +64,6 @@ jspm_packages/
 # Optional npm cache directory
 .npm
 
-# Optional eslint cache
-.eslintcache
-
 # Optional REPL history
 .node_repl_history
 

javascriptv3/biome.json

@@ -46,7 +46,7 @@ export const invokeBedrockAgent = async (prompt, sessionId) => {
       throw new Error("Completion is undefined");
     }
 
-    for await (let chunkEvent of response.completion) {
+    for await (const chunkEvent of response.completion) {
       const chunk = chunkEvent.chunk;
       console.log(chunk);
       const decodedResponse = new TextDecoder("utf-8").decode(chunk.bytes);
@@ -60,7 +60,7 @@ export const invokeBedrockAgent = async (prompt, sessionId) => {
 };
 
 // Call function if run directly
-import { fileURLToPath } from "url";
+import { fileURLToPath } from "node:url";
 if (process.argv[1] === fileURLToPath(import.meta.url)) {
   const result = await invokeBedrockAgent("I need help.", "123");
   console.log(result);

javascriptv3/example_code/.gitignore

@@ -4,8 +4,8 @@
 import { defineConfig } from "vitest/config";
 
 export default defineConfig({
-    test: {
-        testTimeout: 50000,
-        threads: false,
-    },
+  test: {
+    testTimeout: 50000,
+    threads: false,
+  },
 });

javascriptv3/example_code/bedrock-agent-runtime/actions/invoke-agent.js

@@ -1,7 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 
-import { fileURLToPath } from "url";
+import { fileURLToPath } from "node:url";
 import { checkForPlaceholders } from "../lib/utils.js";
 
 import {
@@ -61,7 +61,7 @@ if (process.argv[1] === fileURLToPath(import.meta.url)) {
   // Check for unresolved placeholders in agentName and roleArn.
   checkForPlaceholders([agentName, roleArn]);
 
-  console.log(`Creating a new agent...`);
+  console.log("Creating a new agent...");
 
   const agent = await createAgent(agentName, foundationModel, roleArn);
   console.log(agent);