نص الويكي الجديد للصفحة، بعد التعديل (new_wikitext) | ''''سِفلت، {{إنج|Svelte}}''' هو [[محول برمجي|مُجمع برمجي]] (Compiler) [[برمجيات حرة|حر]] و [[مصدر مفتوح|مفتوحة المصدر]] لواجهات المستخدم على الويب، صُممه ريتش هاريس، يُدار عبر المتطوعين في الفريق الرئيسي لسِفلت<ref>{{استشهاد ويب
| url = https://www.infoworld.com/article/3146966/slim-speedy-svelte-framework-puts-javascript-on-a-diet.html
| title = Slim, speedy Svelte framework puts JavaScript on a diet
| date = 2016-12-02
| website = InfoWorld
| language = en
| accessdate = 2022-10-27
| last = Krill
| first = Paul
}}</ref>، على نقيض بقية إطارات عمل ومكتبات جافاسكربت لا يتبع سِفلت نفس النهج فبدلًا من أن يكون مكتبة تعدل على شجرة [[نموذج كائن المستند|DOM]]، يتبع سفليت نهج المجمعات البرمجية (Compiler)، يحول قالب HTML إلى كُود مخصص بقدوره التعديل على شجرة [[نموذج كائن المستند|DOM]] مباشرةً، يُقلل ذلك حجم الملفات والبيانات المتبادلة بين الخادم والمتصفح، ويعطي أداءً أفضل<ref>{{استشهاد ويب
| url = https://react-etc.net/entry/react-vs-svelte-the-javascript-build-time-framework
| title = React vs. Svelte, the JavaScript build-time framework
| website = react-etc.net
| accessdate = 2022-10-27
}}</ref>.
ويعد الكود الناتج من سِفلت تفاعليًا بمقدوره التعامل مع تغير البيانات وإعادة تصير المكونات (re-render) على الصفحة حال تغير البيانات، على عكس إطارات عمل جافاسكربت الإعتيادية التي تُحمل معها كود إضافي ليوفر [[وقت التنفيذ|بيئة وقت-التشغيل]] (Runtime) لإطار العمل تتمكن عبرها من تتبع التغيرات.{{بطاقة برمجية
| qid = Q114159171
}}
== التاريخ ==
عمل ريش هاريس على Ractive.js في بداية التطوير، حيث كانت [[نموذج مبدئي|نموذجًا أوليًا]] لفكرة Svelte.<ref name=":0">{{استشهاد ويب
| url = https://valuelogic.one/blog/the-rise-of-the-svelte-javascript-framework/
| title = About the Svelte JavaScript framework
| date = 2020-11-19
| website = ValueLogic {{!}} Blog
| accessdate = 2022-10-27
| last = Świstak
| first = Tomasz
}}</ref>
وكُتب الإصدار الأول من مُجمع سِفلت بلغة [[جافا سكريبت|جافاسكربت]]، حيث أعتمد على Ractive.js في التفاعلية، وعلى المجمع في إنشاء العناصر، وتم اختيار الاسم سِفلت بواسطة ريش هاريس وزملاءه بالعمل في صحيفة [[الغارديان]]، وصدر في 29 نوفمبر 2016، في حين صدر الإصدار الثاني من سفليت في 19 أبريل 2018، وكان بمثابة تصحيح للأخطاء التصميمية بالمجمع البرمجي في الإصدار الأول، وأصبحت القوالب تستخدم [[قوس (ترقيم)|قوس معقوف]] واحد <code>{}</code>، بدلًا من قوسين معقوفين <code><nowiki>{{}}</nowiki></code>.<ref>{{استشهاد|title=Svelte Origins: A JavaScript Documentary|url=https://www.youtube.com/watch?v=kMlkCYL9qo0|accessdate=2022-10-27|language=en|publisher=OfferZen Origins|trans_title=أصل سِفلت، وثائقي جافاسكربت}}</ref>
أُعيد برمجة المحول البرمجي في 21 أبريل 2019 بلغة [[تايب سكريبت|تايب سكربت]]، وتم إعادة التفكير بشأن توفير التفاعلية عبر المحول البرمجي نفسه خلف الكواليس.
أطلق إطار عمل SvelteKit في أُكتوبر 2020، و أُعلن عن الإصدار التجريبي في مارس 2021.
== نظرة عامة ==
أستطاع سِفلت إثبات فكرة استخدام [[محول برمجي]] لإنشاء مكونات تفاعلية، بدلًا من الإعتماد على مفاهيم مثل شجرة المكونات الظاهرية (VDOM)، أو تقنية مكونات الويب (web component)، واستلهم فكرة مكون في ملف واحد (SFC) من [[فيو جي إس|فيو]] جي إس<ref name=":0">{{استشهاد ويب
| url = https://valuelogic.one/blog/the-rise-of-the-svelte-javascript-framework/
| title = About the Svelte JavaScript framework
| date = 2020-11-19
| website = ValueLogic {{!}} Blog
| accessdate = 2022-10-27
| last = Świstak
| first = Tomasz
}}</ref>.
التبني المطورين
حظي سِفلت بجمهور كبير، وتبنته العديد من الشركات في مشاريعها أبرزها: [[نيويورك تايمز|صحيفة نيويورك تايمز]]، [[كلاود فلير|كلاودفلاير]]، [[سبوتيفاي]]، [[أبل]]، [[بايت دانس]]، [[بلومبيرغ نيوز|بلومبيرغ]] و [[بريف (متصفح ويب)|بريف]].<ref>{{استشهاد ويب
| url = https://www.wappalyzer.com/technologies/javascript-frameworks/svelte/
| title = Websites using Svelte - Wappalyzer
| website = www.wappalyzer.com
| accessdate = 2022-10-27
}}</ref><ref>{{استشهاد ويب
| url = https://svelte.dev/
| title = Svelte • Cybernetically enhanced web apps
| website = svelte.dev
| language = en
| accessdate = 2022-10-27
}}</ref> وبحسب إحصائية [[ستاك أوفرفلو|ستاك أوفر فلو]] لعام 2021 كان سِفلت أكثر إطار عمل حبوبًا بين مبرمجي الويب<ref>{{استشهاد ويب
| url = https://insights.stackoverflow.com/survey/2021/?utm_source=social-share&utm_medium=social&utm_campaign=dev-survey-2021
| title = Stack Overflow Developer Survey 2021
| website = Stack Overflow
| language = en
| accessdate = 2022-10-27
}}</ref>. كما حصل على أكثر من 60 ألف نجمة في المستودع الرسمي للمشروع على قتهاب في 2022.
أستلهمت فكرة إنشاء إطار عمل SvelteKit من [[نكست جي إس]]، لتوفير طريقة أسهل على المطورين لإنشاء مواقع باستخدام سفلت، وهو بديل إطار عمل سِفلت <code dir="ltr" lang="en">Sapper</code> السابق.<ref>{{استشهاد ويب
| url = https://svelte.dev/blog/sapper-towards-the-ideal-web-app-framework
| title = Sapper: Towards the ideal web app framework
| website = svelte.dev
| language = en
| accessdate = 2022-10-27
| last = Harris
| first = Rich
}}</ref>
=== بناء الجملة البرمجية ===
تُبنى تطبيقات ومكونات سِفلت عبر إنشاء ملف بإمتداد <code dir="ltr" lang="en">.svelte</code> ويعد صيغة مُحسنة من HTML، مع نظام قولبة مشابه إلى JSX.
يستخدم سِفلت تعبير جافاسكربت <code dir="ltr" lang="en">$:</code> للأجزاء التفاعلية، بينما تُعبر المتغيرات عن حالات للمكون وتدمج كل من هذه التعابير مع قالب HTML للحصول على مكون تفاعلي، كما تستخدم الأقواس المعقوفة، لتنفيذ تعابير جافاسكربت في داخل قالب HTML كما هو موضح أدناه:
{{Syntaxhighlight|lang=js|code=<script>
let count = 1;
$: doubled = count * 2;
</script>
<p>{count} * 2 = {doubled}</p>
<button on:click={() => count = count + 1}>Count</button>}}
== أنظر أيضًا ==
* [[إطار عمل جافا سكريبت|إطار عمل جافاسكربت]]
* [[محول برمجي]]
* [[لغة توصيف]]
== المراجع ==
{{مراجع}}
== وصلات خارجية ==
* {{الموقع الرسمي}}
[[تصنيف:جافا سكريبت]]
[[تصنيف:برمجية حرة مفتوحة المصدر]]
[[تصنيف:واجهات مستخدم]]' |
السطور المضافة في التعديل (added_lines) | [
0 => ''''سِفلت، {{إنج|Svelte}}''' هو [[محول برمجي|مُجمع برمجي]] (Compiler) [[برمجيات حرة|حر]] و [[مصدر مفتوح|مفتوحة المصدر]] لواجهات المستخدم على الويب، صُممه ريتش هاريس، يُدار عبر المتطوعين في الفريق الرئيسي لسِفلت<ref>{{استشهاد ويب',
1 => '| url = https://www.infoworld.com/article/3146966/slim-speedy-svelte-framework-puts-javascript-on-a-diet.html',
2 => '| title = Slim, speedy Svelte framework puts JavaScript on a diet',
3 => '| date = 2016-12-02',
4 => '| website = InfoWorld',
5 => '| language = en',
6 => '| accessdate = 2022-10-27',
7 => '| last = Krill',
8 => '| first = Paul',
9 => '}}</ref>، على نقيض بقية إطارات عمل ومكتبات جافاسكربت لا يتبع سِفلت نفس النهج فبدلًا من أن يكون مكتبة تعدل على شجرة [[نموذج كائن المستند|DOM]]، يتبع سفليت نهج المجمعات البرمجية (Compiler)، يحول قالب HTML إلى كُود مخصص بقدوره التعديل على شجرة [[نموذج كائن المستند|DOM]] مباشرةً، يُقلل ذلك حجم الملفات والبيانات المتبادلة بين الخادم والمتصفح، ويعطي أداءً أفضل<ref>{{استشهاد ويب',
10 => '| url = https://react-etc.net/entry/react-vs-svelte-the-javascript-build-time-framework',
11 => '| title = React vs. Svelte, the JavaScript build-time framework',
12 => '| website = react-etc.net',
13 => '| accessdate = 2022-10-27',
14 => '}}</ref>.',
15 => '',
16 => 'ويعد الكود الناتج من سِفلت تفاعليًا بمقدوره التعامل مع تغير البيانات وإعادة تصير المكونات (re-render) على الصفحة حال تغير البيانات، على عكس إطارات عمل جافاسكربت الإعتيادية التي تُحمل معها كود إضافي ليوفر [[وقت التنفيذ|بيئة وقت-التشغيل]] (Runtime) لإطار العمل تتمكن عبرها من تتبع التغيرات.{{بطاقة برمجية',
17 => '| qid = Q114159171',
18 => '}}',
19 => '',
20 => '== التاريخ ==',
21 => 'عمل ريش هاريس على Ractive.js في بداية التطوير، حيث كانت [[نموذج مبدئي|نموذجًا أوليًا]] لفكرة Svelte.<ref name=":0">{{استشهاد ويب',
22 => '| url = https://valuelogic.one/blog/the-rise-of-the-svelte-javascript-framework/',
23 => '| title = About the Svelte JavaScript framework',
24 => '| date = 2020-11-19',
25 => '| website = ValueLogic {{!}} Blog',
26 => '| accessdate = 2022-10-27',
27 => '| last = Świstak',
28 => '| first = Tomasz',
29 => '}}</ref>',
30 => '',
31 => 'وكُتب الإصدار الأول من مُجمع سِفلت بلغة [[جافا سكريبت|جافاسكربت]]، حيث أعتمد على Ractive.js في التفاعلية، وعلى المجمع في إنشاء العناصر، وتم اختيار الاسم سِفلت بواسطة ريش هاريس وزملاءه بالعمل في صحيفة [[الغارديان]]، وصدر في 29 نوفمبر 2016، في حين صدر الإصدار الثاني من سفليت في 19 أبريل 2018، وكان بمثابة تصحيح للأخطاء التصميمية بالمجمع البرمجي في الإصدار الأول، وأصبحت القوالب تستخدم [[قوس (ترقيم)|قوس معقوف]] واحد <code>{}</code>، بدلًا من قوسين معقوفين <code><nowiki>{{}}</nowiki></code>.<ref>{{استشهاد|title=Svelte Origins: A JavaScript Documentary|url=https://www.youtube.com/watch?v=kMlkCYL9qo0|accessdate=2022-10-27|language=en|publisher=OfferZen Origins|trans_title=أصل سِفلت، وثائقي جافاسكربت}}</ref>',
32 => '',
33 => 'أُعيد برمجة المحول البرمجي في 21 أبريل 2019 بلغة [[تايب سكريبت|تايب سكربت]]، وتم إعادة التفكير بشأن توفير التفاعلية عبر المحول البرمجي نفسه خلف الكواليس.',
34 => '',
35 => 'أطلق إطار عمل SvelteKit في أُكتوبر 2020، و أُعلن عن الإصدار التجريبي في مارس 2021.',
36 => '',
37 => '== نظرة عامة ==',
38 => 'أستطاع سِفلت إثبات فكرة استخدام [[محول برمجي]] لإنشاء مكونات تفاعلية، بدلًا من الإعتماد على مفاهيم مثل شجرة المكونات الظاهرية (VDOM)، أو تقنية مكونات الويب (web component)، واستلهم فكرة مكون في ملف واحد (SFC) من [[فيو جي إس|فيو]] جي إس<ref name=":0">{{استشهاد ويب',
39 => '| url = https://valuelogic.one/blog/the-rise-of-the-svelte-javascript-framework/',
40 => '| title = About the Svelte JavaScript framework',
41 => '| date = 2020-11-19',
42 => '| website = ValueLogic {{!}} Blog',
43 => '| accessdate = 2022-10-27',
44 => '| last = Świstak',
45 => '| first = Tomasz',
46 => '}}</ref>.',
47 => '',
48 => 'التبني المطورين',
49 => '',
50 => 'حظي سِفلت بجمهور كبير، وتبنته العديد من الشركات في مشاريعها أبرزها: [[نيويورك تايمز|صحيفة نيويورك تايمز]]، [[كلاود فلير|كلاودفلاير]]، [[سبوتيفاي]]، [[أبل]]، [[بايت دانس]]، [[بلومبيرغ نيوز|بلومبيرغ]] و [[بريف (متصفح ويب)|بريف]].<ref>{{استشهاد ويب',
51 => '| url = https://www.wappalyzer.com/technologies/javascript-frameworks/svelte/',
52 => '| title = Websites using Svelte - Wappalyzer',
53 => '| website = www.wappalyzer.com',
54 => '| accessdate = 2022-10-27',
55 => '}}</ref><ref>{{استشهاد ويب',
56 => '| url = https://svelte.dev/',
57 => '| title = Svelte • Cybernetically enhanced web apps',
58 => '| website = svelte.dev',
59 => '| language = en',
60 => '| accessdate = 2022-10-27',
61 => '}}</ref> وبحسب إحصائية [[ستاك أوفرفلو|ستاك أوفر فلو]] لعام 2021 كان سِفلت أكثر إطار عمل حبوبًا بين مبرمجي الويب<ref>{{استشهاد ويب',
62 => '| url = https://insights.stackoverflow.com/survey/2021/?utm_source=social-share&utm_medium=social&utm_campaign=dev-survey-2021',
63 => '| title = Stack Overflow Developer Survey 2021',
64 => '| website = Stack Overflow',
65 => '| language = en',
66 => '| accessdate = 2022-10-27',
67 => '}}</ref>. كما حصل على أكثر من 60 ألف نجمة في المستودع الرسمي للمشروع على قتهاب في 2022.',
68 => '',
69 => 'أستلهمت فكرة إنشاء إطار عمل SvelteKit من [[نكست جي إس]]، لتوفير طريقة أسهل على المطورين لإنشاء مواقع باستخدام سفلت، وهو بديل إطار عمل سِفلت <code dir="ltr" lang="en">Sapper</code> السابق.<ref>{{استشهاد ويب',
70 => '| url = https://svelte.dev/blog/sapper-towards-the-ideal-web-app-framework',
71 => '| title = Sapper: Towards the ideal web app framework',
72 => '| website = svelte.dev',
73 => '| language = en',
74 => '| accessdate = 2022-10-27',
75 => '| last = Harris',
76 => '| first = Rich',
77 => '}}</ref>',
78 => '',
79 => '=== بناء الجملة البرمجية ===',
80 => 'تُبنى تطبيقات ومكونات سِفلت عبر إنشاء ملف بإمتداد <code dir="ltr" lang="en">.svelte</code> ويعد صيغة مُحسنة من HTML، مع نظام قولبة مشابه إلى JSX.',
81 => '',
82 => 'يستخدم سِفلت تعبير جافاسكربت <code dir="ltr" lang="en">$:</code> للأجزاء التفاعلية، بينما تُعبر المتغيرات عن حالات للمكون وتدمج كل من هذه التعابير مع قالب HTML للحصول على مكون تفاعلي، كما تستخدم الأقواس المعقوفة، لتنفيذ تعابير جافاسكربت في داخل قالب HTML كما هو موضح أدناه:',
83 => '',
84 => '{{Syntaxhighlight|lang=js|code=<script>',
85 => ' let count = 1;',
86 => ' $: doubled = count * 2;',
87 => '</script>',
88 => '',
89 => '<p>{count} * 2 = {doubled}</p>',
90 => '',
91 => '<button on:click={() => count = count + 1}>Count</button>}}',
92 => '',
93 => '== أنظر أيضًا ==',
94 => '',
95 => '* [[إطار عمل جافا سكريبت|إطار عمل جافاسكربت]]',
96 => '* [[محول برمجي]]',
97 => '* [[لغة توصيف]]',
98 => '',
99 => '== المراجع ==',
100 => '{{مراجع}}',
101 => '',
102 => '== وصلات خارجية ==',
103 => '',
104 => '* {{الموقع الرسمي}}',
105 => '',
106 => '[[تصنيف:جافا سكريبت]]',
107 => '[[تصنيف:برمجية حرة مفتوحة المصدر]]',
108 => '[[تصنيف:واجهات مستخدم]]'
] |
نص الصفحة الجديد، مجردا من أية تهيئة (new_text) | 'سِفلت، (بالإنجليزية: Svelte) هو مُجمع برمجي (Compiler) حر و مفتوحة المصدر لواجهات المستخدم على الويب، صُممه ريتش هاريس، يُدار عبر المتطوعين في الفريق الرئيسي لسِفلت[1]، على نقيض بقية إطارات عمل ومكتبات جافاسكربت لا يتبع سِفلت نفس النهج فبدلًا من أن يكون مكتبة تعدل على شجرة DOM، يتبع سفليت نهج المجمعات البرمجية (Compiler)، يحول قالب HTML إلى كُود مخصص بقدوره التعديل على شجرة DOM مباشرةً، يُقلل ذلك حجم الملفات والبيانات المتبادلة بين الخادم والمتصفح، ويعطي أداءً أفضل[2].
ويعد الكود الناتج من سِفلت تفاعليًا بمقدوره التعامل مع تغير البيانات وإعادة تصير المكونات (re-render) على الصفحة حال تغير البيانات، على عكس إطارات عمل جافاسكربت الإعتيادية التي تُحمل معها كود إضافي ليوفر بيئة وقت-التشغيل (Runtime) لإطار العمل تتمكن عبرها من تتبع التغيرات..mw-parser-output div.infobox_v3b,.mw-parser-output .mainTable{padding:0px;width:25em;background:#f9f9f9;border:1px solid #aaa;clear:left;float:left;font-size:0.9em;line-height:1.4;margin:0 0 0.5em 1em;max-width:325px;word-wrap:break-word}.mw-parser-output .infobox_v3b .secTable{border-radius:unset;color:inherit;margin:unset!important;border:unset}.mw-parser-output .infobox_v3b .entete{display:table;height:45px;width:100%;font-weight:bold;text-align:center;font-size:1.4em;line-height:1.1;margin-bottom:10px;background-color:#dfedff}.mw-parser-output .infobox_v3b .entete>div{display:table-cell;vertical-align:middle;padding:3px}.mw-parser-output .infobox_v3b:not(.large) .entete.icon>div{padding:3px 48px}.mw-parser-output .infobox_v3b .images{text-align:center;display:flex;justify-content:space-around;align-items:center}.mw-parser-output .infobox_v3b .images a{max-width:100%;flex:0 0 auto}.mw-parser-output .infobox_v3b .deux-images a{max-width:48%}.mw-parser-output .infobox_v3b .images img{max-width:100%;height:auto}.mw-parser-output .infobox_v3b .legend{font-size:0.9em;text-align:center;margin:5px 0 8px 0}.mw-parser-output .infobox_v3b table,.mw-parser-output .secTable{width:100%;margin:2px 0;table-layout:fixed;border-collapse:separate}.mw-parser-output .infobox_v3b th[scope="col"]{text-align:center;word-wrap:normal}.mw-parser-output .infobox_v3b th[scope=row]{text-align:right;padding-right:10px;width:8em;max-width:140px;word-wrap:normal;background-color:#F3F3F3}.mw-parser-output .infobox_v3b th[scope=row],.mw-parser-output .infobox_v3b td{padding-top:4px;vertical-align:super}.mw-parser-output .infobox_v3b th[scope=row].middle{vertical-align:middle}.mw-parser-output .infobox_v3b.bordered th[scope=row],.mw-parser-output .infobox_v3b.bordered td{padding-bottom:4px;border-top:1px solid #dfedff}.mw-parser-output .infobox_v3b.bordered caption.bordered{margin:0 0 -1px 0}.mw-parser-output .infobox_v3b tr.left td{text-align:right}.mw-parser-output .infobox_v3b tr.vborder td{border-left:1px dotted #aaa}.mw-parser-output .infobox_v3b tr.vborder td:first-child{border-left:none}.mw-parser-output .infobox_v3b td.data{text-align:center}.mw-parser-output .infobox_v3b tr:first-child ul:first-child{margin-top:0}.mw-parser-output .infobox_v3b .url{direction:ltr;text-align:left;font-size:0.9em}.mw-parser-output .infobox_v3b p.bloc,.mw-parser-output .infobox_v3b caption{font-weight:bold;text-align:center;line-height:1.1;margin:0 0 2px 0;padding:4px;background:#dfedff}.mw-parser-output .infobox_v3b p.bloc{margin:5px 0}.mw-parser-output .infobox_v3b caption.bordered,.mw-parser-output .infobox_v3b p.bordered{border-top:1px solid #dfedff;border-bottom:1px solid #dfedff;background:transparent}.mw-parser-output .infobox_v3b .bordered.navbar,.mw-parser-output .infobox_v3b .bordered.nav{padding-top:4px;border-bottom:0}.mw-parser-output .infobox_v3b caption.hidden{margin:0!important;padding:0!important}.mw-parser-output .infobox_v3b .hr{font-size:1px;line-height:1px;margin:5px 0;background-color:#dfedff;clear:both}.mw-parser-output .infobox_v3b .hr.collapse{margin:5px 0 -8px 0}.mw-parser-output .infobox_v3b .navbar{text-align:right;font-size:0.8em!important;line-height:1.1;margin:8px 0 0}.mw-parser-output .infobox_v3b .navbar .plainlinks{float:right}.mw-parser-output .infobox_v3b .overflow{overflow:hidden;width:100%}.mw-parser-output .infobox_v3b .prev a,.mw-parser-output .infobox_v3b .prev_bloc{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/1/10/ArrowRightNavbox.svg/12px-ArrowRightNavbox.svg.png")no-repeat right center;float:right;max-width:70%;padding:3px 18px 3px 3px;text-align:right;background-color:#F3F3F3;margin:3px}.mw-parser-output .infobox_v3b .next a,.mw-parser-output .infobox_v3b .next_bloc{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/4/49/ArrowLeftNavbox.svg/12px-ArrowLeftNavbox.svg.png")no-repeat left center;float:left;max-width:70%;padding:3px 3px 3px 18px;text-align:left;background-color:#F3F3F3;direction:ltr;margin:3px}.mw-parser-output .infobox_v3b table.maillot-equipe td{padding:0}.mw-parser-output .infobox_v3b table.maillot-equipe{table-layout:auto}.mw-parser-output .infobox_v3b a.NavToggle{position:unset}.mw-parser-output .mwe-math-mathml-a11y{width:auto!important;height:auto!important}.mw-parser-output .entete.aerostat{background:url("//upload.wikimedia.org/wikipedia/commons/7/7e/Picto_infobox_aerostat.png")no-repeat top right}.mw-parser-output .entete.aikido{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Aikido_pictogram.svg/40px-Aikido_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.alpinisme{background:url("//upload.wikimedia.org/wikipedia/commons/d/df/Picto_infobox_alpinisme.png")no-repeat top right}.mw-parser-output .entete.arbitre{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Referee_football_pictogram.svg/35px-Referee_football_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.arc{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8e/Archery_pictogram.svg/35px-Archery_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.archives2{background:url("//upload.wikimedia.org/wikipedia/commons/d/d6/Picto_infobox_archives.png")no-repeat top right}.mw-parser-output .entete.arduino,.mw-parser-output .entete.electro{background:url("//upload.wikimedia.org/wikipedia/commons/c/ce/Arduino_ftdi_chip-1.png")no-repeat top right}.mw-parser-output .entete.artiste{background:url("//upload.wikimedia.org/wikipedia/commons/f/f3/Picto_infobox_artiste.png")no-repeat top right}.mw-parser-output .entete.artsmartiauxjap{background:url("//upload.wikimedia.org/wikipedia/commons/8/81/Picto_infobox_samourai.png")no-repeat top right}.mw-parser-output .entete.association{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Collaboration_logo_infobox.svg/50px-Collaboration_logo_infobox.svg.png")no-repeat top right}.mw-parser-output .entete.athletisme{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8f/Athletics_pictogram.svg/40px-Athletics_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.audio{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/35px-Gnome-speakernotes.png")no-repeat top right}.mw-parser-output .entete.auteur{background:url("//upload.wikimedia.org/wikipedia/commons/1/1e/Picto_infobox_auteur.png")no-repeat top right}.mw-parser-output .entete.autogire{background:url("//upload.wikimedia.org/wikipedia/commons/e/e6/Picto_Autogyro.png")no-repeat top right}.mw-parser-output .entete.automobile{background:url("//upload.wikimedia.org/wikipedia/commons/9/99/Picto_infobox_automobil.png")no-repeat top right}.mw-parser-output .entete.avion{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Airplane_silhouette_white.svg/40px-Airplane_silhouette_white.svg.png")no-repeat top right}.mw-parser-output .entete.aviron{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Rowing_pictogram.svg/35px-Rowing_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.badminton{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/9/90/Badminton_pictogram.svg/35px-Badminton_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.baseball{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Baseball_pictogram.svg/35px-Baseball_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.basket-ball{background:url("//upload.wikimedia.org/wikipedia/commons/f/f4/Picto_Infobox_Basketball.png")no-repeat top right}.mw-parser-output .entete.bd{background:url("//upload.wikimedia.org/wikipedia/commons/2/2c/Picto_infobox_comicballoon.png")no-repeat top right}.mw-parser-output .entete.biathlon{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/0/00/Biathlon_pictogram.svg/40px-Biathlon_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.biere{background:url("//upload.wikimedia.org/wikipedia/commons/0/04/Picto_infobox_beer.png")no-repeat top right}.mw-parser-output .entete.book,.mw-parser-output .entete.universite{background:url("//upload.wikimedia.org/wikipedia/commons/4/42/Picto_infobox_book.png")no-repeat top right}.mw-parser-output .entete.boxe{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/c/c2/Boxing_pictogram.svg/35px-Boxing_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.calendrier{background:url("//upload.wikimedia.org/wikipedia/commons/4/4a/Almanacco.png")no-repeat top right}.mw-parser-output .entete.camera{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/8/80/Camera-photo.svg/120px-Camera-photo.svg.png")no-repeat top right}.mw-parser-output .entete.canada{background:url("//upload.wikimedia.org/wikipedia/commons/6/6a/Picto_infobox_Canada.png")no-repeat top right}.mw-parser-output .entete.cardinal{background:url("//upload.wikimedia.org/wikipedia/commons/0/03/Picto_infobox_cardinal.png")no-repeat top right}.mw-parser-output .entete.catch{background:url("//upload.wikimedia.org/wikipedia/commons/7/79/Picto_infobox_catch.png")no-repeat top right}.mw-parser-output .entete.chateau{background:url("//upload.wikimedia.org/wikipedia/commons/5/5c/Picto_infobox_chateau.png")no-repeat top right}.mw-parser-output .entete.chimie{background:url("//upload.wikimedia.org/wikipedia/commons/c/ce/Picto_infobox_chemistry_HUN.png")no-repeat top right}.mw-parser-output .entete.cinema{background:url("//upload.wikimedia.org/wikipedia/commons/e/ea/Picto_infobox_cinema.png")no-repeat top right}.mw-parser-output .entete.commonwealth{background:url("//upload.wikimedia.org/wikipedia/commons/d/db/Picto_infobox_Commonwealth.png")no-repeat top right}.mw-parser-output .entete.communication{background:url("//upload.wikimedia.org/wikipedia/commons/a/a2/Picto_infobox_antenna.png")no-repeat top right}.mw-parser-output .entete.cyclisme{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/8/86/Cycling_%28road%29_pictogram.svg/45px-Cycling_%28road%29_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.deportation{background:url("//upload.wikimedia.org/wikipedia/commons/e/e0/Picto_Infobox_deportation.png")no-repeat top right}.mw-parser-output .entete.diplomatie{background:url("//upload.wikimedia.org/wikipedia/commons/e/e0/Picto_infobox_ambassade.png")no-repeat top right}.mw-parser-output .entete.disney{background:url("//upload.wikimedia.org/wikipedia/commons/d/d3/Picto_infobox_Disney.png")no-repeat top right}.mw-parser-output .entete.droit{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/1/17/Balance%2C_by_David.svg/40px-Balance%2C_by_David.svg.png")no-repeat top right}.mw-parser-output .entete.drone-civil{background:url("//upload.wikimedia.org/wikipedia/commons/c/ce/Picto_infobox_civil_drone.png")no-repeat top right;background-size:45px 45px}.mw-parser-output .entete.egypte-antique{background:url("//upload.wikimedia.org/wikipedia/commons/c/cc/Picto_infobox_ancient_Egypt.png")no-repeat top right}.mw-parser-output .entete.entreprise{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/1/19/Factory_black.png/40px-Factory_black.png")no-repeat top right}.mw-parser-output .entete.entreprise-blanc{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/0/0e/Factory_white.png/40px-Factory_white.png")no-repeat top right}.mw-parser-output .entete.equitation{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/2/24/Equestrian_pictogram.svg/35px-Equestrian_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.escalade{background:url("//upload.wikimedia.org/wikipedia/commons/e/e1/Picto_infobox_escalade.png")no-repeat top right}.mw-parser-output .entete.escalade{background:url("//upload.wikimedia.org/wikipedia/commons/f/f4/Picto_infobox_alpinisme-escalade.png")no-repeat top right}.mw-parser-output .entete.escrime{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/0/02/Fencing_pictogram.svg/35px-Fencing_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.espagne{background:url("//upload.wikimedia.org/wikipedia/commons/1/11/Picto_Infobox_Coat_of_Arms_of_Spain.png")no-repeat top right}.mw-parser-output .entete.eveque{background:url("//upload.wikimedia.org/wikipedia/commons/b/b3/Picto_infobox_bishop.png")no-repeat top right}.mw-parser-output .entete.factory{background:url("//upload.wikimedia.org/wikipedia/commons/f/ff/Picto_infobox_enterprise.png")no-repeat top right}.mw-parser-output .entete.floorball{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Floorball_pictogram.svg/35px-Floorball_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.fondeur{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Cross_country_skiing_pictogram.svg/40px-Cross_country_skiing_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.football{background:url("//upload.wikimedia.org/wikipedia/commons/f/f8/Infobox_Football_pictogram.png")no-repeat top right}.mw-parser-output .entete.footballblack{background:url("//upload.wikimedia.org/wikipedia/commons/8/86/Picto_infobox_fotbal_2.png")no-repeat top right}.mw-parser-output .entete.footUS{background:url("//upload.wikimedia.org/wikipedia/commons/4/4e/Picto_Foot_US.png")no-repeat top right}.mw-parser-output .entete.futsal{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/b/b0/Futsal_pictogram.svg/35px-Futsal_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.golf{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Golf_pictogram.svg/35px-Golf_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.grappe{background:url("//upload.wikimedia.org/wikipedia/commons/7/73/Icone_oenobox.png")no-repeat top right}.mw-parser-output .entete.gymnastique{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/1/12/Gymnastics_%28artistic%29_pictogram.svg/35px-Gymnastics_%28artistic%29_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.handball{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/3/37/Handball_pictogram_white.svg/35px-Handball_pictogram_white.svg.png")no-repeat top right}.mw-parser-output .entete.handballblack{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/5/52/Handball_pictogram.svg/35px-Handball_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.helicoptere{background:url("//upload.wikimedia.org/wikipedia/commons/f/fa/Picto_infobox_helicopter.png")no-repeat top right}.mw-parser-output .entete.hockey{background:url("//upload.wikimedia.org/wikipedia/commons/e/ee/Picto_Infobox_Ice_hockey.png")no-repeat top right}.mw-parser-output .entete.hockey-sur-gazon{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Field_hockey_pictogram.svg/35px-Field_hockey_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.hospitaliers{background:url("//upload.wikimedia.org/wikipedia/commons/1/1e/Picto_infobox_Hospitaliers.png")no-repeat top right}.mw-parser-output .entete.humain{background:url("//upload.wikimedia.org/wikipedia/commons/8/82/Picto_infobox_manwoman.png")no-repeat top right}.mw-parser-output .entete.informatique{background:url("//upload.wikimedia.org/wikipedia/commons/a/ae/Picto-infoboxinfo.png")no-repeat top right}.mw-parser-output .entete.internet{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Web-browser-openclipart.svg/45px-Web-browser-openclipart.svg.png")no-repeat top right}.mw-parser-output .entete.israel-judaisme{background:url("//upload.wikimedia.org/wikipedia/commons/a/a5/Picto_infobox_israel-judaisme.png")no-repeat top right}.mw-parser-output .entete.jeu{background:url("//upload.wikimedia.org/wikipedia/commons/9/90/Picto_infobox_Game.png")no-repeat top right}.mw-parser-output .entete.jeu-role{background:url("//upload.wikimedia.org/wikipedia/commons/d/d8/Picto_infobox_Jeu_de_rôle.png")no-repeat top right}.mw-parser-output .entete.jeuvideo,.mw-parser-output .entete.jeuvideov3{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/6/69/Kontrollikon_1.0d_-_Grey.svg/35px-Kontrollikon_1.0d_-_Grey.svg.png")no-repeat top right}.mw-parser-output .entete.judo{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Judo_pictogram.svg/40px-Judo_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.karate{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4e/Karate_pictogram.svg/40px-Karate_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.kayak{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Canoeing_%28flatwater%29_pictogram.svg/35px-Canoeing_%28flatwater%29_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.kickboxing{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Kickboxing_pictogram.svg/40px-Kickboxing_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.lutte{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/1/12/Wrestling_pictogram.svg/40px-Wrestling_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.macintosh{background:url("//upload.wikimedia.org/wikipedia/commons/2/20/Picto_infobox_Macintosh.png")no-repeat top right}.mw-parser-output .entete.malte{background:url("//upload.wikimedia.org/wikipedia/commons/e/e4/Picto_infobox_Malte.png")no-repeat top right}.mw-parser-output .entete.map{background:url("//upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png")no-repeat top right}.mw-parser-output .entete.medecine{background:url("//upload.wikimedia.org/wikipedia/commons/2/23/Picto_infobox_med.png")no-repeat top right}.mw-parser-output .entete.mets{background:url("//upload.wikimedia.org/wikipedia/commons/a/aa/Picto_infobox_mets.png")no-repeat top right}.mw-parser-output .entete.militaire{background:url("//upload.wikimedia.org/wikipedia/commons/0/03/Picto_infobox_military.png")no-repeat top right;background-size:45px 45px}.mw-parser-output .entete.money,.mw-parser-output .entete.money_coin{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/6/67/Money_Coin_Icon.svg/40px-Money_Coin_Icon.svg.png")no-repeat top right}.mw-parser-output .entete.montreal-metro,.mw-parser-output .entete.metro{background:url("//upload.wikimedia.org/wikipedia/commons/b/ba/Picto_infobox_Mtl_metro.png")no-repeat top right}.mw-parser-output .entete.montreal-train,.mw-parser-output .entete.train{background:url("//upload.wikimedia.org/wikipedia/commons/9/99/Picto_infobox_Mtl_train.png")no-repeat top right}.mw-parser-output .entete.moteur-avion{background:url("//upload.wikimedia.org/wikipedia/commons/9/9c/Picto_Infobox_moteur_d%27avion.png")no-repeat top right}.mw-parser-output .entete.mosque{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/4/49/Picto_infobox_Mosque.svg/35px-Picto_infobox_Mosque.svg.png")no-repeat top right}.mw-parser-output .entete.musee,.mw-parser-output .entete.museum,.mw-parser-output .entete.papyrus{background:url("//upload.wikimedia.org/wikipedia/commons/1/1b/Picto_infobox_papyrus.png")no-repeat top right}.mw-parser-output .entete.musique,.mw-parser-output .entete.music{background:url("//upload.wikimedia.org/wikipedia/commons/6/60/Picto_infobox_music.png")no-repeat top right}.mw-parser-output .entete.natation{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Swimming_pictogram_white.png/35px-Swimming_pictogram_white.png")no-repeat top right}.mw-parser-output .entete.nations-unies{background:url("//upload.wikimedia.org/wikipedia/commons/3/3a/Picto_infobox_UN.png")no-repeat top right}.mw-parser-output .entete.omnisports{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Sport3_icone.svg/35px-Sport3_icone.svg.png")no-repeat top right}.mw-parser-output .entete.palace{background:url("//upload.wikimedia.org/wikipedia/commons/5/5e/Pictogram_infobox_palace.png")no-repeat top right}.mw-parser-output .entete.paralympique{background:url("//upload.wikimedia.org/wikipedia/commons/5/5e/Picto_infobox_Paralympics.png")no-repeat top right}.mw-parser-output .entete.persofiction{background:url("//upload.wikimedia.org/wikipedia/commons/3/37/Picto_infobox_masks.png")no-repeat top right}.mw-parser-output .entete.petrole{background:url("//upload.wikimedia.org/wikipedia/commons/b/ba/Picto_Infobox_Oil.png")no-repeat top right}.mw-parser-output .entete.planeur{background:url("//upload.wikimedia.org/wikipedia/commons/5/54/Picto_infobox_planeur.png")no-repeat top right}.mw-parser-output .entete.plateforme{background:url("//upload.wikimedia.org/wikipedia/commons/5/5d/Picto_Infobox_Oil_Platform.png")no-repeat top right}.mw-parser-output .entete.poker{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Crystal_Clear_app_Cardgame-3.svg/50px-Crystal_Clear_app_Cardgame-3.svg.png")no-repeat top right}.mw-parser-output .entete.presse{background:url("//upload.wikimedia.org/wikipedia/commons/2/23/Picto_infobox_journal.png")no-repeat top right}.mw-parser-output .entete.pretendant{background:url("//upload.wikimedia.org/wikipedia/commons/5/5f/Picto_infobox_pr%C3%A9tendant_%C3%A0_un_tr%C3%B4ne.png")no-repeat top right}.mw-parser-output .entete.projet,.mw-parser-output .entete.project{background:url("//upload.wikimedia.org/wikipedia/commons/c/cb/Picto_infobox_tools.png")no-repeat top right}.mw-parser-output .entete.psychologie{background:url("//upload.wikimedia.org/wikipedia/commons/7/77/Picto_infobox_psycho.png")no-repeat top right}.mw-parser-output .entete.quebec{background:url("//upload.wikimedia.org/wikipedia/commons/2/21/Picto_infobox_Quebec.png")no-repeat top right}.mw-parser-output .entete.recherche{background:url("//upload.wikimedia.org/wikipedia/commons/c/c1/Picto_infobox_detective.png")no-repeat top right}.mw-parser-output .entete.rinkhockey{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/3/3b/Roller_hockey_pictogram.svg/35px-Roller_hockey_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.rome-antique{background:url("//upload.wikimedia.org/wikipedia/commons/3/3c/Picto_infobox_Roman_military_banner.png")no-repeat top right}.mw-parser-output .entete.route{background:url("//upload.wikimedia.org/wikipedia/commons/e/e7/Infobox_road_pictogram.png")no-repeat top right}.mw-parser-output .entete.rugby{background:url("//upload.wikimedia.org/wikipedia/commons/0/06/Picto_Infobox_Rugby.png")no-repeat top right}.mw-parser-output .entete.rugbyblack{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Rugby_union_pictogram.svg/35px-Rugby_union_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.satellite{background:url("//upload.wikimedia.org/wikipedia/commons/8/8d/Picto_infobox_satellite.png")no-repeat top right}.mw-parser-output .entete.sautski{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/3/3d/Ski_jumping_pictogram.svg/40px-Ski_jumping_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.science-fiction{background:url("//upload.wikimedia.org/wikipedia/commons/e/ed/Picto_infobox_fliyingsaucer.png")no-repeat top right}.mw-parser-output .entete.serie-video{background:url("//upload.wikimedia.org/wikipedia/commons/e/e0/Logo_television_blanc.png")no-repeat top right;background-size:45px 45px}.mw-parser-output .entete.ski-alpin{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a1/Alpine_skiing_pictogram.svg/40px-Alpine_skiing_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.snooker{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Cue_sports_pictogram.svg/40px-Cue_sports_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.software{background:url("//upload.wikimedia.org/wikipedia/commons/f/fe/Picto_infobox_software.png")no-repeat top right}.mw-parser-output .entete.sport{background:url("//upload.wikimedia.org/wikipedia/commons/8/8e/Picto_infobox_Olympic.png")no-repeat top right}.mw-parser-output .entete.sport-automobile{background:url("//upload.wikimedia.org/wikipedia/commons/a/af/Picto_infobox_sport_auto.png")no-repeat top right}.mw-parser-output .entete.squash{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/d/da/Squash_pictogram.svg/35px-Squash_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.stadium{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fd/Stadium.svg/40px-Stadium.svg.png")no-repeat top right}.mw-parser-output .entete.starwars{background:url("//upload.wikimedia.org/wikipedia/commons/f/f7/Star_Wars_Infobox_Pictogram.png")no-repeat top right}.mw-parser-output .entete.surf{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Surfing_pictogram.svg/35px-Surfing_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.taekwondo{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/d/d3/Taekwondo_pictogram.svg/40px-Taekwondo_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.television{background:url("//upload.wikimedia.org/wikipedia/commons/a/a6/Picto_infobox_TV-T%26PC.png")no-repeat top right}.mw-parser-output .entete.templiers{background:url("//upload.wikimedia.org/wikipedia/commons/3/30/Picto_infobox_Templiers.png")no-repeat top right}.mw-parser-output .entete.tennis{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/e/ed/Tennis_pictogram_white.svg/35px-Tennis_pictogram_white.svg.png")no-repeat top right}.mw-parser-output .entete.tennis-de-table{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Table_tennis_pictogram_white.svg/40px-Table_tennis_pictogram_white.svg.png")no-repeat top right}.mw-parser-output .entete.tennis-de-tableblack{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/8/85/Table_tennis_pictogram.svg/35px-Table_tennis_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.timbre{background:url("//upload.wikimedia.org/wikipedia/commons/b/b3/Picto_infobox_Stamps.png")no-repeat top right}.mw-parser-output .entete.train{background:url("//upload.wikimedia.org/wikipedia/commons/3/3f/Infobox_train.png")no-repeat top right}.mw-parser-output .entete.triathlon{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Triathlon_pictogram.svg/40px-Triathlon_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.ultimate{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Ultimate_pictogram.svg/70px-Ultimate_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.union-europeenne{background:url("//upload.wikimedia.org/wikipedia/commons/c/c0/Picto_Infobox_Europe.png")no-repeat top right}.mw-parser-output .entete.video{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tango-video-x-generic.png/35px-Tango-video-x-generic.png")no-repeat top right}.mw-parser-output .entete.voile{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Sailing_pictogram.svg/40px-Sailing_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.volleyball{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/c/ca/Volleyball_%28indoor%29_pictogram.svg/35px-Volleyball_%28indoor%29_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.water-polo{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/0/0e/Water_polo_pictogram.svg/40px-Water_polo_pictogram.svg.png")no-repeat top right}سفلتتعديل - تعديل مصدري
محتويات
1 التاريخ
2 نظرة عامة
2.1 بناء الجملة البرمجية
3 أنظر أيضًا
4 المراجع
5 وصلات خارجية
التاريخ[عدل]
عمل ريش هاريس على Ractive.js في بداية التطوير، حيث كانت نموذجًا أوليًا لفكرة Svelte.[3]
وكُتب الإصدار الأول من مُجمع سِفلت بلغة جافاسكربت، حيث أعتمد على Ractive.js في التفاعلية، وعلى المجمع في إنشاء العناصر، وتم اختيار الاسم سِفلت بواسطة ريش هاريس وزملاءه بالعمل في صحيفة الغارديان، وصدر في 29 نوفمبر 2016، في حين صدر الإصدار الثاني من سفليت في 19 أبريل 2018، وكان بمثابة تصحيح للأخطاء التصميمية بالمجمع البرمجي في الإصدار الأول، وأصبحت القوالب تستخدم قوس معقوف واحد {}، بدلًا من قوسين معقوفين {{}}.[4]
أُعيد برمجة المحول البرمجي في 21 أبريل 2019 بلغة تايب سكربت، وتم إعادة التفكير بشأن توفير التفاعلية عبر المحول البرمجي نفسه خلف الكواليس.
أطلق إطار عمل SvelteKit في أُكتوبر 2020، و أُعلن عن الإصدار التجريبي في مارس 2021.
نظرة عامة[عدل]
أستطاع سِفلت إثبات فكرة استخدام محول برمجي لإنشاء مكونات تفاعلية، بدلًا من الإعتماد على مفاهيم مثل شجرة المكونات الظاهرية (VDOM)، أو تقنية مكونات الويب (web component)، واستلهم فكرة مكون في ملف واحد (SFC) من فيو جي إس[3].
التبني المطورين
حظي سِفلت بجمهور كبير، وتبنته العديد من الشركات في مشاريعها أبرزها: صحيفة نيويورك تايمز، كلاودفلاير، سبوتيفاي، أبل، بايت دانس، بلومبيرغ و بريف.[5][6] وبحسب إحصائية ستاك أوفر فلو لعام 2021 كان سِفلت أكثر إطار عمل حبوبًا بين مبرمجي الويب[7]. كما حصل على أكثر من 60 ألف نجمة في المستودع الرسمي للمشروع على قتهاب في 2022.
أستلهمت فكرة إنشاء إطار عمل SvelteKit من نكست جي إس، لتوفير طريقة أسهل على المطورين لإنشاء مواقع باستخدام سفلت، وهو بديل إطار عمل سِفلت Sapper السابق.[8]
بناء الجملة البرمجية[عدل]
تُبنى تطبيقات ومكونات سِفلت عبر إنشاء ملف بإمتداد .svelte ويعد صيغة مُحسنة من HTML، مع نظام قولبة مشابه إلى JSX.
يستخدم سِفلت تعبير جافاسكربت $: للأجزاء التفاعلية، بينما تُعبر المتغيرات عن حالات للمكون وتدمج كل من هذه التعابير مع قالب HTML للحصول على مكون تفاعلي، كما تستخدم الأقواس المعقوفة، لتنفيذ تعابير جافاسكربت في داخل قالب HTML كما هو موضح أدناه:
<script>
let count = 1;
$: doubled = count * 2;
</script>
<p>{count} * 2 = {doubled}</p>
<button on:click={() => count = count + 1}>Count</button>
أنظر أيضًا[عدل]
إطار عمل جافاسكربت
محول برمجي
لغة توصيف
المراجع[عدل]
.mw-parser-output .reflist{font-size:90%;margin-bottom:0.5em;list-style-type:decimal;overflow-y:auto;max-height:300px}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}@media print{.mw-parser-output .reflist{overflow-y:visible!important;max-height:none!important}}
^ .mw-parser-output cite.citation{font-style:inherit;word-wrap:break-word}.mw-parser-output .citation q{quotes:"\"""\"""'""'"}.mw-parser-output .citation:target{background-color:rgba(0,127,255,0.133)}.mw-parser-output .id-lock-free a,.mw-parser-output .citation .cs1-lock-free a{background:linear-gradient(transparent,transparent),url("//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-limited a,.mw-parser-output .id-lock-registration a,.mw-parser-output .citation .cs1-lock-limited a,.mw-parser-output .citation .cs1-lock-registration a{background:linear-gradient(transparent,transparent),url("//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-subscription a,.mw-parser-output .citation .cs1-lock-subscription a{background:linear-gradient(transparent,transparent),url("//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .cs1-ws-icon a{background:linear-gradient(transparent,transparent),url("//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg")right 0.1em center/12px no-repeat}.mw-parser-output .cs1-code{color:inherit;background:inherit;border:none;padding:inherit}.mw-parser-output .cs1-hidden-error{display:none;color:#d33}.mw-parser-output .cs1-visible-error{color:#d33}.mw-parser-output .cs1-maint{display:none;color:#3a3;margin-left:0.3em}.mw-parser-output .cs1-format{font-size:95%}.mw-parser-output .cs1-kern-left{padding-left:0.2em}.mw-parser-output .cs1-kern-right{padding-right:0.2em}.mw-parser-output .citation .mw-selflink{font-weight:inherit}Krill, Paul (02 ديسمبر 2016)، "Slim, speedy Svelte framework puts JavaScript on a diet"، InfoWorld (باللغة الإنجليزية)، اطلع عليه بتاريخ 27 أكتوبر 2022.
^ "React vs. Svelte, the JavaScript build-time framework"، react-etc.net، اطلع عليه بتاريخ 27 أكتوبر 2022.
↑ أ ب Świstak, Tomasz (19 نوفمبر 2020)، "About the Svelte JavaScript framework"، ValueLogic | Blog، اطلع عليه بتاريخ 27 أكتوبر 2022.
^ Svelte Origins: A JavaScript Documentary [أصل سِفلت، وثائقي جافاسكربت] (باللغة الإنجليزية)، OfferZen Origins، اطلع عليه بتاريخ 27 أكتوبر 2022
^ "Websites using Svelte - Wappalyzer"، www.wappalyzer.com، اطلع عليه بتاريخ 27 أكتوبر 2022.
^ "Svelte • Cybernetically enhanced web apps"، svelte.dev (باللغة الإنجليزية)، اطلع عليه بتاريخ 27 أكتوبر 2022.
^ "Stack Overflow Developer Survey 2021"، Stack Overflow (باللغة الإنجليزية)، اطلع عليه بتاريخ 27 أكتوبر 2022.
^ Harris, Rich، "Sapper: Towards the ideal web app framework"، svelte.dev (باللغة الإنجليزية)، اطلع عليه بتاريخ 27 أكتوبر 2022.
وصلات خارجية[عدل]
الموقع الرسمي' |
مصدر HTML المعروض للمراجعة الجديدة (new_html) | '<div class="mw-parser-output"><p><b>سِفلت، (<a href="/wiki/%D8%A7%D9%84%D9%84%D8%BA%D8%A9_%D8%A7%D9%84%D8%A5%D9%86%D8%AC%D9%84%D9%8A%D8%B2%D9%8A%D8%A9" title="اللغة الإنجليزية">بالإنجليزية</a>: <span class="mw-content-ltr" lang="en">Svelte</span>)</b> هو <a href="/wiki/%D9%85%D8%AD%D9%88%D9%84_%D8%A8%D8%B1%D9%85%D8%AC%D9%8A" title="محول برمجي">مُجمع برمجي</a> (Compiler) <a href="/wiki/%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D8%A7%D8%AA_%D8%AD%D8%B1%D8%A9" title="برمجيات حرة">حر</a> و <a href="/wiki/%D9%85%D8%B5%D8%AF%D8%B1_%D9%85%D9%81%D8%AA%D9%88%D8%AD" title="مصدر مفتوح">مفتوحة المصدر</a> لواجهات المستخدم على الويب، صُممه ريتش هاريس، يُدار عبر المتطوعين في الفريق الرئيسي لسِفلت<sup id="cite_ref-1" class="reference"><a href="#cite_note-1">[1]</a></sup>، على نقيض بقية إطارات عمل ومكتبات جافاسكربت لا يتبع سِفلت نفس النهج فبدلًا من أن يكون مكتبة تعدل على شجرة <a href="/wiki/%D9%86%D9%85%D9%88%D8%B0%D8%AC_%D9%83%D8%A7%D8%A6%D9%86_%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D9%86%D8%AF" title="نموذج كائن المستند">DOM</a>، يتبع سفليت نهج المجمعات البرمجية (Compiler)، يحول قالب HTML إلى كُود مخصص بقدوره التعديل على شجرة <a href="/wiki/%D9%86%D9%85%D9%88%D8%B0%D8%AC_%D9%83%D8%A7%D8%A6%D9%86_%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D9%86%D8%AF" title="نموذج كائن المستند">DOM</a> مباشرةً، يُقلل ذلك حجم الملفات والبيانات المتبادلة بين الخادم والمتصفح، ويعطي أداءً أفضل<sup id="cite_ref-2" class="reference"><a href="#cite_note-2">[2]</a></sup>.
</p><p>
ويعد الكود الناتج من سِفلت تفاعليًا بمقدوره التعامل مع تغير البيانات وإعادة تصير المكونات (re-render) على الصفحة حال تغير البيانات، على عكس إطارات عمل جافاسكربت الإعتيادية التي تُحمل معها كود إضافي ليوفر <a href="/wiki/%D9%88%D9%82%D8%AA_%D8%A7%D9%84%D8%AA%D9%86%D9%81%D9%8A%D8%B0" title="وقت التنفيذ">بيئة وقت-التشغيل</a> (Runtime) لإطار العمل تتمكن عبرها من تتبع التغيرات.<style data-mw-deduplicate="TemplateStyles:r58985713">.mw-parser-output div.infobox_v3b,.mw-parser-output .mainTable{padding:0px;width:25em;background:#f9f9f9;border:1px solid #aaa;clear:left;float:left;font-size:0.9em;line-height:1.4;margin:0 0 0.5em 1em;max-width:325px;word-wrap:break-word}.mw-parser-output .infobox_v3b .secTable{border-radius:unset;color:inherit;margin:unset!important;border:unset}.mw-parser-output .infobox_v3b .entete{display:table;height:45px;width:100%;font-weight:bold;text-align:center;font-size:1.4em;line-height:1.1;margin-bottom:10px;background-color:#dfedff}.mw-parser-output .infobox_v3b .entete>div{display:table-cell;vertical-align:middle;padding:3px}.mw-parser-output .infobox_v3b:not(.large) .entete.icon>div{padding:3px 48px}.mw-parser-output .infobox_v3b .images{text-align:center;display:flex;justify-content:space-around;align-items:center}.mw-parser-output .infobox_v3b .images a{max-width:100%;flex:0 0 auto}.mw-parser-output .infobox_v3b .deux-images a{max-width:48%}.mw-parser-output .infobox_v3b .images img{max-width:100%;height:auto}.mw-parser-output .infobox_v3b .legend{font-size:0.9em;text-align:center;margin:5px 0 8px 0}.mw-parser-output .infobox_v3b table,.mw-parser-output .secTable{width:100%;margin:2px 0;table-layout:fixed;border-collapse:separate}.mw-parser-output .infobox_v3b th[scope="col"]{text-align:center;word-wrap:normal}.mw-parser-output .infobox_v3b th[scope=row]{text-align:right;padding-right:10px;width:8em;max-width:140px;word-wrap:normal;background-color:#F3F3F3}.mw-parser-output .infobox_v3b th[scope=row],.mw-parser-output .infobox_v3b td{padding-top:4px;vertical-align:super}.mw-parser-output .infobox_v3b th[scope=row].middle{vertical-align:middle}.mw-parser-output .infobox_v3b.bordered th[scope=row],.mw-parser-output .infobox_v3b.bordered td{padding-bottom:4px;border-top:1px solid #dfedff}.mw-parser-output .infobox_v3b.bordered caption.bordered{margin:0 0 -1px 0}.mw-parser-output .infobox_v3b tr.left td{text-align:right}.mw-parser-output .infobox_v3b tr.vborder td{border-left:1px dotted #aaa}.mw-parser-output .infobox_v3b tr.vborder td:first-child{border-left:none}.mw-parser-output .infobox_v3b td.data{text-align:center}.mw-parser-output .infobox_v3b tr:first-child ul:first-child{margin-top:0}.mw-parser-output .infobox_v3b .url{direction:ltr;text-align:left;font-size:0.9em}.mw-parser-output .infobox_v3b p.bloc,.mw-parser-output .infobox_v3b caption{font-weight:bold;text-align:center;line-height:1.1;margin:0 0 2px 0;padding:4px;background:#dfedff}.mw-parser-output .infobox_v3b p.bloc{margin:5px 0}.mw-parser-output .infobox_v3b caption.bordered,.mw-parser-output .infobox_v3b p.bordered{border-top:1px solid #dfedff;border-bottom:1px solid #dfedff;background:transparent}.mw-parser-output .infobox_v3b .bordered.navbar,.mw-parser-output .infobox_v3b .bordered.nav{padding-top:4px;border-bottom:0}.mw-parser-output .infobox_v3b caption.hidden{margin:0!important;padding:0!important}.mw-parser-output .infobox_v3b .hr{font-size:1px;line-height:1px;margin:5px 0;background-color:#dfedff;clear:both}.mw-parser-output .infobox_v3b .hr.collapse{margin:5px 0 -8px 0}.mw-parser-output .infobox_v3b .navbar{text-align:right;font-size:0.8em!important;line-height:1.1;margin:8px 0 0}.mw-parser-output .infobox_v3b .navbar .plainlinks{float:right}.mw-parser-output .infobox_v3b .overflow{overflow:hidden;width:100%}.mw-parser-output .infobox_v3b .prev a,.mw-parser-output .infobox_v3b .prev_bloc{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/1/10/ArrowRightNavbox.svg/12px-ArrowRightNavbox.svg.png")no-repeat right center;float:right;max-width:70%;padding:3px 18px 3px 3px;text-align:right;background-color:#F3F3F3;margin:3px}.mw-parser-output .infobox_v3b .next a,.mw-parser-output .infobox_v3b .next_bloc{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/4/49/ArrowLeftNavbox.svg/12px-ArrowLeftNavbox.svg.png")no-repeat left center;float:left;max-width:70%;padding:3px 3px 3px 18px;text-align:left;background-color:#F3F3F3;direction:ltr;margin:3px}.mw-parser-output .infobox_v3b table.maillot-equipe td{padding:0}.mw-parser-output .infobox_v3b table.maillot-equipe{table-layout:auto}.mw-parser-output .infobox_v3b a.NavToggle{position:unset}.mw-parser-output .mwe-math-mathml-a11y{width:auto!important;height:auto!important}</style><style data-mw-deduplicate="TemplateStyles:r59243152">.mw-parser-output .entete.aerostat{background:url("//upload.wikimedia.org/wikipedia/commons/7/7e/Picto_infobox_aerostat.png")no-repeat top right}.mw-parser-output .entete.aikido{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Aikido_pictogram.svg/40px-Aikido_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.alpinisme{background:url("//upload.wikimedia.org/wikipedia/commons/d/df/Picto_infobox_alpinisme.png")no-repeat top right}.mw-parser-output .entete.arbitre{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Referee_football_pictogram.svg/35px-Referee_football_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.arc{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8e/Archery_pictogram.svg/35px-Archery_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.archives2{background:url("//upload.wikimedia.org/wikipedia/commons/d/d6/Picto_infobox_archives.png")no-repeat top right}.mw-parser-output .entete.arduino,.mw-parser-output .entete.electro{background:url("//upload.wikimedia.org/wikipedia/commons/c/ce/Arduino_ftdi_chip-1.png")no-repeat top right}.mw-parser-output .entete.artiste{background:url("//upload.wikimedia.org/wikipedia/commons/f/f3/Picto_infobox_artiste.png")no-repeat top right}.mw-parser-output .entete.artsmartiauxjap{background:url("//upload.wikimedia.org/wikipedia/commons/8/81/Picto_infobox_samourai.png")no-repeat top right}.mw-parser-output .entete.association{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Collaboration_logo_infobox.svg/50px-Collaboration_logo_infobox.svg.png")no-repeat top right}.mw-parser-output .entete.athletisme{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8f/Athletics_pictogram.svg/40px-Athletics_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.audio{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/35px-Gnome-speakernotes.png")no-repeat top right}.mw-parser-output .entete.auteur{background:url("//upload.wikimedia.org/wikipedia/commons/1/1e/Picto_infobox_auteur.png")no-repeat top right}.mw-parser-output .entete.autogire{background:url("//upload.wikimedia.org/wikipedia/commons/e/e6/Picto_Autogyro.png")no-repeat top right}.mw-parser-output .entete.automobile{background:url("//upload.wikimedia.org/wikipedia/commons/9/99/Picto_infobox_automobil.png")no-repeat top right}.mw-parser-output .entete.avion{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Airplane_silhouette_white.svg/40px-Airplane_silhouette_white.svg.png")no-repeat top right}.mw-parser-output .entete.aviron{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Rowing_pictogram.svg/35px-Rowing_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.badminton{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/9/90/Badminton_pictogram.svg/35px-Badminton_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.baseball{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Baseball_pictogram.svg/35px-Baseball_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.basket-ball{background:url("//upload.wikimedia.org/wikipedia/commons/f/f4/Picto_Infobox_Basketball.png")no-repeat top right}.mw-parser-output .entete.bd{background:url("//upload.wikimedia.org/wikipedia/commons/2/2c/Picto_infobox_comicballoon.png")no-repeat top right}.mw-parser-output .entete.biathlon{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/0/00/Biathlon_pictogram.svg/40px-Biathlon_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.biere{background:url("//upload.wikimedia.org/wikipedia/commons/0/04/Picto_infobox_beer.png")no-repeat top right}.mw-parser-output .entete.book,.mw-parser-output .entete.universite{background:url("//upload.wikimedia.org/wikipedia/commons/4/42/Picto_infobox_book.png")no-repeat top right}.mw-parser-output .entete.boxe{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/c/c2/Boxing_pictogram.svg/35px-Boxing_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.calendrier{background:url("//upload.wikimedia.org/wikipedia/commons/4/4a/Almanacco.png")no-repeat top right}.mw-parser-output .entete.camera{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/8/80/Camera-photo.svg/120px-Camera-photo.svg.png")no-repeat top right}.mw-parser-output .entete.canada{background:url("//upload.wikimedia.org/wikipedia/commons/6/6a/Picto_infobox_Canada.png")no-repeat top right}.mw-parser-output .entete.cardinal{background:url("//upload.wikimedia.org/wikipedia/commons/0/03/Picto_infobox_cardinal.png")no-repeat top right}.mw-parser-output .entete.catch{background:url("//upload.wikimedia.org/wikipedia/commons/7/79/Picto_infobox_catch.png")no-repeat top right}.mw-parser-output .entete.chateau{background:url("//upload.wikimedia.org/wikipedia/commons/5/5c/Picto_infobox_chateau.png")no-repeat top right}.mw-parser-output .entete.chimie{background:url("//upload.wikimedia.org/wikipedia/commons/c/ce/Picto_infobox_chemistry_HUN.png")no-repeat top right}.mw-parser-output .entete.cinema{background:url("//upload.wikimedia.org/wikipedia/commons/e/ea/Picto_infobox_cinema.png")no-repeat top right}.mw-parser-output .entete.commonwealth{background:url("//upload.wikimedia.org/wikipedia/commons/d/db/Picto_infobox_Commonwealth.png")no-repeat top right}.mw-parser-output .entete.communication{background:url("//upload.wikimedia.org/wikipedia/commons/a/a2/Picto_infobox_antenna.png")no-repeat top right}.mw-parser-output .entete.cyclisme{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/8/86/Cycling_%28road%29_pictogram.svg/45px-Cycling_%28road%29_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.deportation{background:url("//upload.wikimedia.org/wikipedia/commons/e/e0/Picto_Infobox_deportation.png")no-repeat top right}.mw-parser-output .entete.diplomatie{background:url("//upload.wikimedia.org/wikipedia/commons/e/e0/Picto_infobox_ambassade.png")no-repeat top right}.mw-parser-output .entete.disney{background:url("//upload.wikimedia.org/wikipedia/commons/d/d3/Picto_infobox_Disney.png")no-repeat top right}.mw-parser-output .entete.droit{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/1/17/Balance%2C_by_David.svg/40px-Balance%2C_by_David.svg.png")no-repeat top right}.mw-parser-output .entete.drone-civil{background:url("//upload.wikimedia.org/wikipedia/commons/c/ce/Picto_infobox_civil_drone.png")no-repeat top right;background-size:45px 45px}.mw-parser-output .entete.egypte-antique{background:url("//upload.wikimedia.org/wikipedia/commons/c/cc/Picto_infobox_ancient_Egypt.png")no-repeat top right}.mw-parser-output .entete.entreprise{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/1/19/Factory_black.png/40px-Factory_black.png")no-repeat top right}.mw-parser-output .entete.entreprise-blanc{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/0/0e/Factory_white.png/40px-Factory_white.png")no-repeat top right}.mw-parser-output .entete.equitation{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/2/24/Equestrian_pictogram.svg/35px-Equestrian_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.escalade{background:url("//upload.wikimedia.org/wikipedia/commons/e/e1/Picto_infobox_escalade.png")no-repeat top right}.mw-parser-output .entete.escalade{background:url("//upload.wikimedia.org/wikipedia/commons/f/f4/Picto_infobox_alpinisme-escalade.png")no-repeat top right}.mw-parser-output .entete.escrime{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/0/02/Fencing_pictogram.svg/35px-Fencing_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.espagne{background:url("//upload.wikimedia.org/wikipedia/commons/1/11/Picto_Infobox_Coat_of_Arms_of_Spain.png")no-repeat top right}.mw-parser-output .entete.eveque{background:url("//upload.wikimedia.org/wikipedia/commons/b/b3/Picto_infobox_bishop.png")no-repeat top right}.mw-parser-output .entete.factory{background:url("//upload.wikimedia.org/wikipedia/commons/f/ff/Picto_infobox_enterprise.png")no-repeat top right}.mw-parser-output .entete.floorball{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Floorball_pictogram.svg/35px-Floorball_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.fondeur{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Cross_country_skiing_pictogram.svg/40px-Cross_country_skiing_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.football{background:url("//upload.wikimedia.org/wikipedia/commons/f/f8/Infobox_Football_pictogram.png")no-repeat top right}.mw-parser-output .entete.footballblack{background:url("//upload.wikimedia.org/wikipedia/commons/8/86/Picto_infobox_fotbal_2.png")no-repeat top right}.mw-parser-output .entete.footUS{background:url("//upload.wikimedia.org/wikipedia/commons/4/4e/Picto_Foot_US.png")no-repeat top right}.mw-parser-output .entete.futsal{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/b/b0/Futsal_pictogram.svg/35px-Futsal_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.golf{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Golf_pictogram.svg/35px-Golf_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.grappe{background:url("//upload.wikimedia.org/wikipedia/commons/7/73/Icone_oenobox.png")no-repeat top right}.mw-parser-output .entete.gymnastique{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/1/12/Gymnastics_%28artistic%29_pictogram.svg/35px-Gymnastics_%28artistic%29_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.handball{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/3/37/Handball_pictogram_white.svg/35px-Handball_pictogram_white.svg.png")no-repeat top right}.mw-parser-output .entete.handballblack{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/5/52/Handball_pictogram.svg/35px-Handball_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.helicoptere{background:url("//upload.wikimedia.org/wikipedia/commons/f/fa/Picto_infobox_helicopter.png")no-repeat top right}.mw-parser-output .entete.hockey{background:url("//upload.wikimedia.org/wikipedia/commons/e/ee/Picto_Infobox_Ice_hockey.png")no-repeat top right}.mw-parser-output .entete.hockey-sur-gazon{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Field_hockey_pictogram.svg/35px-Field_hockey_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.hospitaliers{background:url("//upload.wikimedia.org/wikipedia/commons/1/1e/Picto_infobox_Hospitaliers.png")no-repeat top right}.mw-parser-output .entete.humain{background:url("//upload.wikimedia.org/wikipedia/commons/8/82/Picto_infobox_manwoman.png")no-repeat top right}.mw-parser-output .entete.informatique{background:url("//upload.wikimedia.org/wikipedia/commons/a/ae/Picto-infoboxinfo.png")no-repeat top right}.mw-parser-output .entete.internet{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Web-browser-openclipart.svg/45px-Web-browser-openclipart.svg.png")no-repeat top right}.mw-parser-output .entete.israel-judaisme{background:url("//upload.wikimedia.org/wikipedia/commons/a/a5/Picto_infobox_israel-judaisme.png")no-repeat top right}.mw-parser-output .entete.jeu{background:url("//upload.wikimedia.org/wikipedia/commons/9/90/Picto_infobox_Game.png")no-repeat top right}.mw-parser-output .entete.jeu-role{background:url("//upload.wikimedia.org/wikipedia/commons/d/d8/Picto_infobox_Jeu_de_rôle.png")no-repeat top right}.mw-parser-output .entete.jeuvideo,.mw-parser-output .entete.jeuvideov3{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/6/69/Kontrollikon_1.0d_-_Grey.svg/35px-Kontrollikon_1.0d_-_Grey.svg.png")no-repeat top right}.mw-parser-output .entete.judo{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Judo_pictogram.svg/40px-Judo_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.karate{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4e/Karate_pictogram.svg/40px-Karate_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.kayak{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Canoeing_%28flatwater%29_pictogram.svg/35px-Canoeing_%28flatwater%29_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.kickboxing{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Kickboxing_pictogram.svg/40px-Kickboxing_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.lutte{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/1/12/Wrestling_pictogram.svg/40px-Wrestling_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.macintosh{background:url("//upload.wikimedia.org/wikipedia/commons/2/20/Picto_infobox_Macintosh.png")no-repeat top right}.mw-parser-output .entete.malte{background:url("//upload.wikimedia.org/wikipedia/commons/e/e4/Picto_infobox_Malte.png")no-repeat top right}.mw-parser-output .entete.map{background:url("//upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png")no-repeat top right}.mw-parser-output .entete.medecine{background:url("//upload.wikimedia.org/wikipedia/commons/2/23/Picto_infobox_med.png")no-repeat top right}.mw-parser-output .entete.mets{background:url("//upload.wikimedia.org/wikipedia/commons/a/aa/Picto_infobox_mets.png")no-repeat top right}.mw-parser-output .entete.militaire{background:url("//upload.wikimedia.org/wikipedia/commons/0/03/Picto_infobox_military.png")no-repeat top right;background-size:45px 45px}.mw-parser-output .entete.money,.mw-parser-output .entete.money_coin{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/6/67/Money_Coin_Icon.svg/40px-Money_Coin_Icon.svg.png")no-repeat top right}.mw-parser-output .entete.montreal-metro,.mw-parser-output .entete.metro{background:url("//upload.wikimedia.org/wikipedia/commons/b/ba/Picto_infobox_Mtl_metro.png")no-repeat top right}.mw-parser-output .entete.montreal-train,.mw-parser-output .entete.train{background:url("//upload.wikimedia.org/wikipedia/commons/9/99/Picto_infobox_Mtl_train.png")no-repeat top right}.mw-parser-output .entete.moteur-avion{background:url("//upload.wikimedia.org/wikipedia/commons/9/9c/Picto_Infobox_moteur_d%27avion.png")no-repeat top right}.mw-parser-output .entete.mosque{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/4/49/Picto_infobox_Mosque.svg/35px-Picto_infobox_Mosque.svg.png")no-repeat top right}.mw-parser-output .entete.musee,.mw-parser-output .entete.museum,.mw-parser-output .entete.papyrus{background:url("//upload.wikimedia.org/wikipedia/commons/1/1b/Picto_infobox_papyrus.png")no-repeat top right}.mw-parser-output .entete.musique,.mw-parser-output .entete.music{background:url("//upload.wikimedia.org/wikipedia/commons/6/60/Picto_infobox_music.png")no-repeat top right}.mw-parser-output .entete.natation{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Swimming_pictogram_white.png/35px-Swimming_pictogram_white.png")no-repeat top right}.mw-parser-output .entete.nations-unies{background:url("//upload.wikimedia.org/wikipedia/commons/3/3a/Picto_infobox_UN.png")no-repeat top right}.mw-parser-output .entete.omnisports{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Sport3_icone.svg/35px-Sport3_icone.svg.png")no-repeat top right}.mw-parser-output .entete.palace{background:url("//upload.wikimedia.org/wikipedia/commons/5/5e/Pictogram_infobox_palace.png")no-repeat top right}.mw-parser-output .entete.paralympique{background:url("//upload.wikimedia.org/wikipedia/commons/5/5e/Picto_infobox_Paralympics.png")no-repeat top right}.mw-parser-output .entete.persofiction{background:url("//upload.wikimedia.org/wikipedia/commons/3/37/Picto_infobox_masks.png")no-repeat top right}.mw-parser-output .entete.petrole{background:url("//upload.wikimedia.org/wikipedia/commons/b/ba/Picto_Infobox_Oil.png")no-repeat top right}.mw-parser-output .entete.planeur{background:url("//upload.wikimedia.org/wikipedia/commons/5/54/Picto_infobox_planeur.png")no-repeat top right}.mw-parser-output .entete.plateforme{background:url("//upload.wikimedia.org/wikipedia/commons/5/5d/Picto_Infobox_Oil_Platform.png")no-repeat top right}.mw-parser-output .entete.poker{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Crystal_Clear_app_Cardgame-3.svg/50px-Crystal_Clear_app_Cardgame-3.svg.png")no-repeat top right}.mw-parser-output .entete.presse{background:url("//upload.wikimedia.org/wikipedia/commons/2/23/Picto_infobox_journal.png")no-repeat top right}.mw-parser-output .entete.pretendant{background:url("//upload.wikimedia.org/wikipedia/commons/5/5f/Picto_infobox_pr%C3%A9tendant_%C3%A0_un_tr%C3%B4ne.png")no-repeat top right}.mw-parser-output .entete.projet,.mw-parser-output .entete.project{background:url("//upload.wikimedia.org/wikipedia/commons/c/cb/Picto_infobox_tools.png")no-repeat top right}.mw-parser-output .entete.psychologie{background:url("//upload.wikimedia.org/wikipedia/commons/7/77/Picto_infobox_psycho.png")no-repeat top right}.mw-parser-output .entete.quebec{background:url("//upload.wikimedia.org/wikipedia/commons/2/21/Picto_infobox_Quebec.png")no-repeat top right}.mw-parser-output .entete.recherche{background:url("//upload.wikimedia.org/wikipedia/commons/c/c1/Picto_infobox_detective.png")no-repeat top right}.mw-parser-output .entete.rinkhockey{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/3/3b/Roller_hockey_pictogram.svg/35px-Roller_hockey_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.rome-antique{background:url("//upload.wikimedia.org/wikipedia/commons/3/3c/Picto_infobox_Roman_military_banner.png")no-repeat top right}.mw-parser-output .entete.route{background:url("//upload.wikimedia.org/wikipedia/commons/e/e7/Infobox_road_pictogram.png")no-repeat top right}.mw-parser-output .entete.rugby{background:url("//upload.wikimedia.org/wikipedia/commons/0/06/Picto_Infobox_Rugby.png")no-repeat top right}.mw-parser-output .entete.rugbyblack{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Rugby_union_pictogram.svg/35px-Rugby_union_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.satellite{background:url("//upload.wikimedia.org/wikipedia/commons/8/8d/Picto_infobox_satellite.png")no-repeat top right}.mw-parser-output .entete.sautski{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/3/3d/Ski_jumping_pictogram.svg/40px-Ski_jumping_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.science-fiction{background:url("//upload.wikimedia.org/wikipedia/commons/e/ed/Picto_infobox_fliyingsaucer.png")no-repeat top right}.mw-parser-output .entete.serie-video{background:url("//upload.wikimedia.org/wikipedia/commons/e/e0/Logo_television_blanc.png")no-repeat top right;background-size:45px 45px}.mw-parser-output .entete.ski-alpin{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a1/Alpine_skiing_pictogram.svg/40px-Alpine_skiing_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.snooker{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Cue_sports_pictogram.svg/40px-Cue_sports_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.software{background:url("//upload.wikimedia.org/wikipedia/commons/f/fe/Picto_infobox_software.png")no-repeat top right}.mw-parser-output .entete.sport{background:url("//upload.wikimedia.org/wikipedia/commons/8/8e/Picto_infobox_Olympic.png")no-repeat top right}.mw-parser-output .entete.sport-automobile{background:url("//upload.wikimedia.org/wikipedia/commons/a/af/Picto_infobox_sport_auto.png")no-repeat top right}.mw-parser-output .entete.squash{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/d/da/Squash_pictogram.svg/35px-Squash_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.stadium{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fd/Stadium.svg/40px-Stadium.svg.png")no-repeat top right}.mw-parser-output .entete.starwars{background:url("//upload.wikimedia.org/wikipedia/commons/f/f7/Star_Wars_Infobox_Pictogram.png")no-repeat top right}.mw-parser-output .entete.surf{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Surfing_pictogram.svg/35px-Surfing_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.taekwondo{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/d/d3/Taekwondo_pictogram.svg/40px-Taekwondo_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.television{background:url("//upload.wikimedia.org/wikipedia/commons/a/a6/Picto_infobox_TV-T%26PC.png")no-repeat top right}.mw-parser-output .entete.templiers{background:url("//upload.wikimedia.org/wikipedia/commons/3/30/Picto_infobox_Templiers.png")no-repeat top right}.mw-parser-output .entete.tennis{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/e/ed/Tennis_pictogram_white.svg/35px-Tennis_pictogram_white.svg.png")no-repeat top right}.mw-parser-output .entete.tennis-de-table{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Table_tennis_pictogram_white.svg/40px-Table_tennis_pictogram_white.svg.png")no-repeat top right}.mw-parser-output .entete.tennis-de-tableblack{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/8/85/Table_tennis_pictogram.svg/35px-Table_tennis_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.timbre{background:url("//upload.wikimedia.org/wikipedia/commons/b/b3/Picto_infobox_Stamps.png")no-repeat top right}.mw-parser-output .entete.train{background:url("//upload.wikimedia.org/wikipedia/commons/3/3f/Infobox_train.png")no-repeat top right}.mw-parser-output .entete.triathlon{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Triathlon_pictogram.svg/40px-Triathlon_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.ultimate{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Ultimate_pictogram.svg/70px-Ultimate_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.union-europeenne{background:url("//upload.wikimedia.org/wikipedia/commons/c/c0/Picto_Infobox_Europe.png")no-repeat top right}.mw-parser-output .entete.video{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tango-video-x-generic.png/35px-Tango-video-x-generic.png")no-repeat top right}.mw-parser-output .entete.voile{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Sailing_pictogram.svg/40px-Sailing_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.volleyball{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/c/ca/Volleyball_%28indoor%29_pictogram.svg/35px-Volleyball_%28indoor%29_pictogram.svg.png")no-repeat top right}.mw-parser-output .entete.water-polo{background:url("//upload.wikimedia.org/wikipedia/commons/thumb/0/0e/Water_polo_pictogram.svg/40px-Water_polo_pictogram.svg.png")no-repeat top right}</style></p><table class="infobox_v3b mainTable infobox"><tbody><tr><td style="justify-content:center;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap"><div class="entete software" style="background-color:#F0B020;color:#000000"><div>سفلت</div></div><p class="navbar noprint bordered" style="display:block;flex:auto;border-top:2px dotted #F0B020"><span class="plainlinks" style="background:inherit;text-align:right;font-size:80%"><a class="external text" href="https://ar.wikipedia.org/w/index.php?title=%D8%B3%D9%81%D9%84%D8%AA&veaction=edit&section=0">تعديل</a> - <a class="external text" href="https://ar.wikipedia.org/w/index.php?title=%D8%B3%D9%81%D9%84%D8%AA&action=edit&section=0">تعديل مصدري</a></span><span style="text-align:left;float:left"><a href="/wiki/%D9%82%D8%A7%D9%84%D8%A8:%D8%A8%D8%B7%D8%A7%D9%82%D8%A9_%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D8%A9" title="حول القالب"><img alt="حول القالب" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/43/Test_Template_Info-Icon_-_Version_%282%29.svg/30px-Test_Template_Info-Icon_-_Version_%282%29.svg.png" decoding="async" width="30" height="13" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/43/Test_Template_Info-Icon_-_Version_%282%29.svg/45px-Test_Template_Info-Icon_-_Version_%282%29.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/43/Test_Template_Info-Icon_-_Version_%282%29.svg/60px-Test_Template_Info-Icon_-_Version_%282%29.svg.png 2x" data-file-width="1792" data-file-height="800" /></a></span></p></td></tr></tbody></table>
<div id="toc" class="toc" role="navigation" aria-labelledby="mw-toc-heading"><input type="checkbox" role="button" id="toctogglecheckbox" class="toctogglecheckbox" style="display:none" /><div class="toctitle" lang="ar" dir="rtl"><h2 id="mw-toc-heading">محتويات</h2><span class="toctogglespan"><label class="toctogglelabel" for="toctogglecheckbox"></label></span></div>
<ul>
<li class="toclevel-1 tocsection-1"><a href="#التاريخ"><span class="tocnumber">1</span> <span class="toctext">التاريخ</span></a></li>
<li class="toclevel-1 tocsection-2"><a href="#نظرة_عامة"><span class="tocnumber">2</span> <span class="toctext">نظرة عامة</span></a>
<ul>
<li class="toclevel-2 tocsection-3"><a href="#بناء_الجملة_البرمجية"><span class="tocnumber">2.1</span> <span class="toctext">بناء الجملة البرمجية</span></a></li>
</ul>
</li>
<li class="toclevel-1 tocsection-4"><a href="#أنظر_أيضًا"><span class="tocnumber">3</span> <span class="toctext">أنظر أيضًا</span></a></li>
<li class="toclevel-1 tocsection-5"><a href="#المراجع"><span class="tocnumber">4</span> <span class="toctext">المراجع</span></a></li>
<li class="toclevel-1 tocsection-6"><a href="#وصلات_خارجية"><span class="tocnumber">5</span> <span class="toctext">وصلات خارجية</span></a></li>
</ul>
</div>
<h2><span id=".D8.A7.D9.84.D8.AA.D8.A7.D8.B1.D9.8A.D8.AE"></span><span class="mw-headline" id="التاريخ">التاريخ</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%D8%B3%D9%81%D9%84%D8%AA&action=edit&section=1" title="عدل القسم: التاريخ">عدل</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>عمل ريش هاريس على Ractive.js في بداية التطوير، حيث كانت <a href="/wiki/%D9%86%D9%85%D9%88%D8%B0%D8%AC_%D9%85%D8%A8%D8%AF%D8%A6%D9%8A" title="نموذج مبدئي">نموذجًا أوليًا</a> لفكرة Svelte.<sup id="cite_ref-:0_3-0" class="reference"><a href="#cite_note-:0-3">[3]</a></sup>
</p><p>وكُتب الإصدار الأول من مُجمع سِفلت بلغة <a href="/wiki/%D8%AC%D8%A7%D9%81%D8%A7_%D8%B3%D9%83%D8%B1%D9%8A%D8%A8%D8%AA" title="جافا سكريبت">جافاسكربت</a>، حيث أعتمد على Ractive.js في التفاعلية، وعلى المجمع في إنشاء العناصر، وتم اختيار الاسم سِفلت بواسطة ريش هاريس وزملاءه بالعمل في صحيفة <a href="/wiki/%D8%A7%D9%84%D8%BA%D8%A7%D8%B1%D8%AF%D9%8A%D8%A7%D9%86" title="الغارديان">الغارديان</a>، وصدر في 29 نوفمبر 2016، في حين صدر الإصدار الثاني من سفليت في 19 أبريل 2018، وكان بمثابة تصحيح للأخطاء التصميمية بالمجمع البرمجي في الإصدار الأول، وأصبحت القوالب تستخدم <a href="/wiki/%D9%82%D9%88%D8%B3_(%D8%AA%D8%B1%D9%82%D9%8A%D9%85)" title="قوس (ترقيم)">قوس معقوف</a> واحد <code>{}</code>، بدلًا من قوسين معقوفين <code>{{}}</code>.<sup id="cite_ref-4" class="reference"><a href="#cite_note-4">[4]</a></sup>
</p><p>أُعيد برمجة المحول البرمجي في 21 أبريل 2019 بلغة <a href="/wiki/%D8%AA%D8%A7%D9%8A%D8%A8_%D8%B3%D9%83%D8%B1%D9%8A%D8%A8%D8%AA" title="تايب سكريبت">تايب سكربت</a>، وتم إعادة التفكير بشأن توفير التفاعلية عبر المحول البرمجي نفسه خلف الكواليس.
</p><p>أطلق إطار عمل SvelteKit في أُكتوبر 2020، و أُعلن عن الإصدار التجريبي في مارس 2021.
</p>
<h2><span id=".D9.86.D8.B8.D8.B1.D8.A9_.D8.B9.D8.A7.D9.85.D8.A9"></span><span class="mw-headline" id="نظرة_عامة">نظرة عامة</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%D8%B3%D9%81%D9%84%D8%AA&action=edit&section=2" title="عدل القسم: نظرة عامة">عدل</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>أستطاع سِفلت إثبات فكرة استخدام <a href="/wiki/%D9%85%D8%AD%D9%88%D9%84_%D8%A8%D8%B1%D9%85%D8%AC%D9%8A" title="محول برمجي">محول برمجي</a> لإنشاء مكونات تفاعلية، بدلًا من الإعتماد على مفاهيم مثل شجرة المكونات الظاهرية (VDOM)، أو تقنية مكونات الويب (web component)، واستلهم فكرة مكون في ملف واحد (SFC) من <a href="/wiki/%D9%81%D9%8A%D9%88_%D8%AC%D9%8A_%D8%A5%D8%B3" title="فيو جي إس">فيو</a> جي إس<sup id="cite_ref-:0_3-1" class="reference"><a href="#cite_note-:0-3">[3]</a></sup>.
</p><p>التبني المطورين
</p><p>حظي سِفلت بجمهور كبير، وتبنته العديد من الشركات في مشاريعها أبرزها: <a href="/wiki/%D9%86%D9%8A%D9%88%D9%8A%D9%88%D8%B1%D9%83_%D8%AA%D8%A7%D9%8A%D9%85%D8%B2" title="نيويورك تايمز">صحيفة نيويورك تايمز</a>، <a href="/wiki/%D9%83%D9%84%D8%A7%D9%88%D8%AF_%D9%81%D9%84%D9%8A%D8%B1" title="كلاود فلير">كلاودفلاير</a>، <a href="/wiki/%D8%B3%D8%A8%D9%88%D8%AA%D9%8A%D9%81%D8%A7%D9%8A" title="سبوتيفاي">سبوتيفاي</a>، <a href="/wiki/%D8%A3%D8%A8%D9%84" title="أبل">أبل</a>، <a href="/wiki/%D8%A8%D8%A7%D9%8A%D8%AA_%D8%AF%D8%A7%D9%86%D8%B3" title="بايت دانس">بايت دانس</a>، <a href="/wiki/%D8%A8%D9%84%D9%88%D9%85%D8%A8%D9%8A%D8%B1%D8%BA_%D9%86%D9%8A%D9%88%D8%B2" title="بلومبيرغ نيوز">بلومبيرغ</a> و <a href="/wiki/%D8%A8%D8%B1%D9%8A%D9%81_(%D9%85%D8%AA%D8%B5%D9%81%D8%AD_%D9%88%D9%8A%D8%A8)" title="بريف (متصفح ويب)">بريف</a>.<sup id="cite_ref-5" class="reference"><a href="#cite_note-5">[5]</a></sup><sup id="cite_ref-6" class="reference"><a href="#cite_note-6">[6]</a></sup> وبحسب إحصائية <a href="/wiki/%D8%B3%D8%AA%D8%A7%D9%83_%D8%A3%D9%88%D9%81%D8%B1%D9%81%D9%84%D9%88" title="ستاك أوفرفلو">ستاك أوفر فلو</a> لعام 2021 كان سِفلت أكثر إطار عمل حبوبًا بين مبرمجي الويب<sup id="cite_ref-7" class="reference"><a href="#cite_note-7">[7]</a></sup>. كما حصل على أكثر من 60 ألف نجمة في المستودع الرسمي للمشروع على قتهاب في 2022.
</p><p>أستلهمت فكرة إنشاء إطار عمل SvelteKit من <a href="/wiki/%D9%86%D9%83%D8%B3%D8%AA_%D8%AC%D9%8A_%D8%A5%D8%B3" title="نكست جي إس">نكست جي إس</a>، لتوفير طريقة أسهل على المطورين لإنشاء مواقع باستخدام سفلت، وهو بديل إطار عمل سِفلت <code dir="ltr" lang="en">Sapper</code> السابق.<sup id="cite_ref-8" class="reference"><a href="#cite_note-8">[8]</a></sup>
</p>
<h3><span id=".D8.A8.D9.86.D8.A7.D8.A1_.D8.A7.D9.84.D8.AC.D9.85.D9.84.D8.A9_.D8.A7.D9.84.D8.A8.D8.B1.D9.85.D8.AC.D9.8A.D8.A9"></span><span class="mw-headline" id="بناء_الجملة_البرمجية">بناء الجملة البرمجية</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%D8%B3%D9%81%D9%84%D8%AA&action=edit&section=3" title="عدل القسم: بناء الجملة البرمجية">عدل</a><span class="mw-editsection-bracket">]</span></span></h3>
<p>تُبنى تطبيقات ومكونات سِفلت عبر إنشاء ملف بإمتداد <code dir="ltr" lang="en">.svelte</code> ويعد صيغة مُحسنة من HTML، مع نظام قولبة مشابه إلى JSX.
</p><p>يستخدم سِفلت تعبير جافاسكربت <code dir="ltr" lang="en">$:</code> للأجزاء التفاعلية، بينما تُعبر المتغيرات عن حالات للمكون وتدمج كل من هذه التعابير مع قالب HTML للحصول على مكون تفاعلي، كما تستخدم الأقواس المعقوفة، لتنفيذ تعابير جافاسكربت في داخل قالب HTML كما هو موضح أدناه:
</p>
<div lang="js" class="shl"><div class="mw-highlight mw-highlight-lang-js mw-content-ltr" dir="ltr"><pre><span></span><span class="o"><</span><span class="nx">script</span><span class="o">></span>
<span class="kd">let</span> <span class="nx">count</span> <span class="o">=</span> <span class="mf">1</span><span class="p">;</span>
<span class="nx">$</span><span class="o">:</span> <span class="nx">doubled</span> <span class="o">=</span> <span class="nx">count</span> <span class="o">*</span> <span class="mf">2</span><span class="p">;</span>
<span class="o"><</span><span class="err">/script></span>
<span class="o"><</span><span class="nx">p</span><span class="o">></span><span class="p">{</span><span class="nx">count</span><span class="p">}</span> <span class="o">*</span> <span class="mf">2</span> <span class="o">=</span> <span class="p">{</span><span class="nx">doubled</span><span class="p">}</span><span class="o"><</span><span class="err">/p></span>
<span class="o"><</span><span class="nx">button</span> <span class="nx">on</span><span class="o">:</span><span class="nx">click</span><span class="o">=</span><span class="p">{()</span> <span class="p">=></span> <span class="nx">count</span> <span class="o">=</span> <span class="nx">count</span> <span class="o">+</span> <span class="mf">1</span><span class="p">}</span><span class="o">></span><span class="nx">Count</span><span class="o"><</span><span class="err">/button></span>
</pre></div></div>
<h2><span id=".D8.A3.D9.86.D8.B8.D8.B1_.D8.A3.D9.8A.D8.B6.D9.8B.D8.A7"></span><span class="mw-headline" id="أنظر_أيضًا">أنظر أيضًا</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%D8%B3%D9%81%D9%84%D8%AA&action=edit&section=4" title="عدل القسم: أنظر أيضًا">عدل</a><span class="mw-editsection-bracket">]</span></span></h2>
<ul><li><a href="/wiki/%D8%A5%D8%B7%D8%A7%D8%B1_%D8%B9%D9%85%D9%84_%D8%AC%D8%A7%D9%81%D8%A7_%D8%B3%D9%83%D8%B1%D9%8A%D8%A8%D8%AA" title="إطار عمل جافا سكريبت">إطار عمل جافاسكربت</a></li>
<li><a href="/wiki/%D9%85%D8%AD%D9%88%D9%84_%D8%A8%D8%B1%D9%85%D8%AC%D9%8A" title="محول برمجي">محول برمجي</a></li>
<li><a href="/wiki/%D9%84%D8%BA%D8%A9_%D8%AA%D9%88%D8%B5%D9%8A%D9%81" title="لغة توصيف">لغة توصيف</a></li></ul>
<h2><span id=".D8.A7.D9.84.D9.85.D8.B1.D8.A7.D8.AC.D8.B9"></span><span class="mw-headline" id="المراجع">المراجع</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%D8%B3%D9%81%D9%84%D8%AA&action=edit&section=5" title="عدل القسم: المراجع">عدل</a><span class="mw-editsection-bracket">]</span></span></h2>
<style data-mw-deduplicate="TemplateStyles:r56810696">.mw-parser-output .reflist{font-size:90%;margin-bottom:0.5em;list-style-type:decimal;overflow-y:auto;max-height:300px}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}@media print{.mw-parser-output .reflist{overflow-y:visible!important;max-height:none!important}}</style><div class="reflist">
<div class="mw-references-wrap"><ol class="references">
<li id="cite_note-1"><span class="mw-cite-backlink"><b><a href="#cite_ref-1">^</a></b></span> <span class="reference-text"><style data-mw-deduplicate="TemplateStyles:r57313094">.mw-parser-output cite.citation{font-style:inherit;word-wrap:break-word}.mw-parser-output .citation q{quotes:"\"""\"""'""'"}.mw-parser-output .citation:target{background-color:rgba(0,127,255,0.133)}.mw-parser-output .id-lock-free a,.mw-parser-output .citation .cs1-lock-free a{background:linear-gradient(transparent,transparent),url("//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-limited a,.mw-parser-output .id-lock-registration a,.mw-parser-output .citation .cs1-lock-limited a,.mw-parser-output .citation .cs1-lock-registration a{background:linear-gradient(transparent,transparent),url("//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-subscription a,.mw-parser-output .citation .cs1-lock-subscription a{background:linear-gradient(transparent,transparent),url("//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .cs1-ws-icon a{background:linear-gradient(transparent,transparent),url("//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg")right 0.1em center/12px no-repeat}.mw-parser-output .cs1-code{color:inherit;background:inherit;border:none;padding:inherit}.mw-parser-output .cs1-hidden-error{display:none;color:#d33}.mw-parser-output .cs1-visible-error{color:#d33}.mw-parser-output .cs1-maint{display:none;color:#3a3;margin-left:0.3em}.mw-parser-output .cs1-format{font-size:95%}.mw-parser-output .cs1-kern-left{padding-left:0.2em}.mw-parser-output .cs1-kern-right{padding-right:0.2em}.mw-parser-output .citation .mw-selflink{font-weight:inherit}</style><cite id="CITEREFKrill2016" class="citation web cs1 cs1-prop-foreign-lang-source">Krill, Paul (02 ديسمبر 2016)، <a rel="nofollow" class="external text" href="https://www.infoworld.com/article/3146966/slim-speedy-svelte-framework-puts-javascript-on-a-diet.html">"Slim, speedy Svelte framework puts JavaScript on a diet"</a>، <i>InfoWorld</i> (باللغة الإنجليزية)<span class="reference-accessdate">، اطلع عليه بتاريخ 27 أكتوبر 2022</span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=InfoWorld&rft.atitle=Slim%2C+speedy+Svelte+framework+puts+JavaScript+on+a+diet&rft.date=2016-12-02&rft.aulast=Krill&rft.aufirst=Paul&rft_id=https%3A%2F%2Fwww.infoworld.com%2Farticle%2F3146966%2Fslim-speedy-svelte-framework-puts-javascript-on-a-diet.html&rfr_id=info%3Asid%2Far.wikipedia.org%3A%D8%B3%D9%81%D9%84%D8%AA" class="Z3988"></span></span>
</li>
<li id="cite_note-2"><span class="mw-cite-backlink"><b><a href="#cite_ref-2">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r57313094"/><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://react-etc.net/entry/react-vs-svelte-the-javascript-build-time-framework">"React vs. Svelte, the JavaScript build-time framework"</a>، <i>react-etc.net</i><span class="reference-accessdate">، اطلع عليه بتاريخ 27 أكتوبر 2022</span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=react-etc.net&rft.atitle=React+vs.+Svelte%2C+the+JavaScript+build-time+framework&rft_id=https%3A%2F%2Freact-etc.net%2Fentry%2Freact-vs-svelte-the-javascript-build-time-framework&rfr_id=info%3Asid%2Far.wikipedia.org%3A%D8%B3%D9%81%D9%84%D8%AA" class="Z3988"></span></span>
</li>
<li id="cite_note-:0-3"><span class="mw-cite-backlink">↑ <a href="#cite_ref-:0_3-0"><sup><i><b>أ</b></i></sup></a> <a href="#cite_ref-:0_3-1"><sup><i><b>ب</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r57313094"/><cite id="CITEREFŚwistak2020" class="citation web cs1">Świstak, Tomasz (19 نوفمبر 2020)، <a rel="nofollow" class="external text" href="https://valuelogic.one/blog/the-rise-of-the-svelte-javascript-framework/">"About the Svelte JavaScript framework"</a>، <i>ValueLogic | Blog</i><span class="reference-accessdate">، اطلع عليه بتاريخ 27 أكتوبر 2022</span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=ValueLogic+%7C+Blog&rft.atitle=About+the+Svelte+JavaScript+framework&rft.date=2020-11-19&rft.aulast=%C5%9Awistak&rft.aufirst=Tomasz&rft_id=https%3A%2F%2Fvaluelogic.one%2Fblog%2Fthe-rise-of-the-svelte-javascript-framework%2F&rfr_id=info%3Asid%2Far.wikipedia.org%3A%D8%B3%D9%81%D9%84%D8%AA" class="Z3988"></span></span>
</li>
<li id="cite_note-4"><span class="mw-cite-backlink"><b><a href="#cite_ref-4">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r57313094"/><cite class="citation cs2 cs1-prop-foreign-lang-source"><a rel="nofollow" class="external text" href="https://www.youtube.com/watch?v=kMlkCYL9qo0"><i>Svelte Origins: A JavaScript Documentary</i></a> [<i>أصل سِفلت، وثائقي جافاسكربت</i>] (باللغة الإنجليزية)، OfferZen Origins<span class="reference-accessdate">، اطلع عليه بتاريخ 27 أكتوبر 2022</span></cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=book&rft.btitle=Svelte+Origins%3A+A+JavaScript+Documentary&rft.pub=OfferZen+Origins&rft_id=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DkMlkCYL9qo0&rfr_id=info%3Asid%2Far.wikipedia.org%3A%D8%B3%D9%81%D9%84%D8%AA" class="Z3988"></span></span>
</li>
<li id="cite_note-5"><span class="mw-cite-backlink"><b><a href="#cite_ref-5">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r57313094"/><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.wappalyzer.com/technologies/javascript-frameworks/svelte/">"Websites using Svelte - Wappalyzer"</a>، <i>www.wappalyzer.com</i><span class="reference-accessdate">، اطلع عليه بتاريخ 27 أكتوبر 2022</span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=www.wappalyzer.com&rft.atitle=Websites+using+Svelte+-+Wappalyzer&rft_id=https%3A%2F%2Fwww.wappalyzer.com%2Ftechnologies%2Fjavascript-frameworks%2Fsvelte%2F&rfr_id=info%3Asid%2Far.wikipedia.org%3A%D8%B3%D9%81%D9%84%D8%AA" class="Z3988"></span></span>
</li>
<li id="cite_note-6"><span class="mw-cite-backlink"><b><a href="#cite_ref-6">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r57313094"/><cite class="citation web cs1 cs1-prop-foreign-lang-source"><a rel="nofollow" class="external text" href="https://svelte.dev/">"Svelte • Cybernetically enhanced web apps"</a>، <i>svelte.dev</i> (باللغة الإنجليزية)<span class="reference-accessdate">، اطلع عليه بتاريخ 27 أكتوبر 2022</span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=svelte.dev&rft.atitle=Svelte+%E2%80%A2+Cybernetically+enhanced+web+apps&rft_id=https%3A%2F%2Fsvelte.dev%2F&rfr_id=info%3Asid%2Far.wikipedia.org%3A%D8%B3%D9%81%D9%84%D8%AA" class="Z3988"></span></span>
</li>
<li id="cite_note-7"><span class="mw-cite-backlink"><b><a href="#cite_ref-7">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r57313094"/><cite class="citation web cs1 cs1-prop-foreign-lang-source"><a rel="nofollow" class="external text" href="https://insights.stackoverflow.com/survey/2021/?utm_source=social-share&utm_medium=social&utm_campaign=dev-survey-2021">"Stack Overflow Developer Survey 2021"</a>، <i>Stack Overflow</i> (باللغة الإنجليزية)<span class="reference-accessdate">، اطلع عليه بتاريخ 27 أكتوبر 2022</span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=Stack+Overflow&rft.atitle=Stack+Overflow+Developer+Survey+2021&rft_id=https%3A%2F%2Finsights.stackoverflow.com%2Fsurvey%2F2021%2F%3Futm_source%3Dsocial-share%26utm_medium%3Dsocial%26utm_campaign%3Ddev-survey-2021&rfr_id=info%3Asid%2Far.wikipedia.org%3A%D8%B3%D9%81%D9%84%D8%AA" class="Z3988"></span></span>
</li>
<li id="cite_note-8"><span class="mw-cite-backlink"><b><a href="#cite_ref-8">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r57313094"/><cite id="CITEREFHarris" class="citation web cs1 cs1-prop-foreign-lang-source">Harris, Rich، <a rel="nofollow" class="external text" href="https://svelte.dev/blog/sapper-towards-the-ideal-web-app-framework">"Sapper: Towards the ideal web app framework"</a>، <i>svelte.dev</i> (باللغة الإنجليزية)<span class="reference-accessdate">، اطلع عليه بتاريخ 27 أكتوبر 2022</span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=svelte.dev&rft.atitle=Sapper%3A+Towards+the+ideal+web+app+framework&rft.aulast=Harris&rft.aufirst=Rich&rft_id=https%3A%2F%2Fsvelte.dev%2Fblog%2Fsapper-towards-the-ideal-web-app-framework&rfr_id=info%3Asid%2Far.wikipedia.org%3A%D8%B3%D9%81%D9%84%D8%AA" class="Z3988"></span></span>
</li>
</ol></div></div>
<h2><span id=".D9.88.D8.B5.D9.84.D8.A7.D8.AA_.D8.AE.D8.A7.D8.B1.D8.AC.D9.8A.D8.A9"></span><span class="mw-headline" id="وصلات_خارجية">وصلات خارجية</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%D8%B3%D9%81%D9%84%D8%AA&action=edit&section=6" title="عدل القسم: وصلات خارجية">عدل</a><span class="mw-editsection-bracket">]</span></span></h2>
<ul><li><span class="موقع رسمي">الموقع الرسمي</span></li></ul></div>' |
