com.sdfx

شفرة المصدر الأخرى

1.0.0

تنزيل

اس دي اف اكس

المميزات | لقطات الشاشة | دليل تطبيقات SDFX | التثبيت | يجري

النظام الأساسي بدون تعليمات برمجية لإنشاء تطبيقات الذكاء الاصطناعي ومشاركتها باستخدام واجهة مستخدم جميلة.

انضم إلى مجتمع Discord Server الخاص بنا للحصول على أحدث الأخبار ودروس الفيديو والتطبيقات التجريبية.

لقطة شاشة لـ SDFX

يتيح SDFX إنشاء واجهات مستخدم مباشرة لسير العمل المعقد. يجمع تطبيق SDFX بين سير العمل المريح وواجهة المستخدم. يتم إثراء JSON الذي يصف سير العمل بمعلومات تعريفية إضافية حول التطبيق ومؤلفه، بالإضافة إلى الارتباط بين مكونات واجهة المستخدم وعناصر واجهة المستخدم الخاصة بالعقدة.

سمات
لقطات الشاشة
دليل هيكل تطبيق SDFX JSON
تثبيت
يجري
التثبيت للمستخدمين الذين يستخدمون ComfyUI محليًا بالفعل

لماذا؟

تم إنشاء هذا المشروع في الأصل لتلبية احتياجات المستخدمين من A1111 (واجهة المستخدم المستندة إلى النموذج) وComfyUI (المعتمد على عقدة الرسم البياني)، وهما مجتمعان لهما رؤى مختلفة. مع SDFX، كنا نهدف إلى دمج فوائد كلا العالمين، دون العيوب. ما يسمح به SDFX، على سبيل المثال، هو إنشاء رسوم بيانية معقدة (كما يفعل المرء في ComfyUI)، ولكن مع تراكب لواجهة مستخدم أبسط وعالية المستوى (مثل واجهة قائمة على النموذج، مع واجهة مستخدم مذهلة). وبالتالي، من الناحية النظرية، يمكن لأي شخص إعادة إنشاء A1111 باستخدام SDFX ومشاركة JSON عبر الإنترنت.

هذه مسودة أولية، ولا يزال هناك الكثير مما يتعين القيام به (معظمه منشئ التطبيقات الذي سيتم إصداره قريبًا). لقد فقد البعض الثقة فينا، حتى أنهم وصفونا بالبرمجيات البخارية. الحقيقة، كما سترون من خلال تصفح الكود المصدري، هي أن SDFX تطلب قدرًا كبيرًا من العمل. تم إنشاؤه بواسطة مطور منفرد، والآن الفريق ينمو. لقد حاولنا القيام بالأشياء بشكل صحيح، مع التركيز فقط على ما نقوم به بشكل أفضل: واجهات المستخدم وتصميم المنتج باستخدام مجموعة واجهة أمامية حديثة. ولذلك، فإننا نعتمد بنسبة 100% على الواجهة الخلفية لـ Comfy، مما يجعل SDFX متوافقًا تمامًا مع ComfyUI. ومع ذلك، فإن تثبيت ComfyUI ليس ضروريًا، حيث يتم تجريد كل شيء. لقد بذلنا أيضًا جهدًا لتبسيط عملية التثبيت؛ في معظم الحالات، ستحتاج فقط إلى النقر نقرًا مزدوجًا فوق setup.bat / setup.sh واتباع المعالج.

نأمل أن تنال إعجابك، ومن دواعي سرورنا أن نشارك رؤيتنا وهذا الريبو معك، على أمل أن يمهد الطريق للعديد من المساهمات منك، لتعزيز تقدم مجال الذكاء الاصطناعي مفتوح المصدر.

سمات

أنشئ تطبيقات سهلة الاستخدام وشاركها بالإضافة إلى مهام سير العمل المعقدة
متوافق بنسبة 100% مع ComfyUI وجميع ميزاته
يمكن أن يعمل مع تثبيت Comfy الموجود لديك (مع عقدة SDFXBridgeForComfy المخصصة لدينا)
تمت إعادة هيكلة LiteGraph تقريبًا من الصفر باستخدام الآلة الكاتبة
الملاحة الرسومية المتحركة
الإشارات المرجعية للعقدة والبحث المتقدم في الرسم البياني
إنشاء واجهة مستخدم سريعة للغاية ومكونات جميلة عالية المستوى (أسرع بـ 450 مرة من Gradio)
مصحح أخطاء واجهة المستخدم (بدائي في الوقت الحالي)
مدير العقد المخصصة الأصلية (بفضل Dr.Lt.Data)
تصدير التطبيقات والقوالب ومشاركتها (سيتم تصدير عقد المجموعة قريبًا)
محرر الصور والأقنعة المتقدم القائم على الطبقة (WIP)
منتقي نقطة تفتيش متقدمة ومعرض
منتقي الصور المتقدم
مكدس الواجهة الأمامية الحديثة والسريعة للغاية (vitejs، vuejs، Electron)
يتم تجميعه كتطبيق أصلي (Windows وLinux وMac) أو كتطبيق ويب
من السهل للغاية صيانة وإضافة ميزات جديدة

