سەرچاوەکراوە · نووسینی کوردی · v0.1.1 گیتهاب شوێنی تاقیکردنەوە

کیبۆردی کوردی

لە هەر شوێنێکی وێب بە کوردی بنووسە — سۆرانی و کرمانجی، یەک ویجێت، یونیکۆدی یەکگرتوو کە لە بنەڕەتەوە دروستە.

٢ خەت ٣ داڕشتە ٠ پێویستی کاتی جێبەجێکردن ٥٥ خاڵی کۆدی پشتڕاستکراوە

٠٠ · پیشاندانی زیندوو

وێنە نییە — ئەمە خودی ویجێتەکەیە

چوارچێوەکانی خوارەوە وێنە نین. هەردوو خەتەکە هەمان کیبۆردی ڕاستەقینەن، بە تایبەتمەندییەکانی CSS بە شێوازی ئەم پەڕەیە ڕازێنراونەتەوە. بە تابەکان بیانگۆڕە و کلیک لە دوگمەکان بکە؛ ⇧ چینی دووەم دەردەخات و کرمانجیش ⇪ Caps Lockی هەیە.

٠١ · تایبەتمەندییەکان

هەموو ئەوەی نووسینێکی کوردی پێویستیەتی

  1. یونیکۆدی یەکگرتوولە بنەڕەتەوە دروست.

    ویجێتەکە تەنیا دەتوانێت ئەو خاڵە کۆدییانە دەربخات کە بە KRG و UCD پشتڕاستکراونەتەوە: هەمیشە ک نەک ك، هەمیشە ی نەک ي، و ە وەک ئەو بزوێنەی کە هەیە. دەقی پارچەپارچە لە ڕابردوودا دەمێنێتەوە.

  2. دوو خەت، سێ داڕشتە‏RTL و LTR، یەک بزوێنەر.

    داڕشتەیەکی سۆرانی لە داتای CLDRی یونیکۆدەوە دروستکراوە، لەگەڵ دوو جۆری کرمانجیی کۆمەڵگا. بە setLayout() بە زیندوویی بیانگۆڕە — ئاراستە و چینەکان و Caps Lock خۆیان دێنە دوای.

  3. بۆ مۆبایل دروستکراوەویجێتەکە خۆی کیبۆردەکەیە.

    inputmode="none" بۆ هەر خانەیەک کیبۆردی سیستەم دەشارێتەوە و پانێڵی لکاو یان سەرئاو کاری نووسین دەکات؛ بە ئامانجی دەستلێدانی ٤٤ پیکسڵی لە capability queryـیەکەوە — هەرگیز بە ناسینەوەی user-agent نا.

  4. دەستڕاگەیشتنی بنەڕەتی‏tabindexی خولاو، ناوی گوتراو.

    ناڤیگەیشنی کیبۆرد بەپێی WAI-ARIA APG، فۆکەسی دیار و ناوەکانی تەکنەلۆژیای یاریدەدەر بە ئینگلیزی یان کوردی — لە کاتی کارکردندا دەگۆڕدرێن.

  5. ڕێکخەری دەقی کۆنپاککردنەوەی دەیان ساڵ ك و ي.

    normalizeLegacy() سۆرانی کۆنی پارچەپارچە دەگۆڕێت بۆ خاڵە کۆدییە یەکگرتووەکان، بە هەمان ئەو فایلی داتایەی کە کیبۆردەکە بەکاری دەهێنێت. بێ DOM، بۆیە لە Node و CLIشدا کار دەکات.

٠٢ · بنەماکان

چۆن دروستکراوە

  1. ١ ستاندارد نەک داهێنانەوەخاڵە کۆدییەکان لە ستانداردی کیبۆردی یەکگرتووی KRGەوە دێن، داڕشتەی سۆرانی لە CLDRی یونیکۆدەوە. لە شوێنێک ستاندارد هەبێت، هیچ شتێک بە دەست دروستناکرێت.
  2. ٢ داتا نەک کۆدداڕشتەکان فایلی JSONن و بە سکیمایەک پشتڕاستدەکرێنەوە. بزوێنەرەکە هەرگیز لەسەر ناوی داڕشتەیەک لق نابێت — زیادکردنی جۆرێک واتە زیادکردنی داتا، نەک کۆد.
  3. ٣ پلاتفۆرمەکە خۆی بەسە‏setRangeText بۆ نووسین، inputmode بۆ مۆبایل، custom property بۆ ڕازاندنەوە. سفر پێویستی کاتی جێبەجێکردن، ESM و CJS، داڕشتەی tree-shakable.
  4. ٤ پشتڕاستکراوە، نەک گریمانەکراوهەر خاڵێکی کۆدی پیت بە پیت بەرامبەر سەرچاوە بنەڕەتییەکان پێداچوونەوەی بۆ کراوە؛ پاکێجە بڵاوکراوەکەش پێش بڵاوکردنەوە بە تاقیکردنەوەیەکی جێبەجێکراو دەسەلمێنرێت.

٠٣ · وەریبگرە

بەخۆڕایی، وەک کیبۆردێک کە دەبێت وابێت

بەخۆڕایی

مۆڵەتی MIT · بێ پلە، بێ تێلێمێتری، بێ بەندکردن

لە گیتهاب ببینە

npm install kurdish-keyboard

وەشانی ٠.١.١ لەسەر npm — یان لە کۆگای گیتهابەوە دایبمەزرێنە.

٠٤ · پرسیارەکان

وەڵام، پێش ئەوەی بپرسیت

کام وێبگەڕانە پشتگیری دەکرێن؟
وێبگەڕە نوێبووەکانی سێ ساڵی ڕابردوو لەگەڵ Safari 15+. هەموو ئەو APIانەی پلاتفۆرم کە ویجێتەکە پشتیان پێدەبەستێت لە ئاستی «Baseline widely available»دان، بۆیە هیچ polyfillێک ناردراوە.
لەگەڵ React و Vue و Svelte کار دەکات؟
بەڵێ. دوای هەر نووسینێک ویجێتەکە ڕووداوێکی inputی هەڵکشاو بڵاودەکاتەوە، بۆیە بایندینگی فرەیمۆرکەکان بێ wrapper یان adapter گۆڕانکارییەکان دەبینن.
دەتوانێت لە هەر خانەیەکدا بنووسێت؟
هەر input یان textareaیەک لە هەمان پەڕەدا. iframeی cross-origin بەهۆی دیزاینی ئاسایشی وێبگەڕ قەدەغەیە و دەستکاریکەرەکانی rich-text لە نەخشەڕێگادان.
بۆچی کافی عەرەبی نانووسێت؟
لە دەقی کوردیدا ك هاوشێوەیەکە کە بێدەنگ گەڕان و ڕیزکردن دەشکێنێت — ویجێتەکە هەمیشە ک دەردەخات. پیتە عەرەبییە ڕاستەقینەکان بۆ نووسینی ناوە عەرەبییەکان لەسەر چینی Shiftی سۆرانی بەردەست دەمێننەوە.
دەتوانم داڕشتەی خۆم دروست بکەم؟
داڕشتەکان JSONی سادەن و بە سکیمای بڵاوکراوە پشتڕاستدەکرێنەوە. بزوێنەرەکە هەر داڕشتەیەکی گونجاو بێ گۆڕان پیشان دەدات — جۆرەکانی کۆمەڵگا زیادکراون، نەک لق.

پرسیاری زیاترت هەیە؟ ڕێنمایی تێکەڵکردن (بە ئینگلیزی) هەموو API و ڕازاندنەوە و سنوورەکانی پلاتفۆرم دەگرێتەوە.