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(

54

viewer: ReturnType<typeof getViewer>,

from: string,

isPrivate: boolean,

allowed: boolean,

): { slug: string; name: string }[] {

59

if (!allowed) return [];

60

return (viewer?.workspaces ?? [])

61

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

62

.filter((m) => {

63

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

64

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

65

return isPrivate ? privileges.members_can_create_private_repositories : privileges.members_can_create_public_repositories;

66

})

67

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

68

}

69

70

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

71

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

72

const user = requireUser(context, request);

73

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

74

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

75

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

76

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

77

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

78

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

79

switch (intent) {

80

case "archive": {

81

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

82

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

83

}

84

case "transfer": {

85

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

86

// keeps the old address as a redirect.

87

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

88

const moved = await repos.transfer(user, path, String(form.get("to") ?? "").trim().toLowerCase());

89

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

90

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

91

}

92

case "delete": {

93

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

94

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

95

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

96

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

}

}

}

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

102

assertSameOrigin(request);

103

const user = requireUser(context, request);

104

const form = await request.formData();

105

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

106

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

107

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

108

}

109

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

110

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

111

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

112

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

113

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

114

const upload = await readProductionImageUpload(form);

115

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

116

change = { image: upload.image };

117

} else {

118

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

119

}

120

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

121

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

122

}

123

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

124

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

125

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

126

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

127

// Blank clears it.

128

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

129

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

130

...(set ?? {}),

131

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

132

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

133

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

134

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

135

links: linksFromForm(form),

136

});

137

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

138

}

139

140

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

141

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

142

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

143

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

144

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

145

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

146

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

147

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

148

const { usercontent } = useAddresses();

return (

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

154

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

Project

</h2>

</Field>

<Input

key={project.description ?? ""}

168

name="description"

169

defaultValue={project.description ?? ""}

170

maxLength={200}

171

placeholder="What it is, in a line"

/>

</Field>

</div>

</section>

Source

</h2>

{source && (

<div>

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

188

</Link>

189

190

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

</p>

</div>

Repository settings

</Link>

</div>

</Card>

)}

<Field

label="Root directory"

201

hint="Where in the repository this project lives, such as apps/web. Builds run there. Empty for the whole repository."

>

</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

216

the steps that apply to it. Only an app or 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;

237

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>

263

</Form>

264

265

{/* 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,

273

and of production's address for one that deploys itself, about once a day and after each production deployment

274

reported to g1t.

275

</p>

276

<ProductionImageField

277

image={project.productionImage}

278

src={project.productionImage ? productionImageUrl(project.productionImage.file, usercontent) : null}

279

screenshots={project.runs === "g1t" || (project.runs === "elsewhere" && !!project.productionUrl)}

/>

</section>

{lifecycle && (

<ProjectDangerZone

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

286

archived={lifecycle.archived}

287

remove={lifecycle.remove}

288

destinations={lifecycle.destinations}

289

error={(intent) => (actionData && "lifecycle" in actionData && actionData.lifecycle === intent ? actionData.error : null)}

/>

)}

</div>

);

}