@stackable-labs/mcp-app-extension 1.23.0 → 1.25.0

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.
Files changed (3) hide show
  1. package/dist/index.js +12 -12
  2. package/dist/server.js +12 -12
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -76,7 +76,7 @@ export function Content() {
76
76
 
77
77
  return (
78
78
  <Surface id="slot.content">
79
- {viewState.type === 'menu' && (
79
+ {(viewState.type === 'menu') && (
80
80
  <ui.Menu>
81
81
  {/* Add ui.MenuItem entries here */}
82
82
  </ui.Menu>
@@ -232,7 +232,7 @@ export function Content() {
232
232
 
233
233
  return (
234
234
  <Surface id="slot.content">
235
- {viewState.type === 'menu' && (
235
+ {(viewState.type === 'menu') && (
236
236
  <ui.Menu>
237
237
  {/* Add ui.MenuItem entries here */}
238
238
  </ui.Menu>
@@ -896,10 +896,10 @@ export function Content(): React.ReactElement {
896
896
 
897
897
  return (
898
898
  <Surface id="slot.content">
899
- {viewState.type === 'list' && (
899
+ {(viewState.type === 'list') && (
900
900
  <ui.Button onClick={() => goToDetail('abc123')}>View Detail</ui.Button>
901
901
  )}
902
- {viewState.type === 'detail' && (
902
+ {(viewState.type === 'detail') && (
903
903
  <ui.Stack direction="column" gap="2">
904
904
  <ui.Text>Viewing: {viewState.id}</ui.Text>
905
905
  <ui.Button onClick={goBack}>Back</ui.Button>
@@ -1104,13 +1104,13 @@ export function Content(): React.ReactElement {
1104
1104
  }
1105
1105
 
1106
1106
  // Consume: read directly from ctx \u2014 re-renders automatically on identity:refresh.
1107
- const verified = Boolean(ctx.identity?.user?.metadata?.verified)
1107
+ const isVerified = Boolean(ctx.identity?.user?.metadata?.verified)
1108
1108
 
1109
1109
  return (
1110
1110
  <Surface id="slot.content">
1111
1111
  <ui.Stack direction="column" gap="2" className="p-3">
1112
1112
  <ui.Button onClick={runVerification}>Verify</ui.Button>
1113
- <ui.Text>Status: {verified ? 'verified' : 'unverified'}</ui.Text>
1113
+ <ui.Text>Status: {isVerified ? 'verified' : 'unverified'}</ui.Text>
1114
1114
  </ui.Stack>
1115
1115
  </Surface>
1116
1116
  )
@@ -1470,7 +1470,7 @@ export const Content = () => {
1470
1470
  <ui.Card>
1471
1471
  <ui.CardContent>
1472
1472
  <ui.Text>Looking up orders\u2026</ui.Text>
1473
- {environmentType === 'sandbox' && (
1473
+ {(environmentType === 'sandbox') && (
1474
1474
  <ui.Text className="text-xs opacity-50">Sandbox Mode</ui.Text>
1475
1475
  )}
1476
1476
  </ui.CardContent>
@@ -3502,7 +3502,7 @@ export const Header = () => {
3502
3502
  return (
3503
3503
  <Surface id="slot.header">
3504
3504
  <ui.Inline>
3505
- {viewState.type !== 'list' && (
3505
+ {(viewState.type !== 'list') && (
3506
3506
  <ui.Button
3507
3507
  variant="ghost"
3508
3508
  onClick={() => appStore.set({ viewState: { type: 'list' } })}
@@ -4764,10 +4764,10 @@ export function Content() {
4764
4764
 
4765
4765
  return (
4766
4766
  <Surface id="slot.content">
4767
- {viewState.type === 'list' && (
4767
+ {(viewState.type === 'list') && (
4768
4768
  <ui.Button onClick={() => goToDetail('abc123')}>View Detail</ui.Button>
4769
4769
  )}
4770
- {viewState.type === 'detail' && (
4770
+ {(viewState.type === 'detail') && (
4771
4771
  <ui.Stack direction="column" gap="2">
4772
4772
  <ui.Text>Viewing: {viewState.id}</ui.Text>
4773
4773
  <ui.Button onClick={goBack}>Back</ui.Button>
@@ -4967,13 +4967,13 @@ export function Content() {
4967
4967
  }
4968
4968
 
4969
4969
  // Consume: read directly from ctx \u2014 re-renders automatically on identity:refresh.
4970
- const verified = Boolean(ctx.identity?.user?.metadata?.verified)
4970
+ const isVerified = Boolean(ctx.identity?.user?.metadata?.verified)
4971
4971
 
4972
4972
  return (
4973
4973
  <Surface id="slot.content">
4974
4974
  <ui.Stack direction="column" gap="2" className="p-3">
4975
4975
  <ui.Button onClick={runVerification}>Verify</ui.Button>
4976
- <ui.Text>Status: {verified ? 'verified' : 'unverified'}</ui.Text>
4976
+ <ui.Text>Status: {isVerified ? 'verified' : 'unverified'}</ui.Text>
4977
4977
  </ui.Stack>
4978
4978
  </Surface>
4979
4979
  )
package/dist/server.js CHANGED
@@ -69,7 +69,7 @@ export function Content() {
69
69
 
70
70
  return (
71
71
  <Surface id="slot.content">
72
- {viewState.type === 'menu' && (
72
+ {(viewState.type === 'menu') && (
73
73
  <ui.Menu>
74
74
  {/* Add ui.MenuItem entries here */}
75
75
  </ui.Menu>
@@ -225,7 +225,7 @@ export function Content() {
225
225
 
226
226
  return (
227
227
  <Surface id="slot.content">
228
- {viewState.type === 'menu' && (
228
+ {(viewState.type === 'menu') && (
229
229
  <ui.Menu>
230
230
  {/* Add ui.MenuItem entries here */}
231
231
  </ui.Menu>
@@ -889,10 +889,10 @@ export function Content(): React.ReactElement {
889
889
 
890
890
  return (
891
891
  <Surface id="slot.content">
892
- {viewState.type === 'list' && (
892
+ {(viewState.type === 'list') && (
893
893
  <ui.Button onClick={() => goToDetail('abc123')}>View Detail</ui.Button>
894
894
  )}
895
- {viewState.type === 'detail' && (
895
+ {(viewState.type === 'detail') && (
896
896
  <ui.Stack direction="column" gap="2">
897
897
  <ui.Text>Viewing: {viewState.id}</ui.Text>
898
898
  <ui.Button onClick={goBack}>Back</ui.Button>
@@ -1097,13 +1097,13 @@ export function Content(): React.ReactElement {
1097
1097
  }
1098
1098
 
1099
1099
  // Consume: read directly from ctx \u2014 re-renders automatically on identity:refresh.
1100
- const verified = Boolean(ctx.identity?.user?.metadata?.verified)
1100
+ const isVerified = Boolean(ctx.identity?.user?.metadata?.verified)
1101
1101
 
1102
1102
  return (
1103
1103
  <Surface id="slot.content">
1104
1104
  <ui.Stack direction="column" gap="2" className="p-3">
1105
1105
  <ui.Button onClick={runVerification}>Verify</ui.Button>
1106
- <ui.Text>Status: {verified ? 'verified' : 'unverified'}</ui.Text>
1106
+ <ui.Text>Status: {isVerified ? 'verified' : 'unverified'}</ui.Text>
1107
1107
  </ui.Stack>
1108
1108
  </Surface>
1109
1109
  )
@@ -1463,7 +1463,7 @@ export const Content = () => {
1463
1463
  <ui.Card>
1464
1464
  <ui.CardContent>
1465
1465
  <ui.Text>Looking up orders\u2026</ui.Text>
1466
- {environmentType === 'sandbox' && (
1466
+ {(environmentType === 'sandbox') && (
1467
1467
  <ui.Text className="text-xs opacity-50">Sandbox Mode</ui.Text>
1468
1468
  )}
1469
1469
  </ui.CardContent>
@@ -3495,7 +3495,7 @@ export const Header = () => {
3495
3495
  return (
3496
3496
  <Surface id="slot.header">
3497
3497
  <ui.Inline>
3498
- {viewState.type !== 'list' && (
3498
+ {(viewState.type !== 'list') && (
3499
3499
  <ui.Button
3500
3500
  variant="ghost"
3501
3501
  onClick={() => appStore.set({ viewState: { type: 'list' } })}
@@ -4757,10 +4757,10 @@ export function Content() {
4757
4757
 
4758
4758
  return (
4759
4759
  <Surface id="slot.content">
4760
- {viewState.type === 'list' && (
4760
+ {(viewState.type === 'list') && (
4761
4761
  <ui.Button onClick={() => goToDetail('abc123')}>View Detail</ui.Button>
4762
4762
  )}
4763
- {viewState.type === 'detail' && (
4763
+ {(viewState.type === 'detail') && (
4764
4764
  <ui.Stack direction="column" gap="2">
4765
4765
  <ui.Text>Viewing: {viewState.id}</ui.Text>
4766
4766
  <ui.Button onClick={goBack}>Back</ui.Button>
@@ -4960,13 +4960,13 @@ export function Content() {
4960
4960
  }
4961
4961
 
4962
4962
  // Consume: read directly from ctx \u2014 re-renders automatically on identity:refresh.
4963
- const verified = Boolean(ctx.identity?.user?.metadata?.verified)
4963
+ const isVerified = Boolean(ctx.identity?.user?.metadata?.verified)
4964
4964
 
4965
4965
  return (
4966
4966
  <Surface id="slot.content">
4967
4967
  <ui.Stack direction="column" gap="2" className="p-3">
4968
4968
  <ui.Button onClick={runVerification}>Verify</ui.Button>
4969
- <ui.Text>Status: {verified ? 'verified' : 'unverified'}</ui.Text>
4969
+ <ui.Text>Status: {isVerified ? 'verified' : 'unverified'}</ui.Text>
4970
4970
  </ui.Stack>
4971
4971
  </Surface>
4972
4972
  )
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stackable-labs/mcp-app-extension",
3
- "version": "1.23.0",
3
+ "version": "1.25.0",
4
4
  "type": "module",
5
5
  "bin": {
6
6
  "mcp-app-extension": "./dist/index.js"