@jjlmoya/utils-finance 1.30.0 → 1.31.0

package/src/tests/seo_wellformed_export.test.ts

@@ -0,0 +1,65 @@
+import { describe, it, expect } from 'vitest';
+import { readdirSync, readFileSync, existsSync } from 'fs';
+import { join, relative } from 'path';
+
+function findSeoAstroFiles(dir: string): string[] {
+  const files: string[] = [];
+  if (!existsSync(dir)) return files;
+  const entries = readdirSync(dir, { withFileTypes: true });
+
+  for (const entry of entries) {
+    const fullPath = join(dir, entry.name);
+    if (entry.isDirectory()) {
+      files.push(...findSeoAstroFiles(fullPath));
+    } else if (entry.isFile() && entry.name === 'seo.astro') {
+      files.push(fullPath);
+    }
+  }
+
+  return files;
+}
+
+const toolDir = join(process.cwd(), 'src', 'tool');
+const seoFiles = findSeoAstroFiles(toolDir);
+
+describe('SEO Component Wellformed Export', () => {
+  it('found tool seo.astro components', () => {
+    expect(seoFiles.length).toBeGreaterThan(0);
+  });
+
+  seoFiles.forEach((file) => {
+    const relativePath = relative(process.cwd(), file);
+
+    it(`${relativePath} should dynamically load SEO sections and use SEORenderer`, () => {
+      const content = readFileSync(file, 'utf-8');
+
+      const usesSeoRenderer =
+        content.includes('@jjlmoya/utils-shared') &&
+        (content.includes('SEORenderer') || content.includes('SEOArticle'));
+
+      const acquiresDynamicContent =
+        content.includes('.i18n') ||
+        content.includes('loader') ||
+        content.includes('await loader') ||
+        content.includes('.seo');
+
+      const isBrokenPattern =
+        /sections\s*=\s*\[\s*\]/.test(content) && !acquiresDynamicContent;
+
+      expect(
+        usesSeoRenderer,
+        `File "${relativePath}" does not import or use SEORenderer from @jjlmoya/utils-shared.`,
+      ).toBe(true);
+
+      expect(
+        isBrokenPattern,
+        `File "${relativePath}" relies on a static sections=[] prop default without fetching content from entry.i18n, resulting in empty SEO text on consumers.`,
+      ).toBe(false);
+
+      expect(
+        acquiresDynamicContent,
+        `File "${relativePath}" does not fetch dynamic i18n content for SEO rendering.`,
+      ).toBe(true);
+    });
+  });
+});

package/src/tests/tool_validation.test.ts

@@ -1,17 +1,17 @@
-import { describe, it, expect } from 'vitest';
-import { ALL_TOOLS } from '../tools';
-import { financeCategory } from '../data';
-
-describe('Tool Validation Suite', () => {
-  describe('Library Registration', () => {
-    it('should have 17 tools in ALL_TOOLS', () => {
-      expect(ALL_TOOLS.length).toBe(17);
-    });
-
-    it('financeCategory should be defined', () => {
-      expect(financeCategory).toBeDefined();
-      expect(financeCategory.i18n).toBeDefined();
-    });
-  });
-});
-
+import { describe, it, expect } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+import { financeCategory } from '../data';
+
+describe('Tool Validation Suite', () => {
+  describe('Library Registration', () => {
+    it('should have 18 tools in ALL_TOOLS', () => {
+      expect(ALL_TOOLS.length).toBe(18);
+    });
+
+    it('financeCategory should be defined', () => {
+      expect(financeCategory).toBeDefined();
+      expect(financeCategory.i18n).toBeDefined();
+    });
+  });
+});
+

package/src/tool/compoundInterest/compound-interest-calculator.css

