@jjlmoya/utils-audiovisual 1.5.0 → 1.7.0

package/package.json

@@ -1,60 +1,60 @@
 {
-  "name": "@jjlmoya/utils-audiovisual",
-  "version": "1.5.0",
-  "type": "module",
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
-  "exports": {
-    ".": "./src/index.ts",
-    "./data": "./src/data.ts"
-  },
-  "files": [
-    "src"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "dev": "astro dev",
-    "start": "astro dev",
-    "build": "astro build",
-    "preview": "astro preview",
-    "astro": "astro",
-    "lint": "eslint src/ --max-warnings 0 && stylelint \"src/**/*.{css,astro}\"",
-    "check": "astro check",
-    "type-check": "astro check",
-    "test": "vitest run",
-    "preversion": "npm run lint && npm run test",
-    "postversion": "git push && git push --tags",
-    "patch": "npm version patch",
-    "minor": "npm version minor",
-    "major": "npm version major"
-  },
-  "lint-staged": {
-    "*.{ts,tsx,astro}": [
-      "eslint --fix"
-    ]
-  },
-  "dependencies": {
-    "@iconify-json/mdi": "^1.2.3",
-    "@jjlmoya/utils-shared": "^1.1.0",
-    "astro": "^6.1.2",
-    "astro-icon": "^1.1.0"
-  },
-  "devDependencies": {
-    "@astrojs/check": "^0.9.8",
-    "eslint": "^9.39.4",
-    "eslint-plugin-astro": "^1.6.0",
-    "eslint-plugin-no-comments": "^1.1.10",
-    "husky": "^9.1.7",
-    "lint-staged": "^16.4.0",
-    "postcss-html": "^1.8.1",
-    "schema-dts": "^1.1.2",
-    "stylelint": "^17.6.0",
-    "stylelint-config-standard": "^40.0.0",
-    "stylelint-declaration-strict-value": "^1.11.1",
-    "typescript": "^5.4.0",
-    "typescript-eslint": "^8.58.0",
-    "vitest": "^4.1.2"
-  }
+    "name": "@jjlmoya/utils-audiovisual",
+    "version": "1.7.0",
+    "type": "module",
+    "main": "./src/index.ts",
+    "types": "./src/index.ts",
+    "exports": {
+        ".": "./src/index.ts",
+        "./data": "./src/data.ts"
+    },
+    "files": [
+        "src"
+    ],
+    "publishConfig": {
+        "access": "public"
+    },
+    "scripts": {
+        "dev": "astro dev",
+        "start": "astro dev",
+        "build": "astro build",
+        "preview": "astro preview",
+        "astro": "astro",
+        "lint": "eslint src/ --max-warnings 0 && stylelint \"src/**/*.{css,astro}\"",
+        "check": "astro check",
+        "type-check": "astro check",
+        "test": "vitest run",
+        "preversion": "npm run lint && npm run test",
+        "postversion": "git push && git push --tags",
+        "patch": "npm version patch",
+        "minor": "npm version minor",
+        "major": "npm version major"
+    },
+    "lint-staged": {
+        "*.{ts,tsx,astro}": [
+            "eslint --fix"
+        ]
+    },
+    "dependencies": {
+        "@iconify-json/mdi": "^1.2.3",
+        "@jjlmoya/utils-shared": "1.2.0",
+        "astro": "^6.1.2",
+        "astro-icon": "^1.1.0"
+    },
+    "devDependencies": {
+        "@astrojs/check": "^0.9.8",
+        "eslint": "^9.39.4",
+        "eslint-plugin-astro": "^1.6.0",
+        "eslint-plugin-no-comments": "^1.1.10",
+        "husky": "^9.1.7",
+        "lint-staged": "^16.4.0",
+        "postcss-html": "^1.8.1",
+        "schema-dts": "^1.1.2",
+        "stylelint": "^17.6.0",
+        "stylelint-config-standard": "^40.0.0",
+        "stylelint-declaration-strict-value": "^1.11.1",
+        "typescript": "^5.4.0",
+        "typescript-eslint": "^8.58.0",
+        "vitest": "^4.1.2"
+    }
 }

package/src/category/i18n/fr.ts

