@shipfox/client-runners 0.2.0

package/dist/components/provisioner-token-list.js

@@ -0,0 +1,344 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, IconButton } from '@shipfox/react-ui/button';
+import { Callout } from '@shipfox/react-ui/callout';
+import { Dot } from '@shipfox/react-ui/dot';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@shipfox/react-ui/dropdown-menu';
+import { EmptyState } from '@shipfox/react-ui/empty-state';
+import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalTitle } from '@shipfox/react-ui/modal';
+import { RelativeTime } from '@shipfox/react-ui/relative-time';
+import { Skeleton } from '@shipfox/react-ui/skeleton';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@shipfox/react-ui/table';
+import { Code, Text } from '@shipfox/react-ui/typography';
+import { useQueryClient } from '@tanstack/react-query';
+import { useState } from 'react';
+import { provisionerTokenQueryKeys, useRevokeProvisionerTokenMutation } from '#hooks/api/provisioner-tokens.js';
+import { provisionerTokenErrorMessage } from './provisioner-token-errors.js';
+import { formatProvisionerTokenDate, formatProvisionerTokenTimestamp, provisionerConnectionStatus, provisionerTokenDisplayName } from './provisioner-token-format.js';
+import { TokenDate } from './token-date.js';
+import { TokenName } from './token-name.js';
+export function ProvisionerTokenList({ workspaceId, tokens, activeIds }) {
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: "max-[760px]:hidden",
+                children: /*#__PURE__*/ _jsxs(Table, {
+                    className: "table-fixed",
+                    children: [
+                        /*#__PURE__*/ _jsx(TableHeader, {
+                            children: /*#__PURE__*/ _jsxs(TableRow, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(TableHead, {
+                                        className: "w-[28%]",
+                                        children: "Name"
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableHead, {
+                                        children: "Prefix"
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableHead, {
+                                        className: "w-[18%]",
+                                        children: "Status"
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableHead, {
+                                        className: "w-112",
+                                        children: "Expires"
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableHead, {
+                                        className: "w-112",
+                                        children: "Created"
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableHead, {
+                                        className: "w-80 text-right",
+                                        children: "Actions"
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(TableBody, {
+                            children: tokens.map((token)=>/*#__PURE__*/ _jsxs(TableRow, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: /*#__PURE__*/ _jsx(TokenName, {
+                                                name: provisionerTokenDisplayName(token)
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: /*#__PURE__*/ _jsx(Code, {
+                                                variant: "paragraph",
+                                                className: "block truncate",
+                                                children: token.prefix
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: /*#__PURE__*/ _jsx(ProvisionerStatusCell, {
+                                                token: token,
+                                                activeIds: activeIds
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: /*#__PURE__*/ _jsx(ProvisionerTokenDate, {
+                                                value: token.expires_at
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: /*#__PURE__*/ _jsx(ProvisionerTokenDate, {
+                                                value: token.created_at
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            className: "text-right",
+                                            children: /*#__PURE__*/ _jsx(RevokeProvisionerTokenButton, {
+                                                workspaceId: workspaceId,
+                                                token: token
+                                            })
+                                        })
+                                    ]
+                                }, token.id))
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx("ul", {
+                className: "hidden flex-col gap-10 max-[760px]:flex",
+                "aria-label": "Provisioner tokens",
+                children: tokens.map((token)=>/*#__PURE__*/ _jsxs("li", {
+                        className: "rounded-8 border border-border-neutral-base bg-background-neutral-base p-14",
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex items-start justify-between gap-12",
+                                children: [
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "min-w-0 flex-1",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(TokenName, {
+                                                name: provisionerTokenDisplayName(token)
+                                            }),
+                                            /*#__PURE__*/ _jsx(Code, {
+                                                variant: "paragraph",
+                                                className: "block truncate text-foreground-neutral-muted",
+                                                children: token.prefix
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx(RevokeProvisionerTokenButton, {
+                                        workspaceId: workspaceId,
+                                        token: token
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("dl", {
+                                className: "mt-12 grid grid-cols-2 gap-10 text-sm",
+                                children: [
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        children: [
+                                            /*#__PURE__*/ _jsx("dt", {
+                                                className: "text-foreground-neutral-muted",
+                                                children: "Status"
+                                            }),
+                                            /*#__PURE__*/ _jsx("dd", {
+                                                children: /*#__PURE__*/ _jsx(ProvisionerStatusCell, {
+                                                    token: token,
+                                                    activeIds: activeIds
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        children: [
+                                            /*#__PURE__*/ _jsx("dt", {
+                                                className: "text-foreground-neutral-muted",
+                                                children: "Expires"
+                                            }),
+                                            /*#__PURE__*/ _jsx("dd", {
+                                                children: /*#__PURE__*/ _jsx(ProvisionerTokenDate, {
+                                                    value: token.expires_at
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        children: [
+                                            /*#__PURE__*/ _jsx("dt", {
+                                                className: "text-foreground-neutral-muted",
+                                                children: "Created"
+                                            }),
+                                            /*#__PURE__*/ _jsx("dd", {
+                                                children: /*#__PURE__*/ _jsx(ProvisionerTokenDate, {
+                                                    value: token.created_at
+                                                })
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    }, token.id))
+            })
+        ]
+    });
+}
+function ProvisionerTokenDate({ value }) {
+    return /*#__PURE__*/ _jsx(TokenDate, {
+        value: value,
+        date: formatProvisionerTokenDate(value),
+        timestamp: formatProvisionerTokenTimestamp(value)
+    });
+}
+function ProvisionerStatusCell({ token, activeIds }) {
+    const status = provisionerConnectionStatus(token, activeIds);
+    return /*#__PURE__*/ _jsxs("span", {
+        className: "inline-flex items-center gap-6",
+        children: [
+            /*#__PURE__*/ _jsx(Dot, {
+                variant: status.dotVariant
+            }),
+            status.kind === 'last-seen' ? /*#__PURE__*/ _jsxs("span", {
+                children: [
+                    status.label,
+                    " ",
+                    /*#__PURE__*/ _jsx(RelativeTime, {
+                        value: status.lastSeenAt
+                    })
+                ]
+            }) : /*#__PURE__*/ _jsx("span", {
+                children: status.label
+            })
+        ]
+    });
+}
+function RevokeProvisionerTokenButton({ workspaceId, token }) {
+    const queryClient = useQueryClient();
+    const revokeToken = useRevokeProvisionerTokenMutation();
+    const [open, setOpen] = useState(false);
+    const tokenName = provisionerTokenDisplayName(token);
+    async function handleRevoke() {
+        try {
+            await revokeToken.mutateAsync({
+                workspaceId,
+                tokenId: token.id
+            });
+            await queryClient.invalidateQueries({
+                queryKey: provisionerTokenQueryKeys.list(workspaceId)
+            });
+            await queryClient.invalidateQueries({
+                queryKey: provisionerTokenQueryKeys.active(workspaceId)
+            });
+            setOpen(false);
+        } catch  {
+        // React Query stores the error for the inline modal alert.
+        }
+    }
+    function handleOpenChange(nextOpen) {
+        setOpen(nextOpen);
+        if (nextOpen) {
+            revokeToken.reset();
+        }
+    }
+    function openRevokeConfirmation() {
+        revokeToken.reset();
+        setOpen(true);
+    }
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(DropdownMenu, {
+                children: [
+                    /*#__PURE__*/ _jsx(DropdownMenuTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ _jsx(IconButton, {
+                            type: "button",
+                            size: "sm",
+                            variant: "transparent",
+                            icon: "more2Line",
+                            "aria-label": `Open ${tokenName} token actions`
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(DropdownMenuContent, {
+                        align: "end",
+                        size: "sm",
+                        children: /*#__PURE__*/ _jsx(DropdownMenuItem, {
+                            onSelect: openRevokeConfirmation,
+                            children: "Revoke token"
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Modal, {
+                open: open,
+                onOpenChange: handleOpenChange,
+                children: /*#__PURE__*/ _jsxs(ModalContent, {
+                    "aria-describedby": undefined,
+                    className: "max-w-[420px]",
+                    children: [
+                        /*#__PURE__*/ _jsx(ModalTitle, {
+                            className: "sr-only",
+                            children: "Revoke token"
+                        }),
+                        /*#__PURE__*/ _jsx(ModalHeader, {
+                            title: "Revoke token?"
+                        }),
+                        /*#__PURE__*/ _jsxs(ModalBody, {
+                            className: "gap-16",
+                            children: [
+                                /*#__PURE__*/ _jsxs(Text, {
+                                    size: "sm",
+                                    className: "text-foreground-neutral-muted",
+                                    children: [
+                                        tokenName,
+                                        " will stop authenticating this provisioner. Runners it already provisioned keep running until their leases expire."
+                                    ]
+                                }),
+                                revokeToken.isError ? /*#__PURE__*/ _jsx(Callout, {
+                                    role: "alert",
+                                    type: "error",
+                                    children: /*#__PURE__*/ _jsx(Text, {
+                                        size: "sm",
+                                        children: provisionerTokenErrorMessage(revokeToken.error)
+                                    })
+                                }) : null
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs(ModalFooter, {
+                            children: [
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "sm",
+                                    variant: "secondary",
+                                    onClick: ()=>setOpen(false),
+                                    children: "Cancel"
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "sm",
+                                    variant: "danger",
+                                    isLoading: revokeToken.isPending,
+                                    onClick: handleRevoke,
+                                    children: "Revoke"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+export function EmptyProvisionerTokens() {
+    return /*#__PURE__*/ _jsx(EmptyState, {
+        icon: "key2Line",
+        title: "No usable provisioner registration tokens",
+        description: "Create a token to connect a provisioner that provisions runners on demand."
+    });
+}
+export function ProvisionerTokenTableSkeleton() {
+    return /*#__PURE__*/ _jsx("div", {
+        role: "status",
+        "aria-label": "Loading provisioner tokens",
+        className: "flex flex-col gap-8",
+        children: [
+            0,
+            1,
+            2
+        ].map((row)=>/*#__PURE__*/ _jsx(Skeleton, {
+                className: "h-44 w-full"
+            }, row))
+    });
+}
+
+//# sourceMappingURL=provisioner-token-list.js.map

package/dist/components/provisioner-token-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/provisioner-token-list.tsx"],"sourcesContent":["import type {ProvisionerTokenDto} from '@shipfox/api-runners-dto';\nimport {Button, IconButton} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {Dot} from '@shipfox/react-ui/dot';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@shipfox/react-ui/dropdown-menu';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {\n  Modal,\n  ModalBody,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalTitle,\n} from '@shipfox/react-ui/modal';\nimport {RelativeTime} from '@shipfox/react-ui/relative-time';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@shipfox/react-ui/table';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {useQueryClient} from '@tanstack/react-query';\nimport {useState} from 'react';\nimport {\n  provisionerTokenQueryKeys,\n  useRevokeProvisionerTokenMutation,\n} from '#hooks/api/provisioner-tokens.js';\nimport {provisionerTokenErrorMessage} from './provisioner-token-errors.js';\nimport {\n  formatProvisionerTokenDate,\n  formatProvisionerTokenTimestamp,\n  provisionerConnectionStatus,\n  provisionerTokenDisplayName,\n} from './provisioner-token-format.js';\nimport {TokenDate} from './token-date.js';\nimport {TokenName} from './token-name.js';\n\nexport function ProvisionerTokenList({\n  workspaceId,\n  tokens,\n  activeIds,\n}: {\n  workspaceId: string;\n  tokens: ProvisionerTokenDto[];\n  activeIds: ReadonlySet<string>;\n}) {\n  return (\n    <>\n      <div className=\"max-[760px]:hidden\">\n        <Table className=\"table-fixed\">\n          <TableHeader>\n            <TableRow>\n              <TableHead className=\"w-[28%]\">Name</TableHead>\n              <TableHead>Prefix</TableHead>\n              <TableHead className=\"w-[18%]\">Status</TableHead>\n              <TableHead className=\"w-112\">Expires</TableHead>\n              <TableHead className=\"w-112\">Created</TableHead>\n              <TableHead className=\"w-80 text-right\">Actions</TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {tokens.map((token) => (\n              <TableRow key={token.id}>\n                <TableCell>\n                  <TokenName name={provisionerTokenDisplayName(token)} />\n                </TableCell>\n                <TableCell>\n                  <Code variant=\"paragraph\" className=\"block truncate\">\n                    {token.prefix}\n                  </Code>\n                </TableCell>\n                <TableCell>\n                  <ProvisionerStatusCell token={token} activeIds={activeIds} />\n                </TableCell>\n                <TableCell>\n                  <ProvisionerTokenDate value={token.expires_at} />\n                </TableCell>\n                <TableCell>\n                  <ProvisionerTokenDate value={token.created_at} />\n                </TableCell>\n                <TableCell className=\"text-right\">\n                  <RevokeProvisionerTokenButton workspaceId={workspaceId} token={token} />\n                </TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </div>\n      <ul className=\"hidden flex-col gap-10 max-[760px]:flex\" aria-label=\"Provisioner tokens\">\n        {tokens.map((token) => (\n          <li\n            key={token.id}\n            className=\"rounded-8 border border-border-neutral-base bg-background-neutral-base p-14\"\n          >\n            <div className=\"flex items-start justify-between gap-12\">\n              <div className=\"min-w-0 flex-1\">\n                <TokenName name={provisionerTokenDisplayName(token)} />\n                <Code variant=\"paragraph\" className=\"block truncate text-foreground-neutral-muted\">\n                  {token.prefix}\n                </Code>\n              </div>\n              <RevokeProvisionerTokenButton workspaceId={workspaceId} token={token} />\n            </div>\n            <dl className=\"mt-12 grid grid-cols-2 gap-10 text-sm\">\n              <div>\n                <dt className=\"text-foreground-neutral-muted\">Status</dt>\n                <dd>\n                  <ProvisionerStatusCell token={token} activeIds={activeIds} />\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-foreground-neutral-muted\">Expires</dt>\n                <dd>\n                  <ProvisionerTokenDate value={token.expires_at} />\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-foreground-neutral-muted\">Created</dt>\n                <dd>\n                  <ProvisionerTokenDate value={token.created_at} />\n                </dd>\n              </div>\n            </dl>\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n}\n\nfunction ProvisionerTokenDate({value}: {value: string | null}) {\n  return (\n    <TokenDate\n      value={value}\n      date={formatProvisionerTokenDate(value)}\n      timestamp={formatProvisionerTokenTimestamp(value)}\n    />\n  );\n}\n\nfunction ProvisionerStatusCell({\n  token,\n  activeIds,\n}: {\n  token: ProvisionerTokenDto;\n  activeIds: ReadonlySet<string>;\n}) {\n  const status = provisionerConnectionStatus(token, activeIds);\n\n  return (\n    <span className=\"inline-flex items-center gap-6\">\n      <Dot variant={status.dotVariant} />\n      {status.kind === 'last-seen' ? (\n        <span>\n          {status.label} <RelativeTime value={status.lastSeenAt} />\n        </span>\n      ) : (\n        <span>{status.label}</span>\n      )}\n    </span>\n  );\n}\n\nfunction RevokeProvisionerTokenButton({\n  workspaceId,\n  token,\n}: {\n  workspaceId: string;\n  token: ProvisionerTokenDto;\n}) {\n  const queryClient = useQueryClient();\n  const revokeToken = useRevokeProvisionerTokenMutation();\n  const [open, setOpen] = useState(false);\n  const tokenName = provisionerTokenDisplayName(token);\n\n  async function handleRevoke() {\n    try {\n      await revokeToken.mutateAsync({workspaceId, tokenId: token.id});\n      await queryClient.invalidateQueries({\n        queryKey: provisionerTokenQueryKeys.list(workspaceId),\n      });\n      await queryClient.invalidateQueries({\n        queryKey: provisionerTokenQueryKeys.active(workspaceId),\n      });\n      setOpen(false);\n    } catch {\n      // React Query stores the error for the inline modal alert.\n    }\n  }\n\n  function handleOpenChange(nextOpen: boolean) {\n    setOpen(nextOpen);\n    if (nextOpen) {\n      revokeToken.reset();\n    }\n  }\n\n  function openRevokeConfirmation() {\n    revokeToken.reset();\n    setOpen(true);\n  }\n\n  return (\n    <>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <IconButton\n            type=\"button\"\n            size=\"sm\"\n            variant=\"transparent\"\n            icon=\"more2Line\"\n            aria-label={`Open ${tokenName} token actions`}\n          />\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"end\" size=\"sm\">\n          <DropdownMenuItem onSelect={openRevokeConfirmation}>Revoke token</DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n      <Modal open={open} onOpenChange={handleOpenChange}>\n        <ModalContent aria-describedby={undefined} className=\"max-w-[420px]\">\n          <ModalTitle className=\"sr-only\">Revoke token</ModalTitle>\n          <ModalHeader title=\"Revoke token?\" />\n          <ModalBody className=\"gap-16\">\n            <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n              {tokenName} will stop authenticating this provisioner. Runners it already provisioned\n              keep running until their leases expire.\n            </Text>\n            {revokeToken.isError ? (\n              <Callout role=\"alert\" type=\"error\">\n                <Text size=\"sm\">{provisionerTokenErrorMessage(revokeToken.error)}</Text>\n              </Callout>\n            ) : null}\n          </ModalBody>\n          <ModalFooter>\n            <Button size=\"sm\" variant=\"secondary\" onClick={() => setOpen(false)}>\n              Cancel\n            </Button>\n            <Button\n              size=\"sm\"\n              variant=\"danger\"\n              isLoading={revokeToken.isPending}\n              onClick={handleRevoke}\n            >\n              Revoke\n            </Button>\n          </ModalFooter>\n        </ModalContent>\n      </Modal>\n    </>\n  );\n}\n\nexport function EmptyProvisionerTokens() {\n  return (\n    <EmptyState\n      icon=\"key2Line\"\n      title=\"No usable provisioner registration tokens\"\n      description=\"Create a token to connect a provisioner that provisions runners on demand.\"\n    />\n  );\n}\n\nexport function ProvisionerTokenTableSkeleton() {\n  return (\n    <div role=\"status\" aria-label=\"Loading provisioner tokens\" className=\"flex flex-col gap-8\">\n      {[0, 1, 2].map((row) => (\n        <Skeleton key={row} className=\"h-44 w-full\" />\n      ))}\n    </div>\n  );\n}\n"],"names":["Button","IconButton","Callout","Dot","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuTrigger","EmptyState","Modal","ModalBody","ModalContent","ModalFooter","ModalHeader","ModalTitle","RelativeTime","Skeleton","Table","TableBody","TableCell","TableHead","TableHeader","TableRow","Code","Text","useQueryClient","useState","provisionerTokenQueryKeys","useRevokeProvisionerTokenMutation","provisionerTokenErrorMessage","formatProvisionerTokenDate","formatProvisionerTokenTimestamp","provisionerConnectionStatus","provisionerTokenDisplayName","TokenDate","TokenName","ProvisionerTokenList","workspaceId","tokens","activeIds","div","className","map","token","name","variant","prefix","ProvisionerStatusCell","ProvisionerTokenDate","value","expires_at","created_at","RevokeProvisionerTokenButton","id","ul","aria-label","li","dl","dt","dd","date","timestamp","status","span","dotVariant","kind","label","lastSeenAt","queryClient","revokeToken","open","setOpen","tokenName","handleRevoke","mutateAsync","tokenId","invalidateQueries","queryKey","list","active","handleOpenChange","nextOpen","reset","openRevokeConfirmation","asChild","type","size","icon","align","onSelect","onOpenChange","aria-describedby","undefined","title","isError","role","error","onClick","isLoading","isPending","EmptyProvisionerTokens","description","ProvisionerTokenTableSkeleton","row"],"mappings":"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"}

package/dist/components/provisioner-tokens-settings-section.d.ts

@@ -0,0 +1,4 @@
+export declare function WorkspaceProvisionerTokensSettingsSection({ workspaceId }: {
+    workspaceId: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=provisioner-tokens-settings-section.d.ts.map

package/dist/components/provisioner-tokens-settings-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provisioner-tokens-settings-section.d.ts","sourceRoot":"","sources":["../../src/components/provisioner-tokens-settings-section.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,yCAAyC,CAAC,EAAC,WAAW,EAAC,EAAE;IAAC,WAAW,EAAE,MAAM,CAAA;CAAC,+BAoF7F"}

package/dist/components/provisioner-tokens-settings-section.js

@@ -0,0 +1,117 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { QueryLoadError } from '@shipfox/client-ui';
+import { Button } from '@shipfox/react-ui/button';
+import { Icon } from '@shipfox/react-ui/icon';
+import { Modal, ModalBody, ModalContent, ModalHeader, ModalTitle, ModalTrigger } from '@shipfox/react-ui/modal';
+import { RelativeTimeProvider } from '@shipfox/react-ui/relative-time';
+import { Header, Text } from '@shipfox/react-ui/typography';
+import { useMemo, useState } from 'react';
+import { useActiveProvisionersQuery, useProvisionerTokensQuery } from '#hooks/api/provisioner-tokens.js';
+import { CreatedProvisionerTokenPanel, CreateProvisionerTokenForm } from './create-provisioner-token-form.js';
+import { EmptyProvisionerTokens, ProvisionerTokenList, ProvisionerTokenTableSkeleton } from './provisioner-token-list.js';
+export function WorkspaceProvisionerTokensSettingsSection({ workspaceId }) {
+    const tokensQuery = useProvisionerTokensQuery(workspaceId);
+    const activeProvisionersQuery = useActiveProvisionersQuery(workspaceId);
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [createdToken, setCreatedToken] = useState(null);
+    const tokens = tokensQuery.data?.tokens ?? [];
+    const activeIds = useMemo(()=>new Set(activeProvisionersQuery.data?.provisioners.map((provisioner)=>provisioner.id)), [
+        activeProvisionersQuery.data
+    ]);
+    function handleOpenChange(nextOpen) {
+        setIsModalOpen(nextOpen);
+        if (!nextOpen) {
+            setCreatedToken(null);
+        }
+    }
+    return /*#__PURE__*/ _jsx("div", {
+        className: "flex min-w-0 flex-col gap-32",
+        children: /*#__PURE__*/ _jsxs("section", {
+            className: "flex flex-col gap-16",
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex items-center justify-between gap-16 max-[640px]:items-start",
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "flex flex-col gap-4",
+                            children: [
+                                /*#__PURE__*/ _jsx(Header, {
+                                    variant: "h3",
+                                    children: "Runner provisioner registration tokens"
+                                }),
+                                /*#__PURE__*/ _jsx(Text, {
+                                    size: "sm",
+                                    className: "text-foreground-neutral-muted",
+                                    children: "Register runner provisioners that connect to this workspace and create runners dynamically based on demand."
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "flex items-center gap-12",
+                            children: [
+                                tokensQuery.isFetching && !tokensQuery.isPending || activeProvisionersQuery.isFetching && !activeProvisionersQuery.isPending ? /*#__PURE__*/ _jsx(Icon, {
+                                    name: "loader4Line",
+                                    className: "mt-2 size-18 text-foreground-neutral-muted",
+                                    "aria-label": "Refreshing provisioner tokens"
+                                }) : null,
+                                /*#__PURE__*/ _jsxs(Modal, {
+                                    open: isModalOpen,
+                                    onOpenChange: handleOpenChange,
+                                    children: [
+                                        /*#__PURE__*/ _jsx(ModalTrigger, {
+                                            asChild: true,
+                                            children: /*#__PURE__*/ _jsx(Button, {
+                                                children: "Create token"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsxs(ModalContent, {
+                                            "aria-describedby": undefined,
+                                            children: [
+                                                /*#__PURE__*/ _jsx(ModalTitle, {
+                                                    className: "sr-only",
+                                                    children: "Create provisioner registration token"
+                                                }),
+                                                /*#__PURE__*/ _jsx(ModalHeader, {
+                                                    children: /*#__PURE__*/ _jsx(Text, {
+                                                        size: "lg",
+                                                        "aria-hidden": "true",
+                                                        className: "overflow-ellipsis overflow-hidden whitespace-nowrap",
+                                                        children: "Create provisioner registration token"
+                                                    })
+                                                }),
+                                                createdToken ? /*#__PURE__*/ _jsx(ModalBody, {
+                                                    className: "gap-16",
+                                                    children: /*#__PURE__*/ _jsx(CreatedProvisionerTokenPanel, {
+                                                        token: createdToken
+                                                    })
+                                                }) : /*#__PURE__*/ _jsx(CreateProvisionerTokenForm, {
+                                                    workspaceId: workspaceId,
+                                                    onCreated: setCreatedToken
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                tokensQuery.isPending ? /*#__PURE__*/ _jsx(ProvisionerTokenTableSkeleton, {}) : null,
+                tokensQuery.isError && tokensQuery.data === undefined ? /*#__PURE__*/ _jsx(QueryLoadError, {
+                    query: tokensQuery,
+                    subject: "provisioner registration tokens"
+                }) : null,
+                tokensQuery.data !== undefined && tokens.length === 0 ? /*#__PURE__*/ _jsx(EmptyProvisionerTokens, {}) : null,
+                tokens.length > 0 ? /*#__PURE__*/ _jsx(RelativeTimeProvider, {
+                    children: /*#__PURE__*/ _jsx(ProvisionerTokenList, {
+                        workspaceId: workspaceId,
+                        tokens: tokens,
+                        activeIds: activeIds
+                    })
+                }) : null
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=provisioner-tokens-settings-section.js.map

package/dist/components/provisioner-tokens-settings-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/provisioner-tokens-settings-section.tsx"],"sourcesContent":["import type {CreateProvisionerTokenResponseDto} from '@shipfox/api-runners-dto';\nimport {QueryLoadError} from '@shipfox/client-ui';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {\n  Modal,\n  ModalBody,\n  ModalContent,\n  ModalHeader,\n  ModalTitle,\n  ModalTrigger,\n} from '@shipfox/react-ui/modal';\nimport {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {useMemo, useState} from 'react';\nimport {\n  useActiveProvisionersQuery,\n  useProvisionerTokensQuery,\n} from '#hooks/api/provisioner-tokens.js';\nimport {\n  CreatedProvisionerTokenPanel,\n  CreateProvisionerTokenForm,\n} from './create-provisioner-token-form.js';\nimport {\n  EmptyProvisionerTokens,\n  ProvisionerTokenList,\n  ProvisionerTokenTableSkeleton,\n} from './provisioner-token-list.js';\n\nexport function WorkspaceProvisionerTokensSettingsSection({workspaceId}: {workspaceId: string}) {\n  const tokensQuery = useProvisionerTokensQuery(workspaceId);\n  const activeProvisionersQuery = useActiveProvisionersQuery(workspaceId);\n  const [isModalOpen, setIsModalOpen] = useState(false);\n  const [createdToken, setCreatedToken] = useState<CreateProvisionerTokenResponseDto | null>(null);\n  const tokens = tokensQuery.data?.tokens ?? [];\n  const activeIds = useMemo(\n    () => new Set(activeProvisionersQuery.data?.provisioners.map((provisioner) => provisioner.id)),\n    [activeProvisionersQuery.data],\n  );\n\n  function handleOpenChange(nextOpen: boolean) {\n    setIsModalOpen(nextOpen);\n    if (!nextOpen) {\n      setCreatedToken(null);\n    }\n  }\n\n  return (\n    <div className=\"flex min-w-0 flex-col gap-32\">\n      <section className=\"flex flex-col gap-16\">\n        <div className=\"flex items-center justify-between gap-16 max-[640px]:items-start\">\n          <div className=\"flex flex-col gap-4\">\n            <Header variant=\"h3\">Runner provisioner registration tokens</Header>\n            <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n              Register runner provisioners that connect to this workspace and create runners\n              dynamically based on demand.\n            </Text>\n          </div>\n          <div className=\"flex items-center gap-12\">\n            {(tokensQuery.isFetching && !tokensQuery.isPending) ||\n            (activeProvisionersQuery.isFetching && !activeProvisionersQuery.isPending) ? (\n              <Icon\n                name=\"loader4Line\"\n                className=\"mt-2 size-18 text-foreground-neutral-muted\"\n                aria-label=\"Refreshing provisioner tokens\"\n              />\n            ) : null}\n            <Modal open={isModalOpen} onOpenChange={handleOpenChange}>\n              <ModalTrigger asChild>\n                <Button>Create token</Button>\n              </ModalTrigger>\n              <ModalContent aria-describedby={undefined}>\n                <ModalTitle className=\"sr-only\">Create provisioner registration token</ModalTitle>\n                <ModalHeader>\n                  <Text\n                    size=\"lg\"\n                    aria-hidden=\"true\"\n                    className=\"overflow-ellipsis overflow-hidden whitespace-nowrap\"\n                  >\n                    Create provisioner registration token\n                  </Text>\n                </ModalHeader>\n                {createdToken ? (\n                  <ModalBody className=\"gap-16\">\n                    <CreatedProvisionerTokenPanel token={createdToken} />\n                  </ModalBody>\n                ) : (\n                  <CreateProvisionerTokenForm\n                    workspaceId={workspaceId}\n                    onCreated={setCreatedToken}\n                  />\n                )}\n              </ModalContent>\n            </Modal>\n          </div>\n        </div>\n\n        {tokensQuery.isPending ? <ProvisionerTokenTableSkeleton /> : null}\n\n        {tokensQuery.isError && tokensQuery.data === undefined ? (\n          <QueryLoadError query={tokensQuery} subject=\"provisioner registration tokens\" />\n        ) : null}\n\n        {tokensQuery.data !== undefined && tokens.length === 0 ? <EmptyProvisionerTokens /> : null}\n\n        {tokens.length > 0 ? (\n          <RelativeTimeProvider>\n            <ProvisionerTokenList workspaceId={workspaceId} tokens={tokens} activeIds={activeIds} />\n          </RelativeTimeProvider>\n        ) : null}\n      </section>\n    </div>\n  );\n}\n"],"names":["QueryLoadError","Button","Icon","Modal","ModalBody","ModalContent","ModalHeader","ModalTitle","ModalTrigger","RelativeTimeProvider","Header","Text","useMemo","useState","useActiveProvisionersQuery","useProvisionerTokensQuery","CreatedProvisionerTokenPanel","CreateProvisionerTokenForm","EmptyProvisionerTokens","ProvisionerTokenList","ProvisionerTokenTableSkeleton","WorkspaceProvisionerTokensSettingsSection","workspaceId","tokensQuery","activeProvisionersQuery","isModalOpen","setIsModalOpen","createdToken","setCreatedToken","tokens","data","activeIds","Set","provisioners","map","provisioner","id","handleOpenChange","nextOpen","div","className","section","variant","size","isFetching","isPending","name","aria-label","open","onOpenChange","asChild","aria-describedby","undefined","aria-hidden","token","onCreated","isError","query","subject","length"],"mappings":";AACA,SAAQA,cAAc,QAAO,qBAAqB;AAClD,SAAQC,MAAM,QAAO,2BAA2B;AAChD,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SACEC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,UAAU,EACVC,YAAY,QACP,0BAA0B;AACjC,SAAQC,oBAAoB,QAAO,kCAAkC;AACrE,SAAQC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAC1D,SAAQC,OAAO,EAAEC,QAAQ,QAAO,QAAQ;AACxC,SACEC,0BAA0B,EAC1BC,yBAAyB,QACpB,mCAAmC;AAC1C,SACEC,4BAA4B,EAC5BC,0BAA0B,QACrB,qCAAqC;AAC5C,SACEC,sBAAsB,EACtBC,oBAAoB,EACpBC,6BAA6B,QACxB,8BAA8B;AAErC,OAAO,SAASC,0CAA0C,EAACC,WAAW,EAAwB;IAC5F,MAAMC,cAAcR,0BAA0BO;IAC9C,MAAME,0BAA0BV,2BAA2BQ;IAC3D,MAAM,CAACG,aAAaC,eAAe,GAAGb,SAAS;IAC/C,MAAM,CAACc,cAAcC,gBAAgB,GAAGf,SAAmD;IAC3F,MAAMgB,SAASN,YAAYO,IAAI,EAAED,UAAU,EAAE;IAC7C,MAAME,YAAYnB,QAChB,IAAM,IAAIoB,IAAIR,wBAAwBM,IAAI,EAAEG,aAAaC,IAAI,CAACC,cAAgBA,YAAYC,EAAE,IAC5F;QAACZ,wBAAwBM,IAAI;KAAC;IAGhC,SAASO,iBAAiBC,QAAiB;QACzCZ,eAAeY;QACf,IAAI,CAACA,UAAU;YACbV,gBAAgB;QAClB;IACF;IAEA,qBACE,KAACW;QAAIC,WAAU;kBACb,cAAA,MAACC;YAAQD,WAAU;;8BACjB,MAACD;oBAAIC,WAAU;;sCACb,MAACD;4BAAIC,WAAU;;8CACb,KAAC9B;oCAAOgC,SAAQ;8CAAK;;8CACrB,KAAC/B;oCAAKgC,MAAK;oCAAKH,WAAU;8CAAgC;;;;sCAK5D,MAACD;4BAAIC,WAAU;;gCACXjB,YAAYqB,UAAU,IAAI,CAACrB,YAAYsB,SAAS,IACjDrB,wBAAwBoB,UAAU,IAAI,CAACpB,wBAAwBqB,SAAS,iBACvE,KAAC3C;oCACC4C,MAAK;oCACLN,WAAU;oCACVO,cAAW;qCAEX;8CACJ,MAAC5C;oCAAM6C,MAAMvB;oCAAawB,cAAcZ;;sDACtC,KAAC7B;4CAAa0C,OAAO;sDACnB,cAAA,KAACjD;0DAAO;;;sDAEV,MAACI;4CAAa8C,oBAAkBC;;8DAC9B,KAAC7C;oDAAWiC,WAAU;8DAAU;;8DAChC,KAAClC;8DACC,cAAA,KAACK;wDACCgC,MAAK;wDACLU,eAAY;wDACZb,WAAU;kEACX;;;gDAIFb,6BACC,KAACvB;oDAAUoC,WAAU;8DACnB,cAAA,KAACxB;wDAA6BsC,OAAO3B;;mEAGvC,KAACV;oDACCK,aAAaA;oDACbiC,WAAW3B;;;;;;;;;;gBAQtBL,YAAYsB,SAAS,iBAAG,KAACzB,qCAAmC;gBAE5DG,YAAYiC,OAAO,IAAIjC,YAAYO,IAAI,KAAKsB,0BAC3C,KAACpD;oBAAeyD,OAAOlC;oBAAamC,SAAQ;qBAC1C;gBAEHnC,YAAYO,IAAI,KAAKsB,aAAavB,OAAO8B,MAAM,KAAK,kBAAI,KAACzC,8BAA4B;gBAErFW,OAAO8B,MAAM,GAAG,kBACf,KAAClD;8BACC,cAAA,KAACU;wBAAqBG,aAAaA;wBAAaO,QAAQA;wBAAQE,WAAWA;;qBAE3E;;;;AAIZ"}

package/dist/components/token-date.d.ts

@@ -0,0 +1,6 @@
+export declare function TokenDate({ value, date, timestamp, }: {
+    value: string | null;
+    date: string;
+    timestamp: string | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=token-date.d.ts.map

package/dist/components/token-date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-date.d.ts","sourceRoot":"","sources":["../../src/components/token-date.tsx"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B,+BAgBA"}

package/dist/components/token-date.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Tooltip, TooltipContent, TooltipTrigger } from '@shipfox/react-ui/tooltip';
+export function TokenDate({ value, date, timestamp }) {
+    if (!value || !timestamp) return /*#__PURE__*/ _jsx(_Fragment, {
+        children: date
+    });
+    return /*#__PURE__*/ _jsxs(Tooltip, {
+        children: [
+            /*#__PURE__*/ _jsx(TooltipTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx("button", {
+                    type: "button",
+                    className: "cursor-help rounded-4 outline-none focus-visible:shadow-button-neutral-focus",
+                    children: /*#__PURE__*/ _jsx("time", {
+                        dateTime: value,
+                        children: date
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(TooltipContent, {
+                children: timestamp
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=token-date.js.map

package/dist/components/token-date.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/token-date.tsx"],"sourcesContent":["import {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\n\nexport function TokenDate({\n  value,\n  date,\n  timestamp,\n}: {\n  value: string | null;\n  date: string;\n  timestamp: string | undefined;\n}) {\n  if (!value || !timestamp) return <>{date}</>;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          type=\"button\"\n          className=\"cursor-help rounded-4 outline-none focus-visible:shadow-button-neutral-focus\"\n        >\n          <time dateTime={value}>{date}</time>\n        </button>\n      </TooltipTrigger>\n      <TooltipContent>{timestamp}</TooltipContent>\n    </Tooltip>\n  );\n}\n"],"names":["Tooltip","TooltipContent","TooltipTrigger","TokenDate","value","date","timestamp","asChild","button","type","className","time","dateTime"],"mappings":";AAAA,SAAQA,OAAO,EAAEC,cAAc,EAAEC,cAAc,QAAO,4BAA4B;AAElF,OAAO,SAASC,UAAU,EACxBC,KAAK,EACLC,IAAI,EACJC,SAAS,EAKV;IACC,IAAI,CAACF,SAAS,CAACE,WAAW,qBAAO;kBAAGD;;IAEpC,qBACE,MAACL;;0BACC,KAACE;gBAAeK,OAAO;0BACrB,cAAA,KAACC;oBACCC,MAAK;oBACLC,WAAU;8BAEV,cAAA,KAACC;wBAAKC,UAAUR;kCAAQC;;;;0BAG5B,KAACJ;0BAAgBK;;;;AAGvB"}

package/dist/components/token-expiration-select.d.ts

@@ -0,0 +1,11 @@
+export type TokenExpirationOption = '86400' | '604800' | '2592000' | '7776000' | '15552000' | '31536000' | 'never';
+export declare const expirationOptions: Array<{
+    value: TokenExpirationOption;
+    label: string;
+}>;
+export declare function expirationHint(expiration: TokenExpirationOption): string;
+export declare function ExpirationSelect({ value, onValueChange, }: {
+    value: TokenExpirationOption;
+    onValueChange: (next: TokenExpirationOption) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=token-expiration-select.d.ts.map

package/dist/components/token-expiration-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-expiration-select.d.ts","sourceRoot":"","sources":["../../src/components/token-expiration-select.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,qBAAqB,GAC7B,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,OAAO,CAAC;AAEZ,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,qBAAqB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAQlF,CAAC;AAEF,wBAAgB,cAAc,CAAC,UAAU,EAAE,qBAAqB,GAAG,MAAM,CAKxE;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,aAAa,GACd,EAAE;IACD,KAAK,EAAE,qBAAqB,CAAC;IAC7B,aAAa,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACtD,+BAsBA"}