cleanup debugger

Author: BLamy

.storybook/middleware.js

@@ -1,7 +1,7 @@
 /**
  * Middleware for adding SharedArrayBuffer headers
  */
-module.exports = function expressMiddleware(router) {
+export default function expressMiddleware(router) {
   router.use(function (req, res, next) {
     // Add COOP and COEP headers for SharedArrayBuffer support
     res.setHeader('Cross-Origin-Opener-Policy', 'same-origin');

src/wmcp/components/Debugger/Debugger.stories.tsx

@@ -1,10 +1,8 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import WebContainerDebugger from "./index";
-import React from "react";
-
 
 const meta: Meta<typeof WebContainerDebugger> = {
-  title: "Webcontainer/Debugger",
+  title: "Debugger/WebContainerPowered",
   component: WebContainerDebugger,
   parameters: {
     layout: "fullscreen",
@@ -14,6 +12,5 @@ const meta: Meta<typeof WebContainerDebugger> = {
 export default meta;
 type Story = StoryObj<typeof WebContainerDebugger>;
 
-export const Default: Story = {
-
-};
+// This story relies on the WebContainer integration by default
+export const Default: Story = {};

src/wmcp/components/Debugger/DumbDebugger.stories.tsx

@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Debugger from './DumbDebugger';
+import * as mathFixtures from './__fixtures__/math';
+import * as odataFixtures from './__fixtures__/odata';
+const meta: Meta<typeof Debugger> = {
+  title: 'Debugger/DumbComponent',
+  component: Debugger,
+  parameters: {
+    layout: 'fullscreen',
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof Debugger>;
+
+export const Math: Story = {
+  args: {
+    files: mathFixtures.files,
+    debugSteps: mathFixtures.debugSteps,
+  },
+};
+
+
+export const OData: Story = {
+  args: {
+    files: odataFixtures.files,
+    debugSteps: odataFixtures.debugSteps,
+  },
+};