feat: integrate Mock Service Worker (MSW) for API mocking and testing
Currently just used for demo page
- Added MSW as a dependency in package.json.
- Configured MSW in the demo HTML to start the worker and handle API requests.
- Created mockServiceWorker.js to manage service worker lifecycle and request handling.
- Implemented browser.ts to set up the MSW worker with defined request handlers.
- Developed handlers.ts to simulate API responses and manage application state for testing.
diff --git a/webui/src/web-components/demo/sketch-app-shell.demo.html b/webui/src/web-components/demo/sketch-app-shell.demo.html
index 48fc100..8c4458b 100644
--- a/webui/src/web-components/demo/sketch-app-shell.demo.html
+++ b/webui/src/web-components/demo/sketch-app-shell.demo.html
@@ -5,7 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>sketch coding assistant</title>
<link rel="stylesheet" href="sketch-app-shell.css" />
- <script src="../sketch-app-shell.ts" type="module"></script>
+ <script type="module">
+ const { worker } = await import("./mocks/browser");
+ await worker.start();
+ await import("../sketch-app-shell.ts");
+ </script>
</head>
<body>
<sketch-app-shell></sketch-app-shell>