@liiift-studio/deploy-vercel-from-sanity 0.1.6 → 0.1.7

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 (5) hide show
  1. package/dist/index.js +37 -28
  2. package/dist/index.mjs +37 -28
  3. package/package.json +1 -1
  4. package/src/components/DeployItem.tsx +11 -6
  5. package/src/components/DeployTool.tsx +2 -2
package/dist/index.js CHANGED
@@ -396,8 +396,8 @@ function DeployItem({ target, token, onDelete }) {
396
396
  const vercelProjectUrl = projectHref(latest?.inspectorUrl);
397
397
  const isError = latest?.state === "ERROR";
398
398
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
399
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Card, { padding: 4, radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { gap: 4, align: "center", children: [
400
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 2, flex: 1, style: { minWidth: 0 }, children: [
399
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Card, { padding: 5, radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { gap: 4, align: "stretch", children: [
400
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 3, flex: 1, style: { minWidth: 0 }, children: [
401
401
  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", justify: "space-between", gap: 2, children: [
402
402
  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 2, weight: "semibold", children: target.name }),
403
403
  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -624,30 +624,39 @@ function DeployItem({ target, token, onDelete }) {
624
624
  deployError && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Card, { tone: "critical", padding: 2, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, children: deployError }) })
625
625
  ] })
626
626
  ] }),
627
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 2, style: { flexShrink: 0 }, children: [
628
- isActiveState(latest?.state) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
629
- import_ui3.Button,
630
- {
631
- text: "Cancel",
632
- mode: "ghost",
633
- tone: "critical",
634
- loading: canceling,
635
- disabled: canceling,
636
- onClick: cancel
637
- }
638
- ),
639
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
640
- import_ui3.Button,
641
- {
642
- text: "Deploy",
643
- tone: "primary",
644
- icon: import_icons2.RocketIcon,
645
- loading: triggering,
646
- disabled: isActive,
647
- onClick: deploy
648
- }
649
- )
650
- ] })
627
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
628
+ import_ui3.Flex,
629
+ {
630
+ direction: "column",
631
+ gap: 2,
632
+ style: { flexShrink: 0, alignSelf: "stretch" },
633
+ children: [
634
+ isActiveState(latest?.state) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
635
+ import_ui3.Button,
636
+ {
637
+ text: "Cancel",
638
+ mode: "ghost",
639
+ tone: "critical",
640
+ loading: canceling,
641
+ disabled: canceling,
642
+ onClick: cancel
643
+ }
644
+ ),
645
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
646
+ import_ui3.Button,
647
+ {
648
+ text: "Deploy",
649
+ tone: "primary",
650
+ icon: import_icons2.RocketIcon,
651
+ loading: triggering,
652
+ disabled: isActive,
653
+ onClick: deploy,
654
+ style: { flex: 1 }
655
+ }
656
+ )
657
+ ]
658
+ }
659
+ )
651
660
  ] }) }),
652
661
  showHistory && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
653
662
  DeployHistory,
@@ -835,8 +844,8 @@ function DeployTool() {
835
844
  ] }) }),
