@jjlmoya/utils-developer 1.30.0 → 1.32.0

package/src/tool/serpPixelSimulator/serp-pixel-simulator.css

@@ -1,23 +1,23 @@
-.sps-root {
-  --sps-ink: #1f2937;
-  --sps-muted: #64748b;
-  --sps-line: #d9e2ec;
+.sps-root {
+  --sps-ink: #1f2937;
+  --sps-muted: #64748b;
+  --sps-line: #d9e2ec;
   --sps-panel: #fff;
-  --sps-soft: #f6f8fb;
+  --sps-soft: #f6f8fb;
   --sps-ok: #16875d;
   --sps-warn: #d93025;
 
   color: var(--sps-ink);
 }
-
-.theme-dark .sps-root {
-  --sps-ink: #e5edf7;
-  --sps-muted: #a8b5c6;
-  --sps-line: #2c3a4e;
-  --sps-panel: #111827;
-  --sps-soft: #0b1120;
-}
-
+
+.theme-dark .sps-root {
+  --sps-ink: #e5edf7;
+  --sps-muted: #a8b5c6;
+  --sps-line: #2c3a4e;
+  --sps-panel: #111827;
+  --sps-soft: #0b1120;
+}
+
 .sps-shell {
   display: grid;
   grid-template-columns: minmax(280px, 0.95fr) minmax(320px, 1.05fr);
@@ -36,26 +36,26 @@
 .sps-preview-wrap {
   min-width: 0;
 }
-
-.sps-field {
-  display: grid;
-  gap: 8px;
-  margin-bottom: 18px;
-}
-
-.sps-label,
-.sps-device-label,
-.sps-meter-top {
-  font-size: 0.86rem;
-  font-weight: 700;
-  color: #334155;
-}
-
+
+.sps-field {
+  display: grid;
+  gap: 8px;
+  margin-bottom: 18px;
+}
+
+.sps-label,
+.sps-device-label,
+.sps-meter-top {
+  font-size: 0.86rem;
+  font-weight: 700;
+  color: #334155;
+}
+
 .sps-input,
 .sps-textarea {
-  width: 100%;
-  box-sizing: border-box;
-  border: 1px solid #cbd5e1;
+  width: 100%;
+  box-sizing: border-box;
+  border: 1px solid #cbd5e1;
   border-radius: 6px;
   padding: 10px 12px;
   font-size: 15px;
@@ -116,8 +116,8 @@
 .theme-dark .sps-input,
 .theme-dark .sps-textarea,
 .theme-dark .sps-segment button {
-  border-color: #334155;
-  background: #0f172a;
+  border-color: #334155;
+  background: #0f172a;
   color: #e5edf7;
 }
 
@@ -125,114 +125,114 @@
   border-color: #334155;
   background: #2563eb;
 }
-
-.theme-dark .sps-label,
-.theme-dark .sps-device-label,
-.theme-dark .sps-meter-top,
-.theme-dark .sps-preview-title {
-  color: #d6e1f0;
-}
-
-.sps-textarea {
-  min-height: 108px;
-  resize: vertical;
-}
-
-.sps-device {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  margin-bottom: 18px;
-}
-
-.sps-segment {
-  display: inline-grid;
-  grid-template-columns: 1fr 1fr;
-  border: 1px solid #cbd5e1;
-  border-radius: 7px;
-  overflow: hidden;
-}
-
-.sps-segment button {
-  border: 0;
-  border-right: 1px solid #cbd5e1;
-  background: #fff;
-  color: #334155;
-  padding: 8px 12px;
-  font-weight: 700;
-  cursor: pointer;
-}
-
-.sps-segment button:last-child {
-  border-right: 0;
-}
-
-.sps-segment button[aria-pressed='true'] {
-  background: #e8f0fe;
-  color: #174ea6;
-}
-
-.theme-dark .sps-segment button[aria-pressed='true'] {
-  background: #1e3a5f;
-  color: #bfdbfe;
-}
-
-.sps-meter {
-  display: grid;
-  gap: 7px;
-  margin-top: 14px;
-}
-
-.sps-meter-top {
-  display: flex;
-  justify-content: space-between;
-  gap: 12px;
-}
-
-.sps-track {
-  height: 10px;
-  border-radius: 999px;
-  background: #e5eaf1;
-  overflow: hidden;
-}
-
-.sps-fill {
-  display: block;
-  width: 0%;
-  height: 100%;
-  border-radius: inherit;
-  background: var(--sps-ok);
-  transition: width 120ms ease, background-color 120ms ease;
-}
-
-.sps-meter.sps-over .sps-fill {
-  background: var(--sps-warn);
-}
-
-.sps-meter-status {
-  font-size: 0.82rem;
-  color: var(--sps-muted);
-}
-
-.sps-meter.sps-over .sps-meter-status {
-  color: var(--sps-warn);
-  font-weight: 700;
-}
-
+
+.theme-dark .sps-label,
+.theme-dark .sps-device-label,
+.theme-dark .sps-meter-top,
+.theme-dark .sps-preview-title {
+  color: #d6e1f0;
+}
+
+.sps-textarea {
+  min-height: 108px;
+  resize: vertical;
+}
+
+.sps-device {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 18px;
+}
+
+.sps-segment {
+  display: inline-grid;
+  grid-template-columns: 1fr 1fr;
+  border: 1px solid #cbd5e1;
+  border-radius: 7px;
+  overflow: hidden;
+}
+
+.sps-segment button {
+  border: 0;
+  border-right: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+  padding: 8px 12px;
+  font-weight: 700;
+  cursor: pointer;
+}
+
+.sps-segment button:last-child {
+  border-right: 0;
+}
+
+.sps-segment button[aria-pressed='true'] {
+  background: #e8f0fe;
+  color: #174ea6;
+}
+
+.theme-dark .sps-segment button[aria-pressed='true'] {
+  background: #1e3a5f;
+  color: #bfdbfe;
+}
+
+.sps-meter {
+  display: grid;
+  gap: 7px;
+  margin-top: 14px;
+}
+
+.sps-meter-top {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.sps-track {
+  height: 10px;
+  border-radius: 999px;
+  background: #e5eaf1;
+  overflow: hidden;
+}
+
+.sps-fill {
+  display: block;
+  width: 0%;
+  height: 100%;
+  border-radius: inherit;
+  background: var(--sps-ok);
+  transition: width 120ms ease, background-color 120ms ease;
+}
+
+.sps-meter.sps-over .sps-fill {
+  background: var(--sps-warn);
+}
+
+.sps-meter-status {
+  font-size: 0.82rem;
+  color: var(--sps-muted);
+}
+
+.sps-meter.sps-over .sps-meter-status {
+  color: var(--sps-warn);
+  font-weight: 700;
+}
+
 .sps-preview-wrap {
   border-left: 1px solid var(--sps-line);
   background: var(--sps-soft);
   border-radius: 8px;
   padding: 24px;
 }
-
-.sps-preview-title {
-  margin: 0 0 14px;
-  color: #334155;
-  font-size: 0.92rem;
-}
-
+
+.sps-preview-title {
+  margin: 0 0 14px;
+  color: #334155;
+  font-size: 0.92rem;
+}
+
 .sps-serp {
   width: min(100%, 652px);
   border-radius: 8px;
@@ -241,33 +241,33 @@
   font-family: Arial, Helvetica, sans-serif;
   box-shadow: 0 1px 2px rgb(60, 64, 67, 0.14), 0 1px 3px 1px rgb(60, 64, 67, 0.08);
 }
-
-.theme-dark .sps-serp {
-  background: #f8fafc;
-}
-
-.sps-serp.sps-mobile {
-  max-width: 390px;
-}
-
-.sps-url-line {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  min-width: 0;
-  margin-bottom: 6px;
-}
-
+
+.theme-dark .sps-serp {
+  background: #f8fafc;
+}
+
+.sps-serp.sps-mobile {
+  max-width: 390px;
+}
+
+.sps-url-line {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+  margin-bottom: 6px;
+}
+
 .sps-favicon {
   display: grid;
   place-items: center;
-  width: 28px;
-  height: 28px;
-  flex: 0 0 auto;
-  border-radius: 50%;
-  background: #edf2f7;
-  color: #5f6368;
-  font-size: 14px;
+  width: 28px;
+  height: 28px;
+  flex: 0 0 auto;
+  border-radius: 50%;
+  background: #edf2f7;
+  color: #5f6368;
+  font-size: 14px;
   font-weight: 700;
 }
 
@@ -283,41 +283,41 @@
 .sps-hidden {
   display: none;
 }
-
-.sps-url-text {
-  min-width: 0;
-  color: #202124;
-  font-size: 14px;
-  line-height: 1.3;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.sps-serp-title {
-  margin: 0 0 4px;
-  color: #1a0dab;
-  font-size: 20px;
-  line-height: 1.3;
-  font-weight: 400;
-}
-
-.sps-description {
-  margin: 0;
-  color: #4d5156;
-  font-size: 14px;
-  line-height: 1.58;
-}
-
-.sps-measure {
-  position: fixed;
-  inset: auto auto -9999px -9999px;
-  visibility: hidden;
-  white-space: nowrap;
-  pointer-events: none;
-}
-
-@media (max-width: 780px) {
+
+.sps-url-text {
+  min-width: 0;
+  color: #202124;
+  font-size: 14px;
+  line-height: 1.3;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sps-serp-title {
+  margin: 0 0 4px;
+  color: #1a0dab;
+  font-size: 20px;
+  line-height: 1.3;
+  font-weight: 400;
+}
+
+.sps-description {
+  margin: 0;
+  color: #4d5156;
+  font-size: 14px;
+  line-height: 1.58;
+}
+
+.sps-measure {
+  position: fixed;
+  inset: auto auto -9999px -9999px;
+  visibility: hidden;
+  white-space: nowrap;
+  pointer-events: none;
+}
+
+@media (max-width: 780px) {
   .sps-shell {
     grid-template-columns: 1fr;
   }

package/src/tool/svgSanitizer/i18n/ja.ts

@@ -120,4 +120,4 @@ export const content: ToolLocaleContent<SvgSanitizerUI> = {
     },
   ],
 };
-
+

package/src/tool/svgSanitizer/i18n/ko.ts

@@ -120,4 +120,4 @@ export const content: ToolLocaleContent<SvgSanitizerUI> = {
     },
   ],
 };
-
+

package/src/tool/svgSanitizer/seo.astro

@@ -1,15 +1,15 @@
----
-import { SEORenderer } from '@jjlmoya/utils-shared';
-import { svgSanitizer } from './index';
-import type { KnownLocale } from '../../types';
-
-interface Props {
-  locale?: KnownLocale;
-}
-
-const { locale = 'es' } = Astro.props;
-const content = await svgSanitizer.i18n[locale]?.();
-if (!content) return null;
----
-
-{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { svgSanitizer } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await svgSanitizer.i18n[locale]?.();
+if (!content) return null;
+---
+
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/svgToCss/i18n/ja.ts

@@ -156,4 +156,4 @@ export const content: ToolLocaleContent<SvgToCssUI> = {
     },
   ],
 };
-
+

package/src/tool/svgToCss/i18n/ko.ts

@@ -156,4 +156,4 @@ export const content: ToolLocaleContent<SvgToCssUI> = {
     },
   ],
 };
