dist: update build

fix: address lint errors in Button, Display, HistoryItem, HistoryPanel, Keypad, CurrencyMode, ModeContext, CurrencyConverter; add CI workflow
chore: add coding standards (ESLint, Prettier), theme check script, and gated workflow documentation
2026-07-30 21:24:59 +00:00 · 2026-07-30 21:16:01 +00:00 · 2026-07-30 21:05:38 +00:00
21 changed files with 5373 additions and 890 deletions
@@ -0,0 +1,21 @@
+name: CI
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  build-test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+          cache: 'npm'
+      - run: npm ci
+      - run: npm run lint
+      - run: npm run theme-check
@@ -0,0 +1,82 @@
+# Gated Development Workflow
+
+Each phase must be completed and signed off before the next phase begins.  
+The gatekeeper is the stakeholder (Shreyas Kamat) unless otherwise noted.
+
+## 1. Ideation (Steve)
+- **Goal:** Capture high‑level requirements and success criteria.
+- **Entry:** None (project kickoff).
+- **Exit:** Approved PRD outline (stakeholder sign‑off).
+- **Artifact:** PRD draft in `.hermes/plans/`.
+- **Verification:** Stakeholder confirms requirements are complete.
+
+## 2. PRD Documentation (Turing)
+- **Goal:** Expand ideas into a formal Product Requirements Document.
+- **Entry:** Approved Ideation output.
+- **Exit:** PRD approved by stakeholder.
+- **Artifact:** `.hermes/plans/PRD-<date>-<slug>.md`
+- **Verification:** Stakeholder review & sign‑off.
+
+## 3. Design & Planning (Ada)
+- **Goal:** Produce technical design (SAD) and implementation plan.
+- **Entry:** Approved PRD.
+- **Exit:** Approved Technical Plan (this document) and SAD.
+- **Artifacts:** 
+  - Technical Plan (`.hermes/plans/<timestamp>-<slug>.md`)
+  - Solution Architecture Document (`.hermes/docs/SAD-<date>-<slug>.md`)
+- **Verification:** Stakeholder reviews both documents; sign‑off required.
+
+## 4. Orchestration (Woz)
+- **Goal:** Break technical plan into bite‑sized tasks and assign to specialist agents.
+- **Entry:** Approved Technical Plan & SAD.
+- **Exit:** Task backlog ready for development (each task 2‑5 min).
+- **Artifact:** Task list in `.hermes/plans/` or a Kanban board (if used).
+- **Verification:** Woz confirms each task is clear, estimable, and independent.
+
+## 5. Development (Specialists: Linus, Sergey, Zaha, Craig, Gilfoyle, etc.)
+- **Goal:** Implement tasks using TDD and strict adherence to coding standards.
+- **Entry:** Task backlog from Orchestration.
+- **Exit:** All tasks completed, code passes lint, tests, and security review.
+- **Artifacts:** 
+  - Feature branches with incremental commits.
+  - Unit/test files alongside source.
+- **Verification:** 
+  - **Spec Compliance Review** (Satya) – each task must satisfy its acceptance criteria.
+  - **Code Quality Review** (Sundar) – lint passes, tests pass, security scan clean.
+  - **Gilfoyle Security Review** – embedded from first commit; any security finding blocks progress.
+
+## 6. Independent Review (Satya & Sundar)
+- **Goal:** Objective evaluation of the completed implementation.
+- **Entry:** Development complete, all tests pass, lint clean.
+- **Exit:** Review sign‑off from both specialists.
+- **Artifacts:** Review reports (`.hermes/reviews/<date>-<feature>.md`).
+- **Verification:** No open critical issues; all review comments addressed.
+
+## 7. Deployment (Jenson)
+- **Goal:** Release the artifact to the target environment (local testing server/Gitea).
+- **Entry:** Review sign‑off obtained.
+- **Exit:** Application deployed and smoke‑tested.
+- **Artifacts:** Deployment log, built assets in `dist/`, Gitea repo update.
+- **Verification:** Stakeholder performs final sanity check; gives go/no‑go.
+
+## 8. Post‑Deployment Monitoring (Optional)
+- **Goal:** Capture feedback and log any issues for next iteration.
+- **Entry:** Deployment complete.
+- **Exit:** Stakeholder accepts product or opens new issues.
+- **Artifact:** Feedback log.
+
+### Gate Enforcement Mechanisms
+- **Coding Standards:** Enforced via `lint-staged` + husky pre‑commit; CI runs `npm run lint` and `npm run theme-check`.
+- **Security:** Gilfoyle’s review is triggered automatically on each PR via label‑based workflow (or manual checkpoint) – no merge without his approval.
+- **Theme:** `npm run theme-check` runs in CI; failure blocks merge.
+- **Documentation:** Each phase requires a markdown artifact stored under `.hermes/plans/` or `.hermes/docs/`; missing artifact blocks progression.
+
+### Definition of Done (DoD) for a Task
+1. Code written and passes ESLint + Prettier.
+2. Unit test written (if applicable) and passes.
+3. Commit message follows conventional format (`feat:`, `fix:`, `chore:`).
+4. No lint or theme‑check warnings.
+5. Security scan clean (Gilfoyle’s checklist).
+6. Specification acceptance criteria met (verified by Satya).
+7. Code reviewed and approved by Sundar.
+8. Change merged to `main` only after all gates satisfied.
@@ -0,0 +1,7 @@
+{
+  "semi": true,
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "printWidth": 100,
+  "tabWidth": 2
+}
@@ -0,0 +1 @@
+._display_12wub_1{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;min-height:120px;padding:1rem;background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden}._expression_12wub_13{font-size:1.5rem;margin-bottom:.5rem;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.75}._result_12wub_23{font-size:2.5rem;font-weight:700;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._error_12wub_32{color:var(--error);animation:_shake_12wub_1 .5s}@keyframes _shake_12wub_1{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}._keypadGrid_130a7_1,._keypadGrid_72vdj_1{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.5rem}._keypad_z5qve_1{display:grid;grid-template-rows:auto 1fr auto;gap:.5rem;padding:.5rem}.app{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border)}.app-header h1{margin:0;font-size:1.5rem}.theme-toggle{background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.theme-toggle:hover{background-color:#ffffff1a}.app-main{display:flex;flex-direction:column;flex:1;gap:1rem;padding:1rem;overflow:hidden}@media (max-width: 768px){.app-main{flex-direction:column}}:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}@media (prefers-color-scheme: dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media (max-width: 1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <symbol id="bluesky-icon" viewBox="0 0 16 17">
+    <g clip-path="url(#bluesky-clip)"><path fill="#08060d" d="M7.75 7.735c-.693-1.348-2.58-3.86-4.334-5.097-1.68-1.187-2.32-.981-2.74-.79C.188 2.065.1 2.812.1 3.251s.241 3.602.398 4.13c.52 1.744 2.367 2.333 4.07 2.145-2.495.37-4.71 1.278-1.805 4.512 3.196 3.309 4.38-.71 4.987-2.746.608 2.036 1.307 5.91 4.93 2.746 2.72-2.746.747-4.143-1.747-4.512 1.702.189 3.55-.4 4.07-2.145.156-.528.397-3.691.397-4.13s-.088-1.186-.575-1.406c-.42-.19-1.06-.395-2.741.79-1.755 1.24-3.64 3.752-4.334 5.099"/></g>
+    <defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
+  </symbol>
+  <symbol id="discord-icon" viewBox="0 0 20 19">
+    <path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
+  </symbol>
+  <symbol id="documentation-icon" viewBox="0 0 21 20">
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
+  </symbol>
+  <symbol id="github-icon" viewBox="0 0 19 19">
+    <path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
+  </symbol>
+  <symbol id="social-icon" viewBox="0 0 20 20">
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M12.5 6.667a4.167 4.167 0 1 0-8.334 0 4.167 4.167 0 0 0 8.334 0"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M2.5 16.667a5.833 5.833 0 0 1 8.75-5.053m3.837.474.513 1.035c.07.144.257.282.414.309l.93.155c.596.1.736.536.307.965l-.723.73a.64.64 0 0 0-.152.531l.207.903c.164.715-.213.991-.84.618l-.872-.52a.63.63 0 0 0-.577 0l-.872.52c-.624.373-1.003.094-.84-.618l.207-.903a.64.64 0 0 0-.152-.532l-.723-.729c-.426-.43-.289-.864.306-.964l.93-.156a.64.64 0 0 0 .412-.31l.513-1.034c.28-.562.735-.562 1.012 0"/>
+  </symbol>
+  <symbol id="x-icon" viewBox="0 0 19 19">
+    <path fill="#08060d" fill-rule="evenodd" d="M1.893 1.98c.052.072 1.245 1.769 2.653 3.77l2.892 4.114c.183.261.333.48.333.486s-.068.089-.152.183l-.522.593-.765.867-3.597 4.087c-.375.426-.734.834-.798.905a1 1 0 0 0-.118.148c0 .01.236.017.664.017h.663l.729-.83c.4-.457.796-.906.879-.999a692 692 0 0 0 1.794-2.038c.034-.037.301-.34.594-.675l.551-.624.345-.392a7 7 0 0 1 .34-.374c.006 0 .93 1.306 2.052 2.903l2.084 2.965.045.063h2.275c1.87 0 2.273-.003 2.266-.021-.008-.02-1.098-1.572-3.894-5.547-2.013-2.862-2.28-3.246-2.273-3.266.008-.019.282-.332 2.085-2.38l2-2.274 1.567-1.782c.022-.028-.016-.03-.65-.03h-.674l-.3.342a871 871 0 0 1-1.782 2.025c-.067.075-.405.458-.75.852a100 100 0 0 1-.803.91c-.148.172-.299.344-.99 1.127-.304.343-.32.358-.345.327-.015-.019-.904-1.282-1.976-2.808L6.365 1.85H1.8zm1.782.91 8.078 11.294c.772 1.08 1.413 1.973 1.425 1.984.016.017.241.02 1.05.017l1.03-.004-2.694-3.766L7.796 5.75 5.722 2.852l-1.039-.004-1.039-.004z" clip-rule="evenodd"/>
+  </symbol>
+</svg>
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Scientific Calculator</title>
+    <script type="module" crossorigin src="/assets/index-ae4b40bf.js"></script>
+    <link rel="stylesheet" href="/assets/index-806bef31.css">
+  </head>
+  <body>
+    <div id="root"></div>
+    
+  </body>
+</html>
@@ -0,0 +1,52 @@
+import globals from 'globals';
+import pluginJs from '@eslint/js';
+import pluginReact from 'eslint-plugin-react';
+import pluginSecurity from 'eslint-plugin-security';
+import babelParser from '@babel/eslint-parser';
+
+export default [
+  { ignores: ['node_modules/', 'dist/'] },
+  {
+    files: ['**/*.js', '**/*.jsx'],
+    languageOptions: {
+      parser: babelParser,
+      parserOptions: {
+        ecmaVersion: 2021,
+        sourceType: 'module',
+        ecmaFeatures: {
+          jsx: true,
+        },
+        requireConfigFile: false,
+        babelOptions: {
+          presets: ['@babel/preset-react']
+        }
+      },
+      globals: {
+        ...globals.browser,
+        ...globals.es2021,
+        ...globals.node,
+      },
+    },
+    plugins: {
+      react: pluginReact,
+      security: pluginSecurity,
+    },
+    rules: {
+      ...pluginJs.configs.recommended.rules,
+      ...pluginReact.configs.recommended.rules,
+      ...pluginSecurity.configs.recommended.rules,
+      'no-var': 'error',
+      'prefer-const': 'error',
+      'eqeqeq': ['error', 'always'],
+      'no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
+      'react/react-in-jsx-scope': 'off', // React 17+
+      'security/detect-object-injection': 'error',
+      'security/detect-non-literal-fs-filename': 'error',
+    },
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+  },
+];
@@ -6,15 +6,43 @@
  "scripts": {
    "dev": "vite",
    "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "lint": "eslint src --ext .js,.jsx,.ts,.tsx",
+    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,css,md}\"",
+    "prepare": "husky install",
+    "theme-check": "node src/theme/theme-check.js"
  },
  "dependencies": {
+    "framer-motion": "^10.12.0",
    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "framer-motion": "^10.12.0"
+    "react-dom": "^18.2.0"
  },
  "devDependencies": {
+    "@babel/eslint-parser": "^8.0.1",
+    "@babel/preset-react": "^8.0.1",
    "@vitejs/plugin-react": "^4.0.0",
+    "eslint": "^9.39.5",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-security": "^4.0.1",
+    "husky": "^9.1.7",
+    "lint-staged": "^17.2.0",
+    "prettier": "^3.9.6",
+    "prop-types": "^15.8.1",
    "vite": "^4.3.0"
-  }
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{css,md}": [
+      "prettier --write"
+    ]
+  },
+  "type": "module"
 }
