@jjlmoya/utils-motor 1.2.0 → 1.4.0

package/src/tool/tirePressureConverter/logic.ts

@@ -0,0 +1,47 @@
+export type PressureUnit = 'psi' | 'bar' | 'kpa' | 'kgfcm2';
+
+export interface PressureConversion {
+  input: number;
+  sourceUnit: PressureUnit;
+  psi: number;
+  values: Record<PressureUnit, number>;
+}
+
+const PSI_PER_UNIT: Record<PressureUnit, number> = {
+  psi: 1,
+  bar: 14.5037738,
+  kpa: 0.145037738,
+  kgfcm2: 14.2233433,
+};
+
+export const PRESSURE_UNITS: PressureUnit[] = ['psi', 'bar', 'kpa', 'kgfcm2'];
+
+export function isPressureUnit(value: string): value is PressureUnit {
+  return PRESSURE_UNITS.includes(value as PressureUnit);
+}
+
+export function convertPressure(input: number, sourceUnit: PressureUnit): PressureConversion | null {
+  if (!Number.isFinite(input) || input < 0 || !isPressureUnit(sourceUnit)) return null;
+  const psi = input * PSI_PER_UNIT[sourceUnit];
+  const values = PRESSURE_UNITS.reduce((result, unit) => {
+    result[unit] = psi / PSI_PER_UNIT[unit];
+    return result;
+  }, {} as Record<PressureUnit, number>);
+  return { input, sourceUnit, psi, values };
+}
+
+export function parsePressureInput(input: string): number | null {
+  if (input.trim() === '') return null;
+  const value = Number(input);
+  return Number.isFinite(value) && value >= 0 ? value : null;
+}
+
+export function formatPressure(value: number, unit: PressureUnit): string {
+  const decimals = unit === 'kpa' ? 1 : 2;
+  return value.toFixed(decimals);
+}
+
+export function pressureNeedleAngle(psi: number): number {
+  const clamped = Math.min(Math.max(psi, 0), 60);
+  return -132 + (clamped / 60) * 264;
+}

package/src/tool/tirePressureConverter/seo.astro

@@ -0,0 +1,15 @@
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { tirePressureConverter } from './entry';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'en' } = Astro.props;
+const loader = tirePressureConverter.i18n[locale] ?? tirePressureConverter.i18n.en;
+const content = await loader?.();
+---
+
+{content && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/tirePressureConverter/storage.ts

@@ -0,0 +1,27 @@
+import type { PressureUnit } from './logic';
+
+export interface SavedPressureState {
+  input: string;
+  sourceUnit: PressureUnit;
+  axle: 'front' | 'rear' | 'all';
+}
+
+const STORAGE_KEY = 'jjlmoya:tire-pressure-converter';
+
+export function loadPressureState(): SavedPressureState | null {
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    if (!raw) return null;
+    const state = JSON.parse(raw) as SavedPressureState;
+    if (!state || typeof state.input !== 'string') return null;
+    return state;
+  } catch {
+    return null;
+  }
+}
+
+export function savePressureState(state: SavedPressureState): void {
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(state));
+  } catch {}
+}

package/src/tool/tirePressureConverter/tire-pressure-converter-psi-bar-kpa-kgf-cm2.css

