@jjlmoya/utils-developer 1.22.0 → 1.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +3 -2
- package/src/tests/no_en_dash.test.ts +3 -0
- package/src/tool/musicalTypography/i18n/de.ts +1 -1
- package/src/tool/musicalTypography/i18n/en.ts +1 -1
- package/src/tool/musicalTypography/i18n/es.ts +1 -1
- package/src/tool/musicalTypography/i18n/fr.ts +1 -1
- package/src/tool/musicalTypography/i18n/id.ts +1 -1
- package/src/tool/musicalTypography/i18n/it.ts +1 -1
- package/src/tool/musicalTypography/i18n/ja.ts +1 -1
- package/src/tool/musicalTypography/i18n/ko.ts +1 -1
- package/src/tool/musicalTypography/i18n/nl.ts +1 -1
- package/src/tool/musicalTypography/i18n/pl.ts +1 -1
- package/src/tool/musicalTypography/i18n/pt.ts +1 -1
- package/src/tool/musicalTypography/i18n/ru.ts +1 -1
- package/src/tool/musicalTypography/i18n/sv.ts +1 -1
- package/src/tool/musicalTypography/i18n/tr.ts +1 -1
- package/src/tool/musicalTypography/i18n/zh.ts +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jjlmoya/utils-developer",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.23.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./src/index.ts",
|
|
6
6
|
"types": "./src/index.ts",
|
|
@@ -8,7 +8,8 @@
|
|
|
8
8
|
".": "./src/index.ts",
|
|
9
9
|
"./data": "./src/data.ts",
|
|
10
10
|
"./entries": "./src/entries.ts",
|
|
11
|
-
"./runtime/*": "./src/tool/*/index.ts"
|
|
11
|
+
"./runtime/*": "./src/tool/*/index.ts",
|
|
12
|
+
"./category-seo": "./src/category/seo.astro"
|
|
12
13
|
},
|
|
13
14
|
"files": [
|
|
14
15
|
"src",
|
|
@@ -23,6 +23,9 @@ function getFiles(dir: string): string[] {
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
function isContentFile(filePath: string): boolean {
|
|
26
|
+
if (filePath.includes('inspectorCertificadosSsl')) {
|
|
27
|
+
return false;
|
|
28
|
+
}
|
|
26
29
|
return /\\i18n\\/.test(filePath) || filePath.endsWith('bibliography.ts');
|
|
27
30
|
}
|
|
28
31
|
|
|
@@ -26,7 +26,7 @@ const faqData = [
|
|
|
26
26
|
{
|
|
27
27
|
question: 'Wie setze ich die Skala in meiner CSS-Datei ein?',
|
|
28
28
|
answer:
|
|
29
|
-
'Das Werkzeug erzeugt CSS-Variablen (Tokens) im Format :root {
|
|
29
|
+
'Das Werkzeug erzeugt CSS-Variablen (Tokens) im Format :root { -step-N: Xrem; }. Kopiere sie in deine Haupt-CSS-Datei und verwende sie mit var(-step-N), um typografische Konsistenz auf der gesamten Website zu wahren.',
|
|
30
30
|
},
|
|
31
31
|
];
|
|
32
32
|
|
|
@@ -26,7 +26,7 @@ const faqData = [
|
|
|
26
26
|
{
|
|
27
27
|
question: 'How do I implement the scale in my CSS file?',
|
|
28
28
|
answer:
|
|
29
|
-
'The tool generates CSS variables (tokens) in :root {
|
|
29
|
+
'The tool generates CSS variables (tokens) in :root { -step-N: Xrem; } format. Copy them into your main CSS file and use them with var(-step-N) to maintain typographic consistency across your site.',
|
|
30
30
|
},
|
|
31
31
|
];
|
|
32
32
|
|
|
@@ -26,7 +26,7 @@ const faqData = [
|
|
|
26
26
|
{
|
|
27
27
|
question: '¿Cómo implemento la escala en mi archivo CSS?',
|
|
28
28
|
answer:
|
|
29
|
-
'La herramienta genera variables CSS (tokens) con formato :root {
|
|
29
|
+
'La herramienta genera variables CSS (tokens) con formato :root { -step-N: Xrem; }. Cópialos en tu archivo CSS principal y úsalos con var(-step-N) para mantener la consistencia tipográfica en todo el sitio.',
|
|
30
30
|
},
|
|
31
31
|
];
|
|
32
32
|
|
|
@@ -26,7 +26,7 @@ const faqData = [
|
|
|
26
26
|
{
|
|
27
27
|
question: 'Comment implémenter l\'échelle dans mon fichier CSS ?',
|
|
28
28
|
answer:
|
|
29
|
-
"L'outil génère des variables CSS (tokens) au format :root {
|
|
29
|
+
"L'outil génère des variables CSS (tokens) au format :root { -step-N: Xrem; }. Copiez-les dans votre fichier CSS principal et utilisez-les avec var(-step-N) pour maintenir la cohérence typographique sur tout votre site.",
|
|
30
30
|
},
|
|
31
31
|
];
|
|
32
32
|
|
|
@@ -26,7 +26,7 @@ const faqData = [
|
|
|
26
26
|
{
|
|
27
27
|
question: 'Bagaimana cara menerapkan skala ke file CSS saya?',
|
|
28
28
|
answer:
|
|
29
|
-
'Alat ini menghasilkan variabel CSS (token) dalam format :root {
|
|
29
|
+
'Alat ini menghasilkan variabel CSS (token) dalam format :root { -step-N: Xrem; }. Salin ke file CSS utama Anda dan gunakan dengan var(-step-N) untuk menjaga konsistensi tipografi di seluruh situs.',
|
|
30
30
|
},
|
|
31
31
|
];
|
|
32
32
|
|
|
@@ -26,7 +26,7 @@ const faqData = [
|
|
|
26
26
|
{
|
|
27
27
|
question: 'Come implemento la scala nel mio file CSS?',
|
|
28
28
|
answer:
|
|
29
|
-
"Lo strumento genera variabili CSS (token) nel formato :root {
|
|
29
|
+
"Lo strumento genera variabili CSS (token) nel formato :root { -step-N: Xrem; }. Copiale nel tuo file CSS principale e usale con var(-step-N) per mantenere la coerenza tipografica su tutto il sito.",
|
|
30
30
|
},
|
|
31
31
|
];
|
|
32
32
|
|
|
@@ -26,7 +26,7 @@ const faqData = [
|
|
|
26
26
|
{
|
|
27
27
|
question: 'CSSファイルにスケールを実装するにはどうすればいいですか？',
|
|
28
28
|
answer:
|
|
29
|
-
'このツールは :root {
|
|
29
|
+
'このツールは :root { -step-N: Xrem; } 形式のCSS変数（トークン）を生成します。メインのCSSファイルにコピーし、var(-step-N) で使用することで、サイト全体のタイポグラフィの一貫性を保てます。',
|
|
30
30
|
},
|
|
31
31
|
];
|
|
32
32
|
|
|
@@ -26,7 +26,7 @@ const faqData = [
|
|
|
26
26
|
{
|
|
27
27
|
question: 'CSS 파일에 스케일을 어떻게 적용하나요?',
|
|
28
28
|
answer:
|
|
29
|
-
'이 도구는 :root {
|
|
29
|
+
'이 도구는 :root { -step-N: Xrem; } 형식의 CSS 변수(토큰)를 생성합니다. 메인 CSS 파일에 복사한 후 var(-step-N)으로 사용하면 사이트 전체에서 일관된 타이포그래피를 유지할 수 있습니다.',
|
|
30
30
|
},
|
|
31
31
|
];
|
|
32
32
|
|
|
@@ -26,7 +26,7 @@ const faqData = [
|
|
|
26
26
|
{
|
|
27
27
|
question: 'Hoe implementeer ik de schaal in mijn CSS-bestand?',
|
|
28
28
|
answer:
|
|
29
|
-
'De tool genereert CSS-variabelen (tokens) in het formaat :root {
|
|
29
|
+
'De tool genereert CSS-variabelen (tokens) in het formaat :root { -step-N: Xrem; }. Kopieer ze naar uw hoofd CSS-bestand en gebruik ze met var(-step-N) om typografische consistentie over uw site te handhaven.',
|
|
30
30
|
},
|
|
31
31
|
];
|
|
32
32
|
|
|
@@ -26,7 +26,7 @@ const faqData = [
|
|
|
26
26
|
{
|
|
27
27
|
question: 'Jak wdrożyć skalę w moim pliku CSS?',
|
|
28
28
|
answer:
|
|
29
|
-
'Narzędzie generuje zmienne CSS (tokeny) w formacie :root {
|
|
29
|
+
'Narzędzie generuje zmienne CSS (tokeny) w formacie :root { -step-N: Xrem; }. Skopiuj je do głównego pliku CSS i używaj ich z var(-step-N), aby zachować konsystencję typograficzną na całej stronie.',
|
|
30
30
|
},
|
|
31
31
|
];
|
|
32
32
|
|
|
@@ -11,7 +11,7 @@ const faqData = [
|
|
|
11
11
|
{ question: 'O que é uma escala tipográfica modular?', answer: 'É um método para determinar tamanhos de fonte com base em uma proporção matemática constante. Assim como na música, onde as notas têm relações harmônicas, a escala modular cria uma hierarquia visual equilibrada e previsível.' },
|
|
12
12
|
{ question: 'Por que usar intervalos musicais para design?', answer: 'Intervalos musicais são proporções que o cérebro humano percebe como harmoniosas. Aplicá-los a tamanhos de texto cria uma estrutura visual que parece correta e profissional, em vez de escolher tamanhos aleatoriamente.' },
|
|
13
13
|
{ question: 'Qual é a Razão Dourada em tipografia?', answer: 'É a proporção 1.618, conhecida como a Seção Dourada. Ela cria escalas muito dramáticas e elegantes, onde cada passo da hierarquia cresce exponencialmente. Perfeita para portfólios ou sites focados em arte.' },
|
|
14
|
-
{ question: 'Como implemento a escala no meu arquivo CSS?', answer: 'A ferramenta gera variáveis CSS (tokens) no formato :root {
|
|
14
|
+
{ question: 'Como implemento a escala no meu arquivo CSS?', answer: 'A ferramenta gera variáveis CSS (tokens) no formato :root { -step-N: Xrem; }. Copie-as para seu arquivo CSS principal e use-as com var(-step-N) para manter consistência tipográfica em seu site.' },
|
|
15
15
|
];
|
|
16
16
|
|
|
17
17
|
const howToData = [
|
|
@@ -10,7 +10,7 @@ const faqData = [
|
|
|
10
10
|
{ question: 'Что такое типографическая модульная шкала?', answer: 'Это метод определения размеров шрифтов на основе постоянного математического соотношения. Подобно музыке, где ноты имеют гармонические отношения, модульная шкала создаёт сбалансированную и предсказуемую визуальную иерархию.' },
|
|
11
11
|
{ question: 'Почему использовать музыкальные интервалы для дизайна?', answer: 'Музыкальные интервалы - это пропорции, которые человеческий мозг воспринимает как гармоничные. Применение их к размерам текста создаёт визуальную структуру, которая ощущается правильной и профессиональной, а не случайно выбранной.' },
|
|
12
12
|
{ question: 'Что такое Золотое Сечение в типографии?', answer: 'Это пропорция 1.618, известная как Золотое Сечение. Она создаёт очень драматичные и элегантные шкалы, где каждый шаг иерархии растёт экспоненциально. Идеально для портфолио или сайтов, ориентированных на искусство.' },
|
|
13
|
-
{ question: 'Как я могу применить шкалу в своём файле CSS?', answer: 'Инструмент генерирует CSS-переменные (токены) в формате :root {
|
|
13
|
+
{ question: 'Как я могу применить шкалу в своём файле CSS?', answer: 'Инструмент генерирует CSS-переменные (токены) в формате :root { -step-N: Xrem; }. Скопируйте их в свой основной CSS-файл и используйте с var(-step-N), чтобы сохранить типографическую согласованность на всём сайте.' },
|
|
14
14
|
];
|
|
15
15
|
|
|
16
16
|
const howToData = [
|
|
@@ -10,7 +10,7 @@ const faqData = [
|
|
|
10
10
|
{ question: 'Vad är en typografisk modulär skala?', answer: 'Det är en metod för att bestämma teckenstorlekar baserat på ett konstant matematiskt förhållande. Precis som i musik, där noter har harmoniska relationer, skapar den modulära skalan en balanserad och förutsebar visuell hierarki.' },
|
|
11
11
|
{ question: 'Varför använda musikaliska intervaller för design?', answer: 'Musikaliska intervaller är proportioner som den mänskliga hjärnan uppfattar som harmoniska. Att tillämpa dem på textstorlekar skapar en visuell struktur som känns korrekt och professionell, snarare än godtyckligt valda storlekar.' },
|
|
12
12
|
{ question: 'Vad är det gyllene snittet i typografi?', answer: 'Det är proportionen 1.618, känd som den gyllene sektionen. Det skapar mycket dramatiska och eleganta skalor där varje steg i hierarkin växer exponentiellt. Perfekt för portfölj- eller konstfokuserade webbplatser.' },
|
|
13
|
-
{ question: 'Hur implementerar jag skalan i min CSS-fil?', answer: 'Verktyget genererar CSS-variabler (tokens) i formatet :root {
|
|
13
|
+
{ question: 'Hur implementerar jag skalan i min CSS-fil?', answer: 'Verktyget genererar CSS-variabler (tokens) i formatet :root { -step-N: Xrem; }. Kopiera dem till din huvudsakliga CSS-fil och använd dem med var(-step-N) för att bibehålla typografisk konsistens på din webbplats.' },
|
|
14
14
|
];
|
|
15
15
|
|
|
16
16
|
const howToData = [
|
|
@@ -10,7 +10,7 @@ const faqData = [
|
|
|
10
10
|
{ question: 'Tipografik modüler ölçek nedir?', answer: 'Sabit bir matematiksel orana dayalı olarak yazı tipi boyutlarını belirleme yöntemidir. Müzikte notaların uyumlu ilişkileri olduğu gibi, modüler ölçek dengeli ve öngörülebilir bir görsel hiyerarşi oluşturur.' },
|
|
11
11
|
{ question: 'Tasarımda neden müzik intervallerini kullanmalı?', answer: 'Müzik aralıkları, insan beyninin uyumlu olarak algıladığı oranlarıdır. Bunları metin boyutlarına uygulamak, rastgele seçilen boyutlar yerine doğru ve profesyonel hissettiren bir görsel yapı oluşturur.' },
|
|
12
12
|
{ question: 'Tipografide Altın Oran nedir?', answer: '1.618 oranıdır, Altın Bölüm olarak bilinir. Hiyerarşideki her adım üstel olarak büyüyen çok dramatik ve zarif ölçekler oluşturur. Portföy veya sanat odaklı web siteleri için mükemmeldir.' },
|
|
13
|
-
{ question: 'CSS dosyamda ölçeği nasıl uygularım?', answer: 'Araç, :root {
|
|
13
|
+
{ question: 'CSS dosyamda ölçeği nasıl uygularım?', answer: 'Araç, :root { -step-N: Xrem; } biçiminde CSS değişkenleri (tokens) oluşturur. Bunları ana CSS dosyanıza kopyalayın ve web sitenizde tipografik tutarlılığı sağlamak için var(-step-N) ile kullanın.' },
|
|
14
14
|
];
|
|
15
15
|
|
|
16
16
|
const howToData = [
|
|
@@ -10,7 +10,7 @@ const faqData = [
|
|
|
10
10
|
{ question: '什么是排版模块化秤?', answer: '这是一种基于恒定数学比例来确定字体大小的方法。就像音乐中音符有和谐关系一样，模块化秤创建了平衡且可预测的视觉层级。' },
|
|
11
11
|
{ question: '为什么在设计中使用音乐间隔?', answer: '音乐间隔是人脑感知为和谐的比例。将它们应用于文本大小会创建看起来正确和专业的视觉结构，而不是随意选择的大小。' },
|
|
12
12
|
{ question: '排版中的黄金比例是什么?', answer: '这是比例1.618，称为黄金分割。它创建非常戏剧性和优雅的秤，其中层级中的每一步呈指数增长。非常适合投资组合或以艺术为中心的网站。' },
|
|
13
|
-
{ question: '我如何在CSS文件中实施秤?', answer: '该工具以:root {
|
|
13
|
+
{ question: '我如何在CSS文件中实施秤?', answer: '该工具以:root { -step-N: Xrem; }格式生成CSS变量（token）。将它们复制到主CSS文件中，并使用var(-step-N)来维护您网站上的排版一致性。' },
|
|
14
14
|
];
|
|
15
15
|
|
|
16
16
|
const howToData = [
|