@@ -1,24 +1,24 @@
-.cic-root {
-  --cic-accent: #10b981;
-  --cic-accent-text: #059669;
-  --cic-accent-icon-bg: #d1fae5;
-  --cic-bg: #fff;
-  --cic-bg-panel: rgba(248, 250, 252, 0.3);
-  --cic-bg-card: #fff;
-  --cic-bg-header: rgba(248, 250, 252, 0.5);
-  --cic-border: #e2e8f0;
-  --cic-border-subtle: #f1f5f9;
-  --cic-text: #0f172a;
-  --cic-text-muted: #64748b;
-  --cic-text-subtle: #94a3b8;
-  --cic-input-bg: #fff;
-  --cic-input-border: #e2e8f0;
-  --cic-summary-bg: #fff;
-  --cic-insight-bg: #ecfdf5;
-  --cic-insight-text: #065f46;
-
-  background: var(--cic-bg);
-  border-radius: 1.5rem;
+.cic-root {
+  --cic-accent: #10b981;
+  --cic-accent-text: #059669;
+  --cic-accent-icon-bg: #d1fae5;
+  --cic-bg: #fff;
+  --cic-bg-panel: rgba(248, 250, 252, 0.3);
+  --cic-bg-card: #fff;
+  --cic-bg-header: rgba(248, 250, 252, 0.5);
+  --cic-border: #e2e8f0;
+  --cic-border-subtle: #f1f5f9;
+  --cic-text: #0f172a;
+  --cic-text-muted: #64748b;
+  --cic-text-subtle: #94a3b8;
+  --cic-input-bg: #fff;
+  --cic-input-border: #e2e8f0;
+  --cic-summary-bg: #fff;
+  --cic-insight-bg: #ecfdf5;
+  --cic-insight-text: #065f46;
+
+  background: var(--cic-bg);
+  border-radius: 1.5rem;
   box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
   border: 1px solid var(--cic-border-subtle);
   overflow: hidden;
@@ -33,187 +33,187 @@
 .cic-root *::after {
   box-sizing: border-box;
 }
-
-.theme-dark .cic-root {
-  --cic-accent-text: #34d399;
-  --cic-accent-icon-bg: rgba(16, 185, 129, 0.2);
-  --cic-bg: #1e293b;
-  --cic-bg-panel: rgba(15, 23, 42, 0.1);
-  --cic-bg-card: #1e293b;
-  --cic-bg-header: rgba(30, 41, 59, 0.5);
-  --cic-border: #334155;
-  --cic-border-subtle: #334155;
-  --cic-text: #fff;
-  --cic-text-muted: #94a3b8;
-  --cic-text-subtle: #64748b;
-  --cic-input-bg: #0f172a;
-  --cic-input-border: #334155;
-  --cic-summary-bg: #1e293b;
-  --cic-insight-bg: rgba(16, 185, 129, 0.1);
-  --cic-insight-text: #6ee7b7;
-}
-
+
+.theme-dark .cic-root {
+  --cic-accent-text: #34d399;
+  --cic-accent-icon-bg: rgba(16, 185, 129, 0.2);
+  --cic-bg: #1e293b;
+  --cic-bg-panel: rgba(15, 23, 42, 0.1);
+  --cic-bg-card: #1e293b;
+  --cic-bg-header: rgba(30, 41, 59, 0.5);
+  --cic-border: #334155;
+  --cic-border-subtle: #334155;
+  --cic-text: #fff;
+  --cic-text-muted: #94a3b8;
+  --cic-text-subtle: #64748b;
+  --cic-input-bg: #0f172a;
+  --cic-input-border: #334155;
+  --cic-summary-bg: #1e293b;
+  --cic-insight-bg: rgba(16, 185, 129, 0.1);
+  --cic-insight-text: #6ee7b7;
+}
+
 .cic-header {
-  padding: 1.5rem;
-  border-bottom: 1px solid var(--cic-border-subtle);
-  background: var(--cic-bg-header);
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1rem;
+  padding: 1.5rem;
+  border-bottom: 1px solid var(--cic-border-subtle);
+  background: var(--cic-bg-header);
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
   align-items: center;
   justify-content: space-between;
   min-width: 0;
 }
-
+
 .cic-header-left {
   display: flex;
   align-items: center;
   gap: 0.75rem;
   min-width: 0;
 }
-
+
 .cic-icon-wrap {
-  padding: 0.625rem;
-  background: var(--cic-accent-icon-bg);
-  border-radius: 0.75rem;
-  color: var(--cic-accent-text);
+  padding: 0.625rem;
+  background: var(--cic-accent-icon-bg);
+  border-radius: 0.75rem;
+  color: var(--cic-accent-text);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
 }
-
-.cic-icon {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-
+
+.cic-icon {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
 .cic-title {
   font-size: 1.25rem;
   font-weight: 700;
   color: var(--cic-text);
   overflow-wrap: anywhere;
 }
-
-.cic-realtime {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  font-size: 0.875rem;
-  color: var(--cic-text-muted);
-}
-
-.cic-dot {
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 50%;
-  background: var(--cic-accent);
-  animation: cic-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-
-@keyframes cic-pulse {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.4; }
-}
-
+
+.cic-realtime {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.875rem;
+  color: var(--cic-text-muted);
+}
+
+.cic-dot {
+  width: 0.5rem;
+  height: 0.5rem;
+  border-radius: 50%;
+  background: var(--cic-accent);
+  animation: cic-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+@keyframes cic-pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.4; }
+}
+
 .cic-grid {
   display: grid;
   min-width: 0;
 }
-
+
 .cic-panel-left {
-  padding: 1.5rem;
-  display: flex;
-  flex-direction: column;
-  gap: 1.5rem;
+  padding: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
   background: var(--cic-bg-panel);
   border-bottom: 1px solid var(--cic-border-subtle);
   min-width: 0;
 }
-
+
 .cic-fields {
   display: flex;
   flex-direction: column;
   gap: 1rem;
   min-width: 0;
 }
-
+
 .cic-grid-2 {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
   gap: 1rem;
   min-width: 0;
 }
-
-.cic-label {
-  display: block;
-  font-size: 0.75rem;
-  font-weight: 700;
-  color: var(--cic-text-subtle);
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-  margin-bottom: 0.5rem;
-}
-
+
+.cic-label {
+  display: block;
+  font-size: 0.75rem;
+  font-weight: 700;
+  color: var(--cic-text-subtle);
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  margin-bottom: 0.5rem;
+}
+
 .cic-input-wrap {
   position: relative;
   min-width: 0;
 }
-
-.cic-currency {
-  position: absolute;
-  left: 0.5rem;
-  top: 50%;
-  transform: translateY(-50%);
-  color: var(--cic-text-subtle);
-  font-weight: 700;
-  pointer-events: none;
-  font-size: 0.75rem;
-}
-
-.cic-currency-right {
-  left: auto;
-  right: 0.5rem;
-}
-
+
+.cic-currency {
+  position: absolute;
+  left: 0.5rem;
+  top: 50%;
+  transform: translateY(-50%);
+  color: var(--cic-text-subtle);
+  font-weight: 700;
+  pointer-events: none;
+  font-size: 0.75rem;
+}
+
+.cic-currency-right {
+  left: auto;
+  right: 0.5rem;
+}
+
 .cic-input {
-  width: 100%;
-  padding: 0.75rem 1rem;
-  background: var(--cic-input-bg);
-  border: 2px solid var(--cic-input-border);
-  border-radius: 0.75rem;
-  outline: none;
-  transition: border-color 0.2s;
-  color: var(--cic-text);
+  width: 100%;
+  padding: 0.75rem 1rem;
+  background: var(--cic-input-bg);
+  border: 2px solid var(--cic-input-border);
+  border-radius: 0.75rem;
+  outline: none;
+  transition: border-color 0.2s;
+  color: var(--cic-text);
   font-weight: 700;
   font-size: 1.125rem;
   min-width: 0;
 }
-
-.cic-input-prefixed {
-  padding-left: 3.5rem;
-}
-
-.cic-input-suffixed {
-  padding-right: 5rem;
-}
-
-.cic-input:focus {
-  border-color: var(--cic-accent);
-}
-
+
+.cic-input-prefixed {
+  padding-left: 3.5rem;
+}
+
+.cic-input-suffixed {
+  padding-right: 5rem;
+}
+
+.cic-input:focus {
+  border-color: var(--cic-accent);
+}
+
 .cic-summary {
-  background: var(--cic-summary-bg);
-  border-radius: 1rem;
-  padding: 1rem;
-  border: 1px solid var(--cic-border);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  background: var(--cic-summary-bg);
+  border-radius: 1rem;
+  padding: 1rem;
+  border: 1px solid var(--cic-border);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
   min-width: 0;
 }
-
+
 .cic-summary-row {
   display: flex;
   justify-content: space-between;
@@ -222,69 +222,69 @@
   gap: 0.75rem;
   min-width: 0;
 }
-
+
 .cic-summary-label {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   min-width: 0;
 }
-
-.cic-dot-neutral {
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-  background: var(--cic-text-subtle);
-  flex-shrink: 0;
-}
-
-.cic-dot-accent {
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-  background: var(--cic-accent);
-  flex-shrink: 0;
-}
-
-.cic-text-muted {
-  color: var(--cic-text-muted);
-}
-
-.cic-text-accent {
-  color: var(--cic-accent-text);
-  font-weight: 500;
-}
-
+
+.cic-dot-neutral {
+  width: 0.75rem;
+  height: 0.75rem;
+  border-radius: 50%;
+  background: var(--cic-text-subtle);
+  flex-shrink: 0;
+}
+
+.cic-dot-accent {
+  width: 0.75rem;
+  height: 0.75rem;
+  border-radius: 50%;
+  background: var(--cic-accent);
+  flex-shrink: 0;
+}
+
+.cic-text-muted {
+  color: var(--cic-text-muted);
+}
+
+.cic-text-accent {
+  color: var(--cic-accent-text);
+  font-weight: 500;
+}
+
 .cic-summary-value {
   font-weight: 700;
   color: var(--cic-text);
   overflow-wrap: anywhere;
   text-align: right;
 }
-
-.cic-summary-value-accent {
-  color: var(--cic-accent-text);
-}
-
+
+.cic-summary-value-accent {
+  color: var(--cic-accent-text);
+}
+
 .cic-summary-total {
-  padding-top: 0.75rem;
-  margin-top: 0.25rem;
-  border-top: 1px solid var(--cic-border-subtle);
+  padding-top: 0.75rem;
+  margin-top: 0.25rem;
+  border-top: 1px solid var(--cic-border-subtle);
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   gap: 1rem;
   min-width: 0;
 }
-
-.cic-total-label {
-  color: var(--cic-text-subtle);
-  font-size: 0.75rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-}
-
+
+.cic-total-label {
+  color: var(--cic-text-subtle);
+  font-size: 0.75rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
 .cic-total-value {
   font-size: 1.5rem;
   font-weight: 900;
@@ -292,7 +292,7 @@
   overflow-wrap: anywhere;
   text-align: right;
 }
-
+
 .cic-panel-right {
   padding: 1.5rem;
   display: flex;
@@ -300,7 +300,7 @@
   min-height: 500px;
   min-width: 0;
 }
-
+
 .cic-canvas-wrap {
   position: relative;
   width: 100%;
@@ -349,50 +349,50 @@
     min-height: 320px;
   }
 }
-
-.cic-insight {
-  display: none;
-  margin-top: 1rem;
-  padding: 1rem;
-  background: var(--cic-insight-bg);
-  border-radius: 0.75rem;
-  font-size: 0.875rem;
-  color: var(--cic-insight-text);
-  opacity: 0;
-  transition: opacity 0.5s;
-}
-
-@media (min-width: 768px) {
-  .cic-insight {
-    display: block;
-  }
-}
-
-@media (min-width: 1024px) {
-  .cic-grid {
-    grid-template-columns: 4fr 8fr;
-  }
-
-  .cic-panel-left {
-    border-bottom: none;
-    border-right: 1px solid var(--cic-border-subtle);
-  }
-
-  .cic-panel-right {
-    padding: 2rem;
-    min-height: auto;
-  }
-}
-
-.cic-insight.cic-insight-visible {
-  opacity: 1;
-}
-
-.cic-insight-year {
-  font-weight: 700;
-  color: #10b981;
-}
-
-.theme-dark .cic-insight-year {
-  color: #fff;
-}
+
+.cic-insight {
+  display: none;
+  margin-top: 1rem;
+  padding: 1rem;
+  background: var(--cic-insight-bg);
+  border-radius: 0.75rem;
+  font-size: 0.875rem;
+  color: var(--cic-insight-text);
+  opacity: 0;
+  transition: opacity 0.5s;
+}
+
+@media (min-width: 768px) {
+  .cic-insight {
+    display: block;
+  }
+}
+
+@media (min-width: 1024px) {
+  .cic-grid {
+    grid-template-columns: 4fr 8fr;
+  }
+
+  .cic-panel-left {
+    border-bottom: none;
+    border-right: 1px solid var(--cic-border-subtle);
+  }
+
+  .cic-panel-right {
+    padding: 2rem;
+    min-height: auto;
+  }
+}
+
+.cic-insight.cic-insight-visible {
+  opacity: 1;
+}
+
+.cic-insight-year {
+  font-weight: 700;
+  color: #10b981;
+}
+
+.theme-dark .cic-insight-year {
+  color: #fff;
+}