[Transformation Playground] Transformation UI

frontend/__tests__/hooks/usePlaygroundActions.test.tsx

@@ -109,11 +109,13 @@ describe("usePlaygroundActions", () => {
       const { result } = renderHook(() => usePlaygroundActions(), { wrapper });
 
       // Adding a document should throw an error
-      expect(() => {
-        act(() => {
-          result.current.addInputDocument(TEST_DOC_NAME, TEST_DOC_CONTENT);
-        });
-      }).toThrow(/exceed the maximum storage limit/);
+      const addDocumentAction = () => {
+        result.current.addInputDocument(TEST_DOC_NAME, TEST_DOC_CONTENT);
+      };
+
+      expect(() => act(addDocumentAction)).toThrow(
+        /exceed the maximum storage limit/
+      );
 
       // Reset the mock
       (getJsonSizeInBytes as jest.Mock).mockReturnValue(1024);

frontend/next.config.ts

@@ -10,11 +10,15 @@ const nextConfig: NextConfig = {
     "@cloudscape-design/component-toolkit"
   ],
   webpack(config) {
-    // h/t https://github.com/securingsincity/react-ace/issues/725#issuecomment-1407356137
+    // Configure webpack to handle Ace Editor worker files
     config.module.rules.push({
-      test: /ace-builds.*\/worker-.*$/,
+      test: /ace-builds.*\/worker-.*\.js$/,
       type: "asset/resource",
+      generator: {
+        filename: "static/workers/[name][ext]",
+      },
     });
+
     return config;
   },
 };

frontend/package.json

@@ -19,8 +19,10 @@
     "@cloudscape-design/test-utils-core": "^1.0.56",
     "@types/uuid": "^10.0.0",
     "ace-builds": "^1.40.1",
+    "date-fns": "^4.1.0",
     "next": "15.3.0",
     "react": "^18.3.1",
+    "react-ace": "^14.0.1",
     "react-dom": "^18.3.1",
     "uuid": "^11.1.0"
   },