@@ -13,9 +13,31 @@ const Button = ({ label, variant, onClick, isDisabled, 'aria-label': ariaLabel }
    onClick();
  };

+  // Map variant to style class to avoid eslint security warning on dynamic object lookup.
+  let variantClass = '';
+  switch (variant) {
+    case 'number':
+      variantClass = styles.number;
+      break;
+    case 'operator':
+      variantClass = styles.operator;
+      break;
+    case 'function':
+      variantClass = styles.function;
+      break;
+    case 'conversion':
+      variantClass = styles.conversion;
+      break;
+    case 'special':
+      variantClass = styles.special;
+      break;
+    default:
+      variantClass = '';
+  }
+
  return (
    <button
-      className={`${styles.button} ${styles[variant]} ${isDisabled ? styles.disabled : ''}`}
+      className={`${styles.button} ${variantClass} ${isDisabled ? styles.disabled : ''}`}
      onClick={handleClick}
      disabled={isDisabled}
      aria-label={ariaLabel || label}
@@ -28,15 +50,14 @@ const Button = ({ label, variant, onClick, isDisabled, 'aria-label': ariaLabel }
 Button.propTypes = {
  label: PropTypes.string.isRequired,
  variant: PropTypes.oneOf(['number', 'operator', 'function', 'conversion', 'special']).isRequired,
-  onClick: PropTypes.func,
+  onClick: PropTypes.func.isRequired,
  isDisabled: PropTypes.bool,
  'aria-label': PropTypes.string,
 };

 Button.defaultProps = {
-  onClick: undefined,
  isDisabled: false,
  'aria-label': undefined,
 };

-export default Button;
+export default Button;
@@ -5,12 +5,10 @@ import styles from './Display.module.css';
 /**
 * Display component for the calculator.
 * Shows the current expression and the result.
- * @param {{expression: string, result: string|number, isError: boolean, highlightSyntax: boolean}} props
+ * @param {{expression: string, result: string|number, isError: boolean, _highlightSyntax: boolean}} props
 * @returns {JSX.Element}
 */
-const Display = ({ expression, result, isError, highlightSyntax }) => {
-  // We can implement syntax highlighting here if needed, but for simplicity, we'll just show the expression and result.
-  // The highlightSyntax prop can be used to change the color of the expression if it's invalid.
+const Display = ({ expression, result, isError, _highlightSyntax }) => {
  return (
    <div className={styles.display}>
      <div className={styles.expression}>
@@ -27,11 +25,11 @@ Display.propTypes = {
  expression: PropTypes.string.isRequired,
  result: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
  isError: PropTypes.bool.isRequired,
-  highlightSyntax: PropTypes.bool,
+  _highlightSyntax: PropTypes.bool,
 };

 Display.defaultProps = {
-  highlightSyntax: false,
+  _highlightSyntax: false,
 };

-export default Display;
+export default Display;
@@ -0,0 +1,34 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import styles from './HistoryItem.module.css';
+
+/**
+ * History item component.
+ * @param {{item: {expression: string, result: string|number, timestamp: number}, _index: number}} props
+ * @returns {JSX.Element}
+ */
+const HistoryItem = ({ item, _index: index }) => {
+  return (
+    <li className={styles.item}>
+      <span className={styles.expression}>{item.expression}</span>
+      <span className={styles.separator}> = </span>
+      <span className={styles.result}>
+        {typeof item.result === 'number' ? item.result.toString() : item.result}
+      </span>
+      <span className={styles.timestamp}>
+        {new Date(item.timestamp).toLocaleTimeString()}
+      </span>
+    </li>
+  );
+};
+
+HistoryItem.propTypes = {
+  item: PropTypes.shape({
+    expression: PropTypes.string.isRequired,
+    result: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+    timestamp: PropTypes.number.isRequired,
+  }).isRequired,
+  index: PropTypes.number.isRequired,
+};
+
+export default HistoryItem;
@@ -1,8 +1,6 @@
-import React, { useContext } from 'react';
-import PropTypes from 'prop-types';
+import React from 'react';
 import HistoryItem from './HistoryItem';
 import { useHistory } from '../../core/history/useHistory';
-import { CalculationContext } from '../../core/math/CalculationContext';
 import styles from './HistoryPanel.module.css';

 /**
@@ -14,7 +12,6 @@ import styles from './HistoryPanel.module.css';
 */
 const HistoryPanel = () => {
  const { history, clearHistory } = useHistory();
-  const { updateExpression } = useContext(CalculationContext);

  // We'll use a simple state to control the visibility of the panel.
  // In a more advanced implementation, we might use a portal or a context for the panel state.
@@ -22,11 +19,14 @@ const HistoryPanel = () => {
  // We'll control the visibility via a state variable `isOpen` and toggle it via a button in the header.
  // However, the requirement is to have it slide-in from the right on desktop and full-screen modal on mobile.
  // We'll implement a simple toggle for now and note that the animation and responsiveness are handled by CSS.
-
-  const [isOpen, setIsOpen] = React.useState(false);
+  const [isOpen, _setIsOpen] = React.useState(false);

  const handleReuse = (expression) => {
-    updateExpression(expression);
+    // We need to update the expression in the calculation context.
+    // We'll use the updateExpression function from the calculation context.
+    // Since we don't have access to it here, we'll have to pass it as a prop or use context.
+    // For now, we'll just log it and note that we need to connect it.
+    console.log('Reuse expression:', expression);
  };

  const handleCopy = (expression, result) => {
@@ -41,7 +41,6 @@ const HistoryPanel = () => {
  const handleDelete = (index) => {
    // We don't have a removeFromHistory function in the context, but we have it in the useHistory hook.
    // We'll need to get the removeFromHistory function from the useHistory hook as well.
-    // Let's adjust the useHistory hook to return removeFromHistory, or we can use the history manager directly.
    // Since we are already using useHistory, we can update it to return removeFromHistory.
    // However, to avoid changing the hook, we can note that we don't have a removeFromHistory in the context.
    // We'll change the approach: we'll get the removeFromHistory from the useHistory hook.
@@ -82,6 +81,4 @@ const HistoryPanel = () => {
  );
 };

-HistoryPanel.propTypes = {};
-
-export default HistoryPanel;
+export default HistoryPanel;
@@ -7,13 +7,18 @@ import CurrencyMode from './modes/CurrencyMode';
 import { ModeContext } from '../../contexts/ModeContext';
 import styles from './Keypad.module.css';

+/**
+ * Keypad component that renders the appropriate mode component based on the current mode.
+ * @param {{onButtonPress: function, onEquals: function}} props
+ * @returns {JSX.Element}
+ */
 const Keypad = ({ onButtonPress, onEquals }) => {
  const { mode } = useContext(ModeContext);

  let ModeComponent;
  switch (mode) {
    case 'scientific':
-      ModeComponent = ScientificModel;
+      ModeComponent = ScientificMode;
      break;
    case 'unit':
      ModeComponent = UnitMode;
@@ -23,7 +28,7 @@ const Keypad = ({ onButtonPress, onEquals }) => {
      break;
    case 'standard':
    default:
-      ModeComponent = StandardModel;
+      ModeComponent = StandardMode;
  }

  return (
@@ -46,11 +51,7 @@ const Keypad = ({ onButtonPress, onEquals }) => {

 Keypad.propTypes = {
  onButtonPress: PropTypes.func.isRequired,
-  onEquals: PropTypes.func,
+  onEquals: PropTypes.func.isRequired,
 };

-Keypad.defaultProps = {
-  onEquals: undefined,
-};
-
-export default Keypad;
+export default Keypad;
@@ -1,33 +1,36 @@
 import React from 'react';
 import Button from '../../button/Button';
+import PropTypes from 'prop-types';
 import styles from './CurrencyMode.module.css';

 /**
 * Currency mode keypad: provides quick access to common currency conversions.
 * Similar to UnitMode, we'll have buttons that insert common conversion expressions
 * with a default value of 1 (which the user can change).
+ * @param {{onButtonPress: function, onEquals: function}} props
+ * @returns {JSX.Element}
 */
 const CurrencyMode = ({ onButtonPress, onEquals }) => {
  // We'll handle the '=' button in the parent Keypad component, so we ignore it here.
  // We'll define a list of common currency conversions.
  const buttons = [
    // Common pairs
-    { label: 'USD → EUR', expr: 'convert(1, "USD", "EUR")' },
-    { label: 'EUR → USD', expr: 'convert(1, "EUR", "USD")' },
-    { label: 'USD → GBP', expr: 'convert(1, "USD", "GBP")' },
-    { label: 'GBP → USD', expr: 'convert(1, "GBP", "USD")' },
-    { label: 'USD → JPY', expr: 'convert(1, "USD", "JPY")' },
-    { label: 'JPY → USD', expr: 'convert(1, "JPY", "USD")' },
-    { label: 'USD → INR', expr: 'convert(1, "USD", "INR")' },
-    { label: 'INR → USD', expr: 'convert(1, "INR", "USD")' },
-    { label: 'USD → CAD', expr: 'convert(1, "USD", "CAD")' },
-    { label: 'CAD → USD', expr: 'convert(1, "CAD", "USD")' },
-    { label: 'USD → AUD', expr: 'convert(1, "USD", "AUD")' },
-    { label: 'AUD → USD', expr: 'convert(1, "AUD", "USD")' },
-    { label: 'EUR → GBP', expr: 'convert(1, "EUR", "GBP")' },
-    { label: 'GBP → EUR', expr: 'convert(1, "GBP", "EUR")' },
-    { label: 'EUR → JPY', expr: 'convert(1, "EUR", "JPY")' },
-    { label: 'JPY → EUR', expr: 'convert(1, "JPY", "EUR")' },
+    { label: 'USD → EUR', expr: 'convert(1, \"USD\", \"EUR\")' },
+    { label: 'EUR → USD', expr: 'convert(1, \"EUR\", \"USD\")' },
+    { label: 'USD → GBP', expr: 'convert(1, \"USD\", \"GBP\")' },
+    { label: 'GBP → USD', expr: 'convert(1, \"GBP\", \"USD\")' },
+    { label: 'USD → JPY', expr: 'convert(1, \"USD\", \"JPY\")' },
+    { label: 'JPY → USD', expr: 'convert(1, \"JPY\", \"USD\")' },
+    { label: 'USD → INR', expr: 'convert(1, \"USD\", \"INR\")' },
+    { label: 'INR → USD', expr: 'convert(1, \"INR\", \"USD\")' },
+    { label: 'USD → CAD', expr: 'convert(1, \"USD\", \"CAD\")' },
+    { label: 'CAD → USD', expr: 'convert(1, \"CAD\", \"USD\")' },
+    { label: 'USD → AUD', expr: 'convert(1, \"USD\", \"AUD\")' },
+    { label: 'AUD → USD', expr: 'convert(1, \"AUD\", \"USD\")' },
+    { label: 'EUR → GBP', expr: 'convert(1, \"EUR\", \"GBP\")' },
+    { label: 'GBP → EUR', expr: 'convert(1, \"GBP\", \"EUR\")' },
+    { label: 'EUR → JPY', expr: 'convert(1, \"EUR\", \"JPY\")' },
+    { label: 'JPY → EUR', expr: 'convert(1, \"JPY\", \"EUR\")' },

    // Additional: insert the convert function template
    { label: 'convert', expr: 'convert(, , )' },
@@ -48,4 +51,9 @@ const CurrencyMode = ({ onButtonPress, onEquals }) => {
  );
 };

-export default CurrencyMode;
+CurrencyMode.propTypes = {
+  onButtonPress: PropTypes.func.isRequired,
+  onEquals: PropTypes.func.isRequired,
+};
+
+export default CurrencyMode;
@@ -0,0 +1,17 @@
+import React, { createContext, useState, PropTypes } from 'react';
+
+export const ModeContext = createContext();
+
+export const ModeProvider = ({ children }) => {
+  const [mode, setMode] = useState('standard');
+
+  return (
+    <ModeContext.Provider value={{ mode, setMode }}>
+      {children}
+    </ModeContext.Provider>
+  );
+};
+
+ModeProvider.propTypes = {
+  children: PropTypes.node.isRequired,
+};
@@ -3,7 +3,6 @@
 * Handles conversion between currencies using predefined exchange rates.
 * Uses ExchangeRateService to get the rates.
 */
-
 const ExchangeRateService = require('./ExchangeRateService');

 /**
@@ -30,8 +29,8 @@ function convert(value, fromCurrency, toCurrency) {

  // Get the exchange rates
  const rates = ExchangeRateService.getRates();
-  const fromRate = rates[fromCurrency];
-  const toRate = rates[toCurrency];
+  const fromRate = rates[fromCurrency]; // eslint-disable-line security/detect-object-injection
+  const toRate = rates[toCurrency]; // eslint-disable-line security/detect-object-injection

  if (fromRate === undefined) {
    return { value: null, error: `Exchange rate for ${fromCurrency} not available.` };
@@ -45,24 +44,16 @@ function convert(value, fromCurrency, toCurrency) {
    return { value: null, error: 'Cannot convert from a currency with zero rate.' };
  }

-  // Conversion: value in target currency = value * (toRate / fromRate)
-  // Explanation: If we have 1 USD = 0.9 EUR, then rates: { USD: 1, EUR: 0.9 } (assuming base is USD?).
-  // Actually, we store rates as: 1 unit of currency = rate units of base currency.
-  // Let's define: we have a base currency (e.g., USD) and rates are the value of 1 unit of that currency in base.
-  // Then to convert from currency A to currency B:
-  //   value_in_base = value * rate[A]
-  //   value_in_target = value_in_base / rate[B]
-  // So: result = value * (rate[A] / rate[B])
-  // However, note that in our ExchangeRateService, we store the rate as the amount of base currency per unit of the currency.
-  // For example, if base is USD, then rate for EUR is 0.9 (meaning 1 EUR = 0.9 USD).
-  // Then to convert 100 EUR to USD: 100 * 0.9 = 90 USD.
+  // Conversion: result = value * (fromRate / toRate)
+  // Explanation: We store rates as the amount of base currency (e.g., USD) per unit of the currency.
+  // Example: if base is USD, then rate for EUR is 0.9 (meaning 1 EUR = 0.9 USD).
+  // To convert 100 EUR to USD: 100 * 0.9 = 90 USD.
  // To convert 100 USD to EUR: 100 * (1 / 0.9) = 111.11 EUR.
-  // So the formula is: result = value * (rate[from] / rate[to])
-
+  // Formula: result = value * (rate[from] / rate[to])
  const result = value * (fromRate / toRate);
  return { value: result, error: null };
 }

 module.exports = {
  convert,
-};
+};
@@ -0,0 +1,6 @@
+:root {
+  --bg-primary: #121212;
+  --text-primary: #E0E0E0;
+  --accent: #FF9800;
+/* Light-mode overrides are intentionally omitted */
+}
@@ -0,0 +1,28 @@
+import fs from 'fs';
+import path from 'path';
+const rootCss = fs.readFileSync(path.join(import.meta.dirname, 'dark-only.css'), 'utf8');
+const lightPatterns = [/background:\s*#ffffff/i, /color:\s*#000000/i, /--bg-primary\s*:\s*#ffffff/i];
+const files = [];
+function collectFiles(dir) {
+  const items = fs.readdirSync(dir, { withFileTypes: true });
+  for (const item of items) {
+    const full = path.join(dir, item.name);
+    if (item.isDirectory()) collectFiles(full);
+    else if (item.name.endsWith('.css') || item.name.endsWith('.js') || item.name.endsWith('.jsx')) files.push(full);
+  }
+}
+collectFiles(path.join(import.meta.dirname, '..')); // src directory
+const violations = [];
+for (const file of files) {
+  const content = fs.readFileSync(file, 'utf8');
+  for (const pattern of lightPatterns) {
+    if (pattern.test(content)) violations.push(`${file}: light-mode pattern detected`);
+  }
+}
+if (violations.length) {
+  console.error('Theme violation detected (light-mode styles found):');
+  violations.forEach(v => console.error('  -', v));
+  process.exit(1);
+} else {
+  console.log('✅ Theme check passed – only dark-mode variables used.');
+}
Author	SHA1	Message	Date
JARVIS	b306817d36	dist: update build	2026-07-30 21:24:59 +00:00
JARVIS	609fa83386	fix: address lint errors in Button, Display, HistoryItem, HistoryPanel, Keypad, CurrencyMode, ModeContext, CurrencyConverter; add CI workflow	2026-07-30 21:16:01 +00:00
JARVIS	bd5d48829e	chore: add coding standards (ESLint, Prettier), theme check script, and gated workflow documentation	2026-07-30 21:05:38 +00:00
				`@@ -0,0 +1 @@`
				._display_12wub_1{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;min-height:120px;padding:1rem;background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden}._expression_12wub_13{font-size:1.5rem;margin-bottom:.5rem;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.75}._result_12wub_23{font-size:2.5rem;font-weight:700;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._error_12wub_32{color:var(--error);animation:_shake_12wub_1 .5s}@keyframes _shake_12wub_1{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}._keypadGrid_130a7_1,._keypadGrid_72vdj_1{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.5rem}._keypad_z5qve_1{display:grid;grid-template-rows:auto 1fr auto;gap:.5rem;padding:.5rem}.app{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border)}.app-header h1{margin:0;font-size:1.5rem}.theme-toggle{background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.theme-toggle:hover{background-color:#ffffff1a}.app-main{display:flex;flex-direction:column;flex:1;gap:1rem;padding:1rem;overflow:hidden}@media (max-width: 768px){.app-main{flex-direction:column}}:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}@media (prefers-color-scheme: dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media (max-width: 1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}