git-history-ui 1.0.1 → 1.0.2

package/frontend/package.json

@@ -44,12 +44,15 @@
     "@angular/cli": "^20.2.0",
     "@schematics/angular": "^20.2.0",
     "@types/jasmine": "~5.1.0",
+    "autoprefixer": "^10.4.21",
     "jasmine-core": "~5.9.0",
     "karma": "~6.4.0",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^3.4.17",
     "typescript": "~5.9.2"
   }
 }

package/frontend/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/frontend/src/styles.css

@@ -1,3 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 /* You can add global styles to this file, and also import other style files */
 
 /* Modern CSS Reset */

package/frontend/tailwind.config.js

@@ -0,0 +1,11 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/**/*.{html,ts}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "git-history-ui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Beautiful git history visualization in your browser",
   "main": "dist/cli.js",
   "bin": {
@@ -10,10 +10,12 @@
     "build": "npm run build:backend && npm run build:frontend",
     "build:backend": "tsc -p tsconfig.json",
     "build:frontend": "cd frontend && ng build --configuration production",
+    "build:production": "NODE_ENV=production npm run build",
     "dev": "concurrently \"npm run dev:backend\" \"npm run dev:frontend\"",
     "dev:backend": "ts-node-dev --respawn --transpile-only src/backend/dev-server.ts",
     "dev:frontend": "cd frontend && ng serve --port 4200",
     "start": "node dist/backend/server.js",
+    "start:production": "NODE_ENV=production node dist/backend/server.js",
     "test": "jest",
     "test:coverage": "jest --coverage",
     "test:watch": "jest --watch",

package/public/index.html

@@ -4,7 +4,6 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Git History UI</title>
-    <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://d3js.org/d3.v7.min.js"></script>
     <script src="https://cdn.socket.io/4.7.4/socket.io.min.js"></script>
     <style>

package/src/backend/server.ts

@@ -20,17 +20,25 @@ export async function startServer(
 ) {
   const app = express();
   const server = createServer(app);
+  
+  // CORS configuration
+  const corsOptions = {
+    origin: process.env.NODE_ENV === 'production' 
+      ? ['http://localhost:4200', 'http://localhost:3000', 'http://127.0.0.1:4200', 'http://127.0.0.1:3000'] 
+      : true,
+    credentials: true,
+    methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'],
+    allowedHeaders: ['Content-Type', 'Authorization', 'X-Requested-With']
+  };
+
   const io = new Server(server, {
-    cors: {
-      origin: "*",
-      methods: ["GET", "POST"]
-    }
+    cors: corsOptions
   });
 
   const gitService = new GitService();
 
   // Middleware
-  app.use(cors());
+  app.use(cors(corsOptions));
   app.use(express.json());
   
   // Serve Angular build files