apps/web/app/routes/repo/settings.tsx · flagon-io/g1t

? { archived: Boolean(repo.archivedAt), remove: access.can.delete, destinations: destinations(viewer, params.owner, repo.isPrivate, access.can.delete) }

48

: null,

49

};

50

}

51

52

/** Where it can be transferred: a workspace where the person can create a repository like it. */

53

function destinations(viewer: ReturnType<typeof getViewer>, from: string, isPrivate: boolean, allowed: boolean): { slug: string; name: string }[] {

54

if (!allowed) return [];

55

return (viewer?.workspaces ?? [])

56

.filter((m) => m.slug !== from.toLowerCase())

57

.filter((m) => {

58

if (m.role === "owner") return true;

59

const privileges = { ...DEFAULT_MEMBER_PRIVILEGES, ...(m.privileges ?? {}) };

60

return isPrivate ? privileges.members_can_create_private_repositories : privileges.members_can_create_public_repositories;

61

})

62

.map((m) => ({ slug: m.slug, name: m.name ?? m.slug }));

63

}

64

65

/** Archiving, transferring and deleting: the repository goes with the project. */

66

async function lifecycle(intent: LifecycleIntent, form: FormData, request: Request, params: Route.ActionArgs["params"], context: Route.ActionArgs["context"]) {

67

const user = requireUser(context, request);

68

const refused = await refusal(context, params, intent === "archive" ? "administer" : "delete");

69

if (refused) return { lifecycle: intent, error: refused };

70

const path = { namespace: params.owner, name: params.repo };

71

const full = `${params.owner}/${params.repo}`;

72

const typed = String(form.get("confirm") ?? "").trim();

73

const failed = (result: { ok: false; error: { message: string } }) => ({ lifecycle: intent, error: result.error.message });

74

switch (intent) {

75

case "archive": {

76

const done = await repos.archive(user, path, form.get("archived") === "true");

77

return done.ok ? { lifecycle: intent, error: null } : failed(done);

78

}

79

case "transfer": {

80

// repos checks both workspaces' owners, the name and storage, and

81

// keeps the old address as a redirect.

82

if (!confirmsName(typed, full)) return { lifecycle: intent, error: `Type ${full} to confirm.` };

83

const moved = await repos.transfer(

84

user,

85

path,

86

String(form.get("to") ?? "")

.trim()

.toLowerCase(),

);

if (!moved.ok) return failed(moved);

91

throw redirect(`/${moved.value.namespace}/${moved.value.name}/settings`);

92

}

93

case "delete": {

94

if (!confirmsName(typed, full)) return { lifecycle: intent, error: `Type ${full} to confirm.` };

95

const deleted = await repos.delete(user, path, typed);

96

if (!deleted.ok) return failed(deleted);

97

throw redirect(`/${params.owner}/-/repositories?deleted=${encodeURIComponent(deleted.value.name)}`);

}

}

}

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

103

assertSameOrigin(request);

104

const user = requireUser(context, request);

105

const form = await request.formData();

106

const intent = form.get("intent");

107

if (LIFECYCLE_INTENTS.includes(intent as LifecycleIntent)) {

108

return lifecycle(intent as LifecycleIntent, form, request, params, context);

109

}

110

await requireCapability(context, params, "manage_settings");

111

// Production's picture on the overview: whoever may change its address may change it.

112

if (intent === "production-image" || intent === "remove-production-image" || intent === "prefer-production-image") {

113

let change: { image?: string | null; preferred?: boolean };

114

if (intent === "production-image") {

115

const upload = await readProductionImageUpload(form);

116

if ("error" in upload) return { error: upload.error };

117

change = { image: upload.image };

118

} else {

119

change = intent === "remove-production-image" ? { image: null } : { preferred: form.get("preferred") === "on" };

120

}

121

const saved = await projects.setProductionImage(user, params.owner, params.repo, change);

122

return saved.ok ? { imageSaved: true as const } : { error: saved.error.message };

123

}

124

const choice = form.get("choice") as KindChoice | null;

125

const set = choice && choice in KIND_CHOICE_SETS ? KIND_CHOICE_SETS[choice] : null;

126

const saved = await projects.update(user, params.owner, params.repo, {

127

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

128

// Blank clears it.

129

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

130

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

131

...(set ?? {}),

132

// Production's address is asked for beside Deploys itself, and kept otherwise.

133

...(form.has("productionUrl") ? { productionUrl: String(form.get("productionUrl")) } : {}),

134

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

135

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

136

links: linksFromForm(form),

137

});

138

return saved.ok ? { saved: true as const } : { error: saved.error.message };

139

}

140

141

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

142

const { project, deploymentsOn, mine, creator, lifecycle } = loaderData;

143

const [choice, setChoice] = useState<KindChoice | null>(choiceOf(project.setting));

144

// Something that never deploys, while Deployments are on, is refused: they are turned off first.

145

const stops = choice === "library" || choice === "tool" || choice === "other";

146

const blocked = stops && !neverDeploys(project) && deploymentsOn === true;

147

const base = `/${params.owner}/${params.repo}`;

148

const source = project.source.kind === "hosted" ? project.source : null;

149

const { usercontent } = useAddresses();

return (

{/* Enter in a field saves: the form's first submit button is the one

155

Enter presses, and otherwise it would be the description reset. */}

Project

</h2>

</Field>

<Input

key={project.description ?? ""}

169

name="description"

170

defaultValue={project.description ?? ""}

171

maxLength={200}

172

placeholder="What it is, in a line"

/>

</Field>

</div>

</section>

Source

</h2>

{source && (

<div>

{source.repo.namespace}/{source.repo.name}

189

</Link>

190

191

Hosted on g1t · <GitBranch size={11} className="inline" /> {source.defaultBranch}

</p>

</div>

Repository settings

</Link>

</div>

</Card>

)}

</Field>

</section>

{/* Old links to #deploys land here too. */}

What it is

</h2>

Its overview follows: production for what is deployed, packages and releases for a library or a tool, and the steps that apply to it. Only an app or

214

site hosted on g1t.page is asked to turn on Deployments.

</p>

{blocked && (

Deployments are on for {project.name}. Turn them off in{" "}

Deployments settings

</Link>{" "}

first, then choose this here.

</p>

)}

</section>

Links

</h2>

Shown on its overview, its card, and its workspace's Projects. Each is an http or https address; https:// is added when you leave it out.

</p>

</section>

Save

</SubmitButton>

{actionData && "saved" in actionData && <span className="text-sm text-success">Saved.</span>}

Created{" "}

{mine ? (

"by you "

) : creator ? (

<>

by{" "}

{creator}

</Link>{" "}

</>

) : null}

</span>

</div>

<ErrorText>{actionData && "error" in actionData && !("lifecycle" in actionData) ? actionData.error : null}</ErrorText>

260

</Form>

261

262

{/* Its own forms, sent as soon as an image is picked: outside the settings form. */}

Production image

</h2>

The picture on its overview's production card. A screenshot is taken by itself for an app hosted on g1t.page, and of production's address for one that

270

deploys itself, about once a day and after each production deployment reported to g1t.

271

</p>

272

<ProductionImageField

273

image={project.productionImage}

274