836
845
  targets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: {
837
846
  display: "grid",
838
- gridTemplateColumns: "repeat(auto-fill, minmax(380px, 1fr))",
839
- gap: "12px"
847
+ gridTemplateColumns: "repeat(auto-fill, minmax(540px, 1fr))",
848
+ gap: "16px"
840
849
  }, children: targets.map((target) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
841
850
  DeployItem,
842
851
  {
package/dist/index.mjs CHANGED
@@ -416,8 +416,8 @@ function DeployItem({ target, token, onDelete }) {
416
416
  const vercelProjectUrl = projectHref(latest?.inspectorUrl);
417
417
  const isError = latest?.state === "ERROR";
418
418
  return /* @__PURE__ */ jsxs3(Fragment, { children: [
419
- /* @__PURE__ */ jsx3(Card2, { padding: 4, radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ jsxs3(Flex3, { gap: 4, align: "center", children: [
420
- /* @__PURE__ */ jsxs3(Stack2, { space: 2, flex: 1, style: { minWidth: 0 }, children: [
419
+ /* @__PURE__ */ jsx3(Card2, { padding: 5, radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ jsxs3(Flex3, { gap: 4, align: "stretch", children: [
420
+ /* @__PURE__ */ jsxs3(Stack2, { space: 3, flex: 1, style: { minWidth: 0 }, children: [
421
421
  /* @__PURE__ */ jsxs3(Flex3, { align: "center", justify: "space-between", gap: 2, children: [
422
422
  /* @__PURE__ */ jsx3(Text2, { size: 2, weight: "semibold", children: target.name }),
423
423
  /* @__PURE__ */ jsx3(
@@ -644,30 +644,39 @@ function DeployItem({ target, token, onDelete }) {
644
644
  deployError && /* @__PURE__ */ jsx3(Card2, { tone: "critical", padding: 2, radius: 2, children: /* @__PURE__ */ jsx3(Text2, { size: 1, children: deployError }) })
645
645
  ] })
646
646
  ] }),
647
- /* @__PURE__ */ jsxs3(Stack2, { space: 2, style: { flexShrink: 0 }, children: [
648
- isActiveState(latest?.state) && /* @__PURE__ */ jsx3(
649
- Button2,
650
- {
651
- text: "Cancel",
652
- mode: "ghost",
653
- tone: "critical",
654
- loading: canceling,
655
- disabled: canceling,
656
- onClick: cancel
657
- }
658
- ),
659
- /* @__PURE__ */ jsx3(
660
- Button2,
661
- {
662
- text: "Deploy",
663
- tone: "primary",
664
- icon: RocketIcon,
665
- loading: triggering,
666
- disabled: isActive,
667
- onClick: deploy
668
- }
669
- )
670
- ] })
647
+ /* @__PURE__ */ jsxs3(
648
+ Flex3,
649
+ {
650
+ direction: "column",
651
+ gap: 2,
652
+ style: { flexShrink: 0, alignSelf: "stretch" },
653
+ children: [
654
+ isActiveState(latest?.state) && /* @__PURE__ */ jsx3(
655
+ Button2,
656
+ {
657
+ text: "Cancel",
658
+ mode: "ghost",
659
+ tone: "critical",
660
+ loading: canceling,
661
+ disabled: canceling,
662
+ onClick: cancel
663
+ }
664
+ ),
665
+ /* @__PURE__ */ jsx3(
666
+ Button2,
667
+ {
668
+ text: "Deploy",
669
+ tone: "primary",
670
+ icon: RocketIcon,
671
+ loading: triggering,
672
+ disabled: isActive,
673
+ onClick: deploy,
674
+ style: { flex: 1 }
675
+ }
676
+ )
677
+ ]
678
+ }
679
+ )
671
680
  ] }) }),
672
681
  showHistory && /* @__PURE__ */ jsx3(
673
682
  DeployHistory,
@@ -863,8 +872,8 @@ function DeployTool() {
863
872
  ] }) }),
864
873
  targets.length > 0 && /* @__PURE__ */ jsx5("div", { style: {
865
874
  display: "grid",
866
- gridTemplateColumns: "repeat(auto-fill, minmax(380px, 1fr))",
867
- gap: "12px"
875
+ gridTemplateColumns: "repeat(auto-fill, minmax(540px, 1fr))",
876
+ gap: "16px"
868
877
  }, children: targets.map((target) => /* @__PURE__ */ jsx5(
869
878
  DeployItem,
870
879
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liiift-studio/deploy-vercel-from-sanity",
3
- "version": "0.1.6",
3
+ "version": "0.1.7",
4
4
  "description": "Sanity Studio v5 plugin — trigger and monitor Vercel deployments with full status, history, and build logs",
5
5
  "license": "MIT",
6
6
  "author": "Liiift Studio",
package/src/components/DeployItem.tsx CHANGED
@@ -172,11 +172,11 @@ export function DeployItem({ target, token, onDelete }: DeployItemProps) {
172
172
 
173
173
  return (
174
174
  <>
175
- <Card padding={4} radius={2} shadow={1} tone="default">
176
- <Flex gap={4} align="center">
175
+ <Card padding={5} radius={2} shadow={1} tone="default">
176
+ <Flex gap={4} align="stretch">
177
177
 
178
178
  {/* ── Left: info column ──────────────────────────────────── */}
179
- <Stack space={2} flex={1} style={{ minWidth: 0 }}>
179
+ <Stack space={3} flex={1} style={{ minWidth: 0 }}>
180
180
 
181
181
  {/* Name + menu */}
182
182
  <Flex align="center" justify="space-between" gap={2}>
@@ -440,8 +440,12 @@ export function DeployItem({ target, token, onDelete }: DeployItemProps) {
440
440
  )}
441
441
  </Stack>
442
442
 
443
- {/* ── Right: action buttons ──────────────────────────────── */}
444
- <Stack space={2} style={{ flexShrink: 0 }}>
443
+ {/* ── Right: action buttons — stretch full card height ── */}
444
+ <Flex
445
+ direction="column"
446
+ gap={2}
447
+ style={{ flexShrink: 0, alignSelf: 'stretch' }}
448
+ >
445
449
  {isActiveState(latest?.state) && (
446
450
  <Button
447
451
  text="Cancel"
@@ -459,8 +463,9 @@ export function DeployItem({ target, token, onDelete }: DeployItemProps) {
459
463
  loading={triggering}
460
464
  disabled={isActive}
461
465
  onClick={deploy}
466
+ style={{ flex: 1 }}
462
467
  />
463
- </Stack>
468
+ </Flex>
464
469
 
465
470
  </Flex>
466
471
  </Card>
package/src/components/DeployTool.tsx CHANGED
@@ -131,8 +131,8 @@ export function DeployTool() {
131
131
  {targets.length > 0 && (
132
132
  <div style={{
133
133
  display: 'grid',
134
- gridTemplateColumns: 'repeat(auto-fill, minmax(380px, 1fr))',
135
- gap: '12px',
134
+ gridTemplateColumns: 'repeat(auto-fill, minmax(540px, 1fr))',
135
+ gap: '16px',
136
136
  }}>
137
137
  {targets.map(target => (
138
138
  <DeployItem