لقطات الشاشة

عرض الرسم البياني

لقطة شاشة لـ SDFX

عرض التطبيق

مكون الجدول الزمني الفوري

لقطة شاشة لـ SDFX

مصحح أخطاء واجهة المستخدم

لقطة شاشة لـ SDFX

الإشارات المرجعية للعقدة

لقطة شاشة لـ SDFX

مدير العقدة

لقطة شاشة لـ SDFX

دليل هيكل تطبيق SDFX JSON

مرحبًا بك في دليل بنية JSON لتطبيقات SDFX. فيما يلي نظرة عامة شاملة للمطورين الذين يتطلعون إلى فهم تنسيق JSON واستخدامه لإنشاء واجهة مستخدم سهلة الاستخدام باستخدام SDFX. هدفنا هو ضمان الوضوح وسهولة الاستخدام، حتى تتمكن من دمج وتبادل تطبيقات SDFX بثقة.

بنية JSON الأساسية لتطبيق SDFX:

{
  "name" : " SDFX Timeline SD15 " ,
  "meta" : {},
  "type" : " sdfx " ,
  "mapping" : {
    "leftpane" : [],
    "mainpane" : [],
    "rightpane" : []
  },
  "version" : 0.4 ,
  "last_node_id" : 287 ,
  "last_link_id" : 569 ,
  "nodes" : [],
  "links" : [],
  "groups" : [],
  "config" : {},
  "extra" : {}
}

اسم التطبيق

name : الاسم الذي تقوم بتعيينه لتطبيقك.

معلومات التعريف

meta : يحتوي هذا المفتاح على تفاصيل أساسية حول تطبيقك، على سبيل المثال:

 - ` version ` : "0.4.1"
- ` description ` : "Timeline for SD15"
- ` icon ` : null (This should be updated with a link to a 512x512 image, or a base64 URL)
- ` keywords ` : "timeline, SD15, upscaler, LCM"
- ` author ` : "SDFX"
- ` license ` : "MIT"
- ` url ` : " https://sdfx.ai "

نوع التطبيق

type : تم تعيينه كـ "sdfx" ، يحدد هذا المفتاح التطبيق كتطبيق SDFX مع الحفاظ على التوافق مع ComfyUI. وهذا يعني أنه يمكن سحب تطبيقات SDFX وإسقاطها على ComfyUI والعكس صحيح.

هيكل رسم خرائط واجهة المستخدم

mapping : يحدد بنية واجهة المستخدم. ضمن التعيين، قد تجد البنية التالية لوصف مكون Tab مع أداة تحميل نقاط التفتيش، المتوافقة تمامًا مع فئات Tailwind CSS:

{
  "label": "Generation",
  "component": "Tab",
  "class": "p-4 lg : p-8 xl : p-10 overflow-y-scroll",
  "childrin": [
    {
      "component": "div",
      "class": "flex justify-between space-x-4 lg : space-x-8 ",
      "childrin": [
        {
          "label": "Section 1",
          "class": "leftview w-80",
          "component": "div",
          "childrin": [
            {
              "label": "Checkpoint",
              "showLabel": true,
              "type": "control",
              "component": "ModelPicker",
              "target": {
                "nodeId": 4,
                "nodeType": "CheckpointLoaderSimple",
                "widgetNames": [ "ckpt_name" ] ,
                "widgetIdxs": [ 0 ]
              }
            }
          ]
        }
      ]
    }
  ]
}

مفاتيح لايتغراف

المفاتيح المتبقية هي خصائص LiteGraph القياسية المستخدمة لوصف سير العمل.

مكونات واجهة المستخدم لرسم الخرائط

يمكن للمطورين الاستفادة من مجموعة غنية من مكونات واجهة المستخدم لإنشاء واجهات المستخدم. فيما يلي قائمة بالمكونات المتوفرة التي يمكن استخدامها وتخصيصها باستخدام VueJS وTailwind CSS:

Button
DragNumber
ImageLoader
Input
ModelPicker
Number
Preview
Prompt
PromptTimeline
Selector
Slider
TextArea
Toggle
BoxDimensions
BoxSeed

