git-history-ui 1.0.2 → 1.0.3

package/frontend/src/styles.css

@@ -1,401 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/* You can add global styles to this file, and also import other style files */
-
-/* Modern CSS Reset */
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-/* Base styles */
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  line-height: 1.6;
-  color: #333;
-  background-color: #f8f9fa;
-}
-
-/* Dark mode support */
-@media (prefers-color-scheme: dark) {
-  body {
-    background-color: #1a1a1a;
-    color: #e0e0e0;
-  }
-}
-
-/* Manual dark mode toggle */
-.dark {
-  background-color: #1a1a1a !important;
-  color: #e0e0e0 !important;
-}
-
-.dark body {
-  background-color: #1a1a1a !important;
-  color: #e0e0e0 !important;
-}
-
-.dark * {
-  border-color: #404040 !important;
-}
-
-.dark .app-container {
-  background-color: #1a1a1a;
-  color: #e0e0e0;
-}
-
-.dark .header {
-  background-color: #2d2d2d;
-  border-bottom-color: #404040;
-}
-
-.dark .app-title {
-  color: #e0e0e0;
-}
-
-.dark .search-input {
-  background-color: #404040;
-  color: #e0e0e0;
-  border-color: #555;
-}
-
-.dark .search-input::placeholder {
-  color: #9ca3af;
-}
-
-.dark .filters {
-  background-color: #2d2d2d;
-  border-bottom-color: #404040;
-}
-
-.dark .filter-select,
-.dark .filter-input {
-  background-color: #404040;
-  color: #e0e0e0;
-  border-color: #555;
-}
-
-.dark .main-content {
-  background-color: #1a1a1a;
-}
-
-.dark .commit-item {
-  background-color: #2d2d2d;
-  border-color: #404040;
-}
-
-.dark .commit-hash {
-  color: #9ca3af;
-}
-
-.dark .commit-author {
-  color: #d1d5db;
-}
-
-.dark .commit-date {
-  color: #9ca3af;
-}
-
-.dark .commit-message {
-  color: #e0e0e0;
-}
-
-/* Date picker dark mode support */
-.dark input[type="date"] {
-  background-color: #404040 !important;
-  color: #e0e0e0 !important;
-  border-color: #555 !important;
-}
-
-.dark .date-picker {
-  background-color: #404040 !important;
-  color: #e0e0e0 !important;
-  border-color: #555 !important;
-}
-
-.dark .filter-input.date-picker {
-  background-color: #404040 !important;
-  color: #e0e0e0 !important;
-  border-color: #555 !important;
-}
-
-.dark input[type="date"]::-webkit-calendar-picker-indicator {
-  filter: invert(1) !important;
-}
-
-.dark input[type="date"]::-webkit-datetime-edit {
-  color: #e0e0e0 !important;
-}
-
-.dark input[type="date"]::-webkit-datetime-edit-fields-wrapper {
-  color: #e0e0e0 !important;
-}
-
-.dark input[type="date"]::-webkit-datetime-edit-text {
-  color: #e0e0e0 !important;
-}
-
-.dark input[type="date"]::-webkit-datetime-edit-month-field,
-.dark input[type="date"]::-webkit-datetime-edit-day-field,
-.dark input[type="date"]::-webkit-datetime-edit-year-field {
-  color: #e0e0e0 !important;
-}
-
-.dark .loading {
-  color: #e0e0e0;
-}
-
-/* Graph container dark mode */
-.dark .graph-container {
-  background-color: #2d2d2d !important;
-  color: #e0e0e0 !important;
-}
-
-/* SVG dark mode support */
-.dark svg {
-  background-color: transparent !important;
-}
-
-/* Modal dark mode support */
-.dark .modal-title,
-.dark .modal-header .modal-title,
-.dark .modal-container .modal-title {
-  color: #e0e0e0 !important;
-}
-
-/* Header dark mode support */
-.dark .header {
-  background-color: #2d2d2d !important;
-  border-bottom-color: #404040 !important;
-}
-
-.dark .app-title {
-  color: #e0e0e0 !important;
-}
-
-.dark .filters {
-  background-color: #2d2d2d !important;
-  border-bottom-color: #404040 !important;
-}
-
-/* Input placeholder dark mode */
-.dark input::placeholder {
-  color: #9ca3af !important;
-}
-
-.dark select {
-  color: #e0e0e0 !important;
-}
-
-/* Ensure all elements transition smoothly */
-* {
-  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
-}
-
-/* Specific transitions for form elements */
-input, select, button {
-  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
-}
-
-/* Additional dark mode styles for cards and other elements */
-.dark .card,
-.dark .commit-item,
-.dark .modal-container,
-.dark .diff-viewer {
-  background-color: #2d2d2d !important;
-  color: #e0e0e0 !important;
-  border-color: #404040 !important;
-}
-
-.dark .btn {
-  background-color: #404040 !important;
-  color: #e0e0e0 !important;
-  border-color: #555 !important;
-}
-
-.dark .btn:hover {
-  background-color: #555 !important;
-}
-
-.dark .btn-primary {
-  background-color: #3b82f6 !important;
-  color: white !important;
-}
-
-.dark .btn-primary:hover {
-  background-color: #2563eb !important;
-}
-
-.dark .btn-secondary {
-  background-color: #6b7280 !important;
-  color: white !important;
-}
-
-.dark .btn-secondary:hover {
-  background-color: #4b5563 !important;
-}
-
-.dark .file-item,
-.dark .diff-item {
-  background-color: #404040 !important;
-  border-color: #555 !important;
-}
-
-.dark .section-title {
-  color: #e0e0e0 !important;
-}
-
-.dark .commit-meta,
-.dark .commit-info {
-  color: #e0e0e0 !important;
-}
-
-.dark .commit-hash {
-  color: #9ca3af !important;
-}
-
-.dark .commit-author {
-  color: #d1d5db !important;
-}
-
-.dark .commit-date {
-  color: #9ca3af !important;
-}
-
-.dark .commit-message {
-  color: #e0e0e0 !important;
-}
-
-.dark .file-name,
-.dark .diff-file-name {
-  color: #d1d5db !important;
-}
-
-.dark .diff-stats {
-  color: #9ca3af !important;
-}
-
-/* Utility classes */
-.container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 0 1rem;
-}
-
-.flex {
-  display: flex;
-}
-
-.flex-col {
-  flex-direction: column;
-}
-
-.items-center {
-  align-items: center;
-}
-
-.justify-between {
-  justify-content: space-between;
-}
-
-.space-x-4 > * + * {
-  margin-left: 1rem;
-}
-
-.space-y-4 > * + * {
-  margin-top: 1rem;
-}
-
-/* Button styles */
-.btn {
-  padding: 0.5rem 1rem;
-  border: none;
-  border-radius: 0.375rem;
-  cursor: pointer;
-  font-size: 0.875rem;
-  transition: all 0.2s;
-  margin-right: 0.5rem;
-}
-
-.btn:last-child {
-  margin-right: 0;
-}
-
-/* Button container spacing */
-.flex.items-center {
-  gap: 0.5rem;
-}
-
-.btn-primary {
-  background-color: #3b82f6;
-  color: white;
-}
-
-.btn-primary:hover {
-  background-color: #2563eb;
-}
-
-.btn-secondary {
-  background-color: #6b7280;
-  color: white;
-}
-
-.btn-secondary:hover {
-  background-color: #4b5563;
-}
-
-/* Card styles */
-.card {
-  background-color: white;
-  border-radius: 0.5rem;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-  padding: 1.5rem;
-}
-
-.dark .card {
-  background-color: #2d2d2d;
-  color: #e0e0e0;
-}
-
-/* Custom styles for git history UI */
-.commit-node {
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
-.commit-node:hover {
-  stroke-width: 3px;
-}
-
-.branch-line {
-  stroke-width: 2px;
-}
-
-.diff-line {
-  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
-  font-size: 12px;
-  line-height: 1.4;
-}
-
-.diff-line.added {
-  background-color: #dcfce7;
-  color: #166534;
-}
-
-.diff-line.removed {
-  background-color: #fee2e2;
-  color: #991b1b;
-}
-
-.dark .diff-line.added {
-  background-color: #14532d;
-  color: #bbf7d0;
-}
-
-.dark .diff-line.removed {
-  background-color: #7f1d1d;
-  color: #fecaca;
-}

package/frontend/tailwind.config.js

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

package/frontend/tsconfig.app.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": []
-  },
-  "include": [
-    "src/**/*.ts"
-  ],
-  "exclude": [
-    "src/**/*.spec.ts"
-  ]
-}

