@skopon-cool/form-sdk 0.1.5 → 0.1.6

package/dist/submit/buildCurlStatement.d.ts

@@ -7,4 +7,6 @@ export interface BuildAskUserCurlStatementOptions {
     callbackUrl?: string | null;
 }
 export declare function buildAskUserCurlStatement({ cardValues, extraValues, callbackUrl, }: BuildAskUserCurlStatementOptions): string;
+/** 从 ask_user payload（blocksJson）生成向 callback 提交返回字段的 curl */
+export declare function buildAskUserSubmitCurlFromPayload(payload: unknown, callbackUrl?: string | null): string;
 //# sourceMappingURL=buildCurlStatement.d.ts.map

package/dist/submit/buildCurlStatement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildCurlStatement.d.ts","sourceRoot":"","sources":["../../src/submit/buildCurlStatement.ts"],"names":[],"mappings":"AAIA,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAQxF;AAED,mDAAmD;AACnD,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACnC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC,MAAM,CAER;AAED,MAAM,WAAW,gCAAgC;IAC/C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B;AAED,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,WAAgB,EAChB,WAAW,GACZ,EAAE,gCAAgC,GAAG,MAAM,CAQ3C"}
+{"version":3,"file":"buildCurlStatement.d.ts","sourceRoot":"","sources":["../../src/submit/buildCurlStatement.ts"],"names":[],"mappings":"AASA,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAQxF;AAED,mDAAmD;AACnD,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACnC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC,MAAM,CAER;AAED,MAAM,WAAW,gCAAgC;IAC/C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B;AAED,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,WAAgB,EAChB,WAAW,GACZ,EAAE,gCAAgC,GAAG,MAAM,CAQ3C;AAED,8DAA8D;AAC9D,wBAAgB,iCAAiC,CAC/C,OAAO,EAAE,OAAO,EAChB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAC1B,MAAM,CAKR"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Skopon form rendering SDK (A2UI + form_definition) with submit helpers",
   "type": "module",
   "sideEffects": [

package/src/components/CurlSubmitBlock.tsx

@@ -1,14 +1,21 @@
 import { useMemo } from 'react'
 import { Button, Tag, Tooltip, Typography } from 'antd'
-import { buildCurlStatement } from '../submit/buildCurlStatement'
+import {
+  buildAskUserSubmitCurlFromPayload,
+  buildCurlStatement,
+} from '../submit/buildCurlStatement'
 import { copyTextToClipboard } from '../submit/submitFormJson'
 
+export type CurlSubmitBlockCopyMode = 'display' | 'submitFields'
+
 export interface CurlSubmitBlockProps {
   payload: unknown
   callbackUrl?: string | null
   title?: string
   unpublishedFormId?: string | null
   incompleteFormId?: string | null
+  /** display：复制与显示一致；submitFields：复制向 callback 提交返回字段的 curl */
+  copyMode?: CurlSubmitBlockCopyMode
   onNotify?: (type: 'success' | 'error', message: string) => void
 }
 
@@ -18,22 +25,34 @@ export default function CurlSubmitBlock({
   title,
   unpublishedFormId,
   incompleteFormId,
+  copyMode = 'display',
   onNotify,
 }: CurlSubmitBlockProps) {
-  const curl = useMemo(
+  const displayCurl = useMemo(
     () => buildCurlStatement(payload, callbackUrl),
     [payload, callbackUrl],
   )
+  const copyCurl = useMemo(() => {
+    if (copyMode === 'submitFields') {
+      return buildAskUserSubmitCurlFromPayload(payload, callbackUrl)
+    }
+    return displayCurl
+  }, [copyMode, payload, callbackUrl, displayCurl])
 
   async function handleCopy() {
     try {
-      await copyTextToClipboard(curl)
+      await copyTextToClipboard(copyCurl)
       onNotify?.('success', '已复制到剪贴板')
     } catch {
       onNotify?.('error', '复制失败')
     }
   }
 
+  const copyTooltip =
+    copyMode === 'submitFields'
+      ? '复制提交字段 curl（向 callback 回传）'
+      : '复制 curl'
+
   return (
     <div className="ask-user-curl-card">
       <div className="ask-user-curl-card-header">
@@ -50,11 +69,13 @@ export default function CurlSubmitBlock({
             </Tooltip>
           ) : null}
         </div>
-        <Button size="small" type="text" onClick={() => void handleCopy()}>
-          复制
-        </Button>
+        <Tooltip title={copyTooltip}>
+          <Button size="small" type="text" onClick={() => void handleCopy()}>
+            复制
+          </Button>
+        </Tooltip>
       </div>
-      <pre className="skopon-form-curl-json">{curl}</pre>
+      <pre className="skopon-form-curl-json">{displayCurl}</pre>
     </div>
   )
 }

package/src/index.ts

@@ -41,7 +41,12 @@ export { normalizeFormDefinition, syncFormDefinition } from './adapter/formSchem
 
 export { extractSurfaceValues } from './adapter/extractSurfaceValues'
 
-export { buildCurlStatement, buildAskUserCurlStatement, buildAskUserCurlBodyJson } from './submit/buildCurlStatement'
+export {
+  buildCurlStatement,
+  buildAskUserCurlStatement,
+  buildAskUserCurlBodyJson,
+  buildAskUserSubmitCurlFromPayload,
+} from './submit/buildCurlStatement'
 export {
   extractExtraBlockValues,
   getPayloadInputFieldNames,

package/src/submit/buildCurlStatement.ts

@@ -1,3 +1,8 @@
+import {
+  extractExtraBlockValues,
+  parsePayloadBlocksJson,
+} from './intersectPayloadBlocksWithForm'
+
 function escapeSingleQuotes(text: string): string {
   return text.replace(/'/g, `'\\''`)
 }
@@ -39,3 +44,14 @@ export function buildAskUserCurlStatement({
     `  -d '${escapeSingleQuotes(body)}'`,
   ].join('\n')
 }
+
+/** 从 ask_user payload（blocksJson）生成向 callback 提交返回字段的 curl */
+export function buildAskUserSubmitCurlFromPayload(
+  payload: unknown,
+  callbackUrl?: string | null,
+): string {
+  const def = parsePayloadBlocksJson(payload)
+  if (!def) return buildCurlStatement(payload, callbackUrl)
+  const cardValues = extractExtraBlockValues(def.blocks)
+  return buildAskUserCurlStatement({ cardValues, callbackUrl })
+}

package/src/submit/submit.test.ts

@@ -5,6 +5,7 @@ import { describe, it, expect, vi } from 'vitest'
 import {
   buildAskUserCurlBodyJson,
   buildAskUserCurlStatement,
+  buildAskUserSubmitCurlFromPayload,
   buildCurlStatement,
 } from '../submit/buildCurlStatement'
 import {
@@ -54,6 +55,37 @@ describe('buildAskUserCurlStatement', () => {
   })
 })
 
+describe('buildAskUserSubmitCurlFromPayload', () => {
+  it('builds submit-fields curl from blocksJson payload', () => {
+    const payload = {
+      title: 'Ask',
+      blocks: [
+        { id: 'p1', type: 'text', name: 'video_title', label: '标题', defaultValue: 'hello' },
+        { id: 'p2', type: 'text', name: 'agent_hint', label: '提示', defaultValue: 'hint' },
+      ],
+    }
+    const curl = buildAskUserSubmitCurlFromPayload(payload, 'https://example.com/hook')
+    expect(curl).toContain("curl -X POST 'https://example.com/hook'")
+    expect(curl).toContain('"video_title": "hello"')
+    expect(curl).toContain('"agent_hint": "hint"')
+    const bodyMatch = curl.match(/-d '([\s\S]*)'$/)
+    expect(bodyMatch).toBeTruthy()
+    const bodyText = bodyMatch![1]!.replace(/'\\''/g, "'")
+    expect(JSON.parse(bodyText)).toEqual({
+      video_title: 'hello',
+      agent_hint: 'hint',
+    })
+  })
+
+  it('falls back to display curl when payload is not blocksJson', () => {
+    const payload = { video_title: { type: 'text' } }
+    const callbackUrl = 'https://example.com/hook'
+    expect(buildAskUserSubmitCurlFromPayload(payload, callbackUrl)).toBe(
+      buildCurlStatement(payload, callbackUrl),
+    )
+  })
+})
+
 describe('parsePayloadBlocksJson', () => {
   it('parses blocksJson payload', () => {
     const parsed = parsePayloadBlocksJson({