@ahmedrowaihi/8n 6.0.35 → 6.0.37

package/dist/index.mjs

@@ -3736,7 +3736,7 @@ async function checkSelfUpdate() {
 		});
 		if (!res.ok) return;
 		const { version: latest } = await res.json();
-		const current = "6.0.35";
+		const current = "6.0.37";
 		if (latest !== current) console.log(pc.yellow("⚠") + pc.dim(` new version available: `) + pc.cyan(latest) + pc.dim(` (current: ${current}) — run `) + pc.cyan("npm i -g @ahmedrowaihi/8n") + pc.dim(" to update"));
 	} catch {}
 }
@@ -3846,7 +3846,7 @@ async function dev() {
 async function build({ server = false } = {}) {
 	const { config, contentDir } = await resolveProject();
 	const projectDir = process.cwd();
-	console.log(pc.cyan("8n") + pc.dim(` v6.0.35 build → ${contentDir}`));
+	console.log(pc.cyan("8n") + pc.dim(` v6.0.37 build → ${contentDir}`));
 	if (server) await runNextFlat(projectDir, "build", buildEnv({
 		config,
 		contentDir,
@@ -3994,7 +3994,7 @@ function scaffold(targetDir) {
 			},
 			dependencies: {
 				"@ahmedrowaihi/8n": "latest",
-				"next": "^16.2.0"
+				next: "^16.2.0"
 			}
 		}, null, 2) + "\n",
 		"next.config.mjs": `// Required for Vercel to detect the Next.js framework.\n// The actual Next.js app is built by the 8n CLI internally.\nexport default {};\n`
@@ -4164,7 +4164,7 @@ async function mcp() {
 	const mcpDir = join(getStarterDir(), "content", "mcp", "en");
 	const server = new McpServer({
 		name: "8n",
-		version: "6.0.35"
+		version: "6.0.37"
 	});
 	server.registerTool("read_me", {
 		description: "Returns how to use the 8n MCP tools. Call this BEFORE documenting anything with 8n.",
@@ -4305,7 +4305,7 @@ Example: get_component({ name: "components" }) returns all available MDX compone
 
 //#endregion
 //#region src/index.ts
-const program = new Command().name("8n").description("Run your 8n docs site").version("6.0.35").addOption(new Option("--debug").hideHelp()).hook("preAction", (cmd) => {
+const program = new Command().name("8n").description("Run your 8n docs site").version("6.0.37").addOption(new Option("--debug").hideHelp()).hook("preAction", (cmd) => {
 	if (cmd.opts().debug) process.env.DEBUG_8N = "1";
 });
 program.command("init").description("Scaffold a new docs project in the current directory").action(init);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ahmedrowaihi/8n",
+  "version": "6.0.37",
   "description": "8n docs — run your docs site from your content directory",
-  "type": "module",
   "bin": {
     "8n": "./dist/index.mjs"
   },
@@ -9,6 +9,7 @@
     "dist",
     "starter"
   ],
+  "type": "module",
   "scripts": {
     "build:cli": "tsdown",
     "dev:cli": "tsdown --watch",
@@ -29,6 +30,5 @@
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
     "zod": "^4.3.6"
-  },
-  "version": "6.0.35"
+  }
 }

package/starter/.oxfmtrc.json

@@ -0,0 +1,14 @@
+{
+  "useTabs": false,
+  "tabWidth": 2,
+  "printWidth": 80,
+  "singleQuote": false,
+  "jsxSingleQuote": false,
+  "quoteProps": "as-needed",
+  "trailingComma": "all",
+  "semi": true,
+  "arrowParens": "always",
+  "bracketSameLine": false,
+  "bracketSpacing": true,
+  "ignorePatterns": ["node_modules", ".source"]
+}

package/starter/.oxlintrc.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "plugins": ["typescript", "react", "nextjs", "import"],
+  "categories": {
+    "correctness": "error",
+    "suspicious": "warn"
+  },
+  "rules": {
+    "no-unused-vars": "off",
+    "typescript/no-unused-vars": "warn",
+    "react/jsx-no-target-blank": "error",
+    "react/no-danger": "warn",
+    "react/self-closing-comp": "warn",
+    "import/no-self-import": "error",
+    "import/no-cycle": "warn"
+  },
+  "ignorePatterns": ["node_modules/", ".next/", "out/", ".source/", "dist/"]
+}

package/starter/content/api/en/createPet.mdx

@@ -11,4 +11,7 @@ _openapi:
 
 {/* This file was generated by Fumadocs. Do not edit this file directly. Any changes should be made by running the generation command again. */}
 
-<APIPage document={"./openapi/petstore.json"} operations={[{"path":"/pets","method":"post"}]} />
+<APIPage
+  document={"./openapi/petstore.json"}
+  operations={[{ path: "/pets", method: "post" }]}
+/>

package/starter/content/api/en/deletePet.mdx

@@ -11,4 +11,7 @@ _openapi:
 
 {/* This file was generated by Fumadocs. Do not edit this file directly. Any changes should be made by running the generation command again. */}
 
-<APIPage document={"./openapi/petstore.json"} operations={[{"path":"/pets/{petId}","method":"delete"}]} />
+<APIPage
+  document={"./openapi/petstore.json"}
+  operations={[{ path: "/pets/{petId}", method: "delete" }]}
+/>

package/starter/content/api/en/listPets.mdx

@@ -11,4 +11,7 @@ _openapi:
 
 {/* This file was generated by Fumadocs. Do not edit this file directly. Any changes should be made by running the generation command again. */}
 
-<APIPage document={"./openapi/petstore.json"} operations={[{"path":"/pets","method":"get"}]} />
+<APIPage
+  document={"./openapi/petstore.json"}
+  operations={[{ path: "/pets", method: "get" }]}
+/>

package/starter/content/api/en/showPetById.mdx

@@ -11,4 +11,7 @@ _openapi:
 
 {/* This file was generated by Fumadocs. Do not edit this file directly. Any changes should be made by running the generation command again. */}
 
-<APIPage document={"./openapi/petstore.json"} operations={[{"path":"/pets/{petId}","method":"get"}]} />
+<APIPage
+  document={"./openapi/petstore.json"}
+  operations={[{ path: "/pets/{petId}", method: "get" }]}
+/>

package/starter/content/changelog/ar/v1.0.0.mdx

@@ -21,33 +21,33 @@ summary: الإصدار الأول — توثيق ثنائي اللغة بدعم
 
 ### مكوّنات MDX
 
-| المكوّن | الوصف |
-|---------|-------|
-| `Callout` | كتل تنبيه: معلومة، تحذير، خطأ، تلميح |
-| `Steps` | تسلسلات خطوات مرقّمة |
-| `Tabs` | لوحات محتوى بتبويبات |
-| `Accordion` | أقسام قابلة للطي |
-| `Cards` | شبكات بطاقات روابط |
-| `TypeTable` | جداول مرجعية لأنواع API |
-| `CodeBlock` | كود بتمييز صياغي وزر نسخ |
-| `Mermaid` | مخططات Mermaid مُصيَّرة مع توسيع بالشاشة الكاملة |
-| `Video` | تضمين فيديو متجاوب |
-| `Audio` | مشغّل صوت مضمّن |
-| `Files` | عرض شجرة نظام الملفات |
+| المكوّن           | الوصف                                                              |
+| ----------------- | ------------------------------------------------------------------ |
+| `Callout`         | كتل تنبيه: معلومة، تحذير، خطأ، تلميح                               |
+| `Steps`           | تسلسلات خطوات مرقّمة                                               |
+| `Tabs`            | لوحات محتوى بتبويبات                                               |
+| `Accordion`       | أقسام قابلة للطي                                                   |
+| `Cards`           | شبكات بطاقات روابط                                                 |
+| `TypeTable`       | جداول مرجعية لأنواع API                                            |
+| `CodeBlock`       | كود بتمييز صياغي وزر نسخ                                           |
+| `Mermaid`         | مخططات Mermaid مُصيَّرة مع توسيع بالشاشة الكاملة                   |
+| `Video`           | تضمين فيديو متجاوب                                                 |
+| `Audio`           | مشغّل صوت مضمّن                                                    |
+| `Files`           | عرض شجرة نظام الملفات                                              |
 | `ExcalidrawBlock` | رسوم Excalidraw تفاعلية (معزولة بـ iframe، مع تبديل العرض/التحرير) |
-| `Tweet` | تغريدات مُضمَّنة مُصيَّرة من الخادم عبر react-tweet |
+| `Tweet`           | تغريدات مُضمَّنة مُصيَّرة من الخادم عبر react-tweet                |
 
 ### مميزات أخرى
 
-| الميزة | التفاصيل |
-|--------|----------|
-| توسيع بالشاشة الكاملة | مخططات Mermaid و Excalidraw تدعم زر توسيع بالشاشة الكاملة |
-| TwoSlash | أنواع TypeScript والأخطاء والإكمال التلقائي مُصيَّرة مضمّنة؛ النتائج مُخزَّنة مؤقتًا |
-| الرياضيات | تصيير KaTeX عبر `remark-math` + `rehype-katex` |
-| تمييز الصياغة | [Shiki](https://shiki.style) مع ثيمَي `catppuccin-latte` / `vesper` |
-| تعليقات كود RTL | التعليقات العربية في كتل الكود تُحاذى تلقائيًا عبر محوّل `rtl-spans` |
-| خطوط ثمانية | خطوط العربية واللاتينية من نظام التصميم لثمانية مطبّقة بشكل عام |
-| تغذيات RSS | تُولَّد تلقائيًا على `/{lang}/rss.xml` للغتين |
-| ملف LLMs.txt | `/llms.txt` و`/llms-full.txt` وفق اتفاقية [llms.txt](https://llmstxt.org) |
-| تواريخ آخر تعديل | تاريخ آخر تعديل git لكل صفحة عبر `fumadocs-mdx/plugins/last-modified` |
-| سجل التغييرات | مصدر `content/changelog/` ثنائي اللغة بحقول `version` و`date` و`summary` |
+| الميزة                | التفاصيل                                                                             |
+| --------------------- | ------------------------------------------------------------------------------------ |
+| توسيع بالشاشة الكاملة | مخططات Mermaid و Excalidraw تدعم زر توسيع بالشاشة الكاملة                            |
+| TwoSlash              | أنواع TypeScript والأخطاء والإكمال التلقائي مُصيَّرة مضمّنة؛ النتائج مُخزَّنة مؤقتًا |
+| الرياضيات             | تصيير KaTeX عبر `remark-math` + `rehype-katex`                                       |
+| تمييز الصياغة         | [Shiki](https://shiki.style) مع ثيمَي `catppuccin-latte` / `vesper`                  |
+| تعليقات كود RTL       | التعليقات العربية في كتل الكود تُحاذى تلقائيًا عبر محوّل `rtl-spans`                 |
+| خطوط ثمانية           | خطوط العربية واللاتينية من نظام التصميم لثمانية مطبّقة بشكل عام                      |
+| تغذيات RSS            | تُولَّد تلقائيًا على `/{lang}/rss.xml` للغتين                                        |
+| ملف LLMs.txt          | `/llms.txt` و`/llms-full.txt` وفق اتفاقية [llms.txt](https://llmstxt.org)            |
+| تواريخ آخر تعديل      | تاريخ آخر تعديل git لكل صفحة عبر `fumadocs-mdx/plugins/last-modified`                |
+| سجل التغييرات         | مصدر `content/changelog/` ثنائي اللغة بحقول `version` و`date` و`summary`             |

package/starter/content/changelog/en/v1.0.0.mdx

@@ -21,33 +21,33 @@ Full-text search powered by [Orama](https://orama.com) runs entirely in the brow
 
 ### MDX Components
 
-| Component | Description |
-|-----------|-------------|
-| `Callout` | Info, warning, error, and tip callout blocks |
-| `Steps` | Numbered step sequences |
-| `Tabs` | Tabbed content panels |
-| `Accordion` | Collapsible sections |
-| `Cards` | Link card grids |
-| `TypeTable` | API type reference tables |
-| `CodeBlock` | Syntax-highlighted code with copy button |
-| `Mermaid` | Rendered Mermaid diagrams with fullscreen expand |
-| `Video` | Responsive video embeds |
-| `Audio` | Audio player embeds |
-| `Files` | Filesystem tree display |
+| Component         | Description                                                         |
+| ----------------- | ------------------------------------------------------------------- |
+| `Callout`         | Info, warning, error, and tip callout blocks                        |
+| `Steps`           | Numbered step sequences                                             |
+| `Tabs`            | Tabbed content panels                                               |
+| `Accordion`       | Collapsible sections                                                |
+| `Cards`           | Link card grids                                                     |
+| `TypeTable`       | API type reference tables                                           |
+| `CodeBlock`       | Syntax-highlighted code with copy button                            |
+| `Mermaid`         | Rendered Mermaid diagrams with fullscreen expand                    |
+| `Video`           | Responsive video embeds                                             |
+| `Audio`           | Audio player embeds                                                 |
+| `Files`           | Filesystem tree display                                             |
 | `ExcalidrawBlock` | Interactive Excalidraw diagrams (iframe-isolated, view/edit toggle) |
-| `Tweet` | Server-rendered tweet embeds via react-tweet |
+| `Tweet`           | Server-rendered tweet embeds via react-tweet                        |
 
 ### Also Included
 
-| Feature | Details |
-|---------|---------|
-| Fullscreen expand | Mermaid and Excalidraw diagrams both have a fullscreen overlay button |
-| TwoSlash | TypeScript hover types, errors, and completions rendered inline; results cached to filesystem |
-| Math | KaTeX rendering via `remark-math` + `rehype-katex` |
-| Syntax highlighting | [Shiki](https://shiki.style) with `catppuccin-latte` / `vesper` themes |
-| RTL code comments | Arabic comments in code blocks auto-aligned right via `rtl-spans` transformer |
-| Thmanyah fonts | Arabic and Latin typefaces from Thmanyah's design system applied globally |
-| RSS feeds | Auto-generated at `/{lang}/rss.xml` for both locales |
-| LLMs.txt | `/llms.txt` and `/llms-full.txt` following the [llms.txt](https://llmstxt.org) convention |
-| Last modified dates | Per-page git last-modified date via `fumadocs-mdx/plugins/last-modified` |
-| Changelog | Bilingual `content/changelog/` source with `version`, `date`, and `summary` fields |
+| Feature             | Details                                                                                       |
+| ------------------- | --------------------------------------------------------------------------------------------- |
+| Fullscreen expand   | Mermaid and Excalidraw diagrams both have a fullscreen overlay button                         |
+| TwoSlash            | TypeScript hover types, errors, and completions rendered inline; results cached to filesystem |
+| Math                | KaTeX rendering via `remark-math` + `rehype-katex`                                            |
+| Syntax highlighting | [Shiki](https://shiki.style) with `catppuccin-latte` / `vesper` themes                        |
+| RTL code comments   | Arabic comments in code blocks auto-aligned right via `rtl-spans` transformer                 |
+| Thmanyah fonts      | Arabic and Latin typefaces from Thmanyah's design system applied globally                     |
+| RSS feeds           | Auto-generated at `/{lang}/rss.xml` for both locales                                          |
+| LLMs.txt            | `/llms.txt` and `/llms-full.txt` following the [llms.txt](https://llmstxt.org) convention     |
+| Last modified dates | Per-page git last-modified date via `fumadocs-mdx/plugins/last-modified`                      |
+| Changelog           | Bilingual `content/changelog/` source with `version`, `date`, and `summary` fields            |

package/starter/content/docs/ar/components/accordion.mdx

@@ -6,12 +6,15 @@ icon: ChevronDown
 
 <Accordions type="single">
   <Accordion title="ما هذا القالب؟">
-    موقع توثيق مبني بـ Fumadocs يعمل على Next.js، مع دعم i18n وخطوط ثمانية والبحث المحلي.
+    موقع توثيق مبني بـ Fumadocs يعمل على Next.js، مع دعم i18n وخطوط ثمانية
+    والبحث المحلي.
   </Accordion>
   <Accordion title="هل يمكنني إضافة لغات أخرى؟">
-    نعم — أضف اللغة إلى `src/config.ts` وأنشئ مجلد <code>{'content/docs/<locale>/'}</code> المقابل.
+    نعم — أضف اللغة إلى `src/config.ts` وأنشئ مجلد{" "}
+    <code>{"content/docs/<locale>/"}</code> المقابل.
   </Accordion>
   <Accordion title="هل يعمل بدون إنترنت؟">
-    يستخدم البحث Orama محلياً — بدون طلبات API خارجية. يحتاج الموقع فقط إلى خادم ملفات ثابتة.
+    يستخدم البحث Orama محلياً — بدون طلبات API خارجية. يحتاج الموقع فقط إلى خادم
+    ملفات ثابتة.
   </Accordion>
 </Accordions>

package/starter/content/docs/ar/components/audio.mdx

@@ -6,4 +6,7 @@ icon: Music
 
 `Audio` يعرض مشغّل صوت مدمج. المصادر المدعومة: MP3 وAAC وOGG وبث HLS وروابط ملفات الصوت المباشرة.
 
-<Audio src="https://www.youtube.com/watch?v=pO5dgZrM9Mk" title="سورة الفاتحة — الشيخ محمود خليل الحصري" />
+<Audio
+  src="https://www.youtube.com/watch?v=pO5dgZrM9Mk"
+  title="سورة الفاتحة — الشيخ محمود خليل الحصري"
+/>

package/starter/content/docs/ar/components/cards.mdx

@@ -6,5 +6,10 @@ icon: LayoutGrid
 
 <Cards>
   <Card title="بطاقة أولى" description="وصف قصير يظهر هنا." href="#" />
-  <Card title="بطاقة ثانية" description="بطاقة أخرى مع رابط." href="#" icon="Star" />
+  <Card
+    title="بطاقة ثانية"
+    description="بطاقة أخرى مع رابط."
+    href="#"
+    icon="Star"
+  />
 </Cards>

package/starter/content/docs/ar/components/circuit-board.mdx

@@ -7,14 +7,36 @@ icon: CircuitBoard
 `CircuitBoardBlock` يرسم مخطط عقد متحرك مع نبضات كهربائية على المسارات. مناسب لتوضيح بنية الأنظمة والخدمات المصغّرة والتواصل بين المكونات.
 
 <CircuitBoardBlock
-  width={580} height={240}
+  width={580}
+  height={240}
   nodes={[
-    { id: "client", x: 80,  y: 120, label: "العميل",        status: "active",     icon: "Monitor" },
-    { id: "api",    x: 290, y: 120, label: "API",            status: "processing", icon: "Server" },
-    { id: "db",     x: 500, y: 120, label: "قاعدة البيانات", status: "active",     icon: "Database" },
+    {
+      id: "client",
+      x: 80,
+      y: 120,
+      label: "العميل",
+      status: "active",
+      icon: "Monitor",
+    },
+    {
+      id: "api",
+      x: 290,
+      y: 120,
+      label: "API",
+      status: "processing",
+      icon: "Server",
+    },
+    {
+      id: "db",
+      x: 500,
+      y: 120,
+      label: "قاعدة البيانات",
+      status: "active",
+      icon: "Database",
+    },
   ]}
   connections={[
     { from: "client", to: "api", animated: true },
-    { from: "api",    to: "db",  bidirectional: true },
+    { from: "api", to: "db", bidirectional: true },
   ]}
 />

package/starter/content/docs/ar/components/code-blocks.mdx

@@ -7,13 +7,13 @@ icon: Code
 كتلة كود عادية مع عنوان وتمييز بالألوان:
 
 ```ts title="src/lib/source.ts"
-import { loader } from 'fumadocs-core/source';
-import { createMDXSource } from 'fumadocs-mdx';
-import { docs } from '@/.source';
+import { loader } from "fumadocs-core/source";
+import { createMDXSource } from "fumadocs-mdx";
+import { docs } from "@/.source";
 
 // بناء مصدر التوثيق من مجموعة MDX المولّدة
 export const source = loader({
-  baseUrl: '/docs',
+  baseUrl: "/docs",
   source: createMDXSource(docs),
 });
 ```
@@ -21,10 +21,10 @@ export const source = loader({
 تمييز أسطر محددة باستخدام `// [!code highlight]`:
 
 ```tsx title="src/routes/$lang/docs/$.tsx"
-export const Route = createFileRoute('/$lang/docs/$')({
+export const Route = createFileRoute("/$lang/docs/$")({
   component: Page, // [!code highlight]
   loader: async ({ params }) => {
-    const slugs = params._splat?.split('/') ?? [];
+    const slugs = params._splat?.split("/") ?? [];
     return loader({ data: { slugs, lang: params.lang } }); // [!code highlight]
   },
 });
@@ -33,13 +33,13 @@ export const Route = createFileRoute('/$lang/docs/$')({
 أرقام الأسطر باستخدام `lineNumbers`:
 
 ```ts lineNumbers title="src/lib/source.ts"
-import { loader } from 'fumadocs-core/source';
-import { createMDXSource } from 'fumadocs-mdx';
-import { docs } from '@/.source';
+import { loader } from "fumadocs-core/source";
+import { createMDXSource } from "fumadocs-mdx";
+import { docs } from "@/.source";
 
 // بناء مصدر التوثيق من مجموعة MDX المولّدة
 export const source = loader({
-  baseUrl: '/docs',
+  baseUrl: "/docs",
   source: createMDXSource(docs),
 });
 ```

package/starter/content/docs/ar/components/drawio.mdx

@@ -6,7 +6,9 @@ icon: Share2
 
 `DrawioBlock` يُضمِّن مخطط draw.io تفاعلي كامل. مرِّر عناصر `mxCell` كـ XML خام — المكوّن يُغلّفها تلقائياً.
 
-<DrawioBlock height={300} xml={`
+<DrawioBlock
+  height={300}
+  xml={`
   <mxCell id="2" value="العميل" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
     <mxGeometry x="80" y="120" width="120" height="60" as="geometry"/>
   </mxCell>
@@ -16,4 +18,5 @@ icon: Share2
   <mxCell id="4" style="endArrow=classic;html=1;flowAnimation=1;" edge="1" source="2" target="3" parent="1">
     <mxGeometry relative="1" as="geometry"/>
   </mxCell>
-`} />
+`}
+/>

package/starter/content/docs/ar/components/dynamic-code-block.mdx

@@ -6,7 +6,10 @@ icon: Braces
 
 `DynamicCodeBlock` يعرض كتلة كود مع لغة يمكن تغييرها في وقت التشغيل:
 
-<DynamicCodeBlock lang="ts" code={`export async function greet() {
+<DynamicCodeBlock
+  lang="ts"
+  code={`export async function greet() {
   'use server';
   return { message: 'مرحباً من الخادم!' };
-}`} />
+}`}
+/>

package/starter/content/docs/ar/components/excalidraw.mdx

@@ -6,13 +6,139 @@ icon: PenLine
 
 `ExcalidrawBlock` يُضمِّن مخطط Excalidraw تفاعلي بوضع القراءة فقط. مرِّر `initialData` مع عناصر المخطط.
 
-<ExcalidrawBlock height={350} initialData={{
-  elements: [
-    { id: "1", type: "rectangle", x: 100, y: 60, width: 160, height: 60, roundness: { type: 3 }, strokeColor: "#1971c2", backgroundColor: "#d0ebff", fillStyle: "solid", strokeWidth: 2, roughness: 1, opacity: 100, groupIds: [], frameId: null, isDeleted: false, boundElements: [{ type: "text", id: "1t" }], updated: 1, version: 1, versionNonce: 1 },
-    { id: "1t", type: "text", x: 130, y: 78, width: 100, height: 25, text: "محتوى", fontSize: 16, fontFamily: 1, textAlign: "center", verticalAlign: "middle", containerId: "1", strokeColor: "#1971c2", backgroundColor: "transparent", fillStyle: "solid", strokeWidth: 1, roughness: 1, opacity: 100, groupIds: [], frameId: null, isDeleted: false, boundElements: null, updated: 1, version: 1, versionNonce: 2 },
-    { id: "2", type: "rectangle", x: 380, y: 60, width: 160, height: 60, roundness: { type: 3 }, strokeColor: "#2f9e44", backgroundColor: "#d3f9d8", fillStyle: "solid", strokeWidth: 2, roughness: 1, opacity: 100, groupIds: [], frameId: null, isDeleted: false, boundElements: [{ type: "text", id: "2t" }], updated: 1, version: 1, versionNonce: 3 },
-    { id: "2t", type: "text", x: 410, y: 78, width: 100, height: 25, text: "نشر", fontSize: 16, fontFamily: 1, textAlign: "center", verticalAlign: "middle", containerId: "2", strokeColor: "#2f9e44", backgroundColor: "transparent", fillStyle: "solid", strokeWidth: 1, roughness: 1, opacity: 100, groupIds: [], frameId: null, isDeleted: false, boundElements: null, updated: 1, version: 1, versionNonce: 4 },
-    { id: "3", type: "arrow", x: 260, y: 90, width: 120, height: 0, strokeColor: "#495057", backgroundColor: "transparent", fillStyle: "solid", strokeWidth: 2, roughness: 1, opacity: 100, groupIds: [], frameId: null, isDeleted: false, boundElements: null, updated: 1, version: 1, versionNonce: 5, startBinding: { elementId: "1", focus: 0, gap: 1 }, endBinding: { elementId: "2", focus: 0, gap: 1 }, points: [[0,0],[120,0]], lastCommittedPoint: null, startArrowhead: null, endArrowhead: "arrow" }
-  ],
-  appState: { viewBackgroundColor: "transparent" }
-}} />
+<ExcalidrawBlock
+  height={350}
+  initialData={{
+    elements: [
+      {
+        id: "1",
+        type: "rectangle",
+        x: 100,
+        y: 60,
+        width: 160,
+        height: 60,
+        roundness: { type: 3 },
+        strokeColor: "#1971c2",
+        backgroundColor: "#d0ebff",
+        fillStyle: "solid",
+        strokeWidth: 2,
+        roughness: 1,
+        opacity: 100,
+        groupIds: [],
+        frameId: null,
+        isDeleted: false,
+        boundElements: [{ type: "text", id: "1t" }],
+        updated: 1,
+        version: 1,
+        versionNonce: 1,
+      },
+      {
+        id: "1t",
+        type: "text",
+        x: 130,
+        y: 78,
+        width: 100,
+        height: 25,
+        text: "محتوى",
+        fontSize: 16,
+        fontFamily: 1,
+        textAlign: "center",
+        verticalAlign: "middle",
+        containerId: "1",
+        strokeColor: "#1971c2",
+        backgroundColor: "transparent",
+        fillStyle: "solid",
+        strokeWidth: 1,
+        roughness: 1,
+        opacity: 100,
+        groupIds: [],
+        frameId: null,
+        isDeleted: false,
+        boundElements: null,
+        updated: 1,
+        version: 1,
+        versionNonce: 2,
+      },
+      {
+        id: "2",
+        type: "rectangle",
+        x: 380,
+        y: 60,
+        width: 160,
+        height: 60,
+        roundness: { type: 3 },
+        strokeColor: "#2f9e44",
+        backgroundColor: "#d3f9d8",
+        fillStyle: "solid",
+        strokeWidth: 2,
+        roughness: 1,
+        opacity: 100,
+        groupIds: [],
+        frameId: null,
+        isDeleted: false,
+        boundElements: [{ type: "text", id: "2t" }],
+        updated: 1,
+        version: 1,
+        versionNonce: 3,
+      },
+      {
+        id: "2t",
+        type: "text",
+        x: 410,
+        y: 78,
+        width: 100,
+        height: 25,
+        text: "نشر",
+        fontSize: 16,
+        fontFamily: 1,
+        textAlign: "center",
+        verticalAlign: "middle",
+        containerId: "2",
+        strokeColor: "#2f9e44",
+        backgroundColor: "transparent",
+        fillStyle: "solid",
+        strokeWidth: 1,
+        roughness: 1,
+        opacity: 100,
+        groupIds: [],
+        frameId: null,
+        isDeleted: false,
+        boundElements: null,
+        updated: 1,
+        version: 1,
+        versionNonce: 4,
+      },
+      {
+        id: "3",
+        type: "arrow",
+        x: 260,
+        y: 90,
+        width: 120,
+        height: 0,
+        strokeColor: "#495057",
+        backgroundColor: "transparent",
+        fillStyle: "solid",
+        strokeWidth: 2,
+        roughness: 1,
+        opacity: 100,
+        groupIds: [],
+        frameId: null,
+        isDeleted: false,
+        boundElements: null,
+        updated: 1,
+        version: 1,
+        versionNonce: 5,
+        startBinding: { elementId: "1", focus: 0, gap: 1 },
+        endBinding: { elementId: "2", focus: 0, gap: 1 },
+        points: [
+          [0, 0],
+          [120, 0],
+        ],
+        lastCommittedPoint: null,
+        startArrowhead: null,
+        endArrowhead: "arrow",
+      },
+    ],
+    appState: { viewBackgroundColor: "transparent" },
+  }}
+/>

package/starter/content/docs/ar/components/figma.mdx

@@ -7,10 +7,14 @@ icon: Figma
 `FigmaBlock` يُضمِّن ملف Figma أو نموذجاً تفاعلياً أو لوحة FigJam. مرِّر رابط المشاركة من Figma مباشرةً — يُحوَّل تلقائياً إلى رابط التضمين.
 
 <Callout type="info">
-  يجب أن يكون الملف عاماً أو مفعّلاً بخيار "يمكن لأي شخص لديه الرابط المشاهدة" حتى يظهر التضمين.
+  يجب أن يكون الملف عاماً أو مفعّلاً بخيار "يمكن لأي شخص لديه الرابط المشاهدة"
+  حتى يظهر التضمين.
 </Callout>
 
-````mdx
+```mdx
 <FigmaBlock url="https://www.figma.com/design/abc123/My-File" />
-<FigmaBlock url="https://www.figma.com/proto/abc123/My-Prototype" height={600} />
-````
+<FigmaBlock
+  url="https://www.figma.com/proto/abc123/My-Prototype"
+  height={600}
+/>
+```