@intlayer/docs 8.10.0-canary.1 → 8.10.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.
@@ -95,34 +95,34 @@ history:
95
95
  ```
96
96
 
97
97
  </Tab>
98
- <Tab label="الاكتشاف التلقائي" value="automatic-detection">
99
- إذا كانت السلسلة النصية تحتوي على مؤشرات Markdown شائعة (مثل العناوين والقوائم والروابط وما إلى ذلك) ، فسيقوم Intlayer بتحويلها تلقائيًا.
98
+ <Tab label="الملفات الخارجية" value="external-files">
99
+ قم باستيراد ملفات `.md` مباشرة باستخدام وظيفة `file`.
100
100
 
101
101
  ```typescript fileName="markdownDictionary.content.ts"
102
+ import { md, file, t } from "intlayer";
103
+
102
104
  export default {
103
105
  key: "app",
104
- contentAutoTransformation: true, // تمكين الاكتشاف التلقائي لمحتوى Markdown - يمكن تعيينه عالميًا في intlayer.config.ts
105
106
  content: {
106
- myMarkdownContent: "## عنواني \n\nLorem Ipsum",
107
+ content: t({
108
+ en: md(file("./myMarkdown.en.md")),
109
+ ar: md(file("./myMarkdown.ar.md")),
110
+ }),
107
111
  },
108
112
  };
109
113
  ```
110
114
 
111
115
  </Tab>
112
116
 
113
- <Tab label="الملفات الخارجية" value="external-files">
114
- قم باستيراد ملفات `.md` مباشرة باستخدام وظيفة `file`.
117
+ <Tab label="الاكتشاف التلقائي" value="automatic-detection">
118
+ إذا كانت السلسلة النصية تحتوي على مؤشرات Markdown شائعة (مثل العناوين والقوائم والروابط وما إلى ذلك) ، فسيقوم Intlayer بتحويلها تلقائيًا.
115
119
 
116
120
  ```typescript fileName="markdownDictionary.content.ts"
117
- import { md, file, t } from "intlayer";
118
-
119
121
  export default {
120
122
  key: "app",
123
+ contentAutoTransformation: true, // تمكين الاكتشاف التلقائي لمحتوى Markdown - يمكن تعيينه عالميًا في intlayer.config.ts
121
124
  content: {
122
- content: t({
123
- en: md(file("./myMarkdown.en.md")),
124
- ar: md(file("./myMarkdown.ar.md")),
125
- }),
125
+ myMarkdownContent: "## عنواني \n\nLorem Ipsum",
126
126
  },
127
127
  };
128
128
  ```
@@ -643,6 +643,7 @@ history:
643
643
  export const AppProvider = ({ children }) => (
644
644
  <MarkdownProvider
645
645
  renderMarkdown={async (md) => {
646
+ // Use dynamic import to reduce the bundle size of your application
646
647
  const { renderMarkdown } = await import('react-intlayer/markdown');
647
648
  return renderMarkdown(md);
648
649
  }}
@@ -95,34 +95,34 @@ Sie können Markdown-Inhalte mithilfe der Funktion `md` oder einfach als Zeichen
95
95
  ```
96
96
 
97
97
  </Tab>
98
- <Tab label="Automatische Erkennung" value="automatic-detection">
99
- Wenn die Zeichenfolge gängige Markdown-Indikatoren (wie Überschriften, Listen, Links usw.) enthält, transformiert Intlayer sie automatisch.
98
+ <Tab label="Externe Dateien" value="external-files">
99
+ Importieren Sie `.md`-Dateien direkt mit der `file`-Funktion.
100
100
 
101
101
  ```typescript fileName="markdownDictionary.content.ts"
102
+ import { md, file, t } from "intlayer";
103
+
102
104
  export default {
103
105
  key: "app",
104
- contentAutoTransformation: true, // Automatische Erkennung von Markdown-Inhalten aktivieren - Kann global in intlayer.config.ts konfiguriert werden
105
106
  content: {
106
- myMarkdownContent: "## Mein Titel \n\nLorem Ipsum",
107
+ content: t({
108
+ en: md(file("./myMarkdown.en.md")),
109
+ de: md(file("./myMarkdown.de.md")),
110
+ }),
107
111
  },
108
112
  };
109
113
  ```
110
114
 
111
115
  </Tab>
112
116
 
113
- <Tab label="Externe Dateien" value="external-files">
114
- Importieren Sie `.md`-Dateien direkt mit der `file`-Funktion.
117
+ <Tab label="Automatische Erkennung" value="automatic-detection">
118
+ Wenn die Zeichenfolge gängige Markdown-Indikatoren (wie Überschriften, Listen, Links usw.) enthält, transformiert Intlayer sie automatisch.
115
119
 
116
120
  ```typescript fileName="markdownDictionary.content.ts"
117
- import { md, file, t } from "intlayer";
118
-
119
121
  export default {
120
122
  key: "app",
123
+ contentAutoTransformation: true, // Automatische Erkennung von Markdown-Inhalten aktivieren - Kann global in intlayer.config.ts konfiguriert werden
121
124
  content: {
122
- content: t({
123
- en: md(file("./myMarkdown.en.md")),
124
- de: md(file("./myMarkdown.de.md")),
125
- }),
125
+ myMarkdownContent: "## Mein Titel \n\nLorem Ipsum",
126
126
  },
127
127
  };
128
128
  ```