@@ -74,7 +74,7 @@ export const content: CategoryLocaleContent = {
           ]
         },
         {
-          title: 'Édition de Sous-titres',
+          title: 'Synchronisation SRT',
           description: 'Synchronisez, ajustez et éditez les sous-titres avec une précision à la milliseconde.',
           icon: 'mdi:text',
           points: [

package/src/tests/schemas_fulfillment.test.ts

@@ -0,0 +1,23 @@
+import { describe, it, expect } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+import type { ToolLocaleContent } from '../types';
+
+describe('Schemas Fulfillment Validation', () => {
+  ALL_TOOLS.forEach((tool) => {
+    describe(`Tool: ${tool.entry.id}`, () => {
+      Object.keys(tool.entry.i18n).forEach((locale) => {
+        it(`Locale: ${locale} should have faqSchema, appSchema and howToSchema`, async () => {
+          const loader = tool.entry.i18n[locale as keyof typeof tool.entry.i18n];
+          if (!loader) return;
+          const content = (await loader()) as ToolLocaleContent;
+
+          const schemaTypes = content.schemas.map((s: any) => s['@type']);
+
+          expect(schemaTypes, `Tool "${tool.entry.id}" locale "${locale}" is missing FAQPage schema`).toContain('FAQPage');
+          expect(schemaTypes, `Tool "${tool.entry.id}" locale "${locale}" is missing SoftwareApplication schema`).toContain('SoftwareApplication');
+          expect(schemaTypes, `Tool "${tool.entry.id}" locale "${locale}" is missing HowTo schema`).toContain('HowTo');
+        });
+      });
+    });
+  });
+});

package/src/tests/title_quality.test.ts

@@ -0,0 +1,55 @@
+import { describe, it } from 'vitest';
+import fs from 'node:fs';
+import path from 'node:path';
+
+function getFiles(dir: string, ext: string[]): string[] {
+  const results: string[] = [];
+  if (!fs.existsSync(dir)) return results;
+  const list = fs.readdirSync(dir);
+  for (const file of list) {
+    const fullPath = path.join(dir, file);
+    const stat = fs.statSync(fullPath);
+    if (stat && stat.isDirectory()) {
+      results.push(...getFiles(fullPath, ext));
+    } else if (ext.some((e) => file.endsWith(e))) {
+      results.push(fullPath);
+    }
+  }
+  return results;
+}
+
+const SRC_DIR = path.join(process.cwd(), 'src');
+
+describe('Project Titles - Separator Validation', () => {
+  const files = [
+    ...getFiles(path.join(SRC_DIR, 'tool'), ['.ts']),
+    ...getFiles(path.join(SRC_DIR, 'category'), ['.ts']),
+  ].filter(f => f.includes('i18n'));
+
+  it.each(files)('Verify that titles in %s do not contain | or -', (filePath) => {
+    const content = fs.readFileSync(filePath, 'utf-8');
+    const relativePath = path.relative(process.cwd(), filePath);
+
+    const titlePatterns = [
+      /const\s+title\s*=\s*['"]([^'"]+)['"]/g,
+      /title\s*:\s*['"]([^'"]+)['"]/g,
+    ];
+
+    const findings: string[] = [];
+
+    for (const pattern of titlePatterns) {
+      let match;
+      while ((match = pattern.exec(content)) !== null) {
+        const title = match[1];
+        if (title.includes('|') || title.includes('-')) {
+          findings.push(title);
+        }
+      }
+    }
+
+    if (findings.length > 0) {
+      const list = findings.map((f) => `  - "${f}"`).join('\n');
+      throw new Error(`Forbidden separators (| or -) found in titles in ${relativePath}:\n${list}`);
+    }
+  });
+});

package/src/tool/chromaticLens/component.astro

@@ -177,7 +177,7 @@ const { ui } = Astro.props;
 </script>
 
 <style>
-.cl-root {
+:global(.cl-root) {
   --cl-bg: #fff;
   --cl-bg-elevated: #f8fafc;
   --cl-border: #e2e8f0;
@@ -195,7 +195,7 @@ const { ui } = Astro.props;
   margin: 0 auto;
 }
 
-:global(.theme-dark) .cl-root {
+:global(.theme-dark .cl-root) {
   --cl-bg: #18181b;
   --cl-bg-elevated: #27272a;
   --cl-border: #3f3f46;
@@ -209,7 +209,7 @@ const { ui } = Astro.props;
   --cl-shadow: rgba(0, 0, 0, 0.5);
 }
 
-.cl-card {
+:global(.cl-card) {
   background: var(--cl-bg);
   border: 1px solid var(--cl-border);
   border-radius: 3rem;
@@ -219,7 +219,7 @@ const { ui } = Astro.props;
   overflow: hidden;
 }
 
-.cl-drop {
+:global(.cl-drop) {
   padding: 5rem 2rem;
   display: flex;
   flex-direction: column;
@@ -232,13 +232,13 @@ const { ui } = Astro.props;
   gap: 0.5rem;
 }
 
-.cl-drop:hover,
-.cl-drop-active {
+:global(.cl-drop:hover),
+:global(.cl-drop-active) {
   background: var(--cl-accent-alpha-hover);
   border-color: var(--cl-accent);
 }
 
-.cl-drop-icon {
+:global(.cl-drop-icon) {
   width: 5rem;
   height: 5rem;
   background: var(--cl-accent-alpha);
@@ -250,30 +250,30 @@ const { ui } = Astro.props;
   color: var(--cl-accent);
 }
 
-.cl-drop-icon svg {
+:global(.cl-drop-icon svg) {
   width: 2.5rem;
   height: 2.5rem;
 }
 
-.cl-drop-title {
+:global(.cl-drop-title) {
   font-size: 2rem;
   font-weight: 950;
   color: var(--cl-text);
   margin: 0;
 }
 
-.cl-drop-sub {
+:global(.cl-drop-sub) {
   font-size: 1.1rem;
   color: var(--cl-text-muted);
   margin: 0;
   font-weight: 600;
 }
 
-.cl-workspace {
+:global(.cl-workspace) {
   padding: 1.5rem;
 }
 
-.cl-mini-drop {
+:global(.cl-mini-drop) {
   display: inline-flex;
   align-items: center;
   gap: 0.75rem;
@@ -289,17 +289,17 @@ const { ui } = Astro.props;
   transition: border-color 0.2s, color 0.2s;
 }
 
-.cl-mini-drop:hover {
+:global(.cl-mini-drop:hover) {
   border-color: var(--cl-accent);
   color: var(--cl-accent);
 }
 
-.cl-mini-drop svg {
+:global(.cl-mini-drop svg) {
   width: 1.1rem;
   height: 1.1rem;
 }
 
-.cl-config-bar {
+:global(.cl-config-bar) {
   padding: 1rem 0;
   margin-bottom: 2rem;
   border-bottom: 1px solid var(--cl-border);
@@ -307,13 +307,13 @@ const { ui } = Astro.props;
   justify-content: flex-end;
 }
 
-.cl-config-item {
+:global(.cl-config-item) {
   display: flex;
   align-items: center;
   gap: 1rem;
 }
 
-.cl-config-label {
+:global(.cl-config-label) {
   font-size: 0.75rem;
   font-weight: 900;
   text-transform: uppercase;
@@ -321,7 +321,7 @@ const { ui } = Astro.props;
   letter-spacing: 0.1em;
 }
 
-.cl-count-select {
+:global(.cl-count-select) {
   padding: 0.5rem 1rem;
   border-radius: 0.75rem;
   background: var(--cl-bg-elevated);
@@ -331,58 +331,58 @@ const { ui } = Astro.props;
   cursor: pointer;
 }
 
-.cl-result-layout {
+:global(.cl-result-layout) {
   display: grid;
   grid-template-columns: 1fr 1.25fr;
   gap: 3rem;
 }
 
 @media (max-width: 800px) {
-  .cl-result-layout {
+  :global(.cl-result-layout) {
     grid-template-columns: 1fr;
   }
 }
 
-.cl-preview-col {
+:global(.cl-preview-col) {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
 
-.cl-preview-img {
+:global(.cl-preview-img) {
   width: 100%;
   border-radius: 1.5rem;
   box-shadow: 0 20px 40px var(--cl-shadow);
   display: block;
 }
 
-.cl-palette-col {
+:global(.cl-palette-col) {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
 }
 
-.cl-palette-header {
+:global(.cl-palette-header) {
   display: flex;
   align-items: center;
   gap: 1rem;
   color: var(--cl-accent);
 }
 
-.cl-palette-header svg {
+:global(.cl-palette-header svg) {
   width: 1.25rem;
   height: 1.25rem;
   flex-shrink: 0;
 }
 
-.cl-palette-header h4 {
+:global(.cl-palette-header h4) {
   font-size: 1.25rem;
   font-weight: 950;
   color: var(--cl-text);
   margin: 0;
 }
 
-.cl-loader {
+:global(.cl-loader) {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -390,7 +390,7 @@ const { ui } = Astro.props;
   padding: 2rem 0;
 }
 
-.cl-spinner {
+:global(.cl-spinner) {
   width: 3rem;
   height: 3rem;
   border: 3px solid var(--cl-accent-alpha);
@@ -399,7 +399,7 @@ const { ui } = Astro.props;
   animation: cl-spin 0.8s linear infinite;
 }
 
-.cl-loader-text {
+:global(.cl-loader-text) {
   font-size: 0.75rem;
   font-weight: 900;
   text-transform: uppercase;
@@ -408,14 +408,14 @@ const { ui } = Astro.props;
   margin: 0;
 }
 
-.cl-swatches {
+:global(.cl-swatches) {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
   animation: cl-fade-up 0.5s ease;
 }
 
-.cl-swatch {
+:global(.cl-swatch) {
   display: flex;
   align-items: center;
   gap: 1.25rem;
@@ -427,17 +427,17 @@ const { ui } = Astro.props;
   transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.2s;
 }
 
-.cl-swatch:hover {
+:global(.cl-swatch:hover) {
   transform: scale(1.02);
   border-color: var(--cl-accent);
 }
 
-.cl-swatch-copied {
+:global(.cl-swatch-copied) {
   background: var(--cl-emerald-alpha);
   border-color: var(--cl-emerald);
 }
 
-.cl-swatch-color {
+:global(.cl-swatch-color) {
   width: 3.5rem;
   height: 3.5rem;
   border-radius: 0.75rem;
@@ -445,19 +445,19 @@ const { ui } = Astro.props;
   flex-shrink: 0;
 }
 
-.cl-swatch-info {
+:global(.cl-swatch-info) {
   display: flex;
   flex-direction: column;
   gap: 0.2rem;
 }
 
-.cl-swatch-hex {
+:global(.cl-swatch-hex) {
   font-weight: 950;
   color: var(--cl-text);
   font-size: 1.25rem;
 }
 
-.cl-swatch-action {
+:global(.cl-swatch-action) {
   font-size: 0.7rem;
   font-weight: 900;
   color: var(--cl-text-muted);
@@ -465,7 +465,7 @@ const { ui } = Astro.props;
   letter-spacing: 0.05em;
 }
 
-.cl-hidden {
+:global(.cl-hidden) {
   display: none;
 }
 

package/src/tool/chromaticLens/i18n/en.ts

@@ -2,7 +2,7 @@ import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dt
 import type { ChromaticLensUI, ChromaticLensLocaleContent } from '../index';
 
 const slug = 'chromatic-lens-color-palette-extraction-online';
-const title = 'Chromatic Lens - Online Color Palette Extraction';
+const title = 'Chromatic Lens: Online Color Palette Extraction';
 const description = 'Extract professional color palettes from any image for free. Identify dominant colors in your photos using mathematical algorithms.';
 
 const ui: ChromaticLensUI = {

package/src/tool/chromaticLens/i18n/es.ts

@@ -2,7 +2,7 @@ import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dt
 import type { ChromaticLensUI, ChromaticLensLocaleContent } from '../index';
 
 const slug = 'lente-cromatica';
-const title = 'Lente Cromática - Extracción de Paletas de Color Online';
+const title = 'Lente Cromática: Extracción de Paletas de Color Online';
 const description = 'Extrae paletas de colores profesionales de cualquier imagen de forma gratuita. Identifica los colores dominantes de tus fotos mediante algoritmos matemáticos.';
 
 const ui: ChromaticLensUI = {

package/src/tool/chromaticLens/i18n/fr.ts

@@ -2,7 +2,7 @@ import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dt
 import type { ChromaticLensUI, ChromaticLensLocaleContent } from '../index';
 
 const slug = 'lentille-chromatique-extraction-palette-couleurs-ligne';
-const title = 'Lentille Chromatique - Extraction de Palette de Couleurs en Ligne';
+const title = 'Lentille Chromatique: Extraction de Palette de Couleurs en Ligne';
 const description = 'Extrayez gratuitement des palettes de couleurs professionnelles à partir de n\'importe quelle image. Identifiez les couleurs dominantes à l\'aide d\'algorithmes mathématiques.';
 
 const ui: ChromaticLensUI = {