login & bump to 1.8.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sdppp",
-  "version": "1.7.6",
+  "version": "1.8.0",
   "type": "module",
   "scripts": {
     "watch": "nodemon -w typescripts -e mjs,js,jsx,mts,ts,tsx,json,css,html -x node typescripts/src/build/index.build.ts",
@@ -18,16 +18,13 @@
     "@types/photoshop": "^25.0.4",
     "esbuild": "^0.24.0",
     "javascript-obfuscator": "^4.1.1",
-    "jsonc-parser": "^3.3.1",
     "nodemon": "^2.0.7",
     "typescript": "^5.5.4"
   },
   "dependencies": {
-    "@ant-design/icons": "^6.0.0",
     "@tanstack/react-query": "^5.66.11",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
-    "antd": "^5.24.6",
     "buffer": "^6.0.3",
     "chai": "^5.1.2",
     "esbuild-plugin-external-global": "^1.0.1",

plugins/photoshop/manifest.json

@@ -1,7 +1,7 @@
 {
   "id": "sd-ppp",
   "name": "SD-PPP",
-  "version": "1.7.6",
+  "version": "1.8.0",
   "main": "index.html",
   "manifestVersion": 5,
   "host": {
@@ -38,7 +38,7 @@
       "type": "panel",
       "id": "sdppp-connect",
       "label": {
-        "default": "SD-PPP 1.7.6"
+        "default": "SD-PPP 1.8.0"
       },
       "minimumSize": {
         "width": 300,

pyproject.toml

@@ -1,7 +1,7 @@
 [project]
 name = "sd-ppp"
 description = "getting/sending picture from/to Photoshop with a simple connection. Make Photoshop become the workspace of your ComfyUI."
-version = "1.7.6"
+version = "1.8.0"
 license = { file = "LICENSE" }
 
 [project.urls]

typescripts/src/common/zh-cn.mts

@@ -121,6 +121,13 @@ export default {
     'search...': '搜索...',
     'disabled when running in browser page': '接管网页时不可用',
     'only supported in Photoshop': '仅在 Photoshop 中支持',
+    'Login': '登录',
+    'Invitation Code': '邀请码',
+    'Username': '用户名',
+    'Password': '密码',
+    'Please input invitation code': '请输入邀请码',
+    'Please input username': '请输入用户名',
+    'Please input password': '请输入密码',
 
     // photoshop connect error
     '502: Maybe the server is not running': '502: 服务器可能未运行',
@@ -130,6 +137,7 @@ export default {
     'version mismatch, please reinstall PS plugin': '版本不匹配，请重新安装 PS 插件',
     'instance type not recognized': '未识别的软件类型',
     'Error: {0}': '错误: {0}',
+    'Verification Error': '验证错误',
 
     // photoshop event error
     'document {0} not found': '找不到文档: {0}',

typescripts/src/plugins/photoshop/index.d.ts

@@ -8,8 +8,9 @@ declare module "uxp" {
     };
 }
 declare module "SDPPPInternal" {
-    export function SDPPPProvider({ children }: { children: React.ReactNode });
+    export function SDPPPProvider({ children, loginAppID, loginStyle }: { children: React.ReactNode, loginAppID: string, loginStyle?: 'invitation' | 'password' });
     export function useSDPPPContext(): {
+        logout: () => void,
         connectOrDisconnect: () => void,
         lastConnectErrorMessage: string,
         setAutoRunning: (autoRunning: { type: 'workflow' | 'page', value: string } | null) => void,
@@ -95,5 +96,4 @@ declare module "SDPPPInternal" {
 
     export type AddressBarType = () => JSX.Element;
     export type WorkflowEditPhotoshopType = () => JSX.Element;
-
 }

typescripts/src/plugins/photoshop/tsx/Content.tsx

@@ -80,18 +80,18 @@ export function Content({
 
             {
                 connectState === "connected" &&
-                    <div className="panel-body">
-                        <div className="editor-card" style={editorCardShowingIndex === 0 ? {} : { display: 'none' }}>
-                            <div className="comfy-list-wrap">
-                                {initAfter8s && !webviewAgentSID && <sp-label class="error-label">{i18n('hidden webview load failed: {0}, please select a browser page to continue', i18n('timeout'))}</sp-label>}
-                                <WebPageList />
-                                {workflowAgentSID && <WorkflowList setEditorMode={setEditorMode} />}
-                            </div>
-                        </div>
-                        <div className="editor-card" style={editorMode ? {} : { display: 'none' }}>
-                            {editorMode && workflowAgentSID && <WorkflowEditWrap WorkflowEditPhotoshop={WorkflowEditPhotoshop} />}
+                <div className="panel-body">
+                    <div className="editor-card" style={editorCardShowingIndex === 0 ? {} : { display: 'none' }}>
+                        <div className="comfy-list-wrap">
+                            {initAfter8s && !webviewAgentSID && <sp-label class="error-label">{i18n('hidden webview load failed: {0}, please select a browser page to continue', i18n('timeout'))}</sp-label>}
+                            <WebPageList />
+                            {workflowAgentSID && <WorkflowList setEditorMode={setEditorMode} />}
                         </div>
                     </div>
+                    <div className="editor-card" style={editorMode ? {} : { display: 'none' }}>
+                        {editorMode && workflowAgentSID && <WorkflowEditWrap WorkflowEditPhotoshop={WorkflowEditPhotoshop} />}
+                    </div>
+                </div>
             }
         </>
     );

typescripts/src/plugins/photoshop/tsx/Main.tsx

@@ -3,7 +3,7 @@ import { SDPPP, SDPPPProvider } from "./SDPPPInternalBridge.js";
 
 export default function Main() {
     return (
-        <SDPPPProvider>
+        <SDPPPProvider loginAppID={''}>
             <div className="container">
                 <SDPPP
                     renderContent={(