Swift Web Studio
صمّم بـ SwiftUI في المتصفح، واحتفظ بشيفرة Swift.
تحرير مرئي، ومحرّر لشيفرة Swift، ومعاينة تفاعلية للجهاز في مساحة عمل واحدة. ابدأ بقالب أو بملفات Swift الخاصة بك، وحسّن التصميم، ثم صدّر مشروعًا جاهزًا للتطوير الأصلي.
معظم أدوات التصميم ترسم صورًا للتطبيقات. أما Swift Web Studio فيحرّر التطبيق نفسه: كل تغيير على اللوحة هو تغيير في شيفرة Swift المصدرية، فتصبح الشيفرة نفسها هي ما تسلّمه.
تعرّف على أبرز المزايا.
أداة للمصممين تتحدّث بلغة Swift.
تعديلات تحافظ على الشيفرة المصدرية. تُجرى التغييرات المرئية على شيفرة Swift الأساسية، وكل ما لا تستطيع اللوحة تعديله يبقى قابلًا للتعديل في الشيفرة.
المكوّنات. مُدخلات النسخ، والمتغيّرات المحفوظة، وألوان ومسافات وأنماط نصوص مشتركة.
المجموعات. سجلات بتصميم صف مشترك، وسيناريوهات معاينة لتجربة المحتوى.
معاينة الجهاز. معاينة تفاعلية عبر أحجام الأجهزة والمظاهر وأحجام النص.
الفحوص. تنبيه إلى المشكلات المحتملة في التباين وأهداف اللمس وتجاوز المحتوى لحدوده.
العرض. اعرض الشاشات، أو صدّر صور PNG وأوراقًا مجمّعة للمعاينة.
تراجع مشترك. نظّم الشاشات والطبقات مع التراجع والإعادة عبر كليهما.
الصور. استورد صور PNG وJPEG، مع نسخ اختيارية للوضع الداكن.
الحفظ التلقائي والأرشيفات. تُحفظ المشاريع في المتصفح، ويمكنك تنزيل أرشيف قابل للتعديل في أي وقت.
نظرة إلى الداخل.
حِزم المترجم والمفسّر والتخطيط مستقلة عن React وDOM. وتعمل المعاينة داخل Web Worker.
apps/webمساحة عمل Next.js، والمحرّر، والنوافذ الحوارية، ومضيف الـ Workerswift-syntaxالمحلّل المعجمي، والمحلّل النحوي، وشجرة البنية النحوية، وتعديلات الشيفرة المصدريةswift-semaاستبانة الأسماء، والتحليل الدلالي، وتعديلات التصميمswift-runtimeمفسّر للغة Swiftswiftui-runtimeحالة SwiftUI، وتركيب العروض، والتفاعلاتswiftui-layoutالتخطيط وقياس النصوصswiftui-render-domعرض شجرة التصييرproject-modelالمشاريع، والملفات، والقوالب، والحفظ الدائم، والمشاركةexporterتهيئة هيكل المشروع، واستيراد ملفات ZIP وتصديرهاshared · sim-shellأنواع مشتركة ومواصفات الأجهزةتفسّر المعاينة مجموعة فرعية مدعومة من Swift وSwiftUI. فهي لا تشغّل مترجم Apple ولا iOS Simulator، لذا تُبنى التطبيقات المُصدَّرة وتُراجَع في Xcode قبل إصدارها.
ست طرق للتصدير.
تبقى شيفرة Swift المصدرية محفوظة في كل تنسيق.
المواصفات التقنية
- التقنيات
- TypeScript؛ مساحة عمل Next.js مع حِزم مستقلة للغة وبيئة التشغيل والتخطيط
- المعاينة
- مفسّر لـ Swift وSwiftUI داخل Web Worker، يغطي مجموعة فرعية موثّقة
- التخزين
- حفظ تلقائي في المتصفح (IndexedDB)؛ وأرشيفات
.swiftstudio.zipقابلة للتعديل - التصدير
- مشروع Xcode، وتطبيق Swift Playgrounds، وحزمة Swift، ومواصفات XcodeGen
- الأوامر النصية
- إنشاء اختياري بالأوامر النصية، باستخدام مفتاح المزوّد الخاص بك
- الجودة
- تكامل مستمر (CI) مع فحص الأنواع والتدقيق واختبارات الوحدات؛ واختبارات شاملة باستخدام Playwright؛ وحد أقصى لحجم الحزمة
- التشغيل
- عرض تجريبي مباشر، أو محليًا باستخدام Node.js 22 وnpm 11 · GitHub