package/frontend/tsconfig.json

@@ -1,34 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "skipLibCheck": true,
-    "isolatedModules": true,
-    "experimentalDecorators": true,
-    "importHelpers": true,
-    "target": "ES2022",
-    "module": "preserve"
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "typeCheckHostBindings": true,
-    "strictTemplates": true
-  },
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ]
-}

package/frontend/tsconfig.spec.json

@@ -1,14 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "src/**/*.ts"
-  ]
-}

package/jest.config.js

@@ -1,26 +0,0 @@
-module.exports = {
-  preset: 'ts-jest',
-  testEnvironment: 'node',
-  roots: ['<rootDir>/src'],
-  testMatch: ['**/__tests__/**/*.ts', '**/?(*.)+(spec|test).ts'],
-  transform: {
-    '^.+\\.ts$': 'ts-jest',
-  },
-  collectCoverageFrom: [
-    'src/**/*.ts',
-    '!src/**/*.d.ts',
-    '!src/**/*.test.ts',
-    '!src/**/*.spec.ts',
-  ],
-  coverageDirectory: 'coverage',
-  coverageReporters: ['text', 'lcov', 'html'],
-  coverageThreshold: {
-    global: {
-      branches: 80,
-      functions: 80,
-      lines: 80,
-      statements: 80
-    }
-  },
-  setupFilesAfterEnv: ['<rootDir>/src/__tests__/setup.ts'],
-};