بالإضافة إلى ذلك، يمكن استخدام عناصر HTML مثل div و p و ul و li و img و iframe و video والمزيد لإثراء واجهة المستخدم.

بالنسبة للتخطيط والتصميم الهيكلي، توفر عناصر مثل SplitPane و SplitH و SplitV و Tab و TabBox و TabBar و ToggleSettings مزيدًا من التخصيص.

إن سهولة إنشاء مكونات جديدة باستخدام VueJS وTailwind CSS لا مثيل لها، مما يسمح بالتطور السريع وتصميم واجهة المستخدم عالية الجودة. مع تحرك SDFX نحو إصدار مفتوح المصدر، سيكون هذا الدليل لا يقدر بثمن للمطورين الذين يتوقعون التعامل مع منصة احترافية تتمحور حول المستخدم.

استمتع بالإنشاء باستخدام SDFX، ودع بساطة وقوة بنية JSON تعزز عملية تطوير تطبيقك.

الميزة القادمة: منشئ تطبيقات SDFX

ملاحظة: في الوقت الحالي، تتم عملية تصميم تطبيق SDFX الخاص بك وتعيين مكونات واجهة المستخدم لمعلمات العقد يدويًا. نحن نتفهم التعقيدات التي ينطوي عليها الأمر ويسعدنا أن نعلن أن إصدار SDFX App Creator في الأفق.

سيتيح لك SDFX App Creator إنشاء تعيين واجهة المستخدم الخاصة بك عن طريق تقديم واجهة تصميم مرئية مع إمكانيات السحب والإفلات. سيؤدي هذا إلى تبسيط عملية ربط عناصر تحكم واجهة المستخدم إلى حد كبير مع معلمات العقدة المقابلة في الرسم البياني لسير العمل. ترقبوا هذه الميزة.

تثبيت

تأكد من أن نظامك يلبي المتطلبات التالية:

Node.js الإصدار 18.9.1
نبم الإصدار 8.19.1
بايثون 3.11
بوابة

ويندوز

  git clone https://github.com/sdfxai/sdfx.git
  cd sdfx

ثم افتح setup.bat لتثبيت التبعيات

خطأ يقول لا يوجد بايثون، ولكن تم تثبيته؟

من الأخطاء الشائعة نسيان تحديد خيار إضافة Python إلى PATH أثناء التثبيت، حيث غالبًا ما يتم إلغاء تحديده افتراضيًا في معالج التثبيت. تأكد من إضافة Python إلى متغيرات بيئة نظامك لتشغيل البرنامج النصي بسلاسة.

لقطة شاشة لـ SDFX

لينكس/ماك

  git clone https://github.com/sdfxai/sdfx.git
  cd sdfx
  ./setup.sh

التثبيت اليدوي

انقر للتوسيع

لإجراء التثبيت اليدوي، اتبع الخطوات التالية:

تثبيت تبعيات الواجهة الأمامية:
انتقل إلى دليل src الخاص بـ SDFX وقم بتثبيت تبعيات npm:
```
 cd src
npm install
cd ..
```
استنساخ وتثبيت ComfyUI:
انسخ مستودع ComfyUI إلى الدليل الجذر لـ SDFX من ComfyUI GitHub واتبع تعليمات التثبيت المتوفرة في الملف التمهيدي لتثبيت تبعيات ComfyUI.
قم بإضافة العقدة المخصصة SDFXBridgeForComfyUI
اتبع الإرشادات الموجودة في مستودع العقدة المخصصة SDFXBridgeForComfyUI لإضافتها إلى مجلد ComfyUi custom_nodes الخاص بك.
إنشاء ملف التكوين:
قم بإنشاء ملف باسم sdfx.config.json في جذر مشروعك. اتبع الإرشادات المتوفرة هنا لإنشاء ملف التكوين وفقًا لمتطلباتك.
يجري
ابدأ ComfyUI ثم ابدأ SDFX باستخدام:
```
  cd src
  npm run start
```

التثبيت للمستخدمين الذين يستخدمون ComfyUI محليًا بالفعل

انقر للتوسيع

إذا كان لديك ComfyUI مثبتًا بالفعل على جهازك، فاتبع هذه الخطوات لدمج SDFX:

قم باستنساخ العقدة المخصصة SDFXBridgeForComfyUI على مسار ComfyUI custom_node الخاص بك:
```
git clone https://github.com/sdfxai/SDFXBridgeForComfyUI.git
```
للحصول على تعليمات مفصلة، يرجى الرجوع إلى SDFX الرسمي لـ ComfyUI README.
تثبيت تبعيات الواجهة الأمامية وتشغيلها: