Fix build: Make tailwind config esm compatible, run prettier. (#477)

* Make tailwind config esm compatible

* Run pnpm run format

Author: nichochar

.changeset/dirty-hotels-press.md

@@ -9,4 +9,4 @@ Added configurable network exposure for Docker deployments with secure defaults.
 - Optional network exposure via HOST_BIND environment variable
 - Configured port 2150 mapping for Docker container
 
-Users can optionally expose their Srcbook instance to other network devices by setting HOST_BIND=0.0.0.0 when running Docker.
+Users can optionally expose their Srcbook instance to other network devices by setting HOST_BIND=0.0.0.0 when running Docker.

docker-compose.yml

@@ -5,7 +5,7 @@ services:
       context: .
       dockerfile: Dockerfile
     ports:
-      - "${HOST_BIND:-127.0.0.1}:2150:2150"
+      - '${HOST_BIND:-127.0.0.1}:2150:2150'
     volumes:
       - type: bind
         source: ~/.srcbook
@@ -16,4 +16,4 @@ services:
       - NODE_ENV=production
       - HOST=${HOST_BIND:-127.0.0.1}
       - SRCBOOK_INSTALL_DEPS=true
-    command: ["pnpm", "start"]
+    command: ['pnpm', 'start']

packages/web/tailwind.config.js

@@ -1,8 +1,13 @@
 /** @type {import('tailwindcss').Config} */
-const plugin = require('tailwindcss/plugin');
-const path = require('path');
+import plugin from 'tailwindcss/plugin';
+import path from 'path';
+import { createRequire } from 'module';
+import animate from 'tailwindcss-animate';
 
-module.exports = {
+// Create require function for resolving package paths
+const require = createRequire(import.meta.url);
+
+export default {
   darkMode: ['class'],
   content: [
     './index.html',
@@ -219,5 +224,5 @@ module.exports = {
       },
     },
   },
-  plugins: [require('tailwindcss-animate')],
+  plugins: [animate],
 };