-
+

package/src/tool/svgToCss/seo.astro

@@ -1,15 +1,15 @@
----
-import { SEORenderer } from '@jjlmoya/utils-shared';
-import { svgToCss } from './index';
-import type { KnownLocale } from '../../types';
-
-interface Props {
-  locale?: KnownLocale;
-}
-
-const { locale = 'es' } = Astro.props;
-const content = await svgToCss.i18n[locale]?.();
-if (!content) return null;
----
-
-{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { svgToCss } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await svgToCss.i18n[locale]?.();
+if (!content) return null;
+---
+
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/urlCleaner/i18n/ja.ts

@@ -111,4 +111,4 @@ export const content: ToolLocaleContent<UrlCleanerUI> = {
     },
   ],
 };
-
+

package/src/tool/urlCleaner/i18n/ko.ts

@@ -111,4 +111,4 @@ export const content: ToolLocaleContent<UrlCleanerUI> = {
     },
   ],
 };
-
+

package/src/tool/urlCleaner/i18n/zh.ts

@@ -38,4 +38,4 @@ export const content: ToolLocaleContent<UrlCleanerUI> = {
     { type: 'list', items: [ '<strong>UTM (Google Analytics)：</strong>utm_source、utm_medium、utm_campaign 用于追踪活动', '<strong>FBCLID：</strong>Facebook 点击识别符，用于绕过 Cookie 限制', '<strong>GCLID / DCLID：</strong>Google 点击 ID，用于将访问与 Google Ads 活动关联', '<strong>MSCLKID：</strong>Microsoft 广告和 Bing 点击识别符', '<strong>HubSpot & Mailchimp：</strong>营销自动化参数，如 _hsenc、mc_cid', '<strong>LinkedIn 和其他：</strong>li_fat_id 和其他社交媒体追踪器' ] },
   ],
 };
-
+

package/src/tool/urlCleaner/seo.astro

@@ -1,15 +1,15 @@
----
-import { SEORenderer } from '@jjlmoya/utils-shared';
-import { urlCleaner } from './index';
-import type { KnownLocale } from '../../types';
-
-interface Props {
-  locale?: KnownLocale;
-}
-
-const { locale = 'es' } = Astro.props;
-const content = await urlCleaner.i18n[locale]?.();
-if (!content) return null;
----
-
-{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { urlCleaner } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await urlCleaner.i18n[locale]?.();
+if (!content) return null;
+---
+
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}