refactor: update Node.js module imports and improve content type handling in simple-server

- Changed imports for http, fs, and path to use Node.js built-in module syntax
- Enhanced content type handling by formatting the contentType object for better readability
- Removed unnecessary whitespace for cleaner code structure

Author: jaruesink

apps/docs/simple-server.js

@@ -1,6 +1,6 @@
-const http = require('http');
-const fs = require('fs');
-const path = require('path');
+const http = require('node:http');
+const fs = require('node:fs');
+const path = require('node:path');
 
 const server = http.createServer((req, res) => {
   // Add CORS headers
@@ -9,24 +9,25 @@ const server = http.createServer((req, res) => {
   res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
 
   let filePath = path.join(__dirname, 'storybook-static', req.url === '/' ? 'index.html' : req.url);
-  
+
   // If file doesn't exist, serve index.html for SPA routing
   if (!fs.existsSync(filePath)) {
     filePath = path.join(__dirname, 'storybook-static', 'index.html');
   }
-  
+
   const ext = path.extname(filePath);
-  const contentType = {
-    '.html': 'text/html',
-    '.js': 'text/javascript',
-    '.css': 'text/css',
-    '.json': 'application/json',
-    '.png': 'image/png',
-    '.jpg': 'image/jpeg',
-    '.gif': 'image/gif',
-    '.svg': 'image/svg+xml'
-  }[ext] || 'text/plain';
-  
+  const contentType =
+    {
+      '.html': 'text/html',
+      '.js': 'text/javascript',
+      '.css': 'text/css',
+      '.json': 'application/json',
+      '.png': 'image/png',
+      '.jpg': 'image/jpeg',
+      '.gif': 'image/gif',
+      '.svg': 'image/svg+xml',
+    }[ext] || 'text/plain';
+
   fs.readFile(filePath, (err, content) => {
     if (err) {
       console.error('Error reading file:', filePath, err);
@@ -43,4 +44,3 @@ const PORT = 45678;
 server.listen(PORT, () => {
   console.log(`Server running on http://127.0.0.1:${PORT}`);
 });
-

apps/docs/src/remix-hook-form/checkbox-list.stories.tsx

@@ -3,9 +3,9 @@ import { Checkbox } from '@lambdacurry/forms/remix-hook-form/checkbox';
 import { FormMessage } from '@lambdacurry/forms/remix-hook-form/form';
 import { Button } from '@lambdacurry/forms/ui/button';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { expect, userEvent, within } from '@storybook/test';
+import { expect, userEvent, type within } from '@storybook/test';
 import { type ActionFunctionArgs, Form, useFetcher } from 'react-router';
-import { RemixFormProvider, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { RemixFormProvider, createFormData, getValidatedFormData, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 
@@ -137,6 +137,10 @@ const meta: Meta<typeof Checkbox> = {
 export default meta;
 type Story = StoryObj<typeof meta>;
 
+interface StoryContext {
+  canvas: ReturnType<typeof within>;
+}
+
 const testDefaultValues = ({ canvas }: StoryContext) => {
   AVAILABLE_COLORS.forEach(({ label }) => {
     const checkbox = canvas.getByLabelText(label);