مرحبا بكم!
يحتوي هذا المستودع على رمز المصدر المفتوح لـ Gliff.ai في مكتبة دعم التحميل (مكون Gliff.ai لتحميل الصور متعددة الأبعاد).
يهدف التحميل إلى السماح للمستخدمين بتحميل مجموعة متنوعة من ملفات الصور بسهولة ، بما في ذلك tiffs متعددة الأبعاد ، لأغراض تطوير منتجات التصوير الذكاء الاصطناعي. عند استخدام منصة Gliff.ai الكاملة ، يوفر التحميل خطوة واحدة فقط في تطوير مجموعات بيانات عالية الجودة ومراجعة ترضي أي أطر تنظيمية ذات صلة تمكن مستخدمينا من بناء نماذج ومنتجات منظمة العفو الدولية المتغيرة العالمية.
✅ نرحب بالمساهمات في هذا المستودع! ✅
تبحث عن شيء محدد؟ ؟
{{العودة إلى التنقل}}
قم بتشغيل npm install @gliff-ai/upload في سطر الأوامر الخاص بك لتثبيت الحزمة من سجل NPM.
{{العودة إلى التنقل}}
يجب دائمًا كتابة رمز الواجهة الأمامية في TypeScript ونقلها باستخدام الخيارات في tsconfig.json في هذا المستودع. يجب استخدام NPM دائمًا لإدارة الحزم.
ستقوم npm run serve بتشغيل خادم مطور WebPack محلي للوصول السريع.
للبدء ، قم بتشغيل npm i و npm run build من دليل الجذر.
{{العودة إلى التنقل}}
كمعيار ، يجب ربط جميع مساهمات التعليمات البرمجية مع ESLINT باستخدام .eslintrc.js وتنسيق مع أجمل. ملاحظة: HTML + CSS و Mark-Up و Mark-Down هي إعفاءات ويجب تنسيقها باستخدام أجمل ولكن لا تحتاج إلى ربطها.
npm run lint سوف ترتب إلى قاعدة كود.
سوف تقوم إجراءات github الخاصة بنا أيضًا بالترويح بأي طلبات سحب قبل دمجها.
{{العودة إلى التنقل}}
يجب اختبار جميع مساهمات التعليمات البرمجية باستخدام كل من مكتبة اختبار Jest and React.
سيقوم npm run test بإجراء أي اختبارات موجودة في قاعدة كودنا.
ستختبر إجراءات github الخاصة بنا أي طلبات سحب قبل دمجها! يجب أن يمر كل هذا ولديه موافقة مراجعين قبل أن يتمكن طلب السحب من الدمج. إذا فشل واحد أو عدد قليل ولم يمنح استكشاف الأخطاء وإصلاحها إجابة ، فيرجى مراجعة دليل مساهمة Gliff.ai لمزيد من التوجيه.
{{العودة إلى التنقل}}
يجب تضمين إجراءات GitHub فقط تحت مسار .github/workflows .
استيراد وحدة UploadImage ونوع ImageFileInfo :
import { UploadImage } from @ gliff - ai / upload ;
import type { ImageFileInfo } from @ gliff - ai / upload ; استخدم وحدة UploadImage :
setUploadedImage = (
imageFileInfo : ImageFileInfo ,
slicesData : Array < Array < ImageBitmap >>
) : void => {
this . imageFileInfo = imageFileInfo ;
this . slicesData = slicesData ;
} ;
render = ( ) : ReactNode => (
< UploadImage
setUploadedImage = { this . setUploadedImage }
spanElement = {
< Button aria-label = "upload-picture" component = "span" >
< Backup />
</ Button >
} // A <span> element that marks the clickable area.
multiple // allow uploading multiple files at once; use multiple={false} to disallow
/>
) ;المثال أعلاه يستخدم Material-Ui.
{{العودة إلى التنقل}}
نرحب بجميع المساهمين وأي مساهمات في هذا المشروع من خلال أمثال التعليقات على الميزات والتحسينات أو اقتراحها ، ورفع مشاكل الأخطاء ، والإبلاغ عن نقاط الضعف الأمامية ، ومراجعة التعليمات البرمجية ، وطلب أو إنشاء اختبارات ، واختبار المستخدم ، وما إلى ذلك لضمان Gliff.ai ، يمكن أن تساعد في تمكين أفضل وأكبر تأثير إيجابي ممكن.
تبدو جيدة وتريد المساهمة في المشروع؟ ؟
يرجى التحقق من دليل مساهمة gliff.ai قبل البدء. لا تنسى مدونة سلوك gliff.ai
شكراً جزيلاً من فريق Gliff.ai بأكمله إلى هؤلاء الزملاء المساهمين (مفتاح الرموز التعبيرية):
جوش | تشاس نيلسون ؟ ؟ ؟ ؟ | Philipjackson ؟ ؟ | كريج كوبر ؟ ؟ |
يتبع هذا المشروع مواصفات جميع المساهمين ويستفيد من مفتاح Emoji Confirofors لائتمان أنواع المساهمات من مجتمعنا!
{{العودة إلى التنقل}}
هل تحتاج إلى بعض المساعدة؟ ؟ لديك سؤال؟ ؟
تواصل مع فريق gliff.ai على [email protected] أو في مناقشات جيثب.
{{العودة إلى التنقل}}
هذا الرمز مرخص بموجب ترخيص GNU Agplv3
فضولي بشأن تفكيرنا لهذا؟ اقرأ عنهم هنا!