skybridge 0.0.0-dev.a9ff367 → 0.0.0-dev.aa1b2cb
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -5
- package/dist/cli/use-nodemon.d.ts +1 -0
- package/dist/cli/use-nodemon.js +10 -3
- package/dist/cli/use-nodemon.js.map +1 -1
- package/dist/commands/dev.d.ts +0 -1
- package/dist/commands/dev.js +1 -7
- package/dist/commands/dev.js.map +1 -1
- package/dist/server/express.d.ts +4 -2
- package/dist/server/express.js +3 -3
- package/dist/server/express.js.map +1 -1
- package/dist/server/express.test.js +117 -11
- package/dist/server/express.test.js.map +1 -1
- package/dist/server/index.d.ts +1 -0
- package/dist/server/index.js.map +1 -1
- package/dist/server/middleware.d.ts +124 -0
- package/dist/server/middleware.js +93 -0
- package/dist/server/middleware.js.map +1 -0
- package/dist/server/middleware.test-d.d.ts +1 -0
- package/dist/server/middleware.test-d.js +75 -0
- package/dist/server/middleware.test-d.js.map +1 -0
- package/dist/server/middleware.test.d.ts +1 -0
- package/dist/server/middleware.test.js +490 -0
- package/dist/server/middleware.test.js.map +1 -0
- package/dist/server/server.d.ts +43 -1
- package/dist/server/server.js +101 -32
- package/dist/server/server.js.map +1 -1
- package/dist/server/templateHelper.d.ts +0 -1
- package/dist/server/templateHelper.js.map +1 -1
- package/dist/server/templates/development.hbs +0 -55
- package/dist/server/widgetsDevServer.d.ts +2 -1
- package/dist/server/widgetsDevServer.js +2 -8
- package/dist/server/widgetsDevServer.js.map +1 -1
- package/dist/test/widget.test.js +17 -15
- package/dist/test/widget.test.js.map +1 -1
- package/dist/web/bridges/apps-sdk/adaptor.js +6 -2
- package/dist/web/bridges/apps-sdk/adaptor.js.map +1 -1
- package/dist/web/bridges/apps-sdk/bridge.d.ts +1 -1
- package/dist/web/bridges/apps-sdk/index.d.ts +1 -1
- package/dist/web/bridges/apps-sdk/index.js.map +1 -1
- package/dist/web/bridges/apps-sdk/types.d.ts +4 -3
- package/dist/web/bridges/apps-sdk/types.js.map +1 -1
- package/dist/web/bridges/mcp-app/adaptor.d.ts +4 -2
- package/dist/web/bridges/mcp-app/adaptor.js +29 -35
- package/dist/web/bridges/mcp-app/adaptor.js.map +1 -1
- package/dist/web/bridges/mcp-app/bridge.d.ts +13 -30
- package/dist/web/bridges/mcp-app/bridge.js +43 -201
- package/dist/web/bridges/mcp-app/bridge.js.map +1 -1
- package/dist/web/bridges/mcp-app/use-mcp-app-context.d.ts +5 -3
- package/dist/web/bridges/mcp-app/use-mcp-app-context.js +2 -2
- package/dist/web/bridges/mcp-app/use-mcp-app-context.js.map +1 -1
- package/dist/web/bridges/mcp-app/use-mcp-app-context.test.js +1 -41
- package/dist/web/bridges/mcp-app/use-mcp-app-context.test.js.map +1 -1
- package/dist/web/components/modal-provider.js +1 -3
- package/dist/web/components/modal-provider.js.map +1 -1
- package/dist/web/create-store.test.js +7 -2
- package/dist/web/create-store.test.js.map +1 -1
- package/dist/web/data-llm.test.js +2 -1
- package/dist/web/data-llm.test.js.map +1 -1
- package/dist/web/hooks/test/utils.js +4 -0
- package/dist/web/hooks/test/utils.js.map +1 -1
- package/dist/web/hooks/use-layout.test.js +3 -3
- package/dist/web/hooks/use-layout.test.js.map +1 -1
- package/dist/web/hooks/use-open-external.test.js +15 -10
- package/dist/web/hooks/use-open-external.test.js.map +1 -1
- package/dist/web/hooks/use-tool-info.test.js +1 -1
- package/dist/web/hooks/use-tool-info.test.js.map +1 -1
- package/dist/web/hooks/use-user.test.js +1 -1
- package/dist/web/hooks/use-user.test.js.map +1 -1
- package/dist/web/hooks/use-widget-state.test.js +2 -0
- package/dist/web/hooks/use-widget-state.test.js.map +1 -1
- package/package.json +14 -14
- package/tsconfig.base.json +3 -0
- package/dist/server/const.d.ts +0 -1
- package/dist/server/const.js +0 -2
- package/dist/server/const.js.map +0 -1
|
@@ -25,13 +25,10 @@ export class McpAppAdaptor {
|
|
|
25
25
|
return this.stores[key];
|
|
26
26
|
}
|
|
27
27
|
callTool = async (name, args) => {
|
|
28
|
-
const
|
|
29
|
-
const response = await
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
name,
|
|
33
|
-
arguments: args ?? undefined,
|
|
34
|
-
},
|
|
28
|
+
const app = await McpAppBridge.getInstance().getApp();
|
|
29
|
+
const response = await app.callServerTool({
|
|
30
|
+
name,
|
|
31
|
+
arguments: args ?? undefined,
|
|
35
32
|
});
|
|
36
33
|
const result = response.content
|
|
37
34
|
.filter((content) => content.type === "text")
|
|
@@ -45,36 +42,31 @@ export class McpAppAdaptor {
|
|
|
45
42
|
meta: response._meta ?? {},
|
|
46
43
|
};
|
|
47
44
|
};
|
|
48
|
-
requestDisplayMode = (mode) => {
|
|
49
|
-
const
|
|
50
|
-
return
|
|
51
|
-
method: "ui/request-display-mode",
|
|
52
|
-
params: { mode },
|
|
53
|
-
});
|
|
45
|
+
requestDisplayMode = async (mode) => {
|
|
46
|
+
const app = await McpAppBridge.getInstance().getApp();
|
|
47
|
+
return app.requestDisplayMode({ mode });
|
|
54
48
|
};
|
|
55
49
|
sendFollowUpMessage = async (prompt) => {
|
|
56
|
-
const
|
|
57
|
-
await
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
},
|
|
66
|
-
],
|
|
67
|
-
},
|
|
50
|
+
const app = await McpAppBridge.getInstance().getApp();
|
|
51
|
+
await app.sendMessage({
|
|
52
|
+
role: "user",
|
|
53
|
+
content: [
|
|
54
|
+
{
|
|
55
|
+
type: "text",
|
|
56
|
+
text: prompt,
|
|
57
|
+
},
|
|
58
|
+
],
|
|
68
59
|
});
|
|
69
60
|
};
|
|
70
61
|
openExternal(href, options) {
|
|
71
62
|
if (options?.redirectUrl === false) {
|
|
72
63
|
console.warn("[skybridge] redirectUrl option is not supported by the MCP ui/open-link protocol and will be ignored.");
|
|
73
64
|
}
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
65
|
+
McpAppBridge.getInstance()
|
|
66
|
+
.getApp()
|
|
67
|
+
.then((app) => app.openLink({ url: href }))
|
|
68
|
+
.catch((err) => {
|
|
69
|
+
console.error("Failed to open external link:", err);
|
|
78
70
|
});
|
|
79
71
|
}
|
|
80
72
|
initializeStores() {
|
|
@@ -134,14 +126,16 @@ export class McpAppAdaptor {
|
|
|
134
126
|
this.widgetStateListeners.forEach((listener) => {
|
|
135
127
|
listener();
|
|
136
128
|
});
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
params: {
|
|
129
|
+
try {
|
|
130
|
+
const app = await McpAppBridge.getInstance().getApp();
|
|
131
|
+
await app.updateModelContext({
|
|
141
132
|
structuredContent: newState,
|
|
142
133
|
content: [{ type: "text", text: JSON.stringify(newState) }],
|
|
143
|
-
}
|
|
144
|
-
}
|
|
134
|
+
});
|
|
135
|
+
}
|
|
136
|
+
catch (error) {
|
|
137
|
+
console.error("Failed to update widget state in MCP App.", error);
|
|
138
|
+
}
|
|
145
139
|
};
|
|
146
140
|
/**
|
|
147
141
|
* @throws File upload is not supported in MCP App.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"adaptor.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/adaptor.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"adaptor.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/adaptor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAWrC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAO3C,MAAM,OAAO,aAAa;IAChB,MAAM,CAAC,QAAQ,GAAyB,IAAI,CAAC;IAC7C,MAAM,CAEZ;IACM,YAAY,GAA+B,IAAI,CAAC;IAChD,oBAAoB,GAAG,IAAI,GAAG,EAAc,CAAC;IAE7C,UAAU,GAAwB;QACxC,IAAI,EAAE,QAAQ;KACf,CAAC;IACM,aAAa,GAAG,IAAI,GAAG,EAAc,CAAC;IAE9C;QACE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC;IAEM,MAAM,CAAC,WAAW;QACvB,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;YAC5B,aAAa,CAAC,QAAQ,GAAG,IAAI,aAAa,EAAE,CAAC;QAC/C,CAAC;QACD,OAAO,aAAa,CAAC,QAAQ,CAAC;IAChC,CAAC;IAEM,MAAM,CAAC,aAAa;QACzB,aAAa,CAAC,QAAQ,GAAG,IAAI,CAAC;IAChC,CAAC;IAEM,mBAAmB,CACxB,GAAM;QAEN,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;IAEM,QAAQ,GAAG,KAAK,EAIrB,IAAY,EACZ,IAAc,EACS,EAAE;QACzB,MAAM,GAAG,GAAG,MAAM,YAAY,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;QACtD,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,cAAc,CAAC;YACxC,IAAI;YACJ,SAAS,EAAE,IAAI,IAAI,SAAS;SAC7B,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO;aAC5B,MAAM,CACL,CAAC,OAAO,EAA6C,EAAE,CACrD,OAAO,CAAC,IAAI,KAAK,MAAM,CAC1B;aACA,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC;aACvB,IAAI,CAAC,IAAI,CAAC,CAAC;QAEd,OAAO;YACL,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB,IAAI,EAAE;YACnD,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,KAAK;YAClC,MAAM;YACN,IAAI,EAAE,QAAQ,CAAC,KAAK,IAAI,EAAE;SACX,CAAC;IACpB,CAAC,CAAC;IAEK,kBAAkB,GAAG,KAAK,EAAE,IAAwB,EAAE,EAAE;QAC7D,MAAM,GAAG,GAAG,MAAM,YAAY,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;QACtD,OAAO,GAAG,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEK,mBAAmB,GAAG,KAAK,EAAE,MAAc,EAAE,EAAE;QACpD,MAAM,GAAG,GAAG,MAAM,YAAY,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;QACtD,MAAM,GAAG,CAAC,WAAW,CAAC;YACpB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE,MAAM;iBACb;aACF;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAEK,YAAY,CAAC,IAAY,EAAE,OAA6B;QAC7D,IAAI,OAAO,EAAE,WAAW,KAAK,KAAK,EAAE,CAAC;YACnC,OAAO,CAAC,IAAI,CACV,uGAAuG,CACxG,CAAC;QACJ,CAAC;QAED,YAAY,CAAC,WAAW,EAAE;aACvB,MAAM,EAAE;aACR,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;aAC1C,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;YACb,OAAO,CAAC,KAAK,CAAC,+BAA+B,EAAE,GAAG,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;IACP,CAAC;IAEO,gBAAgB;QAGtB,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,sBAAsB,CAChC,CAAC,OAAO,CAAC,EACT,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,OAAO,CAChC;YACD,MAAM,EAAE,IAAI,CAAC,sBAAsB,CACjC,CAAC,QAAQ,CAAC,EACV,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,OAAO,CAClC;YACD,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CACnC,CAAC,gBAAgB,CAAC,EAClB,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;gBACvB,MAAM,EAAE,cAAc,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;aACnE,CAAC,CACH;YACD,WAAW,EAAE,IAAI,CAAC,sBAAsB,CACtC,CAAC,aAAa,CAAC,EACf,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,IAAI,QAAQ,CAC7C;YACD,SAAS,EAAE,IAAI,CAAC,sBAAsB,CACpC,CAAC,qBAAqB,CAAC,EACvB,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE;gBAC1B,IAAI,mBAAmB,IAAI,WAAW,IAAI,mBAAmB,EAAE,CAAC;oBAC9D,OAAO,mBAAmB,CAAC,SAAS,CAAC;gBACvC,CAAC;gBAED,OAAO,SAAS,CAAC;YACnB,CAAC,CACF;YACD,SAAS,EAAE,IAAI,CAAC,sBAAsB,CACpC,CAAC,UAAU,EAAE,oBAAoB,CAAC,EAClC,CAAC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,EAAE,CAAC,CAAC;gBACrC,MAAM,EAAE;oBACN,IAAI,EAAE,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,SAAS,CAAC;iBAC/D;gBACD,YAAY,EAAE;oBACZ,KAAK,EAAE,IAAI;oBACX,KAAK,EAAE,IAAI;oBACX,GAAG,kBAAkB;iBACtB;aACF,CAAC,CACH;YACD,SAAS,EAAE,IAAI,CAAC,sBAAsB,CACpC,CAAC,WAAW,CAAC,EACb,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,IAAI,CACrC;YACD,UAAU,EAAE,IAAI,CAAC,sBAAsB,CACrC,CAAC,YAAY,CAAC,EACd,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,UAAU,EAAE,iBAAiB,IAAI,IAAI,CAC1D;YACD,oBAAoB,EAAE,IAAI,CAAC,sBAAsB,CAC/C,CAAC,YAAY,CAAC,EACd,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,UAAU,EAAE,KAAK,IAAI,IAAI,CAC9C;YACD,IAAI,EAAE;gBACJ,SAAS,EAAE,CAAC,QAAoB,EAAE,EAAE;oBAClC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;oBACjC,OAAO,GAAG,EAAE;wBACV,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;oBACtC,CAAC,CAAC;gBACJ,CAAC;gBACD,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU;aACnC;YACD,WAAW,EAAE;gBACX,SAAS,EAAE,CAAC,QAAoB,EAAE,EAAE;oBAClC,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;oBACxC,OAAO,GAAG,EAAE;wBACV,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;oBAC7C,CAAC,CAAC;gBACJ,CAAC;gBACD,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY;aACrC;SACF,CAAC;IACJ,CAAC;IAEM,cAAc,GAAG,KAAK,EAC3B,cAAoC,EACrB,EAAE;QACjB,MAAM,QAAQ,GACZ,OAAO,cAAc,KAAK,UAAU;YAClC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC;YACnC,CAAC,CAAC,cAAc,CAAC;QAErB,kGAAkG;QAClG,oEAAoE;QACpE,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;QAC7B,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC7C,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,YAAY,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;YACtD,MAAM,GAAG,CAAC,kBAAkB,CAAC;gBAC3B,iBAAiB,EAAE,QAAQ;gBAC3B,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;aAC5D,CAAC,CAAC;QACL,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,2CAA2C,EAAE,KAAK,CAAC,CAAC;QACpE,CAAC;IACH,CAAC,CAAC;IAEF;;OAEG;IACI,UAAU;QACf,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;IAC9D,CAAC;IAED;;OAEG;IACI,kBAAkB;QACvB,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IAChE,CAAC;IAEM,SAAS,CAAC,OAA4B;QAC3C,IAAI,CAAC,UAAU,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC;QAC5D,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YACtC,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,UAAU;QACf,IAAI,CAAC,UAAU,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;QACrC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YACtC,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,eAAe,CAAC,KAAa;QAClC,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IACpE,CAAC;IAEO,sBAAsB,CAG5B,IAAU,EAAE,eAAkD;QAC9D,MAAM,MAAM,GAAG,YAAY,CAAC,WAAW,EAAE,CAAC;QAC1C,IAAI,WAA0B,CAAC;QAE/B,OAAO;YACL,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;YACjC,WAAW,EAAE,GAAG,EAAE;gBAChB,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAChC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CACvB,CAAC;gBACvB,MAAM,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;gBAE1C,IAAI,WAAW,KAAK,SAAS,IAAI,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC;oBAC/D,OAAO,WAAW,CAAC;gBACrB,CAAC;gBAED,WAAW,GAAG,QAAQ,CAAC;gBACvB,OAAO,QAAQ,CAAC;YAClB,CAAC;SACF,CAAC;IACJ,CAAC"}
|
|
@@ -1,43 +1,26 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { App } from "@modelcontextprotocol/ext-apps";
|
|
2
|
+
import type { Implementation } from "@modelcontextprotocol/sdk/types.js";
|
|
2
3
|
import type { Bridge, Subscribe } from "../types.js";
|
|
3
4
|
import type { McpAppContext, McpAppContextKey } from "./types.js";
|
|
4
|
-
|
|
5
|
-
export declare class McpAppBridge implements Bridge<McpUiHostContext> {
|
|
5
|
+
export declare class McpAppBridge implements Bridge<McpAppContext> {
|
|
6
6
|
private static instance;
|
|
7
7
|
context: McpAppContext;
|
|
8
8
|
private listeners;
|
|
9
|
-
private
|
|
10
|
-
private
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
private
|
|
15
|
-
|
|
16
|
-
static getInstance(options?: Partial<
|
|
9
|
+
private app;
|
|
10
|
+
private connectPromise;
|
|
11
|
+
constructor(options: {
|
|
12
|
+
appInfo: Implementation;
|
|
13
|
+
});
|
|
14
|
+
private connect;
|
|
15
|
+
getApp(): Promise<App>;
|
|
16
|
+
static getInstance(options?: Partial<{
|
|
17
|
+
appInfo: Implementation;
|
|
18
|
+
}>): McpAppBridge;
|
|
17
19
|
subscribe(key: McpAppContextKey): Subscribe;
|
|
18
20
|
subscribe(keys: readonly McpAppContextKey[]): Subscribe;
|
|
19
21
|
getSnapshot<K extends keyof McpAppContext>(key: K): McpAppContext[K];
|
|
20
22
|
cleanup: () => void;
|
|
21
23
|
static resetInstance(): void;
|
|
22
|
-
request<R extends {
|
|
23
|
-
method: string;
|
|
24
|
-
params?: unknown;
|
|
25
|
-
}, T>({ method, params, }: R): Promise<T>;
|
|
26
24
|
private emit;
|
|
27
25
|
private updateContext;
|
|
28
|
-
private init;
|
|
29
|
-
private handleMessage;
|
|
30
|
-
private handleResponse;
|
|
31
|
-
private handleNotification;
|
|
32
|
-
private handleRequest;
|
|
33
|
-
private connect;
|
|
34
|
-
private notify;
|
|
35
|
-
private sendSizeChanged;
|
|
36
|
-
/**
|
|
37
|
-
* Set up automatic size change notifications using ResizeObserver.
|
|
38
|
-
* Based on @modelcontextprotocol/ext-apps App.setupSizeChangedNotifications
|
|
39
|
-
* @see https://github.com/modelcontextprotocol/ext-apps/blob/main/src/app.ts#L940-L989
|
|
40
|
-
*/
|
|
41
|
-
private setupSizeChangedNotifications;
|
|
42
26
|
}
|
|
43
|
-
export {};
|
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var JsonRpcErrorCode;
|
|
3
|
-
(function (JsonRpcErrorCode) {
|
|
4
|
-
JsonRpcErrorCode[JsonRpcErrorCode["ParseError"] = -32700] = "ParseError";
|
|
5
|
-
JsonRpcErrorCode[JsonRpcErrorCode["InvalidRequest"] = -32600] = "InvalidRequest";
|
|
6
|
-
JsonRpcErrorCode[JsonRpcErrorCode["MethodNotFound"] = -32601] = "MethodNotFound";
|
|
7
|
-
JsonRpcErrorCode[JsonRpcErrorCode["InvalidParams"] = -32602] = "InvalidParams";
|
|
8
|
-
JsonRpcErrorCode[JsonRpcErrorCode["InternalError"] = -32603] = "InternalError";
|
|
9
|
-
})(JsonRpcErrorCode || (JsonRpcErrorCode = {}));
|
|
1
|
+
import { App } from "@modelcontextprotocol/ext-apps";
|
|
10
2
|
export class McpAppBridge {
|
|
11
3
|
static instance = null;
|
|
12
4
|
context = {
|
|
@@ -15,34 +7,58 @@ export class McpAppBridge {
|
|
|
15
7
|
toolResult: null,
|
|
16
8
|
};
|
|
17
9
|
listeners = new Map();
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
constructor(options, requestTimeout = 10_000) {
|
|
25
|
-
this.requestTimeout = requestTimeout;
|
|
26
|
-
this.initialized = false;
|
|
27
|
-
this.appInitializationOptions = {
|
|
28
|
-
appInfo: options.appInfo,
|
|
29
|
-
appCapabilities: {},
|
|
30
|
-
protocolVersion: LATEST_PROTOCOL_VERSION,
|
|
10
|
+
app;
|
|
11
|
+
connectPromise;
|
|
12
|
+
constructor(options) {
|
|
13
|
+
this.app = new App(options.appInfo);
|
|
14
|
+
this.app.ontoolinput = (params) => {
|
|
15
|
+
this.updateContext({ toolInput: params.arguments ?? {} });
|
|
31
16
|
};
|
|
32
|
-
this.
|
|
17
|
+
this.app.ontoolinputpartial = (params) => {
|
|
18
|
+
this.updateContext({ toolInput: params.arguments ?? {} });
|
|
19
|
+
};
|
|
20
|
+
this.app.ontoolresult = (params) => {
|
|
21
|
+
this.updateContext({ toolResult: params });
|
|
22
|
+
};
|
|
23
|
+
this.app.ontoolcancelled = (params) => {
|
|
24
|
+
this.updateContext({ toolCancelled: params });
|
|
25
|
+
};
|
|
26
|
+
this.app.onhostcontextchanged = (params) => {
|
|
27
|
+
this.updateContext(params);
|
|
28
|
+
};
|
|
29
|
+
this.connectPromise = this.connect();
|
|
30
|
+
}
|
|
31
|
+
async connect() {
|
|
32
|
+
try {
|
|
33
|
+
await this.app.connect();
|
|
34
|
+
const hostContext = this.app.getHostContext();
|
|
35
|
+
if (hostContext) {
|
|
36
|
+
this.updateContext(hostContext);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
catch (err) {
|
|
40
|
+
console.error(err);
|
|
41
|
+
}
|
|
33
42
|
}
|
|
34
|
-
|
|
43
|
+
async getApp() {
|
|
44
|
+
await this.connectPromise;
|
|
45
|
+
return this.app;
|
|
46
|
+
}
|
|
47
|
+
static getInstance(options) {
|
|
35
48
|
if (window.skybridge.hostType !== "mcp-app") {
|
|
36
49
|
throw new Error("MCP App Bridge can only be used in the mcp-app runtime");
|
|
37
50
|
}
|
|
38
|
-
if (McpAppBridge.instance &&
|
|
39
|
-
console.warn("McpAppBridge.getInstance: options
|
|
51
|
+
if (McpAppBridge.instance && options) {
|
|
52
|
+
console.warn("McpAppBridge.getInstance: options ignored, instance already exists");
|
|
40
53
|
}
|
|
41
54
|
if (!McpAppBridge.instance) {
|
|
42
55
|
const defaultOptions = {
|
|
43
56
|
appInfo: { name: "skybridge-app", version: "0.0.1" },
|
|
44
57
|
};
|
|
45
|
-
McpAppBridge.instance = new McpAppBridge({
|
|
58
|
+
McpAppBridge.instance = new McpAppBridge({
|
|
59
|
+
...defaultOptions,
|
|
60
|
+
...options,
|
|
61
|
+
});
|
|
46
62
|
}
|
|
47
63
|
return McpAppBridge.instance;
|
|
48
64
|
}
|
|
@@ -63,14 +79,7 @@ export class McpAppBridge {
|
|
|
63
79
|
return this.context[key];
|
|
64
80
|
}
|
|
65
81
|
cleanup = () => {
|
|
66
|
-
window.removeEventListener("message", this.handleMessage);
|
|
67
|
-
this.pendingRequests.forEach((request) => {
|
|
68
|
-
clearTimeout(request.timeout);
|
|
69
|
-
});
|
|
70
|
-
this.pendingRequests.clear();
|
|
71
82
|
this.listeners.clear();
|
|
72
|
-
this.cleanupSizeObserver?.();
|
|
73
|
-
this.cleanupSizeObserver = null;
|
|
74
83
|
};
|
|
75
84
|
static resetInstance() {
|
|
76
85
|
if (McpAppBridge.instance) {
|
|
@@ -78,20 +87,6 @@ export class McpAppBridge {
|
|
|
78
87
|
McpAppBridge.instance = null;
|
|
79
88
|
}
|
|
80
89
|
}
|
|
81
|
-
request({ method, params, }) {
|
|
82
|
-
const id = this.nextId++;
|
|
83
|
-
const { promise, resolve, reject } = Promise.withResolvers();
|
|
84
|
-
this.pendingRequests.set(id, {
|
|
85
|
-
resolve: resolve,
|
|
86
|
-
reject,
|
|
87
|
-
timeout: setTimeout(() => {
|
|
88
|
-
reject(new Error("Request timed out"));
|
|
89
|
-
this.pendingRequests.delete(id);
|
|
90
|
-
}, this.requestTimeout),
|
|
91
|
-
});
|
|
92
|
-
window.parent.postMessage({ jsonrpc: "2.0", id, method, params }, "*");
|
|
93
|
-
return promise;
|
|
94
|
-
}
|
|
95
90
|
emit(key) {
|
|
96
91
|
this.listeners.get(key)?.forEach((listener) => {
|
|
97
92
|
listener();
|
|
@@ -103,158 +98,5 @@ export class McpAppBridge {
|
|
|
103
98
|
this.emit(key);
|
|
104
99
|
}
|
|
105
100
|
}
|
|
106
|
-
init() {
|
|
107
|
-
if (this.initialized) {
|
|
108
|
-
return;
|
|
109
|
-
}
|
|
110
|
-
this.initialized = true;
|
|
111
|
-
if (typeof window === "undefined" || window.parent === window) {
|
|
112
|
-
return;
|
|
113
|
-
}
|
|
114
|
-
window.addEventListener("message", this.handleMessage);
|
|
115
|
-
this.connect();
|
|
116
|
-
}
|
|
117
|
-
handleMessage = (event) => {
|
|
118
|
-
const data = event.data;
|
|
119
|
-
if (data.jsonrpc !== "2.0") {
|
|
120
|
-
return;
|
|
121
|
-
}
|
|
122
|
-
if ("id" in data) {
|
|
123
|
-
if ("method" in data) {
|
|
124
|
-
this.handleRequest(data);
|
|
125
|
-
return;
|
|
126
|
-
}
|
|
127
|
-
this.handleResponse(data);
|
|
128
|
-
return;
|
|
129
|
-
}
|
|
130
|
-
this.handleNotification(data);
|
|
131
|
-
};
|
|
132
|
-
handleResponse(response) {
|
|
133
|
-
const request = this.pendingRequests.get(response.id);
|
|
134
|
-
if (request) {
|
|
135
|
-
clearTimeout(request.timeout);
|
|
136
|
-
this.pendingRequests.delete(response.id);
|
|
137
|
-
if ("error" in response) {
|
|
138
|
-
request.reject(new Error(response.error.message));
|
|
139
|
-
return;
|
|
140
|
-
}
|
|
141
|
-
request.resolve(response.result);
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
handleNotification = (notification) => {
|
|
145
|
-
switch (notification.method) {
|
|
146
|
-
case "ui/notifications/host-context-changed":
|
|
147
|
-
this.updateContext(notification.params);
|
|
148
|
-
return;
|
|
149
|
-
case "ui/notifications/tool-input-partial":
|
|
150
|
-
this.updateContext({
|
|
151
|
-
toolInput: notification.params.arguments ?? {},
|
|
152
|
-
});
|
|
153
|
-
return;
|
|
154
|
-
case "ui/notifications/tool-input":
|
|
155
|
-
this.updateContext({
|
|
156
|
-
toolInput: notification.params.arguments ?? {},
|
|
157
|
-
});
|
|
158
|
-
return;
|
|
159
|
-
case "ui/notifications/tool-result":
|
|
160
|
-
this.updateContext({
|
|
161
|
-
toolResult: notification.params,
|
|
162
|
-
});
|
|
163
|
-
return;
|
|
164
|
-
case "ui/notifications/tool-cancelled":
|
|
165
|
-
this.updateContext({
|
|
166
|
-
toolCancelled: notification.params,
|
|
167
|
-
});
|
|
168
|
-
return;
|
|
169
|
-
}
|
|
170
|
-
};
|
|
171
|
-
handleRequest = (request) => {
|
|
172
|
-
switch (request.method) {
|
|
173
|
-
case "ui/resource-teardown":
|
|
174
|
-
this.cleanup();
|
|
175
|
-
window.parent.postMessage({
|
|
176
|
-
jsonrpc: "2.0",
|
|
177
|
-
id: request.id,
|
|
178
|
-
result: {},
|
|
179
|
-
}, "*");
|
|
180
|
-
return;
|
|
181
|
-
default:
|
|
182
|
-
window.parent.postMessage({
|
|
183
|
-
jsonrpc: "2.0",
|
|
184
|
-
id: request.id,
|
|
185
|
-
error: {
|
|
186
|
-
code: JsonRpcErrorCode.MethodNotFound,
|
|
187
|
-
message: "Unsupported Request",
|
|
188
|
-
},
|
|
189
|
-
}, "*");
|
|
190
|
-
}
|
|
191
|
-
};
|
|
192
|
-
async connect() {
|
|
193
|
-
try {
|
|
194
|
-
const result = await this.request({
|
|
195
|
-
method: "ui/initialize",
|
|
196
|
-
params: this.appInitializationOptions,
|
|
197
|
-
});
|
|
198
|
-
this.updateContext(result.hostContext);
|
|
199
|
-
this.notify({ method: "ui/notifications/initialized" });
|
|
200
|
-
this.cleanupSizeObserver = this.setupSizeChangedNotifications();
|
|
201
|
-
}
|
|
202
|
-
catch (err) {
|
|
203
|
-
console.error(err);
|
|
204
|
-
}
|
|
205
|
-
}
|
|
206
|
-
notify(notification) {
|
|
207
|
-
window.parent.postMessage({ jsonrpc: "2.0", ...notification }, "*");
|
|
208
|
-
}
|
|
209
|
-
sendSizeChanged(params) {
|
|
210
|
-
this.notify({ method: "ui/notifications/size-changed", params });
|
|
211
|
-
}
|
|
212
|
-
/**
|
|
213
|
-
* Set up automatic size change notifications using ResizeObserver.
|
|
214
|
-
* Based on @modelcontextprotocol/ext-apps App.setupSizeChangedNotifications
|
|
215
|
-
* @see https://github.com/modelcontextprotocol/ext-apps/blob/main/src/app.ts#L940-L989
|
|
216
|
-
*/
|
|
217
|
-
setupSizeChangedNotifications() {
|
|
218
|
-
let scheduled = false;
|
|
219
|
-
let lastWidth = 0;
|
|
220
|
-
let lastHeight = 0;
|
|
221
|
-
const sendBodySizeChanged = () => {
|
|
222
|
-
if (scheduled) {
|
|
223
|
-
return;
|
|
224
|
-
}
|
|
225
|
-
scheduled = true;
|
|
226
|
-
requestAnimationFrame(() => {
|
|
227
|
-
scheduled = false;
|
|
228
|
-
let width;
|
|
229
|
-
let height;
|
|
230
|
-
// In fullscreen mode, use viewport size since the widget should fill
|
|
231
|
-
// the entire available space provided by the host.
|
|
232
|
-
if (this.context.displayMode === "fullscreen") {
|
|
233
|
-
width = window.innerWidth;
|
|
234
|
-
height = window.innerHeight;
|
|
235
|
-
}
|
|
236
|
-
else {
|
|
237
|
-
// Use scrollWidth/scrollHeight to measure actual rendered content size.
|
|
238
|
-
// This works better than fit-content for viewport-based layouts (vw/vh)
|
|
239
|
-
// and fluid elements like maps that want to fill available space.
|
|
240
|
-
const body = document.body;
|
|
241
|
-
width = Math.ceil(body.scrollWidth);
|
|
242
|
-
height = Math.ceil(body.scrollHeight);
|
|
243
|
-
}
|
|
244
|
-
// Only send if size actually changed (prevents feedback loops from
|
|
245
|
-
// style changes)
|
|
246
|
-
if (width !== lastWidth || height !== lastHeight) {
|
|
247
|
-
lastWidth = width;
|
|
248
|
-
lastHeight = height;
|
|
249
|
-
this.sendSizeChanged({ width, height });
|
|
250
|
-
}
|
|
251
|
-
});
|
|
252
|
-
};
|
|
253
|
-
sendBodySizeChanged();
|
|
254
|
-
const resizeObserver = new ResizeObserver(sendBodySizeChanged);
|
|
255
|
-
resizeObserver.observe(document.documentElement);
|
|
256
|
-
resizeObserver.observe(document.body);
|
|
257
|
-
return () => resizeObserver.disconnect();
|
|
258
|
-
}
|
|
259
101
|
}
|
|
260
102
|
//# sourceMappingURL=bridge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bridge.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/bridge.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"bridge.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/bridge.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { Implementation } from "@modelcontextprotocol/sdk/types.js";
|
|
2
2
|
import type { McpAppContext } from "./types.js";
|
|
3
|
-
type McpAppInitializationOptions =
|
|
4
|
-
|
|
3
|
+
type McpAppInitializationOptions = {
|
|
4
|
+
appInfo: Implementation;
|
|
5
|
+
};
|
|
6
|
+
export declare function useMcpAppContext<K extends keyof McpAppContext>(key: K, options?: Partial<McpAppInitializationOptions>): McpAppContext[K];
|
|
5
7
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useSyncExternalStore } from "react";
|
|
2
2
|
import { McpAppBridge } from "./bridge.js";
|
|
3
|
-
export function useMcpAppContext(key, options
|
|
4
|
-
const bridge = McpAppBridge.getInstance(options
|
|
3
|
+
export function useMcpAppContext(key, options) {
|
|
4
|
+
const bridge = McpAppBridge.getInstance(options);
|
|
5
5
|
return useSyncExternalStore(bridge.subscribe(key), () => bridge.getSnapshot(key));
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=use-mcp-app-context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-mcp-app-context.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/use-mcp-app-context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"use-mcp-app-context.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/use-mcp-app-context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAO3C,MAAM,UAAU,gBAAgB,CAC9B,GAAM,EACN,OAA8C;IAE9C,MAAM,MAAM,GAAG,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACjD,OAAO,oBAAoB,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CACtD,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CACxB,CAAC;AACJ,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { renderHook, waitFor } from "@testing-library/react";
|
|
2
2
|
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
|
3
3
|
import { getMcpAppHostPostMessageMock, MockResizeObserver, } from "../../hooks/test/utils.js";
|
|
4
4
|
import { McpAppBridge } from "./bridge.js";
|
|
@@ -22,45 +22,5 @@ describe("useMcpAppContext", () => {
|
|
|
22
22
|
expect(result.current).toBe("light");
|
|
23
23
|
});
|
|
24
24
|
});
|
|
25
|
-
it("should reject the request after timeout", async () => {
|
|
26
|
-
vi.useFakeTimers();
|
|
27
|
-
const consoleErrorSpy = vi
|
|
28
|
-
.spyOn(console, "error")
|
|
29
|
-
.mockImplementation(() => { });
|
|
30
|
-
const nonRespondingMock = vi.fn();
|
|
31
|
-
vi.stubGlobal("parent", { postMessage: nonRespondingMock });
|
|
32
|
-
renderHook(() => useMcpAppContext("theme", undefined, 100));
|
|
33
|
-
expect(nonRespondingMock).toHaveBeenCalledWith(expect.objectContaining({ method: "ui/initialize" }), "*");
|
|
34
|
-
await act(async () => {
|
|
35
|
-
await vi.advanceTimersByTimeAsync(100);
|
|
36
|
-
});
|
|
37
|
-
expect(consoleErrorSpy).toHaveBeenCalledWith(new Error("Request timed out"));
|
|
38
|
-
consoleErrorSpy.mockRestore();
|
|
39
|
-
vi.useRealTimers();
|
|
40
|
-
});
|
|
41
|
-
it("should send size-changed notification after successful initialization", async () => {
|
|
42
|
-
// Mock body dimensions to non-zero (size-changed only sends when dimensions change)
|
|
43
|
-
Object.defineProperty(document.body, "scrollWidth", {
|
|
44
|
-
value: 800,
|
|
45
|
-
configurable: true,
|
|
46
|
-
});
|
|
47
|
-
Object.defineProperty(document.body, "scrollHeight", {
|
|
48
|
-
value: 600,
|
|
49
|
-
configurable: true,
|
|
50
|
-
});
|
|
51
|
-
const postMessageMock = getMcpAppHostPostMessageMock({ theme: "light" });
|
|
52
|
-
vi.stubGlobal("parent", { postMessage: postMessageMock });
|
|
53
|
-
renderHook(() => useMcpAppContext("theme"));
|
|
54
|
-
await waitFor(() => {
|
|
55
|
-
expect(postMessageMock).toHaveBeenCalledWith(expect.objectContaining({
|
|
56
|
-
jsonrpc: "2.0",
|
|
57
|
-
method: "ui/notifications/size-changed",
|
|
58
|
-
params: expect.objectContaining({
|
|
59
|
-
width: expect.any(Number),
|
|
60
|
-
height: expect.any(Number),
|
|
61
|
-
}),
|
|
62
|
-
}), "*");
|
|
63
|
-
});
|
|
64
|
-
});
|
|
65
25
|
});
|
|
66
26
|
//# sourceMappingURL=use-mcp-app-context.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-mcp-app-context.test.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/use-mcp-app-context.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"use-mcp-app-context.test.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/use-mcp-app-context.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACzE,OAAO,EACL,4BAA4B,EAC5B,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,UAAU,CAAC,KAAK,IAAI,EAAE;QACpB,EAAE,CAAC,UAAU,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC;QACpD,EAAE,CAAC,UAAU,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;QACpD,YAAY,CAAC,aAAa,EAAE,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,EAAE,CAAC,gBAAgB,EAAE,CAAC;QACtB,EAAE,CAAC,aAAa,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4EAA4E,EAAE,KAAK,IAAI,EAAE;QAC1F,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE;YACtB,WAAW,EAAE,4BAA4B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;SAC9D,CAAC,CAAC;QACH,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;QAE/D,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -40,8 +40,6 @@ export function ModalProvider({ children }) {
|
|
|
40
40
|
document.addEventListener("keydown", handler);
|
|
41
41
|
return () => document.removeEventListener("keydown", handler);
|
|
42
42
|
}, [isOpen, adaptor]);
|
|
43
|
-
return (_jsxs(_Fragment, { children: [_jsx("style", { children: modalStyles }), isOpen && (
|
|
44
|
-
// biome-ignore lint/a11y/useKeyWithClickEvents: backdrop isn't focusable
|
|
45
|
-
_jsx("div", { role: "dialog", className: "sb-modal-backdrop", onClick: handleBackdropClick })), _jsx("div", { className: isOpen ? "sb-modal-container" : undefined, children: children })] }));
|
|
43
|
+
return (_jsxs(_Fragment, { children: [_jsx("style", { children: modalStyles }), isOpen && (_jsx("div", { role: "dialog", className: "sb-modal-backdrop", onClick: handleBackdropClick })), _jsx("div", { className: isOpen ? "sb-modal-container" : undefined, children: children })] }));
|
|
46
44
|
}
|
|
47
45
|
//# sourceMappingURL=modal-provider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-provider.js","sourceRoot":"","sources":["../../../src/web/components/modal-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,SAAS,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAA2B;IACjE,MAAM,OAAO,GAAG,aAAa,CAAC,WAAW,EAAE,CAAC;IAE5C,MAAM,EAAE,IAAI,EAAE,GAAG,oBAAoB,CACnC,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,SAAS,EAC7C,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,WAAW,CAChD,CAAC;IACF,MAAM,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC;IAEhC,MAAM,mBAAmB,GAAG,CAAC,CAAmB,EAAE,EAAE;QAClD,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa,EAAE,CAAC;YACjC,OAAO,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,CAAC,CAAgB,EAAE,EAAE;YACnC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACvB,OAAO,CAAC,UAAU,EAAE,CAAC;YACvB,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,8BACE,0BAAQ,WAAW,GAAS,EAC3B,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"modal-provider.js","sourceRoot":"","sources":["../../../src/web/components/modal-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,SAAS,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAA2B;IACjE,MAAM,OAAO,GAAG,aAAa,CAAC,WAAW,EAAE,CAAC;IAE5C,MAAM,EAAE,IAAI,EAAE,GAAG,oBAAoB,CACnC,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,SAAS,EAC7C,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,WAAW,CAChD,CAAC;IACF,MAAM,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC;IAEhC,MAAM,mBAAmB,GAAG,CAAC,CAAmB,EAAE,EAAE;QAClD,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa,EAAE,CAAC;YACjC,OAAO,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,CAAC,CAAgB,EAAE,EAAE;YACnC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACvB,OAAO,CAAC,UAAU,EAAE,CAAC;YACvB,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,8BACE,0BAAQ,WAAW,GAAS,EAC3B,MAAM,IAAI,CAET,cACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,mBAAmB,GAC5B,CACH,EACD,cAAK,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,YACtD,QAAQ,GACL,IACL,CACJ,CAAC;AACJ,CAAC"}
|