@shipfox/client-runners 0.2.0

package/dist/components/create-provisioner-token-form.js

@@ -0,0 +1,206 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '@shipfox/react-ui/button';
+import { Callout, CalloutContent, CalloutDescription, CalloutTitle } from '@shipfox/react-ui/callout';
+import { FormField, FormFieldInput, fieldError } from '@shipfox/react-ui/form-field';
+import { useCopyToClipboard } from '@shipfox/react-ui/hooks';
+import { ModalBody, ModalFooter } from '@shipfox/react-ui/modal';
+import { Code, Text } from '@shipfox/react-ui/typography';
+import { useForm } from '@tanstack/react-form';
+import { useQueryClient } from '@tanstack/react-query';
+import { useState } from 'react';
+import { provisionerTokenQueryKeys, useCreateProvisionerTokenMutation } from '#hooks/api/provisioner-tokens.js';
+import { provisionerTokenCreateErrorToFormError } from './provisioner-token-form-errors.js';
+import { ExpirationSelect, expirationHint } from './token-expiration-select.js';
+export const CREATE_PROVISIONER_TOKEN_FORM_ID = 'create-provisioner-token-form';
+export function CreateProvisionerTokenForm({ workspaceId, onCreated }) {
+    const queryClient = useQueryClient();
+    const createToken = useCreateProvisionerTokenMutation();
+    const [formError, setFormError] = useState();
+    const form = useForm({
+        defaultValues: {
+            name: '',
+            expiration: '86400'
+        },
+        onSubmit: async ({ value })=>{
+            setFormError(undefined);
+            const trimmedName = value.name.trim();
+            const body = {
+                ...trimmedName ? {
+                    name: trimmedName
+                } : {},
+                ...value.expiration === 'never' ? {} : {
+                    ttl_seconds: Number(value.expiration)
+                }
+            };
+            try {
+                const token = await createToken.mutateAsync({
+                    workspaceId,
+                    body
+                });
+                await queryClient.invalidateQueries({
+                    queryKey: provisionerTokenQueryKeys.list(workspaceId)
+                });
+                onCreated(token);
+            } catch (error) {
+                const mapped = provisionerTokenCreateErrorToFormError(error);
+                setFormError(mapped.message);
+            }
+        }
+    });
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(ModalBody, {
+                className: "gap-16",
+                children: [
+                    /*#__PURE__*/ _jsxs("form", {
+                        id: CREATE_PROVISIONER_TOKEN_FORM_ID,
+                        className: "flex w-full flex-col gap-8",
+                        noValidate: true,
+                        onSubmit: (event)=>{
+                            event.preventDefault();
+                            event.stopPropagation();
+                            void form.handleSubmit();
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex w-full items-end gap-16 max-[640px]:flex-col max-[640px]:items-stretch",
+                                children: [
+                                    /*#__PURE__*/ _jsx(form.Field, {
+                                        name: "name",
+                                        validators: {
+                                            onBlur: ({ value })=>value.length <= 80 ? undefined : 'Token name must be 80 characters or fewer.'
+                                        },
+                                        children: (field)=>/*#__PURE__*/ _jsx(FormField, {
+                                                className: "flex-1",
+                                                label: "Token name",
+                                                id: "provisioner-token-name",
+                                                error: fieldError(field),
+                                                children: /*#__PURE__*/ _jsx(FormFieldInput, {
+                                                    placeholder: "Docker provisioner",
+                                                    maxLength: 80,
+                                                    value: field.state.value,
+                                                    onChange: (event)=>field.handleChange(event.target.value),
+                                                    onBlur: field.handleBlur
+                                                })
+                                            })
+                                    }),
+                                    /*#__PURE__*/ _jsx(form.Field, {
+                                        name: "expiration",
+                                        children: (field)=>/*#__PURE__*/ _jsx(FormField, {
+                                                className: "flex-1",
+                                                label: "Expires",
+                                                id: "provisioner-token-expiration",
+                                                error: fieldError(field),
+                                                children: /*#__PURE__*/ _jsx(ExpirationSelect, {
+                                                    value: field.state.value,
+                                                    onValueChange: (next)=>field.handleChange(next)
+                                                })
+                                            })
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(form.Subscribe, {
+                                selector: (state)=>state.values.expiration,
+                                children: (expiration)=>/*#__PURE__*/ _jsx(Text, {
+                                        size: "sm",
+                                        className: "text-foreground-neutral-muted",
+                                        children: expirationHint(expiration)
+                                    })
+                            })
+                        ]
+                    }),
+                    formError ? /*#__PURE__*/ _jsx(Callout, {
+                        role: "alert",
+                        type: "error",
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            className: "flex flex-col gap-8",
+                            children: [
+                                /*#__PURE__*/ _jsx(Text, {
+                                    size: "sm",
+                                    bold: true,
+                                    children: "Could not create token"
+                                }),
+                                /*#__PURE__*/ _jsx(Text, {
+                                    size: "sm",
+                                    children: formError
+                                })
+                            ]
+                        })
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsx(ModalFooter, {
+                children: /*#__PURE__*/ _jsx(Button, {
+                    type: "submit",
+                    form: CREATE_PROVISIONER_TOKEN_FORM_ID,
+                    isLoading: createToken.isPending,
+                    children: "Create token"
+                })
+            })
+        ]
+    });
+}
+export function CreatedProvisionerTokenPanel({ token }) {
+    const [copyState, setCopyState] = useState('idle');
+    const { copy } = useCopyToClipboard({
+        text: token.raw_token,
+        onCopy: ()=>{
+            setCopyState('copied');
+            window.setTimeout(()=>setCopyState('idle'), 1500);
+        }
+    });
+    async function handleCopy() {
+        try {
+            await copy();
+        } catch  {
+            setCopyState('failed');
+            window.setTimeout(()=>setCopyState('idle'), 2500);
+        }
+    }
+    return /*#__PURE__*/ _jsx(Callout, {
+        type: "success",
+        variant: "secondary",
+        icon: null,
+        children: /*#__PURE__*/ _jsxs(CalloutContent, {
+            className: "flex flex-col gap-12",
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex flex-col gap-2",
+                    children: [
+                        /*#__PURE__*/ _jsx(CalloutTitle, {
+                            className: "mb-0",
+                            children: "Token created"
+                        }),
+                        /*#__PURE__*/ _jsx(CalloutDescription, {
+                            children: "Copy this provisioner token now. It will not be shown again."
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex items-center gap-8 max-[640px]:flex-col max-[640px]:items-stretch",
+                    children: [
+                        /*#__PURE__*/ _jsx(Code, {
+                            variant: "paragraph",
+                            className: "min-w-0 flex-1 break-all",
+                            children: token.raw_token
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            size: "sm",
+                            variant: "secondary",
+                            iconLeft: "fileCopyLine",
+                            onClick: ()=>void handleCopy(),
+                            children: copyState === 'copied' ? 'Copied' : 'Copy'
+                        })
+                    ]
+                }),
+                copyState === 'failed' ? /*#__PURE__*/ _jsx(Text, {
+                    size: "sm",
+                    className: "text-foreground-neutral-muted",
+                    children: "Copy failed: select and copy manually."
+                }) : null
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=create-provisioner-token-form.js.map

package/dist/components/create-provisioner-token-form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/create-provisioner-token-form.tsx"],"sourcesContent":["import type {CreateProvisionerTokenResponseDto} from '@shipfox/api-runners-dto';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout, CalloutContent, CalloutDescription, CalloutTitle} from '@shipfox/react-ui/callout';\nimport {FormField, FormFieldInput, fieldError} from '@shipfox/react-ui/form-field';\nimport {useCopyToClipboard} from '@shipfox/react-ui/hooks';\nimport {ModalBody, ModalFooter} from '@shipfox/react-ui/modal';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {useForm} from '@tanstack/react-form';\nimport {useQueryClient} from '@tanstack/react-query';\nimport {useState} from 'react';\nimport {\n  provisionerTokenQueryKeys,\n  useCreateProvisionerTokenMutation,\n} from '#hooks/api/provisioner-tokens.js';\nimport {provisionerTokenCreateErrorToFormError} from './provisioner-token-form-errors.js';\nimport {\n  ExpirationSelect,\n  expirationHint,\n  type TokenExpirationOption,\n} from './token-expiration-select.js';\n\nexport const CREATE_PROVISIONER_TOKEN_FORM_ID = 'create-provisioner-token-form';\n\nexport function CreateProvisionerTokenForm({\n  workspaceId,\n  onCreated,\n}: {\n  workspaceId: string;\n  onCreated: (token: CreateProvisionerTokenResponseDto) => void;\n}) {\n  const queryClient = useQueryClient();\n  const createToken = useCreateProvisionerTokenMutation();\n  const [formError, setFormError] = useState<string | undefined>();\n\n  const form = useForm({\n    defaultValues: {name: '', expiration: '86400' as TokenExpirationOption},\n    onSubmit: async ({value}) => {\n      setFormError(undefined);\n      const trimmedName = value.name.trim();\n      const body = {\n        ...(trimmedName ? {name: trimmedName} : {}),\n        ...(value.expiration === 'never' ? {} : {ttl_seconds: Number(value.expiration)}),\n      };\n\n      try {\n        const token = await createToken.mutateAsync({workspaceId, body});\n        await queryClient.invalidateQueries({\n          queryKey: provisionerTokenQueryKeys.list(workspaceId),\n        });\n        onCreated(token);\n      } catch (error) {\n        const mapped = provisionerTokenCreateErrorToFormError(error);\n        setFormError(mapped.message);\n      }\n    },\n  });\n\n  return (\n    <>\n      <ModalBody className=\"gap-16\">\n        <form\n          id={CREATE_PROVISIONER_TOKEN_FORM_ID}\n          className=\"flex w-full flex-col gap-8\"\n          noValidate\n          onSubmit={(event) => {\n            event.preventDefault();\n            event.stopPropagation();\n            void form.handleSubmit();\n          }}\n        >\n          <div className=\"flex w-full items-end gap-16 max-[640px]:flex-col max-[640px]:items-stretch\">\n            <form.Field\n              name=\"name\"\n              validators={{\n                onBlur: ({value}) =>\n                  value.length <= 80 ? undefined : 'Token name must be 80 characters or fewer.',\n              }}\n            >\n              {(field) => (\n                <FormField\n                  className=\"flex-1\"\n                  label=\"Token name\"\n                  id=\"provisioner-token-name\"\n                  error={fieldError(field)}\n                >\n                  <FormFieldInput\n                    placeholder=\"Docker provisioner\"\n                    maxLength={80}\n                    value={field.state.value}\n                    onChange={(event) => field.handleChange(event.target.value)}\n                    onBlur={field.handleBlur}\n                  />\n                </FormField>\n              )}\n            </form.Field>\n            <form.Field name=\"expiration\">\n              {(field) => (\n                <FormField\n                  className=\"flex-1\"\n                  label=\"Expires\"\n                  id=\"provisioner-token-expiration\"\n                  error={fieldError(field)}\n                >\n                  <ExpirationSelect\n                    value={field.state.value}\n                    onValueChange={(next) => field.handleChange(next)}\n                  />\n                </FormField>\n              )}\n            </form.Field>\n          </div>\n          <form.Subscribe selector={(state) => state.values.expiration}>\n            {(expiration) => (\n              <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n                {expirationHint(expiration)}\n              </Text>\n            )}\n          </form.Subscribe>\n        </form>\n        {formError ? (\n          <Callout role=\"alert\" type=\"error\">\n            <div className=\"flex flex-col gap-8\">\n              <Text size=\"sm\" bold>\n                Could not create token\n              </Text>\n              <Text size=\"sm\">{formError}</Text>\n            </div>\n          </Callout>\n        ) : null}\n      </ModalBody>\n      <ModalFooter>\n        <Button\n          type=\"submit\"\n          form={CREATE_PROVISIONER_TOKEN_FORM_ID}\n          isLoading={createToken.isPending}\n        >\n          Create token\n        </Button>\n      </ModalFooter>\n    </>\n  );\n}\n\nexport function CreatedProvisionerTokenPanel({token}: {token: CreateProvisionerTokenResponseDto}) {\n  const [copyState, setCopyState] = useState<'idle' | 'copied' | 'failed'>('idle');\n  const {copy} = useCopyToClipboard({\n    text: token.raw_token,\n    onCopy: () => {\n      setCopyState('copied');\n      window.setTimeout(() => setCopyState('idle'), 1500);\n    },\n  });\n\n  async function handleCopy() {\n    try {\n      await copy();\n    } catch {\n      setCopyState('failed');\n      window.setTimeout(() => setCopyState('idle'), 2500);\n    }\n  }\n\n  return (\n    <Callout type=\"success\" variant=\"secondary\" icon={null}>\n      <CalloutContent className=\"flex flex-col gap-12\">\n        <div className=\"flex flex-col gap-2\">\n          <CalloutTitle className=\"mb-0\">Token created</CalloutTitle>\n          <CalloutDescription>\n            Copy this provisioner token now. It will not be shown again.\n          </CalloutDescription>\n        </div>\n        <div className=\"flex items-center gap-8 max-[640px]:flex-col max-[640px]:items-stretch\">\n          <Code variant=\"paragraph\" className=\"min-w-0 flex-1 break-all\">\n            {token.raw_token}\n          </Code>\n          <Button\n            size=\"sm\"\n            variant=\"secondary\"\n            iconLeft=\"fileCopyLine\"\n            onClick={() => void handleCopy()}\n          >\n            {copyState === 'copied' ? 'Copied' : 'Copy'}\n          </Button>\n        </div>\n        {copyState === 'failed' ? (\n          <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n            Copy failed: select and copy manually.\n          </Text>\n        ) : null}\n      </CalloutContent>\n    </Callout>\n  );\n}\n"],"names":["Button","Callout","CalloutContent","CalloutDescription","CalloutTitle","FormField","FormFieldInput","fieldError","useCopyToClipboard","ModalBody","ModalFooter","Code","Text","useForm","useQueryClient","useState","provisionerTokenQueryKeys","useCreateProvisionerTokenMutation","provisionerTokenCreateErrorToFormError","ExpirationSelect","expirationHint","CREATE_PROVISIONER_TOKEN_FORM_ID","CreateProvisionerTokenForm","workspaceId","onCreated","queryClient","createToken","formError","setFormError","form","defaultValues","name","expiration","onSubmit","value","undefined","trimmedName","trim","body","ttl_seconds","Number","token","mutateAsync","invalidateQueries","queryKey","list","error","mapped","message","className","id","noValidate","event","preventDefault","stopPropagation","handleSubmit","div","Field","validators","onBlur","length","field","label","placeholder","maxLength","state","onChange","handleChange","target","handleBlur","onValueChange","next","Subscribe","selector","values","size","role","type","bold","isLoading","isPending","CreatedProvisionerTokenPanel","copyState","setCopyState","copy","text","raw_token","onCopy","window","setTimeout","handleCopy","variant","icon","iconLeft","onClick"],"mappings":"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"}

package/dist/components/form-errors.d.ts

@@ -0,0 +1,6 @@
+export type ManualRegistrationTokenCreateFormErrorMapping = {
+    kind: 'form';
+    message: string;
+};
+export declare function manualRegistrationTokenCreateErrorToFormError(error: unknown): ManualRegistrationTokenCreateFormErrorMapping;
+//# sourceMappingURL=form-errors.d.ts.map

package/dist/components/form-errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-errors.d.ts","sourceRoot":"","sources":["../../src/components/form-errors.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,6CAA6C,GAAG;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAC,CAAC;AAE5F,wBAAgB,6CAA6C,CAC3D,KAAK,EAAE,OAAO,GACb,6CAA6C,CAE/C"}

package/dist/components/form-errors.js

@@ -0,0 +1,9 @@
+import { manualRegistrationTokenErrorMessage } from './manual-registration-token-errors.js';
+export function manualRegistrationTokenCreateErrorToFormError(error) {
+    return {
+        kind: 'form',
+        message: manualRegistrationTokenErrorMessage(error)
+    };
+}
+
+//# sourceMappingURL=form-errors.js.map

package/dist/components/form-errors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/form-errors.ts"],"sourcesContent":["import {manualRegistrationTokenErrorMessage} from './manual-registration-token-errors.js';\n\nexport type ManualRegistrationTokenCreateFormErrorMapping = {kind: 'form'; message: string};\n\nexport function manualRegistrationTokenCreateErrorToFormError(\n  error: unknown,\n): ManualRegistrationTokenCreateFormErrorMapping {\n  return {kind: 'form', message: manualRegistrationTokenErrorMessage(error)};\n}\n"],"names":["manualRegistrationTokenErrorMessage","manualRegistrationTokenCreateErrorToFormError","error","kind","message"],"mappings":"AAAA,SAAQA,mCAAmC,QAAO,wCAAwC;AAI1F,OAAO,SAASC,8CACdC,KAAc;IAEd,OAAO;QAACC,MAAM;QAAQC,SAASJ,oCAAoCE;IAAM;AAC3E"}

package/dist/components/manual-registration-token-errors.d.ts

@@ -0,0 +1,2 @@
+export declare function manualRegistrationTokenErrorMessage(error: unknown): string;
+//# sourceMappingURL=manual-registration-token-errors.d.ts.map

package/dist/components/manual-registration-token-errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manual-registration-token-errors.d.ts","sourceRoot":"","sources":["../../src/components/manual-registration-token-errors.ts"],"names":[],"mappings":"AAEA,wBAAgB,mCAAmC,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAU1E"}

package/dist/components/manual-registration-token-errors.js

@@ -0,0 +1,14 @@
+import { ApiError } from '@shipfox/client-api';
+export function manualRegistrationTokenErrorMessage(error) {
+    if (error instanceof ApiError) {
+        // `network-error` carries the raw request URL in its message; never surface it.
+        if (error.code === 'network-error') {
+            return "We couldn't reach the server. Check your connection and try again.";
+        }
+        return error.message;
+    }
+    if (error instanceof Error) return error.message;
+    return 'Something went wrong. Try again.';
+}
+
+//# sourceMappingURL=manual-registration-token-errors.js.map

package/dist/components/manual-registration-token-errors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/manual-registration-token-errors.ts"],"sourcesContent":["import {ApiError} from '@shipfox/client-api';\n\nexport function manualRegistrationTokenErrorMessage(error: unknown): string {\n  if (error instanceof ApiError) {\n    // `network-error` carries the raw request URL in its message; never surface it.\n    if (error.code === 'network-error') {\n      return \"We couldn't reach the server. Check your connection and try again.\";\n    }\n    return error.message;\n  }\n  if (error instanceof Error) return error.message;\n  return 'Something went wrong. Try again.';\n}\n"],"names":["ApiError","manualRegistrationTokenErrorMessage","error","code","message","Error"],"mappings":"AAAA,SAAQA,QAAQ,QAAO,sBAAsB;AAE7C,OAAO,SAASC,oCAAoCC,KAAc;IAChE,IAAIA,iBAAiBF,UAAU;QAC7B,gFAAgF;QAChF,IAAIE,MAAMC,IAAI,KAAK,iBAAiB;YAClC,OAAO;QACT;QACA,OAAOD,MAAME,OAAO;IACtB;IACA,IAAIF,iBAAiBG,OAAO,OAAOH,MAAME,OAAO;IAChD,OAAO;AACT"}

package/dist/components/manual-registration-token-format.d.ts

@@ -0,0 +1,5 @@
+import type { ManualRegistrationTokenDto } from '@shipfox/api-runners-dto';
+export declare function formatManualRegistrationTokenDate(value: string | null): string;
+export declare function formatManualRegistrationTokenTimestamp(value: string | null): string | undefined;
+export declare function manualRegistrationTokenDisplayName(token: Pick<ManualRegistrationTokenDto, 'name'>): string;
+//# sourceMappingURL=manual-registration-token-format.d.ts.map

package/dist/components/manual-registration-token-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manual-registration-token-format.d.ts","sourceRoot":"","sources":["../../src/components/manual-registration-token-format.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,0BAA0B,CAAC;AAGzE,wBAAgB,iCAAiC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAG9E;AAED,wBAAgB,sCAAsC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAG/F;AAED,wBAAgB,kCAAkC,CAChD,KAAK,EAAE,IAAI,CAAC,0BAA0B,EAAE,MAAM,CAAC,GAC9C,MAAM,CAER"}

package/dist/components/manual-registration-token-format.js

@@ -0,0 +1,14 @@
+import { formatDate, formatTimestamp } from '@shipfox/react-ui/utils';
+export function formatManualRegistrationTokenDate(value) {
+    if (!value) return 'Never';
+    return formatDate(value);
+}
+export function formatManualRegistrationTokenTimestamp(value) {
+    if (!value) return undefined;
+    return formatTimestamp(value);
+}
+export function manualRegistrationTokenDisplayName(token) {
+    return token.name || 'Unnamed token';
+}
+
+//# sourceMappingURL=manual-registration-token-format.js.map

package/dist/components/manual-registration-token-format.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/manual-registration-token-format.ts"],"sourcesContent":["import type {ManualRegistrationTokenDto} from '@shipfox/api-runners-dto';\nimport {formatDate, formatTimestamp} from '@shipfox/react-ui/utils';\n\nexport function formatManualRegistrationTokenDate(value: string | null): string {\n  if (!value) return 'Never';\n  return formatDate(value);\n}\n\nexport function formatManualRegistrationTokenTimestamp(value: string | null): string | undefined {\n  if (!value) return undefined;\n  return formatTimestamp(value);\n}\n\nexport function manualRegistrationTokenDisplayName(\n  token: Pick<ManualRegistrationTokenDto, 'name'>,\n): string {\n  return token.name || 'Unnamed token';\n}\n"],"names":["formatDate","formatTimestamp","formatManualRegistrationTokenDate","value","formatManualRegistrationTokenTimestamp","undefined","manualRegistrationTokenDisplayName","token","name"],"mappings":"AACA,SAAQA,UAAU,EAAEC,eAAe,QAAO,0BAA0B;AAEpE,OAAO,SAASC,kCAAkCC,KAAoB;IACpE,IAAI,CAACA,OAAO,OAAO;IACnB,OAAOH,WAAWG;AACpB;AAEA,OAAO,SAASC,uCAAuCD,KAAoB;IACzE,IAAI,CAACA,OAAO,OAAOE;IACnB,OAAOJ,gBAAgBE;AACzB;AAEA,OAAO,SAASG,mCACdC,KAA+C;IAE/C,OAAOA,MAAMC,IAAI,IAAI;AACvB"}

package/dist/components/manual-registration-token-list.d.ts

@@ -0,0 +1,8 @@
+import type { ManualRegistrationTokenDto } from '@shipfox/api-runners-dto';
+export declare function ManualRegistrationTokenList({ workspaceId, tokens, }: {
+    workspaceId: string;
+    tokens: ManualRegistrationTokenDto[];
+}): import("react").JSX.Element;
+export declare function EmptyManualRegistrationTokens(): import("react").JSX.Element;
+export declare function ManualRegistrationTokenTableSkeleton(): import("react").JSX.Element;
+//# sourceMappingURL=manual-registration-token-list.d.ts.map

package/dist/components/manual-registration-token-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manual-registration-token-list.d.ts","sourceRoot":"","sources":["../../src/components/manual-registration-token-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,0BAA0B,CAAC;AA2CzE,wBAAgB,2BAA2B,CAAC,EAC1C,WAAW,EACX,MAAM,GACP,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,0BAA0B,EAAE,CAAC;CACtC,+BA4EA;AAkGD,wBAAgB,6BAA6B,gCAQ5C;AAED,wBAAgB,oCAAoC,gCAYnD"}

package/dist/components/manual-registration-token-list.js

@@ -0,0 +1,293 @@
+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 { 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 { 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 { manualRegistrationTokenQueryKeys, useRevokeManualRegistrationTokenMutation } from '#hooks/api/manual-registration-tokens.js';
+import { manualRegistrationTokenErrorMessage } from './manual-registration-token-errors.js';
+import { formatManualRegistrationTokenDate, formatManualRegistrationTokenTimestamp, manualRegistrationTokenDisplayName } from './manual-registration-token-format.js';
+import { TokenDate } from './token-date.js';
+import { TokenName } from './token-name.js';
+export function ManualRegistrationTokenList({ workspaceId, tokens }) {
+    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-[34%]",
+                                        children: "Name"
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableHead, {
+                                        children: "Prefix"
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableHead, {
+                                        className: "w-128",
+                                        children: "Expires"
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableHead, {
+                                        className: "w-128",
+                                        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: manualRegistrationTokenDisplayName(token)
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: /*#__PURE__*/ _jsx(Code, {
+                                                variant: "paragraph",
+                                                className: "block truncate",
+                                                children: token.prefix
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: /*#__PURE__*/ _jsx(ManualRegistrationTokenDate, {
+                                                value: token.expires_at
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: /*#__PURE__*/ _jsx(ManualRegistrationTokenDate, {
+                                                value: token.created_at
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            className: "text-right",
+                                            children: /*#__PURE__*/ _jsx(RevokeManualRegistrationTokenButton, {
+                                                workspaceId: workspaceId,
+                                                token: token
+                                            })
+                                        })
+                                    ]
+                                }, token.id))
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx("ul", {
+                className: "hidden flex-col gap-10 max-[760px]:flex",
+                "aria-label": "Manual registration 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: manualRegistrationTokenDisplayName(token)
+                                            }),
+                                            /*#__PURE__*/ _jsx(Code, {
+                                                variant: "paragraph",
+                                                className: "block truncate text-foreground-neutral-muted",
+                                                children: token.prefix
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx(RevokeManualRegistrationTokenButton, {
+                                        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: "Expires"
+                                            }),
+                                            /*#__PURE__*/ _jsx("dd", {
+                                                children: /*#__PURE__*/ _jsx(ManualRegistrationTokenDate, {
+                                                    value: token.expires_at
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        children: [
+                                            /*#__PURE__*/ _jsx("dt", {
+                                                className: "text-foreground-neutral-muted",
+                                                children: "Created"
+                                            }),
+                                            /*#__PURE__*/ _jsx("dd", {
+                                                children: /*#__PURE__*/ _jsx(ManualRegistrationTokenDate, {
+                                                    value: token.created_at
+                                                })
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    }, token.id))
+            })
+        ]
+    });
+}
+function ManualRegistrationTokenDate({ value }) {
+    return /*#__PURE__*/ _jsx(TokenDate, {
+        value: value,
+        date: formatManualRegistrationTokenDate(value),
+        timestamp: formatManualRegistrationTokenTimestamp(value)
+    });
+}
+function RevokeManualRegistrationTokenButton({ workspaceId, token }) {
+    const queryClient = useQueryClient();
+    const revokeToken = useRevokeManualRegistrationTokenMutation();
+    const [open, setOpen] = useState(false);
+    const tokenName = manualRegistrationTokenDisplayName(token);
+    async function handleRevoke() {
+        try {
+            await revokeToken.mutateAsync({
+                workspaceId,
+                tokenId: token.id
+            });
+            await queryClient.invalidateQueries({
+                queryKey: manualRegistrationTokenQueryKeys.list(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} registration 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 creating new runner sessions. Existing sessions and job leases expire on their own."
+                                    ]
+                                }),
+                                revokeToken.isError ? /*#__PURE__*/ _jsx(Callout, {
+                                    role: "alert",
+                                    type: "error",
+                                    children: /*#__PURE__*/ _jsx(Text, {
+                                        size: "sm",
+                                        children: manualRegistrationTokenErrorMessage(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 EmptyManualRegistrationTokens() {
+    return /*#__PURE__*/ _jsx(EmptyState, {
+        icon: "key2Line",
+        title: "No usable manual registration tokens",
+        description: "Create a token to connect a runner to this workspace."
+    });
+}
+export function ManualRegistrationTokenTableSkeleton() {
+    return /*#__PURE__*/ _jsx("div", {
+        role: "status",
+        "aria-label": "Loading manual registration tokens",
+        className: "flex flex-col gap-8",
+        children: [
+            0,
+            1,
+            2
+        ].map((row)=>/*#__PURE__*/ _jsx(Skeleton, {
+                className: "h-44 w-full"
+            }, row))
+    });
+}
+
+//# sourceMappingURL=manual-registration-token-list.js.map