@@ -0,0 +1,293 @@
+.tire-pressure-tool {
+  --n-ink: #16241f;
+  --n-muted: #5e7168;
+  --n-paper: #f4f1e8;
+  --n-surface: #fffdf7;
+  --n-line: #c6d2c5;
+  --n-accent: #d36b3d;
+  --n-accent-deep: #873d2b;
+  --n-blue: #2d7f89;
+  --n-dark: #0d1917;
+  --n-white: #fff;
+  --n-result-ink: #f8f6ee;
+  --n-result-muted: #9fb1a7;
+  --n-result-arc: #33433d;
+  --n-result-card: #172823;
+  --n-result-line: #2c4139;
+
+  color: var(--n-ink);
+  background: var(--n-paper);
+  border: 1px solid var(--n-line);
+  border-radius: 24px;
+  overflow: hidden;
+}
+
+.tire-pressure-tool button,
+.tire-pressure-tool input {
+  font: inherit;
+}
+
+.pressure-workbench {
+  display: grid;
+  grid-template-columns: minmax(260px, .9fr) minmax(360px, 1.1fr);
+  min-height: 460px;
+}
+
+.pressure-input-panel {
+  padding: 2rem;
+  border-right: 1px solid var(--n-line);
+}
+
+.pressure-workbench-intro {
+  margin-bottom: 2rem;
+}
+
+.pressure-kicker {
+  margin: 0 0 .5rem;
+  color: var(--n-accent-deep);
+  font-size: .72rem;
+  font-weight: 800;
+  letter-spacing: .14em;
+  text-transform: uppercase;
+}
+
+.pressure-workbench-intro p:last-child,
+.pressure-field-hint,
+.pressure-safety {
+  color: var(--n-muted);
+  line-height: 1.55;
+}
+
+.pressure-field {
+  margin-bottom: 1.5rem;
+}
+
+.pressure-field label,
+.pressure-field legend {
+  display: block;
+  margin-bottom: .65rem;
+  color: var(--n-ink);
+  font-size: .82rem;
+  font-weight: 800;
+}
+
+.pressure-field-hint {
+  margin: .55rem 0 0;
+  font-size: .78rem;
+}
+
+.pressure-input {
+  display: flex;
+  align-items: center;
+  gap: .65rem;
+  padding: .85rem 1rem;
+  background: var(--n-surface);
+  border: 1px solid var(--n-line);
+  border-radius: 14px;
+}
+
+.pressure-input input {
+  width: 100%;
+  min-width: 0;
+  padding: 0;
+  color: var(--n-ink);
+  background: transparent;
+  border: 0;
+  outline: 0;
+  font-size: 1.7rem;
+  font-weight: 800;
+}
+
+.pressure-input span {
+  color: var(--n-muted);
+  font-weight: 800;
+}
+
+.pressure-unit-row,
+.pressure-axle-row {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: .4rem;
+}
+
+.pressure-axle-row {
+  grid-template-columns: repeat(3, 1fr);
+}
+
+.pressure-unit-row button,
+.pressure-axle-row button {
+  min-height: 2.7rem;
+  padding: .4rem .3rem;
+  color: var(--n-muted);
+  background: transparent;
+  border: 1px solid var(--n-line);
+  border-radius: 10px;
+  cursor: pointer;
+  font-size: .76rem;
+  font-weight: 800;
+}
+
+.pressure-unit-row button.is-active,
+.pressure-axle-row button.is-active {
+  color: var(--n-white);
+  background: var(--n-accent-deep);
+  border-color: var(--n-accent-deep);
+}
+
+.pressure-unit-row button:focus-visible,
+.pressure-axle-row button:focus-visible,
+.pressure-input input:focus-visible {
+  outline: 3px solid var(--n-accent);
+  outline-offset: 3px;
+}
+
+.pressure-safety {
+  margin: 1.8rem 0 0;
+  padding-top: 1rem;
+  border-top: 1px solid var(--n-line);
+  font-size: .8rem;
+}
+
+.pressure-result-panel {
+  display: grid;
+  grid-template-rows: 1fr auto auto;
+  padding: 1.5rem 2rem 2rem;
+  background: var(--n-dark);
+  color: var(--n-result-ink);
+}
+
+.pressure-scene {
+  display: grid;
+  place-items: center;
+  min-height: 250px;
+}
+
+.pressure-scene-svg {
+  width: min(100%, 390px);
+  overflow: visible;
+}
+
+.pressure-scene-arc {
+  fill: none;
+  stroke: var(--n-result-arc);
+  stroke-linecap: round;
+  stroke-width: 18;
+}
+
+.pressure-scene-arc-active {
+  stroke: var(--n-accent);
+}
+
+.pressure-scene-hub {
+  fill: var(--n-accent);
+  stroke: var(--n-result-ink);
+  stroke-width: 5;
+}
+
+.pressure-scene-needle {
+  stroke: var(--n-result-ink);
+  stroke-linecap: round;
+  stroke-width: 5;
+}
+
+.pressure-scene-value {
+  fill: var(--n-result-ink);
+  font-size: 28px;
+  font-weight: 800;
+}
+
+.pressure-scene-unit,
+.pressure-scene-mark {
+  fill: var(--n-result-muted);
+  font-size: 12px;
+  font-weight: 800;
+  letter-spacing: .08em;
+}
+
+.pressure-scene-empty {
+  color: var(--n-result-muted);
+  font-size: 1rem;
+}
+
+.pressure-conversion-label {
+  margin: 0 0 .75rem;
+  color: var(--n-result-muted);
+  font-size: .72rem;
+  font-weight: 800;
+  letter-spacing: .14em;
+  text-transform: uppercase;
+}
+
+.pressure-values {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: .5rem;
+}
+
+.pressure-value {
+  padding: .8rem .7rem;
+  background: var(--n-result-card);
+  border: 1px solid var(--n-result-line);
+  border-radius: 12px;
+}
+
+.pressure-value span {
+  display: block;
+  margin-bottom: .3rem;
+  color: var(--n-result-muted);
+  font-size: .7rem;
+  font-weight: 800;
+}
+
+.pressure-value strong {
+  display: block;
+  color: var(--n-result-ink);
+  font-size: 1.1rem;
+  white-space: nowrap;
+}
+
+.pressure-status {
+  margin: 1rem 0 0;
+  color: var(--n-accent);
+  font-size: .8rem;
+}
+
+@media (max-width: 760px) {
+  .pressure-workbench {
+    display: block;
+  }
+
+  .pressure-input-panel {
+    border-right: 0;
+    border-bottom: 1px solid var(--n-line);
+  }
+
+  .pressure-result-panel {
+    padding: 1rem 1rem 1.5rem;
+  }
+}
+
+@media (max-width: 420px) {
+  .pressure-input-panel {
+    padding: 1.25rem;
+  }
+
+  .pressure-unit-row {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .pressure-values {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+.theme-dark .tire-pressure-tool {
+  --n-ink: #edf4ee;
+  --n-muted: #b3c2b8;
+  --n-paper: #111b18;
+  --n-surface: #182620;
+  --n-line: #3d5348;
+  --n-accent: #ef9165;
+  --n-accent-deep: #bd5e3f;
+  --n-dark: #07100e;
+}

package/src/tool/tirePressureConverter/ui.ts

@@ -0,0 +1,20 @@
+export interface TirePressureConverterUI extends Record<string, string> {
+  flowLabel: string;
+  flowHint: string;
+  readingLabel: string;
+  readingHint: string;
+  sourceUnitLabel: string;
+  axleLabel: string;
+  frontAxle: string;
+  rearAxle: string;
+  allAxles: string;
+  conversionLabel: string;
+  psiLabel: string;
+  barLabel: string;
+  kpaLabel: string;
+  kgfcm2Label: string;
+  readyMessage: string;
+  emptyMessage: string;
+  safetyNote: string;
+  inputPlaceholder: string;
+}

package/src/tools.ts

@@ -1,5 +1,8 @@
 export { ALL_ENTRIES } from './entries';
 import { BRAKING_DISTANCE_CALCULATOR_TOOL } from './tool/brakingDistanceCalculator';
+import { CAR_MOTORCYCLE_GEAR_RATIO_CALCULATOR_TOOL } from './tool/carMotorcycleGearRatioCalculator';
+import { MOTORCYCLE_SKID_MARK_SPEED_ESTIMATOR_TOOL } from './tool/motorcycleSkidMarkSpeedEstimator';
 import { REAL_FUEL_CONSUMPTION_CALCULATOR_TOOL } from './tool/realFuelConsumptionCalculator';
+import { TIRE_PRESSURE_CONVERTER_TOOL } from './tool/tirePressureConverter';
 
-export const ALL_TOOLS = [BRAKING_DISTANCE_CALCULATOR_TOOL, REAL_FUEL_CONSUMPTION_CALCULATOR_TOOL];
+export const ALL_TOOLS = [BRAKING_DISTANCE_CALCULATOR_TOOL, REAL_FUEL_CONSUMPTION_CALCULATOR_TOOL, CAR_MOTORCYCLE_GEAR_RATIO_CALCULATOR_TOOL, TIRE_PRESSURE_CONVERTER_TOOL, MOTORCYCLE_SKID_MARK_SPEED_ESTIMATOR_TOOL];