feat: add Creators Platform helper for DSL upload and OAuth redirect (Vibe Kanban) (#32232)

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

web/app/components/app/app-publisher/index.tsx

@@ -9,10 +9,12 @@ import {
   RiArrowRightSLine,
   RiBuildingLine,
   RiGlobalLine,
+  RiLoader2Line,
   RiLockLine,
   RiPlanetLine,
   RiPlayCircleLine,
   RiPlayList2Line,
+  RiStore2Line,
   RiTerminalBoxLine,
   RiVerifiedBadgeLine,
 } from '@remixicon/react'
@@ -47,7 +49,7 @@ import { useAsyncWindowOpen } from '@/hooks/use-async-window-open'
 import { useFormatTimeFromNow } from '@/hooks/use-format-time-from-now'
 import { AccessMode } from '@/models/access-control'
 import { useAppWhiteListSubjects, useGetUserCanAccessApp } from '@/service/access-control'
-import { fetchAppDetailDirect } from '@/service/apps'
+import { fetchAppDetailDirect, publishToCreatorsPlatform } from '@/service/apps'
 import { fetchInstalledAppList } from '@/service/explore'
 import { useInvalidateAppWorkflow } from '@/service/use-workflow'
 import { fetchPublishedWorkflow } from '@/service/workflow'
@@ -162,6 +164,7 @@ const AppPublisher = ({
   const [showAppAccessControl, setShowAppAccessControl] = useState(false)
 
   const [embeddingModalOpen, setEmbeddingModalOpen] = useState(false)
+  const [publishingToMarketplace, setPublishingToMarketplace] = useState(false)
 
   const workflowStore = useContext(WorkflowContext)
   const appDetail = useAppStore(state => state.appDetail)
@@ -288,6 +291,22 @@ const AppPublisher = ({
     }
   }, [appDetail, setAppDetail])
 
+  const handlePublishToMarketplace = useCallback(async () => {
+    if (!appDetail?.id || publishingToMarketplace)
+      return
+    setPublishingToMarketplace(true)
+    try {
+      const result = await publishToCreatorsPlatform({ appID: appDetail.id })
+      window.open(result.redirect_url, '_blank')
+    }
+    catch (error: any) {
+      Toast.notify({ type: 'error', message: error.message || t('common.publishToMarketplaceFailed', { ns: 'workflow' }) })
+    }
+    finally {
+      setPublishingToMarketplace(false)
+    }
+  }, [appDetail?.id, publishingToMarketplace, t])
+
   useKeyPress(`${getKeyboardKeyCodeBySystem('ctrl')}.shift.p`, (e) => {
     e.preventDefault()
     if (publishDisabled || published || publishLoading)
@@ -547,6 +566,22 @@ const AppPublisher = ({
                         </div>
                       )
                     }
+                    {systemFeatures.enable_creators_platform && (
+                      <div className="flex flex-col gap-y-1 border-t-[0.5px] border-t-divider-regular p-4 pt-3">
+                        <SuggestedAction
+                          className="flex-1"
+                          onClick={handlePublishToMarketplace}
+                          disabled={publishingToMarketplace}
+                          icon={publishingToMarketplace
+                            ? <RiLoader2Line className="h-4 w-4 animate-spin" />
+                            : <RiStore2Line className="h-4 w-4" />}
+                        >
+                          {publishingToMarketplace
+                            ? t('common.publishingToMarketplace', { ns: 'workflow' })
+                            : t('common.publishToMarketplace', { ns: 'workflow' })}
+                        </SuggestedAction>
+                      </div>
+                    )}
                   </>
                 )}
           </div>

web/i18n/ar-TN/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "نشر التحديث",
   "common.published": "منشور",
   "common.publishedAt": "تم النشر في",
+  "common.publishToMarketplace": "نشر في السوق",
+  "common.publishToMarketplaceFailed": "فشل النشر في السوق",
+  "common.publishingToMarketplace": "جارٍ النشر...",
   "common.redo": "إعادة",
   "common.restart": "إعادة تشغيل",
   "common.restore": "استعادة",

web/i18n/de-DE/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "Update veröffentlichen",
   "common.published": "Veröffentlicht",
   "common.publishedAt": "Veröffentlicht am",
+  "common.publishToMarketplace": "Im Marketplace veröffentlichen",
+  "common.publishToMarketplaceFailed": "Veröffentlichung im Marketplace fehlgeschlagen",
+  "common.publishingToMarketplace": "Veröffentlichen...",
   "common.redo": "Wiederholen",
   "common.restart": "Neustarten",
   "common.restore": "Wiederherstellen",

web/i18n/en-US/workflow.json

@@ -231,6 +231,9 @@
   "common.published": "Published",
   "common.publishedAt": "Published",
   "common.publishing": "Publishing...",
+  "common.publishToMarketplace": "Publish to Marketplace",
+  "common.publishToMarketplaceFailed": "Failed to publish to Marketplace",
+  "common.publishingToMarketplace": "Publishing...",
   "common.redo": "Redo",
   "common.restart": "Restart",
   "common.restore": "Restore",

web/i18n/es-ES/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "Publicar actualización",
   "common.published": "Publicado",
   "common.publishedAt": "Publicado el",
+  "common.publishToMarketplace": "Publicar en Marketplace",
+  "common.publishToMarketplaceFailed": "Error al publicar en Marketplace",
+  "common.publishingToMarketplace": "Publicando...",
   "common.redo": "Rehacer",
   "common.restart": "Reiniciar",
   "common.restore": "Restaurar",

web/i18n/fa-IR/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "به‌روزرسانی منتشر کنید",
   "common.published": "منتشر شده",
   "common.publishedAt": "منتشر شده",
+  "common.publishToMarketplace": "انتشار در بازار",
+  "common.publishToMarketplaceFailed": "انتشار در بازار ناموفق بود",
+  "common.publishingToMarketplace": "در حال انتشار...",
   "common.redo": "پیشرفت",
   "common.restart": "راه‌اندازی مجدد",
   "common.restore": "بازیابی",

web/i18n/fr-FR/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "Publier une mise à jour",
   "common.published": "Publié",
   "common.publishedAt": "Publié le",
+  "common.publishToMarketplace": "Publier sur le Marketplace",
+  "common.publishToMarketplaceFailed": "Échec de la publication sur le Marketplace",
+  "common.publishingToMarketplace": "Publication...",
   "common.redo": "Réexécuter",
   "common.restart": "Redémarrer",
   "common.restore": "Restaurer",

web/i18n/hi-IN/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "अपडेट प्रकाशित करें",
   "common.published": "प्रकाशित",
   "common.publishedAt": "प्रकाशित",
+  "common.publishToMarketplace": "Marketplace पर प्रकाशित करें",
+  "common.publishToMarketplaceFailed": "Marketplace पर प्रकाशित करने में विफल",
+  "common.publishingToMarketplace": "प्रकाशित हो रहा है...",
   "common.redo": "फिर से करें",
   "common.restart": "पुनः आरंभ करें",
   "common.restore": "पुनर्स्थापित करें",

web/i18n/id-ID/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "Publikasikan Pembaruan",
   "common.published": "Diterbitkan",
   "common.publishedAt": "Diterbitkan",
+  "common.publishToMarketplace": "Publikasikan ke Marketplace",
+  "common.publishToMarketplaceFailed": "Gagal mempublikasikan ke Marketplace",
+  "common.publishingToMarketplace": "Mempublikasikan...",
   "common.redo": "Ulangi",
   "common.restart": "Restart",
   "common.restore": "Mengembalikan",

web/i18n/it-IT/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "Pubblica aggiornamento",
   "common.published": "Pubblicato",
   "common.publishedAt": "Pubblicato",
+  "common.publishToMarketplace": "Pubblica nel Marketplace",
+  "common.publishToMarketplaceFailed": "Pubblicazione nel Marketplace non riuscita",
+  "common.publishingToMarketplace": "Pubblicazione...",
   "common.redo": "Ripeti",
   "common.restart": "Riavvia",
   "common.restore": "Ripristina",

web/i18n/ja-JP/workflow.json

@@ -223,6 +223,9 @@
   "common.publishUpdate": "更新を公開",
   "common.published": "公開済み",
   "common.publishedAt": "公開日時",
+  "common.publishToMarketplace": "マーケットプレイスに公開",
+  "common.publishToMarketplaceFailed": "マーケットプレイスへの公開に失敗しました",
+  "common.publishingToMarketplace": "公開中...",
   "common.redo": "やり直し",
   "common.restart": "再起動",
   "common.restore": "復元",

web/i18n/ko-KR/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "업데이트 게시",
   "common.published": "게시됨",
   "common.publishedAt": "발행일",
+  "common.publishToMarketplace": "마켓플레이스에 게시",
+  "common.publishToMarketplaceFailed": "마켓플레이스에 게시하지 못했습니다",
+  "common.publishingToMarketplace": "게시 중...",
   "common.redo": "다시 실행",
   "common.restart": "재시작",
   "common.restore": "복원",

web/i18n/pl-PL/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "Opublikuj aktualizację",
   "common.published": "Opublikowane",
   "common.publishedAt": "Opublikowane",
+  "common.publishToMarketplace": "Opublikuj na Marketplace",
+  "common.publishToMarketplaceFailed": "Nie udało się opublikować na Marketplace",
+  "common.publishingToMarketplace": "Publikowanie...",
   "common.redo": "Ponów",
   "common.restart": "Uruchom ponownie",
   "common.restore": "Przywróć",

web/i18n/pt-BR/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "Publicar Atualização",
   "common.published": "Publicado",
   "common.publishedAt": "Publicado em",
+  "common.publishToMarketplace": "Publicar no Marketplace",
+  "common.publishToMarketplaceFailed": "Falha ao publicar no Marketplace",
+  "common.publishingToMarketplace": "Publicando...",
   "common.redo": "Refazer",
   "common.restart": "Reiniciar",
   "common.restore": "Restaurar",

web/i18n/ro-RO/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "Publicați actualizarea",
   "common.published": "Publicat",
   "common.publishedAt": "Publicat la",
+  "common.publishToMarketplace": "Publicare pe Marketplace",
+  "common.publishToMarketplaceFailed": "Publicarea pe Marketplace a eșuat",
+  "common.publishingToMarketplace": "Se publică...",
   "common.redo": "Refă",
   "common.restart": "Repornește",
   "common.restore": "Restaurează",

web/i18n/ru-RU/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "Опубликовать обновление",
   "common.published": "Опубликовано",
   "common.publishedAt": "Опубликовано",
+  "common.publishToMarketplace": "Опубликовать на Marketplace",
+  "common.publishToMarketplaceFailed": "Не удалось опубликовать на Marketplace",
+  "common.publishingToMarketplace": "Публикация...",
   "common.redo": "Повторить",
   "common.restart": "Перезапустить",
   "common.restore": "Восстановить",

web/i18n/sl-SI/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "Objavi posodobitev",
   "common.published": "Objavljeno",
   "common.publishedAt": "Objavljeno",
+  "common.publishToMarketplace": "Objavi na Marketplace",
+  "common.publishToMarketplaceFailed": "Objava na Marketplace ni uspela",
+  "common.publishingToMarketplace": "Objavljanje...",
   "common.redo": "Ponovno naredi",
   "common.restart": "Znova zaženi",
   "common.restore": "Obnovi",

web/i18n/th-TH/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "เผยแพร่การอัปเดต",
   "common.published": "เผย แพร่",
   "common.publishedAt": "เผย แพร่",
+  "common.publishToMarketplace": "เผยแพร่ไปยัง Marketplace",
+  "common.publishToMarketplaceFailed": "เผยแพร่ไปยัง Marketplace ล้มเหลว",
+  "common.publishingToMarketplace": "กำลังเผยแพร่...",
   "common.redo": "พร้อม",
   "common.restart": "เริ่มใหม่",
   "common.restore": "ซ่อมแซม",

web/i18n/tr-TR/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "Güncellemeyi Yayınla",
   "common.published": "Yayınlandı",
   "common.publishedAt": "Yayınlandı",
+  "common.publishToMarketplace": "Marketplace'e Yayınla",
+  "common.publishToMarketplaceFailed": "Marketplace'e yayınlama başarısız oldu",
+  "common.publishingToMarketplace": "Yayınlanıyor...",
   "common.redo": "Yinele",
   "common.restart": "Yeniden Başlat",
   "common.restore": "Geri Yükle",

web/i18n/uk-UA/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "Опублікувати оновлення",
   "common.published": "Опубліковано",
   "common.publishedAt": "Опубліковано о",
+  "common.publishToMarketplace": "Опублікувати на Marketplace",
+  "common.publishToMarketplaceFailed": "Не вдалося опублікувати на Marketplace",
+  "common.publishingToMarketplace": "Публікація...",
   "common.redo": "Повторити",
   "common.restart": "Перезапустити",
   "common.restore": "Відновити",

web/i18n/vi-VN/workflow.json

@@ -222,6 +222,9 @@
   "common.publishUpdate": "Cập nhật xuất bản",
   "common.published": "Đã xuất bản",
   "common.publishedAt": "Đã xuất bản lúc",
+  "common.publishToMarketplace": "Xuất bản lên Marketplace",
+  "common.publishToMarketplaceFailed": "Xuất bản lên Marketplace thất bại",
+  "common.publishingToMarketplace": "Đang xuất bản...",
   "common.redo": "Làm lại",
   "common.restart": "Khởi động lại",
   "common.restore": "Khôi phục",

web/i18n/zh-Hans/workflow.json

@@ -227,6 +227,9 @@
   "common.published": "已发布",
   "common.publishedAt": "发布于",
   "common.publishing": "发布中...",
+  "common.publishToMarketplace": "发布到市场",
+  "common.publishToMarketplaceFailed": "发布到市场失败",
+  "common.publishingToMarketplace": "发布中...",
   "common.redo": "重做",
   "common.restart": "重新开始",
   "common.restore": "恢复",

web/i18n/zh-Hant/workflow.json

@@ -223,6 +223,9 @@
   "common.publishUpdate": "發布更新",
   "common.published": "已發佈",
   "common.publishedAt": "發佈於",
+  "common.publishToMarketplace": "發布到市場",
+  "common.publishToMarketplaceFailed": "發布到市場失敗",
+  "common.publishingToMarketplace": "發布中...",
   "common.redo": "重做",
   "common.restart": "重新開始",
   "common.restore": "恢復",

web/service/apps.ts

@@ -157,6 +157,14 @@ export const importDSLConfirm = ({ import_id }: { import_id: string }): Promise<
   return post<DSLImportResponse>(`apps/imports/${import_id}/confirm`, { body: {} })
 }
 
+export type PublishToCreatorsPlatformResponse = {
+  redirect_url: string
+}
+
+export const publishToCreatorsPlatform = ({ appID }: { appID: string }): Promise<PublishToCreatorsPlatformResponse> => {
+  return post<PublishToCreatorsPlatformResponse>(`apps/${appID}/publish-to-creators-platform`, { body: {} })
+}
+
 export type ImportBundlePrepareResponse = {
   import_id: string
   upload_url: string

web/types/feature.ts

@@ -65,6 +65,7 @@ export type SystemFeatures = {
   }
   enable_trial_app: boolean
   enable_explore_banner: boolean
+  enable_creators_platform: boolean
 }
 
 export const defaultSystemFeatures: SystemFeatures = {
@@ -108,4 +109,5 @@ export const defaultSystemFeatures: SystemFeatures = {
   },
   enable_trial_app: false,
   enable_explore_banner: false,
+  enable_creators_platform: false,
 }