SDFX
1.0.0
Особенности | Скриншоты | Руководство по приложению SDFX | Установка | Бегать
Лучшая платформа без кода для создания и обмена приложениями искусственного интеллекта с красивым пользовательским интерфейсом.
Присоединяйтесь к нашему сообществу Discord Server, чтобы получать последние новости, видеоуроки и демонстрационные приложения.
SDFX позволяет создавать простые пользовательские интерфейсы для сложных рабочих процессов. Приложение SDFX сочетает в себе рабочий процесс Comfy с пользовательским интерфейсом. JSON, описывающий рабочий процесс, обогащен дополнительной метаинформацией о приложении и его авторе, а также связью между компонентами пользовательского интерфейса и виджетами узла.
Функции
Скриншоты
Руководство по структуре JSON приложения SDFX
Установка
Бегать
Установка для пользователей, уже использующих ComfyUI Locally
Этот проект изначально был создан для удовлетворения потребностей пользователей A1111 (пользовательский интерфейс на основе форм) и ComfyUI (на основе графовых узлов), которые представляют собой два сообщества с разными взглядами. Создавая SDFX, мы стремились объединить преимущества обоих миров без недостатков. Например, SDFX позволяет создавать сложные графики (как это можно сделать в ComfyUI), но с наложением на более простой высокоуровневый пользовательский интерфейс (например, интерфейс на основе форм с невероятным пользовательским интерфейсом). Таким образом, теоретически кто-то может воссоздать A1111 с помощью SDFX и поделиться JSON в Интернете.
Это первоначальный проект, еще многое предстоит сделать (в основном App Creator, который скоро будет выпущен). Некоторые потеряли веру в нас и даже назвали нас пустышками. Реальность, как вы увидите, просмотрев исходный код, такова, что SDFX потребовал значительного объема работы. Его сделал один разработчик, а сейчас команда растёт. Мы старались делать все правильно, концентрируясь исключительно на том, что у нас получается лучше всего: пользовательских интерфейсах и дизайне продуктов с использованием современного интерфейса. Поэтому мы на 100% полагаемся на серверную часть Comfy, что делает SDFX полностью совместимым с ComfyUI. Однако устанавливать ComfyUI не обязательно, поскольку все абстрагировано. Мы также постарались упростить процесс установки; в большинстве случаев вам нужно будет всего лишь дважды щелкнуть файл setup.bat/setup.sh и следовать указаниям мастера.
Мы надеемся, что он вам понравится, и мы с большим удовольствием делимся с вами нашим видением и этим репозиторием, надеясь, что он проложит путь к вашему многочисленному вкладу в дальнейшее развитие области искусственного интеллекта с открытым исходным кодом.
 |  |
|---|
Добро пожаловать в руководство по структуре JSON для приложений SDFX. Ниже приведен подробный обзор для разработчиков, желающих понять и использовать формат JSON для создания удобного пользовательского интерфейса с помощью SDFX. Наша цель — обеспечить ясность и простоту использования, чтобы вы могли с уверенностью интегрировать и обмениваться приложениями 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 с загрузчиком контрольных точек, полностью совместимого с классами CSS Tailwind: {
"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 ]
}
}
]
}
]
}
]
}Разработчики могут использовать богатый набор компонентов пользовательского интерфейса для создания пользовательских интерфейсов. Вот список доступных компонентов, которые можно использовать и настраивать с помощью VueJS и Tailwind CSS:
ButtonDragNumberImageLoaderInputModelPickerNumberPreviewPromptPromptTimelineSelectorSliderTextAreaToggleBoxDimensionsBoxSeed Кроме того, для обогащения пользовательского интерфейса можно использовать элементы HTML, такие как div , p , ul , li , img , iframe , video и другие.
Для макетирования и структурного проектирования такие элементы, как SplitPane , SplitH , SplitV , Tab , TabBox , TabBar и ToggleSettings , предлагают дополнительную настройку.
Простота создания новых компонентов с помощью VueJS и Tailwind CSS не имеет себе равных, что позволяет быстро разрабатывать и создавать высококачественный пользовательский интерфейс. Поскольку SDFX движется к выпуску с открытым исходным кодом, это руководство будет иметь неоценимое значение для разработчиков, планирующих работать с профессиональной и ориентированной на пользователя платформой.
Наслаждайтесь творчеством с помощью SDFX, а простота и мощь структуры JSON улучшат процесс разработки приложений.
Примечание. В настоящее время процесс разработки приложения SDFX и сопоставления компонентов пользовательского интерфейса с параметрами узла выполняется вручную. Мы понимаем все сложности и рады сообщить, что выпуск SDFX App Creator уже не за горами.
SDFX App Creator позволит вам создать отображение пользовательского интерфейса, представив интерфейс визуального дизайна с возможностью перетаскивания. Это значительно упростит процесс связывания элементов управления пользовательского интерфейса с соответствующими параметрами узла в графе рабочего процесса. Следите за этой функцией.
Убедитесь, что ваша система соответствует следующим требованиям:
git clone https://github.com/sdfxai/sdfx.git
cd sdfx Затем откройте setup.bat чтобы установить зависимости.
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 и следуйте инструкциям по установке, приведенным в файле readme, чтобы установить зависимости ComfyUI.
Добавьте пользовательский узел SDFXBridgeForComfyUI.
Следуйте инструкциям в репозитории пользовательского узла SDFXBridgeForComfyUI, чтобы добавить его в папку custom_nodes ComfyUi.
Создать файл конфигурации:
Создайте файл с именем sdfx.config.json в корне вашего проекта. Следуйте инструкциям, представленным здесь, чтобы создать файл конфигурации в соответствии с вашими требованиями.
Бегать
Запустите ComfyUI. Затем запустите SDFX с помощью:
cd src
npm run startЕсли на вашем компьютере уже установлен ComfyUI, выполните следующие действия для интеграции SDFX:
Клонируйте custom_node SDFXBridgeForComfyUI по пути custom_node ComfyUI:
git clone https://github.com/sdfxai/SDFXBridgeForComfyUI.gitПодробные инструкции можно найти в официальном README SDFX для ComfyUI.
Установите внешние зависимости и запустите их:
cd src
npm install
npm run start Запустите приложение SDFX с помощью run.bat ( ./run.sh для Linux/MacOs).
