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

import { DOCK_COOKIE, type InstalledAppData, appData, appPinFromForm, dockCookie, installedApps, pinsToShow, withPin, writeDock } from "../../lib/apps";

20

import { connectedStates } from "../../lib/connected.server";

21

import { savePins, savedPins } from "../../lib/dock.server";

22

import { workspaceAgents } from "../../lib/services.server";

23

import { page } from "../../lib/meta";

24

import { readCookie } from "../../lib/mission";

25

import { assertSameOrigin, getViewer, requireUser } from "../../lib/session.server";

26

import { Card } from "../../components/ui/card";

27

28

export function meta({ params, ...args }: Route.MetaArgs) {

29

return page(args, { title: `Apps · ${params.owner} · g1t` });

30

}

31

32

export async function loader({ params, context, request }: Route.LoaderArgs) {

33

const viewer = getViewer(context);

34

const slug = params.owner.toLowerCase();

35

const membership = viewer?.workspaces?.find((m) => m.slug === slug);

36

if (!viewer || !membership) throw data(null, { status: 404 });

37

// What Customize added; a service that doesn't answer counts as nothing added.

38

const read = <T,>(call: Promise<Result<T[]>>): Promise<T[]> => call.then((result) => (result.ok ? result.value : [])).catch(() => []);

39

const [connected, installs, connectors, saved] = await Promise.all([

40

connectedStates(slug, viewer).catch(() => null),

41

read(workspaceAgents.pluginInstalls(slug, viewer)),

42

read(workspaceAgents.connectors(slug, viewer)),

43

savedPins(viewer, slug),

]);

return {

slug,

name: membership.name?.trim() || slug,

48

/** Null when what is installed could not be read. */

49

apps: connected ? installedApps(connected, installs, connectors).map((app) => appData(app, slug)) : (null as InstalledAppData[] | null),

50

pins: pinsToShow(saved, readCookie(request.headers.get("cookie"), DOCK_COOKIE), slug),

};

}

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

55

assertSameOrigin(request);

56

const user = requireUser(context, request);

57

const slug = params.owner.toLowerCase();

58

if (!user.workspaces?.some((m) => m.slug === slug)) throw data(null, { status: 404 });

59

const change = appPinFromForm(await request.formData());

60

if (!change) return data({ error: "Nothing to do." }, { status: 400 });

61

const cookie = readCookie(request.headers.get("cookie"), DOCK_COOKIE);

62

// The change is made to the pins as the account keeps them; pins only

63

// ever kept in this device's cookie are carried over by the first one.

64

const current = pinsToShow(await savedPins(user, slug), cookie, slug);

65

const pins = await savePins(user, slug, withPin(current, change.app, change.pinned));

66

if (!pins) return data({ error: "Your pins could not be saved. Try again.", pins: current }, { status: 503 });

67

// This device's copy, drawn from when the account's cannot be read.

68

const secure = new URL(request.url).protocol === "https:";

69

return data({ error: null, pins }, { headers: { "Set-Cookie": dockCookie(writeDock(cookie, slug, pins), secure) } });

70

}

71

72

export default function Apps({ loaderData }: Route.ComponentProps) {

73

const { slug, name, apps } = loaderData;

74

const { pins, toggle } = useAppPins(slug, loaderData.pins);

75

const usable = (apps ?? []).filter((app) => app.usable);

76

const pinned = pins.map((key) => usable.find((app) => app.key === key)).filter((app) => app != null);

return (

<div>

What {name} added in Customize: plugins, connectors and integrations. Pin the ones you want in your rail: your rail is yours, and nobody else sees your pins.

84

</p>

85

</div>

86