@jjlmoya/utils-aquarium 1.58.0 → 1.59.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-aquarium",
-    "version": "1.58.0",
+    "version": "1.59.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/category/index.ts

@@ -1,10 +1,11 @@
 import type { AquariumCategoryEntry } from '../types';
 import { aquariumTankVolumeWaterChangeCalculator } from '../tool/aquariumTankVolumeWaterChangeCalculator/entry';
 import { aquariumFilterTurnoverStockingPlanner } from '../tool/aquariumFilterTurnoverStockingPlanner/entry';
+import { aquariumLightingPhotoperiodPlanner } from '../tool/aquariumLightingPhotoperiodPlanner/entry';
 
 export const aquariumCategory: AquariumCategoryEntry = {
   icon: 'mdi:fishbowl-outline',
-  tools: [aquariumTankVolumeWaterChangeCalculator, aquariumFilterTurnoverStockingPlanner],
+  tools: [aquariumTankVolumeWaterChangeCalculator, aquariumFilterTurnoverStockingPlanner, aquariumLightingPhotoperiodPlanner],
   i18n: {
     en: () => import('./i18n/en').then((m) => m.content),
     es: () => import('./i18n/es').then((m) => m.content),

package/src/entries.ts

@@ -2,9 +2,12 @@ export { aquariumTankVolumeWaterChangeCalculator } from './tool/aquariumTankVolu
 export type { AquariumTankVolumeWaterChangeCalculatorLocaleContent } from './tool/aquariumTankVolumeWaterChangeCalculator/entry';
 export { aquariumFilterTurnoverStockingPlanner } from './tool/aquariumFilterTurnoverStockingPlanner/entry';
 export type { AquariumFilterTurnoverStockingPlannerLocaleContent } from './tool/aquariumFilterTurnoverStockingPlanner/entry';
+export { aquariumLightingPhotoperiodPlanner } from './tool/aquariumLightingPhotoperiodPlanner/entry';
+export type { AquariumLightingPhotoperiodPlannerLocaleContent } from './tool/aquariumLightingPhotoperiodPlanner/entry';
 export { aquariumCategory } from './category';
 
 import { aquariumTankVolumeWaterChangeCalculator } from './tool/aquariumTankVolumeWaterChangeCalculator/entry';
 import { aquariumFilterTurnoverStockingPlanner } from './tool/aquariumFilterTurnoverStockingPlanner/entry';
+import { aquariumLightingPhotoperiodPlanner } from './tool/aquariumLightingPhotoperiodPlanner/entry';
 
-export const ALL_ENTRIES = [aquariumTankVolumeWaterChangeCalculator, aquariumFilterTurnoverStockingPlanner];
+export const ALL_ENTRIES = [aquariumTankVolumeWaterChangeCalculator, aquariumFilterTurnoverStockingPlanner, aquariumLightingPhotoperiodPlanner];

package/src/tests/i18n_coverage.test.ts

@@ -2,7 +2,7 @@ import { describe, expect, it } from 'vitest';
 import { ALL_TOOLS } from '../tools';
 
 const EXPECTED_LOCALES = ['de', 'en', 'es', 'fr', 'id', 'it', 'ja', 'ko', 'nl', 'pl', 'pt', 'ru', 'sv', 'tr', 'zh'];
-const ENGLISH_FIRST_TOOL_IDS = new Set<string>();
+const ENGLISH_FIRST_TOOL_IDS = new Set<string>([]);
 
 describe('I18n Coverage Validation', () => {
   ALL_TOOLS.forEach(({ entry }) => {

package/src/tests/tool_validation.test.ts

@@ -3,12 +3,13 @@ import { ALL_TOOLS } from '../tools';
 import { aquariumCategory } from '../data';
 
 describe('Tool Validation Suite', () => {
-  it('registers exactly two aquarium production tools', () => {
-    expect(ALL_TOOLS.length).toBe(2);
-    expect(aquariumCategory.tools).toHaveLength(2);
+  it('registers exactly three aquarium production tools', () => {
+    expect(ALL_TOOLS.length).toBe(3);
+    expect(aquariumCategory.tools).toHaveLength(3);
     expect(aquariumCategory.tools.map((tool) => tool.id)).toEqual([
       'aquarium-tank-volume-water-change-calculator',
       'aquarium-filter-turnover-stocking-planner',
+      'aquarium-lighting-photoperiod-schedule-planner',
     ]);
   });
 });

package/src/tool/aquariumLightingPhotoperiodPlanner/aquarium-lighting-photoperiod-planner.css

@@ -0,0 +1,667 @@
+.aqlp-shell {
+  --aqlp-paper: #f5f1e8;
+  --aqlp-panel: #fffdf8;
+  --aqlp-visual: #e7f0ec;
+  --aqlp-ink: #263b3d;
+  --aqlp-muted: #687b7a;
+  --aqlp-line: #ccd8d1;
+  --aqlp-teal: #237f7b;
+  --aqlp-teal-dark: #175d5a;
+  --aqlp-sun: #e7ad4c;
+  --aqlp-coral: #ca7059;
+  --aqlp-night: #33475d;
+  --aqlp-status-bg: #dcece5;
+  --aqlp-choice-bg: #e6f2ec;
+  --aqlp-co2-bg: #fff6df;
+  --aqlp-co2-line: #e8d19a;
+  --aqlp-chart-grid: #bed2c9;
+  --aqlp-chart-tick: #b4cbc2;
+  --aqlp-chart-fill: #74bda2;
+  --aqlp-shadow: rgba(33, 47, 48, 0.1);
+
+  display: grid;
+  grid-template-columns: minmax(0, 1.55fr) minmax(290px, 0.78fr);
+  max-width: 1120px;
+  margin: 0 auto;
+  overflow: hidden;
+  color: var(--aqlp-ink);
+  background: var(--aqlp-paper);
+  border: 1px solid #d5d4ca;
+  border-radius: 28px;
+  box-shadow: 0 18px 50px var(--aqlp-shadow);
+}
+
+.theme-dark .aqlp-shell {
+  --aqlp-paper: #172728;
+  --aqlp-panel: #1c3031;
+  --aqlp-visual: #213b3a;
+  --aqlp-ink: #f1eee4;
+  --aqlp-muted: #b5c6bf;
+  --aqlp-line: #41605b;
+  --aqlp-teal: #79c8aa;
+  --aqlp-teal-dark: #a8e4c5;
+  --aqlp-sun: #f0c15e;
+  --aqlp-coral: #f19a78;
+  --aqlp-night: #0f1e2d;
+  --aqlp-status-bg: #25443c;
+  --aqlp-choice-bg: #23483f;
+  --aqlp-co2-bg: #3d3423;
+  --aqlp-co2-line: #806b3d;
+  --aqlp-chart-grid: #4a6b63;
+  --aqlp-chart-tick: #52736b;
+  --aqlp-chart-fill: #4f9b83;
+  --aqlp-shadow: rgba(0, 0, 0, 0.28);
+
+  border-color: #35504d;
+}
+
+.aqlp-shell *,
+.aqlp-shell *::before,
+.aqlp-shell *::after {
+  box-sizing: border-box;
+}
+
+.aqlp-shell p,
+.aqlp-shell fieldset {
+  margin: 0;
+}
+
+.aqlp-output,
+.aqlp-controls {
+  min-width: 0;
+  padding: clamp(25px, 3vw, 40px);
+}
+
+.aqlp-output {
+  background: var(--aqlp-paper);
+}
+
+.aqlp-controls {
+  background: var(--aqlp-panel);
+  border-left: 1px solid var(--aqlp-line);
+}
+
+.aqlp-output-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 20px;
+}
+
+.aqlp-answer-copy {
+  display: grid;
+  gap: 7px;
+}
+
+.aqlp-overline {
+  color: var(--aqlp-teal-dark);
+  font-size: 0.72rem;
+  font-weight: 850;
+  letter-spacing: 0.13em;
+  text-transform: uppercase;
+}
+
+.aqlp-window-answer {
+  color: var(--aqlp-ink);
+  font-size: clamp(2.7rem, 5.7vw, 4.55rem);
+  font-weight: 850;
+  letter-spacing: -0.075em;
+  line-height: 0.9;
+  white-space: nowrap;
+}
+
+.aqlp-answer-subline {
+  color: var(--aqlp-muted);
+  font-size: 0.86rem;
+}
+
+.aqlp-answer-subline strong {
+  color: var(--aqlp-teal-dark);
+}
+
+.aqlp-status {
+  flex: 0 0 auto;
+  padding: 9px 12px;
+  color: var(--aqlp-teal-dark);
+  background: var(--aqlp-status-bg);
+  border: 1px solid #a5cabb;
+  border-radius: 999px;
+  font-size: 0.72rem;
+  font-weight: 800;
+  white-space: nowrap;
+}
+
+.aqlp-visual-card {
+  margin-top: 32px;
+  padding: 20px 20px 17px;
+  background: var(--aqlp-visual);
+  border: 1px solid #cbdcd4;
+  border-radius: 20px;
+}
+
+.aqlp-timeline-heading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 16px;
+}
+
+.aqlp-timeline-heading strong {
+  font-size: 1rem;
+}
+
+.aqlp-timeline-heading span {
+  color: var(--aqlp-muted);
+  font-size: 0.75rem;
+}
+
+.aqlp-chart-wrap {
+  overflow: hidden;
+  margin: 0 -7px;
+}
+
+.aqlp-chart {
+  display: block;
+  width: 100%;
+  height: 235px;
+  overflow: visible;
+}
+
+.aqlp-chart-grid {
+  stroke: var(--aqlp-chart-grid);
+  stroke-width: 1;
+  stroke-dasharray: 3 7;
+}
+
+.aqlp-chart-tick {
+  stroke: var(--aqlp-chart-tick);
+  stroke-width: 1;
+}
+
+.aqlp-chart-fill {
+  fill: var(--aqlp-chart-fill);
+  opacity: 0.42;
+}
+
+.aqlp-chart-line {
+  fill: none;
+  stroke: var(--aqlp-teal);
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  stroke-width: 7;
+}
+
+.aqlp-chart-marker {
+  stroke: var(--aqlp-visual);
+  stroke-width: 4;
+}
+
+.aqlp-chart-marker-edge {
+  fill: var(--aqlp-sun);
+}
+
+.aqlp-chart-marker-full {
+  fill: var(--aqlp-teal-dark);
+}
+
+.aqlp-chart-y-label,
+.aqlp-chart-x-label {
+  fill: var(--aqlp-muted);
+  font-size: 15px;
+}
+
+.aqlp-event-row {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 10px;
+  margin-top: 7px;
+}
+
+.aqlp-event-row span {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  min-width: 0;
+  color: var(--aqlp-ink);
+  font-size: 0.7rem;
+}
+
+.aqlp-event-row span:nth-child(2) {
+  justify-content: center;
+}
+
+.aqlp-event-row span:last-child {
+  justify-content: flex-end;
+}
+
+.aqlp-event-row strong {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.aqlp-event-dot {
+  flex: 0 0 9px;
+  width: 9px;
+  height: 9px;
+  border-radius: 50%;
+}
+
+.aqlp-event-start,
+.aqlp-event-end {
+  background: var(--aqlp-sun);
+}
+
+.aqlp-event-full {
+  background: var(--aqlp-teal-dark);
+}
+
+.aqlp-summary-row {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 24px;
+  margin-top: 22px;
+  padding: 14px 0;
+  border-top: 1px solid var(--aqlp-line);
+  border-bottom: 1px solid var(--aqlp-line);
+}
+
+.aqlp-summary-row div {
+  display: grid;
+  gap: 4px;
+}
+
+.aqlp-summary-row div + div {
+  padding-left: 24px;
+  border-left: 1px solid var(--aqlp-line);
+}
+
+.aqlp-summary-row span {
+  color: var(--aqlp-muted);
+  font-size: 0.72rem;
+}
+
+.aqlp-summary-row strong {
+  color: var(--aqlp-ink);
+  font-size: 1rem;
+}
+
+.aqlp-co2-row {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 12px;
+  margin-top: 17px;
+  padding: 13px 15px;
+  background: var(--aqlp-co2-bg);
+  border: 1px solid var(--aqlp-co2-line);
+  border-radius: 12px;
+}
+
+.aqlp-co2-row[hidden] {
+  display: none;
+}
+
+.aqlp-co2-mark {
+  color: var(--aqlp-coral);
+  font-size: 0.9rem;
+  font-weight: 850;
+}
+
+.aqlp-co2-row span:nth-child(2) {
+  display: grid;
+  gap: 2px;
+}
+
+.aqlp-co2-row strong {
+  font-size: 0.8rem;
+}
+
+.aqlp-co2-row small {
+  color: var(--aqlp-muted);
+  font-size: 0.68rem;
+}
+
+.aqlp-co2-row > strong:last-child {
+  color: var(--aqlp-coral);
+  white-space: nowrap;
+}
+
+.aqlp-signal {
+  display: flex;
+  align-items: flex-start;
+  gap: 9px;
+  margin-top: 14px;
+  color: var(--aqlp-teal-dark);
+  font-size: 0.79rem;
+  line-height: 1.45;
+}
+
+.aqlp-signal-mark {
+  flex: 0 0 8px;
+  width: 8px;
+  height: 8px;
+  margin-top: 5px;
+  background: var(--aqlp-sun);
+  border-radius: 50%;
+}
+
+.aqlp-legend {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  margin-top: 16px;
+  color: var(--aqlp-muted);
+  font-size: 0.68rem;
+}
+
+.aqlp-legend span {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+}
+
+.aqlp-legend-swatch {
+  width: 18px;
+  height: 5px;
+  border-radius: 5px;
+}
+
+.aqlp-legend-ramp {
+  background: var(--aqlp-sun);
+}
+
+.aqlp-legend-full {
+  background: var(--aqlp-teal);
+}
+
+.aqlp-legend-dark {
+  background: var(--aqlp-night);
+}
+
+.aqlp-footnote {
+  margin-top: 11px;
+  color: var(--aqlp-muted);
+  font-size: 0.7rem;
+  line-height: 1.4;
+}
+
+.aqlp-controls-heading {
+  padding-bottom: 20px;
+  border-bottom: 1px solid var(--aqlp-line);
+}
+
+.aqlp-control-stack {
+  display: grid;
+  gap: 25px;
+  padding-top: 25px;
+}
+
+.aqlp-control {
+  min-width: 0;
+}
+
+.aqlp-choice-control {
+  padding: 0;
+  border: 0;
+}
+
+.aqlp-choice-control legend,
+.aqlp-control > label,
+.aqlp-label-line label {
+  display: block;
+  padding: 0;
+  color: var(--aqlp-ink);
+  font-size: 0.82rem;
+  font-weight: 850;
+}
+
+.aqlp-choice-group {
+  display: grid;
+  gap: 7px;
+  margin-top: 10px;
+}
+
+.aqlp-choice {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  min-height: 46px;
+  padding: 9px 12px 9px 36px;
+  color: var(--aqlp-muted);
+  text-align: left;
+  background: transparent;
+  border: 1px solid var(--aqlp-line);
+  border-radius: 10px;
+  cursor: pointer;
+  font: inherit;
+  font-size: 0.77rem;
+  font-weight: 750;
+}
+
+.aqlp-choice::before {
+  position: absolute;
+  left: 13px;
+  width: 11px;
+  height: 11px;
+  border: 2px solid var(--aqlp-line);
+  border-radius: 50%;
+  content: "";
+}
+
+.aqlp-choice:hover,
+.aqlp-choice:focus-visible,
+.aqlp-choice[aria-pressed="true"] {
+  color: var(--aqlp-teal-dark);
+  border-color: var(--aqlp-teal);
+  outline: none;
+}
+
+.aqlp-choice[aria-pressed="true"] {
+  background: var(--aqlp-choice-bg);
+}
+
+.aqlp-choice[aria-pressed="true"]::before {
+  background: var(--aqlp-teal);
+  border-color: var(--aqlp-teal);
+  box-shadow: inset 0 0 0 3px var(--aqlp-choice-bg);
+}
+
+.aqlp-input {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 46px;
+  margin-top: 10px;
+  padding: 9px 12px;
+  color: var(--aqlp-ink);
+  background: var(--aqlp-panel);
+  border: 1px solid var(--aqlp-line);
+  border-radius: 10px;
+  font: inherit;
+}
+
+.aqlp-label-line {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 14px;
+}
+
+.aqlp-range-control output {
+  color: var(--aqlp-teal-dark);
+  font-size: 0.78rem;
+  font-weight: 850;
+  white-space: nowrap;
+}
+
+.aqlp-range-control input {
+  width: 100%;
+  margin-top: 15px;
+  accent-color: var(--aqlp-teal);
+  cursor: pointer;
+}
+
+.aqlp-advanced {
+  margin-top: 28px;
+  padding-top: 19px;
+  border-top: 1px solid var(--aqlp-line);
+}
+
+.aqlp-details-summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  color: var(--aqlp-ink);
+  cursor: pointer;
+  font-size: 0.8rem;
+  font-weight: 850;
+  list-style: none;
+}
+
+.aqlp-details-summary::-webkit-details-marker {
+  display: none;
+}
+
+.aqlp-details-summary::after {
+  flex: 0 0 8px;
+  width: 8px;
+  height: 8px;
+  border-right: 2px solid var(--aqlp-teal);
+  border-bottom: 2px solid var(--aqlp-teal);
+  content: "";
+  transform: rotate(45deg) translateY(-2px);
+}
+
+.aqlp-advanced[open] .aqlp-details-summary::after {
+  transform: rotate(225deg) translate(-2px, -2px);
+}
+
+.aqlp-details-summary span {
+  margin-left: auto;
+  color: var(--aqlp-muted);
+  font-size: 0.68rem;
+  font-weight: 500;
+}
+
+.aqlp-ramp-grid {
+  display: grid;
+  gap: 22px;
+  padding-top: 22px;
+}
+
+.aqlp-input:focus-visible,
+.aqlp-choice:focus-visible,
+.aqlp-range-control input:focus-visible,
+.aqlp-details-summary:focus-visible {
+  outline: 3px solid var(--aqlp-sun);
+  outline-offset: 3px;
+}
+
+@media (max-width: 880px) {
+  .aqlp-shell {
+    grid-template-columns: 1fr;
+  }
+
+  .aqlp-controls {
+    border-top: 1px solid var(--aqlp-line);
+    border-left: 0;
+  }
+
+  .aqlp-control-stack {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .aqlp-choice-control {
+    grid-column: span 2;
+  }
+}
+
+@media (max-width: 540px) {
+  .aqlp-output,
+  .aqlp-controls {
+    padding: 24px 18px;
+  }
+
+  .aqlp-output-header {
+    display: grid;
+    gap: 15px;
+  }
+
+  .aqlp-status {
+    justify-self: start;
+  }
+
+  .aqlp-window-answer {
+    font-size: clamp(2.55rem, 13vw, 3.8rem);
+  }
+
+  .aqlp-visual-card {
+    margin-top: 25px;
+    padding: 16px 12px 14px;
+  }
+
+  .aqlp-timeline-heading {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 5px;
+  }
+
+  .aqlp-chart {
+    height: 190px;
+  }
+
+  .aqlp-event-row {
+    gap: 5px;
+  }
+
+  .aqlp-event-row span {
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr);
+    gap: 5px;
+    font-size: 0.63rem;
+  }
+
+  .aqlp-event-row span:nth-child(2) {
+    justify-content: initial;
+  }
+
+  .aqlp-event-row span:last-child {
+    justify-content: initial;
+    text-align: right;
+  }
+
+  .aqlp-summary-row {
+    gap: 12px;
+  }
+
+  .aqlp-summary-row div + div {
+    padding-left: 12px;
+  }
+
+  .aqlp-co2-row {
+    grid-template-columns: auto minmax(0, 1fr);
+  }
+
+  .aqlp-co2-row > strong:last-child {
+    grid-column: 2;
+  }
+
+  .aqlp-control-stack {
+    grid-template-columns: 1fr;
+  }
+
+  .aqlp-choice-control {
+    grid-column: auto;
+  }
+
+  .aqlp-details-summary {
+    align-items: flex-start;
+  }
+
+  .aqlp-details-summary span {
+    text-align: right;
+  }
+}