apps/web/app/routes/workspace/work/new.tsx · flagon-io/g1t

const sources = connections?.ok ? [...new Set(connections.value.filter((c) => c.kind === "tracker" || c.provider === "sentry").map((c) => c.provider))] : [];

61

return {

62

workspace,

63

origin: name,

64

labels: isFailed(labels) ? labels : labels.ok ? labels.value : [],

65

milestones: isFailed(milestones) ? milestones : milestones?.ok ? milestones.value : [],

repos:

projects == null

? []

: isFailed(projects)

? projects

: projects.ok

? projects.value

.filter((p) => p.workspace.toLowerCase() === workspace)

.map((p) => p.slug)

.sort()

: [],

canTriage: triage,

// Making labels needs Write in the workspace; choosing them and a milestone, Triage.

79

canMakeLabels: canItem(user, workspace, ref, "manage_labels"),

sources,

};

}

export async function action({ request, params, context }: Route.ActionArgs) {

85

assertSameOrigin(request);

86

const user = requireUser(context, request);

87

const workspace = params.owner.toLowerCase();

88

const form = await request.formData();

89

const origin = originOf(workspace, String(form.get("origin") ?? "") || null);

90

if (form.get("intent") === "import") {

91

const imported = await integrations.import(user, workspace, String(form.get("reference") ?? ""), {

92

repo: origin ? { namespace: workspace, name: origin } : undefined,

93

});

94

if (!imported.ok) return { importError: imported.error.message };

95

throw redirect(itemPath(imported.value.workspace, imported.value.number));

96

}

97

const result = await work.openWorkItem(user, {

98

workspace,

99

repo: origin ? { namespace: workspace, name: origin } : undefined,

100

targets: [...new Set(form.getAll("target").map(String).filter(Boolean))].map((name) => ({ namespace: workspace, name })),

101

title: String(form.get("title") ?? ""),

102

body: String(form.get("body") ?? ""),

103

labels: [...form.getAll("label").map(String), ...String(form.get("labels") ?? "").split(",")].map((label) => label.trim()).filter(Boolean),

104

milestone: Number(form.get("milestone")) || undefined,

105

});

106

if (!result.ok) return { error: result.error.message };

107

await attachHeld(user, result.value, form);

108

throw redirect(itemPath(result.value.workspace, result.value.number));

}

/**

* Images put in the description of a work item filed with no repository

113

* (components/attach-images.tsx, `later`): with nothing to keep them until

114

* it was open, they came with the form as `![name](attachment:<ref>)`.

115

* Now the work item keeps them, and its description gets their addresses,

116

* as `g1t work new --attach` does. One that fails to upload is taken out

117

* of the description; the box checked its type and size before it was sent.

118

*/

119

async function attachHeld(user: User, item: WorkItem, form: FormData) {

120

const files = form.getAll(DEFERRED_FILE_FIELD);

121

const refs = form.getAll(DEFERRED_REF_FIELD).map(String);

122

const body = item.body ?? "";

123

const wanted = deferredRefs(body);

124

if (wanted.size === 0) return;

125

const urls = new Map<string, string | null>();

126

for (const [index, ref] of refs.entries()) {

127

const file = files[index];

128

if (!wanted.has(ref) || !file || typeof file === "string") continue;

129

const bytes = new Uint8Array(await file.arrayBuffer());

130

const kept = await work

131

.uploadAttachment(user, { workspace: item.workspace, number: item.number }, { name: file.name || "image.png", data: toBase64(bytes) })

132

.catch(() => null);

133

urls.set(ref, kept?.ok ? `${addresses().usercontent}${kept.value.path}` : null);

134

}

135

// Any still not uploaded (its file did not arrive) goes too.

136

for (const ref of wanted) if (!urls.has(ref)) urls.set(ref, null);

137

await work.updateWorkItem(user, item.workspace, item.number, { body: resolveDeferred(body, urls) }).catch(() => null);

138

}

139

140

export default function NewWorkItem({ loaderData, actionData }: Route.ComponentProps) {

141

const { origin, workspace } = loaderData;

142

const names = loaderData.sources.map((source) => PROVIDERS[source].label);

return (

{origin && (

<span>

Filed from{" "}

{workspace}/{origin}

</span>

, its origin: anyone who can read it sees this work item.

</span>

</p>

)}

{names.length > 0 && (

Bring one in from {names.join(" or ")}

165

</p>

166

167

Give a key such as TECH-1234 or paste its address. The work item stays linked to the original, and it hears back when the work lands.

</p>

</div>

Import

</SubmitButton>

</div>

{actionData && "importError" in actionData && (

178

179

<ErrorText>{actionData.importError}</ErrorText>

</div>

)}

</Form>

</Card>

)}

<Input

name="title"

required

autoFocus

maxLength={200}

autoCapitalize="sentences"

194

enterKeyHint="next"

195

placeholder="Sign-in times out on slow networks"

/>

</Field>

<Field

label="Description"

htmlFor="item-body"

hint="What is wrong or wanted, and anything needed to act on it. Whoever works on it, person or agent, works from this text. To say what done looks like, add a list under a “## Definition of done” heading."

202

>

203

{/* Filed from a repository, it keeps the images; with none, the work item does, once it is open. */}

204