@@ -643,6 +643,7 @@ Der `MarkdownProvider` (oder sein Framework-Äquivalent) konfiguriert die Markdo
643
643
  export const AppProvider = ({ children }) => (
644
644
  <MarkdownProvider
645
645
  renderMarkdown={async (md) => {
646
+ // Use dynamic import to reduce the bundle size of your application
646
647
  const { renderMarkdown } = await import('react-intlayer/markdown');
647
648
  return renderMarkdown(md);
648
649
  }}
@@ -47,6 +47,7 @@ You can declare Markdown content using the `md` function or simply as a string (
47
47
 
48
48
  <Tabs>
49
49
  <Tab label=".content.md" value=".content.md">
50
+
50
51
  Since version `8.10.0`, you can declare Markdown content directly in `.content.md` files. Intlayer will
51
52
  automatically detect and parse the Markdown content.
52
53
 
@@ -96,39 +97,41 @@ You can declare Markdown content using the `md` function or simply as a string (
96
97
  ```
97
98
 
98
99
  </Tab>
99
- <Tab label="Automatic Detection" value="automatic-detection">
100
- If the string contains common Markdown indicators (like headers, lists, links, etc.), Intlayer will automatically transform it.
100
+
101
+ <Tab label="External Files" value="external-files">
102
+ Import `.md` files directly using the `file` function.
101
103
 
102
104
  ```typescript fileName="markdownDictionary.content.ts"
105
+ import { md, file, t } from "intlayer";
106
+
103
107
  export default {
104
108
  key: "app",
105
- contentAutoTransformation: true, // Enable automatic detection of Markdown content - Can be set globally in intlayer.config.ts
106
109
  content: {
107
- myMarkdownContent: "## My title \n\nLorem Ipsum",
110
+ content: t({
111
+ en: md(file("./myMarkdown.en.md")),
112
+ fr: md(file("./myMarkdown.fr.md")),
113
+ }),
108
114
  },
109
115
  };
110
116
  ```
111
117
 
112
118
  </Tab>
113
119
 
114
- <Tab label="External Files" value="external-files">
115
- Import `.md` files directly using the `file` function.
120
+ <Tab label="Automatic Detection" value="automatic-detection">
121
+ If the string contains common Markdown indicators (like headers, lists, links, etc.), Intlayer will automatically transform it.
116
122
 
117
123
  ```typescript fileName="markdownDictionary.content.ts"
118
- import { md, file, t } from "intlayer";
119
-
120
124
  export default {
121
125
  key: "app",
126
+ contentAutoTransformation: true, // Enable automatic detection of Markdown content - Can be set globally in intlayer.config.ts
122
127
  content: {
123
- content: t({
124
- en: md(file("./myMarkdown.en.md")),
125
- fr: md(file("./myMarkdown.fr.md")),
126
- }),
128
+ myMarkdownContent: "## My title \n\nLorem Ipsum",
127
129
  },
128
130
  };
129
131
  ```
130
132
 
131
133
  </Tab>
134
+
132
135
  </Tabs>
133
136
 
134
137
  ---
@@ -644,6 +647,7 @@ These utilities render **raw Markdown strings** and are independent of `useIntla
644
647
  export const AppProvider = ({ children }) => (
645
648
  <MarkdownProvider
646
649
  renderMarkdown={async (md) => {
650
+ // Use dynamic import to reduce the bundle size of your application
647
651
  const { renderMarkdown } = await import('react-intlayer/markdown');
648
652
  return renderMarkdown(md);
649
653
  }}
@@ -95,34 +95,34 @@ You can declare Markdown content using the `md` function or simply as a string (
95
95
  ```
96
96
 
97
97
  </Tab>
98
- <Tab label="Automatic Detection" value="automatic-detection">
99
- If the string contains common Markdown indicators (like headings, lists, links, etc.), Intlayer will automatically transform it.
98
+ <Tab label="External Files" value="external-files">
99
+ Import `.md` files directly using the `file` function.
100
100
 
101
101
  ```typescript fileName="markdownDictionary.content.ts"
102
+ import { md, file, t } from "intlayer";
103
+
102
104
  export default {
103
105
  key: "app",
104
- contentAutoTransformation: true, // Enable automatic detection of Markdown content - Can be set globally in intlayer.config.ts
105
106
  content: {
106
- myMarkdownContent: "## My title \n\nLorem Ipsum",
107
+ content: t({
108
+ en: md(file("./myMarkdown.en-GB.md")),
109
+ fr: md(file("./myMarkdown.fr.md")),
110
+ }),
107
111
  },
108
112
  };
109
113
  ```
110
114
 
111
115
  </Tab>
112
116
 
113
- <Tab label="External Files" value="external-files">
114
- Import `.md` files directly using the `file` function.
117
+ <Tab label="Automatic Detection" value="automatic-detection">
118
+ If the string contains common Markdown indicators (like headings, lists, links, etc.), Intlayer will automatically transform it.
115
119
 
116
120
  ```typescript fileName="markdownDictionary.content.ts"
117
- import { md, file, t } from "intlayer";
118
-
119
121
  export default {
120
122
  key: "app",
123
+ contentAutoTransformation: true, // Enable automatic detection of Markdown content - Can be set globally in intlayer.config.ts
121
124
  content: {
122
- content: t({
123
- en: md(file("./myMarkdown.en-GB.md")),
124
- fr: md(file("./myMarkdown.fr.md")),
125
- }),
125
+ myMarkdownContent: "## My title \n\nLorem Ipsum",
126
126
  },
127
127
  };
128
128
  ```
@@ -643,6 +643,7 @@ The `MarkdownProvider` (or its framework equivalent) configures the Markdown ren
643
643
  export const AppProvider = ({ children }) => (
644
644
  <MarkdownProvider
645
645
  renderMarkdown={async (md) => {
646
+ // Use dynamic import to reduce the bundle size of your application
646
647
  const { renderMarkdown } = await import('react-intlayer/markdown');
647
648
  return renderMarkdown(md);
648
649
  }}
@@ -95,34 +95,34 @@ Puede declarar contenido Markdown usando la función `md` o simplemente como una
95
95
  ```
96
96
 
97
97
  </Tab>
98
- <Tab label="Detección Automática" value="automatic-detection">
99
- Si la cadena contiene indicadores comunes de Markdown (como encabezados, listas, enlaces, etc.), Intlayer la transformará automáticamente.
98
+ <Tab label="Archivos Externos" value="external-files">
99
+ Importe archivos `.md` directamente usando la función `file`.
100
100
 
101
101
  ```typescript fileName="markdownDictionary.content.ts"
102
+ import { md, file, t } from "intlayer";
103
+
102
104
  export default {
103
105
  key: "app",
104
- contentAutoTransformation: true, // Habilitar detección automática de contenido Markdown - Se puede configurar globalmente en intlayer.config.ts
105
106
  content: {
106
- myMarkdownContent: "## Mi título \n\nLorem Ipsum",
107
+ content: t({
108
+ en: md(file("./myMarkdown.en.md")),
109
+ es: md(file("./myMarkdown.es.md")),
110
+ }),
107
111
  },
108
112
  };
109
113
  ```
110
114
 
111
115
  </Tab>
112
116
 
113
- <Tab label="Archivos Externos" value="external-files">
114
- Importe archivos `.md` directamente usando la función `file`.
117
+ <Tab label="Detección Automática" value="automatic-detection">
118
+ Si la cadena contiene indicadores comunes de Markdown (como encabezados, listas, enlaces, etc.), Intlayer la transformará automáticamente.
115
119
 
116
120
  ```typescript fileName="markdownDictionary.content.ts"
117
- import { md, file, t } from "intlayer";
118
-
119
121
  export default {
120
122
  key: "app",
123
+ contentAutoTransformation: true, // Habilitar detección automática de contenido Markdown - Se puede configurar globalmente en intlayer.config.ts
121
124
  content: {
122
- content: t({
123
- en: md(file("./myMarkdown.en.md")),
124
- es: md(file("./myMarkdown.es.md")),
125
- }),
125
+ myMarkdownContent: "## Mi título \n\nLorem Ipsum",
126
126
  },
127
127
  };
128
128
  ```
@@ -643,6 +643,7 @@ Estas utilidades renderizan **únicamente cadenas Markdown puras** y son indepen
643
643
  export const AppProvider = ({ children }) => (
644
644
  <MarkdownProvider
645
645
  renderMarkdown={async (md) => {
646
+ // Use dynamic import to reduce the bundle size of your application
646
647
  const { renderMarkdown } = await import('react-intlayer/markdown');
647
648
  return renderMarkdown(md);
648
649
  }}
@@ -95,34 +95,34 @@ Vous pouvez déclarer du contenu Markdown en utilisant la fonction `md` ou simpl
95
95
  ```
96
96
 
97
97
  </Tab>
98
- <Tab label="Détection Automatique" value="automatic-detection">
99
- Si la chaîne de caractères contient des indicateurs Markdown courants (comme des en-têtes, des listes, des liens, etc.), Intlayer la transformera automatiquement.
98
+ <Tab label="Fichiers Externes" value="external-files">
99
+ Importez des fichiers `.md` directement en utilisant la fonction `file`.
100
100
 
101
101
  ```typescript fileName="markdownDictionary.content.ts"
102
+ import { md, file, t } from "intlayer";
103
+
102
104
  export default {
103
105
  key: "app",
104
- contentAutoTransformation: true, // Activer la détection automatique du Markdown - Peut être défini globalement dans intlayer.config.ts
105
106
  content: {
106
- myMarkdownContent: "## Mon titre \n\nLorem Ipsum",
107
+ content: t({
108
+ en: md(file("./myMarkdown.en.md")),
109
+ fr: md(file("./myMarkdown.fr.md")),
110
+ }),
107
111
  },
108
112
  };
109
113
  ```
110
114
 
111
115
  </Tab>
112
116
 
113
- <Tab label="Fichiers Externes" value="external-files">
114
- Importez des fichiers `.md` directement en utilisant la fonction `file`.
117
+ <Tab label="Détection Automatique" value="automatic-detection">
118
+ Si la chaîne de caractères contient des indicateurs Markdown courants (comme des en-têtes, des listes, des liens, etc.), Intlayer la transformera automatiquement.
115
119
 
116
120
  ```typescript fileName="markdownDictionary.content.ts"
117
- import { md, file, t } from "intlayer";
118
-
119
121
  export default {
120
122
  key: "app",
123
+ contentAutoTransformation: true, // Activer la détection automatique du Markdown - Peut être défini globalement dans intlayer.config.ts
121
124
  content: {
122
- content: t({
123
- en: md(file("./myMarkdown.en.md")),
124
- fr: md(file("./myMarkdown.fr.md")),
125
- }),
125
+ myMarkdownContent: "## Mon titre \n\nLorem Ipsum",
126
126
  },
127
127
  };
128
128
  ```
@@ -643,6 +643,7 @@ Le `MarkdownProvider` (ou son équivalent dans un framework) configure le pipeli
643
643
  export const AppProvider = ({ children }) => (
644
644
  <MarkdownProvider
645
645
  renderMarkdown={async (md) => {
646
+ // Use dynamic import to reduce the bundle size of your application
646
647
  const { renderMarkdown } = await import('react-intlayer/markdown');
647
648
  return renderMarkdown(md);
648
649
  }}
@@ -95,34 +95,34 @@ Intlayer Markdown सिंटैक्स का उपयोग करके
95
95
  ```
96
96
 
97
97
  </Tab>
98
- <Tab label="स्वचालित पहचान" value="automatic-detection">
99
- यदि स्ट्रिंग में सामान्य Markdown संकेतक (जैसे हेडिंग, लिस्ट, लिंक आदि) हैं, तो Intlayer स्वचालित रूप से इसे बदल देगा।
98
+ <Tab label="बाहरी फ़ाइलें" value="external-files">
99
+ `file` फ़ंक्शन का उपयोग करके सीधे `.md` फ़ाइलें आयात करें।
100
100
 
101
101
  ```typescript fileName="markdownDictionary.content.ts"
102
+ import { md, file, t } from "intlayer";
103
+
102
104
  export default {
103
105
  key: "app",
104
- contentAutoTransformation: true, // Markdown सामग्री की स्वचालित पहचान सक्षम करें - intlayer.config.ts में विश्व स्तर पर सेट किया जा सकता है
105
106
  content: {
106
- myMarkdownContent: "## मेरा शीर्षक \n\nLorem Ipsum",
107
+ content: t({
108
+ en: md(file("./myMarkdown.en.md")),
109
+ hi: md(file("./myMarkdown.hi.md")),
110
+ }),
107
111
  },
108
112
  };
109
113
  ```
110
114
 
111
115
  </Tab>
112
116
 
113
- <Tab label="बाहरी फ़ाइलें" value="external-files">
114
- `file` फ़ंक्शन का उपयोग करके सीधे `.md` फ़ाइलें आयात करें।
117
+ <Tab label="स्वचालित पहचान" value="automatic-detection">
118
+ यदि स्ट्रिंग में सामान्य Markdown संकेतक (जैसे हेडिंग, लिस्ट, लिंक आदि) हैं, तो Intlayer स्वचालित रूप से इसे बदल देगा।
115
119
 
116
120
  ```typescript fileName="markdownDictionary.content.ts"
117
- import { md, file, t } from "intlayer";
118
-
119
121
  export default {
120
122
  key: "app",
123
+ contentAutoTransformation: true, // Markdown सामग्री की स्वचालित पहचान सक्षम करें - intlayer.config.ts में विश्व स्तर पर सेट किया जा सकता है
121
124
  content: {
122
- content: t({
123
- en: md(file("./myMarkdown.en.md")),
124
- hi: md(file("./myMarkdown.hi.md")),
125
- }),
125
+ myMarkdownContent: "## मेरा शीर्षक \n\nLorem Ipsum",
126
126
  },
127
127
  };
128
128
  ```
@@ -643,6 +643,7 @@ Markdown रेंडरिंग **MDX** का समर्थन करता
643
643
  export const AppProvider = ({ children }) => (
644
644
  <MarkdownProvider
645
645
  renderMarkdown={async (md) => {
646
+ // Use dynamic import to reduce the bundle size of your application
646
647
  const { renderMarkdown } = await import('react-intlayer/markdown');
647
648
  return renderMarkdown(md);
648
649
  }}
@@ -95,34 +95,34 @@ Anda dapat mendeklarasikan konten Markdown menggunakan fungsi `md` atau cukup se
95
95
  ```
96
96
 
97
97
  </Tab>
98
- <Tab label="Deteksi Otomatis" value="automatic-detection">
99
- Jika string mengandung indikator Markdown umum (seperti judul, daftar, tautan, dll.), Intlayer akan secara otomatis mengubahnya.
98
+ <Tab label="File Eksternal" value="external-files">
99
+ Impor file `.md` secara langsung menggunakan fungsi `file`.
100
100
 
101
101
  ```typescript fileName="markdownDictionary.content.ts"
102
+ import { md, file, t } from "intlayer";
103
+
102
104
  export default {
103
105
  key: "app",
104
- contentAutoTransformation: true, // Mengaktifkan deteksi otomatis dari konten Markdown - Dapat diatur secara global di intlayer.config.ts
105
106
  content: {
106
- myMarkdownContent: "## Judul saya \n\nLorem Ipsum",
107
+ content: t({
108
+ en: md(file("./myMarkdown.en.md")),
109
+ id: md(file("./myMarkdown.id.md")),
110
+ }),
107
111
  },
108
112
  };
109
113
  ```
110
114
 
111
115
  </Tab>
112
116
 
113
- <Tab label="File Eksternal" value="external-files">
114
- Impor file `.md` secara langsung menggunakan fungsi `file`.
117
+ <Tab label="Deteksi Otomatis" value="automatic-detection">
118
+ Jika string mengandung indikator Markdown umum (seperti judul, daftar, tautan, dll.), Intlayer akan secara otomatis mengubahnya.
115
119
 
116
120
  ```typescript fileName="markdownDictionary.content.ts"
117
- import { md, file, t } from "intlayer";
118
-
119
121
  export default {
120
122
  key: "app",
123
+ contentAutoTransformation: true, // Mengaktifkan deteksi otomatis dari konten Markdown - Dapat diatur secara global di intlayer.config.ts
121
124
  content: {
122
- content: t({
123
- en: md(file("./myMarkdown.en.md")),
124
- id: md(file("./myMarkdown.id.md")),
125
- }),
125
+ myMarkdownContent: "## Judul saya \n\nLorem Ipsum",
126
126
  },
127
127
  };
128
128
  ```
@@ -643,6 +643,7 @@ Utilitas ini merender **hanya string Markdown mentah** dan independen dari `useI
643
643
  export const AppProvider = ({ children }) => (
644
644
  <MarkdownProvider
645
645
  renderMarkdown={async (md) => {
646
+ // Use dynamic import to reduce the bundle size of your application
646
647
  const { renderMarkdown } = await import('react-intlayer/markdown');
647
648
  return renderMarkdown(md);
648
649
  }}
@@ -95,34 +95,34 @@ Puoi dichiarare i contenuti Markdown usando la funzione `md` o semplicemente com
95
95
  ```
96
96
 
97
97
  </Tab>
98
- <Tab label="Rilevamento Automatico" value="automatic-detection">
99
- Se la stringa contiene indicatori comuni di Markdown (come intestazioni, elenchi, link, ecc.), Intlayer la trasformerà automaticamente.
98
+ <Tab label="File Esterni" value="external-files">
99
+ Importa direttamente i file `.md` usando la funzione `file`.
100
100
 
101
101
  ```typescript fileName="markdownDictionary.content.ts"
102
+ import { md, file, t } from "intlayer";
103
+
102
104
  export default {
103
105
  key: "app",
104
- contentAutoTransformation: true, // Abilita il rilevamento automatico dei contenuti Markdown - Può essere impostato globalmente in intlayer.config.ts
105
106
  content: {
106
- myMarkdownContent: "## Il mio titolo \n\nLorem Ipsum",
107
+ content: t({
108
+ en: md(file("./myMarkdown.en.md")),
109
+ it: md(file("./myMarkdown.it.md")),
110
+ }),
107
111
  },
108
112
  };
109
113
  ```
110
114
 
111
115
  </Tab>
112
116
 
113
- <Tab label="File Esterni" value="external-files">
114
- Importa direttamente i file `.md` usando la funzione `file`.
117
+ <Tab label="Rilevamento Automatico" value="automatic-detection">
118
+ Se la stringa contiene indicatori comuni di Markdown (come intestazioni, elenchi, link, ecc.), Intlayer la trasformerà automaticamente.
115
119
 
116
120
  ```typescript fileName="markdownDictionary.content.ts"
117
- import { md, file, t } from "intlayer";
118
-
119
121
  export default {
120
122
  key: "app",
123
+ contentAutoTransformation: true, // Abilita il rilevamento automatico dei contenuti Markdown - Può essere impostato globalmente in intlayer.config.ts
121
124
  content: {
122
- content: t({
123
- en: md(file("./myMarkdown.en.md")),
124
- it: md(file("./myMarkdown.it.md")),
125
- }),
125
+ myMarkdownContent: "## Il mio titolo \n\nLorem Ipsum",
126
126
  },
127
127
  };
128
128
  ```
@@ -643,6 +643,7 @@ Il `MarkdownProvider` (o il suo equivalente nel framework) configura la pipeline
643
643
  export const AppProvider = ({ children }) => (
644
644
  <MarkdownProvider
645
645
  renderMarkdown={async (md) => {
646
+ // Use dynamic import to reduce the bundle size of your application
646
647
  const { renderMarkdown } = await import('react-intlayer/markdown');
647
648
  return renderMarkdown(md);
648
649
  }}
@@ -95,34 +95,34 @@ Intlayer는 Markdown 구문을 사용하여 정의된 서식 있는 텍스트
95
95
  ```
96
96
 
97
97
  </Tab>
98
- <Tab label="자동 감지" value="automatic-detection">
99
- 문자열에 일반적인 Markdown 표시기(예: 제목, 목록, 링크 등)가 포함된 경우 Intlayer가 자동으로 이를 변환합니다.
98
+ <Tab label="외부 파일" value="external-files">
99
+ `file` 함수를 사용하여 `.md` 파일을 직접 가져옵니다.
100
100
 
101
101
  ```typescript fileName="markdownDictionary.content.ts"
102
+ import { md, file, t } from "intlayer";
103
+
102
104
  export default {
103
105
  key: "app",
104
- contentAutoTransformation: true, // Markdown 콘텐츠의 자동 감지 활성화 - intlayer.config.ts에서 전역으로 설정할 수 있습니다
105
106
  content: {
106
- myMarkdownContent: "## 내 제목 \n\nLorem Ipsum",
107
+ content: t({
108
+ en: md(file("./myMarkdown.en.md")),
109
+ ko: md(file("./myMarkdown.ko.md")),
110
+ }),
107
111
  },
108
112
  };
109
113
  ```
110
114
 
111
115
  </Tab>
112
116
 
113
- <Tab label="외부 파일" value="external-files">
114
- `file` 함수를 사용하여 `.md` 파일을 직접 가져옵니다.
117
+ <Tab label="자동 감지" value="automatic-detection">
118
+ 문자열에 일반적인 Markdown 표시기(예: 제목, 목록, 링크 등)가 포함된 경우 Intlayer가 자동으로 이를 변환합니다.
115
119
 
116
120
  ```typescript fileName="markdownDictionary.content.ts"
117
- import { md, file, t } from "intlayer";
118
-
119
121
  export default {
120
122
  key: "app",
123
+ contentAutoTransformation: true, // Markdown 콘텐츠의 자동 감지 활성화 - intlayer.config.ts에서 전역으로 설정할 수 있습니다
121
124
  content: {
122
- content: t({
123
- en: md(file("./myMarkdown.en.md")),
124
- ko: md(file("./myMarkdown.ko.md")),
125
- }),
125
+ myMarkdownContent: "## 내 제목 \n\nLorem Ipsum",
126
126
  },
127
127
  };
128
128
  ```
@@ -643,6 +643,7 @@ Markdown 렌더링은 **MDX**를 지원합니다 — Markdown 내에서 이름
643
643
  export const AppProvider = ({ children }) => (
644
644
  <MarkdownProvider
645
645
  renderMarkdown={async (md) => {
646
+ // Use dynamic import to reduce the bundle size of your application
646
647
  const { renderMarkdown } = await import('react-intlayer/markdown');
647
648
  return renderMarkdown(md);
648
649
  }}
@@ -95,34 +95,34 @@ Możesz zadeklarować treść Markdown używając funkcji `md` lub po prostu jak
95
95
  ```
96
96
 
97
97
  </Tab>
98
- <Tab label="Automatyczne wykrywanie" value="automatic-detection">
99
- Jeśli ciąg znaków zawiera typowe wskaźniki Markdown (takie jak nagłówki, listy, linki itp.), Intlayer automatycznie je przekształci.
98
+ <Tab label="Pliki zewnętrzne" value="external-files">
99
+ Importuj pliki `.md` bezpośrednio za pomocą funkcji `file`.
100
100
 
101
101
  ```typescript fileName="markdownDictionary.content.ts"
102
+ import { md, file, t } from "intlayer";
103
+
102
104
  export default {
103
105
  key: "app",
104
- contentAutoTransformation: true, // Włącz automatyczne wykrywanie treści Markdown - Można ustawić globalnie w intlayer.config.ts
105
106
  content: {
106
- myMarkdownContent: "## Mój tytuł \n\nLorem Ipsum",
107
+ content: t({
108
+ en: md(file("./myMarkdown.en.md")),
109
+ pl: md(file("./myMarkdown.pl.md")),
110
+ }),
107
111
  },
108
112
  };
109
113
  ```
110
114
 
111
115
  </Tab>
112
116
 
113
- <Tab label="Pliki zewnętrzne" value="external-files">
114
- Importuj pliki `.md` bezpośrednio za pomocą funkcji `file`.
117
+ <Tab label="Automatyczne wykrywanie" value="automatic-detection">
118
+ Jeśli ciąg znaków zawiera typowe wskaźniki Markdown (takie jak nagłówki, listy, linki itp.), Intlayer automatycznie je przekształci.
115
119
 
116
120
  ```typescript fileName="markdownDictionary.content.ts"
117
- import { md, file, t } from "intlayer";
118
-
119
121
  export default {
120
122
  key: "app",
123
+ contentAutoTransformation: true, // Włącz automatyczne wykrywanie treści Markdown - Można ustawić globalnie w intlayer.config.ts
121
124
  content: {
122
- content: t({
123
- en: md(file("./myMarkdown.en.md")),
124
- pl: md(file("./myMarkdown.pl.md")),
125
- }),
125
+ myMarkdownContent: "## Mój tytuł \n\nLorem Ipsum",
126
126
  },
127
127
  };
128
128
  ```
@@ -643,6 +643,7 @@ Te narzędzia renderują **tylko surowe ciągi znaków Markdown** i są niezale
643
643
  export const AppProvider = ({ children }) => (
644
644
  <MarkdownProvider
645
645
  renderMarkdown={async (md) => {
646
+ // Use dynamic import to reduce the bundle size of your application
646
647
  const { renderMarkdown } = await import('react-intlayer/markdown');
647
648
  return renderMarkdown(md);
648
649
  }}
@@ -95,34 +95,34 @@ Você pode declarar conteúdo Markdown usando a função `md` ou simplesmente co
95
95
  ```
96
96
 
97
97
  </Tab>
98
- <Tab label="Detecção Automática" value="automatic-detection">
99
- Se a string contiver indicadores Markdown comuns (como cabeçalhos, listas, links, etc.), o Intlayer a transformará automaticamente.
98
+ <Tab label="Arquivos Externos" value="external-files">
99
+ Importe arquivos `.md` diretamente usando a função `file`.
100
100
 
101
101
  ```typescript fileName="markdownDictionary.content.ts"
102
+ import { md, file, t } from "intlayer";
103
+
102
104
  export default {
103
105
  key: "app",
104
- contentAutoTransformation: true, // Ativar detecção automática de conteúdo Markdown - Pode ser definido globalmente em intlayer.config.ts
105
106
  content: {
106
- myMarkdownContent: "## Meu título \n\nLorem Ipsum",
107
+ content: t({
108
+ en: md(file("./myMarkdown.en.md")),
109
+ pt: md(file("./myMarkdown.pt.md")),
110
+ }),
107
111
  },
108
112
  };
109
113
  ```
110
114
 
111
115
  </Tab>
112
116
 
113
- <Tab label="Arquivos Externos" value="external-files">
114
- Importe arquivos `.md` diretamente usando a função `file`.
117
+ <Tab label="Detecção Automática" value="automatic-detection">
118
+ Se a string contiver indicadores Markdown comuns (como cabeçalhos, listas, links, etc.), o Intlayer a transformará automaticamente.
115
119
 
116
120
  ```typescript fileName="markdownDictionary.content.ts"
117
- import { md, file, t } from "intlayer";
118
-
119
121
  export default {
120
122
  key: "app",
123
+ contentAutoTransformation: true, // Ativar detecção automática de conteúdo Markdown - Pode ser definido globalmente em intlayer.config.ts
121
124
  content: {
122
- content: t({
123
- en: md(file("./myMarkdown.en.md")),
124
- pt: md(file("./myMarkdown.pt.md")),
125
- }),
125
+ myMarkdownContent: "## Meu título \n\nLorem Ipsum",
126
126
  },
127
127
  };
128
128
  ```
@@ -643,6 +643,7 @@ O `MarkdownProvider` (ou o seu equivalente do framework) configura o pipeline de
643
643
  export const AppProvider = ({ children }) => (
644
644
  <MarkdownProvider
645
645
  renderMarkdown={async (md) => {
646
+ // Use dynamic import to reduce the bundle size of your application
646
647
  const { renderMarkdown } = await import('react-intlayer/markdown');
647
648
  return renderMarkdown(md);
648
649
  }}
@@ -96,35 +96,35 @@ Intlayer поддерживает форматированный текстов
96
96
  ```
97
97
 
98
98
  </Tab>
99
- <Tab label="Автоматическое обнаружение" value="automatic-detection">
100
- Если строка содержит общие признаки Markdown (такие как заголовки, списки, ссылки и т. д.), Intlayer автоматически преобразует ее.
99
+ <Tab label="Внешние файлы" value="external-files">
100
+ Импортируйте файлы `.md` напрямую, используя функцию `file`.
101
101
 
102
102
  ```typescript fileName="markdownDictionary.content.ts"
103
+ import { md, file, t } from "intlayer";
104
+
103
105
  export default {
104
106
  key: "app",
105
- contentAutoTransformation: true, // Включить автоматическое обнаружение Markdown контента — можно установить глобально в intlayer.config.ts
106
107
  content: {
107
- myMarkdownContent: "## My title \n\nLorem Ipsum",
108
+ content: t({
109
+ ru: md(file("./myMarkdown.ru.md")),
110
+ en: md(file("./myMarkdown.en.md")),
111
+ fr: md(file("./myMarkdown.fr.md")),
112
+ }),
108
113
  },
109
114
  };
110
115
  ```
111
116
 
112
117
  </Tab>
113
118
 
114
- <Tab label="Внешние файлы" value="external-files">
115
- Импортируйте файлы `.md` напрямую, используя функцию `file`.
119
+ <Tab label="Автоматическое обнаружение" value="automatic-detection">
120
+ Если строка содержит общие признаки Markdown (такие как заголовки, списки, ссылки и т. д.), Intlayer автоматически преобразует ее.
116
121
 
117
122
  ```typescript fileName="markdownDictionary.content.ts"
118
- import { md, file, t } from "intlayer";
119
-
120
123
  export default {
121
124
  key: "app",
125
+ contentAutoTransformation: true, // Включить автоматическое обнаружение Markdown контента — можно установить глобально в intlayer.config.ts
122
126
  content: {
123
- content: t({
124
- ru: md(file("./myMarkdown.ru.md")),
125
- en: md(file("./myMarkdown.en.md")),
126
- fr: md(file("./myMarkdown.fr.md")),
127
- }),
127
+ myMarkdownContent: "## My title \n\nLorem Ipsum",
128
128
  },
129
129
  };
130
130
  ```
@@ -95,34 +95,34 @@ Markdown içeriğini `md` işlevini kullanarak veya basitçe bir dize olarak (Ma
95
95
  ```
96
96
 
97
97
  </Tab>
98
- <Tab label="Otomatik Algılama" value="automatic-detection">
99
- Dize ortak Markdown göstergeleri (başlıklar, listeler, bağlantılar vb.) içeriyorsa, Intlayer bunu otomatik olarak dönüştürecektir.
98
+ <Tab label="Harici Dosyalar" value="external-files">
99
+ `.md` dosyalarını doğrudan `file` işlevini kullanarak içe aktarın.
100
100
 
101
101
  ```typescript fileName="markdownDictionary.content.ts"
102
+ import { md, file, t } from "intlayer";
103
+
102
104
  export default {
103
105
  key: "app",
104
- contentAutoTransformation: true, // Markdown içeriğinin otomatik algılanmasını etkinleştir - intlayer.config.ts dosyasında global olarak ayarlanabilir
105
106
  content: {
106
- myMarkdownContent: "## Başlığım \n\nLorem Ipsum",
107
+ content: t({
108
+ en: md(file("./myMarkdown.en.md")),
109
+ tr: md(file("./myMarkdown.tr.md")),
110
+ }),
107
111
  },
108
112
  };
109
113
  ```
110
114
 
111
115
  </Tab>
112
116
 
113
- <Tab label="Harici Dosyalar" value="external-files">
114
- `.md` dosyalarını doğrudan `file` işlevini kullanarak içe aktarın.
117
+ <Tab label="Otomatik Algılama" value="automatic-detection">
118
+ Dize ortak Markdown göstergeleri (başlıklar, listeler, bağlantılar vb.) içeriyorsa, Intlayer bunu otomatik olarak dönüştürecektir.
115
119
 
116
120
  ```typescript fileName="markdownDictionary.content.ts"
117
- import { md, file, t } from "intlayer";
118
-
119
121
  export default {
120
122
  key: "app",
123
+ contentAutoTransformation: true, // Markdown içeriğinin otomatik algılanmasını etkinleştir - intlayer.config.ts dosyasında global olarak ayarlanabilir
121
124
  content: {
122
- content: t({
123
- en: md(file("./myMarkdown.en.md")),
124
- tr: md(file("./myMarkdown.tr.md")),
125
- }),
125
+ myMarkdownContent: "## Başlığım \n\nLorem Ipsum",
126
126
  },
127
127
  };
128
128
  ```
@@ -643,6 +643,7 @@ Bu yardımcı programlar **yalnızca ham Markdown dizelerini** oluşturur ve `us
643
643
  export const AppProvider = ({ children }) => (
644
644
  <MarkdownProvider
645
645
  renderMarkdown={async (md) => {
646
+ // Use dynamic import to reduce the bundle size of your application
646
647
  const { renderMarkdown } = await import('react-intlayer/markdown');
647
648
  return renderMarkdown(md);
648
649
  }}
@@ -95,34 +95,34 @@ Intlayer підтримує вміст форматованого тексту,
95
95
  ```
96
96
 
97
97
  </Tab>
98
- <Tab label="Автоматичне виявлення" value="automatic-detection">
99
- Якщо рядок містить типові індикатори Markdown (наприклад, заголовки, списки, посилання тощо), Intlayer автоматично перетворить його.
98
+ <Tab label="Зовнішні файли" value="external-files">
99
+ Імпортуйте файли `.md` безпосередньо за допомогою функції `file`.
100
100
 
101
101
  ```typescript fileName="markdownDictionary.content.ts"
102
+ import { md, file, t } from "intlayer";
103
+
102
104
  export default {
103
105
  key: "app",
104
- contentAutoTransformation: true, // Увімкнути автоматичне виявлення вмісту Markdown - Можна налаштувати глобально в intlayer.config.ts
105
106
  content: {
106
- myMarkdownContent: "## Мій заголовок \n\nLorem Ipsum",
107
+ content: t({
108
+ en: md(file("./myMarkdown.en.md")),
109
+ uk: md(file("./myMarkdown.uk.md")),
110
+ }),
107
111
  },
108
112
  };
109
113
  ```
110
114
 
111
115
  </Tab>
112
116
 
113
- <Tab label="Зовнішні файли" value="external-files">
114
- Імпортуйте файли `.md` безпосередньо за допомогою функції `file`.
117
+ <Tab label="Автоматичне виявлення" value="automatic-detection">
118
+ Якщо рядок містить типові індикатори Markdown (наприклад, заголовки, списки, посилання тощо), Intlayer автоматично перетворить його.
115
119
 
116
120
  ```typescript fileName="markdownDictionary.content.ts"
117
- import { md, file, t } from "intlayer";
118
-
119
121
  export default {
120
122
  key: "app",
123
+ contentAutoTransformation: true, // Увімкнути автоматичне виявлення вмісту Markdown - Можна налаштувати глобально в intlayer.config.ts
121
124
  content: {
122
- content: t({
123
- en: md(file("./myMarkdown.en.md")),
124
- uk: md(file("./myMarkdown.uk.md")),
125
- }),
125
+ myMarkdownContent: "## Мій заголовок \n\nLorem Ipsum",
126
126
  },
127
127
  };
128
128
  ```
@@ -643,6 +643,7 @@ Intlayer надає два незалежні способи рендеринг
643
643
  export const AppProvider = ({ children }) => (
644
644
  <MarkdownProvider
645
645
  renderMarkdown={async (md) => {
646
+ // Use dynamic import to reduce the bundle size of your application
646
647
  const { renderMarkdown } = await import('react-intlayer/markdown');
647
648
  return renderMarkdown(md);
648
649
  }}
@@ -95,34 +95,34 @@ Bạn có thể khai báo nội dung Markdown bằng cách sử dụng hàm `md`
95
95
  ```
96
96
 
97
97
  </Tab>
98
- <Tab label="Phát hiện Tự động" value="automatic-detection">
99
- Nếu chuỗi chứa các chỉ báo Markdown phổ biến (như tiêu đề, danh sách, liên kết, v.v.), Intlayer sẽ tự động chuyển đổi nó.
98
+ <Tab label="Tệp Bên ngoài" value="external-files">
99
+ Nhập trực tiếp các tệp `.md` bằng cách sử dụng hàm `file`.
100
100
 
101
101
  ```typescript fileName="markdownDictionary.content.ts"
102
+ import { md, file, t } from "intlayer";
103
+
102
104
  export default {
103
105
  key: "app",
104
- contentAutoTransformation: true, // Bật phát hiện tự động nội dung Markdown - Có thể được đặt toàn cục trong intlayer.config.ts
105
106
  content: {
106
- myMarkdownContent: "## Tiêu đề của tôi \n\nLorem Ipsum",
107
+ content: t({
108
+ en: md(file("./myMarkdown.en.md")),
109
+ vi: md(file("./myMarkdown.vi.md")),
110
+ }),
107
111
  },
108
112
  };
109
113
  ```
110
114
 
111
115
  </Tab>
112
116
 
113
- <Tab label="Tệp Bên ngoài" value="external-files">
114
- Nhập trực tiếp các tệp `.md` bằng cách sử dụng hàm `file`.
117
+ <Tab label="Phát hiện Tự động" value="automatic-detection">
118
+ Nếu chuỗi chứa các chỉ báo Markdown phổ biến (như tiêu đề, danh sách, liên kết, v.v.), Intlayer sẽ tự động chuyển đổi nó.
115
119
 
116
120
  ```typescript fileName="markdownDictionary.content.ts"
117
- import { md, file, t } from "intlayer";
118
-
119
121
  export default {
120
122
  key: "app",
123
+ contentAutoTransformation: true, // Bật phát hiện tự động nội dung Markdown - Có thể được đặt toàn cục trong intlayer.config.ts
121
124
  content: {
122
- content: t({
123
- en: md(file("./myMarkdown.en.md")),
124
- vi: md(file("./myMarkdown.vi.md")),
125
- }),
125
+ myMarkdownContent: "## Tiêu đề của tôi \n\nLorem Ipsum",
126
126
  },
127
127
  };
128
128
  ```
@@ -643,6 +643,7 @@ Các tiện ích này **chỉ render các chuỗi Markdown thô** và độc l
643
643
  export const AppProvider = ({ children }) => (
644
644
  <MarkdownProvider
645
645
  renderMarkdown={async (md) => {
646
+ // Use dynamic import to reduce the bundle size of your application
646
647
  const { renderMarkdown } = await import('react-intlayer/markdown');
647
648
  return renderMarkdown(md);
648
649
  }}
@@ -95,34 +95,34 @@ Intlayer 支持使用 Markdown 语法定义的富文本内容。这使您可以
95
95
  ```
96
96
 
97
97
  </Tab>
98
- <Tab label="自动检测" value="automatic-detection">
99
- 如果字符串包含常见的 Markdown 指示符(如标题、列表、链接等),Intlayer 会自动转换它。
98
+ <Tab label="外部文件" value="external-files">
99
+ 使用 `file` 函数直接导入 `.md` 文件。
100
100
 
101
101
  ```typescript fileName="markdownDictionary.content.ts"
102
+ import { md, file, t } from "intlayer";
103
+
102
104
  export default {
103
105
  key: "app",
104
- contentAutoTransformation: true, // 启用 Markdown 内容的自动检测 - 可以在 intlayer.config.ts 中全局设置
105
106
  content: {
106
- myMarkdownContent: "## 我的标题 \n\nLorem Ipsum",
107
+ content: t({
108
+ en: md(file("./myMarkdown.en.md")),
109
+ zh: md(file("./myMarkdown.zh.md")),
110
+ }),
107
111
  },
108
112
  };
109
113
  ```
110
114
 
111
115
  </Tab>
112
116
 
113
- <Tab label="外部文件" value="external-files">
114
- 使用 `file` 函数直接导入 `.md` 文件。
117
+ <Tab label="自动检测" value="automatic-detection">
118
+ 如果字符串包含常见的 Markdown 指示符(如标题、列表、链接等),Intlayer 会自动转换它。
115
119
 
116
120
  ```typescript fileName="markdownDictionary.content.ts"
117
- import { md, file, t } from "intlayer";
118
-
119
121
  export default {
120
122
  key: "app",
123
+ contentAutoTransformation: true, // 启用 Markdown 内容的自动检测 - 可以在 intlayer.config.ts 中全局设置
121
124
  content: {
122
- content: t({
123
- en: md(file("./myMarkdown.en.md")),
124
- zh: md(file("./myMarkdown.zh.md")),
125
- }),
125
+ myMarkdownContent: "## 我的标题 \n\nLorem Ipsum",
126
126
  },
127
127
  };
128
128
  ```
@@ -643,6 +643,7 @@ Markdown 渲染支持 **MDX** — 在您的 Markdown 中直接按名称使用任
643
643
  export const AppProvider = ({ children }) => (
644
644
  <MarkdownProvider
645
645
  renderMarkdown={async (md) => {
646
+ // Use dynamic import to reduce the bundle size of your application
646
647
  const { renderMarkdown } = await import('react-intlayer/markdown');
647
648
  return renderMarkdown(md);
648
649
  }}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@intlayer/docs",
3
- "version": "8.10.0-canary.1",
3
+ "version": "8.10.0",
4
4
  "private": false,
5
5
  "description": "Intlayer documentation",
6
6
  "keywords": [
@@ -72,13 +72,13 @@
72
72
  "watch": "webpack --config ./webpack.config.ts --watch"
73
73
  },
74
74
  "dependencies": {
75
- "@intlayer/config": "8.10.0-canary.1",
76
- "@intlayer/core": "8.10.0-canary.1",
77
- "@intlayer/types": "8.10.0-canary.1"
75
+ "@intlayer/config": "8.10.0",
76
+ "@intlayer/core": "8.10.0",
77
+ "@intlayer/types": "8.10.0"
78
78
  },
79
79
  "devDependencies": {
80
- "@intlayer/api": "8.10.0-canary.1",
81
- "@intlayer/cli": "8.10.0-canary.1",
80
+ "@intlayer/api": "8.10.0",
81
+ "@intlayer/cli": "8.10.0",
82
82
  "@types/node": "25.9.1",
83
83
  "@utils/ts-config": "1.0.4",
84
84
  "@utils/ts-config-types": "1.0.4",